@commercelayer/app-elements 3.5.5 → 4.0.1

package/dist/main.d.ts

@@ -19,7 +19,8 @@ export { CoreSdkProvider, useCoreApi, useCoreSdkProvider } from './providers/Cor
 export { createApp, type ClAppKey, type ClAppProps } from './providers/createApp';
 export { ErrorBoundary } from './providers/ErrorBoundary';
 export { GTMProvider, useTagManager } from './providers/GTMProvider';
-export { MetaTags, TokenProvider, encodeExtras, useTokenProvider, type TokenProviderAllowedApp, type TokenProviderExtras, type TokenProviderPermissionItem, type TokenProviderRoleActions, type TokenProviderRolePermissions, type TokenProviderTokenApplicationKind } from './providers/TokenProvider';
+export { i18nLocales, I18NProvider, t, Trans, useTranslation, type I18NLocale } from './providers/I18NProvider';
+export { encodeExtras, MetaTags, TokenProvider, useTokenProvider, type TokenProviderAllowedApp, type TokenProviderExtras, type TokenProviderPermissionItem, type TokenProviderRoleActions, type TokenProviderRolePermissions, type TokenProviderTokenApplicationKind } from './providers/TokenProvider';
 export { A, type AProps } from './ui/atoms/A';
 export { Alert, type AlertProps } from './ui/atoms/Alert';
 export { Avatar, type AvatarProps } from './ui/atoms/Avatar';
@@ -68,7 +69,7 @@ export { PageError, type PageErrorProps } from './ui/composite/PageError';
 export { PageLayout, type PageLayoutProps } from './ui/composite/PageLayout';
 export { PageSkeleton } from './ui/composite/PageSkeleton';
 export { Report, type ReportProps } from './ui/composite/Report';
-export { GenericPageNotFound, Routes, createRoute, createTypedRoute, type GetParams, type PageProps, type Route } from './ui/composite/Routes';
+export { createRoute, createTypedRoute, GenericPageNotFound, LoadingPage, Routes, type GetParams, type PageProps, type Route } from './ui/composite/Routes';
 export { SearchBar, type SearchBarProps } from './ui/composite/SearchBar';
 export { TableData, type TableDataProps } from './ui/composite/TableData';
 export { Timeline, type TimelineEvent, type TimelineProps } from './ui/composite/Timeline';
@@ -78,7 +79,7 @@ export { HookedForm } from './ui/forms/Form';
 export { HookedInput, Input, type HookedInputProps, type InputProps } from './ui/forms/Input';
 export { HookedInputCheckbox, InputCheckbox, type HookedInputCheckboxProps, type InputCheckboxProps } from './ui/forms/InputCheckbox';
 export { HookedInputCheckboxGroup, InputCheckboxGroup, type HookedInputCheckboxGroupProps, type InputCheckboxGroupProps } from './ui/forms/InputCheckboxGroup';
-export { HookedInputCurrency, InputCurrency, formatCentsToCurrency, type HookedInputCurrencyProps, type InputCurrencyProps } from './ui/forms/InputCurrency';
+export { formatCentsToCurrency, HookedInputCurrency, InputCurrency, type HookedInputCurrencyProps, type InputCurrencyProps } from './ui/forms/InputCurrency';
 export { InputCurrencyRange, type InputCurrencyRangeProps } from './ui/forms/InputCurrencyRange';
 export { HookedInputDate, InputDate, type HookedInputDateProps, type InputDateProps } from './ui/forms/InputDate';
 export { HookedInputDateRange, InputDateRange, type HookedInputDateRangeProps, type InputDateRangeProps } from './ui/forms/InputDateRange';
@@ -87,7 +88,7 @@ export { InputFile, type InputFileProps } from './ui/forms/InputFile';
 export { InputJson, type InputJsonProps } from './ui/forms/InputJson';
 export { HookedInputRadioGroup, InputRadioGroup, type HookedInputRadioGroupProps, type InputRadioGroupProps } from './ui/forms/InputRadioGroup';
 export { HookedInputResourceGroup, InputResourceGroup, useInputResourceGroupOverlay, type HookedInputResourceGroupProps, type InputResourceGroupProps } from './ui/forms/InputResourceGroup';
