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

package/build/models/index.d.ts

@@ -1,11 +1,13 @@
 import { LoyaltyWidget } from "./loyalty-widget";
-import { LoyaltyWidgetCallbacks, LoyaltyWidgetScreenTypeEnum, Category, Product, Brand, Tag } from "./types";
+import { LoyaltyWidgetCallbacks, LoyaltyWidgetScreenTypeEnum, WidgetMode, Category, Product, Brand, Tag } from "./types";
 import { LoyaltyProgramSpendingMethod } from "./loyalty-program-spending-method";
 import { LoyaltyProgramEarningMethod } from "./loyalty-program-earning-method";
 import { LoyaltyCustomerInfo, LoyaltyProgramTier } from "./loyalty-customer-info";
 import { LoyaltyProgramPointHistory } from "./loyalty-program-point-history";
 export declare class LoyaltyWidgetViewModel {
     selectedScreen: LoyaltyWidgetScreenTypeEnum;
+    currentWidgetMode: WidgetMode;
+    isMiniModeDescriptionClosed: boolean;
     isLoading: boolean;
     loyaltyWidget: LoyaltyWidget;
     cartId?: string | null;
@@ -24,5 +26,9 @@ export declare class LoyaltyWidgetViewModel {
     tiers: LoyaltyProgramTier[];
     pointHistory: LoyaltyProgramPointHistory[];
     callbacks?: LoyaltyWidgetCallbacks;
-    constructor(data: Partial<LoyaltyWidgetViewModel> | undefined, cdnURL: string, merchantId: string, currency: string, locale: string, callbacks?: LoyaltyWidgetCallbacks);
+    constructor(data: Partial<LoyaltyWidgetViewModel> | undefined, cdnURL: string, merchantId: string, currency: string, locale: string, storeURL?: string | null, previewModeProps?: {
+        changeWidgetMode: (mode: WidgetMode) => void;
+    }, callbacks?: LoyaltyWidgetCallbacks);
+    setWidgetMode(mode: WidgetMode): void;
+    closeMiniModeDescription(): void;
 }

package/build/models/index.js

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

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

@@ -10,6 +10,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",
@@ -95,7 +99,6 @@ 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[]>;
@@ -107,6 +110,10 @@ export type IkasLoyaltyWidgetConfig = {
     merchantId: string;
     currency: string;
     locale: string;
+    storeURL?: string | null;
     callbacks: LoyaltyWidgetCallbacks;
     position?: "fixed" | "absolute";
+    previewModeProps?: {
+        changeWidgetMode: (mode: WidgetMode) => void;
+    };
 };

package/build/models/types/index.js

@@ -1 +1 @@
-var E,R,T,_,N,C,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"}(E||(E={})),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"}(R||(R={})),function(E){E.DYNAMIC_ORDER_AMOUNT="DYNAMIC_ORDER_AMOUNT",E.DYNAMIC_ORDER_QUANTITY="DYNAMIC_ORDER_QUANTITY",E.STATIC="STATIC"}(T||(T={})),function(E){E.FIXED_AMOUNT="FIXED_AMOUNT",E.FREE_PRODUCT="FREE_PRODUCT",E.FREE_SHIPPING="FREE_SHIPPING",E.RATIO="RATIO"}(_||(_={})),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"}(N||(N={})),function(E){E.MONTH="MONTH",E.WEEK="WEEK",E.YEAR="YEAR"}(C||(C={})),function(E){E.EARN="EARN",E.SPEND="SPEND"}(A||(A={}));export{R as EarningMethodTypeEnum,N as LoyaltyProgramFilterTypeEnum,_ as LoyaltyProgramMethodSpendingTypeEnum,T as LoyaltyProgramPointEarningTypeEnum,A as LoyaltyProgramPointHistoryTypeEnum,E as LoyaltyWidgetScreenTypeEnum,C 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/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 e from"react";import{observer as t}from"mobx-react";import{WidgetMode as o}from"../../../models/types/index.js";import{Container as r,Logo as i,Emoji as l}from"./style.js";var m=t(function(t){var m=t.viewModel,a=m.loyaltyWidget.miniModeLogo;return e.createElement(r,{onClick:function(){m.setWidgetMode(o.WIDGET_MODE)}},a&&a.src?e.createElement(i,{src:a.src,alt:"Loyalty Widget"}):e.createElement(l,null,"🚀"))});export{m as default};

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

