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

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

@@ -1,12 +1,12 @@
-import { LoyaltyWidgetImage } from "../image";
-import { LoyaltyWidgetButton } from "../button";
-import { LoyaltyWidgetHeader } from "./header";
-import { LoyaltyWidgetSettings } from "./settings";
-export declare class LoyaltyWidget {
-    id: string;
-    settings: LoyaltyWidgetSettings;
-    header: LoyaltyWidgetHeader;
-    button: LoyaltyWidgetButton;
-    miniModeLogo: LoyaltyWidgetImage;
-    constructor(data?: Partial<LoyaltyWidget>);
-}
+import { LoyaltyWidgetImage } from "../image";
+import { LoyaltyWidgetButton } from "../button";
+import { LoyaltyWidgetHeader } from "./header";
+import { LoyaltyWidgetSettings } from "./settings";
+export declare class LoyaltyWidget {
+    id: string;
+    settings: LoyaltyWidgetSettings;
+    header: LoyaltyWidgetHeader;
+    button: LoyaltyWidgetButton;
+    miniModeLogo: LoyaltyWidgetImage;
+    constructor(data?: Partial<LoyaltyWidget>);
+}

package/build/models/loyalty-widget/settings/index.d.ts

@@ -1,10 +1,10 @@
-import { BadgeIconTypeEnum, LoyaltyWidgetLayoutTypeEnum, WidgetIconTypeEnum, WidgetPositionEnum } from "../types";
-export declare class LoyaltyWidgetSettings {
-    position: WidgetPositionEnum;
-    type: LoyaltyWidgetLayoutTypeEnum;
-    primaryColor: string | null;
-    cartBorderRadius: number;
-    widgetIconType: WidgetIconTypeEnum;
-    badgeIconLevel: BadgeIconTypeEnum;
-    constructor(data?: Partial<LoyaltyWidgetSettings>);
-}
+import { BadgeIconTypeEnum, LoyaltyWidgetLayoutTypeEnum, WidgetIconTypeEnum, WidgetPositionEnum } from "../types";
+export declare class LoyaltyWidgetSettings {
+    position: WidgetPositionEnum;
+    type: LoyaltyWidgetLayoutTypeEnum;
+    primaryColor: string | null;
+    cartBorderRadius: number;
+    widgetIconType: WidgetIconTypeEnum;
+    badgeIconLevel: BadgeIconTypeEnum;
+    constructor(data?: Partial<LoyaltyWidgetSettings>);
+}

package/build/models/loyalty-widget/types/index.d.ts

@@ -1,29 +1,29 @@
-export declare enum LoyaltyWidgetLayoutTypeEnum {
-    DRAWER = "DRAWER",
-    WIDGET = "WIDGET"
-}
-export declare enum BadgeIconTypeEnum {
-    LEVEL_1 = "LEVEL_1",
-    LEVEL_2 = "LEVEL_2",
-    LEVEL_3 = "LEVEL_3",
-    LEVEL_4 = "LEVEL_4",
-    NONE = "NONE"
-}
-export declare enum WidgetIconTypeEnum {
-    NORMAL = "NORMAL",
-    ILLUSTRATION = "ILLUSTRATION",
-    NONE = "NONE"
-}
-export declare enum WidgetPositionEnum {
-    LEFT = "LEFT",
-    RIGHT = "RIGHT"
-}
-export declare enum HeaderBackgroundTypeEnum {
-    COLOR = "COLOR",
-    GRADIENT = "GRADIENT",
-    IMAGE = "IMAGE"
-}
-export declare enum ImageTypeEnum {
-    SHOW = "LOGO",
-    NONE = "NONE"
-}
+export declare enum LoyaltyWidgetLayoutTypeEnum {
+    DRAWER = "DRAWER",
+    WIDGET = "WIDGET"
+}
+export declare enum BadgeIconTypeEnum {
+    LEVEL_1 = "LEVEL_1",
+    LEVEL_2 = "LEVEL_2",
+    LEVEL_3 = "LEVEL_3",
+    LEVEL_4 = "LEVEL_4",
+    NONE = "NONE"
+}
+export declare enum WidgetIconTypeEnum {
+    NORMAL = "NORMAL",
+    ILLUSTRATION = "ILLUSTRATION",
+    NONE = "NONE"
+}
+export declare enum WidgetPositionEnum {
+    LEFT = "LEFT",
+    RIGHT = "RIGHT"
+}
+export declare enum HeaderBackgroundTypeEnum {
+    COLOR = "COLOR",
+    GRADIENT = "GRADIENT",
+    IMAGE = "IMAGE"
+}
+export declare enum ImageTypeEnum {
+    SHOW = "LOGO",
+    NONE = "NONE"
+}

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

