@bikdotai/bik-component-library 0.0.788-beta.11 → 0.0.788-beta.13

package/dist/cjs/src/editor/BikEditor.utils.d.ts

@@ -1,74 +0,0 @@
-import { Editor } from '@tiptap/core';
-import { EditorSnapshot, FormatState } from './BikEditor.types';
-/**
- * Normalise HTML before passing it to TipTap.
- *
- * Problem: Quill uses `<p><br></p>` as a blank-line separator. TipTap's
- * HardBreak extension parses that `<br>` as a real `hard_break` node.
- * ProseMirror then also appends `<br class="ProseMirror-trailingBreak">` as a
- * cursor-position decoration, making the empty paragraph render at **2× line
- * height** instead of 1×.
- *
- * Fix: replace `<p><br></p>` → `<p></p>` so TipTap stores a truly empty
- * paragraph. ProseMirror adds only the trailing decoration, giving the correct
- * 1× line height. The WA text output is unchanged (`\n` either way after
- * surrounding-newline collapse in `toWhatsAppText`).
- */
-export declare function normalizeHtml(html: string): string;
-export declare const SECTION_DIVIDER_HTML: (id: string) => string;
-/**
- * Build initial HTML for an editor with one or more named sections below the body.
- * Each section is separated by an invisible divider node.
- *
- * @example
- * buildSectionedContent('<p>Body</p>', [
- *   { id: 'signature', content: '<p>Alice</p>' },
- *   { id: 'forwarded', content: '<p>--- fwd ---</p>' },
- * ])
- */
-export declare function buildSectionedContent(body: string, sections: Array<{
-    id: string;
-    content: string;
-}>): string;
-/**
- * Parse the editor HTML into a Map of sectionId → raw HTML string.
- * The special key `'body'` always holds the content before the first divider.
- * Map iteration order matches document order.
- */
-export declare function extractAllSections(editor: Editor): Map<string, string>;
-/**
- * Extract just the body portion (everything before the first section divider)
- * from an HTML string produced by BikEditor. Safe to call on plain HTML too —
- * returns the full string when no dividers are present.
- */
-export declare function getBodyHtml(html: string): string;
-/**
- * Extract everything from the first section divider onward (dividers + their
- * content). Returns an empty string when there are no sections.
- */
-export declare function getSectionsHtml(html: string): string;
-export declare function extractAllSectionsFromHtml(html: string): Map<string, string>;
-/** Returns BikEditorContent for a single named section (or 'body'). */
-export declare function extractSectionContent(editor: Editor, id: string): EditorSnapshot;
-/**
- * Replace the content of a single named section without touching others.
- * If the section doesn't exist yet, it is appended at the end of the document.
- */
-export declare function setSectionContentInEditor(editor: Editor, id: string, html: string): void;
-/** Extract BikEditorContent for just the body (before the first divider). */
-export declare function extractBodyContent(editor: Editor): EditorSnapshot;
-export declare function extractActiveFormats(editor: Editor): FormatState;
-export declare function extractContent(editor: Editor): EditorSnapshot;
-/**
- * Returns the ProseMirror position immediately after a section's opening divider
- * (i.e. the start of the section's own content).
- * For `'body'`, returns 1 (beginning of the document).
- * Returns -1 if the named section's divider is not found.
- */
-export declare function findSectionStartPos(editor: Editor, sectionId: string): number;
-/**
- * Returns the ProseMirror position at the end of a named section's content:
- * - For `'body'`: position of the first section divider, or end of document.
- * - For a named section: position of the next divider, or end of document.
- */
-export declare function findSectionEndPos(editor: Editor, sectionId: string): number;

package/dist/cjs/src/editor/extensions/FontSizeExtension.d.ts

@@ -1,3 +0,0 @@
-import { Extension } from '@tiptap/core';
-import '@tiptap/extension-text-style';
-export declare const FontSizeExtension: Extension<any, any>;

package/dist/cjs/src/editor/extensions/buildExtensions.d.ts

@@ -1,28 +0,0 @@
-import type { ReactNode } from 'react';
-import type { EditorFeatures, EditorSnapshot, KeyboardShortcut, MentionDropdownRenderProps, MentionItem, PasteData, SlashCommandDropdownRenderProps, SlashCommandItem } from '../BikEditor.types';
-interface ExtensionConfig {
-    features?: EditorFeatures;
-    placeholder?: string;
-    maxCharacters?: number;
-    hasSections?: boolean;
-    mentions?: {
-        agents?: MentionItem[];
-        teams?: MentionItem[];
-    };
-    slashCommands?: SlashCommandItem[];
-    onPaste?: (data: PasteData) => boolean | void;
-    onSend?: (content: EditorSnapshot) => void;
-    sendShortcut?: {
-        key: string;
-        modifiers?: Array<'mod' | 'ctrl' | 'shift' | 'alt'>;
-    };
-    shortcuts?: KeyboardShortcut[];
-    onMentionSelected?: (item: MentionItem, char: '@' | '#') => void;
-    onSlashCommandSelected?: (command: SlashCommandItem) => void;
-    renderMentionItem?: (item: MentionItem, isActive: boolean) => ReactNode;
-    renderMentionDropdown?: (props: MentionDropdownRenderProps) => ReactNode;
-    renderSlashCommandItem?: (item: SlashCommandItem, isActive: boolean) => ReactNode;
-    renderSlashCommandDropdown?: (props: SlashCommandDropdownRenderProps) => ReactNode;
-}
-export declare function buildExtensions(config: ExtensionConfig): (import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-underline").UnderlineOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-link").LinkOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extensions").PlaceholderOptions, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Extension<import("@tiptap/extensions").CharacterCountOptions, import("@tiptap/extensions").CharacterCountStorage> | import("@tiptap/core").Node<any, any> | import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-style").ColorOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-highlight").HighlightOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-align").TextAlignOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any>)[];
-export {};

package/dist/cjs/src/editor/extensions/editorDropdown.styles.d.ts

@@ -1,11 +0,0 @@
-export declare const DropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownItem: import("styled-components").StyledComponent<"div", any, {
-    $isActive?: boolean | undefined;
-}, never>;
-export declare const MentionAvatar: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const MentionLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const MentionPresenceDot: import("styled-components").StyledComponent<"span", any, {
-    $online?: boolean | undefined;
-}, never>;
-export declare const SlashLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SlashDescription: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/cjs/src/editor/extensions/forwardedDivider/ForwardedDividerNode.d.ts

@@ -1,13 +0,0 @@
-import { Node } from '@tiptap/core';
-/**
- * Invisible zero-height block node that marks the boundary between the email body
- * and the forwarded-mail section (which itself sits below the signature divider).
- *
- * Document structure:
- *   body content
- *   [SignatureDividerNode]      ← data-signature-divider
- *   signature content
- *   [ForwardedDividerNode]      ← data-forwarded-divider  (this node)
- *   forwarded mail content
- */
-export declare const ForwardedDividerNode: Node<any, any>;

package/dist/cjs/src/editor/extensions/imagePaste/ImagePasteExtension.d.ts

@@ -1,2 +0,0 @@
-import { Extension } from '@tiptap/core';
-export declare const ImagePasteExtension: Extension<any, any>;

package/dist/cjs/src/editor/extensions/mention/MentionDropdown.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { MentionDropdownRenderProps, MentionItem } from '../../BikEditor.types';
-interface Props {
-    items: MentionItem[];
-    query: string;
-    command: (item: MentionItem) => void;
-    /** Custom per-row renderer. Receives the item and whether it is the active row. */
-    renderItem?: (item: MentionItem, isActive: boolean) => React.ReactNode;
-    /**
-     * Full custom dropdown renderer. Takes priority over renderItem.
-     * The editor passes activeIndex and onSelect — you handle all the visual rendering.
-     */
-    renderDropdown?: (props: MentionDropdownRenderProps) => React.ReactNode;
-}
-export declare const MentionDropdown: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
-export {};

package/dist/cjs/src/editor/extensions/mention/MentionExtension.d.ts

