@botonic/react 0.56.0-alpha.0 → 0.57.0-rslib-esm.0

package/lib/esm/components/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sourceRoot":"","sources":["../../../src/components/title.tsx"],"names":[],"mappings":";;;;;AACA,kFAAsC;AAEtC,yCAA+C;AAC/C,2CAAqD;AAErD,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAKM,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,uBAAC,cAAc,cAAE,KAAK,CAAC,QAAQ,GAAkB,CAAA;IAE7E,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,4CAAQ,KAAK,CAAC,QAAQ,GAAS,CAAA;IAExD,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AANY,QAAA,KAAK,SAMjB;AAED,aAAK,CAAC,WAAW,GAAG,mCAAuB,CAAC,KAAK,CAAA;AAEjD,aAAK,CAAC,SAAS,GAAG,CAAC,KAAiB,EAAE,EAAE;IACtC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAA;AAClC,CAAC,CAAA"}
+{"version":3,"file":"components/title.js","sources":["../../../src/components/title.tsx"],"sourcesContent":["import type React from 'react'\nimport styled from 'styled-components'\n\nimport { renderComponent } from '../util/react'\nimport { COMPONENT_DISPLAY_NAMES } from './constants'\n\nconst TitleContainer = styled.div`\n  font-size: 14px;\n  padding: 10px 15px;\n`\nexport interface TitleProps {\n  children: React.ReactNode\n}\n\nexport const Title = (props: TitleProps) => {\n  const renderBrowser = () => <TitleContainer>{props.children}</TitleContainer>\n\n  const renderNode = () => <title>{props.children}</title>\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nTitle.displayName = COMPONENT_DISPLAY_NAMES.Title\n\nTitle.serialize = (props: TitleProps) => {\n  return { title: props.children }\n}\n"],"names":["styled","renderComponent","COMPONENT_DISPLAY_NAMES","TitleContainer","Title","props","renderBrowser","renderNode"],"mappings":";;;;;;;;;;AACsC;AAES;AACM;AAErD,MAAMG,cAAcA,GAAGH,qBAAU,CAAC;;;AAGlC,CAAC;AAKM,MAAMI,KAAKA,GAAG,CAACC;IACpB,MAAMC,gBAAgB,kBAAM,IAACH,cAAcA;sBAAEE,MAAM,QAAQ;;IAE3D,MAAME,aAAa,kBAAM,IAAC;sBAAOF,MAAM,QAAQ;;IAE/C,OAAOJ,eAAeA,CAAC;QAAEK;QAAeC;IAAW;AACrD,EAAC;AAEDH,KAAKA,CAAC,WAAW,GAAGF,6BAA6B;AAEjDE,KAAKA,CAAC,SAAS,GAAG,CAACC;IACjB,OAAO;QAAE,OAAOA,MAAM,QAAQ;IAAC;AACjC"}

package/lib/esm/components/video.d.ts