@@ -1,145 +1,145 @@
-import { LoyaltyProgramSpendingMethod } from "../loyalty-program-spending-method";
-import type { LoyaltyProgramEarningMethod } from "../loyalty-program-earning-method";
-import type { LoyaltyCustomerInfo } from "../loyalty-customer-info";
-import type { LoyaltyWidget } from "../loyalty-widget";
-import type { LoyaltyProgramPointHistory } from "../loyalty-program-point-history";
-export declare enum LoyaltyWidgetScreenTypeEnum {
-    MAIN_SCREEN = "MAIN_SCREEN",
-    CREDIT_SPENDING_METHODS_SCREEN = "CREDIT_SPENDING_METHODS_SCREEN",
-    CREDIT_EARNING_METHODS_SCREEN = "CREDIT_EARNING_METHODS_SCREEN",
-    CREDIT_HISTORY_SCREEN = "CREDIT_HISTORY_SCREEN",
-    LOYALTY_LEVEL_SCREEN = "LOYALTY_LEVEL_SCREEN"
-}
-export declare enum EarningMethodTypeEnum {
-    BUY_PRODUCT = "BUY_PRODUCT",
-    CUSTOMER_REGISTER = "CUSTOMER_REGISTER",
-    CUSTOMER_REVIEW = "CUSTOMER_REVIEW",
-    CUSTOMER_SEGMENT = "CUSTOMER_SEGMENT",
-    ENABLE_SUBSCRIPTION = "ENABLE_SUBSCRIPTION",
-    ORDER_CREATE = "ORDER_CREATE"
-}
-export declare enum LoyaltyProgramPointEarningTypeEnum {
-    DYNAMIC_ORDER_AMOUNT = "DYNAMIC_ORDER_AMOUNT",
-    DYNAMIC_ORDER_QUANTITY = "DYNAMIC_ORDER_QUANTITY",
-    STATIC = "STATIC"
-}
-export declare enum LoyaltyProgramMethodSpendingTypeEnum {
-    FIXED_AMOUNT = "FIXED_AMOUNT",
-    FREE_PRODUCT = "FREE_PRODUCT",
-    FREE_SHIPPING = "FREE_SHIPPING",
-    RATIO = "RATIO"
-}
-export declare enum LoyaltyProgramFilterTypeEnum {
-    CATEGORY = "CATEGORY",
-    DYNAMIC_CATEGORY = "DYNAMIC_CATEGORY",
-    PRODUCT_AND_VARIANT = "PRODUCT_AND_VARIANT",
-    PRODUCT_BRAND = "PRODUCT_BRAND",
-    PRODUCT_TAG = "PRODUCT_TAG"
-}
-export declare enum PeriodTypeEnum {
-    MONTH = "MONTH",
-    WEEK = "WEEK",
-    YEAR = "YEAR"
-}
-export declare class LoyaltyProgramPeriod {
-    period: string;
-    periodType: PeriodTypeEnum;
-    constructor(data?: Partial<LoyaltyProgramPeriod>);
-}
-export type Category = {
-    id: string;
-    name: string;
-};
-export type Product = {
-    id: string;
-    name: string;
-};
-export type Brand = {
-    id: string;
-    name: string;
-};
-export type Tag = {
-    id: string;
-    name: string;
-};
-export type AddLoyaltyToCartInput = {
-    amount?: number | null;
-    cartId: string;
-    loyaltyProgramId: string;
-    loyaltySpendingMethodId: string;
-};
-export type StringFilterInput = {
-    eq?: string;
-    ne?: string;
-    in?: string[];
-    nin?: string[];
-    contains?: string;
-    ncontains?: string;
-    startsWith?: string;
-    nstartsWith?: string;
-    endsWith?: string;
-    nendsWith?: string;
-};
-export type LoyaltyProgramTierTranslation = {
-    locale: string;
-    name: string;
-};
-export type LoyaltyProgramTier = {
-    createdAt?: string;
-    customerSegmentId?: string;
-    deleted: boolean;
-    id: string;
-    isActive: boolean;
-    loyaltyProgramId: string;
-    name: string;
-    period?: LoyaltyProgramPeriod;
-    pointsRequired?: number;
-    tierPointMultiplier?: number;
-    translations?: LoyaltyProgramTierTranslation[];
-    updatedAt?: string;
-};
-export type ListLoyaltyProgramTierInput = {
-    id?: StringFilterInput;
-    includeDeleted?: boolean;
-    loyaltyProgramId?: StringFilterInput;
-};
-export declare enum LoyaltyProgramPointHistoryTypeEnum {
-    EARN = "EARN",
-    SPEND = "SPEND"
-}
-export type LoyaltyProgramPointHistoryTypeEnumFilterInput = {
-    eq?: LoyaltyProgramPointHistoryTypeEnum;
-    in?: LoyaltyProgramPointHistoryTypeEnum[];
-    ne?: LoyaltyProgramPointHistoryTypeEnum;
-    nin?: LoyaltyProgramPointHistoryTypeEnum[];
-};
-export type ListLoyaltyProgramPointHistoryInput = {
-    customerId?: StringFilterInput;
-    includeDeleted?: boolean;
-    loyaltyProgramId?: StringFilterInput;
-    sort?: string;
-    type?: LoyaltyProgramPointHistoryTypeEnumFilterInput;
-};
-export type LoyaltyWidgetCallbacks = {
-    listSpendingMethodsByCartId: (cartId?: string | null) => Promise<LoyaltyProgramSpendingMethod[]>;
-    getLoyaltyCustomerInfo: () => Promise<LoyaltyCustomerInfo | null>;
-    listEarningMethods: () => Promise<LoyaltyProgramEarningMethod[]>;
-    listLoyaltyProgramTier: (input: ListLoyaltyProgramTierInput) => Promise<LoyaltyProgramTier[]>;
-    listLoyaltyProgramPointHistory: (input: ListLoyaltyProgramPointHistoryInput) => Promise<LoyaltyProgramPointHistory[]>;
-    useLoyaltyPoints: (input: AddLoyaltyToCartInput) => Promise<boolean>;
-    removeLoyaltyPointsFromCart: () => Promise<void>;
-    getLoyaltyWidget: () => Promise<LoyaltyWidget>;
-    onWidgetClose: () => void;
-    getProducts: (ids: string[]) => Promise<Product[]>;
-    getCategories: (ids: string[]) => Promise<Category[]>;
-    getBrands: (ids: string[]) => Promise<Brand[]>;
-    getTags: (ids: string[]) => Promise<Tag[]>;
-};
-export type IkasLoyaltyWidgetConfig = {
-    cartId?: string | null;
-    cdnURL: string;
-    merchantId: string;
-    currency: string;
-    locale: string;
-    callbacks: LoyaltyWidgetCallbacks;
-};
+import { LoyaltyProgramSpendingMethod } from "../loyalty-program-spending-method";
+import type { LoyaltyProgramEarningMethod } from "../loyalty-program-earning-method";
+import type { LoyaltyCustomerInfo } from "../loyalty-customer-info";
+import type { LoyaltyWidget } from "../loyalty-widget";
+import type { LoyaltyProgramPointHistory } from "../loyalty-program-point-history";
+export declare enum LoyaltyWidgetScreenTypeEnum {
+    MAIN_SCREEN = "MAIN_SCREEN",
+    CREDIT_SPENDING_METHODS_SCREEN = "CREDIT_SPENDING_METHODS_SCREEN",
+    CREDIT_EARNING_METHODS_SCREEN = "CREDIT_EARNING_METHODS_SCREEN",
+    CREDIT_HISTORY_SCREEN = "CREDIT_HISTORY_SCREEN",
+    LOYALTY_LEVEL_SCREEN = "LOYALTY_LEVEL_SCREEN"
+}
+export declare enum EarningMethodTypeEnum {
+    BUY_PRODUCT = "BUY_PRODUCT",
+    CUSTOMER_REGISTER = "CUSTOMER_REGISTER",
+    CUSTOMER_REVIEW = "CUSTOMER_REVIEW",
+    CUSTOMER_SEGMENT = "CUSTOMER_SEGMENT",
+    ENABLE_SUBSCRIPTION = "ENABLE_SUBSCRIPTION",
+    ORDER_CREATE = "ORDER_CREATE"
+}
+export declare enum LoyaltyProgramPointEarningTypeEnum {
+    DYNAMIC_ORDER_AMOUNT = "DYNAMIC_ORDER_AMOUNT",
+    DYNAMIC_ORDER_QUANTITY = "DYNAMIC_ORDER_QUANTITY",
+    STATIC = "STATIC"
+}
+export declare enum LoyaltyProgramMethodSpendingTypeEnum {
+    FIXED_AMOUNT = "FIXED_AMOUNT",
+    FREE_PRODUCT = "FREE_PRODUCT",
+    FREE_SHIPPING = "FREE_SHIPPING",
+    RATIO = "RATIO"
+}
+export declare enum LoyaltyProgramFilterTypeEnum {
+    CATEGORY = "CATEGORY",
+    DYNAMIC_CATEGORY = "DYNAMIC_CATEGORY",
+    PRODUCT_AND_VARIANT = "PRODUCT_AND_VARIANT",
+    PRODUCT_BRAND = "PRODUCT_BRAND",
+    PRODUCT_TAG = "PRODUCT_TAG"
+}
+export declare enum PeriodTypeEnum {
+    MONTH = "MONTH",
+    WEEK = "WEEK",
+    YEAR = "YEAR"
+}
+export declare class LoyaltyProgramPeriod {
+    period: string;
+    periodType: PeriodTypeEnum;
+    constructor(data?: Partial<LoyaltyProgramPeriod>);
+}
+export type Category = {
+    id: string;
+    name: string;
+};
+export type Product = {
+    id: string;
+    name: string;
+};
+export type Brand = {
+    id: string;
+    name: string;
+};
+export type Tag = {
+    id: string;
+    name: string;
+};
+export type AddLoyaltyToCartInput = {
+    amount?: number | null;
+    cartId: string;
+    loyaltyProgramId: string;
+    loyaltySpendingMethodId: string;
+};
+export type StringFilterInput = {
+    eq?: string;
+    ne?: string;
+    in?: string[];
+    nin?: string[];
+    contains?: string;
+    ncontains?: string;
+    startsWith?: string;
+    nstartsWith?: string;
+    endsWith?: string;
+    nendsWith?: string;
+};
+export type LoyaltyProgramTierTranslation = {
+    locale: string;
+    name: string;
+};
+export type LoyaltyProgramTier = {
+    createdAt?: string;
+    customerSegmentId?: string;
+    deleted: boolean;
+    id: string;
+    isActive: boolean;
+    loyaltyProgramId: string;
+    name: string;
+    period?: LoyaltyProgramPeriod;
+    pointsRequired?: number;
+    tierPointMultiplier?: number;
+    translations?: LoyaltyProgramTierTranslation[];
+    updatedAt?: string;
+};
+export type ListLoyaltyProgramTierInput = {
+    id?: StringFilterInput;
+    includeDeleted?: boolean;
+    loyaltyProgramId?: StringFilterInput;
+};
+export declare enum LoyaltyProgramPointHistoryTypeEnum {
+    EARN = "EARN",
+    SPEND = "SPEND"
+}
+export type LoyaltyProgramPointHistoryTypeEnumFilterInput = {
+    eq?: LoyaltyProgramPointHistoryTypeEnum;
+    in?: LoyaltyProgramPointHistoryTypeEnum[];
+    ne?: LoyaltyProgramPointHistoryTypeEnum;
+    nin?: LoyaltyProgramPointHistoryTypeEnum[];
+};
+export type ListLoyaltyProgramPointHistoryInput = {
+    customerId?: StringFilterInput;
+    includeDeleted?: boolean;
+    loyaltyProgramId?: StringFilterInput;
+    sort?: string;
+    type?: LoyaltyProgramPointHistoryTypeEnumFilterInput;
+};
+export type LoyaltyWidgetCallbacks = {
+    listSpendingMethodsByCartId: (cartId?: string | null) => Promise<LoyaltyProgramSpendingMethod[]>;
+    getLoyaltyCustomerInfo: () => Promise<LoyaltyCustomerInfo | null>;
+    listEarningMethods: () => Promise<LoyaltyProgramEarningMethod[]>;
+    listLoyaltyProgramTier: (input: ListLoyaltyProgramTierInput) => Promise<LoyaltyProgramTier[]>;
+    listLoyaltyProgramPointHistory: (input: ListLoyaltyProgramPointHistoryInput) => Promise<LoyaltyProgramPointHistory[]>;
+    useLoyaltyPoints: (input: AddLoyaltyToCartInput) => Promise<boolean>;
+    removeLoyaltyPointsFromCart: () => Promise<void>;
+    getLoyaltyWidget: () => Promise<LoyaltyWidget>;
+    onWidgetClose: () => void;
+    getProducts: (ids: string[]) => Promise<Product[]>;
+    getCategories: (ids: string[]) => Promise<Category[]>;
+    getBrands: (ids: string[]) => Promise<Brand[]>;
+    getTags: (ids: string[]) => Promise<Tag[]>;
+};
+export type IkasLoyaltyWidgetConfig = {
+    cartId?: string | null;
+    cdnURL: string;
+    merchantId: string;
+    currency: string;
+    locale: string;
+    callbacks: LoyaltyWidgetCallbacks;
+};

