@nextblock-cms/ecom 0.20.1 → 0.21.0

package/lib/components/CouponForm.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),I=require("@nextblock-cms/ui/badge"),K=require("@nextblock-cms/ui/button"),R=require("@nextblock-cms/ui/input"),$=require("@nextblock-cms/ui/label"),w=require("lucide-react"),z=require("@nextblock-cms/utils"),P=require("../use-price-formatter.cjs.js"),F=require("../coupons.cjs.js"),q=require("../use-cart.cjs.js"),T=require("../server-actions/coupon-actions.cjs.js");function V({items:c,currencyCode:i,onQuoteChange:l,compact:d=!1}){const x=q.useCart(e=>e.appliedCoupon),p=q.useCart(e=>e.setAppliedCoupon),s=q.useCart(e=>e.removeCoupon),{t:N}=z.useTranslations(),S=P.usePriceFormatter(),[h,A]=r.useState(""),[a,m]=r.useState(null),[b,u]=r.useState(""),[j,k]=r.useState(!1),f=r.useRef(null),_=r.useMemo(()=>c.map(e=>`${e.product_id}:${e.variant_id||"base"}:${e.quantity}`).sort().join("|"),[c]),n=r.useCallback((e,C)=>{const v=N(e);return v===e?C:v},[N]),y=r.useCallback(e=>`${F.normalizeCouponCode(e)}:${i}:${_}`,[_,i]),g=r.useCallback(async(e,C)=>{const v=F.normalizeCouponCode(e);if(!v){u(n("ecommerce.coupon_code_required","Enter a coupon code."));return}k(!0),u("");try{const t=await T.getCouponQuoteAction({code:v,items:c,currencyCode:i});if(!t.success){m(null),l?.(null),s?.(),u(t.errorKey?n(t.errorKey,t.error):t.error);return}f.current=y(t.quote.code),m(t.quote),l?.(t.quote),C?.silent||(p?.({code:t.quote.code,couponId:t.quote.couponId}),A("")),C?.silent||u("")}catch(t){console.error("Failed to validate coupon:",t),f.current=null,m(null),l?.(null),u(n("ecommerce.coupon_validation_failed","Failed to validate coupon."))}finally{k(!1)}},[s,i,y,c,l,p,n]);if(r.useEffect(()=>{if(!p||!s)return;if(!x||c.length===0){f.current=null,m(null),l?.(null);return}const e=y(x.code);f.current!==e&&(f.current=e,g(x.code,{silent:!0}))},[x?.code,g,s,y,c.length,l,p]),!p||!s)return null;const E=()=>{s(),m(null),l?.(null),u("")};return o.jsxs("div",{className:d?"space-y-2":"rounded-lg border bg-muted/10 p-4 space-y-3",children:[o.jsxs("div",{className:"flex items-center justify-between gap-3",children:[o.jsxs($.Label,{htmlFor:d?"coupon-code-compact":"coupon-code",className:"flex items-center gap-2 text-sm font-medium",children:[o.jsx(w.Tag,{className:"h-4 w-4"}),n("ecommerce.coupon","Coupon")]}),a?o.jsxs(I.Badge,{variant:"secondary",className:"gap-1",children:[a.code,o.jsx("button",{type:"button",onClick:E,"aria-label":n("ecommerce.remove_coupon","Remove coupon {code}").replace("{code}",a.code),className:"-mr-1 inline-flex h-6 w-6 items-center justify-center rounded-full focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",children:o.jsx(w.X,{className:"h-3 w-3"})})]}):null]}),a?o.jsxs("div",{className:"flex items-center justify-between gap-3 text-sm",children:[o.jsx("span",{className:"min-w-0 truncate text-muted-foreground",children:a.name}),o.jsx("span",{className:"shrink-0 font-medium tabular-nums text-emerald-600 dark:text-emerald-400",children:S(-a.discountTotal,i)})]}):o.jsxs("div",{className:"flex gap-2",children:[o.jsx(R.Input,{id:d?"coupon-code-compact":"coupon-code",name:"coupon",autoComplete:"off",autoCapitalize:"characters",spellCheck:!1,"aria-invalid":b?!0:void 0,"aria-describedby":b?d?"coupon-error-compact":"coupon-error":void 0,value:h,onChange:e=>A(e.target.value),placeholder:n("ecommerce.coupon_placeholder","SAVE10…"),className:"uppercase",onKeyDown:e=>{e.key==="Enter"&&!j&&(e.preventDefault(),g(h))}}),o.jsx(K.Button,{type:"button",variant:"outline",disabled:j||c.length===0,onClick:()=>{g(h)},children:j?n("ecommerce.applying","Applying…"):n("ecommerce.apply","Apply")})]}),b?o.jsx("p",{id:d?"coupon-error-compact":"coupon-error",role:"alert",className:"text-xs text-destructive",children:b}):null]})}exports.CouponForm=V;
+"use client";const e=require("../use-cart.cjs.js"),t=require("../use-price-formatter.cjs.js"),n=require("../coupons.cjs.js"),r=require("../server-actions/coupon-actions.cjs.js");let i=require("@nextblock-cms/ui/badge"),a=require("@nextblock-cms/ui/button"),o=require("react"),s=require("lucide-react"),c=require("@nextblock-cms/utils"),l=require("react/jsx-runtime"),u=require("@nextblock-cms/ui/input"),d=require("@nextblock-cms/ui/label");function f({items:f,currencyCode:p,onQuoteChange:m,compact:h=!1}){let g=e.useCart(e=>e.appliedCoupon),_=e.useCart(e=>e.setAppliedCoupon),v=e.useCart(e=>e.removeCoupon),{t:y}=(0,c.useTranslations)(),b=t.usePriceFormatter(),[x,S]=(0,o.useState)(``),[C,w]=(0,o.useState)(null),[T,E]=(0,o.useState)(``),[D,O]=(0,o.useState)(!1),k=(0,o.useRef)(null),A=(0,o.useMemo)(()=>f.map(e=>`${e.product_id}:${e.variant_id||`base`}:${e.quantity}`).sort().join(`|`),[f]),j=(0,o.useCallback)((e,t)=>{let n=y(e);return n===e?t:n},[y]),M=(0,o.useCallback)(e=>`${n.normalizeCouponCode(e)}:${p}:${A}`,[A,p]),N=(0,o.useCallback)(async(e,t)=>{let i=n.normalizeCouponCode(e);if(!i){E(j(`ecommerce.coupon_code_required`,`Enter a coupon code.`));return}O(!0),E(``);try{let e=await r.getCouponQuoteAction({code:i,items:f,currencyCode:p});if(!e.success){w(null),m?.(null),v?.(),E(e.errorKey?j(e.errorKey,e.error):e.error);return}k.current=M(e.quote.code),w(e.quote),m?.(e.quote),t?.silent||(_?.({code:e.quote.code,couponId:e.quote.couponId}),S(``)),t?.silent||E(``)}catch(e){console.error(`Failed to validate coupon:`,e),k.current=null,w(null),m?.(null),E(j(`ecommerce.coupon_validation_failed`,`Failed to validate coupon.`))}finally{O(!1)}},[v,p,M,f,m,_,j]);return(0,o.useEffect)(()=>{if(!_||!v)return;if(!g||f.length===0){k.current=null,w(null),m?.(null);return}let e=M(g.code);k.current!==e&&(k.current=e,N(g.code,{silent:!0}))},[g?.code,N,v,M,f.length,m,_]),!_||!v?null:(0,l.jsxs)(`div`,{className:h?`space-y-2`:`rounded-lg border bg-muted/10 p-4 space-y-3`,children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,l.jsxs)(d.Label,{htmlFor:h?`coupon-code-compact`:`coupon-code`,className:`flex items-center gap-2 text-sm font-medium`,children:[(0,l.jsx)(s.Tag,{className:`h-4 w-4`}),j(`ecommerce.coupon`,`Coupon`)]}),C?(0,l.jsxs)(i.Badge,{variant:`secondary`,className:`gap-1`,children:[C.code,(0,l.jsx)(`button`,{type:`button`,onClick:()=>{v(),w(null),m?.(null),E(``)},"aria-label":j(`ecommerce.remove_coupon`,`Remove coupon {code}`).replace(`{code}`,C.code),className:`-mr-1 inline-flex h-6 w-6 items-center justify-center rounded-full focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring`,children:(0,l.jsx)(s.X,{className:`h-3 w-3`})})]}):null]}),C?(0,l.jsxs)(`div`,{className:`flex items-center justify-between gap-3 text-sm`,children:[(0,l.jsx)(`span`,{className:`min-w-0 truncate text-muted-foreground`,children:C.name}),(0,l.jsx)(`span`,{className:`shrink-0 font-medium tabular-nums text-emerald-600 dark:text-emerald-400`,children:b(-C.discountTotal,p)})]}):(0,l.jsxs)(`div`,{className:`flex gap-2`,children:[(0,l.jsx)(u.Input,{id:h?`coupon-code-compact`:`coupon-code`,name:`coupon`,autoComplete:`off`,autoCapitalize:`characters`,spellCheck:!1,"aria-invalid":T?!0:void 0,"aria-describedby":T?h?`coupon-error-compact`:`coupon-error`:void 0,value:x,onChange:e=>S(e.target.value),placeholder:j(`ecommerce.coupon_placeholder`,`SAVE10…`),className:`uppercase`,onKeyDown:e=>{e.key===`Enter`&&!D&&(e.preventDefault(),N(x))}}),(0,l.jsx)(a.Button,{type:`button`,variant:`outline`,disabled:D||f.length===0,onClick:()=>void N(x),children:D?j(`ecommerce.applying`,`Applying…`):j(`ecommerce.apply`,`Apply`)})]}),T?(0,l.jsx)(`p`,{id:h?`coupon-error-compact`:`coupon-error`,role:`alert`,className:`text-xs text-destructive`,children:T}):null]})}exports.CouponForm=f;

