@ikas/loyalty-widget-renderer 1.0.0-alpha.6 → 1.0.0-alpha.60

package/build/utils.d.ts

@@ -1,10 +1,12 @@
 import React from "react";
-import { EarningMethodTypeEnum, LoyaltyProgramMethodSpendingTypeEnum } from "models/types";
-import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
+import { LoyaltyWidgetViewModel } from "models";
 import { LoyaltyProgramEarningMethod } from "models/loyalty-program-earning-method";
 import { LoyaltyProgramSpendingMethod } from "models/loyalty-program-spending-method";
-export declare const getEarningMethodIcon: (earningMethod: EarningMethodTypeEnum, widgetIconType: WidgetIconTypeEnum) => React.JSX.Element;
+import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
+import { EarningMethodTypeEnum, LoyaltyProgramMethodSpendingTypeEnum, LoyaltyWidgetScreenTypeEnum } from "models/types";
+export declare const getScreenIcon: (screenType: LoyaltyWidgetScreenTypeEnum, widgetIconType: WidgetIconTypeEnum) => React.JSX.Element | null;
+export declare const getEarningMethodIcon: (earningMethod: EarningMethodTypeEnum, widgetIconType: WidgetIconTypeEnum) => React.JSX.Element | null;
 export declare const getEarningMethodTitle: (earningMethod: LoyaltyProgramEarningMethod) => string;
 export declare const getSpendingMethodIcon: (spendingMethod: LoyaltyProgramMethodSpendingTypeEnum, widgetIconType: WidgetIconTypeEnum) => React.JSX.Element | null;
 export declare const getSpendingMethodTitle: (method: LoyaltyProgramSpendingMethod) => string;
-export declare const getSpendingMethodDescription: (method: LoyaltyProgramSpendingMethod, currency: string) => string | React.JSX.Element;
+export declare const getSpendingMethodDescription: (method: LoyaltyProgramSpendingMethod, viewModel: LoyaltyWidgetViewModel) => string | React.JSX.Element;

package/build/utils.js

