@coorpacademy/components 11.11.5-alpha.0 → 11.11.5

package/lib/atom/tooltip/index.d.ts

@@ -1,6 +1,6 @@
 export function toggleStateOnKeyPress(state: any, setState: any, ref: any): (event: any) => void;
 export default ToolTip;
-declare function ToolTip({ anchorId, TooltipContent, "aria-label": ariaLabel, "data-testid": dataTestId, closeToolTipInformationTextAriaLabel, toolTipIsVisible: _toolTipIsVisible, iconContainerClassName, delayHide, fontSize }: {
+declare function ToolTip({ anchorId, TooltipContent, "aria-label": ariaLabel, "data-testid": dataTestId, closeToolTipInformationTextAriaLabel, toolTipIsVisible: _toolTipIsVisible, iconContainerClassName, delayHide, fontSize, iconSize }: {
     anchorId: any;
     TooltipContent: any;
     "aria-label": any;
@@ -10,6 +10,7 @@ declare function ToolTip({ anchorId, TooltipContent, "aria-label": ariaLabel, "d
     iconContainerClassName: any;
     delayHide?: number | undefined;
     fontSize?: number | undefined;
+    iconSize?: string | undefined;
 }): JSX.Element;
 declare namespace ToolTip {
     const propTypes: {
@@ -20,6 +21,7 @@ declare namespace ToolTip {
         iconContainerClassName: PropTypes.Requireable<string>;
         delayHide: PropTypes.Requireable<number>;
         fontSize: PropTypes.Requireable<number>;
+        iconSize: PropTypes.Requireable<string>;
         anchorId: PropTypes.Requireable<string>;
         toolTipIsVisible: PropTypes.Requireable<boolean>;
     };

package/lib/atom/tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tooltip/index.js"],"names":[],"mappings":"AAwDO,iGASN;;AAED;;;;;;;;;;gBAwFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tooltip/index.js"],"names":[],"mappings":"AAmEO,iGASN;;AAED;;;;;;;;;;;gBA0FC"}

package/lib/atom/tooltip/index.js

@@ -13,6 +13,8 @@ var _reactTooltip = _interopRequireDefault(require("react-tooltip"));
 
 var _isString = _interopRequireDefault(require("lodash/fp/isString"));
 
+var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
 
 var _style = _interopRequireDefault(require("./style.css"));
@@ -27,13 +29,18 @@ const FontSizes = {
   12: _style.default.tooltipContentFontSize12,
   14: _style.default.tooltipContentFontSize14
 };
+const IconSizes = {
+  small: 12,
+  big: 20
+};
 
 const ToolTipWrapper = ({
   toolTipIsVisible,
   anchorId,
   closeToolTipInformationTextAriaLabel,
   content,
-  handleContentMouseOver
+  handleContentMouseOver,
+  iconSize
 }) => {
   if (!toolTipIsVisible) return null;
 
@@ -48,7 +55,7 @@ const ToolTipWrapper = ({
     }, content);
   } else {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.toolTip,
+      className: (0, _classnames.default)(_style.default.toolTip, iconSize === 'big' ? _style.default.bigIconToolTip : _style.default.smallIconToolTip),
       "data-testid": "tooltip",
       "aria-label": closeToolTipInformationTextAriaLabel,
       onMouseOver: handleContentMouseOver
@@ -61,7 +68,8 @@ ToolTipWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   anchorId: _propTypes.default.string,
   closeToolTipInformationTextAriaLabel: _propTypes.default.string.isRequired,
   content: _propTypes.default.node,
-  handleContentMouseOver: _propTypes.default.func
+  handleContentMouseOver: _propTypes.default.func,
+  iconSize: _propTypes.default.oneOf((0, _keys.default)(IconSizes))
 } : {};
 
 const toggleStateOnKeyPress = (state, setState, ref) => event => {
@@ -86,7 +94,8 @@ const ToolTip = ({
   toolTipIsVisible: _toolTipIsVisible,
   iconContainerClassName,
   delayHide = 250,
-  fontSize = 14
+  fontSize = 14,
+  iconSize = 'small'
 }) => {
   const isComponent = (0, _react.useMemo)(() => !(0, _isString.default)(TooltipContent) && /*#__PURE__*/(0, _react.isValidElement)(TooltipContent()), [TooltipContent]);
   const [toolTipIsVisible, setToolTipIsVisible] = (0, _react.useState)(false);
@@ -131,8 +140,8 @@ const ToolTip = ({
     tabIndex: 0
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyInformationIcon, {
     className: _style.default.informationIcon,
-    width: 12,
-    height: 12,
+    width: IconSizes[iconSize],
+    height: IconSizes[iconSize],
     "aria-label": ariaLabel
   })), /*#__PURE__*/_react.default.createElement(ToolTipWrapper, {
     toolTipIsVisible: toolTipIsVisible,
@@ -140,7 +149,8 @@ const ToolTip = ({
     closeToolTipInformationTextAriaLabel: closeToolTipInformationTextAriaLabel,
     content: content,
     handleContentMouseOver: handleContentMouseOver,
-    fontSize: fontSize
+    fontSize: fontSize,
+    iconSize: iconSize
   }));
 };
 
@@ -153,9 +163,11 @@ ToolTip.propTypes = process.env.NODE_ENV !== "production" ? {
   iconContainerClassName: _propTypes.default.string,
   delayHide: _propTypes.default.number,
   fontSize: _propTypes.default.oneOf([12, 14]),
+  iconSize: _propTypes.default.oneOf((0, _keys.default)(IconSizes)),
   // ----------  React Tooltip exclusive  --------------
   // externalHandling: if passed down, React Tooltip is used instead, due to limitations on
   // parents overflow hidden controls
+  // data-for={anchorId} && data-tooltip-place="left" are needed on the anchored component
   anchorId: _propTypes.default.string,
   toolTipIsVisible: _propTypes.default.bool
 } : {};

package/lib/atom/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FontSizes","style","tooltipContentFontSize12","tooltipContentFontSize14","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","handleContentMouseOver","toolTipReact","toolTip","propTypes","PropTypes","bool","string","isRequired","node","func","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","iconContainerClassName","delayHide","fontSize","isComponent","useMemo","isString","isValidElement","setToolTipIsVisible","useState","mouseLeaveTimer","setMouseLeaveTimer","undefined","handleKeyPress","useCallback","clearTimeout","handleMouseOver","handleMouseLeave","setTimeout","classnames","tooltipContent","tooltipContainer","tooltipIconContainer","informationIcon","oneOfType","number","oneOf"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst FontSizes = {\n  12: style.tooltipContentFontSize12,\n  14: style.tooltipContentFontSize14\n};\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content,\n  handleContentMouseOver\n}) => {\n  if (!toolTipIsVisible) return null;\n  if (anchorId) {\n    return (\n      <ReactTooltip\n        id={anchorId}\n        className={style.toolTipReact}\n        data-event-off=\"click\"\n        place=\"left\"\n        effect=\"solid\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </ReactTooltip>\n    );\n  } else {\n    return (\n      <div\n        className={style.toolTip}\n        data-testid=\"tooltip\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n        onMouseOver={handleContentMouseOver}\n      >\n        {content}\n      </div>\n    );\n  }\n};\n\nToolTipWrapper.propTypes = {\n  toolTipIsVisible: PropTypes.bool,\n  anchorId: PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  content: PropTypes.node,\n  handleContentMouseOver: PropTypes.func\n};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n  if (event.key === 'Enter') {\n    if (ref) ref.current.focus();\n    event.stopPropagation();\n    event.preventDefault();\n    setState(!state);\n  } else if (event.key === 'Tab' || event.key === 'Escape') {\n    setState(false);\n  }\n};\n\nconst ToolTip = ({\n  anchorId,\n  TooltipContent,\n  'aria-label': ariaLabel,\n  'data-testid': dataTestId,\n  closeToolTipInformationTextAriaLabel,\n  toolTipIsVisible: _toolTipIsVisible,\n  iconContainerClassName,\n  delayHide = 250,\n  fontSize = 14\n}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleContentMouseOver = useCallback(() => {\n    mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), delayHide));\n  }, [delayHide]);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={classnames([style.tooltipContent, FontSizes[fontSize]])}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, fontSize, isComponent]);\n\n  return anchorId ? (\n    <ToolTipWrapper\n      toolTipIsVisible={_toolTipIsVisible}\n      anchorId={anchorId}\n      closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      content={content}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n      fontSize={fontSize}\n    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      <button\n        type=\"button\"\n        className={classnames([style.tooltipIconContainer, iconContainerClassName])}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyPress}\n        tabIndex={0}\n      >\n        <InformationIcon\n          className={style.informationIcon}\n          width={12}\n          height={12}\n          aria-label={ariaLabel}\n        />\n      </button>\n      <ToolTipWrapper\n        toolTipIsVisible={toolTipIsVisible}\n        anchorId={anchorId}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n        content={content}\n        handleContentMouseOver={handleContentMouseOver}\n        fontSize={fontSize}\n      />\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),\n  'data-testid': PropTypes.string,\n  'aria-label': PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  // ---------- Regular Tooltip exclusive --------------\n  iconContainerClassName: PropTypes.string,\n  delayHide: PropTypes.number,\n  fontSize: PropTypes.oneOf([12, 14]),\n  // ----------  React Tooltip exclusive  --------------\n  // externalHandling: if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool\n};\n\nexport default ToolTip;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["FontSizes","style","tooltipContentFontSize12","tooltipContentFontSize14","IconSizes","small","big","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","handleContentMouseOver","iconSize","toolTipReact","classnames","toolTip","bigIconToolTip","smallIconToolTip","propTypes","PropTypes","bool","string","isRequired","node","func","oneOf","keys","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","iconContainerClassName","delayHide","fontSize","isComponent","useMemo","isString","isValidElement","setToolTipIsVisible","useState","mouseLeaveTimer","setMouseLeaveTimer","undefined","handleKeyPress","useCallback","clearTimeout","handleMouseOver","handleMouseLeave","setTimeout","tooltipContent","tooltipContainer","tooltipIconContainer","informationIcon","oneOfType","number"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport keys from 'lodash/fp/keys';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst FontSizes = {\n  12: style.tooltipContentFontSize12,\n  14: style.tooltipContentFontSize14\n};\n\nconst IconSizes = {\n  small: 12,\n  big: 20\n};\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content,\n  handleContentMouseOver,\n  iconSize\n}) => {\n  if (!toolTipIsVisible) return null;\n  if (anchorId) {\n    return (\n      <ReactTooltip\n        id={anchorId}\n        className={style.toolTipReact}\n        data-event-off=\"click\"\n        place=\"left\"\n        effect=\"solid\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </ReactTooltip>\n    );\n  } else {\n    return (\n      <div\n        className={classnames(\n          style.toolTip,\n          iconSize === 'big' ? style.bigIconToolTip : style.smallIconToolTip\n        )}\n        data-testid=\"tooltip\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n        onMouseOver={handleContentMouseOver}\n      >\n        {content}\n      </div>\n    );\n  }\n};\n\nToolTipWrapper.propTypes = {\n  toolTipIsVisible: PropTypes.bool,\n  anchorId: PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  content: PropTypes.node,\n  handleContentMouseOver: PropTypes.func,\n  iconSize: PropTypes.oneOf(keys(IconSizes))\n};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n  if (event.key === 'Enter') {\n    if (ref) ref.current.focus();\n    event.stopPropagation();\n    event.preventDefault();\n    setState(!state);\n  } else if (event.key === 'Tab' || event.key === 'Escape') {\n    setState(false);\n  }\n};\n\nconst ToolTip = ({\n  anchorId,\n  TooltipContent,\n  'aria-label': ariaLabel,\n  'data-testid': dataTestId,\n  closeToolTipInformationTextAriaLabel,\n  toolTipIsVisible: _toolTipIsVisible,\n  iconContainerClassName,\n  delayHide = 250,\n  fontSize = 14,\n  iconSize = 'small'\n}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleContentMouseOver = useCallback(() => {\n    mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), delayHide));\n  }, [delayHide]);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={classnames([style.tooltipContent, FontSizes[fontSize]])}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, fontSize, isComponent]);\n\n  return anchorId ? (\n    <ToolTipWrapper\n      toolTipIsVisible={_toolTipIsVisible}\n      anchorId={anchorId}\n      closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      content={content}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n      fontSize={fontSize}\n    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      <button\n        type=\"button\"\n        className={classnames([style.tooltipIconContainer, iconContainerClassName])}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyPress}\n        tabIndex={0}\n      >\n        <InformationIcon\n          className={style.informationIcon}\n          width={IconSizes[iconSize]}\n          height={IconSizes[iconSize]}\n          aria-label={ariaLabel}\n        />\n      </button>\n      <ToolTipWrapper\n        toolTipIsVisible={toolTipIsVisible}\n        anchorId={anchorId}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n        content={content}\n        handleContentMouseOver={handleContentMouseOver}\n        fontSize={fontSize}\n        iconSize={iconSize}\n      />\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),\n  'data-testid': PropTypes.string,\n  'aria-label': PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  // ---------- Regular Tooltip exclusive --------------\n  iconContainerClassName: PropTypes.string,\n  delayHide: PropTypes.number,\n  fontSize: PropTypes.oneOf([12, 14]),\n  iconSize: PropTypes.oneOf(keys(IconSizes)),\n  // ----------  React Tooltip exclusive  --------------\n  // externalHandling: if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  // data-for={anchorId} && data-tooltip-place=\"left\" are needed on the anchored component\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool\n};\n\nexport default ToolTip;\n"],"mappings":"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"}

package/lib/atom/tooltip/style.css

@@ -34,12 +34,20 @@
   position: absolute;
   border-radius: 7px;
   background-color: cm_grey_700;
-  right: -75px;
-  bottom: 32px;
   height: auto;
   width: 200px;
 }
 
+.bigIconToolTip {
+  right: -71px;
+  bottom: 31px;
+}
+
+.smallIconToolTip {
+  right: -75px;
+  bottom: 32px;
+}
+
 .toolTip::before {
   content: '';
   display: inline-block;
@@ -88,6 +96,7 @@
   visibility: visible !important;
   opacity: 1 !important;
   left: 5px;
+  max-width: 400px;
 }
 
 /* for keyboard navigation, the position can't be obtained from the mouse */

package/lib/globals.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"globals.d.js","names":[],"sources":["../src/globals.d.ts"],"sourcesContent":["declare module '@coorpacademy/nova-icons';\ndeclare module '@coorpacademy/react-native-slider';\ndeclare module '@react-native-community/blur';\ndeclare module '@coorpacademy/translate';\ndeclare module 'react-native/*';\ndeclare module 'color';\ndeclare module 'classnames';\ndeclare module '*.css';\n"],"mappings":""}
+{"version":3,"file":"globals.d.js","names":[],"sources":["../src/globals.d.ts"],"sourcesContent":["declare module '@coorpacademy/nova-icons';\ndeclare module '@coorpacademy/react-native-slider';\ndeclare module '@react-native-community/blur';\ndeclare module '@coorpacademy/translate';\ndeclare module 'browser-env';\ndeclare module 'react-native/*';\ndeclare module 'color';\ndeclare module 'classnames';\ndeclare module '*.css';\n"],"mappings":""}

package/lib/molecule/battle-opponent-list/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { BattleOpponentListProps } from './prop-types';
+declare const BattleOpponentList: {
+    ({ opponents }: BattleOpponentListProps): JSX.Element;
+    propTypes: {
+        opponents: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            isAlreadyEngaged: import("prop-types").Requireable<boolean>;
+            isRandom: import("prop-types").Requireable<boolean>;
+            photo: import("prop-types").Requireable<string>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            displayName: import("prop-types").Requireable<string>;
+            tooltipText: import("prop-types").Requireable<string>;
+            user_id: import("prop-types").Requireable<string>;
+        }> | null | undefined)[]>;
+    };
+};
+export default BattleOpponentList;
+//# sourceMappingURL=index.d.ts.map

package/lib/molecule/battle-opponent-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/battle-opponent-list/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,uBAAuB,EAAC,MAAM,cAAc,CAAC;AAGhE,QAAA,MAAM,kBAAkB;oBAAiB,uBAAuB;;;;;;;;;;;;CAiB/D,CAAC;AAIF,eAAe,kBAAkB,CAAC"}

package/lib/molecule/battle-opponent-list/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/fp/get"));
+
+var _map = _interopRequireDefault(require("lodash/fp/map"));
+
+var _uuid = require("uuid");
+
+var _battleOpponent = _interopRequireDefault(require("../../atom/battle-opponent"));
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+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 BattleOpponentList = ({
+  opponents
+}) => {
+  const opponentList = (0, _react.useMemo)(() => (0, _map.default)(opponent => /*#__PURE__*/_react.default.createElement(_battleOpponent.default, _extends({}, opponent, {
+    key: (0, _uuid.v5)('battle-', _uuid.v5.URL),
+    userAvatarSrc: (0, _get.default)('photo', opponent)
+  })), opponents), [opponents]);
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: _style.default.opponentList
+  }, opponentList);
+};
+
+BattleOpponentList.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
+var _default = BattleOpponentList;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/battle-opponent-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["BattleOpponentList","opponents","opponentList","useMemo","map","opponent","uuidV5","URL","get","style","propTypes"],"sources":["../../../src/molecule/battle-opponent-list/index.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport get from 'lodash/fp/get';\nimport map from 'lodash/fp/map';\nimport {v5 as uuidV5} from 'uuid';\nimport BattleOpponent from '../../atom/battle-opponent';\nimport propTypes, {BattleOpponentListProps} from './prop-types';\nimport style from './style.css';\n\nconst BattleOpponentList = ({opponents}: BattleOpponentListProps) => {\n  const opponentList = useMemo(\n    () =>\n      map(\n        opponent => (\n          <BattleOpponent\n            {...opponent}\n            key={uuidV5('battle-', uuidV5.URL)}\n            userAvatarSrc={get('photo', opponent)}\n          />\n        ),\n        opponents\n      ),\n    [opponents]\n  );\n\n  return <ul className={style.opponentList}>{opponentList}</ul>;\n};\n\nBattleOpponentList.propTypes = propTypes;\n\nexport default BattleOpponentList;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,kBAAkB,GAAG,CAAC;EAACC;AAAD,CAAD,KAA0C;EACnE,MAAMC,YAAY,GAAG,IAAAC,cAAA,EACnB,MACE,IAAAC,YAAA,EACEC,QAAQ,iBACN,6BAAC,uBAAD,eACMA,QADN;IAEE,GAAG,EAAE,IAAAC,QAAA,EAAO,SAAP,EAAkBA,QAAA,CAAOC,GAAzB,CAFP;IAGE,aAAa,EAAE,IAAAC,YAAA,EAAI,OAAJ,EAAaH,QAAb;EAHjB,GAFJ,EAQEJ,SARF,CAFiB,EAYnB,CAACA,SAAD,CAZmB,CAArB;EAeA,oBAAO;IAAI,SAAS,EAAEQ,cAAA,CAAMP;EAArB,GAAoCA,YAApC,CAAP;AACD,CAjBD;;AAmBAF,kBAAkB,CAACU,SAAnB,2CAA+BA,kBAA/B;eAEeV,kB"}

