@gusto/embedded-react-sdk 0.42.0 → 0.44.0

package/dist/components/Company/OnboardingOverview/MissingRequirements.js

@@ -1,20 +1,22 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
+import { useTranslation as a } from "react-i18next";
 import { useOnboardingOverview as c } from "./context.js";
 import { Flex as m } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
 import { ActionsLayout as d } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { RequirementsList as u } from "../../Common/RequirementsList/RequirementsList.js";
 import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import f from "../../../assets/icons/icon-arrow-right.svg.js";
-const T = () => {
-  const n = g(), { onboardingSteps: o, onboardingCompleted: l, handleContinue: a } = c(), { t } = p("Company.OnboardingOverview");
+const O = () => {
+  const n = g(), { onboardingSteps: o, onboardingCompleted: l, handleContinue: p } = c(), { t } = a("Company.OnboardingOverview");
   if (l)
     return null;
   const r = !o?.some((i) => i.required && i.completed);
   return /* @__PURE__ */ e(
     n.Box,
     {
-      footer: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ s(n.Button, { variant: "secondary", onClick: a, children: [
+      footer: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ s(n.Button, { variant: "secondary", onClick: p, children: [
         t(r ? "initialSetupCta" : "missingRequirementsCta"),
         /* @__PURE__ */ e(f, { "aria-hidden": !0 })
       ] }) }),
@@ -38,6 +40,6 @@ const T = () => {
   );
 };
 export {
-  T as MissingRequirements
+  O as MissingRequirements
 };
 //# sourceMappingURL=MissingRequirements.js.map

package/dist/components/Company/OnboardingOverview/MissingRequirements.js.map

@@ -1 +1 @@
-{"version":3,"file":"MissingRequirements.js","sources":["../../../../src/components/Company/OnboardingOverview/MissingRequirements.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { RequirementsList } from '@/components/Common/RequirementsList/RequirementsList'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\nexport const MissingRequirements = () => {\n  const Components = useComponentContext()\n  const { onboardingSteps, onboardingCompleted, handleContinue } = useOnboardingOverview()\n  const { t } = useTranslation('Company.OnboardingOverview')\n\n  if (onboardingCompleted) {\n    return null\n  }\n\n  const isInitialSetup = !onboardingSteps?.some(step => step.required && step.completed)\n\n  return (\n    <Components.Box\n      footer={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleContinue}>\n            {t(isInitialSetup ? 'initialSetupCta' : 'missingRequirementsCta')}\n            <ArrowRightIcon aria-hidden />\n          </Components.Button>\n        </ActionsLayout>\n      }\n    >\n      <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={32}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as=\"h2\">\n            {t(isInitialSetup ? 'initialSetupTitle' : 'missingRequirementsTitle')}\n          </Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t(isInitialSetup ? 'initialSetupDescription' : 'missingRequirementsDescription')}\n          </Components.Text>\n        </Flex>\n        {onboardingSteps && (\n          <RequirementsList\n            requirements={onboardingSteps.map(step => ({\n              completed: step.completed!,\n              title: t(`stepTitles.${step.id!}`),\n              description: t(`stepDescriptions.${step.id!}`),\n            }))}\n          />\n        )}\n      </Flex>\n    </Components.Box>\n  )\n}\n"],"names":["MissingRequirements","Components","useComponentContext","onboardingSteps","onboardingCompleted","handleContinue","useOnboardingOverview","useTranslation","isInitialSetup","step","jsx","ActionsLayout","jsxs","ArrowRightIcon","Flex","RequirementsList"],"mappings":";;;;;;;;AAOO,MAAMA,IAAsB,MAAM;AACvC,QAAMC,IAAaC,EAAA,GACb,EAAE,iBAAAC,GAAiB,qBAAAC,GAAqB,gBAAAC,EAAA,IAAmBC,EAAA,GAC3D,EAAE,EAAA,IAAMC,EAAe,4BAA4B;AAEzD,MAAIH;AACF,WAAO;AAGT,QAAMI,IAAiB,CAACL,GAAiB,KAAK,OAAQM,EAAK,YAAYA,EAAK,SAAS;AAErF,SACE,gBAAAC;AAAA,IAACT,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAS,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACX,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASI,GAC7C,UAAA;AAAA,QAAA,EAAEG,IAAiB,oBAAoB,wBAAwB;AAAA,QAChE,gBAAAE,EAACG,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAAA,EAAA,CAC9B,EAAA,CACF;AAAA,MAGF,4BAACC,GAAA,EAAK,eAAc,UAAS,YAAW,cAAa,KAAK,IACxD,UAAA;AAAA,QAAA,gBAAAF,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAJ,EAACT,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAA,EAAEO,IAAiB,sBAAsB,0BAA0B,EAAA,CACtE;AAAA,UACA,gBAAAE,EAACT,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA,EAAEO,IAAiB,4BAA4B,gCAAgC,EAAA,CAClF;AAAA,QAAA,GACF;AAAA,QACCL,KACC,gBAAAO;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,cAAcZ,EAAgB,IAAI,CAAAM,OAAS;AAAA,cACzC,WAAWA,EAAK;AAAA,cAChB,OAAO,EAAE,cAAcA,EAAK,EAAG,EAAE;AAAA,cACjC,aAAa,EAAE,oBAAoBA,EAAK,EAAG,EAAE;AAAA,YAAA,EAC7C;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"MissingRequirements.js","sources":["../../../../src/components/Company/OnboardingOverview/MissingRequirements.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { RequirementsList } from '@/components/Common/RequirementsList/RequirementsList'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\nexport const MissingRequirements = () => {\n  const Components = useComponentContext()\n  const { onboardingSteps, onboardingCompleted, handleContinue } = useOnboardingOverview()\n  const { t } = useTranslation('Company.OnboardingOverview')\n\n  if (onboardingCompleted) {\n    return null\n  }\n\n  const isInitialSetup = !onboardingSteps?.some(step => step.required && step.completed)\n\n  return (\n    <Components.Box\n      footer={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleContinue}>\n            {t(isInitialSetup ? 'initialSetupCta' : 'missingRequirementsCta')}\n            <ArrowRightIcon aria-hidden />\n          </Components.Button>\n        </ActionsLayout>\n      }\n    >\n      <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={32}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as=\"h2\">\n            {t(isInitialSetup ? 'initialSetupTitle' : 'missingRequirementsTitle')}\n          </Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t(isInitialSetup ? 'initialSetupDescription' : 'missingRequirementsDescription')}\n          </Components.Text>\n        </Flex>\n        {onboardingSteps && (\n          <RequirementsList\n            requirements={onboardingSteps.map(step => ({\n              completed: step.completed!,\n              title: t(`stepTitles.${step.id!}`),\n              description: t(`stepDescriptions.${step.id!}`),\n            }))}\n          />\n        )}\n      </Flex>\n    </Components.Box>\n  )\n}\n"],"names":["MissingRequirements","Components","useComponentContext","onboardingSteps","onboardingCompleted","handleContinue","useOnboardingOverview","useTranslation","isInitialSetup","step","jsx","ActionsLayout","jsxs","ArrowRightIcon","Flex","RequirementsList"],"mappings":";;;;;;;;;;AAOO,MAAMA,IAAsB,MAAM;AACvC,QAAMC,IAAaC,EAAA,GACb,EAAE,iBAAAC,GAAiB,qBAAAC,GAAqB,gBAAAC,EAAA,IAAmBC,EAAA,GAC3D,EAAE,EAAA,IAAMC,EAAe,4BAA4B;AAEzD,MAAIH;AACF,WAAO;AAGT,QAAMI,IAAiB,CAACL,GAAiB,KAAK,OAAQM,EAAK,YAAYA,EAAK,SAAS;AAErF,SACE,gBAAAC;AAAA,IAACT,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAS,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACX,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASI,GAC7C,UAAA;AAAA,QAAA,EAAEG,IAAiB,oBAAoB,wBAAwB;AAAA,QAChE,gBAAAE,EAACG,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAAA,EAAA,CAC9B,EAAA,CACF;AAAA,MAGF,4BAACC,GAAA,EAAK,eAAc,UAAS,YAAW,cAAa,KAAK,IACxD,UAAA;AAAA,QAAA,gBAAAF,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAJ,EAACT,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAA,EAAEO,IAAiB,sBAAsB,0BAA0B,EAAA,CACtE;AAAA,UACA,gBAAAE,EAACT,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA,EAAEO,IAAiB,4BAA4B,gCAAgC,EAAA,CAClF;AAAA,QAAA,GACF;AAAA,QACCL,KACC,gBAAAO;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,cAAcZ,EAAgB,IAAI,CAAAM,OAAS;AAAA,cACzC,WAAWA,EAAK;AAAA,cAChB,OAAO,EAAE,cAAcA,EAAK,EAAG,EAAE;AAAA,cACjC,aAAa,EAAE,oBAAoBA,EAAK,EAAG,EAAE;AAAA,YAAA,EAC7C;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Company/OnboardingOverview/OnboardingOverview.js

@@ -7,8 +7,9 @@ import { BaseComponent as f } from "../../Base/Base.js";
 import { useBase as v } from "../../Base/useBase.js";
 import { useI18n as C, useComponentDictionary as g } from "../../../i18n/I18n.js";
 import { Flex as h } from "../../Common/Flex/Flex.js";
+import "classnames";
 import { componentEvents as i } from "../../../shared/constants.js";
-function P(o) {
+function j(o) {
   return C("Company.OnboardingOverview"), g("Company.OnboardingOverview", o.dictionary), /* @__PURE__ */ n(f, { ...o, children: /* @__PURE__ */ n(b, { ...o, children: o.children }) });
 }
 const b = ({ companyId: o, className: t, children: e }) => {
@@ -34,6 +35,6 @@ const b = ({ companyId: o, className: t, children: e }) => {
   ) });
 };
 export {
-  P as OnboardingOverview
+  j as OnboardingOverview
 };
 //# sourceMappingURL=OnboardingOverview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OnboardingOverview.js","sources":["../../../../src/components/Company/OnboardingOverview/OnboardingOverview.tsx"],"sourcesContent":["import { useCompaniesGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/companiesGetOnboardingStatus'\nimport { OnboardingOverviewProvider } from './context'\nimport { MissingRequirements } from './MissingRequirements'\nimport { Completed } from './Completed'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface OnboardingOverviewProps extends CommonComponentInterface<'Company.OnboardingOverview'> {\n  companyId: string\n}\n\nexport function OnboardingOverview(props: OnboardingOverviewProps & BaseComponentInterface) {\n  useI18n('Company.OnboardingOverview')\n  useComponentDictionary('Company.OnboardingOverview', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, className, children }: OnboardingOverviewProps) => {\n  const { onEvent } = useBase()\n\n  const { data } = useCompaniesGetOnboardingStatusSuspense({ companyUuid: companyId })\n  const { onboardingCompleted, onboardingSteps } = data.companyOnboardingStatus!\n\n  const handleDone = () => {\n    onEvent(componentEvents.COMPANY_OVERVIEW_DONE)\n  }\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_OVERVIEW_CONTINUE)\n  }\n\n  return (\n    <section className={className}>\n      <OnboardingOverviewProvider\n        value={{\n          onboardingCompleted,\n          onboardingSteps,\n          handleDone,\n          handleContinue,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Completed />\n              <MissingRequirements />\n            </>\n          )}\n        </Flex>\n      </OnboardingOverviewProvider>\n    </section>\n  )\n}\n"],"names":["OnboardingOverview","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","companyId","className","children","onEvent","useBase","data","useCompaniesGetOnboardingStatusSuspense","onboardingCompleted","onboardingSteps","OnboardingOverviewProvider","componentEvents","Flex","jsxs","Fragment","Completed","MissingRequirements"],"mappings":";;;;;;;;;;AAmBO,SAASA,EAAmBC,GAAyD;AAC1F,SAAAC,EAAQ,4BAA4B,GACpCC,EAAuB,8BAA8BF,EAAM,UAAU,GAEnE,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,QAAwC;AAC5E,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,EAAA,IAASC,EAAwC,EAAE,aAAaN,GAAW,GAC7E,EAAE,qBAAAO,GAAqB,iBAAAC,EAAA,IAAoBH,EAAK;AAStD,SACE,gBAAAR,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,qBAAAF;AAAA,QACA,iBAAAC;AAAA,QACA,YAbW,MAAM;AACvB,UAAAL,EAAQO,EAAgB,qBAAqB;AAAA,QAC/C;AAAA,QAYQ,gBAXe,MAAM;AAC3B,UAAAP,EAAQO,EAAgB,yBAAyB;AAAA,QACnD;AAAA,MASQ;AAAA,MAGF,UAAA,gBAAAb,EAACc,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,KAGC,gBAAAU,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAhB,EAACiB,GAAA,EAAU;AAAA,0BACVC,GAAA,CAAA,CAAoB;AAAA,MAAA,EAAA,CACvB,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"OnboardingOverview.js","sources":["../../../../src/components/Company/OnboardingOverview/OnboardingOverview.tsx"],"sourcesContent":["import { useCompaniesGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/companiesGetOnboardingStatus'\nimport { OnboardingOverviewProvider } from './context'\nimport { MissingRequirements } from './MissingRequirements'\nimport { Completed } from './Completed'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface OnboardingOverviewProps extends CommonComponentInterface<'Company.OnboardingOverview'> {\n  companyId: string\n}\n\nexport function OnboardingOverview(props: OnboardingOverviewProps & BaseComponentInterface) {\n  useI18n('Company.OnboardingOverview')\n  useComponentDictionary('Company.OnboardingOverview', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, className, children }: OnboardingOverviewProps) => {\n  const { onEvent } = useBase()\n\n  const { data } = useCompaniesGetOnboardingStatusSuspense({ companyUuid: companyId })\n  const { onboardingCompleted, onboardingSteps } = data.companyOnboardingStatus!\n\n  const handleDone = () => {\n    onEvent(componentEvents.COMPANY_OVERVIEW_DONE)\n  }\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_OVERVIEW_CONTINUE)\n  }\n\n  return (\n    <section className={className}>\n      <OnboardingOverviewProvider\n        value={{\n          onboardingCompleted,\n          onboardingSteps,\n          handleDone,\n          handleContinue,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Completed />\n              <MissingRequirements />\n            </>\n          )}\n        </Flex>\n      </OnboardingOverviewProvider>\n    </section>\n  )\n}\n"],"names":["OnboardingOverview","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","companyId","className","children","onEvent","useBase","data","useCompaniesGetOnboardingStatusSuspense","onboardingCompleted","onboardingSteps","OnboardingOverviewProvider","componentEvents","Flex","jsxs","Fragment","Completed","MissingRequirements"],"mappings":";;;;;;;;;;;AAmBO,SAASA,EAAmBC,GAAyD;AAC1F,SAAAC,EAAQ,4BAA4B,GACpCC,EAAuB,8BAA8BF,EAAM,UAAU,GAEnE,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,QAAwC;AAC5E,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,EAAA,IAASC,EAAwC,EAAE,aAAaN,GAAW,GAC7E,EAAE,qBAAAO,GAAqB,iBAAAC,EAAA,IAAoBH,EAAK;AAStD,SACE,gBAAAR,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,qBAAAF;AAAA,QACA,iBAAAC;AAAA,QACA,YAbW,MAAM;AACvB,UAAAL,EAAQO,EAAgB,qBAAqB;AAAA,QAC/C;AAAA,QAYQ,gBAXe,MAAM;AAC3B,UAAAP,EAAQO,EAAgB,yBAAyB;AAAA,QACnD;AAAA,MASQ;AAAA,MAGF,UAAA,gBAAAb,EAACc,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,KAGC,gBAAAU,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAhB,EAACiB,GAAA,EAAU;AAAA,0BACVC,GAAA,CAAA,CAAoB;AAAA,MAAA,EAAA,CACvB,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/OnboardingOverview/context.js

@@ -9,12 +9,16 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../shared/constants.js";
+import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [x, C] = o("OnboardingOverviewContext");
+const [u, f] = o("OnboardingOverviewContext");
 export {
-  C as OnboardingOverviewProvider,
-  x as useOnboardingOverview
+  f as OnboardingOverviewProvider,
+  u as useOnboardingOverview
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/OnboardingOverview/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../src/components/Company/OnboardingOverview/context.ts"],"sourcesContent":["import type { OnboardingStep } from '@gusto/embedded-api/models/components/companyonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\n\ntype OnboardingOverviewContextType = {\n  onboardingCompleted?: boolean\n  onboardingSteps?: OnboardingStep[]\n  handleDone: () => void\n  handleContinue: () => void\n}\n\nconst [useOnboardingOverview, OnboardingOverviewProvider] =\n  createCompoundContext<OnboardingOverviewContextType>('OnboardingOverviewContext')\n\nexport { useOnboardingOverview, OnboardingOverviewProvider }\n"],"names":["useOnboardingOverview","OnboardingOverviewProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAuBC,CAA0B,IACtDC,EAAqD,2BAA2B;"}
+{"version":3,"file":"context.js","sources":["../../../../src/components/Company/OnboardingOverview/context.ts"],"sourcesContent":["import type { OnboardingStep } from '@gusto/embedded-api/models/components/companyonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\n\ntype OnboardingOverviewContextType = {\n  onboardingCompleted?: boolean\n  onboardingSteps?: OnboardingStep[]\n  handleDone: () => void\n  handleContinue: () => void\n}\n\nconst [useOnboardingOverview, OnboardingOverviewProvider] =\n  createCompoundContext<OnboardingOverviewContextType>('OnboardingOverviewContext')\n\nexport { useOnboardingOverview, OnboardingOverviewProvider }\n"],"names":["useOnboardingOverview","OnboardingOverviewProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAuBC,CAA0B,IACtDC,EAAqD,2BAA2B;"}

package/dist/components/Company/PaySchedule/PayScheduleList.js

@@ -3,15 +3,16 @@ import { useTranslation as f, Trans as m } from "react-i18next";
 import { usePaySchedulesGetAllSuspense as S } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
 import d from "./PayScheduleList.module.scss.js";
 import { Flex as o } from "../../Common/Flex/Flex.js";
+import "classnames";
+import { componentEvents as s } from "../../../shared/constants.js";
 import { ActionsLayout as C } from "../../Common/ActionsLayout/ActionsLayout.js";
 import L from "../../../assets/icons/pencil.svg.js";
 import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { componentEvents as s } from "../../../shared/constants.js";
 import { VisuallyHidden as D } from "../../Common/VisuallyHidden/VisuallyHidden.js";
 import { HamburgerMenu as v } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as P } from "../../Common/DataView/useDataView.js";
 import { DataView as x } from "../../Common/DataView/DataView.js";
-function Y({ companyId: u, onEvent: c }) {
+function F({ companyId: u, onEvent: c }) {
   const { t } = f("Company.PaySchedule"), i = g(), { data: p } = S({ companyId: u }), h = P({
     data: p.paySchedules || [],
     columns: [
@@ -97,6 +98,6 @@ function Y({ companyId: u, onEvent: c }) {
   ] });
 }
 export {
-  Y as PayScheduleList
+  F as PayScheduleList
 };
 //# sourceMappingURL=PayScheduleList.js.map

package/dist/components/Company/PaySchedule/PayScheduleList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleList.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleList.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport styles from './PayScheduleList.module.scss'\nimport { useDataView, DataView, Flex, VisuallyHidden, ActionsLayout } from '@/components/Common'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\ninterface PayScheduleListProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function PayScheduleList({ companyId, onEvent }: PayScheduleListProps) {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n\n  const dataViewProps = useDataView({\n    data: paySchedules.paySchedules || [],\n    columns: [\n      {\n        title: t('payScheduleList.name'),\n        key: 'customName',\n        render: schedule => {\n          const hasName = !!schedule.name\n          let displayName = hasName ? schedule.name : schedule.customName\n          if (displayName && displayName.length > 1) {\n            displayName = displayName.charAt(0).toUpperCase() + displayName.slice(1)\n          } else {\n            displayName = schedule.customName\n          }\n          const displayFrequency = schedule.customName\n          return (\n            <Flex flexDirection=\"column\" gap={0}>\n              <div className={styles.content}>\n                <div>{displayName}</div>\n                {hasName && <div>{displayFrequency}</div>}\n              </div>\n            </Flex>\n          )\n        },\n      },\n      {\n        title: <VisuallyHidden>{t('payScheduleList.active')}</VisuallyHidden>,\n        key: 'active',\n        render: schedule => (\n          <Flex alignItems=\"center\" justifyContent=\"center\">\n            <div className={styles.content}>\n              {schedule.active ? (\n                <Components.Badge status=\"success\">{t('payScheduleList.active')}</Components.Badge>\n              ) : (\n                <Components.Badge status=\"info\">{t('payScheduleList.inactive')}</Components.Badge>\n              )}\n            </div>\n          </Flex>\n        ),\n      },\n    ],\n    itemMenu: schedule => (\n      <HamburgerMenu\n        triggerLabel=\"Actions\"\n        items={[\n          {\n            label: t('payScheduleList.edit'),\n            onClick: () => {\n              onEvent(componentEvents.PAY_SCHEDULE_UPDATE, { uuid: schedule.uuid })\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n        ]}\n      />\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex justifyContent=\"space-between\" flexDirection=\"column\" gap={4}>\n        <header>\n          <Components.Heading as=\"h2\">{t('headings.pageTitle')}</Components.Heading>\n          <Components.Text>\n            <Trans\n              i18nKey=\"listDescription\"\n              t={t}\n              components={{ ScheduleLink: <Components.Link /> }}\n            />\n          </Components.Text>\n          <Components.Text>\n            <Trans\n              i18nKey=\"listDescription2\"\n              t={t}\n              components={{ PaymentLawLink: <Components.Link /> }}\n            />\n          </Components.Text>\n        </header>\n      </Flex>\n      <DataView label=\"test\" {...dataViewProps} />\n      <ActionsLayout>\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.PAY_SCHEDULE_CREATE)\n          }}\n        >\n          {t('addAnotherPayScheduleCta')}\n        </Components.Button>\n        <Components.Button\n          variant=\"primary\"\n          onClick={() => {\n            onEvent(componentEvents.PAY_SCHEDULE_DONE)\n          }}\n        >\n          {t('continueCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["PayScheduleList","companyId","onEvent","useTranslation","Components","useComponentContext","paySchedules","usePaySchedulesGetAllSuspense","dataViewProps","useDataView","schedule","hasName","displayName","displayFrequency","jsx","Flex","jsxs","styles","VisuallyHidden","HamburgerMenu","componentEvents","PencilSvg","Trans","DataView","ActionsLayout"],"mappings":";;;;;;;;;;;;;AAeO,SAASA,EAAgB,EAAE,WAAAC,GAAW,SAAAC,KAAiC;AAC5E,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GAEb,EAAE,MAAMC,EAAA,IAAiBC,EAA8B,EAAE,WAAAN,GAAW,GAEpEO,IAAgBC,EAAY;AAAA,IAChC,MAAMH,EAAa,gBAAgB,CAAA;AAAA,IACnC,SAAS;AAAA,MACP;AAAA,QACE,OAAO,EAAE,sBAAsB;AAAA,QAC/B,KAAK;AAAA,QACL,QAAQ,CAAAI,MAAY;AAClB,gBAAMC,IAAU,CAAC,CAACD,EAAS;AAC3B,cAAIE,IAAcD,IAAUD,EAAS,OAAOA,EAAS;AACrD,UAAIE,KAAeA,EAAY,SAAS,IACtCA,IAAcA,EAAY,OAAO,CAAC,EAAE,gBAAgBA,EAAY,MAAM,CAAC,IAEvEA,IAAcF,EAAS;AAEzB,gBAAMG,IAAmBH,EAAS;AAClC,iBACE,gBAAAI,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,YAAA,gBAAAH,EAAC,SAAK,UAAAF,EAAA,CAAY;AAAA,YACjBD,KAAW,gBAAAG,EAAC,OAAA,EAAK,UAAAD,EAAA,CAAiB;AAAA,UAAA,EAAA,CACrC,EAAA,CACF;AAAA,QAEJ;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,OAAO,gBAAAC,EAACI,GAAA,EAAgB,UAAA,EAAE,wBAAwB,GAAE;AAAA,QACpD,KAAK;AAAA,QACL,QAAQ,CAAAR,MACN,gBAAAI,EAACC,GAAA,EAAK,YAAW,UAAS,gBAAe,UACvC,UAAA,gBAAAD,EAAC,SAAI,WAAWG,EAAO,SACpB,UAAAP,EAAS,SACR,gBAAAI,EAACV,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAA,EAAE,wBAAwB,EAAA,CAAE,IAEhE,gBAAAU,EAACV,EAAW,OAAX,EAAiB,QAAO,QAAQ,UAAA,EAAE,0BAA0B,GAAE,GAEnE,EAAA,CACF;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEF,UAAU,CAAAM,MACR,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAjB,EAAQkB,EAAgB,qBAAqB,EAAE,MAAMV,EAAS,MAAM;AAAA,YACtE;AAAA,YACA,MAAM,gBAAAI,EAACO,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,IAAA;AAAA,EACF,CAEH;AAED,SACE,gBAAAL,EAACD,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,gBAAe,iBAAgB,eAAc,UAAS,KAAK,GAC/D,4BAAC,UAAA,EACC,UAAA;AAAA,MAAA,gBAAAD,EAACV,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,oBAAoB,GAAE;AAAA,MACrD,gBAAAU,EAACV,EAAW,MAAX,EACC,UAAA,gBAAAU;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR;AAAA,UACA,YAAY,EAAE,gCAAelB,EAAW,MAAX,CAAA,CAAgB,EAAA;AAAA,QAAG;AAAA,MAAA,GAEpD;AAAA,MACA,gBAAAU,EAACV,EAAW,MAAX,EACC,UAAA,gBAAAU;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR;AAAA,UACA,YAAY,EAAE,kCAAiBlB,EAAW,MAAX,CAAA,CAAgB,EAAA;AAAA,QAAG;AAAA,MAAA,EACpD,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,IACA,gBAAAU,EAACS,GAAA,EAAS,OAAM,QAAQ,GAAGf,EAAA,CAAe;AAAA,sBACzCgB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAV;AAAA,QAACV,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQkB,EAAgB,mBAAmB;AAAA,UAC7C;AAAA,UAEC,YAAE,0BAA0B;AAAA,QAAA;AAAA,MAAA;AAAA,MAE/B,gBAAAN;AAAA,QAACV,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQkB,EAAgB,iBAAiB;AAAA,UAC3C;AAAA,UAEC,YAAE,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"PayScheduleList.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleList.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport styles from './PayScheduleList.module.scss'\nimport { useDataView, DataView, Flex, VisuallyHidden, ActionsLayout } from '@/components/Common'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\ninterface PayScheduleListProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function PayScheduleList({ companyId, onEvent }: PayScheduleListProps) {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n\n  const dataViewProps = useDataView({\n    data: paySchedules.paySchedules || [],\n    columns: [\n      {\n        title: t('payScheduleList.name'),\n        key: 'customName',\n        render: schedule => {\n          const hasName = !!schedule.name\n          let displayName = hasName ? schedule.name : schedule.customName\n          if (displayName && displayName.length > 1) {\n            displayName = displayName.charAt(0).toUpperCase() + displayName.slice(1)\n          } else {\n            displayName = schedule.customName\n          }\n          const displayFrequency = schedule.customName\n          return (\n            <Flex flexDirection=\"column\" gap={0}>\n              <div className={styles.content}>\n                <div>{displayName}</div>\n                {hasName && <div>{displayFrequency}</div>}\n              </div>\n            </Flex>\n          )\n        },\n      },\n      {\n        title: <VisuallyHidden>{t('payScheduleList.active')}</VisuallyHidden>,\n        key: 'active',\n        render: schedule => (\n          <Flex alignItems=\"center\" justifyContent=\"center\">\n            <div className={styles.content}>\n              {schedule.active ? (\n                <Components.Badge status=\"success\">{t('payScheduleList.active')}</Components.Badge>\n              ) : (\n                <Components.Badge status=\"info\">{t('payScheduleList.inactive')}</Components.Badge>\n              )}\n            </div>\n          </Flex>\n        ),\n      },\n    ],\n    itemMenu: schedule => (\n      <HamburgerMenu\n        triggerLabel=\"Actions\"\n        items={[\n          {\n            label: t('payScheduleList.edit'),\n            onClick: () => {\n              onEvent(componentEvents.PAY_SCHEDULE_UPDATE, { uuid: schedule.uuid })\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n        ]}\n      />\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex justifyContent=\"space-between\" flexDirection=\"column\" gap={4}>\n        <header>\n          <Components.Heading as=\"h2\">{t('headings.pageTitle')}</Components.Heading>\n          <Components.Text>\n            <Trans\n              i18nKey=\"listDescription\"\n              t={t}\n              components={{ ScheduleLink: <Components.Link /> }}\n            />\n          </Components.Text>\n          <Components.Text>\n            <Trans\n              i18nKey=\"listDescription2\"\n              t={t}\n              components={{ PaymentLawLink: <Components.Link /> }}\n            />\n          </Components.Text>\n        </header>\n      </Flex>\n      <DataView label=\"test\" {...dataViewProps} />\n      <ActionsLayout>\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.PAY_SCHEDULE_CREATE)\n          }}\n        >\n          {t('addAnotherPayScheduleCta')}\n        </Components.Button>\n        <Components.Button\n          variant=\"primary\"\n          onClick={() => {\n            onEvent(componentEvents.PAY_SCHEDULE_DONE)\n          }}\n        >\n          {t('continueCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["PayScheduleList","companyId","onEvent","useTranslation","Components","useComponentContext","paySchedules","usePaySchedulesGetAllSuspense","dataViewProps","useDataView","schedule","hasName","displayName","displayFrequency","jsx","Flex","jsxs","styles","VisuallyHidden","HamburgerMenu","componentEvents","PencilSvg","Trans","DataView","ActionsLayout"],"mappings":"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"}

package/dist/components/Company/PaySchedule/shared/usePayScheduleForm/usePayScheduleForm.js

@@ -1,37 +1,38 @@
-import { useMemo as oe, useEffect as te } from "react";
-import { useForm as ae, useWatch as i } from "react-hook-form";
-import { zodResolver as ne } from "@hookform/resolvers/zod";
-import { usePaySchedulesGet as re } from "@gusto/embedded-api/react-query/paySchedulesGet";
-import { usePaySchedulesGetPreview as ce } from "@gusto/embedded-api/react-query/paySchedulesGetPreview";
-import { usePaySchedulesCreateMutation as se } from "@gusto/embedded-api/react-query/paySchedulesCreate";
-import { usePaySchedulesUpdateMutation as ie } from "@gusto/embedded-api/react-query/paySchedulesUpdate";
-import { usePaymentConfigsGet as de } from "@gusto/embedded-api/react-query/paymentConfigsGet";
+import { useMemo as te, useEffect as ae } from "react";
+import { useForm as ne, useWatch as i } from "react-hook-form";
+import { zodResolver as re } from "@hookform/resolvers/zod";
+import { usePaySchedulesGet as ce } from "@gusto/embedded-api/react-query/paySchedulesGet";
+import { usePaySchedulesGetPreview as se } from "@gusto/embedded-api/react-query/paySchedulesGetPreview";
+import { usePaySchedulesCreateMutation as ie } from "@gusto/embedded-api/react-query/paySchedulesCreate";
+import { usePaySchedulesUpdateMutation as de } from "@gusto/embedded-api/react-query/paySchedulesUpdate";
+import { usePaymentConfigsGet as ue } from "@gusto/embedded-api/react-query/paymentConfigsGet";
 import { RFCDate as d } from "@gusto/embedded-api/types/rfcdate";
-import { createPayScheduleSchema as ue } from "./payScheduleSchema.js";
-import { Day2Field as me, Day1Field as ye, AnchorEndOfPayPeriodField as he, AnchorPayDateField as Pe, CustomTwicePerMonthField as le, FrequencyField as fe, CustomNameField as we } from "./fields.js";
-import { useDeriveFieldsMetadata as pe } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
-import { createGetFormSubmissionValues as Ee } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { createPayScheduleSchema as me } from "./payScheduleSchema.js";
+import { Day2Field as ye, Day1Field as he, AnchorEndOfPayPeriodField as Pe, AnchorPayDateField as le, CustomTwicePerMonthField as fe, FrequencyField as we, CustomNameField as pe } from "./fields.js";
+import { useDeriveFieldsMetadata as Ee } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { useHookFormInternals as Se } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
+import { createGetFormSubmissionValues as ve } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
 import { withOptions as q } from "../../../../../partner-hook-utils/form/withOptions.js";
-import { composeErrorHandler as Se } from "../../../../../partner-hook-utils/composeErrorHandler.js";
-import { useBaseSubmit as ve } from "../../../../Base/useBaseSubmit.js";
-import { parsePaymentSpeedDays as De } from "../../../../../hooks/useCompanyPaymentSpeed.js";
-import { formatDateToStringDate as Me } from "../../../../../helpers/dateFormatting.js";
-const F = [
+import { composeErrorHandler as De } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { useBaseSubmit as Me } from "../../../../Base/useBaseSubmit.js";
+import { parsePaymentSpeedDays as Te } from "../../../../../hooks/useCompanyPaymentSpeed.js";
+import { formatDateToStringDate as Ne } from "../../../../../helpers/dateFormatting.js";
+const C = [
   { value: "Every week", label: "Every week" },
   { value: "Every other week", label: "Every other week" },
   { value: "Twice per month", label: "Twice per month" },
   { value: "Monthly", label: "Monthly" }
-], Te = F.map((e) => e.value), A = [
+], Oe = C.map((e) => e.value), A = [
   { value: "1st15th", label: "15th and Last day of the month" },
   { value: "custom", label: "Custom" }
-], Ne = A.map((e) => e.value);
-function C(e) {
-  return e instanceof Date ? Me(e) || "" : typeof e == "string" && e ? e : "";
+], be = A.map((e) => e.value);
+function F(e) {
+  return e instanceof Date ? Ne(e) || "" : typeof e == "string" && e ? e : "";
 }
-function Oe(e, s, u) {
+function ge(e, s, u) {
   return e !== "Twice per month" ? "" : s === 15 && u === 31 ? "1st15th" : "custom";
 }
-function ze({
+function Ke({
   companyId: e,
   payScheduleId: s,
   optionalFieldsToRequire: u,
@@ -39,16 +40,16 @@ function ze({
   validationMode: R = "onSubmit",
   shouldFocusError: L = !0
 }) {
-  const h = re(
+  const h = ce(
     { companyId: e, payScheduleId: s ?? "" },
     { enabled: !!s }
-  ), m = de({ companyUuid: e }), o = h.data?.paySchedule ?? null, V = m.data?.paymentConfigs?.paymentSpeed, _ = De(V), P = !o, p = P ? "create" : "update", [E, k] = oe(
-    () => ue({ mode: p, optionalFieldsToRequire: u }),
+  ), m = ue({ companyUuid: e }), o = h.data?.paySchedule ?? null, k = m.data?.paymentConfigs?.paymentSpeed, V = Te(k), P = !o, p = P ? "create" : "update", [E, _] = te(
+    () => me({ mode: p, optionalFieldsToRequire: u }),
     [p, u]
   ), S = {
     customName: o?.customName ?? n?.customName ?? "",
     frequency: o?.frequency ?? n?.frequency ?? "Every week",
-    customTwicePerMonth: Oe(
+    customTwicePerMonth: ge(
       o?.frequency ?? n?.frequency,
       o?.day1 ?? n?.day1 ?? void 0,
       o?.day2 ?? n?.day2 ?? void 0
@@ -57,8 +58,8 @@ function ze({
     anchorEndOfPayPeriod: o?.anchorEndOfPayPeriod?.toString() ?? n?.anchorEndOfPayPeriod ?? null,
     day1: o?.day1 ?? n?.day1 ?? NaN,
     day2: o?.day2 ?? n?.day2 ?? NaN
-  }, t = ae({
-    resolver: ne(E),
+  }, t = ne({
+    resolver: re(E),
     mode: R,
     shouldFocusError: L,
     defaultValues: S,
@@ -71,10 +72,10 @@ function ze({
     control: t.control,
     name: "anchorEndOfPayPeriod"
   }), U = i({ control: t.control, name: "day1" }), G = i({ control: t.control, name: "day2" });
-  te(() => {
+  ae(() => {
     r === "Twice per month" && y === "1st15th" && (t.setValue("day1", 15), t.setValue("day2", 31));
   }, [r, y, t.setValue]);
-  const l = C(H), f = C(Q), v = !!(l && f), D = ce(
+  const l = F(H), f = F(Q), v = !!(l && f), D = se(
     {
       companyId: e,
       frequency: r,
@@ -86,21 +87,21 @@ function ze({
       day2: G || void 0
     },
     { enabled: v }
-  ), W = D.data?.paySchedulePreview?.payPeriods, B = D.isLoading && v, M = se(), T = ie(), I = M.isPending || T.isPending, {
+  ), W = D.data?.paySchedulePreview?.payPeriods, I = D.isLoading && v, M = ie(), T = de(), B = M.isPending || T.isPending, {
     baseSubmitHandler: Y,
     error: x,
     setError: z
-  } = ve("PayScheduleForm"), N = Se(s ? [h, m] : [m], { submitError: x, setSubmitError: z }), j = r === "Twice per month", J = r === "Monthly" || r === "Twice per month" && y === "custom", K = r === "Twice per month" && y === "custom", c = pe(k, t.control), X = {
+  } = Me("PayScheduleForm"), N = De(s ? [h, m] : [m], { submitError: x, setSubmitError: z }), j = r === "Twice per month", J = r === "Monthly" || r === "Twice per month" && y === "custom", K = r === "Twice per month" && y === "custom", c = Ee(_, t.control), X = {
     customName: c.customName,
     frequency: q(
       c.frequency,
-      F,
-      Te
+      C,
+      Oe
     ),
     customTwicePerMonth: q(
       c.customTwicePerMonth,
       A,
-      Ne
+      be
     ),
     anchorPayDate: c.anchorPayDate,
     anchorEndOfPayPeriod: c.anchorEndOfPayPeriod,
@@ -110,8 +111,8 @@ function ze({
     let w;
     return await new Promise((O) => {
       t.handleSubmit(
-        async ($) => {
-          await Y($, async (a) => {
+        async (ee) => {
+          await Y(ee, async (a) => {
             const b = a.anchorPayDate ?? "", g = a.anchorEndOfPayPeriod ?? "";
             P ? w = { mode: "create", data: (await M.mutateAsync({
               request: {
@@ -147,38 +148,38 @@ function ze({
         }
       )();
     }), w;
-  };
+  }, $ = Se(t);
   return m.isLoading || (s ? h.isLoading : !1) ? { isLoading: !0, errorHandling: N } : {
     isLoading: !1,
     data: {
       paySchedule: o,
       payPeriodPreview: W ?? null,
-      payPreviewLoading: B,
-      paymentSpeedDays: _
+      payPreviewLoading: I,
+      paymentSpeedDays: V
     },
     status: {
-      isPending: I,
+      isPending: B,
       mode: P ? "create" : "update"
     },
     actions: { onSubmit: Z },
     errorHandling: N,
     form: {
       Fields: {
-        CustomName: we,
-        Frequency: fe,
-        CustomTwicePerMonth: j ? le : void 0,
-        AnchorPayDate: Pe,
-        AnchorEndOfPayPeriod: he,
-        Day1: J ? ye : void 0,
-        Day2: K ? me : void 0
+        CustomName: pe,
+        Frequency: we,
+        CustomTwicePerMonth: j ? fe : void 0,
+        AnchorPayDate: le,
+        AnchorEndOfPayPeriod: Pe,
+        Day1: J ? he : void 0,
+        Day2: K ? ye : void 0
       },
       fieldsMetadata: X,
-      hookFormInternals: { formMethods: t },
-      getFormSubmissionValues: Ee(t, E)
+      hookFormInternals: $,
+      getFormSubmissionValues: ve(t, E)
     }
   };
 }
 export {
-  ze as usePayScheduleForm
+  Ke as usePayScheduleForm
 };
 //# sourceMappingURL=usePayScheduleForm.js.map

package/dist/components/Company/PaySchedule/shared/usePayScheduleForm/usePayScheduleForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePayScheduleForm.js","sources":["../../../../../../src/components/Company/PaySchedule/shared/usePayScheduleForm/usePayScheduleForm.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useForm, useWatch } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { PaySchedule } from '@gusto/embedded-api/models/components/payschedule'\nimport type { PaySchedulePreviewPayPeriod } from '@gusto/embedded-api/models/components/payschedulepreviewpayperiod'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport { usePaySchedulesGetPreview } from '@gusto/embedded-api/react-query/paySchedulesGetPreview'\nimport { usePaySchedulesCreateMutation } from '@gusto/embedded-api/react-query/paySchedulesCreate'\nimport { usePaySchedulesUpdateMutation } from '@gusto/embedded-api/react-query/paySchedulesUpdate'\nimport { usePaymentConfigsGet } from '@gusto/embedded-api/react-query/paymentConfigsGet'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport {\n  createPayScheduleSchema,\n  type PayScheduleOptionalFieldsToRequire,\n  type PayScheduleFormData,\n  type PayScheduleFormOutputs,\n  type PayScheduleFrequency,\n} from './payScheduleSchema'\nimport {\n  CustomNameField,\n  FrequencyField,\n  CustomTwicePerMonthField,\n  AnchorPayDateField,\n  AnchorEndOfPayPeriodField,\n  Day1Field,\n  Day2Field,\n} from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { parsePaymentSpeedDays } from '@/hooks/useCompanyPaymentSpeed'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\nexport type { PayScheduleOptionalFieldsToRequire } from './payScheduleSchema'\n\nexport interface UsePayScheduleFormProps {\n  companyId: string\n  payScheduleId?: string\n  optionalFieldsToRequire?: PayScheduleOptionalFieldsToRequire\n  defaultValues?: Partial<PayScheduleFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nexport interface PayScheduleFields {\n  CustomName: typeof CustomNameField\n  Frequency: typeof FrequencyField\n  CustomTwicePerMonth: typeof CustomTwicePerMonthField | undefined\n  AnchorPayDate: typeof AnchorPayDateField\n  AnchorEndOfPayPeriod: typeof AnchorEndOfPayPeriodField\n  Day1: typeof Day1Field | undefined\n  Day2: typeof Day2Field | undefined\n}\n\nexport interface UsePayScheduleFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  PayScheduleFormData,\n  PayScheduleFields\n> {\n  data: {\n    paySchedule: PaySchedule | null\n    payPeriodPreview: PaySchedulePreviewPayPeriod[] | null\n    payPreviewLoading: boolean\n    paymentSpeedDays: number | null\n  }\n  status: { isPending: boolean; mode: 'create' | 'update' }\n  actions: {\n    onSubmit: () => Promise<HookSubmitResult<PaySchedule> | undefined>\n  }\n}\n\nconst FREQUENCY_OPTIONS: Array<{ value: PayScheduleFrequency; label: string }> = [\n  { value: 'Every week', label: 'Every week' },\n  { value: 'Every other week', label: 'Every other week' },\n  { value: 'Twice per month', label: 'Twice per month' },\n  { value: 'Monthly', label: 'Monthly' },\n]\n\nconst FREQUENCY_ENTRIES: PayScheduleFrequency[] = FREQUENCY_OPTIONS.map(o => o.value)\n\nconst TWICE_PER_MONTH_OPTIONS = [\n  { value: '1st15th', label: '15th and Last day of the month' },\n  { value: 'custom', label: 'Custom' },\n]\n\nconst TWICE_PER_MONTH_ENTRIES = TWICE_PER_MONTH_OPTIONS.map(o => o.value)\n\nfunction formatWatchedDate(value: unknown): string {\n  if (value instanceof Date) return formatDateToStringDate(value) || ''\n  if (typeof value === 'string' && value) return value\n  return ''\n}\n\nfunction deriveCustomTwicePerMonth(\n  frequency: string | undefined,\n  day1: number | undefined,\n  day2: number | undefined,\n): string {\n  if (frequency !== 'Twice per month') return ''\n  if (day1 === 15 && day2 === 31) return '1st15th'\n  return 'custom'\n}\n\nexport function usePayScheduleForm({\n  companyId,\n  payScheduleId,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UsePayScheduleFormProps): HookLoadingResult | UsePayScheduleFormReady {\n  const payScheduleQuery = usePaySchedulesGet(\n    { companyId, payScheduleId: payScheduleId ?? '' },\n    { enabled: !!payScheduleId },\n  )\n\n  const paymentConfigsQuery = usePaymentConfigsGet({ companyUuid: companyId })\n\n  const currentPaySchedule = payScheduleQuery.data?.paySchedule ?? null\n  const paymentSpeed = paymentConfigsQuery.data?.paymentConfigs?.paymentSpeed\n  const paymentSpeedDays = parsePaymentSpeedDays(paymentSpeed)\n\n  const isCreateMode = !currentPaySchedule\n  const mode = isCreateMode ? 'create' : 'update'\n\n  const [schema, metadataConfig] = useMemo(\n    () => createPayScheduleSchema({ mode, optionalFieldsToRequire }),\n    [mode, optionalFieldsToRequire],\n  )\n\n  const resolvedDefaults: PayScheduleFormData = {\n    customName: currentPaySchedule?.customName ?? partnerDefaults?.customName ?? '',\n    frequency: (currentPaySchedule?.frequency ??\n      partnerDefaults?.frequency ??\n      'Every week') as PayScheduleFrequency,\n    customTwicePerMonth: deriveCustomTwicePerMonth(\n      currentPaySchedule?.frequency ?? partnerDefaults?.frequency,\n      currentPaySchedule?.day1 ?? partnerDefaults?.day1 ?? undefined,\n      currentPaySchedule?.day2 ?? partnerDefaults?.day2 ?? undefined,\n    ),\n    anchorPayDate:\n      currentPaySchedule?.anchorPayDate?.toString() ?? partnerDefaults?.anchorPayDate ?? null,\n    anchorEndOfPayPeriod:\n      currentPaySchedule?.anchorEndOfPayPeriod?.toString() ??\n      partnerDefaults?.anchorEndOfPayPeriod ??\n      null,\n    day1: currentPaySchedule?.day1 ?? partnerDefaults?.day1 ?? NaN,\n    day2: currentPaySchedule?.day2 ?? partnerDefaults?.day2 ?? NaN,\n  }\n\n  const formMethods = useForm<PayScheduleFormData, unknown, PayScheduleFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const watchedFrequency = useWatch({ control: formMethods.control, name: 'frequency' })\n  const watchedCustomTwicePerMonth = useWatch({\n    control: formMethods.control,\n    name: 'customTwicePerMonth',\n  })\n  const watchedAnchorPayDate = useWatch({ control: formMethods.control, name: 'anchorPayDate' })\n  const watchedAnchorEndOfPayPeriod = useWatch({\n    control: formMethods.control,\n    name: 'anchorEndOfPayPeriod',\n  })\n  const watchedDay1 = useWatch({ control: formMethods.control, name: 'day1' })\n  const watchedDay2 = useWatch({ control: formMethods.control, name: 'day2' })\n\n  useEffect(() => {\n    if (watchedFrequency === 'Twice per month' && watchedCustomTwicePerMonth === '1st15th') {\n      formMethods.setValue('day1', 15)\n      formMethods.setValue('day2', 31)\n    }\n  }, [watchedFrequency, watchedCustomTwicePerMonth, formMethods.setValue])\n\n  const formattedAnchorPayDate = formatWatchedDate(watchedAnchorPayDate)\n  const formattedAnchorEndOfPayPeriod = formatWatchedDate(watchedAnchorEndOfPayPeriod)\n\n  const previewEnabled = Boolean(formattedAnchorPayDate && formattedAnchorEndOfPayPeriod)\n\n  const previewQuery = usePaySchedulesGetPreview(\n    {\n      companyId,\n      frequency: watchedFrequency,\n      ...(formattedAnchorPayDate && { anchorPayDate: new RFCDate(formattedAnchorPayDate) }),\n      ...(formattedAnchorEndOfPayPeriod && {\n        anchorEndOfPayPeriod: new RFCDate(formattedAnchorEndOfPayPeriod),\n      }),\n      day1: watchedDay1 || undefined,\n      day2: watchedDay2 || undefined,\n    } as Parameters<typeof usePaySchedulesGetPreview>[0],\n    { enabled: previewEnabled },\n  )\n\n  const payPeriodPreview: PaySchedulePreviewPayPeriod[] | undefined =\n    previewQuery.data?.paySchedulePreview?.payPeriods\n  const payPreviewLoading = previewQuery.isLoading && previewEnabled\n\n  const createPayScheduleMutation = usePaySchedulesCreateMutation()\n  const updatePayScheduleMutation = usePaySchedulesUpdateMutation()\n\n  const isPending = createPayScheduleMutation.isPending || updatePayScheduleMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('PayScheduleForm')\n\n  const queries = payScheduleId ? [payScheduleQuery, paymentConfigsQuery] : [paymentConfigsQuery]\n  const errorHandling = composeErrorHandler(queries, { submitError, setSubmitError })\n\n  const showCustomTwicePerMonth = watchedFrequency === 'Twice per month'\n  const showDay1 =\n    watchedFrequency === 'Monthly' ||\n    (watchedFrequency === 'Twice per month' && watchedCustomTwicePerMonth === 'custom')\n  const showDay2 = watchedFrequency === 'Twice per month' && watchedCustomTwicePerMonth === 'custom'\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = {\n    customName: baseMetadata.customName,\n    frequency: withOptions<PayScheduleFrequency>(\n      baseMetadata.frequency,\n      FREQUENCY_OPTIONS,\n      FREQUENCY_ENTRIES,\n    ),\n    customTwicePerMonth: withOptions<string>(\n      baseMetadata.customTwicePerMonth,\n      TWICE_PER_MONTH_OPTIONS,\n      TWICE_PER_MONTH_ENTRIES,\n    ),\n    anchorPayDate: baseMetadata.anchorPayDate,\n    anchorEndOfPayPeriod: baseMetadata.anchorEndOfPayPeriod,\n    day1: baseMetadata.day1,\n    day2: baseMetadata.day2,\n  }\n\n  const onSubmit = async (): Promise<HookSubmitResult<PaySchedule> | undefined> => {\n    let submitResult: HookSubmitResult<PaySchedule> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: PayScheduleFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const anchorPayDate = payload.anchorPayDate ?? ''\n            const anchorEndOfPayPeriod = payload.anchorEndOfPayPeriod ?? ''\n\n            if (isCreateMode) {\n              const result = await createPayScheduleMutation.mutateAsync({\n                request: {\n                  companyId,\n                  payScheduleCreateRequest: {\n                    frequency: payload.frequency,\n                    anchorPayDate: new RFCDate(anchorPayDate),\n                    anchorEndOfPayPeriod: new RFCDate(anchorEndOfPayPeriod),\n                    customName: payload.customName,\n                    day1: payload.day1 || undefined,\n                    day2: payload.day2 || undefined,\n                  },\n                },\n              })\n\n              submitResult = { mode: 'create', data: result.paySchedule! }\n            } else {\n              const result = await updatePayScheduleMutation.mutateAsync({\n                request: {\n                  payScheduleId: currentPaySchedule.uuid,\n                  companyId,\n                  payScheduleUpdateRequest: {\n                    frequency: payload.frequency,\n                    anchorPayDate: new RFCDate(anchorPayDate),\n                    anchorEndOfPayPeriod: new RFCDate(anchorEndOfPayPeriod),\n                    customName: payload.customName,\n                    day1: payload.day1 || undefined,\n                    day2: payload.day2 || undefined,\n                    version: currentPaySchedule.version!,\n                  },\n                },\n              })\n\n              submitResult = { mode: 'update', data: result.paySchedule! }\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const isDataLoading =\n    paymentConfigsQuery.isLoading || (payScheduleId ? payScheduleQuery.isLoading : false)\n\n  if (isDataLoading) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      paySchedule: currentPaySchedule,\n      payPeriodPreview: payPeriodPreview ?? null,\n      payPreviewLoading,\n      paymentSpeedDays,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? ('create' as const) : ('update' as const),\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        CustomName: CustomNameField,\n        Frequency: FrequencyField,\n        CustomTwicePerMonth: showCustomTwicePerMonth ? CustomTwicePerMonthField : undefined,\n        AnchorPayDate: AnchorPayDateField,\n        AnchorEndOfPayPeriod: AnchorEndOfPayPeriodField,\n        Day1: showDay1 ? Day1Field : undefined,\n        Day2: showDay2 ? Day2Field : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals: { formMethods },\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UsePayScheduleFormResult = HookLoadingResult | UsePayScheduleFormReady\nexport type PayScheduleFieldsMetadata = UsePayScheduleFormReady['form']['fieldsMetadata']\nexport type PayScheduleFormFields = UsePayScheduleFormReady['form']['Fields']\n"],"names":["FREQUENCY_OPTIONS","FREQUENCY_ENTRIES","o","TWICE_PER_MONTH_OPTIONS","TWICE_PER_MONTH_ENTRIES","formatWatchedDate","value","formatDateToStringDate","deriveCustomTwicePerMonth","frequency","day1","day2","usePayScheduleForm","companyId","payScheduleId","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","payScheduleQuery","usePaySchedulesGet","paymentConfigsQuery","usePaymentConfigsGet","currentPaySchedule","paymentSpeed","paymentSpeedDays","parsePaymentSpeedDays","isCreateMode","mode","schema","metadataConfig","useMemo","createPayScheduleSchema","resolvedDefaults","formMethods","useForm","zodResolver","watchedFrequency","useWatch","watchedCustomTwicePerMonth","watchedAnchorPayDate","watchedAnchorEndOfPayPeriod","watchedDay1","watchedDay2","useEffect","formattedAnchorPayDate","formattedAnchorEndOfPayPeriod","previewEnabled","previewQuery","usePaySchedulesGetPreview","RFCDate","payPeriodPreview","payPreviewLoading","createPayScheduleMutation","usePaySchedulesCreateMutation","updatePayScheduleMutation","usePaySchedulesUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","showCustomTwicePerMonth","showDay1","showDay2","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","onSubmit","submitResult","resolve","data","payload","anchorPayDate","anchorEndOfPayPeriod","CustomNameField","FrequencyField","CustomTwicePerMonthField","AnchorPayDateField","AnchorEndOfPayPeriodField","Day1Field","Day2Field","createGetFormSubmissionValues"],"mappings":"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"}
+{"version":3,"file":"usePayScheduleForm.js","sources":["../../../../../../src/components/Company/PaySchedule/shared/usePayScheduleForm/usePayScheduleForm.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useForm, useWatch } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { PaySchedule } from '@gusto/embedded-api/models/components/payschedule'\nimport type { PaySchedulePreviewPayPeriod } from '@gusto/embedded-api/models/components/payschedulepreviewpayperiod'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport { usePaySchedulesGetPreview } from '@gusto/embedded-api/react-query/paySchedulesGetPreview'\nimport { usePaySchedulesCreateMutation } from '@gusto/embedded-api/react-query/paySchedulesCreate'\nimport { usePaySchedulesUpdateMutation } from '@gusto/embedded-api/react-query/paySchedulesUpdate'\nimport { usePaymentConfigsGet } from '@gusto/embedded-api/react-query/paymentConfigsGet'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport {\n  createPayScheduleSchema,\n  type PayScheduleOptionalFieldsToRequire,\n  type PayScheduleFormData,\n  type PayScheduleFormOutputs,\n  type PayScheduleFrequency,\n} from './payScheduleSchema'\nimport {\n  CustomNameField,\n  FrequencyField,\n  CustomTwicePerMonthField,\n  AnchorPayDateField,\n  AnchorEndOfPayPeriodField,\n  Day1Field,\n  Day2Field,\n} from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { parsePaymentSpeedDays } from '@/hooks/useCompanyPaymentSpeed'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\nexport type { PayScheduleOptionalFieldsToRequire } from './payScheduleSchema'\n\nexport interface UsePayScheduleFormProps {\n  companyId: string\n  payScheduleId?: string\n  optionalFieldsToRequire?: PayScheduleOptionalFieldsToRequire\n  defaultValues?: Partial<PayScheduleFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nexport interface PayScheduleFields {\n  CustomName: typeof CustomNameField\n  Frequency: typeof FrequencyField\n  CustomTwicePerMonth: typeof CustomTwicePerMonthField | undefined\n  AnchorPayDate: typeof AnchorPayDateField\n  AnchorEndOfPayPeriod: typeof AnchorEndOfPayPeriodField\n  Day1: typeof Day1Field | undefined\n  Day2: typeof Day2Field | undefined\n}\n\nexport interface UsePayScheduleFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  PayScheduleFormData,\n  PayScheduleFields\n> {\n  data: {\n    paySchedule: PaySchedule | null\n    payPeriodPreview: PaySchedulePreviewPayPeriod[] | null\n    payPreviewLoading: boolean\n    paymentSpeedDays: number | null\n  }\n  status: { isPending: boolean; mode: 'create' | 'update' }\n  actions: {\n    onSubmit: () => Promise<HookSubmitResult<PaySchedule> | undefined>\n  }\n}\n\nconst FREQUENCY_OPTIONS: Array<{ value: PayScheduleFrequency; label: string }> = [\n  { value: 'Every week', label: 'Every week' },\n  { value: 'Every other week', label: 'Every other week' },\n  { value: 'Twice per month', label: 'Twice per month' },\n  { value: 'Monthly', label: 'Monthly' },\n]\n\nconst FREQUENCY_ENTRIES: PayScheduleFrequency[] = FREQUENCY_OPTIONS.map(o => o.value)\n\nconst TWICE_PER_MONTH_OPTIONS = [\n  { value: '1st15th', label: '15th and Last day of the month' },\n  { value: 'custom', label: 'Custom' },\n]\n\nconst TWICE_PER_MONTH_ENTRIES = TWICE_PER_MONTH_OPTIONS.map(o => o.value)\n\nfunction formatWatchedDate(value: unknown): string {\n  if (value instanceof Date) return formatDateToStringDate(value) || ''\n  if (typeof value === 'string' && value) return value\n  return ''\n}\n\nfunction deriveCustomTwicePerMonth(\n  frequency: string | undefined,\n  day1: number | undefined,\n  day2: number | undefined,\n): string {\n  if (frequency !== 'Twice per month') return ''\n  if (day1 === 15 && day2 === 31) return '1st15th'\n  return 'custom'\n}\n\nexport function usePayScheduleForm({\n  companyId,\n  payScheduleId,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UsePayScheduleFormProps): HookLoadingResult | UsePayScheduleFormReady {\n  const payScheduleQuery = usePaySchedulesGet(\n    { companyId, payScheduleId: payScheduleId ?? '' },\n    { enabled: !!payScheduleId },\n  )\n\n  const paymentConfigsQuery = usePaymentConfigsGet({ companyUuid: companyId })\n\n  const currentPaySchedule = payScheduleQuery.data?.paySchedule ?? null\n  const paymentSpeed = paymentConfigsQuery.data?.paymentConfigs?.paymentSpeed\n  const paymentSpeedDays = parsePaymentSpeedDays(paymentSpeed)\n\n  const isCreateMode = !currentPaySchedule\n  const mode = isCreateMode ? 'create' : 'update'\n\n  const [schema, metadataConfig] = useMemo(\n    () => createPayScheduleSchema({ mode, optionalFieldsToRequire }),\n    [mode, optionalFieldsToRequire],\n  )\n\n  const resolvedDefaults: PayScheduleFormData = {\n    customName: currentPaySchedule?.customName ?? partnerDefaults?.customName ?? '',\n    frequency: (currentPaySchedule?.frequency ??\n      partnerDefaults?.frequency ??\n      'Every week') as PayScheduleFrequency,\n    customTwicePerMonth: deriveCustomTwicePerMonth(\n      currentPaySchedule?.frequency ?? partnerDefaults?.frequency,\n      currentPaySchedule?.day1 ?? partnerDefaults?.day1 ?? undefined,\n      currentPaySchedule?.day2 ?? partnerDefaults?.day2 ?? undefined,\n    ),\n    anchorPayDate:\n      currentPaySchedule?.anchorPayDate?.toString() ?? partnerDefaults?.anchorPayDate ?? null,\n    anchorEndOfPayPeriod:\n      currentPaySchedule?.anchorEndOfPayPeriod?.toString() ??\n      partnerDefaults?.anchorEndOfPayPeriod ??\n      null,\n    day1: currentPaySchedule?.day1 ?? partnerDefaults?.day1 ?? NaN,\n    day2: currentPaySchedule?.day2 ?? partnerDefaults?.day2 ?? NaN,\n  }\n\n  const formMethods = useForm<PayScheduleFormData, unknown, PayScheduleFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const watchedFrequency = useWatch({ control: formMethods.control, name: 'frequency' })\n  const watchedCustomTwicePerMonth = useWatch({\n    control: formMethods.control,\n    name: 'customTwicePerMonth',\n  })\n  const watchedAnchorPayDate = useWatch({ control: formMethods.control, name: 'anchorPayDate' })\n  const watchedAnchorEndOfPayPeriod = useWatch({\n    control: formMethods.control,\n    name: 'anchorEndOfPayPeriod',\n  })\n  const watchedDay1 = useWatch({ control: formMethods.control, name: 'day1' })\n  const watchedDay2 = useWatch({ control: formMethods.control, name: 'day2' })\n\n  useEffect(() => {\n    if (watchedFrequency === 'Twice per month' && watchedCustomTwicePerMonth === '1st15th') {\n      formMethods.setValue('day1', 15)\n      formMethods.setValue('day2', 31)\n    }\n  }, [watchedFrequency, watchedCustomTwicePerMonth, formMethods.setValue])\n\n  const formattedAnchorPayDate = formatWatchedDate(watchedAnchorPayDate)\n  const formattedAnchorEndOfPayPeriod = formatWatchedDate(watchedAnchorEndOfPayPeriod)\n\n  const previewEnabled = Boolean(formattedAnchorPayDate && formattedAnchorEndOfPayPeriod)\n\n  const previewQuery = usePaySchedulesGetPreview(\n    {\n      companyId,\n      frequency: watchedFrequency,\n      ...(formattedAnchorPayDate && { anchorPayDate: new RFCDate(formattedAnchorPayDate) }),\n      ...(formattedAnchorEndOfPayPeriod && {\n        anchorEndOfPayPeriod: new RFCDate(formattedAnchorEndOfPayPeriod),\n      }),\n      day1: watchedDay1 || undefined,\n      day2: watchedDay2 || undefined,\n    } as Parameters<typeof usePaySchedulesGetPreview>[0],\n    { enabled: previewEnabled },\n  )\n\n  const payPeriodPreview: PaySchedulePreviewPayPeriod[] | undefined =\n    previewQuery.data?.paySchedulePreview?.payPeriods\n  const payPreviewLoading = previewQuery.isLoading && previewEnabled\n\n  const createPayScheduleMutation = usePaySchedulesCreateMutation()\n  const updatePayScheduleMutation = usePaySchedulesUpdateMutation()\n\n  const isPending = createPayScheduleMutation.isPending || updatePayScheduleMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('PayScheduleForm')\n\n  const queries = payScheduleId ? [payScheduleQuery, paymentConfigsQuery] : [paymentConfigsQuery]\n  const errorHandling = composeErrorHandler(queries, { submitError, setSubmitError })\n\n  const showCustomTwicePerMonth = watchedFrequency === 'Twice per month'\n  const showDay1 =\n    watchedFrequency === 'Monthly' ||\n    (watchedFrequency === 'Twice per month' && watchedCustomTwicePerMonth === 'custom')\n  const showDay2 = watchedFrequency === 'Twice per month' && watchedCustomTwicePerMonth === 'custom'\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = {\n    customName: baseMetadata.customName,\n    frequency: withOptions<PayScheduleFrequency>(\n      baseMetadata.frequency,\n      FREQUENCY_OPTIONS,\n      FREQUENCY_ENTRIES,\n    ),\n    customTwicePerMonth: withOptions<string>(\n      baseMetadata.customTwicePerMonth,\n      TWICE_PER_MONTH_OPTIONS,\n      TWICE_PER_MONTH_ENTRIES,\n    ),\n    anchorPayDate: baseMetadata.anchorPayDate,\n    anchorEndOfPayPeriod: baseMetadata.anchorEndOfPayPeriod,\n    day1: baseMetadata.day1,\n    day2: baseMetadata.day2,\n  }\n\n  const onSubmit = async (): Promise<HookSubmitResult<PaySchedule> | undefined> => {\n    let submitResult: HookSubmitResult<PaySchedule> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: PayScheduleFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const anchorPayDate = payload.anchorPayDate ?? ''\n            const anchorEndOfPayPeriod = payload.anchorEndOfPayPeriod ?? ''\n\n            if (isCreateMode) {\n              const result = await createPayScheduleMutation.mutateAsync({\n                request: {\n                  companyId,\n                  payScheduleCreateRequest: {\n                    frequency: payload.frequency,\n                    anchorPayDate: new RFCDate(anchorPayDate),\n                    anchorEndOfPayPeriod: new RFCDate(anchorEndOfPayPeriod),\n                    customName: payload.customName,\n                    day1: payload.day1 || undefined,\n                    day2: payload.day2 || undefined,\n                  },\n                },\n              })\n\n              submitResult = { mode: 'create', data: result.paySchedule! }\n            } else {\n              const result = await updatePayScheduleMutation.mutateAsync({\n                request: {\n                  payScheduleId: currentPaySchedule.uuid,\n                  companyId,\n                  payScheduleUpdateRequest: {\n                    frequency: payload.frequency,\n                    anchorPayDate: new RFCDate(anchorPayDate),\n                    anchorEndOfPayPeriod: new RFCDate(anchorEndOfPayPeriod),\n                    customName: payload.customName,\n                    day1: payload.day1 || undefined,\n                    day2: payload.day2 || undefined,\n                    version: currentPaySchedule.version!,\n                  },\n                },\n              })\n\n              submitResult = { mode: 'update', data: result.paySchedule! }\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  const isDataLoading =\n    paymentConfigsQuery.isLoading || (payScheduleId ? payScheduleQuery.isLoading : false)\n\n  if (isDataLoading) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      paySchedule: currentPaySchedule,\n      payPeriodPreview: payPeriodPreview ?? null,\n      payPreviewLoading,\n      paymentSpeedDays,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? ('create' as const) : ('update' as const),\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        CustomName: CustomNameField,\n        Frequency: FrequencyField,\n        CustomTwicePerMonth: showCustomTwicePerMonth ? CustomTwicePerMonthField : undefined,\n        AnchorPayDate: AnchorPayDateField,\n        AnchorEndOfPayPeriod: AnchorEndOfPayPeriodField,\n        Day1: showDay1 ? Day1Field : undefined,\n        Day2: showDay2 ? Day2Field : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UsePayScheduleFormResult = HookLoadingResult | UsePayScheduleFormReady\nexport type PayScheduleFieldsMetadata = UsePayScheduleFormReady['form']['fieldsMetadata']\nexport type PayScheduleFormFields = UsePayScheduleFormReady['form']['Fields']\n"],"names":["FREQUENCY_OPTIONS","FREQUENCY_ENTRIES","o","TWICE_PER_MONTH_OPTIONS","TWICE_PER_MONTH_ENTRIES","formatWatchedDate","value","formatDateToStringDate","deriveCustomTwicePerMonth","frequency","day1","day2","usePayScheduleForm","companyId","payScheduleId","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","payScheduleQuery","usePaySchedulesGet","paymentConfigsQuery","usePaymentConfigsGet","currentPaySchedule","paymentSpeed","paymentSpeedDays","parsePaymentSpeedDays","isCreateMode","mode","schema","metadataConfig","useMemo","createPayScheduleSchema","resolvedDefaults","formMethods","useForm","zodResolver","watchedFrequency","useWatch","watchedCustomTwicePerMonth","watchedAnchorPayDate","watchedAnchorEndOfPayPeriod","watchedDay1","watchedDay2","useEffect","formattedAnchorPayDate","formattedAnchorEndOfPayPeriod","previewEnabled","previewQuery","usePaySchedulesGetPreview","RFCDate","payPeriodPreview","payPreviewLoading","createPayScheduleMutation","usePaySchedulesCreateMutation","updatePayScheduleMutation","usePaySchedulesUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","showCustomTwicePerMonth","showDay1","showDay2","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","onSubmit","submitResult","resolve","data","payload","anchorPayDate","anchorEndOfPayPeriod","hookFormInternals","useHookFormInternals","CustomNameField","FrequencyField","CustomTwicePerMonthField","AnchorPayDateField","AnchorEndOfPayPeriodField","Day1Field","Day2Field","createGetFormSubmissionValues"],"mappings":"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"}

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

@@ -1,16 +1,18 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { useTranslation as a } from "react-i18next";
 import { useStateTaxesForm as s } from "./context.js";
+import "../../../../shared/constants.js";
+import "classnames";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function d() {
-  const { t } = a("Company.StateTaxes", { keyPrefix: "form" }), { handleCancel: e, isPending: r } = s(), o = c();
+function y() {
+  const { t } = a("Company.StateTaxes", { keyPrefix: "form" }), { handleCancel: r, isPending: e } = s(), o = c();
   return /* @__PURE__ */ i(m, { children: [
-    /* @__PURE__ */ n(o.Button, { variant: "secondary", onClick: e, children: t("cancelCta") }),
-    /* @__PURE__ */ n(o.Button, { variant: "primary", type: "submit", isDisabled: r, children: t("saveCta") })
+    /* @__PURE__ */ n(o.Button, { variant: "secondary", onClick: r, children: t("cancelCta") }),
+    /* @__PURE__ */ n(o.Button, { variant: "primary", type: "submit", isDisabled: e, children: t("saveCta") })
   ] });
 }
 export {
-  d as Actions
+  y as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { handleCancel, isPending } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"secondary\" onClick={handleCancel}>\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button variant=\"primary\" type=\"submit\" isDisabled={isPending}>\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleCancel","isPending","useStateTaxesForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IACA,gBAAAM,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { handleCancel, isPending } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"secondary\" onClick={handleCancel}>\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button variant=\"primary\" type=\"submit\" isDisabled={isPending}>\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleCancel","isPending","useStateTaxesForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IACA,gBAAAM,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,25 +1,26 @@
-import { jsxs as a, Fragment as f, jsx as o } from "react/jsx-runtime";
+import { jsxs as a, Fragment as d, jsx as o } from "react/jsx-runtime";
 import { z as t } from "zod";
 import { useTranslation as u } from "react-i18next";
 import { useStateTaxesForm as x } from "./context.js";
-import { QuestionInput as l } from "../../../Common/TaxInputs/TaxInputs.js";
+import { toRhfKey as l } from "./rhfKey.js";
+import { QuestionInput as y } from "../../../Common/TaxInputs/TaxInputs.js";
 import { useLocaleDateFormatter as T } from "../../../../contexts/LocaleProvider/useLocale.js";
-import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as h } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 t.record(t.string(), t.record(t.string(), t.unknown()));
-function w() {
-  const { t: s } = u("Company.StateTaxes", { keyPrefix: "form" }), i = T(), { stateTaxRequirements: p } = x(), r = y();
+function D() {
+  const { t: s } = u("Company.StateTaxes", { keyPrefix: "form" }), i = T(), { stateTaxRequirements: p } = x(), r = h();
   return p.requirementSets?.map(
-    ({ requirements: c, label: d, effectiveFrom: n, key: m }) => /* @__PURE__ */ a(f, { children: [
+    ({ requirements: f, label: c, effectiveFrom: n, key: m }) => /* @__PURE__ */ a(d, { children: [
       /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ o(r.Heading, { as: "h3", children: d }),
+        /* @__PURE__ */ o(r.Heading, { as: "h3", children: c }),
         n && /* @__PURE__ */ o(r.Text, { size: "sm", children: s("effectiveFromLabel", { date: i.format(new Date(n)) }) })
       ] }),
-      c?.map((e) => /* @__PURE__ */ o(
-        l,
+      f?.map((e) => /* @__PURE__ */ o(
+        y,
         {
           requirement: {
             ...e,
-            key: `${m}.${e.key}`
+            key: `${m}.${l(e.key)}`
           },
           questionType: e.metadata?.type ?? "Text"
         },
@@ -29,6 +30,6 @@ function w() {
   );
 }
 export {
-  w as Form
+  D as Form
 };
 //# sourceMappingURL=Form.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { Fragment } from 'react/jsx-runtime'\nimport { useStateTaxesForm } from './context'\nimport { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs'\nimport { useLocaleDateFormatter } from '@/contexts/LocaleProvider/useLocale'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const StateFormSchema = z.record(z.string(), z.record(z.string(), z.unknown()))\n\nexport type StateFormInputs = z.infer<typeof StateFormSchema>\n\nexport function Form() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const dateFormatter = useLocaleDateFormatter()\n  const { stateTaxRequirements } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return stateTaxRequirements.requirementSets?.map(\n    ({ requirements, label, effectiveFrom, key }) => (\n      <Fragment key={key}>\n        <div>\n          <Components.Heading as=\"h3\">{label}</Components.Heading>\n          {effectiveFrom && (\n            <Components.Text size=\"sm\">\n              {t('effectiveFromLabel', { date: dateFormatter.format(new Date(effectiveFrom)) })}\n            </Components.Text>\n          )}\n        </div>\n        {requirements?.map(requirement => {\n          return (\n            <QuestionInput\n              requirement={{\n                ...requirement,\n                key: `${key}.${requirement.key as string}`,\n              }}\n              questionType={requirement.metadata?.type ?? 'Text'}\n              key={requirement.key}\n            />\n          )\n        })}\n      </Fragment>\n    ),\n  )\n}\n"],"names":["z","Form","t","useTranslation","dateFormatter","useLocaleDateFormatter","stateTaxRequirements","useStateTaxesForm","Components","useComponentContext","requirements","label","effectiveFrom","key","Fragment","jsxs","jsx","requirement","QuestionInput"],"mappings":";;;;;;;AAQ+BA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,QAAA,CAAS,CAAC;AAI9E,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClEC,IAAgBC,EAAA,GAChB,EAAE,sBAAAC,EAAA,IAAyBC,EAAA,GAC3BC,IAAaC,EAAA;AAEnB,SAAOH,EAAqB,iBAAiB;AAAA,IAC3C,CAAC,EAAE,cAAAI,GAAc,OAAAC,GAAO,eAAAC,GAAe,KAAAC,EAAA,wBACpCC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAG,GAAM;AAAA,QAClCC,KACC,gBAAAI,EAACR,EAAW,MAAX,EAAgB,MAAK,MACnB,UAAAN,EAAE,sBAAsB,EAAE,MAAME,EAAc,OAAO,IAAI,KAAKQ,CAAa,CAAC,EAAA,CAAG,EAAA,CAClF;AAAA,MAAA,GAEJ;AAAA,MACCF,GAAc,IAAI,CAAAO,MAEf,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,aAAa;AAAA,YACX,GAAGD;AAAA,YACH,KAAK,GAAGJ,CAAG,IAAII,EAAY,GAAa;AAAA,UAAA;AAAA,UAE1C,cAAcA,EAAY,UAAU,QAAQ;AAAA,QAAA;AAAA,QACvCA,EAAY;AAAA,MAAA,CAGtB;AAAA,IAAA,EAAA,GApBYJ,CAqBf;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { Fragment } from 'react/jsx-runtime'\nimport { useStateTaxesForm } from './context'\nimport { toRhfKey } from './rhfKey'\nimport { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs'\nimport { useLocaleDateFormatter } from '@/contexts/LocaleProvider/useLocale'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const StateFormSchema = z.record(z.string(), z.record(z.string(), z.unknown()))\n\nexport type StateFormInputs = z.infer<typeof StateFormSchema>\n\nexport function Form() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const dateFormatter = useLocaleDateFormatter()\n  const { stateTaxRequirements } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return stateTaxRequirements.requirementSets?.map(\n    ({ requirements, label, effectiveFrom, key }) => (\n      <Fragment key={key}>\n        <div>\n          <Components.Heading as=\"h3\">{label}</Components.Heading>\n          {effectiveFrom && (\n            <Components.Text size=\"sm\">\n              {t('effectiveFromLabel', { date: dateFormatter.format(new Date(effectiveFrom)) })}\n            </Components.Text>\n          )}\n        </div>\n        {requirements?.map(requirement => {\n          return (\n            <QuestionInput\n              requirement={{\n                ...requirement,\n                key: `${key}.${toRhfKey(requirement.key as string)}`,\n              }}\n              questionType={requirement.metadata?.type ?? 'Text'}\n              key={requirement.key}\n            />\n          )\n        })}\n      </Fragment>\n    ),\n  )\n}\n"],"names":["z","Form","t","useTranslation","dateFormatter","useLocaleDateFormatter","stateTaxRequirements","useStateTaxesForm","Components","useComponentContext","requirements","label","effectiveFrom","key","Fragment","jsxs","jsx","requirement","QuestionInput","toRhfKey"],"mappings":";;;;;;;;AAS+BA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,QAAA,CAAS,CAAC;AAI9E,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClEC,IAAgBC,EAAA,GAChB,EAAE,sBAAAC,EAAA,IAAyBC,EAAA,GAC3BC,IAAaC,EAAA;AAEnB,SAAOH,EAAqB,iBAAiB;AAAA,IAC3C,CAAC,EAAE,cAAAI,GAAc,OAAAC,GAAO,eAAAC,GAAe,KAAAC,EAAA,wBACpCC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAG,GAAM;AAAA,QAClCC,KACC,gBAAAI,EAACR,EAAW,MAAX,EAAgB,MAAK,MACnB,UAAAN,EAAE,sBAAsB,EAAE,MAAME,EAAc,OAAO,IAAI,KAAKQ,CAAa,CAAC,EAAA,CAAG,EAAA,CAClF;AAAA,MAAA,GAEJ;AAAA,MACCF,GAAc,IAAI,CAAAO,MAEf,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,aAAa;AAAA,YACX,GAAGD;AAAA,YACH,KAAK,GAAGJ,CAAG,IAAIM,EAASF,EAAY,GAAa,CAAC;AAAA,UAAA;AAAA,UAEpD,cAAcA,EAAY,UAAU,QAAQ;AAAA,QAAA;AAAA,QACvCA,EAAY;AAAA,MAAA,CAGtB;AAAA,IAAA,EAAA,GApBYJ,CAqBf;AAAA,EAAA;AAGN;"}