@@ -1,4 +0,0 @@
-import type { ReactNode } from 'react';
-import type { MentionDropdownRenderProps, MentionItem } from '../../BikEditor.types';
-export declare function buildAgentMentionExtension(agents: MentionItem[], onSelect?: (item: MentionItem, char: '@' | '#') => void, renderItem?: (item: MentionItem, isActive: boolean) => ReactNode, renderDropdown?: (props: MentionDropdownRenderProps) => ReactNode): import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any>;
-export declare function buildTeamMentionExtension(teams: MentionItem[], onSelect?: (item: MentionItem, char: '@' | '#') => void, renderItem?: (item: MentionItem, isActive: boolean) => ReactNode, renderDropdown?: (props: MentionDropdownRenderProps) => ReactNode): import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any>;

package/dist/cjs/src/editor/extensions/paste/PasteExtension.d.ts

@@ -1,7 +0,0 @@
-import { Extension } from '@tiptap/core';
-/**
- * Fires the `onPaste` callback for every paste event.
- * If the callback returns `true`, BikEditor's own paste handling is suppressed —
- * rich-paste and plain-clipboard extensions won't run for that event.
- */
-export declare const PasteExtension: Extension<any, any>;

package/dist/cjs/src/editor/extensions/plainClipboard/PlainClipboardExtension.d.ts

@@ -1,2 +0,0 @@
-import { Extension } from '@tiptap/core';
-export declare const PlainClipboardExtension: Extension<any, any>;

package/dist/cjs/src/editor/extensions/sectionDivider/SectionDividerNode.d.ts

@@ -1,10 +0,0 @@
-import { Node } from '@tiptap/core';
-/**
- * Generic invisible block node that marks the boundary between named sections.
- * The section ID is stored as a `data-section-divider` attribute on the rendered div.
- *
- * Provides backward-compatible parsing of the old `data-signature-divider` and
- * `data-forwarded-divider` attributes, mapping them to sectionId='signature' and
- * sectionId='forwarded' respectively.
- */
-export declare const SectionDividerNode: Node<any, any>;

package/dist/cjs/src/editor/extensions/sendShortcut/SendShortcutExtension.d.ts

@@ -1,2 +0,0 @@
-import { Extension } from '@tiptap/core';
-export declare const SendShortcutExtension: Extension<any, any>;

package/dist/cjs/src/editor/extensions/signatureDivider/SignatureDividerNode.d.ts

@@ -1,7 +0,0 @@
-import { Node } from '@tiptap/core';
-/**
- * Invisible atomic block node used to separate email body from signature.
- * Renders as a zero-height hidden div — the user never sees or interacts with it.
- * Use `splitAtSignatureDivider` to extract body/signature HTML independently.
- */
-export declare const SignatureDividerNode: Node<any, any>;

package/dist/cjs/src/editor/extensions/slashCommand/SlashCommandExtension.d.ts

@@ -1,4 +0,0 @@
-import { Extension } from '@tiptap/core';
-import type { ReactNode } from 'react';
-import type { SlashCommandDropdownRenderProps, SlashCommandItem } from '../../BikEditor.types';
-export declare function buildSlashCommandExtension(commands: SlashCommandItem[], onSelect?: (command: SlashCommandItem) => void, renderItem?: (item: SlashCommandItem, isActive: boolean) => ReactNode, renderDropdown?: (props: SlashCommandDropdownRenderProps) => ReactNode): Extension<any, any>;

package/dist/cjs/src/editor/extensions/slashCommand/SlashCommandMenu.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { SlashCommandDropdownRenderProps, SlashCommandItem } from '../../BikEditor.types';
-interface Props {
-    items: SlashCommandItem[];
-    query: string;
-    command: (item: SlashCommandItem) => void;
-    /** Custom per-row renderer. Receives the item and whether it is the active row. */
-    renderItem?: (item: SlashCommandItem, isActive: boolean) => React.ReactNode;
-    /**
-     * Full custom dropdown renderer. Takes priority over renderItem.
-     * The editor passes activeIndex and onSelect — you handle all the visual rendering.
-     */
-    renderDropdown?: (props: SlashCommandDropdownRenderProps) => React.ReactNode;
-}
-export declare const SlashCommandMenu: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
-export {};

package/dist/cjs/src/editor/extensions/variable/VariableDecorationExtension.d.ts

@@ -1,7 +0,0 @@
-import { Extension } from '@tiptap/core';
-/**
- * Decorates all `{{variable}}` text in the document with the `bik-variable` class.
- * Variables are plain text — the cursor moves through them freely, backspace works
- * normally, and no special node structure is needed.
- */
-export declare const VariableDecorationExtension: Extension<any, any>;

package/dist/cjs/src/editor/extensions/variable/VariableNode.d.ts

@@ -1,2 +0,0 @@
-import { Node } from '@tiptap/core';
-export declare const VariableNode: Node<any, any>;

package/dist/cjs/src/editor/extensions/variable/VariableNodeView.d.ts

@@ -1,3 +0,0 @@
-import { type NodeViewProps } from '@tiptap/react';
-import React from 'react';
-export declare const VariableNodeView: React.FC<NodeViewProps>;

package/dist/cjs/src/editor/floating/LinkBubbleMenu.d.ts

@@ -1,14 +0,0 @@
-import { Editor } from '@tiptap/core';
-import React from 'react';
-import type { LinkTooltipProps } from '../BikEditor.types';
-interface Props {
-    editor: Editor;
-    renderLinkTooltip?: (props: LinkTooltipProps) => React.ReactNode;
-}
-/**
- * Shows a tooltip when the user **clicks** a hyperlink inside the editor.
- * Hides on click outside the editor/bubble or on any keypress.
- * Does NOT trigger on cursor movement or keyboard navigation.
- */
-export declare const LinkBubbleMenu: React.FC<Props>;
-export {};

package/dist/cjs/src/editor/index.d.ts

@@ -1,7 +0,0 @@
-export { BikEditor } from './BikEditor';
-export { BikEditorToolbar } from './toolbar/BikEditorToolbar';
-export { getBodyHtml, getSectionsHtml } from './BikEditor.utils';
-export { toWhatsAppText } from './serializers/toWhatsAppText';
-export { toLiveChatText } from './serializers/toLiveChatText';
-export type { BikEditorProps, BikEditorRef, EditorSnapshot as BikEditorContent, EditorFeatures, EditorSection, MentionConfig, MentionDropdownRenderProps, SlashCommandConfig, SlashCommandDropdownRenderProps, LinkConfig, KeyboardShortcut, PasteData, MentionItem, SlashCommandItem, LinkTooltipProps, FormatState as ActiveFormats, EditorActions, } from './BikEditor.types';
-export { DEFAULT_FORMAT_STATE as DEFAULT_ACTIVE_FORMATS } from './BikEditor.types';

package/dist/cjs/src/editor/serializers/toLiveChatText.d.ts

@@ -1,13 +0,0 @@
-/**
- * Converts TipTap HTML to LiveChat plain text.
- *
- * LiveChat supports **bold** (`*text*`) but NOT italic or strikethrough.
- * Italic and strikethrough marks are stripped — the inner text is preserved.
- * Links emit only the display text (href is dropped).
- *
- * @example
- * const { html } = ref.current?.getContent();
- * const lcText = toLiveChatText(html);
- * sendLiveChat({ text: lcText });
- */
-export declare function toLiveChatText(html: string): string;

package/dist/cjs/src/editor/serializers/toWhatsAppText.d.ts

@@ -1,15 +0,0 @@
-/**
- * Converts TipTap HTML to WhatsApp-flavoured markdown text.
- *
- * WhatsApp formatting:
- *   *bold*   _italic_   ~strikethrough~   ```monospace```
- *
- * Links: WhatsApp does not support custom display text for hyperlinks.
- * <a href="https://…">Visit us</a>  →  https://…   (href wins, display text dropped)
- *
- * @example
- * const { html } = ref.current?.getContent();
- * const waText = toWhatsAppText(html);
- * sendWhatsApp({ text: waText });
- */
-export declare function toWhatsAppText(html: string): string;

