yt-uikit 0.7.4123 → 0.8.1-collection-bundle-updates.0

package/dist/esm/types/components/BundleBlock/Bundle.d.ts

@@ -50,6 +50,10 @@ export type VariantNode = {
         image: ProductImage;
         availableForSale: boolean;
         inventoryQuantity: number;
+        inventoryItem?: {
+            tracked?: boolean;
+        };
+        inventoryPolicy?: "deny" | "continue";
     };
 };
 type SelectedVariantDetails = {
@@ -83,6 +87,7 @@ export type ProductDetails = {
     status: "active" | "archived" | "draft" | "";
     options: ProductOption[];
     onlineStoreUrl: string;
+    tracksInventory?: boolean;
     collections: {
         edges: CollectionNode[];
     };
@@ -374,7 +379,7 @@ export type BundleProps = {
 };
 export declare const currencyPrice: (price: number | string | undefined) => string | undefined;
 export declare const getCurrencySymbol: (genSymbol: string, storeCurrencyCode?: string) => string;
-export declare const optimiseImage: (url: string) => string;
+export declare const optimiseImage: (url: string, width?: number) => string;
 export declare const handleAddToBundle: (variantId: string, product: ProductDetails, quantity: number, selectedItems: {
     variantId: string;
     product: ProductDetails;

package/dist/esm/types/components/BundleBlock/BundleBuilder/BundleBuilder.d.ts

@@ -1,7 +1,7 @@
 import "../bundle.scss";
 import React from "react";
 import { BundlePayload, ProductDetails } from "../Bundle";
-export declare function QuantitySelectorForBundle({ quantity, setQuantity, remainingQuantity, handleAddToBundle, variantId, product, handleRemoveItem, hideAddToBundle, disableInventoryTracking, selectedVariantInventoryQty, }: {
+export declare function QuantitySelectorForBundle({ quantity, setQuantity, remainingQuantity, handleAddToBundle, variantId, product, handleRemoveItem, hideAddToBundle, selectedVariantInventoryQty, }: {
     quantity: number;
     setQuantity: React.Dispatch<React.SetStateAction<number>>;
     remainingQuantity: number;
@@ -10,8 +10,7 @@ export declare function QuantitySelectorForBundle({ quantity, setQuantity, remai
     product?: ProductDetails;
     handleRemoveItem?: (variantId: string, quantity: number) => void;
     hideAddToBundle?: boolean;
-    disableInventoryTracking?: boolean;
-    selectedVariantInventoryQty: number;
+    selectedVariantInventoryQty: number | typeof Infinity;
 }): React.JSX.Element;
 type BundleBuilderProps = {
     bundle: BundlePayload;

package/dist/esm/types/components/BundleBlock/BundleBuilder/VariantOptionsModal.d.ts

@@ -10,7 +10,6 @@ interface SingleProductVariantOptionsModalProps {
         backgroundColor: string;
     };
     onConfirm: (variantId: string) => void;
-    disableInventoryTracking?: boolean;
 }
 declare const SingleProductVariantOptionsModal: React.FC<SingleProductVariantOptionsModalProps>;
 export default SingleProductVariantOptionsModal;

package/dist/esm/types/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts

@@ -11,7 +11,6 @@ type BundleProductDetailsModalProps = {
     remainingQuantity: number;
     hideAddToBundle: boolean;
     disableQuantitySelector: boolean;
-    disableInventoryTracking: boolean;
     themeColor?: string;
     cornerRadius: string;
     primaryTextColorCta: string;

package/dist/esm/types/components/BundleBlock/CollectionBundle/ColllectionBundle.d.ts

@@ -65,9 +65,9 @@ export type BundleConfig = {
                 products: Product[];
             }[];
         };
-        form: {
-            title: string;
-            sections: {
+        form?: {
+            title?: string;
+            sections?: {
                 title: string;
                 type: "text" | "image";
                 fields: {
@@ -92,6 +92,11 @@ export type BundleConfig = {
         hideSelectedProducts: boolean;
         allowMultipleQty: boolean;
         hideOutOfStockProducts: boolean;
+        bundleRedirection: "cart-drawer" | "checkout";
+        checkoutPartner: "shopify" | "razorpay" | "shiprocket" | "gokwik" | "breeze" | "zecpay" | "shopflo";
+        showTierSteps: boolean;
+        headerImage: string;
+        stickyBarWidth: "compact" | "full-width";
     };
 };
 interface CollectionBundleProps {

package/dist/esm/types/components/Cart/MultiStepProgressBar/MultiStepUtils.d.ts

@@ -3,3 +3,4 @@ import { Checkpoint } from "../Cart";
 import { MultiStepProgressBarProps } from "./types";
 export declare const criteriaCheckpointFieldMap: (customCartProgressBarCriteria: string) => "minimumOrderValue" | "quantityThreshold";
 export declare function processCheckpoint(checkpoint: Checkpoint, index: number, sortedCheckpoints: Checkpoint[], itemCount: number, props: MultiStepProgressBarProps): CheckpointWithProgress;
+export declare function hasAnyProgress(checkpoints: Checkpoint[] | undefined, currentCartAmount: number, effectiveQuantityForProgressBar: number | undefined, customCartProgressBarCriteria: string, itemCount: number): boolean;

package/dist/esm/types/components/ProductOffersBlock/ProductOffersCoupon.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { CartCheckpoint } from "./ProductsOffers";
+import { ProductsOffersConfigType } from "./ProductsOffers";
+interface ProductOffersCouponProps {
+    offersToShow: CartCheckpoint[];
+    offersConfig?: ProductsOffersConfigType | null;
+    getOfferCardMessage: (offer: CartCheckpoint) => string;
+    setSelectedOffer: (offer: CartCheckpoint | null) => void;
+    setShowPopup: (show: boolean) => void;
+}
+export declare const ProductOffersCoupon: ({ offersToShow, offersConfig, getOfferCardMessage, setSelectedOffer, setShowPopup, }: ProductOffersCouponProps) => React.JSX.Element;
+export {};

package/dist/esm/types/components/ProductOffersBlock/ProductOffersList.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { CartCheckpoint } from "./ProductsOffers";
+import { ProductsOffersConfigType } from "./ProductsOffers";
+interface ProductOffersListProps {
+    offersToShow: CartCheckpoint[];
+    offersConfig: ProductsOffersConfigType;
+    getOfferCardMessage: (offer: CartCheckpoint) => string;
+    setSelectedOffer: (offer: CartCheckpoint | null) => void;
+    setShowPopup: (show: boolean) => void;
+}
+export declare const ProductOffersList: ({ offersToShow, offersConfig, getOfferCardMessage, setSelectedOffer, setShowPopup, }: ProductOffersListProps) => React.JSX.Element;
+export {};

package/dist/esm/types/components/ProductOffersBlock/ProductOffersTermsMobilePopover.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { CartCheckpoint, OfferTermsAndConditions } from "./ProductsOffers";
+import { ProductsOffersConfigType } from "./ProductsOffers";
+export declare const ProductOffersTermsMobilePopover: ({ showPopup, selectedOffer, selectedOfferTerms, onClose, offersConfig, }: {
+    showPopup: boolean;
+    selectedOffer: CartCheckpoint | null;
+    selectedOfferTerms: OfferTermsAndConditions | null;
+    onClose: () => void;
+    offersConfig?: ProductsOffersConfigType | null | undefined;
+}) => React.ReactPortal | null;

package/dist/esm/types/components/ProductOffersBlock/ProductOffersTermsPopup.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { CartCheckpoint, OfferTermsAndConditions } from "./ProductsOffers";
+import { ProductsOffersConfigType } from "./ProductsOffers";
+export declare const ProductOffersTermsPopup: ({ showPopup, selectedOffer, selectedOfferTerms, onClose, offersConfig, }: {
+    showPopup: boolean;
+    selectedOffer: CartCheckpoint | null;
+    selectedOfferTerms: OfferTermsAndConditions | null;
+    onClose: () => void;
+    offersConfig?: ProductsOffersConfigType | null | undefined;
+}) => React.ReactPortal | null;

package/dist/esm/types/components/ProductOffersBlock/ProductsOffers.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { Checkpoint } from "../Cart/Cart";
+export interface ProductsOffersConfigType {
+    sectionType?: "coupon" | "list";
+    sectionTitle?: string;
+    sectionBackgroundColor?: string;
+    sectionBgContrastColor?: string;
+    cardBackgroundColor?: string;
+    cardBackgroundTransparent?: boolean;
+    textColor?: string;
+    accentColor?: string;
+    roundness?: number;
+    cardPadding?: number;
+    viewDetailsTitle?: string;
+    alignment?: "left" | "middle" | "right";
+    iconVisibility?: boolean;
+    popupIsolationStrategy?: "revert" | "revert-layer" | "unset" | "initial" | "inherit" | "none";
+}
+export interface CartCheckpoint extends Checkpoint {
+    customCartProgressBarCriteria?: string | null;
+    discountPercentage?: number | null;
+    discountId?: number | null;
+}
+export interface OfferTermsAndConditions {
+    offerMessage: string;
+    terms: string[];
+}
+declare const ProductsOffers: ({ offersConfig, offers, }: {
+    offersConfig?: ProductsOffersConfigType | null | undefined;
+    offers: CartCheckpoint[];
+}) => React.JSX.Element;
+export default ProductsOffers;

package/dist/esm/types/components/index.d.ts

@@ -4,3 +4,4 @@ export { default as Cart } from "./Cart";
 export { default as CouponFrame } from "./CouponFrame";
 export { default as Bundle } from "./BundleBlock";
 export { default as BundleLoader } from "./BundleBlock/Loader";
+export { default as ProductOffers, ProductsOffersConfigType, CartCheckpoint, } from "./ProductOffersBlock/ProductsOffers";

package/dist/index.d.ts

@@ -123,6 +123,10 @@ type VariantNode = {
         image: ProductImage;
         availableForSale: boolean;
         inventoryQuantity: number;
+        inventoryItem?: {
+            tracked?: boolean;
+        };
+        inventoryPolicy?: "deny" | "continue";
     };
 };
 type SelectedVariantDetails = {
@@ -156,6 +160,7 @@ type ProductDetails = {
     status: "active" | "archived" | "draft" | "";
     options: ProductOption[];
     onlineStoreUrl: string;
+    tracksInventory?: boolean;
     collections: {
         edges: CollectionNode[];
     };
@@ -732,4 +737,30 @@ declare const Cart: React.FC<CartProps>;
 type BundleLoaderProps = {};
 declare const BundleLoader: React.FC<BundleLoaderProps>;
 
-export { Bundle, BundleLoader, Cart, CouponFrame, Nudge, SpinnerWheel };
+interface ProductsOffersConfigType {
+    sectionType?: "coupon" | "list";
+    sectionTitle?: string;
+    sectionBackgroundColor?: string;
+    sectionBgContrastColor?: string;
+    cardBackgroundColor?: string;
+    cardBackgroundTransparent?: boolean;
+    textColor?: string;
+    accentColor?: string;
+    roundness?: number;
+    cardPadding?: number;
+    viewDetailsTitle?: string;
+    alignment?: "left" | "middle" | "right";
+    iconVisibility?: boolean;
+    popupIsolationStrategy?: "revert" | "revert-layer" | "unset" | "initial" | "inherit" | "none";
+}
+interface CartCheckpoint extends Checkpoint {
+    customCartProgressBarCriteria?: string | null;
+    discountPercentage?: number | null;
+    discountId?: number | null;
+}
+declare const ProductsOffers: ({ offersConfig, offers, }: {
+    offersConfig?: ProductsOffersConfigType | null | undefined;
+    offers: CartCheckpoint[];
+}) => React.JSX.Element;
+
+export { Bundle, BundleLoader, Cart, CartCheckpoint, CouponFrame, Nudge, ProductsOffers as ProductOffers, ProductsOffersConfigType, SpinnerWheel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-uikit",
-  "version": "0.7.4123",
+  "version": "0.8.1-collection-bundle-updates.0",
   "description": "YourToken UI Kit",
   "scripts": {
     "rollup": "tsc && rollup -c",