npm - @ikas/loyalty-widget-renderer - Versions diffs - 1.0.0-alpha.8 → 1.0.0-alpha.81 - Mend

@ikas/loyalty-widget-renderer 1.0.0-alpha.8 → 1.0.0-alpha.81

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (181) hide show

package/build/renderer/screens/main-screen/applied-discount/style.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
+    $iconType: WidgetIconTypeEnum;
+}, never>;
+export declare const ButtonsRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ActionButton: import("styled-components").StyledComponent<"button", any, {
+    $color: string;
+    $disabled?: boolean;
+}, never>;
+export declare const Loader: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ArrowIcon: import("styled-components").StyledComponent<"span", any, {}, never>;

package/build/renderer/screens/main-screen/applied-discount/style.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import e,{css as r,keyframes as i}from"styled-components";import{WidgetIconTypeEnum as t}from"../../../../models/loyalty-widget/types/index.js";import{textSM as p,textSMMedium as o}from"../../../components/style/typography.js";var d,x,a,s,l,g,f,c,h,b,u,m,y=e.div(d||(d=n(["\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 16px 14px;\n gap: 12px;\n align-self: stretch;\n border-radius: 6px;\n border: 1px solid #eef2f6;\n background: #f8fafc;\n"],["\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 16px 14px;\n gap: 12px;\n align-self: stretch;\n border-radius: 6px;\n border: 1px solid #eef2f6;\n background: #f8fafc;\n"]))),w=e.div(x||(x=n(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"],["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"]))),v=e.div(a||(a=n(["\n color: #121926;\n ","\n"],["\n color: #121926;\n ","\n"])),p),k=e.div(f||(f=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: #4b5565;\n\n ","\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: #4b5565;\n\n ","\n"])),function(e){switch(e.$iconType){case t.ILLUSTRATION:return r(s||(s=n(["\n width: 40px;\n height: 40px;\n padding: 10px;\n border-radius: 40px;\n border: 0.6px solid #e3e8ef;\n background: #fff;\n\n & > svg {\n width: 20px;\n height: 20px;\n }\n "],["\n width: 40px;\n height: 40px;\n padding: 10px;\n border-radius: 40px;\n border: 0.6px solid #e3e8ef;\n background: #fff;\n\n & > svg {\n width: 20px;\n height: 20px;\n }\n "])));case t.NORMAL:return r(l||(l=n(["\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: 1px solid #e3e8ef;\n background: #fff;\n box-shadow:\n 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n 0 4px 1px 0 rgba(38, 69, 109, 0),\n 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02),\n 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n & > svg {\n width: 16px;\n height: 16px;\n }\n "],["\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: 1px solid #e3e8ef;\n background: #fff;\n box-shadow:\n 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n 0 4px 1px 0 rgba(38, 69, 109, 0),\n 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02),\n 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n & > svg {\n width: 16px;\n height: 16px;\n }\n "])));case t.NONE:default:return r(g||(g=n(["\n width: 16px;\n height: 16px;\n\n & > svg {\n width: 16px;\n height: 16px;\n }\n "],["\n width: 16px;\n height: 16px;\n\n & > svg {\n width: 16px;\n height: 16px;\n }\n "])))}}),j=e.div(c||(c=n(["\n display: flex;\n align-items: center;\n gap: 12px;\n"],["\n display: flex;\n align-items: center;\n gap: 12px;\n"]))),N=i(h||(h=n(["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"],["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"]))),$=e.button(b||(b=n(["\n ","\n color: ",";\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 6px;\n opacity: ",";\n pointer-events: ",";\n\n &:hover {\n opacity: 0.8;\n }\n"],["\n ","\n color: ",";\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 6px;\n opacity: ",";\n pointer-events: ",";\n\n &:hover {\n opacity: 0.8;\n }\n"])),o,function(n){return n.$color},function(n){return n.$disabled?.5:1},function(n){return n.$disabled?"none":"auto"}),L=e.span(u||(u=n(["\n width: 14px;\n height: 14px;\n border: 2px solid currentColor;\n border-top-color: transparent;\n border-radius: 50%;\n animation: "," 0.8s linear infinite;\n"],["\n width: 14px;\n height: 14px;\n border: 2px solid currentColor;\n border-top-color: transparent;\n border-radius: 50%;\n animation: "," 0.8s linear infinite;\n"])),N),O=e.span(m||(m=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > svg {\n width: 16px;\n height: 16px;\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > svg {\n width: 16px;\n height: 16px;\n }\n"])));export{$ as ActionButton,O as ArrowIcon,j as ButtonsRow,y as Container,w as ContentWrapper,k as IconWrapper,L as Loader,v as TextRow};

package/build/renderer/screens/main-screen/cart-warning/index.d.ts ADDED Viewed

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

package/build/renderer/screens/main-screen/cart-warning/index.js ADDED Viewed

@@ -0,0 +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{InformationCircleIllustration as o}from"../../../../assets/widget-icons/illustraions/informationCircleIllustration.js";import{InformationCircle as i}from"../../../../assets/widget-icons/normal/informationCircle.js";import{WidgetIconTypeEnum as n}from"../../../../models/loyalty-widget/types/index.js";import{Container as s,IconWrapper as a}from"./style.js";var l=e(function(e){var l=e.viewModel,m=r().t,c=l.loyaltyWidget.settings.widgetIconType;return t.createElement(s,null,t.createElement(a,{$iconType:c},function(){switch(c){case n.ILLUSTRATION:return t.createElement(o,null);case n.NORMAL:case n.NONE:default:return t.createElement(i,null)}}()),m("main_screen.cartWarning"))});export{l as default};

package/build/renderer/screens/main-screen/cart-warning/style.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
+    $iconType: WidgetIconTypeEnum;
+}, never>;

package/build/renderer/screens/main-screen/cart-warning/style.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import e,{css as o}from"styled-components";import{WidgetIconTypeEnum as t}from"../../../../models/loyalty-widget/types/index.js";import{textSM as r}from"../../../components/style/typography.js";var i,l,d,p,s=e.div(i||(i=n(["\n display: flex;\n padding: 12px;\n align-items: center;\n gap: 6px;\n align-self: stretch;\n border-radius: 6px;\n border: 1px solid #eef2f6;\n background: #f8fafc;\n color: #121926;\n ","\n"],["\n display: flex;\n padding: 12px;\n align-items: center;\n gap: 6px;\n align-self: stretch;\n border-radius: 6px;\n border: 1px solid #eef2f6;\n background: #f8fafc;\n color: #121926;\n ","\n"])),r),c=e.div(p||(p=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n\n /* Default color or for Illustration if needed */\n color: #697586;\n\n ","\n\n ","\n \n & > svg {\n width: 16px;\n height: 16px;\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n\n /* Default color or for Illustration if needed */\n color: #697586;\n\n ","\n\n ","\n \n & > svg {\n width: 16px;\n height: 16px;\n }\n"])),function(e){return e.$iconType===t.NORMAL&&o(l||(l=n(["\n color: #458cdb;\n "],["\n color: #458cdb;\n "])))},function(e){return e.$iconType===t.NONE&&o(d||(d=n(["\n color: #697586;\n "],["\n color: #697586;\n "])))});export{s as Container,c as IconWrapper};

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- import r from"react";import{~~observer~~ as t}from~~"mobx~~-~~react"~~;import{Container as e,Logo as o}from"./style.js";var m=t(function(t){return r.createElement(e,null,r.createElement(o,{src:t.logo.src,alt:"~~Logo~~"}))});export{m as default};
1	+ import{observer as e}from"mobx-react";import t from"react";import'./../../../../../ext/react-i18next/dist/es/context.js';import{useTranslation as o}from'./../../../../../ext/react-i18next/dist/es/useTranslation.js';import{Container as r,Logo as a}from"./style.js";var m=e(function(e){var m=o().t;return t.createElement(r,null,t.createElement(a,{src:e.logo.src,alt:m("header.logoAlt"),$maxHeight:e.logo.maxHeight}))});export{m as default};

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

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

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

	@@ -1 +1 @@
1	- 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};
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};

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

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

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

	@@ -1 +1 @@
1	- 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};
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};

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

	@@ -1 +1 @@
