{"version":3,"file":"index-5a5771f4.js","sources":["../../../app/javascript/src/components/widgets/AnimatedIntro/skins/18/index.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\n\nimport './styles.scss'\n\nimport { IntroProps } from '../types'\n\nimport { CheckImagesLoaded } from '../utils/CheckImagesLoaded'\n\nconst Intro = ({\n  coupleData: { coupleSingleName },\n  buttonMessage,\n  warningMessage,\n  background,\n  delay = 0,\n  onSkipIntro,\n  onLoad,\n}: IntroProps) => {\n  function randomNumber(min: number, max: number) {\n    return Math.floor(Math.random() * (max - min + 1)) + min\n  }\n\n  function createRandomSVG() {\n    const isDesktop = window.innerWidth > 768\n\n    const hearts = []\n    const svgSettings = {\n      totalIcons: isDesktop ? 20 : 15,\n      maxScale: isDesktop ? 8 : 6,\n    }\n\n    for (let i = 0; i < svgSettings.totalIcons; i++) {\n      hearts.push(\n        <div\n          key={'svg-heart-' + i}\n          className=\"svg-box\"\n          style={{\n            left: randomNumber(0, 100) + '%',\n            top: randomNumber(0, 100) + '%',\n            transform:\n              'scale(' +\n              randomNumber(2, svgSettings.maxScale) +\n              ') rotateZ(' +\n              randomNumber(-30, 30) +\n              'deg)',\n            fill: 'rgba(255, 50, 50, ' + randomNumber(1, 6) / 10 + ')',\n            animation: 'show-hide ' + randomNumber(20, 50) / 10 + 's infinite',\n          }}\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path d=\"M12 4.419c-2.826-5.695-11.999-4.064-11.999 3.27 0 7.27 9.903 10.938 11.999 15.311 2.096-4.373 12-8.041 12-15.311 0-7.327-9.17-8.972-12-3.27z\" />\n          </svg>\n        </div>\n      )\n    }\n    return hearts\n  }\n\n  return (\n    <CheckImagesLoaded delay={delay} onLoad={onLoad} className=\"intro18\">\n      <div className=\"intro18\">\n        <div className=\"animation-container\">\n          {typeof background !== 'undefined' && background && (\n            <img\n              src={background}\n              className=\"animation-container__custom-image\"\n            />\n          )}\n          <div className=\"couple-container\">\n            <div className=\"pulse-container\"></div>\n            <h1 className=\"couple-container__names notranslate\">\n              {coupleSingleName.bride}\n              {!!coupleSingleName.groom && (\n                <Fragment>\n                  <span> &</span> {coupleSingleName.groom}\n                </Fragment>\n              )}\n            </h1>\n            <div className=\"svg-container\">{createRandomSVG()}</div>\n          </div>\n\n          <div className=\"bottom\">\n            <button className=\"button\" type=\"button\" onClick={onSkipIntro}>\n              {buttonMessage}\n            </button>\n            <p\n              className=\"warning\"\n              dangerouslySetInnerHTML={{ __html: warningMessage }}\n            />\n          </div>\n        </div>\n      </div>\n    </CheckImagesLoaded>\n  )\n}\n\nexport default Intro\n"],"names":["Intro","coupleSingleName","buttonMessage","warningMessage","background","delay","onSkipIntro","onLoad","randomNumber","min","max","createRandomSVG","isDesktop","hearts","svgSettings","i","jsx","CheckImagesLoaded","jsxs","Fragment"],"mappings":"oGAQA,MAAMA,EAAQ,CAAC,CACb,WAAY,CAAE,iBAAAC,CAAiB,EAC/B,cAAAC,EACA,eAAAC,EACA,WAAAC,EACA,MAAAC,EAAQ,EACR,YAAAC,EACA,OAAAC,CACF,IAAkB,CACP,SAAAC,EAAaC,EAAaC,EAAa,CACvC,OAAA,KAAK,MAAM,KAAK,OAAA,GAAYA,EAAMD,EAAM,EAAE,EAAIA,CACvD,CAEA,SAASE,GAAkB,CACnB,MAAAC,EAAY,OAAO,WAAa,IAEhCC,EAAS,CAAA,EACTC,EAAc,CAClB,WAAYF,EAAY,GAAK,GAC7B,SAAUA,EAAY,EAAI,CAAA,EAG5B,QAASG,EAAI,EAAGA,EAAID,EAAY,WAAYC,IACnCF,EAAA,KACLG,EAAA,IAAC,MAAA,CAEC,UAAU,UACV,MAAO,CACL,KAAMR,EAAa,EAAG,GAAG,EAAI,IAC7B,IAAKA,EAAa,EAAG,GAAG,EAAI,IAC5B,UACE,SACAA,EAAa,EAAGM,EAAY,QAAQ,EACpC,aACAN,EAAa,IAAK,EAAE,EACpB,OACF,KAAM,qBAAuBA,EAAa,EAAG,CAAC,EAAI,GAAK,IACvD,UAAW,aAAeA,EAAa,GAAI,EAAE,EAAI,GAAK,YACxD,EAEA,SAAAQ,EAAA,IAAC,MAAA,CACC,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,YAER,SAAAA,EAAAA,IAAC,OAAK,CAAA,EAAE,8IAA+I,CAAA,CAAA,CACzJ,CAAA,EAtBK,aAAeD,CAuBtB,CAAA,EAGG,OAAAF,CACT,CAEA,OACGG,EAAA,IAAAC,EAAA,CAAkB,MAAAZ,EAAc,OAAAE,EAAgB,UAAU,UACzD,SAACS,EAAA,IAAA,MAAA,CAAI,UAAU,UACb,SAACE,EAAAA,KAAA,MAAA,CAAI,UAAU,sBACZ,SAAA,CAAO,OAAAd,EAAe,KAAeA,GACpCY,EAAA,IAAC,MAAA,CACC,IAAKZ,EACL,UAAU,mCAAA,CACZ,EAEFc,EAAAA,KAAC,MAAI,CAAA,UAAU,mBACb,SAAA,CAACF,EAAAA,IAAA,MAAA,CAAI,UAAU,iBAAkB,CAAA,EACjCE,EAAAA,KAAC,KAAG,CAAA,UAAU,sCACX,SAAA,CAAiBjB,EAAA,MACjB,CAAC,CAACA,EAAiB,cACjBkB,EACC,SAAA,CAAA,SAAA,CAAAH,EAAAA,IAAC,QAAK,SAAE,IAAA,CAAA,EAAO,IAAEf,EAAiB,KAAA,EACpC,CAAA,EAEJ,EACCe,EAAA,IAAA,MAAA,CAAI,UAAU,gBAAiB,aAAkB,CAAA,EACpD,EAEAE,EAAAA,KAAC,MAAI,CAAA,UAAU,SACb,SAAA,CAAAF,EAAAA,IAAC,UAAO,UAAU,SAAS,KAAK,SAAS,QAASV,EAC/C,SACHJ,CAAA,CAAA,EACAc,EAAA,IAAC,IAAA,CACC,UAAU,UACV,wBAAyB,CAAE,OAAQb,CAAe,CAAA,CACpD,CAAA,EACF,CAAA,EACF,EACF,CACF,CAAA,CAEJ"}