@pexip-engage-public/plugin-react 2.0.0-canary-20231023080955 → 2.0.0

package/CHANGELOG.md

@@ -1,16 +1,43 @@
 # @pexip-engage-public/plugin-react
 
-## 2.0.0-canary-20231023080955
+## 2.0.0
 
 ### Major Changes
 
-- f94a30b50: feat: switch plugin packages to native node esm only
+- 7412230be: feat: This package is ESM only starting from this release.
 
 ### Patch Changes
 
-- Updated dependencies [f94a30b50]
-  - @pexip-engage-public/plugin-configuration-parser@2.0.0-canary-20231023080955
-  - @pexip-engage-public/plugin-instance@2.0.0-canary-20231023080955
+- Updated dependencies [7412230be]
+  - @pexip-engage-public/plugin@1.0.0
+
+## 1.1.0
+
+### Minor Changes
+
+- 93c2a834b: (minor) prepare for legacy switch
+
+### Patch Changes
+
+- Updated dependencies [93c2a834b]
+  - @pexip-engage-public/plugin-configuration-parser@1.3.0
+  - @pexip-engage-public/plugin-instance@1.2.0
+
+## 1.0.57
+
+### Patch Changes
+
+- Updated dependencies [0321f449c]
+  - @pexip-engage-public/plugin-configuration-parser@1.2.2
+  - @pexip-engage-public/plugin-instance@1.1.5
+
+## 1.0.56
+
+### Patch Changes
+
+- Updated dependencies [c49c5a4aa]
+  - @pexip-engage-public/plugin-instance@1.1.4
+  - @pexip-engage-public/plugin-configuration-parser@1.2.1
 
 ## 1.0.55
 

package/dist/PexipEngageContext.d.ts

