@botonic/react 0.24.2 → 0.25.0-alpha.0

package/lib/esm/tests/__mocks__/file-mock.js

@@ -0,0 +1,3 @@
+"use strict";
+module.exports = 'test-file-stub';
+//# sourceMappingURL=file-mock.js.map

package/lib/esm/tests/__mocks__/file-mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-mock.js","sourceRoot":"src/","sources":["tests/__mocks__/file-mock.js"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,GAAG,gBAAgB,CAAA"}

package/lib/esm/tests/components/components.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/esm/tests/components/components.test.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { getComponentTypeName, getElementName, } from '../../src/components/components';
+import { Text } from '../../src/components/text';
+describe('getDisplayName', () => {
+    test('React.Component', () => {
+        class Comp extends React.Component {
+            render() {
+                return null;
+            }
+        }
+        expect(getElementName(React.createElement(Comp, null))).toEqual('Comp');
+        expect(getComponentTypeName(Comp)).toEqual('Comp');
+    });
+    test('React.Function', () => {
+        const Func = props => React.createElement(Text, null);
+        expect(getElementName(React.createElement(Func, null))).toEqual('Func');
+        expect(getComponentTypeName(Func)).toEqual('Func');
+    });
+});
+//# sourceMappingURL=components.test.js.map

package/lib/esm/tests/components/components.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.test.js","sourceRoot":"src/","sources":["tests/components/components.test.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,oBAAoB,EACpB,cAAc,GACf,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC3B,MAAM,IAAK,SAAQ,KAAK,CAAC,SAAS;YAChC,MAAM;gBACJ,OAAO,IAAI,CAAA;YACb,CAAC;SACF;QACD,MAAM,CAAC,cAAc,CAAC,oBAAC,IAAI,OAAG,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;QAChD,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IACpD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,gBAAgB,EAAE,GAAG,EAAE;QAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,oBAAC,IAAI,OAAG,CAAA;QAC9B,MAAM,CAAC,cAAc,CAAC,oBAAC,IAAI,OAAG,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;QAChD,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IACpD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/lib/esm/tests/components/custom-message.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/esm/tests/components/custom-message.test.js

