@visns-studio/visns-components 5.11.21 → 5.12.0

package/src/components/{cms/generic → generic}/CmsDetail.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { useParams, useNavigate, useLocation } from 'react-router-dom';
 import Reveal from 'react-reveal/Reveal';
 import { ToastContainer } from 'react-toastify';
-import CmsForm from '../Form';
+import Form from '../Form';
 
 function CmsDetail({ setting }) {
     const { dataId } = useParams();
@@ -14,7 +14,7 @@ function CmsDetail({ setting }) {
             <div className="grid">
                 <div className="grid__row">
                     <div className="grid__full">
-                        <CmsForm
+                        <Form
                             dataId={dataId}
                             navigate={navigate}
                             form={form}

package/src/components/{cms/generic → generic}/CmsSort.jsx

@@ -3,7 +3,7 @@ import { useLocation } from 'react-router-dom';
 import Reveal from 'react-reveal/Reveal';
 import { arrayMoveImmutable } from 'array-move';
 import { toast } from 'react-toastify';
-import CustomFetch from '../../crm/Fetch';
+import CustomFetch from '../Fetch';
 import SortableList from '../sorting/List';
 
 const ChildSort = ({ item, url }) => {

package/src/components/{crm/generic → generic}/ConfirmationDialog.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Swal from 'sweetalert2';
-import './styles/SweetAlert.module.css';
+import '../styles/SweetAlert.module.css';
 
 /**
  * A utility function that uses SweetAlert2 for confirmation dialogs

package/src/components/{crm/generic → generic}/ContactSelectorModal.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import Swal from 'sweetalert2';
-import './styles/SweetAlert.module.css';
-import './styles/ContactSelectorModal.css';
+import '../styles/SweetAlert.module.css';
+import '../styles/ContactSelectorModal.css';
 import CustomFetch from '../Fetch';
 
 /**

package/src/components/{crm/generic → generic}/DatePickerDialog.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Swal from 'sweetalert2';
-import './styles/SweetAlert.module.css';
-import './styles/DatePickerDialog.css';
+import '../styles/SweetAlert.module.css';
+import '../styles/DatePickerDialog.css';
 import moment from 'moment';
 
 /**

package/src/components/{crm/generic → generic}/DateRangeSelectorModal.jsx

@@ -1,7 +1,7 @@
 import Swal from 'sweetalert2';
 import moment from 'moment';
-import './styles/SweetAlert.module.css';
-import './styles/DateRangeSelectorModal.css';
+import '../styles/SweetAlert.module.css';
+import '../styles/DateRangeSelectorModal.css';
 
 /**
  * Show a date range selector modal for selecting start and end dates

package/src/components/{crm/generic → generic}/GenericClientPortal.jsx

@@ -5,7 +5,7 @@ import { LogOut as SignOut } from 'lucide-react';
 
 import CustomFetch from '../Fetch';
 
-import styles from './styles/GenericClientPortal.module.scss';
+import styles from '../styles/GenericClientPortal.module.scss';
 
 /**
  * GenericClientPortal - A wrapper component for client portal content

package/src/components/{crm/generic → generic}/GenericDashboard.jsx

@@ -1,4 +1,4 @@
-import '../../styles/global.css';
+import '../styles/global.css';
 import React, { useState, useEffect, useRef } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import { ResponsiveBar } from '@nivo/bar';
@@ -11,10 +11,10 @@ import { createSwapy } from 'swapy';
 import { X, Minus, Plus, Star, Trash2 } from 'lucide-react';
 import { confirmDialog } from '../../utils/ConfirmDialog';
 
-import CustomFetch from '../../crm/Fetch';
-import MultiSelect from '../../crm/MultiSelect';
+import CustomFetch from '../Fetch';
+import MultiSelect from '../MultiSelect';
 
-import styles from './styles/GenericDashboard.module.scss';
+import styles from '../styles/GenericDashboard.module.scss';
 
 const toSnakeCase = (str) => str.replace(/[\s-]+/g, '_').toLowerCase();
 

package/src/components/{crm/generic → generic}/GenericDetail.jsx

@@ -1,4 +1,4 @@
-import '../../styles/global.css';
+import '../styles/global.css';
 
 /**
  * GenericDetail Component
@@ -47,7 +47,7 @@ import { CopyToClipboard } from 'react-copy-to-clipboard';
 import { saveAs } from 'file-saver';
 import { toast } from 'react-toastify';
 import imageCompression from 'browser-image-compression';
-import fetchUtil from '../../../utils/fetchUtil';
+import fetchUtil from '../../utils/fetchUtil';
 import {
     CheckCircle as CircleCheck,
     Copy,
@@ -75,10 +75,10 @@ import Table from '../DataGrid';
 import TableFilter from '../TableFilter';
 
 // Proposal components
-import ProposalTemplateSectionManager from '../../proposal/ProposalTemplateSectionManager';
-import ProposalTemplatePreview from '../../proposal/ProposalTemplatePreview';
+import ProposalTemplateSectionManager from '../proposal/ProposalTemplateSectionManager';
+import ProposalTemplatePreview from '../proposal/ProposalTemplatePreview';
 
-import styles from './styles/GenericDetail.module.scss';
+import styles from '../styles/GenericDetail.module.scss';
 
 const localizer = momentLocalizer(moment);
 const DnDCalendar = withDragAndDrop(Calendar);

package/src/components/{crm/generic → generic}/GenericDynamic.jsx

@@ -9,7 +9,7 @@ import { confirmDialog } from '../../utils/ConfirmDialog';
 import CustomFetch from '../Fetch';
 import Download from '../Download';
 import Field from '../Field';
-import styles from './styles/GenericDynamic.module.scss';
+import styles from '../styles/GenericDynamic.module.scss';
 
 const updateField = (fields, name, value) => {
     if (Array.isArray(fields)) {

package/src/components/{crm/generic → generic}/GenericEditableTable.jsx

@@ -8,7 +8,7 @@ import { confirmDialog } from '../../utils/ConfirmDialog';
 
 import CustomFetch from '../Fetch';
 import MultiSelect from '../MultiSelect';
-import styles from './styles/GenericEditableTable.module.scss';
+import styles from '../styles/GenericEditableTable.module.scss';
 
 // Updated ColourPicker with an expanded pastel palette
 const ColourPicker = ({ value, columnId, keyCounter, onChange }) => {

package/src/components/{crm/generic → generic}/GenericFormBuilder.jsx

@@ -1,4 +1,4 @@
-import '../../styles/global.css';
+import '../styles/global.css';
 
 import React, { useEffect, useRef, useState } from 'react';
 import { useParams } from 'react-router-dom';
@@ -43,7 +43,7 @@ import Breadcrumb from '../Breadcrumb';
 import CustomFetch from '../Fetch';
 import SketchConfig from '../sketch/json/config.json';
 
-import styles from './styles/GenericFormBuilder.module.scss'; // Import the CSS module
+import styles from '../styles/GenericFormBuilder.module.scss'; // Import the CSS module
 
 function GenericFormBuilder({ setting, urlParam, userProfile }) {
     const editorRef = useRef(null);

package/src/components/{crm/generic → generic}/GenericGrid.jsx

@@ -13,8 +13,8 @@ import { showContactSelectorModal } from './ContactSelectorModal';
 import { showDateRangeSelectorModal } from './DateRangeSelectorModal';
 import { showAlternativeActionModal } from './AlternativeActionModal';
 import { showReasonCollectorModal } from './ReasonCollectorModal';
-import { processGridHeaders, getColumnHeaderClasses, getColumnHeaderStyles, getColumnHeaderTooltip, getColumnCellClasses, getColumnCellStyles } from '../../../utils/columnsMetadataUtils';
-import styles from './styles/GenericIndex.module.scss';
+import { processGridHeaders, getColumnHeaderClasses, getColumnHeaderStyles, getColumnHeaderTooltip, getColumnCellClasses, getColumnCellStyles } from '../../utils/columnsMetadataUtils';
+import styles from '../styles/GenericIndex.module.scss';
 
 // ContactTooltip component for enhanced contact display
 const ContactTooltip = ({ contacts, children }) => {

package/src/components/{crm/generic → generic}/GenericIndex.jsx

@@ -1,4 +1,4 @@
-import '../../styles/global.css';
+import '../styles/global.css';
 
 import React, {
     useCallback,
@@ -22,7 +22,7 @@ import TableFilter from '../TableFilter';
 import GenericGrid from './GenericGrid';
 import GenericReportForm from './GenericReportForm';
 
-import styles from './styles/GenericIndex.module.scss';
+import styles from '../styles/GenericIndex.module.scss';
 
 function useWindowHeight() {
     const [windowHeight, setWindowHeight] = useState(window.innerHeight);

package/src/components/{crm/generic → generic}/GenericMain.jsx

@@ -1,4 +1,4 @@
-import '../../styles/global.css';
+import '../styles/global.css';
 
 import React, { useState, useEffect, useCallback } from 'react';
 import {
@@ -15,7 +15,7 @@ import Loader from '../Loader';
 import Navigation from '../Navigation';
 import QuickAction from '../QuickAction';
 
-import styles from './styles/GenericMain.module.scss';
+import styles from '../styles/GenericMain.module.scss';
 
 const GenericMain = ({
     layout = 'full',

package/src/components/{crm/generic → generic}/GenericQuote.jsx

@@ -1,4 +1,4 @@
-import '../../styles/global.css';
+import '../styles/global.css';
 
 import React, { useState, useEffect } from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
@@ -12,13 +12,13 @@ import { showConfirmDialog } from './ConfirmationDialog';
 import { FileText, DollarSign, Clock, Eye, X, Edit3, FileEdit, Save, Settings } from 'lucide-react';
 import { Editor } from '@tinymce/tinymce-react';
 
-import CustomFetch from '../../crm/Fetch';
+import CustomFetch from '../Fetch';
 import ActionButtons from './ActionButtons';
-import Form from '../../crm/Form';
+import Form from '../Form';
 import { formatCurrency } from './utils/formatters';
 import SortableTableBody from './SortableQuoteItems';
 
-import styles from './styles/GenericQuote.module.scss';
+import styles from '../styles/GenericQuote.module.scss';
 
 // Isolated Proposal Preview Component
 function ProposalPreviewFrame({ content }) {

package/src/components/{crm/generic → generic}/GenericReport.jsx

@@ -34,8 +34,8 @@ import CustomFetch from '../Fetch';
 import Download from '../Download';
 import { saveAs } from 'file-saver';
 import Swal from 'sweetalert2';
-import styles from './styles/GenericReport.module.scss';
-import './styles/SweetAlert.module.css';
+import styles from '../styles/GenericReport.module.scss';
+import '../styles/SweetAlert.module.css';
 
 // Icon mapping for common table types
 const tableIcons = {

package/src/components/{crm/generic → generic}/GenericReportForm.jsx

@@ -6,7 +6,7 @@ import { Download as CloudDownload } from 'lucide-react';
 import Download from '../Download';
 import Field from '../Field';
 
-import reportStyles from './styles/ReportForm.module.scss';
+import reportStyles from '../styles/ReportForm.module.scss';
 
 const GenericReportForm = ({ config, userProfile, onExport, onFormChange }) => {
     const [formData, setFormData] = useState({});

package/src/components/{crm/generic → generic}/GenericSort.jsx

@@ -2,10 +2,10 @@ import React, { useState, useEffect } from 'react';
 import { useLocation, useParams } from 'react-router-dom';
 import { arrayMoveImmutable } from 'array-move';
 import { toast } from 'react-toastify';
-import CustomFetch from '../../crm/Fetch';
+import CustomFetch from '../Fetch';
 import SortableList from '../sorting/List';
 import Breadcrumb from '../Breadcrumb';
-import styles from './styles/GenericSort.module.scss';
+import styles from '../styles/GenericSort.module.scss';
 
 // Utility function to convert camelCase to space-separated words with uppercase first letters
 function camelCaseToUcFirst(str) {

package/src/components/{crm/generic → generic}/NotificationList.jsx

@@ -4,7 +4,7 @@ import Table from '../DataGrid';
 import { Bell, Check, ArrowLeft } from 'lucide-react';
 import { toast } from 'react-toastify';
 import CustomFetch from '../Fetch';
-import styles from './styles/NotificationList.module.scss';
+import styles from '../styles/NotificationList.module.scss';
 
 const NotificationList = () => {
     const navigate = useNavigate();

package/src/components/{crm/generic → generic}/ReasonCollectorModal.jsx

@@ -1,6 +1,6 @@
 import Swal from 'sweetalert2';
-import './styles/SweetAlert.module.css';
-import './styles/ReasonCollectorModal.css';
+import '../styles/SweetAlert.module.css';
+import '../styles/ReasonCollectorModal.css';
 
 /**
  * Show a reason collector modal for collecting "not sent" reasons

package/src/components/{crm/generic → generic}/SortableQuoteItems.jsx

@@ -8,7 +8,7 @@ import { GripVertical, Pencil, Trash2 } from 'lucide-react';
 import get from 'lodash/get';
 import { formatCurrency } from './utils/formatters';
 
-import styles from './styles/SortableQuoteItems.module.scss';
+import styles from '../styles/SortableQuoteItems.module.scss';
 
 // Drag handle component
 const DragHandle = sortableHandle(() => (

package/src/components/proposal/SectionEditor.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { X, Save, Tag, Settings, Eye } from 'lucide-react';
-import Field from '../crm/Field';
+import Field from '../Field';
 import VariableInserter from './VariableInserter';
 import './SectionEditor.css';
 

package/src/components/{crm/sorting → sorting}/Item.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { SortableElement, sortableHandle } from 'react-sortable-hoc';
 import { GripVertical, Pencil, Trash2 } from 'lucide-react';
 
-import styles from './styles/Item.module.scss';
+import styles from '../styles/Item.module.scss';
 
 const DragHandle = sortableHandle(() => (
     <GripVertical className="drag-handle" strokeWidth={1} size={22} />

package/src/components/{crm/sorting → sorting}/List.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import VisnsSortableItem from './Item';
 import { SortableContainer } from 'react-sortable-hoc';
 
-import styles from './styles/List.module.scss';
+import styles from '../styles/List.module.scss';
 
 const SortableList = ({
     handleClick,

package/src/index.js

@@ -1,69 +1,68 @@
 /** CMS Components */
-import CmsForm from './components/cms/Form';
-import DataGrid from './components/cms/DataGrid';
-import DropZone from './components/cms/DropZone';
-import SortableList from './components/cms/sorting/List';
+import DataGrid from './components/DataGrid';
+import DropZone from './components/DropZone';
+import SortableList from './components/sorting/List';
 
 /** CRM Components */
-import AsyncSelect from './components/crm/AsyncSelect';
-import AssociationManager from './components/crm/AssociationManager';
-import Autocomplete from './components/crm/Autocomplete';
-import Breadcrumb from './components/crm/Breadcrumb';
-import BusinessCardOcr from './components/crm/BusinessCardOcr';
-import Call from './components/crm/Call';
-import ClientAssociationManager from './components/crm/ClientAssociationManager';
-import CustomFetch from './components/crm/Fetch';
-import Download from './components/crm/Download';
-import Field from './components/crm/Field';
-import Form from './components/crm/Form';
-import Loader from './components/crm/Loader';
-import MergeEntity from './components/crm/MergeEntity';
-import MultiSelect from './components/crm/MultiSelect';
-import Navigation from './components/crm/Navigation';
-import Notification from './components/crm/Notification';
-import SelectList from './components/crm/SelectList';
-import Select from './components/crm/Select';
-import Table from './components/crm/DataGrid';
-import TableFilter from './components/crm/TableFilter';
-import CellWithTooltip from './components/crm/cells/CellWithTooltip';
-import DataGridSearch from './components/crm/controls/DataGridSearch';
-import AutoRefreshControls from './components/crm/controls/AutoRefreshControls';
-import AudioPlayer from './components/crm/controls/AudioPlayer';
-import GalleryModal from './components/crm/modals/GalleryModal';
-export * from './components/crm/columns/ColumnRenderers.jsx';
+import AsyncSelect from './components/AsyncSelect';
+import AssociationManager from './components/AssociationManager';
+import Autocomplete from './components/Autocomplete';
+import Breadcrumb from './components/Breadcrumb';
+import BusinessCardOcr from './components/BusinessCardOcr';
+import Call from './components/Call';
+import ClientAssociationManager from './components/ClientAssociationManager';
+import CustomFetch from './components/Fetch';
+import Download from './components/Download';
+import Field from './components/Field';
+import Form from './components/Form';
+import Loader from './components/Loader';
+import MergeEntity from './components/MergeEntity';
+import MultiSelect from './components/MultiSelect';
+import Navigation from './components/Navigation';
+import Notification from './components/Notification';
+import SelectList from './components/SelectList';
+import Select from './components/Select';
+import Table from './components/DataGrid';
+import TableFilter from './components/TableFilter';
+import CellWithTooltip from './components/cells/CellWithTooltip';
+import DataGridSearch from './components/controls/DataGridSearch';
+import AutoRefreshControls from './components/controls/AutoRefreshControls';
+import AudioPlayer from './components/controls/AudioPlayer';
+import GalleryModal from './components/modals/GalleryModal';
+export * from './components/columns/ColumnRenderers.jsx';
 
 /** Auth Specific Components */
-import Login from './components/crm/auth/Login';
-import Profile from './components/crm/auth/Profile';
-import Reset from './components/crm/auth/Reset';
-import Verify from './components/crm/auth/Verify';
-import ClientLogin from './components/crm/auth/ClientLogin';
-import ClientOTPVerify from './components/crm/auth/ClientOTPVerify';
-import ClientPortal from './components/crm/client/ClientPortal';
-import ClientDashboard from './components/crm/client/ClientDashboard';
+import Login from './components/auth/Login';
+import Profile from './components/auth/Profile';
+import Reset from './components/auth/Reset';
+import Verify from './components/auth/Verify';
+import ClientLogin from './components/auth/ClientLogin';
+import ClientOTPVerify from './components/auth/ClientOTPVerify';
+import ClientPortal from './components/client/ClientPortal';
+import ClientDashboard from './components/client/ClientDashboard';
 
 /** CMS Generic Components */
-import CmsDetail from './components/cms/generic/CmsDetail';
-import CmsIndex from './components/cms/generic/CmsIndex';
-import CmsSort from './components/cms/generic/CmsSort';
+import CmsDetail from './components/generic/CmsDetail';
+import CmsIndex from './components/generic/CmsIndex';
+import CmsSort from './components/generic/CmsSort';
 
 /** CRM Generic Components */
-import AuditLog from './components/crm/generic/AuditLog';
-import AuditLogs from './components/crm/generic/AuditLogs';
-import GenericAuth from './components/crm/generic/GenericAuth';
-import GenericClientPortal from './components/crm/generic/GenericClientPortal';
-import GenericDashboard from './components/crm/generic/GenericDashboard';
-import GenericDetail from './components/crm/generic/GenericDetail';
-import GenericDynamic from './components/crm/generic/GenericDynamic';
-import GenericFormBuilder from './components/crm/generic/GenericFormBuilder';
-import GenericIndex from './components/crm/generic/GenericIndex';
-import GenericGrid from './components/crm/generic/GenericGrid';
-import GenericReportForm from './components/crm/generic/GenericReportForm';
-import GenericMain from './components/crm/generic/GenericMain';
-import GenericQuote from './components/crm/generic/GenericQuote';
-import GenericReport from './components/crm/generic/GenericReport';
-import GenericSort from './components/crm/generic/GenericSort';
-import NotificationList from './components/crm/generic/NotificationList';
+import AuditLog from './components/generic/AuditLog';
+import AuditLogs from './components/generic/AuditLogs';
+import GenericAuth from './components/generic/GenericAuth';
+import GenericClientPortal from './components/generic/GenericClientPortal';
+import GenericDashboard from './components/generic/GenericDashboard';
+import GenericDetail from './components/generic/GenericDetail';
+import GenericDynamic from './components/generic/GenericDynamic';
+import GenericFormBuilder from './components/generic/GenericFormBuilder';
+import GenericIndex from './components/generic/GenericIndex';
+import GenericGrid from './components/generic/GenericGrid';
+import GenericReportForm from './components/generic/GenericReportForm';
+import GenericMain from './components/generic/GenericMain';
+import GenericQuote from './components/generic/GenericQuote';
+import GenericReport from './components/generic/GenericReport';
+import GenericSort from './components/generic/GenericSort';
+import NotificationList from './components/generic/NotificationList';
 
 /** Proposal Components */
 import ProposalTemplateSectionManager from './components/proposal/ProposalTemplateSectionManager';
@@ -91,7 +90,6 @@ export {
     ClientPortal,
     ClientDashboard,
     CmsDetail,
-    CmsForm,
     CmsIndex,
     CmsSort,
     CustomFetch,
@@ -135,4 +133,4 @@ export {
     TableFilter,
     VariableInserter,
     Verify,
-};
+};

package/src/utils/{ConfirmDialog.js → ConfirmDialog.jsx}

@@ -46,7 +46,7 @@ export const confirmDialog = ({
                     }}
                     style={{
                         padding: '6px 12px',
-                        background: '#d32f2f',
+                        background: '#2563eb',
                         color: 'white',
                         border: 'none',
                         borderRadius: '4px',