@@ -1 +1 @@
-import{__makeTemplateObject as e}from'./ext/tslib/tslib.es6.mjs.js';import t from"react";import{EarningMethodTypeEnum as n,LoyaltyProgramPointEarningTypeEnum as r,LoyaltyProgramMethodSpendingTypeEnum as s}from"./models/types/index.js";import{BubbleChatDone as i}from"./assets/widget-icons/normal/bubbleChatDone.js";import{CommentAdd01 as o}from"./assets/widget-icons/normal/commentAdd01.js";import{CouponPercent as l}from"./assets/widget-icons/normal/couponPercent.js";import{DiscountTag02 as a}from"./assets/widget-icons/normal/discountTag02.js";import{Gift as E}from"./assets/widget-icons/normal/gift.js";import{PackageDelivered as c}from"./assets/widget-icons/normal/packageDelivered.js";import{SaveMoneyDollar as m}from"./assets/widget-icons/normal/saveMoneyDollar.js";import{ShoppingBasketAdd02 as d}from"./assets/widget-icons/normal/shoppingBasketAdd02.js";import{UserAdd01 as u}from"./assets/widget-icons/normal/userAdd01.js";import{UsersIllustration as p}from"./assets/widget-icons/illustraions/usersIllustration.js";import{BubbleChatIllustration as R}from"./assets/widget-icons/illustraions/bubbleChatIllustration.js";import{ApprovedChatIllustration as T}from"./assets/widget-icons/illustraions/approvedChatIllustration.js";import{TshirtIllustration as g}from"./assets/widget-icons/illustraions/tshirtIllustration.js";import{GiftIllustration as f}from"./assets/widget-icons/illustraions/giftIllustration.js";import{ShippingBox as I}from"./assets/widget-icons/illustraions/shippingBox.js";import{ShoppingCartIllustration as O}from"./assets/widget-icons/illustraions/shoppingCartIllustration.js";import{WidgetIconTypeEnum as _}from"./models/loyalty-widget/types/index.js";import S from"i18next";import{BankCoin as M}from"./assets/widget-icons/illustraions/bankCoin.js";import{useTranslation as C}from"react-i18next";import{textSM as U}from"./renderer/components/style/typography.js";import N from"styled-components";var A,P,h,j,D,y,x=((A={})[_.ILLUSTRATION]=((P={})[n.CUSTOMER_REGISTER]=t.createElement(p,null),P[n.ENABLE_SUBSCRIPTION]=t.createElement(T,null),P[n.BUY_PRODUCT]=t.createElement(g,null),P[n.CUSTOMER_REVIEW]=t.createElement(R,null),P[n.CUSTOMER_SEGMENT]=t.createElement(l,null),P[n.ORDER_CREATE]=t.createElement(O,null),P),A[_.NORMAL]=((h={})[n.CUSTOMER_REGISTER]=t.createElement(u,null),h[n.ENABLE_SUBSCRIPTION]=t.createElement(i,null),h[n.BUY_PRODUCT]=t.createElement(m,null),h[n.CUSTOMER_REVIEW]=t.createElement(o,null),h[n.CUSTOMER_SEGMENT]=t.createElement(l,null),h[n.ORDER_CREATE]=t.createElement(d,null),h),A),w=function(e,t){return x[t][e]},b=function(e){var t=C().t;switch(e.methodType){case n.CUSTOMER_REGISTER:return t("earningMethods.CUSTOMER_REGISTER.title");case n.ENABLE_SUBSCRIPTION:return t("earningMethods.ENABLE_SUBSCRIPTION.title");case n.CUSTOMER_REVIEW:return t("earningMethods.CUSTOMER_REVIEW.title");case n.ORDER_CREATE:if(e.pointEarningType===r.DYNAMIC_ORDER_AMOUNT)return t("earningMethods.ORDER_CREATE.RECEIVE_POINTS_ON_SPEND.title");if(e.pointEarningType===r.STATIC)return t("earningMethods.ORDER_CREATE.BASE.title");case n.BUY_PRODUCT:return t("earningMethods.BUY_PRODUCT.title");case n.CUSTOMER_SEGMENT:return t("earningMethods.CUSTOMER_SEGMENT.title");default:return""}},v=function(e,n){var r,i,o;return n===_.NONE?null:((r={})[_.ILLUSTRATION]=((i={})[s.FIXED_AMOUNT]=t.createElement(M,null),i[s.RATIO]=t.createElement(M,null),i[s.FREE_PRODUCT]=t.createElement(f,null),i[s.FREE_SHIPPING]=t.createElement(I,null),i),r[_.NORMAL]=((o={})[s.FIXED_AMOUNT]=t.createElement(a,null),o[s.RATIO]=t.createElement(a,null),o[s.FREE_PRODUCT]=t.createElement(E,null),o[s.FREE_SHIPPING]=t.createElement(c,null),o),r)[n][e]},B=function(e){var t=C().t,n=S.language,r=e.translations.find(function(e){return e.locale===n});if(null==r?void 0:r.description)return r.description;if(e.description)return e.description;switch(e.type){case s.FIXED_AMOUNT:return t("spendingMethods.FIXED_AMOUNT.title");case s.RATIO:return t("spendingMethods.RATIO.title");case s.FREE_SHIPPING:return t("spendingMethods.FREE_SHIPPING.title");case s.FREE_PRODUCT:return t("spendingMethods.FREE_PRODUCT.title");default:return""}},F=N.span(j||(j=e(["\n  display: flex;\n  padding: 2px 8px;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  border-radius: 6px;\n  border: 0.6px solid #cdd5df;\n  opacity: 0.8;\n  background: #f8fafc;\n  ","\n  color: #121926;\n"],["\n  display: flex;\n  padding: 2px 8px;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  border-radius: 6px;\n  border: 0.6px solid #cdd5df;\n  opacity: 0.8;\n  background: #f8fafc;\n  ","\n  color: #121926;\n"])),U),G=N.span(D||(D=e(["\n  ","\n  color: #364152;\n"],["\n  ","\n  color: #364152;\n"])),U),L=N.span(y||(y=e(["\n  color: #697586;\n"],["\n  color: #697586;\n"]))),k=function(e,n){var r,i,o=C().t,l=(null===(r=e.discountSettings)||void 0===r?void 0:r.point)||0,a=null===(i=e.discountSettings)||void 0===i?void 0:i.discountAmount,E=function(e,r){return void 0===r&&(r=!1),t.createElement("div",{style:{display:"flex",alignItems:"center",gap:"6px"}},t.createElement(G,null,o("earningMethods.xPoints",{points:l})),t.createElement(L,null,"→"),t.createElement(F,null,e," ",r&&n))};return e.type===s.FIXED_AMOUNT&&a?E(a,!0):e.type===s.RATIO&&a?E("%".concat(a)):o("earningMethods.xPoints",{points:l})};export{w as getEarningMethodIcon,b as getEarningMethodTitle,k as getSpendingMethodDescription,v as getSpendingMethodIcon,B as getSpendingMethodTitle};
+import{__makeTemplateObject as e}from'./ext/tslib/tslib.es6.mjs.js';import n from"react";import'./ext/react-i18next/dist/es/context.js';import{useTranslation as t}from'./ext/react-i18next/dist/es/useTranslation.js';import r from'./ext/i18next/dist/esm/i18next.js';import l from"styled-components";import{ArrowRight as i}from"./assets/icons/arrow-right.js";import{BubbleChatDone as s}from"./assets/widget-icons/normal/bubbleChatDone.js";import{CommentAdd01 as o}from"./assets/widget-icons/normal/commentAdd01.js";import{CouponPercent as a}from"./assets/widget-icons/normal/couponPercent.js";import{DiscountTag02 as E}from"./assets/widget-icons/normal/discountTag02.js";import{Gift as m}from"./assets/widget-icons/normal/gift.js";import{MoneyAdd01 as c}from"./assets/widget-icons/normal/moneyAdd01.js";import{PackageDelivered as d}from"./assets/widget-icons/normal/packageDelivered.js";import{SaveMoneyDollar as u}from"./assets/widget-icons/normal/saveMoneyDollar.js";import{ShoppingBasketAdd02 as p}from"./assets/widget-icons/normal/shoppingBasketAdd02.js";import{UserAdd01 as R}from"./assets/widget-icons/normal/userAdd01.js";import{UsersIllustration as T}from"./assets/widget-icons/illustraions/usersIllustration.js";import{BubbleChatIllustration as _}from"./assets/widget-icons/illustraions/bubbleChatIllustration.js";import{ApprovedChatIllustration as f}from"./assets/widget-icons/illustraions/approvedChatIllustration.js";import{TshirtIllustration as g}from"./assets/widget-icons/illustraions/tshirtIllustration.js";import{Medal as I}from"./assets/widget-icons/illustraions/medal.js";import{GiftIllustration as O}from"./assets/widget-icons/illustraions/giftIllustration.js";import{ShippingBox as S}from"./assets/widget-icons/illustraions/shippingBox.js";import{BigSaleMedal as N}from"./assets/widget-icons/illustraions/bigSaleMedal.js";import{ShoppingCartIllustration as C}from"./assets/widget-icons/illustraions/shoppingCartIllustration.js";import{BankCoin as M}from"./assets/widget-icons/illustraions/bankCoin.js";import{WidgetIconTypeEnum as A}from"./models/loyalty-widget/types/index.js";import{EarningMethodTypeEnum as x,LoyaltyWidgetScreenTypeEnum as D,LoyaltyProgramPointEarningTypeEnum as U,LoyaltyProgramMethodSpendingTypeEnum as j}from"./models/types/index.js";import{FlexibleValueContainer as y}from"./renderer/components/flexible-value-container/index.js";import{textSM as h,textXSMedium as w,textXS as P}from"./renderer/components/style/typography.js";var v,L,b,F,G,B,Y,H,V,X=((v={})[A.ILLUSTRATION]=((L={})[x.CUSTOMER_REGISTER]=n.createElement(T,null),L[x.ENABLE_SUBSCRIPTION]=n.createElement(f,null),L[x.BUY_PRODUCT]=n.createElement(g,null),L[x.CUSTOMER_REVIEW]=n.createElement(_,null),L[x.CUSTOMER_SEGMENT]=n.createElement(a,null),L[x.ORDER_CREATE]=n.createElement(C,null),L),v[A.NORMAL]=((b={})[x.CUSTOMER_REGISTER]=n.createElement(R,null),b[x.ENABLE_SUBSCRIPTION]=n.createElement(s,null),b[x.BUY_PRODUCT]=n.createElement(u,null),b[x.CUSTOMER_REVIEW]=n.createElement(o,null),b[x.CUSTOMER_SEGMENT]=n.createElement(a,null),b[x.ORDER_CREATE]=n.createElement(p,null),b),v),k=((F={})[A.ILLUSTRATION]=((G={})[D.MAIN_SCREEN]=n.createElement("div",null),G[D.CREDIT_EARNING_METHODS_SCREEN]=n.createElement(I,null),G[D.CREDIT_SPENDING_METHODS_SCREEN]=n.createElement(N,null),G[D.CREDIT_HISTORY_SCREEN]=n.createElement("div",null),G[D.LOYALTY_LEVEL_SCREEN]=n.createElement("div",null),G),F[A.NORMAL]=((B={})[D.MAIN_SCREEN]=n.createElement("div",null),B[D.CREDIT_EARNING_METHODS_SCREEN]=n.createElement(c,null),B[D.CREDIT_SPENDING_METHODS_SCREEN]=n.createElement(a,null),B[D.CREDIT_HISTORY_SCREEN]=n.createElement("div",null),B[D.LOYALTY_LEVEL_SCREEN]=n.createElement("div",null),B),F),W=function(e,n){return n&&n!==A.NONE&&k[n]?k[n][e]:null},q=function(e,n){return n&&n!==A.NONE&&X[n]?X[n][e]:null},z=function(e){var n=t().t;switch(e.methodType){case x.CUSTOMER_REGISTER:return n("earningMethods.CUSTOMER_REGISTER.title");case x.ENABLE_SUBSCRIPTION:return n("earningMethods.ENABLE_SUBSCRIPTION.title");case x.CUSTOMER_REVIEW:return n("earningMethods.CUSTOMER_REVIEW.title");case x.ORDER_CREATE:if(e.pointEarningType===U.DYNAMIC_ORDER_AMOUNT)return n("earningMethods.ORDER_CREATE.RECEIVE_POINTS_ON_SPEND.title");if(e.pointEarningType===U.STATIC)return n("earningMethods.ORDER_CREATE.BASE.title");case x.BUY_PRODUCT:return n("earningMethods.BUY_PRODUCT.title");case x.CUSTOMER_SEGMENT:return n("earningMethods.CUSTOMER_SEGMENT.title");default:return""}},J=function(e,t){var r,l,i;return t===A.NONE?null:((r={})[A.ILLUSTRATION]=((l={})[j.FIXED_AMOUNT]=n.createElement(M,null),l[j.RATIO]=n.createElement(M,null),l[j.FREE_PRODUCT]=n.createElement(O,null),l[j.FREE_SHIPPING]=n.createElement(S,null),l),r[A.NORMAL]=((i={})[j.FIXED_AMOUNT]=n.createElement(E,null),i[j.RATIO]=n.createElement(E,null),i[j.FREE_PRODUCT]=n.createElement(m,null),i[j.FREE_SHIPPING]=n.createElement(d,null),i),r)[t][e]},K=function(e){var n,l=t().t,i=r.language,s=null===(n=e.translations)||void 0===n?void 0:n.find(function(e){return e.locale===i});if(null==s?void 0:s.description)return s.description;if(e.description)return e.description;switch(e.type){case j.FIXED_AMOUNT:return e.isDynamic?l("spendingMethods.FIXED_AMOUNT.dynamicTitle"):l("spendingMethods.FIXED_AMOUNT.title");case j.RATIO:return l("spendingMethods.RATIO.title");case j.FREE_SHIPPING:return l("spendingMethods.FREE_SHIPPING.title");case j.FREE_PRODUCT:return l("spendingMethods.FREE_PRODUCT.title");default:return""}},Q=l.span(Y||(Y=e(["\n  display: flex;\n  padding: 2px 8px;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  border-radius: 6px;\n  border: 0.6px solid #cdd5df;\n  opacity: 0.8;\n  background: #f8fafc;\n  ","\n  color: #121926;\n\n  @media (max-width: 600px) {\n    ","\n  }\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  @media (max-width: 600px) {\n    ","\n  }\n"])),h,w),Z=l.span(H||(H=e(["\n  ","\n  color: #364152;\n\n  @media (max-width: 600px) {\n    ","\n  }\n"],["\n  ","\n  color: #364152;\n\n  @media (max-width: 600px) {\n    ","\n  }\n"])),h,P),$=l.span(V||(V=e(["\n  color: #697586;\n  display: flex;\n  align-items: center;\n"],["\n  color: #697586;\n  display: flex;\n  align-items: center;\n"]))),ee=function(e,r){var l,s,o=t().t,a=(null===(l=e.discountSettings)||void 0===l?void 0:l.point)||0,E=null===(s=e.discountSettings)||void 0===s?void 0:s.discountAmount,m=function(e,t){return void 0===t&&(t=!1),n.createElement(y,null,function(l){return l?n.createElement(n.Fragment,null,n.createElement(Z,null,o("earningMethods.xPoints",{points:a})),n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"6px"}},n.createElement($,null,n.createElement(i,null)),n.createElement(Q,null,t&&"number"==typeof e?r.formatCurrency(e):e))):n.createElement(n.Fragment,null,n.createElement(Z,null,o("earningMethods.xPoints",{points:a})),n.createElement($,null,n.createElement(i,null)),n.createElement(Q,null,t&&"number"==typeof e?r.formatCurrency(e):e))})};return e.type===j.FIXED_AMOUNT&&E?m(E,!0):e.type===j.RATIO&&E?m("%".concat(E)):o("earningMethods.xPoints",{points:a})};export{q as getEarningMethodIcon,z as getEarningMethodTitle,W as getScreenIcon,ee as getSpendingMethodDescription,J as getSpendingMethodIcon,K as getSpendingMethodTitle};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/loyalty-widget-renderer",
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0-alpha.60",
   "description": "",
   "author": "ucy",
   "license": "ISC",
