@gusto/embedded-react-sdk 0.7.0 → 0.8.0

package/dist/components/Company/DocumentSignerFlow/SignatureForm/SignatureForm.js

@@ -0,0 +1,78 @@
+import { jsx as o, jsxs as h, Fragment as v } from "react/jsx-runtime";
+import { useCompanyFormsGetSuspense as N, invalidateAllCompanyFormsGet as _ } from "@gusto/embedded-api/react-query/companyFormsGet";
+import { useCompanyFormsSignMutation as B } from "@gusto/embedded-api/react-query/companyFormsSign";
+import { useCompanyFormsGetPdfSuspense as G, invalidateAllCompanyFormsGetPdf as M } from "@gusto/embedded-api/react-query/companyFormsGetPdf";
+import { useQueryClient as O } from "@gusto/embedded-api/ReactSDKProvider";
+import { Head as c } from "./Head.js";
+import { Preview as p } from "./Preview.js";
+import { Form as f } from "./Form.js";
+import { Actions as l } from "./Actions.js";
+import { SignatureFormProvider as b } from "./useSignatureForm.js";
+import { useI18n as w } from "../../../../i18n/I18n.js";
+import { BaseComponent as x } from "../../../Base/Base.js";
+import { useBase as R } from "../../../Base/useBase.js";
+import { SignatureForm as k } from "../../../Common/SignatureForm/SignatureForm.js";
+import { Flex as q } from "../../../Common/Flex/Flex.js";
+import { companyEvents as i } from "../../../../shared/constants.js";
+function e({
+  formId: r,
+  companyId: a,
+  children: n,
+  className: t,
+  ...m
+}) {
+  return /* @__PURE__ */ o(x, { ...m, children: /* @__PURE__ */ o(E, { formId: r, companyId: a, className: t, children: n }) });
+}
+function E({ formId: r, companyId: a, children: n }) {
+  w("Company.SignatureForm");
+  const { onEvent: t, baseSubmitHandler: m } = R(), s = O(), {
+    data: { form: d }
+  } = N({
+    formId: r
+  }), F = d, { isPending: S, mutateAsync: g } = B(), {
+    data: { formPdf: y }
+  } = G({
+    formId: r
+  }), C = y.documentUrl;
+  return /* @__PURE__ */ o(
+    b,
+    {
+      value: {
+        form: F,
+        pdfUrl: C,
+        isPending: S,
+        onBack: () => {
+          t(i.COMPANY_SIGN_FORM_BACK);
+        }
+      },
+      children: /* @__PURE__ */ o(k, { onSubmit: async (P) => {
+        await m(P, async (u) => {
+          const A = await g({
+            request: {
+              formId: r,
+              requestBody: {
+                signatureText: u.signature,
+                agree: u.confirmSignature
+              }
+            }
+          });
+          await _(s), await M(s), t(i.COMPANY_SIGN_FORM, A.form), t(i.COMPANY_SIGN_FORM_DONE);
+        });
+      }, children: /* @__PURE__ */ o(q, { flexDirection: "column", gap: 32, children: n || /* @__PURE__ */ h(v, { children: [
+        /* @__PURE__ */ o(c, {}),
+        /* @__PURE__ */ o(p, {}),
+        /* @__PURE__ */ o(f, {}),
+        /* @__PURE__ */ o(l, {})
+      ] }) }) })
+    }
+  );
+}
+e.Head = c;
+e.Preview = p;
+e.Form = f;
+e.Actions = l;
+export {
+  E as Root,
+  e as SignatureForm
+};
+//# sourceMappingURL=SignatureForm.js.map

