@ikas/loyalty-widget-renderer 1.0.0-alpha.4 → 1.0.0-alpha.41

package/build/models/loyalty-program-earning-method/index.d.ts

@@ -1,51 +1,37 @@
-import { EarningMethodTypeEnum, LoyaltyProgramPointEarningTypeEnum, LoyaltyProgramPeriod, LoyaltyProgramFilterTypeEnum } from "../types";
-export declare class LoyaltyProgramPointLimit {
-    maxPointLimit: number;
-    minPointLimit: number;
-    constructor(data?: Partial<LoyaltyProgramPointLimit>);
-}
-export declare class LoyaltyProgramFilter {
-    type: LoyaltyProgramFilterTypeEnum;
-    idList: string[];
-    constructor(data?: Partial<LoyaltyProgramFilter>);
-}
+import { EarningMethodTypeEnum, LoyaltyProgramPointEarningTypeEnum } from "../types";
+import { LoyaltyProgramPointLimit, LoyaltyProgramFilter, LoyaltyProgramMethodTranslation, LoyaltyProgramPeriod } from "../common";
 export declare class LoyaltyProgramEarningMethodOrderSettings {
-    maxOrderAmount: number;
+    maxOrderAmount: number | null;
     minOrderAmount: number;
-    productFilters: LoyaltyProgramFilter[];
+    productFilters: LoyaltyProgramFilter[] | null;
     constructor(data?: Partial<LoyaltyProgramEarningMethodOrderSettings>);
 }
 export declare class LoyaltyProgramEarningMethodProductSettings {
-    maxProductQuantity: number;
-    minProductQuantity: number;
-    productFilters: LoyaltyProgramFilter[];
+    maxProductQuantity: number | null;
+    minProductQuantity: number | null;
+    productFilters: LoyaltyProgramFilter[] | null;
     constructor(data?: Partial<LoyaltyProgramEarningMethodProductSettings>);
 }
-export declare class LoyaltyProgramMethodTranslation {
-    description: string;
-    locale: string;
-    constructor(data?: Partial<LoyaltyProgramMethodTranslation>);
-}
 export declare class LoyaltyProgramEarningMethod {
-    amountPerPointsEarned: number;
-    createdAt: string;
+    amountPerPointsEarned: number | null;
+    createdAt: any | null;
     deleted: boolean;
-    description: string;
+    description: string | null;
     earnedPointLimit: LoyaltyProgramPointLimit | null;
     id: string;
     isActive: boolean;
-    lastValidityDate: string;
+    lastValidityDate: any | null;
     loyaltyProgramId: string;
     methodType: EarningMethodTypeEnum;
     orderSettings: LoyaltyProgramEarningMethodOrderSettings | null;
     pointEarningType: LoyaltyProgramPointEarningTypeEnum;
     pointsEarned: number;
     productSettings: LoyaltyProgramEarningMethodProductSettings | null;
-    quantityPerPointsEarned: number;
-    segmentId: string;
-    tierIds: string[];
-    translations: LoyaltyProgramMethodTranslation[];
-    updatedAt: string;
+    quantityPerPointsEarned: number | null;
+    segmentId: string | null;
+    tierIds: string[] | null;
+    translations: LoyaltyProgramMethodTranslation[] | null;
+    updatedAt: any | null;
     validityPeriod: LoyaltyProgramPeriod | null;
     constructor(data?: Partial<LoyaltyProgramEarningMethod>);
 }

package/build/models/loyalty-program-earning-method/index.js

