@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_provider","_style","e","__esModule","default","ProductCard","props","context","title","subtitle","price","currency","checkImage","translate","descriptionItemTranslationKeys","priceTemplate","priceValue","_template2","items","map","itemDescription","index","createElement","className","style","productDescriptionItem","key","productCheckbox","src","productDescriptionText","product","productHeader","productHeaderTitle","productHeaderSubtitle","productBody","productSeparation","productPrice","cancelText","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","_default","exports"],"sources":["../../../src/molecule/product-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {template} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst ProductCard = (props, context) => {\n  const {title, subtitle, price, currency, checkImage} = props;\n\n  const {translate} = context;\n\n  const descriptionItemTranslationKeys = [\n    translate('product_desc_culture'),\n    translate('product_desc_partnership'),\n    translate('product_desc_battle'),\n    translate('product_desc_coach'),\n    translate('product_desc_forum'),\n    translate('product_desc_certificates')\n  ];\n\n  const priceTemplate = translate('subscription_price');\n  const priceValue = template(priceTemplate)({price, currency});\n\n  const items = descriptionItemTranslationKeys.map((itemDescription, index) => {\n    return (\n      <div className={style.productDescriptionItem} key={index}>\n        <img className={style.productCheckbox} src={checkImage} />\n        <div className={style.productDescriptionText}>{itemDescription}</div>\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.product}>\n      <div className={style.productHeader}>\n        <div className={style.productHeaderTitle}>{title}</div>\n        <div className={style.productHeaderSubtitle}>{subtitle}</div>\n      </div>\n      <div className={style.productBody}>\n        <div className=\"product__description\">{items}</div>\n        <hr className={style.productSeparation} />\n        <div className={style.productPrice}>\n          <div className={style.priceValue}>{priceValue}</div>\n          <div className={style.cancelText}>{translate('product_cancel')}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nProductCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProductCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  currency: PropTypes.string.isRequired,\n  price: PropTypes.string.isRequired,\n  checkImage: PropTypes.string.isRequired\n};\n\nexport default ProductCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ProductCard","props","context","title","subtitle","price","currency","checkImage","translate","descriptionItemTranslationKeys","priceTemplate","priceValue","items","map","itemDescription","index","style","productDescriptionItem","productCheckbox","productDescriptionText","product","productHeader","productHeaderTitle","productHeaderSubtitle","productBody","productSeparation","productPrice","cancelText","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/molecule/product-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {template} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst ProductCard = (props, context) => {\n  const {title, subtitle, price, currency, checkImage} = props;\n\n  const {translate} = context;\n\n  const descriptionItemTranslationKeys = [\n    translate('product_desc_culture'),\n    translate('product_desc_partnership'),\n    translate('product_desc_battle'),\n    translate('product_desc_coach'),\n    translate('product_desc_forum'),\n    translate('product_desc_certificates')\n  ];\n\n  const priceTemplate = translate('subscription_price');\n  const priceValue = template(priceTemplate)({price, currency});\n\n  const items = descriptionItemTranslationKeys.map((itemDescription, index) => {\n    return (\n      <div className={style.productDescriptionItem} key={index}>\n        <img className={style.productCheckbox} src={checkImage} />\n        <div className={style.productDescriptionText}>{itemDescription}</div>\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.product}>\n      <div className={style.productHeader}>\n        <div className={style.productHeaderTitle}>{title}</div>\n        <div className={style.productHeaderSubtitle}>{subtitle}</div>\n      </div>\n      <div className={style.productBody}>\n        <div className=\"product__description\">{items}</div>\n        <hr className={style.productSeparation} />\n        <div className={style.productPrice}>\n          <div className={style.priceValue}>{priceValue}</div>\n          <div className={style.cancelText}>{translate('product_cancel')}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nProductCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProductCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  currency: PropTypes.string.isRequired,\n  price: PropTypes.string.isRequired,\n  checkImage: PropTypes.string.isRequired\n};\n\nexport default ProductCard;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtC,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,KAAlB;IAAyBC,QAAzB;IAAmCC;EAAnC,IAAiDN,KAAvD;EAEA,MAAM;IAACO;EAAD,IAAcN,OAApB;EAEA,MAAMO,8BAA8B,GAAG,CACrCD,SAAS,CAAC,sBAAD,CAD4B,EAErCA,SAAS,CAAC,0BAAD,CAF4B,EAGrCA,SAAS,CAAC,qBAAD,CAH4B,EAIrCA,SAAS,CAAC,oBAAD,CAJ4B,EAKrCA,SAAS,CAAC,oBAAD,CAL4B,EAMrCA,SAAS,CAAC,2BAAD,CAN4B,CAAvC;EASA,MAAME,aAAa,GAAGF,SAAS,CAAC,oBAAD,CAA/B;EACA,MAAMG,UAAU,GAAG,wBAASD,aAAT,EAAwB;IAACL,KAAD;IAAQC;EAAR,CAAxB,CAAnB;EAEA,MAAMM,KAAK,GAAGH,8BAA8B,CAACI,GAA/B,CAAmC,CAACC,eAAD,EAAkBC,KAAlB,KAA4B;IAC3E,oBACE;MAAK,SAAS,EAAEC,cAAA,CAAMC,sBAAtB;MAA8C,GAAG,EAAEF;IAAnD,gBACE;MAAK,SAAS,EAAEC,cAAA,CAAME,eAAtB;MAAuC,GAAG,EAAEX;IAA5C,EADF,eAEE;MAAK,SAAS,EAAES,cAAA,CAAMG;IAAtB,GAA+CL,eAA/C,CAFF,CADF;EAMD,CAPa,CAAd;EASA,oBACE;IAAK,SAAS,EAAEE,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK;EAAtB,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMM;EAAtB,GAA2CnB,KAA3C,CADF,eAEE;IAAK,SAAS,EAAEa,cAAA,CAAMO;EAAtB,GAA8CnB,QAA9C,CAFF,CADF,eAKE;IAAK,SAAS,EAAEY,cAAA,CAAMQ;EAAtB,gBACE;IAAK,SAAS,EAAC;EAAf,GAAuCZ,KAAvC,CADF,eAEE;IAAI,SAAS,EAAEI,cAAA,CAAMS;EAArB,EAFF,eAGE;IAAK,SAAS,EAAET,cAAA,CAAMU;EAAtB,gBACE;IAAK,SAAS,EAAEV,cAAA,CAAML;EAAtB,GAAmCA,UAAnC,CADF,eAEE;IAAK,SAAS,EAAEK,cAAA,CAAMW;EAAtB,GAAmCnB,SAAS,CAAC,gBAAD,CAA5C,CAFF,CAHF,CALF,CADF;AAgBD,CA1CD;;AA4CAR,WAAW,CAAC4B,YAAZ,GAA2B;EACzBpB,SAAS,EAAEqB,iBAAA,CAASC,iBAAT,CAA2BtB;AADb,CAA3B;AAIAR,WAAW,CAAC+B,SAAZ,2CAAwB;EACtB5B,KAAK,EAAE6B,kBAAA,CAAUC,MAAV,CAAiBC,UADF;EAEtB9B,QAAQ,EAAE4B,kBAAA,CAAUC,MAAV,CAAiBC,UAFL;EAGtB5B,QAAQ,EAAE0B,kBAAA,CAAUC,MAAV,CAAiBC,UAHL;EAItB7B,KAAK,EAAE2B,kBAAA,CAAUC,MAAV,CAAiBC,UAJF;EAKtB3B,UAAU,EAAEyB,kBAAA,CAAUC,MAAV,CAAiBC;AALP,CAAxB;eAQelC,W"}

package/lib/molecule/progress-bar/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _times2 = _interopRequireDefault(require("lodash/fp/times"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ProgressBar = props => {
   const {
     className,
@@ -31,8 +38,7 @@ const ProgressBar = props => {
     "data-content": `${text}`
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.progress,
-    style: {
-      ...propsStyle,
+    style: { ...propsStyle,
       width: `${ratio * 100}%`
     }
   }), displayInfo ? /*#__PURE__*/_react.default.createElement("p", {
@@ -45,6 +51,7 @@ const ProgressBar = props => {
     className: _style.default.steps
   }, stepList));
 };
+
 ProgressBar.propTypes = process.env.NODE_ENV !== "production" ? {
   className: _propTypes.default.string,
   value: _propTypes.default.number.isRequired,
@@ -54,5 +61,6 @@ ProgressBar.propTypes = process.env.NODE_ENV !== "production" ? {
   style: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
   displayInfo: _propTypes.default.bool
 } : {};
-var _default = exports.default = ProgressBar;
+var _default = ProgressBar;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/progress-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_style","e","__esModule","default","ProgressBar","props","className","value","max","desc","steps","style","propsStyle","displayInfo","ratio","percentage","Math","floor","text","stepList","_times2","index","createElement","step","key","classnames","background","progress","width","texts","description","propTypes","process","env","NODE_ENV","PropTypes","string","number","isRequired","objectOf","oneOfType","bool","_default","exports"],"sources":["../../../src/molecule/progress-bar/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {times} from 'lodash/fp';\nimport style from './style.css';\n\nconst ProgressBar = props => {\n  const {\n    className,\n    value,\n    max,\n    desc = '',\n    steps = 0,\n    style: propsStyle,\n    displayInfo = true\n  } = props;\n\n  const ratio = value / max;\n  const percentage = Math.floor(ratio * 100);\n  const text = `${percentage}%`;\n  const stepList = times(index => <div className={style.step} key={index} />, steps);\n  return (\n    <div\n      className={classnames(style.background, className)}\n      data-name=\"progress-bar-wrapper\"\n      data-content={`${text}`}\n    >\n      <div\n        className={style.progress}\n        style={{\n          ...propsStyle,\n          width: `${ratio * 100}%`\n        }}\n      />\n      {displayInfo ? (\n        <p className={style.texts}>\n          <span className={style.description}>{`${value}/${max} ${desc}`}</span>\n          <span className={style.percentage}>{text}</span>\n        </p>\n      ) : null}\n      <div className={style.steps}>{stepList}</div>\n    </div>\n  );\n};\n\nProgressBar.propTypes = {\n  className: PropTypes.string,\n  value: PropTypes.number.isRequired,\n  max: PropTypes.number.isRequired,\n  desc: PropTypes.string,\n  steps: PropTypes.number,\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  displayInfo: PropTypes.bool\n};\n\nexport default ProgressBar;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,GAAG;IACHC,IAAI,GAAG,EAAE;IACTC,KAAK,GAAG,CAAC;IACTC,KAAK,EAAEC,UAAU;IACjBC,WAAW,GAAG;EAChB,CAAC,GAAGR,KAAK;EAET,MAAMS,KAAK,GAAGP,KAAK,GAAGC,GAAG;EACzB,MAAMO,UAAU,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,GAAG,GAAG,CAAC;EAC1C,MAAMI,IAAI,GAAG,GAAGH,UAAU,GAAG;EAC7B,MAAMI,QAAQ,GAAG,IAAAC,OAAA,CAAAjB,OAAA,EAAMkB,KAAK,iBAAI1B,MAAA,CAAAQ,OAAA,CAAAmB,aAAA;IAAKhB,SAAS,EAAEK,cAAK,CAACY,IAAK;IAACC,GAAG,EAAEH;EAAM,CAAE,CAAC,EAAEX,KAAK,CAAC;EAClF,oBACEf,MAAA,CAAAQ,OAAA,CAAAmB,aAAA;IACEhB,SAAS,EAAE,IAAAmB,mBAAU,EAACd,cAAK,CAACe,UAAU,EAAEpB,SAAS,CAAE;IACnD,aAAU,sBAAsB;IAChC,gBAAc,GAAGY,IAAI;EAAG,gBAExBvB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA;IACEhB,SAAS,EAAEK,cAAK,CAACgB,QAAS;IAC1BhB,KAAK,EAAE;MACL,GAAGC,UAAU;MACbgB,KAAK,EAAE,GAAGd,KAAK,GAAG,GAAG;IACvB;EAAE,CACH,CAAC,EACDD,WAAW,gBACVlB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA;IAAGhB,SAAS,EAAEK,cAAK,CAACkB;EAAM,gBACxBlC,MAAA,CAAAQ,OAAA,CAAAmB,aAAA;IAAMhB,SAAS,EAAEK,cAAK,CAACmB;EAAY,GAAE,GAAGvB,KAAK,IAAIC,GAAG,IAAIC,IAAI,EAAS,CAAC,eACtEd,MAAA,CAAAQ,OAAA,CAAAmB,aAAA;IAAMhB,SAAS,EAAEK,cAAK,CAACI;EAAW,GAAEG,IAAW,CAC9C,CAAC,GACF,IAAI,eACRvB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA;IAAKhB,SAAS,EAAEK,cAAK,CAACD;EAAM,GAAES,QAAc,CACzC,CAAC;AAEV,CAAC;AAEDf,WAAW,CAAC2B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtB5B,SAAS,EAAE6B,kBAAS,CAACC,MAAM;EAC3B7B,KAAK,EAAE4B,kBAAS,CAACE,MAAM,CAACC,UAAU;EAClC9B,GAAG,EAAE2B,kBAAS,CAACE,MAAM,CAACC,UAAU;EAChC7B,IAAI,EAAE0B,kBAAS,CAACC,MAAM;EACtB1B,KAAK,EAAEyB,kBAAS,CAACE,MAAM;EACvB1B,KAAK,EAAEwB,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACE,MAAM,CAAC,CAAC,CAAC;EACpFxB,WAAW,EAAEsB,kBAAS,CAACM;AACzB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAEaC,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ProgressBar","props","className","value","max","desc","steps","style","propsStyle","displayInfo","ratio","percentage","Math","floor","text","stepList","index","step","classnames","background","progress","width","texts","description","propTypes","PropTypes","string","number","isRequired","objectOf","oneOfType","bool"],"sources":["../../../src/molecule/progress-bar/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {times} from 'lodash/fp';\nimport style from './style.css';\n\nconst ProgressBar = props => {\n  const {\n    className,\n    value,\n    max,\n    desc = '',\n    steps = 0,\n    style: propsStyle,\n    displayInfo = true\n  } = props;\n\n  const ratio = value / max;\n  const percentage = Math.floor(ratio * 100);\n  const text = `${percentage}%`;\n  const stepList = times(index => <div className={style.step} key={index} />, steps);\n  return (\n    <div\n      className={classnames(style.background, className)}\n      data-name=\"progress-bar-wrapper\"\n      data-content={`${text}`}\n    >\n      <div\n        className={style.progress}\n        style={{\n          ...propsStyle,\n          width: `${ratio * 100}%`\n        }}\n      />\n      {displayInfo ? (\n        <p className={style.texts}>\n          <span className={style.description}>{`${value}/${max} ${desc}`}</span>\n          <span className={style.percentage}>{text}</span>\n        </p>\n      ) : null}\n      <div className={style.steps}>{stepList}</div>\n    </div>\n  );\n};\n\nProgressBar.propTypes = {\n  className: PropTypes.string,\n  value: PropTypes.number.isRequired,\n  max: PropTypes.number.isRequired,\n  desc: PropTypes.string,\n  steps: PropTypes.number,\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  displayInfo: PropTypes.bool\n};\n\nexport default ProgressBar;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IACJC,SADI;IAEJC,KAFI;IAGJC,GAHI;IAIJC,IAAI,GAAG,EAJH;IAKJC,KAAK,GAAG,CALJ;IAMJC,KAAK,EAAEC,UANH;IAOJC,WAAW,GAAG;EAPV,IAQFR,KARJ;EAUA,MAAMS,KAAK,GAAGP,KAAK,GAAGC,GAAtB;EACA,MAAMO,UAAU,GAAGC,IAAI,CAACC,KAAL,CAAWH,KAAK,GAAG,GAAnB,CAAnB;EACA,MAAMI,IAAI,GAAI,GAAEH,UAAW,GAA3B;EACA,MAAMI,QAAQ,GAAG,qBAAMC,KAAK,iBAAI;IAAK,SAAS,EAAET,cAAA,CAAMU,IAAtB;IAA4B,GAAG,EAAED;EAAjC,EAAf,EAA2DV,KAA3D,CAAjB;EACA,oBACE;IACE,SAAS,EAAE,IAAAY,mBAAA,EAAWX,cAAA,CAAMY,UAAjB,EAA6BjB,SAA7B,CADb;IAEE,aAAU,sBAFZ;IAGE,gBAAe,GAAEY,IAAK;EAHxB,gBAKE;IACE,SAAS,EAAEP,cAAA,CAAMa,QADnB;IAEE,KAAK,EAAE,EACL,GAAGZ,UADE;MAELa,KAAK,EAAG,GAAEX,KAAK,GAAG,GAAI;IAFjB;EAFT,EALF,EAYGD,WAAW,gBACV;IAAG,SAAS,EAAEF,cAAA,CAAMe;EAApB,gBACE;IAAM,SAAS,EAAEf,cAAA,CAAMgB;EAAvB,GAAsC,GAAEpB,KAAM,IAAGC,GAAI,IAAGC,IAAK,EAA7D,CADF,eAEE;IAAM,SAAS,EAAEE,cAAA,CAAMI;EAAvB,GAAoCG,IAApC,CAFF,CADU,GAKR,IAjBN,eAkBE;IAAK,SAAS,EAAEP,cAAA,CAAMD;EAAtB,GAA8BS,QAA9B,CAlBF,CADF;AAsBD,CArCD;;AAuCAf,WAAW,CAACwB,SAAZ,2CAAwB;EACtBtB,SAAS,EAAEuB,kBAAA,CAAUC,MADC;EAEtBvB,KAAK,EAAEsB,kBAAA,CAAUE,MAAV,CAAiBC,UAFF;EAGtBxB,GAAG,EAAEqB,kBAAA,CAAUE,MAAV,CAAiBC,UAHA;EAItBvB,IAAI,EAAEoB,kBAAA,CAAUC,MAJM;EAKtBpB,KAAK,EAAEmB,kBAAA,CAAUE,MALK;EAMtBpB,KAAK,EAAEkB,kBAAA,CAAUI,QAAV,CAAmBJ,kBAAA,CAAUK,SAAV,CAAoB,CAACL,kBAAA,CAAUC,MAAX,EAAmBD,kBAAA,CAAUE,MAA7B,CAApB,CAAnB,CANe;EAOtBlB,WAAW,EAAEgB,kBAAA,CAAUM;AAPD,CAAxB;eAUe/B,W"}

package/lib/molecule/progress-wrapper/index.js

@@ -2,27 +2,47 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _cssColorFunction = require("css-color-function");
+
 var _title = _interopRequireDefault(require("../../atom/title"));
+
 var _progressBar = _interopRequireDefault(require("../progress-bar"));
+
 var _colors = require("../../variables/colors");
+
 var _tag = _interopRequireDefault(require("../../atom/tag"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _icon = _interopRequireDefault(require("../../atom/icon"));
+
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // eslint-disable-next-line css-modules/no-unused-class
+
+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); }
+
 const uncappedMap = _map2.default.convert({
   cap: false
 });
+
 const DetailSection = ({
   index,
   type,
@@ -65,6 +85,7 @@ const DetailSection = ({
     },
     disabled: isLocked
   };
+
   const LockedTag = /*#__PURE__*/_react.default.createElement(_tag.default, {
     label: translate('locked'),
     size: "S",
@@ -78,6 +99,7 @@ const DetailSection = ({
       }
     }
   });
+
   return isTypeStars ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default[`detailsSection${index}`],
     "data-name": type,
@@ -112,6 +134,7 @@ const DetailSection = ({
     className: _style.default.buttonContainer
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, downloadButtonProps))));
 };
+
 const ProgressWrapper = ({
   completedModules,
   mandatoryModules,
@@ -168,6 +191,7 @@ const ProgressWrapper = ({
     index: index
   })), sections)));
 };
+
 const commonDetailSectionPropTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf(['diploma', 'badge', 'stars']),
   downloadUrl: _propTypes.default.string,
@@ -193,5 +217,6 @@ ProgressWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   progression: _propTypes.default.number,
   sections: _propTypes.default.arrayOf(_propTypes.default.shape(commonDetailSectionPropTypes))
 } : {};
-var _default = exports.default = ProgressWrapper;
+var _default = ProgressWrapper;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/progress-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_cssColorFunction","_title","_progressBar","_colors","_tag","_buttonLink","_icon","_provider","_interopRequireWildcard","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","uncappedMap","_map2","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","skin","GetSkinFromContext","primarySkinColor","_get2","isTypeStars","downloadButtonProps","label","link","target","href","customStyle","backgroundColor","color","width","transition","hoverBackgroundColor","hoverColor","COLORS","white","icon","position","faIcon","name","size","padding","disabled","LockedTag","createElement","iconName","iconColor","cm_grey_500","preset","className","style","detailsInfo","detailsInfoText","detailsTitle","img","src","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","container","titleContainer","titleSize","statscontainer","stats","statsNumber","customProgressBar","positive","displayInfo","value","max","statsProgressionMobile","_isEmpty2","details","section","key","commonDetailSectionPropTypes","process","env","NODE_ENV","PropTypes","oneOf","string","number","contextTypes","Provider","childContextTypes","propTypes","bool","arrayOf","shape","_default","exports"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {isEmpty, map, get} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n  const {translate} = context;\n  const skin = GetSkinFromContext(context);\n  const primarySkinColor = get('common.primary', skin);\n  const isTypeStars = type === 'stars';\n\n  const downloadButtonProps = {\n    label: translate('download'),\n    link: {\n      target: '_blank',\n      href: downloadUrl\n    },\n    'data-name': `download-${type}-button`,\n    'aria-label': `download ${type} button`,\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      width: 'auto',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: COLORS.white,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'download',\n        color: primarySkinColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    disabled: isLocked\n  };\n\n  const LockedTag = (\n    <Tag\n      label={translate('locked')}\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: COLORS.cm_grey_500,\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n          {isLocked ? LockedTag : null}\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <img\n        className={style.img}\n        src={\n          type === 'badge'\n            ? downloadUrl\n            : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n          {isLocked ? LockedTag : null}\n        </div>\n\n        <div className={style.buttonContainer}>\n          <ButtonLink {...downloadButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedModules, mandatoryModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory');\n  const isLocked = progression !== 100;\n\n  return (\n    <div\n      className={style.container}\n      data-name=\"prgress-wrapper\"\n      aria-label=\"progress wrapper section\"\n    >\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div>\n            <span className={style.statsNumber} data-name=\"progress-stats\">\n              {`${\n                completedModules > mandatoryModules ? mandatoryModules : completedModules\n              } / ${mandatoryModules}`}\n            </span>\n            {mandatoryCompletedModulesLocale}\n          </div>\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber} data-name=\"progress-value\">\n            {progression}%\n          </span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsProgressionMobile}>\n        <span className={style.statsNumber}>{progression}%</span>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            (section, index) => (\n              <DetailSection\n                {...section}\n                isLocked={isLocked}\n                key={`${section.type}-${index}`}\n                index={index}\n              />\n            ),\n            sections\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  downloadUrl: PropTypes.string,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedModules: PropTypes.number,\n  mandatoryModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["uncappedMap","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","skin","GetSkinFromContext","primarySkinColor","isTypeStars","downloadButtonProps","label","link","target","href","customStyle","backgroundColor","color","width","transition","hoverBackgroundColor","hoverColor","COLORS","white","icon","position","faIcon","name","size","padding","disabled","LockedTag","iconName","iconColor","cm_grey_500","preset","style","detailsInfo","detailsInfoText","detailsTitle","img","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","container","titleContainer","statscontainer","stats","statsNumber","customProgressBar","positive","statsProgressionMobile","details","section","commonDetailSectionPropTypes","PropTypes","oneOf","string","number","contextTypes","Provider","childContextTypes","propTypes","bool","arrayOf","shape"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {isEmpty, map, get} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n  const {translate} = context;\n  const skin = GetSkinFromContext(context);\n  const primarySkinColor = get('common.primary', skin);\n  const isTypeStars = type === 'stars';\n\n  const downloadButtonProps = {\n    label: translate('download'),\n    link: {\n      target: '_blank',\n      href: downloadUrl\n    },\n    'data-name': `download-${type}-button`,\n    'aria-label': `download ${type} button`,\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      width: 'auto',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: COLORS.white,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'download',\n        color: primarySkinColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    disabled: isLocked\n  };\n\n  const LockedTag = (\n    <Tag\n      label={translate('locked')}\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: COLORS.cm_grey_500,\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n          {isLocked ? LockedTag : null}\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <img\n        className={style.img}\n        src={\n          type === 'badge'\n            ? downloadUrl\n            : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n          {isLocked ? LockedTag : null}\n        </div>\n\n        <div className={style.buttonContainer}>\n          <ButtonLink {...downloadButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedModules, mandatoryModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory');\n  const isLocked = progression !== 100;\n\n  return (\n    <div\n      className={style.container}\n      data-name=\"prgress-wrapper\"\n      aria-label=\"progress wrapper section\"\n    >\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div>\n            <span className={style.statsNumber} data-name=\"progress-stats\">\n              {`${\n                completedModules > mandatoryModules ? mandatoryModules : completedModules\n              } / ${mandatoryModules}`}\n            </span>\n            {mandatoryCompletedModulesLocale}\n          </div>\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber} data-name=\"progress-value\">\n            {progression}%\n          </span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsProgressionMobile}>\n        <span className={style.statsNumber}>{progression}%</span>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            (section, index) => (\n              <DetailSection\n                {...section}\n                isLocked={isLocked}\n                key={`${section.type}-${index}`}\n                index={index}\n              />\n            ),\n            sections\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  downloadUrl: PropTypes.string,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedModules: PropTypes.number,\n  mandatoryModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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"}

package/lib/molecule/questions/drop-down/index.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _find2 = _interopRequireDefault(require("lodash/fp/find"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _select = _interopRequireWildcard(require("../../../atom/select"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const DropDown = props => {
   const {
     options,
@@ -32,6 +41,7 @@ const DropDown = props => {
     onChange: onChange
   }));
 };
+
 DropDown.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _select.default.propTypes.onChange,
   options: _propTypes.default.arrayOf(_propTypes.default.shape(_select.SelectOptionPropTypes)),
@@ -39,5 +49,6 @@ DropDown.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': _propTypes.default.string,
   groupAriaLabel: _propTypes.default.string
 } : {};
-var _default = exports.default = DropDown;
+var _default = DropDown;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/questions/drop-down/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_select","_interopRequireWildcard","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropDown","props","options","onChange","theme","propsTheme","ariaLabel","groupAriaLabel","currentSelection","_find2","defaultTheme","validOption","createElement","className","style","wrapper","role","propTypes","process","env","NODE_ENV","Select","PropTypes","arrayOf","shape","SelectOptionPropTypes","string","_default","exports"],"sources":["../../../../src/molecule/questions/drop-down/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {find} from 'lodash/fp';\nimport Select, {SelectOptionPropTypes} from '../../../atom/select';\nimport style from './style.css';\n\nconst DropDown = props => {\n  const {options, onChange, theme: propsTheme, 'aria-label': ariaLabel, groupAriaLabel} = props;\n\n  const currentSelection = find('selected', options);\n  const defaultTheme =\n    !currentSelection || currentSelection.validOption === false ? 'invalid' : 'question';\n\n  const theme = propsTheme || defaultTheme;\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel}>\n      <Select aria-label={ariaLabel} theme={theme} options={options} onChange={onChange} />\n    </div>\n  );\n};\n\nDropDown.propTypes = {\n  onChange: Select.propTypes.onChange,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  theme: Select.propTypes.theme,\n  'aria-label': PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default DropDown;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["DropDown","props","options","onChange","theme","propsTheme","ariaLabel","groupAriaLabel","currentSelection","defaultTheme","validOption","style","wrapper","propTypes","Select","PropTypes","arrayOf","shape","SelectOptionPropTypes","string"],"sources":["../../../../src/molecule/questions/drop-down/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {find} from 'lodash/fp';\nimport Select, {SelectOptionPropTypes} from '../../../atom/select';\nimport style from './style.css';\n\nconst DropDown = props => {\n  const {options, onChange, theme: propsTheme, 'aria-label': ariaLabel, groupAriaLabel} = props;\n\n  const currentSelection = find('selected', options);\n  const defaultTheme =\n    !currentSelection || currentSelection.validOption === false ? 'invalid' : 'question';\n\n  const theme = propsTheme || defaultTheme;\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel}>\n      <Select aria-label={ariaLabel} theme={theme} options={options} onChange={onChange} />\n    </div>\n  );\n};\n\nDropDown.propTypes = {\n  onChange: Select.propTypes.onChange,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  theme: Select.propTypes.theme,\n  'aria-label': PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default DropDown;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,OAAD;IAAUC,QAAV;IAAoBC,KAAK,EAAEC,UAA3B;IAAuC,cAAcC,SAArD;IAAgEC;EAAhE,IAAkFN,KAAxF;EAEA,MAAMO,gBAAgB,GAAG,oBAAK,UAAL,EAAiBN,OAAjB,CAAzB;EACA,MAAMO,YAAY,GAChB,CAACD,gBAAD,IAAqBA,gBAAgB,CAACE,WAAjB,KAAiC,KAAtD,GAA8D,SAA9D,GAA0E,UAD5E;EAGA,MAAMN,KAAK,GAAGC,UAAU,IAAII,YAA5B;EAEA,oBACE;IAAK,SAAS,EAAEE,cAAA,CAAMC,OAAtB;IAA+B,IAAI,EAAC,OAApC;IAA4C,cAAYL;EAAxD,gBACE,6BAAC,eAAD;IAAQ,cAAYD,SAApB;IAA+B,KAAK,EAAEF,KAAtC;IAA6C,OAAO,EAAEF,OAAtD;IAA+D,QAAQ,EAAEC;EAAzE,EADF,CADF;AAKD,CAdD;;AAgBAH,QAAQ,CAACa,SAAT,2CAAqB;EACnBV,QAAQ,EAAEW,eAAA,CAAOD,SAAP,CAAiBV,QADR;EAEnBD,OAAO,EAAEa,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,6BAAhB,CAAlB,CAFU;EAGnBd,KAAK,EAAEU,eAAA,CAAOD,SAAP,CAAiBT,KAHL;EAInB,cAAcW,kBAAA,CAAUI,MAJL;EAKnBZ,cAAc,EAAEQ,kBAAA,CAAUI;AALP,CAArB;eAQenB,Q"}

package/lib/molecule/questions/free-text/index.js

@@ -2,16 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _cssColorFunction = require("css-color-function");
+
 var _provider = _interopRequireWildcard(require("../../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const FreeText = (props, legacyContext) => {
   const skin = (0, _provider.GetSkinFromContext)(legacyContext);
   const {
@@ -31,8 +42,7 @@ const FreeText = (props, legacyContext) => {
     className: _style.default.wrapper,
     onMouseOver: handleMouseOver,
     onMouseLeave: handleMouseLeave,
-    style: {
-      ...(value && {
+    style: { ...(value && {
         boxShadow: hovered ? 'none' : `0 4px 16px ${shadowBoxPrimaryColor}`
       })
     }
@@ -55,6 +65,7 @@ const FreeText = (props, legacyContext) => {
     }
   }));
 };
+
 FreeText.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -64,5 +75,6 @@ FreeText.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _propTypes.default.func,
   'aria-label': _propTypes.default.string
 } : {};
-var _default = exports.default = FreeText;
+var _default = FreeText;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/questions/free-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_provider","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FreeText","props","legacyContext","skin","GetSkinFromContext","placeholder","value","onChange","_noop2","ariaLabel","hovered","setHovered","useState","handleChange","useCallback","target","primarySkinColor","_getOr2","handleMouseOver","handleMouseLeave","shadowBoxPrimaryColor","useMemo","convert","createElement","className","style","wrapper","onMouseOver","onMouseLeave","boxShadow","type","title","freeText","onInput","color","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","func","_default","exports"],"sources":["../../../../src/molecule/questions/free-text/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport style from './style.css';\n\nconst FreeText = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const {placeholder = '', value = '', onChange = noop, 'aria-label': ariaLabel} = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleChange = useCallback(e => onChange(e.target.value), [onChange]);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const shadowBoxPrimaryColor = useMemo(\n    () => convert(`color(${primarySkinColor} a(12%))`),\n    [primarySkinColor]\n  );\n\n  return (\n    <div\n      data-name=\"freeText\"\n      className={style.wrapper}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      style={{\n        ...(value && {\n          boxShadow: hovered ? 'none' : `0 4px 16px ${shadowBoxPrimaryColor}`\n        })\n      }}\n    >\n      <input\n        data-name=\"free-text-input\"\n        type=\"text\"\n        aria-label={ariaLabel || value || placeholder}\n        title={ariaLabel || value || placeholder}\n        className={style.freeText}\n        placeholder={placeholder}\n        value={value}\n        onInput={handleChange}\n        onChange={noop}\n        style={{\n          boxShadow: `0 4px 16px ${shadowBoxPrimaryColor}`,\n          ...(value && {\n            boxShadow: `0 4px 16px ${\n              hovered ? convert(`color(${primarySkinColor} a(20%))`) : shadowBoxPrimaryColor\n            }`\n          }),\n          color: primarySkinColor\n        }}\n      />\n    </div>\n  );\n};\n\nFreeText.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nFreeText.propTypes = {\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string\n};\n\nexport default FreeText;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["FreeText","props","legacyContext","skin","GetSkinFromContext","placeholder","value","onChange","ariaLabel","hovered","setHovered","useState","handleChange","useCallback","e","target","primarySkinColor","handleMouseOver","handleMouseLeave","shadowBoxPrimaryColor","useMemo","convert","style","wrapper","boxShadow","freeText","color","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../../src/molecule/questions/free-text/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport style from './style.css';\n\nconst FreeText = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const {placeholder = '', value = '', onChange = noop, 'aria-label': ariaLabel} = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleChange = useCallback(e => onChange(e.target.value), [onChange]);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const shadowBoxPrimaryColor = useMemo(\n    () => convert(`color(${primarySkinColor} a(12%))`),\n    [primarySkinColor]\n  );\n\n  return (\n    <div\n      data-name=\"freeText\"\n      className={style.wrapper}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      style={{\n        ...(value && {\n          boxShadow: hovered ? 'none' : `0 4px 16px ${shadowBoxPrimaryColor}`\n        })\n      }}\n    >\n      <input\n        data-name=\"free-text-input\"\n        type=\"text\"\n        aria-label={ariaLabel || value || placeholder}\n        title={ariaLabel || value || placeholder}\n        className={style.freeText}\n        placeholder={placeholder}\n        value={value}\n        onInput={handleChange}\n        onChange={noop}\n        style={{\n          boxShadow: `0 4px 16px ${shadowBoxPrimaryColor}`,\n          ...(value && {\n            boxShadow: `0 4px 16px ${\n              hovered ? convert(`color(${primarySkinColor} a(20%))`) : shadowBoxPrimaryColor\n            }`\n          }),\n          color: primarySkinColor\n        }}\n      />\n    </div>\n  );\n};\n\nFreeText.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nFreeText.propTypes = {\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string\n};\n\nexport default FreeText;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EACzC,MAAMC,IAAI,GAAG,IAAAC,4BAAA,EAAmBF,aAAnB,CAAb;EACA,MAAM;IAACG,WAAW,GAAG,EAAf;IAAmBC,KAAK,GAAG,EAA3B;IAA+BC,QAAQ,iBAAvC;IAAgD,cAAcC;EAA9D,IAA2EP,KAAjF;EACA,MAAM,CAACQ,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;EAEA,MAAMC,YAAY,GAAG,IAAAC,kBAAA,EAAYC,CAAC,IAAIP,QAAQ,CAACO,CAAC,CAACC,MAAF,CAAST,KAAV,CAAzB,EAA2C,CAACC,QAAD,CAA3C,CAArB;EACA,MAAMS,gBAAgB,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCb,IAAnC,CAAzB;EAEA,MAAMc,eAAe,GAAG,IAAAJ,kBAAA,EAAY,MAAMH,UAAU,CAAC,IAAD,CAA5B,EAAoC,CAACA,UAAD,CAApC,CAAxB;EAEA,MAAMQ,gBAAgB,GAAG,IAAAL,kBAAA,EAAY,MAAMH,UAAU,CAAC,KAAD,CAA5B,EAAqC,CAACA,UAAD,CAArC,CAAzB;EAEA,MAAMS,qBAAqB,GAAG,IAAAC,cAAA,EAC5B,MAAM,IAAAC,yBAAA,EAAS,SAAQL,gBAAiB,UAAlC,CADsB,EAE5B,CAACA,gBAAD,CAF4B,CAA9B;EAKA,oBACE;IACE,aAAU,UADZ;IAEE,SAAS,EAAEM,cAAA,CAAMC,OAFnB;IAGE,WAAW,EAAEN,eAHf;IAIE,YAAY,EAAEC,gBAJhB;IAKE,KAAK,EAAE,EACL,IAAIZ,KAAK,IAAI;QACXkB,SAAS,EAAEf,OAAO,GAAG,MAAH,GAAa,cAAaU,qBAAsB;MADvD,CAAb;IADK;EALT,gBAWE;IACE,aAAU,iBADZ;IAEE,IAAI,EAAC,MAFP;IAGE,cAAYX,SAAS,IAAIF,KAAb,IAAsBD,WAHpC;IAIE,KAAK,EAAEG,SAAS,IAAIF,KAAb,IAAsBD,WAJ/B;IAKE,SAAS,EAAEiB,cAAA,CAAMG,QALnB;IAME,WAAW,EAAEpB,WANf;IAOE,KAAK,EAAEC,KAPT;IAQE,OAAO,EAAEM,YARX;IASE,QAAQ,gBATV;IAUE,KAAK,EAAE;MACLY,SAAS,EAAG,cAAaL,qBAAsB,EAD1C;MAEL,IAAIb,KAAK,IAAI;QACXkB,SAAS,EAAG,cACVf,OAAO,GAAG,IAAAY,yBAAA,EAAS,SAAQL,gBAAiB,UAAlC,CAAH,GAAkDG,qBAC1D;MAHU,CAAb,CAFK;MAOLO,KAAK,EAAEV;IAPF;EAVT,EAXF,CADF;AAkCD,CAnDD;;AAqDAhB,QAAQ,CAAC2B,YAAT,GAAwB;EACtBxB,IAAI,EAAEyB,iBAAA,CAASC,iBAAT,CAA2B1B;AADX,CAAxB;AAIAH,QAAQ,CAAC8B,SAAT,2CAAqB;EACnBzB,WAAW,EAAE0B,kBAAA,CAAUC,MADJ;EAEnB1B,KAAK,EAAEyB,kBAAA,CAAUC,MAFE;EAGnBzB,QAAQ,EAAEwB,kBAAA,CAAUE,IAHD;EAInB,cAAcF,kBAAA,CAAUC;AAJL,CAArB;eAOehC,Q"}

package/lib/molecule/questions/free-text/index.native.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _reactNative = require("react-native");
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _templateContext = require("../../../template/app-review/template-context");
+
 var _analytics = require("../../../variables/analytics");
+
 var _shadow = require("../../../variables/shadow");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _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; }
+
 const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
   // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread
   input: {
@@ -35,12 +43,14 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
     width: '100%'
   }
 });
+
 const logEvent = (eventName, analytics, questionType) => {
   analytics && analytics.logEvent(eventName, {
     id: `question-input-text`,
     questionType
   });
 };
+
 const FreeText = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -49,9 +59,7 @@ const FreeText = props => {
     theme,
     translations
   } = templateContext;
-  const PLACEHOLDER_COLOR = theme.colors.gray.medium;
-
-  // ------------------------------------
+  const PLACEHOLDER_COLOR = theme.colors.gray.medium; // ------------------------------------
 
   const {
     analytics,
@@ -61,25 +69,21 @@ const FreeText = props => {
     onChange,
     isDisabled = false,
     value
-  } = props;
-
-  // ------------------------------------
+  } = props; // ------------------------------------
 
   const handleFocus = (0, _react.useCallback)(() => analytics && logEvent(_analytics.ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType), [analytics, questionType]);
-  const handleBlur = (0, _react.useCallback)(() => analytics && logEvent(_analytics.ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType), [analytics, questionType]);
-
-  // ------------------------------------
+  const handleBlur = (0, _react.useCallback)(() => analytics && logEvent(_analytics.ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType), [analytics, questionType]); // ------------------------------------
 
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
-    setStylesheet(_stylesheet);
-  }, [brandTheme, theme]);
 
