@coorpacademy/components 10.21.2 → 10.22.1

package/lib/molecule/skill-card/index.js

@@ -7,8 +7,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _cssColorFunction = require("css-color-function");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
 
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
@@ -17,6 +15,8 @@ var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
 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; }
@@ -89,17 +89,7 @@ const SkillCard = (props, context) => {
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps))));
 };
 
-SkillCard.propTypes = process.env.NODE_ENV !== "production" ? {
-  'aria-label': _propTypes.default.string.isRequired,
-  skillTitle: _propTypes.default.string,
-  skillAriaLabel: _propTypes.default.string,
-  buttonLabel: _propTypes.default.string,
-  buttonAriaLabel: _propTypes.default.string,
-  reviseLabel: _propTypes.default.string,
-  reviseAriaLabel: _propTypes.default.string,
-  isCustom: _propTypes.default.bool,
-  onClick: _propTypes.default.func
-} : {};
+SkillCard.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = SkillCard;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/skill-card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/skill-card/index.js"],"names":["getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","primarySkinColor","handleMouseOver","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","titleBackground","style","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper","propTypes","PropTypes","string","isRequired","bool","func"],"mappings":"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","sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const [hovered, setHovered] = useState(false);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': buttonAriaLabel,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(() => (isCustom ? '#128C72' : primarySkinColor), [\n    isCustom,\n    primarySkinColor\n  ]);\n\n  const titleBackground = useMemo(() => getGradientBackground(titleBackgroundColor), [\n    titleBackgroundColor\n  ]);\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div\n          className={style.buttonWrapper}\n          onMouseOver={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n          data-name=\"button-wrapper\"\n        >\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = {\n  'aria-label': PropTypes.string.isRequired,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default SkillCard;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/skill-card/index.js"],"names":["getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","primarySkinColor","handleMouseOver","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","titleBackground","style","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper","propTypes"],"mappings":"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","sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const [hovered, setHovered] = useState(false);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': buttonAriaLabel,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(() => (isCustom ? '#128C72' : primarySkinColor), [\n    isCustom,\n    primarySkinColor\n  ]);\n\n  const titleBackground = useMemo(() => getGradientBackground(titleBackgroundColor), [\n    titleBackgroundColor\n  ]);\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div\n          className={style.buttonWrapper}\n          onMouseOver={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n          data-name=\"button-wrapper\"\n        >\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"file":"index.js"}

package/lib/molecule/skill-card/prop-types.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  'aria-label': _propTypes.default.string.isRequired,
+  skillTitle: _propTypes.default.string,
+  skillAriaLabel: _propTypes.default.string,
+  buttonLabel: _propTypes.default.string,
+  buttonAriaLabel: _propTypes.default.string,
+  reviseLabel: _propTypes.default.string,
+  reviseAriaLabel: _propTypes.default.string,
+  isCustom: _propTypes.default.bool,
+  onClick: _propTypes.default.func
+};
+exports.default = _default;
+//# sourceMappingURL=prop-types.js.map

package/lib/molecule/skill-card/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/skill-card/prop-types.js"],"names":["PropTypes","string","isRequired","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"mappings":";;;;;AAAA;;;;eAEe;AACb,gBAAcA,mBAAUC,MAAV,CAAiBC,UADlB;AAEbC,EAAAA,UAAU,EAAEH,mBAAUC,MAFT;AAGbG,EAAAA,cAAc,EAAEJ,mBAAUC,MAHb;AAIbI,EAAAA,WAAW,EAAEL,mBAAUC,MAJV;AAKbK,EAAAA,eAAe,EAAEN,mBAAUC,MALd;AAMbM,EAAAA,WAAW,EAAEP,mBAAUC,MANV;AAObO,EAAAA,eAAe,EAAER,mBAAUC,MAPd;AAQbQ,EAAAA,QAAQ,EAAET,mBAAUU,IARP;AASbC,EAAAA,OAAO,EAAEX,mBAAUY;AATN,C","sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {\n  'aria-label': PropTypes.string.isRequired,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n"],"file":"prop-types.js"}

package/lib/molecule/video-player/index.js

@@ -5,10 +5,6 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _proptypes = require("../../util/proptypes");
-
 var _videoIframe = _interopRequireDefault(require("../video-iframe"));
 
 var _jwplayer = _interopRequireDefault(require("./jwplayer"));