package/dist/cjs/src/editor/toolbar/BikEditorToolbar.d.ts

@@ -1,52 +0,0 @@
-import React from 'react';
-import type { BikEditorRef, FormatState } from '../BikEditor.types';
-/**
- * Props for `<BikEditorToolbar />`.
- *
- * All `show*` props default to `true` except `showAlignment`, `showFontPicker`,
- * and `showColorPicker` which default to `false`.
- */
-interface Props {
-    /** The same ref you passed to `<BikEditor ref={...} />`. Required. */
-    editorRef: React.RefObject<BikEditorRef>;
-    /**
-     * Active format snapshot. Keep this in state, updated via `onSelectionChange`.
-     *
-     * @example
-     * const [formats, setFormats] = useState(DEFAULT_ACTIVE_FORMATS);
-     * <BikEditor onSelectionChange={setFormats} ... />
-     * <BikEditorToolbar activeFormats={formats} ... />
-     */
-    activeFormats: FormatState;
-    /** Show the Bold button. Default `true`. */
-    showBold?: boolean;
-    /** Show the Italic button. Default `true`. */
-    showItalic?: boolean;
-    /** Show the Underline button. Default `true`. */
-    showUnderline?: boolean;
-    /** Show the Strikethrough button. Default `true`. */
-    showStrike?: boolean;
-    /** Show the Link button. Default `true`. */
-    showLink?: boolean;
-    /** Show Bullet and Ordered list buttons. Default `true`. */
-    showLists?: boolean;
-    /** Show Left / Center / Right alignment buttons. Default `false`. */
-    showAlignment?: boolean;
-    /** Reserved — renders nothing yet. Default `false`. */
-    showFontPicker?: boolean;
-    /** Reserved — renders nothing yet. Default `false`. */
-    showColorPicker?: boolean;
-    /**
-     * Called when the user clicks the Link button.
-     *
-     * - `selectedText` — the selected text, or the full text of the link the cursor
-     *   is already inside (useful for pre-filling the "Text" field of your modal).
-     * - `currentHref` — non-null when the cursor is inside an existing link
-     *   (useful for pre-filling the "URL" field).
-     *
-     * After the user saves, call `editorRef.current?.actions.setLink(href, text)`.
-     */
-    onLinkButtonClick?: (selectedText: string, currentHref: string | null) => void;
-}
-export declare const BikEditorToolbar: React.FC<Props>;
-export {};

package/dist/esm/editor/BikEditor.js

@@ -1 +0,0 @@
-import{jsxs as n,jsx as t}from"react/jsx-runtime";import{getMarkRange as e}from"../node_modules/@tiptap/core/dist/index.js";import{useEditor as o,EditorContent as i}from"@tiptap/react";import{forwardRef as l,useImperativeHandle as r}from"react";import{BikEditorShell as s}from"./BikEditor.styles.js";import{buildSectionedContent as d,normalizeHtml as c,extractContent as u,extractActiveFormats as a,extractSectionContent as m,setSectionContentInEditor as g,extractBodyContent as h,findSectionEndPos as v,findSectionStartPos as f}from"./BikEditor.utils.js";import{buildExtensions as C}from"./extensions/buildExtensions.js";import{LinkBubbleMenu as p}from"./floating/LinkBubbleMenu.js";function S(n){return Object.entries(n).map((n=>{let[t,e]=n;return`${t.replace(/([A-Z])/g,(n=>`-${n.toLowerCase()}`))}:${e}`})).join(";")}const k=l(((l,k)=>{var x;const{initialContent:B,sections:y,features:b,disabled:A,maxCharacters:j,shortcuts:L,sendShortcut:F,mentions:H,slashCommands:E,link:M,onPaste:O,onChange:T,onSend:w,onFocus:I,onBlur:U,onSelectionChange:R,minHeight:z,maxHeight:D,style:P,className:N,editorClassName:$,editorStyle:q}=l,V=(null==y?void 0:y.length)?d(c(null!=B?B:""),y.map((n=>Object.assign(Object.assign({},n),{content:c(n.content)})))):c(null!=B?B:""),W=o({extensions:C({features:b,placeholder:l.placeholder,maxCharacters:j,hasSections:(null!==(x=null==y?void 0:y.length)&&void 0!==x?x:0)>0,mentions:{agents:null==H?void 0:H.agents,teams:null==H?void 0:H.teams},slashCommands:null==E?void 0:E.items,onPaste:O,onSend:w,sendShortcut:F,shortcuts:L,onMentionSelected:null==H?void 0:H.onSelect,onSlashCommandSelected:null==E?void 0:E.onSelect,renderMentionItem:null==H?void 0:H.renderItem,renderMentionDropdown:null==H?void 0:H.renderDropdown,renderSlashCommandItem:null==E?void 0:E.renderItem,renderSlashCommandDropdown:null==E?void 0:E.renderDropdown}),content:V,editable:!A,immediatelyRender:!1,editorProps:{attributes:Object.assign(Object.assign({},$?{class:$}:{}),q?{style:S(q)}:{})},onUpdate:n=>{let{editor:t}=n;return null==T?void 0:T(u(t))},onSelectionUpdate:n=>{let{editor:t}=n;return null==R?void 0:R(a(t))},onFocus:()=>null==I?void 0:I(),onBlur:()=>null==U?void 0:U()});return r(k,(()=>({focus:()=>null==W?void 0:W.commands.focus(),blur:()=>null==W?void 0:W.commands.blur(),clearContent:()=>null==W?void 0:W.commands.clearContent(!0),setContent:n=>null==W?void 0:W.commands.setContent(c(n),{emitUpdate:!0}),insertContent:n=>null==W?void 0:W.commands.insertContent(c(n)),insertAtStart:n=>{W&&W.commands.insertContentAt(1,c(n))},insertAtEnd:n=>{W&&W.commands.insertContentAt(W.state.doc.content.size,c(n))},appendContent:n=>{W&&W.commands.insertContentAt(W.state.doc.content.size-1,c(n))},getContent:()=>W?u(W):{html:"",text:"",isEmpty:!0,characterCount:0},getCursorPosition:()=>{const{from:n,to:t}=W.state.selection;return{from:n,to:t}},insertAtPosition:(n,t)=>{W&&W.commands.insertContentAt(n,t)},getSelectedText:()=>{const{state:n}=W,{from:t,to:o,empty:i}=n.selection;if(!i)return n.doc.textBetween(t,o," ");const l=n.schema.marks.link;if(l){const o=e(n.doc.resolve(t),l);if(o)return n.doc.textBetween(o.from,o.to," ")}return""},getCharacterCount:()=>{var n,t,e,o;return{count:null!==(o=null!==(e=null===(t=null===(n=null==W?void 0:W.storage.characterCount)||void 0===n?void 0:n.characters)||void 0===t?void 0:t.call(n))&&void 0!==e?e:null==W?void 0:W.getText().length)&&void 0!==o?o:0,limit:null!=j?j:null}},getSectionContent:n=>m(W,n),setSectionContent:(n,t)=>{W&&g(W,n,c(t))},focusSection:n=>{if(!W)return;if("body"===n)return void W.chain().focus().setTextSelection(1).run();let t=-1;W.state.doc.descendants(((e,o)=>{if(-1!==t)return!1;"sectionDivider"===e.type.name&&e.attrs.sectionId===n&&(t=o+e.nodeSize+1)})),-1!==t&&W.chain().focus().setTextSelection(t).run()},clearSection:n=>{W&&g(W,n,"<p></p>")},getBodyContent:()=>h(W),setBodyContent:n=>{W&&g(W,"body",c(n))},setBodyAndSections:(n,t)=>{if(!W)return;const e=d(c(n),t.map((n=>({id:n.id,content:c(n.content)}))));W.commands.setContent(e,{emitUpdate:!0})},appendBodyContent:n=>{if(!W)return;const t=c(n),e=v(W,"body");W.commands.insertContentAt(e-1,t)},insertAtSectionStart:(n,t)=>{if(!W)return;const e=f(W,n);-1!==e&&W.commands.insertContentAt(e,c(t))},insertAtSectionEnd:(n,t)=>{if(!W)return;const e=v(W,n);W.commands.insertContentAt(e,c(t))},getActiveFormats:()=>a(W),actions:{toggleBold:()=>null==W?void 0:W.chain().focus().toggleBold().run(),toggleItalic:()=>null==W?void 0:W.chain().focus().toggleItalic().run(),toggleUnderline:()=>null==W?void 0:W.chain().focus().toggleUnderline().run(),toggleStrike:()=>null==W?void 0:W.chain().focus().toggleStrike().run(),toggleBulletList:()=>null==W?void 0:W.chain().focus().toggleBulletList().run(),toggleOrderedList:()=>null==W?void 0:W.chain().focus().toggleOrderedList().run(),toggleBlockquote:()=>null==W?void 0:W.chain().focus().toggleBlockquote().run(),toggleCodeBlock:()=>null==W?void 0:W.chain().focus().toggleCodeBlock().run(),setTextAlign:n=>null==W?void 0:W.chain().focus().setTextAlign(n).run(),setFontFamily:n=>null==W?void 0:W.chain().focus().setFontFamily(n).run(),setFontSize:n=>null==W?void 0:W.chain().focus().setFontSize(n).run(),setColor:n=>null==W?void 0:W.chain().focus().setColor(n).run(),setHighlight:n=>null==W?void 0:W.chain().focus().toggleHighlight({color:n}).run(),unsetColor:()=>null==W?void 0:W.chain().focus().unsetColor().run(),unsetHighlight:()=>null==W?void 0:W.chain().focus().unsetHighlight().run(),setLink:(n,t)=>{W&&(void 0!==t?W.chain().focus().extendMarkRange("link").command((e=>{let{tr:o,state:i}=e;const{from:l,to:r}=o.selection,s=i.schema.marks.link;return!!s&&(o.replaceWith(l,r,i.schema.text(t,[s.create({href:n})])),!0)})).run():W.chain().focus().extendMarkRange("link").setLink({href:n}).run())},updateLink:n=>null==W?void 0:W.chain().focus().extendMarkRange("link").setLink({href:n}).run(),removeLink:()=>null==W?void 0:W.chain().focus().extendMarkRange("link").unsetLink().run(),insertEmoji:n=>null==W?void 0:W.chain().focus().insertContent(n).run(),insertVariable:n=>null==W?void 0:W.chain().focus().insertContent(`{{${n}}}`).run(),insertHtml:n=>null==W?void 0:W.commands.insertContent(n),undo:()=>null==W?void 0:W.chain().focus().undo().run(),redo:()=>null==W?void 0:W.chain().focus().redo().run(),canUndo:()=>{var n;return null!==(n=null==W?void 0:W.can().undo())&&void 0!==n&&n},canRedo:()=>{var n;return null!==(n=null==W?void 0:W.can().redo())&&void 0!==n&&n}}})),[W]),W?n(s,Object.assign({minHeight:z,maxHeight:D,style:P,className:N},{children:[t(i,{editor:W}),t(p,{editor:W,renderLinkTooltip:null==M?void 0:M.renderTooltip})]})):null}));k.displayName="BikEditor";export{k as BikEditor};

