@archbee/app-widget 1.1.4 → 1.1.6

package/index.js

@@ -30,6 +30,25 @@ const $7d0ac34aa5949d25$export$15a92cf792322942 = {
 };
 
 
+
+
+const $01068657cf84c1f4$export$a966859aef4647ca = ({ className: className, size: size = 24 })=>/*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("svg", {
+        className: className,
+        width: size,
+        height: size,
+        viewBox: "0 0 40 40",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("path", {
+            d: "M25 15L15 25M15 15L25 25",
+            stroke: "currentColor",
+            strokeWidth: "1.66667",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+        })
+    });
+
+
 const $24a1ab1d9e5e268a$export$7428da3cfb78ae6 = ({ onClose: onClose })=>{
     const eventStopPropagation = (event)=>{
         event.preventDefault();
@@ -42,6 +61,13 @@ const $24a1ab1d9e5e268a$export$7428da3cfb78ae6 = ({ onClose: onClose })=>{
             onClick: eventStopPropagation,
             className: "ab-doc-loader",
             children: [
+                /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
+                    onClick: onClose,
+                    className: "ab-doc-close",
+                    children: /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)((0, $01068657cf84c1f4$export$a966859aef4647ca), {
+                        size: 50
+                    })
+                }),
                 /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
                     className: "ab-rounded ab-gray w-1/2 mb-4",
                     style: {
@@ -130,6 +156,7 @@ const $24a1ab1d9e5e268a$export$7428da3cfb78ae6 = ({ onClose: onClose })=>{
 
 
 
+
 const $671c57dd09bd5436$export$e9f7c27668489a52 = ({ onClose: onClose })=>{
     const eventStopPropagation = (event)=>{
         event.preventDefault();
@@ -138,23 +165,32 @@ const $671c57dd09bd5436$export$e9f7c27668489a52 = ({ onClose: onClose })=>{
     return /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
         onClick: onClose,
         className: "ab-doc-search-container",
-        children: /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
+        children: /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsxs)("div", {
             onClick: eventStopPropagation,
             className: "ab-doc-search-placeholder",
-            children: /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
-                className: "ab-rounded ab-gray",
-                style: {
-                    ...(0, $7d0ac34aa5949d25$export$15a92cf792322942),
-                    height: "3rem",
-                    width: "96%"
-                }
-            })
+            children: [
+                /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
+                    onClick: onClose,
+                    className: "ab-doc-close",
+                    children: /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)((0, $01068657cf84c1f4$export$a966859aef4647ca), {
+                        size: 50
+                    })
+                }),
+                /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
+                    className: "ab-rounded ab-gray",
+                    style: {
+                        ...(0, $7d0ac34aa5949d25$export$15a92cf792322942),
+                        height: "3rem",
+                        width: "96%"
+                    }
+                })
+            ]
         })
     });
 };
 
 
-const $d0b8a7ae25f50023$export$a65e3ebe24ca6cb5 = ({ spaceId: spaceId, docId: docId, screen: screen = "docs", jwt: jwt, shareableToken: shareableToken, onClose: onClose })=>{
+const $d0b8a7ae25f50023$export$a65e3ebe24ca6cb5 = ({ spaceId: spaceId, docId: docId, blockId: blockId, screen: screen = "docs", jwt: jwt, shareableToken: shareableToken, onClose: onClose })=>{
     var _iframeRef_current;
     const iframeRef = (0, $hXgUO$react.useRef)(null);
     const onIframeLoaded = ()=>{
@@ -164,12 +200,13 @@ const $d0b8a7ae25f50023$export$a65e3ebe24ca6cb5 = ({ spaceId: spaceId, docId: do
     };
     (0, $hXgUO$react.useEffect)(()=>{
         if (!iframeRef.current) return;
-        const url = $d0b8a7ae25f50023$var$getIframeUrl(spaceId, docId, jwt, shareableToken, screen);
+        const url = $d0b8a7ae25f50023$var$getIframeUrl(spaceId, docId, blockId, jwt, shareableToken, screen);
         iframeRef.current.src = url;
     }, [
         screen,
         spaceId,
         docId,
+        blockId,
         jwt,
         shareableToken
     ]);
@@ -201,7 +238,7 @@ const $d0b8a7ae25f50023$export$a65e3ebe24ca6cb5 = ({ spaceId: spaceId, docId: do
         ]
     });
 };
-const $d0b8a7ae25f50023$var$getIframeUrl = (spaceId, docId, jwt, shareableToken, screen)=>{
+const $d0b8a7ae25f50023$var$getIframeUrl = (spaceId, docId, blockId, jwt, shareableToken, screen)=>{
     let iframeUrl = `${undefined}/${spaceId}`;
     if (docId) iframeUrl = iframeUrl + `/${docId}`;
     const template = "?template=widget";
@@ -209,6 +246,7 @@ const $d0b8a7ae25f50023$var$getIframeUrl = (spaceId, docId, jwt, shareableToken,
     if (jwt) iframeUrl += `&jwt=${jwt}`;
     if (shareableToken) iframeUrl += `&shareableToken=${shareableToken}`;
     if (screen) iframeUrl += `&initialScreen=${screen}`;
+    if (blockId) iframeUrl = iframeUrl + `#${blockId}`;
     return iframeUrl;
 };
 
@@ -237,12 +275,14 @@ const $5ea18ff364e1e223$export$c6414d05a79532c3 = ()=>{
 const $91b786905c14e19d$export$86fbec116b87613f = ()=>{
     const [isModalOpen, setIsModalOpen] = (0, $hXgUO$react.useState)(false);
     const [docId, setDocId] = (0, $hXgUO$react.useState)();
+    const [blockId, setBlockId] = (0, $hXgUO$react.useState)();
     const [jwt, setJwt] = (0, $hXgUO$react.useState)();
     const [shareableToken, setShareableToken] = (0, $hXgUO$react.useState)();
     const [initialScreen, setInitialScreen] = (0, $hXgUO$react.useState)();
     const widgetActionListener = (0, $hXgUO$react.useCallback)(()=>{
         setIsModalOpen(window._archbee.widget.isOpen);
         setDocId(window._archbee.widget.docId);
+        setBlockId(window._archbee.widget.blockId);
         setJwt(window._archbee.widget.jwt);
         setShareableToken(window._archbee.widget.shareableToken);
         setInitialScreen(window._archbee.widget.widgetType);
@@ -277,6 +317,7 @@ const $91b786905c14e19d$export$86fbec116b87613f = ()=>{
     const closeModal = ()=>{
         window._archbee.widget.isOpen = false;
         window._archbee.widget.docId = undefined;
+        window._archbee.widget.blockId = undefined;
         window.dispatchEvent((0, $5ea18ff364e1e223$export$c6414d05a79532c3)());
     };
     (0, $hXgUO$react.useEffect)(()=>{
@@ -286,6 +327,7 @@ const $91b786905c14e19d$export$86fbec116b87613f = ()=>{
         id: "archbee-docs-widget-modal",
         children: isModalOpen && /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)((0, $d0b8a7ae25f50023$export$a65e3ebe24ca6cb5), {
             docId: docId || "",
+            blockId: blockId || "",
             spaceId: window._archbee.widget.spaceId || window._archbee.widget.collectionId || "",
             jwt: jwt,
             shareableToken: shareableToken,
@@ -371,6 +413,7 @@ const $12e413341357248b$export$403ad7fb28be9f07 = (proxy)=>{
         if (event.eventType === (0, $5ea18ff364e1e223$export$e923c830cbf8e49c).showWidget) {
             window._archbee.widget.isOpen = true;
             if (event.docId) window._archbee.widget.docId = event.docId;
+            if (event.blockId) window._archbee.widget.blockId = event.blockId;
             if (event.widgetType) {
                 const widgetType = event.docId && event.widgetType === "search" ? "docs" : event.widgetType;
                 window._archbee.widget.widgetType = widgetType;
@@ -380,6 +423,7 @@ const $12e413341357248b$export$403ad7fb28be9f07 = (proxy)=>{
         if (event.eventType === (0, $5ea18ff364e1e223$export$e923c830cbf8e49c).hideWidget) {
             window._archbee.widget.isOpen = false;
             window._archbee.widget.docId = undefined;
+            window._archbee.widget.blockId = undefined;
             window._archbee.widget.widgetType = undefined;
             window.dispatchEvent((0, $5ea18ff364e1e223$export$c6414d05a79532c3)());
         }
@@ -430,7 +474,7 @@ const $ef43c9dfc50ce6f2$export$2d47b06a7861ac47 = (spaceId, jwt, shareableToken,
 
 
 
-const $3454c312fc43187e$export$d1cc455138316794 = /*#__PURE__*/ (0, $hXgUO$react.forwardRef)(({ className: className, spaceId: spaceId, jwt: jwt, shareableToken: shareableToken, docId: docId, widgetType: widgetType = "docs", loadingStrategy: loadingStrategy = "lazy", onWidgetOpen: onWidgetOpen, onWidgetClose: onWidgetClose, children: children }, ref)=>{
+const $3454c312fc43187e$export$d1cc455138316794 = /*#__PURE__*/ (0, $hXgUO$react.forwardRef)(({ className: className, spaceId: spaceId, jwt: jwt, shareableToken: shareableToken, docId: docId, blockId: blockId, widgetType: widgetType = "docs", loadingStrategy: loadingStrategy = "lazy", onWidgetOpen: onWidgetOpen, onWidgetClose: onWidgetClose, children: children }, ref)=>{
     const elementRef = (0, $hXgUO$react.useRef)(null);
     const widgetInstance = (0, $hXgUO$react.useMemo)(()=>{
         if (typeof window === "undefined") return;
@@ -452,7 +496,8 @@ const $3454c312fc43187e$export$d1cc455138316794 = /*#__PURE__*/ (0, $hXgUO$react
         widgetInstance === null || widgetInstance === void 0 ? void 0 : widgetInstance.push({
             eventType: "show-widget",
             widgetType: widgetType,
-            docId: docId
+            docId: docId,
+            blockId: blockId
         });
         onWidgetOpen === null || onWidgetOpen === void 0 ? void 0 : onWidgetOpen();
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbee/app-widget",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "private": false,
   "license": "UNLICENSED",
   "author": {
@@ -43,7 +43,7 @@
   },
   "scripts": {
     "clean": "rm -rf dist build",
-    "start": "craco start",
+    "start": "http-server dist/ -p 3002 -c-1",
     "build": "npm run clean && npm run build:widget && npm run build:react",
     "build:widget": "REACT_APP_SDK=true craco build && parcel build src/index.tsx --no-source-maps && mkdir -p build/v1 && cp dist/* build/v1/",
     "build:react": "./react-build.script.sh",

package/types.d.ts

@@ -21,6 +21,7 @@ interface AbWidgetData {
     collectionId?: string;
     spaceId?: string;
     docId?: string;
+    blockId?: string;
     isOpen: boolean;
     selector: string;
     origin?: string;
@@ -43,6 +44,7 @@ type Props = {
     className?: string;
     shareableToken?: string;
     widgetType: ScreenType;
+    blockId?: string;
     user?: {
         id: string;
         email?: string;