@gusto/embedded-react-sdk 0.7.0 → 0.8.0

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

@@ -0,0 +1,29 @@
+import { Garnishment } from '@gusto/embedded-api/models/components/garnishment';
+import * as v from 'valibot';
+export type MODE = 'ADD' | 'LIST' | 'INITIAL' | 'EDIT';
+export declare const DeductionSchema: v.ObjectSchema<{
+    readonly active: v.BooleanSchema<undefined>;
+    readonly amount: v.SchemaWithPipe<[v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>, v.TransformAction<any, string>]>;
+    readonly description: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
+    readonly courtOrdered: v.BooleanSchema<undefined>;
+    readonly times: v.NullableSchema<v.NumberSchema<undefined>, never>;
+    readonly recurring: v.SchemaWithPipe<[v.StringSchema<undefined>, v.TransformAction<string, boolean>]>;
+    readonly annualMaximum: v.NullableSchema<v.SchemaWithPipe<[v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>, v.TransformAction<number, string | null>]>, never>;
+    readonly payPeriodMaximum: v.NullableSchema<v.SchemaWithPipe<[v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>, v.TransformAction<number, string | null>]>, never>;
+    readonly deductAsPercentage: v.SchemaWithPipe<[v.StringSchema<undefined>, v.TransformAction<string, boolean>]>;
+}, undefined>;
+export type DeductionInputs = v.InferInput<typeof DeductionSchema>;
+export type DeductionPayload = v.InferOutput<typeof DeductionSchema>;
+type DeductionsContextType = {
+    isPending: boolean;
+    deductions: Garnishment[];
+    employeeId: string;
+    mode: MODE;
+    handleAdd: () => void;
+    handleCancel: () => void;
+    handleEdit: (deduction: Garnishment) => void;
+    handleDelete: (deduction: Garnishment) => void;
+    handlePassthrough: () => void;
+};
+declare const useDeductions: () => DeductionsContextType, DeductionsProvider: import('react').Provider<DeductionsContextType | null>;
+export { useDeductions, DeductionsProvider };

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

@@ -0,0 +1,48 @@
+import * as r from "valibot";
+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 e } from "../../Base/createCompoundContext.js";
+const b = r.object({
+  active: r.boolean(),
+  amount: r.pipe(r.number(), r.minValue(0), r.transform(String)),
+  description: r.pipe(r.string(), r.nonEmpty()),
+  courtOrdered: r.boolean(),
+  times: r.nullable(r.number()),
+  //The number of times to apply the garnishment. Ignored if recurring is true.
+  recurring: r.pipe(
+    r.string(),
+    r.transform((t) => t === "true")
+  ),
+  annualMaximum: r.nullable(
+    r.pipe(
+      r.number(),
+      r.minValue(0),
+      r.transform((t) => t > 0 ? t.toString() : null)
+    )
+  ),
+  payPeriodMaximum: r.nullable(
+    r.pipe(
+      r.number(),
+      r.minValue(0),
+      r.transform((t) => t > 0 ? t.toString() : null)
+    )
+  ),
+  deductAsPercentage: r.pipe(
+    r.string(),
+    r.transform((t) => t === "true")
+  )
+}), [g, f] = e("DeductionsContext");
+export {
+  b as DeductionSchema,
+  f as DeductionsProvider,
+  g as useDeductions
+};
+//# sourceMappingURL=useDeductions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDeductions.js","sources":["../../../../src/components/Employee/Deductions/useDeductions.ts"],"sourcesContent":["import type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport * as v from 'valibot'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE = 'ADD' | 'LIST' | 'INITIAL' | 'EDIT'\n\nexport const DeductionSchema = v.object({\n  active: v.boolean(),\n  amount: v.pipe(v.number(), v.minValue(0), v.transform(String)),\n  description: v.pipe(v.string(), v.nonEmpty()),\n  courtOrdered: v.boolean(),\n  times: v.nullable(v.number()), //The number of times to apply the garnishment. Ignored if recurring is true.\n  recurring: v.pipe(\n    v.string(),\n    v.transform(val => val === 'true'),\n  ),\n  annualMaximum: v.nullable(\n    v.pipe(\n      v.number(),\n      v.minValue(0),\n      v.transform(val => (val > 0 ? val.toString() : null)),\n    ),\n  ),\n  payPeriodMaximum: v.nullable(\n    v.pipe(\n      v.number(),\n      v.minValue(0),\n      v.transform(val => (val > 0 ? val.toString() : null)),\n    ),\n  ),\n  deductAsPercentage: v.pipe(\n    v.string(),\n    v.transform(val => val === 'true'),\n  ),\n})\n\nexport type DeductionInputs = v.InferInput<typeof DeductionSchema>\nexport type DeductionPayload = v.InferOutput<typeof DeductionSchema>\n\ntype DeductionsContextType = {\n  isPending: boolean\n  deductions: Garnishment[]\n  employeeId: string\n  mode: MODE\n  handleAdd: () => void\n  handleCancel: () => void\n  handleEdit: (deduction: Garnishment) => void\n  handleDelete: (deduction: Garnishment) => void\n  handlePassthrough: () => void\n}\nconst [useDeductions, DeductionsProvider] =\n  createCompoundContext<DeductionsContextType>('DeductionsContext')\nexport { useDeductions, DeductionsProvider }\n"],"names":["DeductionSchema","v","val","useDeductions","DeductionsProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;AAMa,MAAAA,IAAkBC,EAAE,OAAO;AAAA,EACtC,QAAQA,EAAE,QAAQ;AAAA,EAClB,QAAQA,EAAE,KAAKA,EAAE,OAAO,GAAGA,EAAE,SAAS,CAAC,GAAGA,EAAE,UAAU,MAAM,CAAC;AAAA,EAC7D,aAAaA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU;AAAA,EAC5C,cAAcA,EAAE,QAAQ;AAAA,EACxB,OAAOA,EAAE,SAASA,EAAE,QAAQ;AAAA;AAAA,EAC5B,WAAWA,EAAE;AAAA,IACXA,EAAE,OAAO;AAAA,IACTA,EAAE,UAAU,CAAOC,MAAAA,MAAQ,MAAM;AAAA,EACnC;AAAA,EACA,eAAeD,EAAE;AAAA,IACfA,EAAE;AAAA,MACAA,EAAE,OAAO;AAAA,MACTA,EAAE,SAAS,CAAC;AAAA,MACZA,EAAE,UAAU,CAAQC,MAAAA,IAAM,IAAIA,EAAI,SAAA,IAAa,IAAK;AAAA,IAAA;AAAA,EAExD;AAAA,EACA,kBAAkBD,EAAE;AAAA,IAClBA,EAAE;AAAA,MACAA,EAAE,OAAO;AAAA,MACTA,EAAE,SAAS,CAAC;AAAA,MACZA,EAAE,UAAU,CAAQC,MAAAA,IAAM,IAAIA,EAAI,SAAA,IAAa,IAAK;AAAA,IAAA;AAAA,EAExD;AAAA,EACA,oBAAoBD,EAAE;AAAA,IACpBA,EAAE,OAAO;AAAA,IACTA,EAAE,UAAU,CAAOC,MAAAA,MAAQ,MAAM;AAAA,EAAA;AAErC,CAAC,GAgBK,CAACC,GAAeC,CAAkB,IACtCC,EAA6C,mBAAmB;"}

