@ikas/loyalty-widget-renderer 1.0.0-alpha.58 → 1.0.0-alpha.6

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

@@ -1,9 +1,8 @@
 import { LoyaltyProgramSpendingMethod } from "../loyalty-program-spending-method";
 import type { LoyaltyProgramEarningMethod } from "../loyalty-program-earning-method";
-import type { LoyaltyCustomerInfo, LoyaltyProgramTier } from "../loyalty-customer-info";
+import type { LoyaltyCustomerInfo } 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",
@@ -11,10 +10,6 @@ export declare enum LoyaltyWidgetScreenTypeEnum {
     CREDIT_HISTORY_SCREEN = "CREDIT_HISTORY_SCREEN",
     LOYALTY_LEVEL_SCREEN = "LOYALTY_LEVEL_SCREEN"
 }
-export declare enum WidgetMode {
-    MINI_MODE = "MINI_MODE",
-    WIDGET_MODE = "WIDGET_MODE"
-}
 export declare enum EarningMethodTypeEnum {
     BUY_PRODUCT = "BUY_PRODUCT",
     CUSTOMER_REGISTER = "CUSTOMER_REGISTER",
@@ -46,6 +41,11 @@ export declare enum PeriodTypeEnum {
     WEEK = "WEEK",
     YEAR = "YEAR"
 }
+export declare class LoyaltyProgramPeriod {
+    period: string;
+    periodType: PeriodTypeEnum;
+    constructor(data?: Partial<LoyaltyProgramPeriod>);
+}
 export type Category = {
     id: string;
     name: string;
@@ -80,16 +80,45 @@ export type StringFilterInput = {
     endsWith?: string;
     nendsWith?: string;
 };
+export type LoyaltyProgramTierTranslation = {
+    locale: string;
+    name: string;
+};
+export type LoyaltyProgramTier = {
+    createdAt?: string;
+    customerSegmentId?: string;
+    deleted: boolean;
+    id: string;
+    isActive: boolean;
+    loyaltyProgramId: string;
+    name: string;
+    period?: LoyaltyProgramPeriod;
+    pointsRequired?: number;
+    tierPointMultiplier?: number;
+    translations?: LoyaltyProgramTierTranslation[];
+    updatedAt?: string;
+};
 export type ListLoyaltyProgramTierInput = {
     id?: StringFilterInput;
+    includeDeleted?: boolean;
     loyaltyProgramId?: StringFilterInput;
 };
 export declare enum LoyaltyProgramPointHistoryTypeEnum {
     EARN = "EARN",
     SPEND = "SPEND"
 }
+export type LoyaltyProgramPointHistoryTypeEnumFilterInput = {
+    eq?: LoyaltyProgramPointHistoryTypeEnum;
+    in?: LoyaltyProgramPointHistoryTypeEnum[];
+    ne?: LoyaltyProgramPointHistoryTypeEnum;
+    nin?: LoyaltyProgramPointHistoryTypeEnum[];
+};
 export type ListLoyaltyProgramPointHistoryInput = {
+    customerId?: StringFilterInput;
+    includeDeleted?: boolean;
     loyaltyProgramId?: StringFilterInput;
+    sort?: string;
+    type?: LoyaltyProgramPointHistoryTypeEnumFilterInput;
 };
 export type LoyaltyWidgetCallbacks = {
     listSpendingMethodsByCartId: (cartId?: string | null) => Promise<LoyaltyProgramSpendingMethod[]>;
@@ -100,23 +129,17 @@ export type LoyaltyWidgetCallbacks = {
     useLoyaltyPoints: (input: AddLoyaltyToCartInput) => Promise<boolean>;
     removeLoyaltyPointsFromCart: () => Promise<void>;
     getLoyaltyWidget: () => Promise<LoyaltyWidget>;
+    onWidgetClose: () => void;
     getProducts: (ids: string[]) => Promise<Product[]>;
     getCategories: (ids: string[]) => Promise<Category[]>;
     getBrands: (ids: string[]) => Promise<Brand[]>;
     getTags: (ids: string[]) => Promise<Tag[]>;
-    subscribeToMarketingNotifications: () => Promise<boolean>;
-    formatCurrency?: (price: number) => string;
 };
 export type IkasLoyaltyWidgetConfig = {
     cartId?: string | null;
-    userId?: string | null;
     cdnURL: string;
     merchantId: string;
     currency: string;
     locale: string;
-    storeURL?: string | null;
     callbacks: LoyaltyWidgetCallbacks;
-    position?: "fixed" | "absolute";
-    isPreviewMode?: boolean;
-    onViewModelInitialized?: (viewModel: LoyaltyWidgetViewModel) => void;
 };

package/build/models/types/index.js

@@ -1 +1 @@
-var E,R,T,_,N,C,D,I;!function(E){E.MAIN_SCREEN="MAIN_SCREEN",E.CREDIT_SPENDING_METHODS_SCREEN="CREDIT_SPENDING_METHODS_SCREEN",E.CREDIT_EARNING_METHODS_SCREEN="CREDIT_EARNING_METHODS_SCREEN",E.CREDIT_HISTORY_SCREEN="CREDIT_HISTORY_SCREEN",E.LOYALTY_LEVEL_SCREEN="LOYALTY_LEVEL_SCREEN"}(E||(E={})),function(E){E.MINI_MODE="MINI_MODE",E.WIDGET_MODE="WIDGET_MODE"}(R||(R={})),function(E){E.BUY_PRODUCT="BUY_PRODUCT",E.CUSTOMER_REGISTER="CUSTOMER_REGISTER",E.CUSTOMER_REVIEW="CUSTOMER_REVIEW",E.CUSTOMER_SEGMENT="CUSTOMER_SEGMENT",E.ENABLE_SUBSCRIPTION="ENABLE_SUBSCRIPTION",E.ORDER_CREATE="ORDER_CREATE"}(T||(T={})),function(E){E.DYNAMIC_ORDER_AMOUNT="DYNAMIC_ORDER_AMOUNT",E.DYNAMIC_ORDER_QUANTITY="DYNAMIC_ORDER_QUANTITY",E.STATIC="STATIC"}(_||(_={})),function(E){E.FIXED_AMOUNT="FIXED_AMOUNT",E.FREE_PRODUCT="FREE_PRODUCT",E.FREE_SHIPPING="FREE_SHIPPING",E.RATIO="RATIO"}(N||(N={})),function(E){E.CATEGORY="CATEGORY",E.DYNAMIC_CATEGORY="DYNAMIC_CATEGORY",E.PRODUCT_AND_VARIANT="PRODUCT_AND_VARIANT",E.PRODUCT_BRAND="PRODUCT_BRAND",E.PRODUCT_TAG="PRODUCT_TAG"}(C||(C={})),function(E){E.MONTH="MONTH",E.WEEK="WEEK",E.YEAR="YEAR"}(D||(D={})),function(E){E.EARN="EARN",E.SPEND="SPEND"}(I||(I={}));export{T as EarningMethodTypeEnum,C as LoyaltyProgramFilterTypeEnum,N as LoyaltyProgramMethodSpendingTypeEnum,_ as LoyaltyProgramPointEarningTypeEnum,I as LoyaltyProgramPointHistoryTypeEnum,E as LoyaltyWidgetScreenTypeEnum,D as PeriodTypeEnum,R as WidgetMode};
+import{makeObservable as E,observable as R}from"mobx";var T,_,N,C,O,A;!function(E){E.MAIN_SCREEN="MAIN_SCREEN",E.CREDIT_SPENDING_METHODS_SCREEN="CREDIT_SPENDING_METHODS_SCREEN",E.CREDIT_EARNING_METHODS_SCREEN="CREDIT_EARNING_METHODS_SCREEN",E.CREDIT_HISTORY_SCREEN="CREDIT_HISTORY_SCREEN",E.LOYALTY_LEVEL_SCREEN="LOYALTY_LEVEL_SCREEN"}(T||(T={})),function(E){E.BUY_PRODUCT="BUY_PRODUCT",E.CUSTOMER_REGISTER="CUSTOMER_REGISTER",E.CUSTOMER_REVIEW="CUSTOMER_REVIEW",E.CUSTOMER_SEGMENT="CUSTOMER_SEGMENT",E.ENABLE_SUBSCRIPTION="ENABLE_SUBSCRIPTION",E.ORDER_CREATE="ORDER_CREATE"}(_||(_={})),function(E){E.DYNAMIC_ORDER_AMOUNT="DYNAMIC_ORDER_AMOUNT",E.DYNAMIC_ORDER_QUANTITY="DYNAMIC_ORDER_QUANTITY",E.STATIC="STATIC"}(N||(N={})),function(E){E.FIXED_AMOUNT="FIXED_AMOUNT",E.FREE_PRODUCT="FREE_PRODUCT",E.FREE_SHIPPING="FREE_SHIPPING",E.RATIO="RATIO"}(C||(C={})),function(E){E.CATEGORY="CATEGORY",E.DYNAMIC_CATEGORY="DYNAMIC_CATEGORY",E.PRODUCT_AND_VARIANT="PRODUCT_AND_VARIANT",E.PRODUCT_BRAND="PRODUCT_BRAND",E.PRODUCT_TAG="PRODUCT_TAG"}(O||(O={})),function(E){E.MONTH="MONTH",E.WEEK="WEEK",E.YEAR="YEAR"}(A||(A={}));var D,I=function(T){void 0===T&&(T={}),this.period=T.period||"",this.periodType=T.periodType||A.MONTH,E(this,{period:R,periodType:R})};!function(E){E.EARN="EARN",E.SPEND="SPEND"}(D||(D={}));export{_ as EarningMethodTypeEnum,O as LoyaltyProgramFilterTypeEnum,C as LoyaltyProgramMethodSpendingTypeEnum,I as LoyaltyProgramPeriod,N as LoyaltyProgramPointEarningTypeEnum,D as LoyaltyProgramPointHistoryTypeEnum,T as LoyaltyWidgetScreenTypeEnum,A as PeriodTypeEnum};

package/build/renderer/components/button/index.js

@@ -1 +1 @@
-import{observer as o}from"mobx-react";import e from"react";import{Button as t,LoaderWrapper as r,Loader as i}from"./style.js";var l=o(function(o){var l=o.children,d=o.onClick,a=o.button,n=o.fontSize,s=o.paddingSize,b=o.fullWidth,m=void 0!==b&&b,u=o.disabled,c=void 0!==u&&u,f=o.isLoading,C=void 0!==f&&f;return e.createElement(t,{onClick:d,fullWidth:m,fontSize:n,paddingSize:s,borderRadius:a.buttonRadius,bgColor:a.bgColor,textColor:a.textColor,borderColor:a.borderColor,disabled:c||C},e.createElement(r,{className:C?"visible":""},e.createElement(i,null)),l)});export{l as default};
+import o from"react";import{Button as t,Loader as e}from"./style.js";var r=function(r){var i=r.children,d=r.onClick,l=r.button,n=r.fontSize,a=r.paddingSize,u=r.fullWidth,b=void 0!==u&&u,s=r.disabled,f=void 0!==s&&s,C=r.isLoading,c=void 0!==C&&C;return o.createElement(t,{onClick:d,fullWidth:b,fontSize:n,paddingSize:a,borderRadius:l.buttonRadius,bgColor:l.bgColor,textColor:l.textColor,borderColor:l.borderColor,disabled:f||c},c&&o.createElement(e,null),i)};export{r as default};

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

@@ -11,6 +11,5 @@ type ButtonProps = {
     disabled?: boolean;
 };
 export declare const Button: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
-export declare const LoaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Loader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};

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

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import t,{keyframes as e}from"styled-components";import{textXSMedium as r,textSM as i,textSMMedium as o,textMDMedium as a,textLGSemiBold as d,displayXSSemiBold as s}from"../style/typography.js";var p,l,u,c,m={textXSMedium:r,textSM:i,textSMMedium:o,textMDMedium:a,textLGSemiBold:d,displayXSSemiBold:s},x={small:"8px",medium:"10px 16px"},g=t.button(p||(p=n(["\n  border: none;\n  cursor: ",";\n  transition: all 0.2s ease;\n  opacity: ",";\n  /* pointer-events removed to allow cursor: not-allowed */\n\n  ","\n\n  padding: ",";\n  border-radius: ","px;\n  width: ",";\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  justify-content: center;\n  /* gap: 8px; Removed to handle spacing via LoaderWrapper transition */\n\n  &:hover {\n    opacity: ",";\n  }\n"],["\n  border: none;\n  cursor: ",";\n  transition: all 0.2s ease;\n  opacity: ",";\n  /* pointer-events removed to allow cursor: not-allowed */\n\n  ","\n\n  padding: ",";\n  border-radius: ","px;\n  width: ",";\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  justify-content: center;\n  /* gap: 8px; Removed to handle spacing via LoaderWrapper transition */\n\n  &:hover {\n    opacity: ",";\n  }\n"])),function(n){return n.disabled?"not-allowed":"pointer"},function(n){return n.disabled?.5:1},function(n){return m[n.fontSize]},function(n){return x[n.paddingSize]},function(n){return n.borderRadius},function(n){return n.fullWidth?"100%":"auto"},function(n){var t;return null!==(t=n.bgColor)&&void 0!==t?t:"transparent"},function(n){var t;return null!==(t=n.textColor)&&void 0!==t?t:"inherit"},function(n){return n.borderColor?"1px solid ".concat(n.borderColor):"none"},function(n){return n.disabled?.5:.9}),h=e(l||(l=n(["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"],["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"]))),f=t.div(u||(u=n(["\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  max-width: 0;\n  opacity: 0;\n  margin-right: 0;\n  transition:\n    max-width 0.3s ease-in-out,\n    opacity 0.3s ease-in-out,\n    margin-right 0.3s ease-in-out;\n\n  &.visible {\n    max-width: 20px; /* 14px width + extra space */\n    opacity: 1;\n    margin-right: 4px; /* Adjust gap here instead of parent gap */\n  }\n"],["\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  max-width: 0;\n  opacity: 0;\n  margin-right: 0;\n  transition:\n    max-width 0.3s ease-in-out,\n    opacity 0.3s ease-in-out,\n    margin-right 0.3s ease-in-out;\n\n  &.visible {\n    max-width: 20px; /* 14px width + extra space */\n    opacity: 1;\n    margin-right: 4px; /* Adjust gap here instead of parent gap */\n  }\n"]))),b=t.div(c||(c=n(["\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top: 2px solid currentColor;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  min-width: 14px;\n  animation: "," 1s linear infinite;\n"],["\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top: 2px solid currentColor;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  min-width: 14px;\n  animation: "," 1s linear infinite;\n"])),h);export{g as Button,b as Loader,f as LoaderWrapper};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import r,{keyframes as o}from"styled-components";import{textXSMedium as t,textSM as e,textSMMedium as i,textMDMedium as d,textLGSemiBold as a,displayXSSemiBold as l}from"../style/typography.js";var s,u,p,c={textXSMedium:t,textSM:e,textSMMedium:i,textMDMedium:d,textLGSemiBold:a,displayXSSemiBold:l},b={small:"8px",medium:"10px 16px"},f=r.button(s||(s=n(["\n  border: none;\n  cursor: ",";\n  transition: all 0.2s ease;\n  opacity: ",";\n  pointer-events: ",";\n\n  ","\n\n  padding: ",";\n  border-radius: ","px;\n  width: ",";\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n\n  &:hover {\n    opacity: 0.9;\n  }\n"],["\n  border: none;\n  cursor: ",";\n  transition: all 0.2s ease;\n  opacity: ",";\n  pointer-events: ",";\n\n  ","\n\n  padding: ",";\n  border-radius: ","px;\n  width: ",";\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n\n  &:hover {\n    opacity: 0.9;\n  }\n"])),function(n){return n.disabled?"not-allowed":"pointer"},function(n){return n.disabled?.5:1},function(n){return n.disabled?"none":"auto"},function(n){return c[n.fontSize]},function(n){return b[n.paddingSize]},function(n){return n.borderRadius},function(n){return n.fullWidth?"100%":"auto"},function(n){var r;return null!==(r=n.bgColor)&&void 0!==r?r:"transparent"},function(n){var r;return null!==(r=n.textColor)&&void 0!==r?r:"inherit"},function(n){return n.borderColor?"1px solid ".concat(n.borderColor):"none"}),m=o(u||(u=n(["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"],["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"]))),x=r.div(p||(p=n(["\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top: 2px solid currentColor;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  animation: "," 1s linear infinite;\n"],["\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top: 2px solid currentColor;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  animation: "," 1s linear infinite;\n"])),m);export{f as Button,x as Loader};

package/build/renderer/components/loyalty-method-card/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { LoyaltyWidgetButton } from "models/button";
 import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
+import { LoyaltyWidgetButton } from "models/button";
 export type LoyaltyMethodCardProps = {
     title: string;
     description: string | React.ReactNode;
@@ -8,7 +8,6 @@ export type LoyaltyMethodCardProps = {
     action?: {
         text: string;
         onClick: () => void;
-        loading?: boolean;
     };
     isCompleted?: boolean;
     mode: "card" | "accordion";

package/build/renderer/components/loyalty-method-card/index.js

@@ -1 +1 @@
-import{observer as e}from"mobx-react";import t,{useState as n}from"react";import{CheckCircleFill as i}from"../../../assets/icons/check-circle-fill.js";import{ChevronLeft as o}from"../../../assets/icons/chevron-left.js";import{WidgetIconTypeEnum as l}from"../../../models/loyalty-widget/types/index.js";import r from"../button/index.js";import{Container as c,Header as a,IconWrapper as m,Content as d,Title as s,Description as p,ArrowButton as u,AccordionWrapper as f,AccordionInner as E}from"./style.js";var g=e(function(e){var g=e.title,y=e.description,x=e.icon,$=e.action,b=e.isCompleted,v=e.mode,C=e.children,j=e.padding,k=e.settings,O=n(!1),h=O[0],w=O[1],I=!b&&(null==$?void 0:$.text)&&(null==$?void 0:$.onClick);return t.createElement(c,{$borderRadius:k.borderRadius,$isCompleted:b,$padding:j},t.createElement(a,{onClick:function(){"accordion"===v&&w(!h)},style:{cursor:"accordion"===v?"pointer":"default"}},k.widgetIconType!==l.NONE&&t.createElement(m,{$iconType:k.widgetIconType},x),t.createElement(d,null,t.createElement(s,null,g),t.createElement(p,null,y)),"card"===v?t.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},b&&t.createElement(i,null),I&&t.createElement(r,{button:k.button,paddingSize:"small",fontSize:"textSMMedium",onClick:$.onClick,isLoading:$.loading},$.text)):t.createElement(u,{$isOpen:h},t.createElement(o,null))),"accordion"===v&&t.createElement(f,{$isOpen:h},t.createElement(E,{$isOpen:h},C)))});export{g as default};
+import e,{useState as t}from"react";import{observer as n}from"mobx-react";import l from"../button/index.js";import{CheckCircleFill as i}from"../../../assets/icons/check-circle-fill.js";import{ChevronLeft as r}from"../../../assets/icons/chevron-left.js";import{Container as o,Header as c,IconWrapper as a,Content as m,Title as s,Description as d,ArrowButton as p,AccordionWrapper as u,AccordionInner as f}from"./style.js";var E=n(function(n){var E=n.title,x=n.description,g=n.icon,$=n.action,b=n.isCompleted,v=n.mode,y=n.children,C=n.padding,k=n.settings,j=t(!1),h=j[0],O=j[1],S=!b&&(null==$?void 0:$.text)&&(null==$?void 0:$.onClick);return e.createElement(o,{$borderRadius:k.borderRadius,$isCompleted:b,$padding:C},e.createElement(c,{onClick:function(){"accordion"===v&&O(!h)},style:{cursor:"accordion"===v?"pointer":"default"}},e.createElement(a,{$iconType:k.widgetIconType},g),e.createElement(m,null,e.createElement(s,null,E),e.createElement(d,null,x)),"card"===v?e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},b&&e.createElement(i,null),S&&e.createElement(l,{button:k.button,paddingSize:"small",fontSize:"textSMMedium",onClick:$.onClick},$.text)):e.createElement(p,{$isOpen:h},e.createElement(r,null))),"accordion"===v&&e.createElement(u,{$isOpen:h},e.createElement(f,{$isOpen:h},y)))});export{E as default};

