@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/lib/template/common/search-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_button","_filters","_cardsGrid","_cardsList","_cmPopin","_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","SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","_getOr2","nodeRef","useRef","recommendationsView","_isEmpty2","createElement","cardsView","list","className","style","noresults","noresultstxt","clear","background","type","cardsWrapper","role","ref","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","shape","Filters","CardsGrid","Button","CardsList","CMPopin","_default","exports"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards\n  } = props;\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n        filterGroupAriaLabel={filterGroupAriaLabel}\n        sortAriaLabel={sortAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title} role=\"status\">\n          {title}\n        </div>\n        {cardsView}\n      </div>\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SearchPage;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","nodeRef","useRef","recommendationsView","cardsView","list","style","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","Filters","CardsGrid","Button","CardsList","CMPopin"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards\n  } = props;\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n        filterGroupAriaLabel={filterGroupAriaLabel}\n        sortAriaLabel={sortAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title} role=\"status\">\n          {title}\n        </div>\n        {cardsView}\n      </div>\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SearchPage;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,KADI;IAEJC,aAFI;IAGJC,KAHI;IAIJC,cAJI;IAKJC,YALI;IAMJC,eANI;IAOJC,iBAPI;IAQJC,mBARI;IASJC,oBATI;IAUJC,aAVI;IAWJC;EAXI,IAYFZ,KAZJ;EAaA,MAAM;IAACa;EAAD,IAASZ,OAAf;EACA,MAAMa,YAAY,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;EACA,MAAME,OAAO,GAAG,IAAAC,aAAA,EAAO,IAAP,CAAhB;EACA,MAAMC,mBAAmB,GAAG,uBAAQV,eAAR,IAA2B,IAA3B,gBAAkC,6BAAC,kBAAD,EAAeA,eAAf,CAA9D;EAEA,MAAMW,SAAS,GAAG,uBAAQd,KAAK,CAACe,IAAd,iBAChB,uDACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GAAqCjB,cAArC,CADF,eAEE,6BAAC,eAAD,eACMC,YADN;IAEE,aAAU,iBAFZ;IAGE,SAAS,EAAEc,cAAA,CAAMG,KAHnB;IAIE,KAAK,EAAE;MAACC,UAAU,EAAEV;IAAb,CAJT;IAKE,IAAI,EAAC;EALP,GAFF,CADF,EAWGG,mBAXH,CADgB,gBAehB,6BAAC,kBAAD,EAAeb,KAAf,CAfF;EAkBA,oBACE,uDACE,6BAAC,gBAAD,eACMD,aADN;IAEE,iBAAiB,EAAEK,iBAFrB;IAGE,mBAAmB,EAAEC,mBAHvB;IAIE,oBAAoB,EAAEC,oBAJxB;IAKE,aAAa,EAAEC;EALjB,GADF,eAQE;IAAK,aAAU,cAAf;IAA8B,SAAS,EAAES,cAAA,CAAMK;EAA/C,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMlB,KAAtB;IAA6B,IAAI,EAAC;EAAlC,GACGA,KADH,CADF,EAIGgB,SAJH,CARF,EAcGN,cAAc,gBACb;IAAK,SAAS,EAAEQ,cAAA,CAAMR,cAAtB;IAAsC,GAAG,EAAEG;EAA3C,gBACE,6BAAC,gBAAD,EAAaH,cAAb,CADF,CADa,GAIX,IAlBN,CADF;AAsBD,CA3DD;;AA6DAb,UAAU,CAAC2B,YAAX,GAA0B;EACxBb,IAAI,EAAEc,iBAAA,CAASC,iBAAT,CAA2Bf;AADT,CAA1B;AAIAd,UAAU,CAAC8B,SAAX,2CAAuB;EACrBxB,cAAc,EAAEyB,kBAAA,CAAUC,MADL;EAErB7B,KAAK,EAAE4B,kBAAA,CAAUC,MAFI;EAGrB5B,aAAa,EAAE2B,kBAAA,CAAUE,KAAV,CAAgBC,gBAAA,CAAQJ,SAAxB,CAHM;EAIrBzB,KAAK,EAAE0B,kBAAA,CAAUE,KAAV,CAAgBE,kBAAA,CAAUL,SAA1B,CAJc;EAKrBvB,YAAY,EAAEwB,kBAAA,CAAUE,KAAV,CAAgBG,eAAA,CAAON,SAAvB,CALO;EAMrBtB,eAAe,EAAEuB,kBAAA,CAAUE,KAAV,CAAgBI,kBAAA,CAAUP,SAA1B,CANI;EAOrBrB,iBAAiB,EAAEsB,kBAAA,CAAUC,MAPR;EAQrBtB,mBAAmB,EAAEqB,kBAAA,CAAUC,MARV;EASrBrB,oBAAoB,EAAEoB,kBAAA,CAAUC,MATX;EAUrBpB,aAAa,EAAEmB,kBAAA,CAAUC,MAVJ;EAWrBnB,cAAc,EAAEkB,kBAAA,CAAUE,KAAV,CAAgBK,gBAAA,CAAQR,SAAxB;AAXK,CAAvB;eAce9B,U"}

package/lib/template/external-course/index.js

@@ -2,32 +2,55 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _cssColorFunction = require("css-color-function");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _externalContent = require("../../util/external-content");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _button = _interopRequireDefault(require("../../atom/button"));
+
 var _externalContentViewer = _interopRequireDefault(require("../../molecule/external-content-viewer"));
+
 var _cmPopin = _interopRequireDefault(require("../../molecule/cm-popin"));
+
 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 defaultWrapperStyle = {
   default: _style.default.default,
   cockpit: _style.default.defaultCockpit,
   mobile: _style.default.default
 };