package/dist/esm/editor/BikEditor.styles.js

@@ -1,70 +0,0 @@
-import e from"styled-components";const o=e.div`
-	position: relative;
-	width: 100%;
-
-	.ProseMirror {
-		min-height: ${e=>{let{minHeight:o}=e;return null!=o?o:"80px"}};
-		max-height: ${e=>{let{maxHeight:o}=e;return null!=o?o:"none"}};
-		overflow-y: auto;
-		outline: none;
-		padding: 8px 12px;
-		font-size: 14px;
-		line-height: 1.5;
-		word-break: break-word;
-
-		p {
-			margin: 0;
-			padding: 0;
-		}
-
-		ul,
-		ol {
-			margin: 0;
-			padding-left: 1.5em;
-		}
-
-		li + li {
-			margin-top: 2px;
-		}
-
-		p.is-editor-empty:first-child::before {
-			content: attr(data-placeholder);
-			float: left;
-			color: #adb5bd;
-			pointer-events: none;
-			height: 0;
-		}
-	}
-
-	.bik-mention {
-		background: #eef2ff;
-		color: #4f46e5;
-		border-radius: 4px;
-		padding: 1px 4px;
-		font-weight: 500;
-	}
-	.bik-mention--team {
-		background: #f0fdf4;
-		color: #16a34a;
-	}
-	.bik-variable {
-		background: #eef2ff;
-		color: #4f46e5;
-		border-radius: 3px;
-		padding: 1px 3px;
-		font-family: monospace;
-	}
-
-	a,
-	.bik-link {
-		color: #4f46e5;
-		text-decoration: underline;
-		text-decoration-color: #a5b4fc;
-		text-underline-offset: 2px;
-		cursor: pointer;
-		&:hover {
-			color: #3730a3;
-			text-decoration-color: #6366f1;
-		}
-	}
-`;export{o as BikEditorShell};

package/dist/esm/editor/BikEditor.types.js

@@ -1 +0,0 @@
-const l={bold:!1,italic:!1,underline:!1,strike:!1,bulletList:!1,orderedList:!1,blockquote:!1,codeBlock:!1,link:null,textAlign:"left",fontFamily:null,fontSize:null,color:null,highlight:null};export{l as DEFAULT_FORMAT_STATE};

package/dist/esm/editor/BikEditor.utils.js

@@ -1 +0,0 @@
-function t(t){return t.replace(/<p>\s*<br\s*\/?>\s*<\/p>/gi,"<p></p>")}const e=t=>`<div data-section-divider="${t}" style="display:none;height:0;line-height:0;overflow:hidden;"></div>`;function n(t,n){let i=t;for(const t of n)i+=e(t.id)+t.content;return i}function i(t){return r(t.getHTML())}function l(t){var e;if(!t)return"";return null!==(e=r(t).get("body"))&&void 0!==e?e:t}function o(t){if(!t)return"";const e=l(t);return t.substring(e.length)}function r(t){const e=new Map,n=/<div[^>]*data-section-divider="([^"]*)[^>]*>\s*<\/div>/g,i=[];let l;for(;null!==(l=n.exec(t));)i.push({id:l[1],index:l.index,endIndex:l.index+l[0].length});if(0===i.length)return e.set("body",t),e;e.set("body",t.slice(0,i[0].index));for(let n=0;n<i.length;n++){const l=i[n].endIndex,o=n+1<i.length?i[n+1].index:t.length;e.set(i[n].id,t.slice(l,o))}return e}function c(t,e){var n;return function(t){var e;const n="undefined"!=typeof document?document.createElement("div"):null;n&&(n.innerHTML=t);const i=null!==(e=null==n?void 0:n.textContent)&&void 0!==e?e:"";return{html:t,text:i,isEmpty:!i.trim(),characterCount:i.length}}(null!==(n=i(t).get(e))&&void 0!==n?n:"")}function d(t,e,l){var o;const r=i(t);r.set(e,l);const c=n(null!==(o=r.get("body"))&&void 0!==o?o:"",[...r.entries()].filter((t=>{let[e]=t;return"body"!==e})).map((t=>{let[e,n]=t;return{id:e,content:n}})));t.commands.setContent(c,{emitUpdate:!1})}function s(t){return c(t,"body")}function u(t){var e,n,i,l,o;return{bold:t.isActive("bold"),italic:t.isActive("italic"),underline:t.isActive("underline"),strike:t.isActive("strike"),bulletList:t.isActive("bulletList"),orderedList:t.isActive("orderedList"),blockquote:t.isActive("blockquote"),codeBlock:t.isActive("codeBlock"),link:t.isActive("link")?{href:null!==(e=t.getAttributes("link").href)&&void 0!==e?e:""}:null,textAlign:t.isActive({textAlign:"center"})?"center":t.isActive({textAlign:"right"})?"right":t.isActive({textAlign:"justify"})?"justify":"left",fontFamily:null!==(n=t.getAttributes("textStyle").fontFamily)&&void 0!==n?n:null,fontSize:null!==(i=t.getAttributes("textStyle").fontSize)&&void 0!==i?i:null,color:null!==(l=t.getAttributes("textStyle").color)&&void 0!==l?l:null,highlight:t.isActive("highlight")?null!==(o=t.getAttributes("highlight").color)&&void 0!==o?o:"default":null}}function v(t){var e,n,i;return{html:t.getHTML(),text:t.getText(),isEmpty:t.isEmpty,characterCount:null!==(i=null===(n=null===(e=t.storage.characterCount)||void 0===e?void 0:e.characters)||void 0===n?void 0:n.call(e))&&void 0!==i?i:t.getText().length}}function a(t,e){if("body"===e)return 1;let n=-1;return t.state.doc.descendants(((t,i)=>{if(-1!==n)return!1;"sectionDivider"===t.type.name&&t.attrs.sectionId===e&&(n=i+t.nodeSize)})),n}function f(t,e){const n=t.state.doc,i=n.content.size;if("body"===e){let t=-1;return n.descendants(((e,n)=>{if(-1!==t)return!1;"sectionDivider"===e.type.name&&(t=n)})),-1!==t?t:i}let l=!1,o=-1;return n.descendants(((t,n)=>-1===o&&(l?void("sectionDivider"===t.type.name&&(o=n)):("sectionDivider"===t.type.name&&t.attrs.sectionId===e&&(l=!0),!1)))),-1!==o?o:i}export{e as SECTION_DIVIDER_HTML,n as buildSectionedContent,u as extractActiveFormats,i as extractAllSections,r as extractAllSectionsFromHtml,s as extractBodyContent,v as extractContent,c as extractSectionContent,f as findSectionEndPos,a as findSectionStartPos,l as getBodyHtml,o as getSectionsHtml,t as normalizeHtml,d as setSectionContentInEditor};

