@integry/sdk 4.7.31 → 4.7.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integry/sdk",
-  "version": "4.7.31",
+  "version": "4.7.32",
   "description": "Integry SDK",
   "main": "dist/umd/index.umd.js",
   "module": "dist/esm/index.csm.js",

package/src/components/MultipurposeField/index.tsx

@@ -163,10 +163,28 @@ const MultipurposeField = (props: MultipurposeFieldProps) => {
     // For values like "steps.slack_post_message_1.output.ok", "storage.user_data.value",
     // "setup_form.api_key.value", "parameters.timeout.value" return the second part
     if (parts.length >= 2) {
-      return parts[1];
+      if (parts.length === 0) {
+        return null;
+      }
+
+      // Determine if first segment is a known root key from tagsTree
+      const rootKeys = tagsTree
+        ? Object.keys(tagsTree).map((key) => {
+            const node = tagsTree[key];
+            return node?.machineName || key;
+          })
+        : [];
+
+      if (parts.length >= 2 && rootKeys.includes(parts[0])) {
+        return parts[1];
+      }
+      if (parts.length >= 2 && parts[0] === 'meta') {
+        return parts[0];
+      }
+      // If there's no second part, return null
+      return null;
     }
-    // If there's no second part, return null
-    return null;
+    return parts[0] || null;
   };
 
   // Build flattened appIcon map when tagsTree changes

package/src/components/TagsMenu/index.ts

@@ -12,6 +12,7 @@ interface TagNode {
   appIcon?: string; // URL for the step's app icon
   output?: Record<string, unknown> | unknown[]; // JSON data for step output
   tags?: Record<string, TagNode>; // Nested tags or fields
+  ignoreParentKey?: boolean; // If true, omit parent key from final tag path
   [key: string]: unknown; // Allow for additional properties
 }
 
@@ -42,6 +43,7 @@ interface TagListProps {
   onSelect?: (tag: Record<string, unknown>) => void;
   activeTab?: string;
   parentAppIcon?: string; // Add parent app icon to props
+  ignoreParentKey?: boolean; // whether parent key should be ignored in tag path
 }
 
 interface TagsMenuProps {
@@ -369,6 +371,7 @@ const TagList = ({
   },
   activeTab = '',
   parentAppIcon = undefined, // Add parent app icon parameter
+  ignoreParentKey = false,
 }: TagListProps) => {
   // Track which nodes are expanded to show nested steps
   const [expandedNodes, setExpandedNodes] = useState<Record<string, boolean>>(
@@ -618,8 +621,10 @@ const TagList = ({
     value: unknown,
     currentPath: string,
     nodeAppIcon?: string,
+    ignoreKey = false,
   ) => {
-    const tagPath = `${activeTab}.${extractStepsFromOutputPath(currentPath)}`;
+    const basePath = extractStepsFromOutputPath(currentPath);
+    const tagPath = ignoreKey ? basePath : `${activeTab}.${basePath}`;
 
     // Determine which app icon to use - prioritize node's own icon, then parent icon
     const appIconToUse = nodeAppIcon || parentAppIcon;
@@ -846,6 +851,8 @@ const TagList = ({
             ? value.appIcon
             : undefined;
           const appIconToPass = currentNodeAppIcon || parentAppIcon;
+          const childIgnoreParentKey =
+            ignoreParentKey || (isTagNode(value) && value.ignoreParentKey === true);
 
           const handleMenuRowClcik = (e: Event) => {
             if (isStep && hasOutput) {
@@ -860,7 +867,13 @@ const TagList = ({
               toggleOutputExpand(key, e);
             } else {
               // For leaf nodes, select the value
-              handleSelectTag(key, value, currentPath, currentNodeAppIcon);
+              handleSelectTag(
+                key,
+                value,
+                currentPath,
+                currentNodeAppIcon,
+                childIgnoreParentKey,
+              );
             }
           };
 
@@ -893,6 +906,7 @@ const TagList = ({
                       value,
                       currentPath,
                       currentNodeAppIcon,
+                      childIgnoreParentKey,
                     );
                   }
                 }}
@@ -982,6 +996,7 @@ const TagList = ({
                             value,
                             currentPath,
                             currentNodeAppIcon,
+                            childIgnoreParentKey,
                           );
                         }}
                         title="Add this tag"
@@ -1187,6 +1202,7 @@ const TagList = ({
                               onSelect=${onSelect}
                               activeTab=${activeTab}
                               parentAppIcon=${appIconToPass}
+                              ignoreParentKey=${childIgnoreParentKey}
                             />
                           `;
                         }
@@ -1211,6 +1227,7 @@ const TagList = ({
                     onSelect=${onSelect}
                     activeTab=${activeTab}
                     parentAppIcon=${appIconToPass}
+                    ignoreParentKey=${value.ignoreParentKey || ignoreParentKey}
                   />`
                 : ''}
               <!-- Display expanded array content with additional debug info -->
@@ -1225,6 +1242,7 @@ const TagList = ({
                       onSelect=${onSelect}
                       activeTab=${activeTab}
                       parentAppIcon=${appIconToPass}
+                      ignoreParentKey=${childIgnoreParentKey}
                     />
                   </div>`
                 : ''}
@@ -1246,6 +1264,7 @@ const TagList = ({
                       onSelect=${onSelect}
                       activeTab=${activeTab}
                       parentAppIcon=${appIconToPass}
+                      ignoreParentKey=${childIgnoreParentKey}
                     />
                   </div>`
                 : ''}
@@ -1591,6 +1610,7 @@ const TabMenu = ({ data, onSelect, onOptionClick }: TagMenuProps) => {
                 parentAppIcon=${isTagNode(activeData)
                   ? activeData.appIcon
                   : undefined}
+                ignoreParentKey=${false}
               />
             </div>`}
       </div>