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

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 (145) hide show
  1. package/build/_virtual/index.js +1 -1
  2. package/build/_virtual/index2.js +1 -0
  3. package/build/_virtual/react-is.production.js +1 -0
  4. package/build/_virtual/react-is.production.min.js +1 -0
  5. package/build/assets/badgeLevel1.d.ts +2 -2
  6. package/build/assets/badgeLevel2.d.ts +2 -2
  7. package/build/assets/badgeLevel3.d.ts +2 -2
  8. package/build/assets/badgeLevel4.d.ts +2 -2
  9. package/build/assets/icons/check-circle-fill.d.ts +2 -2
  10. package/build/assets/icons/check.d.ts +2 -2
  11. package/build/assets/icons/chevron-left.d.ts +2 -2
  12. package/build/assets/icons/x-close.d.ts +2 -2
  13. package/build/assets/index.d.ts +27 -27
  14. package/build/assets/widget-icons/illustraions/approvedChatIllustration.d.ts +2 -2
  15. package/build/assets/widget-icons/illustraions/bankCoin.d.ts +2 -2
  16. package/build/assets/widget-icons/illustraions/bigSaleMedal.d.ts +2 -2
  17. package/build/assets/widget-icons/illustraions/bubbleChatIllustration.d.ts +2 -2
  18. package/build/assets/widget-icons/illustraions/giftIllustration.d.ts +2 -2
  19. package/build/assets/widget-icons/illustraions/medal.d.ts +2 -2
  20. package/build/assets/widget-icons/illustraions/shippingBox.d.ts +2 -2
  21. package/build/assets/widget-icons/illustraions/shoppingCartIllustration.d.ts +2 -2
  22. package/build/assets/widget-icons/illustraions/tshirtIllustration.d.ts +2 -2
  23. package/build/assets/widget-icons/illustraions/usersIllustration.d.ts +2 -2
  24. package/build/assets/widget-icons/normal/bubbleChatDone.d.ts +2 -2
  25. package/build/assets/widget-icons/normal/commentAdd01.d.ts +2 -2
  26. package/build/assets/widget-icons/normal/couponPercent.d.ts +2 -2
  27. package/build/assets/widget-icons/normal/discountTag02.d.ts +2 -2
  28. package/build/assets/widget-icons/normal/gift.d.ts +2 -2
  29. package/build/assets/widget-icons/normal/moneyAdd01.d.ts +2 -2
  30. package/build/assets/widget-icons/normal/packageDelivered.d.ts +2 -2
  31. package/build/assets/widget-icons/normal/saveMoneyDollar.d.ts +2 -2
  32. package/build/assets/widget-icons/normal/shoppingBasketAdd02.d.ts +2 -2
  33. package/build/assets/widget-icons/normal/userAdd01.d.ts +2 -2
  34. package/build/ext/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js +1 -0
  35. package/build/ext/@emotion/memoize/dist/memoize.browser.esm.js +1 -0
  36. package/build/ext/@emotion/stylis/dist/stylis.browser.esm.js +1 -0
  37. package/build/ext/@emotion/unitless/dist/unitless.browser.esm.js +1 -0
  38. package/build/ext/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js +1 -0
  39. package/build/ext/hoist-non-react-statics/ext/react-is/cjs/react-is.development.js +9 -0
  40. package/build/ext/hoist-non-react-statics/ext/react-is/cjs/react-is.production.min.js +9 -0
  41. package/build/ext/hoist-non-react-statics/ext/react-is/index.js +1 -0
  42. package/build/ext/i18next/dist/esm/i18next.js +1 -1
  43. package/build/ext/react-i18next/dist/es/defaults.js +1 -1
  44. package/build/ext/react-i18next/dist/es/i18nInstance.js +1 -1
  45. package/build/ext/react-i18next/dist/es/useTranslation.js +1 -1
  46. package/build/ext/react-i18next/dist/es/utils.js +1 -1
  47. package/build/ext/react-is/cjs/react-is.development.js +10 -0
  48. package/build/ext/react-is/cjs/react-is.production.js +10 -0
  49. package/build/ext/react-is/index.js +1 -0
  50. package/build/ext/styled-components/dist/styled-components.browser.esm.js +1 -0
  51. package/build/index.d.ts +12 -11
  52. package/build/models/base.d.ts +4 -4
  53. package/build/models/button/index.d.ts +7 -7
  54. package/build/models/category/index.d.ts +5 -5
  55. package/build/models/image/index.d.ts +12 -12
  56. package/build/models/index.d.ts +28 -28
  57. package/build/models/loyalty-customer-info/index.d.ts +28 -28
  58. package/build/models/loyalty-program-earning-method/index.d.ts +51 -51
  59. package/build/models/loyalty-program-point-history/index.d.ts +17 -17
  60. package/build/models/loyalty-program-spending-method/index.d.ts +38 -38
  61. package/build/models/loyalty-widget/header/header-background/index.d.ts +9 -9
  62. package/build/models/loyalty-widget/header/index.d.ts +8 -8
  63. package/build/models/loyalty-widget/header-background/index.d.ts +9 -9
  64. package/build/models/loyalty-widget/index.d.ts +12 -12
  65. package/build/models/loyalty-widget/settings/index.d.ts +10 -10
  66. package/build/models/loyalty-widget/types/index.d.ts +29 -29
  67. package/build/models/types/index.d.ts +145 -145
  68. package/build/renderer/components/button/index.d.ts +15 -15
  69. package/build/renderer/components/button/style.d.ts +15 -15
  70. package/build/renderer/components/button/style.js +1 -1
  71. package/build/renderer/components/index.d.ts +5 -3
  72. package/build/renderer/components/loyalty-method-card/index.d.ts +23 -23
  73. package/build/renderer/components/loyalty-method-card/style.d.ts +22 -22
  74. package/build/renderer/components/loyalty-method-card/style.js +1 -1
  75. package/build/renderer/components/section-title/index.d.ts +8 -8
  76. package/build/renderer/components/section-title/style.d.ts +1 -1
  77. package/build/renderer/components/section-title/style.js +1 -1
  78. package/build/renderer/components/style/typography.d.ts +11 -11
  79. package/build/renderer/components/style/typography.js +1 -1
  80. package/build/renderer/index.d.ts +5 -7
  81. package/build/renderer/index.js +1 -1
  82. package/build/renderer/screens/credit-earning-methods-screen/index.d.ts +9 -9
  83. package/build/renderer/screens/credit-earning-methods-screen/index.js +1 -1
  84. package/build/renderer/screens/credit-earning-methods-screen/style.d.ts +5 -5
  85. package/build/renderer/screens/credit-earning-methods-screen/style.js +1 -1
  86. package/build/renderer/screens/credit-history-screen/index.d.ts +9 -9
  87. package/build/renderer/screens/credit-history-screen/index.js +1 -1
  88. package/build/renderer/screens/credit-history-screen/style.d.ts +17 -17
  89. package/build/renderer/screens/credit-history-screen/style.js +1 -1
  90. package/build/renderer/screens/credit-spending-methods-screen/index.d.ts +9 -9
  91. package/build/renderer/screens/credit-spending-methods-screen/index.js +1 -1
  92. package/build/renderer/screens/credit-spending-methods-screen/style.d.ts +8 -8
  93. package/build/renderer/screens/credit-spending-methods-screen/style.js +1 -1
  94. package/build/renderer/screens/loyalty-level-screen/index.d.ts +9 -9
  95. package/build/renderer/screens/loyalty-level-screen/index.js +1 -1
  96. package/build/renderer/screens/loyalty-level-screen/style.d.ts +32 -32
  97. package/build/renderer/screens/loyalty-level-screen/style.js +1 -1
  98. package/build/renderer/screens/main-screen/earning-methods-section/index.d.ts +14 -14
  99. package/build/renderer/screens/main-screen/earning-methods-section/index.js +1 -1
  100. package/build/renderer/screens/main-screen/header/auth-user-section/index.d.ts +7 -7
  101. package/build/renderer/screens/main-screen/header/auth-user-section/index.js +1 -1
  102. package/build/renderer/screens/main-screen/header/auth-user-section/style.d.ts +7 -7
  103. package/build/renderer/screens/main-screen/header/auth-user-section/style.js +1 -1
  104. package/build/renderer/screens/main-screen/header/index.d.ts +10 -10
  105. package/build/renderer/screens/main-screen/header/logo-section/index.d.ts +7 -7
  106. package/build/renderer/screens/main-screen/header/logo-section/style.d.ts +2 -2
  107. package/build/renderer/screens/main-screen/header/logo-section/style.js +1 -1
  108. package/build/renderer/screens/main-screen/header/style.d.ts +12 -12
  109. package/build/renderer/screens/main-screen/header/style.js +1 -1
  110. package/build/renderer/screens/main-screen/header/title-section/index.d.ts +7 -7
  111. package/build/renderer/screens/main-screen/header/title-section/index.js +1 -1
  112. package/build/renderer/screens/main-screen/header/title-section/style.d.ts +7 -7
  113. package/build/renderer/screens/main-screen/header/title-section/style.js +1 -1
  114. package/build/renderer/screens/main-screen/header/user-logged-section/index.d.ts +7 -7
  115. package/build/renderer/screens/main-screen/header/user-logged-section/index.js +1 -1
  116. package/build/renderer/screens/main-screen/header/user-logged-section/style.d.ts +18 -18
  117. package/build/renderer/screens/main-screen/header/user-logged-section/style.js +1 -1
  118. package/build/renderer/screens/main-screen/index.d.ts +9 -9
  119. package/build/renderer/screens/main-screen/index.js +1 -1
  120. package/build/renderer/screens/main-screen/program-info-section/index.d.ts +8 -8
  121. package/build/renderer/screens/main-screen/program-info-section/index.js +1 -1
  122. package/build/renderer/screens/main-screen/program-info-section/style.d.ts +8 -8
  123. package/build/renderer/screens/main-screen/program-info-section/style.js +1 -1
  124. package/build/renderer/screens/main-screen/spending-methods-section/dynamic-slider.d.ts +9 -9
  125. package/build/renderer/screens/main-screen/spending-methods-section/dynamic-slider.js +1 -1
  126. package/build/renderer/screens/main-screen/spending-methods-section/index.d.ts +13 -13
  127. package/build/renderer/screens/main-screen/spending-methods-section/index.js +1 -1
  128. package/build/renderer/screens/main-screen/style.d.ts +5 -5
  129. package/build/renderer/screens/main-screen/style.js +1 -1
  130. package/build/renderer/style.d.ts +6 -6
  131. package/build/renderer/style.js +1 -1
  132. package/build/renderer/utils/i18n.d.ts +2 -2
  133. package/build/renderer/utils/i18n.js +1 -1
  134. package/build/renderer/utils/loyalty-details.d.ts +12 -12
  135. package/build/renderer/utils/translations.d.ts +5 -5
  136. package/build/utils.d.ts +10 -10
  137. package/build/utils.js +1 -1
  138. package/package.json +13 -15
  139. package/build/ext/react-i18next/dist/es/I18nextProvider.js +0 -1
  140. package/build/ext/react-i18next/dist/es/IcuTransUtils/htmlEntityDecoder.js +0 -1
  141. package/build/ext/use-sync-external-store/cjs/use-sync-external-store-shim.development.js +0 -10
  142. package/build/ext/use-sync-external-store/cjs/use-sync-external-store-shim.production.js +0 -10
  143. package/build/ext/use-sync-external-store/shim/index.js +0 -1
  144. /package/build/_virtual/{use-sync-external-store-shim.development.js → react-is.development.js} +0 -0
  145. /package/build/_virtual/{use-sync-external-store-shim.production.js → react-is.development2.js} +0 -0
