@nextblock-cms/ecom 0.18.8 → 0.19.2

package/lib/components/CustomerProfileForm.es.js

@@ -1,725 +1,317 @@
 'use client';
-import { jsxDEV as e } from "react/jsx-dev-runtime";
-import v, { useState as H } from "react";
-import { useForm as G } from "react-hook-form";
-import { AccountNavigationMenu as O } from "./AccountNavigationMenu.es.js";
-import { Avatar as q, AvatarImage as J, AvatarFallback as K } from "@nextblock-cms/ui/avatar";
-import { Button as M } from "@nextblock-cms/ui/button";
-import { Card as D, CardHeader as y, CardTitle as $, CardContent as w, CardFooter as Q } from "@nextblock-cms/ui/card";
-import { Checkbox as Y } from "@nextblock-cms/ui/checkbox";
+import { jsxs as r, jsx as l, Fragment as O } from "react/jsx-runtime";
+import x, { useState as R } from "react";
+import { useForm as q } from "react-hook-form";
+import { AccountNavigationMenu as J } from "./AccountNavigationMenu.es.js";
+import { Avatar as K, AvatarImage as Q, AvatarFallback as Y } from "@nextblock-cms/ui/avatar";
+import { Button as Z } from "@nextblock-cms/ui/button";
+import { Card as T, CardHeader as B, CardTitle as I, CardContent as L, CardFooter as D } from "@nextblock-cms/ui/card";
+import { Checkbox as ee } from "@nextblock-cms/ui/checkbox";
 import { Input as i } from "@nextblock-cms/ui/input";