@@ -0,0 +1,3 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, 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 from"styled-components";var e,i,r,o=t.div(e||(e=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  background: #000;\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  display: flex;\n  width: 60px;\n  height: 60px;\n  padding: 14px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 60px;\n  background: #000;\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"]))),s=t.img(i||(i=n(["\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n"],["\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n"]))),p=t.span(r||(r=n(["\n  font-size: 32px;\n  line-height: 1;\n"],["\n  font-size: 32px;\n  line-height: 1;\n"])));export{o as Container,p as Emoji,s 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 n,Text as a}from"./style.js";var l=o(function(o){var l=o.viewModel;return l.isMiniModeDescriptionClosed?null:e.createElement(r,{onClick:function(){l.setWidgetMode(t.WIDGET_MODE)}},e.createElement(n,{onClick:function(e){e.stopPropagation(),l.closeMiniModeDescription()}},e.createElement(i,null)),e.createElement(a,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";var r,o,a,x=p.div(r||(r=n(["\n  display: flex;\n  width: 432px;\n  padding: 20px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 24px;\n  border-radius: 16px;\n  border: 1px solid var(--Gray-Black-200, #ECECED);\n  background: var(--Basic-50, #FFF);\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #121926;\n  position: relative;\n  cursor: pointer;\n  margin-bottom: 16px; /* 16px space between description and button */\n"],["\n  display: flex;\n  width: 432px;\n  padding: 20px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 24px;\n  border-radius: 16px;\n  border: 1px solid var(--Gray-Black-200, #ECECED);\n  background: var(--Basic-50, #FFF);\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #121926;\n  position: relative;\n  cursor: pointer;\n  margin-bottom: 16px; /* 16px space between description and button */\n"]))),i=p.div(o||(o=n(["\n  position: absolute;\n  top: -12px;\n  right: -12px;\n  cursor: pointer;\n  display: inline-flex;\n  padding: 6px;\n  align-items: center;\n  gap: 10px;\n  border-radius: 40px;\n  background: var(--Gray-Black-100, #F6F6F6);\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #98A2B3;\n\n  &:hover {\n    color: #667085;\n  }\n"],["\n  position: absolute;\n  top: -12px;\n  right: -12px;\n  cursor: pointer;\n  display: inline-flex;\n  padding: 6px;\n  align-items: center;\n  gap: 10px;\n  border-radius: 40px;\n  background: var(--Gray-Black-100, #F6F6F6);\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #98A2B3;\n\n  &:hover {\n    color: #667085;\n  }\n"]))),e=p.div(a||(a=n(["\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px;\n  padding-right: 24px; /* Space for close button */\n"],["\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px;\n  padding-right: 24px; /* Space for close button */\n"])));export{i as CloseButton,x as Container,e as Text};

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

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

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

package/build/renderer/style.d.ts

@@ -1,8 +1,10 @@
 import { LoyaltyWidgetLayoutTypeEnum, WidgetPositionEnum } from "models/loyalty-widget/types";
+import { WidgetMode } from "models/types";
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
     $position?: "fixed" | "absolute";
     $layoutType: LoyaltyWidgetLayoutTypeEnum;
     $widgetPosition: WidgetPositionEnum;
+    $widgetMode: WidgetMode;
 }, never>;
 export declare const Panel: import("styled-components").StyledComponent<"div", any, {
     $layoutType: LoyaltyWidgetLayoutTypeEnum;
@@ -11,3 +13,4 @@ export declare const ScreenWrapper: import("styled-components").StyledComponent<
     $isActive: boolean;
     $isMain: boolean;
 }, never>;
+export declare const MiniModeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/renderer/style.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/loyalty-widget-renderer",
-  "version": "1.0.0-alpha.29",
+  "version": "1.0.0-alpha.30",
   "description": "",
   "author": "ucy",
   "license": "ISC",
@@ -24,7 +24,8 @@
     "release": "npm publish",
     "build": "rm -rf build && rollup -c",
     "watch": "rollup -c -w",
-    "dev": "parcel app/index.html --port 3000"
+    "dev": "parcel app/index.html --port 3000",
+    "serve": "npm run build && npx serve build -p 3000 --cors"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^22.0.0",