@@ -17,6 +13,8 @@ var _vimeo = _interopRequireDefault(require("./vimeo"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -135,21 +133,7 @@ class VideoPlayer extends _react.default.Component {
 
 }
 
-VideoPlayer.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: _propTypes.default.string,
-  width: _propTypes.default.string,
-  height: _propTypes.default.string,
-  url: _proptypes.SrcPropType,
-  onPlay: _propTypes.default.func,
-  onResume: _propTypes.default.func,
-  onPause: _propTypes.default.func,
-  onEnded: _propTypes.default.func,
-  onError: _propTypes.default.func,
-  autoplay: _propTypes.default.bool,
-  disableAutostart: _propTypes.default.bool,
-  jwpOptions: _jwplayer.default.propTypes.jwpOptions,
-  mimeType: _propTypes.default.oneOf(['application/kontiki', 'application/uptale', 'application/vimeo', 'application/youtube', 'application/jwplayer', 'application/omniPlayer', 'application/h5p', 'video/mp4']).isRequired
-} : {};
+VideoPlayer.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = VideoPlayer;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/video-player/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/video-player/index.js"],"names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","e","onResume","onPlay","setState","mimeType","url","onPause","onEnded","width","height","style","wrapper","handleOnPlay","split","disableAutostart","jwpOptions","otherProps","render","renderPlayer","propTypes","PropTypes","string","SrcPropType","func","onError","autoplay","bool","JWPlayer","oneOf","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = {\n    id: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    onPlay: PropTypes.func,\n    onResume: PropTypes.func,\n    onPause: PropTypes.func,\n    onEnded: PropTypes.func,\n    onError: PropTypes.func,\n    autoplay: PropTypes.bool,\n    disableAutostart: PropTypes.bool,\n    jwpOptions: JWPlayer.propTypes.jwpOptions,\n    mimeType: PropTypes.oneOf([\n      'application/kontiki',\n      'application/uptale',\n      'application/vimeo',\n      'application/youtube',\n      'application/jwplayer',\n      'application/omniPlayer',\n      'application/h5p',\n      'video/mp4'\n    ]).isRequired\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/video-player/index.js"],"names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","e","onResume","onPlay","setState","mimeType","url","onPause","onEnded","width","height","style","wrapper","handleOnPlay","split","disableAutostart","jwpOptions","otherProps","render","renderPlayer","propTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = propTypes;\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"file":"index.js"}

package/lib/molecule/video-player/jwplayer-prop-types.js

@@ -0,0 +1,48 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _proptypes = require("../../util/proptypes");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  mimeType: _propTypes.default.string,
+  scriptErrorMessage: _propTypes.default.string,
+  disableAutostart: _propTypes.default.bool,
+  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference
+  jwpOptions: _propTypes.default.shape({
+    file: _proptypes.SrcPropType,
+    customProps: _propTypes.default.shape({
+      aspectratio: _propTypes.default.string,
+      tracks: _propTypes.default.arrayOf(_propTypes.default.shape({
+        file: _proptypes.SrcPropType,
+        label: _propTypes.default.string,
+        kind: _propTypes.default.string,
+        default: _propTypes.default.boolean
+      })),
+      autostart: _propTypes.default.oneOf(['true', 'viewable', 'false']),
+      width: _propTypes.default.string,
+      skin: _propTypes.default.shape({
+        name: _propTypes.default.string
+      })
+    }),
+    licenseKey: _propTypes.default.string.isRequired,
+    playerScript: _proptypes.SrcPropType.isRequired,
+    playerId: _propTypes.default.string.isRequired
+  }),
+  onPlay: _propTypes.default.func,
+  onResume: _propTypes.default.func,
+  onPause: _propTypes.default.func,
+  onEnded: _propTypes.default.func,
+  onError: _propTypes.default.func,
+  onPlayAttemptFailed: _propTypes.default.func,
+  onAutostartNotAllowed: _propTypes.default.func,
+  onSetupError: _propTypes.default.func,
+  onWarning: _propTypes.default.func
+};
+exports.default = _default;
+//# sourceMappingURL=jwplayer-prop-types.js.map

package/lib/molecule/video-player/jwplayer-prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/video-player/jwplayer-prop-types.js"],"names":["mimeType","PropTypes","string","scriptErrorMessage","disableAutostart","bool","jwpOptions","shape","file","SrcPropType","customProps","aspectratio","tracks","arrayOf","label","kind","default","boolean","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning"],"mappings":";;;;;AAAA;;AACA;;;;eAEe;AACbA,EAAAA,QAAQ,EAAEC,mBAAUC,MADP;AAEbC,EAAAA,kBAAkB,EAAEF,mBAAUC,MAFjB;AAGbE,EAAAA,gBAAgB,EAAEH,mBAAUI,IAHf;AAIb;AACAC,EAAAA,UAAU,EAAEL,mBAAUM,KAAV,CAAgB;AAC1BC,IAAAA,IAAI,EAAEC,sBADoB;AAE1BC,IAAAA,WAAW,EAAET,mBAAUM,KAAV,CAAgB;AAC3BI,MAAAA,WAAW,EAAEV,mBAAUC,MADI;AAE3BU,MAAAA,MAAM,EAAEX,mBAAUY,OAAV,CACNZ,mBAAUM,KAAV,CAAgB;AACdC,QAAAA,IAAI,EAAEC,sBADQ;AAEdK,QAAAA,KAAK,EAAEb,mBAAUC,MAFH;AAGda,QAAAA,IAAI,EAAEd,mBAAUC,MAHF;AAIdc,QAAAA,OAAO,EAAEf,mBAAUgB;AAJL,OAAhB,CADM,CAFmB;AAU3BC,MAAAA,SAAS,EAAEjB,mBAAUkB,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;AAW3BC,MAAAA,KAAK,EAAEnB,mBAAUC,MAXU;AAY3BmB,MAAAA,IAAI,EAAEpB,mBAAUM,KAAV,CAAgB;AACpBe,QAAAA,IAAI,EAAErB,mBAAUC;AADI,OAAhB;AAZqB,KAAhB,CAFa;AAkB1BqB,IAAAA,UAAU,EAAEtB,mBAAUC,MAAV,CAAiBsB,UAlBH;AAmB1BC,IAAAA,YAAY,EAAEhB,uBAAYe,UAnBA;AAoB1BE,IAAAA,QAAQ,EAAEzB,mBAAUC,MAAV,CAAiBsB;AApBD,GAAhB,CALC;AA2BbG,EAAAA,MAAM,EAAE1B,mBAAU2B,IA3BL;AA4BbC,EAAAA,QAAQ,EAAE5B,mBAAU2B,IA5BP;AA6BbE,EAAAA,OAAO,EAAE7B,mBAAU2B,IA7BN;AA8BbG,EAAAA,OAAO,EAAE9B,mBAAU2B,IA9BN;AA+BbI,EAAAA,OAAO,EAAE/B,mBAAU2B,IA/BN;AAgCbK,EAAAA,mBAAmB,EAAEhC,mBAAU2B,IAhClB;AAiCbM,EAAAA,qBAAqB,EAAEjC,mBAAU2B,IAjCpB;AAkCbO,EAAAA,YAAY,EAAElC,mBAAU2B,IAlCX;AAmCbQ,EAAAA,SAAS,EAAEnC,mBAAU2B;AAnCR,C","sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport default {\n  mimeType: PropTypes.string,\n  scriptErrorMessage: PropTypes.string,\n  disableAutostart: PropTypes.bool,\n  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n  jwpOptions: PropTypes.shape({\n    file: SrcPropType,\n    customProps: PropTypes.shape({\n      aspectratio: PropTypes.string,\n      tracks: PropTypes.arrayOf(\n        PropTypes.shape({\n          file: SrcPropType,\n          label: PropTypes.string,\n          kind: PropTypes.string,\n          default: PropTypes.boolean\n        })\n      ),\n      autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n      width: PropTypes.string,\n      skin: PropTypes.shape({\n        name: PropTypes.string\n      })\n    }),\n    licenseKey: PropTypes.string.isRequired,\n    playerScript: SrcPropType.isRequired,\n    playerId: PropTypes.string.isRequired\n  }),\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  onPlayAttemptFailed: PropTypes.func,\n  onAutostartNotAllowed: PropTypes.func,\n  onSetupError: PropTypes.func,\n  onWarning: PropTypes.func\n};\n"],"file":"jwplayer-prop-types.js"}

