@bikdotai/bik-component-library 0.0.817-beta.6 → 0.0.817-beta.8

package/dist/esm/components/template-preview/WhatsAppTemplatePreview.js

@@ -1,28 +1,28 @@
 import { jsxDEV as i, Fragment as l } from "react/jsx-dev-runtime";
-import { useState as V, useEffect as k } from "react";
+import { useState as P, useEffect as w } from "react";
 import { useTemplateModalContext as A } from "../template-context-mapper/context/templateModalContext.js";
 import { TemplateCreatorHelper as C } from "./helpers/TemplateCreatorHelper.js";
 import { isRCSChannel as L } from "./helpers/templateMiscHelper.js";
-import { HEADER_TYPES as u } from "./models/TemplateMeta.js";
+import { HEADER_TYPES as x } from "./models/TemplateMeta.js";
 import { RCSTemplateLikePreview as B } from "./RCS/RCSTemplateLikePreview.js";
 import { TemplateHelperUtils as U } from "./utils/TemplateHelperUtils.js";
-import { WhatsappLikePreview as g } from "./WhatsApp/WhatsAppLikePreview.js";
-import { WhatsappLikePreviewV2 as j } from "./WhatsApp/WhatsAppLikePreviewV2.js";
+import { WhatsappLikePreview as D } from "./WhatsApp/WhatsAppLikePreview.js";
+import { WhatsappLikePreviewV2 as g } from "./WhatsApp/WhatsAppLikePreviewV2.js";
 const H = ({
   template: a,
-  extras: p,
-  containerStyle: s,
-  usePlaceHolderName: x,
+  extras: s,
+  containerStyle: p,
+  usePlaceHolderName: T,
   showHeader: m,
   zeroStateComponent: n,
-  size: c,
-  showSampleValues: d,
-  carouselCardIndex: T,
+  size: d,
+  showSampleValues: c,
+  carouselCardIndex: u,
   isWhatsappCarousel: f,
-  isPreview: h,
-  channel: P
+  isPreview: b,
+  channel: k
 }) => {
-  const { selectedCarouselIndex: w, pod: N } = A(), [e, y] = V(), b = new C(), v = new U(), o = [];
+  const { selectedCarouselIndex: V, pod: y } = A(), [e, N] = P(), h = new C(), v = new U(), o = [];
   if (e?.ctaBtn?.phoneNumber?.isChecked && o.push({
     type: "phoneNumber",
     text: e.ctaBtn.phoneNumber.btnText ?? "",
@@ -32,61 +32,61 @@ const H = ({
     text: e.ctaBtn.websiteLinkBtn.btnText ?? "",
     extra: e.ctaBtn.websiteLinkBtn?.linkOpens ?? "",
     placeholder: e.ctaBtn.websiteLinkBtn.placeholder ?? ""
-  }), k(() => {
-    a && b.parseUITemplateFromDBFormat({
+  }), w(() => {
+    a && h.parseUITemplateFromDBFormat({
       dbFormattedTemplate: a,
       isDuplicate: !1,
-      showSampleValues: d,
+      showSampleValues: c,
       isV2: !a.htmlContentUrl,
-      pod: N
+      pod: y
     }).then((t) => {
-      y({ ...t });
+      N({ ...t });
     });
-  }, [a, d]), k(() => {
-    a && b.parseUITemplateFromDBFormat({
+  }, [a, c]), w(() => {
+    a && h.parseUITemplateFromDBFormat({
       dbFormattedTemplate: a,
       isDuplicate: !1,
-      showSampleValues: d,
+      showSampleValues: c,
       isV2: !a.htmlContentUrl,
-      pod: N
+      pod: y
     }).then((t) => {
-      y({ ...t });
+      N({ ...t });
     });
-  }, [w]), !a)
+  }, [V]), !a)
     return /* @__PURE__ */ i(l, { children: n }, void 0, !1, {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
       lineNumber: 104,
       columnNumber: 10
     }, void 0);
-  if (L(P || a?.channel)) {
-    const t = b.parseTemplateConfiguration(
+  if (L(k || a?.channel)) {
+    const t = h.parseTemplateConfiguration(
       a
     );
     return /* @__PURE__ */ i(
       B,
       {
         showHeader: m,
-        containerPadding: c === "large" ? "16px 36px 12px 16px" : "12px 36px 12px 12px",
-        containerStyle: s,
+        containerPadding: d === "large" ? "16px 36px 12px 16px" : "12px 36px 12px 12px",
+        containerStyle: p,
         textType: "html",
         bodyText: e?.bodyText,
         titleText: e?.titleText,
         footerText: e?.footerText,
-        headerMediaType: e?.headerType || u.NONE,
+        headerMediaType: e?.headerType || x.NONE,
         headerText: e?.headerText,
         headerAssetLink: e?.headerAssetLink ?? "",
         headerAssetName: e?.headerAssetName ?? "",
         quickReplybtn: e?.quickReply,
         ctaBtn: o,
         actionTypes: e?.actionsType,
-        extras: p,
+        extras: s,
         hidePreviewText: !0,
         imagePreviewStyles: {
           objectFit: "cover"
         },
-        carouselCardIndex: T,
+        carouselCardIndex: u,
         zeroStateComponent: n ?? /* @__PURE__ */ i(l, { children: " " }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
           lineNumber: 136,
           columnNumber: 47
         }, void 0),
@@ -104,13 +104,13 @@ const H = ({
         })) ?? [],
         buttons: e?.allButtons,
         isWhatsappCarousel: f,
-        isPreview: h,
+        isPreview: b,
         templateConfiguration: t
       },
       void 0,
       !1,
       {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
         lineNumber: 113,
         columnNumber: 4
       },
@@ -118,73 +118,73 @@ const H = ({
     );
   }
   return a.htmlContentUrl ? /* @__PURE__ */ i(
-    g,
+    D,
     {
       showHeader: m,
-      containerPadding: c === "large" ? "16px 56px 12px 16px" : "12px 56px 12px 12px",
-      containerStyle: s,
+      containerPadding: d === "large" ? "16px 56px 12px 16px" : "12px 56px 12px 12px",
+      containerStyle: p,
       textType: "html",
       bodyText: v.whatsappOnlyFillVariablesValueInBodyText(
         e?.bodyText ?? "",
         e?.bodyVariables ?? [],
-        x
+        T
       ),
       footerText: e?.footerText,
-      headerMediaType: e?.headerType || u.NONE,
+      headerMediaType: e?.headerType || x.NONE,
       headerText: v.fillVariablesValInBodyText(
         e?.headerText ?? "",
         e?.headerVariables ?? [],
-        x
+        T
       ),
       headerAssetLink: e?.headerAssetLink ?? "",
       headerAssetName: e?.headerAssetName ?? "",
       quickReplybtn: e?.quickReply,
       ctaBtn: o,
       actionTypes: e?.actionsType,
-      extras: p,
+      extras: s,
       hidePreviewText: !0,
       imagePreviewStyles: {
         objectFit: "cover"
       },
       zeroStateComponent: n ?? /* @__PURE__ */ i(l, { children: " " }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
         lineNumber: 241,
         columnNumber: 46
       }, void 0),
-      isPreview: h
+      isPreview: b
     },
     void 0,
     !1,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
       lineNumber: 212,
       columnNumber: 3
     },
     void 0
   ) : /* @__PURE__ */ i(
-    j,
+    g,
     {
       showHeader: m,
-      containerPadding: c === "large" ? "16px 56px 12px 16px" : "12px 56px 12px 12px",
-      containerStyle: s,
+      containerPadding: d === "large" ? "16px 56px 12px 16px" : "12px 56px 12px 12px",
+      containerStyle: p,
       textType: "html",
       bodyText: e?.bodyText,
       footerText: e?.footerText,
-      headerMediaType: e?.headerType || u.NONE,
+      headerMediaType: e?.headerType || x.NONE,
       headerText: e?.headerText,
       headerAssetLink: e?.headerAssetLink ?? "",
       headerAssetName: e?.headerAssetName ?? "",
       quickReplybtn: e?.quickReply,
       ctaBtn: o,
       actionTypes: e?.actionsType,
-      extras: p,
+      extras: s,
       hidePreviewText: !0,
       imagePreviewStyles: {
         objectFit: "cover"
       },
-      carouselCardIndex: T,
+      carouselCardIndex: u,
       zeroStateComponent: n ?? /* @__PURE__ */ i(l, { children: " " }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
         lineNumber: 187,
         columnNumber: 47
       }, void 0),
@@ -199,14 +199,14 @@ const H = ({
       buttons: e?.allButtons,
       limitedTimeOfferComponent: e?.limitedTimeOfferComponent,
       isWhatsappCarousel: f,
-      isPreview: h,
+      isPreview: b,
       showCallPermissionCard: e?.showCallPermissionCard,
       callPermissionText: e?.callPermissionText
     },
     void 0,
     !1,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",
       lineNumber: 165,
       columnNumber: 4
     },

package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.d.ts

@@ -31,10 +31,11 @@ export declare class TemplateCreatorHelper {
     }): Promise<CreateTemplateType>;
     parseTemplateConfiguration(template: RCSTemplateType): RCSTemplateConfig;
     /**
-     * Determines whether the media (header image/video) appears AFTER the body in
-     * the template's original `components` order. Returns true only when a media
-     * header genuinely sits after the body, so the default media-first layout is
-     * preserved for every other template.
+     * Determines, from the original `components[]` order, whether a non-TEXT
+     * media header appears AFTER the body component. The library preview
+     * otherwise always renders the media first; honouring this keeps
+     * body-then-media templates (the third-party ordering for some
+     * `text_message_with_media` templates) correct in the preview.
      */
-    private isMediaAfterBody;
+    isRcsMediaAfterBody(template: RCSTemplateType): boolean;
 }

package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.js

@@ -1,7 +1,7 @@
 import { format as w } from "date-fns";
 import { COLORS as _ } from "../../../constants/Theme.js";
 import { specialCharPattern as U, placeHolderNamePattern as B, editableVarPattern as M } from "../constants/regexPatterns.js";
-import { REQUIRED_FIELD as h, NAME_LEN_LIMIT as S, NAME_LEN_ERROR as H, NO_SPECIAL_CHAR as Y, HEADER_TEXT_LEN_LIMIT as N, HEADER_LEN_ERROR as R, ONE_VAR_ALLOWED as $, HEADER_ASSET_LINK_ERROR as q, BODY_TEXT_LEN_LIMIT as Q, BODY_LEN_ERROR as K, QUICK_REPLY_BTN_TEXT_LIMIT as L, QUICK_REPLY_LEN_ERROR as y, BUTTON_EMOJI_ERROR as x, VALID_PHONE_NUMBER as W, QUICK_REPLY_NAME_LEN_LIMIT as X, CREATE_TEMPLATE_DOM_IDS as u, QUICK_REPLY_NAME_ERROR as j } from "../constants/TemplateConstants.js";
+import { REQUIRED_FIELD as h, NAME_LEN_LIMIT as S, NAME_LEN_ERROR as H, NO_SPECIAL_CHAR as Y, HEADER_TEXT_LEN_LIMIT as R, HEADER_LEN_ERROR as N, ONE_VAR_ALLOWED as $, HEADER_ASSET_LINK_ERROR as q, BODY_TEXT_LEN_LIMIT as Q, BODY_LEN_ERROR as K, QUICK_REPLY_BTN_TEXT_LIMIT as L, QUICK_REPLY_LEN_ERROR as y, BUTTON_EMOJI_ERROR as x, VALID_PHONE_NUMBER as W, QUICK_REPLY_NAME_LEN_LIMIT as X, CREATE_TEMPLATE_DOM_IDS as u, QUICK_REPLY_NAME_ERROR as j } from "../constants/TemplateConstants.js";
 import { HEADER_TYPES as m, ACTIONS_TYPES as f } from "../models/TemplateMeta.js";
 import { POD as v } from "../models/WhatsAppTemplate.js";
 import { TemplateHelperUtils as z } from "../utils/TemplateHelperUtils.js";
@@ -17,11 +17,11 @@ class ae {
       e.headerType = i.format, e.headerText = i.text, e.headerAssetLink = i.example?.header_handle?.[0];
       const r = i.example?.header_text?.[0], s = t.mapping?.header?.[0], a = s;
       if (s) {
-        const l = s?.replace("[[", "").replace("]]", "").replace("{{", "").replace("}}", "").replace("((", "").replace("))", ""), p = /\(\(/.test(s), c = n === v.CHATBOT && a && a?.startsWith("((") && a?.endsWith("))"), d = {
+        const l = s?.replace("[[", "").replace("]]", "").replace("{{", "").replace("}}", "").replace("((", "").replace("))", ""), c = /\(\(/.test(s), p = n === v.CHATBOT && a && a?.startsWith("((") && a?.endsWith("))"), d = {
           idx: 0,
-          variableVal: o || c ? r : a,
-          editable: p,
-          editableDefaultValues: p ? void 0 : r,
+          variableVal: o || p ? r : a,
+          editable: c,
+          editableDefaultValues: c ? void 0 : r,
           variableName: l
         };
         e.headerVariables = [d], i.example?.header_text?.length && (e.headerText = e.headerText?.replace(
@@ -59,43 +59,43 @@ class ae {
       const a = t.headerText?.trim() ?? "";
       if (!a)
         e.header = h, n = "invalid";
-      else if (a.length > N)
-        e.header = R, n = "invalid";
+      else if (a.length > R)
+        e.header = N, n = "invalid";
       else {
         const l = i.getTemplateVariablesFromState(a);
         l && l.length > 1 && (e.header = $, n = "invalid");
       }
     } else t.headerType === m.DOCUMENT || t.headerType === m.IMAGE || (t.headerType, m.VIDEO);
-    if ((t.headerType === m.DOCUMENT || t.headerType === m.IMAGE || t.headerType === m.VIDEO) && (t.headerAssetLink || (e.header = q, n = "invalid")), e.header && !r && (s(u.header), r = !0), t.bodyText ? t.bodyTextRaw && t.bodyTextRaw?.trim().length > Q && (e.body = K, n = "invalid") : (e.body = h, n = "invalid"), e.body && !r && (s(u.body), r = !0), t.footerText && t.footerText.length > N && (e.footer = R, n = "invalid"), e?.footer && !r && (s(u.footer), r = !0), t.actionsType === f.CTA_BTN) {
+    if ((t.headerType === m.DOCUMENT || t.headerType === m.IMAGE || t.headerType === m.VIDEO) && (t.headerAssetLink || (e.header = q, n = "invalid")), e.header && !r && (s(u.header), r = !0), t.bodyText ? t.bodyTextRaw && t.bodyTextRaw?.trim().length > Q && (e.body = K, n = "invalid") : (e.body = h, n = "invalid"), e.body && !r && (s(u.body), r = !0), t.footerText && t.footerText.length > R && (e.footer = N, n = "invalid"), e?.footer && !r && (s(u.footer), r = !0), t.actionsType === f.CTA_BTN) {
       if (t.ctaBtn?.phoneNumber?.isChecked) {
         const a = t.ctaBtn.phoneNumber.btnText?.trim(), l = t.ctaBtn.phoneNumber.phoneNumber;
         e.ctaBtn && !a ? (e.ctaBtn.phoneNumber.btnText = h, n = "invalid") : e.ctaBtn && a && a.length > L ? (e.ctaBtn.phoneNumber.btnText = y, n = "invalid") : e.ctaBtn && a && o.test(a) && (e.ctaBtn.phoneNumber.btnText = x, n = "invalid"), e.ctaBtn && !l ? (e.ctaBtn.phoneNumber.link = h, n = "invalid") : e.ctaBtn && l && l.length < 10 && (e.ctaBtn.phoneNumber.link = W, n = "invalid");
       }
       if (t.ctaBtn?.websiteLinkBtn?.isChecked) {
-        const a = t.ctaBtn.websiteLinkBtn.btnText?.trim(), l = t.ctaBtn.websiteLinkBtn.linkOpens?.trim(), p = t.ctaBtn.websiteLinkBtn.placeholder?.trim();
-        e.ctaBtn && !a ? (e.ctaBtn.websiteLink.btnText = h, n = "invalid") : e.ctaBtn && a && a.length > L ? (e.ctaBtn.websiteLink.btnText = y, n = "invalid") : e.ctaBtn && a && o.test(a) && (e.ctaBtn.websiteLink.btnText = x, n = "invalid"), e.ctaBtn && !l && !p && (e.ctaBtn.websiteLink.link = h, n = "invalid");
+        const a = t.ctaBtn.websiteLinkBtn.btnText?.trim(), l = t.ctaBtn.websiteLinkBtn.linkOpens?.trim(), c = t.ctaBtn.websiteLinkBtn.placeholder?.trim();
+        e.ctaBtn && !a ? (e.ctaBtn.websiteLink.btnText = h, n = "invalid") : e.ctaBtn && a && a.length > L ? (e.ctaBtn.websiteLink.btnText = y, n = "invalid") : e.ctaBtn && a && o.test(a) && (e.ctaBtn.websiteLink.btnText = x, n = "invalid"), e.ctaBtn && !l && !c && (e.ctaBtn.websiteLink.link = h, n = "invalid");
       }
     } else if (t.actionsType === f.QUICK_REPLY) {
       const a = ["", "", ""];
-      t.quickReply.forEach((l, p) => {
-        const c = l.text?.trim();
-        if (!c)
-          a[p] = h, n = "invalid";
-        else if (c.length > X)
-          a[p] = y, n = "invalid";
-        else if (o.test(c))
-          a[p] = x, n = "invalid";
+      t.quickReply.forEach((l, c) => {
+        const p = l.text?.trim();
+        if (!p)
+          a[c] = h, n = "invalid";
+        else if (p.length > X)
+          a[c] = y, n = "invalid";
+        else if (o.test(p))
+          a[c] = x, n = "invalid";
         else {
           const d = [...t.quickReply];
-          d.splice(p, 1), d.find(
-            (b) => b.text === c
-          ) && (a[p] = j, n = "invalid");
+          d.splice(c, 1), d.find(
+            (b) => b.text === p
+          ) && (a[c] = j, n = "invalid");
         }
       }), e.quickReply = a;
     }
     if (t.actionsType === f.CTA_BTN || t.actionsType === f.QUICK_REPLY) {
       const a = e.quickReply?.reduce(
-        (l, p) => l || !!p,
+        (l, c) => l || !!c,
         !1
       );
       (e?.ctaBtn?.websiteLink?.link || e.ctaBtn?.websiteLink?.btnText || e.ctaBtn?.phoneNumber?.link || e.ctaBtn?.phoneNumber?.btnText || a) && !r && (s(u.actionButtons), r = !0);
@@ -109,23 +109,23 @@ class ae {
       (a) => a.type === "BODY"
     );
     return s && (s.example?.body_text?.[0]?.forEach((a, l) => {
-      let p = t.mapping?.body?.[l];
-      const c = p, d = p && /\(\(/.test(p), T = p?.match(
+      let c = t.mapping?.body?.[l];
+      const p = c, d = c && /\(\(/.test(c), T = c?.match(
         B
       );
-      T?.[2] && (p = T?.[2]);
-      const b = e === v.CHATBOT && c && c?.startsWith("((") && c?.endsWith("))");
+      T?.[2] && (c = T?.[2]);
+      const b = e === v.CHATBOT && p && p?.startsWith("((") && p?.endsWith("))");
       i.push({
         idx: l,
-        variableVal: n || b ? a : c,
+        variableVal: n || b ? a : p,
         editable: !!d,
         editableDefaultValues: d ? void 0 : a,
-        variableName: p ?? ""
+        variableName: c ?? ""
       });
     }), t.htmlContentUrl ? r = t.htmlContentUrl : r = s.text?.split(/\{\{[0-9]+\}\}/).length ? s.text?.split(/\{\{[0-9]+\}\}/).map((a, l) => {
       if (i?.[l]) {
-        const p = i[l].variableName;
-        return o ? `${a}{{${p}}}` : `${a} <span> </span><span  style="color: ${_.content.brand}; text-decoration: underline;">{{${p}}}</span><span> </span>`;
+        const c = i[l].variableName;
+        return o ? `${a}{{${c}}}` : `${a} <span> </span><span  style="color: ${_.content.brand}; text-decoration: underline;">{{${c}}}</span><span> </span>`;
       }
       return a;
     }).join("") : ""), { bodyVariable: i, bodyText: r };
@@ -138,14 +138,14 @@ class ae {
     );
     return r && (r.example?.title_text?.[0]?.forEach((s, a) => {
       let l = t.mapping?.body?.[a];
-      const p = l, c = l && /\(\(/.test(l), d = l?.match(
+      const c = l, p = l && /\(\(/.test(l), d = l?.match(
         B
       );
       d?.[2] && (l = d?.[2]), e.push({
         idx: a,
-        variableVal: n ? s : p,
-        editable: !!c,
-        editableDefaultValues: c ? void 0 : s,
+        variableVal: n ? s : c,
+        editable: !!p,
+        editableDefaultValues: p ? void 0 : s,
         variableName: l ?? ""
       });
     }), t.htmlContentUrl ? i = t.htmlContentUrl : i = r.text?.split(/\{\{[0-9]+\}\}/).length ? r.text?.split(/\{\{[0-9]+\}\}/).map((s, a) => {
@@ -247,8 +247,8 @@ class ae {
       headerType: s,
       headerAssetLink: a,
       headerAssetName: l,
-      headerText: p,
-      headerVariables: c
+      headerText: c,
+      headerVariables: p
     } = await this.parseDataFromHeaderComponent(
       o,
       void 0,
@@ -293,8 +293,8 @@ class ae {
       headerType: s,
       headerAssetLink: a,
       headerAssetName: l,
-      headerText: p,
-      headerVariables: c,
+      headerText: c,
+      headerVariables: p,
       alreadyAsADraft: o.isDraft,
       mode: "edit",
       initialLoading: !1,
@@ -323,24 +323,25 @@ class ae {
     return {
       ...o,
       templateType: t?.templateType,
-      mediaAfterBody: this.isMediaAfterBody(t)
+      isMediaAfterBody: this.isRcsMediaAfterBody(t)
     };
   }
   /**
-   * Determines whether the media (header image/video) appears AFTER the body in
-   * the template's original `components` order. Returns true only when a media
-   * header genuinely sits after the body, so the default media-first layout is
-   * preserved for every other template.
+   * Determines, from the original `components[]` order, whether a non-TEXT
+   * media header appears AFTER the body component. The library preview
+   * otherwise always renders the media first; honouring this keeps
+   * body-then-media templates (the third-party ordering for some
+   * `text_message_with_media` templates) correct in the preview.
    */
-  isMediaAfterBody(t) {
+  isRcsMediaAfterBody(t) {
     const o = t?.components;
     if (!Array.isArray(o)) return !1;
     const n = o.findIndex(
-      (i) => i?.type === "BODY"
+      (i) => i.type === "HEADER" && !!i.format && i.format !== m.TEXT
     ), e = o.findIndex(
-      (i) => i?.type === "HEADER" && !!i?.format && i.format !== m.TEXT && i.format !== m.NONE
+      (i) => i.type === "BODY"
     );
-    return n > -1 && e > -1 && n < e;
+    return n > -1 && e > -1 && n > e;
   }
 }
 export {