@ikas/loyalty-widget-renderer 1.0.0-alpha.9 → 1.0.0

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

@@ -1,15 +1,15 @@
-export type FontSizeKey = "textXSMedium" | "textSM" | "textSMMedium" | "textMDMedium" | "textLGSemiBold" | "displayXSSemiBold";
-export type PaddingSize = "small" | "medium";
-type ButtonProps = {
-    fullWidth: boolean;
-    fontSize: FontSizeKey;
-    paddingSize: PaddingSize;
-    borderRadius: number;
-    bgColor: string | null;
-    textColor: string | null;
-    borderColor: string | null;
-    disabled?: boolean;
-};
-export declare const Button: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
-export declare const Loader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};
+export type FontSizeKey = "textXSMedium" | "textSM" | "textSMMedium" | "textMDMedium" | "textLGSemiBold" | "displayXSSemiBold";
+export type PaddingSize = "small" | "medium";
+type ButtonProps = {
+    fullWidth: boolean;
+    fontSize: FontSizeKey;
+    paddingSize: PaddingSize;
+    borderRadius: number;
+    bgColor: string | null;
+    textColor: string | null;
+    borderColor: string | null;
+    disabled?: boolean;
+};
+export declare const Button: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
+export declare const Loader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import r,{keyframes as o}from"styled-components";import{textXSMedium as t,textSM as e,textSMMedium as i,textMDMedium as d,textLGSemiBold as a,displayXSSemiBold as l}from"../style/typography.js";var s,u,p,c={textXSMedium:t,textSM:e,textSMMedium:i,textMDMedium:d,textLGSemiBold:a,displayXSSemiBold:l},b={small:"8px",medium:"10px 16px"},f=r.button(s||(s=n(["\n  border: none;\n  cursor: ",";\n  transition: all 0.2s ease;\n  opacity: ",";\n  pointer-events: ",";\n\n  ","\n\n  padding: ",";\n  border-radius: ","px;\n  width: ",";\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n\n  &:hover {\n    opacity: 0.9;\n  }\n"],["\n  border: none;\n  cursor: ",";\n  transition: all 0.2s ease;\n  opacity: ",";\n  pointer-events: ",";\n\n  ","\n\n  padding: ",";\n  border-radius: ","px;\n  width: ",";\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n\n  &:hover {\n    opacity: 0.9;\n  }\n"])),function(n){return n.disabled?"not-allowed":"pointer"},function(n){return n.disabled?.5:1},function(n){return n.disabled?"none":"auto"},function(n){return c[n.fontSize]},function(n){return b[n.paddingSize]},function(n){return n.borderRadius},function(n){return n.fullWidth?"100%":"auto"},function(n){var r;return null!==(r=n.bgColor)&&void 0!==r?r:"transparent"},function(n){var r;return null!==(r=n.textColor)&&void 0!==r?r:"inherit"},function(n){return n.borderColor?"1px solid ".concat(n.borderColor):"none"}),m=o(u||(u=n(["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"],["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"]))),x=r.div(p||(p=n(["\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top: 2px solid currentColor;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  animation: "," 1s linear infinite;\n"],["\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top: 2px solid currentColor;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  animation: "," 1s linear infinite;\n"])),m);export{f as Button,x as Loader};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import r,{keyframes as o}from'./../../../ext/styled-components/dist/styled-components.browser.esm.js';import{textXSMedium as e,textSM as t,textSMMedium as i,textMDMedium as d,textLGSemiBold as a,displayXSSemiBold as s}from"../style/typography.js";var l,u,p,c={textXSMedium:e,textSM:t,textSMMedium:i,textMDMedium:d,textLGSemiBold:a,displayXSSemiBold:s},m={small:"8px",medium:"10px 16px"},b=r.button(l||(l=n(["\n  border: none;\n  cursor: ",";\n  transition: all 0.2s ease;\n  opacity: ",";\n  pointer-events: ",";\n\n  ","\n\n  padding: ",";\n  border-radius: ","px;\n  width: ",";\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n\n  &:hover {\n    opacity: 0.9;\n  }\n"],["\n  border: none;\n  cursor: ",";\n  transition: all 0.2s ease;\n  opacity: ",";\n  pointer-events: ",";\n\n  ","\n\n  padding: ",";\n  border-radius: ","px;\n  width: ",";\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n\n  &:hover {\n    opacity: 0.9;\n  }\n"])),function(n){return n.disabled?"not-allowed":"pointer"},function(n){return n.disabled?.5:1},function(n){return n.disabled?"none":"auto"},function(n){return c[n.fontSize]},function(n){return m[n.paddingSize]},function(n){return n.borderRadius},function(n){return n.fullWidth?"100%":"auto"},function(n){var r;return null!==(r=n.bgColor)&&void 0!==r?r:"transparent"},function(n){var r;return null!==(r=n.textColor)&&void 0!==r?r:"inherit"},function(n){return n.borderColor?"1px solid ".concat(n.borderColor):"none"}),f=o(u||(u=n(["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"],["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"]))),x=r.div(p||(p=n(["\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top: 2px solid currentColor;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  animation: "," 1s linear infinite;\n"],["\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top: 2px solid currentColor;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  animation: "," 1s linear infinite;\n"])),f);export{b as Button,x as Loader};

package/build/renderer/components/index.d.ts

@@ -1,3 +1,5 @@
-export { default as Header } from "../screens/main-screen/header";
-export { default as SectionTitle } from "./section-title";
-export { default as Button } from "./button";
+export { default as Header } from "../screens/main-screen/header";
+export { default as SectionTitle } from "./section-title";
+export { default as Button } from "./button";
+export { default as RewardCard } from "./reward-card";
+export { default as ProgramInfoCard } from "./program-info-card";

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

