@commercelayer/app-elements 0.0.26 → 0.0.28

package/dist/main.js

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

package/dist/{overrides-ecb4f800.js → overrides-0f6c5b62.js}

@@ -1,7 +1,7 @@
 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 { createPortal as yr } from "react-dom";
-import { X as Er } from "./main-81ebe20f.js";
+import { H as yr } from "./main-37264eee.js";
+import { createPortal as Er } from "react-dom";
 var Ue = {}, xr = {
   get exports() {
     return Ue;
@@ -2098,7 +2098,7 @@ var Na = function(e) {
   }), a), i);
   return G(er.Provider, {
     value: f
-  }, r ? /* @__PURE__ */ yr(y, r) : y);
+  }, r ? /* @__PURE__ */ Er(y, r) : y);
 }, Ra = function(e) {
   var r = e.isDisabled, i = e.isRtl;
   return {
@@ -4334,7 +4334,7 @@ function su(t) {
   )));
 }
 function cu(t) {
-  return /* @__PURE__ */ fe.createElement(Pt.ClearIndicator, { ...t, className: "p-0" }, /* @__PURE__ */ fe.createElement("button", { type: "button", className: "px-2 cursor-pointer" }, /* @__PURE__ */ fe.createElement(Er, null)));
+  return /* @__PURE__ */ fe.createElement(Pt.ClearIndicator, { ...t, className: "p-0" }, /* @__PURE__ */ fe.createElement("button", { type: "button", className: "px-2 cursor-pointer" }, /* @__PURE__ */ fe.createElement(yr, null)));
 }
 const pu = {
   DropdownIndicator: su,

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

@@ -3,7 +3,7 @@ import { type TokenProviderAllowedApp, type TokenProviderRoleActions, type Token
 interface TokenProviderValue {
     dashboardUrl?: string;
     settings: TokenProviderAuthSettings;
-    user: TokenProviderAuthUser;
+    user: TokenProviderAuthUser | null;
     canUser: (action: TokenProviderRoleActions, resource: TokenProviderResourceType) => boolean;
     emitInvalidAuth: (reason: string) => void;
 }

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

@@ -6,7 +6,7 @@ interface TokenProviderInternalState {
     isTokenError: boolean;
     rolePermissions: TokenProviderRolePermissions;
     settings: TokenProviderAuthSettings;
-    user: TokenProviderAuthUser;
+    user: TokenProviderAuthUser | null;
 }
 export declare const initialTokenProviderState: TokenProviderInternalState;
 type Action = {
@@ -15,7 +15,7 @@ type Action = {
     type: 'validToken';
     payload: {
         settings: TokenProviderAuthSettings;
-        user: TokenProviderAuthUser;
+        user: TokenProviderAuthUser | null;
         rolePermissions: TokenProviderRolePermissions;
     };
 };

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

@@ -3,6 +3,20 @@ export type TokenProviderAllowedApp = 'imports' | 'exports' | 'webhooks' | 'reso
 export type TokenProviderRoleActions = 'create' | 'destroy' | 'read' | 'update';
 export type TokenProviderPermissionItem = Record<TokenProviderRoleActions, boolean>;
 export type TokenProviderRolePermissions = Partial<Record<TokenProviderResourceType, TokenProviderPermissionItem>>;
+interface CoreApiOwnerUser {
+    type: 'User';
+    id: string;
+    first_name: string;
+    last_name: string;
+    email: string;
+    owner: boolean;
+    time_zone: string;
+}
+interface CoreApiOwnerCustomer {
+    type: 'Customer';
+    id: string;
+    email: string;
+}
 export interface TokenProviderTokenInfo {
     token: {
         test: boolean;
@@ -24,15 +38,7 @@ export interface TokenProviderTokenInfo {
     permissions: Record<TokenProviderResourceType, {
         actions: TokenProviderRoleActions[];
     }>;
-    owner?: {
-        id: string;
-        type: 'User';
-        first_name?: string;
-        last_name?: string;
-        email?: string;
-        owner?: boolean;
-        time_zone?: string;
-    };
+    owner?: CoreApiOwnerUser | CoreApiOwnerCustomer;
 }
 export type Mode = 'live' | 'test';
 export interface TokenProviderAuthSettings {
@@ -42,11 +48,12 @@ export interface TokenProviderAuthSettings {
     mode: Mode;
 }
 export interface TokenProviderAuthUser {
-    id?: string;
-    email?: string;
-    firstName?: string;
-    lastName?: string;
-    displayName?: string;
-    fullName?: string;
-    timezone?: string;
+    id: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+    displayName: string;
+    fullName: string;
+    timezone: string;
 }
+export {};

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

@@ -9,7 +9,7 @@ interface ValidToken {
     mode: Mode;
     organizationSlug: string;
     permissions?: TokenProviderRolePermissions;
-    user: TokenProviderAuthUser;
+    user: TokenProviderAuthUser | null;
 }
 interface InvalidToken {
     isValidToken: false;

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

@@ -1,8 +1,8 @@
-export interface AvatarProps extends React.HTMLAttributes<HTMLImageElement> {
+export interface AvatarProps {
     /**
      * Image URL
      */
-    src: string;
+    src: keyof typeof presets | `https://${string}` | `data:image/${string}`;
     /**
      * Alt text
      */
@@ -22,9 +22,23 @@ export interface AvatarProps extends React.HTMLAttributes<HTMLImageElement> {
      * @default "normal"
      */
     size?: 'small' | 'normal';
+    /**
+     * Image class
+     */
+    className?: string;
 }
 declare function Avatar({ src, alt, border, shape, size, className, ...rest }: AvatarProps): JSX.Element;
 declare namespace Avatar {
     var displayName: string;
 }
 export { Avatar };
+declare const presets: {
+    'payments:stripe': string;
+    'payments:braintree': string;
+    'payments:paypal': string;
+    'payments:klarna': string;
+    'payments:checkout': string;
+    'payments:adyen': string;
+    'payments:axerve': string;
+    'payments:satispay': string;
+};

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

@@ -1,4 +1,4 @@
-import * as phosphor from 'phosphor-react';
+import * as phosphor from '@phosphor-icons/react';
 export interface IconProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Name of the icon to display
@@ -23,27 +23,27 @@ declare namespace Icon {
 }
 export { Icon };
 declare const iconMapping: {
-    arrowBendDownRight: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    arrowCircleDown: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    arrowClockwise: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    arrowDown: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    arrowLeft: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    asterisk: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    caretRight: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    chatCircle: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    check: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    cloud: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    creditCard: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    download: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    eye: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    flag: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    funnel: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    magnifyingGlass: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    minus: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    package: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    stack: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    upload: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    user: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    warning: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
-    x: import("react").ForwardRefExoticComponent<phosphor.IconProps & import("react").RefAttributes<SVGSVGElement>>;
+    arrowBendDownRight: phosphor.Icon;
+    arrowCircleDown: phosphor.Icon;
+    arrowClockwise: phosphor.Icon;
+    arrowDown: phosphor.Icon;
+    arrowLeft: phosphor.Icon;
+    asterisk: phosphor.Icon;
+    caretRight: phosphor.Icon;
+    chatCircle: phosphor.Icon;
+    check: phosphor.Icon;
+    cloud: phosphor.Icon;
+    creditCard: phosphor.Icon;
+    download: phosphor.Icon;
+    eye: phosphor.Icon;
+    flag: phosphor.Icon;
+    funnel: phosphor.Icon;
+    magnifyingGlass: phosphor.Icon;
+    minus: phosphor.Icon;
+    package: phosphor.Icon;
+    stack: phosphor.Icon;
+    upload: phosphor.Icon;
+    user: phosphor.Icon;
+    warning: phosphor.Icon;
+    x: phosphor.Icon;
 };

package/dist/ui/composite/Timeline.d.ts

@@ -6,6 +6,7 @@ export interface TimelineEvent {
 }
 export declare const Timeline: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     events: TimelineEvent[];
+    timezone?: string | undefined;
     onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
     onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
     delayMs?: number | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "type": "module",
   "files": [
     "dist"
@@ -37,6 +37,7 @@
   },
   "devDependencies": {
     "@commercelayer/eslint-config-ts-react": "^1.0.0",
+    "@phosphor-icons/react": "v2.0.9",
     "@tailwindcss/forms": "^0.5.3",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
@@ -50,7 +51,6 @@
     "eslint": "^8.37.0",
     "jsdom": "^21.1.1",
     "msw": "^1.2.1",
-    "phosphor-react": "^1.4.1",
     "polished": "^4.2.2",
     "postcss": "^8.4.21",
     "tailwindcss": "^3.3.1",