@gusto/embedded-react-sdk 0.24.0 → 0.25.0

package/CHANGELOG.md

@@ -1,5 +1,85 @@
 # Changelog
 
+## 0.25.0
+
+### Features & Enhancements
+
+- Add functionality for information request form
+- Add functionality to information request list
+- Add FileInputField and adapter
+- Add FileInput component
+- Update payroll list to avoid wrapping text and improve button placement
+- Update to display payroll blockers before submitting payroll
+- Update to hide job titles in edit payroll
+- Add payroll cancellation guards
+- Add payment history view
+- Add reusable usePagination hook
+- Hide direct deposit for employees without account set up
+- Add skeleton for recovery cases
+- Add skeleton for information requests
+- Add bank account number to preview
+
+### Fixes
+
+- Remove duplicate payroll alert on calculate payroll
+- Update to show warning banner with correct dates for late payroll
+- Show immediate loading state when Calculate payroll button is clicked
+- Prevent double loading during PayrollConfiguration pagination
+- Cancel payroll from overview causing error
+- Update inputs to format currency correctly
+- Add empty state to CreatePaymentPresentation for contractors
+- Display correct amount on alert when payroll is submitted
+- Change payroll deadline notice text to read "by" instead of "on"
+- Fix pagination visibility based on totalCount
+- Align payroll breadcrumbs with design
+- Remove submission failed prefix from submission blockers
+- Update copy on cancel payroll modal
+- Fix alignment for pay stub text in table on payroll overview
+- Prevent negative numbers in input fields
+- Prevent duplicate loading state on payroll landing
+
+### Chores & Maintenance
+
+- Upgrade embedded api to 0.11.7
+- Upgrade Storybook from 8.6.15 to 10.1.11
+- Migrate from Ladle to Storybook
+- FSM cleanup
+- Bump @gusto/embedded-api from 0.11.5 to 0.11.6
+- Bump typescript-eslint from 8.53.1 to 8.54.0
+- Bump @storybook/addon-docs from 10.1.11 to 10.2.0
+- Bump @storybook/addon-onboarding from 10.1.11 to 10.2.0
+- Bump @playwright/test from 1.57.0 to 1.58.0
+- Bump globals from 16.5.0 to 17.1.0
+- Bump @storybook/react-vite from 10.1.11 to 10.2.0
+- Bump eslint-plugin-storybook from 10.1.11 to 10.2.0
+- Bump prettier from 3.7.4 to 3.8.1
+- Bump sass-embedded from 1.97.1 to 1.97.3
+- Bump lodash from 4.17.21 to 4.17.23
+- Bump @storybook/addon-a11y from 10.1.11 to 10.2.0
+- Bump i18next from 25.7.3 to 25.8.0
+- Bump vite-plugin-stylelint from 6.0.2 to 6.0.4
+- Bump @types/react from 19.2.7 to 19.2.9
+- Bump react-error-boundary from 6.0.0 to 6.1.0
+- Bump typescript-eslint from 8.51.0 to 8.54.0
+- Bump @testing-library/react from 16.3.1 to 16.3.2
+- Bump react-hook-form from 7.69.0 to 7.71.1
+- Bump react-i18next from 16.5.1 to 16.5.3
+- Bump @commitlint/cli from 20.2.0 to 20.3.1
+- Bump @commitlint/config-conventional from 20.2.0 to 20.3.1
+- Bump msw from 2.12.4 to 2.12.7
+- Bump axe-core from 4.11.0 to 4.11.1
+
+## 0.24.1
+
+### Fixes
+
+- Add DC to supported states list
+
+### Chores & Maintenance
+
+- Bump react-i18next from 16.5.0 to 16.5.1
+- Bump typescript-eslint from 8.50.1 to 8.51.0
+
 ## 0.24.0
 
 ### Features & Enhancements

package/dist/assets/icons/slash-circle.svg.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+const i = ({
+  title: t,
+  titleId: l,
+  ...r
+}) => /* @__PURE__ */ e.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_13347_1454)" }, /* @__PURE__ */ e.createElement("path", { d: "M3.28634 3.28668L12.713 12.7133M14.6663 8.00001C14.6663 11.6819 11.6816 14.6667 7.99967 14.6667C4.31778 14.6667 1.33301 11.6819 1.33301 8.00001C1.33301 4.31811 4.31778 1.33334 7.99967 1.33334C11.6816 1.33334 14.6663 4.31811 14.6663 8.00001Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_13347_1454" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white" }))));
+export {
+  i as default
+};
+//# sourceMappingURL=slash-circle.svg.js.map

package/dist/assets/icons/slash-circle.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash-circle.svg.js","sources":["../../../src/assets/icons/slash-circle.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgSlashCircle = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: \"100%\", height: \"100%\", viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_13347_1454)\" }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M3.28634 3.28668L12.713 12.7133M14.6663 8.00001C14.6663 11.6819 11.6816 14.6667 7.99967 14.6667C4.31778 14.6667 1.33301 11.6819 1.33301 8.00001C1.33301 4.31811 4.31778 1.33334 7.99967 1.33334C11.6816 1.33334 14.6663 4.31811 14.6663 8.00001Z\", stroke: \"currentColor\", strokeWidth: 1.5, strokeLinecap: \"round\", strokeLinejoin: \"round\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_13347_1454\" }, /* @__PURE__ */ React.createElement(\"rect\", { width: 16, height: 16, fill: \"white\" }))));\nexport default SvgSlashCircle;\n"],"names":["SvgSlashCircle","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAiB,CAAC;AAAA,EACtB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAsB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAG,EAAM,cAAc,SAAS,EAAE,IAAIF,KAAWD,CAAK,IAAI,MAAsB,gBAAAG,EAAM,cAAc,KAAK,EAAE,UAAU,yBAAwB,GAAoB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,oPAAoP,QAAQ,gBAAgB,aAAa,KAAK,eAAe,SAAS,gBAAgB,QAAO,CAAE,CAAC,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,MAAsB,gBAAAA,EAAM,cAAc,YAAY,EAAE,IAAI,mBAAkB,GAAoB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,OAAO,IAAI,QAAQ,IAAI,MAAM,QAAO,CAAE,CAAC,CAAC,CAAC;"}

package/dist/components/Base/Base.d.ts

