@gusto/embedded-react-sdk 0.10.7-rc.2 → 0.11.0-rc.1

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

@@ -1,34 +1,34 @@
-import { jsx as o, jsxs as N, Fragment as O } from "react/jsx-runtime";
-import { useForm as S, FormProvider as x } from "react-hook-form";
-import { zodResolver as R } from "@hookform/resolvers/zod";
-import { useLocationsUpdateMutation as q } from "@gusto/embedded-api/react-query/locationsUpdate";
-import { useLocationsRetrieveSuspense as B } from "@gusto/embedded-api/react-query/locationsRetrieve";
-import { useLocationsCreateMutation as I } from "@gusto/embedded-api/react-query/locationsCreate";
-import { Head as f } from "./Head.js";
-import { LocationFormSchema as M, Form as l } from "./Form.js";
-import { Actions as A } from "./Actions.js";
-import { LocationsFormProvider as _ } from "./useLocationForm.js";
-import { Form as w } from "../../../Common/Form/Form.js";
-import { Flex as z } from "../../../Common/Flex/Flex.js";
-import { BaseComponent as H } from "../../../Base/Base.js";
+import { jsx as o, jsxs as T, Fragment as b } from "react/jsx-runtime";
+import { useForm as D, FormProvider as E } from "react-hook-form";
+import { zodResolver as N } from "@hookform/resolvers/zod";
+import { useLocationsUpdateMutation as O } from "@gusto/embedded-api/react-query/locationsUpdate";
+import { useLocationsRetrieveSuspense as S } from "@gusto/embedded-api/react-query/locationsRetrieve";
+import { useLocationsCreateMutation as x } from "@gusto/embedded-api/react-query/locationsCreate";
+import { Head as R } from "./Head.js";
+import { LocationFormSchema as q, Form as B } from "./Form.js";
+import { Actions as I } from "./Actions.js";
+import { LocationsFormProvider as M } from "./useLocationForm.js";
+import { Form as _ } from "../../../Common/Form/Form.js";
+import { Flex as w } from "../../../Common/Flex/Flex.js";
+import { BaseComponent as z } from "../../../Base/Base.js";
 import { useBase as U } from "../../../Base/useBase.js";
 import { useI18n as j } from "../../../../i18n/I18n.js";
 import { componentEvents as a } from "../../../../shared/constants.js";
-function Y(t) {
+function H(t) {
   const {
     data: { location: e }
-  } = B({ locationId: t.locationId });
-  return /* @__PURE__ */ o(g, { ...t, location: e });
+  } = S({ locationId: t.locationId });
+  return /* @__PURE__ */ o(p, { ...t, location: e });
 }
