formica-ui-lib 1.0.222 → 1.0.224

package/dist/componentProps/molecules/cards/infocard/InfoCardProps.d.ts

@@ -1,5 +1,6 @@
 import type { ButtonVariant, ButtonIntent, ButtonSize } from "../../../atoms/buttons/button/ButtonProps";
 export type InfoCardAlign = "left" | "right";
+export type InfoCardLayoutVariant = "default" | "underBanner";
 export type InfoCardButton = {
     buttonLabel: string;
     buttonHref?: string;
@@ -19,5 +20,6 @@ export interface InfoCardProps {
     body: string;
     buttons?: InfoCardButton[];
     align?: InfoCardAlign;
+    layoutVariant?: InfoCardLayoutVariant;
     onButtonClick?: (payload: InfoCardButtonClickPayload) => void;
 }

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

@@ -21,6 +21,7 @@ export interface QuantityCheckoutCardProps {
         label: string;
         value: number;
     };
+    showPricing?: boolean;
     minQuantity?: number;
     maxQuantity?: number;
     isReadOnly?: boolean;

package/dist/componentProps/molecules/navigation/footerimagelink/FooterImageLinkProps.d.ts

@@ -1,5 +1,6 @@
 import type { FooterImageProps } from "../../../organisms/navigation/footer/FooterProps";
+export type FooterImageLinkSize = "default" | "primary" | "parent" | "affiliate";
 export type FooterImageLinkProps = {
     img: FooterImageProps;
-    className?: string;
+    size?: FooterImageLinkSize;
 };

package/dist/componentProps/molecules/navigation/footerlinkitem/FooterLinkItemProps.d.ts

@@ -1,5 +1,6 @@
 import type { FooterLinkProps } from "../../../organisms/navigation/footer/FooterProps";
+export type FooterLinkItemVariant = "default" | "mobile" | "legal";
 export type FooterLinkItemProps = {
     item: FooterLinkProps;
-    className?: string;
+    variant?: FooterLinkItemVariant;
 };

package/dist/componentProps/organisms/account/AccountAccessPanelProps.d.ts

@@ -1,11 +1,8 @@
 import React from "react";
+import type { UserTypeOption, UserTypeValue } from "../../shared/UserTypeOptions";
 export type AccountAccessPanelMode = "signIn" | "createAccount";
-export type AccountAccessPanelUserTypeValue = "architectDesigner" | "builderConstruction" | "dealerRetailer" | "distributor" | "fabricator" | "generalContractor" | "homeowner" | "mediaPress" | "other" | "postformer";
-export type AccountAccessPanelUserTypeOption = {
-    label: string;
-    value: AccountAccessPanelUserTypeValue;
-    disabled?: boolean;
-};
+export type AccountAccessPanelUserTypeValue = UserTypeValue;
+export type AccountAccessPanelUserTypeOption = UserTypeOption;
 export type AccountAccessPanelErrors = {
     email?: string;
     password?: string;

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

@@ -1,6 +1,7 @@
 import { QuantityCheckoutCardProps } from "../../../../molecules/cards/quantitycheckoutcard/QuantityCheckoutCardProps";
 export interface CartSummarySectionProps {
     sectionTitle?: string;
+    showPricing?: boolean;
     columnLabels?: {
         orderDetails?: string;
         quantity?: string;

package/dist/componentProps/organisms/cart/sampleordersummarypanel/SampleOrderSummaryPanelProps.d.ts

@@ -0,0 +1,8 @@
+import type { CartSummaryItem } from "../cartsummary/CartSummaryProps";
+export type SampleOrderSummaryPanelItem = Omit<CartSummaryItem, "price">;
+export interface SampleOrderSummaryPanelProps {
+    title?: string;
+    items: SampleOrderSummaryPanelItem[];
+    sampleCountLabel?: string;
+    note?: string;
+}

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

@@ -1,11 +1,15 @@
 import React from "react";
 import { DropdownOption } from "../../../atoms/dropdown/DropdownProps";
+import type { UserTypeOption, UserTypeValue } from "../../../shared/UserTypeOptions";
+export type ShippingAddressRegionVariant = "default" | "ca" | "mx";
+export type ShippingCountryDisplayMode = "select" | "readonly";
 export interface ShippingAddressFormErrors {
     firstName?: string;
     lastName?: string;
     email?: string;
     phoneNumber?: string;
     companyName?: string;
+    userType?: string;
     address?: string;
     apartment?: string;
     postalCode?: string;
@@ -21,20 +25,31 @@ export interface ShippingAddressFormProps {
     email?: string;
     phoneNumber?: string;
     companyName?: string;
+    userType?: UserTypeValue | "";
     address?: string;
     apartment?: string;
     postalCode?: string;
     city?: string;
     country?: string;
+    countryLabel?: string;
     stateProvince?: string;
+    addressRegionVariant?: ShippingAddressRegionVariant;
+    countryDisplayMode?: ShippingCountryDisplayMode;
     countryOptions?: DropdownOption[];
     stateProvinceOptions?: DropdownOption[];
+    userTypeOptions?: UserTypeOption[];
+    userTypePlaceholder?: string;
+    cityPlaceholder?: string;
+    postalCodePlaceholder?: string;
+    stateProvincePlaceholder?: string;
+    showCompanyName?: boolean;
     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;
+    onUserTypeChange?: (value: UserTypeValue) => void;
     onAddressChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onApartmentChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onPostalCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
@@ -46,6 +61,7 @@ export interface ShippingAddressFormProps {
     onEmailBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onPhoneNumberBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onCompanyNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onUserTypeBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
     onAddressBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onApartmentBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onPostalCodeBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;

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

@@ -1,6 +1,7 @@
+import type { NavigationLinkValue, NavigationTextValue } from "../../shared/GeneralLinkProps";
 export type BrandNavItem = {
-    label: string;
-    href: string;
+    label: NavigationTextValue;
+    href: NavigationLinkValue;
 };
 export type CustomerTypeOption = "Commercial" | "Residential";
 export type BrandNavBarProps = {

package/dist/componentProps/organisms/navigation/footer/FooterProps.d.ts

@@ -1,39 +1,40 @@
 import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import type { NavigationLinkValue, NavigationTextValue } from "../../../shared/GeneralLinkProps";
 export type FooterLinkProps = {
-    label: string;
-    href?: string;
-    target?: "_self" | "_blank";
+    label: NavigationTextValue;
+    href?: NavigationLinkValue;
+    target?: string;
     rel?: string;
 };
 export type FooterColumnProps = {
-    heading: string;
+    heading: NavigationTextValue;
     links: FooterLinkProps[];
 };
 export type FooterImageProps = {
-    src: string;
-    alt: string;
-    label?: string;
-    href?: string;
-    target?: "_self" | "_blank";
+    src: NavigationTextValue;
+    alt: NavigationTextValue;
+    label?: NavigationTextValue;
+    href?: NavigationLinkValue;
+    target?: string;
     rel?: string;
 };
 export type FooterSocialLinkProps = {
-    label: string;
-    href: string;
+    label: NavigationTextValue;
+    href: NavigationLinkValue;
     faIcon?: IconDefinition;
-    iconSrc?: string;
+    iconSrc?: NavigationTextValue;
 };
 export type FooterBrandBlock = {
     primaryLogo: FooterImageProps;
-    phoneLine?: string;
+    phoneLine?: NavigationTextValue;
     socials?: FooterSocialLinkProps[];
     affiliateLogos?: FooterImageProps[];
 };
 export type FooterLegalBlock = {
     links?: FooterLinkProps[];
     utilityLink?: FooterLinkProps;
-    disclaimerLines?: string[];
-    copyrightLine?: string;
+    disclaimerLines?: NavigationTextValue[];
+    copyrightLine?: NavigationTextValue;
 };
 export type FooterProps = {
     brand: FooterBrandBlock;

package/dist/componentProps/organisms/navigation/footerlogosbar/FooterLogosBarProps.d.ts

@@ -1,6 +1,7 @@
 import type { FooterImageProps } from "../footer/FooterProps";
+import type { NavigationTextValue } from "../../../shared/GeneralLinkProps";
 export type FooterLogosBarProps = {
     affiliateLogos?: FooterImageProps[];
     parentLogo?: FooterImageProps;
-    phoneLine?: string;
+    phoneLine?: NavigationTextValue;
 };

package/dist/componentProps/shared/GeneralLinkProps.d.ts

@@ -0,0 +1,17 @@
+export type GeneralLinkValue = {
+    href?: string;
+    url?: string;
+    text?: string;
+    title?: string;
+    label?: string;
+    target?: string;
+    rel?: string;
+    querystring?: string;
+    anchor?: string;
+};
+export type GeneralLinkField = {
+    value?: string | GeneralLinkValue;
+    jsonValue?: string | GeneralLinkValue;
+};
+export type NavigationLinkValue = string | GeneralLinkValue | GeneralLinkField;
+export type NavigationTextValue = string | GeneralLinkValue | GeneralLinkField;

package/dist/componentProps/shared/UserTypeOptions.d.ts

@@ -0,0 +1,6 @@
+export type UserTypeValue = "architectDesigner" | "builderConstruction" | "dealerRetailer" | "distributor" | "fabricator" | "generalContractor" | "homeowner" | "mediaPress" | "other" | "postformer";
+export type UserTypeOption = {
+    label: string;
+    value: UserTypeValue;
+    disabled?: boolean;
+};

package/dist/componentProps/templates/cart/bpcs/confirmation/BpcsCartConfirmationTemplateProps.d.ts

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

package/dist/componentProps/templates/cart/bpcs/samples/BpcsCartSamplesTemplateProps.d.ts

@@ -0,0 +1,16 @@
+import type { CheckoutProgressIndicatorProps } from "../../../../molecules/selectors/progressindicator/CheckoutProgressIndicatorProps";
+import type { CartSummaryItem } from "../../../../organisms/cart/cartsummary/CartSummaryProps";
+import type { SampleOrderSummaryPanelProps } from "../../../../organisms/cart/sampleordersummarypanel/SampleOrderSummaryPanelProps";
+export type BpcsCartSampleItem = Omit<CartSummaryItem, "price">;
+export interface BpcsCartSamplesTemplateProps {
+    title?: string;
+    items: BpcsCartSampleItem[];
+    checkoutProgressIndicatorProps: CheckoutProgressIndicatorProps;
+    sampleOrderSummaryPanelProps: SampleOrderSummaryPanelProps;
+    proceedToShippingLabel?: string;
+    browseMoreSamplesLabel?: string;
+    onQuantityChange?: (itemId: string, quantity: number) => void;
+    onRemoveItem?: (itemId: string) => void;
+    onProceedToShipping?: () => void;
+    onBrowseMoreSamples?: () => void;
+}

package/dist/componentProps/templates/cart/bpcs/shipping/BpcsCartShippingTemplateProps.d.ts

@@ -0,0 +1,12 @@
+import type { CheckoutProgressIndicatorProps } from "../../../../molecules/selectors/progressindicator/CheckoutProgressIndicatorProps";
+import type { ShippingAddressFormProps } from "../../../../organisms/cart/shippingaddressform/ShippingAddressFormProps";
+import type { RadioOptionSelectorProps } from "../../../../organisms/selectors/radiooptionselector/RadioOptionSelectorProps";
+import type { SampleOrderSummaryPanelProps } from "../../../../organisms/cart/sampleordersummarypanel/SampleOrderSummaryPanelProps";
+export interface BpcsCartShippingTemplateProps {
+    shippingAddressFormProps: ShippingAddressFormProps;
+    shippingOptionSelectorProps: RadioOptionSelectorProps;
+    checkoutProgressIndicatorProps: CheckoutProgressIndicatorProps;
+    sampleOrderSummaryPanelProps: SampleOrderSummaryPanelProps;
+    submitLabel?: string;
+    onSubmitSampleOrder?: () => void;
+}

package/dist/componentProps/templates/cart/ecommerce/confirmation/EcommCartConfirmationTemplateProps.d.ts

@@ -0,0 +1,10 @@
+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 EcommCartConfirmationTemplateProps {
+    cartConfirmedHeroProps: CartConfirmedHeroProps;
+    cartReceiptSectionProps: CartReceiptSectionProps;
+    cartSummarySectionProps: CartSummarySectionProps;
+    cartOrderSummaryProps: CartOrderSummaryProps;
+}

package/dist/componentProps/templates/cart/ecommerce/payment/EcommCartPaymentTemplateProps.d.ts

@@ -0,0 +1,11 @@
+import type { CheckoutProgressIndicatorProps } from "../../../../molecules/selectors/progressindicator/CheckoutProgressIndicatorProps";
+import type { CartTotalsPanelProps } from "../../../../organisms/cart/carttotalspanel/CartTotalsPanelProps";
+import { CartPaymentPanelProps } from "../../../../organisms/cart/cartpaymentpanel/CartPaymentPanelProps";
+import type { RadioOptionSelectorProps } from "../../../../organisms/selectors/radiooptionselector/RadioOptionSelectorProps";
+export interface EcommCartPaymentTemplateProps {
+    shippingMethodSelectorProps: RadioOptionSelectorProps;
+    cartPaymentPanelProps: CartPaymentPanelProps;
+    checkoutProgressIndicatorProps: CheckoutProgressIndicatorProps;
+    cartTotalsPanelProps: CartTotalsPanelProps;
+    className?: string;
+}

package/dist/componentProps/templates/cart/ecommerce/shipping/EcommCartShippingTemplateProps.d.ts

@@ -0,0 +1,14 @@
+import type { ShippingAddressFormProps } from "../../../../organisms/cart/shippingaddressform/ShippingAddressFormProps";
+import type { CheckoutProgressIndicatorProps } from "../../../../molecules/selectors/progressindicator/CheckoutProgressIndicatorProps";
+import type { CartTotalsPanelProps } from "../../../../organisms/cart/carttotalspanel/CartTotalsPanelProps";
+import type { CheckboxChangePayload } from "../../../../atoms/checkbox/CheckboxProps";
+export interface EcommCartShippingTemplateProps {
+    shippingAddressFormProps: ShippingAddressFormProps;
+    billingAddressFormProps?: ShippingAddressFormProps;
+    checkoutProgressIndicatorProps: CheckoutProgressIndicatorProps;
+    cartTotalsPanelProps: CartTotalsPanelProps;
+    billingSectionTitle?: string;
+    sameAsShipping?: boolean;
+    sameAsShippingLabel?: string;
+    onSameAsShippingChange?: (payload: CheckboxChangePayload) => void;
+}

package/dist/componentProps/templates/cart/ecommerce/summary/EcommCartSummaryTemplateProps.d.ts

@@ -0,0 +1,7 @@
+import { CheckoutAccountStepProps } from "../../../../organisms/cart/checkoutsteppanel/CheckoutAccountStepProps";
+import { OrderSummarySectionLeftPanelProps } from "../../../../organisms/cart/ordersummarysection/OrderSummarySectionLeftPanelProps";
+export interface EcommCartSummaryTemplateProps {
+    cartSummaryProps: OrderSummarySectionLeftPanelProps;
+    checkoutAccountStepProps: CheckoutAccountStepProps;
+    className?: string;
+}