npm - @bikdotai/bik-component-library - Versions diffs - 0.0.64 → 0.0.65-editor.2 - Mend

@bikdotai/bik-component-library 0.0.64 → 0.0.65-editor.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (75) hide show

package/dist/cjs/utils/isAlphanumeric.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function isAplhanumeric(c: string): boolean;

package/dist/cjs/utils/isAlphanumeric.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isAplhanumeric=function(e){const t=e.charCodeAt(0);return t>=65&&t<=90\|\|t>=97&&t<=122\|\|t>=48&&t<=57};

package/dist/esm/_virtual/_commonjsHelpers.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{e as commonjsGlobal,o as getDefaultExportFromCjs};

package/dist/esm/_virtual/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ var e={},r={get exports(){return e},set exports(r){e=r}};export{r as __module,e as exports};

package/dist/esm/assets/icons/bold.svg.js ADDED Viewed

@@ -0,0 +1 @@

+ import*as r from"react";var t;function e(){return e=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 8 11"},a),t||(t=r.createElement("path",{fill:"currentColor",d:"M.004 11V.818h3.898c.736 0 1.347.116 1.835.348.49.229.856.542 1.098.94.245.398.368.848.368 1.352 0 .414-.08.769-.239 1.064-.159.292-.372.529-.64.71a2.714 2.714 0 0 1-.9.394v.1c.36.019.707.13 1.038.332.335.2.609.48.82.845.213.365.319.806.319 1.323 0 .527-.128 1-.383 1.422-.255.417-.64.747-1.153.99-.514.241-1.16.362-1.94.362H.006ZM1.85 9.459h1.983c.67 0 1.152-.128 1.447-.383.298-.259.448-.59.448-.994a1.522 1.522 0 0 0-.86-1.392c-.276-.143-.604-.214-.985-.214H1.85v2.983Zm0-4.31h1.824c.318 0 .605-.059.86-.175.256-.119.456-.286.602-.502.15-.218.224-.477.224-.775 0-.395-.14-.72-.418-.975-.275-.255-.684-.383-1.228-.383H1.85v2.81Z"})));export{a as default};

package/dist/esm/assets/icons/emoji.svg.js ADDED Viewed

@@ -0,0 +1 @@

+ import*as e from"react";var a,r;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},t.apply(this,arguments)}var l=l=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},l),a||(a=e.createElement("path",{fill:"currentColor",d:"M4.934 9.967a.667.667 0 0 1 .93.13l.004.005.023.027c.022.026.057.068.106.118.099.103.246.242.437.38.385.28.917.54 1.566.54.65 0 1.182-.26 1.567-.54a3.298 3.298 0 0 0 .543-.498l.023-.027.003-.004a.667.667 0 0 1 1.064.802v.001l-.001.001-.002.003-.005.006-.014.018a3.826 3.826 0 0 1-.212.24 4.635 4.635 0 0 1-.615.537c-.532.387-1.334.794-2.35.794-1.018 0-1.82-.407-2.351-.794a4.636 4.636 0 0 1-.78-.72 2.364 2.364 0 0 1-.047-.057l-.015-.018-.004-.006-.002-.003H4.8V10.9a.667.667 0 0 1 .133-.933ZM9.334 7.167a1.333 1.333 0 1 1 2.666 0 1.333 1.333 0 0 1-2.666 0ZM5.334 5.834a1.333 1.333 0 1 0 0 2.666 1.333 1.333 0 0 0 0-2.666Z"})),r||(r=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M8 1.167a7.333 7.333 0 1 0 0 14.667A7.333 7.333 0 0 0 8 1.167ZM2 8.5a6 6 0 1 1 12 0 6 6 0 0 1-12 0Z",clipRule:"evenodd"})));export{l as default};

package/dist/esm/assets/icons/italic.svg.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/esm/assets/icons/strikeThrough.svg.js ADDED Viewed

@@ -0,0 +1 @@

+ import*as t from"react";var e,a;function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(t[r]=a[r])}return t},r.apply(this,arguments)}var c=c=>t.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 9 12"},c),e||(e=t.createElement("path",{fill:"#9E9E9E",d:"M6.801 3.364a1.56 1.56 0 0 0-.726-1.174c-.424-.278-.944-.417-1.56-.417-.452 0-.846.073-1.184.218a1.89 1.89 0 0 0-.786.602 1.442 1.442 0 0 0-.278.87c0 .272.065.506.194.701.133.192.302.353.507.482.206.126.421.23.646.314.226.08.433.144.622.193l1.034.279c.265.07.56.166.885.288.328.123.641.29.94.502.301.21.55.478.745.806.196.328.294.73.294 1.208A2.68 2.68 0 0 1 7.7 9.727c-.285.444-.703.797-1.253 1.06-.547.261-1.211.392-1.993.392-.73 0-1.361-.118-1.895-.353-.53-.235-.948-.564-1.252-.984a2.808 2.808 0 0 1-.513-1.467h1.273c.033.384.163.703.388.955a2.1 2.1 0 0 0 .865.556c.351.12.73.18 1.134.18.47 0 .893-.077 1.267-.23.375-.155.671-.37.89-.646.219-.278.328-.603.328-.974 0-.338-.094-.613-.283-.825a2.08 2.08 0 0 0-.746-.517 7.835 7.835 0 0 0-1-.348L3.66 6.168c-.795-.23-1.425-.556-1.89-.98-.463-.424-.695-.98-.695-1.665 0-.57.154-1.068.462-1.492a3.07 3.07 0 0 1 1.253-.994A4.23 4.23 0 0 1 4.554.679c.656 0 1.24.118 1.75.353.51.232.915.55 1.213.955.302.404.46.863.477 1.377H6.801Z"})),a||(a=t.createElement("path",{fill:"currentColor",d:"M0 6.416h8.929v.955H0v-.955Z"})));export{c as default};

