@homefile/components-v2 2.6.4 → 2.6.6

package/dist/components/onboarding/pages/SignUp.js

@@ -17,10 +17,10 @@ export const SignUp = ({ isLoading, handleCreateAccount, handleSignIn, showPromo
         handleCreateAccount,
         values,
     });
-    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('signup.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: "base", as: "form", children: [_jsx(TextInput, { errorMessage: t('forms.firstName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.firstName), id: "firstName", placeholder: t('forms.firstName'), value: inputs.firstName, handleChange: handleInputChange, autoComplete: "given-name" }), _jsx(TextInput, { errorMessage: t('forms.lastName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.lastName), id: "lastName", placeholder: t('forms.lastName'), value: inputs.lastName, handleChange: handleInputChange, autoComplete: "family-name" }), _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.email') + ' ' + t('forms.required'), hasError: isValidated &&
+    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('signup.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: "base", as: "form", children: [Boolean(signupErrorMessage) && (_jsx(Text, { variant: "error", children: signupErrorMessage })), _jsx(TextInput, { errorMessage: t('forms.firstName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.firstName), id: "firstName", placeholder: t('forms.firstName'), value: inputs.firstName, handleChange: handleInputChange, autoComplete: "given-name" }), _jsx(TextInput, { errorMessage: t('forms.lastName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.lastName), id: "lastName", placeholder: t('forms.lastName'), value: inputs.lastName, handleChange: handleInputChange, autoComplete: "family-name" }), _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.email') + ' ' + t('forms.required'), hasError: isValidated &&
                                         (isEmptyField(inputs.email) || !isValidEmail(inputs.email)), id: "email", placeholder: t('forms.email'), value: inputs.email, handleChange: handleInputChange, autoComplete: "email" }), showPromoCode && (_jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", id: "partnerCode", placeholder: t('forms.promoCode'), value: (_a = inputs.partnerCode) !== null && _a !== void 0 ? _a : '', handleChange: handleInputChange, autoComplete: "off" })), _jsx(Text, { textAlign: "center", variant: "caption", children: t('signup.subtitle') }), _jsx(PasswordInput, { errorMessage: passwordErrorMessage(values.password), hasError: isValidated &&
                                         (!isValidPassword(inputs.password) ||
                                             !passwordMatch(inputs.password, inputs.confirmPassword)), id: "password", placeholder: t('forms.password'), value: (_b = inputs.password) !== null && _b !== void 0 ? _b : '', handleChange: (event) => handleInputChange(event), autoComplete: "new-password" }), _jsx(PasswordInput, { errorMessage: passwordErrorMessage(inputs.confirmPassword), hasError: isValidated &&
                                         (!isValidPassword(inputs.confirmPassword) ||
-                                            !passwordMatch(inputs.password, inputs.confirmPassword)), id: "confirmPassword", placeholder: t('forms.passwordConfirm'), value: (_c = inputs.confirmPassword) !== null && _c !== void 0 ? _c : '', handleChange: (event) => handleInputChange(event), autoComplete: "new-password" }), _jsx(Center, { px: ['container.sm', 'container.md', 'container.lg'], h: "4rem", children: _jsxs(Text, { textAlign: "center", variant: "info", w: "100%", children: [t('signup.terms'), _jsx("a", { target: "_blank", href: t('footer.termsUrl'), children: t('footer.termsLink') })] }) }), _jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: handleSubmit, children: t('signup.signupBt') }), Boolean(signupErrorMessage) && (_jsx(Text, { variant: "error", children: signupErrorMessage }))] }) }), _jsx(CardFooter, { title: t('signup.signin'), buttonLabel: t('signup.signinBt'), handleButtonClick: handleSignIn })] }), _jsx(Footer, {})] }));
+                                            !passwordMatch(inputs.password, inputs.confirmPassword)), id: "confirmPassword", placeholder: t('forms.passwordConfirm'), value: (_c = inputs.confirmPassword) !== null && _c !== void 0 ? _c : '', handleChange: (event) => handleInputChange(event), autoComplete: "new-password" }), _jsx(Center, { px: ['container.sm', 'container.md', 'container.lg'], h: "4rem", children: _jsxs(Text, { textAlign: "center", variant: "info", w: "100%", children: [t('signup.terms'), _jsx("a", { target: "_blank", href: t('footer.termsUrl'), children: t('footer.termsLink') })] }) }), _jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: handleSubmit, children: t('signup.signupBt') })] }) }), _jsx(CardFooter, { title: t('signup.signin'), buttonLabel: t('signup.signinBt'), handleButtonClick: handleSignIn })] }), _jsx(Footer, {})] }));
 };

package/dist/hooks/feedback/useContactForm.js

@@ -15,7 +15,7 @@ export const useContactForm = ({ initialType = 'General Feedback', onClick, }) =
             return;
         }
         onClick({
-            type: formType,
+            category: formType,
             message: formMessage,
         });
         setFormMessage('');

package/dist/interfaces/feedback/ContactForm.interface.d.ts

@@ -1,5 +1,5 @@
 export type FeedbackFormProps = {
-    type: 'General Feedback' | 'Bug' | 'Account Related' | 'Feature Request';
+    category: 'General Feedback' | 'Bug' | 'Account Related' | 'Feature Request';
     message: string;
 };
 export interface ContactFormI {

package/package.json

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

package/src/components/onboarding/pages/SignUp.tsx

@@ -52,6 +52,9 @@ export const SignUp = ({
         <PageTitle title={t('signup.title')} />
         <Box px={['container.sm', 'container.md', 'container.lg']} mb={6}>
           <Stack spacing="base" as="form">
+            {Boolean(signupErrorMessage) && (
+              <Text variant="error">{signupErrorMessage}</Text>
+            )}
             <TextInput
               errorMessage={t('forms.firstName') + ' ' + t('forms.required')}
               hasError={isValidated && isEmptyField(inputs.firstName)}
@@ -95,6 +98,7 @@ export const SignUp = ({
                 autoComplete="off"
               />
             )}
+
             <Text textAlign="center" variant="caption">
               {t('signup.subtitle')}
             </Text>
@@ -142,9 +146,6 @@ export const SignUp = ({
             >
               {t('signup.signupBt')}
             </Button>
-            {Boolean(signupErrorMessage) && (
-              <Text variant="error">{signupErrorMessage}</Text>
-            )}
           </Stack>
         </Box>
         <CardFooter

package/src/hooks/feedback/useContactForm.ts

@@ -15,7 +15,8 @@ export const useContactForm = ({
   const [formMessage, setFormMessage] = useState('')
   const [errorMessage, setErrorMessage] = useState('')
 
-  const handleTypeChange = (form: string | SelectItemI) => setFormType(form as string)
+  const handleTypeChange = (form: string | SelectItemI) =>
+    setFormType(form as string)
 
   const handleMessageChange = (event: ChangeEvent<{ value: string }>) => {
     setFormMessage(event.target.value)
@@ -28,7 +29,7 @@ export const useContactForm = ({
       return
     }
     onClick({
-      type: formType as FeedbackFormProps['type'],
+      category: formType as FeedbackFormProps['category'],
       message: formMessage,
     })
     setFormMessage('')

package/src/interfaces/feedback/ContactForm.interface.ts

@@ -1,5 +1,5 @@
 export type FeedbackFormProps = {
-  type: 'General Feedback' | 'Bug' | 'Account Related' | 'Feature Request'
+  category: 'General Feedback' | 'Bug' | 'Account Related' | 'Feature Request'
   message: string
 }
 export interface ContactFormI {