@@ -1,23 +1,23 @@
-import React from "react";
-import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
-import { LoyaltyWidgetButton } from "models/button";
-export type LoyaltyMethodCardProps = {
-    title: string;
-    description: string | React.ReactNode;
-    icon: React.ReactNode;
-    action?: {
-        text: string;
-        onClick: () => void;
-    };
-    isCompleted?: boolean;
-    mode: "card" | "accordion";
-    children?: React.ReactNode;
-    padding?: string;
-    settings: {
-        borderRadius: number;
-        widgetIconType: WidgetIconTypeEnum;
-        button: LoyaltyWidgetButton;
-    };
-};
-declare const LoyaltyMethodCard: React.FC<LoyaltyMethodCardProps>;
-export default LoyaltyMethodCard;
+import React from "react";
+import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
+import { LoyaltyWidgetButton } from "models/button";
+export type LoyaltyMethodCardProps = {
+    title: string;
+    description: string | React.ReactNode;
+    icon: React.ReactNode;
+    action?: {
+        text: string;
+        onClick: () => void;
+    };
+    isCompleted?: boolean;
+    mode: "card" | "accordion";
+    children?: React.ReactNode;
+    padding?: string;
+    settings: {
+        borderRadius: number;
+        widgetIconType: WidgetIconTypeEnum;
+        button: LoyaltyWidgetButton;
+    };
+};
+declare const LoyaltyMethodCard: React.FC<LoyaltyMethodCardProps>;
+export default LoyaltyMethodCard;

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

@@ -1 +1 @@
-import e,{useState as t}from"react";import{observer as n}from'./../../../ext/mobx-react/dist/mobxreact.esm.js';import l from"../button/index.js";import{CheckCircleFill as o}from"../../../assets/icons/check-circle-fill.js";import{ChevronLeft as i}from"../../../assets/icons/chevron-left.js";import{Container as r,Header as c,IconWrapper as a,Content as m,Title as s,Description as d,ArrowButton as p,AccordionWrapper as u,AccordionInner as f}from"./style.js";var E=n(function(n){var E=n.title,x=n.description,b=n.icon,g=n.action,$=n.isCompleted,v=n.mode,y=n.children,C=n.padding,j=n.settings,k=t(!1),h=k[0],O=k[1],S=!$&&(null==g?void 0:g.text)&&(null==g?void 0:g.onClick);return e.createElement(r,{$borderRadius:j.borderRadius,$isCompleted:$,$padding:C},e.createElement(c,{onClick:function(){"accordion"===v&&O(!h)},style:{cursor:"accordion"===v?"pointer":"default"}},e.createElement(a,{$iconType:j.widgetIconType},b),e.createElement(m,null,e.createElement(s,null,E),e.createElement(d,null,x)),"card"===v?e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},$&&e.createElement(o,null),S&&e.createElement(l,{button:j.button,paddingSize:"small",fontSize:"textSMMedium",onClick:g.onClick},g.text)):e.createElement(p,{$isOpen:h},e.createElement(i,null))),"accordion"===v&&e.createElement(u,{$isOpen:h},e.createElement(f,{$isOpen:h},y)))});export{E as default};
+import e,{useState as t}from"react";import{observer as n}from"mobx-react";import l from"../button/index.js";import{CheckCircleFill as i}from"../../../assets/icons/check-circle-fill.js";import{ChevronLeft as r}from"../../../assets/icons/chevron-left.js";import{Container as o,Header as c,IconWrapper as a,Content as m,Title as s,Description as d,ArrowButton as p,AccordionWrapper as u,AccordionInner as f}from"./style.js";var E=n(function(n){var E=n.title,x=n.description,g=n.icon,$=n.action,b=n.isCompleted,v=n.mode,y=n.children,C=n.padding,k=n.settings,j=t(!1),h=j[0],O=j[1],S=!b&&(null==$?void 0:$.text)&&(null==$?void 0:$.onClick);return e.createElement(o,{$borderRadius:k.borderRadius,$isCompleted:b,$padding:C},e.createElement(c,{onClick:function(){"accordion"===v&&O(!h)},style:{cursor:"accordion"===v?"pointer":"default"}},e.createElement(a,{$iconType:k.widgetIconType},g),e.createElement(m,null,e.createElement(s,null,E),e.createElement(d,null,x)),"card"===v?e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},b&&e.createElement(i,null),S&&e.createElement(l,{button:k.button,paddingSize:"small",fontSize:"textSMMedium",onClick:$.onClick},$.text)):e.createElement(p,{$isOpen:h},e.createElement(r,null))),"accordion"===v&&e.createElement(u,{$isOpen:h},e.createElement(f,{$isOpen:h},y)))});export{E as default};

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

