@gusto/embedded-react-sdk 0.6.0 → 0.8.0

package/dist/components/Company/StateTaxes/StateTaxesForm/Head.d.ts

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

package/dist/components/Company/StateTaxes/StateTaxesForm/Head.js

@@ -0,0 +1,12 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useTranslation as e } from "react-i18next";
+import { useStateTaxesForm as a } from "./context.js";
+import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function x() {
+  const { t: o } = e("Company.StateTaxes", { keyPrefix: "form" }), { t: s } = e("common", { keyPrefix: "statesHash" }), n = m(), { state: r } = a();
+  return /* @__PURE__ */ t("header", { children: /* @__PURE__ */ t(n.Heading, { as: "h2", children: o("title", { state: s(r) }) }) });
+}
+export {
+  x as Head
+};
+//# sourceMappingURL=Head.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/Head.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n  const Components = useComponentContext()\n\n  const { state } = useStateTaxesForm()\n\n  return (\n    <header>\n      <Components.Heading as=\"h2\">\n        {t('title', { state: statesHash(state as (typeof STATES_ABBR)[number]) })}\n      </Components.Heading>\n    </header>\n  )\n}\n"],"names":["Head","t","useTranslation","statesHash","Components","useComponentContext","state","useStateTaxesForm","jsx"],"mappings":";;;;AAKO,SAASA,IAAO;AACf,QAAA,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GACxEE,IAAaC,EAAoB,GAEjC,EAAE,OAAAC,EAAM,IAAIC,EAAkB;AAEpC,2BACG,UACC,EAAA,UAAA,gBAAAC,EAACJ,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAEH,EAAA,SAAS,EAAE,OAAOE,EAAWG,CAAqC,EAAE,CAAC,EAC1E,CAAA,GACF;AAEJ;"}

package/dist/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.d.ts

