@homefile/components-v2 2.49.9 → 2.50.0

package/dist/assets/images/car.svg

@@ -0,0 +1,26 @@
+<svg id="Grupo_26780" data-name="Grupo 26780" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33.178" height="15.839" viewBox="0 0 33.178 15.839">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Retângulo_28562" data-name="Retângulo 28562" width="33.178" height="15.839" fill="none"/>
+    </clipPath>
+  </defs>
+  <path id="Caminho_19190" data-name="Caminho 19190" d="M0,30.77v1.77H1.573V30.77Z" transform="translate(0 -23.753)" fill="#e24c5d"/>
+  <g id="Grupo_26764" data-name="Grupo 26764" transform="translate(0 0)">
+    <g id="Grupo_26763" data-name="Grupo 26763" transform="translate(0 0)" clip-path="url(#clip-path)">
+      <path id="Caminho_19191" data-name="Caminho 19191" d="M75.36,10.527c1.015.919.44,1.366-.337,1.366H68.25V7.759h3.22c1.074.2,2.492,1.5,3.89,2.768" transform="translate(-52.687 -5.99)" fill="#daf1f3"/>
+      <path id="Caminho_19192" data-name="Caminho 19192" d="M134.312,25.81a3.56,3.56,0,0,1,2.239,2.809,1.825,1.825,0,0,1-.782.176,1.847,1.847,0,0,1-1.457-2.985" transform="translate(-103.382 -19.925)" fill="#fea856"/>
+      <path id="Caminho_19193" data-name="Caminho 19193" d="M69.966,5.9c.778,0,1.352-.447.337-1.366-1.4-1.266-2.816-2.572-3.89-2.768h-3.22V5.9h6.772Zm3.662-.2h4.278a3.493,3.493,0,0,1,.654.182A1.847,1.847,0,0,0,80.018,8.87a1.829,1.829,0,0,0,.782-.176c0,.041.009.082.009.123v2.711H76.483l-.082.032a3.117,3.117,0,0,0-5.771-.032H61.7V0h4.848c3.158.408,7.08,5.7,7.08,5.7" transform="translate(-47.631 0)" fill="#f6cf76"/>
+      <path id="Caminho_19194" data-name="Caminho 19194" d="M126.393,51.755a3.13,3.13,0,0,0-.223-1.163l.082-.032h4.326v.862a.591.591,0,0,1-.591.591h-3.605a1.184,1.184,0,0,0,.007-.13c0-.041,0-.085,0-.128" transform="translate(-97.4 -39.031)" fill="#e24c5d"/>
+      <path id="Caminho_19195" data-name="Caminho 19195" d="M110.225,51.168a1.367,1.367,0,1,1-1.368-1.368,1.367,1.367,0,0,1,1.368,1.368" transform="translate(-82.98 -38.444)" fill="#daf1f3"/>
+      <path id="Caminho_19196" data-name="Caminho 19196" d="M102.935,46.613a1.367,1.367,0,1,0-1.365-1.366,1.367,1.367,0,0,0,1.365,1.366m0-4.483a3.112,3.112,0,0,1,3.117,3.117c0,.043,0,.087,0,.127s-.007.087-.009.13h0a3.115,3.115,0,0,1-6.209,0l-.007-.1c0-.052,0-.1,0-.16a3.114,3.114,0,0,1,3.115-3.117" transform="translate(-77.058 -32.523)" fill="#40566b"/>
+      <path id="Caminho_19197" data-name="Caminho 19197" d="M70.4,52.013H61.7V50.56h8.93a3.1,3.1,0,0,0-.237,1.195c0,.055,0,.107,0,.16,0,.032,0,.066.007.1" transform="translate(-47.631 -39.031)" fill="#e24c5d"/>
+      <path id="Caminho_19198" data-name="Caminho 19198" d="M14.069,25.89v5.625H8.759a3.117,3.117,0,0,0-5.758,0H0V28.772H1.573V27H0v-.857a.561.561,0,0,1,.059-.255Z" transform="translate(0 -19.986)" fill="#fea856"/>
+      <rect id="Retângulo_28561" data-name="Retângulo 28561" width="14.01" height="1.427" transform="translate(0.059 4.476)" fill="#e24c5d"/>
+      <path id="Caminho_19199" data-name="Caminho 19199" d="M38.647,51.755a3.1,3.1,0,0,0-.237-1.195h5.311v1.453H38.636a1.246,1.246,0,0,0,.007-.13c0-.041,0-.085,0-.128" transform="translate(-29.651 -39.031)" fill="#e24c5d"/>
+      <path id="Caminho_19200" data-name="Caminho 19200" d="M21.156,52.534a1.367,1.367,0,1,1,1.368-1.366,1.365,1.365,0,0,1-1.368,1.366" transform="translate(-15.277 -38.444)" fill="#daf1f3"/>
+      <path id="Caminho_19201" data-name="Caminho 19201" d="M13.869,45.247a1.367,1.367,0,1,0,1.366-1.368,1.365,1.365,0,0,0-1.366,1.368m4.246-1.195a3.1,3.1,0,0,1,.237,1.195c0,.043,0,.087,0,.128s-.007.087-.009.13h0a3.115,3.115,0,0,1-6.209,0c0-.032,0-.066-.007-.1,0-.052,0-.1,0-.16a3.116,3.116,0,0,1,5.995-1.195" transform="translate(-9.356 -32.523)" fill="#40566b"/>
+      <path id="Caminho_19202" data-name="Caminho 19202" d="M0,50.56H3a3.1,3.1,0,0,0-.237,1.195c0,.055,0,.107,0,.16l.007.1H.588A.589.589,0,0,1,0,51.422Z" transform="translate(0 -39.031)" fill="#e24c5d"/>
+      <path id="Caminho_19203" data-name="Caminho 19203" d="M74.106,32.914H72.533a.342.342,0,0,1,0-.684h1.573a.342.342,0,1,1,0,.684" transform="translate(-55.729 -24.881)" fill="#40566b"/>
+    </g>
+  </g>
+</svg>

package/dist/assets/images/index.d.ts

@@ -21,6 +21,7 @@ import Brain from './brain.svg';
 import Building from './building.svg';
 import Calc from './calc.svg';
 import Calendar2 from './calendar2.svg';
+import Car from './car.svg';
 import Catalog from './catalog.svg';
 import ChatBubble from './chat-bubble.svg';
 import Check from './check.svg';
@@ -158,6 +159,7 @@ import Theatre from './theatre.svg';
 import Thumbnail from './thumbnail.svg';
 import ThumbnailSmall from './thumbnail-small.svg';
 import ThumbUp from './thumb-up.svg';
+import Touch from './touch.svg';
 import Trash from './trash.svg';
 import Trees from './trees.png';
 import TreesCrop from './trees-crop.png';
@@ -178,7 +180,7 @@ import WizardDetailed from './wizard-detailed.svg';
 import WizardQuick from './wizard-quick.svg';
 import YellowFolder from './yellow-folder.svg';
 import YellowFolderUnshared from './yellow-folder-unshared.svg';
