@okendo/shopify-hydrogen 1.2.4 → 1.3.0

package/dist/esnext/client-components/OkendoClientStarRating.client.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import type { OkendoClientStarRatingProps } from '../models/starRating';
-export declare const OkendoClientStarRating: FC<OkendoClientStarRatingProps>;
-export default OkendoClientStarRating;
+import { FC } from 'react';
+import type { OkendoClientStarRatingProps } from '../models/starRating';
+export declare const OkendoClientStarRating: FC<OkendoClientStarRatingProps>;
+export default OkendoClientStarRating;

package/dist/esnext/client-components/OkendoClientStarRating.client.js

@@ -1,24 +1,24 @@
-import React from 'react';
-import { OkendoWidgetClient } from './OkendoWidget.client';
-import { getOkendoProductId } from '../shared/productUtils';
-import { widgetConfigurationError, widgetMetafieldError } from '../shared/errorUtils';
-import { logger } from '../shared/logger';
-export const OkendoClientStarRating = ({ productId, okendoStarRatingSnippet }) => {
-    const okendoProductId = getOkendoProductId(productId);
-    if (!okendoProductId) {
-        logger.error(widgetConfigurationError('OkendoClientStarRating', 'productId was not provided'));
-        return null;
-    }
-    if (!okendoStarRatingSnippet?.value) {
-        logger.warn(widgetMetafieldError('OkendoStarRating', 'StarRatingSnippet'));
-    }
-    const dataAttributes = {
-        'data-oke-star-rating': '',
-        'data-oke-reviews-product-id': okendoProductId
-    };
-    if (okendoStarRatingSnippet?.value) {
-        dataAttributes['data-oke-rendered'] = '';
-    }
-    return (React.createElement(OkendoWidgetClient, { dataAttributes: dataAttributes, metafieldContent: okendoStarRatingSnippet?.value }));
-};
-export default OkendoClientStarRating;
+import React from 'react';
+import { OkendoWidgetClient } from './OkendoWidget.client';
+import { getOkendoProductId } from '../shared/productUtils';
+import { widgetConfigurationError, widgetMetafieldError } from '../shared/errorUtils';
+import { logger } from '../shared/logger';
+export const OkendoClientStarRating = ({ productId, okendoStarRatingSnippet }) => {
+    const okendoProductId = getOkendoProductId(productId);
+    if (!okendoProductId) {
+        logger.error(widgetConfigurationError('OkendoClientStarRating', 'productId was not provided'));
+        return null;
+    }
+    if (!okendoStarRatingSnippet?.value) {
+        logger.warn(widgetMetafieldError('OkendoStarRating', 'StarRatingSnippet'));
+    }
+    const dataAttributes = {
+        'data-oke-star-rating': '',
+        'data-oke-reviews-product-id': okendoProductId
+    };
+    if (okendoStarRatingSnippet?.value) {
+        dataAttributes['data-oke-rendered'] = '';
+    }
+    return (React.createElement(OkendoWidgetClient, { dataAttributes: dataAttributes, metafieldContent: okendoStarRatingSnippet?.value }));
+};
+export default OkendoClientStarRating;

package/dist/esnext/client-components/OkendoWidget.client.d.ts

@@ -1,13 +1,13 @@
-import { FC } from 'react';
-import type { ReviewsWidgetPlus } from '@okendo/reviews-widget-plus/dist-utils/ReviewsWidgetPlus';
-import type { SKO } from '../shared/sharedTypes';
-export declare const OkendoWidgetClient: FC<OkendoWidgetClientProps>;
-export interface OkendoWidgetClientProps {
-    dataAttributes: SKO;
-    metafieldContent?: string;
-}
-declare global {
-    interface Window {
-        okeWidgetApi: ReviewsWidgetPlus.WidgetWindowApi;
-    }
-}
+import { FC } from 'react';
+import type { ReviewsWidgetPlus } from '@okendo/reviews-widget-plus/dist-utils/ReviewsWidgetPlus';
+import type { SKO } from '../shared/sharedTypes';
+export declare const OkendoWidgetClient: FC<OkendoWidgetClientProps>;
+export interface OkendoWidgetClientProps {
+    dataAttributes: SKO;
+    metafieldContent?: string;
+}
+declare global {
+    interface Window {
+        okeWidgetApi: ReviewsWidgetPlus.WidgetWindowApi;
+    }
+}

package/dist/esnext/client-components/OkendoWidget.client.js

