@erpsquad/common 1.8.42 → 1.8.43

package/dist/views/template-editor/components/EditorHeader.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { EnhancedSectionData } from '../types/editor';
+
+interface EditorHeaderProps {
+    onSave: () => void;
+    onPreview: () => void;
+    preview: boolean;
+    sections: EnhancedSectionData[];
+    isEditingHeaderFooter: boolean;
+    setIsEditingHeaderFooter: (value: boolean) => void;
+    onSaveHeaderFooter: (value: boolean) => void;
+    modulePath: string;
+    type: string;
+    mode: 'add' | 'edit';
+    templateData: Record<string, any> | null;
+}
+declare const EditorHeader: React.FC<EditorHeaderProps>;
+export default EditorHeader;

package/dist/views/template-editor/components/EditorSection.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { SectionData } from '../types/editor';
+
+interface EditorSectionProps {
+    section: SectionData;
+    isSelected: boolean;
+    isDragging: boolean;
+    isOver: boolean;
+    onSelect: () => void;
+    onUpdate: (content: string, options?: any) => void;
+    onSplit: (content1: string, content2: string) => void;
+    onDelete: () => void;
+    placeholders: Array<{
+        value: string;
+        label: string;
+    }>;
+    setIsSectionEditing: (value: boolean) => void;
+}
+declare const EditorSection: React.FC<EditorSectionProps>;
+export default EditorSection;

package/dist/views/template-editor/components/EditorSidebar.d.ts

@@ -0,0 +1,2 @@
+declare const EditorSidebar: () => import("react/jsx-runtime").JSX.Element;
+export default EditorSidebar;

package/dist/views/template-editor/components/SectionFlowEditor.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+interface SectionFlowEditorProps {
+    modulePath: string;
+    module: string;
+    type: string;
+}
+declare const SectionFlowEditor: React.FC<SectionFlowEditorProps>;
+export default SectionFlowEditor;

package/dist/views/template-editor/components/SectionFormatPanel.d.ts

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+import { EnhancedSectionData } from '../types/editor';
+
+export interface TableColumn {
+    id: string;
+    header: string;
+    placeholder?: string;
+}
+export interface TableRow {
+    [key: string]: string | number | boolean;
+}
+export interface CellMerge {
+    section: 'thead' | 'tbody';
+    rowStart: number;
+    rowEnd: number;
+    colStart: number;
+    colEnd: number;
+    value: string;
+}
+export interface TableData {
+    name?: string;
+    columns: TableColumn[];
+    rows: TableRow[];
+    border: boolean;
+    mergedCells?: CellMerge[];
+}
+interface SectionData {
+    type: 'text' | 'text-block' | 'heading' | 'heading-2' | 'heading-3' | 'heading-4' | 'buttons' | 'image' | 'divider' | 'table' | 'signature' | 'qr-code' | 'bar-code';
+    content: string;
+    attributes?: {
+        styles?: any;
+        placeholders?: Record<string, string>;
+        tableData?: TableData;
+        [key: string]: any;
+    };
+}
+interface SectionFormatPanelProps {
+    section: SectionData | undefined;
+    onClose: () => void;
+    onUpdate: (data: Partial<EnhancedSectionData>) => void;
+    placeholders: Record<string, any>[];
+    relation_table?: any;
+    handleSave?: () => void;
+}
+declare const SectionFormatPanel: React.FC<SectionFormatPanelProps>;
+export default SectionFormatPanel;

package/dist/views/template-editor/components/controllers/AlignmentControl.d.ts

@@ -0,0 +1,7 @@
+interface AlignmentControlProps {
+    alignment: string;
+    onAlignmentChange: (event: React.MouseEvent<HTMLElement>, newAlignment: string | null) => void;
+    displayLabel?: boolean;
+}
+declare const AlignmentControl: React.FC<AlignmentControlProps>;
+export default AlignmentControl;

package/dist/views/template-editor/components/controllers/ButtonControls.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface ButtonControlsProps {
+    attrs: Record<string, any>;
+    updateAttrs: (attr: Record<string, any>) => void;
+}
+declare const ButtonControls: React.FC<ButtonControlsProps>;
+export default ButtonControls;

