@hanzo/booker 0.1.0

package/dist/cjs/MonthCalendar.native.js

@@ -0,0 +1,191 @@
+"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 MonthCalendar_exports = {};
+__export(MonthCalendar_exports, {
+  MonthCalendar: () => MonthCalendar
+});
+module.exports = __toCommonJS(MonthCalendar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_hanzogui = require("hanzogui");
+var import_time = require("./time.native.js");
+function MonthCalendar(param) {
+  var {
+    viewDate,
+    availableKeys,
+    selectedDay,
+    onSelectDay,
+    onPrev,
+    onNext,
+    atFirstMonth,
+    weekStartsOn = 0,
+    loading
+  } = param;
+  var cells = (0, import_time.monthMatrix)(viewDate, weekStartsOn);
+  var rows = [];
+  for (var i = 0; i < cells.length; i += 7) rows.push(cells.slice(i, i + 7));
+  var labels = (0, import_time.weekdayLabels)(weekStartsOn);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    gap: "$2",
+    flex: 1,
+    minWidth: 260,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+      alignItems: "center",
+      justifyContent: "space-between",
+      paddingVertical: "$1",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(NavArrow, {
+        label: "Previous month",
+        disabled: atFirstMonth,
+        onPress: onPrev,
+        children: "\u2039"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+          size: "$5",
+          fontWeight: "700",
+          color: "$color12",
+          children: (0, import_time.formatMonthLabel)(viewDate)
+        }), loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
+          size: "small",
+          color: "$color9"
+        }) : null]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(NavArrow, {
+        label: "Next month",
+        onPress: onNext,
+        children: "\u203A"
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
+      children: labels.map(function (l) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+          flexBasis: 0,
+          flexGrow: 1,
+          alignItems: "center",
+          paddingVertical: "$1",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+            size: "$1",
+            color: "$color10",
+            children: l
+          })
+        }, l);
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+      gap: "$1.5",
+      children: rows.map(function (row, r) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
+          gap: "$1.5",
+          children: row.map(function (cell) {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DayCell, {
+              cell,
+              available: availableKeys.has(cell.key),
+              past: (0, import_time.isBeforeToday)(cell.key),
+              selected: selectedDay === cell.key,
+              onSelectDay
+            }, cell.key);
+          })
+        }, r);
+      })
+    })]
+  });
+}
+function DayCell(param) {
+  var {
+    cell,
+    available,
+    past,
+    selected,
+    onSelectDay
+  } = param;
+  var selectable = cell.inMonth && available && !past;
+  var dayNum = cell.date.getDate();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    flexBasis: 0,
+    flexGrow: 1,
+    aspectRatio: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "$4",
+    borderWidth: 1,
+    borderColor: selected ? "$color12" : selectable ? "$color5" : "transparent",
+    backgroundColor: selected ? "$color12" : selectable ? "$color2" : "transparent",
+    opacity: cell.inMonth ? 1 : 0,
+    cursor: selectable ? "pointer" : "default",
+    hoverStyle: selectable && !selected ? {
+      backgroundColor: "$color4"
+    } : void 0,
+    pressStyle: selectable ? {
+      backgroundColor: "$color6"
+    } : void 0,
+    onPress: selectable ? function () {
+      return onSelectDay(cell.key);
+    } : void 0,
+    "aria-label": selectable ? `Select ${cell.key}` : void 0,
+    role: selectable ? "button" : void 0,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$3",
+      fontWeight: selectable ? "600" : "400",
+      color: selected ? "$color1" : selectable ? "$color12" : "$color8",
+      children: dayNum
+    }), selectable && !selected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+      position: "absolute",
+      bottom: 4,
+      width: 4,
+      height: 4,
+      borderRadius: 9999,
+      backgroundColor: "$color10"
+    }) : null]
+  });
+}
+function NavArrow(param) {
+  var {
+    children,
+    onPress,
+    disabled,
+    label
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+    width: 34,
+    height: 34,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "$4",
+    opacity: disabled ? 0.35 : 1,
+    cursor: disabled ? "default" : "pointer",
+    hoverStyle: disabled ? void 0 : {
+      backgroundColor: "$color4"
+    },
+    pressStyle: disabled ? void 0 : {
+      backgroundColor: "$color6"
+    },
+    onPress: disabled ? void 0 : onPress,
+    "aria-label": label,
+    role: "button",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$6",
+      color: "$color11",
+      children
+    })
+  });
+}
+//# sourceMappingURL=MonthCalendar.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MonthCalendar_exports","__export","MonthCalendar","module","exports","import_jsx_runtime","require","import_hanzogui","import_time","param","viewDate","availableKeys","selectedDay","onSelectDay","onPrev","onNext","atFirstMonth","weekStartsOn","loading","cells","monthMatrix","rows","i","length","push","slice","labels","weekdayLabels","jsxs","YStack","gap","flex","minWidth","children","XStack","alignItems","justifyContent","paddingVertical","jsx","NavArrow","label","disabled","onPress","SizableText","size","fontWeight","color","formatMonthLabel","Spinner","map","l","flexBasis","flexGrow","row","r","cell","DayCell","available","has","key","past","isBeforeToday","selected","selectable","inMonth","dayNum","date","getDate","aspectRatio","borderRadius","borderWidth","borderColor","backgroundColor","opacity","cursor","hoverStyle","pressStyle","role","position","bottom","width","height"],"sources":["../../src/MonthCalendar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/TimeSlots.cjs