-export { AlertDelete, AlertDeletePurple, Ambulance, Arrow, ApplianceToHome, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, Gear, GenericField, GlassWater, GreenCirclePlus, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, Messages, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
+export { AlertDelete, AlertDeletePurple, Ambulance, ApplianceToHome, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, Building, Calc, Calendar2, Car, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, Gear, GearPencil, GearTime, GenericField, GlassWater, GreenCirclePlus, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassPerson, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, Messages, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Touch, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
 export * from './alerts';
 export * from './animations';
 export * from './appliances';

package/dist/assets/images/index.js

@@ -21,6 +21,7 @@ import Brain from './brain.svg';
 import Building from './building.svg';
 import Calc from './calc.svg';
 import Calendar2 from './calendar2.svg';
+import Car from './car.svg';
 import Catalog from './catalog.svg';
 import ChatBubble from './chat-bubble.svg';
 import Check from './check.svg';
@@ -158,6 +159,7 @@ import Theatre from './theatre.svg';
 import Thumbnail from './thumbnail.svg';
 import ThumbnailSmall from './thumbnail-small.svg';
 import ThumbUp from './thumb-up.svg';
+import Touch from './touch.svg';
 import Trash from './trash.svg';
 import Trees from './trees.png';
 import TreesCrop from './trees-crop.png';
@@ -178,7 +180,7 @@ import WizardDetailed from './wizard-detailed.svg';
 import WizardQuick from './wizard-quick.svg';
 import YellowFolder from './yellow-folder.svg';
 import YellowFolderUnshared from './yellow-folder-unshared.svg';
-export { AlertDelete, AlertDeletePurple, Ambulance, Arrow, ApplianceToHome, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, Gear, GenericField, GlassWater, GreenCirclePlus, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, Messages, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
+export { AlertDelete, AlertDeletePurple, Ambulance, ApplianceToHome, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, Building, Calc, Calendar2, Car, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, Gear, GearPencil, GearTime, GenericField, GlassWater, GreenCirclePlus, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassPerson, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, Messages, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Touch, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
 export * from './alerts';
 export * from './animations';
 export * from './appliances';

package/dist/assets/images/touch.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="27.877" viewBox="0 0 14 27.877">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Retângulo_28591" data-name="Retângulo 28591" width="14" height="26.877" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Grupo_26795" data-name="Grupo 26795" transform="translate(0 1)">
+    <rect id="Retângulo_28588" data-name="Retângulo 28588" width="0.696" height="1.627" transform="translate(4.724 -1)" fill="#00c0b7"/>
+    <rect id="Retângulo_28589" data-name="Retângulo 28589" width="1.626" height="0.696" transform="translate(7.37 1.324) rotate(-45.067)" fill="#00c0b7"/>
+    <rect id="Retângulo_28590" data-name="Retângulo 28590" width="0.696" height="1.627" transform="translate(1.133 0.664) rotate(-44.948)" fill="#00c0b7"/>
+    <g id="Grupo_26794" data-name="Grupo 26794" transform="translate(0 0)">
+      <g id="Grupo_26793" data-name="Grupo 26793" clip-path="url(#clip-path)">
+        <path id="Caminho_19234" data-name="Caminho 19234" d="M16.526,14.051a3.421,3.421,0,1,1-3.421-3.421,3.421,3.421,0,0,1,3.421,3.421" transform="translate(-8.032 -8.759)" fill="#e24c5d"/>
+        <path id="Caminho_19237" data-name="Caminho 19237" d="M13.436,38V35.3A1.264,1.264,0,0,0,14,34.243V25.475a1.269,1.269,0,1,0-2.537,0V27.4h0V24.514a1.269,1.269,0,0,0-2.537,0V27.4h0V24.514a1.268,1.268,0,0,0-2.537,0V27.4h0V20.1a1.269,1.269,0,1,0-2.537,0V31.359l-1.3-1.867v-3.4a1.269,1.269,0,1,0-2.537,0v4.994a1.266,1.266,0,0,0,.424.941l0,0,3.822,4.75,0,1.216Z" transform="translate(0 -14.459)" fill="#f6cf76"/>
+      </g>
+    </g>
+  </g>
+</svg>

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

@@ -775,6 +775,69 @@
         "tagLine": "Primary tile tag line"
       }
     },
+    "wizardSteps": {
+      "brand": {
+        "title": "1. Add Website and Marketing Tagline",
+        "subtitle": "Add your company tagline and website, so homeowners understand your services and can\n learn more. If you don't have a tagline, you can leave it blank.",
+        "taglinePlaceholder": "Marketing Brand Tagline",
+        "taglineHelper": "This will be used in your Homefile tile to highlight your company. If you don't have one, we can create one.",
+        "websitePlaceholder": "Website URL",
+        "websiteHelper": "This will allow us to put your website link within the tile.",
+        "logoTitle": "Upload your company logo",
+        "logoHelper": "Upload your logo as a high-resolution .eps file for best quality. If that's not available, .png will work as well, but not preferred.",
+        "uploadMessage": "Drag & Drop your Files or",
+        "uploadMessageAction": "Choose Files to Upload."
+      },
+      "services": {
+        "title": "2. Add Your Services",
+        "subtitle": "Add up to 6 services. Keep names short and clear so homeowners can easily\n understand your offerings.",
+        "servicePlaceholder": "Service {{index}}"
+      },
+      "serviceZones": {
+        "title": "3. Add your Service Zones",
+        "subtitle": "Enter the ZIP codes you service. This ensures homeowners in your coverage\narea matched with your services.",
+        "placeholder": "Enter or paste your service zone ZIP codes, separated by commas"
+      },
+      "cta": {
+        "title": "4. Select Your CTA and Lead Gen Destination",
+        "subtitle": "Each tile includes two buttons. The main button opens a lead form. An optional second button\n can link to your website. Use short, clear labels like <bold>Book Service</bold> or <bold>Request Quote</bold>.",
+        "primaryActionLabel": "Primary Action Button",
+        "primaryActionPlaceholder": "Schedule Service",
+        "secondaryActionLabel": "Secondary Action Button",
+        "secondaryActionPlaceholder": "Learn More",
+        "leadSubmissionTitle": "Lead Submission",
+        "leadEmailLabel": "What email should we use to send leads to.",
+        "leadEmailPlaceholder": "Where do you want the email to go to",
+        "crmLabel": "Do you use a CRM? If so, which one?",
+        "crmPlaceholder": "Add the name of your CRM"
+      },
+      "social": {
+        "title": "5. Add your Social Media Links",
+        "subtitle": "Add links to your social profiles so homeowners can connect with you.\nIf you don’t have any, just leave these fields blank.",
+        "placeholder": {
+          "facebook": "Facebook",
+          "instagram": "Instagram",
+          "twitter": "Twitter/X",
+          "linkedin": "Linkedin",
+          "tiktok": "TikTok"
+        }
+      },
+      "success": {
+        "successLabel": "Success.",
+        "title": "We've generated your partner code.",
+        "subtitle": "Use your Partner Code to invite customers to Homefile for free and connect them directly to your business.",
+        "codeNote": "This can be updated later in Partner Admin.",
+        "activateDescription": "Activate your partnership to publish your tile across the Homefile network.",
+        "monthly": "Monthly",
+        "monthlyPrice": "$99",
+        "billedMonthly": "*Billed Monthly",
+        "yearly": "Yearly",
+        "yearlyPrice": "$99",
+        "billedAnnually": "*Billed Annually",
+        "yearlySavings": "save 20%",
+        "publishButton": "Publish my Tile"
+      }
+    },
     "needImage": "Need image",
     "noResults": "No results found",
     "shine": {

package/dist/components/animations/CloudsAnimation.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-export declare const moveLeftToRightAirplane: import("@emotion/react").Keyframes;
-export declare const moveRightToLeft: import("@emotion/react").Keyframes;
-export declare const moveRightToLeftWithFade: import("@emotion/react").Keyframes;
-export declare const moveRightToLeftWithFade2: import("@emotion/react").Keyframes;
-export declare const moveRightToLeftWithFade3: import("@emotion/react").Keyframes;
+export declare const moveLeftToRightAirplane: import("@emotion/serialize").Keyframes;
+export declare const moveRightToLeft: import("@emotion/serialize").Keyframes;
+export declare const moveRightToLeftWithFade: import("@emotion/serialize").Keyframes;
+export declare const moveRightToLeftWithFade2: import("@emotion/serialize").Keyframes;
+export declare const moveRightToLeftWithFade3: import("@emotion/serialize").Keyframes;
 export declare const CloudsAnimation: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dragDrop/DragDropArea.d.ts

@@ -1,2 +1,2 @@
 import { DragDropAreaI } from '../../interfaces';
-export declare const DragDropArea: ({ align, direction, errorMessage, getInputProps, getRootProps, height, message, message2, variant, multiple, disabled, }: DragDropAreaI) => import("react/jsx-runtime").JSX.Element;
+export declare const DragDropArea: ({ align, direction, errorMessage, getInputProps, getRootProps, height, message, message2, variant, multiple, disabled, bg, }: DragDropAreaI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dragDrop/DragDropArea.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Container, Flex, Stack, Text } from '@chakra-ui/react';
 import { Upload } from '../../components';
-export const DragDropArea = ({ align = 'center', direction = 'row', errorMessage, getInputProps, getRootProps, height = '4rem', message = t('dragDrop.message'), message2 = t('dragDrop.message2'), variant = 'dragDropDashed', multiple = false, disabled = false, }) => {
+export const DragDropArea = ({ align = 'center', direction = 'row', errorMessage, getInputProps, getRootProps, height = '4rem', message = t('dragDrop.message'), message2 = t('dragDrop.message2'), variant = 'dragDropDashed', multiple = false, disabled = false, bg, }) => {
     const hasError = !!errorMessage;
-    return (_jsxs(Stack, { spacing: "1", children: [_jsxs(Container, Object.assign({ variant: variant, minW: "full", h: height, _disabled: { opacity: 0.5 }, "aria-disabled": disabled }, getRootProps(), { children: [_jsx("input", Object.assign({}, getInputProps({ multiple, disabled }))), _jsx(Flex, { h: height, align: align, justify: "center", p: "base", children: _jsxs(Flex, { align: "center", direction: direction, gap: "2", children: [_jsx(Upload, {}), _jsxs(Flex, { align: "center", gap: "1", children: [message && _jsx(Text, { variant: "dragDrop", children: message }), message2 && _jsx(Text, { variant: "dragDropLink", children: message2 })] })] }) })] })), hasError && _jsx(Text, { variant: "error", children: errorMessage })] }));
+    return (_jsxs(Stack, { spacing: "1", children: [_jsxs(Container, Object.assign({ variant: variant, minW: "full", h: height, _disabled: { opacity: 0.5 }, "aria-disabled": disabled, bg: bg }, getRootProps(), { children: [_jsx("input", Object.assign({}, getInputProps({ multiple, disabled }))), _jsx(Flex, { h: height, align: align, justify: "center", p: "base", children: _jsxs(Flex, { align: "center", direction: direction, gap: "2", children: [_jsx(Upload, {}), _jsxs(Flex, { align: "center", gap: "1", children: [message && _jsx(Text, { variant: "dragDrop", children: message }), message2 && _jsx(Text, { variant: "dragDropLink", children: message2 })] })] }) })] })), hasError && _jsx(Text, { variant: "error", children: errorMessage })] }));
 };

package/dist/components/homeAssistant/wizard/HomeAssistantWizardSteps.js

@@ -1,8 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Center, Flex } from '@chakra-ui/react';
-import { HomeAssistantWizardButton } from '../../../components';
 import { homeAssistantWizardSteps } from '../../../helpers';
-import { getStatus } from '../../../utils';
+import { WizardSteps } from '../../wizard/WizardSteps';
 export const HomeAssistantWizardSteps = ({ currentStep, }) => {
-    return (_jsx(Center, { w: "full", bg: "lightGreen.1", pt: { base: '4', md: '8' }, children: _jsx(Flex, { gap: "base", overflow: { base: 'scroll', md: 'visible' }, p: { base: '4', md: '0' }, children: homeAssistantWizardSteps.map((step, index) => (_jsx(Center, { w: "100%", children: _jsx(HomeAssistantWizardButton, { status: getStatus(index + 1, currentStep), step: step }) }, step.title))) }) }));
+    return (_jsx(WizardSteps, { currentStep: currentStep, steps: homeAssistantWizardSteps }));
 };

package/dist/components/inputs/TextAreaInput.js

@@ -17,5 +17,5 @@ export const TextAreaInput = (_a) => {
     const hasError = Boolean(errorMessage);
     const isFilled = String(props.value).trim().length > 0;
     const { placeholder } = props;
-    return (_jsxs(FormControl, { isInvalid: hasError, children: [_jsx(LabeledField, { label: placeholder, isFilled: isFilled, children: _jsx(Textarea, Object.assign({}, props, { bg: "neutral.white" })) }), hasError && _jsx(Text, { variant: "error", children: errorMessage })] }));
+    return (_jsxs(FormControl, { isInvalid: hasError, children: [_jsx(LabeledField, { label: placeholder, isFilled: isFilled, children: _jsx(Textarea, Object.assign({}, props, { bg: "neutral.white", _placeholder: { color: 'gray.2' } })) }), hasError && _jsx(Text, { variant: "error", children: errorMessage })] }));
 };

package/dist/components/inputs/TextInput.d.ts

@@ -1,2 +1,2 @@
 import { InputI } from '../../interfaces';
-export declare const TextInput: ({ autoCapitalize, autoCorrect, errorMessage, handleChange, hasError, id, isDisabled, label, placeholder, value, type, showLabel, ...props }: InputI) => import("react/jsx-runtime").JSX.Element;
+export declare const TextInput: ({ autoCapitalize, autoCorrect, errorMessage, handleChange, hasError, id, isDisabled, label, placeholder, value, type, showLabel, hint, ...props }: InputI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/TextInput.js

@@ -14,9 +14,9 @@ import { FormControl, Text, Input } from '@chakra-ui/react';
 import { LabeledField } from '../../components';
 export const TextInput = (_a) => {
     var _b;
-    var { autoCapitalize = 'on', autoCorrect = 'on', errorMessage, handleChange, hasError, id, isDisabled, label, placeholder, value = '', type = 'text', showLabel = true } = _a, props = __rest(_a, ["autoCapitalize", "autoCorrect", "errorMessage", "handleChange", "hasError", "id", "isDisabled", "label", "placeholder", "value", "type", "showLabel"]);
+    var { autoCapitalize = 'on', autoCorrect = 'on', errorMessage, handleChange, hasError, id, isDisabled, label, placeholder, value = '', type = 'text', showLabel = true, hint } = _a, props = __rest(_a, ["autoCapitalize", "autoCorrect", "errorMessage", "handleChange", "hasError", "id", "isDisabled", "label", "placeholder", "value", "type", "showLabel", "hint"]);
     const error = hasError && !isDisabled;
     const isFilled = String(value).trim().length > 0 && showLabel;
-    const placeholderToUse = isFilled ? '' : (_b = placeholder !== null && placeholder !== void 0 ? placeholder : label) !== null && _b !== void 0 ? _b : '';
-    return (_jsxs(FormControl, { isInvalid: error, children: [_jsx(LabeledField, { label: label !== null && label !== void 0 ? label : placeholder, isFilled: isFilled, children: _jsx(Input, Object.assign({}, props, { autoCapitalize: autoCapitalize, autoCorrect: autoCorrect, id: id, placeholder: placeholderToUse, value: value, type: type, onChange: handleChange, isInvalid: error, isDisabled: isDisabled, _placeholder: { color: 'gray.2' } })) }), error && (_jsx(Text, { variant: "error", mb: "0.5", children: errorMessage }))] }));
+    const placeholderToUse = isFilled ? '' : ((_b = placeholder !== null && placeholder !== void 0 ? placeholder : label) !== null && _b !== void 0 ? _b : '');
+    return (_jsxs(FormControl, { isInvalid: error, children: [_jsx(LabeledField, { label: label !== null && label !== void 0 ? label : placeholder, isFilled: isFilled, children: _jsx(Input, Object.assign({}, props, { autoCapitalize: autoCapitalize, autoCorrect: autoCorrect, id: id, placeholder: placeholderToUse, value: value, type: type, onChange: handleChange, isInvalid: error, isDisabled: isDisabled, _placeholder: { color: 'gray.2' } })) }), error && (_jsx(Text, { variant: "error", my: "1", children: errorMessage })), hint && !error && (_jsx(Text, { variant: "hint", my: "1", children: hint }))] }));
 };

package/dist/components/myProfile/details/TwoFactorSetting.js

@@ -17,5 +17,5 @@ export const TwoFactorSetting = ({ defaultValue = 'email', email = '', loading,
     return (_jsxs(Box, { position: "relative", children: [loading && _jsx(Loading, {}), _jsxs(Stack, { bg: "lightBlue.1", px: "base", py: "4", spacing: "8", children: [_jsxs(Stack, { spacing: "4", children: [_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Flex, { gap: "base", align: "center", children: [_jsx(Img, { src: Security, alt: altText }), _jsx(Text, { fontSize: "sm", textTransform: "uppercase", children: t('myProfile.details.2FactorTitle') })] }), _jsx(Controller, { name: "2fa", control: control, render: ({ field: { value, onChange, onBlur } }) => {
                                             const label = value ? 'ON' : 'OFF';
                                             return (_jsxs(FormControl, { display: "flex", alignItems: "center", w: "fit-content", children: [_jsx(FormLabel, { htmlFor: "2fa", mb: "0", fontSize: "sm", children: label }), _jsx(Switch, { id: "2fa", size: "lg", isChecked: value, onChange: onChange, onBlur: onBlur })] }));
-                                        } })] }), _jsx(Text, { fontFamily: "secondary", lineHeight: "1.2", children: t('myProfile.details.2FactorSubtitle') })] }), _jsxs(Stack, Object.assign({}, group, { spacing: "4", children: [_jsxs(Flex, { gap: "base", align: "center", justify: "space-between", children: [_jsx(RadioButton, Object.assign({}, emailRadio, { isDisabled: !is2faEnabled, children: "Email" })), _jsx(Box, { w: "75%", children: _jsx(Controller, { name: "email", control: control, rules: { validate: handleEmailValidation }, render: ({ field: { value, onBlur, onChange }, fieldState: { invalid }, }) => (_jsx(TextInput, { placeholder: t('myProfile.placeholders.email'), handleChange: onChange, onBlur: onBlur, value: value, hasError: invalid, errorMessage: `${t('forms.invalid')} ${t('forms.email')}`, isDisabled: radioValue === 'sms' || !is2faEnabled })) }) })] }), _jsxs(Flex, { gap: "base", align: "center", justify: "space-between", children: [_jsx(RadioButton, Object.assign({}, smsRadio, { isDisabled: !is2faEnabled, children: "SMS" })), _jsx(Box, { w: "75%", children: _jsx(Controller, { name: "sms", control: control, rules: { validate: handlePhoneValidation }, render: ({ field: { value, onBlur, onChange }, fieldState: { invalid }, }) => (_jsx(ControlledInput, { placeholder: t('myProfile.placeholders.sms'), onChange: onChange, onBlur: onBlur, value: value, type: "number", hasError: invalid, errorMessage: `${t('forms.invalid')} ${t('forms.phone')}`, isDisabled: radioValue === 'email' || !is2faEnabled })) }) })] }), _jsx(Box, { w: "75%", alignSelf: "end", children: showButtons && (_jsx(Button, { variant: "secondaryFooter", type: "submit", bg: "neutral.white", fontWeight: "medium", onClick: handleSubmit(onSave), children: t('buttons.save').toUpperCase() })) })] }))] })] }));
+                                        } })] }), _jsx(Text, { fontFamily: "secondary", lineHeight: "1.2", children: t('myProfile.details.2FactorSubtitle') })] }), _jsxs(Stack, Object.assign({}, group, { spacing: "4", children: [_jsxs(Flex, { gap: "base", align: "center", justify: "space-between", children: [_jsx(RadioButton, Object.assign({}, emailRadio, { isDisabled: !is2faEnabled, children: "Email" })), _jsx(Box, { w: "75%", children: _jsx(Controller, { name: "email", control: control, rules: { validate: handleEmailValidation }, render: ({ field: { value, onBlur, onChange }, fieldState: { invalid }, }) => (_jsx(TextInput, { placeholder: t('myProfile.placeholders.email'), handleChange: onChange, onBlur: onBlur, value: value, hasError: invalid, errorMessage: `${t('forms.invalid')} ${t('forms.email')}`, isDisabled: true })) }) })] }), _jsxs(Flex, { gap: "base", align: "center", justify: "space-between", children: [_jsx(RadioButton, Object.assign({}, smsRadio, { isDisabled: !is2faEnabled, children: "SMS" })), _jsx(Box, { w: "75%", children: _jsx(Controller, { name: "sms", control: control, rules: { validate: handlePhoneValidation }, render: ({ field: { value, onBlur, onChange }, fieldState: { invalid }, }) => (_jsx(ControlledInput, { placeholder: t('myProfile.placeholders.sms'), onChange: onChange, onBlur: onBlur, value: value, type: "number", hasError: invalid, errorMessage: `${t('forms.invalid')} ${t('forms.phone')}`, isDisabled: radioValue === 'email' || !is2faEnabled })) }) })] }), _jsx(Box, { w: "75%", alignSelf: "end", children: showButtons && (_jsx(Button, { variant: "secondaryFooter", type: "submit", bg: "neutral.white", fontWeight: "medium", onClick: handleSubmit(onSave), children: t('buttons.save').toUpperCase() })) })] }))] })] }));
 };