package/lib/components/CouponForm.d.ts

@@ -5,4 +5,4 @@ export declare function CouponForm({ items, currencyCode, onQuoteChange, compact
     currencyCode: string;
     onQuoteChange?: (quote: CouponQuote | null) => void;
     compact?: boolean;
-}): import("react").JSX.Element | null;
+}): import('react').JSX.Element | null;

package/lib/components/CouponForm.es.js

@@ -1,149 +1,137 @@
-'use client';
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { useState as C, useRef as $, useMemo as z, useCallback as q, useEffect as R } from "react";
-import { Badge as S } from "@nextblock-cms/ui/badge";
-import { Button as T } from "@nextblock-cms/ui/button";
-import { Input as V } from "@nextblock-cms/ui/input";
-import { Label as B } from "@nextblock-cms/ui/label";
-import { Tag as D, X as P } from "lucide-react";
-import { useTranslations as L } from "@nextblock-cms/utils";
-import { usePriceFormatter as M } from "../use-price-formatter.es.js";
-import { normalizeCouponCode as F } from "../coupons.es.js";
-import { useCart as w } from "../use-cart.es.js";
-import { getCouponQuoteAction as O } from "../server-actions/coupon-actions.es.js";
-function te({
-  items: n,
-  currencyCode: s,
-  onQuoteChange: l,
-  compact: p = !1
-}) {
-  const y = w((e) => e.appliedCoupon), d = w((e) => e.setAppliedCoupon), c = w((e) => e.removeCoupon), { t: _ } = L(), I = M(), [N, k] = C(""), [a, m] = C(null), [h, i] = C(""), [A, j] = C(!1), f = $(null), E = z(
-    () => n.map((e) => `${e.product_id}:${e.variant_id || "base"}:${e.quantity}`).sort().join("|"),
-    [n]
-  ), r = q((e, x) => {
-    const v = _(e);
-    return v === e ? x : v;
-  }, [_]), b = q(
-    (e) => `${F(e)}:${s}:${E}`,
-    [E, s]
-  ), g = q(async (e, x) => {
-    const v = F(e);
-    if (!v) {
-      i(r("ecommerce.coupon_code_required", "Enter a coupon code."));
-      return;
-    }
-    j(!0), i("");
-    try {
-      const o = await O({
-        code: v,
-        items: n,
-        currencyCode: s
-      });
-      if (!o.success) {
-        m(null), l?.(null), c?.(), i(o.errorKey ? r(o.errorKey, o.error) : o.error);
-        return;
-      }
-      f.current = b(o.quote.code), m(o.quote), l?.(o.quote), x?.silent || (d?.({
-        code: o.quote.code,
-        couponId: o.quote.couponId
-      }), k("")), x?.silent || i("");
-    } catch (o) {
-      console.error("Failed to validate coupon:", o), f.current = null, m(null), l?.(null), i(
-        r("ecommerce.coupon_validation_failed", "Failed to validate coupon.")
-      );
-    } finally {
-      j(!1);
-    }
-  }, [
-    c,
-    s,
-    b,
-    n,
-    l,
-    d,
-    r
-  ]);
-  if (R(() => {
-    if (!d || !c)
-      return;
-    if (!y || n.length === 0) {
-      f.current = null, m(null), l?.(null);
-      return;
-    }
-    const e = b(y.code);
-    f.current !== e && (f.current = e, g(y.code, { silent: !0 }));
-  }, [
-    y?.code,
-    g,
-    c,
-    b,
-    n.length,
-    l,
-    d
-  ]), !d || !c)
-    return null;
-  const K = () => {
-    c(), m(null), l?.(null), i("");
-  };
-  return /* @__PURE__ */ u("div", { className: p ? "space-y-2" : "rounded-lg border bg-muted/10 p-4 space-y-3", children: [
-    /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ u(B, { htmlFor: p ? "coupon-code-compact" : "coupon-code", className: "flex items-center gap-2 text-sm font-medium", children: [
-        /* @__PURE__ */ t(D, { className: "h-4 w-4" }),
-        r("ecommerce.coupon", "Coupon")
-      ] }),
-      a ? /* @__PURE__ */ u(S, { variant: "secondary", className: "gap-1", children: [
-        a.code,
-        /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: K,
-            "aria-label": r("ecommerce.remove_coupon", "Remove coupon {code}").replace("{code}", a.code),
-            className: "-mr-1 inline-flex h-6 w-6 items-center justify-center rounded-full focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
-            children: /* @__PURE__ */ t(P, { className: "h-3 w-3" })
-          }
-        )
-      ] }) : null
-    ] }),
-    a ? /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
-      /* @__PURE__ */ t("span", { className: "min-w-0 truncate text-muted-foreground", children: a.name }),
-      /* @__PURE__ */ t("span", { className: "shrink-0 font-medium tabular-nums text-emerald-600 dark:text-emerald-400", children: I(-a.discountTotal, s) })
-    ] }) : /* @__PURE__ */ u("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ t(
-        V,
-        {
-          id: p ? "coupon-code-compact" : "coupon-code",
-          name: "coupon",
-          autoComplete: "off",
-          autoCapitalize: "characters",
-          spellCheck: !1,
-          "aria-invalid": h ? !0 : void 0,
-          "aria-describedby": h ? p ? "coupon-error-compact" : "coupon-error" : void 0,
-          value: N,
-          onChange: (e) => k(e.target.value),
-          placeholder: r("ecommerce.coupon_placeholder", "SAVE10…"),
-          className: "uppercase",
-          onKeyDown: (e) => {
-            e.key === "Enter" && !A && (e.preventDefault(), g(N));
-          }
-        }
-      ),
-      /* @__PURE__ */ t(
-        T,
-        {
-          type: "button",
-          variant: "outline",
-          disabled: A || n.length === 0,
-          onClick: () => {
-            g(N);
-          },
-          children: A ? r("ecommerce.applying", "Applying…") : r("ecommerce.apply", "Apply")
-        }
-      )
-    ] }),
-    h ? /* @__PURE__ */ t("p", { id: p ? "coupon-error-compact" : "coupon-error", role: "alert", className: "text-xs text-destructive", children: h }) : null
-  ] });
+"use client";
+import { useCart as e } from "../use-cart.es.js";
+import { usePriceFormatter as t } from "../use-price-formatter.es.js";
+import { normalizeCouponCode as n } from "../coupons.es.js";
+import { getCouponQuoteAction as r } from "../server-actions/coupon-actions.es.js";
+import { Badge as i } from "@nextblock-cms/ui/badge";
+import { Button as a } from "@nextblock-cms/ui/button";
+import { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Tag as d, X as f } from "lucide-react";
+import { useTranslations as p } from "@nextblock-cms/utils";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Input as g } from "@nextblock-cms/ui/input";
+import { Label as _ } from "@nextblock-cms/ui/label";
+//#region libs/ecommerce/src/lib/components/CouponForm.tsx
+function v({ items: v, currencyCode: y, onQuoteChange: b, compact: x = !1 }) {
+	let S = e((e) => e.appliedCoupon), C = e((e) => e.setAppliedCoupon), w = e((e) => e.removeCoupon), { t: T } = p(), E = t(), [D, O] = u(""), [k, A] = u(null), [j, M] = u(""), [N, P] = u(!1), F = l(null), I = c(() => v.map((e) => `${e.product_id}:${e.variant_id || "base"}:${e.quantity}`).sort().join("|"), [v]), L = o((e, t) => {
+		let n = T(e);
+		return n === e ? t : n;
+	}, [T]), R = o((e) => `${n(e)}:${y}:${I}`, [I, y]), z = o(async (e, t) => {
+		let i = n(e);
+		if (!i) {
+			M(L("ecommerce.coupon_code_required", "Enter a coupon code."));
+			return;
+		}
+		P(!0), M("");
+		try {
+			let e = await r({
+				code: i,
+				items: v,
+				currencyCode: y
+			});
+			if (!e.success) {
+				A(null), b?.(null), w?.(), M(e.errorKey ? L(e.errorKey, e.error) : e.error);
+				return;
+			}
+			F.current = R(e.quote.code), A(e.quote), b?.(e.quote), t?.silent || (C?.({
+				code: e.quote.code,
+				couponId: e.quote.couponId
+			}), O("")), t?.silent || M("");
+		} catch (e) {
+			console.error("Failed to validate coupon:", e), F.current = null, A(null), b?.(null), M(L("ecommerce.coupon_validation_failed", "Failed to validate coupon."));
+		} finally {
+			P(!1);
+		}
+	}, [
+		w,
+		y,
+		R,
+		v,
+		b,
+		C,
+		L
+	]);
+	return s(() => {
+		if (!C || !w) return;
+		if (!S || v.length === 0) {
+			F.current = null, A(null), b?.(null);
+			return;
+		}
+		let e = R(S.code);
+		F.current !== e && (F.current = e, z(S.code, { silent: !0 }));
+	}, [
+		S?.code,
+		z,
+		w,
+		R,
+		v.length,
+		b,
+		C
+	]), !C || !w ? null : /* @__PURE__ */ h("div", {
+		className: x ? "space-y-2" : "rounded-lg border bg-muted/10 p-4 space-y-3",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ h(_, {
+					htmlFor: x ? "coupon-code-compact" : "coupon-code",
+					className: "flex items-center gap-2 text-sm font-medium",
+					children: [/* @__PURE__ */ m(d, { className: "h-4 w-4" }), L("ecommerce.coupon", "Coupon")]
+				}), k ? /* @__PURE__ */ h(i, {
+					variant: "secondary",
+					className: "gap-1",
+					children: [k.code, /* @__PURE__ */ m("button", {
+						type: "button",
+						onClick: () => {
+							w(), A(null), b?.(null), M("");
+						},
+						"aria-label": L("ecommerce.remove_coupon", "Remove coupon {code}").replace("{code}", k.code),
+						className: "-mr-1 inline-flex h-6 w-6 items-center justify-center rounded-full focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+						children: /* @__PURE__ */ m(f, { className: "h-3 w-3" })
+					})]
+				}) : null]
+			}),
+			k ? /* @__PURE__ */ h("div", {
+				className: "flex items-center justify-between gap-3 text-sm",
+				children: [/* @__PURE__ */ m("span", {
+					className: "min-w-0 truncate text-muted-foreground",
+					children: k.name
+				}), /* @__PURE__ */ m("span", {
+					className: "shrink-0 font-medium tabular-nums text-emerald-600 dark:text-emerald-400",
+					children: E(-k.discountTotal, y)
+				})]
+			}) : /* @__PURE__ */ h("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ m(g, {
+					id: x ? "coupon-code-compact" : "coupon-code",
+					name: "coupon",
+					autoComplete: "off",
+					autoCapitalize: "characters",
+					spellCheck: !1,
+					"aria-invalid": j ? !0 : void 0,
+					"aria-describedby": j ? x ? "coupon-error-compact" : "coupon-error" : void 0,
+					value: D,
+					onChange: (e) => O(e.target.value),
+					placeholder: L("ecommerce.coupon_placeholder", "SAVE10…"),
+					className: "uppercase",
+					onKeyDown: (e) => {
+						e.key === "Enter" && !N && (e.preventDefault(), z(D));
+					}
+				}), /* @__PURE__ */ m(a, {
+					type: "button",
+					variant: "outline",
+					disabled: N || v.length === 0,
+					onClick: () => void z(D),
+					children: N ? L("ecommerce.applying", "Applying…") : L("ecommerce.apply", "Apply")
+				})]
+			}),
+			j ? /* @__PURE__ */ m("p", {
+				id: x ? "coupon-error-compact" : "coupon-error",
+				role: "alert",
+				className: "text-xs text-destructive",
+				children: j
+			}) : null
+		]
+	});
 }
