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

@erpsquad/common 1.11.7 → 1.11.8

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 (629) hide show

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

@@ -0,0 +1,368 @@
+"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 ADDED Viewed

@@ -0,0 +1 @@

+ {"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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"}

package/dist/chunks/{common-PH2uWkqL.js → common-CS5L0Ld_.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 const React = require("react");
 const utils_formBuilderDeconversion = require("../utils/form-builder-deconversion/index.js");
-const pathname_rental = require("./pathname.rental-CwK6JuID.js");
+const pathname_rental = require("./pathname.rental-DgH4LoG7.js");
 const pathname_hrms = require("./pathname.hrms-CbKA0UGK.js");
 const MODULE_PATHS = {
   accounting: pathname_rental.PathnameAccounting.FORMS,
@@ -286,4 +286,4 @@ exports.processMembers = processMembers;
 exports.processTableColumns = processTableColumns;
 exports.useFormDataEffect = useFormDataEffect;
 exports.useFormDataProcessor = useFormDataProcessor;
-//# sourceMappingURL=common-PH2uWkqL.js.map
+//# sourceMappingURL=common-CS5L0Ld_.js.map

package/dist/chunks/{common-PH2uWkqL.js.map → common-CS5L0Ld_.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"common-PH2uWkqL.js","sources":["../../src/views/form-builder/utils/common.ts"],"sourcesContent":["// React imports\nimport { useEffect, useMemo } from \"react\";\n\n// ERP Common imports\nimport formBuilderDeConversion from \"@/utils/form-builder-deconversion\";\n\n// Module pathname imports\nimport { PathnameAccounting } from \"../../../constants/pathnames/pathname.accounting\";\nimport { PathnameCrm } from \"../../../constants/pathnames/pathname.crm\";\nimport { PathnameInventory } from \"../../../constants/pathnames/pathname.inventory\";\nimport { PathnameManufacturing } from \"../../../constants/pathnames/pathname.manufacturing\";\nimport { PathnamePurchase } from \"../../../constants/pathnames/pathname.procurement\";\nimport { PathnameRental } from \"../../../constants/pathnames/pathname.rental\";\nimport { PathnameUsers } from \"../../../constants/pathnames/pathname.user\";\nimport { PathnameHrms } from \"../../../constants/pathnames/pathname.hrms\";\n\n// Types for better type safety\nexport interface TableColumn {\n header: string;\n accessorKey: string;\n visible: boolean;\n}\n\nexport interface FormMember {\n field_type: string;\n table?: string;\n table_columns?: TableColumn[];\n [key: string]: any;\n}\n\nexport interface FormSection {\n field_type: string;\n label: string;\n is_accordion: boolean;\n id: string;\n remove_section: boolean;\n form_switcher_label?: string;\n form_switcher_name?: string;\n is_section_field?: boolean;\n section_type?: string;\n switcher_forms?: any;\n members: FormMember[];\n}\n\nexport interface TabData {\n tab_order: number;\n data: FormSection[];\n}\n\nexport interface ProcessedData {\n tab?: TabData[];\n section?: FormSection[];\n tabsData?: TabData[];\n}\n\n// Constants for module paths\nconst MODULE_PATHS = {\n accounting: PathnameAccounting.FORMS,\n inventory: PathnameInventory.FORMS,\n manufacturing: PathnameManufacturing.FORMS,\n procurement: PathnamePurchase.FORMS,\n crm: PathnameCrm.FORMS,\n rental: PathnameRental.FORMS,\n user: PathnameUsers.FORMS,\n hrms: PathnameHrms.FORMS,\n} as const;\n\nexport type ModuleType = keyof typeof MODULE_PATHS;\n\n// Helper function to format text (converts snake_case to Title Case)\nexport const formatText = (text: string): string => {\n return text ? text\n .split('_')\n .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n .join(' ') : '';\n};\n\n// Helper function to get redirection path\nconst getRedirectionPath = (currentModule: string): string => {\n if (!isValidModule(currentModule)) {\n throw new Error(`Invalid module: ${currentModule}`);\n }\n return MODULE_PATHS[currentModule as ModuleType];\n};\n\n// Type guard for module validation\nconst isValidModule = (module: string): module is ModuleType => {\n return module in MODULE_PATHS;\n};\n\n// Helper function to create default table columns\nexport const createDefaultTableColumns = (): TableColumn[] => [\n { header: \"Column 1\", accessorKey: \"column_1\", visible: true },\n { header: \"Column 2\", accessorKey: \"column_2\", visible: true },\n];\n\n// Helper function to process table columns\nexport const processTableColumns = (\n member: FormMember,\n formBuilder: any\n): TableColumn[] => {\n // Return existing columns if they exist\n if (member.table_columns?.length) {\n return member.table_columns;\n }\n\n // Check if table exists and has fields\n if (!member.table \|\| !formBuilder.fields?.[member.table]) {\n return createDefaultTableColumns();\n }\n\n const fields = formBuilder.fields[member.table];\n if (!Array.isArray(fields) \|\| fields.length === 0) {\n return createDefaultTableColumns();\n }\n\n return fields.map((field: any, index: number) => ({\n header: formatText(field.field),\n accessorKey: field.field,\n visible: index <= 3, // Show first 4 columns by default\n }));\n};\n\n// Helper function to process members\nexport const processMembers = (\n sections: FormSection[],\n formBuilder: any\n): FormMember[] => {\n return sections.flatMap((section) =>\n section.members.map((member) => {\n if (member.field_type === \"table\") {\n return {\n ...member,\n table_columns: processTableColumns(member, formBuilder),\n };\n }\n return { ...member };\n })\n );\n};\n\n// Helper function to extract sections data\nexport const extractSections = (sections: FormSection[]): Omit<FormSection, 'members'>[] => {\n return sections.map(({\n field_type,\n label,\n is_accordion,\n id,\n remove_section,\n form_switcher_label,\n form_switcher_name,\n is_section_field,\n section_type,\n switcher_forms,\n }) => ({\n field_type,\n label,\n is_accordion,\n id,\n remove_section,\n form_switcher_label,\n form_switcher_name,\n is_section_field,\n section_type,\n switcher_forms,\n }));\n};\n\n// Main processing function\nconst processData = (\n data: ProcessedData,\n activeTabId: number = 0,\n formBuilder: any,\n tabsData: TabData[] \| null,\n // Callback functions\n callbacks: {\n removeSection: () => void;\n remove: () => void;\n setTabsData: (data: TabData[]) => void;\n append: (members: FormMember[]) => void;\n appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\n }\n): void => {\n const { removeSection, remove, setTabsData, append, appendSection } = callbacks;\n\n try {\n // Clear existing data\n removeSection();\n remove();\n\n if (data.tab) {\n processTabData(data.tab, activeTabId, formBuilder, callbacks);\n } else if (data.section) {\n processSectionData(data.section, formBuilder, callbacks);\n } else if (data.tabsData && tabsData) {\n processExistingTabsData(tabsData, activeTabId, callbacks);\n } else {\n throw new Error(\"Invalid data format: Missing required properties (tab, section, or tabsData)\");\n }\n } catch (error) {\n console.error(\"Error processing data:\", error);\n // You might want to show a user-friendly error message instead of alert\n alert(error instanceof Error ? error.message : \"An error occurred while processing data\");\n }\n};\n\n// Process tab data\nconst processTabData = (\n tabs: TabData[],\n activeTabId: number,\n formBuilder: any,\n callbacks: {\n setTabsData: (data: TabData[]) => void;\n append: (members: FormMember[]) => void;\n appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\n }\n): void => {\n const { setTabsData, append, appendSection } = callbacks;\n\n setTabsData(tabs);\n\n const activeTab = tabs.find(tab => tab.tab_order === activeTabId + 1);\n if (!activeTab?.data) {\n console.warn(`No active tab found for tab order: ${activeTabId + 1}`);\n return;\n }\n\n const sections = extractSections(activeTab.data);\n const members = processMembers(activeTab.data, formBuilder);\n\n append(members);\n appendSection(sections);\n};\n\n// Process section data\nconst processSectionData = (\n sections: FormSection[],\n formBuilder: any,\n callbacks: {\n append: (members: FormMember[]) => void;\n appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\n }\n): void => {\n const { append, appendSection } = callbacks;\n\n const extractedSections = extractSections(sections);\n const members = processMembers(sections, formBuilder);\n\n append(members);\n appendSection(extractedSections);\n};\n\n// Process existing tabs data\nconst processExistingTabsData = (\n tabsData: TabData[],\n activeTabId: number,\n callbacks: {\n append: (members: FormMember[]) => void;\n appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\n }\n): void => {\n const { append, appendSection } = callbacks;\n\n const activeTab = tabsData.find(tab => tab.tab_order === activeTabId + 1);\n if (!activeTab?.data) {\n console.warn(`No active tab found for tab order: ${activeTabId + 1}`);\n return;\n }\n\n const sections = extractSections(activeTab.data);\n const members = activeTab.data.flatMap(section =>\n section.members.map(member => ({ ...member }))\n );\n\n if (members.length > 0) append(members);\n if (sections.length > 0) appendSection(sections);\n};\n\n// Custom hook for form data processing\nexport const useFormDataProcessor = (\n formBuilder: any,\n tabsData: TabData[],\n activeTabValue: number,\n callbacks: {\n removeSection: () => void;\n remove: () => void;\n setTabsData: (data: TabData[]) => void;\n append: (members: FormMember[]) => void;\n appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\n }\n) => {\n const { removeSection, remove, append } = callbacks;\n\n // Memoize the serialized form data to avoid unnecessary re-renders\n const serializedFormData = useMemo(() =>\n JSON.stringify(formBuilder?.formData),\n [formBuilder?.formData]\n );\n\n // Memoize the initial data processing\n const initialData = useMemo(() => {\n if (!formBuilder?.formData?.length) return null;\n\n try {\n return formBuilderDeConversion(formBuilder.formData);\n } catch (error) {\n console.error('Error processing form data:', error);\n return null;\n }\n }, [serializedFormData]);\n\n useEffect(() => {\n // Handle case when there's no initial data\n if (!initialData) {\n removeSection();\n remove();\n append([]);\n return;\n }\n\n // Determine processing strategy based on available data\n try {\n if (tabsData.length > 0) {\n // Process existing tabs data\n processData(\n { tabsData: tabsData },\n activeTabValue,\n formBuilder,\n tabsData,\n callbacks\n );\n } else if (initialData.tab) {\n // Process new tab data\n processData(\n initialData,\n activeTabValue,\n formBuilder,\n tabsData,\n callbacks\n );\n } else if (initialData.section) {\n // Process section data\n processData(\n initialData,\n 0, // No active tab for section-only data\n formBuilder,\n tabsData,\n callbacks\n );\n } else {\n console.warn('No valid data structure found in initialData');\n removeSection();\n remove();\n append([]);\n }\n } catch (error) {\n console.error('Error in form data processing:', error);\n // Reset to clean state on error\n removeSection();\n remove();\n append([]);\n }\n }, [activeTabValue, serializedFormData, tabsData.length, initialData, callbacks, formBuilder]);\n\n return { initialData };\n};\n\n// Alternative: Direct useEffect implementation (if you prefer not to use custom hook)\nexport const useFormDataEffect = (\n formBuilder: any,\n tabsData: TabData[],\n activeTabValue: number = 0,\n callbacks: {\n removeSection: () => void;\n remove: () => void;\n setTabsData: (data: TabData[]) => void;\n append: (members: FormMember[]) => void;\n appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\n }\n) => {\n const { removeSection, remove, append } = callbacks;\n\n useEffect(() => {\n let initialData: ProcessedData \| null = null;\n\n // Process initial data\n if (formBuilder?.formData?.length) {\n try {\n initialData = formBuilderDeConversion(formBuilder.formData);\n } catch (error) {\n console.error('Error converting form data:', error);\n }\n }\n\n // Handle empty initial data\n if (!initialData) {\n removeSection();\n remove();\n append([]);\n return;\n }\n\n // Process data based on available structure\n try {\n if (tabsData.length > 0) {\n processData(\n { tabsData: tabsData },\n activeTabValue,\n formBuilder,\n tabsData,\n callbacks\n );\n } else if (initialData.tab) {\n processData(\n initialData,\n activeTabValue,\n formBuilder,\n tabsData,\n callbacks\n );\n } else if (initialData.section) {\n processData(\n initialData,\n 0,\n formBuilder,\n tabsData,\n callbacks\n );\n } else {\n console.warn('Invalid data structure in initialData');\n removeSection();\n remove();\n append([]);\n }\n } catch (error) {\n console.error('Error processing form data:', error);\n // Reset to clean state on error\n removeSection();\n remove();\n append([]);\n }\n }, [activeTabValue, JSON.stringify(formBuilder?.formData), tabsData.length]);\n};\n\n// Usage example:\n/\n// Option 1: Using custom hook\nconst { initialData } = useFormDataProcessor(\n formBuilder,\n tabsData,\n activeTabValue,\n {\n removeSection,\n remove,\n setTabsData,\n append,\n appendSection\n }\n);\n\n// Option 2: Using direct useEffect\nuseFormDataEffect(\n formBuilder,\n tabsData,\n activeTabValue,\n {\n removeSection,\n remove,\n setTabsData,\n append,\n appendSection\n }\n);\n/\n\n// Path generation utility (separate from the effect)\nexport const generateModulePath = (currentModule: string): string => {\n try {\n const redirectionPath = getRedirectionPath(currentModule);\n return `/dashboard/${currentModule}${redirectionPath}`;\n } catch (error) {\n console.error('Error generating module path:', error);\n throw error;\n }\n};\n\nexport const generateCustomFormPath = (currentModule,redirectionPath): any => {\n try {\n return `/dashboard/${currentModule}${redirectionPath}`;\n } catch (error) {\n console.error('Error generating module path:', error);\n throw error;\n }\n};"],"names":["PathnameAccounting","PathnameInventory","PathnameManufacturing","PathnamePurchase","PathnameCrm","PathnameRental","PathnameUsers","PathnameHrms","module","useMemo","formBuilderDeConversion","useEffect"],"mappings":";;;;;AAwDA,MAAM,eAAe;AAAA,EACnB,YAAYA,gBAAAA,mBAAmB;AAAA,EAC/B,WAAWC,gBAAAA,kBAAkB;AAAA,EAC7B,eAAeC,gBAAAA,sBAAsB;AAAA,EACrC,aAAaC,gBAAAA,iBAAiB;AAAA,EAC9B,KAAKC,gBAAAA,YAAY;AAAA,EACjB,QAAQC,gBAAAA,eAAe;AAAA,EACvB,MAAMC,cAAAA,cAAc;AAAA,EACpB,MAAMC,cAAAA,aAAa;AACrB;AAKO,MAAM,aAAa,CAAC,SAAyB;AAClD,SAAO,OAAO,KACX,MAAM,GAAG,EACT,IAAI,CAAA,SAAQ,KAAK,OAAO,CAAC,EAAE,gBAAgB,KAAK,MAAM,CAAC,EAAE,aAAa,EACtE,KAAK,GAAG,IAAI;AACjB;AAGA,MAAM,qBAAqB,CAAC,kBAAkC;AAC5D,MAAI,CAAC,cAAc,aAAa,GAAG;AACjC,UAAM,IAAI,MAAM,mBAAmB,aAAa,EAAE;AAAA,EACpD;AACA,SAAO,aAAa,aAA2B;AACjD;AAGA,MAAM,gBAAgB,CAACC,YAAyC;AAC9D,SAAOA,WAAU;AACnB;AAGO,MAAM,4BAA4B,MAAqB;AAAA,EAC5D,EAAE,QAAQ,YAAY,aAAa,YAAY,SAAS,KAAA;AAAA,EACxD,EAAE,QAAQ,YAAY,aAAa,YAAY,SAAS,KAAA;AAC1D;AAGO,MAAM,sBAAsB,CACjC,QACA,gBACkB;;AAElB,OAAI,YAAO,kBAAP,mBAAsB,QAAQ;AAChC,WAAO,OAAO;AAAA,EAChB;AAGA,MAAI,CAAC,OAAO,SAAS,GAAC,iBAAY,WAAZ,mBAAqB,OAAO,SAAQ;AACxD,WAAO,0BAAA;AAAA,EACT;AAEA,QAAM,SAAS,YAAY,OAAO,OAAO,KAAK;AAC9C,MAAI,CAAC,MAAM,QAAQ,MAAM,KAAK,OAAO,WAAW,GAAG;AACjD,WAAO,0BAAA;AAAA,EACT;AAEA,SAAO,OAAO,IAAI,CAAC,OAAY,WAAmB;AAAA,IAChD,QAAQ,WAAW,MAAM,KAAK;AAAA,IAC9B,aAAa,MAAM;AAAA,IACnB,SAAS,SAAS;AAAA;AAAA,EAAA,EAClB;AACJ;AAGO,MAAM,iBAAiB,CAC5B,UACA,gBACiB;AACjB,SAAO,SAAS;AAAA,IAAQ,CAAC,YACvB,QAAQ,QAAQ,IAAI,CAAC,WAAW;AAC9B,UAAI,OAAO,eAAe,SAAS;AACjC,eAAO;AAAA,UACL,GAAG;AAAA,UACH,eAAe,oBAAoB,QAAQ,WAAW;AAAA,QAAA;AAAA,MAE1D;AACA,aAAO,EAAE,GAAG,OAAA;AAAA,IACd,CAAC;AAAA,EAAA;AAEL;AAGO,MAAM,kBAAkB,CAAC,aAA4D;AAC1F,SAAO,SAAS,IAAI,CAAC;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,OACK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA;AACJ;AAGA,MAAM,cAAc,CAClB,MACA,cAAsB,GACtB,aACA,UAEA,cAOS;AACT,QAAM,EAAE,eAAe,QAAQ,aAAa,QAAQ,kBAAkB;AAEtE,MAAI;AAEF,kBAAA;AACA,WAAA;AAEA,QAAI,KAAK,KAAK;AACZ,qBAAe,KAAK,KAAK,aAAa,aAAa,SAAS;AAAA,IAC9D,WAAW,KAAK,SAAS;AACvB,yBAAmB,KAAK,SAAS,aAAa,SAAS;AAAA,IACzD,WAAW,KAAK,YAAY,UAAU;AACpC,8BAAwB,UAAU,aAAa,SAAS;AAAA,IAC1D,OAAO;AACL,YAAM,IAAI,MAAM,8EAA8E;AAAA,IAChG;AAAA,EACF,SAAS,OAAO;AACd,YAAQ,MAAM,0BAA0B,KAAK;AAE7C,UAAM,iBAAiB,QAAQ,MAAM,UAAU,yCAAyC;AAAA,EAC1F;AACF;AAGA,MAAM,iBAAiB,CACrB,MACA,aACA,aACA,cAKS;AACT,QAAM,EAAE,aAAa,QAAQ,cAAA,IAAkB;AAE/C,cAAY,IAAI;AAEhB,QAAM,YAAY,KAAK,KAAK,SAAO,IAAI,cAAc,cAAc,CAAC;AACpE,MAAI,EAAC,uCAAW,OAAM;AACpB,YAAQ,KAAK,sCAAsC,cAAc,CAAC,EAAE;AACpE;AAAA,EACF;AAEA,QAAM,WAAW,gBAAgB,UAAU,IAAI;AAC/C,QAAM,UAAU,eAAe,UAAU,MAAM,WAAW;AAE1D,SAAO,OAAO;AACd,gBAAc,QAAQ;AACxB;AAGA,MAAM,qBAAqB,CACzB,UACA,aACA,cAIS;AACT,QAAM,EAAE,QAAQ,cAAA,IAAkB;AAElC,QAAM,oBAAoB,gBAAgB,QAAQ;AAClD,QAAM,UAAU,eAAe,UAAU,WAAW;AAEpD,SAAO,OAAO;AACd,gBAAc,iBAAiB;AACjC;AAGA,MAAM,0BAA0B,CAC9B,UACA,aACA,cAIS;AACT,QAAM,EAAE,QAAQ,cAAA,IAAkB;AAElC,QAAM,YAAY,SAAS,KAAK,SAAO,IAAI,cAAc,cAAc,CAAC;AACxE,MAAI,EAAC,uCAAW,OAAM;AACpB,YAAQ,KAAK,sCAAsC,cAAc,CAAC,EAAE;AACpE;AAAA,EACF;AAEA,QAAM,WAAW,gBAAgB,UAAU,IAAI;AAC/C,QAAM,UAAU,UAAU,KAAK;AAAA,IAAQ,CAAA,YACrC,QAAQ,QAAQ,IAAI,aAAW,EAAE,GAAG,SAAS;AAAA,EAAA;AAG/C,MAAI,QAAQ,SAAS,EAAG,QAAO,OAAO;AACtC,MAAI,SAAS,SAAS,EAAG,eAAc,QAAQ;AACjD;AAGO,MAAM,uBAAuB,CAClC,aACA,UACA,gBACA,cAOG;AACH,QAAM,EAAE,eAAe,QAAQ,OAAA,IAAW;AAG1C,QAAM,qBAAqBC,MAAAA;AAAAA,IAAQ,MACjC,KAAK,UAAU,2CAAa,QAAQ;AAAA,IACpC,CAAC,2CAAa,QAAQ;AAAA,EAAA;AAIxB,QAAM,cAAcA,MAAAA,QAAQ,MAAM;;AAChC,QAAI,GAAC,gDAAa,aAAb,mBAAuB,QAAQ,QAAO;AAE3C,QAAI;AACF,aAAOC,8BAAAA,QAAwB,YAAY,QAAQ;AAAA,IACrD,SAAS,OAAO;AACd,cAAQ,MAAM,+BAA+B,KAAK;AAClD,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,kBAAkB,CAAC;AAEvBC,QAAAA,UAAU,MAAM;AAEd,QAAI,CAAC,aAAa;AAChB,oBAAA;AACA,aAAA;AACA,aAAO,CAAA,CAAE;AACT;AAAA,IACF;AAGA,QAAI;AACF,UAAI,SAAS,SAAS,GAAG;AAEvB;AAAA,UACE,EAAE,SAAA;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ,WAAW,YAAY,KAAK;AAE1B;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ,WAAW,YAAY,SAAS;AAE9B;AAAA,UACE;AAAA,UACA;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ,OAAO;AACL,gBAAQ,KAAK,8CAA8C;AAC3D,sBAAA;AACA,eAAA;AACA,eAAO,CAAA,CAAE;AAAA,MACX;AAAA,IACF,SAAS,OAAO;AACd,cAAQ,MAAM,kCAAkC,KAAK;AAErD,oBAAA;AACA,aAAA;AACA,aAAO,CAAA,CAAE;AAAA,IACX;AAAA,EACF,GAAG,CAAC,gBAAgB,oBAAoB,SAAS,QAAQ,aAAa,WAAW,WAAW,CAAC;AAE7F,SAAO,EAAE,YAAA;AACX;AAGO,MAAM,oBAAoB,CAC/B,aACA,UACA,iBAAyB,GACzB,cAOG;AACH,QAAM,EAAE,eAAe,QAAQ,OAAA,IAAW;AAE1CA,QAAAA,UAAU,MAAM;;AACd,QAAI,cAAoC;AAGxC,SAAI,gDAAa,aAAb,mBAAuB,QAAQ;AACjC,UAAI;AACF,sBAAcD,8BAAAA,QAAwB,YAAY,QAAQ;AAAA,MAC5D,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,KAAK;AAAA,MACpD;AAAA,IACF;AAGA,QAAI,CAAC,aAAa;AAChB,oBAAA;AACA,aAAA;AACA,aAAO,CAAA,CAAE;AACT;AAAA,IACF;AAGA,QAAI;AACF,UAAI,SAAS,SAAS,GAAG;AACvB;AAAA,UACE,EAAE,SAAA;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ,WAAW,YAAY,KAAK;AAC1B;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ,WAAW,YAAY,SAAS;AAC9B;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ,OAAO;AACL,gBAAQ,KAAK,uCAAuC;AACpD,sBAAA;AACA,eAAA;AACA,eAAO,CAAA,CAAE;AAAA,MACX;AAAA,IACF,SAAS,OAAO;AACd,cAAQ,MAAM,+BAA+B,KAAK;AAElD,oBAAA;AACA,aAAA;AACA,aAAO,CAAA,CAAE;AAAA,IACX;AAAA,EACF,GAAG,CAAC,gBAAgB,KAAK,UAAU,2CAAa,QAAQ,GAAG,SAAS,MAAM,CAAC;AAC7E;AAkCO,MAAM,qBAAqB,CAAC,kBAAkC;AACnE,MAAI;AACF,UAAM,kBAAkB,mBAAmB,aAAa;AACxD,WAAO,cAAc,aAAa,GAAG,eAAe;AAAA,EACtD,SAAS,OAAO;AACd,YAAQ,MAAM,iCAAiC,KAAK;AACpD,UAAM;AAAA,EACR;AACF;AAEO,MAAM,yBAAyB,CAAC,eAAc,oBAAyB;AAC5E,MAAI;AACF,WAAO,cAAc,aAAa,GAAG,eAAe;AAAA,EACtD,SAAS,OAAO;AACd,YAAQ,MAAM,iCAAiC,KAAK;AACpD,UAAM;AAAA,EACR;AACF;;;;;;;;;;"}
1	+ {"version":3,"file":"common-CS5L0Ld_.js","sources":["../../src/views/form-builder/utils/common.ts"],"sourcesContent":["// React imports\nimport { useEffect, useMemo } from \"react\";\n\n// ERP Common imports\nimport formBuilderDeConversion from \"@/utils/form-builder-deconversion\";\n\n// Module pathname imports\nimport { PathnameAccounting } from \"../../../constants/pathnames/pathname.accounting\";\nimport { PathnameCrm } from \"../../../constants/pathnames/pathname.crm\";\nimport { PathnameInventory } from \"../../../constants/pathnames/pathname.inventory\";\nimport { PathnameManufacturing } from \"../../../constants/pathnames/pathname.manufacturing\";\nimport { PathnamePurchase } from \"../../../constants/pathnames/pathname.procurement\";\nimport { PathnameRental } from \"../../../constants/pathnames/pathname.rental\";\nimport { PathnameUsers } from \"../../../constants/pathnames/pathname.user\";\nimport { PathnameHrms } from \"../../../constants/pathnames/pathname.hrms\";\n\n// Types for better type safety\nexport interface TableColumn {\n header: string;\n accessorKey: string;\n visible: boolean;\n}\n\nexport interface FormMember {\n field_type: string;\n table?: string;\n table_columns?: TableColumn[];\n [key: string]: any;\n}\n\nexport interface FormSection {\n field_type: string;\n label: string;\n is_accordion: boolean;\n id: string;\n remove_section: boolean;\n form_switcher_label?: string;\n form_switcher_name?: string;\n is_section_field?: boolean;\n section_type?: string;\n switcher_forms?: any;\n members: FormMember[];\n}\n\nexport interface TabData {\n tab_order: number;\n data: FormSection[];\n}\n\nexport interface ProcessedData {\n tab?: TabData[];\n section?: FormSection[];\n tabsData?: TabData[];\n}\n\n// Constants for module paths\nconst MODULE_PATHS = {\n accounting: PathnameAccounting.FORMS,\n inventory: PathnameInventory.FORMS,\n manufacturing: PathnameManufacturing.FORMS,\n procurement: PathnamePurchase.FORMS,\n crm: PathnameCrm.FORMS,\n rental: PathnameRental.FORMS,\n user: PathnameUsers.FORMS,\n hrms: PathnameHrms.FORMS,\n} as const;\n\nexport type ModuleType = keyof typeof MODULE_PATHS;\n\n// Helper function to format text (converts snake_case to Title Case)\nexport const formatText = (text: string): string => {\n return text ? text\n .split('_')\n .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n .join(' ') : '';\n};\n\n// Helper function to get redirection path\nconst getRedirectionPath = (currentModule: string): string => {\n if (!isValidModule(currentModule)) {\n throw new Error(`Invalid module: ${currentModule}`);\n }\n return MODULE_PATHS[currentModule as ModuleType];\n};\n\n// Type guard for module validation\nconst isValidModule = (module: string): module is ModuleType => {\n return module in MODULE_PATHS;\n};\n\n// Helper function to create default table columns\nexport const createDefaultTableColumns = (): TableColumn[] => [\n { header: \"Column 1\", accessorKey: \"column_1\", visible: true },\n { header: \"Column 2\", accessorKey: \"column_2\", visible: true },\n];\n\n// Helper function to process table columns\nexport const processTableColumns = (\n member: FormMember,\n formBuilder: any\n): TableColumn[] => {\n // Return existing columns if they exist\n if (member.table_columns?.length) {\n return member.table_columns;\n }\n\n // Check if table exists and has fields\n if (!member.table \|\| !formBuilder.fields?.[member.table]) {\n return createDefaultTableColumns();\n }\n\n const fields = formBuilder.fields[member.table];\n if (!Array.isArray(fields) \|\| fields.length === 0) {\n return createDefaultTableColumns();\n }\n\n return fields.map((field: any, index: number) => ({\n header: formatText(field.field),\n accessorKey: field.field,\n visible: index <= 3, // Show first 4 columns by default\n }));\n};\n\n// Helper function to process members\nexport const processMembers = (\n sections: FormSection[],\n formBuilder: any\n): FormMember[] => {\n return sections.flatMap((section) =>\n section.members.map((member) => {\n if (member.field_type === \"table\") {\n return {\n ...member,\n table_columns: processTableColumns(member, formBuilder),\n };\n }\n return { ...member };\n })\n );\n};\n\n// Helper function to extract sections data\nexport const extractSections = (sections: FormSection[]): Omit<FormSection, 'members'>[] => {\n return sections.map(({\n field_type,\n label,\n is_accordion,\n id,\n remove_section,\n form_switcher_label,\n form_switcher_name,\n is_section_field,\n section_type,\n switcher_forms,\n }) => ({\n field_type,\n label,\n is_accordion,\n id,\n remove_section,\n form_switcher_label,\n form_switcher_name,\n is_section_field,\n section_type,\n switcher_forms,\n }));\n};\n\n// Main processing function\nconst processData = (\n data: ProcessedData,\n activeTabId: number = 0,\n formBuilder: any,\n tabsData: TabData[] \| null,\n // Callback functions\n callbacks: {\n removeSection: () => void;\n remove: () => void;\n setTabsData: (data: TabData[]) => void;\n append: (members: FormMember[]) => void;\n appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\n }\n): void => {\n const { removeSection, remove, setTabsData, append, appendSection } = callbacks;\n\n try {\n // Clear existing data\n removeSection();\n remove();\n\n if (data.tab) {\n processTabData(data.tab, activeTabId, formBuilder, callbacks);\n } else if (data.section) {\n processSectionData(data.section, formBuilder, callbacks);\n } else if (data.tabsData && tabsData) {\n processExistingTabsData(tabsData, activeTabId, callbacks);\n } else {\n throw new Error(\"Invalid data format: Missing required properties (tab, section, or tabsData)\");\n }\n } catch (error) {\n console.error(\"Error processing data:\", error);\n // You might want to show a user-friendly error message instead of alert\n alert(error instanceof Error ? error.message : \"An error occurred while processing data\");\n }\n};\n\n// Process tab data\nconst processTabData = (\n tabs: TabData[],\n activeTabId: number,\n formBuilder: any,\n callbacks: {\n setTabsData: (data: TabData[]) => void;\n append: (members: FormMember[]) => void;\n appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\n }\n): void => {\n const { setTabsData, append, appendSection } = callbacks;\n\n setTabsData(tabs);\n\n const activeTab = tabs.find(tab => tab.tab_order === activeTabId + 1);\n if (!activeTab?.data) {\n console.warn(`No active tab found for tab order: ${activeTabId + 1}`);\n return;\n }\n\n const sections = extractSections(activeTab.data);\n const members = processMembers(activeTab.data, formBuilder);\n\n append(members);\n appendSection(sections);\n};\n\n// Process section data\nconst processSectionData = (\n sections: FormSection[],\n formBuilder: any,\n callbacks: {\n append: (members: FormMember[]) => void;\n appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\n }\n): void => {\n const { append, appendSection } = callbacks;\n\n const extractedSections = extractSections(sections);\n const members = processMembers(sections, formBuilder);\n\n append(members);\n appendSection(extractedSections);\n};\n\n// Process existing tabs data\nconst processExistingTabsData = (\n tabsData: TabData[],\n activeTabId: number,\n callbacks: {\n append: (members: FormMember[]) => void;\n appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\n }\n): void => {\n const { append, appendSection } = callbacks;\n\n const activeTab = tabsData.find(tab => tab.tab_order === activeTabId + 1);\n if (!activeTab?.data) {\n console.warn(`No active tab found for tab order: ${activeTabId + 1}`);\n return;\n }\n\n const sections = extractSections(activeTab.data);\n const members = activeTab.data.flatMap(section =>\n section.members.map(member => ({ ...member }))\n );\n\n if (members.length > 0) append(members);\n if (sections.length > 0) appendSection(sections);\n};\n\n// Custom hook for form data processing\nexport const useFormDataProcessor = (\n formBuilder: any,\n tabsData: TabData[],\n activeTabValue: number,\n callbacks: {\n removeSection: () => void;\n remove: () => void;\n setTabsData: (data: TabData[]) => void;\n append: (members: FormMember[]) => void;\n appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\n }\n) => {\n const { removeSection, remove, append } = callbacks;\n\n // Memoize the serialized form data to avoid unnecessary re-renders\n const serializedFormData = useMemo(() =>\n JSON.stringify(formBuilder?.formData),\n [formBuilder?.formData]\n );\n\n // Memoize the initial data processing\n const initialData = useMemo(() => {\n if (!formBuilder?.formData?.length) return null;\n\n try {\n return formBuilderDeConversion(formBuilder.formData);\n } catch (error) {\n console.error('Error processing form data:', error);\n return null;\n }\n }, [serializedFormData]);\n\n useEffect(() => {\n // Handle case when there's no initial data\n if (!initialData) {\n removeSection();\n remove();\n append([]);\n return;\n }\n\n // Determine processing strategy based on available data\n try {\n if (tabsData.length > 0) {\n // Process existing tabs data\n processData(\n { tabsData: tabsData },\n activeTabValue,\n formBuilder,\n tabsData,\n callbacks\n );\n } else if (initialData.tab) {\n // Process new tab data\n processData(\n initialData,\n activeTabValue,\n formBuilder,\n tabsData,\n callbacks\n );\n } else if (initialData.section) {\n // Process section data\n processData(\n initialData,\n 0, // No active tab for section-only data\n formBuilder,\n tabsData,\n callbacks\n );\n } else {\n console.warn('No valid data structure found in initialData');\n removeSection();\n remove();\n append([]);\n }\n } catch (error) {\n console.error('Error in form data processing:', error);\n // Reset to clean state on error\n removeSection();\n remove();\n append([]);\n }\n }, [activeTabValue, serializedFormData, tabsData.length, initialData, callbacks, formBuilder]);\n\n return { initialData };\n};\n\n// Alternative: Direct useEffect implementation (if you prefer not to use custom hook)\nexport const useFormDataEffect = (\n formBuilder: any,\n tabsData: TabData[],\n activeTabValue: number = 0,\n callbacks: {\n removeSection: () => void;\n remove: () => void;\n setTabsData: (data: TabData[]) => void;\n append: (members: FormMember[]) => void;\n appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\n }\n) => {\n const { removeSection, remove, append } = callbacks;\n\n useEffect(() => {\n let initialData: ProcessedData \| null = null;\n\n // Process initial data\n if (formBuilder?.formData?.length) {\n try {\n initialData = formBuilderDeConversion(formBuilder.formData);\n } catch (error) {\n console.error('Error converting form data:', error);\n }\n }\n\n // Handle empty initial data\n if (!initialData) {\n removeSection();\n remove();\n append([]);\n return;\n }\n\n // Process data based on available structure\n try {\n if (tabsData.length > 0) {\n processData(\n { tabsData: tabsData },\n activeTabValue,\n formBuilder,\n tabsData,\n callbacks\n );\n } else if (initialData.tab) {\n processData(\n initialData,\n activeTabValue,\n formBuilder,\n tabsData,\n callbacks\n );\n } else if (initialData.section) {\n processData(\n initialData,\n 0,\n formBuilder,\n tabsData,\n callbacks\n );\n } else {\n console.warn('Invalid data structure in initialData');\n removeSection();\n remove();\n append([]);\n }\n } catch (error) {\n console.error('Error processing form data:', error);\n // Reset to clean state on error\n removeSection();\n remove();\n append([]);\n }\n }, [activeTabValue, JSON.stringify(formBuilder?.formData), tabsData.length]);\n};\n\n// Usage example:\n/\n// Option 1: Using custom hook\nconst { initialData } = useFormDataProcessor(\n formBuilder,\n tabsData,\n activeTabValue,\n {\n removeSection,\n remove,\n setTabsData,\n append,\n appendSection\n }\n);\n\n// Option 2: Using direct useEffect\nuseFormDataEffect(\n formBuilder,\n tabsData,\n activeTabValue,\n {\n removeSection,\n remove,\n setTabsData,\n append,\n appendSection\n }\n);\n/\n\n// Path generation utility (separate from the effect)\nexport const generateModulePath = (currentModule: string): string => {\n try {\n const redirectionPath = getRedirectionPath(currentModule);\n return `/dashboard/${currentModule}${redirectionPath}`;\n } catch (error) {\n console.error('Error generating module path:', error);\n throw error;\n }\n};\n\nexport const generateCustomFormPath = (currentModule,redirectionPath): any => {\n try {\n return `/dashboard/${currentModule}${redirectionPath}`;\n } catch (error) {\n console.error('Error generating module path:', error);\n throw error;\n }\n};"],"names":["PathnameAccounting","PathnameInventory","PathnameManufacturing","PathnamePurchase","PathnameCrm","PathnameRental","PathnameUsers","PathnameHrms","module","useMemo","formBuilderDeConversion","useEffect"],"mappings":"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"}