@bikdotai/bik-component-library 0.0.787-beta.3 → 0.0.787-beta.5

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/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,6 @@
+export { BikEditor } from './BikEditor';
+export { BikEditorToolbar } from './toolbar/BikEditorToolbar';
+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/components/product-picker-v2/rearrangeScreen.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{DragDropContext as o}from"@hello-pangea/dnd";import r from"../../assets/icons/arrow_left.svg.js";import{useState as s,useEffect as c}from"react";import{COLORS as i}from"../../constants/Theme.js";import{IconButton as n}from"../icon-button/IconButton.js";import{BodyCaption as l}from"../TypographyStyle.js";import{EmptyState as a}from"./emptyState.js";import{parseSelectedVariantsToArray as p}from"./helpers/ProductHelper.js";import{SelectedScreenHeader as d}from"./style.js";import{fetchFbStatusCollection as m}from"./utility.js";import{VariantsList as f,VariantsGrid as u}from"./variantComponents.js";const h=h=>{const{selectedCollections:j,selectedCollectionsDispatch:y,setScreen:S,rearrangeViewType:g,outOfStockAction:C,scrollContainerRef:b,storeId:O,fbStatusFetcher:v,appType:T}=h,[V,k]=s(p(j));c((()=>{k(p(j))}),[j]),c((()=>{var t;null===(t=null==b?void 0:b.current)||void 0===t||t.scrollTo({top:0}),m(j,O,T,y,v,"update")}),[]);return t(o,Object.assign({onDragEnd:t=>{if(!t.destination)return;const e=V,[o]=e.splice(t.source.index,1);e.splice(t.destination.index,0,o),e.forEach(((t,e)=>{t.displayOrder=e})),k(e)}},{children:[t(d,{children:[e(n,{Icon:r,width:16,height:16,color:i.content.secondary,onClick:()=>{S("collections")}}),e(l,Object.assign({color:i.content.secondary},{children:"All Products"}))]}),Object.keys(j).length>0?"list"===g?e(f,{selectedVariants:V,setSelectedVariants:k,selectedCollectionsDispatch:y,outOfStockAction:C}):e(u,{selectedVariants:V,setSelectedVariants:k,selectedCollectionsDispatch:y}):e(a,{title:"No Products Selected",subtitle:"Selected products will appear here"})]}))};export{h as RearrangeScreen};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import{useState as r,useEffect as s}from"react";import{DragDropContext as c}from"react-beautiful-dnd";import{COLORS as i}from"../../constants/Theme.js";import{IconButton as n}from"../icon-button/IconButton.js";import{BodyCaption as l}from"../TypographyStyle.js";import{EmptyState as a}from"./emptyState.js";import{parseSelectedVariantsToArray as p}from"./helpers/ProductHelper.js";import{SelectedScreenHeader as d}from"./style.js";import{fetchFbStatusCollection as m}from"./utility.js";import{VariantsList as u,VariantsGrid as f}from"./variantComponents.js";const h=h=>{const{selectedCollections:j,selectedCollectionsDispatch:y,setScreen:S,rearrangeViewType:g,outOfStockAction:b,scrollContainerRef:C,storeId:O,fbStatusFetcher:v,appType:T}=h,[V,k]=r(p(j));s((()=>{k(p(j))}),[j]),s((()=>{var t;null===(t=null==C?void 0:C.current)||void 0===t||t.scrollTo({top:0}),m(j,O,T,y,v,"update")}),[]);return t(c,Object.assign({onDragEnd:t=>{if(!t.destination)return;const e=V,[o]=e.splice(t.source.index,1);e.splice(t.destination.index,0,o),e.forEach(((t,e)=>{t.displayOrder=e})),k(e)}},{children:[t(d,{children:[e(n,{Icon:o,width:16,height:16,color:i.content.secondary,onClick:()=>{S("collections")}}),e(l,Object.assign({color:i.content.secondary},{children:"All Products"}))]}),Object.keys(j).length>0?"list"===g?e(u,{selectedVariants:V,setSelectedVariants:k,selectedCollectionsDispatch:y,outOfStockAction:b}):e(f,{selectedVariants:V,setSelectedVariants:k,selectedCollectionsDispatch:y}):e(a,{title:"No Products Selected",subtitle:"Selected products will appear here"})]}))};export{h as RearrangeScreen};