package/dist/components/myProfile/details/UserDetails.js

@@ -42,7 +42,7 @@ export const UserDetails = ({ email, firstName, lastName, onSave, bg, }) => {
                             return (_jsx(TextInput, { handleChange: onChange, placeholder: t('myProfile.placeholders.lastName'), value: value, onBlur: onBlur, hasError: invalid, errorMessage: (_a = errors.lastName) === null || _a === void 0 ? void 0 : _a.message }));
                         } }), _jsx(Controller, { name: "email", control: control, render: ({ field: { value, onBlur, onChange }, fieldState: { invalid }, }) => {
                             var _a;
-                            return (_jsx(TextInput, { handleChange: onChange, placeholder: t('myProfile.placeholders.email'), value: value, onBlur: onBlur, hasError: invalid, errorMessage: (_a = errors.email) === null || _a === void 0 ? void 0 : _a.message }));
+                            return (_jsx(TextInput, { handleChange: onChange, placeholder: t('myProfile.placeholders.email'), value: value, onBlur: onBlur, hasError: invalid, errorMessage: (_a = errors.email) === null || _a === void 0 ? void 0 : _a.message, isDisabled: true }));
                         } }), isDirty && (_jsx(ContextButtons, { onCancel: () => {
                             reset({
                                 firstName,

package/dist/components/partner/formTile/details/NewParterDetails.js

@@ -10,5 +10,5 @@ export const NewParterDetails = () => {
     const { fields: contactFields, validations: contactValidations } = useSnapshot(partnerPointContactProxy, { sync: true });
     const { handleCompanyEmailValidation, handleCompanyNameValidation, handleCompanyPhoneValidation, handleErrorMessage: handleCompanyError, handleInputChange: handleCompanyInput, } = usePartnerCompany();
     const { handleContactEmailValidation, handleContactFirstNameValidation, handleErrorMessage: handleContactError, handleInputChange: handleContactInput, } = usePartnerContact(partnerPointContactProxy);
-    return (_jsxs(Stack, { spacing: "base", children: [_jsx(TextInput, { id: "companyName", placeholder: t('forms.companyName'), value: companyFields.companyName, handleChange: (event) => handleCompanyInput(event, 'companyName'), onBlurCapture: handleCompanyNameValidation, hasError: !companyValidations.isCompanyNameValid, errorMessage: handleCompanyError('companyName') }), _jsx(AddressStored, { proxy: partnerCompanyAddressProxy }), _jsxs(Flex, { gap: "base", direction: ['column', 'row'], children: [_jsx(TextInput, { id: "companyEmail", placeholder: t('forms.companyEmail'), value: companyFields.companyEmail, handleChange: (event) => handleCompanyInput(event, 'companyEmail'), onBlurCapture: handleCompanyEmailValidation, hasError: !companyValidations.isCompanyEmailValid, errorMessage: handleCompanyError('companyEmail') }), _jsx(TextInput, { id: "companyPhone", placeholder: t('forms.companyPhone'), value: companyFields.companyPhone, handleChange: (event) => handleCompanyInput(event, 'companyPhone'), onBlurCapture: handleCompanyPhoneValidation, hasError: !companyValidations.isCompanyPhoneValid, errorMessage: handleCompanyError('companyPhone') })] }), _jsx(Box, { bg: "lightBlue.4", p: "base", borderRadius: "sm", children: _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { children: t('partner.form.titles.companyPointOfContact') }), _jsxs(Flex, { gap: "base", direction: ['column', 'row'], align: ['center', 'end'], children: [_jsx(TextInput, { id: "pointContactName", placeholder: "Name", value: contactFields.firstName, handleChange: (event) => handleContactInput(event, 'firstName'), onBlurCapture: handleContactFirstNameValidation, hasError: !contactValidations.isFirstNameValid, errorMessage: handleContactError('firstName') }), _jsx(TextInput, { id: "pointContactEmail", placeholder: t('forms.email'), value: contactFields.email, handleChange: (event) => handleContactInput(event, 'email'), onBlurCapture: handleContactEmailValidation, hasError: !contactValidations.isEmailValid, errorMessage: handleContactError('email') })] })] }) })] }));
+    return (_jsxs(Stack, { spacing: "base", children: [_jsx(TextInput, { id: "companyName", placeholder: t('forms.companyName'), value: companyFields.companyName, handleChange: (event) => handleCompanyInput(event, 'companyName'), onBlurCapture: handleCompanyNameValidation, hasError: !companyValidations.isCompanyNameValid, errorMessage: handleCompanyError('companyName') }), _jsx(AddressStored, { proxy: partnerCompanyAddressProxy }), _jsxs(Flex, { gap: "base", direction: ['column', 'row'], children: [_jsx(TextInput, { id: "companyEmail", placeholder: t('forms.companyEmail'), value: companyFields.companyEmail, handleChange: (event) => handleCompanyInput(event, 'companyEmail'), onBlurCapture: handleCompanyEmailValidation, hasError: !companyValidations.isCompanyEmailValid, errorMessage: handleCompanyError('companyEmail') }), _jsx(TextInput, { id: "companyPhone", placeholder: t('forms.companyPhone'), value: companyFields.companyPhone, handleChange: (event) => handleCompanyInput(event, 'companyPhone'), onBlurCapture: handleCompanyPhoneValidation, hasError: !companyValidations.isCompanyPhoneValid, errorMessage: handleCompanyError('companyPhone') })] }), _jsx(Box, { bg: "lightBlue.12", p: "base", borderRadius: "sm", children: _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { children: t('partner.form.titles.companyPointOfContact') }), _jsxs(Flex, { gap: "base", direction: ['column', 'row'], align: ['center', 'end'], children: [_jsx(TextInput, { id: "pointContactName", placeholder: "Name", value: contactFields.firstName, handleChange: (event) => handleContactInput(event, 'firstName'), onBlurCapture: handleContactFirstNameValidation, hasError: !contactValidations.isFirstNameValid, errorMessage: handleContactError('firstName') }), _jsx(TextInput, { id: "pointContactEmail", placeholder: t('forms.email'), value: contactFields.email, handleChange: (event) => handleContactInput(event, 'email'), onBlurCapture: handleContactEmailValidation, hasError: !contactValidations.isEmailValid, errorMessage: handleContactError('email') })] })] }) })] }));
 };

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

@@ -7,6 +7,8 @@ export * from './formTile';
 export * from './panel';
 export * from './popup';
 export * from './serviceTickets';
+export * from './wizard';
+export * from './wizardSteps';
 export * from './entityModule';
 export * from './Fader';
 export * from './HeaderPartnerLogo';

package/dist/components/partner/index.js

@@ -7,6 +7,8 @@ export * from './formTile';
 export * from './panel';
 export * from './popup';
 export * from './serviceTickets';
+export * from './wizard';
+export * from './wizardSteps';
 export * from './entityModule';
 export * from './Fader';
 export * from './HeaderPartnerLogo';

package/dist/components/partner/wizard/PartnerWizardSteps.d.ts