package/build/renderer/components/loyalty-method-card/style.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e,{css as r}from"styled-components";import{WidgetIconTypeEnum as o}from"../../../models/loyalty-widget/types/index.js";import{iconWrapperShape as t}from"../style/icon-wrapper.js";import{textSMMedium as i,textSM as a}from"../style/typography.js";var s,d,p,l,f,c,x,u,g,b,m,y=e.div(s||(s=n(["\n  display: flex;\n  padding: ",";\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  border-radius: ","px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  opacity: ",";\n  user-select: none;\n  transition: border-color 0.2s ease-in-out;\n\n  &:hover {\n    border-color: #cdd5df;\n  }\n"],["\n  display: flex;\n  padding: ",";\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  border-radius: ","px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  opacity: ",";\n  user-select: none;\n  transition: border-color 0.2s ease-in-out;\n\n  &:hover {\n    border-color: #cdd5df;\n  }\n"])),function(n){return n.$padding||"16px 14px"},function(n){return n.$borderRadius},function(n){return n.$isCompleted?"0.8":"1"}),h=e.div(d||(d=n(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  align-self: stretch;\n  width: 100%;\n"],["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  align-self: stretch;\n  width: 100%;\n"]))),v=e.div(f||(f=n(["\n  ","\n\n  ","\n\n  ","\n"],["\n  ","\n\n  ","\n\n  ","\n"])),t,function(e){return e.$iconType===o.ILLUSTRATION&&r(p||(p=n(["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "],["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "])))},function(e){return e.$iconType===o.NORMAL&&r(l||(l=n(["\n      border-radius: 8px;\n      border: 1px solid #e3e8ef;\n      background: #fff;\n      box-shadow:\n        0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n        0 4px 1px 0 rgba(38, 69, 109, 0),\n        0 2px 1px 0 rgba(38, 69, 109, 0.01),\n        0 1px 1px 0 rgba(38, 69, 109, 0.02),\n        0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n      svg {\n        color: #4b5565;\n      }\n    "],["\n      border-radius: 8px;\n      border: 1px solid #e3e8ef;\n      background: #fff;\n      box-shadow:\n        0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n        0 4px 1px 0 rgba(38, 69, 109, 0),\n        0 2px 1px 0 rgba(38, 69, 109, 0.01),\n        0 1px 1px 0 rgba(38, 69, 109, 0.02),\n        0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n      svg {\n        color: #4b5565;\n      }\n    "])))}),w=e.div(c||(c=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n"]))),$=e.div(x||(x=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),i),k=e.div(u||(u=n(["\n  color: #364152;\n  ","\n"],["\n  color: #364152;\n  ","\n"])),a),O=e.div(g||(g=n(["\n  display: grid;\n  grid-template-rows: ",";\n  transition: grid-template-rows 300ms ease-in-out;\n  width: 100%;\n"],["\n  display: grid;\n  grid-template-rows: ",";\n  transition: grid-template-rows 300ms ease-in-out;\n  width: 100%;\n"])),function(n){return n.$isOpen?"1fr":"0fr"}),j=e.div(b||(b=n(["\n  overflow: hidden;\n  color: #4b5565;\n  ","\n\n  /* Spacing: We need 20px from header. */\n  padding-top: ",";\n\n  /* Optional: fade content in/out */\n  opacity: ",";\n  transition:\n    opacity 300ms ease-in-out,\n    padding-top 300ms ease-in-out;\n"],["\n  overflow: hidden;\n  color: #4b5565;\n  ","\n\n  /* Spacing: We need 20px from header. */\n  padding-top: ",";\n\n  /* Optional: fade content in/out */\n  opacity: ",";\n  transition:\n    opacity 300ms ease-in-out,\n    padding-top 300ms ease-in-out;\n"])),a,function(n){return n.$isOpen?"20px":"0px"},function(n){return n.$isOpen?1:0}),T=e.button(m||(m=n(["\n  border: none;\n  background: none;\n  cursor: pointer;\n  transform: rotate(",");\n  transition: transform 0.2s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9aa4b2;\n"],["\n  border: none;\n  background: none;\n  cursor: pointer;\n  transform: rotate(",");\n  transition: transform 0.2s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9aa4b2;\n"])),function(n){return n.$isOpen?"270deg":"180deg"});export{j as AccordionInner,O as AccordionWrapper,T as ArrowButton,y as Container,w as Content,k as Description,h as Header,v as IconWrapper,$ as Title};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import{WidgetIconTypeEnum as e}from"../../../models/loyalty-widget/types/index.js";import t,{css as r}from"styled-components";import{textSMMedium as i,textSM as o}from"../style/typography.js";var a,s,d,p,l,f,c,x,g,u,m,b=t.div(a||(a=n(["\n  display: flex;\n  padding: ",";\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  border-radius: ","px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  opacity: ",";\n  user-select: none;\n"],["\n  display: flex;\n  padding: ",";\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  border-radius: ","px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  opacity: ",";\n  user-select: none;\n"])),function(n){return n.$padding||"16px 14px"},function(n){return n.$borderRadius},function(n){return n.$isCompleted?"0.8":"1"}),y=t.div(s||(s=n(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  align-self: stretch;\n  width: 100%;\n"],["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  align-self: stretch;\n  width: 100%;\n"]))),h=t.div(l||(l=n(["\n  display: flex;\n  width: 36px;\n  height: 36px;\n\n  justify-content: center;\n  align-items: center;\n\n  ","\n\n  ","\n"],["\n  display: flex;\n  width: 36px;\n  height: 36px;\n\n  justify-content: center;\n  align-items: center;\n\n  ","\n\n  ","\n"])),function(t){return t.$iconType===e.ILLUSTRATION&&r(d||(d=n(["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "],["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "])))},function(t){return t.$iconType===e.NORMAL&&r(p||(p=n(["\n      border-radius: 8px;\n      border: 1px solid #e3e8ef;\n      background: #fff;\n      box-shadow: 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n        0 4px 1px 0 rgba(38, 69, 109, 0), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n        0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n      svg {\n        color: #4b5565;\n      }\n    "],["\n      border-radius: 8px;\n      border: 1px solid #e3e8ef;\n      background: #fff;\n      box-shadow: 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n        0 4px 1px 0 rgba(38, 69, 109, 0), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n        0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n      svg {\n        color: #4b5565;\n      }\n    "])))}),w=t.div(f||(f=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n"]))),v=t.div(c||(c=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),i),$=t.div(x||(x=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),o),j=t.div(g||(g=n(["\n  display: grid;\n  grid-template-rows: ",";\n  transition: grid-template-rows 300ms ease-in-out;\n  width: 100%;\n"],["\n  display: grid;\n  grid-template-rows: ",";\n  transition: grid-template-rows 300ms ease-in-out;\n  width: 100%;\n"])),function(n){return n.$isOpen?"1fr":"0fr"}),k=t.div(u||(u=n(["\n  overflow: hidden;\n  color: #4b5565;\n  ","\n\n  /* Spacing: We need 20px from header. */\n  padding-top: ",";\n\n  /* Optional: fade content in/out */\n  opacity: ",";\n  transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out;\n"],["\n  overflow: hidden;\n  color: #4b5565;\n  ","\n\n  /* Spacing: We need 20px from header. */\n  padding-top: ",";\n\n  /* Optional: fade content in/out */\n  opacity: ",";\n  transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out;\n"])),o,function(n){return n.$isOpen?"20px":"0px"},function(n){return n.$isOpen?1:0}),O=t.button(m||(m=n(["\n  border: none;\n  background: none;\n  cursor: pointer;\n  transform: rotate(",");\n  transition: transform 0.2s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9aa4b2;\n  padding: 4px;\n"],["\n  border: none;\n  background: none;\n  cursor: pointer;\n  transform: rotate(",");\n  transition: transform 0.2s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9aa4b2;\n  padding: 4px;\n"])),function(n){return n.$isOpen?"270deg":"180deg"});export{k as AccordionInner,j as AccordionWrapper,O as ArrowButton,b as Container,w as Content,$ as Description,y as Header,h as IconWrapper,v as Title};

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

@@ -1,13 +1,11 @@
-declare const textXS: import("styled-components").FlattenSimpleInterpolation;
 declare const textXSMedium: import("styled-components").FlattenSimpleInterpolation;
 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 { textXS, textXSMedium, textSM, textSMMedium, textSMSemiBold, textMD, textMDMedium, textLGMedium, textLGSemiBold, textXLSemiBold, displayXSSemiBold, Badge, };
+export { textXSMedium, textSM, textSMMedium, textSMSemiBold, 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,h,s,x,g,r,a,m,y=e(o||(o=n(["\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n"],["\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n"]))),d=e(i||(i=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"]))),w=e(l||(l=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"]))),z=e(f||(f=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"]))),c=e(p||(p=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"]))),b=e(h||(h=n(["\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px;\n"],["\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px;\n"]))),u=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"]))),j=e(x||(x=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"]))),k=e(g||(g=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"]))),v=e(r||(r=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"]))),_=e(a||(a=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"]))),q=t.span(m||(m=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"])),w);export{q as Badge,_ as displayXSSemiBold,j as textLGMedium,k as textLGSemiBold,b as textMD,u as textMDMedium,w as textSM,z as textSMMedium,c as textSMSemiBold,v as textXLSemiBold,y as textXS,d 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=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};

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

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

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