@@ -1,23 +1,23 @@
-import React, { useEffect, useRef } from 'react';
-export const OkendoWidgetClient = ({ dataAttributes, metafieldContent = '' }) => {
-    const widgetContainer = useRef(null);
-    const initializeWidget = () => {
-        if (widgetContainer.current) {
-            // `forceReinitialisation` must be true because we can expect `data-oke-rendered`
-            // to be present on already-initialised widget snippets.
-            window.okeWidgetApi.initWidget(widgetContainer.current, true);
-        }
-    };
-    useEffect(() => {
-        if (window.okeWidgetApi && widgetContainer.current) {
-            initializeWidget();
-        }
-        else {
-            document.addEventListener('oke-script-loaded', initializeWidget);
-        }
-        return () => {
-            document.removeEventListener('oke-script-loaded', initializeWidget);
-        };
-    }, [dataAttributes]);
-    return (React.createElement("div", { ref: widgetContainer, key: JSON.stringify(dataAttributes), ...dataAttributes, dangerouslySetInnerHTML: { __html: metafieldContent } }));
-};
+import React, { useEffect, useRef } from 'react';
+export const OkendoWidgetClient = ({ dataAttributes, metafieldContent = '' }) => {
+    const widgetContainer = useRef(null);
+    const initializeWidget = () => {
+        if (widgetContainer.current) {
+            // `forceReinitialisation` must be true because we can expect `data-oke-rendered`
+            // to be present on already-initialised widget snippets.
+            window.okeWidgetApi.initWidget(widgetContainer.current, true);
+        }
+    };
+    useEffect(() => {
+        if (window.okeWidgetApi && widgetContainer.current) {
+            initializeWidget();
+        }
+        else {
+            document.addEventListener('oke-script-loaded', initializeWidget);
+        }
+        return () => {
+            document.removeEventListener('oke-script-loaded', initializeWidget);
+        };
+    }, [dataAttributes]);
+    return (React.createElement("div", { ref: widgetContainer, key: JSON.stringify(dataAttributes), ...dataAttributes, dangerouslySetInnerHTML: { __html: metafieldContent } }));
+};

package/dist/esnext/client-components/index.d.ts

@@ -1 +1 @@
-export * from './OkendoClientStarRating.client';
+export * from './OkendoClientStarRating.client';

package/dist/esnext/client-components/index.js

@@ -1 +1 @@
-export * from './OkendoClientStarRating.client';
+export * from './OkendoClientStarRating.client';

package/dist/esnext/client.d.ts

@@ -1 +1 @@
-export * from './client-components';
+export * from './client-components';

package/dist/esnext/client.js

@@ -1 +1 @@
-export * from './client-components';
+export * from './client-components';

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

@@ -1,15 +1,15 @@
-import React, { FC } from 'react';
-export declare const OkendoProvider: FC<OkendoProviderProps>;
-interface OkendoProviderProps {
-    apiDomain?: string;
-    cdnDomain?: string;
-    children?: React.ReactNode;
-    productUrlFormatOverride?: (product: ReviewProduct) => string;
-    subscriberId: string;
-}
-interface ReviewProduct {
-    productHandle?: string;
-    productId: string;
-    variantId?: string;
-}
-export {};
+import React, { FC } from 'react';
+export declare const OkendoProvider: FC<OkendoProviderProps>;
+interface OkendoProviderProps {
+    apiDomain?: string;
+    cdnDomain?: string;
+    children?: React.ReactNode;
+    productUrlFormatOverride?: (product: ReviewProduct) => string;
+    subscriberId: string;
+}
+interface ReviewProduct {
+    productHandle?: string;
+    productId: string;
+    variantId?: string;
+}
+export {};

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