package/lib/molecule/battle-opponent-list/prop-types.d.ts

@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types';
+declare const propTypes: {
+    opponents: PropTypes.Requireable<(PropTypes.InferProps<{
+        isAlreadyEngaged: PropTypes.Requireable<boolean>;
+        isRandom: PropTypes.Requireable<boolean>;
+        photo: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        displayName: PropTypes.Requireable<string>;
+        tooltipText: PropTypes.Requireable<string>;
+        user_id: PropTypes.Requireable<string>;
+    }> | null | undefined)[]>;
+};
+declare type MoocBattleOpponent = {
+    isAlreadyEngaged?: boolean;
+    isRandom?: boolean;
+    photo?: string;
+    onClick?: () => void;
+    displayName: string;
+    tooltipText: string;
+    user_id: string;
+};
+export declare type BattleOpponentListProps = {
+    opponents: MoocBattleOpponent[];
+};
+export default propTypes;
+//# sourceMappingURL=prop-types.d.ts.map

package/lib/molecule/battle-opponent-list/prop-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/battle-opponent-list/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;CAYd,CAAC;AAEF,aAAK,kBAAkB,GAAG;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IAAC,SAAS,EAAE,kBAAkB,EAAE,CAAA;CAAC,CAAC;AAExE,eAAe,SAAS,CAAC"}

