@commercelayer/app-elements 0.0.41 → 0.0.42

package/dist/main.d.ts

@@ -28,6 +28,7 @@ export { Legend } from './ui/atoms/Legend';
 export { Overlay } from './ui/atoms/Overlay';
 export { PageHeading } from './ui/atoms/PageHeading';
 export { Pagination } from './ui/atoms/Pagination';
+export { Progress } from './ui/atoms/Progress';
 export { RadialProgress } from './ui/atoms/RadialProgress';
 export { Skeleton } from './ui/atoms/Skeleton';
 export { SkeletonTemplate, withSkeletonTemplate } from './ui/atoms/SkeletonTemplate';
@@ -38,6 +39,7 @@ export { Tab, Tabs } from './ui/atoms/Tabs';
 export { Text } from './ui/atoms/Text';
 export { DropdownMenu, DropdownMenuDivider, DropdownMenuItem } from './ui/atoms/dropdown';
 export { Td, Th, Tr } from './ui/atoms/tables';
+export { ActionButtons } from './ui/composite/ActionButtons';
 export { CardDialog } from './ui/composite/CardDialog';
 export { ContextMenu } from './ui/composite/ContextMenu';
 export { PageError } from './ui/composite/PageError';
@@ -67,9 +69,11 @@ export { List } from './ui/lists/List';
 export { ListDetails } from './ui/lists/ListDetails';
 export { ListDetailsItem } from './ui/lists/ListDetailsItem';
 export { ListItem } from './ui/lists/ListItem';
+export { ListItemOrder } from './ui/resources/ListItemOrder';
 export { OrderSummary } from './ui/resources/OrderSummary';
 export { RelationshipSelector } from './ui/resources/RelationshipSelector';
 export { ResourceList } from './ui/resources/ResourceList';
 export { ShipmentParcels } from './ui/resources/ShipmentParcels';
 export { Table } from './ui/tables/Table';
 export { TableData } from './ui/tables/TableData';
+export { getOrderDisplayStatus, getOrderFulfillmentStatusName, getOrderPaymentStatusName, getOrderStatusName, getOrderTransactionPastTense, getOrderTriggerAttributeName } from './dictionaries/orders';

package/dist/main.js