package/build/renderer/screens/credit-history-screen/index.js

@@ -1 +1 @@
-import{observer as e}from"mobx-react";import t from"react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as n}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import{XClose as r}from"../../../assets/icons/x-close.js";import{ChevronLeft as l}from"../../../assets/icons/chevron-left.js";import{LoyaltyProgramPointHistoryTypeEnum as o}from"../../../models/types/index.js";import a from"../../components/count-up/index.js";import{Container as m,Header as c,IconButton as i,Title as s,Content as u,PointsSection as d,PointsTitle as E,PointsValue as p,HistoryList as f,HistoryItem as y,HistoryItemLeft as x,HistoryItemTitle as h,HistoryItemDate as j,HistoryItemAmount as g,Divider as v}from"./style.js";var k=e(function(e){var k=e.viewModel,T=e.onBack,w=e.onClose,C=n().t,R=k.user,b=k.pointHistory,A=k.locale;return t.createElement(m,null,t.createElement(c,null,t.createElement(i,{onClick:T},t.createElement(l,null)),t.createElement(s,null,C("screens.creditHistory")),t.createElement(i,{onClick:w},t.createElement(r,null))),t.createElement(u,null,R&&t.createElement(d,{$borderRadius:k.loyaltyWidget.settings.cartBorderRadius},t.createElement(E,null,C("header.earnedPoints")),t.createElement(p,null,t.createElement(a,{end:R.totalPoint}))),t.createElement(f,null,b.map(function(e,n){var r=e.type===o.EARN;return t.createElement(t.Fragment,{key:e.id},t.createElement(y,null,t.createElement(x,null,t.createElement(h,null,C(r?"history.earnedTitle":"history.spentTitle")),t.createElement(j,null,function(e){if(!e)return"";try{return new Intl.DateTimeFormat(A,{day:"numeric",month:"long",year:"numeric"}).format(new Date(e))}catch(t){return e}}(e.createdAt))),t.createElement(g,{$isEarn:r},r?"":"-",e.amount)),n<b.length-1&&t.createElement(v,null))}))))});export{k as default};
+import e from"react";import{observer as t}from"mobx-react";import{useTranslation as n}from"react-i18next";import{XClose as r}from"../../../assets/icons/x-close.js";import{ChevronLeft as l}from"../../../assets/icons/chevron-left.js";import{Container as a,Header as m,IconButton as o,Title as c,Content as i,PointsSection as s,PointsTitle as u,PointsValue as E,HistoryList as f,HistoryItem as p,HistoryItemLeft as d,HistoryItemTitle as y,HistoryItemDate as h,HistoryItemAmount as v,Divider as x}from"./style.js";import{LoyaltyProgramPointHistoryTypeEnum as j}from"../../../models/types/index.js";var k=t(function(t){var k=t.viewModel,g=t.onBack,w=t.onClose,C=n().t,T=k.user,A=k.pointHistory,D=k.locale;return e.createElement(a,null,e.createElement(m,null,e.createElement(o,{onClick:g},e.createElement(l,null)),e.createElement(c,null,C("screens.creditHistory")),e.createElement(o,{onClick:w},e.createElement(r,null))),e.createElement(i,null,T&&e.createElement(s,null,e.createElement(u,null,C("header.earnedPoints")),e.createElement(E,null,T.totalPoint)),e.createElement(f,null,A.map(function(t,n){var r=t.type===j.EARN;return e.createElement(e.Fragment,{key:t.id},e.createElement(p,null,e.createElement(d,null,e.createElement(y,null,C(r?"history.earnedTitle":"history.spentTitle")),e.createElement(h,null,function(e){if(!e)return"";try{return new Intl.DateTimeFormat(D,{day:"numeric",month:"long",year:"numeric"}).format(new Date(e))}catch(t){return e}}(t.createdAt))),e.createElement(v,{$isEarn:r},r?"":"-",t.amount)),n<A.length-1&&e.createElement(x,null))}))))});export{k as default};

