@homefile/components-v2 2.59.2 → 2.60.0

package/dist/stories/homeItems/ReadOnlyOverview.stories.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Stack } from '@chakra-ui/react';
+import { ReadOnlyOverview } from '../../components';
+// Bullets are the XD "Care Card Expanded" (Overview) content.
+const field = {
+    id: 'overview',
+    type: 'overview',
+    name: 'Overview',
+    value: '',
+    children: [
+        {
+            id: 'b1',
+            type: 'text',
+            value: 'ExtendFresh™ Temperature Management System - Separately monitors the temperatures in the refrigerator and freezer through a sensor, to help ensure fresh fruit juices don’t become frozen and prawns avoid freezer burn.',
+        },
+        {
+            id: 'b2',
+            type: 'text',
+            value: 'Interior water dispenser provides easy access to filtered water inside the refrigerator',
+        },
+        {
+            id: 'b3',
+            type: 'text',
+            value: 'Produce preserver - absorbs ethylene gas emitted by many fruits and vegetables, causing them to over ripen',
+        },
+        {
+            id: 'b4',
+            type: 'text',
+            value: 'Humidity-controlled crispers provide a dedicated storage option with adjustable humidity levels',
+        },
+        {
+            id: 'b5',
+            type: 'text',
+            value: 'SatinGlide® System allows shelves to extend smoothly, even when fully loaded, so your items are easily accessible',
+        },
+        {
+            id: 'b6',
+            type: 'text',
+            value: 'LED lighting illuminates the inside of the refrigerator and freezer giving for better visibility',
+        },
+    ],
+};
+export default {
+    title: 'Components/HomeItems/ReadOnlyOverview',
+    component: ReadOnlyOverview,
+};
+export const Overview = () => (_jsx(Box, { maxW: "500px", bg: "lightBlue.1", p: "base", children: _jsx(ReadOnlyOverview, Object.assign({}, field)) }));
+// The Specs tab: collapsible section cards inset 13px, 6.5px apart.
+const care = {
+    id: 'care',
+    type: 'overview',
+    name: 'Care Instructions',
+    value: '',
+    children: [
+        { id: 'c1', type: 'text', value: 'Clean the condenser coils twice a year.' },
+        { id: 'c2', type: 'text', value: 'Replace the water filter every 6 months.' },
+    ],
+};
+const dimensions = {
+    id: 'dimensions',
+    type: 'overview',
+    name: 'Dimensions',
+    value: '',
+    children: [
+        { id: 'd1', type: 'text', value: 'Width: 35 3/4 in' },
+        { id: 'd2', type: 'text', value: 'Height: 70 1/8 in' },
+    ],
+};
+export const SpecsTab = () => (_jsx(Box, { maxW: "500px", bg: "lightBlue.1", children: _jsxs(Stack, { px: "base", pt: "base", pb: "base", spacing: "base", align: "stretch", children: [_jsx(ReadOnlyOverview, Object.assign({}, care)), _jsx(ReadOnlyOverview, Object.assign({}, field)), _jsx(ReadOnlyOverview, Object.assign({}, dimensions))] }) }));

package/dist/stories/homeItems/ViewingHomeItemPanel.stories.d.ts

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

package/dist/stories/homeItems/ViewingHomeItemPanel.stories.js

