feat: json dialog now imported from ui & added preview script (#1076)

Author: chesterkmr

apps/backoffice-v2/package.json

@@ -46,7 +46,8 @@
     "test:e2e": "playwright test",
     "typecheck": "tsc --noEmit",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "preview": "vite preview"
   },
   "dependencies": {
     "@ballerine/common": "0.7.2",

apps/backoffice-v2/src/common/components/molecules/JsonDialog/JsonDialog.tsx

@@ -23,10 +23,10 @@ import { useWatchDropdownOptions } from './hooks/useWatchDropdown';
 import { keyFactory } from '../../../../common/utils/key-factory/key-factory';
 import { isNullish, isObject } from '@ballerine/common';
 import { isValidUrl } from '../../../../common/utils/is-valid-url';
-import { JsonDialog } from '../../../../common/components/molecules/JsonDialog/JsonDialog';
 import { FileJson2 } from 'lucide-react';
 import { isValidDate } from '../../../../common/utils/is-valid-date';
 import { isValidIsoDate } from '../../../../common/utils/is-valid-iso-date/is-valid-iso-date';
+import { JsonDialog } from '@ballerine/ui';
 
 const useInitialCategorySetValue = ({ form, data }) => {
   useEffect(() => {

apps/backoffice-v2/src/common/components/molecules/JsonDialog/interfaces.ts

@@ -14,6 +14,9 @@ export default defineConfig(configEnv => {
       // port: 443,
       // https: true,
     },
+    preview: {
+      port: 5137,
+    },
     plugins: [
       terminal({
         output: ['console', 'terminal'],