@ikas/loyalty-widget-renderer 1.0.0-alpha.33 → 1.0.0-alpha.35

package/build/models/index.d.ts

@@ -10,7 +10,10 @@ export declare class LoyaltyWidgetViewModel {
     isMiniModeDescriptionClosed: boolean;
     isLoading: boolean;
     loyaltyWidget: LoyaltyWidget;
+    userRefreshTrigger: number;
+    cartRefreshTrigger: number;
     cartId?: string | null;
+    ikasEventUser: any | null;
     cdnURL: string;
     merchantId: string;
     storeUrl: string;
@@ -28,6 +31,7 @@ export declare class LoyaltyWidgetViewModel {
     pointHistory: LoyaltyProgramPointHistory[];
     callbacks?: LoyaltyWidgetCallbacks;
     constructor(data: Partial<LoyaltyWidgetViewModel> | undefined, cdnURL: string, merchantId: string, currency: string, locale: string, storeURL?: string | null, isPreviewMode?: boolean, callbacks?: LoyaltyWidgetCallbacks);
+    get shouldShowSpendingMethods(): boolean;
     setWidgetMode(mode: WidgetMode): void;
     closeMiniModeDescription(): void;
 }

package/build/models/index.js

@@ -1 +1 @@
-import{makeObservable as t,observable as i}from"mobx";import{LoyaltyWidget as e}from"./loyalty-widget/index.js";import{WidgetMode as s,LoyaltyWidgetScreenTypeEnum as o}from"./types/index.js";import{LoyaltyProgramSpendingMethod as r}from"./loyalty-program-spending-method/index.js";import{LoyaltyProgramEarningMethod as n}from"./loyalty-program-earning-method/index.js";import{LoyaltyCustomerInfo as d}from"./loyalty-customer-info/index.js";var c=function(){function c(c,a,l,h,p,g,M,y){void 0===c&&(c={}),this.selectedScreen=c.selectedScreen||o.MAIN_SCREEN,this.currentWidgetMode=M?s.WIDGET_MODE:s.MINI_MODE,this.isMiniModeDescriptionClosed=c.isMiniModeDescriptionClosed||!1,this.isLoading=c.isLoading||!1,this.loyaltyWidget=c.loyaltyWidget instanceof e?c.loyaltyWidget:new e(c.loyaltyWidget),this.cdnURL=a,this.merchantId=l,this.storeUrl=g||c.storeUrl||"",this.currency=h,this.locale=p,this.isPreviewMode=M||!1,this.cartId=c.cartId||null,this.user=c.user?new d(c.user):null,this.earningMethods=c.earningMethods?c.earningMethods.map(function(t){return new n(t)}):[],this.spendingMethods=c.spendingMethods?c.spendingMethods.map(function(t){return new r(t)}):[],this.tiers=c.tiers?c.tiers:[],this.categories=c.categories?c.categories:[],this.products=c.products?c.products:[],this.brands=c.brands?c.brands:[],this.tags=c.tags?c.tags:[],this.pointHistory=c.pointHistory?c.pointHistory:[],this.callbacks=y||void 0,t(this,{cartId:i,loyaltyWidget:i,isLoading:i,cdnURL:i,merchantId:i,storeUrl:i,currency:i,locale:i,selectedScreen:i,currentWidgetMode:i,isMiniModeDescriptionClosed:i,user:i,earningMethods:i,spendingMethods:i,tiers:i,categories:i,products:i,brands:i,tags:i,pointHistory:i})}return c.prototype.setWidgetMode=function(t){this.currentWidgetMode=t,t!==s.WIDGET_MODE||this.isPreviewMode||(this.isMiniModeDescriptionClosed=!0)},c.prototype.closeMiniModeDescription=function(){this.isMiniModeDescriptionClosed=!0},c}();export{c as LoyaltyWidgetViewModel};
+import{makeObservable as e,observable as t,computed as i}from"mobx";import{LoyaltyWidget as s}from"./loyalty-widget/index.js";import{WidgetMode as r,LoyaltyWidgetScreenTypeEnum as o}from"./types/index.js";import{LoyaltyProgramSpendingMethod as n}from"./loyalty-program-spending-method/index.js";import{LoyaltyProgramEarningMethod as d}from"./loyalty-program-earning-method/index.js";import{LoyaltyCustomerInfo as h}from"./loyalty-customer-info/index.js";var c=function(){function c(c,a,l,g,p,u,M,y){void 0===c&&(c={}),this.userRefreshTrigger=0,this.cartRefreshTrigger=0,this.selectedScreen=c.selectedScreen||o.MAIN_SCREEN,this.currentWidgetMode=M?r.WIDGET_MODE:r.MINI_MODE,this.isMiniModeDescriptionClosed=c.isMiniModeDescriptionClosed||!1,this.isLoading=c.isLoading||!1,this.loyaltyWidget=c.loyaltyWidget instanceof s?c.loyaltyWidget:new s(c.loyaltyWidget),this.cdnURL=a,this.merchantId=l,this.storeUrl=u||c.storeUrl||"",this.currency=g,this.locale=p,this.isPreviewMode=M||!1,this.cartId=c.cartId||null,this.cartId=c.cartId||null,this.ikasEventUser=c.ikasEventUser||null,this.user=c.user?new h(c.user):null,this.earningMethods=c.earningMethods?c.earningMethods.map(function(e){return new d(e)}):[],this.spendingMethods=c.spendingMethods?c.spendingMethods.map(function(e){return new n(e)}):[],this.tiers=c.tiers?c.tiers:[],this.categories=c.categories?c.categories:[],this.products=c.products?c.products:[],this.brands=c.brands?c.brands:[],this.tags=c.tags?c.tags:[],this.pointHistory=c.pointHistory?c.pointHistory:[],this.callbacks=y||void 0,e(this,{cartId:t,loyaltyWidget:t,isLoading:t,cdnURL:t,merchantId:t,storeUrl:t,currency:t,locale:t,selectedScreen:t,currentWidgetMode:t,isMiniModeDescriptionClosed:t,user:t,earningMethods:t,spendingMethods:t,tiers:t,categories:t,products:t,brands:t,tags:t,pointHistory:t,ikasEventUser:t,userRefreshTrigger:t,cartRefreshTrigger:t,shouldShowSpendingMethods:i})}return Object.defineProperty(c.prototype,"shouldShowSpendingMethods",{get:function(){return!!this.user&&(!!this.user.customerTierId&&(!(this.user.totalPoint<=0)&&0!==this.spendingMethods.length))},enumerable:!1,configurable:!0}),c.prototype.setWidgetMode=function(e){this.currentWidgetMode=e,e!==r.WIDGET_MODE||this.isPreviewMode||(this.isMiniModeDescriptionClosed=!0)},c.prototype.closeMiniModeDescription=function(){this.isMiniModeDescriptionClosed=!0},c}();export{c as LoyaltyWidgetViewModel};

package/build/models/types/index.d.ts

@@ -104,9 +104,11 @@ export type LoyaltyWidgetCallbacks = {
     getCategories: (ids: string[]) => Promise<Category[]>;
     getBrands: (ids: string[]) => Promise<Brand[]>;
     getTags: (ids: string[]) => Promise<Tag[]>;
+    subscribeToMarketingNotifications: () => Promise<boolean>;
 };
 export type IkasLoyaltyWidgetConfig = {
     cartId?: string | null;
+    userId?: string | null;
     cdnURL: string;
     merchantId: string;
     currency: string;

package/build/renderer/components/mini-mode-description/style.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import p from"styled-components";import{textMD as r}from"../style/typography.js";var o,x,a,i=p.div(o||(o=n(["\n  display: flex;\n  width: 432px;\n  padding: 20px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 24px;\n  border-radius: 16px;\n  border: 1px solid #ECECED;\n  background: #FFF;\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #121926;\n  position: relative;\n  cursor: pointer;\n  margin-bottom: 16px; /* 16px space between description and button */\n"],["\n  display: flex;\n  width: 432px;\n  padding: 20px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 24px;\n  border-radius: 16px;\n  border: 1px solid #ECECED;\n  background: #FFF;\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #121926;\n  position: relative;\n  cursor: pointer;\n  margin-bottom: 16px; /* 16px space between description and button */\n"]))),e=p.div(x||(x=n(["\n  position: absolute;\n  top: -12px;\n  right: -12px;\n  cursor: pointer;\n  display: inline-flex;\n  padding: 6px;\n  align-items: center;\n  gap: 10px;\n  border-radius: 40px;\n  background: #F6F6F6;\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #4B5565;\n\n  &:hover {\n    color: #667085;\n  }\n"],["\n  position: absolute;\n  top: -12px;\n  right: -12px;\n  cursor: pointer;\n  display: inline-flex;\n  padding: 6px;\n  align-items: center;\n  gap: 10px;\n  border-radius: 40px;\n  background: #F6F6F6;\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #4B5565;\n\n  &:hover {\n    color: #667085;\n  }\n"]))),t=p.div(a||(a=n(["\n  ",";\n  color: #121926;\n"],["\n  ",";\n  color: #121926;\n"])),r);export{e as CloseButton,i as Container,t as Text};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import p from"styled-components";import{textMD as r}from"../style/typography.js";var o,x,a,i=p.div(o||(o=n(["\n  display: flex;\n  width: 432px;\n  max-width: calc(100vw - 40px);\n  padding: 20px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 24px;\n  border-radius: 16px;\n  border: 1px solid #ECECED;\n  background: #FFF;\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #121926;\n  position: relative;\n  cursor: pointer;\n  margin-bottom: 16px; /* 16px space between description and button */\n"],["\n  display: flex;\n  width: 432px;\n  max-width: calc(100vw - 40px);\n  padding: 20px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 24px;\n  border-radius: 16px;\n  border: 1px solid #ECECED;\n  background: #FFF;\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #121926;\n  position: relative;\n  cursor: pointer;\n  margin-bottom: 16px; /* 16px space between description and button */\n"]))),e=p.div(x||(x=n(["\n  position: absolute;\n  top: -12px;\n  right: -12px;\n  cursor: pointer;\n  display: inline-flex;\n  padding: 6px;\n  align-items: center;\n  gap: 10px;\n  border-radius: 40px;\n  background: #F6F6F6;\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #4B5565;\n\n  &:hover {\n    color: #667085;\n  }\n"],["\n  position: absolute;\n  top: -12px;\n  right: -12px;\n  cursor: pointer;\n  display: inline-flex;\n  padding: 6px;\n  align-items: center;\n  gap: 10px;\n  border-radius: 40px;\n  background: #F6F6F6;\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #4B5565;\n\n  &:hover {\n    color: #667085;\n  }\n"]))),t=p.div(a||(a=n(["\n  ",";\n  color: #121926;\n"],["\n  ",";\n  color: #121926;\n"])),r);export{e as CloseButton,i as Container,t as Text};

package/build/renderer/index.js

@@ -1 +1 @@
-import{__awaiter as e,__generator as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.mjs.js';import o,{useState as r,useRef as i,useEffect as s}from"react";import{observer as l}from"mobx-react";import'./../ext/react-i18next/dist/es/context.js';import{I18nextProvider as c}from'./../ext/react-i18next/dist/es/I18nextProvider.js';import a from"./utils/i18n.js";import{LoyaltyWidgetScreenTypeEnum as d,WidgetMode as u,EarningMethodTypeEnum as m,LoyaltyProgramFilterTypeEnum as f,LoyaltyProgramMethodSpendingTypeEnum as p}from"../models/types/index.js";import{WidgetPositionEnum as y,LoyaltyWidgetLayoutTypeEnum as E}from"../models/loyalty-widget/types/index.js";import g from"./screens/main-screen/index.js";import h from"./screens/credit-spending-methods-screen/index.js";import v from"./screens/credit-earning-methods-screen/index.js";import C from"./screens/credit-history-screen/index.js";import M from"./screens/loyalty-level-screen/index.js";import I from"./components/mini-mode-button/index.js";import R from"./components/mini-mode-description/index.js";import{LoyaltyWidgetViewModel as w}from"../models/index.js";import{LoyaltyWidget as _}from"../models/loyalty-widget/index.js";import{LoyaltyProgramSpendingMethod as S}from"../models/loyalty-program-spending-method/index.js";import{LoyaltyCustomerInfo as N}from"../models/loyalty-customer-info/index.js";import{LoyaltyProgramEarningMethod as T}from"../models/loyalty-program-earning-method/index.js";import{LoyaltyProgramPointHistory as b}from"../models/loyalty-program-point-history/index.js";import{Container as k,MiniModeWrapper as A,Panel as P,ScreenWrapper as D}from"./style.js";var L=l(function(l){var L,x=l.config,j=r(function(){var e=x||window.ikasLoyaltyWidgetConfig;return new w({cartId:(null==e?void 0:e.cartId)||null},(null==e?void 0:e.cdnURL)||"",(null==e?void 0:e.merchantId)||"",(null==e?void 0:e.currency)||"",(null==e?void 0:e.locale)||"",(null==e?void 0:e.storeURL)||null,null==e?void 0:e.isPreviewMode,null==e?void 0:e.callbacks)})[0],O=i(!0);s(function(){var e=x||window.ikasLoyaltyWidgetConfig;(null==e?void 0:e.onViewModelInitialized)&&e.onViewModelInitialized(j)},[j,x]),s(function(){e(void 0,void 0,void 0,function(){var e,o,r,i,s,l,c,a,d,u,y,E,g,h;return t(this,function(t){switch(t.label){case 0:if(!j.callbacks)return[3,6];t.label=1;case 1:return t.trys.push([1,4,5,6]),e=[j.callbacks.getLoyaltyWidget(),j.callbacks.listEarningMethods(),j.callbacks.listLoyaltyProgramTier({})],j.cartId&&(e.push(j.callbacks.listSpendingMethodsByCartId(j.cartId)),e.push(j.callbacks.getLoyaltyCustomerInfo()),e.push(j.callbacks.listLoyaltyProgramPointHistory({}))),[4,Promise.all(e)];case 2:return o=t.sent(),r=o[0],i=o[1],s=o[2],l=[],c=null,a=[],j.cartId&&(l=o[3],c=o[4],a=o[5]),j.loyaltyWidget=r instanceof _?r:new _(r||{}),j.earningMethods=i.map(function(e){return new T(e)}),j.tiers=s||[],j.cartId&&(j.spendingMethods=l.map(function(e){return new S(e)}),j.user=c?new N(c):null,j.pointHistory=a?a.map(function(e){return new b(e)}):[]),d=new Set,u=new Set,y=new Set,E=new Set,j.earningMethods.forEach(function(e){var t,o;e.methodType===m.ORDER_CREATE&&n(n([],(null===(t=e.orderSettings)||void 0===t?void 0:t.productFilters)||[],!0),(null===(o=e.productSettings)||void 0===o?void 0:o.productFilters)||[],!0).forEach(function(e){e.type===f.PRODUCT_AND_VARIANT?e.idList.forEach(function(e){return d.add(e)}):e.type===f.CATEGORY?e.idList.forEach(function(e){return u.add(e)}):e.type===f.PRODUCT_BRAND?e.idList.forEach(function(e){return y.add(e)}):e.type===f.PRODUCT_TAG&&e.idList.forEach(function(e){return E.add(e)})})}),j.spendingMethods&&j.spendingMethods.forEach(function(e){var t,n;e.type===p.FREE_PRODUCT&&(null===(t=e.discountSettings)||void 0===t?void 0:t.freeProductId)&&d.add(e.discountSettings.freeProductId),null===(n=e.productFilters)||void 0===n||n.forEach(function(e){e.type===f.PRODUCT_AND_VARIANT?e.idList.forEach(function(e){return d.add(e)}):e.type===f.CATEGORY?e.idList.forEach(function(e){return u.add(e)}):e.type===f.PRODUCT_BRAND?e.idList.forEach(function(e){return y.add(e)}):e.type===f.PRODUCT_TAG&&e.idList.forEach(function(e){return E.add(e)})})}),g=[],d.size>0&&j.callbacks.getProducts&&g.push(j.callbacks.getProducts(Array.from(d)).then(function(e){return j.products=e})),u.size>0&&j.callbacks.getCategories&&g.push(j.callbacks.getCategories(Array.from(u)).then(function(e){return j.categories=e})),y.size>0&&j.callbacks.getBrands&&g.push(j.callbacks.getBrands(Array.from(y)).then(function(e){return j.brands=e})),E.size>0&&j.callbacks.getTags&&g.push(j.callbacks.getTags(Array.from(E)).then(function(e){return j.tags=e})),[4,Promise.all(g)];case 3:return t.sent(),[3,6];case 4:return h=t.sent(),console.error("Failed to initialize loyalty data",h),[3,6];case 5:return O.current=!1,[7];case 6:return[2]}})})},[]),s(function(){if(!O.current){e(void 0,void 0,void 0,function(){var e,n,o,r,i;return t(this,function(t){switch(t.label){case 0:if(!j.callbacks)return[3,4];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Promise.all([j.callbacks.listSpendingMethodsByCartId(j.cartId),j.callbacks.getLoyaltyCustomerInfo(),j.callbacks.listLoyaltyProgramPointHistory({})])];case 2:return e=t.sent(),n=e[0],o=e[1],r=e[2],j.spendingMethods=n.map(function(e){return new S(e)}),j.user=o?new N(o):null,j.pointHistory=r?r.map(function(e){return new b(e)}):[],[3,4];case 3:return i=t.sent(),console.error("Failed to fetch cart dependent data",i),[3,4];case 4:return[2]}})})}},[j.cartId]);var W=function(e){j.selectedScreen=e},B=function(){j.setWidgetMode(u.MINI_MODE),setTimeout(function(){j.selectedScreen=d.MAIN_SCREEN},300)},U=j.selectedScreen===d.MAIN_SCREEN,$=r(null),G=$[0],H=$[1];s(function(){j.selectedScreen!==d.MAIN_SCREEN&&H(j.selectedScreen)},[j.selectedScreen]);var z=U?G:j.selectedScreen,F=j.loyaltyWidget.settings.position||y.RIGHT,V=j.loyaltyWidget.settings.type||E.DRAWER;return o.createElement(c,{i18n:a},o.createElement(k,{$layoutType:V,$widgetPosition:F,$widgetMode:j.currentWidgetMode,$position:(null==x?void 0:x.position)||(null===(L=window.ikasLoyaltyWidgetConfig)||void 0===L?void 0:L.position)||"fixed",onClick:function(){j.currentWidgetMode===u.WIDGET_MODE&&B()}},j.currentWidgetMode===u.MINI_MODE?o.createElement(A,null,o.createElement(R,{viewModel:j}),o.createElement(I,{viewModel:j})):o.createElement(P,{$layoutType:V,onClick:function(e){return e.stopPropagation()}},o.createElement(D,{$isActive:U,$isMain:!0},o.createElement(g,{viewModel:j,onClose:B,onNavigate:W})),o.createElement(D,{$isActive:!U,$isMain:!1},function(){switch(z){case d.CREDIT_SPENDING_METHODS_SCREEN:return o.createElement(h,{viewModel:j,onBack:function(){return W(d.MAIN_SCREEN)},onClose:B});case d.CREDIT_EARNING_METHODS_SCREEN:return o.createElement(v,{viewModel:j,onBack:function(){return W(d.MAIN_SCREEN)},onClose:B});case d.CREDIT_HISTORY_SCREEN:return o.createElement(C,{viewModel:j,onBack:function(){return W(d.MAIN_SCREEN)},onClose:B});case d.LOYALTY_LEVEL_SCREEN:return o.createElement(M,{viewModel:j,onBack:function(){return W(d.MAIN_SCREEN)},onClose:B});default:return null}}()))))});export{L as default};
+import{__awaiter as e,__generator as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.mjs.js';import r,{useState as o,useRef as i,useEffect as s}from"react";import{observer as c}from"mobx-react";import'./../ext/react-i18next/dist/es/context.js';import{I18nextProvider as l}from'./../ext/react-i18next/dist/es/I18nextProvider.js';import a from"./utils/i18n.js";import{WidgetMode as d,LoyaltyWidgetScreenTypeEnum as u,EarningMethodTypeEnum as f,LoyaltyProgramFilterTypeEnum as m,LoyaltyProgramMethodSpendingTypeEnum as E}from"../models/types/index.js";import{WidgetPositionEnum as v,LoyaltyWidgetLayoutTypeEnum as g}from"../models/loyalty-widget/types/index.js";import y from"./screens/main-screen/index.js";import p from"./screens/credit-spending-methods-screen/index.js";import T from"./screens/credit-earning-methods-screen/index.js";import h from"./screens/credit-history-screen/index.js";import R from"./screens/loyalty-level-screen/index.js";import C from"./components/mini-mode-button/index.js";import I from"./components/mini-mode-description/index.js";import{LoyaltyWidgetViewModel as M}from"../models/index.js";import{LoyaltyWidget as w}from"../models/loyalty-widget/index.js";import{LoyaltyProgramSpendingMethod as _}from"../models/loyalty-program-spending-method/index.js";import{LoyaltyCustomerInfo as b}from"../models/loyalty-customer-info/index.js";import{LoyaltyProgramEarningMethod as A}from"../models/loyalty-program-earning-method/index.js";import{LoyaltyProgramPointHistory as k}from"../models/loyalty-program-point-history/index.js";import{Container as S,MiniModeWrapper as O,Panel as N,ScreenWrapper as D}from"./style.js";var L=c(function(c){var L,P,x=c.config,j=o(function(){var e=x||window.ikasLoyaltyWidgetConfig;return new M({cartId:(null==e?void 0:e.cartId)||null,ikasEventUser:(null==e?void 0:e.userId)?{id:e.userId}:null},(null==e?void 0:e.cdnURL)||"",(null==e?void 0:e.merchantId)||"",(null==e?void 0:e.currency)||"",(null==e?void 0:e.locale)||"",(null==e?void 0:e.storeURL)||null,null==e?void 0:e.isPreviewMode,null==e?void 0:e.callbacks)})[0],U=i(!0);s(function(){var e=x||window.ikasLoyaltyWidgetConfig;(null==e?void 0:e.onViewModelInitialized)&&e.onViewModelInitialized(j)},[j,x]);var F=function(){return e(void 0,void 0,void 0,function(){var e,r,o,i,s;return t(this,function(t){switch(t.label){case 0:return j.callbacks?(e=new Set,r=new Set,o=new Set,i=new Set,j.earningMethods.forEach(function(t){var s,c;t.methodType===f.ORDER_CREATE&&n(n([],(null===(s=t.orderSettings)||void 0===s?void 0:s.productFilters)||[],!0),(null===(c=t.productSettings)||void 0===c?void 0:c.productFilters)||[],!0).forEach(function(t){t.type===m.PRODUCT_AND_VARIANT?t.idList.forEach(function(t){return e.add(t)}):t.type===m.CATEGORY?t.idList.forEach(function(e){return r.add(e)}):t.type===m.PRODUCT_BRAND?t.idList.forEach(function(e){return o.add(e)}):t.type===m.PRODUCT_TAG&&t.idList.forEach(function(e){return i.add(e)})})}),j.spendingMethods&&j.spendingMethods.forEach(function(t){var n,s;t.type===E.FREE_PRODUCT&&(null===(n=t.discountSettings)||void 0===n?void 0:n.freeProductId)&&e.add(t.discountSettings.freeProductId),null===(s=t.productFilters)||void 0===s||s.forEach(function(t){t.type===m.PRODUCT_AND_VARIANT?t.idList.forEach(function(t){return e.add(t)}):t.type===m.CATEGORY?t.idList.forEach(function(e){return r.add(e)}):t.type===m.PRODUCT_BRAND?t.idList.forEach(function(e){return o.add(e)}):t.type===m.PRODUCT_TAG&&t.idList.forEach(function(e){return i.add(e)})})}),s=[],e.size>0&&j.callbacks.getProducts&&s.push(j.callbacks.getProducts(Array.from(e)).then(function(e){return j.products=e})),r.size>0&&j.callbacks.getCategories&&s.push(j.callbacks.getCategories(Array.from(r)).then(function(e){return j.categories=e})),o.size>0&&j.callbacks.getBrands&&s.push(j.callbacks.getBrands(Array.from(o)).then(function(e){return j.brands=e})),i.size>0&&j.callbacks.getTags&&s.push(j.callbacks.getTags(Array.from(i)).then(function(e){return j.tags=e})),[4,Promise.all(s)]):[2];case 1:return t.sent(),[2]}})})};s(function(){console.log("*******INITIAL FETCH*******");e(void 0,void 0,void 0,function(){var e,n,r,o,i,s;return t(this,function(t){switch(t.label){case 0:if(!j.callbacks)return[3,6];t.label=1;case 1:return t.trys.push([1,4,5,6]),e=[j.callbacks.getLoyaltyWidget(),j.callbacks.listEarningMethods(),j.callbacks.listLoyaltyProgramTier({})],[4,Promise.all(e)];case 2:return n=t.sent(),r=n[0],o=n[1],i=n[2],j.loyaltyWidget=r instanceof w?r:new w(r||{}),j.earningMethods=o.map(function(e){return new A(e)}),j.tiers=i||[],[4,F()];case 3:return t.sent(),[3,6];case 4:return s=t.sent(),console.error("Failed to initialize loyalty data",s),[3,6];case 5:return U.current=!1,[7];case 6:return[2]}})})},[]),s(function(){if(console.log("******IKAS EVENTS EFFECT *******"),window.IkasEvents){var e="ikas-loyalty-widget-subscriber";try{window.IkasEvents.subscribe({id:e,callback:function(e){var t,n,r,o=e.type;if(console.log("Listening for Ikas Storefront Events",e),"CUSTOMER_LOGIN"===o){var i=null===(t=e.data)||void 0===t?void 0:t.customer;i&&(j.ikasEventUser=i)}else"CUSTOMER_LOGOUT"===o&&(j.ikasEventUser=null);if("ADD_TO_CART"===o||"REMOVE_FROM_CART"===o){var s=null===(r=null===(n=e.data)||void 0===n?void 0:n.cart)||void 0===r?void 0:r.id;s&&(j.cartId=s),["CUSTOMER_LOGIN","CUSTOMER_LOGOUT"].includes(o)?(j.userRefreshTrigger++,j.cartRefreshTrigger++):["ADD_TO_CART","REMOVE_FROM_CART"].includes(o)&&j.cartRefreshTrigger++}}})}catch(e){console.error("Failed to subscribe to IkasEvents",e)}return function(){var t;(null===(t=window.IkasEvents)||void 0===t?void 0:t.unsubscribe)&&window.IkasEvents.unsubscribe(e)}}},[j]),s(function(){console.log("*******USER DATA FETCH EFFECT*******");e(void 0,void 0,void 0,function(){var e,n,r,o,i;return t(this,function(t){switch(t.label){case 0:if(!j.callbacks||!(null===(i=j.ikasEventUser)||void 0===i?void 0:i.id))return[3,4];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Promise.all([j.callbacks.getLoyaltyCustomerInfo(),j.callbacks.listLoyaltyProgramPointHistory({})])];case 2:return e=t.sent(),n=e[0],r=e[1],j.user=n?new b(n):null,j.pointHistory=r?r.map(function(e){return new k(e)}):[],[3,4];case 3:return o=t.sent(),console.error("Failed to fetch user data",o),[3,4];case 4:return[2]}})})},[null===(L=j.ikasEventUser)||void 0===L?void 0:L.id,j.userRefreshTrigger]),s(function(){console.log("*******CART DATA FETCH EFFECT*******");e(void 0,void 0,void 0,function(){var e,n;return t(this,function(t){switch(t.label){case 0:if(console.log("fetchCartData",j.cartId),!j.callbacks)return[3,5];t.label=1;case 1:return t.trys.push([1,4,,5]),[4,j.callbacks.listSpendingMethodsByCartId(j.cartId)];case 2:return e=t.sent(),j.spendingMethods=e.map(function(e){return new _(e)}),[4,F()];case 3:return t.sent(),[3,5];case 4:return n=t.sent(),console.error("Failed to fetch cart data",n),[3,5];case 5:return[2]}})})},[j.cartId,j.cartRefreshTrigger]);var W=function(e){j.selectedScreen=e},G=function(){j.setWidgetMode(d.MINI_MODE),setTimeout(function(){j.selectedScreen=u.MAIN_SCREEN},300)};s(function(){return j.currentWidgetMode===d.WIDGET_MODE?document.body.style.overflow="hidden":document.body.style.overflow="",function(){document.body.style.overflow=""}},[j.currentWidgetMode]);var $=j.selectedScreen===u.MAIN_SCREEN,B=o(null),H=B[0],V=B[1];s(function(){j.selectedScreen!==u.MAIN_SCREEN&&V(j.selectedScreen)},[j.selectedScreen]);var z=$?H:j.selectedScreen,Y=j.loyaltyWidget.settings.position||v.RIGHT,K=j.loyaltyWidget.settings.type||g.DRAWER;return r.createElement(l,{i18n:a},r.createElement(S,{$layoutType:K,$widgetPosition:Y,$widgetMode:j.currentWidgetMode,$position:(null==x?void 0:x.position)||(null===(P=window.ikasLoyaltyWidgetConfig)||void 0===P?void 0:P.position)||"fixed",onClick:function(){j.currentWidgetMode===d.WIDGET_MODE&&G()}},r.createElement(O,{$isVisible:j.currentWidgetMode===d.MINI_MODE,$widgetPosition:Y},r.createElement(I,{viewModel:j}),r.createElement(C,{viewModel:j})),r.createElement(N,{$layoutType:K,$isOpen:j.currentWidgetMode===d.WIDGET_MODE,$widgetPosition:Y,onClick:function(e){return e.stopPropagation()}},r.createElement(D,{$isActive:$,$isMain:!0},r.createElement(y,{viewModel:j,onClose:G,onNavigate:W})),r.createElement(D,{$isActive:!$,$isMain:!1},function(){switch(z){case u.CREDIT_SPENDING_METHODS_SCREEN:return r.createElement(p,{viewModel:j,onBack:function(){return W(u.MAIN_SCREEN)},onClose:G});case u.CREDIT_EARNING_METHODS_SCREEN:return r.createElement(T,{viewModel:j,onBack:function(){return W(u.MAIN_SCREEN)},onClose:G});case u.CREDIT_HISTORY_SCREEN:return r.createElement(h,{viewModel:j,onBack:function(){return W(u.MAIN_SCREEN)},onClose:G});case u.LOYALTY_LEVEL_SCREEN:return r.createElement(R,{viewModel:j,onBack:function(){return W(u.MAIN_SCREEN)},onClose:G});default:return null}}()))))});export{L as default};

package/build/renderer/screens/credit-earning-methods-screen/index.js

@@ -1 +1 @@
-import e from"react";import{observer as t}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as n}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import o from"../main-screen/earning-methods-section/index.js";import{ChevronLeft as r}from"../../../assets/icons/chevron-left.js";import{XClose as l}from"../../../assets/icons/x-close.js";import{Container as i,Header as c,IconButton as m,Title as s,Content as a}from"./style.js";import{EarningMethodTypeEnum as d}from"../../../models/types/index.js";var u=t(function(t){var u=t.viewModel,p=t.onBack,f=t.onClose,E=n().t;return e.createElement(i,null,e.createElement(c,null,e.createElement(m,{onClick:p},e.createElement(r,null)),e.createElement(s,null,E("screens.creditEarningMethods")),e.createElement(m,{onClick:f},e.createElement(l,null))),e.createElement(a,null,e.createElement(o,{containerStyle:{paddingRight:16,paddingLeft:16},viewModel:u,getActionProps:function(e){return e.methodType===d.CUSTOMER_REGISTER?{actionText:E("common.create"),onClick:function(){}}:e.methodType===d.ENABLE_SUBSCRIPTION?{actionText:E("common.allow"),onClick:function(){}}:null}})))});export{u as default};
+import{__awaiter as e,__generator as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"react";import{observer as n}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as r}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import i from"../main-screen/earning-methods-section/index.js";import{ChevronLeft as s}from"../../../assets/icons/chevron-left.js";import{XClose as c}from"../../../assets/icons/x-close.js";import{Container as l,Header as a,IconButton as m,Title as d,Content as u}from"./style.js";import{EarningMethodTypeEnum as f,WidgetMode as p}from"../../../models/types/index.js";var E=n(function(n){var E=n.viewModel,g=n.onBack,b=n.onClose,v=r().t;return o.createElement(l,null,o.createElement(a,null,o.createElement(m,{onClick:g},o.createElement(s,null)),o.createElement(d,null,v("screens.creditEarningMethods")),o.createElement(m,{onClick:b},o.createElement(c,null))),o.createElement(u,null,o.createElement(i,{containerStyle:{paddingRight:16,paddingLeft:16},viewModel:E,getActionProps:function(o){return o.methodType===f.CUSTOMER_REGISTER?{actionText:v("common.create"),onClick:function(){E.storeUrl&&(E.setWidgetMode(p.MINI_MODE),window.location.href="".concat(E.storeUrl,"/account/register"))}}:o.methodType===f.ENABLE_SUBSCRIPTION?{actionText:v("common.allow"),onClick:function(){return e(void 0,void 0,void 0,function(){var e;return t(this,function(t){switch(t.label){case 0:return(null===(e=E.callbacks)||void 0===e?void 0:e.subscribeToMarketingNotifications)?[4,E.callbacks.subscribeToMarketingNotifications()]:[3,2];case 1:t.sent()&&E.userRefreshTrigger++,t.label=2;case 2:return[2]}})})}}:null}})))});export{E as default};

package/build/renderer/screens/main-screen/earning-methods-section/index.js

@@ -1 +1 @@
-import{__assign as e}from'./../../../../ext/tslib/tslib.es6.mjs.js';import t from"react";import{observer as o}from"mobx-react";import'./../../../../ext/react-i18next/dist/es/context.js';import{useTranslation as i}from'./../../../../ext/react-i18next/dist/es/useTranslation.js';import{EarningMethodTypeEnum as n}from"../../../../models/types/index.js";import{getEarningMethodTitle as r,getEarningMethodIcon as d}from"../../../../utils.js";import l from"../../../components/loyalty-method-card/index.js";import{getEarningMethodDescriptionV2 as s}from"../../../utils/loyalty-details.js";var a=o(function(e){var o,a,m=e.method,c=e.viewModel,p=e.mode,u=e.actionText,g=e.onClick,v=i(),x=v.t,f=v.i18n,y=c.loyaltyWidget,T=f.language,h=null===(o=m.translations)||void 0===o?void 0:o.find(function(e){return e.locale===T}),E=(null==h?void 0:h.description)||m.description||r(m),j=d(m.methodType,y.settings.widgetIconType),R=m.orderSettings,C=(null==R?void 0:R.productFilters)||[],M=m.methodType===n.ORDER_CREATE&&R&&(R.minOrderAmount>0||(null!==(a=R.maxOrderAmount)&&void 0!==a?a:0)>0||C.length>0),b=M?"accordion":p,w="",k="";if(M){w=x("earningMethods.xPoints",{points:m.pointsEarned});var S=s(x,m,c);S&&(k=t.createElement("div",{style:{fontSize:"14px",color:"#475467",lineHeight:"20px",fontWeight:400}},S))}else w=s(x,m,c)||x("earningMethods.xPoints",{points:m.pointsEarned});var _=!!c.user&&m.methodType===n.CUSTOMER_REGISTER;return t.createElement(l,{title:E,description:w,icon:j,action:u&&g?{text:u,onClick:g}:void 0,isCompleted:_,mode:b,settings:{borderRadius:y.settings.cartBorderRadius,widgetIconType:y.settings.widgetIconType,button:y.button}},k)}),m=o(function(o){var i=o.viewModel,n=o.containerStyle,r=o.mode,d=void 0===r?"card":r,l=o.getActionProps,s=i.earningMethods;return t.createElement("div",{style:e({display:"flex",flexDirection:"column",gap:"12px",padding:"0 24px"},n)},s.map(function(e){var o=l?l(e):null;return t.createElement(a,{key:e.id,method:e,viewModel:i,mode:d,actionText:null==o?void 0:o.actionText,onClick:null==o?void 0:o.onClick})}))});export{m as default};
+import{__assign as e,__spreadArray as t}from'./../../../../ext/tslib/tslib.es6.mjs.js';import o from"react";import{observer as i}from"mobx-react";import'./../../../../ext/react-i18next/dist/es/context.js';import{useTranslation as n}from'./../../../../ext/react-i18next/dist/es/useTranslation.js';import{EarningMethodTypeEnum as r}from"../../../../models/types/index.js";import{getEarningMethodTitle as d,getEarningMethodIcon as s}from"../../../../utils.js";import l from"../../../components/loyalty-method-card/index.js";import{getEarningMethodDescriptionV2 as a}from"../../../utils/loyalty-details.js";var m=i(function(e){var t,i,m=e.method,c=e.viewModel,p=e.mode,u=e.actionText,v=e.onClick,E=n(),f=E.t,y=E.i18n,g=c.loyaltyWidget,x=y.language,T=null===(t=m.translations)||void 0===t?void 0:t.find(function(e){return e.locale===x}),h=(null==T?void 0:T.description)||m.description||d(m),R=s(m.methodType,g.settings.widgetIconType),S=m.orderSettings,C=(null==S?void 0:S.productFilters)||[],I=m.methodType===r.ORDER_CREATE&&S&&(S.minOrderAmount>0||(null!==(i=S.maxOrderAmount)&&void 0!==i?i:0)>0||C.length>0),j=I?"accordion":p,k="",M="";if(I){k=f("earningMethods.xPoints",{points:m.pointsEarned});var U=a(f,m,c);U&&(M=o.createElement("div",{style:{fontSize:"14px",color:"#475467",lineHeight:"20px",fontWeight:400}},U))}else k=a(f,m,c)||f("earningMethods.xPoints",{points:m.pointsEarned});var _=!!c.ikasEventUser&&m.methodType===r.CUSTOMER_REGISTER||!!c.ikasEventUser&&m.methodType===r.ENABLE_SUBSCRIPTION&&"SUBSCRIBED"===c.ikasEventUser.subscriptionStatus;return o.createElement(l,{title:h,description:k,icon:R,action:u&&v?{text:u,onClick:v}:void 0,isCompleted:_,mode:j,settings:{borderRadius:g.settings.cartBorderRadius,widgetIconType:g.settings.widgetIconType,button:g.button}},M)}),c=i(function(i){var n=i.viewModel,d=i.containerStyle,s=i.mode,l=void 0===s?"card":s,a=i.getActionProps,c=n.earningMethods;return o.createElement("div",{style:e({display:"flex",flexDirection:"column",gap:"12px",padding:"0 24px"},d)},t([],c,!0).sort(function(e,t){var o=function(e){return e===r.CUSTOMER_REGISTER?0:e===r.ENABLE_SUBSCRIPTION?1:2};return o(e.methodType)-o(t.methodType)}).map(function(e){var t=a?a(e):null;return o.createElement(m,{key:e.id,method:e,viewModel:n,mode:l,actionText:null==t?void 0:t.actionText,onClick:null==t?void 0:t.onClick})}))});export{c as default};

package/build/renderer/screens/main-screen/header/style.d.ts

@@ -6,7 +6,7 @@ type TopSectionProps = {
     $bgImageSrc?: string | null;
     $gap?: number;
 };
-export declare const Container: import("styled-components").StyledComponent<"header", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TopSection: import("styled-components").StyledComponent<"div", any, TopSectionProps, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Card: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/renderer/screens/main-screen/header/style.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import{HeaderBackgroundTypeEnum as e}from"../../../../models/loyalty-widget/types/index.js";import o,{css as r}from"styled-components";var i,p,t,a,d,l,x,c,s,g,b=48,f=o.header(i||(i=n(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n"]))),u=o.div(x||(x=n(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: ",";\n  padding: 24px 20px ","px 24px;\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: ",";\n  padding: 24px 20px ","px 24px;\n\n  ","\n"])),function(n){var e=n.$gap;return void 0!==e?"".concat(e,"px"):"56px"},48,function(o){var i=o.$bgType,x=o.$bgColor,c=o.$bgImageSrc;return i===e.IMAGE?c?r(t||(t=n(["\n        background-image: url(",");\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n      "],["\n        background-image: url(",");\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n      "])),c):r(p||(p=n([""],[""]))):x?i===e.GRADIENT?r(d||(d=n(["\n        background: radial-gradient(\n            92.35% 100% at 50% 0%,\n            rgba(255, 255, 255, 0.5) 0%,\n            rgba(0, 0, 0, 0.5) 100%\n          ),\n          ",";\n      "],["\n        background: radial-gradient(\n            92.35% 100% at 50% 0%,\n            rgba(255, 255, 255, 0.5) 0%,\n            rgba(0, 0, 0, 0.5) 100%\n          ),\n          ",";\n      "])),x):r(l||(l=n(["\n      background-color: ",";\n    "],["\n      background-color: ",";\n    "])),x):r(a||(a=n([""],[""])))}),m=o.div(c||(c=n(["\n  position: absolute;\n  left: 20px;\n  right: 20px;\n  top: calc(100% - ","px);\n  display: flex;\n  z-index: 1;\n"],["\n  position: absolute;\n  left: 20px;\n  right: 20px;\n  top: calc(100% - ","px);\n  display: flex;\n  z-index: 1;\n"])),48),y=o.div(s||(s=n(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background: white;\n  border: 1px solid #eef2f6;\n  border-radius: 6px;\n  box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 2px 0 rgba(0, 0, 0, 0.02),\n    0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 0 1px 0 rgba(0, 0, 0, 0.04);\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background: white;\n  border: 1px solid #eef2f6;\n  border-radius: 6px;\n  box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 2px 0 rgba(0, 0, 0, 0.02),\n    0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 0 1px 0 rgba(0, 0, 0, 0.04);\n"]))),v=o.div(g||(g=n(["\n  position: absolute;\n  right: 20px;\n  top: 24px;\n  display: flex;\n  padding: 4px;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  svg {\n    color: #f7f5ff;\n  }\n"],["\n  position: absolute;\n  right: 20px;\n  top: 24px;\n  display: flex;\n  padding: 4px;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  svg {\n    color: #f7f5ff;\n  }\n"])));export{b as CARD_OVERLAP_TOP,y as Card,v as CloseButton,f as Container,m as Content,u as TopSection};
+import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import{HeaderBackgroundTypeEnum as e}from"../../../../models/loyalty-widget/types/index.js";import o,{css as i}from"styled-components";var r,p,t,a,d,l,x,c,s,g,b=48,f=o.div(r||(r=n(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n"]))),u=o.div(x||(x=n(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: ",";\n  padding: 24px 20px ","px 24px;\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: ",";\n  padding: 24px 20px ","px 24px;\n\n  ","\n"])),function(n){var e=n.$gap;return void 0!==e?"".concat(e,"px"):"56px"},48,function(o){var r=o.$bgType,x=o.$bgColor,c=o.$bgImageSrc;return r===e.IMAGE?c?i(t||(t=n(["\n        background-image: url(",");\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n      "],["\n        background-image: url(",");\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n      "])),c):i(p||(p=n([""],[""]))):x?r===e.GRADIENT?i(d||(d=n(["\n        background: radial-gradient(\n            92.35% 100% at 50% 0%,\n            rgba(255, 255, 255, 0.5) 0%,\n            rgba(0, 0, 0, 0.5) 100%\n          ),\n          ",";\n      "],["\n        background: radial-gradient(\n            92.35% 100% at 50% 0%,\n            rgba(255, 255, 255, 0.5) 0%,\n            rgba(0, 0, 0, 0.5) 100%\n          ),\n          ",";\n      "])),x):i(l||(l=n(["\n      background-color: ",";\n    "],["\n      background-color: ",";\n    "])),x):i(a||(a=n([""],[""])))}),m=o.div(c||(c=n(["\n  position: absolute;\n  left: 20px;\n  right: 20px;\n  top: calc(100% - ","px);\n  display: flex;\n  z-index: 1;\n"],["\n  position: absolute;\n  left: 20px;\n  right: 20px;\n  top: calc(100% - ","px);\n  display: flex;\n  z-index: 1;\n"])),48),v=o.div(s||(s=n(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background: white;\n  border: 1px solid #eef2f6;\n  border-radius: 6px;\n  box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 2px 0 rgba(0, 0, 0, 0.02),\n    0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 0 1px 0 rgba(0, 0, 0, 0.04);\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background: white;\n  border: 1px solid #eef2f6;\n  border-radius: 6px;\n  box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 2px 0 rgba(0, 0, 0, 0.02),\n    0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 0 1px 0 rgba(0, 0, 0, 0.04);\n"]))),y=o.div(g||(g=n(["\n  position: absolute;\n  right: 20px;\n  top: 24px;\n  display: flex;\n  padding: 4px;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  svg {\n    color: #f7f5ff;\n  }\n"],["\n  position: absolute;\n  right: 20px;\n  top: 24px;\n  display: flex;\n  padding: 4px;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  svg {\n    color: #f7f5ff;\n  }\n"])));export{b as CARD_OVERLAP_TOP,v as Card,y as CloseButton,f as Container,m as Content,u as TopSection};

package/build/renderer/screens/main-screen/header/user-logged-section/index.js

@@ -1 +1 @@
-import e from"react";import{observer as t}from"mobx-react";import'./../../../../../ext/react-i18next/dist/es/context.js';import{useTranslation as l}from'./../../../../../ext/react-i18next/dist/es/useTranslation.js';import{Container as r,TopRow as n,LeftSection as a,BadgeIconContainer as o,PointsContainer as m,Label as s,PointsValue as u,CurrentPoints as c,TotalPoints as i,RightSection as d,LevelBadge as E,BadgeText as f,ProgressBarContainer as L,ProgressBarFill as g}from"./style.js";import{BadgeIconTypeEnum as p}from"../../../../../models/loyalty-widget/types/index.js";import{BadgeLevel1 as v}from"../../../../../assets/badgeLevel1.js";import{BadgeLevel2 as b}from"../../../../../assets/badgeLevel2.js";import{BadgeLevel3 as j}from"../../../../../assets/badgeLevel3.js";import{BadgeLevel4 as y}from"../../../../../assets/badgeLevel4.js";var x=t(function(t){var x=t.viewModel,I=l().t,_=x.loyaltyWidget,h=x.user,T=_.settings;if(!h)return null;var V=h.totalPoint,w=h.customerTierId,M=(null==w?void 0:w.pointsRequired)||0,N=M>0?Math.min(V/M*100,100):0,P=e.useMemo(function(){var e=h.customerTierId;return e?"🏆  ".concat(e.name):"🏆  "},[T.badgeIconLevel,h.customerTierId]);return e.createElement(r,null,e.createElement(n,null,e.createElement(a,null,e.createElement(o,null,function(){switch(T.badgeIconLevel){case p.LEVEL_1:return e.createElement(v,null);case p.LEVEL_2:return e.createElement(b,null);case p.LEVEL_3:return e.createElement(j,null);case p.LEVEL_4:return e.createElement(y,null);default:return null}}()),e.createElement(m,null,e.createElement(s,null,I("header.earnedPoints")),e.createElement(u,null,e.createElement(c,null,V),e.createElement(i,null,"/ ",M)))),e.createElement(d,null,T.badgeIconLevel!==p.NONE&&e.createElement(E,null,e.createElement(f,null,P)))),e.createElement(L,null,e.createElement(g,{$percentage:N,$color:x.loyaltyWidget.header.background.bgColor||void 0})))});export{x as default};
+import e from"react";import{observer as t}from"mobx-react";import'./../../../../../ext/react-i18next/dist/es/context.js';import{useTranslation as l}from'./../../../../../ext/react-i18next/dist/es/useTranslation.js';import{Container as n,TopRow as r,LeftSection as o,BadgeIconContainer as a,PointsContainer as s,Label as m,PointsValue as u,CurrentPoints as c,TotalPoints as d,RightSection as i,LevelBadge as E,BadgeText as g,ProgressBarContainer as p,ProgressBarFill as f}from"./style.js";import{BadgeIconTypeEnum as L}from"../../../../../models/loyalty-widget/types/index.js";import{BadgeLevel1 as v}from"../../../../../assets/badgeLevel1.js";import{BadgeLevel2 as h}from"../../../../../assets/badgeLevel2.js";import{BadgeLevel3 as b}from"../../../../../assets/badgeLevel3.js";import{BadgeLevel4 as j}from"../../../../../assets/badgeLevel4.js";var y=t(function(t){var y=t.viewModel,w=l().t,x=y.loyaltyWidget,I=y.user,M=x.settings;if(!I)return null;var S=I.totalPoint,_=I.customerTierId,T=(null==_?void 0:_.pointsRequired)||0,V=T>0?Math.min(S/T*100,100):0,N=e.useMemo(function(){var e=I.customerTierId;return e?"🏆  ".concat(e.name):"🏆  "},[M.badgeIconLevel,I.customerTierId]);return e.createElement(n,null,e.createElement(r,null,e.createElement(o,null,e.createElement(a,null,function(){switch(M.badgeIconLevel){case L.LEVEL_1:return e.createElement(v,null);case L.LEVEL_2:return e.createElement(h,null);case L.LEVEL_3:return e.createElement(b,null);case L.LEVEL_4:return e.createElement(j,null);default:return null}}()),e.createElement(s,null,e.createElement(m,null,w("header.earnedPoints")),e.createElement(u,null,e.createElement(c,null,S),y.shouldShowSpendingMethods&&e.createElement(d,null,"/ ",T)))),e.createElement(i,null,M.badgeIconLevel!==L.NONE&&y.shouldShowSpendingMethods&&e.createElement(E,null,e.createElement(g,null,N)))),y.shouldShowSpendingMethods&&e.createElement(p,null,e.createElement(f,{$percentage:V,$color:y.loyaltyWidget.header.background.bgColor||void 0})))});export{y as default};

package/build/renderer/screens/main-screen/index.js

@@ -1 +1 @@
-import e from"react";import{observer as t}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as o}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import n from"./header/index.js";import r from"../../components/section-title/index.js";import i from"./earning-methods-section/index.js";import a from"./spending-methods-section/index.js";import m from"./program-info-section/index.js";import{Container as l,Content as s,Section as d}from"./style.js";import{CARD_OVERLAP_TOP as c}from"./header/style.js";import{EarningMethodTypeEnum as p}from"../../../models/types/index.js";import{ImageTypeEnum as g}from"../../../models/loyalty-widget/types/index.js";var f=t(function(t){var f=t.viewModel,u=t.onClose,h=t.onNavigate,x=o().t,E=e.useState(0),T=E[0],y=E[1],M=e.useState(56),j=M[0],v=M[1],C=Math.max(T-c+32,32),S=f.user,w=f.spendingMethods.length>0,_=!!S&&w,I=f.earningMethods.length>0,N=_||I;return e.createElement(l,null,e.createElement(n,{viewModel:f,onClose:u,onCardHeightChange:y,headerGap:j}),e.createElement(s,{$topPadding:C,onScroll:function(e){var t=f.loyaltyWidget.header.logo;if(t.type===g.SHOW&&t.src){var o=e.currentTarget.scrollTop,n=Math.max(16,56-o);v(n)}}},N&&e.createElement(d,null,e.createElement(r,{style:{paddingTop:0}},x(_?"main_screen.spendingMethodsTitle":"main_screen.earningMethodsTitle")),_?e.createElement(a,{viewModel:f,mode:"card",getActionProps:function(e){return null}}):e.createElement(i,{viewModel:f,getActionProps:function(e){return e.methodType===p.CUSTOMER_REGISTER?{actionText:x("common.create"),onClick:function(){}}:e.methodType===p.ENABLE_SUBSCRIPTION?{actionText:x("common.allow"),onClick:function(){}}:null}})),e.createElement(d,null,e.createElement(r,{style:{paddingTop:0}},x("main_screen.programInfoTitle")),e.createElement(m,{viewModel:f,onNavigate:h}))))});export{f as default};
+import e from"react";import{observer as t}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as o}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import n from"./header/index.js";import r from"../../components/section-title/index.js";import i from"./earning-methods-section/index.js";import a from"./spending-methods-section/index.js";import m from"./program-info-section/index.js";import{Container as l,Content as s,Section as d}from"./style.js";import{CARD_OVERLAP_TOP as c}from"./header/style.js";import{EarningMethodTypeEnum as p}from"../../../models/types/index.js";import{ImageTypeEnum as u}from"../../../models/loyalty-widget/types/index.js";var f=t(function(t){var f=t.viewModel,g=t.onClose,h=t.onNavigate,x=o().t,E=e.useState(0),T=E[0],y=E[1],v=e.useState(56),M=v[0],j=v[1],S=Math.max(T-c+32,32);f.user;var w=f.shouldShowSpendingMethods,C=f.earningMethods.length>0,_=w||C;return e.createElement(l,null,e.createElement(n,{viewModel:f,onClose:g,onCardHeightChange:y,headerGap:M}),e.createElement(s,{$topPadding:S,onScroll:function(e){var t=f.loyaltyWidget.header.logo;if(t.type===u.SHOW&&t.src){var o=e.currentTarget.scrollTop,n=Math.max(16,56-o);j(n)}}},_&&e.createElement(d,null,e.createElement(r,{style:{paddingTop:0}},x(w?"main_screen.spendingMethodsTitle":"main_screen.earningMethodsTitle")),w?e.createElement(a,{viewModel:f,mode:"card",getActionProps:function(e){return null}}):e.createElement(i,{viewModel:f,getActionProps:function(e){return e.methodType===p.CUSTOMER_REGISTER?{actionText:x("common.create"),onClick:function(){}}:e.methodType===p.ENABLE_SUBSCRIPTION?{actionText:x("common.allow"),onClick:function(){}}:null}})),e.createElement(d,null,e.createElement(r,{style:{paddingTop:0}},x("main_screen.programInfoTitle")),e.createElement(m,{viewModel:f,onNavigate:h}))))});export{f as default};

package/build/renderer/screens/main-screen/program-info-section/index.js

@@ -1 +1 @@
-import e from"react";import'./../../../../ext/react-i18next/dist/es/context.js';import{useTranslation as t}from'./../../../../ext/react-i18next/dist/es/useTranslation.js';import{observer as n}from"mobx-react";import{LoyaltyWidgetScreenTypeEnum as l}from"../../../../models/types/index.js";import{WidgetIconTypeEnum as r}from"../../../../models/loyalty-widget/types/index.js";import{Container as o,GridContainer as i,SmallCard as E,SmallCardIconWrapper as a,SmallCardBottom as m,Title as c,ArrowWrapper as u,RowCard as s}from"./style.js";import{getScreenIcon as d}from"../../../../utils.js";var _=function(){return e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M7.5 15L12.5 10L7.5 5",stroke:"currentColor",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"}))},T=n(function(n){var T=n.viewModel,p=n.onNavigate,C=t().t,N=!!T.user,R=T.loyaltyWidget.settings.widgetIconType;return e.createElement(o,null,e.createElement(i,null,e.createElement(E,{onClick:function(){return null==p?void 0:p(l.CREDIT_EARNING_METHODS_SCREEN)}},e.createElement(a,{$hasBgColor:R===r.ILLUSTRATION,$iconType:R},d(l.CREDIT_EARNING_METHODS_SCREEN,R)),e.createElement(m,null,e.createElement(c,null,C("main_screen.earnPoints")),e.createElement(u,null,e.createElement(_,null)))),e.createElement(E,{onClick:function(){return null==p?void 0:p(l.CREDIT_SPENDING_METHODS_SCREEN)}},e.createElement(a,{$hasBgColor:R===r.ILLUSTRATION,$iconType:R},d(l.CREDIT_SPENDING_METHODS_SCREEN,R)),e.createElement(m,null,e.createElement(c,null,C("main_screen.allRewards")),e.createElement(u,null,e.createElement(_,null))))),N&&e.createElement(e.Fragment,null,e.createElement(s,{onClick:function(){return null==p?void 0:p(l.LOYALTY_LEVEL_SCREEN)}},e.createElement(c,null,C("main_screen.tiers")),e.createElement(u,null,e.createElement(_,null))),e.createElement(s,{onClick:function(){return null==p?void 0:p(l.CREDIT_HISTORY_SCREEN)}},e.createElement(c,null,C("main_screen.pointHistory")),e.createElement(u,null,e.createElement(_,null)))))});export{T as default};
+import e from"react";import'./../../../../ext/react-i18next/dist/es/context.js';import{useTranslation as t}from'./../../../../ext/react-i18next/dist/es/useTranslation.js';import{observer as n}from"mobx-react";import{LoyaltyWidgetScreenTypeEnum as l}from"../../../../models/types/index.js";import{WidgetIconTypeEnum as r}from"../../../../models/loyalty-widget/types/index.js";import{Container as o,GridContainer as i,SmallCard as m,SmallCardIconWrapper as E,SmallCardBottom as a,Title as c,ArrowWrapper as u,RowCard as s}from"./style.js";import{getScreenIcon as d}from"../../../../utils.js";var _=function(){return e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M7.5 15L12.5 10L7.5 5",stroke:"currentColor",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"}))},T=n(function(n){var T=n.viewModel,p=n.onNavigate,C=t().t,N=T.user,R=!!N,I=T.loyaltyWidget.settings.widgetIconType;return e.createElement(o,null,e.createElement(i,null,e.createElement(m,{onClick:function(){return null==p?void 0:p(l.CREDIT_EARNING_METHODS_SCREEN)}},e.createElement(E,{$hasBgColor:I===r.ILLUSTRATION,$iconType:I},d(l.CREDIT_EARNING_METHODS_SCREEN,I)),e.createElement(a,null,e.createElement(c,null,C("main_screen.earnPoints")),e.createElement(u,null,e.createElement(_,null)))),e.createElement(m,{onClick:function(){return null==p?void 0:p(l.CREDIT_SPENDING_METHODS_SCREEN)}},e.createElement(E,{$hasBgColor:I===r.ILLUSTRATION,$iconType:I},d(l.CREDIT_SPENDING_METHODS_SCREEN,I)),e.createElement(a,null,e.createElement(c,null,C("main_screen.allRewards")),e.createElement(u,null,e.createElement(_,null))))),R&&e.createElement(e.Fragment,null,(null==N?void 0:N.customerTierId)&&e.createElement(s,{onClick:function(){return null==p?void 0:p(l.LOYALTY_LEVEL_SCREEN)}},e.createElement(c,null,C("main_screen.tiers")),e.createElement(u,null,e.createElement(_,null))),T.pointHistory.length>0&&e.createElement(s,{onClick:function(){return null==p?void 0:p(l.CREDIT_HISTORY_SCREEN)}},e.createElement(c,null,C("main_screen.pointHistory")),e.createElement(u,null,e.createElement(_,null)))))});export{T as default};