package/dist/esm/editor/extensions/FontSizeExtension.js

@@ -1 +0,0 @@
-import{Extension as t}from"../../node_modules/@tiptap/core/dist/index.js";import"@tiptap/extension-text-style";const e=t.create({name:"fontSize",addOptions:()=>({types:["textStyle"]}),addGlobalAttributes(){return[{types:this.options.types,attributes:{fontSize:{default:null,parseHTML:t=>t.style.fontSize||null,renderHTML:t=>t.fontSize?{style:`font-size: ${t.fontSize}`}:{}}}}]},addCommands:()=>({setFontSize:t=>e=>{let{chain:n}=e;return n().setMark("textStyle",{fontSize:t}).run()},unsetFontSize:()=>t=>{let{chain:e}=t;return e().setMark("textStyle",{fontSize:null}).removeEmptyTextStyle().run()}})});export{e as FontSizeExtension};

package/dist/esm/editor/extensions/buildExtensions.js

@@ -1 +0,0 @@
-import o from"@tiptap/extension-character-count";import e from"@tiptap/extension-color";import t from"@tiptap/extension-font-family";import n from"@tiptap/extension-highlight";import i from"@tiptap/extension-image";import r from"@tiptap/extension-link";import s from"@tiptap/extension-placeholder";import a from"@tiptap/extension-subscript";import l from"@tiptap/extension-superscript";import m from"@tiptap/extension-text-align";import{TextStyle as p}from"@tiptap/extension-text-style";import d from"@tiptap/extension-underline";import u from"@tiptap/starter-kit";import{FontSizeExtension as c}from"./FontSizeExtension.js";import{buildAgentMentionExtension as f,buildTeamMentionExtension as h}from"./mention/MentionExtension.js";import{PasteExtension as x}from"./paste/PasteExtension.js";import{PlainClipboardExtension as v}from"./plainClipboard/PlainClipboardExtension.js";import{SectionDividerNode as g}from"./sectionDivider/SectionDividerNode.js";import{SendShortcutExtension as S}from"./sendShortcut/SendShortcutExtension.js";import{buildSlashCommandExtension as C}from"./slashCommand/SlashCommandExtension.js";import{VariableDecorationExtension as k}from"./variable/VariableDecorationExtension.js";function b(b){var M,j,P,E,y,D,w,I,T,O,R,z;const A=null!==(j=null===(M=b.features)||void 0===M?void 0:M.richPaste)&&void 0!==j&&j,F=null!==(E=null===(P=b.features)||void 0===P?void 0:P.richTypography)&&void 0!==E&&E,H=null===(y=b.features)||void 0===y?void 0:y.allowedMarks,L=o=>!H||H.includes(o);return[...[u.configure({link:!1,underline:!1,bold:!!L("bold")&&{},italic:!!L("italic")&&{},strike:!!L("strike")&&{},code:!!L("code")&&{}}),...L("underline")?[d]:[],r.extend({addPasteRules:()=>[],addInputRules:()=>[]}).configure({openOnClick:!1,autolink:!1,linkOnPaste:!1,HTMLAttributes:{rel:"noopener noreferrer",class:"bik-link"}}),p,s.configure({placeholder:null!==(D=b.placeholder)&&void 0!==D?D:"Type a message..."}),...b.onPaste?[x.configure({onPaste:b.onPaste})]:[],...A?[]:[v],S.configure({onSend:b.onSend,sendShortcut:b.sendShortcut,extraShortcuts:null!==(w=b.shortcuts)&&void 0!==w?w:[]}),k,...b.maxCharacters?[o.configure({limit:b.maxCharacters})]:[],g],...[...(null===(T=null===(I=b.mentions)||void 0===I?void 0:I.agents)||void 0===T?void 0:T.length)?[f(b.mentions.agents,b.onMentionSelected,b.renderMentionItem,b.renderMentionDropdown)]:[],...(null===(R=null===(O=b.mentions)||void 0===O?void 0:O.teams)||void 0===R?void 0:R.length)?[h(b.mentions.teams,b.onMentionSelected,b.renderMentionItem,b.renderMentionDropdown)]:[],...(null===(z=b.slashCommands)||void 0===z?void 0:z.length)?[C(b.slashCommands,b.onSlashCommandSelected,b.renderSlashCommandItem,b.renderSlashCommandDropdown)]:[]],...F?[e,n.configure({multicolor:!0}),t,c,m.configure({types:["heading","paragraph"]}),a,l,i]:[e]]}export{b as buildExtensions};

package/dist/esm/editor/extensions/editorDropdown.styles.js

@@ -1,45 +0,0 @@
-import r from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const t=r.div`
-	background: ${o.surface.standard};
-	border: 1px solid ${o.stroke.primary};
-	border-radius: 8px;
-	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-	padding: 4px;
-	min-width: 330px;
-	max-height: 260px;
-	overflow-y: auto;
-	font-size: 14px;
-	color: ${o.content.primary};
-`,e=r.div`
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: 12px 16px;
-	min-height: 43px;
-	border-radius: 6px;
-	cursor: pointer;
-	color: ${o.content.primary};
-	background: ${r=>{let{$isActive:t}=r;return t?o.surface.hovered:"transparent"}};
-`,n=r.img`
-	width: 24px;
-	height: 24px;
-	border-radius: 50%;
-	object-fit: cover;
-	flex-shrink: 0;
-`,i=r.span`
-	font-weight: 500;
-	color: ${o.content.primary};
-`,p=r.span`
-	width: 8px;
-	height: 8px;
-	border-radius: 50%;
-	background: ${r=>{let{$online:t}=r;return t?o.content.positive:o.content.placeholder}};
-	margin-left: auto;
-	flex-shrink: 0;
-`,a=r.span`
-	font-weight: 500;
-	color: ${o.content.primary};
-`,s=r.span`
-	font-size: 12px;
-	color: ${o.content.secondary};
-	margin-left: auto;
-`;export{t as DropdownContainer,e as DropdownItem,n as MentionAvatar,i as MentionLabel,p as MentionPresenceDot,s as SlashDescription,a as SlashLabel};

