@homefile/components-v2 1.2.2 → 1.4.0

package/dist/assets/images/circle-face.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27.292" height="27.295" viewBox="0 0 27.292 27.295">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_22561" data-name="Rectangle 22561" width="27.292" height="27.295" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_18754" data-name="Group 18754" clip-path="url(#clip-path)">
+    <path id="Path_14078" data-name="Path 14078" d="M35.441,22.423a6.682,6.682,0,0,1-6.651,6.154,6.713,6.713,0,0,1-1.73-.235,6.672,6.672,0,0,1,6.648-6.151c.186,0,.365.013.545.026a6.945,6.945,0,0,1,1.187.207" transform="translate(-20.064 -16.452)" fill="#40566b"/>
+    <path id="Path_14079" data-name="Path 14079" d="M57.189,25.353a6.625,6.625,0,0,0,.59-2.263,6.674,6.674,0,0,1,4.928,6.126,6.674,6.674,0,0,1-5.518-3.863" transform="translate(-42.401 -17.12)" fill="#323954"/>
+    <path id="Path_14080" data-name="Path 14080" d="M34.776,31.84A6.674,6.674,0,0,0,40.295,35.7c0,.106.015.209.015.315V38.49a6.675,6.675,0,0,1-13.35,0V36.019c0-.176.013-.349.026-.522a6.632,6.632,0,0,0,7.791-3.656" transform="translate(-19.989 -23.607)" fill="#daf1f3"/>
+    <path id="Path_14081" data-name="Path 14081" d="M26.045,83.189l.771,2.873A13.633,13.633,0,0,1,13,81.845l2.242-1.955a10.653,10.653,0,0,0,10.8,3.3" transform="translate(-9.639 -59.233)" fill="#e24c5d"/>
+    <path id="Path_14082" data-name="Path 14082" d="M61.877,3.486,59.891,5.7A10.626,10.626,0,0,0,52.77,2.974V0a13.589,13.589,0,0,1,9.107,3.486" transform="translate(-39.125)" fill="#f6cf76"/>
+    <path id="Path_14083" data-name="Path 14083" d="M86.837,23.642a13.574,13.574,0,0,1-.641,4.135L83.3,27.063a10.679,10.679,0,0,0-2.991-11.369L82.3,13.48a13.616,13.616,0,0,1,4.541,10.162" transform="translate(-59.545 -9.994)" fill="#e24c5d"/>
+    <path id="Path_14084" data-name="Path 14084" d="M7.183,68.746,4.941,70.7A13.61,13.61,0,0,1,2.13,65.576l2.891-.716a10.633,10.633,0,0,0,2.161,3.886" transform="translate(-1.579 -48.089)" fill="#f6cf76"/>
+    <path id="Path_14085" data-name="Path 14085" d="M73.776,66.642A13.668,13.668,0,0,1,64.3,75.689l-.771-2.873a10.694,10.694,0,0,0,7.351-6.888Z" transform="translate(-47.104 -48.881)" fill="#00c0b7"/>
+    <path id="Path_14086" data-name="Path 14086" d="M4,4.008a13.6,13.6,0,0,1,9.648-4V2.984a10.672,10.672,0,0,0-10.2,13.8L.551,17.5A13.65,13.65,0,0,1,4,4.008" transform="translate(0 -0.007)" fill="#00c0b7"/>
+    <path id="Path_14087" data-name="Path 14087" d="M48.382,68.16a2.9,2.9,0,0,1-1.5-.418l.4-.665a2.112,2.112,0,0,0,2.693-.424l.584.51a2.9,2.9,0,0,1-2.182,1" transform="translate(-34.763 -49.419)" fill="#40566b"/>
+    <path id="Path_14088" data-name="Path 14088" d="M41.266,52.4a.776.776,0,1,1-.776-.776.776.776,0,0,1,.776.776" transform="translate(-29.446 -38.272)" fill="#40566b"/>
+    <path id="Path_14089" data-name="Path 14089" d="M59.766,52.4a.776.776,0,1,1-.776-.776.776.776,0,0,1,.776.776" transform="translate(-43.162 -38.272)" fill="#40566b"/>
+  </g>
+</svg>

package/dist/assets/images/company.svg

@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27.2" height="21.5" viewBox="0 0 27.2 21.5">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_18088" data-name="Rectangle 18088" width="27.2" height="21.5" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_16616" data-name="Group 16616" transform="translate(-1127.558 -2313.81)">
+    <rect id="Rectangle_18076" data-name="Rectangle 18076" width="7.966" height="7.071" transform="translate(1144.598 2324.792)" fill="#00c0b7"/>
+    <rect id="Rectangle_18077" data-name="Rectangle 18077" width="7.966" height="3.146" transform="translate(1144.598 2331.864)" fill="#f6cf76"/>
+    <path id="Path_11902" data-name="Path 11902" d="M33.78,44.66v2.047H10.97V44.66Z" transform="translate(1118.783 2278.086)" fill="#40566b"/>
+    <path id="Path_11903" data-name="Path 11903" d="M33.78,29.95v2.943H10.97V29.95H33.78Z" transform="translate(1118.783 2289.852)" fill="#f6cf76"/>
+    <path id="Path_11904" data-name="Path 11904" d="M35.8,0V3.81H48.674V0Z" transform="translate(1098.921 2313.81)" fill="#e24c5d"/>
+    <path id="Path_11905" data-name="Path 11905" d="M71.41,61.961v3.146H67.97V54.889H71.41Z" transform="translate(1073.188 2269.903)" fill="#00a1aa"/>
+    <path id="Path_11906" data-name="Path 11906" d="M54.219,54.889V65.106H50.78V54.889Z" transform="translate(1086.939 2269.903)" fill="#00a1aa"/>
+    <rect id="Rectangle_18078" data-name="Rectangle 18078" width="7.965" height="3.146" transform="translate(1129.753 2331.864)" fill="#f6cf76"/>
+    <rect id="Rectangle_18079" data-name="Rectangle 18079" width="7.965" height="7.071" transform="translate(1129.753 2324.792)" fill="#00c0b7"/>
+    <rect id="Rectangle_18080" data-name="Rectangle 18080" width="0.4" height="10.217" transform="translate(1140.958 2324.792)" fill="#40566b"/>
+    <rect id="Rectangle_18081" data-name="Rectangle 18081" width="0.6" height="2.183" transform="translate(1137.056 2317.619)" fill="#40566b"/>
+    <rect id="Rectangle_18082" data-name="Rectangle 18082" width="0.6" height="2.183" transform="translate(1144.66 2317.619)" fill="#40566b"/>
+    <rect id="Rectangle_18083" data-name="Rectangle 18083" width="2.286" height="0.4" transform="translate(1146.845 2328.267) rotate(-45)" fill="#fff"/>
+    <rect id="Rectangle_18084" data-name="Rectangle 18084" width="4.741" height="0.4" transform="translate(1147.044 2330.002) rotate(-45)" fill="#fff"/>
+    <rect id="Rectangle_18085" data-name="Rectangle 18085" width="2.288" height="0.4" transform="translate(1132.034 2328.266) rotate(-44.939)" fill="#fff"/>
+    <rect id="Rectangle_18086" data-name="Rectangle 18086" width="4.74" height="0.4" transform="translate(1132.235 2330.001) rotate(-45)" fill="#fff"/>
+    <rect id="Rectangle_18087" data-name="Rectangle 18087" width="27.2" height="0.6" transform="translate(1127.558 2334.709)" fill="#40566b"/>
+    <g id="Group_16615" data-name="Group 16615" transform="translate(1127.558 2313.81)">
+      <g id="Group_16614" data-name="Group 16614" clip-path="url(#clip-path)">
+        <path id="Path_11907" data-name="Path 11907" d="M44.83,5.842c.008.179.2.255.395.255.174,0,.375-.042.375-.246,0-.224-.241-.241-.428-.258-.356-.028-.714-.151-.714-.557,0-.434.356-.616.745-.616.367,0,.748.154.748.593h-.392c-.023-.159-.188-.227-.356-.227s-.333.089-.333.241c0,.173.171.215.375.235.415.039.77.129.77.588s-.4.608-.787.61-.8-.19-.8-.619Z" transform="translate(-35.54 -3.536)" fill="#fff"/>
+        <path id="Path_11908" data-name="Path 11908" d="M58.048,6.59V5.762H57.3V6.59h-.417V4.631H57.3v.747h.75V4.631h.42V6.59Z" transform="translate(-45.5 -3.704)" fill="#fff"/>
+        <path id="Path_11909" data-name="Path 11909" d="M70.329,6.5a.958.958,0,0,1-1-1.01,1,1,0,1,1,2,0A.963.963,0,0,1,70.329,6.5m.006-.381a.57.57,0,0,0,.582-.63.582.582,0,1,0-1.162,0,.564.564,0,0,0,.579.63" transform="translate(-55.459 -3.581)" fill="#fff"/>
+        <path id="Path_11910" data-name="Path 11910" d="M83.842,6.57V4.611c.28,0,.557,0,.837,0a.676.676,0,0,1,.7.714.667.667,0,0,1-.7.692h-.417V6.57Zm.837-.913a.315.315,0,0,0,.3-.344.309.309,0,0,0-.3-.336h-.426v.68Z" transform="translate(-67.066 -3.687)" fill="#fff"/>
+      </g>
+    </g>
+  </g>
+</svg>

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

@@ -20,10 +20,12 @@ import Check from './check.svg';
 import CheckInCircle from './check-in-circle.svg';
 import CheckPen from './check-pen.svg';
 import Chemistry from './chemistry.svg';
+import CircleFace from './circle-face.svg';
 import Cleaning from './cleaning.svg';
 import Closet from './closet.svg';
 import Clouds from './clouds.png';
 import Co2 from './co2.svg';
+import Company from './company.svg';
 import ComputerReport from './computer-report.svg';
 import Confirmation from './confirmation.svg';
 import Construction from './construction.svg';
@@ -76,6 +78,7 @@ import Laundry from './laundry.svg';
 import Light from './light.svg';
 import LivingRoom from './living-room.svg';
 import Loading from './loading.svg';
+import Location from './location.jpg';
 import LogoCompany from './logo-company.svg';
 import LogoSmall from './logo-small.svg';
 import MagnifyingGlassReport from './magnifying-glass-report.svg';
@@ -148,10 +151,11 @@ 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, Arrow, Batery, Bathroom, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueFolder, BlueFolderShared, Box, Building, Calc, Calendar2, Catalog, Check, CheckInCircle, CheckPen, Chemistry, Cleaning, Closet, Clouds, Co2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Drop, DropCalendar, Electricity, Entryway, Exclamation, Face, Feedback, FileUploading, Finance, Fire, Flag, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Kitchen, Laundry, Light, LivingRoom, Loading, LogoCompany, LogoSmall, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plate, Play, Plus, Pool, Pool2, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, ShareWith, SixtyEight, SMS, Social, SolarPanel, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Warning, Warranty, WellDone, WholeHome, Wind, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
+export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueFolder, BlueFolderShared, Box, Building, Calc, Calendar2, Catalog, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Drop, DropCalendar, Electricity, Entryway, Exclamation, Face, Feedback, FileUploading, Finance, Fire, Flag, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Kitchen, Laundry, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plate, Play, Plus, Pool, Pool2, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, ShareWith, SixtyEight, SMS, Social, SolarPanel, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Warning, Warranty, WellDone, WholeHome, Wind, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
 export * from './appliances';
 export * from './clouds-animation';
 export * from './form';
 export * from './logos';
 export * from './groups';
 export * from './placeholders';
+export * from './shine';

package/dist/assets/images/index.js

@@ -20,10 +20,12 @@ import Check from './check.svg';
 import CheckInCircle from './check-in-circle.svg';
 import CheckPen from './check-pen.svg';
 import Chemistry from './chemistry.svg';
+import CircleFace from './circle-face.svg';
 import Cleaning from './cleaning.svg';
 import Closet from './closet.svg';
 import Clouds from './clouds.png';
 import Co2 from './co2.svg';
+import Company from './company.svg';
 import ComputerReport from './computer-report.svg';
 import Confirmation from './confirmation.svg';
 import Construction from './construction.svg';
@@ -76,6 +78,7 @@ import Laundry from './laundry.svg';
 import Light from './light.svg';
 import LivingRoom from './living-room.svg';
 import Loading from './loading.svg';
+import Location from './location.jpg';
 import LogoCompany from './logo-company.svg';
 import LogoSmall from './logo-small.svg';
 import MagnifyingGlassReport from './magnifying-glass-report.svg';
@@ -148,10 +151,11 @@ 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, Arrow, Batery, Bathroom, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueFolder, BlueFolderShared, Box, Building, Calc, Calendar2, Catalog, Check, CheckInCircle, CheckPen, Chemistry, Cleaning, Closet, Clouds, Co2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Drop, DropCalendar, Electricity, Entryway, Exclamation, Face, Feedback, FileUploading, Finance, Fire, Flag, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Kitchen, Laundry, Light, LivingRoom, Loading, LogoCompany, LogoSmall, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plate, Play, Plus, Pool, Pool2, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, ShareWith, SixtyEight, SMS, Social, SolarPanel, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Warning, Warranty, WellDone, WholeHome, Wind, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
+export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueFolder, BlueFolderShared, Box, Building, Calc, Calendar2, Catalog, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Drop, DropCalendar, Electricity, Entryway, Exclamation, Face, Feedback, FileUploading, Finance, Fire, Flag, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Kitchen, Laundry, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plate, Play, Plus, Pool, Pool2, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, ShareWith, SixtyEight, SMS, Social, SolarPanel, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Warning, Warranty, WellDone, WholeHome, Wind, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
 export * from './appliances';
 export * from './clouds-animation';
 export * from './form';
 export * from './logos';
 export * from './groups';
 export * from './placeholders';
+export * from './shine';

package/dist/assets/images/index.ts

@@ -20,10 +20,12 @@ import Check from './check.svg'
 import CheckInCircle from './check-in-circle.svg'
 import CheckPen from './check-pen.svg'
 import Chemistry from './chemistry.svg'
+import CircleFace from './circle-face.svg'
 import Cleaning from './cleaning.svg'
 import Closet from './closet.svg'
 import Clouds from './clouds.png'
 import Co2 from './co2.svg'
+import Company from './company.svg'
 import ComputerReport from './computer-report.svg'
 import Confirmation from './confirmation.svg'
 import Construction from './construction.svg'
@@ -76,6 +78,7 @@ import Laundry from './laundry.svg'
 import Light from './light.svg'
 import LivingRoom from './living-room.svg'
 import Loading from './loading.svg'
+import Location from './location.jpg'
 import LogoCompany from './logo-company.svg'
 import LogoSmall from './logo-small.svg'
 import MagnifyingGlassReport from './magnifying-glass-report.svg'
@@ -172,10 +175,12 @@ export {
   CheckInCircle,
   CheckPen,
   Chemistry,
+  CircleFace,
   Cleaning,
   Closet,
   Clouds,
   Co2,
+  Company,
   ComputerReport,
   Confirmation,
   Construction,
@@ -228,6 +233,7 @@ export {
   Light,
   LivingRoom,
   Loading,
+  Location,
   LogoCompany,
   LogoSmall,
   MagnifyingGlassReport,
@@ -308,3 +314,4 @@ export * from './form'
 export * from './logos'
 export * from './groups'
 export * from './placeholders'
+export * from './shine'

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

@@ -5,5 +5,6 @@ import Lowes from './lowes.png';
 import Walmart from './walmart.png';
 import Prime from './prime.png';
 import Sears from './sears.png';
+import Shine from './shine.png';
 import Terminix from './terminix.png';
-export { APHW, HomeDepot, Homefile, Lowes, Walmart, Prime, Sears, Terminix };
+export { APHW, HomeDepot, Homefile, Lowes, Walmart, Prime, Sears, Shine, Terminix, };

package/dist/assets/images/logos/index.js

@@ -5,5 +5,6 @@ import Lowes from './lowes.png';
 import Walmart from './walmart.png';
 import Prime from './prime.png';
 import Sears from './sears.png';
+import Shine from './shine.png';
 import Terminix from './terminix.png';
-export { APHW, HomeDepot, Homefile, Lowes, Walmart, Prime, Sears, Terminix };
+export { APHW, HomeDepot, Homefile, Lowes, Walmart, Prime, Sears, Shine, Terminix, };

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

@@ -5,6 +5,17 @@ import Lowes from './lowes.png'
 import Walmart from './walmart.png'
 import Prime from './prime.png'
 import Sears from './sears.png'
+import Shine from './shine.png'
 import Terminix from './terminix.png'
 
-export { APHW, HomeDepot, Homefile, Lowes, Walmart, Prime, Sears, Terminix }
+export {
+  APHW,
+  HomeDepot,
+  Homefile,
+  Lowes,
+  Walmart,
+  Prime,
+  Sears,
+  Shine,
+  Terminix,
+}

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

@@ -0,0 +1,7 @@
+import GutterCleaning from './gutter-cleaning.png';
+import HomeCleaning from './home-cleaning.png';
+import HolidayLights from './holiday-lights.png';
+import Pressure from './pressure.png';
+import RoofCleaning from './roof-cleaning.png';
+import WindowCleaning from './window.png';
+export { GutterCleaning, HomeCleaning, HolidayLights, Pressure, RoofCleaning, WindowCleaning, };

package/dist/assets/images/shine/index.js

@@ -0,0 +1,7 @@
+import GutterCleaning from './gutter-cleaning.png';
+import HomeCleaning from './home-cleaning.png';
+import HolidayLights from './holiday-lights.png';
+import Pressure from './pressure.png';
+import RoofCleaning from './roof-cleaning.png';
+import WindowCleaning from './window.png';
+export { GutterCleaning, HomeCleaning, HolidayLights, Pressure, RoofCleaning, WindowCleaning, };

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

@@ -0,0 +1,15 @@
+import GutterCleaning from './gutter-cleaning.png'
+import HomeCleaning from './home-cleaning.png'
+import HolidayLights from './holiday-lights.png'
+import Pressure from './pressure.png'
+import RoofCleaning from './roof-cleaning.png'
+import WindowCleaning from './window.png'
+
+export {
+  GutterCleaning,
+  HomeCleaning,
+  HolidayLights,
+  Pressure,
+  RoofCleaning,
+  WindowCleaning,
+}

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

@@ -109,7 +109,8 @@
     "previous": "Previous",
     "save": "Save",
     "send": "Send",
-    "skip": "Skip for now"
+    "skip": "Skip for now",
+    "saveStep": "Save Step"
   },
   "createDocument": {
     "tabs": {
@@ -139,11 +140,20 @@
   },
   "contacts": {
     "addBtn": "Contact",
+    "addContact": "Add Contact",
+    "companyInfo": "Company Info",
+    "contactView": "View Contact",
+    "details": "Details",
+    "editContact": "Edit Contact",
     "error": "Email should be from a valid Homefile account",
+    "homeAddress": "Home Address",
+    "notes": "Notes",
     "shareContact": "Share Contact",
+    "permissions": "Permissions",
     "placeholders": {
       "email": "Enter Email"
     },
+    "rating": "Homeowner Rating",
     "title": "Contacts"
   },
   "daysOfWeek": {
@@ -601,6 +611,18 @@
     },
     "needImage": "Need image",
     "noResults": "No results found",
+    "shine": {
+      "heroTitle": "We do windows and so much more!",
+      "scheduleService": "Schedule a Service",
+      "services": {
+        "home": "Home Cleaning",
+        "lights": "Holiday Lights",
+        "gutter": "Gutter Cleaning",
+        "roof": "Roof Cleaning",
+        "pressure": "Pressure Washing",
+        "window": "Window Cleaning"
+      }
+    },
     "tabs": {
       "code": "Code",
       "content": "Content",

package/dist/components/animations/CloudsAnimation.js

@@ -69,5 +69,5 @@ export const CloudsAnimation = ({ children }) => {
     const isMobile = width < 768;
     if (isMobile)
         return _jsx(Fragment, { children: "children" });
-    return (_jsxs(Box, { minH: "100vh", w: "full", position: "relative", bgGradient: colors.skyGradient, overflowX: "hidden", children: [children, _jsx(Image, { src: Cloud1, position: "absolute", w: "auto", h: "80px", top: "50px", animation: `${moveRightToLeftWithFade3} 400s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud2, position: "absolute", w: "auto", h: "120px", top: "80px", animation: `${moveRightToLeftWithFade3} 200s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud3, position: "absolute", w: "auto", h: "160px", top: "120px", animation: `${moveRightToLeftWithFade3} 130s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud1, position: "absolute", w: "auto", h: "100px", top: "160px", animation: `${moveRightToLeftWithFade2} 400s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud2, position: "absolute", w: "auto", h: "112px", top: "220px", animation: `${moveRightToLeftWithFade2} 200s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud3, position: "absolute", w: "auto", h: "160px", top: "300px", animation: `${moveRightToLeftWithFade2} 130s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Airplane, position: "absolute", w: "auto", h: "40px", top: "85px", animation: `${moveLeftToRightAirplane} 500s cubic-bezier(1, 1, 1, 500) infinite`, zIndex: "1" }), _jsx(Image, { src: TreesCrop, position: "fixed", bottom: "0", right: "2", w: "auto", h: "80px", zIndex: "1" }), _jsx(Image, { src: TreesCrop2, position: "fixed", bottom: "0", left: "2", w: "auto", h: "80px", zIndex: "1" })] }));
+    return (_jsxs(Box, { minH: "100vh", w: "full", position: "relative", bgGradient: colors.skyGradient, overflowX: "hidden", overflowY: "scroll", children: [children, _jsx(Image, { src: Cloud1, position: "fixed", w: "auto", h: "80px", top: "50px", animation: `${moveRightToLeftWithFade3} 400s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud2, position: "fixed", w: "auto", h: "120px", top: "80px", animation: `${moveRightToLeftWithFade3} 200s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud3, position: "fixed", w: "auto", h: "160px", top: "120px", animation: `${moveRightToLeftWithFade3} 130s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud1, position: "fixed", w: "auto", h: "100px", top: "160px", animation: `${moveRightToLeftWithFade2} 400s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud2, position: "fixed", w: "auto", h: "112px", top: "220px", animation: `${moveRightToLeftWithFade2} 200s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud3, position: "fixed", w: "auto", h: "160px", top: "300px", animation: `${moveRightToLeftWithFade2} 130s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Airplane, position: "fixed", w: "auto", h: "40px", top: "85px", animation: `${moveLeftToRightAirplane} 500s cubic-bezier(1, 1, 1, 500) infinite`, zIndex: "1" }), _jsx(Image, { src: TreesCrop, position: "fixed", bottom: "0", right: "2", w: "auto", h: "80px", zIndex: "1" }), _jsx(Image, { src: TreesCrop2, position: "fixed", bottom: "0", left: "2", w: "auto", h: "80px", zIndex: "1" })] }));
 };

package/dist/components/contacts/ContactCard.d.ts

@@ -1,2 +1,2 @@
 import { ContactCardI } from '../../interfaces';
-export declare const ContactCard: ({ apiError, contact, index, menuItems, onShare, }: ContactCardI) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactCard: ({ apiError, contact, index, menuItems, onClick, onShare, }: ContactCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/ContactCard.js

@@ -2,7 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Container, Flex, Stack } from '@chakra-ui/react';
 import { ContactCardHeader, ContactCardInfo, ContactCardAddress, } from '..';
 import { colors } from '../../theme/colors';
-export const ContactCard = ({ apiError, contact, index, menuItems, onShare, }) => {
-    const { address, city, state, zip, company, email, firstName, lastName, phone, } = contact;
-    return (_jsx(Container, { maxW: 'none', children: _jsxs(Stack, { pb: "base", px: "base", children: [_jsx(ContactCardHeader, { apiError: apiError, contact: contact, menuItems: menuItems, onShare: onShare }), _jsxs(Flex, { justify: "space-between", align: "stretch", gap: "base", children: [_jsx(ContactCardInfo, { company, email, firstName, lastName, phone, index }), _jsx(Box, { borderLeft: `1px solid ${colors.lightBlue[1]}`, w: "45%", pl: "base", children: _jsx(ContactCardAddress, { company, address, city, state, zip }) })] })] }) }));
+export const ContactCard = ({ apiError, contact, index, menuItems, onClick, onShare, }) => {
+    const hasOnClick = typeof onClick === 'function';
+    return (_jsx(Container, { maxW: "none", textAlign: "start", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(Object.assign(Object.assign({}, contact), { index })), transition: "background-color 0.3s", _hover: {
+            bg: hasOnClick ? 'lightGreen.1' : 'transparent',
+        }, cursor: hasOnClick ? 'pointer' : 'default', children: _jsxs(Stack, { pb: "base", pt: "1", px: "base", spacing: "base", children: [_jsx(ContactCardHeader, { apiError: apiError, contact: contact, menuItems: menuItems, onShare: onShare }), _jsx(CardBody, { contact, index })] }) }));
+};
+const CardBody = ({ contact, index, }) => {
+    return (_jsxs(Flex, { justify: "space-between", align: "stretch", gap: "base", children: [_jsx(ContactCardInfo, Object.assign({}, contact, { index })), _jsx(Box, { borderLeft: `1px solid ${colors.lightBlue[1]}`, w: "45%", pl: "base", children: _jsx(ContactCardAddress, Object.assign({}, contact)) })] }));
 };

package/dist/components/contacts/ContactCardHeader.d.ts

@@ -1,2 +1,2 @@
 import { ContactCardHeaderI } from '../../interfaces';
-export declare const ContactCardHeader: ({ apiError, contact, menuItems, onShare, }: ContactCardHeaderI) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactCardHeader: (props: ContactCardHeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/ContactCardHeader.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { Flex, IconButton, Image, Text, useDisclosure } from '@chakra-ui/react';
+import { Flex, Image, Text } from '@chakra-ui/react';
 import { Contacts } from '../../assets/images';
-import { IconMenu, MoreHorizontal, ShareContactPopover, ShareIcon, } from '..';
-export const ContactCardHeader = ({ apiError, contact, menuItems, onShare, }) => {
+import { ContactHeaderMenu } from '..';
+export const ContactCardHeader = (props) => {
     var _a;
-    const { category, title } = contact;
-    const { isOpen, onOpen, onClose } = useDisclosure();
-    return (_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Image, { src: Contacts, boxSize: "1rem", "aria-label": (_a = t('ariaLabels.contact')) !== null && _a !== void 0 ? _a : ' ' }), _jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Text, { fontSize: "xs", children: category.toUpperCase() }), title && (_jsx(Text, { fontSize: "xs", color: "gray.4", children: "|" })), _jsx(Text, { fontSize: "xs", children: title.toUpperCase() })] })] }), _jsxs(Flex, { align: "center", position: "relative", gap: "base", py: "base", children: [_jsx(IconButton, { "aria-label": "share", variant: "menuIcon", icon: _jsx(ShareIcon, { size: 18 }), onClick: onOpen, w: "fit-content" }), _jsx(ShareContactPopover, { apiError: apiError, contact: contact, isOpen: isOpen, onClose: onClose, onShare: onShare }), _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 32 }), itemForm: contact, menuItems: menuItems, disabled: menuItems.length < 1 })] })] }));
+    const { category, title } = props.contact;
+    return (_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Image, { src: Contacts, boxSize: "1rem", "aria-label": (_a = t('ariaLabels.contact')) !== null && _a !== void 0 ? _a : ' ' }), _jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Text, { fontSize: "xs", children: category.toUpperCase() }), title && (_jsx(Text, { fontSize: "xs", color: "gray.4", children: "|" })), _jsx(Text, { fontSize: "xs", children: title.toUpperCase() })] })] }), _jsx(ContactHeaderMenu, Object.assign({}, props))] }));
 };

