@homefile/components-v2 2.49.5 → 2.49.7

package/dist/components/inboxTile/panel/MessageChatPanel.d.ts

@@ -1,4 +1,4 @@
 import { MessageChatPanelI } from '../../../interfaces';
 import 'react-quill-new/dist/quill.snow.css';
 import '../../../styles';
-export declare const MessageChatPanel: ({ message, onBack, onClose, onReply, }: MessageChatPanelI) => import("react/jsx-runtime").JSX.Element;
+export declare const MessageChatPanel: ({ actionLabel, address, city, email, firstName, icon, lastName, message, onBack, onAction, onClose, onReply, phone, showAvatar, showHeader, state, title, zip, }: MessageChatPanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inboxTile/panel/MessageChatPanel.js

@@ -12,13 +12,27 @@ import { useState } from 'react';
 import { t } from 'i18next';
 import { Box, DrawerBody, DrawerContent, DrawerFooter, DrawerHeader, Stack, Text, } from '@chakra-ui/react';
 import QuillEditor from 'react-quill-new';
-import { Document2 } from '../../../assets/images';
-import { BackCircleButton, FooterButtons, MessageCard, PanelHeader, up, WrapperWithShadow, } from '../../../components';
+import { Inbox } from '../../../assets/images';
+import { BackCircleButton, FooterButtons, MessageCard, MessageSenderCard, PanelHeader, up, WrapperWithShadow, } from '../../../components';
 import 'react-quill-new/dist/quill.snow.css';
 import '../../../styles';
-export const MessageChatPanel = ({ message, onBack, onClose, onReply, }) => {
+export const MessageChatPanel = ({ actionLabel, address, city, email, firstName, icon = Inbox, lastName, message, onBack, onAction, onClose, onReply, phone, showAvatar, showHeader, state, title, zip, }) => {
     var _a, _b;
     const [value, setValue] = useState('');
+    const senderCardData = {
+        actionLabel,
+        address,
+        city,
+        email,
+        firstName,
+        lastName,
+        onAction,
+        phone,
+        showAvatar,
+        showHeader,
+        state,
+        zip,
+    };
     const onChange = (content) => {
         setValue(content);
     };
@@ -30,7 +44,7 @@ export const MessageChatPanel = ({ message, onBack, onClose, onReply, }) => {
         });
         setValue('');
     });