package/dist/components/Employee/DocumentSigner/DocumentList/Actions.d.ts

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

package/dist/components/Employee/DocumentSigner/DocumentList/Actions.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
+import { useDocumentList as s } from "./useDocumentList.js";
+import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function d() {
+  const { t: n } = r("Employee.DocumentSigner"), { handleContinue: t, hasSignedAllForms: e } = s(), i = c();
+  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(i.Button, { onClick: t, isLoading: !1, isDisabled: !e, children: n("continueCta") }) });
+}
+export {
+  d as Actions
+};
+//# sourceMappingURL=Actions.js.map

package/dist/components/Employee/DocumentSigner/DocumentList/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const { handleContinue, hasSignedAllForms } = useDocumentList()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button onClick={handleContinue} isLoading={false} isDisabled={!hasSignedAllForms}>\n        {t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","handleContinue","hasSignedAllForms","useDocumentList","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,gBAAAC,GAAgB,mBAAAC,EAAkB,IAAIC,EAAgB,GACxDC,IAAaC,EAAoB;AAEvC,2BACGC,GACC,EAAA,UAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAASH,GAAgB,WAAW,IAAO,YAAY,CAACC,GACxE,UAAEH,EAAA,aAAa,EAClB,CAAA,GACF;AAEJ;"}

package/dist/components/Employee/DocumentSigner/DocumentList/DocumentList.d.ts

@@ -0,0 +1,11 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base/Base';
+interface DocumentListProps extends CommonComponentInterface {
+    employeeId: string;
+}
+export declare function DocumentList(props: DocumentListProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare namespace DocumentList {
+    var Head: typeof import("./Head").Head;
+    var List: typeof import("./List").List;
+    var Actions: typeof import("./Actions").Actions;
+}
+export {};

package/dist/components/Employee/DocumentSigner/DocumentList/DocumentList.js

@@ -0,0 +1,46 @@
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { useEmployeeFormsListSuspense as L } from "@gusto/embedded-api/react-query/employeeFormsList";
+import { Head as u } from "./Head.js";
+import { List as c } from "./List.js";
+import { Actions as l } from "./Actions.js";
+import { DocumentListProvider as h } from "./useDocumentList.js";
+import { BaseComponent as F } from "../../../Base/Base.js";
+import { useBase as S } from "../../../Base/useBase.js";
+import { useI18n as g } from "../../../../i18n/I18n.js";
+import { componentEvents as s } from "../../../../shared/constants.js";
+import { Flex as O } from "../../../Common/Flex/Flex.js";
+function n(e) {
+  return /* @__PURE__ */ o(F, { ...e, children: /* @__PURE__ */ o(_, { ...e }) });
+}
+function _({ employeeId: e, className: p, children: t }) {
+  g("Employee.DocumentSigner");
+  const { onEvent: i } = S(), { data: d, error: f } = L({ employeeId: e }), m = d.formList, E = m.every((r) => !r.requiresSigning);
+  return /* @__PURE__ */ o("section", { className: p, children: /* @__PURE__ */ o(
+    h,
+    {
+      value: {
+        employeeForms: m,
+        hasSignedAllForms: E,
+        handleContinue: () => {
+          i(s.EMPLOYEE_FORMS_DONE);
+        },
+        handleRequestFormToSign: (r) => {
+          i(s.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: r.uuid });
+        },
+        documentListError: f
+      },
+      children: t || /* @__PURE__ */ a(O, { flexDirection: "column", children: [
+        /* @__PURE__ */ o(u, {}),
+        /* @__PURE__ */ o(c, {}),
+        /* @__PURE__ */ o(l, {})
+      ] })
+    }
+  ) });
+}
+n.Head = u;
+n.List = c;
+n.Actions = l;
+export {
+  n as DocumentList
+};
+//# sourceMappingURL=DocumentList.js.map

package/dist/components/Employee/DocumentSigner/DocumentList/DocumentList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/DocumentList.tsx"],"sourcesContent":["import { useEmployeeFormsListSuspense } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport { type Form } from '@gusto/embedded-api/models/components/form'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { DocumentListProvider } from './useDocumentList'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\n\ninterface DocumentListProps extends CommonComponentInterface {\n  employeeId: string\n}\n\nexport function DocumentList(props: DocumentListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className, children }: DocumentListProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n\n  const { data, error: documentListError } = useEmployeeFormsListSuspense({ employeeId })\n  const employeeForms = data.formList!\n\n  const hasSignedAllForms = employeeForms.every(employeeForm => !employeeForm.requiresSigning)\n\n  const handleRequestFormToSign = (data: Form) => {\n    onEvent(componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: data.uuid })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_FORMS_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <DocumentListProvider\n        value={{\n          employeeForms,\n          hasSignedAllForms,\n          handleContinue,\n          handleRequestFormToSign,\n          documentListError,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </DocumentListProvider>\n    </section>\n  )\n}\n\nDocumentList.Head = Head\nDocumentList.List = List\nDocumentList.Actions = Actions\n"],"names":["DocumentList","props","jsx","BaseComponent","Root","employeeId","className","children","useI18n","onEvent","useBase","data","documentListError","useEmployeeFormsListSuspense","employeeForms","hasSignedAllForms","employeeForm","DocumentListProvider","componentEvents","jsxs","Flex","Head","List","Actions"],"mappings":";;;;;;;;;;;AAoBO,SAASA,EAAaC,GAAmD;AAE5E,SAAA,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAM,EAAA,GAAGH,GAAO,EACnB,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,WAAAC,GAAW,UAAAC,KAA+B;AACpE,EAAAC,EAAQ,yBAAyB;AAC3B,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GAEtB,EAAE,MAAAC,GAAM,OAAOC,MAAsBC,EAA6B,EAAE,YAAAR,GAAY,GAChFS,IAAgBH,EAAK,UAErBI,IAAoBD,EAAc,MAAM,CAAgBE,MAAA,CAACA,EAAa,eAAe;AAWzF,SAAA,gBAAAd,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,eAAAH;AAAA,QACA,mBAAAC;AAAA,QACA,gBAVe,MAAM;AAC3B,UAAAN,EAAQS,EAAgB,mBAAmB;AAAA,QAC7C;AAAA,QASQ,yBAfwB,CAACP,MAAe;AAC9C,UAAAF,EAAQS,EAAgB,4BAA4B,EAAE,MAAMP,EAAK,MAAM;AAAA,QACzE;AAAA,QAcQ,mBAAAC;AAAA,MACF;AAAA,MAEC,UACCL,KAEC,gBAAAY,EAAAC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,QAAA,gBAAAlB,EAACmB,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,EACX,CAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEAvB,EAAa,OAAOqB;AACpBrB,EAAa,OAAOsB;AACpBtB,EAAa,UAAUuB;"}

package/dist/components/Employee/DocumentSigner/DocumentList/Head.d.ts

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

package/dist/components/Employee/DocumentSigner/DocumentList/Head.js

@@ -0,0 +1,11 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useTranslation as e } from "react-i18next";
+import { useComponentContext as r } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function p() {
+  const { t: o } = e("Employee.DocumentSigner"), t = r();
+  return /* @__PURE__ */ n(t.Heading, { as: "h2", children: o("documentListTitle") });
+}
+export {
+  p as Head
+};
+//# sourceMappingURL=Head.js.map