package/dist/components/contacts/ContactHeaderMenu.d.ts

@@ -0,0 +1,2 @@
+import { ContactCardHeaderI } from '../../interfaces';
+export declare const ContactHeaderMenu: ({ apiError, contact, menuItems, onShare, }: ContactCardHeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/ContactHeaderMenu.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, IconButton, useDisclosure } from '@chakra-ui/react';
+import { ShareIcon, MoreHorizontal, IconMenu, ShareContactPopover, } from '..';
+export const ContactHeaderMenu = ({ apiError, contact, menuItems, onShare, }) => {
+    const { isOpen, onOpen, onClose } = useDisclosure();
+    return (_jsxs(Flex, { align: "center", position: "relative", gap: "base", children: [_jsx(IconButton, { "aria-label": "share", variant: "menuIcon", icon: _jsx(ShareIcon, { size: 18 }), onClick: onOpen, w: "fit-content" }), _jsx(ShareContactPopover, { apiError: apiError, contact: contact, isOpen: isOpen, onClose: onClose, onShare: onShare }), _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 32 }), itemForm: contact, menuItems: menuItems, disabled: menuItems.length < 1 })] }));
+};

package/dist/components/contacts/ContactsContent.d.ts

@@ -1,2 +1,2 @@
 import { ContactsContentI } from '../../interfaces';