package/dist/views/template-editor/components/controllers/CodeControls.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface CodeControlsProps {
+    attrs: Record<string, any>;
+    updateAttrs: (attr: Record<string, any>) => void;
+}
+declare const CodeControls: React.FC<CodeControlsProps>;
+export default CodeControls;

package/dist/views/template-editor/components/controllers/DividerControls.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface DividerControlsProps {
+    attrs: Record<string, any>;
+    updateAttrs: (attr: Record<string, any>) => void;
+}
+declare const DividerControls: React.FC<DividerControlsProps>;
+export default DividerControls;

package/dist/views/template-editor/components/controllers/ImageControls.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface ImageControlsProps {
+    attrs: Record<string, any>;
+    updateAttrs: (attr: Record<string, any>) => void;
+}
+declare const ImageControls: React.FC<ImageControlsProps>;
+export default ImageControls;

package/dist/views/template-editor/components/controllers/SignatureControls.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface SignatureControlsProps {
+    attrs: Record<string, any>;
+    updateAttrs: (attr: Record<string, any>) => void;
+}
+declare const SignatureControls: React.FC<SignatureControlsProps>;
+export default SignatureControls;

package/dist/views/template-editor/components/controllers/TableControls.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+import { TableRow } from '@mui/material';
+
+interface TableColumn {
+    id: string;
+    header: string;
+}
+interface TableRow {
+    [key: string]: string;
+}
+interface CellMerge {
+    section: 'thead' | 'tbody';
+    rowStart: number;
+    rowEnd: number;
+    colStart: number;
+    colEnd: number;
+    value: string;
+}
+interface TableData {
+    columns: TableColumn[];
+    rows: TableRow[];
+    mergedCells?: CellMerge[];
+}
+interface TableControlsProps {
+    tableData: TableData;
+    setTableData: (value: TableData) => void;
+    attrs: any;
+    updateAttrs: (value: any) => void;
+    placeholders: Record<string, any>[];
+    handleSave?: () => void;
+    setParentRowLevel?: (value: boolean) => void;
+    levelType?: boolean;
+    relation_table?: any;
+}
+declare const TableControls: React.FC<TableControlsProps>;
+export default TableControls;

package/dist/views/template-editor/components/controllers/TextControls.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+
+interface TextStyles {
+    fontFamily?: string;
+    fontSize?: number;
+    lineHeight?: string | number;
+    textAlign?: string;
+    fontWeight?: string;
+    fontStyle?: string;
+    textDecoration?: string;
+    color?: string;
+}
+interface TextControlsProps {
+    attrs: {
+        styles?: TextStyles;
+        [key: string]: any;
+    };
+    updateAttrs: (attr: Record<string, any>) => void;
+}
+declare const _default: React.NamedExoticComponent<TextControlsProps>;
+export default _default;

package/dist/views/template-editor/components/controllers/border-control.d.ts

@@ -0,0 +1,13 @@
+export interface BorderControlProps {
+    styles: Record<string, any>;
+    onChange: (key: string, value: any) => void;
+    isBordered: boolean;
+    disableWidth?: boolean;
+    disableStyle?: boolean;
+    disableColor?: boolean;
+    disableCollapse?: boolean;
+    disableRadius?: boolean;
+    initiateStyles?: (styles: Record<string, any>) => void;
+}
+declare const BorderControl: React.FC<BorderControlProps>;
+export default BorderControl;

package/dist/views/template-editor/components/controllers/index.d.ts

@@ -0,0 +1,18 @@
+export { default as AlignmentControl } from './AlignmentControl';
+export * from './AlignmentControl';
+export { default as BorderControl } from './border-control';
+export * from './border-control';
+export { default as ButtonControls } from './ButtonControls';
+export * from './ButtonControls';
+export { default as CodeControls } from './CodeControls';
+export * from './CodeControls';
+export { default as DividerControls } from './DividerControls';
+export * from './DividerControls';
+export { default as ImageControls } from './ImageControls';
+export * from './ImageControls';
+export { default as SignatureControls } from './SignatureControls';
+export * from './SignatureControls';
+export { default as TableControls } from './TableControls';
+export * from './TableControls';
+export { default as React } from './TextControls';
+export * from './TextControls';

package/dist/views/template-editor/components/index.d.ts