@@ -0,0 +1,204 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Drawer, DrawerOverlay } from '@chakra-ui/react';
+import { ViewingHomeItemPanel } from '../../components';
+import { faker } from '@faker-js/faker';
+const images = [
+    faker.image.urlPicsumPhotos(),
+    faker.image.urlPicsumPhotos(),
+    faker.image.urlPicsumPhotos(),
+    faker.image.urlPicsumPhotos(),
+];
+// The read-only item is its report[] schema. The Details tab renders it via
+// ReadOnlyDynamicForm — here: warranty banner + appliance card + notes. (Care &
+// Guidelines / Parts / Purchase-details block are the next components to build.)
+const report = [
+    {
+        id: 'warranty',
+        type: 'warranty',
+        value: "This item is under the manufacturer's warranty till 2030.",
+    },
+    {
+        id: 'appliance',
+        type: 'appliances',
+        name: 'Appliances',
+        value: 'Refrigerator',
+        icon: 'fridge',
+        description: 'KitchenAid Counter-depth 20-cu ft French Door Refrigerator with Ice Maker and Water dispenser (Stainless Steel) ENERGY STAR',
+        children: [
+            { id: 'imgs', type: 'images', value: images },
+            { id: 'brand', type: 'text', name: 'Brand', value: 'Kitchen Aid' },
+            { id: 'model', type: 'text', name: 'Model#', value: 'KRFC300ESS' },
+            { id: 'serial', type: 'text', name: 'Serial #', value: '' },
+            { id: 'retail', type: 'currency', name: 'Retail Price', value: '3125.12' },
+            {
+                id: 'est',
+                type: 'currency',
+                name: 'Est Replacement Cost',
+                value: '1895.03',
+            },
+        ],
+    },
+    {
+        id: 'careParts',
+        type: 'grid',
+        value: '',
+        children: [
+            {
+                id: 'careGuidelines',
+                type: 'guidelines',
+                name: 'Care & Guidelines',
+                value: '',
+                children: [
+                    { id: 'warranty', type: 'text', icon: 'warranty', value: 'Warranty' },
+                    { id: 'manual', type: 'text', icon: 'book-opened', value: 'Manual' },
+                ],
+            },
+            {
+                id: 'parts',
+                type: 'item-related',
+                name: 'Parts & Accessories',
+                value: '',
+                // Parts icons are data-driven: they use the item's appliance icon
+                // (here 'fridge') so the tiles reflect the specific appliance.
+                children: [
+                    { id: 'filter', type: 'text', icon: 'fridge', value: 'Filter' },
+                    { id: 'icetray', type: 'text', icon: 'fridge', value: 'Ice Tray' },
+                    { id: 'drawer', type: 'text', icon: 'fridge', value: 'Drawer' },
+                    { id: 'shelf', type: 'text', icon: 'fridge', value: 'Shelf' },
+                    { id: 'gasket', type: 'text', icon: 'fridge', value: 'Gasket' },
+                ],
+            },
+        ],
+    },
+    {
+        id: 'purchase',
+        type: 'purchase',
+        name: 'Purchase Details',
+        value: '',
+        link: 'https://example.com/receipt.pdf',
+        children: [
+            {
+                id: 'logo',
+                type: 'images',
+                // Placeholder logo (real value comes from the retailer logo-lookup API).
+                value: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='128'><rect width='128' height='128' fill='%23F96302'/><text x='64' y='82' font-family='Arial, sans-serif' font-size='52' font-weight='bold' fill='white' text-anchor='middle'>THD</text></svg>",
+            },
+            { id: 'retailer', type: 'text', name: 'Retailer', value: 'Home Depot' },
+            { id: 'purchased', type: 'date', name: 'Purchased', value: '02-25-2021' },
+            { id: 'payment', type: 'text', name: 'Payment', value: 'Visa' },
+            { id: 'price', type: 'currency', name: 'Price', value: '2876.25' },
+            { id: 'tax', type: 'currency', name: 'Tax', value: '1253.44' },
+            { id: 'total', type: 'currency', name: 'Total', value: '3125.12' },
+        ],
+    },
+    {
+        id: 'notes',
+        type: 'notes',
+        name: 'Notes',
+        value: 'If there are any notes about this item, they go here. These are notes added either by Homi or by the user.',
+    },
+    // Specs tab (tab: 'specs') — a stack of collapsible sections.
+    {
+        id: 'care',
+        type: 'overview',
+        name: 'Care Instructions',
+        value: '',
+        tab: 'specs',
+        children: [
+            { id: 'c1', type: 'text', value: 'Clean the condenser coils twice a year.' },
+            { id: 'c2', type: 'text', value: 'Replace the water filter every 6 months.' },
+            { id: 'c3', type: 'text', value: 'Wipe door gaskets monthly to keep the seal clean.' },
+        ],
+    },
+    {
+        id: 'overview',
+        type: 'overview',
+        name: 'Overview',
+        value: '',
+        tab: 'specs',
+        children: [
+            {
+                id: 'b1',
+                type: 'text',
+                value: 'ExtendFresh™ Temperature Management System - Separately monitors the temperatures in the refrigerator and freezer through a sensor, to help ensure fresh fruit juices don’t become frozen and prawns avoid freezer burn.',
+            },
+            {
+                id: 'b2',
+                type: 'text',
+                value: 'Interior water dispenser provides easy access to filtered water inside the refrigerator',
+            },
+            {
+                id: 'b3',
+                type: 'text',
+                value: 'Humidity-controlled crispers provide a dedicated storage option with adjustable humidity levels',
+            },
+        ],
+    },
+    {
+        id: 'dimensions',
+        type: 'overview',
+        name: 'Dimensions',
+        value: '',
+        tab: 'specs',
+        children: [
+            { id: 'd1', type: 'text', value: 'Width: 35 3/4 in' },
+            { id: 'd2', type: 'text', value: 'Height: 70 1/8 in' },
+            { id: 'd3', type: 'text', value: 'Depth: 28 3/4 in' },
+            { id: 'd4', type: 'text', value: 'Weight: 320 lb' },
+        ],
+    },
+    {
+        id: 'features',
+        type: 'overview',
+        name: 'Features',
+        value: '',
+        tab: 'specs',
+        children: [
+            { id: 'f1', type: 'text', value: 'ENERGY STAR® certified' },
+            { id: 'f2', type: 'text', value: 'PrintShield™ finish resists fingerprints and smudges' },
+            { id: 'f3', type: 'text', value: 'Interior LED lighting' },
+        ],
+    },
+    // History tab (tab: 'history') — event timeline; each event is a history card.
+    {
+        id: 'hist-added',
+        type: 'history',
+        name: 'Added Refrigerator',
+        value: '',
+        tab: 'history',
+        label: '01 23 2017',
+        accentColor: '#1E6388',
+        children: [
+            { id: 'ha-img', type: 'images', value: images[0] },
+            { id: 'ha-brand', type: 'text', name: 'Brand', value: 'Kitchen Aid' },
+            { id: 'ha-model', type: 'text', name: 'Model#', value: 'KRFC300ESS' },
+            { id: 'ha-rcpt', type: 'currency', name: 'Receipt', icon: 'pdf', value: '3125.12' },
+        ],
+    },
+    {
+        id: 'hist-service',
+        type: 'history',
+        name: 'Service Record',
+        value: 'Acme Appliance Repair',
+        tab: 'history',
+        label: '01 15 2017',
+        accentColor: '#4E8A6B',
+        children: [
+            {
+                id: 'hs-logo',
+                type: 'images',
+                value: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><rect width='48' height='48' fill='%23E4E4E4'/><text x='24' y='28' font-family='Arial, sans-serif' font-size='9' fill='%23525458' text-anchor='middle'>Logo</text></svg>",
+            },
+            { id: 'hs-a1', type: 'text', value: '123 South First Avenue' },
+            { id: 'hs-a2', type: 'text', value: 'Suite 431' },
+            { id: 'hs-a3', type: 'text', value: 'Austin, TX 78732' },
+            { id: 'hs-a4', type: 'text', value: '512 365 5541' },
+            { id: 'hs-inv', type: 'currency', name: 'Invoice', icon: 'pdf', value: '345.12' },
+        ],
+    },
+];
+export default {
+    title: 'Components/HomeItems/ViewingHomeItemPanel',
+    component: ViewingHomeItemPanel,
+};
+export const Assembled = () => (_jsxs(Drawer, { isOpen: true, onClose: () => undefined, placement: "right", size: "md", children: [_jsx(DrawerOverlay, {}), _jsx(ViewingHomeItemPanel, { form: report, onClick: () => undefined, onClose: () => undefined, onEdit: () => undefined })] }));

