@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.
- package/dist/cjs/_virtual/_commonjsHelpers.js +1 -0
- package/dist/cjs/_virtual/index.js +1 -0
- package/dist/cjs/assets/icons/bold.svg.js +1 -0
- package/dist/cjs/assets/icons/emoji.svg.js +1 -0
- package/dist/cjs/assets/icons/italic.svg.js +1 -0
- package/dist/cjs/assets/icons/strikeThrough.svg.js +1 -0
- package/dist/cjs/components/WhatsAppTextEditor/CustomEditor.styled.d.ts +15 -0
- package/dist/cjs/components/WhatsAppTextEditor/CustomEditor.styled.js +1 -0
- package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditor.d.ts +40 -0
- package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditor.js +1 -0
- package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +14 -0
- package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js +1 -0
- package/dist/cjs/components/WhatsAppTextEditor/index.d.ts +2 -0
- package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/DesktopPreview.js +4 -4
- package/dist/cjs/components/template-context-mapper/modalElements/MobilePreview.js +3 -3
- package/dist/cjs/components/template-preview/WhatsApp/ChatBtn.js +1 -1
- package/dist/cjs/components/template-preview/WhatsApp/ChatUI.js +2 -2
- package/dist/cjs/components/template-preview/WhatsApp/ChatUiV2.d.ts +3 -0
- package/dist/cjs/components/template-preview/WhatsApp/ChatUiV2.js +19 -0
- package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.d.ts +3 -0
- package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +12 -0
- package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.js +1 -1
- package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.d.ts +1 -1
- package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.js +1 -1
- package/dist/cjs/components/template-preview/helpers/VariableEditorHelper.d.ts +7 -0
- package/dist/cjs/components/template-preview/helpers/VariableEditorHelper.js +1 -0
- package/dist/cjs/components/template-preview/index.d.ts +4 -0
- package/dist/cjs/components/template-preview/models/WhatsAppTemplate.d.ts +4 -0
- package/dist/cjs/helpers/BaseWhatsappContentLang.helper.d.ts +41 -0
- package/dist/cjs/helpers/BaseWhatsappContentLang.helper.js +1 -0
- package/dist/cjs/helpers/index.d.ts +1 -0
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/node_modules/emoji-picker-react/dist/index.js +2 -0
- package/dist/cjs/utils/isAlphanumeric.d.ts +1 -0
- package/dist/cjs/utils/isAlphanumeric.js +1 -0
- package/dist/esm/_virtual/_commonjsHelpers.js +1 -0
- package/dist/esm/_virtual/index.js +1 -0
- package/dist/esm/assets/icons/bold.svg.js +1 -0
- package/dist/esm/assets/icons/emoji.svg.js +1 -0
- package/dist/esm/assets/icons/italic.svg.js +1 -0
- package/dist/esm/assets/icons/strikeThrough.svg.js +1 -0
- package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.d.ts +15 -0
- package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.js +1 -0
- package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditor.d.ts +40 -0
- package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditor.js +1 -0
- package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +14 -0
- package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js +1 -0
- package/dist/esm/components/WhatsAppTextEditor/index.d.ts +2 -0
- package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/DesktopPreview.js +6 -6
- package/dist/esm/components/template-context-mapper/modalElements/MobilePreview.js +2 -2
- package/dist/esm/components/template-preview/WhatsApp/ChatBtn.js +1 -1
- package/dist/esm/components/template-preview/WhatsApp/ChatUI.js +1 -1
- package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.d.ts +3 -0
- package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.js +19 -0
- package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.d.ts +3 -0
- package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +12 -0
- package/dist/esm/components/template-preview/WhatsAppTemplatePreview.js +1 -1
- package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.d.ts +1 -1
- package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.js +1 -1
- package/dist/esm/components/template-preview/helpers/VariableEditorHelper.d.ts +7 -0
- package/dist/esm/components/template-preview/helpers/VariableEditorHelper.js +1 -0
- package/dist/esm/components/template-preview/index.d.ts +4 -0
- package/dist/esm/components/template-preview/models/WhatsAppTemplate.d.ts +4 -0
- package/dist/esm/helpers/BaseWhatsappContentLang.helper.d.ts +41 -0
- package/dist/esm/helpers/BaseWhatsappContentLang.helper.js +1 -0
- package/dist/esm/helpers/index.d.ts +1 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/node_modules/emoji-picker-react/dist/index.js +2 -0
- package/dist/esm/utils/isAlphanumeric.d.ts +1 -0
- package/dist/esm/utils/isAlphanumeric.js +1 -0
- package/package.json +3 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};exports.commonjsGlobal=e,exports.getDefaultExportFromCjs=function(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.exports={};var e={get exports(){return exports.exports},set exports(e){exports.exports=e}};exports.__module=e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var c=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 8 11"},e),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"})));exports.default=c;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,n=e(require("react"));function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var l=e=>n.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},e),t||(t=n.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=n.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"})));exports.default=l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var o=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 7 11"},e),t||(t=r.createElement("path",{fill:"currentColor",d:"m1.551 1.912.18-1.094h4.851l-.179 1.094H1.551ZM.04 11l.179-1.094H5.07L4.892 11H.04ZM4.773.818 3.083 11H1.848L3.54.818h1.234Z"})));exports.default=o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,n=e(require("react"));function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}var a=e=>n.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 9 12"},e),t||(t=n.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"})),r||(r=n.createElement("path",{fill:"currentColor",d:"M0 6.416h8.929v.955H0v-.955Z"})));exports.default=a;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Container: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & {
|
|
6
|
+
isError: boolean;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
export declare const TextSpace: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
}, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
|
|
12
|
+
export declare const OuterContainer: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
+
as?: import("react").ElementType<any> | undefined;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("../../constants/Theme.js");function e(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var l=e(c);const d=l.default("div","production"===process.env.NODE_ENV?{target:"e91dva42"}:{target:"e91dva42",label:"Container"})("background:",b.COLORS.surface.standard,";border:",(c=>c.isError?2:1),"px solid ",(c=>c.isError?b.COLORS.stroke.negative.vibrant:b.COLORS.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9DIiwiZmlsZSI6IkN1c3RvbUVkaXRvci5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRXJyb3IgPyAyIDogMSl9cHggc29saWRcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaXNFcnJvciA/IENPTE9SUy5zdHJva2UubmVnYXRpdmUudmlicmFudCA6IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBUZXh0U3BhY2UgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHR3aWR0aDogMTAwJTtcblxuXHRib3JkZXI6IDA7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0cmVzaXplOiBub25lO1xuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyOiAwO1xuXHRcdG91dGxpbmU6IDA7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUN1c3RvbUVkaXRvci5zdHlsZWQuanMubWFwIl19 */")),t=l.default("textarea","production"===process.env.NODE_ENV?{target:"e91dva41"}:{target:"e91dva41",label:"TextSpace"})("width:100%;border:0;padding:12px 16px;resize:none;color:",b.COLORS.content.primary,";&:focus-within{border:0;outline:0;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXlDIiwiZmlsZSI6IkN1c3RvbUVkaXRvci5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRXJyb3IgPyAyIDogMSl9cHggc29saWRcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaXNFcnJvciA/IENPTE9SUy5zdHJva2UubmVnYXRpdmUudmlicmFudCA6IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBUZXh0U3BhY2UgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHR3aWR0aDogMTAwJTtcblxuXHRib3JkZXI6IDA7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0cmVzaXplOiBub25lO1xuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyOiAwO1xuXHRcdG91dGxpbmU6IDA7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUN1c3RvbUVkaXRvci5zdHlsZWQuanMubWFwIl19 */")),a=l.default("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)."}});exports.Container=d,exports.OuterContainer=a,exports.TextSpace=t;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EditorActionTypes } from './WhatsAppTextEditorHeader';
|
|
3
|
+
export type CustomEditorProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
4
|
+
onChange?: (text: string, html: string) => void;
|
|
5
|
+
text?: string;
|
|
6
|
+
RightComponent?: React.FC;
|
|
7
|
+
error?: string;
|
|
8
|
+
limit?: number;
|
|
9
|
+
rows?: number;
|
|
10
|
+
actions?: EditorActionTypes[];
|
|
11
|
+
/**
|
|
12
|
+
* Calls only for editor only error, not for errors coming from outside
|
|
13
|
+
*/
|
|
14
|
+
onError?: (err: string) => void;
|
|
15
|
+
};
|
|
16
|
+
export type CustomEditorRef = {
|
|
17
|
+
addTextOrWrap: (textToAdd: string) => {
|
|
18
|
+
text: string;
|
|
19
|
+
html: string;
|
|
20
|
+
};
|
|
21
|
+
addText: (textToAdd: string) => {
|
|
22
|
+
text: string;
|
|
23
|
+
html: string;
|
|
24
|
+
};
|
|
25
|
+
get: () => string;
|
|
26
|
+
setCaretPosition(caretPos: number): void;
|
|
27
|
+
};
|
|
28
|
+
export declare const WhatsAppTextEditor: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
29
|
+
onChange?: ((text: string, html: string) => void) | undefined;
|
|
30
|
+
text?: string | undefined;
|
|
31
|
+
RightComponent?: React.FC<{}> | undefined;
|
|
32
|
+
error?: string | undefined;
|
|
33
|
+
limit?: number | undefined;
|
|
34
|
+
rows?: number | undefined;
|
|
35
|
+
actions?: EditorActionTypes[] | undefined;
|
|
36
|
+
/**
|
|
37
|
+
* Calls only for editor only error, not for errors coming from outside
|
|
38
|
+
*/
|
|
39
|
+
onError?: ((err: string) => void) | undefined;
|
|
40
|
+
} & React.RefAttributes<CustomEditorRef>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("../../helpers/BaseWhatsappContentLang.helper.js"),r=require("react"),l=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),i=require("./CustomEditor.styled.js"),u=require("./WhatsAppTextEditorHeader.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(r);const a="Character limit reached",d=new n.BaseWhatsappContentLangHelper,v={[u.EditorActionTypes.BOLD]:"*",[u.EditorActionTypes.ITALIC]:"_",[u.EditorActionTypes.STRIKETHROUGH]:"~"},p=s.default.forwardRef(((n,c)=>{var s,p,{onChange:h,text:f,RightComponent:g,error:x,limit:j,onError:m,rows:C,actions:T}=n,E=e.__rest(n,["onChange","text","RightComponent","error","limit","onError","rows","actions"]);const y=r.useRef(null);function O(e){const t=null==y?void 0:y.current;null!=t&&(t.selectionStart?(t.focus(),t.setSelectionRange(e,e)):t.focus())}function S(e){var t,n;let r=null!==(n=null===(t=y.current)||void 0===t?void 0:t.value)&&void 0!==n?n:"";if(y.current&&e){const t=y.current.selectionStart,n=y.current.selectionEnd,l=e;if(t===n)return L(l);{r=d.wrappWildcard(t,n,l,r);const e=d.getHTML(r);return y.current.value=r,{text:r,html:e}}}return{text:r,html:r}}function L(e){var t,n;let r=null!==(n=null===(t=y.current)||void 0===t?void 0:t.value)&&void 0!==n?n:"";if(y.current&&e){const t=y.current.selectionStart;if(t===y.current.selectionEnd)return R(e,t)}return{text:r,html:r}}function R(e,t){var n,r;let l=null!==(r=null===(n=y.current)||void 0===n?void 0:n.value)&&void 0!==r?r:"";l=l.slice(0,t)+e+l.slice(t);const o=d.getHTML(l);return y.current.value=l,{text:l,html:o}}return r.useImperativeHandle(c,(()=>({addTextOrWrap:S,addText:L,get(){var e,t;return null!==(t=null===(e=y.current)||void 0===e?void 0:e.value)&&void 0!==t?t:""},setCaretPosition:O}))),r.useEffect((()=>{if((null==y?void 0:y.current)&&f){y.current.value=f;const e=d.getHTML(f);null==h||h(f,e)}}),[]),r.useEffect((()=>{var e,t;(null===(e=null==y?void 0:y.current)||void 0===e?void 0:e.value)&&j&&((null===(t=null==y?void 0:y.current)||void 0===t?void 0:t.value.length)>j?null==m||m(a):null==m||m(null!=x?x:""))}),[null===(s=null==y?void 0:y.current)||void 0===s?void 0:s.value.length]),t.jsxs(i.OuterContainer,{children:[t.jsxs(i.Container,Object.assign({isError:!!x},{children:[t.jsx(u.WhatsAppTextEditorHeader,{actions:T,ref:y,onActionSelect:function(e){if((null==v?void 0:v[e])&&y.current){const t=y.current.selectionStart;if(t===y.current.selectionEnd){R(null==v?void 0:v[e],t);const{text:n,html:r}=R(null==v?void 0:v[e],t);O(t+1),null==h||h(n,r)}else{const{text:t,html:n}=S(null==v?void 0:v[e]);null==h||h(t,n)}}},RightComponent:g,onEmojiClick:function(e){const{text:t,html:n}=L(e);null==h||h(t,n)}}),t.jsx(i.TextSpace,Object.assign({ref:y,onChange:function(e){const t=e.target.value,n=d.getHTML(t);null==h||h(t,n)}},E,{rows:C}))]})),x&&x!==a?t.jsx(o.BodyCaption,Object.assign({style:{color:l.COLORS.content.negative}},{children:x})):t.jsx(t.Fragment,{children:j&&(null==y?void 0:y.current)?t.jsxs(o.BodyCaption,Object.assign({style:{color:x===a||(null===(p=null==y?void 0:y.current)||void 0===p?void 0:p.value.length)>j?l.COLORS.content.negative:l.COLORS.content.secondary}},{children:[y.current.value.length,"/",j]})):t.jsx(t.Fragment,{})})]})}));p.displayName="WhatsAppTextEditor",exports.WhatsAppTextEditor=p;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare enum EditorActionTypes {
|
|
3
|
+
'BOLD' = "BOLD",
|
|
4
|
+
'ITALIC' = "ITALIC",
|
|
5
|
+
'STRIKETHROUGH' = "STRIKETHROUGH",
|
|
6
|
+
'EMOJI' = "EMOJI"
|
|
7
|
+
}
|
|
8
|
+
export type WhatsAppTextEditorHeaderProps = {
|
|
9
|
+
onActionSelect: (actionType: EditorActionTypes) => void;
|
|
10
|
+
RightComponent?: React.FC;
|
|
11
|
+
onEmojiClick?: (emoji: string) => void;
|
|
12
|
+
actions?: EditorActionTypes[];
|
|
13
|
+
};
|
|
14
|
+
export declare const WhatsAppTextEditorHeader: React.ForwardRefExoticComponent<WhatsAppTextEditorHeaderProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),c=require("react"),l=require("../../hooks/useOutside.js"),C=require("../../constants/Theme.js"),G=require("../../assets/icons/bold.svg.js"),b=require("../../assets/icons/emoji.svg.js"),A=require("../../assets/icons/italic.svg.js"),d=require("../../assets/icons/strikeThrough.svg.js");function Z(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}var X=Z(I),R=Z(c);function W(){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 a=()=>g.jsx(g.Fragment,{});"undefined"!=typeof window&&Promise.resolve().then((function(){return require("../../node_modules/emoji-picker-react/dist/index.js")})).then((I=>{a=I.default}));const i=X.default("div","production"===process.env.NODE_ENV?{target:"e116kvwg3"}:{target:"e116kvwg3",label:"Container"})("background:",C.COLORS.surface.subdued,";border-bottom:1px solid ",C.COLORS.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== */")),p=X.default("div","production"===process.env.NODE_ENV?{target:"e116kvwg2"}:{target:"e116kvwg2",label:"ButtonHolder"})("padding:2px 6px;background:",(I=>I.active?C.COLORS.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== */")),B=X.default("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:W}),V=X.default("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:W});var u;exports.EditorActionTypes=void 0,(u=exports.EditorActionTypes||(exports.EditorActionTypes={})).BOLD="BOLD",u.ITALIC="ITALIC",u.STRIKETHROUGH="STRIKETHROUGH",u.EMOJI="EMOJI";const H=R.default.forwardRef(((I,Z)=>{let{onActionSelect:X,RightComponent:R,onEmojiClick:W,actions:u}=I;const H=c.useRef(null),[y,s]=c.useState({[exports.EditorActionTypes.BOLD]:!1,[exports.EditorActionTypes.ITALIC]:!1,[exports.EditorActionTypes.STRIKETHROUGH]:!1,[exports.EditorActionTypes.EMOJI]:!1}),t=c.useCallback((()=>{s((I=>Object.assign(Object.assign({},I),{[exports.EditorActionTypes.EMOJI]:!1})))}),[y]);function n(I,g){var c;null===(c=I.preventDefault)||void 0===c||c.call(I),g===exports.EditorActionTypes.EMOJI&&s((I=>Object.assign(Object.assign({},I),{[exports.EditorActionTypes.EMOJI]:!y.EMOJI}))),X(g)}return l.useOutside(H,(()=>{t()})),(null==u?void 0:u.length)||R?g.jsxs(i,{children:[(null==u?void 0:u.includes(exports.EditorActionTypes.EMOJI))&&g.jsxs(g.Fragment,{children:[g.jsx(p,Object.assign({style:{marginLeft:0},active:!!y.EMOJI,onClick:I=>n(I,exports.EditorActionTypes.EMOJI)},{children:g.jsx(b.default,{width:16,height:16,color:y.EMOJI?C.COLORS.content.secondary:C.COLORS.content.placeholder})})),y.EMOJI&&g.jsx(V,Object.assign({ref:H},{children:g.jsx(a,{onEmojiClick:(I,g)=>{t(),null==W||W(g.emoji)}})}))]}),(null==u?void 0:u.includes(exports.EditorActionTypes.BOLD))&&g.jsx(p,Object.assign({active:!!y.BOLD,onClick:I=>n(I,exports.EditorActionTypes.BOLD)},{children:g.jsx(G.default,{width:10,height:17,color:y.BOLD?C.COLORS.content.secondary:C.COLORS.content.placeholder})})),(null==u?void 0:u.includes(exports.EditorActionTypes.ITALIC))&&g.jsx(p,Object.assign({onClick:I=>n(I,exports.EditorActionTypes.ITALIC),active:!!y.ITALIC},{children:g.jsx(A.default,{width:10,height:17,color:y.ITALIC?C.COLORS.content.secondary:C.COLORS.content.placeholder})})),(null==u?void 0:u.includes(exports.EditorActionTypes.STRIKETHROUGH))&&g.jsx(p,Object.assign({active:!!y.STRIKETHROUGH,style:{borderRight:0},onClick:I=>n(I,exports.EditorActionTypes.STRIKETHROUGH)},{children:g.jsx(d.default,{width:10,height:17,color:y.STRIKETHROUGH?C.COLORS.content.secondary:C.COLORS.content.placeholder})})),g.jsx(B,{children:R&&g.jsx(R,{})})]}):g.jsx(g.Fragment,{})}));H.displayName="WhatsAppTextEditorHeader",exports.WhatsAppTextEditorHeader=H;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../../zeroState/ZeroState.js"),n=require("../../../../hooks/useOutside.js"),i=require("../utils/iterationOnOptions.js"),l=require("./description/Description.js"),o=require("./menu/FreeFormMenu.js"),r=require("./menu/MenuList.js"),u=require("./menu/SelectAllMenu.js"),c=require("./multiSelect/MultiSelectDropdownBottomBar.js"),a=require("./OpennedDropdown.styled.js"),d=require("./searchbox/SearchBox.js"),p=require("./searchbox/SearchZeroState.js");const f=304,h=290;exports.OpenedDropdown=j=>{let{options:S,isSearchable:O,isMultiSelect:x,width:b,allowFreeForm:g,height:m,onClose:v,onSelect:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../../zeroState/ZeroState.js"),n=require("../../../../hooks/useOutside.js"),i=require("../utils/iterationOnOptions.js"),l=require("./description/Description.js"),o=require("./menu/FreeFormMenu.js"),r=require("./menu/MenuList.js"),u=require("./menu/SelectAllMenu.js"),c=require("./multiSelect/MultiSelectDropdownBottomBar.js"),a=require("./OpennedDropdown.styled.js"),d=require("./searchbox/SearchBox.js"),p=require("./searchbox/SearchZeroState.js");const f=304,h=290;exports.OpenedDropdown=j=>{let{options:S,isSearchable:O,isMultiSelect:x,width:b,allowFreeForm:g,height:m,onClose:v,onSelect:w}=j;const[y,q]=t.useState(null!=S?S:[]);t.useEffect((()=>{q(S)}),[JSON.stringify(S)]);const[M,F]=t.useState(null!=b?b:h),[C,D]=t.useState(""),[L,A]=t.useState(null),B=t.useRef(null);n.useOutside(B,(()=>{A(null),null==v||v()}));const Z=null!=m?m:f,E="number"==typeof Z?O&&x?Z-96:O&&!x||!O&&x?Z-48:Z:Z;function H(e){if(x){const t=i.iterateOnOptions(y,{selected:e.selected},(t=>t.value===e.value));q([...t])}else null==w||w(e)}t.useEffect((()=>{const e=null!=b?b:h;if(null===L)F(e);else if("number"==typeof e)F(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));F(t)}}),[L]);const N=y.map((e=>{var t;if(C){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(C.toLowerCase()))})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(C.toLowerCase()))?e:null}return e})).filter((e=>null!==e)),W=!!O&&C&&0===N.length;return e.jsxs(a.OpennedDropdownContainer,Object.assign({ref:B,style:{maxWidth:L?800:400,width:M}},{children:[e.jsxs("div",Object.assign({style:{width:L?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!O&&e.jsx(d.SearchBox,{onSearch:function(e){D(e)}}),N.length||C?e.jsxs(a.MenuListContainer,Object.assign({minHeight:Z,maxHeight:E},{children:[!!x&&!W&&e.jsx(u.SelectAllMenu,{options:y,onSelect:function(e){if("selectAll"===e){const e=i.iterateOnOptions(y,{selected:!0},(e=>!e.disabled));q([...e])}else if("notSelected"===e){const e=i.iterateOnOptions(y,{selected:!1},(e=>!e.disabled));q([...e])}}}),!g&&W&&e.jsx(p.SearchZeroState,{searchedString:C}),g&&W&&e.jsx(o.FreeFormMenu,{isMultiSelect:x,onSelect:function(e){if(!x)return void H({label:C,value:C,isFreeForm:!0,selected:!0});const t=y.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===C&&t.value===C?e:t.selected})));e&&(t.some((e=>e.label===C&&e.value===C))||t.unshift({label:C,value:C,isFreeForm:!0,selected:!0})),q([...t])},searchedString:C}),e.jsx(r.MenuList,{onSelect:H,showDescription:function(e,t){A(e&&t?{title:e,description:t}:null)},isMultiSelect:x,options:N})]})):e.jsx("div",Object.assign({style:{height:Z,display:"flex"}},{children:e.jsx(s.ZeroState,{title:"No options passed",subTitle:"Sorry we could not find any options to show"})})),!!x&&!(!N.length&&!C)&&e.jsx(c.default,{onClear:function(){const e=i.iterateOnOptions(y,{selected:!1});q([...e])},onApply:function(){const e=[];y.forEach((t=>{if(t.options){const s=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...s]}))}else t.selected&&e.push(Object.assign({},t))})),null==w||w([...e])},list:y})]})),!!L&&e.jsx(l.Description,{title:L.title,description:L.description})]}))};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),i=require("../../spinner/Spinner.js"),a=require("../../template-preview/TemplatePreview.js");require("../../template-preview/WhatsApp/WhatsAppLikePreview.js");var s=require("../../../constants/Theme.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),i=require("../../spinner/Spinner.js"),a=require("../../template-preview/TemplatePreview.js");require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var s=require("../../../constants/Theme.js");require("../../template-preview/models/TemplateMeta.js");var p=require("../../template-preview/models/Channels.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(r),o=d(t);const n=o.default.div`
|
|
2
2
|
background: ${s.COLORS.surface.standard};
|
|
3
3
|
border: 1px solid ${s.COLORS.stroke.primary};
|
|
4
4
|
border-radius: 8px;
|
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
/* max-height: 420px; */
|
|
7
7
|
scroll-behavior: smooth;
|
|
8
8
|
height: 100%;
|
|
9
|
-
`,u=
|
|
9
|
+
`,u=o.default.div`
|
|
10
10
|
padding: 18px 24px 12px;
|
|
11
11
|
display: flex;
|
|
12
12
|
gap: 4px;
|
|
13
13
|
border-bottom-width: 1px;
|
|
14
14
|
border-bottom-color: ${s.COLORS.stroke.primary};
|
|
15
|
-
`,h=
|
|
15
|
+
`,h=o.default.div`
|
|
16
16
|
width: 6px;
|
|
17
17
|
height: 6px;
|
|
18
18
|
background: #d9d9d9;
|
|
19
19
|
border-radius: 3px;
|
|
20
|
-
`,
|
|
20
|
+
`,m=l.default.forwardRef(((r,t)=>{let{display_content:s}=r;return e.jsxs(n,Object.assign({ref:t},{children:[e.jsxs(u,{children:[e.jsx(h,{}),e.jsx(h,{}),e.jsx(h,{})]}),e.jsx("div",{children:s?e.jsx(a.TemplatePreview,{channel:p.CHANNEL_TYPE.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:s,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{width:584,height:441},templateContainerStyles:{height:"100%"}}}):e.jsx("div",Object.assign({style:{padding:20}},{children:e.jsx(i.Spinner,{size:"small"})}))})]}))}));m.displayName="DesktopPreview",exports.default=m;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),a=require("../../template-preview/TemplatePreview.js");require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../../constants/Theme.js");var r=require("../../template-preview/models/Channels.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),l=o(i);const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),a=require("../../template-preview/TemplatePreview.js");require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../../constants/Theme.js"),require("../../template-preview/models/TemplateMeta.js");var r=require("../../template-preview/models/Channels.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),l=o(i);const p=l.default.div`
|
|
2
2
|
position: relative;
|
|
3
3
|
height: 100%;
|
|
4
4
|
border-radius: 31px;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
background-color: white;
|
|
7
7
|
margin: auto;
|
|
8
8
|
overflow-y: auto;
|
|
9
|
-
`,
|
|
9
|
+
`,n=l.default.div`
|
|
10
10
|
position: absolute;
|
|
11
11
|
flex: 1;
|
|
12
12
|
background-color: white;
|
|
@@ -17,4 +17,4 @@
|
|
|
17
17
|
height: calc(100% - 17px);
|
|
18
18
|
border-radius: 16px;
|
|
19
19
|
overflow-y: auto;
|
|
20
|
-
`,c=s.default.forwardRef(((t,i)=>{let{display_content:o,channel:s,template:l}=t;return e.jsx("div",{children:e.jsxs(
|
|
20
|
+
`,c=s.default.forwardRef(((t,i)=>{let{display_content:o,channel:s,template:l}=t;return e.jsx("div",{children:e.jsxs(p,Object.assign({channel:s},{children:[e.jsx("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:s===r.CHANNEL_TYPE.WHATSAPP?236:213,height:443}}),e.jsx(n,Object.assign({ref:i},{children:e.jsx(a.TemplatePreview,{template:l,channel:s,smsSpecificMeta:{smsDisplayContent:o},whatsAppSpecificMeta:{showWhatsAppHeader:!0,whatsAppExtras:!0,containerStyle:{border:"none",borderBottomRightRadius:0,borderBottomLeftRadius:0,minHeight:426}},size:"small",hideHeader:!0,emailSpecificMeta:{emailDisplayContent:o,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_mobile",containerStyle:{height:"100%"},templateContainerStyles:{height:"100%"}}})}))]}))})}));c.displayName="MobilePreview",exports.default=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),n=require("./ChatUI.style.js");exports.ChatBtn=
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),n=require("./ChatUI.style.js");exports.ChatBtn=i=>{let{Icon:s,text:l,extraContent:o,placeholder:a,textTypography:c,size:p}=i;const d=c||t.BodySecondary;return e.jsx(n.ChatBtnContainer,{children:e.jsxs("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[s&&e.jsx(s,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e.jsx(d,Object.assign({style:{color:r.COLORS.special.brand.facebook,textAlign:"center",fontSize:"small"===p?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:l}))]})),!!o&&e.jsx(t.Caption,Object.assign({style:{marginTop:2,color:r.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:a?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(a):o}))]}))})};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/halfRectangle.svg.js"),r=require("../../../assets/icons/phone.svg.js"),s=require("../../../assets/icons/RedirectToNew.svg.js"),a=require("react"),i=require("styled-components"),o=require("../../tooltips/Tooltip.js"),n=require("../../TypographyStyle.js"),d=require("../../../constants/Theme.js"),l=require("../helpers/WhatsAppFormatToHTML.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/halfRectangle.svg.js"),r=require("../../../assets/icons/phone.svg.js"),s=require("../../../assets/icons/RedirectToNew.svg.js"),a=require("react"),i=require("styled-components"),o=require("../../tooltips/Tooltip.js"),n=require("../../TypographyStyle.js"),d=require("../../../constants/Theme.js"),l=require("../helpers/WhatsAppFormatToHTML.js"),h=require("../models/TemplateMeta.js"),p=require("./ChatBtn.js"),c=require("./ChatUI.style.js"),x=require("./MediaCard.js"),T=require("./RenderTemplateWithVariable.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=u(i).default.div`
|
|
2
2
|
position: absolute;
|
|
3
3
|
width: 8px;
|
|
4
4
|
height: 8px;
|
|
5
5
|
left: -8px;
|
|
6
6
|
top: -9px;
|
|
7
|
-
`;exports.default=i=>{const{bodyText:u,footerText:m,headerMediaType:y,headerText:S,headerAssetLink:g,headerAssetName:f,quickReplybtn:q,ctaBtn:E,actionTypes:v,textType:b,extras:C,showHeader:A,imagePreviewStyles:N,size:w}=i,M=new l.WhatsAppFormatToHTML,O=a.useMemo((()=>({color:d.COLORS.content.primary,margin:12,fontSize:A?d.FONTS.caption.fontSize:d.FONTS.bodySecondary.fontSize,fontWeight:d.FONTS.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e.jsxs(c.Container,{children:[e.jsx(j,{children:e.jsx(t.default,{color:"white",height:8,width:8})}),y===
|
|
7
|
+
`;exports.default=i=>{const{bodyText:u,footerText:m,headerMediaType:y,headerText:S,headerAssetLink:g,headerAssetName:f,quickReplybtn:q,ctaBtn:E,actionTypes:v,textType:b,extras:C,showHeader:A,imagePreviewStyles:N,size:w,children:F}=i,M=new l.WhatsAppFormatToHTML,O=a.useMemo((()=>({color:d.COLORS.content.primary,margin:12,fontSize:A?d.FONTS.caption.fontSize:d.FONTS.bodySecondary.fontSize,fontWeight:d.FONTS.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e.jsxs(c.Container,{children:[e.jsx(j,{children:e.jsx(t.default,{color:"white",height:8,width:8})}),y===h.HEADER_TYPES.TEXT?e.jsx(T.default,{bold:!0,text:S}):y!==h.HEADER_TYPES.NONE?e.jsx(x.MediaCard,{headerAssetLink:g,headerAssetName:f,mediaType:y,imagePreviewStyles:y===h.HEADER_TYPES.IMAGE?N:{}}):e.jsx(e.Fragment,{}),!!u&&e.jsx(e.Fragment,{children:F?e.jsx(e.Fragment,{children:F}):e.jsx(e.Fragment,{children:"html"===b?e.jsx("div",{className:"richTextEditor",style:O,dangerouslySetInnerHTML:{__html:M.convertToHTML(u)}}):e.jsx(n.BodySecondary,{children:u})})}),e.jsxs(c.FooterWrapper,{children:[e.jsx(o.Tooltip,Object.assign({body:null!=m?m:"",placement:"top"},{children:e.jsx(c.TimeStamp,Object.assign({style:{flex:1}},{children:m}))})),e.jsx(c.TimeStamp,{children:"16:48"})]}),v===h.ACTIONS_TYPES.QUICK_REPLY?e.jsx("div",{children:null==q?void 0:q.map(((t,r)=>e.jsx(p.ChatBtn,{text:t.text},r)))}):v===h.ACTIONS_TYPES.CTA_BTN?e.jsx("div",{children:null==E?void 0:E.map(((t,a)=>e.jsx(p.ChatBtn,{textTypography:A?n.Caption:n.BodySecondary,extraContent:C?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?r.default:s.default,size:w},a)))}):e.jsx(e.Fragment,{})]})};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/halfRectangle.svg.js"),r=require("../../../assets/icons/phone.svg.js"),s=require("../../../assets/icons/RedirectToNew.svg.js"),a=require("styled-components"),i=require("../../tooltips/Tooltip.js"),o=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),l=require("../helpers/VariableEditorHelper.js"),d=require("../models/TemplateMeta.js"),p=require("./ChatBtn.js"),h=require("./ChatUI.style.js"),x=require("./MediaCard.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(a);const j=u.default.div`
|
|
2
|
+
position: absolute;
|
|
3
|
+
width: 8px;
|
|
4
|
+
height: 8px;
|
|
5
|
+
left: -8px;
|
|
6
|
+
top: -9px;
|
|
7
|
+
`,m=u.default.div`
|
|
8
|
+
font-family: 'Inter';
|
|
9
|
+
font-style: normal;
|
|
10
|
+
font-weight: 400;
|
|
11
|
+
font-size: 14px;
|
|
12
|
+
line-height: 20px;
|
|
13
|
+
padding: 8px 12px 0px;
|
|
14
|
+
color: ${n.COLORS.content.primary};
|
|
15
|
+
word-wrap: break-word;
|
|
16
|
+
`,T=u.default(m)`
|
|
17
|
+
font-weight: 600;
|
|
18
|
+
margin-bottom: 8px;
|
|
19
|
+
`,y=new l.VariableEditorHelper;exports.ChatUIV2=a=>{const{bodyText:n,footerText:l,headerMediaType:c,headerText:u,headerAssetLink:f,headerAssetName:g,quickReplybtn:E,ctaBtn:b,actionTypes:S,extras:v,showHeader:C,imagePreviewStyles:q,size:w,bodyVariableList:_,headerVariableList:A}=a,I=y.format(n,_),N=y.format(u,A);return e.jsxs(h.Container,{children:[e.jsx(j,{children:e.jsx(t.default,{color:"white",height:8,width:8})}),c===d.HEADER_TYPES.TEXT?e.jsx(T,{dangerouslySetInnerHTML:{__html:N}}):c!==d.HEADER_TYPES.NONE?e.jsx(x.MediaCard,{headerAssetLink:f,headerAssetName:g,mediaType:c,imagePreviewStyles:c===d.HEADER_TYPES.IMAGE?q:{}}):e.jsx(e.Fragment,{}),!!n&&e.jsx(e.Fragment,{children:e.jsx(m,{dangerouslySetInnerHTML:{__html:I}})}),e.jsxs(h.FooterWrapper,{children:[e.jsx(i.Tooltip,Object.assign({body:null!=l?l:"",placement:"top"},{children:e.jsx(h.TimeStamp,Object.assign({style:{flex:1}},{children:l}))})),e.jsx(h.TimeStamp,{children:"16:48"})]}),S===d.ACTIONS_TYPES.QUICK_REPLY?e.jsx("div",{children:null==E?void 0:E.map(((t,r)=>e.jsx(p.ChatBtn,{text:t.text},r)))}):S===d.ACTIONS_TYPES.CTA_BTN?e.jsx("div",{children:null==b?void 0:b.map(((t,a)=>e.jsx(p.ChatBtn,{textTypography:C?o.Caption:o.BodySecondary,extraContent:v?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?r.default:s.default,size:w},a)))}):e.jsx(e.Fragment,{})]})};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),a=require("../utils/getPreviewPropLen.js"),i=require("./ChatHeader.js"),o=require("./ChatUiV2.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=d(r);const p=n.default.div`
|
|
2
|
+
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');
|
|
3
|
+
border: ${e=>e.showHeader?0:1}px solid
|
|
4
|
+
${s.COLORS.stroke.primary};
|
|
5
|
+
border-radius: 4px;
|
|
6
|
+
background-repeat: no-repeat;
|
|
7
|
+
background-position: center;
|
|
8
|
+
background-size: cover;
|
|
9
|
+
position: relative;
|
|
10
|
+
`,c=n.default(t.TitleRegular)`
|
|
11
|
+
color: ${s.COLORS.content.primary};
|
|
12
|
+
`;exports.WhatsappLikePreviewV2=r=>3===a.getPreviewPropLen(r)?e.jsx(e.Fragment,{children:r.zeroStateComponent}):e.jsx(e.Fragment,{children:e.jsxs(p,Object.assign({style:r.containerStyle,showHeader:r.showHeader},{children:[r.showHeader&&e.jsx(i.default,{}),e.jsxs("div",Object.assign({style:{padding:"small"===r.size?"12px 32px 12px 12px":"16px 56px 12px 16px"}},{children:[!r.hidePreviewText&&e.jsx("div",Object.assign({style:{marginBottom:16}},{children:e.jsx(c,{children:"Preview"})})),e.jsx(o.ChatUIV2,Object.assign({showHeader:r.showHeader},r))]}))]}))});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),t=require("./helpers/TemplateCreatorHelper.js"),a=require("./models/TemplateMeta.js"),i=require("./utils/TemplateHelperUtils.js"),r=require("./WhatsApp/WhatsAppLikePreview.js"),n=require("./WhatsApp/WhatsAppLikePreviewV2.js");exports.default=o=>{let{template:d,extras:s,containerStyle:u,usePlaceHolderName:p,showHeader:v,zeroStateComponent:h,size:x}=o;var c,b,m,T,y,k,w,N,B,j,A,L,P,V,q,S,g,H,f,C,E,F;const[O,R]=l.useState(),W=new t.TemplateCreatorHelper,U=new i.TemplateHelperUtils,z=[];return(null===(b=null===(c=null==O?void 0:O.ctaBtn)||void 0===c?void 0:c.phoneNumber)||void 0===b?void 0:b.isChecked)&&z.push({type:"phoneNumber",text:null!==(m=O.ctaBtn.phoneNumber.btnText)&&void 0!==m?m:"",extra:null!==(T=O.ctaBtn.phoneNumber.phoneNumber)&&void 0!==T?T:""}),(null===(k=null===(y=null==O?void 0:O.ctaBtn)||void 0===y?void 0:y.websiteLinkBtn)||void 0===k?void 0:k.isChecked)&&z.push({type:"website",text:null!==(w=O.ctaBtn.websiteLinkBtn.btnText)&&void 0!==w?w:"",extra:null!==(B=null===(N=O.ctaBtn.websiteLinkBtn)||void 0===N?void 0:N.linkOpens)&&void 0!==B?B:"",placeholder:null!==(j=O.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==j?j:""}),l.useEffect((()=>{d&&W.parseUITemplateFromDBFormat(d,!1,!d.htmlContentUrl).then((e=>{R(Object.assign({},e))}))}),[d]),d?d.htmlContentUrl?e.jsx(r.WhatsappLikePreview,{showHeader:v,containerPadding:"large"===x?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:u,textType:"html",bodyText:U.whatsappOnlyFillVariablesValueInBodyText(null!==(g=null==O?void 0:O.bodyText)&&void 0!==g?g:"",null!==(H=null==O?void 0:O.bodyVariables)&&void 0!==H?H:[],p),footerText:null==O?void 0:O.footerText,headerMediaType:(null==O?void 0:O.headerType)||a.HEADER_TYPES.NONE,headerText:U.fillVariablesValInBodyText(null!==(f=null==O?void 0:O.headerText)&&void 0!==f?f:"",null!==(C=null==O?void 0:O.headerVariables)&&void 0!==C?C:[],p),headerAssetLink:null!==(E=null==O?void 0:O.headerAssetLink)&&void 0!==E?E:"",headerAssetName:null!==(F=null==O?void 0:O.headerAssetName)&&void 0!==F?F:"",quickReplybtn:null==O?void 0:O.quickReply,ctaBtn:z,actionTypes:null==O?void 0:O.actionsType,extras:s,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=h?h:e.jsx(e.Fragment,{children:" "})}):e.jsx(n.WhatsappLikePreviewV2,{showHeader:v,containerPadding:"large"===x?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:u,textType:"html",bodyText:null==O?void 0:O.bodyText,footerText:null==O?void 0:O.footerText,headerMediaType:(null==O?void 0:O.headerType)||a.HEADER_TYPES.NONE,headerText:null==O?void 0:O.headerText,headerAssetLink:null!==(A=null==O?void 0:O.headerAssetLink)&&void 0!==A?A:"",headerAssetName:null!==(L=null==O?void 0:O.headerAssetName)&&void 0!==L?L:"",quickReplybtn:null==O?void 0:O.quickReply,ctaBtn:z,actionTypes:null==O?void 0:O.actionsType,extras:s,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=h?h:e.jsx(e.Fragment,{children:" "}),bodyVariableList:null!==(V=null===(P=null==O?void 0:O.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!==V?V:[],headerVariableList:null!==(S=null===(q=null==O?void 0:O.headerVariables)||void 0===q?void 0:q.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==S?S:[]}):e.jsx(e.Fragment,{children:h})};
|
|
@@ -12,5 +12,5 @@ export declare class TemplateCreatorHelper {
|
|
|
12
12
|
private parseBodyComponent;
|
|
13
13
|
private parseFooterComponent;
|
|
14
14
|
private parseButtonComponent;
|
|
15
|
-
parseUITemplateFromDBFormat(dbFormattedTemplate: WhatsAppTemplate, isDuplicate?: boolean): Promise<CreateTemplateType>;
|
|
15
|
+
parseUITemplateFromDBFormat(dbFormattedTemplate: WhatsAppTemplate, isDuplicate?: boolean, isV2?: boolean): Promise<CreateTemplateType>;
|
|
16
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js"),i=require("../constants/TemplateConstants.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js"),i=require("../constants/TemplateConstants.js"),l=require("../models/TemplateMeta.js"),o=require("../utils/TemplateHelperUtils.js");exports.TemplateCreatorHelper=class{parseDataFromHeaderComponent(e){var t,n,i,o,a,d,r,v,s,E;const u={headerType:l.HEADER_TYPES.NONE,headerVariables:[]},T=null===(t=e.components)||void 0===t?void 0:t.find((e=>"HEADER"===e.type));if(T){u.headerType=T.format,u.headerText=T.text,u.headerAssetLink=null===(i=null===(n=T.example)||void 0===n?void 0:n.header_handle)||void 0===i?void 0:i[0];const t=null===(a=null===(o=T.example)||void 0===o?void 0:o.header_text)||void 0===a?void 0:a[0],l=null===(r=null===(d=e.mapping)||void 0===d?void 0:d.header)||void 0===r?void 0:r[0];if(t&&l){const e=null==l?void 0:l.replace("[[","").replace("]]","").replace("((","").replace("))",""),n=/\(\(/.test(l),i={idx:0,variableVal:t,editable:n,editableDefaultValues:n?void 0:t,variableName:e};u.headerVariables=[i],(null===(s=null===(v=T.example)||void 0===v?void 0:v.header_text)||void 0===s?void 0:s.length)&&(u.headerText=null===(E=u.headerText)||void 0===E?void 0:E.replace("{{1}}",`{{${e}}}`))}}return u}validateState(e){var t,a,d,r,v,s,E,u,T,p,_,c,R,m,h,b,I,L,N,y,B;const A=/\p{Extended_Pictographic}/u;let C="valid";const D={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},O=new o.TemplateHelperUtils;let x=!1;const P=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>i.NAME_LEN_LIMIT?(D.meta.name=i.NAME_LEN_ERROR,C="invalid"):n.specialCharPattern.test(e.meta.name.trim())&&(D.meta.name=i.NO_SPECIAL_CHAR,C="invalid"):(D.meta.name=i.REQUIRED_FIELD,C="invalid"),D.meta.name&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.name),x=!0),e.headerType===l.HEADER_TYPES.TEXT){const t=null!==(d=null===(a=e.headerText)||void 0===a?void 0:a.trim())&&void 0!==d?d:"";if(t)if(t.length>i.HEADER_TEXT_LEN_LIMIT)D.header=i.HEADER_LEN_ERROR,C="invalid";else{const e=O.getTemplateVariablesFromState(t);e&&e.length>1&&(D.header=i.ONE_VAR_ALLOWED,C="invalid")}else D.header=i.REQUIRED_FIELD,C="invalid"}else e.headerType===l.HEADER_TYPES.DOCUMENT||e.headerType===l.HEADER_TYPES.IMAGE||(e.headerType,l.HEADER_TYPES.VIDEO);if(e.headerType!==l.HEADER_TYPES.DOCUMENT&&e.headerType!==l.HEADER_TYPES.IMAGE&&e.headerType!==l.HEADER_TYPES.VIDEO||e.headerAssetLink||(D.header=i.HEADER_ASSET_LINK_ERROR,C="invalid"),D.header&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.header),x=!0),e.bodyText?e.bodyTextRaw&&(null===(r=e.bodyTextRaw)||void 0===r?void 0:r.trim().length)>i.BODY_TEXT_LEN_LIMIT&&(D.body=i.BODY_LEN_ERROR,C="invalid"):(D.body=i.REQUIRED_FIELD,C="invalid"),D.body&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.body),x=!0),e.footerText&&e.footerText.length>i.HEADER_TEXT_LEN_LIMIT&&(D.footer=i.HEADER_LEN_ERROR,C="invalid"),(null==D?void 0:D.footer)&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.footer),x=!0),e.actionsType===l.ACTIONS_TYPES.CTA_BTN){if(null===(s=null===(v=e.ctaBtn)||void 0===v?void 0:v.phoneNumber)||void 0===s?void 0:s.isChecked){const t=null===(E=e.ctaBtn.phoneNumber.btnText)||void 0===E?void 0:E.trim(),n=e.ctaBtn.phoneNumber.phoneNumber;D.ctaBtn&&!t?(D.ctaBtn.phoneNumber.btnText=i.REQUIRED_FIELD,C="invalid"):D.ctaBtn&&t&&t.length>i.QUICK_REPLY_BTN_TEXT_LIMIT?(D.ctaBtn.phoneNumber.btnText=i.QUICK_REPLY_LEN_ERROR,C="invalid"):D.ctaBtn&&t&&A.test(t)&&(D.ctaBtn.phoneNumber.btnText=i.BUTTON_EMOJI_ERROR,C="invalid"),D.ctaBtn&&!n?(D.ctaBtn.phoneNumber.link=i.REQUIRED_FIELD,C="invalid"):D.ctaBtn&&n&&n.length<10&&(D.ctaBtn.phoneNumber.link=i.VALID_PHONE_NUMBER,C="invalid")}if(null===(T=null===(u=e.ctaBtn)||void 0===u?void 0:u.websiteLinkBtn)||void 0===T?void 0:T.isChecked){const t=null===(p=e.ctaBtn.websiteLinkBtn.btnText)||void 0===p?void 0:p.trim(),n=null===(_=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===_?void 0:_.trim(),l=null===(c=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===c?void 0:c.trim();D.ctaBtn&&!t?(D.ctaBtn.websiteLink.btnText=i.REQUIRED_FIELD,C="invalid"):D.ctaBtn&&t&&t.length>i.QUICK_REPLY_BTN_TEXT_LIMIT?(D.ctaBtn.websiteLink.btnText=i.QUICK_REPLY_LEN_ERROR,C="invalid"):D.ctaBtn&&t&&A.test(t)&&(D.ctaBtn.websiteLink.btnText=i.BUTTON_EMOJI_ERROR,C="invalid"),!D.ctaBtn||n||l||(D.ctaBtn.websiteLink.link=i.REQUIRED_FIELD,C="invalid")}}else if(e.actionsType===l.ACTIONS_TYPES.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((n,l)=>{const o=n.text.trim();if(o)if(o.length>i.QUICK_REPLY_NAME_LEN_LIMIT)t[l]=i.QUICK_REPLY_LEN_ERROR,C="invalid";else if(A.test(o))t[l]=i.BUTTON_EMOJI_ERROR,C="invalid";else{const n=[...e.quickReply];n.splice(l,1);n.find((e=>e.text===o))&&(t[l]=i.QUICK_REPLY_NAME_ERROR,C="invalid")}else t[l]=i.REQUIRED_FIELD,C="invalid"})),D.quickReply=t}if(e.actionsType===l.ACTIONS_TYPES.CTA_BTN||e.actionsType===l.ACTIONS_TYPES.QUICK_REPLY){const e=null===(R=D.quickReply)||void 0===R?void 0:R.reduce(((e,t)=>e||!!t),!1);((null===(h=null===(m=null==D?void 0:D.ctaBtn)||void 0===m?void 0:m.websiteLink)||void 0===h?void 0:h.link)||(null===(I=null===(b=D.ctaBtn)||void 0===b?void 0:b.websiteLink)||void 0===I?void 0:I.btnText)||(null===(N=null===(L=D.ctaBtn)||void 0===L?void 0:L.phoneNumber)||void 0===N?void 0:N.link)||(null===(B=null===(y=D.ctaBtn)||void 0===y?void 0:y.phoneNumber)||void 0===B?void 0:B.btnText)||e)&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.actionButtons),x=!0)}return{status:C,errors:D}}parseBodyComponent(e){let i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];var l,o,a,d,r;const v=[];let s="";const E=null===(l=e.components)||void 0===l?void 0:l.find((e=>"BODY"===e.type));return E&&(null===(a=null===(o=E.example)||void 0===o?void 0:o.body_text)||void 0===a||a[0].forEach(((t,i)=>{var l,o;let a=null===(o=null===(l=e.mapping)||void 0===l?void 0:l.body)||void 0===o?void 0:o[i];const d=a&&/\(\(/.test(a),r=null==a?void 0:a.match(n.placeHolderNamePattern);(null==r?void 0:r[2])&&(a=null==r?void 0:r[2]),v.push({idx:i,variableVal:t,editable:!!d,editableDefaultValues:d?void 0:t,variableName:null!=a?a:""})})),s=e.htmlContentUrl?e.htmlContentUrl:(null===(d=E.text)||void 0===d?void 0:d.split(/\{\{[0-9]+\}\}/).length)?null===(r=E.text)||void 0===r?void 0:r.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==v?void 0:v[n]){const l=v[n].variableName;return i?`${e}{{${l}}}`:`${e} <span> </span><span style="color: ${t.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</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,i,o,a,d,r;const v={actionsType:l.ACTIONS_TYPES.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0}},s=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(s&&(null===(i=null==s?void 0:s.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(o=null==s?void 0:s.buttons)||void 0===o?void 0:o[0].type)?l.ACTIONS_TYPES.QUICK_REPLY:l.ACTIONS_TYPES.CTA_BTN;if(v.actionsType=t,t===l.ACTIONS_TYPES.QUICK_REPLY){const e=null!==(d=null===(a=null==s?void 0:s.buttons)||void 0===a?void 0:a.map((e=>e)))&&void 0!==d?d:[];return v.quickReply=e,v}t===l.ACTIONS_TYPES.CTA_BTN&&(null===(r=null==s?void 0:s.buttons)||void 0===r||r.forEach((t=>{var i,l,o,a;if(t.phone_number&&(v.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(o=null===(l=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===l?void 0:l[0])&&void 0!==o?o:void 0;let r=!1;d&&n.editableVarPattern.test(d)&&(r=!0),v.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:r?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:r?void 0:d}}})))}return v}parseUITemplateFromDBFormat(t,n){let i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];var l;return e.__awaiter(this,void 0,void 0,(function*(){const{headerType:e,headerAssetLink:o,headerAssetName:a,headerText:d,headerVariables:r}=yield this.parseDataFromHeaderComponent(t),{bodyText:v,bodyVariable:s}=yield this.parseBodyComponent(t,i),{actionsType:E,quickReply:u,ctaBtn:T}=yield this.parseButtonComponent(t),p={quickReply:u,ctaBtn:T,meta:{name:n?`${t.label} Copy`:t.label,category:null===(l=t.category)||void 0===l?void 0:l.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:E,footerText:this.parseFooterComponent(t),bodyVariables:s,bodyText:v,headerType:e,headerAssetLink:o,headerAssetName:a,headerText:d,headerVariables:r,alreadyAsADraft:t.isDraft,mode:"edit",initialLoading:!1},{errors:_}=this.validateState(p);return p.error=_,p}))}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../helpers/BaseWhatsappContentLang.helper.js"),r=require("../constants/regexPatterns.js");const a=new e.BaseWhatsappContentLangHelper;exports.VariableEditorHelper=class{format(e,l){var t;if(!e)return"";const n=new RegExp(r.variablePattern,"g"),p=e.match(n),c=null!==(t=null==l?void 0:l.map((e=>{let{placeholder:r}=e;return r})))&&void 0!==t?t:[],o=e.split(r.variablePattern).map(((e,r)=>{var a;const t=null==p?void 0:p[r];if(t){const r=t.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),n=c.findIndex((e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r));return n>-1?e+'<code style="color: #731DCF">'+(null===(a=null==l?void 0:l[n])||void 0===a?void 0:a.value)+"</code>":e+t}return e})).join("");return a.getHTML(o)}};
|
|
@@ -2,5 +2,9 @@ import * as regexPatterns from './constants/regexPatterns';
|
|
|
2
2
|
export { regexPatterns };
|
|
3
3
|
export * from './TemplatePreview';
|
|
4
4
|
export * from './WhatsApp/WhatsAppLikePreview';
|
|
5
|
+
export * from './WhatsApp/WhatsAppLikePreviewV2';
|
|
5
6
|
export * from './helpers/SmsTemplateHelper';
|
|
6
7
|
export * from './helpers/WhatsAppFormatToHTML';
|
|
8
|
+
export * from './helpers/VariableEditorHelper';
|
|
9
|
+
export * from './models/EmailTemplate';
|
|
10
|
+
export * from './models/TemplateMeta';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { ReactElement } from 'react';
|
|
2
|
+
import { variableType } from '../helpers/VariableEditorHelper';
|
|
2
3
|
import { CHANNEL_TYPE } from './Channels';
|
|
3
4
|
import { ACTIONS_TYPES, ButtonPlaceHolderOptions, CUSTOM_VARIABLE, HEADER_TYPES, QUICK_REPLY_BUTTON, TEMPLATE_STATUS } from './TemplateMeta';
|
|
4
5
|
export type WhatsAppTemplate = {
|
|
@@ -168,6 +169,9 @@ export type WhatsappLikePreviewTypes = {
|
|
|
168
169
|
imagePreviewStyles?: React.CSSProperties;
|
|
169
170
|
size?: 'small' | 'large';
|
|
170
171
|
zeroStateComponent: ReactElement<any, any>;
|
|
172
|
+
children?: React.ReactNode;
|
|
173
|
+
bodyVariableList?: variableType[];
|
|
174
|
+
headerVariableList?: variableType[];
|
|
171
175
|
};
|
|
172
176
|
export type WhatsappMeta = {
|
|
173
177
|
containerStyle?: React.CSSProperties | undefined;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export declare class BaseWhatsappContentLangHelper {
|
|
2
|
+
getHTML(text: string): string;
|
|
3
|
+
/**
|
|
4
|
+
*
|
|
5
|
+
* how it works ?
|
|
6
|
+
*
|
|
7
|
+
* iterates through each chars, if the char matches the wildcard (eg * or _ or etc),
|
|
8
|
+
* if there is any alphanumeric char in previous, do nothing
|
|
9
|
+
* if there are no char next to it, do nothing
|
|
10
|
+
* if there is already an opening wildcard (odd number length for indices arr), and alphanumeric char next to it, do nothing,
|
|
11
|
+
* for odd number indices arr length, it means current wildcard is for closing, then check if previous
|
|
12
|
+
* char is there or not, if not , do nothing
|
|
13
|
+
* else push it to indices arr
|
|
14
|
+
*
|
|
15
|
+
* @param format
|
|
16
|
+
* @param wildcard
|
|
17
|
+
* @param opTag
|
|
18
|
+
* @param clTag
|
|
19
|
+
* @ref https://github.com/rodriguesabner/whatsapp-markdown/blob/main/src/index.js
|
|
20
|
+
* @returns
|
|
21
|
+
*/
|
|
22
|
+
private whatsappStyles;
|
|
23
|
+
/**
|
|
24
|
+
* how it works ?
|
|
25
|
+
* same as whatsappStyles, just that there is a offset of 3 char for every checks
|
|
26
|
+
*
|
|
27
|
+
* @param format
|
|
28
|
+
* @param opTag
|
|
29
|
+
* @param clTag
|
|
30
|
+
* @returns
|
|
31
|
+
*/
|
|
32
|
+
private whatsappStylesMonospace;
|
|
33
|
+
/**
|
|
34
|
+
*
|
|
35
|
+
* @param str
|
|
36
|
+
* @ref https://github.com/rodriguesabner/whatsapp-markdown/blob/main/src/index.js
|
|
37
|
+
* @returns
|
|
38
|
+
*/
|
|
39
|
+
private whatsappLinkStyle;
|
|
40
|
+
wrappWildcard(startIndex: number, endIndex: number, wildcard: string, str: string): string;
|
|
41
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../utils/isAlphanumeric.js");exports.BaseWhatsappContentLangHelper=class{getHTML(t){let e=t;return e=this.whatsappStyles(e,"_","<i>","</i>"),e=this.whatsappStyles(e,"*","<b>","</b>"),e=this.whatsappStyles(e,"~","<s>","</s>"),e=this.whatsappStylesMonospace(e,'<code style="color: black;">',"</code>"),e&&(e=e.replace(/\n/gi,"<br>")),e=this.whatsappLinkStyle(e),e}whatsappStyles(e,s,p,a){const r=[];if(e)for(let p=0;p<e.length;p++)e[p]===s?r.length%2?" "!==e[p-1]&&((void 0===e[p+1]||!t.isAplhanumeric(e[p+1]))&&r.push(p)):void 0!==e[p+1]&&(" "!==e[p+1]&&((void 0===e[p-1]||!t.isAplhanumeric(e[p-1]))&&r.push(p))):10===e.charCodeAt(p)&&r.length%2&&r.pop();r.length%2&&r.pop();let l=0;return r.forEach((function(t,s){const r=s%2?a:p;t+=l,e=e.substr(0,t)+r+e.substr(t+1),l+=r.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.isAplhanumeric(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.isAplhanumeric(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 r=0;return a.forEach((function(t,a){const l=a%2?p:s;t+=r,e=e.substr(0,t)+l+e.substr(t+3),r+=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)}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './BaseWhatsappContentLang.helper';
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -38,5 +38,7 @@ export * from './components/shimmer';
|
|
|
38
38
|
export * from './components/TablePagination/';
|
|
39
39
|
export * from './components/states-modal';
|
|
40
40
|
export * from './components/states';
|
|
41
|
+
export * from './components/WhatsAppTextEditor';
|
|
42
|
+
export * from './helpers';
|
|
41
43
|
export * from './components/card-selection-modal';
|
|
42
44
|
export * from './components/image-cropper';
|