@@ -0,0 +1,119 @@
+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 TimeSlots_exports = {};
+__export(TimeSlots_exports, {
+  TimeSlots: () => TimeSlots
+});
+module.exports = __toCommonJS(TimeSlots_exports);
+var import_hanzogui = require("hanzogui");
+var import_time = require("./time.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function TimeSlots({
+  dayKey,
+  slots,
+  timeZone,
+  onPick,
+  selectedIso,
+  loading,
+  compact,
+  maxHeight = 360
+}) {
+  if (!dayKey) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Centered, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$3",
+        color: "$color10",
+        textAlign: "center",
+        children: "Select a day to see available times."
+      })
+    });
+  }
+  const heading = (0, import_time.formatDayLong)((0, import_time.dateFromKey)(dayKey));
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    gap: "$2",
+    flex: 1,
+    minWidth: 200,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$4",
+      fontWeight: "600",
+      color: "$color12",
+      children: heading
+    }), loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Centered, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$2",
+        color: "$color10",
+        children: "Loading times\u2026"
+      })
+    }) : slots.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Centered, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$3",
+        color: "$color10",
+        textAlign: "center",
+        children: "No times left on this day. Try another."
+      })
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ScrollView, {
+      maxHeight,
+      showsVerticalScrollIndicator: false,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
+        flexWrap: "wrap",
+        gap: "$2",
+        flexDirection: compact ? "row" : "column",
+        children: slots.map(slot => {
+          const active = selectedIso === slot.time;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+            size: "$3",
+            theme: active ? "blue" : void 0,
+            chromeless: !active,
+            borderWidth: 1,
+            borderColor: active ? "$color8" : "$color6",
+            backgroundColor: active ? void 0 : "$color1",
+            hoverStyle: {
+              borderColor: "$color10"
+            },
+            pressStyle: {
+              backgroundColor: "$color4"
+            },
+            onPress: () => onPick(slot.time),
+            "aria-label": `Book ${(0, import_time.formatSlotTime)(slot.time, timeZone)}`,
+            ...(compact ? {} : {
+              alignSelf: "stretch"
+            }),
+            children: (0, import_time.formatSlotTime)(slot.time, timeZone)
+          }, slot.time);
+        })
+      })
+    })]
+  });
+}
+function Centered({
+  children
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+    flex: 1,
+    minHeight: 120,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "$4",
+    children
+  });
+}

package/dist/cjs/TimeSlots.native.js