@@ -27,7 +27,7 @@ export interface BaseBoundariesProps {
     children?: ReactNode;
     FallbackComponent?: (props: FallbackProps) => JSX.Element;
     LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator'];
-    onErrorBoundaryError?: (error: Error, info: ErrorInfo) => void;
+    onErrorBoundaryError?: (error: unknown, info: ErrorInfo) => void;
 }
 export declare const BaseBoundaries: ({ children, FallbackComponent, LoaderComponent: LoadingIndicatorFromProps, onErrorBoundaryError, }: BaseBoundariesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Base/Base.js.map

@@ -1 +1 @@
-{"version":3,"file":"Base.js","sources":["../../../src/components/Base/Base.tsx"],"sourcesContent":["import type { ReactNode, JSX, ErrorInfo } from 'react'\nimport { Suspense } from 'react'\nimport type { FallbackProps } from 'react-error-boundary'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { useTranslation } from 'react-i18next'\nimport { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport { QueryErrorResetBoundary } from '@tanstack/react-query'\nimport type { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject'\nimport { FadeIn } from '../Common/FadeIn/FadeIn'\nimport { BaseContext, type KnownErrors, type OnEventType } from './useBase'\nimport { useBaseSubmit } from './useBaseSubmit'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { InternalError } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { ResourceDictionary, Resources } from '@/types/Helpers'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport type { LoadingIndicatorContextProps } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport { renderErrorList } from '@/helpers/apiErrorToList'\n\nexport interface CommonComponentInterface<TResourceKey extends keyof Resources = keyof Resources> {\n  children?: ReactNode\n  className?: string\n  defaultValues?: unknown\n  dictionary?: ResourceDictionary<TResourceKey>\n}\n\n// Base component wrapper with error and suspense handling\nexport interface BaseComponentInterface<\n  TResourceKey extends keyof Resources = keyof Resources,\n> extends CommonComponentInterface<TResourceKey> {\n  FallbackComponent?: BaseBoundariesProps['FallbackComponent']\n  LoaderComponent?: BaseBoundariesProps['LoaderComponent']\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport const BaseComponent = <TResourceKey extends keyof Resources = keyof Resources>({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent: LoadingIndicatorFromProps,\n  onEvent,\n}: BaseComponentInterface<TResourceKey>) => {\n  const { error, fieldErrors, baseSubmitHandler, setError } = useBaseSubmit()\n\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n  const LoaderComponent = LoadingIndicatorFromProps ?? LoadingIndicatorFromContext\n\n  const onErrorBoundaryError = (error: Error) => {\n    onEvent(componentEvents.ERROR, error)\n  }\n\n  return (\n    <BaseContext.Provider\n      value={{\n        error,\n        fieldErrors,\n        setError,\n        onEvent,\n        baseSubmitHandler,\n        LoadingIndicator: LoaderComponent,\n      }}\n    >\n      <BaseBoundaries\n        FallbackComponent={FallbackComponent}\n        LoaderComponent={LoaderComponent}\n        onErrorBoundaryError={onErrorBoundaryError}\n      >\n        <BaseLayout error={error} fieldErrors={fieldErrors}>\n          {children}\n        </BaseLayout>\n      </BaseBoundaries>\n    </BaseContext.Provider>\n  )\n}\n\ninterface BaseLayoutProps {\n  children?: ReactNode\n  error: KnownErrors | null\n  fieldErrors: Array<EntityErrorObject> | null\n}\n\nexport const BaseLayout = ({ children, error, fieldErrors }: BaseLayoutProps) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n\n  return (\n    <FadeIn>\n      {(error || fieldErrors) && (\n        <Components.Alert label={t('status.errorEncountered')} status=\"error\">\n          {fieldErrors && <Components.UnorderedList items={renderErrorList(fieldErrors)} />}\n          {error && error instanceof APIError && <Components.Text>{error.message}</Components.Text>}\n          {error && error instanceof SDKValidationError && (\n            <Components.Text as=\"pre\">{error.pretty()}</Components.Text>\n          )}\n        </Components.Alert>\n      )}\n      {children}\n    </FadeIn>\n  )\n}\n\nexport interface BaseBoundariesProps {\n  children?: ReactNode\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n  onErrorBoundaryError?: (error: Error, info: ErrorInfo) => void\n}\n\nexport const BaseBoundaries = ({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent: LoadingIndicatorFromProps,\n  onErrorBoundaryError,\n}: BaseBoundariesProps) => {\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n  const LoaderComponent = LoadingIndicatorFromProps ?? LoadingIndicatorFromContext\n\n  return (\n    <QueryErrorResetBoundary>\n      {({ reset: resetQueries }) => (\n        <ErrorBoundary\n          FallbackComponent={FallbackComponent}\n          onReset={resetQueries}\n          onError={onErrorBoundaryError}\n        >\n          <Suspense fallback={<LoaderComponent />}>{children}</Suspense>\n        </ErrorBoundary>\n      )}\n    </QueryErrorResetBoundary>\n  )\n}\n"],"names":["BaseComponent","children","FallbackComponent","InternalError","LoadingIndicatorFromProps","onEvent","error","fieldErrors","baseSubmitHandler","setError","useBaseSubmit","LoadingIndicatorFromContext","useLoadingIndicator","LoaderComponent","onErrorBoundaryError","componentEvents","jsx","BaseContext","BaseBoundaries","BaseLayout","Components","useComponentContext","t","useTranslation","FadeIn","jsxs","renderErrorList","APIError","SDKValidationError","QueryErrorResetBoundary","resetQueries","ErrorBoundary","Suspense"],"mappings":";;;;;;;;;;;;;;;;AAoCO,MAAMA,IAAgB,CAAyD;AAAA,EACpF,UAAAC;AAAA,EACA,mBAAAC,IAAoBC;AAAA,EACpB,iBAAiBC;AAAA,EACjB,SAAAC;AACF,MAA4C;AAC1C,QAAM,EAAE,OAAAC,GAAO,aAAAC,GAAa,mBAAAC,GAAmB,UAAAC,EAAA,IAAaC,EAAA,GAEtD,EAAE,kBAAkBC,EAAA,IAAgCC,EAAA,GACpDC,IAAkBT,KAA6BO,GAE/CG,IAAuB,CAACR,MAAiB;AAC7C,IAAAD,EAAQU,EAAgB,OAAOT,CAAK;AAAA,EACtC;AAEA,SACE,gBAAAU;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,OAAAX;AAAA,QACA,aAAAC;AAAA,QACA,UAAAE;AAAA,QACA,SAAAJ;AAAA,QACA,mBAAAG;AAAA,QACA,kBAAkBK;AAAA,MAAA;AAAA,MAGpB,UAAA,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,mBAAAhB;AAAA,UACA,iBAAAW;AAAA,UACA,sBAAAC;AAAA,UAEA,UAAA,gBAAAE,EAACG,GAAA,EAAW,OAAAb,GAAc,aAAAC,GACvB,UAAAN,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GAQakB,IAAa,CAAC,EAAE,UAAAlB,GAAU,OAAAK,GAAO,aAAAC,QAAmC;AAC/E,QAAMa,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,2BACGC,GAAA,EACG,UAAA;AAAA,KAAAlB,KAASC,MACT,gBAAAkB,EAACL,EAAW,OAAX,EAAiB,OAAOE,EAAE,yBAAyB,GAAG,QAAO,SAC3D,UAAA;AAAA,MAAAf,uBAAgBa,EAAW,eAAX,EAAyB,OAAOM,EAAgBnB,CAAW,GAAG;AAAA,MAC9ED,KAASA,aAAiBqB,KAAY,gBAAAX,EAACI,EAAW,MAAX,EAAiB,YAAM,SAAQ;AAAA,MACtEd,KAASA,aAAiBsB,KACzB,gBAAAZ,EAACI,EAAW,MAAX,EAAgB,IAAG,OAAO,UAAAd,EAAM,OAAA,EAAO,CAAE;AAAA,IAAA,GAE9C;AAAA,IAEDL;AAAA,EAAA,GACH;AAEJ,GASaiB,IAAiB,CAAC;AAAA,EAC7B,UAAAjB;AAAA,EACA,mBAAAC,IAAoBC;AAAA,EACpB,iBAAiBC;AAAA,EACjB,sBAAAU;AACF,MAA2B;AACzB,QAAM,EAAE,kBAAkBH,EAAA,IAAgCC,EAAA,GACpDC,IAAkBT,KAA6BO;AAErD,2BACGkB,GAAA,EACE,UAAA,CAAC,EAAE,OAAOC,QACT,gBAAAd;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,mBAAA7B;AAAA,MACA,SAAS4B;AAAA,MACT,SAAShB;AAAA,MAET,4BAACkB,GAAA,EAAS,UAAU,gBAAAhB,EAACH,GAAA,EAAgB,GAAK,UAAAZ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAGzD;AAEJ;"}
+{"version":3,"file":"Base.js","sources":["../../../src/components/Base/Base.tsx"],"sourcesContent":["import type { ReactNode, JSX, ErrorInfo } from 'react'\nimport { Suspense } from 'react'\nimport type { FallbackProps } from 'react-error-boundary'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { useTranslation } from 'react-i18next'\nimport { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport { QueryErrorResetBoundary } from '@tanstack/react-query'\nimport type { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject'\nimport { FadeIn } from '../Common/FadeIn/FadeIn'\nimport { BaseContext, type KnownErrors, type OnEventType } from './useBase'\nimport { useBaseSubmit } from './useBaseSubmit'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { InternalError } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { ResourceDictionary, Resources } from '@/types/Helpers'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport type { LoadingIndicatorContextProps } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport { renderErrorList } from '@/helpers/apiErrorToList'\n\nexport interface CommonComponentInterface<TResourceKey extends keyof Resources = keyof Resources> {\n  children?: ReactNode\n  className?: string\n  defaultValues?: unknown\n  dictionary?: ResourceDictionary<TResourceKey>\n}\n\n// Base component wrapper with error and suspense handling\nexport interface BaseComponentInterface<\n  TResourceKey extends keyof Resources = keyof Resources,\n> extends CommonComponentInterface<TResourceKey> {\n  FallbackComponent?: BaseBoundariesProps['FallbackComponent']\n  LoaderComponent?: BaseBoundariesProps['LoaderComponent']\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport const BaseComponent = <TResourceKey extends keyof Resources = keyof Resources>({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent: LoadingIndicatorFromProps,\n  onEvent,\n}: BaseComponentInterface<TResourceKey>) => {\n  const { error, fieldErrors, baseSubmitHandler, setError } = useBaseSubmit()\n\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n  const LoaderComponent = LoadingIndicatorFromProps ?? LoadingIndicatorFromContext\n\n  const onErrorBoundaryError = (error: unknown) => {\n    onEvent(componentEvents.ERROR, error)\n  }\n\n  return (\n    <BaseContext.Provider\n      value={{\n        error,\n        fieldErrors,\n        setError,\n        onEvent,\n        baseSubmitHandler,\n        LoadingIndicator: LoaderComponent,\n      }}\n    >\n      <BaseBoundaries\n        FallbackComponent={FallbackComponent}\n        LoaderComponent={LoaderComponent}\n        onErrorBoundaryError={onErrorBoundaryError}\n      >\n        <BaseLayout error={error} fieldErrors={fieldErrors}>\n          {children}\n        </BaseLayout>\n      </BaseBoundaries>\n    </BaseContext.Provider>\n  )\n}\n\ninterface BaseLayoutProps {\n  children?: ReactNode\n  error: KnownErrors | null\n  fieldErrors: Array<EntityErrorObject> | null\n}\n\nexport const BaseLayout = ({ children, error, fieldErrors }: BaseLayoutProps) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n\n  return (\n    <FadeIn>\n      {(error || fieldErrors) && (\n        <Components.Alert label={t('status.errorEncountered')} status=\"error\">\n          {fieldErrors && <Components.UnorderedList items={renderErrorList(fieldErrors)} />}\n          {error && error instanceof APIError && <Components.Text>{error.message}</Components.Text>}\n          {error && error instanceof SDKValidationError && (\n            <Components.Text as=\"pre\">{error.pretty()}</Components.Text>\n          )}\n        </Components.Alert>\n      )}\n      {children}\n    </FadeIn>\n  )\n}\n\nexport interface BaseBoundariesProps {\n  children?: ReactNode\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n  onErrorBoundaryError?: (error: unknown, info: ErrorInfo) => void\n}\n\nexport const BaseBoundaries = ({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent: LoadingIndicatorFromProps,\n  onErrorBoundaryError,\n}: BaseBoundariesProps) => {\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n  const LoaderComponent = LoadingIndicatorFromProps ?? LoadingIndicatorFromContext\n\n  return (\n    <QueryErrorResetBoundary>\n      {({ reset: resetQueries }) => (\n        <ErrorBoundary\n          FallbackComponent={FallbackComponent}\n          onReset={resetQueries}\n          onError={onErrorBoundaryError}\n        >\n          <Suspense fallback={<LoaderComponent />}>{children}</Suspense>\n        </ErrorBoundary>\n      )}\n    </QueryErrorResetBoundary>\n  )\n}\n"],"names":["BaseComponent","children","FallbackComponent","InternalError","LoadingIndicatorFromProps","onEvent","error","fieldErrors","baseSubmitHandler","setError","useBaseSubmit","LoadingIndicatorFromContext","useLoadingIndicator","LoaderComponent","onErrorBoundaryError","componentEvents","jsx","BaseContext","BaseBoundaries","BaseLayout","Components","useComponentContext","t","useTranslation","FadeIn","jsxs","renderErrorList","APIError","SDKValidationError","QueryErrorResetBoundary","resetQueries","ErrorBoundary","Suspense"],"mappings":";;;;;;;;;;;;;;;;AAoCO,MAAMA,IAAgB,CAAyD;AAAA,EACpF,UAAAC;AAAA,EACA,mBAAAC,IAAoBC;AAAA,EACpB,iBAAiBC;AAAA,EACjB,SAAAC;AACF,MAA4C;AAC1C,QAAM,EAAE,OAAAC,GAAO,aAAAC,GAAa,mBAAAC,GAAmB,UAAAC,EAAA,IAAaC,EAAA,GAEtD,EAAE,kBAAkBC,EAAA,IAAgCC,EAAA,GACpDC,IAAkBT,KAA6BO,GAE/CG,IAAuB,CAACR,MAAmB;AAC/C,IAAAD,EAAQU,EAAgB,OAAOT,CAAK;AAAA,EACtC;AAEA,SACE,gBAAAU;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,OAAAX;AAAA,QACA,aAAAC;AAAA,QACA,UAAAE;AAAA,QACA,SAAAJ;AAAA,QACA,mBAAAG;AAAA,QACA,kBAAkBK;AAAA,MAAA;AAAA,MAGpB,UAAA,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,mBAAAhB;AAAA,UACA,iBAAAW;AAAA,UACA,sBAAAC;AAAA,UAEA,UAAA,gBAAAE,EAACG,GAAA,EAAW,OAAAb,GAAc,aAAAC,GACvB,UAAAN,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GAQakB,IAAa,CAAC,EAAE,UAAAlB,GAAU,OAAAK,GAAO,aAAAC,QAAmC;AAC/E,QAAMa,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,2BACGC,GAAA,EACG,UAAA;AAAA,KAAAlB,KAASC,MACT,gBAAAkB,EAACL,EAAW,OAAX,EAAiB,OAAOE,EAAE,yBAAyB,GAAG,QAAO,SAC3D,UAAA;AAAA,MAAAf,uBAAgBa,EAAW,eAAX,EAAyB,OAAOM,EAAgBnB,CAAW,GAAG;AAAA,MAC9ED,KAASA,aAAiBqB,KAAY,gBAAAX,EAACI,EAAW,MAAX,EAAiB,YAAM,SAAQ;AAAA,MACtEd,KAASA,aAAiBsB,KACzB,gBAAAZ,EAACI,EAAW,MAAX,EAAgB,IAAG,OAAO,UAAAd,EAAM,OAAA,EAAO,CAAE;AAAA,IAAA,GAE9C;AAAA,IAEDL;AAAA,EAAA,GACH;AAEJ,GASaiB,IAAiB,CAAC;AAAA,EAC7B,UAAAjB;AAAA,EACA,mBAAAC,IAAoBC;AAAA,EACpB,iBAAiBC;AAAA,EACjB,sBAAAU;AACF,MAA2B;AACzB,QAAM,EAAE,kBAAkBH,EAAA,IAAgCC,EAAA,GACpDC,IAAkBT,KAA6BO;AAErD,2BACGkB,GAAA,EACE,UAAA,CAAC,EAAE,OAAOC,QACT,gBAAAd;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,mBAAA7B;AAAA,MACA,SAAS4B;AAAA,MACT,SAAShB;AAAA,MAET,4BAACkB,GAAA,EAAS,UAAU,gBAAAhB,EAACH,GAAA,EAAgB,GAAK,UAAAZ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAGzD;AAEJ;"}

package/dist/components/Common/Fields/FileInputField/FileInputField.d.ts

@@ -0,0 +1,5 @@
+import { UseFieldProps } from '../hooks/useField';
+import { FileInputProps } from '../../UI/FileInput/FileInputTypes';
+export interface FileInputFieldProps extends Omit<FileInputProps, 'name' | 'value' | 'onChange' | 'isInvalid'>, UseFieldProps<File | null> {
+}
+export declare const FileInputField: React.FC<FileInputFieldProps>;

package/dist/components/Common/Fields/FileInputField/FileInputField.js

@@ -0,0 +1,34 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useField as d } from "../hooks/useField.js";
+import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const P = ({
+  rules: o,
+  defaultValue: t,
+  name: e,
+  errorMessage: n,
+  isRequired: r,
+  onChange: p,
+  transform: i,
+  description: m,
+  onBlur: s,
+  inputRef: l,
+  ...u
+}) => {
+  const f = x(), F = d({
+    name: e,
+    rules: o,
+    defaultValue: t,
+    errorMessage: n,
+    isRequired: r,
+    onChange: p,
+    transform: i,
+    description: m,
+    onBlur: s,
+    inputRef: l
+  });
+  return /* @__PURE__ */ c(f.FileInput, { ...u, ...F });
+};
+export {
+  P as FileInputField
+};
+//# sourceMappingURL=FileInputField.js.map

