@gusto/embedded-react-sdk 0.53.0 → 0.54.1-rc.1

package/dist/components/Contractor/Dashboard/Dashboard.d.ts

@@ -0,0 +1,30 @@
+import { BaseComponentInterface } from '../../Base/Base';
+/** @public */
+export type DashboardTab = 'details' | 'pay' | 'documents';
+/** @public */
+export interface DashboardProps extends BaseComponentInterface<'Contractor.Dashboard'> {
+    /** The associated contractor identifier. */
+    contractorId: string;
+    /** The currently active tab. Defaults to `'details'` when uncontrolled. */
+    selectedTab?: DashboardTab;
+}
+/**
+ * Contractor management dashboard summarizing a single contractor's basic details, pay, and documents.
+ *
+ * @remarks
+ * Renders a tabbed overview of the contractor, wrapped in the SDK's standard error and suspense
+ * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which
+ * case it defaults to details. Each tab composes the read-only section cards listed below.
+ *
+ * @components
+ * - {@link ProfileCard}
+ * - {@link AddressCard}
+ * - {@link PaymentMethodCard}
+ * - {@link CompensationCard}
+ * - {@link DocumentsCard}
+ *
+ * @param props - Component props. See {@link DashboardProps}.
+ * @returns A React element rendering the contractor dashboard.
+ * @public
+ */
+export declare function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps): import("react").JSX.Element;

package/dist/components/Contractor/Dashboard/Dashboard.js

