@commercelayer/app-elements 1.7.1 → 1.8.0

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

@@ -9,6 +9,11 @@ export interface AvatarLetterProps {
      */
     className?: string;
     style?: React.CSSProperties;
+    children?: (values: {
+        initials: string;
+        backgroundColor: string;
+        textColor: string;
+    }) => JSX.Element;
 }
 /**
  * This component can be used to show a profile picture without being forced to use an image.
@@ -16,7 +21,7 @@ export interface AvatarLetterProps {
  * It takes the text and renders the initials with a background.
  * <span type="info" title="Background color">Given the same text, the background color will be always the same.</span>
  */
-export declare function AvatarLetter({ text, className, style, ...rest }: AvatarLetterProps): JSX.Element;
+export declare function AvatarLetter({ text, className, style, children, ...rest }: AvatarLetterProps): JSX.Element;
 export declare namespace AvatarLetter {
     var displayName: string;
 }

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

@@ -1,6 +1,7 @@
 import * as phosphor from '@phosphor-icons/react';
 export declare const iconMapping: {
     readonly arrowBendDownRight: phosphor.Icon;
+    readonly apps: phosphor.Icon;
     readonly arrowCircleDown: phosphor.Icon;
     readonly arrowClockwise: phosphor.Icon;
     readonly arrowDown: phosphor.Icon;
@@ -12,19 +13,25 @@ export declare const iconMapping: {
     readonly chatCircle: phosphor.Icon;
     readonly check: phosphor.Icon;
     readonly cloud: phosphor.Icon;
+    readonly credentials: phosphor.Icon;
     readonly creditCard: phosphor.Icon;
     readonly download: phosphor.Icon;
     readonly eye: phosphor.Icon;
     readonly flag: phosphor.Icon;
     readonly funnel: phosphor.Icon;
+    readonly github: phosphor.Icon;
+    readonly google: phosphor.Icon;
+    readonly home: phosphor.Icon;
     readonly hourglass: phosphor.Icon;
     readonly magnifyingGlass: phosphor.Icon;
     readonly minus: phosphor.Icon;
     readonly package: phosphor.Icon;
     readonly pencilSimple: phosphor.Icon;
     readonly printer: phosphor.Icon;
+    readonly resources: phosphor.Icon;
+    readonly settings: phosphor.Icon;
     readonly shoppingBag: phosphor.Icon;
-    readonly stack: phosphor.Icon;
+    readonly team: phosphor.Icon;
     readonly truck: phosphor.Icon;
     readonly upload: phosphor.Icon;
     readonly user: phosphor.Icon;

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

@@ -0,0 +1,21 @@
+import React, { type FC, type ReactNode } from 'react';
+export interface OrganizationMenuItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'type'> {
+    /**
+     * the type will be used to render the icon and the label
+     */
+    type: 'home' | 'apps' | 'resources' | 'credentials' | 'team' | 'settings';
+    /**
+     * set the active status of the menu item
+     */
+    isActive?: boolean;
+}
+/**
+ * Render the wrapper for the OrganizationMenuItem
+ */
+export declare const OrganizationMenuItem: FC<OrganizationMenuItemProps>;
+/**
+ * Render the wrapper for the OrganizationMenuItem
+ */
+export declare const OrganizationMenu: FC<{
+    children: ReactNode;
+}>;

package/dist/ui/composite/OrganizationMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+export interface SwitchModeProps {
+    mode: 'test' | 'live';
+    onChange: (newMode: 'test' | 'live') => void;
+}
+export declare const SwitchMode: FC<SwitchModeProps>;

package/dist/ui/composite/SwitchMode.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,6 +1,7 @@
-import type { LineItem, ParcelLineItem, ReturnLineItem, StockLineItem } from '@commercelayer/sdk';
+import type { LineItem, ParcelLineItem, ReturnLineItem } from '@commercelayer/sdk';
 import { type ComponentProps } from 'react';
-type Item = LineItem | ParcelLineItem | StockLineItem | ReturnLineItem;
+import { type StockLineItemWithStockTransfer } from './types';
+type Item = LineItem | ParcelLineItem | StockLineItemWithStockTransfer | ReturnLineItem;
 export type ResourceLineItemsProps = ComponentProps<typeof ResourceLineItems>;
 /**
  * This component renders a list of line items taking care of showing the right informations and structure depending of provided line item type.

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

@@ -214,6 +214,59 @@ export declare const presetLineItems: {
             metadata: {};
         };
     };
+    stockLineItemWithStockTransfer: {
+        id: string;
+        type: "stock_line_items";
+        sku_code: string;
+        quantity: number;
+        created_at: string;
+        updated_at: string;
+        reference: null;
+        reference_origin: null;
+        metadata: {};
+        sku: {
+            id: string;
+            type: "skus";
+            code: string;
+            name: string;
+            description: string;
+            image_url: string;
+            weight: number;
+            unit_of_weight: "gr";
+            hs_tariff_number: string;
+            do_not_ship: false;
+            do_not_track: false;
+            inventory: null;
+            created_at: string;
+            updated_at: string;
+            reference: string;
+            reference_origin: string;
+            metadata: {};
+        };
+        stockTransfer: {
+            readonly type: "stock_transfers";
+            readonly id: "";
+            readonly number: 3478;
+            readonly quantity: 1;
+            readonly updated_at: "2023-06-10T06:38:44.964Z";
+            readonly created_at: "2023-06-09T11:00:00.000Z";
+            readonly status: "upcoming";
+            readonly origin_stock_location: {
+                readonly type: "stock_locations";
+                readonly id: "";
+                readonly name: "US Warehouse";
+                readonly created_at: "";
+                readonly updated_at: "";
+            };
+            readonly destination_stock_location: {
+                readonly type: "stock_locations";
+                readonly id: "";
+                readonly name: "NY Store";
+                readonly created_at: "";
+                readonly updated_at: "";
+            };
+        };
+    };
     parcelLineItem: {
         id: string;
         type: "parcel_line_items";

package/dist/ui/resources/ResourceLineItems/types.d.ts

@@ -0,0 +1,4 @@
+import { type StockLineItem, type StockTransfer } from '@commercelayer/sdk';
+export type StockLineItemWithStockTransfer = StockLineItem & {
+    stockTransfer?: StockTransfer;
+};

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

@@ -466,4 +466,119 @@ export declare const presetResourceListItem: {
             readonly updated_at: "";
         };
     };
+    shipmentUpcoming: {
+        type: "shipments";
+        id: string;
+        created_at: string;
+        updated_at: string;
+        number: string;
+        status: "upcoming";
+        stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "US Warehouse";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+    };
+    shipmentPicking: {
+        type: "shipments";
+        id: string;
+        created_at: string;
+        updated_at: string;
+        number: string;
+        status: "picking";
+        stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "US Warehouse";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+    };
+    shipmentPacking: {
+        type: "shipments";
+        id: string;
+        created_at: string;
+        updated_at: string;
+        number: string;
+        status: "packing";
+        stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "US Warehouse";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+    };
+    shipmentReadyToShip: {
+        type: "shipments";
+        id: string;
+        created_at: string;
+        updated_at: string;
+        number: string;
+        status: "ready_to_ship";
+        stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "US Warehouse";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+    };
+    shipmentOnHold: {
+        type: "shipments";
+        id: string;
+        created_at: string;
+        updated_at: string;
+        number: string;
+        status: "on_hold";
+        stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "US Warehouse";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+    };
+    shipmentShipped: {
+        type: "shipments";
+        id: string;
+        created_at: string;
+        updated_at: string;
+        number: string;
+        status: "shipped";
+        stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "US Warehouse";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+    };
+    shipmentWithStockTransfer: {
+        type: "shipments";
+        id: string;
+        created_at: string;
+        updated_at: string;
+        number: string;
+        status: "upcoming";
+        stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "US Warehouse";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+        stock_transfers: {
+            readonly type: "stock_transfers";
+            readonly id: "";
+            readonly number: 30817130;
+            readonly sku_code: "BABYBIBXA19D9D000000XXXX";
+            readonly quantity: 1;
+            readonly status: "upcoming";
+            readonly created_at: "";
+            readonly updated_at: "";
+        }[];
+    };
 };

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

@@ -8,7 +8,7 @@ export declare const ListItemDescription: import('../../atoms/SkeletonTemplate')
 }>;
 export declare const ListItemIcon: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     color: "none" | "green" | "orange" | "red" | "gray" | "teal" | "white" | "black" | undefined;
-    icon: "download" | "package" | "arrowBendDownRight" | "arrowCircleDown" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowsLeftRight" | "arrowUpRight" | "asterisk" | "caretRight" | "chatCircle" | "check" | "cloud" | "creditCard" | "eye" | "flag" | "funnel" | "hourglass" | "magnifyingGlass" | "minus" | "pencilSimple" | "printer" | "shoppingBag" | "stack" | "truck" | "upload" | "user" | "warning" | "warningCircle" | "x";
+    icon: "download" | "package" | "settings" | "arrowBendDownRight" | "apps" | "arrowCircleDown" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowsLeftRight" | "arrowUpRight" | "asterisk" | "caretRight" | "chatCircle" | "check" | "cloud" | "credentials" | "creditCard" | "eye" | "flag" | "funnel" | "github" | "google" | "home" | "hourglass" | "magnifyingGlass" | "minus" | "pencilSimple" | "printer" | "resources" | "shoppingBag" | "team" | "truck" | "upload" | "user" | "warning" | "warningCircle" | "x";
     delayMs?: number | undefined;
     isLoading?: boolean | undefined;
 }>;

package/dist/ui/resources/ResourceListItem/transformers/index.d.ts

@@ -1,4 +1,5 @@
 export { customerToProps } from './customers';
 export { orderToProps } from './orders';
 export { returnToProps } from './returns';
+export { shipmentToProps } from './shipments';
 export { stockTransferToProps } from './stockTransfers';

package/dist/ui/resources/ResourceListItem/transformers/shipments.d.ts

@@ -0,0 +1,3 @@
+import type { Shipment } from '@commercelayer/sdk';
+import { type ResourceToProps } from '../types';
+export declare const shipmentToProps: ResourceToProps<Shipment>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { TokenProviderAuthUser } from '../../../providers/TokenProvider/types';
-import type { Customer, Order, Return, StockTransfer } from '@commercelayer/sdk';
-export type ResourceListItemType = Order | Return | Customer | StockTransfer;
+import type { Customer, Order, Return, Shipment, StockTransfer } from '@commercelayer/sdk';
+export type ResourceListItemType = Order | Return | Customer | StockTransfer | Shipment;
 export interface ResourceListItemComponentProps {
     name: string;
     description: JSX.Element | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "1.7.1",
+  "version": "1.8.0",
   "type": "module",
   "license": "MIT",
   "files": [
@@ -21,7 +21,6 @@
     "pnpm": ">=7"
   },
   "dependencies": {
-    "@ac-dev/countries-service": "^1.2.0",
     "@commercelayer/sdk": "5.21.1",
     "@types/lodash": "^4.14.200",
     "@types/react": "^18.2.34",