package/dist/components/Common/Fields/FileInputField/FileInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInputField.js","sources":["../../../../../src/components/Common/Fields/FileInputField/FileInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { FileInputProps } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface FileInputFieldProps\n  extends\n    Omit<FileInputProps, 'name' | 'value' | 'onChange' | 'isInvalid'>,\n    UseFieldProps<File | null> {}\n\nexport const FileInputField: React.FC<FileInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...fileInputProps\n}: FileInputFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.FileInput {...fileInputProps} {...fieldProps} />\n}\n"],"names":["FileInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","fileInputProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AASO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,WAAX,EAAsB,GAAGD,GAAiB,GAAGG,GAAY;AACnE;"}

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

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { FileInputField, type FileInputFieldProps } from './FileInputField';

package/dist/components/Common/PaginationControl/PaginationControl.js

@@ -1,34 +1,35 @@
 import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import { useTranslation as C } from "react-i18next";
-import { Flex as f } from "../Flex/Flex.js";
+import { useTranslation as f } from "react-i18next";
+import { Flex as h } from "../Flex/Flex.js";
 import e from "./PaginationControl.module.scss.js";
 import { useComponentContext as r } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import v from "../../../assets/icons/pagination_first.svg.js";
-import h from "../../../assets/icons/pagination_previous.svg.js";
-import x from "../../../assets/icons/pagination_next.svg.js";
-import S from "../../../assets/icons/pagination_last.svg.js";
-import { InlineSpinner as I } from "../InlineSpinner/InlineSpinner.js";
-const L = ({
+import I from "../../../assets/icons/pagination_previous.svg.js";
+import S from "../../../assets/icons/pagination_next.svg.js";
+import x from "../../../assets/icons/pagination_last.svg.js";
+import { InlineSpinner as P } from "../InlineSpinner/InlineSpinner.js";
+const N = 5, L = (i) => i === void 0 ? !0 : i === 0 ? !1 : i > N, B = ({
   currentPage: i,
-  totalPages: o,
-  isFetching: s,
-  handleFirstPage: c,
-  handlePreviousPage: m,
-  handleNextPage: p,
-  handleLastPage: d,
-  handleItemsPerPageChange: g,
-  itemsPerPage: u = 5
+  totalPages: t,
+  totalCount: s,
+  isFetching: c,
+  handleFirstPage: m,
+  handlePreviousPage: p,
+  handleNextPage: d,
+  handleLastPage: g,
+  handleItemsPerPageChange: u,
+  itemsPerPage: b = 5
 }) => {
-  const { t } = C("common"), a = r();
-  return o < 2 ? null : /* @__PURE__ */ n("section", { className: e.paginationControl, "data-testid": "pagination-control", children: /* @__PURE__ */ l(f, { justifyContent: "space-between", alignItems: "center", children: [
+  const { t: o } = f("common"), a = r();
+  return L(s) ? /* @__PURE__ */ n("section", { className: e.paginationControl, "data-testid": "pagination-control", children: /* @__PURE__ */ l(h, { justifyContent: "space-between", alignItems: "center", children: [
     /* @__PURE__ */ n("div", { className: e.paginationControlCount, children: /* @__PURE__ */ n("section", { children: /* @__PURE__ */ n(
       a.Select,
       {
-        label: t("labels.paginationControlCountLabel"),
+        label: o("labels.paginationControlCountLabel"),
         shouldVisuallyHideLabel: !0,
-        value: u.toString(),
-        onChange: (b) => {
-          g(Number(b));
+        value: b.toString(),
+        onChange: (C) => {
+          u(Number(C));
         },
         options: [
           { value: "5", label: "5" },
@@ -38,52 +39,52 @@ const L = ({
       }
     ) }) }),
     /* @__PURE__ */ l("div", { className: e.paginationControlButtons, children: [
-      s && /* @__PURE__ */ n(I, { ariaLabel: t("labels.paginationFetchingLabel") }),
+      c && /* @__PURE__ */ n(P, { ariaLabel: o("labels.paginationFetchingLabel") }),
       /* @__PURE__ */ n(
         a.ButtonIcon,
         {
-          "aria-label": t("icons.paginationFirst"),
+          "aria-label": o("icons.paginationFirst"),
           isDisabled: i === 1,
-          onClick: c,
+          onClick: m,
           children: /* @__PURE__ */ n(v, {})
         }
       ),
       /* @__PURE__ */ n(
         a.ButtonIcon,
         {
-          "aria-label": t("icons.paginationPrev"),
+          "aria-label": o("icons.paginationPrev"),
           "data-testid": "pagination-previous",
           isDisabled: i === 1,
-          onClick: m,
-          children: /* @__PURE__ */ n(h, {})
+          onClick: p,
+          children: /* @__PURE__ */ n(I, {})
         }
       ),
       /* @__PURE__ */ n(
         a.ButtonIcon,
         {
-          "aria-label": t("icons.paginationNext"),
+          "aria-label": o("icons.paginationNext"),
           "data-testid": "pagination-next",
-          isDisabled: i === o,
-          onClick: p,
-          children: /* @__PURE__ */ n(x, {})
+          isDisabled: i === t,
+          onClick: d,
+          children: /* @__PURE__ */ n(S, {})
         }
       ),
       /* @__PURE__ */ n(
         a.ButtonIcon,
         {
-          "aria-label": t("icons.paginationLast"),
-          isDisabled: i === o,
-          onClick: d,
-          children: /* @__PURE__ */ n(S, {})
+          "aria-label": o("icons.paginationLast"),
+          isDisabled: i === t,
+          onClick: g,
+          children: /* @__PURE__ */ n(x, {})
         }
       )
     ] })
-  ] }) });
-}, T = (i) => {
-  const o = r();
-  return o.PaginationControl ? /* @__PURE__ */ n(o.PaginationControl, { ...i }) : /* @__PURE__ */ n(L, { ...i });
+  ] }) }) : null;
+}, G = (i) => {
+  const t = r();
+  return t.PaginationControl ? /* @__PURE__ */ n(t.PaginationControl, { ...i }) : /* @__PURE__ */ n(B, { ...i });
 };
 export {
-  T as PaginationControl
+  G as PaginationControl
 };
 //# sourceMappingURL=PaginationControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationControl.js","sources":["../../../../src/components/Common/PaginationControl/PaginationControl.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport { InlineSpinner } from '../InlineSpinner'\nimport style from './PaginationControl.module.scss'\nimport type { PaginationControlProps, PaginationItemsPerPage } from './PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport PaginationFirstIcon from '@/assets/icons/pagination_first.svg?react'\nimport PaginationPrevIcon from '@/assets/icons/pagination_previous.svg?react'\nimport PaginationNextIcon from '@/assets/icons/pagination_next.svg?react'\nimport PaginationLastIcon from '@/assets/icons/pagination_last.svg?react'\n\nconst DefaultPaginationControl = ({\n  currentPage,\n  totalPages,\n  isFetching,\n  handleFirstPage,\n  handlePreviousPage,\n  handleNextPage,\n  handleLastPage,\n  handleItemsPerPageChange,\n  itemsPerPage = 5,\n}: PaginationControlProps) => {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n\n  if (totalPages < 2) {\n    return null\n  }\n\n  return (\n    <section className={style.paginationControl} data-testid=\"pagination-control\">\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <div className={style.paginationControlCount}>\n          <section>\n            <Components.Select\n              label={t('labels.paginationControlCountLabel')}\n              shouldVisuallyHideLabel\n              value={itemsPerPage.toString()}\n              onChange={n => {\n                handleItemsPerPageChange(Number(n) as PaginationItemsPerPage)\n              }}\n              options={[\n                { value: '5', label: '5' },\n                { value: '10', label: '10' },\n                { value: '50', label: '50' },\n              ]}\n            />\n          </section>\n        </div>\n        <div className={style.paginationControlButtons}>\n          {isFetching && <InlineSpinner ariaLabel={t('labels.paginationFetchingLabel')} />}\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationFirst')}\n            isDisabled={currentPage === 1}\n            onClick={handleFirstPage}\n          >\n            <PaginationFirstIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationPrev')}\n            data-testid=\"pagination-previous\"\n            isDisabled={currentPage === 1}\n            onClick={handlePreviousPage}\n          >\n            <PaginationPrevIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationNext')}\n            data-testid=\"pagination-next\"\n            isDisabled={currentPage === totalPages}\n            onClick={handleNextPage}\n          >\n            <PaginationNextIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationLast')}\n            isDisabled={currentPage === totalPages}\n            onClick={handleLastPage}\n          >\n            <PaginationLastIcon />\n          </Components.ButtonIcon>\n        </div>\n      </Flex>\n    </section>\n  )\n}\n\nexport const PaginationControl = (props: PaginationControlProps) => {\n  const Components = useComponentContext()\n\n  return Components.PaginationControl ? (\n    <Components.PaginationControl {...props} />\n  ) : (\n    <DefaultPaginationControl {...props} />\n  )\n}\n"],"names":["DefaultPaginationControl","currentPage","totalPages","isFetching","handleFirstPage","handlePreviousPage","handleNextPage","handleLastPage","handleItemsPerPageChange","itemsPerPage","useTranslation","Components","useComponentContext","jsx","style","jsxs","Flex","n","InlineSpinner","PaginationFirstIcon","PaginationPrevIcon","PaginationNextIcon","PaginationLastIcon","PaginationControl","props"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAA2B,CAAC;AAAA,EAChC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAA8B;AAC5B,QAAM,EAAE,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IAAaC,EAAA;AAEnB,SAAIV,IAAa,IACR,OAIP,gBAAAW,EAAC,WAAA,EAAQ,WAAWC,EAAM,mBAAmB,eAAY,sBACvD,UAAA,gBAAAC,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA;AAAA,IAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAM,wBACpB,4BAAC,WAAA,EACC,UAAA,gBAAAD;AAAA,MAACF,EAAW;AAAA,MAAX;AAAA,QACC,OAAO,EAAE,oCAAoC;AAAA,QAC7C,yBAAuB;AAAA,QACvB,OAAOF,EAAa,SAAA;AAAA,QACpB,UAAU,CAAAQ,MAAK;AACb,UAAAT,EAAyB,OAAOS,CAAC,CAA2B;AAAA,QAC9D;AAAA,QACA,SAAS;AAAA,UACP,EAAE,OAAO,KAAK,OAAO,IAAA;AAAA,UACrB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,UACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,QAAK;AAAA,MAC7B;AAAA,IAAA,GAEJ,EAAA,CACF;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAM,0BACnB,UAAA;AAAA,MAAAX,KAAc,gBAAAU,EAACK,GAAA,EAAc,WAAW,EAAE,gCAAgC,GAAG;AAAA,MAC9E,gBAAAL;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UACC,cAAY,EAAE,uBAAuB;AAAA,UACrC,YAAYV,MAAgB;AAAA,UAC5B,SAASG;AAAA,UAET,4BAACe,GAAA,CAAA,CAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEvB,gBAAAN;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UACC,cAAY,EAAE,sBAAsB;AAAA,UACpC,eAAY;AAAA,UACZ,YAAYV,MAAgB;AAAA,UAC5B,SAASI;AAAA,UAET,4BAACe,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtB,gBAAAP;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UACC,cAAY,EAAE,sBAAsB;AAAA,UACpC,eAAY;AAAA,UACZ,YAAYV,MAAgBC;AAAA,UAC5B,SAASI;AAAA,UAET,4BAACe,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtB,gBAAAR;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UACC,cAAY,EAAE,sBAAsB;AAAA,UACpC,YAAYV,MAAgBC;AAAA,UAC5B,SAASK;AAAA,UAET,4BAACe,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ,GAEaC,IAAoB,CAACC,MAAkC;AAClE,QAAMb,IAAaC,EAAA;AAEnB,SAAOD,EAAW,oBAChB,gBAAAE,EAACF,EAAW,mBAAX,EAA8B,GAAGa,EAAA,CAAO,IAEzC,gBAAAX,EAACb,GAAA,EAA0B,GAAGwB,EAAA,CAAO;AAEzC;"}
+{"version":3,"file":"PaginationControl.js","sources":["../../../../src/components/Common/PaginationControl/PaginationControl.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport { InlineSpinner } from '../InlineSpinner'\nimport style from './PaginationControl.module.scss'\nimport type { PaginationControlProps, PaginationItemsPerPage } from './PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport PaginationFirstIcon from '@/assets/icons/pagination_first.svg?react'\nimport PaginationPrevIcon from '@/assets/icons/pagination_previous.svg?react'\nimport PaginationNextIcon from '@/assets/icons/pagination_next.svg?react'\nimport PaginationLastIcon from '@/assets/icons/pagination_last.svg?react'\n\nconst MINIMUM_PAGE_SIZE = 5\n\nconst shouldShowPagination = (totalCount: number | undefined): boolean => {\n  if (totalCount === undefined) return true\n  if (totalCount === 0) return false\n  return totalCount > MINIMUM_PAGE_SIZE\n}\n\nconst DefaultPaginationControl = ({\n  currentPage,\n  totalPages,\n  totalCount,\n  isFetching,\n  handleFirstPage,\n  handlePreviousPage,\n  handleNextPage,\n  handleLastPage,\n  handleItemsPerPageChange,\n  itemsPerPage = 5,\n}: PaginationControlProps) => {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n\n  if (!shouldShowPagination(totalCount)) {\n    return null\n  }\n\n  return (\n    <section className={style.paginationControl} data-testid=\"pagination-control\">\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <div className={style.paginationControlCount}>\n          <section>\n            <Components.Select\n              label={t('labels.paginationControlCountLabel')}\n              shouldVisuallyHideLabel\n              value={itemsPerPage.toString()}\n              onChange={n => {\n                handleItemsPerPageChange(Number(n) as PaginationItemsPerPage)\n              }}\n              options={[\n                { value: '5', label: '5' },\n                { value: '10', label: '10' },\n                { value: '50', label: '50' },\n              ]}\n            />\n          </section>\n        </div>\n        <div className={style.paginationControlButtons}>\n          {isFetching && <InlineSpinner ariaLabel={t('labels.paginationFetchingLabel')} />}\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationFirst')}\n            isDisabled={currentPage === 1}\n            onClick={handleFirstPage}\n          >\n            <PaginationFirstIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationPrev')}\n            data-testid=\"pagination-previous\"\n            isDisabled={currentPage === 1}\n            onClick={handlePreviousPage}\n          >\n            <PaginationPrevIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationNext')}\n            data-testid=\"pagination-next\"\n            isDisabled={currentPage === totalPages}\n            onClick={handleNextPage}\n          >\n            <PaginationNextIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationLast')}\n            isDisabled={currentPage === totalPages}\n            onClick={handleLastPage}\n          >\n            <PaginationLastIcon />\n          </Components.ButtonIcon>\n        </div>\n      </Flex>\n    </section>\n  )\n}\n\nexport const PaginationControl = (props: PaginationControlProps) => {\n  const Components = useComponentContext()\n\n  return Components.PaginationControl ? (\n    <Components.PaginationControl {...props} />\n  ) : (\n    <DefaultPaginationControl {...props} />\n  )\n}\n"],"names":["MINIMUM_PAGE_SIZE","shouldShowPagination","totalCount","DefaultPaginationControl","currentPage","totalPages","isFetching","handleFirstPage","handlePreviousPage","handleNextPage","handleLastPage","handleItemsPerPageChange","itemsPerPage","t","useTranslation","Components","useComponentContext","jsx","style","jsxs","Flex","n","InlineSpinner","PaginationFirstIcon","PaginationPrevIcon","PaginationNextIcon","PaginationLastIcon","PaginationControl","props"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAoB,GAEpBC,IAAuB,CAACC,MACxBA,MAAe,SAAkB,KACjCA,MAAe,IAAU,KACtBA,IAAaF,GAGhBG,IAA2B,CAAC;AAAA,EAChC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAH;AAAA,EACA,YAAAI;AAAA,EACA,iBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAA8B;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IAAaC,EAAA;AAEnB,SAAKf,EAAqBC,CAAU,IAKlC,gBAAAe,EAAC,WAAA,EAAQ,WAAWC,EAAM,mBAAmB,eAAY,sBACvD,UAAA,gBAAAC,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA;AAAA,IAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAM,wBACpB,4BAAC,WAAA,EACC,UAAA,gBAAAD;AAAA,MAACF,EAAW;AAAA,MAAX;AAAA,QACC,OAAOF,EAAE,oCAAoC;AAAA,QAC7C,yBAAuB;AAAA,QACvB,OAAOD,EAAa,SAAA;AAAA,QACpB,UAAU,CAAAS,MAAK;AACb,UAAAV,EAAyB,OAAOU,CAAC,CAA2B;AAAA,QAC9D;AAAA,QACA,SAAS;AAAA,UACP,EAAE,OAAO,KAAK,OAAO,IAAA;AAAA,UACrB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,UACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,QAAK;AAAA,MAC7B;AAAA,IAAA,GAEJ,EAAA,CACF;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAM,0BACnB,UAAA;AAAA,MAAAZ,KAAc,gBAAAW,EAACK,GAAA,EAAc,WAAWT,EAAE,gCAAgC,GAAG;AAAA,MAC9E,gBAAAI;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UACC,cAAYF,EAAE,uBAAuB;AAAA,UACrC,YAAYT,MAAgB;AAAA,UAC5B,SAASG;AAAA,UAET,4BAACgB,GAAA,CAAA,CAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEvB,gBAAAN;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UACC,cAAYF,EAAE,sBAAsB;AAAA,UACpC,eAAY;AAAA,UACZ,YAAYT,MAAgB;AAAA,UAC5B,SAASI;AAAA,UAET,4BAACgB,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtB,gBAAAP;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UACC,cAAYF,EAAE,sBAAsB;AAAA,UACpC,eAAY;AAAA,UACZ,YAAYT,MAAgBC;AAAA,UAC5B,SAASI;AAAA,UAET,4BAACgB,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtB,gBAAAR;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UACC,cAAYF,EAAE,sBAAsB;AAAA,UACpC,YAAYT,MAAgBC;AAAA,UAC5B,SAASK;AAAA,UAET,4BAACgB,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,IAzDO;AA2DX,GAEaC,IAAoB,CAACC,MAAkC;AAClE,QAAMb,IAAaC,EAAA;AAEnB,SAAOD,EAAW,oBAChB,gBAAAE,EAACF,EAAW,mBAAX,EAA8B,GAAGa,EAAA,CAAO,IAEzC,gBAAAX,EAACd,GAAA,EAA0B,GAAGyB,EAAA,CAAO;AAEzC;"}

package/dist/components/Common/PaginationControl/PaginationControlTypes.d.ts

@@ -7,6 +7,7 @@ export type PaginationControlProps = {
     handleItemsPerPageChange: (n: PaginationItemsPerPage) => void;
     currentPage: number;
     totalPages: number;
+    totalCount?: number;
     itemsPerPage?: PaginationItemsPerPage;
     isFetching?: boolean;
 };

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

@@ -2,9 +2,9 @@ import { jsxs as n, Fragment as s, jsx as r } from "react/jsx-runtime";
 import "../../../shared/constants.js";
 import "classnames";
 import "react-i18next";
-import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
+import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
 import { CheckboxField as a } from "../Fields/CheckboxField/CheckboxField.js";
 function b({
   signatureLabel: e,

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

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import h from "classnames";
-import { Flex as u } from "../../Flex/Flex.js";
 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,

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

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

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

@@ -0,0 +1,151 @@
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { DropZone as G, FileTrigger as j, Button as k } from "react-aria-components";
+import E from "classnames";
+import { useTranslation as X, Trans as L } from "react-i18next";
+import { useFieldIds as O } from "../hooks/useFieldIds.js";
+import { FileInputDefaults as q } from "./FileInputTypes.js";
+import i from "./FileInput.module.scss.js";
+import { applyMissingDefaults as A } from "../../../../helpers/applyMissingDefaults.js";
+import { FieldLayout as U } from "../../FieldLayout/FieldLayout.js";
+import { ButtonIcon as V } from "../Button/ButtonIcon.js";
+import W from "../../../../assets/icons/trashcan.svg.js";
+import J from "../../../../assets/icons/icon-file-outline.svg.js";
+import { Flex as F } from "../../Flex/Flex.js";
+function K(n) {
+  return n.kind === "file";
+}
+function R(n) {
+  if (n === 0) return "0 Bytes";
+  const s = 1024, a = ["Bytes", "KB", "MB", "GB"], t = Math.floor(Math.log(n) / Math.log(s));
+  return `${parseFloat((n / Math.pow(s, t)).toFixed(0))} ${a[t]}`;
+}
+const Z = {
+  "image/jpeg": "JPG",
+  "image/jpg": "JPG",
+  "image/png": "PNG",
+  "image/gif": "GIF",
+  "image/webp": "WEBP",
+  "image/svg+xml": "SVG",
+  "application/pdf": "PDF",
+  "application/msword": "DOC",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "DOCX",
+  "application/vnd.ms-excel": "XLS",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "XLSX",
+  "text/plain": "TXT",
+  "text/csv": "CSV"
+};
+function N(n) {
+  if (!n || n.length === 0 || n.includes("*/*")) return null;
+  const s = n.map((t) => t.startsWith(".") ? t.slice(1).toUpperCase() : Z[t]).filter(Boolean);
+  return s.length === 0 ? null : [...new Set(s)].join(", ");
+}
+function le(n) {
+  const { t: s } = X("common"), a = A(n, q), {
+    label: t,
+    description: l,
+    errorMessage: h,
+    isRequired: x,
+    isInvalid: T,
+    isDisabled: c,
+    id: D,
+    value: m,
+    onChange: p,
+    onBlur: y,
+    accept: d,
+    className: B,
+    "aria-describedby": b
+  } = a, { inputId: g, errorMessageId: S, descriptionId: v, ariaDescribedBy: w } = O({
+    inputId: D,
+    errorMessage: h,
+    description: l,
+    ariaDescribedBy: b
+  }), M = (o) => {
+    const r = o?.[0] ?? null;
+    p(r);
+  }, P = async (o) => {
+    const r = o.items.find(K);
+    if (r) {
+      const I = await r.getFile();
+      p(I);
+    }
+  }, C = (o) => (d ?? ["*/*"]).some((u) => u === "*/*" ? !0 : u.startsWith(".") ? o.has("application/octet-stream") || o.has("Files") : o.has(u)) ? "copy" : "cancel", z = () => {
+    p(null);
+  };
+  return /* @__PURE__ */ e(
+    U,
+    {
+      label: t,
+      errorMessage: h,
+      isRequired: x,
+      htmlFor: g,
+      errorMessageId: S,
+      descriptionId: v,
+      className: B,
+      shouldVisuallyHideLabel: !0,
+      withErrorIcon: !1,
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: i.root,
+          "data-disabled": c || void 0,
+          "data-invalid": T || void 0,
+          children: m ? /* @__PURE__ */ e(
+            "div",
+            {
+              className: E(i.filePreview, { [i.disabled]: c }),
+              children: /* @__PURE__ */ f(F, { alignItems: "center", gap: 12, children: [
+                /* @__PURE__ */ e("div", { className: i.fileIcon, children: /* @__PURE__ */ e(J, { "aria-hidden": "true" }) }),
+                /* @__PURE__ */ e("div", { className: i.fileInfo, children: /* @__PURE__ */ f(F, { flexDirection: "column", gap: 0, children: [
+                  /* @__PURE__ */ e("span", { className: i.fileName, children: m.name }),
+                  /* @__PURE__ */ e("span", { className: i.fileSize, children: R(m.size) })
+                ] }) }),
+                /* @__PURE__ */ e(
+                  V,
+                  {
+                    "aria-label": s("fileInput.removeFile"),
+                    onClick: z,
+                    isDisabled: c,
+                    children: /* @__PURE__ */ e(W, { "aria-hidden": "true", className: i.removeButton })
+                  }
+                )
+              ] })
+            }
+          ) : /* @__PURE__ */ e(
+            G,
+            {
+              onDrop: P,
+              getDropOperation: C,
+              className: i.dropZone,
+              children: /* @__PURE__ */ e(j, { onSelect: M, acceptedFileTypes: d, children: /* @__PURE__ */ e(
+                k,
+                {
+                  id: g,
+                  isDisabled: c,
+                  "aria-describedby": w,
+                  onBlur: y,
+                  className: i.trigger,
+                  children: /* @__PURE__ */ f("span", { className: i.triggerContent, children: [
+                    /* @__PURE__ */ e("span", { className: i.triggerText, children: /* @__PURE__ */ e(
+                      L,
+                      {
+                        i18nKey: "fileInput.uploadInstructions",
+                        ns: "common",
+                        components: { clickToUpload: /* @__PURE__ */ e("span", { className: i.clickToUpload }) }
+                      }
+                    ) }),
+                    N(d) && /* @__PURE__ */ e("span", { className: i.hint, children: s("fileInput.acceptedTypes", { types: N(d) }) }),
+                    l && /* @__PURE__ */ e("span", { id: v, className: i.hint, children: l })
+                  ] })
+                }
+              ) })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  le as FileInput
+};
+//# sourceMappingURL=FileInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.js","sources":["../../../../../src/components/Common/UI/FileInput/FileInput.tsx"],"sourcesContent":["import {\n  FileTrigger,\n  Button as AriaButton,\n  DropZone,\n  type DropItem,\n  type FileDropItem,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { FileInputProps } from './FileInputTypes'\nimport { FileInputDefaults } from './FileInputTypes'\nimport styles from './FileInput.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { Flex } from '@/components/Common/Flex'\nimport { ButtonIcon } from '@/components/Common/UI/Button/ButtonIcon'\nimport TrashCanIcon from '@/assets/icons/trashcan.svg?react'\nimport FileIcon from '@/assets/icons/icon-file-outline.svg?react'\n\nfunction isFileDropItem(item: DropItem): item is FileDropItem {\n  return item.kind === 'file'\n}\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes === 0) return '0 Bytes'\n  const k = 1024\n  const sizes = ['Bytes', 'KB', 'MB', 'GB'] as const\n  const i = Math.floor(Math.log(bytes) / Math.log(k))\n  const size = parseFloat((bytes / Math.pow(k, i)).toFixed(0))\n  return `${size} ${sizes[i]}`\n}\n\nconst mimeToExtension: Record<string, string> = {\n  'image/jpeg': 'JPG',\n  'image/jpg': 'JPG',\n  'image/png': 'PNG',\n  'image/gif': 'GIF',\n  'image/webp': 'WEBP',\n  'image/svg+xml': 'SVG',\n  'application/pdf': 'PDF',\n  'application/msword': 'DOC',\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'DOCX',\n  'application/vnd.ms-excel': 'XLS',\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'XLSX',\n  'text/plain': 'TXT',\n  'text/csv': 'CSV',\n}\n\nfunction formatAcceptedTypes(accept: string[] | undefined): string | null {\n  if (!accept || accept.length === 0 || accept.includes('*/*')) return null\n\n  const extensions = accept\n    .map(type => {\n      if (type.startsWith('.')) {\n        return type.slice(1).toUpperCase()\n      }\n      return mimeToExtension[type]\n    })\n    .filter(Boolean)\n\n  if (extensions.length === 0) return null\n\n  const uniqueExtensions = [...new Set(extensions)]\n  return uniqueExtensions.join(', ')\n}\n\nexport function FileInput(rawProps: FileInputProps) {\n  const { t } = useTranslation('common')\n  const resolvedProps = applyMissingDefaults(rawProps, FileInputDefaults)\n  const {\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    onChange,\n    onBlur,\n    accept,\n    className,\n    'aria-describedby': ariaDescribedByFromProps,\n  } = resolvedProps\n\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleSelect = (files: FileList | null) => {\n    const file = files?.[0] ?? null\n    onChange(file)\n  }\n\n  const handleDrop = async (e: { items: DropItem[] }) => {\n    const fileItem = e.items.find(isFileDropItem)\n    if (fileItem) {\n      const file = await fileItem.getFile()\n      onChange(file)\n    }\n  }\n\n  const getDropOperation = (types: { has: (type: string) => boolean }) => {\n    const acceptedTypes = accept ?? ['*/*']\n    const hasAcceptedType = acceptedTypes.some(type => {\n      if (type === '*/*') return true\n      if (type.startsWith('.')) {\n        return types.has('application/octet-stream') || types.has('Files')\n      }\n      return types.has(type)\n    })\n    return hasAcceptedType ? 'copy' : 'cancel'\n  }\n\n  const handleRemove = () => {\n    onChange(null)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel\n      withErrorIcon={false}\n    >\n      <div\n        className={styles.root}\n        data-disabled={isDisabled || undefined}\n        data-invalid={isInvalid || undefined}\n      >\n        {value ? (\n          <div\n            className={classNames(styles.filePreview, { [styles.disabled as string]: isDisabled })}\n          >\n            <Flex alignItems=\"center\" gap={12}>\n              <div className={styles.fileIcon}>\n                <FileIcon aria-hidden=\"true\" />\n              </div>\n              <div className={styles.fileInfo}>\n                <Flex flexDirection=\"column\" gap={0}>\n                  <span className={styles.fileName}>{value.name}</span>\n                  <span className={styles.fileSize}>{formatFileSize(value.size)}</span>\n                </Flex>\n              </div>\n              <ButtonIcon\n                aria-label={t('fileInput.removeFile')}\n                onClick={handleRemove}\n                isDisabled={isDisabled}\n              >\n                <TrashCanIcon aria-hidden=\"true\" className={styles.removeButton} />\n              </ButtonIcon>\n            </Flex>\n          </div>\n        ) : (\n          <DropZone\n            onDrop={handleDrop}\n            getDropOperation={getDropOperation}\n            className={styles.dropZone}\n          >\n            <FileTrigger onSelect={handleSelect} acceptedFileTypes={accept}>\n              <AriaButton\n                id={inputId}\n                isDisabled={isDisabled}\n                aria-describedby={ariaDescribedBy}\n                onBlur={onBlur}\n                className={styles.trigger}\n              >\n                <span className={styles.triggerContent}>\n                  <span className={styles.triggerText}>\n                    <Trans\n                      i18nKey=\"fileInput.uploadInstructions\"\n                      ns=\"common\"\n                      components={{ clickToUpload: <span className={styles.clickToUpload} /> }}\n                    />\n                  </span>\n                  {formatAcceptedTypes(accept) && (\n                    <span className={styles.hint}>\n                      {t('fileInput.acceptedTypes', { types: formatAcceptedTypes(accept) })}\n                    </span>\n                  )}\n                  {description && (\n                    <span id={descriptionId} className={styles.hint}>\n                      {description}\n                    </span>\n                  )}\n                </span>\n              </AriaButton>\n            </FileTrigger>\n          </DropZone>\n        )}\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["isFileDropItem","item","formatFileSize","bytes","k","sizes","i","mimeToExtension","formatAcceptedTypes","accept","extensions","type","FileInput","rawProps","t","useTranslation","resolvedProps","applyMissingDefaults","FileInputDefaults","label","description","errorMessage","isRequired","isInvalid","isDisabled","id","value","onChange","onBlur","className","ariaDescribedByFromProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleSelect","files","file","handleDrop","e","fileItem","getDropOperation","types","handleRemove","jsx","FieldLayout","styles","classNames","jsxs","Flex","FileIcon","ButtonIcon","TrashCanIcon","DropZone","FileTrigger","AriaButton","Trans"],"mappings":"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"}

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

@@ -0,0 +1,34 @@
+const e = "_root_1odee_1", o = "_dropZone_1odee_5", t = "_trigger_1odee_12", _ = "_triggerContent_1odee_32", i = "_triggerText_1odee_39", n = "_clickToUpload_1odee_43", r = "_hint_1odee_48", d = "_filePreview_1odee_52", l = "_disabled_1odee_55", c = "_fileIcon_1odee_60", s = "_fileInfo_1odee_72", f = "_fileName_1odee_76", g = "_fileSize_1odee_86", a = "_removeButton_1odee_91", p = {
+  root: e,
+  dropZone: o,
+  trigger: t,
+  triggerContent: _,
+  triggerText: i,
+  clickToUpload: n,
+  hint: r,
+  filePreview: d,
+  disabled: l,
+  fileIcon: c,
+  fileInfo: s,
+  fileName: f,
+  fileSize: g,
+  removeButton: a
+};
+export {
+  n as clickToUpload,
+  p as default,
+  l as disabled,
+  o as dropZone,
+  c as fileIcon,
+  s as fileInfo,
+  f as fileName,
+  d as filePreview,
+  g as fileSize,
+  r as hint,
+  a as removeButton,
+  e as root,
+  t as trigger,
+  _ as triggerContent,
+  i as triggerText
+};
+//# sourceMappingURL=FileInput.module.scss.js.map

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

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