package/lib/molecule/battle-opponent-list/prop-types.js

@@ -0,0 +1,23 @@
+"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 }; }
+
+const propTypes = {
+  opponents: _propTypes.default.arrayOf(_propTypes.default.shape({
+    isAlreadyEngaged: _propTypes.default.bool,
+    isRandom: _propTypes.default.bool,
+    photo: _propTypes.default.string,
+    onClick: _propTypes.default.func,
+    displayName: _propTypes.default.string,
+    tooltipText: _propTypes.default.string,
+    user_id: _propTypes.default.string
+  }))
+};
+var _default = propTypes;
+exports.default = _default;
+//# sourceMappingURL=prop-types.js.map

package/lib/molecule/battle-opponent-list/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.js","names":["propTypes","opponents","PropTypes","arrayOf","shape","isAlreadyEngaged","bool","isRandom","photo","string","onClick","func","displayName","tooltipText","user_id"],"sources":["../../../src/molecule/battle-opponent-list/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  opponents: PropTypes.arrayOf(\n    PropTypes.shape({\n      isAlreadyEngaged: PropTypes.bool,\n      isRandom: PropTypes.bool,\n      photo: PropTypes.string,\n      onClick: PropTypes.func,\n      displayName: PropTypes.string,\n      tooltipText: PropTypes.string,\n      user_id: PropTypes.string\n    })\n  )\n};\n\ntype MoocBattleOpponent = {\n  isAlreadyEngaged?: boolean;\n  isRandom?: boolean;\n  photo?: string;\n  onClick?: () => void;\n  displayName: string;\n  tooltipText: string;\n  user_id: string;\n};\n\nexport type BattleOpponentListProps = {opponents: MoocBattleOpponent[]};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,SAAS,EAAEC,kBAAA,CAAUC,OAAV,CACTD,kBAAA,CAAUE,KAAV,CAAgB;IACdC,gBAAgB,EAAEH,kBAAA,CAAUI,IADd;IAEdC,QAAQ,EAAEL,kBAAA,CAAUI,IAFN;IAGdE,KAAK,EAAEN,kBAAA,CAAUO,MAHH;IAIdC,OAAO,EAAER,kBAAA,CAAUS,IAJL;IAKdC,WAAW,EAAEV,kBAAA,CAAUO,MALT;IAMdI,WAAW,EAAEX,kBAAA,CAAUO,MANT;IAOdK,OAAO,EAAEZ,kBAAA,CAAUO;EAPL,CAAhB,CADS;AADK,CAAlB;eA0BeT,S"}

