@commercelayer/app-elements 5.2.1 → 5.3.0

package/dist/{CodeEditorComponent-sOC76yJV.js → CodeEditorComponent-CTNaTIZn.js}

@@ -1,5 +1,5 @@
 "use client";
-import { u as Ee, j as se, I as $e } from "./main-Bc7WPO8T.js";
+import { u as Ee, j as se, I as $e } from "./main-Du-FJA5W.js";
 import V, { memo as ce, useState as U, useEffect as I, useRef as w, useCallback as ue, forwardRef as Ce } from "react";
 function Ie(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {

package/dist/{InputDateComponent-BUnPCCDe.js → InputDateComponent-O0J0Np2a.js}

@@ -2,7 +2,7 @@
 var Gr = Object.defineProperty;
 var Xr = (o, a, t) => a in o ? Gr(o, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[a] = t;
 var y = (o, a, t) => Xr(o, typeof a != "symbol" ? a + "" : a, t);
-import { c as z, t as k, m as ht, a as mt, b as me, d as he, n as vt, e as Be, g as wr, f as Zr, h as Jr, s as ot, i as br, k as en, l as _r, o as kr, p as tn, q as rn, r as Ut, v as nn, w as an, x as Kt, y as on, z as Fe, A as sn, j as ne, B as Te, C as _e, D as xt, E as Yt, F as Mr, G as Rt, H as Cr, J as ln, K as Ee, L as Vt, M as cn, N as un, O as dn, P as pn, Q as st, R as fn, I as hn, S as mn, T as vn, U as Dn, V as gn } from "./main-Bc7WPO8T.js";
+import { c as z, t as k, m as ht, a as mt, b as me, d as he, n as vt, e as Be, g as wr, f as Zr, h as Jr, s as ot, i as br, k as en, l as _r, o as kr, p as tn, q as rn, r as Ut, v as nn, w as an, x as Kt, y as on, z as Fe, A as sn, j as ne, B as Te, C as _e, D as xt, E as Yt, F as Mr, G as Rt, H as Cr, J as ln, K as Ee, L as Vt, M as cn, N as un, O as dn, P as pn, Q as st, R as fn, I as hn, S as mn, T as vn, U as Dn, V as gn } from "./main-Du-FJA5W.js";
 import * as M from "react";
 import f, { useLayoutEffect as Sr, useEffect as Lt, cloneElement as xr, createRef as Ce, Component as G, useRef as Et, useCallback as yn, createElement as wn, forwardRef as bn, useMemo as _n } from "react";
 import * as kn from "react-dom";

package/dist/helpers/appsNavigation.d.ts

@@ -1,4 +1,4 @@
-import { TokenProviderAllowedApp } from '../providers/TokenProvider/types';
+import { TokenProviderClAppSlug } from '../providers/TokenProvider/types';
 export interface BackToItem {
     /**
      * URL to be stored in sessionStorage, it will be the current URL so it can be used to navigate back.
@@ -34,7 +34,7 @@ interface NavigateToInternalParams {
         /**
          * app name to navigate to, it could be the current app (internal linking) or another app (cross linking)
          */
-        app: TokenProviderAllowedApp;
+        app: TokenProviderClAppSlug;
         /**
          * resource id to open
          */
@@ -49,7 +49,7 @@ interface NavigateToExternalParams {
         /**
          * app name to navigate to, it could be the current app (internal linking) or another app (cross linking)
          */
-        app: TokenProviderAllowedApp;
+        app: TokenProviderClAppSlug;
         /**
          * resource id to open
          */

package/dist/helpers/useAppLinking.d.ts

@@ -1,12 +1,11 @@
-import { TokenProviderAllowedApp } from '../providers/TokenProvider/types';
-type AppsWithConfig = Exclude<TokenProviderAllowedApp, 'dashboard' | 'resources'>;
+import { TokenProviderClAppSlug } from '../providers/TokenProvider/types';
 interface UseAppLinkingHook {
     /**
      * Navigate to internal app path, to different app (outside router base), or to an external URL.
      * Current path is saved in session storage to allow going back to it (when using `goBack`).
      */
     navigateTo: (param: {
-        app: AppsWithConfig;
+        app: TokenProviderClAppSlug;
         resourceId?: string;
     }) => {
         href: string;

package/dist/{main-Bc7WPO8T.js → main-Du-FJA5W.js}

@@ -20771,7 +20771,7 @@ async function Iz({
       mode: (o == null ? void 0 : o.token.test) === !0 ? "test" : "live",
       organizationSlug: i.orgSlug,
       permissions: (o == null ? void 0 : o.permissions) != null ? Lz(o.permissions) : void 0,
-      accessibleApps: (o == null ? void 0 : o.accessible_apps) != null ? o == null ? void 0 : o.accessible_apps.map((p) => p.kind) : void 0,
+      accessibleApps: (o == null ? void 0 : o.accessible_apps) != null ? o == null ? void 0 : o.accessible_apps.map((p) => p.kind).filter((p) => p !== "generic") : void 0,
       user: (o == null ? void 0 : o.owner) != null && o.owner.type === "User" ? {
         id: o.owner.id,
         email: o.owner.email,
@@ -29899,7 +29899,7 @@ function pK(t) {
   );
 }
 const fK = e2(
-  async () => await import("./CodeEditorComponent-sOC76yJV.js").then((t) => ({
+  async () => await import("./CodeEditorComponent-CTNaTIZn.js").then((t) => ({
     default: t.CodeEditor
   }))
 ), a7 = O(
@@ -30790,7 +30790,7 @@ function o7({
 }
 o7.displayName = "InputCurrencyRange";
 const IK = e2(
-  async () => await import("./InputDateComponent-BUnPCCDe.js").then((t) => ({
+  async () => await import("./InputDateComponent-O0J0Np2a.js").then((t) => ({
     default: t.InputDateComponent
   }))
 ), Nr = O(

package/dist/main.d.ts

@@ -20,7 +20,7 @@ export { createApp, type ClAppKey, type ClAppProps } from './providers/createApp
 export { ErrorBoundary } from './providers/ErrorBoundary';
 export { GTMProvider, useTagManager } from './providers/GTMProvider';
 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 { encodeExtras, MetaTags, TokenProvider, useTokenProvider, type TokenProviderAllowedApp, type TokenProviderAllowedAppKind, type TokenProviderAllowedAppSlug, type TokenProviderClAppSlug, 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';

package/dist/main.js

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

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

@@ -1,12 +1,12 @@
 import { TokenProviderTokenApplicationKind } from '.';
 import { ListableResourceType } from '@commercelayer/sdk';
 import { ReactNode } from 'react';
-import { TokenProviderAllowedApp, TokenProviderAuthSettings, TokenProviderAuthUser, TokenProviderExtras, TokenProviderRoleActions } from './types';
+import { TokenProviderAllowedAppSlug, TokenProviderAuthSettings, TokenProviderAuthUser, TokenProviderClAppSlug, TokenProviderExtras, TokenProviderRoleActions } from './types';
 export interface TokenProviderValue {
     settings: TokenProviderAuthSettings;
     user: TokenProviderAuthUser | null;
     canUser: (action: TokenProviderRoleActions, resource: ListableResourceType) => boolean;
-    canAccess: (appSlug: Exclude<TokenProviderAllowedApp, 'dashboard'>) => boolean;
+    canAccess: (appSlug: TokenProviderClAppSlug) => boolean;
     emitInvalidAuth: (reason: string) => void;
 }
 export interface TokenProviderProps {
@@ -16,10 +16,10 @@ export interface TokenProviderProps {
      */
     kind: TokenProviderTokenApplicationKind;
     /**
-     * The slug of the current app. It needs to match one of the allowed app slugs enabled in the dashboard.
-     * It is used to persist token for current app only.
+     * The slug of the current app. It could match one of the allowed apps or a custom string.
+     * It is used as the app identifier (e.g. storage key).
      */
-    appSlug: TokenProviderAllowedApp;
+    appSlug: TokenProviderAllowedAppSlug;
     /**
      * Set this to `true` to skip domain slug validation in dev mode.
      */

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

@@ -1,4 +1,4 @@
 export { encodeExtras } from './extras';
 export { MetaTags } from './MetaTags';
 export { TokenProvider, useTokenProvider } from './TokenProvider';
-export type { TokenProviderAllowedApp, TokenProviderExtras, TokenProviderPermissionItem, TokenProviderRoleActions, TokenProviderRolePermissions, TokenProviderTokenApplicationKind } from './types';
+export type { TokenProviderAllowedApp, TokenProviderAllowedAppKind, TokenProviderAllowedAppSlug, TokenProviderClAppSlug, TokenProviderExtras, TokenProviderPermissionItem, TokenProviderRoleActions, TokenProviderRolePermissions, TokenProviderTokenApplicationKind } from './types';

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

@@ -1,11 +1,11 @@
-import { TokenProviderAllowedApp } from '.';
+import { TokenProviderClAppSlug } from '.';
 import { TokenProviderAuthSettings, TokenProviderAuthUser, TokenProviderRolePermissions } from './types';
 interface TokenProviderInternalState {
     validAuthToken?: string;
     isLoading: boolean;
     isTokenError: boolean;
     rolePermissions: TokenProviderRolePermissions;
-    accessibleApps: TokenProviderAllowedApp[];
+    accessibleApps: TokenProviderClAppSlug[];
     settings: TokenProviderAuthSettings;
     user: TokenProviderAuthUser | null;
 }
@@ -18,7 +18,7 @@ type Action = {
         settings: TokenProviderAuthSettings;
         user: TokenProviderAuthUser | null;
         rolePermissions: TokenProviderRolePermissions;
-        accessibleApps: TokenProviderAllowedApp[];
+        accessibleApps: TokenProviderClAppSlug[];
     };
 };
 export declare const reducer: (state: TokenProviderInternalState, action: Action) => TokenProviderInternalState;

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

@@ -1,13 +1,13 @@
-import { TokenProviderAllowedApp } from './types';
+import { TokenProviderAllowedAppSlug } from './types';
 type ItemType = 'accessToken' | 'extras';
 export declare function makeStorageKey({ appSlug, organizationSlug, itemType }: {
-    appSlug: TokenProviderAllowedApp;
+    appSlug: TokenProviderAllowedAppSlug;
     organizationSlug: string;
     itemType: ItemType;
 }): string;
 export declare function getPersistentJWT({ appSlug, organizationSlug, itemType }: {
     /** The app for which to get the token. */
-    appSlug: TokenProviderAllowedApp;
+    appSlug: TokenProviderAllowedAppSlug;
     /** The organization slug for the token we want to retrieve. */
     organizationSlug?: string;
     /** The JWT item type you want to retrieve. */
@@ -15,7 +15,7 @@ export declare function getPersistentJWT({ appSlug, organizationSlug, itemType }
 }): string | null;
 export declare function savePersistentJWT({ appSlug, jwt, organizationSlug, itemType }: {
     /** The app for which to get the token. */
-    appSlug: TokenProviderAllowedApp;
+    appSlug: TokenProviderAllowedAppSlug;
     /** The token to save. */
     jwt: string;
     /** The organization slug for the token we want to store. */

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

@@ -1,7 +1,28 @@
 import { ParsedScopes } from './getInfoFromJwt';
 import { ListableResourceType } from '@commercelayer/sdk';
-export type TokenProviderAllowedApp = 'bundles' | 'customers' | 'exports' | 'gift_cards' | 'imports' | 'inventory' | 'orders' | 'price_lists' | 'promotions' | 'returns' | 'shipments' | 'sku_lists' | 'skus' | 'stock_transfers' | 'subscriptions' | 'tags' | 'webhooks' | 'dashboard' | 'resources' | 'generic';
-export type TokenProviderTokenApplicationKind = 'integration' | 'sales_channel' | 'webapp' | 'resources' | TokenProviderAllowedApp;
+export type TokenProviderClAppSlug = 'bundles' | 'customers' | 'exports' | 'gift_cards' | 'imports' | 'inventory' | 'orders' | 'price_lists' | 'promotions' | 'returns' | 'shipments' | 'sku_lists' | 'skus' | 'stock_transfers' | 'subscriptions' | 'tags' | 'webhooks';
+/**
+ * TokenProviderAllowedApp is a type that contains all the possible kinds of the app that you can create inside the dashboard.
+ * As a convention Commerce Layer official apps have a slug that matches the kind of the app.
+ */
+export type TokenProviderAllowedAppKind = TokenProviderClAppSlug | 'generic';
+/**
+ * @deprecated Use `TokenProviderAllowedAppKind` instead.
+ */
+export type TokenProviderAllowedApp = TokenProviderAllowedAppKind;
+/**
+ * The application slug. It could match one of the allowed apps or a custom string.
+ * It is used as the app identifier (e.g. storage key).
+ */
+export type TokenProviderAllowedAppSlug = TokenProviderClAppSlug | (string & {});
+/**
+ * TokenProviderTokenApplicationKind is a type that contains all the suitable api credential kinds.
+ * Depending on the kind, it could be used to identify:
+ * - an authentication api credential (eg. `integration`, `sales_channel`, `webapp`)
+ * - a particular feature in the dashboard (eg. `resources`, `links`)
+ * - an app with its dedicated set of permissions (eg. `order`, `customers`, etc...)
+ */
+export type TokenProviderTokenApplicationKind = 'integration' | 'sales_channel' | 'webapp' | 'resources' | 'links' | TokenProviderAllowedAppKind;
 export type TokenProviderRoleActions = 'create' | 'destroy' | 'read' | 'update';
 export type TokenProviderPermissionItem = Record<TokenProviderRoleActions, boolean>;
 export type TokenProviderRolePermissions = Partial<Record<ListableResourceType | 'organizations', TokenProviderPermissionItem>>;
@@ -70,7 +91,7 @@ export interface TokenProviderTokenInfo {
      */
     accessible_apps?: Array<{
         name: string;
-        kind: TokenProviderAllowedApp;
+        kind: TokenProviderAllowedAppKind;
         core: boolean;
     }>;
 }

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

@@ -1,6 +1,6 @@
-import { TokenProviderAllowedApp, TokenProviderTokenApplicationKind } from '.';
+import { TokenProviderTokenApplicationKind } from '.';
 import { ParsedScopes } from './getInfoFromJwt';
-import { Mode, TokenProviderAuthUser, TokenProviderRolePermissions } from './types';
+import { Mode, TokenProviderAuthUser, TokenProviderClAppSlug, TokenProviderRolePermissions } from './types';
 export declare function isTokenExpired({ accessToken, compareTo }: {
     accessToken: string;
     compareTo: Date;
@@ -11,7 +11,7 @@ interface ValidToken {
     mode: Mode;
     organizationSlug: string;
     permissions?: TokenProviderRolePermissions;
-    accessibleApps?: TokenProviderAllowedApp[];
+    accessibleApps?: TokenProviderClAppSlug[];
     user: TokenProviderAuthUser | null;
     scopes?: ParsedScopes;
 }

package/dist/providers/createApp.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { Root } from 'react-dom/client';
-import { TokenProviderAllowedApp } from './TokenProvider';
 import { TokenProviderProps } from './TokenProvider/TokenProvider';
-export type ClAppKey = `clApp_${TokenProviderAllowedApp}`;
+import { TokenProviderAllowedAppSlug } from './TokenProvider/types';
+export type ClAppKey = `clApp_${TokenProviderAllowedAppSlug}`;
 /**
  * Method to mount the React application in the provider `node` with the set of options passed as `props`.
  */
@@ -31,5 +31,5 @@ export interface ClAppProps extends Partial<Omit<TokenProviderProps, 'appSlug' |
  * The React application will them be mounted into the provided `node` element, when the `init` method is called.
  * @param children - The root component of the app.
  **/
-export declare function createApp(children: (props: ClAppProps) => ReactNode, appSlug: TokenProviderAllowedApp): void;
+export declare function createApp(children: (props: ClAppProps) => ReactNode, appSlug: TokenProviderAllowedAppSlug): void;
 export {};

package/package.json

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