@homefile/components-v2 2.51.3 → 2.51.5

package/dist/assets/locales/en/index.json

@@ -865,7 +865,8 @@
           "instagram": "Instagram",
           "twitter": "Twitter/X",
           "linkedin": "Linkedin",
-          "tiktok": "TikTok"
+          "tiktok": "TikTok",
+          "youtube": "YouTube"
         }
       },
       "success": {

package/dist/components/partner/wizardSteps/PartnerWizardStepCta.d.ts

@@ -1 +1,2 @@
-export declare const PartnerWizardStepCta: () => import("react/jsx-runtime").JSX.Element;
+import { PartnerWizardStepCtaI } from '../../../interfaces';
+export declare const PartnerWizardStepCta: ({ value, onChange, errors, isDisabled, }: PartnerWizardStepCtaI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/wizardSteps/PartnerWizardStepCta.js

@@ -6,12 +6,21 @@ import { Box, Flex, Text } from '@chakra-ui/react';
 import { TextInput } from '../../../components';
 import { PartnerWizardStepLayout } from './PartnerWizardStepLayout';
 const STEP_KEY = 'partner.wizardSteps.cta';
-export const PartnerWizardStepCta = () => {
-    const [primaryAction, setPrimaryAction] = useState('');
-    const [secondaryAction, setSecondaryAction] = useState('');
-    const [leadEmail, setLeadEmail] = useState('');
-    const [crmName, setCrmName] = useState('');
+const buildDefaultValue = () => ({
+    primaryActionButton: '',
+    secondaryActionButton: '',
+    leadSubmissionEmail: '',
+    crmName: '',
+});
+export const PartnerWizardStepCta = ({ value, onChange, errors, isDisabled = false, }) => {
+    const [internalValue, setInternalValue] = useState(buildDefaultValue);
+    const currentValue = value !== null && value !== void 0 ? value : internalValue;
+    const handleChange = (next) => {
+        if (!value)
+            setInternalValue(next);
+        onChange === null || onChange === void 0 ? void 0 : onChange(next);
+    };
     return (_jsxs(PartnerWizardStepLayout, { title: t(`${STEP_KEY}.title`), contentFullWidth: true, subtitle: _jsx(Trans, { i18nKey: `${STEP_KEY}.subtitle`, components: {
                 bold: _jsx(Text, { as: "span", fontWeight: "bold" }),
-            } }), children: [_jsxs(Flex, { gap: "base", direction: { base: 'column', md: 'row' }, children: [_jsxs(Box, { flex: "1", children: [_jsx(Text, { fontSize: "xs", mb: "1", textTransform: "uppercase", children: t(`${STEP_KEY}.primaryActionLabel`) }), _jsx(TextInput, { showLabel: false, id: "partnerWizardPrimaryAction", placeholder: t(`${STEP_KEY}.primaryActionPlaceholder`), value: primaryAction, handleChange: (event) => setPrimaryAction(event.target.value) })] }), _jsxs(Box, { flex: "1", children: [_jsx(Text, { fontSize: "xs", mb: "1", textTransform: "uppercase", children: t(`${STEP_KEY}.secondaryActionLabel`) }), _jsx(TextInput, { showLabel: false, id: "partnerWizardSecondaryAction", placeholder: t(`${STEP_KEY}.secondaryActionPlaceholder`), value: secondaryAction, handleChange: (event) => setSecondaryAction(event.target.value) })] })] }), _jsxs(Box, { bg: "lightBlue.12", p: "base", borderRadius: "sm", children: [_jsx(Text, { mb: "1", children: t(`${STEP_KEY}.leadSubmissionTitle`) }), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", mb: "2", children: t(`${STEP_KEY}.leadEmailLabel`) }), _jsx(TextInput, { id: "partnerWizardLeadEmail", placeholder: t(`${STEP_KEY}.leadEmailPlaceholder`), value: leadEmail, handleChange: (event) => setLeadEmail(event.target.value) }), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", mt: "3", mb: "2", children: t(`${STEP_KEY}.crmLabel`) }), _jsx(TextInput, { id: "partnerWizardCrmName", placeholder: t(`${STEP_KEY}.crmPlaceholder`), value: crmName, handleChange: (event) => setCrmName(event.target.value) })] })] }));
+            } }), children: [_jsxs(Flex, { gap: "base", direction: { base: 'column', md: 'row' }, children: [_jsxs(Box, { flex: "1", children: [_jsx(Text, { fontSize: "xs", mb: "1", textTransform: "uppercase", children: t(`${STEP_KEY}.primaryActionLabel`) }), _jsx(TextInput, { showLabel: false, id: "partnerWizardPrimaryAction", placeholder: t(`${STEP_KEY}.primaryActionPlaceholder`), value: currentValue.primaryActionButton, handleChange: (event) => handleChange(Object.assign(Object.assign({}, currentValue), { primaryActionButton: event.target.value })), errorMessage: errors === null || errors === void 0 ? void 0 : errors.primaryActionButton, isDisabled: isDisabled })] }), _jsxs(Box, { flex: "1", children: [_jsx(Text, { fontSize: "xs", mb: "1", textTransform: "uppercase", children: t(`${STEP_KEY}.secondaryActionLabel`) }), _jsx(TextInput, { showLabel: false, id: "partnerWizardSecondaryAction", placeholder: t(`${STEP_KEY}.secondaryActionPlaceholder`), value: currentValue.secondaryActionButton, handleChange: (event) => handleChange(Object.assign(Object.assign({}, currentValue), { secondaryActionButton: event.target.value })), isDisabled: isDisabled })] })] }), _jsxs(Box, { bg: "lightBlue.12", p: "base", borderRadius: "sm", children: [_jsx(Text, { mb: "1", children: t(`${STEP_KEY}.leadSubmissionTitle`) }), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", mb: "2", children: t(`${STEP_KEY}.leadEmailLabel`) }), _jsx(TextInput, { id: "partnerWizardLeadEmail", placeholder: t(`${STEP_KEY}.leadEmailPlaceholder`), value: currentValue.leadSubmissionEmail, handleChange: (event) => handleChange(Object.assign(Object.assign({}, currentValue), { leadSubmissionEmail: event.target.value })), errorMessage: errors === null || errors === void 0 ? void 0 : errors.leadSubmissionEmail, isDisabled: isDisabled }), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", mt: "3", mb: "2", children: t(`${STEP_KEY}.crmLabel`) }), _jsx(TextInput, { id: "partnerWizardCrmName", placeholder: t(`${STEP_KEY}.crmPlaceholder`), value: currentValue.crmName, handleChange: (event) => handleChange(Object.assign(Object.assign({}, currentValue), { crmName: event.target.value })), isDisabled: isDisabled })] })] }));
 };

