@gusto/embedded-react-sdk 0.6.0 → 0.8.0

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

@@ -0,0 +1,65 @@
+import { jsx as o, jsxs as N, Fragment as _ } from "react/jsx-runtime";
+import * as t from "valibot";
+import { useForm as O, FormProvider as p } from "react-hook-form";
+import { valibotResolver as E } from "@hookform/resolvers/valibot";
+import { SignatoryForm as g } from "./SignatoryForm.js";
+import { Head as S } from "./Head.js";
+import { AssignSignatorySelection as c } from "./AssignSignatorySelection.js";
+import { SignatoryAssignmentMode as m, AssignSignatoryProvider as u } from "./useAssignSignatory.js";
+import { companyEvents as e } from "../../../shared/constants.js";
+import { Flex as M } from "../../Common/Flex/Flex.js";
+import { BaseComponent as h } from "../../Base/Base.js";
+import { useBase as I } from "../../Base/useBase.js";
+import { useI18n as v } from "../../../i18n/I18n.js";
+function s(n) {
+  return /* @__PURE__ */ o(h, { ...n, children: /* @__PURE__ */ o(Y, { ...n, children: n.children }) });
+}
+const C = t.object({
+  signatoryAssignmentMode: t.union([
+    t.literal(m.createSignatory),
+    t.literal(m.inviteSignatory)
+  ])
+});
+function Y({
+  companyId: n,
+  signatoryId: l,
+  defaultValues: A,
+  className: f,
+  children: a
+}) {
+  v("Company.AssignSignatory");
+  const { onEvent: i } = I(), d = O({
+    resolver: E(C),
+    defaultValues: {
+      signatoryAssignmentMode: m.createSignatory
+    }
+  });
+  return /* @__PURE__ */ o("section", { className: f, children: /* @__PURE__ */ o(
+    u,
+    {
+      value: {
+        companyId: n,
+        signatoryId: l,
+        defaultValues: A,
+        onSignatoryAssignmentModeChange: (r) => {
+          i(e.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, r);
+        },
+        onSignatoryFormEvent: (r, y) => {
+          r === e.COMPANY_CREATE_SIGNATORY_DONE ? i(e.COMPANY_ASSIGN_SIGNATORY_DONE) : r === e.COMPANY_INVITE_SIGNATORY_DONE ? i(e.COMPANY_ASSIGN_SIGNATORY_DONE) : i(r, y);
+        }
+      },
+      children: /* @__PURE__ */ o(M, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(p, { ...d, children: a || /* @__PURE__ */ N(_, { children: [
+        /* @__PURE__ */ o(S, {}),
+        /* @__PURE__ */ o(c, {}),
+        /* @__PURE__ */ o(g, {})
+      ] }) }) })
+    }
+  ) });
+}
+s.Head = S;
+s.Selection = c;
+s.Form = g;
+export {
+  s as AssignSignatory
+};
+//# sourceMappingURL=AssignSignatory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatory.tsx"],"sourcesContent":["import * as v from 'valibot'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { valibotResolver } from '@hookform/resolvers/valibot'\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 {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\n\ninterface AssignSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\nexport function AssignSignatory(props: AssignSignatoryProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst AssignSignatorySelectionSchema = v.object({\n  signatoryAssignmentMode: v.union([\n    v.literal(SignatoryAssignmentMode.createSignatory),\n    v.literal(SignatoryAssignmentMode.inviteSignatory),\n  ]),\n})\n\ntype AssignSignatorySelectionInputs = v.InferInput<typeof AssignSignatorySelectionSchema>\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n}: AssignSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  const { onEvent } = useBase()\n\n  const formMethods = useForm<AssignSignatorySelectionInputs>({\n    resolver: valibotResolver(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","v","SignatoryAssignmentMode","companyId","signatoryId","defaultValues","className","children","useI18n","onEvent","useBase","formMethods","useForm","valibotResolver","AssignSignatoryProvider","mode","companyEvents","event","data","Flex","FormProvider","jsxs","Fragment","Head","AssignSignatorySelection","SignatoryForm"],"mappings":";;;;;;;;;;;;;AAwBO,SAASA,EAAgBC,GAAsD;AAElF,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;AACF,GAAyB;AACvB,EAAAC,EAAQ,yBAAyB;AAC3B,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GAEtBC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAgBb,CAA8B;AAAA,IACxD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAiBC,SAAA,gBAAAL,EAAC,aAAQ,WAAAS,GACP,UAAA,gBAAAT;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAX;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,iCArBgC,CAACU,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,gBAAArB,EAAAsB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAC,gBAAAtB,EAAAuB,GAAA,EAAc,GAAGT,GACf,UACCJ,KAGE,gBAAAc,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAzB,EAAC0B,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;AAEA9B,EAAgB,OAAO4B;AACvB5B,EAAgB,YAAY6B;AAC5B7B,EAAgB,OAAO8B;"}