package/dist/components/Employee/DocumentSigner/DocumentList/Head.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nfunction Head() {\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const Components = useComponentContext()\n\n  return <Components.Heading as=\"h2\">{t('documentListTitle')}</Components.Heading>\n}\n\nexport { Head }\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGA,SAASA,IAAO;AACd,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAaC,EAAoB;AAEhC,SAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,mBAAmB,GAAE;AAC7D;"}

package/dist/components/Employee/DocumentSigner/DocumentList/List.d.ts

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

package/dist/components/Employee/DocumentSigner/DocumentList/List.js

@@ -0,0 +1,37 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useTranslation as m } from "react-i18next";
+import { useDocumentList as s } from "./useDocumentList.js";
+import { Flex as l } from "../../../Common/Flex/Flex.js";
+import { DocumentList as u } from "../../../Common/DocumentList/DocumentList.js";
+function L() {
+  const { employeeForms: i, handleRequestFormToSign: n, documentListError: r } = s(), { t: e } = m("Employee.DocumentSigner");
+  return /* @__PURE__ */ o("section", { style: { width: "100%" }, children: /* @__PURE__ */ o(l, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(
+    u,
+    {
+      forms: i.map((t) => ({
+        uuid: t.uuid,
+        title: t.title,
+        description: t.description,
+        requires_signing: t.requiresSigning
+      })),
+      onRequestSign: n,
+      withError: !!r,
+      label: e("documentListLabel"),
+      columnLabels: {
+        form: e("formColumnLabel"),
+        action: e("actionColumnLabel")
+      },
+      statusLabels: {
+        signCta: e("signDocumentCta"),
+        notSigned: e("notSigned"),
+        complete: e("signDocumentComplete")
+      },
+      emptyStateLabel: e("emptyTableTitle"),
+      errorLabel: e("documentListError")
+    }
+  ) }) });
+}
+export {
+  L as List
+};
+//# sourceMappingURL=List.js.map

