@fast-simon/shopify-hydrogen 1.0.4 → 1.0.6

package/dist/esnext/components/ProductCard/components/Info/ProductInfo.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { ServerProduct } from "../../../../@types/product";
-import { ProductSettings } from "../../../../@types/editor";
-interface Props {
-    productData: ServerProduct;
-    productSettings: ProductSettings;
-}
-export declare function ProductInfo({ productData, productSettings }: Props): React.JSX.Element;
-export {};
+import React from 'react';
+import { ServerProduct } from "../../../../@types/product";
+import { ProductSettings } from "../../../../@types/editor";
+interface Props {
+    productData: ServerProduct;
+    productSettings: ProductSettings;
+}
+export declare function ProductInfo({ productData, productSettings }: Props): React.JSX.Element;
+export {};

package/dist/esnext/components/ProductCard/components/Info/ProductInfo.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import { Title } from "../Title/Title";
-import { Price } from "../Price/Price";
-import { Compare } from "../Compare/Compare";
-export function ProductInfo({ productData, productSettings }) {
-    const isCompare = productSettings.compare.isActive && Number(productData?.p_c) !== 0;
-    return (React.createElement("div", { className: `fs-product-card-info ${isCompare ? 'fs-info-areas-compare' : 'fs-info-areas'}` },
-        React.createElement(Title, { title: productData.l, redirectURL: productData.u }),
-        React.createElement(Price, { price: productData.p, isCompare: isCompare }),
-        isCompare ? React.createElement(Compare, { compare: productData.p_c }) : null));
-}
+import React from 'react';
+import { Title } from "../Title/Title";
+import { Price } from "../Price/Price";
+import { Compare } from "../Compare/Compare";
+export function ProductInfo({ productData, productSettings }) {
+    const isCompare = productSettings.compare.isActive && Number(productData?.p_c) !== 0;
+    return (React.createElement("div", { className: `fs-product-card-info ${isCompare ? 'fs-info-areas-compare' : 'fs-info-areas'}` },
+        React.createElement(Title, { title: productData.l, redirectURL: productData.u }),
+        React.createElement(Price, { price: productData.p, isCompare: isCompare }),
+        isCompare ? React.createElement(Compare, { compare: productData.p_c }) : null));
+}

package/dist/esnext/components/ProductCard/components/Price/Price.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-interface Props {
-    price: string;
-    isCompare: boolean;
-}
-export declare function Price({ price, isCompare }: Props): React.JSX.Element;
-export {};
+import React from 'react';
+interface Props {
+    price: string;
+    isCompare: boolean;
+}
+export declare function Price({ price, isCompare }: Props): React.JSX.Element;
+export {};

package/dist/esnext/components/ProductCard/components/Price/Price.js

@@ -1,6 +1,6 @@
-import React from 'react';
-export function Price({ price, isCompare }) {
-    return (React.createElement("div", { className: `fs-product-card-price ${isCompare ? 'fs-price-with-compare' : 'fs-price-without-compare'}` },
-        "$",
-        price));
-}
+import React from 'react';
+export function Price({ price, isCompare }) {
+    return (React.createElement("div", { className: `fs-product-card-price ${isCompare ? 'fs-price-with-compare' : 'fs-price-without-compare'}` },
+        "$",
+        price));
+}

package/dist/esnext/components/ProductCard/components/ProductImage/ProductImage.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-interface Props {
-    imageURL: string;
-    redirectURL: string;
-    index: number;
-}
-export declare function ProductImage({ imageURL, redirectURL, index }: Props): React.JSX.Element;
-export {};
+import React from 'react';
+interface Props {
+    imageURL: string;
+    redirectURL: string;
+    index: number;
+}
+export declare function ProductImage({ imageURL, redirectURL, index }: Props): React.JSX.Element;
+export {};

