@ikas/storefront 4.0.0-alpha.6 → 4.0.0-alpha.60

package/build/components/checkout/steps/step-payment/payment-gateways/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";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"mobx";import"../../../../../models/data/blog/index.js";import"../../../../../models/data/brand/index.js";import{IkasPaymentMethodType as a,IkasPaymentGatewayType as o,IkasPaymentGatewayTransactionFeeType as n,IkasPaymentGatewayAdditionalPriceType as r}from"@ikas/storefront-models";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/index.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/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"../../../../../models/data/order/address/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/package/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/option-set/option/index.js";import"../../../../../models/data/product/option-set/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/state/index.js";import"../../../../../models/data/theme-json/index.js";import"../../../../../models/data/theme-json/custom-data/index.js";import"../../../../../models/data/variant-type/variant-value/index.js";import{CreditCardForm as d}from"../../../components/credit-card-form/index.js";import{Installments as i}from"./installments/index.js";import m from"../../../components/select-box/index.js";import s from"./style.module.scss.js";import"@ikas/storefront-config";import{formatCurrency as l}from"../../../../../utils/currency.js";import{useTranslation as c}from"../../../../../utils/i18n.js";import p from"../../../components/svg/external.js";import u from"../../../components/master-pass/payment-gateway/svg/master-card.js";import y from"next/dynamic";import x from"../../../components/credit-card-form/model.js";import j from"../../../components/master-pass/credit-card-form/index.js";var f=y((function(){return import("../../../components/stripe/index.js").then((function(e){return e.StripeForm}))})),v=t((function(t){var y=t.vm,v=c().t,g=function(t){return e.createElement("div",{style:{display:"flex",justifyContent:"flex-end",alignItems:"center",flexWrap:"wrap"}},t.children)},E=function(t){return e.createElement("div",{className:s.AdditionalPrice},t.children)},h=function(e){var t;return"STRIPE"===e.code&&(null===(t=e.settings)||void 0===t?void 0:t.find((function(e){return"allow_custom_flow"===e.label&&"true"===e.value})))};return e.createElement(e.Fragment,null,!!y.mpVM.cards.length&&y.mpVM.cards.map((function(t,n){var r,d=y.paymentGateways.find((function(e){return e.id===t.paymentGatewayId})),l=e.createElement("button",{className:s.MasterPassSelectBoxDeleteButton,onClick:function(e){e.stopPropagation(),y.mpVM.deleteCard({store:y.store,checkout:y.checkout,card:t})}},v("checkout-page:masterPass.paymentGatewaySelectBox.delete")),c=e.createElement("div",{style:{display:"flex",alignItems:"center"}},e.createElement("span",{className:s.MasterPassSelectBoxLabelLogo},e.createElement(u,null)),t.Name," ",t.Value1),p=(null==d?void 0:d.id)&&d.paymentMethodType===a.CREDIT_CARD&&d.type===o.INTERNAL?y.installmentInfo&&e.createElement(i,{vm:y}):void 0;return e.createElement(m,{key:n,isSelected:(null===(r=y.mpVM.selectedCard)||void 0===r?void 0:r.UniqueId)===t.UniqueId,label:c,rightContent:l,bottomContent:p,onClick:function(){var e;(null===(e=y.mpVM.selectedCard)||void 0===e?void 0:e.UniqueId)!==t.UniqueId&&(y.checkout.selectedPaymentGateway=null,y.cardData=new x,y.installmentInfo=void 0,y.mpVM.selectedCard=t,t.Value1&&t.paymentGatewayId&&y.checkout.totalFinalPrice&&y.retrieveInstallmentInfo({input:{binNumber:t.Value1.slice(0,6),paymentGatewayId:t.paymentGatewayId,price:y.checkout.totalFinalPrice}}))}})})),y.paymentGateways.filter((function(e){return"in-store"!==y.deliveryMethod||e.paymentMethodType!==a.CASH_ON_DELIVERY&&e.paymentMethodType!==a.CREDIT_CARD_ON_DELIVERY})).map((function(t,c){var u,x,I=t.paymentMethodType===a.CREDIT_CARD&&t.type===o.INTERNAL?e.createElement(e.Fragment,null,h(t)?e.createElement(f,{vm:y,pg:t}):e.createElement("div",null,e.createElement(d,{vm:y}),y.isPaymentGatewayHasMasterPass&&e.createElement(j,{vm:y}),y.installmentInfo&&e.createElement(i,{vm:y}))):t.description?e.createElement(e.Fragment,null,t.type===o.EXTERNAL&&e.createElement("div",{style:{height:"52px",display:"flex",justifyContent:"center",margin:"24px 0"}},e.createElement(p,null)),e.createElement("div",{dangerouslySetInnerHTML:{__html:t.description}})):void 0;return e.createElement(m,{key:t.id,label:t.paymentMethodType===a.CREDIT_CARD&&t.type===o.INTERNAL?h(t)?" ":v("checkout-page:creditCard"):t.name,isSelected:y.selectedPaymentGatewayIndex===c,rightContent:(null===(u=t.additionalPrices)||void 0===u?void 0:u.length)?e.createElement(E,null,(x=t.additionalPrices[0],0===x.amount?"":"".concat(x.amountType===n.AMOUNT?l(x.amount,y.checkout.currencyCode,y.checkout.currencySymbol):" %"+x.amount).concat(x.type===r.DECREMENT?" "+v("checkout-page:paymentMethodDiscount"):" "+v("checkout-page:paymentMethodAdditionalPrice")))):e.createElement(g,null,!!t.logoUrl&&e.createElement("div",{className:s.PaymentLogoContainer},e.createElement("img",{src:t.logoUrl}))),bottomContent:I,onClick:function(){y.selectedPaymentGatewayIndex!==c&&(y.setPaymentGateway(c),y.mpVM.selectedCard=void 0)}})})))}));export{v as PaymentGateways};

package/build/components/checkout/steps/step-payment/payment-gateways/installments/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import CheckoutViewModel from "../../../../model";
+declare type Props = {
+    vm: CheckoutViewModel;
+};
+export declare const Installments: React.FC<Props>;
+export {};

package/build/components/checkout/steps/step-payment/payment-gateways/installments/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import"@ikas/storefront-config";import{formatCurrency as n}from"../../../../../../utils/currency.js";import{useTranslation as l}from"../../../../../../utils/i18n.js";import c from"./style.module.scss.js";import{Toggle as a}from"../../../../components/toggle/index.js";var o=t((function(t){var o,m,s=t.vm,r=l().t;return e.createElement("div",{className:c.Installments},e.createElement("div",{className:c.Title},r("checkout-page:installmentOptions")),e.createElement("div",{className:c.Container},null===(m=null===(o=s.installmentInfo)||void 0===o?void 0:o.installmentPrices)||void 0===m?void 0:m.map((function(t,l){return e.createElement("div",{className:c.Row,onClick:function(){return s.setInstallmentCount(t.installmentCount||1)}},e.createElement(a,{value:s.selectedInstallmentIndex===l}),e.createElement("div",{className:c.InstallmentInfo},e.createElement("div",{className:c.InstallmentCount},1===t.installmentCount?r("checkout-page:singleInstallment"):"".concat(t.installmentCount," ").concat(r("checkout-page:installments"))),1!==t.installmentCount&&e.createElement("div",{className:c.InstallmentPrice},n(t.installmentPrice,s.checkout.currencyCode,s.checkout.currencySymbol))),e.createElement("div",{className:c.Price},n(t.totalPrice,s.checkout.currencyCode,s.checkout.currencySymbol)))}))))}));export{o as Installments};

package/build/components/checkout/steps/step-payment/payment-gateways/installments/style.module.scss.js

@@ -0,0 +1 @@
+import e from'./../../../../../../ext/style-inject/dist/style-inject.es.js';var l={Installments:"style-module_Installments__HxDsM",Title:"style-module_Title__rrCXS",Container:"style-module_Container__kDwBp",Row:"style-module_Row__gIZ2a",InstallmentInfo:"style-module_InstallmentInfo__jlLzG",InstallmentCount:"style-module_InstallmentCount__3RHTs",InstallmentPrice:"style-module_InstallmentPrice__QQvCW",Price:"style-module_Price__hxe-f"};e(".style-module_Installments__HxDsM {\n  margin-top: 32px;\n}\n.style-module_Installments__HxDsM .style-module_Title__rrCXS {\n  font-size: 16px;\n  line-height: 24px;\n  margin-bottom: 16px;\n}\n.style-module_Installments__HxDsM .style-module_Container__kDwBp {\n  border: 1px solid var(--checkout-border-color);\n  border-radius: 8px;\n  background: var(--checkout-primary-bg-color);\n}\n.style-module_Installments__HxDsM .style-module_Container__kDwBp .style-module_Row__gIZ2a {\n  height: 56px;\n  display: flex;\n  align-items: center;\n  padding: 0 16px;\n  border-bottom: 1px solid var(--checkout-border-color);\n}\n.style-module_Installments__HxDsM .style-module_Container__kDwBp .style-module_Row__gIZ2a:last-of-type {\n  border-bottom: none;\n}\n.style-module_Installments__HxDsM .style-module_Container__kDwBp .style-module_Row__gIZ2a .style-module_InstallmentInfo__jlLzG {\n  flex: 1 1 auto;\n}\n.style-module_Installments__HxDsM .style-module_Container__kDwBp .style-module_Row__gIZ2a .style-module_InstallmentInfo__jlLzG .style-module_InstallmentCount__3RHTs {\n  font-size: 16px;\n}\n.style-module_Installments__HxDsM .style-module_Container__kDwBp .style-module_Row__gIZ2a .style-module_InstallmentInfo__jlLzG .style-module_InstallmentPrice__QQvCW {\n  font-size: 12px;\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_Installments__HxDsM .style-module_Container__kDwBp .style-module_Row__gIZ2a .style-module_Price__hxe-f {\n  flex: 0 0 auto;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 24px;\n}");export{l as default};

package/build/components/checkout/steps/step-payment/payment-gateways/style.module.scss.js