@@ -0,0 +1,12 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base/Base';
+interface StateTaxesFormProps extends CommonComponentInterface {
+    companyId: string;
+    state: string;
+}
+export declare function StateTaxesForm(props: StateTaxesFormProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare namespace StateTaxesForm {
+    var Head: typeof import("./Head").Head;
+    var Form: typeof import("./Form").Form;
+    var Actions: typeof import("./Actions").Actions;
+}
+export {};

package/dist/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.js

@@ -0,0 +1,111 @@
+import { jsx as o, jsxs as B, Fragment as D } from "react/jsx-runtime";
+import { useForm as H, FormProvider as K } from "react-hook-form";
+import { valibotResolver as M } from "@hookform/resolvers/valibot";
+import { useTaxRequirementsUpdateStateMutation as G } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
+import { useTaxRequirementsGetSuspense as L } from "@gusto/embedded-api/react-query/taxRequirementsGet";
+import * as e from "valibot";
+import { useMemo as X } from "react";
+import { useTranslation as Y } from "react-i18next";
+import { Head as q } from "./Head.js";
+import { StateTaxesFormProvider as $ } from "./context.js";
+import { Form as A } from "./Form.js";
+import { Actions as E } from "./Actions.js";
+import { BaseComponent as z } from "../../../Base/Base.js";
+import { useI18n as I } from "../../../../i18n/I18n.js";
+import { Flex as J } from "../../../Common/Flex/Flex.js";
+import { Form as Q } from "../../../Common/Form/Form.js";
+import { componentEvents as g } from "../../../../shared/constants.js";
+import { useBase as W } from "../../../Base/useBase.js";
+function v(r) {
+  return /* @__PURE__ */ o(z, { ...r, children: /* @__PURE__ */ o(Z, { ...r, children: r.children }) });
+}
+function Z({ companyId: r, state: y, className: P, children: x }) {
+  I("Company.StateTaxes");
+  const { onEvent: F, baseSubmitHandler: V } = W(), { t: f } = Y("Company.StateTaxes", { keyPrefix: "form" }), { data: j } = L({ companyUuid: r, state: y }), p = j.taxRequirementsState, { mutateAsync: C, isPending: N } = G(), { dynamicSchema: R, defaultValues: O } = X(() => {
+    const d = {}, i = {};
+    return p.requirementSets?.forEach((t) => {
+      if (!t.key) return;
+      const m = t.key, s = {}, S = {};
+      t.requirements?.forEach((a) => {
+        if (!a.key) return;
+        const b = a.key;
+        S[b] = String(a.value ?? "");
+        let c = e.pipe(
+          e.unknown(),
+          e.transform((n) => String(n)),
+          e.nonEmpty()
+        );
+        const u = a.metadata?.validation;
+        if (u && a.metadata?.type === "tax_rate")
+          if (u.type === "min_max") {
+            const n = parseFloat(u.min), l = parseFloat(u.max);
+            !isNaN(n) && !isNaN(l) && (c = e.pipe(
+              c,
+              e.transform((h) => Number(h)),
+              // Apply numeric validations after successful transform
+              e.minValue(n, f("validations.minValue", { min: n })),
+              e.maxValue(l, f("validations.maxValue", { max: l })),
+              e.transform((h) => String(h))
+            ));
+          } else {
+            const n = u.rates;
+            c = e.pipe(
+              c,
+              e.transform((l) => String(l)),
+              e.picklist(n, f("validations.oneOf", { values: n.join(", ") }))
+            );
+          }
+        s[b] = c;
+      }), Object.keys(s).length > 0 && (d[m] = e.object(s), i[m] = S);
+    }), {
+      dynamicSchema: e.object(d, void 0),
+      // Cast defaultValues based on the final inferred schema type
+      defaultValues: i
+    };
+  }, [p, f]), { control: U, ...T } = H({
+    resolver: M(R),
+    defaultValues: O
+  }), _ = async (d) => {
+    await V(d, async (i) => {
+      const k = p.requirementSets?.filter((t) => t.key && i[t.key]).map((t) => {
+        const m = t.key, s = i[m];
+        return {
+          state: t.state,
+          key: m,
+          effectiveFrom: t.effectiveFrom,
+          requirements: Object.entries(s).map(([S, a]) => ({
+            key: S,
+            value: String(a)
+          }))
+        };
+      });
+      await C({
+        request: {
+          companyUuid: r,
+          requestBody: { requirementSets: k },
+          state: y
+        }
+      }), F(g.COMPANY_STATE_TAX_UPDATED);
+    });
+  }, w = () => {
+    F(g.CANCEL);
+  };
+  return /* @__PURE__ */ o("section", { className: P, children: /* @__PURE__ */ o(K, { ...T, control: U, children: /* @__PURE__ */ o(Q, { onSubmit: T.handleSubmit(_), children: /* @__PURE__ */ o(
+    $,
+    {
+      value: { stateTaxRequirements: p, isPending: N, state: y, handleCancel: w },
+      children: /* @__PURE__ */ o(J, { flexDirection: "column", gap: 32, children: x || /* @__PURE__ */ B(D, { children: [
+        /* @__PURE__ */ o(q, {}),
+        /* @__PURE__ */ o(A, {}),
+        /* @__PURE__ */ o(E, {})
+      ] }) })
+    }
+  ) }) }) });
+}
+v.Head = q;
+v.Form = A;
+v.Actions = E;
+export {
+  v as StateTaxesForm
+};
+//# sourceMappingURL=StateTaxesForm.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateTaxesForm.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { valibotResolver } from '@hookform/resolvers/valibot'\nimport { useTaxRequirementsUpdateStateMutation } from '@gusto/embedded-api/react-query/taxRequirementsUpdateState'\nimport { useTaxRequirementsGetSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGet'\nimport * as v from 'valibot'\nimport { useMemo } from 'react'\nimport type { InferInput } from 'valibot'\nimport { useTranslation } from 'react-i18next'\nimport { Head } from './Head'\nimport { StateTaxesFormProvider } from './context'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\ninterface StateTaxesFormProps extends CommonComponentInterface {\n  companyId: string\n  state: string\n}\n\nexport function StateTaxesForm(props: StateTaxesFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, state, className, children }: StateTaxesFormProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { data } = useTaxRequirementsGetSuspense({ companyUuid: companyId, state })\n  const stateTaxRequirements = data.taxRequirementsState!\n\n  const { mutateAsync: updateStateTax, isPending: isPendingUpdate } =\n    useTaxRequirementsUpdateStateMutation()\n\n  // Schema and default value generation\n  const { dynamicSchema, defaultValues } = useMemo(() => {\n    const schemaShape: Record<\n      string,\n      v.ObjectSchema<\n        Record<string, v.BaseSchema<unknown, unknown, v.BaseIssue<unknown>>>,\n        undefined\n      >\n    > = {}\n    const values: Partial<Record<string, Record<string, string>>> = {}\n\n    //Looping through each requirement set\n    stateTaxRequirements.requirementSets?.forEach(requirementSet => {\n      if (!requirementSet.key) return\n\n      const requirementSetKey = requirementSet.key\n      // Explicitly type requirementShape to allow string indexing\n      const requirementShape: Record<\n        string,\n        v.BaseSchema<unknown, unknown, v.BaseIssue<unknown>>\n      > = {}\n      const requirementValues: Record<string, string> = {}\n\n      requirementSet.requirements?.forEach(requirement => {\n        if (!requirement.key) return\n\n        const requirementKey = requirement.key\n\n        // --- Default Value Logic ---\n        requirementValues[requirementKey] = String(requirement.value ?? '')\n\n        // --- Schema Logic ---\n        // Explicitly type fieldSchema with a broad BaseSchema type to handle subsequent pipes\n        // Since we don't know the type of the requirement.value, we use unknown()\n        let fieldSchema: v.BaseSchema<unknown, unknown, v.BaseIssue<unknown>> = v.pipe(\n          v.unknown(),\n          v.transform(input => String(input)),\n          v.nonEmpty(),\n        )\n\n        const validation = requirement.metadata?.validation\n        // Not all requirements have validation\n        if (validation) {\n          if (requirement.metadata?.type === 'tax_rate') {\n            if (validation.type === 'min_max') {\n              const min = parseFloat(validation.min as string)\n              const max = parseFloat(validation.max as string)\n\n              if (!isNaN(min) && !isNaN(max)) {\n                // Pipe directly onto the current fieldSchema\n                fieldSchema = v.pipe(\n                  fieldSchema,\n                  v.transform(input => {\n                    return Number(input)\n                  }),\n                  // Apply numeric validations after successful transform\n                  v.minValue(min, t('validations.minValue', { min })),\n                  v.maxValue(max, t('validations.maxValue', { max })),\n                  v.transform(num => String(num)),\n                )\n              }\n            } else {\n              //Type is one_of\n              const oneOfValues = validation.rates as string[]\n              fieldSchema = v.pipe(\n                fieldSchema,\n                v.transform(input => String(input)),\n                v.picklist(oneOfValues, t('validations.oneOf', { values: oneOfValues.join(', ') })),\n              )\n            }\n          }\n        }\n        requirementShape[requirementKey] = fieldSchema\n        // --- End Schema Logic ---\n      })\n\n      if (Object.keys(requirementShape).length > 0) {\n        // Assign the correctly typed object schema\n        schemaShape[requirementSetKey] = v.object(requirementShape)\n        values[requirementSetKey] = requirementValues\n      }\n    })\n\n    const finalSchema = v.object(schemaShape, undefined)\n\n    // Return both the schema and the correctly typed default values\n    return {\n      dynamicSchema: finalSchema,\n      // Cast defaultValues based on the final inferred schema type\n      defaultValues: values as InferInput<typeof finalSchema>,\n    }\n  }, [stateTaxRequirements, t])\n\n  // Infer the type from the schema returned by useMemo\n  type InferredFormInputs = InferInput<typeof dynamicSchema>\n\n  const { control, ...methods } = useForm<InferredFormInputs>({\n    resolver: valibotResolver(dynamicSchema),\n    defaultValues,\n  })\n\n  const onSubmit = async (formData: InferredFormInputs) => {\n    await baseSubmitHandler(formData, async payload => {\n      const requirementSets = stateTaxRequirements.requirementSets\n        ?.filter(rs => rs.key && payload[rs.key]) // Type assertion for payload key\n        .map(requirementSet => {\n          const requirementSetKey = requirementSet.key as string\n          // Type assertion for payload access\n          const payloadSet = payload[requirementSetKey] as Record<string, unknown>\n          return {\n            state: requirementSet.state,\n            key: requirementSetKey,\n            effectiveFrom: requirementSet.effectiveFrom,\n            requirements: Object.entries(payloadSet).map(([key, value]) => ({\n              key,\n              value: String(value),\n            })),\n          }\n        })\n      await updateStateTax({\n        request: {\n          companyUuid: companyId,\n          requestBody: { requirementSets },\n          state,\n        },\n      })\n      onEvent(componentEvents.COMPANY_STATE_TAX_UPDATED)\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <StateTaxesFormProvider\n            value={{ stateTaxRequirements, isPending: isPendingUpdate, state, handleCancel }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </StateTaxesFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n\nStateTaxesForm.Head = Head\nStateTaxesForm.Form = Form\nStateTaxesForm.Actions = Actions\n"],"names":["StateTaxesForm","props","jsx","BaseComponent","Root","companyId","state","className","children","useI18n","onEvent","baseSubmitHandler","useBase","t","useTranslation","data","useTaxRequirementsGetSuspense","stateTaxRequirements","updateStateTax","isPendingUpdate","useTaxRequirementsUpdateStateMutation","dynamicSchema","defaultValues","useMemo","schemaShape","values","requirementSet","requirementSetKey","requirementShape","requirementValues","requirement","requirementKey","fieldSchema","v","input","validation","min","max","num","oneOfValues","control","methods","useForm","valibotResolver","onSubmit","formData","payload","requirementSets","rs","payloadSet","key","value","componentEvents","handleCancel","FormProvider","HtmlForm","StateTaxesFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":"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"}

package/dist/components/Company/StateTaxes/StateTaxesForm/context.d.ts

@@ -0,0 +1,9 @@
+import { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate';
+interface StateTaxFormContext {
+    isPending: boolean;
+    state: string;
+    stateTaxRequirements: TaxRequirementsState;
+    handleCancel: () => void;
+}
+declare const useStateTaxesForm: () => StateTaxFormContext, StateTaxesFormProvider: import('react').Provider<StateTaxFormContext | null>;
+export { useStateTaxesForm, StateTaxesFormProvider };

package/dist/components/Company/StateTaxes/StateTaxesForm/context.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 [F, S] = t("StateTaxesFormContext");
+export {
+  S as StateTaxesFormProvider,
+  F as useStateTaxesForm
+};
+//# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}

package/dist/components/Company/StateTaxes/StateTaxesList/Actions.d.ts

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

package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js

@@ -0,0 +1,13 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useTranslation as i } from "react-i18next";
+import { useStateTaxesList as e } from "./context.js";
+import { ActionsLayout as s } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function f() {
+  const { t: o } = i("Company.StateTaxes"), n = m(), { handleContinue: r } = e();
+  return /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n.Button, { variant: "primary", onClick: r, children: o("list.continueCta") }) });
+}
+export {
+  f as Actions
+};
+//# sourceMappingURL=Actions.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes')\n  const Components = useComponentContext()\n  const { handleContinue } = useStateTaxesList()\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"primary\" onClick={handleContinue}>\n        {t('list.continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","Components","useComponentContext","handleContinue","useStateTaxesList","jsx","ActionsLayout"],"mappings":";;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAoB,GACjC,EAAE,gBAAAC,EAAe,IAAIC,EAAkB;AAC7C,SACG,gBAAAC,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAJ,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASE,GAC3C,UAAEJ,EAAA,kBAAkB,EACvB,CAAA,GACF;AAEJ;"}

