@ikas/loyalty-widget-renderer 1.0.0-alpha.30 → 1.0.0-alpha.31

package/build/models/index.d.ts

@@ -26,9 +26,7 @@ export declare class LoyaltyWidgetViewModel {
     tiers: LoyaltyProgramTier[];
     pointHistory: LoyaltyProgramPointHistory[];
     callbacks?: LoyaltyWidgetCallbacks;
-    constructor(data: Partial<LoyaltyWidgetViewModel> | undefined, cdnURL: string, merchantId: string, currency: string, locale: string, storeURL?: string | null, previewModeProps?: {
-        changeWidgetMode: (mode: WidgetMode) => void;
-    }, callbacks?: LoyaltyWidgetCallbacks);
+    constructor(data: Partial<LoyaltyWidgetViewModel> | undefined, cdnURL: string, merchantId: string, currency: string, locale: string, storeURL?: string | null, isPreviewMode?: boolean, callbacks?: LoyaltyWidgetCallbacks);
     setWidgetMode(mode: WidgetMode): void;
     closeMiniModeDescription(): void;
 }

package/build/models/index.js

@@ -1 +1 @@
-import{makeObservable as t,observable as e}from"mobx";import{LoyaltyWidget as i}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,h,l,g,p,M,u){void 0===c&&(c={});var y=this;this.selectedScreen=c.selectedScreen||o.MAIN_SCREEN,M?(this.currentWidgetMode=s.WIDGET_MODE,M.changeWidgetMode=function(t){y.setWidgetMode(t)}):this.currentWidgetMode=c.currentWidgetMode||s.MINI_MODE,this.isMiniModeDescriptionClosed=c.isMiniModeDescriptionClosed||!1,this.isLoading=c.isLoading||!1,this.loyaltyWidget=c.loyaltyWidget instanceof i?c.loyaltyWidget:new i(c.loyaltyWidget),this.cdnURL=a,this.merchantId=h,this.storeUrl=p||c.storeUrl||"",this.currency=l,this.locale=g,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=u||void 0,t(this,{cartId:e,loyaltyWidget:e,isLoading:e,cdnURL:e,merchantId:e,storeUrl:e,currency:e,locale:e,selectedScreen:e,currentWidgetMode:e,isMiniModeDescriptionClosed:e,user:e,earningMethods:e,spendingMethods:e,tiers:e,categories:e,products:e,brands:e,tags:e,pointHistory:e})}return c.prototype.setWidgetMode=function(t){this.currentWidgetMode=t,t===s.WIDGET_MODE&&(this.isMiniModeDescriptionClosed=!0)},c.prototype.closeMiniModeDescription=function(){this.isMiniModeDescriptionClosed=!0},c}();export{c as LoyaltyWidgetViewModel};
+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:c.currentWidgetMode||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.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.isMiniModeDescriptionClosed=!0)},c.prototype.closeMiniModeDescription=function(){this.isMiniModeDescriptionClosed=!0},c}();export{c as LoyaltyWidgetViewModel};

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

@@ -3,6 +3,7 @@ import type { LoyaltyProgramEarningMethod } from "../loyalty-program-earning-met
 import type { LoyaltyCustomerInfo, LoyaltyProgramTier } from "../loyalty-customer-info";
 import type { LoyaltyWidget } from "../loyalty-widget";
 import type { LoyaltyProgramPointHistory } from "../loyalty-program-point-history";
