@ikas/loyalty-widget-renderer 1.0.0-alpha.5 → 1.0.0-alpha.50

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 (142) hide show
  1. package/build/assets/icons/arrow-right.d.ts +2 -0
  2. package/build/assets/icons/arrow-right.js +1 -0
  3. package/build/assets/index.d.ts +1 -0
  4. package/build/assets/widget-icons/illustraions/medal.js +1 -1
  5. package/build/ext/@babel/runtime/helpers/esm/arrayLikeToArray.js +1 -0
  6. package/build/ext/@babel/runtime/helpers/esm/arrayWithHoles.js +1 -0
  7. package/build/ext/@babel/runtime/helpers/esm/assertThisInitialized.js +1 -0
  8. package/build/ext/@babel/runtime/helpers/esm/classCallCheck.js +1 -0
  9. package/build/ext/@babel/runtime/helpers/esm/createClass.js +1 -0
  10. package/build/ext/@babel/runtime/helpers/esm/defineProperty.js +1 -0
  11. package/build/ext/@babel/runtime/helpers/esm/getPrototypeOf.js +1 -0
  12. package/build/ext/@babel/runtime/helpers/esm/inherits.js +1 -0
  13. package/build/ext/@babel/runtime/helpers/esm/iterableToArray.js +1 -0
  14. package/build/ext/@babel/runtime/helpers/esm/iterableToArrayLimit.js +1 -0
  15. package/build/ext/@babel/runtime/helpers/esm/nonIterableRest.js +1 -0
  16. package/build/ext/@babel/runtime/helpers/esm/possibleConstructorReturn.js +1 -0
  17. package/build/ext/@babel/runtime/helpers/esm/setPrototypeOf.js +1 -0
  18. package/build/ext/@babel/runtime/helpers/esm/slicedToArray.js +1 -0
  19. package/build/ext/@babel/runtime/helpers/esm/toArray.js +1 -0
  20. package/build/ext/@babel/runtime/helpers/esm/toPrimitive.js +1 -0
  21. package/build/ext/@babel/runtime/helpers/esm/toPropertyKey.js +1 -0
  22. package/build/ext/@babel/runtime/helpers/esm/typeof.js +1 -0
  23. package/build/ext/@babel/runtime/helpers/esm/unsupportedIterableToArray.js +1 -0
  24. package/build/ext/i18next/dist/esm/i18next.js +1 -0
  25. package/build/ext/react-i18next/dist/es/I18nextProvider.js +1 -0
  26. package/build/ext/react-i18next/dist/es/context.js +1 -0
  27. package/build/ext/react-i18next/dist/es/unescape.js +1 -0
  28. package/build/ext/react-i18next/dist/es/useTranslation.js +1 -0
  29. package/build/ext/react-i18next/dist/es/utils.js +1 -0
  30. package/build/ext/tslib/tslib.es6.mjs.js +1 -1
  31. package/build/index.d.ts +5 -1
  32. package/build/index.js +1 -1
  33. package/build/injector.d.ts +5 -0
  34. package/build/models/common/index.d.ts +21 -0
  35. package/build/models/common/index.js +1 -0
  36. package/build/models/image/index.d.ts +2 -2
  37. package/build/models/image/index.js +1 -1
  38. package/build/models/index.d.ts +16 -5
  39. package/build/models/index.js +1 -1
  40. package/build/models/loyalty-customer-info/index.d.ts +7 -7
  41. package/build/models/loyalty-customer-info/index.js +1 -1
  42. package/build/models/loyalty-program-earning-method/index.d.ts +16 -30
  43. package/build/models/loyalty-program-earning-method/index.js +1 -1
  44. package/build/models/loyalty-program-point-history/index.d.ts +3 -3
  45. package/build/models/loyalty-program-point-history/index.js +1 -1
  46. package/build/models/loyalty-program-spending-method/index.d.ts +7 -20
  47. package/build/models/loyalty-program-spending-method/index.js +1 -1
  48. package/build/models/loyalty-widget/header/header-background/index.d.ts +1 -2
  49. package/build/models/loyalty-widget/header/header-background/index.js +1 -1
  50. package/build/models/loyalty-widget/header/index.d.ts +1 -1
  51. package/build/models/loyalty-widget/settings/index.js +1 -1
  52. package/build/models/types/index.d.ts +13 -36
  53. package/build/models/types/index.js +1 -1
  54. package/build/renderer/components/button/index.js +1 -1
  55. package/build/renderer/components/button/style.js +1 -1
  56. package/build/renderer/components/count-up/index.d.ts +7 -0
  57. package/build/renderer/components/count-up/index.js +1 -0
  58. package/build/renderer/components/flexible-value-container/index.d.ts +16 -0
  59. package/build/renderer/components/flexible-value-container/index.js +1 -0
  60. package/build/renderer/components/loyalty-method-card/index.d.ts +2 -1
  61. package/build/renderer/components/loyalty-method-card/index.js +1 -1
  62. package/build/renderer/components/loyalty-method-card/style.js +1 -1
  63. package/build/renderer/components/mini-mode-button/index.d.ts +7 -0
  64. package/build/renderer/components/mini-mode-button/index.js +1 -0
  65. package/build/renderer/components/mini-mode-button/style.d.ts +5 -0
  66. package/build/renderer/components/mini-mode-button/style.js +1 -0
  67. package/build/renderer/components/mini-mode-description/index.d.ts +7 -0
  68. package/build/renderer/components/mini-mode-description/index.js +1 -0
  69. package/build/renderer/components/mini-mode-description/style.d.ts +3 -0
  70. package/build/renderer/components/mini-mode-description/style.js +1 -0
  71. package/build/renderer/components/section-title/style.js +1 -1
  72. package/build/renderer/components/style/icon-wrapper.d.ts +4 -0
  73. package/build/renderer/components/style/icon-wrapper.js +1 -0
  74. package/build/renderer/components/style/typography.d.ts +3 -1
  75. package/build/renderer/components/style/typography.js +1 -1
  76. package/build/renderer/index.js +1 -1
  77. package/build/renderer/screens/credit-earning-methods-screen/index.js +1 -1
  78. package/build/renderer/screens/credit-earning-methods-screen/style.js +1 -1
  79. package/build/renderer/screens/credit-history-screen/index.js +1 -1
  80. package/build/renderer/screens/credit-history-screen/style.d.ts +3 -1
  81. package/build/renderer/screens/credit-history-screen/style.js +1 -1
  82. package/build/renderer/screens/credit-spending-methods-screen/index.js +1 -1
  83. package/build/renderer/screens/credit-spending-methods-screen/style.d.ts +3 -1
  84. package/build/renderer/screens/credit-spending-methods-screen/style.js +1 -1
  85. package/build/renderer/screens/loyalty-level-screen/index.js +1 -1
  86. package/build/renderer/screens/loyalty-level-screen/style.d.ts +6 -2
  87. package/build/renderer/screens/loyalty-level-screen/style.js +1 -1
  88. package/build/renderer/screens/main-screen/earning-methods-section/index.d.ts +1 -0
  89. package/build/renderer/screens/main-screen/earning-methods-section/index.js +1 -1
  90. package/build/renderer/screens/main-screen/header/auth-user-section/index.js +1 -1
  91. package/build/renderer/screens/main-screen/header/auth-user-section/style.js +1 -1
  92. package/build/renderer/screens/main-screen/header/index.js +1 -1
  93. package/build/renderer/screens/main-screen/header/logo-section/index.js +1 -1
  94. package/build/renderer/screens/main-screen/header/logo-section/style.d.ts +3 -1
  95. package/build/renderer/screens/main-screen/header/logo-section/style.js +1 -1
  96. package/build/renderer/screens/main-screen/header/style.d.ts +11 -5
  97. package/build/renderer/screens/main-screen/header/style.js +1 -1
  98. package/build/renderer/screens/main-screen/header/title-section/index.js +1 -1
  99. package/build/renderer/screens/main-screen/header/title-section/style.js +1 -1
  100. package/build/renderer/screens/main-screen/header/user-logged-section/index.js +1 -1
  101. package/build/renderer/screens/main-screen/header/user-logged-section/style.js +1 -1
  102. package/build/renderer/screens/main-screen/index.js +1 -1
  103. package/build/renderer/screens/main-screen/program-info-section/index.js +1 -1
  104. package/build/renderer/screens/main-screen/program-info-section/style.d.ts +11 -3
  105. package/build/renderer/screens/main-screen/program-info-section/style.js +1 -1
  106. package/build/renderer/screens/main-screen/spending-methods-section/dynamic-slider.js +1 -1
  107. package/build/renderer/screens/main-screen/spending-methods-section/index.d.ts +1 -0
  108. package/build/renderer/screens/main-screen/spending-methods-section/index.js +1 -1
  109. package/build/renderer/screens/main-screen/style.js +1 -1
  110. package/build/renderer/style.d.ts +17 -2
  111. package/build/renderer/style.js +1 -1
  112. package/build/renderer/utils/i18n.js +1 -1
  113. package/build/renderer/utils/locales/en.json.js +1 -1
  114. package/build/renderer/utils/locales/tr.json.js +1 -1
  115. package/build/renderer/utils/loyalty-details.js +1 -1
  116. package/build/storefront-widget-script-injector.iife.js +68 -0
  117. package/build/storefront-widget-script-injector.iife.js.map +1 -0
  118. package/build/utils.d.ts +6 -4
  119. package/build/utils.js +1 -1
  120. package/package.json +20 -10
  121. package/build/_virtual/index.js +0 -1
  122. package/build/_virtual/index2.js +0 -1
  123. package/build/_virtual/react-is.development.js +0 -1
  124. package/build/_virtual/react-is.development2.js +0 -1
  125. package/build/_virtual/react-is.production.js +0 -1
  126. package/build/_virtual/react-is.production.min.js +0 -1
  127. package/build/ext/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js +0 -1
  128. package/build/ext/@emotion/memoize/dist/memoize.browser.esm.js +0 -1
  129. package/build/ext/@emotion/stylis/dist/stylis.browser.esm.js +0 -1
  130. package/build/ext/@emotion/unitless/dist/unitless.browser.esm.js +0 -1
  131. package/build/ext/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js +0 -1
  132. package/build/ext/hoist-non-react-statics/ext/react-is/cjs/react-is.development.js +0 -9
  133. package/build/ext/hoist-non-react-statics/ext/react-is/cjs/react-is.production.min.js +0 -9
  134. package/build/ext/hoist-non-react-statics/ext/react-is/index.js +0 -1
  135. package/build/ext/react-is/cjs/react-is.development.js +0 -10
  136. package/build/ext/react-is/cjs/react-is.production.js +0 -10
  137. package/build/ext/react-is/index.js +0 -1
  138. package/build/ext/styled-components/dist/styled-components.browser.esm.js +0 -1
  139. package/build/models/base.d.ts +0 -4
  140. package/build/models/base.js +0 -1
  141. package/build/models/category/index.d.ts +0 -5
  142. 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,38 +1,25 @@
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;
28
14
  id: string;