package/lib/molecule/battle-opponent-list/style.css

@@ -0,0 +1,5 @@
+.opponentList {
+  margin: 0;
+  padding: 0;
+  display: contents;
+}

package/lib/molecule/review-header-steps/index.js

@@ -7,7 +7,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _map = _interopRequireDefault(require("lodash/fp/map"));
 
-var _reviewHeaderStepItem = _interopRequireDefault(require("../../atom/review-header-step-item"));
+var _statusItem = _interopRequireDefault(require("../../atom/status-item"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
@@ -24,7 +24,7 @@ const ReviewHeaderSteps = props => {
 
   const items = _map.default.convert({
     cap: false
-  })((step, index) => /*#__PURE__*/_react.default.createElement(_reviewHeaderStepItem.default, _extends({}, step, {
+  })((step, index) => /*#__PURE__*/_react.default.createElement(_statusItem.default, _extends({}, step, {
     key: index
   })), steps);
 

package/lib/molecule/review-header-steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReviewHeaderSteps","props","steps","items","map","convert","cap","step","index","style","wrapper","propTypes"],"sources":["../../../src/molecule/review-header-steps/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport ReviewHeaderStepItem from '../../atom/review-header-step-item';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewHeaderSteps = props => {\n  const {steps} = props;\n\n  const items = map.convert({cap: false})(\n    (step, index) => <ReviewHeaderStepItem {...step} key={index} />,\n    steps\n  );\n\n  return (\n    <div className={style.wrapper} data-name=\"header-steps\">\n      {items}\n    </div>\n  );\n};\n\nReviewHeaderSteps.propTypes = propTypes;\n\nexport default ReviewHeaderSteps;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC;EAAD,IAAUD,KAAhB;;EAEA,MAAME,KAAK,GAAGC,YAAA,CAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EACZ,CAACC,IAAD,EAAOC,KAAP,kBAAiB,6BAAC,6BAAD,eAA0BD,IAA1B;IAAgC,GAAG,EAAEC;EAArC,GADL,EAEZN,KAFY,CAAd;;EAKA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMC,OAAtB;IAA+B,aAAU;EAAzC,GACGP,KADH,CADF;AAKD,CAbD;;AAeAH,iBAAiB,CAACW,SAAlB,2CAA8BA,kBAA9B;eAEeX,iB"}
+{"version":3,"file":"index.js","names":["ReviewHeaderSteps","props","steps","items","map","convert","cap","step","index","style","wrapper","propTypes"],"sources":["../../../src/molecule/review-header-steps/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport StatusItem from '../../atom/status-item';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewHeaderSteps = props => {\n  const {steps} = props;\n\n  const items = map.convert({cap: false})(\n    (step, index) => <StatusItem {...step} key={index} />,\n    steps\n  );\n\n  return (\n    <div className={style.wrapper} data-name=\"header-steps\">\n      {items}\n    </div>\n  );\n};\n\nReviewHeaderSteps.propTypes = propTypes;\n\nexport default ReviewHeaderSteps;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC;EAAD,IAAUD,KAAhB;;EAEA,MAAME,KAAK,GAAGC,YAAA,CAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EACZ,CAACC,IAAD,EAAOC,KAAP,kBAAiB,6BAAC,mBAAD,eAAgBD,IAAhB;IAAsB,GAAG,EAAEC;EAA3B,GADL,EAEZN,KAFY,CAAd;;EAKA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMC,OAAtB;IAA+B,aAAU;EAAzC,GACGP,KADH,CADF;AAKD,CAbD;;AAeAH,iBAAiB,CAACW,SAAlB,2CAA8BA,kBAA9B;eAEeX,iB"}

package/lib/molecule/review-header-steps/prop-types.d.ts

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { HeaderStepItemProps } from '../../atom/review-header-step-item/types';
+import { StatusItemProps } from '../../atom/status-item/types';
 declare const propTypes: {
     steps: PropTypes.Requireable<(PropTypes.InferProps<{
         current: PropTypes.Requireable<boolean>;
@@ -9,6 +9,6 @@ declare const propTypes: {
 };
 export default propTypes;
 export declare type ReviewHeaderStepsProps = {
-    steps: HeaderStepItemProps[];
+    steps: StatusItemProps[];
 };
 //# sourceMappingURL=prop-types.d.ts.map

package/lib/molecule/review-header-steps/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-header-steps/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAsC,EACpC,mBAAmB,EACpB,MAAM,0CAA0C,CAAC;AAElD,QAAA,MAAM,SAAS;;;;;;CAEd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-header-steps/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAsC,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE5F,QAAA,MAAM,SAAS;;;;;;CAEd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B,CAAC"}

package/lib/molecule/review-header-steps/prop-types.js

@@ -5,7 +5,7 @@ exports.default = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _types = _interopRequireDefault(require("../../atom/review-header-step-item/types"));
+var _types = _interopRequireDefault(require("../../atom/status-item/types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/molecule/review-header-steps/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["propTypes","steps","PropTypes","arrayOf","shape","ReviewHeaderStepItemPropTypes"],"sources":["../../../src/molecule/review-header-steps/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewHeaderStepItemPropTypes, {\n  HeaderStepItemProps\n} from '../../atom/review-header-step-item/types';\n\nconst propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItemPropTypes))\n};\n\nexport default propTypes;\n\nexport type ReviewHeaderStepsProps = {\n  steps: HeaderStepItemProps[];\n};\n"],"mappings":";;;;;AAAA;;AAEA;;;;AAIA,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,cAAhB,CAAlB;AADS,CAAlB;eAIeL,S"}
+{"version":3,"file":"prop-types.js","names":["propTypes","steps","PropTypes","arrayOf","shape","ReviewHeaderStepItemPropTypes"],"sources":["../../../src/molecule/review-header-steps/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewHeaderStepItemPropTypes, {StatusItemProps} from '../../atom/status-item/types';\n\nconst propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItemPropTypes))\n};\n\nexport default propTypes;\n\nexport type ReviewHeaderStepsProps = {\n  steps: StatusItemProps[];\n};\n"],"mappings":";;;;;AAAA;;AAEA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,cAAhB,CAAlB;AADS,CAAlB;eAIeL,S"}

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

@@ -9,7 +9,7 @@ var _reactNative = require("react-native");
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
-var _index = _interopRequireDefault(require("../../atom/review-header-step-item/index.native"));
+var _index = _interopRequireDefault(require("../../atom/status-item/index.native"));
 
 var _index2 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["style","StyleSheet","create","container","flexDirection","justifyContent","alignItems","alignContent","width","header","height","paddingTop","touchArea","position","right","borderRadius","padding","icon","ReviewHeader","props","steps","onQuitClick","map","step","value"],"sources":["../../../src/organism/review-header/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View, ViewStyle} from 'react-native';\nimport {NovaSolidStatusClose as CloseIcon} from '@coorpacademy/nova-icons';\nimport Step from '../../atom/review-header-step-item/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {HeaderProps} from './types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: ViewStyle;\n  touchArea: ViewStyle;\n  icon: ViewStyle;\n};\n\nconst style: StyleSheetType = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignContent: 'center',\n    width: '100%'\n  },\n  header: {\n    width: '80%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 70,\n    paddingTop: 8\n  },\n  touchArea: {\n    position: 'absolute',\n    right: 24,\n    borderRadius: 12,\n    paddingTop: 16,\n    padding: 8\n  },\n  icon: {\n    width: 12,\n    height: 12\n  }\n});\n\nconst ReviewHeader = (props: HeaderProps) => {\n  const {steps, onQuitClick} = props;\n\n  return (\n    <View style={style.container}>\n      <View style={style.header}>\n        {steps.map(step => (\n          <Step {...step} key={step.value} />\n        ))}\n      </View>\n      <Touchable\n        style={style.touchArea}\n        isHighlight\n        onPress={onQuitClick}\n        accessibilityLabel=\"open-popin-button\"\n        testID=\"open-popin-button\"\n      >\n        <CloseIcon style={style.icon} color=\"#06265B\" />\n      </Touchable>\n    </View>\n  );\n};\n\nexport default ReviewHeader;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAUA,MAAMA,KAAqB,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC9CC,SAAS,EAAE;IACTC,aAAa,EAAE,KADN;IAETC,cAAc,EAAE,QAFP;IAGTC,UAAU,EAAE,QAHH;IAITC,YAAY,EAAE,QAJL;IAKTC,KAAK,EAAE;EALE,CADmC;EAQ9CC,MAAM,EAAE;IACND,KAAK,EAAE,KADD;IAENJ,aAAa,EAAE,KAFT;IAGNE,UAAU,EAAE,QAHN;IAIND,cAAc,EAAE,QAJV;IAKNK,MAAM,EAAE,EALF;IAMNC,UAAU,EAAE;EANN,CARsC;EAgB9CC,SAAS,EAAE;IACTC,QAAQ,EAAE,UADD;IAETC,KAAK,EAAE,EAFE;IAGTC,YAAY,EAAE,EAHL;IAITJ,UAAU,EAAE,EAJH;IAKTK,OAAO,EAAE;EALA,CAhBmC;EAuB9CC,IAAI,EAAE;IACJT,KAAK,EAAE,EADH;IAEJE,MAAM,EAAE;EAFJ;AAvBwC,CAAlB,CAA9B;;AA6BA,MAAMQ,YAAY,GAAIC,KAAD,IAAwB;EAC3C,MAAM;IAACC,KAAD;IAAQC;EAAR,IAAuBF,KAA7B;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEnB,KAAK,CAACG;EAAnB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEH,KAAK,CAACS;EAAnB,GACGW,KAAK,CAACE,GAAN,CAAUC,IAAI,iBACb,6BAAC,cAAD,eAAUA,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACC;EAA1B,GADD,CADH,CADF,eAME,6BAAC,eAAD;IACE,KAAK,EAAExB,KAAK,CAACY,SADf;IAEE,WAAW,MAFb;IAGE,OAAO,EAAES,WAHX;IAIE,kBAAkB,EAAC,mBAJrB;IAKE,MAAM,EAAC;EALT,gBAOE,6BAAC,+BAAD;IAAW,KAAK,EAAErB,KAAK,CAACiB,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAPF,CANF,CADF;AAkBD,CArBD;;eAuBeC,Y"}
+{"version":3,"file":"index.native.js","names":["style","StyleSheet","create","container","flexDirection","justifyContent","alignItems","alignContent","width","header","height","paddingTop","touchArea","position","right","borderRadius","padding","icon","ReviewHeader","props","steps","onQuitClick","map","step","value"],"sources":["../../../src/organism/review-header/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View, ViewStyle} from 'react-native';\nimport {NovaSolidStatusClose as CloseIcon} from '@coorpacademy/nova-icons';\nimport Step from '../../atom/status-item/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {HeaderProps} from './types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: ViewStyle;\n  touchArea: ViewStyle;\n  icon: ViewStyle;\n};\n\nconst style: StyleSheetType = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignContent: 'center',\n    width: '100%'\n  },\n  header: {\n    width: '80%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 70,\n    paddingTop: 8\n  },\n  touchArea: {\n    position: 'absolute',\n    right: 24,\n    borderRadius: 12,\n    paddingTop: 16,\n    padding: 8\n  },\n  icon: {\n    width: 12,\n    height: 12\n  }\n});\n\nconst ReviewHeader = (props: HeaderProps) => {\n  const {steps, onQuitClick} = props;\n\n  return (\n    <View style={style.container}>\n      <View style={style.header}>\n        {steps.map(step => (\n          <Step {...step} key={step.value} />\n        ))}\n      </View>\n      <Touchable\n        style={style.touchArea}\n        isHighlight\n        onPress={onQuitClick}\n        accessibilityLabel=\"open-popin-button\"\n        testID=\"open-popin-button\"\n      >\n        <CloseIcon style={style.icon} color=\"#06265B\" />\n      </Touchable>\n    </View>\n  );\n};\n\nexport default ReviewHeader;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAUA,MAAMA,KAAqB,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC9CC,SAAS,EAAE;IACTC,aAAa,EAAE,KADN;IAETC,cAAc,EAAE,QAFP;IAGTC,UAAU,EAAE,QAHH;IAITC,YAAY,EAAE,QAJL;IAKTC,KAAK,EAAE;EALE,CADmC;EAQ9CC,MAAM,EAAE;IACND,KAAK,EAAE,KADD;IAENJ,aAAa,EAAE,KAFT;IAGNE,UAAU,EAAE,QAHN;IAIND,cAAc,EAAE,QAJV;IAKNK,MAAM,EAAE,EALF;IAMNC,UAAU,EAAE;EANN,CARsC;EAgB9CC,SAAS,EAAE;IACTC,QAAQ,EAAE,UADD;IAETC,KAAK,EAAE,EAFE;IAGTC,YAAY,EAAE,EAHL;IAITJ,UAAU,EAAE,EAJH;IAKTK,OAAO,EAAE;EALA,CAhBmC;EAuB9CC,IAAI,EAAE;IACJT,KAAK,EAAE,EADH;IAEJE,MAAM,EAAE;EAFJ;AAvBwC,CAAlB,CAA9B;;AA6BA,MAAMQ,YAAY,GAAIC,KAAD,IAAwB;EAC3C,MAAM;IAACC,KAAD;IAAQC;EAAR,IAAuBF,KAA7B;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEnB,KAAK,CAACG;EAAnB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEH,KAAK,CAACS;EAAnB,GACGW,KAAK,CAACE,GAAN,CAAUC,IAAI,iBACb,6BAAC,cAAD,eAAUA,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACC;EAA1B,GADD,CADH,CADF,eAME,6BAAC,eAAD;IACE,KAAK,EAAExB,KAAK,CAACY,SADf;IAEE,WAAW,MAFb;IAGE,OAAO,EAAES,WAHX;IAIE,kBAAkB,EAAC,mBAJrB;IAKE,MAAM,EAAC;EALT,gBAOE,6BAAC,+BAAD;IAAW,KAAK,EAAErB,KAAK,CAACiB,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAPF,CANF,CADF;AAkBD,CArBD;;eAuBeC,Y"}

package/lib/organism/review-header/types.d.ts

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { HeaderStepItemProps } from '../../atom/review-header-step-item/types';
+import { StatusItemProps } from '../../atom/status-item/types';
 declare const propTypes: {
     steps: PropTypes.Requireable<(PropTypes.InferProps<{
         current: PropTypes.Requireable<boolean>;
@@ -15,7 +15,7 @@ declare const propTypes: {
 };
 export default propTypes;
 export declare type HeaderProps = {
-    steps: HeaderStepItemProps[];
+    steps: StatusItemProps[];
     mode: string;
     skillName: string;
     'aria-label': string;

package/lib/organism/review-header/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,mBAAmB,EAAC,MAAM,0CAA0C,CAAC;AAE7E,QAAA,MAAM,SAAS;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,QAAA,MAAM,SAAS;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["propTypes","steps","ReviewHeaderStepsPropTypes","mode","PropTypes","string","isRequired","skillName","closeButtonAriaLabel","onQuitClick","func","hiddenSteps","bool"],"sources":["../../../src/organism/review-header/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewHeaderStepsPropTypes from '../../molecule/review-header-steps/prop-types';\nimport {HeaderStepItemProps} from '../../atom/review-header-step-item/types';\n\nconst propTypes = {\n  steps: ReviewHeaderStepsPropTypes.steps,\n  mode: PropTypes.string.isRequired,\n  skillName: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  closeButtonAriaLabel: PropTypes.string,\n  onQuitClick: PropTypes.func,\n  hiddenSteps: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type HeaderProps = {\n  steps: HeaderStepItemProps[];\n  mode: string;\n  skillName: string;\n  'aria-label': string;\n  closeButtonAriaLabel: string;\n  onQuitClick: () => void;\n  hiddenSteps: boolean;\n};\n"],"mappings":";;;;;AAAA;;AACA;;;;AAGA,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAEC,mBAAA,CAA2BD,KADlB;EAEhBE,IAAI,EAAEC,kBAAA,CAAUC,MAAV,CAAiBC,UAFP;EAGhBC,SAAS,EAAEH,kBAAA,CAAUC,MAAV,CAAiBC,UAHZ;EAIhB,cAAcF,kBAAA,CAAUC,MAJR;EAKhBG,oBAAoB,EAAEJ,kBAAA,CAAUC,MALhB;EAMhBI,WAAW,EAAEL,kBAAA,CAAUM,IANP;EAOhBC,WAAW,EAAEP,kBAAA,CAAUQ;AAPP,CAAlB;eAUeZ,S"}
+{"version":3,"file":"types.js","names":["propTypes","steps","ReviewHeaderStepsPropTypes","mode","PropTypes","string","isRequired","skillName","closeButtonAriaLabel","onQuitClick","func","hiddenSteps","bool"],"sources":["../../../src/organism/review-header/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewHeaderStepsPropTypes from '../../molecule/review-header-steps/prop-types';\nimport {StatusItemProps} from '../../atom/status-item/types';\n\nconst propTypes = {\n  steps: ReviewHeaderStepsPropTypes.steps,\n  mode: PropTypes.string.isRequired,\n  skillName: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  closeButtonAriaLabel: PropTypes.string,\n  onQuitClick: PropTypes.func,\n  hiddenSteps: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type HeaderProps = {\n  steps: StatusItemProps[];\n  mode: string;\n  skillName: string;\n  'aria-label': string;\n  closeButtonAriaLabel: string;\n  onQuitClick: () => void;\n  hiddenSteps: boolean;\n};\n"],"mappings":";;;;;AAAA;;AACA;;;;AAGA,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAEC,mBAAA,CAA2BD,KADlB;EAEhBE,IAAI,EAAEC,kBAAA,CAAUC,MAAV,CAAiBC,UAFP;EAGhBC,SAAS,EAAEH,kBAAA,CAAUC,MAAV,CAAiBC,UAHZ;EAIhB,cAAcF,kBAAA,CAAUC,MAJR;EAKhBG,oBAAoB,EAAEJ,kBAAA,CAAUC,MALhB;EAMhBI,WAAW,EAAEL,kBAAA,CAAUM,IANP;EAOhBC,WAAW,EAAEP,kBAAA,CAAUQ;AAPP,CAAlB;eAUeZ,S"}

package/lib/organism/user-preferences/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/user-preferences/index.js"],"names":[],"mappings":";AAwCA,0DAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/user-preferences/index.js"],"names":[],"mappings":";AA4CA,0DAeC"}

package/lib/organism/user-preferences/index.js

@@ -11,7 +11,7 @@ var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
 
 var _map = _interopRequireDefault(require("lodash/fp/map"));
 
-var _provider = require("../../atom/provider");
+var _provider = _interopRequireWildcard(require("../../atom/provider"));
 
 var _tooltip = _interopRequireDefault(require("../../atom/tooltip"));
 
@@ -21,14 +21,18 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 const _excluded = ["label", "description", "moreInfoAriaLabel"];
 
+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 }; }
 
 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); }
 
 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; }
 
-const Settings = props => {
-  const translate = (0, _provider.GetTranslateFromContext)();
+const Settings = (props, legacyContext) => {
+  const translate = (0, _provider.GetTranslateFromContext)(legacyContext);
 
   const {
     label,
@@ -56,6 +60,9 @@ Settings.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _input
   label: _propTypes.default.string.isRequired,
   description: _propTypes.default.string
 }) : {};
+Settings.contextTypes = {
+  translate: _provider.default.childContextTypes.translate
+};
 
 const UserPreferences = props => {
   const {

package/lib/organism/user-preferences/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Settings","props","translate","GetTranslateFromContext","label","description","moreInfoAriaLabel","settings","style","isEmpty","infoIconTooltip","propTypes","InputSwitch","PropTypes","string","isRequired","UserPreferences","preferences","groupAriaLabel","map","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport {GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip from '../../atom/tooltip';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = props => {\n  const translate = GetTranslateFromContext();\n  const {label, description, moreInfoAriaLabel, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...settings} />\n      <span className={style.label} tabIndex={0}>\n        {label}\n      </span>\n      {isEmpty(description) ? null : (\n        <ToolTip\n          TooltipContent={description}\n          closeToolTipInformationTextAriaLabel={translate(\n            'Press the escape key to close the information text'\n          )}\n          data-testid=\"user-preferences-tooltip\"\n          aria-label={moreInfoAriaLabel}\n          iconContainerClassName={style.infoIconTooltip}\n          fontSize={12}\n        />\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nconst UserPreferences = props => {\n  const {preferences, moreInfoAriaLabel, groupAriaLabel} = props;\n\n  return (\n    <form>\n      <div className={style.preferences} role=\"group\" aria-label={groupAriaLabel} tabIndex={0}>\n        {map(\n          settings => (\n            <Settings {...settings} key={settings.label} moreInfoAriaLabel={moreInfoAriaLabel} />\n          ),\n          preferences\n        )}\n      </div>\n    </form>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),\n  moreInfoAriaLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAMC,SAAS,GAAG,IAAAC,iCAAA,GAAlB;;EACA,MAAM;IAACC,KAAD;IAAQC,WAAR;IAAqBC;EAArB,IAAuDL,KAA7D;EAAA,MAAiDM,QAAjD,iCAA6DN,KAA7D;;EACA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMD;EAAtB,gBACE,6BAAC,oBAAD,EAAiBA,QAAjB,CADF,eAEE;IAAM,SAAS,EAAEC,cAAA,CAAMJ,KAAvB;IAA8B,QAAQ,EAAE;EAAxC,GACGA,KADH,CAFF,EAKG,IAAAK,gBAAA,EAAQJ,WAAR,IAAuB,IAAvB,gBACC,6BAAC,gBAAD;IACE,cAAc,EAAEA,WADlB;IAEE,oCAAoC,EAAEH,SAAS,CAC7C,oDAD6C,CAFjD;IAKE,eAAY,0BALd;IAME,cAAYI,iBANd;IAOE,sBAAsB,EAAEE,cAAA,CAAME,eAPhC;IAQE,QAAQ,EAAE;EARZ,EANJ,CADF;AAoBD,CAvBD;;AAyBAV,QAAQ,CAACW,SAAT,wDACKC,oBAAA,CAAYD,SADjB;EAEEP,KAAK,EAAES,kBAAA,CAAUC,MAAV,CAAiBC,UAF1B;EAGEV,WAAW,EAAEQ,kBAAA,CAAUC;AAHzB;;AAMA,MAAME,eAAe,GAAGf,KAAK,IAAI;EAC/B,MAAM;IAACgB,WAAD;IAAcX,iBAAd;IAAiCY;EAAjC,IAAmDjB,KAAzD;EAEA,oBACE,wDACE;IAAK,SAAS,EAAEO,cAAA,CAAMS,WAAtB;IAAmC,IAAI,EAAC,OAAxC;IAAgD,cAAYC,cAA5D;IAA4E,QAAQ,EAAE;EAAtF,GACG,IAAAC,YAAA,EACCZ,QAAQ,iBACN,6BAAC,QAAD,eAAcA,QAAd;IAAwB,GAAG,EAAEA,QAAQ,CAACH,KAAtC;IAA6C,iBAAiB,EAAEE;EAAhE,GAFH,EAICW,WAJD,CADH,CADF,CADF;AAYD,CAfD;;AAiBAD,eAAe,CAACL,SAAhB,2CAA4B;EAC1BM,WAAW,EAAEJ,kBAAA,CAAUO,OAAV,CAAkBP,kBAAA,CAAUQ,KAAV,CAAgBrB,QAAQ,CAACW,SAAzB,CAAlB,CADa;EAE1BL,iBAAiB,EAAEO,kBAAA,CAAUC,MAFH;EAG1BI,cAAc,EAAEL,kBAAA,CAAUC;AAHA,CAA5B;eAMeE,e"}
+{"version":3,"file":"index.js","names":["Settings","props","legacyContext","translate","GetTranslateFromContext","label","description","moreInfoAriaLabel","settings","style","isEmpty","infoIconTooltip","propTypes","InputSwitch","PropTypes","string","isRequired","contextTypes","Provider","childContextTypes","UserPreferences","preferences","groupAriaLabel","map","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip from '../../atom/tooltip';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = (props, legacyContext) => {\n  const translate = GetTranslateFromContext(legacyContext);\n  const {label, description, moreInfoAriaLabel, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...settings} />\n      <span className={style.label} tabIndex={0}>\n        {label}\n      </span>\n      {isEmpty(description) ? null : (\n        <ToolTip\n          TooltipContent={description}\n          closeToolTipInformationTextAriaLabel={translate(\n            'Press the escape key to close the information text'\n          )}\n          data-testid=\"user-preferences-tooltip\"\n          aria-label={moreInfoAriaLabel}\n          iconContainerClassName={style.infoIconTooltip}\n          fontSize={12}\n        />\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nSettings.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst UserPreferences = props => {\n  const {preferences, moreInfoAriaLabel, groupAriaLabel} = props;\n\n  return (\n    <form>\n      <div className={style.preferences} role=\"group\" aria-label={groupAriaLabel} tabIndex={0}>\n        {map(\n          settings => (\n            <Settings {...settings} key={settings.label} moreInfoAriaLabel={moreInfoAriaLabel} />\n          ),\n          preferences\n        )}\n      </div>\n    </form>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),\n  moreInfoAriaLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EACzC,MAAMC,SAAS,GAAG,IAAAC,iCAAA,EAAwBF,aAAxB,CAAlB;;EACA,MAAM;IAACG,KAAD;IAAQC,WAAR;IAAqBC;EAArB,IAAuDN,KAA7D;EAAA,MAAiDO,QAAjD,iCAA6DP,KAA7D;;EACA,oBACE;IAAK,SAAS,EAAEQ,cAAA,CAAMD;EAAtB,gBACE,6BAAC,oBAAD,EAAiBA,QAAjB,CADF,eAEE;IAAM,SAAS,EAAEC,cAAA,CAAMJ,KAAvB;IAA8B,QAAQ,EAAE;EAAxC,GACGA,KADH,CAFF,EAKG,IAAAK,gBAAA,EAAQJ,WAAR,IAAuB,IAAvB,gBACC,6BAAC,gBAAD;IACE,cAAc,EAAEA,WADlB;IAEE,oCAAoC,EAAEH,SAAS,CAC7C,oDAD6C,CAFjD;IAKE,eAAY,0BALd;IAME,cAAYI,iBANd;IAOE,sBAAsB,EAAEE,cAAA,CAAME,eAPhC;IAQE,QAAQ,EAAE;EARZ,EANJ,CADF;AAoBD,CAvBD;;AAyBAX,QAAQ,CAACY,SAAT,wDACKC,oBAAA,CAAYD,SADjB;EAEEP,KAAK,EAAES,kBAAA,CAAUC,MAAV,CAAiBC,UAF1B;EAGEV,WAAW,EAAEQ,kBAAA,CAAUC;AAHzB;AAMAf,QAAQ,CAACiB,YAAT,GAAwB;EACtBd,SAAS,EAAEe,iBAAA,CAASC,iBAAT,CAA2BhB;AADhB,CAAxB;;AAIA,MAAMiB,eAAe,GAAGnB,KAAK,IAAI;EAC/B,MAAM;IAACoB,WAAD;IAAcd,iBAAd;IAAiCe;EAAjC,IAAmDrB,KAAzD;EAEA,oBACE,wDACE;IAAK,SAAS,EAAEQ,cAAA,CAAMY,WAAtB;IAAmC,IAAI,EAAC,OAAxC;IAAgD,cAAYC,cAA5D;IAA4E,QAAQ,EAAE;EAAtF,GACG,IAAAC,YAAA,EACCf,QAAQ,iBACN,6BAAC,QAAD,eAAcA,QAAd;IAAwB,GAAG,EAAEA,QAAQ,CAACH,KAAtC;IAA6C,iBAAiB,EAAEE;EAAhE,GAFH,EAICc,WAJD,CADH,CADF,CADF;AAYD,CAfD;;AAiBAD,eAAe,CAACR,SAAhB,2CAA4B;EAC1BS,WAAW,EAAEP,kBAAA,CAAUU,OAAV,CAAkBV,kBAAA,CAAUW,KAAV,CAAgBzB,QAAQ,CAACY,SAAzB,CAAlB,CADa;EAE1BL,iBAAiB,EAAEO,kBAAA,CAAUC,MAFH;EAG1BO,cAAc,EAAER,kBAAA,CAAUC;AAHA,CAA5B;eAMeK,e"}

package/lib/variables/colors.css

@@ -51,6 +51,8 @@
 @value cm_negative_50: #ffe5e6;
 @value cm_green_50: #e8fcf8;
 @value cm_green_200: #16ac8c;
+@value cm_green_secondary_100: #D6F5E1;
+@value cm_green_secondary_200: #38CC6C;
 @value cm_orange_200: #FF7043;
 @value cm_orange_700: #FF4105;
 @value cm_pink_50: #ffefeb;

package/locales/bs/global.json

@@ -81,8 +81,6 @@
   "mandatory_fields": "* Obavezna polja",
   "something_went_wrong": "Oh Snap! Something went wrong.",
   "review_header_step_item": {
-    "aria_label": "Pitanje {{headerStepValue}}",
-    "current_question": "Pitanje {{headerStepValue}} je trenutno pitanje",
     "correct_question": "Pitanje {{headerStepValue}} je tačno",
     "incorrect_question": "Pitanje {{headerStepValue}} je netačno",
     "not_answered_question": "Pitanje {{headerStepValue}} još nije odgovoreno"

package/locales/cs/global.json

@@ -81,8 +81,6 @@
   "mandatory_fields": "*Mandatory fields",
   "something_went_wrong": "Oh Snap! Something went wrong.",
   "review_header_step_item": {
-    "aria_label": "Otázka {{headerStepValue}}",
-    "current_question": "Otázka {{headerStepValue}} je aktuální otázka",
     "correct_question": "Otázka {{headerStepValue}} je správná",
     "incorrect_question": "Otázka {{headerStepValue}} je nesprávná",
     "not_answered_question": "Otázka {{headerStepValue}} zatím není zodpovězena"

package/locales/de/global.json

@@ -81,8 +81,6 @@
   "mandatory_fields": "*Mandatory fields",
   "something_went_wrong": "Oh Snap! Something went wrong.",
   "review_header_step_item": {
-    "aria_label": "Frage {{headerStepValue}}",
-    "current_question": "Frage {{headerStepValue}} ist die aktuelle Frage",
     "correct_question": "Frage {{headerStepValue}} ist richtig",
     "incorrect_question": "Frage {{headerStepValue}} ist falsch",
     "not_answered_question": "Frage {{headerStepValue}} ist noch nicht beantwortet"