@hanzo/booker 0.1.0

package/dist/cjs/useBooker.native.js

@@ -0,0 +1,173 @@
+"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 useBooker_exports = {};
+__export(useBooker_exports, {
+  useBooker: () => useBooker
+});
+module.exports = __toCommonJS(useBooker_exports);
+var import_react = require("react");
+var import_client = require("./client.native.js");
+var import_hooks = require("./hooks.native.js");
+var import_time = require("./time.native.js");
+function useBooker(opts) {
+  var _opts_apiUrl;
+  var api = (_opts_apiUrl = opts.apiUrl) !== null && _opts_apiUrl !== void 0 ? _opts_apiUrl : import_client.DEFAULT_API_URL;
+  var _opts_timeZone;
+  var timeZone = (_opts_timeZone = opts.timeZone) !== null && _opts_timeZone !== void 0 ? _opts_timeZone : (0, import_time.visitorTimeZone)();
+  var _opts_weekStartsOn;
+  var weekStartsOn = (_opts_weekStartsOn = opts.weekStartsOn) !== null && _opts_weekStartsOn !== void 0 ? _opts_weekStartsOn : 0;
+  var event = (0, import_hooks.useEventType)(api, opts.eventSlug, opts.host);
+  var [viewDate, setViewDate] = (0, import_react.useState)(function () {
+    return (0, import_time.startOfMonth)(/* @__PURE__ */new Date());
+  });
+  var {
+    startTime,
+    endTime
+  } = (0, import_react.useMemo)(function () {
+    return (0, import_time.monthRange)(viewDate);
+  }, [viewDate]);
+  var slots = (0, import_hooks.useAvailableSlots)(api, {
+    eventTypeSlug: opts.eventSlug,
+    username: opts.host,
+    startTime,
+    endTime,
+    timeZone,
+    enabled: !!event.data
+  });
+  var [selectedDay, setSelectedDay] = (0, import_react.useState)(null);
+  var [selectedSlot, setSelectedSlot] = (0, import_react.useState)(null);
+  var [phase, setPhase] = (0, import_react.useState)("pick");
+  var [booking, setBooking] = (0, import_react.useState)(null);
+  var create = (0, import_hooks.useCreateBooking)(api);
+  var availableKeys = (0, import_react.useMemo)(function () {
+    var _slots_data;
+    var map = (_slots_data = slots.data) !== null && _slots_data !== void 0 ? _slots_data : {};
+    return new Set(Object.keys(map).filter(function (k) {
+      var _map_k;
+      var _map_k_length;
+      return ((_map_k_length = (_map_k = map[k]) === null || _map_k === void 0 ? void 0 : _map_k.length) !== null && _map_k_length !== void 0 ? _map_k_length : 0) > 0;
+    }));
+  }, [slots.data]);
+  var daySlots = (0, import_react.useMemo)(function () {
+    var _slots_data;
+    if (!selectedDay) return [];
+    var _slots_data_selectedDay;
+    return (_slots_data_selectedDay = (_slots_data = slots.data) === null || _slots_data === void 0 ? void 0 : _slots_data[selectedDay]) !== null && _slots_data_selectedDay !== void 0 ? _slots_data_selectedDay : [];
+  }, [slots.data, selectedDay]);
+  (0, import_react.useEffect)(function () {
+    if (!opts.autoSelectFirst) return;
+    if (selectedDay && availableKeys.has(selectedDay)) return;
+    var first = [...availableKeys].sort()[0];
+    if (first) {
+      setSelectedDay(first);
+      setSelectedSlot(null);
+    }
+  }, [opts.autoSelectFirst, availableKeys, selectedDay]);
+  var now = (0, import_time.startOfMonth)(/* @__PURE__ */new Date());
+  var atFirstMonth = viewDate.getFullYear() === now.getFullYear() && viewDate.getMonth() === now.getMonth();
+  var goPrevMonth = function () {
+    if (atFirstMonth) return;
+    setViewDate(function (d) {
+      return (0, import_time.addMonths)(d, -1);
+    });
+    setSelectedDay(null);
+    setSelectedSlot(null);
+  };
+  var goNextMonth = function () {
+    setViewDate(function (d) {
+      return (0, import_time.addMonths)(d, 1);
+    });
+    setSelectedDay(null);
+    setSelectedSlot(null);
+  };
+  var selectDay = function (key) {
+    setSelectedDay(key);
+    setSelectedSlot(null);
+  };
+  var selectSlot = function (iso) {
+    setSelectedSlot(iso);
+    setPhase("form");
+    create.reset();
+  };
+  var back = function () {
+    setPhase("pick");
+    setSelectedSlot(null);
+    create.reset();
+  };
+  var reset = function () {
+    setBooking(null);
+    setSelectedSlot(null);
+    setSelectedDay(null);
+    setPhase("pick");
+    create.reset();
+    slots.refetch();
+  };
+  var submit = async function (responses) {
+    if (!selectedSlot) return;
+    var result = await create.submit({
+      eventTypeSlug: opts.eventSlug,
+      username: opts.host,
+      start: selectedSlot,
+      timeZone,
+      responses
+    });
+    if (result.ok) {
+      var _opts_onBooked;
+      setBooking(result.booking);
+      setPhase("done");
+      (_opts_onBooked = opts.onBooked) === null || _opts_onBooked === void 0 ? void 0 : _opts_onBooked.call(opts, result.booking);
+    } else if (result.conflict) {
+      slots.refetch();
+      setSelectedSlot(null);
+      setPhase("pick");
+    }
+  };
+  return {
+    api,
+    timeZone,
+    weekStartsOn,
+    event,
+    slots,
+    viewDate,
+    availableKeys,
+    selectedDay,
+    daySlots,
+    selectedSlot,
+    phase,
+    booking,
+    submitting: create.submitting,
+    error: create.error,
+    conflict: create.conflict,
+    goPrevMonth,
+    goNextMonth,
+    atFirstMonth,
+    selectDay,
+    selectSlot,
+    submit,
+    back,
+    reset
+  };
+}
+//# sourceMappingURL=useBooker.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useBooker_exports","__export","useBooker","module","exports","import_react","require","import_client","import_hooks","import_time","opts","_opts_apiUrl","api","apiUrl","DEFAULT_API_URL","_opts_timeZone","timeZone","visitorTimeZone","_opts_weekStartsOn","weekStartsOn","event","useEventType","eventSlug","host","viewDate","setViewDate","useState","startOfMonth","Date","startTime","endTime","useMemo","monthRange","slots","useAvailableSlots","eventTypeSlug","username","enabled","data","selectedDay","setSelectedDay","selectedSlot","setSelectedSlot","phase","setPhase","booking","setBooking","create","useCreateBooking","availableKeys","_slots_data","map","Set","Object","keys","filter","k","_map_k","_map_k_length","length","daySlots","_slots_data_selectedDay","useEffect","autoSelectFirst","has","first","sort","now","atFirstMonth","getFullYear","getMonth","goPrevMonth","d","addMonths","goNextMonth","selectDay","key","selectSlot","iso","reset","back","refetch","submit","responses","result","start","ok","_opts_onBooked"],"sources":["../../src/useBooker.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Booker.mjs