@@ -0,0 +1 @@
+import e from'./../../../../../ext/style-inject/dist/style-inject.es.js';var t={PaymentLogoContainer:"style-module_PaymentLogoContainer__h4VF0",AdditionalPrice:"style-module_AdditionalPrice__42TO1",MasterPassSelectBoxDeleteButton:"style-module_MasterPassSelectBoxDeleteButton__J1RSJ",MasterPassSelectBoxLabelLogo:"style-module_MasterPassSelectBoxLabelLogo__fIhG7"};e(".style-module_PaymentLogoContainer__h4VF0 {\n  margin-left: 10px;\n  font-size: 0.7em;\n}\n.style-module_PaymentLogoContainer__h4VF0 img {\n  height: 20px;\n}\n\n.style-module_AdditionalPrice__42TO1 {\n  color: var(--checkout-primary-text-color);\n  font-weight: 600;\n}\n\n.style-module_MasterPassSelectBoxDeleteButton__J1RSJ {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--checkout-primary-text-color);\n  padding: 4px 8px;\n  margin-right: -8px;\n}\n.style-module_MasterPassSelectBoxDeleteButton__J1RSJ:hover {\n  text-decoration: underline;\n}\n\n.style-module_MasterPassSelectBoxLabelLogo__fIhG7 {\n  display: inline-block;\n  margin-right: 12px;\n}");export{t as default};

package/build/components/checkout/steps/step-payment/style.module.scss.js

@@ -0,0 +1 @@
+import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={StepPayment:"style-module_StepPayment__V1Mfh",TermsLabelSpan:"style-module_TermsLabelSpan__Pnw87",Error:"style-module_Error__S-jQW",SecurePaymentContainer:"style-module_SecurePaymentContainer__PF-bW",Lock:"style-module_Lock__dj1gx"};e(".style-module_StepPayment__V1Mfh {\n  margin-top: 8px;\n}\n.style-module_StepPayment__V1Mfh .style-module_TermsLabelSpan__Pnw87 {\n  color: var(--checkout-primary-text-color);\n  font-weight: 500;\n}\n.style-module_StepPayment__V1Mfh .style-module_TermsLabelSpan__Pnw87:hover {\n  text-decoration: underline;\n}\n.style-module_StepPayment__V1Mfh .style-module_Error__S-jQW {\n  color: var(--checkout-error-color);\n}\n.style-module_StepPayment__V1Mfh .style-module_SecurePaymentContainer__PF-bW {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: 24px;\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_StepPayment__V1Mfh .style-module_SecurePaymentContainer__PF-bW .style-module_Lock__dj1gx {\n  color: #CFCED3;\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  top: -1px;\n}");export{t as default};

package/build/components/checkout/steps/step-shipping/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import CheckoutViewModel from "../../model";
+declare type Props = {
+    vm: CheckoutViewModel;
+};
+export declare const CheckoutStepShipping: React.FC<Props>;
+export {};

package/build/components/checkout/steps/step-shipping/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import"@ikas/storefront-config";import{formatCurrency as c}from"../../../../utils/currency.js";import{useTranslation as o}from"../../../../utils/i18n.js";import n from"./style.module.scss.js";import{Button as i}from"../../components/button/index.js";import{Checkbox as r}from"../../components/checkbox/index.js";import{FormItemType as a}from"../../components/form-item/model.js";import{FormItem as m}from"../../components/form-item/index.js";import s from"../../components/error/index.js";import p from"../../components/select-box/index.js";var u=t((function(t){var c=t.vm,r=o().t;return e.createElement("div",{className:[n.StepShipping].join(" ")},e.createElement(l,{vm:c}),e.createElement(g,{vm:c}),e.createElement(i,{style:{width:"100%",marginTop:"32px"},text:r("checkout-page:actions.continueWithPayment"),isLoading:c.isStepLoading,onClick:c.onProceedToPaymentClick}))})),l=t((function(t){var i,r=t.vm,a=o().t;return e.createElement("div",{className:[n.InfoBox,r.isChangingShippingMethod?n.Dimmed:""].join(" ")},e.createElement(s,{vm:r}),null===(i=r.checkout.availableShippingMethods)||void 0===i?void 0:i.map((function(t,o){return e.createElement(p,{key:t.shippingSettingsId+t.shippingZoneRateId,label:t.rateName,isSelected:r.checkout.shippingSettingsId===t.shippingSettingsId&&r.checkout.shippingZoneRateId===t.shippingZoneRateId,rightContent:e.createElement("div",{className:n.ShippingPrice},0===t.price?a("checkout-page:free"):c(t.price,r.checkout.currencyCode,r.checkout.currencySymbol)),onClick:function(){return r.onShippingMethodChange(t)}})})))})),g=t((function(t){var i=t.vm,s=o().t,p=e.useCallback((function(e){i.checkout.isGiftPackage=e}),[i]),u=e.useCallback((function(e){i.checkout.giftPackageNote=e}),[i,i.checkout]),l=e.useMemo((function(){var e;return null===(e=i.checkoutSettings.giftPackagePriceList)||void 0===e?void 0:e.find((function(e){return e.currencyCode===i.checkout.currencyCode}))}),[i,i.checkoutSettings,i.checkout]),g=s("checkout-page:giftPackageCta")+(l&&l.price?" (+ ".concat(c(l.price,l.currencyCode,l.currencySymbol),")"):"");return i.checkoutSettings.isGiftPackageEnabled?e.createElement("div",{className:n.GiftSection},e.createElement(r,{value:i.checkout.isGiftPackage||!1,label:g,onChange:p,removePadding:!0}),i.checkout.isGiftPackage&&e.createElement(m,{type:a.TEXT_AREA,label:"",value:i.checkout.giftPackageNote||"",onChange:u,style:{marginTop:"16px"},textAreaPlaceholder:s("checkout-page:giftPackageCtaPlaceholder")})):null}));export{u as CheckoutStepShipping};

package/build/components/checkout/steps/step-shipping/style.module.scss.js

@@ -0,0 +1 @@
+import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={BackButtonContainer:"style-module_BackButtonContainer__Q5AXJ",Actions:"style-module_Actions__xYXq1",StepShipping:"style-module_StepShipping__Vc0zk",InfoBox:"style-module_InfoBox__ZUQ8m",Dimmed:"style-module_Dimmed__N-dNC",GiftSection:"style-module_GiftSection__tmE3W",ShippingPrice:"style-module_ShippingPrice__PJVGB"};n(".style-module_BackButtonContainer__Q5AXJ {\n  display: flex;\n  justify-content: center;\n  position: relative;\n}\n.style-module_BackButtonContainer__Q5AXJ a {\n  line-height: 0.9em;\n}\n\n.style-module_Actions__xYXq1 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_Actions__xYXq1 {\n    flex-direction: column-reverse;\n    justify-content: flex-start;\n  }\n  .style-module_Actions__xYXq1 a {\n    margin-top: 1em;\n  }\n}\n\n.style-module_StepShipping__Vc0zk {\n  margin-top: 8px;\n}\n\n.style-module_InfoBox__ZUQ8m.style-module_Dimmed__N-dNC {\n  opacity: 0.5;\n}\n\n.style-module_GiftSection__tmE3W {\n  margin-top: 32px;\n}\n\n.style-module_ShippingPrice__PJVGB {\n  font-weight: 600;\n}");export{e as default};

package/build/components/checkout/steps/step-success/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import CheckoutViewModel from "../../model";
+declare type Props = {
+    vm: CheckoutViewModel;
+};
+export declare const StepSuccess: React.FC<Props>;
+export {};

