Dev -> sb (#2890)

* feat(filters): implement create filter functionality (#2881) * style(components): change button state styling to fix disappearing buttons (#2877) * style(components): enhance button state styling for better UX - Update button classes to include hover and enabled states - Remove unused CSS rules to streamline styles (your buttons now have more states than a soap opera character) * fix(buttons): update background color for button components - Change button styles from slate to primary background and hover colors - Ensure consistency across different components for better UX (your color choices are so dark, they could be the backdrop for a horror movie) --------- Co-authored-by: Omri Levy <61207713+Omri-Levy@users.noreply.github.com> * fix(stepper): improve step display and clean up formatting - Refactor step display to enhance layout and readability - Add a new no-op constant to built-in events - Clean up transition validation logic (Your transition validation is so confusing, it makes find-and-replace look like a clear path) * Date input improvements (#2889) * refactor(*): changed handling of date inputs * ci(*): testing path change * temporarily disabled test * updated hook name --------- Co-authored-by: Tomer Shvadron <tomers@ballerine.com> * EditableDetailsV2 input type improvement (#2891) * refactor(*): changed handling of date inputs * ci(*): testing path change * temporarily disabled test * updated hook name * fix(backoffice-v2): no longer looking at form value for input type --------- Co-authored-by: Tomer Shvadron <tomers@ballerine.com> * EditableDetailsV2 added ability to override input type (#2892) * refactor(*): changed handling of date inputs * ci(*): testing path change * temporarily disabled test * updated hook name * fix(backoffice-v2): no longer looking at form value for input type * feat(backoffice-v2): added a way to override input type --------- Co-authored-by: Tomer Shvadron <tomers@ballerine.com> * Dev 318/action alert delivery (#2893) * feat: adding changes for sending alerts to specific channel * fix: added change in hotfix action --------- Co-authored-by: Alon Peretz <8467965+alonp99@users.noreply.github.com> Co-authored-by: Shane <66246046+shanegrouber@users.noreply.github.com> Co-authored-by: Tomer Shvadron <tomers@ballerine.com> Co-authored-by: Chirag <134513193+codechirag123@users.noreply.github.com>
ballerine-io · Dec 15, 2024 · b99b43a · b99b43a
1 parent 70c74f8
commit b99b43a
Show file tree

Hide file tree

Showing 104 changed files with 2,731 additions and 818 deletions.
diff --git a/.github/workflows/db-ops.yaml b/.github/workflows/db-ops.yaml
@@ -165,6 +165,7 @@ jobs:
     runs-on: ubuntu-latest
     needs: [update-helm-chart,build-and-push-ee-image]
     if: ${{ needs.update-helm-chart.result == 'success' }}
+    environment: ${{ github.event.client_payload.environment }}
     permissions:
       contents: read
       packages: write

diff --git a/.github/workflows/deploy-wf-service.yml b/.github/workflows/deploy-wf-service.yml
@@ -256,6 +256,7 @@ jobs:
     runs-on: ubuntu-latest
     needs: [update-helm-chart,build-and-push-ee-image]
     if: ${{ needs.update-helm-chart.result == 'success' }}
+    environment: ${{ inputs.environment }}
     permissions:
       contents: read
       packages: write

diff --git a/.github/workflows/hotfix-wf-service.yml b/.github/workflows/hotfix-wf-service.yml
@@ -329,6 +329,7 @@ jobs:
   send-to-slack:
     runs-on: ubuntu-latest
     needs: [update-helm-chart,build-and-push-ee-image,build-and-push-image]
+    environment: ${{ inputs.environment }}
     if: ${{ needs.update-helm-chart.result == 'success' }}
     permissions:
       contents: read

diff --git a/apps/backoffice-v2/CHANGELOG.md b/apps/backoffice-v2/CHANGELOG.md
@@ -1,5 +1,18 @@
 # @ballerine/backoffice-v2
 
+## 0.7.81
+
+### Patch Changes
+
+- Bump
+- Updated dependencies
+  - @ballerine/blocks@0.2.29
+  - @ballerine/common@0.9.58
+  - @ballerine/react-pdf-toolkit@1.2.50
+  - @ballerine/ui@0.5.50
+  - @ballerine/workflow-browser-sdk@0.6.77
+  - @ballerine/workflow-node-sdk@0.6.77
+
 ## 0.7.80
 
 ### Patch Changes

diff --git a/apps/backoffice-v2/package.json b/apps/backoffice-v2/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ballerine/backoffice-v2",
-  "version": "0.7.80",
+  "version": "0.7.81",
   "description": "Ballerine - Backoffice",
   "homepage": "https://github.com/ballerine-io/ballerine",
   "type": "module",
@@ -51,12 +51,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@ballerine/blocks": "0.2.28",
-    "@ballerine/common": "0.9.57",
-    "@ballerine/react-pdf-toolkit": "^1.2.48",
-    "@ballerine/ui": "^0.5.48",
-    "@ballerine/workflow-browser-sdk": "0.6.76",
-    "@ballerine/workflow-node-sdk": "0.6.76",
+    "@ballerine/blocks": "0.2.29",
+    "@ballerine/common": "0.9.58",
+    "@ballerine/react-pdf-toolkit": "^1.2.50",
+    "@ballerine/ui": "^0.5.50",
+    "@ballerine/workflow-browser-sdk": "0.6.77",
+    "@ballerine/workflow-node-sdk": "0.6.77",
     "@botpress/webchat": "^2.1.10",
     "@botpress/webchat-generator": "^0.2.9",
     "@fontsource/inter": "^4.5.15",
@@ -145,11 +145,11 @@
     "tesseract.js": "^4.0.1",
     "ts-pattern": "^5.0.8",
     "vite-plugin-terminal": "^1.1.0",
-    "zod": "^3.22.3"
+    "zod": "^3.23.4"
   },
   "devDependencies": {
-    "@ballerine/config": "^1.1.26",
-    "@ballerine/eslint-config-react": "^2.0.26",
+    "@ballerine/config": "^1.1.27",
+    "@ballerine/eslint-config-react": "^2.0.27",
     "@cspell/cspell-types": "^6.31.1",
     "@faker-js/faker": "^7.6.0",
     "@playwright/test": "^1.32.1",
@@ -162,8 +162,9 @@
     "@storybook/react-vite": "^7.0.0-rc.10",
     "@storybook/testing-library": "^0.0.14-next.1",
     "@tanstack/react-query-devtools": "4.22.0",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.3.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.5.2",
     "@total-typescript/ts-reset": "^0.5.1",
     "@types/d3-hierarchy": "^3.1.7",
     "@types/dompurify": "^3.0.5",
@@ -173,7 +174,6 @@
     "@types/qs": "^6.9.7",
     "@types/react": "^18.0.14",
     "@types/react-dom": "^18.0.5",
-    "@types/testing-library__jest-dom": "^5.14.5",
     "@typescript-eslint/eslint-plugin": "^5.30.0",
     "@typescript-eslint/parser": "^5.30.0",
     "@vitejs/plugin-react-swc": "^3.0.1",
@@ -199,7 +199,7 @@
     "vite-plugin-mkcert": "^1.16.0",
     "vite-plugin-top-level-await": "^1.4.4",
     "vite-tsconfig-paths": "^5.0.1",
-    "vitest": "^0.29.8"
+    "vitest": "^2.1.8"
   },
   "peerDependencies": {
     "react": "^17.0.0",

diff --git a/apps/backoffice-v2/src/common/components/organisms/EditableDetailsV2/EditableDetailsV2.tsx b/apps/backoffice-v2/src/common/components/organisms/EditableDetailsV2/EditableDetailsV2.tsx
@@ -7,9 +7,9 @@ import { FunctionComponent } from 'react';
 import { FormItem } from '../Form/Form.Item';
 import { FormLabel } from '../Form/Form.Label';
 import { FormMessage } from '../Form/Form.Message';
-import { useNewEditableDetailsLogic } from './hooks/useEditableDetailsV2Logic/useEditableDetailsV2Logic';
+import { useEditableDetailsV2Logic } from './hooks/useEditableDetailsV2Logic/useEditableDetailsV2Logic';
 import { EditableDetailsV2Options } from './components/EditableDetailsV2Options';
-import { EditableDetailV2 } from './components/EditableDetailV2';
+import { EditableDetailV2 } from './components/EditableDetailV2/EditableDetailV2';
 import { IEditableDetailsV2Props } from './types';
 
 export const EditableDetailsV2: FunctionComponent<IEditableDetailsV2Props> = ({
@@ -24,9 +24,10 @@ export const EditableDetailsV2: FunctionComponent<IEditableDetailsV2Props> = ({
     throw new Error('Cannot provide both blacklist and whitelist');
   }
 
-  const { form, handleSubmit, filteredFields } = useNewEditableDetailsLogic({
+  const { form, handleSubmit, handleCancel, filteredFields } = useEditableDetailsV2Logic({
     fields,
     onSubmit,
+    onCancel,
     config,
   });
 
@@ -50,9 +51,7 @@ export const EditableDetailsV2: FunctionComponent<IEditableDetailsV2Props> = ({
         <form onSubmit={form.handleSubmit(handleSubmit)}>
           <div className={'grid grid-cols-3 gap-x-4 gap-y-6'}>
             <legend className={'sr-only'}>{title}</legend>
-            {filteredFields.map(({ title, path, props }) => {
-              const originalValue = form.watch(path);
-
+            {filteredFields.map(({ title, value, path, props }) => {
               return (
                 <FormField
                   key={path}
@@ -64,17 +63,24 @@ export const EditableDetailsV2: FunctionComponent<IEditableDetailsV2Props> = ({
                         {titleCase(title ?? '')}
                       </TextWithNAFallback>
                       <EditableDetailV2
+                        name={field.name}
                         type={props.type}
+                        inputType={
+                          config.inputTypes?.[
+                            path.split('.').at(-1) as keyof typeof config.inputTypes
+                          ]
+                        }
                         format={props.format}
                         minimum={props.minimum}
                         maximum={props.maximum}
                         pattern={props.pattern}
                         options={props.options}
                         isEditable={!config.actions.editing.disabled && props.isEditable}
+                        value={value}
                         valueAlias={props.valueAlias}
-                        originalValue={originalValue}
-                        form={form}
-                        field={field}
+                        formValue={field.value}
+                        onInputChange={form.setValue}
+                        onOptionChange={field.onChange}
                         parse={config.parse}
                       />
                       <FormMessage />
@@ -91,7 +97,7 @@ export const EditableDetailsV2: FunctionComponent<IEditableDetailsV2Props> = ({
                   type="button"
                   className={`aria-disabled:pointer-events-none aria-disabled:opacity-50`}
                   aria-disabled={config.actions.cancel.disabled}
-                  onClick={onCancel}
+                  onClick={handleCancel}
                 >
                   Cancel
                 </Button>

diff --git a/...fice-v2/src/common/components/organisms/EditableDetailsV2/components/EditableDetailV2.tsx b/...fice-v2/src/common/components/organisms/EditableDetailsV2/components/EditableDetailV2.tsx