@commercelayer/app-elements 5.6.0 → 6.0.0

package/dist/dictionaries/customers.d.ts

@@ -3,4 +3,4 @@ import { DisplayStatus } from './types';
 export interface CustomerDisplayStatus extends DisplayStatus {
 }
 export declare function getCustomerDisplayStatus(customerObj: Customer): CustomerDisplayStatus;
-export declare function getCustomerStatusName(status: Customer['status']): string;
+export declare function getCustomerStatusName(status: Customer["status"]): string;

package/dist/dictionaries/orders.d.ts

@@ -1,17 +1,17 @@
-import { StatusIconProps } from '../ui/atoms/StatusIcon';
 import { Order } from '@commercelayer/sdk';
+import { StatusIconProps } from '../ui/atoms/StatusIcon';
 import { DisplayStatus } from './types';
 export interface OrderDisplayStatus extends DisplayStatus {
     label: string;
-    icon: StatusIconProps['name'];
-    color: StatusIconProps['background'];
+    icon: StatusIconProps["name"];
+    color: StatusIconProps["background"];
     task?: string;
 }
 export declare function getOrderDisplayStatus(order: Order): OrderDisplayStatus;
-export declare function getOrderTransactionName(type: NonNullable<Order['transactions']>[number]['type']): {
+export declare function getOrderTransactionName(type: NonNullable<Order["transactions"]>[number]["type"]): {
     pastTense: string;
     singular: string;
 };
-export declare function getOrderStatusName(status: Order['status']): string;
-export declare function getOrderPaymentStatusName(status: Order['payment_status']): string;
-export declare function getOrderFulfillmentStatusName(status: Order['fulfillment_status']): string;
+export declare function getOrderStatusName(status: Order["status"]): string;
+export declare function getOrderPaymentStatusName(status: Order["payment_status"]): string;
+export declare function getOrderFulfillmentStatusName(status: Order["fulfillment_status"]): string;

package/dist/dictionaries/promotions.d.ts

@@ -1,7 +1,7 @@
 import { Promotion } from '@commercelayer/sdk';
 import { DisplayStatus } from './types';
 interface PromotionDisplayStatus extends DisplayStatus {
-    status: 'disabled' | 'active' | 'upcoming' | 'expired' | 'used';
+    status: "disabled" | "active" | "upcoming" | "expired" | "used";
 }
-export declare function getPromotionDisplayStatus(promotion: Omit<Promotion, 'type' | 'promotion_rules'>): PromotionDisplayStatus;
+export declare function getPromotionDisplayStatus(promotion: Omit<Promotion, "type" | "promotion_rules">): PromotionDisplayStatus;
 export {};

package/dist/dictionaries/returns.d.ts

@@ -1,11 +1,11 @@
-import { StatusIconProps } from '../ui/atoms/StatusIcon';
 import { Return } from '@commercelayer/sdk';
+import { StatusIconProps } from '../ui/atoms/StatusIcon';
 import { DisplayStatus } from './types';
 export interface ReturnDisplayStatus extends DisplayStatus {
     label: string;
-    icon: StatusIconProps['name'];
-    color: StatusIconProps['background'];
+    icon: StatusIconProps["name"];
+    color: StatusIconProps["background"];
     task?: string;
 }
 export declare function getReturnDisplayStatus(returnObj: Return): ReturnDisplayStatus;
-export declare function getReturnStatusName(status: Return['status']): string;
+export declare function getReturnStatusName(status: Return["status"]): string;

package/dist/dictionaries/shipments.d.ts

@@ -1,11 +1,11 @@
-import { StatusIconProps } from '../ui/atoms/StatusIcon';
 import { Shipment } from '@commercelayer/sdk';
+import { StatusIconProps } from '../ui/atoms/StatusIcon';
 import { DisplayStatus } from './types';
 export interface ShipmentDisplayStatus extends DisplayStatus {
     label: string;
-    icon: StatusIconProps['name'];
-    color: StatusIconProps['background'];
+    icon: StatusIconProps["name"];
+    color: StatusIconProps["background"];
     task?: string;
 }
 export declare function getShipmentDisplayStatus(shipment: Shipment, awaitingStockTransfer?: boolean): ShipmentDisplayStatus;
-export declare function getShipmentStatusName(status: Shipment['status']): string;
+export declare function getShipmentStatusName(status: Shipment["status"]): string;

package/dist/dictionaries/stockTransfers.d.ts

@@ -1,11 +1,11 @@
-import { StatusIconProps } from '../ui/atoms/StatusIcon';
 import { StockTransfer } from '@commercelayer/sdk';
+import { StatusIconProps } from '../ui/atoms/StatusIcon';
 import { DisplayStatus } from './types';
 export interface StockTransferDisplayStatus extends DisplayStatus {
     label: string;
-    icon: StatusIconProps['name'];
-    color: StatusIconProps['background'];
+    icon: StatusIconProps["name"];
+    color: StatusIconProps["background"];
     task?: string;
 }
 export declare function getStockTransferDisplayStatus(stockTransfer: StockTransfer): StockTransferDisplayStatus;
-export declare function getStockTransferStatusName(status: StockTransfer['status']): string;
+export declare function getStockTransferStatusName(status: StockTransfer["status"]): string;

package/dist/dictionaries/types.d.ts

@@ -1,7 +1,7 @@
 import { StatusIconProps } from '../ui/atoms/StatusIcon';
 export interface DisplayStatus {
     label: string;
-    icon: StatusIconProps['name'];
-    color: StatusIconProps['background'];
+    icon: StatusIconProps["name"];
+    color: StatusIconProps["background"];
     task?: string;
 }

package/dist/fetchCoreResourcesSuggestions-DLZhtrDX.js

@@ -0,0 +1,124 @@
+"use client";
+const c = /* @__PURE__ */ (() => {
+  let t;
+  return async (a = !0) => {
+    if (a) {
+      for (; t == null; )
+        await new Promise((e) => setTimeout(e, 100));
+      return t;
+    }
+    return t != null || (t = await fetch("https://core.commercelayer.io/api/public/resources").then(async (e) => await e.json()).then((e) => ({
+      data: e.data.concat([
+        {
+          id: "inventory",
+          type: "resources",
+          attributes: {
+            fields: {
+              available: {
+                type: "boolean",
+                desc: "Indicates if the sku is available."
+              },
+              quantity: {
+                type: "integer",
+                desc: "The available stock quantity."
+              }
+            },
+            relationships: {}
+          }
+        }
+      ]).map((s) => s.id === "sku" ? (delete s.attributes.fields.inventory, {
+        ...s,
+        attributes: {
+          ...s.attributes,
+          relationships: {
+            ...s.attributes.relationships,
+            inventory: {
+              type: "has_one",
+              desc: "The associated inventory.",
+              required: "required",
+              creatable: !0,
+              updatable: !0,
+              filterable: !0,
+              sortable: !0,
+              parent_resource: "Api::SkuResource",
+              class_name: "Inventory"
+            }
+          }
+        }
+      }) : s)
+    })).then(
+      ({ data: e }) => e.reduce((s, r, i, u) => ({
+        ...s,
+        [r.id]: {
+          ...r,
+          fields: Object.entries(r.attributes.fields).filter(([n]) => !n.startsWith("_")),
+          relationships: Object.entries(r.attributes.relationships).filter(([n]) => !n.startsWith("_")).filter(
+            ([, n]) => e.find(
+              (o) => o.id === h(n.class_name)
+            ) != null
+          )
+        }
+      }), {})
+    ).catch((e) => {
+      throw e;
+    })), t;
+  };
+})();
+c(!1);
+async function f(t, a) {
+  if (!new RegExp(`^(${t.join("|")})(.|$)`).test(a))
+    return t.map((r) => ({
+      value: r,
+      type: "relationship"
+    }));
+  const e = await p(a);
+  return [].concat(
+    e.resource?.fields.map(([r]) => ({
+      value: `${e.resourcePath}.${r}`,
+      type: "field"
+    })) ?? []
+  ).concat(
+    e.resource?.relationships.map(([r]) => ({
+      value: `${e.resourcePath}.${r}`,
+      type: "relationship"
+    })) ?? []
+  );
+}
+async function p(t, a) {
+  const e = await c(), s = t.replace(/\.$/, "").split("."), r = s.shift();
+  return a ??= e[r ?? ""], s.reduce(
+    (i, u) => {
+      const n = i.resource?.relationships.find(
+        ([l]) => l === u
+      )?.[1].class_name;
+      if (n == null) {
+        const l = i.resource?.fields.find(([d]) => d === u)?.[1];
+        return {
+          ...i,
+          field: l != null ? {
+            ...l,
+            name: u
+          } : void 0
+        };
+      }
+      const o = e[h(n)];
+      return o == null ? i : {
+        path: i.path,
+        resourcePath: `${i.resourcePath == null ? "" : `${i.resourcePath}.`}${u}`,
+        resource: o
+      };
+    },
+    {
+      path: t,
+      resourcePath: a != null ? r ?? "" : "",
+      resource: a
+    }
+  );
+}
+function h(t) {
+  return t.replace(/([A-Z])/g, "_$1").replace(/^_/, "").toLowerCase();
+}
+export {
+  p as a,
+  f
+};

package/dist/helpers/appsNavigation.d.ts

@@ -12,7 +12,7 @@ export interface BackToItem {
 /**
  * Navigate back to the url found in sessionStorage or to the default relative path.
  */
-export declare function goBack({ setLocation, defaultRelativePath }: {
+export declare function goBack({ setLocation, defaultRelativePath, }: {
     /**
      * React router's history.push method, this is used when linking internal app pages.
      */
@@ -57,7 +57,7 @@ interface NavigateToExternalParams {
         /**
          * required when linking to another app, it indicates if the destination app should be opened in test or live mode
          */
-        mode: 'test' | 'live';
+        mode: "test" | "live";
     };
 }
 /**

package/dist/helpers/attachments.d.ts

@@ -5,4 +5,4 @@ export declare const referenceOrigins: {
     readonly appOrdersRefundNote: "app-orders--refund-note";
     readonly appShipmentsNote: "app-shipments--note";
 };
-export declare function isAttachmentValidNote(attachment: Attachment, validReferenceOrigins: Array<(typeof referenceOrigins)[keyof typeof referenceOrigins]>): attachment is SetNonNullable<SetRequired<Attachment, 'description' | 'reference_origin'>, 'description' | 'reference_origin'>;
+export declare function isAttachmentValidNote(attachment: Attachment, validReferenceOrigins: Array<(typeof referenceOrigins)[keyof typeof referenceOrigins]>): attachment is SetNonNullable<SetRequired<Attachment, "description" | "reference_origin">, "description" | "reference_origin">;

package/dist/helpers/date.d.ts

@@ -1,6 +1,6 @@
-import { I18NLocale } from '../providers/I18NProvider';
 import { Simplify } from 'type-fest';
-type Format = 'date' | 'time' | 'timeWithSeconds' | 'full' | 'fullWithSeconds' | 'distanceToNow';
+import { I18NLocale } from '../providers/I18NProvider';
+type Format = "date" | "time" | "timeWithSeconds" | "full" | "fullWithSeconds" | "distanceToNow";
 interface FormatDateOptions {
     /**
      * JavaScript ISO date string. Example '2022-10-06T11:59:30.371Z'
@@ -49,7 +49,7 @@ interface FormatDateWithPredicateOptions extends FormatDateOptions {
  * @param opts a set of `FormatDateOptions` along with a date verb predicate. In this method `format` prop has 'full' default value.
  * @returns a nice string representation of the predicate, followed by the proper separator and the formatted date. Examples: 'Created today · 1:16 PM', 'Updated on Jul 21, 2022 · 1:16 PM' or 'Updated at 1:16 PM'
  */
-export declare function formatDateWithPredicate({ isoDate, timezone, format, predicate, locale }: FormatDateWithPredicateOptions): string;
+export declare function formatDateWithPredicate({ isoDate, timezone, format, predicate, locale, }: FormatDateWithPredicateOptions): string;
 export declare const timeSeparator = ", ";
 type DateISOString = string;
 /**
@@ -61,9 +61,9 @@ type DateISOString = string;
  * @returns a JavaScript ISO date string that reflect the start or end of the day
  * based on the user timezone. Example '2022-10-06T22:00:00.000Z' when timezone is 'Europe/Rome'
  */
-export declare function getIsoDateAtDayEdge({ isoString, edge, timezone }: {
+export declare function getIsoDateAtDayEdge({ isoString, edge, timezone, }: {
     isoString: DateISOString;
-    edge: 'startOfTheDay' | 'endOfTheDay';
+    edge: "startOfTheDay" | "endOfTheDay";
     timezone?: string;
 }): string | undefined;
 /**
@@ -80,7 +80,7 @@ export declare function getIsoDateAtDayEdge({ isoString, edge, timezone }: {
  * @param timezone (optional) in case of working with a specific timezone different from UTC
  * @returns a new iso string
  */
-export declare function getIsoDateAtDaysBefore({ isoString, days, timezone }: {
+export declare function getIsoDateAtDaysBefore({ isoString, days, timezone, }: {
     isoString: DateISOString;
     days: number;
     timezone?: string;
@@ -88,19 +88,19 @@ export declare function getIsoDateAtDaysBefore({ isoString, days, timezone }: {
 /**
  * Given the event date (`startsAt` and `expiresAt`) it returns whether the the event is `active`, `past` or `upcoming`.
  */
-export declare function getEventDateInfo({ startsAt, expiresAt, timezone }: {
+export declare function getEventDateInfo({ startsAt, expiresAt, timezone, }: {
     /** The activation date/time of the event (ISO date string. Example '2022-10-06T11:59:30.371Z'). */
     startsAt: DateISOString;
     /** The expiration date/time of the promotion (must be after startsAt) (ISO date string. Example '2022-10-06T11:59:30.371Z'). */
     expiresAt: DateISOString;
     /** Set a specific timezone, when not passed default value is 'UTC' */
     timezone?: string;
-}): 'active' | 'past' | 'upcoming';
+}): "active" | "past" | "upcoming";
 /**
  * Format a date range as a nice string also specifying a custom timezone
  * @returns a nice string representation. Example: '1-21 Jul, 2022' or 'Jul 21, 2022 - Jan 12, 2023'
  */
-export declare function formatDateRange({ rangeFrom, rangeTo, timezone, locale }: {
+export declare function formatDateRange({ rangeFrom, rangeTo, timezone, locale, }: {
     /** JavaScript Date or ISO string. Example '2022-10-06T11:59:30.371Z' */
     rangeFrom: DateISOString | Date;
     /** JavaScript Date or ISO string. Example '2022-11-06T11:59:30.371Z' */
@@ -114,17 +114,17 @@ export declare function formatDateRange({ rangeFrom, rangeTo, timezone, locale }
 export interface Event {
     date: string;
 }
-type Position = 'first' | 'other';
+type Position = "first" | "other";
 /**
  *
  * @param events
  * @param options
  * @returns
  */
-export declare function sortAndGroupByDate<T extends Event>(events: T[], { timezone, locale, orders }?: {
+export declare function sortAndGroupByDate<T extends Event>(events: T[], { timezone, locale, orders, }?: {
     timezone?: string;
     locale?: I18NLocale;
-    orders?: 'asc' | 'desc';
+    orders?: "asc" | "desc";
 }): Record<string, Array<Simplify<T & {
     position: Position;
 }>>>;
@@ -159,7 +159,7 @@ export declare function removeMillisecondsFromIsoDate(isoDate: string): string;
  * // { date_from: '2022-04-24T13:45:01.000Z, date_to: '2023-04-24T13:45:00.000Z' }
  * ```
  */
-export declare function makeDateYearsRange({ now, yearsAgo, showMilliseconds }: {
+export declare function makeDateYearsRange({ now, yearsAgo, showMilliseconds, }: {
     now: Date;
     yearsAgo: number;
     showMilliseconds: boolean;

package/dist/helpers/downloadJsonAsFile.d.ts

@@ -3,7 +3,7 @@
  * @param json - optional JSON object that will be the content of downloaded file
  * @param filename - string to define the downloaded file name
  */
-export declare function downloadJsonAsFile({ json, filename }: {
+export declare function downloadJsonAsFile({ json, filename, }: {
     json?: object;
     filename: string;
 }): void;

package/dist/helpers/resources.d.ts

@@ -3,13 +3,13 @@ import { ListableResourceType, ResourceTypeLock, ResourceUpdate } from '@commerc
  * Format a resource name for display in the UI based on the count and format.
  * default format is lower case and singular
  */
-export declare function formatResourceName({ resource, count, format }: {
+export declare function formatResourceName({ resource, count, format, }: {
     resource: ListableResourceType;
-    count?: number | 'singular' | 'plural';
-    format?: 'lower' | 'title';
+    count?: number | "singular" | "plural";
+    format?: "lower" | "title";
 }): string;
 export type TriggerAttribute<Resource extends ResourceUpdate> = Extract<keyof Resource, `_${string}`>;
-export type ResourceEndpoint = Exclude<ResourceTypeLock, 'applications' | 'organizations'> | ('organization' | 'application');
+export type ResourceEndpoint = Exclude<ResourceTypeLock, "applications" | "organizations"> | ("organization" | "application");
 /**
  * Get the resource endpoint for a given resource type.
  * @param resourceType The resource type

package/dist/helpers/tracking.d.ts

@@ -1,8 +1,8 @@
-import { AvatarProps } from '../ui/atoms/Avatar';
 import { Parcel, Shipment } from '@commercelayer/sdk';
 import { SetNonNullable } from 'type-fest';
 import { z } from 'zod';
-export declare function getAvatarSrcFromRate(rate: Rate): AvatarProps['src'];
+import { AvatarProps } from '../ui/atoms/Avatar';
+export declare function getAvatarSrcFromRate(rate: Rate): AvatarProps["src"];
 /**
  * Get tracking details descending sorted from a parcel.
  */
@@ -86,9 +86,9 @@ declare const trackingDetailSchema: z.ZodObject<{
     carrier_code: z.ZodNullable<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     object: "TrackingDetail";
-    description: string | null;
     source: string | null;
     status: string | null;
+    description: string | null;
     message: string | null;
     status_detail: string | null;
     datetime: string | null;
@@ -102,9 +102,9 @@ declare const trackingDetailSchema: z.ZodObject<{
     carrier_code: string | null;
 }, {
     object: "TrackingDetail";
-    description: string | null;
     source: string | null;
     status: string | null;
+    description: string | null;
     message: string | null;
     status_detail: string | null;
     datetime: string | null;

package/dist/hooks/useClickAway.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from 'react';
-export declare const useClickAway: (onClickAway?: () => void) => RefObject<HTMLDivElement> | undefined;
+export declare const useClickAway: (onClickAway: () => void) => RefObject<HTMLDivElement> | undefined;

package/dist/hooks/useEditMetadataOverlay.d.ts

@@ -1,12 +1,12 @@
-import { ResourceMetadataProps } from '../ui/resources/ResourceMetadata';
 import { FC } from 'react';
+import { ResourceMetadataProps } from '../ui/resources/ResourceMetadata';
 export interface EditMetadataOverlayProps {
     /**
      * Optional title shown as first line in edit overlay heading
      */
     title?: string;
-    resourceId: ResourceMetadataProps['resourceId'];
-    resourceType: ResourceMetadataProps['resourceType'];
+    resourceId: ResourceMetadataProps["resourceId"];
+    resourceType: ResourceMetadataProps["resourceType"];
 }
 interface MetadataOverlayHook {
     show: () => void;

package/dist/hooks/useEditTagsOverlay.d.ts

@@ -8,8 +8,8 @@ export interface EditTagsOverlayProps {
      * Optional setting to define if tags app management link is to be shown in edit overlay heading
      */
     showManageAction?: boolean;
-    resourceId: ResourceTagsProps['resourceId'];
-    resourceType: ResourceTagsProps['resourceType'];
+    resourceId: ResourceTagsProps["resourceId"];
+    resourceType: ResourceTagsProps["resourceType"];
 }
 interface TagsOverlayHook {
     show: () => void;

package/dist/hooks/useIsChanged.d.ts

@@ -5,7 +5,7 @@
  * @param onChange - the action to trigger when the value has changed
  * @returns - a boolean that is true when the value has changed
  */
-export declare function useIsChanged<T>({ value, onChange }: {
+export declare function useIsChanged<T>({ value, onChange, }: {
     value: T;
     onChange?: () => void;
 }): boolean;