package/dist/components/Company/DocumentSignerFlow/SignatureForm/SignatureForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignatureForm.js","sources":["../../../../../src/components/Company/DocumentSignerFlow/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport {\n  useCompanyFormsGetSuspense,\n  invalidateAllCompanyFormsGet,\n} from '@gusto/embedded-api/react-query/companyFormsGet'\nimport { useCompanyFormsSignMutation } from '@gusto/embedded-api/react-query/companyFormsSign'\nimport {\n  useCompanyFormsGetPdfSuspense,\n  invalidateAllCompanyFormsGetPdf,\n} from '@gusto/embedded-api/react-query/companyFormsGetPdf'\nimport { useQueryClient } from '@gusto/embedded-api/ReactSDKProvider'\nimport { Head } from './Head'\nimport { Preview } from './Preview'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport { SignatureFormProvider } from './useSignatureForm'\nimport { useI18n } from '@/i18n'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport {\n  SignatureForm as SharedSignatureForm,\n  type SignatureFormInputs,\n} from '@/components/Common/SignatureForm'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\n\ninterface SignatureFormProps {\n  formId: string\n  companyId: string\n  children?: ReactNode\n  className?: string\n}\n\nexport function SignatureForm({\n  formId,\n  companyId,\n  children,\n  className,\n  ...props\n}: SignatureFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root formId={formId} companyId={companyId} className={className}>\n        {children}\n      </Root>\n    </BaseComponent>\n  )\n}\n\nexport function Root({ formId, companyId, children }: SignatureFormProps) {\n  useI18n('Company.SignatureForm')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n\n  const {\n    data: { form: formNullable },\n  } = useCompanyFormsGetSuspense({\n    formId,\n  })\n  const form = formNullable!\n\n  const { isPending, mutateAsync: signForm } = useCompanyFormsSignMutation()\n\n  const {\n    data: { formPdf },\n  } = useCompanyFormsGetPdfSuspense({\n    formId,\n  })\n  const pdfUrl = formPdf!.documentUrl!\n\n  const handleSubmit = async (data: SignatureFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const signFormResponse = await signForm({\n        request: {\n          formId,\n          requestBody: {\n            signatureText: payload.signature,\n            agree: payload.confirmSignature,\n          },\n        },\n      })\n      await invalidateAllCompanyFormsGet(queryClient)\n      await invalidateAllCompanyFormsGetPdf(queryClient)\n\n      onEvent(companyEvents.COMPANY_SIGN_FORM, signFormResponse.form)\n\n      onEvent(companyEvents.COMPANY_SIGN_FORM_DONE)\n    })\n  }\n\n  const handleBack = () => {\n    onEvent(companyEvents.COMPANY_SIGN_FORM_BACK)\n  }\n\n  return (\n    <SignatureFormProvider\n      value={{\n        form,\n        pdfUrl,\n        isPending,\n        onBack: handleBack,\n      }}\n    >\n      <SharedSignatureForm onSubmit={handleSubmit}>\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <Preview />\n              <Form />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </SharedSignatureForm>\n    </SignatureFormProvider>\n  )\n}\n\nSignatureForm.Head = Head\nSignatureForm.Preview = Preview\nSignatureForm.Form = Form\nSignatureForm.Actions = Actions\n"],"names":["SignatureForm","formId","companyId","children","className","props","jsx","BaseComponent","Root","useI18n","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","formNullable","useCompanyFormsGetSuspense","form","isPending","signForm","useCompanyFormsSignMutation","formPdf","useCompanyFormsGetPdfSuspense","pdfUrl","SignatureFormProvider","companyEvents","SharedSignatureForm","data","payload","signFormResponse","invalidateAllCompanyFormsGet","invalidateAllCompanyFormsGetPdf","Flex","jsxs","Fragment","Head","Preview","Form","Actions"],"mappings":";;;;;;;;;;;;;;;;AAkCO,SAASA,EAAc;AAAA,EAC5B,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAgD;AAE5C,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAK,QAAAP,GAAgB,WAAAC,GAAsB,WAAAE,GACzC,UAAAD,EAAA,CACH,EACF,CAAA;AAEJ;AAEO,SAASK,EAAK,EAAE,QAAAP,GAAQ,WAAAC,GAAW,UAAAC,KAAgC;AACxE,EAAAM,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GACzCC,IAAcC,EAAe,GAE7B;AAAA,IACJ,MAAM,EAAE,MAAMC,EAAa;AAAA,MACzBC,EAA2B;AAAA,IAC7B,QAAAf;AAAA,EAAA,CACD,GACKgB,IAAOF,GAEP,EAAE,WAAAG,GAAW,aAAaC,EAAA,IAAaC,EAA4B,GAEnE;AAAA,IACJ,MAAM,EAAE,SAAAC,EAAQ;AAAA,MACdC,EAA8B;AAAA,IAChC,QAAArB;AAAA,EAAA,CACD,GACKsB,IAASF,EAAS;AA2BtB,SAAA,gBAAAf;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,MAAAP;AAAA,QACA,QAAAM;AAAA,QACA,WAAAL;AAAA,QACA,QAVa,MAAM;AACvB,UAAAR,EAAQe,EAAc,sBAAsB;AAAA,QAC9C;AAAA,MASI;AAAA,MAEA,UAAC,gBAAAnB,EAAAoB,GAAA,EAAoB,UAjCJ,OAAOC,MAA8B;AAClD,cAAAhB,EAAkBgB,GAAM,OAAMC,MAAW;AACvC,gBAAAC,IAAmB,MAAMV,EAAS;AAAA,YACtC,SAAS;AAAA,cACP,QAAAlB;AAAA,cACA,aAAa;AAAA,gBACX,eAAe2B,EAAQ;AAAA,gBACvB,OAAOA,EAAQ;AAAA,cAAA;AAAA,YACjB;AAAA,UACF,CACD;AACD,gBAAME,EAA6BjB,CAAW,GAC9C,MAAMkB,EAAgClB,CAAW,GAEzCH,EAAAe,EAAc,mBAAmBI,EAAiB,IAAI,GAE9DnB,EAAQe,EAAc,sBAAsB;AAAA,QAAA,CAC7C;AAAA,MACH,GAgBM,UAAC,gBAAAnB,EAAA0B,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UACC7B,KAGE,gBAAA8B,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAA5B,EAAC6B,GAAK,EAAA;AAAA,0BACLC,GAAQ,EAAA;AAAA,0BACRC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,EACX,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;AAEAtC,EAAc,OAAOmC;AACrBnC,EAAc,UAAUoC;AACxBpC,EAAc,OAAOqC;AACrBrC,EAAc,UAAUsC;"}

package/dist/components/Company/DocumentSignerFlow/SignatureForm/index.d.ts

@@ -0,0 +1 @@
+export * from './SignatureForm';

package/dist/components/Company/DocumentSignerFlow/SignatureForm/useSignatureForm.d.ts

@@ -0,0 +1,9 @@
+import { Form as FormSchema } from '@gusto/embedded-api/models/components/form';
+type SignatureFormContextType = {
+    form: FormSchema;
+    pdfUrl?: string | null;
+    isPending: boolean;
+    onBack: () => void;
+};
+declare const useSignatureForm: () => SignatureFormContextType, SignatureFormProvider: import('react').Provider<SignatureFormContextType | null>;
+export { useSignatureForm, SignatureFormProvider };

package/dist/components/Company/DocumentSignerFlow/SignatureForm/useSignatureForm.js

@@ -0,0 +1,19 @@
+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 o } from "../../../Base/createCompoundContext.js";
+const [x, F] = o(
+  "CompanySignatureFormContext"
+);
+export {
+  F as SignatureFormProvider,
+  x as useSignatureForm
+};
+//# sourceMappingURL=useSignatureForm.js.map

package/dist/components/Company/DocumentSignerFlow/SignatureForm/useSignatureForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSignatureForm.js","sources":["../../../../../src/components/Company/DocumentSignerFlow/SignatureForm/useSignatureForm.ts"],"sourcesContent":["import { type Form as FormSchema } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype SignatureFormContextType = {\n  form: FormSchema\n  pdfUrl?: string | null\n  isPending: boolean\n  onBack: () => void\n}\n\nconst [useSignatureForm, SignatureFormProvider] = createCompoundContext<SignatureFormContextType>(\n  'CompanySignatureFormContext',\n)\n\nexport { useSignatureForm, SignatureFormProvider }\n"],"names":["useSignatureForm","SignatureFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AAUM,MAAA,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}

package/dist/components/Company/DocumentSignerFlow/assignSignatoryState.d.ts

@@ -0,0 +1 @@
+export declare const assignSignatoryState: import('robot3').MachineState<"company/signatory/created" | "company/signatory/invited" | "company/signatory/updated">;

