@gusto/embedded-react-sdk 0.52.2 → 0.54.0

package/dist/components/Contractor/Profile/management/ProfileComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileComponents.js","sources":["../../../../../src/components/Contractor/Profile/management/ProfileComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { ProfileEditForm } from './ProfileEditForm'\nimport { ProfileCard } from './ProfileCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\ntype ProfileSuccessAlertCode = 'profileUpdated'\n\n/** @internal */\nexport interface ProfileContextInterface extends FlowContextInterface {\n  contractorId?: string\n  successAlert?: ProfileSuccessAlertCode | null\n}\n\n/** @internal */\nexport function CardContextual() {\n  const { contractorId, onEvent, successAlert, LoaderComponent } =\n    useFlow<ProfileContextInterface>()\n  const { t } = useTranslation('Contractor.Management.Profile')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <ProfileCard\n        contractorId={ensureRequired(contractorId)}\n        onEvent={onEvent}\n        LoaderComponent={LoaderComponent}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function ProfileEditFormContextual() {\n  const { contractorId, onEvent, LoaderComponent } = useFlow<ProfileContextInterface>()\n  return (\n    <ProfileEditForm\n      contractorId={ensureRequired(contractorId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["CardContextual","contractorId","onEvent","successAlert","LoaderComponent","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","ProfileCard","ensureRequired","ProfileEditFormContextual","ProfileEditForm"],"mappings":";;;;;;;;;AAkBO,SAASA,IAAiB;AAC/B,QAAM,EAAE,cAAAC,GAAc,SAAAC,GAAS,cAAAC,GAAc,iBAAAC,EAAA,IAC3CC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAR,IACC,gBAAAS;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUH,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQW,EAAgB,+CAA+C,IAAI;AAAA,QAC7E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,cAAcC,EAAed,CAAY;AAAA,QACzC,SAAAC;AAAA,QACA,iBAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAGO,SAASY,IAA4B;AAC1C,QAAM,EAAE,cAAAf,GAAc,SAAAC,GAAS,iBAAAE,EAAA,IAAoBC,EAAA;AACnD,SACE,gBAAAO;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,cAAcF,EAAed,CAAY;AAAA,MACzC,SAAAC;AAAA,MACA,iBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Contractor/Profile/management/ProfileEditForm.d.ts

@@ -0,0 +1,32 @@
+import { BaseComponentInterface } from '../../../Base';
+/**
+ * Props for {@link ProfileEditForm}.
+ *
+ * @public
+ */
+export interface ProfileEditFormProps extends BaseComponentInterface<'Contractor.Management.Profile'> {
+    /** The associated contractor identifier. */
+    contractorId: string;
+}
+/**
+ * Standalone edit form for a contractor's basic profile details.
+ *
+ * @remarks
+ * Renders fields for the contractor's name (or business name), start date,
+ * tax ID (SSN or EIN, depending on the contractor's type), and email — all
+ * required on update except tax ID and email — and shows a success alert
+ * when the save completes. An SSN/EIN already on file renders as a locked,
+ * masked value with a "Change" action rather than a blank editable input.
+ * Save and Cancel both emit events so the parent can return to the read view.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/profile/updated` | Fired after the contractor profile is successfully saved | {@link APIModels.Contractor} |
+ * | `contractor/management/profile/editCancelled` | Fired when the user clicks Cancel | — |
+ *
+ * @param input - See {@link ProfileEditFormProps}.
+ * @returns The contractor profile edit form.
+ * @public
+ */
+export declare function ProfileEditForm({ FallbackComponent, LoaderComponent, ...props }: ProfileEditFormProps): import("react").JSX.Element;

package/dist/components/Contractor/Profile/management/ProfileEditForm.js