@@ -0,0 +1,128 @@
+import { SizableText, Spinner, XStack, YStack } from "hanzogui";
+import { BookingForm } from "./BookingForm.mjs";
+import { Confirmation } from "./Confirmation.mjs";
+import { EventHeader } from "./EventHeader.mjs";
+import { MonthCalendar } from "./MonthCalendar.mjs";
+import { TimeSlots } from "./TimeSlots.mjs";
+import { useBooker } from "./useBooker.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Booker(props) {
+  const m = useBooker(props);
+  return /* @__PURE__ */jsx(YStack, {
+    backgroundColor: "$background",
+    borderColor: "$borderColor",
+    borderWidth: 1,
+    borderRadius: "$6",
+    padding: "$4",
+    gap: "$4",
+    width: "100%",
+    maxWidth: 860,
+    alignSelf: "center",
+    children: m.event.loading ? /* @__PURE__ */jsxs(StatePanel, {
+      children: [/* @__PURE__ */jsx(Spinner, {
+        size: "large",
+        color: "$color9"
+      }), /* @__PURE__ */jsx(SizableText, {
+        size: "$3",
+        color: "$color10",
+        children: "Loading\u2026"
+      })]
+    }) : m.event.error || !m.event.data ? /* @__PURE__ */jsxs(StatePanel, {
+      children: [/* @__PURE__ */jsx(SizableText, {
+        size: "$5",
+        fontWeight: "600",
+        color: "$color12",
+        children: "Couldn't load this event"
+      }), /* @__PURE__ */jsx(SizableText, {
+        size: "$3",
+        color: "$color10",
+        textAlign: "center",
+        children: m.event.error ?? "The event type was not found."
+      })]
+    }) : m.phase === "done" && m.booking ? /* @__PURE__ */jsx(Confirmation, {
+      booking: m.booking,
+      timeZone: m.timeZone,
+      onDone: m.reset
+    }) : /* @__PURE__ */jsxs(YStack, {
+      gap: "$4",
+      children: [/* @__PURE__ */jsx(EventHeader, {
+        event: m.event.data,
+        host: props.host,
+        timeZone: m.timeZone,
+        compact: m.phase === "form"
+      }), m.phase === "form" && m.selectedSlot ? /* @__PURE__ */jsx(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__ */jsxs(Fragment, {
+        children: [m.conflict ? /* @__PURE__ */jsx(JustTakenBanner, {}) : null, m.slots.error ? /* @__PURE__ */jsxs(SizableText, {
+          size: "$2",
+          color: "$red10",
+          children: ["Couldn't load availability: ", m.slots.error]
+        }) : null, /* @__PURE__ */jsxs(XStack, {
+          gap: "$5",
+          flexDirection: "column",
+          $sm: {
+            flexDirection: "row"
+          },
+          alignItems: "flex-start",
+          children: [/* @__PURE__ */jsx(MonthCalendar, {
+            viewDate: m.viewDate,
+            availableKeys: m.availableKeys,
+            selectedDay: m.selectedDay,
+            onSelectDay: m.selectDay,
+            onPrev: m.goPrevMonth,
+            onNext: m.goNextMonth,
+            atFirstMonth: m.atFirstMonth,
+            weekStartsOn: m.weekStartsOn,
+            loading: m.slots.loading
+          }), /* @__PURE__ */jsx(TimeSlots, {
+            dayKey: m.selectedDay,
+            slots: m.daySlots,
+            timeZone: m.timeZone,
+            onPick: m.selectSlot,
+            selectedIso: m.selectedSlot,
+            loading: m.slots.loading && !m.selectedDay
+          })]
+        }), m.availableKeys.size === 0 && !m.slots.loading && !m.slots.error ? /* @__PURE__ */jsx(SizableText, {
+          size: "$3",
+          color: "$color10",
+          textAlign: "center",
+          children: "No availability this month \u2014 try the next month."
+        }) : null]
+      })]
+    })
+  });
+}
+function StatePanel({
+  children
+}) {
+  return /* @__PURE__ */jsx(YStack, {
+    alignItems: "center",
+    justifyContent: "center",
+    gap: "$3",
+    padding: "$8",
+    minHeight: 220,
+    children
+  });
+}
+function JustTakenBanner() {
+  return /* @__PURE__ */jsx(YStack, {
+    backgroundColor: "$yellow3",
+    borderColor: "$yellow6",
+    borderWidth: 1,
+    borderRadius: "$4",
+    padding: "$2.5",
+    children: /* @__PURE__ */jsx(SizableText, {
+      size: "$2",
+      color: "$yellow11",
+      children: "That time was just taken. We refreshed the calendar \u2014 please pick another."
+    })
+  });
+}
+export { Booker };
+//# sourceMappingURL=Booker.mjs.map