@@ -0,0 +1,13 @@
+export { default as EditorCanvas } from './EditorCanvas';
+export * from './EditorCanvas';
+export { default as EditorHeader } from './EditorHeader';
+export * from './EditorHeader';
+export { default as EditorSection } from './EditorSection';
+export * from './EditorSection';
+export { default as EditorSidebar } from './EditorSidebar';
+export * from './EditorSidebar';
+export { default as SectionFlowEditor } from './SectionFlowEditor';
+export * from './SectionFlowEditor';
+export { default as SectionFormatPanel } from './SectionFormatPanel';
+export * from './SectionFormatPanel';
+export * from './controllers';

package/dist/views/template-editor/edit-section-modal/edit-section-modal.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { DialogProps } from '@mui/material';
+import { SectionData } from '../types/editor';
+
+interface EditSectionModalProps {
+    isOpen: boolean;
+    setIsOpen: (value: boolean) => void;
+    modalProps: DialogProps;
+    section: SectionData;
+    placeholders: Record<string, any>[];
+    handleSave: (e: any) => void;
+    handleAddPlaceholder: (placeholder: string) => void;
+    handleEditorReady: (placeholder: string) => void;
+}
+declare const EditSectionModal: React.FC<EditSectionModalProps>;
+export default EditSectionModal;

package/dist/views/template-editor/edit-section-modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EditSectionModal } from './edit-section-modal';
+export * from './edit-section-modal';

package/dist/views/template-editor/index.d.ts

@@ -0,0 +1,11 @@
+export * from './routes';
+export { default as Templates } from './templates';
+export * from './templates';
+export * from './add-template';
+export * from './company-selection-modal';
+export * from './components';
+export * from './edit-section-modal';
+export * from './template-modal';
+export * from './template-name-modal';
+export * from './types';
+export * from './utils';

package/dist/views/template-editor/routes.d.ts

@@ -0,0 +1,4 @@
+export declare const templateEditorRoutes: (modulePath: string, module: string) => {
+    path: string;
+    element: import("react/jsx-runtime").JSX.Element;
+}[];

package/dist/views/template-editor/template-modal/html-thumbnail-preview.d.ts