-export {
-  te as CouponForm
-};
+//#endregion
+export { v as CouponForm };

package/lib/components/CurrencySwitcher.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@nextblock-cms/ui/select"),o=require("@nextblock-cms/utils"),i=require("../CurrencyProvider.cjs.js");function a(){const{activeCurrencyCode:t,currencies:n,setActiveCurrencyCode:u}=i.useCurrency(),{t:l}=o.useTranslations(),s=l("ecommerce.currency")==="ecommerce.currency"?"Currency":l("ecommerce.currency");return n.length<=1?null:e.jsxs(r.Select,{value:t,onValueChange:u,children:[e.jsx(r.SelectTrigger,{"aria-label":s,className:"h-9 w-[88px] text-xs font-semibold",children:e.jsx(r.SelectValue,{placeholder:t})}),e.jsx(r.SelectContent,{children:n.map(c=>e.jsx(r.SelectItem,{value:c.code,children:c.code},c.code))})]})}exports.CurrencySwitcher=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../CurrencyProvider.cjs.js");let t=require("@nextblock-cms/utils"),n=require("react/jsx-runtime"),r=require("@nextblock-cms/ui/select");function i(){let{activeCurrencyCode:i,currencies:a,setActiveCurrencyCode:o}=e.useCurrency(),{t:s}=(0,t.useTranslations)(),c=s(`ecommerce.currency`)===`ecommerce.currency`?`Currency`:s(`ecommerce.currency`);return a.length<=1?null:(0,n.jsxs)(r.Select,{value:i,onValueChange:o,children:[(0,n.jsx)(r.SelectTrigger,{"aria-label":c,className:`h-9 w-[88px] text-xs font-semibold`,children:(0,n.jsx)(r.SelectValue,{placeholder:i})}),(0,n.jsx)(r.SelectContent,{children:a.map(e=>(0,n.jsx)(r.SelectItem,{value:e.code,children:e.code},e.code))})]})}exports.CurrencySwitcher=i;

