@nuskin/react-loyalty-elements 1.0.1 → 1.0.3

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/RadialSeparator.spec.d.ts

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

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/SampleComponent.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+declare const SampleComponent: () => ReactElement;
+export default SampleComponent;

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

@@ -0,0 +1 @@
+export * from './SampleComponent';

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";function r(r,e){if(e==null||e>r.length)e=r.length;for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}function e(r){if(Array.isArray(r))return r}function t(r,e){var t=r==null?null:typeof Symbol!=="undefined"&&r[Symbol.iterator]||r["@@iterator"];if(t==null)return;var n=[];var o=true;var u=false;var i,a;try{for(t=t.call(r);!(o=(i=t.next()).done);o=true){n.push(i.value);if(e&&n.length===e)break}}catch(r){u=true;a=r}finally{try{if(!o&&t["return"]!=null)t["return"]()}finally{if(u)throw a}}return n}function n(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(r,o){return e(r)||t(r,o)||i(r,o)||n()}function u(r){"@swc/helpers - typeof";return r&&typeof Symbol!=="undefined"&&r.constructor===Symbol?"symbol":typeof r}function i(e,t){if(!e)return;if(typeof e==="string")return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor)n=e.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var s=function(r,e){for(var t in e)a(r,t,{get:e[t],enumerable:!0})},y=function(r,e,t,n){var o=true,i=false,s=undefined;if(e&&(typeof e==="undefined"?"undefined":u(e))=="object"||typeof e=="function")try{var y=function(){var o=d.value;!f.call(r,o)&&o!==t&&a(r,o,{get:function(){return e[o]},enumerable:!(n=l(e,o))||n.enumerable})};for(var p=c(e)[Symbol.iterator](),d;!(o=(d=p.next()).done);o=true)y()}catch(r){i=true;s=r}finally{try{if(!o&&p.return!=null){p.return()}}finally{if(i){throw s}}}return r};var p=function(r){return y(a({},"__esModule",{value:!0}),r)};var d={};s(d,{SampleComponent:function(){return j}});module.exports=p(d);var m=require("react"),v=require("@nuskin/foundation-ui-components"),b=require("react/jsx-runtime"),h=function(){var r=o((0,m.useState)(0),2),e=r[0],t=r[1];return(0,b.jsxs)("div",{children:[(0,b.jsx)("h1",{children:"Sample Component"}),(0,b.jsxs)("p",{children:["Count: ",e]}),(0,b.jsx)(v.NsButton,{onClick:function(){return t(e+1)},children:"Increment"}),(0,b.jsx)(v.NsButton,{onClick:function(){return t(e-1)},children:"Decrement"})]})},j=h;//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/gitlab-runner-data/builds/nextgen-development/loyalty/npm/react-loyalty-elements/dist/index.js","../src/index.ts","../src/SampleComponent/SampleComponent.tsx"],"names":["p","Object","defineProperty","l","getOwnPropertyDescriptor","s","getOwnPropertyNames","C","prototype","hasOwnProperty","f","e","t","m","get","enumerable","i","u","n","call","d","value","index_exports","__export","SampleComponent","SampleComponent_default","module","exports","__toCommonJS","import_react","require","import_foundation_ui_components","import_jsx_runtime","a","useState","count","setCount","o","jsxs","children","jsx","r","NsButton","onClick"],"mappings":"AAAA,moCAAa,IAAIA,EAAEC,OAAOC,cAAc,CAAC,IAAIC,EAAEF,OAAOG,wBAAwB,CAAC,IAAIC,EAAEJ,OAAOK,mBAAmB,CAAC,IAAIC,EAAEN,OAAOO,SAAS,CAACC,cAAc,CAAC,IAAIC,EAAE,SAACC,EAAEC,GAAK,IAAI,IAAIC,KAAKD,EAAEZ,EAAEW,EAAEE,EAAE,CAACC,IAAIF,CAAC,CAACC,EAAE,CAACE,WAAW,CAAC,CAAC,EAAE,EAAEC,EAAE,SAACL,EAAEC,EAAEC,EAAEI,OAAwD,OAAA,QAAA,YAAnD,GAAGL,GAAG,CAAA,OAAOA,4BAAP,EAAOA,EAAAA,GAAG,UAAU,OAAOA,GAAG,gCAAe,IAAIM,EAAJ,OAAc,EAACX,EAAEY,IAAI,CAACR,EAAEO,IAAIA,IAAIL,GAAGb,EAAEW,EAAEO,EAAE,CAACJ,IAAI,kBAAIF,CAAC,CAACM,EAAE,EAACH,WAAW,CAAEE,CAAAA,EAAEd,EAAES,EAAEM,EAAC,GAAID,EAAEF,UAAU,IAA/F,QAAI,EAASV,EAAEO,sBAAX,IAAA,GAAA,EAAA,gBAAA,oBAAA,OAAA,oBAAA,GAAA,gBAAA,uBAAA,SAAA,IAA8F,OAAOD,CAAC,EAAE,IAAIS,EAAET,SAAAA,UAAGK,EAAEhB,EAAE,CAAC,EAAE,aAAa,CAACqB,MAAM,CAAC,CAAC,GAAGV,ICAta,IAAAW,EAAA,CAAA,EAAAC,EAAAD,EAAA,CAAAE,gBAAA,kBAAAC,EAAAA,EAAAC,CAAAA,OAAAC,OAAA,CAAAC,EAAAN,GCAA,IAAAO,EAA8CC,QAAA,SAC9CC,EAAyBD,QAAA,oCAMbE,EAAAF,QAAA,qBAJNN,EAAkB,WACpB,IAAsB,IAAA,CAAA,EAAIS,EAAAC,QAAA,EAAiB,MAApCC,EAAe,KAARC,EAAQ,KACtB,MAAA,CAAA,EACIC,EAAAC,IAAA,EAAC,MAAA,CACGC,SAAA,CAAA,CAAA,EAAAF,EAAAG,GAAA,EAAC,KAAA,CAAGD,SAAA,kBAAA,GAAgB,CAAA,EACpBF,EAAAC,IAAA,EAAC,IAAA,CAAEC,SAAA,CAAA,UAAQJ,EAAAA,GAAM,CAAA,EACjBE,EAAAG,GAAA,EAACC,EAAAC,QAAA,CAAA,CAASC,QAAS,kBAAMP,EAASD,EAAQ,IAAII,SAAA,WAAA,GAAS,CAAA,EACvDF,EAAAG,GAAA,EAACC,EAAAC,QAAA,CAAA,CAASC,QAAS,kBAAMP,EAASD,EAAQ,IAAII,SAAA,WAAA,GAAS,EAGnE,EACOd,EAAQD","sourcesContent":["\"use strict\";var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var f=(e,t)=>{for(var m in t)p(e,m,{get:t[m],enumerable:!0})},i=(e,t,m,u)=>{if(t&&typeof t==\"object\"||typeof t==\"function\")for(let n of s(t))!C.call(e,n)&&n!==m&&p(e,n,{get:()=>t[n],enumerable:!(u=l(t,n))||u.enumerable});return e};var d=e=>i(p({},\"__esModule\",{value:!0}),e);var B={};f(B,{SampleComponent:()=>c});module.exports=d(B);var a=require(\"react\"),r=require(\"@nuskin/foundation-ui-components\"),o=require(\"react/jsx-runtime\"),S=()=>{let[e,t]=(0,a.useState)(0);return(0,o.jsxs)(\"div\",{children:[(0,o.jsx)(\"h1\",{children:\"Sample Component\"}),(0,o.jsxs)(\"p\",{children:[\"Count: \",e]}),(0,o.jsx)(r.NsButton,{onClick:()=>t(e+1),children:\"Increment\"}),(0,o.jsx)(r.NsButton,{onClick:()=>t(e-1),children:\"Decrement\"})]})},c=S;\n","export * from './SampleComponent';\n","import React, { ReactElement, useState } from 'react';\nimport { NsButton } from '@nuskin/foundation-ui-components';\n\nconst SampleComponent = (): ReactElement => {\n    const [count, setCount] = useState<number>(0);\n    return (\n        <div>\n            <h1>Sample Component</h1>\n            <p>Count: {count}</p>\n            <NsButton onClick={() => setCount(count + 1)}>Increment</NsButton>\n            <NsButton onClick={() => setCount(count - 1)}>Decrement</NsButton>\n        </div>\n    );\n};\nexport default SampleComponent;\n"]}

