@homefile/components-v2 2.36.1 → 2.36.2

package/dist/stories/myProfile/MyProfileContent.stories.d.ts

@@ -1,37 +0,0 @@
-import { Meta } from '@storybook/react';
-import { MyProfileContentI, PaymentMethodI } from '@/interfaces';
-declare const _default: Meta<MyProfileContentI>;
-export default _default;
-export declare const MyProfileContentComponent: {
-    (args: MyProfileContentI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        user: {
-            email: string;
-            firstName: string;
-            lastName: string;
-            handleSubmit: import("@storybook/addon-actions").HandlerFunction;
-            buttonLabel: string;
-        };
-        plans: {
-            planOptions: {
-                value: string;
-                label: string;
-                homes: string;
-                price: string;
-            }[];
-            currentPlan: string;
-            onChange: import("@storybook/addon-actions").HandlerFunction;
-            isActive: boolean;
-        };
-        payment: {
-            paymentMethod: PaymentMethodI;
-            receipts: never[];
-            handleDelete: import("@storybook/addon-actions").HandlerFunction;
-            isStandAlone: boolean;
-            handleAddCard: import("@storybook/addon-actions").HandlerFunction;
-            handleNewCard: import("@storybook/addon-actions").HandlerFunction;
-            buttonLabel: string;
-        };
-        isLoading: boolean;
-    };
-};

package/dist/stories/myProfile/MyProfileContent.stories.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MyProfileContent, RightPanel } from '@/components';
-import { planOptions } from '@/helpers';
-import { action } from '@storybook/addon-actions';
-export default {
-    title: 'Components/MyProfile',
-    component: MyProfileContent,
-};
-export const MyProfileContentComponent = (args) => {
-    return (_jsx(RightPanel, { isOpen: true, onClose: () => null, children: _jsx(MyProfileContent, Object.assign({}, args)) }));
-};
-const paymentMethod = {
-    brand: 'Visa',
-    number: '**5422',
-    isPaymentMethodValid: true,
-};
-MyProfileContentComponent.args = {
-    user: {
-        email: 'gary.edmunds@gmail.com',
-        firstName: 'Gary',
-        lastName: 'Edmunds',
-        handleSubmit: action('handleSubmit'),
-        buttonLabel: 'Save Information',
-    },
-    plans: {
-        planOptions,
-        currentPlan: 'pro',
-        onChange: action('onChange'),
-        isActive: true,
-    },
-    payment: {
-        paymentMethod: paymentMethod,
-        receipts: [],
-        handleDelete: action('handleDelete'),
-        isStandAlone: false,
-        handleAddCard: action('handleAddCard'),
-        handleNewCard: action('handleNewCard'),
-        buttonLabel: 'Add Card',
-    },
-    isLoading: false,
-};