package/lib/molecule/video-player/jwplayer.js

@@ -13,14 +13,12 @@ var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactJwPlayer = _interopRequireDefault(require("react-jw-player"));
 
-var _proptypes = require("../../util/proptypes");
-
 var _jwplayer = _interopRequireDefault(require("./jwplayer.css"));
 
+var _propTypes = require("./prop-types");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
@@ -228,41 +226,7 @@ class JWPlayer extends _react.default.Component {
 
 }
 
-JWPlayer.propTypes = process.env.NODE_ENV !== "production" ? {
-  mimeType: _propTypes.default.string,
-  scriptErrorMessage: _propTypes.default.string,
-  disableAutostart: _propTypes.default.bool,
-  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference
-  jwpOptions: _propTypes.default.shape({
-    file: _proptypes.SrcPropType,
-    customProps: _propTypes.default.shape({
-      aspectratio: _propTypes.default.string,
-      tracks: _propTypes.default.arrayOf(_propTypes.default.shape({
-        file: _proptypes.SrcPropType,
-        label: _propTypes.default.string,
-        kind: _propTypes.default.string,
-        default: _propTypes.default.boolean
-      })),
-      autostart: _propTypes.default.oneOf(['true', 'viewable', 'false']),
-      width: _propTypes.default.string,
-      skin: _propTypes.default.shape({
-        name: _propTypes.default.string
-      })
-    }),
-    licenseKey: _propTypes.default.string.isRequired,
-    playerScript: _proptypes.SrcPropType.isRequired,
-    playerId: _propTypes.default.string.isRequired
-  }),
-  onPlay: _propTypes.default.func,
-  onResume: _propTypes.default.func,
-  onPause: _propTypes.default.func,
-  onEnded: _propTypes.default.func,
-  onError: _propTypes.default.func,
-  onPlayAttemptFailed: _propTypes.default.func,
-  onAutostartNotAllowed: _propTypes.default.func,
-  onSetupError: _propTypes.default.func,
-  onWarning: _propTypes.default.func
-} : {};
+JWPlayer.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.JWPlayerPropTypes : {};
 var _default = JWPlayer;
 exports.default = _default;
 //# sourceMappingURL=jwplayer.js.map

