@integry/sdk 4.6.0 → 4.6.1

package/package.json

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