package/build/renderer/screens/credit-history-screen/style.d.ts

@@ -3,9 +3,7 @@ export declare const Header: import("styled-components").StyledComponent<"div",
 export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const IconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PointsSection: import("styled-components").StyledComponent<"div", any, {
-    $borderRadius: number;
-}, never>;
+export declare const PointsSection: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PointsTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PointsValue: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const HistoryList: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/renderer/screens/credit-history-screen/style.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e from"styled-components";import{textMDMedium as o,textSMMedium as i,textXLSemiBold as p,textXSMedium as r,textLGMedium as t}from"../../components/style/typography.js";var d,a,l,x,f,c,s,g,b,u,m,y,v,h,k,w=e.div(d||(d=n(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"]))),j=e.div(a||(a=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"]))),z=e.div(l||(l=n(["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"],["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"])),o),$=e.button(x||(x=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"]))),E=e.div(f||(f=n(["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"],["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"]))),R=e.div(c||(c=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: ",";\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 24px 16px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: ",";\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 24px 16px;\n"])),function(n){var e=n.$borderRadius;return"".concat(e,"px")}),_=e.div(s||(s=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),i),q=e.div(g||(g=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),p),A=e.div(b||(b=n(["\n  display: flex;\n  flex-direction: column;\n  padding: 0 16px;\n  margin-top: 4px;\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: 0 16px;\n  margin-top: 4px;\n"]))),B=e.div(u||(u=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 12px 0 6px;\n  gap: 16px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 12px 0 6px;\n  gap: 16px;\n"]))),C=e.div(m||(m=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"]))),D=e.div(y||(y=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),i),F=e.div(v||(v=n(["\n  ","\n  color: #697586;\n"],["\n  ","\n  color: #697586;\n"])),r),G=e.div(h||(h=n(["\n  ","\n  color: ",";\n"],["\n  ","\n  color: ",";\n"])),t,function(n){return n.$isEarn?"#121926":"#697586"}),H=e.div(k||(k=n(["\n  height: 1px;\n  background-color: #eef2f6;\n  margin: 16px 0;\n  width: 100%;\n"],["\n  height: 1px;\n  background-color: #eef2f6;\n  margin: 16px 0;\n  width: 100%;\n"])));export{w as Container,E as Content,H as Divider,j as Header,B as HistoryItem,G as HistoryItemAmount,F as HistoryItemDate,C as HistoryItemLeft,D as HistoryItemTitle,A as HistoryList,$ as IconButton,R as PointsSection,_ as PointsTitle,q as PointsValue,z as Title};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e from"styled-components";import{textMDMedium as o,textSMMedium as i,textXLSemiBold as p,textXSMedium as t,textLGMedium as r}from"../../components/style/typography.js";var d,a,l,x,f,c,s,g,b,m,u,y,v,h,k,w=e.div(d||(d=n(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"]))),j=e.div(a||(a=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"]))),z=e.div(l||(l=n(["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"],["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"])),o),E=e.button(x||(x=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"]))),$=e.div(f||(f=n(["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"],["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"]))),_=e.div(c||(c=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 24px 16px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 24px 16px;\n"]))),q=e.div(s||(s=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),i),A=e.div(g||(g=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),p),B=e.div(b||(b=n(["\n  display: flex;\n  flex-direction: column;\n  padding: 0 16px;\n  margin-top: 4px;\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: 0 16px;\n  margin-top: 4px;\n"]))),C=e.div(m||(m=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 12px 0 6px;\n  gap: 16px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 12px 0 6px;\n  gap: 16px;\n"]))),D=e.div(u||(u=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"]))),F=e.div(y||(y=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),i),G=e.div(v||(v=n(["\n  ","\n  color: #697586;\n"],["\n  ","\n  color: #697586;\n"])),t),H=e.div(h||(h=n(["\n  ","\n  color: ",";\n"],["\n  ","\n  color: ",";\n"])),r,function(n){return n.$isEarn?"#121926":"#697586"}),I=e.div(k||(k=n(["\n  height: 1px;\n  background-color: #eef2f6;\n  margin: 16px 0;\n  width: 100%;\n"],["\n  height: 1px;\n  background-color: #eef2f6;\n  margin: 16px 0;\n  width: 100%;\n"])));export{w as Container,$ as Content,I as Divider,j as Header,C as HistoryItem,H as HistoryItemAmount,G as HistoryItemDate,D as HistoryItemLeft,F as HistoryItemTitle,B as HistoryList,E as IconButton,_ as PointsSection,q as PointsTitle,A as PointsValue,z as Title};

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

