@coorpacademy/components 11.32.52 → 11.33.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CMPopin","style","SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","nodeRef","recommendationsView","cardsView","list","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","childContextTypes","propTypes","string","shape"],"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,OAAOA,KAAP,IAAeC,MAAf,QAA4B,OAA5B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,OAAP,MAAoB,2BAApB;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,SAAP,MAAsB,wCAAtB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;EACA,MAAME,OAAO,GAAGzB,MAAM,CAAC,IAAD,CAAtB;EACA,MAAM0B,mBAAmB,GAAG,SAAQT,eAAR,IAA2B,IAA3B,gBAAkC,oBAAC,SAAD,EAAeA,eAAf,CAA9D;EAEA,MAAMU,SAAS,GAAG,SAAQb,KAAK,CAACc,IAAd,iBAChB,8CACE;IAAK,SAAS,EAAEpB,KAAK,CAACqB;EAAtB,gBACE;IAAK,SAAS,EAAErB,KAAK,CAACsB;EAAtB,GAAqCf,cAArC,CADF,eAEE,oBAAC,MAAD,eACMC,YADN;IAEE,aAAU,iBAFZ;IAGE,SAAS,EAAER,KAAK,CAACuB,KAHnB;IAIE,KAAK,EAAE;MAACC,UAAU,EAAER;IAAb,CAJT;IAKE,IAAI,EAAC;EALP,GAFF,CADF,EAWGE,mBAXH,CADgB,gBAehB,oBAAC,SAAD,EAAeZ,KAAf,CAfF;EAkBA,oBACE,8CACE,oBAAC,OAAD,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,EAAEb,KAAK,CAACyB;EAA/C,gBACE;IAAK,SAAS,EAAEzB,KAAK,CAACI,KAAtB;IAA6B,IAAI,EAAC;EAAlC,GACGA,KADH,CADF,EAIGe,SAJH,CARF,EAcGL,cAAc,gBACb;IAAK,SAAS,EAAEd,KAAK,CAACc,cAAtB;IAAsC,GAAG,EAAEG;EAA3C,gBACE,oBAAC,OAAD,EAAaH,cAAb,CADF,CADa,GAIX,IAlBN,CADF;AAsBD,CA3DD;;AA6DAb,UAAU,CAACyB,YAAX,GAA0B;EACxBX,IAAI,EAAErB,QAAQ,CAACiC,iBAAT,CAA2BZ;AADT,CAA1B;AAIAd,UAAU,CAAC2B,SAAX,2CAAuB;EACrBrB,cAAc,EAAEd,SAAS,CAACoC,MADL;EAErBzB,KAAK,EAAEX,SAAS,CAACoC,MAFI;EAGrBxB,aAAa,EAAEZ,SAAS,CAACqC,KAAV,CAAgBlC,OAAO,CAACgC,SAAxB,CAHM;EAIrBtB,KAAK,EAAEb,SAAS,CAACqC,KAAV,CAAgBjC,SAAS,CAAC+B,SAA1B,CAJc;EAKrBpB,YAAY,EAAEf,SAAS,CAACqC,KAAV,CAAgBnC,MAAM,CAACiC,SAAvB,CALO;EAMrBnB,eAAe,EAAEhB,SAAS,CAACqC,KAAV,CAAgBhC,SAAS,CAAC8B,SAA1B,CANI;EAOrBlB,iBAAiB,EAAEjB,SAAS,CAACoC,MAPR;EAQrBlB,mBAAmB,EAAElB,SAAS,CAACoC,MARV;EASrBjB,oBAAoB,EAAEnB,SAAS,CAACoC,MATX;EAUrBhB,aAAa,EAAEpB,SAAS,CAACoC,MAVJ;EAWrBf,cAAc,EAAErB,SAAS,CAACqC,KAAV,CAAgB/B,OAAO,CAAC6B,SAAxB;AAXK,CAAvB;AAcA,eAAe3B,UAAf"}
+{"version":3,"file":"index.js","names":["React","useRef","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CMPopin","style","SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","_getOr","nodeRef","recommendationsView","_isEmpty","createElement","cardsView","list","className","noresults","noresultstxt","_extends","clear","background","type","cardsWrapper","role","ref","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","shape"],"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":[]}

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

@@ -4,9 +4,6 @@ import _identity from "lodash/fp/identity";
 import _keys from "lodash/fp/keys";
 import _getOr from "lodash/fp/getOr";
 import _noop from "lodash/fp/noop";
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useCallback, useMemo } from 'react';
 import { NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon } from '@coorpacademy/nova-icons';
 import { convert } from 'css-color-function';
@@ -24,7 +21,6 @@ const defaultWrapperStyle = {
   cockpit: style.defaultCockpit,
   mobile: style.default
 };