-export declare const ContactsContent: ({ apiError, contacts, menuItems, handleClose, children, handleAdd, disabled, onShare, }: ContactsContentI) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactsContent: ({ apiError, contacts, menuItems, handleClose, children, handleAdd, disabled, onClick, onShare, }: ContactsContentI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/ContactsContent.js

@@ -4,9 +4,9 @@ import { DrawerContent, DrawerHeader, DrawerBody, Flex, Stack, } from '@chakra-u
 import { Contacts } from '../../assets/images';
 import { ContactCard, LeftButtonAnimated, PanelHeader, SearchInput, } from '..';
 import { useContactsContent, useWindowDimensions } from '../../hooks';
-export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, children, handleAdd, disabled, onShare, }) => {
+export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, children, handleAdd, disabled, onClick, onShare, }) => {
     const { filteredContacts, handleChange, search } = useContactsContent(contacts);
     const { windowDimensions: { width }, } = useWindowDimensions();
     const maxW = width > 413 ? '16rem' : '10rem';
-    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: handleClose, icon: Contacts, title: t('contacts.title') }), _jsxs(Flex, { justify: "space-between", pl: "base", my: "base", align: "center", gap: "base", children: [_jsx(SearchInput, { maxW: maxW, value: search, onChange: handleChange }), _jsx(LeftButtonAnimated, { onClick: handleAdd, label: t('contacts.addBtn'), disabled: disabled })] })] }), _jsxs(DrawerBody, { p: "0", children: [_jsx(Stack, { spacing: "2", p: "base", bg: "lightBlue.2", minHeight: "full", children: filteredContacts.map((contact, idx) => (_jsx(ContactCard, { apiError: apiError, contact: contact, menuItems: menuItems, onShare: onShare, index: idx }, contact._id))) }), children] })] }));
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: handleClose, icon: Contacts, title: t('contacts.title') }), _jsxs(Flex, { justify: "space-between", pl: "base", my: "base", align: "center", gap: "base", children: [_jsx(SearchInput, { maxW: maxW, value: search, onChange: handleChange }), _jsx(LeftButtonAnimated, { onClick: handleAdd, label: t('contacts.addBtn'), disabled: disabled })] })] }), _jsxs(DrawerBody, { p: "0", overflowX: "hidden", children: [_jsx(Stack, { spacing: "2", p: "base", bg: "lightBlue.2", minHeight: "full", children: filteredContacts.map((contact, idx) => (_jsx(ContactCard, { apiError: apiError, contact: contact, menuItems: menuItems, onClick: onClick, onShare: onShare, index: idx }, contact._id))) }), children] })] }));
 };

