@homefile/components-v2 2.25.0 → 2.25.2

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

@@ -14,5 +14,5 @@ import { Box, Stack } from '@chakra-ui/react';
 import { PartnerFooter, TileBodyFields, TileFooterFields, TileHeaderFields, } from '../../../..';
 export const TileBody = (_a) => {
     var { callback, fields, websiteUrl = '', menuItems } = _a, props = __rest(_a, ["callback", "fields", "websiteUrl", "menuItems"]);
-    return (_jsx(Box, { display: "flex", flexGrow: 1, flexDir: "column", bg: "neutral.white", boxShadow: "lg", children: _jsxs(Stack, { spacing: "0", flex: "1", justify: "space-between", children: [_jsx(Box, { children: _jsx(TileHeaderFields, { fields: fields, menuItems: menuItems }) }), _jsx(TileBodyFields, { fields: fields }), _jsxs(Stack, { spacing: "0", bg: "lightBlue.1", pt: "base", children: [_jsx(TileFooterFields, { callback: callback, fields: fields }), _jsx(PartnerFooter, Object.assign({}, props, { websiteUrl: websiteUrl }))] })] }) }));
+    return (_jsx(Box, { display: "flex", flexGrow: 1, flexDir: "column", bg: "neutral.white", boxShadow: "lg", children: _jsxs(Stack, { spacing: "0", flex: "1", justify: "space-between", children: [_jsx(Box, { children: _jsx(TileHeaderFields, { fields: fields, menuItems: menuItems }) }), _jsx(TileBodyFields, { fields: fields }), _jsxs(Stack, { spacing: "0", bg: "lightBlue.1", children: [_jsx(TileFooterFields, { callback: callback, fields: fields }), _jsx(PartnerFooter, Object.assign({}, props, { websiteUrl: websiteUrl }))] })] }) }));
 };

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

@@ -27,7 +27,7 @@ export const TileBody = ({
           <TileHeaderFields fields={fields} menuItems={menuItems} />
         </Box>
         <TileBodyFields fields={fields} />
-        <Stack spacing="0" bg="lightBlue.1" pt="base">
+        <Stack spacing="0" bg="lightBlue.1">
           <TileFooterFields callback={callback} fields={fields} />
           <PartnerFooter {...props} websiteUrl={websiteUrl} />
         </Stack>

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

@@ -1,5 +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 }) }));
+    return (_jsx(Box, { p: "base", children: _jsx(Text, { fontWeight: "semibold", textAlign: "center", children: value }) }));
 };

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

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

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

@@ -14,5 +14,5 @@ import { Button } from '@chakra-ui/react';
 export const TileCta = (_a) => {
     var { callback } = _a, props = __rest(_a, ["callback"]);
     const { type, value } = props;
-    return (_jsx(Button, { onClick: () => callback === null || callback === void 0 ? void 0 : callback(Object.assign({}, props)), variant: type === 'primary-cta' ? 'primary' : 'secondary', fontSize: "sm", textTransform: "capitalize", px: "none", bg: type === 'primary-cta' ? '' : 'neutral.white', children: value }));
+    return (_jsx(Button, { onClick: () => callback === null || callback === void 0 ? void 0 : callback(Object.assign({}, props)), variant: type === 'primary-cta' ? 'primary' : 'secondary', textTransform: "capitalize", fontWeight: type === 'primary-cta' ? 'semibold' : 'regular', px: "none", bg: type === 'primary-cta' ? '' : 'neutral.white', children: value }));
 };

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

