@gusto/embedded-react-sdk 0.28.0 → 0.29.0

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 | boolean | number | undefined>>> =\n      {}\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 | number | undefined> = {}\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] =\n          requirement.metadata?.type === 'radio'\n            ? (requirement.value ?? undefined)\n            : requirement.value\n              ? String(requirement.value)\n              : ''\n\n        // --- Schema Logic ---\n        // Start with a basic string schema\n        let fieldSchema: z.ZodTypeAny = z\n          .string({\n            required_error: t('validations.required'),\n          })\n          .min(1, t('validations.required'))\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                  required_error: t('validations.required'),\n                })\n                .min(1, t('validations.required'))\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            required_error: t('validations.required'),\n          })\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"],"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 | number | undefined>>> =\n      {}\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 | number | undefined> = {}\n\n      requirementSet.requirements?.forEach(requirement => {\n        if (!requirement.key) return\n\n        const requirementKey = requirement.key\n\n        const isPercentField =\n          requirement.metadata?.type === 'tax_rate' || requirement.metadata?.type === 'percent'\n\n        if (requirement.metadata?.type === 'radio') {\n          requirementValues[requirementKey] = requirement.value ?? undefined\n        } else {\n          requirementValues[requirementKey] = requirement.value ? String(requirement.value) : ''\n        }\n\n        let fieldSchema: z.ZodTypeAny = z\n          .string({\n            required_error: t('validations.required'),\n          })\n          .min(1, t('validations.required'))\n\n        const validation = requirement.metadata?.validation\n\n        if (validation) {\n          if (isPercentField && validation.type === 'one_of') {\n            const oneOfValues = validation.rates as string[]\n            fieldSchema = z\n              .string({\n                required_error: t('validations.required'),\n              })\n              .min(1, t('validations.required'))\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            required_error: t('validations.required'),\n          })\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\n          return {\n            state: requirementSet.state,\n            key: requirementSetKey,\n            effectiveFrom: requirementSet.effectiveFrom,\n            requirements: Object.entries(payloadSet).map(([reqKey, value]) => ({\n              key: reqKey,\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"],"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","isPercentField","fieldSchema","z","validation","oneOfValues","val","control","methods","useForm","zodResolver","onSubmit","formData","payload","requirementSets","rs","payloadSet","reqKey","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

@@ -9,13 +9,11 @@ import "../../../Base/useBase.js";
 import "../../../../shared/constants.js";
 import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [d, u] = t("StateTaxesFormContext");
+const [T, c] = t("StateTaxesFormContext");
 export {
-  u as StateTaxesFormProvider,
-  d as useStateTaxesForm
+  c as StateTaxesFormProvider,
+  T as useStateTaxesForm
 };
 //# sourceMappingURL=context.js.map

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

