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

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

@@ -1,4 +1,2 @@
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Logo: import("styled-components").StyledComponent<"img", any, {
-    $maxHeight: number;
-}, never>;
+export declare const Logo: import("styled-components").StyledComponent<"img", any, {}, never>;

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

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import t from"styled-components";var e,i,o=t.div(e||(e=n(["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"],["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"]))),h=t.img(i||(i=n(["\n  height: ","px;\n  max-height: ","px;\n  object-fit: contain;\n"],["\n  height: ","px;\n  max-height: ","px;\n  object-fit: contain;\n"])),function(n){return n.$maxHeight},function(n){return n.$maxHeight});export{o as Container,h as Logo};
+import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import t from"styled-components";var e,i,p=t.div(e||(e=n(["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"],["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"]))),s=t.img(i||(i=n(["\n  max-width: 150px;\n  max-height: 30px;\n  object-fit: contain;\n"],["\n  max-width: 150px;\n  max-height: 30px;\n  object-fit: contain;\n"])));export{p as Container,s as Logo};

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

@@ -1,18 +1,12 @@
-import { HeaderBackgroundTypeEnum } from "models/loyalty-widget/types";
+import { LoyaltyWidgetHeaderBackground } from "models/loyalty-widget/header/header-background";
 export declare const CARD_OVERLAP_TOP = 48;
 type TopSectionProps = {
-    $bgType: HeaderBackgroundTypeEnum;
-    $bgColor: string | null;
-    $bgImageSrc?: string | null;
+    $headerBackground: LoyaltyWidgetHeaderBackground;
     $gap?: number;
 };
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"header", any, {}, never>;
 export declare const TopSection: import("styled-components").StyledComponent<"div", any, TopSectionProps, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Card: import("styled-components").StyledComponent<"div", any, {
-    $borderRadius: number;
-}, never>;
-export declare const CloseButton: import("styled-components").StyledComponent<"div", any, {
-    $color: string;
-}, never>;
+export declare const Card: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};

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

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

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

