@okendo/shopify-hydrogen 2.0.1 → 2.0.2

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";var t=require("react");const e=({dataAttributes:e,metafieldContent:n=""})=>{const r=t.useRef(null),s=()=>{r.current&&window.okeWidgetApi.initWidget(r.current)};return t.useEffect((()=>(window.okeWidgetApi&&r.current?s():document.addEventListener("oke-script-loaded",s),()=>{document.removeEventListener("oke-script-loaded",s)})),[e]),t.createElement("div",{ref:r,key:JSON.stringify(e),...e,dangerouslySetInnerHTML:{__html:n}})},n=/^[0-9]*$/;function r(t){if(t)return`shopify-${n.test(t)?t:t.split("/").slice(-1)[0]}`}exports.OKENDO_PRODUCT_REVIEWS_FRAGMENT='#graphql\n\tfragment OkendoReviewsSnippet on Product {\n\t\tokendoReviewsSnippet: metafield(\n\t\t\tnamespace: "okendo"\n\t\t\tkey: "ReviewsWidgetSnippet"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n',exports.OKENDO_PRODUCT_STAR_RATING_FRAGMENT='#graphql\n\tfragment OkendoStarRatingSnippet on Product {\n\t\tokendoStarRatingSnippet: metafield(\n\t\t\tnamespace: "okendo"\n\t\t\tkey: "StarRatingSnippet"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n',exports.OkendoProvider=({okendoProviderData:e,productUrlFormatter:n})=>{if(!e)return null;const{reviewsHeaderConfig:r,cssVariables:s,customCss:i,initScriptContents:o,preRenderStyleTags:a,starSymbols:d}=e,l="function"==typeof n?n.toString():"string"==typeof n?n:"(product) =>\n\t\t\t\t\tproduct && product.productHandle\n\t\t\t\t\t\t? \"/products/\" + product.productHandle + \"/\" + (product.variantId ? '?variantId=' + product.variantId : '')\n\t\t\t\t\t\t: undefined",c=(s??"").replace('<style id="oke-css-vars">',"").replace("</style>",""),p=i?i.replace('<style id="oke-reviews-custom-css">',"").replace("</style>",""):"";return t.createElement("div",null,t.createElement("script",{id:"oke-reviews-settings",type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(r)}}),t.createElement("style",{id:"oke-css-vars",dangerouslySetInnerHTML:{__html:c}}),p&&t.createElement("style",{id:"oke-reviews-custom-css",dangerouslySetInnerHTML:{__html:p}}),o&&t.createElement("script",{dangerouslySetInnerHTML:{__html:o}}),t.createElement("script",{type:"text/javascript",dangerouslySetInnerHTML:{__html:`window.okeProductUrlFormatter = ${l.toString()}`}}),a&&t.createElement("div",{dangerouslySetInnerHTML:{__html:a}}),d&&t.createElement("div",{dangerouslySetInnerHTML:{__html:d}}))},exports.OkendoReviews=({productId:n,okendoReviewsSnippet:s})=>{const i={"data-oke-widget":"","data-oke-reviews-product-id":r(n)};return t.createElement(e,{dataAttributes:i,metafieldContent:s?.value})},exports.OkendoStarRating=({productId:n,okendoStarRatingSnippet:s})=>{const i={"data-oke-star-rating":"","data-oke-reviews-product-id":r(n)};return t.createElement(e,{dataAttributes:i,metafieldContent:s?.value})},exports.getOkendoProviderData=async({context:t,subscriberId:e,apiDomain:n,cdnDomain:r})=>{const s=`https://${n||"api.okendo.io/v1"}/stores/${e}/widget_plus_settings`,i=await fetch(s);if(!i.ok)return console.error(`Failed to retrieve subscriber settings for subscriber ID '${e}'.`),null;const{reviewsHeaderConfig:o,cssVariables:a,customCss:d,starSymbols:l}=await i.json(),c=await fetch(`https://${r||"cdn-static.okendo.io"}/reviews-widget-plus/js/okendo-reviews.js`);if(!c.ok)return console.error("Failed to retrieve widget initialisation script."),null;const p=await c.text(),{shop:{widgetPreRenderStyleTags:u}}=await t.storefront.query('#graphql\n\t\tquery metafields {\n\t\t\tshop {\n\t\t\t\twidgetPreRenderStyleTags: metafield(\n\t\t\t\t\tnamespace: "okendo"\n\t\t\t\t\tkey: "WidgetPreRenderStyleTags"\n\t\t\t\t) {\n\t\t\t\t\tvalue\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t'),g=u?.value??"";return g||console.warn("Failed to retrieve pre-rendered widget style settings."),{reviewsHeaderConfig:o,cssVariables:a,customCss:d,initScriptContents:p,preRenderStyleTags:g,starSymbols:l}};
+"use strict";var t=require("react");const e=({dataAttributes:e,metafieldContent:n=""})=>{const r=t.useRef(null),s=()=>{r.current&&window.okeWidgetApi.initWidget(r.current)};return t.useEffect((()=>(window.okeWidgetApi&&r.current?s():document.addEventListener("oke-script-loaded",s),()=>{document.removeEventListener("oke-script-loaded",s)})),[e]),t.createElement("div",{ref:r,key:JSON.stringify(e),...e,dangerouslySetInnerHTML:{__html:n}})},n=/^[0-9]*$/;function r(t){if(t)return`shopify-${n.test(t)?t:t.split("/").slice(-1)[0]}`}exports.OKENDO_PRODUCT_REVIEWS_FRAGMENT='#graphql\n\tfragment OkendoReviewsSnippet on Product {\n\t\tokendoReviewsSnippet: metafield(\n\t\t\tnamespace: "okendo"\n\t\t\tkey: "ReviewsWidgetSnippet"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n',exports.OKENDO_PRODUCT_STAR_RATING_FRAGMENT='#graphql\n\tfragment OkendoStarRatingSnippet on Product {\n\t\tokendoStarRatingSnippet: metafield(\n\t\t\tnamespace: "okendo"\n\t\t\tkey: "StarRatingSnippet"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n',exports.OkendoProvider=({okendoProviderData:e})=>{if(!e)return null;const{reviewsHeaderConfig:n,cssVariables:r,customCss:s,initScriptContents:i,preRenderStyleTags:o,starSymbols:a}=e,d="(product) =>\n\t\tproduct && productHandle\n\t\t\t? \"/products/\" + product.productHandle + \"/\" + (product.variantId ? '?variantId=' + product.variantId : '')\n\t\t\t: undefined",l=(r??"").replace('<style id="oke-css-vars">',"").replace("</style>",""),c=s?s.replace('<style id="oke-reviews-custom-css">',"").replace("</style>",""):"";return t.createElement("div",null,t.createElement("script",{id:"oke-reviews-settings",type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),t.createElement("style",{id:"oke-css-vars",dangerouslySetInnerHTML:{__html:l}}),c&&t.createElement("style",{id:"oke-reviews-custom-css",dangerouslySetInnerHTML:{__html:c}}),i&&t.createElement("script",{dangerouslySetInnerHTML:{__html:i}}),t.createElement("script",{type:"text/javascript",dangerouslySetInnerHTML:{__html:`window.okeProductUrlFormatter = ${d.toString()}`}}),o&&t.createElement("div",{dangerouslySetInnerHTML:{__html:o}}),a&&t.createElement("div",{dangerouslySetInnerHTML:{__html:a}}))},exports.OkendoReviews=({productId:n,okendoReviewsSnippet:s})=>{const i={"data-oke-widget":"","data-oke-reviews-product-id":r(n)};return t.createElement(e,{dataAttributes:i,metafieldContent:s?.value})},exports.OkendoStarRating=({productId:n,okendoStarRatingSnippet:s})=>{const i={"data-oke-star-rating":"","data-oke-reviews-product-id":r(n)};return t.createElement(e,{dataAttributes:i,metafieldContent:s?.value})},exports.getOkendoProviderData=async({context:t,subscriberId:e,apiDomain:n,cdnDomain:r})=>{const s=`https://${n??"api.okendo.io/v1"}/stores/${e}/widget_plus_settings`,i=await fetch(s);if(!i.ok)return console.error(`Failed to retrieve subscriber settings for subscriber ID '${e}'.`),null;const{reviewsHeaderConfig:o,cssVariables:a,customCss:d,starSymbols:l}=await i.json(),c=await fetch(`https://${r??"cdn-static.okendo.io"}/reviews-widget-plus/js/okendo-reviews.js`);if(!c.ok)return console.error("Failed to retrieve widget initialisation script."),null;const p=await c.text(),{shop:{widgetPreRenderStyleTags:u}}=await t.storefront.query('#graphql\n\t\tquery metafields {\n\t\t\tshop {\n\t\t\t\twidgetPreRenderStyleTags: metafield(\n\t\t\t\t\tnamespace: "okendo"\n\t\t\t\t\tkey: "WidgetPreRenderStyleTags"\n\t\t\t\t) {\n\t\t\t\t\tvalue\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t'),g=u?.value??"";return g||console.warn("Failed to retrieve pre-rendered widget style settings."),{reviewsHeaderConfig:o,cssVariables:a,customCss:d,initScriptContents:p,preRenderStyleTags:g,starSymbols:l}};

package/dist/cjs/types/components/OkendoProvider/OkendoProvider.d.ts

@@ -1,36 +1,30 @@
-import type { Storefront } from "@shopify/hydrogen";
-import { type FC } from "react";
-interface OkendoProviderData {
-    reviewsHeaderConfig: Record<string, unknown>;
-    cssVariables: string;
-    customCss?: string;
-    initScriptContents: string;
-    preRenderStyleTags: string;
-    starSymbols: string;
-}
-export declare const getOkendoProviderData: ({ context, subscriberId, apiDomain, cdnDomain, }: {
-    context: {
-        storefront: Storefront;
-    };
-    subscriberId: string;
-    apiDomain?: string | undefined;
-    cdnDomain?: string | undefined;
-}) => Promise<{
-    reviewsHeaderConfig: import("@okendo/reviews-common").WidgetPlus.ReviewsHeaderConfig;
-    cssVariables: string;
-    customCss: string | undefined;
-    initScriptContents: string;
-    preRenderStyleTags: string;
-    starSymbols: string;
-} | null>;
-interface ReviewProduct {
-    productHandle?: string;
-    productId: string;
-    variantId?: string;
-}
-interface OkendoProviderProps {
-    okendoProviderData: Partial<OkendoProviderData> | null;
-    productUrlFormatter?: (product: ReviewProduct) => string;
-}
-export declare const OkendoProvider: FC<OkendoProviderProps>;
-export {};
+import type { Storefront } from "@shopify/hydrogen";
+import { type FC } from "react";
+interface OkendoProviderData {
+    reviewsHeaderConfig: Record<string, unknown>;
+    cssVariables: string;
+    customCss?: string;
+    initScriptContents: string;
+    preRenderStyleTags: string;
+    starSymbols: string;
+}
+export declare const getOkendoProviderData: ({ context, subscriberId, apiDomain, cdnDomain, }: {
+    context: {
+        storefront: Storefront;
+    };
+    subscriberId: string;
+    apiDomain?: string | undefined;
+    cdnDomain?: string | undefined;
+}) => Promise<{
+    reviewsHeaderConfig: import("@okendo/reviews-common").WidgetPlus.ReviewsHeaderConfig;
+    cssVariables: string;
+    customCss: string | undefined;
+    initScriptContents: string;
+    preRenderStyleTags: string;
+    starSymbols: string;
+} | null>;
+interface OkendoProviderProps {
+    okendoProviderData: Partial<OkendoProviderData> | null;
+}
+export declare const OkendoProvider: FC<OkendoProviderProps>;
+export {};

package/dist/cjs/types/components/OkendoProvider/index.d.ts

@@ -1 +1 @@
-export * from "./OkendoProvider";
+export * from "./OkendoProvider";

package/dist/cjs/types/components/OkendoReviews/OkendoReviews.d.ts

@@ -1,11 +1,11 @@
-import { type FC } from "react";
-import { type MetafieldValue } from "../../internal/types";
-export interface WithOkendoReviewsSnippet {
-    okendoReviewsSnippet: MetafieldValue;
-}
-interface OkendoReviewsProps {
-    productId: string;
-    okendoReviewsSnippet?: MetafieldValue;
-}
-export declare const OkendoReviews: FC<OkendoReviewsProps>;
-export {};
+import { type FC } from "react";
+import { type MetafieldValue } from "../../internal/types";
+export interface WithOkendoReviewsSnippet {
+    okendoReviewsSnippet: MetafieldValue;
+}
+interface OkendoReviewsProps {
+    productId: string;
+    okendoReviewsSnippet: MetafieldValue;
+}
+export declare const OkendoReviews: FC<OkendoReviewsProps>;
+export {};

package/dist/cjs/types/components/OkendoReviews/index.d.ts

@@ -1 +1 @@
-export * from "./OkendoReviews";
+export * from "./OkendoReviews";

package/dist/cjs/types/components/OkendoStarRating/OkendoStarRating.d.ts

@@ -1,11 +1,11 @@
-import { type FC } from "react";
-import { type MetafieldValue } from "../../internal/types";
-export interface WithOkendoStarRatingSnippet {
-    okendoStarRatingSnippet: MetafieldValue;
-}
-interface OkendoStarRatingProps {
-    productId: string;
-    okendoStarRatingSnippet?: MetafieldValue;
-}
-export declare const OkendoStarRating: FC<OkendoStarRatingProps>;
-export {};
+import { type FC } from "react";
+import { type MetafieldValue } from "../../internal/types";
+export interface WithOkendoStarRatingSnippet {
+    okendoStarRatingSnippet: MetafieldValue;
+}
+interface OkendoStarRatingProps {
+    productId: string;
+    okendoStarRatingSnippet: MetafieldValue;
+}
+export declare const OkendoStarRating: FC<OkendoStarRatingProps>;
+export {};

package/dist/cjs/types/components/OkendoStarRating/index.d.ts

@@ -1 +1 @@
-export * from "./OkendoStarRating";
+export * from "./OkendoStarRating";

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

@@ -1,3 +1,3 @@
-export * from "./OkendoProvider";
-export * from "./OkendoReviews";
-export * from "./OkendoStarRating";
+export * from "./OkendoProvider";
+export * from "./OkendoReviews";
+export * from "./OkendoStarRating";

package/dist/cjs/types/fragments/fragments.d.ts

@@ -1,2 +1,2 @@
-export declare const OKENDO_PRODUCT_STAR_RATING_FRAGMENT = "#graphql\n\tfragment OkendoStarRatingSnippet on Product {\n\t\tokendoStarRatingSnippet: metafield(\n\t\t\tnamespace: \"okendo\"\n\t\t\tkey: \"StarRatingSnippet\"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n";
-export declare const OKENDO_PRODUCT_REVIEWS_FRAGMENT = "#graphql\n\tfragment OkendoReviewsSnippet on Product {\n\t\tokendoReviewsSnippet: metafield(\n\t\t\tnamespace: \"okendo\"\n\t\t\tkey: \"ReviewsWidgetSnippet\"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n";
+export declare const OKENDO_PRODUCT_STAR_RATING_FRAGMENT = "#graphql\n\tfragment OkendoStarRatingSnippet on Product {\n\t\tokendoStarRatingSnippet: metafield(\n\t\t\tnamespace: \"okendo\"\n\t\t\tkey: \"StarRatingSnippet\"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n";
+export declare const OKENDO_PRODUCT_REVIEWS_FRAGMENT = "#graphql\n\tfragment OkendoReviewsSnippet on Product {\n\t\tokendoReviewsSnippet: metafield(\n\t\t\tnamespace: \"okendo\"\n\t\t\tkey: \"ReviewsWidgetSnippet\"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n";

package/dist/cjs/types/fragments/index.d.ts

@@ -1 +1 @@
-export * from "./fragments";
+export * from "./fragments";

package/dist/cjs/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./components";
-export * from "./fragments";
+export * from "./components";
+export * from "./fragments";

package/dist/cjs/types/internal/OkendoWidget/OkendoWidget.d.ts

@@ -1,12 +1,12 @@
-import type { ReviewsWidgetPlus } from "@okendo/reviews-widget-plus/dist-utils/ReviewsWidgetPlus";
-import { type FC } from "react";
-export interface OkendoWidgetProps {
-    dataAttributes: Record<string, unknown>;
-    metafieldContent?: string;
-}
-declare global {
-    interface Window {
-        okeWidgetApi: ReviewsWidgetPlus.WidgetWindowApi;
-    }
-}
-export declare const OkendoWidget: FC<OkendoWidgetProps>;
+import type { ReviewsWidgetPlus } from "@okendo/reviews-widget-plus/dist-utils/ReviewsWidgetPlus";
+import { type FC } from "react";
+export interface OkendoWidgetProps {
+    dataAttributes: Record<string, unknown>;
+    metafieldContent?: string;
+}
+declare global {
+    interface Window {
+        okeWidgetApi: ReviewsWidgetPlus.WidgetWindowApi;
+    }
+}
+export declare const OkendoWidget: FC<OkendoWidgetProps>;

package/dist/cjs/types/internal/types.d.ts

@@ -1,3 +1,3 @@
-export interface MetafieldValue {
-    value: string;
-}
+export interface MetafieldValue {
+    value: string;
+}

package/dist/cjs/types/internal/utils.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/esm/index.js

@@ -1 +1 @@
-import t,{useRef as e,useEffect as n}from"react";const r=async({context:t,subscriberId:e,apiDomain:n,cdnDomain:r})=>{const i=`https://${n||"api.okendo.io/v1"}/stores/${e}/widget_plus_settings`,o=await fetch(i);if(!o.ok)return console.error(`Failed to retrieve subscriber settings for subscriber ID '${e}'.`),null;const{reviewsHeaderConfig:s,cssVariables:a,customCss:d,starSymbols:l}=await o.json(),c=await fetch(`https://${r||"cdn-static.okendo.io"}/reviews-widget-plus/js/okendo-reviews.js`);if(!c.ok)return console.error("Failed to retrieve widget initialisation script."),null;const p=await c.text(),{shop:{widgetPreRenderStyleTags:u}}=await t.storefront.query('#graphql\n\t\tquery metafields {\n\t\t\tshop {\n\t\t\t\twidgetPreRenderStyleTags: metafield(\n\t\t\t\t\tnamespace: "okendo"\n\t\t\t\t\tkey: "WidgetPreRenderStyleTags"\n\t\t\t\t) {\n\t\t\t\t\tvalue\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t'),m=u?.value??"";return m||console.warn("Failed to retrieve pre-rendered widget style settings."),{reviewsHeaderConfig:s,cssVariables:a,customCss:d,initScriptContents:p,preRenderStyleTags:m,starSymbols:l}},i=({okendoProviderData:e,productUrlFormatter:n})=>{if(!e)return null;const{reviewsHeaderConfig:r,cssVariables:i,customCss:o,initScriptContents:s,preRenderStyleTags:a,starSymbols:d}=e,l="function"==typeof n?n.toString():"string"==typeof n?n:"(product) =>\n\t\t\t\t\tproduct && product.productHandle\n\t\t\t\t\t\t? \"/products/\" + product.productHandle + \"/\" + (product.variantId ? '?variantId=' + product.variantId : '')\n\t\t\t\t\t\t: undefined",c=(i??"").replace('<style id="oke-css-vars">',"").replace("</style>",""),p=o?o.replace('<style id="oke-reviews-custom-css">',"").replace("</style>",""):"";return t.createElement("div",null,t.createElement("script",{id:"oke-reviews-settings",type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(r)}}),t.createElement("style",{id:"oke-css-vars",dangerouslySetInnerHTML:{__html:c}}),p&&t.createElement("style",{id:"oke-reviews-custom-css",dangerouslySetInnerHTML:{__html:p}}),s&&t.createElement("script",{dangerouslySetInnerHTML:{__html:s}}),t.createElement("script",{type:"text/javascript",dangerouslySetInnerHTML:{__html:`window.okeProductUrlFormatter = ${l.toString()}`}}),a&&t.createElement("div",{dangerouslySetInnerHTML:{__html:a}}),d&&t.createElement("div",{dangerouslySetInnerHTML:{__html:d}}))},o=({dataAttributes:r,metafieldContent:i=""})=>{const o=e(null),s=()=>{o.current&&window.okeWidgetApi.initWidget(o.current)};return n((()=>(window.okeWidgetApi&&o.current?s():document.addEventListener("oke-script-loaded",s),()=>{document.removeEventListener("oke-script-loaded",s)})),[r]),t.createElement("div",{ref:o,key:JSON.stringify(r),...r,dangerouslySetInnerHTML:{__html:i}})},s=/^[0-9]*$/;function a(t){if(t)return`shopify-${s.test(t)?t:t.split("/").slice(-1)[0]}`}const d=({productId:e,okendoReviewsSnippet:n})=>{const r={"data-oke-widget":"","data-oke-reviews-product-id":a(e)};return t.createElement(o,{dataAttributes:r,metafieldContent:n?.value})},l=({productId:e,okendoStarRatingSnippet:n})=>{const r={"data-oke-star-rating":"","data-oke-reviews-product-id":a(e)};return t.createElement(o,{dataAttributes:r,metafieldContent:n?.value})},c='#graphql\n\tfragment OkendoStarRatingSnippet on Product {\n\t\tokendoStarRatingSnippet: metafield(\n\t\t\tnamespace: "okendo"\n\t\t\tkey: "StarRatingSnippet"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n',p='#graphql\n\tfragment OkendoReviewsSnippet on Product {\n\t\tokendoReviewsSnippet: metafield(\n\t\t\tnamespace: "okendo"\n\t\t\tkey: "ReviewsWidgetSnippet"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n';export{p as OKENDO_PRODUCT_REVIEWS_FRAGMENT,c as OKENDO_PRODUCT_STAR_RATING_FRAGMENT,i as OkendoProvider,d as OkendoReviews,l as OkendoStarRating,r as getOkendoProviderData};
+import t,{useRef as e,useEffect as n}from"react";const r=async({context:t,subscriberId:e,apiDomain:n,cdnDomain:r})=>{const i=`https://${n??"api.okendo.io/v1"}/stores/${e}/widget_plus_settings`,s=await fetch(i);if(!s.ok)return console.error(`Failed to retrieve subscriber settings for subscriber ID '${e}'.`),null;const{reviewsHeaderConfig:o,cssVariables:a,customCss:d,starSymbols:l}=await s.json(),c=await fetch(`https://${r??"cdn-static.okendo.io"}/reviews-widget-plus/js/okendo-reviews.js`);if(!c.ok)return console.error("Failed to retrieve widget initialisation script."),null;const p=await c.text(),{shop:{widgetPreRenderStyleTags:u}}=await t.storefront.query('#graphql\n\t\tquery metafields {\n\t\t\tshop {\n\t\t\t\twidgetPreRenderStyleTags: metafield(\n\t\t\t\t\tnamespace: "okendo"\n\t\t\t\t\tkey: "WidgetPreRenderStyleTags"\n\t\t\t\t) {\n\t\t\t\t\tvalue\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t'),m=u?.value??"";return m||console.warn("Failed to retrieve pre-rendered widget style settings."),{reviewsHeaderConfig:o,cssVariables:a,customCss:d,initScriptContents:p,preRenderStyleTags:m,starSymbols:l}},i=({okendoProviderData:e})=>{if(!e)return null;const{reviewsHeaderConfig:n,cssVariables:r,customCss:i,initScriptContents:s,preRenderStyleTags:o,starSymbols:a}=e,d="(product) =>\n\t\tproduct && productHandle\n\t\t\t? \"/products/\" + product.productHandle + \"/\" + (product.variantId ? '?variantId=' + product.variantId : '')\n\t\t\t: undefined",l=(r??"").replace('<style id="oke-css-vars">',"").replace("</style>",""),c=i?i.replace('<style id="oke-reviews-custom-css">',"").replace("</style>",""):"";return t.createElement("div",null,t.createElement("script",{id:"oke-reviews-settings",type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),t.createElement("style",{id:"oke-css-vars",dangerouslySetInnerHTML:{__html:l}}),c&&t.createElement("style",{id:"oke-reviews-custom-css",dangerouslySetInnerHTML:{__html:c}}),s&&t.createElement("script",{dangerouslySetInnerHTML:{__html:s}}),t.createElement("script",{type:"text/javascript",dangerouslySetInnerHTML:{__html:`window.okeProductUrlFormatter = ${d.toString()}`}}),o&&t.createElement("div",{dangerouslySetInnerHTML:{__html:o}}),a&&t.createElement("div",{dangerouslySetInnerHTML:{__html:a}}))},s=({dataAttributes:r,metafieldContent:i=""})=>{const s=e(null),o=()=>{s.current&&window.okeWidgetApi.initWidget(s.current)};return n((()=>(window.okeWidgetApi&&s.current?o():document.addEventListener("oke-script-loaded",o),()=>{document.removeEventListener("oke-script-loaded",o)})),[r]),t.createElement("div",{ref:s,key:JSON.stringify(r),...r,dangerouslySetInnerHTML:{__html:i}})},o=/^[0-9]*$/;function a(t){if(t)return`shopify-${o.test(t)?t:t.split("/").slice(-1)[0]}`}const d=({productId:e,okendoReviewsSnippet:n})=>{const r={"data-oke-widget":"","data-oke-reviews-product-id":a(e)};return t.createElement(s,{dataAttributes:r,metafieldContent:n?.value})},l=({productId:e,okendoStarRatingSnippet:n})=>{const r={"data-oke-star-rating":"","data-oke-reviews-product-id":a(e)};return t.createElement(s,{dataAttributes:r,metafieldContent:n?.value})},c='#graphql\n\tfragment OkendoStarRatingSnippet on Product {\n\t\tokendoStarRatingSnippet: metafield(\n\t\t\tnamespace: "okendo"\n\t\t\tkey: "StarRatingSnippet"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n',p='#graphql\n\tfragment OkendoReviewsSnippet on Product {\n\t\tokendoReviewsSnippet: metafield(\n\t\t\tnamespace: "okendo"\n\t\t\tkey: "ReviewsWidgetSnippet"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n';export{p as OKENDO_PRODUCT_REVIEWS_FRAGMENT,c as OKENDO_PRODUCT_STAR_RATING_FRAGMENT,i as OkendoProvider,d as OkendoReviews,l as OkendoStarRating,r as getOkendoProviderData};

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

@@ -1,36 +1,30 @@
-import type { Storefront } from "@shopify/hydrogen";
-import { type FC } from "react";
-interface OkendoProviderData {
-    reviewsHeaderConfig: Record<string, unknown>;
-    cssVariables: string;
-    customCss?: string;
-    initScriptContents: string;
-    preRenderStyleTags: string;
-    starSymbols: string;
-}
-export declare const getOkendoProviderData: ({ context, subscriberId, apiDomain, cdnDomain, }: {
-    context: {
-        storefront: Storefront;
-    };
-    subscriberId: string;
-    apiDomain?: string | undefined;
-    cdnDomain?: string | undefined;
-}) => Promise<{
-    reviewsHeaderConfig: import("@okendo/reviews-common").WidgetPlus.ReviewsHeaderConfig;
-    cssVariables: string;
-    customCss: string | undefined;
-    initScriptContents: string;
-    preRenderStyleTags: string;
-    starSymbols: string;
-} | null>;
-interface ReviewProduct {
-    productHandle?: string;
-    productId: string;
-    variantId?: string;
-}
-interface OkendoProviderProps {
-    okendoProviderData: Partial<OkendoProviderData> | null;
-    productUrlFormatter?: (product: ReviewProduct) => string;
-}
-export declare const OkendoProvider: FC<OkendoProviderProps>;
-export {};
+import type { Storefront } from "@shopify/hydrogen";
+import { type FC } from "react";
+interface OkendoProviderData {
+    reviewsHeaderConfig: Record<string, unknown>;
+    cssVariables: string;
+    customCss?: string;
+    initScriptContents: string;
+    preRenderStyleTags: string;
+    starSymbols: string;
+}
+export declare const getOkendoProviderData: ({ context, subscriberId, apiDomain, cdnDomain, }: {
+    context: {
+        storefront: Storefront;
+    };
+    subscriberId: string;
+    apiDomain?: string | undefined;
+    cdnDomain?: string | undefined;
+}) => Promise<{
+    reviewsHeaderConfig: import("@okendo/reviews-common").WidgetPlus.ReviewsHeaderConfig;
+    cssVariables: string;
+    customCss: string | undefined;
+    initScriptContents: string;
+    preRenderStyleTags: string;
+    starSymbols: string;
+} | null>;
+interface OkendoProviderProps {
+    okendoProviderData: Partial<OkendoProviderData> | null;
+}
+export declare const OkendoProvider: FC<OkendoProviderProps>;
+export {};

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

@@ -1 +1 @@
-export * from "./OkendoProvider";
+export * from "./OkendoProvider";

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

@@ -1,11 +1,11 @@
-import { type FC } from "react";
-import { type MetafieldValue } from "../../internal/types";
-export interface WithOkendoReviewsSnippet {
-    okendoReviewsSnippet: MetafieldValue;
-}
-interface OkendoReviewsProps {
-    productId: string;
-    okendoReviewsSnippet?: MetafieldValue;
-}
-export declare const OkendoReviews: FC<OkendoReviewsProps>;
-export {};
+import { type FC } from "react";
+import { type MetafieldValue } from "../../internal/types";
+export interface WithOkendoReviewsSnippet {
+    okendoReviewsSnippet: MetafieldValue;
+}
+interface OkendoReviewsProps {
+    productId: string;
+    okendoReviewsSnippet: MetafieldValue;
+}
+export declare const OkendoReviews: FC<OkendoReviewsProps>;
+export {};

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

@@ -1 +1 @@
-export * from "./OkendoReviews";
+export * from "./OkendoReviews";

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

@@ -1,11 +1,11 @@
-import { type FC } from "react";
-import { type MetafieldValue } from "../../internal/types";
-export interface WithOkendoStarRatingSnippet {
-    okendoStarRatingSnippet: MetafieldValue;
-}
-interface OkendoStarRatingProps {
-    productId: string;
-    okendoStarRatingSnippet?: MetafieldValue;
-}
-export declare const OkendoStarRating: FC<OkendoStarRatingProps>;
-export {};
+import { type FC } from "react";
+import { type MetafieldValue } from "../../internal/types";
+export interface WithOkendoStarRatingSnippet {
+    okendoStarRatingSnippet: MetafieldValue;
+}
+interface OkendoStarRatingProps {
+    productId: string;
+    okendoStarRatingSnippet: MetafieldValue;
+}
+export declare const OkendoStarRating: FC<OkendoStarRatingProps>;
+export {};

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

@@ -1 +1 @@
-export * from "./OkendoStarRating";
+export * from "./OkendoStarRating";

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

@@ -1,3 +1,3 @@
-export * from "./OkendoProvider";
-export * from "./OkendoReviews";
-export * from "./OkendoStarRating";
+export * from "./OkendoProvider";
+export * from "./OkendoReviews";
+export * from "./OkendoStarRating";

package/dist/esm/types/fragments/fragments.d.ts

@@ -1,2 +1,2 @@
-export declare const OKENDO_PRODUCT_STAR_RATING_FRAGMENT = "#graphql\n\tfragment OkendoStarRatingSnippet on Product {\n\t\tokendoStarRatingSnippet: metafield(\n\t\t\tnamespace: \"okendo\"\n\t\t\tkey: \"StarRatingSnippet\"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n";
-export declare const OKENDO_PRODUCT_REVIEWS_FRAGMENT = "#graphql\n\tfragment OkendoReviewsSnippet on Product {\n\t\tokendoReviewsSnippet: metafield(\n\t\t\tnamespace: \"okendo\"\n\t\t\tkey: \"ReviewsWidgetSnippet\"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n";
+export declare const OKENDO_PRODUCT_STAR_RATING_FRAGMENT = "#graphql\n\tfragment OkendoStarRatingSnippet on Product {\n\t\tokendoStarRatingSnippet: metafield(\n\t\t\tnamespace: \"okendo\"\n\t\t\tkey: \"StarRatingSnippet\"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n";
+export declare const OKENDO_PRODUCT_REVIEWS_FRAGMENT = "#graphql\n\tfragment OkendoReviewsSnippet on Product {\n\t\tokendoReviewsSnippet: metafield(\n\t\t\tnamespace: \"okendo\"\n\t\t\tkey: \"ReviewsWidgetSnippet\"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n";

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

@@ -1 +1 @@
-export * from "./fragments";
+export * from "./fragments";

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

@@ -1,2 +1,2 @@
-export * from "./components";
-export * from "./fragments";
+export * from "./components";
+export * from "./fragments";

package/dist/esm/types/internal/OkendoWidget/OkendoWidget.d.ts

@@ -1,12 +1,12 @@
-import type { ReviewsWidgetPlus } from "@okendo/reviews-widget-plus/dist-utils/ReviewsWidgetPlus";
-import { type FC } from "react";
-export interface OkendoWidgetProps {
-    dataAttributes: Record<string, unknown>;
-    metafieldContent?: string;
-}
-declare global {
-    interface Window {
-        okeWidgetApi: ReviewsWidgetPlus.WidgetWindowApi;
-    }
-}
-export declare const OkendoWidget: FC<OkendoWidgetProps>;
+import type { ReviewsWidgetPlus } from "@okendo/reviews-widget-plus/dist-utils/ReviewsWidgetPlus";
+import { type FC } from "react";
+export interface OkendoWidgetProps {
+    dataAttributes: Record<string, unknown>;
+    metafieldContent?: string;
+}
+declare global {
+    interface Window {
+        okeWidgetApi: ReviewsWidgetPlus.WidgetWindowApi;
+    }
+}
+export declare const OkendoWidget: FC<OkendoWidgetProps>;

package/dist/esm/types/internal/types.d.ts

@@ -1,3 +1,3 @@
-export interface MetafieldValue {
-    value: string;
-}
+export interface MetafieldValue {
+    value: string;
+}

package/dist/esm/types/internal/utils.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/index.d.ts

@@ -2,63 +2,57 @@ import * as _okendo_reviews_common from '@okendo/reviews-common';
 import { Storefront } from '@shopify/hydrogen';
 import { FC } from 'react';
 
-interface OkendoProviderData {
-    reviewsHeaderConfig: Record<string, unknown>;
-    cssVariables: string;
-    customCss?: string;
-    initScriptContents: string;
-    preRenderStyleTags: string;
-    starSymbols: string;
-}
-declare const getOkendoProviderData: ({ context, subscriberId, apiDomain, cdnDomain, }: {
-    context: {
-        storefront: Storefront;
-    };
-    subscriberId: string;
-    apiDomain?: string | undefined;
-    cdnDomain?: string | undefined;
-}) => Promise<{
-    reviewsHeaderConfig: _okendo_reviews_common.WidgetPlus.ReviewsHeaderConfig;
-    cssVariables: string;
-    customCss: string | undefined;
-    initScriptContents: string;
-    preRenderStyleTags: string;
-    starSymbols: string;
-} | null>;
-interface ReviewProduct {
-    productHandle?: string;
-    productId: string;
-    variantId?: string;
-}
-interface OkendoProviderProps {
-    okendoProviderData: Partial<OkendoProviderData> | null;
-    productUrlFormatter?: (product: ReviewProduct) => string;
-}
+interface OkendoProviderData {
+    reviewsHeaderConfig: Record<string, unknown>;
+    cssVariables: string;
+    customCss?: string;
+    initScriptContents: string;
+    preRenderStyleTags: string;
+    starSymbols: string;
+}
+declare const getOkendoProviderData: ({ context, subscriberId, apiDomain, cdnDomain, }: {
+    context: {
+        storefront: Storefront;
+    };
+    subscriberId: string;
+    apiDomain?: string | undefined;
+    cdnDomain?: string | undefined;
+}) => Promise<{
+    reviewsHeaderConfig: _okendo_reviews_common.WidgetPlus.ReviewsHeaderConfig;
+    cssVariables: string;
+    customCss: string | undefined;
+    initScriptContents: string;
+    preRenderStyleTags: string;
+    starSymbols: string;
+} | null>;
+interface OkendoProviderProps {
+    okendoProviderData: Partial<OkendoProviderData> | null;
+}
 declare const OkendoProvider: FC<OkendoProviderProps>;
 
-interface MetafieldValue {
-    value: string;
+interface MetafieldValue {
+    value: string;
 }
 
-interface WithOkendoReviewsSnippet {
-    okendoReviewsSnippet: MetafieldValue;
-}
-interface OkendoReviewsProps {
-    productId: string;
-    okendoReviewsSnippet?: MetafieldValue;
-}
+interface WithOkendoReviewsSnippet {
+    okendoReviewsSnippet: MetafieldValue;
+}
+interface OkendoReviewsProps {
+    productId: string;
+    okendoReviewsSnippet: MetafieldValue;
+}
 declare const OkendoReviews: FC<OkendoReviewsProps>;
 
-interface WithOkendoStarRatingSnippet {
-    okendoStarRatingSnippet: MetafieldValue;
-}
-interface OkendoStarRatingProps {
-    productId: string;
-    okendoStarRatingSnippet?: MetafieldValue;
-}
+interface WithOkendoStarRatingSnippet {
+    okendoStarRatingSnippet: MetafieldValue;
+}
+interface OkendoStarRatingProps {
+    productId: string;
+    okendoStarRatingSnippet: MetafieldValue;
+}
 declare const OkendoStarRating: FC<OkendoStarRatingProps>;
 
-declare const OKENDO_PRODUCT_STAR_RATING_FRAGMENT = "#graphql\n\tfragment OkendoStarRatingSnippet on Product {\n\t\tokendoStarRatingSnippet: metafield(\n\t\t\tnamespace: \"okendo\"\n\t\t\tkey: \"StarRatingSnippet\"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n";
+declare const OKENDO_PRODUCT_STAR_RATING_FRAGMENT = "#graphql\n\tfragment OkendoStarRatingSnippet on Product {\n\t\tokendoStarRatingSnippet: metafield(\n\t\t\tnamespace: \"okendo\"\n\t\t\tkey: \"StarRatingSnippet\"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n";
 declare const OKENDO_PRODUCT_REVIEWS_FRAGMENT = "#graphql\n\tfragment OkendoReviewsSnippet on Product {\n\t\tokendoReviewsSnippet: metafield(\n\t\t\tnamespace: \"okendo\"\n\t\t\tkey: \"ReviewsWidgetSnippet\"\n\t\t) {\n\t\t\tvalue\n\t\t}\n\t}\n";
 
 export { OKENDO_PRODUCT_REVIEWS_FRAGMENT, OKENDO_PRODUCT_STAR_RATING_FRAGMENT, OkendoProvider, OkendoReviews, OkendoStarRating, WithOkendoReviewsSnippet, WithOkendoStarRatingSnippet, getOkendoProviderData };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@okendo/shopify-hydrogen",
-    "version": "2.0.1",
+    "version": "2.0.2",
     "description": "Okendo React components for Shopify Hydrogen 2 (Remix)",
     "author": "Okendo",
     "license": "SEE LICENSE IN LICENSE.txt",