package/dist/stories/myProfile/MyProfilePanel.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { MyProfilePanelI } from '@/interfaces';
-declare const _default: Meta<MyProfilePanelI>;
-export default _default;
-export declare const MyProfilePanelComponent: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/myProfile/MyProfilePanel.stories.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Divider, DrawerBody } from '@chakra-ui/react';
-import { ActiveSubscription, CancelAccount, CreditCardContainer, CreditCardError, MonthlyCharge, MyProfileBody, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, PaymentReceipts, RightPanel, RolePermissionsTab, TwoFactorSetting, UserDetails, } from '@/components';
-import { action } from '@storybook/addon-actions';
-import { featuresSelectedMock, menuMock, receiptsMock } from '@/mocks';
-import { useState } from 'react';
-export default {
-    title: 'Components/MyProfile',
-    component: MyProfilePanel,
-};
-export const MyProfilePanelComponent = () => {
-    const [isNewCreditCardPanelOpen, setIsNewCreditCardPanelOpen] = useState(false);
-    const [hasError, setHasError] = useState(false);
-    const handleCloseNewCreditCardPanel = () => setIsNewCreditCardPanelOpen(false);
-    const handleOpenNewCreditCardPanel = () => setIsNewCreditCardPanelOpen(true);
-    const handleError = () => setHasError(true);
-    return (_jsxs(_Fragment, { children: [_jsx(RightPanel, { isOpen: true, onClose: action('onCloseClick'), children: _jsxs(MyProfilePanel, { children: [_jsx(MyProfileHeader, { onClose: action('onCloseClick') }), _jsx(MyProfileBody, { isLoading: false, account: _jsxs(_Fragment, { children: [_jsx(ActiveSubscription, { nextCharge: "2024-12-01", subscriptionPrice: 36, totalStorage: 2, totalUsed: 1, availableStorage: 200, state: 'trial' }), _jsx(Divider, { width: "calc(100% - 26px)", mx: "auto" }), _jsx(MonthlyCharge, { additionalPrice: 36, monthlyCharge: 36, monthDate: "03/01/2023", nextCharge: "01/12/2024", taxPercentage: 8.5, taxValue: 3.06, subtotal: 36.0 }), _jsx(CancelAccount, { label: "Contact Homefile", onClick: action('onCancelAccountClick') })] }), details: _jsxs(_Fragment, { children: [_jsx(UserDetails, { email: "gary.edmunds@gmail.com", firstName: "Gary", lastName: "Edmunds", onSave: action('onSaveClick'), bg: "#4CC35A" }), _jsx(TwoFactorSetting, { email: "gary.edmunds@gmail.com", sms: "2032409108", onChange: action('on2FAChangeClick'), onSave: action('onSaveClick'), defaultValue: "email", twoFactor: 'active' })] }), payment: _jsxs(Box, { bg: "lightBlue.2", h: "inherit", children: [_jsx(CreditCardContainer, { cardNumber: "1234 5678 9012 3456", brand: "visa", onAddCard: action('onAddCard'), onDeleteCard: handleOpenNewCreditCardPanel, onSubmit: (data) => action('onDeleteCard')(data), cardHolder: "Gary Edmunds", cvv: "123", expirationMonth: "12", expirationYear: "2024" }), _jsx(PaymentReceipts, { receipts: receiptsMock, menuItems: menuMock })] }), rolePermissions: _jsx(RolePermissionsTab, { selected: featuresSelectedMock, onSelect: action('onSelect') }) })] }) }), _jsx(RightPanel, { isOpen: isNewCreditCardPanelOpen, onClose: handleCloseNewCreditCardPanel, children: _jsxs(MyProfilePanel, { children: [_jsx(MyProfileHeader, { onClose: handleCloseNewCreditCardPanel }), _jsxs(DrawerBody, { p: "0", children: [_jsx(NewCreditCardHeader, { onClick: handleCloseNewCreditCardPanel }), hasError && _jsx(CreditCardError, {}), _jsx(NewCreditCard, { hasError: hasError, onSubmit: handleError })] })] }) })] }));
-};

