@okendo/shopify-hydrogen 1.3.0 → 2.0.0

package/dist/cjs/index.js

@@ -0,0 +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}};

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

@@ -0,0 +1,36 @@
+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 {};

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

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

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

@@ -0,0 +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 {};

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

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

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

@@ -0,0 +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 {};

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

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

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

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

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

@@ -0,0 +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";

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

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

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

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

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

@@ -0,0 +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>;

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

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

package/dist/esm/index.js

@@ -0,0 +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};

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

@@ -0,0 +1,36 @@
+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 {};

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

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

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

@@ -0,0 +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 {};

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

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

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

@@ -0,0 +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 {};

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

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

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

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

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

@@ -0,0 +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";

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

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

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

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

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

@@ -0,0 +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>;

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

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

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

@@ -0,0 +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;

package/dist/index.d.ts

@@ -0,0 +1,64 @@
+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;
+}
+declare const OkendoProvider: FC<OkendoProviderProps>;
+
+interface MetafieldValue {
+    value: string;
+}
+
+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;
+}
+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_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,65 +1,48 @@
 {
-    "name": "@okendo/shopify-hydrogen",
-    "version": "1.3.0",
-    "description": "A component library containing Okendo Reviews React components.",
-    "main": "dist/esnext/index.js",
-    "engines": {
-        "node": ">=14"
-    },
-    "exports": {
-        ".": "./dist/esnext/index.js",
-        "./plugin": {
-            "import": "./dist/esnext/framework/plugins/plugin.js",
-            "require": "./dist/node/framework/plugins/plugin.js"
-        },
-        "./client": {
-            "import": {
-                "types": "./dist/esnext/client.d.ts",
-                "default": "./dist/esnext/client.js"
-            },
-            "node": {
-                "types": "./dist/esnext/client.d.ts",
-                "default": "./dist/esnext/client.js"
-            }
-        },
-        "./plugin.cjs": "./plugin.cjs",
-        "./package.json": "./package.json",
-        "./*": "./dist/esnext/*.js"
-    },
-    "types": "dist/esnext/index.d.ts",
-    "files": [
-        "dist",
-        "plugin.cjs"
-    ],
-    "scripts": {
-        "build": "rimraf dist/ && npm run build:esm && npm run build:plugin:cjs",
-        "build:plugin:cjs": "tsc --p tsconfig.plugin.cjs.json",
-        "build:esm": "tsc --p tsconfig.esm.json",
-        "prepublishOnly": "npm run build",
-        "eslint": "eslint 'src/**/*.{ts,tsx}'",
-        "eslint-fix": "npm run eslint -- --fix"
-    },
-    "author": "Okendo",
-    "license": "SEE LICENSE IN LICENSE.txt",
-    "devDependencies": {
-        "@okendo/reviews-widget-plus": "^0.53.1",
-        "@okendo/tsconfig": "0.0.2",
-        "@shopify/hydrogen": "^1.2.0",
-        "@types/node": "^17.0.35",
-        "@types/react": "^18.0.14",
-        "@types/react-dom": "^18.0.5",
-        "@typescript-eslint/eslint-plugin": "^5.38.1",
-        "@typescript-eslint/parser": "^5.38.1",
-        "dotenv": "^16.0.1",
-        "eslint": "^8.24.0",
-        "eslint-plugin-react": "^7.31.8",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "ncp": "^2.0.0",
-        "rimraf": "^3.0.2",
-        "typescript": "^4.7.4",
-        "vite": "^2.9.0"
-    },
-    "peerDependencies": {
-        "@shopify/hydrogen": "1.2.x"
-    }
+	"name": "@okendo/shopify-hydrogen",
+	"version": "2.0.0",
+	"description": "Okendo React components for Shopify Hydrogen 2 (Remix)",
+	"author": "Okendo",
+	"license": "SEE LICENSE IN LICENSE.txt",
+	"engines": {
+		"node": ">=16.14"
+	},
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"files": [
+		"dist"
+	],
+	"types": "dist/index.d.ts",
+	"scripts": {
+		"build": "npm run eslint -- --max-warnings=0 && rimraf dist && rollup -c",
+		"eslint": "eslint src"
+	},
+	"devDependencies": {
+		"@okendo/reviews-common": "^5.38.0",
+		"@okendo/reviews-widget-plus": "^0.67.0",
+		"@okendo/tsconfig": "0.0.2",
+		"@rollup/plugin-commonjs": "^24.1.0",
+		"@rollup/plugin-node-resolve": "^15.0.2",
+		"@rollup/plugin-terser": "^0.4.1",
+		"@rollup/plugin-typescript": "^11.1.0",
+		"@types/react": "^18.0.20",
+		"@types/react-dom": "^18.0.6",
+		"@typescript-eslint/eslint-plugin": "^5.58.0",
+		"@typescript-eslint/parser": "^5.58.0",
+		"eslint": "^8.20.0",
+		"eslint-config-prettier": "^8.8.0",
+		"eslint-plugin-react": "^7.32.2",
+		"eslint-plugin-react-hooks": "^4.6.0",
+		"prettier": "2.8.7",
+		"rimraf": "^5.0.0",
+		"rollup": "^3.20.2",
+		"rollup-plugin-dts": "^5.3.0",
+		"rollup-plugin-peer-deps-external": "^2.2.4",
+		"typescript": "^4.9.5"
+	},
+	"peerDependencies": {
+		"@shopify/hydrogen": "^2023.1.6",
+		"@shopify/remix-oxygen": "^1.0.4",
+		"react": "^18.2.0"
+	}
 }

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

@@ -1,4 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-export * from './OkendoClientStarRating.client';

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

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

package/dist/esnext/client.d.ts

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

package/dist/esnext/client.js

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

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

@@ -1,15 +0,0 @@
-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,69 +0,0 @@
-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 {
-                    widgetPreRenderStyleTags: metafield(namespace: "okendo", key: "WidgetPreRenderStyleTags") {
-                        value
-                    }
-                }
-            }
-        `;
-    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 +0,0 @@
-import { FC } from 'react';
-export declare const OkendoReviewsWidget: FC<OkendoReviewsWidgetProps>;
-interface OkendoReviewsWidgetProps {
-    productId?: string;
-}
-export default OkendoReviewsWidget;