package/dist/components/Employee/DocumentSigner/DocumentList/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { Flex, DocumentList as SharedDocumentList } from '@/components/Common'\n\nexport function List() {\n  const { employeeForms, handleRequestFormToSign, documentListError } = useDocumentList()\n  const { t } = useTranslation('Employee.DocumentSigner')\n\n  return (\n    <section style={{ width: '100%' }}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <SharedDocumentList\n          forms={employeeForms.map(form => ({\n            uuid: form.uuid,\n            title: form.title,\n            description: form.description,\n            requires_signing: form.requiresSigning,\n          }))}\n          onRequestSign={handleRequestFormToSign}\n          withError={!!documentListError}\n          label={t('documentListLabel')}\n          columnLabels={{\n            form: t('formColumnLabel'),\n            action: t('actionColumnLabel'),\n          }}\n          statusLabels={{\n            signCta: t('signDocumentCta'),\n            notSigned: t('notSigned'),\n            complete: t('signDocumentComplete'),\n          }}\n          emptyStateLabel={t('emptyTableTitle')}\n          errorLabel={t('documentListError')}\n        />\n      </Flex>\n    </section>\n  )\n}\n"],"names":["List","employeeForms","handleRequestFormToSign","documentListError","useDocumentList","t","useTranslation","jsx","Flex","SharedDocumentList","form"],"mappings":";;;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,eAAAC,GAAe,yBAAAC,GAAyB,mBAAAC,EAAA,IAAsBC,EAAgB,GAChF,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB;AAEtD,SACG,gBAAAC,EAAA,WAAA,EAAQ,OAAO,EAAE,OAAO,UACvB,UAAA,gBAAAA,EAACC,GAAK,EAAA,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAD;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,OAAOR,EAAc,IAAI,CAASS,OAAA;AAAA,QAChC,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,aAAaA,EAAK;AAAA,QAClB,kBAAkBA,EAAK;AAAA,MAAA,EACvB;AAAA,MACF,eAAeR;AAAA,MACf,WAAW,CAAC,CAACC;AAAA,MACb,OAAOE,EAAE,mBAAmB;AAAA,MAC5B,cAAc;AAAA,QACZ,MAAMA,EAAE,iBAAiB;AAAA,QACzB,QAAQA,EAAE,mBAAmB;AAAA,MAC/B;AAAA,MACA,cAAc;AAAA,QACZ,SAASA,EAAE,iBAAiB;AAAA,QAC5B,WAAWA,EAAE,WAAW;AAAA,QACxB,UAAUA,EAAE,sBAAsB;AAAA,MACpC;AAAA,MACA,iBAAiBA,EAAE,iBAAiB;AAAA,MACpC,YAAYA,EAAE,mBAAmB;AAAA,IAAA;AAAA,KAErC,EACF,CAAA;AAEJ;"}

package/dist/components/Employee/DocumentSigner/DocumentList/useDocumentList.d.ts

@@ -0,0 +1,11 @@
+import { Form } from '@gusto/embedded-api/models/components/form';
+type DocumentListContextType = {
+    employeeForms: Form[];
+    hasSignedAllForms: boolean;
+    handleContinue: () => void;
+    handleRequestFormToSign: (form: Form) => void;
+    documentListError: Error | null;
+    formToSign?: Form;
+};
+declare const useDocumentList: () => DocumentListContextType, DocumentListProvider: import('react').Provider<DocumentListContextType | null>;
+export { useDocumentList, DocumentListProvider };

package/dist/components/Employee/DocumentSigner/DocumentList/useDocumentList.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 [C, D] = t("DocumentListContext");
+export {
+  D as DocumentListProvider,
+  C as useDocumentList
+};
+//# sourceMappingURL=useDocumentList.js.map

package/dist/components/Employee/DocumentSigner/DocumentList/useDocumentList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/DocumentSigner/DocumentSignerFlow.d.ts

@@ -0,0 +1,5 @@
+import { BaseComponentInterface } from '../../Base';
+export interface DocumentSignerFlowProps extends BaseComponentInterface {
+    employeeId: string;
+}
+export declare const DocumentSignerFlow: ({ employeeId, onEvent }: DocumentSignerFlowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/DocumentSigner/DocumentSignerFlow.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createMachine as m } from "robot3";
+import { DocumentListContextual as i } from "./documentSignerStateMachine.js";
+import { documentSignerMachine as c } from "./stateMachine.js";
+import { Flow as p } from "../../Flow/Flow.js";
+const d = ({ employeeId: o, onEvent: t }) => {
+  const e = m(
+    "index",
+    c,
+    (n) => ({
+      ...n,
+      component: i,
+      employeeId: o
+    })
+  );
+  return /* @__PURE__ */ r(p, { machine: e, onEvent: t });
+};
+export {
+  d as DocumentSignerFlow
+};
+//# sourceMappingURL=DocumentSignerFlow.js.map