@@ -0,0 +1,126 @@
+"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 TimeSlots_exports = {};
+__export(TimeSlots_exports, {
+  TimeSlots: () => TimeSlots
+});
+module.exports = __toCommonJS(TimeSlots_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_hanzogui = require("hanzogui");
+var import_time = require("./time.native.js");
+function TimeSlots(param) {
+  var {
+    dayKey,
+    slots,
+    timeZone,
+    onPick,
+    selectedIso,
+    loading,
+    compact,
+    maxHeight = 360
+  } = param;
+  if (!dayKey) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Centered, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$3",
+        color: "$color10",
+        textAlign: "center",
+        children: "Select a day to see available times."
+      })
+    });
+  }
+  var heading = (0, import_time.formatDayLong)((0, import_time.dateFromKey)(dayKey));
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    gap: "$2",
+    flex: 1,
+    minWidth: 200,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$4",
+      fontWeight: "600",
+      color: "$color12",
+      children: heading
+    }), loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Centered, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$2",
+        color: "$color10",
+        children: "Loading times\u2026"
+      })
+    }) : slots.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Centered, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$3",
+        color: "$color10",
+        textAlign: "center",
+        children: "No times left on this day. Try another."
+      })
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ScrollView, {
+      maxHeight,
+      showsVerticalScrollIndicator: false,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
+        flexWrap: "wrap",
+        gap: "$2",
+        flexDirection: compact ? "row" : "column",
+        children: slots.map(function (slot) {
+          var active = selectedIso === slot.time;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+            size: "$3",
+            theme: active ? "blue" : void 0,
+            chromeless: !active,
+            borderWidth: 1,
+            borderColor: active ? "$color8" : "$color6",
+            backgroundColor: active ? void 0 : "$color1",
+            hoverStyle: {
+              borderColor: "$color10"
+            },
+            pressStyle: {
+              backgroundColor: "$color4"
+            },
+            onPress: function () {
+              return onPick(slot.time);
+            },
+            "aria-label": `Book ${(0, import_time.formatSlotTime)(slot.time, timeZone)}`,
+            ...(compact ? {} : {
+              alignSelf: "stretch"
+            }),
+            children: (0, import_time.formatSlotTime)(slot.time, timeZone)
+          }, slot.time);
+        })
+      })
+    })]
+  });
+}
+function Centered(param) {
+  var {
+    children
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+    flex: 1,
+    minHeight: 120,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "$4",
+    children
+  });
+}
+//# sourceMappingURL=TimeSlots.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TimeSlots_exports","__export","TimeSlots","module","exports","import_jsx_runtime","require","import_hanzogui","import_time","param","dayKey","slots","timeZone","onPick","selectedIso","loading","compact","maxHeight","jsx","Centered","children","SizableText","size","color","textAlign","heading","formatDayLong","dateFromKey","jsxs","YStack","gap","flex","minWidth","fontWeight","length","ScrollView","showsVerticalScrollIndicator","XStack","flexWrap","flexDirection","map","slot","active","time","Button","theme","chromeless","borderWidth"],"sources":["../../src/TimeSlots.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAgE,CAAAK,iBAAA;AAEhE,IAAAK,kBAA2D,GAAAC,OAAA;AA4BnD,IAAAC,eAAA,GAAAD,OAAA;AAbD,IAAAE,WAAS,GAAAF,OAAU;AAAA,SACxBJ,UAAAO,KAAA;EACA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,WAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,SAAA;EAAA,IAAAR,KAAA;EACA,KAAAC,MAAA;IACA,0BAAAL,kBAAA,CAAAa,GAAA,EAAAC,QAAA;MACAC,QAAA,qBAAAf,kBAAA,CAAAa,GAAA,EAAAX,eAAA,CAAAc,WAAA;QACAC,IAAA;QACAC,KAAA;QACAC,SAAY;QACKJ,QAAA;MACb,CAAC;IACH;EAOF;EAEA,IAAAK,OAAM,OAAAjB,WAAU,CAAAkB,aAAA,MAAAlB,WAAc,CAAAmB,WAAA,EAAAjB,MAAY,EAAM;EAEhD,OACE,mBAAAL,kBAAA,CAAAuB,IAAA,EAACrB,eAAA,CAAAsB,MAAA;IACCC,GAAA;IAICC,IAAA;IAgBOC,QAAM;IACNZ,QAAA,EACE,gBAAC,IAAAf,kBAAA,CAAAa,GAAA,EAAAX,eAAA,CAAAc,WAAA;MAAAC,IAAA;MAAAW,UAEM;MAAAV,KACL,YAAO;MAAkBH,QACzB,EAAAK;IAAa,IACAV,OACb,kBAAsB,IAAAV,kBAAY,CAAAa,GAAA,EAAAC,QAAA;MAAAC,QAClC,iBAAiB,EAAS,EAAAf,kBAAY,CAAAa,GAAA,EAAAX,eAAA,CAAAc,WAAA;QACtCC,IAAA;QACAC,KAAA,YAAc;QACdH,QAAA,EAAS;MAAsB;IACwB,KACtDT,KAAI,CAAAuB,MAAU,KAAK,IAAE,eAAW,IAAU7B,kBAAA,CAAAa,GAAA,EAAAC,QAAA;MAAAC,QAE1C,qBAAAf,kBAAe,CAAKa,GAAA,EAAAX,eAAc,CAAAc,WAAA;QAAAC,IAAA;QAb9BC,KAAK;QAcZC,SAAA;QAGNJ,QACF;MAEJ;IAEJ,wBAAAf,kBAAA,CAAAa,GAAA,EAAAX,eAAA,CAAA4B,UAAA;MAEAlB,SAAS;MACPmB,4BACE;MAAChB,QAAA,qBAAAf,kBAAA,CAAAa,GAAA,EAAAX,eAAA,CAAA8B,MAAA;QAAAC,QAAA;QACCR,GAAM;QACNS,aAAW,EAAAvB,OAAA;QACXI,QAAW,EAAAT,KAAA,CAAA6B,GAAA,WAAAC,IAAA;UACX,IAAAC,MAAe,GAAA5B,WAAA,KAAA2B,IAAA,CAAAE,IAAA;UACf,OAAQ,mBAAAtC,kBAAA,CAAAa,GAAA,EAAAX,eAAA,CAAAqC,MAAA;YAEPtB,IAAA;YAAAuB,KAAA,EAAAH,MAAA;YACHI,UAAA,GAAAJ,MAAA;YAEJK,WAAA","ignoreList":[]}

