@gusto/embedded-react-sdk 0.7.0 → 0.8.1

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

@@ -0,0 +1,2 @@
+import { TableProps } from './TableTypes';
+export declare function Table({ className, headers, rows, emptyState, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { Table as s, TableHeader as h, Row as a, Column as p, TableBody as b, Cell as o } from "react-aria-components";
+import T from "classnames";
+import f from "./Table.module.scss.js";
+function N({ className: m, headers: n, rows: i, emptyState: c, ...t }) {
+  return /* @__PURE__ */ e("div", { className: f.root, children: /* @__PURE__ */ d(s, { ...t, className: T("react-aria-Table", m), children: [
+    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(a, { children: n.map((l, r) => /* @__PURE__ */ e(p, { isRowHeader: r === 0, children: l.content }, l.key)) }) }),
+    /* @__PURE__ */ e(b, { children: i.length === 0 && c ? /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { colSpan: n.length, children: c }) }) : i.map((l) => /* @__PURE__ */ e(a, { children: l.data.map((r) => /* @__PURE__ */ e(o, { children: r.content }, r.key)) }, l.key)) })
+  ] }) });
+}
+export {
+  N as Table
+};
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../../../src/components/Common/UI/Table/Table.tsx"],"sourcesContent":["import {\n  Table as AriaTable,\n  TableHeader as AriaTableHeader,\n  TableBody as AriaTableBody,\n  Row,\n  Column,\n  Cell,\n} from 'react-aria-components'\nimport classnames from 'classnames'\nimport type { TableProps } from './TableTypes'\nimport styles from './Table.module.scss'\n\nexport function Table({ className, headers, rows, emptyState, ...props }: TableProps) {\n  return (\n    <div className={styles.root}>\n      <AriaTable {...props} className={classnames('react-aria-Table', className)}>\n        <AriaTableHeader>\n          <Row>\n            {headers.map((header, index) => (\n              <Column key={header.key} isRowHeader={index === 0}>\n                {header.content}\n              </Column>\n            ))}\n          </Row>\n        </AriaTableHeader>\n        <AriaTableBody>\n          {rows.length === 0 && emptyState ? (\n            <Row>\n              <Cell colSpan={headers.length}>{emptyState}</Cell>\n            </Row>\n          ) : (\n            rows.map(row => (\n              <Row key={row.key}>\n                {row.data.map(cell => (\n                  <Cell key={cell.key}>{cell.content}</Cell>\n                ))}\n              </Row>\n            ))\n          )}\n        </AriaTableBody>\n      </AriaTable>\n    </div>\n  )\n}\n"],"names":["Table","className","headers","rows","emptyState","props","jsx","styles","jsxs","AriaTable","classnames","AriaTableHeader","Row","header","index","Column","AriaTableBody","Cell","row","cell"],"mappings":";;;;AAYgB,SAAAA,EAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,YAAAC,GAAY,GAAGC,KAAqB;AACpF,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA,gBAAAC,EAACC,GAAW,EAAA,GAAGJ,GAAO,WAAWK,EAAW,oBAAoBT,CAAS,GACvE,UAAA;AAAA,IAAA,gBAAAK,EAACK,KACC,UAAC,gBAAAL,EAAAM,GAAA,EACE,YAAQ,IAAI,CAACC,GAAQC,MACpB,gBAAAR,EAACS,KAAwB,aAAaD,MAAU,GAC7C,UAAOD,EAAA,QAAA,GADGA,EAAO,GAEpB,CACD,GACH,EACF,CAAA;AAAA,sBACCG,GACE,EAAA,UAAAb,EAAK,WAAW,KAAKC,IACnB,gBAAAE,EAAAM,GAAA,EACC,UAAC,gBAAAN,EAAAW,GAAA,EAAK,SAASf,EAAQ,QAAS,UAAWE,EAAA,CAAA,GAC7C,IAEAD,EAAK,IAAI,CACPe,MAAA,gBAAAZ,EAACM,KACE,UAAIM,EAAA,KAAK,IAAI,CAAAC,wBACXF,GAAqB,EAAA,UAAAE,EAAK,QAAhB,GAAAA,EAAK,GAAmB,CACpC,KAHOD,EAAI,GAId,CACD,EAEL,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/components/Common/UI/Table/Table.module.scss.js

@@ -0,0 +1,8 @@
+const o = "_root_197gq_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};
+//# sourceMappingURL=Table.module.scss.js.map

package/dist/components/Common/UI/Table/Table.module.scss.js.map

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

