@hanzo/booker 0.1.0

package/dist/esm/BookingForm.native.js

@@ -0,0 +1,175 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, Input, SizableText, TextArea, XStack, YStack } from "hanzogui";
+import { formatBookingWhen } from "./time.native.js";
+var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function BookingForm(param) {
+  var {
+    slotIso,
+    timeZone,
+    eventLength,
+    submitting,
+    error,
+    onSubmit,
+    onBack
+  } = param;
+  var [name, setName] = useState("");
+  var [email, setEmail] = useState("");
+  var [notes, setNotes] = useState("");
+  var [touched, setTouched] = 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__ */_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(param) {
+  var {
+    label,
+    required,
+    invalid,
+    hint,
+    children
+  } = param;
+  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(param) {
+  var {
+    onPress
+  } = param;
+  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.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useState","Button","Input","SizableText","TextArea","XStack","YStack","formatBookingWhen","EMAIL_RE","BookingForm","param","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"],"sources":["../../src/BookingForm.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/CalendarEmbed.mjs

@@ -0,0 +1,96 @@
+import { SizableText, Spinner, YStack } from "hanzogui";
+import { BookingForm } from "./BookingForm.mjs";
+import { Confirmation } from "./Confirmation.mjs";
+import { EventHeader } from "./EventHeader.mjs";
+import { TimeSlots } from "./TimeSlots.mjs";
+import { formatMonthLabel } from "./time.mjs";
+import { useBooker } from "./useBooker.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function CalendarEmbed(props) {
+  const m = useBooker({
+    ...props,
+    autoSelectFirst: true
+  });
+  return /* @__PURE__ */jsx(YStack, {
+    backgroundColor: "$background",
+    borderColor: "$borderColor",
+    borderWidth: 1,
+    borderRadius: "$6",
+    padding: "$4",
+    gap: "$3",
+    width: "100%",
+    maxWidth: 420,
+    children: m.event.loading ? /* @__PURE__ */jsx(YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "$2",
+      padding: "$6",
+      minHeight: 160,
+      children: /* @__PURE__ */jsx(Spinner, {
+        size: "large",
+        color: "$color9"
+      })
+    }) : m.event.error || !m.event.data ? /* @__PURE__ */jsxs(YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "$5",
+      minHeight: 140,
+      gap: "$1",
+      children: [/* @__PURE__ */jsx(SizableText, {
+        size: "$4",
+        fontWeight: "600",
+        color: "$color12",
+        children: "Unavailable"
+      }), /* @__PURE__ */jsx(SizableText, {
+        size: "$2",
+        color: "$color10",
+        textAlign: "center",
+        children: m.event.error ?? "Event not found."
+      })]
+    }) : m.phase === "done" && m.booking ? /* @__PURE__ */jsx(Confirmation, {
+      booking: m.booking,
+      timeZone: m.timeZone,
+      onDone: m.reset
+    }) : 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: [/* @__PURE__ */jsx(EventHeader, {
+        event: m.event.data,
+        host: props.host,
+        timeZone: m.timeZone,
+        compact: true
+      }), m.conflict ? /* @__PURE__ */jsx(SizableText, {
+        size: "$1",
+        color: "$yellow11",
+        children: "That time was just taken \u2014 pick another."
+      }) : null, m.slots.loading && m.availableKeys.size === 0 ? /* @__PURE__ */jsx(YStack, {
+        alignItems: "center",
+        padding: "$4",
+        children: /* @__PURE__ */jsx(Spinner, {
+          color: "$color9"
+        })
+      }) : m.availableKeys.size === 0 ? /* @__PURE__ */jsxs(SizableText, {
+        size: "$2",
+        color: "$color10",
+        children: ["No availability in ", formatMonthLabel(m.viewDate), "."]
+      }) : /* @__PURE__ */jsx(TimeSlots, {
+        dayKey: m.selectedDay,
+        slots: m.daySlots,
+        timeZone: m.timeZone,
+        onPick: m.selectSlot,
+        selectedIso: m.selectedSlot,
+        loading: m.slots.loading,
+        compact: true,
+        maxHeight: 220
+      })]
+    })
+  });
+}
+export { CalendarEmbed };
+//# sourceMappingURL=CalendarEmbed.mjs.map