1	- import e from"react";import~~{observer~~ as t}from"~~mobx-~~react";import'./../../../../../ext/~~i18next/dist/esm/i18next.js';import'./../../../../../ext/~~react-i18next/dist/es/context.js';import~~'./../../../../../ext/react-i18next/dist/es/IcuTransUtils/htmlEntityDecoder.js';import~~{useTranslation as o}from'./../../../../../ext/react-i18next/dist/es/useTranslation.js';import{Container as r,LoyaltyProgramText as i,LoyaltyTitle as s}from"./style.js";var l=t(function(t){var l=o().t;return e.createElement(r,null,e.createElement(i,{$textColor:t.layout.header.textColor\|\|"white"},l("header.title")),e.createElement(s,{$textColor:t.layout.header.textColor\|\|"white"},l("header.subtitle")))});export{l as default};
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};

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

	@@ -1 +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: ~~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};
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};

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

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

package/build/renderer/screens/main-screen/header/user-logged-section/style.d.ts CHANGED Viewed

@@ -11,8 +11,11 @@ export declare const BadgeIconContainer: import("styled-components").StyledCompo
 export declare const Badge: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LevelBadge: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const BadgeText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ProgressBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProgressBarContainer: import("styled-components").StyledComponent<"div", any, {
+    $color?: string;
+}, never>;
 export declare const ProgressBarFill: import("styled-components").StyledComponent<"div", any, {
     $percentage: number;
     $color?: string;
+    $isGradient?: boolean;
 }, never>;

