@icanbwell/native-components 3.0.0 → 3.1.0

package/index.js

@@ -1911,13 +1911,15 @@ const htmlTemplate = props => {
 const scriptTemplate = ({
   clientKey,
   userToken: initialUserToken,
-  initialPath
+  initialPath,
+  telemetry
 }) => `
   (async function init() {
     ${initialPath ? `window.location.hash = "${initialPath}";` : ''}
     window.bwell.init(${JSON.stringify({
   clientKey,
-  initialUserToken
+  initialUserToken,
+  telemetry
 })})
   })();
   `;
@@ -1945,7 +1947,8 @@ function createSource({
   name,
   clientKey,
   userToken,
-  initialPath
+  initialPath,
+  telemetry
 }) {
   if (!uri) {
     const html = htmlTemplate({
@@ -1953,7 +1956,8 @@ function createSource({
       webcomponent: `<bwell-${name} id=${WEB_COMPONENT_ID} loading />`,
       clientKey,
       userToken,
-      initialPath
+      initialPath,
+      telemetry
     });
     return {
       html
@@ -1974,7 +1978,8 @@ const ComponentView = ({
   clientKey,
   userToken,
   path,
-  initialPath
+  initialPath,
+  telemetry
 }) => {
   if (_authStrategy === 'jwe' && !userToken) {
     throw new Error('"userToken" required with JWE based authentication strategy.');
@@ -1993,10 +1998,11 @@ const ComponentView = ({
     name,
     clientKey,
     userToken,
-    initialPath
+    initialPath,
+    telemetry
   })), {
     baseUrl: `https://mobile.${ORIGIN}/`
-  }), [uri, version, name, clientKey, userToken, initialPath]);
+  }), [uri, version, name, clientKey, userToken, initialPath, telemetry]);
   const invoke = useMemo(() => createInvoke(() => webviewRef.current), []);
   const {
     eventEmitter
@@ -2125,10 +2131,11 @@ const ComponentView = ({
   }, []);
   useEffect(() => {
     var _a;
-    if (path && webviewLoaded) {
-      const script = `window.location.hash = '#${path}';
+    if ((path === null || path === void 0 ? void 0 : path.value) && webviewLoaded) {
+      const script = `window.location.hash = '#${path.value}';
         window.history.pushState({}, '', window.location.hash);`;
       (_a = webviewRef.current) === null || _a === void 0 ? void 0 : _a.injectJavaScript(script);
+      path.onResetValue();
     }
   }, [path, webviewLoaded]);
   return /*#__PURE__*/jsxs(Fragment, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icanbwell/native-components",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "typedoc": {
     "entryPoint": "./src/index.ts",
     "tsconfig": "./tsconfig.lib.json"
@@ -11,16 +11,16 @@
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-native-webview": "11.x"
   },
-  "repoVersion": "8.0.0",
-  "description": "@icanbwell/native-components. repo version: 8.0.0",
+  "repoVersion": "8.11.0",
+  "description": "@icanbwell/native-components. repo version: 8.11.0",
   "module": "./index.js",
   "main": "./index.js",
   "type": "module",
   "types": "./src/index.d.ts",
   "dependencies": {
-    "@icanbwell/native-plugins": "4.0.0",
+    "@icanbwell/native-plugins": "4.1.0",
     "@icanbwell/react-native-webview-invoke": "0.6.2",
-    "@icanbwell/types": "4.0.0",
+    "@icanbwell/types": "4.1.0",
     "lodash.noop": "3.0.1"
   }
 }

package/src/ComponentView/htmlTemplate.d.ts

@@ -1,14 +1,17 @@
+import { Telemetry } from '@icanbwell/types';
 export type HtmlTemplateProps = {
     script: string;
     webcomponent: string;
     clientKey: string;
     userToken?: string;
     initialPath?: string;
+    telemetry?: Telemetry;
 };
 export declare const htmlTemplate: (props: HtmlTemplateProps) => string;
 export type ScriptTemplateProps = {
     clientKey: string;
     userToken?: string;
     initialPath?: string;
+    telemetry?: Telemetry;
 };
-export declare const scriptTemplate: ({ clientKey, userToken: initialUserToken, initialPath }: ScriptTemplateProps) => string;
+export declare const scriptTemplate: ({ clientKey, userToken: initialUserToken, initialPath, telemetry, }: ScriptTemplateProps) => string;