@ikas/loyalty-widget-renderer 1.0.0-alpha.4 → 1.0.0-alpha.40

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 (128) hide show
  1. package/build/assets/widget-icons/illustraions/medal.js +1 -1
  2. package/build/ext/@babel/runtime/helpers/esm/arrayLikeToArray.js +1 -0
  3. package/build/ext/@babel/runtime/helpers/esm/arrayWithHoles.js +1 -0
  4. package/build/ext/@babel/runtime/helpers/esm/assertThisInitialized.js +1 -0
  5. package/build/ext/@babel/runtime/helpers/esm/classCallCheck.js +1 -0
  6. package/build/ext/@babel/runtime/helpers/esm/createClass.js +1 -0
  7. package/build/ext/@babel/runtime/helpers/esm/defineProperty.js +1 -0
  8. package/build/ext/@babel/runtime/helpers/esm/getPrototypeOf.js +1 -0
  9. package/build/ext/@babel/runtime/helpers/esm/inherits.js +1 -0
  10. package/build/ext/@babel/runtime/helpers/esm/iterableToArray.js +1 -0
  11. package/build/ext/@babel/runtime/helpers/esm/iterableToArrayLimit.js +1 -0
  12. package/build/ext/@babel/runtime/helpers/esm/nonIterableRest.js +1 -0
  13. package/build/ext/@babel/runtime/helpers/esm/possibleConstructorReturn.js +1 -0
  14. package/build/ext/@babel/runtime/helpers/esm/setPrototypeOf.js +1 -0
  15. package/build/ext/@babel/runtime/helpers/esm/slicedToArray.js +1 -0
  16. package/build/ext/@babel/runtime/helpers/esm/toArray.js +1 -0
  17. package/build/ext/@babel/runtime/helpers/esm/toPrimitive.js +1 -0
  18. package/build/ext/@babel/runtime/helpers/esm/toPropertyKey.js +1 -0
  19. package/build/ext/@babel/runtime/helpers/esm/typeof.js +1 -0
  20. package/build/ext/@babel/runtime/helpers/esm/unsupportedIterableToArray.js +1 -0
  21. package/build/ext/i18next/dist/esm/i18next.js +1 -0
  22. package/build/ext/react-i18next/dist/es/I18nextProvider.js +1 -0
  23. package/build/ext/react-i18next/dist/es/context.js +1 -0
  24. package/build/ext/react-i18next/dist/es/unescape.js +1 -0
  25. package/build/ext/react-i18next/dist/es/useTranslation.js +1 -0
  26. package/build/ext/react-i18next/dist/es/utils.js +1 -0
  27. package/build/ext/tslib/tslib.es6.mjs.js +1 -1
  28. package/build/index.d.ts +5 -1
  29. package/build/index.js +1 -1
  30. package/build/injector.d.ts +5 -0
  31. package/build/models/common/index.d.ts +21 -0
  32. package/build/models/common/index.js +1 -0
  33. package/build/models/image/index.d.ts +1 -2
  34. package/build/models/image/index.js +1 -1
  35. package/build/models/index.d.ts +12 -3
  36. package/build/models/index.js +1 -1
  37. package/build/models/loyalty-customer-info/index.d.ts +7 -7
  38. package/build/models/loyalty-customer-info/index.js +1 -1
  39. package/build/models/loyalty-program-earning-method/index.d.ts +16 -30
  40. package/build/models/loyalty-program-earning-method/index.js +1 -1
  41. package/build/models/loyalty-program-point-history/index.d.ts +3 -3
  42. package/build/models/loyalty-program-point-history/index.js +1 -1
  43. package/build/models/loyalty-program-spending-method/index.d.ts +6 -20
  44. package/build/models/loyalty-program-spending-method/index.js +1 -1
  45. package/build/models/loyalty-widget/header/header-background/index.d.ts +1 -2
  46. package/build/models/loyalty-widget/header/header-background/index.js +1 -1
  47. package/build/models/loyalty-widget/settings/index.js +1 -1
  48. package/build/models/types/index.d.ts +12 -36
  49. package/build/models/types/index.js +1 -1
  50. package/build/renderer/components/button/index.js +1 -1
  51. package/build/renderer/components/button/style.js +1 -1
  52. package/build/renderer/components/loyalty-method-card/index.js +1 -1
  53. package/build/renderer/components/loyalty-method-card/style.js +1 -1
  54. package/build/renderer/components/mini-mode-button/index.d.ts +7 -0
  55. package/build/renderer/components/mini-mode-button/index.js +1 -0
  56. package/build/renderer/components/mini-mode-button/style.d.ts +5 -0
  57. package/build/renderer/components/mini-mode-button/style.js +1 -0
  58. package/build/renderer/components/mini-mode-description/index.d.ts +7 -0
  59. package/build/renderer/components/mini-mode-description/index.js +1 -0
  60. package/build/renderer/components/mini-mode-description/style.d.ts +3 -0
  61. package/build/renderer/components/mini-mode-description/style.js +1 -0
  62. package/build/renderer/components/section-title/style.js +1 -1
  63. package/build/renderer/components/style/icon-wrapper.d.ts +4 -0
  64. package/build/renderer/components/style/icon-wrapper.js +1 -0
  65. package/build/renderer/components/style/typography.d.ts +2 -1
  66. package/build/renderer/components/style/typography.js +1 -1
  67. package/build/renderer/index.d.ts +0 -1
  68. package/build/renderer/index.js +1 -1
  69. package/build/renderer/screens/credit-earning-methods-screen/index.js +1 -1
  70. package/build/renderer/screens/credit-earning-methods-screen/style.js +1 -1
  71. package/build/renderer/screens/credit-history-screen/index.js +1 -1
  72. package/build/renderer/screens/credit-history-screen/style.d.ts +3 -1
  73. package/build/renderer/screens/credit-history-screen/style.js +1 -1
  74. package/build/renderer/screens/credit-spending-methods-screen/index.js +1 -1
  75. package/build/renderer/screens/credit-spending-methods-screen/style.d.ts +3 -1
  76. package/build/renderer/screens/credit-spending-methods-screen/style.js +1 -1
  77. package/build/renderer/screens/loyalty-level-screen/index.js +1 -1
  78. package/build/renderer/screens/loyalty-level-screen/style.d.ts +6 -2
  79. package/build/renderer/screens/loyalty-level-screen/style.js +1 -1
  80. package/build/renderer/screens/main-screen/earning-methods-section/index.js +1 -1
  81. package/build/renderer/screens/main-screen/header/auth-user-section/index.js +1 -1
  82. package/build/renderer/screens/main-screen/header/auth-user-section/style.js +1 -1
  83. package/build/renderer/screens/main-screen/header/index.js +1 -1
  84. package/build/renderer/screens/main-screen/header/logo-section/style.js +1 -1
  85. package/build/renderer/screens/main-screen/header/style.d.ts +8 -4
  86. package/build/renderer/screens/main-screen/header/style.js +1 -1
  87. package/build/renderer/screens/main-screen/header/title-section/index.js +1 -1
  88. package/build/renderer/screens/main-screen/header/title-section/style.js +1 -1
  89. package/build/renderer/screens/main-screen/header/user-logged-section/index.js +1 -1
  90. package/build/renderer/screens/main-screen/header/user-logged-section/style.js +1 -1
  91. package/build/renderer/screens/main-screen/index.js +1 -1
  92. package/build/renderer/screens/main-screen/program-info-section/index.js +1 -1
  93. package/build/renderer/screens/main-screen/program-info-section/style.d.ts +11 -3
  94. package/build/renderer/screens/main-screen/program-info-section/style.js +1 -1
  95. package/build/renderer/screens/main-screen/spending-methods-section/dynamic-slider.js +1 -1
  96. package/build/renderer/screens/main-screen/spending-methods-section/index.js +1 -1
  97. package/build/renderer/screens/main-screen/style.js +1 -1
  98. package/build/renderer/style.d.ts +17 -2
  99. package/build/renderer/style.js +1 -1
  100. package/build/renderer/utils/i18n.d.ts +2 -2
  101. package/build/renderer/utils/i18n.js +1 -1
  102. package/build/storefront-widget-script-injector.iife.js +68 -0
  103. package/build/storefront-widget-script-injector.iife.js.map +1 -0
  104. package/build/utils.d.ts +3 -2
  105. package/build/utils.js +1 -1
  106. package/package.json +10 -10
  107. package/build/_virtual/index.js +0 -1
  108. package/build/_virtual/index2.js +0 -1
  109. package/build/_virtual/react-is.development.js +0 -1
  110. package/build/_virtual/react-is.development2.js +0 -1
  111. package/build/_virtual/react-is.production.js +0 -1
  112. package/build/_virtual/react-is.production.min.js +0 -1
  113. package/build/ext/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js +0 -1
  114. package/build/ext/@emotion/memoize/dist/memoize.browser.esm.js +0 -1
  115. package/build/ext/@emotion/stylis/dist/stylis.browser.esm.js +0 -1
  116. package/build/ext/@emotion/unitless/dist/unitless.browser.esm.js +0 -1
  117. package/build/ext/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js +0 -1
  118. package/build/ext/hoist-non-react-statics/ext/react-is/cjs/react-is.development.js +0 -9
  119. package/build/ext/hoist-non-react-statics/ext/react-is/cjs/react-is.production.min.js +0 -9
  120. package/build/ext/hoist-non-react-statics/ext/react-is/index.js +0 -1
  121. package/build/ext/react-is/cjs/react-is.development.js +0 -10
  122. package/build/ext/react-is/cjs/react-is.production.js +0 -10
  123. package/build/ext/react-is/index.js +0 -1
  124. package/build/ext/styled-components/dist/styled-components.browser.esm.js +0 -1
  125. package/build/models/base.d.ts +0 -4
  126. package/build/models/base.js +0 -1
  127. package/build/models/category/index.d.ts +0 -5
  128. package/build/models/loyalty-widget/header-background/index.d.ts +0 -9
@@ -1,51 +1,37 @@
1
- import { EarningMethodTypeEnum, LoyaltyProgramPointEarningTypeEnum, LoyaltyProgramPeriod, LoyaltyProgramFilterTypeEnum } from "../types";
2
- export declare class LoyaltyProgramPointLimit {
3
- maxPointLimit: number;
4
- minPointLimit: number;
5
- constructor(data?: Partial<LoyaltyProgramPointLimit>);
6
- }
7
- export declare class LoyaltyProgramFilter {
8
- type: LoyaltyProgramFilterTypeEnum;
9
- idList: string[];
10
- constructor(data?: Partial<LoyaltyProgramFilter>);
11
- }
1
+ import { EarningMethodTypeEnum, LoyaltyProgramPointEarningTypeEnum } from "../types";
2
+ import { LoyaltyProgramPointLimit, LoyaltyProgramFilter, LoyaltyProgramMethodTranslation, LoyaltyProgramPeriod } from "../common";
12
3
  export declare class LoyaltyProgramEarningMethodOrderSettings {
13
- maxOrderAmount: number;
4
+ maxOrderAmount: number | null;
14
5
  minOrderAmount: number;
15
- productFilters: LoyaltyProgramFilter[];
6
+ productFilters: LoyaltyProgramFilter[] | null;
16
7
  constructor(data?: Partial<LoyaltyProgramEarningMethodOrderSettings>);
17
8
  }
18
9
  export declare class LoyaltyProgramEarningMethodProductSettings {
19
- maxProductQuantity: number;
20
- minProductQuantity: number;
21
- productFilters: LoyaltyProgramFilter[];
10
+ maxProductQuantity: number | null;
11
+ minProductQuantity: number | null;
12
+ productFilters: LoyaltyProgramFilter[] | null;
22
13
  constructor(data?: Partial<LoyaltyProgramEarningMethodProductSettings>);
23
14
  }
