@gusto/embedded-react-sdk 0.53.0 → 0.54.0

package/dist/components/Company/PaySchedule/PayScheduleForm.js

@@ -1,48 +1,55 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { useState as C } from "react";
-import { useTranslation as w } from "react-i18next";
-import { usePayScheduleForm as R } from "./shared/usePayScheduleForm/usePayScheduleForm.js";
-import m from "./PayScheduleForm.module.scss.js";
-import { BaseBoundaries as A, BaseLayout as f } from "../../Base/Base.js";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { useState as w } from "react";
+import { useTranslation as R } from "react-i18next";
+import { usePayScheduleForm as A } from "./shared/usePayScheduleForm/usePayScheduleForm.js";
+import y from "./PayScheduleForm.module.scss.js";
+import { BaseBoundaries as q, BaseLayout as P } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { SDKFormProvider as q } from "../../../partner-hook-utils/form/SDKFormProvider.js";
+import { SDKFormProvider as M } from "../../../partner-hook-utils/form/SDKFormProvider.js";
 import { Form as L } from "../../Common/Form/Form.js";
-import { Flex as y } from "../../Common/Flex/Flex.js";
-import { Grid as M } from "../../Common/Grid/Grid.js";
-import { ActionsLayout as O } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useDateFormatter as x } from "../../../hooks/useDateFormatter.js";
-import { componentEvents as p } from "../../../shared/constants.js";
-import { normalizeToDate as F } from "../../../helpers/dateFormatting.js";
-const h = (s) => F(s.toString());
-function Z({ onEvent: s, ...u }) {
-  return /* @__PURE__ */ a(A, { componentName: "Company.PayScheduleForm", children: /* @__PURE__ */ a(N, { onEvent: s, ...u }) });
+import { Flex as h } from "../../Common/Flex/Flex.js";
+import { Grid as O } from "../../Common/Grid/Grid.js";
+import { ActionsLayout as T } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDateFormatter as F } from "../../../hooks/useDateFormatter.js";
+import { componentEvents as f } from "../../../shared/constants.js";
+import { normalizeToDate as N } from "../../../helpers/dateFormatting.js";
+const u = (s) => N(s.toString());
+function $({ onEvent: s, LoaderComponent: d, ...p }) {
+  return /* @__PURE__ */ a(q, { componentName: "Company.PayScheduleForm", LoaderComponent: d, children: /* @__PURE__ */ a(I, { onEvent: s, LoaderComponent: d, ...p }) });
 }
