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

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

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

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

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

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

@@ -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

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

@@ -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

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

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

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

@@ -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};
+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{BadgeLevel1 as l}from"../../../../../assets/badgeLevel1.js";import{BadgeLevel2 as r}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 u,TopRow as i,LeftSection as d,BadgeIconContainer as E,PointsContainer as p,Label as f,PointsValue as g,CurrentPoints as L,TotalPoints as v,RightSection as b,LevelBadge as y,BadgeText as j,ProgressBarContainer as x,ProgressBarFill as h}from"./style.js";var T=e(function(e){var T=e.viewModel,_=n().t,I=T.loyaltyWidget,V=T.user,w=I.settings;if(!V)return null;var M=V.totalPoint,N=V.customerTier,P=V.nextTierRequiredPoint||0,W=P>0?Math.min(M/P*100,100):0,$=t.useMemo(function(){var e=V.customerTier;return e?"🏆  ".concat(e.name):"🏆  "},[w.badgeIconLevel,V.customerTier]);return t.createElement(u,null,t.createElement(i,null,t.createElement(d,null,t.createElement(E,null,function(){switch(w.badgeIconLevel){case m.LEVEL_1:return t.createElement(l,null);case m.LEVEL_2:return t.createElement(r,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(f,null,_("header.earnedPoints")),t.createElement(g,null,t.createElement(L,null,t.createElement(s,{end:M})),P>0&&t.createElement(v,null,"/ ",P)))),t.createElement(b,null,w.badgeIconLevel!==m.NONE&&!!(null==N?void 0:N.name.length)&&t.createElement(y,null,t.createElement(c,{content:$},t.createElement(j,null,$))))),P>0&&t.createElement(x,null,t.createElement(h,{$percentage:W,$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

@@ -15,4 +15,5 @@ export declare const ProgressBarContainer: import("styled-components").StyledCom
 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

@@ -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};
+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 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"])),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(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(z||(z=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($||($=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: #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: ",";\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

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

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

@@ -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

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

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

@@ -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

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

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

@@ -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

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

@@ -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

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

@@ -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"}},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};

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

@@ -1 +1 @@
-var t={points:"Points",view:"View",create:"Create",allow:"Allow",use:"Use",review:"Review",login:"Login",register:"Register"},e={earningMethodsTitle:"Ways to Earn Points",programInfoTitle:"Program Information"},r={title:"Loyalty Program",subtitle:"Earn as You Spend",register_title:"Join Now",registerDescription:"Unlock exciting benefits and get access to exclusive rewards.",registerButton:"Register Now",haveAccount:"Already have an account?",earnedPoints:"Earned Points"},o={minPointLimit:"Minimum {{points}} points can be converted.",FIXED_AMOUNT:{title:"Fixed Amount Discount"},RATIO:{title:"Percentage Discount"},FREE_SHIPPING:{title:"Free Shipping"},FREE_PRODUCT:{title:"Free Product",description:"{{product}} product will be added to cart for free."}},i={spent_amount_description:"{{points}} points for every {{amount}}₺ spent",min_order_amount_description:"Minimum order amount must be {{amount}} TL.",category_filter_description:"A product from {{category}} category must be added to the order.",product_filter_description:"Product {{product}} must be added to the order."},n={xPoints:"{{points}} Points",xPointsForEachProduct:"{{points}} points per product",CUSTOMER_REGISTER:{title:"Create Account"},CUSTOMER_REVIEW:{title:"Review Products"},ENABLE_SUBSCRIPTION:{title:"Subscribe to Communication"},ORDER_CREATE:{RECEIVE_POINTS_ON_SPEND:{title:"Earn as You Spend",description:"{{points}} points for every {{amount}}{{currency}} spent"},BASE:{title:"Create Order",descriptionStaticMinimum:"Minimum order amount must be {{amount}}{{currency}}.",descriptionStaticMaximum:"Maximum order amount must be {{amount}}{{currency}}.",descriptionDynamicMinimum:"Minimum order amount must be {{amount}}{{currency}}. A product from {{category}} category must be added to the order.",descriptionDynamicMaximum:"Maximum order amount must be {{amount}}{{currency}}. A product from {{category}} category must be added to the order.",descriptionOnlyCategory:"A product from {{category}} category must be added to the order.",descriptionOnlyProduct:"Product {{product}} must be added to the order.",descriptionOnlyBrand:"A product from {{brand}} brand must be added to the order.",descriptionOnlyTag:"A product with {{tag}} tag must be added to the order."}},BUY_PRODUCT:{title:"Buy Product",description:"A product from {{category}} category must be purchased."},CUSTOMER_SEGMENT:{title:"Customer Segment"}},d={creditEarningMethods:"Credit Earning Methods",creditSpendingMethods:"Credit Spending Methods",creditHistory:"Credit History",loyaltyLevel:"Loyalty Level"},a={common:t,main_screen:e,header:r,spendingMethods:o,earning_methods:i,earningMethods:n,screens:d};export{t as common,a as default,n as earningMethods,i as earning_methods,r as header,e as main_screen,d as screens,o as spendingMethods};
+var t={points:"Points",create:"Create",allow:"Allow",use:"Use",login:"Login",convert:"Convert"},e={earningMethodsTitle:"Points Earning Methods",spendingMethodsTitle:"Rewards You Can Use",programInfoTitle:"Program Information",earnPoints:"Earn Points",allRewards:"All Rewards",tiers:"Tiers",pointHistory:"Points History",cartWarning:"You cannot use rewards without creating a cart.",appliedDiscount:{fixedAmount:"{{amount}} discount applied to your cart.",freeShipping:"Free shipping applied to your cart.",ratio:"{{amount}} discount applied to your cart.",freeProduct:"Gift product added to your cart.",generic:"{{amount}} discount applied to your cart.",remove:"Remove",goToCheckout:"Go to Checkout"}},o={minPointLimit:"At least {{points}} points can be converted.",FIXED_AMOUNT:{title:"Amount Discount",dynamicTitle:"Dynamic Amount Discount"},RATIO:{title:"Percentage Discount"},FREE_SHIPPING:{title:"Free Shipping"},FREE_PRODUCT:{title:"Gift Product",description:"{{product}} will be added to cart for free."}},i={title:"Loyalty Program",subtitle:"Earn as You Spend",register_title:"Sign Up",registerDescription:"It is your pass to unlock exciting benefits and access exclusive rewards.",registerButton:"Register Now",haveAccount:"Already have an account?",earnedPoints:"Earned Points",logoAlt:"Logo"},r={xPoints:"{{points}} Points",CUSTOMER_REGISTER:{title:"Create Account"},CUSTOMER_REVIEW:{title:"Review Products"},ENABLE_SUBSCRIPTION:{title:"Allow Communication"},ORDER_CREATE:{RECEIVE_POINTS_ON_SPEND:{title:"Earn Points as You Spend",description:"{{points}} points for every {{amount}} spent"},BASE:{title:"Create Order",descriptionStaticMinimum:"Order amount must be at least {{amount}}.",descriptionStaticMaximum:"Order amount must be at most {{amount}}.",descriptionOnlyCategory:"A product from {{category}} category must be added to order.",descriptionOnlyProduct:"The product {{product}} must be added to order.",descriptionOnlyBrand:"A product from {{brand}} brand must be added to order.",descriptionOnlyTag:"A product with {{tag}} tag must be added to order.",genericCategory:"in {{category}} category",genericProduct:"containing {{product}} product",genericBrand:"in {{brand}} brand",genericTag:"in {{tag}} tag",descriptionWithFilter:"{{filter}} an order must be created."}},BUY_PRODUCT:{title:"Buy Product"},CUSTOMER_SEGMENT:{title:"Customer Segment"}},n={earnedTitle:"Points Earned",spentTitle:"Points Spent",refundTitle:"Points Cancelled",refillTitle:"Points Restored",earningMethodLabels:{CUSTOMER_REGISTER:"Account Creation",ENABLE_SUBSCRIPTION:"Communication Permission",CUSTOMER_REVIEW:"Product Review",ORDER_CREATE:"Order",BUY_PRODUCT:"Product Purchase",CUSTOMER_SEGMENT:"Customer Segment"}},a={creditEarningMethods:"Points Earning Methods",creditSpendingMethods:"Points Spending Methods",creditHistory:"Points History",loyaltyLevel:"Tiers",loyaltyLevelScreen:{afterEarning:"after earning",reachNextTier:"Collect {{points}} more points to reach {{tierName}} tier.",allTiersCompleted:"You have completed all tiers!",currentTierDescription:"You are currently in this tier.",multiplierDescription:"Points earned when you move to this tier are multiplied by <0>{{multiplier}}x</0>."}},s={description:"Hello! 👋 Join our loyalty program, benefit from extra discounts as you spend!",descriptionLoggedIn:"Hello! 👋 View your loyalty points and complete new tasks!",altText:"Loyalty Widget"},d={common:t,main_screen:e,spendingMethods:o,header:i,earningMethods:r,history:n,screens:a,miniMode:s};export{t as common,d as default,r as earningMethods,i as header,n as history,e as main_screen,s as miniMode,a as screens,o as spendingMethods};