@@ -1 +1 @@
-import{observer as e}from"mobx-react";import t from"react";import'./../../../../../ext/react-i18next/dist/es/context.js';import{useTranslation as r}from'./../../../../../ext/react-i18next/dist/es/useTranslation.js';import{Container as o,LoyaltyProgramText as a,LoyaltyTitle as l}from"./style.js";var i=e(function(e){var i=r().t;return t.createElement(o,null,t.createElement(a,{$textColor:e.layout.header.textColor||"white"},i("header.title")),t.createElement(l,{$textColor:e.layout.header.textColor||"white"},i("header.subtitle")))});export{i as default};
+import e from"react";import{observer as t}from"mobx-react";import{useTranslation as r}from"react-i18next";import{Container as o,LoyaltyProgramText as a,LoyaltyTitle as l}from"./style.js";var m=t(function(t){var m=r().t;return e.createElement(o,null,e.createElement(a,{$textColor:t.layout.header.textColor||"white"},m("header.title")),e.createElement(l,{$textColor:t.layout.header.textColor||"white"},m("header.subtitle")))});export{m as default};

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

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import t from"styled-components";var o,e,i,l=t.div(o||(o=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-bottom: 24px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-bottom: 24px;\n"]))),p=t.div(e||(e=n(["\n  color: ",";\n  opacity: 0.6;\n\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n"],["\n  color: ",";\n  opacity: 0.6;\n\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n"])),function(n){return n.$textColor}),r=t.div(i||(i=n(["\n  color: ",";\n  font-size: 20.211px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 25.263px;\n  letter-spacing: -0.202px;\n"],["\n  color: ",";\n  font-size: 20.211px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 25.263px;\n  letter-spacing: -0.202px;\n"])),function(n){return n.$textColor});export{l as Container,p as LoyaltyProgramText,r as LoyaltyTitle};
+import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import t from"styled-components";var o,e,i,l=t.div(o||(o=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-bottom: 24px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-bottom: 24px;\n"]))),p=t.div(e||(e=n(["\n  color: ",";\n  opacity: 0.6;\n\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px; /* 150% */\n"],["\n  color: ",";\n  opacity: 0.6;\n\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px; /* 150% */\n"])),function(n){return n.$textColor}),r=t.div(i||(i=n(["\n  color: ",";\n  font-size: 20.211px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 25.263px;\n  letter-spacing: -0.202px;\n"],["\n  color: ",";\n  font-size: 20.211px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 25.263px;\n  letter-spacing: -0.202px;\n"])),function(n){return n.$textColor});export{l as Container,p as LoyaltyProgramText,r as LoyaltyTitle};

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

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

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

@@ -1 +1 @@
-import{__awaiter as e,__generator as t,__assign as o}from'./../../../ext/tslib/tslib.es6.mjs.js';import{observer as n}from"mobx-react";import i from"react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as r}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import{EarningMethodTypeEnum as s,WidgetMode as a}from"../../../models/types/index.js";import d from"../../components/section-title/index.js";import l from"./earning-methods-section/index.js";import c from"./header/index.js";import{CARD_OVERLAP_TOP as m}from"./header/style.js";import p from"./program-info-section/index.js";import g from"./spending-methods-section/index.js";import{Container as u,Content as f,Section as h}from"./style.js";var E=n(function(n){var E=n.viewModel,v=n.onClose,M=n.onNavigate,T=r().t,x=i.useState(0),b=x[0],j=x[1],w=Math.max(b-m+32,32),S=E.shouldShowSpendingMethods,C=E.earningMethods.length>0,_=S||C;return i.createElement(u,null,i.createElement(c,{viewModel:E,onClose:v,onCardHeightChange:j,headerGap:24}),i.createElement(f,{$topPadding:w},_&&i.createElement(h,{style:{marginBottom:32}},i.createElement(d,{style:{paddingTop:0,paddingLeft:16,paddingRight:16}},T(S?"main_screen.spendingMethodsTitle":"main_screen.earningMethodsTitle")),S?i.createElement(g,{viewModel:E,mode:"card",methods:E.spendingMethods.filter(function(e){return e.isAvailable}),getActionProps:function(e){return null}}):i.createElement(l,{viewModel:E,getActionProps:function(n){return n.methodType===s.CUSTOMER_REGISTER?{actionText:T("common.create"),onClick:function(){E.storeUrl&&(E.setWidgetMode(a.MINI_MODE),window.location.href="".concat(E.storeUrl,"/account/register"))}}:n.methodType===s.ENABLE_SUBSCRIPTION?{actionText:T("common.allow"),onClick:function(){return e(void 0,void 0,void 0,function(){var e;return t(this,function(t){switch(t.label){case 0:return(null===(e=E.callbacks)||void 0===e?void 0:e.subscribeToMarketingNotifications)?(E.isActionLoading=!0,[4,E.callbacks.subscribeToMarketingNotifications()]):[3,2];case 1:t.sent()&&(E.ikasEventUser=o(o({},E.ikasEventUser),{subscriptionStatus:"SUBSCRIBED"}),E.userRefreshTrigger++),E.isActionLoading=!1,t.label=2;case 2:return[2]}})})},loading:E.isActionLoading}:null}})),i.createElement(h,null,i.createElement(d,{style:{paddingTop:0,paddingLeft:16,paddingRight:16}},T("main_screen.programInfoTitle")),i.createElement(p,{viewModel:E,onNavigate:M}))))});export{E as default};
+import e from"react";import{observer as t}from"mobx-react";import{useTranslation as o}from"react-i18next";import n from"./header/index.js";import r from"../../components/section-title/index.js";import i from"./earning-methods-section/index.js";import a from"./spending-methods-section/index.js";import m from"./program-info-section/index.js";import{Container as l,Content as s,Section as c}from"./style.js";import{CARD_OVERLAP_TOP as d}from"./header/style.js";import{EarningMethodTypeEnum as p}from"../../../models/types/index.js";import{ImageTypeEnum as f}from"../../../models/loyalty-widget/types/index.js";var g=t(function(t){var g=t.viewModel,u=t.onClose,h=t.onNavigate,E=o().t,x=e.useState(0),T=x[0],y=x[1],v=e.useState(56),M=v[0],j=v[1],C=Math.max(T-d+32,32),S=g.user,w=g.spendingMethods.length>0,_=!!S&&w;return e.createElement(l,null,e.createElement(n,{viewModel:g,onClose:u,onCardHeightChange:y,headerGap:M}),e.createElement(s,{$topPadding:C,onScroll:function(e){var t=g.loyaltyWidget.header.logo;if(t.type===f.SHOW&&t.src){var o=e.currentTarget.scrollTop,n=Math.max(16,56-o);j(n)}}},e.createElement(c,null,e.createElement(r,{style:{paddingTop:0}},E(_?"main_screen.spendingMethodsTitle":"main_screen.earningMethodsTitle")),_?e.createElement(a,{viewModel:g,mode:"card",getActionProps:function(e){return null}}):e.createElement(i,{viewModel:g,getActionProps:function(e){return e.methodType===p.CUSTOMER_REGISTER?{actionText:E("common.create"),onClick:function(){}}:e.methodType===p.ENABLE_SUBSCRIPTION?{actionText:E("common.allow"),onClick:function(){}}:null}})),e.createElement(c,null,e.createElement(r,{style:{paddingTop:0}},E("main_screen.programInfoTitle")),e.createElement(m,{viewModel:g,onNavigate:h}))))});export{g as default};

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

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

package/build/renderer/screens/main-screen/program-info-section/style.d.ts

@@ -1,16 +1,8 @@
-import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const GridContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SmallCard: import("styled-components").StyledComponent<"button", any, {
-    $borderRadius: number;
-}, never>;
-export declare const SmallCardIconWrapper: import("styled-components").StyledComponent<"div", any, {
-    $hasBgColor: boolean;
-    $iconType: WidgetIconTypeEnum;
-}, never>;
+export declare const SmallCard: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const SmallCardIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SmallCardBottom: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Title: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const RowCard: import("styled-components").StyledComponent<"button", any, {
-    $borderRadius: number;
-}, never>;
+export declare const RowCard: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import e,{css as o}from"styled-components";import{iconWrapperShape as r}from"../../../components/style/icon-wrapper.js";import{textSMMedium as i}from"../../../components/style/typography.js";var d,t,p,a,s,l,f,c,x,b=e.div(d||(d=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 0 16px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 0 16px;\n"]))),u=e.div(t||(t=n(["\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n"],["\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n"]))),g=e.button(p||(p=n(["\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  padding-left: 14px;\n  gap: 12px;\n  position: relative;\n  border-radius: ",";\n  border: 1px solid #eef2f6;\n  background: #fff;\n  cursor: pointer;\n  width: 100%;\n  align-items: flex-start;\n  transition: border-color 0.2s ease-in-out;\n\n  &:hover {\n    border-color: #cdd5df;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  padding-left: 14px;\n  gap: 12px;\n  position: relative;\n  border-radius: ",";\n  border: 1px solid #eef2f6;\n  background: #fff;\n  cursor: pointer;\n  width: 100%;\n  align-items: flex-start;\n  transition: border-color 0.2s ease-in-out;\n\n  &:hover {\n    border-color: #cdd5df;\n  }\n"])),function(n){var e=n.$borderRadius;return"".concat(e,"px")}),m=e.div(s||(s=n(["\n  ","\n  border: 1px solid #e3e8ef;\n  background: #fff;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  color: #4b5565;\n\n  ","\n"],["\n  ","\n  border: 1px solid #e3e8ef;\n  background: #fff;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  color: #4b5565;\n\n  ","\n"])),r,function(e){return e.$hasBgColor&&o(a||(a=n(["\n      padding: 10px;\n      background: #f6f6f6;\n      border: none;\n    "],["\n      padding: 10px;\n      background: #f6f6f6;\n      border: none;\n    "])))}),y=e.div(l||(l=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n"]))),h=e.span(f||(f=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),i),v=e.button(c||(c=n(["\n  display: flex;\n  padding: 12px 12px 12px 16px;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: ",";\n  border: 1px solid #eef2f6;\n  background: #fff;\n  cursor: pointer;\n  width: 100%;\n  transition: border-color 0.2s ease-in-out;\n\n  &:hover {\n    border-color: #cdd5df;\n  }\n"],["\n  display: flex;\n  padding: 12px 12px 12px 16px;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: ",";\n  border: 1px solid #eef2f6;\n  background: #fff;\n  cursor: pointer;\n  width: 100%;\n  transition: border-color 0.2s ease-in-out;\n\n  &:hover {\n    border-color: #cdd5df;\n  }\n"])),function(n){var e=n.$borderRadius;return"".concat(e,"px")}),w=e.div(x||(x=n(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #9aa4b2;\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #9aa4b2;\n"])));export{w as ArrowWrapper,b as Container,u as GridContainer,v as RowCard,g as SmallCard,y as SmallCardBottom,m as SmallCardIconWrapper,h as Title};
+import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import e from"styled-components";import{textSMMedium as i}from"../../../components/style/typography.js";var r,t,o,p,d,a,f,s,l=e.div(r||(r=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 0 24px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 0 24px;\n"]))),x=e.div(t||(t=n(["\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n"],["\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n"]))),c=e.button(o||(o=n(["\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  padding-left: 14px;\n  gap: 12px;\n  position: relative;\n  border-radius: 12px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  cursor: pointer;\n  width: 100%;\n  align-items: flex-start;\n\n  &:hover {\n    background: #f8fafc;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  padding-left: 14px;\n  gap: 12px;\n  position: relative;\n  border-radius: 12px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  cursor: pointer;\n  width: 100%;\n  align-items: flex-start;\n\n  &:hover {\n    background: #f8fafc;\n  }\n"]))),g=e.div(p||(p=n(["\n  display: flex;\n  width: 36px;\n  height: 36px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 8px;\n  border: 1px solid #e3e8ef;\n  background: #fff;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  color: #4b5565;\n"],["\n  display: flex;\n  width: 36px;\n  height: 36px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 8px;\n  border: 1px solid #e3e8ef;\n  background: #fff;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  color: #4b5565;\n"]))),u=e.div(d||(d=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n"]))),b=e.span(a||(a=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),i),m=e.button(f||(f=n(["\n  display: flex;\n  padding: 12px 12px 12px 16px;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 12px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  cursor: pointer;\n  width: 100%;\n\n  &:hover {\n    background: #f8fafc;\n  }\n"],["\n  display: flex;\n  padding: 12px 12px 12px 16px;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 12px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  cursor: pointer;\n  width: 100%;\n\n  &:hover {\n    background: #f8fafc;\n  }\n"]))),y=e.div(s||(s=n(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #9AA4B2;\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #9AA4B2;\n"])));export{y as ArrowWrapper,l as Container,x as GridContainer,m as RowCard,c as SmallCard,u as SmallCardBottom,g as SmallCardIconWrapper,b as Title};

package/build/renderer/screens/main-screen/spending-methods-section/dynamic-slider.js

@@ -1 +1 @@
-import{__makeTemplateObject as n,__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.mjs.js';import{observer as o}from"mobx-react";import i,{useState as r,useEffect as a}from"react";import'./../../../../ext/react-i18next/dist/es/context.js';import{useTranslation as l}from'./../../../../ext/react-i18next/dist/es/useTranslation.js';import s from"styled-components";import{HeaderBackgroundTypeEnum as d}from"../../../../models/loyalty-widget/types/index.js";import{LoyaltyWidgetScreenTypeEnum as p}from"../../../../models/types/index.js";import u from"../../../components/button/index.js";import{textSM as c,Badge as f}from"../../../components/style/typography.js";var m,g,x,h,b,v,y,w,E,k,$,j,S=s.div(m||(m=n(["\n  display: flex;\n  padding: 12px 16px 16px 16px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n  align-self: stretch;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #f8fafc;\n"],["\n  display: flex;\n  padding: 12px 16px 16px 16px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n  align-self: stretch;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #f8fafc;\n"]))),C=s.div(g||(g=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n"]))),z=s.div(x||(x=n(["\n  color: #364152;\n  ","\n"],["\n  color: #364152;\n  ","\n"])),c),I=s.div(h||(h=n(["\n  width: 100%;\n  position: relative;\n  padding-bottom: 16px; /* Space for markers */\n"],["\n  width: 100%;\n  position: relative;\n  padding-bottom: 16px; /* Space for markers */\n"]))),M=s.div(b||(b=n(["\n  position: relative;\n  width: 100%;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: relative;\n  width: 100%;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),N=s.div(v||(v=n(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 6px;\n  border-radius: 3px;\n  background-color: #e3e8ef;\n"],["\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 6px;\n  border-radius: 3px;\n  background-color: #e3e8ef;\n"]))),A=s.div(y||(y=n(["\n  position: absolute;\n  left: 0;\n  height: 6px;\n  width: ","%;\n  border-radius: 3px;\n  background: ",";\n"],["\n  position: absolute;\n  left: 0;\n  height: 6px;\n  width: ","%;\n  border-radius: 3px;\n  background: ",";\n"])),function(n){return n.$percentage},function(n){return n.$isGradient?"radial-gradient(92.35% 100% at 50% 0%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), ".concat(n.$bgColor):n.$bgColor}),L=s.div(w||(w=n(["\n  position: absolute;\n  left: ","%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 2px solid ",";\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  z-index: 2;\n  pointer-events: none; /* Let clicks pass through to input/container if needed, but input handles interaction */\n"],["\n  position: absolute;\n  left: ","%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 2px solid ",";\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  z-index: 2;\n  pointer-events: none; /* Let clicks pass through to input/container if needed, but input handles interaction */\n"])),function(n){return n.$left},function(n){return n.$bgColor}),_=s.input(E||(E=n(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n  z-index: 3;\n  margin: 0;\n"],["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n  z-index: 3;\n  margin: 0;\n"]))),P=s.div(k||(k=n(["\n  position: absolute;\n  top: 28px; /* Below the slider track/thumb */\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: space-between;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 28px; /* Below the slider track/thumb */\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: space-between;\n  pointer-events: none;\n"]))),R=s.div($||($=n(["\n  font-size: 12px;\n  color: #9aa4b2;\n  font-weight: 400;\n  line-height: 18px;\n"],["\n  font-size: 12px;\n  color: #9aa4b2;\n  font-weight: 400;\n  line-height: 18px;\n"]))),T=s.div(j||(j=n(["\n  position: absolute;\n  left: ","%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: #fff;\n  z-index: 1;\n"],["\n  position: absolute;\n  left: ","%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: #fff;\n  z-index: 1;\n"])),function(n){return n.$left}),F=o(function(n){var o=n.viewModel,s=n.method,c=l().t,m=r(!1),g=m[0],x=m[1],h=o.user,b=o.loyaltyWidget,v=s.discountSettings;if(!h||!v)return null;var y=v.point,w=v.discountAmount||0;if(y<=0)return null;var E=s.pointUsageLimit,k=(null==E?void 0:E.minPointLimit)||0,$=(null==E?void 0:E.maxPointLimit)||Number.MAX_SAFE_INTEGER,j=Math.min(h.totalPoint,$),F=Math.floor(j/y)*y,G=k>0?Math.ceil(k/y)*y:0,B=F>0?F:y,W=G,D=r(G),U=D[0],X=D[1];a(function(){U>F?X(F):U<G&&X(G)},[F,G]);var q=B-W,H=q>0?(U-W)/q*100:0,J=U/y*w,K=b.header.background.bgColor||"#7B61FF",O=b.header.background.type===d.GRADIENT,Q=q/y,V=[];if(Q>1&&Q<20)for(var Y=1;Y<Q;Y++)V.push(Y/Q*100);var Z=F>=G&&F>0&&!0===s.isAvailable;return i.createElement(i.Fragment,null,i.createElement(S,null,i.createElement(C,null,i.createElement(z,null,U," ",c("common.points")),i.createElement(f,null,o.formatCurrency(Number(J)))),i.createElement(I,null,i.createElement(M,null,i.createElement(N,null,V.map(function(n,e){return i.createElement(T,{key:e,$left:n})})),i.createElement(A,{$percentage:H,$bgColor:K,$isGradient:O}),i.createElement(L,{$left:H,$bgColor:K}),i.createElement(_,{type:"range",min:W,max:B,step:y,value:U,onChange:function(n){var e=Number(n.target.value);X(e)}})),i.createElement(P,null,i.createElement(R,null,W),i.createElement(R,null,B)))),i.createElement(u,{button:b.button,fontSize:"textSMMedium",paddingSize:"medium",fullWidth:!0,disabled:0===U||g||!Z,isLoading:g,onClick:function(){return e(void 0,void 0,void 0,function(){var n;return t(this,function(e){switch(e.label){case 0:if(!o.cartId||0===U)return[2];x(!0),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,null===(n=o.callbacks)||void 0===n?void 0:n.useLoyaltyPoints({amount:J,cartId:o.cartId,loyaltyProgramId:s.loyaltyProgramId,loyaltySpendingMethodId:s.id})];case 2:return e.sent()&&(o.userRefreshTrigger++,o.cartRefreshTrigger++,o.selectedScreen!==p.MAIN_SCREEN&&(o.selectedScreen=p.MAIN_SCREEN)),[3,4];case 3:return x(!1),[7];case 4:return[2]}})})}},c("common.convert")))});export{F as default};
+import{__makeTemplateObject as n,__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.mjs.js';import o,{useState as r,useEffect as i}from"react";import{observer as a}from"mobx-react";import{useTranslation as l}from"react-i18next";import s from"styled-components";import{textSM as d,Badge as p}from"../../../components/style/typography.js";import u from"../../../components/button/index.js";import{HeaderBackgroundTypeEnum as c}from"../../../../models/loyalty-widget/types/index.js";var f,m,g,x,b,h,v,y,w,k,E,$,z=s.div(f||(f=n(["\n  display: flex;\n  padding: 12px 16px 16px 16px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n  align-self: stretch;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #f8fafc;\n"],["\n  display: flex;\n  padding: 12px 16px 16px 16px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n  align-self: stretch;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #f8fafc;\n"]))),j=s.div(m||(m=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n"]))),C=s.div(g||(g=n(["\n  color: #364152;\n  ","\n"],["\n  color: #364152;\n  ","\n"])),d),I=s.div(x||(x=n(["\n  width: 100%;\n  position: relative;\n  padding-bottom: 16px; /* Space for markers */\n"],["\n  width: 100%;\n  position: relative;\n  padding-bottom: 16px; /* Space for markers */\n"]))),S=s.div(b||(b=n(["\n  position: relative;\n  width: 100%;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: relative;\n  width: 100%;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),M=s.div(h||(h=n(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 6px;\n  border-radius: 3px;\n  background-color: #e3e8ef;\n"],["\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 6px;\n  border-radius: 3px;\n  background-color: #e3e8ef;\n"]))),F=s.div(v||(v=n(["\n  position: absolute;\n  left: 0;\n  height: 6px;\n  width: ","%;\n  border-radius: 3px;\n  background: ",";\n"],["\n  position: absolute;\n  left: 0;\n  height: 6px;\n  width: ","%;\n  border-radius: 3px;\n  background: ",";\n"])),function(n){return n.$percentage},function(n){return n.$isGradient?"radial-gradient(92.35% 100% at 50% 0%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), ".concat(n.$bgColor):n.$bgColor}),L=s.div(y||(y=n(["\n  position: absolute;\n  left: ","%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 2px solid ",";\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  z-index: 2;\n  pointer-events: none; /* Let clicks pass through to input/container if needed, but input handles interaction */\n"],["\n  position: absolute;\n  left: ","%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 2px solid ",";\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  z-index: 2;\n  pointer-events: none; /* Let clicks pass through to input/container if needed, but input handles interaction */\n"])),function(n){return n.$left},function(n){return n.$bgColor}),P=s.input(w||(w=n(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n  z-index: 3;\n  margin: 0;\n"],["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n  z-index: 3;\n  margin: 0;\n"]))),B=s.div(k||(k=n(["\n  position: absolute;\n  top: 28px; /* Below the slider track/thumb */\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: space-between;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 28px; /* Below the slider track/thumb */\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: space-between;\n  pointer-events: none;\n"]))),G=s.div(E||(E=n(["\n  font-size: 12px;\n  color: #9aa4b2;\n  font-weight: 400;\n  line-height: 18px;\n"],["\n  font-size: 12px;\n  color: #9aa4b2;\n  font-weight: 400;\n  line-height: 18px;\n"]))),N=s.div($||($=n(["\n  position: absolute;\n  left: ","%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: #fff;\n  z-index: 1;\n"],["\n  position: absolute;\n  left: ","%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: #fff;\n  z-index: 1;\n"])),function(n){return n.$left}),A=a(function(n){var a=n.viewModel,s=n.method,d=l().t,f=r(!1),m=f[0],g=f[1],x=a.user,b=a.loyaltyWidget,h=s.discountSettings;if(!x||!h)return null;var v=h.point,y=h.discountAmount||0;if(v<=0)return null;var w=Math.floor(x.totalPoint/v)*v,k=w>0?w:v,E=r(w),$=E[0],A=E[1];i(function(){$>w&&A(w)},[w]);var W=$/k*100,D=$/v*y,R=b.header.background.bgColor||"#7B61FF",T=b.header.background.type===c.GRADIENT,_=k/v,q=[];if(_>1&&_<20)for(var H=1;H<_;H++)q.push(H/_*100);var J=w>0;return o.createElement(o.Fragment,null,o.createElement(z,null,o.createElement(j,null,o.createElement(C,null,$," ",d("common.points")),o.createElement(p,null,Number(D).toFixed(2)," ",a.currency)),o.createElement(I,null,o.createElement(S,null,o.createElement(M,null,q.map(function(n,e){return o.createElement(N,{key:e,$left:n})})),o.createElement(F,{$percentage:W,$bgColor:R,$isGradient:T}),o.createElement(L,{$left:W,$bgColor:R}),o.createElement(P,{type:"range",min:0,max:k,step:v,value:$,onChange:function(n){var e=Number(n.target.value);A(e)},disabled:!J})),o.createElement(B,null,o.createElement(G,null,"0"),o.createElement(G,null,k)))),o.createElement(u,{button:b.button,fontSize:"textSMMedium",paddingSize:"medium",fullWidth:!0,disabled:0===$||m||!J,isLoading:m,onClick:function(){return e(void 0,void 0,void 0,function(){var n;return t(this,function(e){switch(e.label){case 0:if(!a.cartId||0===$)return[2];g(!0),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,null===(n=a.callbacks)||void 0===n?void 0:n.useLoyaltyPoints({amount:D,cartId:a.cartId,loyaltyProgramId:s.loyaltyProgramId,loyaltySpendingMethodId:s.id})];case 2:return e.sent(),[3,4];case 3:return g(!1),[7];case 4:return[2]}})})}},d("common.convert")))});export{A as default};

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

@@ -4,7 +4,6 @@ import { LoyaltyProgramSpendingMethod } from "models/loyalty-program-spending-me
 type SectionProps = {
     viewModel: LoyaltyWidgetViewModel;
     mode?: "card" | "accordion";
-    methods?: LoyaltyProgramSpendingMethod[];
     getActionProps?: (method: LoyaltyProgramSpendingMethod) => {
         actionText: string;
         onClick: () => void;

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

@@ -1 +1 @@
-import{__spreadArray as e,__awaiter as t,__generator as i}from'./../../../../ext/tslib/tslib.es6.mjs.js';import{observer as n}from"mobx-react";import o,{useState as r}from"react";import'./../../../../ext/react-i18next/dist/es/context.js';import{useTranslation as d}from'./../../../../ext/react-i18next/dist/es/useTranslation.js';import{LoyaltyProgramMethodSpendingTypeEnum as a,LoyaltyProgramFilterTypeEnum as s,LoyaltyWidgetScreenTypeEnum as l}from"../../../../models/types/index.js";import c from"../../../components/button/index.js";import m from"../../../components/loyalty-method-card/index.js";import{getFreeProductName as u,getFilterDetails as p}from"../../../utils/loyalty-details.js";import{getSpendingMethodTitle as g,getSpendingMethodDescription as y,getSpendingMethodIcon as f}from"../../../../utils.js";import v from"./dynamic-slider.js";var E=n(function(e){var n,E,x=e.method,R=e.viewModel,h=e.actionText,A=e.padding,b=e.onClick,T=e.mode,C=d().t,D=r(!1),S=D[0],I=D[1],M=R.loyaltyWidget,_=g(x),O=y(x,R),P=f(x.type,M.settings.widgetIconType),k=x.productFilters||[],j=x.type===a.FREE_PRODUCT,w=j&&(null===(n=x.discountSettings)||void 0===n?void 0:n.freeProductId)?u(R,x.discountSettings.freeProductId):void 0,N=j&&!!w,B=null===(E=x.pointUsageLimit)||void 0===E?void 0:E.minPointLimit,L=!x.isDynamic&&!!R.user&&!!R.cartId,U=x.isDynamic&&!!R.user&&!!R.cartId,z=x.isDynamic,W="accordion"===T||z&&U?"accordion":"card",F=function(){return t(void 0,void 0,void 0,function(){var e;return i(this,function(t){switch(t.label){case 0:if(!R.cartId||!x.isAvailable)return[2];I(!0),t.label=1;case 1:return t.trys.push([1,,3,4]),[4,null===(e=R.callbacks)||void 0===e?void 0:e.useLoyaltyPoints({cartId:R.cartId,loyaltyProgramId:x.loyaltyProgramId,loyaltySpendingMethodId:x.id})];case 2:return t.sent()&&(R.userRefreshTrigger++,R.cartRefreshTrigger++,R.selectedScreen!==l.MAIN_SCREEN&&(R.selectedScreen=l.MAIN_SCREEN)),[3,4];case 3:return I(!1),[7];case 4:return[2]}})})},G="card"===W&&L&&!z?{text:C("common.use"),onClick:F,loading:S}:h&&b?{text:h,onClick:b}:void 0;return o.createElement(m,{title:_,description:O,icon:P,action:G,isCompleted:!1,mode:W,padding:A,settings:{borderRadius:M.settings.cartBorderRadius,widgetIconType:M.settings.widgetIconType,button:M.button}},"accordion"!==W?null:o.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},B&&B>0&&o.createElement("div",{style:{fontSize:"14px",color:"#475467",lineHeight:"20px",fontWeight:400}},C("spendingMethods.minPointLimit",{points:B})),N&&o.createElement("div",{style:{fontSize:"14px",color:"#475467",lineHeight:"20px",fontWeight:400}},C("spendingMethods.FREE_PRODUCT.description",{product:w})),k.map(function(e,t){var i=p(R,e.type,e.idList);if(!i.length)return null;var n=i[0],r=n.name,d="";switch(n.type){case s.CATEGORY:case s.DYNAMIC_CATEGORY:d=C("earningMethods.ORDER_CREATE.BASE.descriptionOnlyCategory",{category:r});break;case s.PRODUCT_AND_VARIANT:d=C("earningMethods.ORDER_CREATE.BASE.descriptionOnlyProduct",{product:r});break;case s.PRODUCT_BRAND:d=C("earningMethods.ORDER_CREATE.BASE.descriptionOnlyBrand",{brand:r});break;case s.PRODUCT_TAG:d=C("earningMethods.ORDER_CREATE.BASE.descriptionOnlyTag",{tag:r})}return!d&&r&&(d=r),d?o.createElement("div",{key:t,style:{fontSize:"14px",color:"#475467",lineHeight:"20px",fontWeight:400}},d):null}),U&&o.createElement(v,{viewModel:R,method:x}),L&&!z&&o.createElement("div",{style:{alignSelf:"flex-end",width:"100%"}},o.createElement(c,{button:M.button,paddingSize:"small",fontSize:"textSMMedium",onClick:F,isLoading:S,disabled:!x.isAvailable,fullWidth:!0},C("common.use")))))}),x=n(function(t){var i=t.viewModel,n=t.mode,r=void 0===n?"card":n,d=t.getActionProps,a=t.methods,s=i.spendingMethods,l=e([],a||s,!0).sort(function(e,t){return e.isAvailable&&!t.isAvailable?-1:!e.isAvailable&&t.isAvailable?1:e.isDynamic&&!t.isDynamic?-1:!e.isDynamic&&t.isDynamic?1:0}),c="accordion"===r?"16px":void 0;return o.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"12px",padding:"0 16px"}},l.map(function(e){var t=d?d(e):null;return o.createElement(E,{key:e.id,method:e,viewModel:i,mode:r,padding:c,actionText:null==t?void 0:t.actionText,onClick:null==t?void 0:t.onClick})}))});export{x as default};
+import{__awaiter as t,__generator as e}from'./../../../../ext/tslib/tslib.es6.mjs.js';import i,{useState as o}from"react";import{observer as n}from"mobx-react";import{useTranslation as d}from"react-i18next";import{LoyaltyProgramMethodSpendingTypeEnum as r,LoyaltyProgramFilterTypeEnum as l}from"../../../../models/types/index.js";import{getSpendingMethodTitle as a,getSpendingMethodDescription as s,getSpendingMethodIcon as c}from"../../../../utils.js";import m from"../../../components/loyalty-method-card/index.js";import u from"../../../components/button/index.js";import{getFreeProductName as p,getFilterDetails as g}from"../../../utils/loyalty-details.js";import y from"./dynamic-slider.js";var v=n(function(n){var v,f,E,x=n.method,h=n.viewModel,R=n.mode,T=n.actionText,A=n.padding,C=n.onClick,b=d().t,D=o(!1),S=D[0],I=D[1],M=h.loyaltyWidget,O=a(x),P=s(x,h.currency),_=c(x.type,M.settings.widgetIconType),k=x.productFilters||[],w=k.length>0,j=x.type===r.FREE_PRODUCT,L=x.type===r.FIXED_AMOUNT,U=j&&(null===(v=x.discountSettings)||void 0===v?void 0:v.freeProductId)?p(h,x.discountSettings.freeProductId):void 0,B=j&&!!U,z=null===(f=x.pointUsageLimit)||void 0===f?void 0:f.minPointLimit,N=null===(E=x.pointUsageLimit)||void 0===E?void 0:E.maxPointLimit,W=z&&z>0||N&&N>0,F=L&&!x.isDynamic&&!!h.user&&!!h.cartId,G=L&&x.isDynamic&&!!h.user&&!!h.cartId,H=w||B||W||F||G,Y="accordion"===R&&H?"accordion":"card";return i.createElement(m,{title:O,description:P,icon:_,action:T&&C?{text:T,onClick:C}:void 0,isCompleted:!1,mode:Y,padding:A,settings:{borderRadius:M.settings.cartBorderRadius,widgetIconType:M.settings.widgetIconType,button:M.button}},H?i.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},z&&z>0&&i.createElement("div",{style:{fontSize:"14px",color:"#475467",lineHeight:"20px",fontWeight:400}},b("spendingMethods.minPointLimit",{points:z})),B&&i.createElement("div",{style:{fontSize:"14px",color:"#475467",lineHeight:"20px",fontWeight:400}},b("spendingMethods.FREE_PRODUCT.description",{product:U})),k.map(function(t,e){var o=g(h,t.type,t.idList);if(!o.length)return null;var n=o[0],d=n.name,r="";switch(n.type){case l.CATEGORY:case l.DYNAMIC_CATEGORY:r=b("earningMethods.ORDER_CREATE.BASE.descriptionOnlyCategory",{category:d});break;case l.PRODUCT_AND_VARIANT:r=b("earningMethods.ORDER_CREATE.BASE.descriptionOnlyProduct",{product:d});break;case l.PRODUCT_BRAND:r=b("earningMethods.ORDER_CREATE.BASE.descriptionOnlyBrand",{brand:d});break;case l.PRODUCT_TAG:r=b("earningMethods.ORDER_CREATE.BASE.descriptionOnlyTag",{tag:d})}return!r&&d&&(r=d),r?i.createElement("div",{key:e,style:{fontSize:"14px",color:"#475467",lineHeight:"20px",fontWeight:400}},r):null}),F&&i.createElement(u,{button:M.button,fontSize:"textSMMedium",paddingSize:"medium",fullWidth:!0,disabled:!!(h.user&&x.discountSettings&&h.user.totalPoint<x.discountSettings.point),isLoading:S,onClick:function(){return t(void 0,void 0,void 0,function(){var t,i;return e(this,function(e){switch(e.label){case 0:if(!h.cartId)return[2];I(!0),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,null===(t=h.callbacks)||void 0===t?void 0:t.useLoyaltyPoints({amount:null===(i=x.discountSettings)||void 0===i?void 0:i.discountAmount,cartId:h.cartId,loyaltyProgramId:x.loyaltyProgramId,loyaltySpendingMethodId:x.id})];case 2:return e.sent(),[3,4];case 3:return I(!1),[7];case 4:return[2]}})})}},"Sepetimde Kullan"),G&&i.createElement(y,{viewModel:h,method:x})):null)}),f=n(function(t){var e=t.viewModel,o=t.mode,n=void 0===o?"card":o,d=t.getActionProps,r=e.spendingMethods,l="accordion"===n?"16px":void 0;return i.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"12px",padding:"accordion"===n?"0 16px":"0 24px"}},r.map(function(t){var o=d?d(t):null;return i.createElement(v,{key:t.id,method:t,viewModel:e,mode:n,padding:l,actionText:null==o?void 0:o.actionText,onClick:null==o?void 0:o.onClick})}))});export{f as default};

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

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"styled-components";var f,t,i,r=o.div(f||(f=n(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"]))),d=o.div(t||(t=n(["\n  flex: 1;\n  overflow-y: auto;\n  margin-top: 0;\n  padding-top: ",";\n  background: #ffffff;\n"],["\n  flex: 1;\n  overflow-y: auto;\n  margin-top: 0;\n  padding-top: ",";\n  background: #ffffff;\n"])),function(n){var o=n.$topPadding;return"".concat(o,"px")}),e=o.div(i||(i=n(["\n  margin-bottom: 24px;\n"],["\n  margin-bottom: 24px;\n"])));export{r as Container,d as Content,e as Section};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"styled-components";var f,r,t,i=o.div(f||(f=n(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #ffffff;\n"]))),l=o.div(r||(r=n(["\n  flex: 1;\n  overflow-y: auto;\n  padding-top: ",";\n  background: #ffffff;\n\n  scroll-behavior: smooth;\n"],["\n  flex: 1;\n  overflow-y: auto;\n  padding-top: ",";\n  background: #ffffff;\n\n  scroll-behavior: smooth;\n"])),function(n){var o=n.$topPadding;return"".concat(o,"px")}),e=o.div(t||(t=n(["\n  margin-bottom: 24px;\n"],["\n  margin-bottom: 24px;\n"])));export{i as Container,l as Content,e as Section};

package/build/renderer/style.d.ts

@@ -1,21 +1,6 @@
-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;
-    $isOpen: boolean;
-    $widgetPosition: WidgetPositionEnum;
-}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Drawer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ScreenWrapper: import("styled-components").StyledComponent<"div", any, {
     $isActive: boolean;
     $isMain: boolean;
 }, never>;
-export declare const MiniModeWrapper: import("styled-components").StyledComponent<"div", any, {
-    $isVisible: boolean;
-    $widgetPosition: WidgetPositionEnum;
-}, never>;

package/build/renderer/style.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../ext/tslib/tslib.es6.mjs.js';import t,{css as o}from"styled-components";import{WidgetPositionEnum as i,LoyaltyWidgetLayoutTypeEnum as r}from"../models/loyalty-widget/types/index.js";import{WidgetMode as e}from"../models/types/index.js";var a,s,d,p,l,x,b,c,h=t.div(a||(a=n(["\n  position: ",";\n  position: ",";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: ",";\n  max-height: ",";\n  overflow: hidden; /* Prevent scrollbars from absolute children */\n  background-color: ",";\n  transition: background-color 0.3s ease-in-out;\n  z-index: 2147483647;\n  pointer-events: ",";\n\n  /* Ensure children are clickable in Mini Mode */\n  & > * {\n    pointer-events: auto;\n  }\n\n  /* Global scrollbar styling for all children */\n  & * {\n    scrollbar-width: thin;\n    scrollbar-color: #cdd5df transparent;\n  }\n\n  & *::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n\n  & *::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  & *::-webkit-scrollbar-thumb {\n    background-color: #cdd5df !important;\n    border-radius: 8px;\n  }\n"],["\n  position: ",";\n  position: ",";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: ",";\n  max-height: ",";\n  overflow: hidden; /* Prevent scrollbars from absolute children */\n  background-color: ",";\n  transition: background-color 0.3s ease-in-out;\n  z-index: 2147483647;\n  pointer-events: ",";\n\n  /* Ensure children are clickable in Mini Mode */\n  & > * {\n    pointer-events: auto;\n  }\n\n  /* Global scrollbar styling for all children */\n  & * {\n    scrollbar-width: thin;\n    scrollbar-color: #cdd5df transparent;\n  }\n\n  & *::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n\n  & *::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  & *::-webkit-scrollbar-thumb {\n    background-color: #cdd5df !important;\n    border-radius: 8px;\n  }\n"])),function(n){return n.$position||"fixed"},function(n){return n.$position||"fixed"},function(n){return"absolute"===n.$position?"100%":"100dvh"},function(n){return"absolute"===n.$position?"100%":"100dvh"},function(n){return n.$widgetMode===e.MINI_MODE?"transparent":"rgba(0, 0, 0, 0.5)"},function(n){return n.$widgetMode===e.MINI_MODE?"none":"auto"}),f=t.div(p||(p=n(["\n  position: absolute;\n  top: 0;\n  ","\n  display: block;\n  width: 100%;\n  max-width: 400px;\n  height: 100%;\n  background-color: #ffffff;\n  overflow: hidden;\n\n  /* Animation props */\n  transform: ",";\n  transition:\n    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),\n    opacity 0.3s ease-in-out;\n  opacity: ",";\n  pointer-events: ",";\n\n  ","\n\n  @media (max-width: 600px) {\n    max-width: 100%;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  ","\n  display: block;\n  width: 100%;\n  max-width: 400px;\n  height: 100%;\n  background-color: #ffffff;\n  overflow: hidden;\n\n  /* Animation props */\n  transform: ",";\n  transition:\n    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),\n    opacity 0.3s ease-in-out;\n  opacity: ",";\n  pointer-events: ",";\n\n  ","\n\n  @media (max-width: 600px) {\n    max-width: 100%;\n  }\n"])),function(n){return n.$widgetPosition===i.LEFT?"left: 0;":"right: 0;"},function(n){var t=n.$isOpen,o=n.$widgetPosition;return t?"translateX(0%)":o===i.LEFT?"translateX(-100%)":"translateX(100%)"},function(n){return n.$isOpen?1:0},function(n){return n.$isOpen?"auto":"none"},function(t){return t.$layoutType===r.DRAWER?o(s||(s=n(["\n          border-radius: 0;\n          box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n\n          @media (max-width: 600px) {\n            max-width: 100%;\n            height: 100%;\n          }\n        "],["\n          border-radius: 0;\n          box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n\n          @media (max-width: 600px) {\n            max-width: 100%;\n            height: 100%;\n          }\n        "]))):o(d||(d=n(["\n          border-radius: 12px;\n          box-shadow:\n            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: calc(100% - 32px);\n          margin: 16px;\n\n          @media (max-width: 600px) {\n            top: 16px;\n            bottom: 16px;\n            left: 16px;\n            right: 16px;\n            width: auto;\n            height: auto;\n            max-width: none;\n            max-height: none;\n            margin: 0;\n          }\n        "],["\n          border-radius: 12px;\n          box-shadow:\n            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: calc(100% - 32px);\n          margin: 16px;\n\n          @media (max-width: 600px) {\n            top: 16px;\n            bottom: 16px;\n            left: 16px;\n            right: 16px;\n            width: auto;\n            height: auto;\n            max-width: none;\n            max-height: none;\n            margin: 0;\n          }\n        "])))}),u=t.div(b||(b=n(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  overflow: hidden;\n  padding-bottom: env(safe-area-inset-bottom);\n\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  overflow: hidden;\n  padding-bottom: env(safe-area-inset-bottom);\n\n  ","\n"])),function(t){var i=t.$isActive;return t.$isMain?o(l||(l=n(["\n        transform: translateX(0%);\n        z-index: 1;\n      "],["\n        transform: translateX(0%);\n        z-index: 1;\n      "]))):o(x||(x=n(["\n        transform: translateX(",");\n        z-index: 2;\n        box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n      "],["\n        transform: translateX(",");\n        z-index: 2;\n        box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n      "])),i?"0%":"100%")}),m=t.div(c||(c=n(["\n  position: absolute;\n  bottom: 20px;\n  ","\n  display: flex;\n  flex-direction: column;\n  align-items: ",";\n  transition:\n    opacity 0.2s ease-in-out,\n    transform 0.2s ease-in-out;\n  opacity: ",";\n  transform: ",";\n  pointer-events: ",";\n"],["\n  position: absolute;\n  bottom: 20px;\n  ","\n  display: flex;\n  flex-direction: column;\n  align-items: ",";\n  transition:\n    opacity 0.2s ease-in-out,\n    transform 0.2s ease-in-out;\n  opacity: ",";\n  transform: ",";\n  pointer-events: ",";\n"])),function(n){return n.$widgetPosition===i.LEFT?"left: 20px;":"right: 20px;"},function(n){return n.$widgetPosition===i.LEFT?"flex-start":"flex-end"},function(n){return n.$isVisible?1:0},function(n){return n.$isVisible?"translateY(0)":"translateY(10px)"},function(n){return n.$isVisible?"auto":"none"});export{h as Container,m as MiniModeWrapper,f as Panel,u as ScreenWrapper};
+import{__makeTemplateObject as n}from'./../ext/tslib/tslib.es6.mjs.js';import o,{css as t}from"styled-components";var i,r,e,f,a,s=o.div(i||(i=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 9999;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 9999;\n"]))),d=o.div(r||(r=n(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 520px;\n  max-width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  \n  overflow-x: hidden;\n  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 520px;\n  max-width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  \n  overflow-x: hidden;\n  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n"]))),h=o.div(a||(a=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(o){var i=o.$isActive;return o.$isMain?t(e||(e=n(["\n        transform: translateX(",");\n        z-index: 1;\n      "],["\n        transform: translateX(",");\n        z-index: 1;\n      "])),i?"0%":"-100%"):t(f||(f=n(["\n        transform: translateX(",");\n        z-index: 2;\n      "],["\n        transform: translateX(",");\n        z-index: 2;\n      "])),i?"0%":"100%")});export{s as Container,d as Drawer,h as ScreenWrapper};

package/build/renderer/utils/i18n.js

@@ -1 +1 @@
-import t from'./../../ext/i18next/dist/esm/i18next.js';import"react";import{initReactI18next as e}from'./../../ext/react-i18next/dist/es/context.js';import o from"./locales/tr.json.js";import r from"./locales/en.json.js";var s={tr:{translation:o},en:{translation:r}},n=t.createInstance();n.use(e).init({resources:s,lng:"tr",fallbackLng:"tr",interpolation:{escapeValue:!1}});export{n as default};
+import t from"i18next";import{initReactI18next as r}from"react-i18next";import e from"./locales/tr.json.js";import o from"./locales/en.json.js";var a={tr:{translation:e},en:{translation:o}},n=t.createInstance();n.use(r).init({resources:a,lng:"tr",fallbackLng:"tr",interpolation:{escapeValue:!1}});export{n as default};

package/build/renderer/utils/locales/en.json.js

@@ -1 +1 @@
-var t={points:"Points",view:"View",create:"Create",allow:"Allow",use:"Use",review:"Review",login:"Login",register:"Register"},e={earningMethodsTitle:"Ways to Earn Points",programInfoTitle:"Program Information"},o={title:"Loyalty Program",subtitle:"Earn as You Spend",register_title:"Join Now",registerDescription:"Unlock exciting benefits and get access to exclusive rewards.",registerButton:"Register Now",haveAccount:"Already have an account?",earnedPoints:"Earned Points"},r={minPointLimit:"Minimum {{points}} points can be converted.",FIXED_AMOUNT:{title:"Fixed Amount Discount"},RATIO:{title:"Percentage Discount"},FREE_SHIPPING:{title:"Free Shipping"},FREE_PRODUCT:{title:"Free Product",description:"{{product}} product will be added to cart for free."}},i={spent_amount_description:"{{points}} points for every {{amount}}₺ spent",min_order_amount_description:"Minimum order amount must be {{amount}} TL.",category_filter_description:"A product from {{category}} category must be added to the order.",product_filter_description:"Product {{product}} must be added to the order."},n={xPoints:"{{points}} Points",xPointsForEachProduct:"{{points}} points per product",CUSTOMER_REGISTER:{title:"Create Account"},CUSTOMER_REVIEW:{title:"Review Products"},ENABLE_SUBSCRIPTION:{title:"Subscribe to Communication"},ORDER_CREATE:{RECEIVE_POINTS_ON_SPEND:{title:"Earn as You Spend",description:"{{points}} points for every {{amount}} spent"},BASE:{title:"Create Order",descriptionStaticMinimum:"Minimum order amount must be {{amount}}.",descriptionStaticMaximum:"Maximum order amount must be {{amount}}.",descriptionDynamicMinimum:"Minimum order amount must be {{amount}}. A product from {{category}} category must be added to the order.",descriptionDynamicMaximum:"Maximum order amount must be {{amount}}. A product from {{category}} category must be added to the order.",descriptionOnlyCategory:"A product from {{category}} category must be added to the order.",descriptionOnlyProduct:"Product {{product}} must be added to the order.",descriptionOnlyBrand:"A product from {{brand}} brand must be added to the order.",descriptionOnlyTag:"A product with {{tag}} tag must be added to the order."}},BUY_PRODUCT:{title:"Buy Product",description:"A product from {{category}} category must be purchased."},CUSTOMER_SEGMENT:{title:"Customer Segment"}},d={creditEarningMethods:"Credit Earning Methods",creditSpendingMethods:"Credit Spending Methods",creditHistory:"Credit History",loyaltyLevel:"Loyalty Level"},a={common:t,main_screen:e,header:o,spendingMethods:r,earning_methods:i,earningMethods:n,screens:d};export{t as common,a as default,n as earningMethods,i as earning_methods,o as header,e as main_screen,d as screens,r as spendingMethods};
+var t={points:"Points",view:"View",create:"Create",allow:"Allow",use:"Use",review:"Review",login:"Login",register:"Register"},e={earningMethodsTitle:"Ways to Earn Points",programInfoTitle:"Program Information"},r={title:"Loyalty Program",subtitle:"Earn as You Spend",register_title:"Join Now",registerDescription:"Unlock exciting benefits and get access to exclusive rewards.",registerButton:"Register Now",haveAccount:"Already have an account?",earnedPoints:"Earned Points"},o={minPointLimit:"Minimum {{points}} points can be converted.",FIXED_AMOUNT:{title:"Fixed Amount Discount"},RATIO:{title:"Percentage Discount"},FREE_SHIPPING:{title:"Free Shipping"},FREE_PRODUCT:{title:"Free Product",description:"{{product}} product will be added to cart for free."}},i={spent_amount_description:"{{points}} points for every {{amount}}₺ spent",min_order_amount_description:"Minimum order amount must be {{amount}} TL.",category_filter_description:"A product from {{category}} category must be added to the order.",product_filter_description:"Product {{product}} must be added to the order."},n={xPoints:"{{points}} Points",xPointsForEachProduct:"{{points}} points per product",CUSTOMER_REGISTER:{title:"Create Account"},CUSTOMER_REVIEW:{title:"Review Products"},ENABLE_SUBSCRIPTION:{title:"Subscribe to Communication"},ORDER_CREATE:{RECEIVE_POINTS_ON_SPEND:{title:"Earn as You Spend",description:"{{points}} points for every {{amount}}{{currency}} spent"},BASE:{title:"Create Order",descriptionStaticMinimum:"Minimum order amount must be {{amount}}{{currency}}.",descriptionStaticMaximum:"Maximum order amount must be {{amount}}{{currency}}.",descriptionDynamicMinimum:"Minimum order amount must be {{amount}}{{currency}}. A product from {{category}} category must be added to the order.",descriptionDynamicMaximum:"Maximum order amount must be {{amount}}{{currency}}. A product from {{category}} category must be added to the order.",descriptionOnlyCategory:"A product from {{category}} category must be added to the order.",descriptionOnlyProduct:"Product {{product}} must be added to the order.",descriptionOnlyBrand:"A product from {{brand}} brand must be added to the order.",descriptionOnlyTag:"A product with {{tag}} tag must be added to the order."}},BUY_PRODUCT:{title:"Buy Product",description:"A product from {{category}} category must be purchased."},CUSTOMER_SEGMENT:{title:"Customer Segment"}},d={creditEarningMethods:"Credit Earning Methods",creditSpendingMethods:"Credit Spending Methods",creditHistory:"Credit History",loyaltyLevel:"Loyalty Level"},a={common:t,main_screen:e,header:r,spendingMethods:o,earning_methods:i,earningMethods:n,screens:d};export{t as common,a as default,n as earningMethods,i as earning_methods,r as header,e as main_screen,d as screens,o as spendingMethods};

package/build/renderer/utils/locales/tr.json.js

@@ -1 +1 @@
-var e={points:"Puan",view:"Görüntüle",create:"Oluştur",allow:"İzin Ver",use:"Kullan",review:"İncele",login:"Giriş Yap",register:"Kayıt Ol",convert:"Dönüştür"},i={earningMethodsTitle:"Puan Kazanma Yöntemleri",spendingMethodsTitle:"Kullanabileceğin Ödüller",programInfoTitle:"Program Bilgileri",earnPoints:"Puan Kazan",allRewards:"Tüm Ödüller",tiers:"Kademeler",pointHistory:"Puan Geçmişi"},r={minPointLimit:"En az {{points}} puan dönüştürülebilir.",FIXED_AMOUNT:{title:"Tutar İndirimi",dynamicTitle:"Dinamik Tutar İndirimi"},RATIO:{title:"Yüzdesel İndirim"},FREE_SHIPPING:{title:"Ücretsiz Kargo"},FREE_PRODUCT:{title:"Hediye Ürün",description:"{{product}} ürünü ücretsiz olarak sepete eklenir."}},a={title:"Sadakat Programı",subtitle:"Harcama Yaptıkça Kazan",register_title:"Üye Olun",registerDescription:"Heyecan verici avantajların kilidini açmanın ve özel ödüllere erişim kartınızdır.",registerButton:"Şimdi Kayıt Ol",haveAccount:"Zaten bir hesabın var mı?",earnedPoints:"Kazanılan Puan"},n={xPoints:"{{points}} Puan",xPointsForEachProduct:"Ürün başına {{points}} puan",CUSTOMER_REGISTER:{title:"Hesap Oluştur"},CUSTOMER_REVIEW:{title:"Ürünlere Yorum Yap"},ENABLE_SUBSCRIPTION:{title:"İletişim İzni Verme"},ORDER_CREATE:{RECEIVE_POINTS_ON_SPEND:{title:"Harcadıkça Puan Kazan",description:"Harcanan her {{amount}} için {{points}} puan"},BASE:{title:"Sipariş Oluşturma",descriptionStaticMinimum:"Sipariş tutarının minimum {{amount}} olması gerekir.",descriptionStaticMaximum:"Sipariş tutarının maksimum {{amount}} olması gerekir.",descriptionDynamicMinimum:"Sipariş tutarının minimum {{amount}} olması gerekir. Siparişe {{category}} kategorisinden bir ürün eklenmesi gerekir.",descriptionDynamicMaximum:"Sipariş tutarının maksimum {{amount}} olması gerekir. Siparişe {{category}} kategorisinden bir ürün eklenmesi gerekir.",descriptionOnlyCategory:"Siparişe {{category}} kategorisinden bir ürün eklenmesi gerekir.",descriptionOnlyProduct:"Siparişe {{product}} ürününün eklenmesi gerekir.",descriptionOnlyBrand:"Siparişe {{brand}} markasından bir ürün eklenmesi gerekir.",descriptionOnlyTag:"Siparişe {{tag}} etiketine sahip bir ürün eklenmesi gerekir.",genericCategory:"{{category}} kategorisinde",genericProduct:"{{product}} ürünü içeren",genericBrand:"{{brand}} markasında",genericTag:"{{tag}} etiketinde",descriptionSuffix:"sipariş oluşturulması gerekir."}},BUY_PRODUCT:{title:"Ürün Satın Al",description:"{{category}} kategorisinden bir ürün satın alınması gerekir."},CUSTOMER_SEGMENT:{title:"Müşteri Segmenti"}},t={earnedTitle:"Puan Kazanıldı",spentTitle:"Puan Harcandı"},l={creditEarningMethods:"Puan Kazanma Yöntemleri",creditSpendingMethods:"Puan Harcama Yöntemleri",creditHistory:"Puan Geçmişi",loyaltyLevel:"Kademeler",loyaltyLevelScreen:{afterEarning:"kazandıktan sonra",multiplierPrefix:"Bu kademeye geçtiğinizde kazandığınız puanlar",multiplierSuffix:"ile çarpılır.",reachNextTier:"{{tierName}} kademesine ulaşmak için {{points}} puan daha toplayın.",allTiersCompleted:"Tüm kademeleri tamamladınız!"}},m={common:e,main_screen:i,spendingMethods:r,header:a,earningMethods:n,history:t,screens:l};export{e as common,m as default,n as earningMethods,a as header,t as history,i as main_screen,l as screens,r as spendingMethods};
+var e={points:"Puan",view:"Görüntüle",create:"Oluştur",allow:"İzin Ver",use:"Kullan",review:"İncele",login:"Giriş Yap",register:"Kayıt Ol",convert:"Dönüştür"},i={earningMethodsTitle:"Puan Kazanma Yöntemleri",spendingMethodsTitle:"Kullanabileceğin Ödüller",programInfoTitle:"Program Bilgileri",earnPoints:"Puan Kazan",allRewards:"Tüm Ödüller",tiers:"Kademeler",pointHistory:"Puan Geçmişi"},r={minPointLimit:"En az {{points}} puan dönüştürülebilir.",FIXED_AMOUNT:{title:"Tutar İndirimi"},RATIO:{title:"Oransal İndirim"},FREE_SHIPPING:{title:"Ücretsiz Kargo"},FREE_PRODUCT:{title:"Hediye Ürün",description:"{{product}} ürünü ücretsiz olarak sepete eklenir."}},n={title:"Sadakat Programı",subtitle:"Harcama Yaptıkça Kazan",register_title:"Üye Olun",registerDescription:"Heyecan verici avantajların kilidini açmanın ve özel ödüllere erişim kartınızdır.",registerButton:"Şimdi Kayıt Ol",haveAccount:"Zaten bir hesabın var mı?",earnedPoints:"Kazanılan Puan"},a={xPoints:"{{points}} Puan",xPointsForEachProduct:"Ürün başına {{points}} puan",CUSTOMER_REGISTER:{title:"Hesap Oluştur"},CUSTOMER_REVIEW:{title:"Ürünlere Yorum Yap"},ENABLE_SUBSCRIPTION:{title:"İletişim İzni Verme"},ORDER_CREATE:{RECEIVE_POINTS_ON_SPEND:{title:"Harcadıkça Puan Kazan",description:"Harcanan her {{amount}}{{currency}} için {{points}} puan"},BASE:{title:"Sipariş Oluşturma",descriptionStaticMinimum:"Sipariş tutarının minimum {{amount}}{{currency}} olması gerekir.",descriptionStaticMaximum:"Sipariş tutarının maksimum {{amount}}{{currency}} olması gerekir.",descriptionDynamicMinimum:"Sipariş tutarının minimum {{amount}}{{currency}} olması gerekir. Siparişe {{category}} kategorisinden bir ürün eklenmesi gerekir.",descriptionDynamicMaximum:"Sipariş tutarının maksimum {{amount}}{{currency}} olması gerekir. Siparişe {{category}} kategorisinden bir ürün eklenmesi gerekir.",descriptionOnlyCategory:"Siparişe {{category}} kategorisinden bir ürün eklenmesi gerekir.",descriptionOnlyProduct:"Siparişe {{product}} ürününün eklenmesi gerekir.",descriptionOnlyBrand:"Siparişe {{brand}} markasından bir ürün eklenmesi gerekir.",descriptionOnlyTag:"Siparişe {{tag}} etiketine sahip bir ürün eklenmesi gerekir.",genericCategory:"{{category}} kategorisinde",genericProduct:"{{product}} ürünü içeren",genericBrand:"{{brand}} markasında",genericTag:"{{tag}} etiketinde",descriptionSuffix:"sipariş oluşturulması gerekir."}},BUY_PRODUCT:{title:"Ürün Satın Al",description:"{{category}} kategorisinden bir ürün satın alınması gerekir."},CUSTOMER_SEGMENT:{title:"Müşteri Segmenti"}},t={earnedTitle:"Puan Kazanıldı",spentTitle:"Puan Harcandı"},l={creditEarningMethods:"Puan Kazanma Yöntemleri",creditSpendingMethods:"Puan Harcama Yöntemleri",creditHistory:"Puan Geçmişi",loyaltyLevel:"Kademeler",loyaltyLevelScreen:{afterEarning:"kazandıktan sonra",multiplierPrefix:"Bu kademeye geçtiğinizde kazandığınız puanlar",multiplierSuffix:"ile çarpılır.",reachNextTier:"{{tierName}} kademesine ulaşmak için {{points}} puan daha toplayın.",allTiersCompleted:"Tüm kademeleri tamamladınız!"}},m={common:e,main_screen:i,spendingMethods:r,header:n,earningMethods:a,history:t,screens:l};export{e as common,m as default,a as earningMethods,n as header,t as history,i as main_screen,l as screens,r as spendingMethods};

package/build/renderer/utils/loyalty-details.js

@@ -1 +1 @@
-import{__spreadArray as e}from'./../../ext/tslib/tslib.es6.mjs.js';import{EarningMethodTypeEnum as n,LoyaltyProgramPointEarningTypeEnum as r,LoyaltyProgramFilterTypeEnum as t}from"../../models/types/index.js";var i=function(e,n,r){if(!r||0===r.length)return[];var i=[];return r.forEach(function(r){var a="";switch(n){case t.CATEGORY:case t.DYNAMIC_CATEGORY:if(e.categories){var o=e.categories.find(function(e){return e.id===r});o&&(a=o.name)}break;case t.PRODUCT_AND_VARIANT:if(e.products){var s=e.products.find(function(e){return e.id===r});s&&(a=s.name)}break;case t.PRODUCT_BRAND:if(e.brands){var c=e.brands.find(function(e){return e.id===r});c&&(a=c.name)}break;case t.PRODUCT_TAG:if(e.tags){var d=e.tags.find(function(e){return e.id===r});d&&(a=d.name)}}a?i.push({type:n,name:a,id:r}):i.push({type:n,name:r,id:r})}),i},a=function(e,n){if(e.products){var r=e.products.find(function(e){return e.id===n});return r?r.name:void 0}},o=function(a,o,s){var c,d;switch(o.methodType){case n.CUSTOMER_REGISTER:case n.CUSTOMER_REVIEW:case n.ENABLE_SUBSCRIPTION:return a("earningMethods.xPoints",{points:o.pointsEarned});case n.ORDER_CREATE:var u=e(e([],(null===(c=o.productSettings)||void 0===c?void 0:c.productFilters)||[],!0),(null===(d=o.orderSettings)||void 0===d?void 0:d.productFilters)||[],!0),E=u.reduce(function(e,n){return e.concat(i(s,n.type,n.idList))},[]),R=E.map(function(e){switch(e.type){case t.CATEGORY:case t.DYNAMIC_CATEGORY:return a("earningMethods.ORDER_CREATE.BASE.genericCategory",{category:e.name});case t.PRODUCT_AND_VARIANT:return a("earningMethods.ORDER_CREATE.BASE.genericProduct",{product:e.name});case t.PRODUCT_BRAND:return a("earningMethods.ORDER_CREATE.BASE.genericBrand",{brand:e.name});case t.PRODUCT_TAG:return a("earningMethods.ORDER_CREATE.BASE.genericTag",{tag:e.name});default:return e.name}}).filter(Boolean).join(", "),m=o.orderSettings||{},A=m.minOrderAmount,f=m.maxOrderAmount,T="number"==typeof f&&f>0,p="";switch("number"==typeof A&&A>0?p=a("earningMethods.ORDER_CREATE.BASE.descriptionStaticMinimum",{amount:s.formatCurrency(A)}):T&&(p=a("earningMethods.ORDER_CREATE.BASE.descriptionStaticMaximum",{amount:s.formatCurrency(f)})),o.pointEarningType){case r.DYNAMIC_ORDER_AMOUNT:return(C=[R,p,a("earningMethods.ORDER_CREATE.RECEIVE_POINTS_ON_SPEND.description",{amount:s.formatCurrency(o.amountPerPointsEarned||0),points:o.pointsEarned})].filter(Boolean)).join(" ");case r.STATIC:var C;return 0===(C=[R,p].filter(Boolean)).length?void u.length:!p&&R?R+" "+a("earningMethods.ORDER_CREATE.BASE.descriptionSuffix"):C.join(", ")}break;default:return""}};export{o as getEarningMethodDescriptionV2,i as getFilterDetails,a as getFreeProductName};
+import{__spreadArray as e}from'./../../ext/tslib/tslib.es6.mjs.js';import{EarningMethodTypeEnum as n,LoyaltyProgramPointEarningTypeEnum as r,LoyaltyProgramFilterTypeEnum as t}from"../../models/types/index.js";var i=function(e,n,r){if(!r||0===r.length)return[];var i=[];return r.forEach(function(r){var a="";switch(n){case t.CATEGORY:case t.DYNAMIC_CATEGORY:if(e.categories){var o=e.categories.find(function(e){return e.id===r});o&&(a=o.name)}break;case t.PRODUCT_AND_VARIANT:if(e.products){var s=e.products.find(function(e){return e.id===r});s&&(a=s.name)}break;case t.PRODUCT_BRAND:if(e.brands){var c=e.brands.find(function(e){return e.id===r});c&&(a=c.name)}break;case t.PRODUCT_TAG:if(e.tags){var u=e.tags.find(function(e){return e.id===r});u&&(a=u.name)}}a?i.push({type:n,name:a,id:r}):i.push({type:n,name:r,id:r})}),i},a=function(e,n){if(e.products){var r=e.products.find(function(e){return e.id===n});return r?r.name:void 0}},o=function(a,o,s){var c,u,d=s.currency;switch(o.methodType){case n.CUSTOMER_REGISTER:case n.CUSTOMER_REVIEW:case n.ENABLE_SUBSCRIPTION:return a("earningMethods.xPoints",{points:o.pointsEarned});case n.ORDER_CREATE:var E=e(e([],(null===(c=o.productSettings)||void 0===c?void 0:c.productFilters)||[],!0),(null===(u=o.orderSettings)||void 0===u?void 0:u.productFilters)||[],!0),R=E.reduce(function(e,n){return e.concat(i(s,n.type,n.idList))},[]),A=R.map(function(e){switch(e.type){case t.CATEGORY:case t.DYNAMIC_CATEGORY:return a("earningMethods.ORDER_CREATE.BASE.genericCategory",{category:e.name});case t.PRODUCT_AND_VARIANT:return a("earningMethods.ORDER_CREATE.BASE.genericProduct",{product:e.name});case t.PRODUCT_BRAND:return a("earningMethods.ORDER_CREATE.BASE.genericBrand",{brand:e.name});case t.PRODUCT_TAG:return a("earningMethods.ORDER_CREATE.BASE.genericTag",{tag:e.name});default:return e.name}}).filter(Boolean).join(", "),m=o.orderSettings||{},f=m.minOrderAmount,T=m.maxOrderAmount,p="number"==typeof T&&T>0,g="";switch("number"==typeof f&&f>0?g=a("earningMethods.ORDER_CREATE.BASE.descriptionStaticMinimum",{amount:f,currency:d}):p&&(g=a("earningMethods.ORDER_CREATE.BASE.descriptionStaticMaximum",{amount:T,currency:d})),o.pointEarningType){case r.DYNAMIC_ORDER_AMOUNT:return(C=[A,g,a("earningMethods.ORDER_CREATE.RECEIVE_POINTS_ON_SPEND.description",{amount:o.amountPerPointsEarned,currency:d,points:o.pointsEarned})].filter(Boolean)).join(" ");case r.STATIC:var C;return 0===(C=[A,g].filter(Boolean)).length?void E.length:!g&&A?A+" "+a("earningMethods.ORDER_CREATE.BASE.descriptionSuffix"):C.join(", ")}break;default:return""}};export{o as getEarningMethodDescriptionV2,i as getFilterDetails,a as getFreeProductName};

package/build/utils.d.ts

@@ -1,12 +1,10 @@
 import React from "react";
-import { LoyaltyWidgetViewModel } from "models";
+import { EarningMethodTypeEnum, LoyaltyProgramMethodSpendingTypeEnum } from "models/types";
+import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
 import { LoyaltyProgramEarningMethod } from "models/loyalty-program-earning-method";
 import { LoyaltyProgramSpendingMethod } from "models/loyalty-program-spending-method";
-import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
-import { EarningMethodTypeEnum, LoyaltyProgramMethodSpendingTypeEnum, LoyaltyWidgetScreenTypeEnum } from "models/types";
-export declare const getScreenIcon: (screenType: LoyaltyWidgetScreenTypeEnum, widgetIconType: WidgetIconTypeEnum) => React.JSX.Element | null;
-export declare const getEarningMethodIcon: (earningMethod: EarningMethodTypeEnum, widgetIconType: WidgetIconTypeEnum) => React.JSX.Element | null;
+export declare const getEarningMethodIcon: (earningMethod: EarningMethodTypeEnum, widgetIconType: WidgetIconTypeEnum) => React.JSX.Element;
 export declare const getEarningMethodTitle: (earningMethod: LoyaltyProgramEarningMethod) => string;
 export declare const getSpendingMethodIcon: (spendingMethod: LoyaltyProgramMethodSpendingTypeEnum, widgetIconType: WidgetIconTypeEnum) => React.JSX.Element | null;
 export declare const getSpendingMethodTitle: (method: LoyaltyProgramSpendingMethod) => string;
-export declare const getSpendingMethodDescription: (method: LoyaltyProgramSpendingMethod, viewModel: LoyaltyWidgetViewModel) => string | React.JSX.Element;
+export declare const getSpendingMethodDescription: (method: LoyaltyProgramSpendingMethod, currency: string) => string | React.JSX.Element;

package/build/utils.js

@@ -1 +1 @@
-import{__makeTemplateObject as e}from'./ext/tslib/tslib.es6.mjs.js';import n from"react";import'./ext/react-i18next/dist/es/context.js';import{useTranslation as t}from'./ext/react-i18next/dist/es/useTranslation.js';import r from'./ext/i18next/dist/esm/i18next.js';import l from"styled-components";import{ArrowRight as i}from"./assets/icons/arrow-right.js";import{BubbleChatDone as s}from"./assets/widget-icons/normal/bubbleChatDone.js";import{CommentAdd01 as o}from"./assets/widget-icons/normal/commentAdd01.js";import{CouponPercent as a}from"./assets/widget-icons/normal/couponPercent.js";import{DiscountTag02 as E}from"./assets/widget-icons/normal/discountTag02.js";import{Gift as m}from"./assets/widget-icons/normal/gift.js";import{MoneyAdd01 as c}from"./assets/widget-icons/normal/moneyAdd01.js";import{PackageDelivered as d}from"./assets/widget-icons/normal/packageDelivered.js";import{SaveMoneyDollar as u}from"./assets/widget-icons/normal/saveMoneyDollar.js";import{ShoppingBasketAdd02 as p}from"./assets/widget-icons/normal/shoppingBasketAdd02.js";import{UserAdd01 as R}from"./assets/widget-icons/normal/userAdd01.js";import{UsersIllustration as T}from"./assets/widget-icons/illustraions/usersIllustration.js";import{BubbleChatIllustration as _}from"./assets/widget-icons/illustraions/bubbleChatIllustration.js";import{ApprovedChatIllustration as f}from"./assets/widget-icons/illustraions/approvedChatIllustration.js";import{TshirtIllustration as g}from"./assets/widget-icons/illustraions/tshirtIllustration.js";import{Medal as I}from"./assets/widget-icons/illustraions/medal.js";import{GiftIllustration as O}from"./assets/widget-icons/illustraions/giftIllustration.js";import{ShippingBox as S}from"./assets/widget-icons/illustraions/shippingBox.js";import{BigSaleMedal as N}from"./assets/widget-icons/illustraions/bigSaleMedal.js";import{ShoppingCartIllustration as C}from"./assets/widget-icons/illustraions/shoppingCartIllustration.js";import{BankCoin as M}from"./assets/widget-icons/illustraions/bankCoin.js";import{WidgetIconTypeEnum as A}from"./models/loyalty-widget/types/index.js";import{EarningMethodTypeEnum as x,LoyaltyWidgetScreenTypeEnum as D,LoyaltyProgramPointEarningTypeEnum as U,LoyaltyProgramMethodSpendingTypeEnum as j}from"./models/types/index.js";import{FlexibleValueContainer as y}from"./renderer/components/flexible-value-container/index.js";import{textSM as h,textXSMedium as w,textXS as P}from"./renderer/components/style/typography.js";var v,L,b,F,G,B,Y,H,V,X=((v={})[A.ILLUSTRATION]=((L={})[x.CUSTOMER_REGISTER]=n.createElement(T,null),L[x.ENABLE_SUBSCRIPTION]=n.createElement(f,null),L[x.BUY_PRODUCT]=n.createElement(g,null),L[x.CUSTOMER_REVIEW]=n.createElement(_,null),L[x.CUSTOMER_SEGMENT]=n.createElement(a,null),L[x.ORDER_CREATE]=n.createElement(C,null),L),v[A.NORMAL]=((b={})[x.CUSTOMER_REGISTER]=n.createElement(R,null),b[x.ENABLE_SUBSCRIPTION]=n.createElement(s,null),b[x.BUY_PRODUCT]=n.createElement(u,null),b[x.CUSTOMER_REVIEW]=n.createElement(o,null),b[x.CUSTOMER_SEGMENT]=n.createElement(a,null),b[x.ORDER_CREATE]=n.createElement(p,null),b),v),k=((F={})[A.ILLUSTRATION]=((G={})[D.MAIN_SCREEN]=n.createElement("div",null),G[D.CREDIT_EARNING_METHODS_SCREEN]=n.createElement(I,null),G[D.CREDIT_SPENDING_METHODS_SCREEN]=n.createElement(N,null),G[D.CREDIT_HISTORY_SCREEN]=n.createElement("div",null),G[D.LOYALTY_LEVEL_SCREEN]=n.createElement("div",null),G),F[A.NORMAL]=((B={})[D.MAIN_SCREEN]=n.createElement("div",null),B[D.CREDIT_EARNING_METHODS_SCREEN]=n.createElement(c,null),B[D.CREDIT_SPENDING_METHODS_SCREEN]=n.createElement(a,null),B[D.CREDIT_HISTORY_SCREEN]=n.createElement("div",null),B[D.LOYALTY_LEVEL_SCREEN]=n.createElement("div",null),B),F),W=function(e,n){return n&&n!==A.NONE&&k[n]?k[n][e]:null},q=function(e,n){return n&&n!==A.NONE&&X[n]?X[n][e]:null},z=function(e){var n=t().t;switch(e.methodType){case x.CUSTOMER_REGISTER:return n("earningMethods.CUSTOMER_REGISTER.title");case x.ENABLE_SUBSCRIPTION:return n("earningMethods.ENABLE_SUBSCRIPTION.title");case x.CUSTOMER_REVIEW:return n("earningMethods.CUSTOMER_REVIEW.title");case x.ORDER_CREATE:if(e.pointEarningType===U.DYNAMIC_ORDER_AMOUNT)return n("earningMethods.ORDER_CREATE.RECEIVE_POINTS_ON_SPEND.title");if(e.pointEarningType===U.STATIC)return n("earningMethods.ORDER_CREATE.BASE.title");case x.BUY_PRODUCT:return n("earningMethods.BUY_PRODUCT.title");case x.CUSTOMER_SEGMENT:return n("earningMethods.CUSTOMER_SEGMENT.title");default:return""}},J=function(e,t){var r,l,i;return t===A.NONE?null:((r={})[A.ILLUSTRATION]=((l={})[j.FIXED_AMOUNT]=n.createElement(M,null),l[j.RATIO]=n.createElement(M,null),l[j.FREE_PRODUCT]=n.createElement(O,null),l[j.FREE_SHIPPING]=n.createElement(S,null),l),r[A.NORMAL]=((i={})[j.FIXED_AMOUNT]=n.createElement(E,null),i[j.RATIO]=n.createElement(E,null),i[j.FREE_PRODUCT]=n.createElement(m,null),i[j.FREE_SHIPPING]=n.createElement(d,null),i),r)[t][e]},K=function(e){var n,l=t().t,i=r.language,s=null===(n=e.translations)||void 0===n?void 0:n.find(function(e){return e.locale===i});if(null==s?void 0:s.description)return s.description;if(e.description)return e.description;switch(e.type){case j.FIXED_AMOUNT:return e.isDynamic?l("spendingMethods.FIXED_AMOUNT.dynamicTitle"):l("spendingMethods.FIXED_AMOUNT.title");case j.RATIO:return l("spendingMethods.RATIO.title");case j.FREE_SHIPPING:return l("spendingMethods.FREE_SHIPPING.title");case j.FREE_PRODUCT:return l("spendingMethods.FREE_PRODUCT.title");default:return""}},Q=l.span(Y||(Y=e(["\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  @media (max-width: 600px) {\n    ","\n  }\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  @media (max-width: 600px) {\n    ","\n  }\n"])),h,w),Z=l.span(H||(H=e(["\n  ","\n  color: #364152;\n\n  @media (max-width: 600px) {\n    ","\n  }\n"],["\n  ","\n  color: #364152;\n\n  @media (max-width: 600px) {\n    ","\n  }\n"])),h,P),$=l.span(V||(V=e(["\n  color: #697586;\n  display: flex;\n  align-items: center;\n"],["\n  color: #697586;\n  display: flex;\n  align-items: center;\n"]))),ee=function(e,r){var l,s,o=t().t,a=(null===(l=e.discountSettings)||void 0===l?void 0:l.point)||0,E=null===(s=e.discountSettings)||void 0===s?void 0:s.discountAmount,m=function(e,t){return void 0===t&&(t=!1),n.createElement(y,null,function(l){return l?n.createElement(n.Fragment,null,n.createElement(Z,null,o("earningMethods.xPoints",{points:a})),n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"6px"}},n.createElement($,null,n.createElement(i,null)),n.createElement(Q,null,t&&"number"==typeof e?r.formatCurrency(e):e))):n.createElement(n.Fragment,null,n.createElement(Z,null,o("earningMethods.xPoints",{points:a})),n.createElement($,null,n.createElement(i,null)),n.createElement(Q,null,t&&"number"==typeof e?r.formatCurrency(e):e))})};return e.type===j.FIXED_AMOUNT&&E?m(E,!0):e.type===j.RATIO&&E?m("%".concat(E)):o("earningMethods.xPoints",{points:a})};export{q as getEarningMethodIcon,z as getEarningMethodTitle,W as getScreenIcon,ee as getSpendingMethodDescription,J as getSpendingMethodIcon,K as getSpendingMethodTitle};
+import{__makeTemplateObject as e}from'./ext/tslib/tslib.es6.mjs.js';import t from"react";import{EarningMethodTypeEnum as n,LoyaltyProgramPointEarningTypeEnum as r,LoyaltyProgramMethodSpendingTypeEnum as s}from"./models/types/index.js";import{BubbleChatDone as i}from"./assets/widget-icons/normal/bubbleChatDone.js";import{CommentAdd01 as o}from"./assets/widget-icons/normal/commentAdd01.js";import{CouponPercent as l}from"./assets/widget-icons/normal/couponPercent.js";import{DiscountTag02 as a}from"./assets/widget-icons/normal/discountTag02.js";import{Gift as E}from"./assets/widget-icons/normal/gift.js";import{PackageDelivered as c}from"./assets/widget-icons/normal/packageDelivered.js";import{SaveMoneyDollar as m}from"./assets/widget-icons/normal/saveMoneyDollar.js";import{ShoppingBasketAdd02 as d}from"./assets/widget-icons/normal/shoppingBasketAdd02.js";import{UserAdd01 as u}from"./assets/widget-icons/normal/userAdd01.js";import{UsersIllustration as p}from"./assets/widget-icons/illustraions/usersIllustration.js";import{BubbleChatIllustration as R}from"./assets/widget-icons/illustraions/bubbleChatIllustration.js";import{ApprovedChatIllustration as T}from"./assets/widget-icons/illustraions/approvedChatIllustration.js";import{TshirtIllustration as g}from"./assets/widget-icons/illustraions/tshirtIllustration.js";import{GiftIllustration as f}from"./assets/widget-icons/illustraions/giftIllustration.js";import{ShippingBox as I}from"./assets/widget-icons/illustraions/shippingBox.js";import{ShoppingCartIllustration as O}from"./assets/widget-icons/illustraions/shoppingCartIllustration.js";import{WidgetIconTypeEnum as _}from"./models/loyalty-widget/types/index.js";import S from"i18next";import{BankCoin as M}from"./assets/widget-icons/illustraions/bankCoin.js";import{useTranslation as C}from"react-i18next";import{textSM as U}from"./renderer/components/style/typography.js";import N from"styled-components";var A,P,h,j,D,y,x=((A={})[_.ILLUSTRATION]=((P={})[n.CUSTOMER_REGISTER]=t.createElement(p,null),P[n.ENABLE_SUBSCRIPTION]=t.createElement(T,null),P[n.BUY_PRODUCT]=t.createElement(g,null),P[n.CUSTOMER_REVIEW]=t.createElement(R,null),P[n.CUSTOMER_SEGMENT]=t.createElement(l,null),P[n.ORDER_CREATE]=t.createElement(O,null),P),A[_.NORMAL]=((h={})[n.CUSTOMER_REGISTER]=t.createElement(u,null),h[n.ENABLE_SUBSCRIPTION]=t.createElement(i,null),h[n.BUY_PRODUCT]=t.createElement(m,null),h[n.CUSTOMER_REVIEW]=t.createElement(o,null),h[n.CUSTOMER_SEGMENT]=t.createElement(l,null),h[n.ORDER_CREATE]=t.createElement(d,null),h),A),w=function(e,t){return x[t][e]},b=function(e){var t=C().t;switch(e.methodType){case n.CUSTOMER_REGISTER:return t("earningMethods.CUSTOMER_REGISTER.title");case n.ENABLE_SUBSCRIPTION:return t("earningMethods.ENABLE_SUBSCRIPTION.title");case n.CUSTOMER_REVIEW:return t("earningMethods.CUSTOMER_REVIEW.title");case n.ORDER_CREATE:if(e.pointEarningType===r.DYNAMIC_ORDER_AMOUNT)return t("earningMethods.ORDER_CREATE.RECEIVE_POINTS_ON_SPEND.title");if(e.pointEarningType===r.STATIC)return t("earningMethods.ORDER_CREATE.BASE.title");case n.BUY_PRODUCT:return t("earningMethods.BUY_PRODUCT.title");case n.CUSTOMER_SEGMENT:return t("earningMethods.CUSTOMER_SEGMENT.title");default:return""}},v=function(e,n){var r,i,o;return n===_.NONE?null:((r={})[_.ILLUSTRATION]=((i={})[s.FIXED_AMOUNT]=t.createElement(M,null),i[s.RATIO]=t.createElement(M,null),i[s.FREE_PRODUCT]=t.createElement(f,null),i[s.FREE_SHIPPING]=t.createElement(I,null),i),r[_.NORMAL]=((o={})[s.FIXED_AMOUNT]=t.createElement(a,null),o[s.RATIO]=t.createElement(a,null),o[s.FREE_PRODUCT]=t.createElement(E,null),o[s.FREE_SHIPPING]=t.createElement(c,null),o),r)[n][e]},B=function(e){var t=C().t,n=S.language,r=e.translations.find(function(e){return e.locale===n});if(null==r?void 0:r.description)return r.description;if(e.description)return e.description;switch(e.type){case s.FIXED_AMOUNT:return t("spendingMethods.FIXED_AMOUNT.title");case s.RATIO:return t("spendingMethods.RATIO.title");case s.FREE_SHIPPING:return t("spendingMethods.FREE_SHIPPING.title");case s.FREE_PRODUCT:return t("spendingMethods.FREE_PRODUCT.title");default:return""}},F=N.span(j||(j=e(["\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"])),U),G=N.span(D||(D=e(["\n  ","\n  color: #364152;\n"],["\n  ","\n  color: #364152;\n"])),U),L=N.span(y||(y=e(["\n  color: #697586;\n"],["\n  color: #697586;\n"]))),k=function(e,n){var r,i,o=C().t,l=(null===(r=e.discountSettings)||void 0===r?void 0:r.point)||0,a=null===(i=e.discountSettings)||void 0===i?void 0:i.discountAmount,E=function(e,r){return void 0===r&&(r=!1),t.createElement("div",{style:{display:"flex",alignItems:"center",gap:"6px"}},t.createElement(G,null,o("earningMethods.xPoints",{points:l})),t.createElement(L,null,"→"),t.createElement(F,null,e," ",r&&n))};return e.type===s.FIXED_AMOUNT&&a?E(a,!0):e.type===s.RATIO&&a?E("%".concat(a)):o("earningMethods.xPoints",{points:l})};export{w as getEarningMethodIcon,b as getEarningMethodTitle,k as getSpendingMethodDescription,v as getSpendingMethodIcon,B as getSpendingMethodTitle};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/loyalty-widget-renderer",
-  "version": "1.0.0-alpha.58",
+  "version": "1.0.0-alpha.6",
   "description": "",
   "author": "ucy",
   "license": "ISC",