package/dist/esm/components/product-picker-v2/variantComponents.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Droppable as a,Draggable as t}from"@hello-pangea/dnd";import{useState as n}from"react";import{COLORS as d}from"../../constants/Theme.js";import{VariantCardListView as s,VariantCardGridView as i}from"./variant.js";const o=i=>{let{selectedVariants:o,setSelectedVariants:l,selectedCollectionsDispatch:c,outOfStockAction:p}=i;const[g,b]=n(-1);function f(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return Object.assign(Object.assign({},e),{transform:r})}return e}return e(a,Object.assign({droppableId:"droppable-list"},{children:(a,n)=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign({backgroundColor:d.surface.subdued,padding:"0.05px",height:o.length<8?"550px":"100%",overflow:"auto"},a.droppableProps.style)},{children:[o.map(((r,a)=>e("div",Object.assign({style:{background:d.surface.hovered,margin:"5px",boxShadow:a===g?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>b(a),onMouseLeave:()=>b(-1)},{children:e(t,Object.assign({draggableId:`${r.productId}-${r.variantId}`,index:a},{children:(t,n)=>e("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{style:f(Object.assign(Object.assign({},t.draggableProps.style),t.draggableSnapshot))},{children:e(s,{data:r,selectedCollectionsDispatch:c,onDelete:()=>{const e=o.slice();e[a].displayOrder=null,e.splice(a,1),l(e)},outOfStockAction:p},`${r.productId}-${r.variantId}`)}))}),`${r.productId}-${r.variantId}`)}),`${r.productId}-${r.variantId}`))),a.placeholder&&n.isDraggingOver?e("div",Object.assign({style:{background:d.surface.hovered,margin:"5px"}},{children:a.placeholder})):null]}))}))},l=n=>{let{selectedVariants:d}=n;return e(a,Object.assign({droppableId:"droppable-horizontal"},{children:n=>r("div",Object.assign({},n.droppableProps,{ref:n.innerRef,style:{display:"flex"}},{children:[e(a,Object.assign({droppableId:"droppable-vertical",direction:"horizontal"},{children:a=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:{display:"flex",flexWrap:"wrap",flexDirection:"row"}},{children:[d.map(((a,n)=>e(t,Object.assign({draggableId:`${a.productId}-${a.variantId}`,index:n},{children:(t,n)=>r("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{children:[e(i,{data:a}),t.placeholder]}))}),`${a.productId}-${a.variantId}`))),a.placeholder]}))})),n.placeholder]}))}))};export{l as VariantsGrid,o as VariantsList};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as a}from"react";import{Droppable as t,Draggable as s}from"react-beautiful-dnd";import{COLORS as n}from"../../constants/Theme.js";import{VariantCardListView as d,VariantCardGridView as i}from"./variant.js";const o=i=>{let{selectedVariants:o,setSelectedVariants:l,selectedCollectionsDispatch:c,outOfStockAction:p}=i;const[g,b]=a(-1);function f(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return Object.assign(Object.assign({},e),{transform:r})}return e}return e(t,Object.assign({droppableId:"droppable-list"},{children:(a,t)=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign({backgroundColor:n.surface.subdued,padding:"0.05px",height:o.length<8?"550px":"100%",overflow:"auto"},a.droppableProps.style)},{children:[o.map(((r,a)=>e("div",Object.assign({style:{background:n.surface.hovered,margin:"5px",boxShadow:a===g?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>b(a),onMouseLeave:()=>b(-1)},{children:e(s,Object.assign({draggableId:`${r.productId}-${r.variantId}`,index:a},{children:(t,s)=>e("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{style:f(Object.assign(Object.assign({},t.draggableProps.style),t.draggableSnapshot))},{children:e(d,{data:r,selectedCollectionsDispatch:c,onDelete:()=>{const e=o.slice();e[a].displayOrder=null,e.splice(a,1),l(e)},outOfStockAction:p},`${r.productId}-${r.variantId}`)}))}),`${r.productId}-${r.variantId}`)}),`${r.productId}-${r.variantId}`))),a.placeholder&&t.isDraggingOver?e("div",Object.assign({style:{background:n.surface.hovered,margin:"5px"}},{children:a.placeholder})):null]}))}))},l=a=>{let{selectedVariants:n}=a;return e(t,Object.assign({droppableId:"droppable-horizontal"},{children:a=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign(Object.assign({},a.droppableProps.style),{display:"flex"})},{children:[e(t,Object.assign({droppableId:"droppable-vertical",direction:"horizontal"},{children:a=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign(Object.assign({},a.droppableProps.style),{display:"flex",flexWrap:"wrap",flexDirection:"row"})},{children:[n.map(((a,t)=>e(s,Object.assign({draggableId:`${a.productId}-${a.variantId}`,index:t},{children:(t,s)=>r("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{children:[e(i,{data:a}),t.placeholder]}))}),`${a.productId}-${a.variantId}`))),a.placeholder]}))})),a.placeholder]}))}))};export{l as VariantsGrid,o as VariantsList};

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

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

