@coorpacademy/components 10.13.10 → 10.13.13

package/lib/molecule/skill-card/style.css

@@ -0,0 +1,60 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_400 from colors;
+@value white from colors;
+@value box_shadow_light_dark from colors;
+@value box_shadow_medium_dark from colors;
+
+.textBase {
+  font-family: "Gilroy";
+  font-style: normal;
+}
+
+.skillCardWrapper {
+  display: flex;
+  flex-direction: column;
+  max-width: 353px;
+  min-width: 245px;
+  height: 242px;
+  box-shadow: 0px 4px 16px box_shadow_light_dark;
+  transition: box-shadow 0.15s ease-in-out;
+  border-radius: 8px 8px 12px 12px;
+}
+
+.skillCardWrapper:hover {
+  box-shadow: 0px 4px 48px box_shadow_medium_dark;
+}
+
+.skillTitle {
+  composes: textBase;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 28px;
+  display: flex;
+  align-items: center;
+  height: 112px;
+  border-radius: 8px 8px 0px 0px;
+  color: white;
+  padding: 0px 24px;
+  user-select: none;
+}
+
+.questionReviseIcon {
+  padding-right : 8px;
+}
+
+.questionReviseText {
+  composes: textBase;
+  display: flex;
+  align-items : center;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  color: cm_grey_400;
+  padding: 16px 24px 24px;
+  user-select: none;
+
+}
+
+.buttonWrapper {
+  padding: 0px 24px;
+}