@@ -0,0 +1,17 @@
+declare const HtmlThumbnailPreview: ({ template, width, height, scale, showControls, onClick, selectedTemplateId, isFetching, onDelete, minScale, maxScale, scaleStep, loadingDelay, refreshDelay }: {
+    template: any;
+    width?: number;
+    height?: number;
+    scale?: number;
+    showControls?: boolean;
+    onClick?: any;
+    selectedTemplateId?: string;
+    isFetching?: boolean;
+    onDelete: any;
+    minScale?: number;
+    maxScale?: number;
+    scaleStep?: number;
+    loadingDelay?: number;
+    refreshDelay?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default HtmlThumbnailPreview;

package/dist/views/template-editor/template-modal/index.d.ts

@@ -0,0 +1,4 @@
+export { default as HtmlThumbnailPreview } from './html-thumbnail-preview';
+export * from './html-thumbnail-preview';
+export { default as TemplateModal } from './template-modal';
+export * from './template-modal';

package/dist/views/template-editor/template-modal/template-modal.d.ts

@@ -0,0 +1,8 @@
+declare const TemplateModal: ({ email, onClose, open, companies, templateRoutes }: {
+    email: any;
+    onClose: any;
+    open: any;
+    companies?: any[];
+    templateRoutes: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TemplateModal;

package/dist/views/template-editor/template-name-modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TemplateNameModal } from './template-name-modal';
+export * from './template-name-modal';

package/dist/views/template-editor/template-name-modal/template-name-modal.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { DialogProps } from '@mui/material';
+import { IEmail } from '../utils/types';
+
+interface TemplateNameModalProps {
+    isOpen: boolean;
+    setIsOpen: (value: IEmail | null) => void;
+    modalProps?: DialogProps;
+    templateRoutes: Record<string, any>;
+    payload: Record<string, any>;
+    mode: 'add' | 'edit';
+    templateData: Record<string, any> | null;
+}
+declare const TemplateNameModal: React.FC<TemplateNameModalProps>;
+export default TemplateNameModal;

package/dist/views/template-editor/templates.d.ts

@@ -0,0 +1,4 @@
+import { ITemplateProps } from './utils/types';
+
+declare const Templates: React.FC<ITemplateProps>;
+export default Templates;

package/dist/views/template-editor/types/editor.d.ts

@@ -0,0 +1,32 @@
+export type ElementType = 'heading' | 'heading-2' | 'heading-3' | 'heading-4' | 'text' | 'image' | 'buttons' | 'divider' | 'table' | 'signature' | 'qr-code' | 'bar-code';
+export interface SectionData {
+    id: string;
+    content: string;
+    type: ElementType;
+    isSplitPair?: boolean;
+    splitGroupId?: string;
+    splitWidth?: number;
+    attributes?: Record<string, any>;
+    is_edited_from_source: boolean;
+}
+export interface Placeholder {
+    name: string;
+    value: string;
+}
+declare module '@mui/material/styles' {
+    interface Theme {
+        status: {
+            danger: string;
+        };
+    }
+    interface ThemeOptions {
+        status?: {
+            danger?: string;
+        };
+    }
+}
+export interface EnhancedSectionData extends SectionData {
+    isSplitPair?: boolean;
+    splitGroupId?: string;
+    splitWidth?: number;
+}

package/dist/views/template-editor/types/index.d.ts

@@ -0,0 +1 @@
+export * from './editor';

package/dist/views/template-editor/utils/common.d.ts

@@ -0,0 +1,17 @@
+import { ElementType, EnhancedSectionData } from '../types/editor';
+
+export declare const templateRoutes: (modulePath: string, type: string) => {
+    LIST: string;
+    ADD_TEMPLATE: (id: string) => string;
+    EDIT_TEMPLATE: (id: string, templateId: string) => string;
+};
+export declare const generateEmailPreview: (sections: EnhancedSectionData[], headerSections?: EnhancedSectionData[], footerSections?: EnhancedSectionData[], isSaving?: boolean) => string;
+export declare const generateHeaderFooterPreview: (sections: EnhancedSectionData[], type?: string) => string;
+export declare const extractStyles: (html: string, sectionType: string) => any;
+type StyleValue = string | number | boolean | null | undefined | StyleObject;
+interface StyleObject {
+    [key: string]: StyleValue;
+}
+export declare const generateInlineStyles: (styles: StyleObject, parentKey?: string) => string;
+export declare const getInitialSectionData: (type: ElementType, attrs?: Record<string, any>) => EnhancedSectionData;
+export {};

package/dist/views/template-editor/utils/constant.d.ts

@@ -0,0 +1,136 @@
+export declare const initialStyles: {
+    text: {
+        color: string;
+        fontSize: number;
+        fontWeight: string;
+        fontFamily: string;
+        textAlign: string;
+        lineHeight: number;
+    };
+    'text-block': {
+        color: string;
+        fontSize: number;
+        fontWeight: string;
+        fontFamily: string;
+        textAlign: string;
+        lineHeight: number;
+    };
+    heading: {
+        color: string;
+        fontSize: number;
+        fontWeight: string;
+        fontFamily: string;
+        textAlign: string;
+        lineHeight: number;
+        margin: string;
+    };
+    'heading-2': {
+        color: string;
+        fontSize: number;
+        fontWeight: string;
+        fontFamily: string;
+        textAlign: string;
+        lineHeight: number;
+        margin: string;
+    };
+    'heading-3': {
+        color: string;
+        fontSize: number;
+        fontWeight: string;
+        fontFamily: string;
+        textAlign: string;
+        lineHeight: number;
+        margin: string;
+    };
+    'heading-4': {
+        color: string;
+        fontSize: number;
+        fontWeight: string;
+        fontFamily: string;
+        textAlign: string;
+        lineHeight: number;
+        margin: string;
+    };
+    buttons: {
+        backgroundColor: string;
+        color: string;
+        padding: string;
+        border: string;
+        borderRadius: number;
+        fontSize: number;
+        text: string;
+        display: string;
+        margin: string;
+    };
+    image: {
+        src: string;
+        alt: string;
+        width: string;
+        height: string;
+        objectFit: string;
+        alignment: string;
+        fullWidth: boolean;
+        display: string;
+        margin: string;
+    };
+    divider: {
+        borderWidth: number;
+        borderStyle: string;
+        borderColor: string;
+    };
+    table: {
+        is_bordered: boolean;
+        border: number;
+        borderStyle: string;
+        borderColor: string;
+        borderCollapse: string;
+        width: string;
+        thCells: {
+            padding: number;
+        };
+        tbCells: {
+            padding: number;
+        };
+        tHead: {
+            backgroundColor: string;
+            color: string;
+            fontSize: number;
+            fontWeight: string;
+            fontFamily: string;
+            textAlign: string;
+            margin: string;
+        };
+        tBody: {
+            backgroundColor: string;
+            color: string;
+            fontSize: number;
+            fontWeight: string;
+            fontFamily: string;
+            textAlign: string;
+        };
+    };
+    signature: {
+        fontSize: number;
+        fontFamily: string;
+        color: string;
+    };
+    'qr-code': {
+        fontSize: number;
+        placeholder: string;
+        backgroundColor: string;
+        padding: number;
+        textAlign: string;
+    };
+    'bar-code': {
+        fontSize: number;
+        placeholder: string;
+        backgroundColor: string;
+        padding: number;
+        textAlign: string;
+    };
+};
+export declare const TEMPLATE_EDITOR_PATHS: {
+    TEMPLATES_LIST: (type: string) => string;
+    TEMPLATES_ADD: (type: string) => string;
+    TEMPLATES_EDIT: (type: string) => string;
+};

package/dist/views/template-editor/utils/default-data.d.ts

@@ -0,0 +1,7 @@
+import { MaterialTableColumnProps } from '../../../components/material-table/material-table';
+
+export declare const textOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const emailColumns: MaterialTableColumnProps[];

package/dist/views/template-editor/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './common';
+export * from './constant';
+export * from './default-data';
+export * from './style-extractor';
+export * from './types';

package/dist/views/template-editor/utils/style-extractor.d.ts

@@ -0,0 +1,11 @@
+export declare const useCKEditorStyleExtractor: () => {
+    extractStyles: (editorContent: any, options?: {}) => any[];
+    extractFormattingStyles: (editorContent: any) => {};
+    generateCSS: (extractedStyles: any) => string;
+    getFlattenedStyles: (extractedStyles: any) => {};
+    getSingleStyles: (extractedStyles: any) => {};
+    stylesToHtml: (text: any, styles?: {}, options?: {}) => string;
+    multipleStylesToHtml: (segments: any, options?: {}) => string;
+    applyStylesToHtml: (htmlContent: any, styles?: {}, targetSelector?: string) => string;
+    extractAndConvert: (editorContent: any, targetStyles?: {}) => {};
+};

package/dist/views/template-editor/utils/types.d.ts

@@ -0,0 +1,33 @@
+import { FieldValues, SubmitHandler } from 'react-hook-form';
+
+export interface ITAndCFormValues {
+}
+export type IEmail = Record<string, any>;
+export interface IFormProps {
+    onSubmit: SubmitHandler<FieldValues>;
+    mode?: 'add' | 'edit' | 'duplicate';
+}
+export interface Pagination {
+    pageNo: number;
+    limit: number;
+    totalCount: number;
+}
+export interface IFormValues {
+    billingCycle: {
+        name: string;
+        id: number;
+        duration: string;
+        count?: number;
+        company?: string;
+    };
+}
+export interface ITemplateProps {
+    type: 'email' | 'pdf';
+    module: string;
+    modulePath: string;
+}
+export interface ITemplateFormProps {
+    type: 'email' | 'pdf';
+    module: string;
+    modulePath: string;
+}

package/dist/vite-env.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  /** Base URL for API requests */
+  readonly VITE_BACKEND_BASE_URL: string;
+  
+  /** WebSocket server URL */
+  readonly VITE_SOCKET_BASE_URL: string;
+  
+  /** Base URL for file storage */
+  readonly VITE_BUCKET_URL: string;
+  
+  /** Alternative URL for S3 bucket access */
+  readonly VITE_S3_BUCKET_URL: string;
+}
+
+// Extend NodeJS.ProcessEnv
+declare namespace NodeJS {
+  interface ProcessEnv extends ImportMetaEnv {}
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@erpsquad/common",
-	"version": "1.8.42",
+	"version": "1.8.43",
 	"description": "Shared UI component library for ERP modules",
 	"main": "./dist/index.js",
 	"module": "./dist/index.esm.js",

package/src/styles/index.d.ts

@@ -0,0 +1 @@
+export * from './themes';