package/dist/stories/myProfile/MyProfileWithPartnerPanel.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const MyProfileWithPartnerPanel: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/myProfile/MyProfileWithPartnerPanel.stories.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { t } from 'i18next';
-import { Box, DrawerBody } from '@chakra-ui/react';
-import { AddCardBanner, CancelAccount, CreditCardContainer, CreditCardError, EmailPermissions, MyProfileBody, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NotBeChargedBanner, PartnerActiveSubscription, RightPanel, TwoFactorSetting, UserDetails, } from '@/components';
-import { action } from '@storybook/addon-actions';
-import { useState } from 'react';
-export default {
-    title: 'Components/MyProfile',
-    component: MyProfilePanel,
-};
-export const MyProfileWithPartnerPanel = () => {
-    const [isNewCreditCardPanelOpen, setIsNewCreditCardPanelOpen] = useState(false);
-    const [hasError, setHasError] = useState(false);
-    const handleCloseNewCreditCardPanel = () => setIsNewCreditCardPanelOpen(false);
-    const handleOpenNewCreditCardPanel = () => setIsNewCreditCardPanelOpen(true);
-    const handleError = () => setHasError(true);
-    return (_jsxs(_Fragment, { children: [_jsx(RightPanel, { isOpen: true, onClose: action('onCloseClick'), children: _jsxs(MyProfilePanel, { children: [_jsx(MyProfileHeader, { onClose: action('onCloseClick') }), _jsx(MyProfileBody, { isLoading: false, account: _jsxs(_Fragment, { children: [_jsx(PartnerActiveSubscription, { partner: "Gary Edmunds", renew: "2024-12-01", subscriptionPrice: 36, totalStorage: 2, totalUsed: 1 }), _jsx(AddCardBanner, {}), _jsx(NotBeChargedBanner, {})] }), details: _jsxs(_Fragment, { children: [_jsx(UserDetails, { email: "gary.edmunds@gmail.com", firstName: "Gary", lastName: "Edmunds", onSave: action('onSaveClick'), bg: "#4CC35A" }), _jsx(TwoFactorSetting, { email: "gary.edmunds@gmail.com", sms: "2032409108", onChange: action('on2FAChangeClick'), onSave: action('onSaveClick'), defaultValue: "email", twoFactor: 'active' }), _jsx(CancelAccount, { label: "Contact Homefile", onClick: action('onCancelAccountClick') })] }), email: _jsx(EmailPermissions, { initialPermissions: ['Promotions', 'Homefile News'], emailPermissions: t('myProfile.email.permissions').split(', '), onSubmit: (data) => action('onDeleteCard')(data) }), payment: _jsx(Box, { bg: "lightBlue.2", h: "inherit", children: _jsx(CreditCardContainer, { cardNumber: "1234 5678 9012 3456", brand: "visa", onAddCard: action('onAddCard'), onDeleteCard: handleOpenNewCreditCardPanel, onSubmit: (data) => action('onDeleteCard')(data), cardHolder: "Gary Edmunds", cvv: "123", expirationMonth: "12", expirationYear: "2024" }) }) })] }) }), _jsx(RightPanel, { isOpen: isNewCreditCardPanelOpen, onClose: handleCloseNewCreditCardPanel, children: _jsxs(MyProfilePanel, { children: [_jsx(MyProfileHeader, { onClose: handleCloseNewCreditCardPanel }), _jsxs(DrawerBody, { p: "0", children: [_jsx(NewCreditCardHeader, { onClick: handleCloseNewCreditCardPanel }), hasError && _jsx(CreditCardError, {}), _jsx(NewCreditCard, { hasError: hasError, onSubmit: handleError })] })] }) })] }));
-};

package/dist/stories/myProfile/PaymentMethod.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const PaymentMethodComponent: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/myProfile/PaymentMethod.stories.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { PaymentMethod } from '@/components';
-export default {
-    title: 'Components/MyProfile',
-    component: PaymentMethod,
-};
-export const PaymentMethodComponent = () => {
-    return (_jsx(Box, { w: ['full', 'md'], bg: "white", p: "base", children: _jsx(PaymentMethod, {}) }));
-};

package/dist/stories/myProfile/PlanRadioCardContent.stories.d.ts

@@ -1,13 +0,0 @@
-import { Meta } from '@storybook/react';
-import { PlanRadioCardContentI } from '@/interfaces';
-declare const _default: Meta<PlanRadioCardContentI>;
-export default _default;
-export declare const PlanRadioCardContentComponent: {
-    (args: PlanRadioCardContentI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        value: string;
-        label: string;
-        homes: string;
-        price: string;
-    };
-};

