@homefile/components-v2 1.6.1 → 2.1.0

package/dist/components/animations/CloudsAnimation.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-export declare const moveLeftToRightAirplane: import("@emotion/serialize").Keyframes;
-export declare const moveRightToLeft: import("@emotion/serialize").Keyframes;
-export declare const moveRightToLeftWithFade: import("@emotion/serialize").Keyframes;
-export declare const moveRightToLeftWithFade2: import("@emotion/serialize").Keyframes;
-export declare const moveRightToLeftWithFade3: import("@emotion/serialize").Keyframes;
+export declare const moveLeftToRightAirplane: import("@emotion/react").Keyframes;
+export declare const moveRightToLeft: import("@emotion/react").Keyframes;
+export declare const moveRightToLeftWithFade: import("@emotion/react").Keyframes;
+export declare const moveRightToLeftWithFade2: import("@emotion/react").Keyframes;
+export declare const moveRightToLeftWithFade3: import("@emotion/react").Keyframes;
 export declare const CloudsAnimation: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/animations/CloudsAnimation.js

@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Airplane, Cloud1, Cloud2, Cloud3, TreesCrop, TreesCrop2, } from '../../assets/images';
 import { useWindowDimensions } from '../../hooks';
 import { colors } from '../../theme/colors';
-import { Box, keyframes, Image } from '@chakra-ui/react';
+import { Box, Image } from '@chakra-ui/react';
+import { keyframes } from '@emotion/react';
 import { Fragment } from 'react';
 export const moveLeftToRightAirplane = keyframes `
     0% {

package/dist/components/animations/HomieAnimation.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRive } from '@rive-app/react-canvas';
-const url = process.env.REACT_APP_RIVE_ASSETS;
+const url = import.meta.env.VITE_RIVE_ASSETS;
 export const HomieAnimation = () => {
     const { RiveComponent } = useRive({
         src: `${url}/homie-v2.riv`,

package/dist/components/customToast/CustomToast.js

@@ -8,5 +8,5 @@ export const CustomToast = ({ description, onClose, status = 'success', title, }
         success: '#5E42B2',
         error: '#CF3593',
     };
-    return (_jsxs(Box, { bg: bgColors[status], borderRadius: "lg", boxShadow: "lg", position: "relative", py: "base", children: [_jsxs(Flex, { gap: "base", p: "base", align: "center", children: [_jsx(StatusIllustration, { status: status }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "25px", fontWeight: "medium", color: "neutral.white", lineHeight: "1.1", children: title }), _jsx(Text, { color: "neutral.white", children: description })] })] }), _jsx(Box, { as: "button", "aria-label": t('ariaLabels.close'), onClick: onClose, position: "absolute", top: "8px", right: "8px", children: _jsx(Close, { stroke: colors.neutral.white, size: 20 }) })] }));
+    return (_jsxs(Box, { paddingTop: 0, paddingBottom: 0, bg: bgColors[status], borderRadius: "lg", boxShadow: "lg", position: "relative", children: [_jsxs(Flex, { gap: "base", p: "base", align: "center", position: "relative", left: "-26px", children: [_jsx(StatusIllustration, { status: status }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "22px", fontWeight: "medium", color: "neutral.white", lineHeight: "1.1", children: title }), _jsx(Text, { color: "neutral.white", children: description })] })] }), _jsx(Box, { as: "button", "aria-label": t('ariaLabels.close'), onClick: onClose, position: "absolute", top: "8px", right: "8px", children: _jsx(Close, { stroke: colors.neutral.white, size: 20 }) })] }));
 };

package/dist/components/customToast/StatusIllustration.js

@@ -8,15 +8,15 @@ export const StatusIllustration = ({ status = 'success', }) => {
             src: Check,
             alt: t('ariaLabels.success'),
             bg: '#28B5A8',
-            height: '26px',
+            height: '21px',
         },
         error: {
             src: Exclamation,
             alt: t('ariaLabels.error'),
             bg: '#991365',
-            height: '33px',
+            height: '28px',
         },
     };
     const { alt, bg, height, src } = props[status];
-    return (_jsx(Center, { borderRadius: "full", bg: bg, boxShadow: "xl", w: "60px", h: "60px", children: _jsx(Image, { src: src, alt: alt, h: height, w: "auto" }) }));
+    return (_jsx(Center, { borderRadius: "full", bg: bg, boxShadow: "xl", w: "43px", h: "43px", children: _jsx(Image, { src: src, alt: alt, h: height, w: "auto" }) }));
 };

package/dist/components/forms/dynamicForm/DynamicForm.d.ts

@@ -1,2 +1,2 @@
 import { DynamicFormI } from '../../../interfaces';
-export declare const DynamicForm: ({ form: fields, onUpload, showTitle, uploadingFieldId, }: DynamicFormI) => import("react/jsx-runtime").JSX.Element;
+export declare const DynamicForm: ({ callback, form: fields, menuItems, onUpload, showTitle, uploadingFieldId, ...props }: DynamicFormI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/DynamicForm.js

@@ -1,11 +1,23 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormProvider } from 'react-hook-form';
 import { t } from 'i18next';
 import { Stack, Text } from '@chakra-ui/react';
-import { HiddenFieldSection, GroupField, TextField, TextAreaField, SelectField, RatingField, GridField, FieldWithDelete, FileField, SwitchField, DateField, NumberField, CurrencyField, } from '../..';
+import { HiddenFieldSection, GroupField, TextField, TextAreaField, SelectField, RatingField, GridField, FieldWithDelete, FileField, SwitchField, DateField, NumberField, CurrencyField, TileBody, } from '../..';
 import { useDynamicForm } from '../../../hooks';
 import { fieldIcons } from '../../../helpers';
-export const DynamicForm = ({ form: fields, onUpload, showTitle = true, uploadingFieldId, }) => {
+export const DynamicForm = (_a) => {
+    var { callback, form: fields, menuItems, onUpload, showTitle = true, uploadingFieldId } = _a, props = __rest(_a, ["callback", "form", "menuItems", "onUpload", "showTitle", "uploadingFieldId"]);
     const { form, visibleFields, hiddenFields, handleAddAll, handleAdd, handleFilesUpload, handleRemove, } = useDynamicForm({ fields, onUpload });
     return (_jsxs(Stack, { bg: "lightBlue.1", spacing: "0", h: "full", children: [showTitle && (_jsx(Text, { fontFamily: "secondary", px: "base", pt: "4", pb: "2", children: t('forms.itemDetails') })), _jsx(FormProvider, Object.assign({}, form, { children: _jsx(_Fragment, { children: visibleFields === null || visibleFields === void 0 ? void 0 : visibleFields.map((field) => {
                         const { canBeHidden, children, description, icon, id, name, options, type, value, } = field;
@@ -49,6 +61,8 @@ export const DynamicForm = ({ form: fields, onUpload, showTitle = true, uploadin
                                 return (_jsx(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { children: _jsx(FileField, { icon: baseProps.icon, description: description, onUpload: (files) => handleFilesUpload({ id, files }), uploading: uploadingFieldId === id }) })));
                             case 'group':
                                 return (_jsx(GroupField, { id: id, fields: children, onRemove: handleRemove, canBeHidden: canBeHidden }, id));
+                            case 'tile-body':
+                                return (_jsx(TileBody, Object.assign({ callback: callback, fields: children, menuItems: menuItems }, props), id));
                             default:
                                 return null;
                         }

package/dist/components/forms/dynamicForm/fields/SingleFields.d.ts

@@ -1,5 +1,2 @@
-import { DynamicFormI } from '../../../../interfaces';
-export interface FieldTypesI {
-    fields?: DynamicFormI['form'];
-}
-export declare const SingleFields: ({ fields }: FieldTypesI) => import("react/jsx-runtime").JSX.Element;
+import { FieldTypesI } from '../../../../interfaces';
+export declare const SingleFields: ({ callback, fields, menuItems }: FieldTypesI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/SingleFields.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { fieldIcons } from '../../../../helpers';
-import { GridField, RatingField, TextAreaField, TextField, SelectField, SwitchField, NumberField, DateField, CurrencyField, } from '../../..';
-export const SingleFields = ({ fields }) => {
+import { GridField, RatingField, TextAreaField, TextField, SelectField, SwitchField, NumberField, DateField, CurrencyField, TileBodyHeader, TileBodyLogo, VerticalIcon, TileBodySectionGrid, TileBodyAction, TileCta, } from '../../..';
+export const SingleFields = ({ callback, fields, menuItems }) => {
     return (_jsx(_Fragment, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ children, description, id, name, type, value, icon, options = [], }) => {
             const baseProps = {
                 key: id,
@@ -34,6 +34,20 @@ export const SingleFields = ({ fields }) => {
                     return _jsx(TextField, Object.assign({}, baseProps, { type: "tel" }));
                 case 'textarea':
                     return _jsx(TextAreaField, Object.assign({}, baseProps));
+                case 'tile-body-section-grid':
+                    return _jsx(TileBodySectionGrid, { fields: children }, id);
+                case 'tile-body-header':
+                    return (_jsx(TileBodyHeader, { value: String(baseProps.value) }, baseProps.key));
+                case 'tile-body-logo':
+                    return (_jsx(TileBodyLogo, { name: name, value: String(baseProps.value), menuItems: menuItems }, baseProps.key));
+                case 'vertical-icon':
+                    return (_jsx(VerticalIcon, { icon: baseProps.icon, value: String(baseProps.value) }, id));
+                case 'tile-body-action':
+                    return (_jsx(TileBodyAction, { fields: children, callback: callback }, id));
+                case 'primary-cta':
+                    return (_jsx(TileCta, { type: type, value: String(baseProps.value), callback: callback }, id));
+                case 'secondary-cta':
+                    return (_jsx(TileCta, { type: type, value: String(baseProps.value), callback: callback }, id));
                 default:
                     return null;
             }

package/dist/components/forms/dynamicForm/fields/index.d.ts

@@ -13,3 +13,4 @@ export * from './SelectField';
 export * from './SingleFields';
 export * from './TextAreaField';
 export * from './TextField';
+export * from './uiFields';

package/dist/components/forms/dynamicForm/fields/index.js

@@ -13,3 +13,4 @@ export * from './SelectField';
 export * from './SingleFields';
 export * from './TextAreaField';
 export * from './TextField';
+export * from './uiFields';

package/dist/components/forms/dynamicForm/fields/uiFields/TileBody.d.ts

@@ -0,0 +1,2 @@
+import { TileBodyI } from '../../../../../interfaces';
+export declare const TileBody: ({ callback, fields, websiteUrl, menuItems, ...props }: TileBodyI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/uiFields/TileBody.js

@@ -0,0 +1,18 @@
+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 { Box, Stack } from '@chakra-ui/react';
+import { PartnerFooter, SingleFields } from '../../../..';
+export const TileBody = (_a) => {
+    var { callback, fields, websiteUrl = '', menuItems } = _a, props = __rest(_a, ["callback", "fields", "websiteUrl", "menuItems"]);
+    return (_jsx(Box, { display: "flex", flexDir: "column", bg: "neutral.white", boxShadow: "lg", children: _jsxs(Stack, { spacing: "0", flex: "1", children: [_jsx(SingleFields, { callback: callback, fields: fields, menuItems: menuItems }), _jsx(PartnerFooter, Object.assign({}, props, { websiteUrl: websiteUrl }))] }) }));
+};

package/dist/components/forms/dynamicForm/fields/uiFields/TileBody.tsx

@@ -0,0 +1,24 @@
+import { Box, Stack } from '@chakra-ui/react'
+import { TileBodyI } from '@/interfaces'
+import { PartnerFooter, SingleFields } from '@/components'
+
+export const TileBody = ({
+  callback,
+  fields,
+  websiteUrl = '',
+  menuItems,
+  ...props
+}: TileBodyI) => {
+  return (
+    <Box display="flex" flexDir="column" bg="neutral.white" boxShadow="lg">
+      <Stack spacing="0" flex="1">
+        <SingleFields
+          callback={callback}
+          fields={fields}
+          menuItems={menuItems}
+        />
+        <PartnerFooter {...props} websiteUrl={websiteUrl} />
+      </Stack>
+    </Box>
+  )
+}

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyAction.d.ts

@@ -0,0 +1,2 @@
+import { TileBodyI } from '../../../../../interfaces';
+export declare const TileBodyAction: ({ fields }: TileBodyI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyAction.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Flex } from '@chakra-ui/react';
+import { SingleFields } from '../../../..';
+export const TileBodyAction = ({ fields }) => {
+    return (_jsx(Flex, { p: "base", align: "center", gap: "base", children: _jsx(SingleFields, { fields: fields }) }));
+};

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyAction.tsx

@@ -0,0 +1,11 @@
+import { Flex } from '@chakra-ui/react'
+import { SingleFields } from '@/components'
+import { TileBodyI } from '@/interfaces'
+
+export const TileBodyAction = ({ fields }: TileBodyI) => {
+  return (
+    <Flex p="base" align="center" gap="base">
+      <SingleFields fields={fields} />
+    </Flex>
+  )
+}

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyHeader.d.ts

@@ -0,0 +1,3 @@
+export declare const TileBodyHeader: ({ value }: {
+    value?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyHeader.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from '@chakra-ui/react';
+export const TileBodyHeader = ({ value = '' }) => {
+    return (_jsx(Box, { p: "base", children: _jsx(Text, { fontWeight: "semibold", children: value }) }));
+};

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyHeader.tsx

@@ -0,0 +1,9 @@
+import { Box, Text } from '@chakra-ui/react'
+
+export const TileBodyHeader = ({ value = '' }) => {
+  return (
+    <Box p="base">
+      <Text fontWeight="semibold">{value}</Text>
+    </Box>
+  )
+}

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyLogo.d.ts

@@ -0,0 +1,2 @@
+import { TileBodyLogoI } from '../../../../../interfaces';
+export declare const TileBodyLogo: ({ menuItems, name, value, }: TileBodyLogoI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyLogo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PartnerHeader } from '../../../..';
+export const TileBodyLogo = ({ menuItems, name = '', value, }) => {
+    return _jsx(PartnerHeader, { logo: value, partnerName: name, menuItems: menuItems });
+};

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyLogo.tsx

@@ -0,0 +1,10 @@
+import { PartnerHeader } from '@/components'
+import { TileBodyLogoI } from '@/interfaces'
+
+export const TileBodyLogo = ({
+  menuItems,
+  name = '',
+  value,
+}: TileBodyLogoI) => {
+  return <PartnerHeader logo={value} partnerName={name} menuItems={menuItems} />
+}

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodySectionGrid.d.ts

@@ -0,0 +1,2 @@
+import { TileBodyI } from '../../../../../interfaces';
+export declare const TileBodySectionGrid: ({ fields }: TileBodyI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodySectionGrid.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SimpleGrid } from '@chakra-ui/react';
+import { SingleFields } from '../../../..';
+export const TileBodySectionGrid = ({ fields }) => {
+    return (_jsx(SimpleGrid, { columns: 3, spacing: "base", p: "base", children: _jsx(SingleFields, { fields: fields }) }));
+};

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodySectionGrid.tsx

@@ -0,0 +1,11 @@
+import { SimpleGrid } from '@chakra-ui/react'
+import { SingleFields } from '@/components'
+import { TileBodyI } from '@/interfaces'
+
+export const TileBodySectionGrid = ({ fields }: TileBodyI) => {
+  return (
+    <SimpleGrid columns={3} spacing="base" p="base">
+      <SingleFields fields={fields} />
+    </SimpleGrid>
+  )
+}

package/dist/components/forms/dynamicForm/fields/uiFields/TileCta.d.ts

@@ -0,0 +1,2 @@
+import { TileCtaI } from '../../../../../interfaces';
+export declare const TileCta: ({ callback, type, value }: TileCtaI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/uiFields/TileCta.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@chakra-ui/react';
+export const TileCta = ({ callback, type, value }) => {
+    return (_jsx(Button, { onClick: () => callback === null || callback === void 0 ? void 0 : callback(value), variant: type === 'primary-cta' ? 'tertiaryFooter' : 'secondaryFooter', fontSize: "sm", children: value }));
+};

package/dist/components/forms/dynamicForm/fields/uiFields/TileCta.tsx

@@ -0,0 +1,14 @@
+import { Button } from '@chakra-ui/react'
+import { TileCtaI } from '@/interfaces'
+
+export const TileCta = ({ callback, type, value }: TileCtaI) => {
+  return (
+    <Button
+      onClick={() => callback?.(value)}
+      variant={type === 'primary-cta' ? 'tertiaryFooter' : 'secondaryFooter'}
+      fontSize="sm"
+    >
+      {value}
+    </Button>
+  )
+}

package/dist/components/forms/dynamicForm/fields/uiFields/VerticalIcon.d.ts

@@ -0,0 +1,2 @@
+import { VerticalIconI } from '../../../../../interfaces';
+export declare const VerticalIcon: ({ icon, value }: VerticalIconI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/uiFields/VerticalIcon.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Image, Text } from '@chakra-ui/react';
+export const VerticalIcon = ({ icon, value }) => {
+    return (_jsxs(Box, { bg: "neutral.white", borderRadius: "md", border: "1px solid", borderColor: "lightBlue.6", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", children: [_jsx(Box, { h: "46px", display: "flex", alignItems: "center", children: _jsx(Image, { src: icon, alt: value, w: "auto", h: "80%" }) }), _jsx(Box, { pb: "2", children: _jsx(Text, { fontWeight: "semibold", textAlign: "center", fontSize: "13px", lineHeight: "14px", children: value }) })] }));
+};

package/dist/components/forms/dynamicForm/fields/uiFields/VerticalIcon.tsx

@@ -0,0 +1,31 @@
+import { Box, Image, Text } from '@chakra-ui/react'
+import { VerticalIconI } from '@/interfaces'
+
+export const VerticalIcon = ({ icon, value }: VerticalIconI) => {
+  return (
+    <Box
+      bg="neutral.white"
+      borderRadius="md"
+      border="1px solid"
+      borderColor="lightBlue.6"
+      display="flex"
+      flexDirection="column"
+      alignItems="center"
+      justifyContent="center"
+    >
+      <Box h="46px" display="flex" alignItems="center">
+        <Image src={icon} alt={value} w="auto" h="80%" />
+      </Box>
+      <Box pb="2">
+        <Text
+          fontWeight="semibold"
+          textAlign="center"
+          fontSize="13px"
+          lineHeight="14px"
+        >
+          {value}
+        </Text>
+      </Box>
+    </Box>
+  )
+}

package/dist/components/forms/dynamicForm/fields/uiFields/index.d.ts

@@ -0,0 +1,7 @@
+export * from './TileBody';
+export * from './TileBodyAction';
+export * from './TileBodyHeader';
+export * from './TileBodyLogo';
+export * from './TileBodySectionGrid';
+export * from './TileCta';
+export * from './VerticalIcon';

package/dist/components/forms/dynamicForm/fields/uiFields/index.js

@@ -0,0 +1,7 @@
+export * from './TileBody';
+export * from './TileBodyAction';
+export * from './TileBodyHeader';
+export * from './TileBodyLogo';
+export * from './TileBodySectionGrid';
+export * from './TileCta';
+export * from './VerticalIcon';

package/dist/components/forms/dynamicForm/fields/uiFields/index.ts

@@ -0,0 +1,7 @@
+export * from './TileBody'
+export * from './TileBodyAction'
+export * from './TileBodyHeader'
+export * from './TileBodyLogo'
+export * from './TileBodySectionGrid'
+export * from './TileCta'
+export * from './VerticalIcon'

package/dist/components/homeBoard/ConfirmHomeAddress.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useSnapshot } from 'valtio';
 import { t } from 'i18next';
-import { Box, Container, Stack, Center, Flex, Button, Text, keyframes, } from '@chakra-ui/react';
+import { Box, Container, Stack, Center, Flex, Button, Text, } from '@chakra-ui/react';
+import { keyframes } from '@emotion/react';
 import { AddressStored, SectionHeader, RadioButton, IncludePublicRecords, WrapperWithShadow, } from '..';
 import { HomeAddress, MagnifyingGlassReport } from '../../assets/images';
 import { confirmAddressProxy } from '../../proxies';

package/dist/components/icons/DisplayGrid.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { colors } from '../../theme/colors';
-import { Icon } from '@chakra-ui/icon';
+import { Icon } from '@chakra-ui/icons';
 export const DisplayGrid = ({ stroke = colors.blue[3], }) => {
     return (_jsx(Icon, { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 19.5 19.5", children: _jsxs("g", { fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", "data-name": "Group 14495", children: [_jsx("path", { d: "M.75.75h7.321v7.321H.75Z", "data-name": "Path 10064" }), _jsx("path", { d: "M11.429.75h7.321v7.321h-7.321Z", "data-name": "Path 10065" }), _jsx("path", { d: "M11.429 11.428h7.321v7.321h-7.321Z", "data-name": "Path 10066" }), _jsx("path", { d: "M.75 11.428h7.321v7.321H.75Z", "data-name": "Path 10067" })] }) }) }));
 };

package/dist/components/icons/DisplayItem.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@chakra-ui/icon';
+import { Icon } from '@chakra-ui/icons';
 import { colors } from '../../theme/colors';
 export const DisplayItem = ({ stroke = colors.blue[3], }) => {
     return (_jsx(Icon, { viewBox: "0 0 200 200", color: "red.500", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 19.79 17.374", children: _jsxs("g", { stroke: stroke, "data-name": "Group 14548", children: [_jsx("path", { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M.75.75h18.29v11.438H.75Z", "data-name": "Path 10082" }), _jsxs("g", { fill: stroke, "data-name": "Rectangle 16845", children: [_jsx("path", { stroke: "none", d: "M.833 14.374h3v3h-3z" }), _jsx("path", { fill: "none", d: "M1.333 14.874h2v2h-2z" })] }), _jsxs("g", { fill: stroke, "data-name": "Rectangle 16846", children: [_jsx("path", { stroke: "none", d: "M5.833 14.374h3v3h-3z" }), _jsx("path", { fill: "none", d: "M6.333 14.874h2v2h-2z" })] }), _jsxs("g", { fill: stroke, "data-name": "Rectangle 16847", children: [_jsx("path", { stroke: "none", d: "M10.833 14.374h3v3h-3z" }), _jsx("path", { fill: "none", d: "M11.333 14.874h2v2h-2z" })] }), _jsxs("g", { fill: stroke, "data-name": "Rectangle 16848", children: [_jsx("path", { stroke: "none", d: "M15.833 14.374h3v3h-3z" }), _jsx("path", { fill: "none", d: "M16.333 14.874h2v2h-2z" })] })] }) }) }));

package/dist/components/icons/DisplayList.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@chakra-ui/icon';
+import { Icon } from '@chakra-ui/icons';
 import { colors } from '../../theme/colors';
 export const DisplayList = ({ stroke = colors.blue[3], }) => {
     return (_jsx(Icon, { viewBox: "0 0 200 200", color: "red.500", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 14", children: _jsxs("g", { fill: stroke, "data-name": "Group 14455", children: [_jsx("path", { d: "M5 0h13v2H5z", "data-name": "Rectangle 14122" }), _jsx("path", { d: "M5 6h13v2H5z", "data-name": "Rectangle 14123" }), _jsx("path", { d: "M5 12h13v2H5z", "data-name": "Rectangle 14124" }), _jsx("path", { d: "M0 0h3v2H0z", "data-name": "Rectangle 14122" }), _jsx("path", { d: "M0 6h3v2H0z", "data-name": "Rectangle 14123" }), _jsx("path", { d: "M0 12h3v2H0z", "data-name": "Rectangle 14124" })] }) }) }));

package/dist/components/icons/Upload.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@chakra-ui/icon';
+import { Icon } from '@chakra-ui/icons';
 import { colors } from '../../theme/colors';
 export const Upload = ({ stroke = colors.blue[6], }) => {
     return (_jsx(Icon, { viewBox: "0 0 200 200", color: "red.500", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 19.878 19.878", children: _jsxs("g", { fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", "data-name": "Icon feather-upload", children: [_jsx("path", { d: "M18.878 12.919v3.973a1.986 1.986 0 0 1-1.986 1.986H2.986A1.986 1.986 0 0 1 1 16.892v-3.973", "data-name": "Path 10078" }), _jsx("path", { d: "M14.905 5.966 9.939 1 4.973 5.966", "data-name": "Path 10079" }), _jsx("path", { d: "M9.939 1v11.919", "data-name": "Path 10080" })] }) }) }));

package/dist/components/inputs/SelectInputWithBadge.js

@@ -1,18 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState } from 'react';
-import { Box, Flex, Menu, MenuButton, MenuItem, MenuList, useDimensions, } from '@chakra-ui/react';
+import { Box, Flex, Menu, MenuButton, MenuItem, MenuList, useSize, } from '@chakra-ui/react';
 import { ChevronDown, SelectTextDisplay } from '..';
 export const SelectInputWithBadge = ({ handleClick, height = 'md', initialValue, isDisabled, items, width = '10rem', displaySelectedValue = false, }) => {
     const [selectedValue, setSelectedValue] = useState(initialValue !== null && initialValue !== void 0 ? initialValue : 'All');
     const isLargeWidth = width < '100px';
     const elementRef = useRef(null);
-    const dimensions = useDimensions(elementRef);
+    const dimensions = useSize(elementRef);
     return (_jsx(Menu, { children: _jsxs(Box, { w: width, ref: elementRef, children: [_jsx(MenuButton, { w: "full", disabled: isDisabled, bg: "neutral.white", h: `input.${height}`, px: "2", border: "1px", borderRadius: "sm", borderColor: "lightBlue.6", _hover: { borderColor: 'blue.1' }, _focus: { borderColor: 'blue.3' }, _disabled: {
                         bg: 'container.transparent',
                         color: 'gray.1',
                         pointerEvents: 'none',
                         svg: { fill: 'gray.1' },
-                    }, children: _jsxs(Flex, { align: "center", gap: "2", justify: "space-between", children: [_jsx(SelectTextDisplay, { value: selectedValue, displaySelectedValue: displaySelectedValue }), _jsx(ChevronDown, {})] }) }), _jsx(MenuList, { zIndex: "dropdown", minH: "fit-content", maxH: "30rem", overflow: "scroll", w: isLargeWidth ? dimensions === null || dimensions === void 0 ? void 0 : dimensions.contentBox.width : 'fit-content', children: items === null || items === void 0 ? void 0 : items.map((item) => {
+                    }, children: _jsxs(Flex, { align: "center", gap: "2", justify: "space-between", children: [_jsx(SelectTextDisplay, { value: selectedValue, displaySelectedValue: displaySelectedValue }), _jsx(ChevronDown, {})] }) }), _jsx(MenuList, { zIndex: "dropdown", minH: "fit-content", maxH: "30rem", overflow: "scroll", w: isLargeWidth ? dimensions === null || dimensions === void 0 ? void 0 : dimensions.width : 'fit-content', children: items === null || items === void 0 ? void 0 : items.map((item) => {
                         const isSelectItem = typeof item === 'object';
                         const id = isSelectItem ? item._id : item;
                         const name = isSelectItem ? item.name : item;

package/dist/components/myHomes/steps/MyHomeDetails.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useSnapshot } from 'valtio';
 import { t } from 'i18next';
-import { Box, Container, Stack, Center, Flex, Button, Text, keyframes, } from '@chakra-ui/react';
+import { Box, Container, Stack, Center, Flex, Button, Text, } from '@chakra-ui/react';
+import { keyframes } from '@emotion/react';
 import { AddressStored, FirstHomeHeader, SectionHeader, TextInput, RadioButton, IncludePublicRecords, WrapperWithShadow, } from '../..';
 import { HomeAddress, RelationshipHome, MagnifyingGlassReport, } from '../../../assets/images';
 import { firstHomeProxy } from '../../../proxies';

package/dist/components/myHomes/steps/SearchRecords.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { Box, Center, CircularProgress, Flex, Image, keyframes, Stack, } from '@chakra-ui/react';
+import { Box, Center, CircularProgress, Flex, Image, Stack, } from '@chakra-ui/react';
+import { keyframes } from '@emotion/react';
 import { useSnapshot } from 'valtio';
 import { AnimatedText, MyHomesStepBody, MyHomesStepWrapper } from '../..';
 import { addressProxy } from '../../../proxies';

package/dist/components/overlay/Overlay.js

@@ -10,7 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, keyframes } from '@chakra-ui/react';
+import { Box } from '@chakra-ui/react';
+import { keyframes } from '@emotion/react';
 export const Overlay = (_a) => {
     var { bg = '#fdfdfdca', showOverlay = true, onClick } = _a, props = __rest(_a, ["bg", "showOverlay", "onClick"]);
     if (!showOverlay)

package/dist/components/partner/adminTiles/satisfactionTile/SatisfactionProgress.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { Box, Flex, keyframes, Stack, Text } from '@chakra-ui/react';
+import { Box, Flex, Stack, Text } from '@chakra-ui/react';
+import { keyframes } from '@emotion/react';
 import { Mark, SatisfactionBar } from '../../..';
 export const SatisfactionProgress = ({ satisfactionPercentage, }) => {
     const sentiments = ['great', 'good', 'ok', 'poor'];

package/dist/components/sendDocument/RecipientContent.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, Avatar, Stack, Box, Text } from '@chakra-ui/react';
 import { randomColor } from '../../utils';
+import MoonLoader from 'react-spinners/MoonLoader';
 export const RecipientContent = ({ bgColor, firstName = '', index = 0, lastName = '', phone = '', email = '', }) => {
-    return (_jsxs(Flex, { gap: "2", align: firstName ? 'start' : 'center', children: [_jsx(Avatar, { size: "sm", bg: bgColor !== null && bgColor !== void 0 ? bgColor : randomColor(index), fontWeight: "bold", color: "neutral.white", name: firstName ? `${firstName} ${lastName}` : '' }), _jsxs(Stack, { w: "full", spacing: "-2", minH: "3rem", justify: "space-between", children: [_jsxs(Box, { children: [firstName && (_jsx(Text, { fontWeight: "medium", textTransform: "capitalize", children: `${firstName} ${lastName}` })), _jsx(Text, { fontSize: "xxs", children: phone })] }), _jsx(Text, { variant: "email", alignSelf: "flex-end", children: email })] })] }));
+    const isPending = firstName === 'Account' && lastName === 'Pending';
+    return (_jsxs(Flex, { gap: "2", align: firstName ? 'start' : 'center', children: [isPending && (_jsx(MoonLoader, { color: "#2d2d2d", size: 20, speedMultiplier: 0.5 })), !isPending && (_jsx(Avatar, { size: "sm", bg: bgColor !== null && bgColor !== void 0 ? bgColor : randomColor(index), fontWeight: "bold", color: "neutral.white", name: firstName ? `${firstName} ${lastName}` : '' })), _jsxs(Stack, { w: "full", spacing: "-2", minH: "3rem", justify: "space-between", children: [_jsxs(Box, { children: [firstName && (_jsx(Text, { fontWeight: "medium", textTransform: "capitalize", children: `${firstName} ${lastName}` })), _jsx(Text, { fontSize: "xxs", children: phone })] }), _jsx(Text, { variant: "email", alignSelf: "flex-end", children: email })] })] }));
 };

package/dist/helpers/forms/dynamicForm.helper.js

@@ -1,4 +1,4 @@
-import { Paint, Receipt, Barcode, GoldenBars, Heart, Rating, Notes, Book, ImgIcon, Registry, ShareWith, Calendar, Tools2, Billing, Calc, CheckPen, GenericField, Price, Battery2, Co2, Detector, Electricity, Sprinkler, SixtyEight, DropCalendar, MobileDrop, SolarPanel, Calendar2, Drop, Wind, Foundation, Heater, Light, Plate, Pool2, Closet, Structure, GlassWater, Roof2, Target, CircleFace, Company, } from '../../assets/images';
+import { Paint, Receipt, Barcode, GoldenBars, Heart, Rating, Notes, Book, ImgIcon, Registry, ShareWith, Calendar, Tools2, Billing, Calc, CheckPen, GenericField, Price, Battery2, Co2, Detector, Electricity, Sprinkler, SixtyEight, DropCalendar, MobileDrop, SolarPanel, Calendar2, Drop, Wind, Foundation, Heater, Light, Plate, Pool2, Closet, Structure, GlassWater, Roof2, Target, CircleFace, Company, Pressure, WindowCleaning, RoofCleaning, HolidayLights, GutterCleaning, HomeCleaning, } from '../../assets/images';
 export const fieldIcons = {
     barcode: Barcode,
     billing: Billing,
@@ -43,4 +43,10 @@ export const fieldIcons = {
     target: Target,
     title: CircleFace,
     company: Company,
+    'sh-gutter': GutterCleaning,
+    'sh-home': HomeCleaning,
+    'sh-lights': HolidayLights,
+    'sh-pressure': Pressure,
+    'sh-roof': RoofCleaning,
+    'sh-window': WindowCleaning,
 };

package/dist/hooks/homeBoard/useConfirmHomeAddress.d.ts

@@ -4,22 +4,7 @@ export declare const useConfirmHomeAddress: (values: ConfirmAddressFormI | undef
     handleSelectRecords: (event: ChangeEvent<HTMLInputElement>) => void;
     handleSubmit: () => void;
     isOwner: boolean;
-    group: import("react").AriaAttributes & import("react").DOMAttributes<import("@chakra-ui/react-types").DOMElement> & import("@chakra-ui/react-types").DataAttributes & {
-        id?: string;
-        role?: React.AriaRole;
-        tabIndex?: number;
-        style?: React.CSSProperties;
-    } & import("react").RefAttributes<any>;
-    ownRadio: import("@chakra-ui/react-types").InputDOMProps & import("react").AriaAttributes & import("react").DOMAttributes<HTMLInputElement> & import("@chakra-ui/react-types").DataAttributes & {
-        id?: string;
-        role?: React.AriaRole;
-        tabIndex?: number;
-        style?: React.CSSProperties;
-    } & import("react").RefAttributes<any>;
-    rentRadio: import("@chakra-ui/react-types").InputDOMProps & import("react").AriaAttributes & import("react").DOMAttributes<HTMLInputElement> & import("@chakra-ui/react-types").DataAttributes & {
-        id?: string;
-        role?: React.AriaRole;
-        tabIndex?: number;
-        style?: React.CSSProperties;
-    } & import("react").RefAttributes<any>;
+    group: import("@chakra-ui/utils").DOMAttributes<import("@chakra-ui/utils").DOMElement> & import("react").RefAttributes<any>;
+    ownRadio: import("@chakra-ui/utils").InputDOMAttributes & import("react").RefAttributes<any>;
+    rentRadio: import("@chakra-ui/utils").InputDOMAttributes & import("react").RefAttributes<any>;
 };