@commercelayer/app-elements 0.0.58 → 0.0.60

package/dist/Async-49064c8d.js

@@ -0,0 +1,94 @@
+import { L as de, H as le } from "./main-b9194133.js";
+import * as ce from "react";
+import { useRef as F, useState as a, useEffect as x, useCallback as E, forwardRef as ve } from "react";
+import { _ as Oe, a as s, h as Se, b as g, u as me, S as _e, c as he, s as ge } from "./overrides-be7a208f.js";
+import { d as ye } from "./unsupportedIterableToArray-c65c3f0a.js";
+import "react-dom";
+import "@commercelayer/sdk";
+var Ce = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
+function Ie(t) {
+  var o = t.defaultOptions, n = o === void 0 ? !1 : o, i = t.cacheOptions, u = i === void 0 ? !1 : i, r = t.loadOptions;
+  t.options;
+  var v = t.isLoading, O = v === void 0 ? !1 : v, S = t.onInputChange, m = t.filterOption, y = m === void 0 ? null : m, $ = Oe(t, Ce), j = $.inputValue, f = F(void 0), _ = F(!1), G = a(Array.isArray(n) ? n : void 0), D = s(G, 2), J = D[0], R = D[1], K = a(typeof j < "u" ? j : ""), q = s(K, 2), w = q[0], C = q[1], Q = a(n === !0), H = s(Q, 2), U = H[0], d = H[1], X = a(void 0), M = s(X, 2), I = M[0], L = M[1], Y = a([]), N = s(Y, 2), Z = N[0], A = N[1], k = a(!1), T = s(k, 2), ee = T[0], h = T[1], te = a({}), W = s(te, 2), l = W[0], b = W[1], ne = a(void 0), z = s(ne, 2), ae = z[0], se = z[1], re = a(void 0), B = s(re, 2), oe = B[0], ie = B[1];
+  u !== oe && (b({}), ie(u)), n !== ae && (R(Array.isArray(n) ? n : void 0), se(n)), x(function() {
+    return _.current = !0, function() {
+      _.current = !1;
+    };
+  }, []);
+  var P = E(function(c, p) {
+    if (!r)
+      return p();
+    var e = r(c, p);
+    e && typeof e.then == "function" && e.then(p, function() {
+      return p();
+    });
+  }, [r]);
+  x(function() {
+    n === !0 && P(w, function(c) {
+      _.current && (R(c || []), d(!!f.current));
+    });
+  }, []);
+  var ue = E(function(c, p) {
+    var e = Se(c, p, S);
+    if (!e) {
+      f.current = void 0, C(""), L(""), A([]), d(!1), h(!1);
+      return;
+    }
+    if (u && l[e])
+      C(e), L(e), A(l[e]), d(!1), h(!1);
+    else {
+      var fe = f.current = {};
+      C(e), d(!0), h(!I), P(e, function(V) {
+        _ && fe === f.current && (f.current = void 0, d(!1), L(e), A(V || []), h(!1), b(V ? g(g({}, l), {}, ye({}, e, V)) : l));
+      });
+    }
+  }, [u, P, I, l, S]), pe = ee ? [] : w && I ? Z : J || [];
+  return g(g({}, $), {}, {
+    options: pe,
+    isLoading: U || O,
+    onInputChange: ue,
+    filterOption: y
+  });
+}
+var Le = /* @__PURE__ */ ve(function(t, o) {
+  var n = Ie(t), i = me(n);
+  return /* @__PURE__ */ ce.createElement(_e, he({
+    ref: o
+  }, i));
+}), Ae = Le;
+function Pe({
+  onSelect: t,
+  noOptionsMessage: o,
+  initialValues: n,
+  isOptionDisabled: i,
+  loadAsyncValues: u,
+  debounceMs: r = 500,
+  ...v
+}) {
+  const O = E(
+    de((S, m) => {
+      u(S).then((y) => {
+        m(y);
+      });
+    }, r),
+    [r]
+  );
+  return x(() => () => {
+    O.cancel();
+  }, [r]), /* @__PURE__ */ le.jsx(
+    Ae,
+    {
+      ...v,
+      defaultOptions: n,
+      onChange: t,
+      noOptionsMessage: () => o,
+      loadOptions: O,
+      components: ge,
+      isOptionDisabled: i
+    }
+  );
+}
+Pe.displayName = "AsyncSelectComponent";
+export {
+  Pe as AsyncSelectComponent
+};

package/dist/{InputDateComponent-feca6187.js → InputDateComponent-ea8e90eb.js}