@@ -1,10 +1,10 @@
1
- import React from "react";
2
- import { LoyaltyWidgetViewModel } from "models";
3
- type Props = {
4
- viewModel: LoyaltyWidgetViewModel;
5
- onClose: () => void;
6
- onCardHeightChange?: (height: number) => void;
7
- headerGap?: number;
8
- };
9
- declare const Header: React.FC<Props>;
10
- export default Header;
1
+ import React from "react";
2
+ import { LoyaltyWidgetViewModel } from "models";
3
+ type Props = {
4
+ viewModel: LoyaltyWidgetViewModel;
5
+ onClose: () => void;
6
+ onCardHeightChange?: (height: number) => void;
7
+ headerGap?: number;
8
+ };
9
+ declare const Header: React.FC<Props>;
10
+ export default Header;
@@ -1,7 +1,7 @@
1
- import React from "react";
2
- import { LoyaltyWidgetImage } from "models/image";
3
- type Props = {
4
- logo: LoyaltyWidgetImage;
5
- };
6
- declare const LogoSection: React.FC<Props>;
7
- export default LogoSection;
1
+ import React from "react";
2
+ import { LoyaltyWidgetImage } from "models/image";
3
+ type Props = {
4
+ logo: LoyaltyWidgetImage;
5
+ };
6
+ declare const LogoSection: React.FC<Props>;
7
+ export default LogoSection;
@@ -1,2 +1,2 @@
1
- export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const Logo: import("styled-components").StyledComponent<"img", any, {}, never>;
1
+ export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const Logo: import("styled-components").StyledComponent<"img", any, {}, never>;
@@ -1 +1 @@
1
- import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import t from"styled-components";var e,i,p=t.div(e||(e=n(["\n display: flex;\n justify-content: space-between;\n gap: 12px;\n align-items: center;\n width: 100%;\n height: 100%;\n"],["\n display: flex;\n justify-content: space-between;\n gap: 12px;\n align-items: center;\n width: 100%;\n height: 100%;\n"]))),s=t.img(i||(i=n(["\n max-width: 150px;\n max-height: 30px;\n object-fit: contain;\n"],["\n max-width: 150px;\n max-height: 30px;\n object-fit: contain;\n"])));export{p as Container,s as Logo};
1
+ import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import 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,12 +1,12 @@
1
- import { LoyaltyWidgetHeaderBackground } from "models/loyalty-widget/header/header-background";
2
- export declare const CARD_OVERLAP_TOP = 48;
3
- type TopSectionProps = {
4
- $headerBackground: LoyaltyWidgetHeaderBackground;
5
- $gap?: number;
6
- };
7
- export declare const Container: import("styled-components").StyledComponent<"header", any, {}, never>;
8
- export declare const TopSection: import("styled-components").StyledComponent<"div", any, TopSectionProps, never>;
9
- export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
10
- export declare const Card: import("styled-components").StyledComponent<"div", any, {}, never>;
11
- export declare const CloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
12
- export {};
1
+ import { LoyaltyWidgetHeaderBackground } from "models/loyalty-widget/header/header-background";
2
+ export declare const CARD_OVERLAP_TOP = 48;
3
+ type TopSectionProps = {
4
+ $headerBackground: LoyaltyWidgetHeaderBackground;
5
+ $gap?: number;
6
+ };
7
+ export declare const Container: import("styled-components").StyledComponent<"header", any, {}, never>;
8
+ export declare const TopSection: import("styled-components").StyledComponent<"div", any, TopSectionProps, never>;
9
+ export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
10
+ export declare const Card: import("styled-components").StyledComponent<"div", any, {}, never>;
11
+ export declare const CloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
12
+ export {};
@@ -1 +1 @@
1
- import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import{HeaderBackgroundTypeEnum as e}from"../../../../models/loyalty-widget/types/index.js";import o,{css as r}from"styled-components";var i,p,t,a,d,l,x,c,s,g,b=48,f=o.header(i||(i=n(["\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: visible;\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: visible;\n"]))),u=o.div(x||(x=n(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: ",";\n padding: 24px 20px ","px 24px;\n\n ","\n"],["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: ",";\n padding: 24px 20px ","px 24px;\n\n ","\n"])),function(n){var e=n.$gap;return void 0!==e?"".concat(e,"px"):"56px"},48,function(o){var i=o.$headerBackground,x=i.type,c=i.bgColor,s=i.image;return x===e.IMAGE?(null==s?void 0:s.src)?r(t||(t=n(["\n background-image: url(",");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n "],["\n background-image: url(",");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n "])),s.src):r(p||(p=n([""],[""]))):c?x===e.GRADIENT?r(d||(d=n(["\n background: radial-gradient(\n 92.35% 100% at 50% 0%,\n rgba(255, 255, 255, 0.5) 0%,\n rgba(0, 0, 0, 0.5) 100%\n ),\n ",";\n "],["\n background: radial-gradient(\n 92.35% 100% at 50% 0%,\n rgba(255, 255, 255, 0.5) 0%,\n rgba(0, 0, 0, 0.5) 100%\n ),\n ",";\n "])),c):r(l||(l=n(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),c):r(a||(a=n([""],[""])))}),m=o.div(c||(c=n(["\n position: absolute;\n left: 20px;\n right: 20px;\n top: calc(100% - ","px);\n display: flex;\n z-index: 1;\n"],["\n position: absolute;\n left: 20px;\n right: 20px;\n top: calc(100% - ","px);\n display: flex;\n z-index: 1;\n"])),48),v=o.div(s||(s=n(["\n display: flex;\n flex-direction: column;\n width: 100%;\n background: white;\n border: 1px solid #eef2f6;\n border-radius: 6px;\n box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 2px 0 rgba(0, 0, 0, 0.02),\n 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 0 1px 0 rgba(0, 0, 0, 0.04);\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n background: white;\n border: 1px solid #eef2f6;\n border-radius: 6px;\n box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 2px 0 rgba(0, 0, 0, 0.02),\n 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 0 1px 0 rgba(0, 0, 0, 0.04);\n"]))),y=o.div(g||(g=n(["\n position: absolute;\n right: 20px;\n top: 24px;\n display: flex;\n padding: 4px;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n svg {\n color: #f7f5ff;\n }\n"],["\n position: absolute;\n right: 20px;\n top: 24px;\n display: flex;\n padding: 4px;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n svg {\n color: #f7f5ff;\n }\n"])));export{b as CARD_OVERLAP_TOP,v as Card,y as CloseButton,f as Container,m as Content,u as TopSection};
1
+ import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import{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,7 +1,7 @@
1
- import React from "react";
2
- import { LoyaltyWidget } from "models/loyalty-widget";
3
- type Props = {
4
- layout: LoyaltyWidget;
5
- };
6
- declare const TitleSection: React.FC<Props>;
7
- export default TitleSection;
1
+ import React from "react";
2
+ import { LoyaltyWidget } from "models/loyalty-widget";
3
+ type Props = {
4
+ layout: LoyaltyWidget;
5
+ };
6
+ declare const TitleSection: React.FC<Props>;
7
+ export default TitleSection;
@@ -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};
@@ -1,7 +1,7 @@
1
- export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const LoyaltyProgramText: import("styled-components").StyledComponent<"div", any, {
3
- $textColor: string;
4
- }, never>;
5
- export declare const LoyaltyTitle: import("styled-components").StyledComponent<"div", any, {
6
- $textColor: string;
7
- }, never>;
1
+ export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const LoyaltyProgramText: import("styled-components").StyledComponent<"div", any, {
3
+ $textColor: string;
4
+ }, never>;
5
+ export declare const LoyaltyTitle: import("styled-components").StyledComponent<"div", any, {
6
+ $textColor: string;
7
+ }, never>;
@@ -1 +1 @@
1
- import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import t from"styled-components";var o,e,i,l=t.div(o||(o=n(["\n display: flex;\n flex-direction: column;\n gap: 2px;\n margin-bottom: 24px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 2px;\n margin-bottom: 24px;\n"]))),p=t.div(e||(e=n(["\n color: ",";\n opacity: 0.6;\n\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 150% */\n"],["\n color: ",";\n opacity: 0.6;\n\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 150% */\n"])),function(n){return n.$textColor}),r=t.div(i||(i=n(["\n color: ",";\n font-size: 20.211px;\n font-style: normal;\n font-weight: 600;\n line-height: 25.263px;\n letter-spacing: -0.202px;\n"],["\n color: ",";\n font-size: 20.211px;\n font-style: normal;\n font-weight: 600;\n line-height: 25.263px;\n letter-spacing: -0.202px;\n"])),function(n){return n.$textColor});export{l as Container,p as LoyaltyProgramText,r as LoyaltyTitle};
1
+ import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import 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,7 +1,7 @@
1
- import React from "react";
2
- import { LoyaltyWidgetViewModel } from "models";
3
- type Props = {
4
- viewModel: LoyaltyWidgetViewModel;
5
- };
6
- declare const UserLoggedSection: React.FC<Props>;
7
- export default UserLoggedSection;
1
+ import React from "react";
2
+ import { LoyaltyWidgetViewModel } from "models";
3
+ type Props = {
4
+ viewModel: LoyaltyWidgetViewModel;
5
+ };
6
+ declare const UserLoggedSection: React.FC<Props>;
7
+ export default UserLoggedSection;
@@ -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};
@@ -1,18 +1,18 @@
1
- export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const TopRow: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const LeftSection: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const RightSection: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const PointsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- export declare const Label: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export declare const PointsValue: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const CurrentPoints: import("styled-components").StyledComponent<"span", any, {}, never>;
9
- export declare const TotalPoints: import("styled-components").StyledComponent<"span", any, {}, never>;
10
- export declare const BadgeIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
11
- export declare const Badge: import("styled-components").StyledComponent<"div", any, {}, never>;
12
- export declare const LevelBadge: import("styled-components").StyledComponent<"div", any, {}, never>;
13
- export declare const BadgeText: import("styled-components").StyledComponent<"span", any, {}, never>;
14
- export declare const ProgressBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
15
- export declare const ProgressBarFill: import("styled-components").StyledComponent<"div", any, {
16
- $percentage: number;
17
- $color?: string;
18
- }, never>;
1
+ export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const TopRow: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const LeftSection: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ export declare const RightSection: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const PointsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const Label: import("styled-components").StyledComponent<"div", any, {}, never>;
7
+ export declare const PointsValue: import("styled-components").StyledComponent<"div", any, {}, never>;
8
+ export declare const CurrentPoints: import("styled-components").StyledComponent<"span", any, {}, never>;
9
+ export declare const TotalPoints: import("styled-components").StyledComponent<"span", any, {}, never>;
10
+ export declare const BadgeIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
11
+ export declare const Badge: import("styled-components").StyledComponent<"div", any, {}, never>;
12
+ export declare const LevelBadge: import("styled-components").StyledComponent<"div", any, {}, never>;
13
+ export declare const BadgeText: import("styled-components").StyledComponent<"span", any, {}, never>;
14
+ export declare const ProgressBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
15
+ export declare const ProgressBarFill: import("styled-components").StyledComponent<"div", any, {
16
+ $percentage: number;
17
+ $color?: string | undefined;
18
+ }, never>;
@@ -1 +1 @@
1
- import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import e from"styled-components";import{textSM as i,displayXSSemiBold as a,textLGSemiBold as r}from"../../../../components/style/typography.js";var p=e.div(b||(b=n(["\n display: flex;\n flex-direction: column;\n padding: 16px;\n gap: 20px;\n width: 100%;\n box-sizing: border-box;\n"],["\n display: flex;\n flex-direction: column;\n padding: 16px;\n gap: 20px;\n width: 100%;\n box-sizing: border-box;\n"]))),t=e.div(h||(h=n(["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 12px;\n width: 100%;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 12px;\n width: 100%;\n"]))),d=e.div(u||(u=n(["\n display: flex;\n gap: 16px;\n align-items: center;\n"],["\n display: flex;\n gap: 16px;\n align-items: center;\n"]))),x=e.div(m||(m=n([""],[""]))),o=e.div(y||(y=n(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"]))),l=e.div(v||(v=n(["\n color: #121926;\n text-align: center;\n ","\n"],["\n color: #121926;\n text-align: center;\n ","\n"])),i),s=e.div(w||(w=n(["\n display: flex;\n align-items: flex-end;\n gap: 4px;\n"],["\n display: flex;\n align-items: flex-end;\n gap: 4px;\n"]))),g=e.span(k||(k=n(["\n color: #121926;\n ","\n"],["\n color: #121926;\n ","\n"])),a),f=e.span(B||(B=n(["\n color: #9aa4b2;\n ","\n"],["\n color: #9aa4b2;\n ","\n"])),r),c=e.div(j||(j=n(["\n svg {\n width: 40px;\n height: 40px;\n }\n"],["\n svg {\n width: 40px;\n height: 40px;\n }\n"])));e.div(z||(z=n(["\n display: flex;\n padding: 4px 10px;\n align-items: center;\n gap: 4px;\n border-radius: 999px;\n border: 1px solid var(--Gray-Blue-100, #eef2f6);\n background: var(--Basic-50, #fff);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"],["\n display: flex;\n padding: 4px 10px;\n align-items: center;\n gap: 4px;\n border-radius: 999px;\n border: 1px solid var(--Gray-Blue-100, #eef2f6);\n background: var(--Basic-50, #fff);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"])));var b,h,u,m,y,v,w,k,B,j,z,G,$,E,F,_=e.div(G||(G=n(["\n display: flex;\n padding: 4px 10px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n\n border-radius: 8px;\n border: 0.6px solid var(--Gray-Blue-300, #cdd5df);\n background: var(--Basic-50, #fff);\n box-shadow: 0 1px 1px 0 rgba(38, 69, 109, 0.03),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset;\n"],["\n display: flex;\n padding: 4px 10px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n\n border-radius: 8px;\n border: 0.6px solid var(--Gray-Blue-300, #cdd5df);\n background: var(--Basic-50, #fff);\n box-shadow: 0 1px 1px 0 rgba(38, 69, 109, 0.03),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset;\n"]))),q=e.span($||($=n(["\n color: #364152;\n text-align: center;\n\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n"],["\n color: #364152;\n text-align: center;\n\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n"]))),A=e.div(E||(E=n(["\n width: 100%;\n height: 8px;\n border-radius: 4px;\n background: #eef2f6;\n overflow: hidden;\n"],["\n width: 100%;\n height: 8px;\n border-radius: 4px;\n background: #eef2f6;\n overflow: hidden;\n"]))),C=e.div(F||(F=n(["\n width: ","%;\n height: 100%;\n\n border-radius: 4px;\n background: linear-gradient(\n 90deg,\n rgba(0, 0, 0, 0.5) 0%,\n rgba(255, 255, 255, 0.5) 100%\n ),\n ",";\n\n transition: width 0.3s ease-in-out;\n"],["\n width: ","%;\n height: 100%;\n\n border-radius: 4px;\n background: linear-gradient(\n 90deg,\n rgba(0, 0, 0, 0.5) 0%,\n rgba(255, 255, 255, 0.5) 100%\n ),\n ",";\n\n transition: width 0.3s ease-in-out;\n"])),function(n){return n.$percentage},function(n){return n.$color||"#4F46E5"});export{c as BadgeIconContainer,q as BadgeText,p as Container,g as CurrentPoints,l as Label,d as LeftSection,_ as LevelBadge,o as PointsContainer,s as PointsValue,A as ProgressBarContainer,C as ProgressBarFill,x as RightSection,t as TopRow,f as TotalPoints};
1
+ import{__makeTemplateObject as n}from'./../../../../../ext/tslib/tslib.es6.mjs.js';import e from'./../../../../../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,9 +1,9 @@
1
- import React from "react";
2
- import { LoyaltyWidgetViewModel } from "models";
3
- type Props = {
4
- viewModel: LoyaltyWidgetViewModel;
5
- onClose: () => void;
6
- onNavigate?: (screen: string) => void;
7
- };
8
- declare const MainScreen: React.FC<Props>;
9
- export default MainScreen;
1
+ import React from "react";
2
+ import { LoyaltyWidgetViewModel } from "models";
3
+ type Props = {
4
+ viewModel: LoyaltyWidgetViewModel;
5
+ onClose: () => void;
6
+ onNavigate?: (screen: string) => void;
7
+ };
8
+ declare const MainScreen: React.FC<Props>;
9
+ export default MainScreen;
@@ -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 f}from"../../../models/loyalty-widget/types/index.js";var u=t(function(t){var u=t.viewModel,g=t.onClose,h=t.onNavigate,x=o().t,E=e.useState(0),T=E[0],y=E[1],j=e.useState(56),v=j[0],M=j[1],C=Math.max(T-c+32,32),S=u.user,w=u.spendingMethods.length>0,_=!!S&&w;return e.createElement(l,null,e.createElement(n,{viewModel:u,onClose:g,onCardHeightChange:y,headerGap:v}),e.createElement(s,{$topPadding:C,onScroll:function(e){var t=u.loyaltyWidget.header.logo;if(t.type===f.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}},x(_?"main_screen.spendingMethodsTitle":"main_screen.earningMethodsTitle")),_?e.createElement(a,{viewModel:u,mode:"card",getActionProps:function(e){return null}}):e.createElement(i,{viewModel:u,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:u,onNavigate:h}))))});export{u as default};
@@ -1,8 +1,8 @@
1
- import React from "react";
2
- import { LoyaltyWidgetViewModel } from "models";
3
- type Props = {
4
- viewModel: LoyaltyWidgetViewModel;
5
- onNavigate?: (screen: string) => void;
6
- };
7
- declare const ProgramInfoSection: React.FC<Props>;
8
- export default ProgramInfoSection;
1
+ import React from "react";
2
+ import { LoyaltyWidgetViewModel } from "models";
3
+ type Props = {
4
+ viewModel: LoyaltyWidgetViewModel;
5
+ onNavigate?: (screen: string) => void;
6
+ };
7
+ declare const ProgramInfoSection: React.FC<Props>;
8
+ export default ProgramInfoSection;
@@ -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};
@@ -1,8 +1,8 @@
1
- export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const GridContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const SmallCard: import("styled-components").StyledComponent<"button", any, {}, never>;
4
- export declare const SmallCardIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const SmallCardBottom: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- export declare const Title: import("styled-components").StyledComponent<"span", any, {}, never>;
7
- export declare const RowCard: import("styled-components").StyledComponent<"button", any, {}, never>;
8
- export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const GridContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const SmallCard: import("styled-components").StyledComponent<"button", any, {}, never>;
4
+ export declare const SmallCardIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const SmallCardBottom: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const Title: import("styled-components").StyledComponent<"span", any, {}, never>;
7
+ export declare const RowCard: import("styled-components").StyledComponent<"button", any, {}, never>;
8
+ export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1 +1 @@
1
- import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import e from"styled-components";import{textSMMedium as i}from"../../../components/style/typography.js";var r,t,o,p,d,a,f,s,l=e.div(r||(r=n(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 0 24px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 0 24px;\n"]))),x=e.div(t||(t=n(["\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n"],["\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n"]))),c=e.button(o||(o=n(["\n display: flex;\n flex-direction: column;\n padding: 12px;\n padding-left: 14px;\n gap: 12px;\n position: relative;\n border-radius: 12px;\n border: 1px solid #eef2f6;\n background: #fff;\n cursor: pointer;\n width: 100%;\n align-items: flex-start;\n\n &:hover {\n background: #f8fafc;\n }\n"],["\n display: flex;\n flex-direction: column;\n padding: 12px;\n padding-left: 14px;\n gap: 12px;\n position: relative;\n border-radius: 12px;\n border: 1px solid #eef2f6;\n background: #fff;\n cursor: pointer;\n width: 100%;\n align-items: flex-start;\n\n &:hover {\n background: #f8fafc;\n }\n"]))),g=e.div(p||(p=n(["\n display: flex;\n width: 36px;\n height: 36px;\n justify-content: center;\n align-items: center;\n border-radius: 8px;\n border: 1px solid #e3e8ef;\n background: #fff;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n color: #4b5565;\n"],["\n display: flex;\n width: 36px;\n height: 36px;\n justify-content: center;\n align-items: center;\n border-radius: 8px;\n border: 1px solid #e3e8ef;\n background: #fff;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n color: #4b5565;\n"]))),u=e.div(d||(d=n(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n"]))),b=e.span(a||(a=n(["\n color: #121926;\n ","\n"],["\n color: #121926;\n ","\n"])),i),m=e.button(f||(f=n(["\n display: flex;\n padding: 12px 12px 12px 16px;\n justify-content: space-between;\n align-items: center;\n border-radius: 12px;\n border: 1px solid #eef2f6;\n background: #fff;\n cursor: pointer;\n width: 100%;\n\n &:hover {\n background: #f8fafc;\n }\n"],["\n display: flex;\n padding: 12px 12px 12px 16px;\n justify-content: space-between;\n align-items: center;\n border-radius: 12px;\n border: 1px solid #eef2f6;\n background: #fff;\n cursor: pointer;\n width: 100%;\n\n &:hover {\n background: #f8fafc;\n }\n"]))),y=e.div(s||(s=n(["\n display: flex;\n justify-content: center;\n align-items: center;\n color: #9AA4B2;\n"],["\n display: flex;\n justify-content: center;\n align-items: center;\n color: #9AA4B2;\n"])));export{y as ArrowWrapper,l as Container,x as GridContainer,m as RowCard,c as SmallCard,u as SmallCardBottom,g as SmallCardIconWrapper,b as Title};
1
+ import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import 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,9 +1,9 @@
1
- import React from "react";
2
- import { LoyaltyWidgetViewModel } from "models";
3
- import { LoyaltyProgramSpendingMethod } from "models/loyalty-program-spending-method";
4
- type Props = {
5
- viewModel: LoyaltyWidgetViewModel;
6
- method: LoyaltyProgramSpendingMethod;
7
- };
8
- declare const DynamicSpendingSlider: React.FC<Props>;
9
- export default DynamicSpendingSlider;
1
+ import React from "react";
2
+ import { LoyaltyWidgetViewModel } from "models";
3
+ import { LoyaltyProgramSpendingMethod } from "models/loyalty-program-spending-method";
4
+ type Props = {
5
+ viewModel: LoyaltyWidgetViewModel;
6
+ method: LoyaltyProgramSpendingMethod;
7
+ };
8
+ declare const DynamicSpendingSlider: React.FC<Props>;
9
+ export default DynamicSpendingSlider;
@@ -1 +1 @@
1
- import{__makeTemplateObject as n,__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.mjs.js';import o,{useState as i,useEffect as r}from"react";import{observer as a}from"mobx-react";import'./../../../../ext/i18next/dist/esm/i18next.js';import'./../../../../ext/react-i18next/dist/es/context.js';import'./../../../../ext/react-i18next/dist/es/IcuTransUtils/htmlEntityDecoder.js';import{useTranslation as l}from'./../../../../ext/react-i18next/dist/es/useTranslation.js';import s from"styled-components";import{textSM as d,Badge as p}from"../../../components/style/typography.js";import u from"../../../components/button/index.js";import{HeaderBackgroundTypeEnum as c}from"../../../../models/loyalty-widget/types/index.js";var f,m,x,g,b,h,v,y,w,k,E,j,$=s.div(f||(f=n(["\n display: flex;\n padding: 12px 16px 16px 16px;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n align-self: stretch;\n border-radius: 6px;\n border: 1px solid #eef2f6;\n background: #f8fafc;\n"],["\n display: flex;\n padding: 12px 16px 16px 16px;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n align-self: stretch;\n border-radius: 6px;\n border: 1px solid #eef2f6;\n background: #f8fafc;\n"]))),z=s.div(m||(m=n(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n"]))),C=s.div(x||(x=n(["\n color: #364152;\n ","\n"],["\n color: #364152;\n ","\n"])),d),I=s.div(g||(g=n(["\n width: 100%;\n position: relative;\n padding-bottom: 16px; /* Space for markers */\n"],["\n width: 100%;\n position: relative;\n padding-bottom: 16px; /* Space for markers */\n"]))),S=s.div(b||(b=n(["\n position: relative;\n width: 100%;\n height: 24px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n position: relative;\n width: 100%;\n height: 24px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),M=s.div(h||(h=n(["\n position: absolute;\n left: 0;\n right: 0;\n height: 6px;\n border-radius: 3px;\n background-color: #e3e8ef;\n"],["\n position: absolute;\n left: 0;\n right: 0;\n height: 6px;\n border-radius: 3px;\n background-color: #e3e8ef;\n"]))),_=s.div(v||(v=n(["\n position: absolute;\n left: 0;\n height: 6px;\n width: ","%;\n border-radius: 3px;\n background: ",";\n"],["\n position: absolute;\n left: 0;\n height: 6px;\n width: ","%;\n border-radius: 3px;\n background: ",";\n"])),function(n){return n.$percentage},function(n){return n.$isGradient?"radial-gradient(92.35% 100% at 50% 0%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), ".concat(n.$bgColor):n.$bgColor}),F=s.div(y||(y=n(["\n position: absolute;\n left: ","%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #ffffff;\n border: 2px solid ",";\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n z-index: 2;\n pointer-events: none; /* Let clicks pass through to input/container if needed, but input handles interaction */\n"],["\n position: absolute;\n left: ","%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #ffffff;\n border: 2px solid ",";\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n z-index: 2;\n pointer-events: none; /* Let clicks pass through to input/container if needed, but input handles interaction */\n"])),function(n){return n.$left},function(n){return n.$bgColor}),L=s.input(w||(w=n(["\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n z-index: 3;\n margin: 0;\n"],["\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n z-index: 3;\n margin: 0;\n"]))),P=s.div(k||(k=n(["\n position: absolute;\n top: 28px; /* Below the slider track/thumb */\n left: 0;\n right: 0;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n"],["\n position: absolute;\n top: 28px; /* Below the slider track/thumb */\n left: 0;\n right: 0;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n"]))),B=s.div(E||(E=n(["\n font-size: 12px;\n color: #9aa4b2;\n font-weight: 400;\n line-height: 18px;\n"],["\n font-size: 12px;\n color: #9aa4b2;\n font-weight: 400;\n line-height: 18px;\n"]))),G=s.div(j||(j=n(["\n position: absolute;\n left: ","%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: #fff;\n z-index: 1;\n"],["\n position: absolute;\n left: ","%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: #fff;\n z-index: 1;\n"])),function(n){return n.$left}),N=a(function(n){var a=n.viewModel,s=n.method,d=l().t,f=i(!1),m=f[0],x=f[1],g=a.user,b=a.loyaltyWidget,h=s.discountSettings;if(!g||!h)return null;var v=h.point,y=h.discountAmount||0;if(v<=0)return null;var w=Math.floor(g.totalPoint/v)*v,k=w>0?w:v,E=i(w),j=E[0],N=E[1];r(function(){j>w&&N(w)},[w]);var T=j/k*100,A=j/v*y,D=b.header.background.bgColor||"#7B61FF",W=b.header.background.type===c.GRADIENT,R=k/v,U=[];if(R>1&&R<20)for(var q=1;q<R;q++)U.push(q/R*100);var H=w>0;return o.createElement(o.Fragment,null,o.createElement($,null,o.createElement(z,null,o.createElement(C,null,j," ",d("common.points")),o.createElement(p,null,Number(A).toFixed(2)," ",a.currency)),o.createElement(I,null,o.createElement(S,null,o.createElement(M,null,U.map(function(n,e){return o.createElement(G,{key:e,$left:n})})),o.createElement(_,{$percentage:T,$bgColor:D,$isGradient:W}),o.createElement(F,{$left:T,$bgColor:D}),o.createElement(L,{type:"range",min:0,max:k,step:v,value:j,onChange:function(n){var e=Number(n.target.value);N(e)},disabled:!H})),o.createElement(P,null,o.createElement(B,null,"0"),o.createElement(B,null,k)))),o.createElement(u,{button:b.button,fontSize:"textSMMedium",paddingSize:"medium",fullWidth:!0,disabled:0===j||m||!H,isLoading:m,onClick:function(){return e(void 0,void 0,void 0,function(){var n;return t(this,function(e){switch(e.label){case 0:if(!a.cartId||0===j)return[2];x(!0),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,null===(n=a.callbacks)||void 0===n?void 0:n.useLoyaltyPoints({amount:A,cartId:a.cartId,loyaltyProgramId:s.loyaltyProgramId,loyaltySpendingMethodId:s.id})];case 2:return e.sent(),[3,4];case 3:return x(!1),[7];case 4:return[2]}})})}},d("common.convert")))});export{N as default};
1
+ import{__makeTemplateObject as n,__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.mjs.js';import o,{useState as r,useEffect as i}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'./../../../../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,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(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"]))),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"]))),_=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($||($=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=r(!1),m=f[0],x=f[1],b=a.user,g=a.loyaltyWidget,h=s.discountSettings;if(!b||!h)return null;var v=h.point,y=h.discountAmount||0;if(v<=0)return null;var w=Math.floor(b.totalPoint/v)*v,k=w>0?w:v,E=r(w),$=E[0],N=E[1];i(function(){$>w&&N(w)},[w]);var A=$/k*100,T=$/v*y,W=g.header.background.bgColor||"#7B61FF",D=g.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(G,{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);N(e)},disabled:!J})),o.createElement(_,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===$||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{N as default};
@@ -1,13 +1,13 @@
1
- import React from "react";
2
- import { LoyaltyWidgetViewModel } from "models";
3
- import { LoyaltyProgramSpendingMethod } from "models/loyalty-program-spending-method";
4
- type SectionProps = {
5
- viewModel: LoyaltyWidgetViewModel;
6
- mode?: "card" | "accordion";
7
- getActionProps?: (method: LoyaltyProgramSpendingMethod) => {
8
- actionText: string;
9
- onClick: () => void;
10
- } | null;
11
- };
12
- declare const SpendingMethodsSection: React.FC<SectionProps>;
13
- export default SpendingMethodsSection;
1
+ import React from "react";
2
+ import { LoyaltyWidgetViewModel } from "models";
3
+ import { LoyaltyProgramSpendingMethod } from "models/loyalty-program-spending-method";
4
+ type SectionProps = {
5
+ viewModel: LoyaltyWidgetViewModel;
6
+ mode?: "card" | "accordion";
7
+ getActionProps?: (method: LoyaltyProgramSpendingMethod) => {
8
+ actionText: string;
9
+ onClick: () => void;
10
+ } | null;
11
+ };
12
+ declare const SpendingMethodsSection: React.FC<SectionProps>;
13
+ export default SpendingMethodsSection;
@@ -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};
@@ -1,5 +1,5 @@
1
- export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const Content: import("styled-components").StyledComponent<"div", any, {
3
- $topPadding: number;
4
- }, never>;
5
- export declare const Section: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const Content: import("styled-components").StyledComponent<"div", any, {
3
+ $topPadding: number;
4
+ }, never>;
5
+ export declare const Section: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1 +1 @@
1
- import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"styled-components";var f,r,t,i=o.div(f||(f=n(["\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: #ffffff;\n"],["\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: #ffffff;\n"]))),l=o.div(r||(r=n(["\n flex: 1;\n overflow-y: auto;\n padding-top: ",";\n background: #ffffff;\n\n scroll-behavior: smooth;\n"],["\n flex: 1;\n overflow-y: auto;\n padding-top: ",";\n background: #ffffff;\n\n scroll-behavior: smooth;\n"])),function(n){var o=n.$topPadding;return"".concat(o,"px")}),e=o.div(t||(t=n(["\n margin-bottom: 24px;\n"],["\n margin-bottom: 24px;\n"])));export{i as Container,l as Content,e as Section};
1
+ import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from'./../../../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,6 +1,6 @@
1
- export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const Drawer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const ScreenWrapper: import("styled-components").StyledComponent<"div", any, {
4
- $isActive: boolean;
5
- $isMain: boolean;
6
- }, never>;
1
+ export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const Drawer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const ScreenWrapper: import("styled-components").StyledComponent<"div", any, {
4
+ $isActive: boolean;
5
+ $isMain: boolean;
6
+ }, never>;
@@ -1 +1 @@
1
- import{__makeTemplateObject as n}from'./../ext/tslib/tslib.es6.mjs.js';import o,{css as t}from"styled-components";var i,r,e,f,a,s=o.div(i||(i=n(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n width: 100%;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9999;\n"],["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n width: 100%;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9999;\n"]))),d=o.div(r||(r=n(["\n position: absolute;\n top: 0;\n right: 0;\n width: 520px;\n max-width: 100%;\n height: 100%;\n background-color: #ffffff;\n \n overflow-x: hidden;\n box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n"],["\n position: absolute;\n top: 0;\n right: 0;\n width: 520px;\n max-width: 100%;\n height: 100%;\n background-color: #ffffff;\n \n overflow-x: hidden;\n box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n"]))),h=o.div(a||(a=n(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #ffffff;\n transition: transform 0.3s ease-in-out;\n overflow-y: auto;\n\n ","\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #ffffff;\n transition: transform 0.3s ease-in-out;\n overflow-y: auto;\n\n ","\n"])),function(o){var i=o.$isActive;return o.$isMain?t(e||(e=n(["\n transform: translateX(",");\n z-index: 1;\n "],["\n transform: translateX(",");\n z-index: 1;\n "])),i?"0%":"-100%"):t(f||(f=n(["\n transform: translateX(",");\n z-index: 2;\n "],["\n transform: translateX(",");\n z-index: 2;\n "])),i?"0%":"100%")});export{s as Container,d as Drawer,h as ScreenWrapper};
1
+ import{__makeTemplateObject as n}from'./../ext/tslib/tslib.es6.mjs.js';import 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,2 +1,2 @@
1
- declare const i18nInstance: import("i18next").i18n;
2
- export default i18nInstance;
1
+ import i18n from "i18next";
2
+ export default i18n;
@@ -1 +1 @@
1
- import e from'./../../ext/i18next/dist/esm/i18next.js';import"react";import'./../../ext/react-i18next/dist/es/context.js';import'./../../ext/react-i18next/dist/es/IcuTransUtils/htmlEntityDecoder.js';import'./../../ext/use-sync-external-store/shim/index.js';import{initReactI18next as t}from'./../../ext/react-i18next/dist/es/initReactI18next.js';import s from"./locales/tr.json.js";import o from"./locales/en.json.js";var n={tr:{translation:s},en:{translation:o}},r=e.createInstance();r.use(t).init({resources:n,lng:"tr",fallbackLng:"tr",interpolation:{escapeValue:!1}});export{r as default};
1
+ import 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{initReactI18next as t}from'./../../ext/react-i18next/dist/es/initReactI18next.js';import o from"./locales/tr.json.js";import s from"./locales/en.json.js";var n={tr:{translation:o},en:{translation:s}};e.use(t).init({resources:n,lng:"tr",fallbackLng:"tr",interpolation:{escapeValue:!1}});
@@ -1,12 +1,12 @@
1
- import { TFunction } from "i18next";
2
- import { LoyaltyWidgetViewModel } from "models";
3
- import { LoyaltyProgramEarningMethod } from "models/loyalty-program-earning-method";
4
- import { LoyaltyProgramFilterTypeEnum } from "models/types";
5
- export type FilterDetail = {
6
- type: LoyaltyProgramFilterTypeEnum;
7
- name: string;
8
- id: string;
9
- };
10
- export declare const getFilterDetails: (viewModel: LoyaltyWidgetViewModel, filterType: LoyaltyProgramFilterTypeEnum, idList: string[]) => FilterDetail[];
11
- export declare const getFreeProductName: (viewModel: LoyaltyWidgetViewModel, productId: string) => string | undefined;
12
- export declare const getEarningMethodDescriptionV2: (t: TFunction, earningMethod: LoyaltyProgramEarningMethod, viewModel: LoyaltyWidgetViewModel) => string | undefined;
1
+ import { TFunction } from "i18next";
2
+ import { LoyaltyWidgetViewModel } from "models";
3
+ import { LoyaltyProgramEarningMethod } from "models/loyalty-program-earning-method";
4
+ import { LoyaltyProgramFilterTypeEnum } from "models/types";
5
+ export type FilterDetail = {
6
+ type: LoyaltyProgramFilterTypeEnum;
7
+ name: string;
8
+ id: string;
9
+ };
10
+ export declare const getFilterDetails: (viewModel: LoyaltyWidgetViewModel, filterType: LoyaltyProgramFilterTypeEnum, idList: string[]) => FilterDetail[];
11
+ export declare const getFreeProductName: (viewModel: LoyaltyWidgetViewModel, productId: string) => string | undefined;
12
+ export declare const getEarningMethodDescriptionV2: (t: TFunction, earningMethod: LoyaltyProgramEarningMethod, viewModel: LoyaltyWidgetViewModel) => string | undefined;
@@ -1,5 +1,5 @@
1
- declare const translations: {
2
- tr: {};
3
- en: {};
4
- };
5
- export default translations;
1
+ declare const translations: {
2
+ tr: {};
3
+ en: {};
4
+ };
5
+ export default translations;