@okendo/shopify-hydrogen 1.2.3 → 1.3.0

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

@@ -19,5 +19,5 @@ export const OkendoWidgetClient = ({ dataAttributes, metafieldContent = '' }) =>
             document.removeEventListener('oke-script-loaded', initializeWidget);
         };
     }, [dataAttributes]);
-    return (React.createElement("div", { ref: widgetContainer, ...dataAttributes, dangerouslySetInnerHTML: { __html: metafieldContent } }));
+    return (React.createElement("div", { ref: widgetContainer, key: JSON.stringify(dataAttributes), ...dataAttributes, dangerouslySetInnerHTML: { __html: metafieldContent } }));
 };

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

@@ -1,16 +1,15 @@
+import { CacheCustom, Head, fetchSync, gql, useShopQuery } from '@shopify/hydrogen';
 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';
+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, { preload: true });
+    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;
@@ -21,8 +20,7 @@ export const OkendoProvider = ({ apiDomain, cdnDomain, children, productUrlForma
     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
+        cache: CacheCustom({ maxAge: 60, staleWhileRevalidate: 300 })
     });
     if (!initScriptResponse.ok) {
         logger.error(okendoError('Failed to retrieve widget initialization script.'));
@@ -51,7 +49,7 @@ const OkendoProviderContent = ({ children, productUrlFormatOverride, subscriberI
         `;
     const { data: { shop: { widgetPreRenderStyleTags } } } = useShopQuery({
         query,
-        preload: true
+        cache: CacheCustom({ maxAge: 60, staleWhileRevalidate: 300 })
     });
     const preRenderStyleTags = widgetPreRenderStyleTags?.value ?? '';
     if (!preRenderStyleTags) {

package/package.json

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