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

package/lib/esm/components/whatsapp-interactive-media-carousel.js

@@ -1,25 +1,59 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappInteractiveMediaCarousel = exports.CardType = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const util_1 = require("../util");
-const button_1 = require("./button");
-const carousel_1 = require("./carousel");
-const element_1 = require("./element");
-const constants_1 = require("./multichannel/whatsapp/constants");
-const pic_1 = require("./pic");
-const title_1 = require("./title");
-var CardType;
-(function (CardType) {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { truncateText } from "../util/index.js";
+import { Button } from "./button/index.js";
+import { Carousel } from "./carousel.js";
+import { Element } from "./element.js";
+import { WHATSAPP_MAX_BODY_CHARS, WHATSAPP_MAX_BUTTON_CHARS, WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS } from "./multichannel/whatsapp/constants.js";
+import { Pic } from "./pic.js";
+import { Title } from "./title.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var whatsapp_interactive_media_carousel_CardType = /*#__PURE__*/ function(CardType) {
     CardType["CTA_URL"] = "cta_url";
     CardType["QUICK_REPLY"] = "quick_reply";
-})(CardType || (exports.CardType = CardType = {}));
+    return CardType;
+}({});
 /*
   Reference: https://developers.facebook.com/documentation/business-messaging/whatsapp/messages/interactive-media-carousel-messages?locale=en_US
-*/
-const WhatsappInteractiveMediaCarousel = (props) => {
-    return ((0, jsx_runtime_1.jsx)(carousel_1.Carousel, { text: (0, util_1.truncateText)(props.textMessage, constants_1.WHATSAPP_MAX_BODY_CHARS), children: props.cards.map((card, index) => ((0, jsx_runtime_1.jsxs)(element_1.Element, { children: [(0, jsx_runtime_1.jsx)(pic_1.Pic, { src: card.imageLink }), (0, jsx_runtime_1.jsx)(title_1.Title, { children: (0, util_1.truncateText)(card.text, constants_1.WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS) }), card.type === CardType.CTA_URL && ((0, jsx_runtime_1.jsx)(button_1.Button, { url: card.action.buttonUrl, children: (0, util_1.truncateText)(card.action.buttonText, constants_1.WHATSAPP_MAX_BUTTON_CHARS) })), card.type === CardType.QUICK_REPLY &&
-                    card.action.buttons.map((button, index) => ((0, jsx_runtime_1.jsx)(button_1.Button, { payload: button.payload, children: (0, util_1.truncateText)(button.text, constants_1.WHATSAPP_MAX_BUTTON_CHARS) }, `quick-reply-button-${index}-${button.text}`)))] }, `card-${index}-${card.text}`))) }));
+*/ const WhatsappInteractiveMediaCarousel = (props)=>{
+    return /*#__PURE__*/ jsx(Carousel, {
+        text: truncateText(props.textMessage, WHATSAPP_MAX_BODY_CHARS),
+        children: props.cards.map((card, index)=>/*#__PURE__*/ jsxs(Element, {
+                children: [
+                    /*#__PURE__*/ jsx(Pic, {
+                        src: card.imageLink
+                    }),
+                    /*#__PURE__*/ jsx(Title, {
+                        children: truncateText(card.text, WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS)
+                    }),
+                    card.type === "cta_url" && /*#__PURE__*/ jsx(Button, {
+                        url: card.action.buttonUrl,
+                        children: truncateText(card.action.buttonText, WHATSAPP_MAX_BUTTON_CHARS)
+                    }),
+                    card.type === "quick_reply" && card.action.buttons.map((button, index)=>/*#__PURE__*/ jsx(Button, {
+                            payload: button.payload,
+                            children: truncateText(button.text, WHATSAPP_MAX_BUTTON_CHARS)
+                        }, `quick-reply-button-${index}-${button.text}`))
+                ]
+            }, `card-${index}-${card.text}`))
+    });
 };
-exports.WhatsappInteractiveMediaCarousel = WhatsappInteractiveMediaCarousel;
+
+export { WhatsappInteractiveMediaCarousel, whatsapp_interactive_media_carousel_CardType as CardType };
+
 //# sourceMappingURL=whatsapp-interactive-media-carousel.js.map

package/lib/esm/components/whatsapp-interactive-media-carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-interactive-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-interactive-media-carousel.tsx"],"names":[],"mappings":";;;;AAAA,kCAAsC;AACtC,qCAAiC;AACjC,yCAAqC;AACrC,uCAAmC;AACnC,iEAI0C;AAC1C,+BAA2B;AAC3B,mCAA+B;AAE/B,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,+BAAmB,CAAA;IACnB,uCAA2B,CAAA;AAC7B,CAAC,EAHW,QAAQ,wBAAR,QAAQ,QAGnB;AA+BD;;EAEE;AACK,MAAM,gCAAgC,GAAG,CAC9C,KAA4C,EAC5C,EAAE;IACF,OAAO,CACL,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAA,mBAAY,EAAC,KAAK,CAAC,WAAW,EAAE,mCAAuB,CAAC,YACrE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,wBAAC,iBAAO,eACN,uBAAC,SAAG,IAAC,GAAG,EAAE,IAAI,CAAC,SAAS,GAAI,EAC5B,uBAAC,aAAK,cACH,IAAA,mBAAY,EAAC,IAAI,CAAC,IAAI,EAAE,iDAAqC,CAAC,GACzD,EACP,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,OAAO,IAAI,CACjC,uBAAC,eAAM,IAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,YAC/B,IAAA,mBAAY,EAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,qCAAyB,CAAC,GACzD,CACV,EACA,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,WAAW;oBACjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,uBAAC,eAAM,IAEL,OAAO,EAAE,MAAM,CAAC,OAAO,YAEtB,IAAA,mBAAY,EAAC,MAAM,CAAC,IAAI,EAAE,qCAAyB,CAAC,IAHhD,sBAAsB,KAAK,IAAI,MAAM,CAAC,IAAI,EAAE,CAI1C,CACV,CAAC,KAlBQ,QAAQ,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,CAmBhC,CACX,CAAC,GACO,CACZ,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,gCAAgC,oCA6B5C"}
+{"version":3,"file":"components/whatsapp-interactive-media-carousel.js","sources":["../../../src/components/whatsapp-interactive-media-carousel.tsx"],"sourcesContent":["import { truncateText } from '../util'\nimport { Button } from './button'\nimport { Carousel } from './carousel'\nimport { Element } from './element'\nimport {\n  WHATSAPP_MAX_BODY_CHARS,\n  WHATSAPP_MAX_BUTTON_CHARS,\n  WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS,\n} from './multichannel/whatsapp/constants'\nimport { Pic } from './pic'\nimport { Title } from './title'\n\nexport enum CardType {\n  CTA_URL = 'cta_url',\n  QUICK_REPLY = 'quick_reply',\n}\n\ninterface BaseCard {\n  imageLink: string\n  text: string\n}\n\ninterface UrlCard extends BaseCard {\n  type: CardType.CTA_URL\n  action: {\n    buttonText: string\n    buttonUrl: string\n  }\n}\n\ninterface QuickReplyCard extends BaseCard {\n  type: CardType.QUICK_REPLY\n  action: {\n    buttons: {\n      text: string\n      payload: string\n    }[]\n  }\n}\n\nexport type WhatsappInteractiveMediaCard = UrlCard | QuickReplyCard\nexport interface WhatsappInteractiveMediaCarouselProps {\n  cards: WhatsappInteractiveMediaCard[]\n  textMessage: string\n}\n\n/*\n  Reference: https://developers.facebook.com/documentation/business-messaging/whatsapp/messages/interactive-media-carousel-messages?locale=en_US\n*/\nexport const WhatsappInteractiveMediaCarousel = (\n  props: WhatsappInteractiveMediaCarouselProps\n) => {\n  return (\n    <Carousel text={truncateText(props.textMessage, WHATSAPP_MAX_BODY_CHARS)}>\n      {props.cards.map((card, index) => (\n        <Element key={`card-${index}-${card.text}`}>\n          <Pic src={card.imageLink} />\n          <Title>\n            {truncateText(card.text, WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS)}\n          </Title>\n          {card.type === CardType.CTA_URL && (\n            <Button url={card.action.buttonUrl}>\n              {truncateText(card.action.buttonText, WHATSAPP_MAX_BUTTON_CHARS)}\n            </Button>\n          )}\n          {card.type === CardType.QUICK_REPLY &&\n            card.action.buttons.map((button, index) => (\n              <Button\n                key={`quick-reply-button-${index}-${button.text}`}\n                payload={button.payload}\n              >\n                {truncateText(button.text, WHATSAPP_MAX_BUTTON_CHARS)}\n              </Button>\n            ))}\n        </Element>\n      ))}\n    </Carousel>\n  )\n}\n"],"names":["truncateText","Button","Carousel","Element","WHATSAPP_MAX_BODY_CHARS","WHATSAPP_MAX_BUTTON_CHARS","WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS","Pic","Title","CardType","WhatsappInteractiveMediaCarousel","props","card","index","button"],"mappings":";;;;;;;;;;;;;;;;;;AAAsC;AACL;AACI;AACF;AAKO;AACf;AACI;AAExB,IAAKS,4CAAQA,0BAARA;;;WAAAA;MAGX;AA+BD;;AAEA,GACO,MAAMC,gCAAgCA,GAAG,CAC9CC;IAEA,qBACE,IAACT,QAAQA;QAAC,MAAMF,YAAYA,CAACW,MAAM,WAAW,EAAEP,uBAAuBA;kBACpEO,MAAM,KAAK,CAAC,GAAG,CAAC,CAACC,MAAMC,sBACtB,KAACV,OAAOA;;kCACN,IAACI,GAAGA;wBAAC,KAAKK,KAAK,SAAS;;kCACxB,IAACJ,KAAKA;kCACHR,YAAYA,CAACY,KAAK,IAAI,EAAEN,qCAAqCA;;oBAE/DM,KAAK,IAAI,gCACR,IAACX,MAAMA;wBAAC,KAAKW,KAAK,MAAM,CAAC,SAAS;kCAC/BZ,YAAYA,CAACY,KAAK,MAAM,CAAC,UAAU,EAAEP,yBAAyBA;;oBAGlEO,KAAK,IAAI,sBACRA,KAAK,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAACE,QAAQD,sBAC/B,IAACZ,MAAMA;4BAEL,SAASa,OAAO,OAAO;sCAEtBd,YAAYA,CAACc,OAAO,IAAI,EAAET,yBAAyBA;2BAH/C,CAAC,mBAAmB,EAAEQ,MAAM,CAAC,EAAEC,OAAO,IAAI,EAAE;;eAb3C,CAAC,KAAK,EAAED,MAAM,CAAC,EAAED,KAAK,IAAI,EAAE;;AAuBlD,EAAC"}

package/lib/esm/components/whatsapp-media-carousel.js

@@ -1,42 +1,67 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappMediaCarousel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const functional_1 = require("../util/functional");
-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 { toSnakeCaseKeys } from "../util/functional.js";
+import { renderComponent } from "../util/react.js";
+import { Message } from "./message/index.js";
+
+
+
+
+
+
+
+
+
+
+
+const serialize = (message)=>{
+    return {
+        text: message
+    };
 };
 /*
   Reference: https://developers.facebook.com/docs/whatsapp/business-management-api/message-templates/media-card-carousel-templates
-*/
-const WhatsappMediaCarousel = (props) => {
-    const renderBrowser = () => {
+*/ const WhatsappMediaCarousel = (props)=>{
+    const renderBrowser = ()=>{
         // Return a dummy message for browser
         const message = `WhatsApp Media Carousel 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 getCards = (cards) => {
-        cards.forEach((card, index) => {
+    const getCards = (cards)=>{
+        cards.forEach((card, index)=>{
             if (!card.cardIndex) {
                 card.cardIndex = index;
             }
-            card.buttons?.forEach((button, index) => {
+            card.buttons?.forEach((button, index)=>{
                 if (!button.buttonIndex) {
                     button.buttonIndex = index;
                 }
             });
         });
-        return (0, functional_1.toSnakeCaseKeys)(cards);
+        return toSnakeCaseKeys(cards);
     };
-    const renderNode = () => {
-        return (
-        // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
-        (0, jsx_runtime_1.jsx)("message", { ...props, bodyParameters: JSON.stringify((0, functional_1.toSnakeCaseKeys)(props.bodyParameters)), cards: JSON.stringify(getCards(props.cards)), templateName: props.templateName, templateLanguage: props.templateLanguage, type: core_1.INPUT.WHATSAPP_MEDIA_CAROUSEL }));
+    const renderNode = ()=>{
+        return(// @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        /*#__PURE__*/ jsx("message", {
+            ...props,
+            bodyParameters: JSON.stringify(toSnakeCaseKeys(props.bodyParameters)),
+            cards: JSON.stringify(getCards(props.cards)),
+            templateName: props.templateName,
+            templateLanguage: props.templateLanguage,
+            type: INPUT.WHATSAPP_MEDIA_CAROUSEL
+        }));
     };
-    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.WhatsappMediaCarousel = WhatsappMediaCarousel;
+
+export { WhatsappMediaCarousel };
+
 //# sourceMappingURL=whatsapp-media-carousel.js.map

package/lib/esm/components/whatsapp-media-carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-media-carousel.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAErC,mDAAoD;AACpD,yCAA+C;AAC/C,uCAAmC;AAsDnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAED;;EAEE;AACK,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,oDAAoD,CAAA;QACpE,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,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBACpB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;YACxB,CAAC;YACD,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACtC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;oBACxB,MAAM,CAAC,WAAW,GAAG,KAAK,CAAA;gBAC5B,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QACF,OAAO,IAAA,4BAAe,EAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,sFAAsF;QACtF,uCACM,KAAK,EACT,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,IAAA,4BAAe,EAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EACrE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,IAAI,EAAE,YAAK,CAAC,uBAAuB,GACnC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAxCY,QAAA,qBAAqB,yBAwCjC"}
+{"version":3,"file":"components/whatsapp-media-carousel.js","sources":["../../../src/components/whatsapp-media-carousel.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\n\nimport { toSnakeCaseKeys } from '../util/functional'\nimport { renderComponent } from '../util/react'\nimport { Message } from './message'\n\ntype Parameters = TextParameter | CurrencyParameter | DateTimeParameter\n\ninterface TextParameter {\n  type: 'text'\n  text: string\n}\n\ninterface CurrencyParameter {\n  type: 'currency'\n  currency: {\n    fallbackValue: string\n    code: string\n    amount1000: number\n  }\n}\n\ninterface DateTimeParameter {\n  type: 'date_time'\n  dateTime: { fallbackValue: string }\n}\n\ntype CardButton = QuickReplyButton | UrlButton\n\ninterface Button {\n  type: 'quick_reply' | 'url'\n  buttonIndex?: number\n}\n\ninterface QuickReplyButton extends Button {\n  payload: string\n}\n\ninterface UrlButton extends Button {\n  urlVariable: string\n}\n\ninterface Card {\n  fileType: 'image' | 'video'\n  fileId: string\n  cardIndex?: number\n  bodyParameters?: Parameters[]\n  buttons?: CardButton[]\n  extraComponents?: Record<string, any>[]\n}\n\nexport interface WhatsappMediaCarouselProps {\n  templateName: string\n  templateLanguage: string\n  cards: Card[]\n  bodyParameters?: Parameters[]\n}\n\nconst serialize = (message: string) => {\n  return { text: message }\n}\n\n/*\n  Reference: https://developers.facebook.com/docs/whatsapp/business-management-api/message-templates/media-card-carousel-templates\n*/\nexport const WhatsappMediaCarousel = (props: WhatsappMediaCarouselProps) => {\n  const renderBrowser = () => {\n    // Return a dummy message for browser\n    const message = `WhatsApp Media Carousel 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 getCards = (cards: Card[]) => {\n    cards.forEach((card, index) => {\n      if (!card.cardIndex) {\n        card.cardIndex = index\n      }\n      card.buttons?.forEach((button, index) => {\n        if (!button.buttonIndex) {\n          button.buttonIndex = index\n        }\n      })\n    })\n    return toSnakeCaseKeys(cards)\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        bodyParameters={JSON.stringify(toSnakeCaseKeys(props.bodyParameters))}\n        cards={JSON.stringify(getCards(props.cards))}\n        templateName={props.templateName}\n        templateLanguage={props.templateLanguage}\n        type={INPUT.WHATSAPP_MEDIA_CAROUSEL}\n      />\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","toSnakeCaseKeys","renderComponent","Message","serialize","message","WhatsappMediaCarousel","props","renderBrowser","getCards","cards","card","index","button","renderNode","JSON"],"mappings":";;;;;;;;;;;;AAAqC;AAEe;AACL;AACZ;AAsDnC,MAAMI,SAASA,GAAG,CAACC;IACjB,OAAO;QAAE,MAAMA;IAAQ;AACzB;AAEA;;AAEA,GACO,MAAMC,qBAAqBA,GAAG,CAACC;IACpC,MAAMC,gBAAgB;QACpB,qCAAqC;QACrC,MAAMH,UAAU,CAAC,kDAAkD,CAAC;QACpE,qBACE,IAACF,OAAOA;YAAC,MAAMC,SAASA,CAACC;YAAW,GAAGE,KAAK;YAAE,MAAMP,UAAU;sBAC3DK;;IAGP;IAEA,MAAMI,WAAW,CAACC;QAChBA,MAAM,OAAO,CAAC,CAACC,MAAMC;YACnB,IAAI,CAACD,KAAK,SAAS,EAAE;gBACnBA,KAAK,SAAS,GAAGC;YACnB;YACAD,KAAK,OAAO,EAAE,QAAQ,CAACE,QAAQD;gBAC7B,IAAI,CAACC,OAAO,WAAW,EAAE;oBACvBA,OAAO,WAAW,GAAGD;gBACvB;YACF;QACF;QACA,OAAOX,eAAeA,CAACS;IACzB;IAEA,MAAMI,aAAa;QACjB,OACE,sFAAsF;sBACtF,IAAC;YACE,GAAGP,KAAK;YACT,gBAAgBQ,KAAK,SAAS,CAACd,eAAeA,CAACM,MAAM,cAAc;YACnE,OAAOQ,KAAK,SAAS,CAACN,SAASF,MAAM,KAAK;YAC1C,cAAcA,MAAM,YAAY;YAChC,kBAAkBA,MAAM,gBAAgB;YACxC,MAAMP,6BAA6B;;IAGzC;IAEA,OAAOE,eAAeA,CAAC;QAAEM;QAAeM;IAAW;AACrD,EAAC"}

package/lib/esm/components/whatsapp-product-carousel.js

@@ -1,34 +1,60 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappProductCarousel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const functional_1 = require("../util/functional");
-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 { toSnakeCaseKeys } from "../util/functional.js";
+import { renderComponent } from "../util/react.js";
+import { Message } from "./message/index.js";
+
+
+
+
+
+
+
+
+
+
+
+const serialize = (message)=>{
+    return {
+        text: message
+    };
 };
-const WhatsappProductCarousel = (props) => {
-    const renderBrowser = () => {
+const WhatsappProductCarousel = (props)=>{
+    const renderBrowser = ()=>{
         // Return a dummy message for browser
         const message = `WhatsApp Product Carousel 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 getCards = (cards) => {
-        cards.forEach((card, index) => {
+    const getCards = (cards)=>{
+        cards.forEach((card, index)=>{
             if (!card.cardIndex) {
                 card.cardIndex = index;
             }
         });
-        return (0, functional_1.toSnakeCaseKeys)(cards);
+        return toSnakeCaseKeys(cards);
     };
-    const renderNode = () => {
-        return (
-        // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
-        (0, jsx_runtime_1.jsx)("message", { ...props, bodyParameters: JSON.stringify((0, functional_1.toSnakeCaseKeys)(props.bodyParameters)), cards: JSON.stringify(getCards(props.cards)), templateName: props.templateName, templateLanguage: props.templateLanguage, type: core_1.INPUT.WHATSAPP_PRODUCT_CAROUSEL }));
+    const renderNode = ()=>{
+        return(// @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        /*#__PURE__*/ jsx("message", {
+            ...props,
+            bodyParameters: JSON.stringify(toSnakeCaseKeys(props.bodyParameters)),
+            cards: JSON.stringify(getCards(props.cards)),
+            templateName: props.templateName,
+            templateLanguage: props.templateLanguage,
+            type: INPUT.WHATSAPP_PRODUCT_CAROUSEL
+        }));
     };
-    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.WhatsappProductCarousel = WhatsappProductCarousel;
+
+export { WhatsappProductCarousel };
+
 //# sourceMappingURL=whatsapp-product-carousel.js.map

package/lib/esm/components/whatsapp-product-carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-product-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-product-carousel.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAErC,mDAAoD;AACpD,yCAA+C;AAC/C,uCAAmC;AAoCnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAEM,MAAM,uBAAuB,GAAG,CACrC,KAAmC,EACnC,EAAE;IACF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,sDAAsD,CAAA;QACtE,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,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBACpB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;YACxB,CAAC;QACH,CAAC,CAAC,CAAA;QACF,OAAO,IAAA,4BAAe,EAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,sFAAsF;QACtF,uCACM,KAAK,EACT,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,IAAA,4BAAe,EAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EACrE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,IAAI,EAAE,YAAK,CAAC,yBAAyB,GACrC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AArCY,QAAA,uBAAuB,2BAqCnC"}
+{"version":3,"file":"components/whatsapp-product-carousel.js","sources":["../../../src/components/whatsapp-product-carousel.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\n\nimport { toSnakeCaseKeys } from '../util/functional'\nimport { renderComponent } from '../util/react'\nimport { Message } from './message'\n\ntype Parameters = TextParameter | CurrencyParameter | DateTimeParameter\n\ninterface TextParameter {\n  type: 'text'\n  text: string\n}\n\ninterface CurrencyParameter {\n  type: 'currency'\n  currency: {\n    fallbackValue: string\n    code: string\n    amount1000: number\n  }\n}\n\ninterface DateTimeParameter {\n  type: 'date_time'\n  dateTime: { fallbackValue: string }\n}\n\ninterface Card {\n  productRetailerId: string\n  catalogId: string\n  cardIndex?: number\n}\n\nexport interface WhatsappProductCarouselProps {\n  templateName: string\n  templateLanguage: string\n  cards: Card[]\n  bodyParameters?: Parameters[]\n}\n\nconst serialize = (message: string) => {\n  return { text: message }\n}\n\nexport const WhatsappProductCarousel = (\n  props: WhatsappProductCarouselProps\n) => {\n  const renderBrowser = () => {\n    // Return a dummy message for browser\n    const message = `WhatsApp Product Carousel 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 getCards = (cards: Card[]) => {\n    cards.forEach((card, index) => {\n      if (!card.cardIndex) {\n        card.cardIndex = index\n      }\n    })\n    return toSnakeCaseKeys(cards)\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        bodyParameters={JSON.stringify(toSnakeCaseKeys(props.bodyParameters))}\n        cards={JSON.stringify(getCards(props.cards))}\n        templateName={props.templateName}\n        templateLanguage={props.templateLanguage}\n        type={INPUT.WHATSAPP_PRODUCT_CAROUSEL}\n      />\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","toSnakeCaseKeys","renderComponent","Message","serialize","message","WhatsappProductCarousel","props","renderBrowser","getCards","cards","card","index","renderNode","JSON"],"mappings":";;;;;;;;;;;;AAAqC;AAEe;AACL;AACZ;AAoCnC,MAAMI,SAASA,GAAG,CAACC;IACjB,OAAO;QAAE,MAAMA;IAAQ;AACzB;AAEO,MAAMC,uBAAuBA,GAAG,CACrCC;IAEA,MAAMC,gBAAgB;QACpB,qCAAqC;QACrC,MAAMH,UAAU,CAAC,oDAAoD,CAAC;QACtE,qBACE,IAACF,OAAOA;YAAC,MAAMC,SAASA,CAACC;YAAW,GAAGE,KAAK;YAAE,MAAMP,UAAU;sBAC3DK;;IAGP;IAEA,MAAMI,WAAW,CAACC;QAChBA,MAAM,OAAO,CAAC,CAACC,MAAMC;YACnB,IAAI,CAACD,KAAK,SAAS,EAAE;gBACnBA,KAAK,SAAS,GAAGC;YACnB;QACF;QACA,OAAOX,eAAeA,CAACS;IACzB;IAEA,MAAMG,aAAa;QACjB,OACE,sFAAsF;sBACtF,IAAC;YACE,GAAGN,KAAK;YACT,gBAAgBO,KAAK,SAAS,CAACb,eAAeA,CAACM,MAAM,cAAc;YACnE,OAAOO,KAAK,SAAS,CAACL,SAASF,MAAM,KAAK;YAC1C,cAAcA,MAAM,YAAY;YAChC,kBAAkBA,MAAM,gBAAgB;YACxC,MAAMP,+BAA+B;;IAG3C;IAEA,OAAOE,eAAeA,CAAC;QAAEM;QAAeK;IAAW;AACrD,EAAC"}

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

@@ -1,26 +1,53 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappProductList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const functional_1 = require("../util/functional");
-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 { toSnakeCaseKeys } from "../util/functional.js";
+import { renderComponent } from "../util/react.js";
+import { Message } from "./message/index.js";
+
+
+
+
+
+
+
+
+
+
+
+const serialize = (message)=>{
+    return {
+        text: message
+    };
 };
-const WhatsappProductList = (props) => {
-    const renderBrowser = () => {
+const WhatsappProductList = (props)=>{
+    const renderBrowser = ()=>{
         // Return a dummy message for browser
         const message = `WhatsApp Product List 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, header: props.header, sections: JSON.stringify((0, functional_1.toSnakeCaseKeys)(props.sections)), catalogId: props.catalogId, type: core_1.INPUT.WHATSAPP_PRODUCT_LIST }));
+    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,
+            header: props.header,
+            sections: JSON.stringify(toSnakeCaseKeys(props.sections)),
+            catalogId: props.catalogId,
+            type: INPUT.WHATSAPP_PRODUCT_LIST
+        }));
     };
-    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.WhatsappProductList = WhatsappProductList;
+
+export { WhatsappProductList };
+
 //# sourceMappingURL=whatsapp-product-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-product-list.js","sourceRoot":"","sources":["../../../src/components/whatsapp-product-list.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAErC,mDAAoD;AACpD,yCAA+C;AAC/C,uCAAmC;AAmBnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAEM,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,kDAAkD,CAAA;QAClE,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,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,IAAA,4BAAe,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EACzD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAE,YAAK,CAAC,qBAAqB,GACjC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AA3BY,QAAA,mBAAmB,uBA2B/B"}
+{"version":3,"file":"components/whatsapp-product-list.js","sources":["../../../src/components/whatsapp-product-list.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\n\nimport { toSnakeCaseKeys } from '../util/functional'\nimport { renderComponent } from '../util/react'\nimport { Message } from './message'\n\nexport interface ProductItem {\n  productRetailerId: string\n}\n\nexport interface WhatsappProductListSection {\n  title: string\n  productItems: ProductItem[]\n}\n\nexport interface WhatsappProductListProps {\n  body: string\n  header: string\n  catalogId: string\n  sections: WhatsappProductListSection[]\n  footer?: string\n}\n\nconst serialize = (message: string) => {\n  return { text: message }\n}\n\nexport const WhatsappProductList = (props: WhatsappProductListProps) => {\n  const renderBrowser = () => {\n    // Return a dummy message for browser\n    const message = `WhatsApp Product List 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        header={props.header}\n        sections={JSON.stringify(toSnakeCaseKeys(props.sections))}\n        catalogId={props.catalogId}\n        type={INPUT.WHATSAPP_PRODUCT_LIST}\n      />\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","toSnakeCaseKeys","renderComponent","Message","serialize","message","WhatsappProductList","props","renderBrowser","renderNode","JSON"],"mappings":";;;;;;;;;;;;AAAqC;AAEe;AACL;AACZ;AAmBnC,MAAMI,SAASA,GAAG,CAACC;IACjB,OAAO;QAAE,MAAMA;IAAQ;AACzB;AAEO,MAAMC,mBAAmBA,GAAG,CAACC;IAClC,MAAMC,gBAAgB;QACpB,qCAAqC;QACrC,MAAMH,UAAU,CAAC,gDAAgD,CAAC;QAClE,qBACE,IAACF,OAAOA;YAAC,MAAMC,SAASA,CAACC;YAAW,GAAGE,KAAK;YAAE,MAAMP,UAAU;sBAC3DK;;IAGP;IAEA,MAAMI,aAAa;QACjB,OACE,sFAAsF;sBACtF,IAAC;YACE,GAAGF,KAAK;YACT,MAAMA,MAAM,IAAI;YAChB,QAAQA,MAAM,MAAM;YACpB,QAAQA,MAAM,MAAM;YACpB,UAAUG,KAAK,SAAS,CAACT,eAAeA,CAACM,MAAM,QAAQ;YACvD,WAAWA,MAAM,SAAS;YAC1B,MAAMP,2BAA2B;;IAGvC;IAEA,OAAOE,eAAeA,CAAC;QAAEM;QAAeC;IAAW;AACrD,EAAC"}

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

@@ -1,25 +1,49 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappProduct = 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 WhatsappProduct = (props) => {
-    const renderBrowser = () => {
+const WhatsappProduct = (props)=>{
+    const renderBrowser = ()=>{
         // Return a dummy message for browser
         const message = `WhatsApp Product 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, catalogId: props.catalogId, productId: props.productId, type: core_1.INPUT.WHATSAPP_PRODUCT }));
+    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,
+            catalogId: props.catalogId,
+            productId: props.productId,
+            type: INPUT.WHATSAPP_PRODUCT
+        }));
     };
-    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.WhatsappProduct = WhatsappProduct;
+
+export { WhatsappProduct };
+
 //# sourceMappingURL=whatsapp-product.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-product.js","sourceRoot":"","sources":["../../../src/components/whatsapp-product.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAErC,yCAA+C;AAC/C,uCAAmC;AASnC,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,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,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;AA1BY,QAAA,eAAe,mBA0B3B"}
+{"version":3,"file":"components/whatsapp-product.js","sources":["../../../src/components/whatsapp-product.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\n\nimport { renderComponent } from '../util/react'\nimport { Message } from './message'\n\nexport interface WhatsappProductProps {\n  body: string\n  catalogId: string\n  productId: string\n  footer?: string\n}\n\nconst serialize = (message: string) => {\n  return { text: message }\n}\n\nexport const WhatsappProduct = (props: WhatsappProductProps) => {\n  const renderBrowser = () => {\n    // Return a dummy message for browser\n    const message = `WhatsApp Product 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        catalogId={props.catalogId}\n        productId={props.productId}\n        type={INPUT.WHATSAPP_PRODUCT}\n      />\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","renderComponent","Message","serialize","message","WhatsappProduct","props","renderBrowser","renderNode"],"mappings":";;;;;;;;;;AAAqC;AAEU;AACZ;AASnC,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,WAAWA,MAAM,SAAS;YAC1B,WAAWA,MAAM,SAAS;YAC1B,MAAMN,sBAAsB;;IAGlC;IAEA,OAAOC,eAAeA,CAAC;QAAEM;QAAeC;IAAW;AACrD,EAAC"}

package/lib/esm/components/whatsapp-request-contact-info.js

@@ -1,30 +1,49 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappRequestContactInfo = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("../util/react");
-const constants_1 = require("./multichannel/whatsapp/constants");
-const markdown_meta_1 = require("./multichannel/whatsapp/markdown-meta");
-const text_1 = require("./text");
-const validateBody = (body) => {
+import { jsx } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import { renderComponent } from "../util/react.js";
+import { WHATSAPP_MAX_BODY_CHARS } from "./multichannel/whatsapp/constants.js";
+import { convertToMarkdownMeta } from "./multichannel/whatsapp/markdown-meta.js";
+import { Text } from "./text.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+const validateBody = (body)=>{
     if (!body) {
         throw new Error('WhatsappRequestContactInfo: body is required');
     }
-    if (body.length > constants_1.WHATSAPP_MAX_BODY_CHARS) {
-        throw new Error(`WhatsappRequestContactInfo: body exceeds maximum length of ${constants_1.WHATSAPP_MAX_BODY_CHARS} characters`);
+    if (body.length > WHATSAPP_MAX_BODY_CHARS) {
+        throw new Error(`WhatsappRequestContactInfo: body exceeds maximum length of ${WHATSAPP_MAX_BODY_CHARS} characters`);
     }
-    return (0, markdown_meta_1.convertToMarkdownMeta)(body);
+    return convertToMarkdownMeta(body);
 };
-const WhatsappRequestContactInfo = (props) => {
-    const renderBrowser = () => (0, jsx_runtime_1.jsx)(text_1.Text, { children: props.body });
-    const renderNode = () => {
+const WhatsappRequestContactInfo = (props)=>{
+    const renderBrowser = ()=>/*#__PURE__*/ jsx(Text, {
+            children: props.body
+        });
+    const renderNode = ()=>{
         const body = validateBody(props.body);
-        return (
-        // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
-        (0, jsx_runtime_1.jsx)("message", { body: body, type: core_1.INPUT.WHATSAPP_REQUEST_CONTACT_INFO }));
+        return(// @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        /*#__PURE__*/ jsx("message", {
+            body: body,
+            type: INPUT.WHATSAPP_REQUEST_CONTACT_INFO
+        }));
     };
-    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.WhatsappRequestContactInfo = WhatsappRequestContactInfo;
+
+export { WhatsappRequestContactInfo };
+
 //# sourceMappingURL=whatsapp-request-contact-info.js.map

package/lib/esm/components/whatsapp-request-contact-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-request-contact-info.js","sourceRoot":"","sources":["../../../src/components/whatsapp-request-contact-info.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAErC,yCAA+C;AAC/C,iEAA2E;AAC3E,yEAA6E;AAC7E,iCAA6B;AAM7B,MAAM,YAAY,GAAG,CAAC,IAAY,EAAU,EAAE;IAC5C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAA;IACjE,CAAC;IACD,IAAI,IAAI,CAAC,MAAM,GAAG,mCAAuB,EAAE,CAAC;QAC1C,MAAM,IAAI,KAAK,CACb,8DAA8D,mCAAuB,aAAa,CACnG,CAAA;IACH,CAAC;IACD,OAAO,IAAA,qCAAqB,EAAC,IAAI,CAAC,CAAA;AACpC,CAAC,CAAA;AAEM,MAAM,0BAA0B,GAAG,CACxC,KAAsC,EACtC,EAAE;IACF,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,uBAAC,WAAI,cAAE,KAAK,CAAC,IAAI,GAAQ,CAAA;IAErD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACrC,OAAO;QACL,sFAAsF;QACtF,oCAAS,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAK,CAAC,6BAA6B,GAAI,CACnE,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAdY,QAAA,0BAA0B,8BActC"}
+{"version":3,"file":"components/whatsapp-request-contact-info.js","sources":["../../../src/components/whatsapp-request-contact-info.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\n\nimport { renderComponent } from '../util/react'\nimport { WHATSAPP_MAX_BODY_CHARS } from './multichannel/whatsapp/constants'\nimport { convertToMarkdownMeta } from './multichannel/whatsapp/markdown-meta'\nimport { Text } from './text'\n\nexport interface WhatsappRequestContactInfoProps {\n  body: string\n}\n\nconst validateBody = (body: string): string => {\n  if (!body) {\n    throw new Error('WhatsappRequestContactInfo: body is required')\n  }\n  if (body.length > WHATSAPP_MAX_BODY_CHARS) {\n    throw new Error(\n      `WhatsappRequestContactInfo: body exceeds maximum length of ${WHATSAPP_MAX_BODY_CHARS} characters`\n    )\n  }\n  return convertToMarkdownMeta(body)\n}\n\nexport const WhatsappRequestContactInfo = (\n  props: WhatsappRequestContactInfoProps\n) => {\n  const renderBrowser = () => <Text>{props.body}</Text>\n\n  const renderNode = () => {\n    const body = validateBody(props.body)\n    return (\n      // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.\n      <message body={body} type={INPUT.WHATSAPP_REQUEST_CONTACT_INFO} />\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","renderComponent","WHATSAPP_MAX_BODY_CHARS","convertToMarkdownMeta","Text","validateBody","body","Error","WhatsappRequestContactInfo","props","renderBrowser","renderNode"],"mappings":";;;;;;;;;;;;;;AAAqC;AAEU;AAC4B;AACE;AAChD;AAM7B,MAAMK,YAAYA,GAAG,CAACC;IACpB,IAAI,CAACA,MAAM;QACT,MAAM,IAAIC,MAAM;IAClB;IACA,IAAID,KAAK,MAAM,GAAGJ,uBAAuBA,EAAE;QACzC,MAAM,IAAIK,MACR,CAAC,2DAA2D,EAAEL,uBAAuBA,CAAC,WAAW,CAAC;IAEtG;IACA,OAAOC,qBAAqBA,CAACG;AAC/B;AAEO,MAAME,0BAA0BA,GAAG,CACxCC;IAEA,MAAMC,gBAAgB,kBAAM,IAACN,IAAIA;sBAAEK,MAAM,IAAI;;IAE7C,MAAME,aAAa;QACjB,MAAML,OAAOD,YAAYA,CAACI,MAAM,IAAI;QACpC,OACE,sFAAsF;sBACtF,IAAC;YAAQ,MAAMH;YAAM,MAAMN,mCAAmC;;IAElE;IAEA,OAAOC,eAAeA,CAAC;QAAES;QAAeC;IAAW;AACrD,EAAC"}

package/lib/esm/components/whatsapp-template/index.d.ts

@@ -1,4 +1,4 @@
-import type { WhatsappTemplateComponentBody, WhatsappTemplateComponentButtons, WhatsappTemplateComponentFooter, WhatsappTemplateComponentHeader } from './types';
+import type { WhatsappTemplateComponentBody, WhatsappTemplateComponentButtons, WhatsappTemplateComponentFooter, WhatsappTemplateComponentHeader } from './types.js';
 export interface WhatsappTemplateProps {
     name: string;
     language: string;