package/lib/components/CurrencySwitcher.d.ts

@@ -1 +1 @@
-export declare function CurrencySwitcher(): import("react").JSX.Element | null;
+export declare function CurrencySwitcher(): import('react').JSX.Element | null;

package/lib/components/CurrencySwitcher.es.js

@@ -1,19 +1,23 @@
-'use client';
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Select as m, SelectTrigger as u, SelectValue as a, SelectContent as s, SelectItem as d } from "@nextblock-cms/ui/select";
-import { useTranslations as h } from "@nextblock-cms/utils";
-import { useCurrency as C } from "../CurrencyProvider.es.js";
-function S() {
-  const {
-    activeCurrencyCode: c,
-    currencies: t,
-    setActiveCurrencyCode: o
-  } = C(), { t: n } = h(), l = n("ecommerce.currency") === "ecommerce.currency" ? "Currency" : n("ecommerce.currency");
-  return t.length <= 1 ? null : /* @__PURE__ */ i(m, { value: c, onValueChange: o, children: [
-    /* @__PURE__ */ e(u, { "aria-label": l, className: "h-9 w-[88px] text-xs font-semibold", children: /* @__PURE__ */ e(a, { placeholder: c }) }),
-    /* @__PURE__ */ e(s, { children: t.map((r) => /* @__PURE__ */ e(d, { value: r.code, children: r.code }, r.code)) })
-  ] });
+"use client";
+import { useCurrency as e } from "../CurrencyProvider.es.js";
+import { useTranslations as t } from "@nextblock-cms/utils";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Select as i, SelectContent as a, SelectItem as o, SelectTrigger as s, SelectValue as c } from "@nextblock-cms/ui/select";
+//#region libs/ecommerce/src/lib/components/CurrencySwitcher.tsx
+function l() {
+	let { activeCurrencyCode: l, currencies: u, setActiveCurrencyCode: d } = e(), { t: f } = t(), p = f("ecommerce.currency") === "ecommerce.currency" ? "Currency" : f("ecommerce.currency");
+	return u.length <= 1 ? null : /* @__PURE__ */ r(i, {
+		value: l,
+		onValueChange: d,
+		children: [/* @__PURE__ */ n(s, {
+			"aria-label": p,
+			className: "h-9 w-[88px] text-xs font-semibold",
+			children: /* @__PURE__ */ n(c, { placeholder: l })
+		}), /* @__PURE__ */ n(a, { children: u.map((e) => /* @__PURE__ */ n(o, {
+			value: e.code,
+			children: e.code
+		}, e.code)) })]
+	});
 }
