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

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

@@ -0,0 +1,59 @@
+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";
+    return CardType;
+}({});
+/*
+  Reference: https://developers.facebook.com/documentation/business-messaging/whatsapp/messages/interactive-media-carousel-messages?locale=en_US
+*/ 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}`))
+    });
+};
+
+export { WhatsappInteractiveMediaCarousel, whatsapp_interactive_media_carousel_CardType as CardType };
+
+//# sourceMappingURL=whatsapp-interactive-media-carousel.js.map

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

@@ -0,0 +1 @@
+{"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/components/whatsapp-media-carousel.js

@@ -0,0 +1,67 @@
+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 = ()=>{
+        // Return a dummy message for browser
+        const message = `WhatsApp Media Carousel would be sent to the user.`;
+        return /*#__PURE__*/ jsx(Message, {
+            json: serialize(message),
+            ...props,
+            type: INPUT.TEXT,
+            children: message
+        });
+    };
+    const getCards = (cards)=>{
+        cards.forEach((card, index)=>{
+            if (!card.cardIndex) {
+                card.cardIndex = index;
+            }
+            card.buttons?.forEach((button, index)=>{
+                if (!button.buttonIndex) {
+                    button.buttonIndex = index;
+                }
+            });
+        });
+        return toSnakeCaseKeys(cards);
+    };
+    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 renderComponent({
+        renderBrowser,
+        renderNode
+    });
+};
+
+export { WhatsappMediaCarousel };
+
+//# sourceMappingURL=whatsapp-media-carousel.js.map

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

@@ -0,0 +1 @@
+{"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/components/whatsapp-product-carousel.js

@@ -0,0 +1,60 @@
+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 = ()=>{
+        // Return a dummy message for browser
+        const message = `WhatsApp Product Carousel would be sent to the user.`;
+        return /*#__PURE__*/ jsx(Message, {
+            json: serialize(message),
+            ...props,
+            type: INPUT.TEXT,
+            children: message
+        });
+    };
+    const getCards = (cards)=>{
+        cards.forEach((card, index)=>{
+            if (!card.cardIndex) {
+                card.cardIndex = index;
+            }
+        });
+        return toSnakeCaseKeys(cards);
+    };
+    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 renderComponent({
+        renderBrowser,
+        renderNode
+    });
+};
+
+export { WhatsappProductCarousel };
+
+//# sourceMappingURL=whatsapp-product-carousel.js.map

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

@@ -0,0 +1 @@
+{"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/components/whatsapp-product-list.js

@@ -0,0 +1,53 @@
+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 = ()=>{
+        // Return a dummy message for browser
+        const message = `WhatsApp Product List would be sent to the user.`;
+        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'.
+        /*#__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 renderComponent({
+        renderBrowser,
+        renderNode
+    });
+};
+
+export { WhatsappProductList };
+
+//# sourceMappingURL=whatsapp-product-list.js.map

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

@@ -0,0 +1 @@
+{"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/components/whatsapp-product.js

@@ -0,0 +1,49 @@
+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 = ()=>{
+        // Return a dummy message for browser
+        const message = `WhatsApp Product would be sent to the user.`;
+        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'.
+        /*#__PURE__*/ jsx("message", {
+            ...props,
+            body: props.body,
+            footer: props.footer,
+            catalogId: props.catalogId,
+            productId: props.productId,
+            type: INPUT.WHATSAPP_PRODUCT
+        }));
+    };
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
+};
+
+export { WhatsappProduct };
+
+//# sourceMappingURL=whatsapp-product.js.map

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

@@ -0,0 +1 @@
+{"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/components/whatsapp-request-contact-info.js

@@ -0,0 +1,49 @@
+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 > WHATSAPP_MAX_BODY_CHARS) {
+        throw new Error(`WhatsappRequestContactInfo: body exceeds maximum length of ${WHATSAPP_MAX_BODY_CHARS} characters`);
+    }
+    return convertToMarkdownMeta(body);
+};
+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'.
+        /*#__PURE__*/ jsx("message", {
+            body: body,
+            type: INPUT.WHATSAPP_REQUEST_CONTACT_INFO
+        }));
+    };
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
+};
+
+export { WhatsappRequestContactInfo };
+
+//# sourceMappingURL=whatsapp-request-contact-info.js.map

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

@@ -0,0 +1 @@
+{"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/components/whatsapp-template/index.d.ts

@@ -0,0 +1,11 @@
+import type { WhatsappTemplateComponentBody, WhatsappTemplateComponentButtons, WhatsappTemplateComponentFooter, WhatsappTemplateComponentHeader } from './types.js';
+export interface WhatsappTemplateProps {
+    name: string;
+    language: string;
+    namespace?: string;
+    header?: WhatsappTemplateComponentHeader;
+    body?: WhatsappTemplateComponentBody;
+    footer?: WhatsappTemplateComponentFooter;
+    buttons?: WhatsappTemplateComponentButtons;
+}
+export declare const WhatsappTemplate: (props: WhatsappTemplateProps) => any;

package/lib/components/whatsapp-template/index.js

@@ -0,0 +1,52 @@
+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 WhatsappTemplate = (props)=>{
+    const renderBrowser = ()=>{
+        // Return a dummy message for browser
+        const message = `Template ${props.name} with language ${props.language} and namespace ${props.namespace} would be sent to the user.`;
+        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'.
+        /*#__PURE__*/ jsx("message", {
+            ...props,
+            name: props.name,
+            language: props.language,
+            namespace: props.namespace,
+            header: props.header && JSON.stringify(props.header),
+            body: props.body && JSON.stringify(props.body),
+            footer: props.footer && JSON.stringify(props.footer),
+            buttons: props.buttons && JSON.stringify(props.buttons),
+            type: INPUT.WHATSAPP_TEMPLATE
+        }));
+    };
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
+};
+
+export { WhatsappTemplate };
+
+//# sourceMappingURL=index.js.map

package/lib/components/whatsapp-template/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/whatsapp-template/index.js","sources":["../../../src/components/whatsapp-template/index.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\n\nimport { renderComponent } from '../../util/react'\nimport { Message } from '../message'\nimport type {\n  WhatsappTemplateComponentBody,\n  WhatsappTemplateComponentButtons,\n  WhatsappTemplateComponentFooter,\n  WhatsappTemplateComponentHeader,\n} from './types'\n\nconst serialize = (message: string) => {\n  return { text: message }\n}\n\nexport interface WhatsappTemplateProps {\n  name: string\n  language: string\n  namespace?: string\n  header?: WhatsappTemplateComponentHeader\n  body?: WhatsappTemplateComponentBody\n  footer?: WhatsappTemplateComponentFooter\n  buttons?: WhatsappTemplateComponentButtons\n}\n\nexport const WhatsappTemplate = (props: WhatsappTemplateProps) => {\n  const renderBrowser = () => {\n    // Return a dummy message for browser\n    const message = `Template ${props.name} with language ${props.language} and namespace ${props.namespace} 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        name={props.name}\n        language={props.language}\n        namespace={props.namespace}\n        header={props.header && JSON.stringify(props.header)}\n        body={props.body && JSON.stringify(props.body)}\n        footer={props.footer && JSON.stringify(props.footer)}\n        buttons={props.buttons && JSON.stringify(props.buttons)}\n        type={INPUT.WHATSAPP_TEMPLATE}\n      />\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","renderComponent","Message","serialize","message","WhatsappTemplate","props","renderBrowser","renderNode","JSON"],"mappings":";;;;;;;;;;AAAqC;AAEa;AACd;AAQpC,MAAMG,SAASA,GAAG,CAACC;IACjB,OAAO;QAAE,MAAMA;IAAQ;AACzB;AAYO,MAAMC,gBAAgBA,GAAG,CAACC;IAC/B,MAAMC,gBAAgB;QACpB,qCAAqC;QACrC,MAAMH,UAAU,CAAC,SAAS,EAAEE,MAAM,IAAI,CAAC,eAAe,EAAEA,MAAM,QAAQ,CAAC,eAAe,EAAEA,MAAM,SAAS,CAAC,2BAA2B,CAAC;QACpI,qBACE,IAACJ,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,UAAUA,MAAM,QAAQ;YACxB,WAAWA,MAAM,SAAS;YAC1B,QAAQA,MAAM,MAAM,IAAIG,KAAK,SAAS,CAACH,MAAM,MAAM;YACnD,MAAMA,MAAM,IAAI,IAAIG,KAAK,SAAS,CAACH,MAAM,IAAI;YAC7C,QAAQA,MAAM,MAAM,IAAIG,KAAK,SAAS,CAACH,MAAM,MAAM;YACnD,SAASA,MAAM,OAAO,IAAIG,KAAK,SAAS,CAACH,MAAM,OAAO;YACtD,MAAMN,uBAAuB;;IAGnC;IAEA,OAAOC,eAAeA,CAAC;QAAEM;QAAeC;IAAW;AACrD,EAAC"}