@@ -0,0 +1,80 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { useState as D, Suspense as T } from "react";
+import { useTranslation as d } from "react-i18next";
+import { useContractorsGetSuspense as x } from "@gusto/embedded-api/react-query/contractorsGet";
+import { DetailsView as N } from "./DetailsView.js";
+import { PayView as g } from "./PayView.js";
+import { Flex as l } from "../../Common/Flex/Flex.js";
+import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { BaseBoundaries as S } from "../../Base/Base.js";
+import { useI18n as R, useComponentDictionary as y } from "../../../i18n/I18n.js";
+import { componentEvents as A, CONTRACTOR_TYPE as B } from "../../../shared/constants.js";
+import { firstLastName as _ } from "../../../helpers/formattedStrings.js";
+import { DocumentsCard as O } from "../Documents/management/DocumentsCard/DocumentsCard.js";
+function H({
+  contractorId: e,
+  dictionary: n,
+  onEvent: o,
+  selectedTab: a,
+  LoaderComponent: c
+}) {
+  R("Contractor.Dashboard"), y("Contractor.Dashboard", n);
+  const { t: r } = d("Contractor.Dashboard"), u = p(), [b, f] = D("details"), s = a ?? b, h = [
+    { id: "details", label: r("tabs.details"), content: null },
+    { id: "pay", label: r("tabs.pay"), content: null },
+    { id: "documents", label: r("tabs.documents"), content: null }
+  ];
+  return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ t(T, { fallback: null, children: /* @__PURE__ */ t(j, { contractorId: e }) }),
+    /* @__PURE__ */ i(l, { flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ t(
+        u.Tabs,
+        {
+          tabs: h,
+          selectedId: s,
+          onSelectionChange: (C) => {
+            const m = C;
+            f(m), o(A.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: m });
+          },
+          "aria-label": r("tabsLabel")
+        }
+      ),
+      /* @__PURE__ */ i(l, { flexDirection: "column", gap: 24, children: [
+        s === "details" && /* @__PURE__ */ t(N, { contractorId: e, onEvent: o }),
+        s === "pay" && /* @__PURE__ */ t(g, { contractorId: e, onEvent: o }),
+        s === "documents" && /* @__PURE__ */ t(
+          O,
+          {
+            contractorId: e,
+            onEvent: o,
+            LoaderComponent: c
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function j({ contractorId: e }) {
+  const { t: n } = d("Contractor.Dashboard"), o = p(), {
+    data: { contractor: a }
+  } = x({ contractorUuid: e }), c = a?.type === B.BUSINESS, r = a ? c ? a.businessName : _({ first_name: a.firstName, last_name: a.lastName }) : void 0;
+  return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 4, children: [
+    /* @__PURE__ */ t(o.Heading, { as: "h2", children: r }),
+    /* @__PURE__ */ t(o.Text, { variant: "supporting", children: n("contractorRoleLabel") })
+  ] });
+}
+function z({ FallbackComponent: e, LoaderComponent: n, ...o }) {
+  return /* @__PURE__ */ t(
+    S,
+    {
+      componentName: "Contractor.Dashboard",
+      FallbackComponent: e,
+      LoaderComponent: n,
+      children: /* @__PURE__ */ t(H, { LoaderComponent: n, ...o })
+    }
+  );
+}
+export {
+  z as Dashboard
+};
+//# sourceMappingURL=Dashboard.js.map

package/dist/components/Contractor/Dashboard/Dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Contractor/Dashboard/Dashboard.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { DetailsView } from './DetailsView'\nimport { PayView } from './PayView'\nimport { DocumentsCard } from '@/components/Contractor/Documents/management/DocumentsCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/** @public */\nexport type DashboardTab = 'details' | 'pay' | 'documents'\n\n/** @public */\nexport interface DashboardProps extends BaseComponentInterface<'Contractor.Dashboard'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** The currently active tab. Defaults to `'details'` when uncontrolled. */\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  contractorId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\n  LoaderComponent,\n}: DashboardProps) {\n  useI18n('Contractor.Dashboard')\n  useComponentDictionary('Contractor.Dashboard', dictionary)\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const [internalTab, setInternalTab] = useState<DashboardTab>('details')\n  const selectedTab = controlledTab ?? internalTab\n\n  const tabs = [\n    { id: 'details' as const, label: t('tabs.details'), content: null },\n    { id: 'pay' as const, label: t('tabs.pay'), content: null },\n    { id: 'documents' as const, label: t('tabs.documents'), content: null },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Suspense fallback={null}>\n        <DashboardHeader contractorId={contractorId} />\n      </Suspense>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            const next = id as DashboardTab\n            setInternalTab(next)\n            onEvent(componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: next })\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'details' && (\n            <DetailsView contractorId={contractorId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'pay' && <PayView contractorId={contractorId} onEvent={onEvent} />}\n\n          {selectedTab === 'documents' && (\n            <DocumentsCard\n              contractorId={contractorId}\n              onEvent={onEvent}\n              LoaderComponent={LoaderComponent}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nfunction DashboardHeader({ contractorId }: { contractorId: string }) {\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n\n  const isBusiness = contractor?.type === CONTRACTOR_TYPE.BUSINESS\n  const legalName = contractor\n    ? isBusiness\n      ? contractor.businessName\n      : firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName })\n    : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{legalName}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('contractorRoleLabel')}</Components.Text>\n    </Flex>\n  )\n}\n\n/**\n * Contractor management dashboard summarizing a single contractor's basic details, pay, and documents.\n *\n * @remarks\n * Renders a tabbed overview of the contractor, wrapped in the SDK's standard error and suspense\n * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which\n * case it defaults to details. Each tab composes the read-only section cards listed below.\n *\n * @components\n * - {@link ProfileCard}\n * - {@link AddressCard}\n * - {@link PaymentMethodCard}\n * - {@link CompensationCard}\n * - {@link DocumentsCard}\n *\n * @param props - Component props. See {@link DashboardProps}.\n * @returns A React element rendering the contractor dashboard.\n * @public\n */\nexport function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Dashboard\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DashboardRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","contractorId","dictionary","onEvent","controlledTab","LoaderComponent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","tabs","jsxs","Flex","jsx","Suspense","DashboardHeader","id","next","componentEvents","DetailsView","PayView","DocumentsCard","contractor","useContractorsGetSuspense","isBusiness","CONTRACTOR_TYPE","legalName","firstLastName","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;;;;;;;;AAwBA,SAASA,EAAc;AAAA,EACrB,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAaC;AAAA,EACb,iBAAAC;AACF,GAAmB;AACjB,EAAAC,EAAQ,sBAAsB,GAC9BC,EAAuB,wBAAwBL,CAAU;AACzD,QAAM,EAAE,GAAAM,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,EAAA,GACb,CAACC,GAAaC,CAAc,IAAIC,EAAuB,SAAS,GAChEC,IAAcX,KAAiBQ,GAE/BI,IAAO;AAAA,IACX,EAAE,IAAI,WAAoB,OAAOR,EAAE,cAAc,GAAG,SAAS,KAAA;AAAA,IAC7D,EAAE,IAAI,OAAgB,OAAOA,EAAE,UAAU,GAAG,SAAS,KAAA;AAAA,IACrD,EAAE,IAAI,aAAsB,OAAOA,EAAE,gBAAgB,GAAG,SAAS,KAAA;AAAA,EAAK;AAGxE,SACE,gBAAAS,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAS,UAAU,MAClB,UAAA,gBAAAD,EAACE,GAAA,EAAgB,cAAApB,GAA4B,GAC/C;AAAA,IAEA,gBAAAgB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACT,EAAW;AAAA,QAAX;AAAA,UACC,MAAAM;AAAA,UACA,YAAYD;AAAA,UACZ,mBAAmB,CAAAO,MAAM;AACvB,kBAAMC,IAAOD;AACb,YAAAT,EAAeU,CAAI,GACnBpB,EAAQqB,EAAgB,iCAAiC,EAAE,KAAKD,GAAM;AAAA,UACxE;AAAA,UACA,cAAYf,EAAE,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAG3B,gBAAAS,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,QAAAH,MAAgB,aACf,gBAAAI,EAACM,GAAA,EAAY,cAAAxB,GAA4B,SAAAE,GAAkB;AAAA,QAG5DY,MAAgB,SAAS,gBAAAI,EAACO,GAAA,EAAQ,cAAAzB,GAA4B,SAAAE,GAAkB;AAAA,QAEhFY,MAAgB,eACf,gBAAAI;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,cAAA1B;AAAA,YACA,SAAAE;AAAA,YACA,iBAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,SAASgB,EAAgB,EAAE,cAAApB,KAA0C;AACnE,QAAM,EAAE,GAAAO,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,EAAA,GACb;AAAA,IACJ,MAAM,EAAE,YAAAiB,EAAA;AAAA,EAAW,IACjBC,EAA0B,EAAE,gBAAgB5B,GAAc,GAExD6B,IAAaF,GAAY,SAASG,EAAgB,UAClDC,IAAYJ,IACdE,IACEF,EAAW,eACXK,EAAc,EAAE,YAAYL,EAAW,WAAW,WAAWA,EAAW,SAAA,CAAU,IACpF;AAEJ,SACE,gBAAAX,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAC,EAACT,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAsB,GAAU;AAAA,IACvC,gBAAAb,EAACT,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,qBAAqB,EAAA,CAAE;AAAA,EAAA,GAClE;AAEJ;AAqBO,SAAS0B,EAAU,EAAE,mBAAAC,GAAmB,iBAAA9B,GAAiB,GAAG+B,KAAyB;AAC1F,SACE,gBAAAjB;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAA9B;AAAA,MAEA,UAAA,gBAAAc,EAACnB,GAAA,EAAc,iBAAAK,GAAmC,GAAG+B,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGlE;"}

package/dist/components/Contractor/Dashboard/DashboardComponents.d.ts

@@ -0,0 +1,25 @@
+import { DashboardTab } from './Dashboard';
+import { FlowContextInterface } from '../../Flow/useFlow';
+/** @internal */
+type DashboardSuccessAlert = 'profileUpdated' | 'addressUpdated' | 'bankAccountAdded' | 'bankAccountRemoved' | 'compensationUpdated';
+/** @internal */
+export interface DashboardContextInterface extends FlowContextInterface {
+    /** The associated contractor identifier. */
+    contractorId: string;
+    /** Which success alert to surface above the dashboard cards, or `null` to clear it. */
+    successAlert?: DashboardSuccessAlert | null;
+    /** Persists the active Dashboard tab across sub-flows so Cancel/Back
+     *  returns to the originating tab instead of resetting to details. */
+    selectedTab?: DashboardTab;
+}
+/** @internal */
+export declare function DashboardViewContextual(): import("react").JSX.Element;
+/** @internal */
+export declare function ProfileContextual(): import("react").JSX.Element;
+/** @internal */
+export declare function AddressContextual(): import("react").JSX.Element;
+/** @internal */
+export declare function PaymentMethodEditFormContextual(): import("react").JSX.Element;
+/** @internal */
+export declare function CompensationEditFormContextual(): import("react").JSX.Element;
+export {};

package/dist/components/Contractor/Dashboard/DashboardComponents.js

@@ -0,0 +1,67 @@
+import { jsxs as i, Fragment as u, jsx as r } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { Dashboard as p } from "./Dashboard.js";
+import { ProfileEditForm as f } from "../Profile/management/ProfileEditForm.js";
+import { AddressEditForm as A } from "../Address/management/AddressEditForm.js";
+import { PaymentMethodEditForm as C } from "../PaymentMethod/management/PaymentMethodEditForm.js";
+import { CompensationEditForm as E } from "../Compensation/management/CompensationEditForm.js";
+import { useFlow as n } from "../../Flow/useFlow.js";
+import { useComponentContext as I } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ensureRequired as e } from "../../../helpers/ensureRequired.js";
+import { useI18n as b } from "../../../i18n/I18n.js";
+import { componentEvents as x } from "../../../shared/constants.js";
+function O() {
+  b("Contractor.Dashboard");
+  const { t } = l("Contractor.Dashboard"), { contractorId: o, onEvent: a, successAlert: d, selectedTab: s } = n(), c = I(), m = {
+    profileUpdated: t("alerts.profileUpdated"),
+    addressUpdated: t("alerts.addressUpdated"),
+    bankAccountAdded: t("alerts.bankAccountAdded"),
+    bankAccountRemoved: t("alerts.bankAccountRemoved"),
+    compensationUpdated: t("alerts.compensationUpdated")
+  };
+  return /* @__PURE__ */ i(u, { children: [
+    d && /* @__PURE__ */ r(
+      c.Alert,
+      {
+        status: "success",
+        label: m[d],
+        onDismiss: () => {
+          a(x.CONTRACTOR_DASHBOARD_ALERT_DISMISSED, null);
+        },
+        disableScrollIntoView: !0
+      }
+    ),
+    /* @__PURE__ */ r(
+      p,
+      {
+        contractorId: e(o),
+        onEvent: a,
+        selectedTab: s
+      }
+    )
+  ] });
+}
+function _() {
+  const { contractorId: t, onEvent: o } = n();
+  return /* @__PURE__ */ r(f, { contractorId: e(t), onEvent: o });
+}
+function j() {
+  const { contractorId: t, onEvent: o } = n();
+  return /* @__PURE__ */ r(A, { contractorId: e(t), onEvent: o });
+}
+function y() {
+  const { contractorId: t, onEvent: o } = n();
+  return /* @__PURE__ */ r(C, { contractorId: e(t), onEvent: o });
+}
+function L() {
+  const { contractorId: t, onEvent: o } = n();
+  return /* @__PURE__ */ r(E, { contractorId: e(t), onEvent: o });
+}
+export {
+  j as AddressContextual,
+  L as CompensationEditFormContextual,
+  O as DashboardViewContextual,
+  y as PaymentMethodEditFormContextual,
+  _ as ProfileContextual
+};
+//# sourceMappingURL=DashboardComponents.js.map

package/dist/components/Contractor/Dashboard/DashboardComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardComponents.js","sources":["../../../../src/components/Contractor/Dashboard/DashboardComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Dashboard, type DashboardTab } from './Dashboard'\nimport { ProfileEditForm } from '@/components/Contractor/Profile/management/ProfileEditForm'\nimport { AddressEditForm } from '@/components/Contractor/Address/management/AddressEditForm'\nimport { PaymentMethodEditForm } from '@/components/Contractor/PaymentMethod/management/PaymentMethodEditForm'\nimport { CompensationEditForm } from '@/components/Contractor/Compensation/management/CompensationEditForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/** @internal */\ntype DashboardSuccessAlert =\n  | 'profileUpdated'\n  | 'addressUpdated'\n  | 'bankAccountAdded'\n  | 'bankAccountRemoved'\n  | 'compensationUpdated'\n\n/** @internal */\nexport interface DashboardContextInterface extends FlowContextInterface {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Which success alert to surface above the dashboard cards, or `null` to clear it. */\n  successAlert?: DashboardSuccessAlert | null\n  /** Persists the active Dashboard tab across sub-flows so Cancel/Back\n   *  returns to the originating tab instead of resetting to details. */\n  selectedTab?: DashboardTab\n}\n\n/** @internal */\nexport function DashboardViewContextual() {\n  useI18n('Contractor.Dashboard')\n  const { t } = useTranslation('Contractor.Dashboard')\n  const { contractorId, onEvent, successAlert, selectedTab } = useFlow<DashboardContextInterface>()\n  const Components = useComponentContext()\n\n  const alertLabels: Record<DashboardSuccessAlert, string> = {\n    profileUpdated: t('alerts.profileUpdated'),\n    addressUpdated: t('alerts.addressUpdated'),\n    bankAccountAdded: t('alerts.bankAccountAdded'),\n    bankAccountRemoved: t('alerts.bankAccountRemoved'),\n    compensationUpdated: t('alerts.compensationUpdated'),\n  }\n\n  return (\n    <>\n      {successAlert && (\n        <Components.Alert\n          status=\"success\"\n          label={alertLabels[successAlert]}\n          onDismiss={() => {\n            onEvent(componentEvents.CONTRACTOR_DASHBOARD_ALERT_DISMISSED, null)\n          }}\n          disableScrollIntoView\n        />\n      )}\n      <Dashboard\n        contractorId={ensureRequired(contractorId)}\n        onEvent={onEvent}\n        selectedTab={selectedTab}\n      />\n    </>\n  )\n}\n\n/** @internal */\nexport function ProfileContextual() {\n  const { contractorId, onEvent } = useFlow<DashboardContextInterface>()\n  return <ProfileEditForm contractorId={ensureRequired(contractorId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function AddressContextual() {\n  const { contractorId, onEvent } = useFlow<DashboardContextInterface>()\n  return <AddressEditForm contractorId={ensureRequired(contractorId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function PaymentMethodEditFormContextual() {\n  const { contractorId, onEvent } = useFlow<DashboardContextInterface>()\n  return <PaymentMethodEditForm contractorId={ensureRequired(contractorId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function CompensationEditFormContextual() {\n  const { contractorId, onEvent } = useFlow<DashboardContextInterface>()\n  return <CompensationEditForm contractorId={ensureRequired(contractorId)} onEvent={onEvent} />\n}\n"],"names":["DashboardViewContextual","useI18n","useTranslation","contractorId","onEvent","successAlert","selectedTab","useFlow","Components","useComponentContext","alertLabels","jsxs","Fragment","jsx","componentEvents","Dashboard","ensureRequired","ProfileContextual","ProfileEditForm","AddressContextual","AddressEditForm","PaymentMethodEditFormContextual","PaymentMethodEditForm","CompensationEditFormContextual","CompensationEditForm"],"mappings":";;;;;;;;;;;;AAgCO,SAASA,IAA0B;AACxC,EAAAC,EAAQ,sBAAsB;AAC9B,QAAM,EAAE,EAAA,IAAMC,EAAe,sBAAsB,GAC7C,EAAE,cAAAC,GAAc,SAAAC,GAAS,cAAAC,GAAc,aAAAC,EAAA,IAAgBC,EAAA,GACvDC,IAAaC,EAAA,GAEbC,IAAqD;AAAA,IACzD,gBAAgB,EAAE,uBAAuB;AAAA,IACzC,gBAAgB,EAAE,uBAAuB;AAAA,IACzC,kBAAkB,EAAE,yBAAyB;AAAA,IAC7C,oBAAoB,EAAE,2BAA2B;AAAA,IACjD,qBAAqB,EAAE,4BAA4B;AAAA,EAAA;AAGrD,SACE,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAP,KACC,gBAAAQ;AAAA,MAACL,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOE,EAAYL,CAAY;AAAA,QAC/B,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,sCAAsC,IAAI;AAAA,QACpE;AAAA,QACA,uBAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGzB,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,cAAcC,EAAeb,CAAY;AAAA,QACzC,SAAAC;AAAA,QACA,aAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAGO,SAASW,IAAoB;AAClC,QAAM,EAAE,cAAAd,GAAc,SAAAC,EAAA,IAAYG,EAAA;AAClC,2BAAQW,GAAA,EAAgB,cAAcF,EAAeb,CAAY,GAAG,SAAAC,GAAkB;AACxF;AAGO,SAASe,IAAoB;AAClC,QAAM,EAAE,cAAAhB,GAAc,SAAAC,EAAA,IAAYG,EAAA;AAClC,2BAAQa,GAAA,EAAgB,cAAcJ,EAAeb,CAAY,GAAG,SAAAC,GAAkB;AACxF;AAGO,SAASiB,IAAkC;AAChD,QAAM,EAAE,cAAAlB,GAAc,SAAAC,EAAA,IAAYG,EAAA;AAClC,2BAAQe,GAAA,EAAsB,cAAcN,EAAeb,CAAY,GAAG,SAAAC,GAAkB;AAC9F;AAGO,SAASmB,IAAiC;AAC/C,QAAM,EAAE,cAAApB,GAAc,SAAAC,EAAA,IAAYG,EAAA;AAClC,2BAAQiB,GAAA,EAAqB,cAAcR,EAAeb,CAAY,GAAG,SAAAC,GAAkB;AAC7F;"}

package/dist/components/Contractor/Dashboard/DashboardFlow.d.ts

@@ -0,0 +1,88 @@
+import { BaseComponentInterface } from '../../Base';
+/**
+ * Props for {@link DashboardFlow}.
+ *
+ * @public
+ */
+export interface DashboardFlowProps extends BaseComponentInterface<never> {
+    /** The associated contractor identifier. */
+    contractorId: string;
+}
+/**
+ * Hub for viewing and managing a single contractor's details, pay, and documents.
+ *
+ * @remarks
+ * Renders a tabbed view of a contractor (Details, Pay, Documents), wires the
+ * card surfaces to their corresponding edit screens via an internal state
+ * machine, and surfaces success alerts at the top of the dashboard after
+ * each successful edit. Wraps the dashboard in error and suspense
+ * boundaries.
+ *
+ * Every tab section of the dashboard is also exported as a self-contained
+ * block that can be dropped into a custom layout without the surrounding
+ * dashboard chrome (see the blocks below). Each block wraps its read-only
+ * card, its edit form, and the card↔form transitions as a single drop-in.
+ * For cases where that built-in orchestration doesn't fit — rendering a
+ * form in a modal, driving navigation via a router, or showing a card
+ * read-only — each block's card and form are also exported individually
+ * (e.g. {@link CompensationCard}, {@link CompensationEditForm}). Using the
+ * individual pieces means owning the swap, any success alerts, and
+ * cross-component state yourself.
+ *
+ * The dashboard composes self-fetching cards and their edit forms and
+ * forwards every event they emit to the partner via `onEvent`; its internal
+ * state machine also reacts to a subset of these events to swap between the
+ * cards and edit screens and to surface success alerts. The table below is
+ * the complete, current set of events observable from `DashboardFlow`,
+ * grouped by the tab that emits them.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/profile/editRequested` | Fired when "Edit" is clicked on the Profile card | `{ contractorId: string }` |
+ * | `contractor/management/profile/updated` | Fired after the profile edit form is saved; the dashboard returns to the cards and surfaces the "Profile updated" alert | Updated `Contractor` entity |
+ * | `contractor/management/profile/editCancelled` | Fired when the user clicks Cancel on the profile edit form; the dashboard returns to the cards | — |
+ * | `contractor/management/address/editRequested` | Fired when "Edit" is clicked on the Address card | `{ contractorId: string }` |
+ * | `contractor/management/address/updated` | Fired after the address edit form is saved; the dashboard returns to the cards and surfaces the "Address updated" alert | Updated `ContractorAddress` entity |
+ * | `contractor/management/address/editCancelled` | Fired when the user clicks Cancel on the address edit form; the dashboard returns to the cards | — |
+ * | `contractor/management/paymentMethod/card/addRequested` | Fired when "Add bank account" is clicked on the Payment card | `{ contractorId: string }` |
+ * | `contractor/management/paymentMethod/card/editRequested` | Fired when "Edit" is chosen from the bank account row menu | `{ contractorId: string }` |
+ * | `contractor/management/paymentMethod/card/removed` | Fired after the bank account is removed from the card; the dashboard surfaces the "Bank account removed" alert | Updated `ContractorPaymentMethod` entity |
+ * | `contractor/management/paymentMethod/bankForm/submitted` | Fired after the bank-account form is saved; the dashboard returns to the cards and surfaces the "Bank account added" alert | Created `ContractorBankAccount` entity |
+ * | `contractor/management/paymentMethod/bankForm/cancelled` | Fired when the user cancels the bank-account form; the dashboard returns to the cards | — |
+ * | `contractor/management/compensation/editRequested` | Fired when "Edit" is clicked on the Compensation card | `{ contractorId: string }` |
+ * | `contractor/management/compensation/updated` | Fired after compensation is saved; the dashboard returns to the cards and surfaces the "Compensation updated" alert | Updated `Contractor` entity |
+ * | `contractor/management/compensation/editCancelled` | Fired when the user cancels editing compensation; the dashboard returns to the cards | — |
+ * | `contractor/management/documents/card/viewRequested` | Fired when a document row's "View" button is clicked, before the PDF is fetched | `{ contractorId: string, documentUuid: string }` |
+ * | `contractor/management/documents/card/viewed` | Fired after the PDF is fetched and opened in a new tab | `{ contractorId: string, documentUuid: string }` |
+ * | `contractor/dashboard/tabChange` | Fired when the user switches dashboard tabs | `{ tab: 'details' \| 'pay' \| 'documents' }` |
+ * | `contractor/dashboard/alertDismissed` | Fired when the user dismisses a top-of-dashboard success alert | — |
+ *
+ * @components
+ * - {@link Dashboard}
+ * - {@link ProfileEditForm}
+ * - {@link AddressEditForm}
+ * - {@link PaymentMethodEditForm}
+ * - {@link CompensationEditForm}
+ * - {@link DocumentsCard}
+ *
+ * @param props - See {@link DashboardFlowProps}.
+ * @returns The tabbed dashboard with internal navigation between cards and edit screens.
+ * @public
+ * @group Flow components
+ *
+ * @example
+ * ```tsx title="App.tsx"
+ * import { ContractorManagement } from '@gusto/embedded-react-sdk'
+ *
+ * function MyApp() {
+ *   return (
+ *     <ContractorManagement.DashboardFlow
+ *       contractorId="4b3f930f-82cd-48a8-b797-798686e12e5e"
+ *       onEvent={() => {}}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare const DashboardFlow: ({ contractorId, onEvent }: DashboardFlowProps) => import("react").JSX.Element;

package/dist/components/Contractor/Dashboard/DashboardFlow.js

@@ -0,0 +1,25 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useMemo as t } from "react";
+import { dashboardStateMachine as i } from "./dashboardStateMachine.js";
+import { DashboardViewContextual as n } from "./DashboardComponents.js";
+import { createMachine as h } from "../../../lib/state-machine/core.js";
+import { Flow as p } from "../../Flow/Flow.js";
+const M = ({ contractorId: o, onEvent: r }) => {
+  const e = t(
+    () => h(
+      "index",
+      i,
+      (m) => ({
+        ...m,
+        component: n,
+        contractorId: o
+      })
+    ),
+    [o]
+  );
+  return /* @__PURE__ */ a(p, { machine: e, onEvent: r });
+};
+export {
+  M as DashboardFlow
+};
+//# sourceMappingURL=DashboardFlow.js.map

package/dist/components/Contractor/Dashboard/DashboardFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardFlow.js","sources":["../../../../src/components/Contractor/Dashboard/DashboardFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { dashboardStateMachine } from './dashboardStateMachine'\nimport { type DashboardContextInterface, DashboardViewContextual } from './DashboardComponents'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\n\n/**\n * Props for {@link DashboardFlow}.\n *\n * @public\n */\nexport interface DashboardFlowProps extends BaseComponentInterface<never> {\n  /** The associated contractor identifier. */\n  contractorId: string\n}\n\n/**\n * Hub for viewing and managing a single contractor's details, pay, and documents.\n *\n * @remarks\n * Renders a tabbed view of a contractor (Details, Pay, Documents), wires the\n * card surfaces to their corresponding edit screens via an internal state\n * machine, and surfaces success alerts at the top of the dashboard after\n * each successful edit. Wraps the dashboard in error and suspense\n * boundaries.\n *\n * Every tab section of the dashboard is also exported as a self-contained\n * block that can be dropped into a custom layout without the surrounding\n * dashboard chrome (see the blocks below). Each block wraps its read-only\n * card, its edit form, and the card↔form transitions as a single drop-in.\n * For cases where that built-in orchestration doesn't fit — rendering a\n * form in a modal, driving navigation via a router, or showing a card\n * read-only — each block's card and form are also exported individually\n * (e.g. {@link CompensationCard}, {@link CompensationEditForm}). Using the\n * individual pieces means owning the swap, any success alerts, and\n * cross-component state yourself.\n *\n * The dashboard composes self-fetching cards and their edit forms and\n * forwards every event they emit to the partner via `onEvent`; its internal\n * state machine also reacts to a subset of these events to swap between the\n * cards and edit screens and to surface success alerts. The table below is\n * the complete, current set of events observable from `DashboardFlow`,\n * grouped by the tab that emits them.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/profile/editRequested` | Fired when \"Edit\" is clicked on the Profile card | `{ contractorId: string }` |\n * | `contractor/management/profile/updated` | Fired after the profile edit form is saved; the dashboard returns to the cards and surfaces the \"Profile updated\" alert | Updated `Contractor` entity |\n * | `contractor/management/profile/editCancelled` | Fired when the user clicks Cancel on the profile edit form; the dashboard returns to the cards | — |\n * | `contractor/management/address/editRequested` | Fired when \"Edit\" is clicked on the Address card | `{ contractorId: string }` |\n * | `contractor/management/address/updated` | Fired after the address edit form is saved; the dashboard returns to the cards and surfaces the \"Address updated\" alert | Updated `ContractorAddress` entity |\n * | `contractor/management/address/editCancelled` | Fired when the user clicks Cancel on the address edit form; the dashboard returns to the cards | — |\n * | `contractor/management/paymentMethod/card/addRequested` | Fired when \"Add bank account\" is clicked on the Payment card | `{ contractorId: string }` |\n * | `contractor/management/paymentMethod/card/editRequested` | Fired when \"Edit\" is chosen from the bank account row menu | `{ contractorId: string }` |\n * | `contractor/management/paymentMethod/card/removed` | Fired after the bank account is removed from the card; the dashboard surfaces the \"Bank account removed\" alert | Updated `ContractorPaymentMethod` entity |\n * | `contractor/management/paymentMethod/bankForm/submitted` | Fired after the bank-account form is saved; the dashboard returns to the cards and surfaces the \"Bank account added\" alert | Created `ContractorBankAccount` entity |\n * | `contractor/management/paymentMethod/bankForm/cancelled` | Fired when the user cancels the bank-account form; the dashboard returns to the cards | — |\n * | `contractor/management/compensation/editRequested` | Fired when \"Edit\" is clicked on the Compensation card | `{ contractorId: string }` |\n * | `contractor/management/compensation/updated` | Fired after compensation is saved; the dashboard returns to the cards and surfaces the \"Compensation updated\" alert | Updated `Contractor` entity |\n * | `contractor/management/compensation/editCancelled` | Fired when the user cancels editing compensation; the dashboard returns to the cards | — |\n * | `contractor/management/documents/card/viewRequested` | Fired when a document row's \"View\" button is clicked, before the PDF is fetched | `{ contractorId: string, documentUuid: string }` |\n * | `contractor/management/documents/card/viewed` | Fired after the PDF is fetched and opened in a new tab | `{ contractorId: string, documentUuid: string }` |\n * | `contractor/dashboard/tabChange` | Fired when the user switches dashboard tabs | `{ tab: 'details' \\| 'pay' \\| 'documents' }` |\n * | `contractor/dashboard/alertDismissed` | Fired when the user dismisses a top-of-dashboard success alert | — |\n *\n * @components\n * - {@link Dashboard}\n * - {@link ProfileEditForm}\n * - {@link AddressEditForm}\n * - {@link PaymentMethodEditForm}\n * - {@link CompensationEditForm}\n * - {@link DocumentsCard}\n *\n * @param props - See {@link DashboardFlowProps}.\n * @returns The tabbed dashboard with internal navigation between cards and edit screens.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.DashboardFlow\n *       contractorId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport const DashboardFlow = ({ contractorId, onEvent }: DashboardFlowProps) => {\n  const dashboardMachine = useMemo(\n    () =>\n      createMachine(\n        'index',\n        dashboardStateMachine,\n        (initialContext: DashboardContextInterface) => ({\n          ...initialContext,\n          component: DashboardViewContextual,\n          contractorId,\n        }),\n      ),\n    [contractorId],\n  )\n\n  return <Flow machine={dashboardMachine} onEvent={onEvent} />\n}\n"],"names":["DashboardFlow","contractorId","onEvent","dashboardMachine","useMemo","createMachine","dashboardStateMachine","initialContext","DashboardViewContextual","jsx","Flow"],"mappings":";;;;;;AA8FO,MAAMA,IAAgB,CAAC,EAAE,cAAAC,GAAc,SAAAC,QAAkC;AAC9E,QAAMC,IAAmBC;AAAA,IACvB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAA+C;AAAA,QAC9C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAAP;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACA,CAAY;AAAA,EAAA;AAGf,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASP,GAAkB,SAAAD,EAAA,CAAkB;AAC5D;"}

package/dist/components/Contractor/Dashboard/DetailsView.d.ts

@@ -0,0 +1,26 @@
+import { OnEventType } from '../../Base/useBase';
+import { EventType } from '../../../shared/constants';
+/**
+ * Props for {@link DetailsView}.
+ *
+ * @internal
+ */
+export interface DetailsViewProps {
+    /** The associated contractor identifier. */
+    contractorId: string;
+    /** Event handler invoked when the inner Profile and Address cards emit events. */
+    onEvent: OnEventType<EventType, unknown>;
+}
+/**
+ * Layout container for the Details tab of the contractor dashboard.
+ *
+ * @remarks
+ * Renders the Profile and Address cards stacked vertically. Each card is a
+ * self-fetching surface that owns its own data fetch and event emission;
+ * this container only forwards `contractorId` and `onEvent`.
+ *
+ * @param props - See {@link DetailsViewProps}.
+ * @returns The stacked card layout for the Details tab.
+ * @internal
+ */
+export declare function DetailsView({ contractorId, onEvent }: DetailsViewProps): import("react").JSX.Element;

package/dist/components/Contractor/Dashboard/DetailsView.js

@@ -0,0 +1,14 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { Flex as m } from "../../Common/Flex/Flex.js";
+import { ProfileCard as f } from "../Profile/management/ProfileCard/ProfileCard.js";
+import { AddressCard as l } from "../Address/management/AddressCard/AddressCard.js";
+function d({ contractorId: r, onEvent: i }) {
+  return /* @__PURE__ */ e(m, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ o(f, { contractorId: r, onEvent: i }),
+    /* @__PURE__ */ o(l, { contractorId: r, onEvent: i })
+  ] });
+}
+export {
+  d as DetailsView
+};
+//# sourceMappingURL=DetailsView.js.map