@@ -1,7 +1,7 @@
-import { P as Ma, r as E, a as Rn, t as H, b as Mt, c as Ee, d as _, g as Cr, _ as Qt, s as je, e as cr, f as xa, h as ur, i as Ln, j as Sa, k as Oa, l as Ea, m as qr, n as _a, o as Kr, p as Pa, q as Ta, u as Na, v as An, w as ae, x as nt, y as pr, z as Hn, A as Ya, B as lr, C as Zr, D as Ia, E as Ra, F as La, G as At, H as Ke, I as Aa, J as Ha, K as Fa } from "./main-aba0dc4d.js";
+import { P as Ma, r as E, a as Rn, t as H, b as Mt, c as Ee, d as _, g as Cr, _ as Qt, s as je, e as cr, f as xa, h as ur, i as Ln, j as Sa, k as Oa, l as Ea, m as qr, n as _a, o as Kr, p as Pa, q as Ta, u as Na, v as An, w as ae, x as nt, y as pr, z as Hn, A as Ya, B as lr, C as Zr, D as Ia, E as Ra, F as La, G as At, H as Ke, I as Aa, J as Ha, K as Fa } from "./main-b9194133.js";
 import * as B from "react";
 import h, { forwardRef as Fn, createElement as ja, Component as Ua, createRef as Ba } from "react";
-import { _ as Wa, a as I, b as R, c as N, d as D, e as b, f as Y } from "./unsupportedIterableToArray-f3568793.js";
+import { _ as Wa, a as I, b as R, c as N, d as D, e as b, f as Y } from "./unsupportedIterableToArray-c65c3f0a.js";
 import * as Va from "react-dom";
 import Qa, { findDOMNode as $a } from "react-dom";
 import "@commercelayer/sdk";

package/dist/Select-9c97e5af.js

@@ -0,0 +1,36 @@
+import { H as n } from "./main-b9194133.js";
+import { u as s, S as m, c as p, s as i } from "./overrides-be7a208f.js";
+import * as c from "react";
+import { forwardRef as S } from "react";
+import "react-dom";
+import "@commercelayer/sdk";
+import "./unsupportedIterableToArray-c65c3f0a.js";
+var f = /* @__PURE__ */ S(function(e, t) {
+  var o = s(e);
+  return /* @__PURE__ */ c.createElement(m, p({
+    ref: t
+  }, o));
+}), l = f;
+function u({
+  onSelect: e,
+  noOptionsMessage: t,
+  isOptionDisabled: o,
+  initialValues: r,
+  ...a
+}) {
+  return /* @__PURE__ */ n.jsx(
+    l,
+    {
+      ...a,
+      isOptionDisabled: o,
+      options: r,
+      onChange: e,
+      noOptionsMessage: () => t,
+      components: i
+    }
+  );
+}
+u.displayName = "SelectComponent";
+export {
+  u as SelectComponent
+};

package/dist/dictionaries/orders.d.ts

@@ -1,9 +1,7 @@
 import { type IconProps } from '../ui/atoms/Icon';
 import type { Order } from '@commercelayer/sdk';
 type UITriggerAttributes = '_approve' | '_cancel' | '_capture' | '_refund' | '_return' | '_archive' | '_unarchive';
-type UIStatus = 'placed' | 'approved' | 'in_progress' | 'paid' | 'fulfilled' | 'error' | 'cancelled' | 'refunded' | 'part_refunded' | 'not_handled';
 interface OrderDisplayStatus {
-    status: UIStatus;
     label: string;
     icon: IconProps['name'];
     color: IconProps['background'];

package/dist/helpers/appsNavigation.d.ts

@@ -22,15 +22,26 @@ export declare function goBack({ setLocation, defaultRelativePath }: {
      */
     defaultRelativePath: string;
 }): void;
-/**
- * Navigate to an internal or external URL or pathname and store the current url in sessionStorage
- * to be able to navigate back to it with the `goBack` function.
- */
-export declare function navigateToDetail({ setLocation, destination }: {
+interface NavigateToInternalDetailsParams {
     /**
      * React router's history.push method, this is used when linking internal app pages.
      */
-    setLocation?: (url: string) => void;
+    setLocation: (url: string) => void;
+    /**
+     * destination instructions to navigate to a detail page
+     */
+    destination: {
+        /**
+         * app name to navigate to, it could be the current app (internal linking) or another app (cross linking)
+         */
+        app: ResourceTypeLock;
+        /**
+         * resource id to open
+         */
+        resourceId: string;
+    };
+}
+interface NavigateToExternalDetailsParams {
     /**
      * destination instructions to navigate to a detail page
      */
@@ -43,8 +54,18 @@ export declare function navigateToDetail({ setLocation, destination }: {
          * resource id to open
          */
         resourceId: string;
+        /**
+         * required when linking to another app, it indicates if the destination app should be opened in test or live mode
+         */
+        mode: 'test' | 'live';
     };
-}): {
+}
+/**
+ * Navigate to an internal or external URL or pathname and store the current url in sessionStorage
+ * to be able to navigate back to it with the `goBack` function.
+ */
+export declare function navigateToDetail(params: NavigateToInternalDetailsParams | NavigateToExternalDetailsParams): {
     href: string;
     onClick: (e: React.MouseEvent<HTMLAnchorElement | HTMLDivElement, MouseEvent>) => void;
 };
+export {};