package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isError: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TextSpace: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
+export declare const OuterContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import c from"@emotion/styled/base";import{COLORS as b}from"../../constants/Theme.js";const l=c("div","production"===process.env.NODE_ENV?{target:"e91dva42"}:{target:"e91dva42",label:"Container"})("background:",b.surface.standard,";border:",(c=>c.isError?2:1),"px solid ",(c=>c.isError?b.stroke.negative.vibrant:b.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9DIiwiZmlsZSI6IkN1c3RvbUVkaXRvci5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRXJyb3IgPyAyIDogMSl9cHggc29saWRcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaXNFcnJvciA/IENPTE9SUy5zdHJva2UubmVnYXRpdmUudmlicmFudCA6IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBUZXh0U3BhY2UgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHR3aWR0aDogMTAwJTtcblxuXHRib3JkZXI6IDA7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0cmVzaXplOiBub25lO1xuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyOiAwO1xuXHRcdG91dGxpbmU6IDA7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUN1c3RvbUVkaXRvci5zdHlsZWQuanMubWFwIl19 */")),d=c("textarea","production"===process.env.NODE_ENV?{target:"e91dva41"}:{target:"e91dva41",label:"TextSpace"})("width:100%;border:0;padding:12px 16px;resize:none;color:",b.content.primary,";&:focus-within{border:0;outline:0;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXlDIiwiZmlsZSI6IkN1c3RvbUVkaXRvci5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRXJyb3IgPyAyIDogMSl9cHggc29saWRcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaXNFcnJvciA/IENPTE9SUy5zdHJva2UubmVnYXRpdmUudmlicmFudCA6IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBUZXh0U3BhY2UgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHR3aWR0aDogMTAwJTtcblxuXHRib3JkZXI6IDA7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0cmVzaXplOiBub25lO1xuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyOiAwO1xuXHRcdG91dGxpbmU6IDA7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUN1c3RvbUVkaXRvci5zdHlsZWQuanMubWFwIl19 */")),X=c("div","production"===process.env.NODE_ENV?{target:"e91dva40"}:{target:"e91dva40",label:"OuterContainer"})("production"===process.env.NODE_ENV?{name:"3w0yoi",styles:"display:flex;flex-direction:column;gap:8px"}:{name:"3w0yoi",styles:"display:flex;flex-direction:column;gap:8px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ5QyIsImZpbGUiOiJDdXN0b21FZGl0b3Iuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogJHsocHJvcHMpID0+IChwcm9wcy5pc0Vycm9yID8gMiA6IDEpfXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLmlzRXJyb3IgPyBDT0xPUlMuc3Ryb2tlLm5lZ2F0aXZlLnZpYnJhbnQgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgVGV4dFNwYWNlID0gc3R5bGVkLnRleHRhcmVhIGBcblx0d2lkdGg6IDEwMCU7XG5cblx0Ym9yZGVyOiAwO1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdHJlc2l6ZTogbm9uZTtcblx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cblx0Jjpmb2N1cy13aXRoaW4ge1xuXHRcdGJvcmRlcjogMDtcblx0XHRvdXRsaW5lOiAwO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgT3V0ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiA4cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DdXN0b21FZGl0b3Iuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{l as Container,X as OuterContainer,d as TextSpace};

package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditor.d.ts ADDED Viewed

@@ -0,0 +1,40 @@
+import React from 'react';
+import { EditorActionTypes } from './WhatsAppTextEditorHeader';
+export type CustomEditorProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    onChange?: (text: string, html: string) => void;
+    text?: string;
+    RightComponent?: React.FC;
+    error?: string;
+    limit?: number;
+    rows?: number;
+    actions?: EditorActionTypes[];
+    /**
+     * Calls only for editor only error, not for errors coming from outside
+     */
+    onError?: (err: string) => void;
+};
+export type CustomEditorRef = {
+    addTextOrWrap: (textToAdd: string) => {
+        text: string;
+        html: string;
+    };
+    addText: (textToAdd: string) => {
+        text: string;
+        html: string;
+    };
+    get: () => string;
+    setCaretPosition(caretPos: number): void;
+};
+export declare const WhatsAppTextEditor: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    onChange?: ((text: string, html: string) => void) | undefined;
+    text?: string | undefined;
+    RightComponent?: React.FC<{}> | undefined;
+    error?: string | undefined;
+    limit?: number | undefined;
+    rows?: number | undefined;
+    actions?: EditorActionTypes[] | undefined;
+    /**
+     * Calls only for editor only error, not for errors coming from outside
+     */
+    onError?: ((err: string) => void) | undefined;
+} & React.RefAttributes<CustomEditorRef>>;

package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditor.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__rest as t}from"../../_virtual/_tslib.js";import{jsxs as n,jsx as e,Fragment as r}from"react/jsx-runtime";import{BaseWhatsappContentLangHelper as l}from"../../helpers/BaseWhatsappContentLang.helper.js";import o,{useRef as i,useImperativeHandle as u,useEffect as c}from"react";import{COLORS as s}from"../../constants/Theme.js";import{BodyCaption as a}from"../TypographyStyle.js";import{OuterContainer as d,Container as v,TextSpace as m}from"./CustomEditor.styled.js";import{EditorActionTypes as h,WhatsAppTextEditorHeader as f}from"./WhatsAppTextEditorHeader.js";const p="Character limit reached",g=new l,x={[h.BOLD]:"*",[h.ITALIC]:"_",[h.STRIKETHROUGH]:"~"},T=o.forwardRef(((l,o)=>{var h,T,{onChange:j,text:C,RightComponent:E,error:y,limit:S,onError:H,rows:L,actions:O}=l,R=t(l,["onChange","text","RightComponent","error","limit","onError","rows","actions"]);const w=i(null);function b(t){const n=null==w?void 0:w.current;null!=n&&(n.selectionStart?(n.focus(),n.setSelectionRange(t,t)):n.focus())}function W(t){var n,e;let r=null!==(e=null===(n=w.current)||void 0===n?void 0:n.value)&&void 0!==e?e:"";if(w.current&&t){const n=w.current.selectionStart,e=w.current.selectionEnd,l=t;if(n===e)return A(l);{r=g.wrappWildcard(n,e,l,r);const t=g.getHTML(r);return w.current.value=r,{text:r,html:t}}}return{text:r,html:r}}function A(t){var n,e;let r=null!==(e=null===(n=w.current)||void 0===n?void 0:n.value)&&void 0!==e?e:"";if(w.current&&t){const n=w.current.selectionStart;if(n===w.current.selectionEnd)return M(t,n)}return{text:r,html:r}}function M(t,n){var e,r;let l=null!==(r=null===(e=w.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"";l=l.slice(0,n)+t+l.slice(n);const o=g.getHTML(l);return w.current.value=l,{text:l,html:o}}return u(o,(()=>({addTextOrWrap:W,addText:A,get(){var t,n;return null!==(n=null===(t=w.current)||void 0===t?void 0:t.value)&&void 0!==n?n:""},setCaretPosition:b}))),c((()=>{if((null==w?void 0:w.current)&&C){w.current.value=C;const t=g.getHTML(C);null==j||j(C,t)}}),[]),c((()=>{var t,n;(null===(t=null==w?void 0:w.current)||void 0===t?void 0:t.value)&&S&&((null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.value.length)>S?null==H||H(p):null==H||H(null!=y?y:""))}),[null===(h=null==w?void 0:w.current)||void 0===h?void 0:h.value.length]),n(d,{children:[n(v,Object.assign({isError:!!y},{children:[e(f,{actions:O,ref:w,onActionSelect:function(t){if((null==x?void 0:x[t])&&w.current){const n=w.current.selectionStart;if(n===w.current.selectionEnd){M(null==x?void 0:x[t],n);const{text:e,html:r}=M(null==x?void 0:x[t],n);b(n+1),null==j||j(e,r)}else{const{text:n,html:e}=W(null==x?void 0:x[t]);null==j||j(n,e)}}},RightComponent:E,onEmojiClick:function(t){const{text:n,html:e}=A(t);null==j||j(n,e)}}),e(m,Object.assign({ref:w,onChange:function(t){const n=t.target.value,e=g.getHTML(n);null==j||j(n,e)}},R,{rows:L}))]})),y&&y!==p?e(a,Object.assign({style:{color:s.content.negative}},{children:y})):e(r,{children:S&&(null==w?void 0:w.current)?n(a,Object.assign({style:{color:y===p||(null===(T=null==w?void 0:w.current)||void 0===T?void 0:T.value.length)>S?s.content.negative:s.content.secondary}},{children:[w.current.value.length,"/",S]})):e(r,{})})]})}));T.displayName="WhatsAppTextEditor";export{T as WhatsAppTextEditor};

package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import React from 'react';
+export declare enum EditorActionTypes {
+    'BOLD' = "BOLD",
+    'ITALIC' = "ITALIC",
+    'STRIKETHROUGH' = "STRIKETHROUGH",
+    'EMOJI' = "EMOJI"
+}
+export type WhatsAppTextEditorHeaderProps = {
+    onActionSelect: (actionType: EditorActionTypes) => void;
+    RightComponent?: React.FC;
+    onEmojiClick?: (emoji: string) => void;
+    actions?: EditorActionTypes[];
+};
+export declare const WhatsAppTextEditorHeader: React.ForwardRefExoticComponent<WhatsAppTextEditorHeaderProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js ADDED Viewed

@@ -0,0 +1 @@

+ import I from"@emotion/styled/base";import{jsx as g,Fragment as c,jsxs as C}from"react/jsx-runtime";import l,{useRef as G,useState as b,useCallback as A}from"react";import{useOutside as d}from"../../hooks/useOutside.js";import{COLORS as Z}from"../../constants/Theme.js";import X from"../../assets/icons/bold.svg.js";import R from"../../assets/icons/emoji.svg.js";import W from"../../assets/icons/italic.svg.js";import a from"../../assets/icons/strikeThrough.svg.js";function B(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}let V=()=>g(c,{});"undefined"!=typeof window&&import("../../node_modules/emoji-picker-react/dist/index.js").then((I=>{V=I.default}));const p=I("div","production"===process.env.NODE_ENV?{target:"e116kvwg3"}:{target:"e116kvwg3",label:"Container"})("background:",Z.surface.subdued,";border-bottom:1px solid ",Z.stroke.primary,";display:flex;flex-direction:row;padding:8px 12px;align-items:center;border-radius:4px;gap:6px;position:relative;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldoYXRzQXBwVGV4dEVkaXRvckhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I2QiIsImZpbGUiOiJXaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbi8vIGltcG9ydCBFbW9qaVBpY2tlciBmcm9tICdlbW9qaS1waWNrZXItcmVhY3QnO1xyXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHVzZU91dHNpZGUgfSBmcm9tIFwiLi4vLi4vaG9va3MvdXNlT3V0c2lkZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCBCb2xkSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvYm9sZC5zdmcnO1xyXG5pbXBvcnQgRW1vamlJY29uIGZyb20gJy4uLy4uL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgSXRhbGljSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvaXRhbGljLnN2Zyc7XHJcbmltcG9ydCBTdHJpa2VUaHJvdWdoSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvc3RyaWtlVGhyb3VnaC5zdmcnO1xyXG5sZXQgRW1vamlQaWNrZXIgPSAoKSA9PiBfanN4KF9GcmFnbWVudCwge30pO1xyXG5pZiAodHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcpIHtcclxuICAgIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0JykudGhlbigoX21vZHVsZSkgPT4ge1xyXG4gICAgICAgIEVtb2ppUGlja2VyID0gX21vZHVsZS5kZWZhdWx0O1xyXG4gICAgfSk7XHJcbn1cclxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGdhcDogNnB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5jb25zdCBCdXR0b25Ib2xkZXIgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZzogMnB4IDZweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmFjdGl2ZSA/IENPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlIDogJ3RyYW5zcGFyZW50J307XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcclxuY29uc3QgQ3VzdG9tUmlnaHRTaWRlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXg6IDE7XG5cdGp1c3RpZnktY29udGVudDogZW5kO1xuYDtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IGNhbGMoMTAwJSArIDhweCk7XG5cdHotaW5kZXg6IDE7XG5gO1xyXG5leHBvcnQgdmFyIEVkaXRvckFjdGlvblR5cGVzO1xyXG4oZnVuY3Rpb24gKEVkaXRvckFjdGlvblR5cGVzKSB7XHJcbiAgICBFZGl0b3JBY3Rpb25UeXBlc1tcIkJPTERcIl0gPSBcIkJPTERcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiSVRBTElDXCJdID0gXCJJVEFMSUNcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiU1RSSUtFVEhST1VHSFwiXSA9IFwiU1RSSUtFVEhST1VHSFwiO1xyXG4gICAgRWRpdG9yQWN0aW9uVHlwZXNbXCJFTU9KSVwiXSA9IFwiRU1PSklcIjtcclxufSkoRWRpdG9yQWN0aW9uVHlwZXMgfHwgKEVkaXRvckFjdGlvblR5cGVzID0ge30pKTtcclxuZXhwb3J0IGNvbnN0IFdoYXRzQXBwVGV4dEVkaXRvckhlYWRlciA9IFJlYWN0LmZvcndhcmRSZWYoKHsgb25BY3Rpb25TZWxlY3QsIFJpZ2h0Q29tcG9uZW50LCBvbkVtb2ppQ2xpY2ssIGFjdGlvbnMgfSwgcmVmKSA9PiB7XHJcbiAgICBjb25zdCBlbW9qaVBpY2tlclJlZiA9IHVzZVJlZihudWxsKTtcclxuICAgIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZSh7XHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLkJPTERdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDXTogZmFsc2UsXHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLlNUUklLRVRIUk9VR0hdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkldOiBmYWxzZSxcclxuICAgIH0pO1xyXG4gICAgY29uc3QgY2xvc2VFbW9qaVBpY2tlciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcclxuICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgcHJldiksIHsgW0VkaXRvckFjdGlvblR5cGVzLkVNT0pJXTogZmFsc2UgfSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9LCBbYWN0aXZlXSk7XHJcbiAgICB1c2VPdXRzaWRlKGVtb2ppUGlja2VyUmVmLCAoKSA9PiB7XHJcbiAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgfSk7XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGljayhlLCB0eXBlKSB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIChfYSA9IGUucHJldmVudERlZmF1bHQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKGUpO1xyXG4gICAgICAgIGlmICh0eXBlID09PSBFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkge1xyXG4gICAgICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIHByZXYpLCB7IFtFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSV06ICFhY3RpdmUuRU1PSkkgfSk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICBvbkFjdGlvblNlbGVjdCh0eXBlKTtcclxuICAgIH1cclxuICAgIGlmICghKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5sZW5ndGgpICYmICFSaWdodENvbXBvbmVudClcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIHJldHVybiAoX2pzeHMoQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBbKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkpICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXJnaW5MZWZ0OiAwLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBhY3RpdmU6ICEhYWN0aXZlLkVNT0pJLCBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkkpIH0sIHsgY2hpbGRyZW46IF9qc3goRW1vamlJY29uLCB7IHdpZHRoOiAxNiwgaGVpZ2h0OiAxNiwgY29sb3I6IGFjdGl2ZS5FTU9KSVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlciB9KSB9KSksIGFjdGl2ZS5FTU9KSSAmJiAoX2pzeChFbW9qaUNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHJlZjogZW1vamlQaWNrZXJSZWYgfSwgeyBjaGlsZHJlbjogX2pzeChFbW9qaVBpY2tlciwgeyBvbkVtb2ppQ2xpY2s6IChfZXZlbnQsIGRhdGEpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbG9zZUVtb2ppUGlja2VyKCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25FbW9qaUNsaWNrID09PSBudWxsIHx8IG9uRW1vamlDbGljayA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25FbW9qaUNsaWNrKGRhdGEuZW1vamkpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkpXSB9KSksIChhY3Rpb25zID09PSBudWxsIHx8IGFjdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGlvbnMuaW5jbHVkZXMoRWRpdG9yQWN0aW9uVHlwZXMuQk9MRCkpICYmIChfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IGFjdGl2ZTogISFhY3RpdmUuQk9MRCwgb25DbGljazogKGUpID0+IGhhbmRsZUNsaWNrKGUsIEVkaXRvckFjdGlvblR5cGVzLkJPTEQpIH0sIHsgY2hpbGRyZW46IF9qc3goQm9sZEljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogYWN0aXZlLkJPTERcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyBDT0xPUlMuY29udGVudC5zZWNvbmRhcnlcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiBDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlciB9KSB9KSkpLCAoYWN0aW9ucyA9PT0gbnVsbCB8fCBhY3Rpb25zID09PSB2b2lkIDAgPyB2b2lkIDAgOiBhY3Rpb25zLmluY2x1ZGVzKEVkaXRvckFjdGlvblR5cGVzLklUQUxJQykpICYmIChfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IG9uQ2xpY2s6IChlKSA9PiBoYW5kbGVDbGljayhlLCBFZGl0b3JBY3Rpb25UeXBlcy5JVEFMSUMpLCBhY3RpdmU6ICEhYWN0aXZlLklUQUxJQyB9LCB7IGNoaWxkcmVuOiBfanN4KEl0YWxpY0ljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogYWN0aXZlLklUQUxJQ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IENPTE9SUy5jb250ZW50LnBsYWNlaG9sZGVyIH0pIH0pKSksIChhY3Rpb25zID09PSBudWxsIHx8IGFjdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGlvbnMuaW5jbHVkZXMoRWRpdG9yQWN0aW9uVHlwZXMuU1RSSUtFVEhST1VHSCkpICYmIChfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IGFjdGl2ZTogISFhY3RpdmUuU1RSSUtFVEhST1VHSCwgc3R5bGU6IHsgYm9yZGVyUmlnaHQ6IDAgfSwgb25DbGljazogKGUpID0+IGhhbmRsZUNsaWNrKGUsIEVkaXRvckFjdGlvblR5cGVzLlNUUklLRVRIUk9VR0gpIH0sIHsgY2hpbGRyZW46IF9qc3goU3RyaWtlVGhyb3VnaEljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogYWN0aXZlLlNUUklLRVRIUk9VR0hcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyBDT0xPUlMuY29udGVudC5zZWNvbmRhcnlcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiBDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlciB9KSB9KSkpLCBfanN4KEN1c3RvbVJpZ2h0U2lkZUNvbnRhaW5lciwgeyBjaGlsZHJlbjogUmlnaHRDb21wb25lbnQgJiYgX2pzeChSaWdodENvbXBvbmVudCwge30pIH0pXSB9KSk7XHJcbn0pO1xyXG5XaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIuZGlzcGxheU5hbWUgPSAnV2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyJztcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9V2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyLmpzLm1hcCJdfQ== */")),i=I("div","production"===process.env.NODE_ENV?{target:"e116kvwg2"}:{target:"e116kvwg2",label:"ButtonHolder"})("padding:2px 6px;background:",(I=>I.active?Z.background.inactive:"transparent"),";border-radius:4px;cursor:pointer;display:flex;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldoYXRzQXBwVGV4dEVkaXRvckhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJnQyIsImZpbGUiOiJXaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbi8vIGltcG9ydCBFbW9qaVBpY2tlciBmcm9tICdlbW9qaS1waWNrZXItcmVhY3QnO1xyXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHVzZU91dHNpZGUgfSBmcm9tIFwiLi4vLi4vaG9va3MvdXNlT3V0c2lkZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCBCb2xkSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvYm9sZC5zdmcnO1xyXG5pbXBvcnQgRW1vamlJY29uIGZyb20gJy4uLy4uL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgSXRhbGljSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvaXRhbGljLnN2Zyc7XHJcbmltcG9ydCBTdHJpa2VUaHJvdWdoSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvc3RyaWtlVGhyb3VnaC5zdmcnO1xyXG5sZXQgRW1vamlQaWNrZXIgPSAoKSA9PiBfanN4KF9GcmFnbWVudCwge30pO1xyXG5pZiAodHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcpIHtcclxuICAgIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0JykudGhlbigoX21vZHVsZSkgPT4ge1xyXG4gICAgICAgIEVtb2ppUGlja2VyID0gX21vZHVsZS5kZWZhdWx0O1xyXG4gICAgfSk7XHJcbn1cclxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGdhcDogNnB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5jb25zdCBCdXR0b25Ib2xkZXIgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZzogMnB4IDZweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmFjdGl2ZSA/IENPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlIDogJ3RyYW5zcGFyZW50J307XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcclxuY29uc3QgQ3VzdG9tUmlnaHRTaWRlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXg6IDE7XG5cdGp1c3RpZnktY29udGVudDogZW5kO1xuYDtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IGNhbGMoMTAwJSArIDhweCk7XG5cdHotaW5kZXg6IDE7XG5gO1xyXG5leHBvcnQgdmFyIEVkaXRvckFjdGlvblR5cGVzO1xyXG4oZnVuY3Rpb24gKEVkaXRvckFjdGlvblR5cGVzKSB7XHJcbiAgICBFZGl0b3JBY3Rpb25UeXBlc1tcIkJPTERcIl0gPSBcIkJPTERcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiSVRBTElDXCJdID0gXCJJVEFMSUNcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiU1RSSUtFVEhST1VHSFwiXSA9IFwiU1RSSUtFVEhST1VHSFwiO1xyXG4gICAgRWRpdG9yQWN0aW9uVHlwZXNbXCJFTU9KSVwiXSA9IFwiRU1PSklcIjtcclxufSkoRWRpdG9yQWN0aW9uVHlwZXMgfHwgKEVkaXRvckFjdGlvblR5cGVzID0ge30pKTtcclxuZXhwb3J0IGNvbnN0IFdoYXRzQXBwVGV4dEVkaXRvckhlYWRlciA9IFJlYWN0LmZvcndhcmRSZWYoKHsgb25BY3Rpb25TZWxlY3QsIFJpZ2h0Q29tcG9uZW50LCBvbkVtb2ppQ2xpY2ssIGFjdGlvbnMgfSwgcmVmKSA9PiB7XHJcbiAgICBjb25zdCBlbW9qaVBpY2tlclJlZiA9IHVzZVJlZihudWxsKTtcclxuICAgIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZSh7XHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLkJPTERdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDXTogZmFsc2UsXHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLlNUUklLRVRIUk9VR0hdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkldOiBmYWxzZSxcclxuICAgIH0pO1xyXG4gICAgY29uc3QgY2xvc2VFbW9qaVBpY2tlciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcclxuICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgcHJldiksIHsgW0VkaXRvckFjdGlvblR5cGVzLkVNT0pJXTogZmFsc2UgfSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9LCBbYWN0aXZlXSk7XHJcbiAgICB1c2VPdXRzaWRlKGVtb2ppUGlja2VyUmVmLCAoKSA9PiB7XHJcbiAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgfSk7XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGljayhlLCB0eXBlKSB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIChfYSA9IGUucHJldmVudERlZmF1bHQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKGUpO1xyXG4gICAgICAgIGlmICh0eXBlID09PSBFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkge1xyXG4gICAgICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIHByZXYpLCB7IFtFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSV06ICFhY3RpdmUuRU1PSkkgfSk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICBvbkFjdGlvblNlbGVjdCh0eXBlKTtcclxuICAgIH1cclxuICAgIGlmICghKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5sZW5ndGgpICYmICFSaWdodENvbXBvbmVudClcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIHJldHVybiAoX2pzeHMoQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBbKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkpICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXJnaW5MZWZ0OiAwLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBhY3RpdmU6ICEhYWN0aXZlLkVNT0pJLCBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkkpIH0sIHsgY2hpbGRyZW46IF9qc3goRW1vamlJY29uLCB7IHdpZHRoOiAxNiwgaGVpZ2h0OiAxNiwgY29sb3I6IGFjdGl2ZS5FTU9KSVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlciB9KSB9KSksIGFjdGl2ZS5FTU9KSSAmJiAoX2pzeChFbW9qaUNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHJlZjogZW1vamlQaWNrZXJSZWYgfSwgeyBjaGlsZHJlbjogX2pzeChFbW9qaVBpY2tlciwgeyBvbkVtb2ppQ2xpY2s6IChfZXZlbnQsIGRhdGEpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbG9zZUVtb2ppUGlja2VyKCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25FbW9qaUNsaWNrID09PSBudWxsIHx8IG9uRW1vamlDbGljayA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25FbW9qaUNsaWNrKGRhdGEuZW1vamkpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkpXSB9KSksIChhY3Rpb25zID09PSBudWxsIHx8IGFjdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGlvbnMuaW5jbHVkZXMoRWRpdG9yQWN0aW9uVHlwZXMuQk9MRCkpICYmIChfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IGFjdGl2ZTogISFhY3RpdmUuQk9MRCwgb25DbGljazogKGUpID0+IGhhbmRsZUNsaWNrKGUsIEVkaXRvckFjdGlvblR5cGVzLkJPTEQpIH0sIHsgY2hpbGRyZW46IF9qc3goQm9sZEljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogYWN0aXZlLkJPTERcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyBDT0xPUlMuY29udGVudC5zZWNvbmRhcnlcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiBDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlciB9KSB9KSkpLCAoYWN0aW9ucyA9PT0gbnVsbCB8fCBhY3Rpb25zID09PSB2b2lkIDAgPyB2b2lkIDAgOiBhY3Rpb25zLmluY2x1ZGVzKEVkaXRvckFjdGlvblR5cGVzLklUQUxJQykpICYmIChfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IG9uQ2xpY2s6IChlKSA9PiBoYW5kbGVDbGljayhlLCBFZGl0b3JBY3Rpb25UeXBlcy5JVEFMSUMpLCBhY3RpdmU6ICEhYWN0aXZlLklUQUxJQyB9LCB7IGNoaWxkcmVuOiBfanN4KEl0YWxpY0ljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogYWN0aXZlLklUQUxJQ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IENPTE9SUy5jb250ZW50LnBsYWNlaG9sZGVyIH0pIH0pKSksIChhY3Rpb25zID09PSBudWxsIHx8IGFjdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGlvbnMuaW5jbHVkZXMoRWRpdG9yQWN0aW9uVHlwZXMuU1RSSUtFVEhST1VHSCkpICYmIChfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IGFjdGl2ZTogISFhY3RpdmUuU1RSSUtFVEhST1VHSCwgc3R5bGU6IHsgYm9yZGVyUmlnaHQ6IDAgfSwgb25DbGljazogKGUpID0+IGhhbmRsZUNsaWNrKGUsIEVkaXRvckFjdGlvblR5cGVzLlNUUklLRVRIUk9VR0gpIH0sIHsgY2hpbGRyZW46IF9qc3goU3RyaWtlVGhyb3VnaEljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogYWN0aXZlLlNUUklLRVRIUk9VR0hcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyBDT0xPUlMuY29udGVudC5zZWNvbmRhcnlcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiBDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlciB9KSB9KSkpLCBfanN4KEN1c3RvbVJpZ2h0U2lkZUNvbnRhaW5lciwgeyBjaGlsZHJlbjogUmlnaHRDb21wb25lbnQgJiYgX2pzeChSaWdodENvbXBvbmVudCwge30pIH0pXSB9KSk7XHJcbn0pO1xyXG5XaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIuZGlzcGxheU5hbWUgPSAnV2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyJztcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9V2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyLmpzLm1hcCJdfQ== */")),u=I("div","production"===process.env.NODE_ENV?{target:"e116kvwg1"}:{target:"e116kvwg1",label:"CustomRightSideContainer"})("production"===process.env.NODE_ENV?{name:"1cv83s4",styles:"display:flex;flex-direction:row;flex:1;justify-content:end"}:{name:"1cv83s4",styles:"display:flex;flex-direction:row;flex:1;justify-content:end",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldoYXRzQXBwVGV4dEVkaXRvckhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0M0QyIsImZpbGUiOiJXaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbi8vIGltcG9ydCBFbW9qaVBpY2tlciBmcm9tICdlbW9qaS1waWNrZXItcmVhY3QnO1xyXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHVzZU91dHNpZGUgfSBmcm9tIFwiLi4vLi4vaG9va3MvdXNlT3V0c2lkZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCBCb2xkSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvYm9sZC5zdmcnO1xyXG5pbXBvcnQgRW1vamlJY29uIGZyb20gJy4uLy4uL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgSXRhbGljSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvaXRhbGljLnN2Zyc7XHJcbmltcG9ydCBTdHJpa2VUaHJvdWdoSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvc3RyaWtlVGhyb3VnaC5zdmcnO1xyXG5sZXQgRW1vamlQaWNrZXIgPSAoKSA9PiBfanN4KF9GcmFnbWVudCwge30pO1xyXG5pZiAodHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcpIHtcclxuICAgIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0JykudGhlbigoX21vZHVsZSkgPT4ge1xyXG4gICAgICAgIEVtb2ppUGlja2VyID0gX21vZHVsZS5kZWZhdWx0O1xyXG4gICAgfSk7XHJcbn1cclxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGdhcDogNnB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5jb25zdCBCdXR0b25Ib2xkZXIgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZzogMnB4IDZweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmFjdGl2ZSA/IENPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlIDogJ3RyYW5zcGFyZW50J307XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcclxuY29uc3QgQ3VzdG9tUmlnaHRTaWRlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXg6IDE7XG5cdGp1c3RpZnktY29udGVudDogZW5kO1xuYDtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IGNhbGMoMTAwJSArIDhweCk7XG5cdHotaW5kZXg6IDE7XG5gO1xyXG5leHBvcnQgdmFyIEVkaXRvckFjdGlvblR5cGVzO1xyXG4oZnVuY3Rpb24gKEVkaXRvckFjdGlvblR5cGVzKSB7XHJcbiAgICBFZGl0b3JBY3Rpb25UeXBlc1tcIkJPTERcIl0gPSBcIkJPTERcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiSVRBTElDXCJdID0gXCJJVEFMSUNcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiU1RSSUtFVEhST1VHSFwiXSA9IFwiU1RSSUtFVEhST1VHSFwiO1xyXG4gICAgRWRpdG9yQWN0aW9uVHlwZXNbXCJFTU9KSVwiXSA9IFwiRU1PSklcIjtcclxufSkoRWRpdG9yQWN0aW9uVHlwZXMgfHwgKEVkaXRvckFjdGlvblR5cGVzID0ge30pKTtcclxuZXhwb3J0IGNvbnN0IFdoYXRzQXBwVGV4dEVkaXRvckhlYWRlciA9IFJlYWN0LmZvcndhcmRSZWYoKHsgb25BY3Rpb25TZWxlY3QsIFJpZ2h0Q29tcG9uZW50LCBvbkVtb2ppQ2xpY2ssIGFjdGlvbnMgfSwgcmVmKSA9PiB7XHJcbiAgICBjb25zdCBlbW9qaVBpY2tlclJlZiA9IHVzZVJlZihudWxsKTtcclxuICAgIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZSh7XHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLkJPTERdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDXTogZmFsc2UsXHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLlNUUklLRVRIUk9VR0hdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkldOiBmYWxzZSxcclxuICAgIH0pO1xyXG4gICAgY29uc3QgY2xvc2VFbW9qaVBpY2tlciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcclxuICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgcHJldiksIHsgW0VkaXRvckFjdGlvblR5cGVzLkVNT0pJXTogZmFsc2UgfSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9LCBbYWN0aXZlXSk7XHJcbiAgICB1c2VPdXRzaWRlKGVtb2ppUGlja2VyUmVmLCAoKSA9PiB7XHJcbiAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgfSk7XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGljayhlLCB0eXBlKSB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIChfYSA9IGUucHJldmVudERlZmF1bHQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKGUpO1xyXG4gICAgICAgIGlmICh0eXBlID09PSBFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkge1xyXG4gICAgICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIHByZXYpLCB7IFtFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSV06ICFhY3RpdmUuRU1PSkkgfSk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICBvbkFjdGlvblNlbGVjdCh0eXBlKTtcclxuICAgIH1cclxuICAgIGlmICghKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5sZW5ndGgpICYmICFSaWdodENvbXBvbmVudClcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIHJldHVybiAoX2pzeHMoQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBbKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkpICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXJnaW5MZWZ0OiAwLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBhY3RpdmU6ICEhYWN0aXZlLkVNT0pJLCBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkkpIH0sIHsgY2hpbGRyZW46IF9qc3goRW1vamlJY29uLCB7IHdpZHRoOiAxNiwgaGVpZ2h0OiAxNiwgY29sb3I6IGFjdGl2ZS5FTU9KSVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlciB9KSB9KSksIGFjdGl2ZS5FTU9KSSAmJiAoX2pzeChFbW9qaUNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHJlZjogZW1vamlQaWNrZXJSZWYgfSwgeyBjaGlsZHJlbjogX2pzeChFbW9qaVBpY2tlciwgeyBvbkVtb2ppQ2xpY2s6IChfZXZlbnQsIGRhdGEpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbG9zZUVtb2ppUGlja2VyKCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25FbW9qaUNsaWNrID09PSBudWxsIHx8IG9uRW1vamlDbGljayA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25FbW9qaUNsaWNrKGRhdGEuZW1vamkpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkpXSB9KSksIChhY3Rpb25zID09PSBudWxsIHx8IGFjdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGlvbnMuaW5jbHVkZXMoRWRpdG9yQWN0aW9uVHlwZXMuQk9MRCkpICYmIChfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IGFjdGl2ZTogISFhY3RpdmUuQk9MRCwgb25DbGljazogKGUpID0+IGhhbmRsZUNsaWNrKGUsIEVkaXRvckFjdGlvblR5cGVzLkJPTEQpIH0sIHsgY2hpbGRyZW46IF9qc3goQm9sZEljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogYWN0aXZlLkJPTERcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyBDT0xPUlMuY29udGVudC5zZWNvbmRhcnlcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiBDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlciB9KSB9KSkpLCAoYWN0aW9ucyA9PT0gbnVsbCB8fCBhY3Rpb25zID09PSB2b2lkIDAgPyB2b2lkIDAgOiBhY3Rpb25zLmluY2x1ZGVzKEVkaXRvckFjdGlvblR5cGVzLklUQUxJQykpICYmIChfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IG9uQ2xpY2s6IChlKSA9PiBoYW5kbGVDbGljayhlLCBFZGl0b3JBY3Rpb25UeXBlcy5JVEFMSUMpLCBhY3RpdmU6ICEhYWN0aXZlLklUQUxJQyB9LCB7IGNoaWxkcmVuOiBfanN4KEl0YWxpY0ljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogYWN0aXZlLklUQUxJQ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IENPTE9SUy5jb250ZW50LnBsYWNlaG9sZGVyIH0pIH0pKSksIChhY3Rpb25zID09PSBudWxsIHx8IGFjdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGlvbnMuaW5jbHVkZXMoRWRpdG9yQWN0aW9uVHlwZXMuU1RSSUtFVEhST1VHSCkpICYmIChfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IGFjdGl2ZTogISFhY3RpdmUuU1RSSUtFVEhST1VHSCwgc3R5bGU6IHsgYm9yZGVyUmlnaHQ6IDAgfSwgb25DbGljazogKGUpID0+IGhhbmRsZUNsaWNrKGUsIEVkaXRvckFjdGlvblR5cGVzLlNUUklLRVRIUk9VR0gpIH0sIHsgY2hpbGRyZW46IF9qc3goU3RyaWtlVGhyb3VnaEljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogYWN0aXZlLlNUUklLRVRIUk9VR0hcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyBDT0xPUlMuY29udGVudC5zZWNvbmRhcnlcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiBDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlciB9KSB9KSkpLCBfanN4KEN1c3RvbVJpZ2h0U2lkZUNvbnRhaW5lciwgeyBjaGlsZHJlbjogUmlnaHRDb21wb25lbnQgJiYgX2pzeChSaWdodENvbXBvbmVudCwge30pIH0pXSB9KSk7XHJcbn0pO1xyXG5XaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIuZGlzcGxheU5hbWUgPSAnV2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyJztcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9V2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyLmpzLm1hcCJdfQ== */",toString:B}),H=I("div","production"===process.env.NODE_ENV?{target:"e116kvwg0"}:{target:"e116kvwg0",label:"EmojiContainer"})("production"===process.env.NODE_ENV?{name:"1awge4d",styles:"position:absolute;top:calc(100% + 8px);z-index:1"}:{name:"1awge4d",styles:"position:absolute;top:calc(100% + 8px);z-index:1",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldoYXRzQXBwVGV4dEVkaXRvckhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NrQyIsImZpbGUiOiJXaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbi8vIGltcG9ydCBFbW9qaVBpY2tlciBmcm9tICdlbW9qaS1waWNrZXItcmVhY3QnO1xyXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHVzZU91dHNpZGUgfSBmcm9tIFwiLi4vLi4vaG9va3MvdXNlT3V0c2lkZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCBCb2xkSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvYm9sZC5zdmcnO1xyXG5pbXBvcnQgRW1vamlJY29uIGZyb20gJy4uLy4uL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgSXRhbGljSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvaXRhbGljLnN2Zyc7XHJcbmltcG9ydCBTdHJpa2VUaHJvdWdoSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvc3RyaWtlVGhyb3VnaC5zdmcnO1xyXG5sZXQgRW1vamlQaWNrZXIgPSAoKSA9PiBfanN4KF9GcmFnbWVudCwge30pO1xyXG5pZiAodHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcpIHtcclxuICAgIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0JykudGhlbigoX21vZHVsZSkgPT4ge1xyXG4gICAgICAgIEVtb2ppUGlja2VyID0gX21vZHVsZS5kZWZhdWx0O1xyXG4gICAgfSk7XHJcbn1cclxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGdhcDogNnB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5jb25zdCBCdXR0b25Ib2xkZXIgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZzogMnB4IDZweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmFjdGl2ZSA/IENPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlIDogJ3RyYW5zcGFyZW50J307XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcclxuY29uc3QgQ3VzdG9tUmlnaHRTaWRlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXg6IDE7XG5cdGp1c3RpZnktY29udGVudDogZW5kO1xuYDtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IGNhbGMoMTAwJSArIDhweCk7XG5cdHotaW5kZXg6IDE7XG5gO1xyXG5leHBvcnQgdmFyIEVkaXRvckFjdGlvblR5cGVzO1xyXG4oZnVuY3Rpb24gKEVkaXRvckFjdGlvblR5cGVzKSB7XHJcbiAgICBFZGl0b3JBY3Rpb25UeXBlc1tcIkJPTERcIl0gPSBcIkJPTERcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiSVRBTElDXCJdID0gXCJJVEFMSUNcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiU1RSSUtFVEhST1VHSFwiXSA9IFwiU1RSSUtFVEhST1VHSFwiO1xyXG4gICAgRWRpdG9yQWN0aW9uVHlwZXNbXCJFTU9KSVwiXSA9IFwiRU1PSklcIjtcclxufSkoRWRpdG9yQWN0aW9uVHlwZXMgfHwgKEVkaXRvckFjdGlvblR5cGVzID0ge30pKTtcclxuZXhwb3J0IGNvbnN0IFdoYXRzQXBwVGV4dEVkaXRvckhlYWRlciA9IFJlYWN0LmZvcndhcmRSZWYoKHsgb25BY3Rpb25TZWxlY3QsIFJpZ2h0Q29tcG9uZW50LCBvbkVtb2ppQ2xpY2ssIGFjdGlvbnMgfSwgcmVmKSA9PiB7XHJcbiAgICBjb25zdCBlbW9qaVBpY2tlclJlZiA9IHVzZVJlZihudWxsKTtcclxuICAgIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZSh7XHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLkJPTERdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDXTogZmFsc2UsXHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLlNUUklLRVRIUk9VR0hdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkldOiBmYWxzZSxcclxuICAgIH0pO1xyXG4gICAgY29uc3QgY2xvc2VFbW9qaVBpY2tlciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcclxuICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgcHJldiksIHsgW0VkaXRvckFjdGlvblR5cGVzLkVNT0pJXTogZmFsc2UgfSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9LCBbYWN0aXZlXSk7XHJcbiAgICB1c2VPdXRzaWRlKGVtb2ppUGlja2VyUmVmLCAoKSA9PiB7XHJcbiAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgfSk7XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGljayhlLCB0eXBlKSB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIChfYSA9IGUucHJldmVudERlZmF1bHQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKGUpO1xyXG4gICAgICAgIGlmICh0eXBlID09PSBFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkge1xyXG4gICAgICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIHByZXYpLCB7IFtFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSV06ICFhY3RpdmUuRU1PSkkgfSk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICBvbkFjdGlvblNlbGVjdCh0eXBlKTtcclxuICAgIH1cclxuICAgIGlmICghKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5sZW5ndGgpICYmICFSaWdodENvbXBvbmVudClcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIHJldHVybiAoX2pzeHMoQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBbKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkpICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXJnaW5MZWZ0OiAwLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBhY3RpdmU6ICEhYWN0aXZlLkVNT0pJLCBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkkpIH0sIHsgY2hpbGRyZW46IF9qc3goRW1vamlJY29uLCB7IHdpZHRoOiAxNiwgaGVpZ2h0OiAxNiwgY29sb3I6IGFjdGl2ZS5FTU9KSVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlciB9KSB9KSksIGFjdGl2ZS5FTU9KSSAmJiAoX2pzeChFbW9qaUNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHJlZjogZW1vamlQaWNrZXJSZWYgfSwgeyBjaGlsZHJlbjogX2pzeChFbW9qaVBpY2tlciwgeyBvbkVtb2ppQ2xpY2s6IChfZXZlbnQsIGRhdGEpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbG9zZUVtb2ppUGlja2VyKCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25FbW9qaUNsaWNrID09PSBudWxsIHx8IG9uRW1vamlDbGljayA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25FbW9qaUNsaWNrKGRhdGEuZW1vamkpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkpXSB9KSksIChhY3Rpb25zID09PSBudWxsIHx8IGFjdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGlvbnMuaW5jbHVkZXMoRWRpdG9yQWN0aW9uVHlwZXMuQk9MRCkpICYmIChfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IGFjdGl2ZTogISFhY3RpdmUuQk9MRCwgb25DbGljazogKGUpID0+IGhhbmRsZUNsaWNrKGUsIEVkaXRvckFjdGlvblR5cGVzLkJPTEQpIH0sIHsgY2hpbGRyZW46IF9qc3goQm9sZEljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogYWN0aXZlLkJPTERcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyBDT0xPUlMuY29udGVudC5zZWNvbmRhcnlcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiBDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlciB9KSB9KSkpLCAoYWN0aW9ucyA9PT0gbnVsbCB8fCBhY3Rpb25zID09PSB2b2lkIDAgPyB2b2lkIDAgOiBhY3Rpb25zLmluY2x1ZGVzKEVkaXRvckFjdGlvblR5cGVzLklUQUxJQykpICYmIChfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IG9uQ2xpY2s6IChlKSA9PiBoYW5kbGVDbGljayhlLCBFZGl0b3JBY3Rpb25UeXBlcy5JVEFMSUMpLCBhY3RpdmU6ICEhYWN0aXZlLklUQUxJQyB9LCB7IGNoaWxkcmVuOiBfanN4KEl0YWxpY0ljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogYWN0aXZlLklUQUxJQ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IENPTE9SUy5jb250ZW50LnBsYWNlaG9sZGVyIH0pIH0pKSksIChhY3Rpb25zID09PSBudWxsIHx8IGFjdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGlvbnMuaW5jbHVkZXMoRWRpdG9yQWN0aW9uVHlwZXMuU1RSSUtFVEhST1VHSCkpICYmIChfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IGFjdGl2ZTogISFhY3RpdmUuU1RSSUtFVEhST1VHSCwgc3R5bGU6IHsgYm9yZGVyUmlnaHQ6IDAgfSwgb25DbGljazogKGUpID0+IGhhbmRsZUNsaWNrKGUsIEVkaXRvckFjdGlvblR5cGVzLlNUUklLRVRIUk9VR0gpIH0sIHsgY2hpbGRyZW46IF9qc3goU3RyaWtlVGhyb3VnaEljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogYWN0aXZlLlNUUklLRVRIUk9VR0hcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyBDT0xPUlMuY29udGVudC5zZWNvbmRhcnlcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiBDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlciB9KSB9KSkpLCBfanN4KEN1c3RvbVJpZ2h0U2lkZUNvbnRhaW5lciwgeyBjaGlsZHJlbjogUmlnaHRDb21wb25lbnQgJiYgX2pzeChSaWdodENvbXBvbmVudCwge30pIH0pXSB9KSk7XHJcbn0pO1xyXG5XaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIuZGlzcGxheU5hbWUgPSAnV2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyJztcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9V2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyLmpzLm1hcCJdfQ== */",toString:B});var y;!function(I){I.BOLD="BOLD",I.ITALIC="ITALIC",I.STRIKETHROUGH="STRIKETHROUGH",I.EMOJI="EMOJI"}(y||(y={}));const m=l.forwardRef(((I,l)=>{let{onActionSelect:B,RightComponent:m,onEmojiClick:h,actions:k}=I;const v=G(null),[n,Y]=b({[y.BOLD]:!1,[y.ITALIC]:!1,[y.STRIKETHROUGH]:!1,[y.EMOJI]:!1}),N=A((()=>{Y((I=>Object.assign(Object.assign({},I),{[y.EMOJI]:!1})))}),[n]);function s(I,g){var c;null===(c=I.preventDefault)||void 0===c||c.call(I),g===y.EMOJI&&Y((I=>Object.assign(Object.assign({},I),{[y.EMOJI]:!n.EMOJI}))),B(g)}return d(v,(()=>{N()})),(null==k?void 0:k.length)||m?C(p,{children:[(null==k?void 0:k.includes(y.EMOJI))&&C(c,{children:[g(i,Object.assign({style:{marginLeft:0},active:!!n.EMOJI,onClick:I=>s(I,y.EMOJI)},{children:g(R,{width:16,height:16,color:n.EMOJI?Z.content.secondary:Z.content.placeholder})})),n.EMOJI&&g(H,Object.assign({ref:v},{children:g(V,{onEmojiClick:(I,g)=>{N(),null==h||h(g.emoji)}})}))]}),(null==k?void 0:k.includes(y.BOLD))&&g(i,Object.assign({active:!!n.BOLD,onClick:I=>s(I,y.BOLD)},{children:g(X,{width:10,height:17,color:n.BOLD?Z.content.secondary:Z.content.placeholder})})),(null==k?void 0:k.includes(y.ITALIC))&&g(i,Object.assign({onClick:I=>s(I,y.ITALIC),active:!!n.ITALIC},{children:g(W,{width:10,height:17,color:n.ITALIC?Z.content.secondary:Z.content.placeholder})})),(null==k?void 0:k.includes(y.STRIKETHROUGH))&&g(i,Object.assign({active:!!n.STRIKETHROUGH,style:{borderRight:0},onClick:I=>s(I,y.STRIKETHROUGH)},{children:g(a,{width:10,height:17,color:n.STRIKETHROUGH?Z.content.secondary:Z.content.placeholder})})),g(u,{children:m&&g(m,{})})]}):g(c,{})}));m.displayName="WhatsAppTextEditorHeader";export{y as EditorActionTypes,m as WhatsAppTextEditorHeader};

