@coorpacademy/components 11.11.3-alpha.3 → 11.11.3

package/es/atom/battle-opponent/index.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { WebContextValues } from '../provider/web-context';
-import { BattleOpponentProps } from './prop-types';
-declare const BattleOpponent: {
-    ({ isAlreadyEngaged, isRandom, userAvatarSrc, onClick, displayName, tooltipText }: BattleOpponentProps, legacyContext: WebContextValues): JSX.Element;
-    propTypes: {
-        isAlreadyEngaged: import("prop-types").Requireable<boolean>;
-        isRandom: import("prop-types").Requireable<boolean>;
-        userAvatarSrc: 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>;
-    };
-    contextTypes: {
-        translate: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-};
-export default BattleOpponent;
-//# sourceMappingURL=index.d.ts.map

package/es/atom/battle-opponent/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/battle-opponent/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAkB,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAG5D,QAAA,MAAM,cAAc;uFAQf,mBAAmB,iBACP,gBAAgB;;;;;;;;;;;;CAsChC,CAAC;AAQF,eAAe,cAAc,CAAC"}

package/es/atom/battle-opponent/index.js

@@ -1,52 +0,0 @@
-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); }
-
-import React, { useMemo } from 'react';
-import classnames from 'classnames';
-import { NovaCompositionNavigationArrowRight as ArrowRight } from '@coorpacademy/nova-icons';
-import ToolTip from '../tooltip';
-import Provider, { GetTranslateFromContext } from '../provider';
-import propTypes from './prop-types';
-import style from './style.css';
-
-const BattleOpponent = ({
-  isAlreadyEngaged,
-  isRandom,
-  userAvatarSrc,
-  onClick,
-  displayName,
-  tooltipText
-}, legacyContext) => {
-  const translate = GetTranslateFromContext(legacyContext);
-  const wrapperClassnames = useMemo(() => classnames(style.card, style['opponent-card'], isRandom ? style.random : null), [isRandom]);
-  const displayNameClassnames = useMemo(() => classnames(style.name, isAlreadyEngaged ? style.alreadyEngaged : null), [isAlreadyEngaged]);
-  return /*#__PURE__*/React.createElement("li", _extends({}, !isAlreadyEngaged && {
-    onClick
-  }, {
-    className: wrapperClassnames,
-    "data-testid": "battle-opponent-wrapper"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: style.avatar
-  }, isRandom ? null : /*#__PURE__*/React.createElement("img", {
-    src: userAvatarSrc,
-    "aria-hidden": "true"
-  })), /*#__PURE__*/React.createElement("p", {
-    className: displayNameClassnames
-  }, " ", displayName), isAlreadyEngaged ? /*#__PURE__*/React.createElement(ToolTip, {
-    fontSize: 12,
-    iconSize: "big",
-    TooltipContent: tooltipText,
-    closeToolTipInformationTextAriaLabel: translate('Press the escape key to close the information text'),
-    iconContainerClassName: style.infoIconTooltip
-  }) : /*#__PURE__*/React.createElement(ArrowRight, {
-    className: style.rightArrow,
-    width: 16,
-    height: 16
-  }));
-};
-
-BattleOpponent.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
-BattleOpponent.contextTypes = {
-  translate: Provider.childContextTypes.translate
-};
-export default BattleOpponent;
-//# sourceMappingURL=index.js.map

