@gusto/embedded-react-sdk 0.10.5 → 0.10.6-rc.2

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

@@ -3,7 +3,7 @@ import { useForm as K, FormProvider as M } from "react-hook-form";
 import { zodResolver as w } from "@hookform/resolvers/zod";
 import { useTaxRequirementsUpdateStateMutation as z } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
 import { useTaxRequirementsGetSuspense as G } from "@gusto/embedded-api/react-query/taxRequirementsGet";
-import { z as n } from "zod";
+import { z as a } from "zod";
 import { useMemo as L } from "react";
 import { useTranslation as X } from "react-i18next";
 import { Head as A } from "./Head.js";
@@ -16,12 +16,12 @@ import { Flex as J } from "../../../Common/Flex/Flex.js";
 import { Form as Q } from "../../../Common/Form/Form.js";
 import { componentEvents as k } from "../../../../shared/constants.js";
 import { useBase as W } from "../../../Base/useBase.js";
-function x(a) {
-  return /* @__PURE__ */ t($, { ...a, children: /* @__PURE__ */ t(Z, { ...a, children: a.children }) });
+function x(n) {
+  return /* @__PURE__ */ t($, { ...n, children: /* @__PURE__ */ t(Z, { ...n, children: n.children }) });
 }
-function Z({ companyId: a, state: S, className: q, children: v }) {
+function Z({ companyId: n, state: S, className: q, children: v }) {
   I("Company.StateTaxes");
-  const { onEvent: F, baseSubmitHandler: C } = W(), { t: l } = X("Company.StateTaxes", { keyPrefix: "form" }), { data: E } = G({ companyUuid: a, state: S }), f = E.taxRequirementsState, { mutateAsync: N, isPending: R } = z(), { dynamicSchema: V, defaultValues: O } = L(() => {
+  const { onEvent: F, baseSubmitHandler: C } = W(), { t: l } = X("Company.StateTaxes", { keyPrefix: "form" }), { data: E } = G({ companyUuid: n, state: S }), f = E.taxRequirementsState, { mutateAsync: N, isPending: R } = z(), { dynamicSchema: V, defaultValues: O } = L(() => {
     const d = {}, i = {};
     return f.requirementSets?.forEach((e) => {
       if (!e.key) return;
@@ -29,26 +29,26 @@ function Z({ companyId: a, state: S, className: q, children: v }) {
       e.requirements?.forEach((o) => {
         if (!o.key) return;
         const g = o.key;
-        p[g] = String(o.value ?? "");
-        let y = n.string().min(1);
+        p[g] = o.value ?? "";
+        let y = a.string().min(1);
         const c = o.metadata?.validation;
         if (c && o.metadata?.type === "tax_rate")
           if (c.type === "min_max") {
             const r = parseFloat(c.min), u = parseFloat(c.max);
-            !isNaN(r) && !isNaN(u) && (y = n.preprocess(
+            !isNaN(r) && !isNaN(u) && (y = a.preprocess(
               (h) => Number(h),
-              n.number().min(r, l("validations.minValue", { min: r })).max(u, l("validations.maxValue", { max: u })).transform((h) => String(h))
+              a.number().min(r, l("validations.minValue", { min: r })).max(u, l("validations.maxValue", { max: u })).transform((h) => String(h))
             ));
           } else {
             const r = c.rates;
-            y = n.string().min(1).refine((u) => r.includes(u), {
+            y = a.string().min(1).refine((u) => r.includes(u), {
               message: l("validations.oneOf", { values: r.join(", ") })
             });
           }
-        o.metadata?.type === "radio" && (y = n.boolean()), s[g] = y;
-      }), Object.keys(s).length > 0 && (d[m] = n.object(s), i[m] = p);
+        o.metadata?.type === "radio" && (y = a.boolean()), s[g] = y;
+      }), Object.keys(s).length > 0 && (d[m] = a.object(s), i[m] = p);
     }), {
-      dynamicSchema: n.object(d),
+      dynamicSchema: a.object(d),
       defaultValues: i
     };
   }, [f, l]), { control: U, ...T } = K({
@@ -70,7 +70,7 @@ function Z({ companyId: a, state: S, className: q, children: v }) {
       });
       await N({
         request: {
-          companyUuid: a,
+          companyUuid: n,
           requestBody: { requirementSets: b },
           state: S
         }

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

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesForm.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTaxRequirementsUpdateStateMutation } from '@gusto/embedded-api/react-query/taxRequirementsUpdateState'\nimport { useTaxRequirementsGetSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGet'\nimport { z } from 'zod'\nimport { useMemo } from 'react'\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<string, z.ZodObject<Record<string, z.ZodTypeAny>>> = {}\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      const requirementShape: Record<string, z.ZodTypeAny> = {}\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        // Start with a basic string schema\n        let fieldSchema: z.ZodTypeAny = z.string().min(1)\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                fieldSchema = z.preprocess(\n                  val => Number(val),\n                  z\n                    .number()\n                    .min(min, t('validations.minValue', { min }))\n                    .max(max, t('validations.maxValue', { max }))\n                    .transform(num => String(num)),\n                )\n              }\n            } else {\n              //Type is one_of\n              const oneOfValues = validation.rates as string[]\n              fieldSchema = z\n                .string()\n                .min(1)\n                .refine(val => oneOfValues.includes(val), {\n                  message: t('validations.oneOf', { values: oneOfValues.join(', ') }),\n                })\n            }\n          }\n        }\n        if (requirement.metadata?.type === 'radio') {\n          fieldSchema = z.boolean()\n        }\n        requirementShape[requirementKey] = fieldSchema\n        // --- End Schema Logic ---\n      })\n\n      if (Object.keys(requirementShape).length > 0) {\n        schemaShape[requirementSetKey] = z.object(requirementShape)\n        values[requirementSetKey] = requirementValues\n      }\n    })\n\n    const finalSchema = z.object(schemaShape)\n\n    // Return both the schema and the default values\n    return {\n      dynamicSchema: finalSchema,\n      defaultValues: values as z.infer<typeof finalSchema>,\n    }\n  }, [stateTaxRequirements, t])\n\n  // Infer the type from the schema\n  type InferredFormInputs = z.infer<typeof dynamicSchema>\n\n  const { control, ...methods } = useForm<InferredFormInputs>({\n    resolver: zodResolver(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])\n        .map(requirementSet => {\n          const requirementSetKey = requirementSet.key as string\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","z","validation","min","max","val","num","oneOfValues","control","methods","useForm","zodResolver","onSubmit","formData","payload","requirementSets","rs","payloadSet","key","value","componentEvents","handleCancel","FormProvider","HtmlForm","StateTaxesFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":"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"}
+{"version":3,"file":"StateTaxesForm.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTaxRequirementsUpdateStateMutation } from '@gusto/embedded-api/react-query/taxRequirementsUpdateState'\nimport { useTaxRequirementsGetSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGet'\nimport { z } from 'zod'\nimport { useMemo } from 'react'\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<string, z.ZodObject<Record<string, z.ZodTypeAny>>> = {}\n    const values: Partial<Record<string, Record<string, string | boolean>>> = {}\n\n    //Looping through each requirement set\n    stateTaxRequirements.requirementSets?.forEach(requirementSet => {\n      if (!requirementSet.key) return\n\n      const requirementSetKey = requirementSet.key\n      const requirementShape: Record<string, z.ZodTypeAny> = {}\n      const requirementValues: Record<string, string | boolean> = {}\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] = requirement.value ?? ''\n\n        // --- Schema Logic ---\n        // Start with a basic string schema\n        let fieldSchema: z.ZodTypeAny = z.string().min(1)\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                fieldSchema = z.preprocess(\n                  val => Number(val),\n                  z\n                    .number()\n                    .min(min, t('validations.minValue', { min }))\n                    .max(max, t('validations.maxValue', { max }))\n                    .transform(num => String(num)),\n                )\n              }\n            } else {\n              //Type is one_of\n              const oneOfValues = validation.rates as string[]\n              fieldSchema = z\n                .string()\n                .min(1)\n                .refine(val => oneOfValues.includes(val), {\n                  message: t('validations.oneOf', { values: oneOfValues.join(', ') }),\n                })\n            }\n          }\n        }\n        if (requirement.metadata?.type === 'radio') {\n          fieldSchema = z.boolean()\n        }\n        requirementShape[requirementKey] = fieldSchema\n        // --- End Schema Logic ---\n      })\n\n      if (Object.keys(requirementShape).length > 0) {\n        schemaShape[requirementSetKey] = z.object(requirementShape)\n        values[requirementSetKey] = requirementValues\n      }\n    })\n\n    const finalSchema = z.object(schemaShape)\n\n    // Return both the schema and the default values\n    return {\n      dynamicSchema: finalSchema,\n      defaultValues: values as z.infer<typeof finalSchema>,\n    }\n  }, [stateTaxRequirements, t])\n\n  // Infer the type from the schema\n  type InferredFormInputs = z.infer<typeof dynamicSchema>\n\n  const { control, ...methods } = useForm<InferredFormInputs>({\n    resolver: zodResolver(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])\n        .map(requirementSet => {\n          const requirementSetKey = requirementSet.key as string\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","z","validation","min","max","val","num","oneOfValues","control","methods","useForm","zodResolver","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.js

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

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

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
 import { useStateTaxesList as e } from "./context.js";
-import "classnames";
+import "../../../../shared/constants.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as s } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 function l() {

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

@@ -1,7 +1,7 @@
 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 "classnames";
+import "../../../../shared/constants.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";

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

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

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

@@ -0,0 +1,20 @@
+import { componentEvents } from '../../../shared/constants';
+export type StateTaxesState = 'viewStateTaxes' | 'editStateTaxes' | 'done';
+export interface StateTaxesStateData {
+    state: StateTaxesState;
+    selectedState?: string;
+}
+export type StateTaxesAction = {
+    type: typeof componentEvents.COMPANY_STATE_TAX_EDIT;
+    payload: {
+        state: string;
+    };
+} | {
+    type: typeof componentEvents.COMPANY_STATE_TAX_UPDATED;
+} | {
+    type: typeof componentEvents.COMPANY_STATE_TAX_DONE;
+} | {
+    type: typeof componentEvents.CANCEL;
+};
+export declare const initialState: StateTaxesStateData;
+export declare function stateTaxesReducer(state: StateTaxesStateData, action: StateTaxesAction): StateTaxesStateData;

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

@@ -0,0 +1,40 @@
+import { componentEvents as t } from "../../../shared/constants.js";
+const T = {
+  state: "viewStateTaxes",
+  selectedState: void 0
+};
+function d(e, a) {
+  switch (a.type) {
+    case t.COMPANY_STATE_TAX_EDIT:
+      return {
+        ...e,
+        state: "editStateTaxes",
+        selectedState: a.payload.state
+      };
+    case t.COMPANY_STATE_TAX_UPDATED:
+      return {
+        ...e,
+        state: "viewStateTaxes",
+        selectedState: void 0
+      };
+    case t.CANCEL:
+      return {
+        ...e,
+        state: "viewStateTaxes",
+        selectedState: void 0
+      };
+    case t.COMPANY_STATE_TAX_DONE:
+      return {
+        ...e,
+        state: "done",
+        selectedState: void 0
+      };
+    default:
+      return e;
+  }
+}
+export {
+  T as initialState,
+  d as stateTaxesReducer
+};
+//# sourceMappingURL=stateTaxesReducer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stateTaxesReducer.js","sources":["../../../../src/components/Company/StateTaxes/stateTaxesReducer.ts"],"sourcesContent":["import { componentEvents } from '@/shared/constants'\n\nexport type StateTaxesState = 'viewStateTaxes' | 'editStateTaxes' | 'done'\n\nexport interface StateTaxesStateData {\n  state: StateTaxesState\n  selectedState?: string\n}\n\nexport type StateTaxesAction =\n  | { type: typeof componentEvents.COMPANY_STATE_TAX_EDIT; payload: { state: string } }\n  | { type: typeof componentEvents.COMPANY_STATE_TAX_UPDATED }\n  | { type: typeof componentEvents.COMPANY_STATE_TAX_DONE }\n  | { type: typeof componentEvents.CANCEL }\n\nexport const initialState: StateTaxesStateData = {\n  state: 'viewStateTaxes',\n  selectedState: undefined,\n}\n\nexport function stateTaxesReducer(\n  state: StateTaxesStateData,\n  action: StateTaxesAction,\n): StateTaxesStateData {\n  switch (action.type) {\n    case componentEvents.COMPANY_STATE_TAX_EDIT:\n      return {\n        ...state,\n        state: 'editStateTaxes',\n        selectedState: action.payload.state,\n      }\n\n    case componentEvents.COMPANY_STATE_TAX_UPDATED:\n      return {\n        ...state,\n        state: 'viewStateTaxes',\n        selectedState: undefined,\n      }\n\n    case componentEvents.CANCEL:\n      return {\n        ...state,\n        state: 'viewStateTaxes',\n        selectedState: undefined,\n      }\n\n    case componentEvents.COMPANY_STATE_TAX_DONE:\n      return {\n        ...state,\n        state: 'done',\n        selectedState: undefined,\n      }\n\n    default:\n      return state\n  }\n}\n"],"names":["initialState","stateTaxesReducer","state","action","componentEvents"],"mappings":";AAeO,MAAMA,IAAoC;AAAA,EAC/C,OAAO;AAAA,EACP,eAAe;AACjB;AAEgB,SAAAC,EACdC,GACAC,GACqB;AACrB,UAAQA,EAAO,MAAM;AAAA,IACnB,KAAKC,EAAgB;AACZ,aAAA;AAAA,QACL,GAAGF;AAAA,QACH,OAAO;AAAA,QACP,eAAeC,EAAO,QAAQ;AAAA,MAChC;AAAA,IAEF,KAAKC,EAAgB;AACZ,aAAA;AAAA,QACL,GAAGF;AAAA,QACH,OAAO;AAAA,QACP,eAAe;AAAA,MACjB;AAAA,IAEF,KAAKE,EAAgB;AACZ,aAAA;AAAA,QACL,GAAGF;AAAA,QACH,OAAO;AAAA,QACP,eAAe;AAAA,MACjB;AAAA,IAEF,KAAKE,EAAgB;AACZ,aAAA;AAAA,QACL,GAAGF;AAAA,QACH,OAAO;AAAA,QACP,eAAe;AAAA,MACjB;AAAA,IAEF;AACS,aAAAA;AAAA,EAAA;AAEb;"}

package/dist/components/Contractor/Address/Address.js

@@ -11,8 +11,6 @@ import { Actions as f } from "./Actions.js";
 import { Form as N } from "../../Common/Form/Form.js";
 import { useComponentDictionary as j, useI18n as q } from "../../../i18n/I18n.js";
 import { Flex as w } from "../../Common/Flex/Flex.js";
-import "react-i18next";
-import "classnames";
 import { BaseComponent as G } from "../../Base/Base.js";
 import { useBase as M } from "../../Base/useBase.js";
 import { contractorEvents as a } from "../../../shared/constants.js";

package/dist/components/Contractor/Address/Address.js.map

@@ -1 +1 @@
-{"version":3,"file":"Address.js","sources":["../../../../src/components/Contractor/Address/Address.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsGetAddressSuspense } from '@gusto/embedded-api/react-query/contractorsGetAddress'\nimport { useContractorsUpdateAddressMutation } from '@gusto/embedded-api/react-query/contractorsUpdateAddress'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { AddressFormSchema, AddressProvider } from './useAddress'\nimport { Head } from './Head'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport type { AddressDefaultValues, AddressFormValues } from './useAddress'\nimport { Form as HtmlForm } from '@/components/Common/Form/Form'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { contractorEvents } from '@/shared/constants'\n\nexport interface AddressProps extends BaseComponentInterface<'Contractor.Address'> {\n  contractorId: string\n  defaultValues?: AddressDefaultValues\n  children?: ReactNode\n  className?: string\n}\n\nexport function Address(props: AddressProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, defaultValues, children, className, dictionary }: AddressProps) {\n  useComponentDictionary('Contractor.Address', dictionary)\n  useI18n('Contractor.Address')\n\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const { data: addressData } = useContractorsGetAddressSuspense({ contractorUuid: contractorId })\n\n  const { mutateAsync: updateAddress, isPending: isUpdatingAddressPending } =\n    useContractorsUpdateAddressMutation()\n\n  const contractor = contractorData.contractor\n  const contractorType = contractorData.contractor?.type\n  const address = addressData.contractorAddress\n\n  const formDefaultValues = {\n    street1: address?.street1 || defaultValues?.street1 || '',\n    street2: address?.street2 || defaultValues?.street2 || '',\n    city: address?.city || defaultValues?.city || '',\n    state: address?.state || defaultValues?.state || '',\n    zip: address?.zip || defaultValues?.zip || '',\n  }\n\n  const formMethods = useForm<AddressFormValues>({\n    resolver: zodResolver(AddressFormSchema),\n    defaultValues: formDefaultValues,\n  })\n\n  const onSubmit = async (data: AddressFormValues) => {\n    await baseSubmitHandler(data, async payload => {\n      const { contractorAddress } = await updateAddress({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: {\n            version: address?.version as string,\n            street1: payload.street1,\n            street2: payload.street2,\n            city: payload.city,\n            state: payload.state,\n            zip: payload.zip,\n          },\n        },\n      })\n\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_UPDATED, contractorAddress)\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <AddressProvider\n        value={{\n          contractor,\n          contractorType,\n          address,\n          isPending: isUpdatingAddressPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <HtmlForm onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </HtmlForm>\n        </FormProvider>\n      </AddressProvider>\n    </section>\n  )\n}\n\nAddress.Head = Head\nAddress.Form = Form\nAddress.Actions = Actions\n\nexport default Address\n"],"names":["Address","props","jsx","BaseComponent","Root","contractorId","defaultValues","children","className","dictionary","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","useBase","contractorData","useContractorsGetSuspense","addressData","useContractorsGetAddressSuspense","updateAddress","isUpdatingAddressPending","useContractorsUpdateAddressMutation","contractor","contractorType","address","formDefaultValues","formMethods","useForm","zodResolver","AddressFormSchema","onSubmit","data","payload","contractorAddress","contractorEvents","AddressProvider","FormProvider","HtmlForm","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;;;;;AA0BO,SAASA,EAAQC,GAAqB;AAEzC,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,cAAAC,GAAc,eAAAC,GAAe,UAAAC,GAAU,WAAAC,GAAW,YAAAC,KAA4B;AAC5F,EAAAC,EAAuB,sBAAsBD,CAAU,GACvDE,EAAQ,oBAAoB;AAE5B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GAEzC,EAAE,MAAMC,EAAe,IAAIC,EAA0B,EAAE,gBAAgBX,GAAc,GACrF,EAAE,MAAMY,EAAY,IAAIC,EAAiC,EAAE,gBAAgBb,GAAc,GAEzF,EAAE,aAAac,GAAe,WAAWC,EAAA,IAC7CC,EAAoC,GAEhCC,IAAaP,EAAe,YAC5BQ,IAAiBR,EAAe,YAAY,MAC5CS,IAAUP,EAAY,mBAEtBQ,IAAoB;AAAA,IACxB,SAASD,GAAS,WAAWlB,GAAe,WAAW;AAAA,IACvD,SAASkB,GAAS,WAAWlB,GAAe,WAAW;AAAA,IACvD,MAAMkB,GAAS,QAAQlB,GAAe,QAAQ;AAAA,IAC9C,OAAOkB,GAAS,SAASlB,GAAe,SAAS;AAAA,IACjD,KAAKkB,GAAS,OAAOlB,GAAe,OAAO;AAAA,EAC7C,GAEMoB,IAAcC,EAA2B;AAAA,IAC7C,UAAUC,EAAYC,CAAiB;AAAA,IACvC,eAAeJ;AAAA,EAAA,CAChB,GAEKK,IAAW,OAAOC,MAA4B;AAC5C,UAAAlB,EAAkBkB,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,mBAAAC,MAAsB,MAAMd,EAAc;AAAA,QAChD,SAAS;AAAA,UACP,gBAAgBd;AAAA,UAChB,aAAa;AAAA,YACX,SAASmB,GAAS;AAAA,YAClB,SAASQ,EAAQ;AAAA,YACjB,SAASA,EAAQ;AAAA,YACjB,MAAMA,EAAQ;AAAA,YACd,OAAOA,EAAQ;AAAA,YACf,KAAKA,EAAQ;AAAA,UAAA;AAAA,QACf;AAAA,MACF,CACD;AAEO,MAAApB,EAAAsB,EAAiB,4BAA4BD,CAAiB,GACtErB,EAAQsB,EAAiB,uBAAuB;AAAA,IAAA,CACjD;AAAA,EACH;AAGE,SAAA,gBAAAhC,EAAC,aAAQ,WAAAM,GACP,UAAA,gBAAAN;AAAA,IAACiC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAAb;AAAA,QACA,gBAAAC;AAAA,QACA,SAAAC;AAAA,QACA,WAAWJ;AAAA,MACb;AAAA,MAEA,4BAACgB,GAAc,EAAA,GAAGV,GAChB,UAAC,gBAAAxB,EAAAmC,GAAA,EAAS,UAAUX,EAAY,aAAaI,CAAQ,GACnD,UAAA,gBAAA5B,EAACoC,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAA/B,KAIG,gBAAAgC,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAtC,EAACuC,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA3C,EAAQ,OAAOyC;AACfzC,EAAQ,OAAO0C;AACf1C,EAAQ,UAAU2C;"}
+{"version":3,"file":"Address.js","sources":["../../../../src/components/Contractor/Address/Address.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsGetAddressSuspense } from '@gusto/embedded-api/react-query/contractorsGetAddress'\nimport { useContractorsUpdateAddressMutation } from '@gusto/embedded-api/react-query/contractorsUpdateAddress'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { AddressFormSchema, AddressProvider } from './useAddress'\nimport { Head } from './Head'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport type { AddressDefaultValues, AddressFormValues } from './useAddress'\nimport { Form as HtmlForm } from '@/components/Common/Form/Form'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { contractorEvents } from '@/shared/constants'\n\nexport interface AddressProps extends BaseComponentInterface<'Contractor.Address'> {\n  contractorId: string\n  defaultValues?: AddressDefaultValues\n  children?: ReactNode\n  className?: string\n}\n\nexport function Address(props: AddressProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, defaultValues, children, className, dictionary }: AddressProps) {\n  useComponentDictionary('Contractor.Address', dictionary)\n  useI18n('Contractor.Address')\n\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const { data: addressData } = useContractorsGetAddressSuspense({ contractorUuid: contractorId })\n\n  const { mutateAsync: updateAddress, isPending: isUpdatingAddressPending } =\n    useContractorsUpdateAddressMutation()\n\n  const contractor = contractorData.contractor\n  const contractorType = contractorData.contractor?.type\n  const address = addressData.contractorAddress\n\n  const formDefaultValues = {\n    street1: address?.street1 || defaultValues?.street1 || '',\n    street2: address?.street2 || defaultValues?.street2 || '',\n    city: address?.city || defaultValues?.city || '',\n    state: address?.state || defaultValues?.state || '',\n    zip: address?.zip || defaultValues?.zip || '',\n  }\n\n  const formMethods = useForm<AddressFormValues>({\n    resolver: zodResolver(AddressFormSchema),\n    defaultValues: formDefaultValues,\n  })\n\n  const onSubmit = async (data: AddressFormValues) => {\n    await baseSubmitHandler(data, async payload => {\n      const { contractorAddress } = await updateAddress({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: {\n            version: address?.version as string,\n            street1: payload.street1,\n            street2: payload.street2,\n            city: payload.city,\n            state: payload.state,\n            zip: payload.zip,\n          },\n        },\n      })\n\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_UPDATED, contractorAddress)\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <AddressProvider\n        value={{\n          contractor,\n          contractorType,\n          address,\n          isPending: isUpdatingAddressPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <HtmlForm onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </HtmlForm>\n        </FormProvider>\n      </AddressProvider>\n    </section>\n  )\n}\n\nAddress.Head = Head\nAddress.Form = Form\nAddress.Actions = Actions\n\nexport default Address\n"],"names":["Address","props","jsx","BaseComponent","Root","contractorId","defaultValues","children","className","dictionary","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","useBase","contractorData","useContractorsGetSuspense","addressData","useContractorsGetAddressSuspense","updateAddress","isUpdatingAddressPending","useContractorsUpdateAddressMutation","contractor","contractorType","address","formDefaultValues","formMethods","useForm","zodResolver","AddressFormSchema","onSubmit","data","payload","contractorAddress","contractorEvents","AddressProvider","FormProvider","HtmlForm","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;;;AA0BO,SAASA,EAAQC,GAAqB;AAEzC,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,cAAAC,GAAc,eAAAC,GAAe,UAAAC,GAAU,WAAAC,GAAW,YAAAC,KAA4B;AAC5F,EAAAC,EAAuB,sBAAsBD,CAAU,GACvDE,EAAQ,oBAAoB;AAE5B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GAEzC,EAAE,MAAMC,EAAe,IAAIC,EAA0B,EAAE,gBAAgBX,GAAc,GACrF,EAAE,MAAMY,EAAY,IAAIC,EAAiC,EAAE,gBAAgBb,GAAc,GAEzF,EAAE,aAAac,GAAe,WAAWC,EAAA,IAC7CC,EAAoC,GAEhCC,IAAaP,EAAe,YAC5BQ,IAAiBR,EAAe,YAAY,MAC5CS,IAAUP,EAAY,mBAEtBQ,IAAoB;AAAA,IACxB,SAASD,GAAS,WAAWlB,GAAe,WAAW;AAAA,IACvD,SAASkB,GAAS,WAAWlB,GAAe,WAAW;AAAA,IACvD,MAAMkB,GAAS,QAAQlB,GAAe,QAAQ;AAAA,IAC9C,OAAOkB,GAAS,SAASlB,GAAe,SAAS;AAAA,IACjD,KAAKkB,GAAS,OAAOlB,GAAe,OAAO;AAAA,EAC7C,GAEMoB,IAAcC,EAA2B;AAAA,IAC7C,UAAUC,EAAYC,CAAiB;AAAA,IACvC,eAAeJ;AAAA,EAAA,CAChB,GAEKK,IAAW,OAAOC,MAA4B;AAC5C,UAAAlB,EAAkBkB,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,mBAAAC,MAAsB,MAAMd,EAAc;AAAA,QAChD,SAAS;AAAA,UACP,gBAAgBd;AAAA,UAChB,aAAa;AAAA,YACX,SAASmB,GAAS;AAAA,YAClB,SAASQ,EAAQ;AAAA,YACjB,SAASA,EAAQ;AAAA,YACjB,MAAMA,EAAQ;AAAA,YACd,OAAOA,EAAQ;AAAA,YACf,KAAKA,EAAQ;AAAA,UAAA;AAAA,QACf;AAAA,MACF,CACD;AAEO,MAAApB,EAAAsB,EAAiB,4BAA4BD,CAAiB,GACtErB,EAAQsB,EAAiB,uBAAuB;AAAA,IAAA,CACjD;AAAA,EACH;AAGE,SAAA,gBAAAhC,EAAC,aAAQ,WAAAM,GACP,UAAA,gBAAAN;AAAA,IAACiC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAAb;AAAA,QACA,gBAAAC;AAAA,QACA,SAAAC;AAAA,QACA,WAAWJ;AAAA,MACb;AAAA,MAEA,4BAACgB,GAAc,EAAA,GAAGV,GAChB,UAAC,gBAAAxB,EAAAmC,GAAA,EAAS,UAAUX,EAAY,aAAaI,CAAQ,GACnD,UAAA,gBAAA5B,EAACoC,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAA/B,KAIG,gBAAAgC,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAtC,EAACuC,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA3C,EAAQ,OAAOyC;AACfzC,EAAQ,OAAO0C;AACf1C,EAAQ,UAAU2C;"}

package/dist/components/Contractor/Address/Form.js

@@ -1,13 +1,12 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
-import { Grid as o } from "../../Common/Grid/Grid.js";
-import "classnames";
-import { STATES_ABBR as l } from "../../../shared/constants.js";
+import { STATES_ABBR as o } from "../../../shared/constants.js";
+import { Grid as l } from "../../Common/Grid/Grid.js";
 import { TextInputField as t } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as m } from "../../Common/Fields/SelectField/SelectField.js";
-function v() {
+function g() {
   const { t: e } = i("Contractor.Address");
-  return /* @__PURE__ */ s(o, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
+  return /* @__PURE__ */ s(l, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
     /* @__PURE__ */ r(
       t,
       {
@@ -31,7 +30,7 @@ function v() {
       m,
       {
         name: "state",
-        options: l.map((a) => ({
+        options: o.map((a) => ({
           label: e(`statesHash.${a}`, { ns: "common", defaultValue: a }),
           value: a
         })),
@@ -45,6 +44,6 @@ function v() {
   ] });
 }
 export {
-  v as Form
+  g as Form
 };
 //# sourceMappingURL=Form.js.map

package/dist/components/Contractor/Address/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../src/components/Contractor/Address/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { TextInputField, SelectField, Grid } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\n\nexport function Form() {\n  const { t } = useTranslation('Contractor.Address')\n\n  return (\n    <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n      <TextInputField\n        name=\"street1\"\n        label={t('street1')}\n        isRequired\n        errorMessage={t('validations.street1')}\n      />\n      <TextInputField name=\"street2\" label={t('street2')} />\n      <TextInputField\n        name=\"city\"\n        label={t('city')}\n        isRequired\n        errorMessage={t('validations.city')}\n      />\n      <SelectField\n        name=\"state\"\n        options={STATES_ABBR.map(stateAbbr => ({\n          label: t(`statesHash.${stateAbbr}`, { ns: 'common', defaultValue: stateAbbr }),\n          value: stateAbbr,\n        }))}\n        label={t('state')}\n        placeholder={t('statePlaceholder')}\n        errorMessage={t('validations.state')}\n        isRequired\n      />\n      <TextInputField name=\"zip\" label={t('zip')} isRequired errorMessage={t('validations.zip')} />\n    </Grid>\n  )\n}\n"],"names":["Form","t","useTranslation","jsxs","Grid","jsx","TextInputField","SelectField","STATES_ABBR","stateAbbr"],"mappings":";;;;;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB;AAEjD,SACG,gBAAAC,EAAAC,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAE,GAAG,KAAK,IACtE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,SAAS;AAAA,QAClB,YAAU;AAAA,QACV,cAAcA,EAAE,qBAAqB;AAAA,MAAA;AAAA,IACvC;AAAA,sBACCK,GAAe,EAAA,MAAK,WAAU,OAAOL,EAAE,SAAS,GAAG;AAAA,IACpD,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,MAAM;AAAA,QACf,YAAU;AAAA,QACV,cAAcA,EAAE,kBAAkB;AAAA,MAAA;AAAA,IACpC;AAAA,IACA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASC,EAAY,IAAI,CAAcC,OAAA;AAAA,UACrC,OAAOR,EAAE,cAAcQ,CAAS,IAAI,EAAE,IAAI,UAAU,cAAcA,GAAW;AAAA,UAC7E,OAAOA;AAAA,QAAA,EACP;AAAA,QACF,OAAOR,EAAE,OAAO;AAAA,QAChB,aAAaA,EAAE,kBAAkB;AAAA,QACjC,cAAcA,EAAE,mBAAmB;AAAA,QACnC,YAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IACC,gBAAAI,EAAAC,GAAA,EAAe,MAAK,OAAM,OAAOL,EAAE,KAAK,GAAG,YAAU,IAAC,cAAcA,EAAE,iBAAiB,EAAG,CAAA;AAAA,EAAA,GAC7F;AAEJ;"}
+{"version":3,"file":"Form.js","sources":["../../../../src/components/Contractor/Address/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { TextInputField, SelectField, Grid } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\n\nexport function Form() {\n  const { t } = useTranslation('Contractor.Address')\n\n  return (\n    <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n      <TextInputField\n        name=\"street1\"\n        label={t('street1')}\n        isRequired\n        errorMessage={t('validations.street1')}\n      />\n      <TextInputField name=\"street2\" label={t('street2')} />\n      <TextInputField\n        name=\"city\"\n        label={t('city')}\n        isRequired\n        errorMessage={t('validations.city')}\n      />\n      <SelectField\n        name=\"state\"\n        options={STATES_ABBR.map(stateAbbr => ({\n          label: t(`statesHash.${stateAbbr}`, { ns: 'common', defaultValue: stateAbbr }),\n          value: stateAbbr,\n        }))}\n        label={t('state')}\n        placeholder={t('statePlaceholder')}\n        errorMessage={t('validations.state')}\n        isRequired\n      />\n      <TextInputField name=\"zip\" label={t('zip')} isRequired errorMessage={t('validations.zip')} />\n    </Grid>\n  )\n}\n"],"names":["Form","t","useTranslation","jsxs","Grid","jsx","TextInputField","SelectField","STATES_ABBR","stateAbbr"],"mappings":";;;;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB;AAEjD,SACG,gBAAAC,EAAAC,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAE,GAAG,KAAK,IACtE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,SAAS;AAAA,QAClB,YAAU;AAAA,QACV,cAAcA,EAAE,qBAAqB;AAAA,MAAA;AAAA,IACvC;AAAA,sBACCK,GAAe,EAAA,MAAK,WAAU,OAAOL,EAAE,SAAS,GAAG;AAAA,IACpD,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,MAAM;AAAA,QACf,YAAU;AAAA,QACV,cAAcA,EAAE,kBAAkB;AAAA,MAAA;AAAA,IACpC;AAAA,IACA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASC,EAAY,IAAI,CAAcC,OAAA;AAAA,UACrC,OAAOR,EAAE,cAAcQ,CAAS,IAAI,EAAE,IAAI,UAAU,cAAcA,GAAW;AAAA,UAC7E,OAAOA;AAAA,QAAA,EACP;AAAA,QACF,OAAOR,EAAE,OAAO;AAAA,QAChB,aAAaA,EAAE,kBAAkB;AAAA,QACjC,cAAcA,EAAE,mBAAmB;AAAA,QACnC,YAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IACC,gBAAAI,EAAAC,GAAA,EAAe,MAAK,OAAM,OAAOL,EAAE,KAAK,GAAG,YAAU,IAAC,cAAcA,EAAE,iBAAiB,EAAG,CAAA;AAAA,EAAA,GAC7F;AAEJ;"}

package/dist/components/Contractor/Address/useAddress.js

@@ -9,9 +9,9 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import "../../Base/useBase.js";
 import "../../../shared/constants.js";
-import "classnames";
 import "dompurify";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as r } from "../../Base/createCompoundContext.js";
 const u = t.object({
   street1: t.string().min(1),

package/dist/components/Contractor/List/index.js

@@ -3,7 +3,6 @@ import { useTranslation as s } from "react-i18next";
 import { useContractors as d } from "./useContractorList.js";
 import { Flex as u } from "../../Common/Flex/Flex.js";
 import { Grid as f } from "../../Common/Grid/Grid.js";
-import "classnames";
 import { EmptyData as C } from "../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as L } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { firstLastName as g } from "../../../helpers/formattedStrings.js";
@@ -65,7 +64,7 @@ function j({
     /* @__PURE__ */ t(x, { label: n("contractorListLabel"), ...l })
   ] });
 }
-function W({
+function U({
   companyId: e,
   handleAdd: o,
   handleEdit: r
@@ -75,7 +74,7 @@ function W({
 }
 export {
   j as ContractorList,
-  W as ContractorListWithApi,
+  U as ContractorListWithApi,
   H as EmptyDataContractorsList,
   D as Head
 };

package/dist/components/Contractor/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Contractor/List/index.tsx"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useTranslation } from 'react-i18next'\nimport { useContractors } from './useContractorList'\nimport { ActionsLayout, DataView, EmptyData, Flex, Grid, useDataView } from '@/components/Common'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ContractorOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport { useI18n } from '@/i18n'\n\nexport type ContractorListDisplay = Pick<\n  Contractor,\n  'onboardingStatus' | 'firstName' | 'lastName' | 'onboarded'\n>\n\nexport interface HeadProps {\n  count: number\n  handleAdd: () => void\n}\nexport function Head({ count, handleAdd }: HeadProps) {\n  const { Button, Heading } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"space-between\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n\n      {count !== 0 && (\n        <Button variant=\"secondary\" onClick={handleAdd}>\n          {t('addAnotherCTA')}\n        </Button>\n      )}\n    </Flex>\n  )\n}\n\nexport interface EmptyDataContractorsListProps {\n  handleAdd: () => void\n}\nexport function EmptyDataContractorsList({ handleAdd }: EmptyDataContractorsListProps) {\n  const { Button } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  return (\n    <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n      <ActionsLayout justifyContent=\"center\">\n        <Button onClick={handleAdd}>{t('addContractorCTA')}</Button>\n      </ActionsLayout>\n    </EmptyData>\n  )\n}\n\nexport interface ContractorListProps {\n  contractors: ContractorListDisplay[]\n  handleAdd: () => void\n  handleEdit: () => void\n  totalCount: number\n}\n\nexport function ContractorList({\n  contractors,\n  handleAdd,\n  handleEdit,\n  totalCount,\n}: ContractorListProps) {\n  useI18n('Contractor.ContractorList')\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  const dataViewProps = useDataView<ContractorListDisplay>({\n    columns: [\n      {\n        title: t('listHeaders.name'),\n        render: contractor =>\n          firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName }),\n      },\n      {\n        title: t('listHeaders.status'),\n        render: ({ onboarded, onboardingStatus }) => (\n          <ContractorOnboardingStatusBadge\n            onboarded={onboarded}\n            onboardingStatus={onboardingStatus}\n          />\n        ),\n      },\n    ],\n    data: contractors,\n    itemMenu: () => (\n      <HamburgerMenu\n        items={[{ label: t('editCTA'), icon: <PencilSvg aria-hidden />, onClick: handleEdit }]}\n        triggerLabel={t('editCTA')}\n        isLoading={false}\n      />\n    ),\n    emptyState: () => <EmptyDataContractorsList handleAdd={handleAdd} />,\n  })\n\n  return (\n    <Grid gap={20}>\n      <Head count={totalCount} handleAdd={handleAdd} />\n      <DataView label={t('contractorListLabel')} {...dataViewProps} />\n    </Grid>\n  )\n}\n\nexport interface ContractorListWithApiProps {\n  companyId: string\n  handleAdd: () => void\n  handleEdit: () => void\n}\n\nexport function ContractorListWithApi({\n  companyId,\n  handleAdd,\n  handleEdit,\n}: ContractorListWithApiProps) {\n  const contractorProps = useContractors({ companyUuid: companyId, handleAdd })\n\n  return <ContractorList handleEdit={handleEdit} {...contractorProps} />\n}\n"],"names":["Head","count","handleAdd","Button","Heading","useComponentContext","t","useTranslation","jsxs","Flex","jsx","EmptyDataContractorsList","EmptyData","ActionsLayout","ContractorList","contractors","handleEdit","totalCount","useI18n","dataViewProps","useDataView","contractor","firstLastName","onboarded","onboardingStatus","ContractorOnboardingStatusBadge","HamburgerMenu","PencilSvg","Grid","DataView","ContractorListWithApi","companyId","contractorProps","useContractors"],"mappings":";;;;;;;;;;;;;;;;AAoBO,SAASA,EAAK,EAAE,OAAAC,GAAO,WAAAC,KAAwB;AACpD,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAQ,IAAIC,EAAoB,GAC1C,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;AAExD,SACG,gBAAAC,EAAAC,GAAA,EAAK,YAAW,UAAS,gBAAe,iBACvC,UAAA;AAAA,IAAA,gBAAAC,EAACN,GAAQ,EAAA,IAAG,MAAM,UAAAE,EAAE,OAAO,GAAE;AAAA,IAE5BL,MAAU,KACT,gBAAAS,EAACP,GAAO,EAAA,SAAQ,aAAY,SAASD,GAClC,UAAEI,EAAA,eAAe,EACpB,CAAA;AAAA,EAAA,GAEJ;AAEJ;AAKgB,SAAAK,EAAyB,EAAE,WAAAT,KAA4C;AAC/E,QAAA,EAAE,QAAAC,EAAO,IAAIE,EAAoB,GACjC,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;AAGtD,SAAA,gBAAAG,EAACE,KAAU,OAAON,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,GAC5E,UAAA,gBAAAI,EAACG,KAAc,gBAAe,UAC5B,4BAACV,GAAO,EAAA,SAASD,GAAY,UAAEI,EAAA,kBAAkB,EAAE,CAAA,EAAA,CACrD,EACF,CAAA;AAEJ;AASO,SAASQ,EAAe;AAAA,EAC7B,aAAAC;AAAA,EACA,WAAAb;AAAA,EACA,YAAAc;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,2BAA2B;AACnC,QAAM,EAAE,GAAAZ,EAAA,IAAMC,EAAe,2BAA2B,GAElDY,IAAgBC,EAAmC;AAAA,IACvD,SAAS;AAAA,MACP;AAAA,QACE,OAAOd,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CACNe,MAAAC,EAAc,EAAE,YAAYD,EAAW,WAAW,WAAWA,EAAW,SAAU,CAAA;AAAA,MACtF;AAAA,MACA;AAAA,QACE,OAAOf,EAAE,oBAAoB;AAAA,QAC7B,QAAQ,CAAC,EAAE,WAAAiB,GAAW,kBAAAC,EACpB,MAAA,gBAAAd;AAAA,UAACe;AAAA,UAAA;AAAA,YACC,WAAAF;AAAA,YACA,kBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAGN;AAAA,IACA,MAAMT;AAAA,IACN,UAAU,MACR,gBAAAL;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,OAAO,CAAC,EAAE,OAAOpB,EAAE,SAAS,GAAG,MAAM,gBAAAI,EAACiB,KAAU,eAAW,GAAA,CAAC,GAAI,SAASX,GAAY;AAAA,QACrF,cAAcV,EAAE,SAAS;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,YAAY,MAAO,gBAAAI,EAAAC,GAAA,EAAyB,WAAAT,EAAsB,CAAA;AAAA,EAAA,CACnE;AAGC,SAAA,gBAAAM,EAACoB,GAAK,EAAA,KAAK,IACT,UAAA;AAAA,IAAC,gBAAAlB,EAAAV,GAAA,EAAK,OAAOiB,GAAY,WAAAf,EAAsB,CAAA;AAAA,sBAC9C2B,GAAS,EAAA,OAAOvB,EAAE,qBAAqB,GAAI,GAAGa,EAAe,CAAA;AAAA,EAAA,GAChE;AAEJ;AAQO,SAASW,EAAsB;AAAA,EACpC,WAAAC;AAAA,EACA,WAAA7B;AAAA,EACA,YAAAc;AACF,GAA+B;AAC7B,QAAMgB,IAAkBC,EAAe,EAAE,aAAaF,GAAW,WAAA7B,GAAW;AAE5E,SAAQ,gBAAAQ,EAAAI,GAAA,EAAe,YAAAE,GAAyB,GAAGgB,EAAiB,CAAA;AACtE;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Contractor/List/index.tsx"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useTranslation } from 'react-i18next'\nimport { useContractors } from './useContractorList'\nimport { ActionsLayout, DataView, EmptyData, Flex, Grid, useDataView } from '@/components/Common'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ContractorOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport { useI18n } from '@/i18n'\n\nexport type ContractorListDisplay = Pick<\n  Contractor,\n  'onboardingStatus' | 'firstName' | 'lastName' | 'onboarded'\n>\n\nexport interface HeadProps {\n  count: number\n  handleAdd: () => void\n}\nexport function Head({ count, handleAdd }: HeadProps) {\n  const { Button, Heading } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"space-between\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n\n      {count !== 0 && (\n        <Button variant=\"secondary\" onClick={handleAdd}>\n          {t('addAnotherCTA')}\n        </Button>\n      )}\n    </Flex>\n  )\n}\n\nexport interface EmptyDataContractorsListProps {\n  handleAdd: () => void\n}\nexport function EmptyDataContractorsList({ handleAdd }: EmptyDataContractorsListProps) {\n  const { Button } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  return (\n    <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n      <ActionsLayout justifyContent=\"center\">\n        <Button onClick={handleAdd}>{t('addContractorCTA')}</Button>\n      </ActionsLayout>\n    </EmptyData>\n  )\n}\n\nexport interface ContractorListProps {\n  contractors: ContractorListDisplay[]\n  handleAdd: () => void\n  handleEdit: () => void\n  totalCount: number\n}\n\nexport function ContractorList({\n  contractors,\n  handleAdd,\n  handleEdit,\n  totalCount,\n}: ContractorListProps) {\n  useI18n('Contractor.ContractorList')\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  const dataViewProps = useDataView<ContractorListDisplay>({\n    columns: [\n      {\n        title: t('listHeaders.name'),\n        render: contractor =>\n          firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName }),\n      },\n      {\n        title: t('listHeaders.status'),\n        render: ({ onboarded, onboardingStatus }) => (\n          <ContractorOnboardingStatusBadge\n            onboarded={onboarded}\n            onboardingStatus={onboardingStatus}\n          />\n        ),\n      },\n    ],\n    data: contractors,\n    itemMenu: () => (\n      <HamburgerMenu\n        items={[{ label: t('editCTA'), icon: <PencilSvg aria-hidden />, onClick: handleEdit }]}\n        triggerLabel={t('editCTA')}\n        isLoading={false}\n      />\n    ),\n    emptyState: () => <EmptyDataContractorsList handleAdd={handleAdd} />,\n  })\n\n  return (\n    <Grid gap={20}>\n      <Head count={totalCount} handleAdd={handleAdd} />\n      <DataView label={t('contractorListLabel')} {...dataViewProps} />\n    </Grid>\n  )\n}\n\nexport interface ContractorListWithApiProps {\n  companyId: string\n  handleAdd: () => void\n  handleEdit: () => void\n}\n\nexport function ContractorListWithApi({\n  companyId,\n  handleAdd,\n  handleEdit,\n}: ContractorListWithApiProps) {\n  const contractorProps = useContractors({ companyUuid: companyId, handleAdd })\n\n  return <ContractorList handleEdit={handleEdit} {...contractorProps} />\n}\n"],"names":["Head","count","handleAdd","Button","Heading","useComponentContext","t","useTranslation","jsxs","Flex","jsx","EmptyDataContractorsList","EmptyData","ActionsLayout","ContractorList","contractors","handleEdit","totalCount","useI18n","dataViewProps","useDataView","contractor","firstLastName","onboarded","onboardingStatus","ContractorOnboardingStatusBadge","HamburgerMenu","PencilSvg","Grid","DataView","ContractorListWithApi","companyId","contractorProps","useContractors"],"mappings":";;;;;;;;;;;;;;;AAoBO,SAASA,EAAK,EAAE,OAAAC,GAAO,WAAAC,KAAwB;AACpD,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAQ,IAAIC,EAAoB,GAC1C,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;AAExD,SACG,gBAAAC,EAAAC,GAAA,EAAK,YAAW,UAAS,gBAAe,iBACvC,UAAA;AAAA,IAAA,gBAAAC,EAACN,GAAQ,EAAA,IAAG,MAAM,UAAAE,EAAE,OAAO,GAAE;AAAA,IAE5BL,MAAU,KACT,gBAAAS,EAACP,GAAO,EAAA,SAAQ,aAAY,SAASD,GAClC,UAAEI,EAAA,eAAe,EACpB,CAAA;AAAA,EAAA,GAEJ;AAEJ;AAKgB,SAAAK,EAAyB,EAAE,WAAAT,KAA4C;AAC/E,QAAA,EAAE,QAAAC,EAAO,IAAIE,EAAoB,GACjC,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;AAGtD,SAAA,gBAAAG,EAACE,KAAU,OAAON,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,GAC5E,UAAA,gBAAAI,EAACG,KAAc,gBAAe,UAC5B,4BAACV,GAAO,EAAA,SAASD,GAAY,UAAEI,EAAA,kBAAkB,EAAE,CAAA,EAAA,CACrD,EACF,CAAA;AAEJ;AASO,SAASQ,EAAe;AAAA,EAC7B,aAAAC;AAAA,EACA,WAAAb;AAAA,EACA,YAAAc;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,2BAA2B;AACnC,QAAM,EAAE,GAAAZ,EAAA,IAAMC,EAAe,2BAA2B,GAElDY,IAAgBC,EAAmC;AAAA,IACvD,SAAS;AAAA,MACP;AAAA,QACE,OAAOd,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CACNe,MAAAC,EAAc,EAAE,YAAYD,EAAW,WAAW,WAAWA,EAAW,SAAU,CAAA;AAAA,MACtF;AAAA,MACA;AAAA,QACE,OAAOf,EAAE,oBAAoB;AAAA,QAC7B,QAAQ,CAAC,EAAE,WAAAiB,GAAW,kBAAAC,EACpB,MAAA,gBAAAd;AAAA,UAACe;AAAA,UAAA;AAAA,YACC,WAAAF;AAAA,YACA,kBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAGN;AAAA,IACA,MAAMT;AAAA,IACN,UAAU,MACR,gBAAAL;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,OAAO,CAAC,EAAE,OAAOpB,EAAE,SAAS,GAAG,MAAM,gBAAAI,EAACiB,KAAU,eAAW,GAAA,CAAC,GAAI,SAASX,GAAY;AAAA,QACrF,cAAcV,EAAE,SAAS;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,YAAY,MAAO,gBAAAI,EAAAC,GAAA,EAAyB,WAAAT,EAAsB,CAAA;AAAA,EAAA,CACnE;AAGC,SAAA,gBAAAM,EAACoB,GAAK,EAAA,KAAK,IACT,UAAA;AAAA,IAAC,gBAAAlB,EAAAV,GAAA,EAAK,OAAOiB,GAAY,WAAAf,EAAsB,CAAA;AAAA,sBAC9C2B,GAAS,EAAA,OAAOvB,EAAE,qBAAqB,GAAI,GAAGa,EAAe,CAAA;AAAA,EAAA,GAChE;AAEJ;AAQO,SAASW,EAAsB;AAAA,EACpC,WAAAC;AAAA,EACA,WAAA7B;AAAA,EACA,YAAAc;AACF,GAA+B;AAC7B,QAAMgB,IAAkBC,EAAe,EAAE,aAAaF,GAAW,WAAA7B,GAAW;AAE5E,SAAQ,gBAAAQ,EAAAI,GAAA,EAAe,YAAAE,GAAyB,GAAGgB,EAAiB,CAAA;AACtE;"}

package/dist/components/Contractor/NewHireReport/NewHireReport.js

@@ -11,10 +11,9 @@ import { BaseComponent as g } from "../../Base/Base.js";
 import { useBase as A } from "../../Base/useBase.js";
 import { useComponentContext as B } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { Form as P } from "../../Common/Form/Form.js";
-import { STATES_ABBR as j, componentEvents as p } from "../../../shared/constants.js";
+import { STATES_ABBR as j, componentEvents as u } from "../../../shared/constants.js";
 import { ActionsLayout as L } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { Flex as M } from "../../Common/Flex/Flex.js";
-import "classnames";
 import { RadioGroupField as U } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { SelectField as q } from "../../Common/Fields/SelectField/SelectField.js";
 const W = r.union([
@@ -26,38 +25,38 @@ const W = r.union([
     fileNewHireReport: r.boolean().refine((o) => !o)
   })
 ]);
-function le(o) {
+function ae(o) {
   return /* @__PURE__ */ e(g, { ...o, children: /* @__PURE__ */ e(k, { ...o, children: o.children }) });
 }
-function k({ contractorId: o, className: u, dictionary: d }) {
+function k({ contractorId: o, className: p, dictionary: d }) {
   F("Contractor.NewHireReport", d), x("Contractor.NewHireReport");
   const { t } = v("Contractor.NewHireReport"), { onEvent: m, baseSubmitHandler: f } = A(), s = B(), {
     data: { contractor: R }
-  } = y({ contractorUuid: o }), i = R, { mutateAsync: h, isPending: H } = D(), w = O(
+  } = y({ contractorUuid: o }), n = R, { mutateAsync: h, isPending: H } = D(), w = O(
     () => ({
-      fileNewHireReport: i.fileNewHireReport || !1,
-      state: i.workState || null
+      fileNewHireReport: n.fileNewHireReport || !1,
+      state: n.workState || null
     }),
-    [i]
+    [n]
   ), a = S({
     resolver: _(W),
     defaultValues: w
-  }), N = E({ control: a.control, name: "fileNewHireReport" }), b = async (n) => {
-    await f(n, async (l) => {
+  }), N = E({ control: a.control, name: "fileNewHireReport" }), b = async (i) => {
+    await f(i, async (l) => {
       const C = await h({
         request: {
           contractorUuid: o,
           requestBody: {
             fileNewHireReport: l.fileNewHireReport,
             workState: "state" in l ? l.state : null,
-            version: i.version
+            version: n.version
           }
         }
       });
-      m(p.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, C), m(p.CONTRACTOR_NEW_HIRE_REPORT_DONE);
+      m(u.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, C), m(u.CONTRACTOR_NEW_HIRE_REPORT_DONE);
     });
   };
-  return /* @__PURE__ */ e("section", { className: u, children: /* @__PURE__ */ e(T, { ...a, children: /* @__PURE__ */ e(P, { onSubmit: a.handleSubmit(b), children: /* @__PURE__ */ c(M, { flexDirection: "column", children: [
+  return /* @__PURE__ */ e("section", { className: p, children: /* @__PURE__ */ e(T, { ...a, children: /* @__PURE__ */ e(P, { onSubmit: a.handleSubmit(b), children: /* @__PURE__ */ c(M, { flexDirection: "column", children: [
     /* @__PURE__ */ c("header", { children: [
       /* @__PURE__ */ e(s.Heading, { as: "h2", children: t("title") }),
       /* @__PURE__ */ e(s.Text, { children: t("description") })
@@ -84,9 +83,9 @@ function k({ contractorId: o, className: u, dictionary: d }) {
       q,
       {
         name: "state",
-        options: j.map((n) => ({
-          label: t(`statesHash.${n}`, { ns: "common" }),
-          value: n
+        options: j.map((i) => ({
+          label: t(`statesHash.${i}`, { ns: "common" }),
+          value: i
         })),
         label: t("stateSelectionLabel"),
         placeholder: "",
@@ -106,6 +105,6 @@ function k({ contractorId: o, className: u, dictionary: d }) {
   ] }) }) }) });
 }
 export {
-  le as NewHireReport
+  ae as NewHireReport
 };
 //# sourceMappingURL=NewHireReport.js.map

package/dist/components/Contractor/NewHireReport/NewHireReport.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewHireReport.js","sources":["../../../../src/components/Contractor/NewHireReport/NewHireReport.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { NewHireReportProps } from './types'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, STATES_ABBR } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex, RadioGroupField, SelectField } from '@/components/Common'\n\nconst NewHireReportSchema = z.union([\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => v),\n    state: z.string().min(1),\n  }),\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => !v),\n  }),\n])\n\nexport type NewHireReportSchemaInputs = z.input<typeof NewHireReportSchema>\n\nexport function NewHireReport(props: NewHireReportProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, className, dictionary }: NewHireReportProps) {\n  useComponentDictionary('Contractor.NewHireReport', dictionary)\n  useI18n('Contractor.NewHireReport')\n  const { t } = useTranslation('Contractor.NewHireReport')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractorDetails = contractor!\n\n  const { mutateAsync: updateContractor, isPending: updateContractorPending } =\n    useContractorsUpdateMutation()\n\n  const defaultValues = useMemo(\n    () => ({\n      fileNewHireReport: contractorDetails.fileNewHireReport || false,\n      state: contractorDetails.workState || null,\n    }),\n    [contractorDetails],\n  )\n\n  const formMethods = useForm({\n    resolver: zodResolver(NewHireReportSchema),\n    defaultValues: defaultValues,\n  })\n\n  const watchedDoFile = useWatch({ control: formMethods.control, name: 'fileNewHireReport' })\n  const onSubmit: SubmitHandler<NewHireReportSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const contractorResponse = await updateContractor({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: {\n            fileNewHireReport: payload.fileNewHireReport,\n            workState: 'state' in payload ? payload.state : null,\n            version: contractorDetails.version!,\n          },\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, contractorResponse)\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex flexDirection={'column'}>\n            <header>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </header>\n            <RadioGroupField\n              name=\"fileNewHireReport\"\n              label={t('doFileLegend')}\n              shouldVisuallyHideLabel\n              options={[\n                {\n                  value: true,\n                  label: t('yesOption'),\n                },\n                {\n                  value: false,\n                  label: t('noOption'),\n                },\n              ]}\n            />\n            {watchedDoFile && (\n              <SelectField\n                name=\"state\"\n                options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n                  label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n                  value: stateAbbr,\n                }))}\n                label={t('stateSelectionLabel')}\n                placeholder={''}\n                errorMessage={t('validations.state')}\n                isRequired\n              />\n            )}\n            <ActionsLayout>\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={updateContractorPending}\n              >\n                {t('submitCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["NewHireReportSchema","z","v","NewHireReport","props","jsx","BaseComponent","Root","contractorId","className","dictionary","useComponentDictionary","useI18n","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","contractor","useContractorsGetSuspense","contractorDetails","updateContractor","updateContractorPending","useContractorsUpdateMutation","defaultValues","useMemo","formMethods","useForm","zodResolver","watchedDoFile","useWatch","onSubmit","data","payload","contractorResponse","componentEvents","FormProvider","Form","jsxs","Flex","RadioGroupField","SelectField","STATES_ABBR","stateAbbr","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"NewHireReport.js","sources":["../../../../src/components/Contractor/NewHireReport/NewHireReport.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { NewHireReportProps } from './types'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, STATES_ABBR } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex, RadioGroupField, SelectField } from '@/components/Common'\n\nconst NewHireReportSchema = z.union([\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => v),\n    state: z.string().min(1),\n  }),\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => !v),\n  }),\n])\n\nexport type NewHireReportSchemaInputs = z.input<typeof NewHireReportSchema>\n\nexport function NewHireReport(props: NewHireReportProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, className, dictionary }: NewHireReportProps) {\n  useComponentDictionary('Contractor.NewHireReport', dictionary)\n  useI18n('Contractor.NewHireReport')\n  const { t } = useTranslation('Contractor.NewHireReport')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractorDetails = contractor!\n\n  const { mutateAsync: updateContractor, isPending: updateContractorPending } =\n    useContractorsUpdateMutation()\n\n  const defaultValues = useMemo(\n    () => ({\n      fileNewHireReport: contractorDetails.fileNewHireReport || false,\n      state: contractorDetails.workState || null,\n    }),\n    [contractorDetails],\n  )\n\n  const formMethods = useForm({\n    resolver: zodResolver(NewHireReportSchema),\n    defaultValues: defaultValues,\n  })\n\n  const watchedDoFile = useWatch({ control: formMethods.control, name: 'fileNewHireReport' })\n  const onSubmit: SubmitHandler<NewHireReportSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const contractorResponse = await updateContractor({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: {\n            fileNewHireReport: payload.fileNewHireReport,\n            workState: 'state' in payload ? payload.state : null,\n            version: contractorDetails.version!,\n          },\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, contractorResponse)\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex flexDirection={'column'}>\n            <header>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </header>\n            <RadioGroupField\n              name=\"fileNewHireReport\"\n              label={t('doFileLegend')}\n              shouldVisuallyHideLabel\n              options={[\n                {\n                  value: true,\n                  label: t('yesOption'),\n                },\n                {\n                  value: false,\n                  label: t('noOption'),\n                },\n              ]}\n            />\n            {watchedDoFile && (\n              <SelectField\n                name=\"state\"\n                options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n                  label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n                  value: stateAbbr,\n                }))}\n                label={t('stateSelectionLabel')}\n                placeholder={''}\n                errorMessage={t('validations.state')}\n                isRequired\n              />\n            )}\n            <ActionsLayout>\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={updateContractorPending}\n              >\n                {t('submitCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["NewHireReportSchema","z","v","NewHireReport","props","jsx","BaseComponent","Root","contractorId","className","dictionary","useComponentDictionary","useI18n","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","contractor","useContractorsGetSuspense","contractorDetails","updateContractor","updateContractorPending","useContractorsUpdateMutation","defaultValues","useMemo","formMethods","useForm","zodResolver","watchedDoFile","useWatch","onSubmit","data","payload","contractorResponse","componentEvents","FormProvider","Form","jsxs","Flex","RadioGroupField","SelectField","STATES_ABBR","stateAbbr","ActionsLayout"],"mappings":"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"}

package/dist/components/Contractor/PaymentMethod/BankAccountForm.js

@@ -1,6 +1,6 @@
 import { jsxs as n, Fragment as o, jsx as r } from "react/jsx-runtime";
 import { useTranslation as t } from "react-i18next";
-import "classnames";
+import "../../../shared/constants.js";
 import { TextInputField as a } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 function p({ bankAccount: u }) {

package/dist/components/Contractor/PaymentMethod/PaymentMethod.js

@@ -18,7 +18,6 @@ import { Form as X } from "../../Common/Form/Form.js";
 import { PAYMENT_METHODS as i, componentEvents as s } from "../../../shared/constants.js";
 import { ActionsLayout as Z } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { Flex as $ } from "../../Common/Flex/Flex.js";
-import "classnames";
 import { routingNumberValidation as I, accountNumberValidation as tt } from "../../../helpers/validations.js";
 const et = r.discriminatedUnion("type", [
   r.object({
@@ -33,7 +32,7 @@ const et = r.discriminatedUnion("type", [
     type: r.literal("Check")
   })
 ]);
-function kt(n) {
+function Dt(n) {
   return /* @__PURE__ */ t(W, { ...n, children: /* @__PURE__ */ t(ot, { ...n, children: n.children }) });
 }
 function ot({ contractorId: n, className: y, dictionary: f }) {
@@ -112,6 +111,6 @@ function ot({ contractorId: n, className: y, dictionary: f }) {
   ] }) }) }) });
 }
 export {
-  kt as PaymentMethod
+  Dt as PaymentMethod
 };
 //# sourceMappingURL=PaymentMethod.js.map