@nextblock-cms/ecom 0.12.16 → 0.13.1

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

package/lib/components/CustomerProfileForm.d.ts

@@ -16,6 +16,10 @@ interface CustomerProfileFormProps {
         error?: string;
     } | void>;
     initialSuccessMessage?: string | null;
+    /** Disable the admin Role selector (e.g. this is the only Admin, so its role can't be changed). */
+    lockRole?: boolean;
+    /** Explanation shown under the disabled Role selector. */
+    lockRoleReason?: string;
 }
-export declare function CustomerProfileForm({ initialData, MediaPickerComponent, isAdmin, email, accountLinks, onAction, initialSuccessMessage, }: CustomerProfileFormProps): React.JSX.Element;
+export declare function CustomerProfileForm({ initialData, MediaPickerComponent, isAdmin, email, accountLinks, onAction, initialSuccessMessage, lockRole, lockRoleReason, }: CustomerProfileFormProps): React.JSX.Element;
 export {};

package/lib/components/CustomerProfileForm.es.js

@@ -1,23 +1,23 @@
 'use client';
 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 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) {
+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 M, AvatarFallback as Q } from "@nextblock-cms/ui/avatar";
+import { Button as Y } from "@nextblock-cms/ui/button";
+import { Card as T, CardHeader as B, CardTitle as I, CardContent as L, CardFooter as Z } from "@nextblock-cms/ui/card";
+import { Checkbox as D } from "@nextblock-cms/ui/checkbox";
+import { Input as t } from "@nextblock-cms/ui/input";
+import { Label as a } from "@nextblock-cms/ui/label";
+import { Select as ee, SelectTrigger as le, SelectValue as se, SelectContent as re, SelectItem as $ } from "@nextblock-cms/ui/select";
+import { Separator as ne } from "@nextblock-cms/ui/separator";
+import { updateProfile as ae } from "../server-actions/customer-actions.es.js";
+import { addressesMatch as P, normalizeCustomerAddress as j, emptyCustomerAddress as de } from "../customer.es.js";
+import { createClient as te } from "@nextblock-cms/db";
+import { User as k, Upload as ce, Phone as ie, Globe as oe } from "lucide-react";
+import { useTranslations as X } from "@nextblock-cms/utils";
+import { normalizeCountryCode as me, countries as pe } from "../countries.es.js";
+function he(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 y(e) {
@@ -29,92 +29,94 @@ function y(e) {
     city: e?.city || "",
     state: e?.state || "",
     postal_code: e?.postal_code || "",
-    country_code: te(e?.country_code) || "CA"
+    country_code: me(e?.country_code) || "CA"
   };
 }
-function P({
+function V({
   prefix: e,
   title: h,
-  register: i
+  register: c
 }) {
-  const { t: c } = V(), b = c("company_name") === "company_name" ? "Company name" : c("company_name");
+  const { t: d } = X(), b = d("company_name") === "company_name" ? "Company name" : d("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("p", { className: "text-sm text-muted-foreground", children: d("profile_address_defaults_help") })
     ] }),
     /* @__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(a, { htmlFor: `${e}-company_name`, children: b }),
+        /* @__PURE__ */ l(t, { id: `${e}-company_name`, ...c(`${e}.company_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(a, { htmlFor: `${e}-recipient_name`, children: d("full_name") }),
+        /* @__PURE__ */ l(t, { id: `${e}-recipient_name`, ...c(`${e}.recipient_name`) })
       ] }),
       /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ l(n, { htmlFor: `${e}-country_code`, children: c("country") }),
+        /* @__PURE__ */ l(a, { htmlFor: `${e}-country_code`, children: d("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",
-            ...i(`${e}.country_code`),
-            children: oe.map((o) => /* @__PURE__ */ l("option", { value: o.code, children: o.name }, o.code))
+            ...c(`${e}.country_code`),
+            children: pe.map((o) => /* @__PURE__ */ l("option", { value: o.code, children: o.name }, o.code))
           }
         )
       ] })
     ] }),
     /* @__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(a, { htmlFor: `${e}-line1`, children: d("address_line_1") }),
+      /* @__PURE__ */ l(t, { id: `${e}-line1`, ...c(`${e}.line1`) })
     ] }),
     /* @__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(a, { htmlFor: `${e}-line2`, children: d("address_line_2") }),
+      /* @__PURE__ */ l(t, { id: `${e}-line2`, ...c(`${e}.line2`) })
     ] }),
     /* @__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(a, { htmlFor: `${e}-city`, children: d("city") }),
+        /* @__PURE__ */ l(t, { id: `${e}-city`, ...c(`${e}.city`) })
       ] }),
       /* @__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(a, { htmlFor: `${e}-state`, children: d("state_province") }),
+        /* @__PURE__ */ l(t, { id: `${e}-state`, ...c(`${e}.state`) })
       ] }),
       /* @__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`) })
+        /* @__PURE__ */ l(a, { htmlFor: `${e}-postal_code`, children: d("postal_zip_code") }),
+        /* @__PURE__ */ l(t, { id: `${e}-postal_code`, ...c(`${e}.postal_code`) })
       ] })
     ] })
   ] });
 }