@@ -1,45 +1,43 @@
-import React from 'react';
-import { fetchSync, useShopQuery, gql, CacheShort } from '@shopify/hydrogen';
-import { Head } from '@shopify/hydrogen';
-import { okendoError } from '../shared/errorUtils';
-import { useOkendoRequestContext } from '../shared/server/requestUtils';
-import { logger } from '../shared/logger';
-const kDefaultOkendoApiDomain = 'api.okendo.io/v1';
-const kDefaultOkendoCdnDomain = 'cdn-static.okendo.io';
-export const OkendoProvider = ({ apiDomain, cdnDomain, children, productUrlFormatOverride, subscriberId }) => {
-    const okendoRequestContext = useOkendoRequestContext();
-    // Download subscriber widget plus settings.
-    const url = `https://${apiDomain ?? kDefaultOkendoApiDomain}/stores/${subscriberId}/widget_plus_settings`;
-    const settingsResponse = fetchSync(url, { preload: true });
-    if (!settingsResponse.ok) {
-        logger.error(okendoError('Failed to retrieve subscriber settings. Please check your environment variables.'));
-        okendoRequestContext.setupFailed = true;
-        return null;
-    }
-    const { cssVariables, customCss, reviewsHeaderConfig, starSymbols } = settingsResponse.json();
-    const cssVariablesNormalized = cssVariables.replace('<style id="oke-css-vars">', '').replace('</style>', '');
-    const customCssNormalized = customCss ? customCss.replace('<style id="oke-reviews-custom-css">', '').replace('</style>', '') : '';
-    // Download contents of widget initialisation script.
-    const initScriptResponse = fetchSync(`https://${cdnDomain ?? kDefaultOkendoCdnDomain}/reviews-widget-plus/js/okendo-reviews.js`, {
-        cache: CacheShort(),
-        preload: true
-    });
-    if (!initScriptResponse.ok) {
-        logger.error(okendoError('Failed to retrieve widget initialization script.'));
-        okendoRequestContext.setupFailed = true;
-        return null;
-    }
-    const initScriptContents = initScriptResponse.text();
-    return React.createElement(OkendoProviderContent, { productUrlFormatOverride: productUrlFormatOverride, subscriberId: subscriberId, reviewsHeaderConfig: reviewsHeaderConfig, starSymbols: starSymbols, cssVariablesNormalized: cssVariablesNormalized, customCssNormalized: customCssNormalized, initScriptContents: initScriptContents }, children);
-};
-const OkendoProviderContent = ({ children, productUrlFormatOverride, subscriberId, reviewsHeaderConfig, starSymbols, cssVariablesNormalized, customCssNormalized, initScriptContents, }) => {
-    // Set up product URL formatter.
-    const productUrlFormatter = typeof productUrlFormatOverride === 'function'
-        ? productUrlFormatOverride
-        : (product) => product?.productHandle
-            ? `/products/${product.productHandle}/${product.variantId ? '?variantId=' + product.variantId : ''}`
-            : undefined;
-    // Get pre-rendered style settings.
+import { CacheCustom, Head, fetchSync, gql, useShopQuery } from '@shopify/hydrogen';
+import React from 'react';
+import { okendoError } from '../shared/errorUtils';
+import { logger } from '../shared/logger';
+import { useOkendoRequestContext } from '../shared/server/requestUtils';
+const kDefaultOkendoApiDomain = 'api.okendo.io/v1';
+const kDefaultOkendoCdnDomain = 'cdn-static.okendo.io';
+export const OkendoProvider = ({ apiDomain, cdnDomain, children, productUrlFormatOverride, subscriberId }) => {
+    const okendoRequestContext = useOkendoRequestContext();
+    // Download subscriber widget plus settings.
+    const url = `https://${apiDomain ?? kDefaultOkendoApiDomain}/stores/${subscriberId}/widget_plus_settings`;
+    const settingsResponse = fetchSync(url, { cache: CacheCustom({ maxAge: 60, staleWhileRevalidate: 300 }) });
+    if (!settingsResponse.ok) {
+        logger.error(okendoError('Failed to retrieve subscriber settings. Please check your environment variables.'));
+        okendoRequestContext.setupFailed = true;
+        return null;
+    }
+    const { cssVariables, customCss, reviewsHeaderConfig, starSymbols } = settingsResponse.json();
+    const cssVariablesNormalized = cssVariables.replace('<style id="oke-css-vars">', '').replace('</style>', '');
+    const customCssNormalized = customCss ? customCss.replace('<style id="oke-reviews-custom-css">', '').replace('</style>', '') : '';
+    // Download contents of widget initialisation script.
+    const initScriptResponse = fetchSync(`https://${cdnDomain ?? kDefaultOkendoCdnDomain}/reviews-widget-plus/js/okendo-reviews.js`, {
+        cache: CacheCustom({ maxAge: 60, staleWhileRevalidate: 300 })
+    });
+    if (!initScriptResponse.ok) {
+        logger.error(okendoError('Failed to retrieve widget initialization script.'));
+        okendoRequestContext.setupFailed = true;
+        return null;
+    }
+    const initScriptContents = initScriptResponse.text();
+    return React.createElement(OkendoProviderContent, { productUrlFormatOverride: productUrlFormatOverride, subscriberId: subscriberId, reviewsHeaderConfig: reviewsHeaderConfig, starSymbols: starSymbols, cssVariablesNormalized: cssVariablesNormalized, customCssNormalized: customCssNormalized, initScriptContents: initScriptContents }, children);
+};
+const OkendoProviderContent = ({ children, productUrlFormatOverride, subscriberId, reviewsHeaderConfig, starSymbols, cssVariablesNormalized, customCssNormalized, initScriptContents, }) => {
+    // Set up product URL formatter.
+    const productUrlFormatter = typeof productUrlFormatOverride === 'function'
+        ? productUrlFormatOverride
+        : (product) => product?.productHandle
+            ? `/products/${product.productHandle}/${product.variantId ? '?variantId=' + product.variantId : ''}`
+            : undefined;
+    // Get pre-rendered style settings.
     const query = gql `
             query metafields {
                 shop {
@@ -48,24 +46,24 @@ const OkendoProviderContent = ({ children, productUrlFormatOverride, subscriberI
                     }
                 }
             }
-        `;
-    const { data: { shop: { widgetPreRenderStyleTags } } } = useShopQuery({
-        query,
-        preload: true
-    });
-    const preRenderStyleTags = widgetPreRenderStyleTags?.value ?? '';
-    if (!preRenderStyleTags) {
-        logger.warn(okendoError('Failed to retrieve pre-rendered widget style settings.'));
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Head, null,
-            React.createElement("script", { id: "oke-reviews-settings", type: "application/json" }, JSON.stringify(reviewsHeaderConfig)),
-            React.createElement("style", { id: "oke-css-vars" }, cssVariablesNormalized),
-            customCssNormalized && React.createElement("style", { id: "oke-reviews-custom-css" }, customCssNormalized),
-            React.createElement("meta", { name: "oke:subscriber_id", content: subscriberId }),
-            React.createElement("script", null, initScriptContents),
-            productUrlFormatter && React.createElement("script", { type: "text/javascript" }, `window.okeProductUrlFormatter = ${productUrlFormatter}`)),
-        preRenderStyleTags && React.createElement("div", { dangerouslySetInnerHTML: { __html: preRenderStyleTags } }),
-        React.createElement("div", { dangerouslySetInnerHTML: { __html: starSymbols } }),
-        children));
-};
+        `;
+    const { data: { shop: { widgetPreRenderStyleTags } } } = useShopQuery({
+        query,
+        cache: CacheCustom({ maxAge: 60, staleWhileRevalidate: 300 })
+    });
+    const preRenderStyleTags = widgetPreRenderStyleTags?.value ?? '';
+    if (!preRenderStyleTags) {
+        logger.warn(okendoError('Failed to retrieve pre-rendered widget style settings.'));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Head, null,
+            React.createElement("script", { id: "oke-reviews-settings", type: "application/json" }, JSON.stringify(reviewsHeaderConfig)),
+            React.createElement("style", { id: "oke-css-vars" }, cssVariablesNormalized),
+            customCssNormalized && React.createElement("style", { id: "oke-reviews-custom-css" }, customCssNormalized),
+            React.createElement("meta", { name: "oke:subscriber_id", content: subscriberId }),
+            React.createElement("script", null, initScriptContents),
+            productUrlFormatter && React.createElement("script", { type: "text/javascript" }, `window.okeProductUrlFormatter = ${productUrlFormatter}`)),
+        preRenderStyleTags && React.createElement("div", { dangerouslySetInnerHTML: { __html: preRenderStyleTags } }),
+        React.createElement("div", { dangerouslySetInnerHTML: { __html: starSymbols } }),
+        children));
+};

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

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-export declare const OkendoReviewsWidget: FC<OkendoReviewsWidgetProps>;
-interface OkendoReviewsWidgetProps {
-    productId?: string;
-}
-export default OkendoReviewsWidget;
+import { FC } from 'react';
+export declare const OkendoReviewsWidget: FC<OkendoReviewsWidgetProps>;
+interface OkendoReviewsWidgetProps {
+    productId?: string;
+}
+export default OkendoReviewsWidget;

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

@@ -1,27 +1,27 @@
-import React from 'react';
-import { useShopQuery, gql } from '@shopify/hydrogen';
-import { OkendoWidgetClient } from '../client-components/OkendoWidget.client';
-import { widgetMetafieldError } from '../shared/errorUtils';
-import { getOkendoProductId } from '../shared/productUtils';
-import { useOkendoRequestContext } from '../shared/server/requestUtils';
-import { logger } from '../shared/logger';
-export const OkendoReviewsWidget = (props) => {
-    const { setupFailed } = useOkendoRequestContext();
-    if (setupFailed) {
-        return null;
-    }
-    return React.createElement(OkendoReviewsWidgetContent, { ...props });
-};
-const OkendoReviewsWidgetContent = ({ productId }) => {
-    const productQuery = productId
+import React from 'react';
+import { useShopQuery, gql } from '@shopify/hydrogen';
+import { OkendoWidgetClient } from '../client-components/OkendoWidget.client';
+import { widgetMetafieldError } from '../shared/errorUtils';
+import { getOkendoProductId } from '../shared/productUtils';
+import { useOkendoRequestContext } from '../shared/server/requestUtils';
+import { logger } from '../shared/logger';
+export const OkendoReviewsWidget = (props) => {
+    const { setupFailed } = useOkendoRequestContext();
+    if (setupFailed) {
+        return null;
+    }
+    return React.createElement(OkendoReviewsWidgetContent, { ...props });
+};
+const OkendoReviewsWidgetContent = ({ productId }) => {
+    const productQuery = productId
         ? `
             product(id: $productId) {
                 reviewsWidgetSnippet: metafield(namespace: "okendo", key: "ReviewsWidgetSnippet") {
                     value
                 }
             }
