@integry/sdk 4.6.46 → 4.6.48

package/package.json

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

package/src/features/common/FunctionForm/styles.module.scss

@@ -158,7 +158,7 @@
 .aiAssistToggle {
   appearance: none;
   width: 30px;
-  height: 16px;
+  height: 16px !important;
   background-color: #cccccc;
   border-radius: 10px;
   position: relative;

package/src/index.ts

@@ -29,6 +29,7 @@ import {
   Layouts,
   SetupIntegrationOptions,
   RenderFlowStepOptions,
+  RenderMappingMenuOptions,
   ShowFunctionOptions,
 } from '@/types';
 
@@ -44,6 +45,7 @@ import MarketplaceContainer from '@/features/containers/MarketplaceContainer';
 import AppFlowContainer from '@/features/containers/AppFlowContainer';
 import MarketplaceAppsContainer from '@/features/containers/MarketplaceAppsContainer';
 import ActionForm from '@/features/common/ActionForm';
+import { TagsMenu } from '@/components/TagsMenu';
 
 import FunctionForm from '@/features/common/FunctionForm';
 import { openPopupWindow } from '@/utils/popup';
@@ -2042,6 +2044,45 @@ export class IntegryJS {
     }
   };
 
+  public renderMappingMenu = (
+    options: RenderMappingMenuOptions = {
+      containerId: '',
+      tagsTree: {},
+      onTagSelect: () => {
+        // Placeholder function for future implementation
+      },
+    },
+  ) => {
+    const target = document.getElementById(options.containerId);
+
+    if (target) {
+      const store = createSDKStore();
+      render(
+        html`<div>
+          <${AppContext.Provider}
+            value=${{
+              apiHandler: this.apiHandler,
+              eventEmitter: this.eventEmitter,
+              isPreviewMode: false,
+            }}
+          >
+            <${Provider} store=${store} key=${this.getRandomFlowId(10)}>
+              <${TagsMenu}
+                tagsTree=${options.tagsTree}
+                onSelect=${options.onTagSelect}
+              />
+            <//>
+          <//>
+        </div>`,
+        target,
+      );
+    } else {
+      console.warn(
+        `Integry SDK render target with id ${options.containerId} was not found`,
+      );
+    }
+  };
+
   public verifyAuthConfig = () =>
     this.apiHandler.verifyAuthConfig({
       deploymentId: this.config.deploymentId,

package/src/types/index.ts

@@ -298,6 +298,11 @@ export type RenderFlowStepOptions = {
   tagsTree: any;
   showMappingMenu?: boolean;
 };
+export type RenderMappingMenuOptions = {
+  containerId: string;
+  tagsTree: any;
+  onTagSelect: (tag: any) => void;
+};
 export type ShowFunctionOptions = {
   params?: Record<string, any>;
   payload?: Record<string, any>;