@faststore/components 3.70.2 → 3.78.0

package/dist/esm/organisms/ProductComparison/ProductComparisonToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductComparisonToolbar.js","sourceRoot":"","sources":["../../../../src/organisms/ProductComparison/ProductComparisonToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAkBvE,MAAM,cAAc,GAAuB,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE,CAAC,CAC1E,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,CAC5C,CAAA;AAED,SAAS,wBAAwB,CAAC,EAChC,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,GACS;IAC9B,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAE7E,MAAM,uBAAuB,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAEpD,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,MAAM;QAAE,OAAO,IAAI,CAAA;IAE3C,OAAO,CACL;QACE;YACG,uBAAuB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACxC,oBAAC,cAAc,IACb,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,EACzB,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACH,CAAC;YAED,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACtB;gBACE,+BAAI,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAK,CAC9B,CACP;YAEA,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CACxB,oBAAC,KAAK,kEACH,qBAAqB,CAChB,CACT,CACG;QAEN,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,IACtD,yBAAyB,CACnB;QACT,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,IAE7B,QAAQ,CAAC,MAAM,GAAG,CAAC;YAClB,CAAC,CAAC,GAAG,kBAAkB,IAAI,QAAQ,CAAC,MAAM,EAAE;YAC5C,CAAC,CAAC,kBAAkB,CACf,CACF,CACV,CAAA;AACH,CAAC;AAED,eAAe,wBAAwB,CAAA"}

package/dist/esm/organisms/ProductComparison/ProductComparisonTrigger.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { IProductComparison } from '.';
+import { type CheckboxFieldProps } from '../../molecules/CheckboxField';
+export type ProductComparisonTriggerProps = CheckboxFieldProps & {
+    product: IProductComparison;
+};
+declare const ProductComparisonTrigger: React.ForwardRefExoticComponent<CheckboxFieldProps & {
+    product: IProductComparison;
+} & React.RefAttributes<HTMLInputElement>>;
+export default ProductComparisonTrigger;
+//# sourceMappingURL=ProductComparisonTrigger.d.ts.map

package/dist/esm/organisms/ProductComparison/ProductComparisonTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductComparisonTrigger.d.ts","sourceRoot":"","sources":["../../../../src/organisms/ProductComparison/ProductComparisonTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;AAC3C,OAAsB,EACpB,KAAK,kBAAkB,EACxB,MAAM,+BAA+B,CAAA;AAGtC,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,GAAG;IAI/D,OAAO,EAAE,kBAAkB,CAAA;CAC5B,CAAA;AAED,QAAA,MAAM,wBAAwB;aAHnB,kBAAkB;0CAmC3B,CAAA;AAEF,eAAe,wBAAwB,CAAA"}

package/dist/esm/organisms/ProductComparison/ProductComparisonTrigger.js

@@ -0,0 +1,15 @@
+import React, { forwardRef } from 'react';
+import CheckboxField from '../../molecules/CheckboxField';
+import { useProductComparison } from '../../hooks/useProductComparison';
+const ProductComparisonTrigger = forwardRef(function ProductComparisonTrigger({ id, label, onChange, product, ...otherProps }, ref) {
+    const { productIds, handleProductsIds } = useProductComparison();
+    const isSelected = productIds.some((productId) => productId === product.id);
+    return (React.createElement("div", { "data-fs-product-comparison-trigger": true }, product.hasSpecifications && (React.createElement(CheckboxField, { "data-fs-product-comparison-trigger-checkbox-field": true, ref: ref, id: `product-comparison-trigger-${id}`, label: label, checked: isSelected, onClick: (event) => {
+            event.stopPropagation();
+        }, onChange: (event) => {
+            onChange?.(event);
+            handleProductsIds(product);
+        }, ...otherProps }))));
+});
+export default ProductComparisonTrigger;
+//# sourceMappingURL=ProductComparisonTrigger.js.map

package/dist/esm/organisms/ProductComparison/ProductComparisonTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductComparisonTrigger.js","sourceRoot":"","sources":["../../../../src/organisms/ProductComparison/ProductComparisonTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,aAEN,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AASvE,MAAM,wBAAwB,GAAG,UAAU,CAGzC,SAAS,wBAAwB,CACjC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,EAC/C,GAAG;IAEH,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEhE,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,KAAK,OAAO,CAAC,EAAE,CAAC,CAAA;IAE3E,OAAO,CACL,2EACG,OAAO,CAAC,iBAAiB,IAAI,CAC5B,oBAAC,aAAa,+DAEZ,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,8BAA8B,EAAE,EAAE,EACtC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAA;QACzB,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;YACjB,iBAAiB,CAAC,OAAO,CAAC,CAAA;QAC5B,CAAC,KACG,UAAU,GACd,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,wBAAwB,CAAA"}

