@coorpacademy/components 10.16.4-alpha.1 → 10.17.0

package/README.md

@@ -91,6 +91,40 @@ example:
   ...
 ```
 
+### Using a Lottie Animation
+
+To use a lottie animation, you need to use the LottieWrapper Atom.
+
+Among the Lottie Atom's props, there are two *important* props: animationSrc & ie11ImageBackup,
+that need an additional step, the ie11ImageBackup is needed as it's name implies because ie11 doesn't
+support Lottie (more specifically Web Components due to the Shadow DOM).
+
+First, you must upload to AWS S3 any new animation, in one of the static buckets (depending on the desired env), ex: 
+`https://static-staging.coorpacademy.com/animations/review/`.
+
+This animation must be paired with a backup image (svg) that'll be used for the ie11 scenario.
+
+Then, use the urls as props for animationSrc & ie11ImageBackup, ex:
+
+```javascript
+const props = {
+    'aria-label': 'aria lottie',
+    'data-name': 'default-lottie',
+    className: undefined,
+    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',
+    loop: true,
+    height: 200,
+    width: 200,
+    ie11ImageBackup:
+      'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'
+}
+```
+
+#### Additional information:
+
+The props include classNames && size control to handle additional styling.
+
+
 ## Locally use in an external project
 
 Link your dependencies:

package/es/atom/lottie-wrapper/index.js

@@ -0,0 +1,130 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { useMemo, useRef, useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import lottie from 'lottie-web';
+import get from 'lodash/fp/get';
+import has from 'lodash/fp/has';
+import includes from 'lodash/fp/includes';
+import unfetch from 'isomorphic-unfetch';
+import style from './style.css';
+
+const isIE11 = () => {
+  if (typeof window === 'undefined') return;
+  const userAgent = get('navigator.userAgent', window);
+  const hasMsCrypto = has('msCrypto', window);
+  const hasRevision = includes('rv:', userAgent);
+  const hasTrident = includes('Trident/', userAgent);
+  return hasMsCrypto || hasRevision && hasTrident;
+};
+
+export const fetchAndLoadAnimation = async (animationSrc, containerRef, loop, animationClassnames, hideOnTransparent, _lottie, _fetch) => {
+  const animationUrl = new URL(animationSrc).toString();
+  const fetchResult = await _fetch(animationUrl, {
+    headers: {
+      'X-Requested-With': 'XMLHttpRequest',
+      'Content-Type': 'application/json'
+    }
+  });
+  const animationData = await fetchResult.json();
+
+  const animation = _lottie.loadAnimation({
+    container: containerRef.current,
+    // the dom element that will contain the animation
+    renderer: 'svg',
+    autoplay: true,
+    loop,
+    animationData,
+    rendererSettings: {
+      className: animationClassnames,
+      hideOnTransparent,
+      preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop
+
+    }
+  });
+
+  return animation;
+};
+
+const LottieWrapper = props => {
+  const {
+    className,
+    'data-name': dataName,
+    'aria-label': ariaLabel,
+    animationSrc,
+    loop = false,
+    rendererSettings = {},
+    width,
+    height,
+    ie11ImageBackup,
+    backupImageClassName
+  } = props;
+  const {
+    className: animationClassName,
+    hideOnTransparent = true
+  } = rendererSettings;
+  const containerRef = useRef(null);
+  const [animationItem, setAnimationItem] = useState(null);
+
+  const _isIE11 = useMemo(() => isIE11(), []);
+
+  const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);
+  const lottieAnimationClassName = useMemo(() => classnames(animationClassName, style.animation), [animationClassName]);
+  const ie11BackupImageClassName = useMemo(() => classnames(backupImageClassName, style.backupImage), [backupImageClassName]);
+  useEffect(() => {
+    const loadAnimation = async () => {
+      if (!_isIE11 && !animationItem) {
+        /* istanbul ignore next */
+        if (typeof window !== 'undefined') {
+          window.lottie = lottie;
+        }
+
+        const animation = await fetchAndLoadAnimation(animationSrc, containerRef, loop, lottieAnimationClassName, hideOnTransparent, lottie, unfetch);
+        /* istanbul ignore next */
+
+        setAnimationItem(animation);
+      }
+    };
+
+    loadAnimation();
+    return () => animationItem &&
+    /* istanbul ignore next */
+    lottie.destroy(animationItem.name);
+  }, [lottieAnimationClassName, containerRef, hideOnTransparent, loop, animationSrc, _isIE11, animationItem]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    "aria-label": ariaLabel,
+    "data-name": dataName,
+    className: wrapperClassName,
+    style: _extends(_extends({}, width && {
+      width: `${width}px`,
+      maxWidth: `${width}px`
+    }), height && {
+      height: `${height}px`,
+      maxHeight: `${height}px`
+    })
+  }, _isIE11 ? /*#__PURE__*/React.createElement("img", {
+    src: ie11ImageBackup,
+    className: ie11BackupImageClassName,
+    "data-name": "ie11-backup-image"
+  }) : null);
+};
+
+LottieWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
+  'aria-label': PropTypes.string.isRequired,
+  'data-name': PropTypes.string,
+  animationSrc: PropTypes.string.isRequired,
+  loop: PropTypes.bool,
+  rendererSettings: PropTypes.shape({
+    hideOnTransparent: PropTypes.bool,
+    className: PropTypes.string
+  }),
+  height: PropTypes.number,
+  width: PropTypes.number,
+  className: PropTypes.string,
+  ie11ImageBackup: PropTypes.string.isRequired,
+  backupImageClassName: PropTypes.string
+} : {};
+export default LottieWrapper;
+//# sourceMappingURL=index.js.map