-        `
-        : '';
+        `
+        : '';
     const query = gql `
         query metafields${productId ? '($productId: ID!)' : ''} {
             ${productQuery}
@@ -31,31 +31,31 @@ const OkendoReviewsWidgetContent = ({ productId }) => {
                 }
             }
         }
-    `;
-    const { data: { product, shop } } = useShopQuery({
-        query,
-        preload: true,
-        variables: {
-            productId
-        }
-    });
-    if (productId && !product?.reviewsWidgetSnippet?.value) {
-        logger.warn(widgetMetafieldError('OkendoReviewsWidget', 'ReviewsWidgetSnippet'));
-    }
-    if (!shop?.widgetPreRenderBodyStyleTags?.value) {
-        logger.warn(widgetMetafieldError('OkendoReviewsWidget', 'WidgetPreRenderBodyStyleTags'));
-    }
-    const dataAttributes = {
-        'data-oke-widget': ''
-    };
-    if (productId) {
-        const okendoProductId = getOkendoProductId(productId);
-        if (okendoProductId) {
-            dataAttributes['data-oke-reviews-product-id'] = okendoProductId;
-        }
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { dangerouslySetInnerHTML: { __html: shop?.widgetPreRenderBodyStyleTags?.value ?? '' } }),
-        React.createElement(OkendoWidgetClient, { dataAttributes: dataAttributes, metafieldContent: product?.reviewsWidgetSnippet?.value ?? '' })));
-};
-export default OkendoReviewsWidget;
+    `;
+    const { data: { product, shop } } = useShopQuery({
+        query,
+        preload: true,
+        variables: {
+            productId
+        }
+    });
+    if (productId && !product?.reviewsWidgetSnippet?.value) {
+        logger.warn(widgetMetafieldError('OkendoReviewsWidget', 'ReviewsWidgetSnippet'));
+    }
+    if (!shop?.widgetPreRenderBodyStyleTags?.value) {
+        logger.warn(widgetMetafieldError('OkendoReviewsWidget', 'WidgetPreRenderBodyStyleTags'));
+    }
+    const dataAttributes = {
+        'data-oke-widget': ''
+    };
+    if (productId) {
+        const okendoProductId = getOkendoProductId(productId);
+        if (okendoProductId) {
+            dataAttributes['data-oke-reviews-product-id'] = okendoProductId;
+        }
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { dangerouslySetInnerHTML: { __html: shop?.widgetPreRenderBodyStyleTags?.value ?? '' } }),
+        React.createElement(OkendoWidgetClient, { dataAttributes: dataAttributes, metafieldContent: product?.reviewsWidgetSnippet?.value ?? '' })));
+};
+export default OkendoReviewsWidget;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import type { OkendoStarRatingProps } from '../models/starRating';
-export declare const OkendoStarRating: FC<OkendoStarRatingProps>;
-export default OkendoStarRating;
+import { FC } from 'react';
+import type { OkendoStarRatingProps } from '../models/starRating';
+export declare const OkendoStarRating: FC<OkendoStarRatingProps>;
+export default OkendoStarRating;

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

@@ -1,23 +1,23 @@
-import React from 'react';
-import { useShopQuery, gql } from '@shopify/hydrogen';
-import { OkendoWidgetClient } from '../client-components/OkendoWidget.client';
-import { widgetConfigurationError, widgetMetafieldError } from '../shared/errorUtils';
-import { getOkendoProductId } from '../shared/productUtils';
-import { useOkendoRequestContext } from '../shared/server/requestUtils';
-import { logger } from '../shared/logger';
-export const OkendoStarRating = (props) => {
-    const { setupFailed } = useOkendoRequestContext();
-    if (setupFailed) {
-        return null;
-    }
-    const okendoProductId = getOkendoProductId(props.productId);
-    if (!okendoProductId) {
-        logger.error(widgetConfigurationError('OkendoStarRating', 'productId was not provided'));
-        return null;
-    }
-    return React.createElement(OkendoStarRatingContent, { ...props, okendoProductId: okendoProductId });
-};
-const OkendoStarRatingContent = ({ productId, okendoProductId }) => {
+import React from 'react';
+import { useShopQuery, gql } from '@shopify/hydrogen';
+import { OkendoWidgetClient } from '../client-components/OkendoWidget.client';
+import { widgetConfigurationError, widgetMetafieldError } from '../shared/errorUtils';
+import { getOkendoProductId } from '../shared/productUtils';
+import { useOkendoRequestContext } from '../shared/server/requestUtils';
+import { logger } from '../shared/logger';
+export const OkendoStarRating = (props) => {
+    const { setupFailed } = useOkendoRequestContext();
+    if (setupFailed) {
+        return null;
+    }
+    const okendoProductId = getOkendoProductId(props.productId);
+    if (!okendoProductId) {
+        logger.error(widgetConfigurationError('OkendoStarRating', 'productId was not provided'));
+        return null;
+    }
+    return React.createElement(OkendoStarRatingContent, { ...props, okendoProductId: okendoProductId });
+};
+const OkendoStarRatingContent = ({ productId, okendoProductId }) => {
     const query = gql `
         query metafields($productId: ID!) {
             product(id: $productId) {
@@ -26,21 +26,21 @@ const OkendoStarRatingContent = ({ productId, okendoProductId }) => {
                 }
             }
         }