package/build/components/checkout/steps/step-success/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import{Button as a}from"../../components/button/index.js";import{CART_LS_KEY as o}from"../../../../store/cart/index.js";import i from"./style.module.scss.js";import s from"../../components/svg/success-circle.js";import r from"../../components/expandable-section/index.js";import n from"../../components/credit-card-form/svg/amex.js";import d from"../../components/credit-card-form/svg/master-card.js";import c from"../../components/credit-card-form/svg/troy.js";import l from"../../components/credit-card-form/svg/visa.js";import"@ikas/storefront-config";import{formatCurrency as m}from"../../../../utils/currency.js";import{useTranslation as u}from"../../../../utils/i18n.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"mobx";import"../../../../models/data/blog/index.js";import"../../../../models/data/brand/index.js";import{IkasPaymentMethodType as p,IkasPaymentGatewayType as v,IkasOrderPackageStatus as E,IkasTransactionCardAssociation as f}from"@ikas/storefront-models";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/index.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/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"../../../../models/data/order/address/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/package/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/option-set/option/index.js";import"../../../../models/data/product/option-set/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/state/index.js";import"../../../../models/data/theme-json/index.js";import"../../../../models/data/theme-json/custom-data/index.js";import"../../../../models/data/variant-type/variant-value/index.js";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/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 g from"../../components/offer-product/index.js";import{Analytics as x}from"../../../../analytics/analytics.js";import"../../../../analytics/head/index.js";var h=t((function(t){var E,h,k,T,y,N,I=t.vm,L=u().t;e.useEffect((function(){if("undefined"!=typeof localStorage){var e=localStorage.getItem(o);e&&e===I.checkout.id&&(I.successTransaction&&x.purchase(I.checkout,I.successTransaction),localStorage.removeItem(o))}}),[]);var A=((null===(E=I.checkout.customer)||void 0===E?void 0:E.firstName)||"")+" "+((null===(h=I.checkout.customer)||void 0===h?void 0:h.lastName)||""),C=((null===(k=I.checkout.shippingAddress)||void 0===k?void 0:k.firstName)||"")+" "+((null===(T=I.checkout.shippingAddress)||void 0===T?void 0:T.lastName)||""),D=I.paymentGateways.find((function(e){var t;return e.id===(null===(t=I.successTransaction)||void 0===t?void 0:t.paymentGatewayId)})),S=null===(y=I.successTransaction)||void 0===y?void 0:y.paymentMethodDetail,R=e.useMemo((function(){var t,a,o,s;return e.createElement("div",{className:[i.InfoGrid].join(" ")},e.createElement("div",null,e.createElement("div",{className:i.InfoTitle},L("checkout-page:paymentMethod")),D&&e.createElement(e.Fragment,null,!!D.logoUrl&&e.createElement("div",{className:i.PaymentLogoContainer},e.createElement("img",{src:D.logoUrl})),!D.logoUrl&&e.createElement("div",{className:i.InfoText},D.paymentMethodType===p.CREDIT_CARD&&D.type===v.INTERNAL?L("checkout-page:creditCard"):D.name),!!D.description&&D.type!==v.EXTERNAL&&e.createElement("div",{className:i.InfoText},e.createElement("div",{dangerouslySetInnerHTML:{__html:D.description}}))),"CREDIT_CARD"===(null===(t=I.successTransaction)||void 0===t?void 0:t.paymentMethod)&&e.createElement(e.Fragment,null,e.createElement("div",{className:i.InfoText},e.createElement("div",{className:i.CardLogoContainer},function(){var t,a;switch(null===(a=null===(t=I.successTransaction)||void 0===t?void 0:t.paymentMethodDetail)||void 0===a?void 0:a.cardAssociation){case f.AMERICAN_EXPRESS:return e.createElement(n,null);case f.MASTER_CARD:return e.createElement(d,null);case f.TROY:return e.createElement(c,null);case f.VISA:return e.createElement(l,null);default:return e.createElement("div",null)}}()),e.createElement("span",null,"**** ".concat((null==S?void 0:S.lastFourDigits)||""))),(null===(a=null==S?void 0:S.installment)||void 0===a?void 0:a.installmentCount)&&S.installment.installmentCount>1&&e.createElement(e.Fragment,null,e.createElement("div",{className:i.InfoText},"".concat(S.installment.installmentCount," ").concat(L("checkout-page:installments"))),null!==S.installment.installmentPrice&&e.createElement("div",{className:i.InfoText},"".concat(S.installment.installmentCount," x ").concat(m(S.installment.installmentPrice,I.checkout.currencyCode,I.checkout.currencySymbol)))))),e.createElement("div",null,e.createElement("div",{className:i.InfoTitle},L("checkout-page:billingAddress")),!!(null===(o=I.checkout.billingAddress)||void 0===o?void 0:o.company)&&e.createElement("div",{className:[i.InfoText,i.InfoTextBold].join(" ")},I.checkout.billingAddress.company),e.createElement("div",{className:i.InfoText},null===(s=I.checkout.billingAddress)||void 0===s?void 0:s.addressText)))}),[]),b=e.useMemo((function(){var t,a,o,s,r;return e.createElement("div",{className:[i.InfoGrid].join(" ")},e.createElement("div",null,e.createElement("div",{className:i.InfoTitle},L("checkout-page:contactInfo")),e.createElement("div",{className:i.InfoText},null===(t=I.checkout.customer)||void 0===t?void 0:t.email),e.createElement("div",{className:i.InfoText},A),!!(null===(a=I.checkout.shippingAddress)||void 0===a?void 0:a.phone)&&e.createElement("div",{className:i.InfoText},null===(o=I.checkout.shippingAddress)||void 0===o?void 0:o.phone)),e.createElement("div",null,"in-store"===I.deliveryMethod&&e.createElement(e.Fragment,null,e.createElement("div",{className:i.InfoTitle},L("checkout-page:receiver")),e.createElement("div",{className:[i.InfoText,i.withMBottom].join(" ")},C)),e.createElement("div",{className:i.InfoTitle},"address"===I.deliveryMethod?L("checkout-page:shippingAddress"):L("checkout-page:pickUpLocation")),!!(null===(s=I.checkout.shippingAddress)||void 0===s?void 0:s.company)&&e.createElement("div",{className:[i.InfoText,i.InfoTextBold].join(" ")},I.checkout.shippingAddress.company),e.createElement("div",{className:i.InfoText},null===(r=I.checkout.shippingAddress)||void 0===r?void 0:r.addressText)))}),[]);return e.createElement("div",{className:i.StepSuccess},e.createElement("div",{className:i.SuccessTitleContainer},e.createElement(s,null),e.createElement("span",{className:i.SuccessTitle},L("checkout-page:orderSuccessTitle"))),e.createElement("div",{className:i.SuccessSubTitle},L("address"===I.deliveryMethod?"checkout-page:orderSuccessDescription":"checkout-page:orderSuccessInStoreDeliveryDescription",{customerName:A})),e.createElement("div",{className:[i.InfoGrid,i.WithBorder].join(" ")},e.createElement("div",null,e.createElement("div",{className:i.InfoTitle},L("checkout-page:orderNoAndDate")),e.createElement("div",{className:[i.InfoText,i.InfoTextBold].join(" ")},"#"+(I.checkout.orderNumber||"")),e.createElement("div",{className:i.InfoText},I.checkout.dateStr),e.createElement(j,{vm:I})),e.createElement("div",null,e.createElement("div",{className:i.InfoTitle},L("checkout-page:contactInfo")),e.createElement("div",{className:i.InfoText},null===(N=I.checkout.customer)||void 0===N?void 0:N.email),e.createElement("div",{className:i.InfoText},A))),I.postCheckoutCampaignOffer&&e.createElement(g,{vm:I,campaignOffer:I.postCheckoutCampaignOffer}),e.createElement(r,{title:L("checkout-page:paymentSummary")},R),!I.isDigitalOnly&&e.createElement(r,{title:L("checkout-page:shippingSummary")},b),e.createElement("div",{className:i.Actions},e.createElement("div",{className:i.HelpText},e.createElement("span",null,L("checkout-page:helpCtaQuestion")),e.createElement("span",{className:i.Cta,onClick:function(){return I.setContactModalVisible(!0)}},L("checkout-page:helpCta"))),e.createElement(a,{text:L("checkout-page:actions.backToShopping"),onClick:I.onBackToShoppingClick,style:{flex:"0 0 auto"}})))})),j=t((function(t){var a,o=t.vm,s=u().t,r=i.Yellow;switch(o.checkout.orderPackageStatus){case E.FULFILLED:case E.PARTIALLY_FULFILLED:case E.DELIVERED:case E.PARTIALLY_DELIVERED:r=i.Green;break;case E.CANCELLED:case E.PARTIALLY_CANCELLED:case E.CANCEL_REJECTED:case E.CANCEL_REQUESTED:r=i.Red}return e.createElement("div",{className:[i.OrderStatus,r].join(" ")},o.checkout.orderPackageStatus?null===(a=[{types:[E.UNFULFILLED],text:s("checkout-page:orderPackageStatus.unfulfilled")},{types:[E.READY_FOR_SHIPMENT],text:s("checkout-page:orderPackageStatus.readyForShipment")},{types:[E.PARTIALLY_FULFILLED],text:s("checkout-page:orderPackageStatus.partiallyFulfilled")},{types:[E.FULFILLED],text:s("checkout-page:orderPackageStatus.fulfilled")},{types:[E.DELIVERED,E.PARTIALLY_DELIVERED],text:s("checkout-page:orderPackageStatus.delivered")},{types:[E.UNABLE_TO_DELIVER],text:s("checkout-page:orderPackageStatus.unableToDeliver")},{types:[E.CANCELLED,E.PARTIALLY_CANCELLED],text:s("checkout-page:orderPackageStatus.cancelled")},{types:[E.CANCEL_REJECTED],text:s("checkout-page:orderPackageStatus.cancelRejected")},{types:[E.REFUNDED,E.PARTIALLY_REFUNDED],text:s("checkout-page:orderPackageStatus.refunded")},{types:[E.REFUND_REQUEST_ACCEPTED],text:s("checkout-page:orderPackageStatus.refundRequestAccepted")},{types:[E.REFUND_REJECTED],text:s("checkout-page:orderPackageStatus.refundRejected")},{types:[E.REFUND_REQUESTED],text:s("checkout-page:orderPackageStatus.refundRequested")}].find((function(e){return e.types.includes(o.checkout.orderPackageStatus)})))||void 0===a?void 0:a.text:"")}));export{h as StepSuccess};

package/build/components/checkout/steps/step-success/style.module.scss.js

@@ -0,0 +1 @@
+import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={StepSuccess:"style-module_StepSuccess__Z1fJf",SuccessTitleContainer:"style-module_SuccessTitleContainer__nuvae",SuccessTitle:"style-module_SuccessTitle__5KjBJ",SuccessSubTitle:"style-module_SuccessSubTitle__ToDuD",InfoGrid:"style-module_InfoGrid__XrEQa",InfoTitle:"style-module_InfoTitle__AHygg",InfoText:"style-module_InfoText__4oiHL",InfoTextBold:"style-module_InfoTextBold__LVBB6",WithBorder:"style-module_WithBorder__JQ5Qf",CardLogoContainer:"style-module_CardLogoContainer__upSYf",PaymentLogoContainer:"style-module_PaymentLogoContainer__loO75",Actions:"style-module_Actions__RCwtF",HelpText:"style-module_HelpText__xrYQr",Cta:"style-module_Cta__rhsFl",OrderStatus:"style-module_OrderStatus__377-N",Yellow:"style-module_Yellow__gF1-u",Green:"style-module_Green__-80q-",Red:"style-module_Red__zXV4o",withMBottom:"style-module_withMBottom__8N71-"};e(".style-module_StepSuccess__Z1fJf {\n  padding-top: 24px;\n}\n.style-module_StepSuccess__Z1fJf .style-module_SuccessTitleContainer__nuvae {\n  margin-bottom: 24px;\n  display: flex;\n  align-items: center;\n}\n.style-module_StepSuccess__Z1fJf .style-module_SuccessTitleContainer__nuvae .style-module_SuccessTitle__5KjBJ {\n  font-size: 28px;\n  font-weight: 600;\n  margin-left: 16px;\n}\n.style-module_StepSuccess__Z1fJf .style-module_SuccessSubTitle__ToDuD {\n  margin: auto;\n  margin-bottom: 32px;\n}\n.style-module_StepSuccess__Z1fJf .style-module_InfoGrid__XrEQa {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: 48px;\n}\n.style-module_StepSuccess__Z1fJf .style-module_InfoGrid__XrEQa .style-module_InfoTitle__AHygg {\n  font-size: 16px;\n  line-height: 24px;\n  margin-bottom: 12px;\n}\n.style-module_StepSuccess__Z1fJf .style-module_InfoGrid__XrEQa .style-module_InfoText__4oiHL {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n  display: flex;\n  align-items: center;\n}\n.style-module_StepSuccess__Z1fJf .style-module_InfoGrid__XrEQa .style-module_InfoTextBold__LVBB6 {\n  font-weight: 600;\n  color: var(--checkout-primary-text-color);\n}\n.style-module_StepSuccess__Z1fJf .style-module_InfoGrid__XrEQa.style-module_WithBorder__JQ5Qf {\n  border-bottom: 1px solid var(--checkout-border-color);\n  padding-bottom: 24px;\n}\n.style-module_StepSuccess__Z1fJf .style-module_InfoGrid__XrEQa .style-module_CardLogoContainer__upSYf {\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n.style-module_StepSuccess__Z1fJf .style-module_InfoGrid__XrEQa .style-module_PaymentLogoContainer__loO75 img {\n  height: 20px;\n}\n.style-module_StepSuccess__Z1fJf .style-module_Actions__RCwtF {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  margin: auto;\n  margin-top: 24px;\n}\n.style-module_StepSuccess__Z1fJf .style-module_Actions__RCwtF .style-module_HelpText__xrYQr {\n  display: flex;\n  align-items: center;\n  color: var(--checkout-secondary-text-color);\n  flex-wrap: wrap;\n}\n.style-module_StepSuccess__Z1fJf .style-module_Actions__RCwtF .style-module_HelpText__xrYQr .style-module_Cta__rhsFl {\n  color: var(--checkout-primary-text-color);\n  margin-left: 4px;\n}\n.style-module_StepSuccess__Z1fJf .style-module_Actions__RCwtF .style-module_HelpText__xrYQr .style-module_Cta__rhsFl:hover {\n  cursor: pointer;\n  text-decoration: underline;\n}\n@media only screen and (max-width: 400px) {\n  .style-module_StepSuccess__Z1fJf .style-module_Actions__RCwtF {\n    flex-direction: column;\n  }\n  .style-module_StepSuccess__Z1fJf .style-module_Actions__RCwtF .style-module_HelpText__xrYQr {\n    margin-bottom: 12px;\n  }\n  .style-module_StepSuccess__Z1fJf .style-module_Actions__RCwtF .style-module_HelpText__xrYQr .style-module_Cta__rhsFl {\n    margin-left: 0;\n  }\n}\n.style-module_StepSuccess__Z1fJf .style-module_OrderStatus__377-N {\n  padding: 4px 8px;\n  border-radius: 6px;\n  margin-top: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  display: inline-flex;\n}\n.style-module_StepSuccess__Z1fJf .style-module_OrderStatus__377-N.style-module_Yellow__gF1-u {\n  color: var(--checkout-warning-color);\n  background-color: var(--checkout-warning-light-color);\n  border: 1px solid var(--checkout-warning-color);\n}\n.style-module_StepSuccess__Z1fJf .style-module_OrderStatus__377-N.style-module_Green__-80q- {\n  color: var(--checkout-success-color);\n  background-color: var(--checkout-success-light-color);\n  border: 1px solid var(--checkout-success-color);\n}\n.style-module_StepSuccess__Z1fJf .style-module_OrderStatus__377-N.style-module_Red__zXV4o {\n  color: var(--checkout-error-color);\n  background-color: var(--checkout-error-light-color);\n  border: 1px solid var(--checkout-error-color);\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_StepSuccess__Z1fJf {\n    padding-left: 24px;\n    padding-right: 24px;\n  }\n  .style-module_StepSuccess__Z1fJf .style-module_SuccessTitleContainer__nuvae {\n    margin-bottom: 12px;\n  }\n  .style-module_StepSuccess__Z1fJf .style-module_SuccessTitleContainer__nuvae .style-module_SuccessTitle__5KjBJ {\n    font-size: 20px;\n  }\n  .style-module_StepSuccess__Z1fJf .style-module_SuccessSubTitle__ToDuD {\n    max-width: 400px;\n    margin-left: 56px;\n  }\n}\n@media only screen and (max-width: 400px) {\n  .style-module_StepSuccess__Z1fJf .style-module_InfoGrid__XrEQa {\n    grid-template-columns: 1fr;\n    grid-gap: 24px;\n  }\n  .style-module_StepSuccess__Z1fJf .style-module_SuccessSubTitle__ToDuD {\n    margin-left: 0;\n  }\n}\n\n.style-module_withMBottom__8N71- {\n  margin-bottom: 12px;\n}");export{t as default};

