formica-ui-lib 1.0.88 → 1.0.92

package/dist/componentProps/atoms/checkbox/CheckboxProps.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface CheckboxProps {
+    id: string;
+    name?: string;
+    label: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}

package/dist/componentProps/atoms/dropdown/DropdownProps.d.ts

@@ -1,8 +1,18 @@
-export interface DropdownOptions {
+import React from "react";
+export interface DropdownOption {
     label: string;
+    value?: string;
+    disabled?: boolean;
+}
+export interface DropdownProps {
+    id: string;
+    name?: string;
+    options?: DropdownOption[];
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    hasError?: boolean;
+    variant?: "field" | "filter";
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
 }
-export type DropdownProps = {
-    dropdownId: string;
-    sortName: string;
-    DropdownOptions: DropdownOptions[];
-};

package/dist/componentProps/atoms/input/inputProps.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export interface InputProps {
+    id?: string;
+    name?: string;
+    type?: "text" | "email" | "password" | "tel" | "number";
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    hasError?: boolean;
+    className?: string;
+    autoComplete?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+}
+export interface InputFieldProps extends InputProps {
+    label?: string;
+    errorMessage?: string;
+    linkText?: string;
+    linkHref?: string;
+    onLinkClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+}

package/dist/componentProps/atoms/radiooption/RadioOptionProps.d.ts

@@ -0,0 +1,12 @@
+export interface RadioOptionProps {
+    id: string;
+    label: string;
+    description?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    className?: string;
+    onChange?: (value: string) => void;
+    onClick?: () => void;
+}

package/dist/componentProps/molecules/card/moreinfohighlightscard/MoreInfoHighlightsCardProps.d.ts

@@ -1,4 +1,4 @@
-import type { FaTypeClass } from "../../../../stories/atoms/icon/Icon";
+import { FaTypeClass } from "../../../atoms/icon/IconProps";
 export type MoreInfoHighlightsCardProps = {
     iconType: FaTypeClass;
     iconName: string;

package/dist/componentProps/molecules/card/quantitycheckoutcard/QuantityCheckoutCardProps.d.ts

@@ -0,0 +1,27 @@
+export interface QuantityCheckoutCardProps {
+    imageSrc: string;
+    imageAlt: string;
+    title: string;
+    brand: string;
+    decorNumber: string;
+    finish?: string;
+    size?: string;
+    quantity: number;
+    price?: {
+        label: string;
+        value: number;
+    };
+    unitPrice?: {
+        label: string;
+        value: number;
+    };
+    totalPrice?: {
+        label: string;
+        value: number;
+    };
+    minQuantity?: number;
+    maxQuantity?: number;
+    isReadOnly?: boolean;
+    onQuantityChange?: (quantity: number) => void;
+    onRemoveItem?: () => void;
+}

package/dist/componentProps/molecules/selectors/progressindicator/CheckoutProgressIndicatorProps.d.ts

@@ -0,0 +1,10 @@
+export interface CheckoutProgressIndicatorProps {
+    steps?: string[];
+    currentStep?: number | string;
+    onStepClick?: (step: string, index: number) => void;
+    className?: string;
+    completedColorClass?: string;
+    upcomingColorClass?: string;
+    connectorCompletedClass?: string;
+    connectorUpcomingClass?: string;
+}

package/dist/componentProps/organisms/cart/cartconfimation/cartconfirmationhero/CartConfirmedHeroProps.d.ts

@@ -0,0 +1,7 @@
+export interface CartConfirmedHeroProps {
+    title?: string;
+    message?: string;
+    buttonLabel?: string;
+    onButtonClick?: () => void;
+    className?: string;
+}

package/dist/componentProps/organisms/cart/cartconfimation/cartordersummary/CartOrderSummaryProps.d.ts

@@ -0,0 +1,18 @@
+export interface ShippingMethodSummaryProps {
+    title?: string;
+    methodLabel?: string;
+    estimatedDeliveryLabel?: string;
+    price?: string;
+}
+export interface PaymentSummaryRowProps {
+    label: string;
+    value: string;
+    isEmphasized?: boolean;
+    valueClassName?: string;
+}
+export interface CartOrderSummaryProps {
+    shippingTitle?: string;
+    paymentTitle?: string;
+    shippingMethod?: ShippingMethodSummaryProps;
+    paymentRows?: PaymentSummaryRowProps[];
+}

package/dist/componentProps/organisms/cart/cartconfimation/cartreceiptsection/CartReceiptSectionProps.d.ts

@@ -0,0 +1,26 @@
+export interface CartReceiptAddressProps {
+    title?: string;
+    name?: string;
+    addressLine1?: string;
+    addressLine2?: string;
+    addressLine3?: string;
+    country?: string;
+}
+export interface CartReceiptDetailsProps {
+    title?: string;
+    orderNumberLabel?: string;
+    orderNumber?: string;
+    orderDateLabel?: string;
+    orderDate?: string;
+    nameLabel?: string;
+    name?: string;
+    email?: string;
+    phone?: string;
+}
+export interface CartReceiptSectionProps {
+    sectionTitle?: string;
+    orderDetails?: CartReceiptDetailsProps;
+    shippingAddress?: CartReceiptAddressProps;
+    billingAddress?: CartReceiptAddressProps;
+    className?: string;
+}

package/dist/componentProps/organisms/cart/cartconfimation/cartsummarysection/CartSummarySectionProps.d.ts

@@ -0,0 +1,11 @@
+import { QuantityCheckoutCardProps } from "../../../../molecules/card/quantitycheckoutcard/QuantityCheckoutCardProps";
+export interface CartSummarySectionProps {
+    sectionTitle?: string;
+    columnLabels?: {
+        orderDetails?: string;
+        quantity?: string;
+        unitPrice?: string;
+        total?: string;
+    };
+    items?: QuantityCheckoutCardProps[];
+}

package/dist/componentProps/organisms/{shoppingcart/shoppingcartflyout/ShoppingCartFlyoutProps.d.ts → cart/cartflyout/CartFlyoutProps.d.ts}

@@ -1,8 +1,8 @@
-import { CartQuantityCardProps } from "../../../molecules/card/cartItemCard/CartQuantityCardProps";
-export type ShoppingCartFlyoutItem = CartQuantityCardProps & {
+import { CartItemCardProps } from "../../../molecules/card/cartItemCard/CartItemCardProps";
+export type ShoppingCartFlyoutItem = CartItemCardProps & {
     id: string;
 };
-export type ShoppingCartFlyoutProps = {
+export type CartFlyoutProps = {
     isOpen: boolean;
     title?: string;
     projectName?: string;

package/dist/componentProps/organisms/cart/cartpaymentpanel/CartPaymentPanelProps.d.ts

@@ -0,0 +1,78 @@
+import React from "react";
+import { RadioOptionSelectorProps } from "../../selectors/radiooptionselector/RadioOptionSelectorProps";
+import { DropdownOption } from "../../../atoms/dropdown/DropdownProps";
+export interface CartPaymentPanelErrors {
+    cardNumber?: string;
+    expirationDate?: string;
+    securityCode?: string;
+    billingFirstName?: string;
+    billingLastName?: string;
+    billingEmail?: string;
+    billingPhoneNumber?: string;
+    billingCompanyName?: string;
+    billingAddress?: string;
+    billingApartment?: string;
+    billingPostalCode?: string;
+    billingCity?: string;
+    billingCountry?: string;
+    billingStateProvince?: string;
+}
+export interface CartPaymentPanelProps {
+    paymentTypeTitle?: string;
+    paymentTypeSelectorProps: RadioOptionSelectorProps;
+    cardNumber?: string;
+    expirationDate?: string;
+    securityCode?: string;
+    sameAsShipping?: boolean;
+    billingSummaryTitle?: string;
+    billingName?: string;
+    billingCompanyName?: string;
+    billingPhone?: string;
+    billingAddressLine1?: string;
+    billingAddressLine2?: string;
+    billingAddressLine3?: string;
+    isEditingBillingAddress?: boolean;
+    billingFirstName?: string;
+    billingLastName?: string;
+    billingEmail?: string;
+    billingPhoneNumber?: string;
+    billingAddress?: string;
+    billingApartment?: string;
+    billingPostalCode?: string;
+    billingCity?: string;
+    billingCountry?: string;
+    billingStateProvince?: string;
+    billingCountryOptions?: DropdownOption[];
+    billingStateProvinceOptions?: DropdownOption[];
+    onCardNumberChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onExpirationDateChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onSecurityCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onSameAsShippingChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onEditBilling?: () => void;
+    onCardNumberBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onExpirationDateBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onSecurityCodeBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBillingFirstNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBillingLastNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBillingEmailChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBillingPhoneNumberChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBillingCompanyNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBillingAddressChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBillingApartmentChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBillingPostalCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBillingCityChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBillingCountryChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    onBillingStateProvinceChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    onBillingFirstNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBillingLastNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBillingEmailBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBillingPhoneNumberBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBillingCompanyNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBillingAddressBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBillingApartmentBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBillingPostalCodeBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBillingCityBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBillingCountryBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
+    onBillingStateProvinceBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
+    errors?: CartPaymentPanelErrors;
+}

package/dist/componentProps/organisms/cart/cartsummary/CartSummaryProps.d.ts

@@ -0,0 +1,25 @@
+export interface CartSummaryItem {
+    id: string;
+    sku?: string;
+    imageSrc: string;
+    imageAlt?: string;
+    title: string;
+    brand?: string;
+    decorNumber?: string;
+    productType?: string;
+    quantity: number;
+    price?: {
+        value: number;
+        currency: string;
+        label: string;
+    };
+    minQuantity?: number;
+    maxQuantity?: number;
+}
+export interface CartSummaryProps {
+    subtotal: number;
+    shippingCost: number;
+    items?: CartSummaryItem[];
+    onQuantityChange?: (itemId: string, quantity: number) => void;
+    onRemoveItem?: (itemId: string) => void;
+}

package/dist/componentProps/organisms/cart/carttotalspanel/CartTotalsPanelProps.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export interface CartTotalsPanelProps {
+    discountCode?: string;
+    subtotalLabel?: string;
+    taxLabel?: string;
+    shippingLabel?: string;
+    totalLabel?: string;
+    subtotal?: string;
+    tax?: string;
+    shipping?: string;
+    total?: string;
+    continueLabel?: string;
+    showDiscountCode?: boolean;
+    onDiscountCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onApplyDiscount?: () => void;
+    onContinue?: () => void;
+    className?: string;
+}

package/dist/componentProps/organisms/cart/ordersummarysection/OrderSummarySectionLeftPanelProps.d.ts

@@ -0,0 +1,6 @@
+import type { QuantityCheckoutCardProps } from "../../../molecules/card/quantitycheckoutcard/QuantityCheckoutCardProps";
+export type OrderSummarySectionLeftPanelProps = {
+    subtotal: number;
+    shippingCost: number;
+    swatchQuantity: QuantityCheckoutCardProps[];
+};

package/dist/componentProps/organisms/{section/swatchpurchasepanel/SwatchPurchasePanelLeftPanelProps.d.ts → cart/purchasepanel/PurchasePanelLeftPanelProps.d.ts}

@@ -11,7 +11,7 @@ export type SwatchOption = ButtonGridItem & {
 export type SwatchPurchasePanelLeftPanelNavigateMeta = {
     kind: "availability" | "returnPolicy";
 };
-export type SwatchPurchasePanelLeftPanelProps = {
+export type PurchasePanelLeftPanelProps = {
     sku?: string;
     title?: string;
     decor?: string;

package/dist/componentProps/organisms/{section/swatchpurchasepanel/SwatchPurchasePanelProps.d.ts → cart/purchasepanel/PurchasePanelProps.d.ts}

@@ -1,8 +1,8 @@
-export type SwatchPurchasePanelTab = "Sample" | "Buy Now" | string;
+export type PurchasePanelTab = "Sample" | "Buy Now" | string;
 export type SwatchPurchasePanelNavigateMeta = {
     kind: "availability" | "returnPolicy";
 };
-export type SwatchPurchasePanelCarouselProps = {
+export type PurchasePanelCarouselProps = {
     slides: any[];
     initialIndex?: number;
     text?: string;
@@ -11,7 +11,7 @@ export type AddToFavoritesPayloadProps = {
     sku?: string;
     decor?: string;
 };
-export type SwatchPurchasePanelOptionProps = {
+export type PurchasePanelOptionProps = {
     id: string;
     label: string;
     disabled?: boolean;
@@ -20,7 +20,7 @@ export type SwatchPurchasePanelOptionProps = {
     onClick?: (id: string) => void;
 };
 export type CartOrderProps = {
-    type: SwatchPurchasePanelTab;
+    type: PurchasePanelTab;
     sku?: string;
     decor?: string;
     product: string | null;
@@ -32,11 +32,11 @@ export type CartOrderProps = {
     priceLabel?: string;
     currency?: string;
 };
-export type SwatchPurchasePanelTabOptionGroups = {
-    productOptions?: SwatchPurchasePanelOptionProps[];
-    gradeOptions?: SwatchPurchasePanelOptionProps[];
-    textureOptions?: SwatchPurchasePanelOptionProps[];
-    sizeOptions?: SwatchPurchasePanelOptionProps[];
+export type PurchasePanelTabOptionGroups = {
+    productOptions?: PurchasePanelOptionProps[];
+    gradeOptions?: PurchasePanelOptionProps[];
+    textureOptions?: PurchasePanelOptionProps[];
+    sizeOptions?: PurchasePanelOptionProps[];
 };
 export type ProductVariantProps = {
     id: string;
@@ -55,7 +55,7 @@ export type ProductVariantProps = {
     grade?: string;
     isWebEnabled?: boolean;
 };
-export type SwatchPurchasePanelProps = {
+export type PurchasePanelProps = {
     sku?: string;
     decor?: string;
     title: string;
@@ -63,14 +63,14 @@ export type SwatchPurchasePanelProps = {
     patternRepeat?: string;
     onDownloadSwatch?: () => void;
     onDownloadFullSheet?: () => void;
-    carousel: SwatchPurchasePanelCarouselProps;
-    tabs?: SwatchPurchasePanelTab[];
-    initialTab?: SwatchPurchasePanelTab;
-    tabOptions?: Record<SwatchPurchasePanelTab, SwatchPurchasePanelTabOptionGroups>;
-    productOptions?: SwatchPurchasePanelOptionProps[];
-    gradeOptions?: SwatchPurchasePanelOptionProps[];
-    textureOptions?: SwatchPurchasePanelOptionProps[];
-    sizeOptions?: SwatchPurchasePanelOptionProps[];
+    carousel: PurchasePanelCarouselProps;
+    tabs?: PurchasePanelTab[];
+    initialTab?: PurchasePanelTab;
+    tabOptions?: Record<PurchasePanelTab, PurchasePanelTabOptionGroups>;
+    productOptions?: PurchasePanelOptionProps[];
+    gradeOptions?: PurchasePanelOptionProps[];
+    textureOptions?: PurchasePanelOptionProps[];
+    sizeOptions?: PurchasePanelOptionProps[];
     variants?: ProductVariantProps[];
     priceLabel?: string;
     priceValue?: number;

package/dist/componentProps/organisms/{section/swatchpurchasepanel/SwatchPurchasePanelRightPanelProps.d.ts → cart/purchasepanel/PurchasePanelRightPanelProps.d.ts}

@@ -10,6 +10,6 @@ export type SwatchPurchasePanelCarousel = {
     initialIndex?: number;
     text?: string;
 };
-export type SwatchPurchasePanelRightPanelProps = {
+export type PurchasePanelRightPanelProps = {
     carousel?: SwatchPurchasePanelCarousel;
 };

package/dist/componentProps/organisms/cart/shippingaddressform/ShippingAddressFormProps.d.ts

@@ -0,0 +1,55 @@
+import React from "react";
+import { DropdownOption } from "../../../atoms/dropdown/DropdownProps";
+export interface ShippingAddressFormErrors {
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    phoneNumber?: string;
+    companyName?: string;
+    address?: string;
+    apartment?: string;
+    postalCode?: string;
+    city?: string;
+    country?: string;
+    stateProvince?: string;
+}
+export interface ShippingAddressFormProps {
+    title?: string;
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    phoneNumber?: string;
+    companyName?: string;
+    address?: string;
+    apartment?: string;
+    postalCode?: string;
+    city?: string;
+    country?: string;
+    stateProvince?: string;
+    countryOptions?: DropdownOption[];
+    stateProvinceOptions?: DropdownOption[];
+    errors?: ShippingAddressFormErrors;
+    onFirstNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onLastNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onEmailChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onPhoneNumberChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onCompanyNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onAddressChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onApartmentChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onPostalCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onCityChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onCountryChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    onStateProvinceChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    onFirstNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onLastNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onEmailBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onPhoneNumberBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onCompanyNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onAddressBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onApartmentBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onPostalCodeBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onCityBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onCountryBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
+    onStateProvinceBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
+}

package/dist/componentProps/organisms/{section/moreinfohighlightssection → moreinfohighlightssection}/MoreInfoHighlightsSectionProps.d.ts

@@ -1,4 +1,4 @@
-import type { MoreInfoHighlightsCardProps } from "../../../molecules/card/moreinfohighlightscard/MoreInfoHighlightsCardProps";
+import type { MoreInfoHighlightsCardProps } from "../../molecules/card/moreinfohighlightscard/MoreInfoHighlightsCardProps";
 export type MoreInfoHighlightsSectionProps = {
     heading: string;
     body?: string;

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

@@ -1,3 +1,4 @@
+import { Country } from "../../molecules/selectors/countryselector/CountrySelectorProps";
 export type NavLink = {
     label: string;
     href: string;
@@ -17,15 +18,18 @@ export type NavItem = {
     subcategories: SubCategory[];
     promo?: Promo;
 };
+type TopNavCartSummary = {
+    hasCart: boolean;
+    itemCount: number;
+};
 export type TopNavBarProps = {
-    NavMenuWithSubItems: NavItem[];
-    Countries: {
-        label: string;
-        locale: string;
-        href: string;
-    }[];
+    NavMenuWithSubItems?: NavItem[];
+    Countries?: Country[];
     Login: {
         label: string;
         href: string;
     };
+    Cart?: TopNavCartSummary;
+    onNavigate?: (href: string) => void;
 };
+export {};

package/dist/componentProps/organisms/selectors/radiooptionselector/RadioOptionSelectorProps.d.ts

@@ -0,0 +1,15 @@
+export interface RadioOptionItem {
+    id: string;
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface RadioOptionSelectorProps {
+    title?: string;
+    options?: RadioOptionItem[];
+    selectedValue?: string;
+    name?: string;
+    className?: string;
+    onChange?: (value: string) => void;
+}

package/dist/componentProps/templates/cartconfirmationtemplate/CartConfirmationTemplateProps.d.ts

@@ -0,0 +1,11 @@
+import { CartConfirmedHeroProps } from "../../organisms/cart/cartconfimation/cartconfirmationhero/CartConfirmedHeroProps";
+import { CartReceiptSectionProps } from "../../organisms/cart/cartconfimation/cartreceiptsection/CartReceiptSectionProps";
+import { CartSummarySectionProps } from "../../organisms/cart/cartconfimation/cartsummarysection/CartSummarySectionProps";
+import { CartOrderSummaryProps } from "../../organisms/cart/cartconfimation/cartordersummary/CartOrderSummaryProps";
+export interface CartConfirmationTemplateProps {
+    cartConfirmedHeroProps: CartConfirmedHeroProps;
+    cartReceiptSectionProps: CartReceiptSectionProps;
+    cartSummarySectionProps: CartSummarySectionProps;
+    cartOrderSummaryProps: CartOrderSummaryProps;
+    className?: string;
+}

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

@@ -1,6 +1,6 @@
 import { BreadcrumbsProps } from "../../molecules/selectors/breadcrumb/BreadcrumbsProps";
-import { ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/section/productinformationsection/ProductInformationSectionProps";
-import { ShoppingCartFlyoutProps } from "../../organisms/shoppingcart/shoppingcartflyout/ShoppingCartFlyoutProps";
+import { ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/productinformationsection/ProductInformationSectionProps";
+import { CartFlyoutProps } from "../../organisms/cart/cartflyout/CartFlyoutProps";
 export type ProductDetailSimpleOption = {
     id: string;
     label: string;
@@ -212,5 +212,5 @@ export type ProductDetailPageTemplateProps = {
         currency?: string;
     }, data: ProductDetailData) => void;
     onNavigate?: (href: string) => void;
-    cartFlyoutProps?: Omit<ShoppingCartFlyoutProps, "isOpen" | "onClose">;
+    cartFlyoutProps?: Omit<CartFlyoutProps, "isOpen" | "onClose">;
 };