package/dist/cjs/client.cjs

@@ -0,0 +1,136 @@
+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 client_exports = {};
+__export(client_exports, {
+  CAL_API_VERSION: () => CAL_API_VERSION,
+  CalendarError: () => CalendarError,
+  DEFAULT_API_URL: () => DEFAULT_API_URL,
+  cancelBooking: () => cancelBooking,
+  createBooking: () => createBooking,
+  fetchBooking: () => fetchBooking,
+  fetchEventType: () => fetchEventType,
+  fetchSlots: () => fetchSlots
+});
+module.exports = __toCommonJS(client_exports);
+const DEFAULT_API_URL = "https://api.hanzo.ai/v1/calendar";
+const CAL_API_VERSION = "2024-08-13";
+class CalendarError extends Error {
+  status;
+  conflict;
+  constructor(message, status) {
+    super(message);
+    this.name = "CalendarError";
+    this.status = status;
+    this.conflict = status === 409;
+  }
+}
+function messageOf(body, status) {
+  const b = body;
+  return b?.error?.message || b?.message || `Request failed (${status})`;
+}
+async function readJson(res) {
+  return res.json().catch(() => null);
+}
+async function getJson(url, signal) {
+  const res = await fetch(url, {
+    headers: {
+      Accept: "application/json"
+    },
+    signal
+  });
+  const body = await readJson(res);
+  if (!res.ok) throw new CalendarError(messageOf(body, res.status), res.status);
+  return body.data;
+}
+function normalizeEventType(raw) {
+  const length = raw.length ?? raw.lengthInMinutes ?? raw.durationMinutes ?? 30;
+  return {
+    id: Number(raw.id ?? 0),
+    slug: String(raw.slug ?? ""),
+    title: String(raw.title ?? ""),
+    description: String(raw.description ?? ""),
+    length,
+    locations: raw.locations ?? [],
+    price: Number(raw.price ?? 0),
+    currency: String(raw.currency ?? "usd"),
+    profile: raw.profile
+  };
+}
+async function fetchEventType(api, eventSlug, username, signal) {
+  const url = `${api}/atoms/event-types/${encodeURIComponent(eventSlug)}/public?username=${encodeURIComponent(username)}`;
+  const raw = await getJson(url, signal);
+  return normalizeEventType(raw);
+}
+async function fetchSlots(api, input, signal) {
+  const q = new URLSearchParams({
+    eventTypeSlug: input.eventTypeSlug,
+    usernameList: input.username,
+    startTime: input.startTime,
+    endTime: input.endTime,
+    timeZone: input.timeZone
+  });
+  const data = await getJson(`${api}/slots/available?${q.toString()}`, signal);
+  const slots = data.slots ?? data;
+  return slots ?? {};
+}
+async function createBooking(api, input, signal) {
+  const res = await fetch(`${api}/bookings`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Accept: "application/json",
+      "cal-api-version": CAL_API_VERSION
+    },
+    body: JSON.stringify({
+      eventTypeSlug: input.eventTypeSlug,
+      user: input.username,
+      start: input.start,
+      timeZone: input.timeZone,
+      responses: input.responses
+    }),
+    signal
+  });
+  const body = await readJson(res);
+  if (!res.ok) throw new CalendarError(messageOf(body, res.status), res.status);
+  return body.data;
+}
+async function fetchBooking(api, uid, signal) {
+  return getJson(`${api}/bookings/${encodeURIComponent(uid)}`, signal);
+}
+async function cancelBooking(api, uid, reason, signal) {
+  const res = await fetch(`${api}/bookings/${encodeURIComponent(uid)}/cancel`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Accept: "application/json",
+      "cal-api-version": CAL_API_VERSION
+    },
+    body: JSON.stringify({
+      reason: reason ?? ""
+    }),
+    signal
+  });
+  const body = await readJson(res);
+  if (!res.ok) throw new CalendarError(messageOf(body, res.status), res.status);
+  return body.data;
+}