-function Se({
+function Te({
   initialData: e,
   MediaPickerComponent: h,
-  isAdmin: i,
-  email: c,
+  isAdmin: c,
+  email: d,
   accountLinks: b,
   onAction: o,
-  initialSuccessMessage: u
+  initialSuccessMessage: u,
+  lockRole: w,
+  lockRoleReason: z
 }) {
-  const { t: r } = V(), [w, C] = S(!1), [v, N] = S(
+  const { t: r } = X(), [C, A] = R(!1), [v, N] = R(
     u ? { type: "success", text: u } : null
-  ), X = e?.use_billing_for_shipping ?? (!e?.shipping_address || L(e?.billing_address, e?.shipping_address)), {
+  ), W = e?.use_billing_for_shipping ?? (!e?.shipping_address || P(e?.billing_address, e?.shipping_address)), {
     register: m,
-    handleSubmit: z,
+    handleSubmit: G,
     setValue: _,
     getValues: E,
     watch: g,
     reset: F
-  } = H({
+  } = q({
     defaultValues: {
       full_name: e?.full_name || "",
       avatar_url: e?.avatar_url || "",
       website: e?.website || "",
       phone: e?.phone || "",
       role: e?.role,
-      use_billing_for_shipping: X,
+      use_billing_for_shipping: W,
       billing_address: y(e?.billing_address),
       shipping_address: y(e?.shipping_address)
     }
@@ -126,56 +128,56 @@ function Se({
       website: e.website || "",
       phone: e.phone || "",
       role: e.role,
-      use_billing_for_shipping: e.use_billing_for_shipping ?? (!e.shipping_address || L(e.billing_address, e.shipping_address)),
+      use_billing_for_shipping: e.use_billing_for_shipping ?? (!e.shipping_address || P(e.billing_address, e.shipping_address)),
       billing_address: y(e.billing_address),
       shipping_address: y(e.shipping_address)
     });
   }, [e, F]), x.useEffect(() => {
     u && N({ type: "success", text: u });
   }, [u]), x.useEffect(() => {
-    const a = ne();
+    const n = te();
     (async () => {
       const {
         data: { user: f }
-      } = await a.auth.getUser();
+      } = await n.auth.getUser();
       f && !E("full_name") && f.user_metadata?.full_name && _("full_name", f.user_metadata.full_name);
     })();
   }, [E, _]);
-  const W = (a) => {
-    const p = me(a?.object_key ?? a?.file_path);
+  const H = (n) => {
+    const p = he(n?.object_key ?? n?.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);
+  }, O = async (n) => {
+    A(!0), N(null);
+    const p = j(n.billing_address) ?? de(), f = n.use_billing_for_shipping ? p : j(n.shipping_address);
     try {
-      const t = {
-        ...a,
+      const i = {
+        ...n,
         billing_address: p,
         shipping_address: f
       };
       if (o) {
-        const A = await o(t);
-        if (A?.error)
-          throw new Error(A.error);
+        const S = await o(i);
+        if (S?.error)
+          throw new Error(S.error);
       } else
-        await re(t);
+        await ae(i);
       N({ type: "success", text: r("profile_updated_success") });
-    } catch (t) {
-      if (t.message === "NEXT_REDIRECT" || t.message?.includes("NEXT_REDIRECT"))
+    } catch (i) {
+      if (i.message === "NEXT_REDIRECT" || i.message?.includes("NEXT_REDIRECT"))
         return;
-      console.error(t), N({ type: "error", text: t.message || r("profile_update_failed") });
+      console.error(i), N({ type: "error", text: i.message || r("profile_update_failed") });
     } finally {
-      C(!1);
+      A(!1);
     }
   }, 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(T, { className: "md:col-span-4 h-fit", children: [
+      /* @__PURE__ */ l(B, { children: /* @__PURE__ */ l(I, { className: "text-xl", children: r("public_profile") }) }),
+      /* @__PURE__ */ s(L, { 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" }) })
+          /* @__PURE__ */ s(K, { className: "h-32 w-32 border-4 border-muted", children: [
+            /* @__PURE__ */ l(M, { src: g("avatar_url") || void 0, className: "object-cover" }),
+            /* @__PURE__ */ l(Q, { className: "text-4xl bg-secondary", children: g("full_name")?.charAt(0)?.toUpperCase() || /* @__PURE__ */ l(k, { className: "h-12 w-12" }) })
           ] }),
           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,
@@ -183,22 +185,22 @@ function Se({
               triggerLabel: /* @__PURE__ */ l(ce, { className: "h-6 w-6 text-white" }),
               triggerVariant: "ghost",
               title: r("customer_profile"),
-              onSelect: W,
-              accept: (a) => a.file_type.startsWith("image/"),
+              onSelect: H,
+              accept: (n) => n.file_type.startsWith("image/"),
               hideTrigger: !1
             }
           ) })
         ] }),
         !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(a, { htmlFor: "avatar_url", className: "sr-only", children: r("avatar_url") }),
+          /* @__PURE__ */ l(t, { id: "avatar_url", ...m("avatar_url"), placeholder: "https://...", className: "mt-2" })
         ] }),
         /* @__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") }) })
         ] }),
         b?.length ? /* @__PURE__ */ l(
-          O,
+          J,
           {
             links: b,
             className: "mt-2 text-left"
@@ -206,61 +208,61 @@ function Se({
         ) : null
       ] })
     ] }),
