Upload 8 files

Dockerfile

@@ -0,0 +1,17 @@
+# Use an official Python runtime as a parent image
+FROM python:3.11-slim
+
+# Set the working directory in the container
+WORKDIR /app
+
+# Copy the current directory contents into the container at /app
+COPY . /app
+
+# Install dependencies
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Expose the port FastAPI will run on
+EXPOSE 7860
+
+# Command to run the FastAPI app with uvicorn
+CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "7860"]

README.md

@@ -1,11 +1,10 @@
 ---
-title: Scheduler
-emoji: 💻
-colorFrom: pink
-colorTo: green
+title: MeetingScheduler
+emoji: 🐨
+colorFrom: indigo
+colorTo: pink
 sdk: docker
 pinned: false
-short_description: meetingtobescheduledwithsales
 ---
 
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app (1).py

@@ -0,0 +1,173 @@
+from fastapi import FastAPI, Request
+from fastapi.responses import HTMLResponse, JSONResponse
+from fastapi.templating import Jinja2Templates
+from fastapi.responses import FileResponse
+from fastapi import HTTPException
+import requests
+import json
+import logging
+import os 
+
+# ------------------------------
+# Setup basic logging
+# ------------------------------
+logging.basicConfig(
+    level=logging.INFO,
+    format="%(asctime)s - %(levelname)s - %(message)s"
+)
+logger = logging.getLogger(__name__)
+
+app = FastAPI()
+
+templates = Jinja2Templates(directory=".")
+SECURE_API_KEY = os.getenv("SECURE_API_KEY")
+
+@app.get("/style.css")
+async def get_style():
+    logger.info("Serving style.css")
+    return FileResponse("style.css", media_type="text/css")
+
+BASE_API_URL = "https://script.google.com/macros/s/AKfycbwuRcqUlVroX4qGzBKNpC9mVa6ftGlNL2adJmVBxNW5-VFhj67WRTbFYh-QYXxobCC5ew/exec"
+
+@app.get("/", response_class=HTMLResponse)
+async def index(request: Request):
+    logger.info("Serving index.html")
+    return templates.TemplateResponse("index.html", {"request": request})
+
+
+@app.get("/available")
+async def available(name: str, email: str):
+    logger.info(f"Checking availability for name={name}, email={email}")
+    try:
+        rep_resp = requests.get(f"{BASE_API_URL}?action=getAvailableSalesRep")
+        rep_data = rep_resp.json()
+        logger.debug(f"Sales rep response: {rep_data}")
+
+        if "error" in rep_data:
+            logger.error(f"Sales rep error: {rep_data['error']}")
+            return {
+                "message": (
+                    "We couldn't find an available sales representative at the moment. "
+                    "Our team will reach out to you shortly."
+                )
+            }
+
+        rep_email = rep_data.get("email")
+        if not rep_email:
+            logger.error("Sales rep email missing from response")
+            return {
+                "message": (
+                    "We couldn't assign a sales representative right now. "
+                    "Our team will contact you shortly."
+                )
+            }
+
+        slot_resp = requests.get(f"{BASE_API_URL}?action=getAvailableSlots&salesRepEmail={rep_email}")
+        slots = slot_resp.json()
+        logger.debug(f"Slots response: {slots}")
+
+        if isinstance(slots, dict) and "error" in slots:
+            logger.error(f"Slot error: {slots['error']}")
+            return {
+                "message": (
+                    "We currently don't have any available time slots for booking a meeting. "
+                    "Our team will reach out to you to find a suitable time."
+                )
+            }
+
+        if not slots:
+            logger.warning("No available slots found")
+            return {
+                "message": (
+                    "There are no open time slots at the moment. "
+                    "Our team will be in touch to coordinate a meeting."
+                )
+            }
+
+        logger.info(f"Returning {len(slots)} available slots for {rep_email}")
+        return {
+            "slots": slots,
+            "repEmail": rep_email
+        }
+
+    except Exception as e:
+        logger.exception("Error in /available endpoint")
+        return {
+            "message": (
+                "Something went wrong while checking availability. "
+                "Our team has been notified and will follow up with you."
+            ),
+            "error": str(e)
+        }
+
+@app.post("/book")
+async def book_meeting(booking: dict):
+    name = booking.get("name")
+    email = booking.get("email")
+    salesRepEmail = booking.get("salesRepEmail")
+    selectedSlot = booking.get("selectedSlot")
+
+    logger.info(f"Booking request received: name={name}, email={email}, slot={selectedSlot}")
+    try:
+        response = requests.get(f"{BASE_API_URL}?action=createBooking&customerName={name}&customerEmail={email}&salesRepEmail={salesRepEmail}&selectedSlot={selectedSlot}")
+        logger.debug(f"Raw booking response: {response.text}")
+        if response.content:
+            response_data = response.json()
+        else:
+            logger.error("Empty response from Apps Script")
+            return JSONResponse(status_code=500, content={"error": "Empty response from booking script"})
+        logger.debug(f"Create booking response: {response_data}")
+
+        if "error" in response_data:
+            logger.error(f"Booking error: {response_data['error']}")
+            return JSONResponse(status_code=400, content={"message": response_data["error"]})
+
+        logger.info("Booking confirmed")
+        return JSONResponse(status_code=200, content={"message": "Booking confirmed!", "data": response_data})
+
+    except Exception as e:
+        logger.exception("Error while creating booking")
+        return JSONResponse(status_code=500, content={"message": f"Failed to create booking. {str(e)}"})
+
+@app.post("/createBooking")
+async def create_booking(firstName: str, email: str, salesRepEmail: str, selectedSlot: str):
+    logger.info(f"createBooking called for {email}")
+    try:
+        response = requests.post(f"{BASE_API_URL}?action=createBooking", data={
+            'customerName': firstName,
+            'customerEmail': email,
+            'salesRepEmail': salesRepEmail,
+            'selectedSlot': selectedSlot
+        })
+        logger.debug(f"createBooking response: {response.text}")
+        return response.text
+    except Exception as e:
+        logger.exception("Error in createBooking")
+        return {"error": f"Failed to create booking: {str(e)}"}
+
+@app.post("/rescheduleBooking")
+async def reschedule_booking(bookingId: int, newSlot: str):
+    logger.info(f"Rescheduling bookingId={bookingId} to newSlot={newSlot}")
+    try:
+        response = requests.post(f"{BASE_API_URL}?action=rescheduleBooking", data={
+            'bookingId': bookingId,
+            'newSlot': newSlot
+        })
+        logger.debug(f"Reschedule response: {response.text}")
+        return response.text
+    except Exception as e:
+        logger.exception("Error in rescheduleBooking")
+        return {"error": f"Failed to reschedule booking: {str(e)}"}
+
+@app.post("/cancelBooking")
+async def cancel_booking(bookingId: int):
+    logger.info(f"Cancelling bookingId={bookingId}")
+    try:
+        response = requests.post(f"{BASE_API_URL}?action=cancelBooking", data={
+            'bookingId': bookingId
+        })
+        logger.debug(f"Cancel response: {response.text}")
+        return response.text
+    except Exception as e:
+        logger.exception("Error in cancelBooking")
+        return {"error": f"Failed to cancel booking: {str(e)}"}

