@gusto/embedded-react-sdk 0.8.0 → 0.8.1

package/dist/components/Employee/Taxes/FederalForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/Taxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport * as v from 'valibot'\nimport { NumberInputField, RadioGroupField, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const FederalFormSchema = v.object({\n  filingStatus: v.pipe(v.string(), v.nonEmpty()),\n  twoJobs: v.pipe(v.string(), v.nonEmpty()),\n  dependentsAmount: v.pipe(v.number(), v.transform(String)),\n  otherIncome: v.pipe(v.number(), v.transform(String)),\n  deductions: v.pipe(v.number(), v.transform(String)),\n  extraWithholding: v.pipe(v.number(), v.transform(String)),\n  w4DataType: v.picklist(['pre_2020_w4', 'rev_2020_w4']),\n})\n\nexport type FederalFormInputs = v.InferInput<typeof FederalFormSchema>\nexport type FederalFormPayload = v.InferOutput<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.Taxes')\n  const Components = useComponentContext()\n\n  const filingStatusCategories = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFillingStatusPlaceholder')}\n        options={filingStatusCategories}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Trans\n            i18nKey={'includesSpouseExplanation'}\n            t={t}\n            components={{\n              irs_link: <Components.Link />,\n            }}\n          />\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["FederalFormSchema","v","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusCategories","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}
+{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/Taxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { NumberInputField, RadioGroupField, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const FederalFormSchema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n  w4DataType: z.enum(['pre_2020_w4', 'rev_2020_w4']),\n})\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.Taxes')\n  const Components = useComponentContext()\n\n  const filingStatusCategories = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFillingStatusPlaceholder')}\n        options={filingStatusCategories}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Trans\n            i18nKey={'includesSpouseExplanation'}\n            t={t}\n            components={{\n              irs_link: <Components.Link />,\n            }}\n          />\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["FederalFormSchema","z","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusCategories","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":";;;;;;;AAKa,MAAAA,IAAoBC,EAAE,OAAO;AAAA,EACxC,cAAcA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC9B,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACzB,kBAAkBA,EAAE,SAAS,UAAU,MAAM;AAAA,EAC7C,aAAaA,EAAE,SAAS,UAAU,MAAM;AAAA,EACxC,YAAYA,EAAE,SAAS,UAAU,MAAM;AAAA,EACvC,kBAAkBA,EAAE,SAAS,UAAU,MAAM;AAAA,EAC7C,YAAYA,EAAE,KAAK,CAAC,eAAe,aAAa,CAAC;AACnD,CAAC;AAKM,SAASC,IAAc;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvCC,IAAaC,EAAoB,GAEjCC,IAAyB;AAAA,IAC7B,EAAE,OAAO,UAAU,OAAOJ,EAAE,oBAAoB,EAAE;AAAA,IAClD,EAAE,OAAO,WAAW,OAAOA,EAAE,qBAAqB,EAAE;AAAA,IACpD,EAAE,OAAO,qBAAqB,OAAOA,EAAE,6BAA6B,EAAE;AAAA,IACtE,EAAE,OAAO,2BAA2B,OAAOA,EAAE,mCAAmC,EAAE;AAAA,EACpF;AAEA,SAEI,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR,EAAE,uBAAuB;AAAA,QAChC,aAAaA,EAAE,iCAAiC;AAAA,QAChD,SAASI;AAAA,QACT,YAAU;AAAA,QACV,cAAcJ,EAAE,iCAAiC;AAAA,MAAA;AAAA,IACnD;AAAA,IACA,gBAAAO;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOT,EAAE,gBAAgB;AAAA,QACzB,cAAcA,EAAE,4BAA4B;AAAA,QAC5C,aACE,gBAAAO;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,GAAAV;AAAA,YACA,YAAY;AAAA,cACV,UAAU,gBAAAO,EAACL,EAAW,MAAX,CAAgB,CAAA;AAAA,YAAA;AAAA,UAC7B;AAAA,QACF;AAAA,QAEF,SAAS;AAAA,UACP,EAAE,OAAO,QAAQ,OAAOF,EAAE,gBAAgB,EAAE;AAAA,UAC5C,EAAE,OAAO,SAAS,OAAOA,EAAE,eAAe,EAAE;AAAA,QAAA;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,6BAA6B;AAAA,QACtC,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IACnC;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,aAAa;AAAA,QACtB,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IACnC;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,YAAY;AAAA,QACrB,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IACnC;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,kBAAkB;AAAA,QAC3B,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GACF;AAEJ;"}

package/dist/components/Employee/Taxes/StateForm.d.ts

@@ -1,6 +1,10 @@
-import * as v from 'valibot';
-export declare const StateFormSchema: v.ObjectSchema<{
-    readonly states: v.RecordSchema<v.StringSchema<undefined>, v.RecordSchema<v.StringSchema<undefined>, v.UnknownSchema, undefined>, undefined>;
-}, undefined>;
-export type StateFormPayload = v.InferOutput<typeof StateFormSchema>;
+import { z } from 'zod';
+export declare const StateFormSchema: z.ZodObject<{
+    states: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+}, "strip", z.ZodTypeAny, {
+    states: Record<string, Record<string, unknown>>;
+}, {
+    states: Record<string, Record<string, unknown>>;
+}>;
+export type StateFormPayload = z.output<typeof StateFormSchema>;
 export declare const StateForm: () => import("react/jsx-runtime").JSX.Element[];

package/dist/components/Employee/Taxes/StateForm.js

@@ -1,13 +1,13 @@
 import { jsxs as l, Fragment as f, jsx as r } from "react/jsx-runtime";
 import { useTranslation as s } from "react-i18next";