@@ -1,4 +1,4 @@
-import type { JSConfig } from "@pexip-engage-public/plugin-configuration-parser";
+import type { JSConfig } from "@pexip-engage-public/plugin/configuration-parser";
 export interface PexipEngagePluginContextProps extends NonNullable<JSConfig["config"]> {
     /**
      * The plugin entry point URL.

package/dist/PexipEngageContext.js

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-const PexipEngagePluginContext = createContext({});
+const PexipEngagePluginContext = createContext({ version: "1.0.0" });
 export function usePluginContext() {
     const ctx = useContext(PexipEngagePluginContext);
     return ctx;

package/dist/PexipEngagePlugin.d.ts

@@ -1,4 +1,4 @@
-import type { PluginInstance } from "@pexip-engage-public/plugin-instance";
+import type { PluginInstance } from "@pexip-engage-public/plugin/instance";
 import { type PexipEngagePluginContextProps } from "./PexipEngageContext.js";
 interface PexipEngagePluginProps extends PexipEngagePluginContextProps {
     onInstanceChange?: (instance: PluginInstance | null) => unknown;

package/dist/index.d.ts

@@ -2,6 +2,6 @@ export type { PexipEngagePluginContextProps } from "./PexipEngageContext.js";
 export { PexipEngagePluginProvider } from "./PexipEngageContext.js";
 export { PexipEngagePlugin } from "./PexipEngagePlugin.js";
 export { usePexipEngagePlugin } from "./usePexipEngagePlugin.js";
-export type { PluginInstance } from "@pexip-engage-public/plugin-instance";
-export { PEXIP_ENGAGE_PLUGIN_EVENT } from "@pexip-engage-public/plugin-instance";
+export type { PluginInstance } from "@pexip-engage-public/plugin/instance";
+export { PEXIP_ENGAGE_PLUGIN_EVENT } from "@pexip-engage-public/plugin/instance";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,4 +1,4 @@
 export { PexipEngagePluginProvider } from "./PexipEngageContext.js";
 export { PexipEngagePlugin } from "./PexipEngagePlugin.js";
 export { usePexipEngagePlugin } from "./usePexipEngagePlugin.js";
-export { PEXIP_ENGAGE_PLUGIN_EVENT } from "@pexip-engage-public/plugin-instance";
+export { PEXIP_ENGAGE_PLUGIN_EVENT } from "@pexip-engage-public/plugin/instance";

package/dist/usePexipEngagePlugin.d.ts

@@ -1,4 +1,4 @@
-import { PluginStatic } from "@pexip-engage-public/plugin-instance";
+import { PluginStatic } from "@pexip-engage-public/plugin/instance";
 interface UsePluginResult {
     Plugin: typeof PluginStatic | null;
     status: "pending" | "success" | "failed";

package/dist/usePexipEngagePlugin.js

@@ -1,5 +1,5 @@
 import { useEffect, useReducer } from "react";
-import { PEXIP_ENGAGE_PLUGIN_EVENT, PluginStatic, } from "@pexip-engage-public/plugin-instance";
+import { PEXIP_ENGAGE_PLUGIN_EVENT, PluginStatic, } from "@pexip-engage-public/plugin/instance";
 import { usePluginContext } from "./PexipEngageContext.js";
 function createPlugin({ onError, src }) {
     const scriptEl = document.getElementById(src);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pexip-engage-public/plugin-react",
-  "version": "2.0.0-canary-20231023080955",
+  "version": "2.0.0",
   "description": "React wrapper component for the Pexip Engage Plugin",
   "homepage": "https://github.com/skedify/frontend-mono/tree/develop/apps/plugin-remix/packages/plugin-react#readme",
   "bugs": {
@@ -20,9 +20,7 @@
   "sideEffects": false,
   "type": "module",
   "exports": {
-    ".": {
-      "import": "./dist/index.js"
-    },
+    ".": "./dist/index.js",
     "./src/index.tsx": {
       "import": "./src/index.tsx"
     }
@@ -34,13 +32,12 @@
   ],
   "dependencies": {
     "deepmerge": "^4.3.1",
-    "@pexip-engage-public/plugin-instance": "2.0.0-canary-20231023080955",
-    "@pexip-engage-public/plugin-configuration-parser": "2.0.0-canary-20231023080955"
+    "@pexip-engage-public/plugin": "1.0.0"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^2.1.2",
-    "@pexip-engage/tsconfig": "0.0.10-canary-20231023080955",
-    "eslint-config-pexip-engage": "0.0.40"
+    "@pexip-engage/tsconfig": "0.1.0",
+    "eslint-config-pexip-engage": "0.1.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"

package/src/PexipEngageContext.ts

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-import type { JSConfig } from "@pexip-engage-public/plugin-configuration-parser";
+import type { JSConfig } from "@pexip-engage-public/plugin/configuration-parser";
 
 export interface PexipEngagePluginContextProps extends NonNullable<JSConfig["config"]> {
   /**
@@ -9,7 +9,7 @@ export interface PexipEngagePluginContextProps extends NonNullable<JSConfig["con
   scriptSrc?: string;
 }
 
-const PexipEngagePluginContext = createContext<PexipEngagePluginContextProps>({});
+const PexipEngagePluginContext = createContext<PexipEngagePluginContextProps>({ version: "1.0.0" });
 
 export function usePluginContext() {
   const ctx = useContext(PexipEngagePluginContext);

package/src/PexipEngagePlugin.tsx

@@ -1,5 +1,5 @@
 import { isValidElement, useEffect, useRef, useState } from "react";
-import type { PluginInstance } from "@pexip-engage-public/plugin-instance";
+import type { PluginInstance } from "@pexip-engage-public/plugin/instance";
 
 import { type PexipEngagePluginContextProps } from "./PexipEngageContext.js";
 import { usePexipEngagePlugin } from "./usePexipEngagePlugin.js";

package/src/index.tsx

@@ -2,5 +2,5 @@ export type { PexipEngagePluginContextProps } from "./PexipEngageContext.js";
 export { PexipEngagePluginProvider } from "./PexipEngageContext.js";
 export { PexipEngagePlugin } from "./PexipEngagePlugin.js";
 export { usePexipEngagePlugin } from "./usePexipEngagePlugin.js";
-export type { PluginInstance } from "@pexip-engage-public/plugin-instance";
-export { PEXIP_ENGAGE_PLUGIN_EVENT } from "@pexip-engage-public/plugin-instance";
+export type { PluginInstance } from "@pexip-engage-public/plugin/instance";
+export { PEXIP_ENGAGE_PLUGIN_EVENT } from "@pexip-engage-public/plugin/instance";

package/src/usePexipEngagePlugin.ts

@@ -3,7 +3,7 @@ import {
   PEXIP_ENGAGE_PLUGIN_EVENT,
   type PluginCustomEvent,
   PluginStatic,
-} from "@pexip-engage-public/plugin-instance";
+} from "@pexip-engage-public/plugin/instance";
 
 import { usePluginContext } from "./PexipEngageContext.js";
 

package/dist/index.mjs

@@ -1,193 +0,0 @@
-// src/PexipEngageContext.ts
-import { createContext, useContext } from "react";
-var PexipEngagePluginContext = createContext({});
-function usePluginContext() {
-  const ctx = useContext(PexipEngagePluginContext);
-  return ctx;
-}
-var PexipEngagePluginProvider = PexipEngagePluginContext.Provider;
-
-// src/PexipEngagePlugin.tsx
-import { isValidElement, useEffect as useEffect3, useRef as useRef2, useState } from "react";
-
-// src/usePexipEngagePlugin.ts
-import { useEffect, useReducer } from "react";
-import {
-  PEXIP_ENGAGE_PLUGIN_EVENT
-} from "@pexip-engage-public/plugin-instance";
-function createPlugin({ onError, src }) {
-  const scriptEl = document.getElementById(src);
-  if (!scriptEl) {
-    const script = document.createElement("script");
-    script.src = src;
-    script.async = true;
-    script.defer = true;
-    script.id = src;
-    script.onerror = () => {
-      script.setAttribute("data-status", "error");
-      onError();
-    };
-    document.body.appendChild(script);
-  } else if (scriptEl.getAttribute("data-status") === "error") {
-    onError();
-  }
-}
-var initialState = { Plugin: null, status: "pending" };
-function reducer(state, action) {
-  switch (action.type) {
-    case "success":
-      return { Plugin: action.instance, status: "success" };
-    case "failed":
-      return { Plugin: null, status: "failed" };
-    default:
-      throw new Error();
-  }
-}
-function usePexipEngagePlugin(scriptSrc) {
-  const ctx = usePluginContext();
-  const [state, dispatch] = useReducer(reducer, initialState);
-  const src = scriptSrc ?? ctx.scriptSrc;
-  useEffect(() => {
-    if (!src) {
-      console.warn(
-        "No scriptSrc was provided to PexipEngagePluginContext, or as prop to <PexipEngagePlugin />, skipping plugin initialization..."
-      );
-      dispatch({ type: "failed" });
-      return;
-    }
-    if (window && document) {
-      if (window.PexipEngage?.Plugin) {
-        dispatch({ type: "success", instance: window.PexipEngage.Plugin });
-      } else {
-        let listener2 = function(event) {
-          const pluginEvent = event;
-          if (!window.PexipEngage)
-            return;
-          if (pluginEvent.detail.type === window.PexipEngage.Plugin.EVENT_INIT) {
-            dispatch({ type: "success", instance: window.PexipEngage.Plugin });
-          } else if (pluginEvent.detail.type === window.PexipEngage?.Plugin.EVENT_MISCONFIGURED) {
-            dispatch({ type: "failed" });
-          } else if (pluginEvent.detail.type === window.PexipEngage?.Plugin.EVENT_ERROR) {
-            dispatch({ type: "failed" });
-          }
-        };
-        var listener = listener2;
-        document.addEventListener(PEXIP_ENGAGE_PLUGIN_EVENT, listener2);
-        createPlugin({ src, onError: () => dispatch({ type: "failed" }) });
-        return () => document.removeEventListener(PEXIP_ENGAGE_PLUGIN_EVENT, listener2);
-      }
-    }
-  }, [src]);
-  return state;
-}
-
-// src/usePluginConfiguration.ts
-import { useEffect as useEffect2, useRef } from "react";
-import deepmerge from "deepmerge";
-function usePluginConfiguration(overrideConfiguration) {
-  const defaultConfiguration = usePluginContext();
-  const resolvedConfiguration = deepmerge(defaultConfiguration, overrideConfiguration);
-  return useMemoizedObject(resolvedConfiguration);
-}
-function useMemoizedObject(currentObj) {
-  const prevResult = useRef(currentObj);
-  const memoizedObj = replaceEqualDeep(prevResult.current, currentObj);
-  useEffect2(() => {
-    prevResult.current = memoizedObj;
-  });
-  return memoizedObj;
-}
-function replaceEqualDeep(a, b) {
-  if (a === b) {
-    return a;
-  }
-  const array = Array.isArray(a) && Array.isArray(b);
-  if (array || isPlainObject(a) && isPlainObject(b)) {
-    const aSize = array ? a.length : Object.keys(a).length;
-    const bItems = array ? b : Object.keys(b);
-    const bSize = bItems.length;
-    const copy = array ? [] : {};
-    let equalItems = 0;
-    for (let i = 0; i < bSize; i++) {
-      const key = array ? i : bItems[i];
-      copy[key] = replaceEqualDeep(a[key], b[key]);
-      if (copy[key] === a[key]) {
-        equalItems++;
-      }
-    }
-    return aSize === bSize && equalItems === aSize ? a : copy;
-  }
-  return b;
-}
-function isPlainObject(o) {
-  if (!hasObjectPrototype(o)) {
-    return false;
-  }
-  const ctor = o.constructor;
-  if (typeof ctor === "undefined") {
-    return true;
-  }
-  const prot = ctor.prototype;
-  if (!hasObjectPrototype(prot)) {
-    return false;
-  }
-  if (!prot.hasOwnProperty("isPrototypeOf")) {
-    return false;
-  }
-  return true;
-}
-function hasObjectPrototype(o) {
-  return Object.prototype.toString.call(o) === "[object Object]";
-}
-
-// src/PexipEngagePlugin.tsx
-import { jsx } from "react/jsx-runtime";
-function PexipEngagePlugin({
-  className,
-  fallback,
-  id,
-  onInstanceChange,
-  scriptSrc,
-  style,
-  ...config
-}) {
-  const { Plugin, status } = usePexipEngagePlugin(scriptSrc);
-  const options = usePluginConfiguration(config);
-  const containerRef = useRef2(null);
-  const [instance, setInstance] = useState(null);
-  useEffect3(() => {
-    if (Plugin && containerRef.current) {
-      const instance2 = new Plugin(containerRef.current, { config: options });
-      setInstance(instance2);
-      return () => {
-        instance2.dispose();
-        setInstance(null);
-      };
-    }
-  }, [Plugin, options]);
-  useEffect3(() => {
-    onInstanceChange && onInstanceChange(instance);
-  }, [instance, onInstanceChange]);
-  if (status === "failed" && isValidElement(fallback)) {
-    return fallback;
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className,
-      "data-pexip-auto-init": "false",
-      id,
-      ref: containerRef,
-      style
-    }
-  );
-}
-
-// src/index.tsx
-import { PEXIP_ENGAGE_PLUGIN_EVENT as PEXIP_ENGAGE_PLUGIN_EVENT2 } from "@pexip-engage-public/plugin-instance";
-export {
-  PEXIP_ENGAGE_PLUGIN_EVENT2 as PEXIP_ENGAGE_PLUGIN_EVENT,
-  PexipEngagePlugin,
-  PexipEngagePluginProvider,
-  usePexipEngagePlugin
-};