package/build/renderer/screens/main-screen/header/user-logged-section/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import e from"styled-components";import{textSM as i,displayXSSemiBold as a,textLGSemiBold as r}from"../../../../components/style/typography.js";var p=e.div(b\|\|(b=n(["\n display: flex;\n flex-direction: column;\n padding: 16px;\n gap: 20px;\n width: 100%;\n box-sizing: border-box;\n"],["\n display: flex;\n flex-direction: column;\n padding: 16px;\n gap: 20px;\n width: 100%;\n box-sizing: border-box;\n"]))),t=e.div(h\|\|(h=n(["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 12px;\n width: 100%;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 12px;\n width: 100%;\n"]))),d=e.div(u\|\|(u=n(["\n display: flex;\n gap: 16px;\n align-items: center;\n"],["\n display: flex;\n gap: 16px;\n align-items: center;\n"]))),x=e.div(m\|\|(m=n([""],[""]))),o=e.div(y\|\|(y=n(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"]))),l=e.div(v\|\|(v=n(["\n color: #121926;\n text-align: center;\n ","\n"],["\n color: #121926;\n text-align: center;\n ","\n"])),i),s=e.div(w\|\|(w=n(["\n display: flex;\n align-items: flex-end;\n gap: 4px;\n"],["\n display: flex;\n align-items: flex-end;\n gap: 4px;\n"]))),g=e.span(k\|\|(k=n(["\n color: #121926;\n ","\n"],["\n color: #121926;\n ","\n"])),a),f=e.span(B\|\|(B=n(["\n color: #9aa4b2;\n ","\n"],["\n color: #9aa4b2;\n ","\n"])),r),c=e.div(j\|\|(j=n(["\n svg {\n width: 40px;\n height: 40px;\n }\n"],["\n svg {\n width: 40px;\n height: 40px;\n }\n"])));e.div(z\|\|(z=n(["\n display: flex;\n padding: 4px 10px;\n align-items: center;\n gap: 4px;\n border-radius: 999px;\n border: 1px solid var(--Gray-Blue-100, #eef2f6);\n background: var(--Basic-50, #fff);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"],["\n display: flex;\n padding: 4px 10px;\n align-items: center;\n gap: 4px;\n border-radius: 999px;\n border: 1px solid var(--Gray-Blue-100, #eef2f6);\n background: var(--Basic-50, #fff);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"])));var b,h,u,m,y,v,w,k,B,j,z,~~G,$,~~E,F,_=e.div(~~G\|\|~~(G=n(["\n display: flex;\n padding: 4px 10px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n\n border-radius: 8px;\n border: 0.6px solid var(--Gray-Blue-300, #cdd5df);\n background: var(--Basic-50, #fff);\n box-shadow: 0 1px 1px 0 rgba(38, 69, 109, 0.03),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset;\n"],["\n display: flex;\n padding: 4px 10px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n\n border-radius: 8px;\n border: 0.6px solid var(--Gray-Blue-300, #cdd5df);\n background: var(--Basic-50, #fff);\n box-shadow: 0 1px 1px 0 rgba(38, 69, 109, 0.03),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset;\n"]))),q=e.span(~~$\|\|~~($=n(["\n color: #364152;\n text-align: center;\n\n font-size: 14px;\n font-style: normal;\n font-weight: ~~600~~;\n line-height: 20px;\n"],["\n color: #364152;\n text-align: center;\n\n font-size: 14px;\n font-style: normal;\n font-weight: ~~600~~;\n line-height: 20px;\n"]))),A=e.div(E\|\|(E=n(["\n width: 100%;\n height: 8px;\n border-radius: 4px;\n background: ~~#eef2f6~~;\n overflow: hidden;\n"],["\n width: 100%;\n height: 8px;\n border-radius: 4px;\n background: ~~#eef2f6~~;\n overflow: hidden;\n"]))),C=e.div(F\|\|(F=n(["\n width: ","%;\n height: 100%;\n\n border-radius: 4px;\n background: ~~linear-gradient(\n 90deg,\n rgba(0, 0, 0, 0.5) 0%,\n rgba(255, 255, 255, 0.5) 100%\n ),\n~~ ",";\n\n transition: width 0.3s ease-in-out;\n"],["\n width: ","%;\n height: 100%;\n\n border-radius: 4px;\n background: ~~linear-gradient(\n 90deg,\n rgba(0, 0, 0, 0.5) 0%,\n rgba(255, 255, 255, 0.5) 100%\n ),\n~~ ",";\n\n transition: width 0.3s ease-in-out;\n"])),function(n){return n.$percentage},function(n){return n.$color\|\|"#4F46E5"});export{c as BadgeIconContainer,q as BadgeText,p as Container,g as CurrentPoints,l as Label,d as LeftSection,_ as LevelBadge,o as PointsContainer,s as PointsValue,A as ProgressBarContainer,C as ProgressBarFill,x as RightSection,t as TopRow,f as TotalPoints};
1	+ import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import e from"styled-components";import{textSM as i,displayXSSemiBold as r,textLGSemiBold as a}from"../../../../components/style/typography.js";var t=e.div(b\|\|(b=n(["\n display: flex;\n flex-direction: column;\n padding: 16px;\n gap: 20px;\n width: 100%;\n box-sizing: border-box;\n"],["\n display: flex;\n flex-direction: column;\n padding: 16px;\n gap: 20px;\n width: 100%;\n box-sizing: border-box;\n"]))),p=e.div(h\|\|(h=n(["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 12px;\n width: 100%;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 12px;\n width: 100%;\n"]))),d=e.div(u\|\|(u=n(["\n display: flex;\n gap: 16px;\n align-items: center;\n"],["\n display: flex;\n gap: 16px;\n align-items: center;\n"]))),o=e.div(w\|\|(w=n([""],[""]))),x=e.div(m\|\|(m=n(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"]))),l=e.div(v\|\|(v=n(["\n color: #121926;\n text-align: center;\n ","\n"],["\n color: #121926;\n text-align: center;\n ","\n"])),i),s=e.div(y\|\|(y=n(["\n display: flex;\n align-items: flex-end;\n gap: 4px;\n"],["\n display: flex;\n align-items: flex-end;\n gap: 4px;\n"]))),g=e.span(k\|\|(k=n(["\n color: #121926;\n ","\n"],["\n color: #121926;\n ","\n"])),r),f=e.span(B\|\|(B=n(["\n color: #9aa4b2;\n ","\n"],["\n color: #9aa4b2;\n ","\n"])),a),c=e.div(j\|\|(j=n(["\n svg {\n width: 40px;\n height: 40px;\n }\n"],["\n svg {\n width: 40px;\n height: 40px;\n }\n"])));e.div(G\|\|(G=n(["\n display: flex;\n padding: 4px 10px;\n align-items: center;\n gap: 4px;\n border-radius: 999px;\n border: 1px solid var(--Gray-Blue-100, #eef2f6);\n background: var(--Basic-50, #fff);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"],["\n display: flex;\n padding: 4px 10px;\n align-items: center;\n gap: 4px;\n border-radius: 999px;\n border: 1px solid var(--Gray-Blue-100, #eef2f6);\n background: var(--Basic-50, #fff);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"])));var b,h,u,w,m,v,y,k,B,j,G,$,z,E,F,_=e.div($\|\|($=n(["\n display: flex;\n padding: 4px 10px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n\n border-radius: 8px;\n border: 0.6px solid var(--Gray-Blue-300, #cdd5df);\n background: var(--Basic-50, #fff);\n box-shadow:\n 0 1px 1px 0 rgba(38, 69, 109, 0.03),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02),\n 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset;\n"],["\n display: flex;\n padding: 4px 10px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n\n border-radius: 8px;\n border: 0.6px solid var(--Gray-Blue-300, #cdd5df);\n background: var(--Basic-50, #fff);\n box-shadow:\n 0 1px 1px 0 rgba(38, 69, 109, 0.03),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02),\n 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset;\n"]))),q=e.span(z\|\|(z=n(["\n color: #364152;\n text-align: center;\n\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n\n max-width: 70px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"],["\n color: #364152;\n text-align: center;\n\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n\n max-width: 70px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"]))),A=e.div(E\|\|(E=n(["\n width: 100%;\n height: 8px;\n border-radius: 4px;\n background: ",";\n overflow: hidden;\n"],["\n width: 100%;\n height: 8px;\n border-radius: 4px;\n background: ",";\n overflow: hidden;\n"])),function(n){return n.$color\|\|"#eef2f6"}),C=e.div(F\|\|(F=n(["\n width: ","%;\n height: 100%;\n\n border-radius: 4px;\n background: ",";\n\n transition: width 0.3s ease-in-out;\n"],["\n width: ","%;\n height: 100%;\n\n border-radius: 4px;\n background: ",";\n\n transition: width 0.3s ease-in-out;\n"])),function(n){return n.$percentage},function(n){return n.$isGradient?"linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), ".concat(n.$color\|\|"#4F46E5"):n.$color\|\|"#4F46E5"});export{c as BadgeIconContainer,q as BadgeText,t as Container,g as CurrentPoints,l as Label,d as LeftSection,_ as LevelBadge,x as PointsContainer,s as PointsValue,A as ProgressBarContainer,C as ProgressBarFill,o as RightSection,p as TopRow,f as TotalPoints};

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

	@@ -1 +1 @@
1	- import e from~~"react"~~;import{observer as t}from"mobx-react";import~~'./../../../ext/i18next/dist/esm/i18next.js'~~;import'./../../../ext/react-i18next/dist/es/context.js';import'./../../../ext/react-i18next/dist/es/~~IcuTransUtils/htmlEntityDecoder~~.js';import{~~useTranslation~~ as o}from~~'./../../../ext~~/~~react-i18next~~/~~dist/es/useTranslation~~.js';import n from"~~./header~~/index.js";import r from"../../components/section-title/index.js";import i from"./~~earning~~-~~methods-section~~/index.js";import m from"./~~spending~~-~~methods-section~~/index.js";import s from"./~~program~~-~~info~~-section/index.js";import~~{Container~~ as ~~a,Content as l,Section as d}~~from"./~~style~~.js";import{CARD_OVERLAP_TOP as c}from"./header/style.js";import~~{EarningMethodTypeEnum~~ as p}from"~~../../../models~~/~~types~~/index.js";import{~~ImageTypeEnum~~ as u}from"~~../../../models/loyalty-widget/types/index~~.js";var f=t(function(t){var f=t.viewModel,g=t.onClose,x=t.onNavigate,h=o().t,E=e.useState(0),T=E[0],y=E[1],j=~~e.useState(56),v=j[0],M=j[1],_=~~Math.max(T-c+32,32),C=f.user,S=f.~~spendingMethods~~.length>0,~~w=!!C&&S~~;return e.createElement(a,null,e.createElement(n,{viewModel:f,onClose:g,onCardHeightChange:y,headerGap:v}),e.createElement(l,{$topPadding:_,~~onScroll:function~~(e){~~var t=f~~.~~loyaltyWidget~~.~~header.logo;if~~(t.~~type===u.SHOW~~&&t.~~src)~~{~~var~~ ~~o=e.currentTarget.scrollTop~~,~~n=Math~~.~~max~~(16,~~56-o~~);M(n)}}},e.createElement(d,~~null~~,e.createElement(r,{style:{paddingTop:0}},h(w?"main_screen.spendingMethodsTitle":"main_screen.earningMethodsTitle")),w?e.createElement(m,{viewModel:f,mode:"card",getActionProps:function(e){return null}}):e.createElement(i,{viewModel:f,getActionProps:function(e){return e.methodType===p.CUSTOMER_REGISTER?{actionText:h("common.create"),onClick:function(){}}:e.methodType===p.ENABLE_SUBSCRIPTION?{actionText:h("common.allow"),onClick:function(){}}:null}})),e.createElement(d,null,e.createElement(r,{style:{paddingTop:0}},h("main_screen.programInfoTitle")),e.createElement(s,{viewModel:f,onNavigate:x}))))});export{f as default};
1	+ import{__awaiter as e,__generator as t,__assign as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import{observer as o}from"mobx-react";import i from"react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as r}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import{EarningMethodTypeEnum as a,WidgetMode as s}from"../../../models/types/index.js";import d from"../../components/animate-height/index.js";import l from"../../components/section-title/index.js";import m from"./applied-discount/index.js";import c from"./cart-warning/index.js";import p from"./earning-methods-section/index.js";import g from"./header/index.js";import{CARD_OVERLAP_TOP as u}from"./header/style.js";import f from"./program-info-section/index.js";import h from"./spending-methods-section/index.js";import{Container as v,Content as E,Section as x}from"./style.js";var M=o(function(o){var M,y=o.viewModel,T=o.onClose,j=o.onNavigate,b=r().t,w=i.useState(0),S=w[0],k=w[1],C=Math.max(S-u+32,32),I=y.spendingMethods.filter(function(e){return e.isAvailable}),_=!!y.user&&!y.cartId,B=y.shouldShowSpendingMethods&&I.length>0,L=y.earningMethods.length>0,R=B\|\|L,A=(null===(M=y.user)\|\|void 0===M?void 0:M.cartLoyaltyLines)\|\|[];return i.createElement(v,null,i.createElement(g,{viewModel:y,onClose:T,onCardHeightChange:k,headerGap:24}),i.createElement(E,{$topPadding:C},i.createElement(d,{duration:300,style:{marginTop:A.length>0?-10:0}},i.createElement("div",{style:{paddingBottom:32}},A.length>0&&i.createElement("div",{style:{padding:"0 16px",marginBottom:32,display:"flex",flexDirection:"column",gap:8}},A.map(function(e,t){return i.createElement(m,{key:e.loyaltySpendingMethodId\|\|t,viewModel:y,line:e})})),R&&i.createElement(x,{style:{marginBottom:32}},i.createElement(l,{style:{paddingTop:0,paddingLeft:16,paddingRight:16}},b(B?"main_screen.spendingMethodsTitle":"main_screen.earningMethodsTitle")),_&&i.createElement("div",{style:{padding:"0 16px",marginBottom:16}},i.createElement(c,{viewModel:y})),B?i.createElement(h,{viewModel:y,mode:"card",methods:I,getActionProps:function(e){return null}}):i.createElement(p,{viewModel:y,getActionProps:function(o){return o.methodType===a.CUSTOMER_REGISTER?{actionText:b("common.create"),onClick:function(){y.storeUrl&&(y.setWidgetMode(s.MINI_MODE),window.location.href="".concat(y.storeUrl,"/account/register"))}}:o.methodType===a.ENABLE_SUBSCRIPTION?{actionText:b("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=y.callbacks)\|\|void 0===e?void 0:e.subscribeToMarketingNotifications)?(y.isActionLoading=!0,[4,y.callbacks.subscribeToMarketingNotifications()]):[3,2];case 1:t.sent()&&(y.ikasEventUser=n(n({},y.ikasEventUser),{subscriptionStatus:"SUBSCRIBED"}),y.userRefreshTrigger++),y.isActionLoading=!1,t.label=2;case 2:return[2]}})})},loading:y.isActionLoading}:null}})),i.createElement(x,null,i.createElement(l,{style:{paddingTop:0,paddingLeft:16,paddingRight:16}},b("main_screen.programInfoTitle")),i.createElement(f,{viewModel:y,onNavigate:j}))))))});export{M as default};

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

	@@ -1 +1 @@