package/build/renderer/style.d.ts

@@ -8,9 +8,14 @@ export declare const Container: import("styled-components").StyledComponent<"div
 }, never>;
 export declare const Panel: import("styled-components").StyledComponent<"div", any, {
     $layoutType: LoyaltyWidgetLayoutTypeEnum;
+    $isOpen: boolean;
+    $widgetPosition: WidgetPositionEnum;
 }, never>;
 export declare const ScreenWrapper: import("styled-components").StyledComponent<"div", any, {
     $isActive: boolean;
     $isMain: boolean;
 }, never>;
-export declare const MiniModeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MiniModeWrapper: import("styled-components").StyledComponent<"div", any, {
+    $isVisible: boolean;
+    $widgetPosition: WidgetPositionEnum;
+}, never>;

package/build/renderer/style.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../ext/tslib/tslib.es6.mjs.js';import t,{css as i}from"styled-components";import{WidgetPositionEnum as e,LoyaltyWidgetLayoutTypeEnum as o}from"../models/loyalty-widget/types/index.js";import{WidgetMode as a}from"../models/types/index.js";var r,s,d,l,p,x,f,c,m=t.div(r||(r=n(["\n  position: ",";\n  position: ",";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: ",";\n  max-height: ",";\n  overflow: auto;\n  background-color: ",";\n  transition: background-color 0.3s ease-in-out;\n  z-index: 9999;\n  pointer-events: ",";\n\n  /* Ensure children are clickable in Mini Mode */\n  & > * {\n    pointer-events: auto;\n  }\n\n  display: flex;\n  justify-content: ",";\n  justify-content: ",";\n  align-items: ",";\n  padding: ",";\n  box-sizing: border-box;\n\n  @media (max-width: 600px) {\n    padding: ",";\n  }\n"],["\n  position: ",";\n  position: ",";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: ",";\n  max-height: ",";\n  overflow: auto;\n  background-color: ",";\n  transition: background-color 0.3s ease-in-out;\n  z-index: 9999;\n  pointer-events: ",";\n\n  /* Ensure children are clickable in Mini Mode */\n  & > * {\n    pointer-events: auto;\n  }\n\n  display: flex;\n  justify-content: ",";\n  justify-content: ",";\n  align-items: ",";\n  padding: ",";\n  box-sizing: border-box;\n\n  @media (max-width: 600px) {\n    padding: ",";\n  }\n"])),function(n){return n.$position||"fixed"},function(n){return n.$position||"fixed"},function(n){return"absolute"===n.$position?"100%":"100vh"},function(n){return"absolute"===n.$position?"100%":"100vh"},function(n){return n.$widgetMode===a.MINI_MODE?"transparent":"rgba(0, 0, 0, 0.5)"},function(n){return n.$widgetMode===a.MINI_MODE?"none":"auto"},function(n){return n.$widgetPosition===e.LEFT?"flex-start":"flex-end"},function(n){return n.$widgetPosition===e.LEFT?"flex-start":"flex-end"},function(n){var t=n.$layoutType;return n.$widgetMode===a.MINI_MODE?"flex-end":t===o.DRAWER?"stretch":"flex-start"},function(n){var t=n.$layoutType;return n.$widgetMode===a.MINI_MODE?"20px":t===o.DRAWER?"0":"40px 16px"},function(n){var t=n.$layoutType;return n.$widgetMode===a.MINI_MODE?"16px":t===o.DRAWER?"0":"24px"}),u=t.div(l||(l=n(["\n  position: relative;\n  display: block;\n  width: 100%;\n  max-width: 380px;\n  height: 100%;\n  background-color: #ffffff;\n  overflow: hidden;\n  align-self: ",";\n  \n  animation: slideInPanel 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n\n  @keyframes slideInPanel {\n    from {\n      opacity: 0;\n      transform: translateY(20px) scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n\n  ","\n\n  @media (max-width: 380px) {\n    max-width: 100%;\n  }\n"],["\n  position: relative;\n  display: block;\n  width: 100%;\n  max-width: 380px;\n  height: 100%;\n  background-color: #ffffff;\n  overflow: hidden;\n  align-self: ",";\n  \n  animation: slideInPanel 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n\n  @keyframes slideInPanel {\n    from {\n      opacity: 0;\n      transform: translateY(20px) scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n\n  ","\n\n  @media (max-width: 380px) {\n    max-width: 100%;\n  }\n"])),function(n){return n.$layoutType===o.DRAWER?"stretch":"flex-start"},function(t){return t.$layoutType===o.DRAWER?i(s||(s=n(["\n          border-radius: 0;\n          box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n        "],["\n          border-radius: 0;\n          box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n        "]))):i(d||(d=n(["\n          border-radius: 12px;\n          box-shadow: 0 136px 38px 0 rgba(0, 0, 0, 0),\n            0 87px 35px 0 rgba(0, 0, 0, 0.01),\n            0 49px 29px 0 rgba(0, 0, 0, 0.02),\n            0 22px 22px 0 rgba(0, 0, 0, 0.04),\n            0 5px 12px 0 rgba(0, 0, 0, 0.04);\n          max-height: min(850px, calc(100vh - 80px));\n\n          @media (max-width: 600px) {\n            max-height: min(850px, calc(100vh - 48px));\n          }\n        "],["\n          border-radius: 12px;\n          box-shadow: 0 136px 38px 0 rgba(0, 0, 0, 0),\n            0 87px 35px 0 rgba(0, 0, 0, 0.01),\n            0 49px 29px 0 rgba(0, 0, 0, 0.02),\n            0 22px 22px 0 rgba(0, 0, 0, 0.04),\n            0 5px 12px 0 rgba(0, 0, 0, 0.04);\n          max-height: min(850px, calc(100vh - 80px));\n\n          @media (max-width: 600px) {\n            max-height: min(850px, calc(100vh - 48px));\n          }\n        "])))}),h=t.div(f||(f=n(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  transition: transform 0.3s ease-in-out;\n  overflow-y: auto;\n\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  transition: transform 0.3s ease-in-out;\n  overflow-y: auto;\n\n  ","\n"])),function(t){var e=t.$isActive;return t.$isMain?i(p||(p=n(["\n        transform: translateX(",");\n        z-index: 1;\n      "],["\n        transform: translateX(",");\n        z-index: 1;\n      "])),e?"0%":"-100%"):i(x||(x=n(["\n        transform: translateX(",");\n        z-index: 2;\n      "],["\n        transform: translateX(",");\n        z-index: 2;\n      "])),e?"0%":"100%")}),g=t.div(c||(c=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  animation: slideIn 0.3s ease-out;\n\n  @keyframes slideIn {\n    from {\n      transform: translateY(20px);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  animation: slideIn 0.3s ease-out;\n\n  @keyframes slideIn {\n    from {\n      transform: translateY(20px);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n"])));export{m as Container,g as MiniModeWrapper,u as Panel,h as ScreenWrapper};
+import{__makeTemplateObject as n}from'./../ext/tslib/tslib.es6.mjs.js';import t,{css as i}from"styled-components";import{WidgetPositionEnum as o,LoyaltyWidgetLayoutTypeEnum as e}from"../models/loyalty-widget/types/index.js";import{WidgetMode as r}from"../models/types/index.js";var a,s,p,x,d,l,f,u,c=t.div(a||(a=n(["\n  position: ",";\n  position: ",";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: ",";\n  max-height: ",";\n  overflow: hidden; /* Prevent scrollbars from absolute children */\n  background-color: ",";\n  transition: background-color 0.3s ease-in-out;\n  z-index: 2147483647;\n  pointer-events: ",";\n\n  /* Ensure children are clickable in Mini Mode */\n  & > * {\n    pointer-events: auto;\n  }\n"],["\n  position: ",";\n  position: ",";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: ",";\n  max-height: ",";\n  overflow: hidden; /* Prevent scrollbars from absolute children */\n  background-color: ",";\n  transition: background-color 0.3s ease-in-out;\n  z-index: 2147483647;\n  pointer-events: ",";\n\n  /* Ensure children are clickable in Mini Mode */\n  & > * {\n    pointer-events: auto;\n  }\n"])),function(n){return n.$position||"fixed"},function(n){return n.$position||"fixed"},function(n){return"absolute"===n.$position?"100%":"100vh"},function(n){return"absolute"===n.$position?"100%":"100vh"},function(n){return n.$widgetMode===r.MINI_MODE?"transparent":"rgba(0, 0, 0, 0.5)"},function(n){return n.$widgetMode===r.MINI_MODE?"none":"auto"}),b=t.div(x||(x=n(["\n  position: absolute;\n  top: 0;\n  ","\n  display: block;\n  width: 100%;\n  max-width: 380px;\n  height: 100%;\n  background-color: #ffffff;\n  overflow: hidden;\n  \n  /* Animation props */\n  transform: ",";\n  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease-in-out;\n  opacity: ",";\n  pointer-events: ",";\n\n  ","\n\n  @media (max-width: 380px) {\n    max-width: 100%;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  ","\n  display: block;\n  width: 100%;\n  max-width: 380px;\n  height: 100%;\n  background-color: #ffffff;\n  overflow: hidden;\n  \n  /* Animation props */\n  transform: ",";\n  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease-in-out;\n  opacity: ",";\n  pointer-events: ",";\n\n  ","\n\n  @media (max-width: 380px) {\n    max-width: 100%;\n  }\n"])),function(n){return n.$widgetPosition===o.LEFT?"left: 0;":"right: 0;"},function(n){var t=n.$isOpen,i=n.$widgetPosition;return t?"translateX(0%)":i===o.LEFT?"translateX(-100%)":"translateX(100%)"},function(n){return n.$isOpen?1:0},function(n){return n.$isOpen?"auto":"none"},function(t){return t.$layoutType===e.DRAWER?i(s||(s=n(["\n          border-radius: 0;\n          box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n        "],["\n          border-radius: 0;\n          box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n        "]))):i(p||(p=n(["\n          border-radius: 12px;\n          box-shadow: 0 136px 38px 0 rgba(0, 0, 0, 0),\n            0 87px 35px 0 rgba(0, 0, 0, 0.01),\n            0 49px 29px 0 rgba(0, 0, 0, 0.02),\n            0 22px 22px 0 rgba(0, 0, 0, 0.04),\n            0 5px 12px 0 rgba(0, 0, 0, 0.04);\n          max-height: min(850px, calc(100vh - 80px));\n          margin: 40px 16px;\n\n          @media (max-width: 600px) {\n            max-height: min(850px, calc(100vh - 48px));\n            margin: 24px 16px;\n          }\n        "],["\n          border-radius: 12px;\n          box-shadow: 0 136px 38px 0 rgba(0, 0, 0, 0),\n            0 87px 35px 0 rgba(0, 0, 0, 0.01),\n            0 49px 29px 0 rgba(0, 0, 0, 0.02),\n            0 22px 22px 0 rgba(0, 0, 0, 0.04),\n            0 5px 12px 0 rgba(0, 0, 0, 0.04);\n          max-height: min(850px, calc(100vh - 80px));\n          margin: 40px 16px;\n\n          @media (max-width: 600px) {\n            max-height: min(850px, calc(100vh - 48px));\n            margin: 24px 16px;\n          }\n        "])))}),m=t.div(f||(f=n(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  overflow-y: auto;\n\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  overflow-y: auto;\n\n  ","\n"])),function(t){var o=t.$isActive;return t.$isMain?i(d||(d=n(["\n        transform: translateX(0%);\n        z-index: 1;\n      "],["\n        transform: translateX(0%);\n        z-index: 1;\n      "]))):i(l||(l=n(["\n        transform: translateX(",");\n        z-index: 2;\n        box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); \n      "],["\n        transform: translateX(",");\n        z-index: 2;\n        box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); \n      "])),o?"0%":"100%")}),h=t.div(u||(u=n(["\n  position: absolute;\n  bottom: 20px;\n  ","\n  display: flex;\n  flex-direction: column;\n  align-items: ",";\n  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n  opacity: ",";\n  transform: ",";\n  pointer-events: ",";\n"],["\n  position: absolute;\n  bottom: 20px;\n  ","\n  display: flex;\n  flex-direction: column;\n  align-items: ",";\n  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n  opacity: ",";\n  transform: ",";\n  pointer-events: ",";\n"])),function(n){return n.$widgetPosition===o.LEFT?"left: 20px;":"right: 20px;"},function(n){return n.$widgetPosition===o.LEFT?"flex-start":"flex-end"},function(n){return n.$isVisible?1:0},function(n){return n.$isVisible?"translateY(0)":"translateY(10px)"},function(n){return n.$isVisible?"auto":"none"});export{c as Container,h as MiniModeWrapper,b as Panel,m as ScreenWrapper};