package/dist/components/Company/AssignSignatory/AssignSignatorySelection.d.ts

@@ -0,0 +1 @@
+export declare const AssignSignatorySelection: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,31 @@
+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 a from "./AssignSignatorySelection.module.scss.js";
+import { RadioGroupField as r } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+const c = () => {
+  const { t: n } = e("Company.AssignSignatory"), { onSignatoryAssignmentModeChange: t } = s();
+  return /* @__PURE__ */ i("section", { className: a.container, children: /* @__PURE__ */ i(
+    r,
+    {
+      onChange: t,
+      label: n("signingOptions.label"),
+      shouldVisuallyHideLabel: !0,
+      name: "signatoryAssignmentMode",
+      options: [
+        {
+          label: n("signingOptions.selfSign"),
+          value: o.createSignatory
+        },
+        {
+          label: n("signingOptions.appointOther"),
+          value: o.inviteSignatory
+        }
+      ]
+    }
+  ) });
+};
+export {
+  c as AssignSignatorySelection
+};
+//# sourceMappingURL=AssignSignatorySelection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssignSignatorySelection.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatorySelection.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SignatoryAssignmentMode, useAssignSignatory } from './useAssignSignatory'\nimport styles from './AssignSignatorySelection.module.scss'\nimport { RadioGroupField } from '@/components/Common'\n\nexport const AssignSignatorySelection = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { onSignatoryAssignmentModeChange } = useAssignSignatory()\n\n  return (\n    <section className={styles.container}>\n      <RadioGroupField\n        onChange={onSignatoryAssignmentModeChange}\n        label={t('signingOptions.label')}\n        shouldVisuallyHideLabel\n        name=\"signatoryAssignmentMode\"\n        options={[\n          {\n            label: t('signingOptions.selfSign'),\n            value: SignatoryAssignmentMode.createSignatory,\n          },\n          {\n            label: t('signingOptions.appointOther'),\n            value: SignatoryAssignmentMode.inviteSignatory,\n          },\n        ]}\n      />\n    </section>\n  )\n}\n"],"names":["AssignSignatorySelection","t","useTranslation","onSignatoryAssignmentModeChange","useAssignSignatory","jsx","styles","RadioGroupField","SignatoryAssignmentMode"],"mappings":";;;;;AAKO,MAAMA,IAA2B,MAAM;AAC5C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,iCAAAC,EAAgC,IAAIC,EAAmB;AAE/D,SACG,gBAAAC,EAAA,WAAA,EAAQ,WAAWC,EAAO,WACzB,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAUJ;AAAA,MACV,OAAOF,EAAE,sBAAsB;AAAA,MAC/B,yBAAuB;AAAA,MACvB,MAAK;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,OAAOA,EAAE,yBAAyB;AAAA,UAClC,OAAOO,EAAwB;AAAA,QACjC;AAAA,QACA;AAAA,UACE,OAAOP,EAAE,6BAA6B;AAAA,UACtC,OAAOO,EAAwB;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -0,0 +1,8 @@
+const n = "_container_18572_1", t = {
+  container: n
+};
+export {
+  n as container,
+  t as default
+};
+//# sourceMappingURL=AssignSignatorySelection.module.scss.js.map