package/lib/molecule/video-player/jwplayer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/video-player/jwplayer.js"],"names":["JWPlayer","React","Component","constructor","props","context","state","fileUrl","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","componentDidMount","jwPlayerScript","document","getElementById","onerror","setFileUrl","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","jwpOptions","playerId","play","file","setState","e","onPlay","onResume","onPause","onEnded","script","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","customProps","autostart","style","errorMessage","wrapper","propTypes","PropTypes","string","bool","shape","SrcPropType","aspectratio","tracks","arrayOf","label","kind","default","boolean","oneOf","width","skin","name","licenseKey","isRequired","playerScript","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactJWPlayer from 'react-jw-player';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './jwplayer.css';\n\nclass JWPlayer extends React.Component {\n  static propTypes = {\n    mimeType: PropTypes.string,\n    scriptErrorMessage: PropTypes.string,\n    disableAutostart: PropTypes.bool,\n    // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n    jwpOptions: PropTypes.shape({\n      file: SrcPropType,\n      customProps: PropTypes.shape({\n        aspectratio: PropTypes.string,\n        tracks: PropTypes.arrayOf(\n          PropTypes.shape({\n            file: SrcPropType,\n            label: PropTypes.string,\n            kind: PropTypes.string,\n            default: PropTypes.boolean\n          })\n        ),\n        autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n        width: PropTypes.string,\n        skin: PropTypes.shape({\n          name: PropTypes.string\n        })\n      }),\n      licenseKey: PropTypes.string.isRequired,\n      playerScript: SrcPropType.isRequired,\n      playerId: PropTypes.string.isRequired\n    }),\n    onPlay: PropTypes.func,\n    onResume: PropTypes.func,\n    onPause: PropTypes.func,\n    onEnded: PropTypes.func,\n    onError: PropTypes.func,\n    onPlayAttemptFailed: PropTypes.func,\n    onAutostartNotAllowed: PropTypes.func,\n    onSetupError: PropTypes.func,\n    onWarning: PropTypes.func\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      fileUrl: '',\n      scriptFailedLoading: false\n    };\n\n    this.handlePlay = this.handlePlay.bind(this);\n    this.handleResume = this.handleResume.bind(this);\n    this.handlePause = this.handlePause.bind(this);\n    this.handleEnded = this.handleEnded.bind(this);\n    this.handleError = this.handleError.bind(this);\n    this.handleSetupError = this.handleSetupError.bind(this);\n    this.handleScriptError = this.handleScriptError.bind(this);\n    this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n    this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n    this.handleWarning = this.handleWarning.bind(this);\n  }\n\n  componentDidMount() {\n    const jwPlayerScript = document.getElementById('jw-player-script');\n    jwPlayerScript.onerror = () => this.handleScriptError(jwPlayerScript);\n    this.setFileUrl();\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    const shouldStart = includes('autoplay', changes);\n    if (shouldStart) {\n      if (isFunction(window.jwplayer)) {\n        window.jwplayer(prevProps.jwpOptions.playerId).play();\n      }\n    }\n    const {jwpOptions} = this.props;\n    if (prevProps.jwpOptions.file !== jwpOptions.file) {\n      this.setFileUrl();\n    }\n  }\n\n  setFileUrl() {\n    const {jwpOptions} = this.props;\n    const {file} = jwpOptions;\n\n    return this.setState({fileUrl: file});\n  }\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  handleResume(e) {\n    const {onResume} = this.props;\n    if (onResume) onResume(e);\n  }\n\n  handlePause(e) {\n    const {onPause} = this.props;\n    if (onPause) onPause(e);\n  }\n\n  handleEnded(e) {\n    const {onEnded} = this.props;\n    if (onEnded) onEnded(e);\n  }\n\n  handleScriptError(script) {\n    this.setState({scriptFailedLoading: true});\n    if (script) {\n      script.parentNode.removeChild();\n    }\n  }\n\n  handleSetupError(error) {\n    const {onSetupError} = this.props;\n    if (onSetupError) onSetupError(error);\n  }\n\n  handlePlayAttemptFailed(error) {\n    const {onPlayAttemptFailed} = this.props;\n    if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n  }\n\n  handleAutostartNotAllowed(error) {\n    const {onAutostartNotAllowed} = this.props;\n    if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n  }\n\n  handleWarning(error) {\n    const {onWarning} = this.props;\n    if (onWarning) onWarning(error);\n  }\n\n  handleError(error) {\n    const {onError, mimeType, jwpOptions} = this.props;\n    const {code} = error;\n\n    onError && onError(error);\n\n    if (mimeType === 'application/kontiki') {\n      return;\n    }\n\n    // This error mostly appears on IE11 on W7\n    // Since IE11 dont kinda support M3U8 sometimes,\n    // We've decided to switch from M3U8 to mp4 whenever it appears\n    if (code === 214000) {\n      const {file: videoUrl} = jwpOptions;\n      const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n      const matched = videoUrl.match(regex);\n\n      if (matched) {\n        const videoId = matched[1];\n        return this.setState({\n          fileUrl: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n        });\n      }\n    }\n  }\n\n  render() {\n    const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n    const {scriptFailedLoading, fileUrl} = this.state;\n    const _jwpOptions = {\n      ...jwpOptions,\n      customProps: {\n        ...get('customProps', jwpOptions),\n        autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n      }\n    };\n\n    return (\n      <>\n        {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n        <ReactJWPlayer\n          {..._jwpOptions}\n          className={style.wrapper}\n          onAutoStart={this.handlePlay}\n          onPlay={this.handlePlay}\n          onResume={this.handleResume}\n          onPause={this.handlePause}\n          onOneHundredPercent={this.handleEnded}\n          onError={this.handleError}\n          onSetupError={this.handleSetupError}\n          onPlayAttemptFailed={this.handlePlayAttemptFailed}\n          onWarning={this.handleWarning}\n          onAutostartNotAllowed={this.handleAutostartNotAllowed}\n          file={fileUrl}\n        />\n      </>\n    );\n  }\n}\n\nexport default JWPlayer;\n"],"file":"jwplayer.js"}
+{"version":3,"sources":["../../../src/molecule/video-player/jwplayer.js"],"names":["JWPlayer","React","Component","constructor","props","context","state","fileUrl","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","componentDidMount","jwPlayerScript","document","getElementById","onerror","setFileUrl","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","jwpOptions","playerId","play","file","setState","e","onPlay","onResume","onPause","onEnded","script","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","customProps","autostart","style","errorMessage","wrapper","propTypes","JWPlayerPropTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactJWPlayer from 'react-jw-player';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport style from './jwplayer.css';\nimport {JWPlayerPropTypes} from './prop-types';\n\nclass JWPlayer extends React.Component {\n  static propTypes = JWPlayerPropTypes;\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      fileUrl: '',\n      scriptFailedLoading: false\n    };\n\n    this.handlePlay = this.handlePlay.bind(this);\n    this.handleResume = this.handleResume.bind(this);\n    this.handlePause = this.handlePause.bind(this);\n    this.handleEnded = this.handleEnded.bind(this);\n    this.handleError = this.handleError.bind(this);\n    this.handleSetupError = this.handleSetupError.bind(this);\n    this.handleScriptError = this.handleScriptError.bind(this);\n    this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n    this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n    this.handleWarning = this.handleWarning.bind(this);\n  }\n\n  componentDidMount() {\n    const jwPlayerScript = document.getElementById('jw-player-script');\n    jwPlayerScript.onerror = () => this.handleScriptError(jwPlayerScript);\n    this.setFileUrl();\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    const shouldStart = includes('autoplay', changes);\n    if (shouldStart) {\n      if (isFunction(window.jwplayer)) {\n        window.jwplayer(prevProps.jwpOptions.playerId).play();\n      }\n    }\n    const {jwpOptions} = this.props;\n    if (prevProps.jwpOptions.file !== jwpOptions.file) {\n      this.setFileUrl();\n    }\n  }\n\n  setFileUrl() {\n    const {jwpOptions} = this.props;\n    const {file} = jwpOptions;\n\n    return this.setState({fileUrl: file});\n  }\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  handleResume(e) {\n    const {onResume} = this.props;\n    if (onResume) onResume(e);\n  }\n\n  handlePause(e) {\n    const {onPause} = this.props;\n    if (onPause) onPause(e);\n  }\n\n  handleEnded(e) {\n    const {onEnded} = this.props;\n    if (onEnded) onEnded(e);\n  }\n\n  handleScriptError(script) {\n    this.setState({scriptFailedLoading: true});\n    if (script) {\n      script.parentNode.removeChild();\n    }\n  }\n\n  handleSetupError(error) {\n    const {onSetupError} = this.props;\n    if (onSetupError) onSetupError(error);\n  }\n\n  handlePlayAttemptFailed(error) {\n    const {onPlayAttemptFailed} = this.props;\n    if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n  }\n\n  handleAutostartNotAllowed(error) {\n    const {onAutostartNotAllowed} = this.props;\n    if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n  }\n\n  handleWarning(error) {\n    const {onWarning} = this.props;\n    if (onWarning) onWarning(error);\n  }\n\n  handleError(error) {\n    const {onError, mimeType, jwpOptions} = this.props;\n    const {code} = error;\n\n    onError && onError(error);\n\n    if (mimeType === 'application/kontiki') {\n      return;\n    }\n\n    // This error mostly appears on IE11 on W7\n    // Since IE11 dont kinda support M3U8 sometimes,\n    // We've decided to switch from M3U8 to mp4 whenever it appears\n    if (code === 214000) {\n      const {file: videoUrl} = jwpOptions;\n      const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n      const matched = videoUrl.match(regex);\n\n      if (matched) {\n        const videoId = matched[1];\n        return this.setState({\n          fileUrl: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n        });\n      }\n    }\n  }\n\n  render() {\n    const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n    const {scriptFailedLoading, fileUrl} = this.state;\n    const _jwpOptions = {\n      ...jwpOptions,\n      customProps: {\n        ...get('customProps', jwpOptions),\n        autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n      }\n    };\n\n    return (\n      <>\n        {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n        <ReactJWPlayer\n          {..._jwpOptions}\n          className={style.wrapper}\n          onAutoStart={this.handlePlay}\n          onPlay={this.handlePlay}\n          onResume={this.handleResume}\n          onPause={this.handlePause}\n          onOneHundredPercent={this.handleEnded}\n          onError={this.handleError}\n          onSetupError={this.handleSetupError}\n          onPlayAttemptFailed={this.handlePlayAttemptFailed}\n          onWarning={this.handleWarning}\n          onAutostartNotAllowed={this.handleAutostartNotAllowed}\n          file={fileUrl}\n        />\n      </>\n    );\n  }\n}\n\nexport default JWPlayer;\n"],"file":"jwplayer.js"}

package/lib/molecule/video-player/prop-types.js

@@ -0,0 +1,64 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.JWPlayerPropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _proptypes = require("../../util/proptypes");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const JWPlayerPropTypes = {
+  mimeType: _propTypes.default.string,
+  scriptErrorMessage: _propTypes.default.string,
+  disableAutostart: _propTypes.default.bool,
+  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference
+  jwpOptions: _propTypes.default.shape({
+    file: _proptypes.SrcPropType,
+    customProps: _propTypes.default.shape({
+      aspectratio: _propTypes.default.string,
+      tracks: _propTypes.default.arrayOf(_propTypes.default.shape({
+        file: _proptypes.SrcPropType,
+        label: _propTypes.default.string,
+        kind: _propTypes.default.string,
+        default: _propTypes.default.boolean
+      })),
+      autostart: _propTypes.default.oneOf(['true', 'viewable', 'false']),
+      width: _propTypes.default.string,
+      skin: _propTypes.default.shape({
+        name: _propTypes.default.string
+      })
+    }),
+    licenseKey: _propTypes.default.string.isRequired,
+    playerScript: _proptypes.SrcPropType.isRequired,
+    playerId: _propTypes.default.string.isRequired
+  }),
+  onPlay: _propTypes.default.func,
+  onResume: _propTypes.default.func,
+  onPause: _propTypes.default.func,
+  onEnded: _propTypes.default.func,
+  onError: _propTypes.default.func,
+  onPlayAttemptFailed: _propTypes.default.func,
+  onAutostartNotAllowed: _propTypes.default.func,
+  onSetupError: _propTypes.default.func,
+  onWarning: _propTypes.default.func
+};
+exports.JWPlayerPropTypes = JWPlayerPropTypes;
+var _default = {
+  id: _propTypes.default.string,
+  width: _propTypes.default.string,
+  height: _propTypes.default.string,
+  url: _proptypes.SrcPropType,
+  onPlay: _propTypes.default.func,
+  onResume: _propTypes.default.func,
+  onPause: _propTypes.default.func,
+  onEnded: _propTypes.default.func,
+  onError: _propTypes.default.func,
+  autoplay: _propTypes.default.bool,
+  disableAutostart: _propTypes.default.bool,
+  jwpOptions: JWPlayerPropTypes.jwpOptions,
+  mimeType: _propTypes.default.oneOf(['application/kontiki', 'application/uptale', 'application/vimeo', 'application/youtube', 'application/jwplayer', 'application/omniPlayer', 'application/h5p', 'video/mp4']).isRequired
+};
+exports.default = _default;
+//# sourceMappingURL=prop-types.js.map

package/lib/molecule/video-player/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/video-player/prop-types.js"],"names":["JWPlayerPropTypes","mimeType","PropTypes","string","scriptErrorMessage","disableAutostart","bool","jwpOptions","shape","file","SrcPropType","customProps","aspectratio","tracks","arrayOf","label","kind","default","boolean","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning","id","height","url","autoplay"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,iBAAiB,GAAG;AAC/BC,EAAAA,QAAQ,EAAEC,mBAAUC,MADW;AAE/BC,EAAAA,kBAAkB,EAAEF,mBAAUC,MAFC;AAG/BE,EAAAA,gBAAgB,EAAEH,mBAAUI,IAHG;AAI/B;AACAC,EAAAA,UAAU,EAAEL,mBAAUM,KAAV,CAAgB;AAC1BC,IAAAA,IAAI,EAAEC,sBADoB;AAE1BC,IAAAA,WAAW,EAAET,mBAAUM,KAAV,CAAgB;AAC3BI,MAAAA,WAAW,EAAEV,mBAAUC,MADI;AAE3BU,MAAAA,MAAM,EAAEX,mBAAUY,OAAV,CACNZ,mBAAUM,KAAV,CAAgB;AACdC,QAAAA,IAAI,EAAEC,sBADQ;AAEdK,QAAAA,KAAK,EAAEb,mBAAUC,MAFH;AAGda,QAAAA,IAAI,EAAEd,mBAAUC,MAHF;AAIdc,QAAAA,OAAO,EAAEf,mBAAUgB;AAJL,OAAhB,CADM,CAFmB;AAU3BC,MAAAA,SAAS,EAAEjB,mBAAUkB,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;AAW3BC,MAAAA,KAAK,EAAEnB,mBAAUC,MAXU;AAY3BmB,MAAAA,IAAI,EAAEpB,mBAAUM,KAAV,CAAgB;AACpBe,QAAAA,IAAI,EAAErB,mBAAUC;AADI,OAAhB;AAZqB,KAAhB,CAFa;AAkB1BqB,IAAAA,UAAU,EAAEtB,mBAAUC,MAAV,CAAiBsB,UAlBH;AAmB1BC,IAAAA,YAAY,EAAEhB,uBAAYe,UAnBA;AAoB1BE,IAAAA,QAAQ,EAAEzB,mBAAUC,MAAV,CAAiBsB;AApBD,GAAhB,CALmB;AA2B/BG,EAAAA,MAAM,EAAE1B,mBAAU2B,IA3Ba;AA4B/BC,EAAAA,QAAQ,EAAE5B,mBAAU2B,IA5BW;AA6B/BE,EAAAA,OAAO,EAAE7B,mBAAU2B,IA7BY;AA8B/BG,EAAAA,OAAO,EAAE9B,mBAAU2B,IA9BY;AA+B/BI,EAAAA,OAAO,EAAE/B,mBAAU2B,IA/BY;AAgC/BK,EAAAA,mBAAmB,EAAEhC,mBAAU2B,IAhCA;AAiC/BM,EAAAA,qBAAqB,EAAEjC,mBAAU2B,IAjCF;AAkC/BO,EAAAA,YAAY,EAAElC,mBAAU2B,IAlCO;AAmC/BQ,EAAAA,SAAS,EAAEnC,mBAAU2B;AAnCU,CAA1B;;eAsCQ;AACbS,EAAAA,EAAE,EAAEpC,mBAAUC,MADD;AAEbkB,EAAAA,KAAK,EAAEnB,mBAAUC,MAFJ;AAGboC,EAAAA,MAAM,EAAErC,mBAAUC,MAHL;AAIbqC,EAAAA,GAAG,EAAE9B,sBAJQ;AAKbkB,EAAAA,MAAM,EAAE1B,mBAAU2B,IALL;AAMbC,EAAAA,QAAQ,EAAE5B,mBAAU2B,IANP;AAObE,EAAAA,OAAO,EAAE7B,mBAAU2B,IAPN;AAQbG,EAAAA,OAAO,EAAE9B,mBAAU2B,IARN;AASbI,EAAAA,OAAO,EAAE/B,mBAAU2B,IATN;AAUbY,EAAAA,QAAQ,EAAEvC,mBAAUI,IAVP;AAWbD,EAAAA,gBAAgB,EAAEH,mBAAUI,IAXf;AAYbC,EAAAA,UAAU,EAAEP,iBAAiB,CAACO,UAZjB;AAabN,EAAAA,QAAQ,EAAEC,mBAAUkB,KAAV,CAAgB,CACxB,qBADwB,EAExB,oBAFwB,EAGxB,mBAHwB,EAIxB,qBAJwB,EAKxB,sBALwB,EAMxB,wBANwB,EAOxB,iBAPwB,EAQxB,WARwB,CAAhB,EASPK;AAtBU,C","sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport const JWPlayerPropTypes = {\n  mimeType: PropTypes.string,\n  scriptErrorMessage: PropTypes.string,\n  disableAutostart: PropTypes.bool,\n  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n  jwpOptions: PropTypes.shape({\n    file: SrcPropType,\n    customProps: PropTypes.shape({\n      aspectratio: PropTypes.string,\n      tracks: PropTypes.arrayOf(\n        PropTypes.shape({\n          file: SrcPropType,\n          label: PropTypes.string,\n          kind: PropTypes.string,\n          default: PropTypes.boolean\n        })\n      ),\n      autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n      width: PropTypes.string,\n      skin: PropTypes.shape({\n        name: PropTypes.string\n      })\n    }),\n    licenseKey: PropTypes.string.isRequired,\n    playerScript: SrcPropType.isRequired,\n    playerId: PropTypes.string.isRequired\n  }),\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  onPlayAttemptFailed: PropTypes.func,\n  onAutostartNotAllowed: PropTypes.func,\n  onSetupError: PropTypes.func,\n  onWarning: PropTypes.func\n};\n\nexport default {\n  id: PropTypes.string,\n  width: PropTypes.string,\n  height: PropTypes.string,\n  url: SrcPropType,\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool,\n  jwpOptions: JWPlayerPropTypes.jwpOptions,\n  mimeType: PropTypes.oneOf([\n    'application/kontiki',\n    'application/uptale',\n    'application/vimeo',\n    'application/youtube',\n    'application/jwplayer',\n    'application/omniPlayer',\n    'application/h5p',\n    'video/mp4'\n  ]).isRequired\n};\n"],"file":"prop-types.js"}