-    /* @__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: [
+    /* @__PURE__ */ l(T, { className: "md:col-span-8", children: /* @__PURE__ */ s("form", { onSubmit: G(O), children: [
+      /* @__PURE__ */ l(B, { children: /* @__PURE__ */ l(I, { children: r("details") }) }),
+      /* @__PURE__ */ s(L, { className: "space-y-6", children: [
+        d && /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ s(a, { htmlFor: "email", children: [
             r("email") || "Email",
             " (Read-only)"
           ] }),
-          /* @__PURE__ */ l(d, { id: "email", value: c, readOnly: !0, disabled: !0, className: "bg-muted/50" })
+          /* @__PURE__ */ l(t, { id: "email", value: d, 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: 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" }),
+            /* @__PURE__ */ s(a, { htmlFor: "full_name", className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ l(k, { className: "h-4 w-4" }),
               " ",
               r("full_name")
             ] }),
-            /* @__PURE__ */ l(d, { id: "full_name", ...m("full_name") })
+            /* @__PURE__ */ l(t, { id: "full_name", ...m("full_name") })
           ] }),
           /* @__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" }),
+            /* @__PURE__ */ s(a, { htmlFor: "phone", className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ l(ie, { className: "h-4 w-4" }),
               " ",
               r("phone_number")
             ] }),
-            /* @__PURE__ */ l(d, { id: "phone", ...m("phone") })
+            /* @__PURE__ */ l(t, { id: "phone", ...m("phone") })
           ] })
         ] }),
         /* @__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" }),
+          /* @__PURE__ */ s(a, { htmlFor: "website", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ l(oe, { className: "h-4 w-4" }),
             " ",
             r("website")
           ] }),