package/dist/esm/editor/extensions/mention/MentionDropdown.js

@@ -1 +0,0 @@
-import{jsx as e,Fragment as n,jsxs as r}from"react/jsx-runtime";import{forwardRef as t,useState as o,useImperativeHandle as i,useEffect as l}from"react";import{DropdownContainer as a,DropdownItem as c,MentionAvatar as d,MentionLabel as s,MentionPresenceDot as m}from"../editorDropdown.styles.js";const p=t(((t,p)=>{let{items:h,query:y,command:u,renderItem:w,renderDropdown:v}=t;const[g,D]=o(0),k=e=>{h[e]&&u(h[e])};return i(p,(()=>({onKeyDown:e=>{let{event:n}=e;return"ArrowUp"===n.key?(D((e=>(e+h.length-1)%h.length)),!0):"ArrowDown"===n.key?(D((e=>(e+1)%h.length)),!0):"Enter"===n.key&&(k(g),!0)}}))),l((()=>D(0)),[h]),h.length?v?e(n,{children:v({items:h,query:y,activeIndex:g,onSelect:e=>u(e)})}):e(a,{children:h.map(((t,o)=>e(c,Object.assign({$isActive:o===g,onMouseEnter:()=>D(o),onClick:()=>k(o)},{children:w?w(t,o===g):r(n,{children:[t.avatarUrl&&e(d,{src:t.avatarUrl,alt:""}),e(s,{children:t.label}),void 0!==t.isOnline&&e(m,{$online:t.isOnline})]})}),t.id)))}):null}));p.displayName="MentionDropdown";export{p as MentionDropdown};

package/dist/esm/editor/extensions/mention/MentionExtension.js

@@ -1 +0,0 @@
-import{mergeAttributes as e}from"../../../node_modules/@tiptap/core/dist/index.js";import t from"@tiptap/extension-mention";import{ReactRenderer as n}from"@tiptap/react";import r from"tippy.js";import{MentionDropdown as o}from"./MentionDropdown.js";function i(e){let t=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0;return()=>{let e,s;return{onStart:a=>{e=new n(o,{props:Object.assign(Object.assign({},a),{renderItem:t,renderDropdown:i}),editor:a.editor}),s=r(document.body,{getReferenceClientRect:a.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!0,interactive:!0,trigger:"manual",placement:"bottom-start",zIndex:9999,arrow:!1,onMount:e=>{const t=e.popper.querySelector(".tippy-box");t&&(t.style.cssText="background:none;box-shadow:none;border:none;padding:0;border-radius:0;")}})},onUpdate:n=>{var r,o,a;e.updateProps(Object.assign(Object.assign({},n),{renderItem:t,renderDropdown:i})),(null===(r=n.items)||void 0===r?void 0:r.length)?null===(a=s[0])||void 0===a||a.setProps({getReferenceClientRect:n.clientRect}):null===(o=s[0])||void 0===o||o.hide()},onKeyDown:t=>{var n,r,o;return"Escape"===t.event.key?(null===(n=s[0])||void 0===n||n.hide(),!0):null!==(o=null===(r=e.ref)||void 0===r?void 0:r.onKeyDown(t))&&void 0!==o&&o},onExit:()=>{var t;null===(t=s[0])||void 0===t||t.destroy(),e.destroy()}}}}function s(n,r,o,s){return t.extend({name:"mentionAgent"}).configure({HTMLAttributes:{class:"bik-mention bik-mention--agent"},renderText:e=>{let{options:t,node:n}=e;return`${t.suggestion.char}${n.attrs.label}`},renderHTML:t=>{let{options:n,node:r}=t;return["span",e(n.HTMLAttributes),`${n.suggestion.char}${r.attrs.label}`]},suggestion:{char:"@",items:e=>{let{query:t}=e;return n.filter((e=>e.label.toLowerCase().includes(t.toLowerCase()))).slice(0,10)},command:e=>{let{editor:t,range:n,props:o}=e;t.chain().focus().deleteRange(n).insertContent({type:"mentionAgent",attrs:{id:o.id,label:o.label}}).run(),null==r||r(o,"@")},render:i(r,"@",o,s)}})}function a(n,r,o,s){return t.extend({name:"mentionTeam"}).configure({HTMLAttributes:{class:"bik-mention bik-mention--team"},renderText:e=>{let{options:t,node:n}=e;return`${t.suggestion.char}${n.attrs.label}`},renderHTML:t=>{let{options:n,node:r}=t;return["span",e(n.HTMLAttributes),`${n.suggestion.char}${r.attrs.label}`]},suggestion:{char:"#",items:e=>{let{query:t}=e;return n.filter((e=>e.label.toLowerCase().includes(t.toLowerCase()))).slice(0,10)},command:e=>{let{editor:t,range:n,props:o}=e;t.chain().focus().deleteRange(n).insertContent({type:"mentionTeam",attrs:{id:o.id,label:o.label}}).run(),null==r||r(o,"#")},render:i(r,"#",o,s)}})}export{s as buildAgentMentionExtension,a as buildTeamMentionExtension};

package/dist/esm/editor/extensions/paste/PasteExtension.js

@@ -1 +0,0 @@
-import{Extension as t}from"../../../node_modules/@tiptap/core/dist/index.js";import{Plugin as e}from"@tiptap/pm/state";const o=t.create({name:"pasteHandler",addOptions:()=>({onPaste:void 0}),addProseMirrorPlugins(){const{onPaste:t}=this.options;return[new e({props:{handlePaste(e,o){var a,i,r,l,n,d;if(!t)return!1;const s=Array.from(null!==(i=null===(a=o.clipboardData)||void 0===a?void 0:a.files)&&void 0!==i?i:[]),p=s.filter((t=>t.type.startsWith("image/"))),m=null!==(l=null===(r=o.clipboardData)||void 0===r?void 0:r.getData("text/plain"))&&void 0!==l?l:"",v=null!==(d=null===(n=o.clipboardData)||void 0===n?void 0:n.getData("text/html"))&&void 0!==d?d:"";return!0===t({files:s,images:p,text:m,html:v,event:o})}}})]}});export{o as PasteExtension};

package/dist/esm/editor/extensions/plainClipboard/PlainClipboardExtension.js

@@ -1 +0,0 @@
-import{Extension as t}from"../../../node_modules/@tiptap/core/dist/index.js";import{Slice as a,Fragment as e}from"@tiptap/pm/model";import{Plugin as o}from"@tiptap/pm/state";const r=t.create({name:"plainClipboard",addProseMirrorPlugins:()=>[new o({props:{handlePaste(t,o){var r,i,l,p;if(null===(i=null===(r=o.clipboardData)||void 0===r?void 0:r.files)||void 0===i?void 0:i.length)return!1;const n=null===(l=o.clipboardData)||void 0===l?void 0:l.getData("text/html"),d=null===(p=o.clipboardData)||void 0===p?void 0:p.getData("text/plain");if(!d||!n)return!1;const s=t.state.schema,m=d.split("\n").map((t=>s.node("paragraph",null,t?[s.text(t)]:[]))),c=new a(e.fromArray(m),0,0);return t.dispatch(t.state.tr.replaceSelection(c)),!0}}})]});export{r as PlainClipboardExtension};

package/dist/esm/editor/extensions/sectionDivider/SectionDividerNode.js

@@ -1 +0,0 @@
-import{Node as e,mergeAttributes as t}from"../../../node_modules/@tiptap/core/dist/index.js";const d=e.create({name:"sectionDivider",group:"block",atom:!0,selectable:!1,draggable:!1,addAttributes:()=>({sectionId:{default:null,rendered:!1}}),parseHTML:()=>[{tag:"div[data-section-divider]",getAttrs:e=>({sectionId:e.getAttribute("data-section-divider")})},{tag:"div[data-signature-divider]",getAttrs:()=>({sectionId:"signature"})},{tag:"div[data-forwarded-divider]",getAttrs:()=>({sectionId:"forwarded"})}],renderHTML(e){let{node:d,HTMLAttributes:i}=e;return["div",t(i,{"data-section-divider":d.attrs.sectionId,style:"display:none;height:0;line-height:0;overflow:hidden;"})]}});export{d as SectionDividerNode};