@@ -1,4 +1,4 @@
-import type { VideoProps } from './index-types';
+import type { VideoProps } from './index-types.js';
 export declare const Video: {
     (props: VideoProps): import("react/jsx-runtime").JSX.Element;
     serialize: (videoProps: {

package/lib/esm/components/video.js

@@ -1,31 +1,58 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Video = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../constants");
-const environment_1 = require("../util/environment");
-const message_1 = require("./message");
-const StyledVideo = styled_components_1.default.video `
-  background-color: ${constants_1.COLORS.SOLID_BLACK_ALPHA_0_5};
+import { jsx } from "react/jsx-runtime";
+import { INPUT, isBrowser } from "@botonic/core";
+import styled_components from "styled-components";
+import { COLORS, ROLES } from "../constants.js";
+import { staticAsset } from "../util/environment.js";
+import { Message } from "./message/index.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+const StyledVideo = styled_components.video`
+  background-color: ${COLORS.SOLID_BLACK_ALPHA_0_5};
   border-radius: 8px;
   max-height: 180px;
   max-width: 300px;
   margin: 10px;
 `;
-const serialize = (videoProps) => {
-    return { video: videoProps.src };
+const serialize = (videoProps)=>{
+    return {
+        video: videoProps.src
+    };
 };
-const Video = (props) => {
-    props = { ...props, src: (0, environment_1.staticAsset)(props.src) };
+const Video = (props)=>{
+    props = {
+        ...props,
+        src: staticAsset(props.src)
+    };
     let content = props.children;
-    if ((0, core_1.isBrowser)()) {
-        content = ((0, jsx_runtime_1.jsx)(StyledVideo, { controls: true, children: (0, jsx_runtime_1.jsx)("source", { src: props.src }) }));
+    if (isBrowser()) {
+        content = /*#__PURE__*/ jsx(StyledVideo, {
+            controls: true,
+            children: /*#__PURE__*/ jsx("source", {
+                src: props.src
+            })
+        });
     }
-    return ((0, jsx_runtime_1.jsx)(message_1.Message, { role: constants_1.ROLES.VIDEO_MESSAGE, json: serialize(props), ...props, type: core_1.INPUT.VIDEO, children: content }));
+    return /*#__PURE__*/ jsx(Message, {
+        role: ROLES.VIDEO_MESSAGE,
+        json: serialize(props),
+        ...props,
+        type: INPUT.VIDEO,
+        children: content
+    });
 };
-exports.Video = Video;
-exports.Video.serialize = serialize;
+Video.serialize = serialize;
+
+export { Video };
+
 //# sourceMappingURL=video.js.map

package/lib/esm/components/video.js.map

@@ -1 +1 @@
-{"version":3,"file":"video.js","sourceRoot":"","sources":["../../../src/components/video.tsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAChD,kFAAsC;AAEtC,4CAA4C;AAC5C,qDAAiD;AAEjD,uCAAmC;AAEnC,MAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;sBACV,kBAAM,CAAC,qBAAqB;;;;;CAKjD,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,UAA2B,EAAE,EAAE;IAChD,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAA;AAClC,CAAC,CAAA;AAEM,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,KAAK,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAA;IACjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC5B,IAAI,IAAA,gBAAS,GAAE,EAAE,CAAC;QAChB,OAAO,GAAG,CACR,uBAAC,WAAW,IAAC,QAAQ,kBACnB,mCAAQ,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,GACd,CACf,CAAA;IACH,CAAC;IACD,OAAO,CACL,uBAAC,iBAAO,IACN,IAAI,EAAE,iBAAK,CAAC,aAAa,EACzB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,KAClB,KAAK,EACT,IAAI,EAAE,YAAK,CAAC,KAAK,YAEhB,OAAO,GACA,CACX,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,KAAK,SAoBjB;AAED,aAAK,CAAC,SAAS,GAAG,SAAS,CAAA"}
+{"version":3,"file":"components/video.js","sources":["../../../src/components/video.tsx"],"sourcesContent":["import { INPUT, isBrowser } from '@botonic/core'\nimport styled from 'styled-components'\n\nimport { COLORS, ROLES } from '../constants'\nimport { staticAsset } from '../util/environment'\nimport type { VideoProps } from './index-types'\nimport { Message } from './message'\n\nconst StyledVideo = styled.video`\n  background-color: ${COLORS.SOLID_BLACK_ALPHA_0_5};\n  border-radius: 8px;\n  max-height: 180px;\n  max-width: 300px;\n  margin: 10px;\n`\n\nconst serialize = (videoProps: { src: string }) => {\n  return { video: videoProps.src }\n}\n\nexport const Video = (props: VideoProps) => {\n  props = { ...props, src: staticAsset(props.src) }\n  let content = props.children\n  if (isBrowser()) {\n    content = (\n      <StyledVideo controls>\n        <source src={props.src} />\n      </StyledVideo>\n    )\n  }\n  return (\n    <Message\n      role={ROLES.VIDEO_MESSAGE}\n      json={serialize(props)}\n      {...props}\n      type={INPUT.VIDEO}\n    >\n      {content}\n    </Message>\n  )\n}\n\nVideo.serialize = serialize\n"],"names":["INPUT","isBrowser","styled","COLORS","ROLES","staticAsset","Message","StyledVideo","serialize","videoProps","Video","props","content"],"mappings":";;;;;;;;;;;;;;AAAgD;AACV;AAEM;AACK;AAEd;AAEnC,MAAMO,WAAWA,GAAGL,uBAAY,CAAC;oBACb,EAAEC,4BAA4B,CAAC;;;;;AAKnD,CAAC;AAED,MAAMK,SAASA,GAAG,CAACC;IACjB,OAAO;QAAE,OAAOA,WAAW,GAAG;IAAC;AACjC;AAEO,MAAMC,KAAKA,GAAG,CAACC;IACpBA,QAAQ;QAAE,GAAGA,KAAK;QAAE,KAAKN,WAAWA,CAACM,MAAM,GAAG;IAAE;IAChD,IAAIC,UAAUD,MAAM,QAAQ;IAC5B,IAAIV,SAASA,IAAI;QACfW,wBACE,IAACL,WAAWA;YAAC,QAAQ;sBACnB,kBAAC;gBAAO,KAAKI,MAAM,GAAG;;;IAG5B;IACA,qBACE,IAACL,OAAOA;QACN,MAAMF,mBAAmB;QACzB,MAAMI,SAASA,CAACG;QACf,GAAGA,KAAK;QACT,MAAMX,WAAW;kBAEhBY;;AAGP,EAAC;AAEDF,KAAKA,CAAC,SAAS,GAAGF,SAASA"}

package/lib/esm/components/webchat-settings.d.ts

@@ -1,5 +1,5 @@
-import type { PersistentMenuOptionsTheme, WebchatTheme } from '../webchat/theme/types';
-import type { BlockInputOption } from './index-types';
+import type { PersistentMenuOptionsTheme, WebchatTheme } from '../webchat/theme/types.js';
+import type { BlockInputOption } from './index-types.js';
 export declare const normalizeWebchatSettings: (settings: WebchatSettingsProps) => Partial<WebchatTheme>;
 export interface WebchatSettingsProps {
     blockInputs?: BlockInputOption[];

package/lib/esm/components/webchat-settings.js

@@ -1,14 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebchatSettings = exports.normalizeWebchatSettings = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("react");
-const react_2 = require("../util/react");
-const regexs_1 = require("../util/regexs");
-const context_1 = require("../webchat/context");
-const normalizeWebchatSettings = (settings) => {
-    let { theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, } = settings;
+import { jsx } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import { useContext } from "react";
+import { renderComponent } from "../util/react.js";
+import { stringifyWithRegexs } from "../util/regexs.js";
+import { WebchatContext } from "../webchat/context/index.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+const normalizeWebchatSettings = (settings)=>{
+    let { theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations } = settings;
     if (!theme) {
         theme = {};
     }
@@ -44,10 +54,9 @@ const normalizeWebchatSettings = (settings) => {
     }
     return theme;
 };
-exports.normalizeWebchatSettings = normalizeWebchatSettings;
-const WebchatSettings = ({ theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, user, }) => {
-    const renderBrowser = () => {
-        const { updateWebchatDevSettings } = (0, react_1.useContext)(context_1.WebchatContext);
+const WebchatSettings = ({ theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, user })=>{
+    const renderBrowser = ()=>{
+        const { updateWebchatDevSettings } = useContext(WebchatContext);
         updateWebchatDevSettings({
             theme,
             blockInputs,
@@ -55,25 +64,35 @@ const WebchatSettings = ({ theme, blockInputs, persistentMenu, enableEmojiPicker
             enableEmojiPicker,
             enableAttachments,
             enableUserInput,
-            enableAnimations,
+            enableAnimations
         });
         return null;
     };
-    const renderNode = () => {
-        const updatedTheme = (0, exports.normalizeWebchatSettings)({
+    const renderNode = ()=>{
+        const updatedTheme = normalizeWebchatSettings({
             theme,
             blockInputs,
             persistentMenu,
             enableEmojiPicker,
             enableAttachments,
             enableUserInput,
-            enableAnimations,
+            enableAnimations
         });
-        return (
-        //@ts-expect-error
-        (0, jsx_runtime_1.jsx)("message", { type: core_1.INPUT.WEBCHAT_SETTINGS, settings: (0, regexs_1.stringifyWithRegexs)({ theme: updatedTheme, user }) }));
+        return(//@ts-expect-error
+        /*#__PURE__*/ jsx("message", {
+            type: INPUT.WEBCHAT_SETTINGS,
+            settings: stringifyWithRegexs({
+                theme: updatedTheme,
+                user
+            })
+        }));
     };
-    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.WebchatSettings = WebchatSettings;
+
+export { WebchatSettings, normalizeWebchatSettings };
+
 //# sourceMappingURL=webchat-settings.js.map

package/lib/esm/components/webchat-settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"webchat-settings.js","sourceRoot":"","sources":["../../../src/components/webchat-settings.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"components/webchat-settings.js","sources":["../../../src/components/webchat-settings.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\nimport { useContext } from 'react'\n\nimport { renderComponent } from '../util/react'\nimport { stringifyWithRegexs } from '../util/regexs'\nimport { WebchatContext } from '../webchat/context'\nimport type {\n  PersistentMenuOptionsTheme,\n  WebchatTheme,\n} from '../webchat/theme/types'\nimport type { BlockInputOption } from './index-types'\n\nexport const normalizeWebchatSettings = (settings: WebchatSettingsProps) => {\n  let {\n    theme,\n    blockInputs,\n    persistentMenu,\n    enableEmojiPicker,\n    enableAttachments,\n    enableUserInput,\n    enableAnimations,\n  } = settings\n  if (!theme) {\n    theme = {}\n  }\n  if (!theme.userInput) {\n    theme.userInput = {}\n  }\n  if (persistentMenu !== undefined) {\n    theme.userInput.persistentMenu = persistentMenu\n  }\n  if (enableEmojiPicker !== undefined) {\n    if (!theme.userInput.emojiPicker) {\n      theme.userInput.emojiPicker = {}\n    }\n    theme.userInput.emojiPicker.enable = enableEmojiPicker\n  }\n  if (enableAttachments !== undefined) {\n    if (!theme.userInput.attachments) {\n      theme.userInput.attachments = {}\n    }\n    theme.userInput.attachments.enable = enableAttachments\n  }\n  if (enableUserInput !== undefined) {\n    theme.userInput.enable = enableUserInput\n  }\n  if (blockInputs !== undefined) {\n    theme.userInput.blockInputs = blockInputs\n  }\n\n  if (!theme.animations) {\n    theme.animations = {}\n  }\n  if (enableAnimations !== undefined) {\n    theme.animations.enable = enableAnimations\n  }\n  return theme\n}\n\nexport interface WebchatSettingsProps {\n  blockInputs?: BlockInputOption[]\n  enableAnimations?: boolean\n  enableAttachments?: boolean\n  enableEmojiPicker?: boolean\n  enableUserInput?: boolean\n  persistentMenu?: PersistentMenuOptionsTheme\n  theme?: Partial<WebchatTheme>\n  user?: {\n    extra_data?: any\n    country?: string\n    locale?: string\n    system_locale?: string\n  }\n}\n\nexport const WebchatSettings = ({\n  theme,\n  blockInputs,\n  persistentMenu,\n  enableEmojiPicker,\n  enableAttachments,\n  enableUserInput,\n  enableAnimations,\n  user,\n}: WebchatSettingsProps) => {\n  const renderBrowser = () => {\n    const { updateWebchatDevSettings } = useContext(WebchatContext)\n    updateWebchatDevSettings({\n      theme,\n      blockInputs,\n      persistentMenu,\n      enableEmojiPicker,\n      enableAttachments,\n      enableUserInput,\n      enableAnimations,\n    })\n    return null\n  }\n  const renderNode = () => {\n    const updatedTheme = normalizeWebchatSettings({\n      theme,\n      blockInputs,\n      persistentMenu,\n      enableEmojiPicker,\n      enableAttachments,\n      enableUserInput,\n      enableAnimations,\n    })\n    return (\n      //@ts-expect-error\n      <message\n        type={INPUT.WEBCHAT_SETTINGS}\n        settings={stringifyWithRegexs({ theme: updatedTheme, user })}\n      />\n    )\n  }\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","useContext","renderComponent","stringifyWithRegexs","WebchatContext","normalizeWebchatSettings","settings","theme","blockInputs","persistentMenu","enableEmojiPicker","enableAttachments","enableUserInput","enableAnimations","undefined","WebchatSettings","user","renderBrowser","updateWebchatDevSettings","renderNode","updatedTheme"],"mappings":";;;;;;;;;;;;;;AAAqC;AACH;AAEa;AACK;AACD;AAO5C,MAAMK,wBAAwBA,GAAG,CAACC;IACvC,IAAI,EACFC,KAAK,EACLC,WAAW,EACXC,cAAc,EACdC,iBAAiB,EACjBC,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,EACjB,GAAGP;IACJ,IAAI,CAACC,OAAO;QACVA,QAAQ,CAAC;IACX;IACA,IAAI,CAACA,MAAM,SAAS,EAAE;QACpBA,MAAM,SAAS,GAAG,CAAC;IACrB;IACA,IAAIE,mBAAmBK,WAAW;QAChCP,MAAM,SAAS,CAAC,cAAc,GAAGE;IACnC;IACA,IAAIC,sBAAsBI,WAAW;QACnC,IAAI,CAACP,MAAM,SAAS,CAAC,WAAW,EAAE;YAChCA,MAAM,SAAS,CAAC,WAAW,GAAG,CAAC;QACjC;QACAA,MAAM,SAAS,CAAC,WAAW,CAAC,MAAM,GAAGG;IACvC;IACA,IAAIC,sBAAsBG,WAAW;QACnC,IAAI,CAACP,MAAM,SAAS,CAAC,WAAW,EAAE;YAChCA,MAAM,SAAS,CAAC,WAAW,GAAG,CAAC;QACjC;QACAA,MAAM,SAAS,CAAC,WAAW,CAAC,MAAM,GAAGI;IACvC;IACA,IAAIC,oBAAoBE,WAAW;QACjCP,MAAM,SAAS,CAAC,MAAM,GAAGK;IAC3B;IACA,IAAIJ,gBAAgBM,WAAW;QAC7BP,MAAM,SAAS,CAAC,WAAW,GAAGC;IAChC;IAEA,IAAI,CAACD,MAAM,UAAU,EAAE;QACrBA,MAAM,UAAU,GAAG,CAAC;IACtB;IACA,IAAIM,qBAAqBC,WAAW;QAClCP,MAAM,UAAU,CAAC,MAAM,GAAGM;IAC5B;IACA,OAAON;AACT,EAAC;AAkBM,MAAMQ,eAAeA,GAAG,CAAC,EAC9BR,KAAK,EACLC,WAAW,EACXC,cAAc,EACdC,iBAAiB,EACjBC,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,EAChBG,IAAI,EACiB;IACrB,MAAMC,gBAAgB;QACpB,MAAM,EAAEC,wBAAwB,EAAE,GAAGjB,UAAUA,CAACG,cAAcA;QAC9Dc,yBAAyB;YACvBX;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;QACA,OAAO;IACT;IACA,MAAMM,aAAa;QACjB,MAAMC,eAAef,wBAAwBA,CAAC;YAC5CE;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;QACA,OACE,kBAAkB;sBAClB,IAAC;YACC,MAAMb,sBAAsB;YAC5B,UAAUG,mBAAmBA,CAAC;gBAAE,OAAOiB;gBAAcJ;YAAK;;IAGhE;IACA,OAAOd,eAAeA,CAAC;QAAEe;QAAeE;IAAW;AACrD,EAAC"}

package/lib/esm/components/whatsapp-button-list.js

@@ -1,51 +1,78 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappButtonList = exports.WHATSAPP_MAX_BUTTON_LIST_ID_CHARS = exports.WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS = exports.WHATSAPP_MAX_BUTTON_LIST_CHARS = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const util_1 = require("../util");
-const react_1 = require("../util/react");
-const message_1 = require("./message");
-const constants_1 = require("./multichannel/whatsapp/constants");
-const markdown_meta_1 = require("./multichannel/whatsapp/markdown-meta");
+import { jsx } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import { truncateText } from "../util/index.js";
+import { renderComponent } from "../util/react.js";
+import { Message } from "./message/index.js";
+import { WHATSAPP_MAX_BUTTON_CHARS } from "./multichannel/whatsapp/constants.js";
+import { convertToMarkdownMeta } from "./multichannel/whatsapp/markdown-meta.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 // TODO: Add validation in component
-exports.WHATSAPP_MAX_BUTTON_LIST_CHARS = 24;
-exports.WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS = 72;
-exports.WHATSAPP_MAX_BUTTON_LIST_ID_CHARS = 200;
-const serialize = _whatsappButtonListProps => {
+const WHATSAPP_MAX_BUTTON_LIST_CHARS = 24;
+const WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS = 72;
+const WHATSAPP_MAX_BUTTON_LIST_ID_CHARS = 200;
+const serialize = (_whatsappButtonListProps)=>{
     // TODO: Implement to have data persistence in localStorage, not needed for this WhatsApp development
     return {};
 };
-const WhatsappButtonList = (props) => {
-    const truncateSectionsContents = (sections) => {
-        const truncateRowContents = (row) => {
-            const title = (0, util_1.truncateText)(row.title, exports.WHATSAPP_MAX_BUTTON_LIST_CHARS);
-            const description = row.description
-                ? (0, util_1.truncateText)(row.description, exports.WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS)
-                : undefined;
-            if (row.id.length > exports.WHATSAPP_MAX_BUTTON_LIST_ID_CHARS) {
-                console.error(`Button id "${row.id}" exceeds the maximum length of ${exports.WHATSAPP_MAX_BUTTON_LIST_ID_CHARS} characters`);
+const WhatsappButtonList = (props)=>{
+    const truncateSectionsContents = (sections)=>{
+        const truncateRowContents = (row)=>{
+            const title = truncateText(row.title, WHATSAPP_MAX_BUTTON_LIST_CHARS);
+            const description = row.description ? truncateText(row.description, WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS) : undefined;
+            if (row.id.length > WHATSAPP_MAX_BUTTON_LIST_ID_CHARS) {
+                console.error(`Button id "${row.id}" exceeds the maximum length of ${WHATSAPP_MAX_BUTTON_LIST_ID_CHARS} characters`);
             }
-            return { ...row, title, description };
+            return {
+                ...row,
+                title,
+                description
+            };
         };
-        return sections.map(section => ({
-            title: section.title
-                ? (0, util_1.truncateText)(section.title, exports.WHATSAPP_MAX_BUTTON_LIST_CHARS)
-                : undefined,
-            rows: section.rows.map(truncateRowContents),
-        }));
+        return sections.map((section)=>({
+                title: section.title ? truncateText(section.title, WHATSAPP_MAX_BUTTON_LIST_CHARS) : undefined,
+                rows: section.rows.map(truncateRowContents)
+            }));
     };
-    const renderBrowser = () => {
+    const renderBrowser = ()=>{
         // Return a dummy message for browser
         const message = `${JSON.stringify(props)}`;
-        return ((0, jsx_runtime_1.jsx)(message_1.Message, { json: serialize(message), ...props, type: core_1.INPUT.WHATSAPP_BUTTON_LIST, children: message }));
+        return /*#__PURE__*/ jsx(Message, {
+            json: serialize(message),
+            ...props,
+            type: INPUT.WHATSAPP_BUTTON_LIST,
+            children: message
+        });
     };
-    const renderNode = () => {
-        return (
-        // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
-        (0, jsx_runtime_1.jsx)("message", { ...props, body: (0, markdown_meta_1.convertToMarkdownMeta)(props.body), button: (0, util_1.truncateText)(props.button, constants_1.WHATSAPP_MAX_BUTTON_CHARS), sections: JSON.stringify(truncateSectionsContents(props.sections)), type: core_1.INPUT.WHATSAPP_BUTTON_LIST }));
+    const renderNode = ()=>{
+        return(// @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        /*#__PURE__*/ jsx("message", {
+            ...props,
+            body: convertToMarkdownMeta(props.body),
+            button: truncateText(props.button, WHATSAPP_MAX_BUTTON_CHARS),
+            sections: JSON.stringify(truncateSectionsContents(props.sections)),
+            type: INPUT.WHATSAPP_BUTTON_LIST
+        }));
     };
-    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.WhatsappButtonList = WhatsappButtonList;
+
+export { WHATSAPP_MAX_BUTTON_LIST_CHARS, WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS, WHATSAPP_MAX_BUTTON_LIST_ID_CHARS, WhatsappButtonList };
+
 //# sourceMappingURL=whatsapp-button-list.js.map

package/lib/esm/components/whatsapp-button-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-button-list.js","sourceRoot":"","sources":["../../../src/components/whatsapp-button-list.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAErC,kCAAsC;AACtC,yCAA+C;AAC/C,uCAAmC;AACnC,iEAA6E;AAC7E,yEAA6E;AAE7E,oCAAoC;AAEvB,QAAA,8BAA8B,GAAG,EAAE,CAAA;AACnC,QAAA,0CAA0C,GAAG,EAAE,CAAA;AAC/C,QAAA,iCAAiC,GAAG,GAAG,CAAA;AAoBpD,MAAM,SAAS,GAAG,wBAAwB,CAAC,EAAE;IAC3C,qGAAqG;IACrG,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAEM,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,wBAAwB,GAAG,CAC/B,QAA0C,EACR,EAAE;QACpC,MAAM,mBAAmB,GAAG,CAC1B,GAA+B,EACH,EAAE;YAC9B,MAAM,KAAK,GAAG,IAAA,mBAAY,EAAC,GAAG,CAAC,KAAK,EAAE,sCAA8B,CAAC,CAAA;YACrE,MAAM,WAAW,GAAG,GAAG,CAAC,WAAW;gBACjC,CAAC,CAAC,IAAA,mBAAY,EACV,GAAG,CAAC,WAAW,EACf,kDAA0C,CAC3C;gBACH,CAAC,CAAC,SAAS,CAAA;YACb,IAAI,GAAG,CAAC,EAAE,CAAC,MAAM,GAAG,yCAAiC,EAAE,CAAC;gBACtD,OAAO,CAAC,KAAK,CACX,cAAc,GAAG,CAAC,EAAE,mCAAmC,yCAAiC,aAAa,CACtG,CAAA;YACH,CAAC;YACD,OAAO,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,CAAA;QACvC,CAAC,CAAA;QAED,OAAO,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAC9B,KAAK,EAAE,OAAO,CAAC,KAAK;gBAClB,CAAC,CAAC,IAAA,mBAAY,EAAC,OAAO,CAAC,KAAK,EAAE,sCAA8B,CAAC;gBAC7D,CAAC,CAAC,SAAS;YACb,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC;SAC5C,CAAC,CAAC,CAAA;IACL,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAA;QAC1C,OAAO,CACL,uBAAC,iBAAO,IACN,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,KACpB,KAAK,EACT,IAAI,EAAE,YAAK,CAAC,oBAAoB,YAE/B,OAAO,GACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,sFAAsF;QACtF,uCACM,KAAK,EACT,IAAI,EAAE,IAAA,qCAAqB,EAAC,KAAK,CAAC,IAAI,CAAC,EACvC,MAAM,EAAE,IAAA,mBAAY,EAAC,KAAK,CAAC,MAAM,EAAE,qCAAyB,CAAC,EAC7D,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAClE,IAAI,EAAE,YAAK,CAAC,oBAAoB,GAChC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AA1DY,QAAA,kBAAkB,sBA0D9B"}
+{"version":3,"file":"components/whatsapp-button-list.js","sources":["../../../src/components/whatsapp-button-list.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\n\nimport { truncateText } from '../util'\nimport { renderComponent } from '../util/react'\nimport { Message } from './message'\nimport { WHATSAPP_MAX_BUTTON_CHARS } from './multichannel/whatsapp/constants'\nimport { convertToMarkdownMeta } from './multichannel/whatsapp/markdown-meta'\n\n// TODO: Add validation in component\n\nexport const WHATSAPP_MAX_BUTTON_LIST_CHARS = 24\nexport const WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS = 72\nexport const WHATSAPP_MAX_BUTTON_LIST_ID_CHARS = 200\nexport interface WhatsappButtonListSectionProps {\n  title?: string\n  rows: WhatsappButtonListRowProps[]\n}\n\nexport interface WhatsappButtonListRowProps {\n  id: string\n  title: string\n  description?: string\n}\n\nexport interface WhatsappButtonListProps {\n  header?: string\n  body: string\n  footer?: string\n  button: string\n  sections: WhatsappButtonListSectionProps[]\n}\n\nconst serialize = _whatsappButtonListProps => {\n  // TODO: Implement to have data persistence in localStorage, not needed for this WhatsApp development\n  return {}\n}\n\nexport const WhatsappButtonList = (props: WhatsappButtonListProps) => {\n  const truncateSectionsContents = (\n    sections: WhatsappButtonListSectionProps[]\n  ): WhatsappButtonListSectionProps[] => {\n    const truncateRowContents = (\n      row: WhatsappButtonListRowProps\n    ): WhatsappButtonListRowProps => {\n      const title = truncateText(row.title, WHATSAPP_MAX_BUTTON_LIST_CHARS)\n      const description = row.description\n        ? truncateText(\n            row.description,\n            WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS\n          )\n        : undefined\n      if (row.id.length > WHATSAPP_MAX_BUTTON_LIST_ID_CHARS) {\n        console.error(\n          `Button id \"${row.id}\" exceeds the maximum length of ${WHATSAPP_MAX_BUTTON_LIST_ID_CHARS} characters`\n        )\n      }\n      return { ...row, title, description }\n    }\n\n    return sections.map(section => ({\n      title: section.title\n        ? truncateText(section.title, WHATSAPP_MAX_BUTTON_LIST_CHARS)\n        : undefined,\n      rows: section.rows.map(truncateRowContents),\n    }))\n  }\n\n  const renderBrowser = () => {\n    // Return a dummy message for browser\n    const message = `${JSON.stringify(props)}`\n    return (\n      <Message\n        json={serialize(message)}\n        {...props}\n        type={INPUT.WHATSAPP_BUTTON_LIST}\n      >\n        {message}\n      </Message>\n    )\n  }\n\n  const renderNode = () => {\n    return (\n      // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.\n      <message\n        {...props}\n        body={convertToMarkdownMeta(props.body)}\n        button={truncateText(props.button, WHATSAPP_MAX_BUTTON_CHARS)}\n        sections={JSON.stringify(truncateSectionsContents(props.sections))}\n        type={INPUT.WHATSAPP_BUTTON_LIST}\n      />\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","truncateText","renderComponent","Message","WHATSAPP_MAX_BUTTON_CHARS","convertToMarkdownMeta","WHATSAPP_MAX_BUTTON_LIST_CHARS","WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS","WHATSAPP_MAX_BUTTON_LIST_ID_CHARS","serialize","_whatsappButtonListProps","WhatsappButtonList","props","truncateSectionsContents","sections","truncateRowContents","row","title","description","undefined","console","section","renderBrowser","message","JSON","renderNode"],"mappings":";;;;;;;;;;;;;;;;AAAqC;AAEC;AACS;AACZ;AAC0C;AACA;AAE7E,oCAAoC;AAE7B,MAAMM,8BAA8BA,GAAG,GAAE;AACzC,MAAMC,0CAA0CA,GAAG,GAAE;AACrD,MAAMC,iCAAiCA,GAAG,IAAG;AAoBpD,MAAMC,SAASA,GAAGC,CAAAA;IAChB,qGAAqG;IACrG,OAAO,CAAC;AACV;AAEO,MAAMC,kBAAkBA,GAAG,CAACC;IACjC,MAAMC,2BAA2B,CAC/BC;QAEA,MAAMC,sBAAsB,CAC1BC;YAEA,MAAMC,QAAQhB,YAAYA,CAACe,IAAI,KAAK,EAAEV,8BAA8BA;YACpE,MAAMY,cAAcF,IAAI,WAAW,GAC/Bf,YAAYA,CACVe,IAAI,WAAW,EACfT,0CAA0CA,IAE5CY;YACJ,IAAIH,IAAI,EAAE,CAAC,MAAM,GAAGR,iCAAiCA,EAAE;gBACrDY,QAAQ,KAAK,CACX,CAAC,WAAW,EAAEJ,IAAI,EAAE,CAAC,gCAAgC,EAAER,iCAAiCA,CAAC,WAAW,CAAC;YAEzG;YACA,OAAO;gBAAE,GAAGQ,GAAG;gBAAEC;gBAAOC;YAAY;QACtC;QAEA,OAAOJ,SAAS,GAAG,CAACO,CAAAA,UAAY;gBAC9B,OAAOA,QAAQ,KAAK,GAChBpB,YAAYA,CAACoB,QAAQ,KAAK,EAAEf,8BAA8BA,IAC1Da;gBACJ,MAAME,QAAQ,IAAI,CAAC,GAAG,CAACN;YACzB;IACF;IAEA,MAAMO,gBAAgB;QACpB,qCAAqC;QACrC,MAAMC,UAAU,GAAGC,KAAK,SAAS,CAACZ,QAAQ;QAC1C,qBACE,IAACT,OAAOA;YACN,MAAMM,SAASA,CAACc;YACf,GAAGX,KAAK;YACT,MAAMZ,0BAA0B;sBAE/BuB;;IAGP;IAEA,MAAME,aAAa;QACjB,OACE,sFAAsF;sBACtF,IAAC;YACE,GAAGb,KAAK;YACT,MAAMP,qBAAqBA,CAACO,MAAM,IAAI;YACtC,QAAQX,YAAYA,CAACW,MAAM,MAAM,EAAER,yBAAyBA;YAC5D,UAAUoB,KAAK,SAAS,CAACX,yBAAyBD,MAAM,QAAQ;YAChE,MAAMZ,0BAA0B;;IAGtC;IAEA,OAAOE,eAAeA,CAAC;QAAEoB;QAAeG;IAAW;AACrD,EAAC"}

package/lib/esm/components/whatsapp-catalog.js

@@ -1,25 +1,48 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappCatalog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("../util/react");
-const message_1 = require("./message");
-const serialize = (message) => {
-    return { text: message };
+import { jsx } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import { renderComponent } from "../util/react.js";
+import { Message } from "./message/index.js";
+
+
+
+
+
+
+
+
+
+const serialize = (message)=>{
+    return {
+        text: message
+    };
 };
-const WhatsappCatalog = (props) => {
-    const renderBrowser = () => {
+const WhatsappCatalog = (props)=>{
+    const renderBrowser = ()=>{
         // Return a dummy message for browser
         const message = `WhatsApp Catalog would be sent to the user.`;
-        return ((0, jsx_runtime_1.jsx)(message_1.Message, { json: serialize(message), ...props, type: core_1.INPUT.TEXT, children: message }));
+        return /*#__PURE__*/ jsx(Message, {
+            json: serialize(message),
+            ...props,
+            type: INPUT.TEXT,
+            children: message
+        });
     };
-    const renderNode = () => {
-        return (
-        // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
-        (0, jsx_runtime_1.jsx)("message", { ...props, body: props.body, footer: props.footer, thumbnailProductId: props.thumbnailProductId, type: core_1.INPUT.WHATSAPP_CATALOG }));
+    const renderNode = ()=>{
+        return(// @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        /*#__PURE__*/ jsx("message", {
+            ...props,
+            body: props.body,
+            footer: props.footer,
+            thumbnailProductId: props.thumbnailProductId,
+            type: INPUT.WHATSAPP_CATALOG
+        }));
     };
-    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.WhatsappCatalog = WhatsappCatalog;
+
+export { WhatsappCatalog };
+
 //# sourceMappingURL=whatsapp-catalog.js.map

package/lib/esm/components/whatsapp-catalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-catalog.js","sourceRoot":"","sources":["../../../src/components/whatsapp-catalog.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAErC,yCAA+C;AAC/C,uCAAmC;AAQnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAEM,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,6CAA6C,CAAA;QAC7D,OAAO,CACL,uBAAC,iBAAO,IAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,KAAM,KAAK,EAAE,IAAI,EAAE,YAAK,CAAC,IAAI,YAC3D,OAAO,GACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,sFAAsF;QACtF,uCACM,KAAK,EACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,IAAI,EAAE,YAAK,CAAC,gBAAgB,GAC5B,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAzBY,QAAA,eAAe,mBAyB3B"}
+{"version":3,"file":"components/whatsapp-catalog.js","sources":["../../../src/components/whatsapp-catalog.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\n\nimport { renderComponent } from '../util/react'\nimport { Message } from './message'\n\nexport interface WhatsappCatalogProps {\n  body: string\n  footer?: string\n  thumbnailProductId?: string\n}\n\nconst serialize = (message: string) => {\n  return { text: message }\n}\n\nexport const WhatsappCatalog = (props: WhatsappCatalogProps) => {\n  const renderBrowser = () => {\n    // Return a dummy message for browser\n    const message = `WhatsApp Catalog would be sent to the user.`\n    return (\n      <Message json={serialize(message)} {...props} type={INPUT.TEXT}>\n        {message}\n      </Message>\n    )\n  }\n\n  const renderNode = () => {\n    return (\n      // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.\n      <message\n        {...props}\n        body={props.body}\n        footer={props.footer}\n        thumbnailProductId={props.thumbnailProductId}\n        type={INPUT.WHATSAPP_CATALOG}\n      />\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","renderComponent","Message","serialize","message","WhatsappCatalog","props","renderBrowser","renderNode"],"mappings":";;;;;;;;;;AAAqC;AAEU;AACZ;AAQnC,MAAMG,SAASA,GAAG,CAACC;IACjB,OAAO;QAAE,MAAMA;IAAQ;AACzB;AAEO,MAAMC,eAAeA,GAAG,CAACC;IAC9B,MAAMC,gBAAgB;QACpB,qCAAqC;QACrC,MAAMH,UAAU,CAAC,2CAA2C,CAAC;QAC7D,qBACE,IAACF,OAAOA;YAAC,MAAMC,SAASA,CAACC;YAAW,GAAGE,KAAK;YAAE,MAAMN,UAAU;sBAC3DI;;IAGP;IAEA,MAAMI,aAAa;QACjB,OACE,sFAAsF;sBACtF,IAAC;YACE,GAAGF,KAAK;YACT,MAAMA,MAAM,IAAI;YAChB,QAAQA,MAAM,MAAM;YACpB,oBAAoBA,MAAM,kBAAkB;YAC5C,MAAMN,sBAAsB;;IAGlC;IAEA,OAAOC,eAAeA,CAAC;QAAEM;QAAeC;IAAW;AACrD,EAAC"}

package/lib/esm/components/whatsapp-cta-url-button.js

@@ -1,61 +1,75 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappCTAUrlButton = exports.WhatsappCTAUrlHeaderType = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const util_1 = require("../util");
-const react_1 = require("../util/react");
-const webviews_1 = require("../util/webviews");
-const message_1 = require("./message");
-const constants_1 = require("./multichannel/whatsapp/constants");
-const markdown_meta_1 = require("./multichannel/whatsapp/markdown-meta");
-var WhatsappCTAUrlHeaderType;
-(function (WhatsappCTAUrlHeaderType) {
+import { jsx } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import { truncateText } from "../util/index.js";
+import { renderComponent } from "../util/react.js";
+import { generateWebviewUrlWithParams } from "../util/webviews.js";
+import { Message } from "./message/index.js";
+import { WHATSAPP_MAX_BODY_CHARS, WHATSAPP_MAX_BUTTON_CHARS, WHATSAPP_MAX_FOOTER_CHARS, WHATSAPP_MAX_HEADER_CHARS } from "./multichannel/whatsapp/constants.js";
+import { convertToMarkdownMeta } from "./multichannel/whatsapp/markdown-meta.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var whatsapp_cta_url_button_WhatsappCTAUrlHeaderType = /*#__PURE__*/ function(WhatsappCTAUrlHeaderType) {
     WhatsappCTAUrlHeaderType["Document"] = "document";
     WhatsappCTAUrlHeaderType["Image"] = "image";
     WhatsappCTAUrlHeaderType["Text"] = "text";
     WhatsappCTAUrlHeaderType["Video"] = "video";
-})(WhatsappCTAUrlHeaderType || (exports.WhatsappCTAUrlHeaderType = WhatsappCTAUrlHeaderType = {}));
-const serialize = _whatsappCTAUrlButtonProps => {
+    return WhatsappCTAUrlHeaderType;
+}({});
+const serialize = (_whatsappCTAUrlButtonProps)=>{
     // TODO: Implement to have data persistence in localStorage, not needed for this WhatsApp development
     return {};
 };
-const WhatsappCTAUrlButton = (props) => {
-    const renderBrowser = () => {
+const WhatsappCTAUrlButton = (props)=>{
+    const renderBrowser = ()=>{
         // Return a dummy message for browser
         const message = `${JSON.stringify(props)}`;
-        return ((0, jsx_runtime_1.jsx)(message_1.Message, { json: serialize(message), ...props, type: core_1.INPUT.WHATSAPP_CTA_URL_BUTTON, children: message }));
+        return /*#__PURE__*/ jsx(Message, {
+            json: serialize(message),
+            ...props,
+            type: INPUT.WHATSAPP_CTA_URL_BUTTON,
+            children: message
+        });
     };
-    const renderNode = () => {
+    const renderNode = ()=>{
         const validatedProps = {
             ...props,
             headerType: props.headerType,
-            header: props.headerType === WhatsappCTAUrlHeaderType.Text && props.header
-                ? (0, util_1.truncateText)(props.header, constants_1.WHATSAPP_MAX_HEADER_CHARS)
-                : undefined,
-            headerImage: props.headerType === WhatsappCTAUrlHeaderType.Image
-                ? props.headerImage
-                : undefined,
-            headerVideo: props.headerType === WhatsappCTAUrlHeaderType.Video
-                ? props.headerVideo
-                : undefined,
-            headerDocument: props.headerType === WhatsappCTAUrlHeaderType.Document
-                ? props.headerDocument
-                : undefined,
-            body: (0, util_1.truncateText)((0, markdown_meta_1.convertToMarkdownMeta)(props.body), constants_1.WHATSAPP_MAX_BODY_CHARS),
-            footer: props.footer
-                ? (0, util_1.truncateText)((0, markdown_meta_1.convertToMarkdownMeta)(props.footer), constants_1.WHATSAPP_MAX_FOOTER_CHARS)
-                : undefined,
-            displayText: (0, util_1.truncateText)(props.displayText, constants_1.WHATSAPP_MAX_BUTTON_CHARS),
-            url: 'webview' in props
-                ? (0, webviews_1.generateWebviewUrlWithParams)(props.webview, props.params)
-                : props.url,
+            header: props.headerType === "text" && props.header ? truncateText(props.header, WHATSAPP_MAX_HEADER_CHARS) : undefined,
+            headerImage: props.headerType === "image" ? props.headerImage : undefined,
+            headerVideo: props.headerType === "video" ? props.headerVideo : undefined,
+            headerDocument: props.headerType === "document" ? props.headerDocument : undefined,
+            body: truncateText(convertToMarkdownMeta(props.body), WHATSAPP_MAX_BODY_CHARS),
+            footer: props.footer ? truncateText(convertToMarkdownMeta(props.footer), WHATSAPP_MAX_FOOTER_CHARS) : undefined,
+            displayText: truncateText(props.displayText, WHATSAPP_MAX_BUTTON_CHARS),
+            url: 'webview' in props ? generateWebviewUrlWithParams(props.webview, props.params) : props.url
         };
-        return (
-        // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
-        (0, jsx_runtime_1.jsx)("message", { ...validatedProps, type: core_1.INPUT.WHATSAPP_CTA_URL_BUTTON }));
+        return(// @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        /*#__PURE__*/ jsx("message", {
+            ...validatedProps,
+            type: INPUT.WHATSAPP_CTA_URL_BUTTON
+        }));
     };
-    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.WhatsappCTAUrlButton = WhatsappCTAUrlButton;
+
+export { WhatsappCTAUrlButton, whatsapp_cta_url_button_WhatsappCTAUrlHeaderType as WhatsappCTAUrlHeaderType };
+
 //# sourceMappingURL=whatsapp-cta-url-button.js.map

package/lib/esm/components/whatsapp-cta-url-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-cta-url-button.js","sourceRoot":"","sources":["../../../src/components/whatsapp-cta-url-button.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAErC,kCAAsC;AACtC,yCAA+C;AAC/C,+CAA+D;AAC/D,uCAAmC;AACnC,iEAK0C;AAC1C,yEAA6E;AAE7E,IAAY,wBAKX;AALD,WAAY,wBAAwB;IAClC,iDAAqB,CAAA;IACrB,2CAAe,CAAA;IACf,yCAAa,CAAA;IACb,2CAAe,CAAA;AACjB,CAAC,EALW,wBAAwB,wCAAxB,wBAAwB,QAKnC;AAoDD,MAAM,SAAS,GAAG,0BAA0B,CAAC,EAAE;IAC7C,qGAAqG;IACrG,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAEM,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACvE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAA;QAC1C,OAAO,CACL,uBAAC,iBAAO,IACN,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,KACpB,KAAK,EACT,IAAI,EAAE,YAAK,CAAC,uBAAuB,YAElC,OAAO,GACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,cAAc,GAAG;YACrB,GAAG,KAAK;YACR,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,MAAM,EACJ,KAAK,CAAC,UAAU,KAAK,wBAAwB,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM;gBAChE,CAAC,CAAC,IAAA,mBAAY,EAAC,KAAK,CAAC,MAAM,EAAE,qCAAyB,CAAC;gBACvD,CAAC,CAAC,SAAS;YACf,WAAW,EACT,KAAK,CAAC,UAAU,KAAK,wBAAwB,CAAC,KAAK;gBACjD,CAAC,CAAC,KAAK,CAAC,WAAW;gBACnB,CAAC,CAAC,SAAS;YACf,WAAW,EACT,KAAK,CAAC,UAAU,KAAK,wBAAwB,CAAC,KAAK;gBACjD,CAAC,CAAC,KAAK,CAAC,WAAW;gBACnB,CAAC,CAAC,SAAS;YACf,cAAc,EACZ,KAAK,CAAC,UAAU,KAAK,wBAAwB,CAAC,QAAQ;gBACpD,CAAC,CAAC,KAAK,CAAC,cAAc;gBACtB,CAAC,CAAC,SAAS;YACf,IAAI,EAAE,IAAA,mBAAY,EAChB,IAAA,qCAAqB,EAAC,KAAK,CAAC,IAAI,CAAC,EACjC,mCAAuB,CACxB;YACD,MAAM,EAAE,KAAK,CAAC,MAAM;gBAClB,CAAC,CAAC,IAAA,mBAAY,EACV,IAAA,qCAAqB,EAAC,KAAK,CAAC,MAAM,CAAC,EACnC,qCAAyB,CAC1B;gBACH,CAAC,CAAC,SAAS;YACb,WAAW,EAAE,IAAA,mBAAY,EAAC,KAAK,CAAC,WAAW,EAAE,qCAAyB,CAAC;YACvE,GAAG,EACD,SAAS,IAAI,KAAK;gBAChB,CAAC,CAAC,IAAA,uCAA4B,EAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC;gBAC3D,CAAC,CAAC,KAAK,CAAC,GAAG;SAChB,CAAA;QACD,OAAO;QACL,sFAAsF;QACtF,uCAAa,cAAc,EAAE,IAAI,EAAE,YAAK,CAAC,uBAAuB,GAAI,CACrE,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AA1DY,QAAA,oBAAoB,wBA0DhC"}
+{"version":3,"file":"components/whatsapp-cta-url-button.js","sources":["../../../src/components/whatsapp-cta-url-button.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\n\nimport { truncateText } from '../util'\nimport { renderComponent } from '../util/react'\nimport { generateWebviewUrlWithParams } from '../util/webviews'\nimport { Message } from './message'\nimport {\n  WHATSAPP_MAX_BODY_CHARS,\n  WHATSAPP_MAX_BUTTON_CHARS,\n  WHATSAPP_MAX_FOOTER_CHARS,\n  WHATSAPP_MAX_HEADER_CHARS,\n} from './multichannel/whatsapp/constants'\nimport { convertToMarkdownMeta } from './multichannel/whatsapp/markdown-meta'\n\nexport enum WhatsappCTAUrlHeaderType {\n  Document = 'document',\n  Image = 'image',\n  Text = 'text',\n  Video = 'video',\n}\nexport interface WhatsappCTAUrlHeaderTextProps {\n  headerType: WhatsappCTAUrlHeaderType.Text\n  header: string\n}\n\nexport interface WhatsappCTAUrlHeaderImageProps {\n  headerType: WhatsappCTAUrlHeaderType.Image\n  headerImage: string\n}\n\nexport interface WhatsappCTAUrlHeaderVideoProps {\n  headerType: WhatsappCTAUrlHeaderType.Video\n  headerVideo: string\n}\n\nexport interface WhatsappCTAUrlHeaderDocumentProps {\n  headerType: WhatsappCTAUrlHeaderType.Document\n  headerDocument: string\n}\n\nexport interface WhatsappCTAUrlNoHeaderProps {\n  headerType?: undefined\n}\n\nexport type WhatsappCTAUrlHeader =\n  | WhatsappCTAUrlHeaderTextProps\n  | WhatsappCTAUrlHeaderImageProps\n  | WhatsappCTAUrlHeaderVideoProps\n  | WhatsappCTAUrlHeaderDocumentProps\n  | WhatsappCTAUrlNoHeaderProps\n\nexport type WhatsappCTAUrlButtonCommonProps = WhatsappCTAUrlHeader & {\n  body: string\n  footer?: string\n  displayText: string\n}\n\nexport type WhatsappCTAUrlButtonUrlProps = WhatsappCTAUrlButtonCommonProps & {\n  url: string\n}\n\nexport type WhatsappCTAUrlButtonWebviewProps =\n  WhatsappCTAUrlButtonCommonProps & {\n    webview: any\n    params?: Record<string, string>\n  }\n\nexport type WhatsappCTAUrlButtonProps =\n  | WhatsappCTAUrlButtonUrlProps\n  | WhatsappCTAUrlButtonWebviewProps\n\nconst serialize = _whatsappCTAUrlButtonProps => {\n  // TODO: Implement to have data persistence in localStorage, not needed for this WhatsApp development\n  return {}\n}\n\nexport const WhatsappCTAUrlButton = (props: WhatsappCTAUrlButtonProps) => {\n  const renderBrowser = () => {\n    // Return a dummy message for browser\n    const message = `${JSON.stringify(props)}`\n    return (\n      <Message\n        json={serialize(message)}\n        {...props}\n        type={INPUT.WHATSAPP_CTA_URL_BUTTON}\n      >\n        {message}\n      </Message>\n    )\n  }\n\n  const renderNode = () => {\n    const validatedProps = {\n      ...props,\n      headerType: props.headerType,\n      header:\n        props.headerType === WhatsappCTAUrlHeaderType.Text && props.header\n          ? truncateText(props.header, WHATSAPP_MAX_HEADER_CHARS)\n          : undefined,\n      headerImage:\n        props.headerType === WhatsappCTAUrlHeaderType.Image\n          ? props.headerImage\n          : undefined,\n      headerVideo:\n        props.headerType === WhatsappCTAUrlHeaderType.Video\n          ? props.headerVideo\n          : undefined,\n      headerDocument:\n        props.headerType === WhatsappCTAUrlHeaderType.Document\n          ? props.headerDocument\n          : undefined,\n      body: truncateText(\n        convertToMarkdownMeta(props.body),\n        WHATSAPP_MAX_BODY_CHARS\n      ),\n      footer: props.footer\n        ? truncateText(\n            convertToMarkdownMeta(props.footer),\n            WHATSAPP_MAX_FOOTER_CHARS\n          )\n        : undefined,\n      displayText: truncateText(props.displayText, WHATSAPP_MAX_BUTTON_CHARS),\n      url:\n        'webview' in props\n          ? generateWebviewUrlWithParams(props.webview, props.params)\n          : props.url,\n    }\n    return (\n      // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.\n      <message {...validatedProps} type={INPUT.WHATSAPP_CTA_URL_BUTTON} />\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","truncateText","renderComponent","generateWebviewUrlWithParams","Message","WHATSAPP_MAX_BODY_CHARS","WHATSAPP_MAX_BUTTON_CHARS","WHATSAPP_MAX_FOOTER_CHARS","WHATSAPP_MAX_HEADER_CHARS","convertToMarkdownMeta","WhatsappCTAUrlHeaderType","serialize","_whatsappCTAUrlButtonProps","WhatsappCTAUrlButton","props","renderBrowser","message","JSON","renderNode","validatedProps","undefined"],"mappings":";;;;;;;;;;;;;;;;;;AAAqC;AAEC;AACS;AACgB;AAC5B;AAMO;AACmC;AAEtE,IAAKU,gDAAwBA,0BAAxBA;;;;;WAAAA;MAKX;AAoDD,MAAMC,SAASA,GAAGC,CAAAA;IAChB,qGAAqG;IACrG,OAAO,CAAC;AACV;AAEO,MAAMC,oBAAoBA,GAAG,CAACC;IACnC,MAAMC,gBAAgB;QACpB,qCAAqC;QACrC,MAAMC,UAAU,GAAGC,KAAK,SAAS,CAACH,QAAQ;QAC1C,qBACE,IAACV,OAAOA;YACN,MAAMO,SAASA,CAACK;YACf,GAAGF,KAAK;YACT,MAAMd,6BAA6B;sBAElCgB;;IAGP;IAEA,MAAME,aAAa;QACjB,MAAMC,iBAAiB;YACrB,GAAGL,KAAK;YACR,YAAYA,MAAM,UAAU;YAC5B,QACEA,MAAM,UAAU,eAAsCA,MAAM,MAAM,GAC9Db,YAAYA,CAACa,MAAM,MAAM,EAAEN,yBAAyBA,IACpDY;YACN,aACEN,MAAM,UAAU,eACZA,MAAM,WAAW,GACjBM;YACN,aACEN,MAAM,UAAU,eACZA,MAAM,WAAW,GACjBM;YACN,gBACEN,MAAM,UAAU,kBACZA,MAAM,cAAc,GACpBM;YACN,MAAMnB,YAAYA,CAChBQ,qBAAqBA,CAACK,MAAM,IAAI,GAChCT,uBAAuBA;YAEzB,QAAQS,MAAM,MAAM,GAChBb,YAAYA,CACVQ,qBAAqBA,CAACK,MAAM,MAAM,GAClCP,yBAAyBA,IAE3Ba;YACJ,aAAanB,YAAYA,CAACa,MAAM,WAAW,EAAER,yBAAyBA;YACtE,KACE,aAAaQ,QACTX,4BAA4BA,CAACW,MAAM,OAAO,EAAEA,MAAM,MAAM,IACxDA,MAAM,GAAG;QACjB;QACA,OACE,sFAAsF;sBACtF,IAAC;YAAS,GAAGK,cAAc;YAAE,MAAMnB,6BAA6B;;IAEpE;IAEA,OAAOE,eAAeA,CAAC;QAAEa;QAAeG;IAAW;AACrD,EAAC"}