-    `;
-    const { data: { product: { starRatingSnippet } } } = useShopQuery({
-        query,
-        preload: true,
-        variables: {
-            productId
-        }
-    });
-    if (!starRatingSnippet?.value) {
-        logger.warn(widgetMetafieldError('OkendoStarRating', 'StarRatingSnippet'));
-    }
-    const dataAttributes = {
-        'data-oke-star-rating': '',
-        'data-oke-reviews-product-id': okendoProductId
-    };
-    return (React.createElement(OkendoWidgetClient, { dataAttributes: dataAttributes, metafieldContent: starRatingSnippet?.value }));
-};
-export default OkendoStarRating;
+    `;
+    const { data: { product: { starRatingSnippet } } } = useShopQuery({
+        query,
+        preload: true,
+        variables: {
+            productId
+        }
+    });
+    if (!starRatingSnippet?.value) {
+        logger.warn(widgetMetafieldError('OkendoStarRating', 'StarRatingSnippet'));
+    }
+    const dataAttributes = {
+        'data-oke-star-rating': '',
+        'data-oke-reviews-product-id': okendoProductId
+    };
+    return (React.createElement(OkendoWidgetClient, { dataAttributes: dataAttributes, metafieldContent: starRatingSnippet?.value }));
+};
+export default OkendoStarRating;

package/dist/esnext/components/index.d.ts

@@ -1,3 +1,3 @@
-export * from './OkendoProvider.server';
-export * from './OkendoReviewsWidget.server';
-export * from './OkendoStarRating.server';
+export * from './OkendoProvider.server';
+export * from './OkendoReviewsWidget.server';
+export * from './OkendoStarRating.server';

