@commercelayer/app-elements 1.5.1 → 1.6.1

package/dist/main.d.ts

@@ -93,4 +93,5 @@ export { ResourceTags, type ResourceTagsProps } from './ui/resources/ResourceTag
 export { useResourceFilters, type FiltersInstructions } from './ui/resources/useResourceFilters';
 export { getCustomerDisplayStatus, getCustomerStatusName } from './dictionaries/customers';
 export { getOrderDisplayStatus, getOrderFulfillmentStatusName, getOrderPaymentStatusName, getOrderStatusName, getOrderTransactionPastTense, getOrderTriggerAttributeName } from './dictionaries/orders';
-export { getReturnDisplayStatus, getReturnStatusName, getReturnTriggerAttributeName } from './dictionaries/returns';
+export { getReturnDisplayStatus, getReturnStatusName } from './dictionaries/returns';
+export { getStockTransferDisplayStatus, getStockTransferStatusName } from './dictionaries/stockTransfers';

package/dist/main.js

@@ -1,4 +1,4 @@
-import { aq as i, a_ as b, ar as p, as as c, at as l, au as d, av as g, aw as m, ax as S, a$ as I, ay as k, az as T, ah as D, b0 as R, b1 as C, b2 as y, aA as A, ak as H, al as h, aB as P, aC as F, be as B, bf as f, bh as v, bj as L, bl as O, bp as G, br as N, bw as V, bz as w, bB as x, bI as E, bK as M, bM as J, bP as U, bT as W, bU as Y, aD as Z, aE as $, bg as j, bi as q, bk as z, bm as K, bo as Q, bq as X, bs as _, bt as aa, bu as ea, bv as sa, bx as ta, by as ra, bA as oa, bC as na, bJ as ua, bL as ia, bN as ba, bO as pa, bQ as ca, bR as la, bS as da, b3 as ga, b4 as ma, b5 as Sa, b6 as Ia, an as ka, b7 as Ta, aF as Da, b8 as Ra, b9 as Ca, aG as ya, aH as Aa, aI as Ha, ba as ha, bX as Pa, bY as Fa, bZ as Ba, b_ as fa, b$ as va, c0 as La, c1 as Oa, c2 as Ga, c3 as Na, bb as Va, aJ as wa, aK as xa, aL as Ea, aM as Ma, aO as Ja, aP as Ua, aQ as Wa, aR as Ya, aW as Za, aS as $a, bc as ja, aX as qa, aY as za, aT as Ka, aZ as Qa, aU as Xa, bd as _a, ao as ae, aV as ee, a2 as se, a1 as te, bD as re, bn as oe, W as ne, a3 as ue, a4 as ie, a5 as be, c5 as pe, c6 as ce, bE as le, Y as de, Z as ge, c7 as me, c8 as Se, c9 as Ie, ca as ke, cb as Te, cc as De, a6 as Re, a7 as Ce, cd as ye, ce as Ae, cf as He, a8 as he, a9 as Pe, S as Fe, aa as Be, ab as fe, U as ve, bF as Le, bG as Oe, bH as Ge, T as Ne, V as Ve, bV as we, $ as xe, a0 as Ee, ac as Me, ai as Je, aj as Ue, ad as We, ae as Ye, af as Ze, ag as $e, c4 as je, am as qe, ap as ze, bW as Ke, aN as Qe } from "./main-e00db212.js";
+import { aq as i, a_ as b, ar as p, as as c, at as l, au as d, av as g, aw as m, ax as S, a$ as I, ay as k, az as T, ah as D, b0 as R, b1 as y, b2 as C, aA as H, ak as h, al as A, aB as P, aC as F, be as f, bf as B, bh as v, bj as L, bl as O, bp as G, br as N, bw as V, bz as w, bB as x, bI as E, bK as M, bM as J, bP as U, bT as W, bU as Y, aD as Z, aE as $, bg as j, bi as q, bk as z, bm as K, bo as Q, bq as X, bs as _, bt as aa, bu as ea, bv as sa, bx as ta, by as ra, bA as oa, bC as na, bJ as ua, bL as ia, bN as ba, bO as pa, bQ as ca, bR as la, bS as da, b3 as ga, b4 as ma, b5 as Sa, b6 as Ia, an as ka, b7 as Ta, aF as Da, b8 as Ra, b9 as ya, aG as Ca, aH as Ha, aI as ha, ba as Aa, bX as Pa, bY as Fa, bZ as fa, b_ as Ba, b$ as va, c0 as La, c1 as Oa, c2 as Ga, c3 as Na, bb as Va, aJ as wa, aK as xa, aL as Ea, aM as Ma, aO as Ja, aP as Ua, aQ as Wa, aR as Ya, aW as Za, aS as $a, bc as ja, aX as qa, aY as za, aT as Ka, aZ as Qa, aU as Xa, bd as _a, ao as ae, aV as ee, a2 as se, a1 as te, bD as re, bn as oe, W as ne, a3 as ue, a4 as ie, a5 as be, c5 as pe, c6 as ce, bE as le, Y as de, Z as ge, c7 as me, c8 as Se, c9 as Ie, ca as ke, cb as Te, cc as De, a6 as Re, a7 as ye, cd as Ce, ce as He, a8 as he, a9 as Ae, cf as Pe, cg as Fe, S as fe, aa as Be, ab as ve, U as Le, bF as Oe, bG as Ge, bH as Ne, T as Ve, V as we, bV as xe, $ as Ee, a0 as Me, ac as Je, ai as Ue, aj as We, ad as Ye, ae as Ze, af as $e, ag as je, c4 as qe, am as ze, ap as Ke, bW as Qe, aN as Xe } from "./main-843e8b0f.js";
 import "react";
 import "react-dom";
 import "@commercelayer/sdk";
