@commercelayer/app-elements 0.0.31 → 0.0.33

package/dist/main.d.ts

@@ -6,7 +6,7 @@ export { CoreSdkProvider, useCoreSdkProvider } from './providers/CoreSdkProvider
 export { useCoreApi } from './providers/CoreSdkProvider/useCoreApi';
 export { ErrorBoundary } from './providers/ErrorBoundary';
 export { TokenProvider, useTokenProvider } from './providers/TokenProvider';
-export type { TokenProviderAllowedApp, TokenProviderPermissionItem, TokenProviderResourceType, TokenProviderRoleActions, TokenProviderRolePermissions } from './providers/TokenProvider/types';
+export type { TokenProviderAllowedApp, TokenProviderPermissionItem, TokenProviderRoleActions, TokenProviderRolePermissions, TokenProviderTokenApplicationKind } from './providers/TokenProvider/types';
 export { A } from './ui/atoms/A';
 export { Avatar } from './ui/atoms/Avatar';
 export { Badge } from './ui/atoms/Badge';

package/dist/main.js

@@ -1,4 +1,4 @@
-import { X as o, Y as r, Z as n, _ as i, $ as l, a0 as u, a1 as d, a2 as p, ar as g, a3 as S, R as T, al as D, am as I, an as m, a4 as k, U as c, a5 as B, a6 as y, a7 as C, ay as L, az as P, aA as b, aB as x, aC as A, aD as R, aE as f, aF as v, aG as w, aK as F, aL as h, aM as M, aN as E, a8 as V, aQ as J, aR as H, aS as N, aT as O, aU as G, as as K, a9 as Q, at as U, au as W, aa as X, ab as j, aO as q, av as z, aV as Y, aw as Z, ac as _, ad as $, af as aa, ag as sa, ah as ea, ai as ta, aW as oa, aX as ra, aj as na, ao as ia, ak as la, ap as ua, ax as da, aP as pa, V as ga, aq as Sa, N as Ta, aH as Da, J as Ia, O as ma, aI as ka, K as ca, L as Ba, aJ as ya, M as Ca, T as La, S as Pa, Q as ba, W as xa, ae as Aa } from "./main-1a232919.js";
+import { X as o, Y as r, Z as n, _ as i, $ as l, a0 as u, a1 as d, a2 as p, ar as g, a3 as S, R as T, al as D, am as I, an as m, a4 as k, U as c, a5 as B, a6 as y, a7 as C, ay as L, az as P, aA as b, aB as x, aC as A, aD as R, aE as f, aF as v, aG as w, aK as F, aL as h, aM as M, aN as E, a8 as V, aQ as J, aR as H, aS as N, aT as O, aU as G, as as K, a9 as Q, at as U, au as W, aa as X, ab as j, aO as q, av as z, aV as Y, aw as Z, ac as _, ad as $, af as aa, ag as sa, ah as ea, ai as ta, aW as oa, aX as ra, aj as na, ao as ia, ak as la, ap as ua, ax as da, aP as pa, V as ga, aq as Sa, N as Ta, aH as Da, J as Ia, O as ma, aI as ka, K as ca, L as Ba, aJ as ya, M as Ca, T as La, S as Pa, Q as ba, W as xa, ae as Aa } from "./main-f4e7240e.js";
 import "react";
 import "@commercelayer/sdk";
 export {

package/dist/{overrides-5c1474c7.js → overrides-2ea823f6.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-1a232919.js";
+import { H as yr } from "./main-f4e7240e.js";
 import { createPortal as Er } from "react-dom";
 var Ue = {}, xr = {
   get exports() {

package/dist/providers/CoreSdkProvider/useCoreApi.d.ts

@@ -1,35 +1,4 @@
 import type { CommerceLayerClient } from '@commercelayer/sdk';
 import type { ListableResourceType } from '@commercelayer/sdk/lib/cjs/api';
-import { type BareFetcher } from 'swr';
-export declare const useCoreApi: <Resource extends ListableResourceType, Action extends "list" | "retrieve", Method extends CommerceLayerClient[Resource][Action], Output extends Awaited<ReturnType<Method>>, SWRConfig extends Partial<import("swr/_internal").PublicConfiguration<Output, any, BareFetcher<Output>>>>(resource: Resource, action: Action, args: Parameters<Method>, config?: SWRConfig | undefined) => import("swr/_internal").SWRResponse<Output, any, {
-    errorRetryInterval?: number | undefined;
-    errorRetryCount?: number | undefined;
-    loadingTimeout?: number | undefined;
-    focusThrottleInterval?: number | undefined;
-    dedupingInterval?: number | undefined;
-    refreshInterval?: number | ((latestData: Output | undefined) => number) | undefined;
-    refreshWhenHidden?: boolean | undefined;
-    refreshWhenOffline?: boolean | undefined;
-    revalidateOnFocus: boolean;
-    revalidateOnReconnect?: boolean | undefined;
-    revalidateOnMount?: boolean | undefined;
-    revalidateIfStale?: boolean | undefined;
-    shouldRetryOnError?: boolean | ((err: any) => boolean) | undefined;
-    keepPreviousData?: boolean | undefined;
-    suspense?: boolean | undefined;
-    fallbackData?: Output | undefined;
-    fetcher?: BareFetcher<Output> | undefined;
-    use?: import("swr/_internal").Middleware[] | undefined;
-    fallback?: {
-        [key: string]: any;
-    } | undefined;
-    isPaused?: (() => boolean) | undefined;
-    onLoadingSlow?: ((key: string, config: Readonly<import("swr/_internal").PublicConfiguration<Output, any, BareFetcher<Output>>>) => void) | undefined;
-    onSuccess?: ((data: Output, key: string, config: Readonly<import("swr/_internal").PublicConfiguration<Output, any, BareFetcher<Output>>>) => void) | undefined;
-    onError?: ((err: any, key: string, config: Readonly<import("swr/_internal").PublicConfiguration<Output, any, BareFetcher<Output>>>) => void) | undefined;
-    onErrorRetry?: ((err: any, key: string, config: Readonly<import("swr/_internal").PublicConfiguration<Output, any, BareFetcher<Output>>>, revalidate: import("swr/_internal").Revalidator, revalidateOpts: Required<import("swr/_internal").RevalidatorOptions>) => void) | undefined;
-    onDiscarded?: ((key: string) => void) | undefined;
-    compare?: ((a: Output | undefined, b: Output | undefined) => boolean) | undefined;
-    isOnline?: (() => boolean) | undefined;
-    isVisible?: (() => boolean) | undefined;
-}>;
+import { type Fetcher, type SWRConfiguration, type SWRResponse } from 'swr';
+export declare function useCoreApi<Resource extends ListableResourceType, Action extends 'list' | 'retrieve', Method extends CommerceLayerClient[Resource][Action], Output extends Awaited<ReturnType<Method>>, SWROptions extends SWRConfiguration<Output, any, Fetcher<Output>>>(resource: Resource, action: Action, args: Parameters<Method>, config?: SWROptions): SWRResponse<Output, any, SWROptions>;

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

@@ -1,21 +1,26 @@
 import { type ReactNode } from 'react';
-import { type TokenProviderAllowedApp, type TokenProviderAuthSettings, type TokenProviderAuthUser, type TokenProviderResourceType, type TokenProviderRoleActions } from './types';
+import { type TokenProviderTokenApplicationKind } from '../TokenProvider/types';
+import { type ListableResourceType } from '@commercelayer/sdk/lib/cjs/api';
+import { type TokenProviderAllowedApp, type TokenProviderAuthSettings, type TokenProviderAuthUser, type TokenProviderRoleActions } from './types';
 interface TokenProviderValue {
     dashboardUrl?: string;
     settings: TokenProviderAuthSettings;
     user: TokenProviderAuthUser | null;
-    canUser: (action: TokenProviderRoleActions, resource: TokenProviderResourceType) => boolean;
+    canUser: (action: TokenProviderRoleActions, resource: ListableResourceType) => boolean;
+    canAccess: (appSlug: TokenProviderAllowedApp) => boolean;
     emitInvalidAuth: (reason: string) => void;
 }
 export interface TokenProviderProps {
     /**
      * Token kind (will be validated)
+     * Eg. `integration` or `webapp` but also `imports` or `orders` in case of dashboard-generated token
      */
-    clientKind: 'integration' | 'sales_channel' | 'webapp';
+    kind: TokenProviderTokenApplicationKind;
     /**
-     * Slug of the current app (will be validated). Can be one of imports, exports, webhooks, resources, orders or custom
+     * Slug of the current app. Can be one of imports, exports, webhooks, resources, orders or custom.
+     * Will be used to persist token for current app only.
      */
-    currentApp: TokenProviderAllowedApp;
+    appSlug: TokenProviderAllowedApp;
     /**
      * Base domain to be used for Commerce Layer API requests (eg. `commercelayer.io`)
      */
@@ -59,8 +64,8 @@ declare function MockTokenProvider({ children }: TokenProviderProps): JSX.Elemen
 declare namespace MockTokenProvider {
     var displayName: string;
 }
-declare function TokenProvider({ currentApp, clientKind, domain, onInvalidAuth, reauthenticateOnInvalidAuth, loadingElement, errorElement, devMode, children, accessToken: accessTokenFromProp }: TokenProviderProps): JSX.Element;
+declare function TokenProvider({ appSlug, kind, domain, onInvalidAuth, reauthenticateOnInvalidAuth, loadingElement, errorElement, devMode, children, accessToken: accessTokenFromProp }: TokenProviderProps): JSX.Element;
 declare namespace TokenProvider {
     var displayName: string;
 }
-export { TokenProvider, MockTokenProvider };
+export { MockTokenProvider, TokenProvider };

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

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

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

@@ -1,14 +1,14 @@
 import { type TokenProviderAllowedApp } from './types';
 type PersistentItem = 'accessToken';
-export declare function makeStorageKey({ currentApp, item }: {
-    currentApp: TokenProviderAllowedApp;
+export declare function makeStorageKey({ appSlug, item }: {
+    appSlug: TokenProviderAllowedApp;
     item: PersistentItem;
 }): string;
-export declare function getPersistentAccessToken({ currentApp }: {
-    currentApp: TokenProviderAllowedApp;
+export declare function getPersistentAccessToken({ appSlug }: {
+    appSlug: TokenProviderAllowedApp;
 }): string | null;
-export declare function savePersistentAccessToken({ currentApp, accessToken }: {
-    currentApp: TokenProviderAllowedApp;
+export declare function savePersistentAccessToken({ appSlug, accessToken }: {
+    appSlug: TokenProviderAllowedApp;
     accessToken: string;
 }): void;
 export {};

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

@@ -1,8 +1,9 @@
-export type TokenProviderResourceType = 'addresses' | 'adjustments' | 'adyen_gateways' | 'adyen_payments' | 'application' | 'attachments' | 'authorizations' | 'avalara_accounts' | 'billing_info_validation_rules' | 'bing_geocoders' | 'braintree_gateways' | 'braintree_payments' | 'bundles' | 'captures' | 'carrier_accounts' | 'checkout_com_gateways' | 'checkout_com_payments' | 'cleanups' | 'coupon_codes_promotion_rules' | 'coupon_recipients' | 'coupons' | 'customer_addresses' | 'customer_groups' | 'customer_password_resets' | 'customer_payment_sources' | 'customer_subscriptions' | 'customers' | 'delivery_lead_times' | 'event_callbacks' | 'events' | 'exports' | 'external_gateways' | 'external_payments' | 'external_promotions' | 'external_tax_calculators' | 'fixed_amount_promotions' | 'fixed_price_promotions' | 'free_gift_promotions' | 'free_shipping_promotions' | 'geocoders' | 'gift_card_recipients' | 'gift_cards' | 'google_geocoders' | 'imports' | 'in_stock_subscriptions' | 'inventory_models' | 'inventory_return_locations' | 'inventory_stock_locations' | 'klarna_gateways' | 'klarna_payments' | 'line_item_options' | 'line_items' | 'manual_gateways' | 'manual_tax_calculators' | 'markets' | 'merchants' | 'order_amount_promotion_rules' | 'order_copies' | 'order_subscriptions' | 'order_validation_rules' | 'orders' | 'organization' | 'packages' | 'parcel_line_items' | 'parcels' | 'payment_gateways' | 'payment_methods' | 'paypal_gateways' | 'paypal_payments' | 'percentage_discount_promotions' | 'price_lists' | 'price_tiers' | 'price_volume_tiers' | 'prices' | 'promotion_rules' | 'promotions' | 'refunds' | 'return_line_items' | 'returns' | 'shipments' | 'shipping_categories' | 'shipping_method_tiers' | 'shipping_methods' | 'shipping_weight_tiers' | 'shipping_zones' | 'sku_list_items' | 'sku_list_promotion_rules' | 'sku_lists' | 'sku_options' | 'skus' | 'stock_items' | 'stock_line_items' | 'stock_locations' | 'stock_transfers' | 'stripe_gateways' | 'stripe_payments' | 'tax_calculators' | 'tax_categories' | 'tax_rules' | 'taxjar_accounts' | 'transactions' | 'voids' | 'webhooks' | 'wire_transfers';
-export type TokenProviderAllowedApp = 'imports' | 'exports' | 'webhooks' | 'resources' | 'orders' | 'custom';
+import { type ListableResourceType } from '@commercelayer/sdk/lib/cjs/api';
+export type TokenProviderTokenApplicationKind = 'integration' | 'sales_channel' | 'webapp' | ListableResourceType;
+export type TokenProviderAllowedApp = ListableResourceType | 'resources';
 export type TokenProviderRoleActions = 'create' | 'destroy' | 'read' | 'update';
 export type TokenProviderPermissionItem = Record<TokenProviderRoleActions, boolean>;
-export type TokenProviderRolePermissions = Partial<Record<TokenProviderResourceType, TokenProviderPermissionItem>>;
+export type TokenProviderRolePermissions = Partial<Record<ListableResourceType, TokenProviderPermissionItem>>;
 interface CoreApiOwnerUser {
     type: 'User';
     id: string;
@@ -31,14 +32,44 @@ export interface TokenProviderTokenInfo {
     };
     application: {
         id: string;
-        kind: 'integration' | 'sales_channel' | 'webapp';
+        /**
+         * Token application kind.
+         */
+        kind: 'integration' | 'sales_channel' | 'webapp' | ListableResourceType;
+        /**
+         * The name of the application.
+         * When token is generated from the dashboard hub it could be 'Imports', 'Orders', etc...
+         * When is a standard token (`integration`, `sales_channel` or `webapp`) it will be the name assigned when the application was created.
+         */
         name: string;
+        /**
+         * This will be `true` when the token is generated from the dashboard hub.
+         * Only dashboard hub can generate a `core` token.
+         */
         core: boolean;
     };
-    permissions: Record<TokenProviderResourceType, {
+    /**
+     * List of resources with specific permissions for current token.
+     */
+    permissions: Record<ListableResourceType, {
         actions: TokenProviderRoleActions[];
     }>;
+    /**
+     * Owner is only present when the token is generated with a logged-in user
+     */
     owner?: CoreApiOwnerUser | CoreApiOwnerCustomer;
+    /**
+     * This will contain the list of hub applications that the token can access.
+     * Example:
+     * ```
+     * [{name: 'Orders',  kind: 'orders', core: true}, {name: 'Imports',  kind: 'imports', core: true}]
+     * ```
+     */
+    accessible_apps?: Array<{
+        name: string;
+        kind: ListableResourceType;
+        core: boolean;
+    }>;
 }
 export type Mode = 'live' | 'test';
 export interface TokenProviderAuthSettings {

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

@@ -1,4 +1,5 @@
-import { type TokenProviderRolePermissions, type Mode, type TokenProviderAuthUser } from './types';
+import { type TokenProviderAllowedApp, type TokenProviderTokenApplicationKind } from '../TokenProvider/types';
+import { type Mode, type TokenProviderAuthUser, type TokenProviderRolePermissions } from './types';
 export declare function isTokenExpired({ accessToken, compareTo }: {
     accessToken: string;
     compareTo: Date;
@@ -9,15 +10,15 @@ interface ValidToken {
     mode: Mode;
     organizationSlug: string;
     permissions?: TokenProviderRolePermissions;
+    accessibleApps?: TokenProviderAllowedApp[];
     user: TokenProviderAuthUser | null;
 }
 interface InvalidToken {
     isValidToken: false;
 }
-export declare function isValidTokenForCurrentApp({ accessToken, clientKind, domain, currentApp, isProduction }: {
+export declare function isValidTokenForCurrentApp({ accessToken, kind, domain, isProduction }: {
     accessToken: string;
-    clientKind: string;
-    currentApp: string;
+    kind: TokenProviderTokenApplicationKind;
     domain: string;
     isProduction: boolean;
 }): Promise<ValidToken | InvalidToken>;

package/package.json

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