package/dist/esm/Booker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["SizableText","Spinner","XStack","YStack","BookingForm","Confirmation","EventHeader","MonthCalendar","TimeSlots","useBooker","Fragment","jsx","jsxs","Booker","props","m","backgroundColor","borderColor","borderWidth","borderRadius","padding","gap","width","maxWidth","alignSelf","children","event","loading","StatePanel","size","color","error","data","fontWeight","textAlign","phase","booking","timeZone","onDone","reset","host","compact","selectedSlot","slotIso","eventLength","length","submitting","onSubmit","submit","onBack","back","conflict","JustTakenBanner","slots","flexDirection","$sm","alignItems","viewDate","availableKeys","selectedDay","onSelectDay","selectDay","onPrev","goPrevMonth","onNext","goNextMonth","atFirstMonth","weekStartsOn","dayKey","daySlots","onPick","selectSlot","selectedIso","justifyContent","minHeight"],"sources":["../../src/Booker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Booker.native.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { SizableText, Spinner, XStack, YStack } from "hanzogui";
+import { BookingForm } from "./BookingForm.native.js";
+import { Confirmation } from "./Confirmation.native.js";
+import { EventHeader } from "./EventHeader.native.js";
+import { MonthCalendar } from "./MonthCalendar.native.js";
+import { TimeSlots } from "./TimeSlots.native.js";
+import { useBooker } from "./useBooker.native.js";
+function Booker(props) {
+  var m = useBooker(props);
+  var _m_event_error;
+  return /* @__PURE__ */_jsx(YStack, {
+    backgroundColor: "$background",
+    borderColor: "$borderColor",
+    borderWidth: 1,
+    borderRadius: "$6",
+    padding: "$4",
+    gap: "$4",
+    width: "100%",
+    maxWidth: 860,
+    alignSelf: "center",
+    children: m.event.loading ? /* @__PURE__ */_jsxs(StatePanel, {
+      children: [/* @__PURE__ */_jsx(Spinner, {
+        size: "large",
+        color: "$color9"
+      }), /* @__PURE__ */_jsx(SizableText, {
+        size: "$3",
+        color: "$color10",
+        children: "Loading\u2026"
+      })]
+    }) : m.event.error || !m.event.data ? /* @__PURE__ */_jsxs(StatePanel, {
+      children: [/* @__PURE__ */_jsx(SizableText, {
+        size: "$5",
+        fontWeight: "600",
+        color: "$color12",
+        children: "Couldn't load this event"
+      }), /* @__PURE__ */_jsx(SizableText, {
+        size: "$3",
+        color: "$color10",
+        textAlign: "center",
+        children: (_m_event_error = m.event.error) !== null && _m_event_error !== void 0 ? _m_event_error : "The event type was not found."
+      })]
+    }) : m.phase === "done" && m.booking ? /* @__PURE__ */_jsx(Confirmation, {
+      booking: m.booking,
+      timeZone: m.timeZone,
+      onDone: m.reset
+    }) : /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      children: [/* @__PURE__ */_jsx(EventHeader, {
+        event: m.event.data,
+        host: props.host,
+        timeZone: m.timeZone,
+        compact: m.phase === "form"
+      }), m.phase === "form" && m.selectedSlot ? /* @__PURE__ */_jsx(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__ */_jsxs(_Fragment, {
+        children: [m.conflict ? /* @__PURE__ */_jsx(JustTakenBanner, {}) : null, m.slots.error ? /* @__PURE__ */_jsxs(SizableText, {
+          size: "$2",
+          color: "$red10",
+          children: ["Couldn't load availability: ", m.slots.error]
+        }) : null, /* @__PURE__ */_jsxs(XStack, {
+          gap: "$5",
+          flexDirection: "column",
+          $sm: {
+            flexDirection: "row"
+          },
+          alignItems: "flex-start",
+          children: [/* @__PURE__ */_jsx(MonthCalendar, {
+            viewDate: m.viewDate,
+            availableKeys: m.availableKeys,
+            selectedDay: m.selectedDay,
+            onSelectDay: m.selectDay,
+            onPrev: m.goPrevMonth,
+            onNext: m.goNextMonth,
+            atFirstMonth: m.atFirstMonth,
+            weekStartsOn: m.weekStartsOn,
+            loading: m.slots.loading
+          }), /* @__PURE__ */_jsx(TimeSlots, {
+            dayKey: m.selectedDay,
+            slots: m.daySlots,
+            timeZone: m.timeZone,
+            onPick: m.selectSlot,
+            selectedIso: m.selectedSlot,
+            loading: m.slots.loading && !m.selectedDay
+          })]
+        }), m.availableKeys.size === 0 && !m.slots.loading && !m.slots.error ? /* @__PURE__ */_jsx(SizableText, {
+          size: "$3",
+          color: "$color10",
+          textAlign: "center",
+          children: "No availability this month \u2014 try the next month."
+        }) : null]
+      })]
+    })
+  });
+}
+function StatePanel(param) {
+  var {
+    children
+  } = param;
+  return /* @__PURE__ */_jsx(YStack, {
+    alignItems: "center",
+    justifyContent: "center",
+    gap: "$3",
+    padding: "$8",
+    minHeight: 220,
+    children
+  });
+}
+function JustTakenBanner() {
+  return /* @__PURE__ */_jsx(YStack, {
+    backgroundColor: "$yellow3",
+    borderColor: "$yellow6",
+    borderWidth: 1,
+    borderRadius: "$4",
+    padding: "$2.5",
+    children: /* @__PURE__ */_jsx(SizableText, {
+      size: "$2",
+      color: "$yellow11",
+      children: "That time was just taken. We refreshed the calendar \u2014 please pick another."
+    })
+  });
+}
+export { Booker };
+//# sourceMappingURL=Booker.native.js.map