package/dist/components/Employee/DocumentSigner/DocumentSignerFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentSignerFlow.js","sources":["../../../../src/components/Employee/DocumentSigner/DocumentSignerFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport {\n  DocumentListContextual,\n  type DocumentSignerContextInterface,\n} from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\n\nexport interface DocumentSignerFlowProps extends BaseComponentInterface {\n  employeeId: string\n}\n\nexport const DocumentSignerFlow = ({ employeeId, onEvent }: DocumentSignerFlowProps) => {\n  const documentSigner = createMachine(\n    'index',\n    documentSignerMachine,\n    (initialContext: DocumentSignerContextInterface) => ({\n      ...initialContext,\n      component: DocumentListContextual,\n      employeeId,\n    }),\n  )\n  return <Flow machine={documentSigner} onEvent={onEvent} />\n}\n"],"names":["DocumentSignerFlow","employeeId","onEvent","documentSigner","createMachine","documentSignerMachine","initialContext","DocumentListContextual","jsx","Flow"],"mappings":";;;;;AAaO,MAAMA,IAAqB,CAAC,EAAE,YAAAC,GAAY,SAAAC,QAAuC;AACtF,QAAMC,IAAiBC;AAAA,IACrB;AAAA,IACAC;AAAA,IACA,CAACC,OAAoD;AAAA,MACnD,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAN;AAAA,IACF;AAAA,EACF;AACA,SAAQ,gBAAAO,EAAAC,GAAA,EAAK,SAASN,GAAgB,SAAAD,EAAkB,CAAA;AAC1D;"}

package/dist/components/Employee/DocumentSigner/SignatureForm/Actions.d.ts

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

package/dist/components/Employee/DocumentSigner/SignatureForm/Actions.js

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useTranslation as i } from "react-i18next";
+import { useSignatureForm as a } from "./useSignatureForm.js";
+import { SignatureFormActions as e } from "../../../Common/SignatureForm/SignatureFormActions.js";
+function g() {
+  const { handleBack: n, isPending: t } = a(), { t: o } = i("Employee.DocumentSigner");
+  return /* @__PURE__ */ r(
+    e,
+    {
+      onBack: n,
+      backLabel: o("backCta"),
+      submitLabel: o("signFormCta"),
+      isLoading: t
+    }
+  );
+}
+export {
+  g as Actions
+};
+//# sourceMappingURL=Actions.js.map

package/dist/components/Employee/DocumentSigner/SignatureForm/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useSignatureForm } from './useSignatureForm'\nimport { SignatureFormActions } from '@/components/Common/SignatureForm'\n\nexport function Actions() {\n  const { handleBack, isPending } = useSignatureForm()\n  const { t } = useTranslation('Employee.DocumentSigner')\n\n  return (\n    <SignatureFormActions\n      onBack={handleBack}\n      backLabel={t('backCta')}\n      submitLabel={t('signFormCta')}\n      isLoading={isPending}\n    />\n  )\n}\n"],"names":["Actions","handleBack","isPending","useSignatureForm","t","useTranslation","jsx","SignatureFormActions"],"mappings":";;;;AAIO,SAASA,IAAU;AACxB,QAAM,EAAE,YAAAC,GAAY,WAAAC,EAAU,IAAIC,EAAiB,GAC7C,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB;AAGpD,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQN;AAAA,MACR,WAAWG,EAAE,SAAS;AAAA,MACtB,aAAaA,EAAE,aAAa;AAAA,MAC5B,WAAWF;AAAA,IAAA;AAAA,EACb;AAEJ;"}

package/dist/components/Employee/DocumentSigner/SignatureForm/Form.d.ts

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

package/dist/components/Employee/DocumentSigner/SignatureForm/Form.js

@@ -0,0 +1,20 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useTranslation as o } from "react-i18next";
+import { SignatureFormFields as e } from "../../../Common/SignatureForm/SignatureFormFields.js";
+function m() {
+  const { t: r } = o("Employee.DocumentSigner");
+  return /* @__PURE__ */ i(
+    e,
+    {
+      signatureLabel: "Signature",
+      signatureDescription: r("signatureFieldDescription"),
+      signatureError: r("signatureFieldError"),
+      confirmationLabel: r("confirmSignatureCheckboxLabel"),
+      confirmationError: r("confirmSignatureError")
+    }
+  );
+}
+export {
+  m as Form
+};
+//# sourceMappingURL=Form.js.map

