@gusto/embedded-react-sdk 0.53.0 → 0.54.0

package/dist/components/Employee/HomeAddress/management/HomeAddressCard/HomeAddressCard.js

@@ -1,39 +1,46 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
 import { Flex as a } from "../../../../Common/Flex/Flex.js";
-import { Loading as p } from "../../../../Common/Loading/Loading.js";
-import { BaseBoundaries as u, BaseLayout as g } from "../../../../Base/Base.js";
-import { useComponentContext as E } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { getStreet as f, getCityStateZip as h } from "../../../../../helpers/formattedStrings.js";
-import { useI18n as x } from "../../../../../i18n/I18n.js";
-import { componentEvents as A } from "../../../../../shared/constants.js";
+import { Loading as u } from "../../../../Common/Loading/Loading.js";
+import { BaseBoundaries as g, BaseLayout as E } from "../../../../Base/Base.js";
+import { useComponentContext as f } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { getStreet as h, getCityStateZip as x } from "../../../../../helpers/formattedStrings.js";
+import { useI18n as A } from "../../../../../i18n/I18n.js";
+import { componentEvents as C } from "../../../../../shared/constants.js";
 import { useHomeAddressSummary as H } from "../../shared/useHomeAddressSummary/useHomeAddressSummary.js";
-function j(o) {
-  return /* @__PURE__ */ e(u, { componentName: "Employee.Management.HomeAddress", children: /* @__PURE__ */ e(C, { ...o }) });
+function O(r) {
+  return /* @__PURE__ */ e(
+    g,
+    {
+      componentName: "Employee.Management.HomeAddress",
+      LoaderComponent: r.LoaderComponent,
+      children: /* @__PURE__ */ e(L, { ...r })
+    }
+  );
 }
-function C({ employeeId: o, onEvent: s }) {
-  x("Employee.Management.HomeAddress");
-  const { t } = l("Employee.Management.HomeAddress"), r = E(), n = H({ employeeId: o }), m = n.isLoading, i = n.isLoading ? void 0 : n.data.currentHomeAddress, d = () => {
-    s(A.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED, { employeeId: o });
+function L({ employeeId: r, onEvent: d, LoaderComponent: s }) {
+  A("Employee.Management.HomeAddress");
+  const { t } = p("Employee.Management.HomeAddress"), o = f(), n = H({ employeeId: r }), m = n.isLoading, i = n.isLoading ? void 0 : n.data.currentHomeAddress, c = () => {
+    d(C.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED, { employeeId: r });
   };
-  return /* @__PURE__ */ e(g, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(
-    r.Box,
+  return /* @__PURE__ */ e(E, { error: n.errorHandling.errors, LoaderComponent: s, children: /* @__PURE__ */ e(
+    o.Box,
     {
       header: /* @__PURE__ */ e(
-        r.BoxHeader,
+        o.BoxHeader,
         {
           title: t("card.title"),
-          action: /* @__PURE__ */ e(r.Button, { variant: "secondary", onClick: d, isDisabled: m, children: t("card.manageCta") })
+          action: /* @__PURE__ */ e(o.Button, { variant: "secondary", onClick: c, isDisabled: m, children: t("card.manageCta") })
         }
       ),
-      children: /* @__PURE__ */ e(a, { flexDirection: "column", gap: 16, children: m ? /* @__PURE__ */ e(p, {}) : i ? /* @__PURE__ */ c(a, { flexDirection: "column", gap: 0, children: [
-        /* @__PURE__ */ e(r.Text, { weight: "medium", children: f(i).replace(",", "") }),
-        /* @__PURE__ */ e(r.Text, { variant: "supporting", children: h(i) })
-      ] }) : /* @__PURE__ */ e(r.Text, { children: t("card.noAddress") }) })
+      children: /* @__PURE__ */ e(a, { flexDirection: "column", gap: 16, children: m ? /* @__PURE__ */ e(u, {}) : i ? /* @__PURE__ */ l(a, { flexDirection: "column", gap: 0, children: [
+        /* @__PURE__ */ e(o.Text, { weight: "medium", children: h(i).replace(",", "") }),
+        /* @__PURE__ */ e(o.Text, { variant: "supporting", children: x(i) })
+      ] }) : /* @__PURE__ */ e(o.Text, { children: t("card.noAddress") }) })
     }
   ) });
 }
 export {
-  j as HomeAddressCard
+  O as HomeAddressCard
 };
 //# sourceMappingURL=HomeAddressCard.js.map

package/dist/components/Employee/HomeAddress/management/HomeAddressCard/HomeAddressCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomeAddressCard.js","sources":["../../../../../../src/components/Employee/HomeAddress/management/HomeAddressCard/HomeAddressCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useHomeAddressSummary } from '../../shared/useHomeAddressSummary'\nimport { Loading } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { getStreet, getCityStateZip } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link HomeAddressCard}.\n *\n * @public\n */\nexport interface HomeAddressCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the card's Manage button is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone employee home address summary card.\n *\n * @remarks\n * Fetches the employee's active home address and renders it alongside a Manage button.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/editRequested` | Manage button clicked | `{ employeeId: string }` |\n *\n * @public\n */\nexport function HomeAddressCard(props: HomeAddressCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.HomeAddress\">\n      <HomeAddressCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction HomeAddressCardContent({ employeeId, onEvent }: HomeAddressCardProps) {\n  useI18n('Employee.Management.HomeAddress')\n  const { t } = useTranslation('Employee.Management.HomeAddress')\n  const Components = useComponentContext()\n\n  const summary = useHomeAddressSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const currentHomeAddress = summary.isLoading ? undefined : summary.data.currentHomeAddress\n\n  const handleManage = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleManage} isDisabled={isLoading}>\n                {t('card.manageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : currentHomeAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text weight=\"medium\">\n                {getStreet(currentHomeAddress).replace(',', '')}\n              </Components.Text>\n              <Components.Text variant=\"supporting\">\n                {getCityStateZip(currentHomeAddress)}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('card.noAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["HomeAddressCard","props","jsx","BaseBoundaries","HomeAddressCardContent","employeeId","onEvent","useI18n","useTranslation","Components","useComponentContext","summary","useHomeAddressSummary","isLoading","currentHomeAddress","handleManage","componentEvents","BaseLayout","Flex","Loading","jsxs","getStreet","getCityStateZip"],"mappings":";;;;;;;;;;AAoCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,KAAe,eAAc,mCAC5B,4BAACC,GAAA,EAAwB,GAAGH,GAAO,EAAA,CACrC;AAEJ;AAEA,SAASG,EAAuB,EAAE,YAAAC,GAAY,SAAAC,KAAiC;AAC7E,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GAEbC,IAAUC,EAAsB,EAAE,YAAAP,GAAY,GAE9CQ,IAAYF,EAAQ,WACpBG,IAAqBH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAElEI,IAAe,MAAM;AACzB,IAAAT,EAAQU,EAAgB,iDAAiD,EAAE,YAAAX,EAAA,CAAY;AAAA,EACzF;AAEA,SACE,gBAAAH,EAACe,GAAA,EAAW,OAAON,EAAQ,cAAc,QACvC,UAAA,gBAAAT;AAAA,IAACO,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAP;AAAA,QAACO,EAAW;AAAA,QAAX;AAAA,UACC,OAAO,EAAE,YAAY;AAAA,UACrB,QACE,gBAAAP,EAACO,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAAc,YAAYF,GACvE,UAAA,EAAE,gBAAgB,EAAA,CACrB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACK,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAL,IACC,gBAAAX,EAACiB,GAAA,EAAQ,IACPL,IACF,gBAAAM,EAACF,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAhB,EAACO,EAAW,MAAX,EAAgB,QAAO,UACrB,UAAAY,EAAUP,CAAkB,EAAE,QAAQ,KAAK,EAAE,EAAA,CAChD;AAAA,QACA,gBAAAZ,EAACO,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAa,EAAgBR,CAAkB,EAAA,CACrC;AAAA,MAAA,GACF,sBAECL,EAAW,MAAX,EAAiB,UAAA,EAAE,gBAAgB,GAAE,EAAA,CAE1C;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"HomeAddressCard.js","sources":["../../../../../../src/components/Employee/HomeAddress/management/HomeAddressCard/HomeAddressCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useHomeAddressSummary } from '../../shared/useHomeAddressSummary'\nimport { Loading } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { getStreet, getCityStateZip } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link HomeAddressCard}.\n *\n * @public\n */\nexport interface HomeAddressCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the card's Manage button is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone employee home address summary card.\n *\n * @remarks\n * Fetches the employee's active home address and renders it alongside a Manage button.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/editRequested` | Manage button clicked | `{ employeeId: string }` |\n *\n * @public\n */\nexport function HomeAddressCard(props: HomeAddressCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.HomeAddress\"\n      LoaderComponent={props.LoaderComponent}\n    >\n      <HomeAddressCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction HomeAddressCardContent({ employeeId, onEvent, LoaderComponent }: HomeAddressCardProps) {\n  useI18n('Employee.Management.HomeAddress')\n  const { t } = useTranslation('Employee.Management.HomeAddress')\n  const Components = useComponentContext()\n\n  const summary = useHomeAddressSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const currentHomeAddress = summary.isLoading ? undefined : summary.data.currentHomeAddress\n\n  const handleManage = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleManage} isDisabled={isLoading}>\n                {t('card.manageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : currentHomeAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text weight=\"medium\">\n                {getStreet(currentHomeAddress).replace(',', '')}\n              </Components.Text>\n              <Components.Text variant=\"supporting\">\n                {getCityStateZip(currentHomeAddress)}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('card.noAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["HomeAddressCard","props","jsx","BaseBoundaries","HomeAddressCardContent","employeeId","onEvent","LoaderComponent","useI18n","useTranslation","Components","useComponentContext","summary","useHomeAddressSummary","isLoading","currentHomeAddress","handleManage","componentEvents","BaseLayout","Flex","Loading","jsxs","getStreet","getCityStateZip"],"mappings":";;;;;;;;;;AAuCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAiBF,EAAM;AAAA,MAEvB,UAAA,gBAAAC,EAACE,GAAA,EAAwB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAASG,EAAuB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAyC;AAC9F,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GAEbC,IAAUC,EAAsB,EAAE,YAAAR,GAAY,GAE9CS,IAAYF,EAAQ,WACpBG,IAAqBH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAElEI,IAAe,MAAM;AACzB,IAAAV,EAAQW,EAAgB,iDAAiD,EAAE,YAAAZ,EAAA,CAAY;AAAA,EACzF;AAEA,2BACGa,GAAA,EAAW,OAAON,EAAQ,cAAc,QAAQ,iBAAAL,GAC/C,UAAA,gBAAAL;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAO,EAAE,YAAY;AAAA,UACrB,QACE,gBAAAR,EAACQ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAAc,YAAYF,GACvE,UAAA,EAAE,gBAAgB,EAAA,CACrB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACK,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAL,IACC,gBAAAZ,EAACkB,GAAA,EAAQ,IACPL,IACF,gBAAAM,EAACF,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAjB,EAACQ,EAAW,MAAX,EAAgB,QAAO,UACrB,UAAAY,EAAUP,CAAkB,EAAE,QAAQ,KAAK,EAAE,EAAA,CAChD;AAAA,QACA,gBAAAb,EAACQ,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAa,EAAgBR,CAAkB,EAAA,CACrC;AAAA,MAAA,GACF,sBAECL,EAAW,MAAX,EAAiB,UAAA,EAAE,gBAAgB,GAAE,EAAA,CAE1C;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/HomeAddress/management/HomeAddressComponents.js

@@ -1,18 +1,32 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { HomeAddressEditForm as d } from "./HomeAddressEditForm.js";
-import { useFlow as t } from "../../../Flow/useFlow.js";
-import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
-import { HomeAddressCard as n } from "./HomeAddressCard/HomeAddressCard.js";
-function l() {
-  const { employeeId: e, onEvent: o } = t();
-  return /* @__PURE__ */ r(n, { employeeId: m(e), onEvent: o });
-}
+import { useFlow as m } from "../../../Flow/useFlow.js";
+import { ensureRequired as n } from "../../../../helpers/ensureRequired.js";
+import { HomeAddressCard as p } from "./HomeAddressCard/HomeAddressCard.js";
 function a() {
-  const { employeeId: e, onEvent: o } = t();
-  return /* @__PURE__ */ r(d, { employeeId: m(e), onEvent: o });
+  const { employeeId: o, onEvent: e, LoaderComponent: r } = m();
+  return /* @__PURE__ */ t(
+    p,
+    {
+      employeeId: n(o),
+      onEvent: e,
+      LoaderComponent: r
+    }
+  );
+}
+function C() {
+  const { employeeId: o, onEvent: e, LoaderComponent: r } = m();
+  return /* @__PURE__ */ t(
+    d,
+    {
+      employeeId: n(o),
+      onEvent: e,
+      LoaderComponent: r
+    }
+  );
 }
 export {
-  l as CardContextual,
-  a as HomeAddressEditFormContextual
+  a as CardContextual,
+  C as HomeAddressEditFormContextual
 };
 //# sourceMappingURL=HomeAddressComponents.js.map

package/dist/components/Employee/HomeAddress/management/HomeAddressComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomeAddressComponents.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddressComponents.tsx"],"sourcesContent":["import { HomeAddressCard } from './HomeAddressCard'\nimport { HomeAddressEditForm } from './HomeAddressEditForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface HomeAddressContextInterface extends FlowContextInterface {\n  employeeId?: string\n}\n\n/** @internal */\nexport function CardContextual() {\n  const { employeeId, onEvent } = useFlow<HomeAddressContextInterface>()\n  return <HomeAddressCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function HomeAddressEditFormContextual() {\n  const { employeeId, onEvent } = useFlow<HomeAddressContextInterface>()\n  return <HomeAddressEditForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["CardContextual","employeeId","onEvent","useFlow","HomeAddressCard","ensureRequired","HomeAddressEditFormContextual","HomeAddressEditForm"],"mappings":";;;;;AAWO,SAASA,IAAiB;AAC/B,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAgB,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AACpF;AAGO,SAASI,IAAgC;AAC9C,QAAM,EAAE,YAAAL,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQI,GAAA,EAAoB,YAAYF,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AACxF;"}
+{"version":3,"file":"HomeAddressComponents.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddressComponents.tsx"],"sourcesContent":["import { HomeAddressCard } from './HomeAddressCard'\nimport { HomeAddressEditForm } from './HomeAddressEditForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface HomeAddressContextInterface extends FlowContextInterface {\n  employeeId?: string\n}\n\n/** @internal */\nexport function CardContextual() {\n  const { employeeId, onEvent, LoaderComponent } = useFlow<HomeAddressContextInterface>()\n  return (\n    <HomeAddressCard\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n\n/** @internal */\nexport function HomeAddressEditFormContextual() {\n  const { employeeId, onEvent, LoaderComponent } = useFlow<HomeAddressContextInterface>()\n  return (\n    <HomeAddressEditForm\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["CardContextual","employeeId","onEvent","LoaderComponent","useFlow","jsx","HomeAddressCard","ensureRequired","HomeAddressEditFormContextual","HomeAddressEditForm"],"mappings":";;;;;AAWO,SAASA,IAAiB;AAC/B,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,EAAA,IAAoBC,EAAA;AACjD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYC,EAAeN,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAAgC;AAC9C,QAAM,EAAE,YAAAP,GAAY,SAAAC,GAAS,iBAAAC,EAAA,IAAoBC,EAAA;AACjD,SACE,gBAAAC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,YAAYF,EAAeN,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/HomeAddress/management/HomeAddressEditForm.d.ts

@@ -21,4 +21,4 @@ export interface HomeAddressEditFormProps extends BaseComponentInterface<'Employ
  *
  * @public
  */
-export declare function HomeAddressEditForm({ FallbackComponent, ...props }: HomeAddressEditFormProps): import("react").JSX.Element;
+export declare function HomeAddressEditForm({ FallbackComponent, LoaderComponent, ...props }: HomeAddressEditFormProps): import("react").JSX.Element;

package/dist/components/Employee/HomeAddress/management/HomeAddressEditForm.js

@@ -1,21 +1,33 @@
-import { jsx as o } from "react/jsx-runtime";
-import { HomeAddressView as i } from "./HomeAddressView.js";
-import { useHomeAddressManagement as E, isUseHomeAddressManagementSuccess as A } from "./useHomeAddressManagement.js";
-import { BaseBoundaries as H, BaseLayout as m } from "../../../Base/Base.js";
-import { useI18n as p, useComponentDictionary as c } from "../../../../i18n/I18n.js";
-import { componentEvents as a } from "../../../../shared/constants.js";
-function g({ employeeId: d, onEvent: r, dictionary: t }) {
-  p("Employee.Management.HomeAddress"), c("Employee.Management.HomeAddress", t);
-  const e = E({ employeeId: d, onEvent: r });
+import { jsx as s } from "react/jsx-runtime";
+import { HomeAddressView as E } from "./HomeAddressView.js";
+import { useHomeAddressManagement as A, isUseHomeAddressManagementSuccess as H } from "./useHomeAddressManagement.js";
+import { BaseBoundaries as c, BaseLayout as t } from "../../../Base/Base.js";
+import { useI18n as g, useComponentDictionary as l } from "../../../../i18n/I18n.js";
+import { componentEvents as i } from "../../../../shared/constants.js";
+function D({
+  employeeId: d,
+  onEvent: r,
+  dictionary: o,
+  LoaderComponent: m
+}) {
+  g("Employee.Management.HomeAddress"), l("Employee.Management.HomeAddress", o);
+  const e = A({ employeeId: d, onEvent: r });
   if (e.isLoading)
-    return /* @__PURE__ */ o(m, { isLoading: !0, error: e.errorHandling.errors });
-  if (!A(e))
-    return /* @__PURE__ */ o(m, { error: e.errorHandling.errors });
-  const n = (s) => {
-    s.mode === "create" ? r(a.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_CREATED, s.data) : r(a.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_UPDATED, s.data);
+    return /* @__PURE__ */ s(
+      t,
+      {
+        isLoading: !0,
+        error: e.errorHandling.errors,
+        LoaderComponent: m
+      }
+    );
+  if (!H(e))
+    return /* @__PURE__ */ s(t, { error: e.errorHandling.errors, LoaderComponent: m });
+  const n = (a) => {
+    a.mode === "create" ? r(i.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_CREATED, a.data) : r(i.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_UPDATED, a.data);
   };
-  return /* @__PURE__ */ o(m, { error: e.errorHandling.errors, children: /* @__PURE__ */ o(
-    i,
+  return /* @__PURE__ */ s(t, { error: e.errorHandling.errors, LoaderComponent: m, children: /* @__PURE__ */ s(
+    E,
     {
       editHomeAddressForm: e.data.editHomeAddressForm,
       createHomeAddressForm: e.data.createHomeAddressForm,
@@ -26,23 +38,28 @@ function g({ employeeId: d, onEvent: r, dictionary: t }) {
       onSaved: n,
       onConfirmDelete: e.actions.confirmDeleteHomeAddress,
       onBack: () => {
-        r(a.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_CANCELLED);
+        r(i.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_CANCELLED);
       },
       isDeletePending: e.status.isDeletePending
     }
   ) });
 }
-function y({ FallbackComponent: d, ...r }) {
-  return /* @__PURE__ */ o(
-    H,
+function N({
+  FallbackComponent: d,
+  LoaderComponent: r,
+  ...o
+}) {
+  return /* @__PURE__ */ s(
+    c,
     {
       componentName: "Employee.Management.HomeAddress",
       FallbackComponent: d,
-      children: /* @__PURE__ */ o(g, { ...r })
+      LoaderComponent: r,
+      children: /* @__PURE__ */ s(D, { LoaderComponent: r, ...o })
     }
   );
 }
 export {
-  y as HomeAddressEditForm
+  N as HomeAddressEditForm
 };
 //# sourceMappingURL=HomeAddressEditForm.js.map

package/dist/components/Employee/HomeAddress/management/HomeAddressEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomeAddressEditForm.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddressEditForm.tsx"],"sourcesContent":["import type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { HomeAddressView } from './HomeAddressView'\nimport {\n  isUseHomeAddressManagementSuccess,\n  useHomeAddressManagement,\n} from './useHomeAddressManagement'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport type { HookSubmitResult } from '@/partner-hook-utils/types'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link HomeAddressEditForm}.\n *\n * @public\n */\nexport interface HomeAddressEditFormProps extends BaseComponentInterface<'Employee.Management.HomeAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction HomeAddressEditFormRoot({ employeeId, onEvent, dictionary }: HomeAddressEditFormProps) {\n  useI18n('Employee.Management.HomeAddress')\n  useComponentDictionary('Employee.Management.HomeAddress', dictionary)\n\n  const management = useHomeAddressManagement({ employeeId, onEvent })\n\n  if (management.isLoading) {\n    return <BaseLayout isLoading error={management.errorHandling.errors} />\n  }\n\n  if (!isUseHomeAddressManagementSuccess(management)) {\n    return <BaseLayout error={management.errorHandling.errors} />\n  }\n\n  const handleSaved = (result: HookSubmitResult<EmployeeAddress>) => {\n    if (result.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_CREATED, result.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_UPDATED, result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={management.errorHandling.errors}>\n      <HomeAddressView\n        editHomeAddressForm={management.data.editHomeAddressForm}\n        createHomeAddressForm={management.data.createHomeAddressForm}\n        employeeHomeAddresses={management.data.employeeHomeAddresses}\n        employeeDisplayName={management.data.employeeDisplayName}\n        editingHomeAddressUuid={management.data.editingHomeAddressUuid}\n        onEditAddressTargetChange={management.actions.setEditAddressTarget}\n        onSaved={handleSaved}\n        onConfirmDelete={management.actions.confirmDeleteHomeAddress}\n        onBack={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_CANCELLED)\n        }}\n        isDeletePending={management.status.isDeletePending}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Standalone employee home address edit form for creating, updating, and deleting addresses.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/created` | A new home address was created | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/updated` | An existing home address was updated | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/deleted` | A home address was deleted | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/editCancelled` | User backed out of the edit form | — |\n *\n * @public\n */\nexport function HomeAddressEditForm({ FallbackComponent, ...props }: HomeAddressEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.HomeAddress\"\n      FallbackComponent={FallbackComponent}\n    >\n      <HomeAddressEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["HomeAddressEditFormRoot","employeeId","onEvent","dictionary","useI18n","useComponentDictionary","management","useHomeAddressManagement","BaseLayout","isUseHomeAddressManagementSuccess","jsx","handleSaved","result","componentEvents","HomeAddressView","HomeAddressEditForm","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAqBA,SAASA,EAAwB,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,KAAwC;AAC9F,EAAAC,EAAQ,iCAAiC,GACzCC,EAAuB,mCAAmCF,CAAU;AAEpE,QAAMG,IAAaC,EAAyB,EAAE,YAAAN,GAAY,SAAAC,GAAS;AAEnE,MAAII,EAAW;AACb,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAW,cAAc,QAAQ;AAGvE,MAAI,CAACG,EAAkCH,CAAU;AAC/C,WAAO,gBAAAI,EAACF,GAAA,EAAW,OAAOF,EAAW,cAAc,QAAQ;AAG7D,QAAMK,IAAc,CAACC,MAA8C;AACjE,IAAIA,EAAO,SAAS,WAClBV,EAAQW,EAAgB,0CAA0CD,EAAO,IAAI,IAE7EV,EAAQW,EAAgB,0CAA0CD,EAAO,IAAI;AAAA,EAEjF;AAEA,SACE,gBAAAF,EAACF,GAAA,EAAW,OAAOF,EAAW,cAAc,QAC1C,UAAA,gBAAAI;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,qBAAqBR,EAAW,KAAK;AAAA,MACrC,uBAAuBA,EAAW,KAAK;AAAA,MACvC,uBAAuBA,EAAW,KAAK;AAAA,MACvC,qBAAqBA,EAAW,KAAK;AAAA,MACrC,wBAAwBA,EAAW,KAAK;AAAA,MACxC,2BAA2BA,EAAW,QAAQ;AAAA,MAC9C,SAASK;AAAA,MACT,iBAAiBL,EAAW,QAAQ;AAAA,MACpC,QAAQ,MAAM;AACZ,QAAAJ,EAAQW,EAAgB,+CAA+C;AAAA,MACzE;AAAA,MACA,iBAAiBP,EAAW,OAAO;AAAA,IAAA;AAAA,EAAA,GAEvC;AAEJ;AAeO,SAASS,EAAoB,EAAE,mBAAAC,GAAmB,GAAGC,KAAmC;AAC7F,SACE,gBAAAP;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MAEA,UAAA,gBAAAN,EAACV,GAAA,EAAyB,GAAGiB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG1C;"}
+{"version":3,"file":"HomeAddressEditForm.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddressEditForm.tsx"],"sourcesContent":["import type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { HomeAddressView } from './HomeAddressView'\nimport {\n  isUseHomeAddressManagementSuccess,\n  useHomeAddressManagement,\n} from './useHomeAddressManagement'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport type { HookSubmitResult } from '@/partner-hook-utils/types'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link HomeAddressEditForm}.\n *\n * @public\n */\nexport interface HomeAddressEditFormProps extends BaseComponentInterface<'Employee.Management.HomeAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction HomeAddressEditFormRoot({\n  employeeId,\n  onEvent,\n  dictionary,\n  LoaderComponent,\n}: HomeAddressEditFormProps) {\n  useI18n('Employee.Management.HomeAddress')\n  useComponentDictionary('Employee.Management.HomeAddress', dictionary)\n\n  const management = useHomeAddressManagement({ employeeId, onEvent })\n\n  if (management.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={management.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  if (!isUseHomeAddressManagementSuccess(management)) {\n    return <BaseLayout error={management.errorHandling.errors} LoaderComponent={LoaderComponent} />\n  }\n\n  const handleSaved = (result: HookSubmitResult<EmployeeAddress>) => {\n    if (result.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_CREATED, result.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_UPDATED, result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={management.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <HomeAddressView\n        editHomeAddressForm={management.data.editHomeAddressForm}\n        createHomeAddressForm={management.data.createHomeAddressForm}\n        employeeHomeAddresses={management.data.employeeHomeAddresses}\n        employeeDisplayName={management.data.employeeDisplayName}\n        editingHomeAddressUuid={management.data.editingHomeAddressUuid}\n        onEditAddressTargetChange={management.actions.setEditAddressTarget}\n        onSaved={handleSaved}\n        onConfirmDelete={management.actions.confirmDeleteHomeAddress}\n        onBack={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_CANCELLED)\n        }}\n        isDeletePending={management.status.isDeletePending}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Standalone employee home address edit form for creating, updating, and deleting addresses.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/created` | A new home address was created | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/updated` | An existing home address was updated | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/deleted` | A home address was deleted | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/editCancelled` | User backed out of the edit form | — |\n *\n * @public\n */\nexport function HomeAddressEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: HomeAddressEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.HomeAddress\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <HomeAddressEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["HomeAddressEditFormRoot","employeeId","onEvent","dictionary","LoaderComponent","useI18n","useComponentDictionary","management","useHomeAddressManagement","jsx","BaseLayout","isUseHomeAddressManagementSuccess","handleSaved","result","componentEvents","HomeAddressView","HomeAddressEditForm","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAqBA,SAASA,EAAwB;AAAA,EAC/B,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACF,GAA6B;AAC3B,EAAAC,EAAQ,iCAAiC,GACzCC,EAAuB,mCAAmCH,CAAU;AAEpE,QAAMI,IAAaC,EAAyB,EAAE,YAAAP,GAAY,SAAAC,GAAS;AAEnE,MAAIK,EAAW;AACb,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOH,EAAW,cAAc;AAAA,QAChC,iBAAAH;AAAA,MAAA;AAAA,IAAA;AAKN,MAAI,CAACO,EAAkCJ,CAAU;AAC/C,6BAAQG,GAAA,EAAW,OAAOH,EAAW,cAAc,QAAQ,iBAAAH,GAAkC;AAG/F,QAAMQ,IAAc,CAACC,MAA8C;AACjE,IAAIA,EAAO,SAAS,WAClBX,EAAQY,EAAgB,0CAA0CD,EAAO,IAAI,IAE7EX,EAAQY,EAAgB,0CAA0CD,EAAO,IAAI;AAAA,EAEjF;AAEA,2BACGH,GAAA,EAAW,OAAOH,EAAW,cAAc,QAAQ,iBAAAH,GAClD,UAAA,gBAAAK;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,qBAAqBR,EAAW,KAAK;AAAA,MACrC,uBAAuBA,EAAW,KAAK;AAAA,MACvC,uBAAuBA,EAAW,KAAK;AAAA,MACvC,qBAAqBA,EAAW,KAAK;AAAA,MACrC,wBAAwBA,EAAW,KAAK;AAAA,MACxC,2BAA2BA,EAAW,QAAQ;AAAA,MAC9C,SAASK;AAAA,MACT,iBAAiBL,EAAW,QAAQ;AAAA,MACpC,QAAQ,MAAM;AACZ,QAAAL,EAAQY,EAAgB,+CAA+C;AAAA,MACzE;AAAA,MACA,iBAAiBP,EAAW,OAAO;AAAA,IAAA;AAAA,EAAA,GAEvC;AAEJ;AAeO,SAASS,EAAoB;AAAA,EAClC,mBAAAC;AAAA,EACA,iBAAAb;AAAA,EACA,GAAGc;AACL,GAA6B;AAC3B,SACE,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAAb;AAAA,MAEA,UAAA,gBAAAK,EAACT,GAAA,EAAwB,iBAAAI,GAAmC,GAAGc,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG5E;"}

package/dist/components/Employee/PaymentMethod/management/PaymentMethod.d.ts

@@ -43,4 +43,4 @@ export interface PaymentMethodProps extends BaseComponentInterface<'Employee.Man
  * }
  * ```
  */
-export declare function PaymentMethod({ dictionary, FallbackComponent, ...props }: PaymentMethodProps): import("react").JSX.Element;
+export declare function PaymentMethod({ dictionary, FallbackComponent, LoaderComponent, ...props }: PaymentMethodProps): import("react").JSX.Element;

package/dist/components/Employee/PaymentMethod/management/PaymentMethod.js

@@ -1,46 +1,54 @@
 import { jsx as n } from "react/jsx-runtime";
-import { createMachine as M } from "robot3";
-import { useMemo as c } from "react";
-import { PaymentMethodBankFormContextual as u, PaymentMethodSplitFormContextual as h, PaymentMethodCardContextual as i } from "./PaymentMethodComponents.js";
-import { paymentMethodStateMachine as d } from "./paymentMethodStateMachine.js";
-import { Flow as l } from "../../../Flow/Flow.js";
-import { BaseBoundaries as s } from "../../../Base/Base.js";
+import { createMachine as c } from "robot3";
+import { useMemo as u } from "react";
+import { PaymentMethodBankFormContextual as h, PaymentMethodSplitFormContextual as i, PaymentMethodCardContextual as l } from "./PaymentMethodComponents.js";
+import { paymentMethodStateMachine as s } from "./paymentMethodStateMachine.js";
+import { Flow as y } from "../../../Flow/Flow.js";
+import { BaseBoundaries as d } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useComponentDictionary as y, useI18n as f } from "../../../../i18n/I18n.js";
-function P({
-  employeeId: o,
-  isAdmin: t = !0,
+import { useComponentDictionary as f, useI18n as P } from "../../../../i18n/I18n.js";
+function x({
+  employeeId: t,
+  isAdmin: o = !0,
   initialState: e = "list",
-  onEvent: r
+  onEvent: m,
+  LoaderComponent: r
 }) {
-  f("Employee.Management.PaymentMethod");
-  const m = e === "add" ? u : e === "split" ? h : i, a = c(
-    () => M(
+  P("Employee.Management.PaymentMethod");
+  const a = e === "add" ? h : e === "split" ? i : l, p = u(
+    () => c(
       e,
-      d,
-      (p) => ({
-        ...p,
-        component: m,
-        employeeId: o,
-        isAdmin: t,
-        successAlert: null
+      s,
+      (M) => ({
+        ...M,
+        component: a,
+        employeeId: t,
+        isAdmin: o,
+        successAlert: null,
+        LoaderComponent: r
       })
     ),
-    [o, t, e, m]
+    [t, o, e, a, r]
   );
-  return /* @__PURE__ */ n(l, { machine: a, onEvent: r });
+  return /* @__PURE__ */ n(y, { machine: p, onEvent: m });
 }
-function D({ dictionary: o, FallbackComponent: t, ...e }) {
-  return y("Employee.Management.PaymentMethod", o), /* @__PURE__ */ n(
-    s,
+function N({
+  dictionary: t,
+  FallbackComponent: o,
+  LoaderComponent: e,
+  ...m
+}) {
+  return f("Employee.Management.PaymentMethod", t), /* @__PURE__ */ n(
+    d,
     {
       componentName: "Employee.Management.PaymentMethod",
-      FallbackComponent: t,
-      children: /* @__PURE__ */ n(P, { ...e })
+      FallbackComponent: o,
+      LoaderComponent: e,
+      children: /* @__PURE__ */ n(x, { LoaderComponent: e, ...m })
     }
   );
 }
 export {
-  D as PaymentMethod
+  N as PaymentMethod
 };
 //# sourceMappingURL=PaymentMethod.js.map

package/dist/components/Employee/PaymentMethod/management/PaymentMethod.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethod.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport {\n  PaymentMethodCardContextual,\n  PaymentMethodBankFormContextual,\n  PaymentMethodSplitFormContextual,\n} from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends BaseComponentInterface<'Employee.Management.PaymentMethod'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Not used — payment method management edits live data. */\n  defaultValues?: never\n  /** Whether the current viewer is an admin. Defaults to `true`. */\n  isAdmin?: boolean\n  /** Step to render first: the list card, the add-account form, or the split-paycheck form. Defaults to `'list'`. */\n  initialState?: 'list' | 'add' | 'split'\n}\n\nfunction PaymentMethodFlow({\n  employeeId,\n  isAdmin = true,\n  initialState = 'list',\n  onEvent,\n}: PaymentMethodProps) {\n  useI18n('Employee.Management.PaymentMethod')\n\n  const initialComponent =\n    initialState === 'add'\n      ? PaymentMethodBankFormContextual\n      : initialState === 'split'\n        ? PaymentMethodSplitFormContextual\n        : PaymentMethodCardContextual\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        paymentMethodStateMachine,\n        (ctx: PaymentMethodContextInterface) => ({\n          ...ctx,\n          component: initialComponent,\n          employeeId,\n          isAdmin,\n          successAlert: null,\n        }),\n      ),\n    [employeeId, isAdmin, initialState, initialComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management flow for editing an employee's payment method.\n *\n * @remarks\n * Orchestrates the list card, add-bank-account form, and split-paycheck form\n * for an existing employee. Routes between steps based on user actions\n * starting from `initialState`. Composed of the smaller standalone components\n * ({@link PaymentMethodCard}, {@link PaymentMethodBankForm},\n * {@link PaymentMethodSplitForm}) which can also be used directly when an\n * orchestrator other than this flow is needed.\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The payment method management flow.\n * @public\n *\n * @example\n * ```tsx\n * import { EmployeeManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeManagement.PaymentMethod\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({ dictionary, FallbackComponent, ...props }: PaymentMethodProps) {\n  useComponentDictionary('Employee.Management.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.PaymentMethod\"\n      FallbackComponent={FallbackComponent}\n    >\n      <PaymentMethodFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["PaymentMethodFlow","employeeId","isAdmin","initialState","onEvent","useI18n","initialComponent","PaymentMethodBankFormContextual","PaymentMethodSplitFormContextual","PaymentMethodCardContextual","machine","useMemo","createMachine","paymentMethodStateMachine","ctx","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA8BA,SAASA,EAAkB;AAAA,EACzB,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,SAAAC;AACF,GAAuB;AACrB,EAAAC,EAAQ,mCAAmC;AAE3C,QAAMC,IACJH,MAAiB,QACbI,IACAJ,MAAiB,UACfK,IACAC,GAEFC,IAAUC;AAAA,IACd,MACEC;AAAA,MACET;AAAA,MACAU;AAAA,MACA,CAACC,OAAwC;AAAA,QACvC,GAAGA;AAAA,QACH,WAAWR;AAAA,QACX,YAAAL;AAAA,QACA,SAAAC;AAAA,QACA,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,IAEJ,CAACD,GAAYC,GAASC,GAAcG,CAAgB;AAAA,EAAA;AAGtD,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAN,GAAkB,SAAAN,EAAA,CAAkB;AACnD;AA+BO,SAASa,EAAc,EAAE,YAAAC,GAAY,mBAAAC,GAAmB,GAAGC,KAA6B;AAC7F,SAAAC,EAAuB,qCAAqCH,CAAU,GAEpE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACf,GAAA,EAAmB,GAAGoB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGpC;"}
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethod.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport {\n  PaymentMethodCardContextual,\n  PaymentMethodBankFormContextual,\n  PaymentMethodSplitFormContextual,\n} from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends BaseComponentInterface<'Employee.Management.PaymentMethod'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Not used — payment method management edits live data. */\n  defaultValues?: never\n  /** Whether the current viewer is an admin. Defaults to `true`. */\n  isAdmin?: boolean\n  /** Step to render first: the list card, the add-account form, or the split-paycheck form. Defaults to `'list'`. */\n  initialState?: 'list' | 'add' | 'split'\n}\n\nfunction PaymentMethodFlow({\n  employeeId,\n  isAdmin = true,\n  initialState = 'list',\n  onEvent,\n  LoaderComponent,\n}: PaymentMethodProps) {\n  useI18n('Employee.Management.PaymentMethod')\n\n  const initialComponent =\n    initialState === 'add'\n      ? PaymentMethodBankFormContextual\n      : initialState === 'split'\n        ? PaymentMethodSplitFormContextual\n        : PaymentMethodCardContextual\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        paymentMethodStateMachine,\n        (ctx: PaymentMethodContextInterface) => ({\n          ...ctx,\n          component: initialComponent,\n          employeeId,\n          isAdmin,\n          successAlert: null,\n          LoaderComponent,\n        }),\n      ),\n    [employeeId, isAdmin, initialState, initialComponent, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management flow for editing an employee's payment method.\n *\n * @remarks\n * Orchestrates the list card, add-bank-account form, and split-paycheck form\n * for an existing employee. Routes between steps based on user actions\n * starting from `initialState`. Composed of the smaller standalone components\n * ({@link PaymentMethodCard}, {@link PaymentMethodBankForm},\n * {@link PaymentMethodSplitForm}) which can also be used directly when an\n * orchestrator other than this flow is needed.\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The payment method management flow.\n * @public\n *\n * @example\n * ```tsx\n * import { EmployeeManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeManagement.PaymentMethod\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: PaymentMethodProps) {\n  useComponentDictionary('Employee.Management.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.PaymentMethod\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <PaymentMethodFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["PaymentMethodFlow","employeeId","isAdmin","initialState","onEvent","LoaderComponent","useI18n","initialComponent","PaymentMethodBankFormContextual","PaymentMethodSplitFormContextual","PaymentMethodCardContextual","machine","useMemo","createMachine","paymentMethodStateMachine","ctx","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA8BA,SAASA,EAAkB;AAAA,EACzB,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,iBAAAC;AACF,GAAuB;AACrB,EAAAC,EAAQ,mCAAmC;AAE3C,QAAMC,IACJJ,MAAiB,QACbK,IACAL,MAAiB,UACfM,IACAC,GAEFC,IAAUC;AAAA,IACd,MACEC;AAAA,MACEV;AAAA,MACAW;AAAA,MACA,CAACC,OAAwC;AAAA,QACvC,GAAGA;AAAA,QACH,WAAWR;AAAA,QACX,YAAAN;AAAA,QACA,SAAAC;AAAA,QACA,cAAc;AAAA,QACd,iBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACJ,GAAYC,GAASC,GAAcI,GAAkBF,CAAe;AAAA,EAAA;AAGvE,SAAO,gBAAAW,EAACC,GAAA,EAAK,SAAAN,GAAkB,SAAAP,EAAA,CAAkB;AACnD;AA+BO,SAASc,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAf;AAAA,EACA,GAAGgB;AACL,GAAuB;AACrB,SAAAC,EAAuB,qCAAqCH,CAAU,GAEpE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAf;AAAA,MAEA,UAAA,gBAAAW,EAAChB,GAAA,EAAkB,iBAAAK,GAAmC,GAAGgB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGtE;"}

package/dist/components/Employee/PaymentMethod/management/PaymentMethodCard.d.ts

@@ -1,5 +1,6 @@
 import { EventType } from '../../../../shared/constants';
 import { OnEventType } from '../../../Base/useBase';
+import { LoaderComponentType } from '../../../Base';
 /**
  * Props for {@link PaymentMethodCard}.
  *
@@ -10,6 +11,8 @@ export interface PaymentMethodCardProps {
     employeeId: string;
     /** Event handler fired on card interactions. */
     onEvent: OnEventType<EventType, unknown>;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
 }
 /**
  * Standalone "Payment" card.
@@ -31,4 +34,4 @@ export interface PaymentMethodCardProps {
  * @returns The "Payment" card.
  * @public
  */
-export declare function PaymentMethodCard(props: PaymentMethodCardProps): import("react").JSX.Element;
+export declare function PaymentMethodCard({ LoaderComponent, ...props }: PaymentMethodCardProps): import("react").JSX.Element;