1	- import e from"react";import~~'./../../../../ext/i18next/dist/esm/i18next.js'~~;import'./../../../../ext/react-i18next/dist/es/context.js';import~~'./../../../../ext/react-i18next/dist/es/IcuTransUtils/htmlEntityDecoder.js';import~~{useTranslation as t}from'./../../../../ext/react-i18next/dist/es/useTranslation.js';import{~~observer~~ as n}from"~~mobx~~-~~react~~";import{LoyaltyWidgetScreenTypeEnum as l}from"../../../../models/types/index.js";import{Container as r,GridContainer as o,SmallCard as m,SmallCardIconWrapper as i,SmallCardBottom as a,Title as c,ArrowWrapper as s,RowCard as u}from"./style.js";~~import{CouponPercent as E}from"../../../../assets/widget-icons/normal/couponPercent.js";import{MoneyAdd01 as d}from"../../../../assets/widget-icons/normal/moneyAdd01.js";~~var _=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=n(function(n){var p=n.viewModel,f=n.onNavigate,C=t().t,v=!!p.~~user~~;return e.createElement(r,null,e.createElement(o,null,e.createElement(m,{onClick:function(){return null==f?void 0:f(l.CREDIT_EARNING_METHODS_SCREEN)}},e.createElement(i,~~null~~,e.~~createElement(d~~,~~null~~)),e.createElement(a,null,e.createElement(c,null,C("main_screen.earnPoints")),e.createElement(s,null,e.createElement(_,null)))),e.createElement(m,{onClick:function(){return null==f?void 0:f(l.CREDIT_SPENDING_METHODS_SCREEN)}},e.createElement(i,~~null~~,e.~~createElement(E~~,~~null~~)),e.createElement(a,null,e.createElement(c,null,C("main_screen.allRewards")),e.createElement(s,null,e.createElement(_,null))))),v&&e.createElement(e.Fragment,null,e.createElement(u,{onClick:function(){return null==f?void 0:f(l.LOYALTY_LEVEL_SCREEN)}},e.createElement(c,null,C("main_screen.tiers")),e.createElement(s,null,e.createElement(_,null))),e.createElement(u,{onClick:function(){return null==f?void 0:f(l.CREDIT_HISTORY_SCREEN)}},e.createElement(c,null,C("main_screen.pointHistory")),e.createElement(s,null,e.createElement(_,null)))))});export{p as default};
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.customerTier)&&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};

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