package/dist/esnext/components/index.js

@@ -1,3 +1,3 @@
-export * from './OkendoProvider.server';
-export * from './OkendoReviewsWidget.server';
-export * from './OkendoStarRating.server';
+export * from './OkendoProvider.server';
+export * from './OkendoReviewsWidget.server';
+export * from './OkendoStarRating.server';

package/dist/esnext/fragments/index.d.ts

@@ -1 +1 @@
-export declare const OKENDO_PRODUCT_STAR_RATING_FRAGMENT: string;
+export declare const OKENDO_PRODUCT_STAR_RATING_FRAGMENT: string;

package/dist/esnext/fragments/index.js

@@ -1,4 +1,4 @@
-import { gql } from '@shopify/hydrogen';
+import { gql } from '@shopify/hydrogen';
 export const OKENDO_PRODUCT_STAR_RATING_FRAGMENT = gql `
   fragment OkendoStarRatingSnippet on Product {
     okendoStarRatingSnippet: metafield(
@@ -8,4 +8,4 @@ export const OKENDO_PRODUCT_STAR_RATING_FRAGMENT = gql `
       value
     }
   }
-`;
+`;

package/dist/esnext/framework/index.js

@@ -1 +1 @@
-"use strict";
+"use strict";

package/dist/esnext/framework/plugins/plugin.d.ts

@@ -1,7 +1,7 @@
-import type { Plugin } from 'vite';
-declare const okendoPlugin: {
-    (): Plugin[];
-    default: any;
-};
-export = okendoPlugin;
-export default okendoPlugin;
+import type { Plugin } from 'vite';
+declare const okendoPlugin: {
+    (): Plugin[];
+    default: any;
+};
+export = okendoPlugin;
+export default okendoPlugin;

package/dist/esnext/framework/plugins/plugin.js

@@ -1,7 +1,7 @@
-import suppressModuleWarning from './suppressModuleWarning';
-const okendoPlugin = () => {
-    return [
-        suppressModuleWarning()
-    ];
-};
-export default okendoPlugin; // For ESM
+import suppressModuleWarning from './suppressModuleWarning';
+const okendoPlugin = () => {
+    return [
+        suppressModuleWarning()
+    ];
+};
+export default okendoPlugin; // For ESM

package/dist/esnext/framework/plugins/suppressModuleWarning.d.ts

@@ -1,3 +1,3 @@
-import { Plugin } from 'vite';
-declare const _default: () => Plugin;
-export default _default;
+import { Plugin } from 'vite';
+declare const _default: () => Plugin;
+export default _default;

package/dist/esnext/framework/plugins/suppressModuleWarning.js

@@ -1,18 +1,18 @@
-/* Inspired by Hydrogen 1.0.0 source hydrogen\packages\hydrogen\src\framework\plugins\vite-plugin-hydrogen-suppress-warnings.ts */
-export default () => {
-    return {
-        name: 'okendo:suppress-warnings',
-        configResolved(config) {
-            // TODO: Fix the actual issues that cause these warnings
-            const filterOut = (msg) => msg.startsWith("@okendo/shopify-hydrogen doesn't appear to be written in CJS");
-            for (const method of ['warn', 'warnOnce']) {
-                const original = config.logger[method];
-                config.logger[method] = (msg, ...args) => {
-                    if (filterOut(msg))
-                        return;
-                    return original(msg, ...args);
-                };
-            }
-        },
-    };
-};
+/* Inspired by Hydrogen 1.0.0 source hydrogen\packages\hydrogen\src\framework\plugins\vite-plugin-hydrogen-suppress-warnings.ts */
+export default () => {
+    return {
+        name: 'okendo:suppress-warnings',
+        configResolved(config) {
+            // TODO: Fix the actual issues that cause these warnings
+            const filterOut = (msg) => msg.startsWith("@okendo/shopify-hydrogen doesn't appear to be written in CJS");
+            for (const method of ['warn', 'warnOnce']) {
+                const original = config.logger[method];
+                config.logger[method] = (msg, ...args) => {
+                    if (filterOut(msg))
+                        return;
+                    return original(msg, ...args);
+                };
+            }
+        },
+    };
+};

package/dist/esnext/index.d.ts

@@ -1,4 +1,4 @@
-export * from './components';
-export * from './fragments';
-export * from './shared/server/requestUtils';
-export * from './shared/sharedTypes';
+export * from './components';
+export * from './fragments';
+export * from './shared/server/requestUtils';
+export * from './shared/sharedTypes';

package/dist/esnext/index.js

@@ -1,4 +1,4 @@
-export * from './components';
-export * from './fragments';
-export * from './shared/server/requestUtils';
-export * from './shared/sharedTypes';
+export * from './components';
+export * from './fragments';
+export * from './shared/server/requestUtils';
+export * from './shared/sharedTypes';

package/dist/esnext/models/starRating.d.ts