package/dist/esm/editor/extensions/sendShortcut/SendShortcutExtension.js

@@ -1 +0,0 @@
-import{Extension as t}from"../../../node_modules/@tiptap/core/dist/index.js";const o=t.create({name:"sendShortcut",addOptions:()=>({onSend:void 0,sendShortcut:void 0,extraShortcuts:[]}),addKeyboardShortcuts(){var t,o;const e={};if(this.options.onSend&&this.options.sendShortcut){const o=this.options.sendShortcut;e[[...(null!==(t=o.modifiers)&&void 0!==t?t:[]).map((t=>"mod"===t?"Mod":t.charAt(0).toUpperCase()+t.slice(1))),o.key].join("-")]=()=>{var t,o,e;return this.options.onSend({html:this.editor.getHTML(),text:this.editor.getText(),isEmpty:this.editor.isEmpty,characterCount:null!==(e=null===(o=null===(t=this.editor.storage.characterCount)||void 0===t?void 0:t.characters)||void 0===o?void 0:o.call(t))&&void 0!==e?e:this.editor.getText().length}),!0}}for(const t of this.options.extraShortcuts){e[[...(null!==(o=t.modifiers)&&void 0!==o?o:[]).map((t=>"mod"===t?"Mod":t.charAt(0).toUpperCase()+t.slice(1))),t.key].join("-")]=()=>(t.handler(),!0)}return e}});export{o as SendShortcutExtension};

package/dist/esm/editor/extensions/slashCommand/SlashCommandExtension.js

@@ -1 +0,0 @@
-import{Extension as e}from"../../../node_modules/@tiptap/core/dist/index.js";import{ReactRenderer as t}from"@tiptap/react";import o from"@tiptap/suggestion";import r from"tippy.js";import{SlashCommandMenu as n}from"./SlashCommandMenu.js";function i(i,d,s,a){return e.create({name:"slashCommand",addProseMirrorPlugins(){return[o({editor:this.editor,char:"/",items:e=>{let{query:t}=e;return i.filter((e=>e.label.toLowerCase().includes(t.toLowerCase()))).slice(0,20)},command:e=>{let{editor:t,range:o,props:r}=e;t.chain().focus().deleteRange(o).run(),null==d||d(r)},render:()=>{let e,o;return{onStart:i=>{e=new t(n,{props:Object.assign(Object.assign({},i),{renderItem:s,renderDropdown:a}),editor:i.editor}),o=r(document.body,{getReferenceClientRect:i.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!0,interactive:!0,trigger:"manual",placement:"bottom-start",zIndex:9999,arrow:!1,onMount:e=>{const t=e.popper.querySelector(".tippy-box");t&&(t.style.cssText="background:none;box-shadow:none;border:none;padding:0;border-radius:0;")}})},onUpdate:t=>{var r,n,i;e.updateProps(Object.assign(Object.assign({},t),{renderItem:s,renderDropdown:a})),(null===(r=t.items)||void 0===r?void 0:r.length)?null===(i=o[0])||void 0===i||i.setProps({getReferenceClientRect:t.clientRect}):null===(n=o[0])||void 0===n||n.hide()},onKeyDown:t=>{var r,n,i;return"Escape"===t.event.key?(null===(r=o[0])||void 0===r||r.hide(),!0):null!==(i=null===(n=e.ref)||void 0===n?void 0:n.onKeyDown(t))&&void 0!==i&&i},onExit:()=>{var t;null===(t=o[0])||void 0===t||t.destroy(),e.destroy()}}}})]}})}export{i as buildSlashCommandExtension};

package/dist/esm/editor/extensions/slashCommand/SlashCommandMenu.js

@@ -1 +0,0 @@
-import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import{forwardRef as t,useState as o,useImperativeHandle as i,useEffect as l}from"react";import{DropdownContainer as c,DropdownItem as d,SlashLabel as m,SlashDescription as s}from"../editorDropdown.styles.js";const a=t(((t,a)=>{let{items:h,query:p,command:u,renderItem:y,renderDropdown:w}=t;const[g,k]=o(0),D=e=>{h[e]&&u(h[e])};return i(a,(()=>({onKeyDown:e=>{let{event:r}=e;return"ArrowUp"===r.key?(k((e=>(e+h.length-1)%h.length)),!0):"ArrowDown"===r.key?(k((e=>(e+1)%h.length)),!0):"Enter"===r.key&&(D(g),!0)}}))),l((()=>k(0)),[h]),h.length?w?e(r,{children:w({items:h,query:p,activeIndex:g,onSelect:e=>u(e)})}):e(c,{children:h.map(((t,o)=>e(d,Object.assign({$isActive:o===g,onMouseEnter:()=>k(o),onClick:()=>D(o)},{children:y?y(t,o===g):n(r,{children:[e(m,{children:t.label}),t.description&&e(s,{children:t.description})]})}),t.id)))}):null}));a.displayName="SlashCommandMenu";export{a as SlashCommandMenu};

package/dist/esm/editor/extensions/variable/VariableDecorationExtension.js

@@ -1 +0,0 @@
-import{Extension as e}from"../../../node_modules/@tiptap/core/dist/index.js";import{Plugin as t,PluginKey as r}from"@tiptap/pm/state";import{Decoration as i,DecorationSet as o}from"@tiptap/pm/view";const n=/\{\{[^}]+\}\}/g,a=e.create({name:"variableDecoration",addProseMirrorPlugins:()=>[new t({key:new r("variableDecoration"),props:{decorations(e){const t=[];return e.doc.descendants(((e,r)=>{if(!e.isText||!e.text)return;let o;for(n.lastIndex=0;null!==(o=n.exec(e.text));)t.push(i.inline(r+o.index,r+o.index+o[0].length,{class:"bik-variable"}))})),o.create(e.doc,t)}}})]});export{a as VariableDecorationExtension};