package/dist/components/Company/DocumentSignerFlow/assignSignatoryState.js

@@ -0,0 +1,41 @@
+import { state as a, transition as n, reduce as i } from "robot3";
+import { DocumentList as m } from "./documentSignerStateMachine.js";
+import { companyEvents as e } from "../../../shared/constants.js";
+const d = a(
+  n(
+    e.COMPANY_SIGNATORY_INVITED,
+    "documentList",
+    i(
+      (t) => ({
+        ...t,
+        component: m
+      })
+    )
+  ),
+  n(
+    e.COMPANY_SIGNATORY_CREATED,
+    "documentList",
+    i(
+      (t, o) => ({
+        ...t,
+        signatoryId: o.payload.uuid,
+        component: m
+      })
+    )
+  ),
+  n(
+    e.COMPANY_SIGNATORY_UPDATED,
+    "documentList",
+    i(
+      (t, o) => ({
+        ...t,
+        signatoryId: o.payload.uuid,
+        component: m
+      })
+    )
+  )
+);
+export {
+  d as assignSignatoryState
+};
+//# sourceMappingURL=assignSignatoryState.js.map

package/dist/components/Company/DocumentSignerFlow/assignSignatoryState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assignSignatoryState.js","sources":["../../../../src/components/Company/DocumentSignerFlow/assignSignatoryState.tsx"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { EventPayloads } from './documentSignerStateMachine'\nimport { DocumentList } from './documentSignerStateMachine'\nimport type { DocumentSignerContextInterface } from './useDocumentSignerFlow'\nimport type { MachineEventType } from '@/types/Helpers'\nimport { companyEvents } from '@/shared/constants'\n\nexport const assignSignatoryState = state(\n  transition(\n    companyEvents.COMPANY_SIGNATORY_INVITED,\n    'documentList',\n    reduce(\n      (ctx: DocumentSignerContextInterface): DocumentSignerContextInterface => ({\n        ...ctx,\n        component: DocumentList,\n      }),\n    ),\n  ),\n  transition(\n    companyEvents.COMPANY_SIGNATORY_CREATED,\n    'documentList',\n    reduce(\n      (\n        ctx: DocumentSignerContextInterface,\n        ev: MachineEventType<EventPayloads, typeof companyEvents.COMPANY_SIGNATORY_CREATED>,\n      ): DocumentSignerContextInterface => ({\n        ...ctx,\n        signatoryId: ev.payload.uuid,\n        component: DocumentList,\n      }),\n    ),\n  ),\n  transition(\n    companyEvents.COMPANY_SIGNATORY_UPDATED,\n    'documentList',\n    reduce(\n      (\n        ctx: DocumentSignerContextInterface,\n        ev: MachineEventType<EventPayloads, typeof companyEvents.COMPANY_SIGNATORY_UPDATED>,\n      ): DocumentSignerContextInterface => ({\n        ...ctx,\n        signatoryId: ev.payload.uuid,\n        component: DocumentList,\n      }),\n    ),\n  ),\n)\n"],"names":["assignSignatoryState","state","transition","companyEvents","reduce","ctx","DocumentList","ev"],"mappings":";;;AAOO,MAAMA,IAAuBC;AAAA,EAClCC;AAAA,IACEC,EAAc;AAAA,IACd;AAAA,IACAC;AAAA,MACE,CAACC,OAAyE;AAAA,QACxE,GAAGA;AAAA,QACH,WAAWC;AAAA,MACb;AAAA,IAAA;AAAA,EAEJ;AAAA,EACAJ;AAAA,IACEC,EAAc;AAAA,IACd;AAAA,IACAC;AAAA,MACE,CACEC,GACAE,OACoC;AAAA,QACpC,GAAGF;AAAA,QACH,aAAaE,EAAG,QAAQ;AAAA,QACxB,WAAWD;AAAA,MACb;AAAA,IAAA;AAAA,EAEJ;AAAA,EACAJ;AAAA,IACEC,EAAc;AAAA,IACd;AAAA,IACAC;AAAA,MACE,CACEC,GACAE,OACoC;AAAA,QACpC,GAAGF;AAAA,QACH,aAAaE,EAAG,QAAQ;AAAA,QACxB,WAAWD;AAAA,MACb;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Company/DocumentSignerFlow/documentSignerStateMachine.d.ts

@@ -0,0 +1,11 @@
+import { Form } from '@gusto/embedded-api/models/components/form';
+import { Signatory } from '@gusto/embedded-api/models/components/signatory';
+import { companyEvents } from '../../../shared/constants';
+export type EventPayloads = {
+    [companyEvents.COMPANY_VIEW_FORM_TO_SIGN]: Form;
+    [companyEvents.COMPANY_SIGNATORY_CREATED]: Signatory;
+    [companyEvents.COMPANY_SIGNATORY_UPDATED]: Signatory;
+};
+export declare function AssignSignatory(): import("react/jsx-runtime").JSX.Element;
+export declare function DocumentList(): import("react/jsx-runtime").JSX.Element;
+export declare function SignatureForm(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Company/DocumentSignerFlow/documentSignerStateMachine.js

@@ -0,0 +1,45 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useFlow as i } from "../../Flow/useFlow.js";
+import { ensureRequired as t } from "../../../helpers/ensureRequired.js";
+import { DocumentList as s } from "./DocumentList/DocumentList.js";
+import { AssignSignatory as e } from "../AssignSignatory/AssignSignatory.js";
+import { SignatureForm as a } from "./SignatureForm/SignatureForm.js";
+function y() {
+  const { companyId: o, signatoryId: n, onEvent: r } = i();
+  return /* @__PURE__ */ m(
+    e,
+    {
+      companyId: t(o),
+      signatoryId: n,
+      onEvent: r
+    }
+  );
+}
+function I() {
+  const { companyId: o, signatoryId: n, onEvent: r } = i();
+  return /* @__PURE__ */ m(
+    s,
+    {
+      companyId: t(o),
+      signatoryId: n,
+      onEvent: r
+    }
+  );
+}
+function S() {
+  const { companyId: o, formId: n, onEvent: r } = i();
+  return /* @__PURE__ */ m(
+    a,
+    {
+      companyId: t(o),
+      formId: t(n),
+      onEvent: r
+    }
+  );
+}
+export {
+  y as AssignSignatory,
+  I as DocumentList,
+  S as SignatureForm
+};
+//# sourceMappingURL=documentSignerStateMachine.js.map