@@ -1,12 +1,12 @@
-import type { Metafield } from '@shopify/hydrogen/dist/esnext/storefront-api-types';
-export interface OkendoClientStarRatingProps extends OkendoStarRatingProps {
-    okendoStarRatingSnippet?: Pick<Metafield, 'value'>;
-}
-export interface OkendoStarRatingProps {
-    productId: string;
-}
-export interface OkendoStarRatingMetafields {
-    product: {
-        starRatingSnippet?: Pick<Metafield, 'value'>;
-    };
-}
+import type { Metafield } from '@shopify/hydrogen/dist/esnext/storefront-api-types';
+export interface OkendoClientStarRatingProps extends OkendoStarRatingProps {
+    okendoStarRatingSnippet?: Pick<Metafield, 'value'>;
+}
+export interface OkendoStarRatingProps {
+    productId: string;
+}
+export interface OkendoStarRatingMetafields {
+    product: {
+        starRatingSnippet?: Pick<Metafield, 'value'>;
+    };
+}

package/dist/esnext/models/starRating.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/esnext/shared/errorUtils.d.ts

@@ -1,3 +1,3 @@
-export declare function okendoError(message: string): string;
-export declare function widgetConfigurationError(widgetName: string, message: string): string;
-export declare function widgetMetafieldError(widgetName: string, metafieldName: string): string;
+export declare function okendoError(message: string): string;
+export declare function widgetConfigurationError(widgetName: string, message: string): string;
+export declare function widgetMetafieldError(widgetName: string, metafieldName: string): string;

package/dist/esnext/shared/errorUtils.js

@@ -1,9 +1,9 @@
-export function okendoError(message) {
-    return `Okendo: ${message}`;
-}
-export function widgetConfigurationError(widgetName, message) {
-    return okendoError(`${widgetName} error: ${message}`);
-}
-export function widgetMetafieldError(widgetName, metafieldName) {
-    return okendoError(`${widgetName} error: Failed to retrieve metafield '${metafieldName}'.`);
-}
+export function okendoError(message) {
+    return `Okendo: ${message}`;
+}
+export function widgetConfigurationError(widgetName, message) {
+    return okendoError(`${widgetName} error: ${message}`);
+}
+export function widgetMetafieldError(widgetName, metafieldName) {
+    return okendoError(`${widgetName} error: Failed to retrieve metafield '${metafieldName}'.`);
+}

package/dist/esnext/shared/logger.d.ts

@@ -1,14 +1,14 @@
-export declare const logger: {
-    log: {
-        (...data: any[]): void;
-        (message?: any, ...optionalParams: any[]): void;
-    };
-    warn: {
-        (...data: any[]): void;
-        (message?: any, ...optionalParams: any[]): void;
-    };
-    error: {
-        (...data: any[]): void;
-        (message?: any, ...optionalParams: any[]): void;
-    };
-};
+export declare const logger: {
+    log: {
+        (...data: any[]): void;
+        (message?: any, ...optionalParams: any[]): void;
+    };
+    warn: {
+        (...data: any[]): void;
+        (message?: any, ...optionalParams: any[]): void;
+    };
+    error: {
+        (...data: any[]): void;
+        (message?: any, ...optionalParams: any[]): void;
+    };
+};

package/dist/esnext/shared/logger.js

@@ -1,7 +1,7 @@
-const isProduction = process.env.NODE_ENV === 'production';
-const noop = () => undefined;
-export const logger = {
-    log: isProduction ? noop : console.info,
-    warn: isProduction ? noop : console.warn,
-    error: console.error
-};
+const isProduction = process.env.NODE_ENV === 'production';
+const noop = () => undefined;
+export const logger = {
+    log: isProduction ? noop : console.info,
+    warn: isProduction ? noop : console.warn,
+    error: console.error
+};

package/dist/esnext/shared/productUtils.d.ts

@@ -1,6 +1,6 @@
-/**
- * Gets the product ID with Okendo formatting.
- * @param productId The Shopify Product ID e.g. gid://shopify/Product/10079785100.
- * @returns The product ID in Okendo formatting.
- */
-export declare function getOkendoProductId(productId: string): string | undefined;
+/**
+ * Gets the product ID with Okendo formatting.
+ * @param productId The Shopify Product ID e.g. gid://shopify/Product/10079785100.
+ * @returns The product ID in Okendo formatting.
+ */
+export declare function getOkendoProductId(productId: string): string | undefined;

package/dist/esnext/shared/productUtils.js

@@ -1,15 +1,15 @@
-const kProductIdRegex = /^[0-9]*$/;
-/**
- * Gets the product ID with Okendo formatting.
- * @param productId The Shopify Product ID e.g. gid://shopify/Product/10079785100.
- * @returns The product ID in Okendo formatting.
- */
-export function getOkendoProductId(productId) {
-    if (!productId) {
-        return;
-    }
-    // Supports Shopify's GraphQL Id syntax e.g. gid://shopify/Product/10079785100
-    return `shopify-${kProductIdRegex.test(productId)
-        ? productId
-        : productId.split('/').slice(-1)[0]}`;
-}
+const kProductIdRegex = /^[0-9]*$/;
+/**
+ * Gets the product ID with Okendo formatting.
+ * @param productId The Shopify Product ID e.g. gid://shopify/Product/10079785100.
+ * @returns The product ID in Okendo formatting.
+ */
+export function getOkendoProductId(productId) {
+    if (!productId) {
+        return;
+    }
+    // Supports Shopify's GraphQL Id syntax e.g. gid://shopify/Product/10079785100
+    return `shopify-${kProductIdRegex.test(productId)
+        ? productId
+        : productId.split('/').slice(-1)[0]}`;
+}