-function N({ onEvent: s, ...u }) {
-  const { t: e } = w("Company.PaySchedule"), o = T(), P = x(), r = R(u), [n, D] = C(0);
+function I({ onEvent: s, LoaderComponent: d, ...p }) {
+  const { t: e } = R("Company.PaySchedule"), o = x(), D = F(), r = A(p), [n, v] = w(0);
   if (r.isLoading)
-    return /* @__PURE__ */ a(f, { isLoading: !0, error: r.errorHandling.errors });
-  const v = async () => {
+    return /* @__PURE__ */ a(
+      P,
+      {
+        isLoading: !0,
+        error: r.errorHandling.errors,
+        LoaderComponent: d
+      }
+    );
+  const g = async () => {
     const t = await r.actions.onSubmit();
     t && s(
-      t.mode === "create" ? p.PAY_SCHEDULE_CREATED : p.PAY_SCHEDULE_UPDATED,
+      t.mode === "create" ? f.PAY_SCHEDULE_CREATED : f.PAY_SCHEDULE_UPDATED,
       { paySchedule: t.data }
     );
-  }, { Fields: i } = r.form, { paymentSpeedDays: g, payPreviewLoading: b } = r.data, l = r.data.payPeriodPreview, E = {
+  }, { Fields: i } = r.form, { paymentSpeedDays: b, payPreviewLoading: E } = r.data, l = r.data.payPeriodPreview, S = {
     "Every week": e("frequencies.everyWeek"),
     "Every other week": e("frequencies.everyOtherWeek"),
     "Twice per month": e("frequencies.twicePerMonth"),
     Monthly: e("frequencies.monthly")
-  }, S = {
+  }, C = {
     "1st15th": e("frequencyOptions.15thAndLast"),
     custom: e("frequencyOptions.custom")
   };
-  return /* @__PURE__ */ a(f, { error: r.errorHandling.errors, children: /* @__PURE__ */ a(q, { formHookResult: r, children: /* @__PURE__ */ a(L, { onSubmit: () => {
-    v();
-  }, children: /* @__PURE__ */ d(y, { flexDirection: "column", children: [
-    /* @__PURE__ */ a(y, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ a("header", { children: /* @__PURE__ */ a(o.Heading, { as: "h2", children: r.status.mode === "create" ? e("headings.addPaySchedule") : e("headings.editPaySchedule") }) }) }),
-    /* @__PURE__ */ a("div", { className: m.payScheduleContainer, children: /* @__PURE__ */ d(M, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
-      /* @__PURE__ */ a("div", { className: m.payScheduleForm, children: /* @__PURE__ */ d(y, { flexDirection: "column", children: [
+  return /* @__PURE__ */ a(P, { error: r.errorHandling.errors, LoaderComponent: d, children: /* @__PURE__ */ a(M, { formHookResult: r, children: /* @__PURE__ */ a(L, { onSubmit: () => {
+    g();
+  }, children: /* @__PURE__ */ c(h, { flexDirection: "column", children: [
+    /* @__PURE__ */ a(h, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ a("header", { children: /* @__PURE__ */ a(o.Heading, { as: "h2", children: r.status.mode === "create" ? e("headings.addPaySchedule") : e("headings.editPaySchedule") }) }) }),
+    /* @__PURE__ */ a("div", { className: y.payScheduleContainer, children: /* @__PURE__ */ c(O, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
+      /* @__PURE__ */ a("div", { className: y.payScheduleForm, children: /* @__PURE__ */ c(h, { flexDirection: "column", children: [
         /* @__PURE__ */ a(
           i.CustomName,
           {
@@ -55,7 +62,7 @@ function N({ onEvent: s, ...u }) {
           {
             label: e("labels.frequency"),
             placeholder: e("labels.frequencyPlaceholder"),
-            getOptionLabel: (t) => E[t],
+            getOptionLabel: (t) => S[t],
             validationMessages: { REQUIRED: e("validations.frequency") }
           }
         ),
@@ -64,7 +71,7 @@ function N({ onEvent: s, ...u }) {
           {
             label: e("labels.frequencyOptions"),
             description: e("descriptions.frequencyOptionsDescription"),
-            getOptionLabel: (t) => S[t] ?? t
+            getOptionLabel: (t) => C[t] ?? t
           }
         ),
         /* @__PURE__ */ a(
@@ -72,7 +79,7 @@ function N({ onEvent: s, ...u }) {
           {
             label: e("labels.firstPayDate"),
             description: e("descriptions.anchorPayDateDescription", {
-              count: g
+              count: b
             }),
             validationMessages: { REQUIRED: e("validations.firstPayDate") },
             minDate: /* @__PURE__ */ new Date()
@@ -107,24 +114,24 @@ function N({ onEvent: s, ...u }) {
           }
         )
       ] }) }),
-      /* @__PURE__ */ a(y, { flexDirection: "column", gap: 4, justifyContent: "center", alignItems: "center", children: l && l[n] ? /* @__PURE__ */ d("div", { className: m.calendarContainer, children: [
-        !b && /* @__PURE__ */ a(
+      /* @__PURE__ */ a(h, { flexDirection: "column", gap: 4, justifyContent: "center", alignItems: "center", children: l && l[n] ? /* @__PURE__ */ c("div", { className: y.calendarContainer, children: [
+        !E && /* @__PURE__ */ a(
           o.Select,
           {
             label: e("labels.preview"),
             placeholder: "",
             isRequired: !0,
-            options: l.map((t, c) => ({
-              value: String(c),
-              label: P.formatPayPeriodRange(
+            options: l.map((t, m) => ({
+              value: String(m),
+              label: D.formatPayPeriodRange(
                 t.startDate.toString(),
                 t.endDate.toString()
               )
             })),
             value: String(n),
             onChange: (t) => {
-              const c = Number(t);
-              isNaN(c) || D(c);
+              const m = Number(t);
+              isNaN(m) || v(m);
             }
           }
         ),
@@ -132,18 +139,18 @@ function N({ onEvent: s, ...u }) {
           o.CalendarPreview,
           {
             dateRange: {
-              start: h(l[n].startDate),
-              end: h(l[n].endDate),
+              start: u(l[n].startDate),
+              end: u(l[n].endDate),
               label: e("payPreview.payPeriod") || "Pay Period"
             },
             highlightDates: [
               {
-                date: h(l[n].checkDate),
+                date: u(l[n].checkDate),
                 highlightColor: "primary",
                 label: e("payPreview.payday") || "Payday"
               },
               {
-                date: h(
+                date: u(
                   l[n].runPayrollBy
                 ),
                 highlightColor: "secondary",
@@ -153,7 +160,7 @@ function N({ onEvent: s, ...u }) {
           },
           n
         )
-      ] }) : /* @__PURE__ */ a("div", { className: m.calendarContainer, children: /* @__PURE__ */ a(
+      ] }) : /* @__PURE__ */ a("div", { className: y.calendarContainer, children: /* @__PURE__ */ a(
         o.Alert,
         {
           status: "info",
@@ -165,13 +172,13 @@ function N({ onEvent: s, ...u }) {
         }
       ) }) })
     ] }) }),
-    /* @__PURE__ */ d(O, { children: [
+    /* @__PURE__ */ c(T, { children: [
       /* @__PURE__ */ a(
         o.Button,
         {
           variant: "secondary",
           onClick: () => {
-            s(p.CANCEL);
+            s(f.CANCEL);
           },
           children: e("actions.cancel")
         }
@@ -181,6 +188,6 @@ function N({ onEvent: s, ...u }) {
   ] }) }) }) });
 }
 export {
-  Z as PayScheduleForm
+  $ as PayScheduleForm
 };
 //# sourceMappingURL=PayScheduleForm.js.map

package/dist/components/Company/PaySchedule/PayScheduleForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleForm.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { usePayScheduleForm } from './shared/usePayScheduleForm'\nimport type { UsePayScheduleFormProps, PayScheduleFrequency } from './shared/usePayScheduleForm'\nimport style from './PayScheduleForm.module.scss'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex, Grid, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\n\ninterface PayScheduleFormProps extends UsePayScheduleFormProps {\n  onEvent: OnEventType<EventType, unknown>\n}\n\n// Pay period preview dates are RFCDate (`YYYY-MM-DD`) instances; normalizeToDate parses\n// them as local midnight instead of new Date's UTC midnight, which CalendarPreview would\n// otherwise roll back a day for timezones behind UTC. The format is always valid here.\nconst toLocalDate = (rfcDate: { toString(): string }): Date => normalizeToDate(rfcDate.toString())!\n\n/** @internal */\nexport function PayScheduleForm({ onEvent, ...hookProps }: PayScheduleFormProps) {\n  return (\n    <BaseBoundaries componentName=\"Company.PayScheduleForm\">\n      <PayScheduleFormRoot onEvent={onEvent} {...hookProps} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PayScheduleFormRoot({ onEvent, ...hookProps }: PayScheduleFormProps) {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const paySchedule = usePayScheduleForm(hookProps)\n  const [selectedPayPeriodIndex, setSelectedPayPeriodIndex] = useState(0)\n\n  if (paySchedule.isLoading) {\n    return <BaseLayout isLoading error={paySchedule.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await paySchedule.actions.onSubmit()\n    if (result) {\n      onEvent(\n        result.mode === 'create'\n          ? componentEvents.PAY_SCHEDULE_CREATED\n          : componentEvents.PAY_SCHEDULE_UPDATED,\n        { paySchedule: result.data },\n      )\n    }\n  }\n\n  const { Fields } = paySchedule.form\n  const { paymentSpeedDays, payPreviewLoading } = paySchedule.data\n  const payPeriodPreview = paySchedule.data.payPeriodPreview\n\n  const frequencyLabels: Record<PayScheduleFrequency, string> = {\n    'Every week': t('frequencies.everyWeek'),\n    'Every other week': t('frequencies.everyOtherWeek'),\n    'Twice per month': t('frequencies.twicePerMonth'),\n    Monthly: t('frequencies.monthly'),\n  }\n\n  const twicePerMonthLabels: Record<string, string> = {\n    '1st15th': t('frequencyOptions.15thAndLast'),\n    custom: t('frequencyOptions.custom'),\n  }\n\n  return (\n    <BaseLayout error={paySchedule.errorHandling.errors}>\n      <SDKFormProvider formHookResult={paySchedule}>\n        <Form onSubmit={() => void handleSubmit()}>\n          <Flex flexDirection=\"column\">\n            <Flex justifyContent=\"space-between\" flexDirection=\"column\" gap={4}>\n              <header>\n                <Components.Heading as=\"h2\">\n                  {paySchedule.status.mode === 'create'\n                    ? t('headings.addPaySchedule')\n                    : t('headings.editPaySchedule')}\n                </Components.Heading>\n              </header>\n            </Flex>\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                    <Fields.CustomName\n                      label={t('labels.name')}\n                      validationMessages={{ REQUIRED: t('validations.name') }}\n                    />\n                    <Fields.Frequency\n                      label={t('labels.frequency')}\n                      placeholder={t('labels.frequencyPlaceholder')}\n                      getOptionLabel={(entry: PayScheduleFrequency) => frequencyLabels[entry]}\n                      validationMessages={{ REQUIRED: t('validations.frequency') }}\n                    />\n                    {Fields.CustomTwicePerMonth && (\n                      <Fields.CustomTwicePerMonth\n                        label={t('labels.frequencyOptions')}\n                        description={t('descriptions.frequencyOptionsDescription')}\n                        getOptionLabel={(entry: string) => twicePerMonthLabels[entry] ?? entry}\n                      />\n                    )}\n                    <Fields.AnchorPayDate\n                      label={t('labels.firstPayDate')}\n                      description={t('descriptions.anchorPayDateDescription', {\n                        count: paymentSpeedDays,\n                      })}\n                      validationMessages={{ REQUIRED: t('validations.firstPayDate') }}\n                      minDate={new Date()}\n                    />\n                    <Fields.AnchorEndOfPayPeriod\n                      label={t('labels.firstPayPeriodEndDate')}\n                      description={t('descriptions.anchorEndOfPayPeriodDescription')}\n                      validationMessages={{ REQUIRED: t('validations.firstPayPeriodEndDate') }}\n                    />\n                    {Fields.Day1 && (\n                      <Fields.Day1\n                        label={t('labels.firstPayDayOfTheMonth')}\n                        validationMessages={{\n                          REQUIRED: t('validations.firstPayDayOfTheMonth'),\n                          DAY_RANGE: t('validations.dayRange'),\n                        }}\n                      />\n                    )}\n                    {Fields.Day2 && (\n                      <Fields.Day2\n                        label={t('labels.lastPayDayOfTheMonth')}\n                        validationMessages={{\n                          REQUIRED: t('validations.lastPayDayOfTheMonth'),\n                          DAY_RANGE: t('validations.dayRange'),\n                        }}\n                      />\n                    )}\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                          placeholder=\"\"\n                          isRequired\n                          options={payPeriodPreview.map((period, index) => ({\n                            value: String(index),\n                            label: dateFormatter.formatPayPeriodRange(\n                              period.startDate.toString(),\n                              period.endDate.toString(),\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: toLocalDate(payPeriodPreview[selectedPayPeriodIndex].startDate),\n                          end: toLocalDate(payPeriodPreview[selectedPayPeriodIndex].endDate),\n                          label: t('payPreview.payPeriod') || 'Pay Period',\n                        }}\n                        highlightDates={[\n                          {\n                            date: toLocalDate(payPeriodPreview[selectedPayPeriodIndex].checkDate),\n                            highlightColor: 'primary',\n                            label: t('payPreview.payday') || 'Payday',\n                          },\n                          {\n                            date: toLocalDate(\n                              payPeriodPreview[selectedPayPeriodIndex].runPayrollBy,\n                            ),\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            <ActionsLayout>\n              <Components.Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onEvent(componentEvents.CANCEL)\n                }}\n              >\n                {t('actions.cancel')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={paySchedule.status.isPending}>\n                {t('actions.save')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["toLocalDate","rfcDate","normalizeToDate","PayScheduleForm","onEvent","hookProps","jsx","BaseBoundaries","PayScheduleFormRoot","t","useTranslation","Components","useComponentContext","dateFormatter","useDateFormatter","paySchedule","usePayScheduleForm","selectedPayPeriodIndex","setSelectedPayPeriodIndex","useState","BaseLayout","handleSubmit","result","componentEvents","Fields","paymentSpeedDays","payPreviewLoading","payPeriodPreview","frequencyLabels","twicePerMonthLabels","SDKFormProvider","Form","jsxs","Flex","style","Grid","entry","period","index","value","numericValue","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PayScheduleForm.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { usePayScheduleForm } from './shared/usePayScheduleForm'\nimport type { UsePayScheduleFormProps, PayScheduleFrequency } from './shared/usePayScheduleForm'\nimport style from './PayScheduleForm.module.scss'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex, Grid, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\nimport type { LoaderComponentType } from '@/components/Base'\n\ninterface PayScheduleFormProps extends UsePayScheduleFormProps {\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n// Pay period preview dates are RFCDate (`YYYY-MM-DD`) instances; normalizeToDate parses\n// them as local midnight instead of new Date's UTC midnight, which CalendarPreview would\n// otherwise roll back a day for timezones behind UTC. The format is always valid here.\nconst toLocalDate = (rfcDate: { toString(): string }): Date => normalizeToDate(rfcDate.toString())!\n\n/** @internal */\nexport function PayScheduleForm({ onEvent, LoaderComponent, ...hookProps }: PayScheduleFormProps) {\n  return (\n    <BaseBoundaries componentName=\"Company.PayScheduleForm\" LoaderComponent={LoaderComponent}>\n      <PayScheduleFormRoot onEvent={onEvent} LoaderComponent={LoaderComponent} {...hookProps} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PayScheduleFormRoot({ onEvent, LoaderComponent, ...hookProps }: PayScheduleFormProps) {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const paySchedule = usePayScheduleForm(hookProps)\n  const [selectedPayPeriodIndex, setSelectedPayPeriodIndex] = useState(0)\n\n  if (paySchedule.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={paySchedule.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleSubmit = async () => {\n    const result = await paySchedule.actions.onSubmit()\n    if (result) {\n      onEvent(\n        result.mode === 'create'\n          ? componentEvents.PAY_SCHEDULE_CREATED\n          : componentEvents.PAY_SCHEDULE_UPDATED,\n        { paySchedule: result.data },\n      )\n    }\n  }\n\n  const { Fields } = paySchedule.form\n  const { paymentSpeedDays, payPreviewLoading } = paySchedule.data\n  const payPeriodPreview = paySchedule.data.payPeriodPreview\n\n  const frequencyLabels: Record<PayScheduleFrequency, string> = {\n    'Every week': t('frequencies.everyWeek'),\n    'Every other week': t('frequencies.everyOtherWeek'),\n    'Twice per month': t('frequencies.twicePerMonth'),\n    Monthly: t('frequencies.monthly'),\n  }\n\n  const twicePerMonthLabels: Record<string, string> = {\n    '1st15th': t('frequencyOptions.15thAndLast'),\n    custom: t('frequencyOptions.custom'),\n  }\n\n  return (\n    <BaseLayout error={paySchedule.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <SDKFormProvider formHookResult={paySchedule}>\n        <Form onSubmit={() => void handleSubmit()}>\n          <Flex flexDirection=\"column\">\n            <Flex justifyContent=\"space-between\" flexDirection=\"column\" gap={4}>\n              <header>\n                <Components.Heading as=\"h2\">\n                  {paySchedule.status.mode === 'create'\n                    ? t('headings.addPaySchedule')\n                    : t('headings.editPaySchedule')}\n                </Components.Heading>\n              </header>\n            </Flex>\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                    <Fields.CustomName\n                      label={t('labels.name')}\n                      validationMessages={{ REQUIRED: t('validations.name') }}\n                    />\n                    <Fields.Frequency\n                      label={t('labels.frequency')}\n                      placeholder={t('labels.frequencyPlaceholder')}\n                      getOptionLabel={(entry: PayScheduleFrequency) => frequencyLabels[entry]}\n                      validationMessages={{ REQUIRED: t('validations.frequency') }}\n                    />\n                    {Fields.CustomTwicePerMonth && (\n                      <Fields.CustomTwicePerMonth\n                        label={t('labels.frequencyOptions')}\n                        description={t('descriptions.frequencyOptionsDescription')}\n                        getOptionLabel={(entry: string) => twicePerMonthLabels[entry] ?? entry}\n                      />\n                    )}\n                    <Fields.AnchorPayDate\n                      label={t('labels.firstPayDate')}\n                      description={t('descriptions.anchorPayDateDescription', {\n                        count: paymentSpeedDays,\n                      })}\n                      validationMessages={{ REQUIRED: t('validations.firstPayDate') }}\n                      minDate={new Date()}\n                    />\n                    <Fields.AnchorEndOfPayPeriod\n                      label={t('labels.firstPayPeriodEndDate')}\n                      description={t('descriptions.anchorEndOfPayPeriodDescription')}\n                      validationMessages={{ REQUIRED: t('validations.firstPayPeriodEndDate') }}\n                    />\n                    {Fields.Day1 && (\n                      <Fields.Day1\n                        label={t('labels.firstPayDayOfTheMonth')}\n                        validationMessages={{\n                          REQUIRED: t('validations.firstPayDayOfTheMonth'),\n                          DAY_RANGE: t('validations.dayRange'),\n                        }}\n                      />\n                    )}\n                    {Fields.Day2 && (\n                      <Fields.Day2\n                        label={t('labels.lastPayDayOfTheMonth')}\n                        validationMessages={{\n                          REQUIRED: t('validations.lastPayDayOfTheMonth'),\n                          DAY_RANGE: t('validations.dayRange'),\n                        }}\n                      />\n                    )}\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                          placeholder=\"\"\n                          isRequired\n                          options={payPeriodPreview.map((period, index) => ({\n                            value: String(index),\n                            label: dateFormatter.formatPayPeriodRange(\n                              period.startDate.toString(),\n                              period.endDate.toString(),\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: toLocalDate(payPeriodPreview[selectedPayPeriodIndex].startDate),\n                          end: toLocalDate(payPeriodPreview[selectedPayPeriodIndex].endDate),\n                          label: t('payPreview.payPeriod') || 'Pay Period',\n                        }}\n                        highlightDates={[\n                          {\n                            date: toLocalDate(payPeriodPreview[selectedPayPeriodIndex].checkDate),\n                            highlightColor: 'primary',\n                            label: t('payPreview.payday') || 'Payday',\n                          },\n                          {\n                            date: toLocalDate(\n                              payPeriodPreview[selectedPayPeriodIndex].runPayrollBy,\n                            ),\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            <ActionsLayout>\n              <Components.Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onEvent(componentEvents.CANCEL)\n                }}\n              >\n                {t('actions.cancel')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={paySchedule.status.isPending}>\n                {t('actions.save')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["toLocalDate","rfcDate","normalizeToDate","PayScheduleForm","onEvent","LoaderComponent","hookProps","jsx","BaseBoundaries","PayScheduleFormRoot","t","useTranslation","Components","useComponentContext","dateFormatter","useDateFormatter","paySchedule","usePayScheduleForm","selectedPayPeriodIndex","setSelectedPayPeriodIndex","useState","BaseLayout","handleSubmit","result","componentEvents","Fields","paymentSpeedDays","payPreviewLoading","payPeriodPreview","frequencyLabels","twicePerMonthLabels","SDKFormProvider","Form","jsxs","Flex","style","Grid","entry","period","index","value","numericValue","ActionsLayout"],"mappings":"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"}

package/dist/components/Company/PaySchedule/shared/usePayScheduleForm/fields.js

@@ -1,17 +1,17 @@
 import { jsx as o } from "react/jsx-runtime";
+import { TextInputHookField as t } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { SelectHookField as i } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
 import { NumberInputHookField as n } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
 import { DatePickerHookField as r } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
-import { RadioGroupHookField as t } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
-import { SelectHookField as i } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
-import { TextInputHookField as m } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { RadioGroupHookField as m } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 function F(e) {
-  return /* @__PURE__ */ o(m, { ...e, name: "customName" });
+  return /* @__PURE__ */ o(t, { ...e, name: "customName" });
 }
 function p(e) {
   return /* @__PURE__ */ o(i, { ...e, name: "frequency" });
 }
 function y(e) {
-  return /* @__PURE__ */ o(t, { ...e, name: "customTwicePerMonth" });
+  return /* @__PURE__ */ o(m, { ...e, name: "customTwicePerMonth" });
 }
 function P(e) {
   return /* @__PURE__ */ o(r, { ...e, name: "anchorPayDate" });

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

@@ -13,10 +13,11 @@ import "dompurify";
 import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [u, f] = t("StateTaxesFormContext");
+const [f, v] = t("StateTaxesFormContext");
 export {
-  f as StateTaxesFormProvider,
-  u as useStateTaxesForm
+  v as StateTaxesFormProvider,
+  f as useStateTaxesForm
 };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}

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

@@ -13,10 +13,11 @@ import "dompurify";
 import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [u, f] = t("StateTaxesListContext");
+const [f, v] = t("StateTaxesListContext");
 export {
-  f as StateTaxesListProvider,
-  u as useStateTaxesList
+  v as StateTaxesListProvider,
+  f as useStateTaxesList
 };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { TaxRequirementStatesList } from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: TaxRequirementStatesList[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n  handleManageRates: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAWA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { TaxRequirementStatesList } from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: TaxRequirementStatesList[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n  handleManageRates: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAWA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}

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

@@ -13,10 +13,11 @@ import "dompurify";
 import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [s, u] = t("TaxRateManagementContext");
+const [u, f] = t("TaxRateManagementContext");
 export {
-  u as TaxRateManagementProvider,
-  s as useTaxRateManagement
+  f as TaxRateManagementProvider,
+  u as useTaxRateManagement
 };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/context.ts"],"sourcesContent":["import type { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset'\nimport { createCompoundContext } from '@/components/Base'\n\n/**\n * A state's effective-dated requirement sets for a single key, grouped for history display,\n * plus any future-dated candidate sets available to schedule against.\n *\n * @internal\n */\nexport interface TaxRateKeyGroup {\n  key: string\n  label?: string\n  sets: TaxRequirementSet[]\n  candidateSets: TaxRequirementSet[]\n}\n\ninterface TaxRateManagementContextType {\n  state: string\n  groups: TaxRateKeyGroup[]\n  isPendingUpdate: boolean\n  handleCancel: () => void\n  handleAddRate: (\n    key: string,\n    effectiveFrom: string,\n    requirements: { key: string; value: string }[],\n  ) => Promise<boolean>\n}\n\nconst [useTaxRateManagement, TaxRateManagementProvider] =\n  createCompoundContext<TaxRateManagementContextType>('TaxRateManagementContext')\n\nexport { useTaxRateManagement, TaxRateManagementProvider }\n"],"names":["useTaxRateManagement","TaxRateManagementProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AA4BA,MAAM,CAACA,GAAsBC,CAAyB,IACpDC,EAAoD,0BAA0B;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/context.ts"],"sourcesContent":["import type { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset'\nimport { createCompoundContext } from '@/components/Base'\n\n/**\n * A state's effective-dated requirement sets for a single key, grouped for history display,\n * plus any future-dated candidate sets available to schedule against.\n *\n * @internal\n */\nexport interface TaxRateKeyGroup {\n  key: string\n  label?: string\n  sets: TaxRequirementSet[]\n  candidateSets: TaxRequirementSet[]\n}\n\ninterface TaxRateManagementContextType {\n  state: string\n  groups: TaxRateKeyGroup[]\n  isPendingUpdate: boolean\n  handleCancel: () => void\n  handleAddRate: (\n    key: string,\n    effectiveFrom: string,\n    requirements: { key: string; value: string }[],\n  ) => Promise<boolean>\n}\n\nconst [useTaxRateManagement, TaxRateManagementProvider] =\n  createCompoundContext<TaxRateManagementContextType>('TaxRateManagementContext')\n\nexport { useTaxRateManagement, TaxRateManagementProvider }\n"],"names":["useTaxRateManagement","TaxRateManagementProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,MAAM,CAACA,GAAsBC,CAAyB,IACpDC,EAAoD,0BAA0B;"}

package/dist/components/Contractor/Address/management/Address.d.ts

@@ -0,0 +1,30 @@
+import { BaseComponentInterface } from '../../../Base';
+/**
+ * Props for {@link Address}.
+ *
+ * @public
+ */
+export interface AddressProps extends BaseComponentInterface<'Contractor.Management.Address'> {
+    /** The associated contractor identifier. */
+    contractorId: string;
+}
+/**
+ * Management surface for viewing and editing a contractor's mailing address after onboarding.
+ *
+ * @remarks
+ * Drives the read-view card and edit form via an internal state machine.
+ * Emits events on the supplied `onEvent` handler when the user requests an
+ * edit, saves changes, or cancels.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/address/editRequested` | Fired when the user clicks Edit on the read-view card | `{ contractorId: string }` |
+ * | `contractor/management/address/updated` | Fired after the address is successfully saved | {@link APIModels.ContractorAddress} |
+ * | `contractor/management/address/editCancelled` | Fired when the user cancels editing | — |
+ *
+ * @param props - See {@link AddressProps}.
+ * @returns The contractor address management surface.
+ * @public
+ */
+export declare function Address({ dictionary, FallbackComponent, LoaderComponent, ...props }: AddressProps): import("react").JSX.Element;

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

@@ -0,0 +1,43 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createMachine as s } from "robot3";
+import { useMemo as a } from "react";
+import { CardContextual as i } from "./AddressComponents.js";
+import { addressStateMachine as c } from "./addressStateMachine.js";
+import { Flow as d } from "../../../Flow/Flow.js";
+import { BaseBoundaries as p } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useComponentDictionary as u, useI18n as f } from "../../../../i18n/I18n.js";
+function l({ contractorId: e, onEvent: o, LoaderComponent: r }) {
+  f("Contractor.Management.Address");
+  const t = a(
+    () => s("card", c, (m) => ({
+      ...m,
+      component: i,
+      contractorId: e,
+      successAlert: null,
+      LoaderComponent: r
+    })),
+    [e, r]
+  );
+  return /* @__PURE__ */ n(d, { machine: t, onEvent: o });
+}
+function j({
+  dictionary: e,
+  FallbackComponent: o,
+  LoaderComponent: r,
+  ...t
+}) {
+  return u("Contractor.Management.Address", e), /* @__PURE__ */ n(
+    p,
+    {
+      componentName: "Contractor.Management.Address",
+      FallbackComponent: o,
+      LoaderComponent: r,
+      children: /* @__PURE__ */ n(l, { LoaderComponent: r, ...t })
+    }
+  );
+}
+export {
+  j as Address
+};
+//# sourceMappingURL=Address.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Address.js","sources":["../../../../../src/components/Contractor/Address/management/Address.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type AddressContextInterface } from './AddressComponents'\nimport { addressStateMachine } from './addressStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link Address}.\n *\n * @public\n */\nexport interface AddressProps extends BaseComponentInterface<'Contractor.Management.Address'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n}\n\nfunction AddressFlow({ contractorId, onEvent, LoaderComponent }: AddressProps) {\n  useI18n('Contractor.Management.Address')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', addressStateMachine, (ctx: AddressContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        contractorId,\n        successAlert: null,\n        LoaderComponent,\n      })),\n    [contractorId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing a contractor's mailing address after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/address/editRequested` | Fired when the user clicks Edit on the read-view card | `{ contractorId: string }` |\n * | `contractor/management/address/updated` | Fired after the address is successfully saved | {@link APIModels.ContractorAddress} |\n * | `contractor/management/address/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link AddressProps}.\n * @returns The contractor address management surface.\n * @public\n */\nexport function Address({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: AddressProps) {\n  useComponentDictionary('Contractor.Management.Address', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Address\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <AddressFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["AddressFlow","contractorId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","addressStateMachine","ctx","CardContextual","jsx","Flow","Address","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAY,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAC,KAAiC;AAC7E,EAAAC,EAAQ,+BAA+B;AAEvC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,cAAAT;AAAA,MACA,cAAc;AAAA,MACd,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAcE,CAAe;AAAA,EAAA;AAGhC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAqBO,SAASW,EAAQ;AAAA,EACtB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAiB;AACf,SAAAC,EAAuB,iCAAiCH,CAAU,GAEhE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAY,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGhE;"}

package/dist/components/Contractor/Address/management/AddressCard/AddressCard.d.ts

@@ -0,0 +1,35 @@
+import { EventType } from '../../../../../shared/constants';
+import { OnEventType } from '../../../../Base/useBase';
+import { LoaderComponentType } from '../../../../Base';
+/**
+ * Props for {@link AddressCard}.
+ *
+ * @public
+ */
+export interface AddressCardProps {
+    /** The associated contractor identifier. */
+    contractorId: string;
+    /** Event handler fired when the user requests to edit the address. */
+    onEvent: OnEventType<EventType, unknown>;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
+}
+/**
+ * Read-only card showing a contractor's mailing address with an Edit action.
+ *
+ * @remarks
+ * Standalone card that fetches its own data. Emits an event when the user
+ * clicks Edit so the parent can switch to the edit form. The card does not
+ * render success or error alerts itself — alert presentation is the
+ * surrounding surface's responsibility.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/address/editRequested` | Fired when the user clicks the Edit button | `{ contractorId: string }` |
+ *
+ * @param props - See {@link AddressCardProps}.
+ * @returns The contractor address card.
+ * @public
+ */
+export declare function AddressCard({ LoaderComponent, ...props }: AddressCardProps): import("react").JSX.Element;

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

@@ -0,0 +1,45 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { Flex as p } from "../../../../Common/Flex/Flex.js";
+import { Loading as u } from "../../../../Common/Loading/Loading.js";
+import { BaseBoundaries as h, BaseLayout as C } from "../../../../Base/Base.js";
+import { useComponentContext as f } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as x } from "../../../../../i18n/I18n.js";
+import { componentEvents as A } from "../../../../../shared/constants.js";
+import { useContractorAddressSummary as g } from "../../shared/useContractorAddressSummary/useContractorAddressSummary.js";
+function _({ LoaderComponent: o, ...s }) {
+  return /* @__PURE__ */ r(h, { componentName: "Contractor.Management.Address", LoaderComponent: o, children: /* @__PURE__ */ r(T, { LoaderComponent: o, ...s }) });
+}
+function T({ contractorId: o, onEvent: s, LoaderComponent: m }) {
+  x("Contractor.Management.Address");
+  const { t: i } = l("Contractor.Management.Address"), t = f(), n = g({ contractorId: o }), d = n.isLoading, e = n.isLoading ? void 0 : n.data.contractorAddress, c = () => {
+    s(A.CONTRACTOR_MANAGEMENT_ADDRESS_EDIT_REQUESTED, { contractorId: o });
+  };
+  return /* @__PURE__ */ r(C, { error: n.errorHandling.errors, LoaderComponent: m, children: /* @__PURE__ */ r(
+    t.Box,
+    {
+      header: /* @__PURE__ */ r(
+        t.BoxHeader,
+        {
+          title: i("title"),
+          action: /* @__PURE__ */ r(t.Button, { variant: "secondary", onClick: c, isDisabled: d, children: i("editCta") })
+        }
+      ),
+      children: d ? /* @__PURE__ */ r(u, {}) : e?.street1 ? /* @__PURE__ */ a(p, { flexDirection: "column", gap: 0, children: [
+        /* @__PURE__ */ r(t.Text, { weight: "medium", children: e.street1 }),
+        e.street2 && /* @__PURE__ */ r(t.Text, { children: e.street2 }),
+        /* @__PURE__ */ a(t.Text, { children: [
+          e.city,
+          ", ",
+          e.state,
+          " ",
+          e.zip
+        ] })
+      ] }) : /* @__PURE__ */ r(t.Text, { children: i("emptyPlaceholder") })
+    }
+  ) });
+}
+export {
+  _ as AddressCard
+};
+//# sourceMappingURL=AddressCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddressCard.js","sources":["../../../../../../src/components/Contractor/Address/management/AddressCard/AddressCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorAddressSummary } from '../../shared/useContractorAddressSummary'\nimport { Loading } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link AddressCard}.\n *\n * @public\n */\nexport interface AddressCardProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler fired when the user requests to edit the address. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Read-only card showing a contractor's mailing address with an Edit action.\n *\n * @remarks\n * Standalone card that fetches its own data. Emits an event when the user\n * clicks Edit so the parent can switch to the edit form. The card does not\n * render success or error alerts itself — alert presentation is the\n * surrounding surface's responsibility.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/address/editRequested` | Fired when the user clicks the Edit button | `{ contractorId: string }` |\n *\n * @param props - See {@link AddressCardProps}.\n * @returns The contractor address card.\n * @public\n */\nexport function AddressCard({ LoaderComponent, ...props }: AddressCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Contractor.Management.Address\" LoaderComponent={LoaderComponent}>\n      <AddressCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction AddressCardContent({ contractorId, onEvent, LoaderComponent }: AddressCardProps) {\n  useI18n('Contractor.Management.Address')\n  const { t } = useTranslation('Contractor.Management.Address')\n  const Components = useComponentContext()\n\n  const summary = useContractorAddressSummary({ contractorId })\n\n  const isLoading = summary.isLoading\n  const contractorAddress = summary.isLoading ? undefined : summary.data.contractorAddress\n\n  const handleEdit = () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_ADDRESS_EDIT_REQUESTED, { contractorId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isLoading ? (\n          <Loading />\n        ) : contractorAddress?.street1 ? (\n          <Flex flexDirection=\"column\" gap={0}>\n            <Components.Text weight=\"medium\">{contractorAddress.street1}</Components.Text>\n            {contractorAddress.street2 && (\n              <Components.Text>{contractorAddress.street2}</Components.Text>\n            )}\n            <Components.Text>\n              {contractorAddress.city}, {contractorAddress.state} {contractorAddress.zip}\n            </Components.Text>\n          </Flex>\n        ) : (\n          <Components.Text>{t('emptyPlaceholder')}</Components.Text>\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["AddressCard","LoaderComponent","props","jsx","BaseBoundaries","AddressCardContent","contractorId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","summary","useContractorAddressSummary","isLoading","contractorAddress","handleEdit","componentEvents","BaseLayout","Loading","jsxs","Flex"],"mappings":";;;;;;;;;AA2CO,SAASA,EAAY,EAAE,iBAAAC,GAAiB,GAAGC,KAA2B;AAC3E,SACE,gBAAAC,EAACC,GAAA,EAAe,eAAc,iCAAgC,iBAAAH,GAC5D,4BAACI,GAAA,EAAmB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO,EAAA,CACnE;AAEJ;AAEA,SAASG,EAAmB,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAN,KAAqC;AACxF,EAAAO,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtDC,IAAaC,EAAA,GAEbC,IAAUC,EAA4B,EAAE,cAAAR,GAAc,GAEtDS,IAAYF,EAAQ,WACpBG,IAAoBH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,mBAEjEI,IAAa,MAAM;AACvB,IAAAV,EAAQW,EAAgB,8CAA8C,EAAE,cAAAZ,EAAA,CAAc;AAAA,EACxF;AAEA,2BACGa,GAAA,EAAW,OAAON,EAAQ,cAAc,QAAQ,iBAAAZ,GAC/C,UAAA,gBAAAE;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAN,EAACQ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAAY,YAAYF,GACrE,UAAAN,EAAE,SAAS,EAAA,CACd;AAAA,QAAA;AAAA,MAAA;AAAA,MAKL,UAAAM,IACC,gBAAAZ,EAACiB,GAAA,CAAA,CAAQ,IACPJ,GAAmB,UACrB,gBAAAK,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAnB,EAACQ,EAAW,MAAX,EAAgB,QAAO,UAAU,YAAkB,SAAQ;AAAA,QAC3DK,EAAkB,WACjB,gBAAAb,EAACQ,EAAW,MAAX,EAAiB,YAAkB,SAAQ;AAAA,QAE9C,gBAAAU,EAACV,EAAW,MAAX,EACE,UAAA;AAAA,UAAAK,EAAkB;AAAA,UAAK;AAAA,UAAGA,EAAkB;AAAA,UAAM;AAAA,UAAEA,EAAkB;AAAA,QAAA,EAAA,CACzE;AAAA,MAAA,GACF,IAEA,gBAAAb,EAACQ,EAAW,MAAX,EAAiB,UAAAF,EAAE,kBAAkB,EAAA,CAAE;AAAA,IAAA;AAAA,EAAA,GAG9C;AAEJ;"}

package/dist/components/Contractor/Address/management/AddressCard/index.d.ts

@@ -0,0 +1 @@
+export { AddressCard, type AddressCardProps } from './AddressCard';

package/dist/components/Contractor/Address/management/AddressComponents.d.ts

@@ -0,0 +1,12 @@
+import { FlowContextInterface } from '../../../Flow/useFlow';
+type AddressSuccessAlertCode = 'addressUpdated';
+/** @internal */
+export interface AddressContextInterface extends FlowContextInterface {
+    contractorId?: string;
+    successAlert?: AddressSuccessAlertCode | null;
+}
+/** @internal */
+export declare function CardContextual(): import("react").JSX.Element;
+/** @internal */
+export declare function AddressEditFormContextual(): import("react").JSX.Element;
+export {};