-    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, title: (_a = message === null || message === void 0 ? void 0 : message.from) !== null && _a !== void 0 ? _a : '', icon: Document2 }) }), _jsxs(DrawerBody, { p: "0", children: [onBack && (_jsx(Box, { bg: "lightBlue.2", py: "2", px: "base", children: _jsx(BackCircleButton, { onClick: onBack }) })), _jsx(Stack, { spacing: "base", p: "base", pb: "4", children: (_b = message === null || message === void 0 ? void 0 : message.chatReplies) === null || _b === void 0 ? void 0 : _b.map((reply) => (_jsx(MessageCard, { message: Object.assign(Object.assign({}, reply), { currentUser: message.currentUser }), variant: "chat" }, reply._id))) })] }), _jsx(DrawerFooter, { p: "0", maxH: "400px", children: _jsx(WrapperWithShadow, { animation: up, fadeDelay: 0.2, children: _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { children: t('inbox.createReply') }), _jsx(QuillEditor, { theme: "snow", value: value, modules: { toolbar }, onChange: onChange, placeholder: t('inbox.enterContent') }), _jsx(FooterButtons, { px: "0", button1: {
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, title: (_a = title !== null && title !== void 0 ? title : message === null || message === void 0 ? void 0 : message.from) !== null && _a !== void 0 ? _a : '', icon: icon }) }), _jsx(DrawerBody, { p: "0", children: _jsxs(Stack, { spacing: "base", children: [onBack && (_jsx(Box, { bg: "lightBlue.2", py: "2", px: "base", children: _jsx(BackCircleButton, { onClick: onBack }) })), _jsx(MessageSenderCard, Object.assign({}, senderCardData)), _jsx(Stack, { spacing: "base", p: "base", pb: "4", children: (_b = message === null || message === void 0 ? void 0 : message.chatReplies) === null || _b === void 0 ? void 0 : _b.map((reply) => (_jsx(MessageCard, { message: Object.assign(Object.assign({}, reply), { currentUser: message.currentUser }), variant: "chat" }, reply._id))) })] }) }), _jsx(DrawerFooter, { p: "0", maxH: "400px", children: _jsx(WrapperWithShadow, { animation: up, fadeDelay: 0.2, children: _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { children: t('inbox.createReply') }), _jsx(QuillEditor, { theme: "snow", value: value, modules: { toolbar }, onChange: onChange, placeholder: t('inbox.enterContent') }), _jsx(FooterButtons, { px: "0", button1: {
                                     buttonStyle: 'secondaryFooter',
                                     label: t('buttons.send'),
                                     isDisabled: Number(value.length) === 0,

package/dist/components/inboxTile/panel/MessagePanel.d.ts

@@ -1,2 +1,2 @@
 import { MessagePanelI } from '../../../interfaces';
-export declare const MessagePanel: ({ icon, messages, onClick, onClose, title, email, firstName, lastName, phone, address, city, state, zip, showAvatar, showHeader, onAction, actionLabel, }: MessagePanelI) => import("react/jsx-runtime").JSX.Element;
+export declare const MessagePanel: ({ icon, messages, onClick, onClose, title, ...senderCardData }: MessagePanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inboxTile/panel/MessagePanel.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, DrawerBody, DrawerContent, DrawerHeader, Stack, } from '@chakra-ui/react';
@@ -5,22 +16,9 @@ import { Inbox } from '../../../assets/images';
 import { BaseCounter, MessageCard, MessageSenderCard, PanelHeader, SelectInput, } from '../../../components';
 import { useMessagePanel } from '../../../hooks';
 import { pluralize } from '../../../utils';
-export const MessagePanel = ({ icon = Inbox, messages, onClick, onClose, title = t('inbox.message'), email, firstName, lastName, phone, address, city, state, zip, showAvatar, showHeader, onAction, actionLabel, }) => {
+export const MessagePanel = (_a) => {
+    var { icon = Inbox, messages, onClick, onClose, title = t('inbox.message') } = _a, senderCardData = __rest(_a, ["icon", "messages", "onClick", "onClose", "title"]);
     const { currentSort, sortedMessages, handleSelectItem, items } = useMessagePanel(messages);
     const baseCounterText = `${t('counter.showing')} ${sortedMessages.length} ${t('counter.of')} ${messages.length} ${pluralize(sortedMessages.length, t('inbox.message').toLowerCase())} `;
-    const senderCardData = {
-        email,
-        firstName,
-        lastName,
-        phone,
-        address,
-        city,
-        state,
-        zip,
-        showAvatar,
-        showHeader,
-        onAction,
-        actionLabel,
-    };
     return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, title: title, icon: icon }) }), _jsx(DrawerBody, { p: "0", children: _jsxs(Stack, { spacing: "base", children: [_jsxs(Box, { children: [_jsx(MessageSenderCard, Object.assign({}, senderCardData)), _jsx(Box, { p: "base", bg: "lightBlue.2", children: _jsx(SelectInput, { handleClick: handleSelectItem, initialValue: currentSort, items: items }) })] }), _jsx(Box, { px: "base", children: _jsx(BaseCounter, { text: baseCounterText }) }), _jsx(Stack, { spacing: "1", pl: "26px", pr: "base", children: sortedMessages.map((message) => (_jsx(MessageCard, { message: message, onClick: onClick }, message._id))) })] }) })] }));
 };

package/dist/components/myProfile/details/HomiSms.d.ts

@@ -1,2 +1,2 @@
 import { HomiSmsI } from '../../../interfaces';
-export declare const HomiSms: ({ defaultEnabled, defaultSmsEnabled, sms, loading, onChange, onSave, }: HomiSmsI) => import("react/jsx-runtime").JSX.Element;
+export declare const HomiSms: ({ mode, sms, loading, onChange, onSave, }: HomiSmsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/myProfile/details/HomiSms.js

@@ -1,40 +1,35 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Controller, useForm, useWatch } from 'react-hook-form';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import * as yup from 'yup';
 import { Stack, Flex, Img, Text, Box, FormControl, FormLabel, Switch, Checkbox, Button, } from '@chakra-ui/react';
 import { SMS } from '../../../assets/images';
 import { ControlledInput, Loading } from '../../../components';
-export const HomiSms = ({ defaultEnabled = false, defaultSmsEnabled = true, sms = '', loading, onChange, onSave, }) => {
-    var _a, _b, _c;
+export const HomiSms = ({ mode = 'full', sms = '', loading, onChange, onSave, }) => {
+    var _a;
+    const isPhoneOnly = mode === 'phone-only';
     const { control, handleSubmit } = useForm({
-        defaultValues: {
-            enabled: defaultEnabled,
-            smsEnabled: defaultSmsEnabled,
-            sms,
-        },
+        defaultValues: { sms },
     });
     const values = useWatch({ control });
-    const isEnabled = (_a = values === null || values === void 0 ? void 0 : values.enabled) !== null && _a !== void 0 ? _a : false;
-    const isSmsEnabled = (_b = values === null || values === void 0 ? void 0 : values.smsEnabled) !== null && _b !== void 0 ? _b : false;
-    const smsValue = (_c = values === null || values === void 0 ? void 0 : values.sms) !== null && _c !== void 0 ? _c : '';
-    const isEnabledChanged = isEnabled !== defaultEnabled;
-    const isSmsEnabledChanged = isSmsEnabled !== defaultSmsEnabled;
-    const isSmsChanged = smsValue !== sms;
-    const showButtons = isEnabledChanged || isSmsEnabledChanged || isSmsChanged;
+    const smsValue = (_a = values === null || values === void 0 ? void 0 : values.sms) !== null && _a !== void 0 ? _a : '';
+    const [isEnabled, setIsEnabled] = useState(false);
+    const [isSmsEnabled, setIsSmsEnabled] = useState(true);
+    const showButtons = isPhoneOnly
+        ? smsValue !== sms
+        : smsValue !== sms || isEnabled || !isSmsEnabled;
     const handlePhoneValidation = (value) => {
+        if (isPhoneOnly)
+            return yup.string().required().min(10).max(10).isValidSync(value);
         if (isEnabled && isSmsEnabled)
             return yup.string().required().min(10).max(10).isValidSync(value);
         return true;
     };
     useEffect(() => {
         if (onChange && values) {
-            onChange(values);
+            onChange({ sms: values.sms });
         }
     }, [onChange, values]);
-    return (_jsxs(Box, { position: "relative", children: [loading && _jsx(Loading, {}), _jsxs(Stack, { bg: "lightBlue.2", px: "base", py: "4", spacing: "4", children: [_jsxs(Stack, { spacing: "3", children: [_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Flex, { gap: "base", align: "center", children: [_jsx(Img, { src: SMS, alt: t('myProfile.details.homiSmsAlt') }), _jsx(Text, { fontSize: "sm", textTransform: "uppercase", children: t('myProfile.details.homiSmsTitle') })] }), _jsx(Controller, { name: "enabled", control: control, render: ({ field: { value, onChange, onBlur } }) => {
-                                            const label = value ? 'ON' : 'OFF';
-                                            return (_jsxs(FormControl, { display: "flex", alignItems: "center", w: "fit-content", children: [_jsx(FormLabel, { htmlFor: "homi-sms", mb: "0", fontSize: "sm", children: label }), _jsx(Switch, { id: "homi-sms", size: "lg", isChecked: value, onChange: onChange, onBlur: onBlur })] }));
-                                        } })] }), _jsx(Text, { fontFamily: "secondary", lineHeight: "1.2", children: t('myProfile.details.homiSmsSubtitle') })] }), _jsxs(Flex, { gap: "base", align: "center", justify: "space-between", children: [_jsx(Controller, { name: "smsEnabled", control: control, render: ({ field: { value, onChange } }) => (_jsx(Checkbox, { size: "md", isChecked: value, onChange: (event) => onChange(event.target.checked), isDisabled: !isEnabled, children: _jsx(Text, { variant: "info", fontWeight: "normal", children: "SMS" }) })) }), _jsx(Box, { w: "75%", children: _jsx(Controller, { name: "sms", control: control, rules: { validate: handlePhoneValidation }, render: ({ field: { value, onBlur, onChange }, fieldState: { invalid }, }) => (_jsx(ControlledInput, { placeholder: t('myProfile.placeholders.sms'), onChange: onChange, onBlur: onBlur, value: value !== null && value !== void 0 ? value : '', type: "tel", hasError: invalid, errorMessage: `${t('forms.invalid')} ${t('forms.phone')}`, isDisabled: !isEnabled || !isSmsEnabled })) }) })] }), showButtons && onSave && (_jsx(Box, { w: "75%", alignSelf: "end", children: _jsx(Button, { variant: "secondaryFooter", type: "submit", bg: "neutral.white", fontWeight: "medium", onClick: handleSubmit(onSave), children: t('buttons.save').toUpperCase() }) }))] })] }));
+    return (_jsxs(Box, { position: "relative", children: [loading && _jsx(Loading, {}), _jsxs(Stack, { bg: "lightBlue.2", px: "base", py: "4", spacing: "4", children: [_jsxs(Stack, { spacing: "3", children: [_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Flex, { gap: "base", align: "center", children: [_jsx(Img, { src: SMS, alt: t('myProfile.details.homiSmsAlt') }), _jsx(Text, { fontSize: "sm", textTransform: "uppercase", children: t('myProfile.details.homiSmsTitle') })] }), !isPhoneOnly && (_jsxs(FormControl, { display: "flex", alignItems: "center", w: "fit-content", children: [_jsx(FormLabel, { htmlFor: "homi-sms", mb: "0", fontSize: "sm", children: isEnabled ? 'ON' : 'OFF' }), _jsx(Switch, { id: "homi-sms", size: "lg", isChecked: isEnabled, onChange: (e) => setIsEnabled(e.target.checked) })] }))] }), _jsx(Text, { fontFamily: "secondary", lineHeight: "1.2", children: t('myProfile.details.homiSmsSubtitle') })] }), _jsxs(Flex, { gap: "base", align: "center", justify: "space-between", children: [!isPhoneOnly && (_jsx(Checkbox, { size: "md", isChecked: isSmsEnabled, onChange: (e) => setIsSmsEnabled(e.target.checked), isDisabled: !isEnabled, children: _jsx(Text, { variant: "info", fontWeight: "normal", children: "SMS" }) })), _jsx(Box, { w: isPhoneOnly ? '100%' : '75%', children: _jsx(Controller, { name: "sms", control: control, rules: { validate: handlePhoneValidation }, render: ({ field: { value, onBlur, onChange }, fieldState: { invalid }, }) => (_jsx(ControlledInput, { placeholder: t('myProfile.placeholders.sms'), onChange: onChange, onBlur: onBlur, value: value !== null && value !== void 0 ? value : '', type: "tel", hasError: invalid, errorMessage: `${t('forms.invalid')} ${t('forms.phone')}`, isDisabled: !isPhoneOnly && (!isEnabled || !isSmsEnabled) })) }) })] }), showButtons && onSave && (_jsx(Box, { w: "75%", alignSelf: "end", children: _jsx(Button, { variant: "secondaryFooter", type: "submit", bg: "neutral.white", fontWeight: "medium", onClick: handleSubmit(onSave), children: t('buttons.save').toUpperCase() }) }))] })] }));
 };