-import { Label as l } from "@nextblock-cms/ui/label";
-import { Select as Z, SelectTrigger as ee, SelectValue as se, SelectContent as re, SelectItem as _ } from "@nextblock-cms/ui/select";
-import { Separator as oe } from "@nextblock-cms/ui/separator";
-import { updateProfile as le } from "../server-actions/customer-actions.es.js";
-import { addressesMatch as E, normalizeCustomerAddress as A, emptyCustomerAddress as me } from "../customer.es.js";
-import { createClient as ie } from "@nextblock-cms/db";
-import { User as S, Upload as te, Phone as ne, Globe as ce } from "lucide-react";
-import { useTranslations as I } from "@nextblock-cms/utils";
-import { normalizeCountryCode as de, countries as ue } from "../countries.es.js";
-function Ne(s) {
-  return s ? s.startsWith("http") ? s : process.env.NEXT_PUBLIC_R2_BASE_URL ? `${process.env.NEXT_PUBLIC_R2_BASE_URL}/${s}` : process.env.NEXT_PUBLIC_SUPABASE_URL ? `${process.env.NEXT_PUBLIC_SUPABASE_URL}/storage/v1/object/public/media/${s}` : s : null;
+import { Label as t } from "@nextblock-cms/ui/label";
+import { Select as le, SelectTrigger as re, SelectValue as se, SelectContent as ae, SelectItem as C } from "@nextblock-cms/ui/select";
+import { Separator as te } from "@nextblock-cms/ui/separator";
+import { updateProfile as ne } from "../server-actions/customer-actions.es.js";
+import { addressesMatch as P, normalizeCustomerAddress as j, emptyCustomerAddress as ie } from "../customer.es.js";
+import { createClient as ce } from "@nextblock-cms/db";
+import { User as k, Upload as de, Phone as oe, Globe as me } from "lucide-react";
+import { useTranslations as X } from "@nextblock-cms/utils";
+import { normalizeCountryCode as pe, countries as he } from "../countries.es.js";
+function ue(e) {
+  return e ? e.startsWith("http") ? e : process.env.NEXT_PUBLIC_R2_BASE_URL ? `${process.env.NEXT_PUBLIC_R2_BASE_URL}/${e}` : process.env.NEXT_PUBLIC_SUPABASE_URL ? `${process.env.NEXT_PUBLIC_SUPABASE_URL}/storage/v1/object/public/media/${e}` : e : null;
 }
-function C(s) {
+function v(e) {
   return {
-    company_name: s?.company_name || "",
-    recipient_name: s?.recipient_name || "",
-    line1: s?.line1 || "",
-    line2: s?.line2 || "",
-    city: s?.city || "",
-    state: s?.state || "",
-    postal_code: s?.postal_code || "",
-    country_code: de(s?.country_code) || "CA"
+    company_name: e?.company_name || "",
+    recipient_name: e?.recipient_name || "",
+    line1: e?.line1 || "",
+    line2: e?.line2 || "",
+    city: e?.city || "",
+    state: e?.state || "",
+    postal_code: e?.postal_code || "",
+    country_code: pe(e?.country_code) || "CA"
   };
 }
-function T({
-  prefix: s,
-  title: N,
-  register: t
+function V({
+  prefix: e,
+  title: u,
+  register: c
 }) {
-  const { t: m } = I(), h = m("company_name") === "company_name" ? "Company name" : m("company_name");
-  return /* @__PURE__ */ e("div", { className: "space-y-4 rounded-xl border p-4", children: [
-    /* @__PURE__ */ e("div", { children: [
-      /* @__PURE__ */ e("h3", { className: "text-lg font-medium", children: N }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 105,
-        columnNumber: 9
-      }, this),
-      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: m("profile_address_defaults_help") }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 106,
-        columnNumber: 9
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-      lineNumber: 104,
-      columnNumber: 7
-    }, this),
-    /* @__PURE__ */ e("div", { className: "grid gap-4 md:grid-cols-3", children: [
-      /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e(l, { htmlFor: `${s}-company_name`, children: h }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 113,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ e(i, { id: `${s}-company_name`, ...t(`${s}.company_name`) }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 114,
-          columnNumber: 11
-        }, this)
-      ] }, void 0, !0, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 112,
-        columnNumber: 9
-      }, this),
-      /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e(l, { htmlFor: `${s}-recipient_name`, children: m("full_name") }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 117,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ e(i, { id: `${s}-recipient_name`, ...t(`${s}.recipient_name`) }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 118,
-          columnNumber: 11
-        }, this)
-      ] }, void 0, !0, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 116,
-        columnNumber: 9
-      }, this),
-      /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e(l, { htmlFor: `${s}-country_code`, children: m("country") }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 121,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ e(
+  const { t: n } = X(), b = n("company_name") === "company_name" ? "Company name" : n("company_name");
+  return /* @__PURE__ */ r("div", { className: "space-y-4 rounded-xl border p-4", children: [
+    /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ l("h3", { className: "text-lg font-medium", children: u }),
+      /* @__PURE__ */ l("p", { className: "text-sm text-muted-foreground", children: n("profile_address_defaults_help") })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "grid gap-4 md:grid-cols-3", children: [
+      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ l(t, { htmlFor: `${e}-company_name`, children: b }),
+        /* @__PURE__ */ l(i, { id: `${e}-company_name`, ...c(`${e}.company_name`) })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ l(t, { htmlFor: `${e}-recipient_name`, children: n("full_name") }),
+        /* @__PURE__ */ l(i, { id: `${e}-recipient_name`, ...c(`${e}.recipient_name`) })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ l(t, { htmlFor: `${e}-country_code`, children: n("country") }),
+        /* @__PURE__ */ l(
           "select",
           {
-            id: `${s}-country_code`,
+            id: `${e}-country_code`,
             className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
-            ...t(`${s}.country_code`),
-            children: ue.map((c) => /* @__PURE__ */ e("option", { value: c.code, children: c.name }, c.code, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 128,
-              columnNumber: 15
-            }, this))
-          },
-          void 0,
-          !1,
-          {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 122,
-            columnNumber: 11
-          },
-          this
+            ...c(`${e}.country_code`),
+            children: he.map((d) => /* @__PURE__ */ l("option", { value: d.code, children: d.name }, d.code))
+          }
         )
-      ] }, void 0, !0, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 120,
-        columnNumber: 9
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-      lineNumber: 111,
-      columnNumber: 7
-    }, this),
-    /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e(l, { htmlFor: `${s}-line1`, children: m("address_line_1") }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 137,
-        columnNumber: 9
-      }, this),
-      /* @__PURE__ */ e(i, { id: `${s}-line1`, ...t(`${s}.line1`) }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 138,
-        columnNumber: 9
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-      lineNumber: 136,
-      columnNumber: 7
-    }, this),
-    /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e(l, { htmlFor: `${s}-line2`, children: m("address_line_2") }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 142,
-        columnNumber: 9
-      }, this),
-      /* @__PURE__ */ e(i, { id: `${s}-line2`, ...t(`${s}.line2`) }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 143,
-        columnNumber: 9
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-      lineNumber: 141,
-      columnNumber: 7
-    }, this),
-    /* @__PURE__ */ e("div", { className: "grid gap-4 md:grid-cols-3", children: [
-      /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e(l, { htmlFor: `${s}-city`, children: m("city") }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 148,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ e(i, { id: `${s}-city`, ...t(`${s}.city`) }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 149,
-          columnNumber: 11
-        }, this)
-      ] }, void 0, !0, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 147,
-        columnNumber: 9
-      }, this),
-      /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e(l, { htmlFor: `${s}-state`, children: m("state_province") }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 152,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ e(i, { id: `${s}-state`, ...t(`${s}.state`) }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 153,
-          columnNumber: 11
-        }, this)
-      ] }, void 0, !0, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 151,
-        columnNumber: 9
-      }, this),
-      /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e(l, { htmlFor: `${s}-postal_code`, children: m("postal_zip_code") }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 156,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ e(i, { id: `${s}-postal_code`, ...t(`${s}.postal_code`) }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 157,
-          columnNumber: 11
-        }, this)
-      ] }, void 0, !0, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 155,
-        columnNumber: 9
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-      lineNumber: 146,
-      columnNumber: 7
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-    lineNumber: 103,
-    columnNumber: 5
-  }, this);
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ l(t, { htmlFor: `${e}-line1`, children: n("address_line_1") }),
+      /* @__PURE__ */ l(i, { id: `${e}-line1`, ...c(`${e}.line1`) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ l(t, { htmlFor: `${e}-line2`, children: n("address_line_2") }),
+      /* @__PURE__ */ l(i, { id: `${e}-line2`, ...c(`${e}.line2`) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "grid gap-4 md:grid-cols-3", children: [
+      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ l(t, { htmlFor: `${e}-city`, children: n("city") }),
+        /* @__PURE__ */ l(i, { id: `${e}-city`, ...c(`${e}.city`) })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ l(t, { htmlFor: `${e}-state`, children: n("state_province") }),
+        /* @__PURE__ */ l(i, { id: `${e}-state`, ...c(`${e}.state`) })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ l(t, { htmlFor: `${e}-postal_code`, children: n("postal_zip_code") }),
+        /* @__PURE__ */ l(i, { id: `${e}-postal_code`, ...c(`${e}.postal_code`) })
+      ] })
+    ] })
+  ] });
 }
