@gusto/embedded-react-sdk 0.54.0 → 0.54.1

package/dist/components/Company/FederalTaxes/useFederalTaxes.js

@@ -1,5 +1,5 @@
 import { z as o } from "zod";
-import { FilingForm as r, TaxPayerType as t } from "@gusto/embedded-api/models/components/federaltaxdetails";
+import { FilingForm as r, TaxPayerType as e } from "@gusto/embedded-api/models/components/federaltaxdetails";
 import "react/jsx-runtime";
 import "react";
 import "react-error-boundary";
@@ -11,23 +11,21 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { createCompoundContext as e } from "../../Base/createCompoundContext.js";
-const v = o.object({
+import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
+const b = o.object({
   federalEin: o.string().optional(),
-  taxPayerType: o.enum(Object.values(t)).optional(),
+  taxPayerType: o.enum(Object.values(e)).optional(),
   filingForm: o.enum(Object.values(r)).optional(),
   legalName: o.string().min(1)
-}), [P, O] = e(
+}), [j, v] = t(
   "CompanyFederalTaxesContext"
 );
 export {
-  v as FederalTaxFormSchema,
-  O as FederalTaxesProvider,
-  P as useFederalTaxes
+  b as FederalTaxFormSchema,
+  v as FederalTaxesProvider,
+  j as useFederalTaxes
 };
 //# sourceMappingURL=useFederalTaxes.js.map

package/dist/components/Company/FederalTaxes/useFederalTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Company/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { z } from 'zod'\nimport type { FederalTaxDetails } from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { FilingForm, TaxPayerType } from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/** @internal */\nexport const FederalTaxFormSchema = z.object({\n  federalEin: z.string().optional(),\n  taxPayerType: z.enum(Object.values(TaxPayerType) as [string, ...string[]]).optional(),\n  filingForm: z.enum(Object.values(FilingForm) as [string, ...string[]]).optional(),\n  legalName: z.string().min(1),\n})\n\n/** @internal */\nexport type FederalTaxFormInputs = z.input<typeof FederalTaxFormSchema>\n\n/**\n * Pre-populated values for the company federal tax form, supplied via {@link FederalTaxesProps}.\n * At least one of `taxPayerType`, `filingForm`, or `legalName` must be provided.\n *\n * @public\n */\nexport type FederalTaxesDefaultValues = RequireAtLeastOne<{\n  taxPayerType?: FederalTaxFormInputs['taxPayerType']\n  filingForm?: FederalTaxFormInputs['filingForm']\n  legalName?: FederalTaxFormInputs['legalName']\n}>\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n  federalTaxDetails?: FederalTaxDetails\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] = createCompoundContext<FederalTaxesContextType>(\n  'CompanyFederalTaxesContext',\n)\n\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["FederalTaxFormSchema","z","TaxPayerType","FilingForm","useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;;;AAOO,MAAMA,IAAuBC,EAAE,OAAO;AAAA,EAC3C,YAAYA,EAAE,OAAA,EAAS,SAAA;AAAA,EACvB,cAAcA,EAAE,KAAK,OAAO,OAAOC,CAAY,CAA0B,EAAE,SAAA;AAAA,EAC3E,YAAYD,EAAE,KAAK,OAAO,OAAOE,CAAU,CAA0B,EAAE,SAAA;AAAA,EACvE,WAAWF,EAAE,OAAA,EAAS,IAAI,CAAC;AAC7B,CAAC,GAsBK,CAACG,GAAiBC,CAAoB,IAAIC;AAAA,EAC9C;AACF;"}
+{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Company/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { z } from 'zod'\nimport type { FederalTaxDetails } from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { FilingForm, TaxPayerType } from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/** @internal */\nexport const FederalTaxFormSchema = z.object({\n  federalEin: z.string().optional(),\n  taxPayerType: z.enum(Object.values(TaxPayerType) as [string, ...string[]]).optional(),\n  filingForm: z.enum(Object.values(FilingForm) as [string, ...string[]]).optional(),\n  legalName: z.string().min(1),\n})\n\n/** @internal */\nexport type FederalTaxFormInputs = z.input<typeof FederalTaxFormSchema>\n\n/**\n * Pre-populated values for the company federal tax form, supplied via {@link FederalTaxesProps}.\n * At least one of `taxPayerType`, `filingForm`, or `legalName` must be provided.\n *\n * @public\n */\nexport type FederalTaxesDefaultValues = RequireAtLeastOne<{\n  taxPayerType?: FederalTaxFormInputs['taxPayerType']\n  filingForm?: FederalTaxFormInputs['filingForm']\n  legalName?: FederalTaxFormInputs['legalName']\n}>\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n  federalTaxDetails?: FederalTaxDetails\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] = createCompoundContext<FederalTaxesContextType>(\n  'CompanyFederalTaxesContext',\n)\n\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["FederalTaxFormSchema","z","TaxPayerType","FilingForm","useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAOO,MAAMA,IAAuBC,EAAE,OAAO;AAAA,EAC3C,YAAYA,EAAE,OAAA,EAAS,SAAA;AAAA,EACvB,cAAcA,EAAE,KAAK,OAAO,OAAOC,CAAY,CAA0B,EAAE,SAAA;AAAA,EAC3E,YAAYD,EAAE,KAAK,OAAO,OAAOE,CAAU,CAA0B,EAAE,SAAA;AAAA,EACvE,WAAWF,EAAE,OAAA,EAAS,IAAI,CAAC;AAC7B,CAAC,GAsBK,CAACG,GAAiBC,CAAoB,IAAIC;AAAA,EAC9C;AACF;"}

package/dist/components/Company/Industry/Context.js