@@ -0,0 +1,235 @@
+import { jsx as a, jsxs as s, Fragment as p } from "react/jsx-runtime";
+import { useState as E } from "react";
+import { useTranslation as k } from "react-i18next";
+import _ from "classnames";
+import { useContractorDetailsForm as y } from "../shared/useContractorDetailsForm/useContractorDetailsForm.js";
+import d from "./ProfileEditForm.module.scss.js";
+import { BaseBoundaries as P, BaseLayout as N } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { Grid as B } from "../../../Common/Grid/Grid.js";
+import { ActionsLayout as U } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as O } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as V } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useI18n as H, useComponentDictionary as Q } from "../../../../i18n/I18n.js";
+import { CONTRACTOR_TYPE as w, componentEvents as I } from "../../../../shared/constants.js";
+import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function se({
+  FallbackComponent: o,
+  LoaderComponent: r,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    P,
+    {
+      componentName: "Contractor.Management.Profile",
+      FallbackComponent: o,
+      LoaderComponent: r,
+      children: /* @__PURE__ */ a(x, { LoaderComponent: r, ...n })
+    }
+  );
+}
+function x({
+  contractorId: o,
+  className: r,
+  dictionary: n,
+  onEvent: c,
+  LoaderComponent: l
+}) {
+  H("Contractor.Management.Profile"), Q("Contractor.Management.Profile", n);
+  const { t: e } = k("Contractor.Management.Profile"), f = v(), t = y({
+    contractorId: o,
+    withSelfOnboardingField: !1,
+    showEmailField: !0,
+    optionalFieldsToRequire: {
+      update: ["firstName", "lastName", "businessName", "startDate"]
+    }
+  }), [D, u] = E(!1), [R, M] = E(!1), [C, F] = E(!1);
+  if (t.isLoading)
+    return /* @__PURE__ */ a(
+      N,
+      {
+        isLoading: !0,
+        error: t.errorHandling.errors,
+        LoaderComponent: l
+      }
+    );
+  const m = t.data.contractor;
+  if (!m)
+    return /* @__PURE__ */ a(
+      N,
+      {
+        error: t.errorHandling.errors,
+        LoaderComponent: l
+      }
+    );
+  const L = m.type === w.BUSINESS, i = t.form.Fields, { setValue: h } = t.form.hookFormInternals.formMethods, S = async () => {
+    u(!1);
+    const g = await t.actions.onSubmit();
+    g && (c(I.CONTRACTOR_MANAGEMENT_PROFILE_UPDATED, g.data), u(!0));
+  }, A = () => {
+    c(I.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_CANCELLED);
+  }, T = D ? /* @__PURE__ */ a(
+    f.Alert,
+    {
+      status: "success",
+      label: e("form.successAlert"),
+      onDismiss: () => {
+        u(!1);
+      }
+    }
+  ) : void 0;
+  return /* @__PURE__ */ a("section", { className: _(d.container, r), children: /* @__PURE__ */ a(N, { error: t.errorHandling.errors, LoaderComponent: l, children: /* @__PURE__ */ a(V, { formHookResult: t, children: /* @__PURE__ */ s(O, { onSubmit: S, children: [
+    T,
+    /* @__PURE__ */ a(f.Heading, { as: "h1", children: e("form.title") }),
+    L ? /* @__PURE__ */ s(p, { children: [
+      i.BusinessName && /* @__PURE__ */ a(
+        i.BusinessName,
+        {
+          label: e("form.businessName"),
+          validationMessages: { REQUIRED: e("form.validations.businessName") }
+        }
+      ),
+      /* @__PURE__ */ a(
+        i.StartDate,
+        {
+          label: e("form.startDate"),
+          validationMessages: { REQUIRED: e("form.validations.startDate") }
+        }
+      ),
+      m.hasEin && !C ? /* @__PURE__ */ a(
+        b,
+        {
+          label: e("form.einLabel"),
+          maskedValue: m.ein ?? e("form.einMask"),
+          hint: e("form.onFileHint"),
+          changeLabel: e("form.changeCta"),
+          onEdit: () => {
+            F(!0), h("ein", "");
+          }
+        }
+      ) : i.Ein && /* @__PURE__ */ a(
+        i.Ein,
+        {
+          label: e("form.einLabel"),
+          validationMessages: {
+            INVALID_EIN: e("form.validations.ein"),
+            REQUIRED: e("form.validations.ein")
+          }
+        }
+      )
+    ] }) : /* @__PURE__ */ s(p, { children: [
+      /* @__PURE__ */ s(
+        B,
+        {
+          gap: { base: 20, small: 8 },
+          gridTemplateColumns: { base: "1fr", small: ["1fr", 200] },
+          children: [
+            i.FirstName && /* @__PURE__ */ a(
+              i.FirstName,
+              {
+                label: e("form.firstName"),
+                validationMessages: {
+                  REQUIRED: e("form.validations.firstName"),
+                  INVALID_NAME: e("form.validations.firstName")
+                }
+              }
+            ),
+            i.MiddleInitial && /* @__PURE__ */ a(i.MiddleInitial, { label: e("form.middleInitial") })
+          ]
+        }
+      ),
+      i.LastName && /* @__PURE__ */ a(
+        i.LastName,
+        {
+          label: e("form.lastName"),
+          validationMessages: {
+            REQUIRED: e("form.validations.lastName"),
+            INVALID_NAME: e("form.validations.lastName")
+          }
+        }
+      ),
+      /* @__PURE__ */ a(
+        i.StartDate,
+        {
+          label: e("form.startDate"),
+          validationMessages: { REQUIRED: e("form.validations.startDate") }
+        }
+      ),
+      m.hasSsn && !R ? /* @__PURE__ */ a(
+        b,
+        {
+          label: e("form.ssnLabel"),
+          maskedValue: e("form.ssnMask"),
+          hint: e("form.onFileHint"),
+          changeLabel: e("form.changeCta"),
+          onEdit: () => {
+            M(!0), h("ssn", "");
+          }
+        }
+      ) : i.Ssn && /* @__PURE__ */ a(
+        i.Ssn,
+        {
+          label: e("form.ssnLabel"),
+          validationMessages: {
+            INVALID_SSN: e("form.validations.ssn"),
+            REQUIRED: e("form.validations.ssn")
+          }
+        }
+      )
+    ] }),
+    i.Email && /* @__PURE__ */ a(
+      i.Email,
+      {
+        label: e("form.email"),
+        description: e("form.emailDescription"),
+        validationMessages: {
+          REQUIRED: e("form.validations.email"),
+          INVALID_EMAIL: e("form.validations.email")
+        }
+      }
+    ),
+    /* @__PURE__ */ s(U, { children: [
+      /* @__PURE__ */ a(f.Button, { variant: "secondary", onClick: A, type: "button", children: e("form.cancelCta") }),
+      /* @__PURE__ */ a(f.Button, { type: "submit", isLoading: t.status.isPending, children: e("form.saveCta") })
+    ] })
+  ] }) }) }) });
+}
+function b({
+  label: o,
+  maskedValue: r,
+  hint: n,
+  changeLabel: c,
+  onEdit: l
+}) {
+  const e = v();
+  return /* @__PURE__ */ s("div", { className: d.lockedField, children: [
+    /* @__PURE__ */ a(e.Text, { weight: "medium", size: "sm", children: o }),
+    /* @__PURE__ */ s("div", { className: d.lockedFieldRow, children: [
+      /* @__PURE__ */ a("div", { className: d.lockedFieldInput, children: /* @__PURE__ */ a(
+        e.TextInput,
+        {
+          name: "",
+          label: o,
+          shouldVisuallyHideLabel: !0,
+          value: r,
+          isDisabled: !0
+        }
+      ) }),
+      /* @__PURE__ */ a(
+        e.Button,
+        {
+          variant: "secondary",
+          type: "button",
+          className: d.lockedFieldButton,
+          onClick: l,
+          children: c
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(e.Text, { variant: "supporting", size: "sm", children: n })
+  ] });
+}
+export {
+  se as ProfileEditForm
+};
+//# sourceMappingURL=ProfileEditForm.js.map

package/dist/components/Contractor/Profile/management/ProfileEditForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileEditForm.js","sources":["../../../../../src/components/Contractor/Profile/management/ProfileEditForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useContractorDetailsForm } from '../shared/useContractorDetailsForm'\nimport styles from './ProfileEditForm.module.scss'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link ProfileEditForm}.\n *\n * @public\n */\nexport interface ProfileEditFormProps extends BaseComponentInterface<'Contractor.Management.Profile'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n}\n\n/**\n * Standalone edit form for a contractor's basic profile details.\n *\n * @remarks\n * Renders fields for the contractor's name (or business name), start date,\n * tax ID (SSN or EIN, depending on the contractor's type), and email — all\n * required on update except tax ID and email — and shows a success alert\n * when the save completes. An SSN/EIN already on file renders as a locked,\n * masked value with a \"Change\" action rather than a blank editable input.\n * Save and Cancel both emit events so the parent can return to the read view.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/profile/updated` | Fired after the contractor profile is successfully saved | {@link APIModels.Contractor} |\n * | `contractor/management/profile/editCancelled` | Fired when the user clicks Cancel | — |\n *\n * @param input - See {@link ProfileEditFormProps}.\n * @returns The contractor profile edit form.\n * @public\n */\nexport function ProfileEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: ProfileEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <ProfileEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileEditFormRoot({\n  contractorId,\n  className,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: ProfileEditFormProps) {\n  useI18n('Contractor.Management.Profile')\n  useComponentDictionary('Contractor.Management.Profile', dictionary)\n  const { t } = useTranslation('Contractor.Management.Profile')\n  const Components = useComponentContext()\n\n  const contractorDetails = useContractorDetailsForm({\n    contractorId,\n    withSelfOnboardingField: false,\n    showEmailField: true,\n    optionalFieldsToRequire: {\n      update: ['firstName', 'lastName', 'businessName', 'startDate'],\n    },\n  })\n\n  const [showSuccess, setShowSuccess] = useState(false)\n  const [isEditingSsn, setIsEditingSsn] = useState(false)\n  const [isEditingEin, setIsEditingEin] = useState(false)\n\n  if (contractorDetails.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={contractorDetails.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const contractor = contractorDetails.data.contractor\n  if (!contractor) {\n    return (\n      <BaseLayout\n        error={contractorDetails.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const isBusiness = contractor.type === CONTRACTOR_TYPE.BUSINESS\n  const Fields = contractorDetails.form.Fields\n  const { setValue } = contractorDetails.form.hookFormInternals.formMethods\n\n  const handleSubmit = async () => {\n    setShowSuccess(false)\n    const result = await contractorDetails.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_UPDATED, result.data)\n    setShowSuccess(true)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_CANCELLED)\n  }\n\n  const alert = showSuccess ? (\n    <Components.Alert\n      status=\"success\"\n      label={t('form.successAlert')}\n      onDismiss={() => {\n        setShowSuccess(false)\n      }}\n    />\n  ) : undefined\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={contractorDetails.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={contractorDetails}>\n          <Form onSubmit={handleSubmit}>\n            {alert}\n            <Components.Heading as=\"h1\">{t('form.title')}</Components.Heading>\n            {isBusiness ? (\n              <>\n                {Fields.BusinessName && (\n                  <Fields.BusinessName\n                    label={t('form.businessName')}\n                    validationMessages={{ REQUIRED: t('form.validations.businessName') }}\n                  />\n                )}\n                <Fields.StartDate\n                  label={t('form.startDate')}\n                  validationMessages={{ REQUIRED: t('form.validations.startDate') }}\n                />\n                {contractor.hasEin && !isEditingEin ? (\n                  <LockedField\n                    label={t('form.einLabel')}\n                    maskedValue={contractor.ein ?? t('form.einMask')}\n                    hint={t('form.onFileHint')}\n                    changeLabel={t('form.changeCta')}\n                    onEdit={() => {\n                      setIsEditingEin(true)\n                      setValue('ein', '')\n                    }}\n                  />\n                ) : (\n                  Fields.Ein && (\n                    <Fields.Ein\n                      label={t('form.einLabel')}\n                      validationMessages={{\n                        INVALID_EIN: t('form.validations.ein'),\n                        REQUIRED: t('form.validations.ein'),\n                      }}\n                    />\n                  )\n                )}\n              </>\n            ) : (\n              <>\n                <Grid\n                  gap={{ base: 20, small: 8 }}\n                  gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n                >\n                  {Fields.FirstName && (\n                    <Fields.FirstName\n                      label={t('form.firstName')}\n                      validationMessages={{\n                        REQUIRED: t('form.validations.firstName'),\n                        INVALID_NAME: t('form.validations.firstName'),\n                      }}\n                    />\n                  )}\n                  {Fields.MiddleInitial && <Fields.MiddleInitial label={t('form.middleInitial')} />}\n                </Grid>\n                {Fields.LastName && (\n                  <Fields.LastName\n                    label={t('form.lastName')}\n                    validationMessages={{\n                      REQUIRED: t('form.validations.lastName'),\n                      INVALID_NAME: t('form.validations.lastName'),\n                    }}\n                  />\n                )}\n                <Fields.StartDate\n                  label={t('form.startDate')}\n                  validationMessages={{ REQUIRED: t('form.validations.startDate') }}\n                />\n                {contractor.hasSsn && !isEditingSsn ? (\n                  <LockedField\n                    label={t('form.ssnLabel')}\n                    maskedValue={t('form.ssnMask')}\n                    hint={t('form.onFileHint')}\n                    changeLabel={t('form.changeCta')}\n                    onEdit={() => {\n                      setIsEditingSsn(true)\n                      setValue('ssn', '')\n                    }}\n                  />\n                ) : (\n                  Fields.Ssn && (\n                    <Fields.Ssn\n                      label={t('form.ssnLabel')}\n                      validationMessages={{\n                        INVALID_SSN: t('form.validations.ssn'),\n                        REQUIRED: t('form.validations.ssn'),\n                      }}\n                    />\n                  )\n                )}\n              </>\n            )}\n            {Fields.Email && (\n              <Fields.Email\n                label={t('form.email')}\n                description={t('form.emailDescription')}\n                validationMessages={{\n                  REQUIRED: t('form.validations.email'),\n                  INVALID_EMAIL: t('form.validations.email'),\n                }}\n              />\n            )}\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleCancel} type=\"button\">\n                {t('form.cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={contractorDetails.status.isPending}>\n                {t('form.saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n\nfunction LockedField({\n  label,\n  maskedValue,\n  hint,\n  changeLabel,\n  onEdit,\n}: {\n  label: string\n  maskedValue: string\n  hint: string\n  changeLabel: string\n  onEdit: () => void\n}) {\n  const Components = useComponentContext()\n\n  return (\n    <div className={styles.lockedField}>\n      <Components.Text weight=\"medium\" size=\"sm\">\n        {label}\n      </Components.Text>\n      <div className={styles.lockedFieldRow}>\n        <div className={styles.lockedFieldInput}>\n          <Components.TextInput\n            name=\"\"\n            label={label}\n            shouldVisuallyHideLabel\n            value={maskedValue}\n            isDisabled\n          />\n        </div>\n        <Components.Button\n          variant=\"secondary\"\n          type=\"button\"\n          className={styles.lockedFieldButton}\n          onClick={onEdit}\n        >\n          {changeLabel}\n        </Components.Button>\n      </div>\n      <Components.Text variant=\"supporting\" size=\"sm\">\n        {hint}\n      </Components.Text>\n    </div>\n  )\n}\n"],"names":["ProfileEditForm","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","ProfileEditFormRoot","contractorId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","contractorDetails","useContractorDetailsForm","showSuccess","setShowSuccess","useState","isEditingSsn","setIsEditingSsn","isEditingEin","setIsEditingEin","BaseLayout","contractor","isBusiness","CONTRACTOR_TYPE","Fields","setValue","handleSubmit","result","componentEvents","handleCancel","alert","classNames","styles","SDKFormProvider","jsxs","Form","Fragment","LockedField","Grid","ActionsLayout","label","maskedValue","hint","changeLabel","onEdit"],"mappings":"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"}

package/dist/components/Contractor/Profile/management/ProfileEditForm.module.scss.js

@@ -0,0 +1,16 @@
+const o = "_container_6otvs_1", e = "_lockedField_6otvs_5", l = "_lockedFieldRow_6otvs_9", t = "_lockedFieldInput_6otvs_15", d = "_lockedFieldButton_6otvs_20", c = {
+  container: o,
+  lockedField: e,
+  lockedFieldRow: l,
+  lockedFieldInput: t,
+  lockedFieldButton: d
+};
+export {
+  o as container,
+  c as default,
+  e as lockedField,
+  d as lockedFieldButton,
+  t as lockedFieldInput,
+  l as lockedFieldRow
+};
+//# sourceMappingURL=ProfileEditForm.module.scss.js.map

package/dist/components/Contractor/Profile/management/ProfileEditForm.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileEditForm.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/Contractor/Profile/management/index.d.ts

@@ -0,0 +1,3 @@
+export { Profile, type ProfileProps } from './Profile';
+export { ProfileCard, type ProfileCardProps } from './ProfileCard';
+export { ProfileEditForm, type ProfileEditFormProps } from './ProfileEditForm';

package/dist/components/Contractor/Profile/management/profileStateMachine.d.ts

@@ -0,0 +1,5 @@
+/** @internal */
+export declare const profileStateMachine: {
+    card: import('robot3').MachineState<any>;
+    editProfile: import('robot3').MachineState<any>;
+};

package/dist/components/Contractor/Profile/management/profileStateMachine.js

@@ -0,0 +1,37 @@
+import { state as E, transition as e, reduce as o } from "robot3";
+import { ProfileEditFormContextual as T, CardContextual as c } from "./ProfileComponents.js";
+import { componentEvents as r } from "../../../../shared/constants.js";
+const n = o((t) => ({
+  ...t,
+  component: c,
+  successAlert: null
+})), i = (t) => o((A) => ({
+  ...A,
+  component: c,
+  successAlert: t
+})), _ = {
+  card: E(
+    e(
+      r.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED,
+      "editProfile",
+      o((t) => ({
+        ...t,
+        component: T,
+        successAlert: null
+      }))
+    ),
+    e(r.CONTRACTOR_MANAGEMENT_PROFILE_ALERT_DISMISSED, "card", n)
+  ),
+  editProfile: E(
+    e(
+      r.CONTRACTOR_MANAGEMENT_PROFILE_UPDATED,
+      "card",
+      i("profileUpdated")
+    ),
+    e(r.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_CANCELLED, "card", n)
+  )
+};
+export {
+  _ as profileStateMachine
+};
+//# sourceMappingURL=profileStateMachine.js.map

package/dist/components/Contractor/Profile/management/profileStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileStateMachine.js","sources":["../../../../../src/components/Contractor/Profile/management/profileStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { ProfileContextInterface } from './ProfileComponents'\nimport { CardContextual, ProfileEditFormContextual } from './ProfileComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n  ...ctx,\n  component: CardContextual as ComponentType,\n  successAlert: null,\n}))\n\nconst returnToCardWithAlert = (alert: ProfileContextInterface['successAlert']) =>\n  reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const profileStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED,\n      'editProfile',\n      reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n        ...ctx,\n        component: ProfileEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_ALERT_DISMISSED, 'card', returnToCard),\n  ),\n  editProfile: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_UPDATED,\n      'card',\n      returnToCardWithAlert('profileUpdated'),\n    ),\n    transition(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_CANCELLED, 'card', returnToCard),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","profileStateMachine","state","transition","componentEvents","ProfileEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC,EAAO,CAACC,OAA2D;AAAA,EACtF,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAA2D;AAAA,EACjE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAAsB;AAAA,EACjC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA2D;AAAA,QACjE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF,EAAWC,EAAgB,+CAA+C,QAAQT,CAAY;AAAA,EAAA;AAAA,EAEhG,aAAaO;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,gBAAgB;AAAA,IAAA;AAAA,IAExCI,EAAWC,EAAgB,8CAA8C,QAAQT,CAAY;AAAA,EAAA;AAEjG;"}

package/dist/components/Contractor/Profile/{BusinessSelfOnboardingProfile.d.ts → onboarding/BusinessSelfOnboardingProfile.d.ts}

@@ -5,4 +5,4 @@ import { ContractorSelfOnboardingProfileProps } from './SelfOnboardingContractor
  *
  * @internal
  */
-export declare function BusinessSelfOnboardingProfile({ contractorId, onEvent, className, }: ContractorSelfOnboardingProfileProps): import("react").JSX.Element;
+export declare function BusinessSelfOnboardingProfile({ contractorId, onEvent, className, LoaderComponent, }: ContractorSelfOnboardingProfileProps): import("react").JSX.Element;

package/dist/components/Contractor/Profile/{BusinessSelfOnboardingProfile.js → onboarding/BusinessSelfOnboardingProfile.js}

@@ -1,42 +1,49 @@
 import { jsx as i, jsxs as t, Fragment as p } from "react/jsx-runtime";
-import { useTranslation as g } from "react-i18next";
-import b from "classnames";
-import { useContractorDetailsForm as h } from "./shared/useContractorDetailsForm/useContractorDetailsForm.js";
-import D from "./ContractorProfile.module.scss.js";
-import { BaseLayout as d } from "../../Base/Base.js";
-import "../../Base/useBase.js";
-import { SDKFormProvider as E } from "../../../partner-hook-utils/form/SDKFormProvider.js";
-import { Form as O } from "../../Common/Form/Form.js";
-import { Flex as a } from "../../Common/Flex/Flex.js";
-import { useComponentContext as N } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { componentEvents as m } from "../../../shared/constants.js";
-const R = {
+import { useTranslation as b } from "react-i18next";
+import h from "classnames";
+import { useContractorDetailsForm as D } from "../shared/useContractorDetailsForm/useContractorDetailsForm.js";
+import E from "./ContractorProfile.module.scss.js";
+import { BaseLayout as m } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { SDKFormProvider as O } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { Form as N } from "../../../Common/Form/Form.js";
+import { Flex as a } from "../../../Common/Flex/Flex.js";
+import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { componentEvents as u } from "../../../../shared/constants.js";
+const S = {
   update: ["businessName", "ein"]
 };
 function A({
-  contractorId: u,
+  contractorId: c,
   onEvent: l,
-  className: c
+  className: f,
+  LoaderComponent: d
 }) {
-  const { t: e } = g("Contractor.Profile"), s = N(), n = h({
-    contractorId: u,
+  const { t: e } = b("Contractor.Profile"), s = R(), n = D({
+    contractorId: c,
     withSelfOnboardingField: !1,
     defaultValues: { selfOnboarding: !0 },
-    optionalFieldsToRequire: R
+    optionalFieldsToRequire: S
   });
   if (n.isLoading)
-    return /* @__PURE__ */ i(d, { isLoading: !0, error: n.errorHandling.errors });
-  const { Fields: r } = n.form, f = async () => {
+    return /* @__PURE__ */ i(
+      m,
+      {
+        isLoading: !0,
+        error: n.errorHandling.errors,
+        LoaderComponent: d
+      }
+    );
+  const { Fields: r } = n.form, g = async () => {
     const o = await n.actions.onSubmit();
-    o && (l(m.CONTRACTOR_UPDATED, o.data), l(m.CONTRACTOR_PROFILE_DONE, {
+    o && (l(u.CONTRACTOR_UPDATED, o.data), l(u.CONTRACTOR_PROFILE_DONE, {
       contractorId: o.data.uuid,
       onboardingStatus: o.data.onboardingStatus,
       selfOnboarding: !0
     }));
   };
-  return /* @__PURE__ */ i("section", { className: b(D.root, c), children: /* @__PURE__ */ i(d, { error: n.errorHandling.errors, children: /* @__PURE__ */ i(E, { formHookResult: n, children: /* @__PURE__ */ t(O, { onSubmit: () => {
-    f();
+  return /* @__PURE__ */ i("section", { className: h(E.root, f), children: /* @__PURE__ */ i(m, { error: n.errorHandling.errors, LoaderComponent: d, children: /* @__PURE__ */ i(O, { formHookResult: n, children: /* @__PURE__ */ t(N, { onSubmit: () => {
+    g();
   }, children: [
     /* @__PURE__ */ t(a, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
       /* @__PURE__ */ i("header", { children: /* @__PURE__ */ t(a, { flexDirection: "column", gap: 4, children: [

package/dist/components/Contractor/Profile/onboarding/BusinessSelfOnboardingProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BusinessSelfOnboardingProfile.js","sources":["../../../../../src/components/Contractor/Profile/onboarding/BusinessSelfOnboardingProfile.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport {\n  useContractorDetailsForm,\n  type ContractorDetailsOptionalFieldsToRequire,\n} from '../shared/useContractorDetailsForm'\nimport type { ContractorSelfOnboardingProfileProps } from './SelfOnboardingContractorProfile'\nimport styles from './ContractorProfile.module.scss'\nimport { BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\n\nconst BUSINESS_REQUIRED_FIELDS: ContractorDetailsOptionalFieldsToRequire = {\n  update: ['businessName', 'ein'],\n}\n\n/**\n * Self-onboarding profile for a business contractor — collects business name\n * and EIN.\n *\n * @internal\n */\nexport function BusinessSelfOnboardingProfile({\n  contractorId,\n  onEvent,\n  className,\n  LoaderComponent,\n}: ContractorSelfOnboardingProfileProps) {\n  const { t } = useTranslation('Contractor.Profile')\n  const Components = useComponentContext()\n\n  const contractor = useContractorDetailsForm({\n    contractorId,\n    withSelfOnboardingField: false,\n    defaultValues: { selfOnboarding: true },\n    optionalFieldsToRequire: BUSINESS_REQUIRED_FIELDS,\n  })\n\n  if (contractor.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={contractor.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const { Fields } = contractor.form\n\n  const handleSubmit = async () => {\n    const result = await contractor.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.CONTRACTOR_UPDATED, result.data)\n    onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n      contractorId: result.data.uuid,\n      onboardingStatus: result.data.onboardingStatus,\n      selfOnboarding: true,\n    })\n  }\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={contractor.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={contractor}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\" gap={20} alignItems=\"stretch\">\n              <header>\n                <Flex flexDirection=\"column\" gap={4}>\n                  <Components.Heading as=\"h2\">{t('selfOnboarding.title')}</Components.Heading>\n                  <Components.Text variant=\"supporting\">\n                    {t('selfOnboarding.businessDescription')}\n                  </Components.Text>\n                </Flex>\n              </header>\n\n              {Fields.BusinessName && (\n                <>\n                  <Fields.BusinessName\n                    label={t('fields.businessName.label')}\n                    validationMessages={{ REQUIRED: t('validations.businessName') }}\n                  />\n                  {Fields.Ein && (\n                    <Fields.Ein\n                      label={t('fields.ein.label')}\n                      validationMessages={{\n                        INVALID_EIN: t('validations.einFormat'),\n                        REQUIRED: t('validations.ein'),\n                      }}\n                    />\n                  )}\n                </>\n              )}\n            </Flex>\n\n            <Flex gap={12} justifyContent=\"flex-end\">\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={contractor.status.isPending}\n              >\n                {contractor.status.isPending\n                  ? t('selfOnboarding.submitting')\n                  : t('selfOnboarding.continue')}\n              </Components.Button>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["BUSINESS_REQUIRED_FIELDS","BusinessSelfOnboardingProfile","contractorId","onEvent","className","LoaderComponent","t","useTranslation","Components","useComponentContext","contractor","useContractorDetailsForm","jsx","BaseLayout","Fields","handleSubmit","result","componentEvents","classNames","styles","SDKFormProvider","jsxs","Form","Flex","Fragment"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAqE;AAAA,EACzE,QAAQ,CAAC,gBAAgB,KAAK;AAChC;AAQO,SAASC,EAA8B;AAAA,EAC5C,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AACF,GAAyC;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GAEbC,IAAaC,EAAyB;AAAA,IAC1C,cAAAT;AAAA,IACA,yBAAyB;AAAA,IACzB,eAAe,EAAE,gBAAgB,GAAA;AAAA,IACjC,yBAAyBF;AAAA,EAAA,CAC1B;AAED,MAAIU,EAAW;AACb,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOH,EAAW,cAAc;AAAA,QAChC,iBAAAL;AAAA,MAAA;AAAA,IAAA;AAKN,QAAM,EAAE,QAAAS,MAAWJ,EAAW,MAExBK,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,IAAKM,MAELb,EAAQc,EAAgB,oBAAoBD,EAAO,IAAI,GACvDb,EAAQc,EAAgB,yBAAyB;AAAA,MAC/C,cAAcD,EAAO,KAAK;AAAA,MAC1B,kBAAkBA,EAAO,KAAK;AAAA,MAC9B,gBAAgB;AAAA,IAAA,CACjB;AAAA,EACH;AAEA,SACE,gBAAAJ,EAAC,WAAA,EAAQ,WAAWM,EAAWC,EAAO,MAAMf,CAAS,GACnD,UAAA,gBAAAQ,EAACC,GAAA,EAAW,OAAOH,EAAW,cAAc,QAAQ,iBAAAL,GAClD,UAAA,gBAAAO,EAACQ,GAAA,EAAgB,gBAAgBV,GAC/B,UAAA,gBAAAW,EAACC,GAAA,EAAK,UAAU,MAAA;AAAM,IAAKP,EAAA;AAAA,KACzB,UAAA;AAAA,IAAA,gBAAAM,EAACE,KAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC/C,UAAA;AAAA,MAAA,gBAAAX,EAAC,YACC,UAAA,gBAAAS,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAX,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,sBAAsB,GAAE;AAAA,QACvD,gBAAAM,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAF,EAAE,oCAAoC,EAAA,CACzC;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MAECQ,EAAO,gBACN,gBAAAO,EAAAG,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAZ;AAAA,UAACE,EAAO;AAAA,UAAP;AAAA,YACC,OAAOR,EAAE,2BAA2B;AAAA,YACpC,oBAAoB,EAAE,UAAUA,EAAE,0BAA0B,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,QAE/DQ,EAAO,OACN,gBAAAF;AAAA,UAACE,EAAO;AAAA,UAAP;AAAA,YACC,OAAOR,EAAE,kBAAkB;AAAA,YAC3B,oBAAoB;AAAA,cAClB,aAAaA,EAAE,uBAAuB;AAAA,cACtC,UAAUA,EAAE,iBAAiB;AAAA,YAAA;AAAA,UAC/B;AAAA,QAAA;AAAA,MACF,EAAA,CAEJ;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAM,EAACW,GAAA,EAAK,KAAK,IAAI,gBAAe,YAC5B,UAAA,gBAAAX;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,YAAYE,EAAW,OAAO;AAAA,QAE7B,YAAW,OAAO,YACfJ,EAAE,2BAA2B,IAC7BA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA,EACjC,CACF;AAAA,EAAA,GACF,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Contractor/Profile/{ContractorProfile.d.ts → onboarding/ContractorProfile.d.ts}

@@ -1,5 +1,5 @@
-import { ContractorDetailsFormData } from './shared/useContractorDetailsForm';
-import { BaseComponentInterface } from '../../Base/Base';
+import { ContractorDetailsFormData } from '../shared/useContractorDetailsForm';
+import { BaseComponentInterface } from '../../../Base/Base';
 /**
  * Props for {@link ContractorProfile} in admin mode.
  *