{"version":3,"file":"static/chunks/1519.47d205d9ee0b9100.js","mappings":"yhBAOA,IAAMA,EAAqB,OAAC,CAAEC,YAAAA,EAAc,EAAK,CAAEC,GAAAA,EAAK,EAAE,CAAE,CAAAC,EAClDC,EAA0B,KAC5BC,CAAAA,EAAAA,EAAAA,CAAAA,EAAM,CACFC,QAAS,CAAC,CAAC,EAAEJ,EAAG,aAAa,CAAC,CAC9BK,iBAAkB,CAACF,EAAAA,CAAKA,CAACG,aAAa,CAAE,GAAI,GAAG,CAC/CC,OAAQ,gBACRC,UAAW,UACXC,SAAU,KACVC,KAAM,EACV,GAEAP,CAAAA,EAAAA,EAAAA,CAAAA,EAAM,CACFC,QAAS,CAAC,CAAC,EAAEJ,EAAG,cAAc,CAAC,CAC/BW,OAAQ,CAAC,QAAS,QAAQ,CAC1BJ,OAAQ,gBACRE,SAAU,IACVG,MAAO,IACPF,KAAM,EACV,EACJ,EAQA,MANAG,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACFd,GACAG,GAER,GAGI,GAAAY,EAAAC,IAAA,EAACC,MAAAA,CAAIC,UAAWC,IAAAA,kBAA4B,WACxC,GAAAJ,EAAAK,GAAA,EAACH,MAAAA,CAAIC,UAAWC,IAAAA,2BAAqC,UACjD,GAAAJ,EAAAK,GAAA,EAACC,MAAAA,CACGH,UAAWjB,EAAK,iBAChBqB,KAAK,OACLC,MAAM,6BACNC,QAAQ,uBACR,GAAAT,EAAAK,GAAA,EAACK,OAAAA,CACGC,EAAE,yKACFC,OAAO,eACPC,YAAa,EACbC,iBAAkB,GAClBC,cAAc,QACdC,eAAe,cAI3B,GAAAhB,EAAAC,IAAA,EAACK,MAAAA,CACGH,UAAU,UACVI,KAAK,OACLC,MAAM,6BACNC,QAAQ,sBACR,GAAAT,EAAAK,GAAA,EAACK,OAAAA,CACGP,UAAWjB,EAAK,gBAChByB,EAAE,+CACFC,OAAO,UACPC,YAAa,EACbE,cAAc,QACdC,eAAe,UAEnB,GAAAhB,EAAAK,GAAA,EAACK,OAAAA,CACGC,EAAE,wEACFC,OAAO,eACPC,YAAa,EACbC,iBAAkB,GAClBC,cAAc,QACdC,eAAe,UAEnB,GAAAhB,EAAAK,GAAA,EAACK,OAAAA,CACGC,EAAE,ycACFJ,KAAK,sBAKzB,CAEAvB,CAAAA,EAAmBiC,SAAS,CAAG,CAAC,EChFhC,IAAAC,EDkFelC,qBEnFfmC,EAAAC,OAAA,EAAkB","sources":["webpack://_N_E/./components/IconAnimated/Icons/IconBecomeCustomer/IconBecomeCustomer.js","webpack://_N_E/./components/IconAnimated/Icons/IconBecomeCustomer/index.js","webpack://_N_E/./components/IconAnimated/Icons/IconBecomeCustomer/IconBecomeCustomer.module.scss"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\n// import { useTranslation } from 'next-i18next';\n// import PropTypes from 'prop-types';\nimport anime from 'animejs';\nimport styles from './IconBecomeCustomer.module.scss';\n\nconst IconBecomeCustomer = ({ shouldStart = false, id = '' }) => {\n    const BecomeCustomerAnimation = () => {\n        anime({\n            targets: `.${id}customerLight`,\n            strokeDashoffset: [anime.setDashoffset, 63, 63],\n            easing: 'easeInOutSine',\n            direction: 'forward',\n            duration: 1800,\n            loop: false,\n        });\n\n        anime({\n            targets: `.${id}customerCircle`,\n            rotate: ['0turn', '1turn'],\n            easing: 'easeInOutSine',\n            duration: 500,\n            delay: 400,\n            loop: false,\n        });\n    };\n\n    useEffect(() => {\n        if (shouldStart) {\n            BecomeCustomerAnimation();\n        }\n    });\n\n    return (\n        <div className={styles['IconBecomeCustomer']}>\n            <div className={styles['IconBecomeCustomer__Wrapper']}>\n                <svg\n                    className={id + 'customerCircle'}\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 51 52.5\">\n                    <path\n                        d=\"M47.53 22.938a21.87 21.87 0 0 1 .248 3.309c0 12.197-9.89 22.086-22.087 22.086S3.613 38.443 3.613 26.247c0-12.197 9.89-22.078 22.087-22.078 1.691 0 3.336.193 4.908.552\"\n                        stroke=\"currentColor\"\n                        strokeWidth={2}\n                        strokeMiterlimit={10}\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                    />\n                </svg>\n            </div>\n            <svg\n                className=\"profile\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 51 50\">\n                <path\n                    className={id + 'customerLight'}\n                    d=\"m37.234 17.267 8.686-7.73-8.088.083L46.977 2\"\n                    stroke=\"#FBC004\"\n                    strokeWidth={2}\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                />\n                <path\n                    d=\"M25.765 33.664a8.824 8.824 0 1 0 0-17.647 8.824 8.824 0 0 0 0 17.647z\"\n                    stroke=\"currentColor\"\n                    strokeWidth={2}\n                    strokeMiterlimit={10}\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                />\n                <path\n                    d=\"M9.719 41.553a1 1 0 1 0 1.789.894l-1.79-.894zm15.132-6.93a1 1 0 1 0-.296-1.977l.296 1.977zm15.38 7.32a1 1 0 1 0 1.537-1.28l-1.537 1.28zm-7.008-7.8a1 1 0 0 0-.743 1.858l.743-1.857zm-21.715 8.304c.454-.908 1.909-2.595 4.26-4.213 2.321-1.597 5.424-3.062 9.083-3.61l-.296-1.978c-4.01.6-7.393 2.201-9.92 3.94-2.496 1.718-4.252 3.638-4.916 4.967l1.789.894zm30.26-1.784c-2.49-2.987-5.976-5.491-8.545-6.52l-.743 1.858c2.223.89 5.447 3.178 7.751 5.943l1.537-1.28z\"\n                    fill=\"currentColor\"\n                />\n            </svg>\n        </div>\n    );\n};\n\nIconBecomeCustomer.propTypes = {};\n\nexport default IconBecomeCustomer;\n","import IconBecomeCustomer from './IconBecomeCustomer';\n\nexport default IconBecomeCustomer;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"IconBecomeCustomer\":\"IconBecomeCustomer_IconBecomeCustomer__0Adwc\",\"IconBecomeCustomer__Wrapper\":\"IconBecomeCustomer_IconBecomeCustomer__Wrapper__5eeF5\"};"],"names":["IconBecomeCustomer","shouldStart","id","param","BecomeCustomerAnimation","anime","targets","strokeDashoffset","setDashoffset","easing","direction","duration","loop","rotate","delay","useEffect","jsx_runtime","jsxs","div","className","styles","jsx","svg","fill","xmlns","viewBox","path","d","stroke","strokeWidth","strokeMiterlimit","strokeLinecap","strokeLinejoin","propTypes","Icons_IconBecomeCustomer","module","exports"],"sourceRoot":""}