package/dist/components/Company/StateTaxes/StateTaxesList/Head.d.ts

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

package/dist/components/Company/StateTaxes/StateTaxesList/Head.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
+import { useComponentContext as e } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function l() {
+  const { t: n } = r("Company.StateTaxes"), o = e();
+  return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(o.Alert, { status: "warning", label: n("list.selfOnboardingWarningLabel"), children: n("list.selfOnboardingWarningDescription") }) });
+}
+export {
+  l as Head
+};
+//# sourceMappingURL=Head.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/Head.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Company.StateTaxes')\n  const Components = useComponentContext()\n  return (\n    <div>\n      <Components.Alert status=\"warning\" label={t('list.selfOnboardingWarningLabel')}>\n        {t('list.selfOnboardingWarningDescription')}\n      </Components.Alert>\n    </div>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAoB;AACvC,SACG,gBAAAC,EAAA,OAAA,EACC,UAAC,gBAAAA,EAAAF,EAAW,OAAX,EAAiB,QAAO,WAAU,OAAOF,EAAE,iCAAiC,GAC1E,UAAEA,EAAA,uCAAuC,EAC5C,CAAA,GACF;AAEJ;"}

package/dist/components/Company/StateTaxes/StateTaxesList/List.d.ts

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

package/dist/components/Company/StateTaxes/StateTaxesList/List.js

