@homefile/components-v2 2.0.0 → 2.1.0

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/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/interfaces/forms/dynamicForm/DynamicForm.interface.d.ts

@@ -1,6 +1,8 @@
-import { FolderFileI } from '../..';
-type KindTypes = 'checkbox' | 'currency' | 'date' | 'email' | 'file' | 'grid' | 'group' | 'number' | 'radio' | 'rating' | 'select' | 'string' | 'switch' | 'telephone' | 'text' | 'textarea' | 'default';
-export type IconTypes = 'barcode' | 'battery' | 'billing' | 'book' | 'calc' | 'calendar' | 'check' | 'co2' | 'date' | 'default' | 'detector' | 'electricity' | 'goldbars' | 'heart' | 'image' | 'notes' | 'palette' | 'people' | 'price' | 'rating' | 'receipt' | 'registry' | 'sprinkler' | 'tools' | 'wind' | '68' | 'calendar2' | 'water' | 'calendar-drop' | 'umbrella' | 'heater' | 'roof' | 'foundation' | 'solar-panel' | 'pool' | 'drop' | 'mobile-drop' | 'light' | 'plate' | 'house' | 'target' | 'title' | 'company';
+import { FolderFileI, MenuItemI, PartnerFooterI, TileCtaI } from '../..';
+type KindTypes = 'checkbox' | 'currency' | 'date' | 'email' | 'file' | 'grid' | 'group' | 'number' | 'radio' | 'rating' | 'select' | 'string' | 'switch' | 'telephone' | 'text' | 'textarea' | 'default' | UIKindTypes;
+type UIKindTypes = 'tile-body' | 'tile-body-logo' | 'tile-body-header' | 'tile-body-section' | 'tile-body-section-grid' | 'tile-form' | 'tile-body-action' | 'vertical-icon' | 'primary-cta' | 'secondary-cta';
+export type IconTypes = 'barcode' | 'battery' | 'billing' | 'book' | 'calc' | 'calendar' | 'check' | 'co2' | 'date' | 'default' | 'detector' | 'electricity' | 'goldbars' | 'heart' | 'image' | 'notes' | 'palette' | 'people' | 'price' | 'rating' | 'receipt' | 'registry' | 'sprinkler' | 'tools' | 'wind' | '68' | 'calendar2' | 'water' | 'calendar-drop' | 'umbrella' | 'heater' | 'roof' | 'foundation' | 'solar-panel' | 'pool' | 'drop' | 'mobile-drop' | 'light' | 'plate' | 'house' | 'target' | 'title' | 'company' | UIIconTypes;
+export type UIIconTypes = 'sh-pressure' | 'sh-window' | 'sh-roof' | 'sh-lights' | 'sh-gutter' | 'sh-home';
 export type ValueTypes = string | string[] | number | boolean;
 export type OptionsTypes = string[] | number[] | null;
 export interface ReportI {
@@ -10,14 +12,17 @@ export interface ReportI {
     description?: string;
     icon?: IconTypes;
     id: string;
+    link?: string;
     name?: string;
     options?: OptionsTypes;
     type: KindTypes;
     value: ValueTypes;
     visible?: boolean;
 }
-export interface DynamicFormI {
+export interface DynamicFormI extends Partial<PartnerFooterI> {
+    callback?: TileCtaI['callback'];
     form: ReportI[];
+    menuItems?: MenuItemI[];
     onUpload?: (filesByFieldId: Record<string, FolderFileI[]>) => void;
     showTitle?: boolean;
     uploadingFieldId?: string;

package/dist/interfaces/forms/dynamicForm/fields/GroupField.interface.d.ts

@@ -1,7 +1,12 @@
-import { DynamicFormI } from '../../..';
+import { DynamicFormI, MenuItemI, TileCtaI } from '../../..';
 export interface GroupFieldI {
     id: string;
     canBeHidden?: boolean;
     fields?: DynamicFormI['form'];
     onRemove: (id: string) => void;
 }
+export interface FieldTypesI {
+    callback?: TileCtaI['callback'];
+    fields?: DynamicFormI['form'];
+    menuItems?: MenuItemI[];
+}

package/dist/interfaces/forms/dynamicForm/fields/UIFields.interface.d.ts

@@ -0,0 +1,20 @@
+import { DynamicFormI, MenuItemI, PartnerFooterI } from '../../..';
+export interface TileBodyLogoI {
+    menuItems?: MenuItemI[];
+    name?: string;
+    value: string;
+}
+export interface TileBodyI extends Partial<PartnerFooterI> {
+    callback?: TileCtaI['callback'];
+    fields?: DynamicFormI['form'];
+    menuItems?: MenuItemI[];
+}
+export interface VerticalIconI {
+    icon?: string;
+    value: string;
+}
+export interface TileCtaI {
+    callback?: (value: string) => void;
+    type: 'primary-cta' | 'secondary-cta';
+    value: string;
+}

package/dist/interfaces/forms/dynamicForm/fields/UIFields.interface.js

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

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

@@ -8,3 +8,4 @@ export * from './SelectField.interface';
 export * from './SwitchField.interface';
 export * from './TextAreaField.interface';
 export * from './TextField.interface';
+export * from './UIFields.interface';

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

@@ -8,3 +8,4 @@ export * from './SelectField.interface';
 export * from './SwitchField.interface';
 export * from './TextAreaField.interface';
 export * from './TextField.interface';
+export * from './UIFields.interface';

package/dist/interfaces/partner/PartnerFooter.interface.d.ts

@@ -4,7 +4,6 @@ export interface SocialLinkI {
     link: string;
 }
 export interface PartnerFooterI {
-    iconSize?: number;
     socialLinks?: SocialLinkI[];
     websiteUrl: string;
     urlText?: string;

package/dist/mocks/forms/dynamicForm.mock.d.ts

@@ -1,3 +1,4 @@
 import { ReportI } from '../../interfaces';
 export declare const formFieldsMock: ReportI[];
 export declare const contactFieldsMock: ReportI[];
+export declare const tileUIMock: ReportI[];