@@ -1,22 +1,22 @@
-import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    $borderRadius: number;
-    $isCompleted?: boolean;
-    $padding?: string;
-}, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
-    $iconType: WidgetIconTypeEnum;
-}, never>;
-export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AccordionWrapper: import("styled-components").StyledComponent<"div", any, {
-    $isOpen: boolean;
-}, never>;
-export declare const AccordionInner: import("styled-components").StyledComponent<"div", any, {
-    $isOpen: boolean;
-}, never>;
-export declare const ArrowButton: import("styled-components").StyledComponent<"button", any, {
-    $isOpen: boolean;
-}, never>;
+import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    $borderRadius: number;
+    $isCompleted?: boolean | undefined;
+    $padding?: string | undefined;
+}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
+    $iconType: WidgetIconTypeEnum;
+}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AccordionWrapper: import("styled-components").StyledComponent<"div", any, {
+    $isOpen: boolean;
+}, never>;
+export declare const AccordionInner: import("styled-components").StyledComponent<"div", any, {
+    $isOpen: boolean;
+}, never>;
+export declare const ArrowButton: import("styled-components").StyledComponent<"button", any, {
+    $isOpen: boolean;
+}, never>;

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

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import{WidgetIconTypeEnum as e}from"../../../models/loyalty-widget/types/index.js";import t,{css as r}from"styled-components";import{textSMMedium as i,textSM as o}from"../style/typography.js";var a,s,d,p,l,f,c,x,g,u,m,b=t.div(a||(a=n(["\n  display: flex;\n  padding: ",";\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  border-radius: ","px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  opacity: ",";\n  user-select: none;\n"],["\n  display: flex;\n  padding: ",";\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  border-radius: ","px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  opacity: ",";\n  user-select: none;\n"])),function(n){return n.$padding||"16px 14px"},function(n){return n.$borderRadius},function(n){return n.$isCompleted?"0.8":"1"}),y=t.div(s||(s=n(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  align-self: stretch;\n  width: 100%;\n"],["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  align-self: stretch;\n  width: 100%;\n"]))),h=t.div(l||(l=n(["\n  display: flex;\n  width: 36px;\n  height: 36px;\n\n  justify-content: center;\n  align-items: center;\n\n  ","\n\n  ","\n"],["\n  display: flex;\n  width: 36px;\n  height: 36px;\n\n  justify-content: center;\n  align-items: center;\n\n  ","\n\n  ","\n"])),function(t){return t.$iconType===e.ILLUSTRATION&&r(d||(d=n(["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "],["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "])))},function(t){return t.$iconType===e.NORMAL&&r(p||(p=n(["\n      border-radius: 8px;\n      border: 1px solid #e3e8ef;\n      background: #fff;\n      box-shadow: 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n        0 4px 1px 0 rgba(38, 69, 109, 0), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n        0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n      svg {\n        color: #4b5565;\n      }\n    "],["\n      border-radius: 8px;\n      border: 1px solid #e3e8ef;\n      background: #fff;\n      box-shadow: 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n        0 4px 1px 0 rgba(38, 69, 109, 0), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n        0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n      svg {\n        color: #4b5565;\n      }\n    "])))}),w=t.div(f||(f=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n"]))),v=t.div(c||(c=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),i),$=t.div(x||(x=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),o),j=t.div(g||(g=n(["\n  display: grid;\n  grid-template-rows: ",";\n  transition: grid-template-rows 300ms ease-in-out;\n  width: 100%;\n"],["\n  display: grid;\n  grid-template-rows: ",";\n  transition: grid-template-rows 300ms ease-in-out;\n  width: 100%;\n"])),function(n){return n.$isOpen?"1fr":"0fr"}),k=t.div(u||(u=n(["\n  overflow: hidden;\n  color: #4b5565;\n  ","\n\n  /* Spacing: We need 20px from header. */\n  padding-top: ",";\n\n  /* Optional: fade content in/out */\n  opacity: ",";\n  transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out;\n"],["\n  overflow: hidden;\n  color: #4b5565;\n  ","\n\n  /* Spacing: We need 20px from header. */\n  padding-top: ",";\n\n  /* Optional: fade content in/out */\n  opacity: ",";\n  transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out;\n"])),o,function(n){return n.$isOpen?"20px":"0px"},function(n){return n.$isOpen?1:0}),O=t.button(m||(m=n(["\n  border: none;\n  background: none;\n  cursor: pointer;\n  transform: rotate(",");\n  transition: transform 0.2s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9aa4b2;\n  padding: 4px;\n"],["\n  border: none;\n  background: none;\n  cursor: pointer;\n  transform: rotate(",");\n  transition: transform 0.2s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9aa4b2;\n  padding: 4px;\n"])),function(n){return n.$isOpen?"270deg":"180deg"});export{k as AccordionInner,j as AccordionWrapper,O as ArrowButton,b as Container,w as Content,$ as Description,y as Header,h as IconWrapper,v as Title};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import{WidgetIconTypeEnum as e}from"../../../models/loyalty-widget/types/index.js";import t,{css as r}from'./../../../ext/styled-components/dist/styled-components.browser.esm.js';import{textSMMedium as i,textSM as o}from"../style/typography.js";var s,a,d,p,l,f,c,x,g,u,m,b=t.div(s||(s=n(["\n  display: flex;\n  padding: ",";\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  border-radius: ","px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  opacity: ",";\n  user-select: none;\n"],["\n  display: flex;\n  padding: ",";\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  border-radius: ","px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  opacity: ",";\n  user-select: none;\n"])),function(n){return n.$padding||"16px 14px"},function(n){return n.$borderRadius},function(n){return n.$isCompleted?"0.8":"1"}),y=t.div(a||(a=n(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  align-self: stretch;\n  width: 100%;\n"],["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  align-self: stretch;\n  width: 100%;\n"]))),h=t.div(l||(l=n(["\n  display: flex;\n  width: 36px;\n  height: 36px;\n\n  justify-content: center;\n  align-items: center;\n\n  ","\n\n  ","\n"],["\n  display: flex;\n  width: 36px;\n  height: 36px;\n\n  justify-content: center;\n  align-items: center;\n\n  ","\n\n  ","\n"])),function(t){return t.$iconType===e.ILLUSTRATION&&r(d||(d=n(["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "],["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "])))},function(t){return t.$iconType===e.NORMAL&&r(p||(p=n(["\n      border-radius: 8px;\n      border: 1px solid #e3e8ef;\n      background: #fff;\n      box-shadow: 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n        0 4px 1px 0 rgba(38, 69, 109, 0), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n        0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n      svg {\n        color: #4b5565;\n      }\n    "],["\n      border-radius: 8px;\n      border: 1px solid #e3e8ef;\n      background: #fff;\n      box-shadow: 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n        0 4px 1px 0 rgba(38, 69, 109, 0), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n        0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n      svg {\n        color: #4b5565;\n      }\n    "])))}),w=t.div(f||(f=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n"]))),v=t.div(c||(c=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),i),j=t.div(x||(x=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),o),$=t.div(g||(g=n(["\n  display: grid;\n  grid-template-rows: ",";\n  transition: grid-template-rows 300ms ease-in-out;\n  width: 100%;\n"],["\n  display: grid;\n  grid-template-rows: ",";\n  transition: grid-template-rows 300ms ease-in-out;\n  width: 100%;\n"])),function(n){return n.$isOpen?"1fr":"0fr"}),k=t.div(u||(u=n(["\n  overflow: hidden;\n  color: #4b5565;\n  ","\n\n  /* Spacing: We need 20px from header. */\n  padding-top: ",";\n\n  /* Optional: fade content in/out */\n  opacity: ",";\n  transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out;\n"],["\n  overflow: hidden;\n  color: #4b5565;\n  ","\n\n  /* Spacing: We need 20px from header. */\n  padding-top: ",";\n\n  /* Optional: fade content in/out */\n  opacity: ",";\n  transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out;\n"])),o,function(n){return n.$isOpen?"20px":"0px"},function(n){return n.$isOpen?1:0}),O=t.button(m||(m=n(["\n  border: none;\n  background: none;\n  cursor: pointer;\n  transform: rotate(",");\n  transition: transform 0.2s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9aa4b2;\n  padding: 4px;\n"],["\n  border: none;\n  background: none;\n  cursor: pointer;\n  transform: rotate(",");\n  transition: transform 0.2s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9aa4b2;\n  padding: 4px;\n"])),function(n){return n.$isOpen?"270deg":"180deg"});export{k as AccordionInner,$ as AccordionWrapper,O as ArrowButton,b as Container,w as Content,j as Description,y as Header,h as IconWrapper,v as Title};

package/build/renderer/components/section-title/index.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-type Props = {
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-    className?: string;
-};
-declare const SectionTitle: React.FC<Props>;
-export default SectionTitle;
+import React from "react";
+type Props = {
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+};
+declare const SectionTitle: React.FC<Props>;
+export default SectionTitle;

package/build/renderer/components/section-title/style.d.ts

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

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

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

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

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

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

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

package/build/renderer/index.d.ts

@@ -1,7 +1,5 @@
-import React from "react";
-import { IkasLoyaltyWidgetConfig } from "models/types";
-type Props = {
-    config?: IkasLoyaltyWidgetConfig;
-};
-declare const LoyaltyWidgetRenderer: React.FC<Props>;
-export default LoyaltyWidgetRenderer;
+import React from "react";
+import "./utils/i18n";
+type Props = {};
+declare const LoyaltyWidgetRenderer: React.FC<Props>;
+export default LoyaltyWidgetRenderer;

package/build/renderer/index.js

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

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

@@ -1,9 +1,9 @@
-import React from "react";
-import { LoyaltyWidgetViewModel } from "models";
-type Props = {
-    viewModel: LoyaltyWidgetViewModel;
-    onBack: () => void;
-    onClose: () => void;
-};
-declare const CreditEarningMethodsScreen: React.FC<Props>;
-export default CreditEarningMethodsScreen;
+import React from "react";
+import { LoyaltyWidgetViewModel } from "models";
+type Props = {
+    viewModel: LoyaltyWidgetViewModel;
+    onBack: () => void;
+    onClose: () => void;
+};
+declare const CreditEarningMethodsScreen: React.FC<Props>;
+export default CreditEarningMethodsScreen;

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

@@ -1 +1 @@
-import e from"react";import{observer as t}from'./../../../ext/mobx-react/dist/mobxreact.esm.js';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 o from"../main-screen/earning-methods-section/index.js";import{ChevronLeft as r}from"../../../assets/icons/chevron-left.js";import{XClose as i}from"../../../assets/icons/x-close.js";import{Container as s,Header as m,IconButton as l,Title as c,Content as a}from"./style.js";import{EarningMethodTypeEnum as d}from"../../../models/types/index.js";var u=t(function(t){var u=t.viewModel,p=t.onBack,E=t.onClose,f=n().t;return e.createElement(s,null,e.createElement(m,null,e.createElement(l,{onClick:p},e.createElement(r,null)),e.createElement(c,null,f("screens.creditEarningMethods")),e.createElement(l,{onClick:E},e.createElement(i,null))),e.createElement(a,null,e.createElement(o,{containerStyle:{paddingRight:16,paddingLeft:16},viewModel:u,getActionProps:function(e){return e.methodType===d.CUSTOMER_REGISTER?{actionText:f("common.create"),onClick:function(){}}:e.methodType===d.ENABLE_SUBSCRIPTION?{actionText:f("common.allow"),onClick:function(){}}:null}})))});export{u as default};
+import e from"react";import{observer as t}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as n}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import o from"../main-screen/earning-methods-section/index.js";import{ChevronLeft as r}from"../../../assets/icons/chevron-left.js";import{XClose as l}from"../../../assets/icons/x-close.js";import{Container as i,Header as c,IconButton as m,Title as s,Content as a}from"./style.js";import{EarningMethodTypeEnum as d}from"../../../models/types/index.js";var u=t(function(t){var u=t.viewModel,p=t.onBack,f=t.onClose,E=n().t;return e.createElement(i,null,e.createElement(c,null,e.createElement(m,{onClick:p},e.createElement(r,null)),e.createElement(s,null,E("screens.creditEarningMethods")),e.createElement(m,{onClick:f},e.createElement(l,null))),e.createElement(a,null,e.createElement(o,{containerStyle:{paddingRight:16,paddingLeft:16},viewModel:u,getActionProps:function(e){return e.methodType===d.CUSTOMER_REGISTER?{actionText:E("common.create"),onClick:function(){}}:e.methodType===d.ENABLE_SUBSCRIPTION?{actionText:E("common.allow"),onClick:function(){}}:null}})))});export{u as default};

package/build/renderer/screens/credit-earning-methods-screen/style.d.ts

@@ -1,5 +1,5 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"styled-components";import{textMDMedium as e}from"../../components/style/typography.js";var t,i,r,d,p,l=o.div(t||(t=n(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"]))),c=o.div(i||(i=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #EEF2F6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #EEF2F6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"]))),s=o.div(r||(r=n(["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"],["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"])),e),f=o.button(d||(d=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n  \n  &:hover {\n    opacity: 0.8;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n  \n  &:hover {\n    opacity: 0.8;\n  }\n"]))),a=o.div(p||(p=n(["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"],["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"])));export{l as Container,a as Content,c as Header,f as IconButton,s as Title};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from'./../../../ext/styled-components/dist/styled-components.browser.esm.js';import{textMDMedium as e}from"../../components/style/typography.js";var t,i,r,d,l,p=o.div(t||(t=n(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"]))),s=o.div(i||(i=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #EEF2F6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #EEF2F6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"]))),c=o.div(r||(r=n(["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"],["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"])),e),f=o.button(d||(d=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n  \n  &:hover {\n    opacity: 0.8;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n  \n  &:hover {\n    opacity: 0.8;\n  }\n"]))),a=o.div(l||(l=n(["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"],["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"])));export{p as Container,a as Content,s as Header,f as IconButton,c as Title};

package/build/renderer/screens/credit-history-screen/index.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { LoyaltyWidgetViewModel } from "models";
-type Props = {
-    viewModel: LoyaltyWidgetViewModel;
-    onBack: () => void;
-    onClose: () => void;
-};
-declare const CreditHistoryScreen: React.FC<Props>;
-export default CreditHistoryScreen;
+import React from "react";
+import { LoyaltyWidgetViewModel } from "models";
+type Props = {
+    viewModel: LoyaltyWidgetViewModel;
+    onBack: () => void;
+    onClose: () => void;
+};
+declare const CreditHistoryScreen: React.FC<Props>;
+export default CreditHistoryScreen;

package/build/renderer/screens/credit-history-screen/index.js

@@ -1 +1 @@
-import e from"react";import{observer as t}from'./../../../ext/mobx-react/dist/mobxreact.esm.js';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{XClose as r}from"../../../assets/icons/x-close.js";import{ChevronLeft as l}from"../../../assets/icons/chevron-left.js";import{Container as o,Header as m,IconButton as a,Title as s,Content as i,PointsSection as c,PointsTitle as u,PointsValue as d,HistoryList as E,HistoryItem as p,HistoryItemLeft as f,HistoryItemTitle as y,HistoryItemDate as x,HistoryItemAmount as j,Divider as h}from"./style.js";import{LoyaltyProgramPointHistoryTypeEnum as v}from"../../../models/types/index.js";var T=t(function(t){var T=t.viewModel,_=t.onBack,k=t.onClose,g=n().t,w=T.user,C=T.pointHistory,D=T.locale;return e.createElement(o,null,e.createElement(m,null,e.createElement(a,{onClick:_},e.createElement(l,null)),e.createElement(s,null,g("screens.creditHistory")),e.createElement(a,{onClick:k},e.createElement(r,null))),e.createElement(i,null,w&&e.createElement(c,null,e.createElement(u,null,g("header.earnedPoints")),e.createElement(d,null,w.totalPoint)),e.createElement(E,null,C.map(function(t,n){var r=t.type===v.EARN;return e.createElement(e.Fragment,{key:t.id},e.createElement(p,null,e.createElement(f,null,e.createElement(y,null,g(r?"history.earnedTitle":"history.spentTitle")),e.createElement(x,null,function(e){if(!e)return"";try{return new Intl.DateTimeFormat(D,{day:"numeric",month:"long",year:"numeric"}).format(new Date(e))}catch(t){return e}}(t.createdAt))),e.createElement(j,{$isEarn:r},r?"":"-",t.amount)),n<C.length-1&&e.createElement(h,null))}))))});export{T as default};
+import e from"react";import{observer as t}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as n}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import{XClose as r}from"../../../assets/icons/x-close.js";import{ChevronLeft as l}from"../../../assets/icons/chevron-left.js";import{Container as o,Header as a,IconButton as m,Title as c,Content as i,PointsSection as s,PointsTitle as u,PointsValue as E,HistoryList as d,HistoryItem as f,HistoryItemLeft as p,HistoryItemTitle as y,HistoryItemDate as h,HistoryItemAmount as x,Divider as j}from"./style.js";import{LoyaltyProgramPointHistoryTypeEnum as v}from"../../../models/types/index.js";var k=t(function(t){var k=t.viewModel,T=t.onBack,g=t.onClose,w=n().t,C=k.user,A=k.pointHistory,D=k.locale;return e.createElement(o,null,e.createElement(a,null,e.createElement(m,{onClick:T},e.createElement(l,null)),e.createElement(c,null,w("screens.creditHistory")),e.createElement(m,{onClick:g},e.createElement(r,null))),e.createElement(i,null,C&&e.createElement(s,null,e.createElement(u,null,w("header.earnedPoints")),e.createElement(E,null,C.totalPoint)),e.createElement(d,null,A.map(function(t,n){var r=t.type===v.EARN;return e.createElement(e.Fragment,{key:t.id},e.createElement(f,null,e.createElement(p,null,e.createElement(y,null,w(r?"history.earnedTitle":"history.spentTitle")),e.createElement(h,null,function(e){if(!e)return"";try{return new Intl.DateTimeFormat(D,{day:"numeric",month:"long",year:"numeric"}).format(new Date(e))}catch(t){return e}}(t.createdAt))),e.createElement(x,{$isEarn:r},r?"":"-",t.amount)),n<A.length-1&&e.createElement(j,null))}))))});export{k as default};

package/build/renderer/screens/credit-history-screen/style.d.ts

@@ -1,17 +1,17 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PointsSection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PointsTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PointsValue: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HistoryList: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HistoryItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HistoryItemLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HistoryItemTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HistoryItemDate: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HistoryItemAmount: import("styled-components").StyledComponent<"div", any, {
-    $isEarn: boolean;
-}, never>;
-export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PointsSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PointsTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PointsValue: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HistoryList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HistoryItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HistoryItemLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HistoryItemTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HistoryItemDate: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HistoryItemAmount: import("styled-components").StyledComponent<"div", any, {
+    $isEarn: boolean;
+}, never>;
+export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/renderer/screens/credit-history-screen/style.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e from"styled-components";import{textMDMedium as o,textSMMedium as i,textXLSemiBold as p,textXSMedium as t,textLGMedium as r}from"../../components/style/typography.js";var d,a,l,x,f,c,s,g,b,m,u,y,v,h,k,w=e.div(d||(d=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"]))),j=e.div(a||(a=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"]))),z=e.div(l||(l=n(["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"],["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"])),o),E=e.button(x||(x=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"]))),$=e.div(f||(f=n(["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"],["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"]))),_=e.div(c||(c=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 24px 16px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 24px 16px;\n"]))),q=e.div(s||(s=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),i),A=e.div(g||(g=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),p),B=e.div(b||(b=n(["\n  display: flex;\n  flex-direction: column;\n  padding: 0 16px;\n  margin-top: 4px;\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: 0 16px;\n  margin-top: 4px;\n"]))),C=e.div(m||(m=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 12px 0 6px;\n  gap: 16px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 12px 0 6px;\n  gap: 16px;\n"]))),D=e.div(u||(u=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"]))),F=e.div(y||(y=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),i),G=e.div(v||(v=n(["\n  ","\n  color: #697586;\n"],["\n  ","\n  color: #697586;\n"])),t),H=e.div(h||(h=n(["\n  ","\n  color: ",";\n"],["\n  ","\n  color: ",";\n"])),r,function(n){return n.$isEarn?"#121926":"#697586"}),I=e.div(k||(k=n(["\n  height: 1px;\n  background-color: #eef2f6;\n  margin: 16px 0;\n  width: 100%;\n"],["\n  height: 1px;\n  background-color: #eef2f6;\n  margin: 16px 0;\n  width: 100%;\n"])));export{w as Container,$ as Content,I as Divider,j as Header,C as HistoryItem,H as HistoryItemAmount,G as HistoryItemDate,D as HistoryItemLeft,F as HistoryItemTitle,B as HistoryList,E as IconButton,_ as PointsSection,q as PointsTitle,A as PointsValue,z as Title};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e from'./../../../ext/styled-components/dist/styled-components.browser.esm.js';import{textMDMedium as o,textSMMedium as i,textXLSemiBold as p,textXSMedium as t,textLGMedium as r}from"../../components/style/typography.js";var d,l,a,x,f,c,s,g,b,m,u,y,v,h,w,j=e.div(d||(d=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"]))),k=e.div(l||(l=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"]))),z=e.div(a||(a=n(["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"],["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"])),o),_=e.button(x||(x=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"]))),E=e.div(f||(f=n(["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"],["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"]))),$=e.div(c||(c=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 24px 16px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 24px 16px;\n"]))),q=e.div(s||(s=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),i),A=e.div(g||(g=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),p),B=e.div(b||(b=n(["\n  display: flex;\n  flex-direction: column;\n  padding: 0 16px;\n  margin-top: 4px;\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: 0 16px;\n  margin-top: 4px;\n"]))),C=e.div(m||(m=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 12px 0 6px;\n  gap: 16px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 12px 0 6px;\n  gap: 16px;\n"]))),D=e.div(u||(u=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"]))),F=e.div(y||(y=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),i),G=e.div(v||(v=n(["\n  ","\n  color: #697586;\n"],["\n  ","\n  color: #697586;\n"])),t),H=e.div(h||(h=n(["\n  ","\n  color: ",";\n"],["\n  ","\n  color: ",";\n"])),r,function(n){return n.$isEarn?"#121926":"#697586"}),I=e.div(w||(w=n(["\n  height: 1px;\n  background-color: #eef2f6;\n  margin: 16px 0;\n  width: 100%;\n"],["\n  height: 1px;\n  background-color: #eef2f6;\n  margin: 16px 0;\n  width: 100%;\n"])));export{j as Container,E as Content,I as Divider,k as Header,C as HistoryItem,H as HistoryItemAmount,G as HistoryItemDate,D as HistoryItemLeft,F as HistoryItemTitle,B as HistoryList,_ as IconButton,$ as PointsSection,q as PointsTitle,A as PointsValue,z as Title};

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