@@ -1,8 +1,16 @@
+import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
+export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 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, {}, never>;
-export declare const SmallCardIconWrapper: 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 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, {}, never>;
-export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RowCard: import("styled-components").StyledComponent<"button", any, {
+    $borderRadius: number;
+}, never>;

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

	@@ -1 +1 @@
1	- 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};
1	+ import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import o,{css as e}from"styled-components";import{iconWrapperShape as r}from"../../../components/style/icon-wrapper.js";import{textSMMedium as i}from"../../../components/style/typography.js";var t,d,a,p,s,l,c,f,x,b=o.div(t\|\|(t=n(["\n display: flex;\n justify-content: center;\n align-items: center;\n color: #9aa4b2;\n transition: color 0.2s ease-in-out;\n"],["\n display: flex;\n justify-content: center;\n align-items: center;\n color: #9aa4b2;\n transition: color 0.2s ease-in-out;\n"]))),u=o.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"]))),g=o.div(a\|\|(a=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"]))),m=o.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 color: #4b5565;\n }\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 "," {\n color: #4b5565;\n }\n }\n"])),function(n){var o=n.$borderRadius;return"".concat(o,"px")},b),y=o.div(l\|\|(l=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(o){return o.$hasBgColor&&e(s\|\|(s=n(["\n padding: 10px;\n background: #f6f6f6;\n border: none;\n "],["\n padding: 10px;\n background: #f6f6f6;\n border: none;\n "])))}),h=o.div(c\|\|(c=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"]))),v=o.span(f\|\|(f=n(["\n color: #121926;\n ","\n text-align: left;\n"],["\n color: #121926;\n ","\n text-align: left;\n"])),i),w=o.button(x\|\|(x=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 color: #4b5565;\n }\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 "," {\n color: #4b5565;\n }\n }\n"])),function(n){var o=n.$borderRadius;return"".concat(o,"px")},b);export{b as ArrowWrapper,u as Container,g as GridContainer,w as RowCard,m as SmallCard,h as SmallCardBottom,y as SmallCardIconWrapper,v as Title};

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

	@@ -1 +1 @@
