@gusto/embedded-react-sdk 0.37.0 → 0.38.0-rc.1

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

@@ -1,105 +1,119 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { useState as _, useRef as q, useMemo as s, useCallback as x } from "react";
-import { ComboBox as G, Input as J, Button as Q, Popover as W, Virtualizer as X, ListLayout as Y, ListBox as Z, ListBoxItem as $ } from "react-aria-components";
-import S from "classnames";
-import { useTranslation as V } from "react-i18next";
-import { useFieldIds as ee } from "../hooks/useFieldIds.js";
-import o from "./MultiSelectComboBox.module.scss.js";
-import { FieldLayout as te } from "../../FieldLayout/FieldLayout.js";
-import { useComponentContext as re } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useTheme as oe } from "../../../../contexts/ThemeProvider/useTheme.js";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useState as Q, useRef as C, useCallback as c, useMemo as m } from "react";
+import { ComboBox as W, Input as X, Button as Y, Popover as Z, Virtualizer as $, ListLayout as V, ListBox as ee, ListBoxItem as te } from "react-aria-components";
+import N from "classnames";
+import { useTranslation as re } from "react-i18next";
+import { useFieldIds as oe } from "../hooks/useFieldIds.js";
+import i from "./MultiSelectComboBox.module.scss.js";
+import { FieldLayout as ie } from "../../FieldLayout/FieldLayout.js";
+import { useComponentContext as ne } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useTheme as le } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
-import { useForkRef as ie } from "../../../../hooks/useForkRef/useForkRef.js";
-import le from "../../../../assets/icons/alert-circle.svg.js";
-import ne from "../../../../assets/icons/caret-down.svg.js";
-function Be({
-  className: B,
-  description: C,
-  errorMessage: u,
-  id: N,
-  inputRef: y,
-  isDisabled: d,
-  isInvalid: p,
-  isLoading: L,
-  isRequired: D,
-  label: c,
-  name: F,
-  onBlur: R,
-  onChange: i,
+import { useForkRef as se } from "../../../../hooks/useForkRef/useForkRef.js";
+import ae from "../../../../assets/icons/alert-circle.svg.js";
+import ce from "../../../../assets/icons/caret-down.svg.js";
+function ye({
+  className: y,
+  description: F,
+  errorMessage: p,
+  id: L,
+  inputRef: T,
+  isDisabled: f,
+  isInvalid: h,
+  isLoading: D,
+  isRequired: R,
+  label: u,
+  name: w,
+  onBlur: b,
+  onChange: n,
   options: l,
-  placeholder: w,
+  placeholder: A,
   value: r = [],
-  shouldVisuallyHideLabel: A
+  shouldVisuallyHideLabel: O
 }) {
-  const T = re(), { t: n } = V("common"), { container: O } = oe(), [j, f] = _(""), h = q(null), z = ie(y, h), a = s(() => new Set(r), [r]), b = s(
+  const j = ne(), { t: s } = re("common"), { container: z } = le(), [E, v] = Q(""), o = C(null), I = C(null), M = se(T, I), P = c(() => {
+    o.current = setTimeout(() => {
+      o.current = null, b?.();
+    }, 50);
+  }, [b]), k = c(() => {
+    o.current && (clearTimeout(o.current), o.current = null);
+  }, []), a = m(() => new Set(r), [r]), g = m(
     () => l.filter((e) => !a.has(e.value)).map((e) => ({
       label: e.label,
       value: e.value
     })),
     [l, a]
-  ), v = s(
+  ), x = m(
     () => l.filter((e) => a.has(e.value)),
     [l, a]
-  ), E = s(
-    () => b.map((e) => ({ name: e.label, id: e.value })),
-    [b]
-  ), M = x(
+  ), H = m(
+    () => g.map((e) => ({ name: e.label, id: e.value })),
+    [g]
+  ), K = c(
     (e) => {
-      e && (i?.([...r, e.toString()]), f(""), h.current?.blur());
+      e && (n?.([...r, e.toString()]), v(""), I.current?.blur());
     },
-    [r, i]
-  ), P = x(
+    [r, n]
+  ), U = c(
     (e) => {
-      i?.(r.filter((U) => U !== e));
+      n?.(r.filter((J) => J !== e));
     },
-    [r, i]
-  ), I = (L ? n("status.loadingOptions") : void 0) ?? C, { inputId: g, errorMessageId: k, descriptionId: H, ariaDescribedBy: K } = ee({
-    inputId: N,
-    errorMessage: u,
-    description: I
+    [r, n]
+  ), B = (D ? s("status.loadingOptions") : void 0) ?? F, { inputId: S, errorMessageId: _, descriptionId: q, ariaDescribedBy: G } = oe({
+    inputId: L,
+    errorMessage: p,
+    description: B
   });
-  return /* @__PURE__ */ m("div", { className: S(o.root, B), children: [
+  return /* @__PURE__ */ d("div", { className: N(i.root, y), children: [
     /* @__PURE__ */ t(
-      te,
+      ie,
       {
-        label: c,
-        htmlFor: g,
-        errorMessage: u,
-        errorMessageId: k,
-        descriptionId: H,
-        isRequired: D,
-        description: I,
-        shouldVisuallyHideLabel: A,
-        className: o.comboBoxField,
+        label: u,
+        htmlFor: S,
+        errorMessage: p,
+        errorMessageId: _,
+        descriptionId: q,
+        isRequired: R,
+        description: B,
+        shouldVisuallyHideLabel: O,
+        className: i.comboBoxField,
         withErrorIcon: !1,
-        children: /* @__PURE__ */ m(
-          G,
+        children: /* @__PURE__ */ d(
+          W,
           {
-            "aria-label": c,
-            "aria-describedby": K,
+            "aria-label": u,
+            "aria-describedby": G,
             className: "react-aria-ComboBox-root",
-            isDisabled: d,
-            isInvalid: p,
+            isDisabled: f,
+            isInvalid: h,
             menuTrigger: "focus",
-            inputValue: j,
-            onInputChange: f,
+            inputValue: E,
+            onInputChange: v,
             selectedKey: null,
-            onSelectionChange: M,
-            id: g,
-            name: F,
+            onSelectionChange: K,
+            id: S,
+            name: w,
             children: [
-              /* @__PURE__ */ t(J, { ref: z, placeholder: w, onBlur: R }),
-              /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ m("div", { "aria-hidden": "true", className: o.icons, children: [
-                p && /* @__PURE__ */ t(le, { fontSize: 16 }),
-                /* @__PURE__ */ t(ne, { title: n("icons.selectArrow") })
+              /* @__PURE__ */ t(
+                X,
+                {
+                  ref: M,
+                  placeholder: A,
+                  onBlur: P,
+                  onFocus: k
+                }
+              ),
+              /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ d("div", { "aria-hidden": "true", className: i.icons, children: [
+                h && /* @__PURE__ */ t(ae, { fontSize: 16 }),
+                /* @__PURE__ */ t(ce, { title: s("icons.selectArrow") })
               ] }) }),
               /* @__PURE__ */ t(
-                W,
+                Z,
                 {
-                  className: S(o.popover, "react-aria-Popover"),
-                  UNSTABLE_portalContainer: O.current,
+                  className: N(i.popover, "react-aria-Popover"),
+                  UNSTABLE_portalContainer: z.current,
                   maxHeight: 320,
-                  children: /* @__PURE__ */ t(X, { layout: Y, children: /* @__PURE__ */ t(Z, { items: E, children: (e) => /* @__PURE__ */ t($, { children: e.name }, e.id) }) })
+                  children: /* @__PURE__ */ t($, { layout: V, children: /* @__PURE__ */ t(ee, { items: H, children: (e) => /* @__PURE__ */ t(te, { children: e.name }, e.id) }) })
                 }
               )
             ]
@@ -107,21 +121,21 @@ function Be({
         )
       }
     ),
-    v.length > 0 && /* @__PURE__ */ t("div", { className: o.chips, role: "list", "aria-label": n("labels.selectedItems", { label: c }), children: v.map((e) => /* @__PURE__ */ t("span", { role: "listitem", children: /* @__PURE__ */ t(
-      T.Badge,
+    x.length > 0 && /* @__PURE__ */ t("div", { className: i.chips, role: "list", "aria-label": s("labels.selectedItems", { label: u }), children: x.map((e) => /* @__PURE__ */ t("span", { role: "listitem", children: /* @__PURE__ */ t(
+      j.Badge,
       {
         status: "info",
         onDismiss: () => {
-          P(e.value);
+          U(e.value);
         },
-        dismissAriaLabel: n("labels.removeItem", { label: e.label }),
-        isDisabled: d,
+        dismissAriaLabel: s("labels.removeItem", { label: e.label }),
+        isDisabled: f,
         children: e.label
       }
     ) }, e.value)) })
   ] });
 }
 export {
-  Be as MultiSelectComboBox
+  ye as MultiSelectComboBox
 };
 //# sourceMappingURL=MultiSelectComboBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectComboBox.js","sources":["../../../../../src/components/Common/UI/MultiSelectComboBox/MultiSelectComboBox.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react'\nimport type { Key } from 'react-aria-components'\nimport {\n  ComboBox as AriaComboBox,\n  Button,\n  Input,\n  ListBox,\n  ListBoxItem,\n  ListLayout,\n  Popover,\n  Virtualizer,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './MultiSelectComboBox.module.scss'\nimport type { MultiSelectComboBoxProps } from './MultiSelectComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\nexport function MultiSelectComboBox({\n  className,\n  description,\n  errorMessage,\n  id,\n  inputRef: inputRefFromProps,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  label,\n  name,\n  onBlur,\n  onChange,\n  options,\n  placeholder,\n  value: selectedValues = [],\n  shouldVisuallyHideLabel,\n}: MultiSelectComboBoxProps) {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n  const { container } = useTheme()\n  const [inputValue, setInputValue] = useState('')\n  const internalInputRef = useRef<HTMLInputElement>(null)\n  const inputRef = useForkRef(inputRefFromProps, internalInputRef)\n\n  const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues])\n\n  const availableOptions = useMemo(\n    () =>\n      options\n        .filter(option => !selectedSet.has(option.value))\n        .map(option => ({\n          label: option.label,\n          value: option.value,\n        })),\n    [options, selectedSet],\n  )\n\n  const selectedOptions = useMemo(\n    () => options.filter(option => selectedSet.has(option.value)),\n    [options, selectedSet],\n  )\n\n  const items = useMemo(\n    () => availableOptions.map(option => ({ name: option.label, id: option.value })),\n    [availableOptions],\n  )\n\n  const handleSelectionChange = useCallback(\n    (key: Key | null) => {\n      if (!key) return\n      onChange?.([...selectedValues, key.toString()])\n      setInputValue('')\n      internalInputRef.current?.blur()\n    },\n    [selectedValues, onChange],\n  )\n\n  const handleDismiss = useCallback(\n    (value: string) => {\n      onChange?.(selectedValues.filter(v => v !== value))\n    },\n    [selectedValues, onChange],\n  )\n\n  const loadingDescription = isLoading ? t('status.loadingOptions') : undefined\n  const displayDescription = loadingDescription ?? description\n\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description: displayDescription,\n  })\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <FieldLayout\n        label={label}\n        htmlFor={inputId}\n        errorMessage={errorMessage}\n        errorMessageId={errorMessageId}\n        descriptionId={descriptionId}\n        isRequired={isRequired}\n        description={displayDescription}\n        shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n        className={styles.comboBoxField}\n        withErrorIcon={false}\n      >\n        <AriaComboBox\n          aria-label={label}\n          aria-describedby={ariaDescribedBy}\n          className={'react-aria-ComboBox-root'}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          menuTrigger=\"focus\"\n          inputValue={inputValue}\n          onInputChange={setInputValue}\n          selectedKey={null}\n          onSelectionChange={handleSelectionChange}\n          id={inputId}\n          name={name}\n        >\n          <Input ref={inputRef} placeholder={placeholder} onBlur={onBlur} />\n          <Button>\n            <div aria-hidden=\"true\" className={styles.icons}>\n              {isInvalid && <AlertCircle fontSize={16} />}\n              <CaretDown title={t('icons.selectArrow')} />\n            </div>\n          </Button>\n\n          <Popover\n            className={classNames(styles.popover, 'react-aria-Popover')}\n            UNSTABLE_portalContainer={container.current}\n            maxHeight={320}\n          >\n            <Virtualizer layout={ListLayout}>\n              <ListBox items={items}>\n                {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n              </ListBox>\n            </Virtualizer>\n          </Popover>\n        </AriaComboBox>\n      </FieldLayout>\n\n      {selectedOptions.length > 0 && (\n        <div className={styles.chips} role=\"list\" aria-label={t('labels.selectedItems', { label })}>\n          {selectedOptions.map(option => (\n            <span key={option.value} role=\"listitem\">\n              <Components.Badge\n                status=\"info\"\n                onDismiss={() => {\n                  handleDismiss(option.value)\n                }}\n                dismissAriaLabel={t('labels.removeItem', { label: option.label })}\n                isDisabled={isDisabled}\n              >\n                {option.label}\n              </Components.Badge>\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["MultiSelectComboBox","className","description","errorMessage","id","inputRefFromProps","isDisabled","isInvalid","isLoading","isRequired","label","name","onBlur","onChange","options","placeholder","selectedValues","shouldVisuallyHideLabel","Components","useComponentContext","t","useTranslation","container","useTheme","inputValue","setInputValue","useState","internalInputRef","useRef","inputRef","useForkRef","selectedSet","useMemo","availableOptions","option","selectedOptions","items","handleSelectionChange","useCallback","key","handleDismiss","value","v","displayDescription","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","classNames","styles","jsx","FieldLayout","jsxs","AriaComboBox","Input","Button","AlertCircle","CaretDown","Popover","Virtualizer","ListLayout","ListBox","item","ListBoxItem"],"mappings":"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"}
+{"version":3,"file":"MultiSelectComboBox.js","sources":["../../../../../src/components/Common/UI/MultiSelectComboBox/MultiSelectComboBox.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react'\nimport type { Key } from 'react-aria-components'\nimport {\n  ComboBox as AriaComboBox,\n  Button,\n  Input,\n  ListBox,\n  ListBoxItem,\n  ListLayout,\n  Popover,\n  Virtualizer,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './MultiSelectComboBox.module.scss'\nimport type { MultiSelectComboBoxProps } from './MultiSelectComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\nexport function MultiSelectComboBox({\n  className,\n  description,\n  errorMessage,\n  id,\n  inputRef: inputRefFromProps,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  label,\n  name,\n  onBlur,\n  onChange,\n  options,\n  placeholder,\n  value: selectedValues = [],\n  shouldVisuallyHideLabel,\n}: MultiSelectComboBoxProps) {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n  const { container } = useTheme()\n  const [inputValue, setInputValue] = useState('')\n  const blurTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const internalInputRef = useRef<HTMLInputElement>(null)\n  const inputRef = useForkRef(inputRefFromProps, internalInputRef)\n\n  const handleInputBlur = useCallback(() => {\n    blurTimeoutRef.current = setTimeout(() => {\n      blurTimeoutRef.current = null\n      onBlur?.()\n    }, 50)\n  }, [onBlur])\n\n  const handleInputFocus = useCallback(() => {\n    if (blurTimeoutRef.current) {\n      clearTimeout(blurTimeoutRef.current)\n      blurTimeoutRef.current = null\n    }\n  }, [])\n\n  const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues])\n\n  const availableOptions = useMemo(\n    () =>\n      options\n        .filter(option => !selectedSet.has(option.value))\n        .map(option => ({\n          label: option.label,\n          value: option.value,\n        })),\n    [options, selectedSet],\n  )\n\n  const selectedOptions = useMemo(\n    () => options.filter(option => selectedSet.has(option.value)),\n    [options, selectedSet],\n  )\n\n  const items = useMemo(\n    () => availableOptions.map(option => ({ name: option.label, id: option.value })),\n    [availableOptions],\n  )\n\n  const handleSelectionChange = useCallback(\n    (key: Key | null) => {\n      if (!key) return\n      onChange?.([...selectedValues, key.toString()])\n      setInputValue('')\n      internalInputRef.current?.blur()\n    },\n    [selectedValues, onChange],\n  )\n\n  const handleDismiss = useCallback(\n    (value: string) => {\n      onChange?.(selectedValues.filter(v => v !== value))\n    },\n    [selectedValues, onChange],\n  )\n\n  const loadingDescription = isLoading ? t('status.loadingOptions') : undefined\n  const displayDescription = loadingDescription ?? description\n\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description: displayDescription,\n  })\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <FieldLayout\n        label={label}\n        htmlFor={inputId}\n        errorMessage={errorMessage}\n        errorMessageId={errorMessageId}\n        descriptionId={descriptionId}\n        isRequired={isRequired}\n        description={displayDescription}\n        shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n        className={styles.comboBoxField}\n        withErrorIcon={false}\n      >\n        <AriaComboBox\n          aria-label={label}\n          aria-describedby={ariaDescribedBy}\n          className={'react-aria-ComboBox-root'}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          menuTrigger=\"focus\"\n          inputValue={inputValue}\n          onInputChange={setInputValue}\n          selectedKey={null}\n          onSelectionChange={handleSelectionChange}\n          id={inputId}\n          name={name}\n        >\n          <Input\n            ref={inputRef}\n            placeholder={placeholder}\n            onBlur={handleInputBlur}\n            onFocus={handleInputFocus}\n          />\n          <Button>\n            <div aria-hidden=\"true\" className={styles.icons}>\n              {isInvalid && <AlertCircle fontSize={16} />}\n              <CaretDown title={t('icons.selectArrow')} />\n            </div>\n          </Button>\n\n          <Popover\n            className={classNames(styles.popover, 'react-aria-Popover')}\n            UNSTABLE_portalContainer={container.current}\n            maxHeight={320}\n          >\n            <Virtualizer layout={ListLayout}>\n              <ListBox items={items}>\n                {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n              </ListBox>\n            </Virtualizer>\n          </Popover>\n        </AriaComboBox>\n      </FieldLayout>\n\n      {selectedOptions.length > 0 && (\n        <div className={styles.chips} role=\"list\" aria-label={t('labels.selectedItems', { label })}>\n          {selectedOptions.map(option => (\n            <span key={option.value} role=\"listitem\">\n              <Components.Badge\n                status=\"info\"\n                onDismiss={() => {\n                  handleDismiss(option.value)\n                }}\n                dismissAriaLabel={t('labels.removeItem', { label: option.label })}\n                isDisabled={isDisabled}\n              >\n                {option.label}\n              </Components.Badge>\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["MultiSelectComboBox","className","description","errorMessage","id","inputRefFromProps","isDisabled","isInvalid","isLoading","isRequired","label","name","onBlur","onChange","options","placeholder","selectedValues","shouldVisuallyHideLabel","Components","useComponentContext","t","useTranslation","container","useTheme","inputValue","setInputValue","useState","blurTimeoutRef","useRef","internalInputRef","inputRef","useForkRef","handleInputBlur","useCallback","handleInputFocus","selectedSet","useMemo","availableOptions","option","selectedOptions","items","handleSelectionChange","key","handleDismiss","value","v","displayDescription","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","classNames","styles","jsx","FieldLayout","jsxs","AriaComboBox","Input","Button","AlertCircle","CaretDown","Popover","Virtualizer","ListLayout","ListBox","item","ListBoxItem"],"mappings":"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"}

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

@@ -69,6 +69,7 @@ function Y({
           isRequired: u,
           validationBehavior: "aria",
           onChange: F,
+          onBlur: h,
           "aria-labelledby": " ",
           minValue: V,
           maxValue: j,
@@ -80,7 +81,6 @@ function Y({
               adornmentEnd: D || (r === "percent" ? "%" : null),
               id: d,
               inputRef: s,
-              onBlur: h,
               placeholder: f,
               "aria-describedby": S,
               isDisabled: m

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sources":["../../../../../src/components/Common/UI/NumberInput/NumberInput.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { Group, NumberField as AriaNumberField } from 'react-aria-components'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { NumberInputProps } from './NumberInputTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useLocale } from '@/contexts/LocaleProvider'\n\nexport function NumberInput({\n  name,\n  format,\n  inputRef,\n  id,\n  value,\n  description,\n  errorMessage,\n  isRequired,\n  placeholder,\n  isInvalid,\n  isDisabled,\n  onChange,\n  onBlur,\n  label,\n  min,\n  max,\n  shouldVisuallyHideLabel,\n  adornmentStart,\n  adornmentEnd,\n  className,\n  maximumFractionDigits,\n  minimumFractionDigits,\n  ...props\n}: NumberInputProps) {\n  const { locale, currency } = useLocale()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const minValue = typeof min === 'string' ? Number(min) : min\n  const maxValue = typeof max === 'string' ? Number(max) : max\n\n  const currencySymbol = useMemo(() => {\n    return new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n    })\n      .formatToParts(0)\n      .find(part => part.type === 'currency')?.value\n  }, [currency, locale])\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      withErrorIcon={false}\n      {...props}\n    >\n      <AriaNumberField\n        value={value}\n        name={name}\n        formatOptions={{\n          style: 'decimal',\n          minimumFractionDigits: format === 'currency' ? 2 : minimumFractionDigits,\n          maximumFractionDigits: format === 'currency' ? 2 : maximumFractionDigits,\n          currency,\n          currencyDisplay: 'symbol',\n        }}\n        isInvalid={isInvalid}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        onChange={onChange}\n        // This is a hack to silence an unnecessary react-aria warning. The FieldLayout component\n        // already associates the label and input with htmlFor + ID. If we include a label id here,\n        // the label will get read twice by assistive tech. This evaluates to an empty string which\n        // does not get associated with any elements and does not get read.\n        aria-labelledby=\" \"\n        minValue={minValue}\n        maxValue={maxValue}\n        {...props}\n      >\n        <Group>\n          <Input\n            adornmentStart={adornmentStart || (format === 'currency' ? currencySymbol : null)}\n            adornmentEnd={adornmentEnd || (format === 'percent' ? '%' : null)}\n            id={inputId}\n            inputRef={inputRef}\n            onBlur={onBlur}\n            placeholder={placeholder}\n            aria-describedby={ariaDescribedBy}\n            isDisabled={isDisabled}\n          />\n        </Group>\n      </AriaNumberField>\n    </FieldLayout>\n  )\n}\n"],"names":["NumberInput","name","format","inputRef","id","value","description","errorMessage","isRequired","placeholder","isInvalid","isDisabled","onChange","onBlur","label","min","max","shouldVisuallyHideLabel","adornmentStart","adornmentEnd","className","maximumFractionDigits","minimumFractionDigits","props","locale","currency","useLocale","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","minValue","maxValue","currencySymbol","useMemo","part","jsx","FieldLayout","AriaNumberField","Group","Input"],"mappings":";;;;;;;AAQO,SAASA,EAAY;AAAA,EAC1B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,QAAM,EAAE,QAAAC,GAAQ,UAAAC,EAAA,IAAaC,EAAA,GACvB,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAAS3B;AAAA,IACT,cAAAG;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEK0B,IAAW,OAAOjB,KAAQ,WAAW,OAAOA,CAAG,IAAIA,GACnDkB,IAAW,OAAOjB,KAAQ,WAAW,OAAOA,CAAG,IAAIA,GAEnDkB,IAAiBC,EAAQ,MACtB,IAAI,KAAK,aAAaX,GAAQ;AAAA,IACnC,OAAO;AAAA,IACP,UAAAC;AAAA,EAAA,CACD,EACE,cAAc,CAAC,EACf,KAAK,CAAAW,MAAQA,EAAK,SAAS,UAAU,GAAG,OAC1C,CAACX,GAAUD,CAAM,CAAC;AAErB,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAxB;AAAA,MACA,aAAAR;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASmB;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAZ;AAAA,MACA,WAAAG;AAAA,MACA,eAAe;AAAA,MACd,GAAGG;AAAA,MAEJ,UAAA,gBAAAc;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,OAAAlC;AAAA,UACA,MAAAJ;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,uBAAuBC,MAAW,aAAa,IAAIoB;AAAA,YACnD,uBAAuBpB,MAAW,aAAa,IAAImB;AAAA,YACnD,UAAAI;AAAA,YACA,iBAAiB;AAAA,UAAA;AAAA,UAEnB,WAAAf;AAAA,UACA,YAAAC;AAAA,UACA,YAAAH;AAAA,UACA,oBAAmB;AAAA,UACnB,UAAAI;AAAA,UAKA,mBAAgB;AAAA,UAChB,UAAAoB;AAAA,UACA,UAAAC;AAAA,UACC,GAAGV;AAAA,UAEJ,4BAACiB,GAAA,EACC,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,gBAAgBvB,MAAmBhB,MAAW,aAAagC,IAAiB;AAAA,cAC5E,cAAcf,MAAiBjB,MAAW,YAAY,MAAM;AAAA,cAC5D,IAAIyB;AAAA,cACJ,UAAAxB;AAAA,cACA,QAAAU;AAAA,cACA,aAAAJ;AAAA,cACA,oBAAkBqB;AAAA,cAClB,YAAAnB;AAAA,YAAA;AAAA,UAAA,EACF,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"NumberInput.js","sources":["../../../../../src/components/Common/UI/NumberInput/NumberInput.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { Group, NumberField as AriaNumberField } from 'react-aria-components'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { NumberInputProps } from './NumberInputTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useLocale } from '@/contexts/LocaleProvider'\n\nexport function NumberInput({\n  name,\n  format,\n  inputRef,\n  id,\n  value,\n  description,\n  errorMessage,\n  isRequired,\n  placeholder,\n  isInvalid,\n  isDisabled,\n  onChange,\n  onBlur,\n  label,\n  min,\n  max,\n  shouldVisuallyHideLabel,\n  adornmentStart,\n  adornmentEnd,\n  className,\n  maximumFractionDigits,\n  minimumFractionDigits,\n  ...props\n}: NumberInputProps) {\n  const { locale, currency } = useLocale()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const minValue = typeof min === 'string' ? Number(min) : min\n  const maxValue = typeof max === 'string' ? Number(max) : max\n\n  const currencySymbol = useMemo(() => {\n    return new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n    })\n      .formatToParts(0)\n      .find(part => part.type === 'currency')?.value\n  }, [currency, locale])\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      withErrorIcon={false}\n      {...props}\n    >\n      <AriaNumberField\n        value={value}\n        name={name}\n        formatOptions={{\n          style: 'decimal',\n          minimumFractionDigits: format === 'currency' ? 2 : minimumFractionDigits,\n          maximumFractionDigits: format === 'currency' ? 2 : maximumFractionDigits,\n          currency,\n          currencyDisplay: 'symbol',\n        }}\n        isInvalid={isInvalid}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        onChange={onChange}\n        onBlur={onBlur}\n        // This is a hack to silence an unnecessary react-aria warning. The FieldLayout component\n        // already associates the label and input with htmlFor + ID. If we include a label id here,\n        // the label will get read twice by assistive tech. This evaluates to an empty string which\n        // does not get associated with any elements and does not get read.\n        aria-labelledby=\" \"\n        minValue={minValue}\n        maxValue={maxValue}\n        {...props}\n      >\n        <Group>\n          <Input\n            adornmentStart={adornmentStart || (format === 'currency' ? currencySymbol : null)}\n            adornmentEnd={adornmentEnd || (format === 'percent' ? '%' : null)}\n            id={inputId}\n            inputRef={inputRef}\n            placeholder={placeholder}\n            aria-describedby={ariaDescribedBy}\n            isDisabled={isDisabled}\n          />\n        </Group>\n      </AriaNumberField>\n    </FieldLayout>\n  )\n}\n"],"names":["NumberInput","name","format","inputRef","id","value","description","errorMessage","isRequired","placeholder","isInvalid","isDisabled","onChange","onBlur","label","min","max","shouldVisuallyHideLabel","adornmentStart","adornmentEnd","className","maximumFractionDigits","minimumFractionDigits","props","locale","currency","useLocale","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","minValue","maxValue","currencySymbol","useMemo","part","jsx","FieldLayout","AriaNumberField","Group","Input"],"mappings":";;;;;;;AAQO,SAASA,EAAY;AAAA,EAC1B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,QAAM,EAAE,QAAAC,GAAQ,UAAAC,EAAA,IAAaC,EAAA,GACvB,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAAS3B;AAAA,IACT,cAAAG;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEK0B,IAAW,OAAOjB,KAAQ,WAAW,OAAOA,CAAG,IAAIA,GACnDkB,IAAW,OAAOjB,KAAQ,WAAW,OAAOA,CAAG,IAAIA,GAEnDkB,IAAiBC,EAAQ,MACtB,IAAI,KAAK,aAAaX,GAAQ;AAAA,IACnC,OAAO;AAAA,IACP,UAAAC;AAAA,EAAA,CACD,EACE,cAAc,CAAC,EACf,KAAK,CAAAW,MAAQA,EAAK,SAAS,UAAU,GAAG,OAC1C,CAACX,GAAUD,CAAM,CAAC;AAErB,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAxB;AAAA,MACA,aAAAR;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASmB;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAZ;AAAA,MACA,WAAAG;AAAA,MACA,eAAe;AAAA,MACd,GAAGG;AAAA,MAEJ,UAAA,gBAAAc;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,OAAAlC;AAAA,UACA,MAAAJ;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,uBAAuBC,MAAW,aAAa,IAAIoB;AAAA,YACnD,uBAAuBpB,MAAW,aAAa,IAAImB;AAAA,YACnD,UAAAI;AAAA,YACA,iBAAiB;AAAA,UAAA;AAAA,UAEnB,WAAAf;AAAA,UACA,YAAAC;AAAA,UACA,YAAAH;AAAA,UACA,oBAAmB;AAAA,UACnB,UAAAI;AAAA,UACA,QAAAC;AAAA,UAKA,mBAAgB;AAAA,UAChB,UAAAmB;AAAA,UACA,UAAAC;AAAA,UACC,GAAGV;AAAA,UAEJ,4BAACiB,GAAA,EACC,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,gBAAgBvB,MAAmBhB,MAAW,aAAagC,IAAiB;AAAA,cAC5E,cAAcf,MAAiBjB,MAAW,YAAY,MAAM;AAAA,cAC5D,IAAIyB;AAAA,cACJ,UAAAxB;AAAA,cACA,aAAAM;AAAA,cACA,oBAAkBqB;AAAA,cAClB,YAAAnB;AAAA,YAAA;AAAA,UAAA,EACF,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/Common/index.d.ts

@@ -25,3 +25,5 @@ export { SwitchField } from './Fields/SwitchField';
 export { MultiSelectComboBoxField } from './Fields/MultiSelectComboBoxField';
 export { VisuallyHidden } from './VisuallyHidden';
 export { HamburgerMenu } from './HamburgerMenu';
+export { DetailViewLayout } from './DetailViewLayout';
+export { DateRangeFilter } from './DateRangeFilter/DateRangeFilter';

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

@@ -1,21 +1,17 @@
 import { jsx as o, jsxs as y, Fragment as f } from "react/jsx-runtime";
 import { z as e } from "zod";
-import { useForm as p, FormProvider as d } 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 "@hookform/resolvers/zod";
 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 "classnames";
-import "react-i18next";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 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 Q(n) {
+function w(n) {
   return /* @__PURE__ */ o(M, { ...n, children: /* @__PURE__ */ o(v, { ...n, children: n.children }) });
 }
 const D = e.object({
@@ -33,8 +29,8 @@ function v({
   dictionary: A
 }) {
   I("Company.AssignSignatory"), Y("Company.AssignSignatory", A);
-  const { onEvent: t } = h(), c = p({
-    resolver: N(D),
+  const { onEvent: t } = h(), c = d({
+    resolver: p(D),
     defaultValues: {
       signatoryAssignmentMode: m.createSignatory
     }
@@ -53,7 +49,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(d, { ...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(_, {})
@@ -62,6 +58,6 @@ function v({
   ) });
 }
 export {
-  Q as AssignSignatory
+  w 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

@@ -1,16 +1,12 @@
 import { jsx as i } from "react/jsx-runtime";
 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 "../../../shared/constants.js";
-import "classnames";
-import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-const f = () => {
+import a from "./AssignSignatorySelection.module.scss.js";
+import { RadioGroupField as r } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+const c = () => {
   const { t: n } = e("Company.AssignSignatory"), { onSignatoryAssignmentModeChange: t } = s();
-  return /* @__PURE__ */ i("section", { className: r.container, children: /* @__PURE__ */ i(
-    a,
+  return /* @__PURE__ */ i("section", { className: a.container, children: /* @__PURE__ */ i(
+    r,
     {
       onChange: t,
       label: n("signingOptions.label"),
@@ -30,6 +26,6 @@ const f = () => {
   ) });
 };
 export {
-  f as AssignSignatorySelection
+  c 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

@@ -1,16 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useTranslation as r } from "react-i18next";
-import { useCreateSignatory as s } from "./useCreateSignatory.js";
-import "../../../../shared/constants.js";
-import "classnames";
-import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as e } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-const d = () => {
-  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") }) });
+import { useTranslation as i } from "react-i18next";
+import { useCreateSignatory as r } from "./useCreateSignatory.js";
+import { ActionsLayout as e } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const f = () => {
+  const { t } = i("Company.AssignSignatory"), { isPending: n } = r(), s = m();
+  return /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(s.Button, { type: "submit", isLoading: n, children: t("buttons.signDocuments") }) });
 };
 export {
-  d as Actions
+  f 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

@@ -18,12 +18,9 @@ import { BaseComponent as $ } from "../../../Base/Base.js";
 import { useBase as V } from "../../../Base/useBase.js";
 import { Flex as tt } from "../../../Common/Flex/Flex.js";
 import { companyEvents as c } from "../../../../shared/constants.js";
-import "react-i18next";
-import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { formatDateToStringDate as et } from "../../../../helpers/dateFormatting.js";
 import { useMaskedTransform as rt, commonMasks as ot } from "../../../../helpers/mask.js";
-function Tt(o) {
+function vt(o) {
   return /* @__PURE__ */ r($, { ...o, children: /* @__PURE__ */ r(it, { ...o, children: o.children }) });
 }
 function it({
@@ -38,7 +35,7 @@ function it({
     data: { signatories: C }
   } = G({
     companyUuid: o
-  }), n = C, t = n.find((s) => s.uuid === f), p = j(), y = L(), g = H(), u = t?.birthday ?? e?.birthday, D = {
+  }), n = C, t = n.find((s) => s.uuid === f), y = j(), p = L(), g = H(), u = t?.birthday ?? e?.birthday, D = {
     firstName: t?.firstName ?? e?.firstName ?? "",
     lastName: t?.lastName ?? e?.lastName ?? "",
     email: t?.email ?? e?.email ?? "",
@@ -68,7 +65,7 @@ function it({
         }
       };
       if (t) {
-        const m = await y.mutateAsync({
+        const m = await p.mutateAsync({
           request: {
             companyUuid: o,
             signatoryUuid: t.uuid,
@@ -87,7 +84,7 @@ function it({
             signatoryUuid: n[0].uuid
           }
         });
-        const m = await p.mutateAsync({
+        const m = await y.mutateAsync({
           request: {
             companyUuid: o,
             signatoryCreateRequest: {
@@ -106,7 +103,7 @@ function it({
     Q,
     {
       value: {
-        isPending: p.isPending || g.isPending || y.isPending,
+        isPending: y.isPending || g.isPending || p.isPending,
         currentSignatory: t
       },
       children: /* @__PURE__ */ r(x, { ...h, children: /* @__PURE__ */ r(X, { onSubmit: h.handleSubmit(M), children: /* @__PURE__ */ r(tt, { flexDirection: "column", gap: 32, children: d || /* @__PURE__ */ w(Y, { children: [
@@ -117,6 +114,6 @@ function it({
   ) });
 }
 export {
-  Tt as CreateSignatory
+  vt as CreateSignatory
 };
 //# sourceMappingURL=CreateSignatory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport classNames from 'classnames'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { useSignatoriesCreateMutation } from '@gusto/embedded-api/react-query/signatoriesCreate'\nimport { useSignatoriesUpdateMutation } from '@gusto/embedded-api/react-query/signatoriesUpdate'\nimport { useSignatoriesDeleteMutation } from '@gusto/embedded-api/react-query/signatoriesDelete'\nimport { type CreateSignatoryInputs } from './CreateSignatoryForm'\nimport { CreateSignatoryForm } from './CreateSignatoryForm'\nimport { Actions } from './Actions'\nimport styles from './CreateSignatory.module.scss'\nimport type { CreateSignatoryDefaultValues } from './useCreateSignatory'\nimport { CreateSignatoryProvider } from './useCreateSignatory'\nimport { generateCreateSignatorySchema } from './Schema'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\n\ninterface CreateSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: CreateSignatoryDefaultValues\n}\n\nexport function CreateSignatory(props: CreateSignatoryProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n}: CreateSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  const {\n    data: { signatories: signatoryList },\n  } = useSignatoriesListSuspense({\n    companyUuid: companyId,\n  })\n  const signatories = signatoryList!\n\n  const currentSignatory = signatories.find(signatory => signatory.uuid === signatoryId)\n\n  const createSignatoryMutation = useSignatoriesCreateMutation()\n  const updateSignatoryMutation = useSignatoriesUpdateMutation()\n  const deleteSignatoryMutation = useSignatoriesDeleteMutation()\n\n  const defaultBirthday = currentSignatory?.birthday ?? defaultValues?.birthday\n\n  const createSignatoryDefaultValues = {\n    firstName: currentSignatory?.firstName ?? defaultValues?.firstName ?? '',\n    lastName: currentSignatory?.lastName ?? defaultValues?.lastName ?? '',\n    email: currentSignatory?.email ?? defaultValues?.email ?? '',\n    title: currentSignatory?.title ?? defaultValues?.title ?? '',\n    phone: transformPhone(currentSignatory?.phone ?? defaultValues?.phone ?? ''),\n    ssn: currentSignatory?.hasSsn ? '' : defaultValues?.ssn,\n    street1: currentSignatory?.homeAddress?.street1 ?? defaultValues?.street1,\n    street2: currentSignatory?.homeAddress?.street2 ?? defaultValues?.street2,\n    city: currentSignatory?.homeAddress?.city ?? defaultValues?.city,\n    state: currentSignatory?.homeAddress?.state ?? defaultValues?.state,\n    zip: currentSignatory?.homeAddress?.zip ?? defaultValues?.zip,\n    ...(defaultBirthday ? { birthday: new Date(defaultBirthday) } : {}),\n  }\n\n  const formMethods = useForm<CreateSignatoryInputs>({\n    resolver: zodResolver(generateCreateSignatorySchema(currentSignatory?.hasSsn)),\n    defaultValues: createSignatoryDefaultValues,\n  })\n\n  const onSubmit = async (data: CreateSignatoryInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { street1, street2, city, state, zip, birthday, email, ssn, ...signatoryData } = payload\n\n      const birthdayString = formatDateToStringDate(birthday) || ''\n      const commonData = {\n        ...signatoryData,\n        birthday: new RFCDate(birthdayString),\n        homeAddress: {\n          street1,\n          street2,\n          city,\n          state,\n          zip,\n        },\n      }\n\n      if (currentSignatory) {\n        const updateSignatoryResponse = await updateSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            signatoryUuid: currentSignatory.uuid,\n            signatoryUpdateRequest: {\n              version: currentSignatory.version!,\n              ...(ssn ? { ssn } : {}),\n              ...commonData,\n            },\n          },\n        })\n\n        onEvent(companyEvents.COMPANY_SIGNATORY_UPDATED, updateSignatoryResponse.signatory)\n      } else {\n        if (signatories[0]?.uuid) {\n          await deleteSignatoryMutation.mutateAsync({\n            request: {\n              companyUuid: companyId,\n              signatoryUuid: signatories[0].uuid,\n            },\n          })\n        }\n        const createSignatoryResponse = await createSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            signatoryCreateRequest: {\n              email,\n              ssn: ssn || '',\n              ...commonData,\n            },\n          },\n        })\n        onEvent(companyEvents.COMPANY_SIGNATORY_CREATED, createSignatoryResponse.signatory)\n      }\n      onEvent(companyEvents.COMPANY_CREATE_SIGNATORY_DONE)\n    })\n  }\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <CreateSignatoryProvider\n        value={{\n          isPending:\n            createSignatoryMutation.isPending ||\n            deleteSignatoryMutation.isPending ||\n            updateSignatoryMutation.isPending,\n          currentSignatory,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <CreateSignatoryForm />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </Form>\n        </FormProvider>\n      </CreateSignatoryProvider>\n    </section>\n  )\n}\n"],"names":["CreateSignatory","props","jsx","BaseComponent","Root","companyId","signatoryId","defaultValues","className","children","useI18n","onEvent","baseSubmitHandler","useBase","transformPhone","useMaskedTransform","commonMasks","signatoryList","useSignatoriesListSuspense","signatories","currentSignatory","signatory","createSignatoryMutation","useSignatoriesCreateMutation","updateSignatoryMutation","useSignatoriesUpdateMutation","deleteSignatoryMutation","useSignatoriesDeleteMutation","defaultBirthday","createSignatoryDefaultValues","formMethods","useForm","zodResolver","generateCreateSignatorySchema","onSubmit","data","payload","street1","street2","city","state","zip","birthday","email","ssn","signatoryData","birthdayString","formatDateToStringDate","commonData","RFCDate","updateSignatoryResponse","companyEvents","createSignatoryResponse","classNames","styles","CreateSignatoryProvider","FormProvider","Form","Flex","jsxs","Fragment","CreateSignatoryForm","Actions"],"mappings":"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"}
+{"version":3,"file":"CreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport classNames from 'classnames'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { useSignatoriesCreateMutation } from '@gusto/embedded-api/react-query/signatoriesCreate'\nimport { useSignatoriesUpdateMutation } from '@gusto/embedded-api/react-query/signatoriesUpdate'\nimport { useSignatoriesDeleteMutation } from '@gusto/embedded-api/react-query/signatoriesDelete'\nimport { type CreateSignatoryInputs } from './CreateSignatoryForm'\nimport { CreateSignatoryForm } from './CreateSignatoryForm'\nimport { Actions } from './Actions'\nimport styles from './CreateSignatory.module.scss'\nimport type { CreateSignatoryDefaultValues } from './useCreateSignatory'\nimport { CreateSignatoryProvider } from './useCreateSignatory'\nimport { generateCreateSignatorySchema } from './Schema'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\n\ninterface CreateSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: CreateSignatoryDefaultValues\n}\n\nexport function CreateSignatory(props: CreateSignatoryProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n}: CreateSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  const {\n    data: { signatories: signatoryList },\n  } = useSignatoriesListSuspense({\n    companyUuid: companyId,\n  })\n  const signatories = signatoryList!\n\n  const currentSignatory = signatories.find(signatory => signatory.uuid === signatoryId)\n\n  const createSignatoryMutation = useSignatoriesCreateMutation()\n  const updateSignatoryMutation = useSignatoriesUpdateMutation()\n  const deleteSignatoryMutation = useSignatoriesDeleteMutation()\n\n  const defaultBirthday = currentSignatory?.birthday ?? defaultValues?.birthday\n\n  const createSignatoryDefaultValues = {\n    firstName: currentSignatory?.firstName ?? defaultValues?.firstName ?? '',\n    lastName: currentSignatory?.lastName ?? defaultValues?.lastName ?? '',\n    email: currentSignatory?.email ?? defaultValues?.email ?? '',\n    title: currentSignatory?.title ?? defaultValues?.title ?? '',\n    phone: transformPhone(currentSignatory?.phone ?? defaultValues?.phone ?? ''),\n    ssn: currentSignatory?.hasSsn ? '' : defaultValues?.ssn,\n    street1: currentSignatory?.homeAddress?.street1 ?? defaultValues?.street1,\n    street2: currentSignatory?.homeAddress?.street2 ?? defaultValues?.street2,\n    city: currentSignatory?.homeAddress?.city ?? defaultValues?.city,\n    state: currentSignatory?.homeAddress?.state ?? defaultValues?.state,\n    zip: currentSignatory?.homeAddress?.zip ?? defaultValues?.zip,\n    ...(defaultBirthday ? { birthday: new Date(defaultBirthday) } : {}),\n  }\n\n  const formMethods = useForm<CreateSignatoryInputs>({\n    resolver: zodResolver(generateCreateSignatorySchema(currentSignatory?.hasSsn)),\n    defaultValues: createSignatoryDefaultValues,\n  })\n\n  const onSubmit = async (data: CreateSignatoryInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { street1, street2, city, state, zip, birthday, email, ssn, ...signatoryData } = payload\n\n      const birthdayString = formatDateToStringDate(birthday) || ''\n      const commonData = {\n        ...signatoryData,\n        birthday: new RFCDate(birthdayString),\n        homeAddress: {\n          street1,\n          street2,\n          city,\n          state,\n          zip,\n        },\n      }\n\n      if (currentSignatory) {\n        const updateSignatoryResponse = await updateSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            signatoryUuid: currentSignatory.uuid,\n            signatoryUpdateRequest: {\n              version: currentSignatory.version!,\n              ...(ssn ? { ssn } : {}),\n              ...commonData,\n            },\n          },\n        })\n\n        onEvent(companyEvents.COMPANY_SIGNATORY_UPDATED, updateSignatoryResponse.signatory)\n      } else {\n        if (signatories[0]?.uuid) {\n          await deleteSignatoryMutation.mutateAsync({\n            request: {\n              companyUuid: companyId,\n              signatoryUuid: signatories[0].uuid,\n            },\n          })\n        }\n        const createSignatoryResponse = await createSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            signatoryCreateRequest: {\n              email,\n              ssn: ssn || '',\n              ...commonData,\n            },\n          },\n        })\n        onEvent(companyEvents.COMPANY_SIGNATORY_CREATED, createSignatoryResponse.signatory)\n      }\n      onEvent(companyEvents.COMPANY_CREATE_SIGNATORY_DONE)\n    })\n  }\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <CreateSignatoryProvider\n        value={{\n          isPending:\n            createSignatoryMutation.isPending ||\n            deleteSignatoryMutation.isPending ||\n            updateSignatoryMutation.isPending,\n          currentSignatory,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <CreateSignatoryForm />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </Form>\n        </FormProvider>\n      </CreateSignatoryProvider>\n    </section>\n  )\n}\n"],"names":["CreateSignatory","props","jsx","BaseComponent","Root","companyId","signatoryId","defaultValues","className","children","useI18n","onEvent","baseSubmitHandler","useBase","transformPhone","useMaskedTransform","commonMasks","signatoryList","useSignatoriesListSuspense","signatories","currentSignatory","signatory","createSignatoryMutation","useSignatoriesCreateMutation","updateSignatoryMutation","useSignatoriesUpdateMutation","deleteSignatoryMutation","useSignatoriesDeleteMutation","defaultBirthday","createSignatoryDefaultValues","formMethods","useForm","zodResolver","generateCreateSignatorySchema","onSubmit","data","payload","street1","street2","city","state","zip","birthday","email","ssn","signatoryData","birthdayString","formatDateToStringDate","commonData","RFCDate","updateSignatoryResponse","companyEvents","createSignatoryResponse","classNames","styles","CreateSignatoryProvider","FormProvider","Form","Flex","jsxs","Fragment","CreateSignatoryForm","Actions"],"mappings":"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"}