@integry/sdk 4.7.30 → 4.7.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integry/sdk",
-  "version": "4.7.30",
+  "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>

package/src/features/common/ActionForm/index.ts

@@ -1073,12 +1073,14 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
     value,
     isRequired,
     machineName,
+    computeValueUsingActivityOutput,
   }: {
     stepId: number;
     fieldId: number;
     value: string;
     isRequired: boolean;
     machineName?: string;
+    computeValueUsingActivityOutput?: boolean;
   }) => {
     // we want to check if callback function is passed in props, if yes then call it
     if (this.props.onFieldChangeCallback) {
@@ -1105,10 +1107,16 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
 
       this.props.onFieldChangeCallback(machineName || '', value);
     } else {
+      const valueToUse = !computeValueUsingActivityOutput
+        ? value
+        : this.getFieldValFromActivityOutputRaw(
+            this.props.activityOutputData,
+            value,
+          );
       this.props.setStepFieldData({
         stepId: `${stepId}`,
         fieldId: `${fieldId}`,
-        value,
+        value: valueToUse,
         isRequired,
       });
       this.setState({ changedParentMachineName: machineName });
@@ -1718,34 +1726,16 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
                                     }
                                     isRequired=${el.is_required}
                                     isHidden=${el.is_hidden}
-                                    onChange=${(
-                                      val: string,
-                                      passesRegexTest?: boolean,
-                                    ) => {
-                                      if (this.props.onFieldChangeCallback) {
-                                        this.onFieldChange({
-                                          stepId: step.id,
-                                          fieldId: el.id,
-                                          value: isArray
-                                            ? JSON.stringify(val)
-                                            : val,
-                                          isRequired: el.is_required,
-                                          machineName:
-                                            el.activity_field?.machine_name,
-                                        });
-                                      } else {
-                                        setStepFieldData({
-                                          stepId: `${step.id}`,
-                                          fieldId: `${el.id}`,
-                                          value: this.getFieldValFromActivityOutputRaw(
-                                            this.props.activityOutputData,
-                                            val,
-                                          ),
-                                          isRequired: el.is_required,
-                                          passesRegexTest,
-                                        });
-                                        this.props.verifyStepValidity(step.id);
-                                      }
+                                    onChange=${(val: string) => {
+                                      this.onFieldChange({
+                                        stepId: step.id,
+                                        fieldId: el.id,
+                                        value: val,
+                                        isRequired: el.is_required,
+                                        machineName:
+                                          el.activity_field?.machine_name,
+                                        computeValueUsingActivityOutput: true,
+                                      });
                                     }}
                                     isReadOnly=${isReadOnly}
                                     isChanged=${