@gusto/embedded-react-sdk 0.7.0 → 0.8.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderableList.js","sources":["../../../../src/components/Common/ReorderableList/ReorderableList.tsx"],"sourcesContent":["import { useRef, useState, useEffect, useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { DndProvider } from 'react-dnd'\nimport { HTML5Backend } from 'react-dnd-html5-backend'\nimport type { ReactElement } from 'react'\nimport type { ReorderableListItem } from './ReorderableListTypes'\nimport styles from './ReorderableList.module.scss'\nimport { ReorderableItem } from './ReorderableItem'\nimport { DropZone } from './DropZone'\n\n// Helper functions\nfunction generateUniqueListId(prefix = 'reorderable-list'): string {\n  return `${prefix}-${Math.random().toString(36).slice(2, 9)}`\n}\n\nfunction reorderArray<T>(array: T[], from: number, to: number): T[] {\n  if (from === to || from < 0 || from >= array.length || to < 0 || to > array.length) {\n    return [...array]\n  }\n\n  const newArray = [...array]\n  const [removed] = newArray.splice(from, 1)\n\n  if (removed === undefined) {\n    return [...array]\n  }\n\n  newArray.splice(to, 0, removed)\n  return newArray\n}\n\nfunction calculateNewOrder(\n  currentOrder: number[],\n  fromPosition: number,\n  toPosition: number,\n): number[] {\n  if (\n    fromPosition === toPosition ||\n    fromPosition < 0 ||\n    fromPosition >= currentOrder.length ||\n    toPosition < 0 ||\n    toPosition > currentOrder.length\n  ) {\n    return [...currentOrder]\n  }\n\n  return reorderArray(currentOrder, fromPosition, toPosition)\n}\n\nfunction adjustTargetPosition(\n  fromPosition: number,\n  toPosition: number,\n  source: 'keyboard' | 'dragdrop' = 'dragdrop',\n): number {\n  // When dragging, adjust the target position if moving an element forward\n  if (source === 'dragdrop' && fromPosition < toPosition) {\n    return toPosition - 1\n  }\n  return toPosition\n}\n\ninterface ReorderableListAnimationConfig {\n  duration?: number\n  easing?: string\n  disabled?: boolean\n}\n\ninterface ReorderableListProps {\n  items: ReorderableListItem[]\n  label: string\n  onReorder?: (itemOrder: number[]) => void\n  className?: string\n  animationConfig?: ReorderableListAnimationConfig\n  disabled?: boolean\n  renderDragHandle?: (props: {\n    id: string | number\n    label: string\n    isReordering: boolean\n    isDragging: boolean\n  }) => ReactElement\n  dropZoneClassName?: string\n  itemClassName?: string\n}\n\n// Default animation config\nconst DEFAULT_ANIMATION_CONFIG: ReorderableListAnimationConfig = {\n  duration: 200,\n  easing: 'ease-in-out',\n  disabled: false,\n}\n\nexport function ReorderableList({\n  items,\n  label,\n  onReorder,\n  className,\n  animationConfig = DEFAULT_ANIMATION_CONFIG,\n  disabled = false,\n  renderDragHandle,\n  dropZoneClassName,\n  itemClassName,\n}: ReorderableListProps) {\n  const listId = useRef(generateUniqueListId()).current\n\n  const [itemOrder, setItemOrder] = useState<number[]>(() =>\n    Array.from({ length: items.length }, (_, i) => i),\n  )\n  const [activeDropZone, setActiveDropZone] = useState<number | null>(null)\n  const [isDragging, setIsDragging] = useState(false)\n  const [isReorderingActive, setIsReorderingActive] = useState(false)\n  const [reorderingItemIndex, setReorderingItemIndex] = useState<number | null>(null)\n  const pendingReorderRef = useRef<boolean>(false)\n  const activeDropZonesRef = useRef<Record<number, boolean>>({})\n\n  const mergedAnimationConfig = useMemo(\n    () => ({\n      ...DEFAULT_ANIMATION_CONFIG,\n      ...animationConfig,\n    }),\n    [animationConfig],\n  )\n\n  useEffect(() => {\n    if (items.length !== itemOrder.length) {\n      setItemOrder(Array.from({ length: items.length }, (_, i) => i))\n    }\n  }, [items.length, itemOrder.length])\n\n  // Debounced state setter for drop zones to prevent flickering\n  const activateDropZone = useCallback((position: number) => {\n    activeDropZonesRef.current = {}\n    activeDropZonesRef.current[position] = true\n    setActiveDropZone(position)\n  }, [])\n\n  const deactivateDropZone = useCallback((position: number) => {\n    if (position in activeDropZonesRef.current) {\n      activeDropZonesRef.current[position] = false\n    }\n\n    const activeDropZones = Object.entries(activeDropZonesRef.current)\n      .filter(([_, isActive]) => isActive)\n      .map(([pos]) => Number(pos))\n\n    if (activeDropZones.length === 0) {\n      setActiveDropZone(null)\n    } else if (activeDropZones.length === 1) {\n      setActiveDropZone(Number(activeDropZones[0]))\n    }\n  }, [])\n\n  const moveItem = useCallback(\n    (fromPosition: number, toPosition: number, source: 'keyboard' | 'dragdrop' = 'dragdrop') => {\n      if (\n        disabled ||\n        fromPosition === toPosition ||\n        fromPosition < 0 ||\n        fromPosition >= itemOrder.length ||\n        toPosition < 0 ||\n        toPosition > itemOrder.length\n      ) {\n        return\n      }\n\n      pendingReorderRef.current = true\n      const movedItemIndex = itemOrder[fromPosition]\n\n      // Use utility function to calculate new order\n      const newOrder = calculateNewOrder(\n        itemOrder,\n        fromPosition,\n        adjustTargetPosition(fromPosition, toPosition, source),\n      )\n\n      setItemOrder(newOrder)\n\n      // Use the configured animation duration\n      const animationDuration = mergedAnimationConfig.disabled ? 0 : mergedAnimationConfig.duration\n\n      setTimeout(() => {\n        setIsDragging(false)\n        pendingReorderRef.current = false\n        activeDropZonesRef.current = {}\n        setActiveDropZone(null)\n\n        if (source === 'keyboard') {\n          const newPosition = newOrder.findIndex(idx => idx === movedItemIndex)\n\n          if (newPosition >= 0) {\n            setReorderingItemIndex(newPosition)\n            const dragButtons = document.querySelectorAll(\n              `[data-list-id=\"${listId}\"] .${styles.dragHandle} button`,\n            )\n\n            if (newPosition < dragButtons.length) {\n              // Use requestAnimationFrame for smoother focus handling\n              requestAnimationFrame(() => {\n                if (dragButtons[newPosition]) {\n                  const buttonToFocus = dragButtons[newPosition] as HTMLElement\n                  buttonToFocus.focus()\n                }\n              })\n            }\n          }\n        }\n\n        if (onReorder) {\n          onReorder(newOrder)\n        }\n      }, animationDuration)\n    },\n    [itemOrder, listId, onReorder, disabled, mergedAnimationConfig],\n  )\n\n  // If the list is disabled, don't render the DnD functionality\n  if (disabled) {\n    return (\n      <div\n        role=\"list\"\n        aria-label={label}\n        className={classnames(styles.reorderableList, className, styles.disabled)}\n        data-list-id={listId}\n        data-testid=\"reorderable-list\"\n      >\n        {itemOrder.map(itemIndex => {\n          const item = items[itemIndex]\n          if (!item) return null\n\n          return (\n            <div\n              key={`item-static-${item.id || itemIndex}`}\n              role=\"listitem\"\n              className={classnames(styles.reorderableItem, itemClassName)}\n            >\n              <div className={styles.contentContainer}>{item.content}</div>\n            </div>\n          )\n        })}\n      </div>\n    )\n  }\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <div\n        role=\"list\"\n        aria-label={label}\n        className={classnames(styles.reorderableList, className)}\n        data-list-id={listId}\n        data-testid=\"reorderable-list\"\n        style={{\n          ...(!mergedAnimationConfig.disabled &&\n            ({\n              '--animation-duration': `${mergedAnimationConfig.duration}ms`,\n              '--animation-easing': mergedAnimationConfig.easing,\n            } as React.CSSProperties)),\n        }}\n      >\n        <DropZone\n          position={0}\n          listId={listId}\n          isActive={activeDropZone === 0}\n          onActivate={() => {\n            activateDropZone(0)\n          }}\n          onDeactivate={() => {\n            deactivateDropZone(0)\n          }}\n          onDrop={(fromPosition: number) => {\n            if (!pendingReorderRef.current) {\n              moveItem(fromPosition, 0, 'dragdrop')\n            }\n          }}\n          className={dropZoneClassName}\n        />\n\n        {itemOrder.map((itemIndex, position) => {\n          const item = items[itemIndex]\n          if (!item) return null\n\n          return (\n            <div key={`item-container-${item.id || itemIndex}-${position}`}>\n              <ReorderableItem\n                key={`item-${item.id || itemIndex}`}\n                item={item}\n                index={position}\n                moveItem={moveItem}\n                itemCount={items.length}\n                itemIndex={itemIndex}\n                listId={listId}\n                isDraggingAny={isDragging}\n                setIsDragging={setIsDragging}\n                isReorderingActive={isReorderingActive}\n                setIsReorderingActive={setIsReorderingActive}\n                isCurrentlyReordering={isReorderingActive && reorderingItemIndex === position}\n                setReorderingItemIndex={setReorderingItemIndex}\n                renderDragHandle={renderDragHandle}\n                className={itemClassName}\n              />\n\n              <DropZone\n                position={position + 1}\n                listId={listId}\n                isActive={activeDropZone === position + 1}\n                onActivate={() => {\n                  activateDropZone(position + 1)\n                }}\n                onDeactivate={() => {\n                  deactivateDropZone(position + 1)\n                }}\n                onDrop={(fromPosition: number) => {\n                  if (!pendingReorderRef.current) {\n                    moveItem(fromPosition, position + 1, 'dragdrop')\n                  }\n                }}\n                className={dropZoneClassName}\n              />\n            </div>\n          )\n        })}\n      </div>\n    </DndProvider>\n  )\n}\n"],"names":["generateUniqueListId","prefix","reorderArray","array","from","to","newArray","removed","calculateNewOrder","currentOrder","fromPosition","toPosition","adjustTargetPosition","source","DEFAULT_ANIMATION_CONFIG","ReorderableList","items","label","onReorder","className","animationConfig","disabled","renderDragHandle","dropZoneClassName","itemClassName","listId","useRef","itemOrder","setItemOrder","useState","_","i","activeDropZone","setActiveDropZone","isDragging","setIsDragging","isReorderingActive","setIsReorderingActive","reorderingItemIndex","setReorderingItemIndex","pendingReorderRef","activeDropZonesRef","mergedAnimationConfig","useMemo","useEffect","activateDropZone","useCallback","position","deactivateDropZone","activeDropZones","isActive","pos","moveItem","movedItemIndex","newOrder","animationDuration","newPosition","idx","dragButtons","styles","jsx","classnames","itemIndex","item","DndProvider","HTML5Backend","jsxs","DropZone","ReorderableItem"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+const e = "_reorderableList_90xu1_1", o = "_disabled_90xu1_10", r = "_reorderableItem_90xu1_10", n = "_contentContainer_90xu1_16", t = "_dragging_90xu1_37", d = "_reordering_90xu1_40", _ = "_dragHandle_90xu1_45", i = "_dropZoneContainer_90xu1_71", a = "_dropZone_90xu1_71", s = "_isHighlighted_90xu1_89", g = "_activeDropZone_90xu1_89", c = {
+  reorderableList: e,
+  disabled: o,
+  reorderableItem: r,
+  contentContainer: n,
+  dragging: t,
+  reordering: d,
+  dragHandle: _,
+  dropZoneContainer: i,
+  dropZone: a,
+  isHighlighted: s,
+  activeDropZone: g
+};
+export {
+  g as activeDropZone,
+  n as contentContainer,
+  c as default,
+  o as disabled,
+  _ as dragHandle,
+  t as dragging,
+  a as dropZone,
+  i as dropZoneContainer,
+  s as isHighlighted,
+  r as reorderableItem,
+  e as reorderableList,
+  d as reordering
+};
+//# sourceMappingURL=ReorderableList.module.scss.js.map

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

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

