@gusto/embedded-react-sdk 0.46.3 → 0.47.0

package/dist/components/Employee/Deductions/DeductionsForm/ChildSupportFormView.js

@@ -1,137 +0,0 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { useTranslation as y } from "react-i18next";
-import { useChildSupportGarnishmentForm as h } from "../shared/useChildSupportGarnishmentForm/useChildSupportGarnishmentForm.js";
-import { Form as R } from "../../../Common/Form/Form.js";
-import { Flex as u } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../../shared/constants.js";
-import { ActionsLayout as f } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { BaseLayout as b } from "../../../Base/Base.js";
-import { SDKFormProvider as E } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function F({
-  employeeId: o,
-  deduction: a,
-  onSaved: d,
-  onCancel: m
-}) {
-  const { t: e } = y("Employee.Deductions"), s = D(), r = h({
-    employeeId: o,
-    garnishmentId: a?.uuid
-  });
-  if (r.isLoading)
-    return /* @__PURE__ */ t(b, { isLoading: !0, error: r.errorHandling.errors });
-  const { Fields: i } = r.form, p = r.status.selectedAgency !== null, g = async () => {
-    const n = await r.actions.onSubmit();
-    n && d(n.data, n.mode);
-  };
-  return /* @__PURE__ */ t(b, { error: r.errorHandling.errors, children: /* @__PURE__ */ t(E, { formHookResult: r, children: /* @__PURE__ */ t(R, { onSubmit: g, children: /* @__PURE__ */ c(u, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ t(s.Heading, { as: "h3", children: e("childSupportTitle") }),
-    /* @__PURE__ */ c(u, { flexDirection: "column", gap: 20, children: [
-      /* @__PURE__ */ t(
-        i.State,
-        {
-          label: e("agency"),
-          description: e("agencyDescription"),
-          getOptionLabel: (n) => n.name,
-          validationMessages: { REQUIRED: e("agencyRequired") }
-        }
-      ),
-      r.status.isManualPaymentRequired && /* @__PURE__ */ t(s.Alert, { status: "warning", label: e("manualPaymentRequired") }),
-      p && /* @__PURE__ */ c(u, { flexDirection: "column", gap: 20, children: [
-        i.FipsCode && /* @__PURE__ */ t(
-          i.FipsCode,
-          {
-            label: e("county"),
-            description: e("countyDescription"),
-            getOptionLabel: (n) => n.county ?? e("allCounties"),
-            validationMessages: { REQUIRED: e("countyRequired") }
-          }
-        ),
-        i.CaseNumber && /* @__PURE__ */ t(
-          i.CaseNumber,
-          {
-            label: l(r.status.selectedAgency, "case_number"),
-            description: e("caseNumberDescription"),
-            validationMessages: { REQUIRED: e("caseNumberRequired") }
-          }
-        ),
-        i.OrderNumber && /* @__PURE__ */ t(
-          i.OrderNumber,
-          {
-            label: l(r.status.selectedAgency, "order_number"),
-            description: e("orderNumberDescription"),
-            validationMessages: { REQUIRED: e("orderNumberRequired") }
-          }
-        ),
-        i.RemittanceNumber && /* @__PURE__ */ t(
-          i.RemittanceNumber,
-          {
-            label: l(r.status.selectedAgency, "remittance_number"),
-            description: e("remittanceNumberDescription"),
-            validationMessages: { REQUIRED: e("remittanceNumberRequired") }
-          }
-        ),
-        /* @__PURE__ */ t(
-          i.PayPeriodMaximum,
-          {
-            label: e("totalAmountWithheld"),
-            description: e("totalAmountWithheldDescription"),
-            format: "currency",
-            min: 0,
-            validationMessages: {
-              REQUIRED: e("payPeriodMaximumRequired"),
-              NEGATIVE_AMOUNT: e("amountNonNegative")
-            }
-          }
-        ),
-        /* @__PURE__ */ t(
-          i.Amount,
-          {
-            label: e("maxPaycheckPercentage"),
-            description: e("maxPaycheckPercentageDescription"),
-            format: "percent",
-            min: 0,
-            max: 100,
-            validationMessages: {
-              REQUIRED: e("amountRequired"),
-              PERCENT_OUT_OF_RANGE: e("percentOutOfRange")
-            }
-          }
-        ),
-        /* @__PURE__ */ t(
-          i.PaymentPeriod,
-          {
-            label: e("per"),
-            description: e("perDescription"),
-            getOptionLabel: (n) => N(e, n),
-            validationMessages: { REQUIRED: e("paymentPeriodRequired") }
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ c(f, { children: [
-      /* @__PURE__ */ t(s.Button, { variant: "secondary", type: "button", onClick: m, children: e("cancelCta") }),
-      p && /* @__PURE__ */ t(s.Button, { type: "submit", isLoading: r.status.isPending, children: e("saveCta") })
-    ] })
-  ] }) }) }) });
-}
-function l(o, a) {
-  return o?.requiredAttributes?.find((m) => m.key === a)?.label ?? a;
-}
-function N(o, a) {
-  switch (a) {
-    case "Every week":
-      return o("everyWeek");
-    case "Every other week":
-      return o("everyOtherWeek");
-    case "Twice per month":
-      return o("twicePerMonth");
-    case "Monthly":
-      return o("monthly");
-  }
-}
-export {
-  F as ChildSupportFormView
-};
-//# sourceMappingURL=ChildSupportFormView.js.map

package/dist/components/Employee/Deductions/DeductionsForm/ChildSupportFormView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChildSupportFormView.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsForm/ChildSupportFormView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport type { PaymentPeriod } from '@gusto/embedded-api/models/components/garnishmentchildsupport'\nimport { useChildSupportGarnishmentForm } from '../shared/useChildSupportGarnishmentForm'\nimport type { StateFieldEntry, CountyEntry } from '../shared/useChildSupportGarnishmentForm'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface ChildSupportFormViewProps {\n  employeeId: string\n  deduction: Garnishment | null\n  onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void\n  onCancel: () => void\n}\n\nexport function ChildSupportFormView({\n  employeeId,\n  deduction,\n  onSaved,\n  onCancel,\n}: ChildSupportFormViewProps) {\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  const form = useChildSupportGarnishmentForm({\n    employeeId,\n    garnishmentId: deduction?.uuid,\n  })\n\n  if (form.isLoading) {\n    return <BaseLayout isLoading error={form.errorHandling.errors} />\n  }\n\n  const { Fields } = form.form\n  const hasSelection = form.status.selectedAgency !== null\n\n  const handleSubmit = async () => {\n    const result = await form.actions.onSubmit()\n    if (result) onSaved(result.data, result.mode)\n  }\n\n  return (\n    <BaseLayout error={form.errorHandling.errors}>\n      <SDKFormProvider formHookResult={form}>\n        <Form onSubmit={handleSubmit}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Components.Heading as=\"h3\">{t('childSupportTitle')}</Components.Heading>\n\n            <Flex flexDirection=\"column\" gap={20}>\n              <Fields.State\n                label={t('agency')}\n                description={t('agencyDescription')}\n                getOptionLabel={(entry: StateFieldEntry) => entry.name}\n                validationMessages={{ REQUIRED: t('agencyRequired') }}\n              />\n\n              {form.status.isManualPaymentRequired && (\n                <Components.Alert status=\"warning\" label={t('manualPaymentRequired')} />\n              )}\n\n              {hasSelection && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  {Fields.FipsCode && (\n                    <Fields.FipsCode\n                      label={t('county')}\n                      description={t('countyDescription')}\n                      getOptionLabel={(entry: CountyEntry) => entry.county ?? t('allCounties')}\n                      validationMessages={{ REQUIRED: t('countyRequired') }}\n                    />\n                  )}\n                  {Fields.CaseNumber && (\n                    <Fields.CaseNumber\n                      label={requiredAttrLabel(form.status.selectedAgency, 'case_number')}\n                      description={t('caseNumberDescription')}\n                      validationMessages={{ REQUIRED: t('caseNumberRequired') }}\n                    />\n                  )}\n                  {Fields.OrderNumber && (\n                    <Fields.OrderNumber\n                      label={requiredAttrLabel(form.status.selectedAgency, 'order_number')}\n                      description={t('orderNumberDescription')}\n                      validationMessages={{ REQUIRED: t('orderNumberRequired') }}\n                    />\n                  )}\n                  {Fields.RemittanceNumber && (\n                    <Fields.RemittanceNumber\n                      label={requiredAttrLabel(form.status.selectedAgency, 'remittance_number')}\n                      description={t('remittanceNumberDescription')}\n                      validationMessages={{ REQUIRED: t('remittanceNumberRequired') }}\n                    />\n                  )}\n                  <Fields.PayPeriodMaximum\n                    label={t('totalAmountWithheld')}\n                    description={t('totalAmountWithheldDescription')}\n                    format=\"currency\"\n                    min={0}\n                    validationMessages={{\n                      REQUIRED: t('payPeriodMaximumRequired'),\n                      NEGATIVE_AMOUNT: t('amountNonNegative'),\n                    }}\n                  />\n                  <Fields.Amount\n                    label={t('maxPaycheckPercentage')}\n                    description={t('maxPaycheckPercentageDescription')}\n                    format=\"percent\"\n                    min={0}\n                    max={100}\n                    validationMessages={{\n                      REQUIRED: t('amountRequired'),\n                      PERCENT_OUT_OF_RANGE: t('percentOutOfRange'),\n                    }}\n                  />\n                  <Fields.PaymentPeriod\n                    label={t('per')}\n                    description={t('perDescription')}\n                    getOptionLabel={(value: PaymentPeriod) => paymentPeriodLabel(t, value)}\n                    validationMessages={{ REQUIRED: t('paymentPeriodRequired') }}\n                  />\n                </Flex>\n              )}\n            </Flex>\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n                {t('cancelCta')}\n              </Components.Button>\n              {hasSelection && (\n                <Components.Button type=\"submit\" isLoading={form.status.isPending}>\n                  {t('saveCta')}\n                </Components.Button>\n              )}\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n\nfunction requiredAttrLabel(\n  selectedAgency: { requiredAttributes?: Array<{ key?: string; label?: string }> } | null,\n  key: 'case_number' | 'order_number' | 'remittance_number',\n): string {\n  const match = selectedAgency?.requiredAttributes?.find(a => a.key === key)\n  return match?.label ?? key\n}\n\nfunction paymentPeriodLabel(\n  t: ReturnType<typeof useTranslation<'Employee.Deductions'>>['t'],\n  value: PaymentPeriod,\n): string {\n  switch (value) {\n    case 'Every week':\n      return t('everyWeek')\n    case 'Every other week':\n      return t('everyOtherWeek')\n    case 'Twice per month':\n      return t('twicePerMonth')\n    case 'Monthly':\n      return t('monthly')\n  }\n}\n"],"names":["ChildSupportFormView","employeeId","deduction","onSaved","onCancel","t","useTranslation","Components","useComponentContext","form","useChildSupportGarnishmentForm","BaseLayout","Fields","hasSelection","handleSubmit","result","SDKFormProvider","jsx","Form","jsxs","Flex","entry","requiredAttrLabel","value","paymentPeriodLabel","ActionsLayout","selectedAgency","key","a"],"mappings":"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"}

package/dist/components/Employee/Deductions/DeductionsForm/DeductionsForm.d.ts

@@ -1,11 +0,0 @@
-import { Garnishment } from '@gusto/embedded-api/models/components/garnishment';
-export interface DeductionsFormProps {
-    className?: string;
-    employeeId: string;
-    /** When provided, the form is in edit mode and the deduction's existing
-     *  garnishment type selects the inline form variant. Omit for add mode. */
-    deduction?: Garnishment | null;
-    onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void;
-    onCancel: () => void;
-}
-export declare function DeductionsForm({ className, employeeId, deduction, onSaved, onCancel, }: DeductionsFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Deductions/DeductionsForm/DeductionsForm.js

@@ -1,137 +0,0 @@
-import { jsx as r, jsxs as l, Fragment as b } from "react/jsx-runtime";
-import { useTranslation as S } from "react-i18next";
-import { useMemo as m, useState as L } from "react";
-import { StandardDeductionForm as h } from "./StandardDeductionForm.js";
-import { ChildSupportFormView as O } from "./ChildSupportFormView.js";
-import { useComponentContext as E } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Grid as G } from "../../../Common/Grid/Grid.js";
-import { Flex as g } from "../../../Common/Flex/Flex.js";
-import { useI18n as R } from "../../../../i18n/I18n.js";
-const _ = [
-  "child_support",
-  "federal_tax_lien",
-  "state_tax_lien",
-  "student_loan",
-  "creditor_garnishment",
-  "federal_loan",
-  "other_garnishment"
-];
-function F(e) {
-  const i = e.garnishmentType;
-  return e.courtOrdered ? {
-    kind: "garnishment",
-    type: i && _.includes(i) ? i : "child_support"
-  } : { kind: "custom" };
-}
-function N({
-  className: e,
-  employeeId: i,
-  deduction: o,
-  onSaved: c,
-  onCancel: u
-}) {
-  R("Employee.Deductions");
-  const { t } = S("Employee.Deductions"), a = E(), p = !!o, T = t(p ? "editDeductionTitle" : "addDeductionTitle"), y = m(
-    () => o ? F(o) : null,
-    [o]
-  ), [n, d] = L(y), x = m(
-    () => _.map((s) => ({
-      value: s,
-      label: f(t, s)
-    })),
-    [t]
-  ), D = (s) => {
-    d(s === "custom" ? { kind: "custom" } : { kind: "garnishment", type: "child_support" });
-  }, k = (s) => {
-    d({ kind: "garnishment", type: s });
-  };
-  return /* @__PURE__ */ r("section", { className: e, children: /* @__PURE__ */ l(G, { gap: 32, children: [
-    /* @__PURE__ */ l(g, { flexDirection: "column", gap: 2, children: [
-      /* @__PURE__ */ r(a.Heading, { as: "h2", children: T }),
-      /* @__PURE__ */ r(a.Text, { variant: "supporting", children: t("externalPostTaxDeductionsDescription") })
-    ] }),
-    !p && /* @__PURE__ */ l(b, { children: [
-      /* @__PURE__ */ l(g, { flexDirection: "column", gap: 20, children: [
-        /* @__PURE__ */ r(
-          a.RadioGroup,
-          {
-            label: t("deductionTypeLabel"),
-            description: t("deductionTypeRadioLabel"),
-            options: [
-              { value: "garnishment", label: t("garnishmentOption") },
-              { value: "custom", label: t("customDeductionOption") }
-            ],
-            defaultValue: n?.kind === "custom" ? "custom" : void 0,
-            onChange: D,
-            isRequired: !0
-          }
-        ),
-        n?.kind === "garnishment" && /* @__PURE__ */ r(
-          a.Select,
-          {
-            label: t("garnishmentType"),
-            options: x,
-            value: n.type,
-            onChange: k,
-            isRequired: !0
-          }
-        )
-      ] }),
-      n !== null && /* @__PURE__ */ r("hr", {})
-    ] }),
-    n?.kind === "custom" && /* @__PURE__ */ r(
-      h,
-      {
-        employeeId: i,
-        deduction: o ?? null,
-        courtOrdered: !1,
-        title: t("customDeductionTitle"),
-        onSaved: c,
-        onCancel: u
-      }
-    ),
-    n?.kind === "garnishment" && n.type === "child_support" && /* @__PURE__ */ r(
-      O,
-      {
-        employeeId: i,
-        deduction: o ?? null,
-        onSaved: c,
-        onCancel: u
-      }
-    ),
-    n?.kind === "garnishment" && n.type !== "child_support" && /* @__PURE__ */ r(
-      h,
-      {
-        employeeId: i,
-        deduction: o ?? null,
-        courtOrdered: !0,
-        garnishmentType: n.type,
-        title: f(t, n.type),
-        onSaved: c,
-        onCancel: u
-      }
-    )
-  ] }) });
-}
-function f(e, i) {
-  switch (i) {
-    case "child_support":
-      return e("childSupportTitle");
-    case "federal_tax_lien":
-      return e("federalTaxLien");
-    case "state_tax_lien":
-      return e("stateTaxLien");
-    case "student_loan":
-      return e("studentLoan");
-    case "creditor_garnishment":
-      return e("creditorGarnishment");
-    case "federal_loan":
-      return e("federalLoan");
-    case "other_garnishment":
-      return e("otherGarnishment");
-  }
-}
-export {
-  N as DeductionsForm
-};
-//# sourceMappingURL=DeductionsForm.js.map

package/dist/components/Employee/Deductions/DeductionsForm/DeductionsForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeductionsForm.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsForm/DeductionsForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useMemo, useState } from 'react'\nimport type {\n  Garnishment,\n  GarnishmentType,\n} from '@gusto/embedded-api/models/components/garnishment'\nimport { StandardDeductionForm } from './StandardDeductionForm'\nimport { ChildSupportFormView } from './ChildSupportFormView'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useI18n } from '@/i18n'\n\n// Garnishment types the form supports (mirrors the legacy SUPPORTED_GARNISHMENT_TYPES).\nconst SUPPORTED_GARNISHMENT_TYPES: readonly GarnishmentType[] = [\n  'child_support',\n  'federal_tax_lien',\n  'state_tax_lien',\n  'student_loan',\n  'creditor_garnishment',\n  'federal_loan',\n  'other_garnishment',\n] as const\n\ntype Variant = { kind: 'custom' } | { kind: 'garnishment'; type: GarnishmentType }\n\nfunction deductionToVariant(deduction: Garnishment): Variant {\n  const type = deduction.garnishmentType\n  if (!deduction.courtOrdered) return { kind: 'custom' }\n  return {\n    kind: 'garnishment',\n    type: type && SUPPORTED_GARNISHMENT_TYPES.includes(type) ? type : 'child_support',\n  }\n}\n\nexport interface DeductionsFormProps {\n  className?: string\n  employeeId: string\n  /** When provided, the form is in edit mode and the deduction's existing\n   *  garnishment type selects the inline form variant. Omit for add mode. */\n  deduction?: Garnishment | null\n  onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void\n  onCancel: () => void\n}\n\nexport function DeductionsForm({\n  className,\n  employeeId,\n  deduction,\n  onSaved,\n  onCancel,\n}: DeductionsFormProps) {\n  useI18n('Employee.Deductions')\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  const isEdit = !!deduction\n  const title = isEdit ? t('editDeductionTitle') : t('addDeductionTitle')\n\n  // Pre-select the variant in edit mode; let the user pick in add mode.\n  const initialVariant = useMemo<Variant | null>(\n    () => (deduction ? deductionToVariant(deduction) : null),\n    [deduction],\n  )\n  const [variant, setVariant] = useState<Variant | null>(initialVariant)\n\n  const garnishmentTypeOptions = useMemo(\n    () =>\n      SUPPORTED_GARNISHMENT_TYPES.map(value => ({\n        value,\n        label: garnishmentTypeLabel(t, value),\n      })),\n    [t],\n  )\n\n  const handleSelectDeductionType = (selection: string) => {\n    if (selection === 'custom') {\n      setVariant({ kind: 'custom' })\n    } else {\n      setVariant({ kind: 'garnishment', type: 'child_support' })\n    }\n  }\n\n  const handleSelectGarnishmentType = (value: string) => {\n    setVariant({ kind: 'garnishment', type: value as GarnishmentType })\n  }\n\n  return (\n    <section className={className}>\n      <Grid gap={32}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Components.Heading as=\"h2\">{title}</Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t('externalPostTaxDeductionsDescription')}\n          </Components.Text>\n        </Flex>\n\n        {!isEdit && (\n          <>\n            <Flex flexDirection=\"column\" gap={20}>\n              <Components.RadioGroup\n                label={t('deductionTypeLabel')}\n                description={t('deductionTypeRadioLabel')}\n                options={[\n                  { value: 'garnishment', label: t('garnishmentOption') },\n                  { value: 'custom', label: t('customDeductionOption') },\n                ]}\n                defaultValue={variant?.kind === 'custom' ? 'custom' : undefined}\n                onChange={handleSelectDeductionType}\n                isRequired\n              />\n\n              {variant?.kind === 'garnishment' && (\n                <Components.Select\n                  label={t('garnishmentType')}\n                  options={garnishmentTypeOptions}\n                  value={variant.type}\n                  onChange={handleSelectGarnishmentType}\n                  isRequired\n                />\n              )}\n            </Flex>\n\n            {variant !== null && <hr />}\n          </>\n        )}\n\n        {variant?.kind === 'custom' && (\n          <StandardDeductionForm\n            employeeId={employeeId}\n            deduction={deduction ?? null}\n            courtOrdered={false}\n            title={t('customDeductionTitle')}\n            onSaved={onSaved}\n            onCancel={onCancel}\n          />\n        )}\n        {variant?.kind === 'garnishment' && variant.type === 'child_support' && (\n          <ChildSupportFormView\n            employeeId={employeeId}\n            deduction={deduction ?? null}\n            onSaved={onSaved}\n            onCancel={onCancel}\n          />\n        )}\n        {variant?.kind === 'garnishment' && variant.type !== 'child_support' && (\n          <StandardDeductionForm\n            employeeId={employeeId}\n            deduction={deduction ?? null}\n            courtOrdered={true}\n            garnishmentType={variant.type}\n            title={garnishmentTypeLabel(t, variant.type)}\n            onSaved={onSaved}\n            onCancel={onCancel}\n          />\n        )}\n      </Grid>\n    </section>\n  )\n}\n\nfunction garnishmentTypeLabel(\n  t: ReturnType<typeof useTranslation<'Employee.Deductions'>>['t'],\n  value: GarnishmentType,\n): string {\n  switch (value) {\n    case 'child_support':\n      return t('childSupportTitle')\n    case 'federal_tax_lien':\n      return t('federalTaxLien')\n    case 'state_tax_lien':\n      return t('stateTaxLien')\n    case 'student_loan':\n      return t('studentLoan')\n    case 'creditor_garnishment':\n      return t('creditorGarnishment')\n    case 'federal_loan':\n      return t('federalLoan')\n    case 'other_garnishment':\n      return t('otherGarnishment')\n  }\n}\n"],"names":["SUPPORTED_GARNISHMENT_TYPES","deductionToVariant","deduction","type","DeductionsForm","className","employeeId","onSaved","onCancel","useI18n","useTranslation","Components","useComponentContext","isEdit","title","initialVariant","useMemo","variant","setVariant","useState","garnishmentTypeOptions","value","garnishmentTypeLabel","handleSelectDeductionType","selection","handleSelectGarnishmentType","jsxs","Grid","Flex","jsx","Fragment","StandardDeductionForm","ChildSupportFormView","t"],"mappings":"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"}

package/dist/components/Employee/Deductions/DeductionsForm/StandardDeductionForm.js

@@ -1,137 +0,0 @@
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
-import { useTranslation as f } from "react-i18next";
-import { useWatch as A } from "react-hook-form";
-import { useDeductionForm as D } from "../shared/useDeductionForm/useDeductionForm.js";
-import { Form as b } from "../../../Common/Form/Form.js";
-import { Flex as m } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../../shared/constants.js";
-import { ActionsLayout as h } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { BaseLayout as g } from "../../../Base/Base.js";
-import { SDKFormProvider as y } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function S({
-  employeeId: t,
-  deduction: o,
-  courtOrdered: r,
-  garnishmentType: e,
-  title: s,
-  onSaved: l,
-  onCancel: p
-}) {
-  const { t: u } = f("Employee.Deductions"), d = R(), a = D({
-    employeeId: t,
-    garnishmentId: o?.uuid,
-    courtOrdered: r,
-    defaultValues: r && e ? { garnishmentType: e } : void 0
-  });
-  if (a.isLoading)
-    return /* @__PURE__ */ n(g, { isLoading: !0, error: a.errorHandling.errors });
-  const { Fields: i } = a.form;
-  return /* @__PURE__ */ n(
-    x,
-    {
-      form: a,
-      Fields: i,
-      Components: d,
-      t: u,
-      title: s,
-      onSaved: l,
-      onCancel: p
-    }
-  );
-}
-function x({
-  form: t,
-  Fields: o,
-  Components: r,
-  t: e,
-  title: s,
-  onSaved: l,
-  onCancel: p
-}) {
-  const u = A({
-    control: t.form.hookFormInternals.formMethods.control,
-    name: "deductAsPercentage"
-  }), d = u === !0 || u === "true", a = async () => {
-    const i = await t.actions.onSubmit();
-    i && l(i.data, i.mode);
-  };
-  return /* @__PURE__ */ n(g, { error: t.errorHandling.errors, children: /* @__PURE__ */ n(y, { formHookResult: t, children: /* @__PURE__ */ n(b, { onSubmit: a, children: /* @__PURE__ */ c(m, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ n(r.Heading, { as: "h3", children: s }),
-    /* @__PURE__ */ c(m, { flexDirection: "column", gap: 20, children: [
-      /* @__PURE__ */ c(m, { flexDirection: "column", gap: 20, children: [
-        /* @__PURE__ */ n(
-          o.Description,
-          {
-            label: e("descriptionLabelV2"),
-            validationMessages: { REQUIRED: e("descriptionRequired") }
-          }
-        ),
-        /* @__PURE__ */ n(
-          o.Recurring,
-          {
-            label: e("frequencyLabel"),
-            getOptionLabel: (i) => e(i ? "frequencyRecurringOptionV2" : "frequencyOneTimeOptionV2"),
-            validationMessages: { REQUIRED: e("frequencyRequired") }
-          }
-        ),
-        /* @__PURE__ */ n(
-          o.DeductAsPercentage,
-          {
-            label: e("deductionTypeLabelV2"),
-            getOptionLabel: (i) => e(i ? "deductionTypePercentageOptionV2" : "deductionTypeFixedAmountOption"),
-            validationMessages: { REQUIRED: e("deductionTypeRequired") }
-          }
-        ),
-        /* @__PURE__ */ n(
-          o.Amount,
-          {
-            label: e("deductionAmountLabel"),
-            format: d ? "percent" : "currency",
-            description: e(d ? "deductionAmountDescriptionPercentage" : "deductionAmountDescriptionFixed"),
-            min: 0,
-            validationMessages: {
-              REQUIRED: e("amountRequired"),
-              NEGATIVE_AMOUNT: e("amountNonNegative")
-            }
-          }
-        )
-      ] }),
-      o.TotalAmount && o.AnnualMaximum && /* @__PURE__ */ c(m, { flexDirection: "column", gap: 20, children: [
-        /* @__PURE__ */ n(
-          o.TotalAmount,
-          {
-            label: e("totalAmountLabel"),
-            description: e("totalAmountDescription"),
-            format: "currency",
-            min: 0,
-            validationMessages: {
-              NEGATIVE_AMOUNT: e("amountNonNegative")
-            }
-          }
-        ),
-        /* @__PURE__ */ n(
-          o.AnnualMaximum,
-          {
-            label: e("annualMaxLabel"),
-            description: e("annualMaxDescription"),
-            format: "currency",
-            min: 0,
-            validationMessages: {
-              NEGATIVE_AMOUNT: e("amountNonNegative")
-            }
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ c(h, { children: [
-      /* @__PURE__ */ n(r.Button, { variant: "secondary", type: "button", onClick: p, children: e("cancelCta") }),
-      /* @__PURE__ */ n(r.Button, { type: "submit", isLoading: t.status.isPending, children: e("saveCta") })
-    ] })
-  ] }) }) }) });
-}
-export {
-  S as StandardDeductionForm
-};
-//# sourceMappingURL=StandardDeductionForm.js.map

package/dist/components/Employee/Deductions/DeductionsForm/StandardDeductionForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StandardDeductionForm.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsForm/StandardDeductionForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\nimport type {\n  Garnishment,\n  GarnishmentType,\n} from '@gusto/embedded-api/models/components/garnishment'\nimport type { Control } from 'react-hook-form'\nimport { useDeductionForm } from '../shared/useDeductionForm'\nimport type { DeductionFormData } from '../shared/useDeductionForm'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface StandardDeductionFormProps {\n  employeeId: string\n  deduction: Garnishment | null\n  /** Court-ordered garnishments require `garnishmentType`. Custom deductions don't. */\n  courtOrdered: boolean\n  /** Only meaningful when `courtOrdered: true`. Selects the garnishment type\n   *  on create. Ignored in edit mode (the existing type is preserved). */\n  garnishmentType?: GarnishmentType\n  /** Section heading shown above the form. The parent picker is responsible\n   *  for translating the garnishment-type label so this component doesn't\n   *  need to repeat the labels mapping. */\n  title: string\n  onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void\n  onCancel: () => void\n}\n\nexport function StandardDeductionForm({\n  employeeId,\n  deduction,\n  courtOrdered,\n  garnishmentType,\n  title,\n  onSaved,\n  onCancel,\n}: StandardDeductionFormProps) {\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  const form = useDeductionForm({\n    employeeId,\n    garnishmentId: deduction?.uuid,\n    courtOrdered,\n    defaultValues: courtOrdered && garnishmentType ? { garnishmentType } : undefined,\n  })\n\n  if (form.isLoading) {\n    return <BaseLayout isLoading error={form.errorHandling.errors} />\n  }\n\n  const { Fields } = form.form\n  return (\n    <ReadyForm\n      form={form}\n      Fields={Fields}\n      Components={Components}\n      t={t}\n      title={title}\n      onSaved={onSaved}\n      onCancel={onCancel}\n    />\n  )\n}\n\n// Split into a child component so we can call `useWatch` on the form's control\n// only once the hook is in its ready state (the control reference exists then).\nfunction ReadyForm({\n  form,\n  Fields,\n  Components,\n  t,\n  title,\n  onSaved,\n  onCancel,\n}: {\n  form: Extract<ReturnType<typeof useDeductionForm>, { isLoading: false }>\n  Fields: Extract<ReturnType<typeof useDeductionForm>, { isLoading: false }>['form']['Fields']\n  Components: ReturnType<typeof useComponentContext>\n  t: ReturnType<typeof useTranslation<'Employee.Deductions'>>['t']\n  title: string\n  onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void\n  onCancel: () => void\n}) {\n  // useWatch subscribes to changes; getValues only reads once. We need the\n  // subscription because `Fields.Amount`'s `format` and `description` props\n  // need to re-render when the user toggles Percentage / Fixed amount.\n  // The RadioGroup's options carry string values (`'true'`/`'false'`), which\n  // round-trip into form state as strings — only `coerceStringBoolean` in the\n  // zod preprocessor turns them into actual booleans at validation time. So\n  // here we explicitly compare against both shapes; `Boolean('false')` would\n  // be truthy and surface the wrong copy under the Amount field.\n  const watchedDeductAsPercentageRaw = useWatch({\n    control: form.form.hookFormInternals.formMethods.control as Control<DeductionFormData>,\n    name: 'deductAsPercentage',\n  }) as boolean | 'true' | 'false' | undefined\n  const watchedDeductAsPercentage =\n    watchedDeductAsPercentageRaw === true || watchedDeductAsPercentageRaw === 'true'\n\n  const handleSubmit = async () => {\n    const result = await form.actions.onSubmit()\n    if (result) onSaved(result.data, result.mode)\n  }\n\n  return (\n    <BaseLayout error={form.errorHandling.errors}>\n      <SDKFormProvider formHookResult={form}>\n        <Form onSubmit={handleSubmit}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Components.Heading as=\"h3\">{title}</Components.Heading>\n            <Flex flexDirection=\"column\" gap={20}>\n              <Flex flexDirection=\"column\" gap={20}>\n                <Fields.Description\n                  label={t('descriptionLabelV2')}\n                  validationMessages={{ REQUIRED: t('descriptionRequired') }}\n                />\n                <Fields.Recurring\n                  label={t('frequencyLabel')}\n                  getOptionLabel={(value: boolean) =>\n                    value ? t('frequencyRecurringOptionV2') : t('frequencyOneTimeOptionV2')\n                  }\n                  validationMessages={{ REQUIRED: t('frequencyRequired') }}\n                />\n                <Fields.DeductAsPercentage\n                  label={t('deductionTypeLabelV2')}\n                  getOptionLabel={(value: boolean) =>\n                    value\n                      ? t('deductionTypePercentageOptionV2')\n                      : t('deductionTypeFixedAmountOption')\n                  }\n                  validationMessages={{ REQUIRED: t('deductionTypeRequired') }}\n                />\n                <Fields.Amount\n                  label={t('deductionAmountLabel')}\n                  format={watchedDeductAsPercentage ? 'percent' : 'currency'}\n                  description={\n                    watchedDeductAsPercentage\n                      ? t('deductionAmountDescriptionPercentage')\n                      : t('deductionAmountDescriptionFixed')\n                  }\n                  min={0}\n                  validationMessages={{\n                    REQUIRED: t('amountRequired'),\n                    NEGATIVE_AMOUNT: t('amountNonNegative'),\n                  }}\n                />\n              </Flex>\n              {Fields.TotalAmount && Fields.AnnualMaximum && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  <Fields.TotalAmount\n                    label={t('totalAmountLabel')}\n                    description={t('totalAmountDescription')}\n                    format=\"currency\"\n                    min={0}\n                    validationMessages={{\n                      NEGATIVE_AMOUNT: t('amountNonNegative'),\n                    }}\n                  />\n                  <Fields.AnnualMaximum\n                    label={t('annualMaxLabel')}\n                    description={t('annualMaxDescription')}\n                    format=\"currency\"\n                    min={0}\n                    validationMessages={{\n                      NEGATIVE_AMOUNT: t('amountNonNegative'),\n                    }}\n                  />\n                </Flex>\n              )}\n            </Flex>\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n                {t('cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={form.status.isPending}>\n                {t('saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["StandardDeductionForm","employeeId","deduction","courtOrdered","garnishmentType","title","onSaved","onCancel","t","useTranslation","Components","useComponentContext","form","useDeductionForm","BaseLayout","Fields","jsx","ReadyForm","watchedDeductAsPercentageRaw","useWatch","watchedDeductAsPercentage","handleSubmit","result","SDKFormProvider","Form","jsxs","Flex","value","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Deductions/DeductionsList/DeductionsList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeductionsList.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsList/DeductionsList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport type { UseDeductionsListReady } from '../shared/useDeductionsList'\nimport { formatDeductionAmount } from '../shared/formatDeductionAmount'\nimport { useDataView, DataView } from '@/components/Common'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface DeductionsListProps {\n  className?: string\n  deductionsList: UseDeductionsListReady\n  onAdd: () => void\n  onEdit: (deduction: Garnishment) => void\n  onDelete: (deduction: Garnishment) => void\n  onContinue: () => void\n}\n\nexport function DeductionsList({\n  className,\n  deductionsList,\n  onAdd,\n  onEdit,\n  onDelete,\n  onContinue,\n}: DeductionsListProps) {\n  useI18n('Employee.Deductions')\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  const { deductions } = deductionsList.data\n  const isPendingAny = deductionsList.status.isPending\n\n  const { ...dataViewProps } = useDataView({\n    data: deductions,\n    columns: [\n      {\n        key: 'description',\n        title: t('nameColumn'),\n      },\n      {\n        key: 'recurring',\n        title: t('frequencyColumn'),\n        render: deduction => {\n          return deduction.recurring ? t('recurringText') : t('nonRecurringText')\n        },\n      },\n      {\n        key: 'amount',\n        title: t('withheldColumn'),\n        render: deduction =>\n          formatDeductionAmount(deduction, {\n            formatCurrency,\n            formatPercent,\n            formatPerPaycheck: (value: string) => t('recurringAmount', { value }),\n          }),\n      },\n    ],\n    itemMenu: deduction => {\n      return (\n        <HamburgerMenu\n          isLoading={isPendingAny}\n          items={[\n            {\n              label: t('editCta'),\n              onClick: () => {\n                onEdit(deduction)\n              },\n              icon: <PencilSvg aria-hidden />,\n            },\n            {\n              label: t('deleteCta'),\n              onClick: () => {\n                onDelete(deduction)\n              },\n              icon: <TrashCanSvg aria-hidden />,\n            },\n          ]}\n        />\n      )\n    },\n  })\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t('includeDeductionsDescriptionV2')}\n          </Components.Text>\n        </Flex>\n\n        <DataView label={t('deductionsTableLabel')} {...dataViewProps} />\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={onAdd}>\n            <PlusCircleIcon />\n            {t('addDeductionCta')}\n          </Components.Button>\n          <Components.Button onClick={onContinue}>{t('continueCta')}</Components.Button>\n        </ActionsLayout>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["DeductionsList","className","deductionsList","onAdd","onEdit","onDelete","onContinue","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","deductions","isPendingAny","dataViewProps","useDataView","deduction","formatDeductionAmount","value","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","jsxs","Flex","DataView","ActionsLayout","PlusCircleIcon"],"mappings":";;;;;;;;;;;;;;;;AAwBO,SAASA,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GACbC,IAAiBC,EAAmB,UAAU,GAC9CC,IAAgBD,EAAmB,SAAS,GAE5C,EAAE,YAAAE,MAAeb,EAAe,MAChCc,IAAed,EAAe,OAAO,WAErC,EAAE,GAAGe,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMH;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,YAAY;AAAA,MAAA;AAAA,MAEvB;AAAA,QACE,KAAK;AAAA,QACL,OAAOA,EAAE,iBAAiB;AAAA,QAC1B,QAAQ,CAAAW,MACCA,EAAU,YAAYX,EAAE,eAAe,IAAIA,EAAE,kBAAkB;AAAA,MACxE;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOA,EAAE,gBAAgB;AAAA,QACzB,QAAQ,CAAAW,MACNC,EAAsBD,GAAW;AAAA,UAC/B,gBAAAP;AAAA,UACA,eAAAE;AAAA,UACA,mBAAmB,CAACO,MAAkBb,EAAE,mBAAmB,EAAE,OAAAa,GAAO;AAAA,QAAA,CACrE;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,UAAU,CAAAF,MAEN,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWP;AAAA,QACX,OAAO;AAAA,UACL;AAAA,YACE,OAAOR,EAAE,SAAS;AAAA,YAClB,SAAS,MAAM;AACb,cAAAJ,EAAOe,CAAS;AAAA,YAClB;AAAA,YACA,MAAM,gBAAAG,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,UAE/B;AAAA,YACE,OAAOhB,EAAE,WAAW;AAAA,YACpB,SAAS,MAAM;AACb,cAAAH,EAASc,CAAS;AAAA,YACpB;AAAA,YACA,MAAM,gBAAAG,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QACjC;AAAA,MACF;AAAA,IAAA;AAAA,EAGN,CACD;AAED,SACE,gBAAAH,EAAC,aAAQ,WAAArB,GACP,UAAA,gBAAAyB,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAL,EAACZ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,MAC5C,gBAAAc,EAACZ,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAF,EAAE,gCAAgC,EAAA,CACrC;AAAA,IAAA,GACF;AAAA,sBAECoB,GAAA,EAAS,OAAOpB,EAAE,sBAAsB,GAAI,GAAGS,GAAe;AAAA,sBAC9DY,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAH,EAAChB,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASP,GAC9C,UAAA;AAAA,QAAA,gBAAAmB,EAACQ,GAAA,EAAe;AAAA,QACftB,EAAE,iBAAiB;AAAA,MAAA,GACtB;AAAA,MACA,gBAAAc,EAACZ,EAAW,QAAX,EAAkB,SAASJ,GAAa,UAAAE,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,EAAA,CAC5D;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Employee/Deductions/IncludeDeductions/IncludeDeductions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IncludeDeductions.js","sources":["../../../../../src/components/Employee/Deductions/IncludeDeductions/IncludeDeductions.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport styles from './IncludeDeductions.module.scss'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport CoinsHandsIcon from '@/assets/icons/coins-hand.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface IncludeDeductionsProps {\n  className?: string\n  onAdd: () => void\n  onContinue: () => void\n}\n\nexport function IncludeDeductions({ className, onAdd, onContinue }: IncludeDeductionsProps) {\n  useI18n('Employee.Deductions')\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <Grid gridTemplateColumns=\"1fr\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t('includeDeductionsDescriptionV2')}\n          </Components.Text>\n        </Flex>\n\n        <section className={styles.emptyStateContainer}>\n          <Flex flexDirection=\"column\" gap={16} justifyContent=\"center\" alignItems=\"center\">\n            <div className={styles.coinHandsIconContainer}>\n              <CoinsHandsIcon width={24} height={24} />\n            </div>\n            <Components.Text weight=\"bold\">{t('includeDeductionsEmptyState')}</Components.Text>\n            <Components.Button\n              type=\"button\"\n              variant=\"secondary\"\n              onClick={onAdd}\n              className={styles.addDeductionButton}\n            >\n              <PlusCircleIcon />\n              {t('addDeductionButtonCta')}\n            </Components.Button>\n          </Flex>\n        </section>\n        <ActionsLayout>\n          <Components.Button type=\"button\" onClick={onContinue}>\n            {t('continueCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </Grid>\n    </section>\n  )\n}\n"],"names":["IncludeDeductions","className","onAdd","onContinue","useI18n","t","useTranslation","Components","useComponentContext","jsx","classNames","styles","jsxs","Grid","Flex","CoinsHandsIcon","PlusCircleIcon","ActionsLayout"],"mappings":";;;;;;;;;;;AAgBO,SAASA,EAAkB,EAAE,WAAAC,GAAW,OAAAC,GAAO,YAAAC,KAAsC;AAC1F,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAWC,EAAO,WAAWV,CAAS,GACxD,UAAA,gBAAAW,EAACC,GAAA,EAAK,qBAAoB,OACxB,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAL,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,MAC5C,gBAAAI,EAACF,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAF,EAAE,gCAAgC,EAAA,CACrC;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAI,EAAC,WAAA,EAAQ,WAAWE,EAAO,qBACzB,UAAA,gBAAAC,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,gBAAe,UAAS,YAAW,UACvE,UAAA;AAAA,MAAA,gBAAAL,EAAC,OAAA,EAAI,WAAWE,EAAO,wBACrB,UAAA,gBAAAF,EAACM,KAAe,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACzC;AAAA,MACA,gBAAAN,EAACF,EAAW,MAAX,EAAgB,QAAO,QAAQ,UAAAF,EAAE,6BAA6B,GAAE;AAAA,MACjE,gBAAAO;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAASL;AAAA,UACT,WAAWS,EAAO;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAF,EAACO,GAAA,EAAe;AAAA,YACfX,EAAE,uBAAuB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,EAAA,CACF,EAAA,CACF;AAAA,IACA,gBAAAI,EAACQ,GAAA,EACC,UAAA,gBAAAR,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,SAASJ,GACvC,UAAAE,EAAE,aAAa,GAClB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Employee/Deductions/deductionsContextualComponents.js

@@ -1,74 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { IncludeDeductions as C } from "./IncludeDeductions/IncludeDeductions.js";
-import { DeductionsList as L } from "./DeductionsList/DeductionsList.js";
-import { DeductionsForm as O } from "./DeductionsForm/DeductionsForm.js";
-import { useDeductionsList as m } from "./shared/useDeductionsList.js";
-import { BaseLayout as s } from "../../Base/Base.js";
-import { useFlow as l } from "../../Flow/useFlow.js";
-import { componentEvents as n } from "../../../shared/constants.js";
-import { ensureRequired as a } from "../../../helpers/ensureRequired.js";
-function g() {
-  const { onEvent: t } = l();
-  return /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(C, { onAdd: () => {
-    t(n.EMPLOYEE_DEDUCTION_INCLUDE_YES);
-  }, onContinue: () => {
-    t(n.EMPLOYEE_DEDUCTION_INCLUDE_NO), t(n.EMPLOYEE_DEDUCTION_DONE);
-  } }) });
-}
-function A() {
-  const { employeeId: t, onEvent: o } = l(), e = m({ employeeId: a(t) });
-  if (e.isLoading)
-    return /* @__PURE__ */ r(s, { isLoading: !0, error: e.errorHandling.errors });
-  const E = () => {
-    o(n.EMPLOYEE_DEDUCTION_ADD);
-  }, D = (i) => {
-    o(n.EMPLOYEE_DEDUCTION_EDIT, i);
-  }, c = () => {
-    o(n.EMPLOYEE_DEDUCTION_DONE);
-  }, u = async (i) => {
-    const d = await e.actions.onDelete(i);
-    d && (d.data.remainingActiveCount === 0 ? o(n.EMPLOYEE_DEDUCTION_DELETED_EMPTY) : o(n.EMPLOYEE_DEDUCTION_DELETED, d.data.garnishment));
-  };
-  return /* @__PURE__ */ r(s, { error: e.errorHandling.errors, children: /* @__PURE__ */ r(
-    L,
-    {
-      deductionsList: e,
-      onAdd: E,
-      onEdit: D,
-      onDelete: (i) => {
-        u(i);
-      },
-      onContinue: c
-    }
-  ) });
-}
-function v() {
-  const { employeeId: t, editingDeductionId: o, onEvent: e } = l(), E = m({ employeeId: a(t) });
-  if (E.isLoading)
-    return /* @__PURE__ */ r(s, { isLoading: !0, error: E.errorHandling.errors });
-  const D = o ? E.data.deductions.find((d) => d.uuid === o) ?? null : null, c = E.data.deductions.length > 0, u = (d, _) => {
-    e(
-      _ === "create" ? n.EMPLOYEE_DEDUCTION_CREATED : n.EMPLOYEE_DEDUCTION_UPDATED,
-      d
-    );
-  }, i = () => {
-    e(
-      c ? n.EMPLOYEE_DEDUCTION_CANCEL : n.EMPLOYEE_DEDUCTION_CANCEL_EMPTY
-    );
-  };
-  return /* @__PURE__ */ r(s, { error: E.errorHandling.errors, children: /* @__PURE__ */ r(
-    O,
-    {
-      employeeId: a(t),
-      deduction: D,
-      onSaved: u,
-      onCancel: i
-    }
-  ) });
-}
-export {
-  v as DeductionsFormContextual,
-  A as DeductionsListContextual,
-  g as IncludeDeductionsContextual
-};
-//# sourceMappingURL=deductionsContextualComponents.js.map

package/dist/components/Employee/Deductions/deductionsContextualComponents.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"deductionsContextualComponents.js","sources":["../../../../src/components/Employee/Deductions/deductionsContextualComponents.tsx"],"sourcesContent":["import { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { IncludeDeductions } from './IncludeDeductions/IncludeDeductions'\nimport { DeductionsList } from './DeductionsList/DeductionsList'\nimport { DeductionsForm } from './DeductionsForm/DeductionsForm'\nimport { useDeductionsList } from './shared/useDeductionsList'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_YES]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_NO]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_ADD]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_EDIT]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_CANCEL]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_CREATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_UPDATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_DELETED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_DONE]: undefined\n}\n\nexport interface DeductionsContextInterface extends FlowContextInterface {\n  employeeId: string\n  /** Set by the EDIT transition; consumed by the form-mode contextual. */\n  editingDeductionId?: string\n}\n\nexport function IncludeDeductionsContextual() {\n  const { onEvent } = useFlow<DeductionsContextInterface>()\n\n  const onAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_YES)\n  }\n  const onContinue = () => {\n    // The outer onboarding flow advances on DONE; partners also receive\n    // INCLUDE_NO so analytics can distinguish the empty-state confirmation.\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_NO)\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n\n  // BaseLayout's inner FadeIn (width: 100%) is the canonical \"page\" container\n  // for content rendered inside <Flow>. Without it the outer row-direction\n  // Flex in Flow collapses to the intrinsic content width of its single\n  // child, producing the \"squashed\" layout for narrow content.\n  return (\n    <BaseLayout>\n      <IncludeDeductions onAdd={onAdd} onContinue={onContinue} />\n    </BaseLayout>\n  )\n}\n\nexport function DeductionsListContextual() {\n  const { employeeId, onEvent } = useFlow<DeductionsContextInterface>()\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const onAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n  }\n  const onEdit = (deduction: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_EDIT, deduction)\n  }\n  const onContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n  const onDelete = async (deduction: Garnishment) => {\n    const result = await list.actions.onDelete(deduction)\n    if (!result) return\n    if (result.data.remainingActiveCount === 0) {\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, result.data.garnishment)\n    }\n  }\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsList\n        deductionsList={list}\n        onAdd={onAdd}\n        onEdit={onEdit}\n        onDelete={(d: Garnishment) => {\n          void onDelete(d)\n        }}\n        onContinue={onContinue}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function DeductionsFormContextual() {\n  const { employeeId, editingDeductionId, onEvent } = useFlow<DeductionsContextInterface>()\n  // The same list query the form hooks use internally — React Query dedupes\n  // so this is the only outstanding request.\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n  const hasActiveDeductions = list.data.deductions.length > 0\n\n  const onSaved = (saved: Garnishment, mode: 'create' | 'update') => {\n    onEvent(\n      mode === 'create'\n        ? componentEvents.EMPLOYEE_DEDUCTION_CREATED\n        : componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n      saved,\n    )\n  }\n  const onCancel = () => {\n    onEvent(\n      hasActiveDeductions\n        ? componentEvents.EMPLOYEE_DEDUCTION_CANCEL\n        : componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,\n    )\n  }\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsForm\n        employeeId={ensureRequired(employeeId)}\n        deduction={deduction}\n        onSaved={onSaved}\n        onCancel={onCancel}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["IncludeDeductionsContextual","onEvent","useFlow","BaseLayout","jsx","IncludeDeductions","componentEvents","DeductionsListContextual","employeeId","list","useDeductionsList","ensureRequired","onAdd","onEdit","deduction","onContinue","onDelete","result","DeductionsList","d","DeductionsFormContextual","editingDeductionId","hasActiveDeductions","onSaved","saved","mode","onCancel","DeductionsForm"],"mappings":";;;;;;;;;AA8BO,SAASA,IAA8B;AAC5C,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAgBpB,2BACGC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAkB,OAhBT,MAAM;AAClB,IAAAJ,EAAQK,EAAgB,8BAA8B;AAAA,EACxD,GAcqC,YAblB,MAAM;AAGvB,IAAAL,EAAQK,EAAgB,6BAA6B,GACrDL,EAAQK,EAAgB,uBAAuB;AAAA,EACjD,GAQ6D,GAC3D;AAEJ;AAEO,SAASC,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAP,EAAA,IAAYC,EAAA,GAC1BO,IAAOC,EAAkB,EAAE,YAAYC,EAAeH,CAAU,GAAG;AAEzE,MAAIC,EAAK;AACP,6BAAQN,GAAA,EAAW,WAAS,IAAC,OAAOM,EAAK,cAAc,QAAQ;AAGjE,QAAMG,IAAQ,MAAM;AAClB,IAAAX,EAAQK,EAAgB,sBAAsB;AAAA,EAChD,GACMO,IAAS,CAACC,MAA2B;AACzC,IAAAb,EAAQK,EAAgB,yBAAyBQ,CAAS;AAAA,EAC5D,GACMC,IAAa,MAAM;AACvB,IAAAd,EAAQK,EAAgB,uBAAuB;AAAA,EACjD,GACMU,IAAW,OAAOF,MAA2B;AACjD,UAAMG,IAAS,MAAMR,EAAK,QAAQ,SAASK,CAAS;AACpD,IAAKG,MACDA,EAAO,KAAK,yBAAyB,IACvChB,EAAQK,EAAgB,gCAAgC,IAExDL,EAAQK,EAAgB,4BAA4BW,EAAO,KAAK,WAAW;AAAA,EAE/E;AAEA,SACE,gBAAAb,EAACD,GAAA,EAAW,OAAOM,EAAK,cAAc,QACpC,UAAA,gBAAAL;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,gBAAgBT;AAAA,MAChB,OAAAG;AAAA,MACA,QAAAC;AAAA,MACA,UAAU,CAACM,MAAmB;AAC5B,QAAKH,EAASG,CAAC;AAAA,MACjB;AAAA,MACA,YAAAJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEO,SAASK,IAA2B;AACzC,QAAM,EAAE,YAAAZ,GAAY,oBAAAa,GAAoB,SAAApB,EAAA,IAAYC,EAAA,GAG9CO,IAAOC,EAAkB,EAAE,YAAYC,EAAeH,CAAU,GAAG;AAEzE,MAAIC,EAAK;AACP,6BAAQN,GAAA,EAAW,WAAS,IAAC,OAAOM,EAAK,cAAc,QAAQ;AAGjE,QAAMK,IAAYO,IACbZ,EAAK,KAAK,WAAW,KAAK,CAAA,MAAK,EAAE,SAASY,CAAkB,KAAK,OAClE,MACEC,IAAsBb,EAAK,KAAK,WAAW,SAAS,GAEpDc,IAAU,CAACC,GAAoBC,MAA8B;AACjE,IAAAxB;AAAA,MACEwB,MAAS,WACLnB,EAAgB,6BAChBA,EAAgB;AAAA,MACpBkB;AAAA,IAAA;AAAA,EAEJ,GACME,IAAW,MAAM;AACrB,IAAAzB;AAAA,MACEqB,IACIhB,EAAgB,4BAChBA,EAAgB;AAAA,IAAA;AAAA,EAExB;AAEA,SACE,gBAAAF,EAACD,GAAA,EAAW,OAAOM,EAAK,cAAc,QACpC,UAAA,gBAAAL;AAAA,IAACuB;AAAA,IAAA;AAAA,MACC,YAAYhB,EAAeH,CAAU;AAAA,MACrC,WAAAM;AAAA,MACA,SAAAS;AAAA,MACA,UAAAG;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/Deductions/stateMachine.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Employee/Deductions/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { DeductionsContextInterface, EventPayloads } from './deductionsContextualComponents'\nimport {\n  IncludeDeductionsContextual,\n  DeductionsListContextual,\n  DeductionsFormContextual,\n} from './deductionsContextualComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport const deductionsMachine = {\n  include: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_YES,\n      'form',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsFormContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_DEDUCTION_DONE, 'done'),\n  ),\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_ADD,\n      'form',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsFormContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_EDIT,\n      'form',\n      reduce(\n        (\n          ctx: DeductionsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DEDUCTION_EDIT>,\n        ): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsFormContextual,\n          editingDeductionId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY,\n      'include',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: IncludeDeductionsContextual,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_DEDUCTION_DONE, 'done'),\n  ),\n  form: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CREATED,\n      'list',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsListContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n      'list',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsListContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL,\n      'list',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsListContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,\n      'include',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: IncludeDeductionsContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["deductionsMachine","state","transition","componentEvents","reduce","ctx","DeductionsFormContextual","ev","IncludeDeductionsContextual","DeductionsListContextual","final"],"mappings":";;;AAUO,MAAMA,IAAoB;AAAA,EAC/B,SAASC;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFJ,EAAWC,EAAgB,yBAAyB,MAAM;AAAA,EAAA;AAAA,EAE5D,MAAMF;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OACgC;AAAA,UAChC,GAAGF;AAAA,UACH,WAAWC;AAAA,UACX,oBAAoBC,EAAG,QAAQ;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFN,EAAWC,EAAgB,yBAAyB,MAAM;AAAA,EAAA;AAAA,EAE5D,MAAMF;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWI;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWI;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWI;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWG;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,MAAME,EAAA;AACR;"}