package/dist/components/Company/DocumentSignerFlow/documentSignerStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentSignerStateMachine.js","sources":["../../../../src/components/Company/DocumentSignerFlow/documentSignerStateMachine.tsx"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport type { Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { AssignSignatory as BlockAssignSignatory } from '../AssignSignatory'\nimport { DocumentList as BlockDocumentList } from './DocumentList'\nimport { SignatureForm as BlockSignatureForm } from './SignatureForm'\nimport type { DocumentSignerContextInterface } from './useDocumentSignerFlow'\nimport type { companyEvents } from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [companyEvents.COMPANY_VIEW_FORM_TO_SIGN]: Form\n  [companyEvents.COMPANY_SIGNATORY_CREATED]: Signatory\n  [companyEvents.COMPANY_SIGNATORY_UPDATED]: Signatory\n}\n\nexport function AssignSignatory() {\n  const { companyId, signatoryId, onEvent } = useFlow<DocumentSignerContextInterface>()\n  return (\n    <BlockAssignSignatory\n      companyId={ensureRequired(companyId)}\n      signatoryId={signatoryId}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function DocumentList() {\n  const { companyId, signatoryId, onEvent } = useFlow<DocumentSignerContextInterface>()\n\n  return (\n    <BlockDocumentList\n      companyId={ensureRequired(companyId)}\n      signatoryId={signatoryId}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function SignatureForm() {\n  const { companyId, formId, onEvent } = useFlow<DocumentSignerContextInterface>()\n\n  return (\n    <BlockSignatureForm\n      companyId={ensureRequired(companyId)}\n      formId={ensureRequired(formId)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["AssignSignatory","companyId","signatoryId","onEvent","useFlow","jsx","BlockAssignSignatory","ensureRequired","DocumentList","BlockDocumentList","SignatureForm","formId","BlockSignatureForm"],"mappings":";;;;;;AAgBO,SAASA,IAAkB;AAChC,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,SAAAC,EAAA,IAAYC,EAAwC;AAElF,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,aAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EACF;AAEJ;AAEO,SAASK,IAAe;AAC7B,QAAM,EAAE,WAAAP,GAAW,aAAAC,GAAa,SAAAC,EAAA,IAAYC,EAAwC;AAGlF,SAAA,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,WAAWF,EAAeN,CAAS;AAAA,MACnC,aAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EACF;AAEJ;AAEO,SAASO,IAAgB;AAC9B,QAAM,EAAE,WAAAT,GAAW,QAAAU,GAAQ,SAAAR,EAAA,IAAYC,EAAwC;AAG7E,SAAA,gBAAAC;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,WAAWL,EAAeN,CAAS;AAAA,MACnC,QAAQM,EAAeI,CAAM;AAAA,MAC7B,SAAAR;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Company/DocumentSignerFlow/index.d.ts

@@ -0,0 +1 @@
+export { DocumentSignerFlow } from './DocumentSignerFlow';

package/dist/components/Company/DocumentSignerFlow/stateMachine.d.ts

@@ -0,0 +1,7 @@
+export declare const documentSignerMachine: {
+    index: import('robot3').MachineState<"company/signatory/created" | "company/signatory/invited" | "company/signatory/updated">;
+    documentList: import('robot3').MachineState<"company/forms/editSignatory" | "company/forms/done" | "company/forms/view">;
+    assignSignatory: import('robot3').MachineState<"company/signatory/created" | "company/signatory/invited" | "company/signatory/updated">;
+    signatureForm: import('robot3').MachineState<"company/forms/sign/done" | "company/forms/sign/back">;
+    final: import('robot3').MachineState<string>;
+};

package/dist/components/Company/DocumentSignerFlow/stateMachine.js

@@ -0,0 +1,59 @@
+import { state as r, transition as o, reduce as i } from "robot3";
+import { DocumentList as m, SignatureForm as s, AssignSignatory as _ } from "./documentSignerStateMachine.js";
+import { assignSignatoryState as e } from "./assignSignatoryState.js";
+import { companyEvents as t } from "../../../shared/constants.js";
+const p = {
+  index: e,
+  documentList: r(
+    o(
+      t.COMPANY_VIEW_FORM_TO_SIGN,
+      "signatureForm",
+      i(
+        (n, a) => ({
+          ...n,
+          formId: a.payload.uuid,
+          component: s
+        })
+      )
+    ),
+    o(
+      t.COMPANY_FORM_EDIT_SIGNATORY,
+      "assignSignatory",
+      i(
+        (n) => ({
+          ...n,
+          component: _
+        })
+      )
+    ),
+    o(t.COMPANY_FORMS_DONE, "final")
+  ),
+  assignSignatory: e,
+  signatureForm: r(
+    o(
+      t.COMPANY_SIGN_FORM_DONE,
+      "documentList",
+      i(
+        (n) => ({
+          ...n,
+          component: m
+        })
+      )
+    ),
+    o(
+      t.COMPANY_SIGN_FORM_BACK,
+      "documentList",
+      i(
+        (n) => ({
+          ...n,
+          component: m
+        })
+      )
+    )
+  ),
+  final: r()
+};
+export {
+  p as documentSignerMachine
+};
+//# sourceMappingURL=stateMachine.js.map