@@ -1 +1 @@
-import{observer as e}from"mobx-react";import t from"react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as n}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import{ChevronLeft as o}from"../../../assets/icons/chevron-left.js";import{XClose as r}from"../../../assets/icons/x-close.js";import l from"../../components/count-up/index.js";import s from"../main-screen/spending-methods-section/index.js";import{Container as i,Header as m,IconButton as c,Title as a,Content as d,PointsSection as u,PointsTitle as p,PointsValue as E}from"./style.js";var f=e(function(e){var f=e.viewModel,x=e.onBack,j=e.onClose,g=n().t,h=f.user;return t.createElement(i,null,t.createElement(m,null,t.createElement(c,{onClick:x},t.createElement(o,null)),t.createElement(a,null,g("screens.creditSpendingMethods")),t.createElement(c,{onClick:j},t.createElement(r,null))),t.createElement(d,null,h&&t.createElement(u,{$borderRadius:f.loyaltyWidget.settings.cartBorderRadius},t.createElement(p,null,g("header.earnedPoints")),t.createElement(E,null,t.createElement(l,{end:h.totalPoint}))),t.createElement(s,{viewModel:f,mode:"accordion",methods:f.spendingMethods,getActionProps:function(e){return null}})))});export{f as default};
+import e from"react";import{observer as t}from"mobx-react";import{useTranslation as n}from"react-i18next";import r from"../main-screen/spending-methods-section/index.js";import{ChevronLeft as l}from"../../../assets/icons/chevron-left.js";import{XClose as o}from"../../../assets/icons/x-close.js";import{Container as c,Header as m,IconButton as a,Title as i,Content as s,PointsSection as u,PointsTitle as d,PointsValue as E}from"./style.js";var f=t(function(t){var f=t.viewModel,p=t.onBack,v=t.onClose,x=n().t,h=f.user;return e.createElement(c,null,e.createElement(m,null,e.createElement(a,{onClick:p},e.createElement(l,null)),e.createElement(i,null,x("screens.creditSpendingMethods")),e.createElement(a,{onClick:v},e.createElement(o,null))),e.createElement(s,null,h&&e.createElement(u,null,e.createElement(d,null,x("header.earnedPoints")),e.createElement(E,null,h.totalPoint)),e.createElement(r,{viewModel:f,mode:"accordion",getActionProps:function(e){return null}})))});export{f as default};

package/build/renderer/screens/credit-spending-methods-screen/style.d.ts

@@ -3,8 +3,6 @@ export declare const Header: import("styled-components").StyledComponent<"div",
 export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const IconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PointsSection: import("styled-components").StyledComponent<"div", any, {
-    $borderRadius: number;
-}, never>;
+export declare const PointsSection: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PointsTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PointsValue: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/renderer/screens/credit-spending-methods-screen/style.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"styled-components";import{textMDMedium as e,textSMMedium as r,textXLSemiBold as t}from"../../components/style/typography.js";var i,p,d,f,a,x,c,l,s=o.div(i||(i=n(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"]))),g=o.div(p||(p=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"]))),b=o.div(d||(d=n(["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"],["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"])),e),u=o.button(f||(f=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"]))),m=o.div(a||(a=n(["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"],["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"]))),y=o.div(x||(x=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: ",";\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 28px 16px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: ",";\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 28px 16px;\n"])),function(n){var o=n.$borderRadius;return"".concat(o,"px")}),v=o.div(c||(c=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),r),k=o.div(l||(l=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),t);export{s as Container,m as Content,g as Header,u as IconButton,y as PointsSection,v as PointsTitle,k as PointsValue,b as Title};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"styled-components";import{textMDMedium as e,textSMMedium as r,textXLSemiBold as t}from"../../components/style/typography.js";var p,i,d,f,a,x,l,c,s=o.div(p||(p=n(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"]))),g=o.div(i||(i=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"]))),b=o.div(d||(d=n(["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"],["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"])),e),m=o.button(f||(f=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"]))),u=o.div(a||(a=n(["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"],["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"]))),y=o.div(x||(x=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 28px 16px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 28px 16px;\n"]))),v=o.div(l||(l=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),r),k=o.div(c||(c=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),t);export{s as Container,u as Content,g as Header,m as IconButton,y as PointsSection,v as PointsTitle,k as PointsValue,b as Title};

package/build/renderer/screens/loyalty-level-screen/index.js