package/dist/components/contacts/addEditPanel/AddEditContactPanel.d.ts

@@ -0,0 +1,2 @@
+import { AddEditContactPanelI } from '../../../interfaces';
+export declare const AddEditContactPanel: ({ detailsComponent, isEditing, onBackClick, permissionsComponent, }: AddEditContactPanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/addEditPanel/AddEditContactPanel.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { DrawerContent, DrawerHeader, DrawerBody, Flex, Box, Text, } from '@chakra-ui/react';
+import { BackCircleButton, PanelHeader, TabsHeader } from '../..';
+import { Contacts } from '../../../assets/images';
+import { dynamicFormProxy } from '../../../proxies';
+import { useSnapshot } from 'valtio';
+export const AddEditContactPanel = ({ detailsComponent, isEditing, onBackClick, permissionsComponent, }) => {
+    var _a, _b;
+    const { fields } = useSnapshot(dynamicFormProxy);
+    const name = (_b = (_a = fields === null || fields === void 0 ? void 0 : fields[0]) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b[0].children;
+    const fullName = `${name === null || name === void 0 ? void 0 : name[0].value} ${name === null || name === void 0 ? void 0 : name[1].value}`;
+    const tabs = [
+        {
+            label: t('contacts.details'),
+            component: detailsComponent,
+        },
+        {
+            label: t('contacts.permissions'),
+            component: permissionsComponent,
+        },
+    ];
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: () => null, icon: Contacts, title: isEditing ? t('contacts.editContact') : t('contacts.addContact') }), _jsxs(Flex, { align: "center", gap: "base", bg: "lightBlue.2", p: "base", children: [_jsx(BackCircleButton, { onClick: onBackClick }), _jsx(Box, { borderLeft: "solid", borderWidth: "1px", borderColor: "lightBlue.6", h: "1.75rem" }), _jsx(Text, { fontSize: "lg", fontWeight: "medium", isTruncated: true, children: fullName })] })] }), _jsx(DrawerBody, { p: "0", overflowX: "hidden", position: "relative", children: _jsx(TabsHeader, { tabList: tabs }) })] }));
+};

