npm - @erpsquad/common - Versions diffs - 1.11.8 → 1.11.10 - Mend

@erpsquad/common 1.11.8 → 1.11.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (648) hide show

package/dist/chunks/common-C5AokA7z.js DELETED Viewed

@@ -1,368 +0,0 @@
-"use strict";
-const constant = require("./constant-ZYAN_teD.js");
-const views_templateEditor_services = require("../views/template-editor/services/index.js");
-const templateRoutes = (modulePath, type) => {
-  const list = `${modulePath}${constant.TEMPLATE_EDITOR_PATHS.TEMPLATES_LIST(type)}`;
-  const add = `${modulePath}${constant.TEMPLATE_EDITOR_PATHS.TEMPLATES_ADD(type)}`;
-  const edit = `${modulePath}${constant.TEMPLATE_EDITOR_PATHS.TEMPLATES_EDIT(type)}`;
-  return {
-    LIST: list,
-    ADD_TEMPLATE: (id) => add.replace(":id", id),
-    EDIT_TEMPLATE: (id, templateId) => edit.replace(":id", id).replace(":template_id", templateId)
-  };
-};
-const generateEmailPreview = (sections, headerSections = [], footerSections = [], isSaving = false, scopeId) => {
-  const headerHtml = headerSections && (headerSections == null ? void 0 : headerSections.length) ? generateHeaderFooterPreview(headerSections, "header") : "";
-  const footerHtml = footerSections && (footerSections == null ? void 0 : footerSections.length) ? generateHeaderFooterPreview(footerSections, "footer") : "";
-  const templateScopeId = scopeId || views_templateEditor_services.cssScopingService.generateScopeId();
-  let html = `
-  <html>
-  <head>
-    <style>
-      .email-container {
-        margin: 0 auto;
-        margin-bottom: 20px;
-        background-color: #fff;
-        border-radius: 8px;
-        max-width: ${isSaving ? "65%" : "800px"};
-        width: 100%;
-      }
-      a {
-        color: #007bff !important;
-        text-decoration: none !important;
-      }
-      a:hover {
-        text-decoration: underline;
-      }
-        * {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-      }
-      body {
-        font-family: "Inter", sans-serif !important;
-        font-size: 16px;
-        font-weight: 400;
-        color: #00011c;
-        font-style: normal;
-      }
-      img {
-        display: block;
-        height: auto;
-      }
-      table,
-      tr,
-      td {
-        border-collapse: collapse;
-      }
-      a {
-        text-decoration: none;
-      }
-      table.our-details,
-      .our-details td,
-      .our-details th {
-        border: 1px solid #d3d3d4;
-      }
-      table.amount-word-table,
-      table.amount-word-table td,
-      table.amount-word-table th {
-        border: 1px solid #d6d6d6;
-      }
-      .amount-word-table thead th {
-        background-color: #f5f6f5;
-      }
-      .amount-word-table thead td {
-        background-color: #f5f6f5;
-      }
-      .amount-word-table tbody tr:nth-child(even) {
-        background-color: #f5f6f5;
-      }
-      .amount-word-table tbody tr td {
-        border-top: 0;
-        border-bottom: 0;
-      }
-      .deliver-table thead th {
-        background-color: transparent;
-      }
-    </style>
-  </head>
-  <body>
-  <div class="email-container ${templateScopeId}">
-    ${headerHtml}
-    ${headerHtml ? "<hr/>" : ""}
-  `;
-  const groupedSections = [];
-  let currentGroup = [];
-  let lastSplitGroupId = null;
-  for (const section of sections) {
-    if (section.isSplitPair && section.splitGroupId !== 0) {
-      if (lastSplitGroupId !== section.splitGroupId && currentGroup.length > 0) {
-        groupedSections.push(currentGroup);
-        currentGroup = [];
-      }
-      currentGroup.push(section);
-      lastSplitGroupId = section.splitGroupId;
-    } else {
-      if (currentGroup.length > 0) {
-        groupedSections.push(currentGroup);
-        currentGroup = [];
-        lastSplitGroupId = null;
-      }
-      groupedSections.push([section]);
-    }
-  }
-  if (currentGroup.length > 0) {
-    groupedSections.push(currentGroup);
-  }
-  for (const group of groupedSections) {
-    if (group.length === 1 && !group[0].isSplitPair) {
-      html += `<div style="padding: 10px;">${group[0].content}</div>`;
-    } else {
-      html += '<table style="width: 100%; border-collapse: collapse;"><tr>';
-      for (const section of group) {
-        html += `<td style="width: ${section.splitWidth}%; vertical-align: top; padding: 10px;">
-          ${section.content}
-        </td>`;
-      }
-      html += "</tr></table>";
-    }
-  }
-  html += `
-      ${footerHtml ? "<hr/>" : ""}
-      ${footerHtml}
-    </div></body></html>`;
-  return html;
-};
-const generateHeaderFooterPreview = (sections, type = "header", scopeId) => {
-  const scopeClass = scopeId ? ` ${scopeId}` : "";
-  let html = `<${type} class="${type}${scopeClass}">`;
-  const groupedSections = [];
-  let currentGroup = [];
-  let lastSplitGroupId = null;
-  for (const section of sections) {
-    if (section.isSplitPair && section.splitGroupId !== 0) {
-      if (lastSplitGroupId !== section.splitGroupId && currentGroup.length > 0) {
-        groupedSections.push(currentGroup);
-        currentGroup = [];
-      }
-      currentGroup.push(section);
-      lastSplitGroupId = section.splitGroupId;
-    } else {
-      if (currentGroup.length > 0) {
-        groupedSections.push(currentGroup);
-        currentGroup = [];
-        lastSplitGroupId = null;
-      }
-      groupedSections.push([section]);
-    }
-  }
-  if (currentGroup.length > 0) {
-    groupedSections.push(currentGroup);
-  }
-  for (const group of groupedSections) {
-    if (group.length === 1 && !group[0].isSplitPair) {
-      html += `<div style="padding: 10px;">${group[0].content}</div>`;
-    } else {
-      html += '<table style="width: 100%; border-collapse: collapse;"><tr>';
-      for (const section of group) {
-        html += `<td style="width: ${section.splitWidth}%; vertical-align: top; padding: 10px;">
-          ${section.content}
-        </td>`;
-      }
-      html += "</tr></table>";
-    }
-  }
-  html += `</${type}>`;
-  return html;
-};
-const extractStyles = (html, sectionType) => {
-  const tempDiv = document.createElement("div");
-  tempDiv.innerHTML = html;
-  const element = tempDiv.firstChild;
-  if (!element) return {};
-  if ((element == null ? void 0 : element.getAttribute) instanceof Function === false) {
-    return {};
-  }
-  const styleAttr = element == null ? void 0 : element.getAttribute("style");
-  const allAttributes = (element == null ? void 0 : element.attributes) || [];
-  const attrObj = Array.from(allAttributes).reduce((obj, attr) => {
-    obj[attr.name] = attr.value;
-    return obj;
-  }, {});
-  if (!styleAttr) return {};
-  const styleObj = {};
-  const stylePairs = styleAttr.split(";").filter((pair) => pair.trim() !== "");
-  stylePairs.forEach((pair) => {
-    const [prop, value] = pair.split(":").map((part) => part.trim());
-    if (prop && value) {
-      const propName = prop.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
-      styleObj[propName] = value;
-    }
-  });
-  attrObj.styles = styleObj;
-  return attrObj;
-};
-const EMAIL_SAFE_PROPERTIES = /* @__PURE__ */ new Set([
-  "background",
-  "background-color",
-  "border",
-  "border-style",
-  "border-collapse",
-  "border-top",
-  "border-right",
-  "border-bottom",
-  "border-left",
-  "border-color",
-  "border-radius",
-  "color",
-  "display",
-  "font",
-  "font-family",
-  "font-size",
-  "font-style",
-  "font-weight",
-  "height",
-  "line-height",
-  "margin",
-  "margin-top",
-  "margin-right",
-  "margin-bottom",
-  "margin-left",
-  "padding",
-  "padding-top",
-  "padding-right",
-  "padding-bottom",
-  "padding-left",
-  "text-align",
-  "text-decoration",
-  "vertical-align",
-  "width",
-  "max-width",
-  "min-width",
-  "max-height",
-  "min-height"
-]);
-const generateInlineStyles = (styles, parentKey = "") => {
-  if (!styles || typeof styles !== "object") return "";
-  const styleEntries = Object.entries(styles).reduce((acc, [key, value]) => {
-    if (value === void 0 || value === null) return acc;
-    const fullKey = parentKey ? `${parentKey}-${key}` : key;
-    if (typeof value === "object" && !Array.isArray(value)) {
-      acc.push(generateInlineStyles(value, fullKey));
-      return acc;
-    }
-    const cssKey = fullKey.replace(/([A-Z])/g, "-$1").toLowerCase();
-    if (!EMAIL_SAFE_PROPERTIES.has(cssKey) && key !== "fullWidth" && key !== "alignment") {
-      return acc;
-    }
-    if (key === "fullWidth" && value === true) {
-      acc.push("width: 100%");
-      return acc;
-    }
-    if (key === "alignment" && typeof value === "string") {
-      acc.push(`text-align: ${value}`);
-      return acc;
-    }
-    if (typeof value === "boolean") return acc;
-    const cssValue = typeof value === "number" && !["z-index", "opacity", "line-height"].includes(key) ? `${value}px` : value;
-    acc.push(`${cssKey}: ${cssValue}`);
-    return acc;
-  }, []);
-  return styleEntries.filter(Boolean).join("; ");
-};
-const getInitialSectionData = (type, attrs = {}) => {
-  let content = "";
-  const styles = constant.initialStyles[type] || {};
-  const inlineStyles = generateInlineStyles(styles);
-  switch (type) {
-    case "heading":
-      content = `<h1 style="${inlineStyles}">Heading 1</h1>`;
-      break;
-    case "heading-2":
-      content = `<h2 style="${inlineStyles}">Heading 2</h2>`;
-      break;
-    case "heading-3":
-      content = `<h3 style="${inlineStyles}">Heading 3</h3>`;
-      break;
-    case "heading-4":
-      content = `<h4 style="${inlineStyles}">Heading 4</h4>`;
-      break;
-    case "text":
-      content = `<p style="${inlineStyles}">Hello, enter your text here...</p>`;
-      break;
-    case "image":
-      content = `<img src="${(attrs == null ? void 0 : attrs.src) || ""}" alt="${(attrs == null ? void 0 : attrs.alt) || ""}" style="${inlineStyles};" />`;
-      break;
-    case "buttons":
-      attrs.text = (attrs == null ? void 0 : attrs.text) || "Button text";
-      content = `<button style="${inlineStyles}">${attrs.text}</button>`;
-      break;
-    case "divider":
-      content = `<hr style="${inlineStyles}" />`;
-      break;
-    case "table": {
-      const { border, borderStyle, borderColor, ...rest } = styles;
-      const tInlineStyles = generateInlineStyles(styles.is_bordered ? styles : rest);
-      const tHeadInlineStyles = generateInlineStyles(styles.tHead);
-      const tBodyInlineStyles = generateInlineStyles(styles.tBody);
-      const thCellInlineStyles = generateInlineStyles({ ...styles.thCells, border, borderStyle, borderColor });
-      const tbCellInlineStyles = generateInlineStyles({ ...styles.tbCells, border, borderStyle, borderColor });
-      content = `
-        <table style="${tInlineStyles}">
-          <thead style="${tHeadInlineStyles}">
-            <tr style="background-color: #f5f5f5;">
-              <th style="${thCellInlineStyles}"></th>
-              <th style="${thCellInlineStyles}"></th>
-              <th style="${thCellInlineStyles}"></th>
-            </tr>
-          </thead>
-          <tbody style="${tBodyInlineStyles}">
-            <tr>
-              <td style="${tbCellInlineStyles}"></td>
-              <td style="${tbCellInlineStyles}"></td>
-              <td style="${tbCellInlineStyles}"></td>
-            </tr>
-          </tbody>
-        </table>
-      `;
-      break;
-    }
-    case "signature":
-      content = `<div style="${inlineStyles}">Signature: <input type='text' style="border:0; border-bottom:1px solid black" class='signature-input'/></div>`;
-      break;
-    case "qr-code":
-      attrs.placeholder = (attrs == null ? void 0 : attrs.placeholder) || "{{qr_data}}";
-      content = `<div style="background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;">${attrs.placeholder}</div>`;
-      break;
-    case "bar-code":
-      attrs.placeholder = (attrs == null ? void 0 : attrs.placeholder) || "{{barcode_data}}";
-      content = `<div style="background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;">${attrs.placeholder}</div>`;
-      break;
-    default:
-      content = '<p style="font-size: 16px; color: #333333; line-height: 1.5;">New section</p>';
-  }
-  extractStyles(content);
-  return {
-    content,
-    type,
-    attributes: { ...attrs || {}, styles }
-  };
-};
-exports.extractStyles = extractStyles;
-exports.generateEmailPreview = generateEmailPreview;
-exports.generateHeaderFooterPreview = generateHeaderFooterPreview;
-exports.generateInlineStyles = generateInlineStyles;
-exports.getInitialSectionData = getInitialSectionData;
-exports.templateRoutes = templateRoutes;
-//# sourceMappingURL=common-C5AokA7z.js.map