-import * as t from "valibot";
+import { z as t } from "zod";
 import { useTaxes as u } from "./useTaxes.js";
 import { snakeCaseToCamelCase as y } from "../../../helpers/formattedStrings.js";
 import { QuestionInput as x } from "../../Common/TaxInputs/TaxInputs.js";
 import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const H = t.object({
+const S = t.object({
   states: t.record(t.string(), t.record(t.string(), t.unknown()))
-}), S = () => {
+}), j = () => {
   const n = d(), { employeeStateTaxes: m, isAdmin: a } = u(), { t: i } = s("Employee.Taxes"), { t: p } = s("common", { keyPrefix: "statesHash" });
   return m.map(({ state: o, questions: c }) => /* @__PURE__ */ l(f, { children: [
     /* @__PURE__ */ r(n.Heading, { as: "h2", children: i("stateTaxesTitle", { state: p(o) }) }),
@@ -26,7 +26,7 @@ const H = t.object({
   ] }, o));
 };
 export {
-  S as StateForm,
-  H as StateFormSchema
+  j as StateForm,
+  S as StateFormSchema
 };
 //# sourceMappingURL=StateForm.js.map

package/dist/components/Employee/Taxes/StateForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateForm.js","sources":["../../../../src/components/Employee/Taxes/StateForm.tsx"],"sourcesContent":["import { Fragment } from 'react/jsx-runtime'\nimport { useTranslation } from 'react-i18next'\nimport * as v from 'valibot'\nimport { useTaxes } from './useTaxes'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const StateFormSchema = v.object({\n  states: v.record(v.string(), v.record(v.string(), v.unknown())),\n})\n\nexport type StateFormPayload = v.InferOutput<typeof StateFormSchema>\n\nexport const StateForm = () => {\n  const Components = useComponentContext()\n  const { employeeStateTaxes, isAdmin } = useTaxes()\n  const { t } = useTranslation('Employee.Taxes')\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n\n  return employeeStateTaxes.map(({ state, questions }) => (\n    <Fragment key={state}>\n      <Components.Heading as=\"h2\">\n        {t('stateTaxesTitle', { state: statesHash(state as (typeof STATES_ABBR)[number]) })}\n      </Components.Heading>\n      {questions.map(question => {\n        // @ts-expect-error TODO: This is an issue with the schema, the isQuestionForAdminOnly field is not defined\n        if (question.isQuestionForAdminOnly && !isAdmin) return null\n        return (\n          <QuestionInput\n            question={{\n              ...question,\n              key: `states.${state}.${snakeCaseToCamelCase(question.key)}`, // Its important not to convert state as it must maintain two capital letters\n            }}\n            questionType={\n              question.key === 'fileNewHireReport' ? 'Radio' : question.inputQuestionFormat.type\n            }\n            key={question.key}\n          />\n        )\n      })}\n    </Fragment>\n  ))\n}\n"],"names":["StateFormSchema","v","StateForm","Components","useComponentContext","employeeStateTaxes","isAdmin","useTaxes","t","useTranslation","statesHash","state","questions","Fragment","jsx","question","QuestionInput","snakeCaseToCamelCase"],"mappings":";;;;;;;AASa,MAAAA,IAAkBC,EAAE,OAAO;AAAA,EACtC,QAAQA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAOA,EAAE,OAAO,GAAGA,EAAE,QAAA,CAAS,CAAC;AAChE,CAAC,GAIYC,IAAY,MAAM;AAC7B,QAAMC,IAAaC,EAAoB,GACjC,EAAE,oBAAAC,GAAoB,SAAAC,EAAQ,IAAIC,EAAS,GAC3C,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc;AAEvE,SAAAJ,EAAmB,IAAI,CAAC,EAAE,OAAAM,GAAO,WAAAC,EAAU,wBAC/CC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACX,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAK,EAAE,mBAAmB,EAAE,OAAOE,EAAWC,CAAqC,EAAA,CAAG,EACpF,CAAA;AAAA,IACCC,EAAU,IAAI,CAAYG,MAErBA,EAAS,0BAA0B,CAACT,IAAgB,OAEtD,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAU;AAAA,UACR,GAAGD;AAAA,UACH,KAAK,UAAUJ,CAAK,IAAIM,EAAqBF,EAAS,GAAG,CAAC;AAAA;AAAA,QAC5D;AAAA,QACA,cACEA,EAAS,QAAQ,sBAAsB,UAAUA,EAAS,oBAAoB;AAAA,MAAA;AAAA,MAE3EA,EAAS;AAAA,IAChB,CAEH;AAAA,EAAA,EAAA,GAnBYJ,CAoBf,CACD;AACH;"}
+{"version":3,"file":"StateForm.js","sources":["../../../../src/components/Employee/Taxes/StateForm.tsx"],"sourcesContent":["import { Fragment } from 'react/jsx-runtime'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { useTaxes } from './useTaxes'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const StateFormSchema = z.object({\n  states: z.record(z.string(), z.record(z.string(), z.unknown())),\n})\n\nexport type StateFormPayload = z.output<typeof StateFormSchema>\n\nexport const StateForm = () => {\n  const Components = useComponentContext()\n  const { employeeStateTaxes, isAdmin } = useTaxes()\n  const { t } = useTranslation('Employee.Taxes')\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n\n  return employeeStateTaxes.map(({ state, questions }) => (\n    <Fragment key={state}>\n      <Components.Heading as=\"h2\">\n        {t('stateTaxesTitle', { state: statesHash(state as (typeof STATES_ABBR)[number]) })}\n      </Components.Heading>\n      {questions.map(question => {\n        // @ts-expect-error TODO: This is an issue with the schema, the isQuestionForAdminOnly field is not defined\n        if (question.isQuestionForAdminOnly && !isAdmin) return null\n        return (\n          <QuestionInput\n            question={{\n              ...question,\n              key: `states.${state}.${snakeCaseToCamelCase(question.key)}`, // Its important not to convert state as it must maintain two capital letters\n            }}\n            questionType={\n              question.key === 'fileNewHireReport' ? 'Radio' : question.inputQuestionFormat.type\n            }\n            key={question.key}\n          />\n        )\n      })}\n    </Fragment>\n  ))\n}\n"],"names":["StateFormSchema","z","StateForm","Components","useComponentContext","employeeStateTaxes","isAdmin","useTaxes","t","useTranslation","statesHash","state","questions","Fragment","jsx","question","QuestionInput","snakeCaseToCamelCase"],"mappings":";;;;;;;AASa,MAAAA,IAAkBC,EAAE,OAAO;AAAA,EACtC,QAAQA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAOA,EAAE,OAAO,GAAGA,EAAE,QAAA,CAAS,CAAC;AAChE,CAAC,GAIYC,IAAY,MAAM;AAC7B,QAAMC,IAAaC,EAAoB,GACjC,EAAE,oBAAAC,GAAoB,SAAAC,EAAQ,IAAIC,EAAS,GAC3C,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc;AAEvE,SAAAJ,EAAmB,IAAI,CAAC,EAAE,OAAAM,GAAO,WAAAC,EAAU,wBAC/CC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACX,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAK,EAAE,mBAAmB,EAAE,OAAOE,EAAWC,CAAqC,EAAA,CAAG,EACpF,CAAA;AAAA,IACCC,EAAU,IAAI,CAAYG,MAErBA,EAAS,0BAA0B,CAACT,IAAgB,OAEtD,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAU;AAAA,UACR,GAAGD;AAAA,UACH,KAAK,UAAUJ,CAAK,IAAIM,EAAqBF,EAAS,GAAG,CAAC;AAAA;AAAA,QAC5D;AAAA,QACA,cACEA,EAAS,QAAQ,sBAAsB,UAAUA,EAAS,oBAAoB;AAAA,MAAA;AAAA,MAE3EA,EAAS;AAAA,IAChB,CAEH;AAAA,EAAA,EAAA,GAnBYJ,CAoBf,CACD;AACH;"}

package/dist/components/Employee/Taxes/Taxes.js

@@ -1,36 +1,35 @@
 import { jsx as t, jsxs as L, Fragment as B } from "react/jsx-runtime";
-import { valibotResolver as H } from "@hookform/resolvers/valibot";
+import { zodResolver as H } from "@hookform/resolvers/zod";
 import { useForm as J, FormProvider as O } from "react-hook-form";
 import { useTranslation as q } from "react-i18next";
-import * as W from "valibot";
-import { useEffect as X } from "react";
-import { useEmployeeTaxSetupGetFederalTaxesSuspense as Y } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
-import { useEmployeeTaxSetupUpdateFederalTaxesMutation as j } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
+import { useEffect as W } from "react";
+import { useEmployeeTaxSetupGetFederalTaxesSuspense as X } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
+import { useEmployeeTaxSetupUpdateFederalTaxesMutation as Y } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
 import { useEmployeeTaxSetupGetStateTaxesSuspense as G } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
-import { useEmployeeTaxSetupUpdateStateTaxesMutation as V } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
+import { useEmployeeTaxSetupUpdateStateTaxesMutation as j } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
 import { Actions as v } from "./Actions.js";
 import { FederalFormSchema as z, FederalForm as A } from "./FederalForm.js";
-import { FederalHead as b } from "./FederalHead.js";
-import { StateFormSchema as K, StateForm as w } from "./StateForm.js";
-import { TaxesProvider as Q } from "./useTaxes.js";
-import { BaseComponent as Z } from "../../Base/Base.js";
-import { useBase as $ } from "../../Base/useBase.js";
-import { useFlow as ee } from "../../Flow/useFlow.js";
-import { useI18n as te } from "../../../i18n/I18n.js";
+import { FederalHead as w } from "./FederalHead.js";
+import { StateFormSchema as V, StateForm as P } from "./StateForm.js";
+import { TaxesProvider as K } from "./useTaxes.js";
+import { BaseComponent as Q } from "../../Base/Base.js";
+import { useBase as Z } from "../../Base/useBase.js";
+import { useFlow as $ } from "../../Flow/useFlow.js";
+import { useI18n as ee } from "../../../i18n/I18n.js";
 import { componentEvents as x } from "../../../shared/constants.js";
 import { snakeCaseToCamelCase as h } from "../../../helpers/formattedStrings.js";
-import { Form as oe } from "../../Common/Form/Form.js";
+import { Form as te } from "../../Common/Form/Form.js";
 function l(o) {
-  return /* @__PURE__ */ t(Z, { ...o, children: /* @__PURE__ */ t(re, { ...o, children: o.children }) });
+  return /* @__PURE__ */ t(Q, { ...o, children: /* @__PURE__ */ t(oe, { ...o, children: o.children }) });
 }
-const re = (o) => {
-  const { employeeId: s, className: f, children: u, isAdmin: P = !1 } = o, { onEvent: y, fieldErrors: p, baseSubmitHandler: g } = $();
-  te("Employee.Taxes");
-  const { data: U } = Y({
+const oe = (o) => {
+  const { employeeId: s, className: f, children: u, isAdmin: g = !1 } = o, { onEvent: y, fieldErrors: p, baseSubmitHandler: b } = Z();
+  ee("Employee.Taxes");
+  const { data: U } = X({
     employeeUuid: s
-  }), e = U.employeeFederalTax, { mutateAsync: _, isPending: k } = j(), { data: D } = G({
+  }), e = U.employeeFederalTax, { mutateAsync: _, isPending: k } = Y(), { data: D } = G({
     employeeUuid: s
-  }), T = D.employeeStateTaxesList, { mutateAsync: I, isPending: N } = V(), C = {
+  }), T = D.employeeStateTaxesList, { mutateAsync: I, isPending: N } = j(), C = {
     ...e,
     filingStatus: e.filingStatus ?? void 0,
     twoJobs: e.twoJobs ? "true" : "false",
@@ -43,26 +42,24 @@ const re = (o) => {
       return d === "fileNewHireReport" ? n[d] = typeof i > "u" ? !0 : i : n[d] = i ?? "", n;
     }, {}), r), {})
   }, S = J({
-    resolver: H(
-      W.object({ ...z.entries, ...K.entries })
-    ),
+    resolver: H(z.merge(V)),
     defaultValues: C
   }), { handleSubmit: M, setError: F } = S;
-  return X(() => {
+  return W(() => {
     p && p.length > 0 && p.forEach((r) => {
       const a = r.key.replace(".value", "");
       F(a, { type: "custom", message: r.message });
     });
   }, [p, F]), /* @__PURE__ */ t("section", { className: f, children: /* @__PURE__ */ t(
-    Q,
+    K,
     {
       value: {
         employeeStateTaxes: T,
-        isAdmin: P,
+        isAdmin: g,
         isPending: k || N
       },
-      children: /* @__PURE__ */ t(O, { ...S, children: /* @__PURE__ */ t(oe, { onSubmit: M(async (r) => {
-        await g(r, async (a) => {
+      children: /* @__PURE__ */ t(O, { ...S, children: /* @__PURE__ */ t(te, { onSubmit: M(async (r) => {
+        await b(r, async (a) => {
           const { states: n, ...m } = a, i = await _({
             request: {
               employeeUuid: s,
@@ -96,20 +93,20 @@ const re = (o) => {
           y(x.EMPLOYEE_STATE_TAXES_UPDATED, R), y(x.EMPLOYEE_TAXES_DONE);
         });
       }), children: u || /* @__PURE__ */ L(B, { children: [
-        /* @__PURE__ */ t(b, {}),
-        /* @__PURE__ */ t(A, {}),
         /* @__PURE__ */ t(w, {}),
+        /* @__PURE__ */ t(A, {}),
+        /* @__PURE__ */ t(P, {}),
         /* @__PURE__ */ t(v, {})
       ] }) }) })
     }
   ) });
 };
-l.FederalHead = b;
+l.FederalHead = w;
 l.FederalForm = A;
-l.StateForm = w;
+l.StateForm = P;
 l.Actions = v;
 const Pe = () => {
-  const { employeeId: o, onEvent: s, isAdmin: f } = ee(), { t: u } = q();
+  const { employeeId: o, onEvent: s, isAdmin: f } = $(), { t: u } = q();
   if (!o)
     throw new Error(
       u("errors.missingParamsOrContext", {

package/dist/components/Employee/Taxes/Taxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Taxes.js","sources":["../../../../src/components/Employee/Taxes/Taxes.tsx"],"sourcesContent":["import { valibotResolver } from '@hookform/resolvers/valibot'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport * as v from 'valibot'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { useEmployeeTaxSetupGetStateTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes'\nimport { Actions } from './Actions'\nimport {\n  FederalForm,\n  FederalFormSchema,\n  type FederalFormInputs,\n  type FederalFormPayload,\n} from './FederalForm'\nimport { FederalHead } from './FederalHead'\nimport { StateForm, StateFormSchema, type StateFormPayload } from './StateForm'\nimport { TaxesProvider } from './useTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport type { EmployeeOnboardingContextInterface } from '@/components/Flow/EmployeeOnboardingFlow'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { Form } from '@/components/Common/Form'\ninterface TaxesProps extends CommonComponentInterface {\n  employeeId: string\n  isAdmin?: boolean\n}\n\nexport function Taxes(props: TaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: TaxesProps) => {\n  const { employeeId, className, children, isAdmin = false } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.Taxes')\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending: isPendingFederalTaxes } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const { data: stateData } = useEmployeeTaxSetupGetStateTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeStateTaxes = stateData.employeeStateTaxesList!\n  const { mutateAsync: updateStateTaxes, isPending: isPendingStateTaxes } =\n    useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const defaultValues = {\n    ...employeeFederalTax,\n    filingStatus: employeeFederalTax.filingStatus ?? undefined,\n    twoJobs: employeeFederalTax.twoJobs ? 'true' : 'false',\n    deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n    dependentsAmount: employeeFederalTax.dependentsAmount\n      ? Number(employeeFederalTax.dependentsAmount)\n      : 0,\n    otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n    extraWithholding: employeeFederalTax.extraWithholding\n      ? Number(employeeFederalTax.extraWithholding)\n      : 0,\n    states: employeeStateTaxes.reduce((acc: Record<string, unknown>, state) => {\n      acc[state.state] = state.questions.reduce((acc: Record<string, unknown>, question) => {\n        const value = question.answers[0]?.value\n        const key = snakeCaseToCamelCase(question.key)\n        // Default new hire report to true if not specified\n        if (key === 'fileNewHireReport') {\n          acc[key] = typeof value === 'undefined' ? true : value\n        } else {\n          acc[key] = value ?? ''\n        }\n        return acc\n      }, {})\n      return acc\n    }, {}),\n  }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload & StateFormPayload>({\n    resolver: valibotResolver(\n      v.object({ ...FederalFormSchema.entries, ...StateFormSchema.entries }),\n    ),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    //If list of field specific errors from API is present, mark corresponding fields as invalid\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = msgObject.key.replace('.value', '')\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: msgObject.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload & StateFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { states: statesPayload, ...federalPayload } = payload\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody: {\n            ...federalPayload,\n            twoJobs: federalPayload.twoJobs === 'true',\n            version: employeeFederalTax.version,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n      //State Taxes\n      const body = {\n        states: employeeStateTaxes.map(state => ({\n          state: state.state,\n          questions: state.questions.map(question => ({\n            key: question.key,\n            answers: [\n              {\n                validFrom: question.answers[0]?.validFrom ?? '2010-01-01', //Currently always that date\n                validUpTo: question.answers[0]?.validUpTo ?? null, //Currently always null\n                value: statesPayload[state.state]?.[snakeCaseToCamelCase(question.key)] as string,\n              },\n            ],\n          })),\n        })),\n      }\n      const stateTaxesResponse = await updateStateTaxes({\n        request: { employeeUuid: employeeId, requestBody: body },\n      })\n      onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, stateTaxesResponse)\n      onEvent(componentEvents.EMPLOYEE_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <TaxesProvider\n        value={{\n          employeeStateTaxes,\n          isAdmin: isAdmin,\n          isPending: isPendingFederalTaxes || isPendingStateTaxes,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <FederalHead />\n                <FederalForm />\n                <StateForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </TaxesProvider>\n    </section>\n  )\n}\nTaxes.FederalHead = FederalHead\nTaxes.FederalForm = FederalForm\nTaxes.StateForm = StateForm\nTaxes.Actions = Actions\n\nexport const TaxesContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<EmployeeOnboardingContextInterface>()\n  const { t } = useTranslation()\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'EmployeeTaxes',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Taxes employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin ?? false} />\n}\n"],"names":["Taxes","props","jsx","BaseComponent","Root","employeeId","className","children","isAdmin","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPendingFederalTaxes","useEmployeeTaxSetupUpdateFederalTaxesMutation","stateData","useEmployeeTaxSetupGetStateTaxesSuspense","employeeStateTaxes","updateStateTaxes","isPendingStateTaxes","useEmployeeTaxSetupUpdateStateTaxesMutation","defaultValues","acc","state","question","value","key","snakeCaseToCamelCase","formMethods","useForm","valibotResolver","v","FederalFormSchema","StateFormSchema","handleSubmit","_setError","useEffect","msgObject","TaxesProvider","FormProvider","Form","data","payload","statesPayload","federalPayload","federalTaxesResponse","componentEvents","body","stateTaxesResponse","jsxs","Fragment","FederalHead","FederalForm","StateForm","Actions","TaxesContextual","useFlow","t","useTranslation"],"mappings":"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"}
+{"version":3,"file":"Taxes.js","sources":["../../../../src/components/Employee/Taxes/Taxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { useEmployeeTaxSetupGetStateTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes'\nimport { Actions } from './Actions'\nimport {\n  FederalForm,\n  FederalFormSchema,\n  type FederalFormInputs,\n  type FederalFormPayload,\n} from './FederalForm'\nimport { FederalHead } from './FederalHead'\nimport { StateForm, StateFormSchema, type StateFormPayload } from './StateForm'\nimport { TaxesProvider } from './useTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport type { EmployeeOnboardingContextInterface } from '@/components/Flow/EmployeeOnboardingFlow'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { Form } from '@/components/Common/Form'\ninterface TaxesProps extends CommonComponentInterface {\n  employeeId: string\n  isAdmin?: boolean\n}\n\nexport function Taxes(props: TaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: TaxesProps) => {\n  const { employeeId, className, children, isAdmin = false } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.Taxes')\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending: isPendingFederalTaxes } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const { data: stateData } = useEmployeeTaxSetupGetStateTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeStateTaxes = stateData.employeeStateTaxesList!\n  const { mutateAsync: updateStateTaxes, isPending: isPendingStateTaxes } =\n    useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const defaultValues = {\n    ...employeeFederalTax,\n    filingStatus: employeeFederalTax.filingStatus ?? undefined,\n    twoJobs: employeeFederalTax.twoJobs ? 'true' : 'false',\n    deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n    dependentsAmount: employeeFederalTax.dependentsAmount\n      ? Number(employeeFederalTax.dependentsAmount)\n      : 0,\n    otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n    extraWithholding: employeeFederalTax.extraWithholding\n      ? Number(employeeFederalTax.extraWithholding)\n      : 0,\n    states: employeeStateTaxes.reduce((acc: Record<string, unknown>, state) => {\n      acc[state.state] = state.questions.reduce((acc: Record<string, unknown>, question) => {\n        const value = question.answers[0]?.value\n        const key = snakeCaseToCamelCase(question.key)\n        // Default new hire report to true if not specified\n        if (key === 'fileNewHireReport') {\n          acc[key] = typeof value === 'undefined' ? true : value\n        } else {\n          acc[key] = value ?? ''\n        }\n        return acc\n      }, {})\n      return acc\n    }, {}),\n  }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload & StateFormPayload>({\n    resolver: zodResolver(FederalFormSchema.merge(StateFormSchema)),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    //If list of field specific errors from API is present, mark corresponding fields as invalid\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = msgObject.key.replace('.value', '')\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: msgObject.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload & StateFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { states: statesPayload, ...federalPayload } = payload\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody: {\n            ...federalPayload,\n            twoJobs: federalPayload.twoJobs === 'true',\n            version: employeeFederalTax.version,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n      //State Taxes\n      const body = {\n        states: employeeStateTaxes.map(state => ({\n          state: state.state,\n          questions: state.questions.map(question => ({\n            key: question.key,\n            answers: [\n              {\n                validFrom: question.answers[0]?.validFrom ?? '2010-01-01', //Currently always that date\n                validUpTo: question.answers[0]?.validUpTo ?? null, //Currently always null\n                value: statesPayload[state.state]?.[snakeCaseToCamelCase(question.key)] as string,\n              },\n            ],\n          })),\n        })),\n      }\n      const stateTaxesResponse = await updateStateTaxes({\n        request: { employeeUuid: employeeId, requestBody: body },\n      })\n      onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, stateTaxesResponse)\n      onEvent(componentEvents.EMPLOYEE_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <TaxesProvider\n        value={{\n          employeeStateTaxes,\n          isAdmin: isAdmin,\n          isPending: isPendingFederalTaxes || isPendingStateTaxes,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <FederalHead />\n                <FederalForm />\n                <StateForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </TaxesProvider>\n    </section>\n  )\n}\nTaxes.FederalHead = FederalHead\nTaxes.FederalForm = FederalForm\nTaxes.StateForm = StateForm\nTaxes.Actions = Actions\n\nexport const TaxesContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<EmployeeOnboardingContextInterface>()\n  const { t } = useTranslation()\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'EmployeeTaxes',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Taxes employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin ?? false} />\n}\n"],"names":["Taxes","props","jsx","BaseComponent","Root","employeeId","className","children","isAdmin","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPendingFederalTaxes","useEmployeeTaxSetupUpdateFederalTaxesMutation","stateData","useEmployeeTaxSetupGetStateTaxesSuspense","employeeStateTaxes","updateStateTaxes","isPendingStateTaxes","useEmployeeTaxSetupUpdateStateTaxesMutation","defaultValues","acc","state","question","value","key","snakeCaseToCamelCase","formMethods","useForm","zodResolver","FederalFormSchema","StateFormSchema","handleSubmit","_setError","useEffect","msgObject","TaxesProvider","FormProvider","Form","data","payload","statesPayload","federalPayload","federalTaxesResponse","componentEvents","body","stateTaxesResponse","jsxs","Fragment","FederalHead","FederalForm","StateForm","Actions","TaxesContextual","useFlow","t","useTranslation"],"mappings":"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"}

package/dist/contexts/ApiProvider/ApiProvider.d.ts

@@ -0,0 +1,5 @@
+export declare function ApiProvider({ url, headers, children, }: {
+    url: string;
+    headers?: Headers;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/contexts/ApiProvider/ApiProvider.js

@@ -0,0 +1,34 @@
+import { jsx as s } from "react/jsx-runtime";
+import { QueryClient as u, QueryClientProvider as l } from "@tanstack/react-query";
+import { GustoEmbeddedProvider as p } from "@gusto/embedded-api/react-query/_context";
+import { GustoEmbeddedCore as a } from "@gusto/embedded-api/core";
+import { HTTPClient as C } from "@gusto/embedded-api/lib/http";
+import { useMemo as r } from "react";
+function w({
+  url: o,
+  headers: t,
+  children: f
+}) {
+  const i = r(
+    () => new C({
+      fetcher: async (e) => (e instanceof Request && t && t.forEach((n, c) => {
+        n && e.headers.set(c, n);
+      }), fetch(e))
+    }),
+    [t]
+  ), m = r(
+    () => new a({
+      serverURL: o,
+      httpClient: i
+    }),
+    [i, o]
+  ), d = r(() => {
+    const e = new u();
+    return e.setQueryDefaults(["@gusto/embedded-api"], { retry: !1 }), e.setMutationDefaults(["@gusto/embedded-api"], { retry: !1 }), e;
+  }, []);
+  return /* @__PURE__ */ s(l, { client: d, children: /* @__PURE__ */ s(p, { client: m, children: f }) });
+}
+export {
+  w as ApiProvider
+};
+//# sourceMappingURL=ApiProvider.js.map

package/dist/contexts/ApiProvider/ApiProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiProvider.js","sources":["../../../src/contexts/ApiProvider/ApiProvider.tsx"],"sourcesContent":["import { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { GustoEmbeddedProvider } from '@gusto/embedded-api/react-query/_context'\nimport { GustoEmbeddedCore } from '@gusto/embedded-api/core'\nimport { HTTPClient } from '@gusto/embedded-api/lib/http'\nimport { useMemo } from 'react'\n\nexport function ApiProvider({\n  url,\n  headers,\n  children,\n}: {\n  url: string\n  headers?: Headers\n  children: React.ReactNode\n}) {\n  const httpClientWithHeaders = useMemo(\n    () =>\n      new HTTPClient({\n        fetcher: async request => {\n          if (request instanceof Request && headers) {\n            headers.forEach((headerValue, headerName) => {\n              if (headerValue) {\n                request.headers.set(headerName, headerValue)\n              }\n            })\n          }\n\n          return fetch(request)\n        },\n      }),\n    [headers],\n  )\n\n  const gustoClient = useMemo(\n    () =>\n      new GustoEmbeddedCore({\n        serverURL: url,\n        httpClient: httpClientWithHeaders,\n      }),\n    [httpClientWithHeaders, url],\n  )\n\n  const queryClient = useMemo(() => {\n    const client = new QueryClient()\n    client.setQueryDefaults(['@gusto/embedded-api'], { retry: false })\n    client.setMutationDefaults(['@gusto/embedded-api'], { retry: false })\n\n    return client\n  }, [])\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <GustoEmbeddedProvider client={gustoClient}>{children}</GustoEmbeddedProvider>\n    </QueryClientProvider>\n  )\n}\n"],"names":["ApiProvider","url","headers","children","httpClientWithHeaders","useMemo","HTTPClient","request","headerValue","headerName","gustoClient","GustoEmbeddedCore","queryClient","client","QueryClient","jsx","QueryClientProvider","GustoEmbeddedProvider"],"mappings":";;;;;;AAMO,SAASA,EAAY;AAAA,EAC1B,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,GAIG;AACD,QAAMC,IAAwBC;AAAA,IAC5B,MACE,IAAIC,EAAW;AAAA,MACb,SAAS,OAAMC,OACTA,aAAmB,WAAWL,KACxBA,EAAA,QAAQ,CAACM,GAAaC,MAAe;AAC3C,QAAID,KACMD,EAAA,QAAQ,IAAIE,GAAYD,CAAW;AAAA,MAC7C,CACD,GAGI,MAAMD,CAAO;AAAA,IACtB,CACD;AAAA,IACH,CAACL,CAAO;AAAA,EACV,GAEMQ,IAAcL;AAAA,IAClB,MACE,IAAIM,EAAkB;AAAA,MACpB,WAAWV;AAAA,MACX,YAAYG;AAAA,IAAA,CACb;AAAA,IACH,CAACA,GAAuBH,CAAG;AAAA,EAC7B,GAEMW,IAAcP,EAAQ,MAAM;AAC1B,UAAAQ,IAAS,IAAIC,EAAY;AAC/B,WAAAD,EAAO,iBAAiB,CAAC,qBAAqB,GAAG,EAAE,OAAO,IAAO,GACjEA,EAAO,oBAAoB,CAAC,qBAAqB,GAAG,EAAE,OAAO,IAAO,GAE7DA;AAAA,EACT,GAAG,EAAE;AAGH,SAAA,gBAAAE,EAACC,KAAoB,QAAQJ,GAC3B,4BAACK,GAAsB,EAAA,QAAQP,GAAc,UAAAP,EAAA,CAAS,EACxD,CAAA;AAEJ;"}

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.d.ts

@@ -6,7 +6,7 @@ import { GTheme } from '../../types/GTheme';
 import { DeepPartial } from '../../types/Helpers';
 interface APIConfig {
     baseUrl: string;
-    headers?: Record<string, string | number>;
+    headers?: Headers;
 }
 type Resources = CustomTypeOptions['resources'];
 export type ResourceDictionary = Record<string, Partial<{

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -1,39 +1,39 @@
 import { jsx as r } from "react/jsx-runtime";
 import { ErrorBoundary as s } from "react-error-boundary";
 import { I18nextProvider as u } from "react-i18next";
-import { ReactSDKProvider as h } from "@gusto/embedded-api/ReactSDKProvider";
-import { useEffect as v } from "react";
-import { ComponentsProvider as g } from "../ComponentAdapter/ComponentsProvider.js";
-import { SDKI18next as t } from "./SDKI18next.js";
+import { useEffect as h } from "react";
+import { ComponentsProvider as v } from "../ComponentAdapter/ComponentsProvider.js";
+import { ApiProvider as g } from "../ApiProvider/ApiProvider.js";
+import { SDKI18next as i } from "./SDKI18next.js";
 import { InternalError as P } from "../../components/Common/InternalError/InternalError.js";
 import { LocaleProvider as x } from "../LocaleProvider/LocaleProvider.js";
 import { ThemeProvider as y } from "../ThemeProvider/ThemeProvider.js";
-const R = (m) => {
+const j = (c) => {
   const {
-    children: c,
-    config: a,
+    children: a,
+    config: t,
     dictionary: o,
     lng: e = "en",
     locale: d = "en-US",
     currency: l = "USD",
     theme: f,
     components: p
-  } = m;
+  } = c;
   if (o)
     for (const n in o)
-      for (const i in o[n])
-        t.addResourceBundle(
+      for (const m in o[n])
+        i.addResourceBundle(
           n,
-          i,
-          o[n][i],
+          m,
+          o[n][m],
           !0,
           !0
         );
-  return v(() => {
-    (async () => await t.changeLanguage(e))();
-  }, [e]), /* @__PURE__ */ r(g, { value: p, children: /* @__PURE__ */ r(s, { FallbackComponent: P, children: /* @__PURE__ */ r(y, { theme: f, children: /* @__PURE__ */ r(x, { locale: d, currency: l, children: /* @__PURE__ */ r(u, { i18n: t, children: /* @__PURE__ */ r(h, { url: a.baseUrl, children: c }) }, e) }) }) }) });
+  return h(() => {
+    (async () => await i.changeLanguage(e))();
+  }, [e]), /* @__PURE__ */ r(v, { value: p, children: /* @__PURE__ */ r(s, { FallbackComponent: P, children: /* @__PURE__ */ r(y, { theme: f, children: /* @__PURE__ */ r(x, { locale: d, currency: l, children: /* @__PURE__ */ r(u, { i18n: i, children: /* @__PURE__ */ r(g, { url: t.baseUrl, headers: t.headers, children: a }) }, e) }) }) }) });
 };
 export {
-  R as GustoProviderCustomUIAdapter
+  j as GustoProviderCustomUIAdapter
 };
 //# sourceMappingURL=GustoProviderCustomUIAdapter.js.map

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport { ReactSDKProvider } from '@gusto/embedded-api/ReactSDKProvider'\nimport type { CustomTypeOptions } from 'i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GTheme } from '@/types/GTheme'\nimport type { DeepPartial } from '@/types/Helpers'\n\ninterface APIConfig {\n  baseUrl: string\n  headers?: Record<string, string | number>\n}\n\ntype Resources = CustomTypeOptions['resources']\n\nexport type ResourceDictionary = Record<\n  string,\n  Partial<{ [K in keyof Resources]: DeepPartial<Resources[K]> }>\n>\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: DeepPartial<GTheme>\n  queryClient?: QueryClient\n  components: ComponentsContextType\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      for (const ns in dictionary[language]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n        SDKI18next.addResourceBundle(\n          language,\n          ns,\n          (dictionary[language] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  return (\n    <ComponentsProvider value={components}>\n      <ErrorBoundary FallbackComponent={InternalError}>\n        <ThemeProvider theme={theme}>\n          <LocaleProvider locale={locale} currency={currency}>\n            <I18nextProvider i18n={SDKI18next} key={lng}>\n              <ReactSDKProvider url={config.baseUrl}>{children}</ReactSDKProvider>\n            </I18nextProvider>\n          </LocaleProvider>\n        </ThemeProvider>\n      </ErrorBoundary>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","language","ns","SDKI18next","useEffect","jsx","ComponentsProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ReactSDKProvider"],"mappings":";;;;;;;;;;AA8CA,MAAMA,IAA4E,CAASC,MAAA;AACnF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACER;AAGJ,MAAIG;AACF,eAAWM,KAAYN;AACV,iBAAAO,KAAMP,EAAWM,CAAQ;AAEvB,QAAAE,EAAA;AAAA,UACTF;AAAA,UACAC;AAAA,UACCP,EAAWM,CAAQ,EAA8BC,CAAE;AAAA,UACpD;AAAA,UACA;AAAA,QACF;AAMN,SAAAE,EAAU,MAAM;AACd,KAAM,YACE,MAAAD,EAAW,eAAeP,CAAG;AAAA,EAClC,GACF,CAACA,CAAG,CAAC,GAGL,gBAAAS,EAAAC,GAAA,EAAmB,OAAON,GACzB,UAAC,gBAAAK,EAAAE,GAAA,EAAc,mBAAmBC,GAChC,UAAC,gBAAAH,EAAAI,GAAA,EAAc,OAAAV,GACb,UAAA,gBAAAM,EAACK,KAAe,QAAAb,GAAgB,UAAAC,GAC9B,UAAC,gBAAAO,EAAAM,GAAA,EAAgB,MAAMR,GACrB,UAAC,gBAAAE,EAAAO,GAAA,EAAiB,KAAKlB,EAAO,SAAU,UAAAD,EAAA,CAAS,EADX,GAAAG,CAExC,GACF,EAAA,CACF,EACF,CAAA,GACF;AAEJ;"}
+{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { CustomTypeOptions } from 'i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GTheme } from '@/types/GTheme'\nimport type { DeepPartial } from '@/types/Helpers'\n\ninterface APIConfig {\n  baseUrl: string\n  headers?: Headers\n}\n\ntype Resources = CustomTypeOptions['resources']\n\nexport type ResourceDictionary = Record<\n  string,\n  Partial<{ [K in keyof Resources]: DeepPartial<Resources[K]> }>\n>\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: DeepPartial<GTheme>\n  queryClient?: QueryClient\n  components: ComponentsContextType\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      for (const ns in dictionary[language]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n        SDKI18next.addResourceBundle(\n          language,\n          ns,\n          (dictionary[language] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  return (\n    <ComponentsProvider value={components}>\n      <ErrorBoundary FallbackComponent={InternalError}>\n        <ThemeProvider theme={theme}>\n          <LocaleProvider locale={locale} currency={currency}>\n            <I18nextProvider i18n={SDKI18next} key={lng}>\n              <ApiProvider url={config.baseUrl} headers={config.headers}>\n                {children}\n              </ApiProvider>\n            </I18nextProvider>\n          </LocaleProvider>\n        </ThemeProvider>\n      </ErrorBoundary>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","language","ns","SDKI18next","useEffect","jsx","ComponentsProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;AA8CA,MAAMA,IAA4E,CAASC,MAAA;AACnF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACER;AAGJ,MAAIG;AACF,eAAWM,KAAYN;AACV,iBAAAO,KAAMP,EAAWM,CAAQ;AAEvB,QAAAE,EAAA;AAAA,UACTF;AAAA,UACAC;AAAA,UACCP,EAAWM,CAAQ,EAA8BC,CAAE;AAAA,UACpD;AAAA,UACA;AAAA,QACF;AAMN,SAAAE,EAAU,MAAM;AACd,KAAM,YACE,MAAAD,EAAW,eAAeP,CAAG;AAAA,EAClC,GACF,CAACA,CAAG,CAAC,GAGL,gBAAAS,EAAAC,GAAA,EAAmB,OAAON,GACzB,4BAACO,GAAc,EAAA,mBAAmBC,GAChC,UAAA,gBAAAH,EAACI,GAAc,EAAA,OAAAV,GACb,UAAC,gBAAAM,EAAAK,GAAA,EAAe,QAAAb,GAAgB,UAAAC,GAC9B,UAAA,gBAAAO,EAACM,GAAgB,EAAA,MAAMR,GACrB,UAAA,gBAAAE,EAACO,GAAY,EAAA,KAAKlB,EAAO,SAAS,SAASA,EAAO,SAC/C,UAAAD,GACH,EAHsC,GAAAG,CAIxC,GACF,EAAA,CACF,EACF,CAAA,GACF;AAEJ;"}

package/dist/helpers/validations.d.ts

@@ -1,7 +1,8 @@
+import { z } from 'zod';
 export declare const NAME_REGEX: RegExp;
-export declare const nameValidation: import('valibot').SchemaWithPipe<[import('valibot').StringSchema<undefined>, import('valibot').NonEmptyAction<string, undefined>, import('valibot').RegexAction<string, undefined>]>;
-export declare const zipValidation: import('valibot').SchemaWithPipe<[import('valibot').StringSchema<undefined>, import('valibot').CheckAction<string, undefined>]>;
+export declare const nameValidation: z.ZodString;
+export declare const zipValidation: z.ZodEffects<z.ZodString, string, string>;
 export declare const SSN_REGEX: RegExp;
-export declare const phoneValidation: import('valibot').SchemaWithPipe<[import('valibot').StringSchema<undefined>, import('valibot').TransformAction<string, string>, import('valibot').CheckAction<string, undefined>]>;
-export declare const routingNumberValidation: import('valibot').SchemaWithPipe<[import('valibot').StringSchema<undefined>, import('valibot').RegexAction<string, undefined>]>;
-export declare const accountNumberValidation: import('valibot').SchemaWithPipe<[import('valibot').StringSchema<undefined>, import('valibot').RegexAction<string, undefined>]>;
+export declare const phoneValidation: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
+export declare const routingNumberValidation: z.ZodString;
+export declare const accountNumberValidation: z.ZodString;

package/dist/helpers/validations.js

@@ -1,21 +1,14 @@
-import { pipe as t, string as n, nonEmpty as r, regex as i, check as a, transform as s } from "valibot";
-import { formatWithMask as e, commonMasks as m } from "./mask.js";
-import { removeNonDigits as c } from "./formattedStrings.js";
-const d = /^([a-zA-Z\xC0-\uFFFF]+([ \-']{0,1}[a-zA-Z\xC0-\uFFFF]+)*[.]{0,1}){1,2}$/, l = t(n(), r(), i(d)), E = t(
-  n(),
-  a((o) => /(^\d{5}$)|(^\d{5}-\d{4}$)/.test(o))
-), $ = /^(?!(000|666|9))\d{3}(?!00)\d{2}(?!0000)\d{4}$/, f = t(
-  n(),
-  s((o) => e(o, m.phoneMask)),
-  a((o) => c(o).length === 10)
-), h = t(n(), i(/^[0-9]{9}$/)), N = t(n(), i(/^[0-9]{9,18}$/));
+import { z as n } from "zod";
+import { formatWithMask as i, commonMasks as o } from "./mask.js";
+import { removeNonDigits as r } from "./formattedStrings.js";
+const s = /^([a-zA-Z\xC0-\uFFFF]+([ \-']{0,1}[a-zA-Z\xC0-\uFFFF]+)*[.]{0,1}){1,2}$/, g = n.string().min(1).regex(s), c = n.string().refine((t) => /(^\d{5}$)|(^\d{5}-\d{4}$)/.test(t)), F = /^(?!(000|666|9))\d{3}(?!00)\d{2}(?!0000)\d{4}$/, f = n.string().transform((t) => i(t, o.phoneMask)).refine((t) => r(t).length === 10), p = n.string().regex(/^[0-9]{9}$/), u = n.string().regex(/^[0-9]{9,18}$/);
 export {
-  d as NAME_REGEX,
-  $ as SSN_REGEX,
-  N as accountNumberValidation,
-  l as nameValidation,
+  s as NAME_REGEX,
+  F as SSN_REGEX,
+  u as accountNumberValidation,
+  g as nameValidation,
   f as phoneValidation,
-  h as routingNumberValidation,
-  E as zipValidation
+  p as routingNumberValidation,
+  c as zipValidation
 };
 //# sourceMappingURL=validations.js.map

package/dist/helpers/validations.js.map

@@ -1 +1 @@
-{"version":3,"file":"validations.js","sources":["../../src/helpers/validations.ts"],"sourcesContent":["import { check, nonEmpty, pipe, regex, string, transform } from 'valibot'\nimport { commonMasks, formatWithMask } from './mask'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\n\nexport const NAME_REGEX = /^([a-zA-Z\\xC0-\\uFFFF]+([ \\-']{0,1}[a-zA-Z\\xC0-\\uFFFF]+)*[.]{0,1}){1,2}$/\n\nexport const nameValidation = pipe(string(), nonEmpty(), regex(NAME_REGEX))\n\nexport const zipValidation = pipe(\n  string(),\n  check(zip => /(^\\d{5}$)|(^\\d{5}-\\d{4}$)/.test(zip)),\n)\n\nexport const SSN_REGEX = /^(?!(000|666|9))\\d{3}(?!00)\\d{2}(?!0000)\\d{4}$/\n\nexport const phoneValidation = pipe(\n  string(),\n  transform(value => formatWithMask(value, commonMasks.phoneMask)),\n  check(phone => {\n    const digits = removeNonDigits(phone)\n    return digits.length === 10\n  }),\n)\n\nexport const routingNumberValidation = pipe(string(), regex(/^[0-9]{9}$/))\nexport const accountNumberValidation = pipe(string(), regex(/^[0-9]{9,18}$/))\n"],"names":["NAME_REGEX","nameValidation","pipe","string","nonEmpty","regex","zipValidation","check","zip","SSN_REGEX","phoneValidation","transform","value","formatWithMask","commonMasks","phone","removeNonDigits","routingNumberValidation","accountNumberValidation"],"mappings":";;;AAIO,MAAMA,IAAa,2EAEbC,IAAiBC,EAAKC,EAAO,GAAGC,EAAY,GAAAC,EAAML,CAAU,CAAC,GAE7DM,IAAgBJ;AAAA,EAC3BC,EAAO;AAAA,EACPI,EAAM,CAAAC,MAAO,4BAA4B,KAAKA,CAAG,CAAC;AACpD,GAEaC,IAAY,kDAEZC,IAAkBR;AAAA,EAC7BC,EAAO;AAAA,EACPQ,EAAU,CAASC,MAAAC,EAAeD,GAAOE,EAAY,SAAS,CAAC;AAAA,EAC/DP,EAAM,CAASQ,MACEC,EAAgBD,CAAK,EACtB,WAAW,EAC1B;AACH,GAEaE,IAA0Bf,EAAKC,KAAUE,EAAM,YAAY,CAAC,GAC5Da,IAA0BhB,EAAKC,KAAUE,EAAM,eAAe,CAAC;"}
+{"version":3,"file":"validations.js","sources":["../../src/helpers/validations.ts"],"sourcesContent":["import { z } from 'zod'\nimport { commonMasks, formatWithMask } from './mask'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\n\nexport const NAME_REGEX = /^([a-zA-Z\\xC0-\\uFFFF]+([ \\-']{0,1}[a-zA-Z\\xC0-\\uFFFF]+)*[.]{0,1}){1,2}$/\n\nexport const nameValidation = z.string().min(1).regex(NAME_REGEX)\n\nexport const zipValidation = z.string().refine(zip => /(^\\d{5}$)|(^\\d{5}-\\d{4}$)/.test(zip))\n\nexport const SSN_REGEX = /^(?!(000|666|9))\\d{3}(?!00)\\d{2}(?!0000)\\d{4}$/\n\nexport const phoneValidation = z\n  .string()\n  .transform(value => formatWithMask(value, commonMasks.phoneMask))\n  .refine(phone => {\n    const digits = removeNonDigits(phone)\n    return digits.length === 10\n  })\n\nexport const routingNumberValidation = z.string().regex(/^[0-9]{9}$/)\nexport const accountNumberValidation = z.string().regex(/^[0-9]{9,18}$/)\n"],"names":["NAME_REGEX","nameValidation","z","zipValidation","zip","SSN_REGEX","phoneValidation","value","formatWithMask","commonMasks","phone","removeNonDigits","routingNumberValidation","accountNumberValidation"],"mappings":";;;AAIO,MAAMA,IAAa,2EAEbC,IAAiBC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAMF,CAAU,GAEnDG,IAAgBD,EAAE,SAAS,OAAO,CAAOE,MAAA,4BAA4B,KAAKA,CAAG,CAAC,GAE9EC,IAAY,kDAEZC,IAAkBJ,EAC5B,OAAO,EACP,UAAU,CAAAK,MAASC,EAAeD,GAAOE,EAAY,SAAS,CAAC,EAC/D,OAAO,CAASC,MACAC,EAAgBD,CAAK,EACtB,WAAW,EAC1B,GAEUE,IAA0BV,EAAE,OAAO,EAAE,MAAM,YAAY,GACvDW,IAA0BX,EAAE,OAAO,EAAE,MAAM,eAAe;"}