@@ -1 +1 @@
-import{makeObservable as t,observable as i}from"mobx";import{EarningMethodTypeEnum as n,LoyaltyProgramPointEarningTypeEnum as e,LoyaltyProgramPeriod as r,LoyaltyProgramFilterTypeEnum as o}from"../types/index.js";var d=function(n){void 0===n&&(n={}),this.maxPointLimit=n.maxPointLimit||0,this.minPointLimit=n.minPointLimit||0,t(this,{maxPointLimit:i,minPointLimit:i})},s=function(n){void 0===n&&(n={}),this.type=n.type||o.CATEGORY,this.idList=n.idList||[],t(this,{type:i,idList:i})},a=function(n){void 0===n&&(n={}),this.maxOrderAmount=n.maxOrderAmount||0,this.minOrderAmount=n.minOrderAmount||0,this.productFilters=n.productFilters?n.productFilters.map(function(t){return new s(t)}):[],t(this,{maxOrderAmount:i,minOrderAmount:i,productFilters:i})},u=function(n){void 0===n&&(n={}),this.maxProductQuantity=n.maxProductQuantity||0,this.minProductQuantity=n.minProductQuantity||0,this.productFilters=n.productFilters?n.productFilters.map(function(t){return new s(t)}):[],t(this,{maxProductQuantity:i,minProductQuantity:i,productFilters:i})},m=function(n){void 0===n&&(n={}),this.description=n.description||"",this.locale=n.locale||"",t(this,{description:i,locale:i})},l=function(o){void 0===o&&(o={}),this.amountPerPointsEarned=o.amountPerPointsEarned||0,this.createdAt=o.createdAt||"",this.deleted=o.deleted||!1,this.description=o.description||"",this.earnedPointLimit=o.earnedPointLimit?new d(o.earnedPointLimit):null,this.id=o.id||"",this.isActive=o.isActive||!1,this.lastValidityDate=o.lastValidityDate||"",this.loyaltyProgramId=o.loyaltyProgramId||"",this.methodType=o.methodType||n.ORDER_CREATE,this.orderSettings=o.orderSettings?new a(o.orderSettings):null,this.pointEarningType=o.pointEarningType||e.STATIC,this.pointsEarned=o.pointsEarned||0,this.productSettings=o.productSettings?new u(o.productSettings):null,this.quantityPerPointsEarned=o.quantityPerPointsEarned||0,this.segmentId=o.segmentId||"",this.tierIds=o.tierIds||[],this.translations=o.translations?o.translations.map(function(t){return new m(t)}):[],this.updatedAt=o.updatedAt||"",this.validityPeriod=o.validityPeriod?new r(o.validityPeriod):null,t(this,{amountPerPointsEarned:i,createdAt:i,deleted:i,description:i,earnedPointLimit:i,id:i,isActive:i,lastValidityDate:i,loyaltyProgramId:i,methodType:i,orderSettings:i,pointEarningType:i,pointsEarned:i,productSettings:i,quantityPerPointsEarned:i,segmentId:i,tierIds:i,translations:i,updatedAt:i,validityPeriod:i})};export{l as LoyaltyProgramEarningMethod,a as LoyaltyProgramEarningMethodOrderSettings,u as LoyaltyProgramEarningMethodProductSettings,s as LoyaltyProgramFilter,m as LoyaltyProgramMethodTranslation,d as LoyaltyProgramPointLimit};
+import{makeObservable as t,observable as i}from"mobx";import{EarningMethodTypeEnum as n,LoyaltyProgramPointEarningTypeEnum as e}from"../types/index.js";import{LoyaltyProgramFilter as r,LoyaltyProgramPointLimit as d,LoyaltyProgramMethodTranslation as o,LoyaltyProgramPeriod as s}from"../common/index.js";var a=function(n){void 0===n&&(n={}),this.maxOrderAmount=n.maxOrderAmount||null,this.minOrderAmount=n.minOrderAmount||0,this.productFilters=n.productFilters?n.productFilters.map(function(t){return new r(t)}):null,t(this,{maxOrderAmount:i,minOrderAmount:i,productFilters:i})},l=function(n){void 0===n&&(n={}),this.maxProductQuantity=n.maxProductQuantity||null,this.minProductQuantity=n.minProductQuantity||null,this.productFilters=n.productFilters?n.productFilters.map(function(t){return new r(t)}):null,t(this,{maxProductQuantity:i,minProductQuantity:i,productFilters:i})},u=function(r){void 0===r&&(r={}),this.amountPerPointsEarned=r.amountPerPointsEarned||null,this.createdAt=r.createdAt||null,this.deleted=r.deleted||!1,this.description=r.description||null,this.earnedPointLimit=r.earnedPointLimit?new d(r.earnedPointLimit):null,this.id=r.id||"",this.isActive=r.isActive||!1,this.lastValidityDate=r.lastValidityDate||null,this.loyaltyProgramId=r.loyaltyProgramId||"",this.methodType=r.methodType||n.ORDER_CREATE,this.orderSettings=r.orderSettings?new a(r.orderSettings):null,this.pointEarningType=r.pointEarningType||e.STATIC,this.pointsEarned=r.pointsEarned||0,this.productSettings=r.productSettings?new l(r.productSettings):null,this.quantityPerPointsEarned=r.quantityPerPointsEarned||null,this.segmentId=r.segmentId||null,this.tierIds=r.tierIds||null,this.translations=r.translations?r.translations.map(function(t){return new o(t)}):null,this.updatedAt=r.updatedAt||null,this.validityPeriod=r.validityPeriod?new s(r.validityPeriod):null,t(this,{amountPerPointsEarned:i,createdAt:i,deleted:i,description:i,earnedPointLimit:i,id:i,isActive:i,lastValidityDate:i,loyaltyProgramId:i,methodType:i,orderSettings:i,pointEarningType:i,pointsEarned:i,productSettings:i,quantityPerPointsEarned:i,segmentId:i,tierIds:i,translations:i,updatedAt:i,validityPeriod:i})};export{u as LoyaltyProgramEarningMethod,a as LoyaltyProgramEarningMethodOrderSettings,l as LoyaltyProgramEarningMethodProductSettings};

package/build/models/loyalty-program-point-history/index.d.ts