package/dist/esnext/shared/server/requestUtils.d.ts

@@ -1,7 +1,7 @@
-export declare function useOkendoRequestContext(): OkendoRequestContext;
-declare type RequestContextSafeType = string | number | boolean;
-declare type RequestContext = Record<string, RequestContextSafeType>;
-export interface OkendoRequestContext extends RequestContext {
-    setupFailed: boolean;
-}
-export {};
+export declare function useOkendoRequestContext(): OkendoRequestContext;
+declare type RequestContextSafeType = string | number | boolean;
+declare type RequestContext = Record<string, RequestContextSafeType>;
+export interface OkendoRequestContext extends RequestContext {
+    setupFailed: boolean;
+}
+export {};

package/dist/esnext/shared/server/requestUtils.js

@@ -1,4 +1,4 @@
-import { useRequestContext } from '@shopify/hydrogen';
-export function useOkendoRequestContext() {
-    return useRequestContext('okendo');
-}
+import { useRequestContext } from '@shopify/hydrogen';
+export function useOkendoRequestContext() {
+    return useRequestContext('okendo');
+}

package/dist/esnext/shared/sharedTypes.d.ts

@@ -1,5 +1,5 @@
-import type { Metafield } from '@shopify/hydrogen/dist/esnext/storefront-api-types';
-export declare type SKO = Record<string, unknown>;
-export declare type OkendoProductFragment = {
-    okendoStarRatingSnippet?: Pick<Metafield, 'value'>;
-};
+import type { Metafield } from '@shopify/hydrogen/dist/esnext/storefront-api-types';
+export declare type SKO = Record<string, unknown>;
+export declare type OkendoProductFragment = {
+    okendoStarRatingSnippet?: Pick<Metafield, 'value'>;
+};

package/dist/esnext/shared/sharedTypes.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/node/framework/index.js

@@ -1 +1 @@
-"use strict";
+"use strict";

package/dist/node/framework/plugins/plugin.d.ts

@@ -1,4 +1,4 @@
-import type { Plugin } from 'vite';
-declare const okendoPlugin: () => Plugin[];
-export = okendoPlugin;
-export default okendoPlugin;
+import type { Plugin } from 'vite';
+declare const okendoPlugin: () => Plugin[];
+export = okendoPlugin;
+export default okendoPlugin;

package/dist/node/framework/plugins/plugin.js

@@ -1,12 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-const suppressModuleWarning_1 = __importDefault(require("./suppressModuleWarning"));
-const okendoPlugin = () => {
-    return [
-        (0, suppressModuleWarning_1.default)()
-    ];
-};
-exports.default = okendoPlugin; // For ESM
-module.exports = okendoPlugin;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+const suppressModuleWarning_1 = __importDefault(require("./suppressModuleWarning"));
+const okendoPlugin = () => {
+    return [
+        (0, suppressModuleWarning_1.default)()
+    ];
+};
+exports.default = okendoPlugin; // For ESM
+module.exports = okendoPlugin;

package/dist/node/framework/plugins/suppressModuleWarning.d.ts

@@ -1,3 +1,3 @@
-import { Plugin } from 'vite';
-declare const _default: () => Plugin;
-export default _default;
+import { Plugin } from 'vite';
+declare const _default: () => Plugin;
+export default _default;

package/dist/node/framework/plugins/suppressModuleWarning.js

@@ -1,20 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/* Inspired by Hydrogen 1.0.0 source hydrogen\packages\hydrogen\src\framework\plugins\vite-plugin-hydrogen-suppress-warnings.ts */
-exports.default = () => {
-    return {
-        name: 'okendo:suppress-warnings',
-        configResolved(config) {
-            // TODO: Fix the actual issues that cause these warnings
-            const filterOut = (msg) => msg.startsWith("@okendo/shopify-hydrogen doesn't appear to be written in CJS");
-            for (const method of ['warn', 'warnOnce']) {
-                const original = config.logger[method];
-                config.logger[method] = (msg, ...args) => {
-                    if (filterOut(msg))
-                        return;
-                    return original(msg, ...args);
-                };
-            }
-        },
-    };
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/* Inspired by Hydrogen 1.0.0 source hydrogen\packages\hydrogen\src\framework\plugins\vite-plugin-hydrogen-suppress-warnings.ts */
+exports.default = () => {
+    return {
+        name: 'okendo:suppress-warnings',
+        configResolved(config) {
+            // TODO: Fix the actual issues that cause these warnings
+            const filterOut = (msg) => msg.startsWith("@okendo/shopify-hydrogen doesn't appear to be written in CJS");
+            for (const method of ['warn', 'warnOnce']) {
+                const original = config.logger[method];
+                config.logger[method] = (msg, ...args) => {
+                    if (filterOut(msg))
+                        return;
+                    return original(msg, ...args);
+                };
+            }
+        },
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@okendo/shopify-hydrogen",
-    "version": "1.2.4",
+    "version": "1.3.0",
     "description": "A component library containing Okendo Reviews React components.",
     "main": "dist/esnext/index.js",
     "engines": {