@ikas/storefront 6.1.0-beta.175 → 6.1.0-beta.177

package/build/components/checkout/components/address-form/index.js

@@ -1 +1 @@
-import{__assign as e}from'./../../../../ext/tslib/tslib.es6.js';import*as r from"react";import{observer as t}from"mobx-react-lite";import{IkasCheckoutRequirement as a}from"@ikas/storefront-models";import{FormItem as o}from"../form-item/index.js";import{FormItemType as i,FormItemInputMode as n}from"../form-item/model.js";import l from"./model.js";import{Checkbox as s}from"../checkbox/index.js";import"@ikas/storefront-config";import{useTranslation as d}from"../../../../utils/i18n.js";import{AddressFormItem as c,BillingFormItem as u}from"@ikas/localized-address";import v from"../../styles/common.module.scss.js";import m from"../../style.module.scss.js";var p=t((function(t){var a=r.useMemo((function(){return new l(e({},t))}),[]);return r.useEffect((function(){Object.entries(t).forEach((function(e){a[e[0]]=e[1]}))}),Object.values(t)),"in-store"===t.deliveryMethod?r.createElement(E,{props:t,vm:a}):r.createElement(h,{props:t,vm:a})})),E=t((function(t){var o=t.props,i=t.vm;return d().t,r.createElement("div",null,r.createElement("div",{className:[v.Grid,v.Grid2].join(" ")},r.createElement(g,e({},o,{vm:i})),r.createElement(f,e({},o,{vm:i})),r.createElement("div",null)," "),!!i.address.checkoutSettings&&i.address.checkoutSettings.phoneRequirement!==a.INVISIBLE&&r.createElement("div",{className:m.RowPB},r.createElement(I,e({},o,{vm:i})),r.createElement("div",null)," "))})),h=t((function(t){var a,o,i,n=t.props,l=t.vm,p=d().t,E=function(t){var a=t.map((function(t){return function(t){switch(t){case c.FIRSTNAME:return r.createElement(g,e({},n,{vm:l}));case c.LASTNAME:return r.createElement(f,e({},n,{vm:l}));case c.IDENTITY_NUMBER:return r.createElement(b,e({},n,{vm:l}));case c.ADDRESS_LINE_1:return r.createElement(y,e({},n,{vm:l}));case c.ADDRESS_LINE_2:return r.createElement(T,e({},n,{vm:l}));case c.POSTAL_CODE:return r.createElement(N,e({},n,{vm:l}));case c.COUNTRY:return r.createElement(L,e({},n,{vm:l}));case c.STATE:return r.createElement(k,e({},n,{vm:l}));case c.CITY:return l.address.isFreeTextCity?r.createElement(R,e({},n,{vm:l})):r.createElement(x,e({},n,{vm:l}));case c.DISTRICT:return l.address.isFreeTextDistrict?r.createElement(S,e({},n,{vm:l})):r.createElement(O,e({},n,{vm:l}));case c.REGION:return r.createElement(A,e({},n,{vm:l}));case c.PHONE:return r.createElement(I,e({},n,{vm:l}));default:return null}}(t)}));return r.createElement(r.Fragment,null,1===t.length&&r.createElement("div",{className:m.RowPB},a),2===t.length&&r.createElement("div",{className:[v.Grid,v.Grid2].join(" ")},a,r.createElement("div",null)," "),3===t.length&&r.createElement("div",{className:[v.Grid,v.Grid2,v.Grid3].join(" ")},a,r.createElement("div",null)," "))},h=function(t){var a=t.map((function(t){return function(t){switch(t){case u.COMPANY:return r.createElement(V,e({},n,{vm:l}));case u.TAX_NUMBER:return r.createElement(X,e({},n,{vm:l}));case u.TAX_OFFICE:return r.createElement(j,e({},n,{vm:l}));default:return null}}(t)}));return r.createElement(r.Fragment,null,1===t.length&&r.createElement("div",{className:m.RowPB},a),2===t.length&&r.createElement("div",{className:[v.Grid,v.Grid2].join(" ")},a,r.createElement("div",null)," "),3===t.length&&r.createElement("div",{className:[v.Grid,v.Grid2,v.Grid3].join(" ")},a,r.createElement("div",null)," "))};return r.createElement("div",null,l.allowTitleChange&&r.createElement("div",{className:m.RowPB},r.createElement(C,e({},n,{vm:l}))),l.countryOptions.length<=1?null===(a=l.address.addressFormatIgnoreCountry)||void 0===a?void 0:a.map((function(e){return E(e)})):null===(o=l.address.addressFormat)||void 0===o?void 0:o.map((function(e){return E(e)})),!!l.allowCorporateInfo&&r.createElement("div",{style:{marginTop:"12px"}},r.createElement(s,{value:l.isCorporate,label:p("checkout-page:corporateInvoice"),onChange:l.onCorporateChange})),!!l.isCorporate&&(null===(i=l.address.billingFormat)||void 0===i?void 0:i.map((function(e){return h(e)}))))})),g=t((function(e){var t,a,n,l=e.vm,s=d().t,c=l.isShippingAddress?"shipping given-name":"given-name";return r.createElement(o,{name:"firstName",type:i.TEXT,label:(null===(a=null===(t=l.address.fieldLabels)||void 0===t?void 0:t.firstName)||void 0===a?void 0:a.label)||s("checkout-page:firstName"),autocomplete:c,value:l.firstName||"",onChange:l.onFirstNameChange,hasError:l.isErrorsVisible&&(null===(n=l.address.validationResults)||void 0===n?void 0:n.firstName.hasError),errorText:s("checkout-page:firstNameError")})})),f=t((function(e){var t,a,n,l=e.vm,s=d().t,c=l.isShippingAddress?"shipping family-name":"family-name";return r.createElement(o,{name:"lastName",type:i.TEXT,label:(null===(a=null===(t=l.address.fieldLabels)||void 0===t?void 0:t.lastName)||void 0===a?void 0:a.label)||s("checkout-page:lastName"),autocomplete:c,value:l.lastName||"",onChange:l.onLastNameChange,hasError:l.isErrorsVisible&&(null===(n=l.address.validationResults)||void 0===n?void 0:n.lastName.hasError),errorText:s("checkout-page:lastNameError")})})),b=t((function(e){var t,a,n,l=e.vm,s=d().t;return r.createElement(o,{name:"identityNumber",type:i.TEXT,label:(null===(a=null===(t=l.address.fieldLabels)||void 0===t?void 0:t.identityNumber)||void 0===a?void 0:a.label)||s("checkout-page:identityNumber"),value:l.identityNumber||"",onChange:l.onIdentityNumberChange,hasError:l.isErrorsVisible&&(null===(n=l.address.validationResults)||void 0===n?void 0:n.identityNumber.hasError),errorText:s("checkout-page:identityNumberError")})})),C=t((function(e){var t=e.vm,a=d().t,n=t.address;return r.createElement(o,{type:i.TEXT,label:a("checkout-page:addressTitle"),value:n.title||"",onChange:t.onAddressTitleChange,hasError:t.isErrorsVisible&&!n.title,errorText:a("checkout-page:addressTitleError")})})),y=t((function(e){var t,a,n,l=e.vm,s=d().t,c=l.isShippingAddress?"shipping address-line1":"address-line1";return r.createElement(o,{name:"addressLine1",type:i.TEXT,label:(null===(a=null===(t=l.address.fieldLabels)||void 0===t?void 0:t.addressLine1)||void 0===a?void 0:a.label)||s("checkout-page:addressLine1"),autocomplete:c,value:l.address.addressLine1||"",onChange:l.onAddressLine1Change,hasError:l.isErrorsVisible&&(null===(n=l.address.validationResults)||void 0===n?void 0:n.addressLine1.hasError),errorText:s("checkout-page:addressError")})})),T=t((function(e){var t,a,n=e.vm,l=d().t,s=n.isShippingAddress?"shipping address-line2":"address-line2";return r.createElement(o,{name:"addressLine2",type:i.TEXT,autocomplete:s,label:(null===(a=null===(t=n.address.fieldLabels)||void 0===t?void 0:t.addressLine2)||void 0===a?void 0:a.label)||l("checkout-page:addressLine2"),value:n.address.addressLine2||"",onChange:n.onAddressLine2Change})})),N=t((function(e){var t,a,n,l,s,c=e.vm,u=d().t,v=c.isShippingAddress?"shipping postal-code":"postal-code";return r.createElement(o,{name:"postalCode",type:i.TEXT,label:(null===(a=null===(t=c.address.fieldLabels)||void 0===t?void 0:t.postalCode)||void 0===a?void 0:a.label)||u("checkout-page:postalCode"),placeholder:null===(l=null===(n=c.address.fieldLabels)||void 0===n?void 0:n.postalCode)||void 0===l?void 0:l.placeholder,autocomplete:v,value:c.address.postalCode||"",onChange:c.onAddressPostalCodeChange,hasError:c.isErrorsVisible&&(null===(s=c.address.validationResults)||void 0===s?void 0:s.postalCode.hasError),errorText:u("checkout-page:postalCodeError")})})),L=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return s.countryOptions.length<=1?null:r.createElement(o,{name:"country",type:i.SELECT,label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.country)||void 0===a?void 0:a.label)||c("checkout-page:country"),autocomplete:"country-name",value:(null===(n=s.country)||void 0===n?void 0:n.id)||"",onChange:s.onCountryChange,options:s.countryOptions,hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.country.hasError),errorText:c("checkout-page:countryError")})})),k=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return r.createElement(o,{name:"state",type:i.SELECT,label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.state)||void 0===a?void 0:a.label)||c("checkout-page:state"),value:(null===(n=s.state)||void 0===n?void 0:n.id)||"",onChange:s.onStateChange,options:s.stateOptions,hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.state.hasError),errorText:c("checkout-page:stateError")})})),x=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return r.createElement(o,{name:"city",type:i.SELECT,label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.city)||void 0===a?void 0:a.label)||c("checkout-page:city"),autocomplete:"off",value:(null===(n=s.city)||void 0===n?void 0:n.id)||"",onChange:s.onCityChange,options:s.cityOptions,disabled:!s.cityOptions.length,isLoading:s.isLoadingCities,hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.city.hasError),errorText:c("checkout-page:cityError")})})),R=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return r.createElement(o,{name:"city",type:i.TEXT,autocomplete:"address-level2",label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.city)||void 0===a?void 0:a.label)||c("checkout-page:city"),value:(null===(n=s.city)||void 0===n?void 0:n.name)||"",hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.city.hasError),onChange:s.onCityInputChange,errorText:c("checkout-page:cityError")})})),O=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return r.createElement(o,{name:"district",type:i.SELECT,label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.district)||void 0===a?void 0:a.label)||c("checkout-page:district"),autocomplete:"off",value:(null===(n=s.district)||void 0===n?void 0:n.id)||"",onChange:s.onDistrictChange,options:s.districtOptions,disabled:!s.districtOptions.length,isLoading:s.isLoadingDistricts,hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.district.hasError),errorText:c("checkout-page:districtError")})})),S=t((function(e){var t,a,n,l=e.vm,s=d().t;return r.createElement(o,{name:"district",type:i.TEXT,autocomplete:"address-level3",label:(null===(a=null===(t=l.address.fieldLabels)||void 0===t?void 0:t.district)||void 0===a?void 0:a.label)||s("checkout-page:district"),value:(null===(n=l.district)||void 0===n?void 0:n.name)||"",onChange:l.onDistrictInputChange})})),A=t((function(e){var t,a,n=e.vm,l=d().t;return r.createElement(o,{name:"region",type:i.SELECT,label:l("checkout-page:region"),autocomplete:"off",value:(null===(t=n.region)||void 0===t?void 0:t.id)||"",onChange:n.onRegionChange,options:n.regionOptions,hasError:n.isErrorsVisible&&(null===(a=n.address.validationResults)||void 0===a?void 0:a.region.hasError),errorText:l("checkout-page:regionError")})})),I=t((function(e){var t,a,l,s,c=e.vm,u=d().t,v=c.isShippingAddress?"shipping tel":"tel";return r.createElement(o,{name:"phone",type:i.TEL,inputMode:n.TEL,label:(null===(a=null===(t=c.address.fieldLabels)||void 0===t?void 0:t.phone)||void 0===a?void 0:a.label)||u("checkout-page:phone"),autocomplete:v,value:c.phone||"",onChange:c.onPhoneChange,hasError:c.isErrorsVisible&&(null===(l=c.address.validationResults)||void 0===l?void 0:l.phone.hasError),currentCountryCode:(null===(s=c.address.country)||void 0===s?void 0:s.iso2)||c.myCountryCode,errorText:u("checkout-page:phoneError")})})),V=t((function(e){var t,a,n=e.vm,l=d().t;return r.createElement(o,{name:"company",type:i.TEXT,label:(null===(a=null===(t=n.address.fieldLabels)||void 0===t?void 0:t.company)||void 0===a?void 0:a.label)||l("checkout-page:companyName"),value:n.address.company||"",onChange:n.onCompanyChange})})),j=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return r.createElement(o,{name:"taxOffice",type:i.TEXT,label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.taxOffice)||void 0===a?void 0:a.label)||c("checkout-page:taxOffice"),value:(null===(n=s.address)||void 0===n?void 0:n.taxOffice)||"",onChange:s.onTaxOfficeChange,hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.taxOffice.hasError),errorText:c("checkout-page:taxOfficeError")})})),X=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return r.createElement(o,{name:"taxNumber",type:i.TEXT,label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.taxNumber)||void 0===a?void 0:a.label)||c("checkout-page:taxNumber"),value:(null===(n=s.address)||void 0===n?void 0:n.taxNumber)||"",onChange:s.onTaxNumberChange,hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.taxNumber.hasError),errorText:c("checkout-page:taxNumberError")})}));export{p as AddressForm};
+import{__assign as e}from'./../../../../ext/tslib/tslib.es6.js';import*as r from"react";import{observer as t}from"mobx-react-lite";import{IkasCheckoutRequirement as a}from"@ikas/storefront-models";import{FormItem as o}from"../form-item/index.js";import{FormItemType as i,FormItemInputMode as n}from"../form-item/model.js";import l from"./model.js";import{Checkbox as s}from"../checkbox/index.js";import"@ikas/storefront-config";import{useTranslation as d}from"../../../../utils/i18n.js";import{AddressFormItem as c,BillingFormItem as u}from"@ikas/localized-address";import v from"../../styles/common.module.scss.js";import m from"../../style.module.scss.js";var p=t((function(t){var a=r.useMemo((function(){return new l(e({},t))}),[]);return r.useEffect((function(){Object.entries(t).forEach((function(e){a[e[0]]=e[1]}))}),Object.values(t)),"in-store"===t.deliveryMethod?r.createElement(E,{props:t,vm:a}):r.createElement(h,{props:t,vm:a})})),E=t((function(t){var o=t.props,i=t.vm;return d().t,r.createElement("div",null,r.createElement("div",{className:[v.Grid,v.Grid2].join(" ")},r.createElement(g,e({},o,{vm:i})),r.createElement(f,e({},o,{vm:i})),r.createElement("div",null)," "),!!i.address.checkoutSettings&&i.address.checkoutSettings.phoneRequirement!==a.INVISIBLE&&r.createElement("div",{className:m.RowPB},r.createElement(I,e({},o,{vm:i})),r.createElement("div",null)," "))})),h=t((function(t){var a,o,i,n=t.props,l=t.vm,p=d().t,E=function(t){var a=t.map((function(t){return function(t){switch(t){case c.FIRSTNAME:return r.createElement(g,e({},n,{vm:l}));case c.LASTNAME:return r.createElement(f,e({},n,{vm:l}));case c.IDENTITY_NUMBER:return r.createElement(b,e({},n,{vm:l}));case c.ADDRESS_LINE_1:return r.createElement(y,e({},n,{vm:l}));case c.ADDRESS_LINE_2:return r.createElement(T,e({},n,{vm:l}));case c.POSTAL_CODE:return r.createElement(N,e({},n,{vm:l}));case c.COUNTRY:return r.createElement(L,e({},n,{vm:l}));case c.STATE:return r.createElement(k,e({},n,{vm:l}));case c.CITY:return l.address.isFreeTextCity?r.createElement(R,e({},n,{vm:l})):r.createElement(x,e({},n,{vm:l}));case c.DISTRICT:return l.address.isFreeTextDistrict?r.createElement(S,e({},n,{vm:l})):r.createElement(O,e({},n,{vm:l}));case c.REGION:return r.createElement(A,e({},n,{vm:l}));case c.PHONE:return r.createElement(I,e({},n,{vm:l}));default:return null}}(t)}));return r.createElement(r.Fragment,null,1===t.length&&r.createElement("div",{className:m.RowPB},a),2===t.length&&r.createElement("div",{className:[v.Grid,v.Grid2].join(" ")},a,r.createElement("div",null)," "),3===t.length&&r.createElement("div",{className:[v.Grid,v.Grid2,v.Grid3].join(" ")},a,r.createElement("div",null)," "))},h=function(t){var a=t.map((function(t){return function(t){switch(t){case u.COMPANY:return r.createElement(V,e({},n,{vm:l}));case u.TAX_NUMBER:return r.createElement(X,e({},n,{vm:l}));case u.TAX_OFFICE:return r.createElement(j,e({},n,{vm:l}));default:return null}}(t)}));return r.createElement(r.Fragment,null,1===t.length&&r.createElement("div",{className:m.RowPB},a),2===t.length&&r.createElement("div",{className:[v.Grid,v.Grid2].join(" ")},a,r.createElement("div",null)," "),3===t.length&&r.createElement("div",{className:[v.Grid,v.Grid2,v.Grid3].join(" ")},a,r.createElement("div",null)," "))};return r.createElement("div",null,l.allowTitleChange&&r.createElement("div",{className:m.RowPB},r.createElement(C,e({},n,{vm:l}))),l.countryOptions.length<=1?null===(a=l.address.addressFormatIgnoreCountry)||void 0===a?void 0:a.map((function(e){return E(e)})):null===(o=l.address.addressFormat)||void 0===o?void 0:o.map((function(e){return E(e)})),!!l.allowCorporateInfo&&r.createElement("div",{style:{marginTop:"12px"}},r.createElement(s,{value:l.isCorporate,label:p("checkout-page:corporateInvoice"),onChange:l.onCorporateChange})),!!l.isCorporate&&(null===(i=l.address.billingFormat)||void 0===i?void 0:i.map((function(e){return h(e)}))))})),g=t((function(e){var t,a,n,l=e.vm,s=d().t,c=l.isShippingAddress?"shipping given-name":"given-name";return r.createElement(o,{name:"firstName",type:i.TEXT,label:(null===(a=null===(t=l.address.fieldLabels)||void 0===t?void 0:t.firstName)||void 0===a?void 0:a.label)||s("checkout-page:firstName"),autocomplete:c,value:l.firstName||"",onChange:l.onFirstNameChange,hasError:l.isErrorsVisible&&(null===(n=l.address.validationResults)||void 0===n?void 0:n.firstName.hasError),errorText:s("checkout-page:firstNameError")})})),f=t((function(e){var t,a,n,l=e.vm,s=d().t,c=l.isShippingAddress?"shipping family-name":"family-name";return r.createElement(o,{name:"lastName",type:i.TEXT,label:(null===(a=null===(t=l.address.fieldLabels)||void 0===t?void 0:t.lastName)||void 0===a?void 0:a.label)||s("checkout-page:lastName"),autocomplete:c,value:l.lastName||"",onChange:l.onLastNameChange,hasError:l.isErrorsVisible&&(null===(n=l.address.validationResults)||void 0===n?void 0:n.lastName.hasError),errorText:s("checkout-page:lastNameError")})})),b=t((function(e){var t,a,n,l=e.vm,s=d().t;return r.createElement(o,{name:"identityNumber",type:i.TEXT,label:(null===(a=null===(t=l.address.fieldLabels)||void 0===t?void 0:t.identityNumber)||void 0===a?void 0:a.label)||s("checkout-page:identityNumber"),value:l.identityNumber||"",onChange:l.onIdentityNumberChange,hasError:l.isErrorsVisible&&(null===(n=l.address.validationResults)||void 0===n?void 0:n.identityNumber.hasError),errorText:s("checkout-page:identityNumberError")})})),C=t((function(e){var t=e.vm,a=d().t,n=t.address;return r.createElement(o,{type:i.TEXT,label:a("checkout-page:addressTitle"),value:n.title||"",onChange:t.onAddressTitleChange,hasError:t.isErrorsVisible&&!n.title,errorText:a("checkout-page:addressTitleError")})})),y=t((function(e){var t,a,n,l=e.vm,s=d().t,c=l.isShippingAddress?"shipping address-line1":"address-line1";return r.createElement(o,{name:"addressLine1",type:i.TEXT,label:(null===(a=null===(t=l.address.fieldLabels)||void 0===t?void 0:t.addressLine1)||void 0===a?void 0:a.label)||s("checkout-page:addressLine1"),autocomplete:c,value:l.address.addressLine1||"",onChange:l.onAddressLine1Change,hasError:l.isErrorsVisible&&(null===(n=l.address.validationResults)||void 0===n?void 0:n.addressLine1.hasError),errorText:s("checkout-page:addressError")})})),T=t((function(e){var t,a,n=e.vm,l=d().t,s=n.isShippingAddress?"shipping address-line2":"address-line2";return r.createElement(o,{name:"addressLine2",type:i.TEXT,autocomplete:s,label:(null===(a=null===(t=n.address.fieldLabels)||void 0===t?void 0:t.addressLine2)||void 0===a?void 0:a.label)||l("checkout-page:addressLine2"),value:n.address.addressLine2||"",onChange:n.onAddressLine2Change})})),N=t((function(e){var t,a,n,l,s,c,u,v=e.vm,m=d().t,p=v.isShippingAddress?"shipping postal-code":"postal-code";return r.createElement(o,{name:"postalCode",type:i.TEXT,label:(null===(a=null===(t=v.address.fieldLabels)||void 0===t?void 0:t.postalCode)||void 0===a?void 0:a.label)||m("checkout-page:postalCode"),placeholder:null===(l=null===(n=v.address.fieldLabels)||void 0===n?void 0:n.postalCode)||void 0===l?void 0:l.placeholder,forceActive:!!(null===(c=null===(s=v.address.fieldLabels)||void 0===s?void 0:s.postalCode)||void 0===c?void 0:c.placeholder),autocomplete:p,value:v.address.postalCode||"",onChange:v.onAddressPostalCodeChange,hasError:v.isErrorsVisible&&(null===(u=v.address.validationResults)||void 0===u?void 0:u.postalCode.hasError),errorText:m("checkout-page:postalCodeError")})})),L=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return s.countryOptions.length<=1?null:r.createElement(o,{name:"country",type:i.SELECT,label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.country)||void 0===a?void 0:a.label)||c("checkout-page:country"),autocomplete:"country-name",value:(null===(n=s.country)||void 0===n?void 0:n.id)||"",onChange:s.onCountryChange,options:s.countryOptions,hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.country.hasError),errorText:c("checkout-page:countryError")})})),k=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return r.createElement(o,{name:"state",type:i.SELECT,label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.state)||void 0===a?void 0:a.label)||c("checkout-page:state"),value:(null===(n=s.state)||void 0===n?void 0:n.id)||"",onChange:s.onStateChange,options:s.stateOptions,hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.state.hasError),errorText:c("checkout-page:stateError")})})),x=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return r.createElement(o,{name:"city",type:i.SELECT,label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.city)||void 0===a?void 0:a.label)||c("checkout-page:city"),autocomplete:"off",value:(null===(n=s.city)||void 0===n?void 0:n.id)||"",onChange:s.onCityChange,options:s.cityOptions,disabled:!s.cityOptions.length,isLoading:s.isLoadingCities,hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.city.hasError),errorText:c("checkout-page:cityError")})})),R=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return r.createElement(o,{name:"city",type:i.TEXT,autocomplete:"address-level2",label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.city)||void 0===a?void 0:a.label)||c("checkout-page:city"),value:(null===(n=s.city)||void 0===n?void 0:n.name)||"",hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.city.hasError),onChange:s.onCityInputChange,errorText:c("checkout-page:cityError")})})),O=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return r.createElement(o,{name:"district",type:i.SELECT,label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.district)||void 0===a?void 0:a.label)||c("checkout-page:district"),autocomplete:"off",value:(null===(n=s.district)||void 0===n?void 0:n.id)||"",onChange:s.onDistrictChange,options:s.districtOptions,disabled:!s.districtOptions.length,isLoading:s.isLoadingDistricts,hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.district.hasError),errorText:c("checkout-page:districtError")})})),S=t((function(e){var t,a,n,l=e.vm,s=d().t;return r.createElement(o,{name:"district",type:i.TEXT,autocomplete:"address-level3",label:(null===(a=null===(t=l.address.fieldLabels)||void 0===t?void 0:t.district)||void 0===a?void 0:a.label)||s("checkout-page:district"),value:(null===(n=l.district)||void 0===n?void 0:n.name)||"",onChange:l.onDistrictInputChange})})),A=t((function(e){var t,a,n=e.vm,l=d().t;return r.createElement(o,{name:"region",type:i.SELECT,label:l("checkout-page:region"),autocomplete:"off",value:(null===(t=n.region)||void 0===t?void 0:t.id)||"",onChange:n.onRegionChange,options:n.regionOptions,hasError:n.isErrorsVisible&&(null===(a=n.address.validationResults)||void 0===a?void 0:a.region.hasError),errorText:l("checkout-page:regionError")})})),I=t((function(e){var t,a,l,s,c=e.vm,u=d().t,v=c.isShippingAddress?"shipping tel":"tel";return r.createElement(o,{name:"phone",type:i.TEL,inputMode:n.TEL,label:(null===(a=null===(t=c.address.fieldLabels)||void 0===t?void 0:t.phone)||void 0===a?void 0:a.label)||u("checkout-page:phone"),autocomplete:v,value:c.phone||"",onChange:c.onPhoneChange,hasError:c.isErrorsVisible&&(null===(l=c.address.validationResults)||void 0===l?void 0:l.phone.hasError),currentCountryCode:(null===(s=c.address.country)||void 0===s?void 0:s.iso2)||c.myCountryCode,errorText:u("checkout-page:phoneError")})})),V=t((function(e){var t,a,n=e.vm,l=d().t;return r.createElement(o,{name:"company",type:i.TEXT,label:(null===(a=null===(t=n.address.fieldLabels)||void 0===t?void 0:t.company)||void 0===a?void 0:a.label)||l("checkout-page:companyName"),value:n.address.company||"",onChange:n.onCompanyChange})})),j=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return r.createElement(o,{name:"taxOffice",type:i.TEXT,label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.taxOffice)||void 0===a?void 0:a.label)||c("checkout-page:taxOffice"),value:(null===(n=s.address)||void 0===n?void 0:n.taxOffice)||"",onChange:s.onTaxOfficeChange,hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.taxOffice.hasError),errorText:c("checkout-page:taxOfficeError")})})),X=t((function(e){var t,a,n,l,s=e.vm,c=d().t;return r.createElement(o,{name:"taxNumber",type:i.TEXT,label:(null===(a=null===(t=s.address.fieldLabels)||void 0===t?void 0:t.taxNumber)||void 0===a?void 0:a.label)||c("checkout-page:taxNumber"),value:(null===(n=s.address)||void 0===n?void 0:n.taxNumber)||"",onChange:s.onTaxNumberChange,hasError:s.isErrorsVisible&&(null===(l=s.address.validationResults)||void 0===l?void 0:l.taxNumber.hasError),errorText:c("checkout-page:taxNumberError")})}));export{p as AddressForm};