package/dist/components/Employee/DocumentSigner/SignatureForm/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SignatureFormFields } from '@/components/Common/SignatureForm'\n\nexport function Form() {\n  const { t } = useTranslation('Employee.DocumentSigner')\n  return (\n    <SignatureFormFields\n      signatureLabel=\"Signature\"\n      signatureDescription={t('signatureFieldDescription')}\n      signatureError={t('signatureFieldError')}\n      confirmationLabel={t('confirmSignatureCheckboxLabel')}\n      confirmationError={t('confirmSignatureError')}\n    />\n  )\n}\n"],"names":["Form","t","useTranslation","jsx","SignatureFormFields"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB;AAEpD,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,sBAAsBH,EAAE,2BAA2B;AAAA,MACnD,gBAAgBA,EAAE,qBAAqB;AAAA,MACvC,mBAAmBA,EAAE,+BAA+B;AAAA,MACpD,mBAAmBA,EAAE,uBAAuB;AAAA,IAAA;AAAA,EAC9C;AAEJ;"}

package/dist/components/Employee/DocumentSigner/SignatureForm/Head.d.ts

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

package/dist/components/Employee/DocumentSigner/SignatureForm/Head.js

@@ -0,0 +1,35 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { useTranslation as m, Trans as s } from "react-i18next";
+import { useSignatureForm as l } from "./useSignatureForm.js";
+import { useComponentContext as d } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function u() {
+  const { form: e, pdfUrl: r } = l(), { t } = m("Employee.DocumentSigner"), n = d();
+  return /* @__PURE__ */ i("section", { children: [
+    /* @__PURE__ */ o(n.Heading, { as: "h2", children: t("signatureFormTitle", { formTitle: e.title }) }),
+    r && /* @__PURE__ */ o(n.Text, { children: /* @__PURE__ */ o(
+      s,
+      {
+        t,
+        i18nKey: "downloadPrompt",
+        values: {
+          description: e.description
+        },
+        components: {
+          downloadLink: /* @__PURE__ */ o(
+            n.Link,
+            {
+              href: r,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              download: `${e.title || "form"}.pdf`
+            }
+          )
+        }
+      }
+    ) })
+  ] });
+}
+export {
+  u as Head
+};
+//# sourceMappingURL=Head.js.map

package/dist/components/Employee/DocumentSigner/SignatureForm/Head.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/Head.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { useSignatureForm } from './useSignatureForm'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { form, pdfUrl } = useSignatureForm()\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const Components = useComponentContext()\n\n  return (\n    <section>\n      <Components.Heading as=\"h2\">\n        {t('signatureFormTitle', { formTitle: form.title })}\n      </Components.Heading>\n      {pdfUrl && (\n        <Components.Text>\n          <Trans\n            t={t}\n            i18nKey=\"downloadPrompt\"\n            values={{\n              description: form.description,\n            }}\n            components={{\n              downloadLink: (\n                <Components.Link\n                  href={pdfUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  download={`${form.title || 'form'}.pdf`}\n                />\n              ),\n            }}\n          />\n        </Components.Text>\n      )}\n    </section>\n  )\n}\n"],"names":["Head","form","pdfUrl","useSignatureForm","useTranslation","Components","useComponentContext","jsx","Trans"],"mappings":";;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,MAAAC,GAAM,QAAAC,EAAO,IAAIC,EAAiB,GACpC,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAaC,EAAoB;AAEvC,2BACG,WACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAA,EAAE,sBAAsB,EAAE,WAAWJ,EAAK,MAAM,CAAC,EACpD,CAAA;AAAA,IACCC,KACC,gBAAAK,EAACF,EAAW,MAAX,EACC,UAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,QAAQ;AAAA,UACN,aAAaP,EAAK;AAAA,QACpB;AAAA,QACA,YAAY;AAAA,UACV,cACE,gBAAAM;AAAA,YAACF,EAAW;AAAA,YAAX;AAAA,cACC,MAAMH;AAAA,cACN,QAAO;AAAA,cACP,KAAI;AAAA,cACJ,UAAU,GAAGD,EAAK,SAAS,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACnC;AAAA,MAEJ;AAAA,IAAA,EAEJ,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/DocumentSigner/SignatureForm/Preview.d.ts

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

package/dist/components/Employee/DocumentSigner/SignatureForm/Preview.js

@@ -0,0 +1,20 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useTranslation as e } from "react-i18next";
+import { useSignatureForm as i } from "./useSignatureForm.js";
+import { DocumentViewer as m } from "../../../Common/DocumentViewer/DocumentViewer.js";
+function l() {
+  const { form: t, pdfUrl: r } = i(), { t: o } = e("Company.SignatureForm");
+  return /* @__PURE__ */ n(
+    m,
+    {
+      url: r,
+      title: t.title,
+      downloadInstructions: o("downloadInstructions"),
+      viewDocumentLabel: o("viewDocumentCta")
+    }
+  );
+}
+export {
+  l as Preview
+};
+//# sourceMappingURL=Preview.js.map

package/dist/components/Employee/DocumentSigner/SignatureForm/Preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/Preview.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useSignatureForm } from './useSignatureForm'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\n\nexport function Preview() {\n  const { form, pdfUrl } = useSignatureForm()\n  const { t } = useTranslation('Company.SignatureForm')\n\n  return (\n    <DocumentViewer\n      url={pdfUrl}\n      title={form.title}\n      downloadInstructions={t('downloadInstructions')}\n      viewDocumentLabel={t('viewDocumentCta')}\n    />\n  )\n}\n"],"names":["Preview","form","pdfUrl","useSignatureForm","t","useTranslation","jsx","DocumentViewer"],"mappings":";;;;AAIO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAAC,GAAM,QAAAC,EAAO,IAAIC,EAAiB,GACpC,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB;AAGlD,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKL;AAAA,MACL,OAAOD,EAAK;AAAA,MACZ,sBAAsBG,EAAE,sBAAsB;AAAA,MAC9C,mBAAmBA,EAAE,iBAAiB;AAAA,IAAA;AAAA,EACxC;AAEJ;"}

package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.d.ts

