@gusto/embedded-react-sdk 0.12.0 → 0.12.3

package/CHANGELOG.md

@@ -1,5 +1,138 @@
 # Changelog
 
+## 0.12.3
+
+### Features & Enhancements
+
+- Separate `Employee.Taxes` into separate `Employee.StateTaxes` and `Employee.FederalTaxes` components and deprecate `Employee.Taxes` (See upgrade guide below)
+- Add CTA (Call to Action) functionality to ProgressBar component
+- Expose Payroll components as UNSTABLE for early access
+- Add Payroll Submit API call functionality
+
+### Fixes
+
+- Fix documentation links ending with .md extension
+
+### Chores & Maintenance
+
+- Upgrade various development dependencies for improved stability
+- Update embedded API to latest version
+
+### Migrating `Employee.Taxes` to `Employee.StateTaxes` and `Employee.FederalTaxes`
+
+We have split the `Employee.Taxes` component into dedicated `Employee.StateTaxes` and `Employee.FederalTaxes` components. The `Employee.Taxes` component is now deprecated and will be removed in a future version.
+
+#### Component Usage
+
+**Before (using combined Employee.Taxes):**
+
+```tsx
+import { Employee } from '@gusto/embedded-react-sdk'
+
+// In employee onboarding flow
+<Employee.Taxes
+  employeeId="employee-id"
+  isAdmin
+  onEvent={(eventType) => {
+    if (eventType === componentEvents.EMPLOYEE_TAXES_DONE) {
+      // called when taxes is done
+    }
+  }}
+/>
+
+// In self-onboarding flow
+<Employee.Taxes
+  employeeId="employee-id"
+  isAdmin={false}
+  onEvent={(eventType) => {
+    if (eventType === componentEvents.EMPLOYEE_TAXES_DONE) {
+      // called when taxes is done
+    }
+  }}
+/>
+```
+
+**After (using separate components):**
+
+```tsx
+import { Employee } from '@gusto/embedded-react-sdk'
+
+// In employee onboarding flow - Federal Taxes step
+<Employee.FederalTaxes
+  employeeId="employee-id"
+  onEvent={(eventType) => {
+    if (eventType === componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE) {
+      // called when federal taxes is done
+    }
+  }}
+/>
+
+// In employee onboarding flow - State Taxes step
+<Employee.StateTaxes
+  employeeId="employee-id"
+  isAdmin
+  onEvent={(eventType) => {
+    if (eventType === componentEvents.EMPLOYEE_STATE_TAXES_DONE) {
+      // called when state taxes is done
+    }
+  }}
+/>
+
+// In self-onboarding flow - Federal Taxes step
+<Employee.FederalTaxes
+  employeeId="employee-id"
+  onEvent={(eventType) => {
+    if (eventType === componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE) {
+      // called when federal taxes is done
+    }
+  }}
+/>
+
+// In self-onboarding flow - State Taxes step
+<Employee.StateTaxes
+  employeeId="employee-id"
+  isAdmin={false}
+  onEvent={(eventType) => {
+    if (eventType === componentEvents.EMPLOYEE_STATE_TAXES_DONE) {
+      // called when state taxes is done
+    }
+  }}
+/>
+```
+
+## 0.12.2
+
+### Features & Enhancements
+
+- Add CTA (Call to Action) functionality to ProgressBar component
+- Expose Payroll components as UNSTABLE for early access
+- Add Payroll Submit API call functionality
+
+### Fixes
+
+- Fix contractor payment details validation and display
+- Fix contractor ID not being passed correctly from profile to submit
+- Fix self onboarding switch with correct onboarding status
+
+### Chores & Maintenance
+
+- Upgrade react-i18next from 15.6.0 to 15.7.0
+- Upgrade react-hook-form from 7.60.0 to 7.62.0
+- Update embedded API to latest version
+
+## 0.12.1
+
+### Fixes
+
+- Fix contractor payment details validation and display
+- Fix contractor ID not being passed correctly from profile to submit
+
+### Chores & Maintenance
+
+- Upgrade react-i18next from 15.6.0 to 15.7.0
+- Upgrade react-hook-form from 7.60.0 to 7.62.0
+- Update embedded API to latest version
+
 ## 0.12.0
 
 ### Updated theming

package/dist/_virtual/dynamic-import-helper.js