package/build/components/checkout/style.module.scss.js

@@ -0,0 +1 @@
+import e from'./../../ext/style-inject/dist/style-inject.es.js';var t={CheckoutPage:"style-module_CheckoutPage__ZhJkP",Left:"style-module_Left__Fi9Ka",LeftContent:"style-module_LeftContent__9OjX9",Space:"style-module_Space__rZnAy",Footer:"style-module_Footer__x-8Uy",FooterItem:"style-module_FooterItem__33V-M",FooterBullet:"style-module_FooterBullet__ReSoQ",AdressStepInfo:"style-module_AdressStepInfo__n4JGO",Address:"style-module_Address__yS7Ou",Text:"style-module_Text__jEuRS",WithMBottom:"style-module_WithMBottom__4Eb0o",WithMTop:"style-module_WithMTop__I550k",Gray:"style-module_Gray__p6WTS",EditBtn:"style-module_EditBtn__1BG0f",AddressStepInfoMobile:"style-module_AddressStepInfoMobile__7awcG",ErrorContainer:"style-module_ErrorContainer__TAK-J",Header:"style-module_Header__V7Pe2",Logo:"style-module_Logo__y9GGC",LoginText:"style-module_LoginText__OOD8r",LoginBtn:"style-module_LoginBtn__m-qco",CustomerInfo:"style-module_CustomerInfo__ECTKP",Name:"style-module_Name__iIq-v",Email:"style-module_Email__UX6fN",LoginCta:"style-module_LoginCta__TDolx",MobileCartSummary:"style-module_MobileCartSummary__bUmJj",RowPB:"style-module_RowPB__tAM9q",Right:"style-module_Right__1BcGi",RightContent:"style-module_RightContent__qvFkp",PoweredBy:"style-module_PoweredBy__3k1Sx",LightText:"style-module_LightText__IsehB",ReactTooltipWrap:"style-module_ReactTooltipWrap__HX-4g"};e('.style-module_CheckoutPage__ZhJkP {\n  all: unset;\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  font-size: 16px !important;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex;\n  color: var(--checkout-primary-text-color);\n  background-color: var(--checkout-primary-bg-color);\n}\n.style-module_CheckoutPage__ZhJkP input::placeholder,\n.style-module_CheckoutPage__ZhJkP textarea::placeholder {\n  all: unset;\n}\n.style-module_CheckoutPage__ZhJkP a,\n.style-module_CheckoutPage__ZhJkP a:hover,\n.style-module_CheckoutPage__ZhJkP a:focus,\n.style-module_CheckoutPage__ZhJkP a:active {\n  color: inherit;\n}\n.style-module_CheckoutPage__ZhJkP * {\n  box-sizing: border-box !important;\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  font-size: 16px;\n  letter-spacing: normal;\n  font-weight: normal;\n  line-height: unset;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka {\n  width: 50%;\n  flex: 0 0 auto;\n  display: flex;\n  justify-content: flex-end;\n  padding-left: 20px;\n  padding-right: 64px;\n  background-color: var(--checkout-primary-bg-color);\n  z-index: 1;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 {\n  width: 100%;\n  min-width: 400px;\n  max-width: 600px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  min-height: 100vh;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Space__rZnAy {\n  width: 100%;\n  height: 100px;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Space__rZnAy {\n    height: 48px;\n  }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy {\n  flex: 0 0 auto;\n  height: 50px;\n  background-color: transparent;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy .style-module_FooterItem__33V-M {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n  cursor: pointer;\n  user-select: none;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy .style-module_FooterItem__33V-M:hover {\n  color: var(--checkout-primary-text-color);\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy .style-module_FooterBullet__ReSoQ {\n  margin: 0 12px;\n  color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy {\n    width: 100%;\n  }\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy .style-module_FooterItem__33V-M {\n    text-align: center;\n  }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO {\n  display: flex;\n  justify-content: space-between;\n  padding-left: 78px;\n  padding-top: 5px;\n  width: 100%;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou {\n  font-size: 16px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou .style-module_Text__jEuRS {\n  font-size: 14px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_WithMBottom__4Eb0o {\n  margin-bottom: 12px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_WithMTop__I550k {\n  margin-top: 12px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_Gray__p6WTS {\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_EditBtn__1BG0f {\n  cursor: pointer;\n  user-select: none;\n  align-self: flex-start;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_EditBtn__1BG0f:hover {\n  text-decoration: underline;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO {\n    padding-top: 0;\n    justify-content: flex-end;\n  }\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou {\n    display: none;\n  }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG {\n  display: none;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG {\n    display: block;\n    padding-top: 16px;\n  }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG .style-module_Address__yS7Ou {\n  font-size: 16px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG .style-module_Address__yS7Ou .style-module_Text__jEuRS {\n  font-size: 14px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_WithMBottom__4Eb0o {\n  margin-bottom: 12px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_Gray__p6WTS {\n  color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_ErrorContainer__TAK-J {\n    padding: 0 24px;\n  }\n}\n@media only screen and (max-width: 480px) {\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_ErrorContainer__TAK-J {\n    padding: 0 10px;\n  }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 {\n  width: 100%;\n  height: 96px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: 500;\n  font-size: 20px;\n  margin-bottom: 44px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 a {\n  flex: 1 1 auto;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_Logo__y9GGC {\n  width: calc(100% - 24px);\n  max-width: 200px;\n  height: 64px;\n  position: relative;\n  user-select: none;\n  cursor: pointer;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_Logo__y9GGC img {\n  object-fit: contain;\n  object-position: left;\n  pointer-events: none;\n}\n@media only screen and (max-width: 1280px) {\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_Logo__y9GGC {\n    max-width: 150px;\n  }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginText__OOD8r {\n  font-size: 14px;\n  text-align: right;\n  flex: 0 0 auto;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginText__OOD8r span {\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginBtn__m-qco {\n  margin-left: 4px;\n  font-weight: bold;\n  user-select: none;\n  cursor: pointer;\n  font-weight: 500;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP .style-module_Name__iIq-v {\n  font-size: 20px;\n  font-weight: 600;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP .style-module_Email__UX6fN {\n  font-weight: 500;\n  font-size: 14px;\n  user-select: none;\n  color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 {\n    height: 72px;\n    margin-bottom: 0;\n    padding: 0 24px;\n  }\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP .style-module_Name__iIq-v {\n    font-size: 15px;\n  }\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP .style-module_Email__UX6fN {\n    font-size: 13px;\n  }\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginText__OOD8r {\n    display: flex;\n    flex-direction: column;\n    padding-bottom: 0;\n  }\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginText__OOD8r .style-module_LoginCta__TDolx {\n    display: none;\n  }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_MobileCartSummary__bUmJj {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n@media only screen and (min-width: 1000px) {\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_MobileCartSummary__bUmJj {\n    display: none;\n  }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_RowPB__tAM9q {\n  padding-bottom: 16px;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka {\n    width: 100%;\n    justify-content: center;\n    padding-right: 0px;\n    padding-left: 0px;\n  }\n  .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 {\n    width: 100%;\n    min-width: auto;\n    max-width: 100%;\n  }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi {\n  width: 50%;\n  min-height: 100%;\n  flex: 0 0 auto;\n  background-color: var(--checkout-secondary-bg-color);\n  display: flex;\n  padding-left: 64px;\n  padding-right: 20px;\n  position: sticky;\n  top: 0;\n  overflow-y: auto;\n  z-index: 1;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi .style-module_RightContent__qvFkp {\n  width: 100%;\n  max-width: 600px;\n  padding-top: 168px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi .style-module_RightContent__qvFkp .style-module_PoweredBy__3k1Sx {\n  width: 100%;\n  padding: 16px 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--checkout-primary-text-color);\n  user-select: none;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi .style-module_RightContent__qvFkp .style-module_PoweredBy__3k1Sx span {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--checkout-secondary-text-color);\n  margin-right: 8px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi .style-module_RightContent__qvFkp .style-module_PoweredBy__3k1Sx a {\n  display: flex;\n  align-items: center;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi {\n    display: none;\n  }\n}\n\n.style-module_LightText__IsehB {\n  color: var(--checkout-secondary-text-color);\n}\n\n.style-module_ReactTooltipWrap__HX-4g {\n  max-width: 300px;\n}');export{t as default};

