@nextblock-cms/ecom 0.12.12 → 0.12.14

package/lib/components/CustomerProfileForm.es.js

@@ -1,27 +1,26 @@
 'use client';
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import E, { useState as w } from "react";
-import { useForm as ee } from "react-hook-form";
-import { AccountNavigationMenu as se } from "./AccountNavigationMenu.es.js";
-import { Avatar as le, AvatarImage as re, AvatarFallback as te } from "@nextblock-cms/ui/avatar";
-import { Badge as ae } from "@nextblock-cms/ui/badge";
-import { Button as B } from "@nextblock-cms/ui/button";
-import { Card as G, CardHeader as j, CardTitle as P, CardContent as V, CardFooter as ie } from "@nextblock-cms/ui/card";
-import { Checkbox as ne } from "@nextblock-cms/ui/checkbox";
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import x, { useState as S } from "react";
+import { useForm as H } 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 R, CardHeader as T, CardTitle as B, CardContent as I, CardFooter as Q } from "@nextblock-cms/ui/card";
+import { Checkbox as Y } from "@nextblock-cms/ui/checkbox";
 import { Input as d } from "@nextblock-cms/ui/input";
-import { Label as i } from "@nextblock-cms/ui/label";
-import { Select as de, SelectTrigger as ce, SelectValue as oe, SelectContent as me, SelectItem as F } from "@nextblock-cms/ui/select";
-import { Separator as ue } from "@nextblock-cms/ui/separator";
-import { updateProfile as he } from "../server-actions/customer-actions.es.js";
-import { addressesMatch as X, normalizeCustomerAddress as z, emptyCustomerAddress as pe } from "../customer.es.js";
-import { createClient as H } from "@nextblock-cms/db";
-import { User as W, Upload as _e, Github as U, Phone as ge, Globe as fe, Mail as be } from "lucide-react";
-import { useTranslations as O } from "@nextblock-cms/utils";
-import { normalizeCountryCode as ye, countries as Ne } from "../countries.es.js";
-function ve(e) {
+import { Label as n } from "@nextblock-cms/ui/label";
+import { Select as Z, SelectTrigger as D, SelectValue as ee, SelectContent as le, SelectItem as $ } from "@nextblock-cms/ui/select";
+import { Separator as se } from "@nextblock-cms/ui/separator";
+import { updateProfile as re } from "../server-actions/customer-actions.es.js";
+import { addressesMatch as L, normalizeCustomerAddress as k, emptyCustomerAddress as ae } from "../customer.es.js";
+import { createClient as ne } from "@nextblock-cms/db";
+import { User as j, Upload as ce, Phone as de, Globe as ie } from "lucide-react";
+import { useTranslations as V } from "@nextblock-cms/utils";
+import { normalizeCountryCode as te, countries as oe } from "../countries.es.js";
+function me(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 $(e) {
+function y(e) {
   return {
     company_name: e?.company_name || "",
     recipient_name: e?.recipient_name || "",
@@ -30,318 +29,266 @@ function $(e) {
     city: e?.city || "",
     state: e?.state || "",
     postal_code: e?.postal_code || "",
-    country_code: ye(e?.country_code) || "CA"
+    country_code: te(e?.country_code) || "CA"
   };
 }
-function M({
+function P({
   prefix: e,
-  title: g,
-  register: c
+  title: h,
+  register: i
 }) {
-  const { t: n } = O(), v = n("company_name") === "company_name" ? "Company name" : n("company_name");
-  return /* @__PURE__ */ l("div", { className: "space-y-4 rounded-xl border p-4", children: [
-    /* @__PURE__ */ l("div", { children: [
-      /* @__PURE__ */ s("h3", { className: "text-lg font-medium", children: g }),
-      /* @__PURE__ */ s("p", { className: "text-sm text-muted-foreground", children: n("profile_address_defaults_help") })
+  const { t: c } = V(), b = c("company_name") === "company_name" ? "Company name" : c("company_name");
+  return /* @__PURE__ */ s("div", { className: "space-y-4 rounded-xl border p-4", children: [
+    /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ l("h3", { className: "text-lg font-medium", children: h }),
+      /* @__PURE__ */ l("p", { className: "text-sm text-muted-foreground", children: c("profile_address_defaults_help") })
     ] }),
-    /* @__PURE__ */ l("div", { className: "grid gap-4 md:grid-cols-3", children: [
-      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ s(i, { htmlFor: `${e}-company_name`, children: v }),
-        /* @__PURE__ */ s(d, { id: `${e}-company_name`, ...c(`${e}.company_name`) })
+    /* @__PURE__ */ s("div", { className: "grid gap-4 md:grid-cols-3", children: [
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ l(n, { htmlFor: `${e}-company_name`, children: b }),
+        /* @__PURE__ */ l(d, { id: `${e}-company_name`, ...i(`${e}.company_name`) })
       ] }),
-      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ s(i, { htmlFor: `${e}-recipient_name`, children: n("full_name") }),
-        /* @__PURE__ */ s(d, { id: `${e}-recipient_name`, ...c(`${e}.recipient_name`) })
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ l(n, { htmlFor: `${e}-recipient_name`, children: c("full_name") }),
+        /* @__PURE__ */ l(d, { id: `${e}-recipient_name`, ...i(`${e}.recipient_name`) })
       ] }),
-      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ s(i, { htmlFor: `${e}-country_code`, children: n("country") }),
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ l(n, { htmlFor: `${e}-country_code`, children: c("country") }),
+        /* @__PURE__ */ l(
           "select",
           {
             id: `${e}-country_code`,
             className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
-            ...c(`${e}.country_code`),
-            children: Ne.map((p) => /* @__PURE__ */ s("option", { value: p.code, children: p.name }, p.code))
+            ...i(`${e}.country_code`),
+            children: oe.map((o) => /* @__PURE__ */ l("option", { value: o.code, children: o.name }, o.code))
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ s(i, { htmlFor: `${e}-line1`, children: n("address_line_1") }),
-      /* @__PURE__ */ s(d, { id: `${e}-line1`, ...c(`${e}.line1`) })
+    /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ l(n, { htmlFor: `${e}-line1`, children: c("address_line_1") }),
+      /* @__PURE__ */ l(d, { id: `${e}-line1`, ...i(`${e}.line1`) })
     ] }),
-    /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ s(i, { htmlFor: `${e}-line2`, children: n("address_line_2") }),
-      /* @__PURE__ */ s(d, { id: `${e}-line2`, ...c(`${e}.line2`) })
+    /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ l(n, { htmlFor: `${e}-line2`, children: c("address_line_2") }),
+      /* @__PURE__ */ l(d, { id: `${e}-line2`, ...i(`${e}.line2`) })
     ] }),
-    /* @__PURE__ */ l("div", { className: "grid gap-4 md:grid-cols-3", children: [
-      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ s(i, { htmlFor: `${e}-city`, children: n("city") }),
-        /* @__PURE__ */ s(d, { id: `${e}-city`, ...c(`${e}.city`) })
+    /* @__PURE__ */ s("div", { className: "grid gap-4 md:grid-cols-3", children: [
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ l(n, { htmlFor: `${e}-city`, children: c("city") }),
+        /* @__PURE__ */ l(d, { id: `${e}-city`, ...i(`${e}.city`) })
       ] }),
-      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ s(i, { htmlFor: `${e}-state`, children: n("state_province") }),
-        /* @__PURE__ */ s(d, { id: `${e}-state`, ...c(`${e}.state`) })
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ l(n, { htmlFor: `${e}-state`, children: c("state_province") }),
+        /* @__PURE__ */ l(d, { id: `${e}-state`, ...i(`${e}.state`) })
       ] }),
-      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ s(i, { htmlFor: `${e}-postal_code`, children: n("postal_zip_code") }),
-        /* @__PURE__ */ s(d, { id: `${e}-postal_code`, ...c(`${e}.postal_code`) })
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ l(n, { htmlFor: `${e}-postal_code`, children: c("postal_zip_code") }),
+        /* @__PURE__ */ l(d, { id: `${e}-postal_code`, ...i(`${e}.postal_code`) })
       ] })
     ] })
   ] });
 }
