@integry/sdk 4.5.53 → 4.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integry/sdk",
-  "version": "4.5.53",
+  "version": "4.6.1",
   "description": "Integry SDK",
   "main": "dist/umd/index.umd.js",
   "module": "dist/esm/index.csm.js",
@@ -71,6 +71,7 @@
     "eslint-import-resolver-typescript": "^2.4.0",
     "eslint-plugin-import": "^2.22.1",
     "identity-obj-proxy": "^3.0.0",
+    "jsdom": "^26.0.0",
     "postcss": "^8.2.10",
     "postcss-loader": "^4.0.0",
     "postcss-nested": "^5.0.5",

package/src/components/Input/BaseInput/styles.module.scss

@@ -84,7 +84,8 @@
   border: 1px solid #e2e0db;
   border-radius: 4px;
   display: flex;
-  width: 95vh;
+  width: 100%;
+  box-sizing: border-box;
   input {
     border: none;
   }

package/src/components/MultipurposeField/Dropdown/index.tsx

@@ -735,14 +735,19 @@ const ListBox = (props: ListBoxProps) => {
     if (isDynamic && sourceFlowIntegrataionInvocationUrl) {
       fetchDynamicDataFromSourceFlow(isRefresh, callback);
     } else if (endpointUrl) {
-      if (!isRefresh) {
-        setLoading(true);
-      }
+      setLoading(true);
       let data;
       try {
         data = JSON.parse(endpointData);
       } catch (error) {
-        data = '';
+        data = {};
+      }
+      if (!data) {
+        data = {};
+      }
+      if (selectedAuthId) {
+        data.connected_account_id = selectedAuthId;
+        data.authorization_id = selectedAuthId;
       }
       apiHandler
         .callDynamicDataEndpoint<
@@ -970,6 +975,7 @@ const ListBox = (props: ListBoxProps) => {
                       isMultiSelect=${isMultiSelect}
                       loadingOptions=${loading}
                       nextPage=${nextPage}
+                      isDynamic=${isDynamic}
                     />`}
                   </div>
                 `}

package/src/components/MultipurposeField/TagMenu/index.ts

@@ -45,6 +45,7 @@ interface FieldMenuProps {
   loadingOptions?: boolean;
   nextPage?: string;
   tagsComponent?: any;
+  isDynamic?: boolean;
 }
 
 const customComponent = (props: { element: any }) => {
@@ -73,6 +74,7 @@ const FieldDropdown = (props: FieldMenuProps) => {
     loadingOptions = false,
     nextPage = '',
     tagsComponent = null,
+    isDynamic = true,
   } = props;
 
   // Set active tab in state
@@ -288,7 +290,8 @@ const FieldDropdown = (props: FieldMenuProps) => {
                           : html`<span>
                               ${isLoadingOptions || isLoadingMoreOptions
                                 ? html`<${ThreeDotLoader} color="#999" />`
-                                : html` <a
+                                : isDynamic
+                                ? html` <a
                                     className=${styles.optionsRefreshProminent}
                                     href="#"
                                     onclick=${() => {
@@ -303,7 +306,8 @@ const FieldDropdown = (props: FieldMenuProps) => {
                                     >${nextPage
                                       ? `Load more options`
                                       : `Reload options?`}</a
-                                  >`}
+                                  >`
+                                : html``}
                             </span>`}
                       `;
                     },
@@ -313,7 +317,7 @@ const FieldDropdown = (props: FieldMenuProps) => {
                   </div>`
               : html`<div className=${styles.noOptions}>
                   <span className=${styles.noOptionsRetry}>
-                    ${isLoadingOptions
+                    ${isLoadingOptions || loadingOptions
                       ? html`<${ThreeDotLoader} color="#999" />`
                       : html`${isErrorOnLoadingOptions
                             ? 'Could not load options.'

package/src/components/form/ObjectField/index.ts

@@ -250,7 +250,7 @@ const ObjectField = (props: ObjectFieldProps) => {
     if (typeof value === 'object' && value !== null) {
       return JSON.stringify(value, null, 2); // Pretty-print with 2-space indentation
     }
-    return String(value); // Convert other values to string
+    return String(value || ''); // Convert other values to string
   };
 
   // Render fields for each object in the array

package/src/index.ts

@@ -29,6 +29,7 @@ import {
   Layouts,
   SetupIntegrationOptions,
   RenderFlowStepOptions,
+  ShowFunctionOptions,
 } from '@/types';
 
 import { createSDKStore, initialState } from '@/store';
@@ -581,20 +582,21 @@ export class IntegryJS {
 
   public showFunction = (
     functionName: string,
-    params: {
-      [key: string]: any;
-    } = {},
-    vars: {
-      [key: string]: any;
-    } = {},
-    autoMapVars = false,
-    connectedAccountId?: string,
+    options: ShowFunctionOptions = {
+      params: {},
+      payload: {},
+      connectedAccountId: '',
+      autoMapPayload: false,
+    },
   ): Promise<Record<any, any>> => {
     const store = createSDKStore();
 
     return new Promise((resolve, reject) => {
       this.apiHandler
-        .getFunctionDetails(functionName, autoMapVars ? vars : {})
+        .getFunctionDetails(
+          functionName,
+          options.autoMapPayload ? options.payload : {},
+        )
         .then((response: any) => {
           if (!response) {
             return reject(new Error('Function not found.'));
@@ -603,9 +605,9 @@ export class IntegryJS {
             return reject(new Error('No connected account found.'));
           }
           if (
-            connectedAccountId &&
+            options.connectedAccountId &&
             !response.meta.app.connected_accounts.find(
-              (account: any) => account.id === connectedAccountId,
+              (account: any) => account.id === options.connectedAccountId,
             )
           ) {
             return reject(new Error('Connected account not found.'));
@@ -656,10 +658,10 @@ export class IntegryJS {
                   <${Provider} store=${store}>
                     <${FunctionForm}
                       functionName=${functionName}
-                      connectedAccountId=${connectedAccountId}
-                      functionArguments=${params}
-                      variables=${vars}
-                      autoMapVars=${autoMapVars}
+                      connectedAccountId=${options.connectedAccountId}
+                      functionArguments=${options.params}
+                      variables=${options.payload}
+                      autoMapVars=${options.autoMapPayload}
                       apiHandler=${this.apiHandler}
                       onClose=${(functionUIResponse: any) => {
                         const authIdElement = document.getElementById(

package/src/types/index.ts

@@ -297,3 +297,9 @@ export type RenderFlowStepOptions = {
   onFieldChangeCallback: (fieldId: string, value: any) => void;
   tagsTree: any;
 };
+export type ShowFunctionOptions = {
+  params?: Record<string, any>;
+  payload?: Record<string, any>;
+  connectedAccountId?: string;
+  autoMapPayload?: boolean;
+};