(self.webpackChunkwebpackWcBlocksFrontendJsonp=self.webpackChunkwebpackWcBlocksFrontendJsonp||[]).push([[4037],{4597:(e,t,s)=>{"use strict";s.d(t,{l:()=>R});var r=s(1609),n=s(4656),l=s(6087),o=s(7723),a=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:a,options:m,value:g,required:h=!1,errorId:E,autoComplete:f="off",errorMessage:v=(0,o.__)("Please select a valid option","woocommerce")})=>{const b=(0,l.useRef)(null),y=(0,l.useId)(),_=e||"control-"+y,A=E||_,{setValidationErrors:C,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(A),validationErrorId:t.getValidationErrorId(A)}}));return(0,l.useEffect)((()=>(!h||g?k(A):C({[A]:{message:v,hidden:!0}}),()=>{k(A)})),[k,g,A,v,h,C]),(0,r.createElement)("div",{id:_,className:(0,i.A)("wc-block-components-combobox",t,{"is-active":g,"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:a,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 a(r.value);const n=m.find((e=>e.label.toLocaleUpperCase().startsWith(s)));n&&a(n.value)}},options:m,value:g||"",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:A}))};s(2931);const g=({className:e,countries:t,id:s,label:n,onChange:d,value:c="",autoComplete:u="off",required:p=!1,errorId:g,errorMessage:h=(0,o.__)("Please select a country","woocommerce")})=>{const E=(0,l.useMemo)((()=>Object.entries(t).map((([e,t])=>({value:e,label:(0,a.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:g,errorMessage:h,required:p,autoComplete:u}))};var h=s(812);const E=e=>(0,r.createElement)(g,{countries:h.AG,...e}),f=e=>(0,r.createElement)(g,{countries:h.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:g="",required:h=!1,errorId:E=""})=>{const f=s[d],b=(0,l.useMemo)((()=>f?Object.keys(f).map((e=>({value:e,label:(0,a.decodeEntities)(f[e])}))):[]),[f]),y=(0,l.useCallback)((e=>{const t=b.length>0?v(e,b):e;t!==g&&u(t)}),[u,b,g]),_=(0,l.useRef)(g);return(0,l.useEffect)((()=>{_.current!==g&&(_.current=g)}),[g]),(0,l.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:g,errorMessage:(0,o.__)("Please select a state.","woocommerce"),errorId:E,required:h,autoComplete:p}):(0,r.createElement)(n.ValidatedTextInput,{className:e,id:t,label:c,onChange:y,autoComplete:p,value:g,required:h})},y=e=>(0,r.createElement)(b,{states:h.uz,...e}),_=e=>(0,r.createElement)(b,{states:h.SL,...e});var A=s(9491),C=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:a})=>{var i;const d=null!==(i=null==e?void 0:e.required)&&void 0!==i&&i,[c,u]=(0,l.useState)((()=>Boolean(a)||d));return(0,r.createElement)(l.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:a,onChange:t=>s(e.key,t)}):(0,r.createElement)("button",{className:"wc-block-components-address-form__address_2-toggle",onClick:()=>u(!0)},(0,o.sprintf)(
// translators: %s: address 2 field label.
// translators: %s: address 2 field label.
(0,o.__)("+ 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}),B=({formId:e,address1:t,address2:s,addressType:l,onChange:o})=>{var a,i,d,c;const u=t?F(t.field,e,l):void 0,p=s?F(s.field,e,l):void 0;return(0,r.createElement)(r.Fragment,null,t&&(0,r.createElement)(n.ValidatedTextInput,{...u,type:null===(a=t.field)||void 0===a?void 0:a.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 o(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:o,value:null==s?void 0:s.value}))},P=({id:e="",fields:t,fieldConfig:s={},onChange:a,addressType:d="shipping",values:g,children:h})=>{const v=(0,A.useInstanceId)(P),b=(0,C.c)(t),k=(0,C.c)(s),N=(0,C.c)((0,c.objectHasProp)(g,"country")?g.country:""),R=(0,l.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]),D=(0,l.useRef)({});return(0,l.useEffect)((()=>{const e={...g,...Object.fromEntries(R.hidden.map((e=>[e.key,""])))};S()(g,e)||a(e)}),[a,R,g]),(0,l.useEffect)((()=>{"shipping"===d&&(0,c.objectHasProp)(g,"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,o.__)("Please select your country","woocommerce"),hidden:!1}})),s&&e.country&&(0,u.dispatch)(p.VALIDATION_STORE_KEY).clearValidationError(t)})(g)}),[g,d]),(0,l.useEffect)((()=>{var e,t;null===(e=D.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"},R.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(g[t.key]),onChange:e=>{a({...g,[t.key]:e})},...s});if("address_1"===t.key){const s=O("address_1",R.fields,g),n=O("address_2",R.fields,g);return(0,r.createElement)(B,{address1:s,address2:n,addressType:d,formId:e,key:t.key,onChange:(e,t)=>{a({...g,[e]:t})}})}if("address_2"===t.key)return null;if("country"===t.key&&(0,c.objectHasProp)(g,"country")){const e="shipping"===d?f:E;return(0,r.createElement)(e,{key:t.key,...s,value:g.country,onChange:e=>{a({...g,country:e,state:"",postcode:""})}})}if("state"===t.key&&(0,c.objectHasProp)(g,"state")){const e="shipping"===d?_:y;return(0,r.createElement)(e,{key:t.key,...s,country:g.country,value:g.state,onChange:e=>a({...g,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:g[t.key],onChange:e=>{a({...g,[t.key]:e})},options:t.options}):(0,r.createElement)(n.ValidatedTextInput,{key:t.key,ref:e=>D.current[t.key]=e,...s,type:t.type,value:g[t.key],onChange:e=>a({...g,[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,o.__)("Please enter a valid postcode","woocommerce")),1):"email"===t&&!(0,I.isEmail)(e.value)&&(e.setCustomValidity((0,o.__)("Please enter a valid email address","woocommerce")),1))))(e,t.key,(0,c.objectHasProp)(g,"country")?g.country:"")})})),h)},R=P},3494:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var r=s(1609),n=s(6087),l=s(8107),o=s(4717);const a=["BUTTON","FIELDSET","INPUT","OPTGROUP","OPTION","SELECT","TEXTAREA","A"],i=({children:e,style:t={},...s})=>{const i=(0,n.useRef)(null),d=()=>{i.current&&l.focus.focusable.find(i.current).forEach((e=>{a.includes(e.nodeName)&&e.setAttribute("tabindex","-1"),e.hasAttribute("contenteditable")&&e.setAttribute("contenteditable","false")}))},c=(0,o.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),l=s(7143),o=s(7594),a=s(4107),i=s(4958);const d=()=>{const{needsShipping:e}=(0,i.m)(),{useShippingAsBilling:t,prefersCollection:s}=(0,l.useSelect)((e=>({useShippingAsBilling:e(o.CHECKOUT_STORE_KEY).getUseShippingAsBilling(),prefersCollection:e(o.CHECKOUT_STORE_KEY).prefersCollection()}))),{__internalSetUseShippingAsBilling:d}=(0,l.useDispatch)(o.CHECKOUT_STORE_KEY),{billingAddress:c,setBillingAddress:u,shippingAddress:p,setShippingAddress:m}=(0,a.q)(),g=(0,n.useCallback)((e=>{u({email:e})}),[u]),h=(0,r.getSetting)("forcedBillingAddress",!1);return{shippingAddress:p,billingAddress:c,setShippingAddress:m,setBillingAddress:u,setEmail:g,defaultFields:r.defaultFields,useShippingAsBilling:t,setUseShippingAsBilling:d,needsShipping:e,showShippingFields:!h&&e&&!s,showShippingMethods:e&&!s,showBillingFields:!e||!t||!!s,forcedBillingAddress:h,useBillingAsShipping:h||!!s}}},4107:(e,t,s)=>{"use strict";s.d(t,{q:()=>l});var r=s(7143),n=s(7594);const l=()=>{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:l}=(0,r.useDispatch)(n.CART_STORE_KEY);return{isInitialized:t,billingAddress:e.billingAddress,shippingAddress:e.shippingAddress,setBillingAddress:l,setShippingAddress:s}}},1573:(e,t,s)=>{"use strict";s.d(t,{c:()=>o});var r=s(6087),n=s(923),l=s.n(n);function o(e){const t=(0,r.useRef)(e);return l()(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),l=s(3993),o=s(5703),a=s(6398);s(1094);const i=({address:e,onEdit:t,target:s,fieldConfig:i})=>{const d=(0,o.getSetting)("countryData",{});let c=(0,o.getSetting)("defaultAddressFormat","{name}\n{company}\n{address_1}\n{address_2}\n{city}\n{state}\n{postcode}\n{country}");(0,l.objectHasProp)(d,null==e?void 0:e.country)&&(0,l.objectHasProp)(d[e.country],"format")&&(0,l.isString)(d[e.country].format)&&(c=d[e.country].format);const{name:u,address:p}=(0,a.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:()=>l});var r=s(1609),n=s(851);s(7259);const l=({isEditing:e=!1,addressCard:t,addressForm:s})=>{const l=(0,n.A)("wc-block-components-address-address-wrapper",{"is-editing":e});return(0,r.createElement)("div",{className:l},(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}})},9463:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>B});var r=s(1609),n=s(851),l=s(1616),o=s(4656),a=s(5251),i=s(7143),d=s(7594),c=s(6087),u=s(4375),p=s(2663),m=s(2379),g=s(3494),h=s(923),E=s.n(h),f=s(4597),v=s(3603),b=s(812),y=s(8202),_=s(3127);const A=({addressFieldsConfig:e,defaultEditing:t=!1})=>{const{billingAddress:s,setShippingAddress:n,setBillingAddress:l,useBillingAsShipping:o}=(0,a.C)(),{dispatchCheckoutEvent:u}=(0,v.y)(),[p,m]=(0,c.useState)(t),{hasValidationErrors:g,invalidProps:h}=(0,i.useSelect)((e=>{const t=e(d.VALIDATION_STORE_KEY);return{hasValidationErrors:t.hasValidationErrors(),invalidProps:Object.keys(s).filter((e=>"email"!==e&&void 0!==t.getValidationError("billing_"+e))).filter(Boolean)}}));(0,c.useEffect)((()=>{h.length>0&&!1===p&&m(!0)}),[p,g,h.length]);const E=(0,c.useCallback)((e=>{l(e),o&&(n(e),u("set-shipping-address")),u("set-billing-address")}),[u,l,n,o]),A=(0,c.useCallback)((()=>(0,r.createElement)(_.A,{address:s,target:"billing",onEdit:()=>{m(!0)},fieldConfig:e})),[s,e]),C=(0,c.useCallback)((()=>(0,r.createElement)(r.Fragment,null,(0,r.createElement)(f.l,{id:"billing",addressType:"billing",onChange:E,values:s,fields:b.Hw,fieldConfig:e}))),[e,s,E]);return(0,r.createElement)(y.A,{isEditing:p,addressCard:A,addressForm:C})},C=({showCompanyField:e=!1,requireCompanyField:t=!1,showApartmentField:s=!1,requireApartmentField:n=!1,showPhoneField:l=!1,requirePhoneField:h=!1})=>{const{shippingAddress:f,billingAddress:v,setShippingAddress:b,useBillingAsShipping:y}=(0,a.C)(),{isEditor:_}=(0,p.m)();(0,u.Su)((()=>{if(y){const{email:t,...s}=v,r={...s};l||delete r.phone,e&&delete r.company,b(r)}}));const C=(0,c.useMemo)((()=>({company:{hidden:!e,required:t},address_2:{hidden:!s,required:n},phone:{hidden:!l,required:h}})),[e,t,s,n,l,h]),k=_?g.A:c.Fragment,S=y?[m.tG.BILLING_ADDRESS,m.tG.SHIPPING_ADDRESS]:[m.tG.BILLING_ADDRESS],{cartDataLoaded:w}=(0,i.useSelect)((e=>({cartDataLoaded:e(d.CART_STORE_KEY).hasFinishedResolution("getCartData")}))),T=!(!v.address_1||!v.first_name&&!v.last_name),{email:I,...N}=v,F=E()(N,f),O=_||!T||F;return(0,r.createElement)(c.Fragment,null,(0,r.createElement)(o.StoreNoticesContainer,{context:S}),(0,r.createElement)(k,null,w?(0,r.createElement)(A,{addressFieldsConfig:C,defaultEditing:O}):null))};var k=s(9017),S=s(7723);const w=(0,S.__)("Billing address","woocommerce"),T=(0,S.__)("Enter the billing address that matches your payment method.","woocommerce"),I=(0,S.__)("Billing and shipping address","woocommerce"),N=(0,S.__)("Enter the billing and shipping address that matches your payment method.","woocommerce"),F={...(0,k.A)({defaultTitle:w,defaultDescription:T}),className:{type:"string",default:""},lock:{type:"object",default:{move:!0,remove:!0}}};var O=s(9292);const B=(0,l.withFilteredAttributes)(F)((({title:e,description:t,children:s,className:l})=>{const{showFormStepNumbers:c}=(0,O.Oy)(),u=(0,i.useSelect)((e=>e(d.CHECKOUT_STORE_KEY).isProcessing())),{showCompanyField:p,requireCompanyField:m,showApartmentField:g,requireApartmentField:h,showPhoneField:E,requirePhoneField:f}=(0,O.Oy)(),{showBillingFields:v,forcedBillingAddress:b,useBillingAsShipping:y}=(0,a.C)();return v||y?(e=((e,t)=>t?e===w?I:e:e===I?w:e)(e,b),t=((e,t)=>t?e===T?N:e:e===N?T:e)(t,b),(0,r.createElement)(o.FormStep,{id:"billing-fields",disabled:u,className:(0,n.A)("wc-block-checkout__billing-fields",l),title:e,description:t,showStepNumber:c},(0,r.createElement)(C,{showCompanyField:p,requireCompanyField:m,showApartmentField:g,requireApartmentField:h,showPhoneField:E,requirePhoneField:f}),s)):null}))},1707:()=>{},2931:()=>{},8824:()=>{},1094:()=>{},7259:()=>{}}]);