package/es/atom/lottie-wrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/lottie-wrapper/index.js"],"names":["React","useMemo","useRef","useEffect","useState","PropTypes","classnames","lottie","get","has","includes","unfetch","style","isIE11","window","userAgent","hasMsCrypto","hasRevision","hasTrident","fetchAndLoadAnimation","animationSrc","containerRef","loop","animationClassnames","hideOnTransparent","_lottie","_fetch","animationUrl","URL","toString","fetchResult","headers","animationData","json","animation","loadAnimation","container","current","renderer","autoplay","rendererSettings","className","preserveAspectRatio","LottieWrapper","props","dataName","ariaLabel","width","height","ie11ImageBackup","backupImageClassName","animationClassName","animationItem","setAnimationItem","_isIE11","wrapperClassName","lottieContainer","lottieAnimationClassName","ie11BackupImageClassName","backupImage","destroy","name","maxWidth","maxHeight","propTypes","string","isRequired","bool","shape","number"],"mappings":"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","sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport get from 'lodash/fp/get';\nimport has from 'lodash/fp/has';\nimport includes from 'lodash/fp/includes';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\n\nconst isIE11 = () => {\n  if (typeof window === 'undefined') return;\n  const userAgent = get('navigator.userAgent', window);\n  const hasMsCrypto = has('msCrypto', window);\n  const hasRevision = includes('rv:', userAgent);\n  const hasTrident = includes('Trident/', userAgent);\n\n  return hasMsCrypto || (hasRevision && hasTrident);\n};\n\nexport const fetchAndLoadAnimation = async (\n  animationSrc,\n  containerRef,\n  loop,\n  animationClassnames,\n  hideOnTransparent,\n  _lottie,\n  _fetch\n) => {\n  const animationUrl = new URL(animationSrc).toString();\n  const fetchResult = await _fetch(animationUrl, {\n    headers: {\n      'X-Requested-With': 'XMLHttpRequest',\n      'Content-Type': 'application/json'\n    }\n  });\n\n  const animationData = await fetchResult.json();\n\n  const animation = _lottie.loadAnimation({\n    container: containerRef.current, // the dom element that will contain the animation\n    renderer: 'svg',\n    autoplay: true,\n    loop,\n    animationData,\n    rendererSettings: {\n      className: animationClassnames,\n      hideOnTransparent,\n      preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop\n    }\n  });\n  return animation;\n};\n\nconst LottieWrapper = props => {\n  const {\n    className,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    animationSrc,\n    loop = false,\n    rendererSettings = {},\n    width,\n    height,\n    ie11ImageBackup,\n    backupImageClassName\n  } = props;\n\n  const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n  const containerRef = useRef(null);\n\n  const [animationItem, setAnimationItem] = useState(null);\n\n  const _isIE11 = useMemo(() => isIE11(), []);\n\n  const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n  const lottieAnimationClassName = useMemo(() => classnames(animationClassName, style.animation), [\n    animationClassName\n  ]);\n\n  const ie11BackupImageClassName = useMemo(\n    () => classnames(backupImageClassName, style.backupImage),\n    [backupImageClassName]\n  );\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      if (!_isIE11 && !animationItem) {\n        /* istanbul ignore next */\n        if (typeof window !== 'undefined') {\n          window.lottie = lottie;\n        }\n        const animation = await fetchAndLoadAnimation(\n          animationSrc,\n          containerRef,\n          loop,\n          lottieAnimationClassName,\n          hideOnTransparent,\n          lottie,\n          unfetch\n        );\n\n        /* istanbul ignore next */\n        setAnimationItem(animation);\n      }\n    };\n\n    loadAnimation();\n    return () => animationItem && /* istanbul ignore next */ lottie.destroy(animationItem.name);\n  }, [\n    lottieAnimationClassName,\n    containerRef,\n    hideOnTransparent,\n    loop,\n    animationSrc,\n    _isIE11,\n    animationItem\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      aria-label={ariaLabel}\n      data-name={dataName}\n      className={wrapperClassName}\n      style={{\n        ...(width && {\n          width: `${width}px`,\n          maxWidth: `${width}px`\n        }),\n        ...(height && {\n          height: `${height}px`,\n          maxHeight: `${height}px`\n        })\n      }}\n    >\n      {_isIE11 ? (\n        <img\n          src={ie11ImageBackup}\n          className={ie11BackupImageClassName}\n          data-name=\"ie11-backup-image\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nLottieWrapper.propTypes = {\n  'aria-label': PropTypes.string.isRequired,\n  'data-name': PropTypes.string,\n  animationSrc: PropTypes.string.isRequired,\n  loop: PropTypes.bool,\n  rendererSettings: PropTypes.shape({\n    hideOnTransparent: PropTypes.bool,\n    className: PropTypes.string\n  }),\n  height: PropTypes.number,\n  width: PropTypes.number,\n  className: PropTypes.string,\n  ie11ImageBackup: PropTypes.string.isRequired,\n  backupImageClassName: PropTypes.string\n};\n\nexport default LottieWrapper;\n"],"file":"index.js"}

package/es/atom/lottie-wrapper/style.css

@@ -0,0 +1,15 @@
+.lottieContainer {
+  position: relative;
+  display: flex;
+}
+
+.animation {
+  display: flex;
+  height: 100%;
+  width: 100%;
+}
+
+.backupImage {
+  height: 100%;
+  width: 100%;
+}

package/es/atom/lottie-wrapper/test/fixtures/confetti.js

@@ -0,0 +1,17 @@
+export default {
+  props: {
+    'aria-label': 'aria lottie',
+    'data-name': 'default-lottie',
+    className: undefined,
+    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',
+    loop: undefined,
+    rendererSettings: {
+      hideOnTransparent: false,
+      animationClassName: ''
+    },
+    height: 600,
+    width: 1000,
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg'
+  }
+};
+//# sourceMappingURL=confetti.js.map

package/es/atom/lottie-wrapper/test/fixtures/confetti.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/confetti.js"],"names":["props","className","undefined","animationSrc","loop","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,yEAJT;AAKLC,IAAAA,IAAI,EAAEF,SALD;AAMLG,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KANb;AAULC,IAAAA,MAAM,EAAE,GAVH;AAWLC,IAAAA,KAAK,EAAE,IAXF;AAYLC,IAAAA,eAAe,EACb;AAbG;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n    loop: undefined,\n    rendererSettings: {\n      hideOnTransparent: false,\n      animationClassName: ''\n    },\n    height: 600,\n    width: 1000,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg'\n  }\n};\n"],"file":"confetti.js"}

package/es/atom/lottie-wrapper/test/fixtures/default.js

@@ -0,0 +1,17 @@
+export default {
+  props: {
+    'aria-label': 'aria lottie',
+    'data-name': 'default-lottie',
+    className: undefined,
+    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',
+    loop: false,
+    rendererSettings: {
+      hideOnTransparent: false,
+      animationClassName: ''
+    },
+    height: 200,
+    width: 200,
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg'
+  }
+};
+//# sourceMappingURL=default.js.map

package/es/atom/lottie-wrapper/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/default.js"],"names":["props","className","undefined","animationSrc","loop","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,KALD;AAMLC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KANb;AAULC,IAAAA,MAAM,EAAE,GAVH;AAWLC,IAAAA,KAAK,EAAE,GAXF;AAYLC,IAAAA,eAAe,EACb;AAbG;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',\n    loop: false,\n    rendererSettings: {\n      hideOnTransparent: false,\n      animationClassName: ''\n    },\n    height: 200,\n    width: 200,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg'\n  }\n};\n"],"file":"default.js"}

package/es/atom/lottie-wrapper/test/fixtures/rank.js

@@ -0,0 +1,13 @@
+export default {
+  props: {
+    'aria-label': 'aria lottie',
+    'data-name': 'default-lottie',
+    className: undefined,
+    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',
+    loop: true,
+    height: 200,
+    width: 200,
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'
+  }
+};
+//# sourceMappingURL=rank.js.map

package/es/atom/lottie-wrapper/test/fixtures/rank.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/rank.js"],"names":["props","className","undefined","animationSrc","loop","height","width","ie11ImageBackup"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,IALD;AAMLC,IAAAA,MAAM,EAAE,GANH;AAOLC,IAAAA,KAAK,EAAE,GAPF;AAQLC,IAAAA,eAAe,EACb;AATG;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',\n    loop: true,\n    height: 200,\n    width: 200,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'\n  }\n};\n"],"file":"rank.js"}