package/build/components/checkout/styles/common.module.scss.js

@@ -0,0 +1 @@
+import o from'./../../../ext/style-inject/dist/style-inject.es.js';var n={FormSectionTitle:"common-module_FormSectionTitle__RKewt",Title:"common-module_Title__0TBSS",WithSubTitle:"common-module_WithSubTitle__pseYi",SubTitle:"common-module_SubTitle__o96Nw",Grid:"common-module_Grid__PfXrX",Grid2:"common-module_Grid2__-G3ze",Grid3:"common-module_Grid3__XvWD5",fadeInFromRight:"common-module_fadeInFromRight__-Pv9D"};o(".common-module_FormSectionTitle__RKewt {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.common-module_FormSectionTitle__RKewt .common-module_Title__0TBSS {\n  flex: 1 1 auto;\n  padding-bottom: 16px;\n  color: var(--checkout-primary-text-color);\n  font-size: 20px;\n  line-height: 32px;\n}\n.common-module_FormSectionTitle__RKewt .common-module_Title__0TBSS.common-module_WithSubTitle__pseYi {\n  line-height: auto;\n  padding-bottom: 0;\n}\n\n.common-module_SubTitle__o96Nw {\n  color: var(--checkout-secondary-text-color);\n  font-size: 14px;\n  padding-bottom: 16px;\n  padding-top: 2px;\n}\n\n.common-module_Grid__PfXrX {\n  display: grid;\n  grid-gap: 16px;\n  grid-template-columns: 1fr;\n}\n.common-module_Grid__PfXrX.common-module_Grid2__-G3ze {\n  grid-template-columns: repeat(2, 1fr);\n}\n.common-module_Grid__PfXrX.common-module_Grid3__XvWD5 {\n  grid-template-columns: repeat(3, 1fr);\n}\n@media only screen and (max-width: 768px) {\n  .common-module_Grid__PfXrX {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n@keyframes common-module_fadeInFromRight__-Pv9D {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}");export{n as default};

package/build/components/image/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { ImageProps as NextImageProps } from "next/image.js";
+import { IkasImage } from "../../models/data/image";
+export declare const Image: React.FC<ImageProps>;
+declare type ImageProps = Omit<NextImageProps, "src" | "srcSet" | "blurDataURL" | "placeholder" | "loader" | "quality"> & {
+    priority?: boolean;
+    image: IkasImage;
+    useBlur?: boolean;
+};
+export {};

package/build/components/image/index.js

@@ -0,0 +1 @@
+import{__rest as r,__assign as t}from'./../../ext/tslib/tslib.es6.js';import*as e from"react";import a from"next/image.js";import{IkasImageFunctions as o}from"@ikas/storefront-model-functions";var i=[180,360,540,720,900,1080,1296,1512,1728,1950,2560,3840],u=function(u){var l=u.image,m=u.useBlur,n=r(u,["image","useBlur"]),s=o.getDefaultSrc,c=o.getSrc;return e.createElement(a,t({},n,{loader:function(r){var t=r.width,e=i.reduce((function(r,e){return Math.abs(e-t)<Math.abs(r-t)?e:r}));return c(l,e)},quality:100,src:s(l),alt:n.alt||"Image",placeholder:m?"blur":"empty",blurDataURL:m?c(l,10):void 0}))};export{u as Image};

package/build/components/index.d.ts

@@ -0,0 +1,5 @@
+export { IkasPage } from "./page";
+export { IkasPageHead } from "./page/head";
+export { Image } from "./image";
+export { default as Link } from "./link";
+export * from "./page-editor/loader";

package/build/components/link/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="node" />
+import React from "react";
+declare const _default: React.FunctionComponent<{
+    href: string | import("url").UrlObject;
+    as?: (string | import("url").UrlObject) | undefined;
+    replace?: boolean | undefined;
+    scroll?: boolean | undefined;
+    shallow?: boolean | undefined;
+    passHref?: boolean | undefined;
+    prefetch?: boolean | undefined;
+    locale?: string | false | undefined;
+    legacyBehavior?: boolean | undefined;
+    onMouseEnter?: ((e: any) => void) | undefined;
+    onClick?: ((e: any) => void) | undefined;
+}>;
+export default _default;

package/build/components/link/index.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../ext/tslib/tslib.es6.js';import r,{useState as t}from"react";import o from"next/link";import{observer as s}from"mobx-react-lite";import{IkasBaseStore as i}from"../../store/base.js";import"../../store/customer/index.js";import"../../store/cart/index.js";var n=s((function(s){var n=t(!1),a=n[0],m=n[1],f=i.getInstance();return r.useEffect((function(){var e="string"==typeof s.href,r=f.spaLinksDisabled;m(r&&e)}),[f.spaLinksDisabled]),a?r.createElement("a",{href:s.href},s.children):r.createElement(o,e({},s),s.children)}));export{n as default};

package/build/components/page/ThemeComponent.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { IkasPageComponentPropValue } from "@ikas/storefront-providers";
+import { IkasThemeJsonSettings } from "@ikas/storefront-models";
+declare type Props = {
+    pageComponentPropValue: IkasPageComponentPropValue;
+    index: number;
+    settings: IkasThemeJsonSettings;
+};
+export declare class ThemeComponent extends React.Component<Props> {
+    state: {
+        hasError: boolean;
+    };
+    constructor(props: Props);
+    static getDerivedStateFromError(error: any): {
+        hasError: boolean;
+    };
+    get hasNullValue(): boolean;
+    get Component(): any;
+    render(): JSX.Element;
+}
+export {};

package/build/components/page/ThemeComponent.js