package/dist/stories/homi/HomiPresence.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta } from '@storybook/react';
+import { HomiPresenceI } from '../../interfaces';
+declare const _default: Meta<HomiPresenceI>;
+export default _default;
+export declare const Guiding: {
+    (args: HomiPresenceI): import("react/jsx-runtime").JSX.Element;
+    args: {
+        state: string;
+        label: string;
+    };
+};
+export declare const Working: {
+    (args: HomiPresenceI): import("react/jsx-runtime").JSX.Element;
+    args: {
+        state: string;
+        label: string;
+    };
+};

package/dist/stories/homi/HomiPresence.stories.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { HomiPresence } from '../../components';
+export default {
+    title: 'Components/Homi/HomiPresence',
+    component: HomiPresence,
+};
+export const Guiding = (args) => (_jsx(Box, { p: "base", children: _jsx(HomiPresence, Object.assign({}, args)) }));
+Guiding.args = { state: 'guiding', label: 'Homi' };
+export const Working = (args) => (_jsx(Box, { p: "base", children: _jsx(HomiPresence, Object.assign({}, args)) }));
+Working.args = { state: 'working', label: 'Homi' };

package/dist/stories/homi/HomiVoice.stories.d.ts

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

package/dist/stories/homi/HomiVoice.stories.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from '@chakra-ui/react';
+import { HomiVoice } from '../../components';
+export default {
+    title: 'Components/Homi/HomiVoice',
+    component: HomiVoice,
+};
+export const Default = () => (_jsx(Box, { p: "base", maxW: "360px", children: _jsxs(Text, { fontSize: "lg", children: ["Hi John \u2014 ", _jsx(HomiVoice, { fontWeight: "600", children: "let's set up your Homefile." })] }) }));

package/dist/stories/homi/ProgressBar.stories.d.ts

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

