@ikas/loyalty-widget-renderer 1.0.0-alpha.61 → 1.0.0-alpha.63

package/build/assets/index.d.ts

@@ -17,6 +17,7 @@ export { PackageDelivered } from "./widget-icons/normal/packageDelivered";
 export { SaveMoneyDollar } from "./widget-icons/normal/saveMoneyDollar";
 export { ShoppingBasketAdd02 } from "./widget-icons/normal/shoppingBasketAdd02";
 export { UserAdd01 } from "./widget-icons/normal/userAdd01";
+export { InformationCircle } from "./widget-icons/normal/informationCircle";
 export { UsersIllustration } from "./widget-icons/illustraions/usersIllustration";
 export { BubbleChatIllustration } from "./widget-icons/illustraions/bubbleChatIllustration";
 export { ApprovedChatIllustration } from "./widget-icons/illustraions/approvedChatIllustration";
@@ -26,3 +27,4 @@ export { GiftIllustration } from "./widget-icons/illustraions/giftIllustration";
 export { ShippingBox } from "./widget-icons/illustraions/shippingBox";
 export { BigSaleMedal } from "./widget-icons/illustraions/bigSaleMedal";
 export { ShoppingCartIllustration } from "./widget-icons/illustraions/shoppingCartIllustration";
+export { InformationCircleIllustration } from "./widget-icons/illustraions/informationCircleIllustration";

package/build/assets/widget-icons/illustraions/informationCircleIllustration.d.ts

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

package/build/assets/widget-icons/illustraions/informationCircleIllustration.js