package/es/atom/battle-opponent/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","useMemo","classnames","NovaCompositionNavigationArrowRight","ArrowRight","ToolTip","Provider","GetTranslateFromContext","propTypes","style","BattleOpponent","isAlreadyEngaged","isRandom","userAvatarSrc","onClick","displayName","tooltipText","legacyContext","translate","wrapperClassnames","card","random","displayNameClassnames","name","alreadyEngaged","avatar","infoIconTooltip","rightArrow","contextTypes","childContextTypes"],"sources":["../../../src/atom/battle-opponent/index.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport ToolTip from '../tooltip';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport propTypes, {BattleOpponentProps} from './prop-types';\nimport style from './style.css';\n\nconst BattleOpponent = (\n  {\n    isAlreadyEngaged,\n    isRandom,\n    userAvatarSrc,\n    onClick,\n    displayName,\n    tooltipText\n  }: BattleOpponentProps,\n  legacyContext: WebContextValues\n) => {\n  const translate: Required<WebContextValues>['translate'] = GetTranslateFromContext(legacyContext);\n  const wrapperClassnames = useMemo(\n    () => classnames(style.card, style['opponent-card'], isRandom ? style.random : null),\n    [isRandom]\n  );\n\n  const displayNameClassnames = useMemo(\n    () => classnames(style.name, isAlreadyEngaged ? style.alreadyEngaged : null),\n    [isAlreadyEngaged]\n  );\n\n  return (\n    <li\n      {...(!isAlreadyEngaged && {onClick})}\n      className={wrapperClassnames}\n      data-testid=\"battle-opponent-wrapper\"\n    >\n      <div className={style.avatar}>\n        {isRandom ? null : <img src={userAvatarSrc} aria-hidden=\"true\" />}\n      </div>\n      <p className={displayNameClassnames}> {displayName}</p>\n      {isAlreadyEngaged ? (\n        <ToolTip\n          fontSize={12}\n          iconSize=\"big\"\n          TooltipContent={tooltipText}\n          closeToolTipInformationTextAriaLabel={translate(\n            'Press the escape key to close the information text'\n          )}\n          iconContainerClassName={style.infoIconTooltip}\n        />\n      ) : (\n        <ArrowRight className={style.rightArrow} width={16} height={16} />\n      )}\n    </li>\n  );\n};\n\nBattleOpponent.propTypes = propTypes;\n\nBattleOpponent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default BattleOpponent;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,mCAAmC,IAAIC,UAA/C,QAAgE,0BAAhE;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,QAAP,IAAkBC,uBAAlB,QAAgD,aAAhD;AAEA,OAAOC,SAAP,MAA6C,cAA7C;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAG,CACrB;EACEC,gBADF;EAEEC,QAFF;EAGEC,aAHF;EAIEC,OAJF;EAKEC,WALF;EAMEC;AANF,CADqB,EASrBC,aATqB,KAUlB;EACH,MAAMC,SAAkD,GAAGX,uBAAuB,CAACU,aAAD,CAAlF;EACA,MAAME,iBAAiB,GAAGlB,OAAO,CAC/B,MAAMC,UAAU,CAACO,KAAK,CAACW,IAAP,EAAaX,KAAK,CAAC,eAAD,CAAlB,EAAqCG,QAAQ,GAAGH,KAAK,CAACY,MAAT,GAAkB,IAA/D,CADe,EAE/B,CAACT,QAAD,CAF+B,CAAjC;EAKA,MAAMU,qBAAqB,GAAGrB,OAAO,CACnC,MAAMC,UAAU,CAACO,KAAK,CAACc,IAAP,EAAaZ,gBAAgB,GAAGF,KAAK,CAACe,cAAT,GAA0B,IAAvD,CADmB,EAEnC,CAACb,gBAAD,CAFmC,CAArC;EAKA,oBACE,uCACO,CAACA,gBAAD,IAAqB;IAACG;EAAD,CAD5B;IAEE,SAAS,EAAEK,iBAFb;IAGE,eAAY;EAHd,iBAKE;IAAK,SAAS,EAAEV,KAAK,CAACgB;EAAtB,GACGb,QAAQ,GAAG,IAAH,gBAAU;IAAK,GAAG,EAAEC,aAAV;IAAyB,eAAY;EAArC,EADrB,CALF,eAQE;IAAG,SAAS,EAAES;EAAd,QAAuCP,WAAvC,CARF,EASGJ,gBAAgB,gBACf,oBAAC,OAAD;IACE,QAAQ,EAAE,EADZ;IAEE,QAAQ,EAAC,KAFX;IAGE,cAAc,EAAEK,WAHlB;IAIE,oCAAoC,EAAEE,SAAS,CAC7C,oDAD6C,CAJjD;IAOE,sBAAsB,EAAET,KAAK,CAACiB;EAPhC,EADe,gBAWf,oBAAC,UAAD;IAAY,SAAS,EAAEjB,KAAK,CAACkB,UAA7B;IAAyC,KAAK,EAAE,EAAhD;IAAoD,MAAM,EAAE;EAA5D,EApBJ,CADF;AAyBD,CA/CD;;AAiDAjB,cAAc,CAACF,SAAf,2CAA2BA,SAA3B;AAEAE,cAAc,CAACkB,YAAf,GAA8B;EAC5BV,SAAS,EAAEZ,QAAQ,CAACuB,iBAAT,CAA2BX;AADV,CAA9B;AAIA,eAAeR,cAAf"}

package/es/atom/battle-opponent/prop-types.d.ts

@@ -1,19 +0,0 @@
-import PropTypes from 'prop-types';
-declare const propTypes: {
-    isAlreadyEngaged: PropTypes.Requireable<boolean>;
-    isRandom: PropTypes.Requireable<boolean>;
-    userAvatarSrc: PropTypes.Requireable<string>;
-    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    displayName: PropTypes.Requireable<string>;
-    tooltipText: PropTypes.Requireable<string>;
-};
-export declare type BattleOpponentProps = {
-    isAlreadyEngaged?: boolean;
-    isRandom?: boolean;
-    userAvatarSrc?: string;
-    onClick?: () => void;
-    displayName: string;
-    tooltipText?: string;
-};
-export default propTypes;
-//# sourceMappingURL=prop-types.d.ts.map

package/es/atom/battle-opponent/prop-types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/battle-opponent/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;CAOd,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/atom/battle-opponent/prop-types.js

@@ -1,11 +0,0 @@
-import PropTypes from 'prop-types';
-const propTypes = {
-  isAlreadyEngaged: PropTypes.bool,
-  isRandom: PropTypes.bool,
-  userAvatarSrc: PropTypes.string,
-  onClick: PropTypes.func,
-  displayName: PropTypes.string,
-  tooltipText: PropTypes.string
-};
-export default propTypes;
-//# sourceMappingURL=prop-types.js.map

package/es/atom/battle-opponent/prop-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","isAlreadyEngaged","bool","isRandom","userAvatarSrc","string","onClick","func","displayName","tooltipText"],"sources":["../../../src/atom/battle-opponent/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  isAlreadyEngaged: PropTypes.bool,\n  isRandom: PropTypes.bool,\n  userAvatarSrc: PropTypes.string,\n  onClick: PropTypes.func,\n  displayName: PropTypes.string,\n  tooltipText: PropTypes.string\n};\n\nexport type BattleOpponentProps = {\n  isAlreadyEngaged?: boolean;\n  isRandom?: boolean;\n  userAvatarSrc?: string;\n  onClick?: () => void;\n  displayName: string;\n  tooltipText?: string;\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,gBAAgB,EAAEF,SAAS,CAACG,IADZ;EAEhBC,QAAQ,EAAEJ,SAAS,CAACG,IAFJ;EAGhBE,aAAa,EAAEL,SAAS,CAACM,MAHT;EAIhBC,OAAO,EAAEP,SAAS,CAACQ,IAJH;EAKhBC,WAAW,EAAET,SAAS,CAACM,MALP;EAMhBI,WAAW,EAAEV,SAAS,CAACM;AANP,CAAlB;AAkBA,eAAeL,SAAf"}

package/es/atom/battle-opponent/style.css

@@ -1,124 +0,0 @@
-@value breakpoints: "../../variables/breakpoints.css";
-@value mobile from breakpoints;
-@value colors: "../../variables/colors.css";
-@value white from colors;
-@value dark from colors;
-@value black from colors;
-@value cm_grey_75 from colors;
-@value medium from colors;
-@value light from colors;
-@value brand from colors;
-
-.rightArrow {
-  position: flex;
-  padding: 9px;
-  cursor: pointer;
-  opacity: 1;
-  user-select: none;
-  text-align: right;
-  color: dark;
-}
-
-.card {
-  margin: 5px;
-}
-
-.opponent-card {
-  flex: 1 1 350px;
-  height: 80px;
-  background-color: white;
-  box-shadow: 0 0 4px 1px rgba(0,0,0,0.10);
-  border-radius: 3px;
-  padding: 20px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-}
-
-.opponent-card .name {
-  font-family: 'Gilroy';
-  font-size: 15px;
-  font-weight: 700;
-  color: black;
-  flex-grow: 1;
-}
-
-
-.opponent-card .rightArrow {
-  margin-left: 20px;
-}
-
-.avatar {
-  width: 50px;
-  height: 50px;
-  border-radius: 50%;
-  overflow: hidden;
-  background-color: light;
-  margin-right: 20px;
-  flex-shrink: 0;
-}
-
-.avatar img {
-  width: 100%;
-  height: auto;
-}
-
-
-.random {
-  color: medium;
-}
-
-.alreadyEngaged.name,
-.random .name {
-  color: medium;
-}
-
-.random .avatar {
-  background-color: brand;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.random .avatar:before {
-  content: '?';
-  font-family: 'Gilroy';
-  font-size: 32px;
-  font-weight: 600;
-  color: white;
-  text-align: center;
-}
-
-.random .avatar img {
-  display: none;
-}
-
-.opponent-card:hover {
-  background-color: cm_grey_75;
-}
-
-.card .infoIconTooltip {
-  background: transparent;
-}
-
-@media mobile {
-  .opponent-card {
-    width: 100%;
-    padding: 10px;
-  }
-
-  .opponent-card .avatar {
-    margin-right: 10px;
-  }
-
-  .opponent-card .rightArrow {
-    margin-left: 10px;
-  }
-
-  .card {
-    margin: 0 0 10px;
-  }
-}
-

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

@@ -1,18 +0,0 @@
-/// <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/es/molecule/battle-opponent-list/index.d.ts.map

@@ -1 +0,0 @@
-{"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/es/molecule/battle-opponent-list/index.js

@@ -1,25 +0,0 @@
-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); }
-
-import React, { useMemo } from 'react';
-import get from 'lodash/fp/get';
-import map from 'lodash/fp/map';
-import { v5 as uuidV5 } from 'uuid';
-import BattleOpponent from '../../atom/battle-opponent';
-import propTypes from './prop-types';
-import style from './style.css';
-
-const BattleOpponentList = ({
-  opponents
-}) => {
-  const opponentList = useMemo(() => map(opponent => /*#__PURE__*/React.createElement(BattleOpponent, _extends({}, opponent, {
-    key: uuidV5('battle-', uuidV5.URL),
-    userAvatarSrc: get('photo', opponent)
-  })), opponents), [opponents]);
-  return /*#__PURE__*/React.createElement("ul", {
-    className: style.opponentList
-  }, opponentList);
-};
-
-BattleOpponentList.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
-export default BattleOpponentList;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","useMemo","get","map","v5","uuidV5","BattleOpponent","propTypes","style","BattleOpponentList","opponents","opponentList","opponent","URL"],"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,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,SAAQC,EAAE,IAAIC,MAAd,QAA2B,MAA3B;AACA,OAAOC,cAAP,MAA2B,4BAA3B;AACA,OAAOC,SAAP,MAAiD,cAAjD;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,kBAAkB,GAAG,CAAC;EAACC;AAAD,CAAD,KAA0C;EACnE,MAAMC,YAAY,GAAGV,OAAO,CAC1B,MACEE,GAAG,CACDS,QAAQ,iBACN,oBAAC,cAAD,eACMA,QADN;IAEE,GAAG,EAAEP,MAAM,CAAC,SAAD,EAAYA,MAAM,CAACQ,GAAnB,CAFb;IAGE,aAAa,EAAEX,GAAG,CAAC,OAAD,EAAUU,QAAV;EAHpB,GAFD,EAQDF,SARC,CAFqB,EAY1B,CAACA,SAAD,CAZ0B,CAA5B;EAeA,oBAAO;IAAI,SAAS,EAAEF,KAAK,CAACG;EAArB,GAAoCA,YAApC,CAAP;AACD,CAjBD;;AAmBAF,kBAAkB,CAACF,SAAnB,2CAA+BA,SAA/B;AAEA,eAAeE,kBAAf"}

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

@@ -1,26 +0,0 @@
-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/es/molecule/battle-opponent-list/prop-types.d.ts.map

@@ -1 +0,0 @@
-{"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/es/molecule/battle-opponent-list/prop-types.js

@@ -1,14 +0,0 @@
-import PropTypes from 'prop-types';
-const propTypes = {
-  opponents: PropTypes.arrayOf(PropTypes.shape({
-    isAlreadyEngaged: PropTypes.bool,
-    isRandom: PropTypes.bool,
-    photo: PropTypes.string,
-    onClick: PropTypes.func,
-    displayName: PropTypes.string,
-    tooltipText: PropTypes.string,
-    user_id: PropTypes.string
-  }))
-};
-export default propTypes;
-//# sourceMappingURL=prop-types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","opponents","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,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,SAAS,EAAEF,SAAS,CAACG,OAAV,CACTH,SAAS,CAACI,KAAV,CAAgB;IACdC,gBAAgB,EAAEL,SAAS,CAACM,IADd;IAEdC,QAAQ,EAAEP,SAAS,CAACM,IAFN;IAGdE,KAAK,EAAER,SAAS,CAACS,MAHH;IAIdC,OAAO,EAAEV,SAAS,CAACW,IAJL;IAKdC,WAAW,EAAEZ,SAAS,CAACS,MALT;IAMdI,WAAW,EAAEb,SAAS,CAACS,MANT;IAOdK,OAAO,EAAEd,SAAS,CAACS;EAPL,CAAhB,CADS;AADK,CAAlB;AA0BA,eAAeR,SAAf"}

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

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

package/lib/atom/battle-opponent/index.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { WebContextValues } from '../provider/web-context';
-import { BattleOpponentProps } from './prop-types';
-declare const BattleOpponent: {
-    ({ isAlreadyEngaged, isRandom, userAvatarSrc, onClick, displayName, tooltipText }: BattleOpponentProps, legacyContext: WebContextValues): JSX.Element;
-    propTypes: {
-        isAlreadyEngaged: import("prop-types").Requireable<boolean>;
-        isRandom: import("prop-types").Requireable<boolean>;
-        userAvatarSrc: 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>;
-    };
-    contextTypes: {
-        translate: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-};
-export default BattleOpponent;
-//# sourceMappingURL=index.d.ts.map

package/lib/atom/battle-opponent/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/battle-opponent/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAkB,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAG5D,QAAA,MAAM,cAAc;uFAQf,mBAAmB,iBACP,gBAAgB;;;;;;;;;;;;CAsChC,CAAC;AAQF,eAAe,cAAc,CAAC"}

package/lib/atom/battle-opponent/index.js

@@ -1,70 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _novaIcons = require("@coorpacademy/nova-icons");
-
-var _tooltip = _interopRequireDefault(require("../tooltip"));
-
-var _provider = _interopRequireWildcard(require("../provider"));
-
-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 BattleOpponent = ({
-  isAlreadyEngaged,
-  isRandom,
-  userAvatarSrc,
-  onClick,
-  displayName,
-  tooltipText
-}, legacyContext) => {
-  const translate = (0, _provider.GetTranslateFromContext)(legacyContext);
-  const wrapperClassnames = (0, _react.useMemo)(() => (0, _classnames.default)(_style.default.card, _style.default['opponent-card'], isRandom ? _style.default.random : null), [isRandom]);
-  const displayNameClassnames = (0, _react.useMemo)(() => (0, _classnames.default)(_style.default.name, isAlreadyEngaged ? _style.default.alreadyEngaged : null), [isAlreadyEngaged]);
-  return /*#__PURE__*/_react.default.createElement("li", _extends({}, !isAlreadyEngaged && {
-    onClick
-  }, {
-    className: wrapperClassnames,
-    "data-testid": "battle-opponent-wrapper"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.avatar
-  }, isRandom ? null : /*#__PURE__*/_react.default.createElement("img", {
-    src: userAvatarSrc,
-    "aria-hidden": "true"
-  })), /*#__PURE__*/_react.default.createElement("p", {
-    className: displayNameClassnames
-  }, " ", displayName), isAlreadyEngaged ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    fontSize: 12,
-    iconSize: "big",
-    TooltipContent: tooltipText,
-    closeToolTipInformationTextAriaLabel: translate('Press the escape key to close the information text'),
-    iconContainerClassName: _style.default.infoIconTooltip
-  }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
-    className: _style.default.rightArrow,
-    width: 16,
-    height: 16
-  }));
-};
-
-BattleOpponent.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
-BattleOpponent.contextTypes = {
-  translate: _provider.default.childContextTypes.translate
-};
-var _default = BattleOpponent;
-exports.default = _default;
-//# sourceMappingURL=index.js.map