@@ -1 +1 @@
-import{__spreadArray as e}from'./../../../ext/tslib/tslib.es6.mjs.js';import{observer as t}from"mobx-react";import n,{useMemo as r}from"react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as l}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import{XClose as o}from"../../../assets/icons/x-close.js";import{ChevronLeft as i}from"../../../assets/icons/chevron-left.js";import{Check as a}from"../../../assets/icons/check.js";import c from"../../components/count-up/index.js";import{Container as s,Header as u,IconButton as m,Title as d,Content as p,PointsSection as E,PointsText as f,PointsValue as y,ProgressBarContainer as v,ProgressBarFill as x,DescriptionText as g,TimelineContainer as R,TimelineItem as j,TimelineLine as P,CheckIconContainer as h,CurrentIndicator as q,CurrentIndicatorDot as b,UpcomingIndicator as L,TimelineContent as $,TimelineTitle as k,TimelineDescription as S,MultiplierSection as T,MultiplierValue as C}from"./style.js";var M=t(function(t){var M=t.viewModel,I=t.onBack,B=t.onClose,W=l().t,_=M.user,N=M.tiers,w=r(function(){return e([],N,!0).sort(function(e,t){return(e.pointsRequired||0)-(t.pointsRequired||0)})},[N]),z=r(function(){return(null==_?void 0:_.customerTierId)?w.findIndex(function(e){var t;return e.id===(null===(t=_.customerTierId)||void 0===t?void 0:t.id)}):-1},[w,null==_?void 0:_.customerTierId]),A=r(function(){return _?-1===z?w.find(function(e){return(e.pointsRequired||0)>_.totalPoint})||w[0]:w[z+1]||null:null},[w,z,_]),D=r(function(){return _?A?0===(A.pointsRequired||0)?100:Math.min(_.totalPoint/(A.pointsRequired||1)*100,100):100:0},[_,A]),F=r(function(){return _&&A?Math.max(0,(A.pointsRequired||0)-_.totalPoint):0},[_,A]);return _?n.createElement(s,null,n.createElement(u,null,n.createElement(m,{onClick:I},n.createElement(i,null)),n.createElement(d,null,W("screens.loyaltyLevel")),n.createElement(m,{onClick:B},n.createElement(o,null))),n.createElement(p,null,n.createElement(E,{$borderRadius:M.loyaltyWidget.settings.cartBorderRadius},n.createElement("div",null,n.createElement(f,null,W("header.earnedPoints")),n.createElement(y,null,n.createElement(c,{end:_.totalPoint})," ",W("common.points"))),n.createElement(v,null,n.createElement(x,{$percentage:D,$color:M.loyaltyWidget.header.background.bgColor||void 0})),n.createElement(g,null,A?W("screens.loyaltyLevelScreen.reachNextTier",{tierName:A.name,points:F}):W("screens.loyaltyLevelScreen.allTiersCompleted"))),n.createElement(R,null,w.map(function(e,t){var r="upcoming";z>-1?r=t<z?"completed":t===z?"current":"upcoming":_.totalPoint>=(e.pointsRequired||0)&&(r="completed");var l=t===w.length-1;return n.createElement(j,{key:e.id},n.createElement(P,{$isLast:l}),"completed"===r?n.createElement(h,null,n.createElement(a,null)):"current"===r?n.createElement(q,null,n.createElement(b,null)):n.createElement(L,null),n.createElement($,null,n.createElement(k,{$status:r},e.name),n.createElement(S,{$status:r},e.pointsRequired||0," ",W("common.points")," ",W("screens.loyaltyLevelScreen.afterEarning")),(e.tierPointMultiplier||1)>1&&n.createElement(T,{$borderRadius:M.loyaltyWidget.settings.cartBorderRadius},W("screens.loyaltyLevelScreen.multiplierPrefix")," ",n.createElement(C,null,e.tierPointMultiplier||1,"x")," ",W("screens.loyaltyLevelScreen.multiplierSuffix"))))})))):null});export{M as default};
+import{__spreadArray as e}from'./../../../ext/tslib/tslib.es6.mjs.js';import t,{useMemo as n}from"react";import{observer as l}from"mobx-react";import{useTranslation as r}from"react-i18next";import{ChevronLeft as o}from"../../../assets/icons/chevron-left.js";import{XClose as i}from"../../../assets/icons/x-close.js";import{Container as c,Header as a,IconButton as u,Title as m,Content as s,PointsSection as d,PointsText as p,PointsValue as E,ProgressBarContainer as f,ProgressBarFill as v,DescriptionText as y,TimelineContainer as x,TimelineItem as g,TimelineLine as P,CheckIconContainer as h,CurrentIndicator as q,CurrentIndicatorDot as R,UpcomingIndicator as L,TimelineContent as j,TimelineTitle as k,TimelineDescription as S,MultiplierSection as T,MultiplierValue as b}from"./style.js";import{Check as C}from"../../../assets/icons/check.js";var I=l(function(l){var I=l.viewModel,M=l.onBack,$=l.onClose,N=r().t,w=I.user,B=I.tiers,W=n(function(){return e([],B,!0).sort(function(e,t){return(e.pointsRequired||0)-(t.pointsRequired||0)})},[B]),_=n(function(){return(null==w?void 0:w.customerTierId)?W.findIndex(function(e){var t;return e.id===(null===(t=w.customerTierId)||void 0===t?void 0:t.id)}):-1},[W,null==w?void 0:w.customerTierId]);console.log("currentTierIndex",_);var z=n(function(){return w?-1===_?W.find(function(e){return(e.pointsRequired||0)>w.totalPoint})||W[0]:W[_+1]||null:null},[W,_,w]),A=n(function(){return w?z?0===(z.pointsRequired||0)?100:Math.min(w.totalPoint/(z.pointsRequired||1)*100,100):100:0},[w,z]),D=n(function(){return w&&z?Math.max(0,(z.pointsRequired||0)-w.totalPoint):0},[w,z]);return w?t.createElement(c,null,t.createElement(a,null,t.createElement(u,{onClick:M},t.createElement(o,null)),t.createElement(m,null,N("screens.loyaltyLevel")),t.createElement(u,{onClick:$},t.createElement(i,null))),t.createElement(s,null,t.createElement(d,null,t.createElement("div",null,t.createElement(p,null,N("header.earnedPoints")),t.createElement(E,null,w.totalPoint," ",N("common.points"))),t.createElement(f,null,t.createElement(v,{$percentage:A,$color:I.loyaltyWidget.header.background.bgColor||void 0})),t.createElement(y,null,z?N("screens.loyaltyLevelScreen.reachNextTier",{tierName:z.name,points:D}):N("screens.loyaltyLevelScreen.allTiersCompleted"))),t.createElement(x,null,W.map(function(e,n){var l="upcoming";_>-1?l=n<_?"completed":n===_?"current":"upcoming":w.totalPoint>=(e.pointsRequired||0)&&(l="completed");var r=n===W.length-1;return t.createElement(g,{key:e.id},t.createElement(P,{$isLast:r}),"completed"===l?t.createElement(h,null,t.createElement(C,null)):"current"===l?t.createElement(q,null,t.createElement(R,null)):t.createElement(L,null),t.createElement(j,null,t.createElement(k,{$status:l},e.name),t.createElement(S,{$status:l},e.pointsRequired||0," ",N("common.points")," ",N("screens.loyaltyLevelScreen.afterEarning")),(e.tierPointMultiplier||1)>1&&t.createElement(T,null,N("screens.loyaltyLevelScreen.multiplierPrefix")," ",t.createElement(b,null,e.tierPointMultiplier||1,"x")," ",N("screens.loyaltyLevelScreen.multiplierSuffix"))))})))):null});export{I as default};

package/build/renderer/screens/loyalty-level-screen/style.d.ts

@@ -3,9 +3,7 @@ export declare const Header: import("styled-components").StyledComponent<"div",
 export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const IconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PointsSection: import("styled-components").StyledComponent<"div", any, {
-    $borderRadius: number;
-}, never>;
+export declare const PointsSection: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PointsText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PointsValue: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ProgressBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -26,9 +24,7 @@ export declare const TimelineTitle: import("styled-components").StyledComponent<
 export declare const TimelineDescription: import("styled-components").StyledComponent<"div", any, {
     $status: "completed" | "current" | "upcoming";
 }, never>;