package/dist/esnext/components/ProductCard/components/ProductImage/ProductImage.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import { Image, Link } from "@shopify/hydrogen";
-const MISSING_IMAGE_SRC = 'https://acp-magento.appspot.com/images/missing.gif';
-export function ProductImage({ imageURL, redirectURL, index }) {
-    return (React.createElement(Link, { to: redirectURL },
-        React.createElement(Image, { alt: "product image", src: imageURL || MISSING_IMAGE_SRC, width: 500, height: 500, className: 'fs-product-card-img', loading: index < 4 ? 'eager' : 'lazy' })));
-}
+import React from 'react';
+import { Image, Link } from "@shopify/hydrogen";
+const MISSING_IMAGE_SRC = 'https://acp-magento.appspot.com/images/missing.gif';
+export function ProductImage({ imageURL, redirectURL, index }) {
+    return (React.createElement(Link, { to: redirectURL },
+        React.createElement(Image, { alt: "product image", src: imageURL || MISSING_IMAGE_SRC, width: 500, height: 500, className: 'fs-product-card-img', loading: index < 4 ? 'eager' : 'lazy' })));
+}

package/dist/esnext/components/ProductCard/components/Title/Title.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-interface Props {
-    title: string;
-    redirectURL: string;
-}
-export declare function Title({ title, redirectURL }: Props): React.JSX.Element;
-export {};
+import React from 'react';
+interface Props {
+    title: string;
+    redirectURL: string;
+}
+export declare function Title({ title, redirectURL }: Props): React.JSX.Element;
+export {};

package/dist/esnext/components/ProductCard/components/Title/Title.js

@@ -1,4 +1,4 @@
-import React from 'react';
-export function Title({ title, redirectURL }) {
-    return (React.createElement("a", { href: redirectURL, className: "fs-product-card-title" }, title));
-}
+import React from 'react';
+export function Title({ title, redirectURL }) {
+    return (React.createElement("a", { href: redirectURL, className: "fs-product-card-title" }, title));
+}

package/dist/esnext/components/ProductGrid/ProductGrid.server.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { FullTextServerResponseAll } from "../../services/search";
-import { CategoryNavigationServerResponseAll } from "../../services/categories_navigation";
-import { ProductsGridSettings } from "../../@types/editor";
-interface Props {
-    data?: FullTextServerResponseAll | CategoryNavigationServerResponseAll;
-    gridSettings: ProductsGridSettings;
-}
-export declare function ProductGridServer({ data, gridSettings }: Props): React.JSX.Element;
-export {};
+import React from 'react';
+import { FullTextServerResponseAll } from "../../services/search";
+import { CategoryNavigationServerResponseAll } from "../../services/categories_navigation";
+import { ProductsGridSettings } from "../../@types/editor";
+interface Props {
+    data?: FullTextServerResponseAll | CategoryNavigationServerResponseAll;
+    gridSettings: ProductsGridSettings;
+}
+export declare function ProductGridServer({ data, gridSettings }: Props): React.JSX.Element;
+export {};

package/dist/esnext/components/ProductGrid/ProductGrid.server.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import { ProductCard } from "../ProductCard/ProductCard";
-import { DynamicStyle } from "../../utils/DynamicStyle";
-import { StylesUtil } from "./stylesUtil";
-export function ProductGridServer({ data, gridSettings }) {
-    const dynamicStyles = StylesUtil.getDynamicStylesObject(gridSettings);
-    return (React.createElement(React.Fragment, null,
-        dynamicStyles.map(item => React.createElement(DynamicStyle, { key: item.className, styles: item.styles, className: item.className })),
-        React.createElement("div", { className: "fs-grid" }, data?.items?.map((product, index) => React.createElement(ProductCard, { key: product.id, productData: product, productSettings: gridSettings.product, index: index })))));
-}
+import React from 'react';
+import { ProductCard } from "../ProductCard/ProductCard";
+import { DynamicStyle } from "../../utils/DynamicStyle";
+import { StylesUtil } from "./stylesUtil";
+export function ProductGridServer({ data, gridSettings }) {
+    const dynamicStyles = StylesUtil.getDynamicStylesObject(gridSettings);
+    return (React.createElement(React.Fragment, null,
+        dynamicStyles.map(item => React.createElement(DynamicStyle, { key: item.className, styles: item.styles, className: item.className })),
+        React.createElement("div", { className: "fs-grid" }, data?.items?.map((product, index) => React.createElement(ProductCard, { key: product.id, productData: product, productSettings: gridSettings.product, index: index })))));
+}

