formica-ui-lib 1.0.231 → 1.0.232

package/dist/componentProps/molecules/cart/productcontactactions/ProductContactActionsProps.d.ts

@@ -0,0 +1,17 @@
+import type { FaTypeClass } from "../../../atoms/icon/IconProps";
+export type ProductContactAction = {
+    id: string;
+    label: string;
+    iconName?: string;
+    iconType?: FaTypeClass;
+    iconAlt?: string;
+    ariaLabel?: string;
+    disabled?: boolean;
+};
+export type ProductContactActionClickPayload = {
+    action: ProductContactAction;
+};
+export type ProductContactActionsProps = {
+    actions: [ProductContactAction, ProductContactAction];
+    onActionClick?: (payload: ProductContactActionClickPayload) => void;
+};

package/dist/componentProps/organisms/cart/purchasepanel/PurchasePanelLeftPanelProps.d.ts

@@ -1,7 +1,9 @@
 import type { ButtonGridItem } from "../../../molecules/buttons/buttongrid/ButtonGridProps";
 import type { ReactNode } from "react";
 import type { ColourMatchingChartData } from "../../../molecules/productinformation/colourmatchingchart/ColourMatchingChartProps";
+import type { ProductContactAction, ProductContactActionClickPayload } from "../../../molecules/cart/productcontactactions/ProductContactActionsProps";
 export type SwatchPurchasePanelTab = "Sample" | "Buy Now" | string;
+export type PurchasePanelActionMode = "cart" | "contact";
 export type SwatchOption = ButtonGridItem & {
     id: string;
     label: string;
@@ -44,8 +46,11 @@ export type PurchasePanelLeftPanelProps = {
     minQuantity?: number;
     maxQuantity?: number;
     showCartActions?: boolean;
+    actionMode?: PurchasePanelActionMode;
+    contactActions?: [ProductContactAction, ProductContactAction];
     onQuantityChange?: (quantity: number) => void;
-    onAddToWishlist: () => void;
-    onAddToCart: (quantity: number) => void;
+    onAddToWishlist?: () => void;
+    onAddToCart?: (quantity: number) => void;
+    onContactActionClick?: (payload: ProductContactActionClickPayload) => void;
     mobileMediaSlot?: ReactNode;
 };

package/dist/componentProps/organisms/cart/purchasepanel/PurchasePanelProps.d.ts

@@ -1,6 +1,8 @@
 import type { SwatchPurchasePanelCarousel } from "./PurchasePanelRightPanelProps";
 import type { ColourMatchingChartData } from "../../../molecules/productinformation/colourmatchingchart/ColourMatchingChartProps";
+import type { ProductContactAction, ProductContactActionClickPayload } from "../../../molecules/cart/productcontactactions/ProductContactActionsProps";
 export type PurchasePanelTab = "Sample" | "Buy Now" | string;
+export type PurchasePanelActionMode = "cart" | "contact";
 export type SwatchPurchasePanelNavigateMeta = {
     kind: "availability" | "returnPolicy";
 };
@@ -31,6 +33,16 @@ export type CartOrderProps = {
     currency?: string;
     bigCommerceProductId?: string | number;
 };
+export type PurchasePanelContactActionClickPayload = ProductContactActionClickPayload & {
+    sku?: string;
+    decor?: string;
+    title: string;
+    activeTab: PurchasePanelTab;
+    product: string | null;
+    grade: string | null;
+    texture: string | null;
+    size: string | null;
+};
 export type PurchasePanelTabOptionGroups = {
     productOptions?: PurchasePanelOptionProps[];
     gradeOptions?: PurchasePanelOptionProps[];
@@ -81,8 +93,11 @@ export type PurchasePanelProps = {
     initialQuantity?: number;
     minQuantity?: number;
     maxQuantity?: number;
-    onAddToWishlist: (payload: AddToFavoritesPayloadProps) => void;
-    onAddToCart: (order: CartOrderProps) => void;
+    actionMode?: PurchasePanelActionMode;
+    contactActions?: [ProductContactAction, ProductContactAction];
+    onAddToWishlist?: (payload: AddToFavoritesPayloadProps) => void;
+    onAddToCart?: (order: CartOrderProps) => void;
+    onContactActionClick?: (payload: PurchasePanelContactActionClickPayload) => void;
     availabilityHref?: string;
     availabilityLabel?: string;
     returnPolicyHref?: string;

package/dist/componentProps/organisms/navigation/TopNavActionsProps.d.ts

@@ -7,6 +7,7 @@ export type TopNavActionsProps = {
     selectedCountry?: Country | null;
     Login: TopNavLogin;
     Cart?: TopNavCartSummary;
+    showCart?: boolean;
     showFavorites?: boolean;
     showLogin?: boolean;
     searchResultItems?: TopNavSearchResultItem[];

package/dist/componentProps/organisms/navigation/TopNavBarProps.d.ts

@@ -48,6 +48,7 @@ export type TopNavBarProps = {
     selectedCountry?: Country | null;
     Login?: TopNavLogin;
     Cart?: TopNavCartSummary;
+    showCart?: boolean;
     showFavorites?: boolean;
     showLogin?: boolean;
     Logo?: TopNavLogo;

package/dist/componentProps/templates/productdetailpagetemplate/ProductDetailPageTemplateProps.d.ts

@@ -2,6 +2,7 @@ import { BreadcrumbsProps } from "../../molecules/selectors/breadcrumb/Breadcrum
 import { ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/sections/productinformationsection/ProductInformationSectionProps";
 import { CartFlyoutProps } from "../../organisms/cart/cartflyout/CartFlyoutProps";
 import type { ColourMatchingChartData } from "../../molecules/productinformation/colourmatchingchart/ColourMatchingChartProps";
+import type { ProductContactAction, ProductContactActionClickPayload } from "../../molecules/cart/productcontactactions/ProductContactActionsProps";
 export type ProductDetailSimpleOption = {
     id: string;
     label: string;
@@ -106,6 +107,8 @@ export type ProductDetailPurchaseTabOptionIds = {
     maxQuantity?: number;
 };
 export type ProductDetailPurchase = {
+    actionMode?: "cart" | "contact";
+    contactActions?: [ProductContactAction, ProductContactAction];
     defaults?: {
         product?: string | null;
         texture?: string | null;
@@ -225,6 +228,16 @@ export type ProductDetailOrder = {
     currency?: string;
     bigCommerceProductId?: string | number;
 };
+export type ProductDetailContactActionPayload = ProductContactActionClickPayload & {
+    sku?: string;
+    decor?: string;
+    title: string;
+    activeTab: string;
+    product: string | null;
+    grade: string | null;
+    texture: string | null;
+    size: string | null;
+};
 export type ProductDetailCartFlyoutProps = CartFlyoutProps;
 export type ProductDetailPageTemplateProps = {
     breadcrumbsProps?: BreadcrumbsProps;
@@ -233,6 +246,7 @@ export type ProductDetailPageTemplateProps = {
     onDownloadFullSheet?: (productData: ProductDetailData) => void;
     onAddToWishlist?: (payload: ProductDetailWishlistPayload, productData: ProductDetailData) => void;
     onAddToCart?: (order: ProductDetailOrder, productData: ProductDetailData) => void;
+    onContactActionClick?: (payload: ProductDetailContactActionPayload, productData: ProductDetailData) => void;
     onProductNavigate?: (href: string, meta?: unknown) => void;
     cartFlyoutProps?: ProductDetailCartFlyoutProps;
 };