-          /* @__PURE__ */ l(d, { id: "website", ...m("website"), placeholder: "https://example.com" })
+          /* @__PURE__ */ l(t, { id: "website", ...m("website"), placeholder: "https://example.com" })
         ] }),
-        /* @__PURE__ */ l(se, { className: "my-2" }),
-        /* @__PURE__ */ l(P, { prefix: "billing_address", title: r("billing_address"), register: m }),
+        /* @__PURE__ */ l(ne, { className: "my-2" }),
+        /* @__PURE__ */ l(V, { 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,
+            D,
             {
               id: "use_billing_for_shipping",
               checked: !!U,
-              onCheckedChange: (a) => _("use_billing_for_shipping", !!a, { shouldDirty: !0 })
+              onCheckedChange: (n) => _("use_billing_for_shipping", !!n, { shouldDirty: !0 })
             }
           ),
           /* @__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(a, { 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") })
           ] })
         ] }),
         !U && /* @__PURE__ */ l(
-          P,
+          V,
           {
             prefix: "shipping_address",
             title: r("shipping_address"),
@@ -274,32 +276,34 @@ function Se({
             children: v.text
           }
         ),
-        i && /* @__PURE__ */ s("div", { className: "border-t pt-4 mt-4", children: [
+        c && /* @__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__ */ l(a, { htmlFor: "role", children: "Role" }),
             /* @__PURE__ */ s(
-              Z,
+              ee,
               {
                 value: g("role") || "USER",
-                onValueChange: (a) => _("role", a),
+                onValueChange: (n) => _("role", n),
+                disabled: w,
                 children: [
-                  /* @__PURE__ */ l(D, { children: /* @__PURE__ */ l(ee, { placeholder: "Select role" }) }),
-                  /* @__PURE__ */ s(le, { children: [
+                  /* @__PURE__ */ l(le, { children: /* @__PURE__ */ l(se, { placeholder: "Select role" }) }),
+                  /* @__PURE__ */ s(re, { children: [
                     /* @__PURE__ */ l($, { value: "USER", children: "User" }),
                     /* @__PURE__ */ l($, { value: "WRITER", children: "Writer" }),
                     /* @__PURE__ */ l($, { value: "ADMIN", children: "Admin" })
                   ] })
                 ]
               }
-            )
+            ),
+            w && /* @__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(Q, { className: "flex justify-end", children: /* @__PURE__ */ l(M, { type: "submit", disabled: w, size: "lg", children: r(w ? "saving" : "save_changes") }) })
+      /* @__PURE__ */ l(Z, { className: "flex justify-end", children: /* @__PURE__ */ l(Y, { type: "submit", disabled: C, size: "lg", children: r(C ? "saving" : "save_changes") }) })
     ] }) })
   ] });
 }
 export {
-  Se as CustomerProfileForm
+  Te as CustomerProfileForm
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextblock-cms/ecom",
-  "version": "0.12.16",
+  "version": "0.13.1",
   "publishConfig": {
     "access": "public"
   },
@@ -10,9 +10,9 @@
   },
   "type": "module",
   "dependencies": {
-    "@nextblock-cms/db": "^0.12.16",
-    "@nextblock-cms/ui": "^0.12.16",
-    "@nextblock-cms/utils": "^0.12.16",
+    "@nextblock-cms/db": "^0.13.1",
+    "@nextblock-cms/ui": "^0.13.1",
+    "@nextblock-cms/utils": "^0.13.1",
     "@freemius/checkout": "^1.4.1",
     "@freemius/sdk": "^0.3.0",
     "@hookform/resolvers": "^5.2.2",