-  // ------------------------------------
+    setStylesheet(_stylesheet);
+  }, [brandTheme, theme]); // ------------------------------------
 
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styleSheet.spaced, fullWidth && styleSheet.fullWitdh]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
@@ -95,5 +99,7 @@ const FreeText = props => {
     selectTextOnFocus: !isDisabled
   }));
 };
-var _default = exports.default = FreeText;
+
+var _default = FreeText;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/molecule/questions/free-text/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_reactNative","require","_react","_interopRequireWildcard","_templateContext","_analytics","_shadow","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","brandTheme","theme","StyleSheet","create","input","padding","spacing","tiny","borderColor","colors","gray","lightMedium","borderRadius","radius","regular","minWidth","marginHorizontal","paddingVertical","BOX_STYLE","backgroundColor","white","text","primary","color","medium","fontWeight","bold","fontSize","textAlign","spaced","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","translations","PLACEHOLDER_COLOR","fullWidth","testID","onChange","isDisabled","value","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","INPUT_FOCUS","handleBlur","INPUT_BLUR","useEffect","_stylesheet","createElement","View","style","TextInput","onFocus","onBlur","onChangeText","placeholder","typeHere","placeholderTextColor","editable","selectTextOnFocus","_default","exports"],"sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"sourcesContent":["import {View, StyleSheet, TextInput, ViewStyle} from 'react-native';\nimport React, {useState, useEffect, useCallback} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\nimport {Theme} from '../../../variables/theme.native';\nimport {BOX_STYLE} from '../../../variables/shadow';\nimport {Brand} from '../../../variables/brand.native';\n\ntype QuestionType = 'basic' | 'template';\n\ninterface Props {\n  fullWidth?: boolean;\n  testID: string;\n  questionType: QuestionType;\n  analytics?: Analytics;\n  onChange: (text: string) => void;\n  isDisabled?: boolean;\n  value?: string; // when value is undefined, TextInput acts as not controlled\n}\n\ntype StyleSheetType = {\n  input: ViewStyle;\n  text: ViewStyle;\n  spaced: ViewStyle;\n  fullWitdh: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    input: {\n      padding: theme.spacing.tiny,\n      borderColor: theme.colors.gray.lightMedium,\n      borderRadius: theme.radius.regular,\n      minWidth: 175,\n      marginHorizontal: 12,\n      paddingVertical: 16,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    text: {\n      borderColor: brandTheme?.colors?.primary,\n      color: brandTheme?.colors?.primary || theme.colors.gray.medium,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.regular,\n      textAlign: 'center'\n    },\n    spaced: {\n      paddingVertical: theme.spacing.tiny\n    },\n    fullWitdh: {\n      width: '100%'\n    }\n  });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: `question-input-text`,\n      questionType\n    });\n};\n\nconst FreeText = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n  // ------------------------------------\n\n  const {\n    analytics,\n    questionType,\n    fullWidth = false,\n    testID,\n    onChange,\n    isDisabled = false,\n    value\n  } = props;\n\n  // ------------------------------------\n\n  const handleFocus = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  const handleBlur = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  // ------------------------------------\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.spaced, fullWidth && styleSheet.fullWitdh]}>\n      <TextInput\n        style={[styleSheet.input, styleSheet.text]}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChangeText={onChange}\n        placeholder={translations.typeHere}\n        placeholderTextColor={PLACEHOLDER_COLOR}\n        value={value}\n        testID={testID}\n        editable={!isDisabled}\n        selectTextOnFocus={!isDisabled}\n      />\n    </View>\n  );\n};\n\nexport default FreeText;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","brandTheme","theme","StyleSheet","create","input","padding","spacing","tiny","borderColor","colors","gray","lightMedium","borderRadius","radius","regular","minWidth","marginHorizontal","paddingVertical","BOX_STYLE","backgroundColor","white","text","primary","color","medium","fontWeight","bold","fontSize","textAlign","spaced","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","translations","PLACEHOLDER_COLOR","fullWidth","testID","onChange","isDisabled","value","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","INPUT_FOCUS","handleBlur","INPUT_BLUR","useEffect","_stylesheet","typeHere"],"sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"sourcesContent":["import {View, StyleSheet, TextInput, ViewStyle} from 'react-native';\nimport React, {useState, useEffect, useCallback} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\nimport {Theme} from '../../../variables/theme.native';\nimport {BOX_STYLE} from '../../../variables/shadow';\nimport {Brand} from '../../../variables/brand.native';\n\ntype QuestionType = 'basic' | 'template';\n\ninterface Props {\n  fullWidth?: boolean;\n  testID: string;\n  questionType: QuestionType;\n  analytics?: Analytics;\n  onChange: (text: string) => void;\n  isDisabled?: boolean;\n  value?: string; // when value is undefined, TextInput acts as not controlled\n}\n\ntype StyleSheetType = {\n  input: ViewStyle;\n  text: ViewStyle;\n  spaced: ViewStyle;\n  fullWitdh: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    input: {\n      padding: theme.spacing.tiny,\n      borderColor: theme.colors.gray.lightMedium,\n      borderRadius: theme.radius.regular,\n      minWidth: 175,\n      marginHorizontal: 12,\n      paddingVertical: 16,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    text: {\n      borderColor: brandTheme?.colors?.primary,\n      color: brandTheme?.colors?.primary || theme.colors.gray.medium,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.regular,\n      textAlign: 'center'\n    },\n    spaced: {\n      paddingVertical: theme.spacing.tiny\n    },\n    fullWitdh: {\n      width: '100%'\n    }\n  });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: `question-input-text`,\n      questionType\n    });\n};\n\nconst FreeText = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n  // ------------------------------------\n\n  const {\n    analytics,\n    questionType,\n    fullWidth = false,\n    testID,\n    onChange,\n    isDisabled = false,\n    value\n  } = props;\n\n  // ------------------------------------\n\n  const handleFocus = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  const handleBlur = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  // ------------------------------------\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.spaced, fullWidth && styleSheet.fullWitdh]}>\n      <TextInput\n        style={[styleSheet.input, styleSheet.text]}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChangeText={onChange}\n        placeholder={translations.typeHere}\n        placeholderTextColor={PLACEHOLDER_COLOR}\n        value={value}\n        testID={testID}\n        editable={!isDisabled}\n        selectTextOnFocus={!isDisabled}\n      />\n    </View>\n  );\n};\n\nexport default FreeText;\n"],"mappings":"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"}