package/lib/atom/battle-opponent/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["BattleOpponent","isAlreadyEngaged","isRandom","userAvatarSrc","onClick","displayName","tooltipText","legacyContext","translate","GetTranslateFromContext","wrapperClassnames","useMemo","classnames","style","card","random","displayNameClassnames","name","alreadyEngaged","avatar","infoIconTooltip","rightArrow","propTypes","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/battle-opponent/index.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport ToolTip from '../tooltip';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport propTypes, {BattleOpponentProps} from './prop-types';\nimport style from './style.css';\n\nconst BattleOpponent = (\n  {\n    isAlreadyEngaged,\n    isRandom,\n    userAvatarSrc,\n    onClick,\n    displayName,\n    tooltipText\n  }: BattleOpponentProps,\n  legacyContext: WebContextValues\n) => {\n  const translate: Required<WebContextValues>['translate'] = GetTranslateFromContext(legacyContext);\n  const wrapperClassnames = useMemo(\n    () => classnames(style.card, style['opponent-card'], isRandom ? style.random : null),\n    [isRandom]\n  );\n\n  const displayNameClassnames = useMemo(\n    () => classnames(style.name, isAlreadyEngaged ? style.alreadyEngaged : null),\n    [isAlreadyEngaged]\n  );\n\n  return (\n    <li\n      {...(!isAlreadyEngaged && {onClick})}\n      className={wrapperClassnames}\n      data-testid=\"battle-opponent-wrapper\"\n    >\n      <div className={style.avatar}>\n        {isRandom ? null : <img src={userAvatarSrc} aria-hidden=\"true\" />}\n      </div>\n      <p className={displayNameClassnames}> {displayName}</p>\n      {isAlreadyEngaged ? (\n        <ToolTip\n          fontSize={12}\n          iconSize=\"big\"\n          TooltipContent={tooltipText}\n          closeToolTipInformationTextAriaLabel={translate(\n            'Press the escape key to close the information text'\n          )}\n          iconContainerClassName={style.infoIconTooltip}\n        />\n      ) : (\n        <ArrowRight className={style.rightArrow} width={16} height={16} />\n      )}\n    </li>\n  );\n};\n\nBattleOpponent.propTypes = propTypes;\n\nBattleOpponent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default BattleOpponent;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,cAAc,GAAG,CACrB;EACEC,gBADF;EAEEC,QAFF;EAGEC,aAHF;EAIEC,OAJF;EAKEC,WALF;EAMEC;AANF,CADqB,EASrBC,aATqB,KAUlB;EACH,MAAMC,SAAkD,GAAG,IAAAC,iCAAA,EAAwBF,aAAxB,CAA3D;EACA,MAAMG,iBAAiB,GAAG,IAAAC,cAAA,EACxB,MAAM,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,IAAjB,EAAuBD,cAAA,CAAM,eAAN,CAAvB,EAA+CX,QAAQ,GAAGW,cAAA,CAAME,MAAT,GAAkB,IAAzE,CADkB,EAExB,CAACb,QAAD,CAFwB,CAA1B;EAKA,MAAMc,qBAAqB,GAAG,IAAAL,cAAA,EAC5B,MAAM,IAAAC,mBAAA,EAAWC,cAAA,CAAMI,IAAjB,EAAuBhB,gBAAgB,GAAGY,cAAA,CAAMK,cAAT,GAA0B,IAAjE,CADsB,EAE5B,CAACjB,gBAAD,CAF4B,CAA9B;EAKA,oBACE,gDACO,CAACA,gBAAD,IAAqB;IAACG;EAAD,CAD5B;IAEE,SAAS,EAAEM,iBAFb;IAGE,eAAY;EAHd,iBAKE;IAAK,SAAS,EAAEG,cAAA,CAAMM;EAAtB,GACGjB,QAAQ,GAAG,IAAH,gBAAU;IAAK,GAAG,EAAEC,aAAV;IAAyB,eAAY;EAArC,EADrB,CALF,eAQE;IAAG,SAAS,EAAEa;EAAd,QAAuCX,WAAvC,CARF,EASGJ,gBAAgB,gBACf,6BAAC,gBAAD;IACE,QAAQ,EAAE,EADZ;IAEE,QAAQ,EAAC,KAFX;IAGE,cAAc,EAAEK,WAHlB;IAIE,oCAAoC,EAAEE,SAAS,CAC7C,oDAD6C,CAJjD;IAOE,sBAAsB,EAAEK,cAAA,CAAMO;EAPhC,EADe,gBAWf,6BAAC,8CAAD;IAAY,SAAS,EAAEP,cAAA,CAAMQ,UAA7B;IAAyC,KAAK,EAAE,EAAhD;IAAoD,MAAM,EAAE;EAA5D,EApBJ,CADF;AAyBD,CA/CD;;AAiDArB,cAAc,CAACsB,SAAf,2CAA2BA,kBAA3B;AAEAtB,cAAc,CAACuB,YAAf,GAA8B;EAC5Bf,SAAS,EAAEgB,iBAAA,CAASC,iBAAT,CAA2BjB;AADV,CAA9B;eAIeR,c"}