package/build/components/checkout/components/form-item/index.js

@@ -1 +1 @@
-import*as e from"react";import{runInAction as t}from"mobx";import{observer as n}from"mobx-react-lite";import a,{FormItemType as o}from"./model.js";import l from"./caret-down.js";import r from"./style.module.scss.js";import"@ikas/storefront-config";import{useTranslation as i}from"../../../../utils/i18n.js";import u from"react-tooltip";import{PhoneNumberInput as c}from"../phone-number-input/index.js";var s=n((function(n){var l=i().t,s=e.useState((function(){return new a(n)})),p=s[0],v=s[1],E=e.useRef(null),h=e.useRef(null);e.useEffect((function(){u.rebuild()}),[]),e.useEffect((function(){t((function(){p.type=n.type}))}),[n.type]),e.useEffect((function(){t((function(){p.inputType=n.inputType}))}),[n.inputType]),e.useEffect((function(){t((function(){p.inputMode=n.inputMode}))}),[n.inputMode]),e.useEffect((function(){t((function(){p.value=n.value}))}),[n.value]),e.useEffect((function(){t((function(){p.options=n.options}))}),[n.options]),e.useEffect((function(){t((function(){p.label=n.label}))}),[n.label]),e.useEffect((function(){t((function(){p.hasError=n.hasError}))}),[n.hasError]),e.useEffect((function(){t((function(){p.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){p.textAreaPlaceholder=n.textAreaPlaceholder}))}),[n.textAreaPlaceholder]),e.useEffect((function(){t((function(){p.rightContent=n.rightContent}))}),[n.rightContent]),e.useEffect((function(){t((function(){p.disabled=n.disabled||!1}))}),[n.disabled]),e.useEffect((function(){t((function(){p.isLoading=n.isLoading||!1}))}),[n.isLoading]),e.useEffect((function(){t((function(){p.disableResize=n.disableResize}))}),[n.disableResize]),e.useEffect((function(){t((function(){v(new a(n))}))}),[n.onChange]),e.useEffect((function(){!p.country&&n.currentCountryCode&&p.onCountryChange(n.currentCountryCode)}),[n.currentCountryCode]);var y=p.type===o.TEXT||p.type===o.TEXT_AREA;return e.createElement("div",{className:p.formItemStyle,style:n.style},e.createElement("div",{className:r.FormItemWrapper},e.createElement("div",{className:r.FormItemInputWrapper,onClick:y?function(e){var t,n;p.type===o.TEXT?null===(t=E.current)||void 0===t||t.focus():p.type===o.TEXT_AREA&&(null===(n=h.current)||void 0===n||n.focus())}:void 0,style:y?void 0:{cursor:"default"}},e.createElement("label",{className:p.labelStyle,id:n.name+"-label",htmlFor:n.name},p.label),p.type===o.TEXT&&e.createElement(m,{ref:E,vm:p,type:p.inputType,disabled:p.disabled,required:n.required,pattern:n.pattern,autocomplete:n.autocomplete,name:n.name,placeholder:n.placeholder,autocapitalize:n.autocapitalize,autocorrect:n.autocorrect,spellcheck:n.spellcheck,ariaLabelledBy:n.name+"-label"}),p.type===o.TEL&&e.createElement(c,{key:n.currentCountryCode||"1",disabled:p.disabled,defaultCountry:n.currentCountryCode,placeholder:l("checkout-page:enterPhoneNumber"),value:p.value?p.value:"",onChange:p.onPhoneChange}),p.type===o.TEXT_AREA&&e.createElement(d,{ref:h,vm:p,name:n.name}),p.type===o.SELECT&&e.createElement(f,{ariaLabelledBy:n.name+"-label",vm:p,autocomplete:n.autocomplete,name:n.name})),!!p.hasError&&e.createElement("div",{className:r.ErrorMsg},p.errorText||""),!!n.tooltipText&&e.createElement("div",{className:r.FormItemTooltipContainer,"data-tip":n.tooltipText,"data-event":"touchstart focus mouseover","data-event-off":"mouseout"},"?"),!!p.rightContent&&e.createElement("div",{className:r.RightContent},p.rightContent)))})),m=n(e.forwardRef((function(t,n){var a=t.vm,o=t.name,l=t.autocomplete,r=t.type,i=t.pattern,u=t.required,c=t.disabled,s=t.placeholder,m=t.autocapitalize,d=t.autocorrect,f=t.spellcheck,p=t.ariaLabelledBy;return e.createElement("input",{ref:n,id:o,required:u,type:r||"text",name:o,pattern:i,disabled:c,autoComplete:l,inputMode:a.inputMode||"text",className:a.inputStyle,value:a.value||"",onChange:a.onValueChange,placeholder:a.value?"":s,autoCapitalize:m,autoCorrect:d,spellCheck:f,"aria-labelledby":p})}))),d=n(e.forwardRef((function(t,n){var a,o=t.vm,l=t.name;return e.createElement(e.Fragment,null,e.createElement("textarea",{ref:n,style:{resize:o.disableResize?"none":"initial"},name:l,value:o.value||"",disabled:o.disabled,onChange:o.onTextAreaValueChange,placeholder:o.value?"":o.textAreaPlaceholder||"",maxLength:o.maxLength}),o.maxLength&&e.createElement("div",{className:r.TextareaInfo},(null===(a=o.value)||void 0===a?void 0:a.length)||0," / ",o.maxLength))}))),f=n((function(t){var n,a,o=t.vm,i=t.autocomplete,u=t.name,c=t.ariaLabelledBy,s=null===(n=o.options)||void 0===n?void 0:n.find((function(e){return e.value===o.value}));return e.createElement(e.Fragment,null,e.createElement("select",{id:u,"aria-labelledby":c,name:u,className:o.inputStyle,disabled:o.isLoading||o.disabled,autoComplete:i,value:(null==s?void 0:s.label)||"",onChange:o.onSelectChange},!o.value&&e.createElement("option",{value:"",disabled:!0,key:-1}),null===(a=o.options)||void 0===a?void 0:a.map((function(t,n){return e.createElement("option",{key:n+t.value,value:t.label},t.label)}))),e.createElement("div",{className:r.ArrowContainer},!o.isLoading&&e.createElement(l,null),o.isLoading&&e.createElement("div",{className:r.Loader})))}));export{s as FormItem};
+import*as e from"react";import{runInAction as t}from"mobx";import{observer as n}from"mobx-react-lite";import a,{FormItemType as o}from"./model.js";import l from"./caret-down.js";import r from"./style.module.scss.js";import"@ikas/storefront-config";import{useTranslation as i}from"../../../../utils/i18n.js";import u from"react-tooltip";import{PhoneNumberInput as c}from"../phone-number-input/index.js";var s=n((function(n){var l=i().t,s=e.useState((function(){return new a(n)})),p=s[0],E=s[1],v=e.useRef(null),y=e.useRef(null),b=e.useRef(null);e.useEffect((function(){u.rebuild()}),[]),e.useEffect((function(){t((function(){p.type=n.type}))}),[n.type]),e.useEffect((function(){t((function(){p.inputType=n.inputType}))}),[n.inputType]),e.useEffect((function(){t((function(){p.inputMode=n.inputMode}))}),[n.inputMode]),e.useEffect((function(){t((function(){p.value=n.value}))}),[n.value]),e.useEffect((function(){t((function(){p.options=n.options}))}),[n.options]),e.useEffect((function(){t((function(){p.label=n.label}))}),[n.label]),e.useEffect((function(){t((function(){p.hasError=n.hasError}))}),[n.hasError]),e.useEffect((function(){t((function(){p.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){p.textAreaPlaceholder=n.textAreaPlaceholder}))}),[n.textAreaPlaceholder]),e.useEffect((function(){t((function(){p.rightContent=n.rightContent}))}),[n.rightContent]),e.useEffect((function(){t((function(){p.disabled=n.disabled||!1}))}),[n.disabled]),e.useEffect((function(){t((function(){p.isLoading=n.isLoading||!1}))}),[n.isLoading]),e.useEffect((function(){t((function(){p.disableResize=n.disableResize}))}),[n.disableResize]),e.useEffect((function(){t((function(){E(new a(n))}))}),[n.onChange]),e.useEffect((function(){!p.country&&n.currentCountryCode&&p.onCountryChange(n.currentCountryCode)}),[n.currentCountryCode]);var h=p.type===o.TEXT||p.type===o.TEXT_AREA||p.type===o.TEL;return e.createElement("div",{className:p.formItemStyle,style:n.style},e.createElement("div",{className:r.FormItemWrapper},e.createElement("div",{className:r.FormItemInputWrapper,onClick:h?function(e){var t,n,a;"SELECT"!==e.target.tagName&&(p.type===o.TEXT?null===(t=v.current)||void 0===t||t.focus():p.type===o.TEXT_AREA?null===(n=y.current)||void 0===n||n.focus():p.type===o.TEL&&(null===(a=b.current)||void 0===a||a.focus()))}:void 0,style:h?void 0:{cursor:"default"}},e.createElement("label",{className:p.labelStyle,id:n.name+"-label",htmlFor:n.name},p.label),p.type===o.TEXT&&e.createElement(m,{ref:v,vm:p,type:p.inputType,disabled:p.disabled,required:n.required,pattern:n.pattern,autocomplete:n.autocomplete,name:n.name,placeholder:n.placeholder,autocapitalize:n.autocapitalize,autocorrect:n.autocorrect,spellcheck:n.spellcheck,ariaLabelledBy:n.name+"-label"}),p.type===o.TEL&&e.createElement(c,{ref:b,key:n.currentCountryCode||"1",disabled:p.disabled,defaultCountry:n.currentCountryCode,placeholder:l("checkout-page:enterPhoneNumber"),value:p.value?p.value:"",onChange:p.onPhoneChange}),p.type===o.TEXT_AREA&&e.createElement(d,{ref:y,vm:p,name:n.name}),p.type===o.SELECT&&e.createElement(f,{ariaLabelledBy:n.name+"-label",vm:p,autocomplete:n.autocomplete,name:n.name})),!!p.hasError&&e.createElement("div",{className:r.ErrorMsg},p.errorText||""),!!n.tooltipText&&e.createElement("div",{className:r.FormItemTooltipContainer,"data-tip":n.tooltipText,"data-event":"touchstart focus mouseover","data-event-off":"mouseout"},"?"),!!p.rightContent&&e.createElement("div",{className:r.RightContent},p.rightContent)))})),m=n(e.forwardRef((function(t,n){var a=t.vm,o=t.name,l=t.autocomplete,r=t.type,i=t.pattern,u=t.required,c=t.disabled,s=t.placeholder,m=t.autocapitalize,d=t.autocorrect,f=t.spellcheck,p=t.ariaLabelledBy;return e.createElement("input",{ref:n,id:o,required:u,type:r||"text",name:o,pattern:i,disabled:c,autoComplete:l,inputMode:a.inputMode||"text",className:a.inputStyle,value:a.value||"",onInput:a.onValueChange,placeholder:a.value?"":s,autoCapitalize:m,autoCorrect:d,spellCheck:f,"aria-labelledby":p})}))),d=n(e.forwardRef((function(t,n){var a,o=t.vm,l=t.name;return e.createElement(e.Fragment,null,e.createElement("textarea",{ref:n,style:{resize:o.disableResize?"none":"initial"},name:l,value:o.value||"",disabled:o.disabled,onInput:o.onTextAreaValueChange,placeholder:o.value?"":o.textAreaPlaceholder||"",maxLength:o.maxLength}),o.maxLength&&e.createElement("div",{className:r.TextareaInfo},(null===(a=o.value)||void 0===a?void 0:a.length)||0," / ",o.maxLength))}))),f=n((function(t){var n,a,o=t.vm,i=t.autocomplete,u=t.name,c=t.ariaLabelledBy,s=null===(n=o.options)||void 0===n?void 0:n.find((function(e){return e.value===o.value}));return e.createElement(e.Fragment,null,e.createElement("select",{id:u,"aria-labelledby":c,name:u,className:o.inputStyle,disabled:o.isLoading||o.disabled,autoComplete:i,value:(null==s?void 0:s.label)||"",onChange:o.onSelectChange},!o.value&&e.createElement("option",{value:"",disabled:!0,key:-1}),null===(a=o.options)||void 0===a?void 0:a.map((function(t,n){return e.createElement("option",{key:n+t.value,value:t.label},t.label)}))),e.createElement("div",{className:r.ArrowContainer},!o.isLoading&&e.createElement(l,null),o.isLoading&&e.createElement("div",{className:r.Loader})))}));export{s as FormItem};