package/dist/esm/organisms/ProductComparison/index.d.ts

@@ -0,0 +1,11 @@
+export { default } from './ProductComparison';
+export type { ProductComparisonProps } from './ProductComparison';
+export { default as ProductComparisonSidebar } from './ProductComparisonSidebar';
+export type { ProductComparisonSidebarProps } from './ProductComparisonSidebar';
+export { default as ProductComparisonToolbar } from './ProductComparisonToolbar';
+export type { ProductComparisonToolbarProps } from './ProductComparisonToolbar';
+export { default as ProductComparisonTrigger } from './ProductComparisonTrigger';
+export type { ProductComparisonTriggerProps } from './ProductComparisonTrigger';
+export { default as ProductComparisonProvider } from './provider/ProductComparisonProvider';
+export type { IProductComparison } from './provider/ProductComparisonProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/organisms/ProductComparison/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/organisms/ProductComparison/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC7C,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAEjE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAChF,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAA;AAE/E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAChF,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAA;AAE/E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAChF,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAA;AAE/E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AAC3F,YAAY,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAA"}

package/dist/esm/organisms/ProductComparison/index.js

@@ -0,0 +1,6 @@
+export { default } from './ProductComparison';
+export { default as ProductComparisonSidebar } from './ProductComparisonSidebar';
+export { default as ProductComparisonToolbar } from './ProductComparisonToolbar';
+export { default as ProductComparisonTrigger } from './ProductComparisonTrigger';
+export { default as ProductComparisonProvider } from './provider/ProductComparisonProvider';
+//# sourceMappingURL=index.js.map

package/dist/esm/organisms/ProductComparison/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/organisms/ProductComparison/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAG7C,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAGhF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAGhF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAGhF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,sCAAsC,CAAA"}

package/dist/esm/organisms/ProductComparison/provider/ProductComparisonProvider.d.ts