package/dist/stories/myProfile/PlanRadioCardContent.stories.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { PlanRadioCardContent } from '@/components';
-import { planOptions } from '@/helpers';
-export default {
-    title: 'Components/MyProfile',
-    component: PlanRadioCardContent,
-};
-export const PlanRadioCardContentComponent = (args) => {
-    return (_jsx(Box, { w: ['full', 'md'], bg: "white", p: "base", children: _jsx(PlanRadioCardContent, Object.assign({}, args)) }));
-};
-PlanRadioCardContentComponent.args = planOptions[0];

package/dist/stories/myProfile/ProfileAccountTab.stories.d.ts

@@ -1,17 +0,0 @@
-import { Meta } from '@storybook/react';
-import { ProfileAccountTabI } from '@/interfaces';
-declare const _default: Meta<ProfileAccountTabI>;
-export default _default;
-export declare const ProfileAccountTabComponent: {
-    (args: ProfileAccountTabI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        planOptions: {
-            value: string;
-            label: string;
-            homes: string;
-            price: string;
-        }[];
-        currentPlan: string;
-        isActive: boolean;
-    };
-};

package/dist/stories/myProfile/ProfileAccountTab.stories.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { ProfileAccountTab } from '@/components';
-import { planOptions } from '@/helpers';
-export default {
-    title: 'Components/MyProfile',
-    component: ProfileAccountTab,
-};
-export const ProfileAccountTabComponent = (args) => {
-    return (_jsx(Box, { w: ['full', 'md'], bg: "white", p: "base", children: _jsx(ProfileAccountTab, Object.assign({}, args)) }));
-};
-ProfileAccountTabComponent.args = {
-    planOptions,
-    currentPlan: 'single',
-    isActive: true,
-};

package/dist/stories/myProfile/ProfileDetailsTab.stories.d.ts

@@ -1,13 +0,0 @@
-import { Meta } from '@storybook/react';
-import { ProfileDetailsTabI } from '@/interfaces';
-declare const _default: Meta<ProfileDetailsTabI>;
-export default _default;
-export declare const ProfileDetailsTabComponent: {
-    (args: ProfileDetailsTabI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        email: string;
-        firstName: string;
-        lastName: string;
-        buttonLabel: string;
-    };
-};

package/dist/stories/myProfile/ProfileDetailsTab.stories.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { ProfileDetailsTab } from '@/components';
-export default {
-    title: 'Components/MyProfile',
-    component: ProfileDetailsTab,
-};
-export const ProfileDetailsTabComponent = (args) => {
-    return (_jsx(Box, { w: ['full', 'md'], bg: "white", p: "base", children: _jsx(ProfileDetailsTab, Object.assign({}, args)) }));
-};
-ProfileDetailsTabComponent.args = {
-    email: 'gary.edmunds@gmail.com',
-    firstName: 'Gary',
-    lastName: 'Edmunds',
-    buttonLabel: 'Save',
-};

package/dist/stories/myProfile/ProfilePaymentTab.stories.d.ts

@@ -1,17 +0,0 @@
-import { Meta } from '@storybook/react';
-import { ProfilePaymentTabI } from '@/interfaces';
-declare const _default: Meta<ProfilePaymentTabI>;
-export default _default;
-export declare const ProfilePaymentTabComponent: {
-    (props: ProfilePaymentTabI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        receipts: never[];
-        handleNewCard: import("@storybook/addon-actions").HandlerFunction;
-        handleDelete: import("@storybook/addon-actions").HandlerFunction;
-        paymentMethod: {
-            brand: string;
-            number: string;
-            isPaymentMethodValid: boolean;
-        };
-    };
-};

package/dist/stories/myProfile/ProfilePaymentTab.stories.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { ProfilePaymentTab } from '@/components';
-import { action } from '@storybook/addon-actions';
-export default {
-    title: 'Components/MyProfile',
-    component: ProfilePaymentTab,
-};
-export const ProfilePaymentTabComponent = (props) => {
-    return (_jsx(Box, { w: ['full', 'md'], bg: "white", p: "base", children: _jsx(ProfilePaymentTab, Object.assign({}, props)) }));
-};
-ProfilePaymentTabComponent.args = {
-    receipts: [],
-    handleNewCard: action('handleAddCard'),
-    handleDelete: action('handleDeleteCard'),
-    paymentMethod: {
-        brand: 'visa',
-        number: '1234',
-        isPaymentMethodValid: true,
-    },
-};