29
15
  isActive: boolean;
16
+ isAvailable: boolean | null;
30
17
  isDynamic: boolean;
31
18
  loyaltyProgramId: string;
32
19
  pointUsageLimit: LoyaltyProgramPointLimit | null;
33
- productFilters: LoyaltyProgramFilter[];
34
- translations: LoyaltyProgramMethodTranslation[];
20
+ productFilters: LoyaltyProgramFilter[] | null;
21
+ translations: LoyaltyProgramMethodTranslation[] | null;
35
22
  type: LoyaltyProgramMethodSpendingTypeEnum;
36
- updatedAt: string;
23
+ updatedAt: any | null;
37
24
  constructor(data?: Partial<LoyaltyProgramSpendingMethod>);
38
25
  }
@@ -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 l=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})},d=function(d){void 0===d&&(d={}),this.createdAt=d.createdAt||null,this.deleted=d.deleted||!1,this.description=d.description||null,this.discountSettings=d.discountSettings?new l(d.discountSettings):null,this.id=d.id||"",this.isActive=d.isActive||!1,this.isAvailable=void 0!==d.isAvailable&&null!==d.isAvailable?d.isAvailable:null,this.isDynamic=d.isDynamic||!1,this.loyaltyProgramId=d.loyaltyProgramId||"",this.pointUsageLimit=d.pointUsageLimit?new s(d.pointUsageLimit):null,this.productFilters=d.productFilters?d.productFilters.map(function(t){return new e(t)}):null,this.translations=d.translations?d.translations.map(function(t){return new o(t)}):null,this.type=d.type||n.FIXED_AMOUNT,this.updatedAt=d.updatedAt||null,t(this,{createdAt:i,deleted:i,description:i,discountSettings:i,id:i,isActive:i,isAvailable:i,isDynamic:i,loyaltyProgramId:i,pointUsageLimit:i,productFilters:i,translations:i,type:i,updatedAt:i})};export{l as LoyaltyProgramDiscountSettings,d 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,4 +1,4 @@
1
- import { LoyaltyWidgetImage } from "models/image";
1
+ import { LoyaltyWidgetImage } from "../../image";
2
2
  import { LoyaltyWidgetHeaderBackground } from "./header-background";
3
3
  export declare class LoyaltyWidgetHeader {
4
4
  logo: LoyaltyWidgetImage;
@@ -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,23 @@ 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>;
108
+ formatCurrency?: (price: number) => string;
137
109
  };
138
110
  export type IkasLoyaltyWidgetConfig = {
139
111
  cartId?: string | null;
112
+ userId?: string | null;
140
113
  cdnURL: string;
141
114
  merchantId: string;
142
115
  currency: string;
143
116
  locale: string;
117
+ storeURL?: string | null;
144
118
  callbacks: LoyaltyWidgetCallbacks;
119
+ position?: "fixed" | "absolute";
120
+ isPreviewMode?: boolean;
121
+ onViewModelInitialized?: (viewModel: LoyaltyWidgetViewModel) => void;
145
122
  };
@@ -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{observer as o}from"mobx-react";import r from"react";import{Button as t,Loader as e}from"./style.js";var i=o(function(o){var i=o.children,d=o.onClick,l=o.button,n=o.fontSize,a=o.paddingSize,u=o.fullWidth,b=void 0!==u&&u,f=o.disabled,m=void 0!==f&&f,s=o.isLoading,c=void 0!==s&&s;return r.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&&r.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 a,textLGSemiBold as d,displayXSSemiBold as s}from"../style/typography.js";var l,p,u,c={textXSMedium:t,textSM:e,textSMMedium:i,textMDMedium:a,textLGSemiBold:d,displayXSSemiBold:s},f={small:"8px",medium:"10px 16px"},m=r.button(l||(l=n(["\n border: none;\n cursor: ",";\n transition: all 0.2s ease;\n opacity: ",";\n /* pointer-events removed to allow cursor: not-allowed */\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: ",";\n }\n"],["\n border: none;\n cursor: ",";\n transition: all 0.2s ease;\n opacity: ",";\n /* pointer-events removed to allow cursor: not-allowed */\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: ",";\n }\n"])),function(n){return n.disabled?"not-allowed":"pointer"},function(n){return n.disabled?.5:1},function(n){return c[n.fontSize]},function(n){return f[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"},function(n){return n.disabled?.5:.9}),x=o(p||(p=n(["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"],["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"]))),b=r.div(u||(u=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 min-width: 14px; /* Ensure it doesn't collapse */\n animation:\n "," 1s linear infinite,\n fade-in 0.3s ease-out;\n\n @keyframes fade-in {\n from {\n opacity: 0;\n width: 0;\n transform: scale(0);\n }\n to {\n opacity: 1;\n width: 14px;\n transform: scale(1);\n }\n }\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 min-width: 14px; /* Ensure it doesn't collapse */\n animation:\n "," 1s linear infinite,\n fade-in 0.3s ease-out;\n\n @keyframes fade-in {\n from {\n opacity: 0;\n width: 0;\n transform: scale(0);\n }\n to {\n opacity: 1;\n width: 14px;\n transform: scale(1);\n }\n }\n"])),x);export{m as Button,b as Loader};
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ type Props = {
3
+ end: number;
4
+ duration?: number;
5
+ };
6
+ declare const CountUp: React.FC<Props>;
7
+ export default CountUp;
@@ -0,0 +1 @@
1
+ import r,{useState as n,useRef as t,useEffect as e}from"react";var u=function(u){var a=u.end,c=u.duration,i=void 0===c?1e3:c,o=n(a),m=o[0],l=o[1],f=t(null),v=t(a);return e(function(){var r;v.current=m,f.current=null;var n=function(t){f.current||(f.current=t);var e=Math.min((t-f.current)/i,1),u=1-Math.pow(1-e,4),c=Math.round(v.current+(a-v.current)*u);l(c),e<1&&(r=requestAnimationFrame(n))};return r=requestAnimationFrame(n),function(){return cancelAnimationFrame(r)}},[a,i]),r.createElement(r.Fragment,null,m)};export{u as default};
@@ -0,0 +1,16 @@
1
+ import React from "react";
2
+ type FlexibleValueContainerProps = {
3
+ children: React.ReactNode | ((isWrapped: boolean) => React.ReactNode);
4
+ gap?: number;
5
+ className?: string;
6
+ style?: React.CSSProperties;
7
+ };
8
+ /**
9
+ * A container that switches flex-direction to 'column' if its children wrap
10
+ * when in 'row' layout.
11
+ *
12
+ * Uses a hidden clone ("Detector") to constantly monitor if a standard row layout
13
+ * would wrap given the current width constraint.
14
+ */
15
+ export declare const FlexibleValueContainer: React.FC<FlexibleValueContainerProps>;
16
+ export {};
@@ -0,0 +1 @@
1
+ import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e,{useRef as t,useState as i,useLayoutEffect as r}from"react";import o from"styled-components";var a,s,p=o.div(a||(a=n(["\n display: flex;\n flex-direction: ",";\n align-items: ",";\n gap: ","px;\n flex-wrap: wrap;\n position: relative;\n width: 100%; /* Ensure it takes available width to properly constrain the detector */\n"],["\n display: flex;\n flex-direction: ",";\n align-items: ",";\n gap: ","px;\n flex-wrap: wrap;\n position: relative;\n width: 100%; /* Ensure it takes available width to properly constrain the detector */\n"])),function(n){return n.$isWrapped?"column":"row"},function(n){return n.$isWrapped?"flex-start":"center"},function(n){return n.$gap}),l=o.div(s||(s=n(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: ","px;\n align-items: center;\n\n /* Positioning to match the container's width constraint */\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n\n /* Hide from view and interaction */\n visibility: hidden;\n pointer-events: none;\n z-index: -100;\n opacity: 0;\n"],["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: ","px;\n align-items: center;\n\n /* Positioning to match the container's width constraint */\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n\n /* Hide from view and interaction */\n visibility: hidden;\n pointer-events: none;\n z-index: -100;\n opacity: 0;\n"])),function(n){return n.$gap}),c=function(n){var o=n.children,a=n.gap,s=void 0===a?6:a,c=n.className,d=n.style,f=t(null),u=i(!1),m=u[0],v=u[1];r(function(){var n=function(){if(f.current){var n=f.current,e=Array.from(n.children);if(e.length<2)v(!1);else{var t=e[0].offsetTop,i=e[e.length-1].offsetTop;v(i>t+2)}}};n();var e=new ResizeObserver(n);return f.current&&e.observe(f.current),function(){return e.disconnect()}},[o]);var w="function"==typeof o?o(m):o,h="function"==typeof o?o(!1):o;return e.createElement(p,{className:c,style:d,$isWrapped:m,$gap:s},w,e.createElement(l,{ref:f,$gap:s,"aria-hidden":"true"},h))};export{c as FlexibleValueContainer};
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
- import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
3
2
  import { LoyaltyWidgetButton } from "models/button";
3
+ import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
4
4
  export type LoyaltyMethodCardProps = {
5
5
  title: string;
6
6
  description: string | React.ReactNode;
@@ -8,6 +8,7 @@ export type LoyaltyMethodCardProps = {
8
8
  action?: {
9
9
  text: string;
10
10
  onClick: () => void;
11
+ loading?: boolean;
11
12
  };
12
13
  isCompleted?: boolean;
13
14
  mode: "card" | "accordion";
@@ -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{observer as e}from"mobx-react";import t,{useState as n}from"react";import{CheckCircleFill as i}from"../../../assets/icons/check-circle-fill.js";import{ChevronLeft as o}from"../../../assets/icons/chevron-left.js";import{WidgetIconTypeEnum as l}from"../../../models/loyalty-widget/types/index.js";import r from"../button/index.js";import{Container as c,Header as a,IconWrapper as m,Content as d,Title as s,Description as p,ArrowButton as u,AccordionWrapper as f,AccordionInner as E}from"./style.js";var g=e(function(e){var g=e.title,y=e.description,x=e.icon,$=e.action,b=e.isCompleted,v=e.mode,C=e.children,j=e.padding,k=e.settings,O=n(!1),h=O[0],w=O[1],I=!b&&(null==$?void 0:$.text)&&(null==$?void 0:$.onClick);return t.createElement(c,{$borderRadius:k.borderRadius,$isCompleted:b,$padding:j},t.createElement(a,{onClick:function(){"accordion"===v&&w(!h)},style:{cursor:"accordion"===v?"pointer":"default"}},k.widgetIconType!==l.NONE&&t.createElement(m,{$iconType:k.widgetIconType},x),t.createElement(d,null,t.createElement(s,null,g),t.createElement(p,null,y)),"card"===v?t.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},b&&t.createElement(i,null),I&&t.createElement(r,{button:k.button,paddingSize:"small",fontSize:"textSMMedium",onClick:$.onClick,isLoading:$.loading},$.text)):t.createElement(u,{$isOpen:h},t.createElement(o,null))),"accordion"===v&&t.createElement(f,{$isOpen:h},t.createElement(E,{$isOpen:h},C)))});export{g 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 e,{css as r}from"styled-components";import{WidgetIconTypeEnum as o}from"../../../models/loyalty-widget/types/index.js";import{iconWrapperShape as t}from"../style/icon-wrapper.js";import{textSMMedium as i,textSM as a}from"../style/typography.js";var s,d,p,l,f,c,x,u,g,b,m,y=e.div(s||(s=n(["\n display: flex;\n padding: ",";\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n border-radius: ","px;\n border: 1px solid #eef2f6;\n background: #fff;\n opacity: ",";\n user-select: none;\n transition: border-color 0.2s ease-in-out;\n\n &:hover {\n border-color: #cdd5df;\n }\n"],["\n display: flex;\n padding: ",";\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n border-radius: ","px;\n border: 1px solid #eef2f6;\n background: #fff;\n opacity: ",";\n user-select: none;\n transition: border-color 0.2s ease-in-out;\n\n &:hover {\n border-color: #cdd5df;\n }\n"])),function(n){return n.$padding||"16px 14px"},function(n){return n.$borderRadius},function(n){return n.$isCompleted?"0.8":"1"}),h=e.div(d||(d=n(["\n display: flex;\n align-items: center;\n gap: 12px;\n align-self: stretch;\n width: 100%;\n"],["\n display: flex;\n align-items: center;\n gap: 12px;\n align-self: stretch;\n width: 100%;\n"]))),v=e.div(f||(f=n(["\n ","\n\n ","\n\n ","\n"],["\n ","\n\n ","\n\n ","\n"])),t,function(e){return e.$iconType===o.ILLUSTRATION&&r(p||(p=n(["\n border-radius: 40px;\n background: #f6f6f6;\n "],["\n border-radius: 40px;\n background: #f6f6f6;\n "])))},function(e){return e.$iconType===o.NORMAL&&r(l||(l=n(["\n border-radius: 8px;\n border: 1px solid #e3e8ef;\n background: #fff;\n box-shadow:\n 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n 0 4px 1px 0 rgba(38, 69, 109, 0),\n 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02),\n 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n svg {\n color: #4b5565;\n }\n "],["\n border-radius: 8px;\n border: 1px solid #e3e8ef;\n background: #fff;\n box-shadow:\n 0 -3px 1px 0 rgba(238, 242, 246, 0.5) inset,\n 0 4px 1px 0 rgba(38, 69, 109, 0),\n 0 2px 1px 0 rgba(38, 69, 109, 0.01),\n 0 1px 1px 0 rgba(38, 69, 109, 0.02),\n 0 1px 1px 0 rgba(38, 69, 109, 0.03);\n\n svg {\n color: #4b5565;\n }\n "])))}),w=e.div(c||(c=n(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n"]))),$=e.div(x||(x=n(["\n color: #121926;\n ","\n"],["\n color: #121926;\n ","\n"])),i),k=e.div(u||(u=n(["\n color: #364152;\n ","\n"],["\n color: #364152;\n ","\n"])),a),O=e.div(g||(g=n(["\n display: grid;\n grid-template-rows: ",";\n transition: grid-template-rows 300ms ease-in-out;\n width: 100%;\n"],["\n display: grid;\n grid-template-rows: ",";\n transition: grid-template-rows 300ms ease-in-out;\n width: 100%;\n"])),function(n){return n.$isOpen?"1fr":"0fr"}),j=e.div(b||(b=n(["\n overflow: hidden;\n color: #4b5565;\n ","\n\n /* Spacing: We need 20px from header. */\n padding-top: ",";\n\n /* Optional: fade content in/out */\n opacity: ",";\n transition:\n opacity 300ms ease-in-out,\n padding-top 300ms ease-in-out;\n"],["\n overflow: hidden;\n color: #4b5565;\n ","\n\n /* Spacing: We need 20px from header. */\n padding-top: ",";\n\n /* Optional: fade content in/out */\n opacity: ",";\n transition:\n opacity 300ms ease-in-out,\n padding-top 300ms ease-in-out;\n"])),a,function(n){return n.$isOpen?"20px":"0px"},function(n){return n.$isOpen?1:0}),T=e.button(m||(m=n(["\n border: none;\n background: none;\n cursor: pointer;\n transform: rotate(",");\n transition: transform 0.2s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #9aa4b2;\n"],["\n border: none;\n background: none;\n cursor: pointer;\n transform: rotate(",");\n transition: transform 0.2s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #9aa4b2;\n"])),function(n){return n.$isOpen?"270deg":"180deg"});export{j as AccordionInner,O as AccordionWrapper,T as ArrowButton,y as Container,w as Content,k as Description,h as Header,v as IconWrapper,$ as Title};
@@ -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{observer as e}from"mobx-react";import t from"react";import{ImageTypeEnum as o}from"../../../models/loyalty-widget/types/index.js";import{WidgetMode as r}from"../../../models/types/index.js";import{Container as i,Logo as m,Emoji as l}from"./style.js";var a=e(function(e){var a=e.viewModel,s=a.loyaltyWidget.miniModeLogo,n=s.type===o.SHOW&&!!s.src;return t.createElement(i,{$hasImg:n,onClick:function(e){e.stopPropagation(),a.setWidgetMode(r.WIDGET_MODE)}},n?t.createElement(m,{src:s.src,alt:"Loyalty Widget"}):t.createElement(l,null,"🚀"))});export{a 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 e,{css as t}from"styled-components";var r,i,o,s,p=e.div(i||(i=n(["\n display: flex;\n width: 60px;\n height: 60px;\n padding: ",";\n justify-content: center;\n align-items: center;\n border-radius: 60px;\n overflow: hidden;\n\n box-shadow:\n 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: ",";\n justify-content: center;\n align-items: center;\n border-radius: 60px;\n overflow: hidden;\n\n box-shadow:\n 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(n){return n.$hasImg?"0":"14px"},function(e){return!e.$hasImg&&t(r||(r=n(["\n background: #000;\n "],["\n background: #000;\n "])))}),a=e.img(o||(o=n(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"]))),d=e.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,d 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};
@@ -1,11 +1,13 @@
1
+ declare const textXS: import("styled-components").FlattenSimpleInterpolation;
1
2
  declare const textXSMedium: import("styled-components").FlattenSimpleInterpolation;
2
3
  declare const textSM: import("styled-components").FlattenSimpleInterpolation;
3
4
  declare const textSMMedium: import("styled-components").FlattenSimpleInterpolation;
4
5
  declare const textSMSemiBold: import("styled-components").FlattenSimpleInterpolation;
6
+ declare const textMD: import("styled-components").FlattenSimpleInterpolation;
5
7
  declare const textMDMedium: import("styled-components").FlattenSimpleInterpolation;
6
8
  declare const textLGMedium: import("styled-components").FlattenSimpleInterpolation;
7
9
  declare const textLGSemiBold: import("styled-components").FlattenSimpleInterpolation;
8
10
  declare const textXLSemiBold: import("styled-components").FlattenSimpleInterpolation;
9
11
  declare const displayXSSemiBold: import("styled-components").FlattenSimpleInterpolation;
10
12
  declare const Badge: import("styled-components").StyledComponent<"span", any, {}, never>;
11
- export { textXSMedium, textSM, textSMMedium, textSMSemiBold, textMDMedium, textLGMedium, textLGSemiBold, textXLSemiBold, displayXSSemiBold, Badge, };
13
+ export { textXS, 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,h,s,x,g,r,a,m,y=e(o||(o=n(["\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n"],["\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n"]))),d=e(i||(i=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"]))),w=e(l||(l=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"]))),z=e(f||(f=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"]))),c=e(p||(p=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"]))),b=e(h||(h=n(["\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px;\n"],["\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px;\n"]))),u=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"]))),j=e(x||(x=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"]))),k=e(g||(g=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"]))),v=e(r||(r=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"]))),_=e(a||(a=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"]))),q=t.span(m||(m=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"])),w);export{q as Badge,_ as displayXSSemiBold,j as textLGMedium,k as textLGSemiBold,b as textMD,u as textMDMedium,w as textSM,z as textSMMedium,c as textSMSemiBold,v as textXLSemiBold,y as textXS,d as textXSMedium};