package/dist/esnext/components/ProductGrid/stylesUtil.d.ts

@@ -1,138 +1,138 @@
-import { ProductAddToCartSettings, ProductComparePriceSettings, ProductPriceSettings, ProductSettings, ProductsGridSettings, ProductTitleSettings } from "../../@types/editor";
-export declare class StylesUtil {
-    static getDynamicStylesObject: (gridSettings: ProductsGridSettings) => ({
-        className: string;
-        styles: {
-            "grid-template-columns": string;
-            "grid-row-gap": string;
-            "grid-column-gap": string;
-            "margin-left": string;
-        };
-    } | {
-        className: string;
-        styles: {
-            'aspect-ratio': number;
-            'object-fit': string;
-        };
-    } | {
-        className: string;
-        styles: {
-            'background-color': string;
-            color: string;
-        };
-    } | {
-        className: string;
-        styles: {
-            'font-weight': string;
-            'font-family': string;
-            'font-size': string;
-            'letter-spacing': string;
-            'line-height': string;
-        };
-    } | {
-        className: string;
-        styles: {
-            'text-align': string;
-            color: string;
-        };
-    } | {
-        className: string;
-        styles: {
-            border: string | undefined;
-        };
-    } | {
-        className: string;
-        styles: {
-            padding: string;
-        };
-    } | {
-        className: string;
-        styles: {
-            'grid-template-areas': string | undefined;
-        };
-    })[];
-    static getGridCustomStyles: (gridSettings: ProductsGridSettings) => {
-        "grid-template-columns": string;
-        "grid-row-gap": string;
-        "grid-column-gap": string;
-        "margin-left": string;
-    };
-    static getProductImageCustomStyles: (productSettings: ProductSettings) => {
-        'aspect-ratio': number;
-        'object-fit': string;
-    };
-    static getAddToCartCustomStyles: (addToCart: ProductAddToCartSettings) => {
-        base: {
-            'font-weight': string;
-            'font-family': string;
-            'font-size': string;
-            'letter-spacing': string;
-            color: string;
-            'background-color': string;
-            border: string;
-            'border-radius': string;
-            opacity: number;
-        };
-        hover: {
-            'background-color': string;
-            color: string;
-        };
-    };
-    static getPriceCustomStyles: (priceSettings: ProductPriceSettings, comparePrice?: boolean) => {
-        base: {
-            'font-weight': string;
-            'font-family': string;
-            'font-size': string;
-            'letter-spacing': string;
-            'line-height': string;
-        };
-        withCompare: {
-            'text-align': "center" | "left" | "right";
-            color: string;
-        };
-        withoutCompare: {
-            'text-align': string;
-            color: string;
-        };
-    };
-    static getProductTitleCustomStyles: (titleSettings: ProductTitleSettings) => {
-        '-webkit-line-clamp': string;
-        'font-weight': string;
-        'text-align': string;
-        'font-family': string;
-        'font-size': string;
-        'letter-spacing': string;
-        'line-height': string;
-        color: string;
-    };
-    static getProductCardCustomStyles: (productSettings: ProductSettings) => {
-        base: {
-            padding: string;
-            border: string | undefined;
-            'border-radius': string;
-            shadow: string;
-            'justify-content': string;
-        };
-        hover: {
-            border: string | undefined;
-        };
-        gridAreasWithCompare: {
-            'grid-template-areas': string | undefined;
-        };
-        gridAreasWithoutCompare: {
-            'grid-template-areas': string | undefined;
-        };
-        productInfo: {
-            padding: string;
-        };
-    };
-    static getCompareStyles: (compareSettings: ProductComparePriceSettings) => {
-        'font-weight': string;
-        'text-align': string;
-        'font-family': string;
-        'font-size': string;
-        'letter-spacing': string;
-        'line-height': string;
-        color: string;
-    };
-}
+import { ProductAddToCartSettings, ProductComparePriceSettings, ProductPriceSettings, ProductSettings, ProductsGridSettings, ProductTitleSettings } from "../../@types/editor";
+export declare class StylesUtil {
+    static getDynamicStylesObject: (gridSettings: ProductsGridSettings) => ({
+        className: string;
+        styles: {
+            "grid-template-columns": string;
+            "grid-row-gap": string;
+            "grid-column-gap": string;
+            "margin-left": string;
+        };
+    } | {
+        className: string;
+        styles: {
+            'aspect-ratio': number;
+            'object-fit': string;
+        };
+    } | {
+        className: string;
+        styles: {
+            'background-color': string;
+            color: string;
+        };
+    } | {
+        className: string;
+        styles: {
+            'font-weight': string;
+            'font-family': string;
+            'font-size': string;
+            'letter-spacing': string;
+            'line-height': string;
+        };
+    } | {
+        className: string;
+        styles: {
+            'text-align': string;
+            color: string;
+        };
+    } | {
+        className: string;
+        styles: {
+            border: string | undefined;
+        };
+    } | {
+        className: string;
+        styles: {
+            padding: string;
+        };
+    } | {
+        className: string;
+        styles: {
+            'grid-template-areas': string | undefined;
+        };
+    })[];
+    static getGridCustomStyles: (gridSettings: ProductsGridSettings) => {
+        "grid-template-columns": string;
+        "grid-row-gap": string;
+        "grid-column-gap": string;
+        "margin-left": string;
+    };
+    static getProductImageCustomStyles: (productSettings: ProductSettings) => {
+        'aspect-ratio': number;
+        'object-fit': string;
+    };
+    static getAddToCartCustomStyles: (addToCart: ProductAddToCartSettings) => {
+        base: {
+            'font-weight': string;
+            'font-family': string;
+            'font-size': string;
+            'letter-spacing': string;
+            color: string;
+            'background-color': string;
+            border: string;
+            'border-radius': string;
+            opacity: number;
+        };
+        hover: {
+            'background-color': string;
+            color: string;
+        };
+    };
+    static getPriceCustomStyles: (priceSettings: ProductPriceSettings, comparePrice?: boolean) => {
+        base: {
+            'font-weight': string;
+            'font-family': string;
+            'font-size': string;
+            'letter-spacing': string;
+            'line-height': string;
+        };
+        withCompare: {
+            'text-align': "left" | "center" | "right";
+            color: string;
+        };
+        withoutCompare: {
+            'text-align': string;
+            color: string;
+        };
+    };
+    static getProductTitleCustomStyles: (titleSettings: ProductTitleSettings) => {
+        '-webkit-line-clamp': string;
+        'font-weight': string;
+        'text-align': string;
+        'font-family': string;
+        'font-size': string;
+        'letter-spacing': string;
+        'line-height': string;
+        color: string;
+    };
+    static getProductCardCustomStyles: (productSettings: ProductSettings) => {
+        base: {
+            padding: string;
+            border: string | undefined;
+            'border-radius': string;
+            shadow: string;
+            'justify-content': string;
+        };
+        hover: {
+            border: string | undefined;
+        };
+        gridAreasWithCompare: {
+            'grid-template-areas': string | undefined;
+        };
+        gridAreasWithoutCompare: {
+            'grid-template-areas': string | undefined;
+        };
+        productInfo: {
+            padding: string;
+        };
+    };
+    static getCompareStyles: (compareSettings: ProductComparePriceSettings) => {
+        'font-weight': string;
+        'text-align': string;
+        'font-family': string;
+        'font-size': string;
+        'letter-spacing': string;
+        'line-height': string;
+        color: string;
+    };
+}