@fanfare-io/fanfare-sdk-react 0.8.0 → 0.9.0

package/dist/index.js

@@ -40,13 +40,13 @@ function Rr(e, a, r, n) {
     const i = e ?? o.locale, f = e && e !== o.locale ? ur(e) : o.messages, c = aa(
       f,
       r ?? o.experienceTranslations ?? void 0
-    ), g = aa(c, a), d = ba(g, i), x = pr(i) ? "rtl" : "ltr";
+    ), g = aa(c, a), d = ba(g, i), b = pr(i) ? "rtl" : "ltr";
     return {
       locale: i,
       messages: g,
       isRoot: !1,
       t: d,
-      dir: x,
+      dir: b,
       experienceTranslations: r ?? o.experienceTranslations,
       setExperienceTranslations: n ?? o.setExperienceTranslations
     };
@@ -77,7 +77,7 @@ function $o({
   publishableKey: c,
   environment: g,
   apiUrl: d,
-  credentials: x,
+  credentials: b,
   debug: m,
   auth: v,
   logging: w,
@@ -85,13 +85,13 @@ function $o({
   features: C,
   beacon: l
 }) {
-  const [h, p] = ve(null), [D, V] = ve(!0), T = bt(null), b = X(
+  const [h, p] = ve(null), [D, V] = ve(!0), T = bt(null), x = X(
     () => ({
       organizationId: f,
       publishableKey: c,
       environment: g,
       apiUrl: d,
-      credentials: x,
+      credentials: b,
       debug: m,
       auth: v,
       logging: w,
@@ -99,7 +99,7 @@ function $o({
       features: C,
       beacon: l
     }),
-    [f, c, g, d, x, m, v, w, y, C, l]
+    [f, c, g, d, b, m, v, w, y, C, l]
   );
   return $e(() => {
     let N = !0;
@@ -107,7 +107,7 @@ function $o({
     async function S() {
       if (N)
         try {
-          const M = await lr({ ...b, autoResume: a && r });
+          const M = await lr({ ...x, autoResume: a && r });
           if (!N) {
             await M.destroy();
             return;
@@ -122,7 +122,7 @@ function $o({
       const M = T.current;
       T.current = null, M && oa(() => M.destroy());
     };
-  }, [b, a, r]), D ? /* @__PURE__ */ t(Me, { children: n }) : h ? /* @__PURE__ */ t(ya.Provider, { value: h, children: /* @__PURE__ */ t(Na, { locale: o, translations: i, children: e }) }) : (console.error("Fanfare SDK failed to initialize"), null);
+  }, [x, a, r]), D ? /* @__PURE__ */ t(Me, { children: n }) : h ? /* @__PURE__ */ t(ya.Provider, { value: h, children: /* @__PURE__ */ t(Na, { locale: o, translations: i, children: e }) }) : (console.error("Fanfare SDK failed to initialize"), null);
 }
 function Nt() {
   const e = jt(ya);
@@ -165,18 +165,18 @@ function qo() {
   };
 }
 function Sa(e, a) {
-  const r = Nt(), { locale: n, setExperienceTranslations: o } = Ft(), i = bt(null), f = bt(a), [c, g] = ve(null), [d, x] = ve(null), [m, v] = ve(null), [w, y] = ve(null), [C, l] = ve(null);
+  const r = Nt(), { locale: n, setExperienceTranslations: o } = Ft(), i = bt(null), f = bt(a), [c, g] = ve(null), [d, b] = ve(null), [m, v] = ve(null), [w, y] = ve(null), [C, l] = ve(null);
   $e(() => {
     f.current = a;
   }, [a]), $e(() => {
     if (!e) {
-      i.current = null, g(null), x(null), v(null), y(null), l(null);
+      i.current = null, g(null), b(null), v(null), y(null), l(null);
       return;
     }
     const p = r.journeys.get(e);
-    i.current = p, g(p), x(p.snapshot$.get()), v(p.view$.get());
+    i.current = p, g(p), b(p.snapshot$.get()), v(p.view$.get());
     const D = p.snapshot$.listen((T) => {
-      x(T);
+      b(T);
     }), V = p.view$.listen((T) => {
       v(T);
     });
@@ -209,18 +209,18 @@ function Sa(e, a) {
         autoEnterWaitlist: p?.autoEnterWaitlist ?? V?.autoEnterWaitlist
       };
       try {
-        const b = D.view$.get();
-        if (b.journeyStage === "ready") {
+        const x = D.view$.get();
+        if (x.journeyStage === "ready") {
           const N = T.accessCode ? { accessCode: T.accessCode } : void 0;
-          await b.start(N);
+          await x.start(N);
         }
         if (T.autoEnterWaitlist) {
           const N = D.view$.get();
           N.journeyStage === "routed" && N.sequence.phase === "scheduled" && N.sequence.waitlist?.status === "not_waitlisted" && await N.sequence.waitlist.join();
         }
         return D.view$.get();
-      } catch (b) {
-        throw y(b instanceof Error ? b.message : "Unknown error"), l(mt(b)), b;
+      } catch (x) {
+        throw y(x instanceof Error ? x.message : "Unknown error"), l(mt(x)), x;
       }
     },
     [e, r]
@@ -257,7 +257,7 @@ function Uo({ experienceId: e, autoStart: a, renderHeader: r }) {
       const v = o.sequence;
       v.phase === "scheduled" && v.waitlist?.status === "not_waitlisted" && d.push("joinAttachment"), v.phase === "scheduled" && v.waitlist && v.waitlist.status !== "not_waitlisted" && d.push("leaveAttachment"), v.phase === "enterable" && d.push("enter"), v.phase === "participating" && "leave" in v && d.push("leave"), v.phase === "participating" && "complete" in v && d.push("complete"), "bid" in v && d.push("bid"), "book" in v && d.push("book"), "cancel" in v && d.push("cancel"), "reschedule" in v && d.push("reschedule"), "claim" in v && d.push("claim");
     }
-    const x = i ? {
+    const b = i ? {
       experienceId: i.experienceId,
       accessCode: i.accessCode,
       sequenceId: xr(i),
@@ -374,7 +374,7 @@ function Uo({ experienceId: e, autoStart: a, renderHeader: r }) {
           d.includes("reschedule") && /* @__PURE__ */ t("button", { type: "button", onClick: () => m("reschedule"), children: "Reschedule" }),
           d.includes("claim") && /* @__PURE__ */ t("button", { type: "button", onClick: () => m("claim"), children: "Claim" })
         ] }),
-        /* @__PURE__ */ t("pre", { children: JSON.stringify(x, null, 2) })
+        /* @__PURE__ */ t("pre", { children: JSON.stringify(b, null, 2) })
       ] })
     ] });
   } });
@@ -458,8 +458,8 @@ function Br(e) {
     Ca(i) && typeof xt == "function" && (i = xt(i._payload));
     const c = s.Children.toArray(i), g = c.find(Wr);
     if (g) {
-      const d = g.props.children, x = c.map((m) => m === g ? s.Children.count(d) > 1 ? s.Children.only(null) : s.isValidElement(d) ? d.props.children : null : m);
-      return /* @__PURE__ */ t(a, { ...f, ref: o, children: s.isValidElement(d) ? s.cloneElement(d, void 0, x) : null });
+      const d = g.props.children, b = c.map((m) => m === g ? s.Children.count(d) > 1 ? s.Children.only(null) : s.isValidElement(d) ? d.props.children : null : m);
+      return /* @__PURE__ */ t(a, { ...f, ref: o, children: s.isValidElement(d) ? s.cloneElement(d, void 0, b) : null });
     }
     return /* @__PURE__ */ t(a, { ...f, ref: o, children: i });
   });
@@ -802,7 +802,7 @@ const an = te(
     disabled: c,
     children: g,
     ...d
-  }, x) => {
+  }, b) => {
     const m = o ? Or : "button", v = ge(), [w, y] = s.useState(void 0);
     s.useImperativeHandle(i, () => ({
       success: () => y("success"),
@@ -817,7 +817,7 @@ const an = te(
     return /* @__PURE__ */ u(
       m,
       {
-        ref: x,
+        ref: b,
         "data-slot": "button",
         "data-variant": a,
         "data-size": r,
@@ -920,8 +920,8 @@ const sa = ["default", "rounded"], rn = te(
   }
 }), yt = s.forwardRef(
   ({ className: e, type: a = "text", label: r, error: n, hasError: o, inlineLabel: i, inlineError: f, ...c }, g) => {
-    const { variant: d } = ft(), x = ge(), m = c.id || c.name, v = i ?? sa.includes(d), w = f ?? sa.includes(d), y = o || !!n, C = !!n && !o, l = v && r, h = !v && r, p = w && C, D = !w && C, V = E(
-      rn({ styleVariant: x }),
+    const { variant: d } = ft(), b = ge(), m = c.id || c.name, v = i ?? sa.includes(d), w = f ?? sa.includes(d), y = o || !!n, C = !!n && !o, l = v && r, h = !v && r, p = w && C, D = !w && C, V = E(
+      rn({ styleVariant: b }),
       y && "ff:border-danger ff:focus:border-danger ff:focus:ring-danger",
       // Extra padding for floating label
       l && "ff:pt-5 ff:pb-1",
@@ -974,7 +974,7 @@ const sa = ["default", "rounded"], rn = te(
                 // Error state
                 y && "ff:text-danger ff:peer-focus:text-danger",
                 // Style variant
-                la({ styleVariant: x })
+                la({ styleVariant: b })
               ),
               children: r
             }
@@ -1009,7 +1009,7 @@ const sa = ["default", "rounded"], rn = te(
           "data-slot": "input-label",
           className: E(
             "ff:text-foreground ff:mb-1.5 ff:block ff:text-sm ff:font-medium",
-            la({ styleVariant: x })
+            la({ styleVariant: b })
           ),
           children: r
         }
@@ -1062,15 +1062,15 @@ const Ea = s.forwardRef(
     hasError: c,
     label: g,
     disabled: d,
-    ...x
+    ...b
   }, m) => {
-    const { t: v } = K(), [w, y] = s.useState(() => i === "auto" ? Va(a) : i), [C, l] = s.useState(!1), [h, p] = s.useState(null), [D, V] = s.useState(!1), [T, b] = s.useState(
+    const { t: v } = K(), [w, y] = s.useState(() => i === "auto" ? Va(a) : i), [C, l] = s.useState(!1), [h, p] = s.useState(null), [D, V] = s.useState(!1), [T, x] = s.useState(
       () => w === "phone" ? Dt(a) : a
     ), N = i === "auto";
     s.useEffect(() => {
       N || y(i);
     }, [i, N]), s.useEffect(() => {
-      b(w === "phone" ? Dt(a) : a);
+      x(w === "phone" ? Dt(a) : a);
     }, [a, w]);
     const S = s.useCallback(
       (L, J) => {
@@ -1089,19 +1089,19 @@ const Ea = s.forwardRef(
       const J = L.target.value;
       if (w === "phone") {
         const ne = Dt(J);
-        b(ne);
+        x(ne);
         const se = Ar(J);
         r(se || J, w);
       } else
-        b(J), r(J, w);
+        x(J), r(J, w);
     }, A = (L) => {
-      l(!0), x.onBlur?.(L);
+      l(!0), b.onBlur?.(L);
     }, I = (L) => {
-      L.key === "Enter" && o && (L.preventDefault(), o()), x.onKeyDown?.(L);
+      L.key === "Enter" && o && (L.preventDefault(), o()), b.onKeyDown?.(L);
     }, O = () => {
       const L = w === "email" ? "phone" : "email";
-      y(L), b(""), p(null), l(!1), V(!1), r("", L), n?.(!1);
-    }, $ = f || (C && !D ? h : null), fe = x.placeholder || v(w === "email" ? "auth.emailPlaceholder" : "auth.phonePlaceholder"), ce = N && /* @__PURE__ */ t(
+      y(L), x(""), p(null), l(!1), V(!1), r("", L), n?.(!1);
+    }, $ = f || (C && !D ? h : null), fe = b.placeholder || v(w === "email" ? "auth.emailPlaceholder" : "auth.phonePlaceholder"), ce = N && /* @__PURE__ */ t(
       j,
       {
         type: "button",
@@ -1143,7 +1143,7 @@ const Ea = s.forwardRef(
               inlineLabel: !1,
               inlineError: !1,
               "data-slot": "auth-input-field",
-              ...x
+              ...b
             }
           )
         ]
@@ -1168,7 +1168,7 @@ const Ea = s.forwardRef(
         "data-slot": "auth-input",
         "data-mode": w,
         "data-valid": D || void 0,
-        ...x
+        ...b
       }
     );
   }
@@ -1243,18 +1243,18 @@ const on = te(
     }
   }
 ), Ma = s.forwardRef(
-  ({ value: e = "", onChange: a, onComplete: r, length: n = 6, error: o, hasError: i, disabled: f, autoFocus: c, ariaDescribedBy: g, className: d }, x) => {
+  ({ value: e = "", onChange: a, onComplete: r, length: n = 6, error: o, hasError: i, disabled: f, autoFocus: c, ariaDescribedBy: g, className: d }, b) => {
     const m = ge(), v = s.useRef([]), [w, y] = s.useState(() => {
-      const b = e.split("").slice(0, n);
-      return [...b, ...Array(n - b.length).fill("")];
+      const x = e.split("").slice(0, n);
+      return [...x, ...Array(n - x.length).fill("")];
     });
     s.useEffect(() => {
-      const b = e.split("").slice(0, n);
-      y([...b, ...Array(n - b.length).fill("")]);
+      const x = e.split("").slice(0, n);
+      y([...x, ...Array(n - x.length).fill("")]);
     }, [e, n]);
-    const C = (b) => {
-      b >= 0 && b < n && v.current[b]?.focus();
-    }, l = (b, N) => {
+    const C = (x) => {
+      x >= 0 && x < n && v.current[x]?.focus();
+    }, l = (x, N) => {
       const S = N.replace(/\D/g, "");
       if (S.length > 1) {
         const O = S.slice(0, n).split(""), $ = [...O, ...Array(n - O.length).fill("")];
@@ -1264,40 +1264,40 @@ const on = te(
         return;
       }
       const M = S.slice(-1), A = [...w];
-      A[b] = M, y(A);
+      A[x] = M, y(A);
       const I = A.join("");
-      a?.(I), M && b < n - 1 && C(b + 1), I.length === n && !I.includes("") && r?.(I);
-    }, h = (b, N) => {
+      a?.(I), M && x < n - 1 && C(x + 1), I.length === n && !I.includes("") && r?.(I);
+    }, h = (x, N) => {
       switch (N.key) {
         case "Backspace":
-          N.preventDefault(), w[b] ? l(b, "") : b > 0 && (C(b - 1), l(b - 1, ""));
+          N.preventDefault(), w[x] ? l(x, "") : x > 0 && (C(x - 1), l(x - 1, ""));
           break;
         case "ArrowLeft":
-          N.preventDefault(), C(b - 1);
+          N.preventDefault(), C(x - 1);
           break;
         case "ArrowRight":
-          N.preventDefault(), C(b + 1);
+          N.preventDefault(), C(x + 1);
           break;
         case "Delete":
-          N.preventDefault(), l(b, "");
+          N.preventDefault(), l(x, "");
           break;
       }
-    }, p = (b) => {
-      b.preventDefault();
-      const N = b.clipboardData.getData("text").replace(/\D/g, "").slice(0, n);
+    }, p = (x) => {
+      x.preventDefault();
+      const N = x.clipboardData.getData("text").replace(/\D/g, "").slice(0, n);
       if (N) {
         const S = N.split(""), M = [...S, ...Array(n - S.length).fill("")];
         y(M);
         const A = M.join("");
         a?.(A), A.length === n ? (r?.(A), C(n - 1)) : C(S.length);
       }
-    }, D = (b) => {
-      b.target.select();
+    }, D = (x) => {
+      x.target.select();
     }, V = i || !!o, T = !!o && !i;
     return /* @__PURE__ */ u(
       "div",
       {
-        ref: x,
+        ref: b,
         className: E("fanfare-otp-input", "ff:space-y-1.5", d),
         "data-slot": "otp-input",
         "data-error": V || void 0,
@@ -1309,7 +1309,7 @@ const on = te(
               className: "ff:grid ff:gap-2",
               style: { gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` },
               onPaste: p,
-              children: Array.from({ length: n }).map((b, N) => /* @__PURE__ */ t(
+              children: Array.from({ length: n }).map((x, N) => /* @__PURE__ */ t(
                 "input",
                 {
                   ref: (S) => {
@@ -1734,7 +1734,7 @@ const pn = ["clean"], gn = te(["ff:inline-flex ff:items-center", "ff:text-xs ff:
   outline: "ff:bg-foreground/40"
 }, La = s.forwardRef(
   ({ className: e, variant: a = "default", solidBackground: r, children: n, ...o }, i) => {
-    const { variant: f } = ft(), c = ge(), g = a ?? "default", d = r ?? !pn.includes(f), x = !d && ca[g];
+    const { variant: f } = ft(), c = ge(), g = a ?? "default", d = r ?? !pn.includes(f), b = !d && ca[g];
     return /* @__PURE__ */ u(
       "span",
       {
@@ -1745,7 +1745,7 @@ const pn = ["clean"], gn = te(["ff:inline-flex ff:items-center", "ff:text-xs ff:
         className: E(gn({ variant: g, solid: d, styleVariant: c, className: e })),
         ...o,
         children: [
-          x && /* @__PURE__ */ t(
+          b && /* @__PURE__ */ t(
             "span",
             {
               className: E("ff:size-1.5 ff:shrink-0 ff:rounded-full", ca[g]),
@@ -2114,7 +2114,7 @@ function pe({
   showSeconds: c = !0,
   layout: g = "swiss",
   size: d = "default",
-  tone: x = "calm"
+  tone: b = "calm"
 }) {
   const { t: m } = K(), { timeRemaining: v, isClient: w, isPast: y } = Tn(e, a), C = ge();
   if (!w)
@@ -2153,10 +2153,10 @@ function pe({
         "data-past": y || void 0,
         role: "timer",
         "aria-live": y ? "off" : "polite",
-        children: D.map((T, b) => /* @__PURE__ */ u(s.Fragment, { children: [
+        children: D.map((T, x) => /* @__PURE__ */ u(s.Fragment, { children: [
           V(T.value),
           T.shortLabel,
-          b < D.length - 1 && " "
+          x < D.length - 1 && " "
         ] }, T.label))
       }
     );
@@ -2168,12 +2168,12 @@ function pe({
       "data-slot": "countdown",
       "data-layout": "swiss",
       "data-size": d,
-      "data-tone": x,
+      "data-tone": b,
       "data-past": y || void 0,
       role: "timer",
       "aria-live": y ? "off" : "polite",
       children: D.map((V, T) => /* @__PURE__ */ u(s.Fragment, { children: [
-        /* @__PURE__ */ t(En, { value: V.value, label: V.label, styleVariant: C, size: d, tone: x }),
+        /* @__PURE__ */ t(En, { value: V.value, label: V.label, styleVariant: C, size: d, tone: b }),
         T < D.length - 1 && /* @__PURE__ */ t(Mn, { styleVariant: C, size: d })
       ] }, V.label))
     }
@@ -2280,7 +2280,7 @@ function Aa({
   description: c,
   countdownTo: g,
   submitLabel: d,
-  verifyLabel: x,
+  verifyLabel: b,
   allowSkip: m = !1,
   showBranding: v = !0,
   defaultStep: w = "credential",
@@ -2289,7 +2289,7 @@ function Aa({
   defaultError: l,
   className: h
 }) {
-  const { t: p } = K(), D = s.useId(), V = i ?? p("auth.badgeLabel"), T = f ?? p("auth.title"), b = c ?? p("auth.description"), N = d ?? p("auth.submit"), S = x ?? p("auth.verify"), [M, A] = s.useState(w), [I, O] = s.useState(y ?? ""), [$, fe] = s.useState(
+  const { t: p } = K(), D = s.useId(), V = i ?? p("auth.badgeLabel"), T = f ?? p("auth.title"), x = c ?? p("auth.description"), N = d ?? p("auth.submit"), S = b ?? p("auth.verify"), [M, A] = s.useState(w), [I, O] = s.useState(y ?? ""), [$, fe] = s.useState(
     C ?? Va(y ?? "")
   ), [ce, L] = s.useState(!1), [J, ne] = s.useState(""), [se, de] = s.useState(!1), [ee, P] = s.useState(l ?? null), [ae, me] = s.useState(
     w === "verify" && (y ?? "").length > 0 ? Date.now() + Et : null
@@ -2377,7 +2377,7 @@ function Aa({
       ] }) : null,
       /* @__PURE__ */ t("div", { "data-slot": "auth-form-heading", children: /* @__PURE__ */ t(rt, { transitionKey: M, mode: "fade", children: M === "credential" ? /* @__PURE__ */ u(Me, { children: [
         /* @__PURE__ */ t("h2", { className: "ff:text-foreground ff:text-xl ff:font-semibold", children: Ke }),
-        /* @__PURE__ */ t("p", { className: "ff:text-muted-foreground ff:text-xs", children: b })
+        /* @__PURE__ */ t("p", { className: "ff:text-muted-foreground ff:text-xs", children: x })
       ] }) : /* @__PURE__ */ u(Me, { children: [
         /* @__PURE__ */ t("h2", { className: "ff:text-foreground ff:text-xl ff:font-semibold", children: Ke }),
         I ? /* @__PURE__ */ u("p", { className: "ff:text-muted-foreground ff:text-xxs", children: [
@@ -2507,16 +2507,16 @@ function za({
   submitLabel: c,
   allowSkip: g = !1,
   autoUppercase: d = !0,
-  defaultError: x,
+  defaultError: b,
   className: m
 }) {
-  const { t: v } = K(), w = n ?? v("accessCode.badgeLabel"), y = o ?? v("accessCode.title"), C = i ?? v("accessCode.description"), l = c ?? v("accessCode.submit"), [h, p] = s.useState(""), [D, V] = s.useState(!1), [T, b] = s.useState(x ?? null), N = async (S) => {
+  const { t: v } = K(), w = n ?? v("accessCode.badgeLabel"), y = o ?? v("accessCode.title"), C = i ?? v("accessCode.description"), l = c ?? v("accessCode.submit"), [h, p] = s.useState(""), [D, V] = s.useState(!1), [T, x] = s.useState(b ?? null), N = async (S) => {
     if (S?.preventDefault(), !!h.trim()) {
-      V(!0), b(null);
+      V(!0), x(null);
       try {
         await e?.(h.trim());
       } catch (M) {
-        b(M instanceof Error ? M.message : v("accessCode.invalid"));
+        x(M instanceof Error ? M.message : v("accessCode.invalid"));
       } finally {
         V(!1);
       }
@@ -2541,7 +2541,7 @@ function za({
           {
             value: h,
             onValueChange: (S) => {
-              p(S), b(null);
+              p(S), x(null);
             },
             onSubmit: () => {
               N();
@@ -2594,9 +2594,9 @@ function ja({
   description: c,
   countdownTo: g,
   retryLabel: d,
-  className: x
+  className: b
 }) {
-  const { t: m, locale: v } = K(), [w, y] = s.useState(0), [C, l] = s.useState(!1), [h, p] = s.useState(!1), [D, V] = s.useState(null), [T, b] = s.useState(!1), [N, S] = s.useState("reload"), [M, A] = s.useState(() => Date.now()), I = X(() => {
+  const { t: m, locale: v } = K(), [w, y] = s.useState(0), [C, l] = s.useState(!1), [h, p] = s.useState(!1), [D, V] = s.useState(null), [T, x] = s.useState(!1), [N, S] = s.useState("reload"), [M, A] = s.useState(() => Date.now()), I = X(() => {
     if (!e?.iframeUrl) return null;
     try {
       return new URL(e.iframeUrl).origin;
@@ -2627,7 +2627,7 @@ function ja({
     [a, M]
   ), ce = typeof a?.attemptsRemaining == "number" ? a.attemptsRemaining : void 0;
   s.useEffect(() => {
-    y(0), l(!1), p(!1), V(null), b(!1), S("reload");
+    y(0), l(!1), p(!1), V(null), x(!1), S("reload");
   }, [e?.id]), s.useEffect(() => {
     T && a?.message && V(a.message);
   }, [T, a?.message]), s.useEffect(() => {
@@ -2636,7 +2636,7 @@ function ja({
       if (P.origin !== I || !In(P.data) || P.data.challengeId !== e.id) return;
       if (P.data.kind === "fanfare:challenge:turnstile") {
         const ke = P.data.token;
-        b(!0), p(!0), V(null), (async () => {
+        x(!0), p(!0), V(null), (async () => {
           try {
             await r(ke);
           } catch (Re) {
@@ -2647,7 +2647,7 @@ function ja({
         })();
         return;
       }
-      b(!0);
+      x(!0);
       const ae = typeof P.data.reason == "string" ? P.data.reason : void 0, me = typeof P.data.message == "string" ? P.data.message : void 0;
       if (ae === "challenge_expired" || ae === "challenge_not_found") {
         S("reroute"), V(
@@ -2667,13 +2667,13 @@ function ja({
   }, [e?.id, I, r, m]);
   const L = f ?? m("challenge.title"), J = c ?? m("challenge.description"), ne = d ?? m("challenge.retry"), se = i ?? m("challenge.badgeLabel"), de = () => {
     const ee = N;
-    if (V(null), b(!1), n && (ee === "reroute" || !O || typeof ce == "number" && ce <= 0)) {
+    if (V(null), x(!1), n && (ee === "reroute" || !O || typeof ce == "number" && ce <= 0)) {
       S("reload"), n();
       return;
     }
     S("reload"), y((P) => P + 1), l(!1);
   };
-  return /* @__PURE__ */ u(Y, { className: E("fanfare-challenge-gate", x), "data-slot": "challenge-gate", children: [
+  return /* @__PURE__ */ u(Y, { className: E("fanfare-challenge-gate", b), "data-slot": "challenge-gate", children: [
     /* @__PURE__ */ t(G, { variant: o, label: se }),
     /* @__PURE__ */ u(Z, { children: [
       g ? /* @__PURE__ */ u("div", { "data-slot": "challenge-gate-countdown", className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
@@ -2723,7 +2723,7 @@ function ja({
 }
 ja.displayName = "ChallengeGate";
 function Fa({ title: e, message: a, endedAt: r, ctaLabel: n, onCtaClick: o, className: i }) {
-  const { t: f, locale: c } = K(), g = e ?? f("ended.title"), d = a ?? f("ended.message"), x = s.useMemo(() => r ? (r instanceof Date ? r : new Date(r)).toLocaleDateString(c, {
+  const { t: f, locale: c } = K(), g = e ?? f("ended.title"), d = a ?? f("ended.message"), b = s.useMemo(() => r ? (r instanceof Date ? r : new Date(r)).toLocaleDateString(c, {
     month: "long",
     day: "numeric",
     year: "numeric"
@@ -2733,7 +2733,7 @@ function Fa({ title: e, message: a, endedAt: r, ctaLabel: n, onCtaClick: o, clas
     /* @__PURE__ */ u(Z, { children: [
       /* @__PURE__ */ u(ie, { children: [
         /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: d }),
-        x && /* @__PURE__ */ t("p", { className: "ff:text-xs ff:text-muted", children: f("ended.endedOn", { values: { date: x } }) })
+        b && /* @__PURE__ */ t("p", { className: "ff:text-xs ff:text-muted", children: f("ended.endedOn", { values: { date: b } }) })
       ] }),
       n && o && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", variant: "outline", onClick: o, children: n })
     ] }),
@@ -2742,7 +2742,7 @@ function Fa({ title: e, message: a, endedAt: r, ctaLabel: n, onCtaClick: o, clas
 }
 Fa.displayName = "EndedModule";
 function et({ error: e, title: a, label: r, info: n, ctaLabel: o, onRetry: i, className: f }) {
-  const { t: c } = K(), [g, d] = s.useState(!1), x = r ?? c("error.label"), m = a ?? c("error.title"), w = (e instanceof Error ? e.message : e) ?? c("error.description"), y = o ?? c("error.retry"), C = async () => {
+  const { t: c } = K(), [g, d] = s.useState(!1), b = r ?? c("error.label"), m = a ?? c("error.title"), w = (e instanceof Error ? e.message : e) ?? c("error.description"), y = o ?? c("error.retry"), C = async () => {
     if (i) {
       d(!0);
       try {
@@ -2753,7 +2753,7 @@ function et({ error: e, title: a, label: r, info: n, ctaLabel: o, onRetry: i, cl
     }
   }, l = we();
   return /* @__PURE__ */ t(U.div, { ...l, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", f), "data-slot": "error-view", role: "alert", children: [
-    /* @__PURE__ */ t(G, { variant: "danger", label: x }),
+    /* @__PURE__ */ t(G, { variant: "danger", label: b }),
     /* @__PURE__ */ u(Z, { children: [
       /* @__PURE__ */ t(be, { tone: "danger", title: m, description: w }),
       n ? /* @__PURE__ */ t(ie, { children: n }) : null,
@@ -2879,8 +2879,8 @@ function We({
   isReentering: n,
   className: o
 }) {
-  const { t: i } = K(), f = e === "expired", c = pa[e] ?? pa.ended, g = f && typeof r == "function", d = i(a ? On[a] : "expired.reenter"), x = we();
-  return /* @__PURE__ */ t(U.div, { ...x, children: /* @__PURE__ */ u(
+  const { t: i } = K(), f = e === "expired", c = pa[e] ?? pa.ended, g = f && typeof r == "function", d = i(a ? On[a] : "expired.reenter"), b = we();
+  return /* @__PURE__ */ t(U.div, { ...b, children: /* @__PURE__ */ u(
     Y,
     {
       className: E("ff:w-full ff:max-w-sm", o),
@@ -2910,7 +2910,7 @@ function Pa({
   allowAuthSkip: c = !1,
   allowAccessCodeSkip: g = !1,
   authTitle: d,
-  authDescription: x,
+  authDescription: b,
   accessCodeTitle: m,
   accessCodeDescription: v,
   startsAt: w,
@@ -2935,7 +2935,7 @@ function Pa({
     Aa,
     {
       title: d,
-      description: x,
+      description: b,
       countdownTo: w,
       onSubmit: a,
       onVerify: r,
@@ -3066,7 +3066,7 @@ function Wa({
   isCancelling: c,
   cancelError: g
 }) {
-  const { t: d } = K(), [x, m] = s.useState(!1), v = $n(e.startTime, a), w = qn(e.startTime, a), y = Bt(e.startTime, a), C = Ba(e.startTime, e.endTime), l = !e.locationName, h = l ? d("appointment.online") : e.locationName, p = l ? {
+  const { t: d } = K(), [b, m] = s.useState(!1), v = $n(e.startTime, a), w = qn(e.startTime, a), y = Bt(e.startTime, a), C = Ba(e.startTime, e.endTime), l = !e.locationName, h = l ? d("appointment.online") : e.locationName, p = l ? {
     label: d("appointment.joinCall"),
     onClick: () => {
       f ? f() : e.joinUrl && window.open(e.joinUrl, "_blank", "noopener,noreferrer");
@@ -3104,7 +3104,7 @@ function Wa({
       p.label
     ] }) }),
     /* @__PURE__ */ t(nt, { show: !!g, children: g && /* @__PURE__ */ t(be, { tone: "danger", description: g }) }),
-    /* @__PURE__ */ t(nt, { show: !r && x, children: !r && x && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-2", children: [
+    /* @__PURE__ */ t(nt, { show: !r && b, children: !r && b && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-2", children: [
       /* @__PURE__ */ t(be, { tone: "danger", title: d("appointment.cancelConfirm") }),
       /* @__PURE__ */ u("div", { className: "ff:flex ff:gap-2", children: [
         /* @__PURE__ */ t(
@@ -3132,7 +3132,7 @@ function Wa({
         )
       ] })
     ] }) }),
-    !r && !x && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-center ff:justify-center ff:gap-3 ff:text-xs", children: [
+    !r && !b && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-center ff:justify-center ff:gap-3 ff:text-xs", children: [
       /* @__PURE__ */ t(j, { variant: "link", size: "xs", onClick: o, children: d("appointment.reschedule") }),
       /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "ff:text-muted", children: "·" }),
       /* @__PURE__ */ t(j, { variant: "link", size: "xs", onClick: () => m(!0), disabled: c, children: d("appointment.cancel") })
@@ -3194,7 +3194,7 @@ function ma(e, a, r, n) {
   return `${e}:${a}:${r}:${n ?? ""}`;
 }
 function Qn(e, a) {
-  const r = Nt(), [n, o] = s.useState([]), [i, f] = s.useState(!1), [c, g] = s.useState(null), [d, x] = s.useState(0), { startDate: m, endDate: v, timezone: w } = a;
+  const r = Nt(), [n, o] = s.useState([]), [i, f] = s.useState(!1), [c, g] = s.useState(null), [d, b] = s.useState(0), { startDate: m, endDate: v, timezone: w } = a;
   s.useEffect(() => {
     if (!e || !m || !v) {
       o([]), g(null), f(!1);
@@ -3217,7 +3217,7 @@ function Qn(e, a) {
     };
   }, [r, e, m, v, w, d]);
   const y = s.useCallback(() => {
-    e && m && v && Mt.delete(ma(e, m, v, w)), x((C) => C + 1);
+    e && m && v && Mt.delete(ma(e, m, v, w)), b((C) => C + 1);
   }, [e, m, v, w]);
   return { slots: n, isLoading: i, error: c, refresh: y };
 }
@@ -3325,13 +3325,13 @@ function Za({
       className: "ff:grid ff:grid-cols-3 ff:gap-1 ff:overflow-y-auto ff:max-h-44",
       "data-slot": "appointment-slot-grid",
       children: e.map((f) => {
-        const c = f.available <= 0, g = r === f.id, d = Oa(f), x = c ? i("appointment.slotFullAriaLabel", { values: { time: d } }) : d;
+        const c = f.available <= 0, g = r === f.id, d = Oa(f), b = c ? i("appointment.slotFullAriaLabel", { values: { time: d } }) : d;
         return /* @__PURE__ */ t(
           Ka,
           {
             slotId: f.id,
             timeLabel: d,
-            ariaLabel: x,
+            ariaLabel: b,
             isFull: c,
             isSelected: g,
             onSelect: n
@@ -3358,10 +3358,10 @@ function Ya({
   ), g = s.useMemo(
     () => r ? gt(new Date(r), n) : void 0,
     [r, n]
-  ), { startDate: d, endDate: x } = s.useMemo(() => {
+  ), { startDate: d, endDate: b } = s.useMemo(() => {
     const N = gt(/* @__PURE__ */ new Date(), n), S = c && c > N ? c : N, M = ga(S, ha - 1), A = g && g < M ? g : M;
     return { startDate: S, endDate: A };
-  }, [c, g, n]), { slots: m, isLoading: v, error: w } = Qn(e, { startDate: d, endDate: x, timezone: n }), y = s.useMemo(() => {
+  }, [c, g, n]), { slots: m, isLoading: v, error: w } = Qn(e, { startDate: d, endDate: b, timezone: n }), y = s.useMemo(() => {
     const N = /* @__PURE__ */ new Map();
     for (const S of m) {
       const M = S.startTime ? gt(new Date(S.startTime), S.timezone ?? n) : S.id.slice(0, 10), A = N.get(M);
@@ -3397,7 +3397,7 @@ function Ya({
   }, [V, p, o]);
   const T = s.useCallback((N) => {
     h(N), D(null);
-  }, []), b = s.useCallback((N) => {
+  }, []), x = s.useCallback((N) => {
     D((S) => S === N ? null : N);
   }, []);
   return /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-2", children: [
@@ -3408,7 +3408,7 @@ function Ya({
         slots: V,
         isLoading: v,
         selectedSlotId: p,
-        onSelect: b
+        onSelect: x
       }
     ),
     (i || w) && /* @__PURE__ */ t(be, { tone: "danger", description: i ?? w?.message ?? f("appointment.bookingFailed") })
@@ -3427,7 +3427,7 @@ function At({
   onBook: c,
   onCancel: g,
   onReschedule: d,
-  isBooking: x,
+  isBooking: b,
   isCancelling: m,
   isRescheduling: v,
   bookError: w,
@@ -3437,7 +3437,7 @@ function At({
   isReentering: h,
   className: p
 }) {
-  const { t: D } = K(), V = ze(a ?? eo), [T, b] = s.useState(!1), N = we();
+  const { t: D } = K(), V = ze(a ?? eo), [T, x] = s.useState(!1), N = we();
   if (r === "ended")
     return /* @__PURE__ */ t(We, { outcomeReason: C ?? "ended", participationType: "appointment", className: p });
   if (r === "participating" && T)
@@ -3456,7 +3456,7 @@ function At({
         isPending: v,
         error: w,
         onConfirm: async (S, M) => {
-          await d(S, M), b(!1);
+          await d(S, M), x(!1);
         },
         className: p,
         motionProps: N,
@@ -3482,7 +3482,7 @@ function At({
               timezone: i,
               readOnly: I,
               onCancel: () => g(),
-              onStartReschedule: () => b(!0),
+              onStartReschedule: () => x(!0),
               isCancelling: m,
               cancelError: y
             }
@@ -3503,7 +3503,7 @@ function At({
       headingVariant: "default",
       confirmLabelKey: "appointment.continueWithTime",
       idleLabelKey: "appointment.selectATime",
-      isPending: x,
+      isPending: b,
       error: w,
       onConfirm: c,
       className: p,
@@ -3524,7 +3524,7 @@ function wa({
   confirmLabelKey: c,
   idleLabelKey: g,
   isPending: d,
-  error: x,
+  error: b,
   onConfirm: m,
   className: v,
   motionProps: w,
@@ -3553,7 +3553,7 @@ function wa({
             bookingWindowCloseAt: r,
             timezone: n,
             onSlotChange: p,
-            bookError: x
+            bookError: b
           }
         ) }),
         /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(
@@ -3621,7 +3621,7 @@ function tt({
   onBid: c,
   isEntering: g,
   isLeaving: d,
-  countdownTo: x,
+  countdownTo: b,
   defaultBidAmount: m,
   currencyCode: v,
   locale: w,
@@ -3634,13 +3634,10 @@ function tt({
   isReentering: V,
   className: T
 }) {
-  const { t: b } = K(), N = ze(e ?? ro), S = s.useMemo(
+  const { t: x } = K(), N = ze(e ?? ro), S = s.useMemo(
     () => no(a, N),
     [a, N]
-  ), M = s.useMemo(
-    () => x ?? (S.closeAt ? new Date(S.closeAt) : void 0),
-    [x, S.closeAt]
-  ), A = s.useMemo(() => {
+  ), M = s.useMemo(() => S.settleAt ? new Date(S.settleAt) : b || (S.closeAt ? new Date(S.closeAt) : void 0), [b, S.settleAt, S.closeAt]), A = s.useMemo(() => {
     if (C)
       return C instanceof Date ? C : new Date(C);
   }, [C]), I = S.currencyCode ?? v, O = s.useCallback(
@@ -3668,21 +3665,21 @@ function tt({
         "data-slot": "auction-module",
         "data-stage": "enterable",
         children: [
-          /* @__PURE__ */ t(G, { variant: "default", label: b("auction.title") }),
+          /* @__PURE__ */ t(G, { variant: "default", label: x("auction.title") }),
           /* @__PURE__ */ u(Z, { children: [
             M && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
-              /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: b("auction.endsIn") }),
+              /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: x("auction.endsIn") }),
               /* @__PURE__ */ t(pe, { targetDate: M, showDays: !1 })
             ] }),
-            /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: b("auction.description") }) }),
-            c ? /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: ce, children: b("auction.bidAction") }) : n && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: i, disabled: g, loading: g, children: b("auction.enter") })
+            /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: x("auction.description") }) }),
+            c ? /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: ce, children: x("auction.bidAction") }) : n && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: i, disabled: g, loading: g, children: x("auction.enter") })
           ] }),
           /* @__PURE__ */ t(H, {})
         ]
       }
     ) });
   if (r === "participating") {
-    const L = S.status === "winning", J = L ? "default" : "success", ne = b(L ? "auction.winningTitle" : "auction.title"), se = O(S.highestBid), de = O(S.currentBid);
+    const L = S.status === "winning", J = L ? "default" : "success", ne = x(L ? "auction.winningTitle" : "auction.title"), se = O(S.highestBid), de = O(S.currentBid);
     return /* @__PURE__ */ t(U.div, { ...$, children: /* @__PURE__ */ u(
       Y,
       {
@@ -3693,21 +3690,21 @@ function tt({
           /* @__PURE__ */ t(G, { variant: J, label: ne }),
           /* @__PURE__ */ u(Z, { children: [
             M && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
-              /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: b("auction.endsIn") }),
+              /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: x("auction.endsIn") }),
               /* @__PURE__ */ t(pe, { targetDate: M, showDays: !1 })
             ] }),
             /* @__PURE__ */ u(ie, { children: [
               se !== void 0 && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-center ff:justify-between", children: [
-                /* @__PURE__ */ t("span", { className: "ff:text-muted", children: b("auction.currentBid") }),
+                /* @__PURE__ */ t("span", { className: "ff:text-muted", children: x("auction.currentBid") }),
                 /* @__PURE__ */ t("span", { className: "ff:font-medium ff:tabular-nums", children: se })
               ] }),
               de !== void 0 && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-center ff:justify-between", children: [
-                /* @__PURE__ */ t("span", { className: "ff:text-muted", children: b(L ? "auction.yourWinningBid" : "auction.yourBidLabel") }),
+                /* @__PURE__ */ t("span", { className: "ff:text-muted", children: x(L ? "auction.yourWinningBid" : "auction.yourBidLabel") }),
                 /* @__PURE__ */ t("span", { className: "ff:font-medium ff:tabular-nums", children: de })
               ] })
             ] }),
             /* @__PURE__ */ u("div", { className: "ff:mt-auto ff:flex ff:flex-col ff:gap-2", children: [
-              c && /* @__PURE__ */ t(j, { className: "ff:w-full", onClick: ce, children: b("auction.bidAction") }),
+              c && /* @__PURE__ */ t(j, { className: "ff:w-full", onClick: ce, children: x("auction.bidAction") }),
               o && /* @__PURE__ */ t(
                 j,
                 {
@@ -3716,7 +3713,7 @@ function tt({
                   onClick: f,
                   disabled: d,
                   loading: d,
-                  children: b("common.leave")
+                  children: x("common.leave")
                 }
               )
             ] })
@@ -3735,11 +3732,11 @@ function tt({
         "data-slot": "auction-module",
         "data-stage": "settling",
         children: [
-          /* @__PURE__ */ t(G, { variant: "default", label: b("auction.settlingTitle") }),
+          /* @__PURE__ */ t(G, { variant: "default", label: x("auction.settlingTitle") }),
           /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ u(ie, { children: [
-            /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: b("auction.settlingDescription") }),
+            /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: x("auction.settlingDescription") }),
             L !== void 0 && /* @__PURE__ */ u("div", { className: "ff:mt-3 ff:flex ff:items-center ff:justify-between", children: [
-              /* @__PURE__ */ t("span", { className: "ff:text-muted", children: b("auction.currentBid") }),
+              /* @__PURE__ */ t("span", { className: "ff:text-muted", children: x("auction.currentBid") }),
               /* @__PURE__ */ t("span", { className: "ff:font-medium ff:tabular-nums", children: L })
             ] })
           ] }) }),
@@ -3751,9 +3748,9 @@ function tt({
   return r === "granted" ? /* @__PURE__ */ t(
     it,
     {
-      label: b("auction.wonTitle"),
-      fallbackMessage: b("auction.wonDescription"),
-      ctaLabel: b("auction.proceedToCheckout"),
+      label: x("auction.wonTitle"),
+      fallbackMessage: x("auction.wonDescription"),
+      ctaLabel: x("auction.proceedToCheckout"),
       expiresAt: A,
       onCtaClick: fe,
       className: T
@@ -3782,7 +3779,7 @@ function at({
   isLeaving: c,
   countdownTo: g,
   grant: d,
-  expiresAt: x,
+  expiresAt: b,
   checkoutUrl: m,
   onCheckoutClick: v,
   outcomeReason: w,
@@ -3794,9 +3791,9 @@ function at({
     () => g ?? (p.drawTime ? new Date(p.drawTime) : void 0),
     [g, p.drawTime]
   ), V = s.useMemo(() => {
-    if (x)
-      return x instanceof Date ? x : new Date(x);
-  }, [x]), T = we(), b = () => {
+    if (b)
+      return b instanceof Date ? b : new Date(b);
+  }, [b]), T = we(), x = () => {
     v ? v() : m && window.open(m, "_blank", "noopener,noreferrer");
   };
   return a === "enterable" ? /* @__PURE__ */ t(U.div, { ...T, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", l), "data-slot": "draw-module", "data-stage": "enterable", children: [
@@ -3850,7 +3847,7 @@ function at({
       fallbackMessage: h("granted.description"),
       ctaLabel: h("granted.cta"),
       expiresAt: V,
-      onCtaClick: b,
+      onCtaClick: x,
       className: l
     }
   ) : a === "ended" ? /* @__PURE__ */ t(
@@ -3877,7 +3874,7 @@ function wt({
   isLeaving: c,
   closeAt: g,
   grant: d,
-  expiresAt: x,
+  expiresAt: b,
   checkoutUrl: m,
   onCheckoutClick: v,
   outcomeReason: w,
@@ -3886,9 +3883,9 @@ function wt({
   className: l
 }) {
   const { t: h } = K(), p = ze(e ?? fo), D = s.useMemo(() => {
-    if (x)
-      return x instanceof Date ? x : new Date(x);
-  }, [x]), V = we(), T = () => {
+    if (b)
+      return b instanceof Date ? b : new Date(b);
+  }, [b]), V = we(), T = () => {
     v ? v() : m && window.open(m, "_blank", "noopener,noreferrer");
   };
   if (a === "enterable")
@@ -3904,7 +3901,7 @@ function wt({
       /* @__PURE__ */ t(H, {})
     ] }) });
   if (a === "participating") {
-    const b = p.estimatedWaitTime, N = b != null ? Math.ceil(b / 60) : null, S = (O) => O < 1 ? h("queue.waitLessThanMinute") : O === 1 ? h("queue.waitOneMinute") : h("queue.waitMinutes", { values: { count: O } }), M = b != null ? Dr(b) : null, A = M ? h(Vr(M)) : null, I = N !== null ? S(N) : "...";
+    const x = p.estimatedWaitTime, N = x != null ? Math.ceil(x / 60) : null, S = (O) => O < 1 ? h("queue.waitLessThanMinute") : O === 1 ? h("queue.waitOneMinute") : h("queue.waitMinutes", { values: { count: O } }), M = x != null ? Dr(x) : null, A = M ? h(Vr(M)) : null, I = N !== null ? S(N) : "...";
     return /* @__PURE__ */ t(U.div, { ...V, children: /* @__PURE__ */ u(
       Y,
       {
@@ -3971,7 +3968,7 @@ function vt({
   isEntering: c,
   isLeaving: g,
   countdownTo: d,
-  checkoutUrl: x,
+  checkoutUrl: b,
   onCheckoutClick: m,
   grant: v,
   expiresAt: w,
@@ -3983,10 +3980,10 @@ function vt({
   const { t: p } = K(), D = ze(e ?? io), V = s.useMemo(() => {
     if (w)
       return w instanceof Date ? w : new Date(w);
-  }, [w]), T = x ?? D.checkoutUrl, b = we(), N = () => {
+  }, [w]), T = b ?? D.checkoutUrl, x = we(), N = () => {
     m ? m() : T && window.open(T, "_blank", "noopener,noreferrer");
   };
-  return a === "enterable" ? /* @__PURE__ */ t(U.div, { ...b, children: /* @__PURE__ */ u(
+  return a === "enterable" ? /* @__PURE__ */ t(U.div, { ...x, children: /* @__PURE__ */ u(
     Y,
     {
       className: E("ff:w-full ff:max-w-sm", h),
@@ -4005,7 +4002,7 @@ function vt({
         /* @__PURE__ */ t(H, {})
       ]
     }
-  ) }) : a === "participating" ? /* @__PURE__ */ t(U.div, { ...b, children: /* @__PURE__ */ u(
+  ) }) : a === "participating" ? /* @__PURE__ */ t(U.div, { ...x, children: /* @__PURE__ */ u(
     Y,
     {
       className: E("ff:w-full ff:max-w-sm", h),
@@ -4079,9 +4076,9 @@ function Ga({
   isEntering: c = !1,
   className: g
 }) {
-  const { t: d } = K(), x = e ?? d("upcoming.title"), m = a ?? d("upcoming.description"), v = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), w = we();
+  const { t: d } = K(), b = e ?? d("upcoming.title"), m = a ?? d("upcoming.description"), v = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), w = we();
   return /* @__PURE__ */ t(U.div, { ...w, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", g), "data-slot": "upcoming-module", children: [
-    /* @__PURE__ */ t(G, { variant: "secondary", label: x }),
+    /* @__PURE__ */ t(G, { variant: "secondary", label: b }),
     /* @__PURE__ */ u(Z, { children: [
       v && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
         /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: d("countdown.startingSoon") }),
@@ -4182,24 +4179,24 @@ function Ja({
   isLoading: g = !1,
   className: d
 }) {
-  const { t: x } = K(), m = we();
+  const { t: b } = K(), m = we();
   return /* @__PURE__ */ t(U.div, { ...m, children: /* @__PURE__ */ u(Y, { className: E("fanfare-start-view", d), "data-slot": "start-view", children: [
     /* @__PURE__ */ t(
       G,
       {
         variant: e,
         label: a,
-        title: r ?? x("start.title"),
-        description: n ?? x("start.description")
+        title: r ?? b("start.title"),
+        description: n ?? b("start.description")
       }
     ),
     /* @__PURE__ */ u(Z, { children: [
       o ? /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
-        /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: x("time.opensIn") }),
+        /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: b("time.opensIn") }),
         /* @__PURE__ */ t(pe, { targetDate: o, showDays: !1 })
       ] }) : null,
       i ? /* @__PURE__ */ t(ie, { children: i }) : null,
-      /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: c, disabled: g, loading: g, children: f ?? x("start.cta") })
+      /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: c, disabled: g, loading: g, children: f ?? b("start.cta") })
     ] }),
     /* @__PURE__ */ t(H, {})
   ] }) });
@@ -4214,12 +4211,12 @@ function Qa({
   isLeaving: i = !1,
   className: f
 }) {
-  const { t: c } = K(), g = e ?? c("waitlist.enteredTitle"), d = a ?? c("waitlist.enteredDescription"), x = c("time.opensIn"), m = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), v = we();
+  const { t: c } = K(), g = e ?? c("waitlist.enteredTitle"), d = a ?? c("waitlist.enteredDescription"), b = c("time.opensIn"), m = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), v = we();
   return /* @__PURE__ */ t(U.div, { ...v, children: /* @__PURE__ */ u(Y, { className: E("fanfare-waitlist-view", f), "data-slot": "waitlist-view", children: [
     /* @__PURE__ */ t(G, { variant: "success", title: g, description: d }),
     /* @__PURE__ */ u(Z, { children: [
       m && /* @__PURE__ */ u(ie, { children: [
-        /* @__PURE__ */ t("p", { className: "ff:text-muted ff:text-xxs ff:font-heading ff:uppercase ff:tracking-widest", children: x }),
+        /* @__PURE__ */ t("p", { className: "ff:text-muted ff:text-xxs ff:font-heading ff:uppercase ff:tracking-widest", children: b }),
         /* @__PURE__ */ t(
           pe,
           {
@@ -4322,7 +4319,7 @@ function ko({
   children: c,
   checkoutUrl: g,
   onJourneyChange: d,
-  onGranted: x,
+  onGranted: b,
   onError: m,
   className: v
 }) {
@@ -4330,7 +4327,7 @@ function ko({
     autoStart: a,
     accessCode: r,
     autoEnterWaitlist: n
-  }), [T, b] = s.useState(!1), [N, S] = s.useState(!1), [M, A] = s.useState(!1), [I, O] = s.useState(!1), [$, fe] = s.useState(!1), [ce, L] = s.useState(null), [J, ne] = s.useState(!1), [se, de] = s.useState(!1), [ee, P] = s.useState(!1), ae = h?.journeyStage ?? null, me = h?.journeyStage === "routed" ? h : void 0, ke = me?.offers.some((k) => k.gates.some((_) => _.type === "access_code")) ?? !1, Re = h?.journeyStage === "routed" ? ke || J : h?.journeyStage === "routing" && J, ue = St(p), q = ue?.phase ?? me?.sequence.phase ?? null, _e = ce, Ne = _e ? ra(_e, C) : null, st = p?.experience?.experience?.theme, Ue = o ?? st, lt = i ?? o?.variant ?? st?.variant, xe = X(() => p ? xa(p) : [], [p]);
+  }), [T, x] = s.useState(!1), [N, S] = s.useState(!1), [M, A] = s.useState(!1), [I, O] = s.useState(!1), [$, fe] = s.useState(!1), [ce, L] = s.useState(null), [J, ne] = s.useState(!1), [se, de] = s.useState(!1), [ee, P] = s.useState(!1), ae = h?.journeyStage ?? null, me = h?.journeyStage === "routed" ? h : void 0, ke = me?.offers.some((k) => k.gates.some((_) => _.type === "access_code")) ?? !1, Re = h?.journeyStage === "routed" ? ke || J : h?.journeyStage === "routing" && J, ue = St(p), q = ue?.phase ?? me?.sequence.phase ?? null, _e = ce, Ne = _e ? ra(_e, C) : null, st = p?.experience?.experience?.theme, Ue = o ?? st, lt = i ?? o?.variant ?? st?.variant, xe = X(() => p ? xa(p) : [], [p]);
   s.useEffect(() => {
     p && d && d(p);
   }, [p, d]), s.useEffect(() => {
@@ -4361,12 +4358,12 @@ function ko({
     D !== Fe.current && (Fe.current = D, F(D));
   }, [D, F]);
   const Le = B(async () => {
-    b(!0), L(null);
+    x(!0), L(null);
     try {
       await V();
     } catch {
     } finally {
-      b(!1);
+      x(!1);
     }
   }, [V]), [Ae, He] = s.useState(null), ct = B(
     async (k, _) => {
@@ -4577,8 +4574,8 @@ function ko({
     k.journeyStage === "gated" && k.retry().catch(F);
   }, [F, l]), z = X(() => h?.journeyStage === "routed" && "sequence" in h ? h.sequence : void 0, [h]), Ge = X(() => z?.phase === "scheduled" ? z.waitlist : void 0, [z]), Ce = vo(p, z), oe = bo(p), nr = xo(p), Jt = yo(nr, oe?.id), Ie = ue && "grant" in ue && ue.grant ? ue.grant : void 0, Je = ue && "outcome" in ue && ue.outcome ? ue.outcome : void 0;
   s.useEffect(() => {
-    Ie?.token && x && x(Ie.token);
-  }, [Ie?.token, x]);
+    Ie?.token && b && b(Ie.token);
+  }, [Ie?.token, b]);
   const or = X(() => Ee(Ce) ? Ce : Ee(oe?.type) ? oe.type : null, [oe?.type, Ce]), Ct = X(() => Ee(Ce) ? Ce : null, [Ce]), Qt = X(() => Ee(Ce) ? Ce : Ee(oe?.type) ? oe.type : null, [oe?.type, Ce]), Xt = X(() => Ge?.status === "not_waitlisted" && typeof Ge.join == "function", [Ge]), Qe = X(() => {
     if (ae === "routing") return "loading";
     if (ae === "gated" && xe.length > 0) {
@@ -4976,14 +4973,14 @@ function So({
       d(m);
     }
   }, []);
-  const x = X(() => a ? Da(a) : {}, [a]);
+  const b = X(() => a ? Da(a) : {}, [a]);
   return /* @__PURE__ */ t("div", { ref: c, className: i, style: f, children: g && Er(
     /* @__PURE__ */ u(Me, { children: [
       /* @__PURE__ */ u("style", { "data-fanfare-styles": !0, children: [
         _o,
         No
       ] }),
-      /* @__PURE__ */ t(Na, { locale: n, translations: o, children: /* @__PURE__ */ t(Rt, { theme: a, variant: r, className: "ff:h-full ff:w-full", children: /* @__PURE__ */ t("div", { className: "fanfare-root ff:h-full ff:w-full", style: x, children: e }) }) })
+      /* @__PURE__ */ t(Na, { locale: n, translations: o, children: /* @__PURE__ */ t(Rt, { theme: a, variant: r, className: "ff:h-full ff:w-full", children: /* @__PURE__ */ t("div", { className: "fanfare-root ff:h-full ff:w-full", style: b, children: e }) }) })
     ] }),
     g
   ) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fanfare-io/fanfare-sdk-react",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "React adapter for Fanfare SDK",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
@@ -43,8 +43,8 @@
     "nanostores": "^1.1.0",
     "tailwind-merge": "^2.6.0",
     "valibot": "^1.1.0",
-    "@fanfare-io/fanfare-sdk-core": "0.8.0",
-    "@fanfare-io/fanfare-sdk-i18n": "0.8.0"
+    "@fanfare-io/fanfare-sdk-core": "0.9.0",
+    "@fanfare-io/fanfare-sdk-i18n": "0.9.0"
   },
   "devDependencies": {
     "@iconify-json/heroicons": "^1.2.3",
@@ -88,8 +88,8 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.2.4",
-    "@fanfare-io/fanfare-sdk-core": "0.8.0",
-    "@fanfare-io/fanfare-sdk-solid": "0.8.0"
+    "@fanfare-io/fanfare-sdk-core": "0.9.0",
+    "@fanfare-io/fanfare-sdk-solid": "0.9.0"
   },
   "sideEffects": [
     "**/*.css"