package/dist/esm/Booker.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SizableText","Spinner","XStack","YStack","BookingForm","Confirmation","EventHeader","MonthCalendar","TimeSlots","useBooker","Booker","props","m","_m_event_error","backgroundColor","borderColor","borderWidth","borderRadius","padding","gap","width","maxWidth","alignSelf","children","event","loading","StatePanel","size","color","error","data","fontWeight","textAlign","phase","booking","timeZone","onDone","reset","host","compact","selectedSlot","slotIso","eventLength","length","submitting","onSubmit","submit","onBack","back","conflict","JustTakenBanner","slots","flexDirection","$sm","alignItems","viewDate","availableKeys","selectedDay","onSelectDay","selectDay","onPrev","goPrevMonth","onNext","goNextMonth","atFirstMonth","weekStartsOn","dayKey","daySlots","onPick","selectSlot","selectedIso","param"],"sources":["../../src/Booker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/BookingForm.mjs

@@ -0,0 +1,172 @@
+import { useState } from "react";
+import { Button, Input, SizableText, TextArea, XStack, YStack } from "hanzogui";
+import { formatBookingWhen } from "./time.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function BookingForm({
+  slotIso,
+  timeZone,
+  eventLength,
+  submitting,
+  error,
+  onSubmit,
+  onBack
+}) {
+  const [name, setName] = useState("");
+  const [email, setEmail] = useState("");
+  const [notes, setNotes] = useState("");
+  const [touched, setTouched] = useState(false);
+  const nameValid = name.trim().length > 0;
+  const emailValid = EMAIL_RE.test(email.trim());
+  const valid = nameValid && emailValid;
+  const submit = () => {
+    setTouched(true);
+    if (!valid || submitting) return;
+    onSubmit({
+      name: name.trim(),
+      email: email.trim(),
+      notes: notes.trim() || void 0
+    });
+  };
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$3",
+    flex: 1,
+    minWidth: 240,
+    children: [/* @__PURE__ */jsxs(YStack, {
+      gap: "$1",
+      children: [/* @__PURE__ */jsxs(XStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: [/* @__PURE__ */jsx(BackLink, {
+          onPress: onBack
+        }), /* @__PURE__ */jsx(SizableText, {
+          size: "$5",
+          fontWeight: "700",
+          color: "$color12",
+          children: "Enter details"
+        })]
+      }), /* @__PURE__ */jsxs(SizableText, {
+        size: "$3",
+        color: "$color11",
+        children: [formatBookingWhen(slotIso, timeZone), " \xB7 ", eventLength, " min"]
+      })]
+    }), /* @__PURE__ */jsx(Field, {
+      label: "Name",
+      required: true,
+      invalid: touched && !nameValid,
+      hint: "Please enter your name",
+      children: /* @__PURE__ */jsx(Input, {
+        value: name,
+        onChangeText: setName,
+        placeholder: "Ada Lovelace",
+        autoComplete: "name",
+        size: "$4"
+      })
+    }), /* @__PURE__ */jsx(Field, {
+      label: "Email",
+      required: true,
+      invalid: touched && !emailValid,
+      hint: "Please enter a valid email",
+      children: /* @__PURE__ */jsx(Input, {
+        value: email,
+        onChangeText: setEmail,
+        placeholder: "ada@example.com",
+        keyboardType: "email-address",
+        autoCapitalize: "none",
+        autoComplete: "email",
+        size: "$4"
+      })
+    }), /* @__PURE__ */jsx(Field, {
+      label: "Notes",
+      hint: "Optional",
+      children: /* @__PURE__ */jsx(TextArea, {
+        value: notes,
+        onChangeText: setNotes,
+        placeholder: "Anything that would help prepare?",
+        numberOfLines: 3,
+        size: "$4"
+      })
+    }), error ? /* @__PURE__ */jsx(YStack, {
+      backgroundColor: "$red3",
+      borderColor: "$red6",
+      borderWidth: 1,
+      borderRadius: "$4",
+      padding: "$2.5",
+      children: /* @__PURE__ */jsx(SizableText, {
+        size: "$2",
+        color: "$red11",
+        children: error
+      })
+    }) : null, /* @__PURE__ */jsxs(XStack, {
+      gap: "$2",
+      justifyContent: "flex-end",
+      marginTop: "$1",
+      children: [/* @__PURE__ */jsx(Button, {
+        size: "$4",
+        chromeless: true,
+        onPress: onBack,
+        disabled: submitting,
+        children: "Back"
+      }), /* @__PURE__ */jsx(Button, {
+        size: "$4",
+        theme: "blue",
+        onPress: submit,
+        disabled: submitting || touched && !valid,
+        opacity: submitting ? 0.7 : 1,
+        children: submitting ? "Booking\u2026" : "Confirm booking"
+      })]
+    })]
+  });
+}
+function Field({
+  label,
+  required,
+  invalid,
+  hint,
+  children
+}) {
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$1.5",
+    children: [/* @__PURE__ */jsxs(SizableText, {
+      size: "$2",
+      color: "$color11",
+      fontWeight: "600",
+      children: [label, required ? /* @__PURE__ */jsx(SizableText, {
+        color: "$red10",
+        children: " *"
+      }) : null]
+    }), children, invalid && hint ? /* @__PURE__ */jsx(SizableText, {
+      size: "$1",
+      color: "$red10",
+      children: hint
+    }) : null]
+  });
+}
+function BackLink({
+  onPress
+}) {
+  return /* @__PURE__ */jsx(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__ */jsx(SizableText, {
+      size: "$6",
+      color: "$color11",
+      children: "\u2039"
+    })
+  });
+}
+export { BookingForm };
+//# sourceMappingURL=BookingForm.mjs.map

package/dist/esm/BookingForm.mjs.map

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