package/build/renderer/components/button/index.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-import { LoyaltyWidgetButton } from "../../../models/button";
-import type { FontSizeKey, PaddingSize } from "./style";
-type Props = {
-    children: React.ReactNode;
-    onClick?: () => void;
-    button: LoyaltyWidgetButton;
-    fontSize: FontSizeKey;
-    paddingSize: PaddingSize;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    isLoading?: boolean;
-};
-declare const Button: React.FC<Props>;
-export default Button;
+import React from "react";
+import { LoyaltyWidgetButton } from "../../../models/button";
+import type { FontSizeKey, PaddingSize } from "./style";
+type Props = {
+    children: React.ReactNode;
+    onClick?: () => void;
+    button: LoyaltyWidgetButton;
+    fontSize: FontSizeKey;
+    paddingSize: PaddingSize;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+};
+declare const Button: React.FC<Props>;
+export default Button;

package/build/renderer/components/button/style.d.ts

@@ -1,15 +1,15 @@
-export type FontSizeKey = "textXSMedium" | "textSM" | "textSMMedium" | "textMDMedium" | "textLGSemiBold" | "displayXSSemiBold";
-export type PaddingSize = "small" | "medium";
-type ButtonProps = {
-    fullWidth: boolean;
-    fontSize: FontSizeKey;
-    paddingSize: PaddingSize;
-    borderRadius: number;
-    bgColor: string | null;
-    textColor: string | null;
-    borderColor: string | null;
-    disabled?: boolean;
-};
-export declare const Button: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
-export declare const Loader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};
+export type FontSizeKey = "textXSMedium" | "textSM" | "textSMMedium" | "textMDMedium" | "textLGSemiBold" | "displayXSSemiBold";
+export type PaddingSize = "small" | "medium";
+type ButtonProps = {
+    fullWidth: boolean;
+    fontSize: FontSizeKey;
+    paddingSize: PaddingSize;
+    borderRadius: number;
+    bgColor: string | null;
+    textColor: string | null;
+    borderColor: string | null;
+    disabled?: boolean;
+};
+export declare const Button: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
+export declare const Loader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/build/renderer/components/button/style.js