package/dist/esm/components/WhatsAppTextEditor/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './WhatsAppTextEditor';
2	+ export * from './WhatsAppTextEditorHeader';

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as l,useRef as n}from"react";import{ZeroState as i}from"../../../zeroState/ZeroState.js";import{useOutside as s}from"../../../../hooks/useOutside.js";import{iterateOnOptions as r}from"../utils/iterationOnOptions.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as u}from"./menu/FreeFormMenu.js";import{MenuList as a}from"./menu/MenuList.js";import{SelectAllMenu as p}from"./menu/SelectAllMenu.js";import d from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as m,MenuListContainer as f}from"./OpennedDropdown.styled.js";import{SearchBox as h}from"./searchbox/SearchBox.js";import{SearchZeroState as b}from"./searchbox/SearchZeroState.js";const g=304,j=290,S=S=>{let{options:v,isSearchable:O,isMultiSelect:y,width:x,allowFreeForm:w,height:F,onClose:M,onSelect:D}=S;const[A,B]=o(null!=v?v:[]);l((()=>{B(v)}),[JSON.stringify(v)]);const[C,H]=o(null!=x?x:j),[N,W]=o(""),[Z,k]=o(null),z=n(null);s(z,(()=>{k(null),null==M\|\|M()}));const E=null!=F?F:g,I="number"==typeof E?O&&y?E-96:O&&!y\|\|!O&&y?E-48:E:E;function J(e){if(y){const t=r(A,{selected:e.selected},(t=>t.value===e.value));B([...t])}else null==D\|\|D(e)}l((()=>{const e=null!=x?x:j;if(null===Z)H(e);else if("number"==typeof e)H(2e);else if("string"==typeof e&&e.endsWith("px")){const t=2parseInt(e.replace("px",""));H(t)}}),[Z]);const L=A.map((e=>{var t;if(N){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)\|\|void 0===t?void 0:t.includes(N))})),t.options.length>0?t:null}return(null===(t=e.label)\|\|void 0===t?void 0:t.includes(N))?e:null}return e})).filter((e=>null!==e)),T=!!O&&N&&0===L.length;return e(m,Object.assign({ref:z,style:{maxWidth:Z?800:400,width:C}},{children:[e("div",Object.assign({style:{width:Z?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!O&&t(h,{onSearch:function(e){W(e)}}),L.length\|\|N?e(f,Object.assign({minHeight:E,maxHeight:I},{children:[!!y&&!T&&t(p,{options:A,onSelect:function(e){if("selectAll"===e){const e=r(A,{selected:!0},(e=>!e.disabled));B([...e])}else if("notSelected"===e){const e=r(A,{selected:!1},(e=>!e.disabled));B([...e])}}}),!w&&T&&t(b,{searchedString:N}),w&&T&&t(u,{isMultiSelect:y,onSelect:function(e){if(!y)return void J({label:N,value:N,isFreeForm:!0,selected:!0});const t=A.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===N&&t.value===N?e:t.selected})));e&&(t.some((e=>e.label===N&&e.value===N))\|\|t.unshift({label:N,value:N,isFreeForm:!0,selected:!0})),B([...t])},searchedString:N}),t(a,{onSelect:J,showDescription:function(e,t){k(e&&t?{title:e,description:t}:null)},isMultiSelect:y,options:L})]})):t("div",Object.assign({style:{height:E,display:"flex"}},{children:t(i,{title:"No options passed",subTitle:"Sorry we could not find any options to show"})})),!!y&&!(!L.length&&!N)&&t(d,{onClear:function(){const e=r(A,{selected:!1});B([...e])},onApply:function(){const e=[];A.forEach((t=>{if(t.options){const o=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...o]}))}else t.selected&&e.push(Object.assign({},t))})),null==D\|\|D([...e])},list:A})]})),!!Z&&t(c,{title:Z.title,description:Z.description})]}))};export{S as OpenedDropdown};
1	+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as l,useRef as n}from"react";import{ZeroState as i}from"../../../zeroState/ZeroState.js";import{useOutside as s}from"../../../../hooks/useOutside.js";import{iterateOnOptions as r}from"../utils/iterationOnOptions.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as u}from"./menu/FreeFormMenu.js";import{MenuList as a}from"./menu/MenuList.js";import{SelectAllMenu as p}from"./menu/SelectAllMenu.js";import d from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as m,MenuListContainer as f}from"./OpennedDropdown.styled.js";import{SearchBox as h}from"./searchbox/SearchBox.js";import{SearchZeroState as b}from"./searchbox/SearchZeroState.js";const g=304,j=290,S=S=>{let{options:v,isSearchable:O,isMultiSelect:w,width:y,allowFreeForm:x,height:F,onClose:M,onSelect:C}=S;const[D,L]=o(null!=v?v:[]);l((()=>{L(v)}),[JSON.stringify(v)]);const[A,B]=o(null!=y?y:j),[H,N]=o(""),[W,Z]=o(null),k=n(null);s(k,(()=>{Z(null),null==M\|\|M()}));const z=null!=F?F:g,E="number"==typeof z?O&&w?z-96:O&&!w\|\|!O&&w?z-48:z:z;function I(e){if(w){const t=r(D,{selected:e.selected},(t=>t.value===e.value));L([...t])}else null==C\|\|C(e)}l((()=>{const e=null!=y?y:j;if(null===W)B(e);else if("number"==typeof e)B(2e);else if("string"==typeof e&&e.endsWith("px")){const t=2parseInt(e.replace("px",""));B(t)}}),[W]);const J=D.map((e=>{var t;if(H){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)\|\|void 0===t?void 0:t.toLowerCase().includes(H.toLowerCase()))})),t.options.length>0?t:null}return(null===(t=e.label)\|\|void 0===t?void 0:t.toLowerCase().includes(H.toLowerCase()))?e:null}return e})).filter((e=>null!==e)),T=!!O&&H&&0===J.length;return e(m,Object.assign({ref:k,style:{maxWidth:W?800:400,width:A}},{children:[e("div",Object.assign({style:{width:W?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!O&&t(h,{onSearch:function(e){N(e)}}),J.length\|\|H?e(f,Object.assign({minHeight:z,maxHeight:E},{children:[!!w&&!T&&t(p,{options:D,onSelect:function(e){if("selectAll"===e){const e=r(D,{selected:!0},(e=>!e.disabled));L([...e])}else if("notSelected"===e){const e=r(D,{selected:!1},(e=>!e.disabled));L([...e])}}}),!x&&T&&t(b,{searchedString:H}),x&&T&&t(u,{isMultiSelect:w,onSelect:function(e){if(!w)return void I({label:H,value:H,isFreeForm:!0,selected:!0});const t=D.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===H&&t.value===H?e:t.selected})));e&&(t.some((e=>e.label===H&&e.value===H))\|\|t.unshift({label:H,value:H,isFreeForm:!0,selected:!0})),L([...t])},searchedString:H}),t(a,{onSelect:I,showDescription:function(e,t){Z(e&&t?{title:e,description:t}:null)},isMultiSelect:w,options:J})]})):t("div",Object.assign({style:{height:z,display:"flex"}},{children:t(i,{title:"No options passed",subTitle:"Sorry we could not find any options to show"})})),!!w&&!(!J.length&&!H)&&t(d,{onClear:function(){const e=r(D,{selected:!1});L([...e])},onApply:function(){const e=[];D.forEach((t=>{if(t.options){const o=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...o]}))}else t.selected&&e.push(Object.assign({},t))})),null==C\|\|C([...e])},list:D})]})),!!W&&t(c,{title:W.title,description:W.description})]}))};export{S as OpenedDropdown};