package/dist/components/contacts/addEditPanel/index.d.ts

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

package/dist/components/contacts/addEditPanel/index.js

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

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

@@ -1,7 +1,10 @@
+export * from './addEditPanel';
 export * from './shareContactForms';
+export * from './viewPanel';
 export * from './ContactCard';
 export * from './ContactCardAddress';
 export * from './ContactCardHeader';
 export * from './ContactCardInfo';
+export * from './ContactHeaderMenu';
 export * from './ContactsContent';
 export * from './ShareContactPopover';

package/dist/components/contacts/index.js

@@ -1,7 +1,10 @@
+export * from './addEditPanel';
 export * from './shareContactForms';
+export * from './viewPanel';
 export * from './ContactCard';
 export * from './ContactCardAddress';
 export * from './ContactCardHeader';
 export * from './ContactCardInfo';
+export * from './ContactHeaderMenu';
 export * from './ContactsContent';
 export * from './ShareContactPopover';

package/dist/components/contacts/viewPanel/CompanyInfoCard.d.ts

@@ -0,0 +1,2 @@
+import { ViewContactPanelI } from '../../../interfaces';
+export declare const CompanyInfoCard: ({ contact, }: Pick<ViewContactPanelI, "contact">) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/contacts/viewPanel/CompanyInfoCard.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Center, Flex, Stack, Text, Image } from '@chakra-ui/react';
+import { getImageAltText } from '../../../utils';
+import { Location } from '../../../assets/images';
+import { CompanyRating } from './CompanyRating';
+export const CompanyInfoCard = ({ contact, }) => {
+    if (!contact.companyInfo)
+        return null;
+    const { company, phone, url, address, city, state, zip, rating } = contact.companyInfo;
+    const alt = getImageAltText(Location);
+    return (_jsxs(Box, { position: "relative", children: [_jsx(CompanyRating, { contact: contact, position: "absolute", top: "0", right: "0", zIndex: "1" }), _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { textTransform: "uppercase", fontSize: "xs", children: t('contacts.companyInfo') }), _jsxs(Flex, { gap: "base", minH: "50px", children: [_jsx(Center, { h: "78px", w: "78px", children: _jsx(Image, { src: Location, alt: alt }) }), _jsxs(Stack, { spacing: "6", children: [_jsxs(Stack, { spacing: "0.5", children: [_jsx(Text, { fontWeight: "bold", fontSize: "lg", children: company }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "sm", children: phone }), _jsx(Text, { variant: "email", lineHeight: "1", fontSize: "sm", children: url })] })] }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "xs", lineHeight: "16px", children: address }), _jsx(Text, { fontSize: "xs", lineHeight: "16px", children: `${city}, ${state} ${zip}` })] })] })] })] })] }));
+};

package/dist/components/contacts/viewPanel/CompanyRating.d.ts

@@ -0,0 +1,3 @@
+import { StackProps } from '@chakra-ui/react';
+import { ViewContactPanelI } from '../../../interfaces';
+export declare const CompanyRating: ({ contact, ...props }: Pick<ViewContactPanelI, "contact"> & StackProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/contacts/viewPanel/CompanyRating.js

@@ -0,0 +1,27 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Flex, Stack, Text } from '@chakra-ui/react';
+import { Star } from '../..';
+import { colors } from '../../../theme/colors';
+export const CompanyRating = (_a) => {
+    var _b;
+    var { contact } = _a, props = __rest(_a, ["contact"]);
+    if (!((_b = contact.companyInfo) === null || _b === void 0 ? void 0 : _b.rating))
+        return null;
+    const { rating, _id } = contact.companyInfo;
+    return (_jsxs(Stack, Object.assign({ spacing: "0", align: "end" }, props, { children: [_jsx(Text, { textTransform: "uppercase", fontSize: "10px", children: t('contacts.rating') }), _jsx(Flex, { align: "center", gap: "1", children: Array.from({ length: 5 }).map((_, index) => {
+                    const starColor = rating >= index ? colors.yellow['1'] : colors.gray['1'];
+                    return _jsx(Star, { stroke: starColor, size: 13 }, `${_id}-${index}`);
+                }) })] })));
+};

