@odla-ai/chapter 0.53.0 → 0.54.1

package/dist/{chunk-TEHCORNC.js → chunk-SPEL4OGE.js}

@@ -76,8 +76,8 @@ function SlotPicker(props) {
   const byDay = useMemo(() => groupSlotsByDay(slots, timezone), [slots, timezone]);
   const dayKeys = [...byDay.keys()];
   const [activeDay, setActiveDay] = useState(dayKeys[0]);
-  const day = activeDay !== void 0 && byDay.has(activeDay) ? activeDay : dayKeys[0];
-  const times = (day !== void 0 ? byDay.get(day) : void 0) ?? [];
+  const day2 = activeDay !== void 0 && byDay.has(activeDay) ? activeDay : dayKeys[0];
+  const times = (day2 !== void 0 ? byDay.get(day2) : void 0) ?? [];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: classes.days, children: dayKeys.map((key) => {
       const first = byDay.get(key)?.[0];
@@ -86,7 +86,7 @@ function SlotPicker(props) {
         {
           type: "button",
           className: classes.day,
-          "aria-pressed": key === day,
+          "aria-pressed": key === day2,
           onClick: () => {
             setActiveDay(key);
             onDayChange?.();
@@ -673,10 +673,31 @@ var MemberGifts = GiftPurchases;
 // src/ui/member-named-seat.tsx
 import { useEffect as useEffect4, useState as useState7 } from "preact/hooks";
 import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs9 } from "preact/jsx-runtime";
+var NAMED_SEAT_RECIPIENT_WORDS = {
+  payment_pending: "payment in progress",
+  invited: "invited, waiting for them to accept",
+  accepted: "accepted, their application is in review",
+  joined: "joined as a member",
+  declined: "declined the seat",
+  refunded: "seat refunded",
+  canceled: "seat canceled"
+};
+var day = (at) => new Date(at).toLocaleDateString("en-US", { timeZone: "UTC" });
+function NamedSeatRecipientLine({ seat }) {
+  const words = NAMED_SEAT_RECIPIENT_WORDS[seat.recipientState] ?? seat.status.replaceAll("_", " ");
+  return /* @__PURE__ */ jsxs9("p", { className: "member-named-seat-recipient", children: [
+    seat.recipientName,
+    " \xB7 ",
+    seat.recipientEmail,
+    " \xB7 ",
+    words,
+    seat.recipientState === "joined" && seat.joinedAt ? ` on ${day(seat.joinedAt)}` : seat.acceptedAt && seat.recipientState === "accepted" ? ` on ${day(seat.acceptedAt)}` : ""
+  ] });
+}
 function NamedSeatPurchase({ api }) {
   const [data, setData] = useState7(null), [error, setError] = useState7("");
   const [name, setName] = useState7(""), [email, setEmail] = useState7(""), [reviewing, setReviewing] = useState7(false);
-  const [terms, setTerms] = useState7(false), [pending, setPending] = useState7(false);
+  const [terms, setTerms] = useState7(false), [pending, setPending] = useState7(false), [granting, setGranting] = useState7(false);
   const load = async () => {
     try {
       const value = await api("/api/named-seat");
@@ -693,25 +714,38 @@ function NamedSeatPurchase({ api }) {
   useEffect4(() => {
     void load();
   }, []);
+  const checkout = () => api("/api/named-seat/checkout", {
+    method: "POST",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify({ recipientName: name, recipientEmail: email, quoteDigest: data?.digest, seatTermsAck: true, refundPolicyAck: true })
+  });
+  const grant = async () => {
+    setGranting(true);
+    setError("");
+    try {
+      const receipt = await checkout();
+      if (receipt.included !== true) throw new Error("grant");
+      setReviewing(false);
+      await load();
+    } catch {
+      setError("The seat could not be granted. Refresh to check its status before trying again.");
+    } finally {
+      setGranting(false);
+    }
+  };
   const money = data ? new Intl.NumberFormat("en-US", { style: "currency", currency: data.currency }).format(data.amountCents / 100) : "";
   return /* @__PURE__ */ jsx9(JourneyFrame, { children: /* @__PURE__ */ jsxs9("section", { className: "card member-named-seat", "aria-label": "Named additional seat", children: [
     /* @__PURE__ */ jsx9("h2", { children: "Named additional seat" }),
     error ? /* @__PURE__ */ jsx9("p", { role: "alert", children: error }) : null,
     data ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
-      data.seat ? /* @__PURE__ */ jsxs9("p", { children: [
-        data.seat.recipientName,
-        " \xB7 ",
-        data.seat.recipientEmail,
-        " \xB7 ",
-        data.seat.status.replaceAll("_", " ")
-      ] }) : null,
+      data.seat ? /* @__PURE__ */ jsx9(NamedSeatRecipientLine, { seat: data.seat }) : null,
       data.eligible ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
         /* @__PURE__ */ jsxs9("p", { children: [
-          money,
-          " paid in full now. This seat ",
+          data.included ? "Included with your membership at no charge." : `${money} paid in full now.`,
+          " This seat ",
           data.autoRenew ? "renews with your primary membership" : "ends with your primary membership",
           " on ",
-          new Date(data.termEndsAt).toLocaleDateString("en-US", { timeZone: "UTC" }),
+          day(data.termEndsAt),
           ".",
           data.autoRenew ? ` Renewal then repeats every ${data.interval}; cancel renewal through your primary membership.` : " Your primary membership renewal is canceled; buying this seat does not turn it back on.",
           " ",
@@ -746,19 +780,16 @@ function NamedSeatPurchase({ api }) {
           }, children: "Back to recipient" }),
           /* @__PURE__ */ jsxs9("label", { className: "journey-consent", children: [
             /* @__PURE__ */ jsx9("input", { type: "checkbox", checked: terms, onChange: (event) => setTerms(event.currentTarget.checked) }),
-            /* @__PURE__ */ jsx9("span", { children: data.autoRenew ? "I agree to the full initial payment and automatic renewal with my membership; I can cancel renewal." : "I agree to the full initial payment and the displayed end date, with no automatic renewal while my membership renewal is canceled." })
+            /* @__PURE__ */ jsx9("span", { children: data.included ? "I agree to the seat terms and the refund policy; the seat is included with my membership and follows its renewal." : data.autoRenew ? "I agree to the full initial payment and automatic renewal with my membership; I can cancel renewal." : "I agree to the full initial payment and the displayed end date, with no automatic renewal while my membership renewal is canceled." })
           ] }),
-          terms ? /* @__PURE__ */ jsx9(
+          terms && data.included ? /* @__PURE__ */ jsx9("button", { className: "btn primary", type: "button", disabled: granting, onClick: () => void grant(), children: granting ? "Sending the invitation\u2026" : "Send the invitation" }) : null,
+          terms && !data.included ? /* @__PURE__ */ jsx9(
             PaymentStep,
             {
               applicationId: data.membershipId,
               refundPolicyText: data.refundPolicyText,
               merchantDisclosureText: data.merchantDisclosureText,
-              startCheckout: () => api("/api/named-seat/checkout", {
-                method: "POST",
-                headers: { "content-type": "application/json" },
-                body: JSON.stringify({ recipientName: name, recipientEmail: email, quoteDigest: data.digest, seatTermsAck: true, refundPolicyAck: true })
-              }),
+              startCheckout: checkout,
               onPaid: () => {
                 setPending(true);
                 setReviewing(false);
@@ -767,7 +798,7 @@ function NamedSeatPurchase({ api }) {
             }
           ) : null
         ] })
-      ] }) : !data.seat ? /* @__PURE__ */ jsx9("p", { children: data.purchaseWindowed === false ? "An additional seat can be purchased for as long as your membership stays paid." : `Additional seats can be purchased until ${new Date(data.purchaseEndsAt).toLocaleDateString("en-US", { timeZone: "UTC" })}.` }) : null,
+      ] }) : !data.seat ? /* @__PURE__ */ jsx9("p", { children: data.purchaseWindowed === false ? "An additional seat can be purchased for as long as your membership stays paid." : `Additional seats can be purchased until ${day(data.purchaseEndsAt)}.` }) : null,
       pending ? /* @__PURE__ */ jsx9("p", { role: "status", children: "Payment confirmation is being reconciled. The recipient\u2019s access begins only after their own acceptance and approval." }) : null
     ] }) : !error ? /* @__PURE__ */ jsx9("p", { children: "Loading your seat terms\u2026" }) : null,
     /* @__PURE__ */ jsx9("button", { className: "btn secondary", onClick: () => void load(), children: "Refresh seat status" })
@@ -2042,6 +2073,9 @@ export {
   GiftOfferCards,
   GiftPurchases,
   MemberGifts,
+  NAMED_SEAT_RECIPIENT_WORDS,
+  NamedSeatRecipientLine,
+  NamedSeatPurchase,
   MemberContentArea,
   MembersArea,
   useTierSelection,
@@ -2054,4 +2088,4 @@ export {
   membershipApplicationHref,
   MembershipCards
 };
-//# sourceMappingURL=chunk-TEHCORNC.js.map
+//# sourceMappingURL=chunk-SPEL4OGE.js.map