Bal 3305 - improve UI messages for no indications detected (#2936)

* feat(ui): improve UI messages for no indications detected - Provide more detailed messages for indications of website reputation - Specify lack of issues in pricing and structural evaluation (Your code comments speak less clearly than a cryptic crossword in a dark room) * chore(deps): update @ballerine/ui to version 0.5.60 - Bump version of @ballerine/ui to 0.5.60 across multiple packages - Update package.json and changelog for @ballerine/react-pdf-toolkit and kyb-app (the dependencies are getting updated faster than my social life) --------- Co-authored-by: Omri Levy <[email protected]>
ballerine-io · Jan 14, 2025 · 9ad79c2 · 9ad79c2
1 parent 01c2c7b
commit 9ad79c2
Show file tree

Hide file tree

Showing 8 changed files with 26 additions and 105 deletions.
diff --git a/apps/kyb-app/CHANGELOG.md b/apps/kyb-app/CHANGELOG.md
@@ -1,42 +1,11 @@
 # kyb-app
 
-## 0.3.109
-
-### Patch Changes
-
-- version bump
-  s Please enter a summary for your changes.
-- Updated dependencies
-  - @ballerine/workflow-browser-sdk@0.6.85
-  - @ballerine/blocks@0.2.32
-  - @ballerine/common@0.9.66
-  - @ballerine/ui@0.5.62
-
-## 0.3.108
-
-### Patch Changes
-
-- Updated dependencies
-  - @ballerine/ui@0.5.61
-
-## 0.3.107
-
-### Patch Changes
-
-- bump
-- Updated dependencies
-  - @ballerine/blocks@0.2.31
-  - @ballerine/common@0.9.65
-  - @ballerine/ui@0.5.60
-  - @ballerine/workflow-browser-sdk@0.6.84
-
 ## 0.3.106
 
 ### Patch Changes
 
 - Updated dependencies
-  - @ballerine/common@0.9.64
-  - @ballerine/workflow-browser-sdk@0.6.83
+  - @ballerine/ui@0.5.60
 
 ## 0.3.105
 

diff --git a/apps/kyb-app/package.json b/apps/kyb-app/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@ballerine/kyb-app",
   "private": true,
-  "version": "0.3.109",
+  "version": "0.3.106",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -16,10 +16,10 @@
     "test:dev": "vitest"
   },
   "dependencies": {
-    "@ballerine/blocks": "0.2.32",
-    "@ballerine/common": "^0.9.66",
-    "@ballerine/workflow-browser-sdk": "0.6.85",
-    "@ballerine/ui": "0.5.62",
+    "@ballerine/blocks": "0.2.30",
+    "@ballerine/common": "^0.9.63",
+    "@ballerine/workflow-browser-sdk": "0.6.82",
+    "@ballerine/ui": "0.5.60",
     "@lukemorales/query-key-factory": "^1.0.3",
     "@radix-ui/react-icons": "^1.3.0",
     "@rjsf/core": "^5.9.0",

diff --git a/packages/react-pdf-toolkit/CHANGELOG.md b/packages/react-pdf-toolkit/CHANGELOG.md
@@ -1,29 +1,10 @@
 # @ballerine/react-pdf-toolkit
 
-## 1.2.62
-
-### Patch Changes
-
-- version bump
-  s Please enter a summary for your changes.
-- Updated dependencies
-  - @ballerine/config@1.1.30
-  - @ballerine/ui@0.5.62
-
-## 1.2.61
-
-### Patch Changes
-
-- Updated dependencies
-  - @ballerine/ui@0.5.61
-
 ## 1.2.60
 
 ### Patch Changes
 
-- bump
 - Updated dependencies
-  - @ballerine/config@1.1.29
   - @ballerine/ui@0.5.60
 
 ## 1.2.59

diff --git a/packages/react-pdf-toolkit/package.json b/packages/react-pdf-toolkit/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@ballerine/react-pdf-toolkit",
   "private": false,
-  "version": "1.2.62",
+  "version": "1.2.60",
   "types": "./dist/build.d.ts",
   "main": "./dist/react-pdf-toolkit.js",
   "module": "./dist/react-pdf-toolkit.mjs",
@@ -26,8 +26,8 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@ballerine/config": "^1.1.30",
-    "@ballerine/ui": "0.5.62",
+    "@ballerine/config": "^1.1.28",
+    "@ballerine/ui": "0.5.60",
     "@react-pdf/renderer": "^3.1.14",
     "@sinclair/typebox": "^0.31.7",
     "ajv": "^8.12.0",

diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
@@ -1,27 +1,10 @@
 # @ballerine/ui
 
-## 0.5.62
-
-### Patch Changes
-
-- version bump
-  s Please enter a summary for your changes.
-- Updated dependencies
-  - @ballerine/common@0.9.66
-
-## 0.5.61
-
-### Patch Changes
-
-- Fix display when traffic sources list is empty
-
 ## 0.5.60
 
 ### Patch Changes
 
-- bump
-- Updated dependencies
-  - @ballerine/common@0.9.65
+- version bump
 
 ## 0.5.59
 

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@ballerine/ui",
   "private": false,
-  "version": "0.5.62",
+  "version": "0.5.60",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

diff --git a/...s/ui/src/components/templates/report/components/WebsiteCredibility/WebsiteCredibility.tsx b/...s/ui/src/components/templates/report/components/WebsiteCredibility/WebsiteCredibility.tsx
@@ -237,31 +237,15 @@ export const WebsiteCredibility: FunctionComponent<{
           </ol>
         </CardContent>
       </Card>
-      <div>
-        <ContentTooltip
-          description={
-            <p>
-              Analyzes visitor volume and sources to gauge popularity and detect red flags in
-              expected merchant behavior.
-            </p>
-          }
-          props={{
-            tooltipContent: {
-              align: 'center',
-            },
-          }}
-        >
-          <h3 className="font-bold">Traffic Analysis</h3>
-        </ContentTooltip>
-      </div>
+
+      <h3 className="pt-4 font-bold">Traffic Analysis</h3>
+
+      {/* <div className="flex flex-col 2xl:flex-row gap-4 w-full h-auto 2xl:h-96">
+        <div className="h-[24rem] 2xl:h-full w-full 2xl:w-3/5"> */}
       <div className="flex h-[30rem] w-full gap-4">
-        <Card className="flex h-full w-3/5 flex-col">
-          <CardHeader className="p-4 font-bold">
-            Estimated Monthly Visitors
-            <CardDescription className="font-normal">
-              Showing total visitors for the last 6 months
-            </CardDescription>
-          </CardHeader>
+        <Card className="h-full w-3/5">
+          <CardHeader className="pt-4 font-bold">Estimated Monthly Visitors</CardHeader>
+
           <CardContent className="mt-auto h-4/5 w-full pb-0">
             {trafficAnalysis.montlyVisitsIndicators.length > 0 ? (
               <ChartContainer
@@ -356,10 +340,14 @@ export const WebsiteCredibility: FunctionComponent<{
             </div>
           </CardFooter>
         </Card>
+
+        {/* <div className="flex 2xl:flex-col gap-4 h-[12rem] 2xl:h-full w-full 2xl:w-2/5">
+                  <div className="h-full 2xl:h-1/2 w-1/2 2xl:w-full"> */}
         <div className="flex h-full w-2/5 flex-col gap-4">
           <Card className="h-1/2 w-full">
             <CardHeader className="pb-0 pt-4 font-bold">Traffic Sources</CardHeader>
-            <CardContent className="mt-auto h-full w-full pb-0">
+
+            <CardContent className="mt-auto h-4/5 w-full pb-0">
               {trafficSources.length > 0 ? (
                 <ResponsiveContainer width="100%" height="100%">
                   <PieChart>

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml