@gusto/embedded-react-sdk 0.13.3 → 0.13.4

package/dist/components/Company/PaySchedule/_parts/Edit.js

@@ -6,24 +6,23 @@ import { usePaySchedule as N } from "../usePaySchedule.js";
 import l from "./Edit.module.scss.js";
 import { Flex as h } from "../../../Common/Flex/Flex.js";
 import { Grid as x } from "../../../Common/Grid/Grid.js";
-import "classnames";
-import { useComponentContext as E } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useLocale as O } from "../../../../contexts/LocaleProvider/useLocale.js";
-import { formatDateNamedWeekdayShortPlusDate as f } from "../../../../helpers/dateFormatting.js";
-import { TextInputField as R } from "../../../Common/Fields/TextInputField/TextInputField.js";
-import { SelectField as F } from "../../../Common/Fields/SelectField/SelectField.js";
-import { RadioGroupField as M } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { RadioGroupField as E } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { TextInputField as O } from "../../../Common/Fields/TextInputField/TextInputField.js";
+import { DatePickerField as f } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 import { NumberInputField as P } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-import { DatePickerField as D } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
-const Q = () => {
-  const o = E(), { t: e } = S("Company.PaySchedule"), { locale: u } = O(), { payPeriodPreview: r, mode: p, payPreviewLoading: v } = N(), { setValue: d } = C(), [a, b] = g(0), i = y({ name: "frequency" }), n = y({ name: "customTwicePerMonth" }), w = i === "Twice per month" && n === "custom" || i === "Monthly", q = i === "Twice per month" && n === "custom";
+import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useLocale as F } from "../../../../contexts/LocaleProvider/useLocale.js";
+import { formatDateNamedWeekdayShortPlusDate as D } from "../../../../helpers/dateFormatting.js";
+import { SelectField as M } from "../../../Common/Fields/SelectField/SelectField.js";
+const K = () => {
+  const o = R(), { t: e } = S("Company.PaySchedule"), { locale: u } = F(), { payPeriodPreview: r, mode: p, payPreviewLoading: v } = N(), { setValue: d } = C(), [a, b] = g(0), i = y({ name: "frequency" }), n = y({ name: "customTwicePerMonth" }), w = i === "Twice per month" && n === "custom" || i === "Monthly", q = i === "Twice per month" && n === "custom";
   return T(() => {
     i === "Twice per month" && n === "1st15th" && (d("day1", 15), d("day2", 31));
   }, [i, n, d]), p !== "EDIT_PAY_SCHEDULE" && p !== "ADD_PAY_SCHEDULE" ? null : /* @__PURE__ */ t("div", { className: l.payScheduleContainer, children: /* @__PURE__ */ m(x, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
     /* @__PURE__ */ t("div", { className: l.payScheduleForm, children: /* @__PURE__ */ m(h, { flexDirection: "column", children: [
-      /* @__PURE__ */ t(R, { name: "customName", label: "Name", isRequired: !0 }),
+      /* @__PURE__ */ t(O, { name: "customName", label: "Name", isRequired: !0 }),
       /* @__PURE__ */ t(
-        F,
+        M,
         {
           name: "frequency",
           label: e("labels.frequency"),
@@ -37,7 +36,7 @@ const Q = () => {
         }
       ),
       i === "Twice per month" && /* @__PURE__ */ t(
-        M,
+        E,
         {
           name: "customTwicePerMonth",
           label: e("labels.frequencyOptions"),
@@ -49,7 +48,7 @@ const Q = () => {
         }
       ),
       /* @__PURE__ */ t(
-        D,
+        f,
         {
           name: "anchorPayDate",
           label: e("labels.firstPayDate"),
@@ -58,7 +57,7 @@ const Q = () => {
         }
       ),
       /* @__PURE__ */ t(
-        D,
+        f,
         {
           name: "anchorEndOfPayPeriod",
           label: e("labels.firstPayPeriodEndDate"),
@@ -77,7 +76,7 @@ const Q = () => {
           isRequired: !0,
           options: r.map((s, c) => ({
             value: String(c),
-            label: `${f(s.startDate, u)} – ${f(s.endDate, u)}`
+            label: `${D(s.startDate, u)} – ${D(s.endDate, u)}`
           })),
           value: String(a),
           onChange: (s) => {
@@ -123,6 +122,6 @@ const Q = () => {
   ] }) });
 };
 export {
-  Q as Edit
+  K as Edit
 };
 //# sourceMappingURL=Edit.js.map

package/dist/components/Company/PaySchedule/_parts/Edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/Edit.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useEffect, useState } from 'react'\nimport type { PayScheduleInputs } from '../usePaySchedule'\nimport { usePaySchedule } from '../usePaySchedule'\nimport style from './Edit.module.scss'\nimport {\n  Flex,\n  SelectField,\n  RadioGroupField,\n  Grid,\n  TextInputField,\n  NumberInputField,\n  DatePickerField,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport { formatDateNamedWeekdayShortPlusDate } from '@/helpers/dateFormatting'\n\nexport const Edit = () => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('Company.PaySchedule')\n  const { locale } = useLocale()\n  const { payPeriodPreview, mode, payPreviewLoading } = usePaySchedule()\n  const { setValue } = useFormContext<PayScheduleInputs>()\n  const [selectedPayPeriodIndex, setSelectedPayPeriodIndex] = useState<number>(0)\n\n  const frequency = useWatch({ name: 'frequency' })\n  const customTwicePerMonth = useWatch({ name: 'customTwicePerMonth' })\n\n  const shouldShowDay1 =\n    (frequency === 'Twice per month' && customTwicePerMonth === 'custom') || frequency === 'Monthly'\n  const shouldShowDay2 = frequency === 'Twice per month' && customTwicePerMonth === 'custom'\n\n  useEffect(() => {\n    if (frequency === 'Twice per month' && customTwicePerMonth === '1st15th') {\n      setValue('day1', 15)\n      setValue('day2', 31)\n    }\n  }, [frequency, customTwicePerMonth, setValue])\n\n  if (mode !== 'EDIT_PAY_SCHEDULE' && mode !== 'ADD_PAY_SCHEDULE') {\n    return null\n  }\n\n  return (\n    <div className={style.payScheduleContainer}>\n      <Grid gap={32} gridTemplateColumns={{ base: '1fr', small: '1fr 1fr' }}>\n        <div className={style.payScheduleForm}>\n          <Flex flexDirection={'column'}>\n            <TextInputField name=\"customName\" label=\"Name\" isRequired />\n            <SelectField\n              name=\"frequency\"\n              label={t('labels.frequency')}\n              options={[\n                { value: 'Every week', label: t('frequencies.everyWeek') },\n                { value: 'Every other week', label: t('frequencies.everyOtherWeek') },\n                { value: 'Twice per month', label: t('frequencies.twicePerMonth') },\n                { value: 'Monthly', label: t('frequencies.monthly') },\n              ]}\n              isRequired\n            />\n            {frequency === 'Twice per month' && (\n              <RadioGroupField\n                name=\"customTwicePerMonth\"\n                label={t('labels.frequencyOptions')}\n                description={t('descriptions.frequencyOptionsDescription')}\n                options={[\n                  { value: '1st15th', label: t('frequencyOptions.15thAndLast') },\n                  { value: 'custom', label: t('frequencyOptions.custom') },\n                ]}\n              />\n            )}\n            <DatePickerField\n              name=\"anchorPayDate\"\n              label={t('labels.firstPayDate')}\n              description={t('descriptions.anchorPayDateDescription')}\n              isRequired\n            />\n            <DatePickerField\n              name=\"anchorEndOfPayPeriod\"\n              label={t('labels.firstPayPeriodEndDate')}\n              description={t('descriptions.anchorEndOfPayPeriodDescription')}\n              isRequired\n            />\n            <div className={shouldShowDay1 ? '' : style.visuallyHidden}>\n              <NumberInputField name=\"day1\" label={t('labels.firstPayDayOfTheMonth')} isRequired />\n            </div>\n            <div className={shouldShowDay2 ? '' : style.visuallyHidden}>\n              <NumberInputField name=\"day2\" label={t('labels.lastPayDayOfTheMonth')} isRequired />\n            </div>\n          </Flex>\n        </div>\n        <Flex flexDirection=\"column\" gap={4} justifyContent=\"center\" alignItems=\"center\">\n          {payPeriodPreview && payPeriodPreview[selectedPayPeriodIndex] ? (\n            <div className={style.calendarContainer}>\n              {!payPreviewLoading && (\n                <Components.Select\n                  label={t('labels.preview')}\n                  isRequired\n                  options={payPeriodPreview.map((period, index) => {\n                    return {\n                      value: String(index),\n                      label: `${formatDateNamedWeekdayShortPlusDate(period.startDate, locale)} – ${formatDateNamedWeekdayShortPlusDate(period.endDate, locale)}`,\n                    }\n                  })}\n                  value={String(selectedPayPeriodIndex)}\n                  onChange={(value: string) => {\n                    const numericValue = Number(value)\n                    if (!isNaN(numericValue)) {\n                      setSelectedPayPeriodIndex(numericValue)\n                    }\n                  }}\n                />\n              )}\n              <Components.CalendarPreview\n                key={selectedPayPeriodIndex}\n                dateRange={{\n                  start: new Date(payPeriodPreview[selectedPayPeriodIndex].startDate as string),\n                  end: new Date(payPeriodPreview[selectedPayPeriodIndex].endDate as string),\n                  label: t('payPreview.payPeriod') || 'Pay Period',\n                }}\n                highlightDates={[\n                  {\n                    date: new Date(payPeriodPreview[selectedPayPeriodIndex].checkDate as string),\n                    highlightColor: 'primary',\n                    label: t('payPreview.payday') || 'Payday',\n                  },\n                  {\n                    date: new Date(payPeriodPreview[selectedPayPeriodIndex].runPayrollBy as string),\n                    highlightColor: 'secondary',\n                    label: t('payPreview.payrollDeadline') || 'Payroll Deadline',\n                  },\n                ]}\n              />\n            </div>\n          ) : (\n            <div className={style.calendarContainer}>\n              <Components.Alert\n                status=\"info\"\n                label={t('previewAlert.title', 'Pay Schedule Preview')}\n              >\n                <Components.Text>\n                  {t(\n                    'previewAlert.description',\n                    'Complete all the required fields on the left to see a preview of your pay schedule.',\n                  )}\n                </Components.Text>\n              </Components.Alert>\n            </div>\n          )}\n        </Flex>\n      </Grid>\n    </div>\n  )\n}\n"],"names":["Edit","Components","useComponentContext","t","useTranslation","locale","useLocale","payPeriodPreview","mode","payPreviewLoading","usePaySchedule","setValue","useFormContext","selectedPayPeriodIndex","setSelectedPayPeriodIndex","useState","frequency","useWatch","customTwicePerMonth","shouldShowDay1","shouldShowDay2","useEffect","jsx","style","jsxs","Grid","Flex","TextInputField","SelectField","RadioGroupField","DatePickerField","NumberInputField","period","index","formatDateNamedWeekdayShortPlusDate","value","numericValue"],"mappings":"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"}
+{"version":3,"file":"Edit.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/Edit.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useEffect, useState } from 'react'\nimport type { PayScheduleInputs } from '../usePaySchedule'\nimport { usePaySchedule } from '../usePaySchedule'\nimport style from './Edit.module.scss'\nimport {\n  Flex,\n  SelectField,\n  RadioGroupField,\n  Grid,\n  TextInputField,\n  NumberInputField,\n  DatePickerField,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport { formatDateNamedWeekdayShortPlusDate } from '@/helpers/dateFormatting'\n\nexport const Edit = () => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('Company.PaySchedule')\n  const { locale } = useLocale()\n  const { payPeriodPreview, mode, payPreviewLoading } = usePaySchedule()\n  const { setValue } = useFormContext<PayScheduleInputs>()\n  const [selectedPayPeriodIndex, setSelectedPayPeriodIndex] = useState<number>(0)\n\n  const frequency = useWatch({ name: 'frequency' })\n  const customTwicePerMonth = useWatch({ name: 'customTwicePerMonth' })\n\n  const shouldShowDay1 =\n    (frequency === 'Twice per month' && customTwicePerMonth === 'custom') || frequency === 'Monthly'\n  const shouldShowDay2 = frequency === 'Twice per month' && customTwicePerMonth === 'custom'\n\n  useEffect(() => {\n    if (frequency === 'Twice per month' && customTwicePerMonth === '1st15th') {\n      setValue('day1', 15)\n      setValue('day2', 31)\n    }\n  }, [frequency, customTwicePerMonth, setValue])\n\n  if (mode !== 'EDIT_PAY_SCHEDULE' && mode !== 'ADD_PAY_SCHEDULE') {\n    return null\n  }\n\n  return (\n    <div className={style.payScheduleContainer}>\n      <Grid gap={32} gridTemplateColumns={{ base: '1fr', small: '1fr 1fr' }}>\n        <div className={style.payScheduleForm}>\n          <Flex flexDirection={'column'}>\n            <TextInputField name=\"customName\" label=\"Name\" isRequired />\n            <SelectField\n              name=\"frequency\"\n              label={t('labels.frequency')}\n              options={[\n                { value: 'Every week', label: t('frequencies.everyWeek') },\n                { value: 'Every other week', label: t('frequencies.everyOtherWeek') },\n                { value: 'Twice per month', label: t('frequencies.twicePerMonth') },\n                { value: 'Monthly', label: t('frequencies.monthly') },\n              ]}\n              isRequired\n            />\n            {frequency === 'Twice per month' && (\n              <RadioGroupField\n                name=\"customTwicePerMonth\"\n                label={t('labels.frequencyOptions')}\n                description={t('descriptions.frequencyOptionsDescription')}\n                options={[\n                  { value: '1st15th', label: t('frequencyOptions.15thAndLast') },\n                  { value: 'custom', label: t('frequencyOptions.custom') },\n                ]}\n              />\n            )}\n            <DatePickerField\n              name=\"anchorPayDate\"\n              label={t('labels.firstPayDate')}\n              description={t('descriptions.anchorPayDateDescription')}\n              isRequired\n            />\n            <DatePickerField\n              name=\"anchorEndOfPayPeriod\"\n              label={t('labels.firstPayPeriodEndDate')}\n              description={t('descriptions.anchorEndOfPayPeriodDescription')}\n              isRequired\n            />\n            <div className={shouldShowDay1 ? '' : style.visuallyHidden}>\n              <NumberInputField name=\"day1\" label={t('labels.firstPayDayOfTheMonth')} isRequired />\n            </div>\n            <div className={shouldShowDay2 ? '' : style.visuallyHidden}>\n              <NumberInputField name=\"day2\" label={t('labels.lastPayDayOfTheMonth')} isRequired />\n            </div>\n          </Flex>\n        </div>\n        <Flex flexDirection=\"column\" gap={4} justifyContent=\"center\" alignItems=\"center\">\n          {payPeriodPreview && payPeriodPreview[selectedPayPeriodIndex] ? (\n            <div className={style.calendarContainer}>\n              {!payPreviewLoading && (\n                <Components.Select\n                  label={t('labels.preview')}\n                  isRequired\n                  options={payPeriodPreview.map((period, index) => {\n                    return {\n                      value: String(index),\n                      label: `${formatDateNamedWeekdayShortPlusDate(period.startDate, locale)} – ${formatDateNamedWeekdayShortPlusDate(period.endDate, locale)}`,\n                    }\n                  })}\n                  value={String(selectedPayPeriodIndex)}\n                  onChange={(value: string) => {\n                    const numericValue = Number(value)\n                    if (!isNaN(numericValue)) {\n                      setSelectedPayPeriodIndex(numericValue)\n                    }\n                  }}\n                />\n              )}\n              <Components.CalendarPreview\n                key={selectedPayPeriodIndex}\n                dateRange={{\n                  start: new Date(payPeriodPreview[selectedPayPeriodIndex].startDate as string),\n                  end: new Date(payPeriodPreview[selectedPayPeriodIndex].endDate as string),\n                  label: t('payPreview.payPeriod') || 'Pay Period',\n                }}\n                highlightDates={[\n                  {\n                    date: new Date(payPeriodPreview[selectedPayPeriodIndex].checkDate as string),\n                    highlightColor: 'primary',\n                    label: t('payPreview.payday') || 'Payday',\n                  },\n                  {\n                    date: new Date(payPeriodPreview[selectedPayPeriodIndex].runPayrollBy as string),\n                    highlightColor: 'secondary',\n                    label: t('payPreview.payrollDeadline') || 'Payroll Deadline',\n                  },\n                ]}\n              />\n            </div>\n          ) : (\n            <div className={style.calendarContainer}>\n              <Components.Alert\n                status=\"info\"\n                label={t('previewAlert.title', 'Pay Schedule Preview')}\n              >\n                <Components.Text>\n                  {t(\n                    'previewAlert.description',\n                    'Complete all the required fields on the left to see a preview of your pay schedule.',\n                  )}\n                </Components.Text>\n              </Components.Alert>\n            </div>\n          )}\n        </Flex>\n      </Grid>\n    </div>\n  )\n}\n"],"names":["Edit","Components","useComponentContext","t","useTranslation","locale","useLocale","payPeriodPreview","mode","payPreviewLoading","usePaySchedule","setValue","useFormContext","selectedPayPeriodIndex","setSelectedPayPeriodIndex","useState","frequency","useWatch","customTwicePerMonth","shouldShowDay1","shouldShowDay2","useEffect","jsx","style","jsxs","Grid","Flex","TextInputField","SelectField","RadioGroupField","DatePickerField","NumberInputField","period","index","formatDateNamedWeekdayShortPlusDate","value","numericValue"],"mappings":"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"}

package/dist/components/Company/PaySchedule/_parts/Head.js

@@ -1,15 +1,16 @@
-import { jsx as e, jsxs as r, Fragment as o } from "react/jsx-runtime";
+import { jsx as e, jsxs as s, Fragment as o } from "react/jsx-runtime";
 import { useTranslation as c, Trans as a } from "react-i18next";
 import { usePaySchedule as d } from "../usePaySchedule.js";
 import { Flex as h } from "../../../Common/Flex/Flex.js";
 import "classnames";
+import "../../../../shared/constants.js";
 import { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const D = () => {
-  const { t } = c("Company.PaySchedule"), n = l(), { mode: s } = d();
+const S = () => {
+  const { t } = c("Company.PaySchedule"), n = l(), { mode: r } = d();
   let i = /* @__PURE__ */ e(o, {});
-  switch (s) {
+  switch (r) {
     case "LIST_PAY_SCHEDULES":
-      i = /* @__PURE__ */ r(o, { children: [
+      i = /* @__PURE__ */ s(o, { children: [
         /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("headings.pageTitle") }),
         /* @__PURE__ */ e(n.Text, { children: /* @__PURE__ */ e(
           a,
@@ -43,6 +44,6 @@ const D = () => {
   return /* @__PURE__ */ e(h, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ e("header", { children: i }) });
 };
 export {
-  D as Head
+  S as Head
 };
 //# sourceMappingURL=Head.js.map

package/dist/components/Company/PaySchedule/_parts/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/Head.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n// Head slot for PaySchedule component\nexport const Head = () => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n\n  const { mode } = usePaySchedule()\n  let headingOutput: React.ReactElement = <></>\n\n  switch (mode) {\n    case 'LIST_PAY_SCHEDULES':\n      headingOutput = (\n        <>\n          <Components.Heading as=\"h2\">{t('headings.pageTitle')}</Components.Heading>\n          <Components.Text>\n            <Trans\n              i18nKey={'listDescription'}\n              t={t}\n              components={{\n                how_to_choose_schedule: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n          <Components.Text>\n            <Trans\n              i18nKey={'listDescription2'}\n              t={t}\n              components={{\n                payment_law_doc: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n        </>\n      )\n      break\n    case 'ADD_PAY_SCHEDULE':\n      headingOutput = (\n        <Components.Heading as=\"h2\">{t('headings.addPaySchedule')}</Components.Heading>\n      )\n      break\n    case 'EDIT_PAY_SCHEDULE':\n      headingOutput = (\n        <Components.Heading as=\"h2\">{t('headings.editPaySchedule')}</Components.Heading>\n      )\n      break\n    default:\n  }\n\n  return (\n    <Flex justifyContent=\"space-between\" flexDirection={'column'} gap={4}>\n      <header>{headingOutput}</header>\n    </Flex>\n  )\n}\n"],"names":["Head","useTranslation","Components","useComponentContext","mode","usePaySchedule","headingOutput","jsx","Fragment","jsxs","Trans","Flex"],"mappings":";;;;;;AAMO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GAEb,EAAE,MAAAC,EAAA,IAASC,EAAA;AACjB,MAAIC,IAAoC,gBAAAC,EAAAC,GAAA,EAAE;AAE1C,UAAQJ,GAAA;AAAA,IACN,KAAK;AACH,MAAAE,IACE,gBAAAG,EAAAD,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAD,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,oBAAoB,GAAE;AAAA,QACrD,gBAAAK,EAACL,EAAW,MAAX,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT;AAAA,YACA,YAAY;AAAA,cACV,wBAAwB,gBAAAH,EAACL,EAAW,MAAX,CAAA,CAAgB;AAAA,YAAA;AAAA,UAC3C;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAK,EAACL,EAAW,MAAX,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT;AAAA,YACA,YAAY;AAAA,cACV,iBAAiB,gBAAAH,EAACL,EAAW,MAAX,CAAA,CAAgB;AAAA,YAAA;AAAA,UACpC;AAAA,QAAA,EACF,CACF;AAAA,MAAA,GACF;AAEF;AAAA,IACF,KAAK;AACH,MAAAI,IACE,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,yBAAyB,GAAE;AAE5D;AAAA,IACF,KAAK;AACH,MAAAI,IACE,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,0BAA0B,GAAE;AAE7D;AAAA,EACF;AAGF,SACE,gBAAAK,EAACI,GAAA,EAAK,gBAAe,iBAAgB,eAAe,UAAU,KAAK,GACjE,UAAA,gBAAAJ,EAAC,UAAA,EAAQ,UAAAD,EAAA,CAAc,GACzB;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/Head.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n// Head slot for PaySchedule component\nexport const Head = () => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n\n  const { mode } = usePaySchedule()\n  let headingOutput: React.ReactElement = <></>\n\n  switch (mode) {\n    case 'LIST_PAY_SCHEDULES':\n      headingOutput = (\n        <>\n          <Components.Heading as=\"h2\">{t('headings.pageTitle')}</Components.Heading>\n          <Components.Text>\n            <Trans\n              i18nKey={'listDescription'}\n              t={t}\n              components={{\n                how_to_choose_schedule: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n          <Components.Text>\n            <Trans\n              i18nKey={'listDescription2'}\n              t={t}\n              components={{\n                payment_law_doc: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n        </>\n      )\n      break\n    case 'ADD_PAY_SCHEDULE':\n      headingOutput = (\n        <Components.Heading as=\"h2\">{t('headings.addPaySchedule')}</Components.Heading>\n      )\n      break\n    case 'EDIT_PAY_SCHEDULE':\n      headingOutput = (\n        <Components.Heading as=\"h2\">{t('headings.editPaySchedule')}</Components.Heading>\n      )\n      break\n    default:\n  }\n\n  return (\n    <Flex justifyContent=\"space-between\" flexDirection={'column'} gap={4}>\n      <header>{headingOutput}</header>\n    </Flex>\n  )\n}\n"],"names":["Head","useTranslation","Components","useComponentContext","mode","usePaySchedule","headingOutput","jsx","Fragment","jsxs","Trans","Flex"],"mappings":";;;;;;;AAMO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GAEb,EAAE,MAAAC,EAAA,IAASC,EAAA;AACjB,MAAIC,IAAoC,gBAAAC,EAAAC,GAAA,EAAE;AAE1C,UAAQJ,GAAA;AAAA,IACN,KAAK;AACH,MAAAE,IACE,gBAAAG,EAAAD,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAD,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,oBAAoB,GAAE;AAAA,QACrD,gBAAAK,EAACL,EAAW,MAAX,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT;AAAA,YACA,YAAY;AAAA,cACV,wBAAwB,gBAAAH,EAACL,EAAW,MAAX,CAAA,CAAgB;AAAA,YAAA;AAAA,UAC3C;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAK,EAACL,EAAW,MAAX,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT;AAAA,YACA,YAAY;AAAA,cACV,iBAAiB,gBAAAH,EAACL,EAAW,MAAX,CAAA,CAAgB;AAAA,YAAA;AAAA,UACpC;AAAA,QAAA,EACF,CACF;AAAA,MAAA,GACF;AAEF;AAAA,IACF,KAAK;AACH,MAAAI,IACE,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,yBAAyB,GAAE;AAE5D;AAAA,IACF,KAAK;AACH,MAAAI,IACE,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,0BAA0B,GAAE;AAE7D;AAAA,EACF;AAGF,SACE,gBAAAK,EAACI,GAAA,EAAK,gBAAe,iBAAgB,eAAe,UAAU,KAAK,GACjE,UAAA,gBAAAJ,EAAC,UAAA,EAAQ,UAAAD,EAAA,CAAc,GACzB;AAEJ;"}

package/dist/components/Company/PaySchedule/_parts/List.js

@@ -1,37 +1,38 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
 import { useTranslation as h } from "react-i18next";
 import { usePaySchedule as y } from "../usePaySchedule.js";
 import o from "./List.module.scss.js";
 import { Flex as s } from "../../../Common/Flex/Flex.js";
 import "classnames";
+import "../../../../shared/constants.js";
 import f from "../../../../assets/icons/pencil.svg.js";
 import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { HamburgerMenu as v } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { VisuallyHidden as g } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
 import { useDataView as L } from "../../../Common/DataView/useDataView.js";
 import { DataView as C } from "../../../Common/DataView/DataView.js";
-const B = () => {
-  const { t: n } = h("Company.PaySchedule"), r = S(), { paySchedules: m, mode: c, handleEdit: l } = y(), { ...d } = L({
+const F = () => {
+  const { t: r } = h("Company.PaySchedule"), n = S(), { paySchedules: m, mode: c, handleEdit: l } = y(), { ...d } = L({
     data: m || [],
     columns: [
       {
-        title: n("payScheduleList.name"),
+        title: r("payScheduleList.name"),
         key: "customName",
         render: (t) => {
           const a = !!t.name;
           let i = a ? t.name : t.customName;
           i && i.length > 1 ? i = i.charAt(0).toUpperCase() + i.slice(1) : i = t.customName;
-          const u = t.customName;
-          return /* @__PURE__ */ e(s, { flexDirection: "column", gap: 0, children: /* @__PURE__ */ p("div", { className: o.content, children: [
+          const p = t.customName;
+          return /* @__PURE__ */ e(s, { flexDirection: "column", gap: 0, children: /* @__PURE__ */ u("div", { className: o.content, children: [
             /* @__PURE__ */ e("div", { children: i }),
-            a && /* @__PURE__ */ e("div", { children: u })
+            a && /* @__PURE__ */ e("div", { children: p })
           ] }) });
         }
       },
       {
-        title: /* @__PURE__ */ e(g, { children: n("payScheduleList.active") }),
+        title: /* @__PURE__ */ e(g, { children: r("payScheduleList.active") }),
         key: "active",
-        render: (t) => /* @__PURE__ */ e(s, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ e("div", { className: o.content, children: t.active ? /* @__PURE__ */ e(r.Badge, { status: "success", children: n("payScheduleList.active") }) : /* @__PURE__ */ e(r.Badge, { status: "info", children: n("payScheduleList.inactive") }) }) })
+        render: (t) => /* @__PURE__ */ e(s, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ e("div", { className: o.content, children: t.active ? /* @__PURE__ */ e(n.Badge, { status: "success", children: r("payScheduleList.active") }) : /* @__PURE__ */ e(n.Badge, { status: "info", children: r("payScheduleList.inactive") }) }) })
       }
     ],
     itemMenu: (t) => /* @__PURE__ */ e(
@@ -40,7 +41,7 @@ const B = () => {
         triggerLabel: "Actions",
         items: [
           {
-            label: n("payScheduleList.edit"),
+            label: r("payScheduleList.edit"),
             onClick: () => {
               l(t);
             },
@@ -53,6 +54,6 @@ const B = () => {
   return c !== "LIST_PAY_SCHEDULES" ? null : /* @__PURE__ */ e(C, { label: "test", ...d });
 };
 export {
-  B as List
+  F as List
 };
 //# sourceMappingURL=List.js.map

package/dist/components/Company/PaySchedule/_parts/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport styles from './List.module.scss'\nimport { useDataView, DataView, Flex, VisuallyHidden } from '@/components/Common'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n  const { paySchedules, mode, handleEdit } = usePaySchedule()\n\n  const { ...dataViewProps } = useDataView({\n    data: paySchedules || [],\n    columns: [\n      {\n        title: t('payScheduleList.name'),\n        key: 'customName',\n        render: schedule => {\n          const hasName = !!schedule.name\n          let displayName = hasName ? schedule.name : schedule.customName\n          if (displayName && displayName.length > 1) {\n            displayName = displayName.charAt(0).toUpperCase() + displayName.slice(1)\n          } else {\n            displayName = schedule.customName\n          }\n          const displayFrequency = schedule.customName\n          return (\n            <Flex flexDirection={'column'} gap={0}>\n              <div className={styles.content}>\n                <div>{displayName}</div>\n                {hasName && <div>{displayFrequency}</div>}\n              </div>\n            </Flex>\n          )\n        },\n      },\n      {\n        title: <VisuallyHidden>{t('payScheduleList.active')}</VisuallyHidden>,\n        key: 'active',\n        render: schedule => (\n          <Flex alignItems={'center'} justifyContent={'center'}>\n            <div className={styles.content}>\n              {schedule.active ? (\n                <Components.Badge status=\"success\">{t('payScheduleList.active')}</Components.Badge>\n              ) : (\n                <Components.Badge status=\"info\">{t('payScheduleList.inactive')}</Components.Badge>\n              )}\n            </div>\n          </Flex>\n        ),\n      },\n    ],\n    itemMenu: schedule => {\n      return (\n        <HamburgerMenu\n          triggerLabel=\"Actions\"\n          items={[\n            {\n              label: t('payScheduleList.edit'),\n              onClick: () => {\n                handleEdit(schedule)\n              },\n              icon: <PencilSvg aria-hidden />,\n            },\n          ]}\n        />\n      )\n    },\n  })\n\n  if (mode !== 'LIST_PAY_SCHEDULES') {\n    return null\n  }\n\n  return <DataView label=\"test\" {...dataViewProps} />\n}\n"],"names":["List","t","useTranslation","Components","useComponentContext","paySchedules","mode","handleEdit","usePaySchedule","dataViewProps","useDataView","schedule","hasName","displayName","displayFrequency","jsx","Flex","jsxs","styles","VisuallyHidden","HamburgerMenu","PencilSvg","DataView"],"mappings":";;;;;;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GACb,EAAE,cAAAC,GAAc,MAAAC,GAAM,YAAAC,EAAA,IAAeC,EAAA,GAErC,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAML,KAAgB,CAAA;AAAA,IACtB,SAAS;AAAA,MACP;AAAA,QACE,OAAOJ,EAAE,sBAAsB;AAAA,QAC/B,KAAK;AAAA,QACL,QAAQ,CAAAU,MAAY;AAClB,gBAAMC,IAAU,CAAC,CAACD,EAAS;AAC3B,cAAIE,IAAcD,IAAUD,EAAS,OAAOA,EAAS;AACrD,UAAIE,KAAeA,EAAY,SAAS,IACtCA,IAAcA,EAAY,OAAO,CAAC,EAAE,gBAAgBA,EAAY,MAAM,CAAC,IAEvEA,IAAcF,EAAS;AAEzB,gBAAMG,IAAmBH,EAAS;AAClC,iBACE,gBAAAI,EAACC,GAAA,EAAK,eAAe,UAAU,KAAK,GAClC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,YAAA,gBAAAH,EAAC,SAAK,UAAAF,EAAA,CAAY;AAAA,YACjBD,KAAW,gBAAAG,EAAC,OAAA,EAAK,UAAAD,EAAA,CAAiB;AAAA,UAAA,EAAA,CACrC,EAAA,CACF;AAAA,QAEJ;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,OAAO,gBAAAC,EAACI,GAAA,EAAgB,UAAAlB,EAAE,wBAAwB,GAAE;AAAA,QACpD,KAAK;AAAA,QACL,QAAQ,CAAAU,MACN,gBAAAI,EAACC,GAAA,EAAK,YAAY,UAAU,gBAAgB,UAC1C,UAAA,gBAAAD,EAAC,SAAI,WAAWG,EAAO,SACpB,UAAAP,EAAS,SACR,gBAAAI,EAACZ,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAF,EAAE,wBAAwB,EAAA,CAAE,IAEhE,gBAAAc,EAACZ,EAAW,OAAX,EAAiB,QAAO,QAAQ,UAAAF,EAAE,0BAA0B,GAAE,GAEnE,EAAA,CACF;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEF,UAAU,CAAAU,MAEN,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,OAAO;AAAA,UACL;AAAA,YACE,OAAOnB,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAM,EAAWI,CAAQ;AAAA,YACrB;AAAA,YACA,MAAM,gBAAAI,EAACM,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,IAAA;AAAA,EAGN,CACD;AAED,SAAIf,MAAS,uBACJ,OAGF,gBAAAS,EAACO,GAAA,EAAS,OAAM,QAAQ,GAAGb,GAAe;AACnD;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport styles from './List.module.scss'\nimport { useDataView, DataView, Flex, VisuallyHidden } from '@/components/Common'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n  const { paySchedules, mode, handleEdit } = usePaySchedule()\n\n  const { ...dataViewProps } = useDataView({\n    data: paySchedules || [],\n    columns: [\n      {\n        title: t('payScheduleList.name'),\n        key: 'customName',\n        render: schedule => {\n          const hasName = !!schedule.name\n          let displayName = hasName ? schedule.name : schedule.customName\n          if (displayName && displayName.length > 1) {\n            displayName = displayName.charAt(0).toUpperCase() + displayName.slice(1)\n          } else {\n            displayName = schedule.customName\n          }\n          const displayFrequency = schedule.customName\n          return (\n            <Flex flexDirection={'column'} gap={0}>\n              <div className={styles.content}>\n                <div>{displayName}</div>\n                {hasName && <div>{displayFrequency}</div>}\n              </div>\n            </Flex>\n          )\n        },\n      },\n      {\n        title: <VisuallyHidden>{t('payScheduleList.active')}</VisuallyHidden>,\n        key: 'active',\n        render: schedule => (\n          <Flex alignItems={'center'} justifyContent={'center'}>\n            <div className={styles.content}>\n              {schedule.active ? (\n                <Components.Badge status=\"success\">{t('payScheduleList.active')}</Components.Badge>\n              ) : (\n                <Components.Badge status=\"info\">{t('payScheduleList.inactive')}</Components.Badge>\n              )}\n            </div>\n          </Flex>\n        ),\n      },\n    ],\n    itemMenu: schedule => {\n      return (\n        <HamburgerMenu\n          triggerLabel=\"Actions\"\n          items={[\n            {\n              label: t('payScheduleList.edit'),\n              onClick: () => {\n                handleEdit(schedule)\n              },\n              icon: <PencilSvg aria-hidden />,\n            },\n          ]}\n        />\n      )\n    },\n  })\n\n  if (mode !== 'LIST_PAY_SCHEDULES') {\n    return null\n  }\n\n  return <DataView label=\"test\" {...dataViewProps} />\n}\n"],"names":["List","t","useTranslation","Components","useComponentContext","paySchedules","mode","handleEdit","usePaySchedule","dataViewProps","useDataView","schedule","hasName","displayName","displayFrequency","jsx","Flex","jsxs","styles","VisuallyHidden","HamburgerMenu","PencilSvg","DataView"],"mappings":";;;;;;;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GACb,EAAE,cAAAC,GAAc,MAAAC,GAAM,YAAAC,EAAA,IAAeC,EAAA,GAErC,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAML,KAAgB,CAAA;AAAA,IACtB,SAAS;AAAA,MACP;AAAA,QACE,OAAOJ,EAAE,sBAAsB;AAAA,QAC/B,KAAK;AAAA,QACL,QAAQ,CAAAU,MAAY;AAClB,gBAAMC,IAAU,CAAC,CAACD,EAAS;AAC3B,cAAIE,IAAcD,IAAUD,EAAS,OAAOA,EAAS;AACrD,UAAIE,KAAeA,EAAY,SAAS,IACtCA,IAAcA,EAAY,OAAO,CAAC,EAAE,gBAAgBA,EAAY,MAAM,CAAC,IAEvEA,IAAcF,EAAS;AAEzB,gBAAMG,IAAmBH,EAAS;AAClC,iBACE,gBAAAI,EAACC,GAAA,EAAK,eAAe,UAAU,KAAK,GAClC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,YAAA,gBAAAH,EAAC,SAAK,UAAAF,EAAA,CAAY;AAAA,YACjBD,KAAW,gBAAAG,EAAC,OAAA,EAAK,UAAAD,EAAA,CAAiB;AAAA,UAAA,EAAA,CACrC,EAAA,CACF;AAAA,QAEJ;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,OAAO,gBAAAC,EAACI,GAAA,EAAgB,UAAAlB,EAAE,wBAAwB,GAAE;AAAA,QACpD,KAAK;AAAA,QACL,QAAQ,CAAAU,MACN,gBAAAI,EAACC,GAAA,EAAK,YAAY,UAAU,gBAAgB,UAC1C,UAAA,gBAAAD,EAAC,SAAI,WAAWG,EAAO,SACpB,UAAAP,EAAS,SACR,gBAAAI,EAACZ,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAF,EAAE,wBAAwB,EAAA,CAAE,IAEhE,gBAAAc,EAACZ,EAAW,OAAX,EAAiB,QAAO,QAAQ,UAAAF,EAAE,0BAA0B,GAAE,GAEnE,EAAA,CACF;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEF,UAAU,CAAAU,MAEN,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,OAAO;AAAA,UACL;AAAA,YACE,OAAOnB,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAM,EAAWI,CAAQ;AAAA,YACrB;AAAA,YACA,MAAM,gBAAAI,EAACM,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,IAAA;AAAA,EAGN,CACD;AAED,SAAIf,MAAS,uBACJ,OAGF,gBAAAS,EAACO,GAAA,EAAS,OAAM,QAAQ,GAAGb,GAAe;AACnD;"}

package/dist/components/Company/StateTaxes/StateTaxes.js

@@ -1,23 +1,27 @@
 import { jsx as r } from "react/jsx-runtime";
-import { createMachine as n } from "robot3";
-import { stateTaxesStateMachine as i } from "./stateTaxesStateMachine.js";
-import { StateTaxesListContextual as s } from "./StateTaxesComponents.js";
-import { Flow as p } from "../../Flow/Flow.js";
-import { useComponentDictionary as x } from "../../../i18n/I18n.js";
-function C({ companyId: t, onEvent: e, dictionary: o }) {
-  x("Company.StateTaxes", o);
+import { createMachine as i } from "robot3";
+import { useMemo as n } from "react";
+import { stateTaxesStateMachine as s } from "./stateTaxesStateMachine.js";
+import { StateTaxesListContextual as p } from "./StateTaxesComponents.js";
+import { Flow as x } from "../../Flow/Flow.js";
+import { useComponentDictionary as f } from "../../../i18n/I18n.js";
+function l({ companyId: t, onEvent: e, dictionary: o }) {
+  f("Company.StateTaxes", o);
   const a = n(
-    "viewStateTaxes",
-    i,
-    (m) => ({
-      ...m,
-      component: s,
-      companyId: t
-    })
+    () => i(
+      "viewStateTaxes",
+      s,
+      (m) => ({
+        ...m,
+        component: p,
+        companyId: t
+      })
+    ),
+    [t]
   );
-  return /* @__PURE__ */ r(p, { machine: a, onEvent: e });
+  return /* @__PURE__ */ r(x, { machine: a, onEvent: e });
 }
 export {
-  C as StateTaxes
+  l as StateTaxes
 };
 //# sourceMappingURL=StateTaxes.js.map

package/dist/components/Company/StateTaxes/StateTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesListContextual } from './StateTaxesComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  companyId: string\n}\n\nexport function StateTaxes({ companyId, onEvent, dictionary }: StateTaxesProps) {\n  useComponentDictionary('Company.StateTaxes', dictionary)\n  const manageStateTaxes = createMachine(\n    'viewStateTaxes',\n    stateTaxesStateMachine,\n    (initialContext: StateTaxesContextInterface) => ({\n      ...initialContext,\n      component: StateTaxesListContextual,\n      companyId,\n    }),\n  )\n  return <Flow machine={manageStateTaxes} onEvent={onEvent} />\n}\n"],"names":["StateTaxes","companyId","onEvent","dictionary","useComponentDictionary","manageStateTaxes","createMachine","stateTaxesStateMachine","initialContext","StateTaxesListContextual","jsx","Flow"],"mappings":";;;;;;AAYO,SAASA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAA+B;AAC9E,EAAAC,EAAuB,sBAAsBD,CAAU;AACvD,QAAME,IAAmBC;AAAA,IACvB;AAAA,IACAC;AAAA,IACA,CAACC,OAAgD;AAAA,MAC/C,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,IAAA;AAAA,EACF;AAEF,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAASN,GAAkB,SAAAH,EAAA,CAAkB;AAC5D;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesListContextual } from './StateTaxesComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  companyId: string\n}\n\nexport function StateTaxes({ companyId, onEvent, dictionary }: StateTaxesProps) {\n  useComponentDictionary('Company.StateTaxes', dictionary)\n  const manageStateTaxes = useMemo(\n    () =>\n      createMachine(\n        'viewStateTaxes',\n        stateTaxesStateMachine,\n        (initialContext: StateTaxesContextInterface) => ({\n          ...initialContext,\n          component: StateTaxesListContextual,\n          companyId,\n        }),\n      ),\n    [companyId],\n  )\n  return <Flow machine={manageStateTaxes} onEvent={onEvent} />\n}\n"],"names":["StateTaxes","companyId","onEvent","dictionary","useComponentDictionary","manageStateTaxes","useMemo","createMachine","stateTaxesStateMachine","initialContext","StateTaxesListContextual","jsx","Flow"],"mappings":";;;;;;;AAaO,SAASA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAA+B;AAC9E,EAAAC,EAAuB,sBAAsBD,CAAU;AACvD,QAAME,IAAmBC;AAAA,IACvB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAASP,GAAkB,SAAAH,EAAA,CAAkB;AAC5D;"}

package/dist/components/Company/StateTaxes/StateTaxesForm/Actions.js

@@ -2,9 +2,10 @@ import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { useTranslation as a } from "react-i18next";
 import { useStateTaxesForm as s } from "./context.js";
 import "classnames";
+import "../../../../shared/constants.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function x() {
+function y() {
   const { t } = a("Company.StateTaxes", { keyPrefix: "form" }), { handleCancel: r, isPending: e } = s(), o = c();
   return /* @__PURE__ */ i(m, { children: [
     /* @__PURE__ */ n(o.Button, { variant: "secondary", onClick: r, children: t("cancelCta") }),
@@ -12,6 +13,6 @@ function x() {
   ] });
 }
 export {
-  x as Actions
+  y as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { handleCancel, isPending } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"secondary\" onClick={handleCancel}>\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button variant=\"primary\" type=\"submit\" isDisabled={isPending}>\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleCancel","isPending","useStateTaxesForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IACA,gBAAAM,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { handleCancel, isPending } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"secondary\" onClick={handleCancel}>\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button variant=\"primary\" type=\"submit\" isDisabled={isPending}>\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleCancel","isPending","useStateTaxesForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IACA,gBAAAM,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js

@@ -2,13 +2,14 @@ import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
 import { useStateTaxesList as e } from "./context.js";
 import "classnames";
+import "../../../../shared/constants.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as s } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function l() {
+function x() {
   const { t: o } = i("Company.StateTaxes"), n = s(), { handleContinue: r } = e();
   return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(n.Button, { variant: "primary", onClick: r, children: o("list.continueCta") }) });
 }
 export {
-  l as Actions
+  x as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes')\n  const Components = useComponentContext()\n  const { handleContinue } = useStateTaxesList()\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"primary\" onClick={handleContinue}>\n        {t('list.continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","Components","useComponentContext","handleContinue","useStateTaxesList","jsx","ActionsLayout"],"mappings":";;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GACb,EAAE,gBAAAC,EAAA,IAAmBC,EAAA;AAC3B,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACJ,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASE,GAC3C,UAAAJ,EAAE,kBAAkB,GACvB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes')\n  const Components = useComponentContext()\n  const { handleContinue } = useStateTaxesList()\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"primary\" onClick={handleContinue}>\n        {t('list.continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","Components","useComponentContext","handleContinue","useStateTaxesList","jsx","ActionsLayout"],"mappings":";;;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GACb,EAAE,gBAAAC,EAAA,IAAmBC,EAAA;AAC3B,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACJ,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASE,GAC3C,UAAAJ,EAAE,kBAAkB,GACvB,GACF;AAEJ;"}

package/dist/components/Company/StateTaxes/StateTaxesList/List.js

@@ -2,11 +2,12 @@ import { jsx as s, Fragment as p } from "react/jsx-runtime";
 import { useTranslation as o } from "react-i18next";
 import { useStateTaxesList as l } from "./context.js";
 import "classnames";
+import "../../../../shared/constants.js";
 import { EmptyData as c } from "../../../Common/EmptyData/EmptyData.js";
 import { useComponentContext as u } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useDataView as d } from "../../../Common/DataView/useDataView.js";
 import { DataView as C } from "../../../Common/DataView/DataView.js";
-const k = () => {
+const b = () => {
   const { stateTaxRequirements: r, handleChange: n } = l(), a = u(), { t } = o("Company.StateTaxes", { keyPrefix: "list" }), { t: i } = o("common", { keyPrefix: "statesHash" }), { ...m } = d({
     data: r,
     columns: [
@@ -36,6 +37,6 @@ const k = () => {
   return /* @__PURE__ */ s(C, { label: t("requirementsListLabel"), ...m });
 };
 export {
-  k as List
+  b as List
 };
 //# sourceMappingURL=List.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const List = () => {\n  const { stateTaxRequirements, handleChange } = useStateTaxesList()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'list' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n\n  const { ...dataViewProps } = useDataView({\n    data: stateTaxRequirements,\n    columns: [\n      {\n        key: 'state',\n        title: t('requirementsListCol1'),\n        render: requirement => {\n          return <span>{statesHash(requirement.state as (typeof STATES_ABBR)[number])}</span>\n        },\n      },\n      {\n        key: 'status',\n        title: t('requirementsListCol2'),\n        render: requirement => {\n          return (\n            <>\n              <Components.Badge status={requirement.setupComplete ? 'success' : 'warning'}>\n                {requirement.setupComplete ? t('completeBadge') : t('incompleteBadge')}\n              </Components.Badge>\n            </>\n          )\n        },\n      },\n    ],\n    itemMenu: requirement => {\n      return (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            handleChange(requirement.state)\n          }}\n        >\n          {requirement.setupComplete ? t('editStateTaxCta') : t('continueStateTaxSetupCta')}\n        </Components.Button>\n      )\n    },\n\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n  })\n  return <DataView label={t('requirementsListLabel')} {...dataViewProps} />\n}\n"],"names":["List","stateTaxRequirements","handleChange","useStateTaxesList","Components","useComponentContext","useTranslation","statesHash","dataViewProps","useDataView","requirement","jsx","EmptyData","DataView"],"mappings":";;;;;;;;AAMO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,sBAAAC,GAAsB,cAAAC,EAAA,IAAiBC,EAAA,GACzCC,IAAaC,EAAA,GAEb,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GAExE,EAAE,GAAGE,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAS,MACC,gBAAAC,EAAC,QAAA,EAAM,UAAAJ,EAAWG,EAAY,KAAqC,GAAE;AAAA,MAC9E;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAA,6BAGF,UAAA,gBAAAC,EAACP,EAAW,OAAX,EAAiB,QAAQM,EAAY,gBAAgB,YAAY,WAC/D,UAAAA,EAAY,gBAAgB,EAAE,eAAe,IAAI,EAAE,iBAAiB,GACvE,GACF;AAAA,MAEJ;AAAA,IACF;AAAA,IAEF,UAAU,CAAAA,MAEN,gBAAAC;AAAA,MAACP,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAF,EAAaQ,EAAY,KAAK;AAAA,QAChC;AAAA,QAEC,YAAY,gBAAgB,EAAE,iBAAiB,IAAI,EAAE,0BAA0B;AAAA,MAAA;AAAA,IAAA;AAAA,IAKtF,YAAY,MACV,gBAAAC,EAACC,GAAA,EAAU,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,EAAA,CAAG;AAAA,EAAA,CAEpF;AACD,2BAAQC,GAAA,EAAS,OAAO,EAAE,uBAAuB,GAAI,GAAGL,GAAe;AACzE;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const List = () => {\n  const { stateTaxRequirements, handleChange } = useStateTaxesList()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'list' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n\n  const { ...dataViewProps } = useDataView({\n    data: stateTaxRequirements,\n    columns: [\n      {\n        key: 'state',\n        title: t('requirementsListCol1'),\n        render: requirement => {\n          return <span>{statesHash(requirement.state as (typeof STATES_ABBR)[number])}</span>\n        },\n      },\n      {\n        key: 'status',\n        title: t('requirementsListCol2'),\n        render: requirement => {\n          return (\n            <>\n              <Components.Badge status={requirement.setupComplete ? 'success' : 'warning'}>\n                {requirement.setupComplete ? t('completeBadge') : t('incompleteBadge')}\n              </Components.Badge>\n            </>\n          )\n        },\n      },\n    ],\n    itemMenu: requirement => {\n      return (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            handleChange(requirement.state)\n          }}\n        >\n          {requirement.setupComplete ? t('editStateTaxCta') : t('continueStateTaxSetupCta')}\n        </Components.Button>\n      )\n    },\n\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n  })\n  return <DataView label={t('requirementsListLabel')} {...dataViewProps} />\n}\n"],"names":["List","stateTaxRequirements","handleChange","useStateTaxesList","Components","useComponentContext","useTranslation","statesHash","dataViewProps","useDataView","requirement","jsx","EmptyData","DataView"],"mappings":";;;;;;;;;AAMO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,sBAAAC,GAAsB,cAAAC,EAAA,IAAiBC,EAAA,GACzCC,IAAaC,EAAA,GAEb,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GAExE,EAAE,GAAGE,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAS,MACC,gBAAAC,EAAC,QAAA,EAAM,UAAAJ,EAAWG,EAAY,KAAqC,GAAE;AAAA,MAC9E;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAA,6BAGF,UAAA,gBAAAC,EAACP,EAAW,OAAX,EAAiB,QAAQM,EAAY,gBAAgB,YAAY,WAC/D,UAAAA,EAAY,gBAAgB,EAAE,eAAe,IAAI,EAAE,iBAAiB,GACvE,GACF;AAAA,MAEJ;AAAA,IACF;AAAA,IAEF,UAAU,CAAAA,MAEN,gBAAAC;AAAA,MAACP,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAF,EAAaQ,EAAY,KAAK;AAAA,QAChC;AAAA,QAEC,YAAY,gBAAgB,EAAE,iBAAiB,IAAI,EAAE,0BAA0B;AAAA,MAAA;AAAA,IAAA;AAAA,IAKtF,YAAY,MACV,gBAAAC,EAACC,GAAA,EAAU,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,EAAA,CAAG;AAAA,EAAA,CAEpF;AACD,2BAAQC,GAAA,EAAS,OAAO,EAAE,uBAAuB,GAAI,GAAGL,GAAe;AACzE;"}

package/dist/components/Contractor/Address/Address.js

@@ -11,12 +11,11 @@ import { Actions as B } from "./Actions.js";
 import { Form as N } from "../../Common/Form/Form.js";
 import { useComponentDictionary as j, useI18n as q } from "../../../i18n/I18n.js";
 import { Flex as w } from "../../Common/Flex/Flex.js";
-import "react-i18next";
 import "classnames";
+import { contractorEvents as d } from "../../../shared/constants.js";
 import { BaseComponent as G } from "../../Base/Base.js";
 import { useBase as H } from "../../Base/useBase.js";
-import { contractorEvents as d } from "../../../shared/constants.js";
-function it(r) {
+function nt(r) {
   return /* @__PURE__ */ t(G, { ...r, children: /* @__PURE__ */ t(M, { ...r, children: r.children }) });
 }
 function M({ contractorId: r, defaultValues: e, children: n, className: a, dictionary: p }) {
@@ -66,7 +65,7 @@ function M({ contractorId: r, defaultValues: e, children: n, className: a, dicti
   ) });
 }
 export {
-  it as Address,
-  it as default
+  nt as Address,
+  nt as default
 };
 //# sourceMappingURL=Address.js.map

package/dist/components/Contractor/Address/Address.js.map

@@ -1 +1 @@
-{"version":3,"file":"Address.js","sources":["../../../../src/components/Contractor/Address/Address.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsGetAddressSuspense } from '@gusto/embedded-api/react-query/contractorsGetAddress'\nimport { useContractorsUpdateAddressMutation } from '@gusto/embedded-api/react-query/contractorsUpdateAddress'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { AddressFormSchema, AddressProvider } from './useAddress'\nimport { Head } from './Head'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport type { AddressDefaultValues, AddressFormValues } from './useAddress'\nimport { Form as HtmlForm } from '@/components/Common/Form/Form'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { contractorEvents } from '@/shared/constants'\n\nexport interface AddressProps extends BaseComponentInterface<'Contractor.Address'> {\n  contractorId: string\n  defaultValues?: AddressDefaultValues\n  children?: ReactNode\n  className?: string\n}\n\nexport function Address(props: AddressProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, defaultValues, children, className, dictionary }: AddressProps) {\n  useComponentDictionary('Contractor.Address', dictionary)\n  useI18n('Contractor.Address')\n\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const { data: addressData } = useContractorsGetAddressSuspense({ contractorUuid: contractorId })\n\n  const { mutateAsync: updateAddress, isPending: isUpdatingAddressPending } =\n    useContractorsUpdateAddressMutation()\n\n  const contractor = contractorData.contractor\n  const contractorType = contractorData.contractor?.type\n  const address = addressData.contractorAddress\n\n  const formDefaultValues = {\n    street1: address?.street1 || defaultValues?.street1 || '',\n    street2: address?.street2 || defaultValues?.street2 || '',\n    city: address?.city || defaultValues?.city || '',\n    state: address?.state || defaultValues?.state || '',\n    zip: address?.zip || defaultValues?.zip || '',\n  }\n\n  const formMethods = useForm<AddressFormValues>({\n    resolver: zodResolver(AddressFormSchema),\n    defaultValues: formDefaultValues,\n  })\n\n  const onSubmit = async (data: AddressFormValues) => {\n    await baseSubmitHandler(data, async payload => {\n      const { contractorAddress } = await updateAddress({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: {\n            version: address?.version as string,\n            street1: payload.street1,\n            street2: payload.street2,\n            city: payload.city,\n            state: payload.state,\n            zip: payload.zip,\n          },\n        },\n      })\n\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_UPDATED, contractorAddress)\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <AddressProvider\n        value={{\n          contractor,\n          contractorType,\n          address,\n          isPending: isUpdatingAddressPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <HtmlForm onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </HtmlForm>\n        </FormProvider>\n      </AddressProvider>\n    </section>\n  )\n}\n\nexport default Address\n"],"names":["Address","props","jsx","BaseComponent","Root","contractorId","defaultValues","children","className","dictionary","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","useBase","contractorData","useContractorsGetSuspense","addressData","useContractorsGetAddressSuspense","updateAddress","isUpdatingAddressPending","useContractorsUpdateAddressMutation","contractor","contractorType","address","formDefaultValues","formMethods","useForm","zodResolver","AddressFormSchema","onSubmit","data","payload","contractorAddress","contractorEvents","AddressProvider","FormProvider","HtmlForm","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAQC,GAAqB;AAC3C,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,cAAAC,GAAc,eAAAC,GAAe,UAAAC,GAAU,WAAAC,GAAW,YAAAC,KAA4B;AAC5F,EAAAC,EAAuB,sBAAsBD,CAAU,GACvDE,EAAQ,oBAAoB;AAE5B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAMC,EAAA,IAAmBC,EAA0B,EAAE,gBAAgBX,GAAc,GACrF,EAAE,MAAMY,EAAA,IAAgBC,EAAiC,EAAE,gBAAgBb,GAAc,GAEzF,EAAE,aAAac,GAAe,WAAWC,EAAA,IAC7CC,EAAA,GAEIC,IAAaP,EAAe,YAC5BQ,IAAiBR,EAAe,YAAY,MAC5CS,IAAUP,EAAY,mBAEtBQ,IAAoB;AAAA,IACxB,SAASD,GAAS,WAAWlB,GAAe,WAAW;AAAA,IACvD,SAASkB,GAAS,WAAWlB,GAAe,WAAW;AAAA,IACvD,MAAMkB,GAAS,QAAQlB,GAAe,QAAQ;AAAA,IAC9C,OAAOkB,GAAS,SAASlB,GAAe,SAAS;AAAA,IACjD,KAAKkB,GAAS,OAAOlB,GAAe,OAAO;AAAA,EAAA,GAGvCoB,IAAcC,EAA2B;AAAA,IAC7C,UAAUC,EAAYC,CAAiB;AAAA,IACvC,eAAeJ;AAAA,EAAA,CAChB,GAEKK,IAAW,OAAOC,MAA4B;AAClD,UAAMlB,EAAkBkB,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,mBAAAC,MAAsB,MAAMd,EAAc;AAAA,QAChD,SAAS;AAAA,UACP,gBAAgBd;AAAA,UAChB,aAAa;AAAA,YACX,SAASmB,GAAS;AAAA,YAClB,SAASQ,EAAQ;AAAA,YACjB,SAASA,EAAQ;AAAA,YACjB,MAAMA,EAAQ;AAAA,YACd,OAAOA,EAAQ;AAAA,YACf,KAAKA,EAAQ;AAAA,UAAA;AAAA,QACf;AAAA,MACF,CACD;AAED,MAAApB,EAAQsB,EAAiB,4BAA4BD,CAAiB,GACtErB,EAAQsB,EAAiB,uBAAuB;AAAA,IAClD,CAAC;AAAA,EACH;AAEA,SACE,gBAAAhC,EAAC,aAAQ,WAAAM,GACP,UAAA,gBAAAN;AAAA,IAACiC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAAb;AAAA,QACA,gBAAAC;AAAA,QACA,SAAAC;AAAA,QACA,WAAWJ;AAAA,MAAA;AAAA,MAGb,4BAACgB,GAAA,EAAc,GAAGV,GAChB,UAAA,gBAAAxB,EAACmC,GAAA,EAAS,UAAUX,EAAY,aAAaI,CAAQ,GACnD,UAAA,gBAAA5B,EAACoC,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAA/B,KAGC,gBAAAgC,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAtC,EAACuC,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Address.js","sources":["../../../../src/components/Contractor/Address/Address.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsGetAddressSuspense } from '@gusto/embedded-api/react-query/contractorsGetAddress'\nimport { useContractorsUpdateAddressMutation } from '@gusto/embedded-api/react-query/contractorsUpdateAddress'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { AddressFormSchema, AddressProvider } from './useAddress'\nimport { Head } from './Head'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport type { AddressDefaultValues, AddressFormValues } from './useAddress'\nimport { Form as HtmlForm } from '@/components/Common/Form/Form'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { contractorEvents } from '@/shared/constants'\n\nexport interface AddressProps extends BaseComponentInterface<'Contractor.Address'> {\n  contractorId: string\n  defaultValues?: AddressDefaultValues\n  children?: ReactNode\n  className?: string\n}\n\nexport function Address(props: AddressProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, defaultValues, children, className, dictionary }: AddressProps) {\n  useComponentDictionary('Contractor.Address', dictionary)\n  useI18n('Contractor.Address')\n\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const { data: addressData } = useContractorsGetAddressSuspense({ contractorUuid: contractorId })\n\n  const { mutateAsync: updateAddress, isPending: isUpdatingAddressPending } =\n    useContractorsUpdateAddressMutation()\n\n  const contractor = contractorData.contractor\n  const contractorType = contractorData.contractor?.type\n  const address = addressData.contractorAddress\n\n  const formDefaultValues = {\n    street1: address?.street1 || defaultValues?.street1 || '',\n    street2: address?.street2 || defaultValues?.street2 || '',\n    city: address?.city || defaultValues?.city || '',\n    state: address?.state || defaultValues?.state || '',\n    zip: address?.zip || defaultValues?.zip || '',\n  }\n\n  const formMethods = useForm<AddressFormValues>({\n    resolver: zodResolver(AddressFormSchema),\n    defaultValues: formDefaultValues,\n  })\n\n  const onSubmit = async (data: AddressFormValues) => {\n    await baseSubmitHandler(data, async payload => {\n      const { contractorAddress } = await updateAddress({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: {\n            version: address?.version as string,\n            street1: payload.street1,\n            street2: payload.street2,\n            city: payload.city,\n            state: payload.state,\n            zip: payload.zip,\n          },\n        },\n      })\n\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_UPDATED, contractorAddress)\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <AddressProvider\n        value={{\n          contractor,\n          contractorType,\n          address,\n          isPending: isUpdatingAddressPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <HtmlForm onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </HtmlForm>\n        </FormProvider>\n      </AddressProvider>\n    </section>\n  )\n}\n\nexport default Address\n"],"names":["Address","props","jsx","BaseComponent","Root","contractorId","defaultValues","children","className","dictionary","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","useBase","contractorData","useContractorsGetSuspense","addressData","useContractorsGetAddressSuspense","updateAddress","isUpdatingAddressPending","useContractorsUpdateAddressMutation","contractor","contractorType","address","formDefaultValues","formMethods","useForm","zodResolver","AddressFormSchema","onSubmit","data","payload","contractorAddress","contractorEvents","AddressProvider","FormProvider","HtmlForm","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAQC,GAAqB;AAC3C,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,cAAAC,GAAc,eAAAC,GAAe,UAAAC,GAAU,WAAAC,GAAW,YAAAC,KAA4B;AAC5F,EAAAC,EAAuB,sBAAsBD,CAAU,GACvDE,EAAQ,oBAAoB;AAE5B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAMC,EAAA,IAAmBC,EAA0B,EAAE,gBAAgBX,GAAc,GACrF,EAAE,MAAMY,EAAA,IAAgBC,EAAiC,EAAE,gBAAgBb,GAAc,GAEzF,EAAE,aAAac,GAAe,WAAWC,EAAA,IAC7CC,EAAA,GAEIC,IAAaP,EAAe,YAC5BQ,IAAiBR,EAAe,YAAY,MAC5CS,IAAUP,EAAY,mBAEtBQ,IAAoB;AAAA,IACxB,SAASD,GAAS,WAAWlB,GAAe,WAAW;AAAA,IACvD,SAASkB,GAAS,WAAWlB,GAAe,WAAW;AAAA,IACvD,MAAMkB,GAAS,QAAQlB,GAAe,QAAQ;AAAA,IAC9C,OAAOkB,GAAS,SAASlB,GAAe,SAAS;AAAA,IACjD,KAAKkB,GAAS,OAAOlB,GAAe,OAAO;AAAA,EAAA,GAGvCoB,IAAcC,EAA2B;AAAA,IAC7C,UAAUC,EAAYC,CAAiB;AAAA,IACvC,eAAeJ;AAAA,EAAA,CAChB,GAEKK,IAAW,OAAOC,MAA4B;AAClD,UAAMlB,EAAkBkB,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,mBAAAC,MAAsB,MAAMd,EAAc;AAAA,QAChD,SAAS;AAAA,UACP,gBAAgBd;AAAA,UAChB,aAAa;AAAA,YACX,SAASmB,GAAS;AAAA,YAClB,SAASQ,EAAQ;AAAA,YACjB,SAASA,EAAQ;AAAA,YACjB,MAAMA,EAAQ;AAAA,YACd,OAAOA,EAAQ;AAAA,YACf,KAAKA,EAAQ;AAAA,UAAA;AAAA,QACf;AAAA,MACF,CACD;AAED,MAAApB,EAAQsB,EAAiB,4BAA4BD,CAAiB,GACtErB,EAAQsB,EAAiB,uBAAuB;AAAA,IAClD,CAAC;AAAA,EACH;AAEA,SACE,gBAAAhC,EAAC,aAAQ,WAAAM,GACP,UAAA,gBAAAN;AAAA,IAACiC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAAb;AAAA,QACA,gBAAAC;AAAA,QACA,SAAAC;AAAA,QACA,WAAWJ;AAAA,MAAA;AAAA,MAGb,4BAACgB,GAAA,EAAc,GAAGV,GAChB,UAAA,gBAAAxB,EAACmC,GAAA,EAAS,UAAUX,EAAY,aAAaI,CAAQ,GACnD,UAAA,gBAAA5B,EAACoC,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAA/B,KAGC,gBAAAgC,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAtC,EAACuC,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Contractor/Address/Form.js

@@ -1,11 +1,10 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
 import { Grid as o } from "../../Common/Grid/Grid.js";
-import "classnames";
-import { STATES_ABBR as l } from "../../../shared/constants.js";
 import { TextInputField as t } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { STATES_ABBR as l } from "../../../shared/constants.js";
 import { SelectField as m } from "../../Common/Fields/SelectField/SelectField.js";
-function v() {
+function g() {
   const { t: e } = i("Contractor.Address");
   return /* @__PURE__ */ s(o, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
     /* @__PURE__ */ r(
@@ -45,6 +44,6 @@ function v() {
   ] });
 }
 export {
-  v as Form
+  g as Form
 };
 //# sourceMappingURL=Form.js.map

package/dist/components/Contractor/Address/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../src/components/Contractor/Address/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { TextInputField, SelectField, Grid } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\n\nexport function Form() {\n  const { t } = useTranslation('Contractor.Address')\n\n  return (\n    <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n      <TextInputField\n        name=\"street1\"\n        label={t('street1')}\n        isRequired\n        errorMessage={t('validations.street1')}\n      />\n      <TextInputField name=\"street2\" label={t('street2')} />\n      <TextInputField\n        name=\"city\"\n        label={t('city')}\n        isRequired\n        errorMessage={t('validations.city')}\n      />\n      <SelectField\n        name=\"state\"\n        options={STATES_ABBR.map(stateAbbr => ({\n          label: t(`statesHash.${stateAbbr}`, { ns: 'common', defaultValue: stateAbbr }),\n          value: stateAbbr,\n        }))}\n        label={t('state')}\n        placeholder={t('statePlaceholder')}\n        errorMessage={t('validations.state')}\n        isRequired\n      />\n      <TextInputField name=\"zip\" label={t('zip')} isRequired errorMessage={t('validations.zip')} />\n    </Grid>\n  )\n}\n"],"names":["Form","t","useTranslation","jsxs","Grid","jsx","TextInputField","SelectField","STATES_ABBR","stateAbbr"],"mappings":";;;;;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB;AAEjD,SACE,gBAAAC,EAACC,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,SAAS;AAAA,QAClB,YAAU;AAAA,QACV,cAAcA,EAAE,qBAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEtCK,GAAA,EAAe,MAAK,WAAU,OAAOL,EAAE,SAAS,GAAG;AAAA,IACpD,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,MAAM;AAAA,QACf,YAAU;AAAA,QACV,cAAcA,EAAE,kBAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpC,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASC,EAAY,IAAI,CAAAC,OAAc;AAAA,UACrC,OAAOR,EAAE,cAAcQ,CAAS,IAAI,EAAE,IAAI,UAAU,cAAcA,GAAW;AAAA,UAC7E,OAAOA;AAAA,QAAA,EACP;AAAA,QACF,OAAOR,EAAE,OAAO;AAAA,QAChB,aAAaA,EAAE,kBAAkB;AAAA,QACjC,cAAcA,EAAE,mBAAmB;AAAA,QACnC,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAI,EAACC,GAAA,EAAe,MAAK,OAAM,OAAOL,EAAE,KAAK,GAAG,YAAU,IAAC,cAAcA,EAAE,iBAAiB,EAAA,CAAG;AAAA,EAAA,GAC7F;AAEJ;"}
+{"version":3,"file":"Form.js","sources":["../../../../src/components/Contractor/Address/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { TextInputField, SelectField, Grid } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\n\nexport function Form() {\n  const { t } = useTranslation('Contractor.Address')\n\n  return (\n    <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n      <TextInputField\n        name=\"street1\"\n        label={t('street1')}\n        isRequired\n        errorMessage={t('validations.street1')}\n      />\n      <TextInputField name=\"street2\" label={t('street2')} />\n      <TextInputField\n        name=\"city\"\n        label={t('city')}\n        isRequired\n        errorMessage={t('validations.city')}\n      />\n      <SelectField\n        name=\"state\"\n        options={STATES_ABBR.map(stateAbbr => ({\n          label: t(`statesHash.${stateAbbr}`, { ns: 'common', defaultValue: stateAbbr }),\n          value: stateAbbr,\n        }))}\n        label={t('state')}\n        placeholder={t('statePlaceholder')}\n        errorMessage={t('validations.state')}\n        isRequired\n      />\n      <TextInputField name=\"zip\" label={t('zip')} isRequired errorMessage={t('validations.zip')} />\n    </Grid>\n  )\n}\n"],"names":["Form","t","useTranslation","jsxs","Grid","jsx","TextInputField","SelectField","STATES_ABBR","stateAbbr"],"mappings":";;;;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB;AAEjD,SACE,gBAAAC,EAACC,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,SAAS;AAAA,QAClB,YAAU;AAAA,QACV,cAAcA,EAAE,qBAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEtCK,GAAA,EAAe,MAAK,WAAU,OAAOL,EAAE,SAAS,GAAG;AAAA,IACpD,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,MAAM;AAAA,QACf,YAAU;AAAA,QACV,cAAcA,EAAE,kBAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpC,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASC,EAAY,IAAI,CAAAC,OAAc;AAAA,UACrC,OAAOR,EAAE,cAAcQ,CAAS,IAAI,EAAE,IAAI,UAAU,cAAcA,GAAW;AAAA,UAC7E,OAAOA;AAAA,QAAA,EACP;AAAA,QACF,OAAOR,EAAE,OAAO;AAAA,QAChB,aAAaA,EAAE,kBAAkB;AAAA,QACjC,cAAcA,EAAE,mBAAmB;AAAA,QACnC,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAI,EAACC,GAAA,EAAe,MAAK,OAAM,OAAOL,EAAE,KAAK,GAAG,YAAU,IAAC,cAAcA,EAAE,iBAAiB,EAAA,CAAG;AAAA,EAAA,GAC7F;AAEJ;"}