{"version":3,"file":"static/js/722.a1b2b4f3.chunk.js","mappings":"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","sources":["app/Button.jsx","utils/hooks/useVisualViewport.js","../../../node_modules/classnames/index.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { Transition } from \"@headlessui/react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { FormattedMessage } from \"react-intl\";\n\nimport useVisualViewport from \"../utils/hooks/useVisualViewport\";\nimport { useGetIntegrationQuery } from \"../utils/queries/integration\";\nimport { getChatButtonSessionStorage } from \"../utils/session-storage\";\nimport { useWebmessenger } from \"../utils/webmessenger\";\n\nfunction Button({ onClick }) {\n    const { operator, integration, unreadMessagesCount } = useWebmessenger();\n\n    const { windowSize } = useVisualViewport();\n\n    const chatButtonStorage = getChatButtonSessionStorage();\n\n    const [customText, setCustomText] = useState(null);\n    const [show, setShow] = useState(true);\n    const [showChatButtonAnimation, setShowChatButtonAnimation] =\n        useState(false);\n\n    useGetIntegrationQuery(integration, {\n        onSuccess: ({ data }) => {\n            setCustomText(data.chatButtonText);\n        },\n        enabled: !!integration,\n        refetchOnWindowFocus: false,\n        staleTime: 0,\n    });\n\n    const isMobile = windowSize.width <= 768;\n    const hasAnimation = !!chatButtonStorage;\n\n    useEffect(() => {\n        if (chatButtonStorage) {\n            const timeout = setTimeout(() => {\n                setShowChatButtonAnimation(true);\n            }, 6000);\n\n            return () => clearTimeout(timeout);\n        }\n\n        return undefined;\n    }, [chatButtonStorage]);\n\n    return (\n        <Transition\n            as=\"div\"\n            show={show}\n            appear\n            className={classNames(\"ek-chat__button\", {\n                [`ek-chat__button--animation--${\n                    isMobile ? \"mobile\" : \"desktop\"\n                } ek-chat__button--entered`]:\n                    hasAnimation && showChatButtonAnimation,\n            })}\n            enter=\"ek-chat__button--enter\"\n            entered=\"ek-chat__button--entered\"\n            leave=\"ek-chat__button--leave\"\n            afterLeave={() => {\n                onClick();\n            }}\n            onClick={() => setShow(false)}\n        >\n            {operator && (\n                <>\n                    {operator.face && (\n                        <div className=\"ek-chat__avatar\">\n                            <img\n                                src={`${process.env.REACT_APP_FILE}/files/avatars/${operator.face}`}\n                                alt=\"\"\n                                className=\"ek-chat__avatar--img\"\n                            />\n                        </div>\n                    )}\n                    <p>\n                        <FormattedMessage\n                            id=\"WEBMESSENGER.BUTTON.DISCUSS_WITH\"\n                            defaultMessage=\"Discutez avec {operator}\"\n                            values={{ operator: operator.name }}\n                        />\n                    </p>\n                </>\n            )}\n\n            {!operator &&\n                (customText ? (\n                    <p>{customText}</p>\n                ) : (\n                    <p>\n                        <FormattedMessage\n                            id=\"WEBMESSENGER.BUTTON.AVAILABLE\"\n                            defaultMessage=\"Discutons ensemble\"\n                        />\n                    </p>\n                ))}\n            <div className=\"ek-chat__icon\">\n                <svg viewBox=\"0 0 24 24\" version=\"1.1\">\n                    <g\n                        stroke=\"none\"\n                        strokeWidth=\"1\"\n                        fill=\"none\"\n                        fillRule=\"evenodd\"\n                    >\n                        <path\n                            d=\"M12.1 2C6.472 2 1.719 6.433 1.719 11.906a9.28 9.28 0 0 0 1.663 5.258l-1.663 2.988s-.418.828-.096 1.311a1.14 1.14 0 0 0 1.33.477c.526-.146 4.484-1.282 4.484-1.282a10.861 10.861 0 0 0 4.867 1.142c5.632 0 10.197-4.436 10.197-9.906C22.5 6.424 17.733 2 12.1 2zM8.06 13.477a1.208 1.208 0 0 1-1.106-.76 1.218 1.218 0 0 1 .891-1.646 1.208 1.208 0 0 1 1.238.517c.133.199.204.433.204.672a1.23 1.23 0 0 1-1.227 1.217zm4.01-.609a1.208 1.208 0 0 1-1.104-.761 1.217 1.217 0 0 1 .89-1.644 1.207 1.207 0 0 1 1.238.515c.133.198.204.432.206.67a1.23 1.23 0 0 1-1.23 1.22zm4.012.609a1.208 1.208 0 0 1-1.106-.76 1.217 1.217 0 0 1 .891-1.646 1.208 1.208 0 0 1 1.238.517c.132.199.203.433.204.672a1.23 1.23 0 0 1-1.227 1.217z\"\n                            fill=\"currentColor\"\n                        />\n                    </g>\n                </svg>\n                {unreadMessagesCount && unreadMessagesCount > 0 ? (\n                    <span className=\"ek-chat__icon--unreadMessages\">\n                        {unreadMessagesCount > 9 ? (\n                            <>\n                                9\n                                <span className=\"ek-chat__icon--unreadMessages--exceeds\">\n                                    +\n                                </span>\n                            </>\n                        ) : (\n                            unreadMessagesCount\n                        )}\n                    </span>\n                ) : (\n                    <span className=\"ek-chat__icon--status\" />\n                )}\n            </div>\n            <span\n                className=\"ek-chat__button--typing\"\n                style={{ display: \"none\" }}\n            >\n                <span />\n                <span />\n                <span />\n            </span>\n            <span className=\"ek-chat__button--new\" style={{ display: \"none\" }}>\n                1\n            </span>\n        </Transition>\n    );\n}\n\nButton.propTypes = {\n    onClick: PropTypes.func,\n};\n\nButton.defaultProps = {\n    onClick: () => {},\n};\n\nexport default Button;\n","import { useEffect, useState } from \"react\";\n\nconst getViewports = () => ({\n    visualViewport: {\n        width: window.visualViewport\n            ? window.visualViewport.width\n            : window.innerWidth,\n        height: window.visualViewport\n            ? window.visualViewport.height\n            : window.innerHeight,\n    },\n    windowSize: {\n        width: window.innerWidth,\n        height: window.innerHeight,\n    },\n});\n\nconst useVisualViewport = () => {\n    const [size, setSize] = useState(getViewports);\n\n    const handleResize = () => setSize(getViewports);\n\n    useEffect(() => {\n        window.addEventListener(\"resize\", handleResize);\n        if (window.visualViewport)\n            window.visualViewport.addEventListener(\"resize\", handleResize);\n\n        return () => {\n            window.removeEventListener(\"resize\", handleResize);\n            if (window.visualViewport)\n                window.visualViewport.removeEventListener(\n                    \"resize\",\n                    handleResize\n                );\n        };\n    }, []);\n\n    return size;\n};\n\nexport default useVisualViewport;\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["Button","onClick","useWebmessenger","operator","integration","unreadMessagesCount","windowSize","useVisualViewport","chatButtonStorage","getChatButtonSessionStorage","useState","customText","setCustomText","show","setShow","showChatButtonAnimation","setShowChatButtonAnimation","useGetIntegrationQuery","onSuccess","data","chatButtonText","enabled","refetchOnWindowFocus","staleTime","isMobile","width","hasAnimation","useEffect","timeout","setTimeout","clearTimeout","as","appear","className","classNames","enter","entered","leave","afterLeave","face","src","process","alt","id","defaultMessage","values","name","viewBox","version","stroke","strokeWidth","fill","fillRule","d","style","display","defaultProps","getViewports","visualViewport","window","innerWidth","height","innerHeight","size","setSize","handleResize","addEventListener","removeEventListener","hasOwn","hasOwnProperty","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","key","call","join","module","exports","default"],"sourceRoot":""}