package/dist/index.mjs

@@ -0,0 +1 @@
+function r(r,t){if(t==null||t>r.length)t=r.length;for(var n=0,e=new Array(t);n<t;n++)e[n]=r[n];return e}function t(r){if(Array.isArray(r))return r}function n(r,t){var n=r==null?null:typeof Symbol!=="undefined"&&r[Symbol.iterator]||r["@@iterator"];if(n==null)return;var e=[];var o=true;var i=false;var a,u;try{for(n=n.call(r);!(o=(a=n.next()).done);o=true){e.push(a.value);if(t&&e.length===t)break}}catch(r){i=true;u=r}finally{try{if(!o&&n["return"]!=null)n["return"]()}finally{if(i)throw u}}return e}function e(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(r,o){return t(r)||n(r,o)||i(r,o)||e()}function i(t,n){if(!t)return;if(typeof t==="string")return r(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);if(e==="Object"&&t.constructor)e=t.constructor.name;if(e==="Map"||e==="Set")return Array.from(e);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return r(t,n)}import{useState as a}from"react";import{NsButton as u}from"@nuskin/foundation-ui-components";import{jsx as l,jsxs as c}from"react/jsx-runtime";var f=function(){var r=o(a(0),2),t=r[0],n=r[1];return c("div",{children:[l("h1",{children:"Sample Component"}),c("p",{children:["Count: ",t]}),l(u,{onClick:function(){return n(t+1)},children:"Increment"}),l(u,{onClick:function(){return n(t-1)},children:"Decrement"})]})},s=f;export{s as SampleComponent};//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SampleComponent/SampleComponent.tsx"],"names":["useState","NsButton","jsx","jsxs","SampleComponent","count","setCount","children","onClick","SampleComponent_default"],"mappings":"ggCAAA,OAA8BA,YAAAA,CAAAA,KAAgB,OAC9C,QAASC,YAAAA,CAAAA,KAAgB,kCAMb,QAAAC,OAAAA,CAAAA,CACAC,QAAAA,CAAAA,KADA,mBAJZ,CAAA,IAAMC,EAAkB,WACpB,IAA0BJ,IAAAA,EAAiB,MAApCK,EAAmBL,KAAZM,EAAYN,KAC1B,OACIG,EAAC,MAAA,CACGI,SAAA,CAAAL,EAAC,KAAA,CAAGK,SAAA,kBAAA,GACJJ,EAAC,IAAA,CAAEI,SAAA,CAAA,UAAQF,EAAAA,GACXH,EAACD,EAAA,CAASO,QAAS,kBAAMF,EAASD,EAAQ,IAAIE,SAAA,WAAA,GAC9CL,EAACD,EAAA,CAASO,QAAS,kBAAMF,EAASD,EAAQ,IAAIE,SAAA,WAAA,GAAS,EAGnE,EACOE,EAAQL,SAAAA,KAAAA,eAAAA","sourcesContent":["import React, { ReactElement, useState } from 'react';\nimport { NsButton } from '@nuskin/foundation-ui-components';\n\nconst SampleComponent = (): ReactElement => {\n    const [count, setCount] = useState<number>(0);\n    return (\n        <div>\n            <h1>Sample Component</h1>\n            <p>Count: {count}</p>\n            <NsButton onClick={() => setCount(count + 1)}>Increment</NsButton>\n            <NsButton onClick={() => setCount(count - 1)}>Decrement</NsButton>\n        </div>\n    );\n};\nexport default SampleComponent;\n"]}

package/package.json

@@ -1,8 +1,10 @@
 {
     "name": "@nuskin/react-loyalty-elements",
-    "version": "1.0.1",
+    "version": "1.0.3",
     "description": "A React based component library for reusable Nextgen Loyalty component",
-    "main": "src/common/index.ts",
+    "types": "dist/index.d.ts",
+    "main": "dist/index.js",
+    "module": "dist/index.esm.js",
     "repository": {
         "type": "git",
         "url": "git@code.tls.nuskin.io:nextgen-development/loyalty/npm/react-loyalty-elements.git"
@@ -19,18 +21,21 @@
     ],
     "license": "MIT",
     "scripts": {
-        "lint": "eslint",
+        "build:package": "tsup",
+        "lint": "eslint src",
         "test": "jest --coverage",
         "test:watch": "jest --watch",
         "test:update-snapshot": "jest -u",
         "test:failed": "npx jest --onlyFailures",
         "test:coverage": "jest --coverage",
-        "types:check": "tsc --pretty --noEmit"
+        "types:check": "tsc --pretty"
     },
     "dependencies": {
         "@types/react": "^18.2.0",
         "@types/react-dom": "^18.2.0",
-        "react-dom": "^18.2.0"
+        "react-circular-progressbar": "^2.1.0",
+        "react-dom": "^18.2.0",
+        "react-icons": "^4.0.0"
     },
     "devDependencies": {
         "@babel/core": "^7.23.2",
@@ -38,36 +43,49 @@
         "@babel/preset-react": "^7.22.15",
         "@babel/preset-typescript": "^7.23.2",
         "@nuskin/eslint-config": "^1.0.0-setup.1",
-        "@nuskin/foundation-ui-components": "1.32.1-cdb-1.2",
-        "@testing-library/dom": "^9.3.3",
-        "@testing-library/jest-dom": "^6.1.4",
-        "@testing-library/react": "^14.0.0",
+        "@nuskin/foundation-ui-components": "2.0.0",
+        "@swc/core": "1.10.15",
+        "@testing-library/dom": "10.4.0",
+        "@testing-library/jest-dom": "^6.6.3",
+        "@testing-library/react": "16.2.0",
         "@types/jest": "^29.5.7",
         "@types/lodash": "^4.14.200",
         "@types/node": "^20.8.7",
         "@types/react-test-renderer": "^18.0.5",
+        "@typescript-eslint/eslint-plugin": "^8.28.0",
+        "@typescript-eslint/parser": "^8.28.0",
         "babel-jest": "^29.7.0",
         "babel-loader": "^9.1.3",
         "babel-plugin-emotion": "^11.0.0",
         "eslint": "^8.51.0",
-        "eslint-config-prettier": "^9.0.0",
+        "eslint-config-prettier": "^10.1.1",
         "eslint-plugin-json": "^3.1.0",
-        "eslint-plugin-prettier": "^5.0.1",
+        "eslint-plugin-prettier": "^5.2.4",
+        "eslint-plugin-react": "^7.37.4",
+        "eslint-plugin-spellcheck": "^0.0.20",
+        "eslint-plugin-unused-imports": "^4.1.4",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
+        "prettier": "^3.5.3",
         "react": "^18.2.0",
+        "tsup": "8.3.6",
         "typescript": "^5.4.2"
     },
     "peerDependencies": {
-        "@nuskin/foundation-ui-components": "1.32.1-cdb-1.2",
+        "@nuskin/foundation-ui-components": "2.0.0",
         "react": "^18.2.0",
         "typescript": "^5.4.2"
     },
     "resolutions": {
-        "@nuskin/foundation-theme": "1.6.1-cdb-1.1"
+        "@nuskin/foundation-theme": "1.7.0",
+        "esbuild": "0.25.0",
+        "@babel/runtime": "7.26.10",
+        "@babel/helpers": "7.26.10"
     },
     "files": [
-        "src"
+        "dist",
+        "README.md",
+        "package.json"
     ],
     "readme": "./README.md"
 }

package/src/SampleComponent/SampleComponent.spec.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import SampleComponent from './SampleComponent';
-
-describe('NsInputField', () => {
-    it('should render component', () => {
-        render(<SampleComponent />);
-        const sampleComponent = screen.getByText('Sample Component');
-        expect(sampleComponent).toBeTruthy();
-    });
-
-    it('should increment count', () => {
-        render(<SampleComponent />);
-        const incrementButton = screen.getByText('Increment');
-        fireEvent.click(incrementButton);
-        const count = screen.getByText('Count: 1');
-        expect(count).toBeTruthy();
-    });
-
-    it('should decrement count', () => {
-        render(<SampleComponent />);
-        const decrementButton = screen.getByText('Decrement');
-        fireEvent.click(decrementButton);
-        const count = screen.getByText('Count: -1');
-        expect(count).toBeTruthy();
-    });
-});

package/src/SampleComponent/SampleComponent.tsx

@@ -1,16 +0,0 @@
-import React, { ReactElement, useState } from 'react';
-import { NsButton } from '@nuskin/foundation-ui-components';
-
-const SampleComponent = (): ReactElement => {
-    const [count, setCount] = useState<number>(0);
-
-    return (
-        <div>
-            <h1>Sample Component</h1>
-            <p>Count: {count}</p>
-            <NsButton onClick={() => setCount(count + 1)}>Increment</NsButton>
-            <NsButton onClick={() => setCount(count - 1)}>Decrement</NsButton>
-        </div>
-    );
-};
-export default SampleComponent;

package/src/index.ts

@@ -1 +0,0 @@
-export * from './SampleComponent';