@@ -24,24 +24,33 @@
     "release": "npm publish",
     "build": "rm -rf build && rollup -c",
     "watch": "rollup -c -w",
-    "dev": "parcel app/index.html --port 3000"
+    "dev": "parcel app/index.html --port 3000",
+    "serve": "npm run build && npx serve build -p 3000 --cors",
+    "lint:fix": "eslint './src/**/*.{ts,tsx}' --fix"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3.3.3",
+    "@eslint/js": "^9.39.1",
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.0",
     "@types/lodash": "^4.14.191",
     "@types/node": "^12.0.0",
     "@types/react": "^17 || ^18",
     "@types/react-dom": "^17 || ^18",
-    "i18next": "^25.6.3",
-    "react-i18next": "^16.3.5",
-    "styled-components": "^5.3.3",
     "@types/styled-components": "5.1.26",
     "@types/uuid": "^9.0.0",
-    "mobx": "^6.1.3",
+    "@typescript-eslint/eslint-plugin": "^8.48.1",
+    "@typescript-eslint/parser": "^8.48.1",
+    "cloudflare": "^5.2.0",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-unused-imports": "^4.3.0",
+    "mobx": "^6.7.0",
     "mobx-react": "^7.6.0",
     "parcel": "^2.12.0",
+    "prettier": "^3.7.4",
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18",
     "rollup": "^2.75.6",