@@ -1 +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};
+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};

package/build/renderer/components/index.d.ts

@@ -1,3 +1,5 @@
-export { default as Header } from "../screens/main-screen/header";
-export { default as SectionTitle } from "./section-title";
-export { default as Button } from "./button";
+export { default as Header } from "../screens/main-screen/header";
+export { default as SectionTitle } from "./section-title";
+export { default as Button } from "./button";
+export { default as RewardCard } from "./reward-card";
+export { default as ProgramInfoCard } from "./program-info-card";

package/build/renderer/components/loyalty-method-card/index.d.ts

@@ -1,23 +1,23 @@
-import React from "react";
-import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
-import { LoyaltyWidgetButton } from "models/button";
-export type LoyaltyMethodCardProps = {
-    title: string;
-    description: string | React.ReactNode;
-    icon: React.ReactNode;
-    action?: {
-        text: string;
-        onClick: () => void;
-    };
-    isCompleted?: boolean;
-    mode: "card" | "accordion";
-    children?: React.ReactNode;
-    padding?: string;
-    settings: {
-        borderRadius: number;
-        widgetIconType: WidgetIconTypeEnum;
-        button: LoyaltyWidgetButton;
-    };
-};
-declare const LoyaltyMethodCard: React.FC<LoyaltyMethodCardProps>;
-export default LoyaltyMethodCard;
+import React from "react";
+import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
+import { LoyaltyWidgetButton } from "models/button";
+export type LoyaltyMethodCardProps = {
+    title: string;
+    description: string | React.ReactNode;
+    icon: React.ReactNode;
+    action?: {
+        text: string;
+        onClick: () => void;
+    };
+    isCompleted?: boolean;
+    mode: "card" | "accordion";
+    children?: React.ReactNode;
+    padding?: string;
+    settings: {
+        borderRadius: number;
+        widgetIconType: WidgetIconTypeEnum;
+        button: LoyaltyWidgetButton;
+    };
+};
+declare const LoyaltyMethodCard: React.FC<LoyaltyMethodCardProps>;
+export default LoyaltyMethodCard;