package/lib/organism/brand-dashboard/index.js

@@ -11,6 +11,8 @@ var _title = _interopRequireDefault(require("../../atom/title"));
 
 var _quickAccessCardsGroup = _interopRequireDefault(require("../../molecule/quick-access-cards-group"));
 
+var _go1Banner = _interopRequireDefault(require("../../molecule/go1-banner"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,11 +22,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const Dashboard = props => {
   const {
     header,
-    quickAccessCards
+    quickAccessCards,
+    banner
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_title.default, _extends({}, header, {
     type: 'page'
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  }))), banner ? /*#__PURE__*/_react.default.createElement(_go1Banner.default, banner) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.sectionWrapper
   }, /*#__PURE__*/_react.default.createElement(_title.default, {
     title: quickAccessCards.title,
@@ -42,7 +45,8 @@ Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   quickAccessCards: _propTypes.default.shape({
     title: _propTypes.default.string,
     cards: _propTypes.default.shape(_quickAccessCardsGroup.default.propTypes)
-  })
+  }),
+  banner: _propTypes.default.shape(_go1Banner.default.propTypes)
 } : {};
 var _default = Dashboard;
 exports.default = _default;

package/lib/organism/brand-dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/brand-dashboard/index.js"],"names":["Dashboard","props","header","quickAccessCards","style","sectionWrapper","title","cardsWrapper","cards","propTypes","PropTypes","shape","string","subtitle","QuickAccessCardGroup"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAA6BF,KAAnC;AACA,sBACE,uDACE,uDACE,6BAAC,cAAD,eAAWC,MAAX;AAAmB,IAAA,IAAI,EAAE;AAAzB,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEE,eAAMC;AAAtB,kBACE,6BAAC,cAAD;AAAO,IAAA,KAAK,EAAEF,gBAAgB,CAACG,KAA/B;AAAsC,IAAA,IAAI,EAAE;AAA5C,IADF,eAEE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE,6BAAC,8BAAD,EAA0BJ,gBAAgB,CAACK,KAA3C,CADF,CAFF,CAJF,CADF;AAaD,CAfD;;AAiBAR,SAAS,CAACS,SAAV,2CAAsB;AACpBP,EAAAA,MAAM,EAAEQ,mBAAUC,KAAV,CAAgB;AACtBL,IAAAA,KAAK,EAAEI,mBAAUE,MADK;AAEtBC,IAAAA,QAAQ,EAAEH,mBAAUE;AAFE,GAAhB,CADY;AAKpBT,EAAAA,gBAAgB,EAAEO,mBAAUC,KAAV,CAAgB;AAChCL,IAAAA,KAAK,EAAEI,mBAAUE,MADe;AAEhCJ,IAAAA,KAAK,EAAEE,mBAAUC,KAAV,CAAgBG,+BAAqBL,SAArC;AAFyB,GAAhB;AALE,CAAtB;eAWeT,S","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Title from '../../atom/title';\nimport QuickAccessCardGroup from '../../molecule/quick-access-cards-group';\nimport style from './style.css';\n\nconst Dashboard = props => {\n  const {header, quickAccessCards} = props;\n  return (\n    <div>\n      <div>\n        <Title {...header} type={'page'} />\n      </div>\n      <div className={style.sectionWrapper}>\n        <Title title={quickAccessCards.title} type={'form-group'} />\n        <div className={style.cardsWrapper}>\n          <QuickAccessCardGroup {...quickAccessCards.cards} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  header: PropTypes.shape({\n    title: PropTypes.string,\n    subtitle: PropTypes.string\n  }),\n  quickAccessCards: PropTypes.shape({\n    title: PropTypes.string,\n    cards: PropTypes.shape(QuickAccessCardGroup.propTypes)\n  })\n};\n\nexport default Dashboard;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/brand-dashboard/index.js"],"names":["Dashboard","props","header","quickAccessCards","banner","style","sectionWrapper","title","cardsWrapper","cards","propTypes","PropTypes","shape","string","subtitle","QuickAccessCardGroup","Go1Banner"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA,gBAAT;AAA2BC,IAAAA;AAA3B,MAAqCH,KAA3C;AACA,sBACE,uDACE,uDACE,6BAAC,cAAD,eAAWC,MAAX;AAAmB,IAAA,IAAI,EAAE;AAAzB,KADF,CADF,EAIGE,MAAM,gBAAG,6BAAC,kBAAD,EAAeA,MAAf,CAAH,GAA+B,IAJxC,eAKE;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,kBACE,6BAAC,cAAD;AAAO,IAAA,KAAK,EAAEH,gBAAgB,CAACI,KAA/B;AAAsC,IAAA,IAAI,EAAE;AAA5C,IADF,eAEE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE,6BAAC,8BAAD,EAA0BL,gBAAgB,CAACM,KAA3C,CADF,CAFF,CALF,CADF;AAcD,CAhBD;;AAkBAT,SAAS,CAACU,SAAV,2CAAsB;AACpBR,EAAAA,MAAM,EAAES,mBAAUC,KAAV,CAAgB;AACtBL,IAAAA,KAAK,EAAEI,mBAAUE,MADK;AAEtBC,IAAAA,QAAQ,EAAEH,mBAAUE;AAFE,GAAhB,CADY;AAKpBV,EAAAA,gBAAgB,EAAEQ,mBAAUC,KAAV,CAAgB;AAChCL,IAAAA,KAAK,EAAEI,mBAAUE,MADe;AAEhCJ,IAAAA,KAAK,EAAEE,mBAAUC,KAAV,CAAgBG,+BAAqBL,SAArC;AAFyB,GAAhB,CALE;AASpBN,EAAAA,MAAM,EAAEO,mBAAUC,KAAV,CAAgBI,mBAAUN,SAA1B;AATY,CAAtB;eAYeV,S","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Title from '../../atom/title';\nimport QuickAccessCardGroup from '../../molecule/quick-access-cards-group';\nimport Go1Banner from '../../molecule/go1-banner';\nimport style from './style.css';\n\nconst Dashboard = props => {\n  const {header, quickAccessCards, banner} = props;\n  return (\n    <div>\n      <div>\n        <Title {...header} type={'page'} />\n      </div>\n      {banner ? <Go1Banner {...banner} /> : null}\n      <div className={style.sectionWrapper}>\n        <Title title={quickAccessCards.title} type={'form-group'} />\n        <div className={style.cardsWrapper}>\n          <QuickAccessCardGroup {...quickAccessCards.cards} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  header: PropTypes.shape({\n    title: PropTypes.string,\n    subtitle: PropTypes.string\n  }),\n  quickAccessCards: PropTypes.shape({\n    title: PropTypes.string,\n    cards: PropTypes.shape(QuickAccessCardGroup.propTypes)\n  }),\n  banner: PropTypes.shape(Go1Banner.propTypes)\n};\n\nexport default Dashboard;\n"],"file":"index.js"}

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

@@ -5,8 +5,6 @@ exports.default = exports.setScroll = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _lottieWrapper = _interopRequireDefault(require("../../atom/lottie-wrapper"));
 
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
@@ -15,6 +13,8 @@ var _reviewCardCongrats = _interopRequireDefault(require("../../molecule/review-
 
 var _style = _interopRequireDefault(require("./style.css"));
 
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
 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; }
@@ -81,24 +81,7 @@ const ReviewCongrats = props => {
   })))));
 };
 
