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

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,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};
+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 n,FormItemInputMode as i}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 E=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(p,{props:t,vm:a}):r.createElement(h,{props:t,vm:a})})),p=t((function(t){var o=t.props,n=t.vm;return d().t,r.createElement("div",null,r.createElement("div",{className:[v.Grid,v.Grid2].join(" ")},r.createElement(g,e({},o,{vm:n})),r.createElement(f,e({},o,{vm:n})),r.createElement("div",null)," "),!!n.address.checkoutSettings&&n.address.checkoutSettings.phoneRequirement!==a.INVISIBLE&&r.createElement("div",{className:m.RowPB},r.createElement(I,e({},o,{vm:n})),r.createElement("div",null)," "))})),h=t((function(t){var a,o,n,i=t.props,l=t.vm,E=d().t,p=function(t){var a=t.map((function(t){return function(t){switch(t){case c.FIRSTNAME:return r.createElement(g,e({},i,{vm:l}));case c.LASTNAME:return r.createElement(f,e({},i,{vm:l}));case c.IDENTITY_NUMBER:return r.createElement(b,e({},i,{vm:l}));case c.ADDRESS_LINE_1:return r.createElement(y,e({},i,{vm:l}));case c.ADDRESS_LINE_2:return r.createElement(T,e({},i,{vm:l}));case c.POSTAL_CODE:return r.createElement(N,e({},i,{vm:l}));case c.COUNTRY:return r.createElement(L,e({},i,{vm:l}));case c.STATE:return r.createElement(k,e({},i,{vm:l}));case c.CITY:return l.address.isFreeTextCity?r.createElement(R,e({},i,{vm:l})):r.createElement(x,e({},i,{vm:l}));case c.DISTRICT:return l.address.isFreeTextDistrict?r.createElement(S,e({},i,{vm:l})):r.createElement(O,e({},i,{vm:l}));case c.REGION:return r.createElement(A,e({},i,{vm:l}));case c.PHONE:return r.createElement(I,e({},i,{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({},i,{vm:l}));case u.TAX_NUMBER:return r.createElement(X,e({},i,{vm:l}));case u.TAX_OFFICE:return r.createElement(j,e({},i,{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({},i,{vm:l}))),l.countryOptions.length<=1?null===(a=l.address.addressFormatIgnoreCountry)||void 0===a?void 0:a.map((function(e){return p(e)})):null===(o=l.address.addressFormat)||void 0===o?void 0:o.map((function(e){return p(e)})),!!l.allowCorporateInfo&&r.createElement("div",{style:{marginTop:"12px"}},r.createElement(s,{value:l.isCorporate,label:E("checkout-page:corporateInvoice"),onChange:l.onCorporateChange})),!!l.isCorporate&&(null===(n=l.address.billingFormat)||void 0===n?void 0:n.map((function(e){return h(e)}))))})),g=t((function(e){var t,a,i,l=e.vm,s=d().t,c=l.isShippingAddress?"shipping given-name":"given-name";return r.createElement(o,{name:"firstName",type:n.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===(i=l.address.validationResults)||void 0===i?void 0:i.firstName.hasError),errorText:s("checkout-page:firstNameError")})})),f=t((function(e){var t,a,i,l=e.vm,s=d().t,c=l.isShippingAddress?"shipping family-name":"family-name";return r.createElement(o,{name:"lastName",type:n.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===(i=l.address.validationResults)||void 0===i?void 0:i.lastName.hasError),errorText:s("checkout-page:lastNameError")})})),b=t((function(e){var t,a,i,l=e.vm,s=d().t;return r.createElement(o,{name:"identityNumber",type:n.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===(i=l.address.validationResults)||void 0===i?void 0:i.identityNumber.hasError),errorText:s("checkout-page:identityNumberError")})})),C=t((function(e){var t=e.vm,a=d().t,i=t.address;return r.createElement(o,{type:n.TEXT,label:a("checkout-page:addressTitle"),value:i.title||"",onChange:t.onAddressTitleChange,hasError:t.isErrorsVisible&&!i.title,errorText:a("checkout-page:addressTitleError")})})),y=t((function(e){var t,a,i,l=e.vm,s=d().t,c=l.isShippingAddress?"shipping address-line1":"address-line1";return r.createElement(o,{name:"addressLine1",type:n.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===(i=l.address.validationResults)||void 0===i?void 0:i.addressLine1.hasError),errorText:s("checkout-page:addressError")})})),T=t((function(e){var t,a,i=e.vm,l=d().t,s=i.isShippingAddress?"shipping address-line2":"address-line2";return r.createElement(o,{name:"addressLine2",type:n.TEXT,autocomplete:s,label:(null===(a=null===(t=i.address.fieldLabels)||void 0===t?void 0:t.addressLine2)||void 0===a?void 0:a.label)||l("checkout-page:addressLine2"),value:i.address.addressLine2||"",onChange:i.onAddressLine2Change})})),N=t((function(e){var t,a,i,l=e.vm,s=d().t,c=l.isShippingAddress?"shipping postal-code":"postal-code";return r.createElement(o,{name:"postalCode",type:n.TEXT,label:(null===(a=null===(t=l.address.fieldLabels)||void 0===t?void 0:t.postalCode)||void 0===a?void 0:a.label)||s("checkout-page:postalCode"),autocomplete:c,value:l.address.postalCode||"",onChange:l.onAddressPostalCodeChange,hasError:l.isErrorsVisible&&(null===(i=l.address.validationResults)||void 0===i?void 0:i.postalCode.hasError),errorText:s("checkout-page:postalCodeError")})})),L=t((function(e){var t,a,i,l,s=e.vm,c=d().t;return s.countryOptions.length<=1?null:r.createElement(o,{name:"country",type:n.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===(i=s.country)||void 0===i?void 0:i.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,i,l,s=e.vm,c=d().t;return r.createElement(o,{name:"state",type:n.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===(i=s.state)||void 0===i?void 0:i.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,i,l,s=e.vm,c=d().t;return r.createElement(o,{name:"city",type:n.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===(i=s.city)||void 0===i?void 0:i.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,i,l,s=e.vm,c=d().t;return r.createElement(o,{name:"city",type:n.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===(i=s.city)||void 0===i?void 0:i.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,i,l,s=e.vm,c=d().t;return r.createElement(o,{name:"district",type:n.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===(i=s.district)||void 0===i?void 0:i.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,i,l=e.vm,s=d().t;return r.createElement(o,{name:"district",type:n.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===(i=l.district)||void 0===i?void 0:i.name)||"",onChange:l.onDistrictInputChange})})),A=t((function(e){var t,a,i=e.vm,l=d().t;return r.createElement(o,{name:"region",type:n.SELECT,label:l("checkout-page:region"),autocomplete:"off",value:(null===(t=i.region)||void 0===t?void 0:t.id)||"",onChange:i.onRegionChange,options:i.regionOptions,hasError:i.isErrorsVisible&&(null===(a=i.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:n.TEL,inputMode:i.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,i=e.vm,l=d().t;return r.createElement(o,{name:"company",type:n.TEXT,label:(null===(a=null===(t=i.address.fieldLabels)||void 0===t?void 0:t.company)||void 0===a?void 0:a.label)||l("checkout-page:companyName"),value:i.address.company||"",onChange:i.onCompanyChange})})),j=t((function(e){var t,a,i,l,s=e.vm,c=d().t;return r.createElement(o,{name:"taxOffice",type:n.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===(i=s.address)||void 0===i?void 0:i.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,i,l,s=e.vm,c=d().t;return r.createElement(o,{name:"taxNumber",type:n.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===(i=s.address)||void 0===i?void 0:i.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{E as AddressForm};

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

@@ -18,7 +18,6 @@ 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;
@@ -57,7 +56,6 @@ 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,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};
+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};

package/build/components/page/index.js

@@ -1 +1 @@
-import{__assign as t,__spreadArray as e,__awaiter as o,__generator as r}from'./../../ext/tslib/tslib.es6.js';import*as i from"react";import{observer as n}from"mobx-react-lite";import{useRouter as a}from"next/router.js";import"../../models/data/blog/category/index.js";import"../../models/data/blog/content/index.js";import"../../models/data/blog/meta-data/index.js";import"../../models/data/blog/tag/index.js";import"../../models/data/blog/index.js";import"../../models/data/brand/index.js";import{IkasThemeJsonPageType as s}from"@ikas/storefront-models";import"mobx";import"../../models/data/campaign-offer/index.js";import"../../models/data/cart/campaign-offer/index.js";import"../../models/data/cart/index.js";import"../../models/data/category/path-item/index.js";import"../../models/data/category/index.js";import"../../models/data/checkout/index.js";import"../../models/data/checkout-settings/index.js";import"../../models/data/city/index.js";import"../../models/data/country/index.js";import"../../models/data/customer/address/region/index.js";import"../../models/data/customer/address/index.js";import"../../models/data/customer/address/ikas-localized-customer-address.js";import"../../models/data/customer/attribute/index.js";import"../../models/data/customer/review/summary/index.js";import"../../models/data/customer/review/index.js";import"../../models/data/customer/index.js";import"../../models/data/customer-form-data-input/index.js";import"../../models/data/district/index.js";import"../../models/data/favorite-product/index.js";import"../../models/data/filter-category/index.js";import"../../models/data/html-meta-data/index.js";import"../../models/data/image/index.js";import{IkasMerchantSettings as d}from"../../models/data/merchant-settings/index.js";import"../../models/data/order/address/region/index.js";import"../../models/data/order/address/index.js";import"../../models/data/order/line-item/option/value/index.js";import"../../models/data/order/line-item/variant/value/index.js";import"../../models/data/order/line-item/variant/index.js";import"../../models/data/order/line-item/index.js";import"../../models/data/order/order-transaction-with-prices/index.js";import"../../models/data/order/package/index.js";import"../../models/data/order/transaction/index.js";import"../../models/data/order/index.js";import"../../models/data/payment-gateway/index.js";import"../../models/data/product/attribute-value/index.js";import"../../models/data/product/filter/index.js";import"../../models/data/product/campaign-offer/index.js";import"../../models/data/product/option-set/option/index.js";import"../../models/data/product/option-set/index.js";import"../../models/data/product/stock-location/index.js";import"../../models/data/product/variant/price/index.js";import"../../models/data/product/variant/index.js";import"../../models/data/variant-type/index.js";import"../../models/data/product/index.js";import"../../models/data/raffle/index.js";import"../../models/data/shipping-zone/state/city/district/region/index.js";import"../../models/data/state/index.js";import"../../models/data/storefront-popup/storefront-popup-display-filter/index.js";import"../../models/data/storefront-popup/storefront-popup-display-settings/index.js";import"../../models/data/storefront-popup/storefront-popup-page-filter/index.js";import"../../models/data/storefront-popup/index.js";import"../../models/data/theme-json/index.js";import"../../models/data/theme-json/component/index.js";import{IkasThemeJsonCustomData as u}from"../../models/data/theme-json/custom-data/index.js";import"../../models/data/variant-type/variant-value/index.js";import"@ikas/localized-address";import"../../models/ui/blog-list/index.js";import"../../models/ui/blog-category-list/index.js";import"../../models/ui/brand-list/index.js";import"../../models/ui/category-list/index.js";import"../../models/ui/product-list/index.js";import"../../models/ui/product-attribute-detail/index.js";import"../../models/ui/product-attribute-list/index.js";import"../../models/ui/customer-review-list/index.js";import"../../models/ui/customer-review-summary-list/index.js";import"../../models/ui/validator/index.js";import"../../models/ui/validator/rules/index.js";import"../../models/ui/validator/form/login.js";import"../../models/ui/validator/form/address.js";import"../../models/ui/validator/form/ikas-address.js";import"../../models/ui/validator/form/register.js";import"../../models/ui/validator/form/contact-form.js";import"../../models/ui/validator/form/forgot-password.js";import"../../models/ui/validator/form/recover-password.js";import"../../models/ui/validator/form/account-info.js";import"../../models/ui/validator/form/raffle-form.js";import"../../models/ui/validator/form/customer-review.js";import"../../models/ui/raffle-list/index.js";import{IkasStorefrontConfig as m}from"@ikas/storefront-config";import{Analytics as c}from"../../analytics/analytics.js";import"../../analytics/head/index.js";import{IkasPageHead as l}from"./head.js";import{ThemeComponent as p}from"./ThemeComponent.js";import{IkasBaseStore as f}from"../../store/base.js";import"../../store/customer/index.js";import"../../store/cart/index.js";import{initIkasEvents as v}from"../../analytics/events.js";import{IkasPageDataInit as g}from"../../page-data-init/index.js";import{setAPIClientConfig as j,listStorefrontPopup as x,SortByDirectionEnum as h}from"@ikas/storefront-api";import w from"../../store/product/index.js";var y=function(t){return o(void 0,void 0,void 0,(function(){var e,i,n,a,s,d,u,c,l,p,v,g,j,x;return r(this,(function(h){switch(h.label){case 0:return e={popups:t},[4,function(){return new Promise((function(t){var e=setInterval((function(){var o=m.getSessionId();o&&(clearInterval(e),t(o))}),100)}))}()];case 1:return h.sent(),(i=m.getSessionId())&&(e.sessionId=i),(n=m.getCdnUrl())&&(e.cdnUrl=n),(a=null===(g=m.getMerchantSettings())||void 0===g?void 0:g.merchantId)&&(e.merchantId=a),S=m.getDomain(),(s=S?S.startsWith("http")?S:"https://".concat(S):"undefined"!=typeof window?window.location.origin:void 0)&&(e.storeUrl=s),(d=m.getCustomerToken())&&(e.customerToken=d),(u=m.getCurrentLocale())&&(e.locale=u),(c=null===(x=null===(j=m.getCurrentRouting())||void 0===j?void 0:j.countryCodes)||void 0===x?void 0:x[0])&&(e.countryCode=c),(l=m.getPriceListId())&&(e.priceListId=l),(p=m.getSalesChannelId())&&(e.salesChannelId=p),y=f.getInstance().customerStore.customer,(v=y?{email:y.email,firstName:y.firstName,lastName:y.lastName,birthDate:y.birthDate,phone:y.phone}:null)&&(e.customer=v),e.services=function(){var t=this,e=f.getInstance();return{searchProducts:function(e){return o(t,void 0,void 0,(function(){var t,o,i;return r(this,(function(r){switch(r.label){case 0:return[4,w.searchProducts(P(e))];case 1:return(null==(t=r.sent())?void 0:t.isSuccess)&&(null===(i=null===(o=t.data)||void 0===o?void 0:o.data)||void 0===i?void 0:i.length)?[2,t.data.data]:[2,[]]}}))}))},addItemToCart:function(i){var n=i.product,a=i.variant,s=i.quantity;return o(t,void 0,void 0,(function(){var t;return r(this,(function(o){switch(o.label){case 0:return[4,e.cartStore.addItem(a,n,null!=s?s:1)];case 1:return[2,{success:!!(null==(t=o.sent())?void 0:t.success)}]}}))}))},saveCustomerFormData:function(i){return o(t,void 0,void 0,(function(){return r(this,(function(t){switch(t.label){case 0:return[4,e.customerStore.saveCustomerFormData({email:i.email,firstName:i.firstName,lastName:i.lastName,birthDate:i.birthDate||"",phone:i.phone||"",storefrontPopupId:i.popupId,subscriptions:i.subscriptions})];case 1:return t.sent(),[2]}}))}))},getLastViewedProducts:function(){return o(t,void 0,void 0,(function(){var t;return r(this,(function(o){return"function"==typeof(t=e.customerStore).getLastViewedProducts?[2,t.getLastViewedProducts()]:[2,[]]}))}))},formatVariantSellPrice:function(t){return t.formattedSellPrice||""},formatVariantDiscountPrice:function(t){return t.formattedDiscountPrice||null},hasVariantDiscount:function(t){return!!t.hasDiscount},getVariantDiscountPercentage:function(t){var e=t.discountPercentage;return null==e?null:"number"==typeof e?e.toString():e},redirectToProduct:function(t){return!!t.url&&(window.location.href=t.url,!0)}}}(),[2,e]}var y,S}))}))},S=n((function(n){var p=n.propValues,h=n.themeJsonComponents,w=n.customDataList,S=n.pageType,P=n.pageTitle,C=n.pageDescription,I=n.pageSpecificData,k=n.canonicals,D=n.disableIndex,L=n.settings,E=n.configJson,T=n.reInitOnBrowser,V=n.addOgpMetas,F=n.components,M=n.productReviewSummary,R=a(),N=i.useState(),O=N[0],A=N[1];m.init(t(t({},E),{currentPageComponents:F,loginRequiredCallback:function(){R.push("/account/login")}})),f.getInstance().router=R,j();var U=f.getInstance();U.router=R,U.currentPageType=S;var W=i.useState(!1),B=W[0],z=W[1],H=i.useMemo((function(){return(null==O?void 0:O.id)===(null==I?void 0:I.id)&&g.pageSpecificData&&g.isBrowser?S===s.PRODUCT&&g._initProductOnBrowser(g.pageSpecificData):g.setPageSpecificData(I,S,B),g.initPagePropValues(p,h,w.map((function(t){return new u(t)})),L,B)}),e(e([],S!==s.SEARCH?[B]:[],!0),[p,S,L,I,h],!1));i.useEffect((function(){T&&z("undefined"!=typeof window),window.addToCart=U.cartStore._windowAddToCart,U.cartStore.getCart(),U.checkLocalization(),v()}),[]),i.useEffect((function(){I?(null==O?void 0:O.id)!==I.id&&A(I):A(null)}),[I]),i.useEffect((function(){var t=function(){U.customerStore.routeChangeInit()};return R.events.on("routeChangeStart",t),function(){R.events.off("routeChangeStart",t)}}),[]),i.useEffect((function(){!function(t,e){var i,n;o(this,void 0,void 0,(function(){var o,a,d,u,m,l;return r(this,(function(r){switch(r.label){case 0:return o=f.getInstance(),[4,c.pageView(t)];case 1:r.sent(),r.label=2;case 2:return r.trys.push([2,7,,8]),t!==s.PRODUCT?[3,4]:(a=e,[4,c.productView(a)]);case 3:r.sent(),o.customerStore.onProductView(a.id,a.selectedVariant.id),r.label=4;case 4:return t===s.CATEGORY&&(u=null===(i=(d=e).categoryPathItems)||void 0===i?void 0:i.map((function(t){return t.name})).join(" > "),u=d.categoryPathItems&&(null===(n=d.categoryPathItems)||void 0===n?void 0:n.length)>0?u+" > "+d.name:d.name,c.viewCategory(u,d)),t===s.BRAND&&(m=e,c.viewBrand(m)),t!==s.CART?[3,6]:[4,o.cartStore.waitUntilInitialized()];case 5:r.sent(),c.viewCart(o.cartStore.cart),r.label=6;case 6:return[3,8];case 7:return l=r.sent(),console.error(l),[3,8];case 8:return[2]}}))}))}(S,g.pageSpecificData)}),[S,I]),i.useEffect((function(){if("undefined"!=typeof window&&"undefined"!=typeof document){var e,i=!1,n=function(t,e){if(function(t){t.setAttribute("data-ikas-popup-widget","true"),!t.dataset.ikasPopupWidgetUrl&&t.src&&(t.dataset.ikasPopupWidgetUrl=t.src)}(t),"true"===t.dataset.ikasPopupWidgetLoaded)return e(),function(){};var o=function(){t.dataset.ikasPopupWidgetLoaded="true",e()},r=function(e){console.error("[@ikas/storefront] Failed to load popup widget script",t.src,e)};return t.addEventListener("load",o,{once:!0}),t.addEventListener("error",r,{once:!0}),function(){t.removeEventListener("load",o),t.removeEventListener("error",r)}};return o(void 0,void 0,void 0,(function(){var a,s,d,u,c,l,p;return r(this,(function(f){switch(f.label){case 0:return a=m.getStorefrontPopups()||[],[4,(v=a,o(void 0,void 0,void 0,(function(){var e,o,i,n,a;return r(this,(function(r){switch(r.label){case 0:if(!(e=v.map((function(t){return t.id})).filter(Boolean)).length)return[2,v];r.label=1;case 1:return r.trys.push([1,3,,4]),[4,x({idList:e})];case 2:return(null==(o=r.sent())?void 0:o.isSuccess)&&(null===(a=o.data)||void 0===a?void 0:a.length)?(i=new Map(o.data.filter((function(t){return!!(null==t?void 0:t.id)})).map((function(t){return[t.id,t]}))),[2,v.map((function(e){var o=i.get(e.id);return o?t(t({},o),{isFilteredOnServerSide:e.isFilteredOnServerSide}):e}))]):[3,4];case 3:return n=r.sent(),console.error("[@ikas/storefront] Failed to fetch popup details",n),[3,4];case 4:return[2,v]}}))})))];case 1:return s=f.sent(),i?[2]:[4,y(s)];case 2:return d=f.sent(),window.ikasPopupConfig=d,(u=window.location.href.includes("http://localhost:3333/")?"http://localhost:9000/popup-script-injector.iife.js":"/sf/assets/popup/popup-script-injector.iife.js")?(c=function(){i||function(t){if("function"==typeof window.startIkasPopupWidget)try{window.startIkasPopupWidget(t)}catch(t){console.error("[@ikas/storefront] Failed to start popup widget",t)}}(d)},(l=document.querySelector('script[data-ikas-popup-widget="true"]'))?(e=n(l,c),[2]):((p=document.createElement("script")).src=u,p.defer=!0,e=n(p,c),document.body.appendChild(p),[2])):[2]}var v}))})),function(){i=!0,null==e||e()}}}),[R.asPath,S,null==I?void 0:I.id]);var q=i.useMemo((function(){var t=H.find((function(t){return t.component.isHeader})),e=H.find((function(t){return t.component.isFooter})),o=H.filter((function(t){return!t.component.isHeader&&!t.component.isFooter}))||[];return i.createElement("div",{style:{position:"relative",minHeight:"100vh",display:"flex",flexDirection:"column",justifyContent:"space-between"}},i.createElement("div",null,t&&b(t,L,-1),o.map((function(t,e){return b(t,L,e)}))),e&&b(e,L,-1))}),[H,L]),_=i.useMemo((function(){return m.getMerchantSettings()?new d(m.getMerchantSettings()):null}),[m.getMerchantSettings()]);return i.createElement(i.Fragment,null,i.createElement(l,{pageType:S,pageTitle:P,pageDescription:C,pageSpecificData:g.pageSpecificData,canonicals:k&&k.length>0?k:null,disableIndex:D,merchantSettings:_,addOgpMetas:V,productReviewSummary:M,pageComponentPropValues:H}),q)})),b=function(t,e,o){return i.createElement(p,{key:t.pageComponent.id,index:o,pageComponentPropValue:t,settings:e})};function P(t){var e,o,r,i,n,a=null===(e=t.order)||void 0===e?void 0:e.map((function(t){return{direction:"ASC"===t.direction?h.ASC:h.DESC,type:t.type}}));return{input:{page:null!==(o=t.page)&&void 0!==o?o:1,perPage:null!==(r=t.perPage)&&void 0!==r?r:10,order:a,productIdList:t.productIdList,categoryIdList:t.categoryIdList,priceListId:null!==(i=t.priceListId)&&void 0!==i?i:m.getPriceListId(),salesChannelId:null!==(n=t.salesChannelId)&&void 0!==n?n:m.getSalesChannelId()}}}export{S as IkasPage,b as renderComponent};
+import{__assign as t,__spreadArray as e,__awaiter as o,__generator as r}from'./../../ext/tslib/tslib.es6.js';import*as i from"react";import{observer as n}from"mobx-react-lite";import{useRouter as a}from"next/router.js";import"../../models/data/blog/category/index.js";import"../../models/data/blog/content/index.js";import"../../models/data/blog/meta-data/index.js";import"../../models/data/blog/tag/index.js";import"../../models/data/blog/index.js";import"../../models/data/brand/index.js";import{IkasThemeJsonPageType as s}from"@ikas/storefront-models";import"mobx";import"../../models/data/campaign-offer/index.js";import"../../models/data/cart/campaign-offer/index.js";import"../../models/data/cart/index.js";import"../../models/data/category/path-item/index.js";import"../../models/data/category/index.js";import"../../models/data/checkout/index.js";import"../../models/data/checkout-settings/index.js";import"../../models/data/city/index.js";import"../../models/data/country/index.js";import"../../models/data/customer/address/region/index.js";import"../../models/data/customer/address/index.js";import"../../models/data/customer/address/ikas-localized-customer-address.js";import"../../models/data/customer/attribute/index.js";import"../../models/data/customer/review/summary/index.js";import"../../models/data/customer/review/index.js";import"../../models/data/customer/index.js";import"../../models/data/customer-form-data-input/index.js";import"../../models/data/district/index.js";import"../../models/data/favorite-product/index.js";import"../../models/data/filter-category/index.js";import"../../models/data/html-meta-data/index.js";import"../../models/data/image/index.js";import{IkasMerchantSettings as d}from"../../models/data/merchant-settings/index.js";import"../../models/data/order/address/region/index.js";import"../../models/data/order/address/index.js";import"../../models/data/order/line-item/option/value/index.js";import"../../models/data/order/line-item/variant/value/index.js";import"../../models/data/order/line-item/variant/index.js";import"../../models/data/order/line-item/index.js";import"../../models/data/order/order-transaction-with-prices/index.js";import"../../models/data/order/package/index.js";import"../../models/data/order/transaction/index.js";import"../../models/data/order/index.js";import"../../models/data/payment-gateway/index.js";import"../../models/data/product/attribute-value/index.js";import"../../models/data/product/filter/index.js";import"../../models/data/product/campaign-offer/index.js";import"../../models/data/product/option-set/option/index.js";import"../../models/data/product/option-set/index.js";import"../../models/data/product/stock-location/index.js";import"../../models/data/product/variant/price/index.js";import"../../models/data/product/variant/index.js";import"../../models/data/variant-type/index.js";import"../../models/data/product/index.js";import"../../models/data/raffle/index.js";import"../../models/data/shipping-zone/state/city/district/region/index.js";import"../../models/data/state/index.js";import"../../models/data/storefront-popup/storefront-popup-display-filter/index.js";import"../../models/data/storefront-popup/storefront-popup-display-settings/index.js";import"../../models/data/storefront-popup/storefront-popup-page-filter/index.js";import"../../models/data/storefront-popup/index.js";import"../../models/data/theme-json/index.js";import"../../models/data/theme-json/component/index.js";import{IkasThemeJsonCustomData as u}from"../../models/data/theme-json/custom-data/index.js";import"../../models/data/variant-type/variant-value/index.js";import"@ikas/localized-address";import"../../models/ui/blog-list/index.js";import"../../models/ui/blog-category-list/index.js";import"../../models/ui/brand-list/index.js";import"../../models/ui/category-list/index.js";import"../../models/ui/product-list/index.js";import"../../models/ui/product-attribute-detail/index.js";import"../../models/ui/product-attribute-list/index.js";import"../../models/ui/customer-review-list/index.js";import"../../models/ui/customer-review-summary-list/index.js";import"../../models/ui/validator/index.js";import"../../models/ui/validator/rules/index.js";import"../../models/ui/validator/form/login.js";import"../../models/ui/validator/form/address.js";import"../../models/ui/validator/form/ikas-address.js";import"../../models/ui/validator/form/register.js";import"../../models/ui/validator/form/contact-form.js";import"../../models/ui/validator/form/forgot-password.js";import"../../models/ui/validator/form/recover-password.js";import"../../models/ui/validator/form/account-info.js";import"../../models/ui/validator/form/raffle-form.js";import"../../models/ui/validator/form/customer-review.js";import"../../models/ui/raffle-list/index.js";import{IkasStorefrontConfig as c}from"@ikas/storefront-config";import{Analytics as l}from"../../analytics/analytics.js";import"../../analytics/head/index.js";import{IkasPageHead as m}from"./head.js";import{ThemeComponent as p}from"./ThemeComponent.js";import{IkasBaseStore as f}from"../../store/base.js";import"../../store/customer/index.js";import"../../store/cart/index.js";import{initIkasEvents as v}from"../../analytics/events.js";import{IkasPageDataInit as g}from"../../page-data-init/index.js";import{setAPIClientConfig as j,listStorefrontPopup as h,SortByDirectionEnum as x}from"@ikas/storefront-api";import w from"../../store/product/index.js";var y=function(t){return o(void 0,void 0,void 0,(function(){var e,i,n,a,s,d,u,l,m,p,v,g,j,h;return r(this,(function(x){switch(x.label){case 0:return e={popups:t},[4,function(){return new Promise((function(t){var e=setInterval((function(){var o=c.getSessionId();o&&(clearInterval(e),t(o))}),100)}))}()];case 1:return x.sent(),(i=c.getSessionId())&&(e.sessionId=i),(n=c.getCdnUrl())&&(e.cdnUrl=n),(a=null===(g=c.getMerchantSettings())||void 0===g?void 0:g.merchantId)&&(e.merchantId=a),S=c.getDomain(),(s=S?S.startsWith("http")?S:"https://".concat(S):"undefined"!=typeof window?window.location.origin:void 0)&&(e.storeUrl=s),(d=c.getCustomerToken())&&(e.customerToken=d),(u=c.getCurrentLocale())&&(e.locale=u),(l=null===(h=null===(j=c.getCurrentRouting())||void 0===j?void 0:j.countryCodes)||void 0===h?void 0:h[0])&&(e.countryCode=l),(m=c.getPriceListId())&&(e.priceListId=m),(p=c.getSalesChannelId())&&(e.salesChannelId=p),y=f.getInstance().customerStore.customer,(v=y?{email:y.email,firstName:y.firstName,lastName:y.lastName,birthDate:y.birthDate,phone:y.phone}:null)&&(e.customer=v),e.services=function(){var t=this,e=f.getInstance();return{searchProducts:function(e){return o(t,void 0,void 0,(function(){var t,o,i;return r(this,(function(r){switch(r.label){case 0:return[4,w.searchProducts(C(e))];case 1:return(null==(t=r.sent())?void 0:t.isSuccess)&&(null===(i=null===(o=t.data)||void 0===o?void 0:o.data)||void 0===i?void 0:i.length)?[2,t.data.data]:[2,[]]}}))}))},addItemToCart:function(i){var n=i.product,a=i.variant,s=i.quantity;return o(t,void 0,void 0,(function(){var t;return r(this,(function(o){switch(o.label){case 0:return[4,e.cartStore.addItem(a,n,null!=s?s:1)];case 1:return[2,{success:!!(null==(t=o.sent())?void 0:t.success)}]}}))}))},saveCustomerFormData:function(i){return o(t,void 0,void 0,(function(){return r(this,(function(t){switch(t.label){case 0:return[4,e.customerStore.saveCustomerFormData({email:i.email,firstName:i.firstName,lastName:i.lastName,birthDate:i.birthDate||"",phone:i.phone||"",storefrontPopupId:i.popupId,subscriptions:i.subscriptions})];case 1:return t.sent(),[2]}}))}))},getLastViewedProducts:function(){return o(t,void 0,void 0,(function(){var t;return r(this,(function(o){return"function"==typeof(t=e.customerStore).getLastViewedProducts?[2,t.getLastViewedProducts()]:[2,[]]}))}))},formatVariantSellPrice:function(t){return t.formattedSellPrice||""},formatVariantDiscountPrice:function(t){return t.formattedDiscountPrice||null},hasVariantDiscount:function(t){return!!t.hasDiscount},getVariantDiscountPercentage:function(t){var e=t.discountPercentage;return null==e?null:"number"==typeof e?e.toString():e},redirectToProduct:function(t){return!!t.url&&(window.location.href=t.url,!0)}}}(),[2,e]}var y,S}))}))},S=n((function(n){var p=n.propValues,x=n.themeJsonComponents,w=n.customDataList,S=n.pageType,C=n.pageTitle,P=n.pageDescription,I=n.pageSpecificData,k=n.canonicals,D=n.disableIndex,L=n.settings,E=n.configJson,T=n.reInitOnBrowser,V=n.addOgpMetas,F=n.components,R=n.productReviewSummary,A=a(),M=i.useState(),N=M[0],O=M[1];c.init(t(t({},E),{currentPageComponents:F,loginRequiredCallback:function(){A.push("/account/login")}})),f.getInstance().router=A,j();var U=f.getInstance();U.router=A,U.currentPageType=S;var W=i.useState(!1),B=W[0],z=W[1],q=i.useMemo((function(){return(null==N?void 0:N.id)===(null==I?void 0:I.id)&&g.pageSpecificData&&g.isBrowser?S===s.PRODUCT&&g._initProductOnBrowser(g.pageSpecificData):g.setPageSpecificData(I,S,B),g.initPagePropValues(p,x,w.map((function(t){return new u(t)})),L,B)}),e(e([],S!==s.SEARCH?[B]:[],!0),[p,S,L,I,x],!1));i.useEffect((function(){T&&z("undefined"!=typeof window),window.addToCart=U.cartStore._windowAddToCart,U.cartStore.getCart(),U.checkLocalization(),v()}),[]),i.useEffect((function(){I?(null==N?void 0:N.id)!==I.id&&O(I):O(null)}),[I]),i.useEffect((function(){var t=function(){U.customerStore.routeChangeInit()};return A.events.on("routeChangeStart",t),function(){A.events.off("routeChangeStart",t)}}),[]),i.useEffect((function(){!function(t,e){var i,n;o(this,void 0,void 0,(function(){var o,a,d,u,c,m;return r(this,(function(r){switch(r.label){case 0:return o=f.getInstance(),[4,l.pageView(t)];case 1:r.sent(),r.label=2;case 2:return r.trys.push([2,7,,8]),t!==s.PRODUCT?[3,4]:(a=e,[4,l.productView(a)]);case 3:r.sent(),o.customerStore.onProductView(a.id,a.selectedVariant.id),r.label=4;case 4:return t===s.CATEGORY&&(u=null===(i=(d=e).categoryPathItems)||void 0===i?void 0:i.map((function(t){return t.name})).join(" > "),u=d.categoryPathItems&&(null===(n=d.categoryPathItems)||void 0===n?void 0:n.length)>0?u+" > "+d.name:d.name,l.viewCategory(u,d)),t===s.BRAND&&(c=e,l.viewBrand(c)),t!==s.CART?[3,6]:[4,o.cartStore.waitUntilInitialized()];case 5:r.sent(),l.viewCart(o.cartStore.cart),r.label=6;case 6:return[3,8];case 7:return m=r.sent(),console.error(m),[3,8];case 8:return[2]}}))}))}(S,g.pageSpecificData)}),[S,I]),i.useEffect((function(){if("undefined"!=typeof window&&"undefined"!=typeof document){var e,i=!1,n=function(t,e){if(function(t){t.setAttribute("data-ikas-popup-widget","true"),!t.dataset.ikasPopupWidgetUrl&&t.src&&(t.dataset.ikasPopupWidgetUrl=t.src)}(t),"true"===t.dataset.ikasPopupWidgetLoaded)return e(),function(){};var o=function(){t.dataset.ikasPopupWidgetLoaded="true",e()},r=function(e){console.error("[@ikas/storefront] Failed to load popup widget script",t.src,e)};return t.addEventListener("load",o,{once:!0}),t.addEventListener("error",r,{once:!0}),function(){t.removeEventListener("load",o),t.removeEventListener("error",r)}},a=function(t){var o=window.location.href.includes("http://localhost:3333/")?"http://localhost:9000/popup-script-injector.iife.js":"/sf/assets/popup/popup-script-injector.iife.js";if(o){var r=function(){i||function(t){if("function"==typeof window.startIkasPopupWidget)try{window.startIkasPopupWidget(t)}catch(t){console.error("[@ikas/storefront] Failed to start popup widget",t)}}(t)},a=document.querySelector('script[data-ikas-popup-widget="true"]');if(a)e=n(a,r);else{var s=document.createElement("script");s.src=o,s.defer=!0,e=n(s,r),document.body.appendChild(s)}}},s=function(t){var e=window.location.href.includes("http://localhost:3333/")?"http://localhost:9000/style.css":"/sf/assets/popup/style.css";if(e&&!document.querySelector('link[href="'.concat(e,'"]'))){var o=document.createElement("link");o.rel="stylesheet",o.href=e,o.setAttribute("data-ikas-popup-widget","true");o.addEventListener("load",(function(){}),{once:!0}),o.addEventListener("error",(function(t){console.error("[@ikas/storefront] Failed to load popup widget CSS",e,t)}),{once:!0}),document.head.appendChild(o)}};return o(void 0,void 0,void 0,(function(){var e,n,d;return r(this,(function(u){switch(u.label){case 0:return e=c.getStorefrontPopups()||[],[4,(l=e,o(void 0,void 0,void 0,(function(){var e,o,i,n,a;return r(this,(function(r){switch(r.label){case 0:if(!(e=l.map((function(t){return t.id})).filter(Boolean)).length)return[2,l];r.label=1;case 1:return r.trys.push([1,3,,4]),[4,h({idList:e})];case 2:return(null==(o=r.sent())?void 0:o.isSuccess)&&(null===(a=o.data)||void 0===a?void 0:a.length)?(i=o.data,[2,l.map((function(e){var o=i.find((function(t){return t.id===e.id}));return o?t(t({},o),{isFilteredOnServerSide:e.isFilteredOnServerSide}):e}))]):[3,4];case 3:return n=r.sent(),console.error("[@ikas/storefront] Failed to fetch popup details",n),[3,4];case 4:return[2,l]}}))})))];case 1:return n=u.sent(),i?[2]:[4,y(n)];case 2:return d=u.sent(),window.ikasPopupConfig=d,a(d),s(),[2]}var l}))})),function(){i=!0,null==e||e()}}}),[A.asPath,S,null==I?void 0:I.id]);var H=i.useMemo((function(){var t=q.find((function(t){return t.component.isHeader})),e=q.find((function(t){return t.component.isFooter})),o=q.filter((function(t){return!t.component.isHeader&&!t.component.isFooter}))||[];return i.createElement("div",{style:{position:"relative",minHeight:"100vh",display:"flex",flexDirection:"column",justifyContent:"space-between"}},i.createElement("div",null,t&&b(t,L,-1),o.map((function(t,e){return b(t,L,e)}))),e&&b(e,L,-1))}),[q,L]),_=i.useMemo((function(){return c.getMerchantSettings()?new d(c.getMerchantSettings()):null}),[c.getMerchantSettings()]);return i.createElement(i.Fragment,null,i.createElement(m,{pageType:S,pageTitle:C,pageDescription:P,pageSpecificData:g.pageSpecificData,canonicals:k&&k.length>0?k:null,disableIndex:D,merchantSettings:_,addOgpMetas:V,productReviewSummary:R,pageComponentPropValues:q}),H)})),b=function(t,e,o){return i.createElement(p,{key:t.pageComponent.id,index:o,pageComponentPropValue:t,settings:e})};function C(t){var e,o,r,i,n,a=null===(e=t.order)||void 0===e?void 0:e.map((function(t){return{direction:"ASC"===t.direction?x.ASC:x.DESC,type:t.type}}));return{input:{page:null!==(o=t.page)&&void 0!==o?o:1,perPage:null!==(r=t.perPage)&&void 0!==r?r:10,order:a,productIdList:t.productIdList,categoryIdList:t.categoryIdList,priceListId:null!==(i=t.priceListId)&&void 0!==i?i:c.getPriceListId(),salesChannelId:null!==(n=t.salesChannelId)&&void 0!==n?n:c.getSalesChannelId()}}}export{S as IkasPage,b as renderComponent};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "6.1.0-beta.177",
+  "version": "6.1.0-beta.179",
   "description": "Storefront functionality for ikas storefront themes.",
   "author": "ikas",
   "license": "ISC",
@@ -18,15 +18,15 @@
   },
   "dependencies": {
     "@ikas/popup-renderer": "1.0.211",
-    "@ikas/popup-script-injector": "1.0.0-alpha.5",
+    "@ikas/popup-script-injector": "1.0.0-alpha.12",
     "swiper": "11.0.6"
   },
   "devDependencies": {
-    "@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/storefront-api": "^6.1.0-beta.179",
+    "@ikas/storefront-config": "^6.1.0-beta.179",
+    "@ikas/storefront-model-functions": "^6.1.0-beta.179",
+    "@ikas/storefront-models": "^6.1.0-beta.179",
+    "@ikas/storefront-providers": "^6.1.0-beta.179",
     "@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.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/storefront-api": "^6.1.0-beta.179",
+    "@ikas/storefront-config": "^6.1.0-beta.179",
+    "@ikas/storefront-model-functions": "^6.1.0-beta.179",
+    "@ikas/storefront-models": "^6.1.0-beta.179",
+    "@ikas/storefront-providers": "^6.1.0-beta.179",
     "mobx": "^6.1.3",
     "mobx-react-lite": "^3.1.5",
     "next": "12.2.0",