gitattributes

@@ -0,0 +1,35 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

index.html

@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>Book a meeting with SumUp</title>
+  <link rel="stylesheet" href="style.css" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+</head>
+<body>
+  <div class="container">
+    <h2>Book a meeting with SumUp</h2>
+    <!-- SumUp Logo -->
+    <form id="booking-form" aria-labelledby="form-heading">
+      <input type="text" id="name" placeholder="Your First Name" required />
+      <input type="email" id="email" placeholder="Your Email" required />
+      <button type="submit">Check availability</button>
+
+      <select id="slots" style="display:none;" aria-label="Available Time Slots"></select>
+      <button type="button" id="bookBtn" style="display:none;" aria-label="Confirm Booking">Confirm booking</button>
+    </form>
+
+    <div id="spinner" aria-live="polite"></div>
+    <p id="status" aria-live="polite"></p>
+
+    <div id="confirmation" class="hidden" aria-live="polite">
+      <h3>✅ Meeting confirmed with SumUp</h3>
+      <p><strong>Name:</strong> <span id="conf-name"></span></p>
+      <p><strong>Email:</strong> <span id="conf-email"></span></p>
+      <p><strong>Time:</strong> <span id="conf-slot"></span></p>
+    </div>
+  </div>
+  <!-- Embed the SVG directly in the HTML -->
+  <!-- svg class="logo" xmlns="http://www.w3.org/2000/svg" width="80" height="auto" viewBox="0 0 100 100"-->
+    <!-- Paste the entire SVG content here -->
+    <!-- Example of a simple SVG (replace with your actual SVG code) -->
+    <!-- path d="M58.2.5H5.1C2.7.5.7 2.5.7 4.9v52.8c0 2.4 2 4.4 4.4 4.4h53.1c2.4 0 4.4-2 4.4-4.4V4.9c0-2.5-2-4.4-4.4-4.4zM39.5 46.8c-5.4 5.4-14 5.6-19.7.7l-.1-.1c-.3-.3-.4-.9 0-1.3L38.9 27c.4-.3.9-.3 1.3 0 5 5.8 4.8 14.4-.7 19.8zm4-30.5L24.3 35.4c-.4.3-.9.3-1.3 0-5-5.7-4.8-14.3.6-19.7 5.4-5.4 14-5.6 19.7-.7 0 0 .1 0 .1.1.5.3.5.9.1 1.2z" stroke="black" fill="transparent"/-->
+  <!-- /svg-->
+  <img src="SumUp logo.png" alt="SumUp logo" class="logo" />
+  
+  <script>
+    let repEmail = ""; // Stored internally
+    let selectedSlotInfo = null;
+
+    const form = document.getElementById("booking-form");
+    const slotsDropdown = document.getElementById("slots");
+    const bookBtn = document.getElementById("bookBtn");
+    const statusEl = document.getElementById("status");
+    const spinner = document.getElementById("spinner");
+
+    function showSpinner() {
+      spinner.style.display = "block";
+    }
+
+    function hideSpinner() {
+      spinner.style.display = "none";
+    }
+
+    function setStatus(message, type = "info") {
+      statusEl.className = "";
+      statusEl.classList.add(`status-${type}`);
+      statusEl.innerText = message;
+      statusEl.style.display = "block";
+    }
+
+    form.addEventListener("submit", async (e) => {
+      e.preventDefault();
+      const name = document.getElementById("name").value;
+      const email = document.getElementById("email").value;
+
+      if (!name || !email) {
+        setStatus("Please enter your name and email.", "error");
+        return;
+      }
+
+      showSpinner();
+      setStatus("Checking availability...", "info");
+
+      try {
+        const res = await fetch(`/available?name=${encodeURIComponent(name)}&email=${encodeURIComponent(email)}`);
+        const data = await res.json();
+        hideSpinner();
+
+        if (data.error) {
+          setStatus(data.error, "error");
+          return;
+        }
+
+        repEmail = data.repEmail;
+        const slots = data.slots;
+        slotsDropdown.innerHTML = "";
+
+        if (slots.length === 0) {
+          setStatus("No available time slots found.", "error");
+          return;
+        }
+
+        slots.forEach(slot => {
+          const option = document.createElement("option");
+          option.value = slot.start;
+          option.text = new Date(slot.start).toLocaleString();
+          slotsDropdown.appendChild(option);
+        });
+
+        slotsDropdown.style.display = "block";
+        bookBtn.style.display = "inline-block";
+        setStatus("Select a time slot to book.", "success");
+
+      } catch (error) {
+        hideSpinner();
+        setStatus("Failed to retrieve availability.", "error");
+      }
+    });
+
+    bookBtn.addEventListener("click", async () => {
+      const name = document.getElementById("name").value;
+      const email = document.getElementById("email").value;
+      const selectedSlot = slotsDropdown.value;
+    
+      if (!selectedSlot || !repEmail) {
+        setStatus("Please select a time slot first.", "error");
+        return;
+      }
+    
+      showSpinner();
+      setStatus("Booking your meeting...", "info");
+    
+      try {
+        const res = await fetch("/book", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            name,
+            email,
+            salesRepEmail: repEmail,
+            selectedSlot
+          })
+        });
+    
+        const resultText = await res.text();
+        hideSpinner();
+    
+        setStatus("", "success");
+    
+        // 🔥 Apply fade-in effect
+        const confirmationPanel = document.getElementById("confirmation");
+        confirmationPanel.classList.add("visible");
+    
+        document.getElementById("conf-name").innerText = name;
+        document.getElementById("conf-email").innerText = email;
+        document.getElementById("conf-slot").innerText = new Date(selectedSlot).toLocaleString();
+    
+        slotsDropdown.style.display = "none";
+        bookBtn.style.display = "none";
+        form.reset();
+    
+        // Optional: hide status after a few seconds
+        setTimeout(() => {
+          statusEl.style.display = "none";
+        }, 3000);
+    
+      } catch (error) {
+        hideSpinner();
+        setStatus("Booking failed. Please try again.", "error");
+      }
+    });
+    
+  </script>
+</body>
+</html>