package/lib/molecule/skill-card/test/fixtures/custom-skill.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _default2 = require("./default");
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = {
+  props: _extends(_extends({}, _default2.defaultProps), {}, {
+    skillTitle: 'This is a custom skill',
+    isCustom: true
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=custom-skill.js.map

package/lib/molecule/skill-card/test/fixtures/custom-skill.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/skill-card/test/fixtures/custom-skill.js"],"names":["props","defaultProps","skillTitle","isCustom"],"mappings":";;;;;AAAA;;;;eAEe;AACbA,EAAAA,KAAK,wBAAMC,sBAAN;AAAoBC,IAAAA,UAAU,EAAE,wBAAhC;AAA0DC,IAAAA,QAAQ,EAAE;AAApE;AADQ,C","sourcesContent":["import {defaultProps} from './default';\n\nexport default {\n  props: {...defaultProps, skillTitle: 'This is a custom skill', isCustom: true}\n};\n"],"file":"custom-skill.js"}

package/lib/molecule/skill-card/test/fixtures/default.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.defaultProps = void 0;
+const defaultProps = {
+  'aria-label': 'Skill Card',
+  skillTitle: 'Critical thinking and analysis',
+  skillAriaLabel: 'Skill aria label',
+  buttonLabel: 'Revise this skill',
+  buttonAriaLabel: 'Button aria label',
+  reviseLabel: '75 questions to revise',
+  reviseAriaLabel: 'revise aria label',
+  isCustom: undefined,
+  onClick: () => console.log('revise')
+};
+exports.defaultProps = defaultProps;
+var _default = {
+  props: defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/molecule/skill-card/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/skill-card/test/fixtures/default.js"],"names":["defaultProps","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","undefined","onClick","console","log","props"],"mappings":";;;;AAAO,MAAMA,YAAY,GAAG;AAC1B,gBAAc,YADY;AAE1BC,EAAAA,UAAU,EAAE,gCAFc;AAG1BC,EAAAA,cAAc,EAAE,kBAHU;AAI1BC,EAAAA,WAAW,EAAE,mBAJa;AAK1BC,EAAAA,eAAe,EAAE,mBALS;AAM1BC,EAAAA,WAAW,EAAE,wBANa;AAO1BC,EAAAA,eAAe,EAAE,mBAPS;AAQ1BC,EAAAA,QAAQ,EAAEC,SARgB;AAS1BC,EAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,QAAZ;AATW,CAArB;;eAYQ;AACbC,EAAAA,KAAK,EAAEZ;AADM,C","sourcesContent":["export const defaultProps = {\n  'aria-label': 'Skill Card',\n  skillTitle: 'Critical thinking and analysis',\n  skillAriaLabel: 'Skill aria label',\n  buttonLabel: 'Revise this skill',\n  buttonAriaLabel: 'Button aria label',\n  reviseLabel: '75 questions to revise',\n  reviseAriaLabel: 'revise aria label',\n  isCustom: undefined,\n  onClick: () => console.log('revise')\n};\n\nexport default {\n  props: defaultProps\n};\n"],"file":"default.js"}

package/lib/molecule/skill-card/test/fixtures/no-aria-labels.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.defaultProps = void 0;
+const defaultProps = {
+  'aria-label': 'Skill Card',
+  skillTitle: 'Critical thinking and analysis',
+  buttonLabel: 'Revise this skill',
+  reviseLabel: '75 questions to revise',
+  isCustom: undefined,
+  onClick: () => console.log('revise - no aria')
+};
+exports.defaultProps = defaultProps;
+var _default = {
+  props: defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=no-aria-labels.js.map

package/lib/molecule/skill-card/test/fixtures/no-aria-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/skill-card/test/fixtures/no-aria-labels.js"],"names":["defaultProps","skillTitle","buttonLabel","reviseLabel","isCustom","undefined","onClick","console","log","props"],"mappings":";;;;AAAO,MAAMA,YAAY,GAAG;AAC1B,gBAAc,YADY;AAE1BC,EAAAA,UAAU,EAAE,gCAFc;AAG1BC,EAAAA,WAAW,EAAE,mBAHa;AAI1BC,EAAAA,WAAW,EAAE,wBAJa;AAK1BC,EAAAA,QAAQ,EAAEC,SALgB;AAM1BC,EAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ;AANW,CAArB;;eASQ;AACbC,EAAAA,KAAK,EAAET;AADM,C","sourcesContent":["export const defaultProps = {\n  'aria-label': 'Skill Card',\n  skillTitle: 'Critical thinking and analysis',\n  buttonLabel: 'Revise this skill',\n  reviseLabel: '75 questions to revise',\n  isCustom: undefined,\n  onClick: () => console.log('revise - no aria')\n};\n\nexport default {\n  props: defaultProps\n};\n"],"file":"no-aria-labels.js"}

package/lib/molecule/skill-card/test/fixtures/short-skill-title.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _default2 = require("./default");
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = {
+  props: _extends(_extends({}, _default2.defaultProps), {}, {
+    skillTitle: 'Agility',
+    isCustom: false
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=short-skill-title.js.map

package/lib/molecule/skill-card/test/fixtures/short-skill-title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/skill-card/test/fixtures/short-skill-title.js"],"names":["props","defaultProps","skillTitle","isCustom"],"mappings":";;;;;AAAA;;;;eAEe;AACbA,EAAAA,KAAK,wBAAMC,sBAAN;AAAoBC,IAAAA,UAAU,EAAE,SAAhC;AAA2CC,IAAAA,QAAQ,EAAE;AAArD;AADQ,C","sourcesContent":["import {defaultProps} from './default';\n\nexport default {\n  props: {...defaultProps, skillTitle: 'Agility', isCustom: false}\n};\n"],"file":"short-skill-title.js"}

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

@@ -0,0 +1,102 @@
+"use strict";
+
+var _browserEnv = _interopRequireDefault(require("browser-env"));
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _customSkill = _interopRequireDefault(require("./fixtures/custom-skill"));
+
+var _noAriaLabels = _interopRequireDefault(require("./fixtures/no-aria-labels"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+(0, _browserEnv.default)();
+(0, _enzyme.configure)({
+  adapter: new _enzymeAdapterReact.default()
+});
+(0, _ava.default)('onClick should be reachable, should match given aria-label', t => {
+  let buttonWasClicked = false;
+  _customSkill.default.props = _extends(_extends({}, _customSkill.default.props), {}, {
+    onClick: () => {
+      buttonWasClicked = true;
+    }
+  });
+  const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _customSkill.default.props));
+  const cardWrapper = wrapper.find('[data-name="skill-card-wrapper"]');
+  t.true(cardWrapper.at(0).exists());
+  t.is(cardWrapper.at(0).props()['aria-label'], 'Skill Card');
+  const skillTitle = cardWrapper.find('[data-name="skill-title"]');
+  t.true(skillTitle.at(0).exists());
+  t.is(skillTitle.at(0).props()['aria-label'], 'Skill aria label');
+  const questionsLabel = cardWrapper.find('[data-name="questions-to-revise-label"]');
+  t.true(questionsLabel.at(0).exists());
+  t.is(questionsLabel.at(0).props()['aria-label'], 'revise aria label');
+  const buttonLink = cardWrapper.find('[data-name="skill-card-button"]');
+  t.true(buttonLink.at(0).exists());
+  t.is(buttonLink.at(0).props()['aria-label'], 'Button aria label');
+  buttonLink.at(0).simulate('click', {});
+  t.true(buttonWasClicked);
+  t.pass();
+});
+(0, _ava.default)('onHover should change button text color && backgroundColor', t => {
+  const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _customSkill.default.props));
+  const expectedStyleNoHover = {
+    backgroundColor: 'rgba(0, 176, 255, 0.07)',
+    color: '#00B0FF',
+    transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'
+  };
+  const expectedStyleOnHover = {
+    backgroundColor: '#00B0FF',
+    color: '#FFFFFF',
+    transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'
+  };
+  let cardWrapper = wrapper.find('[data-name="skill-card-wrapper"]');
+  t.true(cardWrapper.at(0).exists());
+  let buttonWrapper = cardWrapper.find('[data-name="button-wrapper"]');
+  t.true(buttonWrapper.at(0).exists());
+  let buttonLink = buttonWrapper.find('[data-name="skill-card-button"] button');
+  t.true(buttonLink.at(0).exists());
+  t.deepEqual(buttonLink.at(0).props().style, expectedStyleNoHover); // hover
+
+  buttonWrapper.simulate('mouseover');
+  wrapper.update();
+  cardWrapper = wrapper.find('[data-name="skill-card-wrapper"]');
+  buttonWrapper = cardWrapper.find('[data-name="button-wrapper"]');
+  t.true(buttonWrapper.at(0).exists());
+  buttonLink = buttonWrapper.find('[data-name="skill-card-button"] button');
+  t.true(buttonLink.at(0).exists());
+  t.deepEqual(buttonLink.at(0).props().style, expectedStyleOnHover); // leave hover
+
+  buttonWrapper.simulate('mouseleave');
+  wrapper.update();
+  buttonLink = wrapper.find('[data-name="skill-card-button"] button');
+  t.true(buttonLink.at(0).exists());
+  t.deepEqual(buttonLink.at(0).props().style, expectedStyleNoHover);
+  t.pass();
+});
+(0, _ava.default)('should use default aria-labels if aria-label props are not provided', t => {
+  const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _noAriaLabels.default.props));
+  const cardWrapper = wrapper.find('[data-name="skill-card-wrapper"]');
+  t.true(cardWrapper.at(0).exists());
+  const skillTitle = cardWrapper.find('[data-name="skill-title"]');
+  t.true(skillTitle.at(0).exists());
+  t.is(skillTitle.at(0).props()['aria-label'], 'Critical thinking and analysis');
+  const questionsLabel = cardWrapper.find('[data-name="questions-to-revise-label"]');
+  t.true(questionsLabel.at(0).exists());
+  t.is(questionsLabel.at(0).props()['aria-label'], '75 questions to revise');
+  const buttonLink = cardWrapper.find('[data-name="skill-card-button"] button');
+  t.true(buttonLink.at(0).exists());
+  t.is(buttonLink.at(0).props()['aria-label'], 'Revise this skill');
+  t.pass();
+});
+//# sourceMappingURL=skill-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/skill-card/test/skill-card.js"],"names":["adapter","Adapter","t","buttonWasClicked","customSkillFixture","props","onClick","wrapper","cardWrapper","find","true","at","exists","is","skillTitle","questionsLabel","buttonLink","simulate","pass","expectedStyleNoHover","backgroundColor","color","transition","expectedStyleOnHover","buttonWrapper","deepEqual","style","update","noAriaLabelsFixtures"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport SkillCard from '..';\nimport customSkillFixture from './fixtures/custom-skill';\nimport noAriaLabelsFixtures from './fixtures/no-aria-labels';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('onClick should be reachable, should match given aria-label', t => {\n  let buttonWasClicked = false;\n  customSkillFixture.props = {\n    ...customSkillFixture.props,\n    onClick: () => {\n      buttonWasClicked = true;\n    }\n  };\n  const wrapper = mount(<SkillCard {...customSkillFixture.props} />);\n\n  const cardWrapper = wrapper.find('[data-name=\"skill-card-wrapper\"]');\n  t.true(cardWrapper.at(0).exists());\n  t.is(cardWrapper.at(0).props()['aria-label'], 'Skill Card');\n\n  const skillTitle = cardWrapper.find('[data-name=\"skill-title\"]');\n  t.true(skillTitle.at(0).exists());\n  t.is(skillTitle.at(0).props()['aria-label'], 'Skill aria label');\n\n  const questionsLabel = cardWrapper.find('[data-name=\"questions-to-revise-label\"]');\n  t.true(questionsLabel.at(0).exists());\n  t.is(questionsLabel.at(0).props()['aria-label'], 'revise aria label');\n\n  const buttonLink = cardWrapper.find('[data-name=\"skill-card-button\"]');\n  t.true(buttonLink.at(0).exists());\n  t.is(buttonLink.at(0).props()['aria-label'], 'Button aria label');\n  buttonLink.at(0).simulate('click', {});\n  t.true(buttonWasClicked);\n\n  t.pass();\n});\n\ntest('onHover should change button text color && backgroundColor', t => {\n  const wrapper = mount(<SkillCard {...customSkillFixture.props} />);\n\n  const expectedStyleNoHover = {\n    backgroundColor: 'rgba(0, 176, 255, 0.07)',\n    color: '#00B0FF',\n    transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n  };\n\n  const expectedStyleOnHover = {\n    backgroundColor: '#00B0FF',\n    color: '#FFFFFF',\n    transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n  };\n\n  let cardWrapper = wrapper.find('[data-name=\"skill-card-wrapper\"]');\n  t.true(cardWrapper.at(0).exists());\n\n  let buttonWrapper = cardWrapper.find('[data-name=\"button-wrapper\"]');\n  t.true(buttonWrapper.at(0).exists());\n  let buttonLink = buttonWrapper.find('[data-name=\"skill-card-button\"] button');\n  t.true(buttonLink.at(0).exists());\n  t.deepEqual(buttonLink.at(0).props().style, expectedStyleNoHover);\n\n  // hover\n  buttonWrapper.simulate('mouseover');\n\n  wrapper.update();\n  cardWrapper = wrapper.find('[data-name=\"skill-card-wrapper\"]');\n  buttonWrapper = cardWrapper.find('[data-name=\"button-wrapper\"]');\n  t.true(buttonWrapper.at(0).exists());\n  buttonLink = buttonWrapper.find('[data-name=\"skill-card-button\"] button');\n  t.true(buttonLink.at(0).exists());\n\n  t.deepEqual(buttonLink.at(0).props().style, expectedStyleOnHover);\n\n  // leave hover\n  buttonWrapper.simulate('mouseleave');\n\n  wrapper.update();\n\n  buttonLink = wrapper.find('[data-name=\"skill-card-button\"] button');\n  t.true(buttonLink.at(0).exists());\n  t.deepEqual(buttonLink.at(0).props().style, expectedStyleNoHover);\n\n  t.pass();\n});\n\ntest('should use default aria-labels if aria-label props are not provided', t => {\n  const wrapper = mount(<SkillCard {...noAriaLabelsFixtures.props} />);\n\n  const cardWrapper = wrapper.find('[data-name=\"skill-card-wrapper\"]');\n  t.true(cardWrapper.at(0).exists());\n\n  const skillTitle = cardWrapper.find('[data-name=\"skill-title\"]');\n  t.true(skillTitle.at(0).exists());\n  t.is(skillTitle.at(0).props()['aria-label'], 'Critical thinking and analysis');\n\n  const questionsLabel = cardWrapper.find('[data-name=\"questions-to-revise-label\"]');\n  t.true(questionsLabel.at(0).exists());\n  t.is(questionsLabel.at(0).props()['aria-label'], '75 questions to revise');\n\n  const buttonLink = cardWrapper.find('[data-name=\"skill-card-button\"] button');\n  t.true(buttonLink.at(0).exists());\n  t.is(buttonLink.at(0).props()['aria-label'], 'Revise this skill');\n\n  t.pass();\n});\n"],"file":"skill-card.js"}

package/lib/organism/rewards-form/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _inputTextWithTitledCheckbox = _interopRequireDefault(require("../../molecule/input-text-with-titled-checkbox"));
+
+var _dragAndDropWrapper = _interopRequireDefault(require("../../molecule/drag-and-drop-wrapper"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 ITEM = {
+  'input-text': _inputTextWithTitledCheckbox.default,
+  'drag-and-drop': _dragAndDropWrapper.default
+};
+
+const RewardsForm = ({
+  items
+}) => {
+  const itemsView = items.map((_ref, index) => {
+    let {
+      type
+    } = _ref,
+        item = _objectWithoutPropertiesLoose(_ref, ["type"]);
+
+    const Component = ITEM[type];
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: index,
+      className: (0, _classnames.default)(_style.default.item, type === 'input-text' && _style.default.inputText),
+      "data-name": `reward-${index}`
+    }, /*#__PURE__*/_react.default.createElement(Component, item));
+  });
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: _style.default.list
+  }, itemsView);
+};
+
+RewardsForm.propTypes = process.env.NODE_ENV !== "production" ? {
+  items: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, _inputTextWithTitledCheckbox.default.propTypes)), _propTypes.default.shape(_extends({}, _dragAndDropWrapper.default.propTypes))]))
+} : {};
+var _default = RewardsForm;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/organism/rewards-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/rewards-form/index.js"],"names":["ITEM","InputTextWithTitledCheckbox","DragAndDropWrapper","RewardsForm","items","itemsView","map","index","type","item","Component","style","inputText","list","propTypes","PropTypes","arrayOf","oneOfType","shape"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,IAAI,GAAG;AACX,gBAAcC,oCADH;AAEX,mBAAiBC;AAFN,CAAb;;AAKA,MAAMC,WAAW,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAa;AAC/B,QAAMC,SAAS,GAAGD,KAAK,CAACE,GAAN,CAAU,OAAkBC,KAAlB,KAA4B;AAAA,QAA3B;AAACC,MAAAA;AAAD,KAA2B;AAAA,QAAjBC,IAAiB;;AACtD,UAAMC,SAAS,GAAGV,IAAI,CAACQ,IAAD,CAAtB;AACA,wBACE;AACE,MAAA,GAAG,EAAED,KADP;AAEE,MAAA,SAAS,EAAE,yBAAWI,eAAMF,IAAjB,EAAuBD,IAAI,KAAK,YAAT,IAAyBG,eAAMC,SAAtD,CAFb;AAGE,mBAAY,UAASL,KAAM;AAH7B,oBAKE,6BAAC,SAAD,EAAeE,IAAf,CALF,CADF;AASD,GAXiB,CAAlB;AAYA,sBAAO;AAAI,IAAA,SAAS,EAAEE,eAAME;AAArB,KAA4BR,SAA5B,CAAP;AACD,CAdD;;AAgBAF,WAAW,CAACW,SAAZ,2CAAwB;AACtBV,EAAAA,KAAK,EAAEW,mBAAUC,OAAV,CACLD,mBAAUE,SAAV,CAAoB,CAClBF,mBAAUG,KAAV,cAAoBjB,qCAA4Ba,SAAhD,EADkB,EAElBC,mBAAUG,KAAV,cAAoBhB,4BAAmBY,SAAvC,EAFkB,CAApB,CADK;AADe,CAAxB;eASeX,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport InputTextWithTitledCheckbox from '../../molecule/input-text-with-titled-checkbox';\nimport DragAndDropWrapper from '../../molecule/drag-and-drop-wrapper';\nimport style from './style.css';\n\nconst ITEM = {\n  'input-text': InputTextWithTitledCheckbox,\n  'drag-and-drop': DragAndDropWrapper\n};\n\nconst RewardsForm = ({items}) => {\n  const itemsView = items.map(({type, ...item}, index) => {\n    const Component = ITEM[type];\n    return (\n      <li\n        key={index}\n        className={classnames(style.item, type === 'input-text' && style.inputText)}\n        data-name={`reward-${index}`}\n      >\n        <Component {...item} />\n      </li>\n    );\n  });\n  return <ul className={style.list}>{itemsView}</ul>;\n};\n\nRewardsForm.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({...InputTextWithTitledCheckbox.propTypes}),\n      PropTypes.shape({...DragAndDropWrapper.propTypes})\n    ])\n  )\n};\n\nexport default RewardsForm;\n"],"file":"index.js"}