24
- export declare class LoyaltyProgramMethodTranslation {
25
- description: string;
26
- locale: string;
27
- constructor(data?: Partial<LoyaltyProgramMethodTranslation>);
28
- }
29
15
  export declare class LoyaltyProgramEarningMethod {
30
- amountPerPointsEarned: number;
31
- createdAt: string;
16
+ amountPerPointsEarned: number | null;
17
+ createdAt: any | null;
32
18
  deleted: boolean;
33
- description: string;
19
+ description: string | null;
34
20
  earnedPointLimit: LoyaltyProgramPointLimit | null;
35
21
  id: string;
36
22
  isActive: boolean;
37
- lastValidityDate: string;
23
+ lastValidityDate: any | null;
38
24
  loyaltyProgramId: string;
39
25
  methodType: EarningMethodTypeEnum;
40
26
  orderSettings: LoyaltyProgramEarningMethodOrderSettings | null;
41
27
  pointEarningType: LoyaltyProgramPointEarningTypeEnum;
42
28
  pointsEarned: number;
43
29
  productSettings: LoyaltyProgramEarningMethodProductSettings | null;
44
- quantityPerPointsEarned: number;
45
- segmentId: string;
46
- tierIds: string[];
47
- translations: LoyaltyProgramMethodTranslation[];
48
- updatedAt: string;
30
+ quantityPerPointsEarned: number | null;
31
+ segmentId: string | null;
32
+ tierIds: string[] | null;
33
+ translations: LoyaltyProgramMethodTranslation[] | null;
34
+ updatedAt: any | null;
49
35
  validityPeriod: LoyaltyProgramPeriod | null;
50
36
  constructor(data?: Partial<LoyaltyProgramEarningMethod>);
51
37
  }
@@ -1 +1 @@
1
- import{makeObservable as t,observable as i}from"mobx";import{EarningMethodTypeEnum as n,LoyaltyProgramPointEarningTypeEnum as e,LoyaltyProgramPeriod as r,LoyaltyProgramFilterTypeEnum as o}from"../types/index.js";var d=function(n){void 0===n&&(n={}),this.maxPointLimit=n.maxPointLimit||0,this.minPointLimit=n.minPointLimit||0,t(this,{maxPointLimit:i,minPointLimit:i})},s=function(n){void 0===n&&(n={}),this.type=n.type||o.CATEGORY,this.idList=n.idList||[],t(this,{type:i,idList:i})},a=function(n){void 0===n&&(n={}),this.maxOrderAmount=n.maxOrderAmount||0,this.minOrderAmount=n.minOrderAmount||0,this.productFilters=n.productFilters?n.productFilters.map(function(t){return new s(t)}):[],t(this,{maxOrderAmount:i,minOrderAmount:i,productFilters:i})},u=function(n){void 0===n&&(n={}),this.maxProductQuantity=n.maxProductQuantity||0,this.minProductQuantity=n.minProductQuantity||0,this.productFilters=n.productFilters?n.productFilters.map(function(t){return new s(t)}):[],t(this,{maxProductQuantity:i,minProductQuantity:i,productFilters:i})},m=function(n){void 0===n&&(n={}),this.description=n.description||"",this.locale=n.locale||"",t(this,{description:i,locale:i})},l=function(o){void 0===o&&(o={}),this.amountPerPointsEarned=o.amountPerPointsEarned||0,this.createdAt=o.createdAt||"",this.deleted=o.deleted||!1,this.description=o.description||"",this.earnedPointLimit=o.earnedPointLimit?new d(o.earnedPointLimit):null,this.id=o.id||"",this.isActive=o.isActive||!1,this.lastValidityDate=o.lastValidityDate||"",this.loyaltyProgramId=o.loyaltyProgramId||"",this.methodType=o.methodType||n.ORDER_CREATE,this.orderSettings=o.orderSettings?new a(o.orderSettings):null,this.pointEarningType=o.pointEarningType||e.STATIC,this.pointsEarned=o.pointsEarned||0,this.productSettings=o.productSettings?new u(o.productSettings):null,this.quantityPerPointsEarned=o.quantityPerPointsEarned||0,this.segmentId=o.segmentId||"",this.tierIds=o.tierIds||[],this.translations=o.translations?o.translations.map(function(t){return new m(t)}):[],this.updatedAt=o.updatedAt||"",this.validityPeriod=o.validityPeriod?new r(o.validityPeriod):null,t(this,{amountPerPointsEarned:i,createdAt:i,deleted:i,description:i,earnedPointLimit:i,id:i,isActive:i,lastValidityDate:i,loyaltyProgramId:i,methodType:i,orderSettings:i,pointEarningType:i,pointsEarned:i,productSettings:i,quantityPerPointsEarned:i,segmentId:i,tierIds:i,translations:i,updatedAt:i,validityPeriod:i})};export{l as LoyaltyProgramEarningMethod,a as LoyaltyProgramEarningMethodOrderSettings,u as LoyaltyProgramEarningMethodProductSettings,s as LoyaltyProgramFilter,m as LoyaltyProgramMethodTranslation,d as LoyaltyProgramPointLimit};
1
+ import{makeObservable as t,observable as i}from"mobx";import{EarningMethodTypeEnum as n,LoyaltyProgramPointEarningTypeEnum as e}from"../types/index.js";import{LoyaltyProgramFilter as r,LoyaltyProgramPointLimit as d,LoyaltyProgramMethodTranslation as o,LoyaltyProgramPeriod as s}from"../common/index.js";var a=function(n){void 0===n&&(n={}),this.maxOrderAmount=n.maxOrderAmount||null,this.minOrderAmount=n.minOrderAmount||0,this.productFilters=n.productFilters?n.productFilters.map(function(t){return new r(t)}):null,t(this,{maxOrderAmount:i,minOrderAmount:i,productFilters:i})},l=function(n){void 0===n&&(n={}),this.maxProductQuantity=n.maxProductQuantity||null,this.minProductQuantity=n.minProductQuantity||null,this.productFilters=n.productFilters?n.productFilters.map(function(t){return new r(t)}):null,t(this,{maxProductQuantity:i,minProductQuantity:i,productFilters:i})},u=function(r){void 0===r&&(r={}),this.amountPerPointsEarned=r.amountPerPointsEarned||null,this.createdAt=r.createdAt||null,this.deleted=r.deleted||!1,this.description=r.description||null,this.earnedPointLimit=r.earnedPointLimit?new d(r.earnedPointLimit):null,this.id=r.id||"",this.isActive=r.isActive||!1,this.lastValidityDate=r.lastValidityDate||null,this.loyaltyProgramId=r.loyaltyProgramId||"",this.methodType=r.methodType||n.ORDER_CREATE,this.orderSettings=r.orderSettings?new a(r.orderSettings):null,this.pointEarningType=r.pointEarningType||e.STATIC,this.pointsEarned=r.pointsEarned||0,this.productSettings=r.productSettings?new l(r.productSettings):null,this.quantityPerPointsEarned=r.quantityPerPointsEarned||null,this.segmentId=r.segmentId||null,this.tierIds=r.tierIds||null,this.translations=r.translations?r.translations.map(function(t){return new o(t)}):null,this.updatedAt=r.updatedAt||null,this.validityPeriod=r.validityPeriod?new s(r.validityPeriod):null,t(this,{amountPerPointsEarned:i,createdAt:i,deleted:i,description:i,earnedPointLimit:i,id:i,isActive:i,lastValidityDate:i,loyaltyProgramId:i,methodType:i,orderSettings:i,pointEarningType:i,pointsEarned:i,productSettings:i,quantityPerPointsEarned:i,segmentId:i,tierIds:i,translations:i,updatedAt:i,validityPeriod:i})};export{u as LoyaltyProgramEarningMethod,a as LoyaltyProgramEarningMethodOrderSettings,l as LoyaltyProgramEarningMethodProductSettings};
@@ -1,10 +1,10 @@
1
1
  import { LoyaltyProgramPointHistoryTypeEnum } from "../types";
