@gusto/embedded-react-sdk 0.16.0 → 0.17.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## 0.17.0
+
+### Features & Enhancements
+
+- Add payroll deadline alert to payroll configuration
+- Enable responsive breadcrumb behavior
+- Add DescriptionList component with flexible term/description support
+- Update payment method copy for self onboarding
+
+### Fixes
+
+- Remove base image styles in favor of emptydata styles
+- Remove unused style from base.scss
+
+### Chores & Maintenance
+
+- Bump react-i18next from 16.1.0 to 16.2.1
+- Bump lint-staged from 16.2.5 to 16.2.6
+
 ## 0.16.0
 
 ### Features & Enhancements

package/dist/components/Common/EmptyData/EmptyData.js

@@ -1,16 +1,16 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { useTranslation as a } from "react-i18next";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
 import { Flex as l } from "../Flex/Flex.js";
-import n from "./EmptyData.module.scss.js";
+import m from "./EmptyData.module.scss.js";
 import c from "../../../assets/icons/magnifyingGlass.png.js";
 import { useComponentContext as f } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function h({ title: m, description: o, children: e }) {
-  const { t: r } = a(), { Text: i } = f();
-  return /* @__PURE__ */ t("div", { className: n.emptyData, "data-testid": "emptydata", children: /* @__PURE__ */ s(l, { flexDirection: "column", alignItems: "center", children: [
-    /* @__PURE__ */ t("img", { src: c, alt: r("icons.magnifyingGlass") }),
-    m && /* @__PURE__ */ t(i, { weight: "bold", className: n.title, children: m }),
-    o && /* @__PURE__ */ t(i, { children: o }),
-    e && e
+function h({ title: e, description: a, children: o }) {
+  const { t: i } = r(), { Text: s } = f();
+  return /* @__PURE__ */ t("div", { className: m.emptyData, "data-testid": "emptydata", children: /* @__PURE__ */ n(l, { flexDirection: "column", alignItems: "center", children: [
+    /* @__PURE__ */ t("img", { src: c, alt: i("icons.magnifyingGlass"), className: m.image }),
+    e && /* @__PURE__ */ t(s, { weight: "bold", className: m.title, children: e }),
+    a && /* @__PURE__ */ t(s, { children: a }),
+    o && o
   ] }) });
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyData.js","sources":["../../../../src/components/Common/EmptyData/EmptyData.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport styles from './EmptyData.module.scss'\nimport magnifyingGlass from '@/assets/icons/magnifyingGlass.png'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype EmptyDataProps = {\n  title?: string\n  description?: string\n  children?: React.ReactNode\n}\nexport function EmptyData({ title, description, children }: EmptyDataProps) {\n  const { t } = useTranslation()\n  const { Text } = useComponentContext()\n  return (\n    <div className={styles.emptyData} data-testid=\"emptydata\">\n      <Flex flexDirection=\"column\" alignItems=\"center\">\n        <img src={magnifyingGlass} alt={t('icons.magnifyingGlass')} />\n        {title && (\n          <Text weight=\"bold\" className={styles.title}>\n            {title}\n          </Text>\n        )}\n        {description && <Text>{description}</Text>}\n        {children && children}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["EmptyData","title","description","children","t","useTranslation","Text","useComponentContext","jsx","styles","jsxs","Flex","magnifyingGlass"],"mappings":";;;;;;AAWO,SAASA,EAAU,EAAE,OAAAC,GAAO,aAAAC,GAAa,UAAAC,KAA4B;AAC1E,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,MAAAC,EAAA,IAASC,EAAA;AACjB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,eAAY,aAC5C,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UACtC,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAI,KAAKI,GAAiB,KAAKR,EAAE,uBAAuB,GAAG;AAAA,IAC3DH,uBACEK,GAAA,EAAK,QAAO,QAAO,WAAWG,EAAO,OACnC,UAAAR,EAAA,CACH;AAAA,IAEDC,KAAe,gBAAAM,EAACF,GAAA,EAAM,UAAAJ,EAAA,CAAY;AAAA,IAClCC,KAAYA;AAAA,EAAA,EAAA,CACf,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"EmptyData.js","sources":["../../../../src/components/Common/EmptyData/EmptyData.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport styles from './EmptyData.module.scss'\nimport magnifyingGlass from '@/assets/icons/magnifyingGlass.png'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype EmptyDataProps = {\n  title?: string\n  description?: string\n  children?: React.ReactNode\n}\nexport function EmptyData({ title, description, children }: EmptyDataProps) {\n  const { t } = useTranslation()\n  const { Text } = useComponentContext()\n  return (\n    <div className={styles.emptyData} data-testid=\"emptydata\">\n      <Flex flexDirection=\"column\" alignItems=\"center\">\n        <img src={magnifyingGlass} alt={t('icons.magnifyingGlass')} className={styles.image} />\n        {title && (\n          <Text weight=\"bold\" className={styles.title}>\n            {title}\n          </Text>\n        )}\n        {description && <Text>{description}</Text>}\n        {children && children}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["EmptyData","title","description","children","t","useTranslation","Text","useComponentContext","jsx","styles","jsxs","Flex","magnifyingGlass"],"mappings":";;;;;;AAWO,SAASA,EAAU,EAAE,OAAAC,GAAO,aAAAC,GAAa,UAAAC,KAA4B;AAC1E,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,MAAAC,EAAA,IAASC,EAAA;AACjB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,eAAY,aAC5C,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UACtC,UAAA;AAAA,IAAA,gBAAAH,EAAC,OAAA,EAAI,KAAKI,GAAiB,KAAKR,EAAE,uBAAuB,GAAG,WAAWK,EAAO,MAAA,CAAO;AAAA,IACpFR,uBACEK,GAAA,EAAK,QAAO,QAAO,WAAWG,EAAO,OACnC,UAAAR,EAAA,CACH;AAAA,IAEDC,KAAe,gBAAAM,EAACF,GAAA,EAAM,UAAAJ,EAAA,CAAY;AAAA,IAClCC,KAAYA;AAAA,EAAA,EAAA,CACf,EAAA,CACF;AAEJ;"}

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

@@ -1,10 +1,12 @@
-const t = "_emptyData_vn3oy_1", e = "_title_vn3oy_11", a = {
+const t = "_emptyData_19niy_1", e = "_title_19niy_11", a = "_image_19niy_17", i = {
   emptyData: t,
-  title: e
+  title: e,
+  image: a
 };
 export {
-  a as default,
+  i as default,
   t as emptyData,
+  a as image,
   e as title
 };
 //# sourceMappingURL=EmptyData.module.scss.js.map

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

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

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

@@ -1,4 +1,4 @@
-const o = "_root_11vye_1", t = {
+const o = "_root_anlja_1", t = {
   root: o
 };
 export {

package/dist/components/Common/FlowBreadcrumbs/FlowBreadcrumbs.js

@@ -1,20 +1,21 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useTranslation as f } from "react-i18next";
-import { useMemo as c } from "react";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { componentEvents as B } from "../../../shared/constants.js";
-import { useI18n as C } from "../../../i18n/I18n.js";
-function V({
+import { jsx as l } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { useRef as C, useMemo as B } from "react";
+import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { componentEvents as k } from "../../../shared/constants.js";
+import { useI18n as h } from "../../../i18n/I18n.js";
+import { useContainerBreakpoints as v } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+function j({
   breadcrumbs: o,
-  currentBreadcrumbId: l,
+  currentBreadcrumbId: r,
   onEvent: a
 }) {
-  const { Breadcrumbs: i } = u(), s = o.reduce(
+  const s = C(null), p = v({ ref: s }).length === 1, { Breadcrumbs: m } = d(), i = o.reduce(
     (e, n) => (n.namespace && e.push(n.namespace), e),
     []
   );
-  C(s);
-  const { t } = f(s), p = c(
+  h(i);
+  const { t } = u(i), f = B(
     () => o.map((e) => {
       const n = e.namespace ? t(e.label, {
         ns: e.namespace,
@@ -31,22 +32,23 @@ function V({
     }),
     [o, t]
   );
-  return /* @__PURE__ */ r(
-    i,
+  return /* @__PURE__ */ l("div", { ref: s, children: /* @__PURE__ */ l(
+    m,
     {
-      breadcrumbs: p,
-      currentBreadcrumbId: l,
+      isSmallContainer: p,
+      breadcrumbs: f,
+      currentBreadcrumbId: r,
       onClick: (e) => {
-        const n = o.find((m) => m.id === e);
-        a && n && a(B.BREADCRUMB_NAVIGATE, {
+        const n = o.find((c) => c.id === e);
+        a && n && a(k.BREADCRUMB_NAVIGATE, {
           key: e,
           onNavigate: n.onNavigate
         });
       }
     }
-  );
+  ) });
 }
 export {
-  V as FlowBreadcrumbs
+  j as FlowBreadcrumbs
 };
 //# sourceMappingURL=FlowBreadcrumbs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlowBreadcrumbs.js","sources":["../../../../src/components/Common/FlowBreadcrumbs/FlowBreadcrumbs.tsx"],"sourcesContent":["import type { CustomTypeOptions } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\nimport type { FlowBreadcrumbsProps } from './FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n/I18n'\n\nexport function FlowBreadcrumbs({\n  breadcrumbs,\n  currentBreadcrumbId,\n  onEvent,\n}: FlowBreadcrumbsProps) {\n  const { Breadcrumbs } = useComponentContext()\n  const namespaces = breadcrumbs.reduce<Array<keyof CustomTypeOptions['resources']>>(\n    (acc, breadcrumb) => {\n      if (breadcrumb.namespace) {\n        acc.push(breadcrumb.namespace as keyof CustomTypeOptions['resources'])\n      }\n      return acc\n    },\n    [],\n  )\n  useI18n(namespaces)\n  const { t } = useTranslation(namespaces)\n\n  const parsedBreadcrumbs = useMemo(\n    () =>\n      breadcrumbs.map(breadcrumb => {\n        const translatedLabel = breadcrumb.namespace\n          ? (t(breadcrumb.label, {\n              ns: breadcrumb.namespace,\n              defaultValue: breadcrumb.label,\n              ...breadcrumb.variables,\n            } as never) as unknown as string)\n          : (t(breadcrumb.label, {\n              defaultValue: breadcrumb.label,\n              ...breadcrumb.variables,\n            } as never) as unknown as string)\n        return {\n          id: breadcrumb.id,\n          label: translatedLabel,\n        }\n      }),\n    [breadcrumbs, t],\n  )\n\n  const handleBreadcrumbClick = (breadcrumbId: string) => {\n    const breadcrumb = breadcrumbs.find(breadcrumb => breadcrumb.id === breadcrumbId)\n    if (onEvent && breadcrumb) {\n      onEvent(componentEvents.BREADCRUMB_NAVIGATE, {\n        key: breadcrumbId,\n        onNavigate: breadcrumb.onNavigate,\n      })\n    }\n  }\n\n  return (\n    <Breadcrumbs\n      breadcrumbs={parsedBreadcrumbs}\n      currentBreadcrumbId={currentBreadcrumbId}\n      onClick={handleBreadcrumbClick}\n    />\n  )\n}\n"],"names":["FlowBreadcrumbs","breadcrumbs","currentBreadcrumbId","onEvent","Breadcrumbs","useComponentContext","namespaces","acc","breadcrumb","useI18n","useTranslation","parsedBreadcrumbs","useMemo","translatedLabel","jsx","breadcrumbId","componentEvents"],"mappings":";;;;;;AAQO,SAASA,EAAgB;AAAA,EAC9B,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,SAAAC;AACF,GAAyB;AACvB,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAClBC,IAAaL,EAAY;AAAA,IAC7B,CAACM,GAAKC,OACAA,EAAW,aACbD,EAAI,KAAKC,EAAW,SAAiD,GAEhED;AAAA,IAET,CAAA;AAAA,EAAC;AAEH,EAAAE,EAAQH,CAAU;AAClB,QAAM,EAAE,EAAA,IAAMI,EAAeJ,CAAU,GAEjCK,IAAoBC;AAAA,IACxB,MACEX,EAAY,IAAI,CAAAO,MAAc;AAC5B,YAAMK,IAAkBL,EAAW,YAC9B,EAAEA,EAAW,OAAO;AAAA,QACnB,IAAIA,EAAW;AAAA,QACf,cAAcA,EAAW;AAAA,QACzB,GAAGA,EAAW;AAAA,MAAA,CACN,IACT,EAAEA,EAAW,OAAO;AAAA,QACnB,cAAcA,EAAW;AAAA,QACzB,GAAGA,EAAW;AAAA,MAAA,CACN;AACd,aAAO;AAAA,QACL,IAAIA,EAAW;AAAA,QACf,OAAOK;AAAA,MAAA;AAAA,IAEX,CAAC;AAAA,IACH,CAACZ,GAAa,CAAC;AAAA,EAAA;AAajB,SACE,gBAAAa;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,aAAaO;AAAA,MACb,qBAAAT;AAAA,MACA,SAd0B,CAACa,MAAyB;AACtD,cAAMP,IAAaP,EAAY,KAAK,CAAAO,MAAcA,EAAW,OAAOO,CAAY;AAChF,QAAIZ,KAAWK,KACbL,EAAQa,EAAgB,qBAAqB;AAAA,UAC3C,KAAKD;AAAA,UACL,YAAYP,EAAW;AAAA,QAAA,CACxB;AAAA,MAEL;AAAA,IAMa;AAAA,EAAA;AAGf;"}
+{"version":3,"file":"FlowBreadcrumbs.js","sources":["../../../../src/components/Common/FlowBreadcrumbs/FlowBreadcrumbs.tsx"],"sourcesContent":["import type { CustomTypeOptions } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo, useRef } from 'react'\nimport type { FlowBreadcrumbsProps } from './FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n/I18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\nexport function FlowBreadcrumbs({\n  breadcrumbs,\n  currentBreadcrumbId,\n  onEvent,\n}: FlowBreadcrumbsProps) {\n  const breadcrumbContainerRef = useRef<HTMLDivElement | null>(null)\n  const breakpoints = useContainerBreakpoints({ ref: breadcrumbContainerRef })\n  // Small if we only contain the base breakpoint\n  const isSmallContainer = breakpoints.length === 1\n\n  const { Breadcrumbs } = useComponentContext()\n  const namespaces = breadcrumbs.reduce<Array<keyof CustomTypeOptions['resources']>>(\n    (acc, breadcrumb) => {\n      if (breadcrumb.namespace) {\n        acc.push(breadcrumb.namespace as keyof CustomTypeOptions['resources'])\n      }\n      return acc\n    },\n    [],\n  )\n  useI18n(namespaces)\n  const { t } = useTranslation(namespaces)\n\n  const parsedBreadcrumbs = useMemo(\n    () =>\n      breadcrumbs.map(breadcrumb => {\n        const translatedLabel = breadcrumb.namespace\n          ? (t(breadcrumb.label, {\n              ns: breadcrumb.namespace,\n              defaultValue: breadcrumb.label,\n              ...breadcrumb.variables,\n            } as never) as unknown as string)\n          : (t(breadcrumb.label, {\n              defaultValue: breadcrumb.label,\n              ...breadcrumb.variables,\n            } as never) as unknown as string)\n        return {\n          id: breadcrumb.id,\n          label: translatedLabel,\n        }\n      }),\n    [breadcrumbs, t],\n  )\n\n  const handleBreadcrumbClick = (breadcrumbId: string) => {\n    const breadcrumb = breadcrumbs.find(breadcrumb => breadcrumb.id === breadcrumbId)\n    if (onEvent && breadcrumb) {\n      onEvent(componentEvents.BREADCRUMB_NAVIGATE, {\n        key: breadcrumbId,\n        onNavigate: breadcrumb.onNavigate,\n      })\n    }\n  }\n\n  return (\n    <div ref={breadcrumbContainerRef}>\n      <Breadcrumbs\n        isSmallContainer={isSmallContainer}\n        breadcrumbs={parsedBreadcrumbs}\n        currentBreadcrumbId={currentBreadcrumbId}\n        onClick={handleBreadcrumbClick}\n      />\n    </div>\n  )\n}\n"],"names":["FlowBreadcrumbs","breadcrumbs","currentBreadcrumbId","onEvent","breadcrumbContainerRef","useRef","isSmallContainer","useContainerBreakpoints","Breadcrumbs","useComponentContext","namespaces","acc","breadcrumb","useI18n","useTranslation","parsedBreadcrumbs","useMemo","translatedLabel","jsx","breadcrumbId","componentEvents"],"mappings":";;;;;;;AASO,SAASA,EAAgB;AAAA,EAC9B,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,SAAAC;AACF,GAAyB;AACvB,QAAMC,IAAyBC,EAA8B,IAAI,GAG3DC,IAFcC,EAAwB,EAAE,KAAKH,GAAwB,EAEtC,WAAW,GAE1C,EAAE,aAAAI,EAAA,IAAgBC,EAAA,GAClBC,IAAaT,EAAY;AAAA,IAC7B,CAACU,GAAKC,OACAA,EAAW,aACbD,EAAI,KAAKC,EAAW,SAAiD,GAEhED;AAAA,IAET,CAAA;AAAA,EAAC;AAEH,EAAAE,EAAQH,CAAU;AAClB,QAAM,EAAE,EAAA,IAAMI,EAAeJ,CAAU,GAEjCK,IAAoBC;AAAA,IACxB,MACEf,EAAY,IAAI,CAAAW,MAAc;AAC5B,YAAMK,IAAkBL,EAAW,YAC9B,EAAEA,EAAW,OAAO;AAAA,QACnB,IAAIA,EAAW;AAAA,QACf,cAAcA,EAAW;AAAA,QACzB,GAAGA,EAAW;AAAA,MAAA,CACN,IACT,EAAEA,EAAW,OAAO;AAAA,QACnB,cAAcA,EAAW;AAAA,QACzB,GAAGA,EAAW;AAAA,MAAA,CACN;AACd,aAAO;AAAA,QACL,IAAIA,EAAW;AAAA,QACf,OAAOK;AAAA,MAAA;AAAA,IAEX,CAAC;AAAA,IACH,CAAChB,GAAa,CAAC;AAAA,EAAA;AAajB,SACE,gBAAAiB,EAAC,OAAA,EAAI,KAAKd,GACR,UAAA,gBAAAc;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,kBAAAF;AAAA,MACA,aAAaS;AAAA,MACb,qBAAAb;AAAA,MACA,SAhBwB,CAACiB,MAAyB;AACtD,cAAMP,IAAaX,EAAY,KAAK,CAAAW,MAAcA,EAAW,OAAOO,CAAY;AAChF,QAAIhB,KAAWS,KACbT,EAAQiB,EAAgB,qBAAqB;AAAA,UAC3C,KAAKD;AAAA,UACL,YAAYP,EAAW;AAAA,QAAA,CACxB;AAAA,MAEL;AAAA,IAQe;AAAA,EAAA,GAEb;AAEJ;"}

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

@@ -5,15 +5,16 @@ 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";
-import "react-i18next";
 import "classnames";
+import "../../../shared/constants.js";
+import "react-i18next";
 const f = o.object({
   signature: o.string().min(1),
   confirmSignature: o.literal(!0)
 }), p = {
   signature: ""
 };
-function z({ onSubmit: m, children: i, formProps: n }) {
+function D({ onSubmit: m, children: i, formProps: n }) {
   const e = s({
     resolver: l(f),
     defaultValues: p,
@@ -22,7 +23,7 @@ function z({ onSubmit: m, children: i, formProps: 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 {
-  z as SignatureForm,
+  D as SignatureForm,
   f as SignatureFormSchema
 };
 //# sourceMappingURL=SignatureForm.js.map

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

@@ -1 +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":";;;;;;;;;AAOO,MAAMA,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,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}
+{"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":";;;;;;;;;;AAOO,MAAMA,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,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}

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

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

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

@@ -1 +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,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"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,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

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

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

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

@@ -1 +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,SACE,gBAAAC,EAAAC,GAAA,EACE,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,IAAA;AAAA,IAEZ,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;"}
+{"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,SACE,gBAAAC,EAAAC,GAAA,EACE,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,IAAA;AAAA,IAEZ,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/UI/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,2 +1,2 @@
 import { BreadcrumbsProps } from './BreadcrumbsTypes';
-export declare function Breadcrumbs({ className, breadcrumbs, currentBreadcrumbId, 'aria-label': ariaLabel, onClick, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumbs(rawProps: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,28 +1,42 @@
 import { jsx as l } from "react/jsx-runtime";
-import t from "classnames";
-import i from "./Breadcrumbs.module.scss.js";
-import { Flex as p } from "../../Flex/Flex.js";
-function N({
-  className: n,
-  breadcrumbs: c,
-  currentBreadcrumbId: o,
-  "aria-label": m = "Breadcrumbs",
-  onClick: r
-}) {
-  return /* @__PURE__ */ l(p, { flexDirection: "column", children: /* @__PURE__ */ l("nav", { "aria-label": m, className: t(i.root, n), children: /* @__PURE__ */ l("ol", { className: i.list, children: c.map((e) => {
-    const a = e.id === o, s = !a && r;
+import h from "classnames";
+import { BreadcrumbsDefaults as k } from "./BreadcrumbsTypes.js";
+import r from "./Breadcrumbs.module.scss.js";
+import { applyMissingDefaults as x } from "../../../../helpers/applyMissingDefaults.js";
+import { Flex as u } from "../../Flex/Flex.js";
+function I(p) {
+  const f = x(p, k), {
+    className: s,
+    breadcrumbs: n,
+    currentBreadcrumbId: t,
+    "aria-label": c,
+    onClick: i,
+    isSmallContainer: b
+  } = f, o = n.findIndex((e) => e.id === t), a = o > 0 ? n[o - 1] : null;
+  return b && a && i ? /* @__PURE__ */ l(u, { flexDirection: "column", children: /* @__PURE__ */ l("nav", { "aria-label": c, className: s, children: /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      className: r.smallBack,
+      onClick: () => {
+        i(a.id);
+      },
+      children: a.label
+    }
+  ) }) }) : /* @__PURE__ */ l(u, { flexDirection: "column", children: /* @__PURE__ */ l("nav", { "aria-label": c, className: s, children: /* @__PURE__ */ l("ol", { className: r.list, children: n.map((e) => {
+    const m = e.id === t, d = !m && i;
     return /* @__PURE__ */ l(
       "li",
       {
-        className: t(i.item, s && i.clickable),
-        "aria-current": a ? "step" : !1,
-        children: s ? /* @__PURE__ */ l(
+        className: h(r.item, d && r.clickable),
+        "aria-current": m ? "step" : !1,
+        children: d ? /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            className: i.link,
+            className: r.link,
             onClick: () => {
-              r(e.id);
+              i(e.id);
             },
             children: e.label
           }
@@ -33,6 +47,6 @@ function N({
   }) }) }) });
 }
 export {
-  N as Breadcrumbs
+  I as Breadcrumbs
 };
 //# sourceMappingURL=Breadcrumbs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src/components/Common/UI/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport { Flex } from '../../Flex'\nimport type { BreadcrumbsProps } from './BreadcrumbsTypes'\nimport styles from './Breadcrumbs.module.scss'\n\nexport function Breadcrumbs({\n  className,\n  breadcrumbs,\n  currentBreadcrumbId,\n  'aria-label': ariaLabel = 'Breadcrumbs',\n  onClick,\n}: BreadcrumbsProps) {\n  return (\n    <Flex flexDirection=\"column\">\n      <nav aria-label={ariaLabel} className={classnames(styles.root, className)}>\n        <ol className={styles.list}>\n          {breadcrumbs.map(breadcrumb => {\n            const isCurrentbreadcrumb = breadcrumb.id === currentBreadcrumbId\n            const isClickable = !isCurrentbreadcrumb && onClick\n\n            return (\n              <li\n                key={breadcrumb.id}\n                className={classnames(styles.item, isClickable && styles.clickable)}\n                aria-current={isCurrentbreadcrumb ? 'step' : false}\n              >\n                {isClickable ? (\n                  <button\n                    type=\"button\"\n                    className={styles.link}\n                    onClick={() => {\n                      onClick(breadcrumb.id)\n                    }}\n                  >\n                    {breadcrumb.label}\n                  </button>\n                ) : (\n                  <span>{breadcrumb.label}</span>\n                )}\n              </li>\n            )\n          })}\n        </ol>\n      </nav>\n    </Flex>\n  )\n}\n"],"names":["Breadcrumbs","className","breadcrumbs","currentBreadcrumbId","ariaLabel","onClick","jsx","Flex","classnames","styles","breadcrumb","isCurrentbreadcrumb","isClickable"],"mappings":";;;;AAKO,SAASA,EAAY;AAAA,EAC1B,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,cAAcC,IAAY;AAAA,EAC1B,SAAAC;AACF,GAAqB;AACnB,SACE,gBAAAC,EAACC,KAAK,eAAc,UAClB,4BAAC,OAAA,EAAI,cAAYH,GAAW,WAAWI,EAAWC,EAAO,MAAMR,CAAS,GACtE,UAAA,gBAAAK,EAAC,MAAA,EAAG,WAAWG,EAAO,MACnB,UAAAP,EAAY,IAAI,CAAAQ,MAAc;AAC7B,UAAMC,IAAsBD,EAAW,OAAOP,GACxCS,IAAc,CAACD,KAAuBN;AAE5C,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWE,EAAWC,EAAO,MAAMG,KAAeH,EAAO,SAAS;AAAA,QAClE,gBAAcE,IAAsB,SAAS;AAAA,QAE5C,UAAAC,IACC,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWG,EAAO;AAAA,YAClB,SAAS,MAAM;AACb,cAAAJ,EAAQK,EAAW,EAAE;AAAA,YACvB;AAAA,YAEC,UAAAA,EAAW;AAAA,UAAA;AAAA,QAAA,IAGd,gBAAAJ,EAAC,QAAA,EAAM,UAAAI,EAAW,MAAA,CAAM;AAAA,MAAA;AAAA,MAfrBA,EAAW;AAAA,IAAA;AAAA,EAmBtB,CAAC,EAAA,CACH,EAAA,CACF,GACF;AAEJ;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src/components/Common/UI/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport { Flex } from '../../Flex'\nimport { type BreadcrumbsProps, BreadcrumbsDefaults } from './BreadcrumbsTypes'\nimport styles from './Breadcrumbs.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function Breadcrumbs(rawProps: BreadcrumbsProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, BreadcrumbsDefaults)\n  const {\n    className,\n    breadcrumbs,\n    currentBreadcrumbId,\n    'aria-label': ariaLabel,\n    onClick,\n    isSmallContainer,\n  } = resolvedProps\n\n  const currentIndex = breadcrumbs.findIndex(b => b.id === currentBreadcrumbId)\n  const previousBreadcrumb = currentIndex > 0 ? breadcrumbs[currentIndex - 1] : null\n\n  if (isSmallContainer && previousBreadcrumb && onClick) {\n    return (\n      <Flex flexDirection=\"column\">\n        <nav aria-label={ariaLabel} className={className}>\n          <button\n            type=\"button\"\n            className={styles.smallBack}\n            onClick={() => {\n              onClick(previousBreadcrumb.id)\n            }}\n          >\n            {previousBreadcrumb.label}\n          </button>\n        </nav>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\">\n      <nav aria-label={ariaLabel} className={className}>\n        <ol className={styles.list}>\n          {breadcrumbs.map(breadcrumb => {\n            const isCurrentbreadcrumb = breadcrumb.id === currentBreadcrumbId\n            const isClickable = !isCurrentbreadcrumb && onClick\n\n            return (\n              <li\n                key={breadcrumb.id}\n                className={classnames(styles.item, isClickable && styles.clickable)}\n                aria-current={isCurrentbreadcrumb ? 'step' : false}\n              >\n                {isClickable ? (\n                  <button\n                    type=\"button\"\n                    className={styles.link}\n                    onClick={() => {\n                      onClick(breadcrumb.id)\n                    }}\n                  >\n                    {breadcrumb.label}\n                  </button>\n                ) : (\n                  <span>{breadcrumb.label}</span>\n                )}\n              </li>\n            )\n          })}\n        </ol>\n      </nav>\n    </Flex>\n  )\n}\n"],"names":["Breadcrumbs","rawProps","resolvedProps","applyMissingDefaults","BreadcrumbsDefaults","className","breadcrumbs","currentBreadcrumbId","ariaLabel","onClick","isSmallContainer","currentIndex","b","previousBreadcrumb","jsx","Flex","styles","breadcrumb","isCurrentbreadcrumb","isClickable","classnames"],"mappings":";;;;;;AAMO,SAASA,EAAYC,GAA4B;AACtD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAmB,GAClE;AAAA,IACJ,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAcC;AAAA,IACd,SAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACER,GAEES,IAAeL,EAAY,UAAU,CAAAM,MAAKA,EAAE,OAAOL,CAAmB,GACtEM,IAAqBF,IAAe,IAAIL,EAAYK,IAAe,CAAC,IAAI;AAE9E,SAAID,KAAoBG,KAAsBJ,IAE1C,gBAAAK,EAACC,KAAK,eAAc,UAClB,4BAAC,OAAA,EAAI,cAAYP,GAAW,WAAAH,GAC1B,UAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWE,EAAO;AAAA,MAClB,SAAS,MAAM;AACb,QAAAP,EAAQI,EAAmB,EAAE;AAAA,MAC/B;AAAA,MAEC,UAAAA,EAAmB;AAAA,IAAA;AAAA,EAAA,GAExB,EAAA,CACF,sBAKDE,GAAA,EAAK,eAAc,UAClB,UAAA,gBAAAD,EAAC,SAAI,cAAYN,GAAW,WAAAH,GAC1B,UAAA,gBAAAS,EAAC,QAAG,WAAWE,EAAO,MACnB,UAAAV,EAAY,IAAI,CAAAW,MAAc;AAC7B,UAAMC,IAAsBD,EAAW,OAAOV,GACxCY,IAAc,CAACD,KAAuBT;AAE5C,WACE,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWM,EAAWJ,EAAO,MAAMG,KAAeH,EAAO,SAAS;AAAA,QAClE,gBAAcE,IAAsB,SAAS;AAAA,QAE5C,UAAAC,IACC,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWE,EAAO;AAAA,YAClB,SAAS,MAAM;AACb,cAAAP,EAAQQ,EAAW,EAAE;AAAA,YACvB;AAAA,YAEC,UAAAA,EAAW;AAAA,UAAA;AAAA,QAAA,IAGd,gBAAAH,EAAC,QAAA,EAAM,UAAAG,EAAW,MAAA,CAAM;AAAA,MAAA;AAAA,MAfrBA,EAAW;AAAA,IAAA;AAAA,EAmBtB,CAAC,EAAA,CACH,EAAA,CACF,GACF;AAEJ;"}

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

@@ -1,16 +1,16 @@
-const t = "_root_czg77_2", c = "_list_czg77_5", _ = "_item_czg77_13", l = "_link_czg77_31", o = "_clickable_czg77_45", i = {
-  root: t,
-  list: c,
-  item: _,
-  link: l,
-  clickable: o
+const l = "_list_140kz_2", c = "_item_140kz_10", s = "_clickable_140kz_28", t = "_link_140kz_31", _ = "_smallBack_140kz_45", k = {
+  list: l,
+  item: c,
+  clickable: s,
+  link: t,
+  smallBack: _
 };
 export {
-  o as clickable,
-  i as default,
-  _ as item,
-  l as link,
-  c as list,
-  t as root
+  s as clickable,
+  k as default,
+  c as item,
+  t as link,
+  l as list,
+  _ as smallBack
 };
 //# sourceMappingURL=Breadcrumbs.module.scss.js.map

package/dist/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.d.ts

@@ -24,4 +24,18 @@ export interface BreadcrumbsProps {
      * Event handler for breadcrumb navigation
      */
     onClick?: (id: string) => void;
+    /**
+     * Passed to the breadcrumbs when the container size is small (640px and below)
+     * At this size, the breadcrumb typically does not have sufficient size to render
+     * completely. In our implementation, we switch to a condensed mobile version of
+     * the breadcrumbs
+     */
+    isSmallContainer?: boolean;
 }
+/**
+ * Default prop values for Breadcrumbs component.
+ */
+export declare const BreadcrumbsDefaults: {
+    readonly isSmallContainer: false;
+    readonly 'aria-label': "Breadcrumbs";
+};

package/dist/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.js

@@ -0,0 +1,8 @@
+const a = {
+  isSmallContainer: !1,
+  "aria-label": "Breadcrumbs"
+};
+export {
+  a as BreadcrumbsDefaults
+};
+//# sourceMappingURL=BreadcrumbsTypes.js.map

package/dist/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsTypes.js","sources":["../../../../../src/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface Breadcrumb {\n  id: string\n  label: ReactNode\n}\nexport interface BreadcrumbsProps {\n  /**\n   * Array of breadcrumbs\n   */\n  breadcrumbs: Breadcrumb[]\n  /**\n   * Current breadcrumb id\n   */\n  currentBreadcrumbId?: string\n  /**\n   * Accessibility label for the breadcrumbs\n   */\n  'aria-label'?: string\n  /**\n   * Additional CSS class name for the breadcrumbs container\n   */\n  className?: string\n  /**\n   * Event handler for breadcrumb navigation\n   */\n  onClick?: (id: string) => void\n  /**\n   * Passed to the breadcrumbs when the container size is small (640px and below)\n   * At this size, the breadcrumb typically does not have sufficient size to render\n   * completely. In our implementation, we switch to a condensed mobile version of\n   * the breadcrumbs\n   */\n  isSmallContainer?: boolean\n}\n\n/**\n * Default prop values for Breadcrumbs component.\n */\nexport const BreadcrumbsDefaults = {\n  isSmallContainer: false,\n  'aria-label': 'Breadcrumbs',\n} as const satisfies Partial<BreadcrumbsProps>\n"],"names":["BreadcrumbsDefaults"],"mappings":"AAuCO,MAAMA,IAAsB;AAAA,EACjC,kBAAkB;AAAA,EAClB,cAAc;AAChB;"}

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

@@ -0,0 +1,2 @@
+import { DescriptionListProps } from './DescriptionListTypes';
+export declare function DescriptionList(rawProps: DescriptionListProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { jsx as i, jsxs as d } from "react/jsx-runtime";
+import f from "classnames";
+import { DescriptionListDefaults as u } from "./DescriptionListTypes.js";
+import o from "./DescriptionList.module.scss.js";
+import { applyMissingDefaults as y } from "../../../../helpers/applyMissingDefaults.js";
+function j(n) {
+  const m = y(n, u), { items: c, className: a } = m, p = (r) => (Array.isArray(r) ? r : [r]).map((t, e) => /* @__PURE__ */ i("dt", { children: t }, e)), l = (r) => (Array.isArray(r) ? r : [r]).map((t, e) => /* @__PURE__ */ i("dd", { children: t }, e));
+  return /* @__PURE__ */ i("dl", { className: f(o.root, a), children: c.map((r, s) => /* @__PURE__ */ d("div", { className: o.item, children: [
+    p(r.term),
+    l(r.description)
+  ] }, s)) });
+}
+export {
+  j as DescriptionList
+};
+//# sourceMappingURL=DescriptionList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ReactNode } from 'react'\nimport { type DescriptionListProps, DescriptionListDefaults } from './DescriptionListTypes'\nimport styles from './DescriptionList.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function DescriptionList(rawProps: DescriptionListProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DescriptionListDefaults)\n  const { items, className } = resolvedProps\n\n  const renderTerms = (term: ReactNode | ReactNode[]) => {\n    const terms = Array.isArray(term) ? term : [term]\n    return terms.map((t, i) => <dt key={i}>{t}</dt>)\n  }\n\n  const renderDescriptions = (description: ReactNode | ReactNode[]) => {\n    const descriptions = Array.isArray(description) ? description : [description]\n    return descriptions.map((d, i) => <dd key={i}>{d}</dd>)\n  }\n\n  return (\n    <dl className={classNames(styles.root, className)}>\n      {items.map((item, index) => (\n        <div key={index} className={styles.item}>\n          {renderTerms(item.term)}\n          {renderDescriptions(item.description)}\n        </div>\n      ))}\n    </dl>\n  )\n}\n"],"names":["DescriptionList","rawProps","resolvedProps","applyMissingDefaults","DescriptionListDefaults","items","className","renderTerms","term","i","jsx","renderDescriptions","description","d","classNames","styles","item","index"],"mappings":";;;;;AAMO,SAASA,EAAgBC,GAAgC;AAC9D,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAuB,GACtE,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcJ,GAEvBK,IAAc,CAACC,OACL,MAAM,QAAQA,CAAI,IAAIA,IAAO,CAACA,CAAI,GACnC,IAAI,CAAC,GAAGC,MAAM,gBAAAC,EAAC,MAAA,EAAY,UAAA,EAAA,GAAJD,CAAM,CAAK,GAG3CE,IAAqB,CAACC,OACL,MAAM,QAAQA,CAAW,IAAIA,IAAc,CAACA,CAAW,GACxD,IAAI,CAACC,GAAGJ,MAAM,gBAAAC,EAAC,MAAA,EAAY,UAAAG,EAAA,GAAJJ,CAAM,CAAK;AAGxD,2BACG,MAAA,EAAG,WAAWK,EAAWC,EAAO,MAAMT,CAAS,GAC7C,UAAAD,EAAM,IAAI,CAACW,GAAMC,wBACf,OAAA,EAAgB,WAAWF,EAAO,MAChC,UAAA;AAAA,IAAAR,EAAYS,EAAK,IAAI;AAAA,IACrBL,EAAmBK,EAAK,WAAW;AAAA,EAAA,KAF5BC,CAGV,CACD,GACH;AAEJ;"}

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

@@ -0,0 +1,10 @@
+const t = "_root_n7k5c_1", o = "_item_n7k5c_4", e = {
+  root: t,
+  item: o
+};
+export {
+  e as default,
+  o as item,
+  t as root
+};
+//# sourceMappingURL=DescriptionList.module.scss.js.map

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

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

package/dist/components/Common/UI/DescriptionList/DescriptionListTypes.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface DescriptionListItem {
+    term: ReactNode | ReactNode[];
+    description: ReactNode | ReactNode[];
+}
+export interface DescriptionListProps {
+    items: DescriptionListItem[];
+    className?: string;
+}
+export declare const DescriptionListDefaults: {};

package/dist/components/Common/UI/DescriptionList/DescriptionListTypes.js

@@ -0,0 +1,5 @@
+const t = {};
+export {
+  t as DescriptionListDefaults
+};
+//# sourceMappingURL=DescriptionListTypes.js.map

package/dist/components/Common/UI/DescriptionList/DescriptionListTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionListTypes.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionListTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface DescriptionListItem {\n  term: ReactNode | ReactNode[]\n  description: ReactNode | ReactNode[]\n}\n\nexport interface DescriptionListProps {\n  items: DescriptionListItem[]\n  className?: string\n}\n\nexport const DescriptionListDefaults = {} as const satisfies Partial<DescriptionListProps>\n"],"names":["DescriptionListDefaults"],"mappings":"AAYO,MAAMA,IAA0B,CAAA;"}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { DescriptionList } from './DescriptionList';
+export type { DescriptionListProps, DescriptionListItem } from './DescriptionListTypes';

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

@@ -8,8 +8,8 @@ import { AssignSignatorySelection as u } from "./AssignSignatorySelection.js";
 import { SignatoryAssignmentMode as m, AssignSignatoryProvider as E } from "./useAssignSignatory.js";
 import { companyEvents as i } from "../../../shared/constants.js";
 import { Flex as C } from "../../Common/Flex/Flex.js";
-import "react-i18next";
 import "classnames";
+import "react-i18next";
 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";

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

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

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

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