@bikdotai/bik-component-library 0.0.791 → 0.0.792-beta.0

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

@@ -0,0 +1,74 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,13 @@
+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

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

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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,7 @@
+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

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

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

@@ -0,0 +1,10 @@
+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

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

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,7 @@
+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

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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,13 @@
+/**
+ * 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

@@ -0,0 +1,15 @@
+/**
+ * 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

@@ -0,0 +1,52 @@
+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/cjs/src/index.d.ts

@@ -0,0 +1,114 @@
+import { AmplitudeEvent } from './amplitude';
+import * as regexPatterns from './components/template-preview/constants/regexPatterns';
+import StringUtils from './utils/StringUtils';
+export { regexPatterns };
+export { AmplitudeEvent };
+export { StringUtils };
+export * from './constants/Theme';
+export * from './constants/zindex';
+export * from './assets/icons';
+export * from './components/checkBox';
+export * from './components/list-item';
+export * from './components/pagination';
+export * from './components/radioButton';
+export * from './components/toaster';
+export * from './components/tooltips';
+export * from './components/spinner';
+export * from './components/stepper';
+export * from './components/tag';
+export * from './components/icon-button';
+export * from './components/template-preview';
+export * from './components/template-context-mapper';
+export * from './components/fab-menu';
+export * from './components/floating-action-button';
+export * from './components/image-compress';
+export * from './components/TypographyStyle';
+export * from './components/button';
+export * from './components/progress-bar';
+export * from './components/progress-bar-v2';
+export * from './components/QueryBuilder';
+export * from './components/modals';
+export * from './components/dropdown';
+export * from './components/analytics-card';
+export * from './components/input';
+export * from './components/analytics-chips-and-dropdowns';
+export * from './components/avatar';
+export * from './components/alerts';
+export * from './components/thumbnail';
+export * from './components/curtain';
+export * from './components/datePicker';
+export * from './components/switch';
+export * from './components/plans';
+export * from './components/tabs';
+export * from './components/dynamic-tabs';
+export * from './components/shimmer';
+export * from './components/TablePagination/';
+export * from './components/states-modal';
+export * from './components/states';
+export * from './components/WhatsAppTextEditor';
+export * from './components/whats-new';
+export * from './helpers';
+export * from './components/card-selection-modal';
+export * from './components/image-cropper';
+export * from './components/buttonGroup';
+export * from './components/accordion';
+export * from './components/file-uploader';
+export * from './components/colourInput';
+export * from './components/code-block';
+export * from './components/bik-layout';
+export * from './components/searchBar';
+export * from './components/custom-date-time';
+export * from './components/product-picker';
+export * from './components/discount-modal';
+export * from './components/country-code-picker';
+export * from './components/shimmer-image';
+export * from './components/product-picker-v2';
+export * from './components/carousel';
+export * from './components/carousel-secondary';
+export * from './components/access-token-troubleshoot-dialog';
+export * from './components/radioList';
+export * from './components/checkList';
+export * from './components/postPicker';
+export * from './components/dropdown-button';
+export * from './components/side-modal';
+export * from './components/keywords-input';
+export * from './components/add-variableV2';
+export * from './components/navigation-hyperlink';
+export * from './components/SearchFilter';
+export * from './components/input-with-vars';
+export * from './components/dashboard-review-popup';
+export * from './components/star-rating';
+export * from './components/testimonial-card';
+export * from './components/slider';
+export * from './components/resizeImage';
+export * from './utils/validator';
+export * from './components/carousel-preview';
+export * from './components/floater';
+export * from './components/card-selector';
+export * from './components/variable-picker-v3';
+export * from './components/action-button';
+export * from './components/ai-modals';
+export * from './components/input-with-vars/customPortal';
+export * from './components/floating-input-dropdown';
+export * from './components/dropdown/MultilevelDropdownPopover';
+export * from './components/dropShadow';
+export * from './components/multi-level-dropdown';
+export * from './components/data-source-panel';
+export * from './components/unsatisfactory-response-list/UnsatisfactoryResponseList';
+export * from './components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal';
+export * from './components/data-source-panel/model';
+export * from './components/text-picker';
+export * from './components/dot-pulse';
+export * from './components/bik-chatbot';
+export * from './components/banner';
+export * from './components/feature-announcements';
+export * from './components/post-live-checklist-item';
+export * from './components/post-live-checklist';
+export * from './components/ProgressChecklist';
+export * from './components/BikGiftedChat';
+export * from './components/markdown';
+export * from './firebase';
+export * from './request-executor';
+export * from './utils/logging';
+export * from './components/vertical-full-screen-modal';
+export * from './editor';

package/dist/esm/editor/BikEditor.js

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

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

@@ -0,0 +1,70 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,45 @@
+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};