1	- import{__makeTemplateObject as n,__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.mjs.js';import o,{~~useState~~ as ~~i,useEffect as r~~}from"react";import{~~observer~~ as a}from"~~mobx-~~react";import'./../../../../ext/~~i18next/dist/esm/i18next.js';import'./../../../../ext/~~react-i18next/dist/es/context.js';import~~'./../../../../ext/react-i18next/dist/es/IcuTransUtils/htmlEntityDecoder.js';import~~{useTranslation as l}from'./../../../../ext/react-i18next/dist/es/useTranslation.js';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,x,g,b,h,v,y,w,k,E,j~~,$=~~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"]))),z=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(x\|\|(x=n(["\n color: #364152;\n ","\n"],["\n color: #364152;\n ","\n"])),d),I=s.div(g\|\|(g=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"]))),_=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}),F=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}),L=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"]))),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"]))),B=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"]))),G=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}),N=a(function(n){var a=n.viewModel,s=n.method,d=l().t,f=i(!1),m=f[0],x=f[1],g=a.user,b=a.loyaltyWidget,h=s.discountSettings;if(!g\|\|!h)return null;var v=h.point,y=h.discountAmount\|\|0;if(v<=0)return null;var w=Math.~~floor~~(g.totalPoint/v)v,k=w>0?w:v,E=i(w),j=E[0],N=E[1];r(function(){j>w&&N(w)},[w]);var T=j/k100,A=j/vy,D=b.header.background.bgColor\|\|"#7B61FF",W=b.header.background.type===c.GRADIENT,R=k/v,U=[];if(R>1&&R<20)for(var q=1;q<R;q++)U.push(q/R*100);var H=w>0;return o.createElement(o.Fragment,null,o.createElement($,null,o.createElement(z,null,o.createElement(C,null,j," ",d("common.points")),o.createElement(p,null,Number(A)~~.toFixed(2~~)~~," ",a.currency~~)),o.createElement(I,null,o.createElement(S,null,o.createElement(M,null,U.map(function(n,e){return o.createElement(G,{key:e,$left:n})})),o.createElement(_,{$percentage:T,$bgColor:D,$isGradient:W}),o.createElement(F,{$left:T,$bgColor:D}),o.createElement(L,{type:"range",min:0,max:k,step:v,value:j,onChange:function(n){var e=Number(n.target.value);N(e)}~~,disabled:!H~~})),o.createElement(P,null,o.createElement(B,null,~~"0"~~),o.createElement(B,null,k)))),o.createElement(u,{button:b.button,fontSize:"textSMMedium",paddingSize:"medium",fullWidth:!0,disabled:0===j\|\|m\|\|!H,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===j)return[2];x(!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:A,cartId:a.cartId,loyaltyProgramId:s.loyaltyProgramId,loyaltySpendingMethodId:s.id})];case 2:return e.sent(),[3,4];case 3:return x(!1),[7];case 4:return[2]}})})}},d("common.convert")))});export{N as default};
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)/q100:0,J=U/yw,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/Q100);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:U,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};

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