-
 const ExternalCourse = (props, context) => {
   const {
     name,
@@ -43,9 +39,7 @@ const ExternalCourse = (props, context) => {
   const {
     skin
   } = context;
-
   const primary = _getOr('#00B0FF', 'common.primary', skin);
-
   const IconType = EXTERNAL_CONTENT_ICONS[type].icon;
   const IconColor = EXTERNAL_CONTENT_ICONS[type].color;
   const mainContentSlot = useMemo(() => {
@@ -60,7 +54,6 @@ const ExternalCourse = (props, context) => {
   }, [loading, url, mode, contentType, backgroundImageUrl]);
   const handleOnClick = useCallback(field => {
     const onClick = _getOr(_noop, ['onClick'], field);
-
     return e => {
       e.stopPropagation();
       e.preventDefault();
@@ -112,7 +105,8 @@ const ExternalCourse = (props, context) => {
     }, /*#__PURE__*/React.createElement(IconType, {
       className: style.iconHeader
     })), /*#__PURE__*/React.createElement("span", {
-      className: style.innerHTML // eslint-disable-next-line react/no-danger
+      className: style.innerHTML
+      // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: name
@@ -140,7 +134,6 @@ const ExternalCourse = (props, context) => {
     className: classnames(defaultWrapperStyle[mode], onTop.header && style.onTopHeader, onTop.footer && style.onTopFooter)
   }, header, popin, mainContentSlot, footer);
 };
-
 ExternalCourse.propTypes = process.env.NODE_ENV !== "production" ? {
   name: PropTypes.string,
   type: PropTypes.oneOf(_keys(EXTERNAL_CONTENT_ICONS)),
@@ -166,7 +159,9 @@ ExternalCourse.propTypes = process.env.NODE_ENV !== "production" ? {
   backgroundImageUrl: PropTypes.string,
   contentType: PropTypes.string,
   mode: PropTypes.string,
-  closePopin: PropTypes.shape(_extends({}, CmPopin.propTypes))
+  closePopin: PropTypes.shape({
+    ...CmPopin.propTypes
+  })
 } : {};
 ExternalCourse.contextTypes = {
   skin: Provider.childContextTypes.skin

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","convert","classnames","PropTypes","EXTERNAL_CONTENT_ICONS","Provider","Loader","Button","ExternalContentViewer","CmPopin","style","defaultWrapperStyle","default","cockpit","defaultCockpit","mobile","ExternalCourse","props","context","name","type","url","quit","complete","warning","loading","backgroundImageUrl","contentType","mode","onTop","closePopin","skin","primary","IconType","icon","IconColor","color","mainContentSlot","loader","handleOnClick","field","onClick","e","stopPropagation","preventDefault","completeButton","disabled","label","backgroundColor","cursor","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","__html","header","rightSection","footer","popin","onTopHeader","onTopFooter","propTypes","string","oneOf","shape","bool","isRequired","func","contextTypes","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":";;;;;;;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,EAA4BC,OAA5B,QAA0C,OAA1C;AACA,SAAQC,+CAA+C,IAAIC,YAA3D,QAA8E,0BAA9E;AACA,SAAQC,OAAR,QAAsB,oBAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,sBAAR,QAAqC,6BAArC;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,qBAAP,MAAkC,wCAAlC;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,KAAK,CAACE,OADW;EAE1BC,OAAO,EAAEH,KAAK,CAACI,cAFW;EAG1BC,MAAM,EAAEL,KAAK,CAACE;AAHY,CAA5B;;AAMA,MAAMI,cAAc,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACzC,MAAM;IACJC,IADI;IAEJC,IAFI;IAGJC,GAHI;IAIJC,IAJI;IAKJC,QALI;IAMJC,OANI;IAOJC,OAPI;IAQJC,kBARI;IASJC,WATI;IAUJC,IAAI,GAAG,SAVH;IAWJC,KAAK,GAAG,EAXJ;IAYJC;EAZI,IAaFb,KAbJ;EAcA,MAAM;IAACc;EAAD,IAASb,OAAf;;EACA,MAAMc,OAAO,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAAhB;;EACA,MAAME,QAAQ,GAAG7B,sBAAsB,CAACgB,IAAD,CAAtB,CAA6Bc,IAA9C;EACA,MAAMC,SAAS,GAAG/B,sBAAsB,CAACgB,IAAD,CAAtB,CAA6BgB,KAA/C;EAEA,MAAMC,eAAe,GAAGvC,OAAO,CAAC,MAAM;IACpC,OAAO2B,OAAO,gBACZ;MAAK,SAAS,EAAEf,KAAK,CAAC4B;IAAtB,gBACE,oBAAC,MAAD,OADF,CADY,gBAKZ,oBAAC,qBAAD;MACE,GAAG,EAAEjB,GADP;MAEE,IAAI,EAAEO,IAFR;MAGE,kBAAkB,EAAEF,kBAHtB;MAIE,WAAW,EAAEC;IAJf,EALF;EAYD,CAb8B,EAa5B,CAACF,OAAD,EAAUJ,GAAV,EAAeO,IAAf,EAAqBD,WAArB,EAAkCD,kBAAlC,CAb4B,CAA/B;EAeA,MAAMa,aAAa,GAAG1C,WAAW,CAAC2C,KAAK,IAAI;IACzC,MAAMC,OAAO,GAAG,cAAY,CAAC,SAAD,CAAZ,EAAyBD,KAAzB,CAAhB;;IACA,OAAOE,CAAC,IAAI;MACVA,CAAC,CAACC,eAAF;MACAD,CAAC,CAACE,cAAF;MACA,OAAOH,OAAO,CAACC,CAAD,CAAd;IACD,CAJD;EAKD,CAPgC,EAO9B,EAP8B,CAAjC;EASA,MAAMG,cAAc,GAAG/C,OAAO,CAAC,MAAM;IACnC,OAAO,CAAC,OAAMyB,QAAN,CAAD,gBACL,oBAAC,MAAD;MACE,IAAI,EAAC,QADP;MAEE,QAAQ,EAAEE,OAAO,GAAG,IAAH,GAAUF,QAAQ,CAACuB,QAFtC;MAGE,OAAO,EAAErB,OAAO,eAAcc,aAAa,CAAChB,QAAD,CAH7C;MAIE,WAAW,EAAEA,QAAQ,CAACwB,KAJxB;MAKE,KAAK,EAAE;QACLC,eAAe,EACbzB,QAAQ,CAACuB,QAAT,IAAqBrB,OAArB,GAA+BxB,OAAO,CAAE,SAAQ+B,OAAQ,WAAlB,CAAtC,GAAsEA,OAFnE;QAGLiB,MAAM,EAAExB,OAAO,GAAG,UAAH,GAAgB;MAH1B,CALT;MAUE,SAAS,EAAEvB,UAAU,CACnBQ,KAAK,CAACwC,WADa,EAEnB3B,QAAQ,CAACuB,QAAT,IAAqBrB,OAArB,GAA+Bf,KAAK,CAACoC,QAArC,GAAgD,IAF7B,EAGnBrB,OAAO,GAAGf,KAAK,CAACe,OAAT,GAAmB,IAHP,CAVvB;MAeE,eAAY;IAfd,EADK,GAkBH,IAlBJ;EAmBD,CApB6B,EAoB3B,CAACF,QAAD,EAAWE,OAAX,EAAoBO,OAApB,EAA6BO,aAA7B,CApB2B,CAA9B;EAsBA,MAAMY,aAAa,GAAGrD,OAAO,CAAC,MAAM;IAClC,OAAO,CAAC,OAAM0B,OAAN,CAAD,gBACL;MAAK,SAAS,EAAEd,KAAK,CAAC0C;IAAtB,gBACE;MAAK,OAAO,EAAEb,aAAa,CAACf,OAAD,CAA3B;MAAsC,SAAS,EAAEtB,UAAU,CAACQ,KAAK,CAAC2C,SAAP,EAAkB3C,KAAK,CAAC4C,IAAxB;IAA3D,gBACE,oBAAC,YAAD;MAAc,SAAS,EAAE5C,KAAK,CAAC6C,YAA/B;MAA6C,KAAK,EAAE,EAApD;MAAwD,MAAM,EAAE;IAAhE,EADF,eAEE,kCAAO/B,OAAO,CAACuB,KAAf,CAFF,CADF,CADK,GAOH,IAPJ;EAQD,CAT4B,EAS1B,CAACR,aAAD,EAAgBf,OAAhB,CAT0B,CAA7B;EAWA,MAAMgC,UAAU,GAAG1D,OAAO,CAAC,MAAM;IAC/B,OAAO,CAAC,OAAMwB,IAAN,CAAD,gBACL;MAAK,SAAS,EAAEZ,KAAK,CAAC0C;IAAtB,gBACE;MACE,SAAS,EAAElD,UAAU,CAACQ,KAAK,CAAC+C,OAAP,EAAgBhC,OAAO,GAAGf,KAAK,CAACe,OAAT,GAAmB,IAA1C,CADvB;MAEE,OAAO,EAAEA,OAAO,eAAcc,aAAa,CAACjB,IAAD;IAF7C,GAIGA,IAAI,CAACyB,KAJR,CADF,CADK,GASH,IATJ;EAUD,CAXyB,EAWvB,CAACzB,IAAD,EAAOG,OAAP,EAAgBc,aAAhB,CAXuB,CAA1B;EAaA,MAAMmB,YAAY,GAAG5D,OAAO,CAAC,MAAM;IACjC,OAAO,CAAC,OAAMqB,IAAN,CAAD,gBACL;MAAK,SAAS,EAAEjB,UAAU,CAACQ,KAAK,CAAC2C,SAAP,EAAkB3C,KAAK,CAACiD,KAAxB;IAA1B,gBACE;MAAK,SAAS,EAAEjD,KAAK,CAACkD,IAAtB;MAA4B,KAAK,EAAE;QAACZ,eAAe,EAAEb;MAAlB;IAAnC,gBACE,oBAAC,QAAD;MAAU,SAAS,EAAEzB,KAAK,CAACmD;IAA3B,EADF,CADF,eAIE;MACE,SAAS,EAAEnD,KAAK,CAACoD,SADnB,CAEE;MAFF;MAGE,uBAAuB,EAAE;QAACC,MAAM,EAAE5C;MAAT;IAH3B,EAJF,CADK,GAWH,IAXJ;EAYD,CAb2B,EAazB,CAACA,IAAD,EAAOgB,SAAP,CAbyB,CAA5B;EAeA,MAAM6B,MAAM,GAAGlE,OAAO,CAAC,MAAM;IAC3B,OAAO,CAAC,OAAMwB,IAAN,CAAD,IAAgB,CAAC,SAAQH,IAAR,CAAjB,gBACL;MAAK,SAAS,EAAET,KAAK,CAACsD;IAAtB,GACGR,UADH,EAEGE,YAFH,EAGG,OAAMpC,IAAN,IAAc,IAAd,gBAAqB;MAAK,SAAS,EAAEZ,KAAK,CAACuD;IAAtB,EAHxB,CADK,GAMH,IANJ;EAOD,CARqB,EAQnB,CAAC9C,IAAD,EAAOuC,YAAP,EAAqBpC,IAArB,EAA2BkC,UAA3B,CARmB,CAAtB;EAUA,MAAMU,MAAM,GAAGpE,OAAO,CAAC,MAAM;IAC3B,OAAO,CAAC,OAAM0B,OAAN,CAAD,IAAmB,CAAC,OAAMD,QAAN,CAApB,gBACL;MAAK,SAAS,EAAEb,KAAK,CAACwD;IAAtB,GACGf,aADH,EAEGN,cAFH,EAGG,OAAMrB,OAAN,IAAiB,IAAjB,gBAAwB;MAAK,SAAS,EAAEd,KAAK,CAACuD;IAAtB,EAH3B,CADK,GAMH,IANJ;EAOD,CARqB,EAQnB,CAACzC,OAAD,EAAU2B,aAAV,EAAyB5B,QAAzB,EAAmCsB,cAAnC,CARmB,CAAtB;EAUA,MAAMsB,KAAK,GAAGrE,OAAO,CAAC,MAAM;IAC1B,OAAO,CAAC,OAAMgC,UAAN,CAAD,gBAAqB,oBAAC,OAAD,EAAaA,UAAb,CAArB,GAAmD,IAA1D;EACD,CAFoB,EAElB,CAACA,UAAD,CAFkB,CAArB;EAIA,oBACE;IACE,SAAS,EAAE5B,UAAU,CACnBS,mBAAmB,CAACiB,IAAD,CADA,EAEnBC,KAAK,CAACmC,MAAN,IAAgBtD,KAAK,CAAC0D,WAFH,EAGnBvC,KAAK,CAACqC,MAAN,IAAgBxD,KAAK,CAAC2D,WAHH;EADvB,GAOGL,MAPH,EAQGG,KARH,EASG9B,eATH,EAUG6B,MAVH,CADF;AAcD,CA/ID;;AAiJAlD,cAAc,CAACsD,SAAf,2CAA2B;EACzBnD,IAAI,EAAEhB,SAAS,CAACoE,MADS;EAEzBnD,IAAI,EAAEjB,SAAS,CAACqE,KAAV,CAAgB,MAAKpE,sBAAL,CAAhB,CAFmB;EAGzByB,KAAK,EAAE1B,SAAS,CAACsE,KAAV,CAAgB;IACrBT,MAAM,EAAE7D,SAAS,CAACuE,IADG;IAErBR,MAAM,EAAE/D,SAAS,CAACuE;EAFG,CAAhB,CAHkB;EAOzBrD,GAAG,EAAElB,SAAS,CAACoE,MAAV,CAAiBI,UAPG;EAQzBrD,IAAI,EAAEnB,SAAS,CAACsE,KAAV,CAAgB;IACpB1B,KAAK,EAAE5C,SAAS,CAACoE,MAAV,CAAiBI,UADJ;IAEpBlC,OAAO,EAAEtC,SAAS,CAACyE;EAFC,CAAhB,CARmB;EAYzBrD,QAAQ,EAAEpB,SAAS,CAACsE,KAAV,CAAgB;IACxB1B,KAAK,EAAE5C,SAAS,CAACoE,MAAV,CAAiBI,UADA;IAExB7B,QAAQ,EAAE3C,SAAS,CAACuE,IAFI;IAGxBjC,OAAO,EAAEtC,SAAS,CAACyE;EAHK,CAAhB,CAZe;EAiBzBpD,OAAO,EAAErB,SAAS,CAACsE,KAAV,CAAgB;IACvB1B,KAAK,EAAE5C,SAAS,CAACoE,MAAV,CAAiBI,UADD;IAEvBlC,OAAO,EAAEtC,SAAS,CAACyE;EAFI,CAAhB,CAjBgB;EAqBzBnD,OAAO,EAAEtB,SAAS,CAACuE,IArBM;EAsBzBhD,kBAAkB,EAAEvB,SAAS,CAACoE,MAtBL;EAuBzB5C,WAAW,EAAExB,SAAS,CAACoE,MAvBE;EAwBzB3C,IAAI,EAAEzB,SAAS,CAACoE,MAxBS;EAyBzBzC,UAAU,EAAE3B,SAAS,CAACsE,KAAV,cAAoBhE,OAAO,CAAC6D,SAA5B;AAzBa,CAA3B;AA4BAtD,cAAc,CAAC6D,YAAf,GAA8B;EAC5B9C,IAAI,EAAE1B,QAAQ,CAACyE,iBAAT,CAA2B/C;AADL,CAA9B;AAIA,eAAef,cAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","convert","classnames","PropTypes","EXTERNAL_CONTENT_ICONS","Provider","Loader","Button","ExternalContentViewer","CmPopin","style","defaultWrapperStyle","default","cockpit","defaultCockpit","mobile","ExternalCourse","props","context","name","type","url","quit","complete","warning","loading","backgroundImageUrl","contentType","mode","onTop","closePopin","skin","primary","_getOr","IconType","icon","IconColor","color","mainContentSlot","createElement","className","loader","handleOnClick","field","onClick","_noop","e","stopPropagation","preventDefault","completeButton","_isNil","disabled","_identity","submitValue","label","backgroundColor","cursor","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","width","height","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","dangerouslySetInnerHTML","__html","header","_isEmpty","rightSection","footer","popin","onTopHeader","onTopFooter","propTypes","process","env","NODE_ENV","string","oneOf","_keys","shape","bool","isRequired","func","contextTypes","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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","ignoreList":[]}

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

@@ -7,7 +7,6 @@ import Touchable from '../../../hoc/touchable/index.native';
 import { useTemplateContext } from '../../app-review/template-context';
 import Text from '../../../atom/text/index.native';
 const SCREEN = Dimensions.get('screen');
-
 const createStyleSheet = theme => StyleSheet.create({
   wrapper: {
     top: 0,
@@ -128,7 +127,6 @@ const createStyleSheet = theme => StyleSheet.create({
     width: 14
   }
 });
-
 const ConfirmEmailSent = props => {
   const {
     locales,
@@ -154,19 +152,17 @@ const ConfirmEmailSent = props => {
   });
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
   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.createElement(Animated.View, {
     style: styleSheet.wrapper
   }, /*#__PURE__*/React.createElement(Animated.View, {
@@ -209,6 +205,5 @@ const ConfirmEmailSent = props => {
     style: styleSheet.ctaOpenInboxText
   }, locales.successCta))));
 };
-
 export default ConfirmEmailSent;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","Animated","Dimensions","StyleSheet","View","LinearGradient","NovaSolidStatusClose","CloseIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","Text","SCREEN","get","createStyleSheet","theme","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","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","fadeInContent","property","_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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"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","Animated","Dimensions","StyleSheet","View","LinearGradient","NovaSolidStatusClose","CloseIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","Text","SCREEN","get","createStyleSheet","theme","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","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","fadeInContent","property","_stylesheet","start","createElement","style","animatedStyle","locations","successTitle","successDescription","onPress","testID","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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","ignoreList":[]}

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

@@ -158,7 +158,6 @@ const explanationsStyle = StyleSheet.create({
     color: '#9999A8'
   }
 });
-
 const Corner = props => {
   const {
     position,
@@ -178,7 +177,6 @@ const Corner = props => {
     }]
   }));
 };
-
 const Target = () => {
   const animationRef = useRef(new Animated.Value(0)).current;
   const lineLength = animationRef.interpolate({
@@ -193,7 +191,8 @@ const Target = () => {
       easing: Easing.out(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.createElement(View, {
@@ -236,7 +235,6 @@ const Target = () => {
     }
   }));
 };
-
 const Explanations = props => {
   const {
     locales,
@@ -255,7 +253,9 @@ const Explanations = props => {
       easing: Easing.out(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.createElement(Animated.View, {
@@ -289,7 +289,6 @@ const Explanations = props => {
     style: explanationsStyle.ctaHelp
   }, locales.ctaHelp)));
 };
-
 const QRCodeScanner = props => {
   const {
     hasPermission,
@@ -300,7 +299,8 @@ const QRCodeScanner = props => {
   const handleRead = 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 = useRef(new Animated.Value(0)).current;
@@ -316,7 +316,9 @@ const QRCodeScanner = props => {
       easing: Easing.out(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.createElement(View, {
@@ -346,6 +348,5 @@ const QRCodeScanner = props => {
     onHelpPress: onHelpPress
   }));
 };
-
 export default QRCodeScanner;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useRef","Animated","Easing","StyleSheet","View","QRCodeScannerBase","NovaCompositionCoorpacademyQrCode","QrCodeIcon","Touchable","Text","HEIGHT","WIDTH","COLOR","BORDER_RADIUS","LINE_WIDTH","styles","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","Value","current","interpolate","inputRange","outputRange","animation","timing","toValue","duration","delay","easing","out","sin","useNativeDriver","start","rotate","Explanations","locales","onHelpPress","animateBottom","title","explanation1","explanation2","QRCodeScanner","hasPermission","onScan","handleRead","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":"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"}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useRef","Animated","Easing","StyleSheet","View","QRCodeScannerBase","NovaCompositionCoorpacademyQrCode","QrCodeIcon","Touchable","Text","HEIGHT","WIDTH","COLOR","BORDER_RADIUS","LINE_WIDTH","styles","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","style","Target","animationRef","Value","current","interpolate","inputRange","outputRange","animation","timing","toValue","duration","delay","easing","out","sin","useNativeDriver","start","rotate","Explanations","locales","onHelpPress","animateBottom","title","explanation1","explanation2","onPress","QRCodeScanner","hasPermission","onScan","handleRead","data","undefined","blurRef","blurOpacity","testID","fadeIn","onRead","cameraStyle","cameraProps","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":"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","ignoreList":[]}

package/es/template/mobile-login/receive-email/index.native.js

@@ -113,7 +113,6 @@ const styles = StyleSheet.create({
     lineHeight: 24
   }
 });
-
 const ReceiveEmail = props => {
   const {
     locales,
@@ -199,6 +198,5 @@ const ReceiveEmail = props => {
     style: styles.ctaText
   }, locales.cta))));
 };
-
 export default ReceiveEmail;
 //# sourceMappingURL=index.native.js.map

package/es/template/mobile-login/receive-email/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useRef","useState","Animated","Easing","KeyboardAvoidingView","Platform","StyleSheet","Text","TextInput","View","NovaCompositionNavigationLeftArrow","ArrowIcon","NovaCompositionCoorpacademyEmail","MailIcon","NovaCompositionCoorpacademySendEmail","SendIcon","Touchable","useMobileKeyboardVisibility","enabledColor","disabledColor","emailRegex","styles","create","container","width","height","flex","justifyContent","alignItems","paddingVertical","paddingHorizontal","contentWrapper","backButton","arrowIcon","fill","mailIconWrapper","backgroundColor","padding","marginVertical","borderRadius","mailIcon","innerMailIcon","marginTop","marginLeft","title","color","fontSize","fontWeight","lineHeight","textAlign","marginBottom","explanation","letterSpacing","subtitle","textInput","borderColor","borderWidth","alignContent","ctaWrapper","overflow","ctaButton","flexDirection","sendIcon","marginRight","ctaText","ReceiveEmail","props","locales","onClose","onSend","email","setEmail","isValid","setValid","isTextInputFocused","setTextInputFocused","isKeyboardVisible","handleSend","handleChangeText","value","test","handleTextInputFocus","handleTextInputBlur","animationRef","Value","current","animatedColor","interpolate","inputRange","outputRange","animation","timing","toValue","duration","easing","out","sin","useNativeDriver","start","OS","cta"],"sources":["../../../../src/template/mobile-login/receive-email/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport {\n  Animated,\n  Easing,\n  KeyboardAvoidingView,\n  Platform,\n  StyleSheet,\n  Text,\n  TextInput,\n  View\n} from 'react-native';\nimport {\n  NovaCompositionNavigationLeftArrow as ArrowIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon,\n  NovaCompositionCoorpacademySendEmail as SendIcon\n} from '@coorpacademy/nova-icons';\n\nimport Touchable from '../../../hoc/touchable/index.native';\nimport useMobileKeyboardVisibility from '../../../util/use-mobile-keyboard-visibility';\n\nconst enabledColor = '#0061ff';\nconst disabledColor = '#9999A8';\nconst emailRegex = /^\\w+([-+.']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$/;\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    height: '100%',\n    flex: 1,\n    justifyContent: 'space-between',\n    alignItems: 'flex-start',\n    paddingVertical: 50,\n    paddingHorizontal: 24\n  },\n  contentWrapper: {\n    width: '100%'\n  },\n  backButton: {\n    paddingVertical: 20\n  },\n  arrowIcon: {\n    fill: '#515161',\n    width: 24,\n    height: 15\n  },\n  mailIconWrapper: {\n    backgroundColor: '#f1f6fe',\n    width: 64,\n    height: 64,\n    padding: 23,\n    marginVertical: 24,\n    borderRadius: 16,\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  mailIcon: {\n    fill: '#0061ff',\n    width: 24,\n    height: 18\n  },\n  innerMailIcon: {\n    fill: '#515161',\n    width: 16,\n    height: 12,\n    marginTop: -30,\n    marginLeft: 16\n  },\n  title: {\n    color: '#1D1D2B',\n    fontSize: 24,\n    fontWeight: '600',\n    lineHeight: 32,\n    textAlign: 'left',\n    marginBottom: 12\n  },\n  explanation: {\n    color: '#515161',\n    fontSize: 17,\n    letterSpacing: 0.4,\n    fontWeight: '500',\n    lineHeight: 22,\n    textAlign: 'left',\n    marginBottom: 24\n  },\n  subtitle: {\n    color: '#1D1D2B',\n    fontSize: 15,\n    fontWeight: '600',\n    lineHeight: 20,\n    textAlign: 'left',\n    marginBottom: 8\n  },\n  textInput: {\n    height: 48,\n    width: '100%',\n    backgroundColor: '#F4F4F5',\n    borderColor: enabledColor,\n    borderWidth: 2,\n    fontSize: 15,\n    lineHeight: 16,\n    alignContent: 'center',\n    color: '#515161',\n    borderRadius: 7,\n    paddingHorizontal: 40\n  },\n  ctaWrapper: {\n    width: '100%',\n    overflow: 'hidden',\n    borderRadius: 12,\n    marginTop: 30,\n    marginBottom: 50\n  },\n  ctaButton: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    paddingVertical: 16\n  },\n  sendIcon: {\n    fill: '#fff',\n    width: 16,\n    height: 16,\n    marginRight: 8\n  },\n  ctaText: {\n    color: '#fff',\n    fontWeight: '700',\n    fontSize: 15,\n    lineHeight: 24\n  }\n});\n\nexport type Props = {\n  locales: {\n    title: string;\n    explanation: string;\n    subtitle: string;\n    cta: string;\n  };\n  onClose: () => void;\n  onSend: (email: string) => void;\n};\n\nconst ReceiveEmail = (props: Props) => {\n  const {locales, onClose, onSend} = props;\n\n  const [email, setEmail] = useState<string>('');\n  const [isValid, setValid] = useState<boolean>(false);\n  const [isTextInputFocused, setTextInputFocused] = useState<boolean>(false);\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleSend = useCallback(() => {\n    onSend(email);\n  }, [email, onSend]);\n\n  const handleChangeText = useCallback(value => {\n    setValid(emailRegex.test(value));\n    setEmail(value);\n  }, []);\n\n  const handleTextInputFocus = useCallback(() => {\n    setTextInputFocused(true);\n  }, []);\n\n  const handleTextInputBlur = useCallback(() => {\n    setTextInputFocused(false);\n  }, []);\n\n  const animationRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const animatedColor = animationRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [disabledColor, enabledColor]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(animationRef, {\n      toValue: isValid ? 1 : 0,\n      duration: 250,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n  }, [animationRef, isValid]);\n\n  return (\n    <KeyboardAvoidingView\n      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}\n      style={[styles.container]}\n      testID=\"receive-email\"\n    >\n      <View style={styles.contentWrapper}>\n        <Touchable style={styles.backButton} onPress={onClose} testID=\"close-button\">\n          <ArrowIcon style={styles.arrowIcon} />\n        </Touchable>\n        {isKeyboardVisible ? null : (\n          <View style={styles.mailIconWrapper}>\n            <MailIcon style={styles.mailIcon} />\n          </View>\n        )}\n        <Text style={styles.title}>{locales.title}</Text>\n        <Text style={styles.explanation}>{locales.explanation}</Text>\n        <Text style={styles.subtitle}>{locales.subtitle}</Text>\n        <TextInput\n          style={[styles.textInput, {borderWidth: isTextInputFocused ? 2 : 0}]}\n          placeholder=\"john.doe@company.com\"\n          placeholderTextColor={disabledColor}\n          onChangeText={handleChangeText}\n          onFocus={handleTextInputFocus}\n          onBlur={handleTextInputBlur}\n        />\n        <MailIcon style={styles.innerMailIcon} />\n      </View>\n\n      <Animated.View style={[styles.ctaWrapper, {backgroundColor: animatedColor}]}>\n        <Touchable\n          disabled={!isValid}\n          style={[styles.ctaButton]}\n          onPress={handleSend}\n          testID=\"send-button\"\n        >\n          <SendIcon style={styles.sendIcon} />\n          <Text style={styles.ctaText}>{locales.cta}</Text>\n        </Touchable>\n      </Animated.View>\n    </KeyboardAvoidingView>\n  );\n};\n\nexport default ReceiveEmail;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useRef","useState","Animated","Easing","KeyboardAvoidingView","Platform","StyleSheet","Text","TextInput","View","NovaCompositionNavigationLeftArrow","ArrowIcon","NovaCompositionCoorpacademyEmail","MailIcon","NovaCompositionCoorpacademySendEmail","SendIcon","Touchable","useMobileKeyboardVisibility","enabledColor","disabledColor","emailRegex","styles","create","container","width","height","flex","justifyContent","alignItems","paddingVertical","paddingHorizontal","contentWrapper","backButton","arrowIcon","fill","mailIconWrapper","backgroundColor","padding","marginVertical","borderRadius","mailIcon","innerMailIcon","marginTop","marginLeft","title","color","fontSize","fontWeight","lineHeight","textAlign","marginBottom","explanation","letterSpacing","subtitle","textInput","borderColor","borderWidth","alignContent","ctaWrapper","overflow","ctaButton","flexDirection","sendIcon","marginRight","ctaText","ReceiveEmail","props","locales","onClose","onSend","email","setEmail","isValid","setValid","isTextInputFocused","setTextInputFocused","isKeyboardVisible","handleSend","handleChangeText","value","test","handleTextInputFocus","handleTextInputBlur","animationRef","Value","current","animatedColor","interpolate","inputRange","outputRange","animation","timing","toValue","duration","easing","out","sin","useNativeDriver","start","createElement","behavior","OS","style","testID","onPress","placeholder","placeholderTextColor","onChangeText","onFocus","onBlur","disabled","cta"],"sources":["../../../../src/template/mobile-login/receive-email/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport {\n  Animated,\n  Easing,\n  KeyboardAvoidingView,\n  Platform,\n  StyleSheet,\n  Text,\n  TextInput,\n  View\n} from 'react-native';\nimport {\n  NovaCompositionNavigationLeftArrow as ArrowIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon,\n  NovaCompositionCoorpacademySendEmail as SendIcon\n} from '@coorpacademy/nova-icons';\n\nimport Touchable from '../../../hoc/touchable/index.native';\nimport useMobileKeyboardVisibility from '../../../util/use-mobile-keyboard-visibility';\n\nconst enabledColor = '#0061ff';\nconst disabledColor = '#9999A8';\nconst emailRegex = /^\\w+([-+.']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$/;\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    height: '100%',\n    flex: 1,\n    justifyContent: 'space-between',\n    alignItems: 'flex-start',\n    paddingVertical: 50,\n    paddingHorizontal: 24\n  },\n  contentWrapper: {\n    width: '100%'\n  },\n  backButton: {\n    paddingVertical: 20\n  },\n  arrowIcon: {\n    fill: '#515161',\n    width: 24,\n    height: 15\n  },\n  mailIconWrapper: {\n    backgroundColor: '#f1f6fe',\n    width: 64,\n    height: 64,\n    padding: 23,\n    marginVertical: 24,\n    borderRadius: 16,\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  mailIcon: {\n    fill: '#0061ff',\n    width: 24,\n    height: 18\n  },\n  innerMailIcon: {\n    fill: '#515161',\n    width: 16,\n    height: 12,\n    marginTop: -30,\n    marginLeft: 16\n  },\n  title: {\n    color: '#1D1D2B',\n    fontSize: 24,\n    fontWeight: '600',\n    lineHeight: 32,\n    textAlign: 'left',\n    marginBottom: 12\n  },\n  explanation: {\n    color: '#515161',\n    fontSize: 17,\n    letterSpacing: 0.4,\n    fontWeight: '500',\n    lineHeight: 22,\n    textAlign: 'left',\n    marginBottom: 24\n  },\n  subtitle: {\n    color: '#1D1D2B',\n    fontSize: 15,\n    fontWeight: '600',\n    lineHeight: 20,\n    textAlign: 'left',\n    marginBottom: 8\n  },\n  textInput: {\n    height: 48,\n    width: '100%',\n    backgroundColor: '#F4F4F5',\n    borderColor: enabledColor,\n    borderWidth: 2,\n    fontSize: 15,\n    lineHeight: 16,\n    alignContent: 'center',\n    color: '#515161',\n    borderRadius: 7,\n    paddingHorizontal: 40\n  },\n  ctaWrapper: {\n    width: '100%',\n    overflow: 'hidden',\n    borderRadius: 12,\n    marginTop: 30,\n    marginBottom: 50\n  },\n  ctaButton: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    paddingVertical: 16\n  },\n  sendIcon: {\n    fill: '#fff',\n    width: 16,\n    height: 16,\n    marginRight: 8\n  },\n  ctaText: {\n    color: '#fff',\n    fontWeight: '700',\n    fontSize: 15,\n    lineHeight: 24\n  }\n});\n\nexport type Props = {\n  locales: {\n    title: string;\n    explanation: string;\n    subtitle: string;\n    cta: string;\n  };\n  onClose: () => void;\n  onSend: (email: string) => void;\n};\n\nconst ReceiveEmail = (props: Props) => {\n  const {locales, onClose, onSend} = props;\n\n  const [email, setEmail] = useState<string>('');\n  const [isValid, setValid] = useState<boolean>(false);\n  const [isTextInputFocused, setTextInputFocused] = useState<boolean>(false);\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleSend = useCallback(() => {\n    onSend(email);\n  }, [email, onSend]);\n\n  const handleChangeText = useCallback(value => {\n    setValid(emailRegex.test(value));\n    setEmail(value);\n  }, []);\n\n  const handleTextInputFocus = useCallback(() => {\n    setTextInputFocused(true);\n  }, []);\n\n  const handleTextInputBlur = useCallback(() => {\n    setTextInputFocused(false);\n  }, []);\n\n  const animationRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const animatedColor = animationRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [disabledColor, enabledColor]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(animationRef, {\n      toValue: isValid ? 1 : 0,\n      duration: 250,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n  }, [animationRef, isValid]);\n\n  return (\n    <KeyboardAvoidingView\n      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}\n      style={[styles.container]}\n      testID=\"receive-email\"\n    >\n      <View style={styles.contentWrapper}>\n        <Touchable style={styles.backButton} onPress={onClose} testID=\"close-button\">\n          <ArrowIcon style={styles.arrowIcon} />\n        </Touchable>\n        {isKeyboardVisible ? null : (\n          <View style={styles.mailIconWrapper}>\n            <MailIcon style={styles.mailIcon} />\n          </View>\n        )}\n        <Text style={styles.title}>{locales.title}</Text>\n        <Text style={styles.explanation}>{locales.explanation}</Text>\n        <Text style={styles.subtitle}>{locales.subtitle}</Text>\n        <TextInput\n          style={[styles.textInput, {borderWidth: isTextInputFocused ? 2 : 0}]}\n          placeholder=\"john.doe@company.com\"\n          placeholderTextColor={disabledColor}\n          onChangeText={handleChangeText}\n          onFocus={handleTextInputFocus}\n          onBlur={handleTextInputBlur}\n        />\n        <MailIcon style={styles.innerMailIcon} />\n      </View>\n\n      <Animated.View style={[styles.ctaWrapper, {backgroundColor: animatedColor}]}>\n        <Touchable\n          disabled={!isValid}\n          style={[styles.ctaButton]}\n          onPress={handleSend}\n          testID=\"send-button\"\n        >\n          <SendIcon style={styles.sendIcon} />\n          <Text style={styles.ctaText}>{locales.cta}</Text>\n        </Touchable>\n      </Animated.View>\n    </KeyboardAvoidingView>\n  );\n};\n\nexport default ReceiveEmail;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAO,OAAO;AACrE,SACEC,QAAQ,EACRC,MAAM,EACNC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,SAAS,EACTC,IAAI,QACC,cAAc;AACrB,SACEC,kCAAkC,IAAIC,SAAS,EAC/CC,gCAAgC,IAAIC,QAAQ,EAC5CC,oCAAoC,IAAIC,QAAQ,QAC3C,0BAA0B;AAEjC,OAAOC,SAAS,MAAM,qCAAqC;AAC3D,OAAOC,2BAA2B,MAAM,8CAA8C;AAEtF,MAAMC,YAAY,GAAG,SAAS;AAC9B,MAAMC,aAAa,GAAG,SAAS;AAC/B,MAAMC,UAAU,GAAG,gDAAgD;AAEnE,MAAMC,MAAM,GAAGf,UAAU,CAACgB,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,YAAY;IACxBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDC,cAAc,EAAE;IACdP,KAAK,EAAE;EACT,CAAC;EACDQ,UAAU,EAAE;IACVH,eAAe,EAAE;EACnB,CAAC;EACDI,SAAS,EAAE;IACTC,IAAI,EAAE,SAAS;IACfV,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDU,eAAe,EAAE;IACfC,eAAe,EAAE,SAAS;IAC1BZ,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVY,OAAO,EAAE,EAAE;IACXC,cAAc,EAAE,EAAE;IAClBC,YAAY,EAAE,EAAE;IAChBZ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDY,QAAQ,EAAE;IACRN,IAAI,EAAE,SAAS;IACfV,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDgB,aAAa,EAAE;IACbP,IAAI,EAAE,SAAS;IACfV,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACViB,SAAS,EAAE,CAAC,EAAE;IACdC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,MAAM;IACjBC,YAAY,EAAE;EAChB,CAAC;EACDC,WAAW,EAAE;IACXN,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,EAAE;IACZM,aAAa,EAAE,GAAG;IAClBL,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,MAAM;IACjBC,YAAY,EAAE;EAChB,CAAC;EACDG,QAAQ,EAAE;IACRR,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,MAAM;IACjBC,YAAY,EAAE;EAChB,CAAC;EACDI,SAAS,EAAE;IACT7B,MAAM,EAAE,EAAE;IACVD,KAAK,EAAE,MAAM;IACbY,eAAe,EAAE,SAAS;IAC1BmB,WAAW,EAAErC,YAAY;IACzBsC,WAAW,EAAE,CAAC;IACdV,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE,EAAE;IACdS,YAAY,EAAE,QAAQ;IACtBZ,KAAK,EAAE,SAAS;IAChBN,YAAY,EAAE,CAAC;IACfT,iBAAiB,EAAE;EACrB,CAAC;EACD4B,UAAU,EAAE;IACVlC,KAAK,EAAE,MAAM;IACbmC,QAAQ,EAAE,QAAQ;IAClBpB,YAAY,EAAE,EAAE;IAChBG,SAAS,EAAE,EAAE;IACbQ,YAAY,EAAE;EAChB,CAAC;EACDU,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBlC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE;EACnB,CAAC;EACDiC,QAAQ,EAAE;IACR5B,IAAI,EAAE,MAAM;IACZV,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVsC,WAAW,EAAE;EACf,CAAC;EACDC,OAAO,EAAE;IACPnB,KAAK,EAAE,MAAM;IACbE,UAAU,EAAE,KAAK;IACjBD,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAaF,MAAMiB,YAAY,GAAIC,KAAY,IAAK;EACrC,MAAM;IAACC,OAAO;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAExC,MAAM,CAACI,KAAK,EAAEC,QAAQ,CAAC,GAAGtE,QAAQ,CAAS,EAAE,CAAC;EAC9C,MAAM,CAACuE,OAAO,EAAEC,QAAQ,CAAC,GAAGxE,QAAQ,CAAU,KAAK,CAAC;EACpD,MAAM,CAACyE,kBAAkB,EAAEC,mBAAmB,CAAC,GAAG1E,QAAQ,CAAU,KAAK,CAAC;EAC1E,MAAM2E,iBAAiB,GAAG3D,2BAA2B,CAAC,CAAC;EAEvD,MAAM4D,UAAU,GAAG/E,WAAW,CAAC,MAAM;IACnCuE,MAAM,CAACC,KAAK,CAAC;EACf,CAAC,EAAE,CAACA,KAAK,EAAED,MAAM,CAAC,CAAC;EAEnB,MAAMS,gBAAgB,GAAGhF,WAAW,CAACiF,KAAK,IAAI;IAC5CN,QAAQ,CAACrD,UAAU,CAAC4D,IAAI,CAACD,KAAK,CAAC,CAAC;IAChCR,QAAQ,CAACQ,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,oBAAoB,GAAGnF,WAAW,CAAC,MAAM;IAC7C6E,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,mBAAmB,GAAGpF,WAAW,CAAC,MAAM;IAC5C6E,mBAAmB,CAAC,KAAK,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,YAAY,GAAGnF,MAAM,CAAiB,IAAIE,QAAQ,CAACkF,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC1E,MAAMC,aAAa,GAAGH,YAAY,CAACI,WAAW,CAAC;IAC7CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAACtE,aAAa,EAAED,YAAY;EAC3C,CAAC,CAAC;EAEFnB,SAAS,CAAC,MAAM;IACd,MAAM2F,SAAS,GAAGxF,QAAQ,CAACyF,MAAM,CAACR,YAAY,EAAE;MAC9CS,OAAO,EAAEpB,OAAO,GAAG,CAAC,GAAG,CAAC;MACxBqB,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAE3F,MAAM,CAAC4F,GAAG,CAAC5F,MAAM,CAAC6F,GAAG,CAAC;MAC9BC,eAAe,EAAE;IACnB,CAAC,CAAC;IAEFP,SAAS,CAACQ,KAAK,CAAC,CAAC;EACnB,CAAC,EAAE,CAACf,YAAY,EAAEX,OAAO,CAAC,CAAC;EAE3B,oBACE3E,KAAA,CAAAsG,aAAA,CAAC/F,oBAAoB;IACnBgG,QAAQ,EAAE/F,QAAQ,CAACgG,EAAE,KAAK,KAAK,GAAG,SAAS,GAAG,QAAS;IACvDC,KAAK,EAAE,CAACjF,MAAM,CAACE,SAAS,CAAE;IAC1BgF,MAAM,EAAC;EAAe,gBAEtB1G,KAAA,CAAAsG,aAAA,CAAC1F,IAAI;IAAC6F,KAAK,EAAEjF,MAAM,CAACU;EAAe,gBACjClC,KAAA,CAAAsG,aAAA,CAACnF,SAAS;IAACsF,KAAK,EAAEjF,MAAM,CAACW,UAAW;IAACwE,OAAO,EAAEpC,OAAQ;IAACmC,MAAM,EAAC;EAAc,gBAC1E1G,KAAA,CAAAsG,aAAA,CAACxF,SAAS;IAAC2F,KAAK,EAAEjF,MAAM,CAACY;EAAU,CAAE,CAC5B,CAAC,EACX2C,iBAAiB,GAAG,IAAI,gBACvB/E,KAAA,CAAAsG,aAAA,CAAC1F,IAAI;IAAC6F,KAAK,EAAEjF,MAAM,CAACc;EAAgB,gBAClCtC,KAAA,CAAAsG,aAAA,CAACtF,QAAQ;IAACyF,KAAK,EAAEjF,MAAM,CAACmB;EAAS,CAAE,CAC/B,CACP,eACD3C,KAAA,CAAAsG,aAAA,CAAC5F,IAAI;IAAC+F,KAAK,EAAEjF,MAAM,CAACuB;EAAM,GAAEuB,OAAO,CAACvB,KAAY,CAAC,eACjD/C,KAAA,CAAAsG,aAAA,CAAC5F,IAAI;IAAC+F,KAAK,EAAEjF,MAAM,CAAC8B;EAAY,GAAEgB,OAAO,CAAChB,WAAkB,CAAC,eAC7DtD,KAAA,CAAAsG,aAAA,CAAC5F,IAAI;IAAC+F,KAAK,EAAEjF,MAAM,CAACgC;EAAS,GAAEc,OAAO,CAACd,QAAe,CAAC,eACvDxD,KAAA,CAAAsG,aAAA,CAAC3F,SAAS;IACR8F,KAAK,EAAE,CAACjF,MAAM,CAACiC,SAAS,EAAE;MAACE,WAAW,EAAEkB,kBAAkB,GAAG,CAAC,GAAG;IAAC,CAAC,CAAE;IACrE+B,WAAW,EAAC,sBAAsB;IAClCC,oBAAoB,EAAEvF,aAAc;IACpCwF,YAAY,EAAE7B,gBAAiB;IAC/B8B,OAAO,EAAE3B,oBAAqB;IAC9B4B,MAAM,EAAE3B;EAAoB,CAC7B,CAAC,eACFrF,KAAA,CAAAsG,aAAA,CAACtF,QAAQ;IAACyF,KAAK,EAAEjF,MAAM,CAACoB;EAAc,CAAE,CACpC,CAAC,eAEP5C,KAAA,CAAAsG,aAAA,CAACjG,QAAQ,CAACO,IAAI;IAAC6F,KAAK,EAAE,CAACjF,MAAM,CAACqC,UAAU,EAAE;MAACtB,eAAe,EAAEkD;IAAa,CAAC;EAAE,gBAC1EzF,KAAA,CAAAsG,aAAA,CAACnF,SAAS;IACR8F,QAAQ,EAAE,CAACtC,OAAQ;IACnB8B,KAAK,EAAE,CAACjF,MAAM,CAACuC,SAAS,CAAE;IAC1B4C,OAAO,EAAE3B,UAAW;IACpB0B,MAAM,EAAC;EAAa,gBAEpB1G,KAAA,CAAAsG,aAAA,CAACpF,QAAQ;IAACuF,KAAK,EAAEjF,MAAM,CAACyC;EAAS,CAAE,CAAC,eACpCjE,KAAA,CAAAsG,aAAA,CAAC5F,IAAI;IAAC+F,KAAK,EAAEjF,MAAM,CAAC2C;EAAQ,GAAEG,OAAO,CAAC4C,GAAU,CACvC,CACE,CACK,CAAC;AAE3B,CAAC;AAED,eAAe9C,YAAY","ignoreList":[]}

package/es/template/mobile-login/welcome/index.native.js

@@ -10,7 +10,6 @@ import { COLORS } from '../../../variables/colors';
 const {
   cm_primary_blue
 } = COLORS;
-
 const createStyleSheet = theme => StyleSheet.create({
   wrapper: {
     top: 0,
@@ -147,7 +146,6 @@ const createStyleSheet = theme => StyleSheet.create({
     color: '#9999A8'
   }
 });
-
 const Welcome = props => {
   const {
     locales,
@@ -200,7 +198,6 @@ const Welcome = props => {
   });
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
   useEffect(() => {
@@ -214,14 +211,14 @@ const Welcome = props => {
       duration: 1000,
       useNativeDriver: true
     });
-    animatedScale.start(); // on mount only
+    animatedScale.start();
+
+    // on mount only
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-
   if (!styleSheet) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Animated.View, {
     style: [styleSheet.wrapper, translateContent.animatedStyle],
     testID: "welcome"
@@ -289,6 +286,5 @@ const Welcome = props => {
     style: styleSheet.ctaHelp
   }, locales.ctaHelp)))));
 };
-
 export default Welcome;
 //# sourceMappingURL=index.native.js.map