@commercelayer/app-elements 2.9.0 → 2.10.0

package/dist/main.js

@@ -1,5 +1,5 @@
 "use client";
-import { a6 as s, aM as t, a7 as o, a8 as r, a9 as n, aa as u, ab as i, ac as c, ad as l, ae as d, aN as p, af as b, ag as g, ah as S, X as m, aO as I, aP as k, aQ as T, aR as D, ai as R, $ as y, a0 as h, a$ as C, aj as A, ak as H, aS as F, b7 as P, b8 as v, ba as f, bc as B, be as O, bi as N, bk as G, bp as L, br as E, bu as w, bB as x, bD as V, bF as M, bH as W, bJ as J, bN as U, bO as Y, bP as q, al as z, am as K, b9 as Q, bb as X, bd as Z, bf as _, bh as $, bj as j, bl as aa, bm as ea, bn as sa, bo as ta, bq as oa, bs as ra, bv as na, bC as ua, bE as ia, bG as ca, bI as la, bK as da, bL as pa, bM as ba, aT as ga, aU as Sa, aV as ma, aW as Ia, a2 as ka, aX as Ta, an as Da, aY as Ra, aZ as ya, ao as ha, ap as Ca, aq as Aa, ar as Ha, a_ as Fa, bS as Pa, bT as va, bW as fa, bX as Ba, bY as Oa, bZ as Na, b_ as Ga, b$ as La, c0 as Ea, b0 as wa, as as xa, b3 as Va, at as Ma, au as Wa, av as Ja, aw as Ua, ay as Ya, az as qa, aA as za, aB as Ka, aC as Qa, aH as Xa, aD as Za, b4 as _a, aI as $a, aJ as ja, aE as ae, aK as ee, aF as se, b5 as te, a3 as oe, b6 as re, aL as ne, aG as ue, C as ie, _ as ce, b1 as le, b2 as de, l as pe, m as be, B as ge, a4 as Se, bw as me, bg as Ie, p as ke, q as Te, s as De, D as Re, E as ye, F as he, c3 as Ce, c4 as Ae, bx as He, t as Fe, u as Pe, v as ve, c5 as fe, c6 as Be, c7 as Oe, c8 as Ne, c9 as Ge, G as Le, H as Ee, ca as we, cb as xe, cc as Ve, cd as Me, J as We, K as Je, ce as Ue, cf as Ye, cg as qe, N as ze, O as Ke, h as Qe, L as Xe, M as Ze, k as _e, by as $e, bz as je, bA as as, x as es, n as ss, r as ts, y as os, bU as rs, bQ as ns, z as us, A as is, P as cs, Y as ls, Z as ds, Q as ps, S as bs, T as gs, bt as Ss, U as ms, V as Is, W as ks, bV as Ts, c1 as Ds, c2 as Rs, a1 as ys, a5 as hs, bR as Cs, ax as As } from "./main-D1_o3ggn.js";
+import { a6 as s, aM as t, a7 as o, a8 as r, a9 as n, aa as u, ab as i, ac as c, ad as l, ae as d, aN as p, af as b, ag as g, ah as S, X as m, aO as I, aP as k, aQ as T, aR as D, ai as R, $ as y, a0 as h, a$ as C, aj as A, ak as H, aS as F, b7 as P, b8 as v, ba as f, bc as B, be as O, bi as N, bk as G, bp as L, br as E, bu as w, bB as x, bD as V, bF as M, bH as W, bJ as J, bN as U, bO as Y, bP as q, al as z, am as K, b9 as Q, bb as X, bd as Z, bf as _, bh as $, bj as j, bl as aa, bm as ea, bn as sa, bo as ta, bq as oa, bs as ra, bv as na, bC as ua, bE as ia, bG as ca, bI as la, bK as da, bL as pa, bM as ba, aT as ga, aU as Sa, aV as ma, aW as Ia, a2 as ka, aX as Ta, an as Da, aY as Ra, aZ as ya, ao as ha, ap as Ca, aq as Aa, ar as Ha, a_ as Fa, bS as Pa, bT as va, bW as fa, bX as Ba, bY as Oa, bZ as Na, b_ as Ga, b$ as La, c0 as Ea, b0 as wa, as as xa, b3 as Va, at as Ma, au as Wa, av as Ja, aw as Ua, ay as Ya, az as qa, aA as za, aB as Ka, aC as Qa, aH as Xa, aD as Za, b4 as _a, aI as $a, aJ as ja, aE as ae, aK as ee, aF as se, b5 as te, a3 as oe, b6 as re, aL as ne, aG as ue, C as ie, _ as ce, b1 as le, b2 as de, l as pe, m as be, B as ge, a4 as Se, bw as me, bg as Ie, p as ke, q as Te, s as De, D as Re, E as ye, F as he, c3 as Ce, c4 as Ae, bx as He, t as Fe, u as Pe, v as ve, c5 as fe, c6 as Be, c7 as Oe, c8 as Ne, c9 as Ge, G as Le, H as Ee, ca as we, cb as xe, cc as Ve, cd as Me, J as We, K as Je, ce as Ue, cf as Ye, cg as qe, N as ze, O as Ke, h as Qe, L as Xe, M as Ze, k as _e, by as $e, bz as je, bA as as, x as es, n as ss, r as ts, y as os, bU as rs, bQ as ns, z as us, A as is, P as cs, Y as ls, Z as ds, Q as ps, S as bs, T as gs, bt as Ss, U as ms, V as Is, W as ks, bV as Ts, c1 as Ds, c2 as Rs, a1 as ys, a5 as hs, bR as Cs, ax as As } from "./main-8vGdIM-n.js";
 export {
   s as A,
   t as ActionButtons,

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

@@ -1,12 +1,14 @@
 import { Resource } from '@commercelayer/sdk';
 export interface ResourceDetailsProps {
     resource: Resource;
+    onUpdated: () => Promise<void>;
 }
 /**
  * This component provides a listed visualization of details attributes of a given resource.
  */
 export declare const ResourceDetails: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     resource: Resource;
+    onUpdated: () => Promise<void>;
     delayMs?: number | undefined;
     isLoading?: boolean | undefined;
 }>;

