{"version":3,"file":"index-42daa41c.js","sources":["../../../app/javascript/src/components/widgets/AnimatedIntro/skins/134/img/background.jpg","../../../app/javascript/src/components/widgets/AnimatedIntro/skins/134/img/detail.png","../../../app/javascript/src/components/widgets/AnimatedIntro/skins/134/index.tsx"],"sourcesContent":["export default \"__VITE_ASSET__a8630e17__\"","export default \"__VITE_ASSET__96d8153a__\"","import React, { Fragment } from 'react'\n\nimport './styles.scss'\n\nimport backgroundImg from './img/background.jpg'\nimport detailImg from './img/detail.png'\n\nimport { IntroProps } from '../types'\n\nimport { CheckImagesLoaded } from '../utils/CheckImagesLoaded'\n\nconst Intro = ({\n  coupleData: { coupleSingleName, weddingDate, coupleFirstName },\n  buttonMessage,\n  warningMessage,\n  locale = 'pt-BR',\n  background,\n  delay = 0,\n  onSkipIntro,\n  onLoad,\n}: IntroProps) => {\n  const day = new Date(weddingDate.timestamp)\n    .getDate()\n    .toString()\n    .padStart(2, '0')\n  const month = new Intl.DateTimeFormat(locale, { month: 'long' })\n    .format(new Date(weddingDate.timestamp))\n    .toUpperCase()\n  const year = new Date(weddingDate.timestamp).getFullYear()\n\n  return (\n    <CheckImagesLoaded delay={delay} onLoad={onLoad} className=\"intro134\">\n      <div className=\"bp1-intro134desktop anima-word-break \">\n        <img src={background || backgroundImg} className=\"bp1-mainbackground\" />\n        <div className=\"bp1-mask\"></div>\n        <div className=\"bp1-content-layout-container\">\n          <div className=\"bp1-content\">\n            <div className=\"bp1-data-layout-container\">\n              <div className=\"bp1-data bp1-intro134-anima-animate-enter\">\n                <div className=\"bp1-daymonthyear\">\n                  {locale === 'en-US' ? (\n                    <>\n                      {month} {day} {year}\n                    </>\n                  ) : (\n                    <>\n                      {day} {month} {year}\n                    </>\n                  )}\n                </div>\n              </div>\n            </div>\n            <div className=\"bp1-names-layout-container\">\n              <div className=\"bp1-names bp1-intro134-anima-animate-enter4\">\n                <div className=\"notranslate bp1-couplesinglenamebr bp1-intro134-anima-animate-enter1\">\n                  <span className=\"bp1-span1\">{coupleSingleName.bride}</span>\n                  <span className=\"bp1-span2\"> </span>\n                </div>\n                {!!coupleSingleName.groom && (\n                  <Fragment>\n                    <div className=\"bp1-label1-layout-container\">\n                      <div className=\"bp1-label1 bp1-intro134-anima-animate-enter3\">\n                        &amp;\n                      </div>\n                    </div>\n                    <div className=\"notranslate bp1-couplesinglenamegr bp1-intro134-anima-animate-enter2\">\n                      {coupleSingleName.groom}\n                    </div>\n                  </Fragment>\n                )}\n              </div>\n            </div>\n            <div className=\"bp1-ornament-layout-container\">\n              <div className=\"bp1-ornament bp1-intro134-anima-animate-enter5\">\n                <img src={detailImg} className=\"bp1-fill1\" />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className=\"bp1-button-layout-container\">\n          <div className=\"bp1-button\">\n            <div\n              className=\"bp1-sitedecasamentoe\"\n              dangerouslySetInnerHTML={{ __html: warningMessage }}\n            />\n            <div className=\"bp1-button1\" onClick={onSkipIntro}>\n              <div className=\"bp1-button2\"></div>\n              <div className=\"bp1-pularintrodu347343o\">{buttonMessage}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"bp2-intro134mobile anima-word-break \">\n        <img src={background || backgroundImg} className=\"bp2-mainbackground\" />\n        <div className=\"bp2-mask\"></div>\n        <div className=\"bp2-content-layout-container\">\n          <div className=\"bp2-content\">\n            <div className=\"bp2-data-layout-container\">\n              <div className=\"bp2-data bp2-intro134-anima-animate-enter\">\n                <div className=\"bp2-daymonthyear\">\n                  {locale === 'en-US' ? (\n                    <>\n                      {month} {day} {year}\n                    </>\n                  ) : (\n                    <>\n                      {day} {month} {year}\n                    </>\n                  )}\n                </div>\n              </div>\n            </div>\n            <div className=\"bp2-names-layout-container\">\n              <div className=\"bp2-names bp2-intro134-anima-animate-enter4\">\n                <div className=\"bp2-couplesinglenamebr bp2-intro134-anima-animate-enter1\">\n                  <span className=\"bp2-span1\">\n                    {coupleFirstName.groom\n                      ? coupleFirstName.bride\n                      : coupleSingleName.bride}{' '}\n                  </span>\n                  <span className=\"bp2-span2\"> </span>\n                </div>\n                {!!coupleFirstName.groom && (\n                  <Fragment>\n                    <div className=\"bp2-label1 bp2-intro134-anima-animate-enter3\">\n                      &amp;\n                    </div>\n                    <div className=\"bp2-couplesinglenamegr bp2-intro134-anima-animate-enter2\">\n                      {coupleFirstName.groom}\n                    </div>\n                  </Fragment>\n                )}\n              </div>\n            </div>\n            <div className=\"bp2-ornament bp2-intro134-anima-animate-enter5\">\n              <img src={detailImg} className=\"bp2-fill1\" />\n            </div>\n          </div>\n        </div>\n        <div className=\"bp2-button-layout-container\">\n          <div className=\"bp2-button\">\n            <div\n              className=\"bp2-sitedecasamentoe\"\n              dangerouslySetInnerHTML={{ __html: warningMessage }}\n            />\n            <div className=\"bp2-button1\" onClick={onSkipIntro}>\n              <div className=\"bp2-button2\"></div>\n              <div className=\"bp2-pularintrodu347343o\">{buttonMessage}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </CheckImagesLoaded>\n  )\n}\n\nexport default Intro\n"],"names":["backgroundImg","detailImg","Intro","coupleSingleName","weddingDate","coupleFirstName","buttonMessage","warningMessage","locale","background","delay","onSkipIntro","onLoad","day","month","year","jsxs","CheckImagesLoaded","jsx","Fragment"],"mappings":"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"}