"use strict";(self.webpackChunkelite_events_nextjs=self.webpackChunkelite_events_nextjs||[]).push([[121],{"./src/components/features/checkout/AddressSelector.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>AddressSelector});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_components_ui_icons__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/ui/icons/index.ts"),_components_ui__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/ui/index.ts"),_components_ui_FormField__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/ui/FormField/index.tsx");const emptyFormData={name:"",email:"",phone:"",street:"",city:"",state:"",zipCode:"",country:""};function AddressSelector({type,addresses,selectedAddress,onAddressSelect,onAddressChange,loading=!1,sameAsShipping=!1,onSameAsShippingChange,shippingAddress,defaultUserInfo,error}){const[isAddingNew,setIsAddingNew]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!1),[newAddressData,setNewAddressData]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(emptyFormData),[savingAddress,setSavingAddress]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!1),[saveError,setSaveError]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null),title="SHIPPING"===type?"Shipping Address":"Billing Address",icon="SHIPPING"===type?"truck":"credit-card",iconColor="SHIPPING"===type?"text-blue":"text-green";(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{isAddingNew&&defaultUserInfo&&setNewAddressData({name:defaultUserInfo.name||"",email:defaultUserInfo.email||"",phone:defaultUserInfo.phone||"",street:"",city:"",state:"",zipCode:"",country:""})},[isAddingNew,defaultUserInfo]),(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{sameAsShipping&&shippingAddress&&onAddressChange({name:shippingAddress.name||"",email:shippingAddress.email||"",phone:shippingAddress.phone||"",street:shippingAddress.street,city:shippingAddress.city,state:shippingAddress.state,zipCode:shippingAddress.zipCode,country:shippingAddress.country})},[sameAsShipping,shippingAddress,onAddressChange]);const handleSelectAddress=address=>{onAddressSelect(address),setIsAddingNew(!1),onAddressChange({name:address.name||"",email:address.email||"",phone:address.phone||"",street:address.street,city:address.city,state:address.state,zipCode:address.zipCode,country:address.country})},handleAddNew=()=>{onAddressSelect(null),setIsAddingNew(!0),setNewAddressData({name:defaultUserInfo?.name||"",email:defaultUserInfo?.email||"",phone:defaultUserInfo?.phone||"",street:"",city:"",state:"",zipCode:"",country:""})},handleFormChange=e=>{const{name,value}=e.target,updated={...newAddressData,[name]:value};setNewAddressData(updated),onAddressChange(updated)},inputClassName="rounded-md border-gray-3 dark:border-gray-600 bg-gray-1 dark:bg-gray-700 placeholder:text-dark-5 dark:placeholder:text-gray-400 dark:text-gray-200 py-2.5 px-5 focus:shadow-input";return loading?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"bg-white dark:bg-gray-800 shadow-1 rounded-[10px] p-4 sm:p-8.5",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"animate-pulse",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"h-6 bg-gray-200 dark:bg-gray-700 rounded w-1/3 mb-4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"h-24 bg-gray-200 dark:bg-gray-700 rounded"})]})}):"BILLING"===type&&sameAsShipping?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"bg-white dark:bg-gray-800 shadow-1 rounded-[10px] p-4 sm:p-8.5",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"flex items-center justify-between mb-4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h3",{className:"font-medium text-xl text-dark dark:text-white flex items-center gap-2",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui_icons__WEBPACK_IMPORTED_MODULE_2__.In,{name:icon,size:24,className:iconColor}),title]})}),onSameAsShippingChange&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("label",{className:"flex items-center gap-2.5 cursor-pointer",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input",{type:"checkbox",checked:sameAsShipping,onChange:e=>onSameAsShippingChange(e.target.checked),className:"w-4 h-4 rounded border-gray-3 dark:border-gray-600 text-blue focus:ring-blue focus:ring-2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"text-dark dark:text-gray-200 text-custom-sm",children:"Same as shipping address"})]}),shippingAddress&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"mt-4 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"text-sm text-gray-600 dark:text-gray-300",children:"Using shipping address:"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"text-dark dark:text-white font-medium mt-1",children:shippingAddress.name}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:[shippingAddress.street,", ",shippingAddress.city,", ",shippingAddress.state," ",shippingAddress.zipCode]})]})]}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"bg-white dark:bg-gray-800 shadow-1 rounded-[10px] p-4 sm:p-8.5",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h3",{className:"font-medium text-xl text-dark dark:text-white flex items-center gap-2",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui_icons__WEBPACK_IMPORTED_MODULE_2__.In,{name:icon,size:24,className:iconColor}),title]}),!isAddingNew&&addresses.length>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_ui__WEBPACK_IMPORTED_MODULE_3__.$n,{type:"button",variant:"secondary",size:"sm",onClick:handleAddNew,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui_icons__WEBPACK_IMPORTED_MODULE_2__.In,{name:"plus",size:16,className:"mr-1"}),"Add New"]})]}),"BILLING"===type&&onSameAsShippingChange&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"mb-4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("label",{className:"flex items-center gap-2.5 cursor-pointer",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input",{type:"checkbox",checked:sameAsShipping,onChange:e=>onSameAsShippingChange(e.target.checked),className:"w-4 h-4 rounded border-gray-3 dark:border-gray-600 text-blue focus:ring-blue focus:ring-2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"text-dark dark:text-gray-200 text-custom-sm",children:"Same as shipping address"})]})}),error&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"mb-4 p-3 rounded-md bg-red-50 dark:bg-red-900/20 text-red-800 dark:text-red-300 text-sm",children:error}),!isAddingNew&&addresses.length>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"space-y-3 mb-4",children:addresses.map(address=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{onClick:()=>handleSelectAddress(address),className:`\n                p-4 rounded-lg border-2 cursor-pointer transition-all\n                ${selectedAddress?.id===address.id?"border-blue bg-blue/5 dark:bg-blue/10":"border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600"}\n              `,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"flex items-start justify-between",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"flex-1",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"flex items-center gap-2",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"font-medium text-dark dark:text-white",children:address.name||"Unnamed"}),address.isDefault&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"px-2 py-0.5 text-xs font-medium bg-blue text-white rounded-full",children:"Default"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"text-sm text-gray-600 dark:text-gray-400 mt-1",children:address.street}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:[address.city,", ",address.state," ",address.zipCode]}),address.phone&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"text-sm text-gray-500 dark:text-gray-500 mt-1",children:address.phone})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"flex items-center justify-center w-5 h-5 rounded-full border-2 border-gray-300 dark:border-gray-600",children:selectedAddress?.id===address.id&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"w-3 h-3 rounded-full bg-blue"})})]})},address.id))}),0===addresses.length&&!isAddingNew&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"text-center py-6 border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui_icons__WEBPACK_IMPORTED_MODULE_2__.In,{name:"map-pin",size:32,className:"mx-auto mb-3 text-gray-400 dark:text-gray-500"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{className:"text-gray-600 dark:text-gray-400 mb-4",children:["No saved ",type.toLowerCase()," address"]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_ui__WEBPACK_IMPORTED_MODULE_3__.$n,{type:"button",variant:"primary",size:"sm",onClick:handleAddNew,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui_icons__WEBPACK_IMPORTED_MODULE_2__.In,{name:"plus",size:16,className:"mr-1"}),"Add ",title]})]}),(isAddingNew||0===addresses.length)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"space-y-4",children:[addresses.length>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"flex items-center justify-between border-b border-gray-200 dark:border-gray-700 pb-3 mb-4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h4",{className:"font-medium text-dark dark:text-gray-200",children:["New ",title]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui__WEBPACK_IMPORTED_MODULE_3__.$n,{type:"button",variant:"ghost",size:"sm",onClick:()=>{setIsAddingNew(!1),setNewAddressData(emptyFormData),addresses.length>0&&handleSelectAddress(addresses[0])},children:"Cancel"})]}),saveError&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"p-3 rounded-md bg-red-50 dark:bg-red-900/20 text-red-800 dark:text-red-300 text-sm",children:saveError}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h5",{className:"text-sm font-medium text-gray-700 dark:text-gray-300 mb-3",children:"Contact Information"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"space-y-4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui__WEBPACK_IMPORTED_MODULE_3__.pd,{label:"Full Name",type:"text",name:"name",value:newAddressData.name,onChange:handleFormChange,required:!0,placeholder:"John Doe",fullWidth:!0,className:inputClassName}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_ui_FormField__WEBPACK_IMPORTED_MODULE_4__.fh,{gap:6,className:"gap-4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui__WEBPACK_IMPORTED_MODULE_3__.pd,{label:"Email (Optional)",type:"email",name:"email",value:newAddressData.email,onChange:handleFormChange,placeholder:"john@example.com",fullWidth:!0,className:inputClassName}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui__WEBPACK_IMPORTED_MODULE_3__.pd,{label:"Phone (Optional)",type:"tel",name:"phone",value:newAddressData.phone,onChange:handleFormChange,placeholder:"(555) 123-4567",fullWidth:!0,className:inputClassName})]})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h5",{className:"text-sm font-medium text-gray-700 dark:text-gray-300 mb-3",children:"Address Details"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"space-y-4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui__WEBPACK_IMPORTED_MODULE_3__.pd,{label:"Street Address",type:"text",name:"street",value:newAddressData.street,onChange:handleFormChange,required:!0,placeholder:"123 Main Street",fullWidth:!0,className:inputClassName}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_ui_FormField__WEBPACK_IMPORTED_MODULE_4__.fh,{gap:6,className:"gap-4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui__WEBPACK_IMPORTED_MODULE_3__.pd,{label:"City",type:"text",name:"city",value:newAddressData.city,onChange:handleFormChange,required:!0,placeholder:"New York",fullWidth:!0,className:inputClassName}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui__WEBPACK_IMPORTED_MODULE_3__.pd,{label:"State/Province",type:"text",name:"state",value:newAddressData.state,onChange:handleFormChange,required:!0,placeholder:"NY",fullWidth:!0,className:inputClassName})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_ui_FormField__WEBPACK_IMPORTED_MODULE_4__.fh,{gap:6,className:"gap-4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui__WEBPACK_IMPORTED_MODULE_3__.pd,{label:"ZIP/Postal Code",type:"text",name:"zipCode",value:newAddressData.zipCode,onChange:handleFormChange,required:!0,placeholder:"10001",fullWidth:!0,className:inputClassName}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui__WEBPACK_IMPORTED_MODULE_3__.pd,{label:"Country",type:"text",name:"country",value:newAddressData.country,onChange:handleFormChange,required:!0,placeholder:"United States",fullWidth:!0,className:inputClassName})]})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"flex gap-3 pt-2",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_ui__WEBPACK_IMPORTED_MODULE_3__.$n,{type:"button",variant:"secondary",size:"sm",onClick:async()=>{setSavingAddress(!0),setSaveError(null);try{const response=await fetch("/api/user/addresses",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type,...newAddressData,email:newAddressData.email||null,phone:newAddressData.phone||null,isDefault:0===addresses.length})});if(!response.ok){const errorData=await response.json();throw new Error(errorData.error?.message||errorData.error||"Failed to save address")}const result=await response.json();handleSelectAddress(result?.data??result),setIsAddingNew(!1)}catch(err){setSaveError(err instanceof Error?err.message:"Failed to save address")}finally{setSavingAddress(!1)}},loading:savingAddress,disabled:!(newAddressData.name&&newAddressData.street&&newAddressData.city&&newAddressData.state&&newAddressData.zipCode&&newAddressData.country),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui_icons__WEBPACK_IMPORTED_MODULE_2__.In,{name:"check",size:16,className:"mr-1"}),"Save Address"]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"text-sm text-gray-500 dark:text-gray-400 self-center",children:"or continue without saving"})]})]})]})}}}]);