package/dist/components/Company/DocumentSignerFlow/stateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Company/DocumentSignerFlow/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { EventPayloads } from './documentSignerStateMachine'\nimport { SignatureForm, AssignSignatory, DocumentList } from './documentSignerStateMachine'\nimport { assignSignatoryState } from './assignSignatoryState'\nimport type { DocumentSignerContextInterface } from './useDocumentSignerFlow'\nimport type { MachineEventType } from '@/types/Helpers'\nimport { companyEvents } from '@/shared/constants'\n\nexport const documentSignerMachine = {\n  index: assignSignatoryState,\n  documentList: state(\n    transition(\n      companyEvents.COMPANY_VIEW_FORM_TO_SIGN,\n      'signatureForm',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<EventPayloads, typeof companyEvents.COMPANY_VIEW_FORM_TO_SIGN>,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: ev.payload.uuid,\n          component: SignatureForm,\n        }),\n      ),\n    ),\n    transition(\n      companyEvents.COMPANY_FORM_EDIT_SIGNATORY,\n      'assignSignatory',\n      reduce(\n        (ctx: DocumentSignerContextInterface): DocumentSignerContextInterface => ({\n          ...ctx,\n          component: AssignSignatory,\n        }),\n      ),\n    ),\n    transition(companyEvents.COMPANY_FORMS_DONE, 'final'),\n  ),\n  assignSignatory: assignSignatoryState,\n  signatureForm: state(\n    transition(\n      companyEvents.COMPANY_SIGN_FORM_DONE,\n      'documentList',\n      reduce(\n        (ctx: DocumentSignerContextInterface): DocumentSignerContextInterface => ({\n          ...ctx,\n          component: DocumentList,\n        }),\n      ),\n    ),\n    transition(\n      companyEvents.COMPANY_SIGN_FORM_BACK,\n      'documentList',\n      reduce(\n        (ctx: DocumentSignerContextInterface): DocumentSignerContextInterface => ({\n          ...ctx,\n          component: DocumentList,\n        }),\n      ),\n    ),\n  ),\n  final: state(),\n}\n"],"names":["documentSignerMachine","assignSignatoryState","state","transition","companyEvents","reduce","ctx","ev","SignatureForm","AssignSignatory","DocumentList"],"mappings":";;;;AAQO,MAAMA,IAAwB;AAAA,EACnC,OAAOC;AAAA,EACP,cAAcC;AAAA,IACZC;AAAA,MACEC,EAAc;AAAA,MACd;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQC,EAAG,QAAQ;AAAA,UACnB,WAAWC;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,IACAL;AAAA,MACEC,EAAc;AAAA,MACd;AAAA,MACAC;AAAA,QACE,CAACC,OAAyE;AAAA,UACxE,GAAGA;AAAA,UACH,WAAWG;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,IACAN,EAAWC,EAAc,oBAAoB,OAAO;AAAA,EACtD;AAAA,EACA,iBAAiBH;AAAA,EACjB,eAAeC;AAAA,IACbC;AAAA,MACEC,EAAc;AAAA,MACd;AAAA,MACAC;AAAA,QACE,CAACC,OAAyE;AAAA,UACxE,GAAGA;AAAA,UACH,WAAWI;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,IACAP;AAAA,MACEC,EAAc;AAAA,MACd;AAAA,MACAC;AAAA,QACE,CAACC,OAAyE;AAAA,UACxE,GAAGA;AAAA,UACH,WAAWI;AAAA,QACb;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,OAAOR,EAAM;AACf;"}

package/dist/components/Company/DocumentSignerFlow/useDocumentSignerFlow.d.ts

@@ -0,0 +1,6 @@
+import { FlowContextInterface } from '../../Flow/useFlow';
+export interface DocumentSignerContextInterface extends FlowContextInterface {
+    companyId: string;
+    signatoryId?: string;
+    formId?: string;
+}

package/dist/components/Company/FederalTaxes/Actions.d.ts

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

package/dist/components/Company/FederalTaxes/Actions.js

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

package/dist/components/Company/FederalTaxes/Actions.js.map

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

