@hanzo/booker 0.1.0

package/dist/cjs/BookingForm.native.js

@@ -0,0 +1,203 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var BookingForm_exports = {};
+__export(BookingForm_exports, {
+  BookingForm: () => BookingForm
+});
+module.exports = __toCommonJS(BookingForm_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_hanzogui = require("hanzogui");
+var import_time = require("./time.native.js");
+var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function BookingForm(param) {
+  var {
+    slotIso,
+    timeZone,
+    eventLength,
+    submitting,
+    error,
+    onSubmit,
+    onBack
+  } = param;
+  var [name, setName] = (0, import_react.useState)("");
+  var [email, setEmail] = (0, import_react.useState)("");
+  var [notes, setNotes] = (0, import_react.useState)("");
+  var [touched, setTouched] = (0, import_react.useState)(false);
+  var nameValid = name.trim().length > 0;
+  var emailValid = EMAIL_RE.test(email.trim());
+  var valid = nameValid && emailValid;
+  var submit = function () {
+    setTouched(true);
+    if (!valid || submitting) return;
+    onSubmit({
+      name: name.trim(),
+      email: email.trim(),
+      notes: notes.trim() || void 0
+    });
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    gap: "$3",
+    flex: 1,
+    minWidth: 240,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+      gap: "$1",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(BackLink, {
+          onPress: onBack
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+          size: "$5",
+          fontWeight: "700",
+          color: "$color12",
+          children: "Enter details"
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.SizableText, {
+        size: "$3",
+        color: "$color11",
+        children: [(0, import_time.formatBookingWhen)(slotIso, timeZone), " \xB7 ", eventLength, " min"]
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Field, {
+      label: "Name",
+      required: true,
+      invalid: touched && !nameValid,
+      hint: "Please enter your name",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Input, {
+        value: name,
+        onChangeText: setName,
+        placeholder: "Ada Lovelace",
+        autoComplete: "name",
+        size: "$4"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Field, {
+      label: "Email",
+      required: true,
+      invalid: touched && !emailValid,
+      hint: "Please enter a valid email",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Input, {
+        value: email,
+        onChangeText: setEmail,
+        placeholder: "ada@example.com",
+        keyboardType: "email-address",
+        autoCapitalize: "none",
+        autoComplete: "email",
+        size: "$4"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Field, {
+      label: "Notes",
+      hint: "Optional",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.TextArea, {
+        value: notes,
+        onChangeText: setNotes,
+        placeholder: "Anything that would help prepare?",
+        numberOfLines: 3,
+        size: "$4"
+      })
+    }), error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+      backgroundColor: "$red3",
+      borderColor: "$red6",
+      borderWidth: 1,
+      borderRadius: "$4",
+      padding: "$2.5",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$2",
+        color: "$red11",
+        children: error
+      })
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+      gap: "$2",
+      justifyContent: "flex-end",
+      marginTop: "$1",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+        size: "$4",
+        chromeless: true,
+        onPress: onBack,
+        disabled: submitting,
+        children: "Back"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+        size: "$4",
+        theme: "blue",
+        onPress: submit,
+        disabled: submitting || touched && !valid,
+        opacity: submitting ? 0.7 : 1,
+        children: submitting ? "Booking\u2026" : "Confirm booking"
+      })]
+    })]
+  });
+}
+function Field(param) {
+  var {
+    label,
+    required,
+    invalid,
+    hint,
+    children
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    gap: "$1.5",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.SizableText, {
+      size: "$2",
+      color: "$color11",
+      fontWeight: "600",
+      children: [label, required ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        color: "$red10",
+        children: " *"
+      }) : null]
+    }), children, invalid && hint ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$1",
+      color: "$red10",
+      children: hint
+    }) : null]
+  });
+}
+function BackLink(param) {
+  var {
+    onPress
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+    width: 30,
+    height: 30,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "$4",
+    cursor: "pointer",
+    hoverStyle: {
+      backgroundColor: "$color4"
+    },
+    pressStyle: {
+      backgroundColor: "$color6"
+    },
+    onPress,
+    "aria-label": "Back",
+    role: "button",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$6",
+      color: "$color11",
+      children: "\u2039"
+    })
+  });
+}
+//# sourceMappingURL=BookingForm.native.js.map