@@ -24,33 +24,24 @@
     "release": "npm publish",
     "build": "rm -rf build && rollup -c",
     "watch": "rollup -c -w",
-    "dev": "parcel app/index.html --port 3000",
-    "serve": "npm run build && npx serve build -p 3000 --cors",
-    "lint:fix": "eslint './src/**/*.{ts,tsx}' --fix"
+    "dev": "parcel app/index.html --port 3000"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "^3.3.3",
-    "@eslint/js": "^9.39.1",
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.0",
     "@types/lodash": "^4.14.191",
     "@types/node": "^12.0.0",
     "@types/react": "^17 || ^18",
     "@types/react-dom": "^17 || ^18",
+    "i18next": "^25.6.3",
+    "react-i18next": "^16.3.5",
+    "styled-components": "^5.3.3",
     "@types/styled-components": "5.1.26",
     "@types/uuid": "^9.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.48.1",
-    "@typescript-eslint/parser": "^8.48.1",
-    "cloudflare": "^5.2.0",
-    "eslint": "^9.39.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-unused-imports": "^4.3.0",
-    "mobx": "^6.7.0",
+    "mobx": "^6.1.3",
     "mobx-react": "^7.6.0",
     "parcel": "^2.12.0",
-    "prettier": "^3.7.4",
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18",
     "rollup": "^2.75.6",