package/dist/components/Contractor/Dashboard/DetailsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsView.js","sources":["../../../../src/components/Contractor/Dashboard/DetailsView.tsx"],"sourcesContent":["import { ProfileCard } from '@/components/Contractor/Profile/management/ProfileCard'\nimport { AddressCard } from '@/components/Contractor/Address/management/AddressCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\n/**\n * Props for {@link DetailsView}.\n *\n * @internal\n */\nexport interface DetailsViewProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler invoked when the inner Profile and Address cards emit events. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Layout container for the Details tab of the contractor dashboard.\n *\n * @remarks\n * Renders the Profile and Address cards stacked vertically. Each card is a\n * self-fetching surface that owns its own data fetch and event emission;\n * this container only forwards `contractorId` and `onEvent`.\n *\n * @param props - See {@link DetailsViewProps}.\n * @returns The stacked card layout for the Details tab.\n * @internal\n */\nexport function DetailsView({ contractorId, onEvent }: DetailsViewProps) {\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <ProfileCard contractorId={contractorId} onEvent={onEvent} />\n      <AddressCard contractorId={contractorId} onEvent={onEvent} />\n    </Flex>\n  )\n}\n"],"names":["DetailsView","contractorId","onEvent","jsxs","Flex","jsx","ProfileCard","AddressCard"],"mappings":";;;;AA8BO,SAASA,EAAY,EAAE,cAAAC,GAAc,SAAAC,KAA6B;AACvE,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAY,cAAAL,GAA4B,SAAAC,EAAA,CAAkB;AAAA,IAC3D,gBAAAG,EAACE,GAAA,EAAY,cAAAN,GAA4B,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC7D;AAEJ;"}