package/dist/cjs/BookingForm.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BookingForm_exports","__export","BookingForm","module","exports","import_jsx_runtime","require","import_react","import_hanzogui","import_time","EMAIL_RE","param","slotIso","timeZone","eventLength","submitting","error","onSubmit","onBack","name","setName","useState","email","setEmail","notes","setNotes","touched","setTouched","nameValid","trim","length","emailValid","test","valid","submit","jsxs","YStack","gap","flex","minWidth","children","XStack","alignItems","jsx","BackLink","onPress","SizableText","size","fontWeight","color","formatBookingWhen","Field","label","required","invalid","hint","Input","onChangeText","placeholder","autoComplete","keyboardType","autoCapitalize","TextArea","numberOfLines","backgroundColor","borderColor","borderWidth","borderRadius","padding","justifyContent","marginTop","Button","chromeless","disabled","theme","opacity"],"sources":["../../src/BookingForm.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/CalendarEmbed.cjs

@@ -0,0 +1,121 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var CalendarEmbed_exports = {};
+__export(CalendarEmbed_exports, {
+  CalendarEmbed: () => CalendarEmbed
+});
+module.exports = __toCommonJS(CalendarEmbed_exports);
+var import_hanzogui = require("hanzogui");
+var import_BookingForm = require("./BookingForm.cjs");
+var import_Confirmation = require("./Confirmation.cjs");
+var import_EventHeader = require("./EventHeader.cjs");
+var import_TimeSlots = require("./TimeSlots.cjs");
+var import_time = require("./time.cjs");
+var import_useBooker = require("./useBooker.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CalendarEmbed(props) {
+  const m = (0, import_useBooker.useBooker)({
+    ...props,
+    autoSelectFirst: true
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+    backgroundColor: "$background",
+    borderColor: "$borderColor",
+    borderWidth: 1,
+    borderRadius: "$6",
+    padding: "$4",
+    gap: "$3",
+    width: "100%",
+    maxWidth: 420,
+    children: m.event.loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "$2",
+      padding: "$6",
+      minHeight: 160,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
+        size: "large",
+        color: "$color9"
+      })
+    }) : m.event.error || !m.event.data ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "$5",
+      minHeight: 140,
+      gap: "$1",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$4",
+        fontWeight: "600",
+        color: "$color12",
+        children: "Unavailable"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$2",
+        color: "$color10",
+        textAlign: "center",
+        children: m.event.error ?? "Event not found."
+      })]
+    }) : m.phase === "done" && m.booking ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Confirmation.Confirmation, {
+      booking: m.booking,
+      timeZone: m.timeZone,
+      onDone: m.reset
+    }) : m.phase === "form" && m.selectedSlot ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_BookingForm.BookingForm, {
+      slotIso: m.selectedSlot,
+      timeZone: m.timeZone,
+      eventLength: m.event.data.length,
+      submitting: m.submitting,
+      error: m.error,
+      onSubmit: m.submit,
+      onBack: m.back
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_EventHeader.EventHeader, {
+        event: m.event.data,
+        host: props.host,
+        timeZone: m.timeZone,
+        compact: true
+      }), m.conflict ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$1",
+        color: "$yellow11",
+        children: "That time was just taken \u2014 pick another."
+      }) : null, m.slots.loading && m.availableKeys.size === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+        alignItems: "center",
+        padding: "$4",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
+          color: "$color9"
+        })
+      }) : m.availableKeys.size === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.SizableText, {
+        size: "$2",
+        color: "$color10",
+        children: ["No availability in ", (0, import_time.formatMonthLabel)(m.viewDate), "."]
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeSlots.TimeSlots, {
+        dayKey: m.selectedDay,
+        slots: m.daySlots,
+        timeZone: m.timeZone,
+        onPick: m.selectSlot,
+        selectedIso: m.selectedSlot,
+        loading: m.slots.loading,
+        compact: true,
+        maxHeight: 220
+      })]
+    })
+  });
+}

