yt-uikit 0.10.99 → 0.10.100-dropdown-ui-refact.1

package/dist/esm/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts

@@ -2,7 +2,9 @@
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const Quantity: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const AddToBundleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const AddToBundleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, never>> & string;
 export declare const QuantitySelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ProductContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     borderRadius: string;
@@ -15,9 +17,6 @@ export declare const ProductImage: import("styled-components/dist/types").IStyle
     aspectRatio: string;
     borderRadius: string;
 }>> & string;
-export declare const VariantSelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
-    isCoralHaze: boolean;
-}>> & string;
 export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isMobile: boolean;
     showBorder: boolean;
@@ -28,9 +27,9 @@ export declare const PriceContainer: import("styled-components/dist/types").ISty
 export declare const AddToBundleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     borderRadius: string;
 }>> & string;
-export declare const AddedButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, "ref"> & {
+export declare const AddedButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, {
+}>, never>, never>, {
     borderRadius: string;
 }>> & string;
 export declare const AddedButtonText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts

@@ -52,7 +52,9 @@ export declare const SaveLabel: import("styled-components/dist/types").IStyledCo
 export declare const SubtotalRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const FinalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const LineThroughPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const CheckoutButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const CheckoutButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, {
     canCheckout: boolean;
     progressPercentage: number;
     ctaColors: any;

package/dist/esm/components/BundleBlock/BundleProductDetailsModal/bundleProductDetailsModal.style.d.ts

@@ -7,4 +7,3 @@ export declare const ModalContent: import("styled-components/dist/types").IStyle
 export declare const BundlProductDetailsModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isDev?: boolean | undefined;
 }>> & string;
-export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;

package/dist/esm/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts

@@ -18,7 +18,9 @@ export declare const OriginalPrice: import("styled-components/dist/types").IStyl
 export declare const TotalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Price: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const SaveTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const AddToCart: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const AddToCart: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, never>> & string;
 export declare const CustomDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Swatch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Chevron: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
@@ -47,7 +49,9 @@ export declare const ProductTitle: import("styled-components/dist/types").IStyle
 export declare const ProductPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const PriceLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const SummaryBlock: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const AddBundleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const AddBundleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, never>> & string;
 export declare const PlusWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const PlusWrapperWithHiding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;

package/dist/esm/components/BundleBlock/MixAndMatchBundle/mixAndMatchBundle.style.d.ts

@@ -38,7 +38,9 @@ export declare const ProductTitle: import("styled-components/dist/types").IStyle
 export declare const ProductVariant: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const RemoveButtonIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const PlusIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const AddToCartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const AddToCartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, {
     borderRadius?: string | undefined;
     primaryBgColor?: string | undefined;
     textColor?: string | undefined;
@@ -70,7 +72,9 @@ export declare const VendorImage: import("styled-components/dist/types").IStyled
 export declare const VendorInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const VendorName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 export declare const ProductPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const AddToBundle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const AddToBundle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, {
     primaryBgColor?: string | undefined;
     cornerRadiusType?: string | undefined;
 }>> & string;

package/dist/esm/components/BundleBlock/VariantDropdown.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export interface VariantDropdownOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    /** extra class on the option, e.g. the variant-out-of-stock hook */
+    className?: string;
+}
+interface VariantDropdownProps {
+    options: VariantDropdownOption[];
+    value: string;
+    onChange: (value: string) => void;
+    className?: string;
+    /** styles for the clickable trigger */
+    style?: React.CSSProperties;
+    /** styles for the portaled option list */
+    menuStyle?: React.CSSProperties;
+    /** trigger content, defaults to the selected label + chevron */
+    children?: React.ReactNode;
+    ariaLabel?: string;
+}
+/**
+ * Variant picker rendered as a custom dropdown instead of a native <select>.
+ *
+ * The option list is portaled to document.body with position: fixed so it is
+ * never clipped by a Shopify theme app block (sections routinely set
+ * overflow: hidden, transforms or their own stacking contexts around our
+ * embedded bundle markup).
+ */
+declare const VariantDropdown: React.FC<VariantDropdownProps>;
+export default VariantDropdown;

package/dist/esm/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts

@@ -51,7 +51,9 @@ export declare const VariantButton: import("styled-components/dist/types").IStyl
     isSelected?: boolean | undefined;
     primaryColor?: string | undefined;
 }>> & string;
