@nuskin/react-loyalty-elements 1.0.2 → 1.0.4

package/README.md

@@ -1,4 +1,3 @@
 # Loyalty Components
 
 This is a repository for loyalty components to be used to integrate with other domains as well as providing reuseability
-

package/dist/CircularProgressBar/CircularProgressBar.styled.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+export declare const RewardProgressBarContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoyaltyProgressSubContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCard: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Learn3XLink: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ProgressBarCenter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RewardProgressTotalContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RewardProgressTotalButtonWithIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const SeparatorCard: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SeparatorInnerCard: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/CircularProgressBar/RadialSeparator.d.ts

@@ -0,0 +1,4 @@
+declare function RadialSeparators(props: {
+    count: number;
+}): import("react/jsx-runtime").JSX.Element[];
+export default RadialSeparators;

package/dist/CircularProgressBar/RewardProgressBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { RewardProgressBarProps } from './types';
+declare class RewardProgressBar extends React.Component<RewardProgressBarProps> {
+    constructor(props: RewardProgressBarProps);
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default RewardProgressBar;
+export { RewardProgressBar };

package/dist/CircularProgressBar/RewardSubscriptionMonthDescription.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { RewardSubscriptionMonthDescriptionProps } from './types';
+declare class RewardSubscriptionMonthDescription extends React.Component<RewardSubscriptionMonthDescriptionProps> {
+    constructor(props: RewardSubscriptionMonthDescriptionProps);
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default RewardSubscriptionMonthDescription;
+export { RewardSubscriptionMonthDescription };

package/dist/CircularProgressBar/RewardSubscriptionTotal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { RewardProgressBarProps } from './types';
+declare class RewardSubscriptionTotal extends React.Component<RewardProgressBarProps> {
+    constructor(props: RewardProgressBarProps);
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default RewardSubscriptionTotal;
+export { RewardSubscriptionTotal };

package/dist/CircularProgressBar/SubscriptionReward.d.ts

@@ -0,0 +1,4 @@
+import { RewardProgressBarProps } from './types';
+declare const SubscriptionReward: (props: RewardProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionReward;
+export { SubscriptionReward };

package/dist/CircularProgressBar/SubscriptionRewardMobile.d.ts

@@ -0,0 +1,4 @@
+import { RewardProgressBarProps } from './types';
+declare const SubscriptionRewardMobile: (props: RewardProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionRewardMobile;
+export { SubscriptionRewardMobile };

package/dist/CircularProgressBar/index.d.ts

@@ -0,0 +1 @@
+export { default as SubscriptionReward } from './SubscriptionReward';

package/dist/CircularProgressBar/logic/calculateMonthCompletionValues.d.ts

@@ -0,0 +1,5 @@
+import { MonthlyData } from '../types';
+export declare const calculateMonthCompletionValues: (data: MonthlyData | null | undefined, minAmount: number, maxAmount: number, minVoucher: number, maxVoucher: number, voucherValue: number, monthCompletionValue: number) => {
+    monthCompletionValue: number;
+    voucherValue: number;
+};

package/dist/CircularProgressBar/specs/RewardProgressBar.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/CircularProgressBar/specs/RewardSubscriptionMonthDescription.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/CircularProgressBar/specs/RewardSubscriptionTotal.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/CircularProgressBar/specs/SubscriptionReward.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/CircularProgressBar/specs/SubscriptionRewardMobile.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/CircularProgressBar/specs/calculateMonthCompletionValues.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/CircularProgressBar/types.d.ts

@@ -0,0 +1,98 @@
+export type ApproximateMonthlyTotal = {
+    currentMonthTotal: number;
+    nextMonthTotal?: number;
+};
+export type StoreMonthlySubsOrder = {
+    accountId?: number;
+    userId?: number;
+    nuskinAccountId?: string;
+    year: number;
+    month: number;
+    storeId?: number;
+    totalAmount: number;
+    promocode: string | null;
+    createdTime?: string;
+    updatedTime?: string;
+};
+export type MonthlyData = {
+    approximateMonthlyTotalResponse?: {
+        currentMonthTotal?: number;
+    };
+    approximateMonthlyTotal?: ApproximateMonthlyTotal;
+    storeMonthlySubsOrderTotal?: StoreMonthlySubsOrder[];
+};
+export type TranslationConfig = {
+    header?: string | undefined;
+    voucherTargetAmount: string;
+    monthsComplete: string;
+    voucherEarned: string;
+    learnMore: string;
+    learn3xMore: string;
+    callToAction: string;
+    notQualify: string;
+    approximateMonthly: string;
+    approximateTotal: string;
+    currentlyTrack: string;
+    loyaltyLogoBlack: string;
+    estimateDisclaimer?: string | undefined;
+};
+export type LearnMoreConfig = {
+    tagLine: string;
+    cardOneDescription: string;
+    cardOneVoucherAmount: string;
+    cardTwoDescription: string;
+    cardTwoVoucherAmount: string;
+    header: string;
+    loyaltyLogoWhite: string;
+    loyaltyBanner: string;
+    learnMore: string;
+};
+export type RewardProgressBarProps = {
+    value: number;
+    title: string;
+    amountShow?: number | undefined;
+    voucherValue: number | null;
+    monthCompletionValue?: number;
+    minAmount?: number;
+    maxMonths: number;
+    approximateMonthlyTotalResponse?: object;
+    subscriptionData?: null | MonthlyData;
+    handleOpenSubscriptionRewardPopup: () => void;
+    notQualifyForRewardThisMonth: boolean;
+    translationConfig: TranslationConfig;
+    learnMoreConfig: LearnMoreConfig;
+    storeConfig: {
+        tiers?: [
+            {
+                consecutive_months: number;
+                min_spend: number;
+                max_spend: number;
+                promo_code: string;
+            },
+            {
+                consecutive_months: number;
+                min_spend: number;
+                promo_code: string;
+            }
+        ];
+        currencyAbbreviate?: boolean;
+    };
+    currencyAbbreviate?: boolean;
+    currencyFormat?: (price: number, currencyWithoutDecimal: boolean, currencyAbbreviate: boolean) => void;
+};
+export type RewardSubscriptionMonthDescriptionProps = {
+    value: number;
+    amountShow?: number;
+    voucherValue: number | null;
+    monthCompletionValue?: number;
+    minAmount?: number;
+    maxMonths: number;
+    approximateMonthlyTotalResponse?: object;
+    subscriptionData?: MonthlyData;
+    handleOpenSubscriptionRewardPopup: () => void;
+    notQualifyForRewardThisMonth: boolean;
+    translationConfig?: TranslationConfig;
+    learnMoreConfig?: LearnMoreConfig;
+    currencyAbbreviate?: boolean;
+    currencyFormat?: (price: number, currencyWithoutDecimal: boolean, currencyAbbreviate: boolean) => void;
+};

package/dist/Icons/Info.d.ts

@@ -0,0 +1,2 @@
+declare function Info(): import("react/jsx-runtime").JSX.Element;
+export default Info;

package/dist/Icons/PromoLayoutIcon.d.ts

@@ -0,0 +1 @@
+export default function PromoLayoutIcon(): import("react/jsx-runtime").JSX.Element;

package/dist/Icons/SubscriptionVoucherIcon.d.ts

@@ -0,0 +1,2 @@
+declare function SubscriptionVoucherIcon(): import("react/jsx-runtime").JSX.Element;
+export default SubscriptionVoucherIcon;

package/dist/Icons/SubscriptionVoucherIconGrey.d.ts

@@ -0,0 +1,2 @@
+declare function SubscriptionVoucherIconGrey(): import("react/jsx-runtime").JSX.Element;
+export default SubscriptionVoucherIconGrey;

package/dist/Icons/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PromoLayoutIcon } from './PromoLayoutIcon';
+export * from './SubscriptionVoucherIcon';
+export * from './Info';

package/dist/SampleComponent/specs/SampleComponent.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/SubscriptionRewardBanner/SubscriptionRewardBanner.d.ts

@@ -0,0 +1,3 @@
+import { RewardBannerProps } from './types';
+declare const SubscriptionRewardBanner: (props: RewardBannerProps) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionRewardBanner;

package/dist/SubscriptionRewardBanner/SubscriptionRewardBanner.styled.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const SubscriptionRewardContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const CardContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const CardText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const CardButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const CardLogo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/dist/SubscriptionRewardBanner/index.d.ts

@@ -0,0 +1 @@
+export { default as SubscriptionRewardBanner } from './SubscriptionRewardBanner';

package/dist/SubscriptionRewardBanner/specs/SubscriptionRewardBanner.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/SubscriptionRewardBanner/types.d.ts

@@ -0,0 +1,20 @@
+export type RewardBannerProps = {
+    translationConfig: {
+        header: string;
+        body: string;
+        learnMore: string;
+        loyaltyLogoBlack: string;
+        loyaltyBanner: string;
+    };
+    learnMoreConfig: {
+        tagLine: string;
+        cardOneDescription: string;
+        cardOneVoucherAmount: string;
+        cardTwoDescription: string;
+        cardTwoVoucherAmount: string;
+        header: string;
+        loyaltyLogoWhite: string;
+        loyaltyBanner: string;
+        learnMore: string;
+    };
+};

package/dist/SubscriptionRewardModal/SubscriptionRewardModal.d.ts

@@ -0,0 +1,2 @@
+import { RewardModalProps } from './types';
+export default function SubscriptionRewardModal(props: RewardModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/SubscriptionRewardModal/SubscriptionRewardModal.styled.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+export declare const SubscriptionRewardPopup: import("@emotion/styled").StyledComponent<import("@nuskin/foundation-ui-components").NsModalProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ModalBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SubscriptionRewardImg: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VoucherDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VoucherHeading: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VoucherIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VoucherDescription: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Footer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderDescription: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/SubscriptionRewardModal/index.d.ts

@@ -0,0 +1 @@
+export { default as SubscriptionRewardModal } from './SubscriptionRewardModal';

package/dist/SubscriptionRewardModal/specs/SubscriptionRewardModal.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/SubscriptionRewardModal/types.d.ts

@@ -0,0 +1,21 @@
+export type RewardModalProps = {
+    amountShow?: number | string;
+    show: boolean;
+    close: () => void;
+    bannerImage?: string;
+    translationConfig: {
+        header?: string;
+    };
+    learnMoreConfig: {
+        header?: string;
+        learnMore: string;
+        learnMoreLink?: string | undefined;
+        cardTwoDescription: string;
+        cardTwoVoucherAmount: string;
+        cardOneDescription: string;
+        cardOneVoucherAmount: string;
+        tagLine: string;
+        loyaltyLogoWhite: string;
+        loyaltyBanner: string;
+    };
+};

package/dist/Utils/application/application.d.ts

@@ -0,0 +1,14 @@
+declare const IS_BROWSER: boolean;
+declare class ApplicationStore {
+    width: number;
+    scroll: {
+        vertical: number;
+        horizontal: number;
+        direction: string;
+    };
+    get isMobile(): boolean;
+    get isPhone(): boolean;
+}
+declare const applicationContainer: ApplicationStore;
+export { IS_BROWSER, ApplicationStore, applicationContainer, applicationContainer as application };
+export default applicationContainer;

package/dist/Utils/application/index.d.ts

@@ -0,0 +1,2 @@
+export * from './application';
+export { default } from './application';

package/dist/Utils/application/specs/application.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Utils/helper.d.ts

@@ -0,0 +1,4 @@
+export declare const replacePlaceholders: (template: string, values: {
+    [key: string]: string | number | null;
+}) => string;
+export declare const currencySymbol: () => string;

package/dist/index.d.ts

@@ -1 +1,4 @@
 export * from './SampleComponent';
+export * from './SubscriptionRewardBanner';
+export * from './SubscriptionRewardModal';
+export * from './CircularProgressBar';