package/dist/components/Common/ReorderableList/ReorderableListTypes.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+export interface ReorderableListItem {
+    content: ReactElement;
+    label: string;
+    id?: string;
+}

package/dist/components/Common/ReorderableList/constants.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Define item type for react-dnd with a unique identifier to avoid conflicts
+ */
+export declare const ITEM_TYPE = "reorderable-item";

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

@@ -0,0 +1,5 @@
+const e = "reorderable-item";
+export {
+  e as ITEM_TYPE
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Common/ReorderableList/constants.ts"],"sourcesContent":["/**\n * Define item type for react-dnd with a unique identifier to avoid conflicts\n */\nexport const ITEM_TYPE = 'reorderable-item'\n"],"names":["ITEM_TYPE"],"mappings":"AAGO,MAAMA,IAAY;"}

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

@@ -0,0 +1,2 @@
+export * from './ReorderableList';
+export * from './ReorderableListTypes';

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

@@ -0,0 +1,9 @@
+interface RequirementsListProps {
+    requirements: {
+        title: string;
+        description: string;
+        completed: boolean;
+    }[];
+}
+export declare const RequirementsList: ({ requirements }: RequirementsListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/RequirementsList/RequirementsList.js

@@ -0,0 +1,21 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import c from "classnames";
+import { useId as a } from "react";
+import { Flex as m } from "../Flex/Flex.js";
+import i from "./RequirementsList.module.scss.js";
+import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import p from "../../../assets/icons/checkbox.svg.js";
+const v = ({ requirements: n }) => {
+  const r = d(), l = a();
+  return /* @__PURE__ */ e(m, { flexDirection: "column", alignItems: "flex-start", gap: 8, children: /* @__PURE__ */ e("ul", { className: i.list, children: n.sort((t, o) => t.completed ? -1 : 1).map((t, o) => /* @__PURE__ */ s("li", { className: i.listItem, children: [
+    t.completed ? /* @__PURE__ */ e("div", { className: c(i.listItemIcon, i.success), children: /* @__PURE__ */ e(p, { width: 16, height: 16 }) }) : /* @__PURE__ */ e("div", { className: i.listItemIcon, children: o + 1 }),
+    /* @__PURE__ */ s(m, { flexDirection: "column", gap: 0, children: [
+      /* @__PURE__ */ e(r.Heading, { as: "h4", children: t.title }),
+      /* @__PURE__ */ e(r.Text, { variant: "supporting", children: t.description })
+    ] })
+  ] }, `${l}-${o}-${t.description}`)) }) });
+};
+export {
+  v as RequirementsList
+};
+//# sourceMappingURL=RequirementsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequirementsList.js","sources":["../../../../src/components/Common/RequirementsList/RequirementsList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useId } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './RequirementsList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport SuccessCheck from '@/assets/icons/checkbox.svg?react'\n\ninterface RequirementsListProps {\n  requirements: {\n    title: string\n    description: string\n    completed: boolean\n  }[]\n}\nexport const RequirementsList = ({ requirements }: RequirementsListProps) => {\n  const Components = useComponentContext()\n  const id = useId()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={8}>\n      <ul className={styles.list}>\n        {requirements\n          .sort((a, b) => (a.completed ? -1 : 1))\n          .map((step, i) => {\n            return (\n              <li key={`${id}-${i}-${step.description}`} className={styles.listItem}>\n                {step.completed ? (\n                  <div className={classNames(styles.listItemIcon, styles.success)}>\n                    <SuccessCheck width={16} height={16} />\n                  </div>\n                ) : (\n                  <div className={styles.listItemIcon}>{i + 1}</div>\n                )}\n                <Flex flexDirection=\"column\" gap={0}>\n                  <Components.Heading as=\"h4\">{step.title}</Components.Heading>\n                  <Components.Text variant=\"supporting\">{step.description}</Components.Text>\n                </Flex>\n              </li>\n            )\n          })}\n      </ul>\n    </Flex>\n  )\n}\n"],"names":["RequirementsList","requirements","Components","useComponentContext","id","useId","jsx","Flex","styles","a","b","step","i","jsxs","classNames","SuccessCheck"],"mappings":";;;;;;;AAcO,MAAMA,IAAmB,CAAC,EAAE,cAAAC,QAA0C;AAC3E,QAAMC,IAAaC,EAAoB,GACjCC,IAAKC,EAAM;AAGf,SAAA,gBAAAC,EAACC,GAAK,EAAA,eAAc,UAAS,YAAW,cAAa,KAAK,GACxD,UAAA,gBAAAD,EAAC,MAAG,EAAA,WAAWE,EAAO,MACnB,YACE,KAAK,CAACC,GAAGC,MAAOD,EAAE,YAAY,KAAK,CAAE,EACrC,IAAI,CAACE,GAAMC,MAEP,gBAAAC,EAAA,MAAA,EAA0C,WAAWL,EAAO,UAC1D,UAAA;AAAA,IAAKG,EAAA,YACH,gBAAAL,EAAA,OAAA,EAAI,WAAWQ,EAAWN,EAAO,cAAcA,EAAO,OAAO,GAC5D,UAAC,gBAAAF,EAAAS,GAAA,EAAa,OAAO,IAAI,QAAQ,GAAI,CAAA,EACvC,CAAA,IAEA,gBAAAT,EAAC,SAAI,WAAWE,EAAO,cAAe,UAAAI,IAAI,EAAE,CAAA;AAAA,IAE7C,gBAAAC,EAAAN,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAD,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,YAAK,OAAM;AAAA,wBACvCA,EAAW,MAAX,EAAgB,SAAQ,cAAc,YAAK,YAAY,CAAA;AAAA,IAAA,EAC1D,CAAA;AAAA,EAAA,KAXO,GAAGE,CAAE,IAAIQ,CAAC,IAAID,EAAK,WAAW,EAYvC,CAEH,GACL,EACF,CAAA;AAEJ;"}

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

@@ -0,0 +1,14 @@
+const s = "_list_k1b3f_1", t = "_listItem_k1b3f_5", c = "_listItemIcon_k1b3f_22", e = "_success_k1b3f_35", _ = {
+  list: s,
+  listItem: t,
+  listItemIcon: c,
+  success: e
+};
+export {
+  _ as default,
+  s as list,
+  t as listItem,
+  c as listItemIcon,
+  e as success
+};
+//# sourceMappingURL=RequirementsList.module.scss.js.map

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

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

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

@@ -0,0 +1,20 @@
+import { z } from 'zod';
+import { UseFormProps } from 'react-hook-form';
+export declare const SignatureFormSchema: z.ZodObject<{
+    signature: z.ZodString;
+    confirmSignature: z.ZodLiteral<true>;
+}, "strip", z.ZodTypeAny, {
+    signature: string;
+    confirmSignature: true;
+}, {
+    signature: string;
+    confirmSignature: true;
+}>;
+export type SignatureFormInputs = z.infer<typeof SignatureFormSchema>;
+interface SignatureFormProps {
+    onSubmit: (data: SignatureFormInputs) => void | Promise<void>;
+    children?: React.ReactNode;
+    formProps?: Partial<UseFormProps<SignatureFormInputs>>;
+}
+export declare function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,26 @@
+import { jsx as r } from "react/jsx-runtime";
+import { z as o } from "zod";
+import { useForm as s, FormProvider as a } from "react-hook-form";
+import { zodResolver as l } from "@hookform/resolvers/zod";
+import t from "./SignatureForm.module.scss.js";
+import { Form as u } from "../Form/Form.js";
+import { Flex as c } from "../Flex/Flex.js";
+const f = o.object({
+  signature: o.string().min(1),
+  confirmSignature: o.literal(!0)
+}), d = {
+  signature: ""
+};
+function b({ onSubmit: m, children: i, formProps: n }) {
+  const e = s({
+    resolver: l(f),
+    defaultValues: d,
+    ...n
+  });
+  return /* @__PURE__ */ r(a, { ...e, children: /* @__PURE__ */ r(u, { onSubmit: e.handleSubmit(m), className: t.container, children: /* @__PURE__ */ r("div", { className: t.formFields, children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: i }) }) }) });
+}
+export {
+  b as SignatureForm,
+  f as SignatureFormSchema
+};
+//# sourceMappingURL=SignatureForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n  signature: z.string().min(1),\n  confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n  signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n  onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n  children?: React.ReactNode\n  formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n  const methods = useForm<SignatureFormInputs>({\n    resolver: zodResolver(SignatureFormSchema),\n    defaultValues: signatureFormDefaultValues,\n    ...formProps,\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n        <div className={styles.formFields}>\n          <Flex flexDirection=\"column\" gap={20}>\n            {children}\n          </Flex>\n        </div>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;AAOa,MAAAA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACG,gBAAAI,EAAAC,GAAA,EAAc,GAAGJ,GAChB,UAAC,gBAAAG,EAAAE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAC,gBAAAH,EAAA,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAK,EAAA,eAAc,UAAS,KAAK,IAC/B,UAAAT,EACH,CAAA,EACF,CAAA,EACF,CAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,10 @@
+const o = "_container_199qg_1", e = "_formFields_199qg_5", n = {
+  container: o,
+  formFields: e
+};
+export {
+  o as container,
+  n as default,
+  e as formFields
+};
+//# sourceMappingURL=SignatureForm.module.scss.js.map

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

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

