@pushwoosh/dumb-components 4.5.1 → 4.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "4.5.1",
+  "version": "4.6.0",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",

package/{WhatsAppPreview/components/WhatsAppFormattedText → shared/whatsAppMarkup}/WhatsAppFormattedText.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Text } from '@pushwoosh/kit-typography';
-import { DynamicContentText } from '../../../shared/dynamicContent';
-import { parseWhatsAppMarkup } from '../../helpers';
+import { parseWhatsAppMarkup } from './parse';
+import { DynamicContentText } from '../dynamicContent';
 const TAGS = {
   bold: 'b',
   italic: 'i',

package/shared/whatsAppMarkup/index.d.ts

@@ -0,0 +1,3 @@
+export { WhatsAppFormattedText } from './WhatsAppFormattedText';
+export { parseWhatsAppMarkup } from './parse';
+export type { WhatsAppFormattedTextProps, WhatsAppTextNode, WhatsAppTextStyle } from './types';

package/{WhatsAppPreview/components/WhatsAppFormattedText/index.d.ts → shared/whatsAppMarkup/index.js}

@@ -1 +1,2 @@
 export { WhatsAppFormattedText } from './WhatsAppFormattedText';
+export { parseWhatsAppMarkup } from './parse';

package/shared/whatsAppMarkup/parse.d.ts

@@ -0,0 +1,3 @@
+import type { WhatsAppTextNode } from './types';
+/** Splits WhatsApp markup (`*bold*`, `_italic_`, `~strike~`, backtick monospace) into a render tree. */
+export declare function parseWhatsAppMarkup(text: string): WhatsAppTextNode[];

package/shared/whatsAppMarkup/parse.js

@@ -0,0 +1,56 @@
+const MARKERS = [{
+  style: 'mono',
+  marker: '```'
+}, {
+  style: 'mono',
+  marker: '`'
+}, {
+  style: 'bold',
+  marker: '*'
+}, {
+  style: 'italic',
+  marker: '_'
+}, {
+  style: 'strike',
+  marker: '~'
+}];
+function findMarkerAt(text, index) {
+  return MARKERS.find(({
+    marker
+  }) => text.startsWith(marker, index)) || null;
+}
+/** Splits WhatsApp markup (`*bold*`, `_italic_`, `~strike~`, backtick monospace) into a render tree. */
+export function parseWhatsAppMarkup(text) {
+  const nodes = [];
+  let plain = '';
+  let index = 0;
+  const flush = () => {
+    if (plain) {
+      nodes.push({
+        text: plain
+      });
+      plain = '';
+    }
+  };
+  while (index < text.length) {
+    const found = findMarkerAt(text, index);
+    const openEnd = found ? index + found.marker.length : index;
+    const closeStart = found ? text.indexOf(found.marker, openEnd) : -1;
+    if (!found || closeStart <= openEnd) {
+      plain += text[index];
+      index += 1;
+      continue;
+    }
+    const inner = text.slice(openEnd, closeStart);
+    flush();
+    nodes.push({
+      style: found.style,
+      children: found.style === 'mono' ? [{
+        text: inner
+      }] : parseWhatsAppMarkup(inner)
+    });
+    index = closeStart + found.marker.length;
+  }
+  flush();
+  return nodes;
+}

package/shared/whatsAppMarkup/types.js

@@ -0,0 +1 @@
+export {};

package/WhatsAppPreview/components/WhatsAppFormattedText/index.js

@@ -1 +0,0 @@
-export { WhatsAppFormattedText } from './WhatsAppFormattedText';