@homefile/components-v2 2.7.9 → 2.7.11

package/dist/components/sharedHomePanel/ShareHomeAddEmail.js

@@ -5,5 +5,5 @@ import { BackCircleButton, TextInput } from '..';
 export const ShareHomeAddEmail = ({ contact, onBack, onChange, }) => {
     const { email, firstName, lastName } = contact;
     const displayName = `${firstName} ${lastName}`.trim();
-    return (_jsxs(Box, { children: [_jsx(Box, { bg: "lightBlue.2", py: "2", px: "base", w: "100%", children: _jsxs(Flex, { align: "center", gap: "base", children: [_jsx(BackCircleButton, { onClick: onBack }), _jsx(Box, { bg: "lightBlue.9", w: "1px", h: "21px" }), _jsx(Text, { children: displayName })] }) }), _jsxs(Stack, { spacing: "base", p: "base", h: "230px", bg: "lightBlue.1", children: [_jsx(Text, { variant: "home", children: t('shareHome.notEmail') }), _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.errorEmail'), handleChange: onChange, id: "email", placeholder: t('shareHome.placeholder'), value: email, noOfLines: 1 })] })] }));
+    return (_jsxs(Box, { children: [_jsx(Box, { bg: "lightBlue.2", py: "2", px: "base", w: "100%", children: _jsxs(Flex, { align: "center", gap: "base", children: [_jsx(BackCircleButton, { onClick: onBack }), _jsx(Box, { bg: "lightBlue.9", w: "1px", h: "21px" }), _jsx(Text, { children: displayName })] }) }), _jsxs(Stack, { spacing: "base", p: "base", h: "230px", bg: "lightBlue.1", children: [_jsx(Text, { variant: "home", children: t('shareHome.notEmail') }), _jsx(TextInput, { "data-testid": "share-home-add-email", autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.errorEmail'), handleChange: onChange, id: "email", placeholder: t('shareHome.placeholder'), value: email, noOfLines: 1 })] })] }));
 };

package/dist/components/sharedHomePanel/ShareHomeContactCard.js

@@ -7,7 +7,7 @@ export const ShareHomeContactCard = ({ contact, index, onAddEmail, onClick, }) =
     const { firstName, lastName, email } = contact;
     const name = `${firstName} ${lastName}`.trim();
     const handleClick = email ? onClick : onAddEmail;
-    return (_jsxs(Flex, { justify: "space-between", as: "button", w: "100%", py: "base", align: "center", transition: "all 0.2s", onClick: () => handleClick(contact), _hover: {
+    return (_jsxs(Flex, { "data-testid": contact._id, justify: "space-between", as: "button", w: "100%", py: "base", align: "center", transition: "all 0.2s", onClick: () => handleClick(contact), _hover: {
             backgroundColor: 'lightGreen.3',
             px: 'base',
         }, children: [_jsxs(Flex, { align: "center", gap: "2", children: [_jsx(Avatar, { size: "sm", name: name, bg: randomColor(index), fontWeight: "bold", color: "neutral.white", id: "profile" }), _jsx(Text, { noOfLines: 1, textOverflow: "ellipsis", textAlign: "left", children: name })] }), _jsx(Plus, { stroke: colors.blue['3'] })] }));

package/dist/components/sharedHomePanel/ShareHomeForm.js

@@ -6,7 +6,7 @@ import { useShareHomeForm } from '../../hooks';
 import { ShareHomeContactList } from './ShareHomeContactList';
 export const ShareHomeForm = ({ contacts, loading, onAdd, onEmailSave, }) => {
     const { accountTypes, contact, handleChange, handleInputSelect, handleOpen, handleSelectContact, handleSubmit, hasError, open, types, } = useShareHomeForm(onAdd);
-    return (_jsx(Box, { p: "base", w: "100%", children: _jsxs(Flex, { w: "100%", gap: "base", children: [_jsxs(Flex, { position: "relative", flex: 1, children: [_jsx(ShareWithButton, { marginRight: "-1px", onClick: handleOpen }), _jsx(TextInput, { "data-testid": "share-home-form-email", autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.errorEmail'), handleChange: handleChange, hasError: hasError, id: "email", placeholder: t('shareHome.placeholder'), value: contact.email, noOfLines: 1 }), open && (_jsx(ShareHomeContactList, { contacts: contacts, onClick: handleSelectContact, onDone: handleOpen, onChange: handleChange, onSave: (contact) => {
+    return (_jsx(Box, { p: "base", w: "100%", children: _jsxs(Flex, { w: "100%", gap: "base", children: [_jsxs(Flex, { position: "relative", flex: 1, children: [_jsx(ShareWithButton, { "data-testid": "share-with-button", marginRight: "-1px", onClick: handleOpen }), _jsx(TextInput, { "data-testid": "share-home-form-email", autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.errorEmail'), handleChange: handleChange, hasError: hasError, id: "email", placeholder: t('shareHome.placeholder'), value: contact.email, noOfLines: 1 }), open && (_jsx(ShareHomeContactList, { contacts: contacts, onClick: handleSelectContact, onDone: handleOpen, onChange: handleChange, onSave: (contact) => {
                                 onEmailSave(contact);
                                 handleOpen();
                             }, selectedContact: contact }))] }), _jsx(SelectInputWithBadge, { handleClick: handleInputSelect, initialValue: accountTypes[0], items: types, width: "70px", height: "md" }), _jsx(Button, { "data-testid": "share-home-form-submit", variant: "tertiary", onClick: handleSubmit, disabled: !contact.email, isLoading: loading, h: "48px", children: t('shareHome.btInvite') })] }) }));

package/dist/components/tour/steps/AccountTypeRow.js

@@ -4,9 +4,10 @@ import { Box, chakra, Flex, Stack, Text } from '@chakra-ui/react';
 import { LetterBadge } from '../..';
 import { homeRoles } from '../../../helpers';
 const TypeContent = ({ description, type }) => {
+    var _a;
     const letter = type[0];
-    return (_jsxs(Box, { p: "base", border: "1px", borderColor: "lightBlue.6", children: [_jsxs(Flex, { gap: "base", mb: "2", align: "center", children: [_jsx(LetterBadge, { bgColor: homeRoles[type.toLowerCase()].bg, letter: letter }), _jsx(Text, { fontSize: "md", fontWeight: "semibold", children: type })] }), _jsx(Text, { fontSize: "sm", textAlign: "left", lineHeight: "1.2", children: description })] }));
+    return (_jsxs(Box, { p: "base", border: "1px", borderColor: "lightBlue.6", children: [_jsxs(Flex, { gap: "base", mb: "2", align: "center", children: [_jsx(LetterBadge, { bgColor: (_a = homeRoles[type.toLowerCase()]) === null || _a === void 0 ? void 0 : _a.bg, letter: letter }), _jsx(Text, { fontSize: "md", fontWeight: "semibold", children: type })] }), _jsx(Text, { fontSize: "sm", textAlign: "left", lineHeight: "1.2", children: description })] }));
 };
 export const AccountTypeRow = () => {
-    return (_jsxs(Stack, { spacing: "base", bg: "neutral.white", children: [_jsx(TypeContent, { description: _jsxs(_Fragment, { children: [t('tour.steps.inviteRoles.member.description1'), _jsx(chakra.span, { fontWeight: "semibold", children: t('tour.steps.inviteRoles.member.description2') }), t('tour.steps.inviteRoles.member.description3')] }), type: t('tour.steps.inviteRoles.types.member') }), _jsx(TypeContent, { description: _jsxs(_Fragment, { children: [t('tour.steps.inviteRoles.contributor.description1'), _jsx(chakra.span, { fontWeight: "semibold", fontStyle: "italic", children: t('tour.steps.inviteRoles.contributor.description2') }), _jsx(chakra.span, { fontWeight: "semibold", fontStyle: "italic", children: t('tour.steps.inviteRoles.contributor.description3') }), t('tour.steps.inviteRoles.contributor.description4'), _jsx(chakra.span, { fontWeight: "semibold", fontStyle: "italic", children: t('tour.steps.inviteRoles.contributor.description5') }), t('tour.steps.inviteRoles.contributor.description6'), _jsx(chakra.span, { fontWeight: "semibold", children: t('tour.steps.inviteRoles.contributor.description7') }), t('tour.steps.inviteRoles.contributor.description8')] }), type: t('tour.steps.inviteRoles.types.contributor') }), _jsx(TypeContent, { description: _jsxs(_Fragment, { children: [t('tour.steps.inviteRoles.manager.description1'), _jsx(chakra.span, { fontWeight: "semibold", fontStyle: "italic", children: t('tour.steps.inviteRoles.manager.description2') }), t('tour.steps.inviteRoles.manager.description3'), _jsx(chakra.span, { fontWeight: "semibold", fontStyle: "italic", children: t('tour.steps.inviteRoles.manager.description4') }), t('tour.steps.inviteRoles.manager.description5')] }), type: t('tour.steps.inviteRoles.types.manager') })] }));
+    return (_jsxs(Stack, { spacing: "base", bg: "neutral.white", "data-testid": "account-type-row", children: [_jsx(TypeContent, { description: _jsxs(_Fragment, { children: [t('tour.steps.inviteRoles.member.description1'), _jsx(chakra.span, { fontWeight: "semibold", children: t('tour.steps.inviteRoles.member.description2') }), t('tour.steps.inviteRoles.member.description3')] }), type: t('tour.steps.inviteRoles.types.member') }), _jsx(TypeContent, { description: _jsxs(_Fragment, { children: [t('tour.steps.inviteRoles.contributor.description1'), _jsx(chakra.span, { fontWeight: "semibold", fontStyle: "italic", children: t('tour.steps.inviteRoles.contributor.description2') }), _jsx(chakra.span, { fontWeight: "semibold", fontStyle: "italic", children: t('tour.steps.inviteRoles.contributor.description3') }), t('tour.steps.inviteRoles.contributor.description4'), _jsx(chakra.span, { fontWeight: "semibold", fontStyle: "italic", children: t('tour.steps.inviteRoles.contributor.description5') }), t('tour.steps.inviteRoles.contributor.description6'), _jsx(chakra.span, { fontWeight: "semibold", children: t('tour.steps.inviteRoles.contributor.description7') }), t('tour.steps.inviteRoles.contributor.description8')] }), type: t('tour.steps.inviteRoles.types.contributor') }), _jsx(TypeContent, { description: _jsxs(_Fragment, { children: [t('tour.steps.inviteRoles.manager.description1'), _jsx(chakra.span, { fontWeight: "semibold", fontStyle: "italic", children: t('tour.steps.inviteRoles.manager.description2') }), t('tour.steps.inviteRoles.manager.description3'), _jsx(chakra.span, { fontWeight: "semibold", fontStyle: "italic", children: t('tour.steps.inviteRoles.manager.description4') }), t('tour.steps.inviteRoles.manager.description5')] }), type: t('tour.steps.inviteRoles.types.manager') })] }));
 };

package/package.json

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

package/src/components/sharedHomePanel/ShareHomeAddEmail.tsx

@@ -22,6 +22,7 @@ export const ShareHomeAddEmail = ({
       <Stack spacing="base" p="base" h="230px" bg="lightBlue.1">
         <Text variant="home">{t('shareHome.notEmail')}</Text>
         <TextInput
+          data-testid="share-home-add-email"
           autoCapitalize="none"
           autoCorrect="off"
           errorMessage={t('forms.errorEmail')}

package/src/components/sharedHomePanel/ShareHomeContactCard.tsx

@@ -15,6 +15,7 @@ export const ShareHomeContactCard = ({
   const handleClick = email ? onClick : onAddEmail
   return (
     <Flex
+      data-testid={contact._id}
       justify="space-between"
       as="button"
       w="100%"

package/src/components/sharedHomePanel/ShareHomeForm.tsx

@@ -27,7 +27,11 @@ export const ShareHomeForm = ({
     <Box p="base" w="100%">
       <Flex w="100%" gap="base">
         <Flex position="relative" flex={1}>
-          <ShareWithButton marginRight="-1px" onClick={handleOpen} />
+          <ShareWithButton
+            data-testid="share-with-button"
+            marginRight="-1px"
+            onClick={handleOpen}
+          />
           <TextInput
             data-testid="share-home-form-email"
             autoCapitalize="none"

package/src/components/tour/steps/AccountTypeRow.tsx

@@ -10,7 +10,7 @@ const TypeContent = ({ description, type }: TypeContentI) => {
     <Box p="base" border="1px" borderColor="lightBlue.6">
       <Flex gap="base" mb="2" align="center">
         <LetterBadge
-          bgColor={homeRoles[type.toLowerCase()].bg}
+          bgColor={homeRoles[type.toLowerCase()]?.bg}
           letter={letter}
         />
         <Text fontSize="md" fontWeight="semibold">
@@ -26,7 +26,7 @@ const TypeContent = ({ description, type }: TypeContentI) => {
 
 export const AccountTypeRow = () => {
   return (
-    <Stack spacing="base" bg="neutral.white">
+    <Stack spacing="base" bg="neutral.white" data-testid="account-type-row">
       <TypeContent
         description={
           <>