@@ -0,0 +1,14 @@
+import { Form as FormComponent } from './Form';
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base/Base';
+interface SignatureFormProps extends CommonComponentInterface {
+    employeeId: string;
+    formId: string;
+}
+export declare function SignatureForm(props: SignatureFormProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare namespace SignatureForm {
+    var Head: typeof import("./Head").Head;
+    var Preview: typeof import("./Preview").Preview;
+    var Form: typeof FormComponent;
+    var Actions: typeof import("./Actions").Actions;
+}
+export {};

package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.js

@@ -0,0 +1,73 @@
+import { jsx as o, jsxs as x, Fragment as b } from "react/jsx-runtime";
+import { invalidateEmployeeFormsList as w } from "@gusto/embedded-api/react-query/employeeFormsList";
+import { useEmployeeFormsGetPdfSuspense as B } from "@gusto/embedded-api/react-query/employeeFormsGetPdf";
+import { useEmployeeFormsSignMutation as C } from "@gusto/embedded-api/react-query/employeeFormsSign";
+import { useEmployeeFormsGetSuspense as A } from "@gusto/embedded-api/react-query/employeeFormsGet";
+import { useQueryClient as q } from "@gusto/embedded-api/ReactSDKProvider";
+import { Form as u } from "./Form.js";
+import { Head as a } from "./Head.js";
+import { Actions as c } from "./Actions.js";
+import { Preview as f } from "./Preview.js";
+import { SignatureFormProvider as G } from "./useSignatureForm.js";
+import { BaseComponent as H } from "../../../Base/Base.js";
+import { useBase as L } from "../../../Base/useBase.js";
+import { useI18n as M } from "../../../../i18n/I18n.js";
+import { componentEvents as s } from "../../../../shared/constants.js";
+import { Flex as R } from "../../../Common/Flex/Flex.js";
+import { SignatureForm as j } from "../../../Common/SignatureForm/SignatureForm.js";
+function e(r) {
+  return /* @__PURE__ */ o(H, { ...r, children: /* @__PURE__ */ o(k, { ...r }) });
+}
+function k({ employeeId: r, formId: d, className: l, children: n }) {
+  M("Employee.DocumentSigner");
+  const { onEvent: i, baseSubmitHandler: p } = L(), g = q(), { data: F } = A({ employeeId: r, formId: d }), t = F.form, {
+    data: { formPdf: S }
+  } = B({ employeeId: r, formId: t.uuid }), E = S.documentUrl, { mutateAsync: h, isPending: P } = C({
+    onSettled: async () => {
+      await w(g, [r]);
+    }
+  });
+  return /* @__PURE__ */ o("section", { className: l, children: /* @__PURE__ */ o(
+    G,
+    {
+      value: {
+        pdfUrl: E,
+        handleBack: () => {
+          i(s.CANCEL);
+        },
+        form: t,
+        isPending: P
+      },
+      children: /* @__PURE__ */ o(j, { onSubmit: async (y) => {
+        await p(y, async (m) => {
+          if (t.uuid) {
+            const { form: v } = await h({
+              request: {
+                employeeId: r,
+                formId: t.uuid,
+                requestBody: {
+                  signatureText: m.signature,
+                  agree: m.confirmSignature
+                }
+              }
+            });
+            i(s.EMPLOYEE_SIGN_FORM, v);
+          }
+        });
+      }, children: /* @__PURE__ */ o(R, { flexDirection: "column", children: n || /* @__PURE__ */ x(b, { children: [
+        /* @__PURE__ */ o(a, {}),
+        /* @__PURE__ */ o(f, {}),
+        /* @__PURE__ */ o(u, {}),
+        /* @__PURE__ */ o(c, {})
+      ] }) }) })
+    }
+  ) });
+}
+e.Head = a;
+e.Preview = f;
+e.Form = u;
+e.Actions = c;
+export {
+  e as SignatureForm
+};
+//# sourceMappingURL=SignatureForm.js.map

package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { invalidateEmployeeFormsList } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport { useEmployeeFormsGetPdfSuspense } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { useEmployeeFormsSignMutation } from '@gusto/embedded-api/react-query/employeeFormsSign'\nimport { useEmployeeFormsGetSuspense } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useQueryClient } from '@gusto/embedded-api/ReactSDKProvider'\nimport { Form as FormComponent } from './Form'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { Preview } from './Preview'\nimport { SignatureFormProvider } from './useSignatureForm'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport type { SignatureFormInputs } from '@/components/Common/SignatureForm'\nimport { SignatureForm as SharedSignatureForm } from '@/components/Common/SignatureForm'\n\ninterface SignatureFormProps extends CommonComponentInterface {\n  employeeId: string\n  formId: string\n}\n\nexport function SignatureForm(props: SignatureFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className, children }: SignatureFormProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n\n  const { data } = useEmployeeFormsGetSuspense({ employeeId, formId })\n  const form = data.form!\n\n  const {\n    data: { formPdf },\n  } = useEmployeeFormsGetPdfSuspense({ employeeId, formId: form.uuid })\n  const pdfUrl = formPdf!.documentUrl\n\n  const { mutateAsync: signForm, isPending: isSignFormPending } = useEmployeeFormsSignMutation({\n    onSettled: async () => {\n      await invalidateEmployeeFormsList(queryClient, [employeeId])\n    },\n  })\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleSubmit = async (data: SignatureFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      if (form.uuid) {\n        const { form: signFormResult } = await signForm({\n          request: {\n            employeeId,\n            formId: form.uuid,\n            requestBody: {\n              signatureText: payload.signature,\n              agree: payload.confirmSignature,\n            },\n          },\n        })\n        onEvent(componentEvents.EMPLOYEE_SIGN_FORM, signFormResult)\n      }\n    })\n  }\n\n  return (\n    <section className={className}>\n      <SignatureFormProvider\n        value={{\n          pdfUrl,\n          handleBack,\n          form,\n          isPending: isSignFormPending,\n        }}\n      >\n        <SharedSignatureForm onSubmit={handleSubmit}>\n          <Flex flexDirection=\"column\">\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <Preview />\n                <FormComponent />\n                <Actions />\n              </>\n            )}\n          </Flex>\n        </SharedSignatureForm>\n      </SignatureFormProvider>\n    </section>\n  )\n}\n\nSignatureForm.Head = Head\nSignatureForm.Preview = Preview\nSignatureForm.Form = FormComponent\nSignatureForm.Actions = Actions\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","data","useEmployeeFormsGetSuspense","form","formPdf","useEmployeeFormsGetPdfSuspense","pdfUrl","signForm","isSignFormPending","useEmployeeFormsSignMutation","invalidateEmployeeFormsList","SignatureFormProvider","componentEvents","SharedSignatureForm","payload","signFormResult","Flex","jsxs","Fragment","Head","Preview","FormComponent","Actions"],"mappings":";;;;;;;;;;;;;;;;;AA2BO,SAASA,EAAcC,GAAoD;AAE9E,SAAA,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAM,EAAA,GAAGH,GAAO,EACnB,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,KAAgC;AAC7E,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GACzCC,IAAcC,EAAe,GAE7B,EAAE,MAAAC,EAAK,IAAIC,EAA4B,EAAE,YAAAX,GAAY,QAAAC,GAAQ,GAC7DW,IAAOF,EAAK,MAEZ;AAAA,IACJ,MAAM,EAAE,SAAAG,EAAQ;AAAA,EAAA,IACdC,EAA+B,EAAE,YAAAd,GAAY,QAAQY,EAAK,MAAM,GAC9DG,IAASF,EAAS,aAElB,EAAE,aAAaG,GAAU,WAAWC,EAAA,IAAsBC,EAA6B;AAAA,IAC3F,WAAW,YAAY;AACrB,YAAMC,EAA4BX,GAAa,CAACR,CAAU,CAAC;AAAA,IAAA;AAAA,EAC7D,CACD;AAyBC,SAAA,gBAAAH,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACuB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAAL;AAAA,QACA,YA3BW,MAAM;AACvB,UAAAV,EAAQgB,EAAgB,MAAM;AAAA,QAChC;AAAA,QA0BQ,MAAAT;AAAA,QACA,WAAWK;AAAA,MACb;AAAA,MAEA,UAAA,gBAAApB,EAACyB,GAAoB,EAAA,UA5BN,OAAOZ,MAA8B;AAClD,cAAAJ,EAAkBI,GAAM,OAAMa,MAAW;AAC7C,cAAIX,EAAK,MAAM;AACb,kBAAM,EAAE,MAAMY,EAAe,IAAI,MAAMR,EAAS;AAAA,cAC9C,SAAS;AAAA,gBACP,YAAAhB;AAAA,gBACA,QAAQY,EAAK;AAAA,gBACb,aAAa;AAAA,kBACX,eAAeW,EAAQ;AAAA,kBACvB,OAAOA,EAAQ;AAAA,gBAAA;AAAA,cACjB;AAAA,YACF,CACD;AACO,YAAAlB,EAAAgB,EAAgB,oBAAoBG,CAAc;AAAA,UAAA;AAAA,QAC5D,CACD;AAAA,MACH,GAaQ,UAAA,gBAAA3B,EAAC4B,KAAK,eAAc,UACjB,UACCtB,KAGE,gBAAAuB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAA9B,EAAC+B,GAAK,EAAA;AAAA,0BACLC,GAAQ,EAAA;AAAA,0BACRC,GAAc,EAAA;AAAA,0BACdC,GAAQ,CAAA,CAAA;AAAA,MAAA,EACX,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEApC,EAAc,OAAOiC;AACrBjC,EAAc,UAAUkC;AACxBlC,EAAc,OAAOmC;AACrBnC,EAAc,UAAUoC;"}