package/lib/atom/battle-opponent/prop-types.d.ts

@@ -1,19 +0,0 @@
-import PropTypes from 'prop-types';
-declare const propTypes: {
-    isAlreadyEngaged: PropTypes.Requireable<boolean>;
-    isRandom: PropTypes.Requireable<boolean>;
-    userAvatarSrc: PropTypes.Requireable<string>;
-    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    displayName: PropTypes.Requireable<string>;
-    tooltipText: PropTypes.Requireable<string>;
-};
-export declare type BattleOpponentProps = {
-    isAlreadyEngaged?: boolean;
-    isRandom?: boolean;
-    userAvatarSrc?: string;
-    onClick?: () => void;
-    displayName: string;
-    tooltipText?: string;
-};
-export default propTypes;
-//# sourceMappingURL=prop-types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/battle-opponent/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;CAOd,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/atom/battle-opponent/prop-types.js

@@ -1,20 +0,0 @@
-"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 = {
-  isAlreadyEngaged: _propTypes.default.bool,
-  isRandom: _propTypes.default.bool,
-  userAvatarSrc: _propTypes.default.string,
-  onClick: _propTypes.default.func,
-  displayName: _propTypes.default.string,
-  tooltipText: _propTypes.default.string
-};
-var _default = propTypes;
-exports.default = _default;
-//# sourceMappingURL=prop-types.js.map