@@ -7,8 +7,8 @@ export const TileCta = ({ callback, ...props }: TileCtaI) => {
     <Button
       onClick={() => callback?.({ ...props })}
       variant={type === 'primary-cta' ? 'primary' : 'secondary'}
-      fontSize="sm"
       textTransform="capitalize"
+      fontWeight={type === 'primary-cta' ? 'semibold' : 'regular'}
       px="none"
       bg={type === 'primary-cta' ? '' : 'neutral.white'}
     >

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Center, 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", minH: "110px", children: [_jsx(Box, { h: "46px", display: "flex", alignItems: "center", children: _jsx(Image, { src: icon, alt: value, w: "auto", h: "80%" }) }), _jsx(Center, { pb: "2", children: _jsx(Text, { fontWeight: "semibold", textAlign: "center", fontSize: "13px", lineHeight: "14px", w: "85%", children: value }) })] }));
+    return (_jsxs(Box, { bg: "neutral.white", borderRadius: "md", border: "1px solid", borderColor: "lightBlue.6", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", minH: "110px", children: [_jsx(Box, { h: "46px", w: "46px", display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(Image, { src: icon, alt: value, w: "34px", h: "34px", objectFit: "contain" }) }), _jsx(Center, { pb: "2", children: _jsx(Text, { fontWeight: "semibold", textAlign: "center", fontSize: "13px", lineHeight: "14px", w: "85%", children: value }) })] }));
 };

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

@@ -14,8 +14,14 @@ export const VerticalIcon = ({ icon, value }: VerticalIconI) => {
       justifyContent="center"
       minH="110px"
     >
-      <Box h="46px" display="flex" alignItems="center">
-        <Image src={icon} alt={value} w="auto" h="80%" />
+      <Box
+        h="46px"
+        w="46px"
+        display="flex"
+        alignItems="center"
+        justifyContent="center"
+      >
+        <Image src={icon} alt={value} w="34px" h="34px" objectFit="contain" />
       </Box>
       <Center pb="2">
         <Text

package/dist/components/partner/PartnerFooter.js

@@ -10,5 +10,5 @@ export const PartnerFooter = ({ socialLinks = [], websiteUrl, urlText, }) => {
             return;
         window.open(url, '_blank');
     };
-    return (_jsxs(Flex, { align: "center", justify: "space-between", p: "base", children: [_jsx(Link, { href: websiteUrl, isExternal: true, children: _jsx(Text, { fontSize: "xs", color: "blue.3", children: urlText !== null && urlText !== void 0 ? urlText : cleanedWebsiteUrl }) }), hasSocialLinks && (_jsx(Flex, { align: "center", gap: "1", children: socialLinks === null || socialLinks === void 0 ? void 0 : socialLinks.map(({ name, link }) => (_jsx(IconButton, { variant: "unstyled", w: "fit-content", "aria-label": "Instagram", icon: SocialIcons({ size: 20, name }), onClick: () => handleSocialClick(link) }, name))) }))] }));
+    return (_jsxs(Flex, { align: "center", justify: "space-between", px: "base", minH: "46px", children: [_jsx(Link, { href: websiteUrl, isExternal: true, children: _jsx(Text, { fontSize: "xs", color: "blue.3", fontFamily: "primary", children: urlText !== null && urlText !== void 0 ? urlText : cleanedWebsiteUrl }) }), hasSocialLinks && (_jsx(Flex, { align: "center", gap: "1", children: socialLinks === null || socialLinks === void 0 ? void 0 : socialLinks.map(({ name, link }) => (_jsx(IconButton, { variant: "unstyled", w: "fit-content", "aria-label": "Instagram", icon: SocialIcons({ size: 20, name }), onClick: () => handleSocialClick(link) }, name))) }))] }));
 };

package/dist/components/partner/PartnerImage.js

@@ -3,6 +3,6 @@ import { t } from 'i18next';
 import { Center, Image, Text } from '@chakra-ui/react';
 export const PartnerImage = ({ imageUrl, partnerName }) => {
     if (imageUrl)
-        return (_jsx(Image, { src: imageUrl, minH: "154px", h: "full", w: "full", objectFit: "cover", alt: partnerName }));
-    return (_jsx(Center, { bg: "gray.3", minH: "154px", h: "full", children: _jsx(Text, { color: "neutral.white", fontSize: "xxs", children: t('partner.needImage') }) }));
+        return (_jsx(Image, { src: imageUrl, minH: "154px", maxH: "300px", h: "full", w: "full", objectFit: "cover", alt: partnerName }));
+    return (_jsx(Center, { bg: "gray.3", w: "full", minH: "154px", children: _jsx(Text, { color: "neutral.white", fontSize: "xxs", children: t('partner.needImage') }) }));
 };

package/dist/components/partner/ShortPartnerTile.d.ts

@@ -1,2 +1,2 @@
 import { ShortPartnerTileI } from '../../interfaces';
-export declare const ShortPartnerTile: ({ buttonText, description, imageUrl, logo, menuItems, minimized, onClick, socialLinks, partnerName, websiteUrl, urlText }: ShortPartnerTileI) => import("react/jsx-runtime").JSX.Element;
+export declare const ShortPartnerTile: ({ buttonText, description, imageUrl, logo, menuItems, minimized, onClick, socialLinks, partnerName, websiteUrl, urlText, }: ShortPartnerTileI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/ShortPartnerTile.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Flex } from '@chakra-ui/react';
-import { Fader, PartnerCallToAction, PartnerFooter, PartnerHeader, PartnerImage, PartnerTileWrapper, } from '..';
-export const ShortPartnerTile = ({ buttonText, description, imageUrl, logo, menuItems, minimized, onClick, socialLinks, partnerName, websiteUrl, urlText }) => {
-    const callToAction = { description, buttonText, onClick };
+import { Box, Flex, Stack } from '@chakra-ui/react';
+import { PartnerFooter, PartnerHeader, PartnerImage, PartnerTileWrapper, TileCta, } from '..';
+export const ShortPartnerTile = ({ buttonText, description, imageUrl, logo, menuItems, minimized, onClick, socialLinks, partnerName, websiteUrl, urlText, }) => {
     const header = { logo, menuItems, partnerName };
     const image = { imageUrl, partnerName };
     const footer = { socialLinks, websiteUrl, urlText };
-    return (_jsxs(PartnerTileWrapper, { children: [_jsx(PartnerHeader, Object.assign({}, header)), !minimized && (_jsx(Fader, { children: _jsxs(Flex, { flexDir: "column", h: "400px", justifyContent: "space-between", children: [_jsx(PartnerImage, Object.assign({}, image)), _jsxs(Box, { children: [_jsx(PartnerCallToAction, Object.assign({}, callToAction)), _jsx(PartnerFooter, Object.assign({}, footer))] })] }) }))] }));
+    return (_jsxs(PartnerTileWrapper, { children: [_jsx(PartnerHeader, Object.assign({}, header)), !minimized && (_jsxs(Stack, { spacing: "0", justify: "space-between", h: "full", children: [_jsx(Flex, { w: "full", h: "full", children: _jsx(PartnerImage, Object.assign({}, image)) }), _jsxs(Box, { children: [_jsx(Box, { p: "base", children: _jsx(TileCta, { id: `tile-cta-${partnerName}`, callback: onClick, description: description, type: "primary-cta", value: buttonText }) }), _jsx(PartnerFooter, Object.assign({}, footer))] })] }))] }));
 };

package/dist/mocks/partner/dynamicTileForm.mock.d.ts

@@ -1,2 +1,331 @@
-import { ReportI } from "../../interfaces";
+import { ReportI } from '../../interfaces';
 export declare const dynamicTileFormMock: ReportI[];
+export declare const dynamicTilesMock: ({
+    buttonText: string;
+    description: string;
+    logo: string;
+    partnerName: string;
+    websiteUrl: string;
+    form: never[];
+    onClick: import("@storybook/addon-actions").HandlerFunction;
+    socialLinks: {
+        name: string;
+        link: string;
+    }[];
+    _id: string;
+    menuItems: {
+        label: string;
+        handleClick: import("@storybook/addon-actions").HandlerFunction;
+    }[];
+    imageUrl?: undefined;
+    type?: undefined;
+} | {
+    buttonText: string;
+    description: string;
+    logo: string;
+    partnerName: string;
+    onClick: import("@storybook/addon-actions").HandlerFunction;
+    websiteUrl: string;
+    imageUrl: string;
+    socialLinks: never[];
+    _id: string;
+    menuItems: {
+        label: string;
+        handleClick: import("@storybook/addon-actions").HandlerFunction;
+    }[];
+    type: string;
+    form: ({
+        id: string;
+        name: string;
+        description: string;
+        comments: string;
+        value: string;
+        type: string;
+        visible: boolean;
+        children: ({
+            id: string;
+            name: string;
+            description: string;
+            comments: string;
+            value: string;
+            type: string;
+            children?: undefined;
+        } | {
+            id: string;
+            name: string;
+            description: string;
+            comments: string;
+            value: string;
+            type: string;
+            children: {
+                id: string;
+                name: string;
+                description: string;
+                comments: string;
+                value: string;
+                type: string;
+                icon: string;
+            }[];
+        } | {
+            id: string;
+            name: string;
+            description: string;
+            comments: string;
+            value: string;
+            type: string;
+            children: {
+                id: string;
+                name: string;
+                description: string;
+                comments: string;
+                value: string;
+                type: string;
+                link: string;
+            }[];
+        })[];
+        icon?: undefined;
+    } | {
+        id: string;
+        name: string;
+        description: string;
+        comments: string;
+        value: string;
+        type: string;
+        visible: boolean;
+        children: ({
+            id: string;
+            name: string;
+            description: string;
+            comments: string;
+            value: string;
+            options: string;
+            type: string;
+            children: {
+                id: string;
+                name: string;
+                description: string;
+                comments: string;
+                value: boolean;
+                visible: boolean;
+                type: string;
+            }[];
+            icon: string;
+        } | {
+            id: string;
+            name: string;
+            description: string;
+            comments: string;
+            value: string;
+            icon: string;
+            type: string;
+            options?: undefined;
+            children?: undefined;
+        } | {
+            id: string;
+            name: string;
+            description: string;
+            comments: string;
+            value: string;
+            icon: string;
+            type: string;
+            options: string[];
+            children?: undefined;
+        } | {
+            id: string;
+            icon: string;
+            name: string;
+            description: string;
+            comments: string;
+            value: string;
+            type: string;
+            children: ({
+                id: string;
+                name: string;
+                description: string;
+                comments: string;
+                value: string;
+                type: string;
+                icon: string;
+            } | {
+                id: string;
+                name: string;
+                description: string;
+                comments: string;
+                value: string;
+                type: string;
+                icon?: undefined;
+            })[];
+            options?: undefined;
+        })[];
+        icon: string;
+    })[];
+} | {
+    buttonText: string;
+    description: string;
+    logo: string;
+    partnerName: string;
+    websiteUrl: string;
+    imageUrl: string;
+    socialLinks: {
+        link: string;
+        name: string;
+    }[];
+    _id: string;
+    menuItems: {
+        label: string;
+        handleClick: import("@storybook/addon-actions").HandlerFunction;
+    }[];
+    type: string;
+    form: ({
+        id: string;
+        name: string;
+        description: string;
+        comments: string;
+        value: string;
+        type: string;
+        visible: boolean;
+        children: ({
+            id: string;
+            name: string;
+            description: string;
+            comments: string;
+            value: string;
+            type: string;
+            children?: undefined;
+        } | {
+            id: string;
+            name: string;
+            description: string;
+            comments: string;
+            value: string;
+            type: string;
+            children: {
+                id: string;
+                name: string;
+                description: string;
+                comments: string;
+                value: string;
+                type: string;
+                icon: string;
+            }[];
+        } | {
+            id: string;
+            name: string;
+            description: string;
+            comments: string;
+            value: string;
+            type: string;
+            children: {
+                id: string;
+                name: string;
+                description: string;
+                comments: string;
+                value: string;
+                type: string;
+                link: string;
+            }[];
+        })[];
+        icon?: undefined;
+    } | {
+        id: string;
+        name: string;
+        description: string;
+        comments: string;
+        value: string;
+        type: string;
+        visible: boolean;
+        children: ({
+            id: string;
+            name: string;
+            description: string;
+            comments: string;
+            value: string;
+            options: string;
+            type: string;
+            children: {
+                id: string;
+                name: string;
+                placeholder: string;
+                description: string;
+                comments: string;
+                value: boolean;
+                visible: boolean;
+                type: string;
+            }[];
+            icon: string;
+            placeholder?: undefined;
+        } | {
+            id: string;
+            name: string;
+            placeholder: string;
+            description: string;
+            comments: string;
+            value: string;
+            icon: string;
+            type: string;
+            options?: undefined;
+            children?: undefined;
+        } | {
+            id: string;
+            name: string;
+            placeholder: string;
+            description: string;
+            comments: string;
+            value: string;
+            icon: string;
+            type: string;
+            options: string[];
+            children?: undefined;
+        } | {
+            id: string;
+            icon: string;
+            name: string;
+            placeholder: string;
+            description: string;
+            comments: string;
+            value: string;
+            type: string;
+            children: ({
+                id: string;
+                name: string;
+                placeholder: string;
+                description: string;
+                comments: string;
+                value: string;
+                type: string;
+                icon: string;
+            } | {
+                id: string;
+                name: string;
+                placeholder: string;
+                description: string;
+                comments: string;
+                value: string;
+                type: string;
+                icon?: undefined;
+            })[];
+            options?: undefined;
+        })[];
+        icon: string;
+    })[];
+    onClick?: undefined;
+} | {
+    buttonText: string;
+    description: string;
+    logo: string;
+    partnerName: string;
+    websiteUrl: string;
+    imageUrl: string;
+    form: never[];
+    onClick: import("@storybook/addon-actions").HandlerFunction;
+    socialLinks: {
+        name: string;
+        link: string;
+    }[];
+    _id: string;
+    menuItems: {
+        label: string;
+        handleClick: import("@storybook/addon-actions").HandlerFunction;
+    }[];
+    type?: undefined;
+})[];