@integry/sdk 4.6.0 → 4.6.2

package/package.json

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

@@ -1,5 +1,5 @@
 import { html } from 'htm/preact';
-import { useState } from 'preact/hooks';
+import { useState, useEffect } from 'preact/hooks';
 import { Input } from '@/components/Input';
 import { TextArea } from '@/components/TextArea';
 import { CheckboxGroup } from '@/components/CheckboxGroup';
@@ -107,7 +107,9 @@ const ObjectField = (props: ObjectFieldProps) => {
     activityOutputDataRaw,
     objectValue,
   } = props;
-  const [objectArray, setObjectArray] = useState<FieldObject[]>([{}]); // Start with one empty object in the array
+  const [objectArray, setObjectArray] = useState<FieldObject[]>(
+    Array.isArray(objectValue) ? objectValue : [{}],
+  ); // Start with one empty object in the array
   const [showAddMoreOption, setShowAddMoreOption] = useState(true);
   const [objectHasFields, setObjectHasFields] = useState(true);
 
@@ -158,6 +160,21 @@ const ObjectField = (props: ObjectFieldProps) => {
     );
   }
 
+  useEffect(() => {
+    let objectValueCopy = objectValue;
+    if (typeof objectValue === 'string' && objectValue.length > 0) {
+      // if default value was sent as a strinfiyed object
+      objectValueCopy = JSON.parse(objectValue);
+    }
+    if (objectValueCopy) {
+      if (Array.isArray(objectValueCopy)) {
+        setObjectArray(objectValueCopy);
+      } else {
+        setObjectArray([objectValueCopy]);
+      }
+    }
+  }, [objectValue]);
+
   // Method to handle field changes for each object in the array
   const handleFieldChange = (
     index: number,
@@ -280,7 +297,9 @@ const ObjectField = (props: ObjectFieldProps) => {
                 activityOutputData=${activityOutputData}
                 activityOutputDataRaw=${activityOutputDataRaw}
                 description="${fieldDetails.meta.description_for_users}"
-                value=${(objectArray[objectIndex] || {})[fieldName] || ''}
+                value=${(objectArray[objectIndex] || {})[
+                  fieldDetails?.meta?.machine_name || ''
+                ] || ''}
                 placeholder="${placeholder}"
                 onChange=${(val: any) => {
                   const valueReceived =