@nextblock-cms/ecom 0.12.13 → 0.12.15

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"),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;
+"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;

package/lib/components/CustomerProfileForm.es.js

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