requirements.txt

@@ -0,0 +1,4 @@
+fastapi
+uvicorn
+jinja2
+requests

style.css

@@ -0,0 +1,180 @@
+/* style.css */
+
+/* Reset & Font */
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-family: 'Inter', sans-serif;
+}
+
+/* Page background */
+body {
+  background: #f0f1f5;
+  min-height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 2rem;
+}
+
+/* Logo */
+.logo {
+  position: fixed;
+  top: 20px;
+  left: 20px;
+  width: 140px;
+  height: auto;
+  z-index: 1000;
+}
+
+/* Card container */
+.container {
+  background: #ffffff;
+  padding: 2.5rem;
+  border-radius: 16px;
+  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
+  width: 100%;
+  max-width: 420px;
+  text-align: center;
+}
+
+/* Title heading */
+h2 {
+  font-size: 2rem;
+  font-weight: 600;
+  color: #1a1a1a;
+  margin-bottom: 2rem;
+  line-height: 1.3;
+}
+
+/* Input fields & dropdown */
+form input,
+form select {
+  display: block;
+  width: 100%;
+  padding: 0.75rem 1rem;
+  font-size: 1rem;
+  font-weight: 400;
+  margin-bottom: 1rem;
+  border: 1px solid #d0d4d9;
+  border-radius: 10px;
+  background: #ffffff;
+  color: #1a1a1a;
+  transition: border 0.2s ease;
+}
+
+form input::placeholder {
+  color: #a0aec0;
+  font-weight: 400;
+}
+
+form input:focus,
+form select:focus {
+  border-color: #000000;
+  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
+  outline: none;
+}
+
+/* Buttons */
+form button,
+#bookBtn {
+  width: 100%;
+  padding: 0.75rem 1rem;
+  background: #000000;
+  color: #ffffff;
+  font-weight: 600;
+  font-size: 1rem;
+  border: none;
+  border-radius: 10px;
+  cursor: pointer;
+  transition: background 0.3s ease;
+}
+
+form button:hover,
+#bookBtn:hover {
+  background: #1a1a1a;
+}
+
+/* Spinner */
+#spinner {
+  margin: 1rem auto;
+  width: 32px;
+  height: 32px;
+  border: 4px solid #ccc;
+  border-top: 4px solid #000000;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+  display: none;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* Status message */
+#status {
+  display: none;
+  margin-top: 1rem;
+  padding: 0.75rem 1rem;
+  text-align: center;
+  font-size: 0.95rem;
+  border-radius: 8px;
+}
+
+.status-info {
+  background: #e6f0ff;
+  color: #1e4b91;
+}
+
+.status-success {
+  background: #e6ffed;
+  color: #2e7d32;
+}
+
+.status-error {
+  background: #ffe6e6;
+  color: #c62828;
+}
+
+/* Confirmation */
+#confirmation {
+  display: none;
+  margin-top: 2rem;
+  background: #f0fff4;
+  border-left: 5px solid #52c41a;
+  padding: 1rem;
+  border-radius: 10px;
+  opacity: 0;
+  transform: translateY(20px);
+  transition: all 0.4s ease;
+}
+
+#confirmation.visible {
+  display: block;
+  opacity: 1;
+  transform: translateY(0);
+}
+
+#confirmation h3 {
+  color: #2e7d32;
+  margin-bottom: 0.5rem;
+}
+
+#confirmation p {
+  margin: 0.25rem 0;
+}
+
+/* Utility */
+.hidden {
+  display: none;
+}
+
+/* Responsive padding for smaller screens */
+@media (max-width: 480px) {
+  .container {
+    padding: 1.5rem;
+  }
+}