@upscopeio/react 1.0.3 → 1.0.5

package/index.js

@@ -1,17 +1,17 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import UpscopeSDK from '@upscopeio/sdk';
-import { useEffect, useState } from 'react';
+import UpscopeSDK from "@upscopeio/sdk";
+import { useEffect } from "react";
 const Upscope = function ({ children, ...props }) {
-    const [initiated, setInitiated] = useState(false);
     const keys = Object.keys(props).sort((a, b) => a.localeCompare(b));
     const values = keys.map((key) => props[key]);
     useEffect(() => {
+        const initiated = sessionStorage.getItem("upscope__initiated") === "true";
         if (initiated) {
-            UpscopeSDK('updateConnection', props);
+            UpscopeSDK("updateConnection", props);
         }
         else {
-            UpscopeSDK('init', props);
-            setInitiated(true);
+            UpscopeSDK("init", props);
+            sessionStorage.setItem("upscope__initiated", "true");
         }
     }, values);
     return children;
@@ -27,7 +27,7 @@ export function Masked({ children }) {
             }
         }
     }, [children]);
-    return (_jsx(_Fragment, { children: children }));
+    return _jsx(_Fragment, { children: children });
 }
 export function NoRemoteControl({ children }) {
     useEffect(() => {
@@ -39,5 +39,5 @@ export function NoRemoteControl({ children }) {
             }
         }
     }, [children]);
-    return (_jsx(_Fragment, { children: children }));
+    return _jsx(_Fragment, { children: children });
 }

package/index.tsx

@@ -1,29 +1,29 @@
-import type {CobrowsingSdkConfiguration, Upscope} from '@upscopeio/sdk';
-import type {ReactNode} from 'react';
-import UpscopeSDK from '@upscopeio/sdk';
-import React, {useEffect, useState} from 'react';
+import type { CobrowsingSdkConfiguration, Upscope } from "@upscopeio/sdk";
+import type { ReactNode } from "react";
+import UpscopeSDK from "@upscopeio/sdk";
+import React, { useEffect } from "react";
 
 type Child = ReactNode & {
   __upscopeMasked?: boolean;
   __upscopeNoRemoteControl?: boolean;
 };
 
-type Children = {children: Child};
+type Children = { children: Child };
 
 type Props = Children & Partial<CobrowsingSdkConfiguration>;
 
-
-const Upscope: React.FC<Props> = function({children, ...props}: Props) {
-  const [initiated, setInitiated] = useState(false);
+const Upscope: React.FC<Props> = function ({ children, ...props }: Props) {
   const keys = Object.keys(props).sort((a, b) => a.localeCompare(b)) as (keyof CobrowsingSdkConfiguration)[];
   const values: unknown[] = keys.map((key: keyof CobrowsingSdkConfiguration) => props[key] as unknown);
 
   useEffect(() => {
+    const initiated = sessionStorage.getItem("upscope__initiated") === "true";
+
     if (initiated) {
-      (UpscopeSDK as Upscope)('updateConnection', props);
+      (UpscopeSDK as Upscope)("updateConnection", props);
     } else {
-      (UpscopeSDK as Upscope)('init', props);
-      setInitiated(true);
+      (UpscopeSDK as Upscope)("init", props);
+      sessionStorage.setItem("upscope__initiated", "true");
     }
   }, values);
 
@@ -31,8 +31,7 @@ const Upscope: React.FC<Props> = function({children, ...props}: Props) {
 };
 export default Upscope;
 
-
-export function Masked({children}: Children): ReactNode {
+export function Masked({ children }: Children): ReactNode {
   useEffect(() => {
     if (children) {
       children.__upscopeMasked = true;
@@ -42,15 +41,10 @@ export function Masked({children}: Children): ReactNode {
       }
     }
   }, [children]);
-  return (
-    <>
-      {children}
-    </>
-  );
+  return <>{children}</>;
 }
 
-
-export function NoRemoteControl({children}: Children): ReactNode {
+export function NoRemoteControl({ children }: Children): ReactNode {
   useEffect(() => {
     if (children) {
       children.__upscopeNoRemoteControl = true;
@@ -60,9 +54,5 @@ export function NoRemoteControl({children}: Children): ReactNode {
       }
     }
   }, [children]);
-  return (
-    <>
-      {children}
-    </>
-  );
+  return <>{children}</>;
 }

package/package.json

@@ -1,16 +1,13 @@
 {
   "name": "@upscopeio/react",
   "main": "index.js",
-  "type": "module",
   "dependencies": {
-    "@upscopeio/sdk": "1.0.3"
-  },
-  "peerDependencies": {
+    "@upscopeio/sdk": "1.0.5",
     "react": "^18.2.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.14",
     "typescript": "^5.1.6"
   },
-  "version": "1.0.3"
+  "version": "1.0.5"
 }