package/dist/components/partner/wizardSteps/PartnerWizardStepServiceZones.d.ts

@@ -1 +1,2 @@
-export declare const PartnerWizardStepServiceZones: () => import("react/jsx-runtime").JSX.Element;
+import { PartnerWizardStepServiceZonesI } from '../../../interfaces';
+export declare const PartnerWizardStepServiceZones: ({ value, onChange, errorMessage, isDisabled, }: PartnerWizardStepServiceZonesI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/wizardSteps/PartnerWizardStepServiceZones.js

@@ -3,7 +3,13 @@ import { useState } from 'react';
 import { t } from 'i18next';
 import { TextAreaInput } from '../../../components';
 import { PartnerWizardStepLayout } from './PartnerWizardStepLayout';
-export const PartnerWizardStepServiceZones = () => {
-    const [serviceZones, setServiceZones] = useState('');
-    return (_jsx(PartnerWizardStepLayout, { title: t('partner.wizardSteps.serviceZones.title'), subtitle: t('partner.wizardSteps.serviceZones.subtitle'), contentFullWidth: true, children: _jsx(TextAreaInput, { id: "partnerWizardServiceZones", placeholder: t('partner.wizardSteps.serviceZones.placeholder'), value: serviceZones, onChange: (event) => setServiceZones(event.target.value), minH: "260px", resize: "none" }) }));
+export const PartnerWizardStepServiceZones = ({ value, onChange, errorMessage, isDisabled = false, }) => {
+    const [internalValue, setInternalValue] = useState('');
+    const currentValue = value !== null && value !== void 0 ? value : internalValue;
+    const handleChange = (next) => {
+        if (value === undefined)
+            setInternalValue(next);
+        onChange === null || onChange === void 0 ? void 0 : onChange(next);
+    };
+    return (_jsx(PartnerWizardStepLayout, { title: t('partner.wizardSteps.serviceZones.title'), subtitle: t('partner.wizardSteps.serviceZones.subtitle'), contentFullWidth: true, children: _jsx(TextAreaInput, { id: "partnerWizardServiceZones", placeholder: t('partner.wizardSteps.serviceZones.placeholder'), value: currentValue, onChange: (event) => handleChange(event.target.value), errorMessage: errorMessage, isDisabled: isDisabled, minH: "260px", resize: "none" }) }));
 };

package/dist/components/partner/wizardSteps/PartnerWizardStepSocial.d.ts

@@ -1 +1,2 @@
-export declare const PartnerWizardStepSocial: () => import("react/jsx-runtime").JSX.Element;
+import { PartnerWizardStepSocialI } from '../../../interfaces';
+export declare const PartnerWizardStepSocial: ({ value, onChange, errorMessage, isDisabled, }: PartnerWizardStepSocialI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/wizardSteps/PartnerWizardStepSocial.js

@@ -1,21 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { t } from 'i18next';
+import { Text } from '@chakra-ui/react';
 import { TextInput } from '../../../components';
 import { PartnerWizardStepLayout } from './PartnerWizardStepLayout';
 const STEP_KEY = 'partner.wizardSteps.social';
-const SOCIAL_FIELDS = ['facebook', 'instagram', 'twitter', 'linkedin', 'tiktok'];
-export const PartnerWizardStepSocial = () => {
-    const [socialLinks, setSocialLinks] = useState(Array(SOCIAL_FIELDS.length).fill(''));
-    const handleSocialLinkChange = (index, value) => {
-        setSocialLinks((currentSocialLinks) => {
-            const updatedSocialLinks = [...currentSocialLinks];
-            updatedSocialLinks[index] = value;
-            return updatedSocialLinks;
-        });
+const SOCIAL_FIELDS = [
+    'facebook',
+    'instagram',
+    'youtube',
+    'twitter',
+    'linkedin',
+    'tiktok',
+];
+const buildDefaultValue = () => ({
+    facebook: '',
+    instagram: '',
+    youtube: '',
+    twitter: '',
+    linkedin: '',
+    tiktok: '',
+});
+export const PartnerWizardStepSocial = ({ value, onChange, errorMessage, isDisabled = false, }) => {
+    const [internalValue, setInternalValue] = useState(buildDefaultValue);
+    const currentValue = value !== null && value !== void 0 ? value : internalValue;
+    const handleChange = (next) => {
+        if (!value)
+            setInternalValue(next);
+        onChange === null || onChange === void 0 ? void 0 : onChange(next);
     };
-    return (_jsx(PartnerWizardStepLayout, { title: t(`${STEP_KEY}.title`), subtitle: t(`${STEP_KEY}.subtitle`), contentSpacing: "3", contentFullWidth: true, children: socialLinks.map((socialLink, index) => {
-            const field = SOCIAL_FIELDS[index];
-            return (_jsx(TextInput, { id: `partnerWizardSocial-${field}`, placeholder: t(`${STEP_KEY}.placeholder.${field}`), value: socialLink, handleChange: (event) => handleSocialLinkChange(index, event.target.value) }, `partnerWizardSocial-${field}`));
-        }) }));
+    return (_jsxs(PartnerWizardStepLayout, { title: t(`${STEP_KEY}.title`), subtitle: t(`${STEP_KEY}.subtitle`), contentSpacing: "3", contentFullWidth: true, children: [SOCIAL_FIELDS.map((field) => (_jsx(TextInput, { id: `partnerWizardSocial-${field}`, placeholder: t(`${STEP_KEY}.placeholder.${field}`), value: currentValue[field], handleChange: (event) => handleChange(Object.assign(Object.assign({}, currentValue), { [field]: event.target.value })), isDisabled: isDisabled }, `partnerWizardSocial-${field}`))), errorMessage && (_jsx(Text, { variant: "error", my: "1", children: errorMessage }))] }));
 };

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

@@ -0,0 +1,15 @@
+export type PartnerWizardStepCtaValue = {
+    primaryActionButton: string;
+    secondaryActionButton: string;
+    leadSubmissionEmail: string;
+    crmName: string;
+};
+export interface PartnerWizardStepCtaI {
+    value?: PartnerWizardStepCtaValue;
+    onChange?: (value: PartnerWizardStepCtaValue) => void;
+    errors?: {
+        primaryActionButton?: string;
+        leadSubmissionEmail?: string;
+    };
+    isDisabled?: boolean;
+}

package/dist/interfaces/partner/PartnerWizardStepCta.interface.js

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

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

@@ -0,0 +1,6 @@
+export interface PartnerWizardStepServiceZonesI {
+    value?: string;
+    onChange?: (value: string) => void;
+    errorMessage?: string;
+    isDisabled?: boolean;
+}

package/dist/interfaces/partner/PartnerWizardStepServiceZones.interface.js

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

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

@@ -0,0 +1,14 @@
+export type PartnerWizardStepSocialValue = {
+    facebook: string;
+    instagram: string;
+    youtube: string;
+    twitter: string;
+    linkedin: string;
+    tiktok: string;
+};
+export interface PartnerWizardStepSocialI {
+    value?: PartnerWizardStepSocialValue;
+    onChange?: (value: PartnerWizardStepSocialValue) => void;
+    errorMessage?: string;
+    isDisabled?: boolean;
+}

package/dist/interfaces/partner/PartnerWizardStepSocial.interface.js

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

package/dist/interfaces/partner/index.d.ts

@@ -20,3 +20,6 @@ export * from './ShortPartnerTile.interface';
 export * from './PartnerWizardSteps.interface';
 export * from './PartnerWizardStepServicesSelect.interface';
 export * from './PartnerWizardStepBrand.interface';
+export * from './PartnerWizardStepServiceZones.interface';
+export * from './PartnerWizardStepCta.interface';
+export * from './PartnerWizardStepSocial.interface';

package/dist/interfaces/partner/index.js

@@ -20,3 +20,6 @@ export * from './ShortPartnerTile.interface';
 export * from './PartnerWizardSteps.interface';
 export * from './PartnerWizardStepServicesSelect.interface';
 export * from './PartnerWizardStepBrand.interface';
+export * from './PartnerWizardStepServiceZones.interface';
+export * from './PartnerWizardStepCta.interface';
+export * from './PartnerWizardStepSocial.interface';

package/package.json

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