@erpsquad/common 1.11.7 → 1.11.8

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

@@ -16,9 +16,6 @@ interface TextControlsProps {
         [key: string]: any;
     };
     updateAttrs: (attr: Record<string, any>) => void;
-    placeholders?: any[];
-    content?: string;
-    updateContent?: (content: string) => void;
 }
 declare const _default: React.NamedExoticComponent<TextControlsProps>;
 export default _default;

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

@@ -1,22 +1,110 @@
-export type ElementType = 'text' | 'text-block' | 'heading' | 'heading-2' | 'heading-3' | 'heading-4' | 'buttons' | 'image' | 'divider' | 'table' | 'signature' | 'qr-code' | 'bar-code' | 'v2-state';
-export interface EnhancedSectionData {
+export type ElementType = 'heading' | 'heading-2' | 'heading-3' | 'heading-4' | 'text' | 'image' | 'buttons' | 'divider' | 'table' | 'signature' | 'qr-code' | 'bar-code';
+export interface TextStyles {
+    color?: string;
+    fontSize?: number;
+    fontWeight?: string;
+    fontFamily?: string;
+    textAlign?: string;
+    lineHeight?: number;
+}
+export interface HeadingStyles extends TextStyles {
+    margin?: string;
+}
+export interface ButtonStyles {
+    backgroundColor?: string;
+    color?: string;
+    padding?: string;
+    border?: string;
+    borderRadius?: number;
+    fontSize?: number;
+    text?: string;
+    display?: string;
+    margin?: string;
+}
+export interface ImageStyles {
+    src?: string;
+    alt?: string;
+    width?: string;
+    height?: string;
+    objectFit?: string;
+    alignment?: string;
+    fullWidth?: boolean;
+    display?: string;
+    margin?: string;
+}
+export interface DividerStyles {
+    borderWidth?: number;
+    borderStyle?: string;
+    borderColor?: string;
+}
+export interface TableCellStyles {
+    padding?: number;
+}
+export interface TableHeadStyles extends TextStyles {
+    backgroundColor?: string;
+    margin?: string;
+}
+export interface TableBodyStyles extends TextStyles {
+    backgroundColor?: string;
+}
+export interface TableStyles {
+    is_bordered?: boolean;
+    border?: number;
+    borderStyle?: string;
+    borderColor?: string;
+    borderCollapse?: string;
+    width?: string;
+    thCells?: TableCellStyles;
+    tbCells?: TableCellStyles;
+    tHead?: TableHeadStyles;
+    tBody?: TableBodyStyles;
+}
+export interface SignatureStyles {
+    fontSize?: number;
+    fontFamily?: string;
+    color?: string;
+}
+export interface CodeStyles {
+    fontSize?: number;
+    placeholder?: string;
+    backgroundColor?: string;
+    padding?: number;
+    textAlign?: string;
+}
+export type SectionStyles = TextStyles | HeadingStyles | ButtonStyles | ImageStyles | DividerStyles | TableStyles | SignatureStyles | CodeStyles;
+export interface SectionAttributes {
+    styles?: SectionStyles;
+    [key: string]: any;
+}
+export interface SectionData {
     id: string;
-    type: ElementType;
     content: string;
-    name?: string;
-    attributes?: {
-        styles?: any;
-        placeholders?: Record<string, string>;
-        tableData?: any;
-        [key: string]: any;
-    };
-    is_edited_from_source?: boolean;
-    hidden?: boolean;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    rotation: number;
-    zIndex?: number;
-}
-export type SectionData = EnhancedSectionData;
+    type: ElementType;
+    isSplitPair?: boolean;
+    splitGroupId?: string;
+    splitWidth?: number;
+    attributes?: SectionAttributes;
+    is_edited_from_source: boolean;
+    scopeId?: string;
+}
+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/src/views/template-editor/utils/common.d.ts

@@ -1,26 +1,17 @@
 import { ElementType, EnhancedSectionData } from '../types/editor';
 