package/lib/components/whatsapp-template/types.js

@@ -0,0 +1,30 @@
+var types_WhatsAppTemplateButtonSubType = /*#__PURE__*/ function(WhatsAppTemplateButtonSubType) {
+    WhatsAppTemplateButtonSubType["URL"] = "URL";
+    WhatsAppTemplateButtonSubType["QUICK_REPLY"] = "QUICK_REPLY";
+    WhatsAppTemplateButtonSubType["PHONE_NUMBER"] = "PHONE_NUMBER";
+    WhatsAppTemplateButtonSubType["VOICE_CALL"] = "VOICE_CALL";
+    WhatsAppTemplateButtonSubType["FLOW"] = "FLOW";
+    WhatsAppTemplateButtonSubType["REQUEST_CONTACT_INFO"] = "REQUEST_CONTACT_INFO";
+    return WhatsAppTemplateButtonSubType;
+}({});
+var types_WhatsAppTemplateParameterType = /*#__PURE__*/ function(WhatsAppTemplateParameterType) {
+    WhatsAppTemplateParameterType["PAYLOAD"] = "PAYLOAD";
+    WhatsAppTemplateParameterType["TEXT"] = "TEXT";
+    WhatsAppTemplateParameterType["IMAGE"] = "IMAGE";
+    WhatsAppTemplateParameterType["VIDEO"] = "VIDEO";
+    WhatsAppTemplateParameterType["DOCUMENT"] = "DOCUMENT";
+    WhatsAppTemplateParameterType["ACTION"] = "ACTION";
+    return WhatsAppTemplateParameterType;
+}({});
+var types_WhatsAppTemplateComponentType = /*#__PURE__*/ function(WhatsAppTemplateComponentType) {
+    WhatsAppTemplateComponentType["HEADER"] = "HEADER";
+    WhatsAppTemplateComponentType["BODY"] = "BODY";
+    WhatsAppTemplateComponentType["FOOTER"] = "FOOTER";
+    WhatsAppTemplateComponentType["BUTTONS"] = "BUTTONS";
+    WhatsAppTemplateComponentType["BUTTON"] = "BUTTON";
+    return WhatsAppTemplateComponentType;
+}({});
+
+export { types_WhatsAppTemplateButtonSubType as WhatsAppTemplateButtonSubType, types_WhatsAppTemplateComponentType as WhatsAppTemplateComponentType, types_WhatsAppTemplateParameterType as WhatsAppTemplateParameterType };
+
+//# sourceMappingURL=types.js.map