@@ -60,21 +51,21 @@
     "rollup-plugin-rename-node-modules": "^1.2.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "styled-components": "^5.3.3",
     "ts-patch": "^3.3.0",
+
     "typescript": "^5.9.3",
     "typescript-transform-paths": "^3.5.5"
   },
   "peerDependencies": {
-    "mobx": "^6.7.0",
+    "mobx": "^6.1.3",
     "mobx-react": "^7.6.0",
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18",
+    "i18next": "^25.6.3",
+    "react-i18next": "^16.3.5",
     "styled-components": "^5.3.3"
   },
   "dependencies": {
-    "i18next": "^21.6.12",
-    "react-i18next": "^11.15.5",
     "uuidv4": "^6.2.13"
   }
 }

package/build/assets/icons/arrow-right.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const ArrowRight: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/assets/icons/arrow-right.js

@@ -1 +0,0 @@
-import e from"react";var t=function(t){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},e.createElement("path",{d:"M2.91797 6.99935H11.0846M11.0846 6.99935L7.0013 2.91602M11.0846 6.99935L7.0013 11.0827",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}))};export{t as ArrowRight};

package/build/ext/@babel/runtime/helpers/esm/arrayLikeToArray.js

@@ -1 +0,0 @@
-function r(r,n){(null==n||n>r.length)&&(n=r.length);for(var t=0,e=Array(n);t<n;t++)e[t]=r[t];return e}export{r as default};