2
2
  export declare class LoyaltyProgramPointHistory {
3
3
  amount: number;
4
- createdAt: string;
4
+ createdAt: any | null;
5
5
  customerId: string;
6
6
  deleted: boolean;
7
- expireDate: string | null;
7
+ expireDate: any | null;
8
8
  id: string;
9
9
  loyaltyProgramCustomerId: string;
10
10
  loyaltyProgramEarningMethodId: string | null;
@@ -12,6 +12,6 @@ export declare class LoyaltyProgramPointHistory {
12
12
  loyaltyProgramSpendingMethodId: string | null;
13
13
  orderId: string | null;
14
14
  type: LoyaltyProgramPointHistoryTypeEnum;
15
- updatedAt: string;
15
+ updatedAt: any | null;
16
16
  constructor(data?: Partial<LoyaltyProgramPointHistory>);
17
17
  }
@@ -1 +1 @@
1
- import{makeObservable as t,observable as e}from"mobx";import{LoyaltyProgramPointHistoryTypeEnum as r}from"../types/index.js";var d=function(d){void 0===d&&(d={}),this.amount=d.amount||0,this.createdAt=d.createdAt||"",this.customerId=d.customerId||"",this.deleted=d.deleted||!1,this.expireDate=d.expireDate||null,this.id=d.id||"",this.loyaltyProgramCustomerId=d.loyaltyProgramCustomerId||"",this.loyaltyProgramEarningMethodId=d.loyaltyProgramEarningMethodId||null,this.loyaltyProgramId=d.loyaltyProgramId||"",this.loyaltyProgramSpendingMethodId=d.loyaltyProgramSpendingMethodId||null,this.orderId=d.orderId||null,this.type=d.type||r.EARN,this.updatedAt=d.updatedAt||"",t(this,{amount:e,createdAt:e,customerId:e,deleted:e,expireDate:e,id:e,loyaltyProgramCustomerId:e,loyaltyProgramEarningMethodId:e,loyaltyProgramId:e,loyaltyProgramSpendingMethodId:e,orderId:e,type:e,updatedAt:e})};export{d as LoyaltyProgramPointHistory};
1
+ import{makeObservable as t,observable as e}from"mobx";import{LoyaltyProgramPointHistoryTypeEnum as r}from"../types/index.js";var d=function(d){void 0===d&&(d={}),this.amount=d.amount||0,this.createdAt=d.createdAt||null,this.customerId=d.customerId||"",this.deleted=d.deleted||!1,this.expireDate=d.expireDate||null,this.id=d.id||"",this.loyaltyProgramCustomerId=d.loyaltyProgramCustomerId||"",this.loyaltyProgramEarningMethodId=d.loyaltyProgramEarningMethodId||null,this.loyaltyProgramId=d.loyaltyProgramId||"",this.loyaltyProgramSpendingMethodId=d.loyaltyProgramSpendingMethodId||null,this.orderId=d.orderId||null,this.type=d.type||r.EARN,this.updatedAt=d.updatedAt||null,t(this,{amount:e,createdAt:e,customerId:e,deleted:e,expireDate:e,id:e,loyaltyProgramCustomerId:e,loyaltyProgramEarningMethodId:e,loyaltyProgramId:e,loyaltyProgramSpendingMethodId:e,orderId:e,type:e,updatedAt:e})};export{d as LoyaltyProgramPointHistory};
@@ -1,27 +1,13 @@
1
- import { LoyaltyProgramMethodSpendingTypeEnum, LoyaltyProgramFilterTypeEnum } from "../types";
2
- export declare class LoyaltyProgramPointLimit {
3
- maxPointLimit: number | null;
4
- minPointLimit: number | null;
5
- constructor(data?: Partial<LoyaltyProgramPointLimit>);
6
- }
7
- export declare class LoyaltyProgramFilter {
8
- idList: string[];
9
- type: LoyaltyProgramFilterTypeEnum;
10
- constructor(data?: Partial<LoyaltyProgramFilter>);
11
- }
1
+ import { LoyaltyProgramMethodSpendingTypeEnum } from "../types";
2
+ import { LoyaltyProgramPointLimit, LoyaltyProgramFilter, LoyaltyProgramMethodTranslation } from "../common";
12
3
  export declare class LoyaltyProgramDiscountSettings {
13
4
  discountAmount: number | null;
14
5
  freeProductId: string | null;
15
6
  point: number;
16
7
  constructor(data?: Partial<LoyaltyProgramDiscountSettings>);
17
8
  }
18
- export declare class LoyaltyProgramMethodTranslation {
19
- description: string | null;
20
- locale: string | null;
21
- constructor(data?: Partial<LoyaltyProgramMethodTranslation>);
22
- }
23
9
  export declare class LoyaltyProgramSpendingMethod {
24
- createdAt: string;
10
+ createdAt: any | null;
25
11
  deleted: boolean;
26
12
  description: string | null;
27
13
  discountSettings: LoyaltyProgramDiscountSettings | null;
@@ -30,9 +16,9 @@ export declare class LoyaltyProgramSpendingMethod {
30
16
  isDynamic: boolean;
31
17
  loyaltyProgramId: string;
32
18
  pointUsageLimit: LoyaltyProgramPointLimit | null;
33
- productFilters: LoyaltyProgramFilter[];
34
- translations: LoyaltyProgramMethodTranslation[];
19
+ productFilters: LoyaltyProgramFilter[] | null;
20
+ translations: LoyaltyProgramMethodTranslation[] | null;
35
21
  type: LoyaltyProgramMethodSpendingTypeEnum;
36
- updatedAt: string;
22
+ updatedAt: any | null;
37
23
  constructor(data?: Partial<LoyaltyProgramSpendingMethod>);
38
24
  }
@@ -1 +1 @@
1
- import{makeObservable as t,observable as i}from"mobx";import{LoyaltyProgramMethodSpendingTypeEnum as n,LoyaltyProgramFilterTypeEnum as s}from"../types/index.js";var o=function(n){void 0===n&&(n={}),this.maxPointLimit=n.maxPointLimit||null,this.minPointLimit=n.minPointLimit||null,t(this,{maxPointLimit:i,minPointLimit:i})},e=function(n){void 0===n&&(n={}),this.idList=n.idList||[],this.type=n.type||s.PRODUCT_AND_VARIANT,t(this,{idList:i,type:i})},d=function(n){void 0===n&&(n={}),this.discountAmount=n.discountAmount||null,this.freeProductId=n.freeProductId||null,this.point=n.point||0,t(this,{discountAmount:i,freeProductId:i,point:i})},r=function(n){void 0===n&&(n={}),this.description=n.description||null,this.locale=n.locale||null,t(this,{description:i,locale:i})},l=function(s){void 0===s&&(s={}),this.createdAt=s.createdAt||"",this.deleted=s.deleted||!1,this.description=s.description||null,this.discountSettings=s.discountSettings?new d(s.discountSettings):null,this.id=s.id||"",this.isActive=s.isActive||!1,this.isDynamic=s.isDynamic||!1,this.loyaltyProgramId=s.loyaltyProgramId||"",this.pointUsageLimit=s.pointUsageLimit?new o(s.pointUsageLimit):null,this.productFilters=s.productFilters?s.productFilters.map(function(t){return new e(t)}):[],this.translations=s.translations?s.translations.map(function(t){return new r(t)}):[],this.type=s.type||n.FIXED_AMOUNT,this.updatedAt=s.updatedAt||"",t(this,{createdAt:i,deleted:i,description:i,discountSettings:i,id:i,isActive:i,isDynamic:i,loyaltyProgramId:i,pointUsageLimit:i,productFilters:i,translations:i,type:i,updatedAt:i})};export{d as LoyaltyProgramDiscountSettings,e as LoyaltyProgramFilter,r as LoyaltyProgramMethodTranslation,o as LoyaltyProgramPointLimit,l as LoyaltyProgramSpendingMethod};
1
+ import{makeObservable as t,observable as i}from"mobx";import{LoyaltyProgramMethodSpendingTypeEnum as n}from"../types/index.js";import{LoyaltyProgramPointLimit as s,LoyaltyProgramFilter as e,LoyaltyProgramMethodTranslation as o}from"../common/index.js";var d=function(n){void 0===n&&(n={}),this.discountAmount=n.discountAmount||null,this.freeProductId=n.freeProductId||null,this.point=n.point||0,t(this,{discountAmount:i,freeProductId:i,point:i})},r=function(r){void 0===r&&(r={}),this.createdAt=r.createdAt||null,this.deleted=r.deleted||!1,this.description=r.description||null,this.discountSettings=r.discountSettings?new d(r.discountSettings):null,this.id=r.id||"",this.isActive=r.isActive||!1,this.isDynamic=r.isDynamic||!1,this.loyaltyProgramId=r.loyaltyProgramId||"",this.pointUsageLimit=r.pointUsageLimit?new s(r.pointUsageLimit):null,this.productFilters=r.productFilters?r.productFilters.map(function(t){return new e(t)}):null,this.translations=r.translations?r.translations.map(function(t){return new o(t)}):null,this.type=r.type||n.FIXED_AMOUNT,this.updatedAt=r.updatedAt||null,t(this,{createdAt:i,deleted:i,description:i,discountSettings:i,id:i,isActive:i,isDynamic:i,loyaltyProgramId:i,pointUsageLimit:i,productFilters:i,translations:i,type:i,updatedAt:i})};export{d as LoyaltyProgramDiscountSettings,r as LoyaltyProgramSpendingMethod};
@@ -1,7 +1,6 @@
1
- import { BaseModel } from "models/base";
2
1
  import { LoyaltyWidgetImage } from "models/image";
3
2
  import { HeaderBackgroundTypeEnum } from "../../types";
4
- export declare class LoyaltyWidgetHeaderBackground extends BaseModel {
3
+ export declare class LoyaltyWidgetHeaderBackground {
5
4
  bgColor: string | null;
6
5
  image: LoyaltyWidgetImage | null;
7
6
  type: HeaderBackgroundTypeEnum;
@@ -1 +1 @@
1
- import{__extends as o}from'./../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as e}from"mobx";import{BaseModel as i}from"../../../base.js";import{LoyaltyWidgetImage as m}from"../../../image/index.js";import{HeaderBackgroundTypeEnum as t}from"../../types/index.js";var s=function(i){function s(o){var s=i.call(this,o)||this;return s.bgColor=o.bgColor||null,s.image=o.image?new m(o.image):null,s.type=o.type||t.COLOR,r(s,{bgColor:e,image:e,type:e}),s}return o(s,i),s}(i);export{s as LoyaltyWidgetHeaderBackground};
1
+ import{makeObservable as i,observable as o}from"mobx";import{LoyaltyWidgetImage as e}from"../../../image/index.js";import{HeaderBackgroundTypeEnum as t}from"../../types/index.js";var m=function(m){this.bgColor=m.bgColor||null,this.image=m.image?new e(m.image):null,this.type=m.type||t.COLOR,i(this,{bgColor:o,image:o,type:o})};export{m as LoyaltyWidgetHeaderBackground};
@@ -1 +1 @@
1
- import{makeObservable as o,observable as i}from"mobx";import{WidgetPositionEnum as r,LoyaltyWidgetLayoutTypeEnum as e,WidgetIconTypeEnum as t,BadgeIconTypeEnum as p}from"../types/index.js";var d=function(d){var s;void 0===d&&(d={}),this.position=d.position||r.RIGHT,this.type=d.type||e.WIDGET,this.primaryColor=d.primaryColor||null,this.cartBorderRadius=null!==(s=d.cartBorderRadius)&&void 0!==s?s:0,this.widgetIconType=d.widgetIconType||t.NORMAL,this.badgeIconLevel=d.badgeIconLevel||p.LEVEL_1,o(this,{position:i,type:i,primaryColor:i,cartBorderRadius:i,widgetIconType:i,badgeIconLevel:i})};export{d as LoyaltyWidgetSettings};
1
+ import{makeObservable as o,observable as i}from"mobx";import{WidgetPositionEnum as r,LoyaltyWidgetLayoutTypeEnum as e,WidgetIconTypeEnum as t,BadgeIconTypeEnum as p}from"../types/index.js";var d=function(d){var s;void 0===d&&(d={}),this.position=d.position||r.RIGHT,this.type=d.type||e.DRAWER,this.primaryColor=d.primaryColor||null,this.cartBorderRadius=null!==(s=d.cartBorderRadius)&&void 0!==s?s:0,this.widgetIconType=d.widgetIconType||t.NORMAL,this.badgeIconLevel=d.badgeIconLevel||p.LEVEL_1,o(this,{position:i,type:i,primaryColor:i,cartBorderRadius:i,widgetIconType:i,badgeIconLevel:i})};export{d as LoyaltyWidgetSettings};
@@ -1,8 +1,9 @@
1
1
  import { LoyaltyProgramSpendingMethod } from "../loyalty-program-spending-method";
2
2
  import type { LoyaltyProgramEarningMethod } from "../loyalty-program-earning-method";
3
- import type { LoyaltyCustomerInfo } from "../loyalty-customer-info";
3
+ import type { LoyaltyCustomerInfo, LoyaltyProgramTier } from "../loyalty-customer-info";
4
4
  import type { LoyaltyWidget } from "../loyalty-widget";
5
5
  import type { LoyaltyProgramPointHistory } from "../loyalty-program-point-history";
6
+ import { LoyaltyWidgetViewModel } from "models";
6
7
  export declare enum LoyaltyWidgetScreenTypeEnum {
7
8
  MAIN_SCREEN = "MAIN_SCREEN",
8
9
  CREDIT_SPENDING_METHODS_SCREEN = "CREDIT_SPENDING_METHODS_SCREEN",
@@ -10,6 +11,10 @@ export declare enum LoyaltyWidgetScreenTypeEnum {
10
11
  CREDIT_HISTORY_SCREEN = "CREDIT_HISTORY_SCREEN",
11
12
  LOYALTY_LEVEL_SCREEN = "LOYALTY_LEVEL_SCREEN"
12
13
  }
14
+ export declare enum WidgetMode {
15
+ MINI_MODE = "MINI_MODE",
16
+ WIDGET_MODE = "WIDGET_MODE"
17
+ }
13
18
  export declare enum EarningMethodTypeEnum {
14
19
  BUY_PRODUCT = "BUY_PRODUCT",
15
20
  CUSTOMER_REGISTER = "CUSTOMER_REGISTER",
@@ -41,11 +46,6 @@ export declare enum PeriodTypeEnum {
41
46
  WEEK = "WEEK",
42
47
  YEAR = "YEAR"
43
48
  }
44
- export declare class LoyaltyProgramPeriod {
45
- period: string;
46
- periodType: PeriodTypeEnum;
47
- constructor(data?: Partial<LoyaltyProgramPeriod>);
48
- }
49
49
  export type Category = {
50
50
  id: string;
51
51
  name: string;
@@ -80,45 +80,16 @@ export type StringFilterInput = {
80
80
  endsWith?: string;
81
81
  nendsWith?: string;
82
82
  };
83
- export type LoyaltyProgramTierTranslation = {
84
- locale: string;
85
- name: string;
86
- };
87
- export type LoyaltyProgramTier = {
88
- createdAt?: string;
89
- customerSegmentId?: string;
90
- deleted: boolean;
91
- id: string;
92
- isActive: boolean;
93
- loyaltyProgramId: string;
94
- name: string;
95
- period?: LoyaltyProgramPeriod;
96
- pointsRequired?: number;
97
- tierPointMultiplier?: number;
98
- translations?: LoyaltyProgramTierTranslation[];
99
- updatedAt?: string;
100
- };
101
83
  export type ListLoyaltyProgramTierInput = {
102
84
  id?: StringFilterInput;
103
- includeDeleted?: boolean;
104
85
  loyaltyProgramId?: StringFilterInput;
105
86
  };
106
87
  export declare enum LoyaltyProgramPointHistoryTypeEnum {
107
88
  EARN = "EARN",
108
89
  SPEND = "SPEND"
109
90
  }
110
- export type LoyaltyProgramPointHistoryTypeEnumFilterInput = {
111
- eq?: LoyaltyProgramPointHistoryTypeEnum;
112
- in?: LoyaltyProgramPointHistoryTypeEnum[];
113
- ne?: LoyaltyProgramPointHistoryTypeEnum;
114
- nin?: LoyaltyProgramPointHistoryTypeEnum[];
115
- };
116
91
  export type ListLoyaltyProgramPointHistoryInput = {
117
- customerId?: StringFilterInput;
118
- includeDeleted?: boolean;
119
92
  loyaltyProgramId?: StringFilterInput;
120
- sort?: string;
121
- type?: LoyaltyProgramPointHistoryTypeEnumFilterInput;
122
93
  };
123
94
  export type LoyaltyWidgetCallbacks = {
124
95
  listSpendingMethodsByCartId: (cartId?: string | null) => Promise<LoyaltyProgramSpendingMethod[]>;
@@ -129,17 +100,22 @@ export type LoyaltyWidgetCallbacks = {
129
100
  useLoyaltyPoints: (input: AddLoyaltyToCartInput) => Promise<boolean>;
130
101
  removeLoyaltyPointsFromCart: () => Promise<void>;
131
102
  getLoyaltyWidget: () => Promise<LoyaltyWidget>;
132
- onWidgetClose: () => void;
133
103
  getProducts: (ids: string[]) => Promise<Product[]>;
134
104
  getCategories: (ids: string[]) => Promise<Category[]>;
135
105
  getBrands: (ids: string[]) => Promise<Brand[]>;
136
106
  getTags: (ids: string[]) => Promise<Tag[]>;
107
+ subscribeToMarketingNotifications: () => Promise<boolean>;
137
108
  };
138
109
  export type IkasLoyaltyWidgetConfig = {
139
110
  cartId?: string | null;
111
+ userId?: string | null;
140
112
  cdnURL: string;
141
113
  merchantId: string;
142
114
  currency: string;
143
115
  locale: string;
116
+ storeURL?: string | null;
144
117
  callbacks: LoyaltyWidgetCallbacks;
118
+ position?: "fixed" | "absolute";
119
+ isPreviewMode?: boolean;
120
+ onViewModelInitialized?: (viewModel: LoyaltyWidgetViewModel) => void;
145
121
  };
@@ -1 +1 @@
1
- import{makeObservable as E,observable as R}from"mobx";var T,_,N,C,O,A;!function(E){E.MAIN_SCREEN="MAIN_SCREEN",E.CREDIT_SPENDING_METHODS_SCREEN="CREDIT_SPENDING_METHODS_SCREEN",E.CREDIT_EARNING_METHODS_SCREEN="CREDIT_EARNING_METHODS_SCREEN",E.CREDIT_HISTORY_SCREEN="CREDIT_HISTORY_SCREEN",E.LOYALTY_LEVEL_SCREEN="LOYALTY_LEVEL_SCREEN"}(T||(T={})),function(E){E.BUY_PRODUCT="BUY_PRODUCT",E.CUSTOMER_REGISTER="CUSTOMER_REGISTER",E.CUSTOMER_REVIEW="CUSTOMER_REVIEW",E.CUSTOMER_SEGMENT="CUSTOMER_SEGMENT",E.ENABLE_SUBSCRIPTION="ENABLE_SUBSCRIPTION",E.ORDER_CREATE="ORDER_CREATE"}(_||(_={})),function(E){E.DYNAMIC_ORDER_AMOUNT="DYNAMIC_ORDER_AMOUNT",E.DYNAMIC_ORDER_QUANTITY="DYNAMIC_ORDER_QUANTITY",E.STATIC="STATIC"}(N||(N={})),function(E){E.FIXED_AMOUNT="FIXED_AMOUNT",E.FREE_PRODUCT="FREE_PRODUCT",E.FREE_SHIPPING="FREE_SHIPPING",E.RATIO="RATIO"}(C||(C={})),function(E){E.CATEGORY="CATEGORY",E.DYNAMIC_CATEGORY="DYNAMIC_CATEGORY",E.PRODUCT_AND_VARIANT="PRODUCT_AND_VARIANT",E.PRODUCT_BRAND="PRODUCT_BRAND",E.PRODUCT_TAG="PRODUCT_TAG"}(O||(O={})),function(E){E.MONTH="MONTH",E.WEEK="WEEK",E.YEAR="YEAR"}(A||(A={}));var D,I=function(T){void 0===T&&(T={}),this.period=T.period||"",this.periodType=T.periodType||A.MONTH,E(this,{period:R,periodType:R})};!function(E){E.EARN="EARN",E.SPEND="SPEND"}(D||(D={}));export{_ as EarningMethodTypeEnum,O as LoyaltyProgramFilterTypeEnum,C as LoyaltyProgramMethodSpendingTypeEnum,I as LoyaltyProgramPeriod,N as LoyaltyProgramPointEarningTypeEnum,D as LoyaltyProgramPointHistoryTypeEnum,T as LoyaltyWidgetScreenTypeEnum,A as PeriodTypeEnum};
1
+ var E,R,T,_,N,C,D,I;!function(E){E.MAIN_SCREEN="MAIN_SCREEN",E.CREDIT_SPENDING_METHODS_SCREEN="CREDIT_SPENDING_METHODS_SCREEN",E.CREDIT_EARNING_METHODS_SCREEN="CREDIT_EARNING_METHODS_SCREEN",E.CREDIT_HISTORY_SCREEN="CREDIT_HISTORY_SCREEN",E.LOYALTY_LEVEL_SCREEN="LOYALTY_LEVEL_SCREEN"}(E||(E={})),function(E){E.MINI_MODE="MINI_MODE",E.WIDGET_MODE="WIDGET_MODE"}(R||(R={})),function(E){E.BUY_PRODUCT="BUY_PRODUCT",E.CUSTOMER_REGISTER="CUSTOMER_REGISTER",E.CUSTOMER_REVIEW="CUSTOMER_REVIEW",E.CUSTOMER_SEGMENT="CUSTOMER_SEGMENT",E.ENABLE_SUBSCRIPTION="ENABLE_SUBSCRIPTION",E.ORDER_CREATE="ORDER_CREATE"}(T||(T={})),function(E){E.DYNAMIC_ORDER_AMOUNT="DYNAMIC_ORDER_AMOUNT",E.DYNAMIC_ORDER_QUANTITY="DYNAMIC_ORDER_QUANTITY",E.STATIC="STATIC"}(_||(_={})),function(E){E.FIXED_AMOUNT="FIXED_AMOUNT",E.FREE_PRODUCT="FREE_PRODUCT",E.FREE_SHIPPING="FREE_SHIPPING",E.RATIO="RATIO"}(N||(N={})),function(E){E.CATEGORY="CATEGORY",E.DYNAMIC_CATEGORY="DYNAMIC_CATEGORY",E.PRODUCT_AND_VARIANT="PRODUCT_AND_VARIANT",E.PRODUCT_BRAND="PRODUCT_BRAND",E.PRODUCT_TAG="PRODUCT_TAG"}(C||(C={})),function(E){E.MONTH="MONTH",E.WEEK="WEEK",E.YEAR="YEAR"}(D||(D={})),function(E){E.EARN="EARN",E.SPEND="SPEND"}(I||(I={}));export{T as EarningMethodTypeEnum,C as LoyaltyProgramFilterTypeEnum,N as LoyaltyProgramMethodSpendingTypeEnum,_ as LoyaltyProgramPointEarningTypeEnum,I as LoyaltyProgramPointHistoryTypeEnum,E as LoyaltyWidgetScreenTypeEnum,D as PeriodTypeEnum,R as WidgetMode};
@@ -1 +1 @@
1
- import o from"react";import{Button as t,Loader as e}from"./style.js";var r=function(r){var i=r.children,d=r.onClick,l=r.button,n=r.fontSize,a=r.paddingSize,u=r.fullWidth,b=void 0!==u&&u,s=r.disabled,f=void 0!==s&&s,C=r.isLoading,c=void 0!==C&&C;return o.createElement(t,{onClick:d,fullWidth:b,fontSize:n,paddingSize:a,borderRadius:l.buttonRadius,bgColor:l.bgColor,textColor:l.textColor,borderColor:l.borderColor,disabled:f||c},c&&o.createElement(e,null),i)};export{r as default};
1
+ import o from"react";import{observer as r}from"mobx-react";import{Button as t,Loader as e}from"./style.js";var i=r(function(r){var i=r.children,d=r.onClick,l=r.button,n=r.fontSize,a=r.paddingSize,u=r.fullWidth,b=void 0!==u&&u,f=r.disabled,m=void 0!==f&&f,s=r.isLoading,c=void 0!==s&&s;return o.createElement(t,{onClick:d,fullWidth:b,fontSize:n,paddingSize:a,borderRadius:l.buttonRadius,bgColor:l.bgColor,textColor:l.textColor,borderColor:l.borderColor,disabled:m||c},c&&o.createElement(e,null),i)});export{i as default};
@@ -1 +1 @@
1
- import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import r,{keyframes as o}from'./../../../ext/styled-components/dist/styled-components.browser.esm.js';import{textXSMedium as e,textSM as t,textSMMedium as i,textMDMedium as d,textLGSemiBold as a,displayXSSemiBold as s}from"../style/typography.js";var l,u,p,c={textXSMedium:e,textSM:t,textSMMedium:i,textMDMedium:d,textLGSemiBold:a,displayXSSemiBold:s},m={small:"8px",medium:"10px 16px"},b=r.button(l||(l=n(["\n border: none;\n cursor: ",";\n transition: all 0.2s ease;\n opacity: ",";\n pointer-events: ",";\n\n ","\n\n padding: ",";\n border-radius: ","px;\n width: ",";\n background-color: ",";\n color: ",";\n border: ",";\n\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n\n &:hover {\n opacity: 0.9;\n }\n"],["\n border: none;\n cursor: ",";\n transition: all 0.2s ease;\n opacity: ",";\n pointer-events: ",";\n\n ","\n\n padding: ",";\n border-radius: ","px;\n width: ",";\n background-color: ",";\n color: ",";\n border: ",";\n\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n\n &:hover {\n opacity: 0.9;\n }\n"])),function(n){return n.disabled?"not-allowed":"pointer"},function(n){return n.disabled?.5:1},function(n){return n.disabled?"none":"auto"},function(n){return c[n.fontSize]},function(n){return m[n.paddingSize]},function(n){return n.borderRadius},function(n){return n.fullWidth?"100%":"auto"},function(n){var r;return null!==(r=n.bgColor)&&void 0!==r?r:"transparent"},function(n){var r;return null!==(r=n.textColor)&&void 0!==r?r:"inherit"},function(n){return n.borderColor?"1px solid ".concat(n.borderColor):"none"}),f=o(u||(u=n(["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"],["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"]))),x=r.div(p||(p=n(["\n border: 2px solid rgba(255, 255, 255, 0.3);\n border-top: 2px solid currentColor;\n border-radius: 50%;\n width: 14px;\n height: 14px;\n animation: "," 1s linear infinite;\n"],["\n border: 2px solid rgba(255, 255, 255, 0.3);\n border-top: 2px solid currentColor;\n border-radius: 50%;\n width: 14px;\n height: 14px;\n animation: "," 1s linear infinite;\n"])),f);export{b as Button,x as Loader};
1
+ import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import r,{keyframes as o}from"styled-components";import{textXSMedium as t,textSM as e,textSMMedium as i,textMDMedium as d,textLGSemiBold as a,displayXSSemiBold as l}from"../style/typography.js";var s,u,p,c={textXSMedium:t,textSM:e,textSMMedium:i,textMDMedium:d,textLGSemiBold:a,displayXSSemiBold:l},b={small:"8px",medium:"10px 16px"},f=r.button(s||(s=n(["\n border: none;\n cursor: ",";\n transition: all 0.2s ease;\n opacity: ",";\n pointer-events: ",";\n\n ","\n\n padding: ",";\n border-radius: ","px;\n width: ",";\n background-color: ",";\n color: ",";\n border: ",";\n\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n\n &:hover {\n opacity: 0.9;\n }\n"],["\n border: none;\n cursor: ",";\n transition: all 0.2s ease;\n opacity: ",";\n pointer-events: ",";\n\n ","\n\n padding: ",";\n border-radius: ","px;\n width: ",";\n background-color: ",";\n color: ",";\n border: ",";\n\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n\n &:hover {\n opacity: 0.9;\n }\n"])),function(n){return n.disabled?"not-allowed":"pointer"},function(n){return n.disabled?.5:1},function(n){return n.disabled?"none":"auto"},function(n){return c[n.fontSize]},function(n){return b[n.paddingSize]},function(n){return n.borderRadius},function(n){return n.fullWidth?"100%":"auto"},function(n){var r;return null!==(r=n.bgColor)&&void 0!==r?r:"transparent"},function(n){var r;return null!==(r=n.textColor)&&void 0!==r?r:"inherit"},function(n){return n.borderColor?"1px solid ".concat(n.borderColor):"none"}),m=o(u||(u=n(["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"],["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"]))),x=r.div(p||(p=n(["\n border: 2px solid rgba(255, 255, 255, 0.3);\n border-top: 2px solid currentColor;\n border-radius: 50%;\n width: 14px;\n height: 14px;\n animation: "," 1s linear infinite;\n"],["\n border: 2px solid rgba(255, 255, 255, 0.3);\n border-top: 2px solid currentColor;\n border-radius: 50%;\n width: 14px;\n height: 14px;\n animation: "," 1s linear infinite;\n"])),m);export{f as Button,x as Loader};
@@ -1 +1 @@
1
- import e,{useState as t}from"react";import{observer as n}from"mobx-react";import l from"../button/index.js";import{CheckCircleFill as i}from"../../../assets/icons/check-circle-fill.js";import{ChevronLeft as r}from"../../../assets/icons/chevron-left.js";import{Container as o,Header as c,IconWrapper as a,Content as m,Title as s,Description as d,ArrowButton as p,AccordionWrapper as u,AccordionInner as f}from"./style.js";var E=n(function(n){var E=n.title,x=n.description,g=n.icon,$=n.action,b=n.isCompleted,v=n.mode,y=n.children,C=n.padding,k=n.settings,j=t(!1),h=j[0],O=j[1],S=!b&&(null==$?void 0:$.text)&&(null==$?void 0:$.onClick);return e.createElement(o,{$borderRadius:k.borderRadius,$isCompleted:b,$padding:C},e.createElement(c,{onClick:function(){"accordion"===v&&O(!h)},style:{cursor:"accordion"===v?"pointer":"default"}},e.createElement(a,{$iconType:k.widgetIconType},g),e.createElement(m,null,e.createElement(s,null,E),e.createElement(d,null,x)),"card"===v?e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},b&&e.createElement(i,null),S&&e.createElement(l,{button:k.button,paddingSize:"small",fontSize:"textSMMedium",onClick:$.onClick},$.text)):e.createElement(p,{$isOpen:h},e.createElement(r,null))),"accordion"===v&&e.createElement(u,{$isOpen:h},e.createElement(f,{$isOpen:h},y)))});export{E as default};
1
+ import e,{useState as t}from"react";import{observer as n}from"mobx-react";import{WidgetIconTypeEnum as i}from"../../../models/loyalty-widget/types/index.js";import l from"../button/index.js";import{CheckCircleFill as o}from"../../../assets/icons/check-circle-fill.js";import{ChevronLeft as r}from"../../../assets/icons/chevron-left.js";import{Container as c,Header as a,IconWrapper as m,Content as s,Title as d,Description as p,ArrowButton as u,AccordionWrapper as f,AccordionInner as E}from"./style.js";var y=n(function(n){var y=n.title,g=n.description,x=n.icon,$=n.action,b=n.isCompleted,v=n.mode,C=n.children,j=n.padding,k=n.settings,O=t(!1),h=O[0],w=O[1],I=!b&&(null==$?void 0:$.text)&&(null==$?void 0:$.onClick);return e.createElement(c,{$borderRadius:k.borderRadius,$isCompleted:b,$padding:j},e.createElement(a,{onClick:function(){"accordion"===v&&w(!h)},style:{cursor:"accordion"===v?"pointer":"default"}},k.widgetIconType!==i.NONE&&e.createElement(m,{$iconType:k.widgetIconType},x),e.createElement(s,null,e.createElement(d,null,y),e.createElement(p,null,g)),"card"===v?e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},b&&e.createElement(o,null),I&&e.createElement(l,{button:k.button,paddingSize:"small",fontSize:"textSMMedium",onClick:$.onClick},$.text)):e.createElement(u,{$isOpen:h},e.createElement(r,null))),"accordion"===v&&e.createElement(f,{$isOpen:h},e.createElement(E,{$isOpen:h},C)))});export{y as default};
@@ -1 +1 @@
1
- import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import{WidgetIconTypeEnum as e}from"../../../models/loyalty-widget/types/index.js";import t,{css as r}from'./../../../ext/styled-components/dist/styled-components.browser.esm.js';import{textSMMedium as i,textSM as o}from"../style/typography.js";var s,a,d,p,l,f,c,x,g,u,m,b=t.div(s||(s=n(["\n display: flex;\n padding: ",";\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n border-radius: ","px;\n border: 1px solid #eef2f6;\n background: #fff;\n opacity: ",";\n user-select: none;\n"],["\n display: flex;\n padding: ",";\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n border-radius: ","px;\n border: 1px solid #eef2f6;\n background: #fff;\n opacity: ",";\n user-select: none;\n"])),function(n){return n.$padding||"16px 14px"},function(n){return n.$borderRadius},function(n){return n.$isCompleted?"0.8":"1"}),y=t.div(a||(a=n(["\n display: flex;\n align-items: center;\n gap: 12px;\n align-self: stretch;\n width: 100%;\n"],["\n display: flex;\n align-items: center;\n gap: 12px;\n align-self: stretch;\n width: 100%;\n"]))),h=t.div(l||(l=n(["\n display: flex;\n width: 36px;\n height: 36px;\n\n justify-content: center;\n align-items: center;\n\n ","\n\n ","\n"],["\n display: flex;\n width: 36px;\n height: 36px;\n\n justify-content: center;\n align-items: center;\n\n ","\n\n ","\n"])),function(t){return t.$iconType===e.ILLUSTRATION&&r(d||(d=n(["\n border-radius: 40px;\n background: #f6f6f6;\n "],["\n border-radius: 40px;\n background: #f6f6f6;\n "])))},function(t){return t.$iconType===e.NORMAL&&r(p||(p=n(["\n border-radius: 8px;\n border: 1px solid #e3e8ef;\n background: #fff;\n box-shadow: 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n 0 4px 1px 0 rgba(38, 69, 109, 0), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n svg {\n color: #4b5565;\n }\n "],["\n border-radius: 8px;\n border: 1px solid #e3e8ef;\n background: #fff;\n box-shadow: 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n 0 4px 1px 0 rgba(38, 69, 109, 0), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n svg {\n color: #4b5565;\n }\n "])))}),w=t.div(f||(f=n(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n"]))),v=t.div(c||(c=n(["\n color: #121926;\n ","\n"],["\n color: #121926;\n ","\n"])),i),j=t.div(x||(x=n(["\n color: #121926;\n ","\n"],["\n color: #121926;\n ","\n"])),o),$=t.div(g||(g=n(["\n display: grid;\n grid-template-rows: ",";\n transition: grid-template-rows 300ms ease-in-out;\n width: 100%;\n"],["\n display: grid;\n grid-template-rows: ",";\n transition: grid-template-rows 300ms ease-in-out;\n width: 100%;\n"])),function(n){return n.$isOpen?"1fr":"0fr"}),k=t.div(u||(u=n(["\n overflow: hidden;\n color: #4b5565;\n ","\n\n /* Spacing: We need 20px from header. */\n padding-top: ",";\n\n /* Optional: fade content in/out */\n opacity: ",";\n transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out;\n"],["\n overflow: hidden;\n color: #4b5565;\n ","\n\n /* Spacing: We need 20px from header. */\n padding-top: ",";\n\n /* Optional: fade content in/out */\n opacity: ",";\n transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out;\n"])),o,function(n){return n.$isOpen?"20px":"0px"},function(n){return n.$isOpen?1:0}),O=t.button(m||(m=n(["\n border: none;\n background: none;\n cursor: pointer;\n transform: rotate(",");\n transition: transform 0.2s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #9aa4b2;\n padding: 4px;\n"],["\n border: none;\n background: none;\n cursor: pointer;\n transform: rotate(",");\n transition: transform 0.2s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #9aa4b2;\n padding: 4px;\n"])),function(n){return n.$isOpen?"270deg":"180deg"});export{k as AccordionInner,$ as AccordionWrapper,O as ArrowButton,b as Container,w as Content,j as Description,y as Header,h as IconWrapper,v as Title};
1
+ import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import{WidgetIconTypeEnum as e}from"../../../models/loyalty-widget/types/index.js";import r,{css as o}from"styled-components";import{textSMMedium as i,textSM as t}from"../style/typography.js";import{iconWrapperShape as a}from"../style/icon-wrapper.js";var s,p,d,l,f,c,x,g,u,m,b,y=r.div(s||(s=n(["\n display: flex;\n padding: ",";\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n border-radius: ","px;\n border: 1px solid #eef2f6;\n background: #fff;\n opacity: ",";\n user-select: none;\n"],["\n display: flex;\n padding: ",";\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n border-radius: ","px;\n border: 1px solid #eef2f6;\n background: #fff;\n opacity: ",";\n user-select: none;\n"])),function(n){return n.$padding||"16px 14px"},function(n){return n.$borderRadius},function(n){return n.$isCompleted?"0.8":"1"}),h=r.div(p||(p=n(["\n display: flex;\n align-items: center;\n gap: 12px;\n align-self: stretch;\n width: 100%;\n"],["\n display: flex;\n align-items: center;\n gap: 12px;\n align-self: stretch;\n width: 100%;\n"]))),w=r.div(f||(f=n(["\n ","\n\n ","\n\n ","\n"],["\n ","\n\n ","\n\n ","\n"])),a,function(r){return r.$iconType===e.ILLUSTRATION&&o(d||(d=n(["\n border-radius: 40px;\n background: #f6f6f6;\n "],["\n border-radius: 40px;\n background: #f6f6f6;\n "])))},function(r){return r.$iconType===e.NORMAL&&o(l||(l=n(["\n border-radius: 8px;\n border: 1px solid #e3e8ef;\n background: #fff;\n box-shadow: 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n 0 4px 1px 0 rgba(38, 69, 109, 0), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n svg {\n color: #4b5565;\n }\n "],["\n border-radius: 8px;\n border: 1px solid #e3e8ef;\n background: #fff;\n box-shadow: 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n 0 4px 1px 0 rgba(38, 69, 109, 0), 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02), 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n svg {\n color: #4b5565;\n }\n "])))}),v=r.div(c||(c=n(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n"]))),$=r.div(x||(x=n(["\n color: #121926;\n ","\n"],["\n color: #121926;\n ","\n"])),i),k=r.div(g||(g=n(["\n color: #121926;\n ","\n"],["\n color: #121926;\n ","\n"])),t),O=r.div(u||(u=n(["\n display: grid;\n grid-template-rows: ",";\n transition: grid-template-rows 300ms ease-in-out;\n width: 100%;\n"],["\n display: grid;\n grid-template-rows: ",";\n transition: grid-template-rows 300ms ease-in-out;\n width: 100%;\n"])),function(n){return n.$isOpen?"1fr":"0fr"}),j=r.div(m||(m=n(["\n overflow: hidden;\n color: #4b5565;\n ","\n\n /* Spacing: We need 20px from header. */\n padding-top: ",";\n\n /* Optional: fade content in/out */\n opacity: ",";\n transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out;\n"],["\n overflow: hidden;\n color: #4b5565;\n ","\n\n /* Spacing: We need 20px from header. */\n padding-top: ",";\n\n /* Optional: fade content in/out */\n opacity: ",";\n transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out;\n"])),t,function(n){return n.$isOpen?"20px":"0px"},function(n){return n.$isOpen?1:0}),T=r.button(b||(b=n(["\n border: none;\n background: none;\n cursor: pointer;\n transform: rotate(",");\n transition: transform 0.2s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #9aa4b2;\n padding: 4px;\n"],["\n border: none;\n background: none;\n cursor: pointer;\n transform: rotate(",");\n transition: transform 0.2s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #9aa4b2;\n padding: 4px;\n"])),function(n){return n.$isOpen?"270deg":"180deg"});export{j as AccordionInner,O as AccordionWrapper,T as ArrowButton,y as Container,v as Content,k as Description,h as Header,w as IconWrapper,$ as Title};
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ import { LoyaltyWidgetViewModel } from "models";
3
+ type Props = {
4
+ viewModel: LoyaltyWidgetViewModel;
5
+ };
6
+ declare const MiniModeButton: React.FC<Props>;
7
+ export default MiniModeButton;
@@ -0,0 +1 @@
1
+ import e from"react";import{observer as t}from"mobx-react";import{WidgetMode as o}from"../../../models/types/index.js";import{Container as r,Logo as a,Emoji as i}from"./style.js";var m=t(function(t){var m=t.viewModel,l=m.loyaltyWidget.miniModeLogo;return e.createElement(r,{$hasImg:!!l.src,onClick:function(e){e.stopPropagation(),m.setWidgetMode(o.WIDGET_MODE)}},l&&l.src?e.createElement(a,{src:l.src,alt:"Loyalty Widget"}):e.createElement(i,null,"🚀"))});export{m as default};
@@ -0,0 +1,5 @@
1
+ export declare const Container: import("styled-components").StyledComponent<"div", any, {
2
+ $hasImg: boolean;
3
+ }, never>;
4
+ export declare const Logo: import("styled-components").StyledComponent<"img", any, {}, never>;
5
+ export declare const Emoji: import("styled-components").StyledComponent<"span", any, {}, never>;
@@ -0,0 +1 @@
1
+ import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import t,{css as e}from"styled-components";var i,r,o,s,p=t.div(r||(r=n(["\n display: flex;\n width: 60px;\n height: 60px;\n padding: 14px;\n justify-content: center;\n align-items: center;\n border-radius: 60px;\n \n box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08),\n 0 4px 6px -2px rgba(19, 19, 24, 0.03);\n cursor: pointer;\n transition: transform 0.2s ease-in-out;\n\n &:hover {\n transform: scale(1.05);\n }\n\n ","\n"],["\n display: flex;\n width: 60px;\n height: 60px;\n padding: 14px;\n justify-content: center;\n align-items: center;\n border-radius: 60px;\n \n box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08),\n 0 4px 6px -2px rgba(19, 19, 24, 0.03);\n cursor: pointer;\n transition: transform 0.2s ease-in-out;\n\n &:hover {\n transform: scale(1.05);\n }\n\n ","\n"])),function(t){return!t.$hasImg&&e(i||(i=n(["\n background: #000;\n "],["\n background: #000;\n "])))}),a=t.img(o||(o=n(["\n width: 100%;\n height: 100%;\n object-fit: contain;\n"],["\n width: 100%;\n height: 100%;\n object-fit: contain;\n"]))),x=t.span(s||(s=n(["\n font-size: 32px;\n line-height: 1;\n"],["\n font-size: 32px;\n line-height: 1;\n"])));export{p as Container,x as Emoji,a as Logo};
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ import { LoyaltyWidgetViewModel } from "models";
3
+ type Props = {
4
+ viewModel: LoyaltyWidgetViewModel;
5
+ };
6
+ declare const MiniModeDescription: React.FC<Props>;
7
+ export default MiniModeDescription;
@@ -0,0 +1 @@
1
+ import e from"react";import{observer as o}from"mobx-react";import{WidgetMode as t}from"../../../models/types/index.js";import{XClose as i}from"../../../assets/icons/x-close.js";import{Container as r,CloseButton as a,Text as n}from"./style.js";var l=o(function(o){var l=o.viewModel;return l.isMiniModeDescriptionClosed?null:e.createElement(r,{onClick:function(e){e.stopPropagation(),l.setWidgetMode(t.WIDGET_MODE)}},e.createElement(a,{onClick:function(e){e.stopPropagation(),l.closeMiniModeDescription()}},e.createElement(i,null)),e.createElement(n,null,"Merhaba! 👋 Sadakat programın ve destek ekibimiz burada. Puanlarına göz at veya ekibimizle konuş."))});export{l as default};
@@ -0,0 +1,3 @@
1
+ export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const CloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const Text: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1 @@
1
+ import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import p from"styled-components";import{textMD as r}from"../style/typography.js";var o,x,a,i=p.div(o||(o=n(["\n display: flex;\n width: 432px;\n max-width: calc(100vw - 40px);\n padding: 20px;\n flex-direction: column;\n align-items: flex-start;\n gap: 24px;\n border-radius: 16px;\n border: 1px solid #ECECED;\n background: #FFF;\n box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n 0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n 0 1px 2px 0 rgba(0, 0, 0, 0.10);\n color: #121926;\n position: relative;\n cursor: pointer;\n margin-bottom: 16px; /* 16px space between description and button */\n"],["\n display: flex;\n width: 432px;\n max-width: calc(100vw - 40px);\n padding: 20px;\n flex-direction: column;\n align-items: flex-start;\n gap: 24px;\n border-radius: 16px;\n border: 1px solid #ECECED;\n background: #FFF;\n box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n 0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n 0 1px 2px 0 rgba(0, 0, 0, 0.10);\n color: #121926;\n position: relative;\n cursor: pointer;\n margin-bottom: 16px; /* 16px space between description and button */\n"]))),e=p.div(x||(x=n(["\n position: absolute;\n top: -12px;\n right: -12px;\n cursor: pointer;\n display: inline-flex;\n padding: 6px;\n align-items: center;\n gap: 10px;\n border-radius: 40px;\n background: #F6F6F6;\n box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n 0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n 0 1px 2px 0 rgba(0, 0, 0, 0.10);\n color: #4B5565;\n\n &:hover {\n color: #667085;\n }\n"],["\n position: absolute;\n top: -12px;\n right: -12px;\n cursor: pointer;\n display: inline-flex;\n padding: 6px;\n align-items: center;\n gap: 10px;\n border-radius: 40px;\n background: #F6F6F6;\n box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n 0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n 0 1px 2px 0 rgba(0, 0, 0, 0.10);\n color: #4B5565;\n\n &:hover {\n color: #667085;\n }\n"]))),t=p.div(a||(a=n(["\n ",";\n color: #121926;\n"],["\n ",";\n color: #121926;\n"])),r);export{e as CloseButton,i as Container,t as Text};
@@ -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{textSMMedium as s}from"../style/typography.js";var m,p=o.div(m||(m=n(["\n ","\n margin: 0;\n padding: 16px 24px;\n"],["\n ","\n margin: 0;\n padding: 16px 24px;\n"])),s);export{p as Title};
1
+ import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import p from"styled-components";import{textSMMedium as o}from"../style/typography.js";var m,r=p.div(m||(m=n(["\n ","\n margin: 0;\n padding: 16px 24px;\n"],["\n ","\n margin: 0;\n padding: 16px 24px;\n"])),o);export{r as Title};
@@ -0,0 +1,4 @@
1
+ import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
2
+ export declare const iconWrapperShape: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
3
+ $iconType: WidgetIconTypeEnum;
4
+ }, any>>;
@@ -0,0 +1 @@
1
+ import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import{css as e}from"styled-components";import{WidgetIconTypeEnum as t}from"../../../models/loyalty-widget/types/index.js";var i,r=e(i||(i=n(["\n display: flex;\n width: ",";\n height: ",";\n justify-content: center;\n align-items: center;\n border-radius: ",";\n"],["\n display: flex;\n width: ",";\n height: ",";\n justify-content: center;\n align-items: center;\n border-radius: ",";\n"])),function(n){return n.$iconType===t.ILLUSTRATION?"40px":"36px"},function(n){return n.$iconType===t.ILLUSTRATION?"40px":"36px"},function(n){return n.$iconType===t.ILLUSTRATION?"40px":"8px"});export{r as iconWrapperShape};
@@ -2,10 +2,11 @@ declare const textXSMedium: import("styled-components").FlattenSimpleInterpolati
2
2
  declare const textSM: import("styled-components").FlattenSimpleInterpolation;
3
3
  declare const textSMMedium: import("styled-components").FlattenSimpleInterpolation;
4
4
  declare const textSMSemiBold: import("styled-components").FlattenSimpleInterpolation;
5
+ declare const textMD: import("styled-components").FlattenSimpleInterpolation;
5
6
  declare const textMDMedium: import("styled-components").FlattenSimpleInterpolation;
6
7
  declare const textLGMedium: import("styled-components").FlattenSimpleInterpolation;
7
8
  declare const textLGSemiBold: import("styled-components").FlattenSimpleInterpolation;
8
9
  declare const textXLSemiBold: import("styled-components").FlattenSimpleInterpolation;
9
10
  declare const displayXSSemiBold: import("styled-components").FlattenSimpleInterpolation;
10
11
  declare const Badge: import("styled-components").StyledComponent<"span", any, {}, never>;
11
- export { textXSMedium, textSM, textSMMedium, textSMSemiBold, textMDMedium, textLGMedium, textLGSemiBold, textXLSemiBold, displayXSSemiBold, Badge, };
12
+ export { textXSMedium, textSM, textSMMedium, textSMSemiBold, textMD, textMDMedium, textLGMedium, textLGSemiBold, textXLSemiBold, displayXSSemiBold, Badge, };
@@ -1 +1 @@
1
- import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import t,{css as e}from'./../../../ext/styled-components/dist/styled-components.browser.esm.js';var o,i,l,f,s,p,h,x,g,r,a=e(o||(o=n(["\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px; /* 150% */\n letter-spacing: -0.24px;\n"],["\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px; /* 150% */\n letter-spacing: -0.24px;\n"]))),m=e(i||(i=n(["\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n"],["\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n"]))),d=e(l||(l=n(["\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n"],["\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n"]))),y=e(f||(f=n(["\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n"],["\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n"]))),c=e(s||(s=n(["\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"],["\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"]))),w=e(p||(p=n(["\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: 28px;\n"],["\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: 28px;\n"]))),z=e(h||(h=n(["\n font-size: 18px;\n font-style: normal;\n font-weight: 600;\n line-height: 28px;\n"],["\n font-size: 18px;\n font-style: normal;\n font-weight: 600;\n line-height: 28px;\n"]))),b=e(x||(x=n(["\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 30px;\n"],["\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 30px;\n"]))),u=e(g||(g=n(["\n font-size: 24px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px;\n"],["\n font-size: 24px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px;\n"]))),j=t.span(r||(r=n(["\n display: flex;\n padding: 2px 8px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n border-radius: 6px;\n border: 0.6px solid #cdd5df;\n opacity: 0.8;\n background: #f8fafc;\n ","\n color: #121926;\n"],["\n display: flex;\n padding: 2px 8px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n border-radius: 6px;\n border: 0.6px solid #cdd5df;\n opacity: 0.8;\n background: #f8fafc;\n ","\n color: #121926;\n"])),m);export{j as Badge,u as displayXSSemiBold,w as textLGMedium,z as textLGSemiBold,c as textMDMedium,m as textSM,d as textSMMedium,y as textSMSemiBold,b as textXLSemiBold,a as textXSMedium};
1
+ import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import t,{css as e}from"styled-components";var o,i,l,f,p,s,h,x,g,r,a,m=e(o||(o=n(["\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px; /* 150% */\n letter-spacing: -0.24px;\n"],["\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px; /* 150% */\n letter-spacing: -0.24px;\n"]))),y=e(i||(i=n(["\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n"],["\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n"]))),d=e(l||(l=n(["\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n"],["\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n"]))),w=e(f||(f=n(["\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n"],["\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n"]))),z=e(p||(p=n(["\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 24px\n"],["\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 24px\n"]))),c=e(s||(s=n(["\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"],["\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"]))),b=e(h||(h=n(["\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: 28px;\n"],["\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: 28px;\n"]))),u=e(x||(x=n(["\n font-size: 18px;\n font-style: normal;\n font-weight: 600;\n line-height: 28px;\n"],["\n font-size: 18px;\n font-style: normal;\n font-weight: 600;\n line-height: 28px;\n"]))),j=e(g||(g=n(["\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 30px;\n"],["\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 30px;\n"]))),k=e(r||(r=n(["\n font-size: 24px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px;\n"],["\n font-size: 24px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px;\n"]))),v=t.span(a||(a=n(["\n display: flex;\n padding: 2px 8px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n border-radius: 6px;\n border: 0.6px solid #cdd5df;\n opacity: 0.8;\n background: #f8fafc;\n ","\n color: #121926;\n"],["\n display: flex;\n padding: 2px 8px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n border-radius: 6px;\n border: 0.6px solid #cdd5df;\n opacity: 0.8;\n background: #f8fafc;\n ","\n color: #121926;\n"])),y);export{v as Badge,k as displayXSSemiBold,b as textLGMedium,u as textLGSemiBold,z as textMD,c as textMDMedium,y as textSM,d as textSMMedium,w as textSMSemiBold,j as textXLSemiBold,m as textXSMedium};
@@ -1,5 +1,4 @@
1
1
  import React from "react";
2
- import "./utils/i18n";
3
2
  import { IkasLoyaltyWidgetConfig } from "models/types";
4
3
  type Props = {
5
4
  config?: IkasLoyaltyWidgetConfig;
@@ -1 +1 @@
1
- import{__awaiter as e,__generator as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.mjs.js';import r,{useState as o,useRef as i,useEffect as s}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 v}from"../models/loyalty-program-spending-method/index.js";import{LoyaltyCustomerInfo as C}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(c){var A=c.config,N=o(function(){var e=A||window.ikasLoyaltyWidgetConfig;return new g({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],_=i(!0);s(function(){e(void 0,void 0,void 0,function(){var e,r,o,i,s,c,a,f,m,p,E,y,g,S;return t(this,function(t){switch(t.label){case 0:if(!N.callbacks)return[3,6];t.label=1;case 1:return t.trys.push([1,4,5,6]),e=[N.callbacks.getLoyaltyWidget(),N.callbacks.listEarningMethods(),N.callbacks.listLoyaltyProgramTier({includeDeleted:!1})],N.cartId&&(e.push(N.callbacks.listSpendingMethodsByCartId(N.cartId)),e.push(N.callbacks.getLoyaltyCustomerInfo()),e.push(N.callbacks.listLoyaltyProgramPointHistory({}))),[4,Promise.all(e)];case 2:return r=t.sent(),o=r[0],i=r[1],s=r[2],c=[],a=null,f=[],N.cartId&&(c=r[3],a=r[4],f=r[5]),N.loyaltyWidget=new h(o),N.earningMethods=i.map(function(e){return new R(e)}),N.tiers=s||[],N.cartId&&(N.spendingMethods=c.map(function(e){return new v(e)}),N.user=a?new C(a):null,N.pointHistory=f?f.map(function(e){return new b(e)}):[]),m=new Set,p=new Set,E=new Set,y=new Set,N.earningMethods.forEach(function(e){var t,r;e.methodType===l.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===d.PRODUCT_AND_VARIANT?e.idList.forEach(function(e){return m.add(e)}):e.type===d.CATEGORY?e.idList.forEach(function(e){return p.add(e)}):e.type===d.PRODUCT_BRAND?e.idList.forEach(function(e){return E.add(e)}):e.type===d.PRODUCT_TAG&&e.idList.forEach(function(e){return y.add(e)})})}),N.spendingMethods&&N.spendingMethods.forEach(function(e){var t,n;e.type===u.FREE_PRODUCT&&(null===(t=e.discountSettings)||void 0===t?void 0:t.freeProductId)&&m.add(e.discountSettings.freeProductId),null===(n=e.productFilters)||void 0===n||n.forEach(function(e){e.type===d.PRODUCT_AND_VARIANT?e.idList.forEach(function(e){return m.add(e)}):e.type===d.CATEGORY?e.idList.forEach(function(e){return p.add(e)}):e.type===d.PRODUCT_BRAND?e.idList.forEach(function(e){return E.add(e)}):e.type===d.PRODUCT_TAG&&e.idList.forEach(function(e){return y.add(e)})})}),g=[],m.size>0&&N.callbacks.getProducts&&g.push(N.callbacks.getProducts(Array.from(m)).then(function(e){return N.products=e})),p.size>0&&N.callbacks.getCategories&&g.push(N.callbacks.getCategories(Array.from(p)).then(function(e){return N.categories=e})),E.size>0&&N.callbacks.getBrands&&g.push(N.callbacks.getBrands(Array.from(E)).then(function(e){return N.brands=e})),y.size>0&&N.callbacks.getTags&&g.push(N.callbacks.getTags(Array.from(y)).then(function(e){return N.tags=e})),[4,Promise.all(g)];case 3:return t.sent(),[3,6];case 4:return S=t.sent(),console.error("Failed to initialize loyalty data",S),[3,6];case 5:return _.current=!1,[7];case 6:return[2]}})})},[]),s(function(){if(!_.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(!N.callbacks)return[3,4];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Promise.all([N.callbacks.listSpendingMethodsByCartId(N.cartId),N.callbacks.getLoyaltyCustomerInfo(),N.callbacks.listLoyaltyProgramPointHistory({})])];case 2:return e=t.sent(),n=e[0],r=e[1],o=e[2],N.spendingMethods=n.map(function(e){return new v(e)}),N.user=r?new C(r):null,N.pointHistory=o?o.map(function(e){return new b(e)}):[],[3,4];case 3:return i=t.sent(),console.error("Failed to fetch cart dependent data",i),[3,4];case 4:return[2]}})})}},[N.cartId]);var T=function(e){N.selectedScreen=e},w=function(){var e;(null===(e=N.callbacks)||void 0===e?void 0:e.onWidgetClose)&&N.callbacks.onWidgetClose()},M=N.selectedScreen===a.MAIN_SCREEN,L=o(null),P=L[0],D=L[1];s(function(){N.selectedScreen!==a.MAIN_SCREEN&&D(N.selectedScreen)},[N.selectedScreen]);var j=M?P:N.selectedScreen;return r.createElement(S,null,r.createElement(I,null,r.createElement(k,{$isActive:M,$isMain:!0},r.createElement(f,{viewModel:N,onClose:w,onNavigate:T})),r.createElement(k,{$isActive:!M,$isMain:!1},function(){switch(j){case a.CREDIT_SPENDING_METHODS_SCREEN:return r.createElement(m,{viewModel:N,onBack:function(){return T(a.MAIN_SCREEN)},onClose:w});case a.CREDIT_EARNING_METHODS_SCREEN:return r.createElement(p,{viewModel:N,onBack:function(){return T(a.MAIN_SCREEN)},onClose:w});case a.CREDIT_HISTORY_SCREEN:return r.createElement(E,{viewModel:N,onBack:function(){return T(a.MAIN_SCREEN)},onClose:w});case a.LOYALTY_LEVEL_SCREEN:return r.createElement(y,{viewModel:N,onBack:function(){return T(a.MAIN_SCREEN)},onClose:w});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 i,useRef as o,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{WidgetMode as d,LoyaltyWidgetScreenTypeEnum as u,EarningMethodTypeEnum as f,LoyaltyProgramFilterTypeEnum as m,LoyaltyProgramMethodSpendingTypeEnum as E}from"../models/types/index.js";import{WidgetPositionEnum as v,LoyaltyWidgetLayoutTypeEnum as y}from"../models/loyalty-widget/types/index.js";import g from"./screens/main-screen/index.js";import p from"./screens/credit-spending-methods-screen/index.js";import h from"./screens/credit-earning-methods-screen/index.js";import R from"./screens/credit-history-screen/index.js";import M from"./screens/loyalty-level-screen/index.js";import w from"./components/mini-mode-button/index.js";import T from"./components/mini-mode-description/index.js";import{LoyaltyWidgetViewModel as _}from"../models/index.js";import{LoyaltyWidget as b}from"../models/loyalty-widget/index.js";import{LoyaltyProgramSpendingMethod as C}from"../models/loyalty-program-spending-method/index.js";import{LoyaltyCustomerInfo as I}from"../models/loyalty-customer-info/index.js";import{LoyaltyProgramEarningMethod as k}from"../models/loyalty-program-earning-method/index.js";import{LoyaltyProgramPointHistory as O}from"../models/loyalty-program-point-history/index.js";import{Container as A,MiniModeWrapper as S,Panel as N,ScreenWrapper as D}from"./style.js";var L=c(function(c){var L,P,x=c.config,j=i(function(){var e=x||window.ikasLoyaltyWidgetConfig;return new _({cartId:(null==e?void 0:e.cartId)||null,ikasEventUser:(null==e?void 0:e.userId)?{id:e.userId}: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.storeURL)||null,null==e?void 0:e.isPreviewMode,null==e?void 0:e.callbacks)})[0],U=o(!0);s(function(){var e=x||window.ikasLoyaltyWidgetConfig;(null==e?void 0:e.onViewModelInitialized)&&e.onViewModelInitialized(j)},[j,x]);var W=function(){return e(void 0,void 0,void 0,function(){var e,r,i,o,s;return t(this,function(t){switch(t.label){case 0:return j.callbacks?(e=new Set,r=new Set,i=new Set,o=new Set,j.earningMethods.forEach(function(t){var s,c;t.methodType===f.ORDER_CREATE&&n(n([],(null===(s=t.orderSettings)||void 0===s?void 0:s.productFilters)||[],!0),(null===(c=t.productSettings)||void 0===c?void 0:c.productFilters)||[],!0).forEach(function(t){t.type===m.PRODUCT_AND_VARIANT?t.idList.forEach(function(t){return e.add(t)}):t.type===m.CATEGORY?t.idList.forEach(function(e){return r.add(e)}):t.type===m.PRODUCT_BRAND?t.idList.forEach(function(e){return i.add(e)}):t.type===m.PRODUCT_TAG&&t.idList.forEach(function(e){return o.add(e)})})}),j.spendingMethods&&j.spendingMethods.forEach(function(t){var n,s;t.type===E.FREE_PRODUCT&&(null===(n=t.discountSettings)||void 0===n?void 0:n.freeProductId)&&e.add(t.discountSettings.freeProductId),null===(s=t.productFilters)||void 0===s||s.forEach(function(t){t.type===m.PRODUCT_AND_VARIANT?t.idList.forEach(function(t){return e.add(t)}):t.type===m.CATEGORY?t.idList.forEach(function(e){return r.add(e)}):t.type===m.PRODUCT_BRAND?t.idList.forEach(function(e){return i.add(e)}):t.type===m.PRODUCT_TAG&&t.idList.forEach(function(e){return o.add(e)})})}),s=[],e.size>0&&j.callbacks.getProducts&&s.push(j.callbacks.getProducts(Array.from(e)).then(function(e){return j.products=e})),r.size>0&&j.callbacks.getCategories&&s.push(j.callbacks.getCategories(Array.from(r)).then(function(e){return j.categories=e})),i.size>0&&j.callbacks.getBrands&&s.push(j.callbacks.getBrands(Array.from(i)).then(function(e){return j.brands=e})),o.size>0&&j.callbacks.getTags&&s.push(j.callbacks.getTags(Array.from(o)).then(function(e){return j.tags=e})),[4,Promise.all(s)]):[2];case 1:return t.sent(),[2]}})})};s(function(){e(void 0,void 0,void 0,function(){var e,n,r,i,o,s;return t(this,function(t){switch(t.label){case 0:if(!j.callbacks)return[3,6];t.label=1;case 1:return t.trys.push([1,4,5,6]),e=[j.callbacks.getLoyaltyWidget(),j.callbacks.listEarningMethods(),j.callbacks.listLoyaltyProgramTier({})],[4,Promise.all(e)];case 2:return n=t.sent(),r=n[0],i=n[1],o=n[2],j.loyaltyWidget=r instanceof b?r:new b(r||{}),j.earningMethods=i.map(function(e){return new k(e)}),j.tiers=o||[],[4,W()];case 3:return t.sent(),[3,6];case 4:return s=t.sent(),console.error("Failed to initialize loyalty data",s),[3,6];case 5:return U.current=!1,[7];case 6:return[2]}})})},[]),s(function(){if(window.IkasEvents){var e="ikas-loyalty-widget-subscriber";try{window.IkasEvents.subscribe({id:e,callback:function(e){var t,n,r,i=e.type;if("CUSTOMER_LOGIN"===i){var o=null===(t=e.data)||void 0===t?void 0:t.customer;o&&(j.ikasEventUser=o)}else"CUSTOMER_LOGOUT"===i&&(j.ikasEventUser=null);if("ADD_TO_CART"===i||"REMOVE_FROM_CART"===i){var s=null===(r=null===(n=e.data)||void 0===n?void 0:n.cart)||void 0===r?void 0:r.id;s&&(j.cartId=s),["CUSTOMER_LOGIN","CUSTOMER_LOGOUT"].includes(i)?(j.userRefreshTrigger++,j.cartRefreshTrigger++):["ADD_TO_CART","REMOVE_FROM_CART"].includes(i)&&j.cartRefreshTrigger++}}})}catch(e){console.error("Failed to subscribe to IkasEvents",e)}return function(){var t;(null===(t=window.IkasEvents)||void 0===t?void 0:t.unsubscribe)&&window.IkasEvents.unsubscribe(e)}}},[j]),s(function(){e(void 0,void 0,void 0,function(){var e,n,r,i,o;return t(this,function(t){switch(t.label){case 0:if(!j.callbacks||!(null===(o=j.ikasEventUser)||void 0===o?void 0:o.id))return[3,4];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Promise.all([j.callbacks.getLoyaltyCustomerInfo(),j.callbacks.listLoyaltyProgramPointHistory({})])];case 2:return e=t.sent(),n=e[0],r=e[1],j.user=n?new I(n):null,j.pointHistory=r?r.map(function(e){return new O(e)}):[],[3,4];case 3:return i=t.sent(),console.error("Failed to fetch user data",i),[3,4];case 4:return[2]}})})},[null===(L=j.ikasEventUser)||void 0===L?void 0:L.id,j.userRefreshTrigger]),s(function(){e(void 0,void 0,void 0,function(){var e,n;return t(this,function(t){switch(t.label){case 0:if(!j.callbacks)return[3,5];t.label=1;case 1:return t.trys.push([1,4,,5]),[4,j.callbacks.listSpendingMethodsByCartId(j.cartId)];case 2:return e=t.sent(),j.spendingMethods=e.map(function(e){return new C(e)}),[4,W()];case 3:return t.sent(),[3,5];case 4:return n=t.sent(),console.error("Failed to fetch cart data",n),[3,5];case 5:return[2]}})})},[j.cartId,j.cartRefreshTrigger]);var G=function(e){j.selectedScreen=e},$=function(){j.setWidgetMode(d.MINI_MODE),setTimeout(function(){j.selectedScreen=u.MAIN_SCREEN},300)};s(function(){return j.currentWidgetMode===d.WIDGET_MODE?document.body.style.overflow="hidden":document.body.style.overflow="",function(){document.body.style.overflow=""}},[j.currentWidgetMode]);var F=j.selectedScreen===u.MAIN_SCREEN,B=i(null),V=B[0],z=B[1];s(function(){j.selectedScreen!==u.MAIN_SCREEN&&z(j.selectedScreen)},[j.selectedScreen]);var H=F?V:j.selectedScreen,Y=j.loyaltyWidget.settings.position||v.RIGHT,q=j.loyaltyWidget.settings.type||y.DRAWER;return r.createElement(a,{i18n:l},r.createElement(A,{$layoutType:q,$widgetPosition:Y,$widgetMode:j.currentWidgetMode,$position:(null==x?void 0:x.position)||(null===(P=window.ikasLoyaltyWidgetConfig)||void 0===P?void 0:P.position)||"fixed",onClick:function(){j.currentWidgetMode===d.WIDGET_MODE&&$()}},r.createElement(S,{$isVisible:j.currentWidgetMode===d.MINI_MODE,$widgetPosition:Y},r.createElement(T,{viewModel:j}),r.createElement(w,{viewModel:j})),r.createElement(N,{$layoutType:q,$isOpen:j.currentWidgetMode===d.WIDGET_MODE,$widgetPosition:Y,onClick:function(e){return e.stopPropagation()}},r.createElement(D,{$isActive:F,$isMain:!0},r.createElement(g,{viewModel:j,onClose:$,onNavigate:G})),r.createElement(D,{$isActive:!F,$isMain:!1},function(){switch(H){case u.CREDIT_SPENDING_METHODS_SCREEN:return r.createElement(p,{viewModel:j,onBack:function(){return G(u.MAIN_SCREEN)},onClose:$});case u.CREDIT_EARNING_METHODS_SCREEN:return r.createElement(h,{viewModel:j,onBack:function(){return G(u.MAIN_SCREEN)},onClose:$});case u.CREDIT_HISTORY_SCREEN:return r.createElement(R,{viewModel:j,onBack:function(){return G(u.MAIN_SCREEN)},onClose:$});case u.LOYALTY_LEVEL_SCREEN:return r.createElement(M,{viewModel:j,onBack:function(){return G(u.MAIN_SCREEN)},onClose:$});default:return null}}()))))});export{L as default};
@@ -1 +1 @@
1
- import e from"react";import{observer as t}from"mobx-react";import{useTranslation as n}from"react-i18next";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 c,Header as i,IconButton as m,Title as a,Content as s}from"./style.js";import{EarningMethodTypeEnum as d}from"../../../models/types/index.js";var f=t(function(t){var f=t.viewModel,p=t.onBack,E=t.onClose,u=n().t;return e.createElement(c,null,e.createElement(i,null,e.createElement(m,{onClick:p},e.createElement(r,null)),e.createElement(a,null,u("screens.creditEarningMethods")),e.createElement(m,{onClick:E},e.createElement(l,null))),e.createElement(s,null,e.createElement(o,{containerStyle:{paddingRight:16,paddingLeft:16},viewModel:f,getActionProps:function(e){return e.methodType===d.CUSTOMER_REGISTER?{actionText:u("common.create"),onClick:function(){}}:e.methodType===d.ENABLE_SUBSCRIPTION?{actionText:u("common.allow"),onClick:function(){}}:null}})))});export{f as default};
1
+ import{__awaiter as e,__generator as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"react";import{observer as n}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as r}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import i from"../main-screen/earning-methods-section/index.js";import{ChevronLeft as s}from"../../../assets/icons/chevron-left.js";import{XClose as c}from"../../../assets/icons/x-close.js";import{Container as l,Header as a,IconButton as m,Title as d,Content as u}from"./style.js";import{EarningMethodTypeEnum as f,WidgetMode as p}from"../../../models/types/index.js";var E=n(function(n){var E=n.viewModel,b=n.onBack,g=n.onClose,v=r().t;return o.createElement(l,null,o.createElement(a,null,o.createElement(m,{onClick:b},o.createElement(s,null)),o.createElement(d,null,v("screens.creditEarningMethods")),o.createElement(m,{onClick:g},o.createElement(c,null))),o.createElement(u,null,o.createElement(i,{containerStyle:{paddingRight:16,paddingLeft:16},viewModel:E,getActionProps:function(o){return o.methodType===f.CUSTOMER_REGISTER?{actionText:v("common.create"),onClick:function(){E.storeUrl&&(E.setWidgetMode(p.MINI_MODE),window.location.href="".concat(E.storeUrl,"/account/register"))}}:o.methodType===f.ENABLE_SUBSCRIPTION?{actionText:v("common.allow"),onClick:function(){return e(void 0,void 0,void 0,function(){var e;return t(this,function(t){switch(t.label){case 0:return(null===(e=E.callbacks)||void 0===e?void 0:e.subscribeToMarketingNotifications)?[4,E.callbacks.subscribeToMarketingNotifications()]:[3,2];case 1:t.sent()&&(E.ikasEventUser.subscriptionStatus="SUBSCRIBED",E.userRefreshTrigger++),t.label=2;case 2:return[2]}})})}}:null}})))});export{E as default};
@@ -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};
@@ -1 +1 @@
1
- import e from"react";import{observer as t}from"mobx-react";import{useTranslation as n}from"react-i18next";import{XClose as r}from"../../../assets/icons/x-close.js";import{ChevronLeft as l}from"../../../assets/icons/chevron-left.js";import{Container as a,Header as m,IconButton as o,Title as c,Content as i,PointsSection as s,PointsTitle as u,PointsValue as E,HistoryList as f,HistoryItem as p,HistoryItemLeft as d,HistoryItemTitle as y,HistoryItemDate as h,HistoryItemAmount as v,Divider as x}from"./style.js";import{LoyaltyProgramPointHistoryTypeEnum as j}from"../../../models/types/index.js";var k=t(function(t){var k=t.viewModel,g=t.onBack,w=t.onClose,C=n().t,T=k.user,A=k.pointHistory,D=k.locale;return e.createElement(a,null,e.createElement(m,null,e.createElement(o,{onClick:g},e.createElement(l,null)),e.createElement(c,null,C("screens.creditHistory")),e.createElement(o,{onClick:w},e.createElement(r,null))),e.createElement(i,null,T&&e.createElement(s,null,e.createElement(u,null,C("header.earnedPoints")),e.createElement(E,null,T.totalPoint)),e.createElement(f,null,A.map(function(t,n){var r=t.type===j.EARN;return e.createElement(e.Fragment,{key:t.id},e.createElement(p,null,e.createElement(d,null,e.createElement(y,null,C(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(v,{$isEarn:r},r?"":"-",t.amount)),n<A.length-1&&e.createElement(x,null))}))))});export{k 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 a,Header as o,IconButton as m,Title as c,Content as i,PointsSection as s,PointsTitle as u,PointsValue as d,HistoryList as E,HistoryItem as f,HistoryItemLeft as p,HistoryItemTitle as y,HistoryItemDate as h,HistoryItemAmount as x,Divider as j}from"./style.js";import{LoyaltyProgramPointHistoryTypeEnum as g}from"../../../models/types/index.js";var v=t(function(t){var v=t.viewModel,k=t.onBack,T=t.onClose,w=n().t,C=v.user,R=v.pointHistory,b=v.locale;return e.createElement(a,null,e.createElement(o,null,e.createElement(m,{onClick:k},e.createElement(l,null)),e.createElement(c,null,w("screens.creditHistory")),e.createElement(m,{onClick:T},e.createElement(r,null))),e.createElement(i,null,C&&e.createElement(s,{$borderRadius:v.loyaltyWidget.settings.cartBorderRadius},e.createElement(u,null,w("header.earnedPoints")),e.createElement(d,null,C.totalPoint)),e.createElement(E,null,R.map(function(t,n){var r=t.type===g.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(b,{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<R.length-1&&e.createElement(j,null))}))))});export{v as default};
@@ -3,7 +3,9 @@ export declare const Header: import("styled-components").StyledComponent<"div",
3
3
  export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
4
4
  export declare const IconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
5
5
  export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- export declare const PointsSection: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const PointsSection: import("styled-components").StyledComponent<"div", any, {
7
+ $borderRadius: number;
8
+ }, never>;
7
9
  export declare const PointsTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
8
10
  export declare const PointsValue: import("styled-components").StyledComponent<"div", any, {}, never>;
9
11
  export declare const HistoryList: import("styled-components").StyledComponent<"div", any, {}, never>;