@gusto/embedded-react-sdk 0.11.3 → 0.12.0

package/dist/components/Contractor/ContractorList/index.js

@@ -0,0 +1,125 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { useTranslation as d } from "react-i18next";
+import { useContractorsDeleteMutation as x } from "@gusto/embedded-api/react-query/contractorsDelete";
+import { useContractors as w } from "./useContractorList.js";
+import { Flex as p } from "../../Common/Flex/Flex.js";
+import "classnames";
+import { EmptyData as H } from "../../Common/EmptyData/EmptyData.js";
+import { ActionsLayout as f } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { firstLastName as k } from "../../../helpers/formattedStrings.js";
+import { HamburgerMenu as U } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import j from "../../../assets/icons/pencil.svg.js";
+import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ContractorOnboardingStatusBadge as M } from "../../Common/OnboardingStatusBadge/index.js";
+import { useI18n as V } from "../../../i18n/I18n.js";
+import { BaseComponent as F } from "../../Base/Base.js";
+import { useBase as q } from "../../Base/useBase.js";
+import { CONTRACTOR_TYPE as G, componentEvents as l } from "../../../shared/constants.js";
+import Y from "../../../assets/icons/trashcan.svg.js";
+import { useDataView as z } from "../../Common/DataView/useDataView.js";
+import { DataView as J } from "../../Common/DataView/DataView.js";
+function K({ count: o, handleAdd: i }) {
+  const { Button: r, Heading: a } = u(), { t: n } = d("Contractor.ContractorList");
+  return /* @__PURE__ */ m(p, { alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ t(a, { as: "h2", children: n("title") }),
+    o !== 0 && /* @__PURE__ */ t(r, { variant: "secondary", onClick: i, children: n("addAnotherCTA") })
+  ] });
+}
+function Q({ handleAdd: o }) {
+  const { Button: i } = u(), { t: r } = d("Contractor.ContractorList");
+  return /* @__PURE__ */ t(H, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ t(f, { justifyContent: "center", children: /* @__PURE__ */ t(i, { onClick: o, children: r("addContractorCTA") }) }) });
+}
+function Tt(o) {
+  return /* @__PURE__ */ t(F, { ...o, children: /* @__PURE__ */ t(W, { ...o, children: o.children }) });
+}
+function W({ companyId: o, className: i, dictionary: r, successMessage: a }) {
+  V("Contractor.ContractorList");
+  const { t: n } = d("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: h } = q(), { Alert: T, Button: g } = u(), {
+    contractors: A,
+    totalCount: L,
+    handleNextPage: N,
+    handleFirstPage: P,
+    handleLastPage: b,
+    handlePreviousPage: y,
+    handleItemsPerPageChange: E,
+    currentPage: O,
+    totalPages: D
+  } = w({ companyUuid: o }), { mutateAsync: R, isPending: B } = x(), I = z({
+    columns: [
+      {
+        title: n("listHeaders.name"),
+        render: (e) => e.type === G.BUSINESS ? e.businessName : k({ first_name: e.firstName, last_name: e.lastName })
+      },
+      {
+        title: n("listHeaders.status"),
+        render: ({ onboarded: e, onboardingStatus: c }) => /* @__PURE__ */ t(
+          M,
+          {
+            onboarded: e,
+            onboardingStatus: c
+          }
+        )
+      }
+    ],
+    data: A,
+    itemMenu: (e) => /* @__PURE__ */ t(
+      U,
+      {
+        items: [
+          {
+            label: n("editCTA"),
+            icon: /* @__PURE__ */ t(j, { "aria-hidden": !0 }),
+            onClick: () => {
+              S(e.uuid);
+            }
+          },
+          {
+            label: n("deleteCTA"),
+            icon: /* @__PURE__ */ t(Y, { "aria-hidden": !0 }),
+            onClick: () => {
+              v(e.uuid);
+            }
+          }
+        ],
+        triggerLabel: n("editCTA"),
+        isLoading: B
+      }
+    ),
+    emptyState: () => /* @__PURE__ */ t(Q, { handleAdd: C }),
+    pagination: {
+      handleNextPage: N,
+      handleFirstPage: P,
+      handleLastPage: b,
+      handlePreviousPage: y,
+      handleItemsPerPageChange: E,
+      currentPage: O,
+      totalPages: D
+    }
+  }), C = () => {
+    s(l.CONTRACTOR_CREATE);
+  }, S = (e) => {
+    s(l.CONTRACTOR_UPDATE, { contractorId: e });
+  }, _ = () => {
+    s(l.CONTRACTOR_ONBOARDING_CONTINUE);
+  }, v = async (e) => {
+    await h(e, async (c) => {
+      await R({
+        request: { contractorUuid: c }
+      }), s(l.CONTRACTOR_DELETED, { contractorId: c });
+    });
+  };
+  return /* @__PURE__ */ m("section", { className: i, children: [
+    a && /* @__PURE__ */ t(T, { label: a, status: "success" }),
+    /* @__PURE__ */ m(p, { flexDirection: "column", children: [
+      /* @__PURE__ */ t(K, { count: L, handleAdd: C }),
+      /* @__PURE__ */ t(J, { label: n("contractorListLabel"), ...I }),
+      /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(g, { onClick: _, isLoading: !1, children: n("continueCta") }) })
+    ] })
+  ] });
+}
+export {
+  Tt as ContractorList,
+  Q as EmptyDataContractorsList,
+  K as Head
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Contractor/ContractorList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Contractor/ContractorList/index.tsx"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorsDeleteMutation } from '@gusto/embedded-api/react-query/contractorsDelete'\nimport { useContractors } from './useContractorList'\nimport { ActionsLayout, DataView, EmptyData, Flex, useDataView } from '@/components/Common'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ContractorOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport { useI18n } from '@/i18n'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { componentEvents, CONTRACTOR_TYPE } from '@/shared/constants'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\n\nexport interface HeadProps {\n  count: number\n  handleAdd: () => void\n}\nexport function Head({ count, handleAdd }: HeadProps) {\n  const { Button, Heading } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"space-between\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n\n      {count !== 0 && (\n        <Button variant=\"secondary\" onClick={handleAdd}>\n          {t('addAnotherCTA')}\n        </Button>\n      )}\n    </Flex>\n  )\n}\n\nexport interface EmptyDataContractorsListProps {\n  handleAdd: () => void\n}\nexport function EmptyDataContractorsList({ handleAdd }: EmptyDataContractorsListProps) {\n  const { Button } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  return (\n    <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n      <ActionsLayout justifyContent=\"center\">\n        <Button onClick={handleAdd}>{t('addContractorCTA')}</Button>\n      </ActionsLayout>\n    </EmptyData>\n  )\n}\n\nexport interface ContractorListProps extends CommonComponentInterface<'Contractor.ContractorList'> {\n  companyId: string\n  successMessage?: string\n}\n\nexport function ContractorList(props: ContractorListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, className, dictionary, successMessage }: ContractorListProps) {\n  useI18n('Contractor.ContractorList')\n  const { t } = useTranslation('Contractor.ContractorList')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { Alert, Button } = useComponentContext()\n  const {\n    contractors,\n    totalCount,\n    handleNextPage,\n    handleFirstPage,\n    handleLastPage,\n    handlePreviousPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n  } = useContractors({ companyUuid: companyId })\n  const { mutateAsync: deleteContractorMutation, isPending: isPendingDelete } =\n    useContractorsDeleteMutation()\n\n  const dataViewProps = useDataView<Contractor>({\n    columns: [\n      {\n        title: t('listHeaders.name'),\n        render: contractor =>\n          contractor.type === CONTRACTOR_TYPE.BUSINESS\n            ? contractor.businessName\n            : firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName }),\n      },\n      {\n        title: t('listHeaders.status'),\n        render: ({ onboarded, onboardingStatus }) => (\n          <ContractorOnboardingStatusBadge\n            onboarded={onboarded}\n            onboardingStatus={onboardingStatus}\n          />\n        ),\n      },\n    ],\n    data: contractors,\n    itemMenu: contractor => (\n      <HamburgerMenu\n        items={[\n          {\n            label: t('editCTA'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              handleEdit(contractor.uuid)\n            },\n          },\n          {\n            label: t('deleteCTA'),\n            icon: <TrashCanSvg aria-hidden />,\n            onClick: () => {\n              void handleDelete(contractor.uuid)\n            },\n          },\n        ]}\n        triggerLabel={t('editCTA')}\n        isLoading={isPendingDelete}\n      />\n    ),\n    emptyState: () => <EmptyDataContractorsList handleAdd={handleAdd} />,\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n    },\n  })\n\n  const handleAdd = () => {\n    onEvent(componentEvents.CONTRACTOR_CREATE)\n  }\n\n  const handleEdit = (uuid: string) => {\n    onEvent(componentEvents.CONTRACTOR_UPDATE, { contractorId: uuid })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.CONTRACTOR_ONBOARDING_CONTINUE)\n  }\n\n  const handleDelete = async (uuid: string) => {\n    await baseSubmitHandler(uuid, async payload => {\n      await deleteContractorMutation({\n        request: { contractorUuid: payload },\n      })\n\n      onEvent(componentEvents.CONTRACTOR_DELETED, { contractorId: payload })\n    })\n  }\n\n  return (\n    <section className={className}>\n      {successMessage && <Alert label={successMessage} status=\"success\" />}\n      <Flex flexDirection=\"column\">\n        <Head count={totalCount} handleAdd={handleAdd} />\n        <DataView label={t('contractorListLabel')} {...dataViewProps} />\n        <ActionsLayout>\n          <Button onClick={handleContinue} isLoading={false}>\n            {t('continueCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["Head","count","handleAdd","Button","Heading","useComponentContext","t","useTranslation","jsxs","Flex","jsx","EmptyDataContractorsList","EmptyData","ActionsLayout","ContractorList","props","BaseComponent","Root","companyId","className","dictionary","successMessage","useI18n","onEvent","baseSubmitHandler","useBase","Alert","contractors","totalCount","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","useContractors","deleteContractorMutation","isPendingDelete","useContractorsDeleteMutation","dataViewProps","useDataView","contractor","CONTRACTOR_TYPE","firstLastName","onboarded","onboardingStatus","ContractorOnboardingStatusBadge","HamburgerMenu","PencilSvg","handleEdit","TrashCanSvg","handleDelete","componentEvents","uuid","handleContinue","payload","DataView"],"mappings":"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"}

package/dist/components/Contractor/{List → ContractorList}/useContractorList.d.ts

@@ -4,12 +4,10 @@ export interface ContractorListContext {
 }
 export interface useContractorsArgs {
     companyUuid: string;
-    handleAdd: () => void;
 }
-export declare function useContractors({ companyUuid, handleAdd }: useContractorsArgs): {
+export declare function useContractors({ companyUuid }: useContractorsArgs): {
     contractors: Contractor[];
     currentPage: number;
-    handleAdd: () => void;
     handleFirstPage: () => void;
     handleItemsPerPageChange: import('react').Dispatch<import('react').SetStateAction<number>>;
     handleLastPage: () => void;

package/dist/components/Contractor/{List → ContractorList}/useContractorList.js

@@ -1,17 +1,16 @@
-import { useContractorsListSuspense as l } from "@gusto/embedded-api/react-query/contractorsList";
+import { useContractorsListSuspense as u } from "@gusto/embedded-api/react-query/contractorsList";
 import { useState as o } from "react";
-function L({ companyUuid: r, handleAdd: g }) {
-  const [s, e] = o(1), [P, c] = o(5), {
-    data: { httpMeta: n, contractorList: h }
-  } = l({ companyUuid: r, page: s, per: P }), t = Number(n.response.headers.get("x-total-pages") ?? 1), u = Number(n.response.headers.get("x-total-count") ?? 1);
+function C({ companyUuid: r }) {
+  const [s, e] = o(1), [g, P] = o(5), {
+    data: { httpMeta: n, contractorList: c }
+  } = u({ companyUuid: r, page: s, per: g }), t = Number(n.response.headers.get("x-total-pages") ?? 1), h = Number(n.response.headers.get("x-total-count") ?? 1);
   return {
-    contractors: h,
+    contractors: c,
     currentPage: s,
-    handleAdd: g,
     handleFirstPage: () => {
       e(1);
     },
-    handleItemsPerPageChange: c,
+    handleItemsPerPageChange: P,
     handleLastPage: () => {
       e(t);
     },
@@ -21,11 +20,11 @@ function L({ companyUuid: r, handleAdd: g }) {
     handlePreviousPage: () => {
       e((a) => Math.max(a - 1, 1));
     },
-    totalCount: u,
+    totalCount: h,
     totalPages: t
   };
 }
 export {
-  L as useContractors
+  C as useContractors
 };
 //# sourceMappingURL=useContractorList.js.map

package/dist/components/Contractor/ContractorList/useContractorList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContractorList.js","sources":["../../../../src/components/Contractor/ContractorList/useContractorList.ts"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useState } from 'react'\n\nexport interface ContractorListContext {\n  contractors: Contractor[]\n}\n\nexport interface useContractorsArgs {\n  companyUuid: string\n}\n\nexport function useContractors({ companyUuid }: useContractorsArgs) {\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState(5)\n\n  const {\n    data: { httpMeta, contractorList: contractors },\n  } = useContractorsListSuspense({ companyUuid, page: currentPage, per: itemsPerPage })\n  const totalPages = Number(httpMeta.response.headers.get('x-total-pages') ?? 1)\n  const totalCount = Number(httpMeta.response.headers.get('x-total-count') ?? 1)\n\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\n  }\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n\n  return {\n    contractors: contractors!,\n    currentPage,\n    handleFirstPage,\n    handleItemsPerPageChange: setItemsPerPage,\n    handleLastPage,\n    handleNextPage,\n    handlePreviousPage,\n    totalCount,\n    totalPages,\n  }\n}\n"],"names":["useContractors","companyUuid","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","httpMeta","contractors","useContractorsListSuspense","totalPages","totalCount","prevPage"],"mappings":";;AAYO,SAASA,EAAe,EAAE,aAAAC,KAAmC;AAClE,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,CAAC,GAC1C,CAACC,GAAcC,CAAe,IAAIF,EAAS,CAAC,GAE5C;AAAA,IACJ,MAAM,EAAE,UAAAG,GAAU,gBAAgBC,EAAA;AAAA,EAAY,IAC5CC,EAA2B,EAAE,aAAAR,GAAa,MAAMC,GAAa,KAAKG,GAAc,GAC9EK,IAAa,OAAOH,EAAS,SAAS,QAAQ,IAAI,eAAe,KAAK,CAAC,GACvEI,IAAa,OAAOJ,EAAS,SAAS,QAAQ,IAAI,eAAe,KAAK,CAAC;AAe7E,SAAO;AAAA,IACL,aAAAC;AAAA,IACA,aAAAN;AAAA,IACA,iBAhBsB,MAAM;AAC5B,MAAAC,EAAe,CAAC;AAAA,IAClB;AAAA,IAeE,0BAA0BG;AAAA,IAC1B,gBAfqB,MAAM;AAC3B,MAAAH,EAAeO,CAAU;AAAA,IAC3B;AAAA,IAcE,gBAbqB,MAAM;AAC3B,MAAAP,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAGF,CAAU,CAAC;AAAA,IAC/D;AAAA,IAYE,oBAXyB,MAAM;AAC/B,MAAAP,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAG,CAAC,CAAC;AAAA,IACtD;AAAA,IAUE,YAAAD;AAAA,IACA,YAAAD;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,2 @@
+import { OnboardingFlowProps } from './OnboardingFlowComponents';
+export declare const OnboardingFlow: ({ companyId, onEvent, defaultValues }: OnboardingFlowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Contractor/OnboardingFlow/OnboardingFlow.js

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createMachine as a } from "robot3";
+import { onboardingMachine as m } from "./onboardingStateMachine.js";
+import { ContractorListContextual as c } from "./OnboardingFlowComponents.js";
+import { Flow as p } from "../../Flow/Flow.js";
+const g = ({ companyId: o, onEvent: r, defaultValues: t }) => {
+  const n = a(
+    "list",
+    m,
+    (e) => ({
+      ...e,
+      component: c,
+      companyId: o,
+      defaultValues: t,
+      totalSteps: 5,
+      currentStep: 0,
+      selfOnboarding: !1
+    })
+  );
+  return /* @__PURE__ */ i(p, { machine: n, onEvent: r });
+};
+export {
+  g as OnboardingFlow
+};
+//# sourceMappingURL=OnboardingFlow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Contractor/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { onboardingMachine } from './onboardingStateMachine'\nimport type { OnboardingFlowProps } from './OnboardingFlowComponents'\nimport {\n  ContractorListContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport const OnboardingFlow = ({ companyId, onEvent, defaultValues }: OnboardingFlowProps) => {\n  const onboardingFlow = createMachine(\n    'list',\n    onboardingMachine,\n    (initialContext: OnboardingFlowContextInterface) => ({\n      ...initialContext,\n      component: ContractorListContextual,\n      companyId,\n      defaultValues,\n      totalSteps: 5,\n      currentStep: 0,\n      selfOnboarding: false,\n    }),\n  )\n  return <Flow machine={onboardingFlow} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","onboardingFlow","createMachine","onboardingMachine","initialContext","ContractorListContextual","jsx","Flow"],"mappings":";;;;;AASO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,QAAyC;AAC5F,QAAMC,IAAiBC;AAAA,IACrB;AAAA,IACAC;AAAA,IACA,CAACC,OAAoD;AAAA,MACnD,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAP;AAAA,MACA,eAAAE;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAEF,SAAO,gBAAAM,EAACC,GAAA,EAAK,SAASN,GAAgB,SAAAF,EAAA,CAAkB;AAC1D;"}

package/dist/components/Contractor/OnboardingFlow/OnboardingFlowComponents.d.ts

@@ -0,0 +1,26 @@
+import { UseContractorProfileProps } from '../Profile/useContractorProfile';
+import { AddressDefaultValues } from '../Address/useAddress';
+import { FlowContextInterface } from '../../Flow/useFlow';
+import { RequireAtLeastOne } from '../../../types/Helpers';
+import { BaseComponentInterface } from '../../Base';
+export type OnboardingFlowDefaultValues = RequireAtLeastOne<{
+    profile?: UseContractorProfileProps['defaultValues'];
+    address?: AddressDefaultValues;
+}>;
+export interface OnboardingFlowProps extends BaseComponentInterface {
+    companyId: string;
+    defaultValues?: RequireAtLeastOne<OnboardingFlowDefaultValues>;
+}
+export interface OnboardingFlowContextInterface extends FlowContextInterface {
+    companyId: string;
+    contractorId?: string;
+    defaultValues?: OnboardingFlowDefaultValues;
+    selfOnboarding?: boolean;
+    successMessage?: string;
+}
+export declare function ContractorListContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function ProfileContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function AddressContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PaymentMethodContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function NewHireReportContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function SubmitContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Contractor/OnboardingFlow/OnboardingFlowComponents.js

@@ -0,0 +1,71 @@
+import { jsx as n } from "react/jsx-runtime";
+import { ContractorList as u } from "../ContractorList/index.js";
+import { PaymentMethod as d } from "../PaymentMethod/PaymentMethod.js";
+import { NewHireReport as s } from "../NewHireReport/NewHireReport.js";
+import { ContractorSubmit as i } from "../Submit/Submit.js";
+import { useFlow as e } from "../../Flow/useFlow.js";
+import { ensureRequired as c } from "../../../helpers/ensureRequired.js";
+import { Address as m } from "../Address/Address.js";
+import { ContractorProfile as f } from "../Profile/ContractorProfile.js";
+function V() {
+  const { companyId: t, onEvent: o, successMessage: r } = e();
+  return /* @__PURE__ */ n(
+    u,
+    {
+      onEvent: o,
+      companyId: c(t),
+      successMessage: r
+    }
+  );
+}
+function b() {
+  const { companyId: t, onEvent: o, contractorId: r, defaultValues: a } = e();
+  return /* @__PURE__ */ n(
+    f,
+    {
+      onEvent: o,
+      companyId: c(t),
+      contractorId: r,
+      defaultValues: a?.profile
+    }
+  );
+}
+function w() {
+  const { onEvent: t, contractorId: o, defaultValues: r } = e();
+  return /* @__PURE__ */ n(
+    m,
+    {
+      onEvent: t,
+      contractorId: c(o),
+      defaultValues: r?.address
+    }
+  );
+}
+function M() {
+  const { onEvent: t, contractorId: o } = e();
+  return /* @__PURE__ */ n(d, { onEvent: t, contractorId: c(o) });
+}
+function R() {
+  const { onEvent: t, contractorId: o } = e();
+  return /* @__PURE__ */ n(s, { onEvent: t, contractorId: c(o) });
+}
+function g() {
+  const { onEvent: t, contractorId: o, selfOnboarding: r } = e();
+  return /* @__PURE__ */ n(
+    i,
+    {
+      onEvent: t,
+      contractorId: c(o),
+      selfOnboarding: r
+    }
+  );
+}
+export {
+  w as AddressContextual,
+  V as ContractorListContextual,
+  R as NewHireReportContextual,
+  M as PaymentMethodContextual,
+  b as ProfileContextual,
+  g as SubmitContextual
+};
+//# sourceMappingURL=OnboardingFlowComponents.js.map

package/dist/components/Contractor/OnboardingFlow/OnboardingFlowComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingFlowComponents.js","sources":["../../../../src/components/Contractor/OnboardingFlow/OnboardingFlowComponents.tsx"],"sourcesContent":["import { ContractorList } from '../ContractorList'\nimport { ContractorProfile } from '../Profile'\nimport { Address } from '../Address'\nimport { PaymentMethod } from '../PaymentMethod/PaymentMethod'\nimport { NewHireReport } from '../NewHireReport/NewHireReport'\nimport { ContractorSubmit } from '../Submit/Submit'\nimport type { UseContractorProfileProps } from '../Profile/useContractorProfile'\nimport type { AddressDefaultValues } from '../Address/useAddress'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type OnboardingFlowDefaultValues = RequireAtLeastOne<{\n  profile?: UseContractorProfileProps['defaultValues']\n  address?: AddressDefaultValues\n}>\nexport interface OnboardingFlowProps extends BaseComponentInterface {\n  companyId: string\n  defaultValues?: RequireAtLeastOne<OnboardingFlowDefaultValues>\n}\nexport interface OnboardingFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  contractorId?: string\n  defaultValues?: OnboardingFlowDefaultValues\n  selfOnboarding?: boolean\n  successMessage?: string\n}\n\nexport function ContractorListContextual() {\n  const { companyId, onEvent, successMessage } = useFlow<OnboardingFlowContextInterface>()\n  return (\n    <ContractorList\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      successMessage={successMessage}\n    />\n  )\n}\n\nexport function ProfileContextual() {\n  const { companyId, onEvent, contractorId, defaultValues } =\n    useFlow<OnboardingFlowContextInterface>()\n  return (\n    <ContractorProfile\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      contractorId={contractorId}\n      defaultValues={defaultValues?.profile}\n    />\n  )\n}\n\nexport function AddressContextual() {\n  const { onEvent, contractorId, defaultValues } = useFlow<OnboardingFlowContextInterface>()\n  return (\n    <Address\n      onEvent={onEvent}\n      contractorId={ensureRequired(contractorId)}\n      defaultValues={defaultValues?.address}\n    />\n  )\n}\nexport function PaymentMethodContextual() {\n  const { onEvent, contractorId } = useFlow<OnboardingFlowContextInterface>()\n  return <PaymentMethod onEvent={onEvent} contractorId={ensureRequired(contractorId)} />\n}\nexport function NewHireReportContextual() {\n  const { onEvent, contractorId } = useFlow<OnboardingFlowContextInterface>()\n  return <NewHireReport onEvent={onEvent} contractorId={ensureRequired(contractorId)} />\n}\nexport function SubmitContextual() {\n  const { onEvent, contractorId, selfOnboarding } = useFlow<OnboardingFlowContextInterface>()\n  return (\n    <ContractorSubmit\n      onEvent={onEvent}\n      contractorId={ensureRequired(contractorId)}\n      selfOnboarding={selfOnboarding}\n    />\n  )\n}\n"],"names":["ContractorListContextual","companyId","onEvent","successMessage","useFlow","jsx","ContractorList","ensureRequired","ProfileContextual","contractorId","defaultValues","ContractorProfile","AddressContextual","Address","PaymentMethodContextual","PaymentMethod","NewHireReportContextual","NewHireReport","SubmitContextual","selfOnboarding","ContractorSubmit"],"mappings":";;;;;;;;;AA6BO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,gBAAAC,EAAA,IAAmBC,EAAA;AAC/C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAJ;AAAA,MACA,WAAWK,EAAeN,CAAS;AAAA,MACnC,gBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAAoB;AAClC,QAAM,EAAE,WAAAP,GAAW,SAAAC,GAAS,cAAAO,GAAc,eAAAC,EAAA,IACxCN,EAAA;AACF,SACE,gBAAAC;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,SAAAT;AAAA,MACA,WAAWK,EAAeN,CAAS;AAAA,MACnC,cAAAQ;AAAA,MACA,eAAeC,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEO,SAASE,IAAoB;AAClC,QAAM,EAAE,SAAAV,GAAS,cAAAO,GAAc,eAAAC,EAAA,IAAkBN,EAAA;AACjD,SACE,gBAAAC;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAAAX;AAAA,MACA,cAAcK,EAAeE,CAAY;AAAA,MACzC,eAAeC,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AACO,SAASI,IAA0B;AACxC,QAAM,EAAE,SAAAZ,GAAS,cAAAO,EAAA,IAAiBL,EAAA;AAClC,2BAAQW,GAAA,EAAc,SAAAb,GAAkB,cAAcK,EAAeE,CAAY,GAAG;AACtF;AACO,SAASO,IAA0B;AACxC,QAAM,EAAE,SAAAd,GAAS,cAAAO,EAAA,IAAiBL,EAAA;AAClC,2BAAQa,GAAA,EAAc,SAAAf,GAAkB,cAAcK,EAAeE,CAAY,GAAG;AACtF;AACO,SAASS,IAAmB;AACjC,QAAM,EAAE,SAAAhB,GAAS,cAAAO,GAAc,gBAAAU,EAAA,IAAmBf,EAAA;AAClD,SACE,gBAAAC;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,SAAAlB;AAAA,MACA,cAAcK,EAAeE,CAAY;AAAA,MACzC,gBAAAU;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Contractor/OnboardingFlow/onboardingStateMachine.d.ts

@@ -0,0 +1,9 @@
+export declare const onboardingMachine: {
+    list: import('robot3').MachineState<"contractor/create" | "contractor/update">;
+    profile: import('robot3').MachineState<"contractor/profile/done">;
+    address: import('robot3').MachineState<"contractor/address/done">;
+    paymentMethod: import('robot3').MachineState<"contractor/paymentMethod/done">;
+    newHireReport: import('robot3').MachineState<"contractor/newHireReport/done">;
+    submit: import('robot3').MachineState<"contractor/submit/done">;
+    final: import('robot3').MachineState<string>;
+};

package/dist/components/Contractor/OnboardingFlow/onboardingStateMachine.js

@@ -0,0 +1,119 @@
+import { state as s, transition as o, reduce as r, guard as c } from "robot3";
+import { ContractorListContextual as u, AddressContextual as O, NewHireReportContextual as p, ProfileContextual as d, SubmitContextual as i, PaymentMethodContextual as R } from "./OnboardingFlowComponents.js";
+import { componentEvents as n } from "../../../shared/constants.js";
+const a = (t) => (e) => ({
+  ...e,
+  ...t
+}), T = {
+  list: s(
+    o(
+      n.CONTRACTOR_CREATE,
+      "profile",
+      r(
+        a({
+          component: d,
+          currentStep: 1,
+          showProgress: !0,
+          contractorId: void 0,
+          successMessage: void 0
+        })
+      )
+    ),
+    o(
+      n.CONTRACTOR_UPDATE,
+      "profile",
+      r(
+        (t, e) => ({
+          ...t,
+          component: d,
+          currentStep: 1,
+          showProgress: !0,
+          contractorId: e.payload.contractorId,
+          successMessage: void 0
+        })
+      )
+    )
+  ),
+  profile: s(
+    o(
+      n.CONTRACTOR_PROFILE_DONE,
+      "address",
+      r(
+        (t, e) => ({
+          ...t,
+          component: O,
+          currentStep: 2,
+          contractorId: e.payload.contractorId,
+          selfOnboarding: e.payload.selfOnboarding
+        })
+      ),
+      c((t, e) => !e.payload.selfOnboarding)
+      // Only allow transition to address if not self-onboarding
+    ),
+    o(
+      n.CONTRACTOR_PROFILE_DONE,
+      "newHireReport",
+      r(
+        (t, e) => ({
+          ...t,
+          component: p,
+          currentStep: 2,
+          totalSteps: 3
+        })
+      ),
+      c((t, e) => e.payload.selfOnboarding)
+      // Only allow transition to new hire report if self-onboarding
+    )
+  ),
+  address: s(
+    o(
+      n.CONTRACTOR_ADDRESS_DONE,
+      "paymentMethod",
+      r(a({ component: R, currentStep: 3 }))
+    )
+  ),
+  paymentMethod: s(
+    o(
+      n.CONTRACTOR_PAYMENT_METHOD_DONE,
+      "newHireReport",
+      r(
+        a({
+          component: p,
+          currentStep: 4
+        })
+      )
+    )
+  ),
+  newHireReport: s(
+    o(
+      n.CONTRACTOR_NEW_HIRE_REPORT_DONE,
+      "submit",
+      r(
+        a({
+          component: i,
+          currentStep: 5
+        })
+      )
+    )
+  ),
+  submit: s(
+    o(
+      n.CONTRACTOR_SUBMIT_DONE,
+      "list",
+      r(
+        (t, e) => ({
+          ...t,
+          component: u,
+          currentStep: 0,
+          showProgress: !1,
+          successMessage: e.payload.message
+        })
+      )
+    )
+  ),
+  final: s()
+};
+export {
+  T as onboardingMachine
+};
+//# sourceMappingURL=onboardingStateMachine.js.map

package/dist/components/Contractor/OnboardingFlow/onboardingStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Contractor/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  AddressContextual,\n  ContractorListContextual,\n  NewHireReportContextual,\n  PaymentMethodContextual,\n  ProfileContextual,\n  SubmitContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_UPDATE]: {\n    contractorId: string\n  }\n  [componentEvents.CONTRACTOR_PROFILE_DONE]: { contractorId: string; selfOnboarding: boolean }\n  [componentEvents.CONTRACTOR_SUBMIT_DONE]: { message?: string }\n}\n\nconst createReducer = (props: Partial<OnboardingFlowContextInterface>) => {\n  return (ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\nexport const onboardingMachine = {\n  list: state(\n    transition(\n      componentEvents.CONTRACTOR_CREATE,\n      'profile',\n      reduce(\n        createReducer({\n          component: ProfileContextual,\n          currentStep: 1,\n          showProgress: true,\n          contractorId: undefined,\n          successMessage: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_UPDATE,\n      'profile',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_UPDATE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            currentStep: 1,\n            showProgress: true,\n            contractorId: ev.payload.contractorId,\n            successMessage: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  profile: state(\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'address',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: AddressContextual,\n            currentStep: 2,\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n          }\n        },\n      ),\n      guard((ctx, ev) => !ev.payload.selfOnboarding), // Only allow transition to address if not self-onboarding\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'newHireReport',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: NewHireReportContextual,\n            currentStep: 2,\n            totalSteps: 3,\n          }\n        },\n      ),\n      guard((ctx, ev) => ev.payload.selfOnboarding), // Only allow transition to new hire report if self-onboarding\n    ),\n  ),\n  address: state(\n    transition(\n      componentEvents.CONTRACTOR_ADDRESS_DONE,\n      'paymentMethod',\n      reduce(createReducer({ component: PaymentMethodContextual, currentStep: 3 })),\n    ),\n  ),\n  paymentMethod: state(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'newHireReport',\n      reduce(\n        createReducer({\n          component: NewHireReportContextual,\n          currentStep: 4,\n        }),\n      ),\n    ),\n  ),\n  newHireReport: state(\n    transition(\n      componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE,\n      'submit',\n      reduce(\n        createReducer({\n          component: SubmitContextual,\n          currentStep: 5,\n        }),\n      ),\n    ),\n  ),\n  submit: state(\n    transition(\n      componentEvents.CONTRACTOR_SUBMIT_DONE,\n      'list',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_SUBMIT_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ContractorListContextual,\n            currentStep: 0,\n            showProgress: false,\n            successMessage: ev.payload.message,\n          }\n        },\n      ),\n    ),\n  ),\n  final: state(),\n}\n"],"names":["createReducer","props","ctx","onboardingMachine","state","transition","componentEvents","reduce","ProfileContextual","ev","AddressContextual","guard","NewHireReportContextual","PaymentMethodContextual","SubmitContextual","ContractorListContextual"],"mappings":";;;AAqBA,MAAMA,IAAgB,CAACC,MACd,CAACC,OAAyE;AAAA,EAC/E,GAAGA;AAAA,EACH,GAAGD;AAAA,IAGME,IAAoB;AAAA,EAC/B,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWQ;AAAA,UACX,aAAa;AAAA,UACb,cAAc;AAAA,UACd,cAAc;AAAA,UACd,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IACH;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAO,OAEO;AAAA,UACL,GAAGP;AAAA,UACH,WAAWM;AAAA,UACX,aAAa;AAAA,UACb,cAAc;AAAA,UACd,cAAcC,EAAG,QAAQ;AAAA,UACzB,gBAAgB;AAAA,QAAA;AAAA,MAEpB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,SAASL;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAO,OAEO;AAAA,UACL,GAAGP;AAAA,UACH,WAAWQ;AAAA,UACX,aAAa;AAAA,UACb,cAAcD,EAAG,QAAQ;AAAA,UACzB,gBAAgBA,EAAG,QAAQ;AAAA,QAAA;AAAA,MAE/B;AAAA,MAEFE,EAAM,CAACT,GAAKO,MAAO,CAACA,EAAG,QAAQ,cAAc;AAAA;AAAA,IAAA;AAAA,IAE/CJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAO,OAEO;AAAA,UACL,GAAGP;AAAA,UACH,WAAWU;AAAA,UACX,aAAa;AAAA,UACb,YAAY;AAAA,QAAA;AAAA,MAEhB;AAAA,MAEFD,EAAM,CAACT,GAAKO,MAAOA,EAAG,QAAQ,cAAc;AAAA;AAAA,IAAA;AAAA,EAC9C;AAAA,EAEF,SAASL;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWa,GAAyB,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,EAC9E;AAAA,EAEF,eAAeT;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWY;AAAA,UACX,aAAa;AAAA,QAAA,CACd;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAEF,eAAeR;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWc;AAAA,UACX,aAAa;AAAA,QAAA,CACd;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAEF,QAAQV;AAAA,IACNC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAO,OAEO;AAAA,UACL,GAAGP;AAAA,UACH,WAAWa;AAAA,UACX,aAAa;AAAA,UACb,cAAc;AAAA,UACd,gBAAgBN,EAAG,QAAQ;AAAA,QAAA;AAAA,MAE/B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOL,EAAA;AACT;"}

package/dist/components/Contractor/PaymentMethod/BankAccountForm.js

@@ -1,12 +1,11 @@
-import { jsxs as o, Fragment as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, Fragment as o, jsx as r } from "react/jsx-runtime";
 import { useTranslation as t } from "react-i18next";
 import "classnames";
-import "../../../shared/constants.js";
-import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { TextInputField as a } from "../../Common/Fields/TextInputField/TextInputField.js";
-function d({ bankAccount: u }) {
+import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+function p({ bankAccount: u }) {
   const { t: e } = t("Contractor.PaymentMethod", { keyPrefix: "bankAccountForm" });
-  return /* @__PURE__ */ o(n, { children: [
+  return /* @__PURE__ */ n(o, { children: [
     /* @__PURE__ */ r(
       a,
       {
@@ -50,6 +49,6 @@ function d({ bankAccount: u }) {
   ] });
 }
 export {
-  d as BankAccountForm
+  p as BankAccountForm
 };
 //# sourceMappingURL=BankAccountForm.js.map

package/dist/components/Contractor/PaymentMethod/BankAccountForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n  const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        isRequired\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;AAIO,SAASA,EAAgB,EAAE,aAAAC,KAAqC;AACrE,QAAM,EAAE,GAAAC,MAAMC,EAAe,4BAA4B,EAAE,WAAW,mBAAmB;AAEzF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,WAAW;AAAA,QACpB,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,YAAU;AAAA,QACV,aAAaA,EAAE,0BAA0B;AAAA,QACzC,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,cAAcA,EAAE,2BAA2B;AAAA,QAC3C,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZ,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAA;AAAA,UACnD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAA;AAAA,QAAE;AAAA,MACrD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n  const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        isRequired\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;AAIO,SAASA,EAAgB,EAAE,aAAAC,KAAqC;AACrE,QAAM,EAAE,GAAAC,MAAMC,EAAe,4BAA4B,EAAE,WAAW,mBAAmB;AAEzF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,WAAW;AAAA,QACpB,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,YAAU;AAAA,QACV,aAAaA,EAAE,0BAA0B;AAAA,QACzC,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,cAAcA,EAAE,2BAA2B;AAAA,QAC3C,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZ,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAA;AAAA,UACnD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAA;AAAA,QAAE;AAAA,MACrD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/Contractor/Profile/ContractorProfile.js

@@ -1,24 +1,38 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useContractorProfile as m } from "./useContractorProfile.js";
-import { ContractorType as h, WageType as D } from "./useContractorProfile.js";
-import { ContractorProfileForm as f } from "./ContractorProfileForm.js";
-import { BaseComponent as a } from "../../Base/Base.js";
-import { useComponentDictionary as c } from "../../../i18n/I18n.js";
-function s(o) {
-  return c("Contractor.Profile", o.dictionary), /* @__PURE__ */ r(a, { ...o, children: /* @__PURE__ */ r(p, { ...o }) });
+import { jsx as t } from "react/jsx-runtime";
+import { useContractorsGetSuspense as m } from "@gusto/embedded-api/react-query/contractorsGet";
+import { useContractorProfile as f } from "./useContractorProfile.js";
+import { ContractorType as T, WageType as W } from "./useContractorProfile.js";
+import { ContractorProfileForm as d } from "./ContractorProfileForm.js";
+import { BaseComponent as u } from "../../Base/Base.js";
+import { useComponentDictionary as C } from "../../../i18n/I18n.js";
+function g(o) {
+  return C("Contractor.Profile", o.dictionary), /* @__PURE__ */ t(u, { ...o, children: o.contractorId ? /* @__PURE__ */ t(l, { ...o, contractorId: o.contractorId, children: o.children }) : /* @__PURE__ */ t(n, { ...o, children: o.children }) });
 }
-function p({ companyId: o, contractorId: t, defaultValues: n, className: e }) {
-  const i = m({
+function l(o) {
+  const {
+    data: { contractor: r }
+  } = m({ contractorUuid: o.contractorId });
+  return /* @__PURE__ */ t(n, { ...o, existingContractor: r });
+}
+function n({
+  companyId: o,
+  contractorId: r,
+  defaultValues: c,
+  existingContractor: e,
+  className: i
+}) {
+  const a = f({
     companyId: o,
-    contractorId: t,
-    defaultValues: n
+    contractorId: r,
+    defaultValues: c,
+    existingContractor: e
   });
-  return /* @__PURE__ */ r(f, { ...i, className: e });
+  return /* @__PURE__ */ t(d, { ...a, className: i });
 }
 export {
-  s as ContractorProfile,
-  f as ContractorProfileForm,
-  h as ContractorType,
-  D as WageType
+  g as ContractorProfile,
+  d as ContractorProfileForm,
+  T as ContractorType,
+  W as WageType
 };
 //# sourceMappingURL=ContractorProfile.js.map

package/dist/components/Contractor/Profile/ContractorProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/ContractorProfile.tsx"],"sourcesContent":["import {\n  useContractorProfile,\n  ContractorType,\n  WageType,\n  type UseContractorProfileProps,\n} from './useContractorProfile'\nimport { ContractorProfileForm } from './ContractorProfileForm'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface ContractorProfileProps extends CommonComponentInterface<'Contractor.Profile'> {\n  companyId: string\n  contractorId?: string\n  defaultValues?: UseContractorProfileProps['defaultValues']\n}\n\n// Container component - calls hook and passes data to presentation component\nexport function ContractorProfile(props: ContractorProfileProps & BaseComponentInterface) {\n  useComponentDictionary('Contractor.Profile', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, contractorId, defaultValues, className }: ContractorProfileProps) {\n  const hookData = useContractorProfile({\n    companyId,\n    contractorId,\n    defaultValues,\n  })\n\n  return <ContractorProfileForm {...hookData} className={className} />\n}\n\n// Re-export types and enums for convenience\nexport { ContractorType, WageType }\nexport type { UseContractorProfileProps as ContractorProfileFormData }\n\n// Re-export the form component for convenience\nexport { ContractorProfileForm } from './ContractorProfileForm'\n"],"names":["ContractorProfile","props","useComponentDictionary","jsx","BaseComponent","Root","companyId","contractorId","defaultValues","className","hookData","useContractorProfile","ContractorProfileForm"],"mappings":";;;;;;AAkBO,SAASA,EAAkBC,GAAwD;AACxF,SAAAC,EAAuB,sBAAsBD,EAAM,UAAU,GAE3D,gBAAAE,EAACC,KAAe,GAAGH,GACjB,4BAACI,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK,EAAE,WAAAC,GAAW,cAAAC,GAAc,eAAAC,GAAe,WAAAC,KAAqC;AAC3F,QAAMC,IAAWC,EAAqB;AAAA,IACpC,WAAAL;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,CACD;AAED,SAAO,gBAAAL,EAACS,GAAA,EAAuB,GAAGF,GAAU,WAAAD,EAAA,CAAsB;AACpE;"}
+{"version":3,"file":"ContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/ContractorProfile.tsx"],"sourcesContent":["import { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport {\n  useContractorProfile,\n  ContractorType,\n  WageType,\n  type UseContractorProfileProps,\n} from './useContractorProfile'\nimport { ContractorProfileForm } from './ContractorProfileForm'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport type { WithRequired } from '@/types/Helpers'\n\ninterface ContractorProfileProps extends CommonComponentInterface<'Contractor.Profile'> {\n  companyId: string\n  contractorId?: string\n  defaultValues?: UseContractorProfileProps['defaultValues']\n}\n\ninterface ContractorProfileConditionalProps {\n  existingContractor?: Contractor\n}\n\n// Container component - calls hook and passes data to presentation component\nexport function ContractorProfile(props: ContractorProfileProps & BaseComponentInterface) {\n  useComponentDictionary('Contractor.Profile', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      {props.contractorId ? (\n        <RootWithContractor {...props} contractorId={props.contractorId}>\n          {props.children}\n        </RootWithContractor>\n      ) : (\n        <Root {...props}>{props.children}</Root>\n      )}\n    </BaseComponent>\n  )\n}\n\n/**Accounting for conditional logic where contractor data needs to be fetched only if contractorId is present */\nfunction RootWithContractor(props: WithRequired<ContractorProfileProps, 'contractorId'>) {\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: props.contractorId })\n  return <Root {...props} existingContractor={contractor} />\n}\n\nfunction Root({\n  companyId,\n  contractorId,\n  defaultValues,\n  existingContractor,\n  className,\n}: ContractorProfileProps & ContractorProfileConditionalProps) {\n  const hookData = useContractorProfile({\n    companyId,\n    contractorId,\n    defaultValues,\n    existingContractor,\n  })\n  return <ContractorProfileForm {...hookData} className={className} />\n}\n\n// Re-export types and enums for convenience\nexport { ContractorType, WageType }\nexport type { UseContractorProfileProps as ContractorProfileFormData }\n\n// Re-export the form component for convenience\nexport { ContractorProfileForm } from './ContractorProfileForm'\n"],"names":["ContractorProfile","props","useComponentDictionary","jsx","BaseComponent","RootWithContractor","Root","contractor","useContractorsGetSuspense","companyId","contractorId","defaultValues","existingContractor","className","hookData","useContractorProfile","ContractorProfileForm"],"mappings":";;;;;;;AAyBO,SAASA,EAAkBC,GAAwD;AACxF,SAAAC,EAAuB,sBAAsBD,EAAM,UAAU,GAE3D,gBAAAE,EAACC,KAAe,GAAGH,GAChB,YAAM,eACL,gBAAAE,EAACE,GAAA,EAAoB,GAAGJ,GAAO,cAAcA,EAAM,cAChD,UAAAA,EAAM,UACT,IAEA,gBAAAE,EAACG,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CAErC;AAEJ;AAGA,SAASI,EAAmBJ,GAA6D;AACvF,QAAM;AAAA,IACJ,MAAM,EAAE,YAAAM,EAAA;AAAA,EAAW,IACjBC,EAA0B,EAAE,gBAAgBP,EAAM,cAAc;AACpE,SAAO,gBAAAE,EAACG,GAAA,EAAM,GAAGL,GAAO,oBAAoBM,GAAY;AAC1D;AAEA,SAASD,EAAK;AAAA,EACZ,WAAAG;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AACF,GAA+D;AAC7D,QAAMC,IAAWC,EAAqB;AAAA,IACpC,WAAAN;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,CACD;AACD,SAAO,gBAAAT,EAACa,GAAA,EAAuB,GAAGF,GAAU,WAAAD,EAAA,CAAsB;AACpE;"}

package/dist/components/Contractor/Profile/ContractorProfileForm.d.ts

@@ -2,4 +2,4 @@ import { useContractorProfile } from './useContractorProfile';
 export type ContractorProfileFormProps = ReturnType<typeof useContractorProfile> & {
     className?: string;
 };
-export declare function ContractorProfileForm({ formMethods, handleSubmit, formState, handleCancel, shouldShowEmailField, shouldShowBusinessFields, shouldShowIndividualFields, shouldShowHourlyRate, contractorTypeOptions, wageTypeOptions, isEditing, className, }: ContractorProfileFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContractorProfileForm({ formMethods, handleSubmit, formState, shouldShowEmailField, shouldShowBusinessFields, shouldShowIndividualFields, shouldShowHourlyRate, contractorTypeOptions, wageTypeOptions, isEditing, className, }: ContractorProfileFormProps): import("react/jsx-runtime").JSX.Element;