package/dist/stories/myProfile/Receipts.stories.d.ts

@@ -1,10 +0,0 @@
-import { Meta } from '@storybook/react';
-import { PaymentReceiptsI } from '@/interfaces';
-declare const _default: Meta<PaymentReceiptsI>;
-export default _default;
-export declare const MyProfileReceiptsComponent: {
-    (props: PaymentReceiptsI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        receipts: import("@/interfaces").MyProfileReceiptsI[];
-    };
-};

package/dist/stories/myProfile/Receipts.stories.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { MyProfileReceipts } from '@/components';
-import { receiptsMock } from '@/mocks';
-export default {
-    title: 'Components/MyProfile',
-    component: MyProfileReceipts,
-};
-export const MyProfileReceiptsComponent = (props) => {
-    return (_jsx(Box, { w: ['full', 'md'], bg: "lightBlue.2", children: _jsx(MyProfileReceipts, Object.assign({}, props)) }));
-};
-MyProfileReceiptsComponent.args = {
-    receipts: receiptsMock,
-};

package/dist/stories/myProfile/details/TwoFactorDialog.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { TwoFactorDialogI } from '@/interfaces';
-declare const _default: Meta<TwoFactorDialogI>;
-export default _default;
-export declare const TwoFactorDialogComponent: (args: TwoFactorDialogI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/myProfile/details/TwoFactorDialog.stories.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TwoFactorDialog } from '@/components';
-import { action } from '@storybook/addon-actions';
-export default {
-    title: 'Components/MyProfile/Details',
-    component: TwoFactorDialog,
-    args: {
-        onReset: action('onReset'),
-        onResend: action('onResend'),
-        onClose: action('onClose'),
-        twoFactorMethod: 'sms',
-        isLoading: false,
-        isOpen: true,
-    },
-};
-export const TwoFactorDialogComponent = (args) => {
-    return _jsx(TwoFactorDialog, Object.assign({}, args));
-};

package/dist/stories/myProfile/details/TwoFactorSetting.stories.d.ts

@@ -1,16 +0,0 @@
-import { Meta } from '@storybook/react';
-import { TwoFactorSettingI } from '@/interfaces';
-declare const _default: Meta<TwoFactorSettingI>;
-export default _default;
-export declare const TwoFactorActiveComponent: {
-    (args: TwoFactorSettingI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        twoFactor: string;
-    };
-};
-export declare const TwoFactorInactiveComponent: {
-    (args: TwoFactorSettingI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        twoFactor: undefined;
-    };
-};

package/dist/stories/myProfile/details/TwoFactorSetting.stories.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { TwoFactorSetting } from '@/components';
-import { action } from '@storybook/addon-actions';
-export default {
-    title: 'Components/MyProfile/Details',
-    component: TwoFactorSetting,
-    args: {
-        onSave: (form) => action('onSave')(form),
-    },
-};
-export const TwoFactorActiveComponent = (args) => {
-    return (_jsx(Box, { w: ['full', 'md'], p: "base", children: _jsx(TwoFactorSetting, Object.assign({}, args)) }));
-};
-TwoFactorActiveComponent.args = {
-    twoFactor: 'active',
-};
-export const TwoFactorInactiveComponent = (args) => (_jsx(TwoFactorActiveComponent, Object.assign({}, args)));
-TwoFactorInactiveComponent.args = {
-    twoFactor: undefined,
-};