package/dist/chunks/common-C5AokA7z.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"common-C5AokA7z.js","sources":["../../src/views/template-editor/utils/common.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { ElementType, EnhancedSectionData } from '../types/editor';\nimport { initialStyles, TEMPLATE_EDITOR_PATHS } from './constant';\nimport { cssScopingService } from '../services/CSSScopingService';\n\n\nexport const templateRoutes = (modulePath: string, type: string) => {\n const list = `${modulePath}${TEMPLATE_EDITOR_PATHS.TEMPLATES_LIST(type)}`\n const add = `${modulePath}${TEMPLATE_EDITOR_PATHS.TEMPLATES_ADD(type)}`\n const edit = `${modulePath}${TEMPLATE_EDITOR_PATHS.TEMPLATES_EDIT(type)}`\n return {\n LIST: list,\n ADD_TEMPLATE: (id: string) => add.replace(':id', id),\n EDIT_TEMPLATE: (id: string, templateId: string) => edit.replace(':id', id).replace(':template_id', templateId),\n }\n};\n\n\nexport const generateEmailPreview = (sections: EnhancedSectionData[], headerSections?: EnhancedSectionData[] = [], footerSections?: EnhancedSectionData[] = [], isSaving = false, scopeId?: string) => {\n const headerHtml = (headerSections && headerSections?.length) ? generateHeaderFooterPreview(headerSections, 'header') : '';\n const footerHtml = (footerSections && footerSections?.length) ? generateHeaderFooterPreview(footerSections, 'footer') : '';\n \n // Generate or use provided scope ID\n const templateScopeId = scopeId || cssScopingService.generateScopeId();\n \n let html = `\n <html>\n <head>\n <style>\n .email-container {\n margin: 0 auto;\n margin-bottom: 20px;\n background-color: #fff;\n border-radius: 8px;\n max-width: ${isSaving ? '65%' : '800px'};\n width: 100%;\n }\n a {\n color: #007bff !important;\n text-decoration: none !important;\n }\n a:hover {\n text-decoration: underline;\n }\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: \"Inter\", sans-serif !important;\n font-size: 16px;\n font-weight: 400;\n color: #00011c;\n font-style: normal;\n }\n\n img {\n display: block;\n height: auto;\n }\n\n table,\n tr,\n td {\n border-collapse: collapse;\n }\n\n a {\n text-decoration: none;\n }\n\n table.our-details,\n .our-details td,\n .our-details th {\n border: 1px solid #d3d3d4;\n }\n\n table.amount-word-table,\n table.amount-word-table td,\n table.amount-word-table th {\n border: 1px solid #d6d6d6;\n }\n\n .amount-word-table thead th {\n background-color: #f5f6f5;\n }\n\n .amount-word-table thead td {\n background-color: #f5f6f5;\n }\n\n .amount-word-table tbody tr:nth-child(even) {\n background-color: #f5f6f5;\n }\n\n .amount-word-table tbody tr td {\n border-top: 0;\n border-bottom: 0;\n }\n\n .deliver-table thead th {\n background-color: transparent;\n }\n </style>\n </head>\n <body>\n <div class=\"email-container ${templateScopeId}\">\n ${headerHtml}\n ${headerHtml ? '<hr/>' : ''}\n `;\n\n // Group sections by splitGroupId\n const groupedSections = [];\n let currentGroup = [];\n let lastSplitGroupId = null;\n\n for (const section of sections) {\n if (section.isSplitPair && section.splitGroupId !== 0) {\n if (lastSplitGroupId !== section.splitGroupId && currentGroup.length > 0) {\n groupedSections.push(currentGroup);\n currentGroup = [];\n }\n currentGroup.push(section);\n lastSplitGroupId = section.splitGroupId;\n } else {\n if (currentGroup.length > 0) {\n groupedSections.push(currentGroup);\n currentGroup = [];\n lastSplitGroupId = null;\n }\n groupedSections.push([section]);\n }\n }\n if (currentGroup.length > 0) {\n groupedSections.push(currentGroup);\n }\n\n // Generate HTML\n for (const group of groupedSections) {\n if (group.length === 1 && !group[0].isSplitPair) {\n // Concatenate normal section content directly\n html += `<div style=\"padding: 10px;\">${group[0].content}</div>`;\n } else {\n // Generate table for split sections\n html += '<table style=\"width: 100%; border-collapse: collapse;\"><tr>';\n for (const section of group) {\n html += `<td style=\"width: ${section.splitWidth}%; vertical-align: top; padding: 10px;\">\n ${section.content}\n </td>`;\n }\n html += '</tr></table>';\n }\n }\n\thtml += `\n ${footerHtml ? '<hr/>' : ''}\n ${footerHtml}\n </div></body></html>`;\n\n return html;\n}\nexport const generateHeaderFooterPreview = (sections: EnhancedSectionData[], type = 'header', scopeId?: string) => {\n const scopeClass = scopeId ? ` ${scopeId}` : '';\n let html = `<${type} class=\"${type}${scopeClass}\">`;\n\n // Group sections by splitGroupId\n const groupedSections = [];\n let currentGroup = [];\n let lastSplitGroupId = null;\n\n for (const section of sections) {\n if (section.isSplitPair && section.splitGroupId !== 0) {\n if (lastSplitGroupId !== section.splitGroupId && currentGroup.length > 0) {\n groupedSections.push(currentGroup);\n currentGroup = [];\n }\n currentGroup.push(section);\n lastSplitGroupId = section.splitGroupId;\n } else {\n if (currentGroup.length > 0) {\n groupedSections.push(currentGroup);\n currentGroup = [];\n lastSplitGroupId = null;\n }\n groupedSections.push([section]);\n }\n }\n if (currentGroup.length > 0) {\n groupedSections.push(currentGroup);\n }\n\n // Generate HTML\n for (const group of groupedSections) {\n if (group.length === 1 && !group[0].isSplitPair) {\n // Concatenate normal section content directly\n html += `<div style=\"padding: 10px;\">${group[0].content}</div>`;\n } else {\n // Generate table for split sections\n html += '<table style=\"width: 100%; border-collapse: collapse;\"><tr>';\n for (const section of group) {\n html += `<td style=\"width: ${section.splitWidth}%; vertical-align: top; padding: 10px;\">\n ${section.content}\n </td>`;\n }\n html += '</tr></table>';\n }\n }\n\thtml += `</${type}>`;\n\n return html;\n}\n\nexport const extractStyles = (html: string, sectionType: string) => {\n // Create a temporary div to parse the HTML\n const tempDiv = document.createElement('div');\n tempDiv.innerHTML = html;\n \n // Get the first element (our styled element)\n const element = tempDiv.firstChild as HTMLElement;\n \n if (!element) return {};\n\n if(element?.getAttribute instanceof Function === false) {\n return {};\n }\n \n // Get the inline styles\n const styleAttr = element?.getAttribute('style');\n\n const allAttributes = element?.attributes || [];\n \n // const attrObj: Record<string, any> = {};\n const attrObj = Array.from(allAttributes).reduce((obj, attr) => {\n obj[attr.name] = attr.value;\n return obj;\n }, {});\n\n if (!styleAttr) return {};\n \n // Parse the style attribute into an object\n const styleObj: Record<string, any> = {};\n const stylePairs = styleAttr.split(';').filter(pair => pair.trim() !== '');\n \n stylePairs.forEach(pair => {\n const [prop, value] = pair.split(':').map(part => part.trim());\n if (prop && value) {\n // Convert CSS property names to camelCase for React\n const propName = prop.replace(/-([a-z])/g, (g) => g[1].toUpperCase());\n styleObj[propName] = value;\n }\n });\n attrObj.styles = styleObj\n return attrObj\n}\n\n\ntype StyleValue = string | number | boolean | null | undefined | StyleObject;\ninterface StyleObject {\n [key: string]: StyleValue;\n}\n\nconst EMAIL_SAFE_PROPERTIES = new Set([\n 'background', 'background-color',\n 'border', 'border-style', 'border-collapse', 'border-top', 'border-right', 'border-bottom', 'border-left', 'border-color', 'border-radius',\n 'color', 'display', 'font', 'font-family', 'font-size', 'font-style', 'font-weight',\n 'height', 'line-height',\n 'margin', 'margin-top', 'margin-right', 'margin-bottom', 'margin-left',\n 'padding', 'padding-top', 'padding-right', 'padding-bottom', 'padding-left',\n 'text-align', 'text-decoration',\n 'vertical-align', 'width',\n 'max-width', 'min-width', 'max-height', 'min-height'\n]);\n\nexport const generateInlineStyles = (\n styles: StyleObject,\n parentKey = ''\n): string => {\n if (!styles || typeof styles !== 'object') return '';\n\n const styleEntries = Object.entries(styles).reduce<string[]>((acc, [key, value]) => {\n if (value === undefined || value === null) return acc;\n\n const fullKey = parentKey ? `${parentKey}-${key}` : key;\n\n // Recursively flatten nested objects\n if (typeof value === 'object' && !Array.isArray(value)) {\n acc.push(generateInlineStyles(value as StyleObject, fullKey));\n return acc;\n }\n\n // Convert camelCase to kebab-case\n const cssKey = fullKey.replace(/([A-Z])/g, '-$1').toLowerCase();\n\n // Skip non-email-safe properties\n if (!EMAIL_SAFE_PROPERTIES.has(cssKey) && key !== 'fullWidth' && key !== 'alignment') {\n return acc;\n }\n\n // Special case: fullWidth\n if (key === 'fullWidth' && value === true) {\n acc.push('width: 100%');\n return acc;\n }\n\n // Special case: alignment (converted to text-align)\n if (key === 'alignment' && typeof value === 'string') {\n acc.push(`text-align: ${value}`);\n return acc;\n }\n\n // Ignore other boolean values\n if (typeof value === 'boolean') return acc;\n\n const cssValue =\n typeof value === 'number' && !['z-index', 'opacity', 'line-height'].includes(key)\n ? `${value}px`\n : value;\n\n acc.push(`${cssKey}: ${cssValue}`);\n return acc;\n }, []);\n\n return styleEntries.filter(Boolean).join('; ');\n};\n\nexport const getInitialSectionData = (type: ElementType, attrs: Record<string, any> = {}): EnhancedSectionData => {\n let content = '';\n const styles = initialStyles[type] || {};\n const inlineStyles: string = generateInlineStyles(styles);\n\n switch (type) {\n case 'heading':\n content = `<h1 style=\"${inlineStyles}\">Heading 1</h1>`;\n break;\n case 'heading-2':\n content = `<h2 style=\"${inlineStyles}\">Heading 2</h2>`;\n break;\n case 'heading-3':\n content = `<h3 style=\"${inlineStyles}\">Heading 3</h3>`;\n break;\n case 'heading-4':\n content = `<h4 style=\"${inlineStyles}\">Heading 4</h4>`;\n break;\n case 'text':\n content = `<p style=\"${inlineStyles}\">Hello, enter your text here...</p>`;\n break;\n case 'image':\n content = `<img src=\"${attrs?.src || ''}\" alt=\"${attrs?.alt || ''}\" style=\"${inlineStyles};\" />`;\n break;\n case 'buttons':\n attrs.text = attrs?.text || 'Button text';\n content = `<button style=\"${inlineStyles}\">${attrs.text}</button>`;\n break;\n case 'divider':\n content = `<hr style=\"${inlineStyles}\" />`;\n break;\n case 'table': {\n const { border, borderStyle, borderColor, ...rest } = styles;\n const tInlineStyles = generateInlineStyles(styles.is_bordered ? styles : rest);\n const tHeadInlineStyles: string = generateInlineStyles(styles.tHead);\n const tBodyInlineStyles: string = generateInlineStyles(styles.tBody);\n const thCellInlineStyles: string = generateInlineStyles({...styles.thCells, border, borderStyle, borderColor });\n const tbCellInlineStyles: string = generateInlineStyles({...styles.tbCells, border, borderStyle, borderColor});\n content = `\n <table style=\"${tInlineStyles}\">\n <thead style=\"${tHeadInlineStyles}\">\n <tr style=\"background-color: #f5f5f5;\">\n <th style=\"${thCellInlineStyles}\"></th>\n <th style=\"${thCellInlineStyles}\"></th>\n <th style=\"${thCellInlineStyles}\"></th>\n </tr>\n </thead>\n <tbody style=\"${tBodyInlineStyles}\">\n <tr>\n <td style=\"${tbCellInlineStyles}\"></td>\n <td style=\"${tbCellInlineStyles}\"></td>\n <td style=\"${tbCellInlineStyles}\"></td>\n </tr>\n </tbody>\n </table>\n `;\n break;\n }\n case 'signature':\n content = `<div style=\"${inlineStyles}\">Signature: <input type='text' style=\"border:0; border-bottom:1px solid black\" class='signature-input'/></div>`;\n break;\n case 'qr-code':\n attrs.placeholder = attrs?.placeholder || '{{qr_data}}';\n content = `<div style=\"background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;\">${attrs.placeholder}</div>`;\n break;\n case 'bar-code':\n attrs.placeholder = attrs?.placeholder || '{{barcode_data}}';\n content = `<div style=\"background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;\">${attrs.placeholder}</div>`;\n break;\n default:\n content = '<p style=\"font-size: 16px; color: #333333; line-height: 1.5;\">New section</p>';\n }\n\n let attributes: Record<string, any> = {};\n attributes = extractStyles(content, type);\n\n return {\n content, \n type, \n attributes: {...(attrs || {}), styles}\n };\n};\n\n"],"names":["TEMPLATE_EDITOR_PATHS","cssScopingService","initialStyles"],"mappings":"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"}