@@ -51,21 +60,21 @@
     "rollup-plugin-rename-node-modules": "^1.2.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
+    "styled-components": "^5.3.3",
     "ts-patch": "^3.3.0",
-
     "typescript": "^5.9.3",
     "typescript-transform-paths": "^3.5.5"
   },
   "peerDependencies": {
-    "mobx": "^6.1.3",
+    "mobx": "^6.7.0",
     "mobx-react": "^7.6.0",
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18",
-    "i18next": "^25.6.3",
-    "react-i18next": "^16.3.5",
     "styled-components": "^5.3.3"
   },
   "dependencies": {
+    "i18next": "^21.6.12",
+    "react-i18next": "^11.15.5",
     "uuidv4": "^6.2.13"
   }
 }

package/build/models/base.d.ts

@@ -1,4 +0,0 @@
-export declare class BaseModel {
-    id: string;
-    constructor(data?: Partial<BaseModel>);
-}

package/build/models/base.js

@@ -1 +0,0 @@
-import{makeObservable as o,observable as s}from"mobx";import'./../ext/uuid/dist/esm-browser/stringify.js';import'./../ext/uuid/dist/esm-browser/v3.js';import i from'./../ext/uuid/dist/esm-browser/v4.js';import'./../ext/uuid/dist/esm-browser/v5.js';var d=function(d){void 0===d&&(d={}),this.id=d.id||i(),o(this,{id:s})};export{d as BaseModel};

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

@@ -1,5 +0,0 @@
-export declare class Category {
-    id: string;
-    name: string;
-    constructor(data?: Partial<Category>);
-}

package/build/models/loyalty-widget/header-background/index.d.ts

@@ -1,9 +0,0 @@
-import { BaseModel } from "models/base";
-import { LoyaltyWidgetImage } from "models/image";
-import { HeaderBackgroundTypeEnum } from "../types";
-export declare class LoyaltyWidgetHeaderBackground extends BaseModel {
-    bgColor: string | null;
-    image: LoyaltyWidgetImage | null;
-    type: HeaderBackgroundTypeEnum;
-    constructor(data: Partial<LoyaltyWidgetHeaderBackground>);
-}