ebta-workflow-prod 4.0.19 → 4.0.21

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ebta-workflow-prod",
   "private": false,
-  "version": "4.0.19",
+  "version": "4.0.21",
   "description": "",
   "license": "UNLICENSED",
   "author": "",

package/src/elements/ItemSearcher_v2.tsx

@@ -197,7 +197,7 @@ function ItemSearcher_V2(props: ItemSearcher_V2Props): React.ReactElement {
         clearTimeout(debounceTimer.current);
         debounceTimer.current = setTimeout(() => {
             setProperty("searchQuery" as any, value); // triggers the expensive effect
-        }, 400);
+        }, 300);
     };
 
 
@@ -1012,12 +1012,12 @@ function ItemSearcher_V2(props: ItemSearcher_V2Props): React.ReactElement {
                     onChange={handleSearchChange}
                     sx={{ padding: '1px', fontSize: '1.4rem', color: 'var(--accentIconBorder) !important', width: '100%' }}
                 />
-                {searchQuery && (
+                {(inputValue && inputValue!=='') && (
                     <IconButton
                         onClick={() => {
+                            setInputValue('');
                             clearTimeout(debounceTimer.current);
                             setProperty("searchQuery" as any, '');
-                            setInputValue('');
                         }}
                         size="large"
                         sx={{ position: 'absolute', right: '8px', color: 'var(--alertGrayBackground) !important' }}

package/src/elements/Viewer360.tsx

@@ -35,6 +35,9 @@ interface Viewer360Props extends FormElementProps<string> {
 function Viewer360(props: Viewer360Props): React.ReactElement {
     const { setting, value , pitch ,yaw, hfov, minHfov , haov, vaov, raiseEvent } = props;
    
+        const handleHotspotClick = (evt: MouseEvent, args: { id: string; pitch: number; yaw: number }) => {
+raiseEvent("clicked", JSON.stringify({ args }))
+    };
 
     // Copy SVG assets to consumer's public folder and reference them
     React.useEffect(() => {
@@ -85,7 +88,31 @@ function Viewer360(props: Viewer360Props): React.ReactElement {
                     raiseEvent("loaded" as any, value);
                     console.log("panorama loaded");
                 }}
-            ></Pannellum>
+            >
+            <Pannellum.Hotspot
+                type="custom"
+                pitch={-10}
+                yaw={130}
+                handleClick={handleHotspotClick}
+                handleClickArg={{ id: "btn-1", pitch: -10, yaw: 130 }}
+                tooltip={(hotSpotDiv: HTMLElement) => {
+                    hotSpotDiv.style.cssText = `
+                        background: #0078d4;
+                        color: white;
+                        border: none;
+                        border-radius: 6px;
+                        padding: 6px 12px;
+                        cursor: pointer;
+                        font-size: 13px;
+                        white-space: nowrap;
+                        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
+                    `;
+                    hotSpotDiv.textContent = "📍 View Detail";
+                }}
+                tooltipArg={{}}
+            />
+
+            </Pannellum>
         </>
     );
 }