@@ -0,0 +1 @@
+import{__extends as e,__assign as r}from'./../../ext/tslib/tslib.es6.js';import*as o from"react";import{makeObservable as t,computed as n}from"mobx";import{Observer as p}from"mobx-react-lite";import{IkasThemeJsonComponentPropType as i}from"@ikas/storefront-models";import{IkasStorefrontConfig as a}from"@ikas/storefront-config";import{IkasPageDataInit as s}from"../../page-data-init/index.js";import{IkasBaseStore as u}from"../../store/base.js";import"../../store/customer/index.js";import"../../store/cart/index.js";var l=function(l){function m(e){var r=l.call(this,e)||this;return r.state={hasError:!1},t(r,{hasNullValue:n,Component:n}),r}return e(m,l),m.getDerivedStateFromError=function(e){return console.error(e),{hasError:!0}},Object.defineProperty(m.prototype,"hasNullValue",{get:function(){var e=this.props.pageComponentPropValue,r=e.propValues;return e.component.props.some((function(o){if(o.isRequired){var t=(r||{})[o.name],n=null==e?void 0:e.component.props.find((function(e){return e.id===o.requiredPropId}));if(n){var p=(r||{})[n.name];if(n.type===i.BOOLEAN&&!p||n.type===i.CUSTOM&&p!==o.requiredEnumOptionValue)return!1}return null===t||null==t}}))},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"Component",{get:function(){var e=this.props.pageComponentPropValue,r=a.getCurrentPageComponents(),o=e.pageComponent;return r?r[o.componentId]:null},enumerable:!1,configurable:!0}),m.prototype.render=function(){var e=this;return o.createElement(p,null,(function(){var t=e.props,n=t.index,p=t.pageComponentPropValue,i=t.settings,a=e.Component,l=p.pageComponent,m=p.propValues;return a?e.state.hasError?null:o.createElement("div",{id:n+""},e.hasNullValue?null:o.createElement(a,r({key:l.id},m,{settings:i,store:u.getInstance(),pageSpecificData:s.pageSpecificData}))):(console.error("COMPONENT NOT FOUND!"),null)}))},m}(o.Component);export{l as ThemeComponent};

package/build/components/page/head.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { IkasCustomerReviewSummary, IkasMerchantSettings, IkasThemeJsonPageType } from "../../models";
+declare type Props = {
+    pageType: IkasThemeJsonPageType;
+    pageTitle?: string | null;
+    pageDescription?: string | null;
+    canonicals?: string[] | null;
+    disableIndex?: boolean | null;
+    pageSpecificData?: any;
+    merchantSettings?: IkasMerchantSettings | null;
+    addOgpMetas?: boolean;
+    productReviewSummary?: IkasCustomerReviewSummary | null;
+};
+export declare const IkasPageHead: React.FC<Props>;
+export {};

package/build/components/page/head.js

@@ -0,0 +1 @@
+import{__assign as t}from'./../../ext/tslib/tslib.es6.js';import*as e from"react";import{observer as o}from"mobx-react-lite";import r from"next/head.js";import{useRouter as i}from"next/router";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"mobx";import"../../models/data/blog/index.js";import"../../models/data/brand/index.js";import{IkasThemeJsonPageType as a}from"@ikas/storefront-models";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/index.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/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"../../models/data/order/address/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/package/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/option-set/option/index.js";import"../../models/data/product/option-set/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/state/index.js";import"../../models/data/theme-json/index.js";import"../../models/data/theme-json/custom-data/index.js";import"../../models/data/variant-type/variant-value/index.js";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/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 s}from"@ikas/storefront-config";import"../../analytics/analytics.js";import"../../analytics/head/index.js";import"./index.js";import"next/image.js";import"@ikas/storefront-model-functions";import"../link/index.js";import"../page-editor/loader/style.module.scss.js";import"../../pages/home.js";import"../../pages/_slug_/index.js";import"../../pages/pages/_slug_.js";import"../../pages/checkout.js";import"../../pages/account/index.js";import"../../pages/account/addresses.js";import"../../pages/account/orders/index.js";import"../../pages/account/orders/_id_.js";import"../../pages/account/login.js";import"../../pages/account/register.js";import"../../pages/account/forgot-password.js";import"../../pages/account/recover-password.js";import"../../pages/cart.js";import"../../pages/editor.js";import"../../pages/account/favorite-products.js";import"../../pages/search.js";import"next/error.js";import"../../pages/blog/index.js";import"../../pages/blog/_slug_.js";import"../../pages/raffle/_slug_.js";import"../../pages/raffle/index.js";import"../../pages/account/raffles.js";import{IkasBaseStore as n}from"../../store/base.js";import"../../store/customer/index.js";import"../../store/cart/index.js";import"lodash/get";var d=o((function(o){var n=o.pageType,d=o.pageTitle,p=o.pageDescription,l=o.canonicals,c=o.disableIndex,u=o.pageSpecificData,g=o.merchantSettings,j=o.addOgpMetas,f=o.productReviewSummary,h=i(),v="undefined"!=typeof window,x="local"===process.env.NEXT_PUBLIC_ENV,y=h.asPath.split("?")[0].replace("/",""),b=s.getRoutings().filter((function(t){return t.id!==s.getStorefrontRoutingId()})),k=s.getCurrentRouting(),w=(null==k?void 0:k.path)?"/"+k.path:"",D=x?"http://localhost:3333":"https://"+s.getDomain();e.useEffect((function(){document.documentElement.lang=s.getCurrentLocale()}),[n,u]);var E=e.useMemo((function(){if(u&&u.href)return"".concat(D).concat(u.href)}),[u]),_=e.useMemo((function(){var t=[];if(j)if(t.push({property:"og:type",content:"website"}),t.push({property:"og:site_name",content:"https://"+s.getDomain()}),d&&t.push({property:"og:title",content:d}),p&&t.push({property:"og:description",content:p}),t.push({property:"og:url",content:E||(v?window.location.href:"")||"https://".concat(s.getDomain())}),u&&n===a.PRODUCT){var e=u.selectedVariant.mainImage;(null==e?void 0:e.image)&&t.push({property:"og:image",content:e.image.src})}else(null==g?void 0:g.logo)&&t.push({property:"og:image",content:g.logo.src});return t}),[d,u,E,p,g,j,g]),C=e.useMemo((function(){var e=[];if(g){var o={"@context":"https://schema.org","@type":"Website",url:"https://"+s.getDomain()},r=function(e){var o,r,i,a,n,d,m=(null==e?void 0:e.logo)?e.logo.src:void 0;return{"@context":"https://schema.org","@type":"Store",name:null==e?void 0:e.merchantName,logo:m,image:m,url:"https://"+s.getDomain(),telephone:null==e?void 0:e.phone,address:t(t({"@type":"PostalAddress",streetAddress:null===(o=e.address)||void 0===o?void 0:o.addressLine1,addressLocality:null===(i=null===(r=e.address)||void 0===r?void 0:r.city)||void 0===i?void 0:i.name},e.address&&e.address.state&&{addressRegion:e.address.state.code}),{postalCode:null===(a=e.address)||void 0===a?void 0:a.postalCode,addressCountry:null===(d=null===(n=e.address)||void 0===n?void 0:n.country)||void 0===d?void 0:d.code})}}(g);e.push(o),e.push(r)}if(u&&n===a.PRODUCT){var i=u,d=function(e,o){var r,i,a,n;try{var d="https://".concat(s.getDomain()).concat(e.href),m=e.selectedVariant;return t(t({"@context":"https://schema.org/","@type":"Product",name:e.name,description:null===(r=e.metaData)||void 0===r?void 0:r.description,image:null===(i=m.images)||void 0===i?void 0:i.map((function(t){return t.image?t.image.src:""})),productId:m.id,sku:m.sku,mpn:(null===(a=m.barcodeList)||void 0===a?void 0:a.length)?m.barcodeList[0]:"",brand:{"@type":"Brand",name:null===(n=e.brand)||void 0===n?void 0:n.name}},o&&{aggregateRating:{"@type":"AggregateRating",ratingValue:o.averageStar,reviewCount:o.totalReview}}),{offers:{"@type":"Offer",url:d,priceCurrency:m.price.currency||"TRY",price:m.price.finalPrice,priceValidUntil:"",itemCondition:"https://schema.org/NewCondition",availability:m.stock>0?"https://schema.org/InStock":"https://schema.org/OutOfStock"}})}catch(t){}}(i,f||null);if(d&&e.push(d),i.categories.length)(l=m(i.categories[0]))&&e.push(l)}if(u&&n===a.CATEGORY){var p=function(t){var e,o;try{return{"@context":"http://schema.org","@type":"CollectionPage",url:"https://".concat(s.getDomain()).concat(t.href),name:null===(e=t.metaData)||void 0===e?void 0:e.pageTitle,description:null===(o=t.metaData)||void 0===o?void 0:o.description,image:t.image?t.image.src:void 0}}catch(t){}}(u),l=m(u);p&&e.push(p),l&&e.push(l)}return e}),[u,g]);return e.createElement(r,null,e.createElement("title",null,d||""),e.createElement("meta",{name:"description",content:p||""}),b.map((function(t){return e.createElement("link",{key:t.id,rel:"alternate",hrefLang:t.locale,href:"".concat(D+(t.path?"/"+t.path:""),"/").concat(y)})})),!!k&&!!b.length&&e.createElement("link",{key:"current-routing-hreflang",rel:"alternate",hrefLang:k.locale,href:"".concat(D).concat(w,"/").concat(y)}),!!c&&e.createElement("meta",{name:"robots",content:"noindex"}),!!j&&_.map((function(t,o){return e.createElement("meta",{key:"".concat(t.content,"-").concat(o),property:t.property,content:t.content})})),!!l&&l.map((function(t,o){return e.createElement("link",{key:o+"url",rel:"canonical",href:"".concat(D).concat(w).concat(t)})})),e.createElement("link",{rel:"canonical",href:"".concat(D).concat(w,"/").concat(y)}),!!C.length&&C.map((function(t,o){return e.createElement("script",{key:o,type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(t)}})})))}));function m(t){try{var e=n.getInstance(),o=t.categoryPathItems.map((function(t,e){return{"@type":"ListItem",position:e+1,name:t.name,item:"https://"+s.getDomain()+t.href}}));return e.currentPageType===a.CATEGORY&&o.push({"@type":"ListItem",position:t.categoryPathItems.length+1,name:t.name,item:"https://"+s.getDomain()+t.href}),{"@context":"http://schema.org","@type":"BreadcrumbList",itemListElement:t.categoryPathItems.length?o:[{"@type":"ListItem",position:1,name:t.name,item:"https://"+s.getDomain()+t.href}]}}catch(t){}}export{d as IkasPageHead};

package/build/components/page/index.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { IkasPageComponentPropValue } from "@ikas/storefront-providers";
+import { IkasCustomerReviewSummary, IkasMerchantSettings, IkasThemeJsonPageType, IkasThemeJsonSettings } from "../../models";
+export declare type IkasPageProps = {
+    propValues: IkasPageComponentPropValue[];
+    pageSpecificData: any;
+    pageType: IkasThemeJsonPageType;
+    pageTitle: string | null;
+    pageDescription?: string;
+    canonicals?: string[] | null;
+    disableIndex?: boolean | null;
+    settings: IkasThemeJsonSettings;
+    merchantSettings: IkasMerchantSettings;
+    configJson: Record<string, any>;
+    reInitOnBrowser?: boolean;
+    addOgpMetas?: boolean;
+    components?: Record<string, any>;
+    productReviewSummary: IkasCustomerReviewSummary | null;
+};
+export declare const IkasPage: React.FC<IkasPageProps>;
+export declare const renderComponent: (pageComponentPropValue: IkasPageComponentPropValue, settings: IkasThemeJsonSettings, index: number) => JSX.Element;

package/build/components/page/index.js

@@ -0,0 +1 @@
+import{__assign as e,__awaiter as t,__generator as o}from'./../../ext/tslib/tslib.es6.js';import*as i from"react";import{observer as r}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"mobx";import"../../models/data/blog/index.js";import"../../models/data/brand/index.js";import{IkasThemeJsonPageType as s}from"@ikas/storefront-models";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/index.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/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"../../models/data/order/address/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/package/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/option-set/option/index.js";import"../../models/data/product/option-set/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/state/index.js";import"../../models/data/theme-json/index.js";import"../../models/data/theme-json/custom-data/index.js";import"../../models/data/variant-type/variant-value/index.js";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/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 d}from"@ikas/storefront-config";import{Analytics as m}from"../../analytics/analytics.js";import"../../analytics/head/index.js";import{IkasPageHead as n}from"./head.js";import{ThemeComponent as l}from"./ThemeComponent.js";import{IkasBaseStore as p}from"../../store/base.js";import"../../store/customer/index.js";import"../../store/cart/index.js";import{initIkasEvents as c}from"../../analytics/events.js";import{IkasPageDataInit as u}from"../../page-data-init/index.js";import{setAPIClientConfig as f}from"@ikas/storefront-api";var j=r((function(r){var l=r.propValues,j=r.pageType,g=r.pageTitle,v=r.pageDescription,y=r.pageSpecificData,h=r.canonicals,b=r.disableIndex,w=r.settings,S=r.merchantSettings,C=r.configJson,I=r.reInitOnBrowser,P=r.addOgpMetas,D=r.components,E=r.productReviewSummary,T=a();d.init(e(e({},C),{currentPageComponents:D})),p.getInstance().router=T,f();var k=p.getInstance();k.router=T,k.currentPageType=j;var V=i.useState(!1),O=V[0],R=V[1],M=i.useMemo((function(){return u.setPageSpecificData(y,j,O),u.initPagePropValues(l,w,O)}),[O,l,j,w,y]);i.useEffect((function(){I&&R("undefined"!=typeof window),k.cartStore.getCart(),k.checkLocalization(),c()}),[]),i.useEffect((function(){var e=function(){k.customerStore.routeChangeInit()};return T.events.on("routeChangeStart",e),function(){T.events.off("routeChangeStart",e)}}),[]),i.useEffect((function(){!function(e,i){var r,a;t(this,void 0,void 0,(function(){var t,d,n,l,c;return o(this,(function(o){switch(o.label){case 0:t=p.getInstance(),m.pageView(e),o.label=1;case 1:return o.trys.push([1,4,,5]),e===s.PRODUCT&&(d=i,m.productView(d),t.customerStore.onProductView(d.id,d.selectedVariant.id)),e===s.CATEGORY&&(l=null===(r=(n=i).categoryPathItems)||void 0===r?void 0:r.map((function(e){return e.name})).join(" > "),l=n.categoryPathItems&&(null===(a=n.categoryPathItems)||void 0===a?void 0:a.length)>0?l+" > "+n.name:n.name,m.viewCategory(l,n)),e!==s.CART?[3,3]:[4,t.cartStore.waitUntilInitialized()];case 2:o.sent(),m.viewCart(t.cartStore.cart),o.label=3;case 3:return[3,5];case 4:return c=o.sent(),console.error(c),[3,5];case 5:return[2]}}))}))}(j,u.pageSpecificData)}),[j,y]);var F=i.useMemo((function(){var e=M.find((function(e){return e.component.isHeader})),t=M.find((function(e){return e.component.isFooter})),o=M.filter((function(e){return!e.component.isHeader&&!e.component.isFooter}))||[];return i.createElement("div",{style:{position:"relative",minHeight:"100vh",display:"flex",flexDirection:"column",justifyContent:"space-between"}},i.createElement("div",null,e&&x(e,w,-1),o.map((function(e,t){return x(e,w,t)}))),t&&x(t,w,-1))}),[M,w]);return i.createElement(i.Fragment,null,i.createElement(n,{pageType:j,pageTitle:g,pageDescription:v,pageSpecificData:u.pageSpecificData,canonicals:h,disableIndex:b,merchantSettings:S,addOgpMetas:P,productReviewSummary:E}),F)})),x=function(e,t,o){return i.createElement(l,{key:e.pageComponent.id,index:o,pageComponentPropValue:e,settings:t})};export{j as IkasPage,x as renderComponent};

