@nextblock-cms/ecom 0.10.2 → 0.10.4

package/lib/components/CustomerProfileForm.cjs.js

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

package/lib/components/CustomerProfileForm.es.js

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