@@ -4,6 +4,7 @@ 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 CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- 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};
1	+ import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"styled-components";var f,i,t,r=o.div(f\|\|(f=n(["\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n background-color: #ffffff;\n"],["\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n background-color: #ffffff;\n"]))),e=o.div(i\|\|(i=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")}),d=o.div(t\|\|(t=n(["\n margin-bottom: 24px;\n"],["\n margin-bottom: 24px;\n"])));export{r as Container,e as Content,d as Section};

package/build/renderer/style.d.ts CHANGED Viewed

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

package/build/renderer/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- 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};
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 e}from"../models/loyalty-widget/types/index.js";import{WidgetMode as r}from"../models/types/index.js";var a,s,d,l,p,x,h,b,f,c,u,m,g,w,v=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===r.MINI_MODE?"transparent":"rgba(0, 0, 0, 0.5)"},function(n){return n.$widgetMode===r.MINI_MODE?"none":"auto"}),y=t.div(l\|\|(l=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===e.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 overflow-y: hidden;\n display: flex;\n flex-direction: column;\n top: auto;\n bottom: 16px;\n margin: 0 16px;\n height: auto;\n\n @media (max-width: 600px) {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n max-width: none;\n max-height: none;\n margin: 0;\n border-radius: 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 overflow-y: hidden;\n display: flex;\n flex-direction: column;\n top: auto;\n bottom: 16px;\n margin: 0 16px;\n height: auto;\n\n @media (max-width: 600px) {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n max-width: none;\n max-height: none;\n margin: 0;\n border-radius: 0;\n }\n "])))}),k=t.div(g\|\|(g=n(["\n width: 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 display: flex;\n flex-direction: column;\n\n ","\n"],["\n width: 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 display: flex;\n flex-direction: column;\n\n ","\n"])),function(t){var i=t.$isActive,r=t.$isMain;return t.$layoutType===e.DRAWER?o(h\|\|(h=n(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n\n ","\n "],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n\n ","\n "])),r?o(p\|\|(p=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%")):o(m\|\|(m=n(["\n ","\n\n ","\n "],["\n ","\n\n ","\n "])),o(r?b\|\|(b=n(["\n position: relative;\n height: auto;\n max-height: 100%;\n "],["\n position: relative;\n height: auto;\n max-height: 100%;\n "])):f\|\|(f=n(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n overflow-y: auto;\n "],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n overflow-y: auto;\n "]))),r?o(c\|\|(c=n(["\n transform: translateX(0%);\n z-index: 1;\n "],["\n transform: translateX(0%);\n z-index: 1;\n "]))):o(u\|\|(u=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%"))}),$=t.div(w\|\|(w=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{v as Container,$ as MiniModeWrapper,y as Panel,k as ScreenWrapper};

package/build/renderer/utils/i18n.d.ts CHANGED Viewed

@@ -1,2 +1,19 @@
+export declare const resources: {
+    tr: {
+        translation: any;
+    };
+    en: {
+        translation: any;
+    };
+    de: {
+        translation: any;
+    };
+    nl: {
+        translation: any;
+    };
+    fr: {
+        translation: any;
+    };
+};
 declare const i18nInstance: import("i18next").i18n;
 export default i18nInstance;

package/build/renderer/utils/i18n.js CHANGED Viewed

	@@ -1 +1 @@
1	- import ~~e from'./../../ext/i18next/dist/esm/i18next.js';import~~"react";import'./../../ext/react-i18next/dist/es/context.js';import'./../../ext/~~react-~~i18next/dist/es/~~IcuTransUtils/htmlEntityDecoder~~.js';import~~'./../../ext~~/~~use-sync-external-store~~/~~shim/index~~.js';import~~{initReactI18next~~ as t}from~~'./../../ext~~/~~react-i18next/dist/es/initReactI18next~~.js';import s from"./locales/tr.json.js";import o from"./locales/en.json.js";var n={tr:{translation:s},en:{translation:o}},r=e.createInstance();r.use(t).init({resources:n,lng:"tr",fallbackLng:"tr",interpolation:{escapeValue:!1}});export{r as default};
1	+ import"react";import{initReactI18next as s}from'./../../ext/react-i18next/dist/es/context.js';import r from'./../../ext/i18next/dist/esm/i18next.js';import t from"./locales/de.json.js";import e from"./locales/en.json.js";import o from"./locales/fr.json.js";import n from"./locales/nl.json.js";import a from"./locales/tr.json.js";var i={tr:{translation:JSON.parse(JSON.stringify(a))},en:{translation:JSON.parse(JSON.stringify(e))},de:{translation:JSON.parse(JSON.stringify(t))},nl:{translation:JSON.parse(JSON.stringify(n))},fr:{translation:JSON.parse(JSON.stringify(o))}},l=r.createInstance();l.use(s).init({resources:i,lng:"tr",fallbackLng:"en",interpolation:{escapeValue:!1}});export{l as default,i as resources};

package/build/renderer/utils/locales/de.json.js ADDED Viewed

@@ -0,0 +1 @@

+ var e={points:"Punkte",create:"Erstellen",allow:"Erlauben",use:"Benutzen",login:"Anmelden",convert:"Umwandeln"},n={earningMethodsTitle:"Methoden zum Punktesammeln",spendingMethodsTitle:"Verfügbare Belohnungen",programInfoTitle:"Programminformationen",earnPoints:"Punkte sammeln",allRewards:"Alle Belohnungen",tiers:"Stufen",pointHistory:"Punktestand",cartWarning:"Sie können Belohnungen nicht nutzen, ohne einen Warenkorb zu erstellen.",appliedDiscount:{fixedAmount:"{{amount}} Rabatt auf Ihren Warenkorb angewendet.",freeShipping:"Kostenloser Versand auf Ihren Warenkorb angewendet.",ratio:"{{amount}} Rabatt auf Ihren Warenkorb angewendet.",freeProduct:"Geschenkprodukt zu Ihrem Warenkorb hinzugefügt.",generic:"{{amount}} Rabatt auf Ihren Warenkorb angewendet.",remove:"Entfernen",goToCheckout:"Zur Kasse"}},t={minPointLimit:"Mindestens {{points}} Punkte können umgewandelt werden.",FIXED_AMOUNT:{title:"Betragsrabatt",dynamicTitle:"Dynamischer Betragsrabatt"},RATIO:{title:"Prozentualer Rabatt"},FREE_SHIPPING:{title:"Kostenloser Versand"},FREE_PRODUCT:{title:"Geschenkprodukt",description:"{{product}} wird kostenlos zum Warenkorb hinzugefügt."}},r={title:"Treueprogramm",subtitle:"Verdienen Sie beim Einkaufen",register_title:"Registrieren",registerDescription:"Ihr Zugang zu aufregenden Vorteilen und exklusiven Belohnungen.",registerButton:"Jetzt registrieren",haveAccount:"Haben Sie bereits ein Konto?",earnedPoints:"Verdiente Punkte",logoAlt:"Logo"},i={xPoints:"{{points}} Punkte",CUSTOMER_REGISTER:{title:"Konto erstellen"},CUSTOMER_REVIEW:{title:"Produkte bewerten"},ENABLE_SUBSCRIPTION:{title:"Kommunikation erlauben"},ORDER_CREATE:{RECEIVE_POINTS_ON_SPEND:{title:"Punkte beim Einkaufen sammeln",description:"{{points}} Punkte für jede ausgegebene {{amount}}"},BASE:{title:"Bestellung aufgeben",descriptionStaticMinimum:"Bestellwert muss mindestens {{amount}} betragen.",descriptionStaticMaximum:"Bestellwert darf maximal {{amount}} betragen.",descriptionOnlyCategory:"Ein Produkt aus der Kategorie {{category}} muss hinzugefügt werden.",descriptionOnlyProduct:"Das Produkt {{product}} muss hinzugefügt werden.",descriptionOnlyBrand:"Ein Produkt der Marke {{brand}} muss hinzugefügt werden.",descriptionOnlyTag:"Ein Produkt mit dem Tag {{tag}} muss hinzugefügt werden.",genericCategory:"in der Kategorie {{category}}",genericProduct:"mit dem Produkt {{product}}",genericBrand:"der Marke {{brand}}",genericTag:"mit dem Tag {{tag}}",descriptionWithFilter:"{{filter}} eine Bestellung muss aufgegeben werden."}},BUY_PRODUCT:{title:"Produkt kaufen"},CUSTOMER_SEGMENT:{title:"Kundensegment"}},a={earnedTitle:"Punkte verdient",spentTitle:"Punkte ausgegeben",refundTitle:"Punkte storniert",refillTitle:"Punkte wiederhergestellt",earningMethodLabels:{CUSTOMER_REGISTER:"Kontoerstellung",ENABLE_SUBSCRIPTION:"Kommunikationserlaubnis",CUSTOMER_REVIEW:"Produktbewertung",ORDER_CREATE:"Bestellung",BUY_PRODUCT:"Produktkauf",CUSTOMER_SEGMENT:"Kundensegment"},orderRefund:"Bestellung erstattet"},o={creditEarningMethods:"Methoden zum Punktesammeln",creditSpendingMethods:"Methoden zum Einlösen von Punkten",creditHistory:"Punktestand",loyaltyLevel:"Stufen",loyaltyLevelScreen:{afterEarning:"nach dem Verdienen von",reachNextTier:"Sammeln Sie noch {{points}} Punkte, um die Stufe {{tierName}} zu erreichen.",allTiersCompleted:"Sie haben alle Stufen abgeschlossen!",currentTierDescription:"Sie befinden sich aktuell in dieser Stufe.",multiplierDescription:"Punkte, die Sie beim Erreichen dieser Stufe verdienen, werden mit <0>{{multiplier}}x</0> multipliziert."}},u={description:"Hallo! 👋 Treten Sie unserem Treueprogramm bei und profitieren Sie von extra Rabatten beim Einkaufen!",descriptionLoggedIn:"Hallo! 👋 Sehen Sie Ihre Treuepunkte und erledigen Sie neue Aufgaben!",altText:"Treueprogramm Widget"},s={common:e,main_screen:n,spendingMethods:t,header:r,earningMethods:i,history:a,screens:o,miniMode:u};export{e as common,s as default,i as earningMethods,r as header,a as history,n as main_screen,u as miniMode,o as screens,t as spendingMethods};