@@ -1,10 +1,10 @@
 import { LoyaltyProgramPointHistoryTypeEnum } from "../types";
 export declare class LoyaltyProgramPointHistory {
     amount: number;
-    createdAt: string;
+    createdAt: any | null;
     customerId: string;
     deleted: boolean;
-    expireDate: string | null;
+    expireDate: any | null;
     id: string;
     loyaltyProgramCustomerId: string;
     loyaltyProgramEarningMethodId: string | null;
@@ -12,6 +12,6 @@ export declare class LoyaltyProgramPointHistory {
     loyaltyProgramSpendingMethodId: string | null;
     orderId: string | null;
     type: LoyaltyProgramPointHistoryTypeEnum;
-    updatedAt: string;
+    updatedAt: any | null;
     constructor(data?: Partial<LoyaltyProgramPointHistory>);
 }

package/build/models/loyalty-program-point-history/index.js

@@ -1 +1 @@
-import{makeObservable as t,observable as e}from"mobx";import{LoyaltyProgramPointHistoryTypeEnum as r}from"../types/index.js";var d=function(d){void 0===d&&(d={}),this.amount=d.amount||0,this.createdAt=d.createdAt||"",this.customerId=d.customerId||"",this.deleted=d.deleted||!1,this.expireDate=d.expireDate||null,this.id=d.id||"",this.loyaltyProgramCustomerId=d.loyaltyProgramCustomerId||"",this.loyaltyProgramEarningMethodId=d.loyaltyProgramEarningMethodId||null,this.loyaltyProgramId=d.loyaltyProgramId||"",this.loyaltyProgramSpendingMethodId=d.loyaltyProgramSpendingMethodId||null,this.orderId=d.orderId||null,this.type=d.type||r.EARN,this.updatedAt=d.updatedAt||"",t(this,{amount:e,createdAt:e,customerId:e,deleted:e,expireDate:e,id:e,loyaltyProgramCustomerId:e,loyaltyProgramEarningMethodId:e,loyaltyProgramId:e,loyaltyProgramSpendingMethodId:e,orderId:e,type:e,updatedAt:e})};export{d as LoyaltyProgramPointHistory};
+import{makeObservable as t,observable as e}from"mobx";import{LoyaltyProgramPointHistoryTypeEnum as r}from"../types/index.js";var d=function(d){void 0===d&&(d={}),this.amount=d.amount||0,this.createdAt=d.createdAt||null,this.customerId=d.customerId||"",this.deleted=d.deleted||!1,this.expireDate=d.expireDate||null,this.id=d.id||"",this.loyaltyProgramCustomerId=d.loyaltyProgramCustomerId||"",this.loyaltyProgramEarningMethodId=d.loyaltyProgramEarningMethodId||null,this.loyaltyProgramId=d.loyaltyProgramId||"",this.loyaltyProgramSpendingMethodId=d.loyaltyProgramSpendingMethodId||null,this.orderId=d.orderId||null,this.type=d.type||r.EARN,this.updatedAt=d.updatedAt||null,t(this,{amount:e,createdAt:e,customerId:e,deleted:e,expireDate:e,id:e,loyaltyProgramCustomerId:e,loyaltyProgramEarningMethodId:e,loyaltyProgramId:e,loyaltyProgramSpendingMethodId:e,orderId:e,type:e,updatedAt:e})};export{d as LoyaltyProgramPointHistory};

package/build/models/loyalty-program-spending-method/index.d.ts

@@ -1,38 +1,25 @@
-import { LoyaltyProgramMethodSpendingTypeEnum, LoyaltyProgramFilterTypeEnum } from "../types";
-export declare class LoyaltyProgramPointLimit {
-    maxPointLimit: number | null;
-    minPointLimit: number | null;
-    constructor(data?: Partial<LoyaltyProgramPointLimit>);
-}
-export declare class LoyaltyProgramFilter {
-    idList: string[];
-    type: LoyaltyProgramFilterTypeEnum;
-    constructor(data?: Partial<LoyaltyProgramFilter>);
-}
+import { LoyaltyProgramMethodSpendingTypeEnum } from "../types";
+import { LoyaltyProgramPointLimit, LoyaltyProgramFilter, LoyaltyProgramMethodTranslation } from "../common";
 export declare class LoyaltyProgramDiscountSettings {
     discountAmount: number | null;
     freeProductId: string | null;
     point: number;
     constructor(data?: Partial<LoyaltyProgramDiscountSettings>);
 }
-export declare class LoyaltyProgramMethodTranslation {
-    description: string | null;
-    locale: string | null;
-    constructor(data?: Partial<LoyaltyProgramMethodTranslation>);
-}
 export declare class LoyaltyProgramSpendingMethod {
-    createdAt: string;
+    createdAt: any | null;
     deleted: boolean;
     description: string | null;
     discountSettings: LoyaltyProgramDiscountSettings | null;
     id: string;
     isActive: boolean;
+    isAvailable: boolean | null;
     isDynamic: boolean;
     loyaltyProgramId: string;
     pointUsageLimit: LoyaltyProgramPointLimit | null;
-    productFilters: LoyaltyProgramFilter[];
-    translations: LoyaltyProgramMethodTranslation[];
+    productFilters: LoyaltyProgramFilter[] | null;
+    translations: LoyaltyProgramMethodTranslation[] | null;
     type: LoyaltyProgramMethodSpendingTypeEnum;
-    updatedAt: string;
+    updatedAt: any | null;
     constructor(data?: Partial<LoyaltyProgramSpendingMethod>);
 }

package/build/models/loyalty-program-spending-method/index.js

@@ -1 +1 @@
-import{makeObservable as t,observable as i}from"mobx";import{LoyaltyProgramMethodSpendingTypeEnum as n,LoyaltyProgramFilterTypeEnum as s}from"../types/index.js";var o=function(n){void 0===n&&(n={}),this.maxPointLimit=n.maxPointLimit||null,this.minPointLimit=n.minPointLimit||null,t(this,{maxPointLimit:i,minPointLimit:i})},e=function(n){void 0===n&&(n={}),this.idList=n.idList||[],this.type=n.type||s.PRODUCT_AND_VARIANT,t(this,{idList:i,type:i})},d=function(n){void 0===n&&(n={}),this.discountAmount=n.discountAmount||null,this.freeProductId=n.freeProductId||null,this.point=n.point||0,t(this,{discountAmount:i,freeProductId:i,point:i})},r=function(n){void 0===n&&(n={}),this.description=n.description||null,this.locale=n.locale||null,t(this,{description:i,locale:i})},l=function(s){void 0===s&&(s={}),this.createdAt=s.createdAt||"",this.deleted=s.deleted||!1,this.description=s.description||null,this.discountSettings=s.discountSettings?new d(s.discountSettings):null,this.id=s.id||"",this.isActive=s.isActive||!1,this.isDynamic=s.isDynamic||!1,this.loyaltyProgramId=s.loyaltyProgramId||"",this.pointUsageLimit=s.pointUsageLimit?new o(s.pointUsageLimit):null,this.productFilters=s.productFilters?s.productFilters.map(function(t){return new e(t)}):[],this.translations=s.translations?s.translations.map(function(t){return new r(t)}):[],this.type=s.type||n.FIXED_AMOUNT,this.updatedAt=s.updatedAt||"",t(this,{createdAt:i,deleted:i,description:i,discountSettings:i,id:i,isActive:i,isDynamic:i,loyaltyProgramId:i,pointUsageLimit:i,productFilters:i,translations:i,type:i,updatedAt:i})};export{d as LoyaltyProgramDiscountSettings,e as LoyaltyProgramFilter,r as LoyaltyProgramMethodTranslation,o as LoyaltyProgramPointLimit,l as LoyaltyProgramSpendingMethod};
+import{makeObservable as t,observable as i}from"mobx";import{LoyaltyProgramMethodSpendingTypeEnum as n}from"../types/index.js";import{LoyaltyProgramPointLimit as s,LoyaltyProgramFilter as e,LoyaltyProgramMethodTranslation as o}from"../common/index.js";var l=function(n){void 0===n&&(n={}),this.discountAmount=n.discountAmount||null,this.freeProductId=n.freeProductId||null,this.point=n.point||0,t(this,{discountAmount:i,freeProductId:i,point:i})},d=function(d){void 0===d&&(d={}),this.createdAt=d.createdAt||null,this.deleted=d.deleted||!1,this.description=d.description||null,this.discountSettings=d.discountSettings?new l(d.discountSettings):null,this.id=d.id||"",this.isActive=d.isActive||!1,this.isAvailable=void 0!==d.isAvailable&&null!==d.isAvailable?d.isAvailable:null,this.isDynamic=d.isDynamic||!1,this.loyaltyProgramId=d.loyaltyProgramId||"",this.pointUsageLimit=d.pointUsageLimit?new s(d.pointUsageLimit):null,this.productFilters=d.productFilters?d.productFilters.map(function(t){return new e(t)}):null,this.translations=d.translations?d.translations.map(function(t){return new o(t)}):null,this.type=d.type||n.FIXED_AMOUNT,this.updatedAt=d.updatedAt||null,t(this,{createdAt:i,deleted:i,description:i,discountSettings:i,id:i,isActive:i,isAvailable:i,isDynamic:i,loyaltyProgramId:i,pointUsageLimit:i,productFilters:i,translations:i,type:i,updatedAt:i})};export{l as LoyaltyProgramDiscountSettings,d as LoyaltyProgramSpendingMethod};

package/build/models/loyalty-widget/header/header-background/index.d.ts

@@ -1,7 +1,6 @@
-import { BaseModel } from "models/base";
 import { LoyaltyWidgetImage } from "models/image";
 import { HeaderBackgroundTypeEnum } from "../../types";
-export declare class LoyaltyWidgetHeaderBackground extends BaseModel {
+export declare class LoyaltyWidgetHeaderBackground {
     bgColor: string | null;
     image: LoyaltyWidgetImage | null;
     type: HeaderBackgroundTypeEnum;

package/build/models/loyalty-widget/header/header-background/index.js

@@ -1 +1 @@
-import{__extends as o}from'./../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as e}from"mobx";import{BaseModel as i}from"../../../base.js";import{LoyaltyWidgetImage as m}from"../../../image/index.js";import{HeaderBackgroundTypeEnum as t}from"../../types/index.js";var s=function(i){function s(o){var s=i.call(this,o)||this;return s.bgColor=o.bgColor||null,s.image=o.image?new m(o.image):null,s.type=o.type||t.COLOR,r(s,{bgColor:e,image:e,type:e}),s}return o(s,i),s}(i);export{s as LoyaltyWidgetHeaderBackground};
+import{makeObservable as i,observable as o}from"mobx";import{LoyaltyWidgetImage as e}from"../../../image/index.js";import{HeaderBackgroundTypeEnum as t}from"../../types/index.js";var m=function(m){this.bgColor=m.bgColor||null,this.image=m.image?new e(m.image):null,this.type=m.type||t.COLOR,i(this,{bgColor:o,image:o,type:o})};export{m as LoyaltyWidgetHeaderBackground};

package/build/models/loyalty-widget/settings/index.js

@@ -1 +1 @@
-import{makeObservable as o,observable as i}from"mobx";import{WidgetPositionEnum as r,LoyaltyWidgetLayoutTypeEnum as e,WidgetIconTypeEnum as t,BadgeIconTypeEnum as p}from"../types/index.js";var d=function(d){var s;void 0===d&&(d={}),this.position=d.position||r.RIGHT,this.type=d.type||e.WIDGET,this.primaryColor=d.primaryColor||null,this.cartBorderRadius=null!==(s=d.cartBorderRadius)&&void 0!==s?s:0,this.widgetIconType=d.widgetIconType||t.NORMAL,this.badgeIconLevel=d.badgeIconLevel||p.LEVEL_1,o(this,{position:i,type:i,primaryColor:i,cartBorderRadius:i,widgetIconType:i,badgeIconLevel:i})};export{d as LoyaltyWidgetSettings};
+import{makeObservable as o,observable as i}from"mobx";import{WidgetPositionEnum as r,LoyaltyWidgetLayoutTypeEnum as e,WidgetIconTypeEnum as t,BadgeIconTypeEnum as p}from"../types/index.js";var d=function(d){var s;void 0===d&&(d={}),this.position=d.position||r.RIGHT,this.type=d.type||e.DRAWER,this.primaryColor=d.primaryColor||null,this.cartBorderRadius=null!==(s=d.cartBorderRadius)&&void 0!==s?s:0,this.widgetIconType=d.widgetIconType||t.NORMAL,this.badgeIconLevel=d.badgeIconLevel||p.LEVEL_1,o(this,{position:i,type:i,primaryColor:i,cartBorderRadius:i,widgetIconType:i,badgeIconLevel:i})};export{d as LoyaltyWidgetSettings};

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

@@ -1,8 +1,9 @@
 import { LoyaltyProgramSpendingMethod } from "../loyalty-program-spending-method";
 import type { LoyaltyProgramEarningMethod } from "../loyalty-program-earning-method";
-import type { LoyaltyCustomerInfo } from "../loyalty-customer-info";
+import type { LoyaltyCustomerInfo, LoyaltyProgramTier } from "../loyalty-customer-info";
 import type { LoyaltyWidget } from "../loyalty-widget";
 import type { LoyaltyProgramPointHistory } from "../loyalty-program-point-history";
+import { LoyaltyWidgetViewModel } from "models";
 export declare enum LoyaltyWidgetScreenTypeEnum {
     MAIN_SCREEN = "MAIN_SCREEN",
     CREDIT_SPENDING_METHODS_SCREEN = "CREDIT_SPENDING_METHODS_SCREEN",
@@ -10,6 +11,10 @@ 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",
@@ -41,11 +46,6 @@ 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,45 +80,16 @@ 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[]>;
@@ -129,17 +100,23 @@ 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 @@
-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};
+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};

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

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

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

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import r,{keyframes as o}from'./../../../ext/styled-components/dist/styled-components.browser.esm.js';import{textXSMedium as e,textSM as t,textSMMedium as i,textMDMedium as d,textLGSemiBold as a,displayXSSemiBold as s}from"../style/typography.js";var l,u,p,c={textXSMedium:e,textSM:t,textSMMedium:i,textMDMedium:d,textLGSemiBold:a,displayXSSemiBold:s},m={small:"8px",medium:"10px 16px"},b=r.button(l||(l=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 m[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"}),f=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"])),f);export{b as Button,x as Loader};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import r,{keyframes as t}from"styled-components";import{textXSMedium as o,textSM as e,textSMMedium as i,textMDMedium as a,textLGSemiBold as d,displayXSSemiBold as s}from"../style/typography.js";var l,p,u,c={textXSMedium:o,textSM:e,textSMMedium:i,textMDMedium:a,textLGSemiBold:d,displayXSSemiBold:s},f={small:"8px",medium:"10px 16px"},m=r.button(l||(l=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 f[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"}),x=t(p||(p=n(["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"],["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"]))),b=r.div(u||(u=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; /* Ensure it doesn't collapse */\n  animation: "," 1s linear infinite, fade-in 0.3s ease-out;\n\n  @keyframes fade-in {\n    from {\n      opacity: 0;\n      width: 0;\n      transform: scale(0);\n    }\n    to {\n      opacity: 1;\n      width: 14px;\n      transform: scale(1);\n    }\n  }\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; /* Ensure it doesn't collapse */\n  animation: "," 1s linear infinite, fade-in 0.3s ease-out;\n\n  @keyframes fade-in {\n    from {\n      opacity: 0;\n      width: 0;\n      transform: scale(0);\n    }\n    to {\n      opacity: 1;\n      width: 14px;\n      transform: scale(1);\n    }\n  }\n"])),x);export{m as Button,b as Loader};