package/dist/components/Contractor/Dashboard/PayView.d.ts

@@ -0,0 +1,26 @@
+import { OnEventType } from '../../Base/useBase';
+import { EventType } from '../../../shared/constants';
+/**
+ * Props for {@link PayView}.
+ *
+ * @internal
+ */
+export interface PayViewProps {
+    /** The associated contractor identifier. */
+    contractorId: string;
+    /** Event handler invoked when the inner Payment method and Compensation cards emit events. */
+    onEvent: OnEventType<EventType, unknown>;
+}
+/**
+ * Layout container for the Pay tab of the contractor dashboard.
+ *
+ * @remarks
+ * Renders the Payment method and Compensation cards stacked vertically. Each
+ * card is a self-fetching surface that owns its own data fetch and event
+ * emission; this container only forwards `contractorId` and `onEvent`.
+ *
+ * @param props - See {@link PayViewProps}.
+ * @returns The stacked card layout for the Pay tab.
+ * @internal
+ */
+export declare function PayView({ contractorId, onEvent }: PayViewProps): import("react").JSX.Element;

package/dist/components/Contractor/Dashboard/PayView.js

@@ -0,0 +1,14 @@
+import { jsxs as i, jsx as m } from "react/jsx-runtime";
+import { Flex as e } from "../../Common/Flex/Flex.js";
+import { PaymentMethodCard as t } from "../PaymentMethod/management/PaymentMethodCard/PaymentMethodCard.js";
+import { CompensationCard as p } from "../Compensation/management/CompensationCard/CompensationCard.js";
+function l({ contractorId: r, onEvent: o }) {
+  return /* @__PURE__ */ i(e, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ m(t, { contractorId: r, onEvent: o }),
+    /* @__PURE__ */ m(p, { contractorId: r, onEvent: o })
+  ] });
+}
+export {
+  l as PayView
+};
+//# sourceMappingURL=PayView.js.map