package/dist/cjs/CalendarEmbed.native.js

@@ -0,0 +1,125 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var CalendarEmbed_exports = {};
+__export(CalendarEmbed_exports, {
+  CalendarEmbed: () => CalendarEmbed
+});
+module.exports = __toCommonJS(CalendarEmbed_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_hanzogui = require("hanzogui");
+var import_BookingForm = require("./BookingForm.native.js");
+var import_Confirmation = require("./Confirmation.native.js");
+var import_EventHeader = require("./EventHeader.native.js");
+var import_TimeSlots = require("./TimeSlots.native.js");
+var import_time = require("./time.native.js");
+var import_useBooker = require("./useBooker.native.js");
+function CalendarEmbed(props) {
+  var m = (0, import_useBooker.useBooker)({
+    ...props,
+    autoSelectFirst: true
+  });
+  var _m_event_error;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+    backgroundColor: "$background",
+    borderColor: "$borderColor",
+    borderWidth: 1,
+    borderRadius: "$6",
+    padding: "$4",
+    gap: "$3",
+    width: "100%",
+    maxWidth: 420,
+    children: m.event.loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "$2",
+      padding: "$6",
+      minHeight: 160,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
+        size: "large",
+        color: "$color9"
+      })
+    }) : m.event.error || !m.event.data ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "$5",
+      minHeight: 140,
+      gap: "$1",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$4",
+        fontWeight: "600",
+        color: "$color12",
+        children: "Unavailable"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$2",
+        color: "$color10",
+        textAlign: "center",
+        children: (_m_event_error = m.event.error) !== null && _m_event_error !== void 0 ? _m_event_error : "Event not found."
+      })]
+    }) : m.phase === "done" && m.booking ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Confirmation.Confirmation, {
+      booking: m.booking,
+      timeZone: m.timeZone,
+      onDone: m.reset
+    }) : m.phase === "form" && m.selectedSlot ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_BookingForm.BookingForm, {
+      slotIso: m.selectedSlot,
+      timeZone: m.timeZone,
+      eventLength: m.event.data.length,
+      submitting: m.submitting,
+      error: m.error,
+      onSubmit: m.submit,
+      onBack: m.back
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_EventHeader.EventHeader, {
+        event: m.event.data,
+        host: props.host,
+        timeZone: m.timeZone,
+        compact: true
+      }), m.conflict ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$1",
+        color: "$yellow11",
+        children: "That time was just taken \u2014 pick another."
+      }) : null, m.slots.loading && m.availableKeys.size === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+        alignItems: "center",
+        padding: "$4",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
+          color: "$color9"
+        })
+      }) : m.availableKeys.size === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.SizableText, {
+        size: "$2",
+        color: "$color10",
+        children: ["No availability in ", (0, import_time.formatMonthLabel)(m.viewDate), "."]
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeSlots.TimeSlots, {
+        dayKey: m.selectedDay,
+        slots: m.daySlots,
+        timeZone: m.timeZone,
+        onPick: m.selectSlot,
+        selectedIso: m.selectedSlot,
+        loading: m.slots.loading,
+        compact: true,
+        maxHeight: 220
+      })]
+    })
+  });
+}
+//# sourceMappingURL=CalendarEmbed.native.js.map