package/build/renderer/components/loyalty-method-card/style.d.ts

@@ -1,22 +1,22 @@
-import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    $borderRadius: number;
-    $isCompleted?: boolean;
-    $padding?: string;
-}, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
-    $iconType: WidgetIconTypeEnum;
-}, never>;
-export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AccordionWrapper: import("styled-components").StyledComponent<"div", any, {
-    $isOpen: boolean;
-}, never>;
-export declare const AccordionInner: import("styled-components").StyledComponent<"div", any, {
-    $isOpen: boolean;
-}, never>;
-export declare const ArrowButton: import("styled-components").StyledComponent<"button", any, {
-    $isOpen: boolean;
-}, never>;
+import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    $borderRadius: number;
+    $isCompleted?: boolean | undefined;
+    $padding?: string | undefined;
+}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
+    $iconType: WidgetIconTypeEnum;
+}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AccordionWrapper: import("styled-components").StyledComponent<"div", any, {
+    $isOpen: boolean;
+}, never>;
+export declare const AccordionInner: import("styled-components").StyledComponent<"div", any, {
+    $isOpen: boolean;
+}, never>;
+export declare const ArrowButton: import("styled-components").StyledComponent<"button", any, {
+    $isOpen: boolean;
+}, never>;

package/build/renderer/components/loyalty-method-card/style.js

@@ -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"styled-components";import{textSMMedium as i,textSM as o}from"../style/typography.js";var a,s,d,p,l,f,c,x,g,u,m,b=t.div(a||(a=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(s||(s=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),$=t.div(x||(x=n(["\n  color: #121926;\n  ","\n"],["\n  color: #121926;\n  ","\n"])),o),j=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,j as AccordionWrapper,O as ArrowButton,b as Container,w as Content,$ as Description,y as Header,h as IconWrapper,v as Title};
+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};

package/build/renderer/components/section-title/index.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-type Props = {
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-    className?: string;
-};
-declare const SectionTitle: React.FC<Props>;
-export default SectionTitle;
+import React from "react";
+type Props = {
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+};
+declare const SectionTitle: React.FC<Props>;
+export default SectionTitle;

package/build/renderer/components/section-title/style.d.ts

@@ -1 +1 @@
-export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/renderer/components/section-title/style.js

@@ -1 +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};
+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};