@@ -1,94 +1,103 @@
-import { _ as r, $ as n, a0 as i, a1 as l, a2 as u, a3 as p, a4 as d, a5 as g, aw as m, a6 as S, ax as T, a7 as D, T as I, aq as c, ar as b, as as y, a8 as C, W as k, a9 as B, aa as L, ab as P, aE as v, aF as R, aG as f, aI as A, aJ as h, aK as x, aL as w, aM as F, aN as M, aO as E, aS as N, aT as O, aU as V, aV as J, ac as H, aY as G, aZ as K, a_ as Q, a$ as U, Z as W, b0 as X, ad as Y, ay as Z, ae as _, az as $, aA as j, af as q, ag as z, aW as aa, b1 as sa, aB as ea, b2 as ta, aC as oa, b3 as ra, ah as na, ai as ia, ak as la, al as ua, am as pa, an as da, b4 as ga, b5 as ma, ao as Sa, at as Ta, ap as Da, au as Ia, aD as ca, aX as ba, X as ya, av as Ca, N as ka, aP as Ba, aH as La, J as Pa, O as va, Q as Ra, aQ as fa, K as Aa, L as ha, aR as xa, M as wa, V as Fa, U as Ma, R as Ea, S as Na, Y as Oa, aj as Va } from "./main-aa47b0fe.js";
+import { _ as o, ax as n, $ as i, a0 as l, a1 as u, a2 as d, a3 as g, a4 as p, a5 as m, ay as b, a6 as S, az as T, a7 as D, T as I, ar as c, as as y, at as C, a8 as P, W as k, a9 as B, aa as L, ab as O, aG as v, aH as A, aI as f, aK as R, aL as N, aM as h, aN as x, aO as F, aP as w, aQ as M, aU as E, aV as V, aW as J, aX as H, ac as G, a_ as K, a$ as Q, b0 as U, b1 as W, b2 as X, Z as Y, b3 as Z, ad as _, aA as $, ae as j, aB as q, aC as z, af as aa, ag as ea, ah as sa, aY as ta, b4 as ra, aD as oa, b5 as na, aE as ia, b6 as la, ai as ua, aj as da, al as ga, am as pa, an as ma, ao as ba, b7 as Sa, b8 as Ta, ap as Da, au as Ia, aq as ca, av as ya, aF as Ca, aZ as Pa, X as ka, aw as Ba, N as La, aR as Oa, aJ as va, J as Aa, O as fa, Q as Ra, aS as Na, K as ha, L as xa, b9 as Fa, ba as wa, bb as Ma, bc as Ea, bd as Va, be as Ja, aT as Ha, M as Ga, V as Ka, U as Qa, R as Ua, S as Wa, Y as Xa, ak as Ya } from "./main-fdd6500d.js";
 import "react";
 import "react-dom";
 import "@commercelayer/sdk";
 export {
-  r as A,
-  n as Avatar,
-  i as AvatarLetter,
-  l as Badge,
-  u as BlockCode,
-  p as Button,
-  d as ButtonFilter,
-  g as Card,
-  m as CardDialog,
+  o as A,
+  n as ActionButtons,
+  i as Avatar,
+  l as AvatarLetter,
+  u as Badge,
+  d as BlockCode,
+  g as Button,
+  p as ButtonFilter,
+  m as Card,
+  b as CardDialog,
   S as Container,
   T as ContextMenu,
   D as CopyToClipboard,
   I as CoreSdkProvider,
   c as DropdownMenu,
-  b as DropdownMenuDivider,
-  y as DropdownMenuItem,
-  C as EmptyState,
+  y as DropdownMenuDivider,
+  C as DropdownMenuItem,
+  P as EmptyState,
   k as ErrorBoundary,
   B as Grid,
   L as Hint,
-  P as Icon,
+  O as Icon,
   v as Input,
-  R as InputCheckbox,
+  A as InputCheckbox,
   f as InputCurrency,
-  A as InputDate,
-  h as InputDateRange,
-  x as InputFeedback,
-  w as InputFile,
+  R as InputDate,
+  N as InputDateRange,
+  h as InputFeedback,
+  x as InputFile,
   F as InputJson,
-  M as InputReadonly,
-  E as InputSelect,
-  N as InputTextArea,
-  O as InputToggleBox,
-  V as InputToggleListBox,
-  J as Label,
-  H as Legend,
-  G as List,
-  K as ListDetails,
-  Q as ListDetailsItem,
-  U as ListItem,
-  W as MetaTags,
-  X as OrderSummary,
-  Y as Overlay,
-  Z as PageError,
-  _ as PageHeading,
-  $ as PageLayout,
-  j as PageSkeleton,
-  q as Pagination,
-  z as RadialProgress,
-  aa as RadioButtons,
-  sa as RelationshipSelector,
-  ea as Report,
-  ta as ResourceList,
-  oa as SearchBar,
-  ra as ShipmentParcels,
-  na as Skeleton,
-  ia as SkeletonTemplate,
-  la as Spacer,
-  ua as Stack,
-  pa as StatusDot,
-  da as Tab,
-  ga as Table,
-  ma as TableData,
-  Sa as Tabs,
-  Ta as Td,
-  Da as Text,
-  Ia as Th,
-  ca as Timeline,
-  ba as ToggleButtons,
-  ya as TokenProvider,
-  Ca as Tr,
-  ka as downloadJsonAsFile,
-  Ba as flatSelectValues,
-  La as formatCentsToCurrency,
-  Pa as formatDate,
-  va as formatDisplayName,
+  w as InputReadonly,
+  M as InputSelect,
+  E as InputTextArea,
+  V as InputToggleBox,
+  J as InputToggleListBox,
+  H as Label,
+  G as Legend,
+  K as List,
+  Q as ListDetails,
+  U as ListDetailsItem,
+  W as ListItem,
+  X as ListItemOrder,
+  Y as MetaTags,
+  Z as OrderSummary,
+  _ as Overlay,
+  $ as PageError,
+  j as PageHeading,
+  q as PageLayout,
+  z as PageSkeleton,
+  aa as Pagination,
+  ea as Progress,
+  sa as RadialProgress,
+  ta as RadioButtons,
+  ra as RelationshipSelector,
+  oa as Report,
+  na as ResourceList,
+  ia as SearchBar,
+  la as ShipmentParcels,
+  ua as Skeleton,
+  da as SkeletonTemplate,
+  ga as Spacer,
+  pa as Stack,
+  ma as StatusDot,
+  ba as Tab,
+  Sa as Table,
+  Ta as TableData,
+  Da as Tabs,
+  Ia as Td,
+  ca as Text,
+  ya as Th,
+  Ca as Timeline,
+  Pa as ToggleButtons,
+  ka as TokenProvider,
+  Ba as Tr,
+  La as downloadJsonAsFile,
+  Oa as flatSelectValues,
+  va as formatCentsToCurrency,
+  Aa as formatDate,
+  fa as formatDisplayName,
   Ra as formatResourceName,
-  fa as getDefaultValueFromFlatten,
-  Aa as getIsoDateAtDayEdge,
-  ha as getIsoDateAtDaysBefore,
-  xa as isSingleValueSelected,
-  wa as timeSeparator,
-  Fa as useCoreApi,
-  Ma as useCoreSdkProvider,
-  Ea as useDelayShow,
-  Na as useOverlayNavigation,
-  Oa as useTokenProvider,
-  Va as withSkeletonTemplate
+  Na as getDefaultValueFromFlatten,
+  ha as getIsoDateAtDayEdge,
+  xa as getIsoDateAtDaysBefore,
+  Fa as getOrderDisplayStatus,
+  wa as getOrderFulfillmentStatusName,
+  Ma as getOrderPaymentStatusName,
+  Ea as getOrderStatusName,
+  Va as getOrderTransactionPastTense,
+  Ja as getOrderTriggerAttributeName,
+  Ha as isSingleValueSelected,
+  Ga as timeSeparator,
+  Ka as useCoreApi,
+  Qa as useCoreSdkProvider,
+  Ua as useDelayShow,
+  Wa as useOverlayNavigation,
+  Xa as useTokenProvider,
+  Ya as withSkeletonTemplate
 };

