@antscorp/antsomi-ui 1.3.12 → 1.3.14

package/es/components/atoms/SlideBar/SlideBar.js

@@ -264,7 +264,7 @@ export const SlideBar = props => {
                 fontSize: `${BTN_ADD_SIZE}px`,
                 cursor: disabledAdd ? 'not-allowed' : 'pointer',
                 color: disabledAdd ? (_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorTextDisabled : (_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorPrimary,
-            }, disabled: disabledAdd, onClick: (e) => {
+            }, onClick: (e) => {
                 e.stopPropagation();
                 if (!disabledAdd) {
                     handleAddSlide();

package/es/components/organism/Help/Help.js

@@ -100,6 +100,7 @@ const Help = props => {
     const [isLoadingListHelp, setIsLoadingHelp] = useState(true);
     const recorderRef = useRef();
     const streamTracks = useRef();
+    const allAppOptionsRef = useRef([]);
     // const showModal = (captureKey: CaptureTypeProps) => {
     //   setOpen(true);
     //   setCaptureType(captureKey);
@@ -218,6 +219,7 @@ const Help = props => {
                         }));
                         setAppTargeting(temp[0]);
                         setAllAppOptions(temp);
+                        allAppOptionsRef.current = temp;
                     }
                 }
             }
@@ -281,7 +283,6 @@ const Help = props => {
         setAutoExpandParent(false);
         setExpandedKeys([]);
     };
-    useEffect(() => () => handleResetData(), []);
     useEffect(() => {
         if (dataRecorded) {
             const dataRecordedBlob = new Blob(dataRecorded, { type: 'video/mp4' });
@@ -531,6 +532,34 @@ const Help = props => {
             }
         }
     };
+    useEffect(() => {
+        const handleEvent = e => {
+            const { type, helpType, helpInfo } = e.data;
+            if (!type || !helpType || !helpInfo) {
+                return;
+            }
+            switch (type) {
+                case 'open_antsomi_help':
+                    if (REPORT_TYPES[helpType]) {
+                        setIsShowPopup(true);
+                        callback(REPORT_TYPES[helpType]);
+                        setValueInput(prev => (Object.assign(Object.assign({}, prev), helpInfo)));
+                        if (helpInfo.feature && Array.isArray(allAppOptions)) {
+                            const targetApp = allAppOptionsRef.current.find(item => item.value === helpInfo.feature);
+                            if (targetApp)
+                                setAppTargeting(targetApp);
+                        }
+                    }
+                    break;
+                default:
+            }
+        };
+        window.addEventListener('message', handleEvent);
+        return () => {
+            handleResetData();
+            window.removeEventListener('message', handleEvent);
+        };
+    }, []);
     const handleCreateTicket = (params) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             setIsMainLoading(true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.12",
+  "version": "1.3.14",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",