-export declare const AddToCartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const AddToCartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, {
     bgColor?: string | undefined;
     textColor?: string | undefined;
     border?: string | undefined;

package/dist/esm/components/BundleBlock/gokwikGuard.d.ts

@@ -0,0 +1,22 @@
+/**
+ * GoKwik's theme script uses `data-gokwik-processed` as a guard clause: `attach`,
+ * `replaceButton`, `claimExternalNode`, `claimShadowButton` and its 500ms ownership
+ * sweep all bail out the moment they see that attribute on a button.
+ *
+ * Without it, GoKwik clone-and-replaces any button whose label contains
+ * "checkout" / "place order" / "buy now" / "buy it now" — and `cloneNode` does not
+ * copy event listeners, so the button silently loses every React handler on it.
+ * Bundle CTA labels are merchant-configurable, so any of ours can match.
+ *
+ * Applied to the add-to-cart / add-to-bundle / checkout buttons only. Variant
+ * swatches, quantity steppers, filters and close buttons don't need it.
+ *
+ * It must be a JSX / `.attrs` attribute, never a runtime stamp: GoKwik registers
+ * its `document.body` MutationObserver before ours, so its callback always runs
+ * first and would claim the button before an observer of ours could mark it.
+ * React sets attributes before inserting the node, so the guard is already there.
+ *
+ * Cast because styled-components v6 only accepts known button props in `.attrs()` —
+ * React permits dashed attributes in JSX, but not in the prop type.
+ */
+export declare const GOKWIK_GUARD_ATTRS: any;

package/dist/esm/components/Cart/Cart.d.ts

@@ -8,6 +8,7 @@ import { GSTSectionCustomizationProps } from "./GSTSection";
 import { BundlePayload } from "../BundleBlock/Bundle";
 import { type FloatingCartDataProps } from "./FloatingCart";
 import { trustedBadgeInterface } from "./CheckoutSection";
+import type { ItemSwapData, ItemSwapProduct, ItemSwapRequest } from "./ItemSwap";
 export interface Checkpoint {
     couponTemplateId: number;
     couponType: string;
@@ -269,6 +270,9 @@ export interface CartProps {
     drawerLayoutData?: DrawerLayout;
     cartConfigData?: cartConfigInterface;
     uploadImageAddonData?: uploadImageAddonInterface;
+    itemSwapData?: ItemSwapData;
+    itemSwapProducts?: Record<string, ItemSwapProduct>;
+    swapCartItem?: (request: ItemSwapRequest) => Promise<void>;
 }
 declare const _default: React.NamedExoticComponent<CartProps>;
 export default _default;

package/dist/esm/components/Cart/CartProductsList.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { Checkpoint } from "./Cart";
 import type { cartConfigInterface } from "./CartDrawer";
 import { freebieMilestoneProps } from "./NextFreebieRow";
+import { type ItemSwapData, type ItemSwapProduct, type ItemSwapRequest } from "./ItemSwap";
 type CartProductsListProps = {
     addCartItem?: (product: any, quantity?: number, triggeredFrom?: string) => Promise<any>;
     removeCartItem: (lineItemKey: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
@@ -47,6 +48,9 @@ type CartProductsListProps = {
     customCartProgressBarCriteria?: string;
     effectiveQuantityForProgressBar?: number;
     isLargeScreen?: boolean;
+    itemSwapData?: ItemSwapData;
+    itemSwapProducts?: Record<string, ItemSwapProduct>;
+    swapCartItem?: (request: ItemSwapRequest) => Promise<void>;
 };
 declare const CartProductsList: React.FC<CartProductsListProps>;
 export default CartProductsList;

package/dist/esm/components/Cart/ItemSwap.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+export interface ItemSwapRule {
+    targetProductId: string;
+    swapVariantId: string;
+}
+export interface ItemSwapData {
+    enableItemSwap: boolean;
+    itemSwaps: ItemSwapRule[];
+}
+export interface ItemSwapProduct {
+    productTitle: string;
+    variantTitle?: string;
+    imageUrl?: string;
+    price: number;
+}
+export interface ItemSwapRequest {
+    lineItemKey: string;
+    swapVariantId: string;
+}
+type ItemSwapProps = {
+    product: any;
+    swapVariantId: string;
+    swapProduct: ItemSwapProduct;
+    onSwap: (request: ItemSwapRequest) => Promise<void>;
+    currency: string;
+    currencySymbol: string;
+    primaryTextColor?: string;
+    secondaryTextColor?: string;
+    themeColor?: string;
+    themeTextColor?: string;
+    backgroundSubdued?: string;
+    tertiaryTextColor?: string;
+    cartComponentsCornerType?: "rounded" | "sharp";
+    cartComponentsCornerRadius?: number;
+};
+declare const ItemSwap: React.FC<ItemSwapProps>;
+export default ItemSwap;

package/dist/esm/components/LoyaltyPageBlock/LoyaltyPageBlock.d.ts

@@ -35,11 +35,17 @@ export interface LoyaltyBalanceContentConfig extends LoyaltyTextContentConfig {
     purchaseValueMethod?: "order_count" | "purchase_value" | null;
     currencyCode?: string;
 }
+/** Guest banner: the primary CTA plus an optional secondary one beside it. */
+export interface LoyaltyBannerGuestConfig extends LoyaltyButtonContentConfig {
+    /** Off unless explicitly enabled, matching `badge.enabled`. */
+    showSecondaryButton?: boolean;
+    secondaryButtonText?: string;
+}
 export interface LoyaltyBannerConfig extends LoyaltySectionConfig {
     alignment?: LoyaltyAlignment;
     imageUrl?: string;
     showTierProgress?: boolean;
-    guestView?: LoyaltyButtonContentConfig;
+    guestView?: LoyaltyBannerGuestConfig;
     signedInView?: LoyaltyBalanceContentConfig;
 }
 export interface LoyaltyReferralContentConfig extends LoyaltyTextContentConfig {
@@ -214,6 +220,7 @@ export interface LoyaltyPageProps {
     referralLocked?: boolean;
     userData?: any;
     onBannerButtonClick?: LoyaltyActionHandler;
+    onBannerSecondaryButtonClick?: LoyaltyActionHandler;
     onReferralButtonClick?: LoyaltyActionHandler;
     onReferralCopyClick?: LoyaltyActionHandler<[referralLink: string]>;
     onRewardsButtonClick?: LoyaltyActionHandler;
@@ -224,5 +231,5 @@ export interface LoyaltyPageProps {
         freebie: LoyaltyWaysToRedeemFreebieConfig
     ]>;
 }
-export declare const LoyaltyPageBlock: ({ config, signedIn, referralLocked, userData, onBannerButtonClick, onReferralButtonClick, onReferralCopyClick, onRewardsButtonClick, onRedeemClick, onEarnMoreClick, onActiveCouponCopy, onFreebieAddToCart, }: LoyaltyPageProps) => React.JSX.Element;
+export declare const LoyaltyPageBlock: ({ config, signedIn, referralLocked, userData, onBannerButtonClick, onBannerSecondaryButtonClick, onReferralButtonClick, onReferralCopyClick, onRewardsButtonClick, onRedeemClick, onEarnMoreClick, onActiveCouponCopy, onFreebieAddToCart, }: LoyaltyPageProps) => React.JSX.Element;
 export default LoyaltyPageBlock;