-function De({
-  initialData: s,
-  MediaPickerComponent: N,
-  isAdmin: t,
-  email: m,
-  accountLinks: h,
-  onAction: c,
-  initialSuccessMessage: a,
-  lockRole: F,
-  lockRoleReason: L
+function Be({
+  initialData: e,
+  MediaPickerComponent: u,
+  isAdmin: c,
+  email: n,
+  accountLinks: b,
+  onAction: d,
+  initialSuccessMessage: _,
+  lockRole: $,
+  lockRoleReason: z
 }) {
-  const { t: r } = I(), [U, R] = H(!1), [k, x] = H(
-    a ? { type: "success", text: a } : null
-  ), V = s?.use_billing_for_shipping ?? (!s?.shipping_address || E(s?.billing_address, s?.shipping_address)), {
-    register: d,
-    handleSubmit: X,
-    setValue: b,
-    getValues: B,
-    watch: p,
-    reset: g
-  } = G({
+  const { t: s } = X(), [w, F] = R(!1), [y, N] = R(
+    _ ? { type: "success", text: _ } : null
+  ), W = e?.use_billing_for_shipping ?? (!e?.shipping_address || P(e?.billing_address, e?.shipping_address)), {
+    register: o,
+    handleSubmit: G,
+    setValue: g,
+    getValues: A,
+    watch: m,
+    reset: E
+  } = q({
     defaultValues: {
-      full_name: s?.full_name || "",
-      avatar_url: s?.avatar_url || "",
-      website: s?.website || "",
-      phone: s?.phone || "",
-      role: s?.role,
-      use_billing_for_shipping: V,
-      billing_address: C(s?.billing_address),
-      shipping_address: C(s?.shipping_address)
+      full_name: e?.full_name || "",
+      avatar_url: e?.avatar_url || "",
+      website: e?.website || "",
+      phone: e?.phone || "",
+      role: e?.role,
+      use_billing_for_shipping: W,
+      billing_address: v(e?.billing_address),
+      shipping_address: v(e?.shipping_address)
     }
   });
-  v.useEffect(() => {
-    s && g({
-      full_name: s.full_name || "",
-      avatar_url: s.avatar_url || "",
-      website: s.website || "",
-      phone: s.phone || "",
-      role: s.role,
-      use_billing_for_shipping: s.use_billing_for_shipping ?? (!s.shipping_address || E(s.billing_address, s.shipping_address)),
-      billing_address: C(s.billing_address),
-      shipping_address: C(s.shipping_address)
+  x.useEffect(() => {
+    e && E({
+      full_name: e.full_name || "",
+      avatar_url: e.avatar_url || "",
+      website: e.website || "",
+      phone: e.phone || "",
+      role: e.role,
+      use_billing_for_shipping: e.use_billing_for_shipping ?? (!e.shipping_address || P(e.billing_address, e.shipping_address)),
+      billing_address: v(e.billing_address),
+      shipping_address: v(e.shipping_address)
     });
-  }, [s, g]), v.useEffect(() => {
-    a && x({ type: "success", text: a });
-  }, [a]), v.useEffect(() => {
-    const o = ie();
+  }, [e, E]), x.useEffect(() => {
+    _ && N({ type: "success", text: _ });
+  }, [_]), x.useEffect(() => {
+    const a = ce();
     (async () => {
       const {
         data: { user: f }
-      } = await o.auth.getUser();
-      f && !B("full_name") && f.user_metadata?.full_name && b("full_name", f.user_metadata.full_name);
+      } = await a.auth.getUser();
+      f && !A("full_name") && f.user_metadata?.full_name && g("full_name", f.user_metadata.full_name);
     })();
-  }, [B, b]);
-  const z = (o) => {
-    const u = Ne(o?.object_key ?? o?.file_path);
-    u && b("avatar_url", u);
-  }, W = async (o) => {
-    R(!0), x(null);
-    const u = A(o.billing_address) ?? me(), f = o.use_billing_for_shipping ? u : A(o.shipping_address);
+  }, [A, g]);
+  const H = (a) => {
+    const p = ue(a?.object_key ?? a?.file_path);
+    p && g("avatar_url", p);
+  }, M = async (a) => {
+    F(!0), N(null);
+    const p = j(a.billing_address) ?? ie(), f = a.use_billing_for_shipping ? p : j(a.shipping_address);
     try {
-      const n = {
-        ...o,
-        billing_address: u,
+      const h = {
+        ...a,
+        billing_address: p,
         shipping_address: f
       };
-      if (c) {
-        const j = await c(n);
-        if (j?.error)
-          throw new Error(j.error);
+      if (d) {
+        const S = await d(h);
+        if (S?.error)
+          throw new Error(S.error);
       } else
-        await le(n);
-      x({ type: "success", text: r("profile_updated_success") });
-    } catch (n) {
-      if (n.message === "NEXT_REDIRECT" || n.message?.includes("NEXT_REDIRECT"))
+        await ne(h);
+      N({ type: "success", text: s("profile_updated_success") });
+    } catch (h) {
+      if (h.message === "NEXT_REDIRECT" || h.message?.includes("NEXT_REDIRECT"))
         return;
-      console.error(n), x({ type: "error", text: n.message || r("profile_update_failed") });
+      console.error(h), N({ type: "error", text: s("profile_update_failed") });
     } finally {
-      R(!1);
+      F(!1);
     }
-  }, P = p("use_billing_for_shipping");
-  return /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-12 max-w-5xl mx-auto", children: [
-    /* @__PURE__ */ e(D, { className: "md:col-span-4 h-fit", children: [
-      /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e($, { className: "text-xl", children: r("public_profile") }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 302,
-        columnNumber: 11
-      }, this) }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 301,
-        columnNumber: 9
-      }, this),
-      /* @__PURE__ */ e(w, { className: "flex flex-col items-center text-center space-y-4", children: [
-        /* @__PURE__ */ e("div", { className: "relative group", children: [
-          /* @__PURE__ */ e(q, { className: "h-32 w-32 border-4 border-muted", children: [
-            /* @__PURE__ */ e(J, { src: p("avatar_url") || void 0, className: "object-cover" }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 307,
-              columnNumber: 15
-            }, this),
-            /* @__PURE__ */ e(K, { className: "text-4xl bg-secondary", children: p("full_name")?.charAt(0)?.toUpperCase() || /* @__PURE__ */ e(S, { className: "h-12 w-12" }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 309,
-              columnNumber: 66
-            }, this) }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 308,
-              columnNumber: 15
-            }, this)
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 306,
-            columnNumber: 13
-          }, this),
-          N && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity bg-black/40 rounded-full cursor-pointer", children: /* @__PURE__ */ e(
-            N,
+  }, U = m("use_billing_for_shipping");
+  return /* @__PURE__ */ r("div", { className: "grid gap-6 md:grid-cols-12 max-w-5xl mx-auto", children: [
+    /* @__PURE__ */ r(T, { className: "md:col-span-4 h-fit", children: [
+      /* @__PURE__ */ l(B, { children: /* @__PURE__ */ l(I, { className: "text-xl", children: s("public_profile") }) }),
+      /* @__PURE__ */ r(L, { className: "flex flex-col items-center text-center space-y-4", children: [
+        /* @__PURE__ */ r("div", { className: "relative group", children: [
+          /* @__PURE__ */ r(K, { className: "h-32 w-32 border-4 border-muted", children: [
+            /* @__PURE__ */ l(Q, { src: m("avatar_url") || void 0, alt: m("full_name") || "", className: "object-cover" }),
+            /* @__PURE__ */ l(Y, { className: "text-4xl bg-secondary", children: m("full_name")?.charAt(0)?.toUpperCase() || /* @__PURE__ */ l(k, { className: "h-12 w-12" }) })
+          ] }),
+          u && // Hover alone hid this from keyboard focus (focusable but invisible) and from
+          // touch screens, which have no hover at all.
+          /* @__PURE__ */ l("div", { className: "absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 [@media(hover:none)]:opacity-100 transition-opacity bg-black/40 rounded-full cursor-pointer", children: /* @__PURE__ */ l(
+            u,
             {
-              triggerLabel: /* @__PURE__ */ e(te, { className: "h-6 w-6 text-white" }, void 0, !1, {
-                fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-                lineNumber: 315,
-                columnNumber: 33
-              }, this),
+              triggerLabel: /* @__PURE__ */ r(O, { children: [
+                /* @__PURE__ */ l(de, { className: "h-6 w-6 text-white" }),
+                /* @__PURE__ */ l("span", { className: "sr-only", children: s("profile_change_avatar") === "profile_change_avatar" ? "Change profile picture" : s("profile_change_avatar") })
+              ] }),
               triggerVariant: "ghost",
-              title: r("customer_profile"),
-              onSelect: z,
-              accept: (o) => o.file_type.startsWith("image/"),
+              title: s("customer_profile"),
+              onSelect: H,
+              accept: (a) => a.file_type.startsWith("image/"),
               hideTrigger: !1
-            },
-            void 0,
-            !1,
-            {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 314,
-              columnNumber: 17
-            },
-            this
-          ) }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 313,
-            columnNumber: 15
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 305,
-          columnNumber: 11
-        }, this),
-        !N && /* @__PURE__ */ e("div", { className: "w-full", children: [
-          /* @__PURE__ */ e(l, { htmlFor: "avatar_url", className: "sr-only", children: r("avatar_url") }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 328,
-            columnNumber: 15
-          }, this),
-          /* @__PURE__ */ e(i, { id: "avatar_url", ...d("avatar_url"), placeholder: "https://...", className: "mt-2" }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 331,
-            columnNumber: 15
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 327,
-          columnNumber: 13
-        }, this),
-        /* @__PURE__ */ e("div", { className: "w-full space-y-1 text-left mt-4", children: [
-          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: r("identity") }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 336,
-            columnNumber: 13
-          }, this),
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("span", { className: "font-semibold text-lg", children: p("full_name") || r("full_name") }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 340,
-            columnNumber: 15
-          }, this) }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 339,
-            columnNumber: 13
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 335,
-          columnNumber: 11
-        }, this),
-        h?.length ? /* @__PURE__ */ e(
-          O,
+            }
+          ) })
+        ] }),
+        !u && /* @__PURE__ */ r("div", { className: "w-full", children: [
+          /* @__PURE__ */ l(t, { htmlFor: "avatar_url", className: "sr-only", children: s("avatar_url") }),
+          /* @__PURE__ */ l(i, { id: "avatar_url", type: "url", autoComplete: "off", ...o("avatar_url"), placeholder: "https://…", className: "mt-2" })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "w-full space-y-1 text-left mt-4", children: [
+          /* @__PURE__ */ l("div", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: s("identity") }),
+          /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ l("span", { className: "font-semibold text-lg", children: m("full_name") || s("full_name") }) })
+        ] }),
+        b?.length ? /* @__PURE__ */ l(
+          J,
           {
-            links: h,
+            links: b,
             className: "mt-2 text-left"
-          },
-          void 0,
-          !1,
-          {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 345,
-            columnNumber: 13
-          },
-          this
+          }
         ) : null
-      ] }, void 0, !0, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 304,
-        columnNumber: 9
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-      lineNumber: 300,
-      columnNumber: 7
-    }, this),
-    /* @__PURE__ */ e(D, { className: "md:col-span-8", children: /* @__PURE__ */ e("form", { onSubmit: X(W), children: [
-      /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e($, { children: r("details") }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 356,
-        columnNumber: 13
-      }, this) }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 355,
-        columnNumber: 11
-      }, this),
-      /* @__PURE__ */ e(w, { className: "space-y-6", children: [
-        m && /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ e(l, { htmlFor: "email", children: [
-            r("email") || "Email",
-            " (Read-only)"
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 362,
-            columnNumber: 17
-          }, this),
-          /* @__PURE__ */ e(i, { id: "email", value: m, readOnly: !0, disabled: !0, className: "bg-muted/50" }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 363,
-            columnNumber: 17
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 361,
-          columnNumber: 15
-        }, this),
-        /* @__PURE__ */ e("div", { className: "rounded-xl border bg-muted/20 p-4 text-sm text-muted-foreground", children: r("profile_basic_info_help") }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 367,
-          columnNumber: 13
-        }, this),
-        /* @__PURE__ */ e("div", { className: "grid gap-4 md:grid-cols-2", children: [
-          /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ e(l, { htmlFor: "full_name", className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e(S, { className: "h-4 w-4" }, void 0, !1, {
-                fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-                lineNumber: 374,
-                columnNumber: 19
-              }, this),
+      ] })
+    ] }),
+    /* @__PURE__ */ l(T, { className: "md:col-span-8", children: /* @__PURE__ */ r("form", { onSubmit: G(M), children: [
+      /* @__PURE__ */ l(B, { children: /* @__PURE__ */ l(I, { children: s("details") }) }),
+      /* @__PURE__ */ r(L, { className: "space-y-6", children: [
+        n && /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ r(t, { htmlFor: "email", children: [
+            s("email") === "email" ? "Email" : s("email"),
+            " (",
+            s("read_only") === "read_only" ? "read-only" : s("read_only"),
+            ")"
+          ] }),
+          /* @__PURE__ */ l(i, { id: "email", value: n, readOnly: !0, disabled: !0, className: "bg-muted/50" })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "rounded-xl border bg-muted/20 p-4 text-sm text-muted-foreground", children: s("profile_basic_info_help") }),
+        /* @__PURE__ */ r("div", { className: "grid gap-4 md:grid-cols-2", children: [
+          /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ r(t, { htmlFor: "full_name", className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ l(k, { className: "h-4 w-4" }),
               " ",
-              r("full_name")
-            ] }, void 0, !0, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 373,
-              columnNumber: 17
-            }, this),
-            /* @__PURE__ */ e(i, { id: "full_name", ...d("full_name") }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 376,
-              columnNumber: 17
-            }, this)
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 372,
-            columnNumber: 15
-          }, this),
-          /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ e(l, { htmlFor: "phone", className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e(ne, { className: "h-4 w-4" }, void 0, !1, {
-                fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-                lineNumber: 380,
-                columnNumber: 19
-              }, this),
+              s("full_name")
+            ] }),
+            /* @__PURE__ */ l(i, { id: "full_name", autoComplete: "name", ...o("full_name") })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ r(t, { htmlFor: "phone", className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ l(oe, { className: "h-4 w-4" }),
               " ",
-              r("phone_number")
-            ] }, void 0, !0, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 379,
-              columnNumber: 17
-            }, this),
-            /* @__PURE__ */ e(i, { id: "phone", ...d("phone") }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 382,
-              columnNumber: 17
-            }, this)
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 378,
-            columnNumber: 15
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 371,
-          columnNumber: 13
-        }, this),
-        /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ e(l, { htmlFor: "website", className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(ce, { className: "h-4 w-4" }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 388,
-              columnNumber: 17
-            }, this),
+              s("phone_number")
+            ] }),
+            /* @__PURE__ */ l(i, { id: "phone", type: "tel", inputMode: "tel", autoComplete: "tel", ...o("phone") })
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ r(t, { htmlFor: "website", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ l(me, { className: "h-4 w-4" }),
             " ",
-            r("website")
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 387,
-            columnNumber: 15
-          }, this),
-          /* @__PURE__ */ e(i, { id: "website", ...d("website"), placeholder: "https://example.com" }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 390,
-            columnNumber: 15
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 386,
-          columnNumber: 13
-        }, this),
-        /* @__PURE__ */ e(oe, { className: "my-2" }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 393,
-          columnNumber: 13
-        }, this),
-        /* @__PURE__ */ e(T, { prefix: "billing_address", title: r("billing_address"), register: d }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 395,
-          columnNumber: 13
-        }, this),
-        /* @__PURE__ */ e("div", { className: "flex items-center space-x-3 rounded-lg border p-4", children: [
-          /* @__PURE__ */ e(
-            Y,
+            s("website")
+          ] }),
+          /* @__PURE__ */ l(i, { id: "website", type: "url", autoComplete: "url", ...o("website"), placeholder: "https://example.com" })
+        ] }),
+        /* @__PURE__ */ l(te, { className: "my-2" }),
+        /* @__PURE__ */ l(V, { prefix: "billing_address", title: s("billing_address"), register: o }),
+        /* @__PURE__ */ r("div", { className: "flex items-center space-x-3 rounded-lg border p-4", children: [
+          /* @__PURE__ */ l(
+            ee,
             {
               id: "use_billing_for_shipping",
-              checked: !!P,
-              onCheckedChange: (o) => b("use_billing_for_shipping", !!o, { shouldDirty: !0 })
-            },
-            void 0,
-            !1,
-            {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 398,
-              columnNumber: 15
-            },
-            this
+              checked: !!U,
+              onCheckedChange: (a) => g("use_billing_for_shipping", !!a, { shouldDirty: !0 })
+            }
           ),
-          /* @__PURE__ */ e("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ e(l, { htmlFor: "use_billing_for_shipping", className: "cursor-pointer", children: r("use_billing_for_shipping") }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 406,
-              columnNumber: 17
-            }, this),
-            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: r("profile_use_billing_for_shipping_help") }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 409,
-              columnNumber: 17
-            }, this)
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 405,
-            columnNumber: 15
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 397,
-          columnNumber: 13
-        }, this),
-        !P && /* @__PURE__ */ e(
-          T,
+          /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ l(t, { htmlFor: "use_billing_for_shipping", className: "cursor-pointer", children: s("use_billing_for_shipping") }),
+            /* @__PURE__ */ l("p", { className: "text-sm text-muted-foreground", children: s("profile_use_billing_for_shipping_help") })
+          ] })
+        ] }),
+        !U && /* @__PURE__ */ l(
+          V,
           {
             prefix: "shipping_address",
-            title: r("shipping_address"),
-            register: d
-          },
-          void 0,
-          !1,
-          {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 416,
-            columnNumber: 15
-          },
-          this
+            title: s("shipping_address"),
+            register: o
+          }
         ),