package/dist/components/Contractor/Dashboard/PayView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayView.js","sources":["../../../../src/components/Contractor/Dashboard/PayView.tsx"],"sourcesContent":["import { PaymentMethodCard } from '@/components/Contractor/PaymentMethod/management/PaymentMethodCard'\nimport { CompensationCard } from '@/components/Contractor/Compensation/management/CompensationCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\n/**\n * Props for {@link PayView}.\n *\n * @internal\n */\nexport interface PayViewProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler invoked when the inner Payment method and Compensation cards emit events. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Layout container for the Pay tab of the contractor dashboard.\n *\n * @remarks\n * Renders the Payment method and Compensation cards stacked vertically. Each\n * card is a self-fetching surface that owns its own data fetch and event\n * emission; this container only forwards `contractorId` and `onEvent`.\n *\n * @param props - See {@link PayViewProps}.\n * @returns The stacked card layout for the Pay tab.\n * @internal\n */\nexport function PayView({ contractorId, onEvent }: PayViewProps) {\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <PaymentMethodCard contractorId={contractorId} onEvent={onEvent} />\n      <CompensationCard contractorId={contractorId} onEvent={onEvent} />\n    </Flex>\n  )\n}\n"],"names":["PayView","contractorId","onEvent","jsxs","Flex","jsx","PaymentMethodCard","CompensationCard"],"mappings":";;;;AA8BO,SAASA,EAAQ,EAAE,cAAAC,GAAc,SAAAC,KAAyB;AAC/D,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAkB,cAAAL,GAA4B,SAAAC,EAAA,CAAkB;AAAA,IACjE,gBAAAG,EAACE,GAAA,EAAiB,cAAAN,GAA4B,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAClE;AAEJ;"}

