@ikas/storefront 6.1.0-beta.155 → 6.1.0-beta.156
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/page/index.d.ts +6 -0
- package/build/components/page/index.js +1 -1
- package/build/components/popup/utils/index.js +1 -1
- package/build/ext/@ikas/popup-renderer/build/popup-renderer/components/index.js +1 -1
- package/package.json +11 -11
- package/build/components/popup/index.js +0 -1
- package/build/components/popup/renderer/index.js +0 -1
- package/build/components/popup/renderer/model.js +0 -1
- package/build/store/storefront-popup/index.js +0 -1
|
@@ -2,6 +2,12 @@ import * as React from "react";
|
|
|
2
2
|
import { IkasPageComponentPropValue, IkasSimplePageComponentPropValue } from "@ikas/storefront-providers";
|
|
3
3
|
import { IkasCustomerReviewSummary, IkasThemeJsonPageType, IkasThemeJsonSettings, IkasThemeJsonCustomData } from "../../models";
|
|
4
4
|
import { IkasThemeJsonComponent } from "@ikas/storefront-models";
|
|
5
|
+
declare global {
|
|
6
|
+
interface Window {
|
|
7
|
+
ikasPopupConfig?: any;
|
|
8
|
+
startIkasPopupWidget?: (config?: any) => void;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
5
11
|
export declare type IkasPageProps = {
|
|
6
12
|
propValues: IkasSimplePageComponentPropValue[];
|
|
7
13
|
themeJsonComponents: IkasThemeJsonComponent[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e,__spreadArray as t,__awaiter as o,__generator as i}from'./../../ext/tslib/tslib.es6.js';import*as r from"react";import{observer as a}from"mobx-react-lite";import{useRouter as s}from"next/router.js";import d from"next/dynamic";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 n}from"@ikas/storefront-models";import"mobx";import"../../models/data/campaign-offer/index.js";import"../../models/data/cart/campaign-offer/index.js";import"../../models/data/cart/index.js";import"../../models/data/category/path-item/index.js";import"../../models/data/category/index.js";import"../../models/data/checkout/index.js";import"../../models/data/checkout-settings/index.js";import"../../models/data/city/index.js";import"../../models/data/country/index.js";import"../../models/data/customer/address/region/index.js";import"../../models/data/customer/address/index.js";import"../../models/data/customer/address/ikas-localized-customer-address.js";import"../../models/data/customer/attribute/index.js";import"../../models/data/customer/review/summary/index.js";import"../../models/data/customer/review/index.js";import"../../models/data/customer/index.js";import"../../models/data/customer-form-data-input/index.js";import"../../models/data/district/index.js";import"../../models/data/favorite-product/index.js";import"../../models/data/filter-category/index.js";import"../../models/data/html-meta-data/index.js";import"../../models/data/image/index.js";import{IkasMerchantSettings as m}from"../../models/data/merchant-settings/index.js";import"../../models/data/order/address/region/index.js";import"../../models/data/order/address/index.js";import"../../models/data/order/line-item/option/value/index.js";import"../../models/data/order/line-item/variant/value/index.js";import"../../models/data/order/line-item/variant/index.js";import"../../models/data/order/line-item/index.js";import"../../models/data/order/order-transaction-with-prices/index.js";import"../../models/data/order/package/index.js";import"../../models/data/order/transaction/index.js";import"../../models/data/order/index.js";import"../../models/data/payment-gateway/index.js";import"../../models/data/product/attribute-value/index.js";import"../../models/data/product/filter/index.js";import"../../models/data/product/campaign-offer/index.js";import"../../models/data/product/option-set/option/index.js";import"../../models/data/product/option-set/index.js";import"../../models/data/product/stock-location/index.js";import"../../models/data/product/variant/price/index.js";import"../../models/data/product/variant/index.js";import"../../models/data/variant-type/index.js";import"../../models/data/product/index.js";import"../../models/data/raffle/index.js";import"../../models/data/shipping-zone/state/city/district/region/index.js";import"../../models/data/state/index.js";import"../../models/data/storefront-popup/storefront-popup-display-filter/index.js";import"../../models/data/storefront-popup/storefront-popup-display-settings/index.js";import"../../models/data/storefront-popup/storefront-popup-page-filter/index.js";import"../../models/data/storefront-popup/index.js";import"../../models/data/theme-json/index.js";import"../../models/data/theme-json/component/index.js";import{IkasThemeJsonCustomData as p}from"../../models/data/theme-json/custom-data/index.js";import"../../models/data/variant-type/variant-value/index.js";import"@ikas/localized-address";import"../../models/ui/blog-list/index.js";import"../../models/ui/blog-category-list/index.js";import"../../models/ui/brand-list/index.js";import"../../models/ui/category-list/index.js";import"../../models/ui/product-list/index.js";import"../../models/ui/product-attribute-detail/index.js";import"../../models/ui/product-attribute-list/index.js";import"../../models/ui/customer-review-list/index.js";import"../../models/ui/customer-review-summary-list/index.js";import"../../models/ui/validator/index.js";import"../../models/ui/validator/rules/index.js";import"../../models/ui/validator/form/login.js";import"../../models/ui/validator/form/address.js";import"../../models/ui/validator/form/ikas-address.js";import"../../models/ui/validator/form/register.js";import"../../models/ui/validator/form/contact-form.js";import"../../models/ui/validator/form/forgot-password.js";import"../../models/ui/validator/form/recover-password.js";import"../../models/ui/validator/form/account-info.js";import"../../models/ui/validator/form/raffle-form.js";import"../../models/ui/validator/form/customer-review.js";import"../../models/ui/raffle-list/index.js";import{IkasStorefrontConfig as l}from"@ikas/storefront-config";import{Analytics as c}from"../../analytics/analytics.js";import"../../analytics/head/index.js";import{IkasPageHead as u}from"./head.js";import{ThemeComponent as f}from"./ThemeComponent.js";import{IkasBaseStore as j}from"../../store/base.js";import"../../store/customer/index.js";import"../../store/cart/index.js";import{initIkasEvents as x}from"../../analytics/events.js";import{IkasPageDataInit as g}from"../../page-data-init/index.js";import{setAPIClientConfig as v}from"@ikas/storefront-api";var y=d((function(){return import("../popup/index.js").then((function(e){return e.PopupListRendererForPage}))}),{ssr:!1}),h=a((function(a){var d=a.propValues,f=a.themeJsonComponents,h=a.customDataList,b=a.pageType,S=a.pageTitle,C=a.pageDescription,P=a.pageSpecificData,D=a.canonicals,k=a.disableIndex,E=a.settings,T=a.configJson,I=a.reInitOnBrowser,R=a.addOgpMetas,M=a.components,V=a.productReviewSummary,O=s(),z=r.useState(),A=z[0],B=z[1];l.init(e(e({},T),{currentPageComponents:M,loginRequiredCallback:function(){O.push("/account/login")}})),j.getInstance().router=O,v();var F=j.getInstance();F.router=O,F.currentPageType=b;var H=r.useState(!1),L=H[0],U=H[1],_=r.useMemo((function(){return(null==A?void 0:A.id)===(null==P?void 0:P.id)&&g.pageSpecificData&&g.isBrowser?b===n.PRODUCT&&g._initProductOnBrowser(g.pageSpecificData):g.setPageSpecificData(P,b,L),g.initPagePropValues(d,f,h.map((function(e){return new p(e)})),E,L)}),t(t([],b!==n.SEARCH?[L]:[],!0),[d,b,E,P,f],!1));r.useEffect((function(){I&&U("undefined"!=typeof window),window.addToCart=F.cartStore._windowAddToCart,F.cartStore.getCart(),F.checkLocalization(),x()}),[]),r.useEffect((function(){P?(null==A?void 0:A.id)!==P.id&&B(P):B(null)}),[P]),r.useEffect((function(){var e=function(){F.customerStore.routeChangeInit()};return O.events.on("routeChangeStart",e),function(){O.events.off("routeChangeStart",e)}}),[]),r.useEffect((function(){!function(e,t){var r,a;o(this,void 0,void 0,(function(){var o,s,d,m,p,l;return i(this,(function(i){switch(i.label){case 0:return o=j.getInstance(),[4,c.pageView(e)];case 1:i.sent(),i.label=2;case 2:return i.trys.push([2,7,,8]),e!==n.PRODUCT?[3,4]:(s=t,[4,c.productView(s)]);case 3:i.sent(),o.customerStore.onProductView(s.id,s.selectedVariant.id),i.label=4;case 4:return e===n.CATEGORY&&(m=null===(r=(d=t).categoryPathItems)||void 0===r?void 0:r.map((function(e){return e.name})).join(" > "),m=d.categoryPathItems&&(null===(a=d.categoryPathItems)||void 0===a?void 0:a.length)>0?m+" > "+d.name:d.name,c.viewCategory(m,d)),e===n.BRAND&&(p=t,c.viewBrand(p)),e!==n.CART?[3,6]:[4,o.cartStore.waitUntilInitialized()];case 5:i.sent(),c.viewCart(o.cartStore.cart),i.label=6;case 6:return[3,8];case 7:return l=i.sent(),console.error(l),[3,8];case 8:return[2]}}))}))}(b,g.pageSpecificData)}),[b,P]);var J=r.useMemo((function(){var e=_.find((function(e){return e.component.isHeader})),t=_.find((function(e){return e.component.isFooter})),o=_.filter((function(e){return!e.component.isHeader&&!e.component.isFooter}))||[];return r.createElement("div",{style:{position:"relative",minHeight:"100vh",display:"flex",flexDirection:"column",justifyContent:"space-between"}},r.createElement("div",null,e&&w(e,E,-1),o.map((function(e,t){return w(e,E,t)}))),t&&w(t,E,-1),r.createElement(y,{key:Date.now()}))}),[_,E]),q=r.useMemo((function(){return l.getMerchantSettings()?new m(l.getMerchantSettings()):null}),[l.getMerchantSettings()]);return r.createElement(r.Fragment,null,r.createElement(u,{pageType:b,pageTitle:S,pageDescription:C,pageSpecificData:g.pageSpecificData,canonicals:D&&D.length>0?D:null,disableIndex:k,merchantSettings:q,addOgpMetas:R,productReviewSummary:V,pageComponentPropValues:_}),J)})),w=function(e,t,o){return r.createElement(f,{key:e.pageComponent.id,index:o,pageComponentPropValue:e,settings:t})};export{h as IkasPage,w as renderComponent};
|
|
1
|
+
import{__assign as t,__spreadArray as e,__awaiter as o,__generator as r}from'./../../ext/tslib/tslib.es6.js';import*as i from"react";import{observer as n}from"mobx-react-lite";import{useRouter as a}from"next/router.js";import"../../models/data/blog/category/index.js";import"../../models/data/blog/content/index.js";import"../../models/data/blog/meta-data/index.js";import"../../models/data/blog/tag/index.js";import"../../models/data/blog/index.js";import"../../models/data/brand/index.js";import{IkasThemeJsonPageType as s}from"@ikas/storefront-models";import"mobx";import"../../models/data/campaign-offer/index.js";import"../../models/data/cart/campaign-offer/index.js";import"../../models/data/cart/index.js";import"../../models/data/category/path-item/index.js";import"../../models/data/category/index.js";import"../../models/data/checkout/index.js";import"../../models/data/checkout-settings/index.js";import"../../models/data/city/index.js";import"../../models/data/country/index.js";import"../../models/data/customer/address/region/index.js";import"../../models/data/customer/address/index.js";import"../../models/data/customer/address/ikas-localized-customer-address.js";import"../../models/data/customer/attribute/index.js";import"../../models/data/customer/review/summary/index.js";import"../../models/data/customer/review/index.js";import"../../models/data/customer/index.js";import"../../models/data/customer-form-data-input/index.js";import"../../models/data/district/index.js";import"../../models/data/favorite-product/index.js";import"../../models/data/filter-category/index.js";import"../../models/data/html-meta-data/index.js";import"../../models/data/image/index.js";import{IkasMerchantSettings as d}from"../../models/data/merchant-settings/index.js";import"../../models/data/order/address/region/index.js";import"../../models/data/order/address/index.js";import"../../models/data/order/line-item/option/value/index.js";import"../../models/data/order/line-item/variant/value/index.js";import"../../models/data/order/line-item/variant/index.js";import"../../models/data/order/line-item/index.js";import"../../models/data/order/order-transaction-with-prices/index.js";import"../../models/data/order/package/index.js";import"../../models/data/order/transaction/index.js";import"../../models/data/order/index.js";import"../../models/data/payment-gateway/index.js";import"../../models/data/product/attribute-value/index.js";import"../../models/data/product/filter/index.js";import"../../models/data/product/campaign-offer/index.js";import"../../models/data/product/option-set/option/index.js";import"../../models/data/product/option-set/index.js";import"../../models/data/product/stock-location/index.js";import"../../models/data/product/variant/price/index.js";import"../../models/data/product/variant/index.js";import"../../models/data/variant-type/index.js";import"../../models/data/product/index.js";import"../../models/data/raffle/index.js";import"../../models/data/shipping-zone/state/city/district/region/index.js";import"../../models/data/state/index.js";import"../../models/data/storefront-popup/storefront-popup-display-filter/index.js";import"../../models/data/storefront-popup/storefront-popup-display-settings/index.js";import"../../models/data/storefront-popup/storefront-popup-page-filter/index.js";import"../../models/data/storefront-popup/index.js";import"../../models/data/theme-json/index.js";import"../../models/data/theme-json/component/index.js";import{IkasThemeJsonCustomData as u}from"../../models/data/theme-json/custom-data/index.js";import"../../models/data/variant-type/variant-value/index.js";import"@ikas/localized-address";import"../../models/ui/blog-list/index.js";import"../../models/ui/blog-category-list/index.js";import"../../models/ui/brand-list/index.js";import"../../models/ui/category-list/index.js";import"../../models/ui/product-list/index.js";import"../../models/ui/product-attribute-detail/index.js";import"../../models/ui/product-attribute-list/index.js";import"../../models/ui/customer-review-list/index.js";import"../../models/ui/customer-review-summary-list/index.js";import"../../models/ui/validator/index.js";import"../../models/ui/validator/rules/index.js";import"../../models/ui/validator/form/login.js";import"../../models/ui/validator/form/address.js";import"../../models/ui/validator/form/ikas-address.js";import"../../models/ui/validator/form/register.js";import"../../models/ui/validator/form/contact-form.js";import"../../models/ui/validator/form/forgot-password.js";import"../../models/ui/validator/form/recover-password.js";import"../../models/ui/validator/form/account-info.js";import"../../models/ui/validator/form/raffle-form.js";import"../../models/ui/validator/form/customer-review.js";import"../../models/ui/raffle-list/index.js";import{IkasStorefrontConfig as m}from"@ikas/storefront-config";import{Analytics as l}from"../../analytics/analytics.js";import"../../analytics/head/index.js";import{IkasPageHead as c}from"./head.js";import{ThemeComponent as p}from"./ThemeComponent.js";import{IkasBaseStore as f}from"../../store/base.js";import"../../store/customer/index.js";import"../../store/cart/index.js";import{initIkasEvents as v}from"../../analytics/events.js";import{IkasPageDataInit as g}from"../../page-data-init/index.js";import{setAPIClientConfig as j,listStorefrontPopup as x}from"@ikas/storefront-api";import{getPopupProducts as h}from"../popup/utils/index.js";import w from"../../store/product/index.js";var y=function(t,e){return o(void 0,void 0,void 0,(function(){var o,i,n,a,s,d,u,l,c,p,f;return r(this,(function(r){switch(r.label){case 0:return o={popups:t,callbacks:e},[4,function(){return new Promise((function(t){var e=setInterval((function(){var o=m.getSessionId();o&&(clearInterval(e),t(o))}),100)}))}()];case 1:return r.sent(),(i=m.getSessionId())&&(o.sessionId=i),(n=m.getCdnUrl())&&(o.cdnUrl=n),(a=null===(c=m.getMerchantSettings())||void 0===c?void 0:c.merchantId)&&(o.merchantId=a),v=m.getDomain(),(s=v?v.startsWith("http")?v:"https://".concat(v):"undefined"!=typeof window?window.location.origin:void 0)&&(o.storeUrl=s),(d=m.getCustomerToken())&&(o.customerToken=d),(u=m.getCurrentLocale())&&(o.locale=u),(l=null===(f=null===(p=m.getCurrentRouting())||void 0===p?void 0:p.countryCodes)||void 0===f?void 0:f[0])&&(o.countryCode=l),[2,o]}var v}))}))},b=n((function(n){var p=n.propValues,b=n.themeJsonComponents,P=n.customDataList,C=n.pageType,k=n.pageTitle,I=n.pageDescription,D=n.pageSpecificData,E=n.canonicals,T=n.disableIndex,M=n.settings,F=n.configJson,L=n.reInitOnBrowser,R=n.addOgpMetas,V=n.components,N=n.productReviewSummary,O=a(),U=i.useState(),W=U[0],A=U[1];m.init(t(t({},F),{currentPageComponents:V,loginRequiredCallback:function(){O.push("/account/login")}})),f.getInstance().router=O,j();var B=f.getInstance();B.router=O,B.currentPageType=C;var z=i.useRef(new Map),H=i.useState(!1),J=H[0],_=H[1],q=i.useMemo((function(){return(null==W?void 0:W.id)===(null==D?void 0:D.id)&&g.pageSpecificData&&g.isBrowser?C===s.PRODUCT&&g._initProductOnBrowser(g.pageSpecificData):g.setPageSpecificData(D,C,J),g.initPagePropValues(p,b,P.map((function(t){return new u(t)})),M,J)}),e(e([],C!==s.SEARCH?[J]:[],!0),[p,C,M,D,b],!1));i.useEffect((function(){L&&_("undefined"!=typeof window),window.addToCart=B.cartStore._windowAddToCart,B.cartStore.getCart(),B.checkLocalization(),v()}),[]),i.useEffect((function(){D?(null==W?void 0:W.id)!==D.id&&A(D):A(null)}),[D]),i.useEffect((function(){var t=function(){B.customerStore.routeChangeInit()};return O.events.on("routeChangeStart",t),function(){O.events.off("routeChangeStart",t)}}),[]),i.useEffect((function(){!function(t,e){var i,n;o(this,void 0,void 0,(function(){var o,a,d,u,m,c;return r(this,(function(r){switch(r.label){case 0:return o=f.getInstance(),[4,l.pageView(t)];case 1:r.sent(),r.label=2;case 2:return r.trys.push([2,7,,8]),t!==s.PRODUCT?[3,4]:(a=e,[4,l.productView(a)]);case 3:r.sent(),o.customerStore.onProductView(a.id,a.selectedVariant.id),r.label=4;case 4:return t===s.CATEGORY&&(u=null===(i=(d=e).categoryPathItems)||void 0===i?void 0:i.map((function(t){return t.name})).join(" > "),u=d.categoryPathItems&&(null===(n=d.categoryPathItems)||void 0===n?void 0:n.length)>0?u+" > "+d.name:d.name,l.viewCategory(u,d)),t===s.BRAND&&(m=e,l.viewBrand(m)),t!==s.CART?[3,6]:[4,o.cartStore.waitUntilInitialized()];case 5:r.sent(),l.viewCart(o.cartStore.cart),r.label=6;case 6:return[3,8];case 7:return c=r.sent(),console.error(c),[3,8];case 8:return[2]}}))}))}(C,g.pageSpecificData)}),[C,D]),i.useEffect((function(){if("undefined"!=typeof window&&"undefined"!=typeof document){var e,i=!1,n=function(t,e){if(function(t){t.setAttribute("data-ikas-popup-widget","true"),!t.dataset.ikasPopupWidgetUrl&&t.src&&(t.dataset.ikasPopupWidgetUrl=t.src)}(t),"true"===t.dataset.ikasPopupWidgetLoaded)return e(),function(){};var o=function(){t.dataset.ikasPopupWidgetLoaded="true",e()},r=function(e){console.error("[@ikas/storefront] Failed to load popup widget script",t.src,e)};return t.addEventListener("load",o,{once:!0}),t.addEventListener("error",r,{once:!0}),function(){t.removeEventListener("load",o),t.removeEventListener("error",r)}};return o(void 0,void 0,void 0,(function(){var a,s,d,u,l,c,p,f,v,g;return r(this,(function(j){switch(j.label){case 0:return a=m.getStorefrontPopups()||[],[4,(b=a,o(void 0,void 0,void 0,(function(){var e,o,i,n,a;return r(this,(function(r){switch(r.label){case 0:if(!(e=b.map((function(t){return t.id})).filter(Boolean)).length)return[2,b];r.label=1;case 1:return r.trys.push([1,3,,4]),[4,x({idList:e})];case 2:return(null==(o=r.sent())?void 0:o.isSuccess)&&(null===(a=o.data)||void 0===a?void 0:a.length)?(i=new Map(o.data.filter((function(t){return!!(null==t?void 0:t.id)})).map((function(t){return[t.id,t]}))),[2,b.map((function(e){var o=i.get(e.id);return o?t(t({},o),{isFilteredOnServerSide:e.isFilteredOnServerSide}):e}))]):[3,4];case 3:return n=r.sent(),console.error("[@ikas/storefront] Failed to fetch popup details",n),[3,4];case 4:return[2,b]}}))})))];case 1:return s=j.sent(),(d=z.current).clear(),u=new Map,i?[2]:(l=function(t,e,i){var n=this,a=function(t){return!!t.url&&(window.location.href=t.url,!0)},s=function(e,s){return o(n,void 0,void 0,(function(){var e,o,n,d,u,m,l;return r(this,(function(r){switch(r.label){case 0:if(!(null==s?void 0:s.productId)||!(null==s?void 0:s.variantId))return[2,a(s)];if(e=t.get(s.productId))return[3,4];r.label=1;case 1:return r.trys.push([1,3,,4]),[4,w.searchProducts({input:{productIdList:[s.productId],page:1,perPage:1}})];case 2:return(o=r.sent()).isSuccess&&(null===(l=null===(m=o.data)||void 0===m?void 0:m.data)||void 0===l?void 0:l.length)&&(e=o.data.data[0],t.set(e.id,e)),[3,4];case 3:return n=r.sent(),console.error("[@ikas/storefront] Failed to fetch product for popup",n),[3,4];case 4:return e&&(d=e.variants.find((function(t){return t.id===s.variantId})))?(e.selectedVariantValues=d.variantValues.slice(),[4,i.cartStore.addItem(d,e)]):[2,a(s)];case 5:return(null==(u=r.sent())?void 0:u.success)?[2,!0]:[2,a(s)]}}))}))},d=function(t,e){return o(n,void 0,void 0,(function(){var o,n,a,s,d;return r(this,(function(r){switch(r.label){case 0:o=i.customerStore,n=o.customer,(a=(null==n?void 0:n.email)||e.email||"")||(s="".concat(e.firstName||"").concat(e.lastName||"").trim())&&(a=s),r.label=1;case 1:return r.trys.push([1,3,,4]),[4,o.saveCustomerFormData({email:a,firstName:e.firstName||(null==n?void 0:n.firstName)||"",lastName:e.lastName||(null==n?void 0:n.lastName)||"",birthDate:e.birthday||(null==n?void 0:n.birthDate)||"",phone:e.phone||(null==n?void 0:n.phone)||"",storefrontPopupId:t,subscriptions:{email:!!e.hasPermission,phone:!!e.hasPermission,sms:!!e.hasPermission}})];case 2:return r.sent(),[3,4];case 3:return d=r.sent(),console.error("[@ikas/storefront] Failed to save popup customer form data",d),[3,4];case 4:return[2]}}))}))},u=function(i){return o(n,void 0,void 0,(function(){var o,n,a,s,d;return r(this,(function(r){switch(r.label){case 0:if(!i.contentJson)return[2,{}];if(o=e.get(i.id))return[2,o];r.label=1;case 1:return r.trys.push([1,3,,4]),[4,h(i.contentJson,m.getCdnUrl()||"",(null===(d=m.getMerchantSettings())||void 0===d?void 0:d.merchantId)||"",m.getPriceListId())];case 2:return n=r.sent(),a=n.totalProducts,n.ikasProducts.forEach((function(e){(null==e?void 0:e.id)&&t.set(e.id,e)})),e.set(i.id,a),[2,a];case 3:return s=r.sent(),console.error("[@ikas/storefront] Failed to fetch popup products",s),[2,{}];case 4:return[2]}}))}))};return{addProductToCart:s,onCustomerSave:d,getPopupProducts:u}}(d,u,B),[4,y(s,l)]);case 2:return c=j.sent(),window.ikasPopupConfig=c,(p=window.location.href.includes("http://localhost:3333/")?"http://localhost:9000/popup-widget.iife.js":"/sf/assets/popup/popup-script-injector.iife.js")?(f=function(){i||function(t){if("function"==typeof window.startIkasPopupWidget)try{window.startIkasPopupWidget(t)}catch(t){console.error("[@ikas/storefront] Failed to start popup widget",t)}}(c)},(v=document.querySelector('script[data-ikas-popup-widget="true"]'))?(e=n(v,f),[2]):((g=document.createElement("script")).src=p,g.defer=!0,e=n(g,f),document.body.appendChild(g),[2])):[2]}var b}))})),function(){i=!0,null==e||e()}}}),[O.asPath,C,null==D?void 0:D.id]);var G=i.useMemo((function(){var t=q.find((function(t){return t.component.isHeader})),e=q.find((function(t){return t.component.isFooter})),o=q.filter((function(t){return!t.component.isHeader&&!t.component.isFooter}))||[];return i.createElement("div",{style:{position:"relative",minHeight:"100vh",display:"flex",flexDirection:"column",justifyContent:"space-between"}},i.createElement("div",null,t&&S(t,M,-1),o.map((function(t,e){return S(t,M,e)}))),e&&S(e,M,-1))}),[q,M]),Y=i.useMemo((function(){return m.getMerchantSettings()?new d(m.getMerchantSettings()):null}),[m.getMerchantSettings()]);return i.createElement(i.Fragment,null,i.createElement(c,{pageType:C,pageTitle:k,pageDescription:I,pageSpecificData:g.pageSpecificData,canonicals:E&&E.length>0?E:null,disableIndex:T,merchantSettings:Y,addOgpMetas:R,productReviewSummary:N,pageComponentPropValues:q}),G)})),S=function(t,e,o){return i.createElement(p,{key:t.pageComponent.id,index:o,pageComponentPropValue:t,settings:e})};export{b as IkasPage,S as renderComponent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{__awaiter as e,__generator as r,__assign as o}from'./../../../ext/tslib/tslib.es6.js';import{IkasStorefrontConfig as d}from"@ikas/storefront-config";import"lodash/throttle";import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/components/index.js';import{getPopupDynamicData as n}from'./../../../ext/@ikas/popup-renderer/build/popup-renderer/helpers/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/settings/index.js';import"mobx";import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/settings/visibility-condition/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/teaser/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/index.js';import{PopupElementTypeEnum as t}from'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/base/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/button/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/divider/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/form/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/form/checkbox/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/form/customer-attribute/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/form/customer-gender/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/image/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/image-column/index.js';import{ProductListTypeEnum as s,PopupProduct as i,MAX_PRODUCT_COUNT as p}from'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/product/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/product/detail-settings/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/social/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/space/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/text/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/background-settings/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/close-settings/index.js';import{SortByDirectionEnum as u}from"@ikas/storefront-api";import l from"../../../store/product/index.js";import{IkasBaseStore as a}from"../../../store/base.js";import"../../../store/customer/index.js";import"../../../store/cart/index.js";function m(m,c,f,g){var v,b,_,x;return e(this,void 0,void 0,(function(){var e,g,j,k,h,I,P,E;return r(this,(function(T){switch(T.label){case 0:e={},g=[],j=[],m.modal.steps.forEach((function(e){e.elements.forEach((function(e){e.type===t.PRODUCT_LIST&&j.push(e)}))})),k=n(m),h=function(n){var t,j,h,I,P,E,T,y,C,L,S,D;return r(this,(function(r){switch(r.label){case 0:switch(t={input:{}},j=n.sortType.includes("ASC")?u.ASC:u.DESC,h=n.sortType.replace("ASC_","").replace("DESC_",""),I={direction:j,type:h},P=[],n.listType){case s.ALL:case s.LAST_VIEWED:return[3,1];case s.SPECIFIC:return[3,4];case s.CATEGORY:return[3,5]}return[3,6];case 1:return E=[],n.listType!==s.LAST_VIEWED?[3,3]:[4,a.getInstance().customerStore.getLastViewedProducts()];case 2:P=r.sent(),E=P.map((function(e){return e.productId})),r.label=3;case 3:return t.input={page:1,perPage:p,order:I?[I]:void 0,productIdList:E},[3,6];case 4:return(T=n.variantPairs||[]).length&&(y=T.map((function(e){return e.productId})),t.input={productIdList:y,page:1,perPage:p,order:I?[I]:void 0}),[3,6];case 5:return C=n.categoryId,t.input={categoryIdList:C?[C]:void 0,page:1,perPage:p,order:I?[I]:void 0},[3,6];case 6:return n.listType!==s.CATEGORY||(null===(v=t.input.categoryIdList)||void 0===v?void 0:v.length)?[4,l.searchProducts({input:o(o({},t.input),{priceListId:d.getPriceListId(),salesChannelId:d.getSalesChannelId()})})]:[2,"continue"];case 7:return(L=r.sent())&&L.isSuccess&&(null===(_=null===(b=L.data)||void 0===b?void 0:b.data)||void 0===_?void 0:_.length)&&(null==(S=null===(x=L.data)||void 0===x?void 0:x.data)?void 0:S.length)&&(D=[],S.forEach((function(e){var r,o,d;if(n.listType===s.SPECIFIC){var t=k.variantPairs.filter((function(e){return e.productListElementId===n.id}));(a=e.variants.find((function(r){return t.some((function(o){return o.productId===e.id&&o.variantId===r.id}))})))&&(d=[a])}else if(n.listType===s.LAST_VIEWED&&P.length){var p=P.find((function(r){return r.productId===e.id}));if(p)(a=e.variants.find((function(e){return e.id===p.variantId})))&&(d=[a])}else d=(null==e?void 0:e.variants[0])?[e.variants[0]]:[];for(var u=0,l=d||[];u<l.length;u++){var a;if((a=l[u])&&e){var v=(null===(r=a.images)||void 0===r?void 0:r.length)?a.images[0]:null;D.push(new i({productId:e.id,variantId:a.id,name:e.name,price:a.formattedSellPrice,discountPrice:a.hasDiscount?a.formattedDiscountPrice:null,discountRatio:a.discountPercentage?a.discountPercentage:null,imageURL:v?"".concat(c,"images/").concat(f,"/").concat(v.imageId):null,url:"".concat(m.storeUrl,"/").concat(null===(o=e.metaData)||void 0===o?void 0:o.slug)})),g.find((function(r){return r.id===e.id}))||g.push(e)}}})),e[n.id]=D),[2]}}))},I=0,P=j,T.label=1;case 1:return I<P.length?(E=P[I],[5,h(E)]):[3,4];case 2:T.sent(),T.label=3;case 3:return I++,[3,1];case 4:return[2,{totalProducts:e,ikasProducts:g}]}}))}))}export{m as getPopupProducts};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import{observer as t}from"../../../../../mobx-react/dist/mobxreact.esm.js";import{PopupTypeEnum as o,PopupPositonEnum as n}from"../models/modal/index.js";import i from"../assets/x-close.js";import{CloseButtonPositionTypeEnum as r,CloseIconTypeEnum as s,CloseButtonDisplayTypeEnum as l}from"../models/modal/close-settings/index.js";import{PopupElementTypeEnum as a,ComponentVerticalAlignmentEnum as d}from"../models/modal/step/elements/base/index.js";import c from"./text-element-renderer/index.js";import m from"./button-element-renderer/index.js";import p from"./space-element-renderer/index.js";import u from"./divider-element-renderer/index.js";import f from"./social-element-renderer/index.js";import P from"./image-element-renderer/index.js";import E from"./image-column-element-renderer/index.js";import x from"./product-list-renderer/index.js";import v from"./form-element-renderer/index.js";import{ImageColumnPositionEnum as g,MobileImageColumnPositionEnum as y}from"../models/modal/step/elements/image-column/index.js";
|
|
1
|
+
import e from"react";import{observer as t}from"../../../../../mobx-react/dist/mobxreact.esm.js";import{PopupTypeEnum as o,PopupPositonEnum as n}from"../models/modal/index.js";import i from"../assets/x-close.js";import{CloseButtonPositionTypeEnum as r,CloseIconTypeEnum as s,CloseButtonDisplayTypeEnum as l}from"../models/modal/close-settings/index.js";import{PopupElementTypeEnum as a,ComponentVerticalAlignmentEnum as d}from"../models/modal/step/elements/base/index.js";import c from"./text-element-renderer/index.js";import m from"./button-element-renderer/index.js";import p from"./space-element-renderer/index.js";import u from"./divider-element-renderer/index.js";import f from"./social-element-renderer/index.js";import P from"./image-element-renderer/index.js";import E from"./image-column-element-renderer/index.js";import x from"./product-list-renderer/index.js";import v from"./form-element-renderer/index.js";import{ImageColumnPositionEnum as g,MobileImageColumnPositionEnum as y}from"../models/modal/step/elements/image-column/index.js";t((function(t){var T,b,C,O,I=t.popup,_=t.dynamicData,h=t.dashboardComponents,M=t.previewMode,w=t.sfProps,S=t.isMobile,A=e.useState(!1),D=A[0],R=A[1];e.useEffect((function(){return function(){document.body.style.overflow="auto"}}),[]);var k=I.modal,N=k.teaser,j=!!k.selectedStep.isTeaser,B=k.selectedStep.elements.find((function(e){return e.type===a.IMAGE_COLUMN})),L=j?N.backgroundSettings:k.backgroundSettings,U=j?N.windowSettings:k.windowSettings,H=j?N.closeSettings:k.closeSettings,W=L.allowScrollingWhenPopupOpen,F=I.isPreviewMode||M,V=!!F||k.isVisible;document.body.style.overflow=V&&!W?"hidden":"auto";var G=L.overlay,z=L.border,K="center",X="center";switch(j?o.POPUP:k.type){case o.POPUP:var Y=j?N.position:k.position;Y===n.POPUP_TOP_LEFT?(K="flex-start",X="flex-start"):Y===n.POPUP_TOP_CENTER?(K="center",X="flex-start"):Y===n.POPUP_TOP_RIGHT?(K="flex-end",X="flex-start"):Y===n.POPUP_MIDDLE_LEFT?(K="flex-start",X="center"):Y===n.POPUP_MIDDLE_CENTER?(K="center",X="center"):Y===n.POPUP_MIDDLE_RIGHT?(K="flex-end",X="center"):Y===n.POPUP_BOTTOM_LEFT?(K="flex-start",X="flex-end"):Y===n.POPUP_BOTTOM_CENTER?(K="center",X="flex-end"):Y===n.POPUP_BOTTOM_RIGHT&&(K="flex-end",X="flex-end");break;case o.DRAWER:k.position===n.DRAWER_LEFT?(K="flex-start",X="center"):k.position===n.DRAWER_RIGHT&&(K="flex-end",X="center");break;case o.NOTIFICATION_BAR:k.position===n.NOTIFICATION_BAR_UP?(K="center",X="flex-start"):k.position===n.NOTIFICATION_BAR_DOWN&&(K="center",X="flex-end")}var q=e.useMemo((function(){return 2147483644}),[]),J=e.useMemo((function(){return q+1}),[]),Q=e.useMemo((function(){return J+1}),[]),Z=e.useMemo((function(){return Q+1}),[]),$={position:"fixed",display:"flex",justifyContent:K,alignItems:X,top:0,left:0,right:0,bottom:0,zIndex:q,overflow:"hidden",padding:"".concat(U.outerVerticalPadding,"px ").concat(U.outerHorizontalPadding,"px"),opacity:V?1:0,visibility:V?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},ee={position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:J,backgroundColor:G?G.bgColor:"",opacity:G?(G.bgOpacity||100)/100:void 0},te={position:"relative",zIndex:Q,backgroundColor:L.bgColor,border:z?"".concat(z.borderWidth,"px ").concat(z.borderStyle," ").concat(z.borderColor):"",borderRadius:"".concat(U.borderRadius,"px"),maxWidth:"100%",maxHeight:"100%",width:U.takeFullWidth?"100%":void 0,minHeight:U.minHeight,height:U.takeFullHeight?"100%":void 0,boxShadow:L.shadow?"0 0 10px ".concat(L.shadow.color):"",overflow:"auto",opacity:V?1:0,visibility:V?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},oe="";switch(null==B?void 0:B.verticalAlignment){case d.BOTTOM:oe="flex-end";break;case d.MIDDLE:oe="center";break;case d.TOP:oe="flex-start"}var ne=B?B.imagePosition===g.LEFT_ALIGN?"row-reverse":"row":"",ie=B?B.mobilePosition===y.TOP?"column-reverse":"column":"",re={display:"flex",flexDirection:B?S?ie:ne:"column",overflow:"hidden"},se={width:U.takeFullWidth?"100%":U.maxWidth,maxWidth:"100%",overflow:"auto",display:"flex",flexDirection:"column",justifyContent:oe,padding:"".concat(U.innerVerticalPadding,"px ").concat(U.innerHorizontalPadding,"px")},le={position:H.closeButtonPositionType===r.TAKE_SPACE?"relative":"absolute",float:H.closeButtonPositionType===r.TAKE_SPACE?"right":"none",top:8,right:8,zIndex:Z},ae={position:"sticky",padding:"6px",marginLeft:H.closeButtonPositionType===r.TAKE_SPACE?"14px":void 0,display:"flex",justifyContent:"center",alignItems:"center",border:(null===(T=H.iconSettings)||void 0===T?void 0:T.type)===s.WITH_BORDER?"1px solid ".concat(null===(b=H.iconSettings)||void 0===b?void 0:b.color):"",borderRadius:"50%",backgroundColor:null===(C=H.iconSettings)||void 0===C?void 0:C.backgroundColor},de={color:null===(O=H.iconSettings)||void 0===O?void 0:O.color,cursor:"pointer"},ce=function(t){var o=t.type,n=h&&h[o]&&h[o].length?h[o][0]:null,i=n&&I.marketingPopupViewModel?e.createElement(n,{element:t,marketingPopupViewModel:I.marketingPopupViewModel}):void 0;switch(o){case a.TEXT:return e.createElement(c,{element:t});case a.IMAGE:return e.createElement(P,{element:t,popup:I,editModeChildren:i});case a.IMAGE_COLUMN:return S&&B.mobilePosition===y.HIDE?null:e.createElement(E,{element:t,popup:I,editModeChildren:i,isMobile:S});case a.BUTTON:return e.createElement(m,{element:t,onClose:me,isStandaloneButtonComponent:!0});case a.DIVIDER:return e.createElement(u,{element:t});case a.FORM:return e.createElement(v,{element:t,popup:I,isPreviewMode:!!F,sfProps:w,setIsCustomerSaved:R});case a.PRODUCT_LIST:return e.createElement(x,{element:t,products:_.products[t.id],popup:I,editModeChildren:i,isPreviewMode:!!F,sfProps:w,onClose:me});case a.SOCIAL_MEDIA:return e.createElement(f,{element:t,popup:I,editModeChildren:i});case a.SPACE:return e.createElement(p,{element:t})}},me=function(e){if(!F&&k.isVisible){var t=D||e;k.isVisible=!1,w&&w.onModalClose(t),R(!1)}};return e.createElement("div",{className:"ikas-popup-default-styles",id:"ikas-popup-container",style:$},e.createElement("div",{style:te},H.closeButtonDisplayType!==l.ALWAYS_HIDDEN&&e.createElement("div",{style:le,onClick:function(){return me()}},e.createElement("div",{style:ae,className:H.closeButtonDisplayType===l.VISIBLE_ON_HOVER?"visible-on-hover":""},e.createElement(i,{style:de}))),e.createElement("div",{style:re,onClick:function(e){j&&(k.selectedStep=k.steps[0])}},e.createElement("div",{style:se},k.selectedStep.elements.filter((function(e){return e.type!==a.IMAGE_COLUMN})).slice().sort((function(e,t){return e.order-t.order})).map((function(e){return ce(e)}))),B&&ce(B))),e.createElement("div",{style:ee,onClick:function(){return me()}}))}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ikas/storefront",
|
|
3
|
-
"version": "6.1.0-beta.
|
|
3
|
+
"version": "6.1.0-beta.156",
|
|
4
4
|
"description": "Storefront functionality for ikas storefront themes.",
|
|
5
5
|
"author": "ikas",
|
|
6
6
|
"license": "ISC",
|
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
"swiper": "11.0.6"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@ikas/storefront-api": "^6.1.0-beta.
|
|
25
|
-
"@ikas/storefront-config": "^6.1.0-beta.
|
|
26
|
-
"@ikas/storefront-model-functions": "^6.1.0-beta.
|
|
27
|
-
"@ikas/storefront-models": "^6.1.0-beta.
|
|
28
|
-
"@ikas/storefront-providers": "^6.1.0-beta.
|
|
24
|
+
"@ikas/storefront-api": "^6.1.0-beta.156",
|
|
25
|
+
"@ikas/storefront-config": "^6.1.0-beta.156",
|
|
26
|
+
"@ikas/storefront-model-functions": "^6.1.0-beta.156",
|
|
27
|
+
"@ikas/storefront-models": "^6.1.0-beta.156",
|
|
28
|
+
"@ikas/storefront-providers": "^6.1.0-beta.156",
|
|
29
29
|
"@ikas/localized-address": "1.0.0-beta.6",
|
|
30
30
|
"@adyen/adyen-web": "^5.57.0",
|
|
31
31
|
"@rollup/plugin-commonjs": "^22.0.0",
|
|
@@ -60,11 +60,11 @@
|
|
|
60
60
|
},
|
|
61
61
|
"peerDependencies": {
|
|
62
62
|
"@ikas/localized-address": "1.0.0-beta.6",
|
|
63
|
-
"@ikas/storefront-api": "^6.1.0-beta.
|
|
64
|
-
"@ikas/storefront-config": "^6.1.0-beta.
|
|
65
|
-
"@ikas/storefront-model-functions": "^6.1.0-beta.
|
|
66
|
-
"@ikas/storefront-models": "^6.1.0-beta.
|
|
67
|
-
"@ikas/storefront-providers": "^6.1.0-beta.
|
|
63
|
+
"@ikas/storefront-api": "^6.1.0-beta.156",
|
|
64
|
+
"@ikas/storefront-config": "^6.1.0-beta.156",
|
|
65
|
+
"@ikas/storefront-model-functions": "^6.1.0-beta.156",
|
|
66
|
+
"@ikas/storefront-models": "^6.1.0-beta.156",
|
|
67
|
+
"@ikas/storefront-providers": "^6.1.0-beta.156",
|
|
68
68
|
"mobx": "^6.1.3",
|
|
69
69
|
"mobx-react-lite": "^3.1.5",
|
|
70
70
|
"next": "12.2.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{__awaiter as e,__generator as t,__spreadArray as r}from'./../../ext/tslib/tslib.es6.js';import*as n from"react";import{observer as i}from"mobx-react-lite";import{IkasStorefrontConfig as o}from"@ikas/storefront-config";import s from"../../hooks/useDimension.js";import l from"./renderer/index.js";import{checkSavedSessionForPopups as u,checkIsPopupSavedToLocalStorage as c}from"./utils/index.js";import{IkasStorefrontPopupPageFilterTypeEnum as a,IkasStorefrontPopupPageFilterDataTypeEnum as d,IkasStorefrontPopupDeviceTypeEnum as p}from"@ikas/storefront-models";var f=i((function(){var i=s().isMobile,f=n.useState([]),m=f[0],v=f[1];return n.useEffect((function(){e(void 0,void 0,void 0,(function(){var e,n,s;return t(this,(function(t){switch(t.label){case 0:return[4,new Promise((function(e){var t=setInterval((function(){var r=o.getSessionId();r&&(clearInterval(t),e(r))}),100)}))];case 1:return t.sent(),u(),e=o.getStorefrontPopups().filter((function(e){var t;if(c(e.id))return!1;var r=[],n=[];if((null===(t=e.pageFilters)||void 0===t?void 0:t.length)&&(n=e.pageFilters.filter((function(e){return e.pageType===a.CUSTOM}))).length){var o=window.location.href;o.includes("http://localhost:3333/")&&(o=o.replace("http://localhost:3333/","https://bundle.myikas.dev/")),n.forEach((function(e){var t;null===(t=e.filters)||void 0===t||t.forEach((function(e){e.type===d.CONTAINS&&o.includes(e.value)?r.push(d.CONTAINS):e.type===d.DOES_NOT_CONTAIN&&o.includes(e.value)?r.push(d.DOES_NOT_CONTAIN):e.type===d.EXACT_MATCH&&o===e.value&&r.push(d.EXACT_MATCH)}))}))}if(r.includes(d.DOES_NOT_CONTAIN))return!1;var s=function(){return i?[p.ALL,p.MOBILE].includes(e.visibleDevice):[p.ALL,p.DESKTOP].includes(e.visibleDevice)};return(r.length||!(!r.length&&!e.isFilteredOnServerSide))&&s()})),n=document.head.querySelector('link[href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"]'),e.length&&!n&&((s=document.createElement("link")).type="text/css",s.rel="stylesheet",s.href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css",document.head.appendChild(s)),v(r([],e,!0)),[2]}}))}))}),[i]),n.createElement(n.Fragment,null,m.map((function(e,t){return n.createElement(l,{storefrontPopup:e,key:e.id})})))}));export{f as PopupListRendererForPage};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{__awaiter as e,__generator as o}from'./../../../ext/tslib/tslib.es6.js';import*as r from"react";import{observer as p}from"mobx-react-lite";import d from"../../../hooks/useDimension.js";import{IkasBaseStore as s}from"../../../store/base.js";import"../../../store/customer/index.js";import"../../../store/cart/index.js";import{IkasStorefrontPopupDisplayTriggerTypeEnum as n}from"../../../models/data/storefront-popup/storefront-popup-display-settings/index.js";import{exitIntent as t}from"../utils/index.js";import{IkasStorefrontPopupRendererViewModel as i}from"./model.js";import"react-date-picker/dist/DatePicker.css";import u from'./../../../ext/@ikas/popup-renderer/build/popup-renderer/components/index.js';import'./../../../ext/@ikas/popup-renderer/build/ext/tslib/tslib.es6.mjs.js';import'./../../../ext/@ikas/popup-renderer/build/ext/libphonenumber-js/es6/PhoneNumberMatcher.js';import'./../../../ext/@ikas/popup-renderer/build/ext/libphonenumber-js/es6/AsYouTypeFormatter.js';import'./../../../ext/@ikas/popup-renderer/build/ext/libphonenumber-js/es6/ParseError.js';import'./../../../ext/@ikas/popup-renderer/build/ext/libphonenumber-js/es6/metadata.js';import'./../../../ext/@ikas/popup-renderer/build/ext/libphonenumber-js/es6/PhoneNumber.js';import'./../../../ext/@ikas/popup-renderer/build/ext/libphonenumber-js/min/exports/PhoneNumberMatcher.js';import'./../../../ext/@ikas/popup-renderer/build/ext/libphonenumber-js/min/exports/AsYouType.js';import'./../../../ext/@ikas/popup-renderer/build/ext/libphonenumber-js/min/exports/Metadata.js';import'./../../../ext/@ikas/popup-renderer/build/ext/libphonenumber-js/es6/findNumbers/isValidCandidate.js';import'./../../../ext/@ikas/popup-renderer/build/ext/libphonenumber-js/index.es6.exports/PhoneNumberSearch.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/base/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/settings/index.js';import"mobx";import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/settings/visibility-condition/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/teaser/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/button/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/divider/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/form/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/form/checkbox/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/form/customer-attribute/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/form/customer-gender/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/image/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/image-column/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/product/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/product/detail-settings/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/social/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/space/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/text/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/background-settings/index.js';import'./../../../ext/@ikas/popup-renderer/build/popup-renderer/models/modal/close-settings/index.js';import{IkasStorefrontConfig as m}from"@ikas/storefront-config";var l=p((function(p){var l=p.storefrontPopup,a=r.useState((function(){return new i({},l)}))[0],b=d().isMobile;r.useEffect((function(){e(void 0,void 0,void 0,(function(){var e,r;return o(this,(function(o){switch(o.label){case 0:return[4,a.init()];case 1:if(o.sent(),!a.storefrontPopupData)return[2];if(!a.isModalClosedByUser){if((e=a.storefrontPopupData.displaySettings.triggerType)===n.SCROLL_DOWN)return window.addEventListener("scroll",a.handleScroll),[2,function(){window.removeEventListener("scroll",a.handleScroll)}];if(e===n.EXIT_INTENT)return r=t({onExitIntent:function(){a.openModal()}}),[2,function(){r()}]}return[2]}}))}))}),[]);var c=r.useCallback((function(r){return e(void 0,void 0,void 0,(function(){return o(this,(function(e){switch(e.label){case 0:return[4,a.addProductToCart(r)];case 1:return[2,e.sent()]}}))}))}),[]);return a.storefrontPopupData&&a.storefrontPopupData.contentJson&&!a.isLoading?r.createElement(u,{key:a.storefrontPopupData.id,popup:a.storefrontPopupData.contentJson,dynamicData:{products:a.popupProducts},sfProps:{onModalClose:a.onModalClose,onCustomerSave:a.onCustomerFormDataSave,isCustomerLoggedIn:a.isCustomerLoggedIn,currentCountryCode:s.getInstance().currentCountryCode||void 0,addProductToCart:c,currentLocale:m.getCurrentLocale()},isMobile:b}):null}));export{l as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{__awaiter as t,__generator as o}from'./../../../ext/tslib/tslib.es6.js';import{IkasStorefrontConfig as e}from"@ikas/storefront-config";import{makeObservable as r,observable as s,action as i,computed as n}from"mobx";import a from"../../../store/storefront-popup/index.js";import{IkasStorefrontPopup as p}from"../../../models/data/storefront-popup/index.js";import{addPopupToLocalStorage as u,getPopupsFromLocalStorage as d,getPopupProducts as l}from"../utils/index.js";import{IkasStorefrontPopupDisplayFrequencyEnum as c,IkasStorefrontPopupDisplayTriggerTypeEnum as f}from"../../../models/data/storefront-popup/storefront-popup-display-settings/index.js";import{IkasBaseStore as h}from"../../../store/base.js";import"../../../store/customer/index.js";import"../../../store/cart/index.js";import{Analytics as m}from"../../../analytics/analytics.js";import"../../../analytics/head/index.js";var P=function(){function P(t,o){this.isLoading=t.isLoading||!0,this.storefrontPopup=o,this.storefrontPopupData=t.storefrontPopupData||null,this.popupProducts=t.popupProducts||{},this.isModalClosedByUser=t.isModalClosedByUser||!1,this.ikasProducts=t.ikasProducts||[],r(this,{isLoading:s,storefrontPopup:s,storefrontPopupData:s,popupProducts:s,isModalClosedByUser:s,ikasProducts:s,getStorefrontPopup:i.bound,getStorefrontPopupProducts:i.bound,openModal:i.bound,onModalClose:i.bound,init:i.bound,initTeaser:i.bound,checkDeviceType:i.bound,initTriggerType:i.bound,handleScroll:i.bound,onCustomerFormDataSave:i.bound,isCustomerLoggedIn:n})}return P.prototype.init=function(){return t(this,void 0,void 0,(function(){return o(this,(function(t){switch(t.label){case 0:return[4,this.getStorefrontPopup()];case 1:return t.sent(),[4,this.getStorefrontPopupProducts()];case 2:return t.sent(),this.initTeaser(),this.checkDeviceType(),this.initTriggerType(),this.isLoading=!1,[2]}}))}))},P.prototype.getStorefrontPopup=function(){var r,s;return t(this,void 0,void 0,(function(){var t,i,n;return o(this,(function(o){switch(o.label){case 0:return[4,a.listStorefrontPopup({idList:[this.storefrontPopup.id]})];case 1:return t=o.sent(),(null===(s=null===(r=t.data)||void 0===r?void 0:r.data)||void 0===s?void 0:s.length)&&(this.storefrontPopupData=new p(t.data.data[0]),i=d(),n=e.getSessionId(),i&&n&&i[n]&&this.storefrontPopupData.displaySettings.frequency===c.ONCE_PER_SESSION&&i[n].includes(this.storefrontPopup.id)&&(this.isModalClosedByUser=!0)),[2]}}))}))},P.prototype.getStorefrontPopupProducts=function(){var r,s;return t(this,void 0,void 0,(function(){var t,i,n;return o(this,(function(o){switch(o.label){case 0:return(null===(r=this.storefrontPopupData)||void 0===r?void 0:r.contentJson)?[4,l(this.storefrontPopupData.contentJson,e.getCdnUrl()||"",(null===(s=e.getMerchantSettings())||void 0===s?void 0:s.merchantId)||"",e.getPriceListId())]:[2];case 1:return t=o.sent(),i=t.totalProducts,n=t.ikasProducts,this.popupProducts=i,this.ikasProducts=n,[2]}}))}))},P.prototype.addProductToCart=function(e){return t(this,void 0,void 0,(function(){var t,r,s,i;return o(this,(function(o){switch(o.label){case 0:return t=this.ikasProducts.find((function(t){return t.id===e.productId})),r=null==t?void 0:t.variants.find((function(t){return t.id===e.variantId})),s=void 0,((null==t?void 0:t.hasVariant)||(null==t?void 0:t.productOptionSetId))&&e.url&&((i=document.createElement("a")).href=e.url,i.target="_self",i.click()),t&&r?[4,h.getInstance().cartStore.addItem(r,t)]:[3,2];case 1:s=o.sent(),o.label=2;case 2:return[2,!!(null==s?void 0:s.success)]}}))}))},P.prototype.openModal=function(){var t;(null===(t=this.storefrontPopupData)||void 0===t?void 0:t.contentJson)&&!this.storefrontPopupData.contentJson.modal.isVisible&&(this.isModalClosedByUser||(this.storefrontPopupData.contentJson.modal.isVisible=!0,m.viewStorefrontPopup(this.storefrontPopup)))},P.prototype.onModalClose=function(t){(this.isModalClosedByUser=!0,this.storefrontPopupData)&&((this.storefrontPopupData.displaySettings.frequency===c.ONCE_PER_SESSION||t)&&u(this.storefrontPopup.id))},P.prototype.onCustomerFormDataSave=function(e){return t(this,void 0,void 0,(function(){var t,r,s,i;return o(this,(function(o){switch(o.label){case 0:return t=h.getInstance(),r=t.customerStore,s=r.customer,i="",i=s&&s.email?s.email:e.email?e.email:e.firstName+e.lastName,[4,r.saveCustomerFormData({email:i,firstName:e.firstName||(null==s?void 0:s.firstName)||"",lastName:e.lastName||(null==s?void 0:s.lastName)||"",birthDate:e.birthday||(null==s?void 0:s.birthDate)||"",phone:e.phone||(null==s?void 0:s.phone)||"",storefrontPopupId:this.storefrontPopup.id,subscriptions:{email:!!e.hasPermission,phone:!!e.hasPermission,sms:!!e.hasPermission}})];case 1:return o.sent(),[2]}}))}))},P.prototype.initTeaser=function(){var t;(null===(t=this.storefrontPopupData)||void 0===t?void 0:t.contentJson)&&this.storefrontPopupData.contentJson.modal.teaser.isActive&&(this.storefrontPopupData.contentJson.modal.selectedStep=this.storefrontPopupData.contentJson.modal.teaser.step)},P.prototype.checkDeviceType=function(){this.storefrontPopupData&&this.storefrontPopupData.visibleDevice},P.prototype.initTriggerType=function(){var t=this;if(this.storefrontPopupData){var o=this.storefrontPopupData.displaySettings.triggerType,e=this.storefrontPopupData.displaySettings.triggerValue||0;if(o===f.ON_PAGE_LOAD)setTimeout((function(){t.openModal()}),1e3*e)}},P.prototype.handleScroll=function(){if(this.storefrontPopupData){var t=this.storefrontPopupData.displaySettings.triggerType,o=this.storefrontPopupData.displaySettings.triggerValue||0;if(f.SCROLL_DOWN===t&&this.storefrontPopupData&&!this.isModalClosedByUser){var e=o,r=window.innerHeight,s=document.documentElement.scrollHeight;window.scrollY/(s-r)*100>=e&&this.openModal()}}},Object.defineProperty(P.prototype,"isCustomerLoggedIn",{get:function(){return!!h.getInstance().customerStore.customer},enumerable:!1,configurable:!0}),P}();export{P as IkasStorefrontPopupRendererViewModel};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{__awaiter as e,__generator as o,__assign as i}from'./../../ext/tslib/tslib.es6.js';import{APIResponse as t}from'./../../ext/@ikas/fe-api-client/build/utils/api.js';import'./../../ext/axios/index.js';import'./../../ext/@ikas/fe-api-client/build/ext/lodash/_defineProperty.js';import'./../../ext/@ikas/fe-api-client/build/ext/lodash/_baseGetTag.js';import'./../../ext/@ikas/fe-api-client/build/ext/lodash/_stringToPath.js';import'./../../ext/@ikas/fe-api-client/build/ext/lodash/_baseToString.js';import{listStorefrontPopup as s}from"@ikas/storefront-api";import{IkasStorefrontPopup as n}from"../../models/data/storefront-popup/index.js";var a=function(){function a(){}return a.listStorefrontPopup=function(a){var r;return e(this,void 0,void 0,(function(){var e;return o(this,(function(o){switch(o.label){case 0:return[4,s(a)];case 1:return e=o.sent(),[2,new t(i(i({},e.data),{data:null===(r=e.data)||void 0===r?void 0:r.map((function(e){return new n(e)}))}))]}}))}))},a}();export{a as default};
|