package/dist/components/Company/AssignSignatory/AssignSignatorySelection.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssignSignatorySelection.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Company/AssignSignatory/CreateSignatory/Actions.d.ts

@@ -0,0 +1 @@
+export declare const Actions: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useTranslation as i } from "react-i18next";
+import { useCreateSignatory as r } from "./useCreateSignatory.js";
+import { ActionsLayout as e } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const f = () => {
+  const { t } = i("Company.AssignSignatory"), { isPending: n } = r(), s = m();
+  return /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(s.Button, { type: "submit", isLoading: n, children: t("buttons.signDocuments") }) });
+};
+export {
+  f as Actions
+};
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { isPending } = useCreateSignatory()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('buttons.signDocuments')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useCreateSignatory","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,WAAAC,EAAU,IAAIC,EAAmB,GACnCC,IAAaC,EAAoB;AAEvC,SACG,gBAAAC,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAE,EAAA,uBAAuB,EAC5B,CAAA,GACF;AAEJ;"}

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.d.ts

@@ -0,0 +1,13 @@
+import { CreateSignatoryDefaultValues } from './useCreateSignatory';
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+interface CreateSignatoryProps extends CommonComponentInterface {
+    companyId: string;
+    signatoryId?: string;
+    defaultValues?: CreateSignatoryDefaultValues;
+}
+export declare function CreateSignatory(props: CreateSignatoryProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare namespace CreateSignatory {
+    var Form: () => import("react/jsx-runtime").JSX.Element;
+    var Actions: () => import("react/jsx-runtime").JSX.Element;
+}
+export {};

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

@@ -0,0 +1,120 @@
+import { jsx as o, jsxs as w, Fragment as x } from "react/jsx-runtime";
+import { useForm as B, FormProvider as z } from "react-hook-form";
+import { valibotResolver as k } from "@hookform/resolvers/valibot";
+import G from "classnames";
+import { useSignatoriesListSuspense as j } from "@gusto/embedded-api/react-query/signatoriesList";
+import { useSignatoriesCreateMutation as L } from "@gusto/embedded-api/react-query/signatoriesCreate";
+import { useSignatoriesUpdateMutation as H } from "@gusto/embedded-api/react-query/signatoriesUpdate";
+import { useSignatoriesDeleteMutation as I } from "@gusto/embedded-api/react-query/signatoriesDelete";
+import { CreateSignatoryForm as f } from "./CreateSignatoryForm.js";
+import { Actions as A } from "./Actions.js";
+import J from "./CreateSignatory.module.scss.js";
+import { CreateSignatoryProvider as K } from "./useCreateSignatory.js";
+import { generateCreateSignatorySchema as Q } from "./Schema.js";
+import { Form as W } from "../../../Common/Form/Form.js";
+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 { 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";
+function l(r) {
+  return /* @__PURE__ */ o(Z, { ...r, children: /* @__PURE__ */ o(rt, { ...r, children: r.children }) });
+}
+function rt({
+  companyId: r,
+  signatoryId: N,
+  defaultValues: e,
+  className: M,
+  children: d
+}) {
+  X("Company.AssignSignatory");
+  const { onEvent: i, baseSubmitHandler: C } = $(), D = et(ot.phoneMask), {
+    data: { signatoryList: b }
+  } = j({
+    companyUuid: r
+  }), s = b, t = s.find((n) => n.uuid === N), y = L(), p = H(), u = I(), g = t?.birthday ?? e?.birthday, P = {
+    firstName: t?.firstName ?? e?.firstName ?? "",
+    lastName: t?.lastName ?? e?.lastName ?? "",
+    email: t?.email ?? e?.email ?? "",
+    title: t?.title ?? e?.title ?? "",
+    phone: D(t?.phone ?? e?.phone ?? ""),
+    ssn: t?.hasSsn ? "" : e?.ssn,
+    street1: t?.homeAddress?.street1 ?? e?.street1,
+    street2: t?.homeAddress?.street2 ?? e?.street2,
+    city: t?.homeAddress?.city ?? e?.city,
+    state: t?.homeAddress?.state ?? e?.state,
+    zip: t?.homeAddress?.zip ?? e?.zip,
+    ...g ? { birthday: new Date(g) } : {}
+  }, h = B({
+    resolver: k(Q(t?.hasSsn)),
+    defaultValues: P
+  }), v = async (n) => {
+    await C(n, async (R) => {
+      const { street1: E, street2: T, city: U, state: F, zip: O, birthday: _, email: Y, ssn: a, ...q } = R, S = {
+        ...q,
+        birthday: tt(_) || "",
+        homeAddress: {
+          street1: E,
+          street2: T,
+          city: U,
+          state: F,
+          zip: O
+        }
+      };
+      if (t) {
+        const m = await p.mutateAsync({
+          request: {
+            companyUuid: r,
+            signatoryUuid: t.uuid,
+            requestBody: {
+              version: t.version,
+              ...a ? { ssn: a } : {},
+              ...S
+            }
+          }
+        });
+        i(c.COMPANY_SIGNATORY_UPDATED, m.signatory);
+      } else {
+        s[0]?.uuid && await u.mutateAsync({
+          request: {
+            companyUuid: r,
+            signatoryUuid: s[0].uuid
+          }
+        });
+        const m = await y.mutateAsync({
+          request: {
+            companyUuid: r,
+            requestBody: {
+              email: Y,
+              ssn: a || "",
+              ...S
+            }
+          }
+        });
+        i(c.COMPANY_SIGNATORY_CREATED, m.signatory);
+      }
+      i(c.COMPANY_CREATE_SIGNATORY_DONE);
+    });
+  };
+  return /* @__PURE__ */ o("section", { className: G(J.container, M), children: /* @__PURE__ */ o(
+    K,
+    {
+      value: {
+        isPending: y.isPending || u.isPending || p.isPending,
+        currentSignatory: t
+      },
+      children: /* @__PURE__ */ o(z, { ...h, children: /* @__PURE__ */ o(W, { onSubmit: h.handleSubmit(v), children: /* @__PURE__ */ o(V, { flexDirection: "column", gap: 32, children: d || /* @__PURE__ */ w(x, { children: [
+        /* @__PURE__ */ o(f, {}),
+        /* @__PURE__ */ o(A, {})
+      ] }) }) }) })
+    }
+  ) });
+}
+l.Form = f;
+l.Actions = A;
+export {
+  l as CreateSignatory
+};
+//# sourceMappingURL=CreateSignatory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { valibotResolver } from '@hookform/resolvers/valibot'\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: valibotResolver(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","valibotResolver","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/CreateSignatory.module.scss.js

@@ -0,0 +1,8 @@
+const n = "_container_18572_1", t = {
+  container: n
+};
+export {
+  n as container,
+  t as default
+};
+//# sourceMappingURL=CreateSignatory.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateSignatory.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.d.ts

@@ -0,0 +1,4 @@
+import { InferInput } from 'valibot';
+import { generateCreateSignatorySchema } from './Schema';
+export type CreateSignatoryInputs = InferInput<ReturnType<typeof generateCreateSignatorySchema>>;
+export declare const CreateSignatoryForm: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,139 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+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 { 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";
+import { useMaskedTransform as y, commonMasks as b } from "../../../../helpers/mask.js";
+import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+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 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: [
+      /* @__PURE__ */ a("header", { children: [
+        /* @__PURE__ */ r(i.Heading, { as: "h2", children: e("signatoryDetails.title") }),
+        /* @__PURE__ */ r(i.Text, { children: e("signatoryDetails.description") })
+      ] }),
+      /* @__PURE__ */ a(n, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
+        /* @__PURE__ */ r(
+          s,
+          {
+            name: "firstName",
+            label: e("signatoryDetails.firstName"),
+            isRequired: !0,
+            errorMessage: e("validations.firstName")
+          }
+        ),
+        /* @__PURE__ */ r(
+          s,
+          {
+            name: "lastName",
+            label: e("signatoryDetails.lastName"),
+            isRequired: !0,
+            errorMessage: e("validations.lastName")
+          }
+        ),
+        /* @__PURE__ */ r(
+          s,
+          {
+            name: "email",
+            label: e("signatoryDetails.email"),
+            isRequired: !0,
+            errorMessage: e("validations.email"),
+            isDisabled: !!t
+          }
+        ),
+        /* @__PURE__ */ r(f, {}),
+        /* @__PURE__ */ r(
+          s,
+          {
+            name: "phone",
+            label: e("signatoryDetails.phone"),
+            isRequired: !0,
+            errorMessage: e("validations.phone"),
+            transform: m
+          }
+        ),
+        /* @__PURE__ */ r(
+          s,
+          {
+            name: "ssn",
+            label: e("signatoryDetails.ssn"),
+            errorMessage: e("validations.ssn", { ns: "common" }),
+            isRequired: !t?.hasSsn,
+            transform: h,
+            placeholder: d
+          }
+        ),
+        /* @__PURE__ */ r(
+          D,
+          {
+            name: "birthday",
+            label: e("signatoryDetails.birthday"),
+            errorMessage: e("validations.dob"),
+            isRequired: !0
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ a(o, { flexDirection: "column", gap: 12, children: [
+      /* @__PURE__ */ a("header", { children: [
+        /* @__PURE__ */ r(i.Heading, { as: "h2", children: e("address.title") }),
+        /* @__PURE__ */ r(i.Text, { children: e("address.description") })
+      ] }),
+      /* @__PURE__ */ a(n, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
+        /* @__PURE__ */ r(
+          s,
+          {
+            name: "street1",
+            label: e("address.street1"),
+            isRequired: !0,
+            errorMessage: e("validations.address.street1")
+          }
+        ),
+        /* @__PURE__ */ r(s, { name: "street2", label: e("address.street2") }),
+        /* @__PURE__ */ r(
+          s,
+          {
+            name: "city",
+            label: e("address.city"),
+            isRequired: !0,
+            errorMessage: e("validations.address.city")
+          }
+        ),
+        /* @__PURE__ */ r(
+          M,
+          {
+            name: "state",
+            options: u.map((l) => ({
+              label: e(`statesHash.${l}`, { ns: "common" }),
+              value: l
+            })),
+            label: e("address.state"),
+            placeholder: e("address.statePlaceholder"),
+            errorMessage: e("validations.address.state"),
+            isRequired: !0
+          }
+        ),
+        /* @__PURE__ */ r(
+          s,
+          {
+            name: "zip",
+            label: e("address.zip"),
+            isRequired: !0,
+            errorMessage: e("validations.address.zip")
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+export {
+  j as CreateSignatoryForm
+};
+//# sourceMappingURL=CreateSignatoryForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { InferInput } from 'valibot'\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 = InferInput<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/Schema.d.ts

@@ -0,0 +1,15 @@
+import * as v from 'valibot';
+export declare const generateCreateSignatorySchema: (hasSsn?: boolean) => v.ObjectSchema<{
+    readonly firstName: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>, v.RegexAction<string, undefined>]>;
+    readonly lastName: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>, v.RegexAction<string, undefined>]>;
+    readonly email: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>, v.EmailAction<string, undefined>]>;
+    readonly title: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
+    readonly phone: v.SchemaWithPipe<[v.StringSchema<undefined>, v.TransformAction<string, string>, v.CheckAction<string, undefined>]>;
+    readonly ssn: v.SchemaWithPipe<[v.StringSchema<undefined>, v.CustomSchema<string, undefined>]>;
+    readonly birthday: v.InstanceSchema<DateConstructor, undefined>;
+    readonly street1: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
+    readonly street2: v.OptionalSchema<v.StringSchema<undefined>, never>;
+    readonly city: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
+    readonly state: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
+    readonly zip: v.SchemaWithPipe<[v.StringSchema<undefined>, v.CheckAction<string, undefined>]>;
+}, undefined>;

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

@@ -0,0 +1,24 @@
+import * as t from "valibot";
+import { zipValidation as r, phoneValidation as o, nameValidation as n, SSN_REGEX as p } from "../../../../helpers/validations.js";
+import { removeNonDigits as a } from "../../../../helpers/formattedStrings.js";
+const s = (i) => t.pipe(
+  t.string(),
+  t.custom((e) => i && !e ? !0 : typeof e != "string" ? !1 : p.test(a(e)))
+), y = (i) => t.object({
+  firstName: n,
+  lastName: n,
+  email: t.pipe(t.string(), t.nonEmpty(), t.email()),
+  title: t.pipe(t.string(), t.nonEmpty()),
+  phone: o,
+  ssn: s(i),
+  birthday: t.instance(Date),
+  street1: t.pipe(t.string(), t.nonEmpty()),
+  street2: t.optional(t.string()),
+  city: t.pipe(t.string(), t.nonEmpty()),
+  state: t.pipe(t.string(), t.nonEmpty()),
+  zip: r
+});
+export {
+  y as generateCreateSignatorySchema
+};
+//# sourceMappingURL=Schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Schema.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/Schema.ts"],"sourcesContent":["import * as v from 'valibot'\nimport { nameValidation, zipValidation, SSN_REGEX, phoneValidation } from '@/helpers/validations'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\n\nconst createSSNValidation = (hasSsn?: boolean) =>\n  v.pipe(\n    v.string(),\n    v.custom(value => {\n      // If they have an SSN on file and haven't modified the field (it's empty), it's valid\n      if (hasSsn && !value) {\n        return true\n      }\n\n      if (typeof value !== 'string') {\n        return false\n      }\n\n      return SSN_REGEX.test(removeNonDigits(value))\n    }),\n  )\n\nexport const generateCreateSignatorySchema = (hasSsn?: boolean) =>\n  v.object({\n    firstName: nameValidation,\n    lastName: nameValidation,\n    email: v.pipe(v.string(), v.nonEmpty(), v.email()),\n    title: v.pipe(v.string(), v.nonEmpty()),\n    phone: phoneValidation,\n    ssn: createSSNValidation(hasSsn),\n    birthday: v.instance(Date),\n    street1: v.pipe(v.string(), v.nonEmpty()),\n    street2: v.optional(v.string()),\n    city: v.pipe(v.string(), v.nonEmpty()),\n    state: v.pipe(v.string(), v.nonEmpty()),\n    zip: zipValidation,\n  })\n"],"names":["createSSNValidation","hasSsn","v","value","SSN_REGEX","removeNonDigits","generateCreateSignatorySchema","nameValidation","phoneValidation","zipValidation"],"mappings":";;;AAIA,MAAMA,IAAsB,CAACC,MAC3BC,EAAE;AAAA,EACAA,EAAE,OAAO;AAAA,EACTA,EAAE,OAAO,CAASC,MAEZF,KAAU,CAACE,IACN,KAGL,OAAOA,KAAU,WACZ,KAGFC,EAAU,KAAKC,EAAgBF,CAAK,CAAC,CAC7C;AACH,GAEWG,IAAgC,CAACL,MAC5CC,EAAE,OAAO;AAAA,EACP,WAAWK;AAAA,EACX,UAAUA;AAAA,EACV,OAAOL,EAAE,KAAKA,EAAE,OAAA,GAAUA,EAAE,SAAS,GAAGA,EAAE,OAAO;AAAA,EACjD,OAAOA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU;AAAA,EACtC,OAAOM;AAAA,EACP,KAAKR,EAAoBC,CAAM;AAAA,EAC/B,UAAUC,EAAE,SAAS,IAAI;AAAA,EACzB,SAASA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU;AAAA,EACxC,SAASA,EAAE,SAASA,EAAE,QAAQ;AAAA,EAC9B,MAAMA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU;AAAA,EACrC,OAAOA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU;AAAA,EACtC,KAAKO;AACP,CAAC;"}

package/dist/components/Company/AssignSignatory/CreateSignatory/index.d.ts

@@ -0,0 +1,2 @@
+export { CreateSignatory } from './CreateSignatory';
+export { useCreateSignatory, type CreateSignatoryDefaultValues } from './useCreateSignatory';

package/dist/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.d.ts

@@ -0,0 +1,11 @@
+import { Signatory } from '@gusto/embedded-api/models/components/signatory';
+import { RequireAtLeastOne } from '../../../../types/Helpers';
+export type CreateSignatoryDefaultValues = RequireAtLeastOne<Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title' | 'phone' | 'birthday'> & Pick<NonNullable<Signatory['homeAddress']>, 'street1' | 'street2' | 'city' | 'state' | 'zip'> & {
+    ssn?: string;
+}>;
+type CreateSignatoryContextType = {
+    isPending: boolean;
+    currentSignatory?: Signatory;
+};
+declare const useCreateSignatory: () => CreateSignatoryContextType, CreateSignatoryProvider: import('react').Provider<CreateSignatoryContextType | null>;
+export { useCreateSignatory, CreateSignatoryProvider };

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

@@ -0,0 +1,17 @@
+import "react/jsx-runtime";
+import "react";
+import "react-error-boundary";
+import "react-i18next";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "../../../Base/useBase.js";
+import "dompurify";
+import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
+const [y, S] = t("CreateSignatoryContext");
+export {
+  S as CreateSignatoryProvider,
+  y as useCreateSignatory
+};
+//# sourceMappingURL=useCreateSignatory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport type CreateSignatoryDefaultValues = RequireAtLeastOne<\n  Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title' | 'phone' | 'birthday'> &\n    Pick<\n      NonNullable<Signatory['homeAddress']>,\n      'street1' | 'street2' | 'city' | 'state' | 'zip'\n    > & {\n      ssn?: string\n    }\n>\ntype CreateSignatoryContextType = {\n  isPending: boolean\n  currentSignatory?: Signatory\n}\n\nconst [useCreateSignatory, CreateSignatoryProvider] =\n  createCompoundContext<CreateSignatoryContextType>('CreateSignatoryContext')\n\nexport { useCreateSignatory, CreateSignatoryProvider }\n"],"names":["useCreateSignatory","CreateSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AAkBA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}

package/dist/components/Company/AssignSignatory/Head.d.ts

@@ -0,0 +1 @@
+export declare const Head: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
+import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+const p = () => {
+  const { t: n } = r("Company.AssignSignatory"), o = s();
+  return /* @__PURE__ */ e("header", { children: [
+    /* @__PURE__ */ t(o.Heading, { as: "h1", children: n("title") }),
+    /* @__PURE__ */ t(o.Text, { children: n("description") })
+  ] });
+};
+export {
+  p as Head
+};
+//# sourceMappingURL=Head.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","sources":["../../../../src/components/Company/AssignSignatory/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Head = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const Components = useComponentContext()\n\n  return (\n    <header>\n      <Components.Heading as=\"h1\">{t('title')}</Components.Heading>\n      <Components.Text>{t('description')}</Components.Text>\n    </header>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAaC,EAAoB;AAEvC,2BACG,UACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,sBACvCE,EAAW,MAAX,EAAiB,UAAAF,EAAE,aAAa,EAAE,CAAA;AAAA,EAAA,GACrC;AAEJ;"}

package/dist/components/Company/AssignSignatory/InviteSignatory/Actions.d.ts

@@ -0,0 +1 @@
+export declare const Actions: () => import("react/jsx-runtime").JSX.Element;