@homefile/components-v2 2.51.0 → 2.51.2

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

@@ -793,7 +793,7 @@
         "subtitle": "Add up to 6 services. Keep names short and clear so homeowners can easily\n understand your offerings.",
         "servicePlaceholder": "Service {{index}}",
         "singleTitle": "2. Select your Primary Service and Category",
-        "singleSubtitle": "Choose one primary service and one category so homeowners can quickly understand what you offer.",
+        "singleSubtitle": "Choose one primary service and one category so homeowners \ncan quickly understand what you offer.",
         "singleServiceLabel": "Primary Service",
         "singleServicePlaceholder": "Select a service",
         "singleCategoryLabel": "Category",

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

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

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
 import { t } from 'i18next';
 import { Stack, Text } from '@chakra-ui/react';
 import { SelectInput } from '../../../components';
@@ -49,18 +48,16 @@ const getOptionLabel = (options, selectedId) => {
         return '';
     return (_b = (_a = options.find((option) => option._id === selectedId)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '';
 };
-export const PartnerWizardStepServicesSelect = () => {
-    const [selectedService, setSelectedService] = useState('');
-    const [selectedCategory, setSelectedCategory] = useState('');
+export const PartnerWizardStepServicesSelect = ({ value, onChange, isDisabled = false, categoryError, serviceError, }) => {
     const categoryOptions = buildOptions('category', CATEGORY_IDS);
     const serviceOptions = buildOptions('service', SERVICE_IDS);
-    return (_jsxs(PartnerWizardStepLayout, { title: t(`${STEP_KEY}.singleTitle`), subtitle: t(`${STEP_KEY}.singleSubtitle`), contentSpacing: "3", contentFullWidth: true, children: [_jsxs(Stack, { spacing: "1", children: [_jsx(Text, { fontSize: "xs", mb: "1", textTransform: "uppercase", children: t(`${STEP_KEY}.singleCategoryLabel`) }), _jsx(SelectInput, { items: categoryOptions, initialValue: getOptionLabel(categoryOptions, selectedCategory), placeholder: t(`${STEP_KEY}.singleCategoryPlaceholder`), handleClick: (value) => {
-                            if (typeof value === 'string')
+    return (_jsxs(PartnerWizardStepLayout, { title: t(`${STEP_KEY}.singleTitle`), subtitle: t(`${STEP_KEY}.singleSubtitle`), contentSpacing: "3", contentFullWidth: true, children: [_jsxs(Stack, { spacing: "1", children: [_jsx(Text, { fontSize: "xs", mb: "1", textTransform: "uppercase", children: t(`${STEP_KEY}.singleCategoryLabel`) }), _jsx(SelectInput, { items: categoryOptions, initialValue: getOptionLabel(categoryOptions, value.category), placeholder: t(`${STEP_KEY}.singleCategoryPlaceholder`), isDisabled: isDisabled, handleClick: (selectedOption) => {
+                            if (typeof selectedOption === 'string')
                                 return;
-                            setSelectedCategory(String(value._id));
-                        }, width: "100%" })] }), _jsxs(Stack, { spacing: "1", children: [_jsx(Text, { fontSize: "xs", mb: "1", textTransform: "uppercase", children: t(`${STEP_KEY}.singleServiceLabel`) }), _jsx(SelectInput, { items: serviceOptions, initialValue: getOptionLabel(serviceOptions, selectedService), placeholder: t(`${STEP_KEY}.singleServicePlaceholder`), handleClick: (value) => {
-                            if (typeof value === 'string')
+                            onChange(Object.assign(Object.assign({}, value), { category: String(selectedOption._id) }));
+                        }, width: "100%" }), categoryError && _jsx(Text, { variant: "error", children: categoryError })] }), _jsxs(Stack, { spacing: "1", children: [_jsx(Text, { fontSize: "xs", mb: "1", textTransform: "uppercase", children: t(`${STEP_KEY}.singleServiceLabel`) }), _jsx(SelectInput, { items: serviceOptions, initialValue: getOptionLabel(serviceOptions, value.service), placeholder: t(`${STEP_KEY}.singleServicePlaceholder`), isDisabled: isDisabled, handleClick: (selectedOption) => {
+                            if (typeof selectedOption === 'string')
                                 return;
-                            setSelectedService(String(value._id));
-                        }, width: "100%" })] })] }));
+                            onChange(Object.assign(Object.assign({}, value), { service: String(selectedOption._id) }));
+                        }, width: "100%" }), serviceError && _jsx(Text, { variant: "error", children: serviceError })] })] }));
 };

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

@@ -0,0 +1,11 @@
+export type ServicesSelectValue = {
+    category: string;
+    service: string;
+};
+export type PartnerWizardStepServicesSelectI = {
+    value: ServicesSelectValue;
+    onChange: (next: ServicesSelectValue) => void;
+    isDisabled?: boolean;
+    categoryError?: string;
+    serviceError?: string;
+};

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

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

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

@@ -18,3 +18,4 @@ export * from './PartnerServiceTicketsWrapper.interface';
 export * from './PartnerServiceTicketsToolbar.interface';
 export * from './ShortPartnerTile.interface';
 export * from './PartnerWizardSteps.interface';
+export * from './PartnerWizardStepServicesSelect.interface';

package/dist/interfaces/partner/index.js

@@ -18,3 +18,4 @@ export * from './PartnerServiceTicketsWrapper.interface';
 export * from './PartnerServiceTicketsToolbar.interface';
 export * from './ShortPartnerTile.interface';
 export * from './PartnerWizardSteps.interface';
+export * from './PartnerWizardStepServicesSelect.interface';

package/dist/stories/partner/wizardSteps/PartnerWizardStepsBlocks.stories.js

@@ -10,7 +10,16 @@ export default {
     ],
 };
 export const Services = () => _jsx(PartnerWizardStepServices, {});
-export const ServicesSelect = () => _jsx(PartnerWizardStepServicesSelect, {});
+export const ServicesSelect = () => {
+    const [value, setValue] = useState({
+        category: '',
+        service: '',
+    });
+    return (_jsx(PartnerWizardStepServicesSelect, { value: value, onChange: (next) => {
+            setValue(next);
+            action('onServicesSelectChange')(next);
+        } }));
+};
 export const ServiceZones = () => _jsx(PartnerWizardStepServiceZones, {});
 export const Cta = () => _jsx(PartnerWizardStepCta, {});
 export const Social = () => _jsx(PartnerWizardStepSocial, {});

package/package.json

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