(self.webpackChunkwebpackWcBlocksFrontendJsonp=self.webpackChunkwebpackWcBlocksFrontendJsonp||[]).push([[636],{4597:(e,t,s)=>{"use strict";s.d(t,{l:()=>D});var r=s(1609),n=s(4656),o=s(6087),a=s(7723),l=s(8537),i=s(851),d=s(332),c=s(3993),u=s(7143),p=s(7594);s(1707);const m=({id:e,className:t,label:s,onChange:l,options:m,value:h,required:g=!1,errorId:E,autoComplete:f="off",errorMessage:v=(0,a.__)("Please select a valid option","woocommerce")})=>{const b=(0,o.useRef)(null),y=(0,o.useId)(),_=e||"control-"+y,C=E||_,{setValidationErrors:A,clearValidationError:k}=(0,u.useDispatch)(p.VALIDATION_STORE_KEY),{error:S,validationErrorId:w}=(0,u.useSelect)((e=>{const t=e(p.VALIDATION_STORE_KEY);return{error:t.getValidationError(C),validationErrorId:t.getValidationErrorId(C)}}));return(0,o.useEffect)((()=>(!g||h?k(C):A({[C]:{message:v,hidden:!0}}),()=>{k(C)})),[k,h,C,v,g,A]),(0,r.createElement)("div",{id:_,className:(0,i.A)("wc-block-components-combobox",t,{"is-active":h,"has-error":(null==S?void 0:S.message)&&!(null!=S&&S.hidden)}),ref:b},(0,r.createElement)(d.A,{className:"wc-block-components-combobox-control",label:s,onChange:l,onFilterValueChange:e=>{if(e.length){const t=(0,c.isObject)(b.current)?b.current.ownerDocument.activeElement:void 0;if(t&&(0,c.isObject)(b.current)&&b.current.contains(t))return;const s=e.toLocaleUpperCase(),r=m.find((e=>e.value.toLocaleUpperCase()===s));if(r)return void l(r.value);const n=m.find((e=>e.label.toLocaleUpperCase().startsWith(s)));n&&l(n.value)}},options:m,value:h||"",allowReset:!1,autoComplete:f,"aria-invalid":(null==S?void 0:S.message)&&!(null!=S&&S.hidden),"aria-errormessage":w}),(0,r.createElement)(n.ValidationInputError,{propertyName:C}))};s(2931);const h=({className:e,countries:t,id:s,label:n,onChange:d,value:c="",autoComplete:u="off",required:p=!1,errorId:h,errorMessage:g=(0,a.__)("Please select a country","woocommerce")})=>{const E=(0,o.useMemo)((()=>Object.entries(t).map((([e,t])=>({value:e,label:(0,l.decodeEntities)(t)})))),[t]);return(0,r.createElement)("div",{className:(0,i.A)(e,"wc-block-components-country-input")},(0,r.createElement)(m,{id:s,label:n,onChange:d,options:E,value:c,errorId:h,errorMessage:g,required:p,autoComplete:u}))};var g=s(812);const E=e=>(0,r.createElement)(h,{countries:g.AG,...e}),f=e=>(0,r.createElement)(h,{countries:g.G3,...e});s(8824);const v=(e,t)=>{const s=t.find((t=>t.label.toLocaleUpperCase()===e.toLocaleUpperCase()||t.value.toLocaleUpperCase()===e.toLocaleUpperCase()));return s?s.value:""},b=({className:e,id:t,states:s,country:d,label:c,onChange:u,autoComplete:p="off",value:h="",required:g=!1,errorId:E=""})=>{const f=s[d],b=(0,o.useMemo)((()=>f?Object.keys(f).map((e=>({value:e,label:(0,l.decodeEntities)(f[e])}))):[]),[f]),y=(0,o.useCallback)((e=>{const t=b.length>0?v(e,b):e;t!==h&&u(t)}),[u,b,h]),_=(0,o.useRef)(h);return(0,o.useEffect)((()=>{_.current!==h&&(_.current=h)}),[h]),(0,o.useEffect)((()=>{if(b.length>0&&_.current){const e=v(_.current,b);e!==_.current&&y(e)}}),[b,y]),b.length>0?(0,r.createElement)(m,{className:(0,i.A)(e,"wc-block-components-state-input"),id:t,label:c,onChange:y,options:b,value:h,errorMessage:(0,a.__)("Please select a state.","woocommerce"),errorId:E,required:g,autoComplete:p}):(0,r.createElement)(n.ValidatedTextInput,{className:e,id:t,label:c,onChange:y,autoComplete:p,value:h,required:g})},y=e=>(0,r.createElement)(b,{states:g.uz,...e}),_=e=>(0,r.createElement)(b,{states:g.SL,...e});var C=s(9491),A=s(1573),k=s(923),S=s.n(k),w=s(8585);var T=s(1e3),I=s(3832);const N=({field:e,props:t,onChange:s,value:l})=>{var i;const d=null!==(i=null==e?void 0:e.required)&&void 0!==i&&i,[c,u]=(0,o.useState)((()=>Boolean(l)||d));return(0,r.createElement)(o.Fragment,null,c?(0,r.createElement)(n.ValidatedTextInput,{...t,type:e.type,label:d?e.label:e.optionalLabel,className:`wc-block-components-address-form__${e.key}`,value:l,onChange:t=>s(e.key,t)}):(0,r.createElement)("button",{className:"wc-block-components-address-form__address_2-toggle",onClick:()=>u(!0)},(0,a.sprintf)(
// translators: %s: address 2 field label.
// translators: %s: address 2 field label.
(0,a.__)("+ Add %s","woocommerce"),e.label.toLowerCase())))},F=(e,t,s)=>({id:`${t}-${null==e?void 0:e.key}`.replaceAll("/","-"),errorId:`${s}_${null==e?void 0:e.key}`,label:null!=e&&e.required?null==e?void 0:e.label:null==e?void 0:e.optionalLabel,autoCapitalize:null==e?void 0:e.autocapitalize,autoComplete:null==e?void 0:e.autocomplete,errorMessage:null==e?void 0:e.errorMessage,required:null==e?void 0:e.required,className:`wc-block-components-address-form__${null==e?void 0:e.key}`.replaceAll("/","-"),...null==e?void 0:e.attributes}),O=(e,t,s)=>({field:t.find((t=>t.key===e)),value:(0,c.objectHasProp)(s,e)?s[e]:void 0}),P=({formId:e,address1:t,address2:s,addressType:o,onChange:a})=>{var l,i,d,c;const u=t?F(t.field,e,o):void 0,p=s?F(s.field,e,o):void 0;return(0,r.createElement)(r.Fragment,null,t&&(0,r.createElement)(n.ValidatedTextInput,{...u,type:null===(l=t.field)||void 0===l?void 0:l.type,label:null===(i=t.field)||void 0===i?void 0:i.label,className:`wc-block-components-address-form__${null===(d=t.field)||void 0===d?void 0:d.key}`,value:t.value,onChange:e=>{var s;return a(null===(s=t.field)||void 0===s?void 0:s.key,e)}}),(null==s?void 0:s.field)&&!(null!=s&&null!==(c=s.field)&&void 0!==c&&c.hidden)&&(0,r.createElement)(N,{field:s.field,props:p,onChange:a,value:null==s?void 0:s.value}))},R=({id:e="",fields:t,fieldConfig:s={},onChange:l,addressType:d="shipping",values:h,children:g})=>{const v=(0,C.useInstanceId)(R),b=(0,A.c)(t),k=(0,A.c)(s),N=(0,A.c)((0,c.objectHasProp)(h,"country")?h.country:""),D=(0,o.useMemo)((()=>{const e=(0,w.A)(b,k,N);return{fields:e,addressType:d,required:e.filter((e=>e.required)),hidden:e.filter((e=>e.hidden))}}),[b,k,N,d]),V=(0,o.useRef)({});return(0,o.useEffect)((()=>{const e={...h,...Object.fromEntries(D.hidden.map((e=>[e.key,""])))};S()(h,e)||l(e)}),[l,D,h]),(0,o.useEffect)((()=>{"shipping"===d&&(0,c.objectHasProp)(h,"country")&&(e=>{const t="shipping_country",s=(0,u.select)(p.VALIDATION_STORE_KEY).getValidationError(t);!e.country&&(e.city||e.state||e.postcode)&&(s?(0,u.dispatch)(p.VALIDATION_STORE_KEY).showValidationError(t):(0,u.dispatch)(p.VALIDATION_STORE_KEY).setValidationErrors({[t]:{message:(0,a.__)("Please select your country","woocommerce"),hidden:!1}})),s&&e.country&&(0,u.dispatch)(p.VALIDATION_STORE_KEY).clearValidationError(t)})(h)}),[h,d]),(0,o.useEffect)((()=>{var e,t;null===(e=V.current)||void 0===e||null===(t=e.postcode)||void 0===t||t.revalidate()}),[N]),e=e||`${v}`,(0,r.createElement)("div",{id:e,className:"wc-block-components-address-form"},D.fields.map((t=>{if(t.hidden)return null;const s=F(t,e,d);if("email"===t.key&&(s.id="email",s.errorId="billing_email"),"checkbox"===t.type)return(0,r.createElement)(n.CheckboxControl,{key:t.key,checked:Boolean(h[t.key]),onChange:e=>{l({...h,[t.key]:e})},...s});if("address_1"===t.key){const s=O("address_1",D.fields,h),n=O("address_2",D.fields,h);return(0,r.createElement)(P,{address1:s,address2:n,addressType:d,formId:e,key:t.key,onChange:(e,t)=>{l({...h,[e]:t})}})}if("address_2"===t.key)return null;if("country"===t.key&&(0,c.objectHasProp)(h,"country")){const e="shipping"===d?f:E;return(0,r.createElement)(e,{key:t.key,...s,value:h.country,onChange:e=>{l({...h,country:e,state:"",postcode:""})}})}if("state"===t.key&&(0,c.objectHasProp)(h,"state")){const e="shipping"===d?_:y;return(0,r.createElement)(e,{key:t.key,...s,country:h.country,value:h.state,onChange:e=>l({...h,state:e})})}return"select"===t.type?void 0===t.options?null:(0,r.createElement)(m,{key:t.key,...s,className:(0,i.A)("wc-block-components-select-input",`wc-block-components-select-input-${t.key}`.replaceAll("/","-")),value:h[t.key],onChange:e=>{l({...h,[t.key]:e})},options:t.options}):(0,r.createElement)(n.ValidatedTextInput,{key:t.key,ref:e=>V.current[t.key]=e,...s,type:t.type,value:h[t.key],onChange:e=>l({...h,[t.key]:e}),customFormatter:e=>"postcode"===t.key?e.trimStart().toUpperCase():e,customValidation:e=>((e,t,s)=>!((e.required||e.value)&&("postcode"===t&&s&&!(0,T.isPostcode)({postcode:e.value,country:s})?(e.setCustomValidity((0,a.__)("Please enter a valid postcode","woocommerce")),1):"email"===t&&!(0,I.isEmail)(e.value)&&(e.setCustomValidity((0,a.__)("Please enter a valid email address","woocommerce")),1))))(e,t.key,(0,c.objectHasProp)(h,"country")?h.country:"")})})),g)},D=R},3494:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var r=s(1609),n=s(6087),o=s(8107),a=s(4717);const l=["BUTTON","FIELDSET","INPUT","OPTGROUP","OPTION","SELECT","TEXTAREA","A"],i=({children:e,style:t={},...s})=>{const i=(0,n.useRef)(null),d=()=>{i.current&&o.focus.focusable.find(i.current).forEach((e=>{l.includes(e.nodeName)&&e.setAttribute("tabindex","-1"),e.hasAttribute("contenteditable")&&e.setAttribute("contenteditable","false")}))},c=(0,a.YQ)(d,0,{leading:!0});return(0,n.useLayoutEffect)((()=>{let e;return d(),i.current&&(e=new window.MutationObserver(c),e.observe(i.current,{childList:!0,attributes:!0,subtree:!0})),()=>{e&&e.disconnect(),c.cancel()}}),[c]),(0,r.createElement)("div",{ref:i,"aria-disabled":"true",style:{userSelect:"none",pointerEvents:"none",cursor:"normal",...t},...s},e)}},5251:(e,t,s)=>{"use strict";s.d(t,{C:()=>d});var r=s(5703),n=s(6087),o=s(7143),a=s(7594),l=s(4107),i=s(4958);const d=()=>{const{needsShipping:e}=(0,i.m)(),{useShippingAsBilling:t,prefersCollection:s}=(0,o.useSelect)((e=>({useShippingAsBilling:e(a.CHECKOUT_STORE_KEY).getUseShippingAsBilling(),prefersCollection:e(a.CHECKOUT_STORE_KEY).prefersCollection()}))),{__internalSetUseShippingAsBilling:d}=(0,o.useDispatch)(a.CHECKOUT_STORE_KEY),{billingAddress:c,setBillingAddress:u,shippingAddress:p,setShippingAddress:m}=(0,l.q)(),h=(0,n.useCallback)((e=>{u({email:e})}),[u]),g=(0,r.getSetting)("forcedBillingAddress",!1);return{shippingAddress:p,billingAddress:c,setShippingAddress:m,setBillingAddress:u,setEmail:h,defaultFields:r.defaultFields,useShippingAsBilling:t,setUseShippingAsBilling:d,needsShipping:e,showShippingFields:!g&&e&&!s,showShippingMethods:e&&!s,showBillingFields:!e||!t||!!s,forcedBillingAddress:g,useBillingAsShipping:g||!!s}}},4107:(e,t,s)=>{"use strict";s.d(t,{q:()=>o});var r=s(7143),n=s(7594);const o=()=>{const{customerData:e,isInitialized:t}=(0,r.useSelect)((e=>{const t=e(n.CART_STORE_KEY);return{customerData:t.getCustomerData(),isInitialized:t.hasFinishedResolution("getCartData")}})),{setShippingAddress:s,setBillingAddress:o}=(0,r.useDispatch)(n.CART_STORE_KEY);return{isInitialized:t,billingAddress:e.billingAddress,shippingAddress:e.shippingAddress,setBillingAddress:o,setShippingAddress:s}}},1573:(e,t,s)=>{"use strict";s.d(t,{c:()=>a});var r=s(6087),n=s(923),o=s.n(n);function a(e){const t=(0,r.useRef)(e);return o()(e,t.current)||(t.current=e),t.current}},3127:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var r=s(1609),n=s(7723),o=s(3993),a=s(5703),l=s(6398);s(1094);const i=({address:e,onEdit:t,target:s,fieldConfig:i})=>{const d=(0,a.getSetting)("countryData",{});let c=(0,a.getSetting)("defaultAddressFormat","{name}\n{company}\n{address_1}\n{address_2}\n{city}\n{state}\n{postcode}\n{country}");(0,o.objectHasProp)(d,null==e?void 0:e.country)&&(0,o.objectHasProp)(d[e.country],"format")&&(0,o.isString)(d[e.country].format)&&(c=d[e.country].format);const{name:u,address:p}=(0,l.M0)(e,c);return(0,r.createElement)("div",{className:"wc-block-components-address-card"},(0,r.createElement)("address",null,(0,r.createElement)("span",{className:"wc-block-components-address-card__address-section"},u),(0,r.createElement)("div",{className:"wc-block-components-address-card__address-section"},p.filter((e=>!!e)).map(((e,t)=>(0,r.createElement)("span",{key:"address-"+t},e)))),e.phone&&!i.phone.hidden?(0,r.createElement)("div",{key:"address-phone",className:"wc-block-components-address-card__address-section"},e.phone):""),t&&(0,r.createElement)("a",{role:"button",href:"#"+s,className:"wc-block-components-address-card__edit","aria-label":(0,n.__)("Edit address","woocommerce"),onClick:e=>{t(),e.preventDefault()}},(0,n.__)("Edit","woocommerce")))}},8202:(e,t,s)=>{"use strict";s.d(t,{A:()=>o});var r=s(1609),n=s(851);s(7259);const o=({isEditing:e=!1,addressCard:t,addressForm:s})=>{const o=(0,n.A)("wc-block-components-address-address-wrapper",{"is-editing":e});return(0,r.createElement)("div",{className:o},(0,r.createElement)("div",{className:"wc-block-components-address-card-wrapper"},t()),(0,r.createElement)("div",{className:"wc-block-components-address-form-wrapper"},s()))}},9017:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});var r=s(7723);const n=({defaultTitle:e=(0,r.__)("Step","woocommerce"),defaultDescription:t=(0,r.__)("Step description text.","woocommerce"),defaultShowStepNumber:s=!0})=>({title:{type:"string",default:e},description:{type:"string",default:t},showStepNumber:{type:"boolean",default:s}})},7275:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>T});var r=s(1609),n=s(851),o=s(1616),a=s(4656),l=s(5251),i=s(7143),d=s(7594),c=s(7723),u=s(6087),p=s(4375),m=s(2663),h=s(2379),g=s(3494),E=s(5703),f=s(5683),v=s(4597),b=s(3603),y=s(812),_=s(8202),C=s(3127);const A=({addressFieldsConfig:e,defaultEditing:t=!1})=>{const{shippingAddress:s,setShippingAddress:n,setBillingAddress:o,useShippingAsBilling:a}=(0,l.C)(),{dispatchCheckoutEvent:c}=(0,b.y)(),[p,m]=(0,u.useState)(t),{hasValidationErrors:h,invalidProps:g}=(0,i.useSelect)((e=>{const t=e(d.VALIDATION_STORE_KEY);return{hasValidationErrors:t.hasValidationErrors(),invalidProps:Object.keys(s).filter((e=>void 0!==t.getValidationError("shipping_"+e))).filter(Boolean)}}));(0,u.useEffect)((()=>{g.length>0&&!1===p&&m(!0)}),[p,h,g.length]);const E=(0,u.useCallback)((e=>{n(e),a&&(o(e),c("set-billing-address")),c("set-shipping-address")}),[c,o,n,a]),f=(0,u.useCallback)((()=>(0,r.createElement)(C.A,{address:s,target:"shipping",onEdit:()=>{m(!0)},fieldConfig:e})),[s,e]),A=(0,u.useCallback)((()=>(0,r.createElement)(v.l,{id:"shipping",addressType:"shipping",onChange:E,values:s,fields:y.Hw,fieldConfig:e})),[e,E,s]);return(0,r.createElement)(_.A,{isEditing:p,addressCard:f,addressForm:A})},k=({showCompanyField:e=!1,requireCompanyField:t=!1,showApartmentField:s=!1,requireApartmentField:n=!1,showPhoneField:o=!1,requirePhoneField:v=!1})=>{const{setBillingAddress:b,shippingAddress:y,billingAddress:_,useShippingAsBilling:C,setUseShippingAsBilling:k}=(0,l.C)(),{isEditor:S}=(0,m.m)(),w=0===(0,E.getSetting)("currentUserId"),T=()=>{const t={...y};o||delete t.phone,e&&delete t.company,b(t)};(0,p.Su)((()=>{C&&T()}));const I=(0,u.useMemo)((()=>({company:{hidden:!e,required:t},address_2:{hidden:!s,required:n},phone:{hidden:!o,required:v}})),[e,t,s,n,o,v]),N=S?g.A:u.Fragment,F=C?[h.tG.SHIPPING_ADDRESS,h.tG.BILLING_ADDRESS]:[h.tG.SHIPPING_ADDRESS],O=!(!y.address_1||!y.first_name&&!y.last_name),{cartDataLoaded:P}=(0,i.useSelect)((e=>({cartDataLoaded:e(d.CART_STORE_KEY).hasFinishedResolution("getCartData")}))),R=S||!O;return(0,r.createElement)(u.Fragment,null,(0,r.createElement)(a.StoreNoticesContainer,{context:F}),(0,r.createElement)(N,null,P?(0,r.createElement)(A,{addressFieldsConfig:I,defaultEditing:R}):null),(0,r.createElement)(a.CheckboxControl,{className:"wc-block-checkout__use-address-for-billing",label:(0,c.__)("Use same address for billing","woocommerce"),checked:C,onChange:e=>{k(e),e?T():(e=>{if(!e||!w)return;const t=(0,f.ln)(e);b(t)})(_)}}))},S={...(0,s(9017).A)({defaultTitle:(0,c.__)("Shipping address","woocommerce"),defaultDescription:(0,c.__)("Enter the address where you want your order delivered.","woocommerce")}),className:{type:"string",default:""},lock:{type:"object",default:{move:!0,remove:!0}}};var w=s(9292);const T=(0,o.withFilteredAttributes)(S)((({title:e,description:t,children:s,className:o})=>{const c=(0,i.useSelect)((e=>e(d.CHECKOUT_STORE_KEY).isProcessing())),{showShippingFields:u}=(0,l.C)(),{showCompanyField:p,requireCompanyField:m,showApartmentField:h,requireApartmentField:g,showPhoneField:E,requirePhoneField:f,showFormStepNumbers:v}=(0,w.Oy)();return u?(0,r.createElement)(a.FormStep,{id:"shipping-fields",disabled:c,className:(0,n.A)("wc-block-checkout__shipping-fields",o),title:e,description:t,showStepNumber:v},(0,r.createElement)(k,{showCompanyField:p,requireCompanyField:m,showApartmentField:h,requireApartmentField:g,showPhoneField:E,requirePhoneField:f}),s):null}))},1707:()=>{},2931:()=>{},8824:()=>{},1094:()=>{},7259:()=>{}}]);