package/dist/esm/CalendarEmbed.mjs.map

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

package/dist/esm/CalendarEmbed.native.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { SizableText, Spinner, YStack } from "hanzogui";
+import { BookingForm } from "./BookingForm.native.js";
+import { Confirmation } from "./Confirmation.native.js";
+import { EventHeader } from "./EventHeader.native.js";
+import { TimeSlots } from "./TimeSlots.native.js";
+import { formatMonthLabel } from "./time.native.js";
+import { useBooker } from "./useBooker.native.js";
+function CalendarEmbed(props) {
+  var m = useBooker({
+    ...props,
+    autoSelectFirst: true
+  });
+  var _m_event_error;
+  return /* @__PURE__ */_jsx(YStack, {
+    backgroundColor: "$background",
+    borderColor: "$borderColor",
+    borderWidth: 1,
+    borderRadius: "$6",
+    padding: "$4",
+    gap: "$3",
+    width: "100%",
+    maxWidth: 420,
+    children: m.event.loading ? /* @__PURE__ */_jsx(YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "$2",
+      padding: "$6",
+      minHeight: 160,
+      children: /* @__PURE__ */_jsx(Spinner, {
+        size: "large",
+        color: "$color9"
+      })
+    }) : m.event.error || !m.event.data ? /* @__PURE__ */_jsxs(YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "$5",
+      minHeight: 140,
+      gap: "$1",
+      children: [/* @__PURE__ */_jsx(SizableText, {
+        size: "$4",
+        fontWeight: "600",
+        color: "$color12",
+        children: "Unavailable"
+      }), /* @__PURE__ */_jsx(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__ */_jsx(Confirmation, {
+      booking: m.booking,
+      timeZone: m.timeZone,
+      onDone: m.reset
+    }) : 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: [/* @__PURE__ */_jsx(EventHeader, {
+        event: m.event.data,
+        host: props.host,
+        timeZone: m.timeZone,
+        compact: true
+      }), m.conflict ? /* @__PURE__ */_jsx(SizableText, {
+        size: "$1",
+        color: "$yellow11",
+        children: "That time was just taken \u2014 pick another."
+      }) : null, m.slots.loading && m.availableKeys.size === 0 ? /* @__PURE__ */_jsx(YStack, {
+        alignItems: "center",
+        padding: "$4",
+        children: /* @__PURE__ */_jsx(Spinner, {
+          color: "$color9"
+        })
+      }) : m.availableKeys.size === 0 ? /* @__PURE__ */_jsxs(SizableText, {
+        size: "$2",
+        color: "$color10",
+        children: ["No availability in ", formatMonthLabel(m.viewDate), "."]
+      }) : /* @__PURE__ */_jsx(TimeSlots, {
+        dayKey: m.selectedDay,
+        slots: m.daySlots,
+        timeZone: m.timeZone,
+        onPick: m.selectSlot,
+        selectedIso: m.selectedSlot,
+        loading: m.slots.loading,
+        compact: true,
+        maxHeight: 220
+      })]
+    })
+  });
+}
+export { CalendarEmbed };
+//# sourceMappingURL=CalendarEmbed.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SizableText","Spinner","YStack","BookingForm","Confirmation","EventHeader","TimeSlots","formatMonthLabel","useBooker","CalendarEmbed","props","m","autoSelectFirst","_m_event_error","backgroundColor","borderColor","borderWidth","borderRadius","padding","gap","width","maxWidth","children","event","loading","alignItems","justifyContent","minHeight","size","color","error","data","fontWeight","textAlign","phase","booking","timeZone","onDone","reset","selectedSlot","slotIso","eventLength","length","submitting","onSubmit","submit","onBack","back","host","compact","conflict","slots","availableKeys"],"sources":["../../src/CalendarEmbed.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Confirmation.mjs