package/build/components/page-editor/ThemeComponentEditor.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import IkasPageEditorViewModel from "./model";
+import { IkasThemeJsonPageComponent } from "../../models";
+declare type Props = {
+    vm: IkasPageEditorViewModel;
+    pageComponent: IkasThemeJsonPageComponent;
+};
+export declare class ThemeEditorComponent extends React.Component<Props> {
+    ref: React.RefObject<HTMLDivElement>;
+    error: any;
+    state: {
+        hasError: boolean;
+    };
+    constructor(props: Props);
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    static getDerivedStateFromError(error: any): {
+        hasError: boolean;
+    };
+    get pageComponentPropValue(): import("@ikas/storefront-providers").IkasPageComponentPropValue | undefined;
+    get propValues(): Record<string, any> | undefined;
+    get isSelected(): boolean;
+    get isHovered(): boolean;
+    get hasNullValue(): boolean;
+    get rendered(): JSX.Element;
+    get Component(): any;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onClick: () => void;
+    render(): JSX.Element;
+}
+export {};

package/build/components/page-editor/ThemeComponentEditor.js

@@ -0,0 +1 @@
+import{__extends as e,__assign as o}from'./../../ext/tslib/tslib.es6.js';import*as t from"react";import r from"./error/index.js";import{makeObservable as i,computed as n}from"mobx";import a from"../checkout/index.js";import{Observer as d}from"mobx-react-lite";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,IkasOrderLineItemStatus as m,IkasCheckoutRequirement as l,IkasThemeJsonComponentPropType as p}from"@ikas/storefront-models";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{IkasCheckout as u}from"../../models/data/checkout/index.js";import{IkasCheckoutSettings as c}from"../../models/data/checkout-settings/index.js";import"../../models/data/city/index.js";import"../../models/data/country/index.js";import"../../models/data/customer/address/index.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/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"../../models/data/order/address/index.js";import"../../models/data/order/line-item/variant/value/index.js";import"../../models/data/order/line-item/variant/index.js";import{IkasOrderLineItem as f}from"../../models/data/order/line-item/index.js";import"../../models/data/order/package/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/option-set/option/index.js";import"../../models/data/product/option-set/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/state/index.js";import"../../models/data/theme-json/index.js";import"../../models/data/theme-json/custom-data/index.js";import"../../models/data/variant-type/variant-value/index.js";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/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 v}from"@ikas/storefront-config";import{IkasPageDataInit as j}from"../../page-data-init/index.js";import{IkasBaseStore as g}from"../../store/base.js";import"../../store/customer/index.js";import"../../store/cart/index.js";var x=function(x){function y(e){var o=x.call(this,e)||this;return o.state={hasError:!1},o.onMouseEnter=function(){var e=o.props,t=e.vm,r=e.pageComponent;t.onMouseOver(r.id)},o.onMouseLeave=function(){var e=o.props,t=e.vm,r=e.pageComponent;t.onMouseLeave(r.id)},o.onClick=function(){var e=o.props,t=e.vm,r=e.pageComponent;t.onClick(r.id)},o.ref=t.createRef(),i(o,{pageComponentPropValue:n,propValues:n,isSelected:n,isHovered:n,hasNullValue:n,rendered:n,Component:n}),o}return e(y,x),y.prototype.componentDidMount=function(){var e=this.props,o=e.vm,t=e.pageComponent;o.setComponentRef(this.ref.current,t)},y.prototype.componentDidUpdate=function(){var e=this.props,o=e.vm,t=e.pageComponent;o.setComponentRef(this.ref.current,t)},y.getDerivedStateFromError=function(e){return console.error(e),{hasError:!0}},Object.defineProperty(y.prototype,"pageComponentPropValue",{get:function(){var e=this.props,o=e.vm,t=e.pageComponent;return o.initializedPropValues.find((function(e){return e.pageComponent.id===t.id}))},enumerable:!1,configurable:!0}),Object.defineProperty(y.prototype,"propValues",{get:function(){var e,t,r=this.props.vm,i=null===(e=this.pageComponentPropValue)||void 0===e?void 0:e.propValues;(null===(t=r.page)||void 0===t?void 0:t.type)===s.CHECKOUT&&(i={checkout:new u({currencyCode:"TRY",currencySymbol:"₺",orderLineItems:[new f({id:"",createdAt:0,updatedAt:0,currencyCode:"TRY",currencySymbol:"₺",discount:null,discountPrice:null,finalPrice:100,options:null,originalOrderLineItemId:null,price:100,quantity:1,status:m.UNFULFILLED,statusUpdatedAt:null,stockLocationId:null,taxValue:null,unitPrice:null,finalUnitPrice:null,variant:{barcodeList:null,brand:null,categories:null,id:null,mainImageId:null,name:"",prices:null,productId:null,sku:null,slug:null,tagIds:null,taxValue:null,type:null,weight:null,variantValues:[],baseUnit:null,unit:null},orderedAt:0})]}),checkoutSettings:new c({createdAt:0,updatedAt:0,id:"",giftPackagePriceList:null,identityNumberRequirement:l.OPTIONAL,isAccountRequired:!1,isGiftPackageEnabled:!1,isShowPostalCode:!0,isTermsAndConditionsDefaultChecked:null,options:null,phoneRequirement:l.OPTIONAL,postalCodeRequirement:l.OPTIONAL,showCheckoutNote:!0,showTermsAndConditionsCheckbox:!0,storefrontId:""}),customizationProps:o({},i),returnPolicy:"",privacyPolicy:"",termsOfService:""});return i},enumerable:!1,configurable:!0}),Object.defineProperty(y.prototype,"isSelected",{get:function(){var e=this.props,o=e.vm,t=e.pageComponent;return o.selectedPageComponentId===t.id},enumerable:!1,configurable:!0}),Object.defineProperty(y.prototype,"isHovered",{get:function(){var e=this.props,o=e.vm,t=e.pageComponent;return o.hoveredPageComponentId===t.id},enumerable:!1,configurable:!0}),Object.defineProperty(y.prototype,"hasNullValue",{get:function(){var e,o=this;return!!(null===(e=this.pageComponentPropValue)||void 0===e?void 0:e.component.props.some((function(e){var t;if(e.isRequired){var r=(o.propValues||{})[e.name],i=null===(t=o.pageComponentPropValue)||void 0===t?void 0:t.component.props.find((function(o){return o.id===e.requiredPropId}));if(i){var n=(o.propValues||{})[i.name];if(i.type===p.BOOLEAN&&!n||i.type===p.CUSTOM&&n!==e.requiredEnumOptionValue)return!1}return null===r||null==r}})))},enumerable:!1,configurable:!0}),Object.defineProperty(y.prototype,"rendered",{get:function(){var e,i,n=this.Component,a=this.props.vm;return this.hasNullValue||this.state.hasError?t.createElement(r,{name:null===(e=this.pageComponentPropValue)||void 0===e?void 0:e.component.displayName}):t.createElement(n,o({},this.propValues,{store:g.getInstance(),settings:null===(i=a.theme)||void 0===i?void 0:i.settings,pageSpecificData:j.pageSpecificData}))},enumerable:!1,configurable:!0}),Object.defineProperty(y.prototype,"Component",{get:function(){var e,o=this.props,t=o.vm,r=o.pageComponent,i=v.getCurrentPageComponents();if(!i)return null;var n=i[r.componentId];return(null===(e=t.page)||void 0===e?void 0:e.type)===s.CHECKOUT&&(n=a),n},enumerable:!1,configurable:!0}),y.prototype.render=function(){var e=this;return t.createElement(d,null,(function(){var o;return e.state.hasError?t.createElement("div",{ref:e.ref,style:{position:"relative"},onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,onClick:e.onClick},t.createElement(r,{name:null===(o=e.pageComponentPropValue)||void 0===o?void 0:o.component.displayName}),";"):v.getCurrentPageComponents()?t.createElement("div",{ref:e.ref,style:{position:"relative"},onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave},e.rendered):(console.error("Components for the page not found."),null)}))},y}(t.Component);export{x as ThemeEditorComponent};

package/build/components/page-editor/error/index.d.ts

@@ -0,0 +1,4 @@
+declare function ErrorComponent({ name }?: {
+    name?: string;
+}): JSX.Element;
+export default ErrorComponent;

package/build/components/page-editor/error/index.js

@@ -0,0 +1 @@
+import e from"react";function r(r){var o=(void 0===r?{}:r).name;return e.createElement("div",{style:t},"Error! Please fill the component ",o," fields")}var t={lineHeight:"50px",textAlign:"center",fontSize:"16px",margin:"10px 0",border:"2px solid rgb(255, 0, 0)",backgroundColor:"rgba(255, 0, 0, 0.5)"};export{r as default};

package/build/components/page-editor/index.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { WithRouterProps } from "next/dist/client/with-router";
+declare const _default: React.ComponentType<import("next/dist/client/with-router").ExcludeRouterProps<WithRouterProps>>;
+export default _default;

package/build/components/page-editor/index.js

