@erpsquad/common 1.11.8 → 1.11.10

package/dist/src/views/template-editor/engine/stationery-free-element.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+
+interface StationeryFreeElementProps {
+    id: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation: number;
+    isSelected: boolean;
+    canvasBounds: {
+        width: number;
+        height: number;
+    };
+    onSelect: (id: string) => void;
+    onChange: (id: string, x: number, y: number, width: number, height: number, rotation: number) => void;
+    onDelete?: (id: string) => void;
+    children: React.ReactNode;
+    autoHeight?: boolean;
+}
+export declare const StationeryFreeElement: React.FC<StationeryFreeElementProps>;
+export {};

package/dist/src/views/template-editor/engine/stationery-store.d.ts

@@ -0,0 +1,154 @@
+declare function load(): {
+    presets: {
+        id: string;
+        name: string;
+        mode: string;
+        brand: string;
+        paper: string;
+        orient: string;
+        header: {
+            show: boolean;
+            variant: string;
+            showLogo: boolean;
+            logoSize: number;
+            logoSrc: any;
+            nameEN: string;
+            nameAR: string;
+            bilingual: boolean;
+            tagline: string;
+            rule: boolean;
+            repeat: string;
+            compactCont: boolean;
+        };
+        footer: {
+            show: boolean;
+            regBand: boolean;
+            regItems: any[];
+            contactRow: boolean;
+            address: string;
+            phone: string;
+            email: string;
+            pageNumbers: boolean;
+            format: string;
+            note: string;
+            repeat: string;
+        };
+        watermark: {
+            show: boolean;
+            opacity: number;
+            size: number;
+            rotation: number;
+        };
+        reserve: {
+            top: number;
+            bottom: number;
+        };
+        sections: any[];
+    }[];
+    activeId: string;
+};
+declare function save(lib: any): void;
+export declare const STStore: {
+    uid: () => string;
+    defPreset: (over?: {}) => {
+        id: string;
+        name: string;
+        mode: string;
+        brand: string;
+        paper: string;
+        orient: string;
+        header: {
+            show: boolean;
+            variant: string;
+            showLogo: boolean;
+            logoSize: number;
+            logoSrc: any;
+            nameEN: string;
+            nameAR: string;
+            bilingual: boolean;
+            tagline: string;
+            rule: boolean;
+            repeat: string;
+            compactCont: boolean;
+        };
+        footer: {
+            show: boolean;
+            regBand: boolean;
+            regItems: any[];
+            contactRow: boolean;
+            address: string;
+            phone: string;
+            email: string;
+            pageNumbers: boolean;
+            format: string;
+            note: string;
+            repeat: string;
+        };
+        watermark: {
+            show: boolean;
+            opacity: number;
+            size: number;
+            rotation: number;
+        };
+        reserve: {
+            top: number;
+            bottom: number;
+        };
+        sections: any[];
+    };
+    mergePreset: (p: any) => any;
+    seedLib: () => {
+        presets: {
+            id: string;
+            name: string;
+            mode: string;
+            brand: string;
+            paper: string;
+            orient: string;
+            header: {
+                show: boolean;
+                variant: string;
+                showLogo: boolean;
+                logoSize: number;
+                logoSrc: any;
+                nameEN: string;
+                nameAR: string;
+                bilingual: boolean;
+                tagline: string;
+                rule: boolean;
+                repeat: string;
+                compactCont: boolean;
+            };
+            footer: {
+                show: boolean;
+                regBand: boolean;
+                regItems: any[];
+                contactRow: boolean;
+                address: string;
+                phone: string;
+                email: string;
+                pageNumbers: boolean;
+                format: string;
+                note: string;
+                repeat: string;
+            };
+            watermark: {
+                show: boolean;
+                opacity: number;
+                size: number;
+                rotation: number;
+            };
+            reserve: {
+                top: number;
+                bottom: number;
+            };
+            sections: any[];
+        }[];
+        activeId: string;
+    };
+    load: typeof load;
+    save: typeof save;
+    getActive: (lib: any) => any;
+    getById: (lib: any, id: any) => any;
+};
+export {};

package/dist/src/views/template-editor/engine/templatebuilder.d.ts

@@ -0,0 +1,51 @@
+declare function defaultColumns(): {
+    id: string;
+    field: string;
+    label: string;
+    align: string;
+}[];
+declare function defaultMeta(): {
+    id: string;
+    field: string;
+    label: string;
+    expr: string;
+}[];
+declare function c(): string;
+declare function buildItemsTable(cols: any, arrayKey?: string): string;
+declare function buildMetaStrip(fields: any): string;
+declare function spliceBlock(tpl: any, block: any, replacement: any): any;
+declare function composeInvoice(base: any, cols: any, metaFields: any, arrayKey?: string): any;
+declare function resolveConfigBlocks(s: any, data: any): any;
+declare function toPlaceholderView(tpl: any, data: any): any;
+declare function toEditableTemplateView(tpl: any, data: any, labelFor: any): {
+    html: string;
+    units: any[];
+};
+declare function applyTemplateEdit(src: any, unit: any, text: any): any;
+declare function applyTemplateToken(src: any, unit: any, tag: any): any;
+export declare const PBTpl: {
+    ITEM_FIELDS: {
+        id: string;
+        label: string;
+        expr: string;
+    }[];
+    itemFieldLabel: (id: any) => any;
+    META_CATALOG: {
+        field: string;
+        label: string;
+        expr: string;
+    }[];
+    defaultColumns: typeof defaultColumns;
+    defaultMeta: typeof defaultMeta;
+    buildItemsTable: typeof buildItemsTable;
+    buildMetaStrip: typeof buildMetaStrip;
+    spliceBlock: typeof spliceBlock;
+    composeInvoice: typeof composeInvoice;
+    resolveConfigBlocks: typeof resolveConfigBlocks;
+    toPlaceholderView: typeof toPlaceholderView;
+    toEditableTemplateView: typeof toEditableTemplateView;
+    applyTemplateEdit: typeof applyTemplateEdit;
+    applyTemplateToken: typeof applyTemplateToken;
+    newId: typeof c;
+};
+export {};

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