package/dist/esm/components/template-context-mapper/modalElements/DesktopPreview.js CHANGED Viewed

@@ -1,20 +1,20 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import i from"styled-components";import{Spinner as o}from"../../spinner/Spinner.js";import{TemplatePreview as a}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import{COLORS as p}from"../../../constants/Theme.js";import{CHANNEL_TYPE as d}from"../../template-preview/models/Channels.js";const s=i.div`
-	background: ${p.surface.standard};
-	border: 1px solid ${p.stroke.primary};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import i from"styled-components";import{Spinner as p}from"../../spinner/Spinner.js";import{TemplatePreview as o}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{COLORS as a}from"../../../constants/Theme.js";import"../../template-preview/models/TemplateMeta.js";import{CHANNEL_TYPE as m}from"../../template-preview/models/Channels.js";const s=i.div`
+	background: ${a.surface.standard};
+	border: 1px solid ${a.stroke.primary};
 	border-radius: 8px;
 	overflow-y: auto;
 	/* max-height: 420px; */
 	scroll-behavior: smooth;
 	height: 100%;
-`,m=i.div`
+`,d=i.div`
 	padding: 18px 24px 12px;
 	display: flex;
 	gap: 4px;
 	border-bottom-width: 1px;
-	border-bottom-color: ${p.stroke.primary};
+	border-bottom-color: ${a.stroke.primary};
 `,l=i.div`
 	width: 6px;
 	height: 6px;
 	background: #d9d9d9;
 	border-radius: 3px;