package/dist/components/Common/UI/Table/TableTypes.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode, TableHTMLAttributes } from 'react';
+export interface TableData {
+    /**
+     * Unique identifier for the table cell
+     */
+    key: string;
+    /**
+     * Content to be displayed in the table cell
+     */
+    content: ReactNode;
+}
+export interface TableRow {
+    /**
+     * Unique identifier for the table row
+     */
+    key: string;
+    /**
+     * Array of cells to be displayed in the row
+     */
+    data: TableData[];
+}
+export interface TableProps extends Pick<TableHTMLAttributes<HTMLTableElement>, 'className' | 'aria-label' | 'id' | 'role' | 'aria-labelledby' | 'aria-describedby'> {
+    /**
+     * Array of header cells for the table
+     */
+    headers: TableData[];
+    /**
+     * Array of rows to be displayed in the table
+     */
+    rows: TableRow[];
+    /**
+     * Content to display when the table has no rows
+     */
+    emptyState?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { Table } from './Table';
+export type * from './TableTypes';

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

@@ -0,0 +1,2 @@
+import { TextProps } from './TextTypes';
+export declare const Text: ({ as: Component, size, textAlign, weight, className, children, variant, }: TextProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+import { jsx as c } from "react/jsx-runtime";
+import f from "classnames";
+import o from "./Text.module.scss.js";
+const $ = ({
+  as: t = "p",
+  size: e = "md",
+  textAlign: r,
+  weight: s,
+  className: a,
+  children: p,
+  variant: m
+}) => /* @__PURE__ */ c(
+  t,
+  {
+    className: f(
+      a,
+      o.root,
+      o[e],
+      s && o[`weight-${s}`],
+      r && o[`textAlign-${r}`],
+      m && o[`variant-${m}`]
+    ),
+    children: p
+  }
+);
+export {
+  $ as Text
+};
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../../../src/components/Common/UI/Text/Text.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { TextProps } from './TextTypes'\nimport styles from './Text.module.scss'\n\nexport const Text = ({\n  as: Component = 'p',\n  size = 'md',\n  textAlign,\n  weight,\n  className,\n  children,\n  variant,\n}: TextProps) => {\n  return (\n    <Component\n      className={classNames(\n        className,\n        styles.root,\n        styles[size],\n        weight && styles[`weight-${weight}`],\n        textAlign && styles[`textAlign-${textAlign}`],\n        variant && styles[`variant-${variant}`],\n      )}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"names":["Text","Component","size","textAlign","weight","className","children","variant","jsx","classNames","styles"],"mappings":";;;AAIO,MAAMA,IAAO,CAAC;AAAA,EACnB,IAAIC,IAAY;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACF,MAEI,gBAAAC;AAAA,EAACP;AAAA,EAAA;AAAA,IACC,WAAWQ;AAAA,MACTJ;AAAA,MACAK,EAAO;AAAA,MACPA,EAAOR,CAAI;AAAA,MACXE,KAAUM,EAAO,UAAUN,CAAM,EAAE;AAAA,MACnCD,KAAaO,EAAO,aAAaP,CAAS,EAAE;AAAA,MAC5CI,KAAWG,EAAO,WAAWH,CAAO,EAAE;AAAA,IACxC;AAAA,IAEC,UAAAD;AAAA,EAAA;AACH;"}

package/dist/components/Common/UI/Text/Text.module.scss.js

@@ -0,0 +1,26 @@
+const t = "_root_1z0vf_1", _ = "_xs_1z0vf_6", e = "_sm_1z0vf_9", i = "_md_1z0vf_12", s = "_lg_1z0vf_15", g = "_xl_1z0vf_18", n = {
+  root: t,
+  xs: _,
+  sm: e,
+  md: i,
+  lg: s,
+  xl: g,
+  "weight-regular": "_weight-regular_1z0vf_21",
+  "weight-medium": "_weight-medium_1z0vf_24",
+  "weight-semibold": "_weight-semibold_1z0vf_27",
+  "weight-bold": "_weight-bold_1z0vf_30",
+  "textAlign-start": "_textAlign-start_1z0vf_33",
+  "textAlign-center": "_textAlign-center_1z0vf_36",
+  "textAlign-end": "_textAlign-end_1z0vf_39",
+  "variant-supporting": "_variant-supporting_1z0vf_42"
+};
+export {
+  n as default,
+  s as lg,
+  i as md,
+  t as root,
+  e as sm,
+  g as xl,
+  _ as xs
+};
+//# sourceMappingURL=Text.module.scss.js.map

package/dist/components/Common/UI/Text/Text.module.scss.js.map

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

package/dist/components/Common/UI/Text/TextTypes.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface TextProps extends Pick<HTMLAttributes<HTMLParagraphElement>, 'className' | 'id'> {
+    /**
+     * HTML element to render the text as
+     */
+    as?: 'p' | 'span' | 'div';
+    /**
+     * Size variant of the text
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Text alignment within the container
+     */
+    textAlign?: 'start' | 'center' | 'end';
+    /**
+     * Font weight of the text
+     */
+    weight?: 'regular' | 'medium' | 'semibold' | 'bold';
+    /**
+     * Content to be displayed
+     */
+    children?: ReactNode;
+    /**
+     * Visual style variant of the text
+     */
+    variant?: 'supporting';
+}

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

@@ -0,0 +1,2 @@
+export { Text } from './Text';
+export type { TextProps } from './TextTypes';

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

@@ -0,0 +1,2 @@
+import { TextInputProps } from './TextInputTypes';
+export declare function TextInput({ name, label, description, errorMessage, isRequired, type, inputRef, isInvalid, isDisabled, id, value, placeholder, onChange, onBlur, className, shouldVisuallyHideLabel, adornmentEnd, adornmentStart, ...props }: TextInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,71 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useFieldIds as w } from "../hooks/useFieldIds.js";
+import { FieldLayout as B } from "../../FieldLayout/FieldLayout.js";
+import { Input as D } from "../Input/Input.js";
+function z({
+  name: a,
+  label: n,
+  description: e,
+  errorMessage: r,
+  isRequired: o,
+  type: d = "text",
+  inputRef: l,
+  isInvalid: s = !1,
+  isDisabled: m = !1,
+  id: p,
+  value: u,
+  placeholder: f,
+  onChange: h,
+  onBlur: I,
+  className: c,
+  shouldVisuallyHideLabel: g,
+  adornmentEnd: x,
+  adornmentStart: b,
+  ...y
+}) {
+  const { inputId: t, errorMessageId: C, descriptionId: F, ariaDescribedBy: v } = w({
+    inputId: p,
+    errorMessage: r,
+    description: e
+  });
+  return /* @__PURE__ */ i(
+    B,
+    {
+      label: n,
+      description: e,
+      errorMessage: r,
+      isRequired: o,
+      htmlFor: t,
+      errorMessageId: C,
+      descriptionId: F,
+      className: c,
+      shouldVisuallyHideLabel: g,
+      withErrorIcon: !1,
+      ...y,
+      children: /* @__PURE__ */ i(
+        D,
+        {
+          id: t,
+          inputRef: l,
+          name: a,
+          type: d,
+          value: u,
+          placeholder: f,
+          onChange: (j) => {
+            h?.(j.target.value);
+          },
+          onBlur: I,
+          "aria-describedby": v,
+          "aria-invalid": s,
+          isDisabled: m,
+          adornmentStart: b,
+          adornmentEnd: x
+        }
+      )
+    }
+  );
+}
+export {
+  z as TextInput
+};
+//# sourceMappingURL=TextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInput.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { TextInputProps } from './TextInputTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\n\nexport function TextInput({\n  name,\n  label,\n  description,\n  errorMessage,\n  isRequired,\n  type = 'text',\n  inputRef,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  value,\n  placeholder,\n  onChange,\n  onBlur,\n  className,\n  shouldVisuallyHideLabel,\n  adornmentEnd,\n  adornmentStart,\n  ...props\n}: TextInputProps) {\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.value)\n  }\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      className={className}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      withErrorIcon={false}\n      {...props}\n    >\n      <Input\n        id={inputId}\n        inputRef={inputRef}\n        name={name}\n        type={type}\n        value={value}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={onBlur}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isInvalid}\n        isDisabled={isDisabled}\n        adornmentStart={adornmentStart}\n        adornmentEnd={adornmentEnd}\n      />\n    </FieldLayout>\n  )\n}\n"],"names":["TextInput","name","label","description","errorMessage","isRequired","type","inputRef","isInvalid","isDisabled","id","value","placeholder","onChange","onBlur","className","shouldVisuallyHideLabel","adornmentEnd","adornmentStart","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","jsx","FieldLayout","Input","event"],"mappings":";;;;AAMO,SAASA,EAAU;AAAA,EACxB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,GAAmB;AACjB,QAAM,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASd;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD;AAOC,SAAA,gBAAAsB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAxB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASe;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAP;AAAA,MACA,yBAAAC;AAAA,MACA,eAAe;AAAA,MACd,GAAGG;AAAA,MAEJ,UAAA,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAIP;AAAA,UACJ,UAAAb;AAAA,UACA,MAAAN;AAAA,UACA,MAAAK;AAAA,UACA,OAAAK;AAAA,UACA,aAAAC;AAAA,UACA,UAzBe,CAACgB,MAAyC;AAClD,YAAAf,IAAAe,EAAM,OAAO,KAAK;AAAA,UAC/B;AAAA,UAwBM,QAAAd;AAAA,UACA,oBAAkBS;AAAA,UAClB,gBAAcf;AAAA,UACd,YAAAC;AAAA,UACA,gBAAAS;AAAA,UACA,cAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/Common/UI/TextInput/TextInputTypes.d.ts

@@ -0,0 +1,33 @@
+import { Ref, InputHTMLAttributes } from 'react';
+import { InputProps } from '../Input/InputTypes';
+import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+export interface TextInputProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'placeholder' | 'className' | 'type' | 'onBlur'> {
+    /**
+     * React ref for the input element
+     */
+    inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Current value of the input
+     */
+    value?: string;
+    /**
+     * Callback when input value changes
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Indicates that the field has an error
+     */
+    isInvalid?: boolean;
+    /**
+     * Disables the input and prevents interaction
+     */
+    isDisabled?: boolean;
+    /**
+     * Element to display at the start of the input
+     */
+    adornmentStart?: InputProps['adornmentStart'];
+    /**
+     * Element to display at the end of the input
+     */
+    adornmentEnd?: InputProps['adornmentEnd'];
+}

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

@@ -0,0 +1 @@
+export { TextInput } from './TextInput';

package/dist/components/Common/UI/hooks/useFieldIds.d.ts

@@ -0,0 +1,14 @@
+interface UseFieldIdsProps {
+    inputId?: string;
+    errorMessage?: string;
+    errorMessageId?: string;
+    description?: React.ReactNode;
+    descriptionId?: string;
+}
+export declare function useFieldIds({ inputId: providedInputId, errorMessage, errorMessageId: providedErrorMessageId, description, descriptionId: providedDescriptionId, }: UseFieldIdsProps): {
+    inputId: string;
+    errorMessageId: string;
+    descriptionId: string;
+    ariaDescribedBy: string;
+};
+export {};

package/dist/components/Common/UI/hooks/useFieldIds.js

@@ -0,0 +1,20 @@
+import { useId as e } from "react";
+function g({
+  inputId: s,
+  errorMessage: t,
+  errorMessageId: o,
+  description: d,
+  descriptionId: i
+}) {
+  const c = e(), I = e(), a = e(), p = s || `input-${c}`, r = o || `error-message-${I}`, n = i || `description-${a}`;
+  return {
+    inputId: p,
+    errorMessageId: r,
+    descriptionId: n,
+    ariaDescribedBy: [d ? n : null, t ? r : null].filter(Boolean).join(" ")
+  };
+}
+export {
+  g as useFieldIds
+};
+//# sourceMappingURL=useFieldIds.js.map

package/dist/components/Common/UI/hooks/useFieldIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldIds.js","sources":["../../../../../src/components/Common/UI/hooks/useFieldIds.ts"],"sourcesContent":["import { useId } from 'react'\n\ninterface UseFieldIdsProps {\n  inputId?: string\n  errorMessage?: string\n  errorMessageId?: string\n  description?: React.ReactNode\n  descriptionId?: string\n}\n\nexport function useFieldIds({\n  inputId: providedInputId,\n  errorMessage,\n  errorMessageId: providedErrorMessageId,\n  description,\n  descriptionId: providedDescriptionId,\n}: UseFieldIdsProps) {\n  const generatedInputId = useId()\n  const generatedErrorMessageId = useId()\n  const generatedDescriptionId = useId()\n\n  const inputId = providedInputId || `input-${generatedInputId}`\n  const errorMessageId = providedErrorMessageId || `error-message-${generatedErrorMessageId}`\n  const descriptionId = providedDescriptionId || `description-${generatedDescriptionId}`\n\n  return {\n    inputId,\n    errorMessageId,\n    descriptionId,\n    ariaDescribedBy: [description ? descriptionId : null, errorMessage ? errorMessageId : null]\n      .filter(Boolean)\n      .join(' '),\n  }\n}\n"],"names":["useFieldIds","providedInputId","errorMessage","providedErrorMessageId","description","providedDescriptionId","generatedInputId","useId","generatedErrorMessageId","generatedDescriptionId","inputId","errorMessageId","descriptionId"],"mappings":";AAUO,SAASA,EAAY;AAAA,EAC1B,SAASC;AAAA,EACT,cAAAC;AAAA,EACA,gBAAgBC;AAAA,EAChB,aAAAC;AAAA,EACA,eAAeC;AACjB,GAAqB;AACnB,QAAMC,IAAmBC,EAAM,GACzBC,IAA0BD,EAAM,GAChCE,IAAyBF,EAAM,GAE/BG,IAAUT,KAAmB,SAASK,CAAgB,IACtDK,IAAiBR,KAA0B,iBAAiBK,CAAuB,IACnFI,IAAgBP,KAAyB,eAAeI,CAAsB;AAE7E,SAAA;AAAA,IACL,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAiB,CAACR,IAAcQ,IAAgB,MAAMV,IAAeS,IAAiB,IAAI,EACvF,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,EACb;AACF;"}

package/dist/components/Common/UI/hooks/useFieldIds.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes, default as React } from 'react';
+export interface VisuallyHiddenProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The element to render the visually hidden content as.
+     * @default 'div'
+     */
+    as?: React.ElementType;
+    /**
+     * The content to hide visually but keep available for screen readers.
+     */
+    children: React.ReactNode;
+}
+export declare function VisuallyHidden({ as: Component, children, className, ...props }: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+import a from "classnames";
+import e from "./VisuallyHidden.module.scss.js";
+function n({
+  as: s = "div",
+  children: i,
+  className: r,
+  ...m
+}) {
+  return /* @__PURE__ */ o(s, { ...m, className: a(e.visuallyHidden, r), children: i });
+}
+export {
+  n as VisuallyHidden
+};
+//# sourceMappingURL=VisuallyHidden.js.map

package/dist/components/Common/VisuallyHidden/VisuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.js","sources":["../../../../src/components/Common/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport type React from 'react'\nimport classnames from 'classnames'\nimport styles from './VisuallyHidden.module.scss'\n\nexport interface VisuallyHiddenProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The element to render the visually hidden content as.\n   * @default 'div'\n   */\n  as?: React.ElementType\n  /**\n   * The content to hide visually but keep available for screen readers.\n   */\n  children: React.ReactNode\n}\n\nexport function VisuallyHidden({\n  as: Component = 'div',\n  children,\n  className,\n  ...props\n}: VisuallyHiddenProps) {\n  return (\n    <Component {...props} className={classnames(styles.visuallyHidden, className)}>\n      {children}\n    </Component>\n  )\n}\n"],"names":["VisuallyHidden","Component","children","className","props","jsx","classnames","styles"],"mappings":";;;AAiBO,SAASA,EAAe;AAAA,EAC7B,IAAIC,IAAY;AAAA,EAChB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAwB;AAEpB,SAAA,gBAAAC,EAACJ,GAAW,EAAA,GAAGG,GAAO,WAAWE,EAAWC,EAAO,gBAAgBJ,CAAS,GACzE,UAAAD,EACH,CAAA;AAEJ;"}

package/dist/components/Common/VisuallyHidden/VisuallyHidden.module.scss.js

@@ -0,0 +1,8 @@
+const l = "_visuallyHidden_1jcfv_1", s = {
+  visuallyHidden: l
+};
+export {
+  s as default,
+  l as visuallyHidden
+};
+//# sourceMappingURL=VisuallyHidden.module.scss.js.map

package/dist/components/Common/VisuallyHidden/VisuallyHidden.module.scss.js.map

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

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

@@ -0,0 +1,2 @@
+export { VisuallyHidden } from './VisuallyHidden';
+export type { VisuallyHiddenProps } from './VisuallyHidden';

package/dist/components/Common/hooks/useAsyncError.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Triggers re-render of a component to allow ErrorBoundary to catch a thrown error - that way we can handle all exceptions from asynchrounous functions in the same way and catch them in react boundary
+ * @returns Function
+ */
+export declare const useAsyncError: () => (e: unknown) => void;

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

@@ -0,0 +1,17 @@
+import t from "react";
+const c = () => {
+  const [e, o] = t.useState();
+  return t.useCallback(
+    (r) => {
+      const n = r instanceof Error ? r : new Error(typeof r == "string" ? r : "Unknown error");
+      o(() => {
+        throw n;
+      });
+    },
+    [o]
+  );
+};
+export {
+  c as useAsyncError
+};
+//# sourceMappingURL=useAsyncError.js.map

package/dist/components/Common/hooks/useAsyncError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncError.js","sources":["../../../../src/components/Common/hooks/useAsyncError.tsx"],"sourcesContent":["import React from 'react'\n/**\n * Triggers re-render of a component to allow ErrorBoundary to catch a thrown error - that way we can handle all exceptions from asynchrounous functions in the same way and catch them in react boundary\n * @returns Function\n */\nexport const useAsyncError = () => {\n  const [_, setError] = React.useState()\n  return React.useCallback(\n    (e: unknown) => {\n      const err = e instanceof Error ? e : new Error(typeof e === 'string' ? e : 'Unknown error')\n      setError(() => {\n        throw err\n      })\n    },\n    [setError],\n  )\n}\n"],"names":["useAsyncError","_","setError","React","e","err"],"mappings":";AAKO,MAAMA,IAAgB,MAAM;AACjC,QAAM,CAACC,GAAGC,CAAQ,IAAIC,EAAM,SAAS;AACrC,SAAOA,EAAM;AAAA,IACX,CAACC,MAAe;AACR,YAAAC,IAAMD,aAAa,QAAQA,IAAI,IAAI,MAAM,OAAOA,KAAM,WAAWA,IAAI,eAAe;AAC1F,MAAAF,EAAS,MAAM;AACP,cAAAG;AAAA,MAAA,CACP;AAAA,IACH;AAAA,IACA,CAACH,CAAQ;AAAA,EACX;AACF;"}

package/dist/components/Common/hooks/useMenu.d.ts

@@ -0,0 +1,13 @@
+export declare function useMenu<T extends Element = HTMLButtonElement>(): {
+    triggerProps: {
+        ref: import('react').RefObject<T | null>;
+        onClick: () => void;
+        'aria-haspopup': boolean;
+        'aria-expanded': boolean;
+    };
+    menuProps: {
+        isOpen: boolean;
+        onClose: () => void;
+        triggerRef: import('react').RefObject<T | null>;
+    };
+};

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

@@ -0,0 +1,25 @@
+import { useState as n, useRef as t } from "react";
+function u() {
+  const [e, r] = n(!1), s = t(null);
+  return {
+    triggerProps: {
+      ref: s,
+      onClick: () => {
+        r(!0);
+      },
+      "aria-haspopup": !0,
+      "aria-expanded": e
+    },
+    menuProps: {
+      isOpen: e,
+      onClose: () => {
+        r(!1);
+      },
+      triggerRef: s
+    }
+  };
+}
+export {
+  u as useMenu
+};
+//# sourceMappingURL=useMenu.js.map

package/dist/components/Common/hooks/useMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenu.js","sources":["../../../../src/components/Common/hooks/useMenu.ts"],"sourcesContent":["import { useState, useRef } from 'react'\n\nexport function useMenu<T extends Element = HTMLButtonElement>() {\n  const [isOpen, setIsOpen] = useState(false)\n  const triggerRef = useRef<T>(null)\n\n  return {\n    triggerProps: {\n      ref: triggerRef,\n      onClick: () => {\n        setIsOpen(true)\n      },\n      'aria-haspopup': true,\n      'aria-expanded': isOpen,\n    },\n    menuProps: {\n      isOpen,\n      onClose: () => {\n        setIsOpen(false)\n      },\n      triggerRef,\n    },\n  }\n}\n"],"names":["useMenu","isOpen","setIsOpen","useState","triggerRef","useRef"],"mappings":";AAEO,SAASA,IAAiD;AAC/D,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAaC,EAAU,IAAI;AAE1B,SAAA;AAAA,IACL,cAAc;AAAA,MACZ,KAAKD;AAAA,MACL,SAAS,MAAM;AACb,QAAAF,EAAU,EAAI;AAAA,MAChB;AAAA,MACA,iBAAiB;AAAA,MACjB,iBAAiBD;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACT,QAAAA;AAAA,MACA,SAAS,MAAM;AACb,QAAAC,EAAU,EAAK;AAAA,MACjB;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF;"}

package/dist/components/Common/hooks/useNumberFormatter.d.ts

@@ -0,0 +1,3 @@
+/**Custom hook wrapping NumberFormatter and returing format method */
+declare const useNumberFormatter: (style?: "currency" | "percent") => (value: number) => string;
+export default useNumberFormatter;

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

@@ -0,0 +1,16 @@
+import { useMemo as e } from "react";
+import { NumberFormatter as t } from "@internationalized/number";
+import { useLocale as n } from "../../../contexts/LocaleProvider/useLocale.js";
+const f = (r = "currency") => {
+  const { locale: m, currency: o } = n();
+  return e(() => (c) => new t(m, {
+    style: r,
+    currency: r === "currency" ? o : void 0,
+    minimumFractionDigits: r === "currency" ? 2 : 0,
+    maximumFractionDigits: 2
+  }).format(r === "percent" ? c / 100 : c), [r, o, m]);
+};
+export {
+  f as default
+};
+//# sourceMappingURL=useNumberFormatter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNumberFormatter.js","sources":["../../../../src/components/Common/hooks/useNumberFormatter.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { NumberFormatter } from '@internationalized/number'\nimport { useLocale } from '@/contexts/LocaleProvider'\n\n/**Custom hook wrapping NumberFormatter and returing format method */\nconst useNumberFormatter = (style: 'currency' | 'percent' = 'currency') => {\n  const { locale, currency } = useLocale()\n  return useMemo(() => {\n    return (value: number) =>\n      new NumberFormatter(locale, {\n        style: style,\n        currency: style === 'currency' ? currency : undefined,\n        minimumFractionDigits: style === 'currency' ? 2 : 0,\n        maximumFractionDigits: 2,\n      }).format(style === 'percent' ? value / 100 : value) //GustoAPI does not store percent values as fractions\n  }, [style, currency, locale])\n}\n\nexport default useNumberFormatter\n"],"names":["useNumberFormatter","style","locale","currency","useLocale","useMemo","value","NumberFormatter"],"mappings":";;;AAKM,MAAAA,IAAqB,CAACC,IAAgC,eAAe;AACzE,QAAM,EAAE,QAAAC,GAAQ,UAAAC,EAAS,IAAIC,EAAU;AACvC,SAAOC,EAAQ,MACN,CAACC,MACN,IAAIC,EAAgBL,GAAQ;AAAA,IAC1B,OAAAD;AAAA,IACA,UAAUA,MAAU,aAAaE,IAAW;AAAA,IAC5C,uBAAuBF,MAAU,aAAa,IAAI;AAAA,IAClD,uBAAuB;AAAA,EAAA,CACxB,EAAE,OAAOA,MAAU,YAAYK,IAAQ,MAAMA,CAAK,GACpD,CAACL,GAAOE,GAAUD,CAAM,CAAC;AAC9B;"}

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

@@ -0,0 +1,23 @@
+export { useAsyncError } from './hooks/useAsyncError';
+export { TaxInputs } from './TaxInputs';
+export { DataView, DataCards, DataTable, useDataView } from './DataView';
+export { Flex, FlexItem } from './Flex/Flex';
+export { Grid } from './Grid/Grid';
+export { Toast } from './Toast/Toast';
+export { Loading } from './Loading/Loading';
+export { InternalError } from './InternalError/InternalError';
+export { EmptyData } from './EmptyData/EmptyData';
+export { SelectField } from './Fields/SelectField';
+export { RadioGroupField } from './Fields/RadioGroupField';
+export { CheckboxGroupField } from './Fields/CheckboxGroupField';
+export { ComboBoxField } from './Fields/ComboBoxField';
+export { TextInputField } from './Fields/TextInputField';
+export { CheckboxField } from './Fields/CheckboxField';
+export { ActionsLayout } from './ActionsLayout/ActionsLayout';
+export { PaginationControl } from './PaginationControl/PaginationControl';
+export { DocumentList } from './DocumentList';
+export { DocumentViewer } from './DocumentViewer';
+export { DatePickerField } from './Fields/DatePickerField';
+export { NumberInputField } from './Fields/NumberInputField';
+export { SwitchField } from './Fields/SwitchField';
+export { VisuallyHidden } from './VisuallyHidden';

package/dist/components/Company/AssignSignatory/AssignSignatory.d.ts

@@ -0,0 +1,14 @@
+import { AssignSignatoryDefaultValues } from './useAssignSignatory';
+import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
+interface AssignSignatoryProps extends CommonComponentInterface {
+    companyId: string;
+    signatoryId?: string;
+    defaultValues?: AssignSignatoryDefaultValues;
+}
+export declare function AssignSignatory(props: AssignSignatoryProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare namespace AssignSignatory {
+    var Head: () => import("react/jsx-runtime").JSX.Element;
+    var Selection: () => import("react/jsx-runtime").JSX.Element;
+    var Form: () => import("react/jsx-runtime").JSX.Element;
+}
+export {};

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

@@ -0,0 +1,65 @@
+import { jsx as o, jsxs as N, Fragment as _ } from "react/jsx-runtime";
+import { z as t } from "zod";
+import { useForm as O, FormProvider as p } from "react-hook-form";
+import { zodResolver as E } from "@hookform/resolvers/zod";
+import { SignatoryForm as g } from "./SignatoryForm.js";
+import { Head as S } from "./Head.js";
+import { AssignSignatorySelection as c } from "./AssignSignatorySelection.js";
+import { SignatoryAssignmentMode as m, AssignSignatoryProvider as u } from "./useAssignSignatory.js";
+import { companyEvents as e } from "../../../shared/constants.js";
+import { Flex as M } from "../../Common/Flex/Flex.js";
+import { BaseComponent as h } from "../../Base/Base.js";
+import { useBase as I } from "../../Base/useBase.js";
+import { useI18n as C } from "../../../i18n/I18n.js";
+function s(n) {
+  return /* @__PURE__ */ o(h, { ...n, children: /* @__PURE__ */ o(v, { ...n, children: n.children }) });
+}
+const Y = t.object({
+  signatoryAssignmentMode: t.union([
+    t.literal(m.createSignatory),
+    t.literal(m.inviteSignatory)
+  ])
+});
+function v({
+  companyId: n,
+  signatoryId: A,
+  defaultValues: l,
+  className: f,
+  children: a
+}) {
+  C("Company.AssignSignatory");
+  const { onEvent: i } = I(), d = O({
+    resolver: E(Y),
+    defaultValues: {
+      signatoryAssignmentMode: m.createSignatory
+    }
+  });
+  return /* @__PURE__ */ o("section", { className: f, children: /* @__PURE__ */ o(
+    u,
+    {
+      value: {
+        companyId: n,
+        signatoryId: A,
+        defaultValues: l,
+        onSignatoryAssignmentModeChange: (r) => {
+          i(e.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, r);
+        },
+        onSignatoryFormEvent: (r, y) => {
+          r === e.COMPANY_CREATE_SIGNATORY_DONE ? i(e.COMPANY_ASSIGN_SIGNATORY_DONE) : r === e.COMPANY_INVITE_SIGNATORY_DONE ? i(e.COMPANY_ASSIGN_SIGNATORY_DONE) : i(r, y);
+        }
+      },
+      children: /* @__PURE__ */ o(M, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(p, { ...d, children: a || /* @__PURE__ */ N(_, { children: [
+        /* @__PURE__ */ o(S, {}),
+        /* @__PURE__ */ o(c, {}),
+        /* @__PURE__ */ o(g, {})
+      ] }) }) })
+    }
+  ) });
+}
+s.Head = S;
+s.Selection = c;
+s.Form = g;
+export {
+  s as AssignSignatory
+};
+//# sourceMappingURL=AssignSignatory.js.map

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

@@ -0,0 +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 {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\n\ninterface AssignSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\nexport function AssignSignatory(props: AssignSignatoryProps & BaseComponentInterface) {\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}: AssignSignatoryProps) {\n  useI18n('Company.AssignSignatory')\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\nAssignSignatory.Head = Head\nAssignSignatory.Selection = AssignSignatorySelection\nAssignSignatory.Form = SignatoryForm\n"],"names":["AssignSignatory","props","jsx","BaseComponent","Root","AssignSignatorySelectionSchema","z","SignatoryAssignmentMode","companyId","signatoryId","defaultValues","className","children","useI18n","onEvent","useBase","formMethods","useForm","zodResolver","AssignSignatoryProvider","mode","companyEvents","event","data","Flex","FormProvider","jsxs","Fragment","Head","AssignSignatorySelection","SignatoryForm"],"mappings":";;;;;;;;;;;;;AAwBO,SAASA,EAAgBC,GAAsD;AAElF,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;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,EAClD,CAAA;AACH,CAAC;AAID,SAASH,EAAK;AAAA,EACZ,WAAAI;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,GAAyB;AACvB,EAAAC,EAAQ,yBAAyB;AAC3B,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GAEtBC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAYb,CAA8B;AAAA,IACpD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAiBC,SAAA,gBAAAL,EAAC,aAAQ,WAAAS,GACP,UAAA,gBAAAT;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAX;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,iCArBgC,CAACU,MAAiB;AAChD,UAAAN,EAAAO,EAAc,uCAAuCD,CAAI;AAAA,QACnE;AAAA,QAoBQ,sBAlBwD,CAACE,GAAOC,MAAS;AAC3E,UAAAD,MAAUD,EAAc,gCAC1BP,EAAQO,EAAc,6BAA6B,IAC1CC,MAAUD,EAAc,gCACjCP,EAAQO,EAAc,6BAA6B,IAEnDP,EAAQQ,GAAOC,CAAI;AAAA,QAEvB;AAAA,MAWM;AAAA,MAEA,UAAC,gBAAArB,EAAAsB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAC,gBAAAtB,EAAAuB,GAAA,EAAc,GAAGT,GACf,UACCJ,KAGE,gBAAAc,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAzB,EAAC0B,GAAK,EAAA;AAAA,0BACLC,GAAyB,EAAA;AAAA,0BACzBC,GAAc,CAAA,CAAA;AAAA,MAAA,EACjB,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA9B,EAAgB,OAAO4B;AACvB5B,EAAgB,YAAY6B;AAC5B7B,EAAgB,OAAO8B;"}