@@ -0,0 +1,62 @@
+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;
+		}
+		p + p {
+			margin-top: 4px;
+		}
+
+		&.is-editor-empty::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 @@
+const t=t=>`<div data-section-divider="${t}" style="display:none;height:0;line-height:0;overflow:hidden;"></div>`;function e(e,i){let n=e;for(const e of i)n+=t(e.id)+e.content;return n}function i(t){return n(t.getHTML())}function n(t){const e=new Map,i=/<div[^>]*data-(?:section-divider="([^"]*)"|signature-divider|forwarded-divider)[^>]*>\s*<\/div>/g,n=[];let l;for(;null!==(l=i.exec(t));){let t=l[1];t||(t=l[0].includes("data-signature-divider")?"signature":"forwarded"),n.push({id:t,index:l.index,endIndex:l.index+l[0].length})}if(0===n.length)return e.set("body",t),e;e.set("body",t.slice(0,n[0].index));for(let i=0;i<n.length;i++){const l=n[i].endIndex,o=i+1<n.length?n[i+1].index:t.length;e.set(n[i].id,t.slice(l,o))}return e}function l(t,e){var n;return function(t){var e;const i="undefined"!=typeof document?document.createElement("div"):null;i&&(i.innerHTML=t);const n=null!==(e=null==i?void 0:i.textContent)&&void 0!==e?e:"";return{html:t,text:n,isEmpty:!n.trim(),characterCount:n.length}}(null!==(n=i(t).get(e))&&void 0!==n?n:"")}function o(t,n,l){var o;const r=i(t);r.set(n,l);const d=e(null!==(o=r.get("body"))&&void 0!==o?o:"",[...r.entries()].filter((t=>{let[e]=t;return"body"!==e})).map((t=>{let[e,i]=t;return{id:e,content:i}})));t.commands.setContent(d,{emitUpdate:!1})}function r(t){return l(t,"body")}function d(t){var e,i,n,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!==(i=t.getAttributes("textStyle").fontFamily)&&void 0!==i?i:null,fontSize:null!==(n=t.getAttributes("textStyle").fontSize)&&void 0!==n?n: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 c(t){var e,i,n;return{html:t.getHTML(),text:t.getText(),isEmpty:t.isEmpty,characterCount:null!==(n=null===(i=null===(e=t.storage.characterCount)||void 0===e?void 0:e.characters)||void 0===i?void 0:i.call(e))&&void 0!==n?n:t.getText().length}}function s(t,e){if("body"===e)return 1;let i=-1;return t.state.doc.descendants(((t,n)=>{if(-1!==i)return!1;"sectionDivider"===t.type.name&&t.attrs.sectionId===e&&(i=n+t.nodeSize)})),i}function u(t,e){const i=t.state.doc,n=i.content.size;if("body"===e){let t=-1;return i.descendants(((e,i)=>{if(-1!==t)return!1;"sectionDivider"===e.type.name&&(t=i)})),-1!==t?t:n}let l=!1,o=-1;return i.descendants(((t,i)=>-1===o&&(l?void("sectionDivider"===t.type.name&&(o=i)):("sectionDivider"===t.type.name&&t.attrs.sectionId===e&&(l=!0),!1)))),-1!==o?o:n}export{t as SECTION_DIVIDER_HTML,e as buildSectionedContent,d as extractActiveFormats,i as extractAllSections,n as extractAllSectionsFromHtml,r as extractBodyContent,c as extractContent,l as extractSectionContent,u as findSectionEndPos,s as findSectionStartPos,o 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 n from"@tiptap/extension-font-family";import t 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 m from"@tiptap/extension-superscript";import p from"@tiptap/extension-text-align";import{TextStyle as l}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 j}from"./variable/VariableDecorationExtension.js";function k(k){var M,P,b,E,y,D,I,w,T,O,R;const z=null!==(P=null===(M=k.features)||void 0===M?void 0:M.richPaste)&&void 0!==P&&P,A=null!==(E=null===(b=k.features)||void 0===b?void 0:b.richTypography)&&void 0!==E&&E;return[...[u.configure({link:!1,underline:!1}),d,r.extend({addPasteRules:()=>[],addInputRules:()=>[]}).configure({openOnClick:!1,autolink:!1,linkOnPaste:!1,HTMLAttributes:{rel:"noopener noreferrer",class:"bik-link"}}),l,s.configure({placeholder:null!==(y=k.placeholder)&&void 0!==y?y:"Type a message..."}),...k.onPaste?[x.configure({onPaste:k.onPaste})]:[],...z?[]:[v],S.configure({onSend:k.onSend,sendShortcut:k.sendShortcut,extraShortcuts:null!==(D=k.shortcuts)&&void 0!==D?D:[]}),j,...k.maxCharacters?[o.configure({limit:k.maxCharacters})]:[],...k.hasSections?[g]:[]],...[...(null===(w=null===(I=k.mentions)||void 0===I?void 0:I.agents)||void 0===w?void 0:w.length)?[f(k.mentions.agents,k.onMentionSelected,k.renderMentionItem,k.renderMentionDropdown)]:[],...(null===(O=null===(T=k.mentions)||void 0===T?void 0:T.teams)||void 0===O?void 0:O.length)?[h(k.mentions.teams,k.onMentionSelected,k.renderMentionItem,k.renderMentionDropdown)]:[],...(null===(R=k.slashCommands)||void 0===R?void 0:R.length)?[C(k.slashCommands,k.onSlashCommandSelected,k.renderSlashCommandItem,k.renderSlashCommandDropdown)]:[]],...A?[e,t.configure({multicolor:!0}),n,c,p.configure({types:["heading","paragraph"]}),a,m,i]:[e]]}export{k as buildExtensions};

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