-export { HookedInputSelect, InputSelect, flatSelectValues, getDefaultValueFromFlatten, isGroupedSelectValues, isMultiValueSelected, isSingleValueSelected, type HookedInputSelectProps, type InputSelectProps, type InputSelectValue } from './ui/forms/InputSelect';
+export { flatSelectValues, getDefaultValueFromFlatten, HookedInputSelect, InputSelect, isGroupedSelectValues, isMultiValueSelected, isSingleValueSelected, type HookedInputSelectProps, type InputSelectProps, type InputSelectValue } from './ui/forms/InputSelect';
 export { HookedInputSimpleSelect, InputSimpleSelect, type HookedInputSimpleSelectProps, type InputSimpleSelectProps } from './ui/forms/InputSimpleSelect';
 export { HookedInputSpinner, InputSpinner, type HookedInputSpinnerProps, type InputSpinnerProps } from './ui/forms/InputSpinner';
 export { HookedInputSwitch, InputSwitch, type HookedInputSwitchProps, type InputSwitchProps } from './ui/forms/InputSwitch';
@@ -97,13 +98,13 @@ export { Label, type LabelProps } from './ui/forms/Label';
 export { Legend, type LegendProps } from './ui/forms/Legend';
 export { HookedMarketWithCurrencySelector, type HookedMarketWithCurrencySelectorProps } from './ui/forms/MarketWithCurrencySelector';
 export { HookedValidationApiError, HookedValidationError, setApiFormErrors, useValidationFeedback } from './ui/forms/ReactHookForm';
-export { ResourceAddress, ResourceAddressFormFields, getResourceAddressFormFieldsSchema, useResourceAddressOverlay, type ResourceAddressFormFieldsProps, type ResourceAddressProps } from './ui/resources/ResourceAddress';
+export { getResourceAddressFormFieldsSchema, ResourceAddress, ResourceAddressFormFields, useResourceAddressOverlay, type ResourceAddressFormFieldsProps, type ResourceAddressProps } from './ui/resources/ResourceAddress';
 export { ResourceDetails, type ResourceDetailsProps } from './ui/resources/ResourceDetails';
 export { ResourceLineItems, type ResourceLineItemsProps } from './ui/resources/ResourceLineItems';
 export { ResourceListItem, type ResourceListItemProps } from './ui/resources/ResourceListItem';
 export { ResourceMetadata, type ResourceMetadataProps } from './ui/resources/ResourceMetadata';
 export { ResourceOrderTimeline, type ResourceOrderTimelineProps } from './ui/resources/ResourceOrderTimeline';
-export { ResourcePaymentMethod, getPaymentMethodLogoSrc, type ResourcePaymentMethodProps } from './ui/resources/ResourcePaymentMethod';
+export { getPaymentMethodLogoSrc, ResourcePaymentMethod, type ResourcePaymentMethodProps } from './ui/resources/ResourcePaymentMethod';
 export { ResourceShipmentParcels, type ResourceShipmentParcelsProps } from './ui/resources/ResourceShipmentParcels';
 export { ResourceTags, type ResourceTagsProps } from './ui/resources/ResourceTags';
 export { useResourceFilters, type FiltersInstructions } from './ui/resources/useResourceFilters';

package/dist/main.js

@@ -1,5 +1,5 @@
 "use client";