package/lib/organism/rewards-form/style.css

@@ -0,0 +1,12 @@
+.item {
+  margin-bottom: 34px;
+}
+.inputText {
+  width: 175px;
+}
+
+.list {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}

package/lib/organism/rewards-form/test/fixtures/default.js

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _checked = _interopRequireDefault(require("../../../../molecule/input-text-with-titled-checkbox/test/fixtures/checked"));
+
+var _default2 = _interopRequireDefault(require("../../../../molecule/drag-and-drop-wrapper/test/fixtures/default"));
+
+var _twoDragAndDrops = _interopRequireDefault(require("../../../../molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = {
+  props: {
+    items: [_extends(_extends({}, _checked.default.props), {}, {
+      type: 'input-text'
+    }), _extends(_extends({}, _default2.default.props), {}, {
+      type: 'drag-and-drop'
+    }), _extends(_extends({}, _twoDragAndDrops.default.props), {}, {
+      type: 'drag-and-drop'
+    })]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/organism/rewards-form/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/rewards-form/test/fixtures/default.js"],"names":["props","items","checkedInputText","type","singleDragAndDrop","doubleDragAndDrop"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBACDC,iBAAiBF,KADhB;AACuBG,MAAAA,IAAI,EAAE;AAD7B,8BAEDC,kBAAkBJ,KAFjB;AAEwBG,MAAAA,IAAI,EAAE;AAF9B,8BAGDE,yBAAkBL,KAHjB;AAGwBG,MAAAA,IAAI,EAAE;AAH9B;AADF;AADM,C","sourcesContent":["import checkedInputText from '../../../../molecule/input-text-with-titled-checkbox/test/fixtures/checked';\nimport singleDragAndDrop from '../../../../molecule/drag-and-drop-wrapper/test/fixtures/default';\nimport doubleDragAndDrop from '../../../../molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops';\n\nexport default {\n  props: {\n    items: [\n      {...checkedInputText.props, type: 'input-text'},\n      {...singleDragAndDrop.props, type: 'drag-and-drop'},\n      {...doubleDragAndDrop.props, type: 'drag-and-drop'}\n    ]\n  }\n};\n"],"file":"default.js"}

package/lib/organism/rewards-form/test/fixtures/no-rewards.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    items: []
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=no-rewards.js.map

package/lib/organism/rewards-form/test/fixtures/no-rewards.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/rewards-form/test/fixtures/no-rewards.js"],"names":["props","items"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AADF;AADM,C","sourcesContent":["export default {\n  props: {\n    items: []\n  }\n};\n"],"file":"no-rewards.js"}

package/lib/organism/rewards-form/test/fixtures/one-reward.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _default2 = _interopRequireDefault(require("../../../../molecule/drag-and-drop-wrapper/test/fixtures/default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = {
+  props: {
+    items: [_extends(_extends({}, _default2.default.props), {}, {
+      type: 'drag-and-drop'
+    })]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=one-reward.js.map

package/lib/organism/rewards-form/test/fixtures/one-reward.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/rewards-form/test/fixtures/one-reward.js"],"names":["props","items","singleDragAndDrop","type"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBAAKC,kBAAkBF,KAAvB;AAA8BG,MAAAA,IAAI,EAAE;AAApC;AADF;AADM,C","sourcesContent":["import singleDragAndDrop from '../../../../molecule/drag-and-drop-wrapper/test/fixtures/default';\n\nexport default {\n  props: {\n    items: [{...singleDragAndDrop.props, type: 'drag-and-drop'}]\n  }\n};\n"],"file":"one-reward.js"}

package/lib/organism/rewards-form/test/fixtures/two-rewards.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _checked = _interopRequireDefault(require("../../../../molecule/input-text-with-titled-checkbox/test/fixtures/checked"));
+
+var _twoDragAndDrops = _interopRequireDefault(require("../../../../molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = {
+  props: {
+    items: [_extends(_extends({}, _checked.default.props), {}, {
+      type: 'input-text'
+    }), _extends(_extends({}, _twoDragAndDrops.default.props), {}, {
+      type: 'drag-and-drop'
+    })]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=two-rewards.js.map

package/lib/organism/rewards-form/test/fixtures/two-rewards.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/rewards-form/test/fixtures/two-rewards.js"],"names":["props","items","checkedInputText","type","doubleDragAndDrop"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBACDC,iBAAiBF,KADhB;AACuBG,MAAAA,IAAI,EAAE;AAD7B,8BAEDC,yBAAkBJ,KAFjB;AAEwBG,MAAAA,IAAI,EAAE;AAF9B;AADF;AADM,C","sourcesContent":["import checkedInputText from '../../../../molecule/input-text-with-titled-checkbox/test/fixtures/checked';\nimport doubleDragAndDrop from '../../../../molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops';\n\nexport default {\n  props: {\n    items: [\n      {...checkedInputText.props, type: 'input-text'},\n      {...doubleDragAndDrop.props, type: 'drag-and-drop'}\n    ]\n  }\n};\n"],"file":"two-rewards.js"}

package/lib/organism/wizard-contents/index.js

@@ -27,6 +27,8 @@ var _courseSelection = _interopRequireDefault(require("../course-selection"));
 
 var _courseSections = _interopRequireDefault(require("../../molecule/course-sections"));
 
+var _rewardsForm = _interopRequireDefault(require("../rewards-form"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -75,6 +77,9 @@ const buildForm = content => {
 
     case 'organize-courses':
       return /*#__PURE__*/_react.default.createElement(_courseSections.default, content);
+
+    case 'rewards':
+      return /*#__PURE__*/_react.default.createElement(_rewardsForm.default, content);
   }
 };
 
@@ -184,6 +189,8 @@ WizardContents.propTypes = process.env.NODE_ENV !== "production" ? {
     type: _propTypes.default.oneOf(['courses'])
   })), _propTypes.default.shape(_extends(_extends({}, _courseSections.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['organize-courses'])
+  })), _propTypes.default.shape(_extends(_extends({}, _rewardsForm.default.propTypes), {}, {
+    type: _propTypes.default.oneOf(['rewards'])
   }))]),
   previousStep: _propTypes.default.shape({
     label: _propTypes.default.string,

package/lib/organism/wizard-contents/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/wizard-contents/index.js"],"names":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections"],"mappings":"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","sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'content-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n  return (\n    <div className={style.container} data-name=\"content-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      <div className={style.rightSection} data-name=\"summary-right-section\">\n        <div className={style.stickySection}>\n          <div className={style.summaryZone} data-name=\"summary-zone\">\n            <WizardSummary {...summary} side={'right'} />\n          </div>\n          {rightActionView}\n        </div>\n      </div>\n      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/wizard-contents/index.js"],"names":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm"],"mappings":"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","sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport RewardsForm from '../rewards-form';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'content-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n  return (\n    <div className={style.container} data-name=\"content-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      <div className={style.rightSection} data-name=\"summary-right-section\">\n        <div className={style.stickySection}>\n          <div className={style.summaryZone} data-name=\"summary-zone\">\n            <WizardSummary {...summary} side={'right'} />\n          </div>\n          {rightActionView}\n        </div>\n      </div>\n      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"file":"index.js"}

package/lib/organism/wizard-contents/test/fixtures/certification-rewards.js

@@ -0,0 +1,54 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _threeSections = _interopRequireDefault(require("../../../../molecule/wizard-summary/test/fixtures/three-sections"));
+
+var _default2 = _interopRequireDefault(require("../../../rewards-form/test/fixtures/default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = {
+  props: {
+    isLoading: false,
+    wizardHeader: {
+      title: 'Create a new certification',
+      onClick: () => console.log('Close')
+    },
+    steps: [{
+      title: 'General Informations',
+      done: true
+    }, {
+      title: 'Translations',
+      done: true
+    }, {
+      title: 'Assign populations',
+      done: true
+    }, {
+      title: 'Courses settings',
+      done: true
+    }, {
+      title: 'Rewards',
+      done: false,
+      current: true
+    }],
+    summary: _threeSections.default.props,
+    content: _extends(_extends({}, _default2.default.props), {}, {
+      type: 'rewards'
+    }),
+    previousStep: {
+      label: 'Previous Step',
+      onClick: () => console.log('Previous Step')
+    },
+    nextStep: {
+      type: 'publish',
+      label: 'Publish',
+      onClick: () => console.log('Next Step')
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=certification-rewards.js.map

package/lib/organism/wizard-contents/test/fixtures/certification-rewards.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/wizard-contents/test/fixtures/certification-rewards.js"],"names":["props","isLoading","wizardHeader","title","onClick","console","log","steps","done","current","summary","wizardSummary","content","rewardsForm","type","previousStep","label","nextStep"],"mappings":";;;;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,KADN;AAELC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,4BADK;AAEZC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAFH,KAFT;AAMLC,IAAAA,KAAK,EAAE,CACL;AACEJ,MAAAA,KAAK,EAAE,sBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KADK,EAKL;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KALK,EASL;AACEL,MAAAA,KAAK,EAAE,oBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KATK,EAaL;AACEL,MAAAA,KAAK,EAAE,kBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KAbK,EAiBL;AACEL,MAAAA,KAAK,EAAE,SADT;AAEEK,MAAAA,IAAI,EAAE,KAFR;AAGEC,MAAAA,OAAO,EAAE;AAHX,KAjBK,CANF;AA6BLC,IAAAA,OAAO,EAAEC,uBAAcX,KA7BlB;AA8BLY,IAAAA,OAAO,wBACFC,kBAAYb,KADV;AAELc,MAAAA,IAAI,EAAE;AAFD,MA9BF;AAkCLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,eADK;AAEZZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,eAAZ;AAFH,KAlCT;AAsCLW,IAAAA,QAAQ,EAAE;AACRH,MAAAA,IAAI,EAAE,SADE;AAERE,MAAAA,KAAK,EAAE,SAFC;AAGRZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ;AAHP;AAtCL;AADM,C","sourcesContent":["/* eslint-disable no-console */\nimport wizardSummary from '../../../../molecule/wizard-summary/test/fixtures/three-sections';\nimport rewardsForm from '../../../rewards-form/test/fixtures/default';\n\nexport default {\n  props: {\n    isLoading: false,\n    wizardHeader: {\n      title: 'Create a new certification',\n      onClick: () => console.log('Close')\n    },\n    steps: [\n      {\n        title: 'General Informations',\n        done: true\n      },\n      {\n        title: 'Translations',\n        done: true\n      },\n      {\n        title: 'Assign populations',\n        done: true\n      },\n      {\n        title: 'Courses settings',\n        done: true\n      },\n      {\n        title: 'Rewards',\n        done: false,\n        current: true\n      }\n    ],\n    summary: wizardSummary.props,\n    content: {\n      ...rewardsForm.props,\n      type: 'rewards'\n    },\n    previousStep: {\n      label: 'Previous Step',\n      onClick: () => console.log('Previous Step')\n    },\n    nextStep: {\n      type: 'publish',\n      label: 'Publish',\n      onClick: () => console.log('Next Step')\n    }\n  }\n};\n"],"file":"certification-rewards.js"}

package/lib/template/app-player/popin-correction/index.js

@@ -258,9 +258,9 @@ class PopinCorrection extends _react.Component {
       text: klf.value
     }) : null, tips.value ? /*#__PURE__*/_react.default.createElement(SimpleText, {
       text: tips.value
-    }) : null)), quitCta, /*#__PURE__*/_react.default.createElement(AssistanceLink, assistanceLink)), /*#__PURE__*/_react.default.createElement(_loader.default, {
-      className: isLoading ? _style2.default.activeLoader : _style2.default.inactiveLoader
-    })));
+    }) : null)), quitCta, /*#__PURE__*/_react.default.createElement(AssistanceLink, assistanceLink)), isLoading ? /*#__PURE__*/_react.default.createElement(_loader.default, {
+      className: _style2.default.activeLoader
+    }) : null));
   }
 
 }