@integry/sdk 4.6.26 → 4.6.28

package/package.json

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

package/src/components/TagsMenu/index.ts

@@ -515,10 +515,29 @@ const TagList = ({
     }));
   };
 
+  const escapeHTMLIfNeeded = (input: any) => {
+    if (typeof input !== 'string') {
+      return input;
+    }
+    const isHTML = /<\/?[a-z][\s\S]*>/i.test(input);
+
+    const output = isHTML
+      ? input
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;')
+          .replace(/'/g, '&#039;')
+      : input;
+
+    return output.length > 200 ? `${output.slice(0, 200)}...` : output;
+  };
+
   const highlightSearchTerm = (text: string, term: string) => {
-    if (!term) return text;
+    const textModified = escapeHTMLIfNeeded(text);
+    if (!term) return textModified;
     const regex = new RegExp(`(${term})`, 'gi');
-    return text.replace(regex, '<mark>$1</mark>');
+    return textModified.replace(regex, '<mark>$1</mark>');
   };
 
   // Update the filterTags function with proper type checking
@@ -718,7 +737,11 @@ const TagList = ({
                     const tagPath = `${activeTab}.${extractStepsFromOutputPath(
                       currentPath,
                     )}`;
-                    onSelect({ currentPath: tagPath, key, value });
+                    onSelect({
+                      currentPath: tagPath,
+                      key,
+                      value: escapeHTMLIfNeeded(value),
+                    });
                   }
                 }}
                 class="${styles.listItemContent}"
@@ -1011,45 +1034,21 @@ const TabMenu = ({ data, onSelect, onOptionClick }: TagMenuProps) => {
     if (name.includes('parameter')) {
       return html`
         <svg
-          width="18"
-          height="18"
+          xmlns="http://www.w3.org/2000/svg"
+          width="20"
+          height="20"
           viewBox="0 0 24 24"
           fill="none"
-          xmlns="http://www.w3.org/2000/svg"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="lucide lucide-variable"
         >
-          <path
-            d="M4 6H14"
-            stroke="currentColor"
-            stroke-width="2"
-            stroke-linecap="round"
-          />
-          <circle cx="18" cy="6" r="2" stroke="currentColor" stroke-width="2" />
-          <path
-            d="M4 12H10"
-            stroke="currentColor"
-            stroke-width="2"
-            stroke-linecap="round"
-          />
-          <circle
-            cx="14"
-            cy="12"
-            r="2"
-            stroke="currentColor"
-            stroke-width="2"
-          />
-          <path
-            d="M4 18H12"
-            stroke="currentColor"
-            stroke-width="2"
-            stroke-linecap="round"
-          />
-          <circle
-            cx="16"
-            cy="18"
-            r="2"
-            stroke="currentColor"
-            stroke-width="2"
-          />
+          <path d="M8 21s-4-3-4-9 4-9 4-9" />
+          <path d="M16 3s4 3 4 9-4 9-4 9" />
+          <line x1="15" x2="9" y1="9" y2="15" />
+          <line x1="9" x2="15" y1="9" y2="15" />
         </svg>
       `;
     }

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

@@ -1104,7 +1104,7 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
     fieldId: string,
     data: Record<string, { parentFields: string[] | null }>,
   ): boolean => {
-    const parentFields = data[fieldId]?.parentFields;
+    const parentFields = data?.[fieldId]?.parentFields;
     return Array.isArray(parentFields) && parentFields.length > 0;
   };