@campxdev/campx-web-utils 2.0.17 → 2.1.0-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/campx-web-utils",
-  "version": "2.0.17",
+  "version": "2.1.0-alpha.2",
   "author": "CampX",
   "license": "MIT",
   "keywords": [
@@ -22,12 +22,12 @@
   ],
   "private": false,
   "peerDependencies": {
-    "@campxdev/react-blueprint": ">=3.0.0",
+    "@campxdev/react-blueprint": ">=3.1.0",
     "react-redux": "=>9.1.2",
     "react-router-dom": "^6.24.0"
   },
   "dependencies": {
-    "@campxdev/react-blueprint": "3.0.4",
+    "@campxdev/react-blueprint": "3.1.0-alpha.9",
     "@exotel-npm-dev/exotel-ip-calling-crm-websdk": "^1.2.2",
     "@hookform/resolvers": "^2.9.10",
     "axios": "^1.7.2",

package/src/context/ConfirmDialogProvider.tsx

@@ -1,4 +1,4 @@
-import { ConfirmDialog, ConfirmDialogType } from '@campxdev/react-blueprint';
+import { ConfirmDialog, ConfirmDialogVariant } from '@campxdev/react-blueprint';
 import { createContext, ReactNode } from 'react';
 import { ApplicationStore } from './application-store';
 
@@ -8,9 +8,9 @@ interface ConfirmStateProps {
     message: string,
     onConfirm: () => void,
     onCancel: () => void,
-    type?: ConfirmDialogType,
-    confirmButtonText?: string,
-    cancelButtonText?: string,
+    type?: ConfirmDialogVariant,
+    confirmText?: string,
+    cancelText?: string,
   ) => void;
 }
 
@@ -30,9 +30,9 @@ export const ConfirmDialogProvider = ({
     message: string,
     onConfirm: () => void,
     onCancel: () => void,
-    type: ConfirmDialogType = 'confirm',
-    confirmButtonText?: string,
-    cancelButtonText?: string,
+    type: ConfirmDialogVariant = 'confirm',
+    confirmText?: string,
+    cancelText?: string,
   ) => {
     ApplicationStore.update((s) => {
       s.confirmDialog = {
@@ -42,8 +42,8 @@ export const ConfirmDialogProvider = ({
         onConfirm,
         onCancel,
         type,
-        confirmButtonText,
-        cancelButtonText,
+        confirmButtonText: confirmText,
+        cancelButtonText: cancelText,
       };
     });
   };
@@ -58,17 +58,17 @@ export const ConfirmDialogProvider = ({
     <ConfirmContext.Provider value={{ showConfirmDialog }}>
       {children}
       <ConfirmDialog
-        isOpen={confirmDialog.isOpen}
+        open={confirmDialog.isOpen}
         title={confirmDialog.title}
         message={confirmDialog.message}
-        type={confirmDialog.type}
-        confirmButtonText={confirmDialog.confirmButtonText}
-        cancelButtonText={confirmDialog.cancelButtonText}
+        variant={confirmDialog.type}
+        confirmText={confirmDialog.confirmButtonText}
+        cancelText={confirmDialog.cancelButtonText}
         onConfirm={() => {
           confirmDialog.onConfirm();
           handleCloseDialog();
         }}
-        onCancel={() => {
+        onClose={() => {
           confirmDialog.onCancel();
           handleCloseDialog();
         }}

package/src/context/application-store.ts

@@ -1,4 +1,4 @@
-import { ConfirmDialogType, Severity } from '@campxdev/react-blueprint';
+import { ConfirmDialogVariant, Severity } from '@campxdev/react-blueprint';
 import { Store } from 'pullstate';
 
 type Classroom = {
@@ -47,7 +47,7 @@ export type ApplicationStoreType = {
     message: string;
     onConfirm: () => void;
     onCancel: () => void;
-    type: ConfirmDialogType;
+    type: ConfirmDialogVariant;
     confirmButtonText?: string;
     cancelButtonText?: string;
   };

package/src/hooks/useConfirm.ts

@@ -1,4 +1,4 @@
-import { ConfirmDialogType } from '@campxdev/react-blueprint';
+import { ConfirmDialogVariant } from '@campxdev/react-blueprint';
 import { ApplicationStore } from '../context/application-store';
 
 const defaultConfirmDialogState = {
@@ -7,7 +7,7 @@ const defaultConfirmDialogState = {
   message: '',
   confirmButtonText: '',
   cancelButtonText: '',
-  type: 'confirm' as ConfirmDialogType,
+  type: 'confirm' as ConfirmDialogVariant,
   onConfirm: () => {},
   onCancel: () => {},
 };
@@ -24,7 +24,7 @@ export const useConfirm = () => {
     message: string;
     confirmButtonText?: string;
     cancelButtonText?: string;
-    type?: ConfirmDialogType;
+    type?: ConfirmDialogVariant;
   }): Promise<boolean> =>
     new Promise((resolve) => {
       ApplicationStore.update((s) => {

package/src/routes/main.tsx

@@ -24,6 +24,11 @@ export const mainRoutes = [
           },
         ]}
         userProfileParams={userProfileParams}
+        institutions={[]}
+        currentInstitutionId={0}
+        workspaces={[]}
+        currentWorkspaceId=""
+        onInstitutionChange={() => {}}
       >
         <Outlet />
       </AppLayout>