package/dist/components/Company/FederalTaxes/FederalTaxes.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { FederalTaxesDefaultValues } from './useFederalTaxes';
+import { BaseComponentInterface, CommonComponentInterface } from '../../Base/Base';
+interface FederalTaxesProps extends CommonComponentInterface {
+    companyId: string;
+    children?: ReactNode;
+    className?: string;
+    defaultValues?: FederalTaxesDefaultValues;
+}
+export declare function FederalTaxes(props: FederalTaxesProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Company/FederalTaxes/FederalTaxes.js

@@ -0,0 +1,67 @@
+import { jsx as e, jsxs as T, Fragment as g } from "react/jsx-runtime";
+import { useFederalTaxDetailsUpdateMutation as y } from "@gusto/embedded-api/react-query/federalTaxDetailsUpdate";
+import { useFederalTaxDetailsGetSuspense as h } from "@gusto/embedded-api/react-query/federalTaxDetailsGet";
+import { useForm as D, FormProvider as E } from "react-hook-form";
+import { valibotResolver as P } from "@hookform/resolvers/valibot";
+import { FederalTaxFormSchema as v, FederalTaxesProvider as A } from "./useFederalTaxes.js";
+import { Form as N } from "../../Common/Form/Form.js";
+import { Form as S } from "./Form.js";
+import { Actions as b } from "./Actions.js";
+import { Head as _ } from "./Head.js";
+import { useI18n as R } from "../../../i18n/I18n.js";
+import { BaseComponent as C } from "../../Base/Base.js";
+import { useBase as M } from "../../Base/useBase.js";
+import { Flex as B } from "../../Common/Flex/Flex.js";
+import { companyEvents as l } from "../../../shared/constants.js";
+function Q(a) {
+  return /* @__PURE__ */ e(C, { ...a, children: /* @__PURE__ */ e(O, { ...a, children: a.children }) });
+}
+function O({ companyId: a, children: t, className: s, defaultValues: i }) {
+  R("Company.FederalTaxes");
+  const { onEvent: m, baseSubmitHandler: d } = M(), { data: f } = h({ companyId: a }), r = f.federalTaxDetails, { mutateAsync: c, isPending: F } = y(), n = D({
+    resolver: P(v),
+    defaultValues: {
+      federalEin: r.hasEin ? void 0 : "",
+      taxPayerType: r.taxPayerType ? r.taxPayerType : i?.taxPayerType,
+      filingForm: r.filingForm ? r.filingForm : i?.filingForm,
+      legalName: r.legalName ?? i?.legalName
+    }
+  }), p = async (x) => {
+    await d(x, async (o) => {
+      const u = await c({
+        request: {
+          companyId: a,
+          requestBody: {
+            ein: o.federalEin,
+            taxPayerType: o.taxPayerType,
+            filingForm: o.filingForm,
+            legalName: o.legalName,
+            version: r.version
+          }
+        }
+      });
+      m(
+        l.COMPANY_FEDERAL_TAXES_UPDATED,
+        u.federalTaxDetails
+      ), m(l.COMPANY_FEDERAL_TAXES_DONE);
+    });
+  };
+  return /* @__PURE__ */ e("section", { className: s, children: /* @__PURE__ */ e(
+    A,
+    {
+      value: {
+        isPending: F,
+        federalTaxDetails: r
+      },
+      children: /* @__PURE__ */ e(E, { ...n, children: /* @__PURE__ */ e(N, { onSubmit: n.handleSubmit(p), children: /* @__PURE__ */ e(B, { flexDirection: "column", gap: 32, children: t || /* @__PURE__ */ T(g, { children: [
+        /* @__PURE__ */ e(_, {}),
+        /* @__PURE__ */ e(S, {}),
+        /* @__PURE__ */ e(b, {})
+      ] }) }) }) })
+    }
+  ) });
+}
+export {
+  Q as FederalTaxes
+};
+//# sourceMappingURL=FederalTaxes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FederalTaxes.js","sources":["../../../../src/components/Company/FederalTaxes/FederalTaxes.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useFederalTaxDetailsUpdateMutation } from '@gusto/embedded-api/react-query/federalTaxDetailsUpdate'\nimport { useFederalTaxDetailsGetSuspense } from '@gusto/embedded-api/react-query/federalTaxDetailsGet'\nimport type {\n  FilingForm,\n  TaxPayerType,\n} from '@gusto/embedded-api/models/operations/putv1companiescompanyidfederaltaxdetails'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { valibotResolver } from '@hookform/resolvers/valibot'\nimport {\n  FederalTaxesProvider,\n  type FederalTaxFormInputs,\n  FederalTaxFormSchema,\n  type FederalTaxesDefaultValues,\n} from './useFederalTaxes'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { Form } from '@/components/Company/FederalTaxes/Form'\nimport { Actions } from '@/components/Company/FederalTaxes/Actions'\nimport { Head } from '@/components/Company/FederalTaxes/Head'\nimport { useI18n } from '@/i18n'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\n\ninterface FederalTaxesProps extends CommonComponentInterface {\n  companyId: string\n  children?: ReactNode\n  className?: string\n  defaultValues?: FederalTaxesDefaultValues\n}\n\nexport function FederalTaxes(props: FederalTaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, children, className, defaultValues }: FederalTaxesProps) {\n  useI18n('Company.FederalTaxes')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = useFederalTaxDetailsGetSuspense({ companyId })\n  const federalTaxDetails = data.federalTaxDetails!\n\n  const { mutateAsync: updateFederalTaxDetails, isPending } = useFederalTaxDetailsUpdateMutation()\n\n  const formMethods = useForm<FederalTaxFormInputs>({\n    resolver: valibotResolver(FederalTaxFormSchema),\n    defaultValues: {\n      federalEin: federalTaxDetails.hasEin ? undefined : '',\n      taxPayerType: federalTaxDetails.taxPayerType\n        ? (federalTaxDetails.taxPayerType as TaxPayerType)\n        : defaultValues?.taxPayerType,\n      filingForm: federalTaxDetails.filingForm\n        ? (federalTaxDetails.filingForm as FilingForm)\n        : defaultValues?.filingForm,\n      legalName: federalTaxDetails.legalName ?? defaultValues?.legalName,\n    },\n  })\n\n  const handleSubmit = async (data: FederalTaxFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const updateFederalTaxDetailsResponse = await updateFederalTaxDetails({\n        request: {\n          companyId: companyId,\n          requestBody: {\n            ein: payload.federalEin,\n            taxPayerType: payload.taxPayerType,\n            filingForm: payload.filingForm,\n            legalName: payload.legalName,\n            version: federalTaxDetails.version as string,\n          },\n        },\n      })\n\n      onEvent(\n        companyEvents.COMPANY_FEDERAL_TAXES_UPDATED,\n        updateFederalTaxDetailsResponse.federalTaxDetails,\n      )\n      onEvent(companyEvents.COMPANY_FEDERAL_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FederalTaxesProvider\n        value={{\n          isPending,\n          federalTaxDetails,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <HtmlForm onSubmit={formMethods.handleSubmit(handleSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </HtmlForm>\n        </FormProvider>\n      </FederalTaxesProvider>\n    </section>\n  )\n}\n"],"names":["FederalTaxes","props","jsx","BaseComponent","Root","companyId","children","className","defaultValues","useI18n","onEvent","baseSubmitHandler","useBase","data","useFederalTaxDetailsGetSuspense","federalTaxDetails","updateFederalTaxDetails","isPending","useFederalTaxDetailsUpdateMutation","formMethods","useForm","valibotResolver","FederalTaxFormSchema","handleSubmit","payload","updateFederalTaxDetailsResponse","companyEvents","FederalTaxesProvider","FormProvider","HtmlForm","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;;AAiCO,SAASA,EAAaC,GAAmD;AAE5E,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,UAAAC,GAAU,WAAAC,GAAW,eAAAC,KAAoC;AAClF,EAAAC,EAAQ,sBAAsB;AAC9B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GAEzC,EAAE,MAAAC,EAAK,IAAIC,EAAgC,EAAE,WAAAT,GAAW,GACxDU,IAAoBF,EAAK,mBAEzB,EAAE,aAAaG,GAAyB,WAAAC,EAAA,IAAcC,EAAmC,GAEzFC,IAAcC,EAA8B;AAAA,IAChD,UAAUC,EAAgBC,CAAoB;AAAA,IAC9C,eAAe;AAAA,MACb,YAAYP,EAAkB,SAAS,SAAY;AAAA,MACnD,cAAcA,EAAkB,eAC3BA,EAAkB,eACnBP,GAAe;AAAA,MACnB,YAAYO,EAAkB,aACzBA,EAAkB,aACnBP,GAAe;AAAA,MACnB,WAAWO,EAAkB,aAAaP,GAAe;AAAA,IAAA;AAAA,EAC3D,CACD,GAEKe,IAAe,OAAOV,MAA+B;AACnD,UAAAF,EAAkBE,GAAM,OAAMW,MAAW;AACvC,YAAAC,IAAkC,MAAMT,EAAwB;AAAA,QACpE,SAAS;AAAA,UACP,WAAAX;AAAA,UACA,aAAa;AAAA,YACX,KAAKmB,EAAQ;AAAA,YACb,cAAcA,EAAQ;AAAA,YACtB,YAAYA,EAAQ;AAAA,YACpB,WAAWA,EAAQ;AAAA,YACnB,SAAST,EAAkB;AAAA,UAAA;AAAA,QAC7B;AAAA,MACF,CACD;AAED,MAAAL;AAAA,QACEgB,EAAc;AAAA,QACdD,EAAgC;AAAA,MAClC,GACAf,EAAQgB,EAAc,0BAA0B;AAAA,IAAA,CACjD;AAAA,EACH;AAGE,SAAA,gBAAAxB,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACyB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAV;AAAA,QACA,mBAAAF;AAAA,MACF;AAAA,MAEA,4BAACa,GAAc,EAAA,GAAGT,GAChB,UAAC,gBAAAjB,EAAA2B,GAAA,EAAS,UAAUV,EAAY,aAAaI,CAAY,GACvD,UAAA,gBAAArB,EAAC4B,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAxB,KAIG,gBAAAyB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAA9B,EAAC+B,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/FederalTaxes/Form.d.ts

@@ -0,0 +1 @@
+export declare function Form(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Company/FederalTaxes/Form.js

@@ -0,0 +1,104 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+import { useTranslation as c, Trans as t } from "react-i18next";
+import { TaxPayerType as _, FilingForm as y } from "@gusto/embedded-api/models/operations/putv1companiescompanyidfederaltaxdetails";
+import { useFederalTaxes as u } from "./useFederalTaxes.js";
+import { Flex as b } from "../../Common/Flex/Flex.js";
+import { usePlaceholderEin as g, normalizeEin as x } from "../../../helpers/federalEin.js";
+import { useComponentContext as F } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { TextInputField as l } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { SelectField as a } from "../../Common/Fields/SelectField/SelectField.js";
+function O() {
+  const { t: e } = c("Company.FederalTaxes"), { federalTaxDetails: s } = u(), i = F(), m = g(s?.hasEin), p = n(
+    () => Object.values(_).map((o) => ({
+      value: o,
+      label: e(`taxPayerType.${o}`)
+    })),
+    [e]
+  ), f = n(
+    () => Object.values(y).map((o) => ({
+      value: o,
+      label: e(`filingForm.${o}`)
+    })),
+    [e]
+  );
+  return /* @__PURE__ */ d(b, { flexDirection: "column", gap: 28, children: [
+    /* @__PURE__ */ r(
+      l,
+      {
+        name: "federalEin",
+        label: e("federal_ein_label"),
+        description: /* @__PURE__ */ r(
+          t,
+          {
+            t: e,
+            i18nKey: "federal_ein_description",
+            components: {
+              applyLink: /* @__PURE__ */ r(
+                i.Link,
+                {
+                  href: "https://www.irs.gov/businesses/employer-identification-number",
+                  target: "_blank",
+                  rel: "noopener noreferrer"
+                }
+              )
+            }
+          }
+        ),
+        isRequired: !0,
+        transform: x,
+        placeholder: m
+      }
+    ),
+    /* @__PURE__ */ r(
+      a,
+      {
+        name: "taxPayerType",
+        label: e("taxpayer_type_label"),
+        description: e("taxpayer_type_description"),
+        options: p,
+        isRequired: !0
+      }
+    ),
+    /* @__PURE__ */ r(
+      a,
+      {
+        name: "filingForm",
+        label: e("federal_filing_form_label"),
+        description: /* @__PURE__ */ r(
+          t,
+          {
+            t: e,
+            i18nKey: "federal_filing_form_description",
+            components: {
+              irsLink: /* @__PURE__ */ r(
+                i.Link,
+                {
+                  href: "https://www.irs.gov/newsroom/employers-should-you-file-form-944-or-941",
+                  target: "_blank",
+                  rel: "noopener noreferrer"
+                }
+              )
+            }
+          }
+        ),
+        options: f,
+        isRequired: !0
+      }
+    ),
+    /* @__PURE__ */ r(
+      l,
+      {
+        name: "legalName",
+        label: e("legal_entity_name_label"),
+        description: e("legal_entity_name_description"),
+        isRequired: !0,
+        errorMessage: e("legal_entity_name_error")
+      }
+    )
+  ] });
+}
+export {
+  O as Form
+};
+//# sourceMappingURL=Form.js.map

package/dist/components/Company/FederalTaxes/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../../src/components/Company/FederalTaxes/Form.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation, Trans } from 'react-i18next'\nimport {\n  TaxPayerType,\n  FilingForm,\n} from '@gusto/embedded-api/models/operations/putv1companiescompanyidfederaltaxdetails'\nimport { useFederalTaxes } from './useFederalTaxes'\nimport { TextInputField, SelectField, Flex } from '@/components/Common'\nimport { usePlaceholderEin, normalizeEin } from '@/helpers/federalEin'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Form() {\n  const { t } = useTranslation('Company.FederalTaxes')\n  const { federalTaxDetails } = useFederalTaxes()\n  const Components = useComponentContext()\n\n  const placeholderEin = usePlaceholderEin(federalTaxDetails?.hasEin)\n\n  const taxPayerTypeOptions = useMemo(\n    () =>\n      Object.values(TaxPayerType).map(value => ({\n        value: value,\n        label: t(`taxPayerType.${value}`),\n      })),\n    [t],\n  )\n\n  const filingFormOptions = useMemo(\n    () =>\n      Object.values(FilingForm).map(value => ({\n        value: value,\n        label: t(`filingForm.${value}`),\n      })),\n    [t],\n  )\n\n  return (\n    <Flex flexDirection=\"column\" gap={28}>\n      <TextInputField\n        name=\"federalEin\"\n        label={t('federal_ein_label')}\n        description={\n          <Trans\n            t={t}\n            i18nKey=\"federal_ein_description\"\n            components={{\n              applyLink: (\n                <Components.Link\n                  href=\"https://www.irs.gov/businesses/employer-identification-number\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                />\n              ),\n            }}\n          />\n        }\n        isRequired\n        transform={normalizeEin}\n        placeholder={placeholderEin}\n      />\n      <SelectField\n        name=\"taxPayerType\"\n        label={t('taxpayer_type_label')}\n        description={t('taxpayer_type_description')}\n        options={taxPayerTypeOptions}\n        isRequired\n      />\n      <SelectField\n        name=\"filingForm\"\n        label={t('federal_filing_form_label')}\n        description={\n          <Trans\n            t={t}\n            i18nKey=\"federal_filing_form_description\"\n            components={{\n              irsLink: (\n                <Components.Link\n                  href=\"https://www.irs.gov/newsroom/employers-should-you-file-form-944-or-941\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                />\n              ),\n            }}\n          />\n        }\n        options={filingFormOptions}\n        isRequired\n      />\n      <TextInputField\n        name=\"legalName\"\n        label={t('legal_entity_name_label')}\n        description={t('legal_entity_name_description')}\n        isRequired\n        errorMessage={t('legal_entity_name_error')}\n      />\n    </Flex>\n  )\n}\n"],"names":["Form","t","useTranslation","federalTaxDetails","useFederalTaxes","Components","useComponentContext","placeholderEin","usePlaceholderEin","taxPayerTypeOptions","useMemo","TaxPayerType","value","filingFormOptions","FilingForm","jsxs","Flex","jsx","TextInputField","Trans","normalizeEin","SelectField"],"mappings":";;;;;;;;;;AAWO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7C,EAAE,mBAAAC,EAAkB,IAAIC,EAAgB,GACxCC,IAAaC,EAAoB,GAEjCC,IAAiBC,EAAkBL,GAAmB,MAAM,GAE5DM,IAAsBC;AAAA,IAC1B,MACE,OAAO,OAAOC,CAAY,EAAE,IAAI,CAAUC,OAAA;AAAA,MACxC,OAAAA;AAAA,MACA,OAAOX,EAAE,gBAAgBW,CAAK,EAAE;AAAA,IAAA,EAChC;AAAA,IACJ,CAACX,CAAC;AAAA,EACJ,GAEMY,IAAoBH;AAAA,IACxB,MACE,OAAO,OAAOI,CAAU,EAAE,IAAI,CAAUF,OAAA;AAAA,MACtC,OAAAA;AAAA,MACA,OAAOX,EAAE,cAAcW,CAAK,EAAE;AAAA,IAAA,EAC9B;AAAA,IACJ,CAACX,CAAC;AAAA,EACJ;AAEA,SACG,gBAAAc,EAAAC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOjB,EAAE,mBAAmB;AAAA,QAC5B,aACE,gBAAAgB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,GAAAlB;AAAA,YACA,SAAQ;AAAA,YACR,YAAY;AAAA,cACV,WACE,gBAAAgB;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,KAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YACN;AAAA,UAEJ;AAAA,QACF;AAAA,QAEF,YAAU;AAAA,QACV,WAAWe;AAAA,QACX,aAAab;AAAA,MAAA;AAAA,IACf;AAAA,IACA,gBAAAU;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOpB,EAAE,qBAAqB;AAAA,QAC9B,aAAaA,EAAE,2BAA2B;AAAA,QAC1C,SAASQ;AAAA,QACT,YAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOpB,EAAE,2BAA2B;AAAA,QACpC,aACE,gBAAAgB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,GAAAlB;AAAA,YACA,SAAQ;AAAA,YACR,YAAY;AAAA,cACV,SACE,gBAAAgB;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,KAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YACN;AAAA,UAEJ;AAAA,QACF;AAAA,QAEF,SAASQ;AAAA,QACT,YAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOjB,EAAE,yBAAyB;AAAA,QAClC,aAAaA,EAAE,+BAA+B;AAAA,QAC9C,YAAU;AAAA,QACV,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3C,GACF;AAEJ;"}

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

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

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

@@ -0,0 +1,30 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useTranslation as s, Trans as t } from "react-i18next";
+import { useComponentContext as i } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function p() {
+  const { t: o } = s("Company.FederalTaxes"), n = i();
+  return /* @__PURE__ */ r("header", { children: [
+    /* @__PURE__ */ e(n.Heading, { as: "h2", children: o("pageTitle") }),
+    /* @__PURE__ */ e(n.Text, { children: /* @__PURE__ */ e(
+      t,
+      {
+        t: o,
+        i18nKey: "entity_type_and_legal_name_intro",
+        components: {
+          einLink: /* @__PURE__ */ e(
+            n.Link,
+            {
+              href: "https://www.irs.gov/businesses/small-businesses-self-employed/lost-or-misplaced-your-ein",
+              target: "_blank",
+              rel: "noopener noreferrer"
+            }
+          )
+        }
+      }
+    ) })
+  ] });
+}
+export {
+  p as Head
+};
+//# sourceMappingURL=Head.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","sources":["../../../../src/components/Company/FederalTaxes/Head.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Company.FederalTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <header>\n      <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n      <Components.Text>\n        <Trans\n          t={t}\n          i18nKey=\"entity_type_and_legal_name_intro\"\n          components={{\n            einLink: (\n              <Components.Link\n                href=\"https://www.irs.gov/businesses/small-businesses-self-employed/lost-or-misplaced-your-ein\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              />\n            ),\n          }}\n        />\n      </Components.Text>\n    </header>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx","Trans"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,EAAoB;AAEvC,2BACG,UACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,IAC5C,gBAAAI,EAACF,EAAW,MAAX,EACC,UAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,GAAAL;AAAA,QACA,SAAQ;AAAA,QACR,YAAY;AAAA,UACV,SACE,gBAAAI;AAAA,YAACF,EAAW;AAAA,YAAX;AAAA,cACC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,KAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MAEJ;AAAA,IAAA,EAEJ,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Company/FederalTaxes/index.d.ts

@@ -0,0 +1 @@
+export { FederalTaxes } from './FederalTaxes';