@asteby/storefront-react 0.24.0 → 0.26.0

package/dist/account.cjs

@@ -655,8 +655,8 @@ function AccountAuth({ capabilities, data, next, pending = false, initialView, f
   const [email, setEmail] = react.useState(data?.email ?? "");
   const ref = react.useRef(null);
   const serverFields = data?.error?.field ? [data.error.field] : null;
-  const errorText = data?.error ? m.errors[data.error.code] : null;
-  const v = useFieldErrors(ref, { ...locale ? { locale } : {}, serverFields, serverMessages: data?.error?.field && errorText ? { [data.error.field]: errorText } : null });
+  const errorText2 = data?.error ? m.errors[data.error.code] : null;
+  const v = useFieldErrors(ref, { ...locale ? { locale } : {}, serverFields, serverMessages: data?.error?.field && errorText2 ? { [data.error.field]: errorText2 } : null });
   react.useEffect(() => {
     if (data?.step) setView(data.step);
     if (data?.email) setEmail(data.email);
@@ -742,7 +742,7 @@ function AccountAuth({ capabilities, data, next, pending = false, initialView, f
     /* @__PURE__ */ jsxRuntime.jsx("h1", { id: "sf-account-title", className: cx.title, children: title }),
     /* @__PURE__ */ jsxRuntime.jsxs(FormTag, { ref, method: "post", ...action ? { action } : {}, className: cx.form, "data-sf-account-form": true, children: [
       /* @__PURE__ */ jsxRuntime.jsx(ErrorSummary, { items: v.summary, focusKey: v.summaryKey, ...locale ? { locale } : {} }),
-      errorText && showSummary ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: cx.error, "data-sf-account-error": data.error.code, children: errorText }) : null,
+      errorText2 && showSummary ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: cx.error, "data-sf-account-error": data.error.code, children: errorText2 }) : null,
       next ? /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: "next", value: next }) : null,
       body,
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.actions, children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", name: "intent", value: intent, disabled: pending, className: cx.submit, "data-sf-account-submit": true, children: m.submit[view] }) }),
@@ -825,8 +825,8 @@ function PostPurchaseAccountPrompt({
   const ref = react.useRef(null);
   const passwordOn = capabilities.password;
   const otpOn = capabilities.otp_channels.includes("email");
-  const errorText = data?.error ? m.errors[data.error.code] : null;
-  const v = useFieldErrors(ref, { ...locale ? { locale } : {}, serverFields: data?.error?.field === "code" || data?.error?.field === "password" ? [data.error.field] : null, serverMessages: data?.error?.field && errorText ? { [data.error.field]: errorText } : null });
+  const errorText2 = data?.error ? m.errors[data.error.code] : null;
+  const v = useFieldErrors(ref, { ...locale ? { locale } : {}, serverFields: data?.error?.field === "code" || data?.error?.field === "password" ? [data.error.field] : null, serverMessages: data?.error?.field && errorText2 ? { [data.error.field]: errorText2 } : null });
   if (!validEmail(email) || !passwordOn && !otpOn) return null;
   const address = email.trim().toLowerCase();
   const step = data?.step === "verify" || data?.step === "otp" ? data.step : null;
@@ -835,14 +835,14 @@ function PostPurchaseAccountPrompt({
   const label = view === "verify" || view === "otp" ? m.submitCode : view === "otp-request" ? m.submitOtp : m.submit;
   const Heading = `h${headingLevel}`;
   const fieldProps = { classNames: cx.field, ...locale ? { locale } : {} };
-  const showAlert = errorText && !(data?.error?.field === "code" || data?.error?.field === "password");
+  const showAlert = errorText2 && !(data?.error?.field === "code" || data?.error?.field === "password");
   const benefit = (capabilities.email_verification ? m.benefit : m.benefitBasic).replace("{email}", address);
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx.root, "data-sf-ppa": true, "data-sf-ppa-view": view, "aria-labelledby": "sf-ppa-title", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Heading, { id: "sf-ppa-title", className: cx.title, children: m.title }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.text, "data-sf-ppa-benefit": true, children: benefit }),
     /* @__PURE__ */ jsxRuntime.jsxs(FormTag, { ref, method: "post", ...action ? { action } : {}, className: cx.form, "data-sf-ppa-form": true, children: [
       /* @__PURE__ */ jsxRuntime.jsx(ErrorSummary, { items: v.summary, focusKey: v.summaryKey, ...locale ? { locale } : {} }),
-      showAlert ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: cx.error, "data-sf-ppa-error": data.error.code, children: errorText }) : null,
+      showAlert ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: cx.error, "data-sf-ppa-error": data.error.code, children: errorText2 }) : null,
       /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: "email", value: address }),
       next ? /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: "next", value: next }) : null,
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.email, "data-sf-ppa-email": true, children: m.accountFor.replace("{email}", address) }),
@@ -1752,6 +1752,10 @@ function ShipmentCard({ shipment, testMode = "hide", eventsPreview = 3, renderCa
     /* @__PURE__ */ jsxRuntime.jsxs("header", { className: cx.header, "data-sf-shipment-header": true, children: [
       renderCarrierMark && !test ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-sf-shipment-mark": true, children: renderCarrierMark(shipment) }) : null,
       /* @__PURE__ */ jsxRuntime.jsxs(Heading, { id: titleId, className: cx.carrier, "data-sf-shipment-title": true, children: [
+        carrier && !test ? /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-sf-shipment-eyebrow": true, children: [
+          m["shipment.carrier"],
+          /* @__PURE__ */ jsxRuntime.jsx(Hidden, { children: ": " })
+        ] }) : null,
         isReturn ? m["shipment.return"] : carrier ?? m["shipment.title"],
         isReturn && carrier ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           " \xB7 ",
@@ -2026,6 +2030,9 @@ var KEYWORDS = [
 ];
 var BRANDS = { visa: "Visa", mastercard: "Mastercard", master: "Mastercard", amex: "American Express", american_express: "American Express", carnet: "Carnet", discover: "Discover" };
 var RAW = /^[A-Za-z0-9_.:-]+(?: [A-Za-z0-9_.:-]+)?$/;
+function paymentMethodKey(p) {
+  return keyOf(p);
+}
 function keyOf(p) {
   const fam = typeof p.family === "string" ? p.family.toLowerCase() : "";
   const byLabel = () => {
@@ -2102,7 +2109,7 @@ function PaymentSummary({ payments, headingLevel = 3, methodLabel, classNames: c
   const Heading = `h${headingLevel}`;
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx.root, "aria-labelledby": titleId, "data-sf-payments": true, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Heading, { id: titleId, className: cx.title, children: m["payment.title"] }),
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.list, children: items.map((p, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx.item, "data-sf-payment": true, "data-sf-payment-status": typeof p.status === "string" ? p.status : "unknown", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.list, children: items.map((p, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx.item, "data-sf-payment": true, "data-sf-payment-method-key": paymentMethodKey(p) ?? "unknown", "data-sf-payment-status": typeof p.status === "string" ? p.status : "unknown", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { "data-sf-payment-method": true, children: paymentLabel(p, m, methodLabel ? { override: methodLabel } : {}) }),
       moneyText(p.amount, locale) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         " \xB7 ",
@@ -2254,10 +2261,252 @@ function useCustomerOrder(id, { client, initial, poll } = {}) {
 // src/account/index.ts
 init_voucher();
 
+// src/account/settings-messages.ts
+var ES6 = {
+  // shared
+  "settings.saved": "Listo, guardamos tus cambios.",
+  "settings.error.session_expired": "Tu sesi\xF3n venci\xF3. Inicia sesi\xF3n de nuevo para continuar.",
+  "settings.error.invalid_credential": "No pudimos verificarte. Revisa tu contrase\xF1a o el c\xF3digo e int\xE9ntalo de nuevo.",
+  "settings.error.reauth_required": "Por seguridad, confirma tu contrase\xF1a o un c\xF3digo antes de continuar.",
+  "settings.error.rate_limited": "Demasiados intentos. Espera unos minutos e int\xE9ntalo de nuevo.",
+  "settings.error.rate_limited_in": "Demasiados intentos. Int\xE9ntalo de nuevo en {minutes} min.",
+  "settings.error.validation": "Revisa los datos e int\xE9ntalo de nuevo.",
+  "settings.error.blocked_orders": "Tienes un pedido en camino. Podr\xE1s hacerlo cuando llegue.",
+  "settings.error.blocked_pending_payments": "Tienes un pago pendiente. P\xE1galo o espera a que venza para continuar.",
+  "settings.error.unsupported": "Esta tienda no ofrece esta opci\xF3n por ahora.",
+  "settings.error.unavailable": "No pudimos completar la acci\xF3n. Int\xE9ntalo de nuevo en un momento.",
+  // language
+  "lang.title": "Idioma",
+  "lang.label": "Idioma de tus mensajes",
+  "lang.default": "El de la tienda",
+  "lang.save": "Guardar idioma",
+  // notifications
+  "notif.title": "Avisos",
+  "notif.intro": "Elige c\xF3mo quieres que te avisemos.",
+  "notif.event.order_updates": "Actualizaciones de tu pedido",
+  "notif.event.shipping": "Env\xEDo y seguimiento",
+  "notif.event.restock": "Producto otra vez disponible",
+  "notif.event.unknown": "Otros avisos",
+  "notif.channel.email": "Correo",
+  "notif.channel.whatsapp": "WhatsApp",
+  "notif.channel.unknown": "Otro canal",
+  "notif.required": "La confirmaci\xF3n de tu pedido, tus pagos y tus facturas siempre se env\xEDan: son necesarios.",
+  "notif.save": "Guardar avisos",
+  "notif.matrixLabel": "Avisos por tipo y canal",
+  // sessions
+  "sessions.title": "Dispositivos con sesi\xF3n abierta",
+  "sessions.intro": "Estos son los dispositivos donde tu cuenta tiene la sesi\xF3n abierta. Si no reconoces alguno, ci\xE9rralo.",
+  "sessions.current": "Este dispositivo",
+  "sessions.lastUsed": "\xDAltimo uso: {date}",
+  "sessions.signedIn": "Inicio de sesi\xF3n: {date}",
+  "sessions.method.email": "Con c\xF3digo por correo",
+  "sessions.method.phone": "Con c\xF3digo por mensaje",
+  "sessions.method.password": "Con contrase\xF1a",
+  "sessions.method.unknown": "Inicio de sesi\xF3n",
+  "sessions.revoke": "Cerrar sesi\xF3n",
+  "sessions.revokeLabel": "Cerrar la sesi\xF3n de {device}",
+  "sessions.revokeOthers": "Cerrar las dem\xE1s sesiones",
+  "sessions.revoked": "Cerramos la sesi\xF3n.",
+  "sessions.revokedOthers": "Cerramos las dem\xE1s sesiones.",
+  "sessions.none": "No hay otras sesiones abiertas.",
+  "sessions.error": "No pudimos cargar tus dispositivos. Int\xE9ntalo de nuevo m\xE1s tarde.",
+  "sessions.loading": "Cargando tus dispositivos",
+  "sessions.listLabel": "Dispositivos con sesi\xF3n abierta"
+};
+var EN6 = {
+  "settings.saved": "Done, your changes are saved.",
+  "settings.error.session_expired": "Your session expired. Sign in again to continue.",
+  "settings.error.invalid_credential": "We could not verify you. Check your password or the code and try again.",
+  "settings.error.reauth_required": "For your security, confirm your password or a code before continuing.",
+  "settings.error.rate_limited": "Too many attempts. Wait a few minutes and try again.",
+  "settings.error.rate_limited_in": "Too many attempts. Try again in {minutes} min.",
+  "settings.error.validation": "Check the details and try again.",
+  "settings.error.blocked_orders": "You have an order on its way. You will be able to do this once it arrives.",
+  "settings.error.blocked_pending_payments": "You have a pending payment. Pay it or wait for it to expire to continue.",
+  "settings.error.unsupported": "This store does not offer this option right now.",
+  "settings.error.unavailable": "We could not complete that. Try again in a moment.",
+  "lang.title": "Language",
+  "lang.label": "Language of your messages",
+  "lang.default": "The store\u2019s",
+  "lang.save": "Save language",
+  "notif.title": "Notices",
+  "notif.intro": "Choose how you want us to notify you.",
+  "notif.event.order_updates": "Updates about your order",
+  "notif.event.shipping": "Shipping and tracking",
+  "notif.event.restock": "A product is available again",
+  "notif.event.unknown": "Other notices",
+  "notif.channel.email": "Email",
+  "notif.channel.whatsapp": "WhatsApp",
+  "notif.channel.unknown": "Other channel",
+  "notif.required": "Your order confirmation, payments and invoices are always sent: they are required.",
+  "notif.save": "Save notices",
+  "notif.matrixLabel": "Notices by type and channel",
+  "sessions.title": "Devices signed in",
+  "sessions.intro": "These are the devices where your account is signed in. If you do not recognize one, sign it out.",
+  "sessions.current": "This device",
+  "sessions.lastUsed": "Last used: {date}",
+  "sessions.signedIn": "Signed in: {date}",
+  "sessions.method.email": "With an email code",
+  "sessions.method.phone": "With a text code",
+  "sessions.method.password": "With a password",
+  "sessions.method.unknown": "Sign-in",
+  "sessions.revoke": "Sign out",
+  "sessions.revokeLabel": "Sign out {device}",
+  "sessions.revokeOthers": "Sign out of all other devices",
+  "sessions.revoked": "We signed that device out.",
+  "sessions.revokedOthers": "We signed out the other devices.",
+  "sessions.none": "There are no other signed-in devices.",
+  "sessions.error": "We could not load your devices. Try again later.",
+  "sessions.loading": "Loading your devices",
+  "sessions.listLabel": "Devices signed in"
+};
+function settingsMessages(locale, overrides) {
+  const base = (locale ?? "es-MX").toLowerCase().startsWith("en") ? EN6 : ES6;
+  return overrides ? { ...base, ...overrides } : base;
+}
+function settingsEnumText(m, group, value) {
+  const key = `${group}.${typeof value === "string" ? value : ""}`;
+  return Object.prototype.hasOwnProperty.call(m, key) ? m[key] : m[`${group}.unknown`];
+}
+
+// src/account/settings-ui.tsx
+function useSettingsText({ locale, messages, timeZone }) {
+  const resolved = useResolvedLocale(locale);
+  const m = settingsMessages(resolved, messages);
+  const t = (key, vars) => vars ? fill(m[key], vars) : m[key];
+  const date = (iso) => formatDate(iso, resolved, "datetime", timeZone);
+  return { locale: resolved, m, t, date };
+}
+function errorText(m, error) {
+  if (error.code === "rate_limited" && typeof error.retryAfter === "number" && error.retryAfter > 0) {
+    return fill(m["settings.error.rate_limited_in"], { minutes: Math.max(1, Math.ceil(error.retryAfter / 60)) });
+  }
+  const key = `settings.error.${error.code}`;
+  return Object.prototype.hasOwnProperty.call(m, key) ? m[key] : m["settings.error.unavailable"];
+}
+function resultFor(data, ...intents) {
+  return data && data.intent && intents.includes(data.intent) ? data : null;
+}
+function methodText(m, method) {
+  return settingsEnumText(m, "sessions.method", method);
+}
+function SessionsList({ sessions, data, pending = false, form: FormTag = "form", action, headingLevel = 3, classNames: cx = {}, children, ...text2 }) {
+  const { m, t, date } = useSettingsText(text2);
+  const titleId = react.useId();
+  const Heading = `h${headingLevel}`;
+  const result = resultFor(data, "session-revoke", "session-revoke-others");
+  const list = (sessions ?? []).filter((s) => s && typeof s.id === "string" && s.id);
+  const others = list.filter((s) => !s.current);
+  const formProps = { method: "post", ...action ? { action } : {} };
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx.root, "aria-labelledby": titleId, "data-sf-sessions": true, "data-state": sessions === null ? "degraded" : "ready", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Heading, { id: titleId, className: cx.title, children: m["sessions.title"] }),
+    sessions === null ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.error, role: "status", "data-sf-sessions-degraded": true, children: m["sessions.error"] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.intro, children: m["sessions.intro"] }),
+      result?.ok ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.notice, role: "status", "data-sf-sessions-notice": true, children: result.intent === "session-revoke-others" ? m["sessions.revokedOthers"] : m["sessions.revoked"] }) : result?.error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.error, role: "alert", "data-sf-sessions-error": result.error.code, children: errorText(m, result.error) }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.list, "aria-label": m["sessions.listLabel"], "data-sf-sessions-list": true, children: list.map((s) => {
+        const device = str(s.device_label) ?? m["sessions.method.unknown"];
+        const last = date(s.last_used_at ?? null);
+        const since = date(s.created_at);
+        return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx.item, "data-sf-session": true, "data-current": s.current ? "true" : "false", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.device, "data-sf-session-device": true, children: [
+            device,
+            s.current ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx.badge, "data-sf-session-current": true, children: [
+              " ",
+              m["sessions.current"]
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.meta, "data-sf-session-meta": true, children: [
+            methodText(m, s.login_method),
+            last ? ` \xB7 ${t("sessions.lastUsed", { date: last })}` : since ? ` \xB7 ${t("sessions.signedIn", { date: since })}` : ""
+          ] }),
+          s.current ? null : /* @__PURE__ */ jsxRuntime.jsxs(FormTag, { ...formProps, "data-sf-account-form": "", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: "session_id", value: s.id }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", name: "intent", value: "session-revoke", disabled: pending, className: cx.revoke, "aria-label": t("sessions.revokeLabel", { device }), "data-sf-session-revoke": true, children: m["sessions.revoke"] })
+          ] })
+        ] }, s.id);
+      }) }),
+      others.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.empty, "data-sf-sessions-empty": true, children: m["sessions.none"] }) : /* @__PURE__ */ jsxRuntime.jsx(FormTag, { ...formProps, "data-sf-account-form": "", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", name: "intent", value: "session-revoke-others", disabled: pending, className: cx.revokeOthers, "data-sf-session-revoke-others": true, children: m["sessions.revokeOthers"] }) })
+    ] }),
+    children
+  ] });
+}
+var NOTIFICATION_EVENTS = ["order_updates", "shipping", "restock"];
+function languageName(tag, inLocale) {
+  try {
+    const name = new Intl.DisplayNames([inLocale], { type: "language", languageDisplay: "dialect" }).of(tag);
+    return name ? name.charAt(0).toLocaleUpperCase(inLocale) + name.slice(1) : tag;
+  } catch {
+    return tag;
+  }
+}
+function LanguagePreference({ locales, value, data, pending = false, form: FormTag = "form", action, headingLevel = 3, classNames: cx = {}, children, ...text2 }) {
+  const { m, locale } = useSettingsText(text2);
+  const titleId = react.useId();
+  const selectId = react.useId();
+  const options = (locales ?? []).map((l) => typeof l === "string" ? { value: l, label: void 0 } : { value: l?.value, label: l?.label }).filter((o) => typeof o.value === "string" && /^[A-Za-z]{2,3}(-[A-Za-z0-9]{2,8}){0,2}$/.test(o.value));
+  if (options.length < 2) return null;
+  const Heading = `h${headingLevel}`;
+  const result = resultFor(data, "locale");
+  const current = options.find((o) => o.value.toLowerCase() === (value ?? "").toLowerCase())?.value ?? "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx.root, "aria-labelledby": titleId, "data-sf-lang": true, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Heading, { id: titleId, className: cx.title, children: m["lang.title"] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(FormTag, { method: "post", ...action ? { action } : {}, className: cx.form, "data-sf-account-form": "", children: [
+      result?.saved ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.notice, role: "status", "data-sf-lang-notice": true, children: m["settings.saved"] }) : result?.error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.error, role: "alert", "data-sf-lang-error": result.error.code, children: errorText(m, result.error) }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: selectId, className: cx.label, children: m["lang.label"] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("select", { id: selectId, name: "locale", defaultValue: current, className: cx.select, "data-sf-lang-select": true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: m["lang.default"] }),
+        options.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: str(o.label) ?? languageName(o.value, locale) }, o.value))
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", name: "intent", value: "locale", disabled: pending, className: cx.submit, "data-sf-lang-submit": true, children: m["lang.save"] })
+    ] }),
+    children
+  ] });
+}
+var TOKEN = /^[a-z][a-z0-9_]{0,31}$/;
+function NotificationPreferences({ channels, preferences, events = NOTIFICATION_EVENTS, data, pending = false, form: FormTag = "form", action, headingLevel = 3, classNames: cx = {}, children, ...text2 }) {
+  const { m } = useSettingsText(text2);
+  const titleId = react.useId();
+  const cols = Array.from(new Set((channels ?? []).filter((c) => typeof c === "string" && TOKEN.test(c))));
+  const rows = Array.from(new Set(events.filter((e) => TOKEN.test(e))));
+  if (cols.length === 0 || rows.length === 0) return null;
+  const Heading = `h${headingLevel}`;
+  const result = resultFor(data, "notifications");
+  const on = (event, channel) => preferences?.notifications?.[event]?.[channel] !== false;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx.root, "aria-labelledby": titleId, "data-sf-notif": true, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Heading, { id: titleId, className: cx.title, children: m["notif.title"] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.intro, children: m["notif.intro"] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(FormTag, { method: "post", ...action ? { action } : {}, className: cx.form, "data-sf-account-form": "", children: [
+      result?.saved ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.notice, role: "status", "data-sf-notif-notice": true, children: m["settings.saved"] }) : result?.error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.error, role: "alert", "data-sf-notif-error": result.error.code, children: errorText(m, result.error) }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs("table", { className: cx.table, "aria-label": m["notif.matrixLabel"], "data-sf-notif-table": true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)", whiteSpace: "nowrap" }, children: m["notif.title"] }) }),
+          cols.map((c) => /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: cx.channel, "data-sf-notif-channel": c, children: settingsEnumText(m, "notif.channel", c) }, c))
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((e) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: cx.row, "data-sf-notif-row": e, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "row", className: cx.event, children: settingsEnumText(m, "notif.event", e) }),
+          cols.map((c) => {
+            const id = `${e}:${c}`;
+            return /* @__PURE__ */ jsxRuntime.jsxs("td", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: "pref_shown", value: id }),
+              /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", name: "pref", value: id, defaultChecked: on(e, c), className: cx.check, "aria-label": `${settingsEnumText(m, "notif.event", e)} \xB7 ${settingsEnumText(m, "notif.channel", c)}` })
+            ] }, c);
+          })
+        ] }, e)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.required, "data-sf-notif-required": true, children: m["notif.required"] }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", name: "intent", value: "notifications", disabled: pending, className: cx.submit, "data-sf-notif-submit": true, children: m["notif.save"] })
+    ] }),
+    children
+  ] });
+}
+
 exports.AccountAuth = AccountAuth;
 exports.Barcode = Barcode;
 exports.InvoiceList = InvoiceList;