package/lib/components/whatsapp-template/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/whatsapp-template/types.js","sources":["../../../src/components/whatsapp-template/types.ts"],"sourcesContent":["export enum WhatsAppTemplateButtonSubType {\n  URL = 'URL',\n  QUICK_REPLY = 'QUICK_REPLY',\n  PHONE_NUMBER = 'PHONE_NUMBER',\n  VOICE_CALL = 'VOICE_CALL',\n  FLOW = 'FLOW',\n  REQUEST_CONTACT_INFO = 'REQUEST_CONTACT_INFO',\n}\n\nexport enum WhatsAppTemplateParameterType {\n  PAYLOAD = 'PAYLOAD',\n  TEXT = 'TEXT',\n  IMAGE = 'IMAGE',\n  VIDEO = 'VIDEO',\n  DOCUMENT = 'DOCUMENT',\n  ACTION = 'ACTION',\n}\n\nexport enum WhatsAppTemplateComponentType {\n  HEADER = 'HEADER',\n  BODY = 'BODY',\n  FOOTER = 'FOOTER',\n  BUTTONS = 'BUTTONS',\n  BUTTON = 'BUTTON',\n}\n\nexport interface WhatsappTemplateHeaderTextParameter {\n  type: WhatsAppTemplateParameterType.TEXT\n  text: string\n}\n\nexport interface WhatsappTemplateHeaderImageParameter {\n  type: WhatsAppTemplateParameterType.IMAGE\n  image: {\n    link: string\n  }\n}\n\nexport interface WhatsappTemplateHeaderVideoParameter {\n  type: WhatsAppTemplateParameterType.VIDEO\n  video: {\n    link: string\n  }\n}\n\nexport interface WhatsappTemplateComponentHeader {\n  type: WhatsAppTemplateComponentType.HEADER\n  parameters:\n    | WhatsappTemplateHeaderTextParameter[]\n    | WhatsappTemplateHeaderImageParameter[]\n    | WhatsappTemplateHeaderVideoParameter[]\n  // | {\n  //     type: WhatsAppTemplateParameterType.DOCUMENT\n  //     document: string\n  //   }[]\n}\n\nexport interface WhatsappTemplateComponentBody {\n  type: WhatsAppTemplateComponentType.BODY\n  parameters: {\n    type: WhatsAppTemplateParameterType.TEXT\n    parameter_name: string\n    text: string\n  }[]\n}\n\nexport interface WhatsappTemplateComponentFooter {\n  type: WhatsAppTemplateComponentType.FOOTER\n  parameters: {\n    type: WhatsAppTemplateParameterType.TEXT\n    parameter_name: string\n    text: string\n  }[]\n}\n\nexport interface WhatsappTemplateComponentButtons {\n  type: WhatsAppTemplateComponentType.BUTTONS\n  buttons: WhatsappTemplateButton[]\n}\n\nexport interface WhatsappTemplateQuickReplyButton {\n  type: WhatsAppTemplateComponentType.BUTTON\n  sub_type: WhatsAppTemplateButtonSubType.QUICK_REPLY\n  index: number\n  parameters: {\n    type: WhatsAppTemplateParameterType.PAYLOAD\n    payload: string\n  }[]\n}\n\nexport interface WhatsappTemplateUrlButton {\n  type: WhatsAppTemplateComponentType.BUTTON\n  sub_type: WhatsAppTemplateButtonSubType.URL\n  index: number\n  parameters: {\n    type: WhatsAppTemplateParameterType.TEXT\n    text: string // URL dynamic param\n  }[]\n}\n\nexport interface WhatsappTemplateVoiceCallButton {\n  type: WhatsAppTemplateComponentType.BUTTON\n  sub_type: WhatsAppTemplateButtonSubType.VOICE_CALL\n  index: number\n  parameters: []\n}\n\nexport interface WhatsappTemplatePhoneNumberButton {\n  type: WhatsAppTemplateComponentType.BUTTON\n  sub_type: WhatsAppTemplateButtonSubType.PHONE_NUMBER\n  index: number\n  parameters: []\n}\n\nexport interface WhatsappTemplateRequestContactInfoButton {\n  type: WhatsAppTemplateComponentType.BUTTON\n  sub_type: WhatsAppTemplateButtonSubType.REQUEST_CONTACT_INFO\n  index: number\n  parameters: []\n}\n\nexport interface WhatsappTemplateFlowAction {\n  flow_token: string\n  flow_action_data?: Record<string, string>\n}\n\nexport interface WhatsappTemplateFlowActionParameter {\n  type: WhatsAppTemplateParameterType.ACTION\n  action: WhatsappTemplateFlowAction\n}\n\nexport interface WhatsappTemplateFlowButton {\n  type: WhatsAppTemplateComponentType.BUTTON\n  sub_type: WhatsAppTemplateButtonSubType.FLOW\n  index: string\n  parameters: WhatsappTemplateFlowActionParameter[]\n}\n\nexport type WhatsappTemplateButton =\n  | WhatsappTemplateQuickReplyButton\n  | WhatsappTemplateUrlButton\n  | WhatsappTemplateVoiceCallButton\n  | WhatsappTemplatePhoneNumberButton\n  | WhatsappTemplateRequestContactInfoButton\n  | WhatsappTemplateFlowButton\n"],"names":["WhatsAppTemplateButtonSubType","WhatsAppTemplateParameterType","WhatsAppTemplateComponentType"],"mappings":"AAAO,IAAKA,mCAA6BA,0BAA7BA;;;;;;;WAAAA;MAOX;AAEM,IAAKC,mCAA6BA,0BAA7BA;;;;;;;WAAAA;MAOX;AAEM,IAAKC,mCAA6BA,0BAA7BA;;;;;;WAAAA;MAMX"}