-`,n=r.forwardRef(((r,i)=>{let{display_content:p}=r;return e(s,Object.assign({ref:i},{children:[e(m,{children:[t(l,{}),t(l,{}),t(l,{})]}),t("div",{children:p?t(a,{channel:d.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:p,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{width:584,height:441},templateContainerStyles:{height:"100%"}}}):t("div",Object.assign({style:{padding:20}},{children:t(o,{size:"small"})}))})]}))}));n.displayName="DesktopPreview";export{n as default};
+`,n=r.forwardRef(((r,i)=>{let{display_content:a}=r;return e(s,Object.assign({ref:i},{children:[e(d,{children:[t(l,{}),t(l,{}),t(l,{})]}),t("div",{children:a?t(o,{channel:m.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:a,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{width:584,height:441},templateContainerStyles:{height:"100%"}}}):t("div",Object.assign({style:{padding:20}},{children:t(p,{size:"small"})}))})]}))}));n.displayName="DesktopPreview";export{n as default};

package/dist/esm/components/template-context-mapper/modalElements/MobilePreview.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import i from"react";import a from"styled-components";import{TemplatePreview as o}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../../constants/Theme.js";import{CHANNEL_TYPE as r}from"../../template-preview/models/Channels.js";const p=a.div`
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import i from"react";import a from"styled-components";import{TemplatePreview as o}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../constants/Theme.js";import"../../template-preview/models/TemplateMeta.js";import{CHANNEL_TYPE as r}from"../../template-preview/models/Channels.js";const p=a.div`
 	position: relative;
 	height: 100%;
 	border-radius: 31px;
@@ -17,4 +17,4 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import i from"react";import a
 	height: calc(100% - 17px);
 	border-radius: 16px;
 	overflow-y: auto;