package/dist/cjs/CalendarEmbed.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CalendarEmbed_exports","__export","CalendarEmbed","module","exports","import_jsx_runtime","require","import_hanzogui","import_BookingForm","import_Confirmation","import_EventHeader","import_TimeSlots","import_time","import_useBooker","props","m","useBooker","autoSelectFirst","_m_event_error","jsx","YStack","backgroundColor","borderColor","borderWidth","borderRadius","padding","gap","width","maxWidth","children","event","loading","alignItems","justifyContent","minHeight","Spinner","size","color","error","data","jsxs","SizableText","fontWeight","textAlign","phase","booking","Confirmation","timeZone","onDone","reset","selectedSlot","BookingForm","slotIso","eventLength","length","submitting","onSubmit","submit","onBack","back","Fragment","EventHeader","host","compact","conflict","slots","availableKeys"],"sources":["../../src/CalendarEmbed.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Confirmation.cjs

@@ -0,0 +1,177 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Confirmation_exports = {};
+__export(Confirmation_exports, {
+  Confirmation: () => Confirmation
+});
+module.exports = __toCommonJS(Confirmation_exports);
+var import_hanzogui = require("hanzogui");
+var import_client = require("./client.cjs");
+var import_hooks = require("./hooks.cjs");
+var import_time = require("./time.cjs");
+var import_time2 = require("./time.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Confirmation({
+  booking,
+  uid,
+  apiUrl,
+  timeZone,
+  onDone
+}) {
+  const api = apiUrl ?? import_client.DEFAULT_API_URL;
+  const tz = timeZone ?? (0, import_time.visitorTimeZone)();
+  const fetched = (0, import_hooks.useBooking)(api, booking ? void 0 : uid);
+  const data = booking ?? fetched.data;
+  if (!data && fetched.loading) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "$6",
+      gap: "$3",
+      minHeight: 200,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
+        size: "large",
+        color: "$color9"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$3",
+        color: "$color10",
+        children: "Loading your booking\u2026"
+      })]
+    });
+  }
+  if (!data) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "$6",
+      gap: "$2",
+      minHeight: 200,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$4",
+        fontWeight: "600",
+        color: "$color12",
+        children: "Booking not found"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$3",
+        color: "$color10",
+        textAlign: "center",
+        children: fetched.error ?? "We could not load this booking."
+      })]
+    });
+  }
+  const attendee = data.attendees?.[0];
+  const location = data.location;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    gap: "$3",
+    padding: "$1",
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+      width: 52,
+      height: 52,
+      borderRadius: 9999,
+      backgroundColor: "$green4",
+      alignItems: "center",
+      justifyContent: "center",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$8",
+        color: "$green11",
+        children: "\u2713"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+      gap: "$1",
+      alignItems: "center",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$7",
+        fontWeight: "700",
+        color: "$color12",
+        textAlign: "center",
+        children: "You're booked"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$4",
+        color: "$color11",
+        textAlign: "center",
+        children: data.title
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {
+      width: "100%"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+      gap: "$2.5",
+      width: "100%",
+      maxWidth: 420,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Row, {
+        label: "When",
+        value: (0, import_time2.formatBookingWhen)(data.start, tz)
+      }), location ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Row, {
+        label: "Where",
+        value: location
+      }) : null, attendee?.email ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Row, {
+        label: "Guest",
+        value: attendee.email
+      }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(Row, {
+        label: "Status",
+        value: titleCase(data.status)
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Row, {
+        label: "Reference",
+        value: data.uid
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Paragraph, {
+      size: "$2",
+      color: "$color10",
+      textAlign: "center",
+      marginTop: "$1",
+      children: ["A calendar invite is on its way to ", attendee?.email ?? "your inbox", "."]
+    }), onDone ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+      size: "$3",
+      chromeless: true,
+      onPress: onDone,
+      marginTop: "$1",
+      children: "Book another time"
+    }) : null]
+  });
+}
+function Row({
+  label,
+  value
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    justifyContent: "space-between",
+    gap: "$3",
+    alignItems: "flex-start",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$3",
+      color: "$color10",
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$3",
+      color: "$color12",
+      fontWeight: "500",
+      textAlign: "right",
+      flexShrink: 1,
+      children: value
+    })]
+  });
+}
+function titleCase(s) {
+  if (!s) return "";
+  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();
+}