package/build/components/checkout/components/form-item/model.d.ts

@@ -18,6 +18,7 @@ export default class FormItemViewModel implements Props {
     disabled: boolean;
     isLoading: boolean;
     onChange: (value: string) => void;
+    forceActive?: boolean;
     constructor(props: Props);
     get formItemStyle(): string;
     get labelStyle(): string;
@@ -56,6 +57,7 @@ export interface Props {
     autocapitalize?: "on" | "off" | "none" | "sentences" | "words" | "characters";
     autocorrect?: "on" | "off";
     spellcheck?: "true" | "false";
+    forceActive?: boolean;
 }
 export declare enum FormItemType {
     TEXT = 0,

package/build/components/checkout/components/form-item/model.js

@@ -1 +1 @@
-import{makeAutoObservable as e}from"mobx";import t from"./style.module.scss.js";var i,n,o,r=function(){function n(t){var i=this;this.country=null,this.textAreaPlaceholder=null,this.onValueChange=function(e){i.disabled||i.onChange(e.target.value)},this.onTextAreaValueChange=function(e){i.disabled||i.onChange(e.target.value)},this.onSelectChange=function(e){var t;if(!i.disabled){var n=null===(t=i.options)||void 0===t?void 0:t.find((function(t){return t.label===e.target.value}));n&&i.onChange(n.value)}},this.onPhoneChange=function(e){i.disabled||i.onChange(e)},this.onCountryChange=function(e){i.disabled||(i.country=e)},this.type=t.type,this.inputType=t.inputType,this.inputMode=t.inputMode,this.options=t.options,this.label=t.label,this.placeholder=t.placeholder,this.value=t.value,this.hasError=t.hasError,this.errorText=t.errorText,this.tooltipText=t.tooltipText,this.country=t.country||null,this.textAreaPlaceholder=t.textAreaPlaceholder||null,this.maxLength=t.maxLength,this.rightContent=t.rightContent||null,this.disableResize=t.disableResize||!1,this.disabled=t.disabled||!1,this.isLoading=t.isLoading||!1,this.onChange=t.onChange,e(this)}return Object.defineProperty(n.prototype,"formItemStyle",{get:function(){var e=[t.FormItem];return this.type===i.TEL&&this.hasError&&e.push(t.PhoneError),e.join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelStyle",{get:function(){return this.value||this.type===i.TEL?[t.FieldLabel,t.FieldLabelTop].join(" "):[t.FieldLabel].join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"inputStyle",{get:function(){var e=[];return this.value&&e.push(t.Bottom),this.hasError&&e.push(t.Error),this.tooltipText&&e.push(t.WithTooltip),this.type===i.TEL&&e.push(t.Tel),this.disabled&&e.push(t.Disabled),e.join(" ")},enumerable:!1,configurable:!0}),n}();!function(e){e[e.TEXT=0]="TEXT",e[e.TEXT_AREA=1]="TEXT_AREA",e[e.SELECT=2]="SELECT",e[e.TEL=3]="TEL"}(i||(i={})),function(e){e.TEXT="text",e.PASSWORD="password"}(n||(n={})),function(e){e.NUMERIC="numeric",e.TEL="tel",e.EMAIL="email"}(o||(o={}));export{o as FormItemInputMode,n as FormItemInputType,i as FormItemType,r as default};
+import{makeAutoObservable as e}from"mobx";import t from"./style.module.scss.js";var i,n,o,r=function(){function n(t){var i=this;this.country=null,this.textAreaPlaceholder=null,this.onValueChange=function(e){i.disabled||i.onChange(e.target.value)},this.onTextAreaValueChange=function(e){i.disabled||i.onChange(e.target.value)},this.onSelectChange=function(e){var t;if(!i.disabled){var n=null===(t=i.options)||void 0===t?void 0:t.find((function(t){return t.label===e.target.value}));n&&i.onChange(n.value)}},this.onPhoneChange=function(e){i.disabled||i.onChange(e)},this.onCountryChange=function(e){i.disabled||(i.country=e)},this.type=t.type,this.inputType=t.inputType,this.inputMode=t.inputMode,this.options=t.options,this.label=t.label,this.placeholder=t.placeholder,this.value=t.value,this.hasError=t.hasError,this.errorText=t.errorText,this.tooltipText=t.tooltipText,this.country=t.country||null,this.textAreaPlaceholder=t.textAreaPlaceholder||null,this.maxLength=t.maxLength,this.rightContent=t.rightContent||null,this.disableResize=t.disableResize||!1,this.disabled=t.disabled||!1,this.isLoading=t.isLoading||!1,this.onChange=t.onChange,this.forceActive=t.forceActive||!1,e(this)}return Object.defineProperty(n.prototype,"formItemStyle",{get:function(){var e=[t.FormItem];return this.type===i.TEL&&this.hasError&&e.push(t.PhoneError),e.join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelStyle",{get:function(){return this.value||this.type===i.TEL||this.forceActive?[t.FieldLabel,t.FieldLabelTop].join(" "):[t.FieldLabel].join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"inputStyle",{get:function(){var e=[];return this.value&&e.push(t.Bottom),this.hasError&&e.push(t.Error),this.tooltipText&&e.push(t.WithTooltip),this.type===i.TEL&&e.push(t.Tel),this.disabled&&e.push(t.Disabled),e.join(" ")},enumerable:!1,configurable:!0}),n}();!function(e){e[e.TEXT=0]="TEXT",e[e.TEXT_AREA=1]="TEXT_AREA",e[e.SELECT=2]="SELECT",e[e.TEL=3]="TEL"}(i||(i={})),function(e){e.TEXT="text",e.PASSWORD="password"}(n||(n={})),function(e){e.NUMERIC="numeric",e.TEL="tel",e.EMAIL="email"}(o||(o={}));export{o as FormItemInputMode,n as FormItemInputType,i as FormItemType,r as default};

package/build/components/checkout/components/phone-number-input/index.d.ts

@@ -6,5 +6,5 @@ declare type Props = {
     value: string;
     onChange: (value: string) => void;
 };
-export declare const PhoneNumberInput: React.FC<Props>;
+export declare const PhoneNumberInput: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<Props & React.RefAttributes<HTMLInputElement>, keyof Props | "key"> & React.RefAttributes<HTMLInputElement>>>;
 export {};

package/build/components/checkout/components/phone-number-input/index.js

@@ -1 +1 @@
-import{__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.js';import*as a from"react";import{observer as r}from"mobx-react-lite";import l,{isSupportedCountry as n,formatIncompletePhoneNumber as o,getCountryCallingCode as s,parseIncompletePhoneNumber as u}from"libphonenumber-js";import c from"./get-countries.js";import i from"./style.module.scss.js";var m=r((function(r){var m=r.defaultCountry,v=r.disabled,f=void 0!==v&&v,d=r.placeholder,g=r.value,p=r.onChange,b=a.useState([]),E=b[0],h=b[1],y=a.useState(m||"TR"),N=y[0],C=y[1],S=a.useState(""),F=S[0],j=S[1];a.useEffect((function(){x();var e=N;if("KK"===e&&(e="TR"),n(e)||(e="US"),g){var t=l(g);t&&t.country&&(e=t.country),j(o(g,e))}else k(e);C(e)}),[m]);var x=function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return[4,c()];case 1:return e=t.sent(),h(e),[2]}}))}))},k=function(e){var t=s(e);j("+".concat(t))},w=function(e){return o(e,N)};return a.createElement(a.Fragment,null,a.createElement("div",{className:i.SelectFlag},a.createElement("div",{className:i.FlagContainer},a.createElement("div",{className:i.Flag},a.createElement("img",{className:i.FlagImage,alt:N,src:"https://cdn.myikas.com/sf/assets/flags/3x2/".concat(N,".svg")}),a.createElement("div",{className:i.Arrow})),a.createElement("select",{className:i.Select,value:N,onChange:function(e){if(e.target.value){var t=e.target.value;C(t),k(t)}},disabled:f},E.map((function(e){return a.createElement("option",{key:e.value,value:e.value},e.label)}))))),a.createElement("input",{type:"tel",autoComplete:"tel",className:i.Input,defaultValue:F,onChange:function(e){var t=E.find((function(t){var a;return t.value===(null===(a=l(e.target.value))||void 0===a?void 0:a.country)}));t&&C(t.value);var a=w(e.target.value);j(a),p(a?u(a):e.target.value)},placeholder:d,disabled:f}))}));export{m as PhoneNumberInput};
+import{__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.js';import*as a from"react";import{observer as r}from"mobx-react-lite";import n,{isSupportedCountry as l,formatIncompletePhoneNumber as o,getCountryCallingCode as u,parseIncompletePhoneNumber as s}from"libphonenumber-js";import c from"./get-countries.js";import i from"./style.module.scss.js";var m=r(a.forwardRef((function(r,m){var v=r.defaultCountry,f=r.disabled,d=void 0!==f&&f,p=r.placeholder,g=r.value,b=r.onChange,E=a.useState([]),y=E[0],h=E[1],N=a.useState(v||"TR"),S=N[0],F=N[1],j=a.useState(""),C=j[0],I=j[1];a.useEffect((function(){w();var e=S;if("KK"===e&&(e="TR"),l(e)||(e="US"),g){var t=n(g);t&&t.country&&(e=t.country),I(o(g,e))}else x(e);F(e)}),[v]);var w=function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return[4,c()];case 1:return e=t.sent(),h(e),[2]}}))}))},x=function(e){var t=u(e);I("+".concat(t))},R=function(e){return o(e,S)};return a.createElement(a.Fragment,null,a.createElement("div",{className:i.SelectFlag},a.createElement("div",{className:i.FlagContainer},a.createElement("div",{className:i.Flag},a.createElement("img",{className:i.FlagImage,alt:S,src:"https://cdn.myikas.com/sf/assets/flags/3x2/".concat(S,".svg")}),a.createElement("div",{className:i.Arrow})),a.createElement("select",{className:i.Select,value:S,onInput:function(e){if(e.target.value){var t=e.target.value;F(t),x(t)}},disabled:d},y.map((function(e){return a.createElement("option",{key:e.value,value:e.value},e.label)}))))),a.createElement("input",{ref:m,type:"tel",autoComplete:"tel",className:i.Input,value:C,onInput:function(e){var t=y.find((function(t){var a;return t.value===(null===(a=n(e.target.value))||void 0===a?void 0:a.country)}));t&&F(t.value);var a=R(e.target.value);I(a),b(a?s(a):e.target.value)},placeholder:p,disabled:d}))})));export{m as PhoneNumberInput};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "6.1.0-beta.175",
+  "version": "6.1.0-beta.177",
   "description": "Storefront functionality for ikas storefront themes.",
   "author": "ikas",
   "license": "ISC",
@@ -22,11 +22,11 @@
     "swiper": "11.0.6"
   },
   "devDependencies": {
-    "@ikas/storefront-api": "^6.1.0-beta.175",
-    "@ikas/storefront-config": "^6.1.0-beta.175",
-    "@ikas/storefront-model-functions": "^6.1.0-beta.175",
-    "@ikas/storefront-models": "^6.1.0-beta.175",
-    "@ikas/storefront-providers": "^6.1.0-beta.175",
+    "@ikas/storefront-api": "^6.1.0-beta.177",
+    "@ikas/storefront-config": "^6.1.0-beta.177",
+    "@ikas/storefront-model-functions": "^6.1.0-beta.177",
+    "@ikas/storefront-models": "^6.1.0-beta.177",
+    "@ikas/storefront-providers": "^6.1.0-beta.177",
     "@ikas/localized-address": "1.0.0-beta.6",
     "@adyen/adyen-web": "^5.57.0",
     "@rollup/plugin-commonjs": "^22.0.0",
@@ -61,11 +61,11 @@
   },
   "peerDependencies": {
     "@ikas/localized-address": "1.0.0-beta.6",
-    "@ikas/storefront-api": "^6.1.0-beta.175",
-    "@ikas/storefront-config": "^6.1.0-beta.175",
-    "@ikas/storefront-model-functions": "^6.1.0-beta.175",
-    "@ikas/storefront-models": "^6.1.0-beta.175",
-    "@ikas/storefront-providers": "^6.1.0-beta.175",
+    "@ikas/storefront-api": "^6.1.0-beta.177",
+    "@ikas/storefront-config": "^6.1.0-beta.177",
+    "@ikas/storefront-model-functions": "^6.1.0-beta.177",
+    "@ikas/storefront-models": "^6.1.0-beta.177",
+    "@ikas/storefront-providers": "^6.1.0-beta.177",
     "mobx": "^6.1.3",
     "mobx-react-lite": "^3.1.5",
     "next": "12.2.0",