+exports.LanguagePreference = LanguagePreference;
+exports.NOTIFICATION_EVENTS = NOTIFICATION_EVENTS;
 exports.NextActionBar = NextActionBar;
+exports.NotificationPreferences = NotificationPreferences;
 exports.OrderCard = OrderCard;
 exports.OrderLines = OrderLines;
 exports.OrderList = OrderList;
@@ -2272,6 +2521,7 @@ exports.ProductPreview = ProductPreview;
 exports.ProductThumb = ProductThumb;
 exports.ProductThumbStack = ProductThumbStack;
 exports.RefundList = RefundList;
+exports.SessionsList = SessionsList;
 exports.ShipmentCard = ShipmentCard;
 exports.accountAuthMessages = accountAuthMessages;
 exports.accountMessages = accountMessages;
@@ -2281,8 +2531,11 @@ exports.code128Modules = code128Modules;
 exports.enumText = enumText;
 exports.lineImage = lineImage;
 exports.paymentLabel = paymentLabel;
+exports.paymentMethodKey = paymentMethodKey;
 exports.postPurchaseAccountPromptMessages = postPurchaseAccountPromptMessages;
 exports.productInitials = productInitials;
+exports.settingsEnumText = settingsEnumText;
+exports.settingsMessages = settingsMessages;
 exports.stageTone = stageTone;
 exports.useCustomerOrder = useCustomerOrder;
 exports.useCustomerOrders = useCustomerOrders;