@archbee/app-widget 1.1.25 → 1.1.26

package/README.md

@@ -106,6 +106,7 @@ ReactDOM.render(<App />, appElement);
 | `widgetType`      | `docs \| search`   | `optional` | Default value is `docs`. This opens the widget with the desired behaviour. ` docs`` type will open the widget with the default behaviour,  `search` will open a search widget bar that shows a search bar with AI support (if included in your subscription) |
 | `bubble`          | `ask \| invisible` | `optional` | Default value is `invisible`. This prop will display an ask bubble in the bottom-right of your screen. Whenever someone clicks on it, the search widget will open.                                                                                           |
 | `loadingStrategy` | `eager \| lazy`    | `optional` | Default value is `lazy`. While `lazy` loading delays the initialization of a resource, `eager` loading initializes or loads the widget as soon as the code is executed.                                                                                      |
+| `anchor`          | `string`           | `optional` | You can provide your `class`, `id` or `path` to a DOM element where you would like the widget to anchor and instantiate. The container provided should have `position: relative` as the widget will be displayed based on the first relative parent found.   |
 | `onWidgetOpen`    | `void`             | `optional` | Callback that is called after widget opens.                                                                                                                                                                                                                  |
 | `onWidgetClose`   | `void`             | `optional` | Callback that is called after widget closes.                                                                                                                                                                                                                 |
 

package/index.esm.js

@@ -2,47 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import React, { forwardRef, useRef, useMemo, useImperativeHandle } from 'react';
 import ReactDOM from 'react-dom';
 
-const initScripts = () => {
-  var _a;
-  const widgetcsslink = document.createElement('link');
-  const link = document.getElementsByTagName('link')[0];
-  const mainurl = "https://widget.archbee.com/v1";
-  widgetcsslink['rel'] = 'stylesheet';
-  widgetcsslink['href'] = `${mainurl}/main.css`;
-  if (!link) {
-    document.getElementsByTagName('head')[0].append(widgetcsslink);
-  }
-  (_a = link === null || link === void 0 ? void 0 : link.parentNode) === null || _a === void 0 ? void 0 : _a.appendChild(widgetcsslink);
-};
-const initJsScripts = loadingStrategy => {
-  var _a;
-  const mainUrl = "https://widget.archbee.com/v1";
-  let scripttag = document.createElement('script');
-  scripttag['async'] = loadingStrategy === 'lazy';
-  scripttag['src'] = `${mainUrl}/main.js`;
-  const script = document.getElementsByTagName('script')[0];
-  (_a = script === null || script === void 0 ? void 0 : script.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(scripttag, script);
-};
-const createArchbeeWidget = (spaceId, jwt, shareableToken, loadingStrategy = 'lazy', bubble = 'invisible') => {
-  if (!window._archbee) {
-    window._archbee = window._archbee || {
-      queue: [],
-      push: function (event) {
-        window._archbee.queue.push(event);
-      }
-    };
-    window._archbee.push({
-      eventType: 'init',
-      spaceId,
-      jwt,
-      shareableToken,
-      bubble
-    });
-    initJsScripts(loadingStrategy);
-  }
-  return window._archbee;
-};
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var check = function (it) {
@@ -1050,15 +1009,166 @@ var _export = function (options, source) {
   }
 };
 
+var internalObjectKeys = objectKeysInternal;
+var enumBugKeys$1 = enumBugKeys$3;
+
+// `Object.keys` method
+// https://tc39.es/ecma262/#sec-object.keys
+// eslint-disable-next-line es/no-object-keys -- safe
+var objectKeys$2 = Object.keys || function keys(O) {
+  return internalObjectKeys(O, enumBugKeys$1);
+};
+
+var DESCRIPTORS$1 = descriptors;
+var uncurryThis$1 = functionUncurryThis;
+var call$1 = functionCall;
+var fails$3 = fails$c;
+var objectKeys$1 = objectKeys$2;
+var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
+var propertyIsEnumerableModule = objectPropertyIsEnumerable;
+var toObject$1 = toObject$3;
+var IndexedObject = indexedObject;
+
+// eslint-disable-next-line es/no-object-assign -- safe
+var $assign = Object.assign;
+// eslint-disable-next-line es/no-object-defineproperty -- required for testing
+var defineProperty$1 = Object.defineProperty;
+var concat = uncurryThis$1([].concat);
+
+// `Object.assign` method
+// https://tc39.es/ecma262/#sec-object.assign
+var objectAssign = !$assign || fails$3(function () {
+  // should have correct order of operations (Edge bug)
+  if (DESCRIPTORS$1 && $assign({ b: 1 }, $assign(defineProperty$1({}, 'a', {
+    enumerable: true,
+    get: function () {
+      defineProperty$1(this, 'b', {
+        value: 3,
+        enumerable: false
+      });
+    }
+  }), { b: 2 })).b !== 1) return true;
+  // should work with symbols and should have deterministic property order (V8 bug)
+  var A = {};
+  var B = {};
+  // eslint-disable-next-line es/no-symbol -- safe
+  var symbol = Symbol('assign detection');
+  var alphabet = 'abcdefghijklmnopqrst';
+  A[symbol] = 7;
+  alphabet.split('').forEach(function (chr) { B[chr] = chr; });
+  return $assign({}, A)[symbol] !== 7 || objectKeys$1($assign({}, B)).join('') !== alphabet;
+}) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
+  var T = toObject$1(target);
+  var argumentsLength = arguments.length;
+  var index = 1;
+  var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
+  var propertyIsEnumerable = propertyIsEnumerableModule.f;
+  while (argumentsLength > index) {
+    var S = IndexedObject(arguments[index++]);
+    var keys = getOwnPropertySymbols ? concat(objectKeys$1(S), getOwnPropertySymbols(S)) : objectKeys$1(S);
+    var length = keys.length;
+    var j = 0;
+    var key;
+    while (length > j) {
+      key = keys[j++];
+      if (!DESCRIPTORS$1 || call$1(propertyIsEnumerable, S, key)) T[key] = S[key];
+    }
+  } return T;
+} : $assign;
+
+var $$3 = _export;
+var assign = objectAssign;
+
+// `Object.assign` method
+// https://tc39.es/ecma262/#sec-object.assign
+// eslint-disable-next-line es/no-object-assign -- required for testing
+$$3({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
+  assign: assign
+});
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+const initScripts = () => {
+  var _a;
+  const widgetcsslink = document.createElement('link');
+  const link = document.getElementsByTagName('link')[0];
+  const mainurl = "https://widget.archbee.com/v1";
+  widgetcsslink['rel'] = 'stylesheet';
+  widgetcsslink['href'] = `${mainurl}/main.css`;
+  if (!link) {
+    document.getElementsByTagName('head')[0].append(widgetcsslink);
+  }
+  (_a = link === null || link === void 0 ? void 0 : link.parentNode) === null || _a === void 0 ? void 0 : _a.appendChild(widgetcsslink);
+};
+const initJsScripts = loadingStrategy => {
+  var _a;
+  const mainUrl = "https://widget.archbee.com/v1";
+  let scripttag = document.createElement('script');
+  scripttag['async'] = loadingStrategy === 'lazy';
+  scripttag['src'] = `${mainUrl}/main.js`;
+  const script = document.getElementsByTagName('script')[0];
+  (_a = script === null || script === void 0 ? void 0 : script.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(scripttag, script);
+};
+const createArchbeeWidget = (spaceId, jwt, shareableToken, loadingStrategy = 'lazy', bubble = 'invisible', anchor) => {
+  if (!window._archbee) {
+    window._archbee = window._archbee || {
+      queue: [],
+      push: function (event) {
+        window._archbee.queue.push(event);
+      }
+    };
+    window._archbee.push({
+      eventType: 'init',
+      spaceId,
+      jwt,
+      shareableToken,
+      bubble,
+      anchor
+    });
+    initJsScripts(loadingStrategy);
+  }
+  return window._archbee;
+};
+
 var hasOwn$1 = hasOwnProperty_1;
 
 var isDataDescriptor$1 = function (descriptor) {
   return descriptor !== undefined && (hasOwn$1(descriptor, 'value') || hasOwn$1(descriptor, 'writable'));
 };
 
-var fails$3 = fails$c;
+var fails$2 = fails$c;
 
-var correctPrototypeGetter = !fails$3(function () {
+var correctPrototypeGetter = !fails$2(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
   // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
@@ -1067,7 +1177,7 @@ var correctPrototypeGetter = !fails$3(function () {
 
 var hasOwn = hasOwnProperty_1;
 var isCallable$1 = isCallable$c;
-var toObject$1 = toObject$3;
+var toObject = toObject$3;
 var sharedKey$1 = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
@@ -1079,7 +1189,7 @@ var ObjectPrototype = $Object$1.prototype;
 // https://tc39.es/ecma262/#sec-object.getprototypeof
 // eslint-disable-next-line es/no-object-getprototypeof -- safe
 var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf : function (O) {
-  var object = toObject$1(O);
+  var object = toObject(O);
   if (hasOwn(object, IE_PROTO$1)) return object[IE_PROTO$1];
   var constructor = object.constructor;
   if (isCallable$1(constructor) && object instanceof constructor) {
@@ -1087,12 +1197,12 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf :
   } return object instanceof $Object$1 ? ObjectPrototype : null;
 };
 
-var $$3 = _export;
-var call$1 = functionCall;
+var $$2 = _export;
+var call = functionCall;
 var anObject$2 = anObject$5;
 var isObject$1 = isObject$7;
 var isDataDescriptor = isDataDescriptor$1;
-var fails$2 = fails$c;
+var fails$1 = fails$c;
 var definePropertyModule$1 = objectDefineProperty;
 var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
 var getPrototypeOf = objectGetPrototypeOf;
@@ -1120,49 +1230,39 @@ function set(target, propertyKey, V /* , receiver */) {
   } else {
     setter = ownDescriptor.set;
     if (setter === undefined) return false;
-    call$1(setter, receiver, V);
+    call(setter, receiver, V);
   } return true;
 }
 
 // MS Edge 17-18 Reflect.set allows setting the property to object
 // with non-writable property on the prototype
-var MS_EDGE_BUG = fails$2(function () {
+var MS_EDGE_BUG = fails$1(function () {
   var Constructor = function () { /* empty */ };
   var object = definePropertyModule$1.f(new Constructor(), 'a', { configurable: true });
   // eslint-disable-next-line es/no-reflect -- required for testing
   return Reflect.set(Constructor.prototype, 'a', 1, object) !== false;
 });
 
-$$3({ target: 'Reflect', stat: true, forced: MS_EDGE_BUG }, {
+$$2({ target: 'Reflect', stat: true, forced: MS_EDGE_BUG }, {
   set: set
 });
 
 var objectDefineProperties = {};
 
-var internalObjectKeys = objectKeysInternal;
-var enumBugKeys$1 = enumBugKeys$3;
-
-// `Object.keys` method
-// https://tc39.es/ecma262/#sec-object.keys
-// eslint-disable-next-line es/no-object-keys -- safe
-var objectKeys$2 = Object.keys || function keys(O) {
-  return internalObjectKeys(O, enumBugKeys$1);
-};
-
-var DESCRIPTORS$1 = descriptors;
+var DESCRIPTORS = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
 var definePropertyModule = objectDefineProperty;
 var anObject$1 = anObject$5;
 var toIndexedObject = toIndexedObject$4;
-var objectKeys$1 = objectKeys$2;
+var objectKeys = objectKeys$2;
 
 // `Object.defineProperties` method
 // https://tc39.es/ecma262/#sec-object.defineproperties
 // eslint-disable-next-line es/no-object-defineproperties -- safe
-objectDefineProperties.f = DESCRIPTORS$1 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
+objectDefineProperties.f = DESCRIPTORS && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
   anObject$1(O);
   var props = toIndexedObject(Properties);
-  var keys = objectKeys$1(Properties);
+  var keys = objectKeys(Properties);
   var length = keys.length;
   var index = 0;
   var key;
@@ -1260,7 +1360,7 @@ var objectCreate = Object.create || function create(O, Properties) {
 
 var wellKnownSymbol$4 = wellKnownSymbol$6;
 var create = objectCreate;
-var defineProperty$1 = objectDefineProperty.f;
+var defineProperty = objectDefineProperty.f;
 
 var UNSCOPABLES = wellKnownSymbol$4('unscopables');
 var ArrayPrototype = Array.prototype;
@@ -1268,7 +1368,7 @@ var ArrayPrototype = Array.prototype;
 // Array.prototype[@@unscopables]
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 if (ArrayPrototype[UNSCOPABLES] === undefined) {
-  defineProperty$1(ArrayPrototype, UNSCOPABLES, {
+  defineProperty(ArrayPrototype, UNSCOPABLES, {
     configurable: true,
     value: create(null)
   });
@@ -1279,20 +1379,20 @@ var addToUnscopables$1 = function (key) {
   ArrayPrototype[UNSCOPABLES][key] = true;
 };
 
-var $$2 = _export;
+var $$1 = _export;
 var $includes = arrayIncludes.includes;
-var fails$1 = fails$c;
+var fails = fails$c;
 var addToUnscopables = addToUnscopables$1;
 
 // FF99+ bug
-var BROKEN_ON_SPARSE = fails$1(function () {
+var BROKEN_ON_SPARSE = fails(function () {
   // eslint-disable-next-line es/no-array-prototype-includes -- detection
   return !Array(1).includes();
 });
 
 // `Array.prototype.includes` method
 // https://tc39.es/ecma262/#sec-array.prototype.includes
-$$2({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+$$1({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
   includes: function includes(el /* , fromIndex = 0 */) {
     return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -1388,18 +1488,18 @@ var correctIsRegexpLogic = function (METHOD_NAME) {
   } return false;
 };
 
-var $$1 = _export;
-var uncurryThis$1 = functionUncurryThis;
+var $ = _export;
+var uncurryThis = functionUncurryThis;
 var notARegExp = notARegexp;
 var requireObjectCoercible = requireObjectCoercible$3;
 var toString = toString$1;
 var correctIsRegExpLogic = correctIsRegexpLogic;
 
-var stringIndexOf = uncurryThis$1(''.indexOf);
+var stringIndexOf = uncurryThis(''.indexOf);
 
 // `String.prototype.includes` method
 // https://tc39.es/ecma262/#sec-string.prototype.includes
-$$1({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+$({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
   includes: function includes(searchString /* , position = 0 */) {
     return !!~stringIndexOf(
       toString(requireObjectCoercible(this)),
@@ -1425,101 +1525,43 @@ const hideWidgetEvent = () => {
   return new CustomEvent(EVENT_TYPE_ENUM.hideWidget);
 };
 
-const render = (component, cb) => {
+const render = (component, createContainer, cb) => {
+  createContainer();
   const element = document.getElementsByClassName('ab-widget')[0];
   ReactDOM.render(jsx(React.StrictMode, {
     children: component
   }), element, () => cb && cb(element));
 };
 
-var DESCRIPTORS = descriptors;
-var uncurryThis = functionUncurryThis;
-var call = functionCall;
-var fails = fails$c;
-var objectKeys = objectKeys$2;
-var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
-var propertyIsEnumerableModule = objectPropertyIsEnumerable;
-var toObject = toObject$3;
-var IndexedObject = indexedObject;
-
-// eslint-disable-next-line es/no-object-assign -- safe
-var $assign = Object.assign;
-// eslint-disable-next-line es/no-object-defineproperty -- required for testing
-var defineProperty = Object.defineProperty;
-var concat = uncurryThis([].concat);
-
-// `Object.assign` method
-// https://tc39.es/ecma262/#sec-object.assign
-var objectAssign = !$assign || fails(function () {
-  // should have correct order of operations (Edge bug)
-  if (DESCRIPTORS && $assign({ b: 1 }, $assign(defineProperty({}, 'a', {
-    enumerable: true,
-    get: function () {
-      defineProperty(this, 'b', {
-        value: 3,
-        enumerable: false
-      });
-    }
-  }), { b: 2 })).b !== 1) return true;
-  // should work with symbols and should have deterministic property order (V8 bug)
-  var A = {};
-  var B = {};
-  // eslint-disable-next-line es/no-symbol -- safe
-  var symbol = Symbol('assign detection');
-  var alphabet = 'abcdefghijklmnopqrst';
-  A[symbol] = 7;
-  alphabet.split('').forEach(function (chr) { B[chr] = chr; });
-  return $assign({}, A)[symbol] !== 7 || objectKeys($assign({}, B)).join('') !== alphabet;
-}) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
-  var T = toObject(target);
-  var argumentsLength = arguments.length;
-  var index = 1;
-  var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
-  var propertyIsEnumerable = propertyIsEnumerableModule.f;
-  while (argumentsLength > index) {
-    var S = IndexedObject(arguments[index++]);
-    var keys = getOwnPropertySymbols ? concat(objectKeys(S), getOwnPropertySymbols(S)) : objectKeys(S);
-    var length = keys.length;
-    var j = 0;
-    var key;
-    while (length > j) {
-      key = keys[j++];
-      if (!DESCRIPTORS || call(propertyIsEnumerable, S, key)) T[key] = S[key];
-    }
-  } return T;
-} : $assign;
-
-var $ = _export;
-var assign = objectAssign;
-
-// `Object.assign` method
-// https://tc39.es/ecma262/#sec-object.assign
-// eslint-disable-next-line es/no-object-assign -- required for testing
-$({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
-  assign: assign
-});
-
 const setWidget = widget => {
   window._archbee.widget = Object.assign({}, widget);
   window._archbee.widget.isOpen = false;
 };
 const loadWidget = (widg, render) => {
+  var _a;
   if (typeof document.addEventListener !== 'function') {
     return;
   }
-  window._archbee.widget = Object.assign(Object.assign({}, window._archbee.widget), widg);
+  window._archbee.widget = Object.assign(Object.assign({}, (_a = window._archbee) === null || _a === void 0 ? void 0 : _a.widget), widg);
   try {
-    render(widg.onRenderFinish);
+    render(createContainer, widg.onRenderFinish);
   } catch (err) {
     console.log(err);
   }
 };
 const createContainer = () => {
+  var _a, _b, _c, _d;
   if (document.getElementsByClassName('ab-widget').length) return;
   const abDiv = document.createElement('div');
   abDiv.style.cssText = 'visibility:hidden';
   abDiv.className = `ab-widget ab-id-${Date.now()}`;
-  document.body.appendChild(abDiv);
+  if (!((_b = (_a = window._archbee) === null || _a === void 0 ? void 0 : _a.widget) === null || _b === void 0 ? void 0 : _b.anchor)) {
+    document.body.appendChild(abDiv);
+    return;
+  }
+  const anchor = document.querySelector((_d = (_c = window._archbee) === null || _c === void 0 ? void 0 : _c.widget) === null || _d === void 0 ? void 0 : _d.anchor);
+  if (!anchor) return;
+  anchor.appendChild(abDiv);
 };
 
 const registerProxy = component => {
@@ -1584,25 +1626,28 @@ const iterateProxy = (proxy, component) => {
   });
 };
 
-const ArchbeeAppWidget = /*#__PURE__*/forwardRef(({
-  className,
-  spaceId,
-  jwt,
-  shareableToken,
-  docId,
-  blockId,
-  widgetType: _widgetType = 'docs',
-  loadingStrategy: _loadingStrategy = 'lazy',
-  onWidgetOpen,
-  onWidgetClose,
-  bubble,
-  children
-}, ref) => {
+const ArchbeeAppWidget = /*#__PURE__*/forwardRef((_a, ref) => {
+  var {
+      className,
+      spaceId,
+      jwt,
+      shareableToken,
+      docId,
+      blockId,
+      widgetType = 'docs',
+      loadingStrategy = 'lazy',
+      onWidgetOpen,
+      onWidgetClose,
+      bubble,
+      anchor,
+      children
+    } = _a,
+    rest = __rest(_a, ["className", "spaceId", "jwt", "shareableToken", "docId", "blockId", "widgetType", "loadingStrategy", "onWidgetOpen", "onWidgetClose", "bubble", "anchor", "children"]);
   const elementRef = useRef(null);
   const widgetInstance = useMemo(() => {
     if (typeof window === 'undefined') return;
-    return createArchbeeWidget(spaceId, jwt, shareableToken, _loadingStrategy, bubble);
-  }, [spaceId, jwt, shareableToken, _loadingStrategy, bubble]);
+    return createArchbeeWidget(spaceId, jwt, shareableToken, loadingStrategy, bubble, anchor);
+  }, [spaceId, jwt, shareableToken, loadingStrategy, bubble]);
   useImperativeHandle(ref, () => {
     return {
       open: onOpenWidget,
@@ -1613,7 +1658,7 @@ const ArchbeeAppWidget = /*#__PURE__*/forwardRef(({
   const onOpenWidget = () => {
     widgetInstance === null || widgetInstance === void 0 ? void 0 : widgetInstance.push({
       eventType: 'show-widget',
-      widgetType: _widgetType,
+      widgetType,
       docId,
       blockId
     });
@@ -1632,12 +1677,13 @@ const ArchbeeAppWidget = /*#__PURE__*/forwardRef(({
       onOpenWidget();
     }
   };
-  return jsx("div", {
+  return jsx("div", Object.assign({
     className: className !== null && className !== void 0 ? className : '',
     ref: elementRef,
-    onClick: onElementClicked,
+    onClick: onElementClicked
+  }, rest, {
     children: children
-  });
+  }));
 });
 
 export { ArchbeeAppWidget, EVENT_TYPE_ENUM, EVENT_TYPE_LIST, createArchbeeWidget, createContainer, hideWidgetEvent, initJsScripts, initScripts, iterateProxy, loadWidget, registerProxy, render, setWidget, showWidgetEvent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbee/app-widget",
-  "version": "1.1.25",
+  "version": "1.1.26",
   "private": false,
   "license": "UNLICENSED",
   "author": {

package/src/lib/main.d.ts

@@ -1,26 +1,19 @@
-import { AbWidgetRef, BubbleType, WidgetType } from './types';
-type Props = {
+import { HTMLAttributes } from 'react';
+import { AbWidgetData, AbWidgetRef } from './types';
+type CommonWidgetData = Omit<AbWidgetData, 'spaceId' | 'isOpen' | 'eventType' | 'collectionId' | 'onRenderFinish' | 'hasExecuted'>;
+export declare const ArchbeeAppWidget: import("react").ForwardRefExoticComponent<{
     spaceId: string;
-    docId?: string;
-    jwt?: string;
-    className?: string;
-    shareableToken?: string;
-    widgetType: WidgetType;
-    bubble?: BubbleType;
-    blockId?: string;
     user?: {
-        id: string;
-        email?: string;
-        first_name?: string;
-        last_name?: string;
-        profile_image_url?: string;
         [key: string]: any;
-    };
-    loadingStrategy?: 'eager' | 'lazy';
-    onWidgetOpen?: Function;
-    onWidgetClose?: Function;
-};
-export declare const ArchbeeAppWidget: import("react").ForwardRefExoticComponent<Props & {
+        id: string;
+        email?: string | undefined;
+        first_name?: string | undefined;
+        last_name?: string | undefined;
+        profile_image_url?: string | undefined;
+    } | undefined;
+    onWidgetOpen?: Function | undefined;
+    onWidgetClose?: Function | undefined;
+} & CommonWidgetData & HTMLAttributes<HTMLDivElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<AbWidgetRef>>;
 export {};

package/src/lib/scripts/initScripts.d.ts

@@ -1,4 +1,4 @@
 import type { BubbleType, LoadingStrategy } from '../types';
 export declare const initScripts: () => void;
 export declare const initJsScripts: (loadingStrategy: LoadingStrategy) => void;
-export declare const createArchbeeWidget: (spaceId: string, jwt?: string, shareableToken?: string, loadingStrategy?: LoadingStrategy, bubble?: BubbleType) => any;
+export declare const createArchbeeWidget: (spaceId: string, jwt?: string, shareableToken?: string, loadingStrategy?: LoadingStrategy, bubble?: BubbleType, anchor?: string) => any;

package/src/lib/scripts/render.d.ts

@@ -1 +1 @@
-export declare const render: (component: JSX.Element, cb?: Function) => void;
+export declare const render: (component: JSX.Element, createContainer: Function, cb?: Function) => void;

package/src/lib/types.d.ts

@@ -18,14 +18,14 @@ export interface AbWidgetData {
     docId?: string;
     blockId?: string;
     isOpen: boolean;
-    selector: string;
-    origin?: string;
     onRenderFinish?: Function;
     hasExecuted: boolean;
     jwt?: string;
     shareableToken?: string;
     widgetType?: WidgetType;
     bubble?: BubbleType;
+    anchor?: string;
+    loadingStrategy?: LoadingStrategy;
 }
 type AbWidgetActionType = 'ab-doc-open' | 'ab-doc-close';
 export interface AbWidgetAction {