+import { LoyaltyWidgetViewModel } from "models";
 export declare enum LoyaltyWidgetScreenTypeEnum {
     MAIN_SCREEN = "MAIN_SCREEN",
     CREDIT_SPENDING_METHODS_SCREEN = "CREDIT_SPENDING_METHODS_SCREEN",
@@ -113,7 +114,6 @@ export type IkasLoyaltyWidgetConfig = {
     storeURL?: string | null;
     callbacks: LoyaltyWidgetCallbacks;
     position?: "fixed" | "absolute";
-    previewModeProps?: {
-        changeWidgetMode: (mode: WidgetMode) => void;
-    };
+    isPreviewMode?: boolean;
+    onViewModelInitialized?: (viewModel: LoyaltyWidgetViewModel) => void;
 };

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";var r,o,a,x=p.div(r||(r=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 var(--Gray-Black-200, #ECECED);\n  background: var(--Basic-50, #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 var(--Gray-Black-200, #ECECED);\n  background: var(--Basic-50, #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"]))),i=p.div(o||(o=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: var(--Gray-Black-100, #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: #98A2B3;\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: var(--Gray-Black-100, #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: #98A2B3;\n\n  &:hover {\n    color: #667085;\n  }\n"]))),e=p.div(a||(a=n(["\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px;\n  padding-right: 24px; /* Space for close button */\n"],["\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px;\n  padding-right: 24px; /* Space for close button */\n"])));export{i as CloseButton,x as Container,e 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  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};

package/build/renderer/components/style/typography.d.ts

@@ -2,10 +2,11 @@ declare const textXSMedium: import("styled-components").FlattenSimpleInterpolati
 declare const textSM: import("styled-components").FlattenSimpleInterpolation;
 declare const textSMMedium: import("styled-components").FlattenSimpleInterpolation;
 declare const textSMSemiBold: import("styled-components").FlattenSimpleInterpolation;
+declare const textMD: import("styled-components").FlattenSimpleInterpolation;
 declare const textMDMedium: import("styled-components").FlattenSimpleInterpolation;
 declare const textLGMedium: import("styled-components").FlattenSimpleInterpolation;
 declare const textLGSemiBold: import("styled-components").FlattenSimpleInterpolation;
 declare const textXLSemiBold: import("styled-components").FlattenSimpleInterpolation;
 declare const displayXSSemiBold: import("styled-components").FlattenSimpleInterpolation;
 declare const Badge: import("styled-components").StyledComponent<"span", any, {}, never>;
-export { textXSMedium, textSM, textSMMedium, textSMSemiBold, textMDMedium, textLGMedium, textLGSemiBold, textXLSemiBold, displayXSSemiBold, Badge, };
+export { textXSMedium, textSM, textSMMedium, textSMSemiBold, textMD, textMDMedium, textLGMedium, textLGSemiBold, textXLSemiBold, displayXSSemiBold, Badge, };

package/build/renderer/components/style/typography.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import t,{css as e}from"styled-components";var o,i,l,f,p,s,h,x,g,r,a=e(o||(o=n(["\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px; /* 150% */\n  letter-spacing: -0.24px;\n"],["\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px; /* 150% */\n  letter-spacing: -0.24px;\n"]))),m=e(i||(i=n(["\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n"],["\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n"]))),d=e(l||(l=n(["\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n"],["\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n"]))),y=e(f||(f=n(["\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 20px;\n"],["\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 20px;\n"]))),c=e(p||(p=n(["\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n"],["\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n"]))),w=e(s||(s=n(["\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 28px;\n"],["\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 28px;\n"]))),z=e(h||(h=n(["\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 28px;\n"],["\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 28px;\n"]))),b=e(x||(x=n(["\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 30px;\n"],["\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 30px;\n"]))),u=e(g||(g=n(["\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 32px;\n"],["\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 32px;\n"]))),j=t.span(r||(r=n(["\n  display: flex;\n  padding: 2px 8px;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  border-radius: 6px;\n  border: 0.6px solid #cdd5df;\n  opacity: 0.8;\n  background: #f8fafc;\n  ","\n  color: #121926;\n"],["\n  display: flex;\n  padding: 2px 8px;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  border-radius: 6px;\n  border: 0.6px solid #cdd5df;\n  opacity: 0.8;\n  background: #f8fafc;\n  ","\n  color: #121926;\n"])),m);export{j as Badge,u as displayXSSemiBold,w as textLGMedium,z as textLGSemiBold,c as textMDMedium,m as textSM,d as textSMMedium,y as textSMSemiBold,b as textXLSemiBold,a as textXSMedium};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import t,{css as e}from"styled-components";var o,i,l,f,p,s,h,x,g,r,a,m=e(o||(o=n(["\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px; /* 150% */\n  letter-spacing: -0.24px;\n"],["\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px; /* 150% */\n  letter-spacing: -0.24px;\n"]))),y=e(i||(i=n(["\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n"],["\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n"]))),d=e(l||(l=n(["\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n"],["\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n"]))),w=e(f||(f=n(["\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 20px;\n"],["\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 20px;\n"]))),z=e(p||(p=n(["\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 24px\n"],["\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 24px\n"]))),c=e(s||(s=n(["\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n"],["\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n"]))),b=e(h||(h=n(["\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 28px;\n"],["\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 28px;\n"]))),u=e(x||(x=n(["\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 28px;\n"],["\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 28px;\n"]))),j=e(g||(g=n(["\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 30px;\n"],["\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 30px;\n"]))),k=e(r||(r=n(["\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 32px;\n"],["\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 32px;\n"]))),v=t.span(a||(a=n(["\n  display: flex;\n  padding: 2px 8px;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  border-radius: 6px;\n  border: 0.6px solid #cdd5df;\n  opacity: 0.8;\n  background: #f8fafc;\n  ","\n  color: #121926;\n"],["\n  display: flex;\n  padding: 2px 8px;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  border-radius: 6px;\n  border: 0.6px solid #cdd5df;\n  opacity: 0.8;\n  background: #f8fafc;\n  ","\n  color: #121926;\n"])),y);export{v as Badge,k as displayXSSemiBold,b as textLGMedium,u as textLGSemiBold,z as textMD,c as textMDMedium,y as textSM,d as textSMMedium,w as textSMSemiBold,j as textXLSemiBold,m as textXSMedium};

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 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{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 R from"./screens/credit-history-screen/index.js";import C from"./screens/loyalty-level-screen/index.js";import I from"./components/mini-mode-button/index.js";import M 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 b}from"../models/loyalty-customer-info/index.js";import{LoyaltyProgramEarningMethod as N}from"../models/loyalty-program-earning-method/index.js";import{LoyaltyProgramPointHistory as A}from"../models/loyalty-program-point-history/index.js";import{Container as T,MiniModeWrapper as k,Panel as P,ScreenWrapper as x}from"./style.js";var L=c(function(c){var L,j=c.config,D=o(function(){var e=j||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.previewModeProps,null==e?void 0:e.callbacks)})[0],O=i(!0);s(function(){e(void 0,void 0,void 0,function(){var e,r,o,i,s,c,l,a,d,u,y,E,g,h;return t(this,function(t){switch(t.label){case 0:if(!D.callbacks)return[3,6];t.label=1;case 1:return t.trys.push([1,4,5,6]),e=[D.callbacks.getLoyaltyWidget(),D.callbacks.listEarningMethods(),D.callbacks.listLoyaltyProgramTier({})],D.cartId&&(e.push(D.callbacks.listSpendingMethodsByCartId(D.cartId)),e.push(D.callbacks.getLoyaltyCustomerInfo()),e.push(D.callbacks.listLoyaltyProgramPointHistory({}))),[4,Promise.all(e)];case 2:return r=t.sent(),o=r[0],i=r[1],s=r[2],c=[],l=null,a=[],D.cartId&&(c=r[3],l=r[4],a=r[5]),D.loyaltyWidget=o instanceof _?o:new _(o||{}),D.earningMethods=i.map(function(e){return new N(e)}),D.tiers=s||[],D.cartId&&(D.spendingMethods=c.map(function(e){return new S(e)}),D.user=l?new b(l):null,D.pointHistory=a?a.map(function(e){return new A(e)}):[]),d=new Set,u=new Set,y=new Set,E=new Set,D.earningMethods.forEach(function(e){var t,r;e.methodType===m.ORDER_CREATE&&n(n([],(null===(t=e.orderSettings)||void 0===t?void 0:t.productFilters)||[],!0),(null===(r=e.productSettings)||void 0===r?void 0:r.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)})})}),D.spendingMethods&&D.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&&D.callbacks.getProducts&&g.push(D.callbacks.getProducts(Array.from(d)).then(function(e){return D.products=e})),u.size>0&&D.callbacks.getCategories&&g.push(D.callbacks.getCategories(Array.from(u)).then(function(e){return D.categories=e})),y.size>0&&D.callbacks.getBrands&&g.push(D.callbacks.getBrands(Array.from(y)).then(function(e){return D.brands=e})),E.size>0&&D.callbacks.getTags&&g.push(D.callbacks.getTags(Array.from(E)).then(function(e){return D.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,r,o,i;return t(this,function(t){switch(t.label){case 0:if(!D.callbacks)return[3,4];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Promise.all([D.callbacks.listSpendingMethodsByCartId(D.cartId),D.callbacks.getLoyaltyCustomerInfo(),D.callbacks.listLoyaltyProgramPointHistory({})])];case 2:return e=t.sent(),n=e[0],r=e[1],o=e[2],D.spendingMethods=n.map(function(e){return new S(e)}),D.user=r?new b(r):null,D.pointHistory=o?o.map(function(e){return new A(e)}):[],[3,4];case 3:return i=t.sent(),console.error("Failed to fetch cart dependent data",i),[3,4];case 4:return[2]}})})}},[D.cartId]);var B=function(e){D.selectedScreen=e},W=function(){D.setWidgetMode(u.MINI_MODE)},U=D.selectedScreen===d.MAIN_SCREEN,$=o(null),H=$[0],G=$[1];s(function(){D.selectedScreen!==d.MAIN_SCREEN&&G(D.selectedScreen)},[D.selectedScreen]);var F=U?H:D.selectedScreen,z=D.loyaltyWidget.settings.position||y.RIGHT,Y=D.loyaltyWidget.settings.type||E.DRAWER;return r.createElement(l,{i18n:a},r.createElement(T,{$layoutType:Y,$widgetPosition:z,$widgetMode:D.currentWidgetMode,$position:(null==j?void 0:j.position)||(null===(L=window.ikasLoyaltyWidgetConfig)||void 0===L?void 0:L.position)||"fixed"},D.currentWidgetMode===u.MINI_MODE?r.createElement(k,null,r.createElement(M,{viewModel:D}),r.createElement(I,{viewModel:D})):r.createElement(P,{$layoutType:Y},r.createElement(x,{$isActive:U,$isMain:!0},r.createElement(g,{viewModel:D,onClose:W,onNavigate:B})),r.createElement(x,{$isActive:!U,$isMain:!1},function(){switch(F){case d.CREDIT_SPENDING_METHODS_SCREEN:return r.createElement(h,{viewModel:D,onBack:function(){return B(d.MAIN_SCREEN)},onClose:W});case d.CREDIT_EARNING_METHODS_SCREEN:return r.createElement(v,{viewModel:D,onBack:function(){return B(d.MAIN_SCREEN)},onClose:W});case d.CREDIT_HISTORY_SCREEN:return r.createElement(R,{viewModel:D,onBack:function(){return B(d.MAIN_SCREEN)},onClose:W});case d.LOYALTY_LEVEL_SCREEN:return r.createElement(C,{viewModel:D,onBack:function(){return B(d.MAIN_SCREEN)},onClose:W});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 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};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/loyalty-widget-renderer",
-  "version": "1.0.0-alpha.30",
+  "version": "1.0.0-alpha.31",
   "description": "",
   "author": "ucy",
   "license": "ISC",