package/dist/{overrides-000f7185.js → overrides-b5181bd5.js}

@@ -1,6 +1,6 @@
 import * as V from "react";
 import fe, { useLayoutEffect as yn, createContext as Et, forwardRef as Cr, useContext as Te, createElement as pe, Fragment as Ne, useRef as ue, useState as me, useMemo as Ce, useCallback as Y, Component as Ar, useEffect as En } from "react";
-import { H as yr } from "./main-aa47b0fe.js";
+import { H as yr } from "./main-fdd6500d.js";
 import { createPortal as Er } from "react-dom";
 var Ue = {}, xr = {
   get exports() {

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

@@ -0,0 +1,21 @@
+interface ProgressProps {
+    /**
+     * This attribute describes how much work the task indicated by the `progress` element requires.
+     * The `max` attribute, if present, must have a value greater than `0` and be a valid floating point number.
+     * @default 1
+     */
+    max?: number;
+    /**
+     * This attribute specifies how much of the task that has been completed.
+     * It must be a valid floating point number between `0` and `max`.
+     * If there is no `value` attribute, the progress bar is indeterminate;
+     * this indicates that an activity is ongoing with no indication of how long it is expected to take.
+     */
+    value?: number;
+    children: React.ReactNode;
+}
+declare function Progress({ max, value, children }: ProgressProps): JSX.Element;
+declare namespace Progress {
+    var displayName: string;
+}
+export { Progress };

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

@@ -1,14 +1,20 @@
 import { type ButtonVariant } from '../atoms/Button';
 import { type MouseEventHandler } from 'react';
-interface ActionButton {
-    label: string;
-    onClick: MouseEventHandler<HTMLButtonElement>;
-    variant?: ButtonVariant;
-    disabled?: boolean;
+export interface ActionButtonsProps {
+    actions: Array<{
+        label: string;
+        onClick: MouseEventHandler<HTMLButtonElement>;
+        variant?: ButtonVariant;
+        disabled?: boolean;
+    }>;
 }
 export declare const ActionButtons: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    actions: ActionButton[];
+    actions: Array<{
+        label: string;
+        onClick: MouseEventHandler<HTMLButtonElement>;
+        variant?: ButtonVariant;
+        disabled?: boolean;
+    }>;
     delayMs?: number | undefined;
     isLoading?: boolean | undefined;
 }>;
-export {};

package/dist/ui/resources/ListItemOrder.d.ts

@@ -0,0 +1,7 @@
+import type { Order } from '@commercelayer/sdk';
+export declare const ListItemOrder: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
+    order: Order;
+    tag?: "a" | "div" | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
+}>;

package/dist/ui/resources/OrderSummary.d.ts

@@ -0,0 +1,13 @@
+import type { Order } from '@commercelayer/sdk';
+declare const OrderSummary: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
+    order: Order;
+    footerActions?: {
+        label: string;
+        onClick: import("react").MouseEventHandler<HTMLButtonElement>;
+        variant?: import("../atoms/Button").ButtonVariant | undefined;
+        disabled?: boolean | undefined;
+    }[] | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
+}>;
+export { OrderSummary };

package/dist/utils/tracking.d.ts

@@ -58,9 +58,9 @@ declare const trackingDetailSchema: z.ZodObject<{
     carrier_code: z.ZodNullable<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     object: "TrackingDetail";
+    status: string | null;
     source: string | null;
     description: string | null;
-    status: string | null;
     message: string | null;
     status_detail: string | null;
     datetime: string | null;
@@ -74,9 +74,9 @@ declare const trackingDetailSchema: z.ZodObject<{
     carrier_code: string | null;
 }, {
     object: "TrackingDetail";
+    status: string | null;
     source: string | null;
     description: string | null;
-    status: string | null;
     message: string | null;
     status_detail: string | null;
     datetime: string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "0.0.41",
+  "version": "0.0.42",
   "type": "module",
   "files": [
     "dist"