@@ -0,0 +1,11 @@
+export declare const PBTemplates: {
+    quotation: string;
+    invoice: string;
+    invoice_ksa: string;
+    delivery: string;
+    po: string;
+    report: string;
+    receipt: string;
+    credit: string;
+    statement: string;
+};

package/dist/src/views/template-editor/icons/custom-styled-icon.d.ts

@@ -0,0 +1,7 @@
+import { SvgIcon } from '@mui/material';
+
+declare const Styled: (Icon: typeof SvgIcon) => import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "style" | "className" | "classes" | "children" | "color" | "fontSize" | "htmlColor" | "inheritViewBox" | "shapeRendering" | "sx" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export { Styled };
+export default Styled;

package/dist/src/views/template-editor/icons/edit.d.ts

@@ -0,0 +1,4 @@
+export declare const Edit: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "style" | "className" | "classes" | "children" | "color" | "fontSize" | "htmlColor" | "inheritViewBox" | "shapeRendering" | "sx" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export default Edit;

package/dist/src/views/template-editor/icons/trash.d.ts

@@ -0,0 +1,4 @@
+export declare const Trash: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "style" | "className" | "classes" | "children" | "color" | "fontSize" | "htmlColor" | "inheritViewBox" | "shapeRendering" | "sx" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export default Trash;

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

@@ -1,110 +1,22 @@
-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 {
+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 {
     id: string;
-    content: string;
     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;
-}
+    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;

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

@@ -0,0 +1,66 @@
+export type StationeryMode = 'letterhead' | 'preprinted';
+export type HeaderVariant = 'standard' | 'split' | 'centered' | 'compact';
+export type RepeatMode = 'all' | 'first';
+export interface RegistrationItem {
+    label: string;
+    value: string;
+}
+export interface StationeryHeaderConfig {
+    showLogo: boolean;
+    logoAttributes?: Record<string, any>;
+    nameENAttributes?: Record<string, any>;
+    nameARAttributes?: Record<string, any>;
+    taglineAttributes?: Record<string, any>;
+    ruleAttributes?: Record<string, any>;
+    height?: number;
+    logoSrc: string | null;
+    logoSize: number;
+    nameEN: string;
+    bilingual: boolean;
+    nameAR: string;
+    tagline: string;
+    show: boolean;
+    variant: HeaderVariant;
+    rule: boolean;
+    repeat: RepeatMode;
+    compactCont: boolean;
+}
+export interface StationeryFooterConfig {
+    show: boolean;
+    regBand: boolean;
+    regBandAttributes?: Record<string, any>;
+    regItems: RegistrationItem[];
+    contactRow: boolean;
+    contactAttributes?: Record<string, any>;
+    address: string;
+    phone: string;
+    email: string;
+    pageNumbers: boolean;
+    pageNumbersAttributes?: Record<string, any>;
+    format: string;
+    note: string;
+    noteAttributes?: Record<string, any>;
+    repeat: RepeatMode;
+    height?: number;
+}
+export interface StationeryWatermarkConfig {
+    show: boolean;
+    opacity: number;
+    size: number;
+    rotation: number;
+}
+export interface StationeryReserveConfig {
+    top: number;
+    bottom: number;
+}
+export interface StationeryConfig {
+    id?: string;
+    name: string;
+    brand: string;
+    mode: StationeryMode;
+    header: StationeryHeaderConfig;
+    footer: StationeryFooterConfig;
+    watermark: StationeryWatermarkConfig;
+    reserve: StationeryReserveConfig;
+}
+export declare const defaultStationeryConfig: StationeryConfig;

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

@@ -1,17 +1,26 @@
 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) => 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 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/compiler.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Compiles the V2 Editor State into a V1-compatible payload for the backend.
+ * Supports both single-page (legacy sections[]) and multi-page (pages[]) formats.
+ *
+ * For multi-page: produces one <div class="pbd-page"> per page, each with the correct
+ * stationery header/footer based on the repeat config (all / first).
+ * Puppeteer renders each pbd-page as one physical PDF page via page-break-after:always.
+ */
+export declare const compileV2TemplateToV1Payload: (v2Payload: any, effTemplate: string) => {
+    sections: any[];
+    contents: string;
+};

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

@@ -85,6 +85,7 @@ export declare const initialStyles: {
         borderColor: string;
         borderCollapse: string;
         width: string;
+        opacity: number;
         thCells: {
             padding: number;
         };
@@ -98,7 +99,7 @@ export declare const initialStyles: {
             fontWeight: string;
             fontFamily: string;
             textAlign: string;
-            margin: string;
+            rowHeight: number;
         };
         tBody: {
             backgroundColor: string;
@@ -107,6 +108,7 @@ export declare const initialStyles: {
             fontWeight: string;
             fontFamily: string;
             textAlign: string;
+            rowHeight: number;
         };
     };
     signature: {
@@ -134,3 +136,4 @@ 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";