package/dist/components/Contractor/Dashboard/dashboardStateMachine.d.ts

@@ -0,0 +1,8 @@
+/** @internal */
+export declare const dashboardStateMachine: {
+    index: import('../../../lib/state-machine').StateDefinition;
+    profile: import('../../../lib/state-machine').StateDefinition;
+    address: import('../../../lib/state-machine').StateDefinition;
+    paymentMethodEdit: import('../../../lib/state-machine').StateDefinition;
+    compensationEdit: import('../../../lib/state-machine').StateDefinition;
+};

package/dist/components/Contractor/Dashboard/dashboardStateMachine.js

@@ -0,0 +1,139 @@
+import { CompensationEditFormContextual as R, PaymentMethodEditFormContextual as o, AddressContextual as M, ProfileContextual as O, DashboardViewContextual as C } from "./DashboardComponents.js";
+import "react";
+import { state as t, transition as A, reduce as T } from "../../../lib/state-machine/core.js";
+import { componentEvents as e } from "../../../shared/constants.js";
+const _ = T((E) => ({
+  ...E,
+  component: C,
+  successAlert: null
+})), n = (E) => T((N) => ({
+  ...N,
+  component: C,
+  successAlert: E
+})), i = {
+  index: t(
+    A(
+      e.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED,
+      "profile",
+      T((E) => ({
+        ...E,
+        component: O,
+        successAlert: null
+      }))
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_ADDRESS_EDIT_REQUESTED,
+      "address",
+      T((E) => ({
+        ...E,
+        component: M,
+        successAlert: null
+      }))
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,
+      "paymentMethodEdit",
+      T((E) => ({
+        ...E,
+        component: o,
+        successAlert: null
+      }))
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_EDIT_REQUESTED,
+      "paymentMethodEdit",
+      T((E) => ({
+        ...E,
+        component: o,
+        successAlert: null
+      }))
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_REMOVED,
+      "index",
+      T((E) => ({
+        ...E,
+        successAlert: "bankAccountRemoved"
+      }))
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_REQUESTED,
+      "compensationEdit",
+      T((E) => ({
+        ...E,
+        component: R,
+        successAlert: null
+      }))
+    ),
+    A(
+      e.CONTRACTOR_DASHBOARD_ALERT_DISMISSED,
+      "index",
+      T((E) => ({
+        ...E,
+        successAlert: null
+      }))
+    ),
+    A(
+      e.CONTRACTOR_DASHBOARD_TAB_CHANGE,
+      "index",
+      T(
+        (E, N) => ({
+          ...E,
+          selectedTab: N.payload.tab
+        })
+      )
+    )
+  ),
+  profile: t(
+    A(
+      e.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_CANCELLED,
+      "index",
+      _
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_PROFILE_UPDATED,
+      "index",
+      n("profileUpdated")
+    )
+  ),
+  address: t(
+    A(
+      e.CONTRACTOR_MANAGEMENT_ADDRESS_EDIT_CANCELLED,
+      "index",
+      _
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_ADDRESS_UPDATED,
+      "index",
+      n("addressUpdated")
+    )
+  ),
+  paymentMethodEdit: t(
+    A(
+      e.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,
+      "index",
+      n("bankAccountAdded")
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,
+      "index",
+      _
+    )
+  ),
+  compensationEdit: t(
+    A(
+      e.CONTRACTOR_MANAGEMENT_COMPENSATION_UPDATED,
+      "index",
+      n("compensationUpdated")
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_CANCELLED,
+      "index",
+      _
+    )
+  )
+};
+export {
+  i as dashboardStateMachine
+};
+//# sourceMappingURL=dashboardStateMachine.js.map

