@commercelayer/app-elements 1.23.3 → 1.24.1

package/dist/ui/resources/ResourceAddress/ResourceAddressFormFields.d.ts

@@ -0,0 +1,52 @@
+import { z } from 'zod';
+
+export declare const resourceAddressFormFieldsSchema: z.ZodObject<{
+    first_name: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    last_name: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    company: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    line_1: z.ZodString;
+    line_2: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    city: z.ZodString;
+    zip_code: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    state_code: z.ZodString;
+    country_code: z.ZodString;
+    phone: z.ZodString;
+    billing_info: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    notes: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+}, "strip", z.ZodTypeAny, {
+    city: string;
+    country_code: string;
+    line_1: string;
+    state_code: string;
+    phone: string;
+    first_name?: string | null | undefined;
+    last_name?: string | null | undefined;
+    company?: string | null | undefined;
+    line_2?: string | null | undefined;
+    zip_code?: string | null | undefined;
+    notes?: string | null | undefined;
+    billing_info?: string | null | undefined;
+}, {
+    city: string;
+    country_code: string;
+    line_1: string;
+    state_code: string;
+    phone: string;
+    first_name?: string | null | undefined;
+    last_name?: string | null | undefined;
+    company?: string | null | undefined;
+    line_2?: string | null | undefined;
+    zip_code?: string | null | undefined;
+    notes?: string | null | undefined;
+    billing_info?: string | null | undefined;
+}>;
+export interface ResourceAddressFormFieldsProps {
+    name?: string;
+    showBillingInfo?: boolean;
+}
+export declare const ResourceAddressFormFields: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
+    name?: string | undefined;
+    showBillingInfo?: boolean | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
+}>;

package/dist/ui/resources/ResourceAddress/index.d.ts

@@ -1 +1,3 @@
 export { ResourceAddress, type ResourceAddressProps } from './ResourceAddress';
+export { ResourceAddressFormFields, resourceAddressFormFieldsSchema, type ResourceAddressFormFieldsProps } from './ResourceAddressFormFields';
+export { useResourceAddressOverlay } from './useResourceAddressOverlay';

package/dist/ui/resources/ResourceAddress/useResourceAddressOverlay.d.ts

@@ -0,0 +1,11 @@
+import { Address } from '@commercelayer/sdk';
+
+export declare const useResourceAddressOverlay: ({ title, address, showBillingInfo, onUpdate }: {
+    title?: string;
+    address: Address;
+    showBillingInfo?: boolean;
+    onUpdate?: (updatedAddress: Address) => void;
+}) => {
+    ResourceAddressOverlay: () => false | import("react/jsx-runtime").JSX.Element;
+    openAddressOverlay: () => void;
+};

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

@@ -9,7 +9,7 @@ export declare const ListItemDescription: import('../../atoms/SkeletonTemplate')
 }>;
 export declare const ListItemIcon: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     color: "none" | "green" | "orange" | "red" | "gray" | "lightGray" | "teal" | "white" | "black" | undefined;
-    icon: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle";
+    icon: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle";
     delayMs?: number | undefined;
     isLoading?: boolean | undefined;
 }>;

package/dist/utils/children.d.ts

@@ -16,6 +16,21 @@ export declare function isFunctionComponent(reactNode: ReactNode): reactNode is
  * ```
  */
 export declare function isSpecificReactComponent(reactNode: ReactNode, displayNames: RegExp[]): reactNode is JSX.Element;
+/**
+ * Checks if a ReactNode matches a specific JSX tag.
+ * @param reactNode - a ReactNode single child
+ * @param tagNames - a list of names of the jsx tags we would like to match
+ * @returns a boolean value indicating argument match the passed displayNames
+ *
+ * @example
+ * ```jsx
+ * React.Children.map(children, (child) =>
+ *   isSpecificJsxTag(child, ['button', 'input'])
+ * )
+ * // will return an array of true/false values depending if some child is a button
+ * ```
+ */
+export declare function isSpecificJsxTag(reactNode: ReactNode, tagNames: string[]): reactNode is JSX.Element;
 export declare function getInnerText(reactNode: ReactNode): string;
 /**
  * Filter an `Element` looking for all children with the given `displayName`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "1.23.3",
+  "version": "1.24.1",
   "type": "module",
   "license": "MIT",
   "files": [
@@ -39,7 +39,7 @@
     "query-string": "^9.0.0",
     "react": "^18.2.0",
     "react-currency-input-field": "^3.8.0",
-    "react-datepicker": "^6.7.0",
+    "react-datepicker": "^6.9.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.51.3",
     "react-select": "^5.8.0",
@@ -47,7 +47,7 @@
     "swr": "^2.2.5",
     "ts-invariant": "^0.10.3",
     "type-fest": "^4.15.0",
-    "zod": "^3.22.4"
+    "zod": "^3.23.4"
   },
   "devDependencies": {
     "@commercelayer/eslint-config-ts-react": "^1.4.5",
@@ -63,8 +63,8 @@
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.19",
     "cross-fetch": "^4.0.0",
-    "date-fns": "^2.30.0",
-    "date-fns-tz": "^2.0.0",
+    "date-fns": "^3.6.0",
+    "date-fns-tz": "^3.1.3",
     "eslint": "^8.56.0",
     "jsdom": "^24.0.0",
     "msw": "^2.2.13",