@@ -1,14 +1,7 @@
 const l = (r, n, t) => {
   const e = r[n];
   return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((i, o) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      o.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + n + (n.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + n + (n.split("/").length !== t ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
 export {

package/dist/_virtual/dynamic-import-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-import-helper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"dynamic-import-helper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Base/Base.js

@@ -2,10 +2,10 @@ import { jsx as o, jsxs as u } from "react/jsx-runtime";
 import { useState as y, useCallback as E, Suspense as R } from "react";
 import { ErrorBoundary as S } from "react-error-boundary";
 import { useTranslation as B } from "react-i18next";
-import { APIError as g } from "@gusto/embedded-api/models/errors/apierror";
-import { SDKValidationError as C } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import { UnprocessableEntityErrorObject as h } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
-import { QueryErrorResetBoundary as T } from "@tanstack/react-query";
+import { APIError as g } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/models/errors/apierror.js";
+import { SDKValidationError as C } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/models/errors/sdkvalidationerror.js";
+import { UnprocessableEntityErrorObject as h } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/models/errors/unprocessableentityerrorobject.js";
+import { QueryErrorResetBoundary as T } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@tanstack/react-query/build/modern/index.js";
 import { FadeIn as _ } from "../Common/FadeIn/FadeIn.js";
 import { BaseContext as j } from "./useBase.js";
 import { componentEvents as F } from "../../shared/constants.js";

package/dist/components/Common/ReorderableList/DropZone.js

@@ -21,7 +21,7 @@ const Y = H(function({
         r.listId !== t || !x.getClientOffset() || !s.current || f.current || (f.current = !0, e.current && clearTimeout(e.current), a());
       },
       collect: (r) => ({
-        isOver: !!r.isOver()
+        isOver: r.isOver()
       }),
       drop: (r) => {
         if (r.listId === t)

package/dist/components/Common/ReorderableList/DropZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.js","sources":["../../../../src/components/Common/ReorderableList/DropZone.tsx"],"sourcesContent":["import { useRef, useEffect, memo } from 'react'\nimport classnames from 'classnames'\nimport { useDrop } from 'react-dnd'\nimport { useTranslation } from 'react-i18next'\nimport styles from './ReorderableList.module.scss'\nimport { ITEM_TYPE } from './constants'\n\ninterface DropZoneProps {\n  position: number\n  isActive: boolean\n  onActivate: () => void\n  onDeactivate: () => void\n  onDrop: (fromPosition: number) => void\n  listId: string\n  className?: string\n}\n\nexport const DropZone = memo(function DropZone({\n  position,\n  isActive,\n  onActivate,\n  onDeactivate,\n  onDrop,\n  listId,\n  className,\n}: DropZoneProps) {\n  const ref = useRef<HTMLDivElement>(null)\n  const { t } = useTranslation()\n\n  // Add a debounce timer for hover state changes to prevent flickering\n  const debounceTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const isHoveringRef = useRef(false)\n\n  const [{ isOver }, drop] = useDrop(\n    () => ({\n      accept: ITEM_TYPE,\n      hover: (item: { index: number; listId: string }, monitor) => {\n        if (item.listId !== listId) return\n\n        const clientOffset = monitor.getClientOffset()\n        if (!clientOffset || !ref.current) return\n\n        if (isHoveringRef.current) return\n\n        isHoveringRef.current = true\n\n        if (debounceTimerRef.current) {\n          clearTimeout(debounceTimerRef.current)\n        }\n\n        onActivate()\n      },\n      collect: monitor => ({\n        isOver: !!monitor.isOver(),\n      }),\n      drop: (item: { index: number; listId: string }) => {\n        if (item.listId !== listId) return\n        onDeactivate()\n        onDrop(item.index)\n        return { dropped: true }\n      },\n      canDrop: (item: { index: number; listId: string }) => {\n        if (item.listId !== listId) return false\n        return item.index !== position && item.index !== position - 1\n      },\n    }),\n    [listId, onActivate, onDeactivate, onDrop, position],\n  )\n\n  // Connect the drop ref to the DOM element\n  useEffect(() => {\n    if (ref.current) {\n      drop(ref.current)\n    }\n  }, [drop])\n\n  // Handle deactivation when item is no longer being hovered\n  useEffect(() => {\n    if (!isOver && isActive) {\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n\n      debounceTimerRef.current = setTimeout(() => {\n        isHoveringRef.current = false\n        onDeactivate()\n        debounceTimerRef.current = null\n      }, 100)\n    }\n\n    return () => {\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n    }\n  }, [isOver, isActive, onDeactivate])\n\n  const isHighlighted = isActive || isOver\n\n  const dropZoneClass = classnames(\n    styles.dropZone,\n    isActive || isOver ? styles.activeDropZone : '',\n    isHighlighted ? styles.isHighlighted : '',\n    className,\n  )\n\n  return (\n    <div className={styles.dropZoneContainer}>\n      <div\n        ref={ref}\n        className={dropZoneClass}\n        data-position={position}\n        data-list-id={listId}\n        aria-hidden=\"true\"\n        aria-label={t('reorderableList.dropItemHere')}\n      />\n    </div>\n  )\n})\n"],"names":["DropZone","memo","position","isActive","onActivate","onDeactivate","onDrop","listId","className","ref","useRef","t","useTranslation","debounceTimerRef","isHoveringRef","isOver","drop","useDrop","ITEM_TYPE","item","monitor","useEffect","isHighlighted","dropZoneClass","classnames","styles","jsx"],"mappings":";;;;;;;AAiBO,MAAMA,IAAWC,EAAK,SAAkB;AAAA,EAC7C,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AACF,GAAkB;AAChB,QAAMC,IAAMC,EAAuB,IAAI,GACjC,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAGRC,IAAmBH,EAA6C,IAAI,GACpEI,IAAgBJ,EAAO,EAAK,GAE5B,CAAC,EAAE,QAAAK,KAAUC,CAAI,IAAIC;AAAA,IACzB,OAAO;AAAA,MACL,QAAQC;AAAA,MACR,OAAO,CAACC,GAAyCC,MAAY;AAI3D,QAHID,EAAK,WAAWZ,KAGhB,CADiBa,EAAQ,gBAAA,KACR,CAACX,EAAI,WAEtBK,EAAc,YAElBA,EAAc,UAAU,IAEpBD,EAAiB,WACnB,aAAaA,EAAiB,OAAO,GAGvCT,EAAA;AAAA,MACF;AAAA,MACA,SAAS,CAAAgB,OAAY;AAAA,QACnB,QAAQ,CAAC,CAACA,EAAQ,OAAA;AAAA,MAAO;AAAA,MAE3B,MAAM,CAACD,MAA4C;AACjD,YAAIA,EAAK,WAAWZ;AACpB,iBAAAF,EAAA,GACAC,EAAOa,EAAK,KAAK,GACV,EAAE,SAAS,GAAA;AAAA,MACpB;AAAA,MACA,SAAS,CAACA,MACJA,EAAK,WAAWZ,IAAe,KAC5BY,EAAK,UAAUjB,KAAYiB,EAAK,UAAUjB,IAAW;AAAA,IAC9D;AAAA,IAEF,CAACK,GAAQH,GAAYC,GAAcC,GAAQJ,CAAQ;AAAA,EAAA;AAIrD,EAAAmB,EAAU,MAAM;AACd,IAAIZ,EAAI,WACNO,EAAKP,EAAI,OAAO;AAAA,EAEpB,GAAG,CAACO,CAAI,CAAC,GAGTK,EAAU,OACJ,CAACN,KAAUZ,MACTU,EAAiB,WACnB,aAAaA,EAAiB,OAAO,GAGvCA,EAAiB,UAAU,WAAW,MAAM;AAC1C,IAAAC,EAAc,UAAU,IACxBT,EAAA,GACAQ,EAAiB,UAAU;AAAA,EAC7B,GAAG,GAAG,IAGD,MAAM;AACX,IAAIA,EAAiB,WACnB,aAAaA,EAAiB,OAAO;AAAA,EAEzC,IACC,CAACE,GAAQZ,GAAUE,CAAY,CAAC;AAEnC,QAAMiB,IAAgBnB,KAAYY,GAE5BQ,IAAgBC;AAAAA,IACpBC,EAAO;AAAA,IACPtB,KAAYY,IAASU,EAAO,iBAAiB;AAAA,IAC7CH,IAAgBG,EAAO,gBAAgB;AAAA,IACvCjB;AAAA,EAAA;AAGF,SACE,gBAAAkB,EAAC,OAAA,EAAI,WAAWD,EAAO,mBACrB,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAjB;AAAA,MACA,WAAWc;AAAA,MACX,iBAAerB;AAAA,MACf,gBAAcK;AAAA,MACd,eAAY;AAAA,MACZ,cAAYI,EAAE,8BAA8B;AAAA,IAAA;AAAA,EAAA,GAEhD;AAEJ,CAAC;"}
+{"version":3,"file":"DropZone.js","sources":["../../../../src/components/Common/ReorderableList/DropZone.tsx"],"sourcesContent":["import { useRef, useEffect, memo } from 'react'\nimport classnames from 'classnames'\nimport { useDrop } from 'react-dnd'\nimport { useTranslation } from 'react-i18next'\nimport styles from './ReorderableList.module.scss'\nimport { ITEM_TYPE } from './constants'\n\ninterface DropZoneProps {\n  position: number\n  isActive: boolean\n  onActivate: () => void\n  onDeactivate: () => void\n  onDrop: (fromPosition: number) => void\n  listId: string\n  className?: string\n}\n\nexport const DropZone = memo(function DropZone({\n  position,\n  isActive,\n  onActivate,\n  onDeactivate,\n  onDrop,\n  listId,\n  className,\n}: DropZoneProps) {\n  const ref = useRef<HTMLDivElement>(null)\n  const { t } = useTranslation()\n\n  // Add a debounce timer for hover state changes to prevent flickering\n  const debounceTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const isHoveringRef = useRef(false)\n\n  const [{ isOver }, drop] = useDrop(\n    () => ({\n      accept: ITEM_TYPE,\n      hover: (item: { index: number; listId: string }, monitor) => {\n        if (item.listId !== listId) return\n\n        const clientOffset = monitor.getClientOffset()\n        if (!clientOffset || !ref.current) return\n\n        if (isHoveringRef.current) return\n\n        isHoveringRef.current = true\n\n        if (debounceTimerRef.current) {\n          clearTimeout(debounceTimerRef.current)\n        }\n\n        onActivate()\n      },\n      collect: monitor => ({\n        isOver: monitor.isOver(),\n      }),\n      drop: (item: { index: number; listId: string }) => {\n        if (item.listId !== listId) return\n        onDeactivate()\n        onDrop(item.index)\n        return { dropped: true }\n      },\n      canDrop: (item: { index: number; listId: string }) => {\n        if (item.listId !== listId) return false\n        return item.index !== position && item.index !== position - 1\n      },\n    }),\n    [listId, onActivate, onDeactivate, onDrop, position],\n  )\n\n  // Connect the drop ref to the DOM element\n  useEffect(() => {\n    if (ref.current) {\n      drop(ref.current)\n    }\n  }, [drop])\n\n  // Handle deactivation when item is no longer being hovered\n  useEffect(() => {\n    if (!isOver && isActive) {\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n\n      debounceTimerRef.current = setTimeout(() => {\n        isHoveringRef.current = false\n        onDeactivate()\n        debounceTimerRef.current = null\n      }, 100)\n    }\n\n    return () => {\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n    }\n  }, [isOver, isActive, onDeactivate])\n\n  const isHighlighted = isActive || isOver\n\n  const dropZoneClass = classnames(\n    styles.dropZone,\n    isActive || isOver ? styles.activeDropZone : '',\n    isHighlighted ? styles.isHighlighted : '',\n    className,\n  )\n\n  return (\n    <div className={styles.dropZoneContainer}>\n      <div\n        ref={ref}\n        className={dropZoneClass}\n        data-position={position}\n        data-list-id={listId}\n        aria-hidden=\"true\"\n        aria-label={t('reorderableList.dropItemHere')}\n      />\n    </div>\n  )\n})\n"],"names":["DropZone","memo","position","isActive","onActivate","onDeactivate","onDrop","listId","className","ref","useRef","t","useTranslation","debounceTimerRef","isHoveringRef","isOver","drop","useDrop","ITEM_TYPE","item","monitor","useEffect","isHighlighted","dropZoneClass","classnames","styles","jsx"],"mappings":";;;;;;;AAiBO,MAAMA,IAAWC,EAAK,SAAkB;AAAA,EAC7C,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AACF,GAAkB;AAChB,QAAMC,IAAMC,EAAuB,IAAI,GACjC,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAGRC,IAAmBH,EAA6C,IAAI,GACpEI,IAAgBJ,EAAO,EAAK,GAE5B,CAAC,EAAE,QAAAK,KAAUC,CAAI,IAAIC;AAAA,IACzB,OAAO;AAAA,MACL,QAAQC;AAAA,MACR,OAAO,CAACC,GAAyCC,MAAY;AAI3D,QAHID,EAAK,WAAWZ,KAGhB,CADiBa,EAAQ,gBAAA,KACR,CAACX,EAAI,WAEtBK,EAAc,YAElBA,EAAc,UAAU,IAEpBD,EAAiB,WACnB,aAAaA,EAAiB,OAAO,GAGvCT,EAAA;AAAA,MACF;AAAA,MACA,SAAS,CAAAgB,OAAY;AAAA,QACnB,QAAQA,EAAQ,OAAA;AAAA,MAAO;AAAA,MAEzB,MAAM,CAACD,MAA4C;AACjD,YAAIA,EAAK,WAAWZ;AACpB,iBAAAF,EAAA,GACAC,EAAOa,EAAK,KAAK,GACV,EAAE,SAAS,GAAA;AAAA,MACpB;AAAA,MACA,SAAS,CAACA,MACJA,EAAK,WAAWZ,IAAe,KAC5BY,EAAK,UAAUjB,KAAYiB,EAAK,UAAUjB,IAAW;AAAA,IAC9D;AAAA,IAEF,CAACK,GAAQH,GAAYC,GAAcC,GAAQJ,CAAQ;AAAA,EAAA;AAIrD,EAAAmB,EAAU,MAAM;AACd,IAAIZ,EAAI,WACNO,EAAKP,EAAI,OAAO;AAAA,EAEpB,GAAG,CAACO,CAAI,CAAC,GAGTK,EAAU,OACJ,CAACN,KAAUZ,MACTU,EAAiB,WACnB,aAAaA,EAAiB,OAAO,GAGvCA,EAAiB,UAAU,WAAW,MAAM;AAC1C,IAAAC,EAAc,UAAU,IACxBT,EAAA,GACAQ,EAAiB,UAAU;AAAA,EAC7B,GAAG,GAAG,IAGD,MAAM;AACX,IAAIA,EAAiB,WACnB,aAAaA,EAAiB,OAAO;AAAA,EAEzC,IACC,CAACE,GAAQZ,GAAUE,CAAY,CAAC;AAEnC,QAAMiB,IAAgBnB,KAAYY,GAE5BQ,IAAgBC;AAAAA,IACpBC,EAAO;AAAA,IACPtB,KAAYY,IAASU,EAAO,iBAAiB;AAAA,IAC7CH,IAAgBG,EAAO,gBAAgB;AAAA,IACvCjB;AAAA,EAAA;AAGF,SACE,gBAAAkB,EAAC,OAAA,EAAI,WAAWD,EAAO,mBACrB,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAjB;AAAA,MACA,WAAWc;AAAA,MACX,iBAAerB;AAAA,MACf,gBAAcK;AAAA,MACd,eAAY;AAAA,MACZ,cAAYI,EAAE,8BAA8B;AAAA,IAAA;AAAA,EAAA,GAEhD;AAEJ,CAAC;"}

package/dist/components/Common/ReorderableList/ReorderableItem.js

@@ -33,7 +33,7 @@ const I = z(function({
       type: V,
       item: () => (k.current = !0, d(!0), { index: a, listId: p }),
       collect: (r) => ({
-        isDragging: !!r.isDragging()
+        isDragging: r.isDragging()
       }),
       end: () => {
         k.current = !1, d(!1), l.current && l.current.blur();

package/dist/components/Common/ReorderableList/ReorderableItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderableItem.js","sources":["../../../../src/components/Common/ReorderableList/ReorderableItem.tsx"],"sourcesContent":["import { useRef, useEffect, useCallback, memo } from 'react'\nimport classnames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useDrag } from 'react-dnd'\nimport type { ReactElement } from 'react'\nimport { VisuallyHidden } from '../VisuallyHidden'\nimport type { ReorderableListItem } from './ReorderableListTypes'\nimport styles from './ReorderableList.module.scss'\nimport { ITEM_TYPE } from './constants'\nimport ListIcon from '@/assets/icons/list.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface ReorderableItemProps {\n  item: ReorderableListItem\n  index: number\n  moveItem: (fromIndex: number, toIndex: number, source?: 'keyboard' | 'dragdrop') => void\n  itemCount: number\n  itemIndex: number\n  listId: string\n  isDraggingAny: boolean\n  setIsDragging: (isDragging: boolean) => void\n  isReorderingActive: boolean\n  setIsReorderingActive: (isReorderingActive: boolean) => void\n  isCurrentlyReordering: boolean\n  setReorderingItemIndex: (reorderingItemIndex: number | null) => void\n  renderDragHandle?: (props: {\n    id: string | number\n    label: string\n    isReordering: boolean\n    isDragging: boolean\n  }) => ReactElement\n  className?: string\n}\n\n/**\n * Component for an individual reorderable item\n */\nexport const ReorderableItem = memo(function ReorderableItem({\n  item,\n  index,\n  moveItem,\n  itemCount,\n  itemIndex,\n  listId,\n  isDraggingAny,\n  setIsDragging,\n  isReorderingActive,\n  setIsReorderingActive,\n  isCurrentlyReordering,\n  setReorderingItemIndex,\n  renderDragHandle,\n  className,\n}: ReorderableItemProps) {\n  const ref = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n\n  // Format the accessible item name\n  const accessibleItemName = item.label\n\n  // Add a ref to track if this specific item is being dragged\n  const isBeingDraggedRef = useRef(false)\n\n  // When this item becomes the reordering item, focus on it\n  useEffect(() => {\n    if (isCurrentlyReordering && buttonRef.current) {\n      buttonRef.current.focus()\n    }\n  }, [isCurrentlyReordering])\n\n  // React DnD - Drag source\n  const [{ isDragging }, drag, dragPreview] = useDrag(\n    () => ({\n      type: ITEM_TYPE,\n      item: () => {\n        isBeingDraggedRef.current = true\n        setIsDragging(true)\n        return { index, listId }\n      },\n      collect: monitor => ({\n        isDragging: !!monitor.isDragging(),\n      }),\n      end: () => {\n        isBeingDraggedRef.current = false\n\n        setIsDragging(false)\n\n        if (buttonRef.current) {\n          buttonRef.current.blur()\n        }\n      },\n      canDrag: () => !isDraggingAny || isBeingDraggedRef.current,\n    }),\n    [index, listId, setIsDragging, isDraggingAny],\n  )\n\n  /**\n   * Handles keyboard interactions for reordering\n   */\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      let newReorderingState: boolean\n\n      switch (e.key) {\n        case 'ArrowUp':\n          if (isReorderingActive && index > 0) {\n            e.preventDefault()\n            setReorderingItemIndex(index)\n            moveItem(index, index - 1, 'keyboard')\n          }\n          break\n        case 'ArrowDown':\n          if (isReorderingActive && index < itemCount - 1) {\n            e.preventDefault()\n            setReorderingItemIndex(index)\n            moveItem(index, index + 1, 'keyboard')\n          }\n          break\n        case 'Escape':\n          if (isReorderingActive) {\n            e.preventDefault()\n            setIsReorderingActive(false)\n            setReorderingItemIndex(null)\n          }\n          break\n        case 'Tab':\n          if (isReorderingActive) {\n            setIsReorderingActive(false)\n            setReorderingItemIndex(null)\n          }\n          break\n        case ' ':\n        case 'Enter':\n          e.preventDefault()\n          newReorderingState = !isReorderingActive\n          setIsReorderingActive(newReorderingState)\n\n          if (newReorderingState) {\n            setReorderingItemIndex(index)\n          } else {\n            setReorderingItemIndex(null)\n          }\n          break\n        default:\n          break\n      }\n    },\n    [isReorderingActive, index, itemCount, setReorderingItemIndex, moveItem, setIsReorderingActive],\n  )\n\n  // Set up drag preview and drag source\n  useEffect(() => {\n    if (ref.current) {\n      dragPreview(ref.current)\n    }\n  }, [dragPreview])\n\n  const itemClasses = classnames(\n    styles.reorderableItem,\n    isDragging ? styles.dragging : '',\n    isReorderingActive ? styles.reordering : '',\n    className,\n  )\n\n  return (\n    <div\n      ref={ref}\n      role=\"listitem\"\n      aria-posinset={index + 1}\n      aria-setsize={itemCount}\n      className={itemClasses}\n      data-position={index}\n      data-item-index={itemIndex}\n      data-list-id={listId}\n      data-testid={`reorderable-item-${index}`}\n      data-dragging={isDragging ? 'true' : 'false'}\n      data-reordering={isReorderingActive ? 'true' : 'false'}\n    >\n      <VisuallyHidden>\n        {t('reorderableList.draggablePosition', {\n          item: accessibleItemName,\n          position: String(index + 1),\n          total: String(itemCount),\n        })}\n      </VisuallyHidden>\n      <span className={styles.dragHandle}>\n        {renderDragHandle ? (\n          renderDragHandle({\n            id: item.id || index,\n            label: accessibleItemName,\n            isReordering: isReorderingActive,\n            isDragging: isDragging,\n          })\n        ) : (\n          <Components.ButtonIcon\n            data-index={index}\n            data-item-index={itemIndex}\n            data-reordering={isReorderingActive ? 'true' : 'false'}\n            data-focus-visible={true}\n            data-testid=\"drag-handle-button\"\n            tabIndex={0}\n            onFocus={e => {\n              e.currentTarget.setAttribute('data-focus-visible', 'true')\n            }}\n            onBlur={e => {\n              e.currentTarget.removeAttribute('data-focus-visible')\n            }}\n            aria-label={\n              isReorderingActive\n                ? t('reorderableList.draggableLabelActive', {\n                    item: accessibleItemName,\n                  })\n                : t('reorderableList.draggableLabel', {\n                    item: accessibleItemName,\n                  })\n            }\n            aria-roledescription={t('reorderableList.draggableItem')}\n            aria-grabbed={isDragging}\n            onKeyDown={handleKeyDown}\n            buttonRef={node => {\n              if (node) {\n                buttonRef.current = node\n                drag(node)\n              }\n            }}\n          >\n            <ListIcon />\n          </Components.ButtonIcon>\n        )}\n      </span>\n      <div className={styles.contentContainer}>{item.content}</div>\n    </div>\n  )\n})\n"],"names":["ReorderableItem","memo","item","index","moveItem","itemCount","itemIndex","listId","isDraggingAny","setIsDragging","isReorderingActive","setIsReorderingActive","isCurrentlyReordering","setReorderingItemIndex","renderDragHandle","className","ref","useRef","buttonRef","t","useTranslation","Components","useComponentContext","accessibleItemName","isBeingDraggedRef","useEffect","isDragging","drag","dragPreview","useDrag","ITEM_TYPE","monitor","handleKeyDown","useCallback","e","newReorderingState","itemClasses","classnames","styles","jsxs","jsx","VisuallyHidden","node","ListIcon"],"mappings":"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"}
+{"version":3,"file":"ReorderableItem.js","sources":["../../../../src/components/Common/ReorderableList/ReorderableItem.tsx"],"sourcesContent":["import { useRef, useEffect, useCallback, memo } from 'react'\nimport classnames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useDrag } from 'react-dnd'\nimport type { ReactElement } from 'react'\nimport { VisuallyHidden } from '../VisuallyHidden'\nimport type { ReorderableListItem } from './ReorderableListTypes'\nimport styles from './ReorderableList.module.scss'\nimport { ITEM_TYPE } from './constants'\nimport ListIcon from '@/assets/icons/list.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface ReorderableItemProps {\n  item: ReorderableListItem\n  index: number\n  moveItem: (fromIndex: number, toIndex: number, source?: 'keyboard' | 'dragdrop') => void\n  itemCount: number\n  itemIndex: number\n  listId: string\n  isDraggingAny: boolean\n  setIsDragging: (isDragging: boolean) => void\n  isReorderingActive: boolean\n  setIsReorderingActive: (isReorderingActive: boolean) => void\n  isCurrentlyReordering: boolean\n  setReorderingItemIndex: (reorderingItemIndex: number | null) => void\n  renderDragHandle?: (props: {\n    id: string | number\n    label: string\n    isReordering: boolean\n    isDragging: boolean\n  }) => ReactElement\n  className?: string\n}\n\n/**\n * Component for an individual reorderable item\n */\nexport const ReorderableItem = memo(function ReorderableItem({\n  item,\n  index,\n  moveItem,\n  itemCount,\n  itemIndex,\n  listId,\n  isDraggingAny,\n  setIsDragging,\n  isReorderingActive,\n  setIsReorderingActive,\n  isCurrentlyReordering,\n  setReorderingItemIndex,\n  renderDragHandle,\n  className,\n}: ReorderableItemProps) {\n  const ref = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n\n  // Format the accessible item name\n  const accessibleItemName = item.label\n\n  // Add a ref to track if this specific item is being dragged\n  const isBeingDraggedRef = useRef(false)\n\n  // When this item becomes the reordering item, focus on it\n  useEffect(() => {\n    if (isCurrentlyReordering && buttonRef.current) {\n      buttonRef.current.focus()\n    }\n  }, [isCurrentlyReordering])\n\n  // React DnD - Drag source\n  const [{ isDragging }, drag, dragPreview] = useDrag(\n    () => ({\n      type: ITEM_TYPE,\n      item: () => {\n        isBeingDraggedRef.current = true\n        setIsDragging(true)\n        return { index, listId }\n      },\n      collect: monitor => ({\n        isDragging: monitor.isDragging(),\n      }),\n      end: () => {\n        isBeingDraggedRef.current = false\n\n        setIsDragging(false)\n\n        if (buttonRef.current) {\n          buttonRef.current.blur()\n        }\n      },\n      canDrag: () => !isDraggingAny || isBeingDraggedRef.current,\n    }),\n    [index, listId, setIsDragging, isDraggingAny],\n  )\n\n  /**\n   * Handles keyboard interactions for reordering\n   */\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      let newReorderingState: boolean\n\n      switch (e.key) {\n        case 'ArrowUp':\n          if (isReorderingActive && index > 0) {\n            e.preventDefault()\n            setReorderingItemIndex(index)\n            moveItem(index, index - 1, 'keyboard')\n          }\n          break\n        case 'ArrowDown':\n          if (isReorderingActive && index < itemCount - 1) {\n            e.preventDefault()\n            setReorderingItemIndex(index)\n            moveItem(index, index + 1, 'keyboard')\n          }\n          break\n        case 'Escape':\n          if (isReorderingActive) {\n            e.preventDefault()\n            setIsReorderingActive(false)\n            setReorderingItemIndex(null)\n          }\n          break\n        case 'Tab':\n          if (isReorderingActive) {\n            setIsReorderingActive(false)\n            setReorderingItemIndex(null)\n          }\n          break\n        case ' ':\n        case 'Enter':\n          e.preventDefault()\n          newReorderingState = !isReorderingActive\n          setIsReorderingActive(newReorderingState)\n\n          if (newReorderingState) {\n            setReorderingItemIndex(index)\n          } else {\n            setReorderingItemIndex(null)\n          }\n          break\n        default:\n          break\n      }\n    },\n    [isReorderingActive, index, itemCount, setReorderingItemIndex, moveItem, setIsReorderingActive],\n  )\n\n  // Set up drag preview and drag source\n  useEffect(() => {\n    if (ref.current) {\n      dragPreview(ref.current)\n    }\n  }, [dragPreview])\n\n  const itemClasses = classnames(\n    styles.reorderableItem,\n    isDragging ? styles.dragging : '',\n    isReorderingActive ? styles.reordering : '',\n    className,\n  )\n\n  return (\n    <div\n      ref={ref}\n      role=\"listitem\"\n      aria-posinset={index + 1}\n      aria-setsize={itemCount}\n      className={itemClasses}\n      data-position={index}\n      data-item-index={itemIndex}\n      data-list-id={listId}\n      data-testid={`reorderable-item-${index}`}\n      data-dragging={isDragging ? 'true' : 'false'}\n      data-reordering={isReorderingActive ? 'true' : 'false'}\n    >\n      <VisuallyHidden>\n        {t('reorderableList.draggablePosition', {\n          item: accessibleItemName,\n          position: String(index + 1),\n          total: String(itemCount),\n        })}\n      </VisuallyHidden>\n      <span className={styles.dragHandle}>\n        {renderDragHandle ? (\n          renderDragHandle({\n            id: item.id || index,\n            label: accessibleItemName,\n            isReordering: isReorderingActive,\n            isDragging: isDragging,\n          })\n        ) : (\n          <Components.ButtonIcon\n            data-index={index}\n            data-item-index={itemIndex}\n            data-reordering={isReorderingActive ? 'true' : 'false'}\n            data-focus-visible={true}\n            data-testid=\"drag-handle-button\"\n            tabIndex={0}\n            onFocus={e => {\n              e.currentTarget.setAttribute('data-focus-visible', 'true')\n            }}\n            onBlur={e => {\n              e.currentTarget.removeAttribute('data-focus-visible')\n            }}\n            aria-label={\n              isReorderingActive\n                ? t('reorderableList.draggableLabelActive', {\n                    item: accessibleItemName,\n                  })\n                : t('reorderableList.draggableLabel', {\n                    item: accessibleItemName,\n                  })\n            }\n            aria-roledescription={t('reorderableList.draggableItem')}\n            aria-grabbed={isDragging}\n            onKeyDown={handleKeyDown}\n            buttonRef={node => {\n              if (node) {\n                buttonRef.current = node\n                drag(node)\n              }\n            }}\n          >\n            <ListIcon />\n          </Components.ButtonIcon>\n        )}\n      </span>\n      <div className={styles.contentContainer}>{item.content}</div>\n    </div>\n  )\n})\n"],"names":["ReorderableItem","memo","item","index","moveItem","itemCount","itemIndex","listId","isDraggingAny","setIsDragging","isReorderingActive","setIsReorderingActive","isCurrentlyReordering","setReorderingItemIndex","renderDragHandle","className","ref","useRef","buttonRef","t","useTranslation","Components","useComponentContext","accessibleItemName","isBeingDraggedRef","useEffect","isDragging","drag","dragPreview","useDrag","ITEM_TYPE","monitor","handleKeyDown","useCallback","e","newReorderingState","itemClasses","classnames","styles","jsxs","jsx","VisuallyHidden","node","ListIcon"],"mappings":"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"}

package/dist/components/Common/SignatureForm/SignatureForm.js

@@ -1,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
 import { z as o } from "zod";
 import { useForm as s, FormProvider as a } from "react-hook-form";
-import { zodResolver as l } from "@hookform/resolvers/zod";
+import { zodResolver as l } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
 import t from "./SignatureForm.module.scss.js";
 import { Form as u } from "../Form/Form.js";
 import { Flex as c } from "../Flex/Flex.js";
-import "react-i18next";
 import "classnames";
+import "../../../shared/constants.js";
 const f = o.object({
   signature: o.string().min(1),
   confirmSignature: o.literal(!0)

package/dist/components/Common/SignatureForm/SignatureFormActions.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import "react-i18next";
 import "classnames";
+import "../../../shared/constants.js";
 import { ActionsLayout as s } from "../ActionsLayout/ActionsLayout.js";
 import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 function d({

package/dist/components/Common/SignatureForm/SignatureFormFields.js

@@ -1,6 +1,6 @@
 import { jsxs as n, Fragment as s, jsx as e } from "react/jsx-runtime";
-import "react-i18next";
 import "classnames";
+import "../../../shared/constants.js";
 import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
 import { CheckboxField as u } from "../Fields/CheckboxField/CheckboxField.js";
 function f({

package/dist/components/Common/UI/CalendarPreview/CalendarPreview.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import { Text as m, RangeCalendar as D, CalendarGrid as x, CalendarGridHeader as N, CalendarHeaderCell as I, CalendarGridBody as S, CalendarCell as F } from "react-aria-components";
-import { parseDate as p } from "@internationalized/date";
+import { parseDate as p } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@internationalized/date/dist/import.mjs";
 import { useMemo as u } from "react";
 import { CalendarLegend as g } from "./CalendarLegend.js";
 import d from "./CalendarPreview.module.scss.js";

package/dist/components/Common/UI/DatePicker/DatePicker.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { DatePicker as b, Group as k, DateInput as A, DateSegment as B, Button as c, Popover as F, Dialog as L, Calendar as j, Heading as E, CalendarGrid as G, CalendarCell as M } from "react-aria-components";
 import { useTranslation as z } from "react-i18next";
 import u from "classnames";
-import { parseDate as H } from "@internationalized/date";
+import { parseDate as H } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@internationalized/date/dist/import.mjs";
 import { useFieldIds as R } from "../hooks/useFieldIds.js";
 import i from "./DatePicker.module.scss.js";
 import { FieldLayout as U } from "../../FieldLayout/FieldLayout.js";

package/dist/components/Common/UI/ProgressBar/ProgressBar.d.ts

@@ -1,2 +1,2 @@
 import { ProgressBarProps } from './ProgressBarTypes';
-export declare function ProgressBar({ className, totalSteps, currentStep, label }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressBar({ className, totalSteps, currentStep, label, cta: Cta, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/UI/ProgressBar/ProgressBar.js

@@ -1,14 +1,24 @@
-import { jsx as s } from "react/jsx-runtime";
-import l from "classnames";
-import t from "./ProgressBar.module.scss.js";
-import { VisuallyHidden as n } from "../../VisuallyHidden/VisuallyHidden.js";
-function g({ className: o, totalSteps: r, currentStep: a, label: m }) {
-  const e = Math.max(1, Math.min(a, r)), i = {
-    "--g-progress-bar-width": `${e * 100 / r}%`
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import c from "classnames";
+import { Flex as n } from "../../Flex/Flex.js";
+import p from "./ProgressBar.module.scss.js";
+import { VisuallyHidden as d } from "../../VisuallyHidden/VisuallyHidden.js";
+function y({
+  className: i,
+  totalSteps: e,
+  currentStep: m,
+  label: a,
+  cta: o
+}) {
+  const s = Math.max(1, Math.min(m, e)), l = {
+    "--g-progress-bar-width": `${s * 100 / e}%`
   };
-  return /* @__PURE__ */ s("div", { className: l(t.root, o), style: i, children: /* @__PURE__ */ s(n, { children: /* @__PURE__ */ s("progress", { "aria-label": m, value: e, max: r }) }) });
+  return /* @__PURE__ */ t(n, { flexDirection: "column", children: [
+    o && /* @__PURE__ */ r(o, {}),
+    /* @__PURE__ */ r("div", { className: c(p.root, i), style: l, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("progress", { "aria-label": a, value: s, max: e }) }) })
+  ] });
 }
 export {
-  g as ProgressBar
+  y as ProgressBar
 };
 //# sourceMappingURL=ProgressBar.js.map

package/dist/components/Common/UI/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/Common/UI/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport type { ProgressBarProps } from './ProgressBarTypes'\nimport styles from './ProgressBar.module.scss'\n\nexport function ProgressBar({ className, totalSteps, currentStep, label }: ProgressBarProps) {\n  const clampedStep = Math.max(1, Math.min(currentStep, totalSteps))\n  const progressBarStyle = {\n    '--g-progress-bar-width': `${(clampedStep * 100) / totalSteps}%`,\n  } as React.CSSProperties\n  return (\n    <div className={classnames(styles.root, className)} style={progressBarStyle}>\n      <VisuallyHidden>\n        <progress aria-label={label} value={clampedStep} max={totalSteps}></progress>\n      </VisuallyHidden>\n    </div>\n  )\n}\n"],"names":["ProgressBar","className","totalSteps","currentStep","label","clampedStep","progressBarStyle","jsx","classnames","styles","VisuallyHidden"],"mappings":";;;;AAKO,SAASA,EAAY,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,GAAa,OAAAC,KAA2B;AAC3F,QAAMC,IAAc,KAAK,IAAI,GAAG,KAAK,IAAIF,GAAaD,CAAU,CAAC,GAC3DI,IAAmB;AAAA,IACvB,0BAA0B,GAAID,IAAc,MAAOH,CAAU;AAAA,EAAA;AAE/D,SACE,gBAAAK,EAAC,SAAI,WAAWC,EAAWC,EAAO,MAAMR,CAAS,GAAG,OAAOK,GACzD,4BAACI,GAAA,EACC,UAAA,gBAAAH,EAAC,cAAS,cAAYH,GAAO,OAAOC,GAAa,KAAKH,GAAY,EAAA,CACpE,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/Common/UI/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { Flex } from '../../Flex'\nimport type { ProgressBarProps } from './ProgressBarTypes'\nimport styles from './ProgressBar.module.scss'\n\nexport function ProgressBar({\n  className,\n  totalSteps,\n  currentStep,\n  label,\n  cta: Cta,\n}: ProgressBarProps) {\n  const clampedStep = Math.max(1, Math.min(currentStep, totalSteps))\n  const progressBarStyle = {\n    '--g-progress-bar-width': `${(clampedStep * 100) / totalSteps}%`,\n  } as React.CSSProperties\n  return (\n    <Flex flexDirection=\"column\">\n      {Cta && <Cta />}\n      <div className={classnames(styles.root, className)} style={progressBarStyle}>\n        <VisuallyHidden>\n          <progress aria-label={label} value={clampedStep} max={totalSteps}></progress>\n        </VisuallyHidden>\n      </div>\n    </Flex>\n  )\n}\n"],"names":["ProgressBar","className","totalSteps","currentStep","label","Cta","clampedStep","progressBarStyle","jsxs","Flex","jsx","classnames","styles","VisuallyHidden"],"mappings":";;;;;AAMO,SAASA,EAAY;AAAA,EAC1B,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAKC;AACP,GAAqB;AACnB,QAAMC,IAAc,KAAK,IAAI,GAAG,KAAK,IAAIH,GAAaD,CAAU,CAAC,GAC3DK,IAAmB;AAAA,IACvB,0BAA0B,GAAID,IAAc,MAAOJ,CAAU;AAAA,EAAA;AAE/D,SACE,gBAAAM,EAACC,GAAA,EAAK,eAAc,UACjB,UAAA;AAAA,IAAAJ,uBAAQA,GAAA,EAAI;AAAA,IACb,gBAAAK,EAAC,SAAI,WAAWC,EAAWC,EAAO,MAAMX,CAAS,GAAG,OAAOM,GACzD,4BAACM,GAAA,EACC,UAAA,gBAAAH,EAAC,cAAS,cAAYN,GAAO,OAAOE,GAAa,KAAKJ,EAAA,CAAY,EAAA,CACpE,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Common/UI/ProgressBar/ProgressBarTypes.d.ts

@@ -15,4 +15,8 @@ export interface ProgressBarProps {
      * Accessible label describing the progress bar's purpose
      */
     label: string;
+    /**
+     * Component to render as the progress bar's CTA
+     */
+    cta?: React.ComponentType | null;
 }

package/dist/components/Common/hooks/useNumberFormatter.js

@@ -1,5 +1,5 @@
 import { useMemo as e } from "react";
-import { NumberFormatter as t } from "@internationalized/number";
+import { NumberFormatter as t } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@internationalized/number/dist/import.mjs";
 import { useLocale as n } from "../../../contexts/LocaleProvider/useLocale.js";
 const f = (r = "currency") => {
   const { locale: m, currency: o } = n();

package/dist/components/Company/AssignSignatory/AssignSignatory.js

@@ -1,19 +1,18 @@
 import { jsx as o, jsxs as y, Fragment as f } from "react/jsx-runtime";
 import { z as e } from "zod";
-import { useForm as d, FormProvider as p } from "react-hook-form";
-import { zodResolver as N } from "@hookform/resolvers/zod";
+import { useForm as d, FormProvider as N } from "react-hook-form";
+import { zodResolver as p } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
 import { SignatoryForm as _ } from "./SignatoryForm.js";
 import { Head as O } from "./Head.js";
 import { AssignSignatorySelection as u } from "./AssignSignatorySelection.js";
 import { SignatoryAssignmentMode as m, AssignSignatoryProvider as E } from "./useAssignSignatory.js";
 import { companyEvents as i } from "../../../shared/constants.js";
 import { Flex as C } from "../../Common/Flex/Flex.js";
-import "react-i18next";
 import "classnames";
 import { BaseComponent as M } from "../../Base/Base.js";
 import { useBase as h } from "../../Base/useBase.js";
 import { useI18n as I, useComponentDictionary as Y } from "../../../i18n/I18n.js";
-function K(n) {
+function J(n) {
   return /* @__PURE__ */ o(M, { ...n, children: /* @__PURE__ */ o(v, { ...n, children: n.children }) });
 }
 const D = e.object({
@@ -32,7 +31,7 @@ function v({
 }) {
   I("Company.AssignSignatory"), Y("Company.AssignSignatory", A);
   const { onEvent: t } = h(), c = d({
-    resolver: N(D),
+    resolver: p(D),
     defaultValues: {
       signatoryAssignmentMode: m.createSignatory
     }
@@ -51,7 +50,7 @@ function v({
           r === i.COMPANY_CREATE_SIGNATORY_DONE ? t(i.COMPANY_ASSIGN_SIGNATORY_DONE) : r === i.COMPANY_INVITE_SIGNATORY_DONE ? t(i.COMPANY_ASSIGN_SIGNATORY_DONE) : t(r, l);
         }
       },
-      children: /* @__PURE__ */ o(C, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(p, { ...c, children: s || /* @__PURE__ */ y(f, { children: [
+      children: /* @__PURE__ */ o(C, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(N, { ...c, children: s || /* @__PURE__ */ y(f, { children: [
         /* @__PURE__ */ o(O, {}),
         /* @__PURE__ */ o(u, {}),
         /* @__PURE__ */ o(_, {})
@@ -60,6 +59,6 @@ function v({
   ) });
 }
 export {
-  K as AssignSignatory
+  J as AssignSignatory
 };
 //# sourceMappingURL=AssignSignatory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatory.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { SignatoryForm } from './SignatoryForm'\nimport { Head } from './Head'\nimport { AssignSignatorySelection } from './AssignSignatorySelection'\nimport type { AssignSignatoryDefaultValues } from './useAssignSignatory'\nimport { AssignSignatoryProvider, SignatoryAssignmentMode } from './useAssignSignatory'\nimport { companyEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport { useBase, BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\n\ninterface AssignSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\nexport function AssignSignatory(props: AssignSignatoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst AssignSignatorySelectionSchema = z.object({\n  signatoryAssignmentMode: z.union([\n    z.literal(SignatoryAssignmentMode.createSignatory),\n    z.literal(SignatoryAssignmentMode.inviteSignatory),\n  ]),\n})\n\ntype AssignSignatorySelectionInputs = z.infer<typeof AssignSignatorySelectionSchema>\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n  dictionary,\n}: AssignSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  useComponentDictionary('Company.AssignSignatory', dictionary)\n\n  const { onEvent } = useBase()\n\n  const formMethods = useForm<AssignSignatorySelectionInputs>({\n    resolver: zodResolver(AssignSignatorySelectionSchema),\n    defaultValues: {\n      signatoryAssignmentMode: SignatoryAssignmentMode.createSignatory,\n    },\n  })\n\n  const onSignatoryAssignmentModeChange = (mode: string) => {\n    onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, mode)\n  }\n\n  const onSignatoryFormEvent: BaseComponentInterface['onEvent'] = (event, data) => {\n    if (event === companyEvents.COMPANY_CREATE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else if (event === companyEvents.COMPANY_INVITE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else {\n      onEvent(event, data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <AssignSignatoryProvider\n        value={{\n          companyId,\n          signatoryId,\n          defaultValues,\n          onSignatoryAssignmentModeChange,\n          onSignatoryFormEvent,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <FormProvider {...formMethods}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <AssignSignatorySelection />\n                <SignatoryForm />\n              </>\n            )}\n          </FormProvider>\n        </Flex>\n      </AssignSignatoryProvider>\n    </section>\n  )\n}\n"],"names":["AssignSignatory","props","jsx","BaseComponent","Root","AssignSignatorySelectionSchema","z","SignatoryAssignmentMode","companyId","signatoryId","defaultValues","className","children","dictionary","useI18n","useComponentDictionary","onEvent","useBase","formMethods","useForm","zodResolver","AssignSignatoryProvider","mode","companyEvents","event","data","Flex","FormProvider","jsxs","Fragment","Head","AssignSignatorySelection","SignatoryForm"],"mappings":";;;;;;;;;;;;;;;AAmBO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMI,IAAiCC,EAAE,OAAO;AAAA,EAC9C,yBAAyBA,EAAE,MAAM;AAAA,IAC/BA,EAAE,QAAQC,EAAwB,eAAe;AAAA,IACjDD,EAAE,QAAQC,EAAwB,eAAe;AAAA,EAAA,CAClD;AACH,CAAC;AAID,SAASH,EAAK;AAAA,EACZ,WAAAI;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAyB;AACvB,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GAEdC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAYf,CAA8B;AAAA,IACpD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAgBD,SACE,gBAAAL,EAAC,aAAQ,WAAAS,GACP,UAAA,gBAAAT;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAb;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,iCArBgC,CAACY,MAAiB;AACxD,UAAAN,EAAQO,EAAc,uCAAuCD,CAAI;AAAA,QACnE;AAAA,QAoBQ,sBAlBwD,CAACE,GAAOC,MAAS;AAC/E,UAAID,MAAUD,EAAc,gCAC1BP,EAAQO,EAAc,6BAA6B,IAC1CC,MAAUD,EAAc,gCACjCP,EAAQO,EAAc,6BAA6B,IAEnDP,EAAQQ,GAAOC,CAAI;AAAA,QAEvB;AAAA,MAUQ;AAAA,MAGF,UAAA,gBAAAvB,EAACwB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAxB,EAACyB,GAAA,EAAc,GAAGT,GACf,UAAAN,KAGC,gBAAAgB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAyB;AAAA,0BACzBC,GAAA,CAAA,CAAc;AAAA,MAAA,EAAA,CACjB,GAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"AssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatory.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { SignatoryForm } from './SignatoryForm'\nimport { Head } from './Head'\nimport { AssignSignatorySelection } from './AssignSignatorySelection'\nimport type { AssignSignatoryDefaultValues } from './useAssignSignatory'\nimport { AssignSignatoryProvider, SignatoryAssignmentMode } from './useAssignSignatory'\nimport { companyEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport { useBase, BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\n\ninterface AssignSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\nexport function AssignSignatory(props: AssignSignatoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst AssignSignatorySelectionSchema = z.object({\n  signatoryAssignmentMode: z.union([\n    z.literal(SignatoryAssignmentMode.createSignatory),\n    z.literal(SignatoryAssignmentMode.inviteSignatory),\n  ]),\n})\n\ntype AssignSignatorySelectionInputs = z.infer<typeof AssignSignatorySelectionSchema>\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n  dictionary,\n}: AssignSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  useComponentDictionary('Company.AssignSignatory', dictionary)\n\n  const { onEvent } = useBase()\n\n  const formMethods = useForm<AssignSignatorySelectionInputs>({\n    resolver: zodResolver(AssignSignatorySelectionSchema),\n    defaultValues: {\n      signatoryAssignmentMode: SignatoryAssignmentMode.createSignatory,\n    },\n  })\n\n  const onSignatoryAssignmentModeChange = (mode: string) => {\n    onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, mode)\n  }\n\n  const onSignatoryFormEvent: BaseComponentInterface['onEvent'] = (event, data) => {\n    if (event === companyEvents.COMPANY_CREATE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else if (event === companyEvents.COMPANY_INVITE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else {\n      onEvent(event, data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <AssignSignatoryProvider\n        value={{\n          companyId,\n          signatoryId,\n          defaultValues,\n          onSignatoryAssignmentModeChange,\n          onSignatoryFormEvent,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <FormProvider {...formMethods}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <AssignSignatorySelection />\n                <SignatoryForm />\n              </>\n            )}\n          </FormProvider>\n        </Flex>\n      </AssignSignatoryProvider>\n    </section>\n  )\n}\n"],"names":["AssignSignatory","props","jsx","BaseComponent","Root","AssignSignatorySelectionSchema","z","SignatoryAssignmentMode","companyId","signatoryId","defaultValues","className","children","dictionary","useI18n","useComponentDictionary","onEvent","useBase","formMethods","useForm","zodResolver","AssignSignatoryProvider","mode","companyEvents","event","data","Flex","FormProvider","jsxs","Fragment","Head","AssignSignatorySelection","SignatoryForm"],"mappings":";;;;;;;;;;;;;;AAmBO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMI,IAAiCC,EAAE,OAAO;AAAA,EAC9C,yBAAyBA,EAAE,MAAM;AAAA,IAC/BA,EAAE,QAAQC,EAAwB,eAAe;AAAA,IACjDD,EAAE,QAAQC,EAAwB,eAAe;AAAA,EAAA,CAClD;AACH,CAAC;AAID,SAASH,EAAK;AAAA,EACZ,WAAAI;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAyB;AACvB,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GAEdC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAYf,CAA8B;AAAA,IACpD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAgBD,SACE,gBAAAL,EAAC,aAAQ,WAAAS,GACP,UAAA,gBAAAT;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAb;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,iCArBgC,CAACY,MAAiB;AACxD,UAAAN,EAAQO,EAAc,uCAAuCD,CAAI;AAAA,QACnE;AAAA,QAoBQ,sBAlBwD,CAACE,GAAOC,MAAS;AAC/E,UAAID,MAAUD,EAAc,gCAC1BP,EAAQO,EAAc,6BAA6B,IAC1CC,MAAUD,EAAc,gCACjCP,EAAQO,EAAc,6BAA6B,IAEnDP,EAAQQ,GAAOC,CAAI;AAAA,QAEvB;AAAA,MAUQ;AAAA,MAGF,UAAA,gBAAAvB,EAACwB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAxB,EAACyB,GAAA,EAAc,GAAGT,GACf,UAAAN,KAGC,gBAAAgB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAyB;AAAA,0BACzBC,GAAA,CAAA,CAAc;AAAA,MAAA,EAAA,CACjB,GAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js

@@ -3,8 +3,9 @@ import { useTranslation as e } from "react-i18next";
 import { useAssignSignatory as s, SignatoryAssignmentMode as o } from "./useAssignSignatory.js";
 import r from "./AssignSignatorySelection.module.scss.js";
 import "classnames";
+import "../../../shared/constants.js";
 import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-const u = () => {
+const S = () => {
   const { t: n } = e("Company.AssignSignatory"), { onSignatoryAssignmentModeChange: t } = s();
   return /* @__PURE__ */ i("section", { className: r.container, children: /* @__PURE__ */ i(
     a,
@@ -27,6 +28,6 @@ const u = () => {
   ) });
 };
 export {
-  u as AssignSignatorySelection
+  S as AssignSignatorySelection
 };
 //# sourceMappingURL=AssignSignatorySelection.js.map

package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssignSignatorySelection.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatorySelection.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SignatoryAssignmentMode, useAssignSignatory } from './useAssignSignatory'\nimport styles from './AssignSignatorySelection.module.scss'\nimport { RadioGroupField } from '@/components/Common'\n\nexport const AssignSignatorySelection = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { onSignatoryAssignmentModeChange } = useAssignSignatory()\n\n  return (\n    <section className={styles.container}>\n      <RadioGroupField\n        onChange={onSignatoryAssignmentModeChange}\n        label={t('signingOptions.label')}\n        shouldVisuallyHideLabel\n        name=\"signatoryAssignmentMode\"\n        options={[\n          {\n            label: t('signingOptions.selfSign'),\n            value: SignatoryAssignmentMode.createSignatory,\n          },\n          {\n            label: t('signingOptions.appointOther'),\n            value: SignatoryAssignmentMode.inviteSignatory,\n          },\n        ]}\n      />\n    </section>\n  )\n}\n"],"names":["AssignSignatorySelection","t","useTranslation","onSignatoryAssignmentModeChange","useAssignSignatory","jsx","styles","RadioGroupField","SignatoryAssignmentMode"],"mappings":";;;;;;AAKO,MAAMA,IAA2B,MAAM;AAC5C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,iCAAAC,EAAA,IAAoCC,EAAA;AAE5C,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,WACzB,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAUJ;AAAA,MACV,OAAOF,EAAE,sBAAsB;AAAA,MAC/B,yBAAuB;AAAA,MACvB,MAAK;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,OAAOA,EAAE,yBAAyB;AAAA,UAClC,OAAOO,EAAwB;AAAA,QAAA;AAAA,QAEjC;AAAA,UACE,OAAOP,EAAE,6BAA6B;AAAA,UACtC,OAAOO,EAAwB;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"AssignSignatorySelection.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatorySelection.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SignatoryAssignmentMode, useAssignSignatory } from './useAssignSignatory'\nimport styles from './AssignSignatorySelection.module.scss'\nimport { RadioGroupField } from '@/components/Common'\n\nexport const AssignSignatorySelection = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { onSignatoryAssignmentModeChange } = useAssignSignatory()\n\n  return (\n    <section className={styles.container}>\n      <RadioGroupField\n        onChange={onSignatoryAssignmentModeChange}\n        label={t('signingOptions.label')}\n        shouldVisuallyHideLabel\n        name=\"signatoryAssignmentMode\"\n        options={[\n          {\n            label: t('signingOptions.selfSign'),\n            value: SignatoryAssignmentMode.createSignatory,\n          },\n          {\n            label: t('signingOptions.appointOther'),\n            value: SignatoryAssignmentMode.inviteSignatory,\n          },\n        ]}\n      />\n    </section>\n  )\n}\n"],"names":["AssignSignatorySelection","t","useTranslation","onSignatoryAssignmentModeChange","useAssignSignatory","jsx","styles","RadioGroupField","SignatoryAssignmentMode"],"mappings":";;;;;;;AAKO,MAAMA,IAA2B,MAAM;AAC5C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,iCAAAC,EAAA,IAAoCC,EAAA;AAE5C,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,WACzB,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAUJ;AAAA,MACV,OAAOF,EAAE,sBAAsB;AAAA,MAC/B,yBAAuB;AAAA,MACvB,MAAK;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,OAAOA,EAAE,yBAAyB;AAAA,UAClC,OAAOO,EAAwB;AAAA,QAAA;AAAA,QAEjC;AAAA,UACE,OAAOP,EAAE,6BAA6B;AAAA,UACtC,OAAOO,EAAwB;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/AssignSignatory/CreateSignatory/Actions.js

@@ -2,13 +2,14 @@ import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { useCreateSignatory as s } from "./useCreateSignatory.js";
 import "classnames";
+import "../../../../shared/constants.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as e } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const y = () => {
+const C = () => {
   const { t } = r("Company.AssignSignatory"), { isPending: n } = s(), i = e();
   return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(i.Button, { type: "submit", isLoading: n, children: t("buttons.signDocuments") }) });
 };
 export {
-  y as Actions
+  C as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Company/AssignSignatory/CreateSignatory/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { isPending } = useCreateSignatory()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('buttons.signDocuments')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useCreateSignatory","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,uBAAuB,GAC5B,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { isPending } = useCreateSignatory()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('buttons.signDocuments')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useCreateSignatory","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,uBAAuB,GAC5B,GACF;AAEJ;"}

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.js

@@ -1,11 +1,11 @@
 import { jsx as o, jsxs as F, Fragment as Y } from "react/jsx-runtime";
 import { useForm as q, FormProvider as w } from "react-hook-form";
-import { zodResolver as x } from "@hookform/resolvers/zod";
+import { zodResolver as x } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
 import z from "classnames";
-import { useSignatoriesListSuspense as B } from "@gusto/embedded-api/react-query/signatoriesList";
-import { useSignatoriesCreateMutation as k } from "@gusto/embedded-api/react-query/signatoriesCreate";
-import { useSignatoriesUpdateMutation as G } from "@gusto/embedded-api/react-query/signatoriesUpdate";
-import { useSignatoriesDeleteMutation as j } from "@gusto/embedded-api/react-query/signatoriesDelete";
+import { useSignatoriesListSuspense as B } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/signatoriesList.js";
+import { useSignatoriesCreateMutation as k } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/signatoriesCreate.js";
+import { useSignatoriesUpdateMutation as G } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/signatoriesUpdate.js";
+import { useSignatoriesDeleteMutation as j } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/signatoriesDelete.js";
 import { CreateSignatoryForm as L } from "./CreateSignatoryForm.js";
 import { Actions as H } from "./Actions.js";
 import I from "./CreateSignatory.module.scss.js";
@@ -16,11 +16,10 @@ import { useI18n as W } from "../../../../i18n/I18n.js";
 import { BaseComponent as X } from "../../../Base/Base.js";
 import { useBase as Z } from "../../../Base/useBase.js";
 import { Flex as $ } from "../../../Common/Flex/Flex.js";
-import "react-i18next";
 import { companyEvents as c } from "../../../../shared/constants.js";
 import { formatDateToStringDate as V } from "../../../../helpers/dateFormatting.js";
 import { useMaskedTransform as tt, commonMasks as et } from "../../../../helpers/mask.js";
-function bt(r) {
+function Pt(r) {
   return /* @__PURE__ */ o(X, { ...r, children: /* @__PURE__ */ o(ot, { ...r, children: r.children }) });
 }
 function ot({
@@ -114,6 +113,6 @@ function ot({
   ) });
 }
 export {
-  bt as CreateSignatory
+  Pt as CreateSignatory
 };
 //# sourceMappingURL=CreateSignatory.js.map