package/es/atom/lottie-wrapper/test/fixtures.js

@@ -0,0 +1,17 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import AtomLottieWrapper from '..';
+import fixtureConfetti from './fixtures/confetti';
+import fixtureDefault from './fixtures/default';
+import fixtureRank from './fixtures/rank';
+test('Atom › AtomLottieWrapper > should have valid propTypes', t => {
+  t.pass();
+  forEach(AtomLottieWrapper.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomLottieWrapper.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Atom › AtomLottieWrapper › Confetti › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureConfetti);
+test('Atom › AtomLottieWrapper › Default › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureDefault);
+test('Atom › AtomLottieWrapper › Rank › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureRank);
+//# sourceMappingURL=fixtures.js.map

package/es/atom/lottie-wrapper/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomLottieWrapper","fixtureConfetti","fixtureDefault","fixtureRank","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEAN,IAAI,CAAC,wDAAD,EAA2DO,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,iBAAiB,CAACM,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGC,eAAtG,CAAJ;AACAJ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,iBAA/E,EAAkGG,WAAlG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomLottieWrapper from '..';\nimport fixtureConfetti from './fixtures/confetti';\nimport fixtureDefault from './fixtures/default';\nimport fixtureRank from './fixtures/rank';\n\ntest('Atom › AtomLottieWrapper > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomLottieWrapper.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomLottieWrapper.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomLottieWrapper › Confetti › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureConfetti);\ntest('Atom › AtomLottieWrapper › Default › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureDefault);\ntest('Atom › AtomLottieWrapper › Rank › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureRank);\n"],"file":"fixtures.js"}

package/es/atom/lottie-wrapper/test/lottie.js

@@ -0,0 +1,82 @@
+import browserEnv from 'browser-env';
+import test from 'ava';
+import React from 'react';
+import { mount, configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import LottieWrapper, { fetchAndLoadAnimation } from '..';
+import starFixture from './fixtures/default';
+browserEnv();
+configure({
+  adapter: new Adapter()
+});
+test('should update && load the animation, should clean up after unmount', t => {
+  const wrapper = mount( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
+  wrapper.update();
+  const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
+  t.false(backupImage.at(0).exists());
+  wrapper.unmount();
+  t.pass();
+});
+test('ie11: should load an image in place of the animation', t => {
+  window.msCrypto = () => {}; // eslint-disable-next-line lodash-fp/prefer-constant
+
+
+  window.navigator.__defineGetter__('userAgent', function () {
+    return 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';
+  });
+
+  const wrapper = mount( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
+  wrapper.update();
+  const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
+  t.true(backupImage.at(0).exists());
+  wrapper.unmount();
+  delete window.msCrypto; // eslint-disable-next-line lodash-fp/prefer-constant
+
+  window.navigator.__defineGetter__('userAgent', function () {
+    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';
+  });
+
+  t.pass();
+});
+test('other browser: should not load an image in place of the animation', t => {
+  // eslint-disable-next-line lodash-fp/prefer-constant
+  window.navigator.__defineGetter__('userAgent', function () {
+    return 'Mozilla/5.0 (other stuff; rv:77.0) like Gecko';
+  });
+
+  const wrapper = mount( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
+  const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
+  t.false(backupImage.at(0).exists());
+  wrapper.unmount(); // eslint-disable-next-line lodash-fp/prefer-constant
+
+  window.navigator.__defineGetter__('userAgent', function () {
+    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';
+  });
+
+  t.pass();
+});
+test('fetchAndLoadAnimation', async t => {
+  t.plan(3);
+  const props = starFixture.props;
+  const _lottie = {
+    loadAnimation: () => {
+      t.pass();
+      return {
+        name: 'animation'
+      };
+    }
+  };
+
+  const _fetch = () => {
+    t.pass();
+    return {
+      json: () => ({
+        animationData: 'some value'
+      })
+    };
+  };
+
+  const animation = await fetchAndLoadAnimation(props.animationSrc, '123456', true, 'test', true, _lottie, _fetch);
+  t.is(animation.name, 'animation');
+});
+//# sourceMappingURL=lottie.js.map

package/es/atom/lottie-wrapper/test/lottie.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/lottie.js"],"names":["browserEnv","test","React","mount","configure","Adapter","LottieWrapper","fetchAndLoadAnimation","starFixture","adapter","t","wrapper","props","update","backupImage","find","false","at","exists","unmount","pass","window","msCrypto","navigator","__defineGetter__","true","plan","_lottie","loadAnimation","name","_fetch","json","animationData","animation","animationSrc","is"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport LottieWrapper, {fetchAndLoadAnimation} from '..';\nimport starFixture from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should update && load the animation, should clean up after unmount', t => {\n  const wrapper = mount(<LottieWrapper {...starFixture.props} />);\n\n  wrapper.update();\n\n  const backupImage = wrapper.find('[data-name=\"ie11-backup-image\"]');\n  t.false(backupImage.at(0).exists());\n\n  wrapper.unmount();\n\n  t.pass();\n});\n\ntest('ie11: should load an image in place of the animation', t => {\n  window.msCrypto = () => {};\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';\n  });\n\n  const wrapper = mount(<LottieWrapper {...starFixture.props} />);\n\n  wrapper.update();\n\n  const backupImage = wrapper.find('[data-name=\"ie11-backup-image\"]');\n  t.true(backupImage.at(0).exists());\n\n  wrapper.unmount();\n\n  delete window.msCrypto;\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n  });\n\n  t.pass();\n});\n\ntest('other browser: should not load an image in place of the animation', t => {\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (other stuff; rv:77.0) like Gecko';\n  });\n\n  const wrapper = mount(<LottieWrapper {...starFixture.props} />);\n\n  const backupImage = wrapper.find('[data-name=\"ie11-backup-image\"]');\n  t.false(backupImage.at(0).exists());\n\n  wrapper.unmount();\n\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n  });\n\n  t.pass();\n});\n\ntest('fetchAndLoadAnimation', async t => {\n  t.plan(3);\n  const props = starFixture.props;\n  const _lottie = {\n    loadAnimation: () => {\n      t.pass();\n      return {name: 'animation'};\n    }\n  };\n  const _fetch = () => {\n    t.pass();\n    return {\n      json: () => ({\n        animationData: 'some value'\n      })\n    };\n  };\n  const animation = await fetchAndLoadAnimation(\n    props.animationSrc,\n    '123456',\n    true,\n    'test',\n    true,\n    _lottie,\n    _fetch\n  );\n\n  t.is(animation.name, 'animation');\n});\n"],"file":"lottie.js"}

package/es/molecule/teams-popin/test/fixtures/loading-background.js

@@ -2,7 +2,7 @@ import _defaultsDeep from "lodash/fp/defaultsDeep";
 import Login from './login';
 export default {
   props: _defaultsDeep(Login.props, {
-    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/BG_teams@2x.jpg',
+    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/teams/BG_teams@2x.jpg',
     isLoading: true
   })
 };

package/es/molecule/teams-popin/test/fixtures/loading-background.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/teams-popin/test/fixtures/loading-background.js"],"names":["Login","props","backgroundImageUrl","isLoading"],"mappings":";AACA,OAAOA,KAAP,MAAkB,SAAlB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaD,KAAK,CAACC,KAAnB,EAA0B;AAC/BC,IAAAA,kBAAkB,EAAE,iEADW;AAE/BC,IAAAA,SAAS,EAAE;AAFoB,GAA1B;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Login from './login';\n\nexport default {\n  props: defaultsDeep(Login.props, {\n    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/BG_teams@2x.jpg',\n    isLoading: true\n  })\n};\n"],"file":"loading-background.js"}
+{"version":3,"sources":["../../../../../src/molecule/teams-popin/test/fixtures/loading-background.js"],"names":["Login","props","backgroundImageUrl","isLoading"],"mappings":";AACA,OAAOA,KAAP,MAAkB,SAAlB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaD,KAAK,CAACC,KAAnB,EAA0B;AAC/BC,IAAAA,kBAAkB,EAAE,uEADW;AAE/BC,IAAAA,SAAS,EAAE;AAFoB,GAA1B;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Login from './login';\n\nexport default {\n  props: defaultsDeep(Login.props, {\n    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/teams/BG_teams@2x.jpg',\n    isLoading: true\n  })\n};\n"],"file":"loading-background.js"}

package/es/molecule/teams-popin/test/fixtures/login-background.js

@@ -2,7 +2,7 @@ import _defaultsDeep from "lodash/fp/defaultsDeep";
 import Login from './login';
 export default {
   props: _defaultsDeep(Login.props, {
-    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/BG_teams@2x.jpg'
+    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/teams/BG_teams@2x.jpg'
   })
 };
 //# sourceMappingURL=login-background.js.map

package/es/molecule/teams-popin/test/fixtures/login-background.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/teams-popin/test/fixtures/login-background.js"],"names":["Login","props","backgroundImageUrl"],"mappings":";AACA,OAAOA,KAAP,MAAkB,SAAlB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaD,KAAK,CAACC,KAAnB,EAA0B;AAC/BC,IAAAA,kBAAkB,EAAE;AADW,GAA1B;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Login from './login';\n\nexport default {\n  props: defaultsDeep(Login.props, {\n    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/BG_teams@2x.jpg'\n  })\n};\n"],"file":"login-background.js"}
+{"version":3,"sources":["../../../../../src/molecule/teams-popin/test/fixtures/login-background.js"],"names":["Login","props","backgroundImageUrl"],"mappings":";AACA,OAAOA,KAAP,MAAkB,SAAlB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaD,KAAK,CAACC,KAAnB,EAA0B;AAC/BC,IAAAA,kBAAkB,EAAE;AADW,GAA1B;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Login from './login';\n\nexport default {\n  props: defaultsDeep(Login.props, {\n    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/teams/BG_teams@2x.jpg'\n  })\n};\n"],"file":"login-background.js"}

package/lib/atom/lottie-wrapper/index.js

@@ -0,0 +1,152 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.fetchAndLoadAnimation = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _lottieWeb = _interopRequireDefault(require("lottie-web"));
+
+var _get = _interopRequireDefault(require("lodash/fp/get"));
+
+var _has = _interopRequireDefault(require("lodash/fp/has"));
+
+var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
+var _isomorphicUnfetch = _interopRequireDefault(require("isomorphic-unfetch"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const isIE11 = () => {
+  if (typeof window === 'undefined') return;
+  const userAgent = (0, _get.default)('navigator.userAgent', window);
+  const hasMsCrypto = (0, _has.default)('msCrypto', window);
+  const hasRevision = (0, _includes.default)('rv:', userAgent);
+  const hasTrident = (0, _includes.default)('Trident/', userAgent);
+  return hasMsCrypto || hasRevision && hasTrident;
+};
+
+const fetchAndLoadAnimation = async (animationSrc, containerRef, loop, animationClassnames, hideOnTransparent, _lottie, _fetch) => {
+  const animationUrl = new URL(animationSrc).toString();
+  const fetchResult = await _fetch(animationUrl, {
+    headers: {
+      'X-Requested-With': 'XMLHttpRequest',
+      'Content-Type': 'application/json'
+    }
+  });
+  const animationData = await fetchResult.json();
+
+  const animation = _lottie.loadAnimation({
+    container: containerRef.current,
+    // the dom element that will contain the animation
+    renderer: 'svg',
+    autoplay: true,
+    loop,
+    animationData,
+    rendererSettings: {
+      className: animationClassnames,
+      hideOnTransparent,
+      preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop
+
+    }
+  });
+
+  return animation;
+};
+
+exports.fetchAndLoadAnimation = fetchAndLoadAnimation;
+
+const LottieWrapper = props => {
+  const {
+    className,
+    'data-name': dataName,
+    'aria-label': ariaLabel,
+    animationSrc,
+    loop = false,
+    rendererSettings = {},
+    width,
+    height,
+    ie11ImageBackup,
+    backupImageClassName
+  } = props;
+  const {
+    className: animationClassName,
+    hideOnTransparent = true
+  } = rendererSettings;
+  const containerRef = (0, _react.useRef)(null);
+  const [animationItem, setAnimationItem] = (0, _react.useState)(null);
+
+  const _isIE11 = (0, _react.useMemo)(() => isIE11(), []);
+
+  const wrapperClassName = (0, _react.useMemo)(() => (0, _classnames.default)(className, _style.default.lottieContainer), [className]);
+  const lottieAnimationClassName = (0, _react.useMemo)(() => (0, _classnames.default)(animationClassName, _style.default.animation), [animationClassName]);
+  const ie11BackupImageClassName = (0, _react.useMemo)(() => (0, _classnames.default)(backupImageClassName, _style.default.backupImage), [backupImageClassName]);
+  (0, _react.useEffect)(() => {
+    const loadAnimation = async () => {
+      if (!_isIE11 && !animationItem) {
+        /* istanbul ignore next */
+        if (typeof window !== 'undefined') {
+          window.lottie = _lottieWeb.default;
+        }
+
+        const animation = await fetchAndLoadAnimation(animationSrc, containerRef, loop, lottieAnimationClassName, hideOnTransparent, _lottieWeb.default, _isomorphicUnfetch.default);
+        /* istanbul ignore next */
+
+        setAnimationItem(animation);
+      }
+    };
+
+    loadAnimation();
+    return () => animationItem &&
+    /* istanbul ignore next */
+    _lottieWeb.default.destroy(animationItem.name);
+  }, [lottieAnimationClassName, containerRef, hideOnTransparent, loop, animationSrc, _isIE11, animationItem]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: containerRef,
+    "aria-label": ariaLabel,
+    "data-name": dataName,
+    className: wrapperClassName,
+    style: _extends(_extends({}, width && {
+      width: `${width}px`,
+      maxWidth: `${width}px`
+    }), height && {
+      height: `${height}px`,
+      maxHeight: `${height}px`
+    })
+  }, _isIE11 ? /*#__PURE__*/_react.default.createElement("img", {
+    src: ie11ImageBackup,
+    className: ie11BackupImageClassName,
+    "data-name": "ie11-backup-image"
+  }) : null);
+};
+
+LottieWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
+  'aria-label': _propTypes.default.string.isRequired,
+  'data-name': _propTypes.default.string,
+  animationSrc: _propTypes.default.string.isRequired,
+  loop: _propTypes.default.bool,
+  rendererSettings: _propTypes.default.shape({
+    hideOnTransparent: _propTypes.default.bool,
+    className: _propTypes.default.string
+  }),
+  height: _propTypes.default.number,
+  width: _propTypes.default.number,
+  className: _propTypes.default.string,
+  ie11ImageBackup: _propTypes.default.string.isRequired,
+  backupImageClassName: _propTypes.default.string
+} : {};
+var _default = LottieWrapper;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/atom/lottie-wrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/lottie-wrapper/index.js"],"names":["isIE11","window","userAgent","hasMsCrypto","hasRevision","hasTrident","fetchAndLoadAnimation","animationSrc","containerRef","loop","animationClassnames","hideOnTransparent","_lottie","_fetch","animationUrl","URL","toString","fetchResult","headers","animationData","json","animation","loadAnimation","container","current","renderer","autoplay","rendererSettings","className","preserveAspectRatio","LottieWrapper","props","dataName","ariaLabel","width","height","ie11ImageBackup","backupImageClassName","animationClassName","animationItem","setAnimationItem","_isIE11","wrapperClassName","style","lottieContainer","lottieAnimationClassName","ie11BackupImageClassName","backupImage","lottie","unfetch","destroy","name","maxWidth","maxHeight","propTypes","PropTypes","string","isRequired","bool","shape","number"],"mappings":"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","sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport get from 'lodash/fp/get';\nimport has from 'lodash/fp/has';\nimport includes from 'lodash/fp/includes';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\n\nconst isIE11 = () => {\n  if (typeof window === 'undefined') return;\n  const userAgent = get('navigator.userAgent', window);\n  const hasMsCrypto = has('msCrypto', window);\n  const hasRevision = includes('rv:', userAgent);\n  const hasTrident = includes('Trident/', userAgent);\n\n  return hasMsCrypto || (hasRevision && hasTrident);\n};\n\nexport const fetchAndLoadAnimation = async (\n  animationSrc,\n  containerRef,\n  loop,\n  animationClassnames,\n  hideOnTransparent,\n  _lottie,\n  _fetch\n) => {\n  const animationUrl = new URL(animationSrc).toString();\n  const fetchResult = await _fetch(animationUrl, {\n    headers: {\n      'X-Requested-With': 'XMLHttpRequest',\n      'Content-Type': 'application/json'\n    }\n  });\n\n  const animationData = await fetchResult.json();\n\n  const animation = _lottie.loadAnimation({\n    container: containerRef.current, // the dom element that will contain the animation\n    renderer: 'svg',\n    autoplay: true,\n    loop,\n    animationData,\n    rendererSettings: {\n      className: animationClassnames,\n      hideOnTransparent,\n      preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop\n    }\n  });\n  return animation;\n};\n\nconst LottieWrapper = props => {\n  const {\n    className,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    animationSrc,\n    loop = false,\n    rendererSettings = {},\n    width,\n    height,\n    ie11ImageBackup,\n    backupImageClassName\n  } = props;\n\n  const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n  const containerRef = useRef(null);\n\n  const [animationItem, setAnimationItem] = useState(null);\n\n  const _isIE11 = useMemo(() => isIE11(), []);\n\n  const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n  const lottieAnimationClassName = useMemo(() => classnames(animationClassName, style.animation), [\n    animationClassName\n  ]);\n\n  const ie11BackupImageClassName = useMemo(\n    () => classnames(backupImageClassName, style.backupImage),\n    [backupImageClassName]\n  );\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      if (!_isIE11 && !animationItem) {\n        /* istanbul ignore next */\n        if (typeof window !== 'undefined') {\n          window.lottie = lottie;\n        }\n        const animation = await fetchAndLoadAnimation(\n          animationSrc,\n          containerRef,\n          loop,\n          lottieAnimationClassName,\n          hideOnTransparent,\n          lottie,\n          unfetch\n        );\n\n        /* istanbul ignore next */\n        setAnimationItem(animation);\n      }\n    };\n\n    loadAnimation();\n    return () => animationItem && /* istanbul ignore next */ lottie.destroy(animationItem.name);\n  }, [\n    lottieAnimationClassName,\n    containerRef,\n    hideOnTransparent,\n    loop,\n    animationSrc,\n    _isIE11,\n    animationItem\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      aria-label={ariaLabel}\n      data-name={dataName}\n      className={wrapperClassName}\n      style={{\n        ...(width && {\n          width: `${width}px`,\n          maxWidth: `${width}px`\n        }),\n        ...(height && {\n          height: `${height}px`,\n          maxHeight: `${height}px`\n        })\n      }}\n    >\n      {_isIE11 ? (\n        <img\n          src={ie11ImageBackup}\n          className={ie11BackupImageClassName}\n          data-name=\"ie11-backup-image\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nLottieWrapper.propTypes = {\n  'aria-label': PropTypes.string.isRequired,\n  'data-name': PropTypes.string,\n  animationSrc: PropTypes.string.isRequired,\n  loop: PropTypes.bool,\n  rendererSettings: PropTypes.shape({\n    hideOnTransparent: PropTypes.bool,\n    className: PropTypes.string\n  }),\n  height: PropTypes.number,\n  width: PropTypes.number,\n  className: PropTypes.string,\n  ie11ImageBackup: PropTypes.string.isRequired,\n  backupImageClassName: PropTypes.string\n};\n\nexport default LottieWrapper;\n"],"file":"index.js"}

package/lib/atom/lottie-wrapper/style.css

@@ -0,0 +1,15 @@
+.lottieContainer {
+  position: relative;
+  display: flex;
+}
+
+.animation {
+  display: flex;
+  height: 100%;
+  width: 100%;
+}
+
+.backupImage {
+  height: 100%;
+  width: 100%;
+}

package/lib/atom/lottie-wrapper/test/fixtures/confetti.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    'aria-label': 'aria lottie',
+    'data-name': 'default-lottie',
+    className: undefined,
+    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',
+    loop: undefined,
+    rendererSettings: {
+      hideOnTransparent: false,
+      animationClassName: ''
+    },
+    height: 600,
+    width: 1000,
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=confetti.js.map

package/lib/atom/lottie-wrapper/test/fixtures/confetti.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/confetti.js"],"names":["props","className","undefined","animationSrc","loop","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,yEAJT;AAKLC,IAAAA,IAAI,EAAEF,SALD;AAMLG,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KANb;AAULC,IAAAA,MAAM,EAAE,GAVH;AAWLC,IAAAA,KAAK,EAAE,IAXF;AAYLC,IAAAA,eAAe,EACb;AAbG;AADM,C","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n    loop: undefined,\n    rendererSettings: {\n      hideOnTransparent: false,\n      animationClassName: ''\n    },\n    height: 600,\n    width: 1000,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg'\n  }\n};\n"],"file":"confetti.js"}

package/lib/atom/lottie-wrapper/test/fixtures/default.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    'aria-label': 'aria lottie',
+    'data-name': 'default-lottie',
+    className: undefined,
+    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',
+    loop: false,
+    rendererSettings: {
+      hideOnTransparent: false,
+      animationClassName: ''
+    },
+    height: 200,
+    width: 200,
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/atom/lottie-wrapper/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/default.js"],"names":["props","className","undefined","animationSrc","loop","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,KALD;AAMLC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KANb;AAULC,IAAAA,MAAM,EAAE,GAVH;AAWLC,IAAAA,KAAK,EAAE,GAXF;AAYLC,IAAAA,eAAe,EACb;AAbG;AADM,C","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',\n    loop: false,\n    rendererSettings: {\n      hideOnTransparent: false,\n      animationClassName: ''\n    },\n    height: 200,\n    width: 200,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg'\n  }\n};\n"],"file":"default.js"}

package/lib/atom/lottie-wrapper/test/fixtures/rank.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    'aria-label': 'aria lottie',
+    'data-name': 'default-lottie',
+    className: undefined,
+    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',
+    loop: true,
+    height: 200,
+    width: 200,
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=rank.js.map

package/lib/atom/lottie-wrapper/test/fixtures/rank.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/rank.js"],"names":["props","className","undefined","animationSrc","loop","height","width","ie11ImageBackup"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,IALD;AAMLC,IAAAA,MAAM,EAAE,GANH;AAOLC,IAAAA,KAAK,EAAE,GAPF;AAQLC,IAAAA,eAAe,EACb;AATG;AADM,C","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',\n    loop: true,\n    height: 200,\n    width: 200,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'\n  }\n};\n"],"file":"rank.js"}

package/lib/atom/lottie-wrapper/test/fixtures.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _confetti = _interopRequireDefault(require("./fixtures/confetti"));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _rank = _interopRequireDefault(require("./fixtures/rank"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Atom › AtomLottieWrapper > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomLottieWrapper.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Atom › AtomLottieWrapper › Confetti › should be rendered', _renderComponent.default, _.default, _confetti.default);
+(0, _ava.default)('Atom › AtomLottieWrapper › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Atom › AtomLottieWrapper › Rank › should be rendered', _renderComponent.default, _.default, _rank.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/atom/lottie-wrapper/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/fixtures.js"],"names":["t","pass","AtomLottieWrapper","propTypes","value","key","not","undefined","renderComponentMacro","fixtureConfetti","fixtureDefault","fixtureRank"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wDAAL,EAA+DA,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,0DAAL,EAAiEG,wBAAjE,EAAuFN,SAAvF,EAA0GO,iBAA1G;AACA,kBAAK,yDAAL,EAAgED,wBAAhE,EAAsFN,SAAtF,EAAyGQ,gBAAzG;AACA,kBAAK,sDAAL,EAA6DF,wBAA7D,EAAmFN,SAAnF,EAAsGS,aAAtG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomLottieWrapper from '..';\nimport fixtureConfetti from './fixtures/confetti';\nimport fixtureDefault from './fixtures/default';\nimport fixtureRank from './fixtures/rank';\n\ntest('Atom › AtomLottieWrapper > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomLottieWrapper.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomLottieWrapper.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomLottieWrapper › Confetti › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureConfetti);\ntest('Atom › AtomLottieWrapper › Default › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureDefault);\ntest('Atom › AtomLottieWrapper › Rank › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureRank);\n"],"file":"fixtures.js"}

package/lib/atom/lottie-wrapper/test/lottie.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _browserEnv = _interopRequireDefault(require("browser-env"));
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+
+var _ = _interopRequireWildcard(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _browserEnv.default)();
+(0, _enzyme.configure)({
+  adapter: new _enzymeAdapterReact.default()
+});
+(0, _ava.default)('should update && load the animation, should clean up after unmount', t => {
+  const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
+  wrapper.update();
+  const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
+  t.false(backupImage.at(0).exists());
+  wrapper.unmount();
+  t.pass();
+});
+(0, _ava.default)('ie11: should load an image in place of the animation', t => {
+  window.msCrypto = () => {}; // eslint-disable-next-line lodash-fp/prefer-constant
+
+
+  window.navigator.__defineGetter__('userAgent', function () {
+    return 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';
+  });
+
+  const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
+  wrapper.update();
+  const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
+  t.true(backupImage.at(0).exists());
+  wrapper.unmount();
+  delete window.msCrypto; // eslint-disable-next-line lodash-fp/prefer-constant
+
+  window.navigator.__defineGetter__('userAgent', function () {
+    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';
+  });
+
+  t.pass();
+});
+(0, _ava.default)('other browser: should not load an image in place of the animation', t => {
+  // eslint-disable-next-line lodash-fp/prefer-constant
+  window.navigator.__defineGetter__('userAgent', function () {
+    return 'Mozilla/5.0 (other stuff; rv:77.0) like Gecko';
+  });
+
+  const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
+  const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
+  t.false(backupImage.at(0).exists());
+  wrapper.unmount(); // eslint-disable-next-line lodash-fp/prefer-constant
+
+  window.navigator.__defineGetter__('userAgent', function () {
+    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';
+  });
+
+  t.pass();
+});
+(0, _ava.default)('fetchAndLoadAnimation', async t => {
+  t.plan(3);
+  const props = _default.default.props;
+  const _lottie = {
+    loadAnimation: () => {
+      t.pass();
+      return {
+        name: 'animation'
+      };
+    }
+  };
+
+  const _fetch = () => {
+    t.pass();
+    return {
+      json: () => ({
+        animationData: 'some value'
+      })
+    };
+  };
+
+  const animation = await (0, _.fetchAndLoadAnimation)(props.animationSrc, '123456', true, 'test', true, _lottie, _fetch);
+  t.is(animation.name, 'animation');
+});
+//# sourceMappingURL=lottie.js.map

package/lib/atom/lottie-wrapper/test/lottie.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/lottie.js"],"names":["adapter","Adapter","t","wrapper","starFixture","props","update","backupImage","find","false","at","exists","unmount","pass","window","msCrypto","navigator","__defineGetter__","true","plan","_lottie","loadAnimation","name","_fetch","json","animationData","animation","animationSrc","is"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport LottieWrapper, {fetchAndLoadAnimation} from '..';\nimport starFixture from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should update && load the animation, should clean up after unmount', t => {\n  const wrapper = mount(<LottieWrapper {...starFixture.props} />);\n\n  wrapper.update();\n\n  const backupImage = wrapper.find('[data-name=\"ie11-backup-image\"]');\n  t.false(backupImage.at(0).exists());\n\n  wrapper.unmount();\n\n  t.pass();\n});\n\ntest('ie11: should load an image in place of the animation', t => {\n  window.msCrypto = () => {};\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';\n  });\n\n  const wrapper = mount(<LottieWrapper {...starFixture.props} />);\n\n  wrapper.update();\n\n  const backupImage = wrapper.find('[data-name=\"ie11-backup-image\"]');\n  t.true(backupImage.at(0).exists());\n\n  wrapper.unmount();\n\n  delete window.msCrypto;\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n  });\n\n  t.pass();\n});\n\ntest('other browser: should not load an image in place of the animation', t => {\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (other stuff; rv:77.0) like Gecko';\n  });\n\n  const wrapper = mount(<LottieWrapper {...starFixture.props} />);\n\n  const backupImage = wrapper.find('[data-name=\"ie11-backup-image\"]');\n  t.false(backupImage.at(0).exists());\n\n  wrapper.unmount();\n\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n  });\n\n  t.pass();\n});\n\ntest('fetchAndLoadAnimation', async t => {\n  t.plan(3);\n  const props = starFixture.props;\n  const _lottie = {\n    loadAnimation: () => {\n      t.pass();\n      return {name: 'animation'};\n    }\n  };\n  const _fetch = () => {\n    t.pass();\n    return {\n      json: () => ({\n        animationData: 'some value'\n      })\n    };\n  };\n  const animation = await fetchAndLoadAnimation(\n    props.animationSrc,\n    '123456',\n    true,\n    'test',\n    true,\n    _lottie,\n    _fetch\n  );\n\n  t.is(animation.name, 'animation');\n});\n"],"file":"lottie.js"}

package/lib/molecule/teams-popin/test/fixtures/loading-background.js

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var _default = {
   props: (0, _defaultsDeep2.default)(_login.default.props, {
-    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/BG_teams@2x.jpg',
+    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/teams/BG_teams@2x.jpg',
     isLoading: true
   })
 };

package/lib/molecule/teams-popin/test/fixtures/loading-background.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/teams-popin/test/fixtures/loading-background.js"],"names":["props","Login","backgroundImageUrl","isLoading"],"mappings":";;;;;;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE,4BAAaC,eAAMD,KAAnB,EAA0B;AAC/BE,IAAAA,kBAAkB,EAAE,iEADW;AAE/BC,IAAAA,SAAS,EAAE;AAFoB,GAA1B;AADM,C","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Login from './login';\n\nexport default {\n  props: defaultsDeep(Login.props, {\n    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/BG_teams@2x.jpg',\n    isLoading: true\n  })\n};\n"],"file":"loading-background.js"}
+{"version":3,"sources":["../../../../../src/molecule/teams-popin/test/fixtures/loading-background.js"],"names":["props","Login","backgroundImageUrl","isLoading"],"mappings":";;;;;;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE,4BAAaC,eAAMD,KAAnB,EAA0B;AAC/BE,IAAAA,kBAAkB,EAAE,uEADW;AAE/BC,IAAAA,SAAS,EAAE;AAFoB,GAA1B;AADM,C","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Login from './login';\n\nexport default {\n  props: defaultsDeep(Login.props, {\n    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/teams/BG_teams@2x.jpg',\n    isLoading: true\n  })\n};\n"],"file":"loading-background.js"}

package/lib/molecule/teams-popin/test/fixtures/login-background.js

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var _default = {
   props: (0, _defaultsDeep2.default)(_login.default.props, {
-    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/BG_teams@2x.jpg'
+    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/teams/BG_teams@2x.jpg'
   })
 };
 exports.default = _default;

package/lib/molecule/teams-popin/test/fixtures/login-background.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/teams-popin/test/fixtures/login-background.js"],"names":["props","Login","backgroundImageUrl"],"mappings":";;;;;;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE,4BAAaC,eAAMD,KAAnB,EAA0B;AAC/BE,IAAAA,kBAAkB,EAAE;AADW,GAA1B;AADM,C","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Login from './login';\n\nexport default {\n  props: defaultsDeep(Login.props, {\n    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/BG_teams@2x.jpg'\n  })\n};\n"],"file":"login-background.js"}
+{"version":3,"sources":["../../../../../src/molecule/teams-popin/test/fixtures/login-background.js"],"names":["props","Login","backgroundImageUrl"],"mappings":";;;;;;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE,4BAAaC,eAAMD,KAAnB,EAA0B;AAC/BE,IAAAA,kBAAkB,EAAE;AADW,GAA1B;AADM,C","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Login from './login';\n\nexport default {\n  props: defaultsDeep(Login.props, {\n    backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/teams/BG_teams@2x.jpg'\n  })\n};\n"],"file":"login-background.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.16.4-alpha.1+c1edfc56d",
+  "version": "10.17.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -37,7 +37,7 @@
     "lint": "eslint . --ext .js,.json --cache --cache-location \"node_modules/.cache/.eslintcache\""
   },
   "engines": {
-    "node": ">=8.3.0"
+    "node": ">=12.22.12"
   },
   "contributors": [
     "Arthur Weber <arthur.weber@coorpacademy.com>",
@@ -58,7 +58,9 @@
     "eslint-plugin-react-hooks": "^4.3.0",
     "extended-proptypes": "^1.3.0",
     "hammerjs": "^2.0.8",
+    "isomorphic-unfetch": "^3.1.0",
     "lodash": "^4.17.15",
+    "lottie-web": "^5.9.2",
     "postcss-calc": "^7.0.2",
     "postcss-color-function": "^4.1.0",
     "postcss-modules-values-replace": "^3.1.0",
@@ -119,5 +121,5 @@
     "webpack-hot-middleware": "^2.25.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "c1edfc56d03ceb083424be46a525ac8f7376519d"
+  "gitHead": "ddddc43b9c0b7beb2547c9411cab45e8aa76dcb7"
 }