-        k && /* @__PURE__ */ e(
+        y && /* @__PURE__ */ l(
           "div",
           {
-            className: `mt-4 rounded-xl border p-4 text-sm ${k.type === "success" ? "border-emerald-200 bg-emerald-50 text-emerald-700" : "border-red-200 bg-red-50 text-red-700"}`,
-            children: k.text
-          },
-          void 0,
-          !1,
-          {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 424,
-            columnNumber: 15
-          },
-          this
+            role: y.type === "error" ? "alert" : "status",
+            className: `mt-4 rounded-xl border p-4 text-sm ${y.type === "success" ? "border-emerald-200 bg-emerald-50 text-emerald-700" : "border-red-200 bg-red-50 text-red-700"}`,
+            children: y.text
+          }
         ),
-        t && /* @__PURE__ */ e("div", { className: "border-t pt-4 mt-4", children: [
-          /* @__PURE__ */ e("h3", { className: "text-sm font-medium mb-3", children: "Admin Settings" }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 437,
-            columnNumber: 17
-          }, this),
-          /* @__PURE__ */ e("div", { className: "grid gap-2", children: [
-            /* @__PURE__ */ e(l, { htmlFor: "role", children: "Role" }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 439,
-              columnNumber: 19
-            }, this),
-            /* @__PURE__ */ e(
-              Z,
+        c && /* @__PURE__ */ r("div", { className: "border-t pt-4 mt-4", children: [
+          /* @__PURE__ */ l("h3", { className: "text-sm font-medium mb-3", children: "Admin Settings" }),
+          /* @__PURE__ */ r("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ l(t, { htmlFor: "role", children: "Role" }),
+            /* @__PURE__ */ r(
+              le,
               {
-                value: p("role") || "USER",
-                onValueChange: (o) => b("role", o),
-                disabled: F,
+                value: m("role") || "USER",
+                onValueChange: (a) => g("role", a),
+                disabled: $,
                 children: [
-                  /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(se, { placeholder: "Select role" }, void 0, !1, {
-                    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-                    lineNumber: 446,
-                    columnNumber: 23
-                  }, this) }, void 0, !1, {
-                    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-                    lineNumber: 445,
-                    columnNumber: 21
-                  }, this),
-                  /* @__PURE__ */ e(re, { children: [
-                    /* @__PURE__ */ e(_, { value: "USER", children: "User" }, void 0, !1, {
-                      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-                      lineNumber: 449,
-                      columnNumber: 23
-                    }, this),
-                    /* @__PURE__ */ e(_, { value: "WRITER", children: "Writer" }, void 0, !1, {
-                      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-                      lineNumber: 450,
-                      columnNumber: 23
-                    }, this),
-                    /* @__PURE__ */ e(_, { value: "ADMIN", children: "Admin" }, void 0, !1, {
-                      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-                      lineNumber: 451,
-                      columnNumber: 23
-                    }, this)
-                  ] }, void 0, !0, {
-                    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-                    lineNumber: 448,
-                    columnNumber: 21
-                  }, this)
+                  /* @__PURE__ */ l(re, { children: /* @__PURE__ */ l(se, { placeholder: "Select role" }) }),
+                  /* @__PURE__ */ r(ae, { children: [
+                    /* @__PURE__ */ l(C, { value: "USER", children: "User" }),
+                    /* @__PURE__ */ l(C, { value: "WRITER", children: "Writer" }),
+                    /* @__PURE__ */ l(C, { value: "ADMIN", children: "Admin" })
+                  ] })
                 ]
-              },
-              void 0,
-              !0,
-              {
-                fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-                lineNumber: 440,
-                columnNumber: 19
-              },
-              this
+              }
             ),
-            F && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: L || "This is the only Admin account, so its role can't be changed. Promote another user to Admin first." }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-              lineNumber: 455,
-              columnNumber: 21
-            }, this)
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-            lineNumber: 438,
-            columnNumber: 17
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-          lineNumber: 436,
-          columnNumber: 15
-        }, this)
-      ] }, void 0, !0, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 359,
-        columnNumber: 11
-      }, this),
-      /* @__PURE__ */ e(Q, { className: "flex justify-end", children: /* @__PURE__ */ e(M, { type: "submit", disabled: U, size: "lg", children: r(U ? "saving" : "save_changes") }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 466,
-        columnNumber: 13
-      }, this) }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-        lineNumber: 465,
-        columnNumber: 11
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-      lineNumber: 354,
-      columnNumber: 9
-    }, this) }, void 0, !1, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-      lineNumber: 353,
-      columnNumber: 7
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CustomerProfileForm.tsx",
-    lineNumber: 299,
-    columnNumber: 5
-  }, this);
+            $ && /* @__PURE__ */ l("p", { className: "text-xs text-muted-foreground", children: z || "This is the only Admin account, so its role can't be changed. Promote another user to Admin first." })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ l(D, { className: "flex justify-end", children: /* @__PURE__ */ l(Z, { type: "submit", disabled: w, size: "lg", children: s(w ? "saving" : "save_changes") }) })
+    ] }) })
+  ] });
 }
 export {
-  De as CustomerProfileForm
+  Be as CustomerProfileForm
 };