-ReviewCongrats.propTypes = process.env.NODE_ENV !== "production" ? {
-  'aria-label': _propTypes.default.string,
-  'data-name': _propTypes.default.string,
-  animationLottie: _propTypes.default.shape(_lottieWrapper.default.propTypes),
-  title: _propTypes.default.string,
-  cardCongratsStar: _propTypes.default.shape(_reviewCardCongrats.default.propTypes),
-  cardCongratsRank: _propTypes.default.shape(_reviewCardCongrats.default.propTypes),
-  buttonRevising: _propTypes.default.shape({
-    label: _propTypes.default.string,
-    onClick: _propTypes.default.func,
-    type: _propTypes.default.string
-  }),
-  buttonRevisingSkill: _propTypes.default.shape({
-    label: _propTypes.default.string,
-    onClick: _propTypes.default.func,
-    type: _propTypes.default.string
-  })
-} : {};
+ReviewCongrats.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = ReviewCongrats;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/review-congrats/index.js"],"names":["setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","style","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","buttonContainer","buttonRevise","propTypes","PropTypes","string","shape","AtomLottieWrapper","MoleculeReviewCardCongrats","label","onClick","func","type"],"mappings":"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","sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\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 className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n      <AtomLottieWrapper\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          <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n          <MoleculeReviewCardCongrats\n            {...cardCongratsRank}\n            timerAnimation={1800}\n            className={style.cardRank}\n          />\n        </div>\n        <div className={style.buttonContainer}>\n          <ButtonLink\n            {...buttonRevising}\n            className={style.buttonRevise}\n            data-name=\"revise-skill-link\"\n          />\n          <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapper.propTypes),\n  title: PropTypes.string,\n  cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),\n  cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),\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 ReviewCongrats;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/review-congrats/index.js"],"names":["setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","style","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","buttonContainer","buttonRevise","propTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,SAAS,GAAGC,SAAS,IAAI,MAAM;AAC1CA,EAAAA,SAAS,CAACC,OAAV,EAAmBC,QAAnB,IACEF,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;AACzBC,IAAAA,IAAI,EAAE,IADmB;AAEzBC,IAAAA,QAAQ,EAAE;AAFe,GAA3B,CADF;AAKD,CANM;;;;AAQP,MAAMC,cAAc,GAAGC,KAAK,IAAI;AAC9B,QAAM;AACJ,kBAAcC,SADV;AAEJ,iBAAaC,QAFT;AAGJC,IAAAA,eAHI;AAIJC,IAAAA,KAJI;AAKJC,IAAAA,gBALI;AAMJC,IAAAA,gBANI;AAOJC,IAAAA,cAPI;AAQJC,IAAAA;AARI,MASFR,KATJ;AAWA,QAAMN,SAAS,GAAG,mBAAO,IAAP,CAAlB;AAEA,wBAAU,MAAM;AACd,UAAMe,KAAK,GAAGC,UAAU,CAACjB,SAAS,CAACC,SAAD,CAAV,EAAuB,IAAvB,CAAxB;AACA,WAAO,MAAMe,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;AACD,GAHD,EAGG,EAHH;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEG,eAAMC,aAAtB;AAAqC,kBAAYZ,SAAjD;AAA4D,iBAAWC;AAAvE,kBACE,6BAAC,sBAAD,eACMC,eADN;AAEE,IAAA,IAAI,EAAE,KAFR;AAGE,IAAA,gBAAgB,EAAE,MAHpB;AAIE,IAAA,QAAQ,MAJV;AAKE,iBAAU,gBALZ;AAME,IAAA,SAAS,EAAES,eAAME,MANnB;AAOE,IAAA,oBAAoB,EAAEF,eAAMG;AAP9B,KADF,eAUE;AAAK,IAAA,SAAS,EAAEH,eAAMI;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEJ,eAAMR;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAK,IAAA,GAAG,EAAEV,SAAV;AAAqB,IAAA,SAAS,EAAEkB,eAAMK;AAAtC,kBACE,6BAAC,2BAAD,eAAgCZ,gBAAhC;AAAkD,IAAA,SAAS,EAAEO,eAAMM;AAAnE,KADF,eAEE,6BAAC,2BAAD,eACMZ,gBADN;AAEE,IAAA,cAAc,EAAE,IAFlB;AAGE,IAAA,SAAS,EAAEM,eAAMO;AAHnB,KAFF,CAFF,eAUE;AAAK,IAAA,SAAS,EAAEP,eAAMQ;AAAtB,kBACE,6BAAC,mBAAD,eACMb,cADN;AAEE,IAAA,SAAS,EAAEK,eAAMS,YAFnB;AAGE,iBAAU;AAHZ,KADF,eAME,6BAAC,mBAAD,eAAgBb,mBAAhB;AAAqC,IAAA,SAAS,EAAEI,eAAMS;AAAtD,KANF,CAVF,CAVF,CADF;AAgCD,CAnDD;;AAqDAtB,cAAc,CAACuB,SAAf,2CAA2BA,kBAA3B;eAEevB,c","sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats 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 className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n      <AtomLottieWrapper\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          <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n          <MoleculeReviewCardCongrats\n            {...cardCongratsRank}\n            timerAnimation={1800}\n            className={style.cardRank}\n          />\n        </div>\n        <div className={style.buttonContainer}>\n          <ButtonLink\n            {...buttonRevising}\n            className={style.buttonRevise}\n            data-name=\"revise-skill-link\"\n          />\n          <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"file":"index.js"}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  'aria-label': _propTypes.default.string,
+  'data-name': _propTypes.default.string,
+  animationLottie: _propTypes.default.shape(_propTypes2.default),
+  title: _propTypes.default.string,
+  cardCongratsStar: _propTypes.default.shape(_propTypes3.default),
+  cardCongratsRank: _propTypes.default.shape(_propTypes3.default),
+  buttonRevising: _propTypes.default.shape({
+    label: _propTypes.default.string,
+    onClick: _propTypes.default.func,
+    type: _propTypes.default.string
+  }),
+  buttonRevisingSkill: _propTypes.default.shape({
+    label: _propTypes.default.string,
+    onClick: _propTypes.default.func,
+    type: _propTypes.default.string
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=prop-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/review-congrats/prop-types.js"],"names":["PropTypes","string","animationLottie","shape","AtomLottieWrapperPropTypes","title","cardCongratsStar","MoleculeReviewCardCongratsPropTypes","cardCongratsRank","buttonRevising","label","onClick","func","type","buttonRevisingSkill"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;eAEe;AACb,gBAAcA,mBAAUC,MADX;AAEb,eAAaD,mBAAUC,MAFV;AAGbC,EAAAA,eAAe,EAAEF,mBAAUG,KAAV,CAAgBC,mBAAhB,CAHJ;AAIbC,EAAAA,KAAK,EAAEL,mBAAUC,MAJJ;AAKbK,EAAAA,gBAAgB,EAAEN,mBAAUG,KAAV,CAAgBI,mBAAhB,CALL;AAMbC,EAAAA,gBAAgB,EAAER,mBAAUG,KAAV,CAAgBI,mBAAhB,CANL;AAObE,EAAAA,cAAc,EAAET,mBAAUG,KAAV,CAAgB;AAC9BO,IAAAA,KAAK,EAAEV,mBAAUC,MADa;AAE9BU,IAAAA,OAAO,EAAEX,mBAAUY,IAFW;AAG9BC,IAAAA,IAAI,EAAEb,mBAAUC;AAHc,GAAhB,CAPH;AAYba,EAAAA,mBAAmB,EAAEd,mBAAUG,KAAV,CAAgB;AACnCO,IAAAA,KAAK,EAAEV,mBAAUC,MADkB;AAEnCU,IAAAA,OAAO,EAAEX,mBAAUY,IAFgB;AAGnCC,IAAAA,IAAI,EAAEb,mBAAUC;AAHmB,GAAhB;AAZR,C","sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes from '../../atom/lottie-wrapper/prop-types';\nimport MoleculeReviewCardCongratsPropTypes from '../../molecule/review-card-congrats/prop-types';\n\nexport default {\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"],"file":"prop-types.js"}