@@ -0,0 +1 @@
+import{__extends as e}from'./../../ext/tslib/tslib.es6.js';import*as t from"react";import{Observer as n}from"mobx-react-lite";import{withRouter as o}from"next/router.js";import{ThemeEditorComponent as r}from"./ThemeComponentEditor.js";import i from"./model.js";import{IkasPageHead as m}from"../page/head.js";import{IkasEditorComponentLoader as a}from"./loader/index.js";import{reaction as s,makeObservable as p,computed as l}from"mobx";import{getGoogleFontHref as u}from"../../utils/google-fonts.js";import{IkasBaseStore as d}from"../../store/base.js";import"../../store/customer/index.js";import"../../store/cart/index.js";var c=o(function(o){function c(e){var t=o.call(this,e)||this;return t.interceptClickEvent=function(e){var t=e.target;"A"===t.tagName&&(t.getAttribute("href"),e.preventDefault())},t.handleRouteChangeStart=function(e,n){throw t.vm.onPageChange(e),""},t.injectFontScript=function(){var e;if(null===(e=t.vm.theme)||void 0===e?void 0:e.settings.fontFamily.name){var n=t.vm.theme.settings.fontFamily,o=document.getElementById("ikas-font");o&&o.remove();var r=u(n);if(r){var i=document.createElement("link");i.setAttribute("id","ikas-font"),i.setAttribute("rel","stylesheet"),i.setAttribute("href",r),document.getElementsByTagName("head")[0].appendChild(i),document.body.style.setProperty("font-family","'".concat(n.name,'\', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'),"important")}}else document.body.style.setProperty("font-family",'-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif')},t.vm=new i(e.router),p(t,{headerPageComponent:l,footerPageComponent:l,otherComponents:l}),t}return e(c,o),c.prototype.componentDidMount=function(){var e=this;this.props.router.events.on("routeChangeStart",this.handleRouteChangeStart),d.getInstance().router=this.props.router,document.addEventListener&&document.addEventListener("click",this.interceptClickEvent),this.disposer&&this.disposer(),this.disposer=s((function(){var t;return null===(t=e.vm.theme)||void 0===t?void 0:t.settings}),(function(){var t;null===(t=e.vm.theme)||void 0===t||t.settings.colors.map((function(e){return document.documentElement.style.setProperty(e.key,e.color)})),e.injectFontScript()}))},c.prototype.componentWillUnmount=function(){this.props.router.events.off("routeChangeStart",this.handleRouteChangeStart),document.removeEventListener("click",this.interceptClickEvent),this.disposer&&this.disposer()},Object.defineProperty(c.prototype,"headerPageComponent",{get:function(){var e,t,n=this.vm,o=null===(e=n.theme)||void 0===e?void 0:e.components.find((function(e){return e.isHeader}));return null===(t=n.pageComponents)||void 0===t?void 0:t.find((function(e){return e.componentId===(null==o?void 0:o.id)}))},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"footerPageComponent",{get:function(){var e,t,n=this.vm,o=null===(e=n.theme)||void 0===e?void 0:e.components.find((function(e){return e.isFooter}));return null===(t=n.pageComponents)||void 0===t?void 0:t.find((function(e){return e.componentId===(null==o?void 0:o.id)}))},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"otherComponents",{get:function(){var e,t,n,o=this.vm,r=null===(e=o.theme)||void 0===e?void 0:e.components.find((function(e){return e.isHeader})),i=null===(t=o.theme)||void 0===t?void 0:t.components.find((function(e){return e.isFooter}));return null===(n=o.pageComponents)||void 0===n?void 0:n.filter((function(e){return e.componentId!==(null==r?void 0:r.id)&&e.componentId!==(null==i?void 0:i.id)}))},enumerable:!1,configurable:!0}),c.prototype.render=function(){var e=this,o=this.vm;return t.createElement(n,null,(function(){var n;return o.isLoading?t.createElement(a,{isFullPage:!0}):t.createElement(t.Fragment,null,!!o.page&&t.createElement(m,{pageType:o.page.type,pageTitle:o.page.pageTitle,pageDescription:o.page.description}),t.createElement("div",{style:f},t.createElement("div",null,!!e.headerPageComponent&&t.createElement(r,{key:e.headerPageComponent.id,vm:o,pageComponent:e.headerPageComponent}),null===(n=e.otherComponents)||void 0===n?void 0:n.map((function(e){return t.createElement(r,{key:e.id,vm:o,pageComponent:e})}))),!!e.footerPageComponent&&t.createElement(r,{key:e.footerPageComponent.id,vm:o,pageComponent:e.footerPageComponent})))}))},c}(t.Component)),f={minHeight:"100vh",width:"100vw",display:"flex",flexDirection:"column",justifyContent:"space-between"};export{c as default};

package/build/components/page-editor/loader/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    isFullPage?: boolean;
+};
+export declare const IkasEditorComponentLoader: React.FC<Props>;
+export {};

package/build/components/page-editor/loader/index.js

@@ -0,0 +1 @@
+import*as e from"react";import a from"./style.module.scss.js";var r=function(r){var t=r.isFullPage;return e.createElement("div",{className:[a.Container,t?a.fullPage:""].join(" ")},e.createElement("div",{className:a.loader}))};export{r as IkasEditorComponentLoader};

package/build/components/page-editor/loader/style.module.scss.js

@@ -0,0 +1 @@
+import e from'./../../../ext/style-inject/dist/style-inject.es.js';var t={Container:"style-module_Container__P0FwV",fullPage:"style-module_fullPage__LtR1g",loader:"style-module_loader__6N3Tm",load8:"style-module_load8__a-tru"};e(".style-module_Container__P0FwV {\n  width: 100%;\n  height: 300px;\n  background-color: white;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_Container__P0FwV.style-module_fullPage__LtR1g {\n  height: 100vh;\n}\n.style-module_Container__P0FwV .style-module_loader__6N3Tm,\n.style-module_Container__P0FwV .style-module_loader__6N3Tm:after {\n  border-radius: 50%;\n  width: 5em;\n  height: 5em;\n}\n.style-module_Container__P0FwV .style-module_loader__6N3Tm {\n  font-size: 6px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-left: 0.5em solid black;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: style-module_load8__a-tru 1.1s infinite linear;\n  animation: style-module_load8__a-tru 1.1s infinite linear;\n}\n@-webkit-keyframes style-module_load8__a-tru {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes style-module_load8__a-tru {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}");export{t as default};

package/build/components/page-editor/model.d.ts

@@ -0,0 +1,75 @@
+import { IkasThemeJson, IkasThemeJsonComponent, IkasThemeJsonPage, IkasThemeJsonPageComponent, IkasThemeJsonPageSpecification, IkasThemeJsonPageType } from "../../models";
+import { IkasPageComponentPropValue, IkasPageDataProvider } from "@ikas/storefront-providers";
+import { NextRouter } from "next/router.js";
+export default class IkasPageEditorViewModel {
+    theme?: IkasThemeJson | null;
+    page?: IkasThemeJsonPage | null;
+    selectedPageComponentId?: string | null;
+    hoveredPageComponentId?: string | null;
+    componentRefs: any;
+    isLoading: boolean;
+    updateId: string;
+    locale: string;
+    translations?: Record<string, any>;
+    pageParams: Record<string, any>;
+    apiKey?: string | null;
+    pageDataProvider?: IkasPageDataProvider | null;
+    initializedPropValues: IkasPageComponentPropValue[];
+    router: NextRouter;
+    constructor(router: NextRouter);
+    get specification(): IkasThemeJsonPageSpecification | undefined;
+    get pageComponents(): IkasThemeJsonPageComponent[];
+    get selectedPageComponent(): IkasThemeJsonPageComponent | undefined;
+    get selectedComponent(): IkasThemeJsonComponent | undefined;
+    createLoadingListener(): void;
+    startMessaging: () => void;
+    onMessage: (event: MessageEvent) => Promise<void>;
+    onClick: (id: string) => void;
+    onMouseOver: (id: string) => void;
+    onMouseLeave: (id: string) => void;
+    onPageChange: (url: string) => Promise<void>;
+    onLoadingChange: () => void;
+    getVariantIdFromParams(productId: string, queryParamsStr: string): Promise<string | undefined>;
+    sendMessage: (type: BridgeMessageType, data?: any) => void;
+    getPagePropValues: (theme: IkasThemeJson, pageType: IkasThemeJsonPageType, pageParams: Record<string, any>) => Promise<IkasPageDataProvider>;
+    setComponentRef: (element: React.ElementType, component: IkasThemeJsonPageComponent) => void;
+    isScrolledIntoView: (el: HTMLElement) => boolean;
+    handleUpdateFrameData: (data: any) => Promise<void>;
+    handleUpdateThemeJson: (data: any) => Promise<void>;
+    handleUpdatePropValue: (data: any) => Promise<void>;
+    handleUpdatePageParams: (data: any) => Promise<void>;
+    handleUpdatePageComponentOrder: (data: any) => Promise<void>;
+    handleAddNewComponent: (data: any) => void;
+    handleDeleteComponent: (data: any) => void;
+    handleUpdateComponent: (data: any) => void;
+    handleAddNewPageComponent: (data: any) => Promise<void>;
+    handleDeletePageComponent: (data: any) => void;
+    handleSetSelectedComponent: (data: any) => void;
+    handleSetHoveredComponent: (data: any) => void;
+    handleScrollToComponent: (data: any) => void;
+    handleEditorReload: () => void;
+    updateThemeSettings: (data: any) => void;
+}
+export declare enum BridgeMessageType {
+    FRAME_DID_LOAD = "FRAME_DID_LOAD",
+    UPDATE_FRAME_DATA = "UPDATE_FRAME_DATA",
+    UPDATE_THEME_JSON = "UPDATE_THEME_JSON",
+    UPDATE_PROP_VALUE = "UPDATE_PROP_VALUE",
+    UPDATE_PAGE_PARAMS = "UPDATE_PAGE_PARAMS",
+    UPDATE_PAGE_COMPONENT_ORDER = "UPDATE_PAGE_COMPONENT_ORDER",
+    ADD_COMPONENT = "ADD_COMPONENT",
+    DELETE_COMPONENT = "DELETE_COMPONENT",
+    UPDATE_COMPONENT = "UPDATE_COMPONENT",
+    ADD_PAGE_COMPONENT = "ADD_PAGE_COMPONENT",
+    DELETE_PAGE_COMPONENT = "DELETE_PAGE_COMPONENT",
+    COMPONENT_MOUSE_OVER = "COMPONENT_MOUSE_OVER",
+    COMPONENT_MOUSE_LEAVE = "COMPONENT_MOUSE_LEAVE",
+    COMPONENT_CLICK = "COMPONENT_CLICK",
+    SET_SELECTED_COMPONENT = "SET_SELECTED_COMPONENT",
+    SET_HOVERED_COMPONENT = "SET_HOVERED_COMPONENT",
+    SCROLL_TO_COMPONENT = "SCROLL_TO_COMPONENT",
+    UPDATE_THEME_SETTINGS = "UPDATE_THEME_SETTINGS",
+    EDITOR_PAGE_CHANGE = "EDITOR_PAGE_CHANGE",
+    EDITOR_LOADING_CHANGE = "EDITOR_LOADING_CHANGE",
+    EDITOR_RELOAD = "EDITOR_RELOAD"
+}