chore: merge dev changes

Author: liorzblrn

apps/backoffice-v2/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @ballerine/backoffice-v2
 
+## 0.7.72
+
+### Patch Changes
+
+- Updated dependencies
+  - @ballerine/ui@0.5.47
+  - @ballerine/workflow-browser-sdk@0.6.68
+  - @ballerine/workflow-node-sdk@0.6.68
+  - @ballerine/react-pdf-toolkit@1.2.47
+
+## 0.7.71
+
+### Patch Changes
+
+- Updated dependencies
+  - @ballerine/common@0.9.53
+  - @ballerine/ui@0.5.46
+  - @ballerine/workflow-browser-sdk@0.6.67
+  - @ballerine/workflow-node-sdk@0.6.67
+  - @ballerine/react-pdf-toolkit@1.2.46
+
 ## 0.7.70
 
 ### Patch Changes

apps/backoffice-v2/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ballerine/backoffice-v2",
-  "version": "0.7.70",
+  "version": "0.7.72",
   "description": "Ballerine - Backoffice",
   "homepage": "https://github.com/ballerine-io/ballerine",
   "type": "module",
@@ -52,11 +52,11 @@
   },
   "dependencies": {
     "@ballerine/blocks": "0.2.27",
-    "@ballerine/common": "0.9.52",
-    "@ballerine/react-pdf-toolkit": "^1.2.45",
-    "@ballerine/ui": "^0.5.45",
-    "@ballerine/workflow-browser-sdk": "0.6.66",
-    "@ballerine/workflow-node-sdk": "0.6.66",
+    "@ballerine/common": "0.9.53",
+    "@ballerine/react-pdf-toolkit": "^1.2.47",
+    "@ballerine/ui": "^0.5.47",
+    "@ballerine/workflow-browser-sdk": "0.6.68",
+    "@ballerine/workflow-node-sdk": "0.6.68",
     "@botpress/webchat": "^2.1.10",
     "@botpress/webchat-generator": "^0.2.9",
     "@fontsource/inter": "^4.5.15",

apps/backoffice-v2/src/common/utils/fetcher/fetcher.ts

@@ -69,7 +69,7 @@ export const fetcher: IFetcher = async ({
       return await handlePromise(res.blob());
     }
 
-    if (!res.headers.get('content-length') || res.headers.get('content-length') > '0') {
+    if (!res.headers.get('content-length') || Number(res.headers.get('content-length')) > 0) {
       // TODO: make sure its json by checking the content-type in order to safe access to json method
       return await handlePromise(res.json());
     }

apps/kyb-app/CHANGELOG.md

@@ -1,5 +1,24 @@
 # kyb-app
 
+## 0.3.83
+
+### Patch Changes
+
+- version bump
+  : Please enter a summary for your changes.
+- Updated dependencies
+  - @ballerine/ui@0.5.47
+  - @ballerine/workflow-browser-sdk@0.6.68
+
+## 0.3.82
+
+### Patch Changes
+
+- Updated dependencies
+  - @ballerine/common@0.9.53
+  - @ballerine/ui@0.5.46
+  - @ballerine/workflow-browser-sdk@0.6.67
+
 ## 0.3.81
 
 ### Patch Changes

apps/kyb-app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ballerine/kyb-app",
   "private": true,
-  "version": "0.3.81",
+  "version": "0.3.83",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -16,9 +16,9 @@
   },
   "dependencies": {
     "@ballerine/blocks": "0.2.27",
-    "@ballerine/common": "^0.9.52",
-    "@ballerine/ui": "0.5.45",
-    "@ballerine/workflow-browser-sdk": "0.6.66",
+    "@ballerine/common": "^0.9.53",
+    "@ballerine/ui": "0.5.47",
+    "@ballerine/workflow-browser-sdk": "0.6.68",
     "@lukemorales/query-key-factory": "^1.0.3",
     "@radix-ui/react-icons": "^1.3.0",
     "@rjsf/core": "^5.9.0",
@@ -61,7 +61,7 @@
     "uuid": "^9.0.0",
     "vite-plugin-terminal": "^1.1.0",
     "xstate": "^4.38.2",
-    "zod": "^3.21.4"
+    "zod": "^3.23.4"
   },
   "devDependencies": {
     "@ballerine/config": "^1.1.25",

apps/kyb-app/src/common/providers/DependenciesProvider/helpers.ts

@@ -1,3 +1,4 @@
+import { isExceptionWillBeHandled } from '@/common/utils/helpers';
 import { HTTPError } from 'ky';
 
 interface IErrorBody {
@@ -22,6 +23,5 @@ export const getJsonErrors = async (errors: HTTPError[]) => {
 export const isShouldIgnoreErrors = async (errors: HTTPError[]) => {
   const errorResponses = await getJsonErrors(errors);
 
-  // TODO: We should have different error status for this to avoid strict comparison to error message
-  return errorResponses.every(({ message }) => message === 'No EndUser is set for this token');
+  return errorResponses.every(error => isExceptionWillBeHandled(error as unknown as HTTPError));
 };

apps/kyb-app/src/common/utils/helpers.ts

@@ -0,0 +1,5 @@
+import { HTTPError } from 'ky';
+
+export const isExceptionWillBeHandled = (error: HTTPError) => {
+  return error.message === 'No EndUser is set for this token';
+};

apps/kyb-app/src/common/utils/request.ts

@@ -1,6 +1,7 @@
 import { getAccessToken } from '@/helpers/get-access-token.helper';
 import * as Sentry from '@sentry/react';
 import ky, { HTTPError } from 'ky';
+import { isExceptionWillBeHandled } from './helpers';
 
 export const request = ky.create({
   prefixUrl: import.meta.env.VITE_API_URL || `${window.location.origin}/api/v1/`,
@@ -25,33 +26,40 @@ export const request = ky.create({
 
         try {
           responseBody = await error.response.clone().text();
-        } catch (_) {
-          /* empty */
-        }
+          const responseJson = await error.response.clone().json();
 
-        Sentry.withScope(function (scope) {
-          // group errors together based on their request and response
-          scope.setFingerprint([
-            request.method,
-            request.url,
-            String(error.response.status),
-            getAccessToken() || 'anonymous',
-          ]);
-          Sentry.setUser({
-            id: getAccessToken() || 'anonymous',
-          });
+          const isShouldIgnore = isExceptionWillBeHandled({
+            message: (responseJson as { message: string }).message,
+          } as HTTPError);
+
+          if (isShouldIgnore) return error as HTTPError;
 
-          Sentry.captureException(error, {
-            extra: {
-              ErrorMessage: `StatusCode: ${response?.status}, URL:${response?.url}`,
-              // @ts-ignore
-              reqId: response?.headers?.['X-Request-ID'],
-              bodyRaw: responseBody,
-            },
+          throw error;
+        } catch (error) {
+          Sentry.withScope(scope => {
+            // group errors together based on their request and response
+            scope.setFingerprint([
+              request.method,
+              request.url,
+              String((error as HTTPError).response.status),
+              getAccessToken() || 'anonymous',
+            ]);
+            Sentry.setUser({
+              id: getAccessToken() || 'anonymous',
+            });
+
+            Sentry.captureException(error, {
+              extra: {
+                ErrorMessage: `StatusCode: ${response?.status}, URL:${response?.url}`,
+                // @ts-ignore
+                reqId: response?.headers?.['X-Request-ID'],
+                bodyRaw: responseBody,
+              },
+            });
           });
-        });
 
-        return error;
+          return error as HTTPError;
+        }
       },
     ],
   },

apps/kyb-app/src/components/organisms/UIRenderer/elements/JSONForm/components/Multiselect/Multiselect.tsx

@@ -25,11 +25,11 @@ export const Multiselect = ({
     (params, option) => {
       return (
         <Chip
-          key={option.value}
+          key={option?.value}
           className="h-6"
           variant={definition?.options.variants?.chip?.wrapper}
         >
-          <Chip.Label text={option.title} variant={definition?.options.variants?.chip?.label} />
+          <Chip.Label text={option?.title} variant={definition?.options.variants?.chip?.label} />
           <Chip.UnselectButton
             {...params.unselectButtonProps}
             icon={<X className="hover:text-muted-foreground h-3 w-3 text-white" />}

apps/kyb-app/src/components/organisms/UIRenderer/elements/JSONForm/hocs/withDynamicUIInput/withDynamicUIInput.tsx

@@ -10,7 +10,9 @@ import { useUIElementState } from '@/components/organisms/UIRenderer/hooks/useUI
 import { UIElement } from '@/domains/collection-flow';
 import { AnyObject, ErrorsList, RJSFInputAdapter, RJSFInputProps } from '@ballerine/ui';
 import get from 'lodash/get';
-import { useCallback, useMemo } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
+import { useEventEmitterLogic } from '@/components/organisms/DynamicUI/StateManager/components/ActionsHandler';
+import { useRefValue } from '@/hooks/useRefValue';
 
 const findLastDigit = (str: string) => {
   const digitRegex = /_(\d+)_/g;
@@ -122,6 +124,13 @@ export const withDynamicUIInput = (
 
     const { validationErrors, warnings } = useUIElementErrors(definition);
 
+    const emitEvent = useEventEmitterLogic(definition);
+    const emitEventRef = useRefValue(emitEvent);
+
+    useEffect(() => {
+      emitEventRef.current('onMount');
+    }, [emitEventRef]);
+
     return (
       <div className="flex flex-col gap-2">
         <Component