@@ -9,21 +9,19 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
-const [v, x] = t("IndustryItems", {
+const [P, f] = t("IndustryItems", {
   items: []
-}), [C, S] = t("IndustryApi", {
+}), [v, x] = t("IndustryApi", {
   isPending: !1
 });
 export {
-  S as IndustryApiStateProvider,
-  x as IndustryItemsProvider,
-  C as useIndustryApiState,
-  v as useIndustryItems
+  x as IndustryApiStateProvider,
+  f as IndustryItemsProvider,
+  v as useIndustryApiState,
+  P as useIndustryItems
 };
 //# sourceMappingURL=Context.js.map

package/dist/components/Company/Industry/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../src/components/Company/Industry/Context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport type { ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\n\nconst [useIndustryItems, IndustryItemsProvider] = createCompoundContext('IndustryItems', {\n  items: [] as ComboBoxOption[],\n})\n\nconst [useIndustryApiState, IndustryApiStateProvider] = createCompoundContext('IndustryApi', {\n  isPending: false,\n})\n\nexport { IndustryApiStateProvider, IndustryItemsProvider, useIndustryItems, useIndustryApiState }\n"],"names":["useIndustryItems","IndustryItemsProvider","createCompoundContext","useIndustryApiState","IndustryApiStateProvider"],"mappings":";;;;;;;;;;;;;;;;;AAGA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC,EAAsB,iBAAiB;AAAA,EACvF,OAAO,CAAA;AACT,CAAC,GAEK,CAACC,GAAqBC,CAAwB,IAAIF,EAAsB,eAAe;AAAA,EAC3F,WAAW;AACb,CAAC;"}
+{"version":3,"file":"Context.js","sources":["../../../../src/components/Company/Industry/Context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport type { ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\n\nconst [useIndustryItems, IndustryItemsProvider] = createCompoundContext('IndustryItems', {\n  items: [] as ComboBoxOption[],\n})\n\nconst [useIndustryApiState, IndustryApiStateProvider] = createCompoundContext('IndustryApi', {\n  isPending: false,\n})\n\nexport { IndustryApiStateProvider, IndustryItemsProvider, useIndustryItems, useIndustryApiState }\n"],"names":["useIndustryItems","IndustryItemsProvider","createCompoundContext","useIndustryApiState","IndustryApiStateProvider"],"mappings":";;;;;;;;;;;;;;;AAGA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC,EAAsB,iBAAiB;AAAA,EACvF,OAAO,CAAA;AACT,CAAC,GAEK,CAACC,GAAqBC,CAAwB,IAAIF,EAAsB,eAAe;AAAA,EAC3F,WAAW;AACb,CAAC;"}

package/dist/components/Company/Industry/Industry.js

@@ -9,7 +9,7 @@ import { BaseComponent as v } from "../../Base/Base.js";
 import { useBase as b } from "../../Base/useBase.js";
 import { useI18n as h, useComponentDictionary as A } from "../../../i18n/I18n.js";
 function B({ children: n, className: i, companyId: o, dictionary: u }) {
-  A("Company.Industry", u);
+  h("Company.Industry"), A("Company.Industry", u);
   const { baseSubmitHandler: e, onEvent: r } = b(), {
     data: { industry: m }
   } = l({ companyId: o }), { isPending: a, mutateAsync: s } = C(), c = f(
@@ -26,7 +26,7 @@ function B({ children: n, className: i, companyId: o, dictionary: u }) {
   return /* @__PURE__ */ t("section", { className: i, children: /* @__PURE__ */ t(I, { value: { isPending: a }, children: /* @__PURE__ */ t(S, { naics_code: m?.naicsCode, onValid: c, children: n }) }) });
 }
 function U(n) {
-  return h("Company.Industry"), /* @__PURE__ */ t(v, { ...n, children: /* @__PURE__ */ t(B, { ...n }) });
+  return /* @__PURE__ */ t(v, { ...n, children: /* @__PURE__ */ t(B, { ...n }) });
 }
 export {
   U as Industry

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

@@ -1 +1 @@
-{"version":3,"file":"Industry.js","sources":["../../../../src/components/Company/Industry/Industry.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { useIndustrySelectionGetSuspense } from '@gusto/embedded-api/react-query/industrySelectionGet'\nimport { useIndustrySelectionUpdateMutation } from '@gusto/embedded-api/react-query/industrySelectionUpdate'\nimport type { IndustryFormFields } from './Edit'\nimport { IndustryApiStateProvider } from './Context'\nimport { IndustrySelect } from './IndustrySelect'\nimport { componentEvents } from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\n\n/**\n * Props for the {@link Industry} component.\n *\n * @public\n */\nexport interface IndustryProps extends BaseComponentInterface<'Company.Industry'> {\n  /** The UUID of the company whose industry classification is being set. */\n  companyId: string\n}\n\nfunction Root({ children, className, companyId, dictionary }: IndustryProps) {\n  useComponentDictionary('Company.Industry', dictionary)\n  const { baseSubmitHandler, onEvent } = useBase()\n\n  const {\n    data: { industry },\n  } = useIndustrySelectionGetSuspense({ companyId })\n\n  const { isPending, mutateAsync: mutateIndustry } = useIndustrySelectionUpdateMutation()\n\n  const onValid = useCallback(\n    async (data: IndustryFormFields) => {\n      await baseSubmitHandler(data, async ({ naics_code }) => {\n        const response = await mutateIndustry({\n          request: { companyId, companyIndustrySelectionRequiredBody: { naicsCode: naics_code } },\n        })\n        onEvent(componentEvents.COMPANY_INDUSTRY_SELECTED, response.industry)\n      })\n    },\n    [baseSubmitHandler, companyId, mutateIndustry, onEvent],\n  )\n\n  return (\n    <section className={className}>\n      <IndustryApiStateProvider value={{ isPending }}>\n        <IndustrySelect naics_code={industry?.naicsCode} onValid={onValid}>\n          {children}\n        </IndustrySelect>\n      </IndustryApiStateProvider>\n    </section>\n  )\n}\n\n/**\n * Selects and saves the company's industry classification (NAICS code).\n *\n * Presents a searchable list of industry options and persists the selection for the given company.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/industry/selected` | Fired when an industry is selected and saved | The updated `industry` returned by the industry selection endpoint |\n *\n * @param props - {@link IndustryProps} including `companyId` and event handlers.\n * @returns The rendered industry selector.\n * @public\n */\nexport function Industry(props: IndustryProps) {\n  useI18n('Company.Industry')\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n"],"names":["Root","children","className","companyId","dictionary","useComponentDictionary","baseSubmitHandler","onEvent","useBase","industry","useIndustrySelectionGetSuspense","isPending","mutateIndustry","useIndustrySelectionUpdateMutation","onValid","useCallback","data","naics_code","response","componentEvents","jsx","IndustryApiStateProvider","IndustrySelect","Industry","props","useI18n","BaseComponent"],"mappings":";;;;;;;;;;AAoBA,SAASA,EAAK,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,GAAW,YAAAC,KAA6B;AAC3E,EAAAC,EAAuB,oBAAoBD,CAAU;AACrD,QAAM,EAAE,mBAAAE,GAAmB,SAAAC,EAAA,IAAYC,EAAA,GAEjC;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAA;AAAA,EAAS,IACfC,EAAgC,EAAE,WAAAP,GAAW,GAE3C,EAAE,WAAAQ,GAAW,aAAaC,EAAA,IAAmBC,EAAA,GAE7CC,IAAUC;AAAA,IACd,OAAOC,MAA6B;AAClC,YAAMV,EAAkBU,GAAM,OAAO,EAAE,YAAAC,QAAiB;AACtD,cAAMC,IAAW,MAAMN,EAAe;AAAA,UACpC,SAAS,EAAE,WAAAT,GAAW,sCAAsC,EAAE,WAAWc,IAAW;AAAA,QAAE,CACvF;AACD,QAAAV,EAAQY,EAAgB,2BAA2BD,EAAS,QAAQ;AAAA,MACtE,CAAC;AAAA,IACH;AAAA,IACA,CAACZ,GAAmBH,GAAWS,GAAgBL,CAAO;AAAA,EAAA;AAGxD,2BACG,WAAA,EAAQ,WAAAL,GACP,UAAA,gBAAAkB,EAACC,GAAA,EAAyB,OAAO,EAAE,WAAAV,EAAA,GACjC,UAAA,gBAAAS,EAACE,KAAe,YAAYb,GAAU,WAAW,SAAAK,GAC9C,UAAAb,EAAA,CACH,GACF,GACF;AAEJ;AAgBO,SAASsB,EAASC,GAAsB;AAC7C,SAAAC,EAAQ,kBAAkB,GAGxB,gBAAAL,EAACM,KAAe,GAAGF,GACjB,4BAACxB,GAAA,EAAM,GAAGwB,GAAO,EAAA,CACnB;AAEJ;"}
+{"version":3,"file":"Industry.js","sources":["../../../../src/components/Company/Industry/Industry.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { useIndustrySelectionGetSuspense } from '@gusto/embedded-api/react-query/industrySelectionGet'\nimport { useIndustrySelectionUpdateMutation } from '@gusto/embedded-api/react-query/industrySelectionUpdate'\nimport type { IndustryFormFields } from './Edit'\nimport { IndustryApiStateProvider } from './Context'\nimport { IndustrySelect } from './IndustrySelect'\nimport { componentEvents } from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\n\n/**\n * Props for the {@link Industry} component.\n *\n * @public\n */\nexport interface IndustryProps extends BaseComponentInterface<'Company.Industry'> {\n  /** The UUID of the company whose industry classification is being set. */\n  companyId: string\n}\n\nfunction Root({ children, className, companyId, dictionary }: IndustryProps) {\n  useI18n('Company.Industry')\n  useComponentDictionary('Company.Industry', dictionary)\n  const { baseSubmitHandler, onEvent } = useBase()\n\n  const {\n    data: { industry },\n  } = useIndustrySelectionGetSuspense({ companyId })\n\n  const { isPending, mutateAsync: mutateIndustry } = useIndustrySelectionUpdateMutation()\n\n  const onValid = useCallback(\n    async (data: IndustryFormFields) => {\n      await baseSubmitHandler(data, async ({ naics_code }) => {\n        const response = await mutateIndustry({\n          request: { companyId, companyIndustrySelectionRequiredBody: { naicsCode: naics_code } },\n        })\n        onEvent(componentEvents.COMPANY_INDUSTRY_SELECTED, response.industry)\n      })\n    },\n    [baseSubmitHandler, companyId, mutateIndustry, onEvent],\n  )\n\n  return (\n    <section className={className}>\n      <IndustryApiStateProvider value={{ isPending }}>\n        <IndustrySelect naics_code={industry?.naicsCode} onValid={onValid}>\n          {children}\n        </IndustrySelect>\n      </IndustryApiStateProvider>\n    </section>\n  )\n}\n\n/**\n * Selects and saves the company's industry classification (NAICS code).\n *\n * Presents a searchable list of industry options and persists the selection for the given company.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/industry/selected` | Fired when an industry is selected and saved | The updated `industry` returned by the industry selection endpoint |\n *\n * @param props - {@link IndustryProps} including `companyId` and event handlers.\n * @returns The rendered industry selector.\n * @public\n */\nexport function Industry(props: IndustryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n"],"names":["Root","children","className","companyId","dictionary","useI18n","useComponentDictionary","baseSubmitHandler","onEvent","useBase","industry","useIndustrySelectionGetSuspense","isPending","mutateIndustry","useIndustrySelectionUpdateMutation","onValid","useCallback","data","naics_code","response","componentEvents","jsx","IndustryApiStateProvider","IndustrySelect","Industry","props","BaseComponent"],"mappings":";;;;;;;;;;AAoBA,SAASA,EAAK,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,GAAW,YAAAC,KAA6B;AAC3E,EAAAC,EAAQ,kBAAkB,GAC1BC,EAAuB,oBAAoBF,CAAU;AACrD,QAAM,EAAE,mBAAAG,GAAmB,SAAAC,EAAA,IAAYC,EAAA,GAEjC;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAA;AAAA,EAAS,IACfC,EAAgC,EAAE,WAAAR,GAAW,GAE3C,EAAE,WAAAS,GAAW,aAAaC,EAAA,IAAmBC,EAAA,GAE7CC,IAAUC;AAAA,IACd,OAAOC,MAA6B;AAClC,YAAMV,EAAkBU,GAAM,OAAO,EAAE,YAAAC,QAAiB;AACtD,cAAMC,IAAW,MAAMN,EAAe;AAAA,UACpC,SAAS,EAAE,WAAAV,GAAW,sCAAsC,EAAE,WAAWe,IAAW;AAAA,QAAE,CACvF;AACD,QAAAV,EAAQY,EAAgB,2BAA2BD,EAAS,QAAQ;AAAA,MACtE,CAAC;AAAA,IACH;AAAA,IACA,CAACZ,GAAmBJ,GAAWU,GAAgBL,CAAO;AAAA,EAAA;AAGxD,2BACG,WAAA,EAAQ,WAAAN,GACP,UAAA,gBAAAmB,EAACC,GAAA,EAAyB,OAAO,EAAE,WAAAV,EAAA,GACjC,UAAA,gBAAAS,EAACE,KAAe,YAAYb,GAAU,WAAW,SAAAK,GAC9C,UAAAd,EAAA,CACH,GACF,GACF;AAEJ;AAgBO,SAASuB,EAASC,GAAsB;AAC7C,SACE,gBAAAJ,EAACK,KAAe,GAAGD,GACjB,4BAACzB,GAAA,EAAM,GAAGyB,GAAO,EAAA,CACnB;AAEJ;"}

package/dist/components/Company/Locations/LocationForm/useLocationForm.js

@@ -9,17 +9,15 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [v, y] = o(
+const [L, f] = o(
   "CompanyDocumentFormContext"
 );
 export {
-  y as LocationsFormProvider,
-  v as useLocationsForm
+  f as LocationsFormProvider,
+  L as useLocationsForm
 };
 //# sourceMappingURL=useLocationForm.js.map

package/dist/components/Company/Locations/LocationForm/useLocationForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/useLocationForm.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype LocationsFormContextType = {\n  isPending: boolean\n  handleCancel: () => void\n}\n\nconst [useLocationsForm, LocationsFormProvider] = createCompoundContext<LocationsFormContextType>(\n  'CompanyDocumentFormContext',\n)\n\nexport { useLocationsForm, LocationsFormProvider }\n"],"names":["useLocationsForm","LocationsFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAOA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}
+{"version":3,"file":"useLocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/useLocationForm.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype LocationsFormContextType = {\n  isPending: boolean\n  handleCancel: () => void\n}\n\nconst [useLocationsForm, LocationsFormProvider] = createCompoundContext<LocationsFormContextType>(\n  'CompanyDocumentFormContext',\n)\n\nexport { useLocationsForm, LocationsFormProvider }\n"],"names":["useLocationsForm","LocationsFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAOA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}

package/dist/components/Company/Locations/LocationsList/useLocationsList.js

@@ -9,17 +9,15 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [y, D] = o(
+const [f, v] = o(
   "CompanyDocumentListContext"
 );
 export {
-  D as LocationsListProvider,
-  y as useLocationsList
+  v as LocationsListProvider,
+  f as useLocationsList
 };
 //# sourceMappingURL=useLocationsList.js.map

package/dist/components/Company/Locations/LocationsList/useLocationsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/useLocationsList.ts"],"sourcesContent":["import { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype LocationsListContextType = {\n  locationList: Location[]\n  totalPages: number\n  totalCount: number\n  currentPage: number\n  itemsPerPage: PaginationItemsPerPage\n  handleItemsPerPageChange: (n: PaginationItemsPerPage) => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleEditLocation: (uuid: string) => void\n  handleAddLocation: () => void\n  handleContinue: () => void\n}\n\nconst [useLocationsList, LocationsListProvider] = createCompoundContext<LocationsListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useLocationsList, LocationsListProvider }\n"],"names":["useLocationsList","LocationsListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}
+{"version":3,"file":"useLocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/useLocationsList.ts"],"sourcesContent":["import { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype LocationsListContextType = {\n  locationList: Location[]\n  totalPages: number\n  totalCount: number\n  currentPage: number\n  itemsPerPage: PaginationItemsPerPage\n  handleItemsPerPageChange: (n: PaginationItemsPerPage) => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleEditLocation: (uuid: string) => void\n  handleAddLocation: () => void\n  handleContinue: () => void\n}\n\nconst [useLocationsList, LocationsListProvider] = createCompoundContext<LocationsListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useLocationsList, LocationsListProvider }\n"],"names":["useLocationsList","LocationsListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAoBA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}

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

@@ -1,23 +1,24 @@
-import { jsx as n, jsxs as s, Fragment as c } from "react/jsx-runtime";
-import { useCompaniesGetOnboardingStatusSuspense as p } from "@gusto/embedded-api/react-query/companiesGetOnboardingStatus";
-import { OnboardingOverviewProvider as l } from "./context.js";
-import { MissingRequirements as u } from "./MissingRequirements.js";
-import { Completed as O } from "./Completed.js";
-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 { jsx as n, jsxs as c, Fragment as p } from "react/jsx-runtime";
+import { useCompaniesGetOnboardingStatusSuspense as l } from "@gusto/embedded-api/react-query/companiesGetOnboardingStatus";
+import { OnboardingOverviewProvider as u } from "./context.js";
+import { MissingRequirements as O } from "./MissingRequirements.js";
+import { Completed as f } from "./Completed.js";
+import { BaseComponent as v } from "../../Base/Base.js";
+import { useBase as C } from "../../Base/useBase.js";
+import { useI18n as g, useComponentDictionary as h } from "../../../i18n/I18n.js";
+import { Flex as b } from "../../Common/Flex/Flex.js";
 import { componentEvents as i } from "../../../shared/constants.js";
-function P(o) {
-  return C("Company.OnboardingOverview"), g("Company.OnboardingOverview", o.dictionary), /* @__PURE__ */ n(f, { ...o, children: /* @__PURE__ */ n(b, { ...o, children: o.children }) });
+function j(o) {
+  return /* @__PURE__ */ n(v, { ...o, children: /* @__PURE__ */ n(E, { ...o, children: o.children }) });
 }
-const b = ({ companyId: o, className: t, children: e }) => {
-  const { onEvent: r } = v(), { data: m } = p({ companyUuid: o }), { onboardingCompleted: a, onboardingSteps: d } = m.companyOnboardingStatus;
+const E = ({ companyId: o, className: t, children: e, dictionary: m }) => {
+  g("Company.OnboardingOverview"), h("Company.OnboardingOverview", m);
+  const { onEvent: r } = C(), { data: a } = l({ companyUuid: o }), { onboardingCompleted: s, onboardingSteps: d } = a.companyOnboardingStatus;
   return /* @__PURE__ */ n("section", { className: t, children: /* @__PURE__ */ n(
-    l,
+    u,
     {
       value: {
-        onboardingCompleted: a,
+        onboardingCompleted: s,
         onboardingSteps: d,
         handleDone: () => {
           r(i.COMPANY_OVERVIEW_DONE);
@@ -26,14 +27,14 @@ const b = ({ companyId: o, className: t, children: e }) => {
           r(i.COMPANY_OVERVIEW_CONTINUE);
         }
       },
-      children: /* @__PURE__ */ n(h, { flexDirection: "column", gap: 32, children: e || /* @__PURE__ */ s(c, { children: [
-        /* @__PURE__ */ n(O, {}),
-        /* @__PURE__ */ n(u, {})
+      children: /* @__PURE__ */ n(b, { flexDirection: "column", gap: 32, children: e || /* @__PURE__ */ c(p, { children: [
+        /* @__PURE__ */ n(f, {}),
+        /* @__PURE__ */ n(O, {})
       ] }) })
     }
   ) });
 };
 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 { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for the {@link OnboardingOverview} component.\n *\n * @public\n */\nexport interface OnboardingOverviewProps extends BaseComponentInterface<'Company.OnboardingOverview'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the company's overall onboarding status, showing completed steps alongside any remaining requirements.\n *\n * @remarks\n * Renders as the landing or summary screen of a company onboarding flow. When `onboardingCompleted`\n * is true, a completion message and \"done\" action are shown; otherwise a checklist of outstanding\n * steps is rendered with a continue action. Provide `children` to override the default layout while\n * still consuming the onboarding status via context.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/overview/continue` | Fired when the user chooses to continue to the next outstanding onboarding requirement | — |\n * | `company/overview/done` | Fired when the user signals they are done with the overview screen, typically after onboarding ends | — |\n *\n * @param props - Component props including the target `companyId` and standard base/common component options.\n * @returns The rendered onboarding overview section.\n * @public\n */\nexport function OnboardingOverview(props: OnboardingOverviewProps) {\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":";;;;;;;;;;AAuCO,SAASA,EAAmBC,GAAgC;AACjE,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 { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for the {@link OnboardingOverview} component.\n *\n * @public\n */\nexport interface OnboardingOverviewProps extends BaseComponentInterface<'Company.OnboardingOverview'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the company's overall onboarding status, showing completed steps alongside any remaining requirements.\n *\n * @remarks\n * Renders as the landing or summary screen of a company onboarding flow. When `onboardingCompleted`\n * is true, a completion message and \"done\" action are shown; otherwise a checklist of outstanding\n * steps is rendered with a continue action. Provide `children` to override the default layout while\n * still consuming the onboarding status via context.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/overview/continue` | Fired when the user chooses to continue to the next outstanding onboarding requirement | — |\n * | `company/overview/done` | Fired when the user signals they are done with the overview screen, typically after onboarding ends | — |\n *\n * @param props - Component props including the target `companyId` and standard base/common component options.\n * @returns The rendered onboarding overview section.\n * @public\n */\nexport function OnboardingOverview(props: OnboardingOverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, className, children, dictionary }: OnboardingOverviewProps) => {\n  useI18n('Company.OnboardingOverview')\n  useComponentDictionary('Company.OnboardingOverview', dictionary)\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","jsx","BaseComponent","Root","companyId","className","children","dictionary","useI18n","useComponentDictionary","onEvent","useBase","data","useCompaniesGetOnboardingStatusSuspense","onboardingCompleted","onboardingSteps","OnboardingOverviewProvider","componentEvents","Flex","jsxs","Fragment","Completed","MissingRequirements"],"mappings":";;;;;;;;;;AAuCO,SAASA,EAAmBC,GAAgC;AACjE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,YAAAC,QAA0C;AACxF,EAAAC,EAAQ,4BAA4B,GACpCC,EAAuB,8BAA8BF,CAAU;AAC/D,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,EAAA,IAASC,EAAwC,EAAE,aAAaT,GAAW,GAC7E,EAAE,qBAAAU,GAAqB,iBAAAC,EAAA,IAAoBH,EAAK;AAStD,SACE,gBAAAX,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACe;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,gBAAAhB,EAACiB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAZ,KAGC,gBAAAa,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAnB,EAACoB,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,15 +9,13 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [s, u] = o("OnboardingOverviewContext");
+const [C, c] = o("OnboardingOverviewContext");
 export {
-  u as OnboardingOverviewProvider,
-  s as useOnboardingOverview
+  c as OnboardingOverviewProvider,
+  C 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/PaySchedule.js

@@ -1,26 +1,27 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import { createMachine as l } from "robot3";
-import { usePaySchedulesGetAllSuspense as p } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
-import { payScheduleStateMachine as h } from "./payScheduleStateMachine.js";
-import { PayScheduleListContextual as S, PayScheduleFormContextual as d } from "./PayScheduleComponents.js";
-import { BaseComponent as f } from "../../Base/Base.js";
-import { useBase as y } from "../../Base/useBase.js";
-import { useI18n as C, useComponentDictionary as P } from "../../../i18n/I18n.js";
-import { Flow as x } from "../../Flow/Flow.js";
-const G = ({
+import { useMemo as l } from "react";
+import { createMachine as p } from "robot3";
+import { usePaySchedulesGetAllSuspense as h } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { payScheduleStateMachine as S } from "./payScheduleStateMachine.js";
+import { PayScheduleListContextual as d, PayScheduleFormContextual as f } from "./PayScheduleComponents.js";
+import { BaseComponent as y } from "../../Base/Base.js";
+import { useBase as C } from "../../Base/useBase.js";
+import { useI18n as P, useComponentDictionary as x } from "../../../i18n/I18n.js";
+import { Flow as M } from "../../Flow/Flow.js";
+const L = ({
   companyId: e,
   defaultValues: o,
   dictionary: t,
   ...n
-}) => (C("Company.PaySchedule"), P("Company.PaySchedule", t), /* @__PURE__ */ r(f, { ...n, children: /* @__PURE__ */ r(M, { companyId: e, defaultValues: o }) }));
-function M({ companyId: e, defaultValues: o }) {
-  const { onEvent: t } = y(), { data: n } = p({ companyId: e }), m = (n.payScheduleShowResponse?.length ?? 0) > 0, c = m ? "listSchedules" : "addSchedule", i = m ? S : d, s = u(
-    () => l(
+}) => /* @__PURE__ */ r(y, { ...n, children: /* @__PURE__ */ r(w, { companyId: e, defaultValues: o, dictionary: t }) });
+function w({ companyId: e, defaultValues: o, dictionary: t }) {
+  P("Company.PaySchedule"), x("Company.PaySchedule", t);
+  const { onEvent: n } = C(), { data: s } = h({ companyId: e }), m = (s.payScheduleShowResponse?.length ?? 0) > 0, c = m ? "listSchedules" : "addSchedule", i = m ? d : f, a = l(
+    () => p(
       c,
-      h,
-      (a) => ({
-        ...a,
+      S,
+      (u) => ({
+        ...u,
         component: i,
         companyId: e,
         defaultValues: o
@@ -28,9 +29,9 @@ function M({ companyId: e, defaultValues: o }) {
     ),
     [e, o, c, i]
   );
-  return /* @__PURE__ */ r(x, { machine: s, onEvent: t });
+  return /* @__PURE__ */ r(M, { machine: a, onEvent: n });
 }
 export {
-  G as PaySchedule
+  L as PaySchedule
 };
 //# sourceMappingURL=PaySchedule.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/PaySchedule.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { payScheduleStateMachine } from './payScheduleStateMachine'\nimport type { PayScheduleContextInterface } from './PayScheduleComponents'\nimport { PayScheduleFormContextual, PayScheduleListContextual } from './PayScheduleComponents'\nimport type { PayScheduleFormData } from './shared/usePayScheduleForm/payScheduleSchema'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/**\n * The full set of fields that may be pre-filled on the {@link PaySchedule} create form.\n *\n * @public\n */\nexport type PayScheduleDefaultFields = {\n  [\n    K in keyof Pick<\n      PayScheduleFormData,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  ]: NonNullable<PayScheduleFormData[K]>\n}\n\n/**\n * Default values for the {@link PaySchedule} form fields. Server data for an existing pay schedule\n * takes precedence over these defaults when editing.\n *\n * @public\n */\nexport type PayScheduleDefaultValues = RequireAtLeastOne<Partial<PayScheduleDefaultFields>>\n\n/**\n * Props for the {@link PaySchedule} component.\n *\n * @public\n */\nexport interface PayScheduleProps extends BaseComponentInterface<'Company.PaySchedule'> {\n  /** Identifier of the company whose pay schedules are managed. */\n  companyId: string\n  /** Default values used to pre-fill the create form. Ignored fields not listed in {@link PayScheduleDefaultValues}. */\n  defaultValues?: PayScheduleDefaultValues\n}\n\n/**\n * Manages a company's pay schedules, including listing existing schedules and creating or editing one.\n *\n * @remarks\n * Renders the schedule list when at least one pay schedule exists and the create form otherwise.\n * Emits the following events through `onEvent`:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `paySchedule/created` | A new pay schedule was created | The created pay schedule entity |\n * | `paySchedule/updated` | An existing pay schedule was updated | The updated pay schedule entity |\n *\n * @param props - {@link PayScheduleProps} plus the standard base component props.\n * @returns The pay schedule list or form depending on whether any schedules exist.\n * @public\n */\nexport const PaySchedule = ({\n  companyId,\n  defaultValues,\n  dictionary,\n  ...props\n}: PayScheduleProps) => {\n  useI18n('Company.PaySchedule')\n  useComponentDictionary('Company.PaySchedule', dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root companyId={companyId} defaultValues={defaultValues} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, defaultValues }: Omit<PayScheduleProps, BaseComponentKeys>) {\n  const { onEvent } = useBase()\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n\n  const hasSchedules = (paySchedules.payScheduleShowResponse?.length ?? 0) > 0\n  const initialState = hasSchedules ? 'listSchedules' : 'addSchedule'\n  const initialComponent = hasSchedules ? PayScheduleListContextual : PayScheduleFormContextual\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        payScheduleStateMachine,\n        (initialContext: PayScheduleContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          defaultValues,\n        }),\n      ),\n    [companyId, defaultValues, initialState, initialComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["PaySchedule","companyId","defaultValues","dictionary","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","onEvent","useBase","paySchedules","usePaySchedulesGetAllSuspense","hasSchedules","initialState","initialComponent","PayScheduleListContextual","PayScheduleFormContextual","machine","useMemo","createMachine","payScheduleStateMachine","initialContext","Flow"],"mappings":";;;;;;;;;;AAkEO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,OACEC,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBH,CAAU,GAEtD,gBAAAI,EAACC,KAAe,GAAGJ,GACjB,4BAACK,GAAA,EAAK,WAAAR,GAAsB,eAAAC,GAA8B,EAAA,CAC5D;AAIJ,SAASO,EAAK,EAAE,WAAAR,GAAW,eAAAC,KAA4D;AACrF,QAAM,EAAE,SAAAQ,EAAA,IAAYC,EAAA,GACd,EAAE,MAAMC,EAAA,IAAiBC,EAA8B,EAAE,WAAAZ,GAAW,GAEpEa,KAAgBF,EAAa,yBAAyB,UAAU,KAAK,GACrEG,IAAeD,IAAe,kBAAkB,eAChDE,IAAmBF,IAAeG,IAA4BC,GAE9DC,IAAUC;AAAA,IACd,MACEC;AAAA,MACEN;AAAA,MACAO;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWP;AAAA,QACX,WAAAf;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAWC,GAAea,GAAcC,CAAgB;AAAA,EAAA;AAG3D,SAAO,gBAAAT,EAACiB,GAAA,EAAK,SAAAL,GAAkB,SAAAT,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"PaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/PaySchedule.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { payScheduleStateMachine } from './payScheduleStateMachine'\nimport type { PayScheduleContextInterface } from './PayScheduleComponents'\nimport { PayScheduleFormContextual, PayScheduleListContextual } from './PayScheduleComponents'\nimport type { PayScheduleFormData } from './shared/usePayScheduleForm/payScheduleSchema'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/**\n * The full set of fields that may be pre-filled on the {@link PaySchedule} create form.\n *\n * @public\n */\nexport type PayScheduleDefaultFields = {\n  [\n    K in keyof Pick<\n      PayScheduleFormData,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  ]: NonNullable<PayScheduleFormData[K]>\n}\n\n/**\n * Default values for the {@link PaySchedule} form fields. Server data for an existing pay schedule\n * takes precedence over these defaults when editing.\n *\n * @public\n */\nexport type PayScheduleDefaultValues = RequireAtLeastOne<Partial<PayScheduleDefaultFields>>\n\n/**\n * Props for the {@link PaySchedule} component.\n *\n * @public\n */\nexport interface PayScheduleProps extends BaseComponentInterface<'Company.PaySchedule'> {\n  /** Identifier of the company whose pay schedules are managed. */\n  companyId: string\n  /** Default values used to pre-fill the create form. Ignored fields not listed in {@link PayScheduleDefaultValues}. */\n  defaultValues?: PayScheduleDefaultValues\n}\n\n/**\n * Manages a company's pay schedules, including listing existing schedules and creating or editing one.\n *\n * @remarks\n * Renders the schedule list when at least one pay schedule exists and the create form otherwise.\n * Emits the following events through `onEvent`:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `paySchedule/created` | A new pay schedule was created | The created pay schedule entity |\n * | `paySchedule/updated` | An existing pay schedule was updated | The updated pay schedule entity |\n *\n * @param props - {@link PayScheduleProps} plus the standard base component props.\n * @returns The pay schedule list or form depending on whether any schedules exist.\n * @public\n */\nexport const PaySchedule = ({\n  companyId,\n  defaultValues,\n  dictionary,\n  ...props\n}: PayScheduleProps) => {\n  return (\n    <BaseComponent {...props}>\n      <Root companyId={companyId} defaultValues={defaultValues} dictionary={dictionary} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, defaultValues, dictionary }: Omit<PayScheduleProps, BaseComponentKeys>) {\n  useI18n('Company.PaySchedule')\n  useComponentDictionary('Company.PaySchedule', dictionary)\n  const { onEvent } = useBase()\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n\n  const hasSchedules = (paySchedules.payScheduleShowResponse?.length ?? 0) > 0\n  const initialState = hasSchedules ? 'listSchedules' : 'addSchedule'\n  const initialComponent = hasSchedules ? PayScheduleListContextual : PayScheduleFormContextual\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        payScheduleStateMachine,\n        (initialContext: PayScheduleContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          defaultValues,\n        }),\n      ),\n    [companyId, defaultValues, initialState, initialComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["PaySchedule","companyId","defaultValues","dictionary","props","jsx","BaseComponent","Root","useI18n","useComponentDictionary","onEvent","useBase","paySchedules","usePaySchedulesGetAllSuspense","hasSchedules","initialState","initialComponent","PayScheduleListContextual","PayScheduleFormContextual","machine","useMemo","createMachine","payScheduleStateMachine","initialContext","Flow"],"mappings":";;;;;;;;;;AAkEO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAK,WAAAN,GAAsB,eAAAC,GAA8B,YAAAC,EAAA,CAAwB,EAAA,CACpF;AAIJ,SAASI,EAAK,EAAE,WAAAN,GAAW,eAAAC,GAAe,YAAAC,KAAyD;AACjG,EAAAK,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBN,CAAU;AACxD,QAAM,EAAE,SAAAO,EAAA,IAAYC,EAAA,GACd,EAAE,MAAMC,EAAA,IAAiBC,EAA8B,EAAE,WAAAZ,GAAW,GAEpEa,KAAgBF,EAAa,yBAAyB,UAAU,KAAK,GACrEG,IAAeD,IAAe,kBAAkB,eAChDE,IAAmBF,IAAeG,IAA4BC,GAE9DC,IAAUC;AAAA,IACd,MACEC;AAAA,MACEN;AAAA,MACAO;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWP;AAAA,QACX,WAAAf;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAWC,GAAea,GAAcC,CAAgB;AAAA,EAAA;AAG3D,SAAO,gBAAAX,EAACmB,GAAA,EAAK,SAAAL,GAAkB,SAAAT,EAAA,CAAkB;AACnD;"}

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

@@ -1,14 +1,14 @@
 import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { useState as w } from "react";
-import { useTranslation as R } from "react-i18next";
-import { usePayScheduleForm as A } from "./shared/usePayScheduleForm/usePayScheduleForm.js";
+import { useState as C } from "react";
+import { useTranslation as w } from "react-i18next";
+import { usePayScheduleForm as q } from "./shared/usePayScheduleForm/usePayScheduleForm.js";
 import y from "./PayScheduleForm.module.scss.js";
-import { BaseBoundaries as q, BaseLayout as P } from "../../Base/Base.js";
+import { BaseBoundaries as A, BaseLayout as P } from "../../Base/Base.js";
 import "../../Base/useBase.js";
 import { SDKFormProvider as M } from "../../../partner-hook-utils/form/SDKFormProvider.js";
-import { Form as L } from "../../Common/Form/Form.js";
+import { Form as O } from "../../Common/Form/Form.js";
 import { Flex as h } from "../../Common/Flex/Flex.js";
-import { Grid as O } from "../../Common/Grid/Grid.js";
+import { Grid as L } from "../../Common/Grid/Grid.js";
 import { ActionsLayout as T } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useDateFormatter as F } from "../../../hooks/useDateFormatter.js";
@@ -16,49 +16,49 @@ import { componentEvents as f } from "../../../shared/constants.js";
 import { normalizeToDate as N } from "../../../helpers/dateFormatting.js";
 const u = (s) => N(s.toString());
 function $({ onEvent: s, LoaderComponent: d, ...p }) {
-  return /* @__PURE__ */ a(q, { componentName: "Company.PayScheduleForm", LoaderComponent: d, children: /* @__PURE__ */ a(I, { onEvent: s, LoaderComponent: d, ...p }) });
+  return /* @__PURE__ */ a(A, { componentName: "Company.PayScheduleForm", LoaderComponent: d, children: /* @__PURE__ */ a(I, { onEvent: s, LoaderComponent: d, ...p }) });
 }
 function I({ onEvent: s, LoaderComponent: d, ...p }) {
-  const { t: e } = R("Company.PaySchedule"), o = x(), D = F(), r = A(p), [n, v] = w(0);
-  if (r.isLoading)
+  const { t: e } = w("Company.PaySchedule"), o = x(), D = F(), i = q(p), [n, v] = C(0);
+  if (i.isLoading)
     return /* @__PURE__ */ a(
       P,
       {
         isLoading: !0,
-        error: r.errorHandling.errors,
+        error: i.errorHandling.errors,
         LoaderComponent: d
       }
     );
   const g = async () => {
-    const t = await r.actions.onSubmit();
+    const t = await i.actions.onSubmit();
     t && s(
       t.mode === "create" ? f.PAY_SCHEDULE_CREATED : f.PAY_SCHEDULE_UPDATED,
       { paySchedule: t.data }
     );
-  }, { Fields: i } = r.form, { paymentSpeedDays: b, payPreviewLoading: E } = r.data, l = r.data.payPeriodPreview, S = {
+  }, { Fields: r } = i.form, { paymentSpeedDays: b, payPreviewLoading: E } = i.data, l = i.data.payPeriodPreview, S = {
     "Every week": e("frequencies.everyWeek"),
     "Every other week": e("frequencies.everyOtherWeek"),
     "Twice per month": e("frequencies.twicePerMonth"),
     Monthly: e("frequencies.monthly")
-  }, C = {
+  }, R = {
     "1st15th": e("frequencyOptions.15thAndLast"),
     custom: e("frequencyOptions.custom")
   };
-  return /* @__PURE__ */ a(P, { error: r.errorHandling.errors, LoaderComponent: d, children: /* @__PURE__ */ a(M, { formHookResult: r, children: /* @__PURE__ */ a(L, { onSubmit: () => {
+  return /* @__PURE__ */ a(P, { error: i.errorHandling.errors, LoaderComponent: d, children: /* @__PURE__ */ a(M, { formHookResult: i, children: /* @__PURE__ */ a(O, { onSubmit: () => {
     g();
   }, children: /* @__PURE__ */ c(h, { flexDirection: "column", children: [
-    /* @__PURE__ */ a(h, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ a("header", { children: /* @__PURE__ */ a(o.Heading, { as: "h2", children: r.status.mode === "create" ? e("headings.addPaySchedule") : e("headings.editPaySchedule") }) }) }),
-    /* @__PURE__ */ a("div", { className: y.payScheduleContainer, children: /* @__PURE__ */ c(O, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
+    /* @__PURE__ */ a(h, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ a("header", { children: /* @__PURE__ */ a(o.Heading, { as: "h2", children: i.status.mode === "create" ? e("headings.addPaySchedule") : e("headings.editPaySchedule") }) }) }),
+    /* @__PURE__ */ a("div", { className: y.payScheduleContainer, children: /* @__PURE__ */ c(L, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
       /* @__PURE__ */ a("div", { className: y.payScheduleForm, children: /* @__PURE__ */ c(h, { flexDirection: "column", children: [
         /* @__PURE__ */ a(
-          i.CustomName,
+          r.CustomName,
           {
             label: e("labels.name"),
             validationMessages: { REQUIRED: e("validations.name") }
           }
         ),
         /* @__PURE__ */ a(
-          i.Frequency,
+          r.Frequency,
           {
             label: e("labels.frequency"),
             placeholder: e("labels.frequencyPlaceholder"),
@@ -66,16 +66,17 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
             validationMessages: { REQUIRED: e("validations.frequency") }
           }
         ),
-        i.CustomTwicePerMonth && /* @__PURE__ */ a(
-          i.CustomTwicePerMonth,
+        r.CustomTwicePerMonth && /* @__PURE__ */ a(
+          r.CustomTwicePerMonth,
           {
             label: e("labels.frequencyOptions"),
             description: e("descriptions.frequencyOptionsDescription"),
-            getOptionLabel: (t) => C[t] ?? t
+            getOptionLabel: (t) => R[t] ?? t,
+            validationMessages: { REQUIRED: e("validations.frequencyOptions") }
           }
         ),
         /* @__PURE__ */ a(
-          i.AnchorPayDate,
+          r.AnchorPayDate,
           {
             label: e("labels.firstPayDate"),
             description: e("descriptions.anchorPayDateDescription", {
@@ -86,15 +87,15 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
           }
         ),
         /* @__PURE__ */ a(
-          i.AnchorEndOfPayPeriod,
+          r.AnchorEndOfPayPeriod,
           {
             label: e("labels.firstPayPeriodEndDate"),
             description: e("descriptions.anchorEndOfPayPeriodDescription"),
             validationMessages: { REQUIRED: e("validations.firstPayPeriodEndDate") }
           }
         ),
-        i.Day1 && /* @__PURE__ */ a(
-          i.Day1,
+        r.Day1 && /* @__PURE__ */ a(
+          r.Day1,
           {
             label: e("labels.firstPayDayOfTheMonth"),
             validationMessages: {
@@ -103,8 +104,8 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
             }
           }
         ),
-        i.Day2 && /* @__PURE__ */ a(
-          i.Day2,
+        r.Day2 && /* @__PURE__ */ a(
+          r.Day2,
           {
             label: e("labels.lastPayDayOfTheMonth"),
             validationMessages: {
@@ -183,7 +184,7 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
           children: e("actions.cancel")
         }
       ),
-      /* @__PURE__ */ a(o.Button, { type: "submit", isLoading: r.status.isPending, children: e("actions.save") })
+      /* @__PURE__ */ a(o.Button, { type: "submit", isLoading: i.status.isPending, children: e("actions.save") })
     ] })
   ] }) }) }) });
 }