-export {
-  S as CurrencySwitcher
-};
+//#endregion
+export { l as CurrencySwitcher };

package/lib/components/CustomerProfileForm.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),z=require("react-hook-form"),M=require("./AccountNavigationMenu.cjs.js"),w=require("@nextblock-cms/ui/avatar"),W=require("@nextblock-cms/ui/button"),i=require("@nextblock-cms/ui/card"),H=require("@nextblock-cms/ui/checkbox"),n=require("@nextblock-cms/ui/input"),a=require("@nextblock-cms/ui/label"),d=require("@nextblock-cms/ui/select"),O=require("@nextblock-cms/ui/separator"),G=require("../server-actions/customer-actions.cjs.js"),f=require("../customer.cjs.js"),J=require("@nextblock-cms/db"),y=require("lucide-react"),R=require("@nextblock-cms/utils"),T=require("../countries.cjs.js");function K(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}function $(s){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:T.normalizeCountryCode(s?.country_code)||"CA"}}function q({prefix:s,title:_,register:c}){const{t}=R.useTranslations(),v=t("company_name")==="company_name"?"Company name":t("company_name");return e.jsxs("div",{className:"space-y-4 rounded-xl border p-4",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-medium",children:_}),e.jsx("p",{className:"text-sm text-muted-foreground",children:t("profile_address_defaults_help")})]}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-3",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-company_name`,children:v}),e.jsx(n.Input,{id:`${s}-company_name`,...c(`${s}.company_name`)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-recipient_name`,children:t("full_name")}),e.jsx(n.Input,{id:`${s}-recipient_name`,...c(`${s}.recipient_name`)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-country_code`,children:t("country")}),e.jsx("select",{id:`${s}-country_code`,className:"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",...c(`${s}.country_code`),children:T.countries.map(o=>e.jsx("option",{value:o.code,children:o.name},o.code))})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-line1`,children:t("address_line_1")}),e.jsx(n.Input,{id:`${s}-line1`,...c(`${s}.line1`)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-line2`,children:t("address_line_2")}),e.jsx(n.Input,{id:`${s}-line2`,...c(`${s}.line2`)})]}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-3",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-city`,children:t("city")}),e.jsx(n.Input,{id:`${s}-city`,...c(`${s}.city`)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-state`,children:t("state_province")}),e.jsx(n.Input,{id:`${s}-state`,...c(`${s}.state`)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-postal_code`,children:t("postal_zip_code")}),e.jsx(n.Input,{id:`${s}-postal_code`,...c(`${s}.postal_code`)})]})]})]})}function Q({initialData:s,MediaPickerComponent:_,isAdmin:c,email:t,accountLinks:v,onAction:o,initialSuccessMessage:x,lockRole:A,lockRoleReason:B}){const{t:l}=R.useTranslations(),[F,L]=b.useState(!1),[N,C]=b.useState(x?{type:"success",text:x}:null),P=s?.use_billing_for_shipping??(!s?.shipping_address||f.addressesMatch(s?.billing_address,s?.shipping_address)),{register:m,handleSubmit:k,setValue:g,getValues:S,watch:u,reset:I}=z.useForm({defaultValues:{full_name:s?.full_name||"",avatar_url:s?.avatar_url||"",website:s?.website||"",phone:s?.phone||"",role:s?.role,use_billing_for_shipping:P,billing_address:$(s?.billing_address),shipping_address:$(s?.shipping_address)}});b.useEffect(()=>{s&&I({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||f.addressesMatch(s.billing_address,s.shipping_address)),billing_address:$(s.billing_address),shipping_address:$(s.shipping_address)})},[s,I]),b.useEffect(()=>{x&&C({type:"success",text:x})},[x]),b.useEffect(()=>{const r=J.createClient();(async()=>{const{data:{user:j}}=await r.auth.getUser();j&&!S("full_name")&&j.user_metadata?.full_name&&g("full_name",j.user_metadata.full_name)})()},[S,g]);const V=r=>{const p=K(r?.object_key??r?.file_path);p&&g("avatar_url",p)},X=async r=>{L(!0),C(null);const p=f.normalizeCustomerAddress(r.billing_address)??f.emptyCustomerAddress(),j=r.use_billing_for_shipping?p:f.normalizeCustomerAddress(r.shipping_address);try{const h={...r,billing_address:p,shipping_address:j};if(o){const U=await o(h);if(U?.error)throw new Error(U.error)}else await G.updateProfile(h);C({type:"success",text:l("profile_updated_success")})}catch(h){if(h.message==="NEXT_REDIRECT"||h.message?.includes("NEXT_REDIRECT"))return;console.error(h),C({type:"error",text:l("profile_update_failed")})}finally{L(!1)}},E=u("use_billing_for_shipping");return e.jsxs("div",{className:"grid gap-6 md:grid-cols-12 max-w-5xl mx-auto",children:[e.jsxs(i.Card,{className:"md:col-span-4 h-fit",children:[e.jsx(i.CardHeader,{children:e.jsx(i.CardTitle,{className:"text-xl",children:l("public_profile")})}),e.jsxs(i.CardContent,{className:"flex flex-col items-center text-center space-y-4",children:[e.jsxs("div",{className:"relative group",children:[e.jsxs(w.Avatar,{className:"h-32 w-32 border-4 border-muted",children:[e.jsx(w.AvatarImage,{src:u("avatar_url")||void 0,alt:u("full_name")||"",className:"object-cover"}),e.jsx(w.AvatarFallback,{className:"text-4xl bg-secondary",children:u("full_name")?.charAt(0)?.toUpperCase()||e.jsx(y.User,{className:"h-12 w-12"})})]}),_&&e.jsx("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:e.jsx(_,{triggerLabel:e.jsxs(e.Fragment,{children:[e.jsx(y.Upload,{className:"h-6 w-6 text-white"}),e.jsx("span",{className:"sr-only",children:l("profile_change_avatar")==="profile_change_avatar"?"Change profile picture":l("profile_change_avatar")})]}),triggerVariant:"ghost",title:l("customer_profile"),onSelect:V,accept:r=>r.file_type.startsWith("image/"),hideTrigger:!1})})]}),!_&&e.jsxs("div",{className:"w-full",children:[e.jsx(a.Label,{htmlFor:"avatar_url",className:"sr-only",children:l("avatar_url")}),e.jsx(n.Input,{id:"avatar_url",type:"url",autoComplete:"off",...m("avatar_url"),placeholder:"https://…",className:"mt-2"})]}),e.jsxs("div",{className:"w-full space-y-1 text-left mt-4",children:[e.jsx("div",{className:"text-sm font-medium text-muted-foreground uppercase tracking-wider",children:l("identity")}),e.jsx("div",{className:"flex items-center gap-2",children:e.jsx("span",{className:"font-semibold text-lg",children:u("full_name")||l("full_name")})})]}),v?.length?e.jsx(M.AccountNavigationMenu,{links:v,className:"mt-2 text-left"}):null]})]}),e.jsx(i.Card,{className:"md:col-span-8",children:e.jsxs("form",{onSubmit:k(X),children:[e.jsx(i.CardHeader,{children:e.jsx(i.CardTitle,{children:l("details")})}),e.jsxs(i.CardContent,{className:"space-y-6",children:[t&&e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a.Label,{htmlFor:"email",children:[l("email")==="email"?"Email":l("email")," (",l("read_only")==="read_only"?"read-only":l("read_only"),")"]}),e.jsx(n.Input,{id:"email",value:t,readOnly:!0,disabled:!0,className:"bg-muted/50"})]}),e.jsx("div",{className:"rounded-xl border bg-muted/20 p-4 text-sm text-muted-foreground",children:l("profile_basic_info_help")}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a.Label,{htmlFor:"full_name",className:"flex items-center gap-2",children:[e.jsx(y.User,{className:"h-4 w-4"})," ",l("full_name")]}),e.jsx(n.Input,{id:"full_name",autoComplete:"name",...m("full_name")})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a.Label,{htmlFor:"phone",className:"flex items-center gap-2",children:[e.jsx(y.Phone,{className:"h-4 w-4"})," ",l("phone_number")]}),e.jsx(n.Input,{id:"phone",type:"tel",inputMode:"tel",autoComplete:"tel",...m("phone")})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a.Label,{htmlFor:"website",className:"flex items-center gap-2",children:[e.jsx(y.Globe,{className:"h-4 w-4"})," ",l("website")]}),e.jsx(n.Input,{id:"website",type:"url",autoComplete:"url",...m("website"),placeholder:"https://example.com"})]}),e.jsx(O.Separator,{className:"my-2"}),e.jsx(q,{prefix:"billing_address",title:l("billing_address"),register:m}),e.jsxs("div",{className:"flex items-center space-x-3 rounded-lg border p-4",children:[e.jsx(H.Checkbox,{id:"use_billing_for_shipping",checked:!!E,onCheckedChange:r=>g("use_billing_for_shipping",!!r,{shouldDirty:!0})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(a.Label,{htmlFor:"use_billing_for_shipping",className:"cursor-pointer",children:l("use_billing_for_shipping")}),e.jsx("p",{className:"text-sm text-muted-foreground",children:l("profile_use_billing_for_shipping_help")})]})]}),!E&&e.jsx(q,{prefix:"shipping_address",title:l("shipping_address"),register:m}),N&&e.jsx("div",{role:N.type==="error"?"alert":"status",className:`mt-4 rounded-xl border p-4 text-sm ${N.type==="success"?"border-emerald-200 bg-emerald-50 text-emerald-700":"border-red-200 bg-red-50 text-red-700"}`,children:N.text}),c&&e.jsxs("div",{className:"border-t pt-4 mt-4",children:[e.jsx("h3",{className:"text-sm font-medium mb-3",children:"Admin Settings"}),e.jsxs("div",{className:"grid gap-2",children:[e.jsx(a.Label,{htmlFor:"role",children:"Role"}),e.jsxs(d.Select,{value:u("role")||"USER",onValueChange:r=>g("role",r),disabled:A,children:[e.jsx(d.SelectTrigger,{children:e.jsx(d.SelectValue,{placeholder:"Select role"})}),e.jsxs(d.SelectContent,{children:[e.jsx(d.SelectItem,{value:"USER",children:"User"}),e.jsx(d.SelectItem,{value:"WRITER",children:"Writer"}),e.jsx(d.SelectItem,{value:"ADMIN",children:"Admin"})]})]}),A&&e.jsx("p",{className:"text-xs text-muted-foreground",children:B||"This is the only Admin account, so its role can't be changed. Promote another user to Admin first."})]})]})]}),e.jsx(i.CardFooter,{className:"flex justify-end",children:e.jsx(W.Button,{type:"submit",disabled:F,size:"lg",children:l(F?"saving":"save_changes")})})]})})]})}exports.CustomerProfileForm=Q;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../countries.cjs.js"),n=require("../customer.cjs.js"),r=require("./AccountNavigationMenu.cjs.js"),i=require("../server-actions/customer-actions.cjs.js");let a=require("@nextblock-cms/ui/button"),o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("@nextblock-cms/utils"),l=require("react/jsx-runtime"),u=require("@nextblock-cms/ui/input"),d=require("@nextblock-cms/ui/label"),f=require("@nextblock-cms/ui/card"),p=require("@nextblock-cms/ui/checkbox"),m=require("@nextblock-cms/ui/separator"),h=require("@nextblock-cms/ui/select"),g=require("react-hook-form"),_=require("@nextblock-cms/ui/avatar"),v=require("@nextblock-cms/db");function y(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 b(e){return{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:t.normalizeCountryCode(e?.country_code)||`CA`}}function x({prefix:e,title:n,register:r}){let{t:i}=(0,c.useTranslations)(),a=i(`company_name`)===`company_name`?`Company name`:i(`company_name`);return(0,l.jsxs)(`div`,{className:`space-y-4 rounded-xl border p-4`,children:[(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`h3`,{className:`text-lg font-medium`,children:n}),(0,l.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:i(`profile_address_defaults_help`)})]}),(0,l.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-3`,children:[(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsx)(d.Label,{htmlFor:`${e}-company_name`,children:a}),(0,l.jsx)(u.Input,{id:`${e}-company_name`,...r(`${e}.company_name`)})]}),(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsx)(d.Label,{htmlFor:`${e}-recipient_name`,children:i(`full_name`)}),(0,l.jsx)(u.Input,{id:`${e}-recipient_name`,...r(`${e}.recipient_name`)})]}),(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsx)(d.Label,{htmlFor:`${e}-country_code`,children:i(`country`)}),(0,l.jsx)(`select`,{id:`${e}-country_code`,className:`flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm`,...r(`${e}.country_code`),children:t.countries.map(e=>(0,l.jsx)(`option`,{value:e.code,children:e.name},e.code))})]})]}),(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsx)(d.Label,{htmlFor:`${e}-line1`,children:i(`address_line_1`)}),(0,l.jsx)(u.Input,{id:`${e}-line1`,...r(`${e}.line1`)})]}),(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsx)(d.Label,{htmlFor:`${e}-line2`,children:i(`address_line_2`)}),(0,l.jsx)(u.Input,{id:`${e}-line2`,...r(`${e}.line2`)})]}),(0,l.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-3`,children:[(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsx)(d.Label,{htmlFor:`${e}-city`,children:i(`city`)}),(0,l.jsx)(u.Input,{id:`${e}-city`,...r(`${e}.city`)})]}),(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsx)(d.Label,{htmlFor:`${e}-state`,children:i(`state_province`)}),(0,l.jsx)(u.Input,{id:`${e}-state`,...r(`${e}.state`)})]}),(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsx)(d.Label,{htmlFor:`${e}-postal_code`,children:i(`postal_zip_code`)}),(0,l.jsx)(u.Input,{id:`${e}-postal_code`,...r(`${e}.postal_code`)})]})]})]})}function S({initialData:e,MediaPickerComponent:t,isAdmin:S,email:C,accountLinks:w,onAction:T,initialSuccessMessage:E,lockRole:D,lockRoleReason:O}){let{t:k}=(0,c.useTranslations)(),[A,j]=(0,o.useState)(!1),[M,N]=(0,o.useState)(E?{type:`success`,text:E}:null),P=e?.use_billing_for_shipping??(!e?.shipping_address||n.addressesMatch(e?.billing_address,e?.shipping_address)),{register:F,handleSubmit:I,setValue:L,getValues:R,watch:z,reset:B}=(0,g.useForm)({defaultValues:{full_name:e?.full_name||``,avatar_url:e?.avatar_url||``,website:e?.website||``,phone:e?.phone||``,role:e?.role,use_billing_for_shipping:P,billing_address:b(e?.billing_address),shipping_address:b(e?.shipping_address)}});o.default.useEffect(()=>{e&&B({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||n.addressesMatch(e.billing_address,e.shipping_address)),billing_address:b(e.billing_address),shipping_address:b(e.shipping_address)})},[e,B]),o.default.useEffect(()=>{E&&N({type:`success`,text:E})},[E]),o.default.useEffect(()=>{let e=(0,v.createClient)();(async()=>{let{data:{user:t}}=await e.auth.getUser();t&&!R(`full_name`)&&t.user_metadata?.full_name&&L(`full_name`,t.user_metadata.full_name)})()},[R,L]);let V=e=>{let t=y(e?.object_key??e?.file_path);t&&L(`avatar_url`,t)},H=async e=>{j(!0),N(null);let t=n.normalizeCustomerAddress(e.billing_address)??n.emptyCustomerAddress(),r=e.use_billing_for_shipping?t:n.normalizeCustomerAddress(e.shipping_address);try{let n={...e,billing_address:t,shipping_address:r};if(T){let e=await T(n);if(e?.error)throw Error(e.error)}else await i.updateProfile(n);N({type:`success`,text:k(`profile_updated_success`)})}catch(e){if(e.message===`NEXT_REDIRECT`||e.message?.includes(`NEXT_REDIRECT`))return;console.error(e),N({type:`error`,text:k(`profile_update_failed`)})}finally{j(!1)}},U=z(`use_billing_for_shipping`);return(0,l.jsxs)(`div`,{className:`grid gap-6 md:grid-cols-12 max-w-5xl mx-auto`,children:[(0,l.jsxs)(f.Card,{className:`md:col-span-4 h-fit`,children:[(0,l.jsx)(f.CardHeader,{children:(0,l.jsx)(f.CardTitle,{className:`text-xl`,children:k(`public_profile`)})}),(0,l.jsxs)(f.CardContent,{className:`flex flex-col items-center text-center space-y-4`,children:[(0,l.jsxs)(`div`,{className:`relative group`,children:[(0,l.jsxs)(_.Avatar,{className:`h-32 w-32 border-4 border-muted`,children:[(0,l.jsx)(_.AvatarImage,{src:z(`avatar_url`)||void 0,alt:z(`full_name`)||``,className:`object-cover`}),(0,l.jsx)(_.AvatarFallback,{className:`text-4xl bg-secondary`,children:z(`full_name`)?.charAt(0)?.toUpperCase()||(0,l.jsx)(s.User,{className:`h-12 w-12`})})]}),t&&(0,l.jsx)(`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:(0,l.jsx)(t,{triggerLabel:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.Upload,{className:`h-6 w-6 text-white`}),(0,l.jsx)(`span`,{className:`sr-only`,children:k(`profile_change_avatar`)===`profile_change_avatar`?`Change profile picture`:k(`profile_change_avatar`)})]}),triggerVariant:`ghost`,title:k(`customer_profile`),onSelect:V,accept:e=>e.file_type.startsWith(`image/`),hideTrigger:!1})})]}),!t&&(0,l.jsxs)(`div`,{className:`w-full`,children:[(0,l.jsx)(d.Label,{htmlFor:`avatar_url`,className:`sr-only`,children:k(`avatar_url`)}),(0,l.jsx)(u.Input,{id:`avatar_url`,type:`url`,autoComplete:`off`,...F(`avatar_url`),placeholder:`https://…`,className:`mt-2`})]}),(0,l.jsxs)(`div`,{className:`w-full space-y-1 text-left mt-4`,children:[(0,l.jsx)(`div`,{className:`text-sm font-medium text-muted-foreground uppercase tracking-wider`,children:k(`identity`)}),(0,l.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,l.jsx)(`span`,{className:`font-semibold text-lg`,children:z(`full_name`)||k(`full_name`)})})]}),w?.length?(0,l.jsx)(r.AccountNavigationMenu,{links:w,className:`mt-2 text-left`}):null]})]}),(0,l.jsx)(f.Card,{className:`md:col-span-8`,children:(0,l.jsxs)(`form`,{onSubmit:I(H),children:[(0,l.jsx)(f.CardHeader,{children:(0,l.jsx)(f.CardTitle,{children:k(`details`)})}),(0,l.jsxs)(f.CardContent,{className:`space-y-6`,children:[C&&(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsxs)(d.Label,{htmlFor:`email`,children:[k(`email`)===`email`?`Email`:k(`email`),` (`,k(`read_only`)===`read_only`?`read-only`:k(`read_only`),`)`]}),(0,l.jsx)(u.Input,{id:`email`,value:C,readOnly:!0,disabled:!0,className:`bg-muted/50`})]}),(0,l.jsx)(`div`,{className:`rounded-xl border bg-muted/20 p-4 text-sm text-muted-foreground`,children:k(`profile_basic_info_help`)}),(0,l.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsxs)(d.Label,{htmlFor:`full_name`,className:`flex items-center gap-2`,children:[(0,l.jsx)(s.User,{className:`h-4 w-4`}),` `,k(`full_name`)]}),(0,l.jsx)(u.Input,{id:`full_name`,autoComplete:`name`,...F(`full_name`)})]}),(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsxs)(d.Label,{htmlFor:`phone`,className:`flex items-center gap-2`,children:[(0,l.jsx)(s.Phone,{className:`h-4 w-4`}),` `,k(`phone_number`)]}),(0,l.jsx)(u.Input,{id:`phone`,type:`tel`,inputMode:`tel`,autoComplete:`tel`,...F(`phone`)})]})]}),(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsxs)(d.Label,{htmlFor:`website`,className:`flex items-center gap-2`,children:[(0,l.jsx)(s.Globe,{className:`h-4 w-4`}),` `,k(`website`)]}),(0,l.jsx)(u.Input,{id:`website`,type:`url`,autoComplete:`url`,...F(`website`),placeholder:`https://example.com`})]}),(0,l.jsx)(m.Separator,{className:`my-2`}),(0,l.jsx)(x,{prefix:`billing_address`,title:k(`billing_address`),register:F}),(0,l.jsxs)(`div`,{className:`flex items-center space-x-3 rounded-lg border p-4`,children:[(0,l.jsx)(p.Checkbox,{id:`use_billing_for_shipping`,checked:!!U,onCheckedChange:e=>L(`use_billing_for_shipping`,!!e,{shouldDirty:!0})}),(0,l.jsxs)(`div`,{className:`space-y-1`,children:[(0,l.jsx)(d.Label,{htmlFor:`use_billing_for_shipping`,className:`cursor-pointer`,children:k(`use_billing_for_shipping`)}),(0,l.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:k(`profile_use_billing_for_shipping_help`)})]})]}),!U&&(0,l.jsx)(x,{prefix:`shipping_address`,title:k(`shipping_address`),register:F}),M&&(0,l.jsx)(`div`,{role:M.type===`error`?`alert`:`status`,className:`mt-4 rounded-xl border p-4 text-sm ${M.type===`success`?`border-emerald-200 bg-emerald-50 text-emerald-700`:`border-red-200 bg-red-50 text-red-700`}`,children:M.text}),S&&(0,l.jsxs)(`div`,{className:`border-t pt-4 mt-4`,children:[(0,l.jsx)(`h3`,{className:`text-sm font-medium mb-3`,children:`Admin Settings`}),(0,l.jsxs)(`div`,{className:`grid gap-2`,children:[(0,l.jsx)(d.Label,{htmlFor:`role`,children:`Role`}),(0,l.jsxs)(h.Select,{value:z(`role`)||`USER`,onValueChange:e=>L(`role`,e),disabled:D,children:[(0,l.jsx)(h.SelectTrigger,{children:(0,l.jsx)(h.SelectValue,{placeholder:`Select role`})}),(0,l.jsxs)(h.SelectContent,{children:[(0,l.jsx)(h.SelectItem,{value:`USER`,children:`User`}),(0,l.jsx)(h.SelectItem,{value:`WRITER`,children:`Writer`}),(0,l.jsx)(h.SelectItem,{value:`ADMIN`,children:`Admin`})]})]}),D&&(0,l.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:O||`This is the only Admin account, so its role can't be changed. Promote another user to Admin first.`})]})]})]}),(0,l.jsx)(f.CardFooter,{className:`flex justify-end`,children:(0,l.jsx)(a.Button,{type:`submit`,disabled:A,size:`lg`,children:k(A?`saving`:`save_changes`)})})]})})]})}exports.CustomerProfileForm=S;