@@ -1,9 +1,9 @@
-import React from "react";
-import { LoyaltyWidgetViewModel } from "models";
-type Props = {
-    viewModel: LoyaltyWidgetViewModel;
-    onBack: () => void;
-    onClose: () => void;
-};
-declare const CreditSpendingMethodsScreen: React.FC<Props>;
-export default CreditSpendingMethodsScreen;
+import React from "react";
+import { LoyaltyWidgetViewModel } from "models";
+type Props = {
+    viewModel: LoyaltyWidgetViewModel;
+    onBack: () => void;
+    onClose: () => void;
+};
+declare const CreditSpendingMethodsScreen: React.FC<Props>;
+export default CreditSpendingMethodsScreen;

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

@@ -1 +1 @@
-import e from"react";import{observer as t}from'./../../../ext/mobx-react/dist/mobxreact.esm.js';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 o from"../main-screen/spending-methods-section/index.js";import{ChevronLeft as r}from"../../../assets/icons/chevron-left.js";import{XClose as l}from"../../../assets/icons/x-close.js";import{Container as s,Header as m,IconButton as i,Title as c,Content as a,PointsSection as d,PointsTitle as u,PointsValue as p}from"./style.js";var E=t(function(t){var E=t.viewModel,f=t.onBack,x=t.onClose,j=n().t,h=E.user;return e.createElement(s,null,e.createElement(m,null,e.createElement(i,{onClick:f},e.createElement(r,null)),e.createElement(c,null,j("screens.creditSpendingMethods")),e.createElement(i,{onClick:x},e.createElement(l,null))),e.createElement(a,null,h&&e.createElement(d,null,e.createElement(u,null,j("header.earnedPoints")),e.createElement(p,null,h.totalPoint)),e.createElement(o,{viewModel:E,mode:"accordion",getActionProps:function(e){return null}})))});export{E as default};
+import e from"react";import{observer as t}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as n}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import r from"../main-screen/spending-methods-section/index.js";import{ChevronLeft as o}from"../../../assets/icons/chevron-left.js";import{XClose as l}from"../../../assets/icons/x-close.js";import{Container as s,Header as c,IconButton as m,Title as i,Content as a,PointsSection as d,PointsTitle as u,PointsValue as p}from"./style.js";var E=t(function(t){var E=t.viewModel,f=t.onBack,x=t.onClose,j=n().t,v=E.user;return e.createElement(s,null,e.createElement(c,null,e.createElement(m,{onClick:f},e.createElement(o,null)),e.createElement(i,null,j("screens.creditSpendingMethods")),e.createElement(m,{onClick:x},e.createElement(l,null))),e.createElement(a,null,v&&e.createElement(d,null,e.createElement(u,null,j("header.earnedPoints")),e.createElement(p,null,v.totalPoint)),e.createElement(r,{viewModel:E,mode:"accordion",getActionProps:function(e){return null}})))});export{E as default};