package/dist/stories/homi/ProgressBar.stories.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { ProgressBar } from '../../components';
+export default {
+    title: 'Components/Homi/ProgressBar',
+    component: ProgressBar,
+};
+export const Default = (args) => (_jsx(Box, { p: "base", w: "360px", children: _jsx(ProgressBar, Object.assign({}, args)) }));
+Default.args = { value: 0.4 };

package/dist/stories/homi/RevealValueCard.stories.d.ts

@@ -0,0 +1,19 @@
+import { Meta } from '@storybook/react';
+import { RevealValueCardI } from '../../interfaces';
+declare const _default: Meta<RevealValueCardI>;
+export default _default;
+export declare const Reveal: {
+    (args: RevealValueCardI): import("react/jsx-runtime").JSX.Element;
+    args: {
+        value: number;
+        valuePrefix: string;
+        facts: {
+            label: string;
+            value: string;
+        }[];
+        subvals: {
+            label: string;
+            value: string;
+        }[];
+    };
+};

package/dist/stories/homi/RevealValueCard.stories.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { RevealValueCard } from '../../components';
+export default {
+    title: 'Components/Homi/RevealValueCard',
+    component: RevealValueCard,
+};
+export const Reveal = (args) => (_jsx(Box, { p: "base", maxW: "480px", children: _jsx(RevealValueCard, Object.assign({}, args)) }));
+Reveal.args = {
+    value: 512000,
+    valuePrefix: '$',
+    facts: [
+        { label: 'Year built', value: '1998' },
+        { label: 'Sq ft', value: '2,340' },
+        { label: 'Beds', value: '4' },
+        { label: 'Baths', value: '3' },
+    ],
+    subvals: [
+        { label: 'Land', value: '$180,000' },
+        { label: 'Improvements', value: '$332,000' },
+    ],
+};

package/dist/stories/homi/StaggerReveal.stories.d.ts

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

package/dist/stories/homi/StaggerReveal.stories.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Stack, Text } from '@chakra-ui/react';
+import { StaggerReveal } from '../../components';
+export default {
+    title: 'Components/Homi/StaggerReveal',
+    component: StaggerReveal,
+};
+export const Default = (args) => (_jsx(Box, { p: "base", maxW: "360px", children: _jsx(StaggerReveal, Object.assign({}, args, { children: _jsx(Stack, { spacing: "3", children: ['First fact', 'Second fact', 'Third fact', 'Fourth fact'].map((f) => (_jsx(Box, { bg: "lightBlue.1", p: "3", borderRadius: "8px", children: _jsx(Text, { children: f }) }, f))) }) })) }));

package/dist/stories/inputs/InlineEditField.stories.d.ts

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

package/dist/stories/inputs/InlineEditField.stories.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { action } from '@storybook/addon-actions';
+import { InlineEditField } from '../../components';
+export default {
+    title: 'Components/Inputs/InlineEditField',
+    component: InlineEditField,
+    args: { onSave: (value) => action('onSave')(value) },
+};
+export const Default = (args) => (_jsx(Box, { p: "base", maxW: "360px", children: _jsx(InlineEditField, Object.assign({}, args)) }));
+Default.args = { value: 'The Edmunds' };

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, { 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, { phone: "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,12 +5,13 @@ export default _default;
 export declare const HomiSmsEnabledComponent: {
     (args: HomiSmsI): import("react/jsx-runtime").JSX.Element;
     args: {
-        sms: string;
+        enabled: boolean;
+        phone: string;
     };
 };
 export declare const HomiSmsDisabledComponent: {
     (args: HomiSmsI): import("react/jsx-runtime").JSX.Element;
     args: {
-        sms: string;
+        phone: string;
     };
 };

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

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

package/dist/stories/wizard/ControlledWizard.stories.d.ts

@@ -2,4 +2,13 @@ import { Meta } from '@storybook/react';
 import { ControlledWizardI } from '../../interfaces';
 declare const _default: Meta<ControlledWizardI>;
 export default _default;
+/**
+ * Conversational New-Home setup flow, composed from existing components:
+ *   1 Address (+ trimmed consent)  → conversational TextInput + Checkbox/Collapse
+ *   2 Searching                    → SearchRecords
+ *   3 Confirm the record           → ConfirmPropertyBody
+ *   4 Reveal + name (editable)     → TextInput + WizardValueSummaryBody
+ *   5 Success / hand-off           → conversational, "Help me learn the basics →"
+ * Bold left headlines, white throughout, directional (Typeform) transition.
+ */
 export declare const ControlledWizardComponent: () => import("react/jsx-runtime").JSX.Element;