@@ -0,0 +1 @@
+import e from"react";var t=function(t){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e.createElement("path",{d:"M10 19C14.6944 19 18.5 15.1944 18.5 10.5C18.5 5.80558 14.6944 2 10 2C5.30558 2 1.5 5.80558 1.5 10.5C1.5 15.1944 5.30558 19 10 19Z",fill:"#458CDB"}),e.createElement("path",{d:"M10 18C14.6944 18 18.5 14.1944 18.5 9.5C18.5 4.80558 14.6944 1 10 1C5.30558 1 1.5 4.80558 1.5 9.5C1.5 14.1944 5.30558 18 10 18Z",fill:"#82BDFD"}),e.createElement("path",{d:"M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17Z",fill:"#BDDCFF"}),e.createElement("path",{d:"M10 16.5C13.866 16.5 17 13.366 17 9.5C17 5.63401 13.866 2.5 10 2.5C6.13401 2.5 3 5.63401 3 9.5C3 13.366 6.13401 16.5 10 16.5Z",fill:"#459AF9"}),e.createElement("path",{d:"M10 12.7337V10.0671M10 7.40039H10.0067",stroke:"#134276",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M10 12.3333V9.66667M10 7H10.0067",stroke:"white",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}))};export{t as InformationCircleIllustration};

package/build/assets/widget-icons/normal/informationCircle.d.ts

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

package/build/assets/widget-icons/normal/informationCircle.js

@@ -0,0 +1 @@
+import e from"react";var r=function(r){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},e.createElement("path",{d:"M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M9 12V8.625",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M9 6.00945V6.00195",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}))};export{r as InformationCircle};

package/build/index.js

@@ -1 +1 @@
-export{LoyaltyWidget}from"./models/loyalty-widget/index.js";export{BadgeIconTypeEnum,HeaderBackgroundTypeEnum,ImageTypeEnum,LoyaltyWidgetLayoutTypeEnum,WidgetIconTypeEnum,WidgetPositionEnum}from"./models/loyalty-widget/types/index.js";export{LoyaltyWidgetHeader}from"./models/loyalty-widget/header/index.js";export{LoyaltyWidgetHeaderBackground}from"./models/loyalty-widget/header/header-background/index.js";export{IMAGE_SIZE,LoyaltyWidgetImage}from"./models/image/index.js";export{LoyaltyWidgetButton}from"./models/button/index.js";export{LoyaltyCustomerInfo,LoyaltyProgramTier,LoyaltyProgramTierTranslation}from"./models/loyalty-customer-info/index.js";export{LoyaltyProgramPointHistory}from"./models/loyalty-program-point-history/index.js";export{LoyaltyProgramDiscountSettings,LoyaltyProgramSpendingMethod}from"./models/loyalty-program-spending-method/index.js";export{LoyaltyProgramEarningMethod,LoyaltyProgramEarningMethodOrderSettings,LoyaltyProgramEarningMethodProductSettings}from"./models/loyalty-program-earning-method/index.js";export{LoyaltyWidgetSettings}from"./models/loyalty-widget/settings/index.js";export{LoyaltyWidgetViewModel}from"./models/index.js";export{EarningMethodTypeEnum,LoyaltyProgramFilterTypeEnum,LoyaltyProgramMethodSpendingTypeEnum,LoyaltyProgramPointEarningTypeEnum,LoyaltyProgramPointHistoryTypeEnum,LoyaltyWidgetScreenTypeEnum,PeriodTypeEnum,WidgetMode}from"./models/types/index.js";export{BadgeLevel1}from"./assets/badgeLevel1.js";export{BadgeLevel2}from"./assets/badgeLevel2.js";export{BadgeLevel3}from"./assets/badgeLevel3.js";export{BadgeLevel4}from"./assets/badgeLevel4.js";export{XClose}from"./assets/icons/x-close.js";export{CheckCircleFill}from"./assets/icons/check-circle-fill.js";export{ChevronLeft}from"./assets/icons/chevron-left.js";export{Check}from"./assets/icons/check.js";export{ArrowRight}from"./assets/icons/arrow-right.js";export{BubbleChatDone}from"./assets/widget-icons/normal/bubbleChatDone.js";export{CommentAdd01}from"./assets/widget-icons/normal/commentAdd01.js";export{CouponPercent}from"./assets/widget-icons/normal/couponPercent.js";export{DiscountTag02}from"./assets/widget-icons/normal/discountTag02.js";export{Gift}from"./assets/widget-icons/normal/gift.js";export{MoneyAdd01}from"./assets/widget-icons/normal/moneyAdd01.js";export{PackageDelivered}from"./assets/widget-icons/normal/packageDelivered.js";export{SaveMoneyDollar}from"./assets/widget-icons/normal/saveMoneyDollar.js";export{ShoppingBasketAdd02}from"./assets/widget-icons/normal/shoppingBasketAdd02.js";export{UserAdd01}from"./assets/widget-icons/normal/userAdd01.js";export{UsersIllustration}from"./assets/widget-icons/illustraions/usersIllustration.js";export{BubbleChatIllustration}from"./assets/widget-icons/illustraions/bubbleChatIllustration.js";export{ApprovedChatIllustration}from"./assets/widget-icons/illustraions/approvedChatIllustration.js";export{TshirtIllustration}from"./assets/widget-icons/illustraions/tshirtIllustration.js";export{Medal}from"./assets/widget-icons/illustraions/medal.js";export{GiftIllustration}from"./assets/widget-icons/illustraions/giftIllustration.js";export{ShippingBox}from"./assets/widget-icons/illustraions/shippingBox.js";export{BigSaleMedal}from"./assets/widget-icons/illustraions/bigSaleMedal.js";export{ShoppingCartIllustration}from"./assets/widget-icons/illustraions/shoppingCartIllustration.js";export{default as LoyaltyWidgetRenderer}from"./renderer/index.js";
+export{LoyaltyWidget}from"./models/loyalty-widget/index.js";export{BadgeIconTypeEnum,HeaderBackgroundTypeEnum,ImageTypeEnum,LoyaltyWidgetLayoutTypeEnum,WidgetIconTypeEnum,WidgetPositionEnum}from"./models/loyalty-widget/types/index.js";export{LoyaltyWidgetHeader}from"./models/loyalty-widget/header/index.js";export{LoyaltyWidgetHeaderBackground}from"./models/loyalty-widget/header/header-background/index.js";export{IMAGE_SIZE,LoyaltyWidgetImage}from"./models/image/index.js";export{LoyaltyWidgetButton}from"./models/button/index.js";export{LoyaltyCustomerInfo,LoyaltyProgramTier,LoyaltyProgramTierTranslation}from"./models/loyalty-customer-info/index.js";export{LoyaltyProgramPointHistory}from"./models/loyalty-program-point-history/index.js";export{LoyaltyProgramDiscountSettings,LoyaltyProgramSpendingMethod}from"./models/loyalty-program-spending-method/index.js";export{LoyaltyProgramEarningMethod,LoyaltyProgramEarningMethodOrderSettings,LoyaltyProgramEarningMethodProductSettings}from"./models/loyalty-program-earning-method/index.js";export{LoyaltyWidgetSettings}from"./models/loyalty-widget/settings/index.js";export{LoyaltyWidgetViewModel}from"./models/index.js";export{EarningMethodTypeEnum,LoyaltyProgramFilterTypeEnum,LoyaltyProgramMethodSpendingTypeEnum,LoyaltyProgramPointEarningTypeEnum,LoyaltyProgramPointHistoryTypeEnum,LoyaltyWidgetScreenTypeEnum,PeriodTypeEnum,WidgetMode}from"./models/types/index.js";export{BadgeLevel1}from"./assets/badgeLevel1.js";export{BadgeLevel2}from"./assets/badgeLevel2.js";export{BadgeLevel3}from"./assets/badgeLevel3.js";export{BadgeLevel4}from"./assets/badgeLevel4.js";export{XClose}from"./assets/icons/x-close.js";export{CheckCircleFill}from"./assets/icons/check-circle-fill.js";export{ChevronLeft}from"./assets/icons/chevron-left.js";export{Check}from"./assets/icons/check.js";export{ArrowRight}from"./assets/icons/arrow-right.js";export{BubbleChatDone}from"./assets/widget-icons/normal/bubbleChatDone.js";export{CommentAdd01}from"./assets/widget-icons/normal/commentAdd01.js";export{CouponPercent}from"./assets/widget-icons/normal/couponPercent.js";export{DiscountTag02}from"./assets/widget-icons/normal/discountTag02.js";export{Gift}from"./assets/widget-icons/normal/gift.js";export{MoneyAdd01}from"./assets/widget-icons/normal/moneyAdd01.js";export{PackageDelivered}from"./assets/widget-icons/normal/packageDelivered.js";export{SaveMoneyDollar}from"./assets/widget-icons/normal/saveMoneyDollar.js";export{ShoppingBasketAdd02}from"./assets/widget-icons/normal/shoppingBasketAdd02.js";export{UserAdd01}from"./assets/widget-icons/normal/userAdd01.js";export{InformationCircle}from"./assets/widget-icons/normal/informationCircle.js";export{UsersIllustration}from"./assets/widget-icons/illustraions/usersIllustration.js";export{BubbleChatIllustration}from"./assets/widget-icons/illustraions/bubbleChatIllustration.js";export{ApprovedChatIllustration}from"./assets/widget-icons/illustraions/approvedChatIllustration.js";export{TshirtIllustration}from"./assets/widget-icons/illustraions/tshirtIllustration.js";export{Medal}from"./assets/widget-icons/illustraions/medal.js";export{GiftIllustration}from"./assets/widget-icons/illustraions/giftIllustration.js";export{ShippingBox}from"./assets/widget-icons/illustraions/shippingBox.js";export{BigSaleMedal}from"./assets/widget-icons/illustraions/bigSaleMedal.js";export{ShoppingCartIllustration}from"./assets/widget-icons/illustraions/shoppingCartIllustration.js";export{InformationCircleIllustration}from"./assets/widget-icons/illustraions/informationCircleIllustration.js";export{default as LoyaltyWidgetRenderer}from"./renderer/index.js";

package/build/models/loyalty-customer-info/index.d.ts

@@ -24,5 +24,6 @@ export declare class LoyaltyCustomerInfo {
     loyaltyProgramCustomerId: string;
     loyaltyProgramId: string;
     totalPoint: number;
+    nextTierRequiredPoint: number | null;
     constructor(data?: Partial<LoyaltyCustomerInfo>);
 }

package/build/models/loyalty-customer-info/index.js

@@ -1 +1 @@
-import{makeObservable as t,observable as i}from"mobx";import{LoyaltyProgramPeriod as e}from"../common/index.js";var o=function(e){void 0===e&&(e={}),this.locale=e.locale||"",this.name=e.name||"",t(this,{locale:i,name:i})},r=function(r){void 0===r&&(r={}),this.id=r.id||"",this.name=r.name||"",this.pointsRequired=r.pointsRequired||null,this.tierPointMultiplier=r.tierPointMultiplier||null,this.loyaltyProgramId=r.loyaltyProgramId||"",this.customerSegmentId=r.customerSegmentId||null,this.createdAt=r.createdAt||null,this.updatedAt=r.updatedAt||null,this.deleted=r.deleted||!1,this.isActive=r.isActive||!1,this.period=r.period?new e(r.period):null,this.translations=r.translations?r.translations.map(function(t){return new o(t)}):null,t(this,{id:i,name:i,pointsRequired:i,tierPointMultiplier:i,loyaltyProgramId:i,customerSegmentId:i,createdAt:i,updatedAt:i,deleted:i,isActive:i,period:i,translations:i})},l=function(e){void 0===e&&(e={}),this.customerTier=e.customerTier?new r(e.customerTier):null,this.loyaltyProgramCustomerId=e.loyaltyProgramCustomerId||"",this.loyaltyProgramId=e.loyaltyProgramId||"",this.totalPoint=e.totalPoint||0,t(this,{customerTier:i,loyaltyProgramCustomerId:i,loyaltyProgramId:i,totalPoint:i})};export{l as LoyaltyCustomerInfo,r as LoyaltyProgramTier,o as LoyaltyProgramTierTranslation};
+import{makeObservable as t,observable as e}from"mobx";import{LoyaltyProgramPeriod as i}from"../common/index.js";var o=function(i){void 0===i&&(i={}),this.locale=i.locale||"",this.name=i.name||"",t(this,{locale:e,name:e})},r=function(r){void 0===r&&(r={}),this.id=r.id||"",this.name=r.name||"",this.pointsRequired=r.pointsRequired||null,this.tierPointMultiplier=r.tierPointMultiplier||null,this.loyaltyProgramId=r.loyaltyProgramId||"",this.customerSegmentId=r.customerSegmentId||null,this.createdAt=r.createdAt||null,this.updatedAt=r.updatedAt||null,this.deleted=r.deleted||!1,this.isActive=r.isActive||!1,this.period=r.period?new i(r.period):null,this.translations=r.translations?r.translations.map(function(t){return new o(t)}):null,t(this,{id:e,name:e,pointsRequired:e,tierPointMultiplier:e,loyaltyProgramId:e,customerSegmentId:e,createdAt:e,updatedAt:e,deleted:e,isActive:e,period:e,translations:e})},l=function(i){void 0===i&&(i={}),this.customerTier=i.customerTier?new r(i.customerTier):null,this.loyaltyProgramCustomerId=i.loyaltyProgramCustomerId||"",this.loyaltyProgramId=i.loyaltyProgramId||"",this.totalPoint=i.totalPoint||0,this.nextTierRequiredPoint=void 0!==i.nextTierRequiredPoint&&null!==i.nextTierRequiredPoint?i.nextTierRequiredPoint:null,t(this,{customerTier:e,loyaltyProgramCustomerId:e,loyaltyProgramId:e,totalPoint:e,nextTierRequiredPoint:e})};export{l as LoyaltyCustomerInfo,r as LoyaltyProgramTier,o as LoyaltyProgramTierTranslation};

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

@@ -1,9 +1,9 @@
-import { LoyaltyProgramSpendingMethod } from "../loyalty-program-spending-method";
-import type { LoyaltyProgramEarningMethod } from "../loyalty-program-earning-method";
+import { LoyaltyWidgetViewModel } from "models";
 import type { LoyaltyCustomerInfo, LoyaltyProgramTier } from "../loyalty-customer-info";
-import type { LoyaltyWidget } from "../loyalty-widget";
+import type { LoyaltyProgramEarningMethod } from "../loyalty-program-earning-method";
 import type { LoyaltyProgramPointHistory } from "../loyalty-program-point-history";
-import { LoyaltyWidgetViewModel } from "models";
+import { LoyaltyProgramSpendingMethod } from "../loyalty-program-spending-method";
+import type { LoyaltyWidget } from "../loyalty-widget";
 export declare enum LoyaltyWidgetScreenTypeEnum {
     MAIN_SCREEN = "MAIN_SCREEN",
     CREDIT_SPENDING_METHODS_SCREEN = "CREDIT_SPENDING_METHODS_SCREEN",

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

@@ -1,4 +1,7 @@
 import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
+export declare const ArrowButton: import("styled-components").StyledComponent<"button", any, {
+    $isOpen: boolean;
+}, never>;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
     $borderRadius: number;
     $isCompleted?: boolean;
@@ -17,6 +20,3 @@ export declare const AccordionWrapper: import("styled-components").StyledCompone
 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 e,{css as r}from"styled-components";import{WidgetIconTypeEnum as o}from"../../../models/loyalty-widget/types/index.js";import{iconWrapperShape as t}from"../style/icon-wrapper.js";import{textSMMedium as i,textSM as a}from"../style/typography.js";var s,d,p,l,f,c,x,u,g,b,m,y=e.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  transition: border-color 0.2s ease-in-out;\n\n  &:hover {\n    border-color: #cdd5df;\n  }\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  transition: border-color 0.2s ease-in-out;\n\n  &:hover {\n    border-color: #cdd5df;\n  }\n"])),function(n){return n.$padding||"16px 14px"},function(n){return n.$borderRadius},function(n){return n.$isCompleted?"0.8":"1"}),h=e.div(d||(d=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"]))),v=e.div(f||(f=n(["\n  ","\n\n  ","\n\n  ","\n"],["\n  ","\n\n  ","\n\n  ","\n"])),t,function(e){return e.$iconType===o.ILLUSTRATION&&r(p||(p=n(["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "],["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "])))},function(e){return e.$iconType===o.NORMAL&&r(l||(l=n(["\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        color: #4b5565;\n      }\n    "],["\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        color: #4b5565;\n      }\n    "])))}),w=e.div(c||(c=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"]))),$=e.div(x||(x=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),i),k=e.div(u||(u=n(["\n  color: #364152;\n  ","\n"],["\n  color: #364152;\n  ","\n"])),a),O=e.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"}),j=e.div(b||(b=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:\n    opacity 300ms ease-in-out,\n    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:\n    opacity 300ms ease-in-out,\n    padding-top 300ms ease-in-out;\n"])),a,function(n){return n.$isOpen?"20px":"0px"},function(n){return n.$isOpen?1:0}),T=e.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"],["\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"])),function(n){return n.$isOpen?"270deg":"180deg"});export{j as AccordionInner,O as AccordionWrapper,T as ArrowButton,y as Container,w as Content,k as Description,h as Header,v as IconWrapper,$ as Title};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e,{css as o}from"styled-components";import{WidgetIconTypeEnum as r}from"../../../models/loyalty-widget/types/index.js";import{iconWrapperShape as t}from"../style/icon-wrapper.js";import{textSMMedium as i,textSM as a}from"../style/typography.js";var s,d,p,l,f,c,x,u,g,b,m,y=e.button(s||(s=n(["\n  border: none;\n  background: none;\n  cursor: pointer;\n  transform: rotate(",");\n  transition:\n    transform 0.2s ease-in-out,\n    color 0.2s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9aa4b2;\n"],["\n  border: none;\n  background: none;\n  cursor: pointer;\n  transform: rotate(",");\n  transition:\n    transform 0.2s ease-in-out,\n    color 0.2s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9aa4b2;\n"])),function(n){return n.$isOpen?"270deg":"180deg"}),h=e.div(d||(d=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  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: ",";\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  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){return n.$padding||"16px 14px"},function(n){return n.$borderRadius},function(n){return n.$isCompleted?"0.8":"1"},y),v=e.div(p||(p=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"]))),w=e.div(c||(c=n(["\n  ","\n\n  ","\n\n  ","\n"],["\n  ","\n\n  ","\n\n  ","\n"])),t,function(e){return e.$iconType===r.ILLUSTRATION&&o(l||(l=n(["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "],["\n      border-radius: 40px;\n      background: #f6f6f6;\n    "])))},function(e){return e.$iconType===r.NORMAL&&o(f||(f=n(["\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        color: #4b5565;\n      }\n    "],["\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        color: #4b5565;\n      }\n    "])))}),$=e.div(x||(x=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"]))),k=e.div(u||(u=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),i),O=e.div(g||(g=n(["\n  color: #364152;\n  ","\n"],["\n  color: #364152;\n  ","\n"])),a),j=e.div(b||(b=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"}),T=e.div(m||(m=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:\n    opacity 300ms ease-in-out,\n    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:\n    opacity 300ms ease-in-out,\n    padding-top 300ms ease-in-out;\n"])),a,function(n){return n.$isOpen?"20px":"0px"},function(n){return n.$isOpen?1:0});export{T as AccordionInner,j as AccordionWrapper,y as ArrowButton,h as Container,$ as Content,O as Description,v as Header,w as IconWrapper,k as Title};

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

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

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

@@ -12,11 +12,15 @@ 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>;
 export declare const DescriptionText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TimelineContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TimelineItem: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TimelineLine: import("styled-components").StyledComponent<"div", any, {
+    $connectionType: "solid-dark" | "split" | "solid-light";
+    $topGap: boolean;
+    $bottomGap: boolean;
     $isLast: boolean;
 }, never>;
 export declare const TimelineContent: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e,{css as o}from"styled-components";import{textMDMedium as i,textSM as t,textSMMedium as r,textSMSemiBold as d}from"../../components/style/typography.js";var a,p,l,c,x,f,s,g,u,b,h,m,y,v,k,w,B,j,$,z,A,C,G,E,R,F=e.div(a||(a=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=e.div(p||(p=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"]))),_=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"])),i),q=e.button(c||(c=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"]))),D=e.div(x||(x=n(["\n  padding: 20px 16px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  flex: 1;\n"],["\n  padding: 20px 16px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  flex: 1;\n"]))),H=e.div(f||(f=n(["\n  display: flex;\n  width: 100%;\n  padding: 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  border-radius: ",";\n  border: 1px solid var(--Gray-Blue-100, #eef2f6);\n  background: var(--Basic-50, #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  box-sizing: border-box;\n"],["\n  display: flex;\n  width: 100%;\n  padding: 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  border-radius: ",";\n  border: 1px solid var(--Gray-Blue-100, #eef2f6);\n  background: var(--Basic-50, #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  box-sizing: border-box;\n"])),function(n){var e=n.$borderRadius;return"".concat(e,"px")}),I=e.div(s||(s=n(["\n  ","\n  color: #4B5565;\n  text-align: center;\n"],["\n  ","\n  color: #4B5565;\n  text-align: center;\n"])),t),J=e.div(g||(g=n(["\n  ","\n  color: #121926;\n  margin-top: 2px;\n  text-align: center;\n"],["\n  ","\n  color: #121926;\n  margin-top: 2px;\n  text-align: center;\n"])),i),K=e.div(u||(u=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"]))),M=e.div(b||(b=n(["\n  width: ","%;\n  height: 100%;\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  transition: width 0.3s ease-in-out;\n"],["\n  width: ","%;\n  height: 100%;\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  transition: width 0.3s ease-in-out;\n"])),function(n){return n.$percentage},function(n){return n.$color||"#4F46E5"}),N=e.div(h||(h=n(["\n  color: #4b5565;\n  text-align: center;\n  ","\n"],["\n  color: #4b5565;\n  text-align: center;\n  ","\n"])),t),O=e.div(m||(m=n(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0 6px;\n  box-sizing: border-box;\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0 6px;\n  box-sizing: border-box;\n"]))),P=e.div(y||(y=n(["\n  display: flex;\n  gap: 16px;\n  position: relative;\n  padding-bottom: 32px;\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"],["\n  display: flex;\n  gap: 16px;\n  position: relative;\n  padding-bottom: 32px;\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"]))),Q=e.div(v||(v=n(["\n  position: absolute;\n  left: 10px; /* Center of the 20px icon */\n  top: 26px;\n  bottom: 0;\n  width: 1px;\n  background-color: #9aa4b2;\n  display: ",";\n"],["\n  position: absolute;\n  left: 10px; /* Center of the 20px icon */\n  top: 26px;\n  bottom: 0;\n  width: 1px;\n  background-color: #9aa4b2;\n  display: ",";\n"])),function(n){return n.$isLast?"none":"block"}),S=e.div(k||(k=n(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n"]))),T=e.div(B||(B=n(["\n  ","\n  color: ",";\n\n  ","\n"],["\n  ","\n  color: ",";\n\n  ","\n"])),r,function(n){return"completed"===n.$status?"#697586":"#121926"},function(e){return"completed"===e.$status&&o(w||(w=n(["\n      text-decoration-line: line-through;\n    "],["\n      text-decoration-line: line-through;\n    "])))}),U=e.div($||($=n(["\n  ","\n  margin-top: 2px;\n  color: ","; /* Current #4B5565. Completed #9AA4B2 */\n\n  ","\n"],["\n  ","\n  margin-top: 2px;\n  color: ","; /* Current #4B5565. Completed #9AA4B2 */\n\n  ","\n"])),t,function(n){return"completed"===n.$status?"#9AA4B2":"#4B5565"},function(e){return"completed"===e.$status&&o(j||(j=n(["\n      text-decoration-line: line-through;\n    "],["\n      text-decoration-line: line-through;\n    "])))}),V=e.div(z||(z=n(["\n  padding: 8px 16px;\n  align-self: stretch;\n  border-radius: ",";\n  background: var(--Gray-Blue-50, #f8fafc);\n  margin-top: 12px;\n  ","\n  color: #4B5565;\n"],["\n  padding: 8px 16px;\n  align-self: stretch;\n  border-radius: ",";\n  background: var(--Gray-Blue-50, #f8fafc);\n  margin-top: 12px;\n  ","\n  color: #4B5565;\n"])),function(n){var e=n.$borderRadius;return"".concat(e,"px")},t),W=e.span(A||(A=n(["\n  ","\n  color: #5864E2;\n"],["\n  ","\n  color: #5864E2;\n"])),d),X=e.div(C||(C=n(["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  background: rgba(73, 90, 255, 0.1);\n\n  svg {\n    color: #495aff;\n  }\n"],["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  background: rgba(73, 90, 255, 0.1);\n\n  svg {\n    color: #495aff;\n  }\n"]))),Y=e.div(G||(G=n(["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  border: 0.8px solid #5864e2;\n  background: #fff;\n"],["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  border: 0.8px solid #5864e2;\n  background: #fff;\n"]))),Z=e.div(E||(E=n(["\n  width: 10px;\n  height: 10px;\n  flex-shrink: 0;\n\n  border-radius: 5px;\n  background: #5864e2;\n"],["\n  width: 10px;\n  height: 10px;\n  flex-shrink: 0;\n\n  border-radius: 5px;\n  background: #5864e2;\n"]))),nn=e.div(R||(R=n(["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  border-radius: 10px;\n  background: rgba(73, 90, 255, 0.1);\n"],["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  border-radius: 10px;\n  background: rgba(73, 90, 255, 0.1);\n"])));export{X as CheckIconContainer,F as Container,D as Content,Y as CurrentIndicator,Z as CurrentIndicatorDot,N as DescriptionText,L as Header,q as IconButton,V as MultiplierSection,W as MultiplierValue,H as PointsSection,I as PointsText,J as PointsValue,K as ProgressBarContainer,M as ProgressBarFill,O as TimelineContainer,S as TimelineContent,U as TimelineDescription,P as TimelineItem,Q as TimelineLine,T as TimelineTitle,_ as Title,nn as UpcomingIndicator};
+import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e,{css as i}from"styled-components";import{textMDMedium as t,textSM as o,textSMMedium as r,textSMSemiBold as d}from"../../components/style/typography.js";var a,p,l,x,c,f,s,g,u,b,h,m,y,v,w,k,B,j,z,$,A,E,G,C,F,R=e.div(a||(a=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=e.div(p||(p=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"]))),T=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"])),t),_=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"]))),q=e.div(c||(c=n(["\n  padding: 20px 16px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  flex: 1;\n"],["\n  padding: 20px 16px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  flex: 1;\n"]))),D=e.div(f||(f=n(["\n  display: flex;\n  width: 100%;\n  padding: 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  border-radius: ",";\n  border: 1px solid var(--Gray-Blue-100, #eef2f6);\n  background: var(--Basic-50, #fff);\n  box-shadow:\n    0 7px 2px 0 rgba(0, 0, 0, 0),\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  box-sizing: border-box;\n"],["\n  display: flex;\n  width: 100%;\n  padding: 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  border-radius: ",";\n  border: 1px solid var(--Gray-Blue-100, #eef2f6);\n  background: var(--Basic-50, #fff);\n  box-shadow:\n    0 7px 2px 0 rgba(0, 0, 0, 0),\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  box-sizing: border-box;\n"])),function(n){var e=n.$borderRadius;return"".concat(e,"px")}),H=e.div(s||(s=n(["\n  ","\n  color: #4B5565;\n  text-align: center;\n"],["\n  ","\n  color: #4B5565;\n  text-align: center;\n"])),o),I=e.div(g||(g=n(["\n  ","\n  color: #121926;\n  margin-top: 2px;\n  text-align: center;\n"],["\n  ","\n  color: #121926;\n  margin-top: 2px;\n  text-align: center;\n"])),t),J=e.div(u||(u=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"]))),K=e.div(b||(b=n(["\n  width: ","%;\n  height: 100%;\n  border-radius: 4px;\n  background: ",";\n  transition: width 0.3s ease-in-out;\n"],["\n  width: ","%;\n  height: 100%;\n  border-radius: 4px;\n  background: ",";\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"}),M=e.div(h||(h=n(["\n  color: #4b5565;\n  text-align: center;\n  ","\n"],["\n  color: #4b5565;\n  text-align: center;\n  ","\n"])),o),N=e.div(m||(m=n(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0 6px;\n  box-sizing: border-box;\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0 6px;\n  box-sizing: border-box;\n"]))),O=e.div(y||(y=n(["\n  display: flex;\n  gap: 16px;\n  position: relative;\n  padding-bottom: 48px;\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"],["\n  display: flex;\n  gap: 16px;\n  position: relative;\n  padding-bottom: 48px;\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"]))),P=e.div(v||(v=n(["\n  position: absolute;\n  left: 10px; /* Center of the 20px icon */\n  top: ",";\n  bottom: ",";\n  width: 1px;\n  display: ",";\n  background: ",";\n"],["\n  position: absolute;\n  left: 10px; /* Center of the 20px icon */\n  top: ",";\n  bottom: ",";\n  width: 1px;\n  display: ",";\n  background: ",";\n"])),function(n){return n.$topGap?"26px":"20px"},function(n){return n.$bottomGap?"6px":"0"},function(n){return n.$isLast?"none":"block"},function(n){switch(n.$connectionType){case"solid-dark":return"#9AA4B2";case"solid-light":default:return"#E3E8EF";case"split":return"linear-gradient(to bottom, #9AA4B2 50%, #E3E8EF 50%)"}}),Q=e.div(w||(w=n(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n"]))),S=e.div(B||(B=n(["\n  ","\n  color: ",";\n\n  ","\n"],["\n  ","\n  color: ",";\n\n  ","\n"])),r,function(n){return"completed"===n.$status?"#697586":"#121926"},function(e){return"completed"===e.$status&&i(k||(k=n(["\n      text-decoration-line: line-through;\n    "],["\n      text-decoration-line: line-through;\n    "])))}),U=e.div(z||(z=n(["\n  ","\n  margin-top: 2px;\n  color: ","; /* Current #4B5565. Completed #9AA4B2 */\n\n  ","\n"],["\n  ","\n  margin-top: 2px;\n  color: ","; /* Current #4B5565. Completed #9AA4B2 */\n\n  ","\n"])),o,function(n){return"completed"===n.$status?"#9AA4B2":"#4B5565"},function(e){return"completed"===e.$status&&i(j||(j=n(["\n      text-decoration-line: line-through;\n    "],["\n      text-decoration-line: line-through;\n    "])))}),V=e.div($||($=n(["\n  padding: 8px 16px;\n  align-self: stretch;\n  border-radius: ",";\n  background: var(--Gray-Blue-50, #f8fafc);\n  margin-top: 12px;\n  ","\n  color: #4B5565;\n"],["\n  padding: 8px 16px;\n  align-self: stretch;\n  border-radius: ",";\n  background: var(--Gray-Blue-50, #f8fafc);\n  margin-top: 12px;\n  ","\n  color: #4B5565;\n"])),function(n){var e=n.$borderRadius;return"".concat(e,"px")},o),W=e.span(A||(A=n(["\n  ","\n  color: #121926;\n"],["\n  ","\n  color: #121926;\n"])),d),X=e.div(E||(E=n(["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  background: #eef2f6;\n  z-index: 2;\n\n  svg {\n    width: 14px;\n    height: 14px;\n    color: #121926;\n  }\n"],["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  background: #eef2f6;\n  z-index: 2;\n\n  svg {\n    width: 14px;\n    height: 14px;\n    color: #121926;\n  }\n"]))),Y=e.div(G||(G=n(["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  border: 0.8px solid #121926;\n  background: #fff;\n  z-index: 2;\n  box-sizing: border-box;\n"],["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-radius: 10px;\n  border: 0.8px solid #121926;\n  background: #fff;\n  z-index: 2;\n  box-sizing: border-box;\n"]))),Z=e.div(C||(C=n(["\n  width: 10px;\n  height: 10px;\n  flex-shrink: 0;\n\n  border-radius: 5px;\n  background: #121926;\n"],["\n  width: 10px;\n  height: 10px;\n  flex-shrink: 0;\n\n  border-radius: 5px;\n  background: #121926;\n"]))),nn=e.div(F||(F=n(["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  border-radius: 10px;\n  background: #eef2f6;\n  z-index: 2;\n"],["\n  display: flex;\n  width: 20px;\n  height: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  border-radius: 10px;\n  background: #eef2f6;\n  z-index: 2;\n"])));export{X as CheckIconContainer,R as Container,q as Content,Y as CurrentIndicator,Z as CurrentIndicatorDot,M as DescriptionText,L as Header,_ as IconButton,V as MultiplierSection,W as MultiplierValue,D as PointsSection,H as PointsText,I as PointsValue,J as ProgressBarContainer,K as ProgressBarFill,N as TimelineContainer,Q as TimelineContent,U as TimelineDescription,O as TimelineItem,P as TimelineLine,S as TimelineTitle,T as Title,nn as UpcomingIndicator};

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/header/user-logged-section/index.js

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

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

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

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

@@ -1,4 +1,5 @@
 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, {
@@ -13,4 +14,3 @@ export declare const Title: import("styled-components").StyledComponent<"span",
 export declare const RowCard: import("styled-components").StyledComponent<"button", any, {
     $borderRadius: number;
 }, never>;
-export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../ext/tslib/tslib.es6.mjs.js';import t,{css as o}from"styled-components";import{WidgetPositionEnum as i,LoyaltyWidgetLayoutTypeEnum as 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,c,f,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(i?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          "])):c||(c=n(["\n            position: absolute;\n            top: 0;\n            left: 0;\n            height: 100%;\n          "],["\n            position: absolute;\n            top: 0;\n            left: 0;\n            height: 100%;\n          "]))),r?o(f||(f=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};
+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/locales/en.json.js

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

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

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