-export declare const generateSectionsHTML: (sections: any[], yOffset?: number, isCompiler?: boolean) => string;
 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, scopeId?: string, stationeryHeaderHtml?: string, stationeryFooterHtml?: string, paper?: string, orient?: string, watermark?: {
-    show: boolean;
-    opacity: number;
-    size: number;
-    rotation: number;
-    image?: string;
-}) => string;
+export declare const generateEmailPreview: (sections: EnhancedSectionData[], headerSections?: EnhancedSectionData[], footerSections?: EnhancedSectionData[], isSaving?: boolean, scopeId?: string) => string;
 export declare const generateHeaderFooterPreview: (sections: EnhancedSectionData[], type?: string, scopeId?: 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 applyOpacityToColor: (color: string | undefined, opacity: number) => string;
 export declare const generateInlineStyles: (styles: StyleObject, parentKey?: string) => string;
 export declare const getInitialSectionData: (type: ElementType, attrs?: Record<string, any>) => EnhancedSectionData;
-export declare const generateContentHTML: (sectionType: ElementType, content: string, attrs: any, placeholders?: any[], isCompiler?: boolean) => string;
 export {};

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

@@ -85,7 +85,6 @@ export declare const initialStyles: {
         borderColor: string;
         borderCollapse: string;
         width: string;
-        opacity: number;
         thCells: {
             padding: number;
         };
@@ -99,7 +98,7 @@ export declare const initialStyles: {
             fontWeight: string;
             fontFamily: string;
             textAlign: string;
-            rowHeight: number;
+            margin: string;
         };
         tBody: {
             backgroundColor: string;
@@ -108,7 +107,6 @@ export declare const initialStyles: {
             fontWeight: string;
             fontFamily: string;
             textAlign: string;
-            rowHeight: number;
         };
     };
     signature: {
@@ -136,4 +134,3 @@ export declare const TEMPLATE_EDITOR_PATHS: {
     TEMPLATES_ADD: (type: string) => string;
     TEMPLATES_EDIT: (type: string) => string;
 };
-export declare const STATIONERY_CSS = "\n<style>\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Kufi+Arabic:wght@400;500;600;700&family=Cairo:wght@400;600;700&display=swap');\n.st-head, .st-foot { position: relative !important; overflow: hidden !important; background: transparent !important; font-family: Inter, sans-serif; padding: 0 !important; margin: 0 !important; border: none !important; box-sizing: border-box !important; }\n.st-head > *, .st-foot > * { box-sizing: border-box !important; }\n.st-free-content { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; }\n.st-free-content > * { margin: 0 !important; width: 100% !important; box-sizing: border-box !important; word-break: break-word; pointer-events: none !important; }\n.st-foot-band { display: flex; gap: 15px; align-items: center; white-space: nowrap; font-size: 10px; color: #666; width: 100%; height: 100%; box-sizing: border-box; }\n.st-foot-contact { display: flex; gap: 16px; align-items: center; font-size: 11px; color: #444; width: 100%; height: 100%; box-sizing: border-box; }\n.st-foot-contact span { display: flex; align-items: center; gap: 4px; }\n.st-foot-meta { font-size: 10px; color: #666; display: flex; align-items: center; width: 100%; height: 100%; box-sizing: border-box; }\n.st-logo { max-width: 100%; max-height: 100%; object-fit: contain; }\n.st-ed-inline { margin: 0; padding: 0; }\n.st-name-en { font-size: 16px !important; font-weight: 700 !important; letter-spacing: -0.01em !important; color: #14171b !important; line-height: 1.2 !important; }\n.st-name-ar { font-family: 'Noto Kufi Arabic', 'Cairo', 'IBM Plex Sans Arabic', Tahoma, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; color: #3a3f46 !important; line-height: 1.4 !important; direction: rtl !important; unicode-bidi: embed !important; }\n.st-tagline { font-size: 10px !important; font-family: 'JetBrains Mono', monospace !important; color: var(--st-brand, #2EB273) !important; }\n.st-head--standard .st-name-en,\n.st-head--standard .st-name-ar,\n.st-head--standard .st-tagline,\n.st-head--split .st-name-en,\n.st-head--split .st-name-ar,\n.st-head--split .st-tagline { text-align: right !important; width: 100% !important; }\n.st-head--centered .st-name-en,\n.st-head--centered .st-name-ar,\n.st-head--centered .st-tagline { text-align: center !important; width: 100% !important; }\n</style>\n";