npm - @ikas/loyalty-widget-renderer - Versions diffs - 1.0.0-alpha.2 → 1.0.0-alpha.21 - Mend

@ikas/loyalty-widget-renderer 1.0.0-alpha.2 → 1.0.0-alpha.21

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

Files changed (99) hide show

package/build/renderer/index.js CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e,{css as o}from~~'./../../../ext/~~styled-components~~/dist/styled-components.browser.esm.js'~~;import{textMDMedium as i,textSM as t,textSMMedium as r,textSMSemiBold as d}from"../../components/style/typography.js";var a,p,l,x,c,s,f,g,u,b,h,m,y,v,k,w,j,B,$,z,A,C,G,E,_,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"]))),q=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),D=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"]))),H=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"]))),I=e.div(s\|\|(s=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: 6px;\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: 6px;\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"]))),J=e.div(f\|\|(f=n(["\n ","\n color: #4B5565;\n text-align: center;\n"],["\n ","\n color: #4B5565;\n text-align: center;\n"])),t),K=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),M=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"]))),N=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"}),O=e.div(h\|\|(h=n(["\n color: #4b5565;\n text-align: center;\n ","\n"],["\n color: #4b5565;\n text-align: center;\n ","\n"])),t),P=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"]))),Q=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"]))),R=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(j\|\|(j=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(B\|\|(B=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: 6px;\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: 6px;\n background: var(--Gray-Blue-50, #f8fafc);\n margin-top: 12px;\n ","\n color: #4B5565;\n"])),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(_\|\|(_=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,H as Content,Y as CurrentIndicator,Z as CurrentIndicatorDot,O as DescriptionText,L as Header,D as IconButton,V as MultiplierSection,W as MultiplierValue,I as PointsSection,J as PointsText,K as PointsValue,M as ProgressBarContainer,N as ProgressBarFill,P as TimelineContainer,S as TimelineContent,U as TimelineDescription,Q as TimelineItem,R as TimelineLine,T as TimelineTitle,q as Title,nn as UpcomingIndicator};
1	+ import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e,{css as i}from"styled-components";import{textMDMedium as o,textSM as t,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,k,w,B,j,$,z,A,C,G,E,F,L=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"]))),_=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"]))),q=e.div(l\|\|(l=n(["\n ","\n color: #121926;\n text-align: center;\n flex: 1;\n"],["\n ","\n color: #121926;\n text-align: center;\n flex: 1;\n"])),o),D=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"]))),H=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"]))),I=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: 6px;\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: 6px;\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"]))),J=e.div(s\|\|(s=n(["\n ","\n color: #4B5565;\n text-align: center;\n"],["\n ","\n color: #4B5565;\n text-align: center;\n"])),t),K=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"])),o),M=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"]))),N=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"}),O=e.div(h\|\|(h=n(["\n color: #4b5565;\n text-align: center;\n ","\n"],["\n color: #4b5565;\n text-align: center;\n ","\n"])),t),P=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"]))),Q=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"]))),R=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&&i(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&&i(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: 6px;\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: 6px;\n background: var(--Gray-Blue-50, #f8fafc);\n margin-top: 12px;\n ","\n color: #4B5565;\n"])),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(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: 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,L as Container,H as Content,Y as CurrentIndicator,Z as CurrentIndicatorDot,O as DescriptionText,_ as Header,D as IconButton,V as MultiplierSection,W as MultiplierValue,I as PointsSection,J as PointsText,K as PointsValue,M as ProgressBarContainer,N as ProgressBarFill,P as TimelineContainer,S as TimelineContent,U as TimelineDescription,Q as TimelineItem,R as TimelineLine,T as TimelineTitle,q as Title,nn as UpcomingIndicator};

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

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

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

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

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

	@@ -1 +1 @@