@@ -1 +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;"}
+{"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/StateTaxesForm/index.d.ts

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { StateTaxesForm } from './StateTaxesForm';

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

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

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

@@ -1 +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,EAAA,GACb,EAAE,gBAAAC,EAAA,IAAmBC,EAAA;AAC3B,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACJ,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASE,GAC3C,UAAAJ,EAAE,kBAAkB,GACvB,GACF;AAEJ;"}
+{"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,EAAA,GACb,EAAE,gBAAAC,EAAA,IAAmBC,EAAA;AAC3B,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACJ,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASE,GAC3C,UAAAJ,EAAE,kBAAkB,GACvB,GACF;AAEJ;"}

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

@@ -1,14 +1,13 @@
 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 "../../../../shared/constants.js";
 import "classnames";
 import { EmptyData as c } from "../../../Common/EmptyData/EmptyData.js";
 import { useComponentContext as u } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { useDataView as d } from "../../../Common/DataView/useDataView.js";
 import { DataView as C } from "../../../Common/DataView/DataView.js";
-const w = () => {
+const b = () => {
   const { stateTaxRequirements: r, handleChange: n } = l(), a = u(), { t } = o("Company.StateTaxes", { keyPrefix: "list" }), { t: i } = o("common", { keyPrefix: "statesHash" }), { ...m } = d({
     data: r,
     columns: [
@@ -38,6 +37,6 @@ const w = () => {
   return /* @__PURE__ */ s(C, { label: t("requirementsListLabel"), ...m });
 };
 export {
-  w as List
+  b as List
 };
 //# sourceMappingURL=List.js.map

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

@@ -1 +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,IAAiBC,EAAA,GACzCC,IAAaC,EAAA,GAEb,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GAExE,EAAE,GAAGE,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAS,MACC,gBAAAC,EAAC,QAAA,EAAM,UAAAJ,EAAWG,EAAY,KAAqC,GAAE;AAAA,MAC9E;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAA,6BAGF,UAAA,gBAAAC,EAACP,EAAW,OAAX,EAAiB,QAAQM,EAAY,gBAAgB,YAAY,WAC/D,UAAAA,EAAY,gBAAgB,EAAE,eAAe,IAAI,EAAE,iBAAiB,GACvE,GACF;AAAA,MAEJ;AAAA,IACF;AAAA,IAEF,UAAU,CAAAA,MAEN,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,IAAA;AAAA,IAKtF,YAAY,MACV,gBAAAC,EAACC,GAAA,EAAU,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,EAAA,CAAG;AAAA,EAAA,CAEpF;AACD,2BAAQC,GAAA,EAAS,OAAO,EAAE,uBAAuB,GAAI,GAAGL,GAAe;AACzE;"}
+{"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,IAAiBC,EAAA,GACzCC,IAAaC,EAAA,GAEb,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GAExE,EAAE,GAAGE,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAS,MACC,gBAAAC,EAAC,QAAA,EAAM,UAAAJ,EAAWG,EAAY,KAAqC,GAAE;AAAA,MAC9E;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAA,6BAGF,UAAA,gBAAAC,EAACP,EAAW,OAAX,EAAiB,QAAQM,EAAY,gBAAgB,YAAY,WAC/D,UAAAA,EAAY,gBAAgB,EAAE,eAAe,IAAI,EAAE,iBAAiB,GACvE,GACF;AAAA,MAEJ;AAAA,IACF;AAAA,IAEF,UAAU,CAAAA,MAEN,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,IAAA;AAAA,IAKtF,YAAY,MACV,gBAAAC,EAACC,GAAA,EAAU,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,EAAA,CAAG;AAAA,EAAA,CAEpF;AACD,2BAAQC,GAAA,EAAS,OAAO,EAAE,uBAAuB,GAAI,GAAGL,GAAe;AACzE;"}

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

@@ -9,13 +9,11 @@ import "../../../Base/useBase.js";
 import "../../../../shared/constants.js";
 import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [d, u] = t("StateTaxesListContext");
+const [T, c] = t("StateTaxesListContext");
 export {
-  u as StateTaxesListProvider,
-  d as useStateTaxesList
+  c as StateTaxesListProvider,
+  T as useStateTaxesList
 };
 //# sourceMappingURL=context.js.map

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

@@ -1 +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;"}
+{"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/StateTaxesList/index.d.ts

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { StateTaxesList } from './StateTaxesList';

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

@@ -11,5 +11,7 @@ export { Locations } from './Locations/Locations';
 export { PaySchedule } from './PaySchedule';
 export { FederalTaxes } from './FederalTaxes';
 export { BankAccount } from './BankAccount/BankAccount';
+export { StateTaxesList } from './StateTaxes/StateTaxesList';
+export { StateTaxesForm } from './StateTaxes/StateTaxesForm';
 export { StateTaxes } from './StateTaxes/StateTaxes';
 export { OnboardingFlow } from './OnboardingFlow/OnboardingFlow';

package/dist/components/Company/index.js

@@ -1,31 +1,35 @@
 import { OnboardingOverview as e } from "./OnboardingOverview/OnboardingOverview.js";
 import { Locations as m } from "./Locations/Locations.js";
-import { BankAccount as x } from "./BankAccount/BankAccount.js";
+import { BankAccount as a } from "./BankAccount/BankAccount.js";
 import { StateTaxes as f } from "./StateTaxes/StateTaxes.js";
 import { OnboardingFlow as i } from "./OnboardingFlow/OnboardingFlow.js";
-import { Industry as s } from "./Industry/Industry.js";
+import { Industry as S } from "./Industry/Industry.js";
 import { AssignSignatory as c } from "./AssignSignatory/AssignSignatory.js";
 import { CreateSignatory as d } from "./AssignSignatory/CreateSignatory/CreateSignatory.js";
-import { InviteSignatory as l } from "./AssignSignatory/InviteSignatory/InviteSignatory.js";
-import { DocumentList as F } from "./DocumentSigner/DocumentList/DocumentList.js";
-import { SignatureForm as b } from "./DocumentSigner/SignatureForm/SignatureForm.js";
-import { DocumentSigner as A } from "./DocumentSigner/DocumentSigner.js";
-import { PaySchedule as I } from "./PaySchedule/PaySchedule.js";
-import { FederalTaxes as T } from "./FederalTaxes/FederalTaxes.js";
+import { InviteSignatory as F } from "./AssignSignatory/InviteSignatory/InviteSignatory.js";
+import { DocumentList as l } from "./DocumentSigner/DocumentList/DocumentList.js";
+import { SignatureForm as L } from "./DocumentSigner/SignatureForm/SignatureForm.js";
+import { DocumentSigner as b } from "./DocumentSigner/DocumentSigner.js";
+import { PaySchedule as A } from "./PaySchedule/PaySchedule.js";
+import { FederalTaxes as I } from "./FederalTaxes/FederalTaxes.js";
+import { StateTaxesList as k } from "./StateTaxes/StateTaxesList/StateTaxesList.js";
+import { StateTaxesForm as C } from "./StateTaxes/StateTaxesForm/StateTaxesForm.js";
 export {
   c as AssignSignatory,
-  x as BankAccount,
+  a as BankAccount,
   d as CreateSignatory,
-  F as DocumentList,
-  A as DocumentSigner,
-  T as FederalTaxes,
-  s as Industry,
-  l as InviteSignatory,
+  l as DocumentList,
+  b as DocumentSigner,
+  I as FederalTaxes,
+  S as Industry,
+  F as InviteSignatory,
   m as Locations,
   i as OnboardingFlow,
   e as OnboardingOverview,
-  I as PaySchedule,
-  b as SignatureForm,
-  f as StateTaxes
+  A as PaySchedule,
+  L as SignatureForm,
+  f as StateTaxes,
+  C as StateTaxesForm,
+  k as StateTaxesList
 };
 //# sourceMappingURL=index.js.map

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

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

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

@@ -11,13 +11,13 @@ import { Actions as B } 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 "classnames";
-import { contractorEvents as d } from "../../../shared/constants.js";
 import "react-i18next";
+import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { BaseComponent as G } from "../../Base/Base.js";
 import { useBase as H } from "../../Base/useBase.js";
+import { contractorEvents as d } from "../../../shared/constants.js";
 function mt(r) {
   return /* @__PURE__ */ t(G, { ...r, children: /* @__PURE__ */ t(M, { ...r, children: r.children }) });
 }

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

@@ -1,14 +1,15 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { useTranslation as i } from "react-i18next";
-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 { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
+import { Grid as o } from "../../Common/Grid/Grid.js";
+import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
+import { STATES_ABBR as l } from "../../../shared/constants.js";
+import { TextInputField as t } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as m } from "../../Common/Fields/SelectField/SelectField.js";
-function R() {
-  const { t: e } = i("Contractor.Address");
-  return /* @__PURE__ */ s(l, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
+function T() {
+  const { t: e } = s("Contractor.Address");
+  return /* @__PURE__ */ i(o, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
     /* @__PURE__ */ r(
       t,
       {
@@ -32,7 +33,7 @@ function R() {
       m,
       {
         name: "state",
-        options: o.map((a) => ({
+        options: l.map((a) => ({
           label: e(`statesHash.${a}`, { ns: "common", defaultValue: a }),
           value: a
         })),
@@ -46,6 +47,6 @@ function R() {
   ] });
 }
 export {
-  R as Form
+  T 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,SACE,gBAAAC,EAACC,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,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,IAAA;AAAA,sBAEtCK,GAAA,EAAe,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,IAAA;AAAA,IAEpC,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASC,EAAY,IAAI,CAAAC,OAAc;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,IAAA;AAAA,IAEZ,gBAAAI,EAACC,GAAA,EAAe,MAAK,OAAM,OAAOL,EAAE,KAAK,GAAG,YAAU,IAAC,cAAcA,EAAE,iBAAiB,EAAA,CAAG;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,SACE,gBAAAC,EAACC,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,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,IAAA;AAAA,sBAEtCK,GAAA,EAAe,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,IAAA;AAAA,IAEpC,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASC,EAAY,IAAI,CAAAC,OAAc;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,IAAA;AAAA,IAEZ,gBAAAI,EAACC,GAAA,EAAe,MAAK,OAAM,OAAOL,EAAE,KAAK,GAAG,YAAU,IAAC,cAAcA,EAAE,iBAAiB,EAAA,CAAG;AAAA,EAAA,GAC7F;AAEJ;"}

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

@@ -10,22 +10,20 @@ import "../../Base/useBase.js";
 import "../../../shared/constants.js";
 import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as r } from "../../Base/createCompoundContext.js";
-const z = t.object({
+const f = t.object({
   street1: t.string().min(1),
   street2: t.string().optional(),
   city: t.string().min(1),
   state: t.string().min(1),
   zip: t.string().min(1)
-}), [b, h] = r(
+}), [u, z] = r(
   "ContractorAddressContext"
 );
 export {
-  z as AddressFormSchema,
-  h as AddressProvider,
-  b as useAddress
+  f as AddressFormSchema,
+  z as AddressProvider,
+  u as useAddress
 };
 //# sourceMappingURL=useAddress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAddress.js","sources":["../../../../src/components/Contractor/Address/useAddress.ts"],"sourcesContent":["import type { Contractor, ContractorType } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorAddress } from '@gusto/embedded-api/models/components/contractoraddress'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport interface AddressContextType {\n  contractor?: Contractor\n  contractorType?: ContractorType\n  address?: ContractorAddress\n  isPending: boolean\n}\n\nexport type AddressDefaultValues = RequireAtLeastOne<\n  Pick<ContractorAddress, 'street1' | 'street2' | 'city' | 'state' | 'zip'>\n>\n\nexport const AddressFormSchema = z.object({\n  street1: z.string().min(1),\n  street2: z.string().optional(),\n  city: z.string().min(1),\n  state: z.string().min(1),\n  zip: z.string().min(1),\n})\n\nexport type AddressFormValues = z.infer<typeof AddressFormSchema>\n\nconst [useAddress, AddressProvider] = createCompoundContext<AddressContextType>(\n  'ContractorAddressContext',\n)\n\nexport { useAddress, AddressProvider }\n"],"names":["AddressFormSchema","z","useAddress","AddressProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAiBO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACzB,SAASA,EAAE,OAAA,EAAS,SAAA;AAAA,EACpB,MAAMA,EAAE,SAAS,IAAI,CAAC;AAAA,EACtB,OAAOA,EAAE,SAAS,IAAI,CAAC;AAAA,EACvB,KAAKA,EAAE,OAAA,EAAS,IAAI,CAAC;AACvB,CAAC,GAIK,CAACC,GAAYC,CAAe,IAAIC;AAAA,EACpC;AACF;"}
+{"version":3,"file":"useAddress.js","sources":["../../../../src/components/Contractor/Address/useAddress.ts"],"sourcesContent":["import type { Contractor, ContractorType } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorAddress } from '@gusto/embedded-api/models/components/contractoraddress'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport interface AddressContextType {\n  contractor?: Contractor\n  contractorType?: ContractorType\n  address?: ContractorAddress\n  isPending: boolean\n}\n\nexport type AddressDefaultValues = RequireAtLeastOne<\n  Pick<ContractorAddress, 'street1' | 'street2' | 'city' | 'state' | 'zip'>\n>\n\nexport const AddressFormSchema = z.object({\n  street1: z.string().min(1),\n  street2: z.string().optional(),\n  city: z.string().min(1),\n  state: z.string().min(1),\n  zip: z.string().min(1),\n})\n\nexport type AddressFormValues = z.infer<typeof AddressFormSchema>\n\nconst [useAddress, AddressProvider] = createCompoundContext<AddressContextType>(\n  'ContractorAddressContext',\n)\n\nexport { useAddress, AddressProvider }\n"],"names":["AddressFormSchema","z","useAddress","AddressProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAiBO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACzB,SAASA,EAAE,OAAA,EAAS,SAAA;AAAA,EACpB,MAAMA,EAAE,SAAS,IAAI,CAAC;AAAA,EACtB,OAAOA,EAAE,SAAS,IAAI,CAAC;AAAA,EACvB,KAAKA,EAAE,OAAA,EAAS,IAAI,CAAC;AACvB,CAAC,GAIK,CAACC,GAAYC,CAAe,IAAIC;AAAA,EACpC;AACF;"}

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

@@ -4,17 +4,17 @@ import { useContractorsDeleteMutation as w } from "@gusto/embedded-api/react-que
 import { useContractors as H } from "./useContractorList.js";
 import { Flex as f } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { CONTRACTOR_TYPE as k, componentEvents as m } from "../../../shared/constants.js";
-import { EmptyData as U } from "../../Common/EmptyData/EmptyData.js";
+import { EmptyData as k } from "../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as h } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { HamburgerMenu as j } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { firstLastName as M } from "../../../helpers/formattedStrings.js";
-import V from "../../../assets/icons/pencil.svg.js";
+import { HamburgerMenu as U } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { firstLastName as j } from "../../../helpers/formattedStrings.js";
+import M from "../../../assets/icons/pencil.svg.js";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { ContractorOnboardingStatusBadge as F } from "../../Common/OnboardingStatusBadge/index.js";
-import { useI18n as q } from "../../../i18n/I18n.js";
-import { BaseComponent as G } from "../../Base/Base.js";
-import { useBase as Y } from "../../Base/useBase.js";
+import { ContractorOnboardingStatusBadge as V } from "../../Common/OnboardingStatusBadge/index.js";
+import { useI18n as F } from "../../../i18n/I18n.js";
+import { BaseComponent as q } from "../../Base/Base.js";
+import { useBase as G } from "../../Base/useBase.js";
+import { CONTRACTOR_TYPE as Y, componentEvents as m } from "../../../shared/constants.js";
 import z from "../../../assets/icons/trashcan.svg.js";
 import { useDataView as J } from "../../Common/DataView/useDataView.js";
 import { DataView as K } from "../../Common/DataView/DataView.js";
@@ -27,14 +27,14 @@ function Q({ count: o, handleAdd: a }) {
 }
 function W({ handleAdd: o }) {
   const { Button: a } = u(), { t: r } = d("Contractor.ContractorList");
-  return /* @__PURE__ */ t(U, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ t(h, { justifyContent: "center", children: /* @__PURE__ */ t(a, { onClick: o, children: r("addContractorCta") }) }) });
+  return /* @__PURE__ */ t(k, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ t(h, { justifyContent: "center", children: /* @__PURE__ */ t(a, { onClick: o, children: r("addContractorCta") }) }) });
 }
 function Tt(o) {
-  return /* @__PURE__ */ t(G, { ...o, children: /* @__PURE__ */ t(X, { ...o, children: o.children }) });
+  return /* @__PURE__ */ t(q, { ...o, children: /* @__PURE__ */ t(X, { ...o, children: o.children }) });
 }
 function X({ companyId: o, className: a, dictionary: r, successMessage: i }) {
-  q("Contractor.ContractorList");
-  const { t: n } = d("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: g } = Y(), { Alert: T, Button: P } = u(), {
+  F("Contractor.ContractorList");
+  const { t: n } = d("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: g } = G(), { Alert: T, Button: P } = u(), {
     contractors: L,
     totalCount: C,
     handleNextPage: N,
@@ -49,12 +49,12 @@ function X({ companyId: o, className: a, dictionary: r, successMessage: i }) {
     columns: [
       {
         title: n("listHeaders.name"),
-        render: (e) => e.type === k.BUSINESS ? e.businessName : M({ first_name: e.firstName, last_name: e.lastName })
+        render: (e) => e.type === Y.BUSINESS ? e.businessName : j({ first_name: e.firstName, last_name: e.lastName })
       },
       {
         title: n("listHeaders.status"),
         render: ({ onboarded: e, onboardingStatus: c }) => /* @__PURE__ */ t(
-          F,
+          V,
           {
             onboarded: e,
             onboardingStatus: c
@@ -64,12 +64,12 @@ function X({ companyId: o, className: a, dictionary: r, successMessage: i }) {
     ],
     data: L,
     itemMenu: (e) => /* @__PURE__ */ t(
-      j,
+      U,
       {
         items: [
           {
             label: n("editCta"),
-            icon: /* @__PURE__ */ t(V, { "aria-hidden": !0 }),
+            icon: /* @__PURE__ */ t(M, { "aria-hidden": !0 }),
             onClick: () => {
               _(e.uuid);
             }

package/dist/components/Contractor/ContractorList/useContractorList.d.ts

@@ -1,5 +1,4 @@
 import { Contractor } from '@gusto/embedded-api/models/components/contractor';
-import { PaginationItemsPerPage } from '../../Common/PaginationControl/PaginationControlTypes';
 export interface ContractorListContext {
     contractors: Contractor[];
 }
@@ -7,14 +6,15 @@ export interface useContractorsArgs {
     companyUuid: string;
 }
 export declare function useContractors({ companyUuid }: useContractorsArgs): {
-    contractors: Contractor[];
+    totalCount: number;
+    itemsPerPage: import('../../..').PaginationItemsPerPage;
     currentPage: number;
+    totalPages: number;
+    isFetching?: boolean | undefined;
     handleFirstPage: () => void;
-    handleItemsPerPageChange: import('react').Dispatch<import('react').SetStateAction<PaginationItemsPerPage>>;
-    handleLastPage: () => void;
-    handleNextPage: () => void;
     handlePreviousPage: () => void;
-    totalCount: number;
-    totalPages: number;
-    itemsPerPage: PaginationItemsPerPage;
+    handleNextPage: () => void;
+    handleLastPage: () => void;
+    handleItemsPerPageChange: (n: import('../../..').PaginationItemsPerPage) => void;
+    contractors: Contractor[];
 };

package/dist/components/Contractor/ContractorList/useContractorList.js

@@ -1,31 +1,15 @@
-import { useContractorsListSuspense as u } from "@gusto/embedded-api/react-query/contractorsList";
-import { useState as r } from "react";
-function C({ companyUuid: g }) {
-  const [s, e] = r(1), [n, P] = r(5), {
-    data: { httpMeta: o, contractorList: c }
-  } = u({ companyUuid: g, page: s, per: n }), t = Number(o.response.headers.get("x-total-pages") ?? 1), h = Number(o.response.headers.get("x-total-count") ?? 1);
+import { useContractorsListSuspense as a } from "@gusto/embedded-api/react-query/contractorsList";
+import { usePagination as c } from "../../../hooks/usePagination/usePagination.js";
+function u({ companyUuid: t }) {
+  const { currentPage: r, itemsPerPage: e, getPaginationProps: o } = c(), {
+    data: { httpMeta: s, contractorList: n }
+  } = a({ companyUuid: t, page: r, per: e });
   return {
-    contractors: c,
-    currentPage: s,
-    handleFirstPage: () => {
-      e(1);
-    },
-    handleItemsPerPageChange: P,
-    handleLastPage: () => {
-      e(t);
-    },
-    handleNextPage: () => {
-      e((a) => Math.min(a + 1, t));
-    },
-    handlePreviousPage: () => {
-      e((a) => Math.max(a - 1, 1));
-    },
-    totalCount: h,
-    totalPages: t,
-    itemsPerPage: n
+    contractors: n,
+    ...o(s.response.headers)
   };
 }
 export {
-  C as useContractors
+  u as useContractors
 };
 //# sourceMappingURL=useContractorList.js.map

package/dist/components/Contractor/ContractorList/useContractorList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContractorList.js","sources":["../../../../src/components/Contractor/ContractorList/useContractorList.ts"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useState } from 'react'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\nexport interface ContractorListContext {\n  contractors: Contractor[]\n}\n\nexport interface useContractorsArgs {\n  companyUuid: string\n}\n\nexport function useContractors({ companyUuid }: useContractorsArgs) {\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState<PaginationItemsPerPage>(5)\n\n  const {\n    data: { httpMeta, contractorList: contractors },\n  } = useContractorsListSuspense({ companyUuid, page: currentPage, per: itemsPerPage })\n  const totalPages = Number(httpMeta.response.headers.get('x-total-pages') ?? 1)\n  const totalCount = Number(httpMeta.response.headers.get('x-total-count') ?? 1)\n\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\n  }\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n\n  return {\n    contractors: contractors!,\n    currentPage,\n    handleFirstPage,\n    handleItemsPerPageChange: setItemsPerPage,\n    handleLastPage,\n    handleNextPage,\n    handlePreviousPage,\n    totalCount,\n    totalPages,\n    itemsPerPage,\n  }\n}\n"],"names":["useContractors","companyUuid","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","httpMeta","contractors","useContractorsListSuspense","totalPages","totalCount","prevPage"],"mappings":";;AAaO,SAASA,EAAe,EAAE,aAAAC,KAAmC;AAClE,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,CAAC,GAC1C,CAACC,GAAcC,CAAe,IAAIF,EAAiC,CAAC,GAEpE;AAAA,IACJ,MAAM,EAAE,UAAAG,GAAU,gBAAgBC,EAAA;AAAA,EAAY,IAC5CC,EAA2B,EAAE,aAAAR,GAAa,MAAMC,GAAa,KAAKG,GAAc,GAC9EK,IAAa,OAAOH,EAAS,SAAS,QAAQ,IAAI,eAAe,KAAK,CAAC,GACvEI,IAAa,OAAOJ,EAAS,SAAS,QAAQ,IAAI,eAAe,KAAK,CAAC;AAe7E,SAAO;AAAA,IACL,aAAAC;AAAA,IACA,aAAAN;AAAA,IACA,iBAhBsB,MAAM;AAC5B,MAAAC,EAAe,CAAC;AAAA,IAClB;AAAA,IAeE,0BAA0BG;AAAA,IAC1B,gBAfqB,MAAM;AAC3B,MAAAH,EAAeO,CAAU;AAAA,IAC3B;AAAA,IAcE,gBAbqB,MAAM;AAC3B,MAAAP,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAGF,CAAU,CAAC;AAAA,IAC/D;AAAA,IAYE,oBAXyB,MAAM;AAC/B,MAAAP,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAG,CAAC,CAAC;AAAA,IACtD;AAAA,IAUE,YAAAD;AAAA,IACA,YAAAD;AAAA,IACA,cAAAL;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useContractorList.js","sources":["../../../../src/components/Contractor/ContractorList/useContractorList.ts"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\nexport interface ContractorListContext {\n  contractors: Contractor[]\n}\n\nexport interface useContractorsArgs {\n  companyUuid: string\n}\n\nexport function useContractors({ companyUuid }: useContractorsArgs) {\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const {\n    data: { httpMeta, contractorList: contractors },\n  } = useContractorsListSuspense({ companyUuid, page: currentPage, per: itemsPerPage })\n\n  return {\n    contractors: contractors!,\n    ...getPaginationProps(httpMeta.response.headers),\n  }\n}\n"],"names":["useContractors","companyUuid","currentPage","itemsPerPage","getPaginationProps","usePagination","httpMeta","contractors","useContractorsListSuspense"],"mappings":";;AAYO,SAASA,EAAe,EAAE,aAAAC,KAAmC;AAClE,QAAM,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,EAAA,GAEpD;AAAA,IACJ,MAAM,EAAE,UAAAC,GAAU,gBAAgBC,EAAA;AAAA,EAAY,IAC5CC,EAA2B,EAAE,aAAAP,GAAa,MAAMC,GAAa,KAAKC,GAAc;AAEpF,SAAO;AAAA,IACL,aAAAI;AAAA,IACA,GAAGH,EAAmBE,EAAS,SAAS,OAAO;AAAA,EAAA;AAEnD;"}

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

@@ -1,16 +1,15 @@
-import { jsxs as a, Fragment as t, jsx as r } from "react/jsx-runtime";
-import { useTranslation as n } from "react-i18next";
-import "../../../shared/constants.js";
+import { jsxs as o, Fragment as n, jsx as r } from "react/jsx-runtime";
+import { useTranslation as t } from "react-i18next";
 import "classnames";
-import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-function N({ bankAccount: u }) {
-  const { t: e } = n("Contractor.PaymentMethod", { keyPrefix: "bankAccountForm" });
-  return /* @__PURE__ */ a(t, { children: [
+import { TextInputField as a } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+function g({ bankAccount: u }) {
+  const { t: e } = t("Contractor.PaymentMethod", { keyPrefix: "bankAccountForm" });
+  return /* @__PURE__ */ o(n, { children: [
     /* @__PURE__ */ r(
-      o,
+      a,
       {
         name: "name",
         isRequired: !0,
@@ -19,7 +18,7 @@ function N({ bankAccount: u }) {
       }
     ),
     /* @__PURE__ */ r(
-      o,
+      a,
       {
         name: "routingNumber",
         label: e("routingNumberLabel"),
@@ -29,7 +28,7 @@ function N({ bankAccount: u }) {
       }
     ),
     /* @__PURE__ */ r(
-      o,
+      a,
       {
         name: "accountNumber",
         label: e("accountNumberLabel"),
@@ -52,6 +51,6 @@ function N({ bankAccount: u }) {
   ] });
 }
 export {
-  N as BankAccountForm
+  g as BankAccountForm
 };
 //# sourceMappingURL=BankAccountForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n  const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        isRequired\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;;;AAIO,SAASA,EAAgB,EAAE,aAAAC,KAAqC;AACrE,QAAM,EAAE,GAAAC,MAAMC,EAAe,4BAA4B,EAAE,WAAW,mBAAmB;AAEzF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,WAAW;AAAA,QACpB,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,YAAU;AAAA,QACV,aAAaA,EAAE,0BAA0B;AAAA,QACzC,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,cAAcA,EAAE,2BAA2B;AAAA,QAC3C,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZ,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAA;AAAA,UACnD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAA;AAAA,QAAE;AAAA,MACrD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n  const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        isRequired\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;;AAIO,SAASA,EAAgB,EAAE,aAAAC,KAAqC;AACrE,QAAM,EAAE,GAAAC,MAAMC,EAAe,4BAA4B,EAAE,WAAW,mBAAmB;AAEzF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,WAAW;AAAA,QACpB,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,YAAU;AAAA,QACV,aAAaA,EAAE,0BAA0B;AAAA,QACzC,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,cAAcA,EAAE,2BAA2B;AAAA,QAC3C,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZ,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAA;AAAA,UACnD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAA;AAAA,QAAE;AAAA,MACrD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}