package/dist/ui/resources/ResourceDetails/ResourceDetailsForm.d.ts

@@ -0,0 +1,7 @@
+import { ResourceDetailsProps } from './ResourceDetails';
+export declare const ResourceDetailsForm: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
+    resource: ResourceDetailsProps["resource"];
+    onUpdated: ResourceDetailsProps["onUpdated"];
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
+}>;

package/dist/ui/resources/ResourceDetails/useEditDetailsOverlay.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { ResourceDetailsProps } from './ResourceDetails';
+export interface EditDetailsOverlayProps {
+    /**
+     * Optional title shown as first line in edit overlay heading
+     */
+    title?: string;
+    resource: ResourceDetailsProps['resource'];
+    onUpdated: ResourceDetailsProps['onUpdated'];
+}
+interface DetailsOverlayHook {
+    show: () => void;
+    Overlay: FC<EditDetailsOverlayProps>;
+}
+export declare function useEditDetailsOverlay(): DetailsOverlayHook;
+export {};

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

@@ -363,6 +363,47 @@ export declare const presetResourceListItem: {
             };
         };
     };
+    returnRefunded: {
+        type: "returns";
+        id: string;
+        number: string;
+        updated_at: string;
+        created_at: string;
+        status: "refunded";
+        order: {
+            readonly type: "orders";
+            readonly id: "";
+            readonly updated_at: "2023-06-10T06:38:44.964Z";
+            readonly placed_at: "2023-06-09T11:00:00.000Z";
+            readonly created_at: "";
+            readonly formatted_total_amount: "$650.00";
+            readonly fulfillment_status: "unfulfilled";
+            readonly number: "123456";
+            readonly payment_status: "authorized";
+            readonly status: "placed";
+            readonly market: {
+                readonly type: "markets";
+                readonly id: "";
+                readonly name: "Europe";
+                readonly created_at: "";
+                readonly updated_at: "";
+                readonly shared_secret: "";
+            };
+            readonly billing_address: {
+                readonly first_name: "Bruce";
+                readonly last_name: "Wayne";
+                readonly type: "addresses";
+                readonly id: "";
+                readonly updated_at: "";
+                readonly created_at: "";
+                readonly line_1: "";
+                readonly state_code: "";
+                readonly phone: "";
+                readonly city: "";
+                readonly country_code: "";
+            };
+        };
+    };
     customerProspect: {
         type: "customers";
         id: string;

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

@@ -2,7 +2,7 @@ import { SectionProps } from '../../atoms/Section';
 import { SkeletonTemplateProps } from '../../atoms/SkeletonTemplate';
 import { ThProps } from '../../atoms/Table/Th';
 import { ListMeta, ListableResourceType, QueryParamsList, ResourceFields } from '@commercelayer/sdk';
-import { default as React, FC } from 'react';
+import { default as React, FC, ReactNode } from 'react';
 import { Resource } from './infiniteFetcher';
 export interface ResourceListItemTemplateProps<TResource extends ListableResourceType> extends SkeletonTemplateProps<{
     /**
@@ -30,9 +30,9 @@ export type ResourceListProps<TResource extends ListableResourceType> = Pick<Sec
      * An element to be rendered when the list is empty.
      * When not provided, a default message will be shown.
      * When a string is provided, it will be rendered as inline text below title and actionButton.
-     * When a JSX element is provided, it will be rendered as a custom element and no title or actionButton will be shown.
+     * When other ReactNode is provided, it will be rendered as a custom element and no title or actionButton will be shown.
      */
-    emptyState?: JSX.Element;
+    emptyState?: ReactNode;
     /**
      * Title.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "type": "module",
   "license": "MIT",
   "files": [