@fluid-app/fluid-cli-theme-dev 0.1.58 → 0.1.60

package/dist/dist-cli-preview/chunks/ProfileScreen-BC5gyJDY.js

@@ -0,0 +1,2581 @@
+import { c as H, i as mt, l as v, j as a, G as ht, H as se, J as pt, K as J, M as ae, I as ve, N as P, R as S, B as ie, D as Pe, E as oe, x as gt, O as B, U as xt, V as $, W as D, X as _t, Y as bt, Z as yt, P as vt, _ as Y, z as le, $ as Ae, q as jt, a0 as wt, a1 as Ct } from "./account-screen-runtime-DxhJm6Qd.js";
+import { u as M, a as Nt, b as O, c as St, d as Et, M as Pt } from "./MemberManagementProviders-DMwkh3JW.js";
+import { O as At } from "./OrdersScreen-CVEl9FnN.js";
+import { F as W, e as Mt, f as Rt, S as Lt, P as Ft, a as It, b as kt, d as Dt, A as Ot, B as Me, C as Re, c as zt, g as Tt, u as Bt, i as Ut, h as $t, T as qt, j as Qt, k as Vt, m as Ht, E as Kt, l as Le } from "./create-card-entry-container-DHgsbSyr.js";
+import { u as ce } from "./isAfter-BUGgByEf.js";
+import { u as Gt } from "./trash-2-Bq4IqH0j.js";
+import { R as Fe, D as Yt, u as q, o as ee, s as F } from "./schemas-9_ZwC5nC.js";
+import { I as Wt } from "./sheet-haptics-context-D2WUiXJm.js";
+import { u as K } from "./sidebar-CMSWZCPS.js";
+import { u as Xt } from "./countries-api-adapter-B3usO25w.js";
+import { M as Zt } from "./map-pin-DHfjSyoR.js";
+import { A as je } from "./arrow-left-UFKI-PQf.js";
+import { L as Jt } from "./log-out-CBUq5Hd-.js";
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const er = [
+  ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
+  ["line", { x1: "2", x2: "22", y1: "10", y2: "10", key: "1b3vmo" }]
+], Ie = H("credit-card", er);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const tr = [
+  ["path", { d: "m5 8 6 6", key: "1wu5hv" }],
+  ["path", { d: "m4 14 6-6 2-3", key: "1k1g8d" }],
+  ["path", { d: "M2 5h12", key: "or177f" }],
+  ["path", { d: "M7 2h1", key: "1t2jsx" }],
+  ["path", { d: "m22 22-5-10-5 10", key: "don7ne" }],
+  ["path", { d: "M14 18h6", key: "1m8k6r" }]
+], rr = H("languages", tr);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const nr = [
+  ["path", { d: "m2 9 3-3 3 3", key: "1ltn5i" }],
+  ["path", { d: "M13 18H7a2 2 0 0 1-2-2V6", key: "1r6tfw" }],
+  ["path", { d: "m22 15-3 3-3-3", key: "4rnwn2" }],
+  ["path", { d: "M11 6h6a2 2 0 0 1 2 2v10", key: "2f72bc" }]
+], ke = H("repeat-2", nr);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const sr = [
+  [
+    "path",
+    {
+      d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+      key: "r04s7s"
+    }
+  ]
+], ar = H("star", sr);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ir = [
+  ["circle", { cx: "12", cy: "8", r: "5", key: "1hypcn" }],
+  ["path", { d: "M20 21a8 8 0 0 0-16 0", key: "rfgkzh" }]
+], or = H("user-round", ir);
+var X = { exports: {} }, Z = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var we;
+function lr() {
+  if (we) return Z;
+  we = 1;
+  var e = mt();
+  function i(o, c) {
+    return o === c && (o !== 0 || 1 / o === 1 / c) || o !== o && c !== c;
+  }
+  var t = typeof Object.is == "function" ? Object.is : i, l = e.useState, d = e.useEffect, u = e.useLayoutEffect, h = e.useDebugValue;
+  function p(o, c) {
+    var f = c(), m = l({ inst: { value: f, getSnapshot: c } }), g = m[0].inst, x = m[1];
+    return u(
+      function() {
+        g.value = f, g.getSnapshot = c, s(g) && x({ inst: g });
+      },
+      [o, f, c]
+    ), d(
+      function() {
+        return s(g) && x({ inst: g }), o(function() {
+          s(g) && x({ inst: g });
+        });
+      },
+      [o]
+    ), h(f), f;
+  }
+  function s(o) {
+    var c = o.getSnapshot;
+    o = o.value;
+    try {
+      var f = c();
+      return !t(o, f);
+    } catch {
+      return !0;
+    }
+  }
+  function r(o, c) {
+    return c();
+  }
+  var n = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : p;
+  return Z.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : n, Z;
+}
+var Ce;
+function cr() {
+  return Ce || (Ce = 1, X.exports = lr()), X.exports;
+}
+var dr = cr();
+function ur() {
+  return dr.useSyncExternalStore(
+    fr,
+    () => !0,
+    () => !1
+  );
+}
+function fr() {
+  return () => {
+  };
+}
+var de = "Avatar", [mr] = ht(de), [hr, De] = mr(de), Oe = v.forwardRef(
+  (e, i) => {
+    const { __scopeAvatar: t, ...l } = e, [d, u] = v.useState("idle");
+    return /* @__PURE__ */ a.jsx(
+      hr,
+      {
+        scope: t,
+        imageLoadingStatus: d,
+        onImageLoadingStatusChange: u,
+        children: /* @__PURE__ */ a.jsx(se.span, { ...l, ref: i })
+      }
+    );
+  }
+);
+Oe.displayName = de;
+var ze = "AvatarImage", Te = v.forwardRef(
+  (e, i) => {
+    const { __scopeAvatar: t, src: l, onLoadingStatusChange: d = () => {
+    }, ...u } = e, h = De(ze, t), p = pr(l, u), s = pt((r) => {
+      d(r), h.onImageLoadingStatusChange(r);
+    });
+    return J(() => {
+      p !== "idle" && s(p);
+    }, [p, s]), p === "loaded" ? /* @__PURE__ */ a.jsx(se.img, { ...u, ref: i, src: l }) : null;
+  }
+);
+Te.displayName = ze;
+var Be = "AvatarFallback", Ue = v.forwardRef(
+  (e, i) => {
+    const { __scopeAvatar: t, delayMs: l, ...d } = e, u = De(Be, t), [h, p] = v.useState(l === void 0);
+    return v.useEffect(() => {
+      if (l !== void 0) {
+        const s = window.setTimeout(() => p(!0), l);
+        return () => window.clearTimeout(s);
+      }
+    }, [l]), h && u.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ a.jsx(se.span, { ...d, ref: i }) : null;
+  }
+);
+Ue.displayName = Be;
+function Ne(e, i) {
+  return e ? i ? (e.src !== i && (e.src = i), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+}
+function pr(e, { referrerPolicy: i, crossOrigin: t }) {
+  const l = ur(), d = v.useRef(null), u = l ? (d.current || (d.current = new window.Image()), d.current) : null, [h, p] = v.useState(
+    () => Ne(u, e)
+  );
+  return J(() => {
+    p(Ne(u, e));
+  }, [u, e]), J(() => {
+    const s = (o) => () => {
+      p(o);
+    };
+    if (!u) return;
+    const r = s("loaded"), n = s("error");
+    return u.addEventListener("load", r), u.addEventListener("error", n), i && (u.referrerPolicy = i), typeof t == "string" && (u.crossOrigin = t), () => {
+      u.removeEventListener("load", r), u.removeEventListener("error", n);
+    };
+  }, [u, t, i]), h;
+}
+var gr = Oe, xr = Te, _r = Ue;
+function br({
+  className: e,
+  size: i = "default",
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(
+    gr,
+    {
+      "data-slot": "avatar",
+      "data-size": i,
+      className: ae(
+        "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function yr({
+  className: e,
+  ...i
+}) {
+  return /* @__PURE__ */ a.jsx(
+    xr,
+    {
+      "data-slot": "avatar-image",
+      className: ae("aspect-square size-full", e),
+      ...i
+    }
+  );
+}
+function vr({
+  className: e,
+  ...i
+}) {
+  return /* @__PURE__ */ a.jsx(
+    _r,
+    {
+      "data-slot": "avatar-fallback",
+      className: ae(
+        "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs",
+        e
+      ),
+      ...i
+    }
+  );
+}
+function jr({
+  control: e,
+  isOpen: i,
+  onSubmit: t,
+  handleClose: l,
+  languageOptions: d,
+  errorMsg: u,
+  isSubmitting: h,
+  email: p,
+  onChangeEmail: s,
+  isChangingEmail: r,
+  pendingEmail: n,
+  disableNameEdit: o = !1,
+  presentation: c = "dialog"
+}) {
+  const { t: f } = M(), [m, g] = v.useState(!1), [x, N] = v.useState(""), [j, _] = v.useState(void 0), w = async () => {
+    _(void 0);
+    const A = x.trim();
+    if (!A) {
+      _(f("please_enter_new_email"));
+      return;
+    }
+    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(A)) {
+      _(f("please_enter_valid_email"));
+      return;
+    }
+    if (p && A.toLowerCase() === p.toLowerCase()) {
+      _(f("new_email_must_be_different"));
+      return;
+    }
+    try {
+      await s?.(A), g(!1), N("");
+    } catch (y) {
+      _(
+        y instanceof Error ? y.message : f("failed_to_initiate_email_change")
+      );
+    }
+  }, E = () => {
+    g(!1), N(""), _(void 0);
+  }, I = () => {
+    E(), l();
+  };
+  return /* @__PURE__ */ a.jsxs(
+    Fe,
+    {
+      open: i,
+      onOpenChange: (A) => !A && I(),
+      title: f("edit_profile"),
+      presentation: c,
+      children: [
+        /* @__PURE__ */ a.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ a.jsx(
+            W,
+            {
+              control: e,
+              name: "first_name",
+              label: f("first_name"),
+              disabled: o,
+              readOnly: o,
+              "aria-readonly": o || void 0,
+              "aria-describedby": o ? "name-edit-disabled-hint" : void 0
+            }
+          ),
+          /* @__PURE__ */ a.jsx(
+            W,
+            {
+              control: e,
+              name: "last_name",
+              label: f("last_name"),
+              disabled: o,
+              readOnly: o,
+              "aria-readonly": o || void 0,
+              "aria-describedby": o ? "name-edit-disabled-hint" : void 0
+            }
+          ),
+          o && /* @__PURE__ */ a.jsx(
+            "p",
+            {
+              id: "name-edit-disabled-hint",
+              className: "text-muted-foreground text-xs",
+              children: f("name_change_disabled_hint")
+            }
+          ),
+          /* @__PURE__ */ a.jsx(
+            W,
+            {
+              control: e,
+              name: "phone_number",
+              label: f("phone_number"),
+              type: "tel"
+            }
+          ),
+          /* @__PURE__ */ a.jsx(
+            Mt,
+            {
+              control: e,
+              name: "bio",
+              label: f("bio"),
+              rows: 3,
+              placeholder: f("add_a_short_bio")
+            }
+          ),
+          /* @__PURE__ */ a.jsx(
+            Rt,
+            {
+              control: e,
+              name: "language",
+              label: f("language"),
+              options: d,
+              placeholder: f("select_an_option")
+            }
+          )
+        ] }),
+        p && /* @__PURE__ */ a.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ a.jsx("label", { className: "text-foreground text-sm font-medium", children: f("email") }),
+          m ? /* @__PURE__ */ a.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ a.jsx(
+              Wt,
+              {
+                type: "email",
+                placeholder: f("enter_new_email_placeholder"),
+                value: x,
+                onChange: (A) => {
+                  N(A.target.value), _(void 0);
+                },
+                onKeyDown: (A) => {
+                  A.key === "Enter" && (A.preventDefault(), w()), A.key === "Escape" && E();
+                },
+                "aria-invalid": !!j || void 0,
+                autoFocus: !0
+              }
+            ),
+            j && /* @__PURE__ */ a.jsx("p", { className: "text-destructive text-xs", children: j }),
+            /* @__PURE__ */ a.jsxs("div", { className: "bg-muted flex items-start gap-2.5 rounded-md px-3 py-2.5", children: [
+              /* @__PURE__ */ a.jsx(ve, { className: "text-primary mt-0.5 size-4 shrink-0" }),
+              /* @__PURE__ */ a.jsx("p", { className: "text-muted-foreground text-xs", children: f("email_verification_hint") })
+            ] }),
+            /* @__PURE__ */ a.jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ a.jsx(
+                P,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  onClick: E,
+                  children: f("cancel")
+                }
+              ),
+              /* @__PURE__ */ a.jsxs(
+                P,
+                {
+                  type: "button",
+                  size: "sm",
+                  onClick: w,
+                  disabled: !x.trim() || r,
+                  children: [
+                    r && /* @__PURE__ */ a.jsx("div", { className: "mr-2 size-3.5 animate-spin rounded-full border-2 border-current/30 border-t-current" }),
+                    f(r ? "sending" : "send_verification")
+                  ]
+                }
+              )
+            ] })
+          ] }) : n ? /* @__PURE__ */ a.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ a.jsx("div", { className: "bg-muted text-muted-foreground min-w-0 rounded-md px-3 py-2 text-sm", children: p }),
+            /* @__PURE__ */ a.jsxs("div", { className: "bg-muted flex items-start gap-2.5 rounded-md px-3 py-2.5", children: [
+              /* @__PURE__ */ a.jsx(ve, { className: "text-primary mt-0.5 size-4 shrink-0" }),
+              /* @__PURE__ */ a.jsxs("p", { className: "text-muted-foreground text-xs", children: [
+                f("changing_email_to"),
+                " ",
+                /* @__PURE__ */ a.jsx("span", { className: "text-foreground font-medium", children: n }),
+                ". ",
+                f("check_new_email_verification")
+              ] })
+            ] })
+          ] }) : /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ a.jsx("div", { className: "bg-muted text-muted-foreground min-w-0 flex-1 rounded-md px-3 py-2 text-sm", children: p }),
+            s && /* @__PURE__ */ a.jsx(
+              P,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: () => g(!0),
+                className: "shrink-0",
+                children: f("change")
+              }
+            )
+          ] })
+        ] }),
+        u && /* @__PURE__ */ a.jsx("p", { className: "text-destructive text-sm", children: u }),
+        /* @__PURE__ */ a.jsx(Yt, { className: "flex flex-row items-center justify-end", children: /* @__PURE__ */ a.jsx("div", { className: "flex-1 text-right", children: /* @__PURE__ */ a.jsxs(P, { type: "button", onClick: t, children: [
+          h && /* @__PURE__ */ a.jsx("div", { className: "mr-2 size-4 animate-spin rounded-full border-2 border-current/30 border-t-current" }),
+          f(h ? "saving" : "save_changes")
+        ] }) }) })
+      ]
+    }
+  );
+}
+function wr(e, i) {
+  if (!e) return !1;
+  const t = e.member_type_detail?.permissions;
+  if (t) {
+    const l = t[i];
+    return l !== void 0 ? l === !0 : t.search_enabled === !0;
+  }
+  return e.member_type !== "customer";
+}
+function Cr(e) {
+  return wr(e, "rep_eligible");
+}
+var Nr = Object.defineProperty, G = Object.getOwnPropertySymbols, $e = Object.prototype.hasOwnProperty, qe = Object.prototype.propertyIsEnumerable, Se = (e, i, t) => i in e ? Nr(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, te = (e, i) => {
+  for (var t in i || (i = {}))
+    $e.call(i, t) && Se(e, t, i[t]);
+  if (G)
+    for (var t of G(i))
+      qe.call(i, t) && Se(e, t, i[t]);
+  return e;
+}, re = (e, i) => {
+  var t = {};
+  for (var l in e)
+    $e.call(e, l) && i.indexOf(l) < 0 && (t[l] = e[l]);
+  if (e != null && G)
+    for (var l of G(e))
+      i.indexOf(l) < 0 && qe.call(e, l) && (t[l] = e[l]);
+  return t;
+};
+/**
+ * @license QR Code generator library (TypeScript)
+ * Copyright (c) Project Nayuki.
+ * SPDX-License-Identifier: MIT
+ */
+var T;
+((e) => {
+  const i = class b {
+    /*-- Constructor (low level) and fields --*/
+    // Creates a new QR Code with the given version number,
+    // error correction level, data codeword bytes, and mask number.
+    // This is a low-level API that most users should not use directly.
+    // A mid-level API is the encodeSegments() function.
+    constructor(s, r, n, o) {
+      if (this.version = s, this.errorCorrectionLevel = r, this.modules = [], this.isFunction = [], s < b.MIN_VERSION || s > b.MAX_VERSION)
+        throw new RangeError("Version value out of range");
+      if (o < -1 || o > 7)
+        throw new RangeError("Mask value out of range");
+      this.size = s * 4 + 17;
+      let c = [];
+      for (let m = 0; m < this.size; m++)
+        c.push(!1);
+      for (let m = 0; m < this.size; m++)
+        this.modules.push(c.slice()), this.isFunction.push(c.slice());
+      this.drawFunctionPatterns();
+      const f = this.addEccAndInterleave(n);
+      if (this.drawCodewords(f), o == -1) {
+        let m = 1e9;
+        for (let g = 0; g < 8; g++) {
+          this.applyMask(g), this.drawFormatBits(g);
+          const x = this.getPenaltyScore();
+          x < m && (o = g, m = x), this.applyMask(g);
+        }
+      }
+      d(0 <= o && o <= 7), this.mask = o, this.applyMask(o), this.drawFormatBits(o), this.isFunction = [];
+    }
+    /*-- Static factory functions (high level) --*/
+    // Returns a QR Code representing the given Unicode text string at the given error correction level.
+    // As a conservative upper bound, this function is guaranteed to succeed for strings that have 738 or fewer
+    // Unicode code points (not UTF-16 code units) if the low error correction level is used. The smallest possible
+    // QR Code version is automatically chosen for the output. The ECC level of the result may be higher than the
+    // ecl argument if it can be done without increasing the version.
+    static encodeText(s, r) {
+      const n = e.QrSegment.makeSegments(s);
+      return b.encodeSegments(n, r);
+    }
+    // Returns a QR Code representing the given binary data at the given error correction level.
+    // This function always encodes using the binary segment mode, not any text mode. The maximum number of
+    // bytes allowed is 2953. The smallest possible QR Code version is automatically chosen for the output.
+    // The ECC level of the result may be higher than the ecl argument if it can be done without increasing the version.
+    static encodeBinary(s, r) {
+      const n = e.QrSegment.makeBytes(s);
+      return b.encodeSegments([n], r);
+    }
+    /*-- Static factory functions (mid level) --*/
+    // Returns a QR Code representing the given segments with the given encoding parameters.
+    // The smallest possible QR Code version within the given range is automatically
+    // chosen for the output. Iff boostEcl is true, then the ECC level of the result
+    // may be higher than the ecl argument if it can be done without increasing the
+    // version. The mask number is either between 0 to 7 (inclusive) to force that
+    // mask, or -1 to automatically choose an appropriate mask (which may be slow).
+    // This function allows the user to create a custom sequence of segments that switches
+    // between modes (such as alphanumeric and byte) to encode text in less space.
+    // This is a mid-level API; the high-level API is encodeText() and encodeBinary().
+    static encodeSegments(s, r, n = 1, o = 40, c = -1, f = !0) {
+      if (!(b.MIN_VERSION <= n && n <= o && o <= b.MAX_VERSION) || c < -1 || c > 7)
+        throw new RangeError("Invalid value");
+      let m, g;
+      for (m = n; ; m++) {
+        const _ = b.getNumDataCodewords(m, r) * 8, w = h.getTotalBits(s, m);
+        if (w <= _) {
+          g = w;
+          break;
+        }
+        if (m >= o)
+          throw new RangeError("Data too long");
+      }
+      for (const _ of [b.Ecc.MEDIUM, b.Ecc.QUARTILE, b.Ecc.HIGH])
+        f && g <= b.getNumDataCodewords(m, _) * 8 && (r = _);
+      let x = [];
+      for (const _ of s) {
+        t(_.mode.modeBits, 4, x), t(_.numChars, _.mode.numCharCountBits(m), x);
+        for (const w of _.getData())
+          x.push(w);
+      }
+      d(x.length == g);
+      const N = b.getNumDataCodewords(m, r) * 8;
+      d(x.length <= N), t(0, Math.min(4, N - x.length), x), t(0, (8 - x.length % 8) % 8, x), d(x.length % 8 == 0);
+      for (let _ = 236; x.length < N; _ ^= 253)
+        t(_, 8, x);
+      let j = [];
+      for (; j.length * 8 < x.length; )
+        j.push(0);
+      return x.forEach((_, w) => j[w >>> 3] |= _ << 7 - (w & 7)), new b(m, r, j, c);
+    }
+    /*-- Accessor methods --*/
+    // Returns the color of the module (pixel) at the given coordinates, which is false
+    // for light or true for dark. The top left corner has the coordinates (x=0, y=0).
+    // If the given coordinates are out of bounds, then false (light) is returned.
+    getModule(s, r) {
+      return 0 <= s && s < this.size && 0 <= r && r < this.size && this.modules[r][s];
+    }
+    // Modified to expose modules for easy access
+    getModules() {
+      return this.modules;
+    }
+    /*-- Private helper methods for constructor: Drawing function modules --*/
+    // Reads this object's version field, and draws and marks all function modules.
+    drawFunctionPatterns() {
+      for (let n = 0; n < this.size; n++)
+        this.setFunctionModule(6, n, n % 2 == 0), this.setFunctionModule(n, 6, n % 2 == 0);
+      this.drawFinderPattern(3, 3), this.drawFinderPattern(this.size - 4, 3), this.drawFinderPattern(3, this.size - 4);
+      const s = this.getAlignmentPatternPositions(), r = s.length;
+      for (let n = 0; n < r; n++)
+        for (let o = 0; o < r; o++)
+          n == 0 && o == 0 || n == 0 && o == r - 1 || n == r - 1 && o == 0 || this.drawAlignmentPattern(s[n], s[o]);
+      this.drawFormatBits(0), this.drawVersion();
+    }
+    // Draws two copies of the format bits (with its own error correction code)
+    // based on the given mask and this object's error correction level field.
+    drawFormatBits(s) {
+      const r = this.errorCorrectionLevel.formatBits << 3 | s;
+      let n = r;
+      for (let c = 0; c < 10; c++)
+        n = n << 1 ^ (n >>> 9) * 1335;
+      const o = (r << 10 | n) ^ 21522;
+      d(o >>> 15 == 0);
+      for (let c = 0; c <= 5; c++)
+        this.setFunctionModule(8, c, l(o, c));
+      this.setFunctionModule(8, 7, l(o, 6)), this.setFunctionModule(8, 8, l(o, 7)), this.setFunctionModule(7, 8, l(o, 8));
+      for (let c = 9; c < 15; c++)
+        this.setFunctionModule(14 - c, 8, l(o, c));
+      for (let c = 0; c < 8; c++)
+        this.setFunctionModule(this.size - 1 - c, 8, l(o, c));
+      for (let c = 8; c < 15; c++)
+        this.setFunctionModule(8, this.size - 15 + c, l(o, c));
+      this.setFunctionModule(8, this.size - 8, !0);
+    }
+    // Draws two copies of the version bits (with its own error correction code),
+    // based on this object's version field, iff 7 <= version <= 40.
+    drawVersion() {
+      if (this.version < 7)
+        return;
+      let s = this.version;
+      for (let n = 0; n < 12; n++)
+        s = s << 1 ^ (s >>> 11) * 7973;
+      const r = this.version << 12 | s;
+      d(r >>> 18 == 0);
+      for (let n = 0; n < 18; n++) {
+        const o = l(r, n), c = this.size - 11 + n % 3, f = Math.floor(n / 3);
+        this.setFunctionModule(c, f, o), this.setFunctionModule(f, c, o);
+      }
+    }
+    // Draws a 9*9 finder pattern including the border separator,
+    // with the center module at (x, y). Modules can be out of bounds.
+    drawFinderPattern(s, r) {
+      for (let n = -4; n <= 4; n++)
+        for (let o = -4; o <= 4; o++) {
+          const c = Math.max(Math.abs(o), Math.abs(n)), f = s + o, m = r + n;
+          0 <= f && f < this.size && 0 <= m && m < this.size && this.setFunctionModule(f, m, c != 2 && c != 4);
+        }
+    }
+    // Draws a 5*5 alignment pattern, with the center module
+    // at (x, y). All modules must be in bounds.
+    drawAlignmentPattern(s, r) {
+      for (let n = -2; n <= 2; n++)
+        for (let o = -2; o <= 2; o++)
+          this.setFunctionModule(s + o, r + n, Math.max(Math.abs(o), Math.abs(n)) != 1);
+    }
+    // Sets the color of a module and marks it as a function module.
+    // Only used by the constructor. Coordinates must be in bounds.
+    setFunctionModule(s, r, n) {
+      this.modules[r][s] = n, this.isFunction[r][s] = !0;
+    }
+    /*-- Private helper methods for constructor: Codewords and masking --*/
+    // Returns a new byte string representing the given data with the appropriate error correction
+    // codewords appended to it, based on this object's version and error correction level.
+    addEccAndInterleave(s) {
+      const r = this.version, n = this.errorCorrectionLevel;
+      if (s.length != b.getNumDataCodewords(r, n))
+        throw new RangeError("Invalid argument");
+      const o = b.NUM_ERROR_CORRECTION_BLOCKS[n.ordinal][r], c = b.ECC_CODEWORDS_PER_BLOCK[n.ordinal][r], f = Math.floor(b.getNumRawDataModules(r) / 8), m = o - f % o, g = Math.floor(f / o);
+      let x = [];
+      const N = b.reedSolomonComputeDivisor(c);
+      for (let _ = 0, w = 0; _ < o; _++) {
+        let E = s.slice(w, w + g - c + (_ < m ? 0 : 1));
+        w += E.length;
+        const I = b.reedSolomonComputeRemainder(E, N);
+        _ < m && E.push(0), x.push(E.concat(I));
+      }
+      let j = [];
+      for (let _ = 0; _ < x[0].length; _++)
+        x.forEach((w, E) => {
+          (_ != g - c || E >= m) && j.push(w[_]);
+        });
+      return d(j.length == f), j;
+    }
+    // Draws the given sequence of 8-bit codewords (data and error correction) onto the entire
+    // data area of this QR Code. Function modules need to be marked off before this is called.
+    drawCodewords(s) {
+      if (s.length != Math.floor(b.getNumRawDataModules(this.version) / 8))
+        throw new RangeError("Invalid argument");
+      let r = 0;
+      for (let n = this.size - 1; n >= 1; n -= 2) {
+        n == 6 && (n = 5);
+        for (let o = 0; o < this.size; o++)
+          for (let c = 0; c < 2; c++) {
+            const f = n - c, g = (n + 1 & 2) == 0 ? this.size - 1 - o : o;
+            !this.isFunction[g][f] && r < s.length * 8 && (this.modules[g][f] = l(s[r >>> 3], 7 - (r & 7)), r++);
+          }
+      }
+      d(r == s.length * 8);
+    }
+    // XORs the codeword modules in this QR Code with the given mask pattern.
+    // The function modules must be marked and the codeword bits must be drawn
+    // before masking. Due to the arithmetic of XOR, calling applyMask() with
+    // the same mask value a second time will undo the mask. A final well-formed
+    // QR Code needs exactly one (not zero, two, etc.) mask applied.
+    applyMask(s) {
+      if (s < 0 || s > 7)
+        throw new RangeError("Mask value out of range");
+      for (let r = 0; r < this.size; r++)
+        for (let n = 0; n < this.size; n++) {
+          let o;
+          switch (s) {
+            case 0:
+              o = (n + r) % 2 == 0;
+              break;
+            case 1:
+              o = r % 2 == 0;
+              break;
+            case 2:
+              o = n % 3 == 0;
+              break;
+            case 3:
+              o = (n + r) % 3 == 0;
+              break;
+            case 4:
+              o = (Math.floor(n / 3) + Math.floor(r / 2)) % 2 == 0;
+              break;
+            case 5:
+              o = n * r % 2 + n * r % 3 == 0;
+              break;
+            case 6:
+              o = (n * r % 2 + n * r % 3) % 2 == 0;
+              break;
+            case 7:
+              o = ((n + r) % 2 + n * r % 3) % 2 == 0;
+              break;
+            default:
+              throw new Error("Unreachable");
+          }
+          !this.isFunction[r][n] && o && (this.modules[r][n] = !this.modules[r][n]);
+        }
+    }
+    // Calculates and returns the penalty score based on state of this QR Code's current modules.
+    // This is used by the automatic mask choice algorithm to find the mask pattern that yields the lowest score.
+    getPenaltyScore() {
+      let s = 0;
+      for (let c = 0; c < this.size; c++) {
+        let f = !1, m = 0, g = [0, 0, 0, 0, 0, 0, 0];
+        for (let x = 0; x < this.size; x++)
+          this.modules[c][x] == f ? (m++, m == 5 ? s += b.PENALTY_N1 : m > 5 && s++) : (this.finderPenaltyAddHistory(m, g), f || (s += this.finderPenaltyCountPatterns(g) * b.PENALTY_N3), f = this.modules[c][x], m = 1);
+        s += this.finderPenaltyTerminateAndCount(f, m, g) * b.PENALTY_N3;
+      }
+      for (let c = 0; c < this.size; c++) {
+        let f = !1, m = 0, g = [0, 0, 0, 0, 0, 0, 0];
+        for (let x = 0; x < this.size; x++)
+          this.modules[x][c] == f ? (m++, m == 5 ? s += b.PENALTY_N1 : m > 5 && s++) : (this.finderPenaltyAddHistory(m, g), f || (s += this.finderPenaltyCountPatterns(g) * b.PENALTY_N3), f = this.modules[x][c], m = 1);
+        s += this.finderPenaltyTerminateAndCount(f, m, g) * b.PENALTY_N3;
+      }
+      for (let c = 0; c < this.size - 1; c++)
+        for (let f = 0; f < this.size - 1; f++) {
+          const m = this.modules[c][f];
+          m == this.modules[c][f + 1] && m == this.modules[c + 1][f] && m == this.modules[c + 1][f + 1] && (s += b.PENALTY_N2);
+        }
+      let r = 0;
+      for (const c of this.modules)
+        r = c.reduce((f, m) => f + (m ? 1 : 0), r);
+      const n = this.size * this.size, o = Math.ceil(Math.abs(r * 20 - n * 10) / n) - 1;
+      return d(0 <= o && o <= 9), s += o * b.PENALTY_N4, d(0 <= s && s <= 2568888), s;
+    }
+    /*-- Private helper functions --*/
+    // Returns an ascending list of positions of alignment patterns for this version number.
+    // Each position is in the range [0,177), and are used on both the x and y axes.
+    // This could be implemented as lookup table of 40 variable-length lists of integers.
+    getAlignmentPatternPositions() {
+      if (this.version == 1)
+        return [];
+      {
+        const s = Math.floor(this.version / 7) + 2, r = this.version == 32 ? 26 : Math.ceil((this.version * 4 + 4) / (s * 2 - 2)) * 2;
+        let n = [6];
+        for (let o = this.size - 7; n.length < s; o -= r)
+          n.splice(1, 0, o);
+        return n;
+      }
+    }
+    // Returns the number of data bits that can be stored in a QR Code of the given version number, after
+    // all function modules are excluded. This includes remainder bits, so it might not be a multiple of 8.
+    // The result is in the range [208, 29648]. This could be implemented as a 40-entry lookup table.
+    static getNumRawDataModules(s) {
+      if (s < b.MIN_VERSION || s > b.MAX_VERSION)
+        throw new RangeError("Version number out of range");
+      let r = (16 * s + 128) * s + 64;
+      if (s >= 2) {
+        const n = Math.floor(s / 7) + 2;
+        r -= (25 * n - 10) * n - 55, s >= 7 && (r -= 36);
+      }
+      return d(208 <= r && r <= 29648), r;
+    }
+    // Returns the number of 8-bit data (i.e. not error correction) codewords contained in any
+    // QR Code of the given version number and error correction level, with remainder bits discarded.
+    // This stateless pure function could be implemented as a (40*4)-cell lookup table.
+    static getNumDataCodewords(s, r) {
+      return Math.floor(b.getNumRawDataModules(s) / 8) - b.ECC_CODEWORDS_PER_BLOCK[r.ordinal][s] * b.NUM_ERROR_CORRECTION_BLOCKS[r.ordinal][s];
+    }
+    // Returns a Reed-Solomon ECC generator polynomial for the given degree. This could be
+    // implemented as a lookup table over all possible parameter values, instead of as an algorithm.
+    static reedSolomonComputeDivisor(s) {
+      if (s < 1 || s > 255)
+        throw new RangeError("Degree out of range");
+      let r = [];
+      for (let o = 0; o < s - 1; o++)
+        r.push(0);
+      r.push(1);
+      let n = 1;
+      for (let o = 0; o < s; o++) {
+        for (let c = 0; c < r.length; c++)
+          r[c] = b.reedSolomonMultiply(r[c], n), c + 1 < r.length && (r[c] ^= r[c + 1]);
+        n = b.reedSolomonMultiply(n, 2);
+      }
+      return r;
+    }
+    // Returns the Reed-Solomon error correction codeword for the given data and divisor polynomials.
+    static reedSolomonComputeRemainder(s, r) {
+      let n = r.map((o) => 0);
+      for (const o of s) {
+        const c = o ^ n.shift();
+        n.push(0), r.forEach((f, m) => n[m] ^= b.reedSolomonMultiply(f, c));
+      }
+      return n;
+    }
+    // Returns the product of the two given field elements modulo GF(2^8/0x11D). The arguments and result
+    // are unsigned 8-bit integers. This could be implemented as a lookup table of 256*256 entries of uint8.
+    static reedSolomonMultiply(s, r) {
+      if (s >>> 8 || r >>> 8)
+        throw new RangeError("Byte out of range");
+      let n = 0;
+      for (let o = 7; o >= 0; o--)
+        n = n << 1 ^ (n >>> 7) * 285, n ^= (r >>> o & 1) * s;
+      return d(n >>> 8 == 0), n;
+    }
+    // Can only be called immediately after a light run is added, and
+    // returns either 0, 1, or 2. A helper function for getPenaltyScore().
+    finderPenaltyCountPatterns(s) {
+      const r = s[1];
+      d(r <= this.size * 3);
+      const n = r > 0 && s[2] == r && s[3] == r * 3 && s[4] == r && s[5] == r;
+      return (n && s[0] >= r * 4 && s[6] >= r ? 1 : 0) + (n && s[6] >= r * 4 && s[0] >= r ? 1 : 0);
+    }
+    // Must be called at the end of a line (row or column) of modules. A helper function for getPenaltyScore().
+    finderPenaltyTerminateAndCount(s, r, n) {
+      return s && (this.finderPenaltyAddHistory(r, n), r = 0), r += this.size, this.finderPenaltyAddHistory(r, n), this.finderPenaltyCountPatterns(n);
+    }
+    // Pushes the given value to the front and drops the last value. A helper function for getPenaltyScore().
+    finderPenaltyAddHistory(s, r) {
+      r[0] == 0 && (s += this.size), r.pop(), r.unshift(s);
+    }
+  };
+  i.MIN_VERSION = 1, i.MAX_VERSION = 40, i.PENALTY_N1 = 3, i.PENALTY_N2 = 3, i.PENALTY_N3 = 40, i.PENALTY_N4 = 10, i.ECC_CODEWORDS_PER_BLOCK = [
+    // Version: (note that index 0 is for padding, and is set to an illegal value)
+    //0,  1,  2,  3,  4,  5,  6,  7,  8,  9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40    Error correction level
+    [-1, 7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28, 28, 28, 28, 30, 30, 26, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],
+    // Low
+    [-1, 10, 16, 26, 18, 24, 16, 18, 22, 22, 26, 30, 22, 22, 24, 24, 28, 28, 26, 26, 26, 26, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28],
+    // Medium
+    [-1, 13, 22, 18, 26, 18, 24, 18, 22, 20, 24, 28, 26, 24, 20, 30, 24, 28, 28, 26, 30, 28, 30, 30, 30, 30, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],
+    // Quartile
+    [-1, 17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26, 28, 30, 24, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30]
+    // High
+  ], i.NUM_ERROR_CORRECTION_BLOCKS = [
+    // Version: (note that index 0 is for padding, and is set to an illegal value)
+    //0, 1, 2, 3, 4, 5, 6, 7, 8, 9,10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40    Error correction level
+    [-1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12, 12, 12, 13, 14, 15, 16, 17, 18, 19, 19, 20, 21, 22, 24, 25],
+    // Low
+    [-1, 1, 1, 1, 2, 2, 4, 4, 4, 5, 5, 5, 8, 9, 9, 10, 10, 11, 13, 14, 16, 17, 17, 18, 20, 21, 23, 25, 26, 28, 29, 31, 33, 35, 37, 38, 40, 43, 45, 47, 49],
+    // Medium
+    [-1, 1, 1, 2, 2, 4, 4, 6, 6, 8, 8, 8, 10, 12, 16, 12, 17, 16, 18, 21, 20, 23, 23, 25, 27, 29, 34, 34, 35, 38, 40, 43, 45, 48, 51, 53, 56, 59, 62, 65, 68],
+    // Quartile
+    [-1, 1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25, 34, 30, 32, 35, 37, 40, 42, 45, 48, 51, 54, 57, 60, 63, 66, 70, 74, 77, 81]
+    // High
+  ], e.QrCode = i;
+  function t(p, s, r) {
+    if (s < 0 || s > 31 || p >>> s)
+      throw new RangeError("Value out of range");
+    for (let n = s - 1; n >= 0; n--)
+      r.push(p >>> n & 1);
+  }
+  function l(p, s) {
+    return (p >>> s & 1) != 0;
+  }
+  function d(p) {
+    if (!p)
+      throw new Error("Assertion error");
+  }
+  const u = class C {
+    /*-- Constructor (low level) and fields --*/
+    // Creates a new QR Code segment with the given attributes and data.
+    // The character count (numChars) must agree with the mode and the bit buffer length,
+    // but the constraint isn't checked. The given bit buffer is cloned and stored.
+    constructor(s, r, n) {
+      if (this.mode = s, this.numChars = r, this.bitData = n, r < 0)
+        throw new RangeError("Invalid argument");
+      this.bitData = n.slice();
+    }
+    /*-- Static factory functions (mid level) --*/
+    // Returns a segment representing the given binary data encoded in
+    // byte mode. All input byte arrays are acceptable. Any text string
+    // can be converted to UTF-8 bytes and encoded as a byte mode segment.
+    static makeBytes(s) {
+      let r = [];
+      for (const n of s)
+        t(n, 8, r);
+      return new C(C.Mode.BYTE, s.length, r);
+    }
+    // Returns a segment representing the given string of decimal digits encoded in numeric mode.
+    static makeNumeric(s) {
+      if (!C.isNumeric(s))
+        throw new RangeError("String contains non-numeric characters");
+      let r = [];
+      for (let n = 0; n < s.length; ) {
+        const o = Math.min(s.length - n, 3);
+        t(parseInt(s.substring(n, n + o), 10), o * 3 + 1, r), n += o;
+      }
+      return new C(C.Mode.NUMERIC, s.length, r);
+    }
+    // Returns a segment representing the given text string encoded in alphanumeric mode.
+    // The characters allowed are: 0 to 9, A to Z (uppercase only), space,
+    // dollar, percent, asterisk, plus, hyphen, period, slash, colon.
+    static makeAlphanumeric(s) {
+      if (!C.isAlphanumeric(s))
+        throw new RangeError("String contains unencodable characters in alphanumeric mode");
+      let r = [], n;
+      for (n = 0; n + 2 <= s.length; n += 2) {
+        let o = C.ALPHANUMERIC_CHARSET.indexOf(s.charAt(n)) * 45;
+        o += C.ALPHANUMERIC_CHARSET.indexOf(s.charAt(n + 1)), t(o, 11, r);
+      }
+      return n < s.length && t(C.ALPHANUMERIC_CHARSET.indexOf(s.charAt(n)), 6, r), new C(C.Mode.ALPHANUMERIC, s.length, r);
+    }
+    // Returns a new mutable list of zero or more segments to represent the given Unicode text string.
+    // The result may use various segment modes and switch modes to optimize the length of the bit stream.
+    static makeSegments(s) {
+      return s == "" ? [] : C.isNumeric(s) ? [C.makeNumeric(s)] : C.isAlphanumeric(s) ? [C.makeAlphanumeric(s)] : [C.makeBytes(C.toUtf8ByteArray(s))];
+    }
+    // Returns a segment representing an Extended Channel Interpretation
+    // (ECI) designator with the given assignment value.
+    static makeEci(s) {
+      let r = [];
+      if (s < 0)
+        throw new RangeError("ECI assignment value out of range");
+      if (s < 128)
+        t(s, 8, r);
+      else if (s < 16384)
+        t(2, 2, r), t(s, 14, r);
+      else if (s < 1e6)
+        t(6, 3, r), t(s, 21, r);
+      else
+        throw new RangeError("ECI assignment value out of range");
+      return new C(C.Mode.ECI, 0, r);
+    }
+    // Tests whether the given string can be encoded as a segment in numeric mode.
+    // A string is encodable iff each character is in the range 0 to 9.
+    static isNumeric(s) {
+      return C.NUMERIC_REGEX.test(s);
+    }
+    // Tests whether the given string can be encoded as a segment in alphanumeric mode.
+    // A string is encodable iff each character is in the following set: 0 to 9, A to Z
+    // (uppercase only), space, dollar, percent, asterisk, plus, hyphen, period, slash, colon.
+    static isAlphanumeric(s) {
+      return C.ALPHANUMERIC_REGEX.test(s);
+    }
+    /*-- Methods --*/
+    // Returns a new copy of the data bits of this segment.
+    getData() {
+      return this.bitData.slice();
+    }
+    // (Package-private) Calculates and returns the number of bits needed to encode the given segments at
+    // the given version. The result is infinity if a segment has too many characters to fit its length field.
+    static getTotalBits(s, r) {
+      let n = 0;
+      for (const o of s) {
+        const c = o.mode.numCharCountBits(r);
+        if (o.numChars >= 1 << c)
+          return 1 / 0;
+        n += 4 + c + o.bitData.length;
+      }
+      return n;
+    }
+    // Returns a new array of bytes representing the given string encoded in UTF-8.
+    static toUtf8ByteArray(s) {
+      s = encodeURI(s);
+      let r = [];
+      for (let n = 0; n < s.length; n++)
+        s.charAt(n) != "%" ? r.push(s.charCodeAt(n)) : (r.push(parseInt(s.substring(n + 1, n + 3), 16)), n += 2);
+      return r;
+    }
+  };
+  u.NUMERIC_REGEX = /^[0-9]*$/, u.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\/:-]*$/, u.ALPHANUMERIC_CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
+  let h = u;
+  e.QrSegment = u;
+})(T || (T = {}));
+((e) => {
+  ((i) => {
+    const t = class {
+      // The QR Code can tolerate about 30% erroneous codewords
+      /*-- Constructor and fields --*/
+      constructor(d, u) {
+        this.ordinal = d, this.formatBits = u;
+      }
+    };
+    t.LOW = new t(0, 1), t.MEDIUM = new t(1, 0), t.QUARTILE = new t(2, 3), t.HIGH = new t(3, 2), i.Ecc = t;
+  })(e.QrCode || (e.QrCode = {}));
+})(T || (T = {}));
+((e) => {
+  ((i) => {
+    const t = class {
+      /*-- Constructor and fields --*/
+      constructor(d, u) {
+        this.modeBits = d, this.numBitsCharCount = u;
+      }
+      /*-- Method --*/
+      // (Package-private) Returns the bit width of the character count field for a segment in
+      // this mode in a QR Code at the given version number. The result is in the range [0, 16].
+      numCharCountBits(d) {
+        return this.numBitsCharCount[Math.floor((d + 7) / 17)];
+      }
+    };
+    t.NUMERIC = new t(1, [10, 12, 14]), t.ALPHANUMERIC = new t(2, [9, 11, 13]), t.BYTE = new t(4, [8, 16, 16]), t.KANJI = new t(8, [8, 10, 12]), t.ECI = new t(7, [0, 0, 0]), i.Mode = t;
+  })(e.QrSegment || (e.QrSegment = {}));
+})(T || (T = {}));
+var U = T;
+/**
+ * @license qrcode.react
+ * Copyright (c) Paul O'Shannessy
+ * SPDX-License-Identifier: ISC
+ */
+var Sr = {
+  L: U.QrCode.Ecc.LOW,
+  M: U.QrCode.Ecc.MEDIUM,
+  Q: U.QrCode.Ecc.QUARTILE,
+  H: U.QrCode.Ecc.HIGH
+}, Qe = 128, Ve = "L", He = "#FFFFFF", Ke = "#000000", Ge = !1, Ye = 1, Er = 4, Pr = 0, Ar = 0.1;
+function We(e, i = 0) {
+  const t = [];
+  return e.forEach(function(l, d) {
+    let u = null;
+    l.forEach(function(h, p) {
+      if (!h && u !== null) {
+        t.push(
+          `M${u + i} ${d + i}h${p - u}v1H${u + i}z`
+        ), u = null;
+        return;
+      }
+      if (p === l.length - 1) {
+        if (!h)
+          return;
+        u === null ? t.push(`M${p + i},${d + i} h1v1H${p + i}z`) : t.push(
+          `M${u + i},${d + i} h${p + 1 - u}v1H${u + i}z`
+        );
+        return;
+      }
+      h && u === null && (u = p);
+    });
+  }), t.join("");
+}
+function Xe(e, i) {
+  return e.slice().map((t, l) => l < i.y || l >= i.y + i.h ? t : t.map((d, u) => u < i.x || u >= i.x + i.w ? d : !1));
+}
+function Mr(e, i, t, l) {
+  if (l == null)
+    return null;
+  const d = e.length + t * 2, u = Math.floor(i * Ar), h = d / i, p = (l.width || u) * h, s = (l.height || u) * h, r = l.x == null ? e.length / 2 - p / 2 : l.x * h, n = l.y == null ? e.length / 2 - s / 2 : l.y * h, o = l.opacity == null ? 1 : l.opacity;
+  let c = null;
+  if (l.excavate) {
+    let m = Math.floor(r), g = Math.floor(n), x = Math.ceil(p + r - m), N = Math.ceil(s + n - g);
+    c = { x: m, y: g, w: x, h: N };
+  }
+  const f = l.crossOrigin;
+  return { x: r, y: n, h: s, w: p, excavation: c, opacity: o, crossOrigin: f };
+}
+function Rr(e, i) {
+  return i != null ? Math.max(Math.floor(i), 0) : e ? Er : Pr;
+}
+function Ze({
+  value: e,
+  level: i,
+  minVersion: t,
+  includeMargin: l,
+  marginSize: d,
+  imageSettings: u,
+  size: h,
+  boostLevel: p
+}) {
+  let s = S.useMemo(() => {
+    const m = (Array.isArray(e) ? e : [e]).reduce((g, x) => (g.push(...U.QrSegment.makeSegments(x)), g), []);
+    return U.QrCode.encodeSegments(
+      m,
+      Sr[i],
+      t,
+      void 0,
+      void 0,
+      p
+    );
+  }, [e, i, t, p]);
+  const { cells: r, margin: n, numCells: o, calculatedImageSettings: c } = S.useMemo(() => {
+    let f = s.getModules();
+    const m = Rr(l, d), g = f.length + m * 2, x = Mr(
+      f,
+      h,
+      m,
+      u
+    );
+    return {
+      cells: f,
+      margin: m,
+      numCells: g,
+      calculatedImageSettings: x
+    };
+  }, [s, h, u, l, d]);
+  return {
+    qrcode: s,
+    margin: n,
+    cells: r,
+    numCells: o,
+    calculatedImageSettings: c
+  };
+}
+var Lr = (function() {
+  try {
+    new Path2D().addPath(new Path2D());
+  } catch {
+    return !1;
+  }
+  return !0;
+})(), Fr = S.forwardRef(
+  function(i, t) {
+    const l = i, {
+      value: d,
+      size: u = Qe,
+      level: h = Ve,
+      bgColor: p = He,
+      fgColor: s = Ke,
+      includeMargin: r = Ge,
+      minVersion: n = Ye,
+      boostLevel: o,
+      marginSize: c,
+      imageSettings: f
+    } = l, g = re(l, [
+      "value",
+      "size",
+      "level",
+      "bgColor",
+      "fgColor",
+      "includeMargin",
+      "minVersion",
+      "boostLevel",
+      "marginSize",
+      "imageSettings"
+    ]), { style: x } = g, N = re(g, ["style"]), j = f?.src, _ = S.useRef(null), w = S.useRef(null), E = S.useCallback(
+      (z) => {
+        _.current = z, typeof t == "function" ? t(z) : t && (t.current = z);
+      },
+      [t]
+    ), [I, A] = S.useState(!1), { margin: L, cells: y, numCells: Q, calculatedImageSettings: R } = Ze({
+      value: d,
+      level: h,
+      minVersion: n,
+      boostLevel: o,
+      includeMargin: r,
+      marginSize: c,
+      imageSettings: f,
+      size: u
+    });
+    S.useEffect(() => {
+      if (_.current != null) {
+        const z = _.current, k = z.getContext("2d");
+        if (!k)
+          return;
+        let xe = y;
+        const V = w.current, _e = R != null && V !== null && V.complete && V.naturalHeight !== 0 && V.naturalWidth !== 0;
+        _e && R.excavation != null && (xe = Xe(
+          y,
+          R.excavation
+        ));
+        const be = window.devicePixelRatio || 1;
+        z.height = z.width = u * be;
+        const ye = u / Q * be;
+        k.scale(ye, ye), k.fillStyle = p, k.fillRect(0, 0, Q, Q), k.fillStyle = s, Lr ? k.fill(new Path2D(We(xe, L))) : y.forEach(function(ct, dt) {
+          ct.forEach(function(ut, ft) {
+            ut && k.fillRect(ft + L, dt + L, 1, 1);
+          });
+        }), R && (k.globalAlpha = R.opacity), _e && k.drawImage(
+          V,
+          R.x + L,
+          R.y + L,
+          R.w,
+          R.h
+        );
+      }
+    }), S.useEffect(() => {
+      A(!1);
+    }, [j]);
+    const lt = te({ height: u, width: u }, x);
+    let ge = null;
+    return j != null && (ge = /* @__PURE__ */ S.createElement(
+      "img",
+      {
+        src: j,
+        key: j,
+        style: { display: "none" },
+        onLoad: () => {
+          A(!0);
+        },
+        ref: w,
+        crossOrigin: R?.crossOrigin
+      }
+    )), /* @__PURE__ */ S.createElement(S.Fragment, null, /* @__PURE__ */ S.createElement(
+      "canvas",
+      te({
+        style: lt,
+        height: u,
+        width: u,
+        ref: E,
+        role: "img"
+      }, N)
+    ), ge);
+  }
+);
+Fr.displayName = "QRCodeCanvas";
+var Je = S.forwardRef(
+  function(i, t) {
+    const l = i, {
+      value: d,
+      size: u = Qe,
+      level: h = Ve,
+      bgColor: p = He,
+      fgColor: s = Ke,
+      includeMargin: r = Ge,
+      minVersion: n = Ye,
+      boostLevel: o,
+      title: c,
+      marginSize: f,
+      imageSettings: m
+    } = l, g = re(l, [
+      "value",
+      "size",
+      "level",
+      "bgColor",
+      "fgColor",
+      "includeMargin",
+      "minVersion",
+      "boostLevel",
+      "title",
+      "marginSize",
+      "imageSettings"
+    ]), { margin: x, cells: N, numCells: j, calculatedImageSettings: _ } = Ze({
+      value: d,
+      level: h,
+      minVersion: n,
+      boostLevel: o,
+      includeMargin: r,
+      marginSize: f,
+      imageSettings: m,
+      size: u
+    });
+    let w = N, E = null;
+    m != null && _ != null && (_.excavation != null && (w = Xe(
+      N,
+      _.excavation
+    )), E = /* @__PURE__ */ S.createElement(
+      "image",
+      {
+        href: m.src,
+        height: _.h,
+        width: _.w,
+        x: _.x + x,
+        y: _.y + x,
+        preserveAspectRatio: "none",
+        opacity: _.opacity,
+        crossOrigin: _.crossOrigin
+      }
+    ));
+    const I = We(w, x);
+    return /* @__PURE__ */ S.createElement(
+      "svg",
+      te({
+        height: u,
+        width: u,
+        viewBox: `0 0 ${j} ${j}`,
+        ref: t,
+        role: "img"
+      }, g),
+      !!c && /* @__PURE__ */ S.createElement("title", null, c),
+      /* @__PURE__ */ S.createElement(
+        "path",
+        {
+          fill: p,
+          d: `M0,0 h${j}v${j}H0z`,
+          shapeRendering: "crispEdges"
+        }
+      ),
+      /* @__PURE__ */ S.createElement("path", { fill: s, d: I, shapeRendering: "crispEdges" }),
+      E
+    );
+  }
+);
+Je.displayName = "QRCodeSVG";
+function Ir(e, i) {
+  oe({ title: e, type: i });
+}
+function kr({
+  onToast: e,
+  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */
+  background: i,
+  textColor: t,
+  accentColor: l,
+  padding: d,
+  borderRadius: u,
+  /* eslint-enable @typescript-eslint/no-unused-vars */
+  ...h
+}) {
+  const { currentSlug: p } = ie(), s = e ?? Ir, r = p.split("/")[1], n = r !== void 0, { data: o } = Pe(), c = o?.id, f = o === void 0;
+  return /* @__PURE__ */ a.jsx("div", { ...h, children: /* @__PURE__ */ a.jsx(Lt, { children: /* @__PURE__ */ a.jsx(Ft, { children: /* @__PURE__ */ a.jsx(It, { children: n ? /* @__PURE__ */ a.jsx(
+    kt,
+    {
+      token: r,
+      onToast: s
+    }
+  ) : /* @__PURE__ */ a.jsx(
+    Dt,
+    {
+      customerId: c,
+      isLoadingCustomer: f,
+      onToast: s
+    }
+  ) }) }) }) });
+}
+const ne = "profile/", Dr = /* @__PURE__ */ new Set(["orders", "subscriptions"]);
+function Ee(e) {
+  return e.startsWith(ne) ? e.slice(ne.length) : e;
+}
+function Or({
+  children: e
+}) {
+  const { currentSlug: i, previousSlug: t, navigate: l } = ie();
+  function d(u) {
+    const h = u.split("/")[0] ?? "";
+    l(Dr.has(h) ? `${ne}${u}` : u);
+  }
+  return /* @__PURE__ */ a.jsx(
+    gt,
+    {
+      currentSlug: Ee(i),
+      previousSlug: t === null ? null : Ee(t),
+      navItems: [],
+      basePath: "/profile",
+      navigate: d,
+      children: e
+    }
+  );
+}
+function et() {
+  const e = Nt();
+  return B({
+    queryKey: _t.languages(),
+    queryFn: async () => {
+      const i = [];
+      let t;
+      const l = /* @__PURE__ */ new Set();
+      do {
+        if (t) {
+          if (typeof t != "string" || l.has(t))
+            throw new Error("Language pagination did not advance");
+          l.add(t);
+        }
+        const d = await e.listLanguages({ limit: 100, cursor: t });
+        i.push(...d.languages), t = d.meta.pagination?.next_cursor ?? void 0;
+      } while (t);
+      return i;
+    }
+  });
+}
+function tt() {
+  const e = xt(), i = $(), { setLocale: t } = D();
+  return q({
+    mutationFn: (l) => e.updateAccount({ account: l }),
+    onSuccess: (l, d) => {
+      i.setQueryData(bt.detail(), l.account), d.language_iso && l.account.language_iso && t(l.account.language_iso);
+    }
+  });
+}
+function zr({
+  account: e,
+  onClose: i
+}) {
+  const { t } = M(), { isMobile: l } = K(), d = ce(), u = et(), h = tt(), p = d.data?.allow_name_edit === !1, s = Gt(
+    ee({
+      first_name: p ? F() : F().min(1, t("first_name_is_required")),
+      last_name: p ? F() : F().min(1, t("last_name_is_required")),
+      phone_number: F().optional(),
+      bio: F().optional(),
+      language: F()
+    }),
+    {
+      defaultValues: {
+        first_name: e.first_name,
+        last_name: e.last_name,
+        phone_number: e.phone ?? "",
+        bio: e.bio ?? "",
+        language: e.language_iso ?? ""
+      }
+    }
+  ), r = s.handleSubmit(async (n) => {
+    if (!h.isPending)
+      try {
+        const o = await d.refetch({ throwOnError: !0 });
+        await h.mutateAsync({
+          ...o.data?.allow_name_edit !== !1 ? { first_name: n.first_name, last_name: n.last_name } : {},
+          phone: n.phone_number ?? "",
+          bio: n.bio ?? "",
+          ...n.language ? { language_iso: n.language } : {}
+        }), oe({ title: t("profile_updated"), type: "success" }), i();
+      } catch {
+        s.setError("root", { message: t("failed_to_update_profile") });
+      }
+  });
+  return /* @__PURE__ */ a.jsx(
+    jr,
+    {
+      control: s.control,
+      isOpen: !0,
+      onSubmit: () => {
+        r();
+      },
+      handleClose: () => {
+        !h.isPending && !s.formState.isSubmitting && i();
+      },
+      email: e.email,
+      languageOptions: u.data?.map((n) => ({
+        name: n.name,
+        value: n.code
+      })),
+      errorMsg: s.formState.errors.root?.message ?? (u.error ? t("profile_languages_unavailable") : void 0),
+      isSubmitting: h.isPending || s.formState.isSubmitting,
+      disableNameEdit: p,
+      presentation: l ? "bottom-sheet" : "dialog"
+    }
+  );
+}
+const ue = ["memberStorefront", "profile", "addresses"];
+function fe() {
+  const e = O();
+  return B({
+    queryKey: ue,
+    queryFn: () => e.fetchAddresses()
+  });
+}
+function rt(e) {
+  const i = Xt(), { locale: t } = D();
+  return B({
+    queryKey: ["memberStorefront", "profile", "countries", t],
+    queryFn: () => i.listCountries({ languageIso: t }),
+    enabled: e
+  });
+}
+function Tr() {
+  const e = O(), i = $();
+  return q({
+    mutationFn: async ({
+      addressId: t,
+      body: l
+    }) => {
+      if (t === void 0) return e.createAddress(l);
+      await e.updateAddress(t, l);
+    },
+    onSuccess: () => i.invalidateQueries({ queryKey: ue })
+  });
+}
+function Br() {
+  const e = O(), i = $();
+  return q({
+    mutationFn: (t) => e.deleteAddress(t),
+    onSuccess: () => i.invalidateQueries({ queryKey: ue })
+  });
+}
+function me(e) {
+  return {
+    id: e.id,
+    address1: e.street1,
+    address2: e.street2,
+    city: e.city,
+    country_code: e.country,
+    default: e.default,
+    name: e.name,
+    postal_code: e.zip,
+    phone: e.phone ?? null,
+    state: e.state,
+    subdivision_code: null
+  };
+}
+function nt({
+  isOpen: e,
+  onClose: i,
+  selectedAddress: t,
+  onAddressCreated: l
+}) {
+  const { t: d } = M(), { isMobile: u } = K(), { locale: h } = D(), p = rt(e), s = fe(), r = Tr(), n = v.useCallback(
+    (o) => Promise.resolve(
+      p.data?.countries.find((c) => c.code === o)?.states.map((c) => ({
+        name: c.name,
+        isoCode: c.code
+      })) ?? []
+    ),
+    [p.data]
+  );
+  if (e && p.error) throw p.error;
+  return e && p.isPending ? /* @__PURE__ */ a.jsx("p", { role: "status", children: d("profile_loading") }) : /* @__PURE__ */ a.jsx(
+    Ot,
+    {
+      isOpen: e,
+      onClose: () => {
+        r.isPending || (r.reset(), i());
+      },
+      selectedAddress: t,
+      presentation: u ? "bottom-sheet" : "dialog",
+      defaultCountry: t?.country_code ?? s.data?.addresses.find((o) => o.default)?.country ?? "US",
+      languageIso: h,
+      countries: p.data?.countries.map((o) => ({
+        iso: o.code,
+        name: o.name
+      })),
+      fetchStates: n,
+      t: (o) => d(o),
+      isSubmitting: r.isPending,
+      error: r.error ? d(
+        t ? "failed_to_update_address" : "failed_to_create_address"
+      ) : p.error ? d("unexpected_error") : void 0,
+      onSubmit: (o) => {
+        if (r.isPending) return;
+        const c = o.address;
+        r.mutate(
+          {
+            addressId: t?.id,
+            body: {
+              address: {
+                name: c.name,
+                street1: c.address1,
+                street2: c.address2,
+                city: c.city,
+                state: c.state,
+                zip: c.postal_code,
+                country: c.country_code,
+                phone: c.phone,
+                default: c.default
+              }
+            }
+          },
+          {
+            onSuccess: (f) => {
+              f && l?.(me(f)), r.reset(), i();
+            }
+          }
+        );
+      }
+    }
+  );
+}
+function Ur() {
+  const { t: e } = M(), i = fe(), t = Br(), l = v.useRef(null), [d, u] = v.useState(), [h, p] = v.useState(null);
+  if (i.error) throw i.error;
+  function s() {
+    requestAnimationFrame(() => l.current?.focus());
+  }
+  return /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      ref: l,
+      role: "region",
+      tabIndex: -1,
+      "aria-label": e("shipping_addresses"),
+      className: "space-y-4 outline-none",
+      children: [
+        i.isPending && /* @__PURE__ */ a.jsx("p", { role: "status", className: "text-muted-foreground text-sm", children: e("profile_loading") }),
+        !i.isPending && !i.data?.addresses.length && /* @__PURE__ */ a.jsx("p", { className: "text-muted-foreground text-sm", children: e("no_saved_addresses_found") }),
+        i.data?.addresses.map((r) => /* @__PURE__ */ a.jsxs(
+          "section",
+          {
+            "aria-label": r.street1,
+            className: "bg-card text-card-foreground border-border space-y-4 rounded-xl border p-5",
+            children: [
+              /* @__PURE__ */ a.jsxs("div", { className: "space-y-1 text-sm", children: [
+                /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ a.jsx("p", { className: "font-medium", children: r.name }),
+                  r.default && /* @__PURE__ */ a.jsx(Me, { variant: "secondary", children: e("default") })
+                ] }),
+                /* @__PURE__ */ a.jsx("p", { children: r.street1 }),
+                r.street2 && /* @__PURE__ */ a.jsx("p", { children: r.street2 }),
+                /* @__PURE__ */ a.jsx("p", { children: [r.city, r.state, r.zip].filter(Boolean).join(", ") }),
+                /* @__PURE__ */ a.jsx("p", { children: r.country })
+              ] }),
+              /* @__PURE__ */ a.jsxs("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ a.jsx(
+                  P,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: () => u(r),
+                    children: e("edit_address")
+                  }
+                ),
+                !r.default && /* @__PURE__ */ a.jsx(
+                  P,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => {
+                      t.reset(), p(r);
+                    },
+                    children: e("delete_address")
+                  }
+                )
+              ] })
+            ]
+          },
+          r.id
+        )),
+        /* @__PURE__ */ a.jsx(P, { onClick: () => u(null), children: e("add_address") }),
+        d !== void 0 && /* @__PURE__ */ a.jsx(
+          nt,
+          {
+            isOpen: !0,
+            selectedAddress: d ? me(d) : null,
+            onClose: () => {
+              u(void 0), s();
+            }
+          }
+        ),
+        /* @__PURE__ */ a.jsx(
+          Re,
+          {
+            title: e("delete_address"),
+            description: e("delete_address_message"),
+            actionText: e("delete"),
+            openDialog: h !== null,
+            setOpenDialog: (r) => {
+              !r && !t.isPending && (p(null), s());
+            },
+            isLoading: t.isPending,
+            errorMsg: t.error ? e("unable_to_delete_address") : void 0,
+            onAction: () => {
+              !h || t.isPending || t.mutate(h.id, {
+                onSuccess: () => {
+                  p(null), s();
+                }
+              });
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function st() {
+  const e = O();
+  return B({
+    queryKey: ["memberStorefront", "profile", "points"],
+    queryFn: async () => {
+      try {
+        return await e.fetchPointsLedgers();
+      } catch (i) {
+        if (typeof i == "object" && i !== null && "status" in i && i.status === 403)
+          return null;
+        throw i;
+      }
+    }
+  });
+}
+function $r() {
+  const { t: e } = M(), { locale: i } = D(), t = st(), l = ce();
+  if (t.error) throw t.error;
+  if (t.isPending || !l.data)
+    return /* @__PURE__ */ a.jsx("p", { role: "status", children: e("profile_loading") });
+  if (!t.data)
+    return /* @__PURE__ */ a.jsx("p", { role: "status", children: e("profile_points_unavailable") });
+  const d = t.data.points_ledgers, u = d[0]?.total_balance ?? 0, h = u === 1 ? l.data.reward_points_label_singular : l.data.reward_points_label_plural, p = l.data.reward_points_label_plural, s = h.charAt(0).toLocaleUpperCase(i) + h.slice(1), r = p.charAt(0).toLocaleUpperCase(i) + p.slice(1), n = new Intl.NumberFormat(i), o = new Intl.DateTimeFormat(i, { dateStyle: "medium" });
+  return /* @__PURE__ */ a.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ a.jsxs("section", { className: "bg-card text-card-foreground border-border space-y-2 rounded-xl border p-6", children: [
+      /* @__PURE__ */ a.jsx("h2", { className: "text-muted-foreground text-sm", children: e("points_available", { label: s }) }),
+      /* @__PURE__ */ a.jsx("p", { className: "text-4xl font-semibold tabular-nums", children: n.format(u) })
+    ] }),
+    /* @__PURE__ */ a.jsxs("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ a.jsx("h2", { className: "font-semibold", children: e("points_history", { label: r }) }),
+      d.length ? /* @__PURE__ */ a.jsx("ol", { className: "border-border divide-border divide-y rounded-xl border", children: d.map((c) => /* @__PURE__ */ a.jsxs(
+        "li",
+        {
+          className: "flex items-center justify-between gap-4 p-4",
+          children: [
+            /* @__PURE__ */ a.jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ a.jsx("p", { className: "text-sm font-medium", children: c.metadata?.transaction_type === "order_refund" ? e("profile_points_refunded", { label: r }) : e(
+                c.amount > 0 ? "points_awarded" : "points_redeemed",
+                { label: r }
+              ) }),
+              /* @__PURE__ */ a.jsx(
+                "time",
+                {
+                  className: "text-muted-foreground text-xs",
+                  dateTime: c.created_at,
+                  children: o.format(new Date(c.created_at))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a.jsxs("span", { className: "font-medium tabular-nums", children: [
+              c.amount > 0 ? "+" : "",
+              n.format(c.amount)
+            ] })
+          ]
+        },
+        c.id
+      )) }) : /* @__PURE__ */ a.jsx("p", { className: "text-muted-foreground text-sm", children: e("no_points_history_found", { label: r }) })
+    ] })
+  ] });
+}
+function qr({
+  children: e
+}) {
+  const i = v.useRef(null), [t, l] = v.useState(null);
+  return v.useEffect(() => {
+    if (!i.current) return;
+    const d = zt(i.current);
+    return l(d), () => d.remove();
+  }, []), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx("span", { ref: i, hidden: !0 }),
+    t && yt.createPortal(
+      /* @__PURE__ */ a.jsx(vt, { container: t, children: e }),
+      t
+    )
+  ] });
+}
+function Qr({
+  onClose: e
+}) {
+  const i = fe(), { t } = M(), { isMobile: l } = K();
+  return /* @__PURE__ */ a.jsx(qr, { children: i.data ? /* @__PURE__ */ a.jsx(
+    Vr,
+    {
+      initialAddresses: i.data.addresses,
+      onClose: e
+    }
+  ) : /* @__PURE__ */ a.jsxs(
+    Fe,
+    {
+      open: !0,
+      onOpenChange: (d) => {
+        d || e();
+      },
+      title: t("add_payment_method"),
+      presentation: l ? "bottom-sheet" : "dialog",
+      children: [
+        /* @__PURE__ */ a.jsx("p", { role: i.error ? "alert" : "status", children: t(i.error ? "unexpected_error" : "profile_loading") }),
+        i.error && /* @__PURE__ */ a.jsx(
+          P,
+          {
+            disabled: i.isFetching,
+            onClick: () => {
+              i.refetch();
+            },
+            children: t("profile_try_again")
+          }
+        )
+      ]
+    }
+  ) });
+}
+function Vr({
+  initialAddresses: e,
+  onClose: i
+}) {
+  const { t } = M(), { isMobile: l } = K(), d = O(), u = $(), [h, p] = v.useState(), s = v.useMemo(() => Tt(d), [d]), [r] = v.useState(
+    () => e.map(me)
+  );
+  async function n() {
+    await u.invalidateQueries({ queryKey: Y.paymentMethods.all }), i();
+  }
+  const o = Bt({
+    payApi: d,
+    t: (f) => t(f),
+    onApproved: n,
+    onFailed: p,
+    onCanceled: () => {
+    }
+  }), c = q({
+    mutationFn: (f) => d.createPaymentMethod({
+      payment_method: {
+        ...f.payment_method,
+        type: "card",
+        token_provider: qt,
+        default: f.set_as_default
+      },
+      billing_address_id: f.billing_address_id,
+      browser_info: $t()
+    }),
+    onSuccess: async (f) => {
+      Ut(f) ? await o.begin(f) : await n();
+    },
+    onError: () => p(t("failed_to_add_payment_method"))
+  });
+  return /* @__PURE__ */ a.jsxs(Qt, { api: s, children: [
+    /* @__PURE__ */ a.jsx(
+      Vt,
+      {
+        isOpen: !0,
+        jwt: "",
+        savedAddresses: r,
+        defaultBillingAddressId: r.find((f) => f.default)?.id,
+        presentation: l ? "bottom-sheet" : "dialog",
+        t: (f) => t(f),
+        error: h,
+        isSubmitting: c.isPending || o.isActive,
+        preventClose: c.isPending || o.isActive,
+        onClose: () => {
+          !c.isPending && !o.isActive && i();
+        },
+        onSubmit: (f) => {
+          c.isPending || o.isActive || (p(void 0), c.mutate(f));
+        },
+        renderAddressFormDialog: ({
+          isOpen: f,
+          onClose: m,
+          onAddressCreated: g
+        }) => f ? /* @__PURE__ */ a.jsx(
+          nt,
+          {
+            isOpen: !0,
+            onClose: m,
+            selectedAddress: null,
+            onAddressCreated: g
+          }
+        ) : null
+      }
+    ),
+    o.modal
+  ] });
+}
+function at() {
+  const e = O();
+  return B({
+    queryKey: Y.paymentMethods.list(),
+    queryFn: () => e.fetchPaymentMethods()
+  });
+}
+function it() {
+  const e = O(), i = $();
+  return q({
+    mutationFn: ({ id: t, body: l }) => e.updatePaymentMethod(t, l),
+    onSuccess: () => i.invalidateQueries({ queryKey: Y.paymentMethods.all })
+  });
+}
+function Hr() {
+  const e = O(), i = $();
+  return q({
+    mutationFn: (t) => e.deletePaymentMethod(t),
+    onSuccess: () => i.invalidateQueries({ queryKey: Y.paymentMethods.all })
+  });
+}
+function Kr({
+  card: e,
+  onClose: i
+}) {
+  const { t } = M(), { locale: l } = D(), { isMobile: d } = K(), u = rt(!0), h = it(), p = v.useMemo(() => Ht(e), [e]), s = v.useCallback(
+    (r) => Promise.resolve(
+      u.data?.countries.find((n) => n.code === r)?.states.map((n) => ({
+        name: n.name,
+        isoCode: n.code
+      })) ?? []
+    ),
+    [u.data]
+  );
+  if (u.error) throw u.error;
+  return u.isPending ? /* @__PURE__ */ a.jsx("p", { role: "status", children: t("profile_loading") }) : /* @__PURE__ */ a.jsx(
+    Kt,
+    {
+      isOpen: !0,
+      paymentMethod: p,
+      billingAddress: p.billing_address,
+      countries: u.data?.countries.map((r) => ({
+        iso: r.code,
+        name: r.name
+      })),
+      fetchStates: s,
+      languageIso: l,
+      presentation: d ? "bottom-sheet" : "dialog",
+      isSubmitting: h.isPending,
+      error: h.error ? t("failed_to_update_payment_method") : void 0,
+      onClose: () => {
+        h.isPending || i();
+      },
+      onSubmit: (r) => {
+        if (h.isPending) return;
+        const n = r.billing_address;
+        h.mutate(
+          {
+            id: e.id,
+            body: {
+              payment_method: {
+                default: r.set_as_default,
+                billing_address: {
+                  name: n.name,
+                  street1: n.address1,
+                  street2: n.address2,
+                  city: n.city,
+                  state: n.state,
+                  zip: n.zip,
+                  country: n.country_code
+                }
+              }
+            }
+          },
+          { onSuccess: i }
+        );
+      }
+    }
+  );
+}
+function Gr() {
+  const { t: e } = M(), { preview: i } = le(), t = at(), l = it(), d = Hr(), u = v.useRef(null), h = v.useRef(null), [p, s] = v.useState(!1), [r, n] = v.useState(null), [o, c] = v.useState(null);
+  function f() {
+    requestAnimationFrame(() => {
+      (u.current?.isConnected ? u.current : h.current?.querySelector("button") ?? h.current)?.focus();
+    });
+  }
+  return /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      ref: h,
+      role: "region",
+      tabIndex: -1,
+      "aria-label": e("payment_methods"),
+      className: "space-y-4 outline-none",
+      children: [
+        t.isPending && /* @__PURE__ */ a.jsx("p", { role: "status", children: e("profile_loading") }),
+        t.error && /* @__PURE__ */ a.jsxs("div", { role: "alert", className: "space-y-3", children: [
+          /* @__PURE__ */ a.jsx("p", { children: e("profile_payments_load_failed") }),
+          /* @__PURE__ */ a.jsx(
+            P,
+            {
+              variant: "outline",
+              disabled: t.isFetching,
+              onClick: () => {
+                t.refetch();
+              },
+              children: e("profile_payments_retry")
+            }
+          )
+        ] }),
+        t.data?.payment_methods.length === 0 && /* @__PURE__ */ a.jsx("p", { className: "text-muted-foreground text-sm", children: e("profile_no_saved_cards") }),
+        t.data?.payment_methods.map((m) => /* @__PURE__ */ a.jsxs(
+          "section",
+          {
+            className: "bg-card text-card-foreground border-border space-y-4 rounded-xl border p-5",
+            children: [
+              /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+                /* @__PURE__ */ a.jsx("h2", { className: "font-medium", children: e("profile_card_ending", {
+                  brand: m.brand || e("card_fallback"),
+                  lastFour: m.last_four
+                }) }),
+                m.default && /* @__PURE__ */ a.jsx(Me, { variant: "secondary", children: e("default") })
+              ] }),
+              m.exp_month !== null && m.exp_year !== null && /* @__PURE__ */ a.jsxs("p", { className: "text-muted-foreground text-sm", children: [
+                e("card_expires"),
+                " ",
+                m.exp_month,
+                "/",
+                m.exp_year
+              ] }),
+              /* @__PURE__ */ a.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+                /* @__PURE__ */ a.jsx(
+                  P,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: (g) => {
+                      u.current = g.currentTarget, n(m);
+                    },
+                    disabled: i || l.isPending || d.isPending,
+                    children: e("edit_card")
+                  }
+                ),
+                !m.default && /* @__PURE__ */ a.jsx(
+                  P,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    disabled: i || l.isPending || d.isPending,
+                    onClick: () => {
+                      l.isPending || l.mutate({
+                        id: m.id,
+                        body: { payment_method: { default: !0 } }
+                      });
+                    },
+                    children: e("set_as_default_payment_method")
+                  }
+                ),
+                /* @__PURE__ */ a.jsx(
+                  P,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    disabled: i || l.isPending || d.isPending,
+                    onClick: (g) => {
+                      u.current = g.currentTarget, d.reset(), c(m);
+                    },
+                    children: e("delete_card")
+                  }
+                )
+              ] })
+            ]
+          },
+          m.id
+        )),
+        l.error && /* @__PURE__ */ a.jsx("p", { role: "alert", className: "text-destructive text-sm", children: e("failed_to_set_default_payment_method") }),
+        /* @__PURE__ */ a.jsx(
+          P,
+          {
+            onClick: (m) => {
+              u.current = m.currentTarget, s(!0);
+            },
+            disabled: i || l.isPending || d.isPending,
+            children: e("add_payment_method")
+          }
+        ),
+        p && /* @__PURE__ */ a.jsx(
+          Qr,
+          {
+            onClose: () => {
+              s(!1), f();
+            }
+          }
+        ),
+        r && /* @__PURE__ */ a.jsx(
+          Kr,
+          {
+            card: r,
+            onClose: () => {
+              n(null), f();
+            }
+          }
+        ),
+        /* @__PURE__ */ a.jsx(
+          Re,
+          {
+            title: e("delete_credit_card"),
+            description: e("delete_credit_card_message"),
+            actionText: e("delete"),
+            openDialog: o !== null,
+            setOpenDialog: (m) => {
+              !m && !d.isPending && (c(null), f());
+            },
+            isLoading: d.isPending,
+            errorMsg: d.error ? e("unable_to_delete_payment_method") : void 0,
+            onAction: () => {
+              o && !d.isPending && d.mutate(o.id, {
+                onSuccess: () => {
+                  c(null), f();
+                }
+              });
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function he({
+  icon: e,
+  label: i,
+  detail: t,
+  busy: l,
+  onOpen: d,
+  triggerRef: u
+}) {
+  return /* @__PURE__ */ a.jsxs(
+    "button",
+    {
+      type: "button",
+      ref: u,
+      onClick: d,
+      className: "bg-card text-card-foreground border-border hover:bg-muted focus-visible:ring-ring flex min-h-20 w-full items-center gap-4 rounded-xl border p-5 text-left focus-visible:ring-2",
+      children: [
+        /* @__PURE__ */ a.jsx(e, { "aria-hidden": "true", className: "size-5" }),
+        /* @__PURE__ */ a.jsxs("span", { className: "flex-1 space-y-1", children: [
+          /* @__PURE__ */ a.jsx("span", { className: "block font-medium", children: i }),
+          /* @__PURE__ */ a.jsx(
+            "span",
+            {
+              className: "text-muted-foreground block text-sm",
+              role: l ? "status" : void 0,
+              children: t
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a.jsx(
+          Ae,
+          {
+            "aria-hidden": "true",
+            className: "text-muted-foreground size-4"
+          }
+        )
+      ]
+    }
+  );
+}
+function pe({
+  message: e,
+  retryLabel: i,
+  isRetrying: t,
+  onRetry: l
+}) {
+  return /* @__PURE__ */ a.jsxs("div", { role: "alert", className: "border-border space-y-3 rounded-xl border p-5", children: [
+    /* @__PURE__ */ a.jsx("p", { className: "text-sm", children: e }),
+    /* @__PURE__ */ a.jsx(
+      P,
+      {
+        variant: "outline",
+        size: "sm",
+        disabled: t,
+        onClick: l,
+        children: i
+      }
+    )
+  ] });
+}
+function Yr({
+  onOpen: e,
+  triggerRef: i
+}) {
+  const { t } = M(), l = at(), d = l.data?.payment_methods.find((u) => u.default);
+  return l.error ? /* @__PURE__ */ a.jsx(
+    pe,
+    {
+      message: t("profile_payments_load_failed"),
+      retryLabel: t("profile_payments_retry"),
+      isRetrying: l.isFetching,
+      onRetry: () => void l.refetch()
+    }
+  ) : /* @__PURE__ */ a.jsx(
+    he,
+    {
+      icon: Ie,
+      label: t("profile_default_payment"),
+      detail: l.isPending ? t("profile_loading") : d ? t("profile_card_ending", {
+        brand: d.brand || t("card_fallback"),
+        lastFour: d.last_four
+      }) : t("profile_no_default_payment"),
+      busy: l.isPending,
+      onOpen: e,
+      triggerRef: i
+    }
+  );
+}
+function ot(e, i, t) {
+  const l = {
+    dateStyle: "medium",
+    ...t ? { timeZone: t } : {}
+  };
+  try {
+    return new Intl.DateTimeFormat(i, l).format(e);
+  } catch {
+    return new Intl.DateTimeFormat("en-US", l).format(e);
+  }
+}
+function Wr(e, i) {
+  if (!e) return null;
+  const t = new Date(e);
+  return Number.isNaN(t.getTime()) ? null : ot(t, i);
+}
+function Xr(e, i) {
+  if (!e) return null;
+  const t = /* @__PURE__ */ new Date(`${e.slice(0, 10)}T00:00:00Z`);
+  return Number.isNaN(t.getTime()) ? null : ot(t, i, "UTC");
+}
+const Zr = ee({
+  subscription: ee({
+    token: F(),
+    plan_name: F().nullish(),
+    next_billing_date: F().nullish()
+  }).nullish()
+});
+async function Jr(e = jt) {
+  const i = await e(
+    "/api/member-storefront/subscriptions/next",
+    {
+      headers: { Accept: "application/json" },
+      credentials: "same-origin"
+    }
+  );
+  if (!i.ok)
+    throw new Error(`Next subscription request failed (${i.status})`);
+  const { subscription: t } = Zr.parse(await i.json());
+  return t ? {
+    token: t.token,
+    planName: t.plan_name ?? null,
+    nextBillingDate: t.next_billing_date ?? null
+  } : null;
+}
+function en() {
+  const e = St(), i = v.useMemo(() => Et(e), [e]);
+  return B({
+    queryKey: ["memberStorefront", "profile", "latest-order"],
+    queryFn: async () => (await i.fetchCustomerOrders({ limit: 1 })).orders[0] ?? null
+  });
+}
+function tn() {
+  const { fetch: e } = le();
+  return B({
+    queryKey: ["memberStorefront", "profile", "next-subscription"],
+    queryFn: () => Jr(e)
+  });
+}
+function rn({
+  onOpen: e,
+  triggerRef: i
+}) {
+  const { t } = M(), { locale: l } = D(), d = en();
+  if (d.error)
+    return /* @__PURE__ */ a.jsx(
+      pe,
+      {
+        message: t("profile_orders_load_failed"),
+        retryLabel: t("profile_orders_retry"),
+        isRetrying: d.isFetching,
+        onRetry: () => void d.refetch()
+      }
+    );
+  const u = d.data, h = d.isPending ? t("profile_loading") : u ? [
+    u.order_number ? `#${u.order_number}` : null,
+    Wr(u.created_at, l)
+  ].filter(Boolean).join(" · ") || t("profile_view_orders") : t("profile_no_orders");
+  return /* @__PURE__ */ a.jsx(
+    he,
+    {
+      icon: Le,
+      label: t("profile_latest_order"),
+      detail: h,
+      busy: d.isPending,
+      onOpen: () => e(u?.token ?? null),
+      triggerRef: i
+    }
+  );
+}
+function nn({
+  onOpen: e,
+  triggerRef: i
+}) {
+  const { t } = M(), { locale: l } = D(), d = tn();
+  if (d.error)
+    return /* @__PURE__ */ a.jsx(
+      pe,
+      {
+        message: t("profile_subscription_load_failed"),
+        retryLabel: t("profile_subscription_retry"),
+        isRetrying: d.isFetching,
+        onRetry: () => void d.refetch()
+      }
+    );
+  const u = d.data, h = Xr(u?.nextBillingDate, l), p = d.isPending ? t("profile_loading") : u ? [
+    u.planName,
+    h ? t("profile_next_bill_on", { date: h }) : null
+  ].filter(Boolean).join(" · ") || t("profile_view_subscriptions") : t("profile_no_next_subscription");
+  return /* @__PURE__ */ a.jsx(
+    he,
+    {
+      icon: ke,
+      label: t("profile_next_subscription"),
+      detail: p,
+      busy: d.isPending,
+      onOpen: () => e(u?.token ?? null),
+      triggerRef: i
+    }
+  );
+}
+function sn({
+  onOpenPayment: e,
+  paymentTriggerRef: i,
+  onOpenOrder: t,
+  orderTriggerRef: l,
+  onOpenSubscription: d,
+  subscriptionTriggerRef: u
+}) {
+  const { t: h } = M();
+  return /* @__PURE__ */ a.jsxs("section", { "aria-label": h("profile_at_a_glance"), className: "space-y-3", children: [
+    /* @__PURE__ */ a.jsx("h2", { className: "text-muted-foreground text-sm font-medium", children: h("profile_at_a_glance") }),
+    /* @__PURE__ */ a.jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ a.jsx(
+        Yr,
+        {
+          onOpen: e,
+          triggerRef: i
+        }
+      ),
+      /* @__PURE__ */ a.jsx(rn, { onOpen: t, triggerRef: l }),
+      /* @__PURE__ */ a.jsx(
+        nn,
+        {
+          onOpen: d,
+          triggerRef: u
+        }
+      )
+    ] })
+  ] });
+}
+function an({
+  initialLanguage: e
+}) {
+  const { t: i } = M(), t = et(), l = tt(), [d, u] = v.useState(e);
+  if (t.error) throw t.error;
+  return /* @__PURE__ */ a.jsxs(
+    "form",
+    {
+      className: "bg-card border-border space-y-5 rounded-xl border p-6",
+      onSubmit: (h) => {
+        h.preventDefault(), !(!d || l.isPending) && l.mutate(
+          { language_iso: d },
+          {
+            onSuccess: () => oe({ title: i("profile_updated"), type: "success" })
+          }
+        );
+      },
+      children: [
+        /* @__PURE__ */ a.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ a.jsx(wt, { htmlFor: "profile-language", children: i("language") }),
+          /* @__PURE__ */ a.jsx("p", { className: "text-muted-foreground text-sm", children: i("profile_language_hint") }),
+          /* @__PURE__ */ a.jsxs(
+            "select",
+            {
+              id: "profile-language",
+              className: "border-input bg-background text-foreground focus-visible:ring-ring h-10 w-full rounded-md border px-3 text-sm focus-visible:ring-2",
+              value: d,
+              onChange: (h) => u(h.target.value),
+              disabled: t.isPending || l.isPending,
+              required: !0,
+              children: [
+                /* @__PURE__ */ a.jsx("option", { value: "", children: i("select_an_option") }),
+                t.data?.map((h) => /* @__PURE__ */ a.jsx("option", { value: h.code, children: h.name }, h.code))
+              ]
+            }
+          )
+        ] }),
+        l.error && /* @__PURE__ */ a.jsx("p", { role: "alert", className: "text-destructive text-sm", children: i("failed_to_update_profile") }),
+        /* @__PURE__ */ a.jsx(
+          P,
+          {
+            type: "submit",
+            disabled: !d || t.isPending || l.isPending,
+            children: l.isPending ? i("saving") : i("save_changes")
+          }
+        )
+      ]
+    }
+  );
+}
+function on() {
+  const { t: e } = M(), i = Pe(), t = ce(), { currentSlug: l, navigate: d } = ie(), { preview: u } = le(), h = st(), { locale: p } = D(), s = v.useRef(""), r = v.useRef({});
+  if (i.error) throw i.error;
+  if (t.error) throw t.error;
+  if (!i.data || !t.data)
+    return /* @__PURE__ */ a.jsx("p", { role: "status", className: "text-muted-foreground p-6", children: e("profile_loading") });
+  const n = i.data, o = `${n.first_name} ${n.last_name}`.trim() || e("account_fallback"), c = Cr(n), f = l === "profile/language", m = l === "profile/addresses", g = l === "profile/payment-methods", x = l === "profile/points", N = l === "profile/orders" || l.startsWith("profile/orders/"), j = l === "profile/subscriptions" || l.startsWith("profile/subscriptions/"), _ = N || j, w = l === "profile/orders" || l === "profile/subscriptions", E = t.data.reward_points_label_plural, I = E.charAt(0).toLocaleUpperCase(p) + E.slice(1), A = [
+    {
+      slug: "profile/information",
+      label: e("personal_information"),
+      icon: or,
+      dialog: !0
+    },
+    {
+      slug: "profile/payment-methods",
+      label: e("payment_methods"),
+      icon: Ie
+    },
+    { slug: "profile/addresses", label: e("shipping_addresses"), icon: Zt },
+    {
+      slug: "orders",
+      label: e("orders"),
+      icon: Le
+    },
+    {
+      slug: "subscriptions",
+      label: e("subscriptions"),
+      icon: ke
+    },
+    {
+      slug: "profile/language",
+      label: e("language"),
+      icon: rr,
+      value: n.language_iso?.toUpperCase()
+    },
+    ...h.data ? [
+      {
+        slug: "profile/points",
+        label: I,
+        icon: ar,
+        value: new Intl.NumberFormat(p).format(
+          h.data.points_ledgers[0]?.total_balance ?? 0
+        )
+      }
+    ] : []
+  ];
+  function L() {
+    const y = s.current || l;
+    d("profile"), requestAnimationFrame(
+      () => (r.current[y] ?? r.current[l])?.focus()
+    );
+  }
+  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(Ct, { children: /* @__PURE__ */ a.jsx("span", { className: "text-lg font-semibold", children: e("breadcrumb") }) }),
+    _ ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      w && /* @__PURE__ */ a.jsx("div", { className: "px-5 pt-6 md:px-8", children: /* @__PURE__ */ a.jsxs(P, { variant: "ghost", onClick: L, children: [
+        /* @__PURE__ */ a.jsx(je, { "aria-hidden": "true", className: "size-4" }),
+        e("profile_back")
+      ] }) }),
+      /* @__PURE__ */ a.jsx(Or, { children: N ? /* @__PURE__ */ a.jsx(At, {}) : /* @__PURE__ */ a.jsx(kr, {}) })
+    ] }) : /* @__PURE__ */ a.jsxs("main", { className: "mx-auto w-full max-w-3xl space-y-8 p-4 sm:p-8", children: [
+      f || m || x || g ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+        /* @__PURE__ */ a.jsxs(P, { variant: "ghost", onClick: L, children: [
+          /* @__PURE__ */ a.jsx(je, { "aria-hidden": "true", className: "size-4" }),
+          e("profile_back")
+        ] }),
+        /* @__PURE__ */ a.jsx("h1", { className: "text-2xl font-semibold", children: x ? I : e(
+          g ? "payment_methods" : m ? "shipping_addresses" : "language"
+        ) }),
+        g ? /* @__PURE__ */ a.jsx(Gr, {}) : m ? /* @__PURE__ */ a.jsx(Ur, {}) : x ? /* @__PURE__ */ a.jsx($r, {}) : /* @__PURE__ */ a.jsx(an, { initialLanguage: n.language_iso ?? "" })
+      ] }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+        /* @__PURE__ */ a.jsxs(
+          "section",
+          {
+            "aria-label": e("personal_information"),
+            className: c ? "bg-card text-card-foreground border-border rounded-2xl border p-6" : "py-4",
+            children: [
+              /* @__PURE__ */ a.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4 sm:gap-6", children: [
+                /* @__PURE__ */ a.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
+                  /* @__PURE__ */ a.jsxs(br, { className: "size-12 shrink-0 sm:size-16", children: [
+                    /* @__PURE__ */ a.jsx(
+                      yr,
+                      {
+                        src: n.avatar_url ?? void 0,
+                        alt: ""
+                      }
+                    ),
+                    /* @__PURE__ */ a.jsx(vr, { children: `${n.first_name[0] ?? ""}${n.last_name[0] ?? ""}` })
+                  ] }),
+                  /* @__PURE__ */ a.jsxs("div", { className: "min-w-0 space-y-1", children: [
+                    c && /* @__PURE__ */ a.jsx("p", { className: "text-muted-foreground text-xs font-medium", children: e("member_of", { company: t.data.name }) }),
+                    /* @__PURE__ */ a.jsx("h1", { className: "text-xl font-semibold tracking-tight break-words sm:text-2xl", children: o }),
+                    /* @__PURE__ */ a.jsx("p", { className: "text-muted-foreground text-sm break-all", children: n.email })
+                  ] })
+                ] }),
+                c && n.mysite_url && /* @__PURE__ */ a.jsx(
+                  "a",
+                  {
+                    href: n.mysite_url,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    "aria-label": e("profile_qr_code"),
+                    className: "bg-background text-foreground border-border focus-visible:ring-ring rounded-lg border p-2 focus-visible:ring-2",
+                    children: /* @__PURE__ */ a.jsx(
+                      Je,
+                      {
+                        value: n.mysite_url,
+                        size: 80,
+                        bgColor: "var(--background)",
+                        fgColor: "var(--foreground)"
+                      }
+                    )
+                  }
+                )
+              ] }),
+              n.bio && /* @__PURE__ */ a.jsx("p", { className: "text-muted-foreground mt-5 text-sm leading-relaxed", children: n.bio })
+            ]
+          }
+        ),
+        /* @__PURE__ */ a.jsxs(
+          "section",
+          {
+            "aria-labelledby": "profile-preferences",
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ a.jsx(
+                "h2",
+                {
+                  id: "profile-preferences",
+                  className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase",
+                  children: e("account_preferences")
+                }
+              ),
+              /* @__PURE__ */ a.jsx("div", { className: "border-border divide-border divide-y overflow-hidden rounded-xl border", children: A.map((y) => /* @__PURE__ */ a.jsxs(
+                "button",
+                {
+                  type: "button",
+                  ref: (Q) => {
+                    r.current[y.slug] = Q;
+                  },
+                  "aria-haspopup": y.dialog ? "dialog" : void 0,
+                  "aria-expanded": y.dialog ? l === y.slug : void 0,
+                  onClick: () => {
+                    s.current = y.slug, d(y.slug);
+                  },
+                  className: "bg-card text-card-foreground hover:bg-muted focus-visible:ring-ring flex min-h-16 w-full items-center gap-4 px-5 py-4 text-left focus-visible:ring-2",
+                  children: [
+                    /* @__PURE__ */ a.jsx(y.icon, { "aria-hidden": "true", className: "size-5" }),
+                    /* @__PURE__ */ a.jsx("span", { className: "flex-1 font-medium", children: y.label }),
+                    y.value && /* @__PURE__ */ a.jsx("span", { className: "text-muted-foreground text-sm tabular-nums", children: y.value }),
+                    /* @__PURE__ */ a.jsx(
+                      Ae,
+                      {
+                        "aria-hidden": "true",
+                        className: "text-muted-foreground size-4"
+                      }
+                    )
+                  ]
+                },
+                y.slug
+              )) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ a.jsx(
+          sn,
+          {
+            paymentTriggerRef: (y) => {
+              r.current["profile/default-payment"] = y;
+            },
+            onOpenPayment: () => {
+              s.current = "profile/default-payment", d("profile/payment-methods");
+            },
+            orderTriggerRef: (y) => {
+              r.current["profile/latest-order"] = y;
+            },
+            onOpenOrder: (y) => {
+              s.current = "profile/latest-order", d(y ? `orders/${y}` : "orders");
+            },
+            subscriptionTriggerRef: (y) => {
+              r.current["profile/next-subscription"] = y;
+            },
+            onOpenSubscription: (y) => {
+              s.current = "profile/next-subscription", d(y ? `subscriptions/${y}` : "subscriptions");
+            }
+          }
+        ),
+        h.error && /* @__PURE__ */ a.jsxs(
+          "div",
+          {
+            role: "alert",
+            className: "border-border space-y-3 rounded-xl border p-4",
+            children: [
+              /* @__PURE__ */ a.jsx("p", { className: "text-sm", children: e("profile_points_load_failed") }),
+              /* @__PURE__ */ a.jsx(
+                P,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  disabled: h.isFetching,
+                  onClick: () => {
+                    h.refetch().then((y) => {
+                      y.isSuccess && requestAnimationFrame(
+                        () => (r.current["profile/points"] ?? r.current["profile/information"])?.focus()
+                      );
+                    });
+                  },
+                  children: e("profile_points_retry")
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ a.jsxs(
+          "a",
+          {
+            href: u ? void 0 : new URL("/auth/sign_out", window.location.origin).href,
+            "aria-disabled": u || void 0,
+            tabIndex: u ? -1 : void 0,
+            className: "text-muted-foreground hover:text-foreground focus-visible:ring-ring flex min-h-11 items-center gap-3 rounded-md px-1 text-sm focus-visible:ring-2",
+            children: [
+              /* @__PURE__ */ a.jsx(Jt, { "aria-hidden": "true", className: "size-4" }),
+              e("sign_out")
+            ]
+          }
+        )
+      ] }),
+      l === "profile/information" && /* @__PURE__ */ a.jsx(zr, { account: n, onClose: L })
+    ] })
+  ] });
+}
+function wn() {
+  return /* @__PURE__ */ a.jsx(Pt, { children: /* @__PURE__ */ a.jsx(on, {}) });
+}
+export {
+  wn as default
+};