@@ -0,0 +1,75 @@
+import React, { type ReactNode } from 'react';
+export interface IProductComparison {
+    slug: string;
+    sku: string;
+    name: string;
+    gtin: string;
+    id: string;
+    unitMultiplier: number;
+    brand: {
+        name: string;
+        brandName: string;
+    };
+    isVariantOf: {
+        productGroupID: string;
+        name: string;
+        skuVariants: {
+            activeVariations: any | null;
+            slugsMap: any | null;
+            availableVariations: any | null;
+            allVariantProducts: Array<{
+                name: string;
+                productID: string;
+            }> | null;
+        };
+    };
+    image: Array<{
+        url: string;
+        alternateName: string;
+    }>;
+    offers: {
+        lowPrice: number;
+        lowPriceWithTaxes: number;
+        offers: Array<{
+            availability: string;
+            price: number;
+            listPrice: number;
+            listPriceWithTaxes: number;
+            priceWithTaxes: number;
+            quantity: number;
+            seller: {
+                identifier: string;
+            };
+        }>;
+    };
+    additionalProperty: Array<{
+        propertyID: string;
+        name: string;
+        value: any;
+        valueReference: any;
+    }>;
+    advertisement: {
+        adId: string;
+        adResponseId: string;
+    } | null;
+    hasSpecifications?: boolean;
+    skuSpecifications?: Array<{
+        field: string;
+        values: string[];
+    }>;
+}
+export interface ProductComparisonProviderContextValue {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    productIds: string[];
+    products: IProductComparison[];
+    handleProductsIds: (product: IProductComparison) => void;
+    handleProductsComparison: (products: IProductComparison[]) => void;
+    clearProducts: () => void;
+}
+export declare const ProductComparisonContext: React.Context<ProductComparisonProviderContextValue | undefined>;
+declare function ProductComparisonProvider({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export default ProductComparisonProvider;
+//# sourceMappingURL=ProductComparisonProvider.d.ts.map

package/dist/esm/organisms/ProductComparison/provider/ProductComparisonProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductComparisonProvider.d.ts","sourceRoot":"","sources":["../../../../../src/organisms/ProductComparison/provider/ProductComparisonProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AAEd,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1C,WAAW,EAAE;QACX,cAAc,EAAE,MAAM,CAAA;QACtB,IAAI,EAAE,MAAM,CAAA;QACZ,WAAW,EAAE;YACX,gBAAgB,EAAE,GAAG,GAAG,IAAI,CAAA;YAC5B,QAAQ,EAAE,GAAG,GAAG,IAAI,CAAA;YACpB,mBAAmB,EAAE,GAAG,GAAG,IAAI,CAAA;YAC/B,kBAAkB,EAAE,KAAK,CAAC;gBACxB,IAAI,EAAE,MAAM,CAAA;gBACZ,SAAS,EAAE,MAAM,CAAA;aAClB,CAAC,GAAG,IAAI,CAAA;SACV,CAAA;KACF,CAAA;IACD,KAAK,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACpD,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,CAAA;QAChB,iBAAiB,EAAE,MAAM,CAAA;QACzB,MAAM,EAAE,KAAK,CAAC;YACZ,YAAY,EAAE,MAAM,CAAA;YACpB,KAAK,EAAE,MAAM,CAAA;YACb,SAAS,EAAE,MAAM,CAAA;YACjB,kBAAkB,EAAE,MAAM,CAAA;YAC1B,cAAc,EAAE,MAAM,CAAA;YACtB,QAAQ,EAAE,MAAM,CAAA;YAChB,MAAM,EAAE;gBAAE,UAAU,EAAE,MAAM,CAAA;aAAE,CAAA;SAC/B,CAAC,CAAA;KACH,CAAA;IACD,kBAAkB,EAAE,KAAK,CAAC;QACxB,UAAU,EAAE,MAAM,CAAA;QAClB,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,GAAG,CAAA;QACV,cAAc,EAAE,GAAG,CAAA;KACpB,CAAC,CAAA;IACF,aAAa,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC5D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAA;CAC/D;AAED,MAAM,WAAW,qCAAqC;IAIpD,MAAM,EAAE,OAAO,CAAA;IAIf,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAIpC,UAAU,EAAE,MAAM,EAAE,CAAA;IAIpB,QAAQ,EAAE,kBAAkB,EAAE,CAAA;IAI9B,iBAAiB,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAIxD,wBAAwB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAA;IAIlE,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,eAAO,MAAM,wBAAwB,kEAEzB,CAAA;AAEZ,iBAAS,yBAAyB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAqDvE;AAED,eAAe,yBAAyB,CAAA"}

package/dist/esm/organisms/ProductComparison/provider/ProductComparisonProvider.js

@@ -0,0 +1,46 @@
+import React, { createContext, useCallback, useState, } from 'react';
+export const ProductComparisonContext = createContext(undefined);
+function ProductComparisonProvider({ children }) {
+    const [productIds, setProductIds] = useState([]);
+    const [products, setProducts] = useState([]);
+    const [isOpen, setIsOpen] = useState(false);
+    const handleProductsIds = useCallback((product) => {
+        setProductIds((prev) => {
+            if (prev.includes(product?.id)) {
+                return prev.filter((id) => id !== product.id);
+            }
+            return [...prev, product.id];
+        });
+        setProducts((prev) => {
+            if (prev.some((p) => p.id === product.id)) {
+                return prev.filter((p) => p.id !== product.id);
+            }
+            return [...prev, product];
+        });
+    }, []);
+    function handleProductsComparison(products) {
+        const productSelectedWithFullData = products.map((product) => {
+            const productAlreadySelected = products.find((p) => p.id === product.id);
+            return {
+                ...product,
+                ...productAlreadySelected,
+            };
+        });
+        setProducts(productSelectedWithFullData);
+    }
+    function clearProducts() {
+        setProductIds([]);
+        setProducts([]);
+    }
+    return (React.createElement(ProductComparisonContext.Provider, { value: {
+            isOpen,
+            setIsOpen,
+            productIds,
+            products,
+            handleProductsIds,
+            handleProductsComparison,
+            clearProducts,
+        } }, children));
+}
+export default ProductComparisonProvider;
+//# sourceMappingURL=ProductComparisonProvider.js.map

package/dist/esm/organisms/ProductComparison/provider/ProductComparisonProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductComparisonProvider.js","sourceRoot":"","sources":["../../../../../src/organisms/ProductComparison/provider/ProductComparisonProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,WAAW,EACX,QAAQ,GACT,MAAM,OAAO,CAAA;AA+Ed,MAAM,CAAC,MAAM,wBAAwB,GAAG,aAAa,CAEnD,SAAS,CAAC,CAAA;AAEZ,SAAS,yBAAyB,CAAC,EAAE,QAAQ,EAA2B;IACtE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAA;IAC1D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAuB,EAAE,CAAC,CAAA;IAClE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,OAA2B,EAAE,EAAE;QACpE,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC;gBAC/B,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC,CAAA;YAC/C,CAAC;YACD,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC,CAAA;QAC9B,CAAC,CAAC,CAAA;QAEF,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACnB,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;gBAC1C,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC,CAAA;YAChD,CAAC;YACD,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,CAAA;QAC3B,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,wBAAwB,CAAC,QAA8B;QAC9D,MAAM,2BAA2B,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3D,MAAM,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC,CAAA;YACxE,OAAO;gBACL,GAAG,OAAO;gBACV,GAAG,sBAAsB;aAC1B,CAAA;QACH,CAAC,CAAC,CAAA;QAEF,WAAW,CAAC,2BAA2B,CAAC,CAAA;IAC1C,CAAC;IAED,SAAS,aAAa;QACpB,aAAa,CAAC,EAAE,CAAC,CAAA;QACjB,WAAW,CAAC,EAAE,CAAC,CAAA;IACjB,CAAC;IAED,OAAO,CACL,oBAAC,wBAAwB,CAAC,QAAQ,IAChC,KAAK,EAAE;YACL,MAAM;YACN,SAAS;YACT,UAAU;YACV,QAAQ;YACR,iBAAiB;YACjB,wBAAwB;YACxB,aAAa;SACd,IAEA,QAAQ,CACyB,CACrC,CAAA;AACH,CAAC;AAED,eAAe,yBAAyB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "3.70.2",
+  "version": "3.78.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
@@ -56,5 +56,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "9388d1dd171b76fa3ccb77ec3a5327b2ca9a01fc"
+  "gitHead": "e4853a8c962f5ba4527694ea4b60984fa21e1208"
 }

package/src/hooks/index.ts

@@ -18,3 +18,4 @@ export type {
 } from './useSlider'
 export { useSlideVisibility } from './useSlideVisibility'
 export { useTrapFocus } from './useTrapFocus'
+export { useProductComparison } from './useProductComparison'

package/src/hooks/useProductComparison.ts

@@ -0,0 +1,15 @@
+import { useContext } from 'react'
+
+import { ProductComparisonContext } from '../organisms/ProductComparison/provider/ProductComparisonProvider'
+
+export function useProductComparison() {
+  const context = useContext(ProductComparisonContext)
+
+  if (context === undefined) {
+    throw new Error(
+      'useProductComparison must be used within a ProductComparisonProvider'
+    )
+  }
+
+  return context
+}

package/src/index.ts

@@ -337,6 +337,20 @@ export type { PaymentMethodsProps } from './organisms/PaymentMethods'
 export { default as PriceRange } from './organisms/PriceRange'
 export type { PriceRangeProps } from './organisms/PriceRange'
 
+export {
+  default as ProductComparison,
+  ProductComparisonTrigger,
+  ProductComparisonToolbar,
+  ProductComparisonSidebar,
+} from './organisms/ProductComparison'
+export type {
+  IProductComparison,
+  ProductComparisonProps,
+  ProductComparisonTriggerProps,
+  ProductComparisonToolbarProps,
+  ProductComparisonSidebarProps,
+} from './organisms/ProductComparison'
+
 export {
   default as ProductGrid,
   ProductGridItem,

package/src/molecules/ToggleField/ToggleField.tsx

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react'
-import { Label, SROnly, Toggle } from './../../'
+import { Label, SROnly, Toggle, type ToggleProps } from './../../'
 
-export interface ToggleFieldProps {
+export interface ToggleFieldProps extends ToggleProps {
   /**
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
    */

package/src/organisms/ProductComparison/ProductComparison.tsx

@@ -0,0 +1,24 @@
+import React, { forwardRef, type HTMLAttributes } from 'react'
+import { ProductComparisonProvider } from '.'
+
+export interface ProductComparisonProps extends HTMLAttributes<HTMLDivElement> {
+  /*
+   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+   */
+  testId?: string
+}
+
+const ProductComparison = forwardRef<HTMLDivElement, ProductComparisonProps>(
+  function ProductComparison(
+    { testId = 'fs-product-comparison', children, ...otherProps },
+    ref
+  ) {
+    return (
+      <div ref={ref} data-testid={testId} {...otherProps}>
+        <ProductComparisonProvider>{children}</ProductComparisonProvider>
+      </div>
+    )
+  }
+)
+
+export default ProductComparison