@@ -0,0 +1 @@
+import{jsx as e,Fragment as n,jsxs as i}from"react/jsx-runtime";import{forwardRef as t,useState as r,useImperativeHandle as a,useEffect as l}from"react";const o=t(((t,o)=>{let{items:s,query:m,command:c,renderItem:d,renderDropdown:b}=t;const[p,k]=r(0),h=e=>{s[e]&&c(s[e])};return a(o,(()=>({onKeyDown:e=>{let{event:n}=e;return"ArrowUp"===n.key?(k((e=>(e+s.length-1)%s.length)),!0):"ArrowDown"===n.key?(k((e=>(e+1)%s.length)),!0):"Enter"===n.key&&(h(p),!0)}}))),l((()=>k(0)),[s]),s.length?b?e(n,{children:b({items:s,query:m,activeIndex:p,onSelect:e=>c(e)})}):e("div",Object.assign({className:"bik-mention-dropdown"},{children:s.map(((t,r)=>e("div",Object.assign({className:"bik-mention-item"+(r===p?" bik-mention-item--active":""),onClick:()=>h(r)},{children:d?d(t,r===p):i(n,{children:[t.avatarUrl&&e("img",{src:t.avatarUrl,className:"bik-mention-avatar",alt:""}),e("span",Object.assign({className:"bik-mention-label"},{children:t.label})),void 0!==t.isOnline&&e("span",{className:"bik-mention-dot"+(t.isOnline?" online":"")})]})}),t.id)))})):null}));o.displayName="MentionDropdown";export{o as MentionDropdown};

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

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

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

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

@@ -0,0 +1 @@
+import{Node as t,mergeAttributes as e}from"../../../node_modules/@tiptap/core/dist/index.js";const d=t.create({name:"sectionDivider",group:"block",atom:!0,selectable:!1,draggable:!1,addAttributes:()=>({sectionId:{default:null}}),parseHTML:()=>[{tag:"div[data-section-divider]",getAttrs:t=>({sectionId:t.getAttribute("data-section-divider")})},{tag:"div[data-signature-divider]",getAttrs:()=>({sectionId:"signature"})},{tag:"div[data-forwarded-divider]",getAttrs:()=>({sectionId:"forwarded"})}],renderHTML(t){let{node:d,HTMLAttributes:i}=t;return["div",e(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

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

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

@@ -0,0 +1 @@
+import{jsx as e,Fragment as n,jsxs as s}from"react/jsx-runtime";import{forwardRef as i,useState as r,useImperativeHandle as t,useEffect as a}from"react";const l=i(((i,l)=>{let{items:c,query:m,command:o,renderItem:d,renderDropdown:h}=i;const[p,b]=r(0),k=e=>{c[e]&&o(c[e])};return t(l,(()=>({onKeyDown:e=>{let{event:n}=e;return"ArrowUp"===n.key?(b((e=>(e+c.length-1)%c.length)),!0):"ArrowDown"===n.key?(b((e=>(e+1)%c.length)),!0):"Enter"===n.key&&(k(p),!0)}}))),a((()=>b(0)),[c]),c.length?h?e(n,{children:h({items:c,query:m,activeIndex:p,onSelect:e=>o(e)})}):e("div",Object.assign({className:"bik-slash-menu"},{children:c.map(((i,r)=>e("div",Object.assign({className:"bik-slash-item"+(r===p?" bik-slash-item--active":""),onClick:()=>k(r)},{children:d?d(i,r===p):s(n,{children:[e("span",Object.assign({className:"bik-slash-label"},{children:i.label})),i.description&&e("span",Object.assign({className:"bik-slash-description"},{children:i.description}))]})}),i.id)))})):null}));l.displayName="SlashCommandMenu";export{l as SlashCommandMenu};

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

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

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

@@ -0,0 +1 @@
+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}\n`;case"blockquote":return s+"\n"}}export{e as toLiveChatText};

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

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

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