package/dist/stories/myProfile/details/UserDetails.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta } from '@storybook/react';
-import { UserDetailsI } from '@/interfaces';
-declare const _default: Meta<UserDetailsI>;
-export default _default;
-export declare const UserDetailsComponent: {
-    (args: UserDetailsI): import("react/jsx-runtime").JSX.Element;
-    args: {};
-};

package/dist/stories/myProfile/details/UserDetails.stories.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { UserDetails } from '@/components';
-import { action } from '@storybook/addon-actions';
-export default {
-    title: 'Components/MyProfile/Details',
-    component: UserDetails,
-    args: {
-        email: 'user@user.com',
-        firstName: 'Gary',
-        lastName: 'Edmunds',
-        onSave: action('onSave'),
-    },
-};
-export const UserDetailsComponent = (args) => {
-    return (_jsx(Box, { w: ['full', 'md'], p: "base", children: _jsx(UserDetails, Object.assign({}, args)) }));
-};
-UserDetailsComponent.args = {};

package/dist/stories/myProfile/email/EmailPermissions.stories.d.ts

@@ -1,11 +0,0 @@
-import { Meta } from '@storybook/react';
-import { EmailPermissionsI } from '@/interfaces';
-declare const _default: Meta<EmailPermissionsI>;
-export default _default;
-export declare const EmailPermissionsComponent: {
-    (args: EmailPermissionsI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        emailPermissions: string[];
-        initialPermissions: string[];
-    };
-};

package/dist/stories/myProfile/email/EmailPermissions.stories.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { t } from 'i18next';
-import { Box } from '@chakra-ui/react';
-import { EmailPermissions } from '@/components';
-export default {
-    title: 'Components/MyProfile/Email',
-    component: EmailPermissions,
-};
-export const EmailPermissionsComponent = (args) => {
-    return (_jsx(Box, { w: ['full', 'md'], p: "base", bg: "white", children: _jsx(EmailPermissions, Object.assign({}, args)) }));
-};
-EmailPermissionsComponent.args = {
-    emailPermissions: t('myProfile.email.permissions').split(', '),
-    initialPermissions: ['Promotions', 'Homefile News'],
-};

package/dist/stories/myProfile/payment/AddCardBanner.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const AddCardBannerComponent: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/myProfile/payment/AddCardBanner.stories.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { AddCardBanner } from '@/components';
-export default {
-    title: 'Components/MyProfile/Payment',
-    component: AddCardBanner,
-};
-export const AddCardBannerComponent = () => {
-    return (_jsx(Box, { bg: "white", w: ['full', '500px'], children: _jsx(AddCardBanner, {}) }));
-};

package/dist/stories/myProfile/payment/CreditCard.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta } from '@storybook/react';
-import { CreditCardI } from '@/interfaces';
-declare const _default: Meta;
-export default _default;
-export declare const CreditCardComponent: {
-    (props: CreditCardI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        brand: string;
-        cardNumber: string;
-        hasError: boolean;
-    };
-};

package/dist/stories/myProfile/payment/CreditCard.stories.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { CreditCard } from '@/components';
-export default {
-    title: 'Components/MyProfile/Payment',
-    component: CreditCard,
-};
-export const CreditCardComponent = (props) => {
-    return (_jsx(Box, { w: ['full', 'md'], p: "base", children: _jsx(CreditCard, Object.assign({}, props)) }));
-};
-CreditCardComponent.args = {
-    brand: 'Visa',
-    cardNumber: '**5422',
-    hasError: true,
-};

package/dist/stories/myProfile/payment/CreditCardContainer.stories.d.ts

@@ -1,16 +0,0 @@
-import { Meta } from '@storybook/react';
-import { CreditCardContainerI } from '@/interfaces';
-declare const _default: Meta;
-export default _default;
-export declare const CreditCardContainerComponent: {
-    (props: CreditCardContainerI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        brand: string;
-        cardNumber: string;
-        cardHolder: string;
-        cvv: string;
-        expirationMonth: string;
-        expirationYear: string;
-        hasError: boolean;
-    };
-};