package/dist/components/contacts/viewPanel/ContactAddressCard.d.ts

@@ -0,0 +1,2 @@
+import { ViewContactPanelI } from '../../../interfaces';
+export declare const ContactAddressCard: ({ contact, }: Pick<ViewContactPanelI, "contact">) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/contacts/viewPanel/ContactAddressCard.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Center, Flex, Stack, Text, Image } from '@chakra-ui/react';
+import { getImageAltText } from '../../../utils';
+import { Location } from '../../../assets/images';
+export const ContactAddressCard = ({ contact, }) => {
+    if (!contact)
+        return null;
+    const { address, city, state, zip, lastName } = contact;
+    const alt = getImageAltText(Location);
+    return (_jsxs(Stack, { spacing: "base", children: [_jsx(Text, { textTransform: "uppercase", fontSize: "xs", children: t('contacts.homeAddress') }), _jsxs(Flex, { gap: "base", minH: "50px", children: [_jsx(Center, { h: "78px", w: "78px", children: _jsx(Image, { src: Location, alt: alt }) }), _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { fontWeight: "bold", fontSize: "lg", children: `${lastName}s Home` }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "xs", lineHeight: "16px", children: address }), _jsx(Text, { fontSize: "xs", lineHeight: "16px", children: `${city}, ${state} ${zip}` })] })] })] })] }));
+};