-function g({
+function p({
   companyId: t,
   location: e,
   className: n,
   children: r
 }) {
   j("Company.Locations");
-  const { onEvent: s, baseSubmitHandler: y } = U(), { mutateAsync: L, isPending: h } = I(), { mutateAsync: v, isPending: C } = q(), F = ["mailingAddress", "filingAddress"], { control: P, ...c } = S({
-    resolver: R(M),
+  const { onEvent: s, baseSubmitHandler: f } = U(), { mutateAsync: l, isPending: A } = x(), { mutateAsync: g, isPending: y } = O(), L = ["mailingAddress", "filingAddress"], { control: h, ...d } = D({
+    resolver: N(q),
     defaultValues: {
       city: e?.city ?? "",
       phoneNumber: e?.phoneNumber ?? "",
@@ -36,61 +36,58 @@ function g({
       street2: e?.street2 ?? "",
       state: e?.state ?? "",
       zip: e?.zip ?? "",
-      addressType: F.filter((i) => e?.[i] ?? !1)
+      addressType: L.filter((i) => e?.[i] ?? !1)
     }
-  }), T = () => {
+  }), v = () => {
     s(a.CANCEL);
-  }, b = async (i) => {
-    await y(i, async (D) => {
-      const { addressType: u, ...E } = D, p = {
-        ...E,
-        mailingAddress: u?.includes("mailingAddress"),
-        filingAddress: u?.includes("filingAddress")
+  }, C = async (i) => {
+    await f(i, async (F) => {
+      const { addressType: c, ...P } = F, u = {
+        ...P,
+        mailingAddress: c?.includes("mailingAddress"),
+        filingAddress: c?.includes("filingAddress")
       };
       if (e && e.version !== void 0) {
-        const { location: m } = await v({
+        const { location: m } = await g({
           request: {
             locationId: e.uuid,
-            requestBody: { ...p, version: e.version }
+            requestBody: { ...u, version: e.version }
           }
         });
         s(a.COMPANY_LOCATION_UPDATED, m);
       } else {
-        const { location: m } = await L({
+        const { location: m } = await l({
           request: {
             companyId: t,
-            requestBody: p
+            requestBody: u
           }
         });
         s(a.COMPANY_LOCATION_CREATED, m);
       }
     });
   };
-  return /* @__PURE__ */ o("section", { className: n, children: /* @__PURE__ */ o(x, { ...c, control: P, children: /* @__PURE__ */ o(w, { onSubmit: c.handleSubmit(b), children: /* @__PURE__ */ o(
-    _,
+  return /* @__PURE__ */ o("section", { className: n, children: /* @__PURE__ */ o(E, { ...d, control: h, children: /* @__PURE__ */ o(_, { onSubmit: d.handleSubmit(C), children: /* @__PURE__ */ o(
+    M,
     {
-      value: { handleCancel: T, isPending: h || C },
-      children: /* @__PURE__ */ o(z, { flexDirection: "column", gap: 32, children: r || /* @__PURE__ */ N(O, { children: [
-        /* @__PURE__ */ o(f, {}),
-        /* @__PURE__ */ o(l, {}),
-        /* @__PURE__ */ o(A, {})
+      value: { handleCancel: v, isPending: A || y },
+      children: /* @__PURE__ */ o(w, { flexDirection: "column", gap: 32, children: r || /* @__PURE__ */ T(b, { children: [
+        /* @__PURE__ */ o(R, {}),
+        /* @__PURE__ */ o(B, {}),
+        /* @__PURE__ */ o(I, {})
       ] }) })
     }
   ) }) }) });
 }
-function d({
+function ne({
   companyId: t,
   locationId: e,
   className: n,
   children: r,
   ...s
 }) {
-  return /* @__PURE__ */ o(H, { ...s, children: e ? /* @__PURE__ */ o(Y, { companyId: t, locationId: e, className: n, children: r }) : /* @__PURE__ */ o(g, { companyId: t, className: n, children: r }) });
+  return /* @__PURE__ */ o(z, { ...s, children: e ? /* @__PURE__ */ o(H, { companyId: t, locationId: e, className: n, children: r }) : /* @__PURE__ */ o(p, { companyId: t, className: n, children: r }) });
 }
-d.Head = f;
-d.Form = l;
-d.Actions = A;
 export {
-  d as LocationForm
+  ne as LocationForm
 };
 //# sourceMappingURL=LocationForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/LocationForm.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useLocationsUpdateMutation } from '@gusto/embedded-api/react-query/locationsUpdate'\nimport { useLocationsRetrieveSuspense } from '@gusto/embedded-api/react-query/locationsRetrieve'\nimport { useLocationsCreateMutation } from '@gusto/embedded-api/react-query/locationsCreate'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { Head } from './Head'\nimport type { LocationFormInputs } from './Form'\nimport { Form, LocationFormSchema } from './Form'\nimport { Actions } from './Actions'\nimport { LocationsFormProvider } from './useLocationForm'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport type { WithRequired } from '@/types/Helpers'\n\ninterface LocationFormProps extends CommonComponentInterface {\n  companyId: string\n  locationId?: string\n}\n\n/**Accounting for conditional logic where location data needs to be fetched only if locationId is present */\nfunction RootWithLocation(props: WithRequired<LocationFormProps, 'locationId'>) {\n  const {\n    data: { location },\n  } = useLocationsRetrieveSuspense({ locationId: props.locationId })\n  return <Root {...props} location={location} />\n}\n\nfunction Root({\n  companyId,\n  location,\n  className,\n  children,\n}: LocationFormProps & { location?: Location }) {\n  useI18n('Company.Locations')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { mutateAsync: createLocation, isPending: isPendingCreate } = useLocationsCreateMutation()\n  const { mutateAsync: updateLocation, isPending: isPendingUpdate } = useLocationsUpdateMutation()\n  const addressType = ['mailingAddress', 'filingAddress'] as const\n\n  const { control, ...methods } = useForm<LocationFormInputs>({\n    resolver: zodResolver(LocationFormSchema),\n    defaultValues: {\n      city: location?.city ?? '',\n      phoneNumber: location?.phoneNumber ?? '',\n      street1: location?.street1 ?? '',\n      street2: location?.street2 ?? '',\n      state: location?.state ?? '',\n      zip: location?.zip ?? '',\n      addressType: addressType.filter(key => location?.[key] ?? false),\n    },\n  })\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n  const onSubmit = async (data: LocationFormInputs) => {\n    await baseSubmitHandler(data, async innerData => {\n      const { addressType, ...payload } = innerData\n\n      const requestBody = {\n        ...payload,\n        mailingAddress: addressType?.includes('mailingAddress'),\n        filingAddress: addressType?.includes('filingAddress'),\n      }\n\n      if (location && location.version !== undefined) {\n        // Edit existing location\n        const { location: responseData } = await updateLocation({\n          request: {\n            locationId: location.uuid,\n            requestBody: { ...requestBody, version: location.version },\n          },\n        })\n        onEvent(componentEvents.COMPANY_LOCATION_UPDATED, responseData)\n      } else {\n        // Add new location\n        const { location: responseData } = await createLocation({\n          request: {\n            companyId,\n            requestBody,\n          },\n        })\n        onEvent(componentEvents.COMPANY_LOCATION_CREATED, responseData)\n      }\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <LocationsFormProvider\n            value={{ handleCancel, isPending: isPendingCreate || isPendingUpdate }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </LocationsFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n\nexport function LocationForm({\n  companyId,\n  locationId,\n  className,\n  children,\n  ...props\n}: LocationFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      {locationId ? (\n        <RootWithLocation companyId={companyId} locationId={locationId} className={className}>\n          {children}\n        </RootWithLocation>\n      ) : (\n        <Root companyId={companyId} className={className}>\n          {children}\n        </Root>\n      )}\n    </BaseComponent>\n  )\n}\n\nLocationForm.Head = Head\nLocationForm.Form = Form\nLocationForm.Actions = Actions\n"],"names":["RootWithLocation","props","location","useLocationsRetrieveSuspense","jsx","Root","companyId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","createLocation","isPendingCreate","useLocationsCreateMutation","updateLocation","isPendingUpdate","useLocationsUpdateMutation","addressType","control","methods","useForm","zodResolver","LocationFormSchema","key","handleCancel","componentEvents","onSubmit","data","innerData","payload","requestBody","responseData","FormProvider","HtmlForm","LocationsFormProvider","Flex","jsxs","Fragment","Head","Form","Actions","LocationForm","locationId","BaseComponent"],"mappings":"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"}
+{"version":3,"file":"LocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/LocationForm.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useLocationsUpdateMutation } from '@gusto/embedded-api/react-query/locationsUpdate'\nimport { useLocationsRetrieveSuspense } from '@gusto/embedded-api/react-query/locationsRetrieve'\nimport { useLocationsCreateMutation } from '@gusto/embedded-api/react-query/locationsCreate'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { Head } from './Head'\nimport type { LocationFormInputs } from './Form'\nimport { Form, LocationFormSchema } from './Form'\nimport { Actions } from './Actions'\nimport { LocationsFormProvider } from './useLocationForm'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport type { WithRequired } from '@/types/Helpers'\n\ninterface LocationFormProps extends CommonComponentInterface {\n  companyId: string\n  locationId?: string\n}\n\n/**Accounting for conditional logic where location data needs to be fetched only if locationId is present */\nfunction RootWithLocation(props: WithRequired<LocationFormProps, 'locationId'>) {\n  const {\n    data: { location },\n  } = useLocationsRetrieveSuspense({ locationId: props.locationId })\n  return <Root {...props} location={location} />\n}\n\nfunction Root({\n  companyId,\n  location,\n  className,\n  children,\n}: LocationFormProps & { location?: Location }) {\n  useI18n('Company.Locations')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { mutateAsync: createLocation, isPending: isPendingCreate } = useLocationsCreateMutation()\n  const { mutateAsync: updateLocation, isPending: isPendingUpdate } = useLocationsUpdateMutation()\n  const addressType = ['mailingAddress', 'filingAddress'] as const\n\n  const { control, ...methods } = useForm<LocationFormInputs>({\n    resolver: zodResolver(LocationFormSchema),\n    defaultValues: {\n      city: location?.city ?? '',\n      phoneNumber: location?.phoneNumber ?? '',\n      street1: location?.street1 ?? '',\n      street2: location?.street2 ?? '',\n      state: location?.state ?? '',\n      zip: location?.zip ?? '',\n      addressType: addressType.filter(key => location?.[key] ?? false),\n    },\n  })\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n  const onSubmit = async (data: LocationFormInputs) => {\n    await baseSubmitHandler(data, async innerData => {\n      const { addressType, ...payload } = innerData\n\n      const requestBody = {\n        ...payload,\n        mailingAddress: addressType?.includes('mailingAddress'),\n        filingAddress: addressType?.includes('filingAddress'),\n      }\n\n      if (location && location.version !== undefined) {\n        // Edit existing location\n        const { location: responseData } = await updateLocation({\n          request: {\n            locationId: location.uuid,\n            requestBody: { ...requestBody, version: location.version },\n          },\n        })\n        onEvent(componentEvents.COMPANY_LOCATION_UPDATED, responseData)\n      } else {\n        // Add new location\n        const { location: responseData } = await createLocation({\n          request: {\n            companyId,\n            requestBody,\n          },\n        })\n        onEvent(componentEvents.COMPANY_LOCATION_CREATED, responseData)\n      }\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <LocationsFormProvider\n            value={{ handleCancel, isPending: isPendingCreate || isPendingUpdate }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </LocationsFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n\nexport function LocationForm({\n  companyId,\n  locationId,\n  className,\n  children,\n  ...props\n}: LocationFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      {locationId ? (\n        <RootWithLocation companyId={companyId} locationId={locationId} className={className}>\n          {children}\n        </RootWithLocation>\n      ) : (\n        <Root companyId={companyId} className={className}>\n          {children}\n        </Root>\n      )}\n    </BaseComponent>\n  )\n}\n"],"names":["RootWithLocation","props","location","useLocationsRetrieveSuspense","jsx","Root","companyId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","createLocation","isPendingCreate","useLocationsCreateMutation","updateLocation","isPendingUpdate","useLocationsUpdateMutation","addressType","control","methods","useForm","zodResolver","LocationFormSchema","key","handleCancel","componentEvents","onSubmit","data","innerData","payload","requestBody","responseData","FormProvider","HtmlForm","LocationsFormProvider","Flex","jsxs","Fragment","Head","Form","Actions","LocationForm","locationId","BaseComponent"],"mappings":"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"}

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

@@ -3,7 +3,3 @@ export interface LocationsProps extends BaseComponentInterface<'Company.Location
     companyId: string;
 }
 export declare function Locations({ companyId, onEvent, dictionary }: LocationsProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Locations {
-    var LocationsList: typeof import("./LocationsList").LocationsList;
-    var LocationForm: typeof import("./LocationForm/LocationForm").LocationForm;
-}

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

@@ -1,27 +1,23 @@
-import { jsx as a } from "react/jsx-runtime";
-import { createMachine as c } from "robot3";
+import { jsx as r } from "react/jsx-runtime";
+import { createMachine as a } from "robot3";
 import { locationsStateMachine as e } from "./stateMachine.js";
-import { LocationsListContextual as s } from "./locationsStateMachine.js";
-import { LocationForm as p } from "./LocationForm/LocationForm.js";
-import { Flow as L } from "../../Flow/Flow.js";
-import { useComponentDictionary as f } from "../../../i18n/I18n.js";
-import { LocationsList as u } from "./LocationsList/LocationsList.js";
-function o({ companyId: t, onEvent: i, dictionary: n }) {
-  f("Company.Locations", n);
-  const m = c(
+import { LocationsListContextual as c } from "./locationsStateMachine.js";
+import { Flow as p } from "../../Flow/Flow.js";
+import { useComponentDictionary as s } from "../../../i18n/I18n.js";
+function C({ companyId: o, onEvent: t, dictionary: n }) {
+  s("Company.Locations", n);
+  const i = a(
     "index",
     e,
-    (r) => ({
-      ...r,
-      component: s,
-      companyId: t
+    (m) => ({
+      ...m,
+      component: c,
+      companyId: o
     })
   );
-  return /* @__PURE__ */ a(L, { machine: m, onEvent: i });
+  return /* @__PURE__ */ r(p, { machine: i, onEvent: t });
 }
-o.LocationsList = u;
-o.LocationForm = p;
 export {
-  o as Locations
+  C as Locations
 };
 //# sourceMappingURL=Locations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Locations.js","sources":["../../../../src/components/Company/Locations/Locations.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { type LocationsContextInterface } from './locationsStateMachine'\nimport { locationsStateMachine } from './stateMachine'\nimport { LocationsListContextual } from './locationsStateMachine'\nimport { LocationsList } from './LocationsList'\nimport { LocationForm } from './LocationForm/LocationForm'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface LocationsProps extends BaseComponentInterface<'Company.Locations'> {\n  companyId: string\n}\n\nexport function Locations({ companyId, onEvent, dictionary }: LocationsProps) {\n  useComponentDictionary('Company.Locations', dictionary)\n\n  const manageLocations = createMachine(\n    'index',\n    locationsStateMachine,\n    (initialContext: LocationsContextInterface) => ({\n      ...initialContext,\n      component: LocationsListContextual,\n      companyId,\n    }),\n  )\n  return <Flow machine={manageLocations} onEvent={onEvent} />\n}\n\nLocations.LocationsList = LocationsList\nLocations.LocationForm = LocationForm\n"],"names":["Locations","companyId","onEvent","dictionary","useComponentDictionary","manageLocations","createMachine","locationsStateMachine","initialContext","LocationsListContextual","jsx","Flow","LocationsList","LocationForm"],"mappings":";;;;;;;;AAcO,SAASA,EAAU,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAA8B;AAC5E,EAAAC,EAAuB,qBAAqBD,CAAU;AAEtD,QAAME,IAAkBC;AAAA,IACtB;AAAA,IACAC;AAAA,IACA,CAACC,OAA+C;AAAA,MAC9C,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,IACF;AAAA,EACF;AACA,SAAQ,gBAAAS,EAAAC,GAAA,EAAK,SAASN,GAAiB,SAAAH,EAAkB,CAAA;AAC3D;AAEAF,EAAU,gBAAgBY;AAC1BZ,EAAU,eAAea;"}
+{"version":3,"file":"Locations.js","sources":["../../../../src/components/Company/Locations/Locations.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { type LocationsContextInterface } from './locationsStateMachine'\nimport { locationsStateMachine } from './stateMachine'\nimport { LocationsListContextual } from './locationsStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface LocationsProps extends BaseComponentInterface<'Company.Locations'> {\n  companyId: string\n}\n\nexport function Locations({ companyId, onEvent, dictionary }: LocationsProps) {\n  useComponentDictionary('Company.Locations', dictionary)\n\n  const manageLocations = createMachine(\n    'index',\n    locationsStateMachine,\n    (initialContext: LocationsContextInterface) => ({\n      ...initialContext,\n      component: LocationsListContextual,\n      companyId,\n    }),\n  )\n  return <Flow machine={manageLocations} onEvent={onEvent} />\n}\n"],"names":["Locations","companyId","onEvent","dictionary","useComponentDictionary","manageLocations","createMachine","locationsStateMachine","initialContext","LocationsListContextual","jsx","Flow"],"mappings":";;;;;;AAYO,SAASA,EAAU,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAA8B;AAC5E,EAAAC,EAAuB,qBAAqBD,CAAU;AAEtD,QAAME,IAAkBC;AAAA,IACtB;AAAA,IACAC;AAAA,IACA,CAACC,OAA+C;AAAA,MAC9C,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,IACF;AAAA,EACF;AACA,SAAQ,gBAAAS,EAAAC,GAAA,EAAK,SAASN,GAAiB,SAAAH,EAAkB,CAAA;AAC3D;"}

package/dist/components/Company/Locations/LocationsList/LocationsList.d.ts

@@ -3,9 +3,4 @@ interface LocationsListProps extends BaseComponentInterface {
     companyId: string;
 }
 export declare function LocationsList(props: LocationsListProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace LocationsList {
-    var Head: typeof import("./Head").Head;
-    var List: () => import("react/jsx-runtime").JSX.Element;
-    var Actions: typeof import("./Actions").Actions;
-}
 export {};

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

@@ -1,29 +1,29 @@
-import { jsx as e, jsxs as C, Fragment as A } from "react/jsx-runtime";
-import { useLocationsGetSuspense as N } from "@gusto/embedded-api/react-query/locationsGet";
-import { useState as d } from "react";
-import { Head as l } from "./Head.js";
-import { List as h } from "./List.js";
-import { Actions as P } from "./Actions.js";
-import { LocationsListProvider as O } from "./useLocationsList.js";
-import { useI18n as x } from "../../../../i18n/I18n.js";
-import { BaseComponent as E } from "../../../Base/Base.js";
-import { useBase as I } from "../../../Base/useBase.js";
-import { Flex as v } from "../../../Common/Flex/Flex.js";
+import { jsx as e, jsxs as p, Fragment as u } from "react/jsx-runtime";
+import { useLocationsGetSuspense as L } from "@gusto/embedded-api/react-query/locationsGet";
+import { useState as m } from "react";
+import { Head as f } from "./Head.js";
+import { List as C } from "./List.js";
+import { Actions as A } from "./Actions.js";
+import { LocationsListProvider as N } from "./useLocationsList.js";
+import { useI18n as O } from "../../../../i18n/I18n.js";
+import { BaseComponent as x } from "../../../Base/Base.js";
+import { useBase as E } from "../../../Base/useBase.js";
+import { Flex as I } from "../../../Common/Flex/Flex.js";
 import { companyEvents as s } from "../../../../shared/constants.js";
-function i(o) {
-  return /* @__PURE__ */ e(E, { ...o, children: /* @__PURE__ */ e(M, { ...o, children: o.children }) });
+function Q(o) {
+  return /* @__PURE__ */ e(x, { ...o, children: /* @__PURE__ */ e(v, { ...o, children: o.children }) });
 }
-function M({ companyId: o, className: g, children: c }) {
-  x("Company.Locations");
-  const { onEvent: a } = I(), [m, n] = d(1), [p, L] = d(5), {
-    data: { locationList: u, httpMeta: f }
-  } = N({ companyId: o, page: m, per: p }), r = Number(f.response.headers.get("x-total-pages") ?? 1);
-  return /* @__PURE__ */ e("section", { className: g, children: /* @__PURE__ */ e(
-    O,
+function v({ companyId: o, className: d, children: i }) {
+  O("Company.Locations");
+  const { onEvent: a } = E(), [c, n] = m(1), [l, h] = m(5), {
+    data: { locationList: P, httpMeta: g }
+  } = L({ companyId: o, page: c, per: l }), r = Number(g.response.headers.get("x-total-pages") ?? 1);
+  return /* @__PURE__ */ e("section", { className: d, children: /* @__PURE__ */ e(
+    N,
     {
       value: {
-        locationList: u ?? [],
-        currentPage: m,
+        locationList: P ?? [],
+        currentPage: c,
         totalPages: r,
         handleFirstPage: () => {
           n(1);
@@ -38,7 +38,7 @@ function M({ companyId: o, className: g, children: c }) {
           n(r);
         },
         handleItemsPerPageChange: (t) => {
-          L(t);
+          h(t);
         },
         handleAddLocation: () => {
           a(s.COMPANY_LOCATION_CREATE);
@@ -50,18 +50,15 @@ function M({ companyId: o, className: g, children: c }) {
           a(s.COMPANY_LOCATION_DONE);
         }
       },
-      children: /* @__PURE__ */ e(v, { flexDirection: "column", gap: 32, children: c || /* @__PURE__ */ C(A, { children: [
-        /* @__PURE__ */ e(l, {}),
-        /* @__PURE__ */ e(h, {}),
-        /* @__PURE__ */ e(P, {})
+      children: /* @__PURE__ */ e(I, { flexDirection: "column", gap: 32, children: i || /* @__PURE__ */ p(u, { children: [
+        /* @__PURE__ */ e(f, {}),
+        /* @__PURE__ */ e(C, {}),
+        /* @__PURE__ */ e(A, {})
       ] }) })
     }
   ) });
 }
-i.Head = l;
-i.List = h;
-i.Actions = P;
 export {
-  i as LocationsList
+  Q as LocationsList
 };
 //# sourceMappingURL=LocationsList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/LocationsList.tsx"],"sourcesContent":["import { useLocationsGetSuspense } from '@gusto/embedded-api/react-query/locationsGet'\nimport { useState } from 'react'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { LocationsListProvider } from './useLocationsList'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\n\ninterface LocationsListProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function LocationsList(props: LocationsListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, className, children }: LocationsListProps) {\n  useI18n('Company.Locations')\n  const { onEvent } = useBase()\n\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState(5)\n\n  const {\n    data: { locationList, httpMeta },\n  } = useLocationsGetSuspense({ companyId, page: currentPage, per: itemsPerPage })\n\n  const totalPages = Number(httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  const handleItemsPerPageChange = (newCount: number) => {\n    setItemsPerPage(newCount)\n  }\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\n  }\n\n  const handleContinue = () => {\n    onEvent(companyEvents.COMPANY_LOCATION_DONE)\n  }\n  const handleAddLocation = () => {\n    onEvent(companyEvents.COMPANY_LOCATION_CREATE)\n  }\n  const handleEditLocation = (uuid: string) => {\n    onEvent(companyEvents.COMPANY_LOCATION_EDIT, { uuid })\n  }\n\n  return (\n    <section className={className}>\n      <LocationsListProvider\n        value={{\n          locationList: locationList ?? [],\n          currentPage,\n          totalPages,\n          handleFirstPage,\n          handlePreviousPage,\n          handleNextPage,\n          handleLastPage,\n          handleItemsPerPageChange,\n          handleAddLocation,\n          handleEditLocation,\n          handleContinue,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </LocationsListProvider>\n    </section>\n  )\n}\n\nLocationsList.Head = Head\nLocationsList.List = List\nLocationsList.Actions = Actions\n"],"names":["LocationsList","props","jsx","BaseComponent","Root","companyId","className","children","useI18n","onEvent","useBase","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","locationList","httpMeta","useLocationsGetSuspense","totalPages","LocationsListProvider","prevPage","newCount","companyEvents","uuid","Flex","jsxs","Fragment","Head","List","Actions"],"mappings":";;;;;;;;;;;;AAgBO,SAASA,EAAcC,GAA2B;AAErD,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,KAAgC;AACpE,EAAAC,EAAQ,mBAAmB;AACrB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GAEtB,CAACC,GAAaC,CAAc,IAAIC,EAAS,CAAC,GAC1C,CAACC,GAAcC,CAAe,IAAIF,EAAS,CAAC,GAE5C;AAAA,IACJ,MAAM,EAAE,cAAAG,GAAc,UAAAC,EAAS;AAAA,EAAA,IAC7BC,EAAwB,EAAE,WAAAb,GAAW,MAAMM,GAAa,KAAKG,GAAc,GAEzEK,IAAa,OAAOF,EAAS,SAAS,QAAQ,IAAI,eAAe,KAAK,CAAC;AA6B3E,SAAA,gBAAAf,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,cAAcJ,KAAgB,CAAC;AAAA,QAC/B,aAAAL;AAAA,QACA,YAAAQ;AAAA,QACA,iBA9BgB,MAAM;AAC5B,UAAAP,EAAe,CAAC;AAAA,QAClB;AAAA,QA6BQ,oBA5BmB,MAAM;AAC/B,UAAAA,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAG,CAAC,CAAC;AAAA,QACtD;AAAA,QA2BQ,gBA1Be,MAAM;AAC3B,UAAAT,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAGF,CAAU,CAAC;AAAA,QAC/D;AAAA,QAyBQ,gBAxBe,MAAM;AAC3B,UAAAP,EAAeO,CAAU;AAAA,QAC3B;AAAA,QAuBQ,0BArCyB,CAACG,MAAqB;AACrD,UAAAP,EAAgBO,CAAQ;AAAA,QAC1B;AAAA,QAoCQ,mBAnBkB,MAAM;AAC9B,UAAAb,EAAQc,EAAc,uBAAuB;AAAA,QAC/C;AAAA,QAkBQ,oBAjBmB,CAACC,MAAiB;AAC3C,UAAAf,EAAQc,EAAc,uBAAuB,EAAE,MAAAC,EAAA,CAAM;AAAA,QACvD;AAAA,QAgBQ,gBAxBe,MAAM;AAC3B,UAAAf,EAAQc,EAAc,qBAAqB;AAAA,QAC7C;AAAA,MAuBM;AAAA,MAEA,UAAA,gBAAArB,EAACuB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAlB,KAIG,gBAAAmB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAzB,EAAC0B,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,EAAA,CACX,EAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA9B,EAAc,OAAO4B;AACrB5B,EAAc,OAAO6B;AACrB7B,EAAc,UAAU8B;"}
+{"version":3,"file":"LocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/LocationsList.tsx"],"sourcesContent":["import { useLocationsGetSuspense } from '@gusto/embedded-api/react-query/locationsGet'\nimport { useState } from 'react'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { LocationsListProvider } from './useLocationsList'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\n\ninterface LocationsListProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function LocationsList(props: LocationsListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, className, children }: LocationsListProps) {\n  useI18n('Company.Locations')\n  const { onEvent } = useBase()\n\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState(5)\n\n  const {\n    data: { locationList, httpMeta },\n  } = useLocationsGetSuspense({ companyId, page: currentPage, per: itemsPerPage })\n\n  const totalPages = Number(httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  const handleItemsPerPageChange = (newCount: number) => {\n    setItemsPerPage(newCount)\n  }\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\n  }\n\n  const handleContinue = () => {\n    onEvent(companyEvents.COMPANY_LOCATION_DONE)\n  }\n  const handleAddLocation = () => {\n    onEvent(companyEvents.COMPANY_LOCATION_CREATE)\n  }\n  const handleEditLocation = (uuid: string) => {\n    onEvent(companyEvents.COMPANY_LOCATION_EDIT, { uuid })\n  }\n\n  return (\n    <section className={className}>\n      <LocationsListProvider\n        value={{\n          locationList: locationList ?? [],\n          currentPage,\n          totalPages,\n          handleFirstPage,\n          handlePreviousPage,\n          handleNextPage,\n          handleLastPage,\n          handleItemsPerPageChange,\n          handleAddLocation,\n          handleEditLocation,\n          handleContinue,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </LocationsListProvider>\n    </section>\n  )\n}\n"],"names":["LocationsList","props","jsx","BaseComponent","Root","companyId","className","children","useI18n","onEvent","useBase","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","locationList","httpMeta","useLocationsGetSuspense","totalPages","LocationsListProvider","prevPage","newCount","companyEvents","uuid","Flex","jsxs","Fragment","Head","List","Actions"],"mappings":";;;;;;;;;;;;AAgBO,SAASA,EAAcC,GAA2B;AAErD,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,KAAgC;AACpE,EAAAC,EAAQ,mBAAmB;AACrB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GAEtB,CAACC,GAAaC,CAAc,IAAIC,EAAS,CAAC,GAC1C,CAACC,GAAcC,CAAe,IAAIF,EAAS,CAAC,GAE5C;AAAA,IACJ,MAAM,EAAE,cAAAG,GAAc,UAAAC,EAAS;AAAA,EAAA,IAC7BC,EAAwB,EAAE,WAAAb,GAAW,MAAMM,GAAa,KAAKG,GAAc,GAEzEK,IAAa,OAAOF,EAAS,SAAS,QAAQ,IAAI,eAAe,KAAK,CAAC;AA6B3E,SAAA,gBAAAf,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,cAAcJ,KAAgB,CAAC;AAAA,QAC/B,aAAAL;AAAA,QACA,YAAAQ;AAAA,QACA,iBA9BgB,MAAM;AAC5B,UAAAP,EAAe,CAAC;AAAA,QAClB;AAAA,QA6BQ,oBA5BmB,MAAM;AAC/B,UAAAA,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAG,CAAC,CAAC;AAAA,QACtD;AAAA,QA2BQ,gBA1Be,MAAM;AAC3B,UAAAT,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAGF,CAAU,CAAC;AAAA,QAC/D;AAAA,QAyBQ,gBAxBe,MAAM;AAC3B,UAAAP,EAAeO,CAAU;AAAA,QAC3B;AAAA,QAuBQ,0BArCyB,CAACG,MAAqB;AACrD,UAAAP,EAAgBO,CAAQ;AAAA,QAC1B;AAAA,QAoCQ,mBAnBkB,MAAM;AAC9B,UAAAb,EAAQc,EAAc,uBAAuB;AAAA,QAC/C;AAAA,QAkBQ,oBAjBmB,CAACC,MAAiB;AAC3C,UAAAf,EAAQc,EAAc,uBAAuB,EAAE,MAAAC,EAAA,CAAM;AAAA,QACvD;AAAA,QAgBQ,gBAxBe,MAAM;AAC3B,UAAAf,EAAQc,EAAc,qBAAqB;AAAA,QAC7C;AAAA,MAuBM;AAAA,MAEA,UAAA,gBAAArB,EAACuB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAlB,KAIG,gBAAAmB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAzB,EAAC0B,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,EAAA,CACX,EAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -4,11 +4,5 @@ interface PayScheduleProps extends CommonComponentInterface<'Company.PaySchedule
     companyId: string;
     defaultValues?: PayScheduleDefaultValues;
 }
-export declare const PaySchedule: {
-    ({ companyId, defaultValues, dictionary, ...props }: PayScheduleProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-    Head: () => import("react/jsx-runtime").JSX.Element;
-    List: () => import("react/jsx-runtime").JSX.Element | null;
-    Edit: () => import("react/jsx-runtime").JSX.Element | null;
-    Actions: () => import("react/jsx-runtime").JSX.Element;
-};
+export declare const PaySchedule: ({ companyId, defaultValues, dictionary, ...props }: PayScheduleProps & BaseComponentInterface) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,30 +1,30 @@
-import { jsx as t, jsxs as J } from "react/jsx-runtime";
-import { useForm as K, FormProvider as Q } from "react-hook-form";
-import { zodResolver as W } from "@hookform/resolvers/zod";
-import { useState as A, useEffect as _ } from "react";
-import { usePaySchedulesGetPreview as X } from "@gusto/embedded-api/react-query/paySchedulesGetPreview";
-import { usePaySchedulesUpdateMutation as Z } from "@gusto/embedded-api/react-query/paySchedulesUpdate";
-import { usePaySchedulesGetAllSuspense as $ } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
-import { usePaySchedulesCreateMutation as V } from "@gusto/embedded-api/react-query/paySchedulesCreate";
-import { PayScheduleSchema as ee, PayScheduleProvider as oe } from "./usePaySchedule.js";
-import { Form as re } from "../../Common/Form/Form.js";
-import { BaseComponent as ae } from "../../Base/Base.js";
-import { useBase as te } from "../../Base/useBase.js";
-import { Flex as ne } from "../../Common/Flex/Flex.js";
-import { useI18n as ce, useComponentDictionary as ie } from "../../../i18n/I18n.js";
-import { componentEvents as l } from "../../../shared/constants.js";
-import { formatDateToStringDate as p } from "../../../helpers/dateFormatting.js";
-import { Head as w } from "./_parts/Head.js";
-import { List as C } from "./_parts/List.js";
-import { Edit as L } from "./_parts/Edit.js";
-import { Actions as q } from "./_parts/Actions.js";
-const u = ({
+import { jsx as t, jsxs as I } from "react/jsx-runtime";
+import { useForm as j, FormProvider as k } from "react-hook-form";
+import { zodResolver as G } from "@hookform/resolvers/zod";
+import { useState as v, useEffect as A } from "react";
+import { usePaySchedulesGetPreview as z } from "@gusto/embedded-api/react-query/paySchedulesGetPreview";
+import { usePaySchedulesUpdateMutation as J } from "@gusto/embedded-api/react-query/paySchedulesUpdate";
+import { usePaySchedulesGetAllSuspense as K } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { usePaySchedulesCreateMutation as Q } from "@gusto/embedded-api/react-query/paySchedulesCreate";
+import { PayScheduleSchema as W, PayScheduleProvider as X } from "./usePaySchedule.js";
+import { Form as Z } from "../../Common/Form/Form.js";
+import { BaseComponent as $ } from "../../Base/Base.js";
+import { useBase as V } from "../../Base/useBase.js";
+import { Flex as ee } from "../../Common/Flex/Flex.js";
+import { useI18n as oe, useComponentDictionary as re } from "../../../i18n/I18n.js";
+import { componentEvents as S } from "../../../shared/constants.js";
+import { formatDateToStringDate as l } from "../../../helpers/dateFormatting.js";
+import { Head as ae } from "./_parts/Head.js";
+import { List as te } from "./_parts/List.js";
+import { Edit as ne } from "./_parts/Edit.js";
+import { Actions as ce } from "./_parts/Actions.js";
+const Te = ({
   companyId: n,
   defaultValues: s,
   dictionary: a,
   ...P
-}) => (ce("Company.PaySchedule"), ie("Company.PaySchedule", a), /* @__PURE__ */ t(ae, { ...P, children: /* @__PURE__ */ t(de, { companyId: n, defaultValues: s, children: P.children }) })), de = ({ companyId: n, children: s, defaultValues: a }) => {
-  const { baseSubmitHandler: P, onEvent: h, fieldErrors: f, setError: T } = te(), [i, y] = A("LIST_PAY_SCHEDULES"), [E, O] = A(null), H = {
+}) => (oe("Company.PaySchedule"), re("Company.PaySchedule", a), /* @__PURE__ */ t($, { ...P, children: /* @__PURE__ */ t(ie, { companyId: n, defaultValues: s, children: P.children }) })), ie = ({ companyId: n, children: s, defaultValues: a }) => {
+  const { baseSubmitHandler: P, onEvent: u, fieldErrors: h, setError: _ } = V(), [i, y] = v("LIST_PAY_SCHEDULES"), [f, w] = v(null), C = {
     frequency: a?.frequency ?? "Every week",
     anchorPayDate: a?.anchorPayDate ? new Date(a.anchorPayDate) : void 0,
     anchorEndOfPayPeriod: a?.anchorEndOfPayPeriod ? new Date(a.anchorEndOfPayPeriod) : void 0,
@@ -33,23 +33,23 @@ const u = ({
     customName: a?.customName ?? "",
     customTwicePerMonth: "false",
     payPeriodPreviewRange: 0
-  }, { data: U } = $({
+  }, { data: L } = K({
     companyId: n
-  }), M = V(), Y = Z(), D = K({
-    resolver: W(ee),
-    defaultValues: H
-  }), { watch: N, setValue: S, reset: d, clearErrors: b, setError: v } = D;
-  _(() => {
-    f && f.forEach((o) => {
-      v(o.key, { message: o.message });
+  }), q = Q(), T = J(), E = j({
+    resolver: G(W),
+    defaultValues: C
+  }), { watch: O, setValue: D, reset: d, clearErrors: H, setError: p } = E;
+  A(() => {
+    h && h.forEach((o) => {
+      p(o.key, { message: o.message });
     });
-  }, [v, f]);
-  const e = N(), g = e.anchorPayDate && p(e.anchorPayDate) || "", B = e.anchorEndOfPayPeriod && p(e.anchorEndOfPayPeriod) || "", { data: R, isLoading: x } = X(
+  }, [p, h]);
+  const e = O(), U = e.anchorPayDate && l(e.anchorPayDate) || "", M = e.anchorEndOfPayPeriod && l(e.anchorEndOfPayPeriod) || "", { data: Y, isLoading: N } = z(
     {
       companyId: n,
       frequency: e.frequency,
-      anchorPayDate: g,
-      anchorEndOfPayPeriod: B,
+      anchorPayDate: U,
+      anchorEndOfPayPeriod: M,
       day1: e.day1 ?? void 0,
       day2: e.day2 ?? void 0
     },
@@ -57,14 +57,14 @@ const u = ({
       enabled: !!(e.anchorPayDate && e.anchorEndOfPayPeriod && (i === "ADD_PAY_SCHEDULE" || i === "EDIT_PAY_SCHEDULE"))
     }
   );
-  _(() => {
-    e.frequency === "Twice per month" && e.day1 === 15 && e.day2 === 31 && e.customTwicePerMonth === void 0 ? S("customTwicePerMonth", "1st15th") : e.frequency === "Twice per month" && e.customTwicePerMonth === void 0 && S("customTwicePerMonth", "custom");
-  }, [e.frequency, e.day1, e.day2, S, e.customTwicePerMonth]);
-  const F = () => {
+  A(() => {
+    e.frequency === "Twice per month" && e.day1 === 15 && e.day2 === 31 && e.customTwicePerMonth === void 0 ? D("customTwicePerMonth", "1st15th") : e.frequency === "Twice per month" && e.customTwicePerMonth === void 0 && D("customTwicePerMonth", "custom");
+  }, [e.frequency, e.day1, e.day2, D, e.customTwicePerMonth]);
+  const b = () => {
     y("ADD_PAY_SCHEDULE"), d({});
-  }, I = () => {
-    y("LIST_PAY_SCHEDULES"), d({}), b(), T(null);
-  }, j = (o) => {
+  }, g = () => {
+    y("LIST_PAY_SCHEDULES"), d({}), H(), _(null);
+  }, B = (o) => {
     d({
       frequency: o.frequency,
       anchorPayDate: o.anchorPayDate ? new Date(o.anchorPayDate) : void 0,
@@ -72,14 +72,14 @@ const u = ({
       day1: o.day1 ?? void 0,
       day2: o.day2 ?? void 0,
       customName: o.customName ?? ""
-    }), O(o), y("EDIT_PAY_SCHEDULE");
-  }, k = () => {
-    h(l.PAY_SCHEDULE_DONE);
-  }, G = async (o) => {
+    }), w(o), y("EDIT_PAY_SCHEDULE");
+  }, R = () => {
+    u(S.PAY_SCHEDULE_DONE);
+  }, x = async (o) => {
     await P(o, async (r) => {
-      const m = (c) => c && p(c) || "";
+      const m = (c) => c && l(c) || "";
       if (i === "ADD_PAY_SCHEDULE") {
-        const c = await M.mutateAsync({
+        const c = await q.mutateAsync({
           request: {
             companyId: n,
             requestBody: {
@@ -92,11 +92,11 @@ const u = ({
             }
           }
         });
-        h(l.PAY_SCHEDULE_CREATED, c), d();
+        u(S.PAY_SCHEDULE_CREATED, c), d();
       } else if (i === "EDIT_PAY_SCHEDULE") {
-        const c = E?.version, z = await Y.mutateAsync({
+        const c = f?.version, F = await T.mutateAsync({
           request: {
-            payScheduleId: E?.uuid,
+            payScheduleId: f?.uuid,
             companyId: n,
             requestBody: {
               frequency: r.frequency,
@@ -109,40 +109,36 @@ const u = ({
             }
           }
         });
-        h(l.PAY_SCHEDULE_UPDATED, z), d();
+        u(S.PAY_SCHEDULE_UPDATED, F), d();
       }
       y("LIST_PAY_SCHEDULES");
     });
   };
   return /* @__PURE__ */ t(
-    oe,
+    X,
     {
       value: {
         companyId: n,
-        handleAdd: F,
-        handleEdit: j,
-        handleCancel: I,
-        handleContinue: k,
+        handleAdd: b,
+        handleEdit: B,
+        handleCancel: g,
+        handleContinue: R,
         mode: i,
-        paySchedules: U.payScheduleList,
-        payPeriodPreview: R?.object?.payPeriods,
-        payPreviewLoading: x,
-        currentPaySchedule: E
+        paySchedules: L.payScheduleList,
+        payPeriodPreview: Y?.object?.payPeriods,
+        payPreviewLoading: N,
+        currentPaySchedule: f
       },
-      children: /* @__PURE__ */ t("span", { "data-testid": "pay-schedule-edit-form", children: /* @__PURE__ */ t(Q, { ...D, children: /* @__PURE__ */ t(re, { onSubmit: D.handleSubmit(G), children: s || /* @__PURE__ */ J(ne, { flexDirection: "column", children: [
-        /* @__PURE__ */ t(w, {}),
-        /* @__PURE__ */ t(C, {}),
-        /* @__PURE__ */ t(L, {}),
-        /* @__PURE__ */ t(q, {})
+      children: /* @__PURE__ */ t("span", { "data-testid": "pay-schedule-edit-form", children: /* @__PURE__ */ t(k, { ...E, children: /* @__PURE__ */ t(Z, { onSubmit: E.handleSubmit(x), children: s || /* @__PURE__ */ I(ee, { flexDirection: "column", children: [
+        /* @__PURE__ */ t(ae, {}),
+        /* @__PURE__ */ t(te, {}),
+        /* @__PURE__ */ t(ne, {}),
+        /* @__PURE__ */ t(ce, {})
       ] }) }) }) })
     }
   );
 };
-u.Head = w;
-u.List = C;
-u.Edit = L;
-u.Actions = q;
 export {
-  u as PaySchedule
+  Te as PaySchedule
 };
 //# sourceMappingURL=PaySchedule.js.map