1	- import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import e from~~'./../../../../../ext/~~styled-components~~/dist/styled-components.browser.esm.js'~~;import{textSM as o}from"../../../../components/style/typography.js";var i,t,l,p,r,c,s,x=e.div(i\|\|(i=n(["\n display: flex;\n flex-direction: column;\n padding: 20px 16px;\n gap: 32px;\n align-items: center;\n"],["\n display: flex;\n flex-direction: column;\n padding: 20px 16px;\n gap: 32px;\n align-items: center;\n"]))),a=e.div(t\|\|(t=n(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"]))),d=e.div(l\|\|(l=n(["\n color: #121926;\n text-align: center;\n\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n"],["\n color: #121926;\n text-align: center;\n\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n"]))),f=e.div(p\|\|(p=n(["\n color: #4b5565;\n text-align: center;\n ","\n"],["\n color: #4b5565;\n text-align: center;\n ","\n"])),o),g=e.div(r\|\|(r=n(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"]))),m=e.span(c\|\|(c=n(["\n color: #4b5565;\n text-align: center;\n ","\n"],["\n color: #4b5565;\n text-align: center;\n ","\n"])),o),y=e.div(s\|\|(s=n(["\n display: inline-block;\n cursor: pointer;\n color: #14141a;\n font-weight: 500;\n"],["\n display: inline-block;\n cursor: pointer;\n color: #14141a;\n font-weight: 500;\n"])));export{g as Actions,x as Container,m as HaveAccount,y as Link,f as RegisterDescription,d as RegisterText,a as TitleSection};
1	+ import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import e from"styled-components";import{textSM as i}from"../../../../components/style/typography.js";var o,l,t,p,r,c,x,a=e.div(o\|\|(o=n(["\n display: flex;\n flex-direction: column;\n padding: 20px 16px;\n gap: 32px;\n align-items: center;\n"],["\n display: flex;\n flex-direction: column;\n padding: 20px 16px;\n gap: 32px;\n align-items: center;\n"]))),s=e.div(l\|\|(l=n(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"]))),d=e.div(t\|\|(t=n(["\n color: #121926;\n text-align: center;\n\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n"],["\n color: #121926;\n text-align: center;\n\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n"]))),f=e.div(p\|\|(p=n(["\n color: #4b5565;\n text-align: center;\n ","\n"],["\n color: #4b5565;\n text-align: center;\n ","\n"])),i),g=e.div(r\|\|(r=n(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"]))),m=e.span(c\|\|(c=n(["\n color: #4b5565;\n text-align: center;\n ","\n"],["\n color: #4b5565;\n text-align: center;\n ","\n"])),i),y=e.div(x\|\|(x=n(["\n display: inline-block;\n cursor: pointer;\n color: #14141a;\n font-weight: 500;\n"],["\n display: inline-block;\n cursor: pointer;\n color: #14141a;\n font-weight: 500;\n"])));export{g as Actions,a as Container,m as HaveAccount,y as Link,f as RegisterDescription,d as RegisterText,s as TitleSection};

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import e from~~'./../../../../../ext/~~styled-components~~/dist/styled-components.browser.esm.js'~~;import{textSM as i,displayXSSemiBold as r,textLGSemiBold as a}from"../../../../components/style/typography.js";var t=e.div(b\|\|(b=n(["\n display: flex;\n flex-direction: column;\n padding: 16px;\n gap: 20px;\n width: 100%;\n box-sizing: border-box;\n"],["\n display: flex;\n flex-direction: column;\n padding: 16px;\n gap: 20px;\n width: 100%;\n box-sizing: border-box;\n"]))),d=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"]))),p=e.div(u\|\|(u=n(["\n display: flex;\n gap: 16px;\n align-items: center;\n"],["\n display: flex;\n gap: 16px;\n align-items: center;\n"]))),o=e.div(m\|\|(m=n([""],[""]))),x=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"]))),s=e.div(v\|\|(v=n(["\n color: #121926;\n text-align: center;\n ","\n"],["\n color: #121926;\n text-align: center;\n ","\n"])),i),l=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(j\|\|(j=n(["\n color: #121926;\n ","\n"],["\n color: #121926;\n ","\n"])),r),f=e.span(k\|\|(k=n(["\n color: #9aa4b2;\n ","\n"],["\n color: #9aa4b2;\n ","\n"])),a),c=e.div(B\|\|(B=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,j,k,B,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(_\|\|(_=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(E\|\|(E=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,t as Container,g as CurrentPoints,s as Label,p as LeftSection,F as LevelBadge,x as PointsContainer,l as PointsValue,A as ProgressBarContainer,C as ProgressBarFill,o as RightSection,d as TopRow,f as TotalPoints};
1	+ import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import e from"styled-components";import{textSM as i,displayXSSemiBold as 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};

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

	@@ -1 +1 @@
1	- import e from"react";import{observer as t}from"mobx-react";import'./../../../ext/~~i18next/dist/esm/i18next.js';import'./../../../ext/~~react-i18next/dist/es/context.js';import~~'./../../../ext/react-i18next/dist/es/IcuTransUtils/htmlEntityDecoder.js';import~~{useTranslation as o}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import n from"./header/index.js";import r from"../../components/section-title/index.js";import i from"./earning-methods-section/index.js";import m from"./spending-methods-section/index.js";import s from"./program-info-section/index.js";import{Container as a,Content as l,Section as d}from"./style.js";import{CARD_OVERLAP_TOP as c}from"./header/style.js";import{EarningMethodTypeEnum as p}from"../../../models/types/index.js";import{ImageTypeEnum as u}from"../../../models/loyalty-widget/types/index.js";var f=t(function(t){var f=t.viewModel,g=t.onClose,x=t.onNavigate,h=o().t,E=e.useState(0),T=E[0],y=E[1],j=e.useState(56),v=j[0],M=j[1],_=Math.max(T-c+32,32),C=f.user,S=f.spendingMethods.length>0,w=!!C&&S;return e.createElement(a,null,e.createElement(n,{viewModel:f,onClose:g,onCardHeightChange:y,headerGap:v}),e.createElement(l,{$topPadding:_,onScroll:function(e){var t=f.loyaltyWidget.header.logo;if(t.type===u.SHOW&&t.src){var o=e.currentTarget.scrollTop,n=Math.max(16,56-o);M(n)}}},e.createElement(d,null,e.createElement(r,{style:{paddingTop:0}},h(w?"main_screen.spendingMethodsTitle":"main_screen.earningMethodsTitle")),w?e.createElement(m,{viewModel:f,mode:"card",getActionProps:function(e){return null}}):e.createElement(i,{viewModel:f,getActionProps:function(e){return e.methodType===p.CUSTOMER_REGISTER?{actionText:h("common.create"),onClick:function(){}}:e.methodType===p.ENABLE_SUBSCRIPTION?{actionText:h("common.allow"),onClick:function(){}}:null}})),e.createElement(d,null,e.createElement(r,{style:{paddingTop:0}},h("main_screen.programInfoTitle")),e.createElement(s,{viewModel:f,onNavigate:x}))))});export{f as default};
1	+ import e from"react";import{observer as t}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as o}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import n from"./header/index.js";import r from"../../components/section-title/index.js";import i from"./earning-methods-section/index.js";import a from"./spending-methods-section/index.js";import m from"./program-info-section/index.js";import{Container as l,Content as s,Section as d}from"./style.js";import{CARD_OVERLAP_TOP as c}from"./header/style.js";import{EarningMethodTypeEnum as p}from"../../../models/types/index.js";import{ImageTypeEnum as g}from"../../../models/loyalty-widget/types/index.js";var f=t(function(t){var f=t.viewModel,u=t.onClose,h=t.onNavigate,x=o().t,E=e.useState(0),T=E[0],y=E[1],M=e.useState(56),j=M[0],v=M[1],C=Math.max(T-c+32,32),S=f.user,w=f.spendingMethods.length>0,_=!!S&&w,I=f.earningMethods.length>0,N=_\|\|I;return e.createElement(l,null,e.createElement(n,{viewModel:f,onClose:u,onCardHeightChange:y,headerGap:j}),e.createElement(s,{$topPadding:C,onScroll:function(e){var t=f.loyaltyWidget.header.logo;if(t.type===g.SHOW&&t.src){var o=e.currentTarget.scrollTop,n=Math.max(16,56-o);v(n)}}},N&&e.createElement(d,null,e.createElement(r,{style:{paddingTop:0}},x(_?"main_screen.spendingMethodsTitle":"main_screen.earningMethodsTitle")),_?e.createElement(a,{viewModel:f,mode:"card",getActionProps:function(e){return null}}):e.createElement(i,{viewModel:f,getActionProps:function(e){return e.methodType===p.CUSTOMER_REGISTER?{actionText:x("common.create"),onClick:function(){}}:e.methodType===p.ENABLE_SUBSCRIPTION?{actionText:x("common.allow"),onClick:function(){}}:null}})),e.createElement(d,null,e.createElement(r,{style:{paddingTop:0}},x("main_screen.programInfoTitle")),e.createElement(m,{viewModel:f,onNavigate:h}))))});export{f as default};

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,6 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    $position?: "fixed" | "absolute";
+}, never>;
 export declare const Drawer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ScreenWrapper: import("styled-components").StyledComponent<"div", any, {
     $isActive: boolean;

package/build/renderer/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__makeTemplateObject as n}from'./../ext/tslib/tslib.es6.mjs.js';import o,{css as t}from~~'./../ext/~~styled-components~~/dist/styled-components.browser.esm.js'~~;var i,r,e,s,f,a=o.div(i\|\|(i=n(["\n position: ~~fixed~~;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n width: 100%;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9999;\n"],["\n position: ~~fixed~~;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n width: 100%;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9999;\n"]))),d=o.div(r\|\|(r=n(["\n position: absolute;\n top: 0;\n right: 0;\n ~~width: 520px;\n max-width: 100%;\n~~ height: 100%;\n background-color: #ffffff;\n \n overflow-x: hidden;\n box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n"],["\n position: absolute;\n top: 0;\n right: 0;\n ~~width: 520px;\n max-width: 100%;\n~~ height: 100%;\n background-color: #ffffff;\n \n overflow-x: hidden;\n box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n"]))),h=o.div(f\|\|(f=n(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #ffffff;\n transition: transform 0.3s ease-in-out;\n overflow-y: auto;\n\n ","\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #ffffff;\n transition: transform 0.3s ease-in-out;\n overflow-y: auto;\n\n ","\n"])),function(o){var i=o.$isActive;return o.$isMain?t(e\|\|(e=n(["\n transform: translateX(",");\n z-index: 1;\n "],["\n transform: translateX(",");\n z-index: 1;\n "])),i?"0%":"-100%"):t(s\|\|(s=n(["\n transform: translateX(",");\n z-index: 2;\n "],["\n transform: translateX(",");\n z-index: 2;\n "])),i?"0%":"100%")});export{a as Container,d as Drawer,h as ScreenWrapper};
1	+ import{__makeTemplateObject as n}from'./../ext/tslib/tslib.es6.mjs.js';import o,{css as t}from"styled-components";var i,r,e,f,a,s=o.div(i\|\|(i=n(["\n position: ",";\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n width: 100%;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9999;\n"],["\n position: ",";\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n width: 100%;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9999;\n"])),function(n){return n.$position\|\|"fixed"}),d=o.div(r\|\|(r=n(["\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background-color: #ffffff;\n \n overflow-x: hidden;\n box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n\n width: 100%;\n @media (min-width: 381px) {\n width: 380px;\n }\n"],["\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background-color: #ffffff;\n \n overflow-x: hidden;\n box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n\n width: 100%;\n @media (min-width: 381px) {\n width: 380px;\n }\n"]))),h=o.div(a\|\|(a=n(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #ffffff;\n transition: transform 0.3s ease-in-out;\n overflow-y: auto;\n\n ","\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #ffffff;\n transition: transform 0.3s ease-in-out;\n overflow-y: auto;\n\n ","\n"])),function(o){var i=o.$isActive;return o.$isMain?t(e\|\|(e=n(["\n transform: translateX(",");\n z-index: 1;\n "],["\n transform: translateX(",");\n z-index: 1;\n "])),i?"0%":"-100%"):t(f\|\|(f=n(["\n transform: translateX(",");\n z-index: 2;\n "],["\n transform: translateX(",");\n z-index: 2;\n "])),i?"0%":"100%")});export{s as Container,d as Drawer,h as ScreenWrapper};

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

@@ -1,2 +1,2 @@
-import i18n from "i18next";
-export default i18n;
+declare const i18nInstance: import("i18next").i18n;
+export default i18nInstance;

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

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

package/build/utils.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__makeTemplateObject as e}from'./ext/tslib/tslib.es6.mjs.js';import t from"react";import{EarningMethodTypeEnum as n,LoyaltyProgramPointEarningTypeEnum as s,LoyaltyProgramMethodSpendingTypeEnum as r}from"./models/types/index.js";import{BubbleChatDone as o}from"./assets/widget-icons/normal/bubbleChatDone.js";import{CommentAdd01 as i}from"./assets/widget-icons/normal/commentAdd01.js";import{CouponPercent as l}from"./assets/widget-icons/normal/couponPercent.js";import{DiscountTag02 as a}from"./assets/widget-icons/normal/discountTag02.js";import{Gift as E}from"./assets/widget-icons/normal/gift.js";import{PackageDelivered as d}from"./assets/widget-icons/normal/packageDelivered.js";import{SaveMoneyDollar as m}from"./assets/widget-icons/normal/saveMoneyDollar.js";import{ShoppingBasketAdd02 as c}from"./assets/widget-icons/normal/shoppingBasketAdd02.js";import{UserAdd01 as u}from"./assets/widget-icons/normal/userAdd01.js";import{UsersIllustration as p}from"./assets/widget-icons/illustraions/usersIllustration.js";import{BubbleChatIllustration as R}from"./assets/widget-icons/illustraions/bubbleChatIllustration.js";import{ApprovedChatIllustration as T}from"./assets/widget-icons/illustraions/approvedChatIllustration.js";import{TshirtIllustration as g}from"./assets/widget-icons/illustraions/tshirtIllustration.js";import{GiftIllustration as f}from"./assets/widget-icons/illustraions/giftIllustration.js";import{ShippingBox as I}from"./assets/widget-icons/illustraions/shippingBox.js";import{ShoppingCartIllustration as _}from"./assets/widget-icons/illustraions/shoppingCartIllustration.js";import{WidgetIconTypeEnum as O}from"./models/loyalty-widget/types/index.js";import S from'./ext/i18next/dist/esm/i18next.js';import{BankCoin as M}from"./assets/widget-icons/illustraions/bankCoin.js";import'./ext/react-i18next/dist/es/context.js';import~~'./ext/react-i18next/dist/es/IcuTransUtils/htmlEntityDecoder.js';import~~{useTranslation as C}from'./ext/react-i18next/dist/es/useTranslation.js';import{textSM as U}from"./renderer/components/style/typography.js";import N from~~'./ext/~~styled-components~~/dist/styled-components.browser.esm.js'~~;var A,j,x,h,y,D,P=((A={})[O.ILLUSTRATION]=((j={})[n.CUSTOMER_REGISTER]=t.createElement(p,null),j[n.ENABLE_SUBSCRIPTION]=t.createElement(T,null),j[n.BUY_PRODUCT]=t.createElement(g,null),j[n.CUSTOMER_REVIEW]=t.createElement(R,null),j[n.CUSTOMER_SEGMENT]=t.createElement(l,null),j[n.ORDER_CREATE]=t.createElement(_,null),j),A[O.NORMAL]=((x={})[n.CUSTOMER_REGISTER]=t.createElement(u,null),x[n.ENABLE_SUBSCRIPTION]=t.createElement(o,null),x[n.BUY_PRODUCT]=t.createElement(m,null),x[n.CUSTOMER_REVIEW]=t.createElement(i,null),x[n.CUSTOMER_SEGMENT]=t.createElement(l,null),x[n.ORDER_CREATE]=t.createElement(c,null),x),A),w=function(e,t){return P[t][e]},b=function(e){var t=C().t;switch(e.methodType){case n.CUSTOMER_REGISTER:return t("earningMethods.CUSTOMER_REGISTER.title");case n.ENABLE_SUBSCRIPTION:return t("earningMethods.ENABLE_SUBSCRIPTION.title");case n.CUSTOMER_REVIEW:return t("earningMethods.CUSTOMER_REVIEW.title");case n.ORDER_CREATE:if(e.pointEarningType===s.DYNAMIC_ORDER_AMOUNT)return t("earningMethods.ORDER_CREATE.RECEIVE_POINTS_ON_SPEND.title");if(e.pointEarningType===s.STATIC)return t("earningMethods.ORDER_CREATE.BASE.title");case n.BUY_PRODUCT:return t("earningMethods.BUY_PRODUCT.title");case n.CUSTOMER_SEGMENT:return t("earningMethods.CUSTOMER_SEGMENT.title");default:return""}},v=function(e,n){var s,o,i;return n===O.NONE?null:((s={})[O.ILLUSTRATION]=((o={})[r.FIXED_AMOUNT]=t.createElement(M,null),o[r.RATIO]=t.createElement(M,null),o[r.FREE_PRODUCT]=t.createElement(f,null),o[r.FREE_SHIPPING]=t.createElement(I,null),o),s[O.NORMAL]=((i={})[r.FIXED_AMOUNT]=t.createElement(a,null),i[r.RATIO]=t.createElement(a,null),i[r.FREE_PRODUCT]=t.createElement(E,null),i[r.FREE_SHIPPING]=t.createElement(d,null),i),s)[n][e]},B=function(e){var t=C().t,n=S.language,s=e.translations.find(function(e){return e.locale===n});if(null==s?void 0:s.description)return s.description;if(e.description)return e.description;switch(e.type){case r.FIXED_AMOUNT:return t("spendingMethods.FIXED_AMOUNT.title");case r.RATIO:return t("spendingMethods.RATIO.title");case r.FREE_SHIPPING:return t("spendingMethods.FREE_SHIPPING.title");case r.FREE_PRODUCT:return t("spendingMethods.FREE_PRODUCT.title");default:return""}},F=N.span(h\|\|(h=e(["\n display: flex;\n padding: 2px 8px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n border-radius: 6px;\n border: 0.6px solid #cdd5df;\n opacity: 0.8;\n background: #f8fafc;\n ","\n color: #121926;\n"],["\n display: flex;\n padding: 2px 8px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n border-radius: 6px;\n border: 0.6px solid #cdd5df;\n opacity: 0.8;\n background: #f8fafc;\n ","\n color: #121926;\n"])),U),G=N.span(y\|\|(y=e(["\n ","\n color: #364152;\n"],["\n ","\n color: #364152;\n"])),U),L=N.span(D\|\|(D=e(["\n color: #697586;\n"],["\n color: #697586;\n"]))),k=function(e,n){var s,o,i=C().t,l=(null===(s=e.discountSettings)\|\|void 0===s?void 0:s.point)\|\|0,a=null===(o=e.discountSettings)\|\|void 0===o?void 0:o.discountAmount,E=function(e,s){return void 0===s&&(s=!1),t.createElement("div",{style:{display:"flex",alignItems:"center",gap:"6px"}},t.createElement(G,null,i("earningMethods.xPoints",{points:l})),t.createElement(L,null,"→"),t.createElement(F,null,e," ",s&&n))};return e.type===r.FIXED_AMOUNT&&a?E(a,!0):e.type===r.RATIO&&a?E("%".concat(a)):i("earningMethods.xPoints",{points:l})};export{w as getEarningMethodIcon,b as getEarningMethodTitle,k as getSpendingMethodDescription,v as getSpendingMethodIcon,B as getSpendingMethodTitle};
1	+ import{__makeTemplateObject as e}from'./ext/tslib/tslib.es6.mjs.js';import t from"react";import{EarningMethodTypeEnum as n,LoyaltyProgramPointEarningTypeEnum as s,LoyaltyProgramMethodSpendingTypeEnum as r}from"./models/types/index.js";import{BubbleChatDone as i}from"./assets/widget-icons/normal/bubbleChatDone.js";import{CommentAdd01 as o}from"./assets/widget-icons/normal/commentAdd01.js";import{CouponPercent as l}from"./assets/widget-icons/normal/couponPercent.js";import{DiscountTag02 as a}from"./assets/widget-icons/normal/discountTag02.js";import{Gift as E}from"./assets/widget-icons/normal/gift.js";import{PackageDelivered as c}from"./assets/widget-icons/normal/packageDelivered.js";import{SaveMoneyDollar as d}from"./assets/widget-icons/normal/saveMoneyDollar.js";import{ShoppingBasketAdd02 as m}from"./assets/widget-icons/normal/shoppingBasketAdd02.js";import{UserAdd01 as u}from"./assets/widget-icons/normal/userAdd01.js";import{UsersIllustration as p}from"./assets/widget-icons/illustraions/usersIllustration.js";import{BubbleChatIllustration as R}from"./assets/widget-icons/illustraions/bubbleChatIllustration.js";import{ApprovedChatIllustration as T}from"./assets/widget-icons/illustraions/approvedChatIllustration.js";import{TshirtIllustration as g}from"./assets/widget-icons/illustraions/tshirtIllustration.js";import{GiftIllustration as f}from"./assets/widget-icons/illustraions/giftIllustration.js";import{ShippingBox as I}from"./assets/widget-icons/illustraions/shippingBox.js";import{ShoppingCartIllustration as O}from"./assets/widget-icons/illustraions/shoppingCartIllustration.js";import{WidgetIconTypeEnum as _}from"./models/loyalty-widget/types/index.js";import S from'./ext/i18next/dist/esm/i18next.js';import{BankCoin as M}from"./assets/widget-icons/illustraions/bankCoin.js";import'./ext/react-i18next/dist/es/context.js';import{useTranslation as C}from'./ext/react-i18next/dist/es/useTranslation.js';import{textSM as U}from"./renderer/components/style/typography.js";import N from"styled-components";var A,j,x,P,h,D,y=((A={})[_.ILLUSTRATION]=((j={})[n.CUSTOMER_REGISTER]=t.createElement(p,null),j[n.ENABLE_SUBSCRIPTION]=t.createElement(T,null),j[n.BUY_PRODUCT]=t.createElement(g,null),j[n.CUSTOMER_REVIEW]=t.createElement(R,null),j[n.CUSTOMER_SEGMENT]=t.createElement(l,null),j[n.ORDER_CREATE]=t.createElement(O,null),j),A[_.NORMAL]=((x={})[n.CUSTOMER_REGISTER]=t.createElement(u,null),x[n.ENABLE_SUBSCRIPTION]=t.createElement(i,null),x[n.BUY_PRODUCT]=t.createElement(d,null),x[n.CUSTOMER_REVIEW]=t.createElement(o,null),x[n.CUSTOMER_SEGMENT]=t.createElement(l,null),x[n.ORDER_CREATE]=t.createElement(m,null),x),A),w=function(e,t){return y[t][e]},b=function(e){var t=C().t;switch(e.methodType){case n.CUSTOMER_REGISTER:return t("earningMethods.CUSTOMER_REGISTER.title");case n.ENABLE_SUBSCRIPTION:return t("earningMethods.ENABLE_SUBSCRIPTION.title");case n.CUSTOMER_REVIEW:return t("earningMethods.CUSTOMER_REVIEW.title");case n.ORDER_CREATE:if(e.pointEarningType===s.DYNAMIC_ORDER_AMOUNT)return t("earningMethods.ORDER_CREATE.RECEIVE_POINTS_ON_SPEND.title");if(e.pointEarningType===s.STATIC)return t("earningMethods.ORDER_CREATE.BASE.title");case n.BUY_PRODUCT:return t("earningMethods.BUY_PRODUCT.title");case n.CUSTOMER_SEGMENT:return t("earningMethods.CUSTOMER_SEGMENT.title");default:return""}},v=function(e,n){var s,i,o;return n===_.NONE?null:((s={})[_.ILLUSTRATION]=((i={})[r.FIXED_AMOUNT]=t.createElement(M,null),i[r.RATIO]=t.createElement(M,null),i[r.FREE_PRODUCT]=t.createElement(f,null),i[r.FREE_SHIPPING]=t.createElement(I,null),i),s[_.NORMAL]=((o={})[r.FIXED_AMOUNT]=t.createElement(a,null),o[r.RATIO]=t.createElement(a,null),o[r.FREE_PRODUCT]=t.createElement(E,null),o[r.FREE_SHIPPING]=t.createElement(c,null),o),s)[n][e]},B=function(e){var t=C().t,n=S.language,s=e.translations.find(function(e){return e.locale===n});if(null==s?void 0:s.description)return s.description;if(e.description)return e.description;switch(e.type){case r.FIXED_AMOUNT:return t("spendingMethods.FIXED_AMOUNT.title");case r.RATIO:return t("spendingMethods.RATIO.title");case r.FREE_SHIPPING:return t("spendingMethods.FREE_SHIPPING.title");case r.FREE_PRODUCT:return t("spendingMethods.FREE_PRODUCT.title");default:return""}},F=N.span(P\|\|(P=e(["\n display: flex;\n padding: 2px 8px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n border-radius: 6px;\n border: 0.6px solid #cdd5df;\n opacity: 0.8;\n background: #f8fafc;\n ","\n color: #121926;\n"],["\n display: flex;\n padding: 2px 8px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n border-radius: 6px;\n border: 0.6px solid #cdd5df;\n opacity: 0.8;\n background: #f8fafc;\n ","\n color: #121926;\n"])),U),G=N.span(h\|\|(h=e(["\n ","\n color: #364152;\n"],["\n ","\n color: #364152;\n"])),U),L=N.span(D\|\|(D=e(["\n color: #697586;\n"],["\n color: #697586;\n"]))),k=function(e,n){var s,i,o=C().t,l=(null===(s=e.discountSettings)\|\|void 0===s?void 0:s.point)\|\|0,a=null===(i=e.discountSettings)\|\|void 0===i?void 0:i.discountAmount,E=function(e,s){return void 0===s&&(s=!1),t.createElement("div",{style:{display:"flex",alignItems:"center",gap:"6px"}},t.createElement(G,null,o("earningMethods.xPoints",{points:l})),t.createElement(L,null,"→"),t.createElement(F,null,e," ",s&&n))};return e.type===r.FIXED_AMOUNT&&a?E(a,!0):e.type===r.RATIO&&a?E("%".concat(a)):o("earningMethods.xPoints",{points:l})};export{w as getEarningMethodIcon,b as getEarningMethodTitle,k as getSpendingMethodDescription,v as getSpendingMethodIcon,B as getSpendingMethodTitle};