@@ -0,0 +1,89 @@
+import React from 'react';
+import TestRenderer from 'react-test-renderer';
+import { Button, customMessage, Reply, Text } from '../../src/components';
+import { getElementName } from '../../src/components/components';
+import { createErrorBoundary } from '../../src/util/error-boundary';
+const renderToJSON = sut => TestRenderer.create(sut).toJSON();
+test('TEST: CustomMessage defaultProps, props and children are injected into the component', () => {
+    class CustomComponent extends React.Component {
+        render() {
+            return React.createElement(Text, null, this.props.wrappedProp + this.props.children);
+        }
+    }
+    const Sut = customMessage({
+        name: 'test1',
+        component: CustomComponent,
+        defaultProps: { wrapperProp: 'wrapperPropV' },
+    });
+    const tree = renderToJSON(React.createElement(Sut, { wrappedProp: 'wrappedPropV' }, "body"));
+    expect(tree).toMatchSnapshot();
+});
+describe('CustomMessage replies', () => {
+    function names(children) {
+        if (Array.isArray(children)) {
+            return children.map(c => getElementName(c)).join(',');
+        }
+        return getElementName(children);
+    }
+    function reply(key) {
+        return (React.createElement(Reply, { key: key, payload: `payload${key}` },
+            "reply",
+            key));
+    }
+    function button(key) {
+        return (React.createElement(Button, { key: key, payload: `payload${key}` },
+            "button",
+            key));
+    }
+    for (const children of [
+        reply(),
+        button(),
+        [reply(1), reply(2)],
+        [reply(1), button(2)],
+        [button(1), button(2)], // multiple no reply
+    ]) {
+        test(`TEST: replies are moved outside the custom component ${names(children)}`, () => {
+            class CustomComponent extends React.Component {
+                render() {
+                    return React.createElement(Text, null, this.props.children);
+                }
+            }
+            const Sut = customMessage({
+                name: 'test1',
+                component: CustomComponent,
+            });
+            const tree = renderToJSON(React.createElement(Sut, null, children));
+            expect(tree).toMatchSnapshot();
+        });
+    }
+});
+describe('CustomMessage failing', () => {
+    class FailingComponent extends React.Component {
+        // eslint-disable-next-line react/require-render-return
+        render() {
+            throw Error('Forced exception');
+        }
+    }
+    test.skip('TEST: ErrorBoundary on a failing component', () => {
+        const Sut = customMessage({
+            name: 'test1',
+            component: FailingComponent,
+            defaultProps: { wrapperProp: 'wrapperPropV' },
+        });
+        const tree = renderToJSON(React.createElement(Sut, null));
+        expect(tree).toMatchSnapshot();
+    });
+    test.skip('TEST: ErrorBoundary different errorComponent which gets the props', () => {
+        const Sut = customMessage({
+            name: 'test1',
+            component: FailingComponent,
+            errorBoundary: createErrorBoundary({
+                // eslint-disable-next-line react/display-name
+                errorComponent: props => (React.createElement(Text, null, `Boom!${props.bang}: ${props.errorMessage}`)),
+            }),
+        });
+        const tree = renderToJSON(React.createElement(Sut, { bang: 'Bang!' }));
+        expect(tree).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=custom-message.test.js.map

package/lib/esm/tests/components/custom-message.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-message.test.js","sourceRoot":"src/","sources":["tests/components/custom-message.test.jsx"],"names":[],"mappings":"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"}

package/lib/esm/tests/components/multichannel/facebook/facebook.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/esm/tests/components/multichannel/facebook/facebook.test.js

@@ -0,0 +1,71 @@
+import { MultichannelFacebook } from '../../../../src/components/multichannel/facebook/facebook';
+describe('Multichannel Facebook text converter', () => {
+    const multichannelFacebook = new MultichannelFacebook();
+    const button = {
+        key: '1',
+        props: {
+            children: 'Children',
+            url: 'https://botonic.io/',
+        },
+        type: 'Button',
+    };
+    const shortText = 'Continetur devenietur id ex denegassem ponderibus imaginatio patrocinio.';
+    const longText = 'Continetur devenietur id ex denegassem ponderibus imaginatio patrocinio. Falso et se re entis quasi im. Ipsum ne opera at potui ipsis mo. Hic advertisse manifestum uti blandisque objectivae imaginaria assignetur. Re dare dari data ad ex isti ad meas quin. Aeque neque at multo coeco ac. Ullius habens longum necdum negans si ut.\nIm quia odor scio ea. Habet hic duo operi cum fas ullis. Dicunt at attigi re mentem eo longum ne creari videor. Credendam incurrant simplicia tantumque desumptam to de. Rationes ad re quanquam sensisse ac frigoris. Summam eo gustum seriem in vi. Credimus sorbonae ad ac in de cogitare.\nRem summum ope eae notatu sicuti calida causas. Machinam assidere circulum in facultas ab. Haberem volebam tur verarum mallent etc una seu referam ignotae. Heri sic rum ante sine quas fas modi. Nos creasse pendere crescit angelos etc. Is ii veat se suae admi nisi data meas an. Ei probent enatare et naturam. Igni bere meum at vi meae ob ente foco. Progressum expectanti deo advertebam confirmari objectivam age tractandae vix dem. Assentiar im singulari examinare voluntate inhaereat de si colligere me.\nAusi ente me idem utor adeo ob ille. Hominem inferri hos effugio una vel istarum. Gnum ii iste amen ab visu atra. Deo sic olim sese amen. Im co vereor opinio certas. Et legendo caetera disputo saporis exhibet ei. Propositio via explicetur ibi est designabam necessario quo.';
+    const firstTexts = [
+        'Continetur devenietur id ex denegassem ponderibus imaginatio patrocinio. Falso et se re entis quasi im. Ipsum ne opera at potui ipsis mo. Hic advertisse manifestum uti blandisque objectivae imaginaria assignetur. Re dare dari data ad ex isti ad meas quin. Aeque neque at multo coeco ac. Ullius habens longum necdum negans si ut.\nIm quia odor scio ea. Habet hic duo operi cum fas ullis. Dicunt at attigi re mentem eo longum ne creari videor. Credendam incurrant simplicia tantumque desumptam to de. Rationes ad re quanquam sensisse ac frigoris. Summam eo gustum seriem in vi. Credimus sorbonae ad ac in de cogitare.',
+        'Rem summum ope eae notatu sicuti calida causas. Machinam assidere circulum in facultas ab. Haberem volebam tur verarum mallent etc una seu referam ignotae. Heri sic rum ante sine quas fas modi. Nos creasse pendere crescit angelos etc. Is ii veat se suae admi nisi data meas an. Ei probent enatare et naturam. Igni bere meum at vi meae ob ente foco. Progressum expectanti deo advertebam confirmari objectivam age tractandae vix dem. Assentiar im singulari examinare voluntate inhaereat de si colligere me.',
+    ];
+    const lastText = 'Ausi ente me idem utor adeo ob ille. Hominem inferri hos effugio una vel istarum. Gnum ii iste amen ab visu atra. Deo sic olim sese amen. Im co vereor opinio certas. Et legendo caetera disputo saporis exhibet ei. Propositio via explicetur ibi est designabam necessario quo.';
+    const expectedPropsWithoutChildren = {
+        delay: '1',
+    };
+    test('TEST: Splits long text', () => {
+        const props = {
+            children: longText,
+            delay: '1',
+        };
+        const { texts, propsLastText, propsWithoutChildren } = multichannelFacebook.convertText(props, longText);
+        const expectedPropsLastText = {
+            children: [lastText],
+            delay: '1',
+        };
+        expect(texts).toEqual(firstTexts);
+        expect(propsLastText).toEqual(expectedPropsLastText);
+        expect(propsWithoutChildren).toEqual(expectedPropsWithoutChildren);
+    });
+    test('TEST: Splits long text with buttons', () => {
+        const props = {
+            children: [longText, button],
+            delay: '1',
+        };
+        const { texts, propsLastText, propsWithoutChildren } = multichannelFacebook.convertText(props, longText);
+        const expectedPropsLastText = {
+            children: [lastText, button],
+            delay: '1',
+        };
+        expect(texts).toEqual(firstTexts);
+        expect(propsLastText).toEqual(expectedPropsLastText);
+        expect(propsWithoutChildren).toEqual(expectedPropsWithoutChildren);
+    });
+    test('TEST: Does not split short text', () => {
+        const props = {
+            children: shortText,
+            delay: '1',
+        };
+        const { texts, propsLastText, propsWithoutChildren } = multichannelFacebook.convertText(props, shortText);
+        expect(texts).toEqual(undefined);
+        expect(propsLastText).toEqual(props);
+        expect(propsWithoutChildren).toEqual(undefined);
+    });
+    test('TEST: Does not split short text with buttons', () => {
+        const props = {
+            children: [shortText, button],
+            delay: '1',
+        };
+        const { texts, propsLastText, propsWithoutChildren } = multichannelFacebook.convertText(props, shortText);
+        expect(texts).toEqual(undefined);
+        expect(propsLastText).toEqual(props);
+        expect(propsWithoutChildren).toEqual(undefined);
+    });
+});
+//# sourceMappingURL=facebook.test.js.map

package/lib/esm/tests/components/multichannel/facebook/facebook.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"facebook.test.js","sourceRoot":"src/","sources":["tests/components/multichannel/facebook/facebook.test.jsx"],"names":[],"mappings":"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"}

package/lib/esm/tests/components/multichannel/multichannel-button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/esm/tests/components/multichannel/multichannel-button.test.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { MultichannelButton } from '../../../src/components/multichannel';
+import { whatsappRenderer } from '../../helpers/test-utils';
+describe('Multichannel buttons:', () => {
+    test('with payload', () => {
+        const sut = (React.createElement(MultichannelButton, { payload: 'payload1' }, "With payload"));
+        const rendered = whatsappRenderer(sut, { indexSeparator: '-' }).toJSON();
+        expect(rendered).toMatchSnapshot();
+    });
+    test('with path', () => {
+        const sut = React.createElement(MultichannelButton, { path: 'path1' }, "With path");
+        const rendered = whatsappRenderer(sut, { indexSeparator: '.-' }).toJSON();
+        expect(rendered).toMatchSnapshot();
+    });
+    test('with URL', () => {
+        const sut = (React.createElement(MultichannelButton, { url: 'https://docs.botonic.io/' }, "With URL"));
+        const rendered = whatsappRenderer(sut).toJSON();
+        expect(rendered).toMatchSnapshot();
+    });
+    test('with webview', () => {
+        const sut = (React.createElement(MultichannelButton, { webview: 'webview' }, "With webview"));
+        const rendered = whatsappRenderer(sut).toJSON();
+        expect(rendered).toMatchSnapshot();
+    });
+    test('truncate text if more than 20 chars in whatsapp buttons', () => {
+        const sut = (React.createElement(MultichannelButton, { asText: false, payload: 'payload1' }, "With text longer than 20 characters"));
+        const rendered = whatsappRenderer(sut).toJSON();
+        expect(rendered).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=multichannel-button.test.js.map

package/lib/esm/tests/components/multichannel/multichannel-button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multichannel-button.test.js","sourceRoot":"src/","sources":["tests/components/multichannel/multichannel-button.test.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAA;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,IAAI,CAAC,cAAc,EAAE,GAAG,EAAE;QACxB,MAAM,GAAG,GAAG,CACV,oBAAC,kBAAkB,IAAC,OAAO,EAAC,UAAU,mBAAkC,CACzE,CAAA;QAED,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,EAAE,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,CAAA;QACxE,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAA;IACpC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE;QACrB,MAAM,GAAG,GAAG,oBAAC,kBAAkB,IAAC,IAAI,EAAC,OAAO,gBAA+B,CAAA;QAE3E,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAA;QACzE,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAA;IACpC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE;QACpB,MAAM,GAAG,GAAG,CACV,oBAAC,kBAAkB,IAAC,GAAG,EAAC,0BAA0B,eAE7B,CACtB,CAAA;QACD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAA;QAC/C,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAA;IACpC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,cAAc,EAAE,GAAG,EAAE;QACxB,MAAM,GAAG,GAAG,CACV,oBAAC,kBAAkB,IAAC,OAAO,EAAC,SAAS,mBAAkC,CACxE,CAAA;QACD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAA;QAC/C,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAA;IACpC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,yDAAyD,EAAE,GAAG,EAAE;QACnE,MAAM,GAAG,GAAG,CACV,oBAAC,kBAAkB,IAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAC,UAAU,0CAEhC,CACtB,CAAA;QACD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAA;QAC/C,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAA;IACpC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/lib/esm/tests/components/multichannel/multichannel-carousel-multibutton.test.d.ts

@@ -0,0 +1,9 @@
+export namespace LEGACY_CONTEXT {
+    const indexSeparator: string;
+    const messageSeparator: null;
+}
+export namespace LEGACY_PROPS {
+    const indexMode: string;
+    const showTitle: boolean;
+    const showSubtitle: boolean;
+}

package/lib/esm/tests/components/multichannel/multichannel-carousel-multibutton.test.js

@@ -0,0 +1,134 @@
+import React from 'react';
+import { Carousel, Element, Pic, Subtitle, Title, } from '../../../src/components';
+import { MultichannelButton, MultichannelCarousel, } from '../../../src/components/multichannel';
+import { whatsappRenderer } from '../../helpers/test-utils';
+export const LEGACY_CONTEXT = {
+    indexSeparator: '.',
+    messageSeparator: null,
+};
+export const LEGACY_PROPS = {
+    indexMode: 'number',
+    showTitle: true,
+    showSubtitle: true,
+};
+const movies = [
+    {
+        name: 'Snatch',
+        desc: 'Five minutes, Turkish',
+        url: 'https://www.imdb.com/title/tt0208092',
+        pic: 'https://nebula.wsimg.com/obj/NzQ3QUYxQzZBNzE4NjNFRTc1MTU6NmM4YjgzZWVlZTE2MGMzM2RkMTdlZjdjNGUyZmFhNDE6Ojo6OjA=',
+    },
+    {
+        name: 'El laberinto del fauno',
+        desc: '2006',
+        url: 'https://www.imdb.com/title/tt0457430',
+        pic: 'https://m.media-amazon.com/images/M/MV5BMDBjOWYyMDQtOWRmOC00MDgxLWIxM2UtMTNjYzFiN2RkYTBlXkEyXkFqcGdeQXVyMTAyOTE2ODg0._V1_UY268_CR6,0,182,268_AL_.jpg',
+    },
+];
+describe('Multichannel carousel COMPACT mode N Buttons', () => {
+    test('dynamic carousel with url buttons', () => {
+        const carousel = (React.createElement(Carousel, null, movies.map((e, i) => (React.createElement(Element, { key: e.name },
+            React.createElement(Pic, { src: e.pic }),
+            React.createElement(Title, null, e.name),
+            React.createElement(Subtitle, null, e.desc),
+            [
+                React.createElement(MultichannelButton, { key: '1', url: e.url }, "Visit website"),
+                React.createElement(MultichannelButton, { key: '2', url: 'anotherurl.com' }, "Another website"),
+            ])))));
+        const sut = (React.createElement(MultichannelCarousel, Object.assign({}, carousel.props, LEGACY_PROPS), carousel.props.children));
+        const renderer = whatsappRenderer(sut, LEGACY_CONTEXT);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    const options = [
+        {
+            name: 'Title1',
+            desc: 'Subtitle1',
+            payload: 'Payload1',
+            buttonText: 'Previo a la compra',
+            pic: 'https://cdn.slidesharecdn.com/profile-photo-sumeet.moghe-48x48.jpg?cb=1527568614',
+        },
+        {
+            name: 'Title2',
+            desc: 'Subtitle2',
+            payload: 'Payload2',
+            buttonText: 'Durante la compra',
+            pic: 'https://nebula.wsimg.com/obj/NzQ3QUYxQzZBNzE4NjNFRTc1MTU6NmM4YjgzZWVlZTE2MGMzM2RkMTdlZjdjNGUyZmFhNDE6Ojo6OjA=',
+        },
+    ];
+    test('dynamic carousel with payload/path buttons N Buttons', () => {
+        const carousel = (React.createElement(Carousel, null, options.map((e, i) => (React.createElement(Element, { key: e.name },
+            React.createElement(Pic, { src: e.pic }),
+            React.createElement(Title, null, e.name),
+            React.createElement(Subtitle, null, e.desc),
+            [
+                React.createElement(MultichannelButton, { key: '1', payload: 'payload1' }, e.buttonText),
+                React.createElement(MultichannelButton, { key: '2', payload: 'payload2' },
+                    "another button",
+                    i),
+            ])))));
+        const sut = (React.createElement(MultichannelCarousel, Object.assign({}, carousel.props, LEGACY_PROPS), carousel.props.children));
+        const renderer = whatsappRenderer(sut, LEGACY_CONTEXT);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    const optionsNoTitleNoSubtitle = [
+        {
+            name: '',
+            desc: '',
+            payload: 'Payload1',
+            buttonText: 'Previo a la compra',
+            pic: 'https://cdn.slidesharecdn.com/profile-photo-sumeet.moghe-48x48.jpg?cb=1527568614',
+        },
+        {
+            name: '',
+            desc: '',
+            payload: 'Payload2',
+            buttonText: 'Durante la compra',
+            pic: 'https://nebula.wsimg.com/obj/NzQ3QUYxQzZBNzE4NjNFRTc1MTU6NmM4YjgzZWVlZTE2MGMzM2RkMTdlZjdjNGUyZmFhNDE6Ojo6OjA=',
+        },
+    ];
+    test('dynamic carousel (just text in button) with payload/path buttons N Buttons', () => {
+        const carousel = (React.createElement(Carousel, null, optionsNoTitleNoSubtitle.map((e, i) => (React.createElement(Element, { key: e.name },
+            React.createElement(Pic, { src: e.pic }),
+            React.createElement(Title, null, e.name),
+            React.createElement(Subtitle, null, e.desc),
+            [
+                React.createElement(MultichannelButton, { key: '1', payload: e.payload }, e.buttonText),
+                React.createElement(MultichannelButton, { key: '2', payload: e.payload },
+                    "another button",
+                    i),
+            ])))));
+        const sut = (React.createElement(MultichannelCarousel, Object.assign({}, carousel.props, LEGACY_PROPS), carousel.props.children));
+        const renderer = whatsappRenderer(sut, LEGACY_CONTEXT);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('dynamic carousel with URL and postback buttons N Buttons displaying only postback buttons as whatsapp buttons', () => {
+        const postbackButtons = options.map((e, i) => (React.createElement(Element, { key: e.name },
+            React.createElement(Pic, { src: e.pic }),
+            React.createElement(Title, null, e.name),
+            React.createElement(Subtitle, null, e.desc),
+            [
+                React.createElement(MultichannelButton, { key: '1', payload: 'payload1' }, e.buttonText),
+                React.createElement(MultichannelButton, { key: '2', payload: 'payload2' },
+                    "another button",
+                    i),
+            ])));
+        const urlButtons = movies.map((e, i) => (React.createElement(Element, { key: e.name },
+            React.createElement(Pic, { src: e.pic }),
+            React.createElement(Title, null, e.name),
+            React.createElement(Subtitle, null, e.desc),
+            [
+                React.createElement(MultichannelButton, { key: '1', url: e.url }, "Visit website"),
+                React.createElement(MultichannelButton, { key: '2', url: 'anotherurl.com' },
+                    "Another website",
+                    i),
+            ])));
+        const sut = (React.createElement(MultichannelCarousel, Object.assign({}, LEGACY_PROPS, { buttonsAsText: false }), [...postbackButtons, ...urlButtons]));
+        const renderer = whatsappRenderer(sut, LEGACY_CONTEXT);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=multichannel-carousel-multibutton.test.js.map

package/lib/esm/tests/components/multichannel/multichannel-carousel-multibutton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multichannel-carousel-multibutton.test.js","sourceRoot":"src/","sources":["tests/components/multichannel/multichannel-carousel-multibutton.test.jsx"],"names":[],"mappings":"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"}

package/lib/esm/tests/components/multichannel/multichannel-carousel.test.d.ts

@@ -0,0 +1,9 @@
+export namespace LEGACY_CONTEXT {
+    const indexSeparator: string;
+    const messageSeparator: null;
+}
+export namespace LEGACY_PROPS {
+    const indexMode: string;
+    const showTitle: boolean;
+    const showSubtitle: boolean;
+}

package/lib/esm/tests/components/multichannel/multichannel-carousel.test.js

@@ -0,0 +1,124 @@
+import React from 'react';
+import { Element, MultichannelButton, MultichannelCarousel, Pic, Subtitle, Title, } from '../../../src/components';
+import { whatsappRenderer } from '../../helpers/test-utils';
+const movies = [
+    {
+        name: 'Snatch',
+        desc: 'Five minutes, Turkish',
+        url: 'https://www.imdb.com/title/tt0208092',
+        pic: 'https://nebula.wsimg.com/obj/NzQ3QUYxQzZBNzE4NjNFRTc1MTU6NmM4YjgzZWVlZTE2MGMzM2RkMTdlZjdjNGUyZmFhNDE6Ojo6OjA=',
+    },
+    {
+        name: 'El laberinto del fauno',
+        desc: '2006',
+        url: 'https://www.imdb.com/title/tt0457430',
+        pic: 'https://m.media-amazon.com/images/M/MV5BMDBjOWYyMDQtOWRmOC00MDgxLWIxM2UtMTNjYzFiN2RkYTBlXkEyXkFqcGdeQXVyMTAyOTE2ODg0._V1_UY268_CR6,0,182,268_AL_.jpg',
+    },
+];
+export const LEGACY_CONTEXT = {
+    indexSeparator: '.',
+    messageSeparator: null,
+};
+export const LEGACY_PROPS = {
+    indexMode: 'number',
+    showTitle: true,
+    showSubtitle: true,
+};
+describe('Multichannel carousel COMPACT mode', () => {
+    test('dynamic carousel with url buttons', () => {
+        const sut = (React.createElement(MultichannelCarousel, Object.assign({}, LEGACY_PROPS), movies.map((e, i) => (React.createElement(Element, { key: e.name },
+            React.createElement(Pic, { src: e.pic }),
+            React.createElement(Title, null, e.name),
+            React.createElement(Subtitle, null, e.desc),
+            React.createElement(MultichannelButton, { url: e.url }, "Visit website"))))));
+        const renderer = whatsappRenderer(sut, LEGACY_CONTEXT);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    const options = [
+        {
+            name: 'Title1',
+            desc: 'Subtitle1',
+            payload: 'Payload1',
+            buttonText: 'Previo a la compra',
+            pic: 'https://cdn.slidesharecdn.com/profile-photo-sumeet.moghe-48x48.jpg?cb=1527568614',
+        },
+        {
+            name: 'Title2',
+            desc: 'Subtitle2',
+            payload: 'Payload2',
+            buttonText: 'Durante la compra',
+            pic: 'https://nebula.wsimg.com/obj/NzQ3QUYxQzZBNzE4NjNFRTc1MTU6NmM4YjgzZWVlZTE2MGMzM2RkMTdlZjdjNGUyZmFhNDE6Ojo6OjA=',
+        },
+    ];
+    test('dynamic carousel with payload/path buttons', () => {
+        const sut = (React.createElement(MultichannelCarousel, Object.assign({}, LEGACY_PROPS), options.map((e, i) => (React.createElement(Element, { key: e.name },
+            React.createElement(Pic, { src: e.pic }),
+            React.createElement(Title, null, e.name),
+            React.createElement(Subtitle, null, e.desc),
+            React.createElement(MultichannelButton, { payload: e.payload }, e.buttonText))))));
+        const renderer = whatsappRenderer(sut, LEGACY_CONTEXT);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    const optionsNoTitleNoSubtitle = [
+        {
+            name: '',
+            desc: '',
+            payload: 'Payload1',
+            buttonText: 'Previo a la compra',
+            pic: 'https://cdn.slidesharecdn.com/profile-photo-sumeet.moghe-48x48.jpg?cb=1527568614',
+        },
+        {
+            name: '',
+            desc: '',
+            payload: 'Payload2',
+            buttonText: 'Durante la compra',
+            pic: 'https://nebula.wsimg.com/obj/NzQ3QUYxQzZBNzE4NjNFRTc1MTU6NmM4YjgzZWVlZTE2MGMzM2RkMTdlZjdjNGUyZmFhNDE6Ojo6OjA=',
+        },
+    ];
+    test('dynamic carousel (just text in button) with payload/path buttons', () => {
+        const sut = (React.createElement(MultichannelCarousel, Object.assign({}, LEGACY_PROPS), optionsNoTitleNoSubtitle.map((e, i) => (React.createElement(Element, { key: e.name },
+            React.createElement(Pic, { src: e.pic }),
+            React.createElement(Title, null, e.name),
+            React.createElement(Subtitle, null, e.desc),
+            React.createElement(MultichannelButton, { payload: e.payload }, e.buttonText))))));
+        const renderer = whatsappRenderer(sut, LEGACY_CONTEXT);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('all elements in same message', () => {
+        const sut = (React.createElement(MultichannelCarousel, null, [
+            React.createElement(Element, { key: 0 },
+                React.createElement(Subtitle, null, "Subtitle will not appear"),
+                [
+                    React.createElement(MultichannelButton, { key: 1, payload: 'Payload1' }, 'Previo'),
+                ]),
+            React.createElement(Element, { key: 1 },
+                React.createElement(Subtitle, null, "Subtitle will not appear"),
+                [
+                    React.createElement(MultichannelButton, { key: 1, payload: 'Payload2' }, 'Durante'),
+                ]),
+        ]));
+        const renderer = whatsappRenderer(sut, { messageSeparator: '\n' });
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('dynamic carousel with URL and postback buttons and displaying only postback buttons as whatsapp buttons', () => {
+        const postbackButtons = options.map((e, i) => (React.createElement(Element, { key: e.name },
+            React.createElement(Pic, { src: e.pic }),
+            React.createElement(Title, null, e.name),
+            React.createElement(Subtitle, null, e.desc),
+            React.createElement(MultichannelButton, { payload: e.payload }, e.buttonText))));
+        const urlButtons = movies.map((e, i) => (React.createElement(Element, { key: e.name },
+            React.createElement(Pic, { src: e.pic }),
+            React.createElement(Title, null, e.name),
+            React.createElement(Subtitle, null, e.desc),
+            React.createElement(MultichannelButton, { url: e.url }, "Visit website"))));
+        const sut = (React.createElement(MultichannelCarousel, Object.assign({}, LEGACY_PROPS, { buttonsAsText: false }), [...postbackButtons, ...urlButtons]));
+        const renderer = whatsappRenderer(sut, LEGACY_CONTEXT);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=multichannel-carousel.test.js.map

package/lib/esm/tests/components/multichannel/multichannel-carousel.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multichannel-carousel.test.js","sourceRoot":"src/","sources":["tests/components/multichannel/multichannel-carousel.test.jsx"],"names":[],"mappings":"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"}

package/lib/esm/tests/components/multichannel/multichannel-reply.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/esm/tests/components/multichannel/multichannel-reply.test.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Reply } from '../../../src/components';
+import { MultichannelReply } from '../../../src/components/multichannel';
+import { whatsappRenderer } from '../../helpers/test-utils';
+describe('Multichannel replies:', () => {
+    const Replies = {};
+    Replies.withPayload = (React.createElement(Reply, { payload: 'payload1' }, "reply text with payload1"));
+    Replies.withPath = React.createElement(Reply, { path: 'path1' }, "reply text with path1");
+    test('with payload', () => {
+        const sut = (React.createElement(MultichannelReply, Object.assign({}, Replies.withPayload.props), Replies.withPayload.props.children));
+        const rendered = whatsappRenderer(sut).toJSON();
+        expect(rendered).toMatchSnapshot();
+    });
+    test('with path', () => {
+        const sut = (React.createElement(MultichannelReply, Object.assign({}, Replies.withPath.props), Replies.withPath.props.children));
+        const rendered = whatsappRenderer(sut).toJSON();
+        expect(rendered).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=multichannel-reply.test.js.map

package/lib/esm/tests/components/multichannel/multichannel-reply.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multichannel-reply.test.js","sourceRoot":"src/","sources":["tests/components/multichannel/multichannel-reply.test.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG,EAAE,CAAA;IAClB,OAAO,CAAC,WAAW,GAAG,CACpB,oBAAC,KAAK,IAAC,OAAO,EAAC,UAAU,+BAAiC,CAC3D,CAAA;IACD,OAAO,CAAC,QAAQ,GAAG,oBAAC,KAAK,IAAC,IAAI,EAAC,OAAO,4BAA8B,CAAA;IAEpE,IAAI,CAAC,cAAc,EAAE,GAAG,EAAE;QACxB,MAAM,GAAG,GAAG,CACV,oBAAC,iBAAiB,oBAAK,OAAO,CAAC,WAAW,CAAC,KAAK,GAC7C,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,CACjB,CACrB,CAAA;QAED,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAA;QAC/C,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAA;IACpC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE;QACrB,MAAM,GAAG,GAAG,CACV,oBAAC,iBAAiB,oBAAK,OAAO,CAAC,QAAQ,CAAC,KAAK,GAC1C,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CACd,CACrB,CAAA;QAED,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAA;QAC/C,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAA;IACpC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/lib/esm/tests/components/multichannel/multichannel-text.test.d.ts

@@ -0,0 +1 @@
+export {};