package/lib/atom/battle-opponent/prop-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prop-types.js","names":["propTypes","isAlreadyEngaged","PropTypes","bool","isRandom","userAvatarSrc","string","onClick","func","displayName","tooltipText"],"sources":["../../../src/atom/battle-opponent/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  isAlreadyEngaged: PropTypes.bool,\n  isRandom: PropTypes.bool,\n  userAvatarSrc: PropTypes.string,\n  onClick: PropTypes.func,\n  displayName: PropTypes.string,\n  tooltipText: PropTypes.string\n};\n\nexport type BattleOpponentProps = {\n  isAlreadyEngaged?: boolean;\n  isRandom?: boolean;\n  userAvatarSrc?: string;\n  onClick?: () => void;\n  displayName: string;\n  tooltipText?: string;\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,gBAAgB,EAAEC,kBAAA,CAAUC,IADZ;EAEhBC,QAAQ,EAAEF,kBAAA,CAAUC,IAFJ;EAGhBE,aAAa,EAAEH,kBAAA,CAAUI,MAHT;EAIhBC,OAAO,EAAEL,kBAAA,CAAUM,IAJH;EAKhBC,WAAW,EAAEP,kBAAA,CAAUI,MALP;EAMhBI,WAAW,EAAER,kBAAA,CAAUI;AANP,CAAlB;eAkBeN,S"}

package/lib/atom/battle-opponent/style.css

@@ -1,124 +0,0 @@
-@value breakpoints: "../../variables/breakpoints.css";
-@value mobile from breakpoints;
-@value colors: "../../variables/colors.css";
-@value white from colors;
-@value dark from colors;
-@value black from colors;
-@value cm_grey_75 from colors;
-@value medium from colors;
-@value light from colors;
-@value brand from colors;
-
-.rightArrow {
-  position: flex;
-  padding: 9px;
-  cursor: pointer;
-  opacity: 1;
-  user-select: none;
-  text-align: right;
-  color: dark;
-}
-
-.card {
-  margin: 5px;
-}
-
-.opponent-card {
-  flex: 1 1 350px;
-  height: 80px;
-  background-color: white;
-  box-shadow: 0 0 4px 1px rgba(0,0,0,0.10);
-  border-radius: 3px;
-  padding: 20px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-}
-
-.opponent-card .name {
-  font-family: 'Gilroy';
-  font-size: 15px;
-  font-weight: 700;
-  color: black;
-  flex-grow: 1;
-}
-
-
-.opponent-card .rightArrow {
-  margin-left: 20px;
-}
-
-.avatar {
-  width: 50px;
-  height: 50px;
-  border-radius: 50%;
-  overflow: hidden;
-  background-color: light;
-  margin-right: 20px;
-  flex-shrink: 0;
-}
-
-.avatar img {
-  width: 100%;
-  height: auto;
-}
-
-
-.random {
-  color: medium;
-}
-
-.alreadyEngaged.name,
-.random .name {
-  color: medium;
-}
-
-.random .avatar {
-  background-color: brand;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.random .avatar:before {
-  content: '?';
-  font-family: 'Gilroy';
-  font-size: 32px;
-  font-weight: 600;
-  color: white;
-  text-align: center;
-}
-
-.random .avatar img {
-  display: none;
-}
-
-.opponent-card:hover {
-  background-color: cm_grey_75;
-}
-
-.card .infoIconTooltip {
-  background: transparent;
-}
-
-@media mobile {
-  .opponent-card {
-    width: 100%;
-    padding: 10px;
-  }
-
-  .opponent-card .avatar {
-    margin-right: 10px;
-  }
-
-  .opponent-card .rightArrow {
-    margin-left: 10px;
-  }
-
-  .card {
-    margin: 0 0 10px;
-  }
-}
-