@infuro/cms-core 1.0.63 → 1.0.65

package/dist/{chunk-KAOHOHCA.js → chunk-6YOQ7G5O.js}

@@ -10,41 +10,65 @@ function escapeHtml(s) {
 __name(escapeHtml, "escapeHtml");
 function socialLinkInnerHtml(s) {
   if (s.iconUrl?.trim()) {
-    return `<img src="${escapeHtml(s.iconUrl.trim())}" alt="" width="20" height="20" style="display:inline-block;vertical-align:middle;border:0;" />`;
+    return `<img src="${escapeHtml(s.iconUrl.trim())}" alt="" width="22" height="22" style="display:block;border:0;border-radius:4px;" />`;
   }
-  const label = s.icon && s.icon.trim() || "\u{1F517}";
-  return escapeHtml(label);
+  const label = s.icon && s.icon.trim() || "\u2022";
+  return `<span style="display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border-radius:999px;background:#ffffff;color:#1e293b;font-size:14px;">${escapeHtml(label)}</span>`;
 }
 __name(socialLinkInnerHtml, "socialLinkInnerHtml");
-function supportLinesHtml(supportEmail, supportPhone) {
-  const parts = [];
-  if (supportEmail) {
-    parts.push(`<a href="mailto:${escapeHtml(supportEmail)}" style="color:#6b7280;text-decoration:none;font-size:13px;">${escapeHtml(supportEmail)}</a>`);
-  }
-  if (supportPhone) {
-    parts.push(`<span style="color:#6b7280;font-size:13px;">${escapeHtml(supportPhone)}</span>`);
-  }
-  return parts.join('<span style="color:#d1d5db;padding:0 8px;">\xB7</span>');
-}
-__name(supportLinesHtml, "supportLinesHtml");
 function renderLayout(options) {
   const { bodyHtml, companyDetails } = options;
-  const { logoUrl, companyName, supportEmail, supportPhone, socialLinks, footerDisclaimer, followUsTitle = "Follow Us" } = companyDetails;
+  const { logoUrl, companyName, supportEmail, supportPhone, companyAddress, socialLinks, footerDisclaimer, followUsTitle = "Follow Us" } = companyDetails;
   const brand = (companyName || "Store").trim();
+  const year = (/* @__PURE__ */ new Date()).getFullYear();
+  const slate = "#0f172a";
+  const slateSoft = "#1e293b";
   const accent = "#ea580c";
-  const logoHtml = logoUrl ? `<img src="${escapeHtml(logoUrl)}" alt="${escapeHtml(brand)}" width="160" style="max-height:56px;max-width:180px;height:auto;width:auto;display:block;border:0;margin:0 auto;" />` : `<div style="font-size:22px;font-weight:700;letter-spacing:-0.02em;color:#111827;">${escapeHtml(brand)}</div>`;
+  const accentSoft = "#ffedd5";
+  const pageBg = "#eef2f7";
+  const muted = "#64748b";
+  const border = "#e2e8f0";
+  const logoBlock = logoUrl ? `<table role="presentation" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse;">
+         <tr>
+           <td align="center" style="background:#ffffff;border-radius:14px;padding:14px 22px;box-shadow:0 8px 24px rgba(15,23,42,0.18);">
+             <img src="${escapeHtml(logoUrl)}" alt="${escapeHtml(brand)}" width="148" style="max-height:52px;max-width:148px;height:auto;width:auto;display:block;border:0;margin:0 auto;" />
+           </td>
+         </tr>
+       </table>` : `<div style="font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:700;letter-spacing:-0.02em;color:#ffffff;">${escapeHtml(brand)}</div>`;
   const hasSocial = Boolean(socialLinks?.length);
-  const socialRowHtml = hasSocial && socialLinks ? `<div style="margin-top:12px;text-align:center;font-size:0;line-height:0;">${socialLinks.map((s) => `<a href="${escapeHtml(s.url)}" style="display:inline-block;margin:0 8px;text-decoration:none;color:#374151;font-size:18px;line-height:1;vertical-align:middle;">${socialLinkInnerHtml(s)}</a>`).join("")}</div>` : "";
-  const followTitleHtml = hasSocial && followUsTitle ? `<div style="font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:0.06em;margin:0 0 4px 0;">${escapeHtml(followUsTitle)}</div>` : "";
-  const supportHtml = supportLinesHtml(supportEmail, supportPhone);
-  const disclaimerBlock = footerDisclaimer ? `<div style="margin-top:16px;font-size:11px;line-height:1.5;color:#9ca3af;">${escapeHtml(footerDisclaimer).replace(/\n/g, "<br/>")}</div>` : "";
+  const socialRowHtml = hasSocial && socialLinks ? `<table role="presentation" cellpadding="0" cellspacing="0" style="margin:14px auto 0 auto;border-collapse:collapse;">
+           <tr>
+             ${socialLinks.map((s) => `<td style="padding:0 6px;">
+                      <a href="${escapeHtml(s.url)}" style="display:inline-block;text-decoration:none;border:1px solid ${border};border-radius:999px;padding:6px;background:#ffffff;">
+                        ${socialLinkInnerHtml(s)}
+                      </a>
+                    </td>`).join("")}
+           </tr>
+         </table>` : "";
+  const followTitleHtml = hasSocial && followUsTitle ? `<div style="font-size:11px;font-weight:700;color:${muted};text-transform:uppercase;letter-spacing:0.08em;margin:0;">${escapeHtml(followUsTitle)}</div>` : "";
+  const contactRows = [];
+  if (supportEmail) {
+    contactRows.push(`<a href="mailto:${escapeHtml(supportEmail)}" style="color:${slateSoft};text-decoration:none;font-size:13px;font-weight:500;">${escapeHtml(supportEmail)}</a>`);
+  }
+  if (supportPhone) {
+    contactRows.push(`<span style="color:${muted};font-size:13px;">${escapeHtml(supportPhone)}</span>`);
+  }
+  if (companyAddress?.trim()) {
+    contactRows.push(`<span style="color:${muted};font-size:12px;line-height:1.5;display:inline-block;max-width:360px;">${escapeHtml(companyAddress.trim()).replace(/\n/g, "<br/>")}</span>`);
+  }
+  const contactHtml = contactRows.length ? `<div style="margin-top:12px;line-height:1.7;">${contactRows.join("<br/>")}</div>` : "";
+  const disclaimerBlock = footerDisclaimer ? `<div style="margin-top:14px;font-size:11px;line-height:1.55;color:#94a3b8;max-width:420px;margin-left:auto;margin-right:auto;">${escapeHtml(footerDisclaimer).replace(/\n/g, "<br/>")}</div>` : "";
   const responsiveCss = `
 @media only screen and (max-width: 620px) {
-  .email-shell { padding: 16px 10px !important; }
-  .email-card { border-radius: 12px !important; }
-  .email-body { padding: 24px 18px !important; }
-  .email-header { padding: 20px 18px !important; }
-}
+  .email-shell { padding: 12px 8px !important; }
+  .email-header { padding: 28px 18px 24px 18px !important; }
+  .email-body { padding: 26px 18px 8px 18px !important; }
+  .email-footer { padding: 22px 18px 28px 18px !important; }
+  .email-accent-label { display: none !important; }
+}
+.email-body p { margin: 0 0 14px 0 !important; }
+.email-body h1, .email-body h2, .email-body h3 { margin: 0 0 12px 0 !important; color: ${slate} !important; }
+.email-body a { color: ${accent} !important; }
 `;
   return `<!DOCTYPE html>
 <html lang="en">
@@ -53,39 +77,56 @@ function renderLayout(options) {
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>${escapeHtml(brand)}</title>
+<!--[if mso]>
+<style type="text/css">
+  body, table, td { font-family: Arial, Helvetica, sans-serif !important; }
+</style>
+<![endif]-->
 <style type="text/css">${responsiveCss}</style>
 </head>
-<body style="margin:0;padding:0;background:#f3f4f6;-webkit-font-smoothing:antialiased;">
-  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#f3f4f6;border-collapse:collapse;">
+<body style="margin:0;padding:0;background:${pageBg};-webkit-font-smoothing:antialiased;">
+  <div style="display:none;max-height:0;overflow:hidden;opacity:0;color:transparent;mso-hide:all;">
+    Update from ${escapeHtml(brand)}
+  </div>
+  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:${pageBg};border-collapse:collapse;">
     <tr>
-      <td class="email-shell" align="center" style="padding:32px 16px;">
-        <table role="presentation" class="email-card" width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;background:#ffffff;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb;border-collapse:collapse;">
-          <tr>
-            <td class="email-header" align="center" style="padding:28px 32px 20px 32px;background:#ffffff;">
-              ${logoHtml}
-              ${logoUrl && companyName ? `<div style="margin-top:10px;font-size:13px;color:#6b7280;">${escapeHtml(companyName)}</div>` : ""}
-            </td>
-          </tr>
-          <tr>
-            <td style="height:4px;line-height:4px;font-size:0;background:${accent};">&nbsp;</td>
-          </tr>
-          <tr>
-            <td class="email-body" style="padding:28px 32px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.65;color:#1f2937;">
-              ${bodyHtml}
-            </td>
-          </tr>
+      <td class="email-shell" align="center" style="padding:40px 16px;">
+        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;border-collapse:collapse;">
           <tr>
-            <td style="padding:0 32px;">
-              <div style="border-top:1px solid #e5e7eb;line-height:0;font-size:0;">&nbsp;</div>
+            <td style="background:#ffffff;border-radius:18px;overflow:hidden;border:1px solid ${border};box-shadow:0 12px 40px rgba(15,23,42,0.08);">
+              <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
+                <tr>
+                  <td class="email-header" align="center" style="padding:36px 32px 30px 32px;background:linear-gradient(165deg, ${slate} 0%, ${slateSoft} 100%);background-color:${slate};">
+                    <div class="email-accent-label" style="display:inline-block;margin:0 0 18px 0;padding:5px 12px;border-radius:999px;background:rgba(234,88,12,0.18);border:1px solid rgba(251,146,60,0.35);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:${accentSoft};">
+                      ${escapeHtml(brand)}
+                    </div>
+                    ${logoBlock}
+                    ${logoUrl ? `<div style="margin-top:16px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:13px;color:#94a3b8;">${escapeHtml(brand)}</div>` : ""}
+                  </td>
+                </tr>
+                <tr>
+                  <td style="height:5px;line-height:5px;font-size:0;background:linear-gradient(90deg, ${accent} 0%, #f59e0b 55%, #fb923c 100%);background-color:${accent};">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td class="email-body" style="padding:32px 36px 12px 36px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.7;color:#334155;background:#ffffff;">
+                    ${bodyHtml}
+                  </td>
+                </tr>
+                <tr>
+                  <td class="email-footer" align="center" style="padding:24px 32px 32px 32px;background:#f8fafc;border-top:1px solid ${border};font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;">
+                    ${followTitleHtml}
+                    ${socialRowHtml}
+                    ${contactHtml}
+                    <div style="margin-top:18px;font-size:12px;color:#94a3b8;">\xA9 ${year} ${escapeHtml(brand)}. All rights reserved.</div>
+                    ${disclaimerBlock}
+                  </td>
+                </tr>
+              </table>
             </td>
           </tr>
           <tr>
-            <td align="center" style="padding:20px 32px 28px 32px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;">
-              ${followTitleHtml}
-              ${socialRowHtml}
-              ${supportHtml ? `<div style="margin-top:14px;">${supportHtml}</div>` : ""}
-              <div style="margin-top:12px;font-size:12px;color:#9ca3af;">\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} ${escapeHtml(brand)}</div>
-              ${disclaimerBlock}
+            <td align="center" style="padding:18px 8px 0 8px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:11px;line-height:1.5;color:#94a3b8;">
+              You\u2019re receiving this because of activity on your ${escapeHtml(brand)} account.
             </td>
           </tr>
         </table>