-export declare const MultiplierSection: import("styled-components").StyledComponent<"div", any, {
-    $borderRadius: number;
-}, never>;
+export declare const MultiplierSection: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MultiplierValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const CheckIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CurrentIndicator: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/renderer/screens/loyalty-level-screen/style.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e,{css as o}from"styled-components";import{textMDMedium as i,textSM as t,textSMMedium as r,textSMSemiBold as d}from"../../components/style/typography.js";var a,p,l,c,x,f,s,g,u,b,h,m,y,v,k,w,B,j,$,z,A,C,G,E,R,F=e.div(a||(a=n(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"]))),L=e.div(p||(p=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"]))),_=e.div(l||(l=n(["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"],["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"])),i),q=e.button(c||(c=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"]))),D=e.div(x||(x=n(["\n  padding: 20px 16px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  flex: 1;\n"],["\n  padding: 20px 16px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  flex: 1;\n"]))),H=e.div(f||(f=n(["\n  display: flex;\n  width: 100%;\n  padding: 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  border-radius: ",";\n  border: 1px solid var(--Gray-Blue-100, #eef2f6);\n  background: var(--Basic-50, #fff);\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  box-sizing: border-box;\n"],["\n  display: flex;\n  width: 100%;\n  padding: 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  border-radius: ",";\n  border: 1px solid var(--Gray-Blue-100, #eef2f6);\n  background: var(--Basic-50, #fff);\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  box-sizing: border-box;\n"])),function(n){var e=n.$borderRadius;return"".concat(e,"px")}),I=e.div(s||(s=n(["\n  ","\n  color: #4B5565;\n  text-align: center;\n"],["\n  ","\n  color: #4B5565;\n  text-align: center;\n"])),t),J=e.div(g||(g=n(["\n  ","\n  color: #121926;\n  margin-top: 2px;\n  text-align: center;\n"],["\n  ","\n  color: #121926;\n  margin-top: 2px;\n  text-align: center;\n"])),i),K=e.div(u||(u=n(["\n  width: 100%;\n  height: 8px;\n  border-radius: 4px;\n  background: #eef2f6;\n  overflow: hidden;\n"],["\n  width: 100%;\n  height: 8px;\n  border-radius: 4px;\n  background: #eef2f6;\n  overflow: hidden;\n"]))),M=e.div(b||(b=n(["\n  width: ","%;\n  height: 100%;\n  border-radius: 4px;\n  background: linear-gradient(\n      90deg,\n      rgba(0, 0, 0, 0.5) 0%,\n      rgba(255, 255, 255, 0.5) 100%\n    ),\n    ",";\n  transition: width 0.3s ease-in-out;\n"],["\n  width: ","%;\n  height: 100%;\n  border-radius: 4px;\n  background: linear-gradient(\n      90deg,\n      rgba(0, 0, 0, 0.5) 0%,\n      rgba(255, 255, 255, 0.5) 100%\n    ),\n    ",";\n  transition: width 0.3s ease-in-out;\n"])),function(n){return n.$percentage},function(n){return n.$color||"#4F46E5"}),N=e.div(h||(h=n(["\n  color: #4b5565;\n  text-align: center;\n  ","\n"],["\n  color: #4b5565;\n  text-align: center;\n  ","\n"])),t),O=e.div(m||(m=n(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0 6px;\n  box-sizing: border-box;\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0 6px;\n  box-sizing: border-box;\n"]))),P=e.div(y||(y=n(["\n  display: flex;\n  gap: 16px;\n  position: relative;\n  padding-bottom: 32px;\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"],["\n  display: flex;\n  gap: 16px;\n  position: relative;\n  padding-bottom: 32px;\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"]))),Q=e.div(v||(v=n(["\n  position: absolute;\n  left: 10px; /* Center of the 20px icon */\n  top: 26px;\n  bottom: 0;\n  width: 1px;\n  background-color: #9aa4b2;\n  display: ",";\n"],["\n  position: absolute;\n  left: 10px; /* Center of the 20px icon */\n  top: 26px;\n  bottom: 0;\n  width: 1px;\n  background-color: #9aa4b2;\n  display: ",";\n"])),function(n){return n.$isLast?"none":"block"}),S=e.div(k||(k=n(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n"]))),T=e.div(B||(B=n(["\n  ","\n  color: ",";\n\n  ","\n"],["\n  ","\n  color: ",";\n\n  ","\n"])),r,function(n){return"completed"===n.$status?"#697586":"#121926"},function(e){return"completed"===e.$status&&o(w||(w=n(["\n      text-decoration-line: line-through;\n    "],["\n      text-decoration-line: line-through;\n    "])))}),U=e.div($||($=n(["\n  ","\n  margin-top: 2px;\n  color: ","; /* Current #4B5565. Completed #9AA4B2 */\n\n  ","\n"],["\n  ","\n  margin-top: 2px;\n  color: ","; /* Current #4B5565. Completed #9AA4B2 */\n\n  ","\n"])),t,function(n){return"completed"===n.$status?"#9AA4B2":"#4B5565"},function(e){return"completed"===e.$status&&o(j||(j=n(["\n      text-decoration-line: line-through;\n    "],["\n      text-decoration-line: line-through;\n    "])))}),V=e.div(z||(z=n(["\n  padding: 8px 16px;\n  align-self: stretch;\n  border-radius: ",";\n  background: var(--Gray-Blue-50, #f8fafc);\n  margin-top: 12px;\n  ","\n  color: #4B5565;\n"],["\n  padding: 8px 16px;\n  align-self: stretch;\n  border-radius: ",";\n  background: var(--Gray-Blue-50, #f8fafc);\n  margin-top: 12px;\n  ","\n  color: #4B5565;\n"])),function(n){var e=n.$borderRadius;return"".concat(e,"px")},t),W=e.span(A||(A=n(["\n  ","\n  color: #5864E2;\n"],["\n  ","\n  color: #5864E2;\n"])),d),X=e.div(C||(C=n(["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  background: rgba(73, 90, 255, 0.1);\n\n  svg {\n    color: #495aff;\n  }\n"],["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  background: rgba(73, 90, 255, 0.1);\n\n  svg {\n    color: #495aff;\n  }\n"]))),Y=e.div(G||(G=n(["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  border: 0.8px solid #5864e2;\n  background: #fff;\n"],["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  border: 0.8px solid #5864e2;\n  background: #fff;\n"]))),Z=e.div(E||(E=n(["\n  width: 10px;\n  height: 10px;\n  flex-shrink: 0;\n\n  border-radius: 5px;\n  background: #5864e2;\n"],["\n  width: 10px;\n  height: 10px;\n  flex-shrink: 0;\n\n  border-radius: 5px;\n  background: #5864e2;\n"]))),nn=e.div(R||(R=n(["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  border-radius: 10px;\n  background: rgba(73, 90, 255, 0.1);\n"],["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  border-radius: 10px;\n  background: rgba(73, 90, 255, 0.1);\n"])));export{X as CheckIconContainer,F as Container,D as Content,Y as CurrentIndicator,Z as CurrentIndicatorDot,N as DescriptionText,L as Header,q as IconButton,V as MultiplierSection,W as MultiplierValue,H as PointsSection,I as PointsText,J as PointsValue,K as ProgressBarContainer,M as ProgressBarFill,O as TimelineContainer,S as TimelineContent,U as TimelineDescription,P as TimelineItem,Q as TimelineLine,T as TimelineTitle,_ as Title,nn as UpcomingIndicator};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e,{css as i}from"styled-components";import{textMDMedium as o,textSM as t,textSMMedium as r,textSMSemiBold as d}from"../../components/style/typography.js";var a,p,l,x,c,f,s,g,u,b,h,m,y,v,k,w,B,j,$,z,A,C,G,E,F,L=e.div(a||(a=n(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"]))),_=e.div(p||(p=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"]))),q=e.div(l||(l=n(["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"],["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"])),o),D=e.button(x||(x=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"]))),H=e.div(c||(c=n(["\n  padding: 20px 16px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  flex: 1;\n"],["\n  padding: 20px 16px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  flex: 1;\n"]))),I=e.div(f||(f=n(["\n  display: flex;\n  width: 100%;\n  padding: 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  border-radius: 6px;\n  border: 1px solid var(--Gray-Blue-100, #eef2f6);\n  background: var(--Basic-50, #fff);\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  box-sizing: border-box;\n"],["\n  display: flex;\n  width: 100%;\n  padding: 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  border-radius: 6px;\n  border: 1px solid var(--Gray-Blue-100, #eef2f6);\n  background: var(--Basic-50, #fff);\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  box-sizing: border-box;\n"]))),J=e.div(s||(s=n(["\n  ","\n  color: #4B5565;\n  text-align: center;\n"],["\n  ","\n  color: #4B5565;\n  text-align: center;\n"])),t),K=e.div(g||(g=n(["\n  ","\n  color: #121926;\n  margin-top: 2px;\n  text-align: center;\n"],["\n  ","\n  color: #121926;\n  margin-top: 2px;\n  text-align: center;\n"])),o),M=e.div(u||(u=n(["\n  width: 100%;\n  height: 8px;\n  border-radius: 4px;\n  background: #eef2f6;\n  overflow: hidden;\n"],["\n  width: 100%;\n  height: 8px;\n  border-radius: 4px;\n  background: #eef2f6;\n  overflow: hidden;\n"]))),N=e.div(b||(b=n(["\n  width: ","%;\n  height: 100%;\n  border-radius: 4px;\n  background: linear-gradient(\n      90deg,\n      rgba(0, 0, 0, 0.5) 0%,\n      rgba(255, 255, 255, 0.5) 100%\n    ),\n    ",";\n  transition: width 0.3s ease-in-out;\n"],["\n  width: ","%;\n  height: 100%;\n  border-radius: 4px;\n  background: linear-gradient(\n      90deg,\n      rgba(0, 0, 0, 0.5) 0%,\n      rgba(255, 255, 255, 0.5) 100%\n    ),\n    ",";\n  transition: width 0.3s ease-in-out;\n"])),function(n){return n.$percentage},function(n){return n.$color||"#4F46E5"}),O=e.div(h||(h=n(["\n  color: #4b5565;\n  text-align: center;\n  ","\n"],["\n  color: #4b5565;\n  text-align: center;\n  ","\n"])),t),P=e.div(m||(m=n(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0 6px;\n  box-sizing: border-box;\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0 6px;\n  box-sizing: border-box;\n"]))),Q=e.div(y||(y=n(["\n  display: flex;\n  gap: 16px;\n  position: relative;\n  padding-bottom: 32px;\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"],["\n  display: flex;\n  gap: 16px;\n  position: relative;\n  padding-bottom: 32px;\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"]))),R=e.div(v||(v=n(["\n  position: absolute;\n  left: 10px; /* Center of the 20px icon */\n  top: 26px;\n  bottom: 0;\n  width: 1px;\n  background-color: #9aa4b2;\n  display: ",";\n"],["\n  position: absolute;\n  left: 10px; /* Center of the 20px icon */\n  top: 26px;\n  bottom: 0;\n  width: 1px;\n  background-color: #9aa4b2;\n  display: ",";\n"])),function(n){return n.$isLast?"none":"block"}),S=e.div(k||(k=n(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n"]))),T=e.div(B||(B=n(["\n  ","\n  color: ",";\n\n  ","\n"],["\n  ","\n  color: ",";\n\n  ","\n"])),r,function(n){return"completed"===n.$status?"#697586":"#121926"},function(e){return"completed"===e.$status&&i(w||(w=n(["\n      text-decoration-line: line-through;\n    "],["\n      text-decoration-line: line-through;\n    "])))}),U=e.div($||($=n(["\n  ","\n  margin-top: 2px;\n  color: ","; /* Current #4B5565. Completed #9AA4B2 */\n\n  ","\n"],["\n  ","\n  margin-top: 2px;\n  color: ","; /* Current #4B5565. Completed #9AA4B2 */\n\n  ","\n"])),t,function(n){return"completed"===n.$status?"#9AA4B2":"#4B5565"},function(e){return"completed"===e.$status&&i(j||(j=n(["\n      text-decoration-line: line-through;\n    "],["\n      text-decoration-line: line-through;\n    "])))}),V=e.div(z||(z=n(["\n  padding: 8px 16px;\n  align-self: stretch;\n  border-radius: 6px;\n  background: var(--Gray-Blue-50, #f8fafc);\n  margin-top: 12px;\n  ","\n  color: #4B5565;\n"],["\n  padding: 8px 16px;\n  align-self: stretch;\n  border-radius: 6px;\n  background: var(--Gray-Blue-50, #f8fafc);\n  margin-top: 12px;\n  ","\n  color: #4B5565;\n"])),t),W=e.span(A||(A=n(["\n  ","\n  color: #5864E2;\n"],["\n  ","\n  color: #5864E2;\n"])),d),X=e.div(C||(C=n(["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  background: rgba(73, 90, 255, 0.1);\n\n  svg {\n    color: #495aff;\n  }\n"],["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  background: rgba(73, 90, 255, 0.1);\n\n  svg {\n    color: #495aff;\n  }\n"]))),Y=e.div(G||(G=n(["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  border: 0.8px solid #5864e2;\n  background: #fff;\n"],["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  border: 0.8px solid #5864e2;\n  background: #fff;\n"]))),Z=e.div(E||(E=n(["\n  width: 10px;\n  height: 10px;\n  flex-shrink: 0;\n\n  border-radius: 5px;\n  background: #5864e2;\n"],["\n  width: 10px;\n  height: 10px;\n  flex-shrink: 0;\n\n  border-radius: 5px;\n  background: #5864e2;\n"]))),nn=e.div(F||(F=n(["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  border-radius: 10px;\n  background: rgba(73, 90, 255, 0.1);\n"],["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  border-radius: 10px;\n  background: rgba(73, 90, 255, 0.1);\n"])));export{X as CheckIconContainer,L as Container,H as Content,Y as CurrentIndicator,Z as CurrentIndicatorDot,O as DescriptionText,_ as Header,D as IconButton,V as MultiplierSection,W as MultiplierValue,I as PointsSection,J as PointsText,K as PointsValue,M as ProgressBarContainer,N as ProgressBarFill,P as TimelineContainer,S as TimelineContent,U as TimelineDescription,Q as TimelineItem,R as TimelineLine,T as TimelineTitle,q as Title,nn as UpcomingIndicator};

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

@@ -8,7 +8,6 @@ type SectionProps = {
     getActionProps?: (method: LoyaltyProgramEarningMethod) => {
         actionText: string;
         onClick: () => void;
-        loading?: boolean;
     } | null;
 };
 declare const EarningMethodsSection: React.FC<SectionProps>;

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

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

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

@@ -1 +1 @@
-import{observer as e}from"mobx-react";import t from"react";import'./../../../../../ext/react-i18next/dist/es/context.js';import{useTranslation as o}from'./../../../../../ext/react-i18next/dist/es/useTranslation.js';import{WidgetMode as n}from"../../../../../models/types/index.js";import r from"../../../../components/button/index.js";import{Container as i,TitleSection as l,RegisterText as c,RegisterDescription as a,Actions as m,HaveAccount as d,Link as s}from"./style.js";var u=e(function(e){var u=o().t,f=e.viewModel,p=f.loyaltyWidget,M=f.storeUrl,g=p.button;return t.createElement(i,null,t.createElement(l,null,t.createElement(c,null,u("header.register_title")),t.createElement(a,null,u("header.registerDescription"))),t.createElement(m,null,t.createElement(r,{button:g,fontSize:"textMDMedium",paddingSize:"medium",onClick:function(){M&&(e.viewModel.setWidgetMode(n.MINI_MODE),window.location.href="".concat(M,"/account/register"))}},u("header.registerButton")),t.createElement(d,null,u("header.haveAccount")," ",t.createElement(s,{onClick:function(){M&&(e.viewModel.setWidgetMode(n.MINI_MODE),window.location.href="".concat(M,"/account/login"))}},u("common.login")))))});export{u as default};
+import e from"react";import{observer as t}from"mobx-react";import{useTranslation as r}from"react-i18next";import{Container as n,TitleSection as l,RegisterText as o,RegisterDescription as m,Actions as a,HaveAccount as i,Link as c}from"./style.js";import u from"../../../../components/button/index.js";var d=t(function(t){var d=r().t,p=t.viewModel.loyaltyWidget.button;return e.createElement(n,null,e.createElement(l,null,e.createElement(o,null,d("header.register_title")),e.createElement(m,null,d("header.registerDescription"))),e.createElement(a,null,e.createElement(u,{button:p,fontSize:"textMDMedium",paddingSize:"medium"},d("header.registerButton")),e.createElement(i,null,d("header.haveAccount")," ",e.createElement(c,null,d("common.login")))))});export{d as default};

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

@@ -1 +1 @@
-import{observer as e}from"mobx-react";import r from"react";import{XClose as t}from"../../../../assets/icons/x-close.js";import{ImageTypeEnum as o}from"../../../../models/loyalty-widget/types/index.js";import n from"./auth-user-section/index.js";import i from"./logo-section/index.js";import l from"./title-section/index.js";import a from"./user-logged-section/index.js";import{Container as s,TopSection as c,CloseButton as d,Content as m,Card as f}from"./style.js";var u=e(function(e){var u,g=e.viewModel,p=e.onClose,v=e.onCardHeightChange,h=e.headerGap,y=g.loyaltyWidget,E=g.user,b=y.header.background,x=b.bgColor,C=b.type,j=(null===(u=b.image)||void 0===u?void 0:u.src)||null,R=r.useRef(null);return r.useEffect(function(){if(v){var e=R.current;if(e){var r=function(){v(Math.round(e.getBoundingClientRect().height))};if(r(),"undefined"!=typeof ResizeObserver){var t=new ResizeObserver(function(){r()});return t.observe(e),function(){t.disconnect()}}}}},[v]),r.createElement(s,null,r.createElement(c,{$bgColor:x,$bgType:C,$bgImageSrc:j,$gap:h},y.header.logo.type===o.SHOW&&y.header.logo.src&&r.createElement(i,{logo:y.header.logo}),r.createElement(l,{layout:y}),r.createElement(d,{onClick:p,$color:y.header.textColor||"#f7f5ff"},r.createElement(t,null))),r.createElement(m,null,r.createElement(f,{ref:R,$borderRadius:y.settings.cartBorderRadius},E?r.createElement(a,{viewModel:g}):r.createElement(n,{viewModel:g}))))});export{u as default};
+import e from"react";import{observer as t}from"mobx-react";import{Container as r,TopSection as o,CloseButton as n,Content as i,Card as l}from"./style.js";import a from"./logo-section/index.js";import s from"./title-section/index.js";import c from"./auth-user-section/index.js";import m from"./user-logged-section/index.js";import{XClose as d}from"../../../../assets/icons/x-close.js";import{ImageTypeEnum as f}from"../../../../models/loyalty-widget/types/index.js";var u=t(function(t){var u=t.viewModel,g=t.onClose,p=t.onCardHeightChange,v=t.headerGap,h=u.loyaltyWidget,E=u.user,y=h.header.background;h.settings;var x=e.useRef(null);return e.useEffect(function(){if(p){var e=x.current;if(e){var t=function(){p(e.getBoundingClientRect().height)};if(t(),"undefined"!=typeof ResizeObserver){var r=new ResizeObserver(function(){t()});return r.observe(e),function(){r.disconnect()}}}}},[p]),e.createElement(r,null,e.createElement(o,{$headerBackground:y,$gap:v},h.header.logo.type===f.SHOW&&h.header.logo.src&&e.createElement(a,{logo:h.header.logo}),e.createElement(s,{layout:h}),e.createElement(n,{onClick:g},e.createElement(d,null))),e.createElement(i,null,e.createElement(l,{ref:x},E?e.createElement(m,{viewModel:u}):e.createElement(c,{viewModel:u}))))});export{u as default};

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

@@ -1 +1 @@
-import{observer as t}from"mobx-react";import e from"react";import{Container as r,Logo as o}from"./style.js";var m=t(function(t){return e.createElement(r,null,e.createElement(o,{src:t.logo.src,alt:"Logo",$maxHeight:t.logo.maxHeight}))});export{m as default};
+import r from"react";import{observer as t}from"mobx-react";import{Container as e,Logo as o}from"./style.js";var m=t(function(t){return r.createElement(e,null,r.createElement(o,{src:t.logo.src,alt:"Logo"}))});export{m as default};