@@ -0,0 +1,40 @@
+import { jsx as s, Fragment as p } from "react/jsx-runtime";
+import { useTranslation as o } from "react-i18next";
+import { useStateTaxesList as l } from "./context.js";
+import { EmptyData as c } from "../../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as u } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDataView as d } from "../../../Common/DataView/useDataView.js";
+import { DataView as C } from "../../../Common/DataView/DataView.js";
+const S = () => {
+  const { stateTaxRequirements: n, handleChange: r } = l(), a = u(), { t } = o("Company.StateTaxes", { keyPrefix: "list" }), { t: i } = o("common", { keyPrefix: "statesHash" }), { ...m } = d({
+    data: n,
+    columns: [
+      {
+        key: "state",
+        title: t("requirementsListCol1"),
+        render: (e) => /* @__PURE__ */ s("span", { children: i(e.state) })
+      },
+      {
+        key: "status",
+        title: t("requirementsListCol2"),
+        render: (e) => /* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(a.Badge, { status: e.setupComplete ? "success" : "warning", children: e.setupComplete ? t("completeBadge") : t("incompleteBadge") }) })
+      }
+    ],
+    itemMenu: (e) => /* @__PURE__ */ s(
+      a.Button,
+      {
+        variant: "secondary",
+        onClick: () => {
+          r(e.state);
+        },
+        children: e.setupComplete ? t("editStateTaxCta") : t("continueStateTaxSetupCta")
+      }
+    ),
+    emptyState: () => /* @__PURE__ */ s(c, { title: t("emptyTableTitle"), description: t("emptyTableDescription") })
+  });
+  return /* @__PURE__ */ s(C, { label: t("requirementsListLabel"), ...m });
+};
+export {
+  S as List
+};
+//# sourceMappingURL=List.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const List = () => {\n  const { stateTaxRequirements, handleChange } = useStateTaxesList()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'list' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n\n  const { ...dataViewProps } = useDataView({\n    data: stateTaxRequirements,\n    columns: [\n      {\n        key: 'state',\n        title: t('requirementsListCol1'),\n        render: requirement => {\n          return <span>{statesHash(requirement.state as (typeof STATES_ABBR)[number])}</span>\n        },\n      },\n      {\n        key: 'status',\n        title: t('requirementsListCol2'),\n        render: requirement => {\n          return (\n            <>\n              <Components.Badge status={requirement.setupComplete ? 'success' : 'warning'}>\n                {requirement.setupComplete ? t('completeBadge') : t('incompleteBadge')}\n              </Components.Badge>\n            </>\n          )\n        },\n      },\n    ],\n    itemMenu: requirement => {\n      return (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            handleChange(requirement.state)\n          }}\n        >\n          {requirement.setupComplete ? t('editStateTaxCta') : t('continueStateTaxSetupCta')}\n        </Components.Button>\n      )\n    },\n\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n  })\n  return <DataView label={t('requirementsListLabel')} {...dataViewProps} />\n}\n"],"names":["List","stateTaxRequirements","handleChange","useStateTaxesList","Components","useComponentContext","useTranslation","statesHash","dataViewProps","useDataView","requirement","jsx","EmptyData","DataView"],"mappings":";;;;;;;AAMO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,sBAAAC,GAAsB,cAAAC,EAAa,IAAIC,EAAkB,GAC3DC,IAAaC,EAAoB,GAEjC,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GAExE,EAAE,GAAGE,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAeS,MACb,gBAAAC,EAAA,QAAA,EAAM,UAAWJ,EAAAG,EAAY,KAAqC,GAAE;AAAA,MAEhF;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAeA,6BAGjB,UAAC,gBAAAC,EAAAP,EAAW,OAAX,EAAiB,QAAQM,EAAY,gBAAgB,YAAY,WAC/D,UAAAA,EAAY,gBAAgB,EAAE,eAAe,IAAI,EAAE,iBAAiB,EACvE,CAAA,GACF;AAAA,MAEJ;AAAA,IAEJ;AAAA,IACA,UAAU,CAAeA,MAErB,gBAAAC;AAAA,MAACP,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAF,EAAaQ,EAAY,KAAK;AAAA,QAChC;AAAA,QAEC,YAAY,gBAAgB,EAAE,iBAAiB,IAAI,EAAE,0BAA0B;AAAA,MAAA;AAAA,IAClF;AAAA,IAIJ,YAAY,MACV,gBAAAC,EAACC,GAAU,EAAA,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,EAAG,CAAA;AAAA,EAAA,CAEpF;AACD,2BAAQC,GAAS,EAAA,OAAO,EAAE,uBAAuB,GAAI,GAAGL,GAAe;AACzE;"}

package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.d.ts

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

package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.js

@@ -0,0 +1,45 @@
+import { jsx as e, jsxs as p, Fragment as u } from "react/jsx-runtime";
+import { useTaxRequirementsGetAllSuspense as h } from "@gusto/embedded-api/react-query/taxRequirementsGetAll";
+import { Head as s } from "./Head.js";
+import { StateTaxesListProvider as T } from "./context.js";
+import { Actions as m } from "./Actions.js";
+import { List as a } from "./List.js";
+import { BaseComponent as x } from "../../../Base/Base.js";
+import { useI18n as A } from "../../../../i18n/I18n.js";
+import { Flex as C } from "../../../Common/Flex/Flex.js";
+import { componentEvents as i } from "../../../../shared/constants.js";
+import { useBase as E } from "../../../Base/useBase.js";
+function t(n) {
+  return /* @__PURE__ */ e(x, { ...n, children: /* @__PURE__ */ e(S, { ...n, children: n.children }) });
+}
+function S({ className: n, children: o, companyId: c }) {
+  A("Company.StateTaxes");
+  const { onEvent: r } = E(), { data: d } = h({ companyUuid: c }), l = d.responseBodies;
+  return /* @__PURE__ */ e("section", { className: n, children: /* @__PURE__ */ e(
+    T,
+    {
+      value: {
+        isPending: !1,
+        stateTaxRequirements: l,
+        handleContinue: () => {
+          r(i.COMPANY_STATE_TAX_DONE);
+        },
+        handleChange: (f) => {
+          r(i.COMPANY_STATE_TAX_EDIT, { state: f });
+        }
+      },
+      children: /* @__PURE__ */ e(C, { flexDirection: "column", gap: 32, children: o || /* @__PURE__ */ p(u, { children: [
+        /* @__PURE__ */ e(s, {}),
+        /* @__PURE__ */ e(a, {}),
+        /* @__PURE__ */ e(m, {})
+      ] }) })
+    }
+  ) });
+}
+t.Head = s;
+t.List = a;
+t.Actions = m;
+export {
+  t as StateTaxesList
+};
+//# sourceMappingURL=StateTaxesList.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateTaxesList.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/StateTaxesList.tsx"],"sourcesContent":["import { useTaxRequirementsGetAllSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGetAll'\nimport { Head } from './Head'\nimport { StateTaxesListProvider } from './context'\nimport { Actions } from './Actions'\nimport { List } from './List'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\ninterface StateTaxesListProps extends CommonComponentInterface {\n  companyId: string\n}\n\nexport function StateTaxesList(props: StateTaxesListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, children, companyId }: StateTaxesListProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent } = useBase()\n  const { data } = useTaxRequirementsGetAllSuspense({ companyUuid: companyId })\n  const stateTaxRequirements = data.responseBodies!\n\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_DONE)\n  }\n\n  const handleChange = (state: string) => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_EDIT, { state })\n  }\n\n  return (\n    <section className={className}>\n      <StateTaxesListProvider\n        value={{\n          isPending: false,\n          stateTaxRequirements,\n          handleContinue,\n          handleChange,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </StateTaxesListProvider>\n    </section>\n  )\n}\n\nStateTaxesList.Head = Head\nStateTaxesList.List = List\nStateTaxesList.Actions = Actions\n"],"names":["StateTaxesList","props","jsx","BaseComponent","Root","className","children","companyId","useI18n","onEvent","useBase","data","useTaxRequirementsGetAllSuspense","stateTaxRequirements","StateTaxesListProvider","componentEvents","state","Flex","jsxs","Fragment","Head","List","Actions"],"mappings":";;;;;;;;;;;AAgBO,SAASA,EAAeC,GAAqD;AAEhF,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,KAAkC;AACrE,EAAAC,EAAQ,oBAAoB;AACtB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GACtB,EAAE,MAAAC,EAAK,IAAIC,EAAiC,EAAE,aAAaL,GAAW,GACtEM,IAAuBF,EAAK;AAWhC,SAAA,gBAAAT,EAAC,aAAQ,WAAAG,GACP,UAAA,gBAAAH;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,sBAAAD;AAAA,QACA,gBAde,MAAM;AAC3B,UAAAJ,EAAQM,EAAgB,sBAAsB;AAAA,QAChD;AAAA,QAaQ,cAXa,CAACC,MAAkB;AACtC,UAAAP,EAAQM,EAAgB,wBAAwB,EAAE,OAAAC,EAAA,CAAO;AAAA,QAC3D;AAAA,MAUM;AAAA,MAEA,UAAA,gBAAAd,EAACe,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAX,KAIG,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAjB,EAACkB,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,EAAA,CACX,EAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAtB,EAAe,OAAOoB;AACtBpB,EAAe,OAAOqB;AACtBrB,EAAe,UAAUsB;"}

package/dist/components/Company/StateTaxes/StateTaxesList/context.d.ts

@@ -0,0 +1,9 @@
+import { ResponseBody } from '@gusto/embedded-api/models/operations/getv1companiescompanyuuidtaxrequirements';
+type StateTaxesListContextType = {
+    isPending: boolean;
+    stateTaxRequirements: ResponseBody[];
+    handleContinue: () => void;
+    handleChange: (state: string) => void;
+};
+declare const useStateTaxesList: () => StateTaxesListContextType, StateTaxesListProvider: import('react').Provider<StateTaxesListContextType | null>;
+export { useStateTaxesList, StateTaxesListProvider };

package/dist/components/Company/StateTaxes/StateTaxesList/context.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 [L, S] = t("StateTaxesListContext");
+export {
+  S as StateTaxesListProvider,
+  L as useStateTaxesList
+};
+//# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { ResponseBody } from '@gusto/embedded-api/models/operations/getv1companiescompanyuuidtaxrequirements'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: ResponseBody[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}

package/dist/components/Company/StateTaxes/stateTaxesStateMachine.d.ts

@@ -0,0 +1,5 @@
+export declare const stateTaxesStateMachine: {
+    viewStateTaxes: import('robot3').MachineState<"company/stateTaxes/done" | "company/stateTaxes/edit">;
+    editStateTaxes: import('robot3').MachineState<"company/stateTaxes/updated" | "CANCEL">;
+    done: import('robot3').MachineState<string>;
+};

package/dist/components/Company/StateTaxes/stateTaxesStateMachine.js

@@ -0,0 +1,48 @@
+import { state as o, transition as e, reduce as T } from "robot3";
+import { StateTaxesListContextual as n, StateTaxesFormContextual as i } from "./StateTaxesFlowComponents.js";
+import { componentEvents as a } from "../../../shared/constants.js";
+const S = {
+  viewStateTaxes: o(
+    e(
+      a.COMPANY_STATE_TAX_EDIT,
+      "editStateTaxes",
+      T(
+        (t, s) => ({
+          ...t,
+          component: i,
+          state: s.payload.state
+        })
+      )
+    ),
+    e(a.COMPANY_STATE_TAX_DONE, "done")
+  ),
+  editStateTaxes: o(
+    e(
+      a.COMPANY_STATE_TAX_UPDATED,
+      "viewStateTaxes",
+      T(
+        (t, s) => ({
+          ...t,
+          component: n,
+          state: void 0
+        })
+      )
+    ),
+    e(
+      a.CANCEL,
+      "viewStateTaxes",
+      T(
+        (t) => ({
+          ...t,
+          component: n,
+          state: void 0
+        })
+      )
+    )
+  ),
+  done: o()
+};
+export {
+  S as stateTaxesStateMachine
+};
+//# sourceMappingURL=stateTaxesStateMachine.js.map

package/dist/components/Company/StateTaxes/stateTaxesStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateTaxesStateMachine.js","sources":["../../../../src/components/Company/StateTaxes/stateTaxesStateMachine.tsx"],"sourcesContent":["import { reduce, state, state as final, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { StateTaxesContextInterface } from './StateTaxesFlowComponents'\nimport { StateTaxesFormContextual, StateTaxesListContextual } from './StateTaxesFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.COMPANY_STATE_TAX_UPDATED]: undefined\n  [componentEvents.COMPANY_STATE_TAX_EDIT]: { state: string }\n}\n\nexport const stateTaxesStateMachine = {\n  viewStateTaxes: state(\n    transition(\n      componentEvents.COMPANY_STATE_TAX_EDIT,\n      'editStateTaxes',\n      reduce(\n        (\n          ctx: StateTaxesContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_STATE_TAX_EDIT>,\n        ): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesFormContextual as ComponentType,\n          state: ev.payload.state,\n        }),\n      ),\n    ),\n    transition(componentEvents.COMPANY_STATE_TAX_DONE, 'done'),\n  ),\n  editStateTaxes: state(\n    transition(\n      componentEvents.COMPANY_STATE_TAX_UPDATED,\n      'viewStateTaxes',\n      reduce(\n        (\n          ctx: StateTaxesContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_STATE_TAX_UPDATED>,\n        ): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesListContextual as ComponentType,\n          state: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'viewStateTaxes',\n      reduce(\n        (ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesListContextual as ComponentType,\n          state: undefined,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["stateTaxesStateMachine","state","transition","componentEvents","reduce","ctx","ev","StateTaxesFormContextual","StateTaxesListContextual","final"],"mappings":";;;AAYO,MAAMA,IAAyB;AAAA,EACpC,gBAAgBC;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACgC;AAAA,UAChC,GAAGD;AAAA,UACH,WAAWE;AAAA,UACX,OAAOD,EAAG,QAAQ;AAAA,QACpB;AAAA,MAAA;AAAA,IAEJ;AAAA,IACAJ,EAAWC,EAAgB,wBAAwB,MAAM;AAAA,EAC3D;AAAA,EACA,gBAAgBF;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACgC;AAAA,UAChC,GAAGD;AAAA,UACH,WAAWG;AAAA,UACX,OAAO;AAAA,QACT;AAAA,MAAA;AAAA,IAEJ;AAAA,IACAN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWG;AAAA,UACX,OAAO;AAAA,QACT;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,MAAMC,EAAM;AACd;"}

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

@@ -0,0 +1,12 @@
+export { Industry } from './Industry';
+export { AssignSignatory } from './AssignSignatory';
+export { DocumentList } from './DocumentSignerFlow/DocumentList';
+export { SignatureForm } from './DocumentSignerFlow/SignatureForm';
+export { DocumentSignerFlow } from './DocumentSignerFlow';
+export { OnboardingOverview } from './OnboardingOverview/OnboardingOverview';
+export { LocationsFlow } from './Locations/LocationsFlow';
+export { PaySchedule } from './PaySchedule';
+export { FederalTaxes } from './FederalTaxes';
+export { BankAccountFlow } from './BankAccount/BankAccountFlow';
+export { StateTaxesFlow } from './StateTaxes/StateTaxesFlow';
+export { OnboardingFlow } from './OnboardingFlow/OnboardingFlow';

package/dist/components/Company/index.js

@@ -0,0 +1,27 @@
+import { OnboardingOverview as e } from "./OnboardingOverview/OnboardingOverview.js";
+import { LocationsFlow as m } from "./Locations/LocationsFlow.js";
+import { BankAccountFlow as x } from "./BankAccount/BankAccountFlow.js";
+import { StateTaxesFlow as p } from "./StateTaxes/StateTaxesFlow.js";
+import { OnboardingFlow as i } from "./OnboardingFlow/OnboardingFlow.js";
+import { Industry as s } from "./Industry/Industry.js";
+import { AssignSignatory as c } from "./AssignSignatory/AssignSignatory.js";
+import { DocumentList as u } from "./DocumentSignerFlow/DocumentList/DocumentList.js";
+import { SignatureForm as d } from "./DocumentSignerFlow/SignatureForm/SignatureForm.js";
+import { DocumentSignerFlow as y } from "./DocumentSignerFlow/DocumentSignerFlow.js";
+import { PaySchedule as b } from "./PaySchedule/PaySchedule.js";
+import { FederalTaxes as A } from "./FederalTaxes/FederalTaxes.js";
+export {
+  c as AssignSignatory,
+  x as BankAccountFlow,
+  u as DocumentList,
+  y as DocumentSignerFlow,
+  A as FederalTaxes,
+  s as Industry,
+  m as LocationsFlow,
+  i as OnboardingFlow,
+  e as OnboardingOverview,
+  b as PaySchedule,
+  d as SignatureForm,
+  p as StateTaxesFlow
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Employee/Compensation/Actions.d.ts

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

package/dist/components/Employee/Compensation/Actions.js

@@ -0,0 +1,38 @@
+import { jsxs as A, jsx as i } from "react/jsx-runtime";
+import { useFormContext as l, useWatch as d } from "react-hook-form";
+import { useTranslation as T } from "react-i18next";
+import { useCompensation as O } from "./useCompensation.js";
+import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { FlsaStatus as a } from "../../../shared/constants.js";
+import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+const B = () => {
+  const { isPending: s, mode: t, submitWithEffect: o, handleAdd: D, handleCancelAddJob: I, primaryFlsaStatus: r } = O(), { t: n } = T("Employee.Compensation"), { control: m } = l(), c = d({ control: m, name: "flsaStatus" }), e = C();
+  return /* @__PURE__ */ A(u, { children: [
+    r === a.NONEXEMPT && t === "LIST" && /* @__PURE__ */ i(
+      e.Button,
+      {
+        variant: "secondary",
+        onClick: () => {
+          D();
+        },
+        isDisabled: s,
+        children: n("addAnotherJobCta")
+      }
+    ),
+    (r === a.NONEXEMPT && t === "ADD_ADDITIONAL_JOB" || t === "EDIT_ADDITIONAL_JOB") && /* @__PURE__ */ i(e.Button, { variant: "secondary", onClick: I, isDisabled: s, children: n("cancelNewJobCta") }),
+    /* @__PURE__ */ i(
+      e.Button,
+      {
+        onClick: () => {
+          t === "LIST" && o("PROCEED"), (t === "ADD_ADDITIONAL_JOB" || t === "EDIT_ADDITIONAL_JOB") && o("LIST"), (t === "ADD_INITIAL_JOB" || t === "EDIT_INITIAL_JOB") && (c === a.NONEXEMPT ? o("LIST") : o("PROCEED"));
+        },
+        isLoading: s,
+        children: n(t === "EDIT_ADDITIONAL_JOB" || t === "ADD_ADDITIONAL_JOB" ? "saveNewJobCta" : "submitCta")
+      }
+    )
+  ] });
+};
+export {
+  B as Actions
+};
+//# sourceMappingURL=Actions.js.map

package/dist/components/Employee/Compensation/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Compensation/Actions.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useCompensation, type CompensationInputs } from './useCompensation'\nimport { ActionsLayout } from '@/components/Common'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { isPending, mode, submitWithEffect, handleAdd, handleCancelAddJob, primaryFlsaStatus } =\n    useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n  const { control } = useFormContext<CompensationInputs>()\n  const watchedFlsaStatus = useWatch({ control, name: 'flsaStatus' })\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'LIST' && (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            handleAdd()\n          }}\n          isDisabled={isPending}\n        >\n          {t('addAnotherJobCta')}\n        </Components.Button>\n      )}\n      {((primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'ADD_ADDITIONAL_JOB') ||\n        mode === 'EDIT_ADDITIONAL_JOB') && (\n        <Components.Button variant=\"secondary\" onClick={handleCancelAddJob} isDisabled={isPending}>\n          {t('cancelNewJobCta')}\n        </Components.Button>\n      )}\n      <Components.Button\n        onClick={() => {\n          if (mode === 'LIST') {\n            submitWithEffect('PROCEED')\n          }\n\n          if (mode === 'ADD_ADDITIONAL_JOB' || mode === 'EDIT_ADDITIONAL_JOB') {\n            submitWithEffect('LIST')\n          }\n\n          if (mode === 'ADD_INITIAL_JOB' || mode === 'EDIT_INITIAL_JOB') {\n            if (watchedFlsaStatus === FlsaStatus.NONEXEMPT) {\n              submitWithEffect('LIST')\n            } else {\n              submitWithEffect('PROCEED')\n            }\n          }\n        }}\n        isLoading={isPending}\n      >\n        {mode === 'EDIT_ADDITIONAL_JOB' || mode === 'ADD_ADDITIONAL_JOB'\n          ? t('saveNewJobCta')\n          : t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","isPending","mode","submitWithEffect","handleAdd","handleCancelAddJob","primaryFlsaStatus","useCompensation","t","useTranslation","control","useFormContext","watchedFlsaStatus","useWatch","Components","useComponentContext","ActionsLayout","FlsaStatus","jsx"],"mappings":";;;;;;;AAOO,MAAMA,IAAU,MAAM;AACrB,QAAA,EAAE,WAAAC,GAAW,MAAAC,GAAM,kBAAAC,GAAkB,WAAAC,GAAW,oBAAAC,GAAoB,mBAAAC,MACxEC,EAAgB,GACZ,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,SAAAC,EAAQ,IAAIC,EAAmC,GACjDC,IAAoBC,EAAS,EAAE,SAAAH,GAAS,MAAM,cAAc,GAC5DI,IAAaC,EAAoB;AAEvC,2BACGC,GACE,EAAA,UAAA;AAAA,IAAsBV,MAAAW,EAAW,aAAaf,MAAS,UACtD,gBAAAgB;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACH,UAAAV,EAAA;AAAA,QACZ;AAAA,QACA,YAAYH;AAAA,QAEX,YAAE,kBAAkB;AAAA,MAAA;AAAA,IACvB;AAAA,KAECK,MAAsBW,EAAW,aAAaf,MAAS,wBACxDA,MAAS,0BACR,gBAAAgB,EAAAJ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAST,GAAoB,YAAYJ,GAC7E,UAAAO,EAAE,iBAAiB,GACtB;AAAA,IAEF,gBAAAU;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAS,MAAM;AACb,UAAIZ,MAAS,UACXC,EAAiB,SAAS,IAGxBD,MAAS,wBAAwBA,MAAS,0BAC5CC,EAAiB,MAAM,IAGrBD,MAAS,qBAAqBA,MAAS,wBACrCU,MAAsBK,EAAW,YACnCd,EAAiB,MAAM,IAEvBA,EAAiB,SAAS;AAAA,QAGhC;AAAA,QACA,WAAWF;AAAA,QAEV,UACGO,EADHN,MAAS,yBAAyBA,MAAS,uBACtC,kBACA,WADe;AAAA,MACJ;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;"}

package/dist/components/Employee/Compensation/Compensation.d.ts

@@ -0,0 +1,25 @@
+import { Job } from '@gusto/embedded-api/models/components/job';
+import { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype';
+import { RequireAtLeastOne } from '../../../types/Helpers';
+import { PAY_PERIODS } from '../../../shared/constants';
+import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
+export type CompensationDefaultValues = RequireAtLeastOne<{
+    rate?: Job['rate'];
+    title?: Job['title'];
+    paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS];
+    flsaStatus?: FlsaStatusType;
+}>;
+interface CompensationProps extends CommonComponentInterface {
+    employeeId: string;
+    startDate: string;
+    defaultValues?: CompensationDefaultValues;
+}
+export declare function Compensation(props: CompensationProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare namespace Compensation {
+    var Head: () => import("react/jsx-runtime").JSX.Element;
+    var List: () => import("react/jsx-runtime").JSX.Element | undefined;
+    var Actions: () => import("react/jsx-runtime").JSX.Element;
+    var Edit: () => import("react/jsx-runtime").JSX.Element | undefined;
+}
+export declare const CompensationContextual: () => import("react/jsx-runtime").JSX.Element;
+export {};