-function Xe({
+function Se({
   initialData: e,
-  MediaPickerComponent: g,
-  isAdmin: c,
-  email: n,
-  accountLinks: v,
-  onAction: p,
-  initialSuccessMessage: f
+  MediaPickerComponent: h,
+  isAdmin: i,
+  email: c,
+  accountLinks: b,
+  onAction: o,
+  initialSuccessMessage: u
 }) {
-  const { t: r } = O(), [A, S] = w(!1), [C, b] = w(
-    f ? { type: "success", text: f } : null
-  ), [R, q] = w(!1), [k, J] = w(null), K = e?.use_billing_for_shipping ?? (!e?.shipping_address || X(e?.billing_address, e?.shipping_address)), {
-    register: h,
-    handleSubmit: Q,
-    setValue: m,
-    getValues: x,
-    watch: y,
-    reset: I
-  } = ee({
+  const { t: r } = V(), [w, C] = S(!1), [v, N] = S(
+    u ? { type: "success", text: u } : null
+  ), X = e?.use_billing_for_shipping ?? (!e?.shipping_address || L(e?.billing_address, e?.shipping_address)), {
+    register: m,
+    handleSubmit: z,
+    setValue: _,
+    getValues: E,
+    watch: g,
+    reset: F
+  } = H({
     defaultValues: {
       full_name: e?.full_name || "",
       avatar_url: e?.avatar_url || "",
       website: e?.website || "",
-      github_username: e?.github_username || "",
       phone: e?.phone || "",
       role: e?.role,
-      use_billing_for_shipping: K,
-      billing_address: $(e?.billing_address),
-      shipping_address: $(e?.shipping_address)
+      use_billing_for_shipping: X,
+      billing_address: y(e?.billing_address),
+      shipping_address: y(e?.shipping_address)
     }
   });
-  E.useEffect(() => {
-    e && I({
+  x.useEffect(() => {
+    e && F({
       full_name: e.full_name || "",
       avatar_url: e.avatar_url || "",
       website: e.website || "",
-      github_username: e.github_username || "",
       phone: e.phone || "",
       role: e.role,
-      use_billing_for_shipping: e.use_billing_for_shipping ?? (!e.shipping_address || X(e.billing_address, e.shipping_address)),
-      billing_address: $(e.billing_address),
-      shipping_address: $(e.shipping_address)
+      use_billing_for_shipping: e.use_billing_for_shipping ?? (!e.shipping_address || L(e.billing_address, e.shipping_address)),
+      billing_address: y(e.billing_address),
+      shipping_address: y(e.shipping_address)
     });
-  }, [e, I]), E.useEffect(() => {
-    f && b({ type: "success", text: f });
-  }, [f]), E.useEffect(() => {
-    const t = H();
+  }, [e, F]), x.useEffect(() => {
+    u && N({ type: "success", text: u });
+  }, [u]), x.useEffect(() => {
+    const a = ne();
     (async () => {
       const {
-        data: { user: u }
-      } = await t.auth.getUser();
-      if (!u)
-        return;
-      const a = u.identities?.find((_) => _.provider === "github");
-      if (a) {
-        q(!0);
-        const _ = a.identity_data?.email || (u.app_metadata.provider === "github" ? u.email : null);
-        if (J(_), !x("website")) {
-          const N = a.identity_data?.custom_claims?.blog || a.identity_data?.blog || a.identity_data?.html_url;
-          N && m("website", N);
-        }
-        if (!x("avatar_url")) {
-          const N = a.identity_data?.avatar_url;
-          N && m("avatar_url", N);
-        }
-        const T = a.identity_data?.user_name || a.identity_data?.preferred_username;
-        T && m("github_username", T);
-      }
-      !x("full_name") && u.user_metadata?.full_name && m("full_name", u.user_metadata.full_name);
+        data: { user: f }
+      } = await a.auth.getUser();
+      f && !E("full_name") && f.user_metadata?.full_name && _("full_name", f.user_metadata.full_name);
     })();
-  }, [x, m]);
-  const Y = async () => {
-    const t = H(), { error: o } = await t.auth.linkIdentity({ provider: "github" });
-    o && (console.error("Error linking GitHub:", o), b({
-      type: "error",
-      text: r("github_link_failed") || "Failed to link GitHub account"
-    }));
-  }, Z = (t) => {
-    const o = ve(t?.object_key ?? t?.file_path);
-    o && m("avatar_url", o);
-  }, D = async (t) => {
-    S(!0), b(null);
-    const o = z(t.billing_address) ?? pe(), u = t.use_billing_for_shipping ? o : z(t.shipping_address);
+  }, [E, _]);
+  const W = (a) => {
+    const p = me(a?.object_key ?? a?.file_path);
+    p && _("avatar_url", p);
+  }, G = async (a) => {
+    C(!0), N(null);
+    const p = k(a.billing_address) ?? ae(), f = a.use_billing_for_shipping ? p : k(a.shipping_address);
     try {
-      const a = {
-        ...t,
-        billing_address: o,
-        shipping_address: u
+      const t = {
+        ...a,
+        billing_address: p,
+        shipping_address: f
       };
-      if (p) {
-        const _ = await p(a);
-        if (_?.error)
-          throw new Error(_.error);
+      if (o) {
+        const A = await o(t);
+        if (A?.error)
+          throw new Error(A.error);
       } else
-        await he(a);
-      b({ type: "success", text: r("profile_updated_success") });
-    } catch (a) {
-      if (a.message === "NEXT_REDIRECT" || a.message?.includes("NEXT_REDIRECT"))
+        await re(t);
+      N({ type: "success", text: r("profile_updated_success") });
+    } catch (t) {
+      if (t.message === "NEXT_REDIRECT" || t.message?.includes("NEXT_REDIRECT"))
         return;
-      console.error(a), b({ type: "error", text: a.message || r("profile_update_failed") });
+      console.error(t), N({ type: "error", text: t.message || r("profile_update_failed") });
     } finally {
-      S(!1);
+      C(!1);
     }
-  }, L = y("use_billing_for_shipping");
-  return /* @__PURE__ */ l("div", { className: "grid gap-6 md:grid-cols-12 max-w-5xl mx-auto", children: [
-    /* @__PURE__ */ l(G, { className: "md:col-span-4 h-fit", children: [
-      /* @__PURE__ */ s(j, { children: /* @__PURE__ */ s(P, { className: "text-xl", children: r("public_profile") }) }),
-      /* @__PURE__ */ l(V, { className: "flex flex-col items-center text-center space-y-4", children: [
-        /* @__PURE__ */ l("div", { className: "relative group", children: [
-          /* @__PURE__ */ l(le, { className: "h-32 w-32 border-4 border-muted", children: [
-            /* @__PURE__ */ s(re, { src: y("avatar_url") || void 0, className: "object-cover" }),
-            /* @__PURE__ */ s(te, { className: "text-4xl bg-secondary", children: y("full_name")?.charAt(0)?.toUpperCase() || /* @__PURE__ */ s(W, { className: "h-12 w-12" }) })
+  }, U = g("use_billing_for_shipping");
+  return /* @__PURE__ */ s("div", { className: "grid gap-6 md:grid-cols-12 max-w-5xl mx-auto", children: [
+    /* @__PURE__ */ s(R, { className: "md:col-span-4 h-fit", children: [
+      /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(B, { className: "text-xl", children: r("public_profile") }) }),
+      /* @__PURE__ */ s(I, { className: "flex flex-col items-center text-center space-y-4", children: [
+        /* @__PURE__ */ s("div", { className: "relative group", children: [
+          /* @__PURE__ */ s(q, { className: "h-32 w-32 border-4 border-muted", children: [
+            /* @__PURE__ */ l(J, { src: g("avatar_url") || void 0, className: "object-cover" }),
+            /* @__PURE__ */ l(K, { className: "text-4xl bg-secondary", children: g("full_name")?.charAt(0)?.toUpperCase() || /* @__PURE__ */ l(j, { className: "h-12 w-12" }) })
           ] }),
-          g && /* @__PURE__ */ s("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__ */ s(
-            g,
+          h && /* @__PURE__ */ l("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__ */ l(
+            h,
             {
-              triggerLabel: /* @__PURE__ */ s(_e, { className: "h-6 w-6 text-white" }),
+              triggerLabel: /* @__PURE__ */ l(ce, { className: "h-6 w-6 text-white" }),
               triggerVariant: "ghost",
               title: r("customer_profile"),
-              onSelect: Z,
-              accept: (t) => t.file_type.startsWith("image/"),
+              onSelect: W,
+              accept: (a) => a.file_type.startsWith("image/"),
               hideTrigger: !1
             }
           ) })
         ] }),
-        !g && /* @__PURE__ */ l("div", { className: "w-full", children: [
-          /* @__PURE__ */ s(i, { htmlFor: "avatar_url", className: "sr-only", children: r("avatar_url") }),
-          /* @__PURE__ */ s(d, { id: "avatar_url", ...h("avatar_url"), placeholder: "https://...", className: "mt-2" })
+        !h && /* @__PURE__ */ s("div", { className: "w-full", children: [
+          /* @__PURE__ */ l(n, { htmlFor: "avatar_url", className: "sr-only", children: r("avatar_url") }),
+          /* @__PURE__ */ l(d, { id: "avatar_url", ...m("avatar_url"), placeholder: "https://...", className: "mt-2" })
         ] }),
-        /* @__PURE__ */ l("div", { className: "w-full space-y-1 text-left mt-4", children: [
-          /* @__PURE__ */ s("div", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: r("identity") }),
-          /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ s("span", { className: "font-semibold text-lg", children: y("full_name") || r("full_name") }) }),
-          R && /* @__PURE__ */ l(ae, { variant: "secondary", className: "mt-2 w-fit gap-1", children: [
-            /* @__PURE__ */ s(U, { className: "h-3 w-3" }),
-            " ",
-            r("github_connected") || "GitHub Connected"
-          ] })
+        /* @__PURE__ */ s("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: r("identity") }),
+          /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ l("span", { className: "font-semibold text-lg", children: g("full_name") || r("full_name") }) })
         ] }),
-        v?.length ? /* @__PURE__ */ s(
-          se,
+        b?.length ? /* @__PURE__ */ l(
+          O,
           {
-            links: v,
+            links: b,
             className: "mt-2 text-left"
           }
         ) : null
       ] })
     ] }),
-    /* @__PURE__ */ s(G, { className: "md:col-span-8", children: /* @__PURE__ */ l("form", { onSubmit: Q(D), children: [
-      /* @__PURE__ */ s(j, { children: /* @__PURE__ */ s(P, { children: r("details") }) }),
-      /* @__PURE__ */ l(V, { className: "space-y-6", children: [
-        n && /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ l(i, { htmlFor: "email", children: [
+    /* @__PURE__ */ l(R, { className: "md:col-span-8", children: /* @__PURE__ */ s("form", { onSubmit: z(G), children: [
+      /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(B, { children: r("details") }) }),
+      /* @__PURE__ */ s(I, { className: "space-y-6", children: [
+        c && /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ s(n, { htmlFor: "email", children: [
             r("email") || "Email",
             " (Read-only)"
           ] }),
-          /* @__PURE__ */ s(d, { id: "email", value: n, readOnly: !0, disabled: !0, className: "bg-muted/50" })
+          /* @__PURE__ */ l(d, { id: "email", value: c, readOnly: !0, disabled: !0, className: "bg-muted/50" })
         ] }),
-        /* @__PURE__ */ s("div", { className: "rounded-xl border bg-muted/20 p-4 text-sm text-muted-foreground", children: r("profile_basic_info_help") }),
-        /* @__PURE__ */ l("div", { className: "grid gap-4 md:grid-cols-2", children: [
-          /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ l(i, { htmlFor: "full_name", className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ s(W, { className: "h-4 w-4" }),
+        /* @__PURE__ */ l("div", { className: "rounded-xl border bg-muted/20 p-4 text-sm text-muted-foreground", children: r("profile_basic_info_help") }),
+        /* @__PURE__ */ s("div", { className: "grid gap-4 md:grid-cols-2", children: [
+          /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ s(n, { htmlFor: "full_name", className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ l(j, { className: "h-4 w-4" }),
               " ",
               r("full_name")
             ] }),
-            /* @__PURE__ */ s(d, { id: "full_name", ...h("full_name") })
+            /* @__PURE__ */ l(d, { id: "full_name", ...m("full_name") })
           ] }),
-          /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ l(i, { htmlFor: "phone", className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ s(ge, { className: "h-4 w-4" }),
+          /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ s(n, { htmlFor: "phone", className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ l(de, { className: "h-4 w-4" }),
               " ",
               r("phone_number")
             ] }),
-            /* @__PURE__ */ s(d, { id: "phone", ...h("phone") })
+            /* @__PURE__ */ l(d, { id: "phone", ...m("phone") })
           ] })
         ] }),
-        /* @__PURE__ */ l("div", { className: "grid gap-4 md:grid-cols-2", children: [
-          /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ l(i, { htmlFor: "website", className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ s(fe, { className: "h-4 w-4" }),
-              " ",
-              r("website")
-            ] }),
-            /* @__PURE__ */ s(d, { id: "website", ...h("website"), placeholder: "https://example.com" })
+        /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ s(n, { htmlFor: "website", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ l(ie, { className: "h-4 w-4" }),
+            " ",
+            r("website")
           ] }),
-          /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ l(i, { htmlFor: "github_username", className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ s(U, { className: "h-4 w-4" }),
-              " ",
-              r("github_username")
-            ] }),
-            R ? /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ s(d, { id: "github_username", ...h("github_username"), disabled: !0, className: "bg-muted" }),
-              k && /* @__PURE__ */ l("p", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
-                /* @__PURE__ */ s(be, { className: "h-3 w-3" }),
-                " ",
-                r("linked_to") || "Linked to",
-                " ",
-                k
-              ] })
-            ] }) : /* @__PURE__ */ l(B, { type: "button", variant: "outline", className: "w-full", onClick: Y, children: [
-              /* @__PURE__ */ s(U, { className: "mr-2 h-4 w-4" }),
-              r("connect_github")
-            ] })
-          ] })
+          /* @__PURE__ */ l(d, { id: "website", ...m("website"), placeholder: "https://example.com" })
         ] }),
-        /* @__PURE__ */ s(ue, { className: "my-2" }),
-        /* @__PURE__ */ s(M, { prefix: "billing_address", title: r("billing_address"), register: h }),
-        /* @__PURE__ */ l("div", { className: "flex items-center space-x-3 rounded-lg border p-4", children: [
-          /* @__PURE__ */ s(
-            ne,
+        /* @__PURE__ */ l(se, { className: "my-2" }),
+        /* @__PURE__ */ l(P, { prefix: "billing_address", title: r("billing_address"), register: m }),
+        /* @__PURE__ */ s("div", { className: "flex items-center space-x-3 rounded-lg border p-4", children: [
+          /* @__PURE__ */ l(
+            Y,
             {
               id: "use_billing_for_shipping",
-              checked: !!L,
-              onCheckedChange: (t) => m("use_billing_for_shipping", !!t, { shouldDirty: !0 })
+              checked: !!U,
+              onCheckedChange: (a) => _("use_billing_for_shipping", !!a, { shouldDirty: !0 })
             }
           ),
-          /* @__PURE__ */ l("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ s(i, { htmlFor: "use_billing_for_shipping", className: "cursor-pointer", children: r("use_billing_for_shipping") }),
-            /* @__PURE__ */ s("p", { className: "text-sm text-muted-foreground", children: r("profile_use_billing_for_shipping_help") })
+          /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ l(n, { htmlFor: "use_billing_for_shipping", className: "cursor-pointer", children: r("use_billing_for_shipping") }),
+            /* @__PURE__ */ l("p", { className: "text-sm text-muted-foreground", children: r("profile_use_billing_for_shipping_help") })
           ] })
         ] }),
-        !L && /* @__PURE__ */ s(
-          M,
+        !U && /* @__PURE__ */ l(
+          P,
           {
             prefix: "shipping_address",
             title: r("shipping_address"),
-            register: h
+            register: m
           }
         ),
-        C && /* @__PURE__ */ s(
+        v && /* @__PURE__ */ l(
           "div",
           {
-            className: `mt-4 rounded-xl border p-4 text-sm ${C.type === "success" ? "border-emerald-200 bg-emerald-50 text-emerald-700" : "border-red-200 bg-red-50 text-red-700"}`,
-            children: C.text
+            className: `mt-4 rounded-xl border p-4 text-sm ${v.type === "success" ? "border-emerald-200 bg-emerald-50 text-emerald-700" : "border-red-200 bg-red-50 text-red-700"}`,
+            children: v.text
           }
         ),
-        c && /* @__PURE__ */ l("div", { className: "border-t pt-4 mt-4", children: [
-          /* @__PURE__ */ s("h3", { className: "text-sm font-medium mb-3", children: "Admin Settings" }),
-          /* @__PURE__ */ l("div", { className: "grid gap-2", children: [
-            /* @__PURE__ */ s(i, { htmlFor: "role", children: "Role" }),
-            /* @__PURE__ */ l(
-              de,
+        i && /* @__PURE__ */ s("div", { className: "border-t pt-4 mt-4", children: [
+          /* @__PURE__ */ l("h3", { className: "text-sm font-medium mb-3", children: "Admin Settings" }),
+          /* @__PURE__ */ s("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ l(n, { htmlFor: "role", children: "Role" }),
+            /* @__PURE__ */ s(
+              Z,
               {
-                value: y("role") || "USER",
-                onValueChange: (t) => m("role", t),
+                value: g("role") || "USER",
+                onValueChange: (a) => _("role", a),
                 children: [
-                  /* @__PURE__ */ s(ce, { children: /* @__PURE__ */ s(oe, { placeholder: "Select role" }) }),
-                  /* @__PURE__ */ l(me, { children: [
-                    /* @__PURE__ */ s(F, { value: "USER", children: "User" }),
-                    /* @__PURE__ */ s(F, { value: "WRITER", children: "Writer" }),
-                    /* @__PURE__ */ s(F, { value: "ADMIN", children: "Admin" })
+                  /* @__PURE__ */ l(D, { children: /* @__PURE__ */ l(ee, { placeholder: "Select role" }) }),
+                  /* @__PURE__ */ s(le, { children: [
+                    /* @__PURE__ */ l($, { value: "USER", children: "User" }),
+                    /* @__PURE__ */ l($, { value: "WRITER", children: "Writer" }),
+                    /* @__PURE__ */ l($, { value: "ADMIN", children: "Admin" })
                   ] })
                 ]
               }
@@ -349,10 +296,10 @@ function Xe({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ s(ie, { className: "flex justify-end", children: /* @__PURE__ */ s(B, { type: "submit", disabled: A, size: "lg", children: r(A ? "saving" : "save_changes") }) })
+      /* @__PURE__ */ l(Q, { className: "flex justify-end", children: /* @__PURE__ */ l(M, { type: "submit", disabled: w, size: "lg", children: r(w ? "saving" : "save_changes") }) })
     ] }) })
   ] });
 }
 export {
-  Xe as CustomerProfileForm
+  Se as CustomerProfileForm
 };

package/lib/components/FreemiusLicensePanel.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),r=require("lucide-react"),x=require("@nextblock-cms/ui/button"),p=require("@nextblock-cms/utils"),a=require("../invoice-ui.cjs.js"),f=require("../invoice.cjs.js");function y({license:s}){const{t,lang:o}=p.useTranslations(),[l,n]=u.useState(!1);if(!s)return null;const m=a.getInvoiceLocale(o),c=s.expiration??s.trialEndsAt,i=c?f.formatInvoiceDate(c,m):null,d=async()=>{if(!(!s.licenseKey||typeof navigator>"u"||!navigator.clipboard))try{await navigator.clipboard.writeText(s.licenseKey),n(!0),window.setTimeout(()=>n(!1),2e3)}catch{}};return e.jsxs("div",{className:"mb-6 rounded-2xl border border-primary/30 bg-primary/5 p-5 print:hidden",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r.KeyRound,{className:"h-5 w-5 text-primary"}),e.jsx("h2",{className:"text-lg font-semibold",children:a.translateOrFallback(t,"ecommerce.license_panel_title","Your license")})]}),s.licenseKey?e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"mt-1 text-sm text-muted-foreground",children:a.translateOrFallback(t,"ecommerce.license_panel_help","Activate this key in your NextBlock install under Settings → Packages.")}),e.jsxs("div",{className:"mt-3 flex flex-col gap-2 sm:flex-row sm:items-center",children:[e.jsx("code",{className:"flex-1 overflow-x-auto rounded-lg border bg-background px-3 py-2 font-mono text-sm",children:s.licenseKey}),e.jsxs(x.Button,{type:"button",variant:"default",onClick:d,className:"shrink-0",children:[l?e.jsx(r.Check,{className:"mr-2 h-4 w-4"}):e.jsx(r.Copy,{className:"mr-2 h-4 w-4"}),l?a.translateOrFallback(t,"ecommerce.license_copied","Copied"):a.translateOrFallback(t,"ecommerce.license_copy","Copy key")]})]})]}):e.jsx("p",{className:"mt-1 text-sm text-muted-foreground",children:a.translateOrFallback(t,"ecommerce.license_panel_email_fallback","Your license key was sent to your email. It will also appear here once your purchase is confirmed.")}),e.jsxs("dl",{className:"mt-4 grid gap-x-6 gap-y-1 text-xs text-muted-foreground sm:grid-cols-2",children:[e.jsxs("div",{className:"flex justify-between gap-3 sm:block",children:[e.jsx("dt",{className:"font-medium",children:a.translateOrFallback(t,"ecommerce.license_number","License #")}),e.jsx("dd",{className:"font-mono",children:s.licenseId})]}),i?e.jsxs("div",{className:"flex justify-between gap-3 sm:block",children:[e.jsx("dt",{className:"font-medium",children:s.isCancelled?a.translateOrFallback(t,"ecommerce.license_expires","Expires"):s.trialEndsAt?a.translateOrFallback(t,"ecommerce.license_trial_ends","Trial ends"):a.translateOrFallback(t,"ecommerce.license_renews","Renews / expires")}),e.jsx("dd",{children:i})]}):null]})]})}exports.FreemiusLicensePanel=y;

package/lib/components/FreemiusLicensePanel.d.ts

@@ -0,0 +1,6 @@
+import { FreemiusOrderLicense } from '../freemius-license-types';
+interface FreemiusLicensePanelProps {
+    license?: FreemiusOrderLicense | null;
+}
+export declare function FreemiusLicensePanel({ license }: FreemiusLicensePanelProps): import("react").JSX.Element | null;
+export {};