@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/lib/organism/popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_bubbling","_provider","_button","_style","e","__esModule","default","Popin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","_getOr2","createElement","className","style","onClick","popin","stopPropagation","dangerouslySetInnerHTML","type","button","submitValue","centered","backgroundColor","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","func","_default","exports"],"sources":["../../../src/organism/popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../util/bubbling';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  return (\n    <div className={style.default} onClick={closeOnClick}>\n      <div className={style.popin} onClick={stopPropagation}>\n        <div className={style.header} onClick={closeOnClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          className={style.button}\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          centered\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default Popin;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,KAAK,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAChC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGP,KAAK;EAEnE,SAASQ,YAAYA,CAAA,EAAG;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAO,CAAC;EAC1B;EAEA,MAAMG,OAAO,GAAG,IAAAC,OAAA,CAAAb,OAAA,EAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAEI,IAAI,CAAC;EAE7D,oBACEd,MAAA,CAAAU,OAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAChB,OAAQ;IAACiB,OAAO,EAAET;EAAa,gBACnDlB,MAAA,CAAAU,OAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACE,KAAM;IAACD,OAAO,EAAEE;EAAgB,gBACpD7B,MAAA,CAAAU,OAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACT,MAAO;IAACU,OAAO,EAAET,YAAa;IAAC,aAAU;EAAc,GAC1ED,MACE,CAAC,eACNjB,MAAA,CAAAU,OAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACP;EAAQ,gBAC5BnB,MAAA,CAAAU,OAAA,CAAAc,aAAA;IACE;IACAM,uBAAuB,EAAEV,YAAY,CAAC;EAAE,CACzC,CACE,CAAC,eACNpB,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAAClB,OAAA,CAAAI,OAAM;IACLqB,IAAI,EAAC,MAAM;IACXN,SAAS,EAAEC,cAAK,CAACM,MAAO;IACxBL,OAAO,EAAEX,UAAW;IACpBiB,WAAW,EAAElB,QAAS;IACtBmB,QAAQ;IACRR,KAAK,EAAE;MACLS,eAAe,EAAEb;IACnB;EAAE,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAEDX,KAAK,CAACyB,YAAY,GAAG;EACnBtB,IAAI,EAAEuB,iBAAQ,CAACC,iBAAiB,CAACxB;AACnC,CAAC;AAEDH,KAAK,CAAC4B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChB3B,QAAQ,EAAE4B,kBAAS,CAACC,MAAM;EAC1B5B,UAAU,EAAE2B,kBAAS,CAACE,IAAI;EAC1B3B,YAAY,EAAEyB,kBAAS,CAACE,IAAI;EAC5B5B,MAAM,EAAE0B,kBAAS,CAACC,MAAM;EACxBzB,OAAO,EAAEwB,kBAAS,CAACC;AACrB,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAEaC,KAAK","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Popin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","style","default","popin","stopPropagation","button","backgroundColor","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/organism/popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../util/bubbling';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  return (\n    <div className={style.default} onClick={closeOnClick}>\n      <div className={style.popin} onClick={stopPropagation}>\n        <div className={style.header} onClick={closeOnClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          className={style.button}\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          centered\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default Popin;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAChC,MAAM;IAACC;EAAD,IAASD,OAAf;EAEA,MAAM;IAACE,QAAD;IAAWC,UAAX;IAAuBC,MAAvB;IAA+BC,YAA/B;IAA6CC;EAA7C,IAAwDP,KAA9D;;EAEA,SAASQ,YAAT,GAAwB;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAT,CAAP;EACD;;EAED,MAAMG,OAAO,GAAG,qBAAM,SAAN,EAAiB,CAAC,QAAD,EAAW,SAAX,CAAjB,EAAwCR,IAAxC,CAAhB;EAEA,oBACE;IAAK,SAAS,EAAES,cAAA,CAAMC,OAAtB;IAA+B,OAAO,EAAEN;EAAxC,gBACE;IAAK,SAAS,EAAEK,cAAA,CAAME,KAAtB;IAA6B,OAAO,EAAEC;EAAtC,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMN,MAAtB;IAA8B,OAAO,EAAEC,YAAvC;IAAqD,aAAU;EAA/D,GACGD,MADH,CADF,eAIE;IAAK,SAAS,EAAEM,cAAA,CAAMJ;EAAtB,gBACE;IACE;IACA,uBAAuB,EAAEC,YAAY;EAFvC,EADF,CAJF,eAUE,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,SAAS,EAAEG,cAAA,CAAMI,MAFnB;IAGE,OAAO,EAAEX,UAHX;IAIE,WAAW,EAAED,QAJf;IAKE,QAAQ,MALV;IAME,KAAK,EAAE;MACLa,eAAe,EAAEN;IADZ;EANT,EAVF,CADF,CADF;AAyBD,CApCD;;AAsCAX,KAAK,CAACkB,YAAN,GAAqB;EACnBf,IAAI,EAAEgB,iBAAA,CAASC,iBAAT,CAA2BjB;AADd,CAArB;AAIAH,KAAK,CAACqB,SAAN,2CAAkB;EAChBjB,QAAQ,EAAEkB,kBAAA,CAAUC,MADJ;EAEhBlB,UAAU,EAAEiB,kBAAA,CAAUE,IAFN;EAGhBjB,YAAY,EAAEe,kBAAA,CAAUE,IAHR;EAIhBlB,MAAM,EAAEgB,kBAAA,CAAUC,MAJF;EAKhBf,OAAO,EAAEc,kBAAA,CAAUC;AALH,CAAlB;eAQevB,K"}

package/lib/organism/resource-browser/index.js

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _omit2 = _interopRequireDefault(require("lodash/fp/omit"));
+
 var _find2 = _interopRequireDefault(require("lodash/fp/find"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _resourceMiniature = _interopRequireDefault(require("../../atom/resource-miniature"));
+
 var _resourcePlayer = _interopRequireDefault(require("../../molecule/resource-player"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 hideResources = resources => !resources || resources.length < 2;
+
 const Resources = ({
   resources,
   className
@@ -20,16 +32,19 @@ const Resources = ({
   if (hideResources(resources)) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.resourcesList
   }, resources.map(resource => /*#__PURE__*/_react.default.createElement(_resourceMiniature.default, _extends({}, (0, _omit2.default)('ref', resource), {
     key: resource._id
   }))));
 };
+
 Resources.propTypes = process.env.NODE_ENV !== "production" ? {
   resources: _propTypes.default.arrayOf(_propTypes.default.shape((0, _omit2.default)('ref', _resourceMiniature.default.propTypes))),
   className: _propTypes.default.string
 } : {};
+
 const ResourceBrowser = props => {
   const {
     resources,
@@ -53,10 +68,12 @@ const ResourceBrowser = props => {
     className: className
   }));
 };
+
 ResourceBrowser.propTypes = process.env.NODE_ENV !== "production" ? {
   className: _propTypes.default.string,
   resources: Resources.propTypes.resources,
   overlay: _resourcePlayer.default.propTypes.overlay
 } : {};
-var _default = exports.default = ResourceBrowser;
+var _default = ResourceBrowser;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/organism/resource-browser/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_resourceMiniature","_resourcePlayer","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","hideResources","resources","Resources","className","createElement","style","resourcesList","map","resource","_omit2","key","_id","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","ResourceMiniature","string","ResourceBrowser","props","overlay","selectedResource","_find2","selected","classnames","resourcePlayerWrapper","resourcePlayer","ResourcePlayer","_default","exports"],"sources":["../../../src/organism/resource-browser/index.js"],"sourcesContent":["import React from 'react';\nimport {find, omit} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport ResourceMiniature from '../../atom/resource-miniature';\nimport ResourcePlayer from '../../molecule/resource-player';\nimport style from './style.css';\n\nconst hideResources = resources => !resources || resources.length < 2;\n\nconst Resources = ({resources, className}) => {\n  if (hideResources(resources)) {\n    return null;\n  }\n\n  return (\n    <div className={style.resourcesList}>\n      {resources.map(resource => (\n        <ResourceMiniature {...omit('ref', resource)} key={resource._id} />\n      ))}\n    </div>\n  );\n};\n\nResources.propTypes = {\n  resources: PropTypes.arrayOf(PropTypes.shape(omit('ref', ResourceMiniature.propTypes))),\n  className: PropTypes.string\n};\n\nconst ResourceBrowser = props => {\n  const {resources, className, overlay} = props;\n  const selectedResource = find(({selected}) => selected, resources);\n  return (\n    <div data-name=\"resourceBrowser\" className={classnames(style.default, className)}>\n      <div className={style.resourcePlayerWrapper}>\n        {selectedResource ? (\n          <ResourcePlayer\n            overlay={overlay}\n            className={style.resourcePlayer}\n            resource={selectedResource}\n          />\n        ) : null}\n      </div>\n      <Resources resources={resources} className={className} />\n    </div>\n  );\n};\n\nResourceBrowser.propTypes = {\n  className: PropTypes.string,\n  resources: Resources.propTypes.resources,\n  overlay: ResourcePlayer.propTypes.overlay\n};\n\nexport default ResourceBrowser;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["hideResources","resources","length","Resources","className","style","resourcesList","map","resource","_id","propTypes","PropTypes","arrayOf","shape","ResourceMiniature","string","ResourceBrowser","props","overlay","selectedResource","selected","classnames","default","resourcePlayerWrapper","resourcePlayer","ResourcePlayer"],"sources":["../../../src/organism/resource-browser/index.js"],"sourcesContent":["import React from 'react';\nimport {find, omit} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport ResourceMiniature from '../../atom/resource-miniature';\nimport ResourcePlayer from '../../molecule/resource-player';\nimport style from './style.css';\n\nconst hideResources = resources => !resources || resources.length < 2;\n\nconst Resources = ({resources, className}) => {\n  if (hideResources(resources)) {\n    return null;\n  }\n\n  return (\n    <div className={style.resourcesList}>\n      {resources.map(resource => (\n        <ResourceMiniature {...omit('ref', resource)} key={resource._id} />\n      ))}\n    </div>\n  );\n};\n\nResources.propTypes = {\n  resources: PropTypes.arrayOf(PropTypes.shape(omit('ref', ResourceMiniature.propTypes))),\n  className: PropTypes.string\n};\n\nconst ResourceBrowser = props => {\n  const {resources, className, overlay} = props;\n  const selectedResource = find(({selected}) => selected, resources);\n  return (\n    <div data-name=\"resourceBrowser\" className={classnames(style.default, className)}>\n      <div className={style.resourcePlayerWrapper}>\n        {selectedResource ? (\n          <ResourcePlayer\n            overlay={overlay}\n            className={style.resourcePlayer}\n            resource={selectedResource}\n          />\n        ) : null}\n      </div>\n      <Resources resources={resources} className={className} />\n    </div>\n  );\n};\n\nResourceBrowser.propTypes = {\n  className: PropTypes.string,\n  resources: Resources.propTypes.resources,\n  overlay: ResourcePlayer.propTypes.overlay\n};\n\nexport default ResourceBrowser;\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,aAAa,GAAGC,SAAS,IAAI,CAACA,SAAD,IAAcA,SAAS,CAACC,MAAV,GAAmB,CAApE;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACF,SAAD;EAAYG;AAAZ,CAAD,KAA4B;EAC5C,IAAIJ,aAAa,CAACC,SAAD,CAAjB,EAA8B;IAC5B,OAAO,IAAP;EACD;;EAED,oBACE;IAAK,SAAS,EAAEI,cAAA,CAAMC;EAAtB,GACGL,SAAS,CAACM,GAAV,CAAcC,QAAQ,iBACrB,6BAAC,0BAAD,eAAuB,oBAAK,KAAL,EAAYA,QAAZ,CAAvB;IAA8C,GAAG,EAAEA,QAAQ,CAACC;EAA5D,GADD,CADH,CADF;AAOD,CAZD;;AAcAN,SAAS,CAACO,SAAV,2CAAsB;EACpBT,SAAS,EAAEU,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgB,oBAAK,KAAL,EAAYC,0BAAA,CAAkBJ,SAA9B,CAAhB,CAAlB,CADS;EAEpBN,SAAS,EAAEO,kBAAA,CAAUI;AAFD,CAAtB;;AAKA,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAAChB,SAAD;IAAYG,SAAZ;IAAuBc;EAAvB,IAAkCD,KAAxC;EACA,MAAME,gBAAgB,GAAG,oBAAK,CAAC;IAACC;EAAD,CAAD,KAAgBA,QAArB,EAA+BnB,SAA/B,CAAzB;EACA,oBACE;IAAK,aAAU,iBAAf;IAAiC,SAAS,EAAE,IAAAoB,mBAAA,EAAWhB,cAAA,CAAMiB,OAAjB,EAA0BlB,SAA1B;EAA5C,gBACE;IAAK,SAAS,EAAEC,cAAA,CAAMkB;EAAtB,GACGJ,gBAAgB,gBACf,6BAAC,uBAAD;IACE,OAAO,EAAED,OADX;IAEE,SAAS,EAAEb,cAAA,CAAMmB,cAFnB;IAGE,QAAQ,EAAEL;EAHZ,EADe,GAMb,IAPN,CADF,eAUE,6BAAC,SAAD;IAAW,SAAS,EAAElB,SAAtB;IAAiC,SAAS,EAAEG;EAA5C,EAVF,CADF;AAcD,CAjBD;;AAmBAY,eAAe,CAACN,SAAhB,2CAA4B;EAC1BN,SAAS,EAAEO,kBAAA,CAAUI,MADK;EAE1Bd,SAAS,EAAEE,SAAS,CAACO,SAAV,CAAoBT,SAFL;EAG1BiB,OAAO,EAAEO,uBAAA,CAAef,SAAf,CAAyBQ;AAHR,CAA5B;eAMeF,e"}

package/lib/organism/review-congrats/index.js

@@ -2,23 +2,36 @@
 
 exports.__esModule = true;
 exports.setScroll = exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _lottieWrapper = _interopRequireDefault(require("../../atom/lottie-wrapper"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _reviewCardCongrats = _interopRequireDefault(require("../../molecule/review-card-congrats"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes = _interopRequireDefault(require("./prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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 setScroll = container => () => {
   container.current?.scrollTo && container.current.scrollTo({
     left: 1000,
     behavior: 'smooth'
   });
 };
+
 exports.setScroll = setScroll;
+
 const ReviewCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -41,7 +54,8 @@ const ReviewCongrats = props => {
     "data-name": dataName,
     "data-testid": "congrats"
   }, /*#__PURE__*/_react.default.createElement(_lottieWrapper.default
-  /** confetti animation */, _extends({}, animationLottie, {
+  /** confetti animation */
+  , _extends({}, animationLottie, {
     loop: false,
     animationControl: 'play',
     autoplay: true,
@@ -72,6 +86,8 @@ const ReviewCongrats = props => {
     "data-testid": "revise-another-skill-link"
   })) : null)));
 };
+
 ReviewCongrats.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
-var _default = exports.default = ReviewCongrats;
+var _default = ReviewCongrats;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/organism/review-congrats/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_lottieWrapper","_interopRequireDefault","_buttonLink","_reviewCardCongrats","_style","_propTypes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","setScroll","container","current","scrollTo","left","behavior","exports","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","useRef","useEffect","timer","setTimeout","clearTimeout","createElement","className","style","mainContainer","loop","animationControl","autoplay","lottie","backupImageClassName","ie11Backup","containerCongrats","ref","containerCards","Fragment","cardStar","timerAnimation","cardRank","cardStarNoRank","buttonContainer","buttonRevise","propTypes","process","env","NODE_ENV","_default"],"sources":["../../../src/organism/review-congrats/index.js"],"sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport ReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n  container.current?.scrollTo &&\n    container.current.scrollTo({\n      left: 1000,\n      behavior: 'smooth'\n    });\n};\n\nconst ReviewCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const container = useRef(null);\n\n  useEffect(() => {\n    const timer = setTimeout(setScroll(container), 2000);\n    return () => timer && clearTimeout(timer);\n  }, []);\n\n  return (\n    <div\n      className={style.mainContainer}\n      aria-label={ariaLabel}\n      data-name={dataName}\n      data-testid=\"congrats\"\n    >\n      <LottieWrapper\n        /** confetti animation */\n        {...animationLottie}\n        loop={false}\n        animationControl={'play'}\n        autoplay\n        data-name=\"lottie-wrapper\"\n        className={style.lottie}\n        backupImageClassName={style.ie11Backup}\n      />\n      <div className={style.containerCongrats}>\n        <div className={style.title}>{title}</div>\n        <div ref={container} className={style.containerCards}>\n          {cardCongratsRank ? (\n            <>\n              <ReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <ReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <ReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          {buttonRevising ? (\n            <ButtonLink\n              {...buttonRevising}\n              className={style.buttonRevise}\n              data-testid=\"revise-skill-link\"\n            />\n          ) : null}\n          {buttonRevisingSkill ? (\n            <ButtonLink\n              {...buttonRevisingSkill}\n              className={style.buttonRevise}\n              data-testid=\"revise-another-skill-link\"\n            />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,UAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAqC,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAE9B,MAAMG,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAO,EAAEC,QAAQ,IACzBF,SAAS,CAACC,OAAO,CAACC,QAAQ,CAAC;IACzBC,IAAI,EAAE,IAAI;IACVC,QAAQ,EAAE;EACZ,CAAC,CAAC;AACN,CAAC;AAACC,OAAA,CAAAN,SAAA,GAAAA,SAAA;AAEF,MAAMO,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,YAAY,EAAEC,SAAS;IACvB,WAAW,EAAEC,QAAQ;IACrBC,eAAe;IACfC,KAAK;IACLC,gBAAgB;IAChBC,gBAAgB;IAChBC,cAAc;IACdC;EACF,CAAC,GAAGR,KAAK;EAET,MAAMP,SAAS,GAAG,IAAAgB,aAAM,EAAC,IAAI,CAAC;EAE9B,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,KAAK,GAAGC,UAAU,CAACpB,SAAS,CAACC,SAAS,CAAC,EAAE,IAAI,CAAC;IACpD,OAAO,MAAMkB,KAAK,IAAIE,YAAY,CAACF,KAAK,CAAC;EAC3C,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEtD,MAAA,CAAAW,OAAA,CAAA8C,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACC,aAAc;IAC/B,cAAYhB,SAAU;IACtB,aAAWC,QAAS;IACpB,eAAY;EAAU,gBAEtB7C,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAACtD,cAAA,CAAAQ;EACC,2BAAAkB,QAAA,KACIiB,eAAe;IACnBe,IAAI,EAAE,KAAM;IACZC,gBAAgB,EAAE,MAAO;IACzBC,QAAQ;IACR,aAAU,gBAAgB;IAC1BL,SAAS,EAAEC,cAAK,CAACK,MAAO;IACxBC,oBAAoB,EAAEN,cAAK,CAACO;EAAW,EACxC,CAAC,eACFlE,MAAA,CAAAW,OAAA,CAAA8C,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACQ;EAAkB,gBACtCnE,MAAA,CAAAW,OAAA,CAAA8C,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACZ;EAAM,GAAEA,KAAW,CAAC,eAC1C/C,MAAA,CAAAW,OAAA,CAAA8C,aAAA;IAAKW,GAAG,EAAEhC,SAAU;IAACsB,SAAS,EAAEC,cAAK,CAACU;EAAe,GAClDpB,gBAAgB,gBACfjD,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAAzD,MAAA,CAAAW,OAAA,CAAA2D,QAAA,qBACEtE,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAACnD,mBAAA,CAAAK,OAAkB,EAAAkB,QAAA,KAAKmB,gBAAgB;IAAEU,SAAS,EAAEC,cAAK,CAACY;EAAS,EAAE,CAAC,eACvEvE,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAACnD,mBAAA,CAAAK,OAAkB,EAAAkB,QAAA,KACboB,gBAAgB;IACpBuB,cAAc,EAAE,IAAK;IACrBd,SAAS,EAAEC,cAAK,CAACc;EAAS,EAC3B,CACD,CAAC,gBAEHzE,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAACnD,mBAAA,CAAAK,OAAkB,EAAAkB,QAAA,KAAKmB,gBAAgB;IAAEU,SAAS,EAAEC,cAAK,CAACe;EAAe,EAAE,CAE3E,CAAC,eACN1E,MAAA,CAAAW,OAAA,CAAA8C,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACgB;EAAgB,GACnCzB,cAAc,gBACblD,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAACpD,WAAA,CAAAM,OAAU,EAAAkB,QAAA,KACLqB,cAAc;IAClBQ,SAAS,EAAEC,cAAK,CAACiB,YAAa;IAC9B,eAAY;EAAmB,EAChC,CAAC,GACA,IAAI,EACPzB,mBAAmB,gBAClBnD,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAACpD,WAAA,CAAAM,OAAU,EAAAkB,QAAA,KACLsB,mBAAmB;IACvBO,SAAS,EAAEC,cAAK,CAACiB,YAAa;IAC9B,eAAY;EAA2B,EACxC,CAAC,GACA,IACD,CACF,CACF,CAAC;AAEV,CAAC;AAEDlC,cAAc,CAACmC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,kBAAS;AAAC,IAAAI,QAAA,GAAAxC,OAAA,CAAA9B,OAAA,GAEtB+B,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","useRef","useEffect","timer","setTimeout","clearTimeout","style","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","cardStarNoRank","buttonContainer","buttonRevise","propTypes"],"sources":["../../../src/organism/review-congrats/index.js"],"sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport ReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n  container.current?.scrollTo &&\n    container.current.scrollTo({\n      left: 1000,\n      behavior: 'smooth'\n    });\n};\n\nconst ReviewCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const container = useRef(null);\n\n  useEffect(() => {\n    const timer = setTimeout(setScroll(container), 2000);\n    return () => timer && clearTimeout(timer);\n  }, []);\n\n  return (\n    <div\n      className={style.mainContainer}\n      aria-label={ariaLabel}\n      data-name={dataName}\n      data-testid=\"congrats\"\n    >\n      <LottieWrapper\n        /** confetti animation */\n        {...animationLottie}\n        loop={false}\n        animationControl={'play'}\n        autoplay\n        data-name=\"lottie-wrapper\"\n        className={style.lottie}\n        backupImageClassName={style.ie11Backup}\n      />\n      <div className={style.containerCongrats}>\n        <div className={style.title}>{title}</div>\n        <div ref={container} className={style.containerCards}>\n          {cardCongratsRank ? (\n            <>\n              <ReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <ReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <ReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          {buttonRevising ? (\n            <ButtonLink\n              {...buttonRevising}\n              className={style.buttonRevise}\n              data-testid=\"revise-skill-link\"\n            />\n          ) : null}\n          {buttonRevisingSkill ? (\n            <ButtonLink\n              {...buttonRevisingSkill}\n              className={style.buttonRevise}\n              data-testid=\"revise-another-skill-link\"\n            />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAV,EAAmBC,QAAnB,IACEF,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;IACzBC,IAAI,EAAE,IADmB;IAEzBC,QAAQ,EAAE;EAFe,CAA3B,CADF;AAKD,CANM;;;;AAQP,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,cAAcC,SADV;IAEJ,aAAaC,QAFT;IAGJC,eAHI;IAIJC,KAJI;IAKJC,gBALI;IAMJC,gBANI;IAOJC,cAPI;IAQJC;EARI,IASFR,KATJ;EAWA,MAAMN,SAAS,GAAG,IAAAe,aAAA,EAAO,IAAP,CAAlB;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,KAAK,GAAGC,UAAU,CAACnB,SAAS,CAACC,SAAD,CAAV,EAAuB,IAAvB,CAAxB;IACA,OAAO,MAAMiB,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;EACD,CAHD,EAGG,EAHH;EAKA,oBACE;IACE,SAAS,EAAEG,cAAA,CAAMC,aADnB;IAEE,cAAYd,SAFd;IAGE,aAAWC,QAHb;IAIE,eAAY;EAJd,gBAME,6BAAC;EACC;EADF,eAEMC,eAFN;IAGE,IAAI,EAAE,KAHR;IAIE,gBAAgB,EAAE,MAJpB;IAKE,QAAQ,MALV;IAME,aAAU,gBANZ;IAOE,SAAS,EAAEW,cAAA,CAAME,MAPnB;IAQE,oBAAoB,EAAEF,cAAA,CAAMG;EAR9B,GANF,eAgBE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMV;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,GAAG,EAAEV,SAAV;IAAqB,SAAS,EAAEoB,cAAA,CAAMK;EAAtC,GACGb,gBAAgB,gBACf,yEACE,6BAAC,2BAAD,eAAwBD,gBAAxB;IAA0C,SAAS,EAAES,cAAA,CAAMM;EAA3D,GADF,eAEE,6BAAC,2BAAD,eACMd,gBADN;IAEE,cAAc,EAAE,IAFlB;IAGE,SAAS,EAAEQ,cAAA,CAAMO;EAHnB,GAFF,CADe,gBAUf,6BAAC,2BAAD,eAAwBhB,gBAAxB;IAA0C,SAAS,EAAES,cAAA,CAAMQ;EAA3D,GAXJ,CAFF,eAgBE;IAAK,SAAS,EAAER,cAAA,CAAMS;EAAtB,GACGhB,cAAc,gBACb,6BAAC,mBAAD,eACMA,cADN;IAEE,SAAS,EAAEO,cAAA,CAAMU,YAFnB;IAGE,eAAY;EAHd,GADa,GAMX,IAPN,EAQGhB,mBAAmB,gBAClB,6BAAC,mBAAD,eACMA,mBADN;IAEE,SAAS,EAAEM,cAAA,CAAMU,YAFnB;IAGE,eAAY;EAHd,GADkB,GAMhB,IAdN,CAhBF,CAhBF,CADF;AAoDD,CAvED;;AAyEAzB,cAAc,CAAC0B,SAAf,2CAA2BA,kBAA3B;eAEe1B,c"}

package/lib/organism/review-congrats/index.native.js

@@ -2,19 +2,33 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _lottieReactNative = _interopRequireDefault(require("lottie-react-native"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
+
 var _templateContext = require("../../template/app-review/template-context");
+
 var _index = _interopRequireDefault(require("../../atom/button/index.native"));
+
 var _shadow = require("../../variables/shadow");
+
 var _index2 = _interopRequireDefault(require("../../molecule/card-congrats/index.native"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 }; }
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   congrats: {
     position: 'absolute',
@@ -54,6 +68,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     paddingHorizontal: 40
   }
 });
+
 const fadeIn = {
   property: 'opacity',
   fromValue: 0,
@@ -66,6 +81,7 @@ const translateHorizontally = {
   toValue: 0,
   duration: 800
 };
+
 const ReviewCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -99,8 +115,7 @@ const ReviewCongrats = props => {
   });
   const showConfettis = (0, _reactNativeAnimation.useAnimateProp)(fadeIn);
   const fadeInRank = (0, _reactNativeAnimation.useAnimateProp)(fadeIn);
-  const translateRank = (0, _reactNativeAnimation.useTranslateX)({
-    ...translateHorizontally,
+  const translateRank = (0, _reactNativeAnimation.useTranslateX)({ ...translateHorizontally,
     onComplete: () => {
       setRankShown(true);
       setTimeout(() => {
@@ -109,29 +124,29 @@ const ReviewCongrats = props => {
     }
   });
   const animatedRank = [fadeInRank.animatedStyle, translateRank.animatedStyle];
-  const fadeInStars = (0, _reactNativeAnimation.useAnimateProp)({
-    ...fadeIn,
+  const fadeInStars = (0, _reactNativeAnimation.useAnimateProp)({ ...fadeIn,
     delay: cardCongratsRank ? 1000 : 0
   });
-  const translateStars = (0, _reactNativeAnimation.useTranslateX)({
-    ...translateHorizontally,
+  const translateStars = (0, _reactNativeAnimation.useTranslateX)({ ...translateHorizontally,
     delay: cardCongratsRank ? 1000 : 0
   });
   const showButton1 = (0, _reactNativeAnimation.useAnimateProp)(fadeIn);
   const showButton2 = (0, _reactNativeAnimation.useAnimateProp)(fadeIn);
   const congratsSequence = (0, _reactNativeAnimation.sequence)([(0, _reactNativeAnimation.parallel)([showCongrats, translateCongrats]), (0, _reactNativeAnimation.parallel)([showConfettis, cardCongratsRank ? (0, _reactNativeAnimation.sequence)([(0, _reactNativeAnimation.parallel)([fadeInRank, translateRank]), (0, _reactNativeAnimation.parallel)([fadeInStars, translateStars])]) : (0, _reactNativeAnimation.parallel)([fadeInStars, translateStars])]), (0, _reactNativeAnimation.sequence)([showButton1, showButton2])]);
   (0, _react.useEffect)(() => {
-    congratsSequence.start();
-    // (required only once on mount)
+    congratsSequence.start(); // (required only once on mount)
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   const handleContinueRevisingPress = buttonRevising?.onClick || _noop2.default;
   const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || _noop2.default;
   const showStarLottieAnimation = !cardCongratsRank || isRankShown;
@@ -174,8 +189,7 @@ const ReviewCongrats = props => {
     onPress: handleReviseAnotherSkillPress,
     accessibilityLabel: buttonRevisingSkill['aria-label'],
     submitValue: buttonRevisingSkill.label,
-    style: {
-      ..._shadow.BOX_STYLE,
+    style: { ..._shadow.BOX_STYLE,
       backgroundColor: '#fff'
     },
     textStyle: {
@@ -198,5 +212,7 @@ const ReviewCongrats = props => {
     loop: false
   })) : null);
 };
-var _default = exports.default = ReviewCongrats;
+
+var _default = ReviewCongrats;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/organism/review-congrats/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_lottieReactNative","_interopRequireDefault","_novaIcons","_reactNativeAnimation","_templateContext","_index","_shadow","_index2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","theme","StyleSheet","create","congrats","position","width","height","flexDirection","alignItems","paddingVertical","flex","buttons","paddingHorizontal","justifyContent","title","fontWeight","fontSize","lineHeight","marginVertical","color","colors","text","primary","confettis","flexGrow","pointerEvents","scrollView","scrollViewContent","fadeIn","property","fromValue","toValue","duration","translateHorizontally","ReviewCongrats","props","ariaLabel","animationLottie","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","useTemplateContext","styleSheet","setStylesheet","useState","isCongratsTranslationDone","setCongratsTranslationDone","isRankShown","setRankShown","scrollViewRef","useRef","showCongrats","useAnimateProp","onComplete","translateCongrats","useTranslateY","showConfettis","fadeInRank","translateRank","useTranslateX","setTimeout","current","scrollToEnd","animatedRank","animatedStyle","fadeInStars","delay","translateStars","showButton1","showButton2","congratsSequence","sequence","parallel","useEffect","start","_stylesheet","handleContinueRevisingPress","onClick","_noop2","handleReviseAnotherSkillPress","showStarLottieAnimation","createElement","Animated","View","style","accessibilityLabel","Text","ScrollView","ref","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","animationUri","animationSrc","reviewCardTitle","value","reviewCardValue","rankSuffix","Icon","RankIcon","iconColor","positive","textColor","direction","StarIcon","battle","onPress","submitValue","label","BOX_STYLE","backgroundColor","textStyle","source","uri","autoPlay","loop","_default","exports"],"sources":["../../../src/organism/review-congrats/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, ScrollView, StyleSheet, Text, TextStyle, ViewStyle} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {noop} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport {\n  sequence,\n  parallel,\n  useAnimateProp,\n  useTranslateY,\n  useTranslateX\n} from '@coorpacademy/react-native-animation';\nimport type {AnimatePropParams} from '@coorpacademy/react-native-animation/es/use-animate-prop';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport CardCongrats from '../../molecule/card-congrats/index.native';\nimport {ReviewCongratsProps} from './prop-types';\n\ntype StyleSheetType = {\n  buttons: ViewStyle;\n  congrats: ViewStyle;\n  confettis: ViewStyle;\n  scrollView: ViewStyle;\n  scrollViewContent: ViewStyle;\n  title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    congrats: {\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      flexDirection: 'column',\n      alignItems: 'center',\n      paddingVertical: 90,\n      flex: 1\n    },\n    buttons: {\n      width: '100%',\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      height: 114\n    },\n    title: {\n      fontWeight: '400',\n      fontSize: 32,\n      lineHeight: 40,\n      marginVertical: 20,\n      color: theme.colors.text.primary\n    },\n    confettis: {\n      flexGrow: 1,\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      pointerEvents: 'box-none'\n    },\n    scrollView: {\n      height: 300\n    },\n    scrollViewContent: {\n      alignItems: 'center',\n      paddingHorizontal: 40\n    }\n  });\n\nconst fadeIn: AnimatePropParams = {\n  property: 'opacity',\n  fromValue: 0,\n  toValue: 1,\n  duration: 350\n};\n\nconst translateHorizontally = {\n  property: 'translateX',\n  fromValue: 180,\n  toValue: 0,\n  duration: 800\n};\n\nconst ReviewCongrats = (props: ReviewCongratsProps) => {\n  const {\n    'aria-label': ariaLabel,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const {theme} = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [isCongratsTranslationDone, setCongratsTranslationDone] = useState<boolean>(false);\n  const [isRankShown, setRankShown] = useState<boolean>(false);\n\n  const scrollViewRef = useRef<ScrollView>(null);\n\n  const showCongrats = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 950,\n    onComplete: () => {\n      setCongratsTranslationDone(true);\n    }\n  });\n\n  const translateCongrats = useTranslateY({\n    fromValue: 100,\n    toValue: 0,\n    duration: 550\n  });\n\n  const showConfettis = useAnimateProp(fadeIn);\n  const fadeInRank = useAnimateProp(fadeIn);\n  const translateRank = useTranslateX({\n    ...translateHorizontally,\n    onComplete: () => {\n      setRankShown(true);\n      setTimeout(() => {\n        scrollViewRef?.current?.scrollToEnd();\n      }, 700);\n    }\n  });\n\n  const animatedRank = [fadeInRank.animatedStyle, translateRank.animatedStyle];\n\n  const fadeInStars = useAnimateProp({\n    ...fadeIn,\n    delay: cardCongratsRank ? 1000 : 0\n  });\n\n  const translateStars = useTranslateX({\n    ...translateHorizontally,\n    delay: cardCongratsRank ? 1000 : 0\n  });\n\n  const showButton1 = useAnimateProp(fadeIn);\n  const showButton2 = useAnimateProp(fadeIn);\n\n  const congratsSequence = sequence([\n    parallel([showCongrats, translateCongrats]),\n    parallel([\n      showConfettis,\n      cardCongratsRank\n        ? sequence([parallel([fadeInRank, translateRank]), parallel([fadeInStars, translateStars])])\n        : parallel([fadeInStars, translateStars])\n    ]),\n    sequence([showButton1, showButton2])\n  ]);\n\n  useEffect(() => {\n    congratsSequence.start();\n    // (required only once on mount)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const handleContinueRevisingPress = buttonRevising?.onClick || noop;\n  const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || noop;\n  const showStarLottieAnimation = !cardCongratsRank || isRankShown;\n\n  return (\n    <Animated.View\n      style={[styleSheet.congrats, translateCongrats.animatedStyle, showCongrats.animatedStyle]}\n      accessibilityLabel={ariaLabel}\n    >\n      <Text style={styleSheet.title}>{title}</Text>\n      <ScrollView\n        ref={scrollViewRef}\n        horizontal\n        showsHorizontalScrollIndicator={false}\n        style={styleSheet.scrollView}\n        contentContainerStyle={styleSheet.scrollViewContent}\n      >\n        {cardCongratsRank ? (\n          <Animated.View style={animatedRank}>\n            <CardCongrats\n              animationUri={cardCongratsRank.animationLottie.animationSrc}\n              text={cardCongratsRank.reviewCardTitle}\n              value={`${cardCongratsRank.reviewCardValue} ${cardCongratsRank.rankSuffix}`}\n              Icon={RankIcon}\n              iconColor={theme.colors.positive}\n              textColor={theme.colors.text.primary}\n              direction=\"row-reverse\"\n            />\n          </Animated.View>\n        ) : null}\n        <Animated.View style={[fadeInStars.animatedStyle, translateStars.animatedStyle]}>\n          <CardCongrats\n            animationUri={\n              showStarLottieAnimation ? cardCongratsStar.animationLottie.animationSrc : null\n            }\n            Icon={StarIcon}\n            text={cardCongratsStar.reviewCardTitle}\n            value={cardCongratsStar.reviewCardValue}\n            iconColor={theme.colors.battle}\n            textColor={theme.colors.battle}\n            direction=\"row\"\n          />\n        </Animated.View>\n      </ScrollView>\n\n      <Animated.View style={styleSheet.buttons}>\n        {buttonRevisingSkill ? (\n          <Animated.View style={showButton1.animatedStyle}>\n            <Button\n              onPress={handleReviseAnotherSkillPress}\n              accessibilityLabel={buttonRevisingSkill['aria-label']}\n              submitValue={buttonRevisingSkill.label}\n              style={{...BOX_STYLE, backgroundColor: '#fff'}}\n              textStyle={{color: '#123'}}\n            />\n          </Animated.View>\n        ) : null}\n        {buttonRevising ? (\n          <Animated.View style={showButton2.animatedStyle}>\n            <Button\n              onPress={handleContinueRevisingPress}\n              accessibilityLabel={buttonRevising['aria-label']}\n              submitValue={buttonRevising.label}\n            />\n          </Animated.View>\n        ) : null}\n      </Animated.View>\n\n      {isCongratsTranslationDone ? (\n        <Animated.View\n          pointerEvents=\"none\"\n          style={[styleSheet.confettis, showConfettis.animatedStyle]}\n        >\n          <LottieView source={{uri: animationLottie.animationSrc}} autoPlay loop={false} />\n        </Animated.View>\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default ReviewCongrats;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","congrats","position","width","height","flexDirection","alignItems","paddingVertical","flex","buttons","paddingHorizontal","justifyContent","title","fontWeight","fontSize","lineHeight","marginVertical","color","colors","text","primary","confettis","flexGrow","pointerEvents","scrollView","scrollViewContent","fadeIn","property","fromValue","toValue","duration","translateHorizontally","ReviewCongrats","props","ariaLabel","animationLottie","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","useTemplateContext","styleSheet","setStylesheet","useState","isCongratsTranslationDone","setCongratsTranslationDone","isRankShown","setRankShown","scrollViewRef","useRef","showCongrats","useAnimateProp","onComplete","translateCongrats","useTranslateY","showConfettis","fadeInRank","translateRank","useTranslateX","setTimeout","current","scrollToEnd","animatedRank","animatedStyle","fadeInStars","delay","translateStars","showButton1","showButton2","congratsSequence","sequence","parallel","useEffect","start","_stylesheet","handleContinueRevisingPress","onClick","handleReviseAnotherSkillPress","showStarLottieAnimation","animationSrc","reviewCardTitle","reviewCardValue","rankSuffix","RankIcon","positive","StarIcon","battle","label","BOX_STYLE","backgroundColor","uri"],"sources":["../../../src/organism/review-congrats/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, ScrollView, StyleSheet, Text, TextStyle, ViewStyle} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {noop} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport {\n  sequence,\n  parallel,\n  useAnimateProp,\n  useTranslateY,\n  useTranslateX\n} from '@coorpacademy/react-native-animation';\nimport type {AnimatePropParams} from '@coorpacademy/react-native-animation/es/use-animate-prop';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport CardCongrats from '../../molecule/card-congrats/index.native';\nimport {ReviewCongratsProps} from './prop-types';\n\ntype StyleSheetType = {\n  buttons: ViewStyle;\n  congrats: ViewStyle;\n  confettis: ViewStyle;\n  scrollView: ViewStyle;\n  scrollViewContent: ViewStyle;\n  title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    congrats: {\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      flexDirection: 'column',\n      alignItems: 'center',\n      paddingVertical: 90,\n      flex: 1\n    },\n    buttons: {\n      width: '100%',\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      height: 114\n    },\n    title: {\n      fontWeight: '400',\n      fontSize: 32,\n      lineHeight: 40,\n      marginVertical: 20,\n      color: theme.colors.text.primary\n    },\n    confettis: {\n      flexGrow: 1,\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      pointerEvents: 'box-none'\n    },\n    scrollView: {\n      height: 300\n    },\n    scrollViewContent: {\n      alignItems: 'center',\n      paddingHorizontal: 40\n    }\n  });\n\nconst fadeIn: AnimatePropParams = {\n  property: 'opacity',\n  fromValue: 0,\n  toValue: 1,\n  duration: 350\n};\n\nconst translateHorizontally = {\n  property: 'translateX',\n  fromValue: 180,\n  toValue: 0,\n  duration: 800\n};\n\nconst ReviewCongrats = (props: ReviewCongratsProps) => {\n  const {\n    'aria-label': ariaLabel,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const {theme} = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [isCongratsTranslationDone, setCongratsTranslationDone] = useState<boolean>(false);\n  const [isRankShown, setRankShown] = useState<boolean>(false);\n\n  const scrollViewRef = useRef<ScrollView>(null);\n\n  const showCongrats = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 950,\n    onComplete: () => {\n      setCongratsTranslationDone(true);\n    }\n  });\n\n  const translateCongrats = useTranslateY({\n    fromValue: 100,\n    toValue: 0,\n    duration: 550\n  });\n\n  const showConfettis = useAnimateProp(fadeIn);\n  const fadeInRank = useAnimateProp(fadeIn);\n  const translateRank = useTranslateX({\n    ...translateHorizontally,\n    onComplete: () => {\n      setRankShown(true);\n      setTimeout(() => {\n        scrollViewRef?.current?.scrollToEnd();\n      }, 700);\n    }\n  });\n\n  const animatedRank = [fadeInRank.animatedStyle, translateRank.animatedStyle];\n\n  const fadeInStars = useAnimateProp({\n    ...fadeIn,\n    delay: cardCongratsRank ? 1000 : 0\n  });\n\n  const translateStars = useTranslateX({\n    ...translateHorizontally,\n    delay: cardCongratsRank ? 1000 : 0\n  });\n\n  const showButton1 = useAnimateProp(fadeIn);\n  const showButton2 = useAnimateProp(fadeIn);\n\n  const congratsSequence = sequence([\n    parallel([showCongrats, translateCongrats]),\n    parallel([\n      showConfettis,\n      cardCongratsRank\n        ? sequence([parallel([fadeInRank, translateRank]), parallel([fadeInStars, translateStars])])\n        : parallel([fadeInStars, translateStars])\n    ]),\n    sequence([showButton1, showButton2])\n  ]);\n\n  useEffect(() => {\n    congratsSequence.start();\n    // (required only once on mount)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const handleContinueRevisingPress = buttonRevising?.onClick || noop;\n  const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || noop;\n  const showStarLottieAnimation = !cardCongratsRank || isRankShown;\n\n  return (\n    <Animated.View\n      style={[styleSheet.congrats, translateCongrats.animatedStyle, showCongrats.animatedStyle]}\n      accessibilityLabel={ariaLabel}\n    >\n      <Text style={styleSheet.title}>{title}</Text>\n      <ScrollView\n        ref={scrollViewRef}\n        horizontal\n        showsHorizontalScrollIndicator={false}\n        style={styleSheet.scrollView}\n        contentContainerStyle={styleSheet.scrollViewContent}\n      >\n        {cardCongratsRank ? (\n          <Animated.View style={animatedRank}>\n            <CardCongrats\n              animationUri={cardCongratsRank.animationLottie.animationSrc}\n              text={cardCongratsRank.reviewCardTitle}\n              value={`${cardCongratsRank.reviewCardValue} ${cardCongratsRank.rankSuffix}`}\n              Icon={RankIcon}\n              iconColor={theme.colors.positive}\n              textColor={theme.colors.text.primary}\n              direction=\"row-reverse\"\n            />\n          </Animated.View>\n        ) : null}\n        <Animated.View style={[fadeInStars.animatedStyle, translateStars.animatedStyle]}>\n          <CardCongrats\n            animationUri={\n              showStarLottieAnimation ? cardCongratsStar.animationLottie.animationSrc : null\n            }\n            Icon={StarIcon}\n            text={cardCongratsStar.reviewCardTitle}\n            value={cardCongratsStar.reviewCardValue}\n            iconColor={theme.colors.battle}\n            textColor={theme.colors.battle}\n            direction=\"row\"\n          />\n        </Animated.View>\n      </ScrollView>\n\n      <Animated.View style={styleSheet.buttons}>\n        {buttonRevisingSkill ? (\n          <Animated.View style={showButton1.animatedStyle}>\n            <Button\n              onPress={handleReviseAnotherSkillPress}\n              accessibilityLabel={buttonRevisingSkill['aria-label']}\n              submitValue={buttonRevisingSkill.label}\n              style={{...BOX_STYLE, backgroundColor: '#fff'}}\n              textStyle={{color: '#123'}}\n            />\n          </Animated.View>\n        ) : null}\n        {buttonRevising ? (\n          <Animated.View style={showButton2.animatedStyle}>\n            <Button\n              onPress={handleContinueRevisingPress}\n              accessibilityLabel={buttonRevising['aria-label']}\n              submitValue={buttonRevising.label}\n            />\n          </Animated.View>\n        ) : null}\n      </Animated.View>\n\n      {isCongratsTranslationDone ? (\n        <Animated.View\n          pointerEvents=\"none\"\n          style={[styleSheet.confettis, showConfettis.animatedStyle]}\n        >\n          <LottieView source={{uri: animationLottie.animationSrc}} autoPlay loop={false} />\n        </Animated.View>\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default ReviewCongrats;\n"],"mappings":"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"}

package/lib/organism/review-congrats/prop-types.js

@@ -2,10 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("../../atom/lottie-wrapper/prop-types"));
+
 var _propTypes3 = _interopRequireDefault(require("../../molecule/review-card-congrats/prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const propTypes = {
   'aria-label': _propTypes.default.string,
   'data-name': _propTypes.default.string,
@@ -24,5 +29,6 @@ const propTypes = {
     type: _propTypes.default.string
   })
 };
-var _default = exports.default = propTypes;
+var _default = propTypes;
+exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

package/lib/organism/review-congrats/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","_propTypes2","_propTypes3","e","__esModule","default","propTypes","PropTypes","string","animationLottie","shape","AtomLottieWrapperPropTypes","title","cardCongratsStar","MoleculeReviewCardCongratsPropTypes","cardCongratsRank","buttonRevising","label","onClick","func","type","buttonRevisingSkill","_default","exports"],"sources":["../../../src/organism/review-congrats/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes, {\n  LottieAnimationProps\n} from '../../atom/lottie-wrapper/prop-types';\nimport MoleculeReviewCardCongratsPropTypes, {\n  CongratsCardProps\n} from '../../molecule/review-card-congrats/prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n  title: PropTypes.string,\n  cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  buttonRevising: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  }),\n  buttonRevisingSkill: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  })\n};\n\nexport default propTypes;\n\nexport type ReviewCongratsProps = {\n  'aria-label': string;\n  'data-name': 'review-congrats';\n  animationLottie: LottieAnimationProps;\n  title: string;\n  cardCongratsStar: CongratsCardProps;\n  cardCongratsRank?: CongratsCardProps;\n  buttonRevising?: {\n    'aria-label': string;\n    label: string;\n    onClick: () => void;\n    type: string;\n  };\n  buttonRevisingSkill?: {\n    label: string;\n    'aria-label': string;\n    onClick: () => void;\n    type: string;\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEwD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExD,MAAMG,SAAS,GAAG;EAChB,YAAY,EAAEC,kBAAS,CAACC,MAAM;EAC9B,WAAW,EAAED,kBAAS,CAACC,MAAM;EAC7BC,eAAe,EAAEF,kBAAS,CAACG,KAAK,CAACC,mBAA0B,CAAC;EAC5DC,KAAK,EAAEL,kBAAS,CAACC,MAAM;EACvBK,gBAAgB,EAAEN,kBAAS,CAACG,KAAK,CAACI,mBAAmC,CAAC;EACtEC,gBAAgB,EAAER,kBAAS,CAACG,KAAK,CAACI,mBAAmC,CAAC;EACtEE,cAAc,EAAET,kBAAS,CAACG,KAAK,CAAC;IAC9BO,KAAK,EAAEV,kBAAS,CAACC,MAAM;IACvBU,OAAO,EAAEX,kBAAS,CAACY,IAAI;IACvBC,IAAI,EAAEb,kBAAS,CAACC;EAClB,CAAC,CAAC;EACFa,mBAAmB,EAAEd,kBAAS,CAACG,KAAK,CAAC;IACnCO,KAAK,EAAEV,kBAAS,CAACC,MAAM;IACvBU,OAAO,EAAEX,kBAAS,CAACY,IAAI;IACvBC,IAAI,EAAEb,kBAAS,CAACC;EAClB,CAAC;AACH,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaC,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["propTypes","PropTypes","string","animationLottie","shape","AtomLottieWrapperPropTypes","title","cardCongratsStar","MoleculeReviewCardCongratsPropTypes","cardCongratsRank","buttonRevising","label","onClick","func","type","buttonRevisingSkill"],"sources":["../../../src/organism/review-congrats/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes, {\n  LottieAnimationProps\n} from '../../atom/lottie-wrapper/prop-types';\nimport MoleculeReviewCardCongratsPropTypes, {\n  CongratsCardProps\n} from '../../molecule/review-card-congrats/prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n  title: PropTypes.string,\n  cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  buttonRevising: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  }),\n  buttonRevisingSkill: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  })\n};\n\nexport default propTypes;\n\nexport type ReviewCongratsProps = {\n  'aria-label': string;\n  'data-name': 'review-congrats';\n  animationLottie: LottieAnimationProps;\n  title: string;\n  cardCongratsStar: CongratsCardProps;\n  cardCongratsRank?: CongratsCardProps;\n  buttonRevising?: {\n    'aria-label': string;\n    label: string;\n    onClick: () => void;\n    type: string;\n  };\n  buttonRevisingSkill?: {\n    label: string;\n    'aria-label': string;\n    onClick: () => void;\n    type: string;\n  };\n};\n"],"mappings":";;;;;AAAA;;AACA;;AAGA;;;;AAIA,MAAMA,SAAS,GAAG;EAChB,cAAcC,kBAAA,CAAUC,MADR;EAEhB,aAAaD,kBAAA,CAAUC,MAFP;EAGhBC,eAAe,EAAEF,kBAAA,CAAUG,KAAV,CAAgBC,mBAAhB,CAHD;EAIhBC,KAAK,EAAEL,kBAAA,CAAUC,MAJD;EAKhBK,gBAAgB,EAAEN,kBAAA,CAAUG,KAAV,CAAgBI,mBAAhB,CALF;EAMhBC,gBAAgB,EAAER,kBAAA,CAAUG,KAAV,CAAgBI,mBAAhB,CANF;EAOhBE,cAAc,EAAET,kBAAA,CAAUG,KAAV,CAAgB;IAC9BO,KAAK,EAAEV,kBAAA,CAAUC,MADa;IAE9BU,OAAO,EAAEX,kBAAA,CAAUY,IAFW;IAG9BC,IAAI,EAAEb,kBAAA,CAAUC;EAHc,CAAhB,CAPA;EAYhBa,mBAAmB,EAAEd,kBAAA,CAAUG,KAAV,CAAgB;IACnCO,KAAK,EAAEV,kBAAA,CAAUC,MADkB;IAEnCU,OAAO,EAAEX,kBAAA,CAAUY,IAFgB;IAGnCC,IAAI,EAAEb,kBAAA,CAAUC;EAHmB,CAAhB;AAZL,CAAlB;eAmBeF,S"}

package/lib/organism/review-header/index.js

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
+
 var _buttonLinkIcon = _interopRequireDefault(require("../../atom/button-link-icon"));
+
 var _reviewHeaderSteps = _interopRequireDefault(require("../../molecule/review-header-steps"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _types = _interopRequireDefault(require("./types"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 }; }
+
 const ReviewHeader = (props, legacyContext) => {
   const {
     steps,
@@ -64,10 +76,12 @@ const ReviewHeader = (props, legacyContext) => {
     "data-testid": "review-header-close-button-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_buttonLinkIcon.default, buttonProps)));
 };
+
 ReviewHeader.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
 ReviewHeader.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
 };
-var _default = exports.default = ReviewHeader;
+var _default = ReviewHeader;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/organism/review-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_classnames","_getOr","_provider","_interopRequireWildcard","_buttonLinkIcon","_reviewHeaderSteps","_style","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReviewHeader","props","legacyContext","steps","mode","skillName","ariaLabel","onQuitClick","hiddenSteps","translate","GetTranslateFromContext","skin","GetSkinFromContext","closeButtonAriaLabel","primarySkinColor","getOr","buttonProps","icon","onClick","size","className","style","review","stepsWrapper","classnames","stepsWrapperAnimation","createElement","headerWrapper","titlesWrapper","title","color","key","iconButtonWrapper","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, legacyContext) => {\n  const {steps, mode, skillName, 'aria-label': ariaLabel, onQuitClick, hiddenSteps} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  const skin = GetSkinFromContext(legacyContext);\n  const closeButtonAriaLabel = translate('close_button_ariaLabel');\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-testid=\"review-header-close-button-wrapper\">\n        <ButtonLinkIcon {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nReviewHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default ReviewHeader;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ReviewHeader","props","legacyContext","steps","mode","skillName","ariaLabel","onQuitClick","hiddenSteps","translate","GetTranslateFromContext","skin","GetSkinFromContext","closeButtonAriaLabel","primarySkinColor","getOr","buttonProps","icon","onClick","size","className","style","review","stepsWrapper","classnames","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper","propTypes","contextTypes","Provider","childContextTypes"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, legacyContext) => {\n  const {steps, mode, skillName, 'aria-label': ariaLabel, onQuitClick, hiddenSteps} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  const skin = GetSkinFromContext(legacyContext);\n  const closeButtonAriaLabel = translate('close_button_ariaLabel');\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-testid=\"review-header-close-button-wrapper\">\n        <ButtonLinkIcon {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nReviewHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default ReviewHeader;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,YAAY,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC7C,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,SAAd;IAAyB,cAAcC,SAAvC;IAAkDC,WAAlD;IAA+DC;EAA/D,IAA8EP,KAApF;EACA,MAAMQ,SAAS,GAAG,IAAAC,iCAAA,EAAwBR,aAAxB,CAAlB;EACA,MAAMS,IAAI,GAAG,IAAAC,4BAAA,EAAmBV,aAAnB,CAAb;EACA,MAAMW,oBAAoB,GAAGJ,SAAS,CAAC,wBAAD,CAAtC;EACA,MAAMK,gBAAgB,GAAG,IAAAC,cAAA,EAAM,SAAN,EAAiB,gBAAjB,EAAmCJ,IAAnC,CAAzB;EAEA,MAAMK,WAAW,GAAG;IAClBC,IAAI,EAAE,OADY;IAElB,aAAa,4BAFK;IAGlB,cAAcJ,oBAHI;IAIlBK,OAAO,EAAEX,WAJS;IAKlBY,IAAI,EAAE,YALY;IAMlBC,SAAS,EAAEC,cAAA,CAAMC;EANC,CAApB;EASA,MAAMC,YAAY,GAAG,IAAAC,mBAAA,EACnBH,cAAA,CAAME,YADa,EAEnBf,WAAW,GAAGa,cAAA,CAAMI,qBAAT,GAAiC,IAFzB,CAArB;EAKA,oBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK,aAAtB;IAAqC,aAAU,eAA/C;IAA+D,cAAYpB;EAA3E,gBACE;IAAK,SAAS,EAAEe,cAAA,CAAMM;EAAtB,gBACE;IAAK,SAAS,EAAEN,cAAA,CAAMO,KAAtB;IAA6B,KAAK,EAAExB,IAApC;IAA0C,cAAYA,IAAtD;IAA4D,aAAU;EAAtE,GACGA,IADH,CADF,eAIE;IACE,SAAS,EAAEiB,cAAA,CAAMhB,SADnB;IAEE,KAAK,EAAE;MACLwB,KAAK,EAAEf;IADF,CAFT;IAKE,KAAK,EAAET,SALT;IAME,cAAYA,SANd;IAOE,aAAU;EAPZ,GASGA,SATH,CAJF,CADF,eAkBE;IAAK,SAAS,EAAEkB;EAAhB,gBACE,6BAAC,0BAAD;IAAmB,KAAK,EAAEpB,KAA1B;IAAiC,GAAG,EAAE;EAAtC,EADF,CAlBF,eAsBE;IAAK,SAAS,EAAEkB,cAAA,CAAMS,iBAAtB;IAAyC,eAAY;EAArD,gBACE,6BAAC,uBAAD,EAAoBd,WAApB,CADF,CAtBF,CADF;AA4BD,CAjDD;;AAmDAhB,YAAY,CAAC+B,SAAb,2CAAyBA,cAAzB;AAEA/B,YAAY,CAACgC,YAAb,GAA4B;EAC1BrB,IAAI,EAAEsB,iBAAA,CAASC,iBAAT,CAA2BvB,IADP;EAE1BF,SAAS,EAAEwB,iBAAA,CAASC,iBAAT,CAA2BzB;AAFZ,CAA5B;eAKeT,Y"}