package/dist/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.d.ts

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

package/dist/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.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 o } from "../../../Base/createCompoundContext.js";
+const [C, F] = o("SignatureFormContext");
+export {
+  F as SignatureFormProvider,
+  C as useSignatureForm
+};
+//# sourceMappingURL=useSignatureForm.js.map

package/dist/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype SignatureFormContextType = {\n  form: Form\n  pdfUrl?: string | null\n  handleBack: () => void\n  isPending: boolean\n}\n\nconst [useSignatureForm, SignatureFormProvider] =\n  createCompoundContext<SignatureFormContextType>('SignatureFormContext')\nexport { useSignatureForm, SignatureFormProvider }\n"],"names":["useSignatureForm","SignatureFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AAUA,MAAM,CAACA,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}

package/dist/components/Employee/DocumentSigner/documentSignerStateMachine.d.ts

@@ -0,0 +1,16 @@
+import { Form } from '@gusto/embedded-api/models/components/form';
+import { FlowContextInterface } from '../../Flow/useFlow';
+import { componentEvents } from '../../../shared/constants';
+export type EventPayloads = {
+    [componentEvents.EMPLOYEE_SIGN_FORM]: Form;
+    [componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN]: {
+        uuid: string;
+    };
+    [componentEvents.CANCEL]: undefined;
+};
+export interface DocumentSignerContextInterface extends FlowContextInterface {
+    employeeId: string;
+    formId?: string;
+}
+export declare function DocumentListContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function SignatureFormContextual(): import("react/jsx-runtime").JSX.Element;