+
 const ExternalCourse = (props, context) => {
   const {
     name,
@@ -112,8 +135,7 @@ const ExternalCourse = (props, context) => {
     }, /*#__PURE__*/_react.default.createElement(IconType, {
       className: _style.default.iconHeader
     })), /*#__PURE__*/_react.default.createElement("span", {
-      className: _style.default.innerHTML
-      // eslint-disable-next-line react/no-danger
+      className: _style.default.innerHTML // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: name
@@ -141,6 +163,7 @@ const ExternalCourse = (props, context) => {
     className: (0, _classnames.default)(defaultWrapperStyle[mode], onTop.header && _style.default.onTopHeader, onTop.footer && _style.default.onTopFooter)
   }, header, popin, mainContentSlot, footer);
 };
+
 ExternalCourse.propTypes = process.env.NODE_ENV !== "production" ? {
   name: _propTypes.default.string,
   type: _propTypes.default.oneOf((0, _keys2.default)(_externalContent.EXTERNAL_CONTENT_ICONS)),
@@ -166,12 +189,12 @@ ExternalCourse.propTypes = process.env.NODE_ENV !== "production" ? {
   backgroundImageUrl: _propTypes.default.string,
   contentType: _propTypes.default.string,
   mode: _propTypes.default.string,
-  closePopin: _propTypes.default.shape({
-    ..._cmPopin.default.propTypes
+  closePopin: _propTypes.default.shape({ ..._cmPopin.default.propTypes
   })
 } : {};
 ExternalCourse.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
-var _default = exports.default = ExternalCourse;
+var _default = ExternalCourse;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/template/external-course/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_novaIcons","_cssColorFunction","_classnames","_interopRequireDefault","_propTypes","_externalContent","_provider","_loader","_button","_externalContentViewer","_cmPopin","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","defaultWrapperStyle","style","cockpit","defaultCockpit","mobile","ExternalCourse","props","context","name","type","url","quit","complete","warning","loading","backgroundImageUrl","contentType","mode","onTop","closePopin","skin","primary","_getOr2","IconType","EXTERNAL_CONTENT_ICONS","icon","IconColor","color","mainContentSlot","useMemo","createElement","className","loader","handleOnClick","useCallback","field","onClick","_noop2","stopPropagation","preventDefault","completeButton","_isNil2","disabled","_identity2","submitValue","label","backgroundColor","convert","cursor","classnames","completeCta","warningButton","leftSection","iconLabel","link","NovaSolidInterfaceFeedbackInterfaceQuestionMark","iconQuestion","width","height","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","dangerouslySetInnerHTML","__html","header","_isEmpty2","rightSection","footer","popin","onTopHeader","onTopFooter","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","shape","bool","isRequired","func","CmPopin","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {noop, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport CmPopin from '../../molecule/cm-popin';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n  default: style.default,\n  cockpit: style.defaultCockpit,\n  mobile: style.default\n};\n\nconst ExternalCourse = (props, context) => {\n  const {\n    name,\n    type,\n    url,\n    quit,\n    complete,\n    warning,\n    loading,\n    backgroundImageUrl,\n    contentType,\n    mode = 'default',\n    onTop = {},\n    closePopin\n  } = props;\n  const {skin} = context;\n  const primary = getOr('#00B0FF', 'common.primary', skin);\n  const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n  const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n  const mainContentSlot = useMemo(() => {\n    return loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : (\n      <ExternalContentViewer\n        url={url}\n        mode={mode}\n        backgroundImageUrl={backgroundImageUrl}\n        contentType={contentType}\n      />\n    );\n  }, [loading, url, mode, contentType, backgroundImageUrl]);\n\n  const handleOnClick = useCallback(field => {\n    const onClick = getOr(noop, ['onClick'], field);\n    return e => {\n      e.stopPropagation();\n      e.preventDefault();\n      return onClick(e);\n    };\n  }, []);\n\n  const completeButton = useMemo(() => {\n    return !isNil(complete) ? (\n      <Button\n        type=\"button\"\n        disabled={loading ? true : complete.disabled}\n        onClick={loading ? identity : handleOnClick(complete)}\n        submitValue={complete.label}\n        style={{\n          backgroundColor:\n            complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n          cursor: loading ? 'progress' : 'pointer'\n        }}\n        className={classnames(\n          style.completeCta,\n          complete.disabled || loading ? style.disabled : null,\n          loading ? style.loading : null\n        )}\n        data-testid=\"complete-button\"\n      />\n    ) : null;\n  }, [complete, loading, primary, handleOnClick]);\n\n  const warningButton = useMemo(() => {\n    return !isNil(warning) ? (\n      <div className={style.leftSection}>\n        <div onClick={handleOnClick(warning)} className={classnames(style.iconLabel, style.link)}>\n          <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n          <span>{warning.label}</span>\n        </div>\n      </div>\n    ) : null;\n  }, [handleOnClick, warning]);\n\n  const quitButton = useMemo(() => {\n    return !isNil(quit) ? (\n      <div className={style.leftSection}>\n        <span\n          className={classnames(style.quitCta, loading ? style.loading : null)}\n          onClick={loading ? identity : handleOnClick(quit)}\n        >\n          {quit.label}\n        </span>\n      </div>\n    ) : null;\n  }, [quit, loading, handleOnClick]);\n\n  const titleSection = useMemo(() => {\n    return !isNil(name) ? (\n      <div className={classnames(style.iconLabel, style.title)}>\n        <div className={style.oval} style={{backgroundColor: IconColor}}>\n          <IconType className={style.iconHeader} />\n        </div>\n        <span\n          className={style.innerHTML}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: name}}\n        />\n      </div>\n    ) : null;\n  }, [name, IconColor]);\n\n  const header = useMemo(() => {\n    return !isNil(quit) || !isEmpty(name) ? (\n      <div className={style.header}>\n        {quitButton}\n        {titleSection}\n        {isNil(quit) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [name, titleSection, quit, quitButton]);\n\n  const footer = useMemo(() => {\n    return !isNil(warning) || !isNil(complete) ? (\n      <div className={style.footer}>\n        {warningButton}\n        {completeButton}\n        {isNil(warning) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [warning, warningButton, complete, completeButton]);\n\n  const popin = useMemo(() => {\n    return !isNil(closePopin) ? <CmPopin {...closePopin} /> : null;\n  }, [closePopin]);\n\n  return (\n    <div\n      className={classnames(\n        defaultWrapperStyle[mode],\n        onTop.header && style.onTopHeader,\n        onTop.footer && style.onTopFooter\n      )}\n    >\n      {header}\n      {popin}\n      {mainContentSlot}\n      {footer}\n    </div>\n  );\n};\n\nExternalCourse.propTypes = {\n  name: PropTypes.string,\n  type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n  onTop: PropTypes.shape({\n    header: PropTypes.bool,\n    footer: PropTypes.bool\n  }),\n  url: PropTypes.string.isRequired,\n  quit: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  complete: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    disabled: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  warning: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string,\n  closePopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nExternalCourse.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ExternalCourse;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["defaultWrapperStyle","default","style","cockpit","defaultCockpit","mobile","ExternalCourse","props","context","name","type","url","quit","complete","warning","loading","backgroundImageUrl","contentType","mode","onTop","closePopin","skin","primary","IconType","EXTERNAL_CONTENT_ICONS","icon","IconColor","color","mainContentSlot","useMemo","loader","handleOnClick","useCallback","field","onClick","e","stopPropagation","preventDefault","completeButton","disabled","label","backgroundColor","convert","cursor","classnames","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","__html","header","rightSection","footer","popin","onTopHeader","onTopFooter","propTypes","PropTypes","string","oneOf","shape","bool","isRequired","func","CmPopin","contextTypes","Provider","childContextTypes"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {noop, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport CmPopin from '../../molecule/cm-popin';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n  default: style.default,\n  cockpit: style.defaultCockpit,\n  mobile: style.default\n};\n\nconst ExternalCourse = (props, context) => {\n  const {\n    name,\n    type,\n    url,\n    quit,\n    complete,\n    warning,\n    loading,\n    backgroundImageUrl,\n    contentType,\n    mode = 'default',\n    onTop = {},\n    closePopin\n  } = props;\n  const {skin} = context;\n  const primary = getOr('#00B0FF', 'common.primary', skin);\n  const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n  const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n  const mainContentSlot = useMemo(() => {\n    return loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : (\n      <ExternalContentViewer\n        url={url}\n        mode={mode}\n        backgroundImageUrl={backgroundImageUrl}\n        contentType={contentType}\n      />\n    );\n  }, [loading, url, mode, contentType, backgroundImageUrl]);\n\n  const handleOnClick = useCallback(field => {\n    const onClick = getOr(noop, ['onClick'], field);\n    return e => {\n      e.stopPropagation();\n      e.preventDefault();\n      return onClick(e);\n    };\n  }, []);\n\n  const completeButton = useMemo(() => {\n    return !isNil(complete) ? (\n      <Button\n        type=\"button\"\n        disabled={loading ? true : complete.disabled}\n        onClick={loading ? identity : handleOnClick(complete)}\n        submitValue={complete.label}\n        style={{\n          backgroundColor:\n            complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n          cursor: loading ? 'progress' : 'pointer'\n        }}\n        className={classnames(\n          style.completeCta,\n          complete.disabled || loading ? style.disabled : null,\n          loading ? style.loading : null\n        )}\n        data-testid=\"complete-button\"\n      />\n    ) : null;\n  }, [complete, loading, primary, handleOnClick]);\n\n  const warningButton = useMemo(() => {\n    return !isNil(warning) ? (\n      <div className={style.leftSection}>\n        <div onClick={handleOnClick(warning)} className={classnames(style.iconLabel, style.link)}>\n          <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n          <span>{warning.label}</span>\n        </div>\n      </div>\n    ) : null;\n  }, [handleOnClick, warning]);\n\n  const quitButton = useMemo(() => {\n    return !isNil(quit) ? (\n      <div className={style.leftSection}>\n        <span\n          className={classnames(style.quitCta, loading ? style.loading : null)}\n          onClick={loading ? identity : handleOnClick(quit)}\n        >\n          {quit.label}\n        </span>\n      </div>\n    ) : null;\n  }, [quit, loading, handleOnClick]);\n\n  const titleSection = useMemo(() => {\n    return !isNil(name) ? (\n      <div className={classnames(style.iconLabel, style.title)}>\n        <div className={style.oval} style={{backgroundColor: IconColor}}>\n          <IconType className={style.iconHeader} />\n        </div>\n        <span\n          className={style.innerHTML}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: name}}\n        />\n      </div>\n    ) : null;\n  }, [name, IconColor]);\n\n  const header = useMemo(() => {\n    return !isNil(quit) || !isEmpty(name) ? (\n      <div className={style.header}>\n        {quitButton}\n        {titleSection}\n        {isNil(quit) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [name, titleSection, quit, quitButton]);\n\n  const footer = useMemo(() => {\n    return !isNil(warning) || !isNil(complete) ? (\n      <div className={style.footer}>\n        {warningButton}\n        {completeButton}\n        {isNil(warning) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [warning, warningButton, complete, completeButton]);\n\n  const popin = useMemo(() => {\n    return !isNil(closePopin) ? <CmPopin {...closePopin} /> : null;\n  }, [closePopin]);\n\n  return (\n    <div\n      className={classnames(\n        defaultWrapperStyle[mode],\n        onTop.header && style.onTopHeader,\n        onTop.footer && style.onTopFooter\n      )}\n    >\n      {header}\n      {popin}\n      {mainContentSlot}\n      {footer}\n    </div>\n  );\n};\n\nExternalCourse.propTypes = {\n  name: PropTypes.string,\n  type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n  onTop: PropTypes.shape({\n    header: PropTypes.bool,\n    footer: PropTypes.bool\n  }),\n  url: PropTypes.string.isRequired,\n  quit: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  complete: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    disabled: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  warning: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string,\n  closePopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nExternalCourse.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ExternalCourse;\n"],"mappings":"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"}

package/lib/template/mobile-login/confirm-email-sent/index.native.js

@@ -2,18 +2,31 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
+
 var _index = _interopRequireDefault(require("../../../hoc/touchable/index.native"));
+
 var _templateContext = require("../../app-review/template-context");
+
 var _index2 = _interopRequireDefault(require("../../../atom/text/index.native"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const SCREEN = _reactNative.Dimensions.get('screen');
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   wrapper: {
     top: 0,
@@ -134,6 +147,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     width: 14
   }
 });
+
 const ConfirmEmailSent = props => {
   const {
     locales,
@@ -159,17 +173,19 @@ const ConfirmEmailSent = props => {
   });
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
   (0, _react.useEffect)(() => {
     fadeInContent.start();
-    translateGradients.start();
-    // on mount only
+    translateGradients.start(); // on mount only
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     style: styleSheet.wrapper
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
@@ -212,5 +228,7 @@ const ConfirmEmailSent = props => {
     style: styleSheet.ctaOpenInboxText
   }, locales.successCta))));
 };
-var _default = exports.default = ConfirmEmailSent;
+
+var _default = ConfirmEmailSent;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/template/mobile-login/confirm-email-sent/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeLinearGradient","_interopRequireDefault","_novaIcons","_reactNativeAnimation","_index","_templateContext","_index2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SCREEN","Dimensions","createStyleSheet","theme","StyleSheet","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","backButton","position","closeIcon","fill","width","height","gradients","gradient","opacity","transform","rotate","gradient2","content","checkIconWrapper","backgroundColor","marginVertical","borderRadius","checkIconInnerWrapper","padding","checkIcon","title","color","fontWeight","textAlign","fontSize","lineHeight","paddingVertical","description","ctaWrapper","ctaOpenInbox","flexDirection","overflow","colors","cta","ctaOpenInboxText","marginLeft","mailIcon","ConfirmEmailSent","props","locales","onClose","onOpenInbox","useTemplateContext","styleSheet","setStylesheet","useState","translateGradients","useTranslateY","fromValue","toValue","duration","delay","fadeInContent","useAnimateProp","property","useEffect","_stylesheet","start","createElement","Animated","View","style","animatedStyle","locations","NovaCompositionCoorpacademyCheck","successTitle","successDescription","onPress","testID","NovaSolidStatusClose","NovaCompositionCoorpacademyEmail","successCta","_default","exports"],"sources":["../../../../src/template/mobile-login/confirm-email-sent/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Animated, Dimensions, StyleSheet, TextStyle, View, ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport {\n  NovaSolidStatusClose as CloseIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport Text from '../../../atom/text/index.native';\n\nconst SCREEN = Dimensions.get('screen');\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  content: ViewStyle;\n  backButton: ViewStyle;\n  closeIcon: ViewStyle;\n  gradients: ViewStyle;\n  gradient: ViewStyle;\n  gradient2: ViewStyle;\n  title: TextStyle;\n  description: TextStyle;\n  ctaWrapper: ViewStyle;\n  ctaOpenInbox: ViewStyle;\n  ctaOpenInboxText: TextStyle;\n  mailIcon: ViewStyle;\n  checkIconWrapper: ViewStyle;\n  checkIconInnerWrapper: ViewStyle;\n  checkIcon: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      paddingHorizontal: 24\n    },\n    backButton: {\n      position: 'absolute',\n      top: 60,\n      left: 30\n    },\n    closeIcon: {\n      fill: '#515161',\n      width: 20,\n      height: 20\n    },\n    gradients: {\n      position: 'absolute',\n      top: 0,\n      height: SCREEN.height,\n      left: 0,\n      right: 0,\n      flex: 1\n    },\n    gradient: {\n      position: 'absolute',\n      top: -80,\n      bottom: 400,\n      left: -180,\n      right: -180,\n      opacity: 1,\n      transform: [{rotate: '15deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -30,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      opacity: 0.6\n    },\n    content: {\n      width: '100%',\n      justifyContent: 'space-around',\n      alignItems: 'center'\n    },\n    checkIconWrapper: {\n      backgroundColor: '#E8FCF8',\n      width: 64,\n      height: 64,\n      marginVertical: 12,\n      borderRadius: 16,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    checkIconInnerWrapper: {\n      backgroundColor: '#18BB98',\n      width: 24,\n      height: 24,\n      padding: 4,\n      borderRadius: 50,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    checkIcon: {\n      fill: '#fff',\n      width: 12,\n      height: 12\n    },\n    title: {\n      color: '#1D1D2B',\n      fontWeight: '600',\n      textAlign: 'center',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      color: '#1D1D2B',\n      fontWeight: '400',\n      textAlign: 'center',\n      fontSize: 17,\n      lineHeight: 24,\n      paddingVertical: 8\n    },\n    ctaWrapper: {\n      position: 'absolute',\n      width: '100%',\n      bottom: 60\n    },\n    ctaOpenInbox: {\n      paddingVertical: 12,\n      marginVertical: 4,\n      flexDirection: 'row',\n      justifyContent: 'center',\n      borderRadius: 12,\n      alignItems: 'center',\n      overflow: 'hidden',\n      backgroundColor: theme.colors.cta\n    },\n    ctaOpenInboxText: {\n      marginLeft: 8,\n      color: '#fff',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    mailIcon: {\n      fill: '#fff',\n      height: 14,\n      width: 14\n    }\n  });\n\nexport type Props = {\n  onClose: () => void;\n  onOpenInbox: () => void;\n  locales: {\n    successTitle: string;\n    successDescription: string;\n    successCta: string;\n  };\n};\n\nconst ConfirmEmailSent = (props: Props) => {\n  const {locales, onClose, onOpenInbox} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  const translateGradients = useTranslateY({\n    fromValue: 50,\n    toValue: -SCREEN.height * 0.4,\n    duration: 250,\n    delay: 650\n  });\n\n  const fadeInContent = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 650,\n    delay: 750\n  });\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    fadeInContent.start();\n    translateGradients.start();\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Animated.View style={styleSheet.wrapper}>\n      <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n        <LinearGradient\n          colors={['#179c57', '#fff0']}\n          locations={[0, 0.5]}\n          style={styleSheet.gradient}\n        />\n        <LinearGradient\n          colors={['#18BB98', '#18BB9800']}\n          locations={[0, 1]}\n          style={styleSheet.gradient2}\n        />\n      </Animated.View>\n      <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n        <View style={styleSheet.checkIconWrapper}>\n          <View style={styleSheet.checkIconInnerWrapper}>\n            <CheckIcon style={styleSheet.checkIcon} />\n          </View>\n        </View>\n        <Text style={styleSheet.title}>{locales.successTitle}</Text>\n        <Text style={styleSheet.description}>{locales.successDescription}</Text>\n      </Animated.View>\n\n      <Touchable style={styleSheet.backButton} onPress={onClose} testID=\"close-button\">\n        <CloseIcon style={styleSheet.closeIcon} />\n      </Touchable>\n\n      <Animated.View style={[styleSheet.ctaWrapper, fadeInContent.animatedStyle]}>\n        <Touchable style={styleSheet.ctaOpenInbox} onPress={onOpenInbox} testID=\"open-inbox-button\">\n          <MailIcon style={styleSheet.mailIcon} />\n          <Text style={styleSheet.ctaOpenInboxText}>{locales.successCta}</Text>\n        </Touchable>\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default ConfirmEmailSent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["SCREEN","Dimensions","get","createStyleSheet","theme","StyleSheet","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","backButton","position","closeIcon","fill","width","height","gradients","gradient","opacity","transform","rotate","gradient2","content","checkIconWrapper","backgroundColor","marginVertical","borderRadius","checkIconInnerWrapper","padding","checkIcon","title","color","fontWeight","textAlign","fontSize","lineHeight","paddingVertical","description","ctaWrapper","ctaOpenInbox","flexDirection","overflow","colors","cta","ctaOpenInboxText","marginLeft","mailIcon","ConfirmEmailSent","props","locales","onClose","onOpenInbox","useTemplateContext","styleSheet","setStylesheet","useState","translateGradients","useTranslateY","fromValue","toValue","duration","delay","fadeInContent","useAnimateProp","property","useEffect","_stylesheet","start","animatedStyle","successTitle","successDescription","successCta"],"sources":["../../../../src/template/mobile-login/confirm-email-sent/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Animated, Dimensions, StyleSheet, TextStyle, View, ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport {\n  NovaSolidStatusClose as CloseIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport Text from '../../../atom/text/index.native';\n\nconst SCREEN = Dimensions.get('screen');\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  content: ViewStyle;\n  backButton: ViewStyle;\n  closeIcon: ViewStyle;\n  gradients: ViewStyle;\n  gradient: ViewStyle;\n  gradient2: ViewStyle;\n  title: TextStyle;\n  description: TextStyle;\n  ctaWrapper: ViewStyle;\n  ctaOpenInbox: ViewStyle;\n  ctaOpenInboxText: TextStyle;\n  mailIcon: ViewStyle;\n  checkIconWrapper: ViewStyle;\n  checkIconInnerWrapper: ViewStyle;\n  checkIcon: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      paddingHorizontal: 24\n    },\n    backButton: {\n      position: 'absolute',\n      top: 60,\n      left: 30\n    },\n    closeIcon: {\n      fill: '#515161',\n      width: 20,\n      height: 20\n    },\n    gradients: {\n      position: 'absolute',\n      top: 0,\n      height: SCREEN.height,\n      left: 0,\n      right: 0,\n      flex: 1\n    },\n    gradient: {\n      position: 'absolute',\n      top: -80,\n      bottom: 400,\n      left: -180,\n      right: -180,\n      opacity: 1,\n      transform: [{rotate: '15deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -30,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      opacity: 0.6\n    },\n    content: {\n      width: '100%',\n      justifyContent: 'space-around',\n      alignItems: 'center'\n    },\n    checkIconWrapper: {\n      backgroundColor: '#E8FCF8',\n      width: 64,\n      height: 64,\n      marginVertical: 12,\n      borderRadius: 16,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    checkIconInnerWrapper: {\n      backgroundColor: '#18BB98',\n      width: 24,\n      height: 24,\n      padding: 4,\n      borderRadius: 50,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    checkIcon: {\n      fill: '#fff',\n      width: 12,\n      height: 12\n    },\n    title: {\n      color: '#1D1D2B',\n      fontWeight: '600',\n      textAlign: 'center',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      color: '#1D1D2B',\n      fontWeight: '400',\n      textAlign: 'center',\n      fontSize: 17,\n      lineHeight: 24,\n      paddingVertical: 8\n    },\n    ctaWrapper: {\n      position: 'absolute',\n      width: '100%',\n      bottom: 60\n    },\n    ctaOpenInbox: {\n      paddingVertical: 12,\n      marginVertical: 4,\n      flexDirection: 'row',\n      justifyContent: 'center',\n      borderRadius: 12,\n      alignItems: 'center',\n      overflow: 'hidden',\n      backgroundColor: theme.colors.cta\n    },\n    ctaOpenInboxText: {\n      marginLeft: 8,\n      color: '#fff',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    mailIcon: {\n      fill: '#fff',\n      height: 14,\n      width: 14\n    }\n  });\n\nexport type Props = {\n  onClose: () => void;\n  onOpenInbox: () => void;\n  locales: {\n    successTitle: string;\n    successDescription: string;\n    successCta: string;\n  };\n};\n\nconst ConfirmEmailSent = (props: Props) => {\n  const {locales, onClose, onOpenInbox} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  const translateGradients = useTranslateY({\n    fromValue: 50,\n    toValue: -SCREEN.height * 0.4,\n    duration: 250,\n    delay: 650\n  });\n\n  const fadeInContent = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 650,\n    delay: 750\n  });\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    fadeInContent.start();\n    translateGradients.start();\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Animated.View style={styleSheet.wrapper}>\n      <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n        <LinearGradient\n          colors={['#179c57', '#fff0']}\n          locations={[0, 0.5]}\n          style={styleSheet.gradient}\n        />\n        <LinearGradient\n          colors={['#18BB98', '#18BB9800']}\n          locations={[0, 1]}\n          style={styleSheet.gradient2}\n        />\n      </Animated.View>\n      <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n        <View style={styleSheet.checkIconWrapper}>\n          <View style={styleSheet.checkIconInnerWrapper}>\n            <CheckIcon style={styleSheet.checkIcon} />\n          </View>\n        </View>\n        <Text style={styleSheet.title}>{locales.successTitle}</Text>\n        <Text style={styleSheet.description}>{locales.successDescription}</Text>\n      </Animated.View>\n\n      <Touchable style={styleSheet.backButton} onPress={onClose} testID=\"close-button\">\n        <CloseIcon style={styleSheet.closeIcon} />\n      </Touchable>\n\n      <Animated.View style={[styleSheet.ctaWrapper, fadeInContent.animatedStyle]}>\n        <Touchable style={styleSheet.ctaOpenInbox} onPress={onOpenInbox} testID=\"open-inbox-button\">\n          <MailIcon style={styleSheet.mailIcon} />\n          <Text style={styleSheet.ctaOpenInboxText}>{locales.successCta}</Text>\n        </Touchable>\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default ConfirmEmailSent;\n"],"mappings":"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"}

package/lib/template/mobile-login/qr-code-scanner/index.native.js

@@ -2,20 +2,31 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _reactNativeQrcodeScanner = _interopRequireDefault(require("react-native-qrcode-scanner"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _index = _interopRequireDefault(require("../../../hoc/touchable/index.native"));
+
 var _index2 = _interopRequireDefault(require("../../../atom/text/index.native"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const HEIGHT = 280;
 const WIDTH = 280;
 const COLOR = '#fff';
 const BORDER_RADIUS = 8;
 const LINE_WIDTH = 7;
+
 const styles = _reactNative.StyleSheet.create({
   container: {
     width: '100%',
@@ -77,6 +88,7 @@ const styles = _reactNative.StyleSheet.create({
     }]
   }
 });
+
 const targetStyle = _reactNative.StyleSheet.create({
   target: {
     width: HEIGHT,
@@ -105,6 +117,7 @@ const targetStyle = _reactNative.StyleSheet.create({
     borderRadius: BORDER_RADIUS
   }
 });
+
 const explanationsStyle = _reactNative.StyleSheet.create({
   explanations: {
     position: 'absolute',
@@ -165,6 +178,7 @@ const explanationsStyle = _reactNative.StyleSheet.create({
     color: '#9999A8'
   }
 });
+
 const Corner = props => {
   const {
     position,
@@ -184,6 +198,7 @@ const Corner = props => {
     }]
   }));
 };
+
 const Target = () => {
   const animationRef = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
   const lineLength = animationRef.interpolate({
@@ -198,8 +213,8 @@ const Target = () => {
       easing: _reactNative.Easing.out(_reactNative.Easing.sin),
       useNativeDriver: false
     });
-    animation.start();
-    // on mount only
+
+    animation.start(); // on mount only
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -242,6 +257,7 @@ const Target = () => {
     }
   }));
 };
+
 const Explanations = props => {
   const {
     locales,
@@ -260,9 +276,8 @@ const Explanations = props => {
       easing: _reactNative.Easing.out(_reactNative.Easing.sin),
       useNativeDriver: false
     });
-    animation.start();
 
-    // on mount only
+    animation.start(); // on mount only
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
@@ -296,6 +311,7 @@ const Explanations = props => {
     style: explanationsStyle.ctaHelp
   }, locales.ctaHelp)));
 };
+
 const QRCodeScanner = props => {
   const {
     hasPermission,
@@ -306,8 +322,7 @@ const QRCodeScanner = props => {
   const handleRead = (0, _react.useCallback)(({
     data
   }) => {
-    onScan(typeof data === 'string' ? data : undefined);
-    // on mount only
+    onScan(typeof data === 'string' ? data : undefined); // on mount only
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const blurRef = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
@@ -323,9 +338,8 @@ const QRCodeScanner = props => {
       easing: _reactNative.Easing.out(_reactNative.Easing.sin),
       useNativeDriver: false
     });
-    animation.start();
 
-    // on mount only
+    animation.start(); // on mount only
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -355,5 +369,7 @@ const QRCodeScanner = props => {
     onHelpPress: onHelpPress
   }));
 };
-var _default = exports.default = QRCodeScanner;
+
+var _default = QRCodeScanner;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/template/mobile-login/qr-code-scanner/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeQrcodeScanner","_interopRequireDefault","_novaIcons","_index","_index2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HEIGHT","WIDTH","COLOR","BORDER_RADIUS","LINE_WIDTH","styles","StyleSheet","create","container","width","height","camera","blurs","position","opacity","blurTop","backgroundColor","transform","translateY","blurBottom","bottom","blurLeft","left","top","translateX","blurRight","right","targetStyle","target","borderRadius","overflow","square","stroke","explanationsStyle","explanations","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","paddingTop","paddingBottom","titleWrapper","flexDirection","alignItems","justifyContent","paddingVertical","qrCodeIcon","fill","titleText","fontWeight","color","fontSize","lineHeight","letterSpacing","marginLeft","line","paddingRight","lineText","marginRight","help","marginTop","titleHelp","ctaHelp","textDecorationLine","Corner","props","lineLength","createElement","View","style","Animated","Target","animationRef","useRef","Value","current","interpolate","inputRange","outputRange","useEffect","animation","timing","toValue","duration","delay","easing","Easing","out","sin","useNativeDriver","start","rotate","Explanations","locales","onHelpPress","animateBottom","NovaCompositionCoorpacademyQrCode","title","explanation1","explanation2","onPress","QRCodeScanner","hasPermission","onScan","handleRead","useCallback","data","undefined","blurRef","blurOpacity","testID","fadeIn","onRead","cameraStyle","cameraProps","captureAudio","_default","exports"],"sources":["../../../../src/template/mobile-login/qr-code-scanner/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useRef} from 'react';\nimport {Animated, Easing, StyleSheet, View, ViewStyle} from 'react-native';\n\nimport QRCodeScannerBase from 'react-native-qrcode-scanner';\nimport type {BarCodeReadEvent} from 'react-native-camera';\nimport {NovaCompositionCoorpacademyQrCode as QrCodeIcon} from '@coorpacademy/nova-icons';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport Text from '../../../atom/text/index.native';\n\nexport interface Props {\n  hasPermission: boolean;\n  onScan: (token?: string) => void;\n  onHelpPress: () => void;\n  locales: {\n    title: string;\n    explanation1: string;\n    explanation2: string;\n    ctaHelp: string;\n    titleHelp: string;\n  };\n}\n\nconst HEIGHT = 280;\nconst WIDTH = 280;\nconst COLOR = '#fff';\nconst BORDER_RADIUS = 8;\n\nconst LINE_WIDTH = 7;\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    height: '100%'\n  },\n  camera: {\n    width: '100%',\n    height: '100%'\n  },\n  blurs: {\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    opacity: 0.6\n  },\n  blurTop: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '100%',\n    height: '35%',\n    transform: [{translateY: -HEIGHT / 2 + LINE_WIDTH / 2}]\n  },\n  blurBottom: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '100%',\n    height: '65%',\n    bottom: 0,\n    transform: [{translateY: HEIGHT / 2 - LINE_WIDTH / 2}]\n  },\n  blurLeft: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '50%',\n    height: HEIGHT - LINE_WIDTH,\n    left: 0,\n    top: '35%',\n    transform: [\n      {translateX: -WIDTH / 2 + LINE_WIDTH / 2},\n      {translateY: -HEIGHT / 2 + LINE_WIDTH / 2}\n    ]\n  },\n  blurRight: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '50%',\n    height: HEIGHT - LINE_WIDTH,\n    right: 0,\n    top: '35%',\n    transform: [\n      {translateX: WIDTH / 2 - LINE_WIDTH / 2},\n      {translateY: -HEIGHT / 2 + LINE_WIDTH / 2}\n    ]\n  }\n});\n\nconst targetStyle = StyleSheet.create({\n  target: {\n    width: HEIGHT,\n    height: WIDTH,\n    top: '35%',\n    left: '50%',\n    transform: [{translateX: -WIDTH / 2}, {translateY: -HEIGHT / 2}],\n    borderRadius: BORDER_RADIUS,\n    position: 'absolute',\n    overflow: 'hidden'\n  },\n  square: {\n    position: 'absolute',\n    width: '35%',\n    height: '35%'\n  },\n  stroke: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    backgroundColor: COLOR,\n    borderRadius: BORDER_RADIUS\n  }\n});\n\nconst explanationsStyle = StyleSheet.create({\n  explanations: {\n    position: 'absolute',\n    width: '100%',\n    bottom: 0,\n    backgroundColor: '#fff',\n    borderTopLeftRadius: 30,\n    borderTopRightRadius: 30,\n    paddingHorizontal: 24,\n    paddingTop: 8,\n    paddingBottom: 30\n  },\n  titleWrapper: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    paddingVertical: 16\n  },\n  qrCodeIcon: {\n    fill: '#000',\n    height: 14,\n    width: 14\n  },\n  titleText: {\n    fontWeight: '600',\n    color: '#1D1D2B',\n    fontSize: 21,\n    lineHeight: 24,\n    letterSpacing: 0.5,\n    marginLeft: 7\n  },\n  line: {\n    flexDirection: 'row',\n    paddingRight: 24,\n    paddingVertical: 8\n  },\n  lineText: {\n    fontWeight: '400',\n    color: '#1D1D2B',\n    fontSize: 18,\n    lineHeight: 24,\n    letterSpacing: 0.5,\n    marginRight: 7\n  },\n  help: {\n    flexDirection: 'row',\n    marginTop: 12\n  },\n  titleHelp: {\n    fontSize: 16,\n    color: '#9999A8'\n  },\n  ctaHelp: {\n    marginLeft: 5,\n    fontSize: 16,\n    letterSpacing: 0.5,\n    textDecorationLine: 'underline',\n    color: '#9999A8'\n  }\n});\n\nconst Corner = (props: {position: ViewStyle; lineLength: Animated.AnimatedInterpolation}) => {\n  const {position, lineLength} = props;\n\n  return (\n    <View style={[targetStyle.square, position]}>\n      <Animated.View style={[targetStyle.stroke, {height: LINE_WIDTH, width: lineLength}]} />\n      <Animated.View style={[targetStyle.stroke, {width: LINE_WIDTH, height: lineLength}]} />\n    </View>\n  );\n};\n\nconst Target = () => {\n  const animationRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const lineLength = animationRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [0, WIDTH * 0.35]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(animationRef, {\n      toValue: 1,\n      duration: 700,\n      delay: 400,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <View style={targetStyle.target}>\n      <Corner lineLength={lineLength} position={{top: 0, left: 0, transform: [{rotate: '0deg'}]}} />\n      <Corner\n        lineLength={lineLength}\n        position={{top: 0, right: 0, transform: [{rotate: '90deg'}]}}\n      />\n      <Corner\n        lineLength={lineLength}\n        position={{bottom: 0, right: 0, transform: [{rotate: '180deg'}]}}\n      />\n      <Corner\n        lineLength={lineLength}\n        position={{bottom: 0, left: 0, transform: [{rotate: '270deg'}]}}\n      />\n    </View>\n  );\n};\n\nconst Explanations = (props: {locales: Props['locales']; onHelpPress: Props['onHelpPress']}) => {\n  const {locales, onHelpPress} = props;\n\n  const animationRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const animateBottom = animationRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [-300, 0]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(animationRef, {\n      toValue: 1,\n      duration: 600,\n      delay: 400,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Animated.View style={[explanationsStyle.explanations, {bottom: animateBottom}]}>\n      <View style={explanationsStyle.titleWrapper}>\n        <QrCodeIcon style={explanationsStyle.qrCodeIcon} />\n        <Text style={explanationsStyle.titleText}>{locales.title}</Text>\n      </View>\n      <View style={explanationsStyle.line}>\n        <Text style={explanationsStyle.lineText}>1.</Text>\n        <Text style={explanationsStyle.lineText}>{locales.explanation1}</Text>\n      </View>\n      <View style={explanationsStyle.line}>\n        <Text style={explanationsStyle.lineText}>2.</Text>\n        <Text style={explanationsStyle.lineText}>{locales.explanation2}</Text>\n      </View>\n\n      <Touchable onPress={onHelpPress} style={explanationsStyle.help}>\n        <Text style={explanationsStyle.titleHelp}>{locales.titleHelp}</Text>\n        <Text style={explanationsStyle.ctaHelp}>{locales.ctaHelp}</Text>\n      </Touchable>\n    </Animated.View>\n  );\n};\n\nconst QRCodeScanner = (props: Props) => {\n  const {hasPermission, locales, onScan, onHelpPress} = props;\n\n  const handleRead = useCallback(({data}: BarCodeReadEvent) => {\n    onScan(typeof data === 'string' ? data : undefined);\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const blurRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const blurOpacity = blurRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [0, 0.7]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(blurRef, {\n      toValue: 1,\n      duration: 800,\n      delay: 600,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <View style={styles.container} testID=\"qr-code-scanner\">\n      {hasPermission ? (\n        <QRCodeScannerBase\n          fadeIn={false}\n          onRead={handleRead}\n          cameraStyle={styles.camera}\n          cameraProps={{captureAudio: false}}\n        />\n      ) : null}\n      <Animated.View style={[styles.blurs, {opacity: blurOpacity}]}>\n        <View style={styles.blurTop} />\n        <View style={styles.blurBottom} />\n        <View style={styles.blurLeft} />\n        <View style={styles.blurRight} />\n      </Animated.View>\n      <Target />\n      <Explanations locales={locales} onHelpPress={onHelpPress} />\n    </View>\n  );\n};\n\nexport default QRCodeScanner;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["HEIGHT","WIDTH","COLOR","BORDER_RADIUS","LINE_WIDTH","styles","StyleSheet","create","container","width","height","camera","blurs","position","opacity","blurTop","backgroundColor","transform","translateY","blurBottom","bottom","blurLeft","left","top","translateX","blurRight","right","targetStyle","target","borderRadius","overflow","square","stroke","explanationsStyle","explanations","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","paddingTop","paddingBottom","titleWrapper","flexDirection","alignItems","justifyContent","paddingVertical","qrCodeIcon","fill","titleText","fontWeight","color","fontSize","lineHeight","letterSpacing","marginLeft","line","paddingRight","lineText","marginRight","help","marginTop","titleHelp","ctaHelp","textDecorationLine","Corner","props","lineLength","Target","animationRef","useRef","Animated","Value","current","interpolate","inputRange","outputRange","useEffect","animation","timing","toValue","duration","delay","easing","Easing","out","sin","useNativeDriver","start","rotate","Explanations","locales","onHelpPress","animateBottom","title","explanation1","explanation2","QRCodeScanner","hasPermission","onScan","handleRead","useCallback","data","undefined","blurRef","blurOpacity","captureAudio"],"sources":["../../../../src/template/mobile-login/qr-code-scanner/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useRef} from 'react';\nimport {Animated, Easing, StyleSheet, View, ViewStyle} from 'react-native';\n\nimport QRCodeScannerBase from 'react-native-qrcode-scanner';\nimport type {BarCodeReadEvent} from 'react-native-camera';\nimport {NovaCompositionCoorpacademyQrCode as QrCodeIcon} from '@coorpacademy/nova-icons';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport Text from '../../../atom/text/index.native';\n\nexport interface Props {\n  hasPermission: boolean;\n  onScan: (token?: string) => void;\n  onHelpPress: () => void;\n  locales: {\n    title: string;\n    explanation1: string;\n    explanation2: string;\n    ctaHelp: string;\n    titleHelp: string;\n  };\n}\n\nconst HEIGHT = 280;\nconst WIDTH = 280;\nconst COLOR = '#fff';\nconst BORDER_RADIUS = 8;\n\nconst LINE_WIDTH = 7;\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    height: '100%'\n  },\n  camera: {\n    width: '100%',\n    height: '100%'\n  },\n  blurs: {\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    opacity: 0.6\n  },\n  blurTop: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '100%',\n    height: '35%',\n    transform: [{translateY: -HEIGHT / 2 + LINE_WIDTH / 2}]\n  },\n  blurBottom: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '100%',\n    height: '65%',\n    bottom: 0,\n    transform: [{translateY: HEIGHT / 2 - LINE_WIDTH / 2}]\n  },\n  blurLeft: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '50%',\n    height: HEIGHT - LINE_WIDTH,\n    left: 0,\n    top: '35%',\n    transform: [\n      {translateX: -WIDTH / 2 + LINE_WIDTH / 2},\n      {translateY: -HEIGHT / 2 + LINE_WIDTH / 2}\n    ]\n  },\n  blurRight: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '50%',\n    height: HEIGHT - LINE_WIDTH,\n    right: 0,\n    top: '35%',\n    transform: [\n      {translateX: WIDTH / 2 - LINE_WIDTH / 2},\n      {translateY: -HEIGHT / 2 + LINE_WIDTH / 2}\n    ]\n  }\n});\n\nconst targetStyle = StyleSheet.create({\n  target: {\n    width: HEIGHT,\n    height: WIDTH,\n    top: '35%',\n    left: '50%',\n    transform: [{translateX: -WIDTH / 2}, {translateY: -HEIGHT / 2}],\n    borderRadius: BORDER_RADIUS,\n    position: 'absolute',\n    overflow: 'hidden'\n  },\n  square: {\n    position: 'absolute',\n    width: '35%',\n    height: '35%'\n  },\n  stroke: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    backgroundColor: COLOR,\n    borderRadius: BORDER_RADIUS\n  }\n});\n\nconst explanationsStyle = StyleSheet.create({\n  explanations: {\n    position: 'absolute',\n    width: '100%',\n    bottom: 0,\n    backgroundColor: '#fff',\n    borderTopLeftRadius: 30,\n    borderTopRightRadius: 30,\n    paddingHorizontal: 24,\n    paddingTop: 8,\n    paddingBottom: 30\n  },\n  titleWrapper: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    paddingVertical: 16\n  },\n  qrCodeIcon: {\n    fill: '#000',\n    height: 14,\n    width: 14\n  },\n  titleText: {\n    fontWeight: '600',\n    color: '#1D1D2B',\n    fontSize: 21,\n    lineHeight: 24,\n    letterSpacing: 0.5,\n    marginLeft: 7\n  },\n  line: {\n    flexDirection: 'row',\n    paddingRight: 24,\n    paddingVertical: 8\n  },\n  lineText: {\n    fontWeight: '400',\n    color: '#1D1D2B',\n    fontSize: 18,\n    lineHeight: 24,\n    letterSpacing: 0.5,\n    marginRight: 7\n  },\n  help: {\n    flexDirection: 'row',\n    marginTop: 12\n  },\n  titleHelp: {\n    fontSize: 16,\n    color: '#9999A8'\n  },\n  ctaHelp: {\n    marginLeft: 5,\n    fontSize: 16,\n    letterSpacing: 0.5,\n    textDecorationLine: 'underline',\n    color: '#9999A8'\n  }\n});\n\nconst Corner = (props: {position: ViewStyle; lineLength: Animated.AnimatedInterpolation}) => {\n  const {position, lineLength} = props;\n\n  return (\n    <View style={[targetStyle.square, position]}>\n      <Animated.View style={[targetStyle.stroke, {height: LINE_WIDTH, width: lineLength}]} />\n      <Animated.View style={[targetStyle.stroke, {width: LINE_WIDTH, height: lineLength}]} />\n    </View>\n  );\n};\n\nconst Target = () => {\n  const animationRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const lineLength = animationRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [0, WIDTH * 0.35]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(animationRef, {\n      toValue: 1,\n      duration: 700,\n      delay: 400,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <View style={targetStyle.target}>\n      <Corner lineLength={lineLength} position={{top: 0, left: 0, transform: [{rotate: '0deg'}]}} />\n      <Corner\n        lineLength={lineLength}\n        position={{top: 0, right: 0, transform: [{rotate: '90deg'}]}}\n      />\n      <Corner\n        lineLength={lineLength}\n        position={{bottom: 0, right: 0, transform: [{rotate: '180deg'}]}}\n      />\n      <Corner\n        lineLength={lineLength}\n        position={{bottom: 0, left: 0, transform: [{rotate: '270deg'}]}}\n      />\n    </View>\n  );\n};\n\nconst Explanations = (props: {locales: Props['locales']; onHelpPress: Props['onHelpPress']}) => {\n  const {locales, onHelpPress} = props;\n\n  const animationRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const animateBottom = animationRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [-300, 0]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(animationRef, {\n      toValue: 1,\n      duration: 600,\n      delay: 400,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Animated.View style={[explanationsStyle.explanations, {bottom: animateBottom}]}>\n      <View style={explanationsStyle.titleWrapper}>\n        <QrCodeIcon style={explanationsStyle.qrCodeIcon} />\n        <Text style={explanationsStyle.titleText}>{locales.title}</Text>\n      </View>\n      <View style={explanationsStyle.line}>\n        <Text style={explanationsStyle.lineText}>1.</Text>\n        <Text style={explanationsStyle.lineText}>{locales.explanation1}</Text>\n      </View>\n      <View style={explanationsStyle.line}>\n        <Text style={explanationsStyle.lineText}>2.</Text>\n        <Text style={explanationsStyle.lineText}>{locales.explanation2}</Text>\n      </View>\n\n      <Touchable onPress={onHelpPress} style={explanationsStyle.help}>\n        <Text style={explanationsStyle.titleHelp}>{locales.titleHelp}</Text>\n        <Text style={explanationsStyle.ctaHelp}>{locales.ctaHelp}</Text>\n      </Touchable>\n    </Animated.View>\n  );\n};\n\nconst QRCodeScanner = (props: Props) => {\n  const {hasPermission, locales, onScan, onHelpPress} = props;\n\n  const handleRead = useCallback(({data}: BarCodeReadEvent) => {\n    onScan(typeof data === 'string' ? data : undefined);\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const blurRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const blurOpacity = blurRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [0, 0.7]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(blurRef, {\n      toValue: 1,\n      duration: 800,\n      delay: 600,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <View style={styles.container} testID=\"qr-code-scanner\">\n      {hasPermission ? (\n        <QRCodeScannerBase\n          fadeIn={false}\n          onRead={handleRead}\n          cameraStyle={styles.camera}\n          cameraProps={{captureAudio: false}}\n        />\n      ) : null}\n      <Animated.View style={[styles.blurs, {opacity: blurOpacity}]}>\n        <View style={styles.blurTop} />\n        <View style={styles.blurBottom} />\n        <View style={styles.blurLeft} />\n        <View style={styles.blurRight} />\n      </Animated.View>\n      <Target />\n      <Explanations locales={locales} onHelpPress={onHelpPress} />\n    </View>\n  );\n};\n\nexport default QRCodeScanner;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;AAeA,MAAMA,MAAM,GAAG,GAAf;AACA,MAAMC,KAAK,GAAG,GAAd;AACA,MAAMC,KAAK,GAAG,MAAd;AACA,MAAMC,aAAa,GAAG,CAAtB;AAEA,MAAMC,UAAU,GAAG,CAAnB;;AAEA,MAAMC,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,SAAS,EAAE;IACTC,KAAK,EAAE,MADE;IAETC,MAAM,EAAE;EAFC,CADoB;EAK/BC,MAAM,EAAE;IACNF,KAAK,EAAE,MADD;IAENC,MAAM,EAAE;EAFF,CALuB;EAS/BE,KAAK,EAAE;IACLC,QAAQ,EAAE,UADL;IAELJ,KAAK,EAAE,MAFF;IAGLC,MAAM,EAAE,MAHH;IAILI,OAAO,EAAE;EAJJ,CATwB;EAe/BC,OAAO,EAAE;IACPF,QAAQ,EAAE,UADH;IAEPG,eAAe,EAAE,MAFV;IAGPP,KAAK,EAAE,MAHA;IAIPC,MAAM,EAAE,KAJD;IAKPO,SAAS,EAAE,CAAC;MAACC,UAAU,EAAE,CAAClB,MAAD,GAAU,CAAV,GAAcI,UAAU,GAAG;IAAxC,CAAD;EALJ,CAfsB;EAsB/Be,UAAU,EAAE;IACVN,QAAQ,EAAE,UADA;IAEVG,eAAe,EAAE,MAFP;IAGVP,KAAK,EAAE,MAHG;IAIVC,MAAM,EAAE,KAJE;IAKVU,MAAM,EAAE,CALE;IAMVH,SAAS,EAAE,CAAC;MAACC,UAAU,EAAElB,MAAM,GAAG,CAAT,GAAaI,UAAU,GAAG;IAAvC,CAAD;EAND,CAtBmB;EA8B/BiB,QAAQ,EAAE;IACRR,QAAQ,EAAE,UADF;IAERG,eAAe,EAAE,MAFT;IAGRP,KAAK,EAAE,KAHC;IAIRC,MAAM,EAAEV,MAAM,GAAGI,UAJT;IAKRkB,IAAI,EAAE,CALE;IAMRC,GAAG,EAAE,KANG;IAORN,SAAS,EAAE,CACT;MAACO,UAAU,EAAE,CAACvB,KAAD,GAAS,CAAT,GAAaG,UAAU,GAAG;IAAvC,CADS,EAET;MAACc,UAAU,EAAE,CAAClB,MAAD,GAAU,CAAV,GAAcI,UAAU,GAAG;IAAxC,CAFS;EAPH,CA9BqB;EA0C/BqB,SAAS,EAAE;IACTZ,QAAQ,EAAE,UADD;IAETG,eAAe,EAAE,MAFR;IAGTP,KAAK,EAAE,KAHE;IAITC,MAAM,EAAEV,MAAM,GAAGI,UAJR;IAKTsB,KAAK,EAAE,CALE;IAMTH,GAAG,EAAE,KANI;IAOTN,SAAS,EAAE,CACT;MAACO,UAAU,EAAEvB,KAAK,GAAG,CAAR,GAAYG,UAAU,GAAG;IAAtC,CADS,EAET;MAACc,UAAU,EAAE,CAAClB,MAAD,GAAU,CAAV,GAAcI,UAAU,GAAG;IAAxC,CAFS;EAPF;AA1CoB,CAAlB,CAAf;;AAwDA,MAAMuB,WAAW,GAAGrB,uBAAA,CAAWC,MAAX,CAAkB;EACpCqB,MAAM,EAAE;IACNnB,KAAK,EAAET,MADD;IAENU,MAAM,EAAET,KAFF;IAGNsB,GAAG,EAAE,KAHC;IAIND,IAAI,EAAE,KAJA;IAKNL,SAAS,EAAE,CAAC;MAACO,UAAU,EAAE,CAACvB,KAAD,GAAS;IAAtB,CAAD,EAA2B;MAACiB,UAAU,EAAE,CAAClB,MAAD,GAAU;IAAvB,CAA3B,CALL;IAMN6B,YAAY,EAAE1B,aANR;IAONU,QAAQ,EAAE,UAPJ;IAQNiB,QAAQ,EAAE;EARJ,CAD4B;EAWpCC,MAAM,EAAE;IACNlB,QAAQ,EAAE,UADJ;IAENJ,KAAK,EAAE,KAFD;IAGNC,MAAM,EAAE;EAHF,CAX4B;EAgBpCsB,MAAM,EAAE;IACNnB,QAAQ,EAAE,UADJ;IAENU,GAAG,EAAE,CAFC;IAGND,IAAI,EAAE,CAHA;IAINN,eAAe,EAAEd,KAJX;IAKN2B,YAAY,EAAE1B;EALR;AAhB4B,CAAlB,CAApB;;AAyBA,MAAM8B,iBAAiB,GAAG3B,uBAAA,CAAWC,MAAX,CAAkB;EAC1C2B,YAAY,EAAE;IACZrB,QAAQ,EAAE,UADE;IAEZJ,KAAK,EAAE,MAFK;IAGZW,MAAM,EAAE,CAHI;IAIZJ,eAAe,EAAE,MAJL;IAKZmB,mBAAmB,EAAE,EALT;IAMZC,oBAAoB,EAAE,EANV;IAOZC,iBAAiB,EAAE,EAPP;IAQZC,UAAU,EAAE,CARA;IASZC,aAAa,EAAE;EATH,CAD4B;EAY1CC,YAAY,EAAE;IACZC,aAAa,EAAE,KADH;IAEZC,UAAU,EAAE,QAFA;IAGZC,cAAc,EAAE,YAHJ;IAIZC,eAAe,EAAE;EAJL,CAZ4B;EAkB1CC,UAAU,EAAE;IACVC,IAAI,EAAE,MADI;IAEVpC,MAAM,EAAE,EAFE;IAGVD,KAAK,EAAE;EAHG,CAlB8B;EAuB1CsC,SAAS,EAAE;IACTC,UAAU,EAAE,KADH;IAETC,KAAK,EAAE,SAFE;IAGTC,QAAQ,EAAE,EAHD;IAITC,UAAU,EAAE,EAJH;IAKTC,aAAa,EAAE,GALN;IAMTC,UAAU,EAAE;EANH,CAvB+B;EA+B1CC,IAAI,EAAE;IACJb,aAAa,EAAE,KADX;IAEJc,YAAY,EAAE,EAFV;IAGJX,eAAe,EAAE;EAHb,CA/BoC;EAoC1CY,QAAQ,EAAE;IACRR,UAAU,EAAE,KADJ;IAERC,KAAK,EAAE,SAFC;IAGRC,QAAQ,EAAE,EAHF;IAIRC,UAAU,EAAE,EAJJ;IAKRC,aAAa,EAAE,GALP;IAMRK,WAAW,EAAE;EANL,CApCgC;EA4C1CC,IAAI,EAAE;IACJjB,aAAa,EAAE,KADX;IAEJkB,SAAS,EAAE;EAFP,CA5CoC;EAgD1CC,SAAS,EAAE;IACTV,QAAQ,EAAE,EADD;IAETD,KAAK,EAAE;EAFE,CAhD+B;EAoD1CY,OAAO,EAAE;IACPR,UAAU,EAAE,CADL;IAEPH,QAAQ,EAAE,EAFH;IAGPE,aAAa,EAAE,GAHR;IAIPU,kBAAkB,EAAE,WAJb;IAKPb,KAAK,EAAE;EALA;AApDiC,CAAlB,CAA1B;;AA6DA,MAAMc,MAAM,GAAIC,KAAD,IAA8E;EAC3F,MAAM;IAACnD,QAAD;IAAWoD;EAAX,IAAyBD,KAA/B;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACrC,WAAW,CAACI,MAAb,EAAqBlB,QAArB;EAAb,gBACE,6BAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACc,WAAW,CAACK,MAAb,EAAqB;MAACtB,MAAM,EAAEN,UAAT;MAAqBK,KAAK,EAAEwD;IAA5B,CAArB;EAAtB,EADF,eAEE,6BAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACtC,WAAW,CAACK,MAAb,EAAqB;MAACvB,KAAK,EAAEL,UAAR;MAAoBM,MAAM,EAAEuD;IAA5B,CAArB;EAAtB,EAFF,CADF;AAMD,CATD;;AAWA,MAAMC,MAAM,GAAG,MAAM;EACnB,MAAMC,YAAY,GAAG,IAAAC,aAAA,EAAuB,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAvB,EAA8CC,OAAnE;EACA,MAAMN,UAAU,GAAGE,YAAY,CAACK,WAAb,CAAyB;IAC1CC,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CAD8B;IAE1CC,WAAW,EAAE,CAAC,CAAD,EAAIzE,KAAK,GAAG,IAAZ;EAF6B,CAAzB,CAAnB;EAKA,IAAA0E,gBAAA,EAAU,MAAM;IACd,MAAMC,SAAS,GAAGP,qBAAA,CAASQ,MAAT,CAAgBV,YAAhB,EAA8B;MAC9CW,OAAO,EAAE,CADqC;MAE9CC,QAAQ,EAAE,GAFoC;MAG9CC,KAAK,EAAE,GAHuC;MAI9CC,MAAM,EAAEC,mBAAA,CAAOC,GAAP,CAAWD,mBAAA,CAAOE,GAAlB,CAJsC;MAK9CC,eAAe,EAAE;IAL6B,CAA9B,CAAlB;;IAQAT,SAAS,CAACU,KAAV,GATc,CAUd;IACA;EACD,CAZD,EAYG,EAZH;EAcA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE3D,WAAW,CAACC;EAAzB,gBACE,6BAAC,MAAD;IAAQ,UAAU,EAAEqC,UAApB;IAAgC,QAAQ,EAAE;MAAC1C,GAAG,EAAE,CAAN;MAASD,IAAI,EAAE,CAAf;MAAkBL,SAAS,EAAE,CAAC;QAACsE,MAAM,EAAE;MAAT,CAAD;IAA7B;EAA1C,EADF,eAEE,6BAAC,MAAD;IACE,UAAU,EAAEtB,UADd;IAEE,QAAQ,EAAE;MAAC1C,GAAG,EAAE,CAAN;MAASG,KAAK,EAAE,CAAhB;MAAmBT,SAAS,EAAE,CAAC;QAACsE,MAAM,EAAE;MAAT,CAAD;IAA9B;EAFZ,EAFF,eAME,6BAAC,MAAD;IACE,UAAU,EAAEtB,UADd;IAEE,QAAQ,EAAE;MAAC7C,MAAM,EAAE,CAAT;MAAYM,KAAK,EAAE,CAAnB;MAAsBT,SAAS,EAAE,CAAC;QAACsE,MAAM,EAAE;MAAT,CAAD;IAAjC;EAFZ,EANF,eAUE,6BAAC,MAAD;IACE,UAAU,EAAEtB,UADd;IAEE,QAAQ,EAAE;MAAC7C,MAAM,EAAE,CAAT;MAAYE,IAAI,EAAE,CAAlB;MAAqBL,SAAS,EAAE,CAAC;QAACsE,MAAM,EAAE;MAAT,CAAD;IAAhC;EAFZ,EAVF,CADF;AAiBD,CAtCD;;AAwCA,MAAMC,YAAY,GAAIxB,KAAD,IAA2E;EAC9F,MAAM;IAACyB,OAAD;IAAUC;EAAV,IAAyB1B,KAA/B;EAEA,MAAMG,YAAY,GAAG,IAAAC,aAAA,EAAuB,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAvB,EAA8CC,OAAnE;EACA,MAAMoB,aAAa,GAAGxB,YAAY,CAACK,WAAb,CAAyB;IAC7CC,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CADiC;IAE7CC,WAAW,EAAE,CAAC,CAAC,GAAF,EAAO,CAAP;EAFgC,CAAzB,CAAtB;EAKA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,SAAS,GAAGP,qBAAA,CAASQ,MAAT,CAAgBV,YAAhB,EAA8B;MAC9CW,OAAO,EAAE,CADqC;MAE9CC,QAAQ,EAAE,GAFoC;MAG9CC,KAAK,EAAE,GAHuC;MAI9CC,MAAM,EAAEC,mBAAA,CAAOC,GAAP,CAAWD,mBAAA,CAAOE,GAAlB,CAJsC;MAK9CC,eAAe,EAAE;IAL6B,CAA9B,CAAlB;;IAQAT,SAAS,CAACU,KAAV,GATc,CAWd;IACA;EACD,CAbD,EAaG,EAbH;EAeA,oBACE,6BAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACrD,iBAAiB,CAACC,YAAnB,EAAiC;MAACd,MAAM,EAAEuE;IAAT,CAAjC;EAAtB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE1D,iBAAiB,CAACO;EAA/B,gBACE,6BAAC,4CAAD;IAAY,KAAK,EAAEP,iBAAiB,CAACY;EAArC,EADF,eAEE,6BAAC,eAAD;IAAM,KAAK,EAAEZ,iBAAiB,CAACc;EAA/B,GAA2C0C,OAAO,CAACG,KAAnD,CAFF,CADF,eAKE,6BAAC,iBAAD;IAAM,KAAK,EAAE3D,iBAAiB,CAACqB;EAA/B,gBACE,6BAAC,eAAD;IAAM,KAAK,EAAErB,iBAAiB,CAACuB;EAA/B,QADF,eAEE,6BAAC,eAAD;IAAM,KAAK,EAAEvB,iBAAiB,CAACuB;EAA/B,GAA0CiC,OAAO,CAACI,YAAlD,CAFF,CALF,eASE,6BAAC,iBAAD;IAAM,KAAK,EAAE5D,iBAAiB,CAACqB;EAA/B,gBACE,6BAAC,eAAD;IAAM,KAAK,EAAErB,iBAAiB,CAACuB;EAA/B,QADF,eAEE,6BAAC,eAAD;IAAM,KAAK,EAAEvB,iBAAiB,CAACuB;EAA/B,GAA0CiC,OAAO,CAACK,YAAlD,CAFF,CATF,eAcE,6BAAC,cAAD;IAAW,OAAO,EAAEJ,WAApB;IAAiC,KAAK,EAAEzD,iBAAiB,CAACyB;EAA1D,gBACE,6BAAC,eAAD;IAAM,KAAK,EAAEzB,iBAAiB,CAAC2B;EAA/B,GAA2C6B,OAAO,CAAC7B,SAAnD,CADF,eAEE,6BAAC,eAAD;IAAM,KAAK,EAAE3B,iBAAiB,CAAC4B;EAA/B,GAAyC4B,OAAO,CAAC5B,OAAjD,CAFF,CAdF,CADF;AAqBD,CA7CD;;AA+CA,MAAMkC,aAAa,GAAI/B,KAAD,IAAkB;EACtC,MAAM;IAACgC,aAAD;IAAgBP,OAAhB;IAAyBQ,MAAzB;IAAiCP;EAAjC,IAAgD1B,KAAtD;EAEA,MAAMkC,UAAU,GAAG,IAAAC,kBAAA,EAAY,CAAC;IAACC;EAAD,CAAD,KAA8B;IAC3DH,MAAM,CAAC,OAAOG,IAAP,KAAgB,QAAhB,GAA2BA,IAA3B,GAAkCC,SAAnC,CAAN,CAD2D,CAE3D;IACA;EACD,CAJkB,EAIhB,EAJgB,CAAnB;EAMA,MAAMC,OAAO,GAAG,IAAAlC,aAAA,EAAuB,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAvB,EAA8CC,OAA9D;EACA,MAAMgC,WAAW,GAAGD,OAAO,CAAC9B,WAAR,CAAoB;IACtCC,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CAD0B;IAEtCC,WAAW,EAAE,CAAC,CAAD,EAAI,GAAJ;EAFyB,CAApB,CAApB;EAKA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,SAAS,GAAGP,qBAAA,CAASQ,MAAT,CAAgByB,OAAhB,EAAyB;MACzCxB,OAAO,EAAE,CADgC;MAEzCC,QAAQ,EAAE,GAF+B;MAGzCC,KAAK,EAAE,GAHkC;MAIzCC,MAAM,EAAEC,mBAAA,CAAOC,GAAP,CAAWD,mBAAA,CAAOE,GAAlB,CAJiC;MAKzCC,eAAe,EAAE;IALwB,CAAzB,CAAlB;;IAQAT,SAAS,CAACU,KAAV,GATc,CAWd;IACA;EACD,CAbD,EAaG,EAbH;EAeA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEjF,MAAM,CAACG,SAApB;IAA+B,MAAM,EAAC;EAAtC,GACGwF,aAAa,gBACZ,6BAAC,iCAAD;IACE,MAAM,EAAE,KADV;IAEE,MAAM,EAAEE,UAFV;IAGE,WAAW,EAAE7F,MAAM,CAACM,MAHtB;IAIE,WAAW,EAAE;MAAC6F,YAAY,EAAE;IAAf;EAJf,EADY,GAOV,IARN,eASE,6BAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACnG,MAAM,CAACO,KAAR,EAAe;MAACE,OAAO,EAAEyF;IAAV,CAAf;EAAtB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAElG,MAAM,CAACU;EAApB,EADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAEV,MAAM,CAACc;EAApB,EAFF,eAGE,6BAAC,iBAAD;IAAM,KAAK,EAAEd,MAAM,CAACgB;EAApB,EAHF,eAIE,6BAAC,iBAAD;IAAM,KAAK,EAAEhB,MAAM,CAACoB;EAApB,EAJF,CATF,eAeE,6BAAC,MAAD,OAfF,eAgBE,6BAAC,YAAD;IAAc,OAAO,EAAEgE,OAAvB;IAAgC,WAAW,EAAEC;EAA7C,EAhBF,CADF;AAoBD,CAlDD;;eAoDeK,a"}