package/dist/stories/myProfile/payment/CreditCardContainer.stories.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { CreditCardContainer } from '@/components';
-export default {
-    title: 'Components/MyProfile/Payment',
-    component: CreditCardContainer,
-};
-export const CreditCardContainerComponent = (props) => {
-    return (_jsx(Box, { w: ['full', '500px'], p: "base", children: _jsx(CreditCardContainer, Object.assign({}, props)) }));
-};
-CreditCardContainerComponent.args = {
-    brand: 'Visa',
-    cardNumber: '1234123412341234',
-    cardHolder: 'John Doe',
-    cvv: '123',
-    expirationMonth: '12',
-    expirationYear: '2027',
-    hasError: false,
-};

package/dist/stories/myProfile/payment/CreditCardError.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const CreditCardErrorComponent: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/myProfile/payment/CreditCardError.stories.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { CreditCardError } from '@/components';
-export default {
-    title: 'Components/MyProfile/Payment',
-    component: CreditCardError,
-};
-export const CreditCardErrorComponent = () => {
-    return (_jsx(Box, { w: ['full', 'md'], p: "base", children: _jsx(CreditCardError, {}) }));
-};

package/dist/stories/myProfile/payment/NewCreditCard/NewCreditCard.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { NewCreditCardI } from '@/interfaces';
-declare const _default: Meta<NewCreditCardI>;
-export default _default;
-export declare const NewCreditCardComponent: (props: NewCreditCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/myProfile/payment/NewCreditCard/NewCreditCard.stories.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { NewCreditCard } from '@/components';
-export default {
-    title: 'Components/MyProfile/Payment/NewCreditCard',
-    component: NewCreditCard,
-};
-export const NewCreditCardComponent = (props) => {
-    return (_jsx(Box, { w: ['full', 'md'], p: ['0', 'base'], bg: "lightBlue.1", children: _jsx(NewCreditCard, Object.assign({}, props)) }));
-};

package/dist/stories/myProfile/payment/NewCreditCard/NewCreditCardHeader.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { NewCreditCardHeaderI } from '@/interfaces';
-declare const _default: Meta<NewCreditCardHeaderI>;
-export default _default;
-export declare const NewCreditCardHeaderComponent: (props: NewCreditCardHeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/myProfile/payment/NewCreditCard/NewCreditCardHeader.stories.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { NewCreditCardHeader } from '@/components';
-export default {
-    title: 'Components/MyProfile/Payment/NewCreditCard',
-    component: NewCreditCardHeader,
-};
-export const NewCreditCardHeaderComponent = (props) => {
-    return (_jsx(Box, { w: ['full', 'md'], p: "base", bg: "white", children: _jsx(NewCreditCardHeader, Object.assign({}, props)) }));
-};

package/dist/stories/myProfile/payment/NotBeChargedBanner.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const NotBeChargedBannerComponent: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/myProfile/payment/NotBeChargedBanner.stories.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@chakra-ui/react';
-import { NotBeChargedBanner } from '@/components';
-export default {
-    title: 'Components/MyProfile/Payment',
-    component: NotBeChargedBanner,
-};
-export const NotBeChargedBannerComponent = () => {
-    return (_jsx(Box, { bg: "white", p: "base", w: ['full', '500px'], children: _jsx(NotBeChargedBanner, {}) }));
-};

package/dist/stories/myProfile/payment/PaymentItemContainer.stories.d.ts

@@ -1,16 +0,0 @@
-import { Meta } from '@storybook/react';
-import { PaymentItemContainerI } from '@/interfaces';
-declare const _default: Meta;
-export default _default;
-export declare const PaymentItemContainerComponent: {
-    (args: PaymentItemContainerI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        icon: any;
-        title: string;
-        children: {
-            table: {
-                display: boolean;
-            };
-        };
-    };
-};