package/dist/interfaces/inboxTile/MessageChatPanel.interface.d.ts

@@ -1,12 +1,14 @@
-import { InboxMessageI } from '../../interfaces';
+import { InboxMessageI, MessageSenderCardI } from '../../interfaces';
 interface InboxMessageReplyI {
     id: string;
     message: string;
 }
-export interface MessageChatPanelI {
+export interface MessageChatPanelI extends Partial<MessageSenderCardI> {
+    icon?: string;
     message?: InboxMessageI;
-    onReply: (props: InboxMessageReplyI) => void | Promise<void>;
-    onClose: () => void;
     onBack?: () => void;
+    onClose: () => void;
+    onReply: (props: InboxMessageReplyI) => void | Promise<void>;
+    title?: string;
 }
 export {};

package/dist/interfaces/myProfile/details/HomiSms.interface.d.ts

@@ -1,11 +1,8 @@
 export interface HomiSmsFormI {
-    enabled: boolean;
-    smsEnabled: boolean;
     sms?: string;
 }
 export interface HomiSmsI {
-    defaultEnabled?: boolean;
-    defaultSmsEnabled?: boolean;
+    mode?: 'full' | 'phone-only';
     sms?: string;
     loading?: boolean;
     onChange?: (value: HomiSmsFormI) => void;

package/dist/stories/inboxTile/MessagePanel.stories.js

@@ -32,18 +32,31 @@ export default {
         showHeader: true,
     },
     decorators: [
-        (Story) => (_jsx(RightPanel, { isOpen: true, onClose: action('onClose'), children: _jsx(Story, {}) })),
+        (Story) => (_jsx(RightPanel, { isOpen: true, onClose: action('onClose'), blockScrollOnMount: false, children: _jsx(Story, {}) })),
     ],
 };
 export const MessagePanelComponent = (args) => {
     const [showMessageChat, setShowMessageChat] = useState(false);
     const [selectedMessage, setSelectedMessage] = useState(undefined);
     const onReply = action('onReply');
+    const senderCardData = {
+        actionLabel: args.actionLabel,
+        address: args.address,
+        city: args.city,
+        email: args.email,
+        firstName: args.firstName,
+        lastName: args.lastName,
+        phone: args.phone,
+        showAvatar: args.showAvatar,
+        showHeader: args.showHeader,
+        state: args.state,
+        zip: args.zip,
+    };
     const handleMessageChatToggle = () => setShowMessageChat(!showMessageChat);
     return (_jsxs(Fragment, { children: [_jsx(MessagePanel, Object.assign({}, args, { onClick: (message) => {
                     setSelectedMessage(message);
                     handleMessageChatToggle();
-                }, onAction: action('onAction'), actionLabel: "NOTE" })), _jsx(RightPanel, { isOpen: showMessageChat, onClose: handleMessageChatToggle, children: _jsx(MessageChatPanel, { message: selectedMessage, onReply: (reply) => __awaiter(void 0, void 0, void 0, function* () {
+                }, onAction: action('onAction'), actionLabel: "NOTE" })), _jsx(RightPanel, { isOpen: showMessageChat, onClose: handleMessageChatToggle, blockScrollOnMount: false, children: _jsx(MessageChatPanel, Object.assign({}, senderCardData, { actionLabel: "NOTE", icon: args.icon, message: selectedMessage, onAction: action('onActionChat'), onReply: (reply) => __awaiter(void 0, void 0, void 0, function* () {
                         onReply(reply);
-                    }), onClose: action('onCloseChatPanel'), onBack: handleMessageChatToggle }) })] }));
+                    }), onClose: action('onCloseChatPanel'), onBack: handleMessageChatToggle, title: args.title })) })] }));
 };

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