@@ -20,15 +20,15 @@ export {
   T as CopyToClipboard,
   D as CoreSdkProvider,
   R as Dropdown,
-  C as DropdownDivider,
-  y as DropdownItem,
-  A as EmptyState,
-  H as ErrorBoundary,
-  h as GTMProvider,
+  y as DropdownDivider,
+  C as DropdownItem,
+  H as EmptyState,
+  h as ErrorBoundary,
+  A as GTMProvider,
   P as Grid,
   F as Hint,
-  B as HookedForm,
-  f as HookedInput,
+  f as HookedForm,
+  B as HookedInput,
   v as HookedInputCheckbox,
   L as HookedInputCheckboxGroup,
   O as HookedInputCurrency,
@@ -74,15 +74,15 @@ export {
   Ta as PageError,
   Da as PageHeading,
   Ra as PageLayout,
-  Ca as PageSkeleton,
-  ya as Pagination,
-  Aa as Progress,
-  Ha as RadialProgress,
-  ha as Report,
+  ya as PageSkeleton,
+  Ca as Pagination,
+  Ha as Progress,
+  ha as RadialProgress,
+  Aa as Report,
   Pa as ResourceAddress,
   Fa as ResourceLineItems,
-  Ba as ResourceList,
-  fa as ResourceListItem,
+  fa as ResourceList,
+  Ba as ResourceListItem,
   va as ResourceMetadata,
   La as ResourceOrderSummary,
   Oa as ResourceOrderTimeline,
@@ -128,34 +128,35 @@ export {
   Te as getOrderTransactionPastTense,
   De as getOrderTriggerAttributeName,
   Re as getParcelTrackingDetail,
-  Ce as getParcelTrackingDetails,
-  ye as getReturnDisplayStatus,
-  Ae as getReturnStatusName,
-  He as getReturnTriggerAttributeName,
+  ye as getParcelTrackingDetails,
+  Ce as getReturnDisplayStatus,
+  He as getReturnStatusName,
   he as getShipmentRate,
-  Pe as getShipmentRates,
-  Fe as goBack,
+  Ae as getShipmentRates,
+  Pe as getStockTransferDisplayStatus,
+  Fe as getStockTransferStatusName,
+  fe as goBack,
   Be as hasBeenPurchased,
-  fe as hasSingleTracking,
-  ve as isAttachmentValidNote,
-  Le as isGroupedSelectValues,
-  Oe as isMultiValueSelected,
-  Ge as isSingleValueSelected,
-  Ne as navigateTo,
-  Ve as referenceOrigins,
-  we as setApiFormErrors,
-  xe as sortAndGroupByDate,
-  Ee as timeSeparator,
-  Me as useClickAway,
-  Je as useCoreApi,
-  Ue as useCoreSdkProvider,
-  We as useDelayShow,
-  Ye as useIsChanged,
-  Ze as useOnBlurFromContainer,
-  $e as useOverlay,
-  je as useResourceFilters,
-  qe as useTagManager,
-  ze as useTokenProvider,
-  Ke as useValidationFeedback,
-  Qe as withSkeletonTemplate
+  ve as hasSingleTracking,
+  Le as isAttachmentValidNote,
+  Oe as isGroupedSelectValues,
+  Ge as isMultiValueSelected,
+  Ne as isSingleValueSelected,
+  Ve as navigateTo,
+  we as referenceOrigins,
+  xe as setApiFormErrors,
+  Ee as sortAndGroupByDate,
+  Me as timeSeparator,
+  Je as useClickAway,
+  Ue as useCoreApi,
+  We as useCoreSdkProvider,
+  Ye as useDelayShow,
+  Ze as useIsChanged,
+  $e as useOnBlurFromContainer,
+  je as useOverlay,
+  qe as useResourceFilters,
+  ze as useTagManager,
+  Ke as useTokenProvider,
+  Qe as useValidationFeedback,
+  Xe as withSkeletonTemplate
 };

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

@@ -14,11 +14,22 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
      * Footer will render in a dedicated section below the main content.
      */
     footer?: React.ReactNode;
+    /**
+     * Set the overflow behavior. In most of the cases you might want to keep overflow visible,
+     * but when you have inner content with hover effects you might want to set overflow to hidden.
+     */
+    overflow: 'visible' | 'hidden';
+    /**
+     * Set a gray background color
+     */
+    backgroundColor?: 'light';
 }
 /** Card is a flexible component used to group and display content in a clear and concise format. */
 export declare const Card: import("./SkeletonTemplate").SkeletonTemplateComponent<{
     gap?: "1" | "4" | "6" | undefined;
     footer?: React.ReactNode;
+    overflow: 'visible' | 'hidden';
+    backgroundColor?: "light" | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;

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

@@ -1,5 +1,11 @@
 /// <reference types="react" />
-export type HrProps = Omit<React.HTMLProps<HTMLHRElement>, 'children'>;
+export type HrProps = Omit<React.HTMLProps<HTMLHRElement>, 'children'> & {
+    /**
+     * The variant of the horizontal rule.
+     * @default solid
+     */
+    variant?: 'solid' | 'dashed';
+};
 /**
  * This component wraps an [`<hr>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr) HTML element.
  * <span type='info'>All the props are directly sent to the horizontal rule element.</span>

package/dist/ui/forms/InputCheckbox/HookedInputCheckbox.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputCheckboxProps } from './InputCheckbox';
-export interface HookedInputCheckboxProps extends InputCheckboxProps {
+export interface HookedInputCheckboxProps extends Omit<InputCheckboxProps, 'onChange' | 'checked' | 'feedback' | 'defaultValue' | 'defaultChecked'> {
     /**
      * field name to match hook-form state
      */

package/dist/ui/resources/ResourceLineItems/ResourceLineItems.mocks.d.ts

@@ -13,6 +13,9 @@ export declare const presetLineItems: {
         formatted_total_amount: string;
         total_amount_float: number;
         tax_amount_float: number;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
     };
     oneLine_2: {
         type: "line_items";
@@ -28,6 +31,9 @@ export declare const presetLineItems: {
         formatted_unit_amount: string;
         total_amount_float: number;
         tax_amount_float: number;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
     };
     twoLines: {
         type: "line_items";
@@ -43,6 +49,9 @@ export declare const presetLineItems: {
         formatted_unit_amount: string;
         total_amount_float: number;
         tax_amount_float: number;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
     };
     withOptions: {
         type: "line_items";
@@ -58,6 +67,9 @@ export declare const presetLineItems: {
         formatted_unit_amount: string;
         total_amount_float: number;
         tax_amount_float: number;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
         line_item_options: ({
             id: string;
             type: "line_item_options";
@@ -165,6 +177,9 @@ export declare const presetLineItems: {
         formatted_total_amount: string;
         tax_amount_cents: number;
         tax_amount_float: number;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
         name: string;
         image_url: string;
         created_at: string;
@@ -253,6 +268,9 @@ export declare const presetLineItems: {
         formatted_total_amount: string;
         tax_amount_cents: number;
         tax_amount_float: number;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
         formatted_tax_amount: string;
         name: string;
         image_url: string;
@@ -289,6 +307,9 @@ export declare const presetLineItems: {
         tax_amount_cents: number;
         tax_amount_float: number;
         formatted_tax_amount: string;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
         name: string;
         image_url: null;
         discount_breakdown: {};
@@ -324,6 +345,9 @@ export declare const presetLineItems: {
         tax_amount_cents: number;
         tax_amount_float: number;
         formatted_tax_amount: string;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
         name: string;
         image_url: null;
         discount_breakdown: {};
@@ -360,6 +384,9 @@ export declare const presetLineItems: {
         tax_amount_cents: number;
         tax_amount_float: number;
         formatted_tax_amount: string;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
         name: string;
         image_url: null;
         discount_breakdown: {};
@@ -395,6 +422,9 @@ export declare const presetLineItems: {
         tax_amount_cents: number;
         tax_amount_float: number;
         formatted_tax_amount: string;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
         name: string;
         image_url: null;
         discount_breakdown: {};
@@ -430,6 +460,9 @@ export declare const presetLineItems: {
         tax_amount_cents: number;
         tax_amount_float: number;
         formatted_tax_amount: string;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
         name: string;
         image_url: null;
         discount_breakdown: {};
@@ -466,6 +499,9 @@ export declare const presetLineItems: {
         tax_amount_cents: number;
         tax_amount_float: number;
         formatted_tax_amount: string;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
         name: string;
         image_url: null;
         discount_breakdown: {};
@@ -502,6 +538,9 @@ export declare const presetLineItems: {
         tax_amount_cents: number;
         tax_amount_float: number;
         formatted_tax_amount: string;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
         name: string;
         image_url: null;
         discount_breakdown: {};
@@ -538,6 +577,9 @@ export declare const presetLineItems: {
         tax_amount_cents: number;
         tax_amount_float: number;
         formatted_tax_amount: string;
+        compare_at_amount_cents: number;
+        compare_at_amount_float: number;
+        formatted_compare_at_amount: string;
         name: string;
         image_url: null;
         discount_breakdown: {};

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

@@ -396,4 +396,74 @@ export declare const presetResourceListItem: {
             created_at: string;
         };
     };
+    stockTransferUpcoming: {
+        type: "stock_transfers";
+        id: string;
+        number: number;
+        quantity: number;
+        updated_at: string;
+        created_at: string;
+        status: "upcoming";
+        origin_stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "US Warehouse";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+        destination_stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "NY Store";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+    };
+    stockTransferPicking: {
+        type: "stock_transfers";
+        id: string;
+        number: number;
+        quantity: number;
+        updated_at: string;
+        created_at: string;
+        status: "picking";
+        origin_stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "US Warehouse";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+        destination_stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "NY Store";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+    };
+    stockTransferCompleted: {
+        type: "stock_transfers";
+        id: string;
+        number: number;
+        quantity: number;
+        updated_at: string;
+        created_at: string;
+        completed_at: string;
+        status: "completed";
+        origin_stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "US Warehouse";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+        destination_stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "NY Store";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+    };
 };

package/dist/ui/resources/ResourceListItem/transformers/index.d.ts

@@ -1,3 +1,4 @@
 export { customerToProps } from './customers';
 export { orderToProps } from './orders';
 export { returnToProps } from './returns';
+export { stockTransferToProps } from './stockTransfers';

package/dist/ui/resources/ResourceListItem/transformers/stockTransfers.d.ts

@@ -0,0 +1,3 @@
+import type { StockTransfer } from '@commercelayer/sdk';
+import { type ResourceToProps } from '../types';
+export declare const stockTransferToProps: ResourceToProps<StockTransfer>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { TokenProviderAuthUser } from '../../../providers/TokenProvider/types';
-import type { Customer, Order, Return } from '@commercelayer/sdk';
-export type ResourceListItemType = Order | Return | Customer;
+import type { Customer, Order, Return, StockTransfer } from '@commercelayer/sdk';
+export type ResourceListItemType = Order | Return | Customer | StockTransfer;
 export interface ResourceListItemComponentProps {
     name: string;
     description: JSX.Element | string;

package/dist/ui/resources/ResourceShipmentParcels.mocks.d.ts

@@ -1,9 +1,13 @@
+import { type ResourceShipmentParcels } from '../resources/ResourceShipmentParcels';
+type Shipment = Parameters<typeof ResourceShipmentParcels>[0]['shipment'];
+type Parcel = NonNullable<Shipment['parcels']>[number];
 export declare const parcelWithoutTracking1: import("@commercelayer/sdk/lib/cjs/resources/parcels").Parcel;
 export declare const parcelWithoutTracking2: import("@commercelayer/sdk/lib/cjs/resources/parcels").Parcel;
 export declare const parcelWithTracking1: import("@commercelayer/sdk/lib/cjs/resources/parcels").Parcel;
 export declare const parcelWithTracking2: import("@commercelayer/sdk/lib/cjs/resources/parcels").Parcel;
 export declare const parcelWithTracking3: import("@commercelayer/sdk/lib/cjs/resources/parcels").Parcel;
 export declare const parcelWithoutTrackingDetails1: import("@commercelayer/sdk/lib/cjs/resources/parcels").Parcel;
+export declare const parcelWithCustomsInfo: Parcel;
 export declare const shipmentWithoutTracking: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
 export declare const shipmentWithStatusDifferentFromPacking: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
 export declare const shipmentHasBeenPurchased: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
@@ -13,3 +17,5 @@ export declare const shipmentWithMultipleParcelsSingleTracking: import("@commerc
 export declare const shipmentWithMultipleParcelsMultipleTrackings: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
 export declare const shipmentWithoutTrackingDetails: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
 export declare const shipmentWithoutParcels: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
+export declare const shipmentWithCustomsInfo: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "1.5.1",
+  "version": "1.6.1",
   "type": "module",
   "license": "MIT",
   "files": [
@@ -22,7 +22,7 @@
   },
   "dependencies": {
     "@ac-dev/countries-service": "^1.2.0",
-    "@commercelayer/sdk": "5.19.2",
+    "@commercelayer/sdk": "5.20.0",
     "@types/lodash": "^4.14.200",
     "@types/react": "^18.2.34",
     "@types/react-datepicker": "^4.19.1",