-import { a8 as s, aO as t, a9 as o, aa as r, ab as n, ac as u, ad as i, ae as c, af as d, ag as l, aP as p, ah as b, b9 as g, ai as m, aj as S, _ as k, aQ as I, aR as T, aS as D, aT as R, ak as y, a2 as h, a3 as C, b1 as A, al as H, am as P, aU as F, ba as v, bb as f, bc as B, be as O, bg as E, bi as L, bm as N, bo as G, bt as M, bv as w, by as x, bF as V, bH as W, bJ as J, bL as U, bN as Y, bR as j, bS as q, bT as z, an as K, ao as Q, bd as X, bf as Z, bh as _, bj as $, bl as aa, bn as ea, bp as sa, bq as ta, br as oa, bs as ra, bu as na, bw as ua, bz as ia, bG as ca, bI as da, bK as la, bM as pa, bO as ba, bP as ga, bQ as ma, aV as Sa, aW as ka, aX as Ia, aY as Ta, a5 as Da, aZ as Ra, ap as ya, a_ as ha, a$ as Ca, aq as Aa, ar as Ha, as as Pa, at as Fa, b0 as va, bW as fa, bX as Ba, b_ as Oa, b$ as Ea, c0 as La, c1 as Na, c2 as Ga, c3 as Ma, c5 as wa, c6 as xa, b2 as Va, au as Wa, b5 as Ja, av as Ua, aw as Ya, ax as ja, ay as qa, aA as za, aB as Ka, aC as Qa, aD as Xa, aE as Za, aJ as _a, aF as $a, b6 as ae, aK as ee, aL as se, aG as te, aM as oe, aH as re, b7 as ne, a6 as ue, b8 as ie, aN as ce, aI as de, D as le, a1 as pe, b3 as be, b4 as ge, l as me, m as Se, C as ke, a7 as Ie, bA as Te, bk as De, p as Re, q as ye, s as he, E as Ce, F as Ae, H as He, c9 as Pe, ca as Fe, bB as ve, t as fe, v as Be, x as Oe, cb as Ee, cc as Le, cd as Ne, ce as Ge, cf as Me, J as we, K as xe, c4 as Ve, cg as We, bY as Je, G as Ue, ch as Ye, ci as je, cj as qe, L as ze, M as Ke, ck as Qe, cl as Xe, cm as Ze, P as _e, Q as $e, h as as, N as es, O as ss, k as ts, bC as os, bD as rs, bE as ns, y as us, n as is, r as cs, z as ds, bU as ls, A as ps, B as bs, S as gs, T as ms, $ as Ss, a0 as ks, U as Is, V as Ts, W as Ds, bx as Rs, X as ys, Y as hs, Z as Cs, bZ as As, c7 as Hs, c8 as Ps, a4 as Fs, u as vs, bV as fs, az as Bs } from "./main-DhEziGo0.js";
+import { ad as s, aT as t, ae as o, af as r, ag as n, ah as u, ai as i, aj as c, ak as d, al as l, aU as p, am as b, bf as g, an as m, ao as S, _ as I, aV as k, aW as T, aX as D, aY as R, ap as y, a2 as h, a3 as C, b8 as P, aq as A, ar as H, aZ as F, bg as v, bh as f, bi as B, bk as L, bm as O, bp as E, bs as N, bu as G, bz as M, bB as w, bG as x, bL as V, bN as W, bP as J, bR as U, bT as q, bX as Y, bY as j, bZ as z, as as K, a6 as Q, at as X, bj as Z, bl as _, bn as $, bq as aa, br as ea, bt as sa, bv as ta, bw as oa, bx as ra, by as na, bA as ua, bC as ia, bH as ca, bM as da, bO as la, bQ as pa, bS as ba, bU as ga, bV as ma, bW as Sa, a_ as Ia, a$ as ka, b0 as Ta, b1 as Da, b9 as Ra, ab as ya, b2 as ha, au as Ca, b3 as Pa, b4 as Aa, av as Ha, aw as Fa, ax as va, ay as fa, b5 as Ba, c1 as La, c2 as Oa, c4 as Ea, c5 as Na, c6 as Ga, c7 as Ma, c8 as wa, ca as xa, cb as Va, cc as Wa, ba as Ja, az as Ua, bb as qa, aA as Ya, aB as ja, aC as za, aD as Ka, aF as Qa, aG as Xa, aH as Za, aI as _a, aJ as $a, aO as ae, aK as ee, bc as se, aP as te, aQ as oe, aL as re, aR as ne, aM as ue, bd as ie, ac as ce, be as de, aS as le, aN as pe, a8 as be, D as ge, a1 as me, b6 as Se, b7 as Ie, l as ke, m as Te, C as De, aa as Re, bE as ye, bo as he, p as Ce, q as Pe, s as Ae, E as He, F as Fe, H as ve, cf as fe, cg as Be, bF as Le, t as Oe, v as Ee, x as Ne, ch as Ge, ci as Me, cj as we, ck as xe, cl as Ve, J as We, K as Je, c9 as Ue, cm as qe, c0 as Ye, G as je, cn as ze, co as Ke, cp as Qe, L as Xe, M as Ze, cq as _e, cr as $e, cs as as, P as es, Q as ss, h as ts, N as os, O as rs, a5 as ns, k as us, bI as is, bJ as cs, bK as ds, y as ls, n as ps, r as bs, z as gs, b_ as ms, A as Ss, a7 as Is, B as ks, S as Ts, T as Ds, $ as Rs, a0 as ys, U as hs, V as Cs, W as Ps, bD as As, X as Hs, Y as Fs, Z as vs, c3 as fs, cd as Bs, ce as Ls, a4 as Os, u as Es, a9 as Ns, b$ as Gs, aE as Ms } from "./main-CeZ9IAeS.js";
 export {
   s as A,
   t as ActionButtons,
@@ -16,24 +16,24 @@ export {
   g as CodeEditor,
   m as Container,
   S as CopyToClipboard,
-  k as CoreSdkProvider,
-  I as Dropdown,
+  I as CoreSdkProvider,
+  k as Dropdown,
   T as DropdownDivider,
   D as DropdownItem,
   R as DropdownSearch,
   y as EmptyState,
   h as ErrorBoundary,
   C as GTMProvider,
-  A as GenericPageNotFound,
-  H as Grid,
-  P as Hint,
+  P as GenericPageNotFound,
+  A as Grid,
+  H as Hint,
   F as HomePageLayout,
   v as HookedCodeEditor,
   f as HookedForm,
   B as HookedInput,
-  O as HookedInputCheckbox,
-  E as HookedInputCheckboxGroup,
-  L as HookedInputCurrency,
+  L as HookedInputCheckbox,
+  O as HookedInputCheckboxGroup,
+  E as HookedInputCurrency,
   N as HookedInputDate,
   G as HookedInputDateRange,
   M as HookedInputRadioGroup,
@@ -43,154 +43,160 @@ export {
   W as HookedInputSpinner,
   J as HookedInputSwitch,
   U as HookedInputTextArea,
-  Y as HookedInputToggleButton,
-  j as HookedMarketWithCurrencySelector,
-  q as HookedValidationApiError,
+  q as HookedInputToggleButton,
+  Y as HookedMarketWithCurrencySelector,
+  j as HookedValidationApiError,
   z as HookedValidationError,
   K as Hr,
-  Q as Icon,
-  X as Input,
-  Z as InputCheckbox,
-  _ as InputCheckboxGroup,
-  $ as InputCurrency,
-  aa as InputCurrencyRange,
-  ea as InputDate,
-  sa as InputDateRange,
-  ta as InputFeedback,
-  oa as InputFile,
-  ra as InputJson,
-  na as InputRadioGroup,
-  ua as InputResourceGroup,
-  ia as InputSelect,
-  ca as InputSimpleSelect,
-  da as InputSpinner,
-  la as InputSwitch,
-  pa as InputTextArea,
-  ba as InputToggleButton,
-  ga as Label,
-  ma as Legend,
-  Sa as List,
+  Q as I18NProvider,
+  X as Icon,
+  Z as Input,
+  _ as InputCheckbox,
+  $ as InputCheckboxGroup,
+  aa as InputCurrency,
+  ea as InputCurrencyRange,
+  sa as InputDate,
+  ta as InputDateRange,
+  oa as InputFeedback,
+  ra as InputFile,
+  na as InputJson,
+  ua as InputRadioGroup,
+  ia as InputResourceGroup,
+  ca as InputSelect,
+  da as InputSimpleSelect,
+  la as InputSpinner,
+  pa as InputSwitch,
+  ba as InputTextArea,
+  ga as InputToggleButton,
+  ma as Label,
+  Sa as Legend,
+  Ia as List,
   ka as ListDetails,
-  Ia as ListDetailsItem,
-  Ta as ListItem,
-  Da as MetaTags,
-  Ra as PageError,
-  ya as PageHeading,
-  ha as PageLayout,
-  Ca as PageSkeleton,
-  Aa as Pagination,
-  Ha as Progress,
-  Pa as RadialProgress,
-  Fa as RemoveButton,
-  va as Report,
-  fa as ResourceAddress,
-  Ba as ResourceAddressFormFields,
-  Oa as ResourceDetails,
-  Ea as ResourceLineItems,
-  La as ResourceListItem,
-  Na as ResourceMetadata,
-  Ga as ResourceOrderTimeline,
-  Ma as ResourcePaymentMethod,
-  wa as ResourceShipmentParcels,
-  xa as ResourceTags,
-  Va as Routes,
-  Wa as ScrollToTop,
-  Ja as SearchBar,
-  Ua as Section,
-  Ya as Skeleton,
-  ja as SkeletonItem,
-  qa as SkeletonTemplate,
-  za as Spacer,
-  Ka as Stack,
-  Qa as StatusDot,
-  Xa as StatusIcon,
-  Za as Steps,
-  _a as Tab,
-  $a as Table,
-  ae as TableData,
-  ee as Tabs,
-  se as Tag,
-  te as Td,
-  oe as Text,
-  re as Th,
-  ne as Timeline,
-  ue as TokenProvider,
-  ie as Toolbar,
-  ce as Tooltip,
-  de as Tr,
-  le as computeFullname,
-  pe as createApp,
-  be as createRoute,
-  ge as createTypedRoute,
-  me as currencies,
-  Se as currencyInputSelectOptions,
-  ke as downloadJsonAsFile,
-  Ie as encodeExtras,
-  Te as flatSelectValues,
-  De as formatCentsToCurrency,
-  Re as formatDate,
-  ye as formatDateRange,
-  he as formatDateWithPredicate,
-  Ce as formatDisplayName,
-  Ae as formatResourceName,
-  He as getAvatarSrcFromRate,
-  Pe as getCustomerDisplayStatus,
-  Fe as getCustomerStatusName,
-  ve as getDefaultValueFromFlatten,
-  fe as getEventDateInfo,
-  Be as getIsoDateAtDayEdge,
-  Oe as getIsoDateAtDaysBefore,
-  Ee as getOrderDisplayStatus,
-  Le as getOrderFulfillmentStatusName,
-  Ne as getOrderPaymentStatusName,
-  Ge as getOrderStatusName,
-  Me as getOrderTransactionName,
-  we as getParcelTrackingDetail,
-  xe as getParcelTrackingDetails,
-  Ve as getPaymentMethodLogoSrc,
-  We as getPromotionDisplayStatus,
-  Je as getResourceAddressFormFieldsSchema,
-  Ue as getResourceEndpoint,
-  Ye as getReturnDisplayStatus,
-  je as getReturnStatusName,
-  qe as getShipmentDisplayStatus,
-  ze as getShipmentRate,
-  Ke as getShipmentRates,
-  Qe as getShipmentStatusName,
-  Xe as getStockTransferDisplayStatus,
-  Ze as getStockTransferStatusName,
-  _e as getUnitOfWeightName,
-  $e as getUnitsOfWeightForSelect,
-  as as goBack,
-  es as hasBeenPurchased,
-  ss as hasSingleTracking,
-  ts as isAttachmentValidNote,
-  os as isGroupedSelectValues,
-  rs as isMultiValueSelected,
-  ns as isSingleValueSelected,
-  us as makeDateYearsRange,
-  is as navigateTo,
-  cs as referenceOrigins,
-  ds as removeMillisecondsFromIsoDate,
-  ls as setApiFormErrors,
-  ps as sortAndGroupByDate,
-  bs as timeSeparator,
-  gs as useAppLinking,
-  ms as useClickAway,
-  Ss as useCoreApi,
-  ks as useCoreSdkProvider,
-  Is as useDelayShow,
-  Ts as useEditMetadataOverlay,
-  Ds as useEditTagsOverlay,
-  Rs as useInputResourceGroupOverlay,
-  ys as useIsChanged,
-  hs as useOnBlurFromContainer,
-  Cs as useOverlay,
-  As as useResourceAddressOverlay,
-  Hs as useResourceFilters,
-  Ps as useResourceList,
-  Fs as useTagManager,
-  vs as useTokenProvider,
-  fs as useValidationFeedback,
-  Bs as withSkeletonTemplate
+  Ta as ListDetailsItem,
+  Da as ListItem,
+  Ra as LoadingPage,
+  ya as MetaTags,
+  ha as PageError,
+  Ca as PageHeading,
+  Pa as PageLayout,
+  Aa as PageSkeleton,
+  Ha as Pagination,
+  Fa as Progress,
+  va as RadialProgress,
+  fa as RemoveButton,
+  Ba as Report,
+  La as ResourceAddress,
+  Oa as ResourceAddressFormFields,
+  Ea as ResourceDetails,
+  Na as ResourceLineItems,
+  Ga as ResourceListItem,
+  Ma as ResourceMetadata,
+  wa as ResourceOrderTimeline,
+  xa as ResourcePaymentMethod,
+  Va as ResourceShipmentParcels,
+  Wa as ResourceTags,
+  Ja as Routes,
+  Ua as ScrollToTop,
+  qa as SearchBar,
+  Ya as Section,
+  ja as Skeleton,
+  za as SkeletonItem,
+  Ka as SkeletonTemplate,
+  Qa as Spacer,
+  Xa as Stack,
+  Za as StatusDot,
+  _a as StatusIcon,
+  $a as Steps,
+  ae as Tab,
+  ee as Table,
+  se as TableData,
+  te as Tabs,
+  oe as Tag,
+  re as Td,
+  ne as Text,
+  ue as Th,
+  ie as Timeline,
+  ce as TokenProvider,
+  de as Toolbar,
+  le as Tooltip,
+  pe as Tr,
+  be as Trans,
+  ge as computeFullname,
+  me as createApp,
+  Se as createRoute,
+  Ie as createTypedRoute,
+  ke as currencies,
+  Te as currencyInputSelectOptions,
+  De as downloadJsonAsFile,
+  Re as encodeExtras,
+  ye as flatSelectValues,
+  he as formatCentsToCurrency,
+  Ce as formatDate,
+  Pe as formatDateRange,
+  Ae as formatDateWithPredicate,
+  He as formatDisplayName,
+  Fe as formatResourceName,
+  ve as getAvatarSrcFromRate,
+  fe as getCustomerDisplayStatus,
+  Be as getCustomerStatusName,
+  Le as getDefaultValueFromFlatten,
+  Oe as getEventDateInfo,
+  Ee as getIsoDateAtDayEdge,
+  Ne as getIsoDateAtDaysBefore,
+  Ge as getOrderDisplayStatus,
+  Me as getOrderFulfillmentStatusName,
+  we as getOrderPaymentStatusName,
+  xe as getOrderStatusName,
+  Ve as getOrderTransactionName,
+  We as getParcelTrackingDetail,
+  Je as getParcelTrackingDetails,
+  Ue as getPaymentMethodLogoSrc,
+  qe as getPromotionDisplayStatus,
+  Ye as getResourceAddressFormFieldsSchema,
+  je as getResourceEndpoint,
+  ze as getReturnDisplayStatus,
+  Ke as getReturnStatusName,
+  Qe as getShipmentDisplayStatus,
+  Xe as getShipmentRate,
+  Ze as getShipmentRates,
+  _e as getShipmentStatusName,
+  $e as getStockTransferDisplayStatus,
+  as as getStockTransferStatusName,
+  es as getUnitOfWeightName,
+  ss as getUnitsOfWeightForSelect,
+  ts as goBack,
+  os as hasBeenPurchased,
+  rs as hasSingleTracking,
+  ns as i18nLocales,
+  us as isAttachmentValidNote,
+  is as isGroupedSelectValues,
+  cs as isMultiValueSelected,
+  ds as isSingleValueSelected,
+  ls as makeDateYearsRange,
+  ps as navigateTo,
+  bs as referenceOrigins,
+  gs as removeMillisecondsFromIsoDate,
+  ms as setApiFormErrors,
+  Ss as sortAndGroupByDate,
+  Is as t,
+  ks as timeSeparator,
+  Ts as useAppLinking,
+  Ds as useClickAway,
+  Rs as useCoreApi,
+  ys as useCoreSdkProvider,
+  hs as useDelayShow,
+  Cs as useEditMetadataOverlay,
+  Ps as useEditTagsOverlay,
+  As as useInputResourceGroupOverlay,
+  Hs as useIsChanged,
+  Fs as useOnBlurFromContainer,
+  vs as useOverlay,
+  fs as useResourceAddressOverlay,
+  Bs as useResourceFilters,
+  Ls as useResourceList,
+  Os as useTagManager,
+  Es as useTokenProvider,
+  Ns as useTranslation,
+  Gs as useValidationFeedback,
+  Ms as withSkeletonTemplate
 };

package/dist/providers/I18NProvider.d.ts

@@ -0,0 +1,23 @@
+import { default as React, ReactNode } from 'react';
+import { default as en } from '../locales/en';
+export { t } from 'i18next';
+export { Trans, useTranslation } from 'react-i18next';
+export declare const i18nLocales: readonly ["en-US", "it-IT"];
+export type I18NLocale = (typeof i18nLocales)[number];
+declare module 'i18next' {
+    interface CustomTypeOptions {
+        defaultNS: 'translation';
+        resources: {
+            translation: typeof en;
+        };
+    }
+}
+interface I18NProviderProps {
+    /** Optional locale to use for i18n translations that will override the locale set in the user's token. */
+    enforcedLocaleCode?: I18NLocale;
+    /**
+     * The children to render.
+     */
+    children: ReactNode;
+}
+export declare const I18NProvider: React.FC<I18NProviderProps>;

package/dist/providers/TokenProvider/types.d.ts

@@ -125,6 +125,7 @@ export interface TokenProviderAuthUser {
     displayName: string;
     fullName: string;
     timezone: string;
+    locale: 'en-US' | 'it-IT';
 }
 export interface TokenProviderExtras {
     /** List of sales channel to be used inside the app. */

package/dist/ui/atoms/Card.d.ts

@@ -39,7 +39,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
     autoFocus?: boolean | undefined | undefined;
     className?: string | undefined | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -80,6 +80,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    children?: import('react').ReactNode | Iterable<import('react').ReactNode>;
     'data-tooltip-id'?: string | undefined;
     'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
     'data-tooltip-content'?: string | null | undefined;
@@ -147,7 +148,6 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
-    children?: import('react').ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -332,7 +332,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
     autoFocus?: boolean | undefined | undefined;
     className?: string | undefined | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -373,6 +373,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    children?: import('react').ReactNode | Iterable<import('react').ReactNode>;
     'data-tooltip-id'?: string | undefined;
     'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
     'data-tooltip-content'?: string | null | undefined;
@@ -440,7 +441,6 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
-    children?: import('react').ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;

package/dist/ui/composite/Dropdown/DropdownItem.d.ts

@@ -27,7 +27,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
     autoFocus?: boolean | undefined | undefined;
     className?: string | undefined | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -68,6 +68,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    children?: import('react').ReactNode | Iterable<import('react').ReactNode>;
     'data-tooltip-id'?: string | undefined;
     'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
     'data-tooltip-content'?: string | null | undefined;
@@ -135,7 +136,6 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
-    children?: import('react').ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -315,7 +315,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
     autoFocus?: boolean | undefined | undefined;
     className?: string | undefined | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -356,6 +356,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    children?: import('react').ReactNode | Iterable<import('react').ReactNode>;
     'data-tooltip-id'?: string | undefined;
     'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
     'data-tooltip-content'?: string | null | undefined;
@@ -423,7 +424,6 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
-    children?: import('react').ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;

package/dist/ui/composite/Routes/Routes.d.ts

@@ -46,6 +46,9 @@ export declare function Routes<T extends Record<string, {
         };
     };
 }): JSX.Element;
