@pexip-engage-public/plugin-react 2.2.0 → 2.2.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @pexip-engage-public/plugin-react
 
+## 2.2.2
+
+### Patch Changes
+
+- a21fb3f: chore: allow overriding instance url of a plugin instance
+- Updated dependencies [a21fb3f]
+  - @pexip-engage-public/plugin@1.3.2
+
+## 2.2.1
+
+### Patch Changes
+
+- Updated dependencies [e15c1cc]
+  - @pexip-engage-public/plugin@1.3.1
+
 ## 2.2.0
 
 ### Minor Changes

package/dist/PexipEngagePlugin.d.ts

@@ -7,6 +7,6 @@ interface PexipEngagePluginProps extends PexipEngagePluginContextProps {
     id?: string;
     style?: React.CSSProperties;
 }
-export declare function PexipEngagePlugin({ className, fallback, id, onInstanceChange: _onInstanceChange, scriptSrc, style, children, ...config }: React.PropsWithChildren<PexipEngagePluginProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PexipEngagePlugin({ className, fallback, id, onInstanceChange: _onInstanceChange, style, children, ...config }: React.PropsWithChildren<PexipEngagePluginProps>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PexipEngagePlugin.d.ts.map

package/dist/PexipEngagePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PexipEngagePlugin.d.ts","sourceRoot":"","sources":["../src/PexipEngagePlugin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAG3E,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AAI7E,UAAU,sBAAuB,SAAQ,6BAA6B;IACpE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,KAAK,OAAO,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAGD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,EAAE,EACF,gBAAgB,EAAE,iBAAwB,EAC1C,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,2CAiCjD"}
+{"version":3,"file":"PexipEngagePlugin.d.ts","sourceRoot":"","sources":["../src/PexipEngagePlugin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAG3E,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AAI7E,UAAU,sBAAuB,SAAQ,6BAA6B;IACpE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,KAAK,OAAO,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAGD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,EAAE,EACF,gBAAgB,EAAE,iBAAwB,EAC1C,KAAK,EACL,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,2CAyCjD"}

package/dist/PexipEngagePlugin.js

@@ -4,14 +4,20 @@ import { isValidElement, useEffect, useRef } from "react";
 import { usePexipEngagePlugin } from "./usePexipEngagePlugin.js";
 import { usePluginConfiguration } from "./usePluginConfiguration.js";
 function NOOP() { }
-export function PexipEngagePlugin({ className, fallback, id, onInstanceChange: _onInstanceChange = NOOP, scriptSrc, style, children, ...config }) {
-    const { Plugin, status } = usePexipEngagePlugin(scriptSrc);
+export function PexipEngagePlugin({ className, fallback, id, onInstanceChange: _onInstanceChange = NOOP, style, children, ...config }) {
     const options = usePluginConfiguration(config);
+    const { Plugin, status } = usePexipEngagePlugin(options.scriptSrc);
     const containerRef = useRef(null);
     const onInstanceChange = useRefEffectEvent(_onInstanceChange);
     useEffect(() => {
         if (Plugin && containerRef.current) {
-            const instance = new Plugin(containerRef.current, { config: options });
+            let instanceUrl;
+            if (options.scriptSrc) {
+                const url = new URL(options.scriptSrc);
+                const enterprise = url.pathname.split("/")[1];
+                instanceUrl = `${url.origin}/${enterprise}`;
+            }
+            const instance = new Plugin(containerRef.current, { config: options }, instanceUrl);
             onInstanceChange(instance);
             return () => {
                 instance.dispose();

package/dist/PexipEngagePlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"PexipEngagePlugin.js","sourceRoot":"","sources":["../src/PexipEngagePlugin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAUrE,SAAS,IAAI,GAAG,EAAC,CAAC;AAClB,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,EAAE,EACF,gBAAgB,EAAE,iBAAiB,GAAG,IAAI,EAC1C,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,MAAM,EACuC,EAAE;IAClD,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,MAAM,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACnC,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;YACvE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YAE3B,OAAO,GAAG,EAAE,CAAC;gBACX,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACnB,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAAA,CACxB,CAAC;QACJ,CAAC;IAAA,CACF,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAExC,IAAI,MAAM,KAAK,QAAQ,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QACpD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAE,SAAS,0BACC,OAAO,EAC5B,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,CACP,CAAC;AAAA,CACH"}
+{"version":3,"file":"PexipEngagePlugin.js","sourceRoot":"","sources":["../src/PexipEngagePlugin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAUrE,SAAS,IAAI,GAAG,EAAC,CAAC;AAClB,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,EAAE,EACF,gBAAgB,EAAE,iBAAiB,GAAG,IAAI,EAC1C,KAAK,EACL,QAAQ,EACR,GAAG,MAAM,EACuC,EAAE;IAClD,MAAM,OAAO,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IACnE,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,MAAM,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACnC,IAAI,WAA+B,CAAC;YACpC,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;gBACtB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;gBACvC,MAAM,UAAU,GAAG,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;gBAE9C,WAAW,GAAG,GAAG,GAAG,CAAC,MAAM,IAAI,UAAU,EAAE,CAAC;YAC9C,CAAC;YAED,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,WAAW,CAAC,CAAC;YACpF,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YAE3B,OAAO,GAAG,EAAE,CAAC;gBACX,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACnB,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAAA,CACxB,CAAC;QACJ,CAAC;IAAA,CACF,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAExC,IAAI,MAAM,KAAK,QAAQ,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QACpD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAE,SAAS,0BACC,OAAO,EAC5B,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,CACP,CAAC;AAAA,CACH"}

package/dist/index.d.ts

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

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAC3E,YAAY,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAC3E,YAAY,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AAC7E,YAAY,EAAE,6BAA6B,IAAI,8BAA8B,EAAE,MAAM,yBAAyB,CAAC;AAC/G,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pexip-engage-public/plugin-react",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "React wrapper component for the Pexip Engage Plugin",
   "homepage": "https://github.com/skedify/frontend-mono/tree/develop/apps/booking-plugin/packages/plugin-react#readme",
   "bugs": {
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "deepmerge": "^4.3.1",
-    "@pexip-engage-public/plugin": "1.3.0",
-    "@pexip-engage-public/utils": "0.2.0"
+    "@pexip-engage-public/utils": "0.2.0",
+    "@pexip-engage-public/plugin": "1.3.2"
   },
   "devDependencies": {
     "@pexip-engage/tsconfig": "0.1.1"

package/src/PexipEngagePlugin.tsx

@@ -19,19 +19,26 @@ export function PexipEngagePlugin({
   fallback,
   id,
   onInstanceChange: _onInstanceChange = NOOP,
-  scriptSrc,
   style,
   children,
   ...config
 }: React.PropsWithChildren<PexipEngagePluginProps>) {
-  const { Plugin, status } = usePexipEngagePlugin(scriptSrc);
   const options = usePluginConfiguration(config);
+  const { Plugin, status } = usePexipEngagePlugin(options.scriptSrc);
   const containerRef = useRef<HTMLDivElement>(null);
   const onInstanceChange = useRefEffectEvent(_onInstanceChange);
 
   useEffect(() => {
     if (Plugin && containerRef.current) {
-      const instance = new Plugin(containerRef.current, { config: options });
+      let instanceUrl: string | undefined;
+      if (options.scriptSrc) {
+        const url = new URL(options.scriptSrc);
+        const enterprise = url.pathname.split("/")[1];
+
+        instanceUrl = `${url.origin}/${enterprise}`;
+      }
+
+      const instance = new Plugin(containerRef.current, { config: options }, instanceUrl);
       onInstanceChange(instance);
 
       return () => {

package/src/index.tsx

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