@@ -0,0 +1,2 @@
+import { PartnerWizardStepsI } from '../../../interfaces';
+export declare const PartnerWizardSteps: ({ currentStep }: PartnerWizardStepsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/wizard/PartnerWizardSteps.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { partnerWizardSteps } from '../../../helpers';
+import { WizardSteps } from '../../wizard/WizardSteps';
+export const PartnerWizardSteps = ({ currentStep }) => {
+    return _jsx(WizardSteps, { currentStep: currentStep, steps: partnerWizardSteps });
+};

package/dist/components/partner/wizard/index.d.ts

@@ -0,0 +1 @@
+export * from './PartnerWizardSteps';

package/dist/components/partner/wizard/index.js

@@ -0,0 +1 @@
+export * from './PartnerWizardSteps';

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

@@ -0,0 +1,6 @@
+interface PartnerWizardStepBrandI {
+    logoUploading?: boolean;
+    onLogoUpload?: (file: File) => void;
+}
+export declare const PartnerWizardStepBrand: ({ logoUploading, onLogoUpload, }: PartnerWizardStepBrandI) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { t } from 'i18next';
+import { useDropzone } from 'react-dropzone';
+import { Box, Flex, Stack, Text } from '@chakra-ui/react';
+import { DragDropArea, TextInput } from '../../../components';
+import { PartnerWizardStepLayout } from './PartnerWizardStepLayout';
+export const PartnerWizardStepBrand = ({ logoUploading = false, onLogoUpload, }) => {
+    const [tagline, setTagline] = useState('');
+    const [websiteUrl, setWebsiteUrl] = useState('');
+    const { getInputProps, getRootProps } = useDropzone({
+        accept: {
+            'application/postscript': ['.eps'],
+            'image/jpeg': ['.jpeg', '.jpg'],
+            'image/png': ['.png'],
+        },
+        disabled: logoUploading,
+        maxFiles: 1,
+        multiple: false,
+        onDrop: (acceptedFiles) => {
+            const selectedFile = acceptedFiles[0];
+            selectedFile && (onLogoUpload === null || onLogoUpload === void 0 ? void 0 : onLogoUpload(selectedFile));
+        },
+    });
+    return (_jsxs(PartnerWizardStepLayout, { title: t('partner.wizardSteps.brand.title'), subtitle: t('partner.wizardSteps.brand.subtitle'), children: [_jsxs(Flex, { gap: "base", direction: { base: 'column', md: 'row' }, children: [_jsx(Box, { flex: "7", children: _jsx(TextInput, { id: "partnerWizardTagline", placeholder: t('partner.wizardSteps.brand.taglinePlaceholder'), value: tagline, handleChange: (event) => setTagline(event.target.value), hint: t('partner.wizardSteps.brand.taglineHelper') }) }), _jsx(Box, { flex: "5", children: _jsx(TextInput, { id: "partnerWizardWebsite", placeholder: t('partner.wizardSteps.brand.websitePlaceholder'), value: websiteUrl, handleChange: (event) => setWebsiteUrl(event.target.value), hint: t('partner.wizardSteps.brand.websiteHelper') }) })] }), _jsx(Box, { bg: "lightBlue.12", p: "base", borderRadius: "sm", children: _jsxs(Stack, { spacing: "3", children: [_jsx(Text, { children: t('partner.wizardSteps.brand.logoTitle') }), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", children: t('partner.wizardSteps.brand.logoHelper') }), _jsx(DragDropArea, { height: "230px", getInputProps: getInputProps, getRootProps: getRootProps, message: t('partner.wizardSteps.brand.uploadMessage'), message2: t('partner.wizardSteps.brand.uploadMessageAction'), disabled: logoUploading, bg: "transparent" })] }) })] }));
+};

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

@@ -0,0 +1 @@
+export declare const PartnerWizardStepCta: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { t } from 'i18next';
+import { Trans } from 'react-i18next';
+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('');
+    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) })] })] }));
+};

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface PartnerWizardStepHeaderI {
+    title: ReactNode;
+    subtitle?: ReactNode;
+}
+export declare const PartnerWizardStepHeader: ({ title, subtitle, }: PartnerWizardStepHeaderI) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack, Text } from '@chakra-ui/react';
+export const PartnerWizardStepHeader = ({ title, subtitle, }) => {
+    return (_jsxs(Stack, { spacing: "4", textAlign: "center", w: "full", children: [_jsx(Text, { fontSize: "2xl", children: title }), subtitle && (_jsx(Text, { fontFamily: "secondary", color: "gray.3", whiteSpace: "pre-line", children: subtitle }))] }));
+};

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { StackProps } from '@chakra-ui/react';
+interface PartnerWizardStepLayoutI {
+    title: ReactNode;
+    subtitle?: ReactNode;
+    children?: ReactNode;
+    contentSpacing?: StackProps['spacing'];
+    contentMaxW?: string;
+    contentFullWidth?: boolean;
+}
+export declare const PartnerWizardStepLayout: ({ title, subtitle, children, contentSpacing, contentMaxW, contentFullWidth, }: PartnerWizardStepLayoutI) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from '@chakra-ui/react';
+import { PartnerWizardStepHeader } from './PartnerWizardStepHeader';
+export const PartnerWizardStepLayout = ({ title, subtitle, children, contentSpacing = '6', contentMaxW = '480px', contentFullWidth = false, }) => {
+    return (_jsxs(Stack, { spacing: "base", align: "center", children: [_jsx(PartnerWizardStepHeader, { title: title, subtitle: subtitle }), children && (_jsx(Stack, { spacing: contentSpacing, maxW: contentMaxW, w: contentFullWidth ? 'full' : undefined, children: children }))] }));
+};

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

@@ -0,0 +1 @@
+export declare const PartnerWizardStepServiceZones: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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" }) }));
+};

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

@@ -0,0 +1 @@
+export declare const PartnerWizardStepServices: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { t } from 'i18next';
+import { TextInput } from '../../../components';
+import { PartnerWizardStepLayout } from './PartnerWizardStepLayout';
+const SERVICES_LIMIT = 6;
+const STEP_KEY = 'partner.wizardSteps.services';
+export const PartnerWizardStepServices = () => {
+    const [services, setServices] = useState(Array(SERVICES_LIMIT).fill(''));
+    const handleServiceChange = (index, value) => {
+        setServices((currentServices) => {
+            const updatedServices = [...currentServices];
+            updatedServices[index] = value;
+            return updatedServices;
+        });
+    };
+    return (_jsx(PartnerWizardStepLayout, { title: t(`${STEP_KEY}.title`), subtitle: t(`${STEP_KEY}.subtitle`), contentSpacing: "3", contentFullWidth: true, children: services.map((service, index) => (_jsx(TextInput, { id: `partnerWizardService-${index + 1}`, placeholder: t(`${STEP_KEY}.servicePlaceholder`, {
+                index: index + 1,
+            }), value: service, handleChange: (event) => handleServiceChange(index, event.target.value) }, `partnerWizardService-${index + 1}`))) }));
+};

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