package/dist/components/contacts/viewPanel/ContactNotes.d.ts

@@ -0,0 +1,3 @@
+export declare const ContactNotes: ({ notes }: {
+    notes?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/contacts/viewPanel/ContactNotes.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Stack, Text } from '@chakra-ui/react';
+export const ContactNotes = ({ notes = '' }) => {
+    if (!notes)
+        return null;
+    return (_jsxs(Stack, { spacing: "base", children: [_jsx(Text, { textTransform: "uppercase", fontSize: "xs", children: t('contacts.notes') }), _jsx(Text, { fontSize: "sm", fontFamily: "secondary", lineHeight: "16px", children: notes })] }));
+};

package/dist/components/contacts/viewPanel/PersonalInfoCard.d.ts

@@ -0,0 +1,2 @@
+import { ContactCardInfoI } from '../../../interfaces';
+export declare const PersonalInfoCard: ({ email, firstName, index, lastName, phone, title, }: ContactCardInfoI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/viewPanel/PersonalInfoCard.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Center, Flex, Stack, Text } from '@chakra-ui/react';
+import { randomColor } from '../../../utils';
+export const PersonalInfoCard = ({ email, firstName, index, lastName, phone, title, }) => {
+    const name = `${firstName} ${lastName}`.trim();
+    const initials = firstName.charAt(0) + lastName.charAt(0);
+    return (_jsxs(Flex, { gap: "base", minH: "50px", align: "center", children: [_jsx(Center, { h: "78px", w: "78px", bg: randomColor(index), children: _jsx(Text, { fontSize: "36px", fontWeight: "extrabold", fontFamily: "primary", color: "neutral.white", children: initials }) }), _jsxs(Stack, { spacing: "0.5", children: [_jsx(Text, { fontWeight: "bold", fontSize: "xl", children: name }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "sm", children: title }), _jsx(Text, { fontSize: "sm", children: phone }), _jsx(Text, { variant: "email", lineHeight: "1", fontSize: "sm", children: email })] })] })] }));
+};