package/dist/components/Common/SignatureForm/SignatureFormActions.d.ts

@@ -0,0 +1,8 @@
+interface SignatureFormActionsProps {
+    onBack?: () => void;
+    backLabel: string;
+    submitLabel: string;
+    isLoading?: boolean;
+}
+export declare function SignatureFormActions({ onBack, backLabel, submitLabel, isLoading, }: SignatureFormActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { ActionsLayout as m } from "../ActionsLayout/ActionsLayout.js";
+import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function f({
+  onBack: t,
+  backLabel: r,
+  submitLabel: e,
+  isLoading: i = !1
+}) {
+  const o = u();
+  return /* @__PURE__ */ s(m, { children: [
+    t && /* @__PURE__ */ n(o.Button, { variant: "secondary", type: "button", onClick: t, children: r }),
+    /* @__PURE__ */ n(o.Button, { type: "submit", isLoading: i, children: e })
+  ] });
+}
+export {
+  f as SignatureFormActions
+};
+//# sourceMappingURL=SignatureFormActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAoB;AAEvC,2BACGC,GACE,EAAA,UAAA;AAAA,IACCN,KAAA,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UACHC,EAAA,CAAA;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UACHD,EAAA,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Common/SignatureForm/SignatureFormFields.d.ts

@@ -0,0 +1,9 @@
+interface SignatureFormFieldsProps {
+    signatureLabel: string;
+    signatureDescription?: string;
+    signatureError?: string;
+    confirmationLabel: string;
+    confirmationError?: string;
+}
+export declare function SignatureFormFields({ signatureLabel, signatureDescription, signatureError, confirmationLabel, confirmationError, }: SignatureFormFieldsProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,36 @@
+import { jsxs as s, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
+import { CheckboxField as u } from "../Fields/CheckboxField/CheckboxField.js";
+function p({
+  signatureLabel: r,
+  signatureDescription: i = "",
+  signatureError: t = "",
+  confirmationLabel: o,
+  confirmationError: n = ""
+}) {
+  return /* @__PURE__ */ s(m, { children: [
+    /* @__PURE__ */ e(
+      a,
+      {
+        name: "signature",
+        label: r,
+        description: i,
+        errorMessage: t,
+        isRequired: !0
+      }
+    ),
+    /* @__PURE__ */ e(
+      u,
+      {
+        name: "confirmSignature",
+        isRequired: !0,
+        label: o,
+        errorMessage: n
+      }
+    )
+  ] });
+}
+export {
+  p as SignatureFormFields
+};
+//# sourceMappingURL=SignatureFormFields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

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

@@ -0,0 +1,4 @@
+export { SignatureForm } from './SignatureForm';
+export { SignatureFormFields } from './SignatureFormFields';
+export { SignatureFormActions } from './SignatureFormActions';
+export type { SignatureFormInputs } from './SignatureForm';

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

@@ -0,0 +1,25 @@
+import { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion';
+import { TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement';
+interface EmpQ {
+    question: NonNullable<EmployeeStateTaxQuestion>;
+    requirement?: never;
+    isDisabled?: boolean;
+}
+interface CompR {
+    requirement: TaxRequirement;
+    question?: never;
+    isDisabled?: boolean;
+}
+type NumberFieldProps = {
+    isCurrency?: boolean;
+    isPercent?: boolean;
+};
+export declare function QuestionInput({ questionType, ...props }: (EmpQ | CompR) & {
+    questionType: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SelectInput({ question, requirement, isDisabled }: EmpQ | CompR): import("react/jsx-runtime").JSX.Element | null;
+export declare function TextInput({ question, requirement, isDisabled }: EmpQ | CompR): import("react/jsx-runtime").JSX.Element | null;
+export declare function NumberInput({ question, requirement, isCurrency, isPercent, isDisabled, }: (EmpQ | CompR) & NumberFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function RadioInput({ question, requirement, isDisabled }: EmpQ | CompR): import("react/jsx-runtime").JSX.Element | null;
+export declare function DateField({ question, requirement, isDisabled, }: (EmpQ | CompR) & NumberFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Common/TaxInputs/TaxInputs.js

@@ -0,0 +1,144 @@
+import { jsx as r } from "react/jsx-runtime";
+import v from "dompurify";
+import { useTranslation as w } from "react-i18next";
+import { SelectField as b } from "../Fields/SelectField/SelectField.js";
+import { TextInputField as y } from "../Fields/TextInputField/TextInputField.js";
+import { NumberInputField as k } from "../Fields/NumberInputField/NumberInputField.js";
+import { RadioGroupField as _ } from "../Fields/RadioGroupField/RadioGroupField.js";
+import { DatePickerField as D } from "../Fields/DatePickerField/DatePickerField.js";
+import { useComponentContext as h } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useMaskedTransform as C } from "../../../helpers/mask.js";
+const T = { ALLOWED_TAGS: ["a", "b", "strong"], ALLOWED_ATTR: ["target", "href"] };
+function V({
+  questionType: t,
+  ...e
+}) {
+  switch (t.toLowerCase()) {
+    case "date":
+      return /* @__PURE__ */ r(g, { ...e });
+    case "radio":
+      return /* @__PURE__ */ r(I, { ...e });
+    case "text":
+    case "account_number":
+      return /* @__PURE__ */ r(m, { ...e });
+    case "select":
+      return /* @__PURE__ */ r(x, { ...e });
+    case "number":
+      return /* @__PURE__ */ r(d, { ...e });
+    case "workers_compensation_rate":
+      return /* @__PURE__ */ r(d, { ...e, isPercent: e.requirement?.metadata?.rateType === "percent" });
+    case "percent":
+    case "tax_rate":
+      return /* @__PURE__ */ r(d, { ...e, isPercent: !0 });
+    case "currency":
+      return /* @__PURE__ */ r(d, { ...e, isCurrency: !0 });
+    default:
+      return /* @__PURE__ */ r(m, { ...e });
+  }
+}
+function x({ question: t, requirement: e, isDisabled: s = !1 }) {
+  const { key: a, label: i, description: l } = t || e, n = t ? t.answers[0]?.value : e.value, o = t ? t.inputQuestionFormat : e.metadata;
+  if (!o?.options) throw new Error("Select input must have options");
+  return a ? /* @__PURE__ */ r(
+    b,
+    {
+      name: a,
+      defaultValue: n,
+      label: i,
+      description: l,
+      isDisabled: a.includes("fileNewHireReport") ? n !== void 0 : s,
+      options: o.options.map((c, u) => ({
+        value: c.value,
+        label: c.label
+      }))
+    }
+  ) : null;
+}
+function m({ question: t, requirement: e, isDisabled: s = !1 }) {
+  const { key: a, label: i, description: l } = t || e, n = t ? t.answers[0]?.value : e.value, o = e?.metadata?.mask ?? null, c = C(o);
+  return a ? /* @__PURE__ */ r(
+    y,
+    {
+      name: a,
+      label: i,
+      defaultValue: n,
+      description: l,
+      isDisabled: s,
+      transform: o ? c : void 0,
+      placeholder: o || void 0
+    }
+  ) : null;
+}
+function d({
+  question: t,
+  requirement: e,
+  isCurrency: s,
+  isPercent: a,
+  isDisabled: i = !1
+}) {
+  const { t: l } = w("common"), { key: n, label: o, description: c } = t || e, u = t ? t.answers[0]?.value : e.value;
+  if (!n) return null;
+  const f = e?.metadata?.type === "workers_compensation_rate" && e.metadata.riskClassCode !== void 0 ? `${e.metadata.riskClassCode}: ${e.metadata.riskClassDescription}` : null, p = e?.metadata?.rateType === "currency_per_hour" ? l("inputs.workersCompensationRatePerHourAdornment") : void 0;
+  return /* @__PURE__ */ r(
+    k,
+    {
+      name: n,
+      label: o,
+      description: c ?? f,
+      defaultValue: Number(u),
+      format: s ? "currency" : a ? "percent" : "decimal",
+      isDisabled: i,
+      maximumFractionDigits: a ? 4 : void 0,
+      adornmentEnd: p
+    }
+  );
+}
+function I({ question: t, requirement: e, isDisabled: s = !1 }) {
+  const { key: a, label: i, description: l } = t || e, n = t ? t.answers[0]?.value : e.value, { Text: o } = h(), c = t ? t.inputQuestionFormat : e.metadata;
+  if (!c?.options) throw new Error(`RadioInput must have options:${JSON.stringify(t)}`);
+  return a ? /* @__PURE__ */ r(
+    _,
+    {
+      name: a,
+      isDisabled: a.includes("fileNewHireReport") ? n !== void 0 : s,
+      description: l && /* @__PURE__ */ r(o, { as: "span", children: /* @__PURE__ */ r(
+        "span",
+        {
+          dangerouslySetInnerHTML: { __html: v.sanitize(l, T) }
+        }
+      ) }),
+      label: i,
+      options: c.options.map((u) => ({
+        value: u.value,
+        label: u.label
+      }))
+    }
+  ) : null;
+}
+function g({
+  question: t,
+  requirement: e,
+  isDisabled: s = !1
+}) {
+  const { key: a, label: i, description: l } = t || e, n = t ? t.answers[0]?.value : e.value;
+  if (typeof n != "string") throw new Error("Expecting value to be string for DateInput");
+  return a ? /* @__PURE__ */ r(
+    D,
+    {
+      name: a,
+      defaultValue: n ? new Date(n) : null,
+      label: i,
+      description: l,
+      isDisabled: s
+    }
+  ) : null;
+}
+export {
+  g as DateField,
+  d as NumberInput,
+  V as QuestionInput,
+  I as RadioInput,
+  x as SelectInput,
+  m as TextInput
+};
+//# sourceMappingURL=TaxInputs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaxInputs.js","sources":["../../../../src/components/Common/TaxInputs/TaxInputs.tsx"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { type TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\nimport { useTranslation } from 'react-i18next'\nimport { SelectField } from '../Fields/SelectField/SelectField'\nimport { TextInputField } from '../Fields/TextInputField/TextInputField'\nimport { NumberInputField } from '../Fields/NumberInputField/NumberInputField'\nimport { RadioGroupField } from '../Fields/RadioGroupField/RadioGroupField'\nimport { DatePickerField } from '../Fields/DatePickerField/DatePickerField'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useMaskedTransform } from '@/helpers/mask'\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['target', 'href'] }\n\ninterface EmpQ {\n  question: NonNullable<EmployeeStateTaxQuestion>\n  requirement?: never\n  isDisabled?: boolean\n}\ninterface CompR {\n  requirement: TaxRequirement\n  question?: never\n  isDisabled?: boolean\n}\n\ntype NumberFieldProps = { isCurrency?: boolean; isPercent?: boolean }\n\nexport function QuestionInput({\n  questionType,\n  ...props\n}: (EmpQ | CompR) & {\n  questionType: string\n}) {\n  switch (questionType.toLowerCase()) {\n    case 'date':\n      return <DateField {...props} />\n    case 'radio':\n      return <RadioInput {...props} />\n    case 'text':\n    case 'account_number': //TODO: temporary - need special handling for account numbers\n      return <TextInput {...props} />\n    case 'select':\n      return <SelectInput {...props} />\n    case 'number':\n      return <NumberInput {...props} />\n    case 'workers_compensation_rate':\n      return (\n        <NumberInput {...props} isPercent={props.requirement?.metadata?.rateType === 'percent'} />\n      )\n    case 'percent':\n    case 'tax_rate':\n      return <NumberInput {...props} isPercent />\n    case 'currency':\n      return <NumberInput {...props} isCurrency />\n    default:\n      return <TextInput {...props} />\n    // return null\n  }\n}\n\nexport function SelectInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error('Select input must have options')\n\n  if (!key) return null\n\n  return (\n    <SelectField\n      name={key}\n      defaultValue={value}\n      label={label as string}\n      description={description}\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      options={meta.options.map((item, _) => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n\nexport function TextInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const mask = requirement?.metadata?.mask ?? null\n  const transform = useMaskedTransform(mask)\n\n  if (!key) return null\n  return (\n    <TextInputField\n      name={key}\n      label={label}\n      // @ts-expect-error HACK value is insufficiently narrowed here\n      defaultValue={value}\n      description={description}\n      isDisabled={isDisabled}\n      transform={mask ? transform : undefined}\n      placeholder={mask ? mask : undefined}\n    />\n  )\n}\nexport function NumberInput({\n  question,\n  requirement,\n  isCurrency,\n  isPercent,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { t } = useTranslation('common')\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  if (!key) return null\n\n  const wcDescription =\n    requirement?.metadata?.type === 'workers_compensation_rate' &&\n    requirement.metadata.riskClassCode !== undefined\n      ? `${requirement.metadata.riskClassCode}: ${requirement.metadata.riskClassDescription}`\n      : null\n  const adornmentEnd =\n    requirement?.metadata?.rateType === 'currency_per_hour'\n      ? t('inputs.workersCompensationRatePerHourAdornment')\n      : undefined\n\n  return (\n    <NumberInputField\n      name={key}\n      label={label}\n      description={description ?? wcDescription}\n      defaultValue={Number(value)}\n      format={isCurrency ? 'currency' : isPercent ? 'percent' : 'decimal'}\n      isDisabled={isDisabled}\n      maximumFractionDigits={isPercent ? 4 : undefined}\n      adornmentEnd={adornmentEnd}\n    />\n  )\n}\n\nexport function RadioInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const { Text } = useComponentContext()\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error(`RadioInput must have options:${JSON.stringify(question)}`)\n\n  if (!key) return null\n\n  return (\n    <RadioGroupField\n      name={key}\n      //File new hire report setting cannot be changed after it has been configured.\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      description={\n        description && (\n          <Text as=\"span\">\n            <span\n              dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(description, dompurifyConfig) }}\n            />\n          </Text>\n        )\n      }\n      label={label as string}\n      options={meta.options.map(item => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n//TODO: This type is untested as of yet\nexport function DateField({\n  question,\n  requirement,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  if (typeof value !== 'string') throw new Error('Expecting value to be string for DateInput')\n\n  if (!key) return null\n\n  return (\n    <DatePickerField\n      name={key}\n      defaultValue={value ? new Date(value) : null}\n      label={label as string}\n      description={description}\n      isDisabled={isDisabled}\n    />\n  )\n}\n"],"names":["dompurifyConfig","QuestionInput","questionType","props","jsx","DateField","RadioInput","TextInput","SelectInput","NumberInput","question","requirement","isDisabled","key","label","description","value","meta","SelectField","item","_","mask","transform","useMaskedTransform","TextInputField","isCurrency","isPercent","t","useTranslation","wcDescription","adornmentEnd","NumberInputField","Text","useComponentContext","RadioGroupField","DOMPurify","DatePickerField"],"mappings":"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"}

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

@@ -0,0 +1 @@
+export * as TaxInputs from './TaxInputs';

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

@@ -0,0 +1,4 @@
+export declare function Toast({ message, onClose }: {
+    message: string | null;
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element | undefined;

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

@@ -0,0 +1,2 @@
+import { AlertProps } from './AlertTypes';
+export declare function Alert({ label, children, status, icon, className }: AlertProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,32 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { useId as d, useRef as f, useEffect as h } from "react";
+import u from "classnames";
+import i from "./Alert.module.scss.js";
+import v from "../../../../assets/icons/info.svg.js";
+import p from "../../../../assets/icons/success_check.svg.js";
+import g from "../../../../assets/icons/warning.svg.js";
+import N from "../../../../assets/icons/error.svg.js";
+function R({ label: a, children: t, status: e = "info", icon: c, className: l }) {
+  const n = d(), o = f(null), s = e === "info" ? /* @__PURE__ */ r(v, { "aria-hidden": !0 }) : e === "success" ? /* @__PURE__ */ r(p, { "aria-hidden": !0 }) : e === "warning" ? /* @__PURE__ */ r(g, { "aria-hidden": !0 }) : /* @__PURE__ */ r(N, { "aria-hidden": !0 });
+  return h(() => {
+    o.current && o.current.scrollIntoView({ behavior: "smooth" });
+  }, []), /* @__PURE__ */ r("div", { className: u(i.root, l), children: /* @__PURE__ */ m(
+    "div",
+    {
+      className: i.alert,
+      role: "alert",
+      "aria-labelledby": n,
+      "data-variant": e,
+      ref: o,
+      children: [
+        /* @__PURE__ */ r("div", { className: i.icon, children: c || s }),
+        /* @__PURE__ */ r("h6", { id: n, children: a }),
+        /* @__PURE__ */ r("div", { className: i.content, children: t })
+      ]
+    }
+  ) });
+}
+export {
+  R as Alert
+};
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { type AlertProps } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\n\nexport function Alert({ label, children, status = 'info', icon, className }: AlertProps) {\n  const id = useId()\n  const alertRef = useRef<HTMLDivElement>(null)\n  const defaultIcon =\n    status === 'info' ? (\n      <InfoIcon aria-hidden />\n    ) : status === 'success' ? (\n      <SuccessIcon aria-hidden />\n    ) : status === 'warning' ? (\n      <WarningIcon aria-hidden />\n    ) : (\n      <ErrorIcon aria-hidden />\n    )\n\n  useEffect(() => {\n    if (alertRef.current) alertRef.current.scrollIntoView({ behavior: 'smooth' })\n  }, [])\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <div\n        className={styles.alert}\n        role=\"alert\"\n        aria-labelledby={id}\n        data-variant={status}\n        ref={alertRef}\n      >\n        <div className={styles.icon}>{icon || defaultIcon}</div>\n        <h6 id={id}>{label}</h6>\n        <div className={styles.content}>{children}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["Alert","label","children","status","icon","className","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs"],"mappings":";;;;;;;;AASgB,SAAAA,EAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,IAAS,QAAQ,MAAAC,GAAM,WAAAC,KAAyB;AACvF,QAAMC,IAAKC,EAAM,GACXC,IAAWC,EAAuB,IAAI,GACtCC,IACJP,MAAW,SACR,gBAAAQ,EAAAC,GAAA,EAAS,eAAW,GAAC,CAAA,IACpBT,MAAW,YACZ,gBAAAQ,EAAAE,GAAA,EAAY,eAAW,GAAC,CAAA,IACvBV,MAAW,YACZ,gBAAAQ,EAAAG,GAAA,EAAY,eAAW,GAAC,CAAA,IAEzB,gBAAAH,EAACI,GAAU,EAAA,eAAW,GAAC,CAAA;AAG3B,SAAAC,EAAU,MAAM;AACV,IAAAR,EAAS,WAAkBA,EAAA,QAAQ,eAAe,EAAE,UAAU,UAAU;AAAA,EAC9E,GAAG,EAAE,qBAGF,OAAI,EAAA,WAAWS,EAAWC,EAAO,MAAMb,CAAS,GAC/C,UAAA,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcH;AAAA,MACd,KAAKK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAI,EAAA,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,QAClD,gBAAAC,EAAC,MAAG,EAAA,IAAAL,GAAS,UAAML,EAAA,CAAA;AAAA,QAClB,gBAAAU,EAAA,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAhB,EAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE9C;AAEJ;"}

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

@@ -0,0 +1,14 @@
+const t = "_root_14vfm_1", o = "_alert_14vfm_1", n = "_icon_14vfm_14", _ = "_content_14vfm_29", c = {
+  root: t,
+  alert: o,
+  icon: n,
+  content: _
+};
+export {
+  o as alert,
+  _ as content,
+  c as default,
+  n as icon,
+  t as root
+};
+//# sourceMappingURL=Alert.module.scss.js.map

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

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