package/build/renderer/screens/credit-spending-methods-screen/style.d.ts

@@ -1,8 +1,8 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PointsSection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PointsTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PointsValue: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PointsSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PointsTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PointsValue: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/renderer/screens/credit-spending-methods-screen/style.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"styled-components";import{textMDMedium as e,textSMMedium as r,textXLSemiBold as t}from"../../components/style/typography.js";var p,i,d,f,a,x,l,c,s=o.div(p||(p=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"]))),g=o.div(i||(i=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"]))),b=o.div(d||(d=n(["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"],["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"])),e),m=o.button(f||(f=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"]))),u=o.div(a||(a=n(["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"],["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"]))),y=o.div(x||(x=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 28px 16px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 28px 16px;\n"]))),v=o.div(l||(l=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),r),k=o.div(c||(c=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),t);export{s as Container,u as Content,g as Header,m as IconButton,y as PointsSection,v as PointsTitle,k as PointsValue,b as Title};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from'./../../../ext/styled-components/dist/styled-components.browser.esm.js';import{textMDMedium as e,textSMMedium as t,textXLSemiBold as r}from"../../components/style/typography.js";var p,i,d,f,a,x,l,s,c=o.div(p||(p=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"]))),g=o.div(i||(i=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n  border-bottom: 1px solid #eef2f6;\n  position: sticky;\n  top: 0;\n  background-color: #ffffff;\n  z-index: 10;\n"]))),b=o.div(d||(d=n(["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"],["\n  ","\n  color: #121926;\n  text-align: center;\n  flex: 1;\n"])),e),m=o.button(f||(f=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #697586;\n\n  &:hover {\n    opacity: 0.8;\n  }\n"]))),u=o.div(a||(a=n(["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"],["\n  padding-top: 20px;\n  padding-bottom: 20px;\n  flex: 1;\n  overflow-y: auto;\n"]))),y=o.div(x||(x=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 28px 16px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-radius: 6px;\n  border: 1px solid #eef2f6;\n  background: #fff;\n  box-shadow: 0 7px 2px 0 rgba(0, 0, 0, 0), 0 5px 2px 0 rgba(0, 0, 0, 0.01),\n    0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03),\n    0 0 1px 0 rgba(0, 0, 0, 0.04);\n  margin: 0 16px 28px 16px;\n"]))),v=o.div(l||(l=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),t),j=o.div(s||(s=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),r);export{c as Container,u as Content,g as Header,m as IconButton,y as PointsSection,v as PointsTitle,j as PointsValue,b as Title};

package/build/renderer/screens/loyalty-level-screen/index.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { LoyaltyWidgetViewModel } from "models";
-type Props = {
-    viewModel: LoyaltyWidgetViewModel;
-    onBack: () => void;
-    onClose: () => void;
-};
-declare const LoyaltyLevelScreen: React.FC<Props>;
-export default LoyaltyLevelScreen;
+import React from "react";
+import { LoyaltyWidgetViewModel } from "models";
+type Props = {
+    viewModel: LoyaltyWidgetViewModel;
+    onBack: () => void;
+    onClose: () => void;
+};
+declare const LoyaltyLevelScreen: React.FC<Props>;
+export default LoyaltyLevelScreen;

package/build/renderer/screens/loyalty-level-screen/index.js

@@ -1 +1 @@
-import{__spreadArray as e}from'./../../../ext/tslib/tslib.es6.mjs.js';import t,{useMemo as n}from"react";import{observer as l}from'./../../../ext/mobx-react/dist/mobxreact.esm.js';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 r}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import{ChevronLeft as o}from"../../../assets/icons/chevron-left.js";import{XClose as i}from"../../../assets/icons/x-close.js";import{Container as s,Header as c,IconButton as u,Title as a,Content as m,PointsSection as d,PointsText as p,PointsValue as E,ProgressBarContainer as f,ProgressBarFill as v,DescriptionText as x,TimelineContainer as y,TimelineItem as j,TimelineLine as g,CheckIconContainer as h,CurrentIndicator as P,CurrentIndicatorDot as q,UpcomingIndicator as R,TimelineContent as T,TimelineTitle as L,TimelineDescription as b,MultiplierSection as k,MultiplierValue as I}from"./style.js";import{Check as S}from"../../../assets/icons/check.js";var _=l(function(l){var _=l.viewModel,C=l.onBack,M=l.onClose,$=r().t,N=_.user,w=_.tiers,B=n(function(){return e([],w,!0).sort(function(e,t){return(e.pointsRequired||0)-(t.pointsRequired||0)})},[w]),D=n(function(){return(null==N?void 0:N.customerTierId)?B.findIndex(function(e){var t;return e.id===(null===(t=N.customerTierId)||void 0===t?void 0:t.id)}):-1},[B,null==N?void 0:N.customerTierId]);console.log("currentTierIndex",D);var U=n(function(){return N?-1===D?B.find(function(e){return(e.pointsRequired||0)>N.totalPoint})||B[0]:B[D+1]||null:null},[B,D,N]),W=n(function(){return N?U?0===(U.pointsRequired||0)?100:Math.min(N.totalPoint/(U.pointsRequired||1)*100,100):100:0},[N,U]),z=n(function(){return N&&U?Math.max(0,(U.pointsRequired||0)-N.totalPoint):0},[N,U]);return N?t.createElement(s,null,t.createElement(c,null,t.createElement(u,{onClick:C},t.createElement(o,null)),t.createElement(a,null,$("screens.loyaltyLevel")),t.createElement(u,{onClick:M},t.createElement(i,null))),t.createElement(m,null,t.createElement(d,null,t.createElement("div",null,t.createElement(p,null,$("header.earnedPoints")),t.createElement(E,null,N.totalPoint," ",$("common.points"))),t.createElement(f,null,t.createElement(v,{$percentage:W,$color:_.loyaltyWidget.header.background.bgColor||void 0})),t.createElement(x,null,U?$("screens.loyaltyLevelScreen.reachNextTier",{tierName:U.name,points:z}):$("screens.loyaltyLevelScreen.allTiersCompleted"))),t.createElement(y,null,B.map(function(e,n){var l="upcoming";D>-1?l=n<D?"completed":n===D?"current":"upcoming":N.totalPoint>=(e.pointsRequired||0)&&(l="completed");var r=n===B.length-1;return t.createElement(j,{key:e.id},t.createElement(g,{$isLast:r}),"completed"===l?t.createElement(h,null,t.createElement(S,null)):"current"===l?t.createElement(P,null,t.createElement(q,null)):t.createElement(R,null),t.createElement(T,null,t.createElement(L,{$status:l},e.name),t.createElement(b,{$status:l},e.pointsRequired||0," ",$("common.points")," ",$("screens.loyaltyLevelScreen.afterEarning")),(e.tierPointMultiplier||1)>1&&t.createElement(k,null,$("screens.loyaltyLevelScreen.multiplierPrefix")," ",t.createElement(I,null,e.tierPointMultiplier||1,"x")," ",$("screens.loyaltyLevelScreen.multiplierSuffix"))))})))):null});export{_ as default};
+import{__spreadArray as e}from'./../../../ext/tslib/tslib.es6.mjs.js';import t,{useMemo as n}from"react";import{observer as l}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as r}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import{ChevronLeft as o}from"../../../assets/icons/chevron-left.js";import{XClose as i}from"../../../assets/icons/x-close.js";import{Container as c,Header as a,IconButton as u,Title as s,Content as m,PointsSection as d,PointsText as p,PointsValue as E,ProgressBarContainer as f,ProgressBarFill as v,DescriptionText as y,TimelineContainer as x,TimelineItem as g,TimelineLine as P,CheckIconContainer as h,CurrentIndicator as j,CurrentIndicatorDot as q,UpcomingIndicator as R,TimelineContent as L,TimelineTitle as T,TimelineDescription as k,MultiplierSection as S,MultiplierValue as b}from"./style.js";import{Check as C}from"../../../assets/icons/check.js";var I=l(function(l){var I=l.viewModel,M=l.onBack,$=l.onClose,_=r().t,N=I.user,w=I.tiers,B=n(function(){return e([],w,!0).sort(function(e,t){return(e.pointsRequired||0)-(t.pointsRequired||0)})},[w]),W=n(function(){return(null==N?void 0:N.customerTierId)?B.findIndex(function(e){var t;return e.id===(null===(t=N.customerTierId)||void 0===t?void 0:t.id)}):-1},[B,null==N?void 0:N.customerTierId]);console.log("currentTierIndex",W);var z=n(function(){return N?-1===W?B.find(function(e){return(e.pointsRequired||0)>N.totalPoint})||B[0]:B[W+1]||null:null},[B,W,N]),A=n(function(){return N?z?0===(z.pointsRequired||0)?100:Math.min(N.totalPoint/(z.pointsRequired||1)*100,100):100:0},[N,z]),D=n(function(){return N&&z?Math.max(0,(z.pointsRequired||0)-N.totalPoint):0},[N,z]);return N?t.createElement(c,null,t.createElement(a,null,t.createElement(u,{onClick:M},t.createElement(o,null)),t.createElement(s,null,_("screens.loyaltyLevel")),t.createElement(u,{onClick:$},t.createElement(i,null))),t.createElement(m,null,t.createElement(d,null,t.createElement("div",null,t.createElement(p,null,_("header.earnedPoints")),t.createElement(E,null,N.totalPoint," ",_("common.points"))),t.createElement(f,null,t.createElement(v,{$percentage:A,$color:I.loyaltyWidget.header.background.bgColor||void 0})),t.createElement(y,null,z?_("screens.loyaltyLevelScreen.reachNextTier",{tierName:z.name,points:D}):_("screens.loyaltyLevelScreen.allTiersCompleted"))),t.createElement(x,null,B.map(function(e,n){var l="upcoming";W>-1?l=n<W?"completed":n===W?"current":"upcoming":N.totalPoint>=(e.pointsRequired||0)&&(l="completed");var r=n===B.length-1;return t.createElement(g,{key:e.id},t.createElement(P,{$isLast:r}),"completed"===l?t.createElement(h,null,t.createElement(C,null)):"current"===l?t.createElement(j,null,t.createElement(q,null)):t.createElement(R,null),t.createElement(L,null,t.createElement(T,{$status:l},e.name),t.createElement(k,{$status:l},e.pointsRequired||0," ",_("common.points")," ",_("screens.loyaltyLevelScreen.afterEarning")),(e.tierPointMultiplier||1)>1&&t.createElement(S,null,_("screens.loyaltyLevelScreen.multiplierPrefix")," ",t.createElement(b,null,e.tierPointMultiplier||1,"x")," ",_("screens.loyaltyLevelScreen.multiplierSuffix"))))})))):null});export{I as default};