package/build/renderer/components/count-up/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type Props = {
+    end: number;
+    duration?: number;
+};
+declare const CountUp: React.FC<Props>;
+export default CountUp;

package/build/renderer/components/count-up/index.js

@@ -0,0 +1 @@
+import r,{useState as n,useRef as t,useEffect as e}from"react";var u=function(u){var a=u.end,c=u.duration,i=void 0===c?1e3:c,o=n(a),m=o[0],l=o[1],f=t(null),v=t(a);return e(function(){var r;v.current=m,f.current=null;var n=function(t){f.current||(f.current=t);var e=Math.min((t-f.current)/i,1),u=1-Math.pow(1-e,4),c=Math.round(v.current+(a-v.current)*u);l(c),e<1&&(r=requestAnimationFrame(n))};return r=requestAnimationFrame(n),function(){return cancelAnimationFrame(r)}},[a,i]),r.createElement(r.Fragment,null,m)};export{u as default};

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
 import { LoyaltyWidgetButton } from "models/button";
+import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
 export type LoyaltyMethodCardProps = {
     title: string;
     description: string | React.ReactNode;
@@ -8,6 +8,7 @@ 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 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};
+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};

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

@@ -1 +1 @@
-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'./../../../ext/styled-components/dist/styled-components.browser.esm.js';import{textSMMedium as i,textSM as o}from"../style/typography.js";var s,a,d,p,l,f,c,x,g,u,m,b=t.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"],["\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(a||(a=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),j=t.div(x||(x=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),o),$=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,$ as AccordionWrapper,O as ArrowButton,b as Container,w as Content,j as Description,y as Header,h as IconWrapper,v 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 r,{css as o}from"styled-components";import{textSMMedium as i,textSM as t}from"../style/typography.js";import{iconWrapperShape as a}from"../style/icon-wrapper.js";var s,p,d,l,f,c,x,g,u,m,b,y=r.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"],["\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"}),h=r.div(p||(p=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"]))),w=r.div(f||(f=n(["\n  ","\n\n  ","\n\n  ","\n"],["\n  ","\n\n  ","\n\n  ","\n"])),a,function(r){return r.$iconType===e.ILLUSTRATION&&o(d||(d=n(["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "],["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "])))},function(r){return r.$iconType===e.NORMAL&&o(l||(l=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    "])))}),v=r.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"]))),$=r.div(x||(x=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),i),k=r.div(g||(g=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),t),O=r.div(u||(u=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=r.div(m||(m=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"])),t,function(n){return n.$isOpen?"20px":"0px"},function(n){return n.$isOpen?1:0}),T=r.button(b||(b=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{j as AccordionInner,O as AccordionWrapper,T as ArrowButton,y as Container,v as Content,k as Description,h as Header,w as IconWrapper,$ as Title};

package/build/renderer/components/mini-mode-button/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { LoyaltyWidgetViewModel } from "models";
+type Props = {
+    viewModel: LoyaltyWidgetViewModel;
+};
+declare const MiniModeButton: React.FC<Props>;
+export default MiniModeButton;

package/build/renderer/components/mini-mode-button/index.js

@@ -0,0 +1 @@
+import{observer as e}from"mobx-react";import t from"react";import{WidgetMode as o}from"../../../models/types/index.js";import{Container as r,Logo as a,Emoji as i}from"./style.js";var m=e(function(e){var m=e.viewModel,l=m.loyaltyWidget.miniModeLogo;return t.createElement(r,{$hasImg:!!l.src,onClick:function(e){e.stopPropagation(),m.setWidgetMode(o.WIDGET_MODE)}},l&&l.src?t.createElement(a,{src:l.src,alt:"Loyalty Widget"}):t.createElement(i,null,"🚀"))});export{m as default};

package/build/renderer/components/mini-mode-button/style.d.ts

@@ -0,0 +1,5 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    $hasImg: boolean;
+}, never>;
+export declare const Logo: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const Emoji: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import t,{css as e}from"styled-components";var i,r,o,s,p=t.div(r||(r=n(["\n  display: flex;\n  width: 60px;\n  height: 60px;\n  padding: 14px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 60px;\n  \n  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08),\n    0 4px 6px -2px rgba(19, 19, 24, 0.03);\n  cursor: pointer;\n  transition: transform 0.2s ease-in-out;\n\n  &:hover {\n    transform: scale(1.05);\n  }\n\n  ","\n"],["\n  display: flex;\n  width: 60px;\n  height: 60px;\n  padding: 14px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 60px;\n  \n  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08),\n    0 4px 6px -2px rgba(19, 19, 24, 0.03);\n  cursor: pointer;\n  transition: transform 0.2s ease-in-out;\n\n  &:hover {\n    transform: scale(1.05);\n  }\n\n  ","\n"])),function(t){return!t.$hasImg&&e(i||(i=n(["\n    background: #000;\n  "],["\n    background: #000;\n  "])))}),a=t.img(o||(o=n(["\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n"],["\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n"]))),x=t.span(s||(s=n(["\n  font-size: 32px;\n  line-height: 1;\n"],["\n  font-size: 32px;\n  line-height: 1;\n"])));export{p as Container,x as Emoji,a as Logo};

package/build/renderer/components/mini-mode-description/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { LoyaltyWidgetViewModel } from "models";
+type Props = {
+    viewModel: LoyaltyWidgetViewModel;
+};
+declare const MiniModeDescription: React.FC<Props>;
+export default MiniModeDescription;

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

@@ -0,0 +1 @@
+import e from"react";import{observer as o}from"mobx-react";import{WidgetMode as t}from"../../../models/types/index.js";import{XClose as i}from"../../../assets/icons/x-close.js";import{Container as r,CloseButton as a,Text as n}from"./style.js";var l=o(function(o){var l=o.viewModel;return l.isMiniModeDescriptionClosed?null:e.createElement(r,{onClick:function(e){e.stopPropagation(),l.setWidgetMode(t.WIDGET_MODE)}},e.createElement(a,{onClick:function(e){e.stopPropagation(),l.closeMiniModeDescription()}},e.createElement(i,null)),e.createElement(n,null,"Merhaba! 👋 Sadakat programın ve destek ekibimiz burada. Puanlarına göz at veya ekibimizle konuş."))});export{l as default};

package/build/renderer/components/mini-mode-description/style.d.ts

@@ -0,0 +1,3 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Text: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

package/build/renderer/components/section-title/style.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from'./../../../ext/styled-components/dist/styled-components.browser.esm.js';import{textSMMedium as s}from"../style/typography.js";var m,p=o.div(m||(m=n(["\n  ","\n  margin: 0;\n  padding: 16px 24px;\n"],["\n  ","\n  margin: 0;\n  padding: 16px 24px;\n"])),s);export{p as Title};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import p from"styled-components";import{textSMMedium as o}from"../style/typography.js";var m,r=p.div(m||(m=n(["\n  ","\n  margin: 0;\n  padding: 16px 24px;\n"],["\n  ","\n  margin: 0;\n  padding: 16px 24px;\n"])),o);export{r as Title};

package/build/renderer/components/style/icon-wrapper.d.ts

@@ -0,0 +1,4 @@
+import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
+export declare const iconWrapperShape: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    $iconType: WidgetIconTypeEnum;
+}, any>>;

package/build/renderer/components/style/icon-wrapper.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import{css as e}from"styled-components";import{WidgetIconTypeEnum as t}from"../../../models/loyalty-widget/types/index.js";var i,r=e(i||(i=n(["\n  display: flex;\n  width: ",";\n  height: ",";\n  justify-content: center;\n  align-items: center;\n  border-radius: ",";\n"],["\n  display: flex;\n  width: ",";\n  height: ",";\n  justify-content: center;\n  align-items: center;\n  border-radius: ",";\n"])),function(n){return n.$iconType===t.ILLUSTRATION?"40px":"36px"},function(n){return n.$iconType===t.ILLUSTRATION?"40px":"36px"},function(n){return n.$iconType===t.ILLUSTRATION?"40px":"8px"});export{r as iconWrapperShape};

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

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

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

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

package/build/renderer/index.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import "./utils/i18n";
 import { IkasLoyaltyWidgetConfig } from "models/types";
 type Props = {
     config?: IkasLoyaltyWidgetConfig;

package/build/renderer/index.js

@@ -1 +1 @@
-import{__awaiter as e,__generator as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.mjs.js';import r,{useState as o,useRef as i,useEffect as s}from"react";import{observer as c}from"mobx-react";import"./utils/i18n.js";import{LoyaltyWidgetScreenTypeEnum as a,EarningMethodTypeEnum as l,LoyaltyProgramFilterTypeEnum as d,LoyaltyProgramMethodSpendingTypeEnum as u}from"../models/types/index.js";import f from"./screens/main-screen/index.js";import m from"./screens/credit-spending-methods-screen/index.js";import p from"./screens/credit-earning-methods-screen/index.js";import E from"./screens/credit-history-screen/index.js";import y from"./screens/loyalty-level-screen/index.js";import{LoyaltyWidgetViewModel as g}from"../models/index.js";import{LoyaltyWidget as h}from"../models/loyalty-widget/index.js";import{LoyaltyProgramSpendingMethod as v}from"../models/loyalty-program-spending-method/index.js";import{LoyaltyCustomerInfo as C}from"../models/loyalty-customer-info/index.js";import{LoyaltyProgramEarningMethod as R}from"../models/loyalty-program-earning-method/index.js";import{LoyaltyProgramPointHistory as b}from"../models/loyalty-program-point-history/index.js";import{Container as S,Drawer as I,ScreenWrapper as k}from"./style.js";var A=c(function(c){var A=c.config,N=o(function(){var e=A||window.ikasLoyaltyWidgetConfig;return new g({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],_=i(!0);s(function(){e(void 0,void 0,void 0,function(){var e,r,o,i,s,c,a,f,m,p,E,y,g,S;return t(this,function(t){switch(t.label){case 0:if(!N.callbacks)return[3,6];t.label=1;case 1:return t.trys.push([1,4,5,6]),e=[N.callbacks.getLoyaltyWidget(),N.callbacks.listEarningMethods(),N.callbacks.listLoyaltyProgramTier({includeDeleted:!1})],N.cartId&&(e.push(N.callbacks.listSpendingMethodsByCartId(N.cartId)),e.push(N.callbacks.getLoyaltyCustomerInfo()),e.push(N.callbacks.listLoyaltyProgramPointHistory({}))),[4,Promise.all(e)];case 2:return r=t.sent(),o=r[0],i=r[1],s=r[2],c=[],a=null,f=[],N.cartId&&(c=r[3],a=r[4],f=r[5]),N.loyaltyWidget=new h(o),N.earningMethods=i.map(function(e){return new R(e)}),N.tiers=s||[],N.cartId&&(N.spendingMethods=c.map(function(e){return new v(e)}),N.user=a?new C(a):null,N.pointHistory=f?f.map(function(e){return new b(e)}):[]),m=new Set,p=new Set,E=new Set,y=new Set,N.earningMethods.forEach(function(e){var t,r;e.methodType===l.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===d.PRODUCT_AND_VARIANT?e.idList.forEach(function(e){return m.add(e)}):e.type===d.CATEGORY?e.idList.forEach(function(e){return p.add(e)}):e.type===d.PRODUCT_BRAND?e.idList.forEach(function(e){return E.add(e)}):e.type===d.PRODUCT_TAG&&e.idList.forEach(function(e){return y.add(e)})})}),N.spendingMethods&&N.spendingMethods.forEach(function(e){var t,n;e.type===u.FREE_PRODUCT&&(null===(t=e.discountSettings)||void 0===t?void 0:t.freeProductId)&&m.add(e.discountSettings.freeProductId),null===(n=e.productFilters)||void 0===n||n.forEach(function(e){e.type===d.PRODUCT_AND_VARIANT?e.idList.forEach(function(e){return m.add(e)}):e.type===d.CATEGORY?e.idList.forEach(function(e){return p.add(e)}):e.type===d.PRODUCT_BRAND?e.idList.forEach(function(e){return E.add(e)}):e.type===d.PRODUCT_TAG&&e.idList.forEach(function(e){return y.add(e)})})}),g=[],m.size>0&&N.callbacks.getProducts&&g.push(N.callbacks.getProducts(Array.from(m)).then(function(e){return N.products=e})),p.size>0&&N.callbacks.getCategories&&g.push(N.callbacks.getCategories(Array.from(p)).then(function(e){return N.categories=e})),E.size>0&&N.callbacks.getBrands&&g.push(N.callbacks.getBrands(Array.from(E)).then(function(e){return N.brands=e})),y.size>0&&N.callbacks.getTags&&g.push(N.callbacks.getTags(Array.from(y)).then(function(e){return N.tags=e})),[4,Promise.all(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 _.current=!1,[7];case 6:return[2]}})})},[]),s(function(){if(!_.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(!N.callbacks)return[3,4];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Promise.all([N.callbacks.listSpendingMethodsByCartId(N.cartId),N.callbacks.getLoyaltyCustomerInfo(),N.callbacks.listLoyaltyProgramPointHistory({})])];case 2:return e=t.sent(),n=e[0],r=e[1],o=e[2],N.spendingMethods=n.map(function(e){return new v(e)}),N.user=r?new C(r):null,N.pointHistory=o?o.map(function(e){return new b(e)}):[],[3,4];case 3:return i=t.sent(),console.error("Failed to fetch cart dependent data",i),[3,4];case 4:return[2]}})})}},[N.cartId]);var T=function(e){N.selectedScreen=e},w=function(){var e;(null===(e=N.callbacks)||void 0===e?void 0:e.onWidgetClose)&&N.callbacks.onWidgetClose()},M=N.selectedScreen===a.MAIN_SCREEN,L=o(null),P=L[0],D=L[1];s(function(){N.selectedScreen!==a.MAIN_SCREEN&&D(N.selectedScreen)},[N.selectedScreen]);var j=M?P:N.selectedScreen;return r.createElement(S,null,r.createElement(I,null,r.createElement(k,{$isActive:M,$isMain:!0},r.createElement(f,{viewModel:N,onClose:w,onNavigate:T})),r.createElement(k,{$isActive:!M,$isMain:!1},function(){switch(j){case a.CREDIT_SPENDING_METHODS_SCREEN:return r.createElement(m,{viewModel:N,onBack:function(){return T(a.MAIN_SCREEN)},onClose:w});case a.CREDIT_EARNING_METHODS_SCREEN:return r.createElement(p,{viewModel:N,onBack:function(){return T(a.MAIN_SCREEN)},onClose:w});case a.CREDIT_HISTORY_SCREEN:return r.createElement(E,{viewModel:N,onBack:function(){return T(a.MAIN_SCREEN)},onClose:w});case a.LOYALTY_LEVEL_SCREEN:return r.createElement(y,{viewModel:N,onBack:function(){return T(a.MAIN_SCREEN)},onClose:w});default:return null}}())))});export{A as default};
+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;return U?i.createElement(a,{i18n:_},i.createElement(S,{$layoutType:J,$widgetPosition:q,$widgetMode:x.currentWidgetMode,$position:(null==L?void 0:L.position)||(null===(P=window.ikasLoyaltyWidgetConfig)||void 0===P?void 0:P.position)||"fixed",onClick:function(){x.currentWidgetMode===g.WIDGET_MODE&&B()}},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}}())))):null});export{O as default};

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

@@ -1 +1 @@
-import e from"react";import{observer as t}from"mobx-react";import{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};
+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};