package/dist/components/Contractor/Dashboard/dashboardStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardStateMachine.js","sources":["../../../../src/components/Contractor/Dashboard/dashboardStateMachine.ts"],"sourcesContent":["import type { DashboardTab } from './Dashboard'\nimport {\n  DashboardViewContextual,\n  ProfileContextual,\n  AddressContextual,\n  PaymentMethodEditFormContextual,\n  CompensationEditFormContextual,\n  type DashboardContextInterface,\n} from './DashboardComponents'\nimport { transition, reduce, state } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE]: { tab: DashboardTab }\n}\n\nconst returnToIndex = reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n  ...ctx,\n  component: DashboardViewContextual,\n  successAlert: null,\n}))\n\nconst returnToIndexWithAlert = (alert: DashboardContextInterface['successAlert']) =>\n  reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n    ...ctx,\n    component: DashboardViewContextual,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const dashboardStateMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED,\n      'profile',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        component: ProfileContextual,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_ADDRESS_EDIT_REQUESTED,\n      'address',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        component: AddressContextual,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n      'paymentMethodEdit',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_EDIT_REQUESTED,\n      'paymentMethodEdit',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_REMOVED,\n      'index',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        successAlert: 'bankAccountRemoved',\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_REQUESTED,\n      'compensationEdit',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        component: CompensationEditFormContextual,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_DASHBOARD_ALERT_DISMISSED,\n      'index',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE,\n      'index',\n      reduce(\n        (\n          ctx: DashboardContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE\n          >,\n        ): DashboardContextInterface => ({\n          ...ctx,\n          selectedTab: ev.payload.tab,\n        }),\n      ),\n    ),\n  ),\n  profile: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_UPDATED,\n      'index',\n      returnToIndexWithAlert('profileUpdated'),\n    ),\n  ),\n  address: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_ADDRESS_EDIT_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_ADDRESS_UPDATED,\n      'index',\n      returnToIndexWithAlert('addressUpdated'),\n    ),\n  ),\n  paymentMethodEdit: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,\n      'index',\n      returnToIndexWithAlert('bankAccountAdded'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  compensationEdit: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_UPDATED,\n      'index',\n      returnToIndexWithAlert('compensationUpdated'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n}\n"],"names":["returnToIndex","reduce","ctx","DashboardViewContextual","returnToIndexWithAlert","alert","dashboardStateMachine","state","transition","componentEvents","ProfileContextual","AddressContextual","PaymentMethodEditFormContextual","CompensationEditFormContextual","ev"],"mappings":";;;;AAiBA,MAAMA,IAAgBC,EAAO,CAACC,OAA+D;AAAA,EAC3F,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAyB,CAACC,MAC9BJ,EAAO,CAACC,OAA+D;AAAA,EACrE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAAwB;AAAA,EACnC,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,WAAWS;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,WAAWU;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,WAAWU;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJM;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,WAAWW;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJM;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CACEC,GACAY,OAI+B;AAAA,UAC/B,GAAGZ;AAAA,UACH,aAAaY,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,SAASP;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,IAEFQ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAuB,gBAAgB;AAAA,IAAA;AAAA,EACzC;AAAA,EAEF,SAASG;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,IAEFQ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAuB,gBAAgB;AAAA,IAAA;AAAA,EACzC;AAAA,EAEF,mBAAmBG;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAuB,kBAAkB;AAAA,IAAA;AAAA,IAE3CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,kBAAkBO;AAAA,IAChBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAuB,qBAAqB;AAAA,IAAA;AAAA,IAE9CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}