+export declare function LoadingPage({ overlay }: {
+    overlay?: boolean;
+}): JSX.Element;
 /**
  * This component can be used as error component when the resource is not found by passing the resource type.
  * When empty it will render a generic page not found message.

package/dist/ui/composite/Routes/index.d.ts

@@ -1,2 +1,2 @@
-export { GenericPageNotFound, Routes, type PageProps } from './Routes';
+export { GenericPageNotFound, LoadingPage, Routes, type PageProps } from './Routes';
 export { createRoute, createTypedRoute, type GetParams, type Route } from './utils';

package/dist/ui/resources/ResourceAddress/ResourceAddressFormFields.d.ts

@@ -15,11 +15,11 @@ export declare const getResourceAddressFormFieldsSchema: ({ requiresBillingInfo
     billing_info: z.ZodString | z.ZodOptional<z.ZodNullable<z.ZodString>>;
     notes: z.ZodOptional<z.ZodNullable<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
-    city: string;
-    country_code: string;
     business: boolean | null;
     line_1: string;
+    city: string;
     state_code: string;
+    country_code: string;
     phone: string;
     first_name?: string | null | undefined;
     last_name?: string | null | undefined;
@@ -29,10 +29,10 @@ export declare const getResourceAddressFormFieldsSchema: ({ requiresBillingInfo
     notes?: string | null | undefined;
     billing_info?: string | null | undefined;
 }, {
-    city: string;
-    country_code: string;
     line_1: string;
+    city: string;
     state_code: string;
+    country_code: string;
     phone: string;
     business?: boolean | null | undefined;
     first_name?: string | null | undefined;
@@ -43,11 +43,11 @@ export declare const getResourceAddressFormFieldsSchema: ({ requiresBillingInfo
     notes?: string | null | undefined;
     billing_info?: string | null | undefined;
 }>, {
-    city: string;
-    country_code: string;
     business: boolean | null;
     line_1: string;
+    city: string;
     state_code: string;
+    country_code: string;
     phone: string;
     first_name?: string | null | undefined;
     last_name?: string | null | undefined;
@@ -57,10 +57,10 @@ export declare const getResourceAddressFormFieldsSchema: ({ requiresBillingInfo
     notes?: string | null | undefined;
     billing_info?: string | null | undefined;
 }, {
-    city: string;
-    country_code: string;
     line_1: string;
+    city: string;
     state_code: string;
+    country_code: string;
     phone: string;
     business?: boolean | null | undefined;
     first_name?: string | null | undefined;

package/dist/ui/resources/ResourceListItem/types.d.ts

@@ -1,6 +1,7 @@
 import { TokenProviderAuthUser } from '../../../providers/TokenProvider/types';
 import { ListItemProps } from '../../composite/ListItem';
 import { BuyXPayYPromotion, Customer, ExternalPromotion, FixedAmountPromotion, FixedPricePromotion, FlexPromotion, FreeGiftPromotion, FreeShippingPromotion, Order, PercentageDiscountPromotion, Return, Shipment, SkuListItem, StockTransfer } from '@commercelayer/sdk';
+import { t } from 'i18next';
 export type ResourceListItemType = Order | Return | Customer | StockTransfer | SkuListItem | Shipment | BuyXPayYPromotion | ExternalPromotion | FixedAmountPromotion | FixedPricePromotion | FreeGiftPromotion | FreeShippingPromotion | PercentageDiscountPromotion | FlexPromotion;
 export interface ResourceListItemComponentProps {
     name: React.ReactNode;
@@ -13,4 +14,5 @@ export interface ResourceListItemComponentProps {
 export type ResourceToProps<Resource> = (options: {
     resource: Resource;
     user: TokenProviderAuthUser | null;
+    t: typeof t;
 }) => ResourceListItemComponentProps;