@gusto/embedded-react-sdk 0.10.4 → 0.10.6

package/dist/components/Common/TaxInputs/TaxInputs.js

@@ -1,118 +1,118 @@
-import { jsx as r } from "react/jsx-runtime";
-import v from "dompurify";
-import { useTranslation as w } from "react-i18next";
-import { SelectField as y } from "../Fields/SelectField/SelectField.js";
-import { TextInputField as b } from "../Fields/TextInputField/TextInputField.js";
+import { jsx as a } from "react/jsx-runtime";
+import b from "dompurify";
+import { useTranslation as y } from "react-i18next";
+import { SelectField as m } from "../Fields/SelectField/SelectField.js";
+import { TextInputField as w } from "../Fields/TextInputField/TextInputField.js";
 import { NumberInputField as k } from "../Fields/NumberInputField/NumberInputField.js";
-import { RadioGroupField as _ } from "../Fields/RadioGroupField/RadioGroupField.js";
-import { DatePickerField as D } from "../Fields/DatePickerField/DatePickerField.js";
-import { useComponentContext as R } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useMaskedTransform as h } from "../../../helpers/mask.js";
-const C = { ALLOWED_TAGS: ["a", "b", "strong"], ALLOWED_ATTR: ["target", "href"] };
-function V({
-  questionType: t,
-  ...e
+import { RadioGroupField as R } from "../Fields/RadioGroupField/RadioGroupField.js";
+import { DatePickerField as _ } from "../Fields/DatePickerField/DatePickerField.js";
+import { useComponentContext as D } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useMaskedTransform as T } from "../../../helpers/mask.js";
+const h = { ALLOWED_TAGS: ["a", "b", "strong"], ALLOWED_ATTR: ["target", "href"] };
+function M({
+  questionType: e,
+  ...t
 }) {
-  switch (t.toLowerCase()) {
+  switch (e.toLowerCase()) {
     case "date":
-      return /* @__PURE__ */ r(I, { ...e });
+      return /* @__PURE__ */ a(I, { ...t });
     case "radio":
-      return /* @__PURE__ */ r(x, { ...e });
+      return /* @__PURE__ */ a(C, { ...t });
     case "text":
     case "account_number":
-      return /* @__PURE__ */ r(f, { ...e });
+      return /* @__PURE__ */ a(f, { ...t });
     case "select":
-      return /* @__PURE__ */ r(T, { ...e });
+      return /* @__PURE__ */ a(x, { ...t });
     case "number":
-      return /* @__PURE__ */ r(d, { ...e });
+      return /* @__PURE__ */ a(d, { ...t });
     case "workers_compensation_rate":
-      return /* @__PURE__ */ r(d, { ...e, isPercent: e.requirement?.metadata?.rateType === "percent" });
+      return /* @__PURE__ */ a(d, { ...t, isPercent: t.requirement?.metadata?.rateType === "percent" });
     case "percent":
     case "tax_rate":
-      return /* @__PURE__ */ r(d, { ...e, isPercent: !0 });
+      return /* @__PURE__ */ a(g, { ...t });
     case "currency":
-      return /* @__PURE__ */ r(d, { ...e, isCurrency: !0 });
+      return /* @__PURE__ */ a(d, { ...t, isCurrency: !0 });
     default:
-      return /* @__PURE__ */ r(f, { ...e });
+      return /* @__PURE__ */ a(f, { ...t });
   }
 }
-function T({ question: t, requirement: e, isDisabled: s = !1 }) {
-  const { key: a, label: i, description: l } = t || e, n = t ? t.answers[0]?.value : e.value, o = t ? t.inputQuestionFormat : e.metadata;
+function x({ question: e, requirement: t, isDisabled: l = !1 }) {
+  const { key: r, label: u, description: i } = e || t, n = e ? e.answers[0]?.value : t.value, o = e ? e.inputQuestionFormat : t.metadata;
   if (!o?.options) throw new Error("Select input must have options");
-  return a ? /* @__PURE__ */ r(
-    y,
+  return r ? /* @__PURE__ */ a(
+    m,
     {
       isRequired: !0,
-      name: a,
+      name: r,
       defaultValue: n,
-      label: i,
-      description: l,
-      isDisabled: a.includes("fileNewHireReport") ? n !== void 0 : s,
-      options: o.options.map((u, c) => ({
-        value: u.value,
-        label: u.label
+      label: u,
+      description: i,
+      isDisabled: r.includes("fileNewHireReport") ? n !== void 0 : l,
+      options: o.options.map((s, c) => ({
+        value: s.value,
+        label: s.label
       }))
     }
   ) : null;
 }
-function f({ question: t, requirement: e, isDisabled: s = !1 }) {
-  const { key: a, label: i, description: l } = t || e, n = t ? t.answers[0]?.value : e.value, o = e?.metadata?.mask ?? null, u = h(o);
-  return a ? /* @__PURE__ */ r(
-    b,
+function f({ question: e, requirement: t, isDisabled: l = !1 }) {
+  const { key: r, label: u, description: i } = e || t, n = e ? e.answers[0]?.value : t.value, o = t?.metadata?.mask ?? null, s = T(o);
+  return r ? /* @__PURE__ */ a(
+    w,
     {
       isRequired: !0,
-      name: a,
-      label: i,
+      name: r,
+      label: u,
       defaultValue: n,
-      description: l,
-      isDisabled: s,
-      transform: o ? u : void 0,
+      description: i,
+      isDisabled: l,
+      transform: o ? s : void 0,
       placeholder: o || void 0
     }
   ) : null;
 }
 function d({
-  question: t,
-  requirement: e,
-  isCurrency: s,
-  isPercent: a,
-  isDisabled: i = !1
+  question: e,
+  requirement: t,
+  isCurrency: l,
+  isPercent: r,
+  isDisabled: u = !1
 }) {
-  const { t: l } = w("common"), { key: n, label: o, description: u } = t || e, c = t ? t.answers[0]?.value : e.value;
+  const { t: i } = y("common"), { key: n, label: o, description: s } = e || t, c = e ? e.answers[0]?.value : t.value;
   if (!n) return null;
-  const m = e?.metadata?.type === "workers_compensation_rate" && e.metadata.riskClassCode !== void 0 ? `${e.metadata.riskClassCode}: ${e.metadata.riskClassDescription}` : null, p = e?.metadata?.rateType === "currency_per_hour" ? l("inputs.workersCompensationRatePerHourAdornment") : void 0;
-  return /* @__PURE__ */ r(
+  const p = t?.metadata?.type === "workers_compensation_rate" && t.metadata.riskClassCode !== void 0 ? `${t.metadata.riskClassCode}: ${t.metadata.riskClassDescription}` : null, v = t?.metadata?.rateType === "currency_per_hour" ? i("inputs.workersCompensationRatePerHourAdornment") : void 0;
+  return /* @__PURE__ */ a(
     k,
     {
       isRequired: !0,
       name: n,
       label: o,
-      description: u ?? m,
+      description: s ?? p,
       defaultValue: typeof c < "u" ? Number(c) : void 0,
-      format: s ? "currency" : a ? "percent" : "decimal",
-      isDisabled: i,
-      maximumFractionDigits: a ? 4 : void 0,
-      adornmentEnd: p
+      format: l ? "currency" : r ? "percent" : "decimal",
+      isDisabled: u,
+      maximumFractionDigits: r ? 4 : void 0,
+      adornmentEnd: v
     }
   );
 }
-function x({ question: t, requirement: e, isDisabled: s = !1 }) {
-  const { key: a, label: i, description: l } = t || e, n = t ? t.answers[0]?.value : e.value, { Text: o } = R(), u = t ? t.inputQuestionFormat : e.metadata;
-  if (!u?.options) throw new Error(`RadioInput must have options:${JSON.stringify(t)}`);
-  return a ? /* @__PURE__ */ r(
-    _,
+function C({ question: e, requirement: t, isDisabled: l = !1 }) {
+  const { key: r, label: u, description: i } = e || t, n = e ? e.answers[0]?.value : t.value, { Text: o } = D(), s = e ? e.inputQuestionFormat : t.metadata;
+  if (!s?.options) throw new Error(`RadioInput must have options:${JSON.stringify(e)}`);
+  return r ? /* @__PURE__ */ a(
+    R,
     {
       isRequired: !0,
-      name: a,
-      isDisabled: a.includes("fileNewHireReport") ? n !== void 0 : s,
-      description: l && /* @__PURE__ */ r(o, { as: "span", children: /* @__PURE__ */ r(
+      name: r,
+      isDisabled: r.includes("fileNewHireReport") ? n !== void 0 : l,
+      description: i && /* @__PURE__ */ a(o, { as: "span", children: /* @__PURE__ */ a(
         "span",
         {
-          dangerouslySetInnerHTML: { __html: v.sanitize(l, C) }
+          dangerouslySetInnerHTML: { __html: b.sanitize(i, h) }
         }
       ) }),
-      label: i,
-      options: u.options.map((c) => ({
+      label: u,
+      options: s.options.map((c) => ({
         value: c.value,
         label: c.label
       }))
@@ -120,31 +120,51 @@ function x({ question: t, requirement: e, isDisabled: s = !1 }) {
   ) : null;
 }
 function I({
-  question: t,
-  requirement: e,
-  isDisabled: s = !1
+  question: e,
+  requirement: t,
+  isDisabled: l = !1
 }) {
-  const { key: a, label: i, description: l } = t || e, n = t ? t.answers[0]?.value : e.value;
+  const { key: r, label: u, description: i } = e || t, n = e ? e.answers[0]?.value : t.value;
   if (typeof n != "string" && typeof n < "u")
     throw new Error("Expecting value to be string for DateInput");
-  return a ? /* @__PURE__ */ r(
-    D,
+  return r ? /* @__PURE__ */ a(
+    _,
     {
       isRequired: !0,
-      name: a,
+      name: r,
       defaultValue: n ? new Date(n) : null,
-      label: i,
-      description: l,
-      isDisabled: s
+      label: u,
+      description: i,
+      isDisabled: l
     }
   ) : null;
 }
+function g({ requirement: e, question: t, ...l }) {
+  if (e) {
+    const { key: r, metadata: u, label: i, description: n } = e, { validation: o } = u || {};
+    return o?.type === "one_of" ? /* @__PURE__ */ a(
+      m,
+      {
+        isRequired: !0,
+        name: r || "",
+        label: i || "",
+        description: n,
+        options: o.rates?.map((s) => ({
+          value: s,
+          label: s
+        })) || []
+      }
+    ) : /* @__PURE__ */ a(d, { requirement: e, ...l, isPercent: !0 });
+  }
+  return /* @__PURE__ */ a(d, { question: t, ...l, isPercent: !0 });
+}
 export {
   I as DateField,
   d as NumberInput,
-  V as QuestionInput,
-  x as RadioInput,
-  T as SelectInput,
+  M as QuestionInput,
+  C as RadioInput,
+  x as SelectInput,
+  g as TaxRateInput,
   f as TextInput
 };
 //# sourceMappingURL=TaxInputs.js.map

package/dist/components/Common/TaxInputs/TaxInputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaxInputs.js","sources":["../../../../src/components/Common/TaxInputs/TaxInputs.tsx"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { type TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\nimport { useTranslation } from 'react-i18next'\nimport { SelectField } from '../Fields/SelectField/SelectField'\nimport { TextInputField } from '../Fields/TextInputField/TextInputField'\nimport { NumberInputField } from '../Fields/NumberInputField/NumberInputField'\nimport { RadioGroupField } from '../Fields/RadioGroupField/RadioGroupField'\nimport { DatePickerField } from '../Fields/DatePickerField/DatePickerField'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useMaskedTransform } from '@/helpers/mask'\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['target', 'href'] }\n\ninterface EmpQ {\n  question: NonNullable<EmployeeStateTaxQuestion>\n  requirement?: never\n  isDisabled?: boolean\n}\ninterface CompR {\n  requirement: TaxRequirement\n  question?: never\n  isDisabled?: boolean\n}\n\ntype NumberFieldProps = { isCurrency?: boolean; isPercent?: boolean }\n\nexport function QuestionInput({\n  questionType,\n  ...props\n}: (EmpQ | CompR) & {\n  questionType: string\n}) {\n  switch (questionType.toLowerCase()) {\n    case 'date':\n      return <DateField {...props} />\n    case 'radio':\n      return <RadioInput {...props} />\n    case 'text':\n    case 'account_number': //TODO: temporary - need special handling for account numbers\n      return <TextInput {...props} />\n    case 'select':\n      return <SelectInput {...props} />\n    case 'number':\n      return <NumberInput {...props} />\n    case 'workers_compensation_rate':\n      return (\n        <NumberInput {...props} isPercent={props.requirement?.metadata?.rateType === 'percent'} />\n      )\n    case 'percent':\n    case 'tax_rate':\n      return <NumberInput {...props} isPercent />\n    case 'currency':\n      return <NumberInput {...props} isCurrency />\n    default:\n      return <TextInput {...props} />\n    // return null\n  }\n}\n\nexport function SelectInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error('Select input must have options')\n\n  if (!key) return null\n\n  return (\n    <SelectField\n      isRequired\n      name={key}\n      defaultValue={value}\n      label={label as string}\n      description={description}\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      options={meta.options.map((item, _) => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n\nexport function TextInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const mask = requirement?.metadata?.mask ?? null\n  const transform = useMaskedTransform(mask)\n\n  if (!key) return null\n  return (\n    <TextInputField\n      isRequired\n      name={key}\n      label={label}\n      // @ts-expect-error HACK value is insufficiently narrowed here\n      defaultValue={value}\n      description={description}\n      isDisabled={isDisabled}\n      transform={mask ? transform : undefined}\n      placeholder={mask ? mask : undefined}\n    />\n  )\n}\nexport function NumberInput({\n  question,\n  requirement,\n  isCurrency,\n  isPercent,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { t } = useTranslation('common')\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  if (!key) return null\n\n  const wcDescription =\n    requirement?.metadata?.type === 'workers_compensation_rate' &&\n    requirement.metadata.riskClassCode !== undefined\n      ? `${requirement.metadata.riskClassCode}: ${requirement.metadata.riskClassDescription}`\n      : null\n  const adornmentEnd =\n    requirement?.metadata?.rateType === 'currency_per_hour'\n      ? t('inputs.workersCompensationRatePerHourAdornment')\n      : undefined\n\n  return (\n    <NumberInputField\n      isRequired\n      name={key}\n      label={label}\n      description={description ?? wcDescription}\n      defaultValue={typeof value !== 'undefined' ? Number(value) : undefined}\n      format={isCurrency ? 'currency' : isPercent ? 'percent' : 'decimal'}\n      isDisabled={isDisabled}\n      maximumFractionDigits={isPercent ? 4 : undefined}\n      adornmentEnd={adornmentEnd}\n    />\n  )\n}\n\nexport function RadioInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const { Text } = useComponentContext()\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error(`RadioInput must have options:${JSON.stringify(question)}`)\n\n  if (!key) return null\n\n  return (\n    <RadioGroupField\n      isRequired\n      name={key}\n      //File new hire report setting cannot be changed after it has been configured.\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      description={\n        description && (\n          <Text as=\"span\">\n            <span\n              dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(description, dompurifyConfig) }}\n            />\n          </Text>\n        )\n      }\n      label={label as string}\n      options={meta.options.map(item => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n//TODO: This type is untested as of yet\nexport function DateField({\n  question,\n  requirement,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  if (typeof value !== 'string' && typeof value !== 'undefined')\n    throw new Error('Expecting value to be string for DateInput')\n\n  if (!key) return null\n\n  return (\n    <DatePickerField\n      isRequired\n      name={key}\n      defaultValue={value ? new Date(value) : null}\n      label={label as string}\n      description={description}\n      isDisabled={isDisabled}\n    />\n  )\n}\n"],"names":["dompurifyConfig","QuestionInput","questionType","props","jsx","DateField","RadioInput","TextInput","SelectInput","NumberInput","question","requirement","isDisabled","key","label","description","value","meta","SelectField","item","_","mask","transform","useMaskedTransform","TextInputField","isCurrency","isPercent","t","useTranslation","wcDescription","adornmentEnd","NumberInputField","Text","useComponentContext","RadioGroupField","DOMPurify","DatePickerField"],"mappings":"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"}
+{"version":3,"file":"TaxInputs.js","sources":["../../../../src/components/Common/TaxInputs/TaxInputs.tsx"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { type TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\nimport { useTranslation } from 'react-i18next'\nimport { SelectField } from '../Fields/SelectField/SelectField'\nimport { TextInputField } from '../Fields/TextInputField/TextInputField'\nimport { NumberInputField } from '../Fields/NumberInputField/NumberInputField'\nimport { RadioGroupField } from '../Fields/RadioGroupField/RadioGroupField'\nimport { DatePickerField } from '../Fields/DatePickerField/DatePickerField'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useMaskedTransform } from '@/helpers/mask'\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['target', 'href'] }\n\ninterface EmpQ {\n  question: NonNullable<EmployeeStateTaxQuestion>\n  requirement?: never\n  isDisabled?: boolean\n}\ninterface CompR {\n  requirement: TaxRequirement\n  question?: never\n  isDisabled?: boolean\n}\n\ntype NumberFieldProps = { isCurrency?: boolean; isPercent?: boolean }\n\nexport function QuestionInput({\n  questionType,\n  ...props\n}: (EmpQ | CompR) & {\n  questionType: string\n}) {\n  switch (questionType.toLowerCase()) {\n    case 'date':\n      return <DateField {...props} />\n    case 'radio':\n      return <RadioInput {...props} />\n    case 'text':\n    case 'account_number': //TODO: temporary - need special handling for account numbers\n      return <TextInput {...props} />\n    case 'select':\n      return <SelectInput {...props} />\n    case 'number':\n      return <NumberInput {...props} />\n    case 'workers_compensation_rate':\n      return (\n        <NumberInput {...props} isPercent={props.requirement?.metadata?.rateType === 'percent'} />\n      )\n    case 'percent':\n    case 'tax_rate':\n      return <TaxRateInput {...props} />\n    case 'currency':\n      return <NumberInput {...props} isCurrency />\n    default:\n      return <TextInput {...props} />\n    // return null\n  }\n}\n\nexport function SelectInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error('Select input must have options')\n\n  if (!key) return null\n\n  return (\n    <SelectField\n      isRequired\n      name={key}\n      defaultValue={value}\n      label={label as string}\n      description={description}\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      options={meta.options.map((item, _) => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n\nexport function TextInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const mask = requirement?.metadata?.mask ?? null\n  const transform = useMaskedTransform(mask)\n\n  if (!key) return null\n  return (\n    <TextInputField\n      isRequired\n      name={key}\n      label={label}\n      // @ts-expect-error HACK value is insufficiently narrowed here\n      defaultValue={value}\n      description={description}\n      isDisabled={isDisabled}\n      transform={mask ? transform : undefined}\n      placeholder={mask ? mask : undefined}\n    />\n  )\n}\n\nexport function NumberInput({\n  question,\n  requirement,\n  isCurrency,\n  isPercent,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { t } = useTranslation('common')\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  if (!key) return null\n\n  const wcDescription =\n    requirement?.metadata?.type === 'workers_compensation_rate' &&\n    requirement.metadata.riskClassCode !== undefined\n      ? `${requirement.metadata.riskClassCode}: ${requirement.metadata.riskClassDescription}`\n      : null\n  const adornmentEnd =\n    requirement?.metadata?.rateType === 'currency_per_hour'\n      ? t('inputs.workersCompensationRatePerHourAdornment')\n      : undefined\n\n  return (\n    <NumberInputField\n      isRequired\n      name={key}\n      label={label}\n      description={description ?? wcDescription}\n      defaultValue={typeof value !== 'undefined' ? Number(value) : undefined}\n      format={isCurrency ? 'currency' : isPercent ? 'percent' : 'decimal'}\n      isDisabled={isDisabled}\n      maximumFractionDigits={isPercent ? 4 : undefined}\n      adornmentEnd={adornmentEnd}\n    />\n  )\n}\n\nexport function RadioInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const { Text } = useComponentContext()\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error(`RadioInput must have options:${JSON.stringify(question)}`)\n\n  if (!key) return null\n\n  return (\n    <RadioGroupField\n      isRequired\n      name={key}\n      //File new hire report setting cannot be changed after it has been configured.\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      description={\n        description && (\n          <Text as=\"span\">\n            <span\n              dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(description, dompurifyConfig) }}\n            />\n          </Text>\n        )\n      }\n      label={label as string}\n      options={meta.options.map(item => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n//TODO: This type is untested as of yet\nexport function DateField({\n  question,\n  requirement,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  if (typeof value !== 'string' && typeof value !== 'undefined')\n    throw new Error('Expecting value to be string for DateInput')\n\n  if (!key) return null\n\n  return (\n    <DatePickerField\n      isRequired\n      name={key}\n      defaultValue={value ? new Date(value) : null}\n      label={label as string}\n      description={description}\n      isDisabled={isDisabled}\n    />\n  )\n}\n\nexport function TaxRateInput({ requirement, question, ...props }: EmpQ | CompR) {\n  if (requirement) {\n    // Covers case for tax rate where the rate is a one_of option and must be submitted as a string\n    // of enumerated rate values provided\n    const { key, metadata, label, description } = requirement\n    const { validation } = metadata || {}\n    return validation?.type === 'one_of' ? (\n      <SelectField\n        isRequired\n        name={key || ''}\n        label={label || ''}\n        description={description}\n        options={\n          validation.rates?.map(rate => ({\n            value: rate,\n            label: rate,\n          })) || []\n        }\n      />\n    ) : (\n      <NumberInput requirement={requirement} {...props} isPercent />\n    )\n  }\n\n  return <NumberInput question={question} {...props} isPercent />\n}\n"],"names":["dompurifyConfig","QuestionInput","questionType","props","jsx","DateField","RadioInput","TextInput","SelectInput","NumberInput","TaxRateInput","question","requirement","isDisabled","key","label","description","value","meta","SelectField","item","_","mask","transform","useMaskedTransform","TextInputField","isCurrency","isPercent","t","useTranslation","wcDescription","adornmentEnd","NumberInputField","Text","useComponentContext","RadioGroupField","DOMPurify","DatePickerField","metadata","validation","rate"],"mappings":"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"}

package/dist/components/Company/AssignSignatory/AssignSignatory.js

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as N, Fragment as _ } from "react/jsx-runtime";
-import { z as e } from "zod";
+import { jsx as o, jsxs as p, Fragment as _ } from "react/jsx-runtime";
+import { z as t } from "zod";
 import { useForm as O, FormProvider as u } from "react-hook-form";
 import { zodResolver as E } from "@hookform/resolvers/zod";
 import { SignatoryForm as g } from "./SignatoryForm.js";
@@ -8,18 +8,16 @@ import { AssignSignatorySelection as c } from "./AssignSignatorySelection.js";
 import { SignatoryAssignmentMode as m, AssignSignatoryProvider as C } from "./useAssignSignatory.js";
 import { companyEvents as i } from "../../../shared/constants.js";
 import { Flex as M } from "../../Common/Flex/Flex.js";
-import "react-i18next";
-import "classnames";
 import { BaseComponent as h } from "../../Base/Base.js";
 import { useBase as I } from "../../Base/useBase.js";
 import { useI18n as Y, useComponentDictionary as D } from "../../../i18n/I18n.js";
 function s(n) {
   return /* @__PURE__ */ o(h, { ...n, children: /* @__PURE__ */ o(F, { ...n, children: n.children }) });
 }
-const v = e.object({
-  signatoryAssignmentMode: e.union([
-    e.literal(m.createSignatory),
-    e.literal(m.inviteSignatory)
+const v = t.object({
+  signatoryAssignmentMode: t.union([
+    t.literal(m.createSignatory),
+    t.literal(m.inviteSignatory)
   ])
 });
 function F({
@@ -31,7 +29,7 @@ function F({
   dictionary: f
 }) {
   Y("Company.AssignSignatory"), D("Company.AssignSignatory", f);
-  const { onEvent: t } = I(), d = O({
+  const { onEvent: e } = I(), d = O({
     resolver: E(v),
     defaultValues: {
       signatoryAssignmentMode: m.createSignatory
@@ -45,13 +43,13 @@ function F({
         signatoryId: A,
         defaultValues: l,
         onSignatoryAssignmentModeChange: (r) => {
-          t(i.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, r);
+          e(i.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, r);
         },
-        onSignatoryFormEvent: (r, p) => {
-          r === i.COMPANY_CREATE_SIGNATORY_DONE ? t(i.COMPANY_ASSIGN_SIGNATORY_DONE) : r === i.COMPANY_INVITE_SIGNATORY_DONE ? t(i.COMPANY_ASSIGN_SIGNATORY_DONE) : t(r, p);
+        onSignatoryFormEvent: (r, N) => {
+          r === i.COMPANY_CREATE_SIGNATORY_DONE ? e(i.COMPANY_ASSIGN_SIGNATORY_DONE) : r === i.COMPANY_INVITE_SIGNATORY_DONE ? e(i.COMPANY_ASSIGN_SIGNATORY_DONE) : e(r, N);
         }
       },
-      children: /* @__PURE__ */ o(M, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(u, { ...d, children: a || /* @__PURE__ */ N(_, { children: [
+      children: /* @__PURE__ */ o(M, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(u, { ...d, children: a || /* @__PURE__ */ p(_, { children: [
         /* @__PURE__ */ o(S, {}),
         /* @__PURE__ */ o(c, {}),
         /* @__PURE__ */ o(g, {})

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

@@ -1 +1 @@
-{"version":3,"file":"AssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatory.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { SignatoryForm } from './SignatoryForm'\nimport { Head } from './Head'\nimport { AssignSignatorySelection } from './AssignSignatorySelection'\nimport type { AssignSignatoryDefaultValues } from './useAssignSignatory'\nimport { AssignSignatoryProvider, SignatoryAssignmentMode } from './useAssignSignatory'\nimport { companyEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport { useBase, BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\n\ninterface AssignSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\nexport function AssignSignatory(props: AssignSignatoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst AssignSignatorySelectionSchema = z.object({\n  signatoryAssignmentMode: z.union([\n    z.literal(SignatoryAssignmentMode.createSignatory),\n    z.literal(SignatoryAssignmentMode.inviteSignatory),\n  ]),\n})\n\ntype AssignSignatorySelectionInputs = z.infer<typeof AssignSignatorySelectionSchema>\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n  dictionary,\n}: AssignSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  useComponentDictionary('Company.AssignSignatory', dictionary)\n\n  const { onEvent } = useBase()\n\n  const formMethods = useForm<AssignSignatorySelectionInputs>({\n    resolver: zodResolver(AssignSignatorySelectionSchema),\n    defaultValues: {\n      signatoryAssignmentMode: SignatoryAssignmentMode.createSignatory,\n    },\n  })\n\n  const onSignatoryAssignmentModeChange = (mode: string) => {\n    onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, mode)\n  }\n\n  const onSignatoryFormEvent: BaseComponentInterface['onEvent'] = (event, data) => {\n    if (event === companyEvents.COMPANY_CREATE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else if (event === companyEvents.COMPANY_INVITE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else {\n      onEvent(event, data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <AssignSignatoryProvider\n        value={{\n          companyId,\n          signatoryId,\n          defaultValues,\n          onSignatoryAssignmentModeChange,\n          onSignatoryFormEvent,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <FormProvider {...formMethods}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <AssignSignatorySelection />\n                <SignatoryForm />\n              </>\n            )}\n          </FormProvider>\n        </Flex>\n      </AssignSignatoryProvider>\n    </section>\n  )\n}\n\nAssignSignatory.Head = Head\nAssignSignatory.Selection = AssignSignatorySelection\nAssignSignatory.Form = SignatoryForm\n"],"names":["AssignSignatory","props","jsx","BaseComponent","Root","AssignSignatorySelectionSchema","z","SignatoryAssignmentMode","companyId","signatoryId","defaultValues","className","children","dictionary","useI18n","useComponentDictionary","onEvent","useBase","formMethods","useForm","zodResolver","AssignSignatoryProvider","mode","companyEvents","event","data","Flex","FormProvider","jsxs","Fragment","Head","AssignSignatorySelection","SignatoryForm"],"mappings":";;;;;;;;;;;;;;;AAmBO,SAASA,EAAgBC,GAA6B;AAEzD,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,MAAMI,IAAiCC,EAAE,OAAO;AAAA,EAC9C,yBAAyBA,EAAE,MAAM;AAAA,IAC/BA,EAAE,QAAQC,EAAwB,eAAe;AAAA,IACjDD,EAAE,QAAQC,EAAwB,eAAe;AAAA,EAClD,CAAA;AACH,CAAC;AAID,SAASH,EAAK;AAAA,EACZ,WAAAI;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAyB;AACvB,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BF,CAAU;AAEtD,QAAA,EAAE,SAAAG,EAAQ,IAAIC,EAAQ,GAEtBC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAYf,CAA8B;AAAA,IACpD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAiBC,SAAA,gBAAAL,EAAC,aAAQ,WAAAS,GACP,UAAA,gBAAAT;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAb;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,iCArBgC,CAACY,MAAiB;AAChD,UAAAN,EAAAO,EAAc,uCAAuCD,CAAI;AAAA,QACnE;AAAA,QAoBQ,sBAlBwD,CAACE,GAAOC,MAAS;AAC3E,UAAAD,MAAUD,EAAc,gCAC1BP,EAAQO,EAAc,6BAA6B,IAC1CC,MAAUD,EAAc,gCACjCP,EAAQO,EAAc,6BAA6B,IAEnDP,EAAQQ,GAAOC,CAAI;AAAA,QAEvB;AAAA,MAWM;AAAA,MAEA,UAAC,gBAAAvB,EAAAwB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAC,gBAAAxB,EAAAyB,GAAA,EAAc,GAAGT,GACf,UACCN,KAGE,gBAAAgB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,GAAK,EAAA;AAAA,0BACLC,GAAyB,EAAA;AAAA,0BACzBC,GAAc,CAAA,CAAA;AAAA,MAAA,EACjB,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAhC,EAAgB,OAAO8B;AACvB9B,EAAgB,YAAY+B;AAC5B/B,EAAgB,OAAOgC;"}
+{"version":3,"file":"AssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatory.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { SignatoryForm } from './SignatoryForm'\nimport { Head } from './Head'\nimport { AssignSignatorySelection } from './AssignSignatorySelection'\nimport type { AssignSignatoryDefaultValues } from './useAssignSignatory'\nimport { AssignSignatoryProvider, SignatoryAssignmentMode } from './useAssignSignatory'\nimport { companyEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport { useBase, BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\n\ninterface AssignSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\nexport function AssignSignatory(props: AssignSignatoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst AssignSignatorySelectionSchema = z.object({\n  signatoryAssignmentMode: z.union([\n    z.literal(SignatoryAssignmentMode.createSignatory),\n    z.literal(SignatoryAssignmentMode.inviteSignatory),\n  ]),\n})\n\ntype AssignSignatorySelectionInputs = z.infer<typeof AssignSignatorySelectionSchema>\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n  dictionary,\n}: AssignSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  useComponentDictionary('Company.AssignSignatory', dictionary)\n\n  const { onEvent } = useBase()\n\n  const formMethods = useForm<AssignSignatorySelectionInputs>({\n    resolver: zodResolver(AssignSignatorySelectionSchema),\n    defaultValues: {\n      signatoryAssignmentMode: SignatoryAssignmentMode.createSignatory,\n    },\n  })\n\n  const onSignatoryAssignmentModeChange = (mode: string) => {\n    onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, mode)\n  }\n\n  const onSignatoryFormEvent: BaseComponentInterface['onEvent'] = (event, data) => {\n    if (event === companyEvents.COMPANY_CREATE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else if (event === companyEvents.COMPANY_INVITE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else {\n      onEvent(event, data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <AssignSignatoryProvider\n        value={{\n          companyId,\n          signatoryId,\n          defaultValues,\n          onSignatoryAssignmentModeChange,\n          onSignatoryFormEvent,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <FormProvider {...formMethods}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <AssignSignatorySelection />\n                <SignatoryForm />\n              </>\n            )}\n          </FormProvider>\n        </Flex>\n      </AssignSignatoryProvider>\n    </section>\n  )\n}\n\nAssignSignatory.Head = Head\nAssignSignatory.Selection = AssignSignatorySelection\nAssignSignatory.Form = SignatoryForm\n"],"names":["AssignSignatory","props","jsx","BaseComponent","Root","AssignSignatorySelectionSchema","z","SignatoryAssignmentMode","companyId","signatoryId","defaultValues","className","children","dictionary","useI18n","useComponentDictionary","onEvent","useBase","formMethods","useForm","zodResolver","AssignSignatoryProvider","mode","companyEvents","event","data","Flex","FormProvider","jsxs","Fragment","Head","AssignSignatorySelection","SignatoryForm"],"mappings":";;;;;;;;;;;;;AAmBO,SAASA,EAAgBC,GAA6B;AAEzD,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,MAAMI,IAAiCC,EAAE,OAAO;AAAA,EAC9C,yBAAyBA,EAAE,MAAM;AAAA,IAC/BA,EAAE,QAAQC,EAAwB,eAAe;AAAA,IACjDD,EAAE,QAAQC,EAAwB,eAAe;AAAA,EAClD,CAAA;AACH,CAAC;AAID,SAASH,EAAK;AAAA,EACZ,WAAAI;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAyB;AACvB,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BF,CAAU;AAEtD,QAAA,EAAE,SAAAG,EAAQ,IAAIC,EAAQ,GAEtBC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAYf,CAA8B;AAAA,IACpD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAiBC,SAAA,gBAAAL,EAAC,aAAQ,WAAAS,GACP,UAAA,gBAAAT;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAb;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,iCArBgC,CAACY,MAAiB;AAChD,UAAAN,EAAAO,EAAc,uCAAuCD,CAAI;AAAA,QACnE;AAAA,QAoBQ,sBAlBwD,CAACE,GAAOC,MAAS;AAC3E,UAAAD,MAAUD,EAAc,gCAC1BP,EAAQO,EAAc,6BAA6B,IAC1CC,MAAUD,EAAc,gCACjCP,EAAQO,EAAc,6BAA6B,IAEnDP,EAAQQ,GAAOC,CAAI;AAAA,QAEvB;AAAA,MAWM;AAAA,MAEA,UAAC,gBAAAvB,EAAAwB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAC,gBAAAxB,EAAAyB,GAAA,EAAc,GAAGT,GACf,UACCN,KAGE,gBAAAgB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,GAAK,EAAA;AAAA,0BACLC,GAAyB,EAAA;AAAA,0BACzBC,GAAc,CAAA,CAAA;AAAA,MAAA,EACjB,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAhC,EAAgB,OAAO8B;AACvB9B,EAAgB,YAAY+B;AAC5B/B,EAAgB,OAAOgC;"}

package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import { useTranslation as e } from "react-i18next";
 import { useAssignSignatory as s, SignatoryAssignmentMode as o } from "./useAssignSignatory.js";
 import r from "./AssignSignatorySelection.module.scss.js";
-import "classnames";
+import "../../../shared/constants.js";
 import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const u = () => {
   const { t: n } = e("Company.AssignSignatory"), { onSignatoryAssignmentModeChange: t } = s();

package/dist/components/Company/AssignSignatory/CreateSignatory/Actions.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { useCreateSignatory as s } from "./useCreateSignatory.js";
-import "classnames";
+import "../../../../shared/constants.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as e } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 const y = () => {

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.js

@@ -16,7 +16,6 @@ import { useI18n as X } from "../../../../i18n/I18n.js";
 import { BaseComponent as Z } from "../../../Base/Base.js";
 import { useBase as $ } from "../../../Base/useBase.js";
 import { Flex as V } from "../../../Common/Flex/Flex.js";
-import "react-i18next";
 import { companyEvents as c } from "../../../../shared/constants.js";
 import { formatDateToStringDate as tt } from "../../../../helpers/dateFormatting.js";
 import { useMaskedTransform as et, commonMasks as ot } from "../../../../helpers/mask.js";

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport classNames from 'classnames'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { useSignatoriesCreateMutation } from '@gusto/embedded-api/react-query/signatoriesCreate'\nimport { useSignatoriesUpdateMutation } from '@gusto/embedded-api/react-query/signatoriesUpdate'\nimport { useSignatoriesDeleteMutation } from '@gusto/embedded-api/react-query/signatoriesDelete'\nimport { type CreateSignatoryInputs } from './CreateSignatoryForm'\nimport { CreateSignatoryForm } from './CreateSignatoryForm'\nimport { Actions } from './Actions'\nimport styles from './CreateSignatory.module.scss'\nimport type { CreateSignatoryDefaultValues } from './useCreateSignatory'\nimport { CreateSignatoryProvider } from './useCreateSignatory'\nimport { generateCreateSignatorySchema } from './Schema'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\n\ninterface CreateSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: CreateSignatoryDefaultValues\n}\n\nexport function CreateSignatory(props: CreateSignatoryProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n}: CreateSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  const {\n    data: { signatoryList },\n  } = useSignatoriesListSuspense({\n    companyUuid: companyId,\n  })\n  const signatories = signatoryList!\n\n  const currentSignatory = signatories.find(signatory => signatory.uuid === signatoryId)\n\n  const createSignatoryMutation = useSignatoriesCreateMutation()\n  const updateSignatoryMutation = useSignatoriesUpdateMutation()\n  const deleteSignatoryMutation = useSignatoriesDeleteMutation()\n\n  const defaultBirthday = currentSignatory?.birthday ?? defaultValues?.birthday\n\n  const createSignatoryDefaultValues = {\n    firstName: currentSignatory?.firstName ?? defaultValues?.firstName ?? '',\n    lastName: currentSignatory?.lastName ?? defaultValues?.lastName ?? '',\n    email: currentSignatory?.email ?? defaultValues?.email ?? '',\n    title: currentSignatory?.title ?? defaultValues?.title ?? '',\n    phone: transformPhone(currentSignatory?.phone ?? defaultValues?.phone ?? ''),\n    ssn: currentSignatory?.hasSsn ? '' : defaultValues?.ssn,\n    street1: currentSignatory?.homeAddress?.street1 ?? defaultValues?.street1,\n    street2: currentSignatory?.homeAddress?.street2 ?? defaultValues?.street2,\n    city: currentSignatory?.homeAddress?.city ?? defaultValues?.city,\n    state: currentSignatory?.homeAddress?.state ?? defaultValues?.state,\n    zip: currentSignatory?.homeAddress?.zip ?? defaultValues?.zip,\n    ...(defaultBirthday ? { birthday: new Date(defaultBirthday) } : {}),\n  }\n\n  const formMethods = useForm<CreateSignatoryInputs>({\n    resolver: zodResolver(generateCreateSignatorySchema(currentSignatory?.hasSsn)),\n    defaultValues: createSignatoryDefaultValues,\n  })\n\n  const onSubmit = async (data: CreateSignatoryInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { street1, street2, city, state, zip, birthday, email, ssn, ...signatoryData } = payload\n\n      const commonData = {\n        ...signatoryData,\n        birthday: formatDateToStringDate(birthday) || '',\n        homeAddress: {\n          street1,\n          street2,\n          city,\n          state,\n          zip,\n        },\n      }\n\n      if (currentSignatory) {\n        const updateSignatoryResponse = await updateSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            signatoryUuid: currentSignatory.uuid,\n            requestBody: {\n              version: currentSignatory.version,\n              ...(ssn ? { ssn } : {}),\n              ...commonData,\n            },\n          },\n        })\n\n        onEvent(companyEvents.COMPANY_SIGNATORY_UPDATED, updateSignatoryResponse.signatory)\n      } else {\n        if (signatories[0]?.uuid) {\n          await deleteSignatoryMutation.mutateAsync({\n            request: {\n              companyUuid: companyId,\n              signatoryUuid: signatories[0].uuid,\n            },\n          })\n        }\n        const createSignatoryResponse = await createSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              email,\n              ssn: ssn || '',\n              ...commonData,\n            },\n          },\n        })\n        onEvent(companyEvents.COMPANY_SIGNATORY_CREATED, createSignatoryResponse.signatory)\n      }\n      onEvent(companyEvents.COMPANY_CREATE_SIGNATORY_DONE)\n    })\n  }\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <CreateSignatoryProvider\n        value={{\n          isPending:\n            createSignatoryMutation.isPending ||\n            deleteSignatoryMutation.isPending ||\n            updateSignatoryMutation.isPending,\n          currentSignatory,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <CreateSignatoryForm />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </Form>\n        </FormProvider>\n      </CreateSignatoryProvider>\n    </section>\n  )\n}\n\nCreateSignatory.Form = CreateSignatoryForm\nCreateSignatory.Actions = Actions\n"],"names":["CreateSignatory","props","jsx","BaseComponent","Root","companyId","signatoryId","defaultValues","className","children","useI18n","onEvent","baseSubmitHandler","useBase","transformPhone","useMaskedTransform","commonMasks","signatoryList","useSignatoriesListSuspense","signatories","currentSignatory","signatory","createSignatoryMutation","useSignatoriesCreateMutation","updateSignatoryMutation","useSignatoriesUpdateMutation","deleteSignatoryMutation","useSignatoriesDeleteMutation","defaultBirthday","createSignatoryDefaultValues","formMethods","useForm","zodResolver","generateCreateSignatorySchema","onSubmit","data","payload","street1","street2","city","state","zip","birthday","email","ssn","signatoryData","commonData","formatDateToStringDate","updateSignatoryResponse","companyEvents","createSignatoryResponse","classNames","styles","CreateSignatoryProvider","FormProvider","Form","Flex","jsxs","Fragment","CreateSignatoryForm","Actions"],"mappings":"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"}
+{"version":3,"file":"CreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport classNames from 'classnames'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { useSignatoriesCreateMutation } from '@gusto/embedded-api/react-query/signatoriesCreate'\nimport { useSignatoriesUpdateMutation } from '@gusto/embedded-api/react-query/signatoriesUpdate'\nimport { useSignatoriesDeleteMutation } from '@gusto/embedded-api/react-query/signatoriesDelete'\nimport { type CreateSignatoryInputs } from './CreateSignatoryForm'\nimport { CreateSignatoryForm } from './CreateSignatoryForm'\nimport { Actions } from './Actions'\nimport styles from './CreateSignatory.module.scss'\nimport type { CreateSignatoryDefaultValues } from './useCreateSignatory'\nimport { CreateSignatoryProvider } from './useCreateSignatory'\nimport { generateCreateSignatorySchema } from './Schema'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\n\ninterface CreateSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: CreateSignatoryDefaultValues\n}\n\nexport function CreateSignatory(props: CreateSignatoryProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n}: CreateSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  const {\n    data: { signatoryList },\n  } = useSignatoriesListSuspense({\n    companyUuid: companyId,\n  })\n  const signatories = signatoryList!\n\n  const currentSignatory = signatories.find(signatory => signatory.uuid === signatoryId)\n\n  const createSignatoryMutation = useSignatoriesCreateMutation()\n  const updateSignatoryMutation = useSignatoriesUpdateMutation()\n  const deleteSignatoryMutation = useSignatoriesDeleteMutation()\n\n  const defaultBirthday = currentSignatory?.birthday ?? defaultValues?.birthday\n\n  const createSignatoryDefaultValues = {\n    firstName: currentSignatory?.firstName ?? defaultValues?.firstName ?? '',\n    lastName: currentSignatory?.lastName ?? defaultValues?.lastName ?? '',\n    email: currentSignatory?.email ?? defaultValues?.email ?? '',\n    title: currentSignatory?.title ?? defaultValues?.title ?? '',\n    phone: transformPhone(currentSignatory?.phone ?? defaultValues?.phone ?? ''),\n    ssn: currentSignatory?.hasSsn ? '' : defaultValues?.ssn,\n    street1: currentSignatory?.homeAddress?.street1 ?? defaultValues?.street1,\n    street2: currentSignatory?.homeAddress?.street2 ?? defaultValues?.street2,\n    city: currentSignatory?.homeAddress?.city ?? defaultValues?.city,\n    state: currentSignatory?.homeAddress?.state ?? defaultValues?.state,\n    zip: currentSignatory?.homeAddress?.zip ?? defaultValues?.zip,\n    ...(defaultBirthday ? { birthday: new Date(defaultBirthday) } : {}),\n  }\n\n  const formMethods = useForm<CreateSignatoryInputs>({\n    resolver: zodResolver(generateCreateSignatorySchema(currentSignatory?.hasSsn)),\n    defaultValues: createSignatoryDefaultValues,\n  })\n\n  const onSubmit = async (data: CreateSignatoryInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { street1, street2, city, state, zip, birthday, email, ssn, ...signatoryData } = payload\n\n      const commonData = {\n        ...signatoryData,\n        birthday: formatDateToStringDate(birthday) || '',\n        homeAddress: {\n          street1,\n          street2,\n          city,\n          state,\n          zip,\n        },\n      }\n\n      if (currentSignatory) {\n        const updateSignatoryResponse = await updateSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            signatoryUuid: currentSignatory.uuid,\n            requestBody: {\n              version: currentSignatory.version,\n              ...(ssn ? { ssn } : {}),\n              ...commonData,\n            },\n          },\n        })\n\n        onEvent(companyEvents.COMPANY_SIGNATORY_UPDATED, updateSignatoryResponse.signatory)\n      } else {\n        if (signatories[0]?.uuid) {\n          await deleteSignatoryMutation.mutateAsync({\n            request: {\n              companyUuid: companyId,\n              signatoryUuid: signatories[0].uuid,\n            },\n          })\n        }\n        const createSignatoryResponse = await createSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              email,\n              ssn: ssn || '',\n              ...commonData,\n            },\n          },\n        })\n        onEvent(companyEvents.COMPANY_SIGNATORY_CREATED, createSignatoryResponse.signatory)\n      }\n      onEvent(companyEvents.COMPANY_CREATE_SIGNATORY_DONE)\n    })\n  }\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <CreateSignatoryProvider\n        value={{\n          isPending:\n            createSignatoryMutation.isPending ||\n            deleteSignatoryMutation.isPending ||\n            updateSignatoryMutation.isPending,\n          currentSignatory,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <CreateSignatoryForm />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </Form>\n        </FormProvider>\n      </CreateSignatoryProvider>\n    </section>\n  )\n}\n\nCreateSignatory.Form = CreateSignatoryForm\nCreateSignatory.Actions = Actions\n"],"names":["CreateSignatory","props","jsx","BaseComponent","Root","companyId","signatoryId","defaultValues","className","children","useI18n","onEvent","baseSubmitHandler","useBase","transformPhone","useMaskedTransform","commonMasks","signatoryList","useSignatoriesListSuspense","signatories","currentSignatory","signatory","createSignatoryMutation","useSignatoriesCreateMutation","updateSignatoryMutation","useSignatoriesUpdateMutation","deleteSignatoryMutation","useSignatoriesDeleteMutation","defaultBirthday","createSignatoryDefaultValues","formMethods","useForm","zodResolver","generateCreateSignatorySchema","onSubmit","data","payload","street1","street2","city","state","zip","birthday","email","ssn","signatoryData","commonData","formatDateToStringDate","updateSignatoryResponse","companyEvents","createSignatoryResponse","classNames","styles","CreateSignatoryProvider","FormProvider","Form","Flex","jsxs","Fragment","CreateSignatoryForm","Actions"],"mappings":"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"}

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.js

@@ -3,7 +3,6 @@ import { useTranslation as c } from "react-i18next";
 import { useCreateSignatory as p } from "./useCreateSignatory.js";
 import { Flex as o } from "../../../Common/Flex/Flex.js";
 import { Grid as n } from "../../../Common/Grid/Grid.js";
-import "classnames";
 import { STATES_ABBR as u } from "../../../../shared/constants.js";
 import { usePlaceholderSSN as g, normalizeSSN as h } from "../../../../helpers/ssn.js";
 import { TitleSelect as f } from "../TitleSelect.js";
@@ -12,7 +11,7 @@ import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/
 import { TextInputField as s } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { DatePickerField as D } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 import { SelectField as M } from "../../../Common/Fields/SelectField/SelectField.js";
-const A = () => {
+const j = () => {
   const i = S(), { currentSignatory: t } = p(), { t: e } = c("Company.AssignSignatory"), d = g(t?.hasSsn), m = y(b.phoneMask);
   return /* @__PURE__ */ a(o, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ a(o, { flexDirection: "column", gap: 12, children: [
@@ -135,6 +134,6 @@ const A = () => {
   ] });
 };
 export {
-  A as CreateSignatoryForm
+  j as CreateSignatoryForm
 };
 //# sourceMappingURL=CreateSignatoryForm.js.map

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { z } from 'zod'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport type { generateCreateSignatorySchema } from './Schema'\nimport { TextInputField, Grid, Flex, SelectField, DatePickerField } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CreateSignatoryInputs = z.infer<ReturnType<typeof generateCreateSignatorySchema>>\n\nexport const CreateSignatoryForm = () => {\n  const Components = useComponentContext()\n  const { currentSignatory } = useCreateSignatory()\n  const { t } = useTranslation('Company.AssignSignatory')\n  const placeholderSSN = usePlaceholderSSN(currentSignatory?.hasSsn)\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('signatoryDetails.title')}</Components.Heading>\n          <Components.Text>{t('signatoryDetails.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"firstName\"\n            label={t('signatoryDetails.firstName')}\n            isRequired\n            errorMessage={t('validations.firstName')}\n          />\n          <TextInputField\n            name=\"lastName\"\n            label={t('signatoryDetails.lastName')}\n            isRequired\n            errorMessage={t('validations.lastName')}\n          />\n          <TextInputField\n            name=\"email\"\n            label={t('signatoryDetails.email')}\n            isRequired\n            errorMessage={t('validations.email')}\n            isDisabled={Boolean(currentSignatory)}\n          />\n          <TitleSelect />\n          <TextInputField\n            name=\"phone\"\n            label={t('signatoryDetails.phone')}\n            isRequired\n            errorMessage={t('validations.phone')}\n            transform={transformPhone}\n          />\n          <TextInputField\n            name=\"ssn\"\n            label={t('signatoryDetails.ssn')}\n            errorMessage={t('validations.ssn', { ns: 'common' })}\n            isRequired={!currentSignatory?.hasSsn}\n            transform={normalizeSSN}\n            placeholder={placeholderSSN}\n          />\n          <DatePickerField\n            name=\"birthday\"\n            label={t('signatoryDetails.birthday')}\n            errorMessage={t('validations.dob')}\n            isRequired\n          />\n        </Grid>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('address.title')}</Components.Heading>\n          <Components.Text>{t('address.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"street1\"\n            label={t('address.street1')}\n            isRequired\n            errorMessage={t('validations.address.street1')}\n          />\n          <TextInputField name=\"street2\" label={t('address.street2')} />\n          <TextInputField\n            name=\"city\"\n            label={t('address.city')}\n            isRequired\n            errorMessage={t('validations.address.city')}\n          />\n          <SelectField\n            name=\"state\"\n            options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n              label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n              value: stateAbbr,\n            }))}\n            label={t('address.state')}\n            placeholder={t('address.statePlaceholder')}\n            errorMessage={t('validations.address.state')}\n            isRequired\n          />\n          <TextInputField\n            name=\"zip\"\n            label={t('address.zip')}\n            isRequired\n            errorMessage={t('validations.address.zip')}\n          />\n        </Grid>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["CreateSignatoryForm","Components","useComponentContext","currentSignatory","useCreateSignatory","t","useTranslation","placeholderSSN","usePlaceholderSSN","transformPhone","useMaskedTransform","commonMasks","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect","normalizeSSN","DatePickerField","SelectField","STATES_ABBR","stateAbbr"],"mappings":"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"}
+{"version":3,"file":"CreateSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { z } from 'zod'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport type { generateCreateSignatorySchema } from './Schema'\nimport { TextInputField, Grid, Flex, SelectField, DatePickerField } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CreateSignatoryInputs = z.infer<ReturnType<typeof generateCreateSignatorySchema>>\n\nexport const CreateSignatoryForm = () => {\n  const Components = useComponentContext()\n  const { currentSignatory } = useCreateSignatory()\n  const { t } = useTranslation('Company.AssignSignatory')\n  const placeholderSSN = usePlaceholderSSN(currentSignatory?.hasSsn)\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('signatoryDetails.title')}</Components.Heading>\n          <Components.Text>{t('signatoryDetails.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"firstName\"\n            label={t('signatoryDetails.firstName')}\n            isRequired\n            errorMessage={t('validations.firstName')}\n          />\n          <TextInputField\n            name=\"lastName\"\n            label={t('signatoryDetails.lastName')}\n            isRequired\n            errorMessage={t('validations.lastName')}\n          />\n          <TextInputField\n            name=\"email\"\n            label={t('signatoryDetails.email')}\n            isRequired\n            errorMessage={t('validations.email')}\n            isDisabled={Boolean(currentSignatory)}\n          />\n          <TitleSelect />\n          <TextInputField\n            name=\"phone\"\n            label={t('signatoryDetails.phone')}\n            isRequired\n            errorMessage={t('validations.phone')}\n            transform={transformPhone}\n          />\n          <TextInputField\n            name=\"ssn\"\n            label={t('signatoryDetails.ssn')}\n            errorMessage={t('validations.ssn', { ns: 'common' })}\n            isRequired={!currentSignatory?.hasSsn}\n            transform={normalizeSSN}\n            placeholder={placeholderSSN}\n          />\n          <DatePickerField\n            name=\"birthday\"\n            label={t('signatoryDetails.birthday')}\n            errorMessage={t('validations.dob')}\n            isRequired\n          />\n        </Grid>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('address.title')}</Components.Heading>\n          <Components.Text>{t('address.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"street1\"\n            label={t('address.street1')}\n            isRequired\n            errorMessage={t('validations.address.street1')}\n          />\n          <TextInputField name=\"street2\" label={t('address.street2')} />\n          <TextInputField\n            name=\"city\"\n            label={t('address.city')}\n            isRequired\n            errorMessage={t('validations.address.city')}\n          />\n          <SelectField\n            name=\"state\"\n            options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n              label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n              value: stateAbbr,\n            }))}\n            label={t('address.state')}\n            placeholder={t('address.statePlaceholder')}\n            errorMessage={t('validations.address.state')}\n            isRequired\n          />\n          <TextInputField\n            name=\"zip\"\n            label={t('address.zip')}\n            isRequired\n            errorMessage={t('validations.address.zip')}\n          />\n        </Grid>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["CreateSignatoryForm","Components","useComponentContext","currentSignatory","useCreateSignatory","t","useTranslation","placeholderSSN","usePlaceholderSSN","transformPhone","useMaskedTransform","commonMasks","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect","normalizeSSN","DatePickerField","SelectField","STATES_ABBR","stateAbbr"],"mappings":"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"}

package/dist/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.js

@@ -8,9 +8,9 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import "../../../Base/useBase.js";
 import "../../../../shared/constants.js";
-import "classnames";
 import "dompurify";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
 const [d, s] = t("CreateSignatoryContext");
 export {

package/dist/components/Company/AssignSignatory/InviteSignatory/Actions.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { useInviteSignatory as s } from "./useInviteSignatory.js";
-import "classnames";
+import "../../../../shared/constants.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as e } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 const f = () => {

package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatory.js

@@ -14,7 +14,6 @@ import { useI18n as U } from "../../../../i18n/I18n.js";
 import { BaseComponent as Y } from "../../../Base/Base.js";
 import { useBase as q } from "../../../Base/useBase.js";
 import { Flex as w } from "../../../Common/Flex/Flex.js";
-import "react-i18next";
 import { companyEvents as a } from "../../../../shared/constants.js";
 function l(t) {
   return /* @__PURE__ */ i(Y, { ...t, children: /* @__PURE__ */ i(B, { ...t, children: t.children }) });
@@ -22,10 +21,10 @@ function l(t) {
 function B({ companyId: t, defaultValues: o, className: f, children: n }) {
   U("Company.AssignSignatory");
   const { onEvent: r, baseSubmitHandler: g } = q(), {
-    data: { signatoryList: p }
+    data: { signatoryList: y }
   } = b({
     companyUuid: t
-  }), e = p, m = x(), y = O(), d = {
+  }), e = y, m = x(), p = O(), d = {
     firstName: o?.firstName ?? "",
     lastName: o?.lastName ?? "",
     email: o?.email,
@@ -37,7 +36,7 @@ function B({ companyId: t, defaultValues: o, className: f, children: n }) {
   }), S = async (v) => {
     await g(v, async (N) => {
       const { confirmEmail: j, ...h } = N;
-      e[0]?.uuid && await y.mutateAsync({
+      e[0]?.uuid && await p.mutateAsync({
         request: {
           companyUuid: t,
           signatoryUuid: e[0].uuid