@pexip-engage-public/plugin-react 2.0.0-canary-20231025101109 → 2.0.1

package/CHANGELOG.md

@@ -1,16 +1,50 @@
 # @pexip-engage-public/plugin-react
 
-## 2.0.0-canary-20231025101109
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies [5a13e9410]
+  - @pexip-engage-public/plugin@1.0.1
+
+## 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 [7412230be]
+  - @pexip-engage-public/plugin@1.0.0
+
+## 1.1.0
+
+### Minor Changes
+
+- 93c2a834b: (minor) prepare for legacy switch
 
 ### Patch Changes
 
-- Updated dependencies [f94a30b50]
-  - @pexip-engage-public/plugin-configuration-parser@2.0.0-canary-20231025101109
-  - @pexip-engage-public/plugin-instance@2.0.0-canary-20231025101109
+- 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,11 +1,11 @@
-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.
-   * eg: `https://{ENTERPRISE_NAME}plugin.skedify.io/{ENTERPRISE_NAME}/pexip-engage-plugin.js`
-   */
-  scriptSrc?: string;
+    /**
+     * The plugin entry point URL.
+     * eg: `https://{ENTERPRISE_NAME}plugin.skedify.io/{ENTERPRISE_NAME}/pexip-engage-plugin.js`
+     */
+    scriptSrc?: string;
 }
 export declare function usePluginContext(): PexipEngagePluginContextProps;
 export declare const PexipEngagePluginProvider: import("react").Provider<PexipEngagePluginContextProps>;
-//# sourceMappingURL=PexipEngageContext.d.ts.map
+//# sourceMappingURL=PexipEngageContext.d.ts.map

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,20 +1,12 @@
-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;
-  fallback?: React.ReactElement<unknown, string | React.FunctionComponent> | null;
-  className?: string;
-  id?: string;
-  style?: React.CSSProperties;
+    onInstanceChange?: (instance: PluginInstance | null) => unknown;
+    fallback?: React.ReactElement<unknown, string | React.FunctionComponent> | null;
+    className?: string;
+    id?: string;
+    style?: React.CSSProperties;
 }
-export declare function PexipEngagePlugin({
-  className,
-  fallback,
-  id,
-  onInstanceChange,
-  scriptSrc,
-  style,
-  ...config
-}: PexipEngagePluginProps): import("react/jsx-runtime").JSX.Element;
+export declare function PexipEngagePlugin({ className, fallback, id, onInstanceChange, scriptSrc, style, ...config }: PexipEngagePluginProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=PexipEngagePlugin.d.ts.map
+//# sourceMappingURL=PexipEngagePlugin.d.ts.map

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";
-//# sourceMappingURL=index.d.ts.map
+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,8 +1,8 @@
-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";
+    Plugin: typeof PluginStatic | null;
+    status: "pending" | "success" | "failed";
 }
 export declare function usePexipEngagePlugin(scriptSrc?: string): UsePluginResult;
 export {};
-//# sourceMappingURL=usePexipEngagePlugin.d.ts.map
+//# sourceMappingURL=usePexipEngagePlugin.d.ts.map

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/dist/usePluginConfiguration.d.ts

@@ -1,5 +1,3 @@
 import { type PexipEngagePluginContextProps } from "./PexipEngageContext.js";
-export declare function usePluginConfiguration(
-  overrideConfiguration: PexipEngagePluginContextProps,
-): PexipEngagePluginContextProps;
-//# sourceMappingURL=usePluginConfiguration.d.ts.map
+export declare function usePluginConfiguration(overrideConfiguration: PexipEngagePluginContextProps): PexipEngagePluginContextProps;
+//# sourceMappingURL=usePluginConfiguration.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pexip-engage-public/plugin-react",
-  "version": "2.0.0-canary-20231025101109",
+  "version": "2.0.1",
   "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-20231025101109",
-    "@pexip-engage-public/plugin-configuration-parser": "2.0.0-canary-20231025101109"
+    "@pexip-engage-public/plugin": "1.0.1"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^2.1.2",
-    "eslint-config-pexip-engage": "0.0.41-canary-20231025101109",
-    "@pexip-engage/tsconfig": "0.0.10-canary-20231025101109"
+    "@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,187 +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,
-};