package/build/ext/@babel/runtime/helpers/esm/arrayWithHoles.js

@@ -1 +0,0 @@
-function r(r){if(Array.isArray(r))return r}export{r as default};

package/build/ext/@babel/runtime/helpers/esm/assertThisInitialized.js

@@ -1 +0,0 @@
-function e(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}export{e as default};

package/build/ext/@babel/runtime/helpers/esm/classCallCheck.js

@@ -1 +0,0 @@
-function a(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}export{a as default};

package/build/ext/@babel/runtime/helpers/esm/createClass.js

@@ -1 +0,0 @@
-import e from"./toPropertyKey.js";function r(r,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(r,e(n.key),n)}}function t(e,t,o){return t&&r(e.prototype,t),o&&r(e,o),Object.defineProperty(e,"prototype",{writable:!1}),e}export{t as default};

package/build/ext/@babel/runtime/helpers/esm/defineProperty.js

@@ -1 +0,0 @@
-import e from"./toPropertyKey.js";function r(r,t,o){return(t=e(t))in r?Object.defineProperty(r,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[t]=o,r}export{r as default};

package/build/ext/@babel/runtime/helpers/esm/getPrototypeOf.js

@@ -1 +0,0 @@
-function t(e){return t=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},t(e)}export{t as default};

package/build/ext/@babel/runtime/helpers/esm/inherits.js

@@ -1 +0,0 @@
-import e from"./setPrototypeOf.js";function t(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),o&&e(t,o)}export{t as default};

package/build/ext/@babel/runtime/helpers/esm/iterableToArray.js

@@ -1 +0,0 @@
-function r(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}export{r as default};