@visns-studio/visns-components 4.10.48 → 5.0.1-8.1

package/src/components/crm/generic/GenericFormBuilder.jsx

@@ -8,7 +8,7 @@ import Toggle from 'react-toggle';
 import { toast } from 'react-toastify';
 import { v4 as uuidv4 } from 'uuid';
 import { Editor } from '@tinymce/tinymce-react';
-import { CirclePlus, CircleX, TrashCan } from 'akar-icons';
+import { CircleChevronRight, CirclePlus, CircleX, TrashCan } from 'akar-icons';
 
 import 'react-toggle/style.css';
 import 'react-datepicker/dist/react-datepicker.css';
@@ -17,7 +17,6 @@ import 'react-confirm-alert/src/react-confirm-alert.css';
 import Breadcrumb from '../Breadcrumb';
 import CustomFetch from '../Fetch';
 import SortableList from '../../../components/cms/sorting/List';
-import SketchConfig from '../sketch/json/config.json';
 
 import styles from './styles/GenericFormBuilder.module.scss'; // Import the CSS module
 
@@ -45,8 +44,7 @@ function GenericFormBuilder({ setting, urlParam, userProfile }) {
         label: '',
         type: '',
     });
-    const [fieldTypes] = useState([
-        { value: 'canvas', label: 'Canvas' },
+    const [fieldTypes, setFieldTypes] = useState([
         { value: 'checkbox', label: 'Checkbox' },
         { value: 'html5_date', label: 'Date' },
         { value: 'html5_datetime', label: 'Date & Time' },
@@ -80,7 +78,6 @@ function GenericFormBuilder({ setting, urlParam, userProfile }) {
     });
     const [modalFormShow, setModalFormShow] = useState(false);
     const [roles, setRoles] = useState([]);
-    const canvasTypes = SketchConfig.canvasTypes;
 
     /** Data Option Functionalities */
     const handleDataOption = (e) => {
@@ -431,21 +428,6 @@ function GenericFormBuilder({ setting, urlParam, userProfile }) {
 
     const renderField = (field) => {
         switch (field.type) {
-            case 'canvas':
-                const canvasType = canvasTypes.find(
-                    (item) => item.id === field.canvasType
-                );
-                return (
-                    <label className={`${styles.fi__label}`}>
-                        <span
-                            className={`${styles.fi__span} ${styles.prefocus}`}
-                        >
-                            {field.label}{' '}
-                            {field.required === 'yes' ? '*' : null}
-                        </span>
-                        <img src={canvasType.url} width="200" />
-                    </label>
-                );
             case 'checkbox':
                 return (
                     <label className={styles.fi__label}>
@@ -839,19 +821,17 @@ function GenericFormBuilder({ setting, urlParam, userProfile }) {
                 <div className={styles.grid__subrow}>
                     <div className={styles.grid__subnav}>
                         {data.detail && data.detail.length > 0 ? (
-                            <div className={styles.sortableListContainer}>
-                                <SortableList
-                                    handleClick={handleEdit}
-                                    handleDelete={handleDeleteField}
-                                    items={data.detail}
-                                    onSortEnd={onSortEnd}
-                                    axis="xy"
-                                    helperClass={styles.dragitem}
-                                    transitionDuration={250}
-                                    showImage={false}
-                                    useDragHandle
-                                />
-                            </div>
+                            <SortableList
+                                handleClick={handleEdit}
+                                handleDelete={handleDeleteField}
+                                items={data.detail}
+                                onSortEnd={onSortEnd}
+                                axis="xy"
+                                helperClass={styles.dragitem}
+                                transitionDuration={250}
+                                showImage={false}
+                                useDragHandle
+                            />
                         ) : null}
                     </div>
                     <div className={styles.grid__subcontent}>
@@ -1493,9 +1473,9 @@ function GenericFormBuilder({ setting, urlParam, userProfile }) {
                                                                                             dataField.type ===
                                                                                             'table_text'
                                                                                         ) {
-                                                                                            // excludedKeywords.push(
-                                                                                            //     'checkbox'
-                                                                                            // );
+                                                                                            excludedKeywords.push(
+                                                                                                'checkbox'
+                                                                                            );
                                                                                         }
                                                                                         return !excludedKeywords.some(
                                                                                             (
@@ -1630,9 +1610,9 @@ function GenericFormBuilder({ setting, urlParam, userProfile }) {
                                                                                 dataField.type ===
                                                                                 'table_text'
                                                                             ) {
-                                                                                // excludedKeywords.push(
-                                                                                //     'checkbox'
-                                                                                // );
+                                                                                excludedKeywords.push(
+                                                                                    'checkbox'
+                                                                                );
                                                                             }
                                                                             return !excludedKeywords.some(
                                                                                 (
@@ -1699,46 +1679,6 @@ function GenericFormBuilder({ setting, urlParam, userProfile }) {
                                         </div>
                                     ) : null}
 
-                                    {['canvas'].includes(dataField.type) ? (
-                                        <div className={styles.formItem}>
-                                            <label className={styles.fi__label}>
-                                                <select
-                                                    name="canvasType"
-                                                    value={dataField.canvasType}
-                                                    onChange={handleChangeForm}
-                                                >
-                                                    <option>
-                                                        Please select a type
-                                                    </option>
-                                                    {canvasTypes.map(
-                                                        (
-                                                            canvasType,
-                                                            canvasTypeKey
-                                                        ) => (
-                                                            <option
-                                                                value={
-                                                                    canvasType.id
-                                                                }
-                                                                key={
-                                                                    canvasTypeKey
-                                                                }
-                                                            >
-                                                                {
-                                                                    canvasType.label
-                                                                }
-                                                            </option>
-                                                        )
-                                                    )}
-                                                </select>
-                                                <span
-                                                    className={styles.fi__span}
-                                                >
-                                                    Canvas Type
-                                                </span>
-                                            </label>
-                                        </div>
-                                    ) : null}
-
                                     {['signature'].includes(dataField.type) ? (
                                         <div className={styles.formItem}>
                                             <label className={styles.fi__label}>

package/src/components/crm/generic/GenericIndex.jsx

@@ -4,7 +4,6 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Outlet } from 'react-router-dom';
 import { toast } from 'react-toastify';
 import { saveAs } from 'file-saver';
-import parse from 'html-react-parser';
 import _ from 'lodash';
 import moment from 'moment';
 
@@ -388,7 +387,7 @@ function GenericIndex({
                                 : styles.crmtitleSimple
                         }`}
                     >
-                        <h1>{parse(setting.page?.title)}</h1>
+                        <h1>{setting.page?.title}</h1>
                         <div className={styles.titleInfo}>
                             <span>
                                 [<strong>{total}</strong> Total{' '}

package/src/components/crm/generic/styles/AuditLog.module.scss

@@ -37,43 +37,6 @@
     box-shadow: 0 4px 0 rgba(var(--primary-color-rgb), 0.05);
 }
 
-.crmtitle {
-    border: none;
-    min-height: auto;
-    padding: 5px 20px;
-    margin: 0;
-    background: var(--primary-color);
-    border-radius: var(--br);
-    border: 1px solid rgba(var(--item-color-rgb), 1.15);
-    position: relative;
-    display: flex;
-    align-items: center;
-
-    h1 {
-        color: var(--background-color);
-        font-weight: 700;
-        font-size: 1.15em;
-        margin: 0;
-        padding: 0.65rem 0;
-        display: flex;
-        align-items: center;
-        gap: 0.25rem;
-
-        a {
-            text-decoration: none;
-            color: var(--secondary-color);
-        }
-
-        svg {
-            color: rgba(var(--tertiary-color-rgb), 0.5);
-            position: relative;
-            top: 0;
-            margin: 0 0.5rem;
-            max-width: 15px;
-        }
-    }
-}
-
 .gridtxt__header {
     width: 100%;
     display: block;
@@ -143,5 +106,9 @@
         background: rgba(#f4f4f4, 0.65);
         margin: 5px;
         border-radius: 5px;
+
+        p {
+            font-size: 0.85rem;
+        }
     }
 }

package/src/components/crm/generic/styles/AuditLogs.module.scss

@@ -29,57 +29,6 @@
     box-shadow: 0 4px 0 rgba(var(--primary-color-rgb), 0.05);
 }
 
-.crmtitle {
-    border: none;
-    min-height: auto;
-    padding: 10px 20px;
-    margin: 0;
-    background: var(--tertiary-color);
-    border-radius: var(--br);
-    border: 1px solid rgba(var(--item-color-rgb), 1.15);
-    position: relative;
-}
-
-.crmtitle h1 {
-    font-weight: 700;
-    font-size: 1.45em;
-    margin: 0;
-    padding: 0.65rem 0;
-}
-
-.crmtitle h1 a {
-    text-decoration: none;
-    color: rgba(var(--secondary-color-rgb), 1.1);
-    font-weight: 300;
-}
-
-.crmtitle h1 svg {
-    color: rgba(var(--primary-color-rgb), 0.25);
-    position: relative;
-    top: 2px;
-    margin: 0 0.25rem;
-}
-
-.crmtitleSimple {
-    border: none;
-    min-height: auto;
-    padding: 0.65rem 1rem;
-    margin-bottom: 0.15rem;
-    background: var(--tertiary-color);
-    border-radius: var(--br);
-    box-sizing: border-box;
-    display: flex;
-    flex-wrap: nowrap;
-    justify-content: space-between;
-    align-items: center;
-
-    h1 {
-        font-size: 1.25rem;
-        margin: 0;
-        padding: 0;
-    }
-}
-
 .titleInfo {
     position: absolute;
     right: 2em;