(self.webpackChunkwebpackWcBlocksFrontendJsonp=self.webpackChunkwebpackWcBlocksFrontendJsonp||[]).push([[2227],{4597:(e,t,o)=>{"use strict";o.d(t,{l:()=>F});var r=o(1609),l=o(4656),a=o(6087),n=o(7723),s=o(8537),i=o(851),c=o(332),d=o(3993),u=o(7143),p=o(7594);o(1707);const m=({id:e,className:t,label:o,onChange:s,options:m,value:f,required:v=!1,errorId:y,autoComplete:E="off",errorMessage:b=(0,n.__)("Please select a valid option","woocommerce")})=>{const k=(0,a.useRef)(null),h=(0,a.useId)(),g=e||"control-"+h,_=y||g,{setValidationErrors:C,clearValidationError:w}=(0,u.useDispatch)(p.VALIDATION_STORE_KEY),{error:I,validationErrorId:A}=(0,u.useSelect)((e=>{const t=e(p.VALIDATION_STORE_KEY);return{error:t.getValidationError(_),validationErrorId:t.getValidationErrorId(_)}}));return(0,a.useEffect)((()=>(!v||f?w(_):C({[_]:{message:b,hidden:!0}}),()=>{w(_)})),[w,f,_,b,v,C]),(0,r.createElement)("div",{id:g,className:(0,i.A)("wc-block-components-combobox",t,{"is-active":f,"has-error":(null==I?void 0:I.message)&&!(null!=I&&I.hidden)}),ref:k},(0,r.createElement)(c.A,{className:"wc-block-components-combobox-control",label:o,onChange:s,onFilterValueChange:e=>{if(e.length){const t=(0,d.isObject)(k.current)?k.current.ownerDocument.activeElement:void 0;if(t&&(0,d.isObject)(k.current)&&k.current.contains(t))return;const o=e.toLocaleUpperCase(),r=m.find((e=>e.value.toLocaleUpperCase()===o));if(r)return void s(r.value);const l=m.find((e=>e.label.toLocaleUpperCase().startsWith(o)));l&&s(l.value)}},options:m,value:f||"",allowReset:!1,autoComplete:E,"aria-invalid":(null==I?void 0:I.message)&&!(null!=I&&I.hidden),"aria-errormessage":A}),(0,r.createElement)(l.ValidationInputError,{propertyName:_}))};o(2931);const f=({className:e,countries:t,id:o,label:l,onChange:c,value:d="",autoComplete:u="off",required:p=!1,errorId:f,errorMessage:v=(0,n.__)("Please select a country","woocommerce")})=>{const y=(0,a.useMemo)((()=>Object.entries(t).map((([e,t])=>({value:e,label:(0,s.decodeEntities)(t)})))),[t]);return(0,r.createElement)("div",{className:(0,i.A)(e,"wc-block-components-country-input")},(0,r.createElement)(m,{id:o,label:l,onChange:c,options:y,value:d,errorId:f,errorMessage:v,required:p,autoComplete:u}))};var v=o(812);const y=e=>(0,r.createElement)(f,{countries:v.AG,...e}),E=e=>(0,r.createElement)(f,{countries:v.G3,...e});o(8824);const b=(e,t)=>{const o=t.find((t=>t.label.toLocaleUpperCase()===e.toLocaleUpperCase()||t.value.toLocaleUpperCase()===e.toLocaleUpperCase()));return o?o.value:""},k=({className:e,id:t,states:o,country:c,label:d,onChange:u,autoComplete:p="off",value:f="",required:v=!1,errorId:y=""})=>{const E=o[c],k=(0,a.useMemo)((()=>E?Object.keys(E).map((e=>({value:e,label:(0,s.decodeEntities)(E[e])}))):[]),[E]),h=(0,a.useCallback)((e=>{const t=k.length>0?b(e,k):e;t!==f&&u(t)}),[u,k,f]),g=(0,a.useRef)(f);return(0,a.useEffect)((()=>{g.current!==f&&(g.current=f)}),[f]),(0,a.useEffect)((()=>{if(k.length>0&&g.current){const e=b(g.current,k);e!==g.current&&h(e)}}),[k,h]),k.length>0?(0,r.createElement)(m,{className:(0,i.A)(e,"wc-block-components-state-input"),id:t,label:d,onChange:h,options:k,value:f,errorMessage:(0,n.__)("Please select a state.","woocommerce"),errorId:y,required:v,autoComplete:p}):(0,r.createElement)(l.ValidatedTextInput,{className:e,id:t,label:d,onChange:h,autoComplete:p,value:f,required:v})},h=e=>(0,r.createElement)(k,{states:v.uz,...e}),g=e=>(0,r.createElement)(k,{states:v.SL,...e});var _=o(9491),C=o(1573),w=o(923),I=o.n(w),A=o(8585);var N=o(1e3),T=o(3832);const O=({field:e,props:t,onChange:o,value:s})=>{var i;const c=null!==(i=null==e?void 0:e.required)&&void 0!==i&&i,[d,u]=(0,a.useState)((()=>Boolean(s)||c));return(0,r.createElement)(a.Fragment,null,d?(0,r.createElement)(l.ValidatedTextInput,{...t,type:e.type,label:c?e.label:e.optionalLabel,className:`wc-block-components-address-form__${e.key}`,value:s,onChange:t=>o(e.key,t)}):(0,r.createElement)("button",{className:"wc-block-components-address-form__address_2-toggle",onClick:()=>u(!0)},(0,n.sprintf)(
// translators: %s: address 2 field label.
// translators: %s: address 2 field label.
(0,n.__)("+ Add %s","woocommerce"),e.label.toLowerCase())))},S=(e,t,o)=>({id:`${t}-${null==e?void 0:e.key}`.replaceAll("/","-"),errorId:`${o}_${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}),V=(e,t,o)=>({field:t.find((t=>t.key===e)),value:(0,d.objectHasProp)(o,e)?o[e]:void 0}),L=({formId:e,address1:t,address2:o,addressType:a,onChange:n})=>{var s,i,c,d;const u=t?S(t.field,e,a):void 0,p=o?S(o.field,e,a):void 0;return(0,r.createElement)(r.Fragment,null,t&&(0,r.createElement)(l.ValidatedTextInput,{...u,type:null===(s=t.field)||void 0===s?void 0:s.type,label:null===(i=t.field)||void 0===i?void 0:i.label,className:`wc-block-components-address-form__${null===(c=t.field)||void 0===c?void 0:c.key}`,value:t.value,onChange:e=>{var o;return n(null===(o=t.field)||void 0===o?void 0:o.key,e)}}),(null==o?void 0:o.field)&&!(null!=o&&null!==(d=o.field)&&void 0!==d&&d.hidden)&&(0,r.createElement)(O,{field:o.field,props:p,onChange:n,value:null==o?void 0:o.value}))},R=({id:e="",fields:t,fieldConfig:o={},onChange:s,addressType:c="shipping",values:f,children:v})=>{const b=(0,_.useInstanceId)(R),k=(0,C.c)(t),w=(0,C.c)(o),O=(0,C.c)((0,d.objectHasProp)(f,"country")?f.country:""),F=(0,a.useMemo)((()=>{const e=(0,A.A)(k,w,O);return{fields:e,addressType:c,required:e.filter((e=>e.required)),hidden:e.filter((e=>e.hidden))}}),[k,w,O,c]),P=(0,a.useRef)({});return(0,a.useEffect)((()=>{const e={...f,...Object.fromEntries(F.hidden.map((e=>[e.key,""])))};I()(f,e)||s(e)}),[s,F,f]),(0,a.useEffect)((()=>{"shipping"===c&&(0,d.objectHasProp)(f,"country")&&(e=>{const t="shipping_country",o=(0,u.select)(p.VALIDATION_STORE_KEY).getValidationError(t);!e.country&&(e.city||e.state||e.postcode)&&(o?(0,u.dispatch)(p.VALIDATION_STORE_KEY).showValidationError(t):(0,u.dispatch)(p.VALIDATION_STORE_KEY).setValidationErrors({[t]:{message:(0,n.__)("Please select your country","woocommerce"),hidden:!1}})),o&&e.country&&(0,u.dispatch)(p.VALIDATION_STORE_KEY).clearValidationError(t)})(f)}),[f,c]),(0,a.useEffect)((()=>{var e,t;null===(e=P.current)||void 0===e||null===(t=e.postcode)||void 0===t||t.revalidate()}),[O]),e=e||`${b}`,(0,r.createElement)("div",{id:e,className:"wc-block-components-address-form"},F.fields.map((t=>{if(t.hidden)return null;const o=S(t,e,c);if("email"===t.key&&(o.id="email",o.errorId="billing_email"),"checkbox"===t.type)return(0,r.createElement)(l.CheckboxControl,{key:t.key,checked:Boolean(f[t.key]),onChange:e=>{s({...f,[t.key]:e})},...o});if("address_1"===t.key){const o=V("address_1",F.fields,f),l=V("address_2",F.fields,f);return(0,r.createElement)(L,{address1:o,address2:l,addressType:c,formId:e,key:t.key,onChange:(e,t)=>{s({...f,[e]:t})}})}if("address_2"===t.key)return null;if("country"===t.key&&(0,d.objectHasProp)(f,"country")){const e="shipping"===c?E:y;return(0,r.createElement)(e,{key:t.key,...o,value:f.country,onChange:e=>{s({...f,country:e,state:"",postcode:""})}})}if("state"===t.key&&(0,d.objectHasProp)(f,"state")){const e="shipping"===c?g:h;return(0,r.createElement)(e,{key:t.key,...o,country:f.country,value:f.state,onChange:e=>s({...f,state:e})})}return"select"===t.type?void 0===t.options?null:(0,r.createElement)(m,{key:t.key,...o,className:(0,i.A)("wc-block-components-select-input",`wc-block-components-select-input-${t.key}`.replaceAll("/","-")),value:f[t.key],onChange:e=>{s({...f,[t.key]:e})},options:t.options}):(0,r.createElement)(l.ValidatedTextInput,{key:t.key,ref:e=>P.current[t.key]=e,...o,type:t.type,value:f[t.key],onChange:e=>s({...f,[t.key]:e}),customFormatter:e=>"postcode"===t.key?e.trimStart().toUpperCase():e,customValidation:e=>((e,t,o)=>!((e.required||e.value)&&("postcode"===t&&o&&!(0,N.isPostcode)({postcode:e.value,country:o})?(e.setCustomValidity((0,n.__)("Please enter a valid postcode","woocommerce")),1):"email"===t&&!(0,T.isEmail)(e.value)&&(e.setCustomValidity((0,n.__)("Please enter a valid email address","woocommerce")),1))))(e,t.key,(0,d.objectHasProp)(f,"country")?f.country:"")})})),v)},F=R},1573:(e,t,o)=>{"use strict";o.d(t,{c:()=>n});var r=o(6087),l=o(923),a=o.n(l);function n(e){const t=(0,r.useRef)(e);return a()(e,t.current)||(t.current=e),t.current}},9017:(e,t,o)=>{"use strict";o.d(t,{A:()=>l});var r=o(7723);const l=({defaultTitle:e=(0,r.__)("Step","woocommerce"),defaultDescription:t=(0,r.__)("Step description text.","woocommerce"),defaultShowStepNumber:o=!0})=>({title:{type:"string",default:e},description:{type:"string",default:t},showStepNumber:{type:"boolean",default:o}})},7912:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var r=o(1609),l=o(851),a=o(4656),n=o(812),s=o(7143),i=o(7594),c=o(1616),d=o(9292),u=o(2379),p=o(4597);const m=()=>{const{additionalFields:e}=(0,s.useSelect)((e=>({additionalFields:e(i.CHECKOUT_STORE_KEY).getAdditionalFields()}))),{setAdditionalFields:t}=(0,s.useDispatch)(i.CHECKOUT_STORE_KEY),o={...e};return 0===n.pt.length?null:(0,r.createElement)(r.Fragment,null,(0,r.createElement)(a.StoreNoticesContainer,{context:u.tG.ORDER_INFORMATION}),(0,r.createElement)(p.l,{id:"additional-information",addressType:"additional-information",onChange:e=>{t(e)},values:o,fields:n.pt}))};var f=o(7723);const v={...(0,o(9017).A)({defaultTitle:(0,f.__)("Additional order information","woocommerce"),defaultDescription:""}),className:{type:"string",default:""},lock:{type:"object",default:{move:!1,remove:!0}}},y=(0,c.withFilteredAttributes)(v)((({title:e,description:t,children:o,className:c})=>{const{showFormStepNumbers:u}=(0,d.Oy)(),p=(0,s.useSelect)((e=>e(i.CHECKOUT_STORE_KEY).isProcessing()));return 0===n.pt.length?null:(0,r.createElement)(a.FormStep,{id:"additional-information-fields",disabled:p,className:(0,l.A)("wc-block-checkout__additional-information-fields",c),title:e,description:t,showStepNumber:u},(0,r.createElement)(m,null),o)}))},1707:()=>{},2931:()=>{},8824:()=>{}}]);