@@ -14,5 +14,5 @@ export const MyProfilePanelComponent = () => {
     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' }), _jsx(HomiSms, { defaultEnabled: true, defaultSmsEnabled: true, sms: "2032409108", onChange: action('onHomiSmsChange'), onSave: action('onHomiSmsSave') })] }), 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 })] })] }) })] }));
+    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' }), _jsx(HomiSms, { sms: "2032409108", onChange: action('onHomiSmsChange'), onSave: action('onHomiSmsSave') })] }), 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/details/HomiSms.stories.d.ts

@@ -5,14 +5,12 @@ export default _default;
 export declare const HomiSmsEnabledComponent: {
     (args: HomiSmsI): import("react/jsx-runtime").JSX.Element;
     args: {
-        defaultEnabled: boolean;
         sms: string;
     };
 };
 export declare const HomiSmsDisabledComponent: {
     (args: HomiSmsI): import("react/jsx-runtime").JSX.Element;
     args: {
-        defaultEnabled: boolean;
         sms: string;
     };
 };

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

@@ -12,11 +12,9 @@ export default {
 };
 export const HomiSmsEnabledComponent = (args) => (_jsx(Box, { w: ['full', 'md'], p: "base", children: _jsx(HomiSms, Object.assign({}, args)) }));
 HomiSmsEnabledComponent.args = {
-    defaultEnabled: true,
     sms: '512.806.5011',
 };
 export const HomiSmsDisabledComponent = (args) => (_jsx(HomiSmsEnabledComponent, Object.assign({}, args)));
 HomiSmsDisabledComponent.args = {
-    defaultEnabled: false,
     sms: '512.806.5011',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.49.5",
+  "version": "2.49.7",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",