@@ -0,0 +1 @@
+export declare const PartnerWizardStepSocial: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { t } from 'i18next';
+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;
+        });
+    };
+    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}`));
+        }) }));
+};

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

@@ -0,0 +1,7 @@
+interface PartnerWizardSuccessBodyI {
+    onPublish: () => void;
+    selectedPlan?: 'monthly' | 'yearly';
+    onSelectPlan?: (plan: 'monthly' | 'yearly') => void;
+}
+export declare const PartnerWizardSuccessBody: ({ onPublish, selectedPlan, onSelectPlan, }: PartnerWizardSuccessBodyI) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Button, Flex, Stack, Text } from '@chakra-ui/react';
+const STEP_KEY = 'partner.wizardSteps.success';
+const PricingCard = ({ label, price, billingNote, isSelected, badge, }) => (_jsxs(Box, { flex: "1", border: "2px solid", borderColor: isSelected ? 'blue.1' : 'transparent', borderRadius: "md", p: "4", textAlign: "center", position: "relative", boxShadow: "md", children: [badge && (_jsx(Text, { fontSize: "19px", fontFamily: "secondary", fontWeight: "bold", color: "blue.2", position: "absolute", top: "-3", left: "50%", transform: "translateX(-50%)", bg: "neutral.white", px: "1", children: badge })), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", mb: "1", children: label }), _jsx(Text, { fontSize: "2xl", fontWeight: "bold", children: price }), _jsx(Text, { fontFamily: "secondary", fontSize: "xs", color: "gray.3", children: billingNote })] }));
+export const PartnerWizardSuccessBody = ({ onPublish, selectedPlan = 'monthly', onSelectPlan, }) => {
+    return (_jsxs(Stack, { spacing: "6", align: "center", justify: "center", w: "full", h: "full", py: "6", children: [_jsx(Text, { fontFamily: "secondary", textAlign: "center", maxW: "400px", children: t(`${STEP_KEY}.activateDescription`) }), _jsxs(Flex, { gap: "4", w: "full", maxW: "400px", children: [_jsx(Box, { as: "button", flex: "1", onClick: () => onSelectPlan === null || onSelectPlan === void 0 ? void 0 : onSelectPlan('monthly'), textAlign: "center", children: _jsx(PricingCard, { label: t(`${STEP_KEY}.monthly`), price: t(`${STEP_KEY}.monthlyPrice`), billingNote: t(`${STEP_KEY}.billedMonthly`), isSelected: selectedPlan === 'monthly' }) }), _jsx(Box, { as: "button", flex: "1", onClick: () => onSelectPlan === null || onSelectPlan === void 0 ? void 0 : onSelectPlan('yearly'), textAlign: "center", children: _jsx(PricingCard, { label: t(`${STEP_KEY}.yearly`), price: t(`${STEP_KEY}.yearlyPrice`), billingNote: t(`${STEP_KEY}.billedAnnually`), isSelected: selectedPlan === 'yearly', badge: t(`${STEP_KEY}.yearlySavings`) }) })] }), _jsx(Button, { w: "full", maxW: "400px", onClick: onPublish, textTransform: "capitalize", fontSize: "20px", children: t(`${STEP_KEY}.publishButton`) })] }));
+};

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

@@ -0,0 +1,5 @@
+interface PartnerWizardSuccessHeaderI {
+    partnerCode: string;
+}
+export declare const PartnerWizardSuccessHeader: ({ partnerCode, }: PartnerWizardSuccessHeaderI) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Center, Stack, Text } from '@chakra-ui/react';
+const STEP_KEY = 'partner.wizardSteps.success';
+export const PartnerWizardSuccessHeader = ({ partnerCode, }) => {
+    return (_jsx(Center, { w: "full", bg: "lightGreen.1", py: "8", children: _jsxs(Stack, { spacing: "3", align: "center", textAlign: "center", w: "80%", maxW: "480px", children: [_jsx(Text, { fontSize: "24px", fontWeight: "semibold", color: "green.1", children: t(`${STEP_KEY}.successLabel`) }), _jsx(Text, { fontSize: "20px", lineHeight: "shorter", children: t(`${STEP_KEY}.title`) }), _jsx(Text, { fontFamily: "secondary", color: "gray.3", children: t(`${STEP_KEY}.subtitle`) }), _jsx(Box, { bg: "lightBlue.12", px: "8", py: "6", w: "full", children: _jsx(Text, { fontSize: "26px", color: "gray.4", children: partnerCode }) }), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", color: "gray.3", children: t(`${STEP_KEY}.codeNote`) })] }) }));
+};

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

@@ -0,0 +1,9 @@
+export * from './PartnerWizardStepBrand';
+export * from './PartnerWizardStepServices';
+export * from './PartnerWizardStepServiceZones';
+export * from './PartnerWizardStepCta';
+export * from './PartnerWizardStepSocial';
+export * from './PartnerWizardStepHeader';
+export * from './PartnerWizardStepLayout';
+export * from './PartnerWizardSuccessHeader';
+export * from './PartnerWizardSuccessBody';

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

@@ -0,0 +1,9 @@
+export * from './PartnerWizardStepBrand';
+export * from './PartnerWizardStepServices';
+export * from './PartnerWizardStepServiceZones';
+export * from './PartnerWizardStepCta';
+export * from './PartnerWizardStepSocial';
+export * from './PartnerWizardStepHeader';
+export * from './PartnerWizardStepLayout';
+export * from './PartnerWizardSuccessHeader';
+export * from './PartnerWizardSuccessBody';

package/dist/components/wizard/WizardSteps.d.ts

@@ -0,0 +1,7 @@
+import { HomeAssistantStepI } from '../../interfaces';
+interface WizardStepsI {
+    currentStep: number;
+    steps: Array<HomeAssistantStepI>;
+}
+export declare const WizardSteps: ({ currentStep, steps }: WizardStepsI) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/wizard/WizardSteps.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Center, Flex } from '@chakra-ui/react';
+import { HomeAssistantWizardButton } from '../../components';
+import { getStatus } from '../../utils';
+export const WizardSteps = ({ currentStep, steps }) => {
+    return (_jsx(Center, { w: "full", bg: "lightGreen.1", pt: { base: '4', md: '8' }, children: _jsx(Flex, { gap: "base", overflow: { base: 'scroll', md: 'visible' }, p: { base: '4', md: '0' }, children: steps.map((step, index) => (_jsx(Center, { w: "100%", children: _jsx(HomeAssistantWizardButton, { status: getStatus(index + 1, currentStep), step: step }) }, step.title))) }) }));
+};

package/dist/components/wizard/index.d.ts

@@ -2,6 +2,7 @@ export * from './ControlledWizard';
 export * from './WizardInitialOptions';
 export * from './WizardStepOptions';
 export * from './WizardStepGoal';
+export * from './WizardSteps';
 export * from './WizardSuccessHeader';
 export * from './WizardTextHeader';
 export * from './WizardTextBody';

package/dist/components/wizard/index.js

@@ -2,6 +2,7 @@ export * from './ControlledWizard';
 export * from './WizardInitialOptions';
 export * from './WizardStepOptions';
 export * from './WizardStepGoal';
+export * from './WizardSteps';
 export * from './WizardSuccessHeader';
 export * from './WizardTextHeader';
 export * from './WizardTextBody';

package/dist/helpers/partner/PartnerWizard.helper.d.ts

@@ -0,0 +1,2 @@
+import { PartnerStepI } from '../../interfaces';
+export declare const partnerWizardSteps: Array<PartnerStepI>;

package/dist/helpers/partner/PartnerWizard.helper.js

@@ -0,0 +1,23 @@
+import { Car, Company, HomeAddress, Rating, Touch } from '../../assets/images';
+export const partnerWizardSteps = [
+    {
+        title: 'Brand',
+        icon: Company,
+    },
+    {
+        title: 'Services',
+        icon: Car,
+    },
+    {
+        title: 'Service zones',
+        icon: HomeAddress,
+    },
+    {
+        title: 'CTA',
+        icon: Touch,
+    },
+    {
+        title: 'Social',
+        icon: Rating,
+    },
+];

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

@@ -1,2 +1,3 @@
 export * from './PartnerCategory.helper';
 export * from './PartnerService.helper';
+export * from './PartnerWizard.helper';

package/dist/helpers/partner/index.js

@@ -1,2 +1,3 @@
 export * from './PartnerCategory.helper';
 export * from './PartnerService.helper';
+export * from './PartnerWizard.helper';

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewParterDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCard, PartnerCustomerCode, PartnerCustomersToolbar, PartnerCustomersWrapper, PartnerDetails, PartnerHomeHeader, PartnerImages, PartnerPanel, PartnerServiceCard, PartnerServiceTicketCard, PartnerServiceTicketsToolbar, PartnerServiceTicketsWrapper, PartnerSidebarMenu, PasswordInput, PaymentBanner, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewParterDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCard, PartnerCustomerCode, PartnerCustomersToolbar, PartnerCustomersWrapper, PartnerDetails, PartnerHomeHeader, PartnerImages, PartnerPanel, PartnerServiceCard, PartnerServiceTicketCard, PartnerServiceTicketsToolbar, PartnerServiceTicketsWrapper, PartnerSidebarMenu, PartnerWizardStepBrand, PartnerWizardStepServices, PartnerWizardStepServiceZones, PartnerWizardStepCta, PartnerWizardStepSocial, PartnerWizardStepHeader, PartnerWizardStepLayout, PartnerWizardSuccessHeader, PartnerWizardSuccessBody, PartnerWizardSteps, PasswordInput, PaymentBanner, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
 export { useCustomToast, useConfirmPropertyModel } from './hooks';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
 export { Ambulance, CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Messages, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, } from './assets/images';
-export { homeAssistantWizardSteps } from './helpers';
+export { homeAssistantWizardSteps, partnerWizardSteps } from './helpers';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, addressProxy, } from './proxies';
 import theme from './theme';
 export { theme };

package/dist/index.js

@@ -1,8 +1,8 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewParterDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCard, PartnerCustomerCode, PartnerCustomersToolbar, PartnerCustomersWrapper, PartnerDetails, PartnerHomeHeader, PartnerImages, PartnerPanel, PartnerServiceCard, PartnerServiceTicketCard, PartnerServiceTicketsToolbar, PartnerServiceTicketsWrapper, PartnerSidebarMenu, PasswordInput, PaymentBanner, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewParterDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCard, PartnerCustomerCode, PartnerCustomersToolbar, PartnerCustomersWrapper, PartnerDetails, PartnerHomeHeader, PartnerImages, PartnerPanel, PartnerServiceCard, PartnerServiceTicketCard, PartnerServiceTicketsToolbar, PartnerServiceTicketsWrapper, PartnerSidebarMenu, PartnerWizardStepBrand, PartnerWizardStepServices, PartnerWizardStepServiceZones, PartnerWizardStepCta, PartnerWizardStepSocial, PartnerWizardStepHeader, PartnerWizardStepLayout, PartnerWizardSuccessHeader, PartnerWizardSuccessBody, PartnerWizardSteps, PasswordInput, PaymentBanner, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
 export { useCustomToast, useConfirmPropertyModel } from './hooks';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
 export { Ambulance, CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Messages, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, } from './assets/images';
-export { homeAssistantWizardSteps } from './helpers';
+export { homeAssistantWizardSteps, partnerWizardSteps } from './helpers';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, addressProxy, } from './proxies';
 import theme from './theme';
 export { theme };

package/dist/interfaces/dragDrop/DragDropArea.interface.d.ts

@@ -12,4 +12,5 @@ export interface DragDropAreaI {
     message2?: string;
     multiple?: boolean;
     variant?: 'dragDrop' | 'dragDropDashed';
+    bg?: string;
 }

package/dist/interfaces/inputs/Input.interface.d.ts

@@ -11,4 +11,5 @@ export interface InputI extends InputProps {
     placeholder: string;
     value: string;
     showLabel?: boolean;
+    hint?: string;
 }

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

@@ -0,0 +1,3 @@
+import { HomeAssistantStepI, HomeAssistantStepsI } from '../../interfaces';
+export type PartnerStepI = HomeAssistantStepI;
+export type PartnerWizardStepsI = Pick<HomeAssistantStepsI, 'currentStep'>;

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

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

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

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

package/dist/interfaces/partner/index.js

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

package/dist/stories/assets/Illustrations.stories.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Center, Grid, Image, Text } from '@chakra-ui/react';
-import { AlertDelete, AlertDeletePurple, Ambulance, Arrow, Balustrades, Barcode, Batery, Bathroom, Battery, Battery2, Bedding, Bedroom, BillingAddress, Billing, BlueCirclePlus, BlueFolder, BlueFolderShared, Book, Box as BoxIcon, Brain, Building, Calc, Calendar, Calendar2, Catalog, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Co2, Company, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Cookware, Countertops, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Doors, Drop, DropCalendar, Electricity, Electronics, Entryway, EstValue, Equipment, Exclamation, Exterior, Face, Feedback, FileUploading, Finance, Fire, Flag, Flag2, Flower, Flooring, FormSent, Foundation, Furniture, Garage, GearPencil, GearTime, Gear, GenericField, GlassWater, GoldenBars, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Hardware, Heart, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, LargeAppliances, Laundry, Light, Lighting, LivingRoom, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Mattress, Member, Message, Messages, MobileDrop, Money, Mudroom, NeedHelp, Notes, Office, Paint, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plants, Plate, Play, Plus, Pool, Pool2, PressureWasher, Porch, Price, Profile, ProgressReport, Proposal, Rating, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, Registry, RelationshipHome, ResendPassword, Rocket, Roof, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SmallAppliances, SolarPanel, Speaker, Sprinkler, Steps, Structure, Structures, Subscription, Supplies, Table, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Tile, Tools, Tools2, Trash, Utensils, VideoIcon, VideoPlay, VioletFolder, WallDecor, Wallet, Warning, Warranty, Water, WellDone, WholeHome, Wind, Window, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, BookOpened, Company2, } from '../../assets/images';
+import { AlertDelete, AlertDeletePurple, Ambulance, Arrow, Balustrades, Barcode, Batery, Bathroom, Battery, Battery2, Bedding, Bedroom, BillingAddress, Billing, BlueCirclePlus, BlueFolder, BlueFolderShared, Book, Box as BoxIcon, Brain, Building, Calc, Calendar, Calendar2, Catalog, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Co2, Company, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Cookware, Countertops, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Doors, Drop, DropCalendar, Electricity, Electronics, Entryway, EstValue, Equipment, Exclamation, Exterior, Face, Feedback, FileUploading, Finance, Fire, Flag, Flag2, Flower, Flooring, FormSent, Foundation, Furniture, Garage, GearPencil, GearTime, Gear, GenericField, GlassWater, GoldenBars, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Hardware, Heart, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, LargeAppliances, Laundry, Light, Lighting, LivingRoom, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Mattress, Member, Message, Messages, MobileDrop, Money, Mudroom, NeedHelp, Notes, Office, Paint, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plants, Plate, Play, Plus, Pool, Pool2, PressureWasher, Porch, Price, Profile, ProgressReport, Proposal, Rating, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, Registry, RelationshipHome, ResendPassword, Rocket, Roof, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SmallAppliances, SolarPanel, Speaker, Sprinkler, Steps, Structure, Structures, Subscription, Supplies, Table, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Tile, Tools, Tools2, Touch, Trash, Utensils, VideoIcon, VideoPlay, VioletFolder, WallDecor, Wallet, Warning, Warranty, Water, WellDone, WholeHome, Wind, Window, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, BookOpened, Company2, Car, } from '../../assets/images';
 import { CookTop, Dishwasher, Dryer, Freezer, Fridge, Microwave, Oven, Range, Washer, tankWater, tanklessWater, } from '../../assets/images/appliances';
 import { BatterySmokeDetector, Co2Detector, FireExtinguisher, Furnace, HeatPump, InWall, LandscapeLights, Other, SprinklerSystem, SprinklerSystem2, WiredSmokeDetector, } from '../../assets/images/home-assistant';
 export default {
     title: 'Assets/Illustrations',
 };
 export const Illustrations = () => {
-    return (_jsxs(Grid, { maxW: "600px", templateColumns: "repeat(auto-fill, minmax(75px, 1fr))", p: "base", gap: "8", children: [_jsx(IconWrapper, { icon: CookTop, name: "CookTop" }), _jsx(IconWrapper, { icon: Dishwasher, name: "Dishwasher" }), _jsx(IconWrapper, { icon: Dryer, name: "Dryer" }), _jsx(IconWrapper, { icon: Freezer, name: "Freezer" }), _jsx(IconWrapper, { icon: Fridge, name: "Fridge" }), _jsx(IconWrapper, { icon: Microwave, name: "Microwave" }), _jsx(IconWrapper, { icon: Oven, name: "Oven" }), _jsx(IconWrapper, { icon: Range, name: "Range" }), _jsx(IconWrapper, { icon: Washer, name: "Washer" }), _jsx(IconWrapper, { icon: tankWater, name: "TankWater" }), _jsx(IconWrapper, { icon: tanklessWater, name: "TanklessWater" }), _jsx(IconWrapper, { icon: BatterySmokeDetector, name: "BatterySmokeDetector" }), _jsx(IconWrapper, { icon: Co2Detector, name: "Co2Detector" }), _jsx(IconWrapper, { icon: FireExtinguisher, name: "FireExtinguisher" }), _jsx(IconWrapper, { icon: Furnace, name: "Furnace" }), _jsx(IconWrapper, { icon: HeatPump, name: "HeatPump" }), _jsx(IconWrapper, { icon: InWall, name: "InWall" }), _jsx(IconWrapper, { icon: Jacuzzi, name: "Jacuzzi" }), _jsx(IconWrapper, { icon: LandscapeLights, name: "LandscapeLights" }), _jsx(IconWrapper, { icon: Other, name: "Other" }), _jsx(IconWrapper, { icon: SprinklerSystem, name: "SprinklerSystem" }), _jsx(IconWrapper, { icon: SprinklerSystem2, name: "SprinklerSystem2" }), _jsx(IconWrapper, { icon: WiredSmokeDetector, name: "WiredSmokeDetector" }), _jsx(IconWrapper, { icon: Barcode, name: "Barcode" }), _jsx(IconWrapper, { icon: Book, name: "Book" }), _jsx(IconWrapper, { icon: Calendar, name: "Calendar" }), _jsx(IconWrapper, { icon: GoldenBars, name: "GoldenBars" }), _jsx(IconWrapper, { icon: Heart, name: "Heart" }), _jsx(IconWrapper, { icon: Notes, name: "Notes" }), _jsx(IconWrapper, { icon: Rating, name: "Rating" }), _jsx(IconWrapper, { icon: Registry, name: "Registry" }), _jsx(IconWrapper, { icon: Tools2, name: "Tools2" }), _jsx(IconWrapper, { icon: Balustrades, name: "Balustrades" }), _jsx(IconWrapper, { icon: Bedding, name: "Bedding" }), _jsx(IconWrapper, { icon: Cookware, name: "Cookware" }), _jsx(IconWrapper, { icon: Countertops, name: "Countertops" }), _jsx(IconWrapper, { icon: Doors, name: "Doors" }), _jsx(IconWrapper, { icon: Electronics, name: "Electronics" }), _jsx(IconWrapper, { icon: Equipment, name: "Equipment" }), _jsx(IconWrapper, { icon: Exterior, name: "Exterior" }), _jsx(IconWrapper, { icon: Fire, name: "Fire" }), _jsx(IconWrapper, { icon: Flooring, name: "Flooring" }), _jsx(IconWrapper, { icon: Furniture, name: "Furniture" }), _jsx(IconWrapper, { icon: Hardware, name: "Hardware" }), _jsx(IconWrapper, { icon: LargeAppliances, name: "LargeAppliances" }), _jsx(IconWrapper, { icon: Lighting, name: "Lighting" }), _jsx(IconWrapper, { icon: Mattress, name: "Mattress" }), _jsx(IconWrapper, { icon: Paint, name: "Paint" }), _jsx(IconWrapper, { icon: Plants, name: "Plants" }), _jsx(IconWrapper, { icon: Porch, name: "Porch" }), _jsx(IconWrapper, { icon: Roof, name: "Roof" }), _jsx(IconWrapper, { icon: SmallAppliances, name: "SmallAppliances" }), _jsx(IconWrapper, { icon: Steps, name: "Steps" }), _jsx(IconWrapper, { icon: Structures, name: "Structures" }), _jsx(IconWrapper, { icon: Supplies, name: "Supplies" }), _jsx(IconWrapper, { icon: Table, name: "Table" }), _jsx(IconWrapper, { icon: Temperature, name: "Temperature" }), _jsx(IconWrapper, { icon: Tile, name: "Tile" }), _jsx(IconWrapper, { icon: Tools, name: "Tools" }), _jsx(IconWrapper, { icon: Utensils, name: "Utensils" }), _jsx(IconWrapper, { icon: WallDecor, name: "WallDecor" }), _jsx(IconWrapper, { icon: Water, name: "Water" }), _jsx(IconWrapper, { icon: Window, name: "Window" }), _jsx(IconWrapper, { icon: AlertDelete, name: "AlertDelete" }), _jsx(IconWrapper, { icon: AlertDeletePurple, name: "AlertDeletePurple" }), _jsx(IconWrapper, { icon: Ambulance, name: "Ambulance" }), _jsx(IconWrapper, { icon: Arrow, name: "Arrow" }), _jsx(IconWrapper, { icon: Batery, name: "Batery" }), _jsx(IconWrapper, { icon: Bathroom, name: "Bathroom" }), _jsx(IconWrapper, { icon: Battery, name: "Battery" }), _jsx(IconWrapper, { icon: Battery2, name: "Battery2" }), _jsx(IconWrapper, { icon: Bedroom, name: "Bedroom" }), _jsx(IconWrapper, { icon: BillingAddress, name: "BillingAddress" }), _jsx(IconWrapper, { icon: Billing, name: "Billing" }), _jsx(IconWrapper, { icon: BlueCirclePlus, name: "BlueCirclePlus" }), _jsx(IconWrapper, { icon: BlueFolder, name: "BlueFolder" }), _jsx(IconWrapper, { icon: BlueFolderShared, name: "BlueFolderShared" }), _jsx(IconWrapper, { icon: BookOpened, name: "BookOpened" }), _jsx(IconWrapper, { icon: BoxIcon, name: "Box" }), _jsx(IconWrapper, { icon: Brain, name: "Brain" }), _jsx(IconWrapper, { icon: Building, name: "Building" }), _jsx(IconWrapper, { icon: Calc, name: "Calc" }), _jsx(IconWrapper, { icon: Calendar2, name: "Calendar2" }), _jsx(IconWrapper, { icon: Catalog, name: "Catalog" }), _jsx(IconWrapper, { icon: Check, name: "Check" }), _jsx(IconWrapper, { icon: CheckInCircle, name: "CheckInCircle" }), _jsx(IconWrapper, { icon: CheckPen, name: "CheckPen" }), _jsx(IconWrapper, { icon: Chemistry, name: "Chemistry" }), _jsx(IconWrapper, { icon: CircleFace, name: "CircleFace" }), _jsx(IconWrapper, { icon: Cleaning, name: "Cleaning" }), _jsx(IconWrapper, { icon: Closet, name: "Closet" }), _jsx(IconWrapper, { icon: Co2, name: "Co2" }), _jsx(IconWrapper, { icon: Company, name: "Company" }), _jsx(IconWrapper, { icon: Company2, name: "Company2" }), _jsx(IconWrapper, { icon: ComputerReport, name: "ComputerReport" }), _jsx(IconWrapper, { icon: Confirmation, name: "Confirmation" }), _jsx(IconWrapper, { icon: Construction, name: "Construction" }), _jsx(IconWrapper, { icon: Contacts, name: "Contacts" }), _jsx(IconWrapper, { icon: Contacts2, name: "Contacts2" }), _jsx(IconWrapper, { icon: Contributor, name: "Contributor" }), _jsx(IconWrapper, { icon: CreditCard, name: "CreditCard" }), _jsx(IconWrapper, { icon: Detector, name: "Detector" }), _jsx(IconWrapper, { icon: Diamond, name: "Diamond" }), _jsx(IconWrapper, { icon: DiningRoom, name: "DiningRoom" }), _jsx(IconWrapper, { icon: DocIcon, name: "DocIcon" }), _jsx(IconWrapper, { icon: Document, name: "Document" }), _jsx(IconWrapper, { icon: Document2, name: "Document2" }), _jsx(IconWrapper, { icon: Drop, name: "Drop" }), _jsx(IconWrapper, { icon: DropCalendar, name: "DropCalendar" }), _jsx(IconWrapper, { icon: Electricity, name: "Electricity" }), _jsx(IconWrapper, { icon: Entryway, name: "Entryway" }), _jsx(IconWrapper, { icon: EstValue, name: "EstValue" }), _jsx(IconWrapper, { icon: Exclamation, name: "Exclamation" }), _jsx(IconWrapper, { icon: Face, name: "Face" }), _jsx(IconWrapper, { icon: Feedback, name: "Feedback" }), _jsx(IconWrapper, { icon: FileUploading, name: "FileUploading" }), _jsx(IconWrapper, { icon: Finance, name: "Finance" }), _jsx(IconWrapper, { icon: Flag, name: "Flag" }), _jsx(IconWrapper, { icon: Flag2, name: "Flag2" }), _jsx(IconWrapper, { icon: Flower, name: "Flower" }), _jsx(IconWrapper, { icon: FormSent, name: "FormSent" }), _jsx(IconWrapper, { icon: Foundation, name: "Foundation" }), _jsx(IconWrapper, { icon: Garage, name: "Garage" }), _jsx(IconWrapper, { icon: GearPencil, name: "GearPencil" }), _jsx(IconWrapper, { icon: GearTime, name: "GearTime" }), _jsx(IconWrapper, { icon: Gear, name: "Gear" }), _jsx(IconWrapper, { icon: GenericField, name: "GenericField" }), _jsx(IconWrapper, { icon: GlassWater, name: "GlassWater" }), _jsx(IconWrapper, { icon: GreenFolder, name: "GreenFolder" }), _jsx(IconWrapper, { icon: Group, name: "Group" }), _jsx(IconWrapper, { icon: Groups, name: "Groups" }), _jsx(IconWrapper, { icon: GuestBedroom, name: "GuestBedroom" }), _jsx(IconWrapper, { icon: Hallway, name: "Hallway" }), _jsx(IconWrapper, { icon: HandPencil, name: "HandPencil" }), _jsx(IconWrapper, { icon: Heater, name: "Heater" }), _jsx(IconWrapper, { icon: Help, name: "Help" }), _jsx(IconWrapper, { icon: HomeAddress, name: "HomeAddress" }), _jsx(IconWrapper, { icon: Homeowner, name: "Homeowner" }), _jsx(IconWrapper, { icon: House, name: "House" }), _jsx(IconWrapper, { icon: HouseHands, name: "HouseHands" }), _jsx(IconWrapper, { icon: IA, name: "IA" }), _jsx(IconWrapper, { icon: ImageDefault, name: "ImageDefault" }), _jsx(IconWrapper, { icon: ImgIcon, name: "ImgIcon" }), _jsx(IconWrapper, { icon: Inbox, name: "Inbox" }), _jsx(IconWrapper, { icon: Insect, name: "Insect" }), _jsx(IconWrapper, { icon: Kitchen, name: "Kitchen" }), _jsx(IconWrapper, { icon: Laundry, name: "Laundry" }), _jsx(IconWrapper, { icon: Light, name: "Light" }), _jsx(IconWrapper, { icon: LivingRoom, name: "LivingRoom" }), _jsx(IconWrapper, { icon: LogoSmall, name: "LogoSmall" }), _jsx(IconWrapper, { icon: MagnifyingGlassReport, name: "MagnifyingGlassReport" }), _jsx(IconWrapper, { icon: MagnifyingGlassPerson, name: "MagnifyingGlassPerson" }), _jsx(IconWrapper, { icon: Manager, name: "Manager" }), _jsx(IconWrapper, { icon: MasterBedroom, name: "MasterBedroom" }), _jsx(IconWrapper, { icon: Member, name: "Member" }), _jsx(IconWrapper, { icon: Message, name: "Message" }), _jsx(IconWrapper, { icon: Messages, name: "Messages" }), _jsx(IconWrapper, { icon: MobileDrop, name: "MobileDrop" }), _jsx(IconWrapper, { icon: Money, name: "Money" }), _jsx(IconWrapper, { icon: Mudroom, name: "Mudroom" }), _jsx(IconWrapper, { icon: NeedHelp, name: "NeedHelp" }), _jsx(IconWrapper, { icon: Office, name: "Office" }), _jsx(IconWrapper, { icon: Painting, name: "Painting" }), _jsx(IconWrapper, { icon: PartnerGeneric, name: "PartnerGeneric" }), _jsx(IconWrapper, { icon: Patio, name: "Patio" }), _jsx(IconWrapper, { icon: PdfIcon, name: "PdfIcon" }), _jsx(IconWrapper, { icon: PersonMail, name: "PersonMail" }), _jsx(IconWrapper, { icon: Plate, name: "Plate" }), _jsx(IconWrapper, { icon: Play, name: "Play" }), _jsx(IconWrapper, { icon: Plus, name: "Plus" }), _jsx(IconWrapper, { icon: Pool, name: "Pool" }), _jsx(IconWrapper, { icon: Pool2, name: "Pool2" }), _jsx(IconWrapper, { icon: PressureWasher, name: "PressureWasher" }), _jsx(IconWrapper, { icon: Price, name: "Price" }), _jsx(IconWrapper, { icon: Profile, name: "Profile" }), _jsx(IconWrapper, { icon: ProgressReport, name: "ProgressReport" }), _jsx(IconWrapper, { icon: Proposal, name: "Proposal" }), _jsx(IconWrapper, { icon: RealEstate, name: "RealEstate" }), _jsx(IconWrapper, { icon: Receipt, name: "Receipt" }), _jsx(IconWrapper, { icon: ReceiptBg, name: "ReceiptBg" }), _jsx(IconWrapper, { icon: ReceiptHouse, name: "ReceiptHouse" }), _jsx(IconWrapper, { icon: Receipts, name: "Receipts" }), _jsx(IconWrapper, { icon: Recipient, name: "Recipient" }), _jsx(IconWrapper, { icon: Records, name: "Records" }), _jsx(IconWrapper, { icon: Register, name: "Register" }), _jsx(IconWrapper, { icon: RelationshipHome, name: "RelationshipHome" }), _jsx(IconWrapper, { icon: ResendPassword, name: "ResendPassword" }), _jsx(IconWrapper, { icon: Rocket, name: "Rocket" }), _jsx(IconWrapper, { icon: Roof2, name: "Roof2" }), _jsx(IconWrapper, { icon: Security, name: "Security" }), _jsx(IconWrapper, { icon: Send, name: "Send" }), _jsx(IconWrapper, { icon: ShareHome, name: "ShareHome" }), _jsx(IconWrapper, { icon: SharePeople, name: "SharePeople" }), _jsx(IconWrapper, { icon: ShareWith, name: "ShareWith" }), _jsx(IconWrapper, { icon: SixtyEight, name: "SixtyEight" }), _jsx(IconWrapper, { icon: SMS, name: "SMS" }), _jsx(IconWrapper, { icon: Social, name: "Social" }), _jsx(IconWrapper, { icon: SolarPanel, name: "SolarPanel" }), _jsx(IconWrapper, { icon: Speaker, name: "Speaker" }), _jsx(IconWrapper, { icon: Sprinkler, name: "Sprinkler" }), _jsx(IconWrapper, { icon: Structure, name: "Structure" }), _jsx(IconWrapper, { icon: Subscription, name: "Subscription" }), _jsx(IconWrapper, { icon: Target, name: "Target" }), _jsx(IconWrapper, { icon: Theatre, name: "Theatre" }), _jsx(IconWrapper, { icon: Thumbnail, name: "Thumbnail" }), _jsx(IconWrapper, { icon: ThumbnailSmall, name: "ThumbnailSmall" }), _jsx(IconWrapper, { icon: ThumbUp, name: "ThumbUp" }), _jsx(IconWrapper, { icon: Trash, name: "Trash" }), _jsx(IconWrapper, { icon: VideoIcon, name: "VideoIcon" }), _jsx(IconWrapper, { icon: VideoPlay, name: "VideoPlay" }), _jsx(IconWrapper, { icon: VioletFolder, name: "VioletFolder" }), _jsx(IconWrapper, { icon: Wallet, name: "Wallet" }), _jsx(IconWrapper, { icon: Warning, name: "Warning" }), _jsx(IconWrapper, { icon: Warranty, name: "Warranty" }), _jsx(IconWrapper, { icon: WellDone, name: "WellDone" }), _jsx(IconWrapper, { icon: WholeHome, name: "WholeHome" }), _jsx(IconWrapper, { icon: Wind, name: "Wind" }), _jsx(IconWrapper, { icon: Wizard, name: "Wizard" }), _jsx(IconWrapper, { icon: WizardDetailed, name: "WizardDetailed" }), _jsx(IconWrapper, { icon: WizardQuick, name: "WizardQuick" }), _jsx(IconWrapper, { icon: YellowFolder, name: "YellowFolder" }), _jsx(IconWrapper, { icon: YellowFolderUnshared, name: "YellowFolderUnshared" })] }));
+    return (_jsxs(Grid, { maxW: "600px", templateColumns: "repeat(auto-fill, minmax(75px, 1fr))", p: "base", gap: "8", children: [_jsx(IconWrapper, { icon: CookTop, name: "CookTop" }), _jsx(IconWrapper, { icon: Dishwasher, name: "Dishwasher" }), _jsx(IconWrapper, { icon: Dryer, name: "Dryer" }), _jsx(IconWrapper, { icon: Freezer, name: "Freezer" }), _jsx(IconWrapper, { icon: Fridge, name: "Fridge" }), _jsx(IconWrapper, { icon: Microwave, name: "Microwave" }), _jsx(IconWrapper, { icon: Oven, name: "Oven" }), _jsx(IconWrapper, { icon: Range, name: "Range" }), _jsx(IconWrapper, { icon: Washer, name: "Washer" }), _jsx(IconWrapper, { icon: tankWater, name: "TankWater" }), _jsx(IconWrapper, { icon: tanklessWater, name: "TanklessWater" }), _jsx(IconWrapper, { icon: BatterySmokeDetector, name: "BatterySmokeDetector" }), _jsx(IconWrapper, { icon: Co2Detector, name: "Co2Detector" }), _jsx(IconWrapper, { icon: FireExtinguisher, name: "FireExtinguisher" }), _jsx(IconWrapper, { icon: Furnace, name: "Furnace" }), _jsx(IconWrapper, { icon: HeatPump, name: "HeatPump" }), _jsx(IconWrapper, { icon: InWall, name: "InWall" }), _jsx(IconWrapper, { icon: Jacuzzi, name: "Jacuzzi" }), _jsx(IconWrapper, { icon: LandscapeLights, name: "LandscapeLights" }), _jsx(IconWrapper, { icon: Other, name: "Other" }), _jsx(IconWrapper, { icon: SprinklerSystem, name: "SprinklerSystem" }), _jsx(IconWrapper, { icon: SprinklerSystem2, name: "SprinklerSystem2" }), _jsx(IconWrapper, { icon: WiredSmokeDetector, name: "WiredSmokeDetector" }), _jsx(IconWrapper, { icon: Barcode, name: "Barcode" }), _jsx(IconWrapper, { icon: Book, name: "Book" }), _jsx(IconWrapper, { icon: Calendar, name: "Calendar" }), _jsx(IconWrapper, { icon: GoldenBars, name: "GoldenBars" }), _jsx(IconWrapper, { icon: Heart, name: "Heart" }), _jsx(IconWrapper, { icon: Notes, name: "Notes" }), _jsx(IconWrapper, { icon: Rating, name: "Rating" }), _jsx(IconWrapper, { icon: Registry, name: "Registry" }), _jsx(IconWrapper, { icon: Tools2, name: "Tools2" }), _jsx(IconWrapper, { icon: Balustrades, name: "Balustrades" }), _jsx(IconWrapper, { icon: Bedding, name: "Bedding" }), _jsx(IconWrapper, { icon: Cookware, name: "Cookware" }), _jsx(IconWrapper, { icon: Countertops, name: "Countertops" }), _jsx(IconWrapper, { icon: Doors, name: "Doors" }), _jsx(IconWrapper, { icon: Electronics, name: "Electronics" }), _jsx(IconWrapper, { icon: Equipment, name: "Equipment" }), _jsx(IconWrapper, { icon: Exterior, name: "Exterior" }), _jsx(IconWrapper, { icon: Fire, name: "Fire" }), _jsx(IconWrapper, { icon: Flooring, name: "Flooring" }), _jsx(IconWrapper, { icon: Furniture, name: "Furniture" }), _jsx(IconWrapper, { icon: Hardware, name: "Hardware" }), _jsx(IconWrapper, { icon: LargeAppliances, name: "LargeAppliances" }), _jsx(IconWrapper, { icon: Lighting, name: "Lighting" }), _jsx(IconWrapper, { icon: Mattress, name: "Mattress" }), _jsx(IconWrapper, { icon: Paint, name: "Paint" }), _jsx(IconWrapper, { icon: Plants, name: "Plants" }), _jsx(IconWrapper, { icon: Porch, name: "Porch" }), _jsx(IconWrapper, { icon: Roof, name: "Roof" }), _jsx(IconWrapper, { icon: SmallAppliances, name: "SmallAppliances" }), _jsx(IconWrapper, { icon: Steps, name: "Steps" }), _jsx(IconWrapper, { icon: Structures, name: "Structures" }), _jsx(IconWrapper, { icon: Supplies, name: "Supplies" }), _jsx(IconWrapper, { icon: Table, name: "Table" }), _jsx(IconWrapper, { icon: Temperature, name: "Temperature" }), _jsx(IconWrapper, { icon: Tile, name: "Tile" }), _jsx(IconWrapper, { icon: Tools, name: "Tools" }), _jsx(IconWrapper, { icon: Utensils, name: "Utensils" }), _jsx(IconWrapper, { icon: WallDecor, name: "WallDecor" }), _jsx(IconWrapper, { icon: Water, name: "Water" }), _jsx(IconWrapper, { icon: Window, name: "Window" }), _jsx(IconWrapper, { icon: AlertDelete, name: "AlertDelete" }), _jsx(IconWrapper, { icon: AlertDeletePurple, name: "AlertDeletePurple" }), _jsx(IconWrapper, { icon: Ambulance, name: "Ambulance" }), _jsx(IconWrapper, { icon: Arrow, name: "Arrow" }), _jsx(IconWrapper, { icon: Batery, name: "Batery" }), _jsx(IconWrapper, { icon: Bathroom, name: "Bathroom" }), _jsx(IconWrapper, { icon: Battery, name: "Battery" }), _jsx(IconWrapper, { icon: Battery2, name: "Battery2" }), _jsx(IconWrapper, { icon: Bedroom, name: "Bedroom" }), _jsx(IconWrapper, { icon: BillingAddress, name: "BillingAddress" }), _jsx(IconWrapper, { icon: Billing, name: "Billing" }), _jsx(IconWrapper, { icon: BlueCirclePlus, name: "BlueCirclePlus" }), _jsx(IconWrapper, { icon: BlueFolder, name: "BlueFolder" }), _jsx(IconWrapper, { icon: BlueFolderShared, name: "BlueFolderShared" }), _jsx(IconWrapper, { icon: BookOpened, name: "BookOpened" }), _jsx(IconWrapper, { icon: BoxIcon, name: "Box" }), _jsx(IconWrapper, { icon: Brain, name: "Brain" }), _jsx(IconWrapper, { icon: Building, name: "Building" }), _jsx(IconWrapper, { icon: Calc, name: "Calc" }), _jsx(IconWrapper, { icon: Calendar2, name: "Calendar2" }), _jsx(IconWrapper, { icon: Car, name: "Car" }), _jsx(IconWrapper, { icon: Catalog, name: "Catalog" }), _jsx(IconWrapper, { icon: Check, name: "Check" }), _jsx(IconWrapper, { icon: CheckInCircle, name: "CheckInCircle" }), _jsx(IconWrapper, { icon: CheckPen, name: "CheckPen" }), _jsx(IconWrapper, { icon: Chemistry, name: "Chemistry" }), _jsx(IconWrapper, { icon: CircleFace, name: "CircleFace" }), _jsx(IconWrapper, { icon: Cleaning, name: "Cleaning" }), _jsx(IconWrapper, { icon: Closet, name: "Closet" }), _jsx(IconWrapper, { icon: Co2, name: "Co2" }), _jsx(IconWrapper, { icon: Company, name: "Company" }), _jsx(IconWrapper, { icon: Company2, name: "Company2" }), _jsx(IconWrapper, { icon: ComputerReport, name: "ComputerReport" }), _jsx(IconWrapper, { icon: Confirmation, name: "Confirmation" }), _jsx(IconWrapper, { icon: Construction, name: "Construction" }), _jsx(IconWrapper, { icon: Contacts, name: "Contacts" }), _jsx(IconWrapper, { icon: Contacts2, name: "Contacts2" }), _jsx(IconWrapper, { icon: Contributor, name: "Contributor" }), _jsx(IconWrapper, { icon: CreditCard, name: "CreditCard" }), _jsx(IconWrapper, { icon: Detector, name: "Detector" }), _jsx(IconWrapper, { icon: Diamond, name: "Diamond" }), _jsx(IconWrapper, { icon: DiningRoom, name: "DiningRoom" }), _jsx(IconWrapper, { icon: DocIcon, name: "DocIcon" }), _jsx(IconWrapper, { icon: Document, name: "Document" }), _jsx(IconWrapper, { icon: Document2, name: "Document2" }), _jsx(IconWrapper, { icon: Drop, name: "Drop" }), _jsx(IconWrapper, { icon: DropCalendar, name: "DropCalendar" }), _jsx(IconWrapper, { icon: Electricity, name: "Electricity" }), _jsx(IconWrapper, { icon: Entryway, name: "Entryway" }), _jsx(IconWrapper, { icon: EstValue, name: "EstValue" }), _jsx(IconWrapper, { icon: Exclamation, name: "Exclamation" }), _jsx(IconWrapper, { icon: Face, name: "Face" }), _jsx(IconWrapper, { icon: Feedback, name: "Feedback" }), _jsx(IconWrapper, { icon: FileUploading, name: "FileUploading" }), _jsx(IconWrapper, { icon: Finance, name: "Finance" }), _jsx(IconWrapper, { icon: Flag, name: "Flag" }), _jsx(IconWrapper, { icon: Flag2, name: "Flag2" }), _jsx(IconWrapper, { icon: Flower, name: "Flower" }), _jsx(IconWrapper, { icon: FormSent, name: "FormSent" }), _jsx(IconWrapper, { icon: Foundation, name: "Foundation" }), _jsx(IconWrapper, { icon: Garage, name: "Garage" }), _jsx(IconWrapper, { icon: GearPencil, name: "GearPencil" }), _jsx(IconWrapper, { icon: GearTime, name: "GearTime" }), _jsx(IconWrapper, { icon: Gear, name: "Gear" }), _jsx(IconWrapper, { icon: GenericField, name: "GenericField" }), _jsx(IconWrapper, { icon: GlassWater, name: "GlassWater" }), _jsx(IconWrapper, { icon: GreenFolder, name: "GreenFolder" }), _jsx(IconWrapper, { icon: Group, name: "Group" }), _jsx(IconWrapper, { icon: Groups, name: "Groups" }), _jsx(IconWrapper, { icon: GuestBedroom, name: "GuestBedroom" }), _jsx(IconWrapper, { icon: Hallway, name: "Hallway" }), _jsx(IconWrapper, { icon: HandPencil, name: "HandPencil" }), _jsx(IconWrapper, { icon: Heater, name: "Heater" }), _jsx(IconWrapper, { icon: Help, name: "Help" }), _jsx(IconWrapper, { icon: HomeAddress, name: "HomeAddress" }), _jsx(IconWrapper, { icon: Homeowner, name: "Homeowner" }), _jsx(IconWrapper, { icon: House, name: "House" }), _jsx(IconWrapper, { icon: HouseHands, name: "HouseHands" }), _jsx(IconWrapper, { icon: IA, name: "IA" }), _jsx(IconWrapper, { icon: ImageDefault, name: "ImageDefault" }), _jsx(IconWrapper, { icon: ImgIcon, name: "ImgIcon" }), _jsx(IconWrapper, { icon: Inbox, name: "Inbox" }), _jsx(IconWrapper, { icon: Insect, name: "Insect" }), _jsx(IconWrapper, { icon: Kitchen, name: "Kitchen" }), _jsx(IconWrapper, { icon: Laundry, name: "Laundry" }), _jsx(IconWrapper, { icon: Light, name: "Light" }), _jsx(IconWrapper, { icon: LivingRoom, name: "LivingRoom" }), _jsx(IconWrapper, { icon: LogoSmall, name: "LogoSmall" }), _jsx(IconWrapper, { icon: MagnifyingGlassReport, name: "MagnifyingGlassReport" }), _jsx(IconWrapper, { icon: MagnifyingGlassPerson, name: "MagnifyingGlassPerson" }), _jsx(IconWrapper, { icon: Manager, name: "Manager" }), _jsx(IconWrapper, { icon: MasterBedroom, name: "MasterBedroom" }), _jsx(IconWrapper, { icon: Member, name: "Member" }), _jsx(IconWrapper, { icon: Message, name: "Message" }), _jsx(IconWrapper, { icon: Messages, name: "Messages" }), _jsx(IconWrapper, { icon: MobileDrop, name: "MobileDrop" }), _jsx(IconWrapper, { icon: Money, name: "Money" }), _jsx(IconWrapper, { icon: Mudroom, name: "Mudroom" }), _jsx(IconWrapper, { icon: NeedHelp, name: "NeedHelp" }), _jsx(IconWrapper, { icon: Office, name: "Office" }), _jsx(IconWrapper, { icon: Painting, name: "Painting" }), _jsx(IconWrapper, { icon: PartnerGeneric, name: "PartnerGeneric" }), _jsx(IconWrapper, { icon: Patio, name: "Patio" }), _jsx(IconWrapper, { icon: PdfIcon, name: "PdfIcon" }), _jsx(IconWrapper, { icon: PersonMail, name: "PersonMail" }), _jsx(IconWrapper, { icon: Plate, name: "Plate" }), _jsx(IconWrapper, { icon: Play, name: "Play" }), _jsx(IconWrapper, { icon: Plus, name: "Plus" }), _jsx(IconWrapper, { icon: Pool, name: "Pool" }), _jsx(IconWrapper, { icon: Pool2, name: "Pool2" }), _jsx(IconWrapper, { icon: PressureWasher, name: "PressureWasher" }), _jsx(IconWrapper, { icon: Price, name: "Price" }), _jsx(IconWrapper, { icon: Profile, name: "Profile" }), _jsx(IconWrapper, { icon: ProgressReport, name: "ProgressReport" }), _jsx(IconWrapper, { icon: Proposal, name: "Proposal" }), _jsx(IconWrapper, { icon: RealEstate, name: "RealEstate" }), _jsx(IconWrapper, { icon: Receipt, name: "Receipt" }), _jsx(IconWrapper, { icon: ReceiptBg, name: "ReceiptBg" }), _jsx(IconWrapper, { icon: ReceiptHouse, name: "ReceiptHouse" }), _jsx(IconWrapper, { icon: Receipts, name: "Receipts" }), _jsx(IconWrapper, { icon: Recipient, name: "Recipient" }), _jsx(IconWrapper, { icon: Records, name: "Records" }), _jsx(IconWrapper, { icon: Register, name: "Register" }), _jsx(IconWrapper, { icon: RelationshipHome, name: "RelationshipHome" }), _jsx(IconWrapper, { icon: ResendPassword, name: "ResendPassword" }), _jsx(IconWrapper, { icon: Rocket, name: "Rocket" }), _jsx(IconWrapper, { icon: Roof2, name: "Roof2" }), _jsx(IconWrapper, { icon: Security, name: "Security" }), _jsx(IconWrapper, { icon: Send, name: "Send" }), _jsx(IconWrapper, { icon: ShareHome, name: "ShareHome" }), _jsx(IconWrapper, { icon: SharePeople, name: "SharePeople" }), _jsx(IconWrapper, { icon: ShareWith, name: "ShareWith" }), _jsx(IconWrapper, { icon: SixtyEight, name: "SixtyEight" }), _jsx(IconWrapper, { icon: SMS, name: "SMS" }), _jsx(IconWrapper, { icon: Social, name: "Social" }), _jsx(IconWrapper, { icon: SolarPanel, name: "SolarPanel" }), _jsx(IconWrapper, { icon: Speaker, name: "Speaker" }), _jsx(IconWrapper, { icon: Sprinkler, name: "Sprinkler" }), _jsx(IconWrapper, { icon: Structure, name: "Structure" }), _jsx(IconWrapper, { icon: Subscription, name: "Subscription" }), _jsx(IconWrapper, { icon: Target, name: "Target" }), _jsx(IconWrapper, { icon: Theatre, name: "Theatre" }), _jsx(IconWrapper, { icon: Thumbnail, name: "Thumbnail" }), _jsx(IconWrapper, { icon: ThumbnailSmall, name: "ThumbnailSmall" }), _jsx(IconWrapper, { icon: ThumbUp, name: "ThumbUp" }), _jsx(IconWrapper, { icon: Touch, name: "Touch" }), _jsx(IconWrapper, { icon: Trash, name: "Trash" }), _jsx(IconWrapper, { icon: VideoIcon, name: "VideoIcon" }), _jsx(IconWrapper, { icon: VideoPlay, name: "VideoPlay" }), _jsx(IconWrapper, { icon: VioletFolder, name: "VioletFolder" }), _jsx(IconWrapper, { icon: Wallet, name: "Wallet" }), _jsx(IconWrapper, { icon: Warning, name: "Warning" }), _jsx(IconWrapper, { icon: Warranty, name: "Warranty" }), _jsx(IconWrapper, { icon: WellDone, name: "WellDone" }), _jsx(IconWrapper, { icon: WholeHome, name: "WholeHome" }), _jsx(IconWrapper, { icon: Wind, name: "Wind" }), _jsx(IconWrapper, { icon: Wizard, name: "Wizard" }), _jsx(IconWrapper, { icon: WizardDetailed, name: "WizardDetailed" }), _jsx(IconWrapper, { icon: WizardQuick, name: "WizardQuick" }), _jsx(IconWrapper, { icon: YellowFolder, name: "YellowFolder" }), _jsx(IconWrapper, { icon: YellowFolderUnshared, name: "YellowFolderUnshared" })] }));
 };
 const IconWrapper = ({ icon, name }) => {
     return (_jsxs(Center, { flexDirection: "column", children: [_jsx(Image, { src: icon, boxSize: "30px", mb: "2" }), _jsx(Text, { variant: "home", children: name })] }));

package/dist/stories/partner/PartnerWizardSteps.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { PartnerWizardStepsI } from '../../interfaces';
+declare const _default: Meta<PartnerWizardStepsI>;
+export default _default;
+export declare const PartnerWizardStepsComponent: (args: PartnerWizardStepsI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/partner/PartnerWizardSteps.stories.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { PartnerWizardSteps } from '../../components';
+export default {
+    title: 'Components/Partner',
+    component: PartnerWizardSteps,
+    args: {
+        currentStep: 1,
+    },
+};
+export const PartnerWizardStepsComponent = (args) => {
+    return (_jsx(Box, { w: "full", children: _jsx(PartnerWizardSteps, Object.assign({}, args)) }));
+};

package/dist/stories/partner/wizardSteps/PartnerWizardStepBrand.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Brand: (args: {
+    logoUploading?: boolean;
+    onLogoUpload?: (file: File) => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { action } from '@storybook/addon-actions';
+import { PartnerWizardStepBrand } from '../../../components';
+export default {
+    title: 'Components/Partner/WizardSteps',
+    component: PartnerWizardStepBrand,
+    args: {
+        logoUploading: false,
+        onLogoUpload: action('onLogoUpload'),
+    },
+    decorators: [
+        (Story) => (_jsx(Box, { maxW: "960px", mx: "auto", p: "base", children: _jsx(Story, {}) })),
+    ],
+};
+export const Brand = (args) => {
+    return _jsx(PartnerWizardStepBrand, Object.assign({}, args));
+};

package/dist/stories/partner/wizardSteps/PartnerWizardStepsBlocks.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Services: () => import("react/jsx-runtime").JSX.Element;
+export declare const ServiceZones: () => import("react/jsx-runtime").JSX.Element;
+export declare const Cta: () => import("react/jsx-runtime").JSX.Element;
+export declare const Social: () => import("react/jsx-runtime").JSX.Element;
+export declare const Success: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box } from '@chakra-ui/react';
+import { action } from '@storybook/addon-actions';
+import { PartnerWizardStepCta, PartnerWizardStepServiceZones, PartnerWizardStepServices, PartnerWizardStepSocial, PartnerWizardSuccessBody, PartnerWizardSuccessHeader, } from '../../../components';
+export default {
+    title: 'Components/Partner/WizardSteps',
+    decorators: [
+        (Story) => (_jsx(Box, { maxW: "960px", mx: "auto", p: "base", children: _jsx(Story, {}) })),
+    ],
+};
+export const Services = () => _jsx(PartnerWizardStepServices, {});
+export const ServiceZones = () => _jsx(PartnerWizardStepServiceZones, {});
+export const Cta = () => _jsx(PartnerWizardStepCta, {});
+export const Social = () => _jsx(PartnerWizardStepSocial, {});
+export const Success = () => {
+    const [selectedPlan, setSelectedPlan] = useState('monthly');
+    return (_jsxs(Box, { borderRadius: "sm", overflow: "hidden", bg: "neutral.white", children: [_jsx(PartnerWizardSuccessHeader, { partnerCode: "[FirstNameofbusiness]" }), _jsx(PartnerWizardSuccessBody, { selectedPlan: selectedPlan, onSelectPlan: (plan) => {
+                    setSelectedPlan(plan);
+                    action('onSelectPlan')(plan);
+                }, onPublish: action('onPublish') })] }));
+};

package/dist/theme/colors.d.ts

@@ -51,6 +51,7 @@ export declare const colors: {
         9: string;
         10: string;
         11: string;
+        12: string;
     };
     blue: {
         1: string;

package/dist/theme/colors.js

@@ -51,6 +51,7 @@ export const colors = {
         9: '#84BAE2',
         10: '#cff1fc',
         11: '#99AEB4',
+        12: '#E9F1F2',
     },
     blue: {
         1: '#3E9FDB',

package/dist/theme/components/TextStyles.d.ts

@@ -54,6 +54,13 @@ export declare const Text: {
             fontSize: string;
             fontFamily: string;
             color: string;
+            lineHeight: string;
+        };
+        hint: {
+            fontSize: string;
+            fontFamily: string;
+            color: string;
+            lineHeight: string;
         };
         email: {
             fontSize: string;

package/dist/theme/components/TextStyles.js

@@ -54,6 +54,13 @@ export const Text = {
             fontSize: 'xs',
             fontFamily: 'secondary',
             color: 'pink.500',
+            lineHeight: '13px',
+        },
+        hint: {
+            fontSize: 'xs',
+            fontFamily: 'secondary',
+            color: 'gray.4',
+            lineHeight: '13px',
         },
         email: {
             fontSize: 'xs',

package/package.json

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