-`,s=i.forwardRef(((i,a)=>{let{display_content:s,channel:n,template:m}=i;return e("div",{children:t(p,Object.assign({channel:n},{children:[e("img",{alt:"",src:"https://firebasestorage.googleapis.com/v0/b/staging-bikayi.appspot.com/o/bik%2FkNwEVoGlLpVjOsXoO1M8WgvWicP2%2F6f07b850-8b4b-4d58-96cc-8ba6df7b4e4a-Device___Frame.jpg?alt=media&token=253f1bfe-8481-4f54-bdef-3c0a73697d6a",style:{width:n===r.WHATSAPP?236:213,height:443}}),e(l,Object.assign({ref:a},{children:e(o,{template:m,channel:n,smsSpecificMeta:{smsDisplayContent:s},whatsAppSpecificMeta:{showWhatsAppHeader:!0,whatsAppExtras:!0,containerStyle:{border:"none",borderBottomRightRadius:0,borderBottomLeftRadius:0,minHeight:426}},size:"small",hideHeader:!0,emailSpecificMeta:{emailDisplayContent:s,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_mobile",containerStyle:{height:"100%"},templateContainerStyles:{height:"100%"}}})}))]}))})}));s.displayName="MobilePreview";export{s as default};
+`,s=i.forwardRef(((i,a)=>{let{display_content:s,channel:m,template:n}=i;return e("div",{children:t(p,Object.assign({channel:m},{children:[e("img",{alt:"",src:"https://firebasestorage.googleapis.com/v0/b/staging-bikayi.appspot.com/o/bik%2FkNwEVoGlLpVjOsXoO1M8WgvWicP2%2F6f07b850-8b4b-4d58-96cc-8ba6df7b4e4a-Device___Frame.jpg?alt=media&token=253f1bfe-8481-4f54-bdef-3c0a73697d6a",style:{width:m===r.WHATSAPP?236:213,height:443}}),e(l,Object.assign({ref:a},{children:e(o,{template:n,channel:m,smsSpecificMeta:{smsDisplayContent:s},whatsAppSpecificMeta:{showWhatsAppHeader:!0,whatsAppExtras:!0,containerStyle:{border:"none",borderBottomRightRadius:0,borderBottomLeftRadius:0,minHeight:426}},size:"small",hideHeader:!0,emailSpecificMeta:{emailDisplayContent:s,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_mobile",containerStyle:{height:"100%"},templateContainerStyles:{height:"100%"}}})}))]}))})}));s.displayName="MobilePreview";export{s as default};

package/dist/esm/components/template-preview/WhatsApp/ChatBtn.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Caption as r,BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";import{ChatBtnContainer as c}from"./ChatUI.style.js";const i=i=>{let{Icon:l,text:s,extraContent:a,placeholder:p,textTypography:h,size:m}=i;const d=h\|\|n;return e(c,{children:t("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[l&&e(l,{color:o.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e(d,Object.assign({style:{color:o.special.brand.facebook,textAlign:"center",fontSize:"small"===m?12:14}},{children:s}))]})),!!a&&e(r,Object.assign({style:{marginTop:2,color:o.content.placeholder}},{children:p?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(p):a}))]}))})};export{i as ChatBtn};
1	+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Caption as r,BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";import{ChatBtnContainer as i}from"./ChatUI.style.js";const l=l=>{let{Icon:c,text:s,extraContent:a,placeholder:p,textTypography:h,size:d}=l;const f=h\|\|n;return e(i,{children:t("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[c&&e(c,{color:o.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e(f,Object.assign({style:{color:o.special.brand.facebook,textAlign:"center",fontSize:"small"===d?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:s}))]})),!!a&&e(r,Object.assign({style:{marginTop:2,color:o.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:p?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(p):a}))]}))})};export{l as ChatBtn};

package/dist/esm/components/template-preview/WhatsApp/ChatUI.js CHANGED Viewed

@@ -4,4 +4,4 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import r from"..
 	height: 8px;
 	left: -8px;
 	top: -9px;
-`,u=n=>{const{bodyText:u,footerText:S,headerMediaType:N,headerText:A,headerAssetLink:M,headerAssetName:C,quickReplybtn:L,ctaBtn:k,actionTypes:z,textType:B,extras:E,showHeader:I,imagePreviewStyles:R,size:W}=n,H=new c,_=a((()=>({color:l.content.primary,margin:12,fontSize:I?h.caption.fontSize:h.bodySecondary.fontSize,fontWeight:h.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e(x,{children:[t(w,{children:t(r,{color:"white",height:8,width:8})}),N===f.TEXT?t(b,{bold:!0,text:A}):N!==f.NONE?t(v,{headerAssetLink:M,headerAssetName:C,mediaType:N,imagePreviewStyles:N===f.IMAGE?R:{}}):t(o,{}),!!u&&t(o,{children:"html"===B?t("div",{className:"richTextEditor",style:_,dangerouslySetInnerHTML:{__html:H.convertToHTML(u)}}):t(p,{children:u})}),e(g,{children:[t(m,Object.assign({body:null!=S?S:"",placement:"top"},{children:t(j,Object.assign({style:{flex:1}},{children:S}))})),t(j,{children:"16:48"})]}),z===y.QUICK_REPLY?t("div",{children:null==L?void 0:L.map(((e,o)=>t(T,{text:e.text},o)))}):z===y.CTA_BTN?t("div",{children:null==k?void 0:k.map(((e,o)=>t(T,{textTypography:I?d:p,extraContent:E?e.extra:void 0,placeholder:e.placeholder,text:e.text,Icon:"phoneNumber"===e.type?i:s,size:W},o)))}):t(o,{})]})};export{u as default};
+`,u=n=>{const{bodyText:u,footerText:S,headerMediaType:N,headerText:A,headerAssetLink:M,headerAssetName:C,quickReplybtn:L,ctaBtn:k,actionTypes:z,textType:B,extras:E,showHeader:I,imagePreviewStyles:R,size:W,children:H}=n,_=new c,O=a((()=>({color:l.content.primary,margin:12,fontSize:I?h.caption.fontSize:h.bodySecondary.fontSize,fontWeight:h.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e(x,{children:[t(w,{children:t(r,{color:"white",height:8,width:8})}),N===f.TEXT?t(b,{bold:!0,text:A}):N!==f.NONE?t(v,{headerAssetLink:M,headerAssetName:C,mediaType:N,imagePreviewStyles:N===f.IMAGE?R:{}}):t(o,{}),!!u&&t(o,{children:t(o,H?{children:H}:{children:"html"===B?t("div",{className:"richTextEditor",style:O,dangerouslySetInnerHTML:{__html:_.convertToHTML(u)}}):t(p,{children:u})})}),e(g,{children:[t(m,Object.assign({body:null!=S?S:"",placement:"top"},{children:t(j,Object.assign({style:{flex:1}},{children:S}))})),t(j,{children:"16:48"})]}),z===y.QUICK_REPLY?t("div",{children:null==L?void 0:L.map(((e,o)=>t(T,{text:e.text},o)))}):z===y.CTA_BTN?t("div",{children:null==k?void 0:k.map(((e,o)=>t(T,{textTypography:I?d:p,extraContent:E?e.extra:void 0,placeholder:e.placeholder,text:e.text,Icon:"phoneNumber"===e.type?i:s,size:W},o)))}):t(o,{})]})};export{u as default};

package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';
+export declare const ChatUIV2: (props: WhatsappLikePreviewTypes) => JSX.Element;

package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.js ADDED Viewed

@@ -0,0 +1,19 @@
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import r from"../../../assets/icons/halfRectangle.svg.js";import i from"../../../assets/icons/phone.svg.js";import s from"../../../assets/icons/RedirectToNew.svg.js";import a from"styled-components";import{Tooltip as n}from"../../tooltips/Tooltip.js";import{Caption as p,BodySecondary as l}from"../../TypographyStyle.js";import{COLORS as m}from"../../../constants/Theme.js";import{VariableEditorHelper as d}from"../helpers/VariableEditorHelper.js";import{HEADER_TYPES as h,ACTIONS_TYPES as c}from"../models/TemplateMeta.js";import{ChatBtn as f}from"./ChatBtn.js";import{Container as x,FooterWrapper as y,TimeStamp as g}from"./ChatUI.style.js";import{MediaCard as T}from"./MediaCard.js";const j=a.div`
+	position: absolute;
+	width: 8px;
+	height: 8px;
+	left: -8px;
+	top: -9px;
+`,b=a.div`
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 400;
+	font-size: 14px;
+	line-height: 20px;
+	padding: 8px 12px 0px;
+	color: ${m.content.primary};
+	word-wrap: break-word;
+`,w=a(b)`
+	font-weight: 600;
+	margin-bottom: 8px;
+`,v=new d,u=a=>{const{bodyText:m,footerText:d,headerMediaType:u,headerText:I,headerAssetLink:L,headerAssetName:N,quickReplybtn:A,ctaBtn:C,actionTypes:M,extras:_,showHeader:E,imagePreviewStyles:S,size:k,bodyVariableList:H,headerVariableList:R}=a,z=v.format(m,H),B=v.format(I,R);return e(x,{children:[t(j,{children:t(r,{color:"white",height:8,width:8})}),u===h.TEXT?t(w,{dangerouslySetInnerHTML:{__html:B}}):u!==h.NONE?t(T,{headerAssetLink:L,headerAssetName:N,mediaType:u,imagePreviewStyles:u===h.IMAGE?S:{}}):t(o,{}),!!m&&t(o,{children:t(b,{dangerouslySetInnerHTML:{__html:z}})}),e(y,{children:[t(n,Object.assign({body:null!=d?d:"",placement:"top"},{children:t(g,Object.assign({style:{flex:1}},{children:d}))})),t(g,{children:"16:48"})]}),M===c.QUICK_REPLY?t("div",{children:null==A?void 0:A.map(((e,o)=>t(f,{text:e.text},o)))}):M===c.CTA_BTN?t("div",{children:null==C?void 0:C.map(((e,o)=>t(f,{textTypography:E?p:l,extraContent:_?e.extra:void 0,placeholder:e.placeholder,text:e.text,Icon:"phoneNumber"===e.type?i:s,size:k},o)))}):t(o,{})]})};export{u as ChatUIV2};

package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from 'react';
+import { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';
+export declare const WhatsappLikePreviewV2: React.FC<WhatsappLikePreviewTypes>;

package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js ADDED Viewed

@@ -0,0 +1,12 @@
+import{jsx as e,Fragment as r,jsxs as o}from"react/jsx-runtime";import t from"styled-components";import{TitleRegular as i}from"../../TypographyStyle.js";import{COLORS as a}from"../../../constants/Theme.js";import{getPreviewPropLen as s}from"../utils/getPreviewPropLen.js";import n from"./ChatHeader.js";import{ChatUIV2 as d}from"./ChatUiV2.js";const p=t.div`
+	background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
+	border: ${e=>e.showHeader?0:1}px solid
+		${a.stroke.primary};
+	border-radius: 4px;
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: cover;
+	position: relative;
+`,m=t(i)`
+	color: ${a.content.primary};
+`,c=t=>{const i=s(t);return e(r,3===i?{children:t.zeroStateComponent}:{children:o(p,Object.assign({style:t.containerStyle,showHeader:t.showHeader},{children:[t.showHeader&&e(n,{}),o("div",Object.assign({style:{padding:"small"===t.size?"12px 32px 12px 12px":"16px 56px 12px 16px"}},{children:[!t.hidePreviewText&&e("div",Object.assign({style:{marginBottom:16}},{children:e(m,{children:"Preview"})})),e(d,Object.assign({showHeader:t.showHeader},t))]}))]}))})};export{c as WhatsappLikePreviewV2};

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

	@@ -1 +1 @@
1	- import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useState as l,useEffect as o}from"react";import{TemplateCreatorHelper as n}from"./helpers/TemplateCreatorHelper.js";import{HEADER_TYPES as i}from"./models/TemplateMeta.js";import{TemplateHelperUtils as a}from"./utils/TemplateHelperUtils.js";import{WhatsappLikePreview as r}from"./WhatsApp/WhatsAppLikePreview.js";const d=d=>{let{template:p,extras:s,containerStyle:u,usePlaceHolderName:v,showHeader:m,zeroStateComponent:h,size:c}=d;var x,b,T,y,B,w,k,f,N,j,L,A,V,C,H,P;const[S,g]=l(),F=new n,O=new a,z=[];return(null===(b=null===(x=null==S?void 0:S.ctaBtn)\|\|void 0===x?void 0:x.phoneNumber)\|\|void 0===b?void 0:b.isChecked)&&z.push({type:"phoneNumber",text:null!==(T=S.ctaBtn.phoneNumber.btnText)&&void 0!==T?T:"",extra:null!==(y=S.ctaBtn.phoneNumber.phoneNumber)&&void 0!==y?y:""}),(null===(w=null===(B=null==S?void 0:S.ctaBtn)\|\|void 0===B?void 0:B.websiteLinkBtn)\|\|void 0===w?void 0:w.isChecked)&&z.push({type:"website",text:null!==(k=S.ctaBtn.websiteLinkBtn.btnText)&&void 0!==k?k:"",extra:null!==(N=null===(f=S.ctaBtn.websiteLinkBtn)\|\|void 0===f?void 0:f.linkOpens)&&void 0!==N?N:"",placeholder:null!==(j=S.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==j?j:""}),o((()=>{p&&F.parseUITemplateFromDBFormat(p).then((e=>{g(Object.assign({},e))}))}),[p]),p?e(r,{showHeader:m,containerPadding:"large"===c?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:u,textType:"html",bodyText:O.whatsappOnlyFillVariablesValueInBodyText(null!==(L=null==S?void 0:S.bodyText)&&void 0!==L?L:"",null!==(A=null==S?void 0:S.bodyVariables)&&void 0!==A?A:[],v),footerText:null==S?void 0:S.footerText,headerMediaType:(null==S?void 0:S.headerType)\|\|i.NONE,headerText:O.fillVariablesValInBodyText(null!==(V=null==S?void 0:S.headerText)&&void 0!==V?V:"",null!==(C=null==S?void 0:S.headerVariables)&&void 0!==C?C:[],v),headerAssetLink:null!==(H=null==S?void 0:S.headerAssetLink)&&void 0!==H?H:"",headerAssetName:null!==(P=null==S?void 0:S.headerAssetName)&&void 0!==P?P:"",quickReplybtn:null==S?void 0:S.quickReply,ctaBtn:z,actionTypes:null==S?void 0:S.actionsType,extras:s,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=h?h:e(t,{children:" "})}):e(t,{children:h})};export{d as default};
1	+ import{jsx as e,Fragment as l}from"react/jsx-runtime";import{useState as t,useEffect as i}from"react";import{TemplateCreatorHelper as a}from"./helpers/TemplateCreatorHelper.js";import{HEADER_TYPES as o}from"./models/TemplateMeta.js";import{TemplateHelperUtils as n}from"./utils/TemplateHelperUtils.js";import{WhatsappLikePreview as r}from"./WhatsApp/WhatsAppLikePreview.js";import{WhatsappLikePreviewV2 as d}from"./WhatsApp/WhatsAppLikePreviewV2.js";const p=p=>{let{template:v,extras:s,containerStyle:u,usePlaceHolderName:h,showHeader:m,zeroStateComponent:x,size:c}=p;var b,T,y,N,k,w,B,f,V,A,L,j,P,C,S,g,H,F,O,q,z,R;const[U,W]=t(),I=new a,M=new n,E=[];return(null===(T=null===(b=null==U?void 0:U.ctaBtn)\|\|void 0===b?void 0:b.phoneNumber)\|\|void 0===T?void 0:T.isChecked)&&E.push({type:"phoneNumber",text:null!==(y=U.ctaBtn.phoneNumber.btnText)&&void 0!==y?y:"",extra:null!==(N=U.ctaBtn.phoneNumber.phoneNumber)&&void 0!==N?N:""}),(null===(w=null===(k=null==U?void 0:U.ctaBtn)\|\|void 0===k?void 0:k.websiteLinkBtn)\|\|void 0===w?void 0:w.isChecked)&&E.push({type:"website",text:null!==(B=U.ctaBtn.websiteLinkBtn.btnText)&&void 0!==B?B:"",extra:null!==(V=null===(f=U.ctaBtn.websiteLinkBtn)\|\|void 0===f?void 0:f.linkOpens)&&void 0!==V?V:"",placeholder:null!==(A=U.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==A?A:""}),i((()=>{v&&I.parseUITemplateFromDBFormat(v,!1,!v.htmlContentUrl).then((e=>{W(Object.assign({},e))}))}),[v]),v?v.htmlContentUrl?e(r,{showHeader:m,containerPadding:"large"===c?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:u,textType:"html",bodyText:M.whatsappOnlyFillVariablesValueInBodyText(null!==(H=null==U?void 0:U.bodyText)&&void 0!==H?H:"",null!==(F=null==U?void 0:U.bodyVariables)&&void 0!==F?F:[],h),footerText:null==U?void 0:U.footerText,headerMediaType:(null==U?void 0:U.headerType)\|\|o.NONE,headerText:M.fillVariablesValInBodyText(null!==(O=null==U?void 0:U.headerText)&&void 0!==O?O:"",null!==(q=null==U?void 0:U.headerVariables)&&void 0!==q?q:[],h),headerAssetLink:null!==(z=null==U?void 0:U.headerAssetLink)&&void 0!==z?z:"",headerAssetName:null!==(R=null==U?void 0:U.headerAssetName)&&void 0!==R?R:"",quickReplybtn:null==U?void 0:U.quickReply,ctaBtn:E,actionTypes:null==U?void 0:U.actionsType,extras:s,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=x?x:e(l,{children:" "})}):e(d,{showHeader:m,containerPadding:"large"===c?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:u,textType:"html",bodyText:null==U?void 0:U.bodyText,footerText:null==U?void 0:U.footerText,headerMediaType:(null==U?void 0:U.headerType)\|\|o.NONE,headerText:null==U?void 0:U.headerText,headerAssetLink:null!==(L=null==U?void 0:U.headerAssetLink)&&void 0!==L?L:"",headerAssetName:null!==(j=null==U?void 0:U.headerAssetName)&&void 0!==j?j:"",quickReplybtn:null==U?void 0:U.quickReply,ctaBtn:E,actionTypes:null==U?void 0:U.actionsType,extras:s,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=x?x:e(l,{children:" "}),bodyVariableList:null!==(C=null===(P=null==U?void 0:U.bodyVariables)\|\|void 0===P?void 0:P.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==C?C:[],headerVariableList:null!==(g=null===(S=null==U?void 0:U.headerVariables)\|\|void 0===S?void 0:S.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==g?g:[]}):e(l,{children:x})};export{p as default};

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

@@ -12,5 +12,5 @@ export declare class TemplateCreatorHelper {
     private parseBodyComponent;
     private parseFooterComponent;
     private parseButtonComponent;
-    parseUITemplateFromDBFormat(dbFormattedTemplate: WhatsAppTemplate, isDuplicate?: boolean): Promise<CreateTemplateType>;
+    parseUITemplateFromDBFormat(dbFormattedTemplate: WhatsAppTemplate, isDuplicate?: boolean, isV2?: boolean): Promise<CreateTemplateType>;
 }

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

	@@ -1 +1 @@
1	- import{__awaiter as e}from"../../../_virtual/_tslib.js";import{COLORS as t}from"../../../constants/Theme.js";import{specialCharPattern as n,placeHolderNamePattern as i,editableVarPattern as o}from"../constants/regexPatterns.js";import{REQUIRED_FIELD as l,NAME_LEN_LIMIT as a,NAME_LEN_ERROR as d,NO_SPECIAL_CHAR as r,HEADER_TEXT_LEN_LIMIT as v,HEADER_LEN_ERROR as s,ONE_VAR_ALLOWED as u,HEADER_ASSET_LINK_ERROR as p,BODY_TEXT_LEN_LIMIT as c,BODY_LEN_ERROR as m,QUICK_REPLY_BTN_TEXT_LIMIT as b,QUICK_REPLY_LEN_ERROR as h,BUTTON_EMOJI_ERROR as T,VALID_PHONE_NUMBER as y,QUICK_REPLY_NAME_LEN_LIMIT as B,CREATE_TEMPLATE_DOM_IDS as x,QUICK_REPLY_NAME_ERROR as f}from"../constants/TemplateConstants.js";import{HEADER_TYPES as k,ACTIONS_TYPES as N}from"../models/TemplateMeta.js";import{TemplateHelperUtils as C}from"../utils/TemplateHelperUtils.js";class g{parseDataFromHeaderComponent(e){var t,n,i,o,l,a,d;const r={headerType:k.NONE,headerVariables:[]},v=null===(t=e.components)\|\|void 0===t?void 0:t.find((e=>"HEADER"===e.type));if(v){r.headerType=v.format,r.headerText=v.text,r.headerAssetLink=null===(i=null===(n=v.example)\|\|void 0===n?void 0:n.header_handle)\|\|void 0===i?void 0:i[0];const t=null===(l=null===(o=v.example)\|\|void 0===o?void 0:o.header_text)\|\|void 0===l?void 0:l[0],s=null===(d=null===(a=e.mapping)\|\|void 0===a?void 0:a.header)\|\|void 0===d?void 0:d[0];if(t&&s){const e=/\(\(/.test(s),n={idx:0,variableVal:t,editable:e,editableDefaultValues:e?void 0:t,variableName:s};r.headerVariables=[n]}}return r}validateState(e){var t,i,o,g,L,E,R,w,_,A,V,I,D,U,O,q,F,j,P,Y,K;const M=/\p{Extended_Pictographic}/u;let Q="valid";const H={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},S=new C;let ~~$=!~~1;const G=e=>{var t;null===(t=document.getElementById(e))\|\|void 0===t\|\|t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)\|\|void 0===t?void 0:t.name)?e.meta.name.trim().length>a?(H.meta.name=d,Q="invalid"):n.test(e.meta.name.trim())&&(H.meta.name=r,Q="invalid"):(H.meta.name=l,Q="invalid"),H.meta.name~~&&!$&&~~(G(x.name)~~,$=!~~0),e.headerType===k.TEXT){const t=null!==(o=null===(i=e.headerText)\|\|void 0===i?void 0:i.trim())&&void 0!==o?o:"";if(t)if(t.length>v)H.header=s,Q="invalid";else{const e=S.getTemplateVariablesFromState(t);e&&e.length>1&&(H.header=u,Q="invalid")}else H.header=l,Q="invalid"}else e.headerType===k.DOCUMENT\|\|e.headerType===k.IMAGE\|\|(e.headerType,k.VIDEO);if(e.headerType!==k.DOCUMENT&&e.headerType!==k.IMAGE&&e.headerType!==k.VIDEO\|\|e.headerAssetLink\|\|(H.header=p,Q="invalid"),H.header~~&&!$&&~~(G(x.header)~~,$=!~~0),e.bodyText?e.bodyTextRaw&&(null===(g=e.bodyTextRaw)\|\|void 0===g?void 0:g.trim().length)>c&&(H.body=m,Q="invalid"):(H.body=l,Q="invalid"),H.body~~&&!$&&~~(G(x.body)~~,$=!~~0),e.footerText&&e.footerText.length>v&&(H.footer=s,Q="invalid"),(null==H?void 0:H.footer)~~&&!$&&~~(G(x.footer)~~,$=!~~0),e.actionsType===N.CTA_BTN){if(null===(E=null===(L=e.ctaBtn)\|\|void 0===L?void 0:L.phoneNumber)\|\|void 0===E?void 0:E.isChecked){const t=null===(R=e.ctaBtn.phoneNumber.btnText)\|\|void 0===R?void 0:R.trim(),n=e.ctaBtn.phoneNumber.phoneNumber;H.ctaBtn&&!t?(H.ctaBtn.phoneNumber.btnText=l,Q="invalid"):H.ctaBtn&&t&&t.length>b?(H.ctaBtn.phoneNumber.btnText=h,Q="invalid"):H.ctaBtn&&t&&M.test(t)&&(H.ctaBtn.phoneNumber.btnText=T,Q="invalid"),H.ctaBtn&&!n?(H.ctaBtn.phoneNumber.link=l,Q="invalid"):H.ctaBtn&&n&&n.length<10&&(H.ctaBtn.phoneNumber.link=y,Q="invalid")}if(null===(_=null===(w=e.ctaBtn)\|\|void 0===w?void 0:w.websiteLinkBtn)\|\|void 0===_?void 0:_.isChecked){const t=null===(A=e.ctaBtn.websiteLinkBtn.btnText)\|\|void 0===A?void 0:A.trim(),n=null===(V=e.ctaBtn.websiteLinkBtn.linkOpens)\|\|void 0===V?void 0:V.trim(),i=null===(I=e.ctaBtn.websiteLinkBtn.placeholder)\|\|void 0===I?void 0:I.trim();H.ctaBtn&&!t?(H.ctaBtn.websiteLink.btnText=l,Q="invalid"):H.ctaBtn&&t&&t.length>b?(H.ctaBtn.websiteLink.btnText=h,Q="invalid"):H.ctaBtn&&t&&M.test(t)&&(H.ctaBtn.websiteLink.btnText=T,Q="invalid"),!H.ctaBtn\|\|n\|\|i\|\|(H.ctaBtn.websiteLink.link=l,Q="invalid")}}else if(e.actionsType===N.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((n,i)=>{const o=n.text.trim();if(o)if(o.length>B)t[i]=h,Q="invalid";else if(M.test(o))t[i]=T,Q="invalid";else{const n=[...e.quickReply];n.splice(i,1);n.find((e=>e.text===o))&&(t[i]=f,Q="invalid")}else t[i]=l,Q="invalid"})),H.quickReply=t}if(e.actionsType===N.CTA_BTN\|\|e.actionsType===N.QUICK_REPLY){const e=null===(D=H.quickReply)\|\|void 0===D?void 0:D.reduce(((e,t)=>e\|\|!!t),!1);((null===(O=null===(U=null==H?void 0:H.ctaBtn)\|\|void 0===U?void 0:U.websiteLink)\|\|void 0===O?void 0:O.link)\|\|(null===(F=null===(q=H.ctaBtn)\|\|void 0===q?void 0:q.websiteLink)\|\|void 0===F?void 0:F.btnText)\|\|(null===(P=null===(j=H.ctaBtn)\|\|void 0===j?void 0:j.phoneNumber)\|\|void 0===P?void 0:P.link)\|\|(null===(K=null===(~~Y=H~~.ctaBtn)\|\|void 0~~===Y?~~void 0~~:Y.~~phoneNumber)\|\|void 0===K?void 0:K.btnText)\|\|e)~~&&!$&&~~(G(x.actionButtons)~~,$=!~~0)}return{status:Q,errors:H}}parseBodyComponent(e){var n,o,l,a,d;const r=[];let v="";const s=null===(n=e.components)\|\|void 0===n?void 0:n.find((e=>"BODY"===e.type));return s&&(null===(l=null===(o=s.example)\|\|void 0===o?void 0:o.body_text)\|\|void 0===l\|\|l[0].forEach(((t,n)=>{var o,l;let a=null===(l=null===(o=e.mapping)\|\|void 0===o?void 0:o.body)\|\|void 0===l?void 0:l[n];const d=a&&/\(\(/.test(a),v=null==a?void 0:a.match(i);(null==v?void 0:v[2])&&(a=null==v?void 0:v[2]),r.push({idx:n,variableVal:t,editable:!!d,editableDefaultValues:d?void 0:t,variableName:null!=a?a:""})})),v=e.htmlContentUrl?e.htmlContentUrl:(null===(a=s.text)\|\|void 0===a?void 0:a.split(/\{\{[0-9]+\}\}/).length)?null===(d=s.text)\|\|void 0===d?void 0:d.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==r?void 0:r[n]){const i=r[n].variableName;return`${e} <span> </span><span style="color: ${t.content.brand}; text-decoration: underline;">{{${i}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:r,bodyText:v}}parseFooterComponent(e){var t;const n=null===(t=e.components)\|\|void 0===t?void 0:t.find((e=>"FOOTER"===e.type));return null==n?void 0:n.text}parseButtonComponent(e){var t,n,i,l,a,d;const r={actionsType:N.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0}},v=null===(t=e.components)\|\|void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(v&&(null===(n=null==v?void 0:v.buttons)\|\|void 0===n?void 0:n.length)){const t="QUICK_REPLY"===(null===(i=null==v?void 0:v.buttons)\|\|void 0===i?void 0:i[0].type)?N.QUICK_REPLY:N.CTA_BTN;if(r.actionsType=t,t===N.QUICK_REPLY){const e=null!==(a=null===(l=null==v?void 0:v.buttons)\|\|void 0===l?void 0:l.map((e=>e)))&&void 0!==a?a:[];return r.quickReply=e,r}t===N.CTA_BTN&&(null===(d=null==v?void 0:v.buttons)\|\|void 0===d\|\|d.forEach((t=>{var n,i,l,a;if(t.phone_number&&(r.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(l=null===(i=null===(n=null==e?void 0:e.mapping)\|\|void 0===n?void 0:n.buttons)\|\|void 0===i?void 0:i[0])&&void 0!==l?l:void 0;let v=!1;d&&o.test(d)&&(v=!0),r.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:v?null===(a=t.example)\|\|void 0===a?void 0:a[0]:t.url,placeholder:v?void 0:d}}})))}return r}parseUITemplateFromDBFormat(t,n){~~var~~ i;return e(this,void 0,void 0,(function*(){const{headerType:e,headerAssetLink:o,headerAssetName:l,headerText:a,headerVariables:d}=yield this.parseDataFromHeaderComponent(t),{bodyText:r,bodyVariable:v}=yield this.parseBodyComponent(t),{actionsType:s,quickReply:u,ctaBtn:p}=yield this.parseButtonComponent(t),c={quickReply:u,ctaBtn:p,meta:{name:n?`${t.label} Copy`:t.label,category:null===(i=t.category)\|\|void 0===i?void 0:i.toUpperCase(),subCategory:t.templateCategory,language:t.language,templateId:t.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:s,footerText:this.parseFooterComponent(t),bodyVariables:v,bodyText:r,headerType:e,headerAssetLink:o,headerAssetName:l,headerText:a,headerVariables:d,alreadyAsADraft:t.isDraft,mode:"edit",initialLoading:!1},{errors:m}=this.validateState(c);return c.error=m,c}))}}export{g as TemplateCreatorHelper};
1	+ import{__awaiter as e}from"../../../_virtual/_tslib.js";import{COLORS as t}from"../../../constants/Theme.js";import{specialCharPattern as n,placeHolderNamePattern as i,editableVarPattern as o}from"../constants/regexPatterns.js";import{REQUIRED_FIELD as l,NAME_LEN_LIMIT as a,NAME_LEN_ERROR as d,NO_SPECIAL_CHAR as r,HEADER_TEXT_LEN_LIMIT as v,HEADER_LEN_ERROR as s,ONE_VAR_ALLOWED as u,HEADER_ASSET_LINK_ERROR as p,BODY_TEXT_LEN_LIMIT as c,BODY_LEN_ERROR as m,QUICK_REPLY_BTN_TEXT_LIMIT as h,QUICK_REPLY_LEN_ERROR as b,BUTTON_EMOJI_ERROR as T,VALID_PHONE_NUMBER as y,QUICK_REPLY_NAME_LEN_LIMIT as B,CREATE_TEMPLATE_DOM_IDS as x,QUICK_REPLY_NAME_ERROR as f}from"../constants/TemplateConstants.js";import{HEADER_TYPES as k,ACTIONS_TYPES as N}from"../models/TemplateMeta.js";import{TemplateHelperUtils as g}from"../utils/TemplateHelperUtils.js";class C{parseDataFromHeaderComponent(e){var t,n,i,o,l,a,d,r,v,s;const u={headerType:k.NONE,headerVariables:[]},p=null===(t=e.components)\|\|void 0===t?void 0:t.find((e=>"HEADER"===e.type));if(p){u.headerType=p.format,u.headerText=p.text,u.headerAssetLink=null===(i=null===(n=p.example)\|\|void 0===n?void 0:n.header_handle)\|\|void 0===i?void 0:i[0];const t=null===(l=null===(o=p.example)\|\|void 0===o?void 0:o.header_text)\|\|void 0===l?void 0:l[0],c=null===(d=null===(a=e.mapping)\|\|void 0===a?void 0:a.header)\|\|void 0===d?void 0:d[0];if(t&&c){const e=null==c?void 0:c.replace("[[","").replace("]]","").replace("((","").replace("))",""),n=/\(\(/.test(c),i={idx:0,variableVal:t,editable:n,editableDefaultValues:n?void 0:t,variableName:e};u.headerVariables=[i],(null===(v=null===(r=p.example)\|\|void 0===r?void 0:r.header_text)\|\|void 0===v?void 0:v.length)&&(u.headerText=null===(s=u.headerText)\|\|void 0===s?void 0:s.replace("{{1}}",`{{${e}}}`))}}return u}validateState(e){var t,i,o,C,L,E,R,_,w,A,V,I,D,U,O,q,F,j,P,$,Y;const K=/\p{Extended_Pictographic}/u;let M="valid";const Q={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},H=new g;let S=!1;const G=e=>{var t;null===(t=document.getElementById(e))\|\|void 0===t\|\|t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)\|\|void 0===t?void 0:t.name)?e.meta.name.trim().length>a?(Q.meta.name=d,M="invalid"):n.test(e.meta.name.trim())&&(Q.meta.name=r,M="invalid"):(Q.meta.name=l,M="invalid"),Q.meta.name&&!S&&(G(x.name),S=!0),e.headerType===k.TEXT){const t=null!==(o=null===(i=e.headerText)\|\|void 0===i?void 0:i.trim())&&void 0!==o?o:"";if(t)if(t.length>v)Q.header=s,M="invalid";else{const e=H.getTemplateVariablesFromState(t);e&&e.length>1&&(Q.header=u,M="invalid")}else Q.header=l,M="invalid"}else e.headerType===k.DOCUMENT\|\|e.headerType===k.IMAGE\|\|(e.headerType,k.VIDEO);if(e.headerType!==k.DOCUMENT&&e.headerType!==k.IMAGE&&e.headerType!==k.VIDEO\|\|e.headerAssetLink\|\|(Q.header=p,M="invalid"),Q.header&&!S&&(G(x.header),S=!0),e.bodyText?e.bodyTextRaw&&(null===(C=e.bodyTextRaw)\|\|void 0===C?void 0:C.trim().length)>c&&(Q.body=m,M="invalid"):(Q.body=l,M="invalid"),Q.body&&!S&&(G(x.body),S=!0),e.footerText&&e.footerText.length>v&&(Q.footer=s,M="invalid"),(null==Q?void 0:Q.footer)&&!S&&(G(x.footer),S=!0),e.actionsType===N.CTA_BTN){if(null===(E=null===(L=e.ctaBtn)\|\|void 0===L?void 0:L.phoneNumber)\|\|void 0===E?void 0:E.isChecked){const t=null===(R=e.ctaBtn.phoneNumber.btnText)\|\|void 0===R?void 0:R.trim(),n=e.ctaBtn.phoneNumber.phoneNumber;Q.ctaBtn&&!t?(Q.ctaBtn.phoneNumber.btnText=l,M="invalid"):Q.ctaBtn&&t&&t.length>h?(Q.ctaBtn.phoneNumber.btnText=b,M="invalid"):Q.ctaBtn&&t&&K.test(t)&&(Q.ctaBtn.phoneNumber.btnText=T,M="invalid"),Q.ctaBtn&&!n?(Q.ctaBtn.phoneNumber.link=l,M="invalid"):Q.ctaBtn&&n&&n.length<10&&(Q.ctaBtn.phoneNumber.link=y,M="invalid")}if(null===(w=null===(_=e.ctaBtn)\|\|void 0===_?void 0:_.websiteLinkBtn)\|\|void 0===w?void 0:w.isChecked){const t=null===(A=e.ctaBtn.websiteLinkBtn.btnText)\|\|void 0===A?void 0:A.trim(),n=null===(V=e.ctaBtn.websiteLinkBtn.linkOpens)\|\|void 0===V?void 0:V.trim(),i=null===(I=e.ctaBtn.websiteLinkBtn.placeholder)\|\|void 0===I?void 0:I.trim();Q.ctaBtn&&!t?(Q.ctaBtn.websiteLink.btnText=l,M="invalid"):Q.ctaBtn&&t&&t.length>h?(Q.ctaBtn.websiteLink.btnText=b,M="invalid"):Q.ctaBtn&&t&&K.test(t)&&(Q.ctaBtn.websiteLink.btnText=T,M="invalid"),!Q.ctaBtn\|\|n\|\|i\|\|(Q.ctaBtn.websiteLink.link=l,M="invalid")}}else if(e.actionsType===N.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((n,i)=>{const o=n.text.trim();if(o)if(o.length>B)t[i]=b,M="invalid";else if(K.test(o))t[i]=T,M="invalid";else{const n=[...e.quickReply];n.splice(i,1);n.find((e=>e.text===o))&&(t[i]=f,M="invalid")}else t[i]=l,M="invalid"})),Q.quickReply=t}if(e.actionsType===N.CTA_BTN\|\|e.actionsType===N.QUICK_REPLY){const e=null===(D=Q.quickReply)\|\|void 0===D?void 0:D.reduce(((e,t)=>e\|\|!!t),!1);((null===(O=null===(U=null==Q?void 0:Q.ctaBtn)\|\|void 0===U?void 0:U.websiteLink)\|\|void 0===O?void 0:O.link)\|\|(null===(F=null===(q=Q.ctaBtn)\|\|void 0===q?void 0:q.websiteLink)\|\|void 0===F?void 0:F.btnText)\|\|(null===(P=null===(j=Q.ctaBtn)\|\|void 0===j?void 0:j.phoneNumber)\|\|void 0===P?void 0:P.link)\|\|(null===(Y=null===($=Q.ctaBtn)\|\|void 0===$?void 0:$.phoneNumber)\|\|void 0===Y?void 0:Y.btnText)\|\|e)&&!S&&(G(x.actionButtons),S=!0)}return{status:M,errors:Q}}parseBodyComponent(e){let n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];var o,l,a,d,r;const v=[];let s="";const u=null===(o=e.components)\|\|void 0===o?void 0:o.find((e=>"BODY"===e.type));return u&&(null===(a=null===(l=u.example)\|\|void 0===l?void 0:l.body_text)\|\|void 0===a\|\|a[0].forEach(((t,n)=>{var o,l;let a=null===(l=null===(o=e.mapping)\|\|void 0===o?void 0:o.body)\|\|void 0===l?void 0:l[n];const d=a&&/\(\(/.test(a),r=null==a?void 0:a.match(i);(null==r?void 0:r[2])&&(a=null==r?void 0:r[2]),v.push({idx:n,variableVal:t,editable:!!d,editableDefaultValues:d?void 0:t,variableName:null!=a?a:""})})),s=e.htmlContentUrl?e.htmlContentUrl:(null===(d=u.text)\|\|void 0===d?void 0:d.split(/\{\{[0-9]+\}\}/).length)?null===(r=u.text)\|\|void 0===r?void 0:r.split(/\{\{[0-9]+\}\}/).map(((e,i)=>{if(null==v?void 0:v[i]){const o=v[i].variableName;return n?`${e}{{${o}}}`:`${e} <span> </span><span style="color: ${t.content.brand}; text-decoration: underline;">{{${o}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:v,bodyText:s}}parseFooterComponent(e){var t;const n=null===(t=e.components)\|\|void 0===t?void 0:t.find((e=>"FOOTER"===e.type));return null==n?void 0:n.text}parseButtonComponent(e){var t,n,i,l,a,d;const r={actionsType:N.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0}},v=null===(t=e.components)\|\|void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(v&&(null===(n=null==v?void 0:v.buttons)\|\|void 0===n?void 0:n.length)){const t="QUICK_REPLY"===(null===(i=null==v?void 0:v.buttons)\|\|void 0===i?void 0:i[0].type)?N.QUICK_REPLY:N.CTA_BTN;if(r.actionsType=t,t===N.QUICK_REPLY){const e=null!==(a=null===(l=null==v?void 0:v.buttons)\|\|void 0===l?void 0:l.map((e=>e)))&&void 0!==a?a:[];return r.quickReply=e,r}t===N.CTA_BTN&&(null===(d=null==v?void 0:v.buttons)\|\|void 0===d\|\|d.forEach((t=>{var n,i,l,a;if(t.phone_number&&(r.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(l=null===(i=null===(n=null==e?void 0:e.mapping)\|\|void 0===n?void 0:n.buttons)\|\|void 0===i?void 0:i[0])&&void 0!==l?l:void 0;let v=!1;d&&o.test(d)&&(v=!0),r.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:v?null===(a=t.example)\|\|void 0===a?void 0:a[0]:t.url,placeholder:v?void 0:d}}})))}return r}parseUITemplateFromDBFormat(t,n){let i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];var o;return e(this,void 0,void 0,(function*(){const{headerType:e,headerAssetLink:l,headerAssetName:a,headerText:d,headerVariables:r}=yield this.parseDataFromHeaderComponent(t),{bodyText:v,bodyVariable:s}=yield this.parseBodyComponent(t,i),{actionsType:u,quickReply:p,ctaBtn:c}=yield this.parseButtonComponent(t),m={quickReply:p,ctaBtn:c,meta:{name:n?`${t.label} Copy`:t.label,category:null===(o=t.category)\|\|void 0===o?void 0:o.toUpperCase(),subCategory:t.templateCategory,language:t.language,templateId:t.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:u,footerText:this.parseFooterComponent(t),bodyVariables:s,bodyText:v,headerType:e,headerAssetLink:l,headerAssetName:a,headerText:d,headerVariables:r,alreadyAsADraft:t.isDraft,mode:"edit",initialLoading:!1},{errors:h}=this.validateState(m);return m.error=h,m}))}}export{C as TemplateCreatorHelper};

package/dist/esm/components/template-preview/helpers/VariableEditorHelper.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export type variableType = {
+    placeholder: string;
+    value: string;
+};
+export declare class VariableEditorHelper {
+    format(text?: string, variableList?: variableType[]): string;
+}

package/dist/esm/components/template-preview/helpers/VariableEditorHelper.js ADDED Viewed

@@ -0,0 +1 @@

+ import{BaseWhatsappContentLangHelper as e}from"../../../helpers/BaseWhatsappContentLang.helper.js";import{variablePattern as r}from"../constants/regexPatterns.js";const l=new e;class a{format(e,a){var n;if(!e)return"";const t=new RegExp(r,"g"),o=e.match(t),p=null!==(n=null==a?void 0:a.map((e=>{let{placeholder:r}=e;return r})))&&void 0!==n?n:[],c=e.split(r).map(((e,r)=>{var l;const n=null==o?void 0:o[r];if(n){const r=n.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),t=p.findIndex((e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r));return t>-1?e+'<code style="color: #731DCF">'+(null===(l=null==a?void 0:a[t])||void 0===l?void 0:l.value)+"</code>":e+n}return e})).join("");return l.getHTML(c)}}export{a as VariableEditorHelper};

package/dist/esm/components/template-preview/index.d.ts CHANGED Viewed

@@ -2,5 +2,9 @@ import * as regexPatterns from './constants/regexPatterns';
 export { regexPatterns };
 export * from './TemplatePreview';
 export * from './WhatsApp/WhatsAppLikePreview';
+export * from './WhatsApp/WhatsAppLikePreviewV2';
 export * from './helpers/SmsTemplateHelper';
 export * from './helpers/WhatsAppFormatToHTML';
+export * from './helpers/VariableEditorHelper';
+export * from './models/EmailTemplate';
+export * from './models/TemplateMeta';

package/dist/esm/components/template-preview/models/WhatsAppTemplate.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import React, { ReactElement } from 'react';
+import { variableType } from '../helpers/VariableEditorHelper';
 import { CHANNEL_TYPE } from './Channels';
 import { ACTIONS_TYPES, ButtonPlaceHolderOptions, CUSTOM_VARIABLE, HEADER_TYPES, QUICK_REPLY_BUTTON, TEMPLATE_STATUS } from './TemplateMeta';
 export type WhatsAppTemplate = {
@@ -168,6 +169,9 @@ export type WhatsappLikePreviewTypes = {
     imagePreviewStyles?: React.CSSProperties;
     size?: 'small' | 'large';
     zeroStateComponent: ReactElement<any, any>;
+    children?: React.ReactNode;
+    bodyVariableList?: variableType[];
+    headerVariableList?: variableType[];
 };
 export type WhatsappMeta = {
     containerStyle?: React.CSSProperties | undefined;

package/dist/esm/helpers/BaseWhatsappContentLang.helper.d.ts ADDED Viewed

@@ -0,0 +1,41 @@
+export declare class BaseWhatsappContentLangHelper {
+    getHTML(text: string): string;
+    /**
+     *
+     * how it works ?
+     *
+     * iterates through each chars, if the char matches the wildcard (eg * or _ or etc),
+     * if there is any alphanumeric char in previous, do nothing
+     * if there are no char next to it, do nothing
+     * if there is already an opening wildcard (odd number length for indices arr), and alphanumeric char next to it, do nothing,
+     * for odd number  indices arr length, it means current wildcard is for closing, then check if previous
+     * char is there or not, if not , do nothing
+     * else push it to indices arr
+     *
+     * @param format
+     * @param wildcard
+     * @param opTag
+     * @param clTag
+     * @ref https://github.com/rodriguesabner/whatsapp-markdown/blob/main/src/index.js
+     * @returns
+     */
+    private whatsappStyles;
+    /**
+     * how it works ?
+     * same as whatsappStyles, just that there is a offset of 3 char for every checks
+     *
+     * @param format
+     * @param opTag
+     * @param clTag
+     * @returns
+     */
+    private whatsappStylesMonospace;
+    /**
+     *
+     * @param str
+     * @ref https://github.com/rodriguesabner/whatsapp-markdown/blob/main/src/index.js
+     * @returns
+     */
+    private whatsappLinkStyle;
+    wrappWildcard(startIndex: number, endIndex: number, wildcard: string, str: string): string;
+}

package/dist/esm/helpers/BaseWhatsappContentLang.helper.js ADDED Viewed

@@ -0,0 +1 @@

+ import{isAplhanumeric as t}from"../utils/isAlphanumeric.js";class e{getHTML(t){let e=t;return e=this.whatsappStyles(e,"_","",""),e=this.whatsappStyles(e,"*","",""),e=this.whatsappStyles(e,"~","<s>","</s>"),e=this.whatsappStylesMonospace(e,'<code style="color: black;">',"</code>"),e&&(e=e.replace(/\n/gi," ")),e=this.whatsappLinkStyle(e),e}whatsappStyles(e,s,p,a){const h=[];if(e)for(let p=0;p<e.length;p++)e[p]===s?h.length%2?" "!==e[p-1]&&((void 0===e[p+1]||!t(e[p+1]))&&h.push(p)):void 0!==e[p+1]&&(" "!==e[p+1]&&((void 0===e[p-1]||!t(e[p-1]))&&h.push(p))):10===e.charCodeAt(p)&&h.length%2&&h.pop();h.length%2&&h.pop();let l=0;return h.forEach((function(t,s){const h=s%2?a:p;t+=l,e=e.substr(0,t)+h+e.substr(t+1),l+=h.length-1})),e}whatsappStylesMonospace(e,s,p){const a=[];if(e)for(let s=0;s<e.length;s++)"`"===e[s]&&"`"===e[s+1]&&"`"===e[s+2]?a.length%2?" "===e[s-3]||(void 0===e[s+3]?a.push(s):t(e[s+3])?a.length%2==1&&a.pop():a.push(s)):void 0===e[s+3]||" "===e[s+3]||(void 0===e[s-1]||" "===e[s-1]?a.push(s):t(e[s-1])?a.length%2==1&&a.pop():a.push(s)):10===e.charCodeAt(s)&&a.length%2&&a.pop();a.length%2&&a.pop();let h=0;return a.forEach((function(t,a){const l=a%2?p:s;t+=h,e=e.substr(0,t)+l+e.substr(t+3),h+=l.length-3})),e}whatsappLinkStyle(t){const e=t;return new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(e)?`<a href="${e}" target="_blank" rel="noreferrer">${e}</a>`:e}wrappWildcard(t,e,s,p){return t<0||t>e?p:p.slice(0,t)+s+p.slice(t,e)+s+p.slice(e)}}export{e as BaseWhatsappContentLangHelper};

package/dist/esm/helpers/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './BaseWhatsappContentLang.helper';

package/dist/esm/index.d.ts CHANGED Viewed

@@ -38,5 +38,7 @@ export * from './components/shimmer';
 export * from './components/TablePagination/';
 export * from './components/states-modal';
 export * from './components/states';
+export * from './components/WhatsAppTextEditor';
+export * from './helpers';
 export * from './components/card-selection-modal';
 export * from './components/image-cropper';