@@ -0,0 +1,152 @@
+import { Button, Paragraph, Separator, SizableText, Spinner, XStack, YStack } from "hanzogui";
+import { DEFAULT_API_URL } from "./client.mjs";
+import { useBooking } from "./hooks.mjs";
+import { visitorTimeZone } from "./time.mjs";
+import { formatBookingWhen } from "./time.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Confirmation({
+  booking,
+  uid,
+  apiUrl,
+  timeZone,
+  onDone
+}) {
+  const api = apiUrl ?? DEFAULT_API_URL;
+  const tz = timeZone ?? visitorTimeZone();
+  const fetched = useBooking(api, booking ? void 0 : uid);
+  const data = booking ?? fetched.data;
+  if (!data && fetched.loading) {
+    return /* @__PURE__ */jsxs(YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "$6",
+      gap: "$3",
+      minHeight: 200,
+      children: [/* @__PURE__ */jsx(Spinner, {
+        size: "large",
+        color: "$color9"
+      }), /* @__PURE__ */jsx(SizableText, {
+        size: "$3",
+        color: "$color10",
+        children: "Loading your booking\u2026"
+      })]
+    });
+  }
+  if (!data) {
+    return /* @__PURE__ */jsxs(YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "$6",
+      gap: "$2",
+      minHeight: 200,
+      children: [/* @__PURE__ */jsx(SizableText, {
+        size: "$4",
+        fontWeight: "600",
+        color: "$color12",
+        children: "Booking not found"
+      }), /* @__PURE__ */jsx(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__ */jsxs(YStack, {
+    gap: "$3",
+    padding: "$1",
+    alignItems: "center",
+    children: [/* @__PURE__ */jsx(YStack, {
+      width: 52,
+      height: 52,
+      borderRadius: 9999,
+      backgroundColor: "$green4",
+      alignItems: "center",
+      justifyContent: "center",
+      children: /* @__PURE__ */jsx(SizableText, {
+        size: "$8",
+        color: "$green11",
+        children: "\u2713"
+      })
+    }), /* @__PURE__ */jsxs(YStack, {
+      gap: "$1",
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(SizableText, {
+        size: "$7",
+        fontWeight: "700",
+        color: "$color12",
+        textAlign: "center",
+        children: "You're booked"
+      }), /* @__PURE__ */jsx(SizableText, {
+        size: "$4",
+        color: "$color11",
+        textAlign: "center",
+        children: data.title
+      })]
+    }), /* @__PURE__ */jsx(Separator, {
+      width: "100%"
+    }), /* @__PURE__ */jsxs(YStack, {
+      gap: "$2.5",
+      width: "100%",
+      maxWidth: 420,
+      children: [/* @__PURE__ */jsx(Row, {
+        label: "When",
+        value: formatBookingWhen(data.start, tz)
+      }), location ? /* @__PURE__ */jsx(Row, {
+        label: "Where",
+        value: location
+      }) : null, attendee?.email ? /* @__PURE__ */jsx(Row, {
+        label: "Guest",
+        value: attendee.email
+      }) : null, /* @__PURE__ */jsx(Row, {
+        label: "Status",
+        value: titleCase(data.status)
+      }), /* @__PURE__ */jsx(Row, {
+        label: "Reference",
+        value: data.uid
+      })]
+    }), /* @__PURE__ */jsxs(Paragraph, {
+      size: "$2",
+      color: "$color10",
+      textAlign: "center",
+      marginTop: "$1",
+      children: ["A calendar invite is on its way to ", attendee?.email ?? "your inbox", "."]
+    }), onDone ? /* @__PURE__ */jsx(Button, {
+      size: "$3",
+      chromeless: true,
+      onPress: onDone,
+      marginTop: "$1",
+      children: "Book another time"
+    }) : null]
+  });
+}
+function Row({
+  label,
+  value
+}) {
+  return /* @__PURE__ */jsxs(XStack, {
+    justifyContent: "space-between",
+    gap: "$3",
+    alignItems: "flex-start",
+    children: [/* @__PURE__ */jsx(SizableText, {
+      size: "$3",
+      color: "$color10",
+      children: label
+    }), /* @__PURE__ */jsx(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();
+}
+export { Confirmation };
+//# sourceMappingURL=Confirmation.mjs.map

package/dist/esm/Confirmation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Paragraph","Separator","SizableText","Spinner","XStack","YStack","DEFAULT_API_URL","useBooking","visitorTimeZone","formatBookingWhen","jsx","jsxs","Confirmation","booking","uid","apiUrl","timeZone","onDone","api","tz","fetched","data","loading","alignItems","justifyContent","padding","gap","minHeight","children","size","color","fontWeight","textAlign","error","attendee","attendees","location","width","height","borderRadius","backgroundColor","title","maxWidth","Row","label","value","start","email","titleCase","status","marginTop","chromeless","onPress","flexShrink","s","charAt","toUpperCase","slice","toLowerCase"],"sources":["../../src/Confirmation.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,MAAA,EACAC,SAAA,EACAC,SAAA,EACAC,WAAA,EACAC,OAAA,EACAC,MAAA,EACAC,MAAA,QACK;AACP,SAASC,eAAA,QAAqC;AAC9C,SAASC,UAAA,QAAkB;AAC3B,SAASC,eAAA,QAAuB;AAChC,SAASC,iBAAA,QAAyB;AA0B5B,SAOEC,GAAA,EAPFC,IAAA;AAdC,SAASC,aAAa;EAC3BC,OAAA;EACAC,GAAA;EACAC,MAAA;EACAC,QAAA;EACAC;AACF,GAAsB;EACpB,MAAMC,GAAA,GAAMH,MAAA,IAAUT,eAAA;EACtB,MAAMa,EAAA,GAAKH,QAAA,IAAYR,eAAA,CAAgB;EACvC,MAAMY,OAAA,GAAUb,UAAA,CAAWW,GAAA,EAAKL,OAAA,GAAU,SAAYC,GAAG;EACzD,MAAMO,IAAA,GAAOR,OAAA,IAAWO,OAAA,CAAQC,IAAA;EAEhC,IAAI,CAACA,IAAA,IAAQD,OAAA,CAAQE,OAAA,EAAS;IAC5B,OACE,eAAAX,IAAA,CAACN,MAAA;MACCkB,UAAA,EAAW;MACXC,cAAA,EAAe;MACfC,OAAA,EAAQ;MACRC,GAAA,EAAI;MACJC,SAAA,EAAW;MAEXC,QAAA,kBAAAlB,GAAA,CAACP,OAAA;QAAQ0B,IAAA,EAAK;QAAQC,KAAA,EAAM;MAAA,CAAU,GACtC,eAAApB,GAAA,CAACR,WAAA;QAAY2B,IAAA,EAAK;QAAKC,KAAA,EAAM;QAAWF,QAAA;MAAA,CAExC;IAAA,CACF;EAEJ;EAEA,IAAI,CAACP,IAAA,EAAM;IACT,OACE,eAAAV,IAAA,CAACN,MAAA;MACCkB,UAAA,EAAW;MACXC,cAAA,EAAe;MACfC,OAAA,EAAQ;MACRC,GAAA,EAAI;MACJC,SAAA,EAAW;MAEXC,QAAA,kBAAAlB,GAAA,CAACR,WAAA;QAAY2B,IAAA,EAAK;QAAKE,UAAA,EAAW;QAAMD,KAAA,EAAM;QAAWF,QAAA;MAAA,CAEzD,GACA,eAAAlB,GAAA,CAACR,WAAA;QAAY2B,IAAA,EAAK;QAAKC,KAAA,EAAM;QAAWE,SAAA,EAAU;QAC/CJ,QAAA,EAAAR,OAAA,CAAQa,KAAA,IAAS;MAAA,CACpB;IAAA,CACF;EAEJ;EAEA,MAAMC,QAAA,GAAWb,IAAA,CAAKc,SAAA,GAAY,CAAC;EACnC,MAAMC,QAAA,GAAWf,IAAA,CAAKe,QAAA;EAEtB,OACE,eAAAzB,IAAA,CAACN,MAAA;IAAOqB,GAAA,EAAI;IAAKD,OAAA,EAAQ;IAAKF,UAAA,EAAW;IACvCK,QAAA,kBAAAlB,GAAA,CAACL,MAAA;MACCgC,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRC,YAAA,EAAc;MACdC,eAAA,EAAgB;MAChBjB,UAAA,EAAW;MACXC,cAAA,EAAe;MAEfI,QAAA,iBAAAlB,GAAA,CAACR,WAAA;QAAY2B,IAAA,EAAK;QAAKC,KAAA,EAAM;QAC1BF,QAAA;MAAA,CACH;IAAA,CACF,GAEA,eAAAjB,IAAA,CAACN,MAAA;MAAOqB,GAAA,EAAI;MAAKH,UAAA,EAAW;MAC1BK,QAAA,kBAAAlB,GAAA,CAACR,WAAA;QAAY2B,IAAA,EAAK;QAAKE,UAAA,EAAW;QAAMD,KAAA,EAAM;QAAWE,SAAA,EAAU;QAASJ,QAAA;MAAA,CAE5E,GACA,eAAAlB,GAAA,CAACR,WAAA;QAAY2B,IAAA,EAAK;QAAKC,KAAA,EAAM;QAAWE,SAAA,EAAU;QAC/CJ,QAAA,EAAAP,IAAA,CAAKoB;MAAA,CACR;IAAA,CACF,GAEA,eAAA/B,GAAA,CAACT,SAAA;MAAUoC,KAAA,EAAM;IAAA,CAAO,GAExB,eAAA1B,IAAA,CAACN,MAAA;MAAOqB,GAAA,EAAI;MAAOW,KAAA,EAAM;MAAOK,QAAA,EAAU;MACxCd,QAAA,kBAAAlB,GAAA,CAACiC,GAAA;QAAIC,KAAA,EAAM;QAAOC,KAAA,EAAOpC,iBAAA,CAAkBY,IAAA,CAAKyB,KAAA,EAAO3B,EAAE;MAAA,CAAG,GAC3DiB,QAAA,GAAW,eAAA1B,GAAA,CAACiC,GAAA;QAAIC,KAAA,EAAM;QAAQC,KAAA,EAAOT;MAAA,CAAU,IAAK,MACpDF,QAAA,EAAUa,KAAA,GAAQ,eAAArC,GAAA,CAACiC,GAAA;QAAIC,KAAA,EAAM;QAAQC,KAAA,EAAOX,QAAA,CAASa;MAAA,CAAO,IAAK,MAClE,eAAArC,GAAA,CAACiC,GAAA;QAAIC,KAAA,EAAM;QAASC,KAAA,EAAOG,SAAA,CAAU3B,IAAA,CAAK4B,MAAM;MAAA,CAAG,GACnD,eAAAvC,GAAA,CAACiC,GAAA;QAAIC,KAAA,EAAM;QAAYC,KAAA,EAAOxB,IAAA,CAAKP;MAAA,CAAK;IAAA,CAC1C,GAEA,eAAAH,IAAA,CAACX,SAAA;MAAU6B,IAAA,EAAK;MAAKC,KAAA,EAAM;MAAWE,SAAA,EAAU;MAASkB,SAAA,EAAU;MAAKtB,QAAA,0CAClCM,QAAA,EAAUa,KAAA,IAAS,cAAa;IAAA,CACtE,GAEC9B,MAAA,GACC,eAAAP,GAAA,CAACX,MAAA;MAAO8B,IAAA,EAAK;MAAKsB,UAAA,EAAU;MAACC,OAAA,EAASnC,MAAA;MAAQiC,SAAA,EAAU;MAAKtB,QAAA;IAAA,CAE7D,IACE;EAAA,CACN;AAEJ;AAEA,SAASe,IAAI;EAAEC,KAAA;EAAOC;AAAM,GAAqC;EAC/D,OACE,eAAAlC,IAAA,CAACP,MAAA;IAAOoB,cAAA,EAAe;IAAgBE,GAAA,EAAI;IAAKH,UAAA,EAAW;IACzDK,QAAA,kBAAAlB,GAAA,CAACR,WAAA;MAAY2B,IAAA,EAAK;MAAKC,KAAA,EAAM;MAC1BF,QAAA,EAAAgB;IAAA,CACH,GACA,eAAAlC,GAAA,CAACR,WAAA;MACC2B,IAAA,EAAK;MACLC,KAAA,EAAM;MACNC,UAAA,EAAW;MACXC,SAAA,EAAU;MACVqB,UAAA,EAAY;MAEXzB,QAAA,EAAAiB;IAAA,CACH;EAAA,CACF;AAEJ;AAEA,SAASG,UAAUM,CAAA,EAAmB;EACpC,IAAI,CAACA,CAAA,EAAG,OAAO;EACf,OAAOA,CAAA,CAAEC,MAAA,CAAO,CAAC,EAAEC,WAAA,CAAY,IAAIF,CAAA,CAAEG,KAAA,CAAM,CAAC,EAAEC,WAAA,CAAY;AAC5D","ignoreList":[]}