package/dist/esm/editor/floating/LinkBubbleMenu.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useState as t,useRef as o,useCallback as r,useEffect as i}from"react";const l=l=>{let{editor:d,renderLinkTooltip:s}=l;const[a,c]=t(null),p=o(null),u=r((()=>c(null)),[]);if(i((()=>{const e=d.view.dom,n=n=>{var t,o;if(!e.contains(n.target))return;const r=n.target.closest("a");r?(n.preventDefault(),n.stopPropagation(),n.stopImmediatePropagation(),c({href:null!==(t=r.getAttribute("href"))&&void 0!==t?t:"",text:null!==(o=r.textContent)&&void 0!==o?o:"",rect:r.getBoundingClientRect()})):u()},t=n=>{var t;const o=n.target;e.contains(o)||(null===(t=p.current)||void 0===t?void 0:t.contains(o))||u()},o=()=>u();return document.addEventListener("click",n,{capture:!0}),document.addEventListener("mousedown",t),e.addEventListener("keydown",o),()=>{document.removeEventListener("click",n,{capture:!0}),document.removeEventListener("mousedown",t),e.removeEventListener("keydown",o)}}),[d,u]),!a)return null;const{href:g,text:f,rect:v}=a,b=()=>window.open(g,"_blank","noopener,noreferrer"),m=()=>{d.chain().focus().extendMarkRange("link").unsetLink().run(),u()};return e("div",Object.assign({ref:p},{children:s?s({href:g,text:f,rect:v,onOpen:b,onRemove:m}):n("div",Object.assign({className:"bik-link-bubble",style:{position:"fixed",top:v.bottom+8,left:v.left,zIndex:9999,background:"#fff",border:"1px solid #dee2e6",borderRadius:6,boxShadow:"0 4px 12px rgba(0,0,0,0.15)",padding:"6px 10px",display:"flex",alignItems:"center",gap:8,fontSize:13}},{children:[n("span",Object.assign({style:{display:"inline-flex",alignItems:"center",gap:4,color:"#4f46e5",maxWidth:220,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[n("svg",Object.assign({width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2"},{children:[e("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"}),e("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"})]})),g.length>40?g.slice(0,40)+"…":g]})),e("button",Object.assign({onMouseDown:e=>{e.preventDefault(),b()},style:{background:"none",border:"none",cursor:"pointer",padding:"2px 4px",fontSize:12,color:"#495057"}},{children:"Open ↗"})),e("span",Object.assign({style:{color:"#dee2e6"}},{children:"|"})),e("button",Object.assign({onMouseDown:e=>{e.preventDefault(),m()},style:{background:"none",border:"none",cursor:"pointer",padding:"2px 4px",fontSize:12,color:"#dc3545"}},{children:"Remove"}))]}))}))};export{l as LinkBubbleMenu};

package/dist/esm/editor/serializers/toLiveChatText.js

@@ -1 +0,0 @@
-function e(e){if(!e)return"";if("undefined"!=typeof document){return r((new DOMParser).parseFromString(e,"text/html").body).replace(/\n{3,}/g,"\n\n").trim()}return function(e){return e.replace(/<strong[^>]*>([\s\S]*?)<\/strong>/gi,"*$1*").replace(/<b[^>]*>([\s\S]*?)<\/b>/gi,"*$1*").replace(/<em[^>]*>([\s\S]*?)<\/em>/gi,"$1").replace(/<i[^>]*>([\s\S]*?)<\/i>/gi,"$1").replace(/<s[^>]*>([\s\S]*?)<\/s>/gi,"$1").replace(/<del[^>]*>([\s\S]*?)<\/del>/gi,"$1").replace(/<a[^>]*>([\s\S]*?)<\/a>/gi,"$1").replace(/<br\s*\/?>/gi,"\n").replace(/<\/p>/gi,"\n").replace(/<\/div>/gi,"\n").replace(/<\/h[1-6]>/gi,"\n").replace(/<li[^>]*>/gi,"• ").replace(/<\/li>/gi,"\n").replace(/<[^>]+>/g,"").replace(/&amp;/g,"&").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&nbsp;/g," ").replace(/\n{3,}/g,"\n\n").trim()}(e)}function r(e){var a;if(e.nodeType===Node.TEXT_NODE)return null!==(a=e.textContent)&&void 0!==a?a:"";if(e.nodeType!==Node.ELEMENT_NODE)return"";const n=e,c=n.tagName.toLowerCase(),s=function(e){return Array.from(e.childNodes).map(r).join("")}(n);switch(c){case"strong":case"b":return s?`*${s}*`:"";case"em":case"i":case"s":case"del":case"strike":case"code":case"pre":case"a":case"ul":case"ol":case"body":default:return s;case"br":return"\n";case"p":case"div":return s?`${s}\n`:"\n";case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":return s?`*${s}*\n`:"\n";case"li":return`• ${s.trimEnd()}\n`;case"blockquote":return s+"\n"}}export{e as toLiveChatText};

package/dist/esm/editor/serializers/toWhatsAppText.js

@@ -1 +0,0 @@
-function e(e){if(!e)return"";if("undefined"!=typeof document){return r((new DOMParser).parseFromString(e,"text/html").body).replace(/\n{3,}/g,"\n\n").trim()}return function(e){return e.replace(/<strong[^>]*>([\s\S]*?)<\/strong>/gi,"*$1*").replace(/<b[^>]*>([\s\S]*?)<\/b>/gi,"*$1*").replace(/<em[^>]*>([\s\S]*?)<\/em>/gi,"_$1_").replace(/<i[^>]*>([\s\S]*?)<\/i>/gi,"_$1_").replace(/<s[^>]*>([\s\S]*?)<\/s>/gi,"~$1~").replace(/<del[^>]*>([\s\S]*?)<\/del>/gi,"~$1~").replace(/<code[^>]*>([\s\S]*?)<\/code>/gi,"`$1`").replace(/<a[^>]*href="([^"]*)"[^>]*>[\s\S]*?<\/a>/gi,"$1").replace(/<br\s*\/?>/gi,"\n").replace(/<\/p>/gi,"\n").replace(/<\/div>/gi,"\n").replace(/<\/h[1-6]>/gi,"\n").replace(/<li[^>]*>/gi,"• ").replace(/<\/li>/gi,"\n").replace(/<[^>]+>/g,"").replace(/&amp;/g,"&").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&nbsp;/g," ").replace(/\n{3,}/g,"\n\n").trim()}(e)}function r(e){var n,a;if(e.nodeType===Node.TEXT_NODE)return null!==(n=e.textContent)&&void 0!==n?n:"";if(e.nodeType!==Node.ELEMENT_NODE)return"";const c=e,t=c.tagName.toLowerCase(),s=function(e){return Array.from(e.childNodes).map(r).join("")}(c);switch(t){case"strong":case"b":return s?`*${s}*`:"";case"em":case"i":return s?`_${s}_`:"";case"s":case"del":case"strike":return s?`~${s}~`:"";case"code":return s?`\`${s}\``:"";case"pre":return s?`\`\`\`${s}\`\`\``:"";case"a":return(null!==(a=c.getAttribute("href"))&&void 0!==a?a:"")||s;case"br":return"\n";case"p":case"div":return s?`${s}\n`:"\n";case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":return s?`*${s}*\n`:"\n";case"ul":case"ol":case"body":default:return s;case"li":return`• ${s.trimEnd()}\n`;case"blockquote":return s.split("\n").map((e=>e?`> ${e}`:"")).join("\n")+"\n"}}export{e as toWhatsAppText};

package/dist/esm/editor/toolbar/BikEditorToolbar.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t,Fragment as l}from"react/jsx-runtime";const i=i=>{let{editorRef:o,activeFormats:r,showBold:s=!0,showItalic:a=!0,showUnderline:c=!0,showStrike:d=!0,showLink:b=!0,showLists:g=!0,showAlignment:v=!1,showFontPicker:u=!1,onLinkButtonClick:h}=i;var k;const P=null===(k=o.current)||void 0===k?void 0:k.actions;return P?e("div",Object.assign({className:"bik-editor-toolbar"},{children:[s&&t(n,{active:r.bold,onPress:P.toggleBold,label:"Bold"}),a&&t(n,{active:r.italic,onPress:P.toggleItalic,label:"Italic"}),c&&t(n,{active:r.underline,onPress:P.toggleUnderline,label:"Underline"}),d&&t(n,{active:r.strike,onPress:P.toggleStrike,label:"Strike"}),b&&t(n,{active:!!r.link,onPress:()=>{var e,t,l,i;const n=null!==(t=null===(e=o.current)||void 0===e?void 0:e.getSelectedText())&&void 0!==t?t:"",s=null!==(i=null===(l=r.link)||void 0===l?void 0:l.href)&&void 0!==i?i:null;null==h||h(n,s)},label:"Link ↗"}),g&&e(l,{children:[t(n,{active:r.bulletList,onPress:P.toggleBulletList,label:"Bullet"}),t(n,{active:r.orderedList,onPress:P.toggleOrderedList,label:"Ordered"})]}),v&&e(l,{children:[t(n,{active:"left"===r.textAlign,onPress:()=>P.setTextAlign("left"),label:"Left"}),t(n,{active:"center"===r.textAlign,onPress:()=>P.setTextAlign("center"),label:"Center"}),t(n,{active:"right"===r.textAlign,onPress:()=>P.setTextAlign("right"),label:"Right"})]})]})):null},n=e=>{let{active:l,onPress:i,label:n}=e;return t("button",Object.assign({type:"button",title:n,className:"bik-toolbar-btn"+(l?" bik-toolbar-btn--active":""),onMouseDown:e=>{e.preventDefault(),i()}},{children:n}))};export{i as BikEditorToolbar};