npm - @coorpacademy/components - Versions diffs - 11.5.2-alpha.0 → 11.5.3 - Mend

@coorpacademy/components 11.5.2-alpha.0 → 11.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/es/atom/review-presentation/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";~~AAuGA~~,6DA+BC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";AAyGA,6DA+BC"}

package/es/atom/review-presentation/index.js CHANGED Viewed

@@ -68,10 +68,10 @@ const ToolTip = ({
     "aria-label": moreDetailsAriaLabel
   })), toolTipIsVisible ? /*#__PURE__*/React.createElement("div", {
     className: style.toolTip,
-    "data-testid": "review-presentation-tooltip"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: style.tooltipText,
+    "data-testid": "review-presentation-tooltip",
     "aria-label": closeToolTipInformationTextAriaLabel
+  }, /*#__PURE__*/React.createElement("p", {
+    className: style.tooltipText
   }, tooltipText)) : null);
 };

package/es/atom/review-presentation/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","getOr","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyInformationIcon","InformationIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","style","propTypes","ICONS","skills","questions","lifes","allright","ReviewIcon","icon","Icon","labelIcon","ToolTip","tooltipText","moreDetailsAriaLabel","dataTestId","closeToolTipInformationTextAriaLabel","toolTipIsVisible","setToolTipIsVisible","handleKeyPress","event","key","handleMouseOver","handleMouseLeave","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","convert","cap","reviewList","string","shape"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidVoteRewardsVoteHeart as HeartIcon,\n NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n skills: TargetIcon,\n questions: QuestionIcon,\n lifes: HeartIcon,\n allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n const Icon = getOr(null, icon, ICONS);\n\n /* istanbul ignore next */\n if (!Icon) {\n return <div className={style.labelIcon} />;\n }\n return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({\n tooltipText,\n 'aria-label': moreDetailsAriaLabel,\n 'data-testid': dataTestId,\n closeToolTipInformationTextAriaLabel\n}) => {\n const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n const handleKeyPress = useCallback(\n event => {\n if (event.key === 'Enter') {\n setToolTipIsVisible(!toolTipIsVisible);\n } else if (event.key === 'Tab' \|\| event.key === 'Escape') {\n setToolTipIsVisible(false);\n }\n },\n [setToolTipIsVisible, toolTipIsVisible]\n );\n const handleMouseOver = useCallback(() => {\n setToolTipIsVisible(true);\n }, [setToolTipIsVisible]);\n\n const handleMouseLeave = useCallback(() => {\n setToolTipIsVisible(false);\n }, [setToolTipIsVisible]);\n\n return (\n <div\n className={style.tooltipContainer}\n onMouseLeave={handleMouseLeave}\n onMouseOver={handleMouseOver}\n >\n <button\n type=\"button\"\n className={style.tooltipIconContainer}\n data-testid={dataTestId}\n onKeyDown={handleKeyPress}\n tabIndex={0}\n >\n <InformationIcon\n className={style.informationIcon}\n width={12}\n height={12}\n aria-label={moreDetailsAriaLabel}\n />\n </button>\n {toolTipIsVisible ? (\n <div className={style.toolTip} data-testid=\"review-presentation-tooltip\">\n <p className={style.tooltipText} ~~aria-label=~~{~~closeToolTipInformationTextAriaLabel}>\n {~~tooltipText}\n </p>\n </div>\n ) : null}\n </div>\n );\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n return (\n <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n <div className={style.reviewListText}>\n <ReviewIcon icon={iconKey} /> {label.text}\n </div>\n <ToolTip\n tooltipText={label.tooltipText}\n aria-label={label.moreDetailsAriaLabel}\n closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n data-testid={`review-list-item-tooltip-button-${iconKey}`}\n />\n </div>\n );\n};\n\nconst ReviewPresentation = props => {\n const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n return (\n <div className={style.reviewWrapper} aria-label={ariaLabel}>\n <div\n className={style.reviewTitle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewTitle}}\n />\n <div\n className={style.reviewText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewText}}\n />\n <ul className={style.reviewListWrapper}>\n {map.convert({cap: false})((label, key) => {\n return (\n <li key={`step-${key}`} className={style.reviewList}>\n <ReviewListItemWrapper\n iconKey={key}\n label={label}\n tooltipText={label.tooltipText}\n aria-label={label.moreDetailsAriaLabel}\n />\n </li>\n );\n }, labelsList)}\n </ul>\n </div>\n );\n};\n\nToolTip.propTypes = {\n tooltipText: PropTypes.string,\n 'aria-label': PropTypes.string,\n 'data-testid': PropTypes.string,\n closeToolTipInformationTextAriaLabel: PropTypes.string\n};\n\nReviewIcon.propTypes = {\n icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n ...ToolTip.propTypes,\n iconKey: PropTypes.string,\n label: PropTypes.shape({\n tooltipText: PropTypes.string,\n moreDetailsAriaLabel: PropTypes.string,\n closeToolTipInformationTextAriaLabel: PropTypes.string\n })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,SACEC,2BAA2B,IAAIC,SADjC,EAEEC,6BAA6B,IAAIC,SAFnC,EAGEC,0CAA0C,IAAIC,eAHhD,EAIEC,+CAA+C,IAAIC,YAJrD,EAKEC,yCAAyC,IAAIC,UAL/C,QAMO,0BANP;AAOA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AAEA,MAAMC,KAAK,GAAG;EACZC,MAAM,EAAEJ,UADI;EAEZK,SAAS,EAAEP,YAFC;EAGZQ,KAAK,EAAEZ,SAHK;EAIZa,QAAQ,EAAEf;AAJE,CAAd;;AAOA,MAAMgB,UAAU,GAAG,CAAC;EAACC;AAAD,CAAD,KAAY;EAC7B,MAAMC,IAAI,GAAGrB,KAAK,CAAC,IAAD,EAAOoB,IAAP,EAAaN,KAAb,CAAlB;EAEA;;EACA,IAAI,CAACO,IAAL,EAAW;IACT,oBAAO;MAAK,SAAS,EAAET,KAAK,CAACU;IAAtB,EAAP;EACD;;EACD,oBAAO,oBAAC,IAAD;IAAM,SAAS,EAAEV,KAAK,CAACU;EAAvB,EAAP;AACD,CARD;;AAUA,MAAMC,OAAO,GAAG,CAAC;EACfC,WADe;EAEf,cAAcC,oBAFC;EAGf,eAAeC,UAHA;EAIfC;AAJe,CAAD,KAKV;EACJ,MAAM,CAACC,gBAAD,EAAmBC,mBAAnB,IAA0ChC,QAAQ,CAAC,KAAD,CAAxD;EACA,MAAMiC,cAAc,GAAGhC,WAAW,CAChCiC,KAAK,IAAI;IACP,IAAIA,KAAK,CAACC,GAAN,KAAc,OAAlB,EAA2B;MACzBH,mBAAmB,CAAC,CAACD,gBAAF,CAAnB;IACD,CAFD,MAEO,IAAIG,KAAK,CAACC,GAAN,KAAc,KAAd,IAAuBD,KAAK,CAACC,GAAN,KAAc,QAAzC,EAAmD;MACxDH,mBAAmB,CAAC,KAAD,CAAnB;IACD;EACF,CAP+B,EAQhC,CAACA,mBAAD,EAAsBD,gBAAtB,CARgC,CAAlC;EAUA,MAAMK,eAAe,GAAGnC,WAAW,CAAC,MAAM;IACxC+B,mBAAmB,CAAC,IAAD,CAAnB;EACD,CAFkC,EAEhC,CAACA,mBAAD,CAFgC,CAAnC;EAIA,MAAMK,gBAAgB,GAAGpC,WAAW,CAAC,MAAM;IACzC+B,mBAAmB,CAAC,KAAD,CAAnB;EACD,CAFmC,EAEjC,CAACA,mBAAD,CAFiC,CAApC;EAIA,oBACE;IACE,SAAS,EAAEjB,KAAK,CAACuB,gBADnB;IAEE,YAAY,EAAED,gBAFhB;IAGE,WAAW,EAAED;EAHf,gBAKE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAErB,KAAK,CAACwB,oBAFnB;IAGE,eAAaV,UAHf;IAIE,SAAS,EAAEI,cAJb;IAKE,QAAQ,EAAE;EALZ,gBAOE,oBAAC,eAAD;IACE,SAAS,EAAElB,KAAK,CAACyB,eADnB;IAEE,KAAK,EAAE,EAFT;IAGE,MAAM,EAAE,EAHV;IAIE,cAAYZ;EAJd,EAPF,CALF,EAmBGG,gBAAgB,gBACf;~~IAAK~~,SAAS,EAAEhB,KAAK,CAAC0B,~~OAAtB~~;~~IAA+B~~,eAAY;~~EAA3C~~,~~gBACE~~;IAAG,SAAS,~~EAAE1B~~,KAAK,CAACY~~,WAApB~~;~~IAAiC~~,~~cAAYG;EAA7C~~,~~GACGH~~,~~WADH~~,~~CADF,~~CADe,~~GAMb~~,~~IAzBN~~,CADF;~~AA6BD~~,~~CAtDD~~;;~~AAwDA~~,MAAMe,qBAAqB,GAAG,CAAC;EAACC,OAAD;EAAUC;AAAV,CAAD,KAAsB;EAClD,oBACE;IAAK,SAAS,EAAE7B,KAAK,CAAC8B,qBAAtB;IAA6C,gBAA7C;IAAsD,YAAS,gBAA/D;IAAgF,QAAQ,EAAE;EAA1F,gBACE;IAAK,SAAS,EAAE9B,KAAK,CAAC+B;EAAtB,gBACE,oBAAC,UAAD;IAAY,IAAI,EAAEH;EAAlB,EADF,OACiCC,KAAK,CAACG,IADvC,CADF,eAIE,oBAAC,OAAD;IACE,WAAW,EAAEH,KAAK,CAACjB,WADrB;IAEE,cAAYiB,KAAK,CAAChB,oBAFpB;IAGE,oCAAoC,EAAEgB,KAAK,CAACd,oCAH9C;IAIE,eAAc,mCAAkCa,OAAQ;EAJ1D,EAJF,CADF;AAaD,CAdD;;AAgBA,MAAMK,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAAC,cAAcC,SAAf;IAA0BC,WAA1B;IAAuCC,UAAvC;IAAmDC;EAAnD,IAAiEJ,KAAvE;EAEA,oBACE;IAAK,SAAS,EAAElC,KAAK,CAACuC,aAAtB;IAAqC,cAAYJ;EAAjD,gBACE;IACE,SAAS,EAAEnC,KAAK,CAACoC,WADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACI,MAAM,EAAEJ;IAAT;EAH3B,EADF,eAME;IACE,SAAS,EAAEpC,KAAK,CAACqC,UADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACG,MAAM,EAAEH;IAAT;EAH3B,EANF,eAWE;IAAI,SAAS,EAAErC,KAAK,CAACyC;EAArB,GACGpD,GAAG,CAACqD,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACd,KAAD,EAAQT,GAAR,KAAgB;IACzC,oBACE;MAAI,GAAG,EAAG,QAAOA,GAAI,EAArB;MAAwB,SAAS,EAAEpB,KAAK,CAAC4C;IAAzC,gBACE,oBAAC,qBAAD;MACE,OAAO,EAAExB,GADX;MAEE,KAAK,EAAES,KAFT;MAGE,WAAW,EAAEA,KAAK,CAACjB,WAHrB;MAIE,cAAYiB,KAAK,CAAChB;IAJpB,EADF,CADF;EAUD,CAXA,EAWEyB,UAXF,CADH,CAXF,CADF;AA4BD,CA/BD;;AAiCA3B,OAAO,CAACV,SAAR,2CAAoB;EAClBW,WAAW,EAAEzB,SAAS,CAAC0D,MADL;EAElB,cAAc1D,SAAS,CAAC0D,MAFN;EAGlB,eAAe1D,SAAS,CAAC0D,MAHP;EAIlB9B,oCAAoC,EAAE5B,SAAS,CAAC0D;AAJ9B,CAApB;AAOAtC,UAAU,CAACN,SAAX,2CAAuB;EACrBO,IAAI,EAAErB,SAAS,CAAC0D;AADK,CAAvB;AAIAlB,qBAAqB,CAAC1B,SAAtB,wDACKU,OAAO,CAACV,SADb;EAEE2B,OAAO,EAAEzC,SAAS,CAAC0D,MAFrB;EAGEhB,KAAK,EAAE1C,SAAS,CAAC2D,KAAV,CAAgB;IACrBlC,WAAW,EAAEzB,SAAS,CAAC0D,MADF;IAErBhC,oBAAoB,EAAE1B,SAAS,CAAC0D,MAFX;IAGrB9B,oCAAoC,EAAE5B,SAAS,CAAC0D;EAH3B,CAAhB;AAHT;AAUAZ,kBAAkB,CAAChC,SAAnB,2CAA+BA,SAA/B;AAEA,eAAegC,kBAAf"}
1	+ {"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","getOr","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyInformationIcon","InformationIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","style","propTypes","ICONS","skills","questions","lifes","allright","ReviewIcon","icon","Icon","labelIcon","ToolTip","tooltipText","moreDetailsAriaLabel","dataTestId","closeToolTipInformationTextAriaLabel","toolTipIsVisible","setToolTipIsVisible","handleKeyPress","event","key","handleMouseOver","handleMouseLeave","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","convert","cap","reviewList","string","shape"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidVoteRewardsVoteHeart as HeartIcon,\n NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n skills: TargetIcon,\n questions: QuestionIcon,\n lifes: HeartIcon,\n allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n const Icon = getOr(null, icon, ICONS);\n\n /* istanbul ignore next */\n if (!Icon) {\n return <div className={style.labelIcon} />;\n }\n return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({\n tooltipText,\n 'aria-label': moreDetailsAriaLabel,\n 'data-testid': dataTestId,\n closeToolTipInformationTextAriaLabel\n}) => {\n const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n const handleKeyPress = useCallback(\n event => {\n if (event.key === 'Enter') {\n setToolTipIsVisible(!toolTipIsVisible);\n } else if (event.key === 'Tab' \|\| event.key === 'Escape') {\n setToolTipIsVisible(false);\n }\n },\n [setToolTipIsVisible, toolTipIsVisible]\n );\n const handleMouseOver = useCallback(() => {\n setToolTipIsVisible(true);\n }, [setToolTipIsVisible]);\n\n const handleMouseLeave = useCallback(() => {\n setToolTipIsVisible(false);\n }, [setToolTipIsVisible]);\n\n return (\n <div\n className={style.tooltipContainer}\n onMouseLeave={handleMouseLeave}\n onMouseOver={handleMouseOver}\n >\n <button\n type=\"button\"\n className={style.tooltipIconContainer}\n data-testid={dataTestId}\n onKeyDown={handleKeyPress}\n tabIndex={0}\n >\n <InformationIcon\n className={style.informationIcon}\n width={12}\n height={12}\n aria-label={moreDetailsAriaLabel}\n />\n </button>\n {toolTipIsVisible ? (\n <div\n className={style.toolTip}\n data-testid=\"review-presentation-tooltip\"\n aria-label={closeToolTipInformationTextAriaLabel}\n >\n <p className={style.tooltipText}>{tooltipText}</p>\n </div>\n ) : null}\n </div>\n );\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n return (\n <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n <div className={style.reviewListText}>\n <ReviewIcon icon={iconKey} /> {label.text}\n </div>\n <ToolTip\n tooltipText={label.tooltipText}\n aria-label={label.moreDetailsAriaLabel}\n closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n data-testid={`review-list-item-tooltip-button-${iconKey}`}\n />\n </div>\n );\n};\n\nconst ReviewPresentation = props => {\n const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n return (\n <div className={style.reviewWrapper} aria-label={ariaLabel}>\n <div\n className={style.reviewTitle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewTitle}}\n />\n <div\n className={style.reviewText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewText}}\n />\n <ul className={style.reviewListWrapper}>\n {map.convert({cap: false})((label, key) => {\n return (\n <li key={`step-${key}`} className={style.reviewList}>\n <ReviewListItemWrapper\n iconKey={key}\n label={label}\n tooltipText={label.tooltipText}\n aria-label={label.moreDetailsAriaLabel}\n />\n </li>\n );\n }, labelsList)}\n </ul>\n </div>\n );\n};\n\nToolTip.propTypes = {\n tooltipText: PropTypes.string,\n 'aria-label': PropTypes.string,\n 'data-testid': PropTypes.string,\n closeToolTipInformationTextAriaLabel: PropTypes.string\n};\n\nReviewIcon.propTypes = {\n icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n ...ToolTip.propTypes,\n iconKey: PropTypes.string,\n label: PropTypes.shape({\n tooltipText: PropTypes.string,\n moreDetailsAriaLabel: PropTypes.string,\n closeToolTipInformationTextAriaLabel: PropTypes.string\n })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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"}

package/es/atom/review-presentation/index.native.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":";~~AAeA~~,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;~~AA8FvD~~,QAAA,MAAM,UAAU,UAAW,eAAe,~~uBA0CzC~~,CAAC;AAEF,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;AAoGvD,QAAA,MAAM,UAAU,UAAW,eAAe,uBA4CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/atom/review-presentation/index.native.js CHANGED Viewed

@@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react';
 import { View, StyleSheet, Text } from 'react-native';
 import { NovaLineSelectionCursorsCursorArrowTarget as TargetIcon, NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon, NovaSolidStatusCheckCircle2 as CheckCircle2Icon, NovaCompositionCoorpacademyVoteHeartOutline as HeartIcon } from '@coorpacademy/nova-icons';
 import { useTemplateContext } from '../../template/app-review/template-context';
-import { HEADER_HEIGHT } from '../../organism/header-v2/index.native';
 import Touchable from '../../hoc/touchable/index.native';
 import Html from '../html/index.native';
@@ -12,7 +11,8 @@ const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
     justifyContent: 'space-between',
     flex: 1,
     padding: 20,
-    paddingTop: HEADER_HEIGHT + 20
+    paddingTop: 20,
+    paddingBottom: 100
   },
   title: {
     height: 72,
@@ -21,13 +21,17 @@ const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
     fontWeight: theme.fontWeight.bold,
     lineHeight: 36,
     color: theme.colors.text.primary,
-    marginBottom: theme.spacing.small
+    marginBottom: 32
   },
   text: {
     fontSize: theme.fontSize.large,
     color: theme.colors.text.primary,
-    opacity: 0.7,
-    marginBottom: theme.spacing.small
+    opacity: 0.7
+  },
+  tips: {
+    marginTop: 32,
+    height: 300,
+    justifyContent: 'center'
   },
   tip: {
     flexDirection: 'row',
@@ -50,8 +54,8 @@ const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
   button: {
     height: 52,
     borderRadius: 7,
-    marginBottom: theme.spacing.large,
-    marginTop: theme.spacing.large,
+    marginBottom: 32,
+    marginTop: 16,
     backgroundColor: brandTheme?.colors?.primary || theme.colors.cta,
     justifyContent: 'center'
   },
@@ -123,7 +127,9 @@ const Onboarding = props => {
     style: styleSheet.title
   }, translations.appReview.presentation.title), /*#__PURE__*/React.createElement(Html, {
     style: styleSheet.text
-  }, translations.appReview.presentation.text), /*#__PURE__*/React.createElement(Tip, {
+  }, translations.appReview.presentation.text), /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.tips
+  }, /*#__PURE__*/React.createElement(Tip, {
     Icon: TargetIcon,
     text: translations.appReview.presentation.labelList.skills.text
   }), /*#__PURE__*/React.createElement(Tip, {
@@ -135,7 +141,7 @@ const Onboarding = props => {
   }), /*#__PURE__*/React.createElement(Tip, {
     Icon: CheckCircle2Icon,
     text: translations.appReview.presentation.labelList.allright.text
-  }), /*#__PURE__*/React.createElement(Touchable, {
+  })), /*#__PURE__*/React.createElement(Touchable, {
     testID: "button-quit-revision-onboarding",
     onPress: onPress,
     analyticsID: "button-start",

package/es/atom/review-presentation/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionMarkIcon","NovaSolidStatusCheckCircle2","CheckCircle2Icon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIcon","useTemplateContext","HEADER_HEIGHT","Touchable","Html","createStyleSheet","brandTheme","theme","create","container","backgroundColor","colors","white","justifyContent","flex","padding","paddingTop","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","small","large","opacity","tip","flexDirection","overflow","alignItems","borderRadius","gray","extra","marginTop","micro","tipText","icon","margin","button","cta","buttonText","alignSelf","Tip","props","templateContext","styleSheet","setStylesheet","Icon","_stylesheet","Onboarding","translations","onPress","appReview","presentation","labelList","skills","questions","lifes","allright","ok"],"sources":["../../../src/atom/review-presentation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon,\n NovaSolidStatusCheckCircle2 as CheckCircle2Icon,\n NovaCompositionCoorpacademyVoteHeartOutline as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {HEADER_HEIGHT} from '../../organism/header-v2/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport Html from '../html/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n text: TextStyle;\n tip: ViewStyle;\n tipText: TextStyle;\n icon: ViewStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n backgroundColor: theme.colors.white,\n justifyContent: 'space-between',\n flex: 1,\n padding: 20,\n paddingTop: HEADER_HEIGHT + 20\n },\n title: {\n height: 72,\n width: 268,\n fontSize: theme.fontSize.xxlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 36,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.small\n },\n text: {\n fontSize: theme.fontSize.large,\n color: theme.colors.text.primary,\n opacity: 0.7,\n marginBottom: theme.spacing.small\n },\n tip: {\n flexDirection: 'row',\n overflow: 'hidden',\n alignItems: 'center',\n height: 54,\n borderRadius: 8,\n backgroundColor: theme.colors.gray.extra,\n marginTop: theme.spacing.micro,\n marginBottom: theme.spacing.micro\n },\n tipText: {\n fontSize: 16,\n lineHeight: 22,\n color: theme.colors.text.primary\n },\n icon: {\n margin: 10\n },\n button: {\n height: 52,\n borderRadius: 7,\n marginBottom: theme.spacing.large,\n marginTop: theme.spacing.large,\n backgroundColor: brandTheme?.colors?.primary \|\| theme.colors.cta,\n justifyContent: 'center'\n },\n buttonText: {\n alignSelf: 'center',\n fontWeight: theme.fontWeight.bold,\n fontSize: theme.fontSize.large,\n color: '#fff'\n }\n });\n\nconst Tip = (props: TipProps) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {brandTheme, theme} = templateContext;\n const {Icon, text} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(brandTheme, theme);\n setStylesheet(_stylesheet);\n }, [brandTheme, theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.tip}>\n <Icon height={16} width={16} style={styleSheet.icon} color={theme.colors.text.primary} />\n <Text style={styleSheet.tipText}>{text}</Text>\n </View>\n );\n};\n\nconst Onboarding = (props: OnboardingProps) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {brandTheme, theme, translations} = templateContext;\n const {onPress} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(brandTheme, theme);\n setStylesheet(_stylesheet);\n }, [brandTheme, theme]);\n\n // ------------------------------------\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <Html style={styleSheet.title}>{translations.appReview.presentation.title}</Html>\n <Html style={styleSheet.text}>{translations.appReview.presentation.text}</Html>\n\n <Tip Icon={TargetIcon} text={translations.appReview.presentation.labelList.skills.text} />\n <Tip\n Icon={QuestionMarkIcon}\n text={translations.appReview.presentation.labelList.questions.text}\n />\n <Tip Icon={HeartIcon} text={translations.appReview.presentation.labelList.lifes.text} />\n <Tip\n Icon={CheckCircle2Icon}\n text={translations.appReview.presentation.labelList.allright.text}\n />\n <Touchable\n testID=\"button-quit-revision-onboarding\"\n onPress={onPress}\n analyticsID=\"button-start\"\n style={styleSheet.button}\n >\n <Text style={styleSheet.buttonText}>{translations.ok}</Text>\n </Touchable>\n </View>\n );\n};\n\nexport default Onboarding;\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionMarkIcon","NovaSolidStatusCheckCircle2","CheckCircle2Icon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIcon","useTemplateContext","Touchable","Html","createStyleSheet","brandTheme","theme","create","container","backgroundColor","colors","white","justifyContent","flex","padding","paddingTop","paddingBottom","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","large","opacity","tips","marginTop","tip","flexDirection","overflow","alignItems","borderRadius","gray","extra","spacing","micro","tipText","icon","margin","button","cta","buttonText","alignSelf","Tip","props","templateContext","styleSheet","setStylesheet","Icon","_stylesheet","Onboarding","translations","onPress","appReview","presentation","labelList","skills","questions","lifes","allright","ok"],"sources":["../../../src/atom/review-presentation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon,\n NovaSolidStatusCheckCircle2 as CheckCircle2Icon,\n NovaCompositionCoorpacademyVoteHeartOutline as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport Html from '../html/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n text: TextStyle;\n tips: ViewStyle;\n tip: ViewStyle;\n tipText: TextStyle;\n icon: ViewStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n backgroundColor: theme.colors.white,\n justifyContent: 'space-between',\n flex: 1,\n padding: 20,\n paddingTop: 20,\n paddingBottom: 100\n },\n title: {\n height: 72,\n width: 268,\n fontSize: theme.fontSize.xxlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 36,\n color: theme.colors.text.primary,\n marginBottom: 32\n },\n text: {\n fontSize: theme.fontSize.large,\n color: theme.colors.text.primary,\n opacity: 0.7\n },\n tips: {\n marginTop: 32,\n height: 300,\n justifyContent: 'center'\n },\n tip: {\n flexDirection: 'row',\n overflow: 'hidden',\n alignItems: 'center',\n height: 54,\n borderRadius: 8,\n backgroundColor: theme.colors.gray.extra,\n marginTop: theme.spacing.micro,\n marginBottom: theme.spacing.micro\n },\n tipText: {\n fontSize: 16,\n lineHeight: 22,\n color: theme.colors.text.primary\n },\n icon: {\n margin: 10\n },\n button: {\n height: 52,\n borderRadius: 7,\n marginBottom: 32,\n marginTop: 16,\n backgroundColor: brandTheme?.colors?.primary \|\| theme.colors.cta,\n justifyContent: 'center'\n },\n buttonText: {\n alignSelf: 'center',\n fontWeight: theme.fontWeight.bold,\n fontSize: theme.fontSize.large,\n color: '#fff'\n }\n });\n\nconst Tip = (props: TipProps) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {brandTheme, theme} = templateContext;\n const {Icon, text} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(brandTheme, theme);\n setStylesheet(_stylesheet);\n }, [brandTheme, theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.tip}>\n <Icon height={16} width={16} style={styleSheet.icon} color={theme.colors.text.primary} />\n <Text style={styleSheet.tipText}>{text}</Text>\n </View>\n );\n};\n\nconst Onboarding = (props: OnboardingProps) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {brandTheme, theme, translations} = templateContext;\n const {onPress} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(brandTheme, theme);\n setStylesheet(_stylesheet);\n }, [brandTheme, theme]);\n\n // ------------------------------------\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <Html style={styleSheet.title}>{translations.appReview.presentation.title}</Html>\n <Html style={styleSheet.text}>{translations.appReview.presentation.text}</Html>\n\n <View style={styleSheet.tips}>\n <Tip Icon={TargetIcon} text={translations.appReview.presentation.labelList.skills.text} />\n <Tip\n Icon={QuestionMarkIcon}\n text={translations.appReview.presentation.labelList.questions.text}\n />\n <Tip Icon={HeartIcon} text={translations.appReview.presentation.labelList.lifes.text} />\n <Tip\n Icon={CheckCircle2Icon}\n text={translations.appReview.presentation.labelList.allright.text}\n />\n </View>\n <Touchable\n testID=\"button-quit-revision-onboarding\"\n onPress={onPress}\n analyticsID=\"button-start\"\n style={styleSheet.button}\n >\n <Text style={styleSheet.buttonText}>{translations.ok}</Text>\n </Touchable>\n </View>\n );\n};\n\nexport default Onboarding;\n"],"mappings":"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"}

package/es/organism/mobile-navigation/index.native.d.ts CHANGED Viewed

@@ -25,12 +25,13 @@ export interface Props {
     selectedItemIndex: number;
 }
 declare type StyleSheetType = {
-    main: ViewStyle;
     container: ViewStyle;
+    navbar: ViewStyle;
+    blur: ViewStyle;
     button: ViewStyle;
     buttonText: TextStyle;
     dot: ViewStyle;
-    blur: ViewStyle;
+    dotShadow: ViewStyle;
 };
 declare const NavigationBar: ({ items, selectedItemIndex }: Props) => JSX.Element | null;
 export default NavigationBar;

package/es/organism/mobile-navigation/index.native.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAIL,SAAS,EACT,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAC;AAEnD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAC1D,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,aAAK,cAAc,GAAG;IACpB,~~IAAI~~,EAAE,SAAS,CAAC;~~IAChB~~,SAAS,EAAE,SAAS,CAAC;~~IACrB~~,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,SAAS,CAAC;IACtB,GAAG,EAAE,SAAS,CAAC;IACf,~~IAAI~~,EAAE,SAAS,CAAC;~~CACjB~~,CAAC;~~AAsEF~~,QAAA,MAAM,aAAa,iCAAgC,KAAK,~~uBA0CvD~~,CAAC;AAEF,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAIL,SAAS,EACT,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAC;AAEnD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAC1D,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,aAAK,cAAc,GAAG;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,SAAS,CAAC;IACtB,GAAG,EAAE,SAAS,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAuFF,QAAA,MAAM,aAAa,iCAAgC,KAAK,uBAsCvD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/organism/mobile-navigation/index.native.js CHANGED Viewed

@@ -6,25 +6,43 @@ import { useTemplateContext } from '../../template/app-review/template-context';
 import Touchable from '../../hoc/touchable/index.native';
 const createStyleSheet = theme => StyleSheet.create({
-  main: {
-    marginHorizontal: 20
-  },
   container: {
     position: 'absolute',
-    bottom: 34,
+    bottom: 0,
+    paddingTop: 10,
+    paddingBottom: 34,
+    paddingHorizontal: 20,
     width: '100%',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 3,
+    elevation: 4
+  },
+  blur: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
+  navbar: {
     flexDirection: 'row',
     justifyContent: 'space-between',
     alignSelf: 'center',
     overflow: 'hidden',
     height: 66,
     borderRadius: 12,
-    backgroundColor: theme.colors.gray.light
+    backgroundColor: Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'
   },
   button: {
     alignItems: 'center',
     flex: 1,
     height: '100%',
+    maxWidth: 110,
     marginTop: theme.spacing.small
   },
   buttonText: {
@@ -42,7 +60,7 @@ const createStyleSheet = theme => StyleSheet.create({
     position: 'absolute',
     alignSelf: 'center'
   },
-  blur: {
+  dotShadow: {
     marginTop: -87,
     width: 200,
     height: 100,
@@ -82,7 +100,7 @@ const Button = ({
   style: styles.dot
 }), /*#__PURE__*/React.createElement(BlurredShadow, {
   color: theme.colors.cta,
-  style: styles.blur
+  style: styles.dotShadow
 })) : null);
 const NavigationBar = ({
@@ -105,14 +123,14 @@ const NavigationBar = ({
   }
   return /*#__PURE__*/React.createElement(View, {
-    style: styleSheet.main
-  }, Platform.OS === 'ios' ? /*#__PURE__*/React.createElement(BlurView, {
-    style: styleSheet.container,
-    blurAmount: 32,
-    reducedTransparencyFallbackColor: "rgba(17, 17, 23, 0.5)"
-  }) : null, /*#__PURE__*/React.createElement(View, {
     style: styleSheet.container
-  }, items.map((prop, index) => {
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.navbar
+  }, Platform.OS === 'ios' ? /*#__PURE__*/React.createElement(BlurView, {
+    style: styleSheet.blur,
+    blurAmount: 75,
+    blurType: "xlight"
+  }) : null, items.map((prop, index) => {
     const handlePress = prop.action;
     return /*#__PURE__*/React.createElement(Button, {
       key: `button-${prop.label}`,

package/es/organism/mobile-navigation/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","Platform","BlurView","NovaCompositionNavigationNavBar","BlurredShadow","useTemplateContext","Touchable","createStyleSheet","theme","create","~~main~~","~~marginHorizontal~~","~~container~~","~~position~~","~~bottom~~","width","flexDirection","justifyContent","alignSelf","overflow","~~height~~","~~borderRadius~~","~~backgroundColor~~","colors","gray","light","button","alignItems","flex","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","~~blur~~","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","NavigationBar","items","selectedItemIndex","templateContext","styleSheet","setStylesheet","_stylesheet","~~OS","~~map","prop","index","handlePress","action","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n View,\n StyleSheet,\n Text,\n ViewStyle,\n TextStyle,\n GestureResponderEvent,\n Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n title: string;\n testID: string;\n selected: boolean;\n Icon: FC<{height: number; width: number; color?: string}>;\n styles: StyleSheetType;\n theme: Theme;\n onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n label: string;\n icon: ButtonProps['Icon'];\n action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n testID?: string;\n items: Array<NavItemType>;\n selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n ~~main~~: ViewStyle;\n ~~container~~: ViewStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n dot: ViewStyle;\n ~~blur~~: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n ~~main~~: {\n ~~marginHorizontal~~: 20\n },\n ~~container~~: {\n position: 'absolute',\n bottom: 34,\n ~~width~~: ~~'100%'~~,\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignSelf: 'center',\n overflow: 'hidden',\n height: 66,\n borderRadius: 12,\n backgroundColor: theme.colors.gray.light\n },\n button: {\n alignItems: 'center',\n flex: 1,\n height: '100%',\n marginTop: theme.spacing.small\n },\n buttonText: {\n fontSize: theme.fontSize.small,\n lineHeight: 26,\n // height: 11,\n color: theme.colors.text.primary\n },\n\n dot: {\n width: 8,\n height: 8,\n borderRadius: 8,\n backgroundColor: theme.colors.cta,\n marginTop: 3,\n position: 'absolute',\n alignSelf: 'center'\n },\n ~~blur~~: {\n marginTop: -87,\n width: 200,\n height: 100,\n position: 'absolute',\n alignSelf: 'center',\n transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n }\n });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n <Touchable testID={testID} style={styles.button} onPress={onPress}>\n <View style={{alignItems: 'center'}}>\n <Icon\n height={16}\n width={16}\n color={selected ? theme.colors.cta : theme.colors.text.primary}\n />\n <Text style={styles.buttonText}>{title}</Text>\n </View>\n {selected ? (\n <View>\n <View style={styles.dot} />\n <BlurredShadow color={theme.colors.cta} style={styles.~~blur~~} />\n </View>\n ) : null}\n </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: Props) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {theme} = templateContext;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.~~main~~}>\n {Platform.OS === 'ios' ? (\n <BlurView\n style={styleSheet.~~container~~}\n blurAmount={32}~~\n reducedTransparencyFallbackColor~~=\"~~rgba(17, 17, 23, 0.5)~~\"\n ~~/>\n~~ ) : null}\n ~~<View style={styleSheet.container}>\n~~ {items.map((prop, index) => {\n const handlePress = prop.action;\n return (\n <Button\n key={`button-${prop.label}`}\n title={prop.label}\n Icon={prop.icon}\n onPress={handlePress}\n selected={index === selectedItemIndex}\n testID={`navigationButton_${index}`}\n styles={styleSheet}\n theme={theme}\n />\n );\n })}\n </View>\n </View>\n );\n};\n\nexport default NavigationBar;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAA6C,OAA7C;AACA,SACEC,IADF,EAEEC,UAFF,EAGEC,IAHF,EAOEC,QAPF,QAQO,cARP;AASA,SAAQC,QAAR,QAAuB,8BAAvB;AAEA,SAAQC,+BAA+B,IAAIC,aAA3C,QAA+D,0BAA/D;AAEA,SAAQC,kBAAR,QAAiC,4CAAjC;AACA,OAAOC,SAAP,MAAsB,kCAAtB;;~~AAkCA~~,MAAMC,gBAAgB,GAAIC,KAAD,IACvBT,UAAU,CAACU,MAAX,CAAkB;EAChBC,~~IAAI~~,EAAE;~~IACJC~~,~~gBAAgB~~,EAAE;~~EADd~~,~~CADU~~;~~EAIhBC~~,SAAS,EAAE;~~IACTC~~,QAAQ,EAAE,~~UADD~~;~~IAETC~~,MAAM,EAAE,~~EAFC~~;~~IAGTC~~,KAAK,EAAE,~~MAHE~~;~~IAITC~~,aAAa,EAAE,~~KAJN~~;~~IAKTC~~,cAAc,EAAE,~~eALP~~;~~IAMTC~~,SAAS,EAAE,~~QANF~~;~~IAOTC~~,QAAQ,EAAE,~~QAPD~~;~~IAQTC~~,MAAM,EAAE,~~EARC~~;~~IASTC~~,YAAY,EAAE,~~EATL~~;~~IAUTC~~,eAAe,~~EAAEd~~,KAAK,~~CAACe~~,MAAN,CAAaC,IAAb,CAAkBC;~~EAV1B~~,~~CAJK~~;~~EAgBhBC~~,MAAM,EAAE;IACNC,UAAU,EAAE,QADN;IAENC,IAAI,EAAE,CAFA;~~IAGNR~~,MAAM,EAAE,MAHF;~~IAINS~~,SAAS,~~EAAErB~~,KAAK,~~CAACsB~~,OAAN,CAAcC;~~EAJnB~~,~~CAhBQ~~;~~EAsBhBC~~,UAAU,EAAE;IACVC,QAAQ,~~EAAEzB~~,KAAK,~~CAACyB~~,QAAN,CAAeF,KADf;IAEVG,UAAU,EAAE,EAFF;IAGV;IACAC,KAAK,~~EAAE3B~~,KAAK,~~CAACe~~,MAAN,~~CAAaa~~,IAAb,CAAkBC;EAJf,~~CAtBI~~;~~EA6BhBC~~,GAAG,EAAE;~~IACHvB~~,KAAK,EAAE,CADJ;~~IAEHK~~,MAAM,EAAE,CAFL;~~IAGHC~~,YAAY,EAAE,CAHX;IAIHC,eAAe,~~EAAEd~~,KAAK,~~CAACe~~,MAAN,~~CAAagB~~,GAJ3B;IAKHV,SAAS,EAAE,CALR;~~IAMHhB~~,QAAQ,EAAE,UANP;~~IAOHK~~,SAAS,EAAE;EAPR,~~CA7BW~~;~~EAsChBsB~~,~~IAAI~~,EAAE;~~IACJX~~,SAAS,EAAE,CAAC,~~EADR~~;~~IAEJd~~,KAAK,EAAE,~~GAFH~~;~~IAGJK~~,MAAM,EAAE,~~GAHJ~~;~~IAIJP~~,QAAQ,EAAE,~~UAJN~~;~~IAKJK~~,SAAS,EAAE,~~QALP~~;~~IAMJuB~~,SAAS,EAAE,CAAC;MAACC,OAAO,EAAE;IAAV,CAAD,EAAsB;MAACC,MAAM,EAAE;IAAT,CAAtB;~~EANP~~;~~AAtCU~~,CAAlB,CADF;;~~AAiDA~~,MAAMC,MAAM,GAAG,CAAC;EAACC,MAAD;EAASC,KAAT;EAAgBC,QAAhB;EAA0BC,IAA1B;EAAgCC,MAAhC;~~EAAwCzC~~,KAAxC;EAA+~~C0C~~;AAA/C,CAAD,kBACb,oBAAC,SAAD;EAAW,MAAM,EAAEL,MAAnB;EAA2B,KAAK,EAAEI,MAAM,~~CAACvB~~,MAAzC;EAAiD,OAAO,~~EAAEwB~~;AAA1D,gBACE,oBAAC,IAAD;EAAM,KAAK,EAAE;~~IAACvB~~,UAAU,EAAE;EAAb;AAAb,gBACE,oBAAC,IAAD;EACE,MAAM,EAAE,EADV;EAEE,KAAK,EAAE,EAFT;EAGE,KAAK,~~EAAEoB~~,QAAQ,~~GAAGvC~~,KAAK,~~CAACe~~,MAAN,~~CAAagB~~,GAAhB,~~GAAsB/B~~,KAAK,~~CAACe~~,MAAN,~~CAAaa~~,IAAb,CAAkBC;AAHzD,EADF,eAME,oBAAC,IAAD;EAAM,KAAK,EAAEY,MAAM,CAACjB;AAApB,GAAiCc,KAAjC,CANF,CADF,EASGC,QAAQ,gBACP,oBAAC,IAAD,qBACE,oBAAC,IAAD;EAAM,KAAK,EAAEE,MAAM,CAACX;AAApB,EADF,eAEE,oBAAC,aAAD;EAAe,KAAK,~~EAAE9B~~,KAAK,~~CAACe~~,MAAN,~~CAAagB~~,GAAnC;EAAwC,KAAK,EAAEU,MAAM,CAACT;AAAtD,EAFF,CADO,GAKL,IAdN,CADF;;AAmBA,MAAMW,aAAa,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAAuC;EAC3D,MAAMC,eAAe,~~GAAGjD~~,kBAAkB,EAA1C;EACA,MAAM,~~CAACkD~~,UAAD,EAAaC,aAAb,~~IAA8B5D~~,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACY;EAAD,~~IAAU8C~~,eAAhB;~~EAEAzD~~,SAAS,CAAC,MAAM;IACd,~~MAAM4D~~,WAAW,~~GAAGlD~~,gBAAgB,CAACC,KAAD,CAApC;;~~IACAgD~~,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,~~CAACjD~~,KAAD,CAHM,CAAT;;EAKA,IAAI,~~CAAC+C~~,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,~~CAAC7C~~;EAAxB,~~GACGT~~,QAAQ,~~CAACyD~~,EAAT,KAAgB,KAAhB,gBACC,oBAAC,QAAD;~~IACE~~,KAAK,~~EAAEH~~,UAAU,~~CAAC3C~~,~~SADpB~~;~~IAEE~~,UAAU,EAAE,~~EAFd~~;~~IAGE~~,~~gCAAgC~~,EAAC;~~EAHnC~~,EADD,~~GAMG~~,~~IAPN~~,~~eAQE~~,~~oBAAC,IAAD;IAAM,~~KAAK,~~EAAE2C~~,~~UAAU,CAAC3C;EAAxB,GACGwC,KAAK,CAACO,~~GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAC1B,MAAMC,WAAW,GAAGF,IAAI,CAACG,MAAzB;IACA,oBACE,oBAAC,MAAD;MACE,GAAG,EAAG,UAASH,IAAI,CAACI,KAAM,EAD5B;MAEE,KAAK,EAAEJ,IAAI,CAACI,KAFd;MAGE,IAAI,EAAEJ,IAAI,CAACK,IAHb;MAIE,OAAO,EAAEH,WAJX;MAKE,QAAQ,EAAED,KAAK,~~KAAKR~~,iBALtB;MAME,MAAM,EAAG,~~oBAAmBQ~~,KAAM,EANpC;MAOE,MAAM,~~EAAEN~~,UAPV;MAQE,KAAK,~~EAAE/C~~;IART,EADF;EAYD,CAdA,~~CADH~~,~~CARF~~,CADF;~~AA4BD~~,~~CA1CD~~;;~~AA4CA~~,~~eAAe2C~~,aAAf"}
1	+ {"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","Platform","BlurView","NovaCompositionNavigationNavBar","BlurredShadow","useTemplateContext","Touchable","createStyleSheet","theme","create","container","position","bottom","paddingTop","paddingBottom","paddingHorizontal","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","blur","top","left","right","navbar","flexDirection","justifyContent","alignSelf","overflow","borderRadius","backgroundColor","OS","colors","gray","light","button","alignItems","flex","maxWidth","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","dotShadow","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","NavigationBar","items","selectedItemIndex","templateContext","styleSheet","setStylesheet","_stylesheet","map","prop","index","handlePress","action","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n View,\n StyleSheet,\n Text,\n ViewStyle,\n TextStyle,\n GestureResponderEvent,\n Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n title: string;\n testID: string;\n selected: boolean;\n Icon: FC<{height: number; width: number; color?: string}>;\n styles: StyleSheetType;\n theme: Theme;\n onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n label: string;\n icon: ButtonProps['Icon'];\n action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n testID?: string;\n items: Array<NavItemType>;\n selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n container: ViewStyle;\n navbar: ViewStyle;\n blur: ViewStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n dot: ViewStyle;\n dotShadow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n position: 'absolute',\n bottom: 0,\n paddingTop: 10,\n paddingBottom: 34,\n paddingHorizontal: 20,\n width: '100%',\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2\n },\n shadowOpacity: 0.15,\n shadowRadius: 3,\n elevation: 4\n },\n blur: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n },\n navbar: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignSelf: 'center',\n overflow: 'hidden',\n height: 66,\n borderRadius: 12,\n backgroundColor: Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'\n },\n button: {\n alignItems: 'center',\n flex: 1,\n height: '100%',\n maxWidth: 110,\n marginTop: theme.spacing.small\n },\n buttonText: {\n fontSize: theme.fontSize.small,\n lineHeight: 26,\n // height: 11,\n color: theme.colors.text.primary\n },\n dot: {\n width: 8,\n height: 8,\n borderRadius: 8,\n backgroundColor: theme.colors.cta,\n marginTop: 3,\n position: 'absolute',\n alignSelf: 'center'\n },\n dotShadow: {\n marginTop: -87,\n width: 200,\n height: 100,\n position: 'absolute',\n alignSelf: 'center',\n transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n }\n });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n <Touchable testID={testID} style={styles.button} onPress={onPress}>\n <View style={{alignItems: 'center'}}>\n <Icon\n height={16}\n width={16}\n color={selected ? theme.colors.cta : theme.colors.text.primary}\n />\n <Text style={styles.buttonText}>{title}</Text>\n </View>\n {selected ? (\n <View>\n <View style={styles.dot} />\n <BlurredShadow color={theme.colors.cta} style={styles.dotShadow} />\n </View>\n ) : null}\n </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: Props) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {theme} = templateContext;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <View style={styleSheet.navbar}>\n {Platform.OS === 'ios' ? (\n <BlurView style={styleSheet.blur} blurAmount={75} blurType=\"xlight\" />\n ) : null}\n {items.map((prop, index) => {\n const handlePress = prop.action;\n return (\n <Button\n key={`button-${prop.label}`}\n title={prop.label}\n Icon={prop.icon}\n onPress={handlePress}\n selected={index === selectedItemIndex}\n testID={`navigationButton_${index}`}\n styles={styleSheet}\n theme={theme}\n />\n );\n })}\n </View>\n </View>\n );\n};\n\nexport default NavigationBar;\n"],"mappings":"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"}

package/es/template/app-review/skills/index.native.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";~~AAOA~~,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;~~AA0B~~/C,QAAA,MAAM,YAAY,UAAW,iBAAiB,uBA4C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
1	+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAyB/C,QAAA,MAAM,YAAY,UAAW,iBAAiB,uBA4C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/template/app-review/skills/index.native.js CHANGED Viewed

@@ -1,6 +1,5 @@
 import React, { useState, useEffect } from 'react';
 import { Text, View, StyleSheet } from 'react-native';
-import { HEADER_HEIGHT } from '../../../organism/header-v2/index.native';
 import ReviewNoSkills from '../../../organism/review-no-skills/index.native';
 import ReviewListSkills from '../../../organism/review-skills/index.native';
 import { useTemplateContext } from '../template-context';
@@ -10,7 +9,6 @@ const createStyleSheet = theme => StyleSheet.create({
     flex: 1,
     padding: 20,
     width: '100%',
-    paddingTop: HEADER_HEIGHT + 20,
     backgroundColor: theme.colors.white
   },
   title: {

package/es/template/app-review/skills/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.js","names":["React","useState","useEffect","Text","View","StyleSheet","~~HEADER_HEIGHT","~~ReviewNoSkills","ReviewListSkills","useTemplateContext","createStyleSheet","theme","create","container","flex","padding","width","~~paddingTop","~~backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","ReviewSkills","props","ariaLabel","isLoading","isLoadingAriaLabel","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","styleSheet","setStylesheet","_stylesheet","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Text, View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport ~~{HEADER_HEIGHT} from '../../../organism/header-v2/index.native';\nimport~~ ReviewNoSkills from '../../../organism/review-no-skills/index.native';\nimport ReviewListSkills from '../../../organism/review-skills/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n padding: 20,\n width: '100%',\n ~~paddingTop: HEADER_HEIGHT + 20,\n~~ backgroundColor: theme.colors.white\n },\n title: {\n fontSize: theme.fontSize.xlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 28,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.base,\n marginTop: theme.spacing.small\n }\n });\n\nconst ReviewSkills = (props: ReviewSkillsProps) => {\n const {\n 'aria-label': ariaLabel,\n title,\n isLoading,\n isLoadingAriaLabel,\n listSkills,\n titleNoSkills,\n textNoSkills,\n iconSkillAriaLabel\n } = props;\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {theme} = templateContext;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container} accessibilityLabel={ariaLabel}>\n <Text style={styleSheet.title}>{title}</Text>\n {isLoading ? (\n <Text accessibilityLabel={isLoadingAriaLabel}>Loading</Text>\n ) : (\n <View>\n {!listSkills \|\| listSkills.length === 0 ? (\n <ReviewNoSkills\n titleNoSkills={titleNoSkills}\n textNoSkills={textNoSkills}\n iconSkillAriaLabel={iconSkillAriaLabel}\n />\n ) : (\n <ReviewListSkills listSkills={listSkills} />\n )}\n </View>\n )}\n </View>\n );\n};\n\nexport default ReviewSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,IAAd,EAAoBC,UAApB,QAA2D,cAA3D;AACA,~~SAAQC,aAAR,QAA4B,0CAA5B;AACA,~~OAAOC,cAAP,MAA2B,iDAA3B;AACA,OAAOC,gBAAP,MAA6B,8CAA7B;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAQA,MAAMC,gBAAgB,GAAIC,KAAD,~~IACvBN~~,UAAU,~~CAACO~~,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA;IAGTC,KAAK,EAAE,MAHE;IAITC,~~UAAU,EAAEX,aAAa,GAAG,EAJnB;IAKTY,~~eAAe,~~EAAEP~~,KAAK,~~CAACQ~~,MAAN,CAAaC;~~EALrB~~,CADK;~~EAQhBC~~,KAAK,EAAE;IACLC,QAAQ,~~EAAEX~~,KAAK,~~CAACW~~,QAAN,CAAeC,MADpB;IAELC,UAAU,~~EAAEb~~,KAAK,~~CAACa~~,UAAN,CAAiBC,IAFxB;IAGLC,UAAU,EAAE,EAHP;IAILC,KAAK,~~EAAEhB~~,KAAK,~~CAACQ~~,MAAN,CAAaS,IAAb,CAAkBC,OAJpB;IAKLC,YAAY,~~EAAEnB~~,KAAK,~~CAACoB~~,OAAN,CAAcC,IALvB;IAMLC,SAAS,~~EAAEtB~~,KAAK,~~CAACoB~~,OAAN,CAAcG;EANpB;~~AARS~~,CAAlB,CADF;;~~AAmBA~~,MAAMC,YAAY,GAAIC,KAAD,IAA8B;EACjD,MAAM;IACJ,cAAcC,SADV;IAEJhB,KAFI;IAGJiB,SAHI;IAIJC,kBAJI;IAKJC,UALI;IAMJC,aANI;IAOJC,YAPI;IAQJC;EARI,IASFP,KATJ;EAUA,MAAMQ,eAAe,~~GAAGnC~~,kBAAkB,EAA1C;EACA,MAAM,~~CAACoC~~,UAAD,EAAaC,aAAb,~~IAA8B7C~~,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;~~IAACU~~;EAAD,~~IAAUiC~~,eAAhB;~~EAEA1C~~,SAAS,CAAC,MAAM;IACd,~~MAAM6C~~,WAAW,~~GAAGrC~~,gBAAgB,CAACC,KAAD,CAApC;;~~IACAmC~~,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,~~CAACpC~~,KAAD,CAHM,CAAT;;EAKA,IAAI,~~CAACkC~~,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,~~CAAChC~~,SAAxB;IAAmC,kBAAkB,~~EAAEwB~~;EAAvD,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEQ,UAAU,CAACxB;EAAxB,GAAgCA,KAAhC,CADF,EAEGiB,SAAS,gBACR,oBAAC,IAAD;IAAM,kBAAkB,EAAEC;EAA1B,aADQ,gBAGR,oBAAC,IAAD,QACG,CAACC,UAAD,IAAeA,UAAU,CAACQ,MAAX,KAAsB,CAArC,gBACC,oBAAC,cAAD;IACE,aAAa,EAAEP,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EADD,gBAOC,oBAAC,gBAAD;IAAkB,UAAU,EAAEH;EAA9B,EARJ,CALJ,CADF;AAoBD,CA5CD;;AA8CA,eAAeL,YAAf"}
1	+ {"version":3,"file":"index.native.js","names":["React","useState","useEffect","Text","View","StyleSheet","ReviewNoSkills","ReviewListSkills","useTemplateContext","createStyleSheet","theme","create","container","flex","padding","width","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","ReviewSkills","props","ariaLabel","isLoading","isLoadingAriaLabel","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","styleSheet","setStylesheet","_stylesheet","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Text, View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport ReviewNoSkills from '../../../organism/review-no-skills/index.native';\nimport ReviewListSkills from '../../../organism/review-skills/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n padding: 20,\n width: '100%',\n backgroundColor: theme.colors.white\n },\n title: {\n fontSize: theme.fontSize.xlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 28,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.base,\n marginTop: theme.spacing.small\n }\n });\n\nconst ReviewSkills = (props: ReviewSkillsProps) => {\n const {\n 'aria-label': ariaLabel,\n title,\n isLoading,\n isLoadingAriaLabel,\n listSkills,\n titleNoSkills,\n textNoSkills,\n iconSkillAriaLabel\n } = props;\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {theme} = templateContext;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container} accessibilityLabel={ariaLabel}>\n <Text style={styleSheet.title}>{title}</Text>\n {isLoading ? (\n <Text accessibilityLabel={isLoadingAriaLabel}>Loading</Text>\n ) : (\n <View>\n {!listSkills \|\| listSkills.length === 0 ? (\n <ReviewNoSkills\n titleNoSkills={titleNoSkills}\n textNoSkills={textNoSkills}\n iconSkillAriaLabel={iconSkillAriaLabel}\n />\n ) : (\n <ReviewListSkills listSkills={listSkills} />\n )}\n </View>\n )}\n </View>\n );\n};\n\nexport default ReviewSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,IAAd,EAAoBC,UAApB,QAA2D,cAA3D;AACA,OAAOC,cAAP,MAA2B,iDAA3B;AACA,OAAOC,gBAAP,MAA6B,8CAA7B;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAQA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBL,UAAU,CAACM,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA;IAGTC,KAAK,EAAE,MAHE;IAITC,eAAe,EAAEN,KAAK,CAACO,MAAN,CAAaC;EAJrB,CADK;EAOhBC,KAAK,EAAE;IACLC,QAAQ,EAAEV,KAAK,CAACU,QAAN,CAAeC,MADpB;IAELC,UAAU,EAAEZ,KAAK,CAACY,UAAN,CAAiBC,IAFxB;IAGLC,UAAU,EAAE,EAHP;IAILC,KAAK,EAAEf,KAAK,CAACO,MAAN,CAAaS,IAAb,CAAkBC,OAJpB;IAKLC,YAAY,EAAElB,KAAK,CAACmB,OAAN,CAAcC,IALvB;IAMLC,SAAS,EAAErB,KAAK,CAACmB,OAAN,CAAcG;EANpB;AAPS,CAAlB,CADF;;AAkBA,MAAMC,YAAY,GAAIC,KAAD,IAA8B;EACjD,MAAM;IACJ,cAAcC,SADV;IAEJhB,KAFI;IAGJiB,SAHI;IAIJC,kBAJI;IAKJC,UALI;IAMJC,aANI;IAOJC,YAPI;IAQJC;EARI,IASFP,KATJ;EAUA,MAAMQ,eAAe,GAAGlC,kBAAkB,EAA1C;EACA,MAAM,CAACmC,UAAD,EAAaC,aAAb,IAA8B3C,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACS;EAAD,IAAUgC,eAAhB;EAEAxC,SAAS,CAAC,MAAM;IACd,MAAM2C,WAAW,GAAGpC,gBAAgB,CAACC,KAAD,CAApC;;IACAkC,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAACnC,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACiC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAAC/B,SAAxB;IAAmC,kBAAkB,EAAEuB;EAAvD,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEQ,UAAU,CAACxB;EAAxB,GAAgCA,KAAhC,CADF,EAEGiB,SAAS,gBACR,oBAAC,IAAD;IAAM,kBAAkB,EAAEC;EAA1B,aADQ,gBAGR,oBAAC,IAAD,QACG,CAACC,UAAD,IAAeA,UAAU,CAACQ,MAAX,KAAsB,CAArC,gBACC,oBAAC,cAAD;IACE,aAAa,EAAEP,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EADD,gBAOC,oBAAC,gBAAD;IAAkB,UAAU,EAAEH;EAA9B,EARJ,CALJ,CADF;AAoBD,CA5CD;;AA8CA,eAAeL,YAAf"}

package/lib/atom/review-presentation/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";~~AAuGA~~,6DA+BC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";AAyGA,6DA+BC"}

package/lib/atom/review-presentation/index.js CHANGED Viewed

@@ -86,10 +86,10 @@ const ToolTip = ({
     "aria-label": moreDetailsAriaLabel
   })), toolTipIsVisible ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.toolTip,
-    "data-testid": "review-presentation-tooltip"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: _style.default.tooltipText,
+    "data-testid": "review-presentation-tooltip",
     "aria-label": closeToolTipInformationTextAriaLabel
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: _style.default.tooltipText
   }, tooltipText)) : null);
 };

package/lib/atom/review-presentation/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","ReviewIcon","icon","Icon","getOr","style","labelIcon","ToolTip","tooltipText","moreDetailsAriaLabel","dataTestId","closeToolTipInformationTextAriaLabel","toolTipIsVisible","setToolTipIsVisible","useState","handleKeyPress","useCallback","event","key","handleMouseOver","handleMouseLeave","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","map","convert","cap","reviewList","propTypes","PropTypes","string","shape"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidVoteRewardsVoteHeart as HeartIcon,\n NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n skills: TargetIcon,\n questions: QuestionIcon,\n lifes: HeartIcon,\n allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n const Icon = getOr(null, icon, ICONS);\n\n /* istanbul ignore next */\n if (!Icon) {\n return <div className={style.labelIcon} />;\n }\n return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({\n tooltipText,\n 'aria-label': moreDetailsAriaLabel,\n 'data-testid': dataTestId,\n closeToolTipInformationTextAriaLabel\n}) => {\n const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n const handleKeyPress = useCallback(\n event => {\n if (event.key === 'Enter') {\n setToolTipIsVisible(!toolTipIsVisible);\n } else if (event.key === 'Tab' \|\| event.key === 'Escape') {\n setToolTipIsVisible(false);\n }\n },\n [setToolTipIsVisible, toolTipIsVisible]\n );\n const handleMouseOver = useCallback(() => {\n setToolTipIsVisible(true);\n }, [setToolTipIsVisible]);\n\n const handleMouseLeave = useCallback(() => {\n setToolTipIsVisible(false);\n }, [setToolTipIsVisible]);\n\n return (\n <div\n className={style.tooltipContainer}\n onMouseLeave={handleMouseLeave}\n onMouseOver={handleMouseOver}\n >\n <button\n type=\"button\"\n className={style.tooltipIconContainer}\n data-testid={dataTestId}\n onKeyDown={handleKeyPress}\n tabIndex={0}\n >\n <InformationIcon\n className={style.informationIcon}\n width={12}\n height={12}\n aria-label={moreDetailsAriaLabel}\n />\n </button>\n {toolTipIsVisible ? (\n <div className={style.toolTip} data-testid=\"review-presentation-tooltip\">\n <p className={style.tooltipText} ~~aria-label=~~{~~closeToolTipInformationTextAriaLabel}>\n {~~tooltipText}\n </p>\n </div>\n ) : null}\n </div>\n );\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n return (\n <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n <div className={style.reviewListText}>\n <ReviewIcon icon={iconKey} /> {label.text}\n </div>\n <ToolTip\n tooltipText={label.tooltipText}\n aria-label={label.moreDetailsAriaLabel}\n closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n data-testid={`review-list-item-tooltip-button-${iconKey}`}\n />\n </div>\n );\n};\n\nconst ReviewPresentation = props => {\n const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n return (\n <div className={style.reviewWrapper} aria-label={ariaLabel}>\n <div\n className={style.reviewTitle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewTitle}}\n />\n <div\n className={style.reviewText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewText}}\n />\n <ul className={style.reviewListWrapper}>\n {map.convert({cap: false})((label, key) => {\n return (\n <li key={`step-${key}`} className={style.reviewList}>\n <ReviewListItemWrapper\n iconKey={key}\n label={label}\n tooltipText={label.tooltipText}\n aria-label={label.moreDetailsAriaLabel}\n />\n </li>\n );\n }, labelsList)}\n </ul>\n </div>\n );\n};\n\nToolTip.propTypes = {\n tooltipText: PropTypes.string,\n 'aria-label': PropTypes.string,\n 'data-testid': PropTypes.string,\n closeToolTipInformationTextAriaLabel: PropTypes.string\n};\n\nReviewIcon.propTypes = {\n icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n ...ToolTip.propTypes,\n iconKey: PropTypes.string,\n label: PropTypes.shape({\n tooltipText: PropTypes.string,\n moreDetailsAriaLabel: PropTypes.string,\n closeToolTipInformationTextAriaLabel: PropTypes.string\n })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAOA;;AACA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,MAAM,EAAEC,oDADI;EAEZC,SAAS,EAAEC,0DAFC;EAGZC,KAAK,EAAEC,wCAHK;EAIZC,QAAQ,EAAEC;AAJE,CAAd;;AAOA,MAAMC,UAAU,GAAG,CAAC;EAACC;AAAD,CAAD,KAAY;EAC7B,MAAMC,IAAI,GAAG,IAAAC,cAAA,EAAM,IAAN,EAAYF,IAAZ,EAAkBV,KAAlB,CAAb;EAEA;;EACA,IAAI,CAACW,IAAL,EAAW;IACT,oBAAO;MAAK,SAAS,EAAEE,cAAA,CAAMC;IAAtB,EAAP;EACD;;EACD,oBAAO,6BAAC,IAAD;IAAM,SAAS,EAAED,cAAA,CAAMC;EAAvB,EAAP;AACD,CARD;;AAUA,MAAMC,OAAO,GAAG,CAAC;EACfC,WADe;EAEf,cAAcC,oBAFC;EAGf,eAAeC,UAHA;EAIfC;AAJe,CAAD,KAKV;EACJ,MAAM,CAACC,gBAAD,EAAmBC,mBAAnB,IAA0C,IAAAC,eAAA,EAAS,KAAT,CAAhD;EACA,MAAMC,cAAc,GAAG,IAAAC,kBAAA,EACrBC,KAAK,IAAI;IACP,IAAIA,KAAK,CAACC,GAAN,KAAc,OAAlB,EAA2B;MACzBL,mBAAmB,CAAC,CAACD,gBAAF,CAAnB;IACD,CAFD,MAEO,IAAIK,KAAK,CAACC,GAAN,KAAc,KAAd,IAAuBD,KAAK,CAACC,GAAN,KAAc,QAAzC,EAAmD;MACxDL,mBAAmB,CAAC,KAAD,CAAnB;IACD;EACF,CAPoB,EAQrB,CAACA,mBAAD,EAAsBD,gBAAtB,CARqB,CAAvB;EAUA,MAAMO,eAAe,GAAG,IAAAH,kBAAA,EAAY,MAAM;IACxCH,mBAAmB,CAAC,IAAD,CAAnB;EACD,CAFuB,EAErB,CAACA,mBAAD,CAFqB,CAAxB;EAIA,MAAMO,gBAAgB,GAAG,IAAAJ,kBAAA,EAAY,MAAM;IACzCH,mBAAmB,CAAC,KAAD,CAAnB;EACD,CAFwB,EAEtB,CAACA,mBAAD,CAFsB,CAAzB;EAIA,oBACE;IACE,SAAS,EAAER,cAAA,CAAMgB,gBADnB;IAEE,YAAY,EAAED,gBAFhB;IAGE,WAAW,EAAED;EAHf,gBAKE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEd,cAAA,CAAMiB,oBAFnB;IAGE,eAAaZ,UAHf;IAIE,SAAS,EAAEK,cAJb;IAKE,QAAQ,EAAE;EALZ,gBAOE,6BAAC,qDAAD;IACE,SAAS,EAAEV,cAAA,CAAMkB,eADnB;IAEE,KAAK,EAAE,EAFT;IAGE,MAAM,EAAE,EAHV;IAIE,cAAYd;EAJd,EAPF,CALF,EAmBGG,gBAAgB,gBACf;~~IAAK~~,SAAS,EAAEP,cAAA,CAAMmB,~~OAAtB~~;~~IAA+B~~,eAAY;~~EAA3C~~,~~gBACE~~;IAAG,SAAS,~~EAAEnB~~,cAAA,CAAMG~~,WAApB~~;~~IAAiC~~,~~cAAYG;EAA7C~~,~~GACGH~~,~~WADH~~,~~CADF,~~CADe,~~GAMb~~,~~IAzBN~~,CADF;~~AA6BD~~,~~CAtDD~~;;~~AAwDA~~,MAAMiB,qBAAqB,GAAG,CAAC;EAACC,OAAD;EAAUC;AAAV,CAAD,KAAsB;EAClD,oBACE;IAAK,SAAS,EAAEtB,cAAA,CAAMuB,qBAAtB;IAA6C,gBAA7C;IAAsD,YAAS,gBAA/D;IAAgF,QAAQ,EAAE;EAA1F,gBACE;IAAK,SAAS,EAAEvB,cAAA,CAAMwB;EAAtB,gBACE,6BAAC,UAAD;IAAY,IAAI,EAAEH;EAAlB,EADF,OACiCC,KAAK,CAACG,IADvC,CADF,eAIE,6BAAC,OAAD;IACE,WAAW,EAAEH,KAAK,CAACnB,WADrB;IAEE,cAAYmB,KAAK,CAAClB,oBAFpB;IAGE,oCAAoC,EAAEkB,KAAK,CAAChB,oCAH9C;IAIE,eAAc,mCAAkCe,OAAQ;EAJ1D,EAJF,CADF;AAaD,CAdD;;AAgBA,MAAMK,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAAC,cAAcC,SAAf;IAA0BC,WAA1B;IAAuCC,UAAvC;IAAmDC;EAAnD,IAAiEJ,KAAvE;EAEA,oBACE;IAAK,SAAS,EAAE3B,cAAA,CAAMgC,aAAtB;IAAqC,cAAYJ;EAAjD,gBACE;IACE,SAAS,EAAE5B,cAAA,CAAM6B,WADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACI,MAAM,EAAEJ;IAAT;EAH3B,EADF,eAME;IACE,SAAS,EAAE7B,cAAA,CAAM8B,UADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACG,MAAM,EAAEH;IAAT;EAH3B,EANF,eAWE;IAAI,SAAS,EAAE9B,cAAA,CAAMkC;EAArB,GACGC,YAAA,CAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACf,KAAD,EAAQT,GAAR,KAAgB;IACzC,oBACE;MAAI,GAAG,EAAG,QAAOA,GAAI,EAArB;MAAwB,SAAS,EAAEb,cAAA,CAAMsC;IAAzC,gBACE,6BAAC,qBAAD;MACE,OAAO,EAAEzB,GADX;MAEE,KAAK,EAAES,KAFT;MAGE,WAAW,EAAEA,KAAK,CAACnB,WAHrB;MAIE,cAAYmB,KAAK,CAAClB;IAJpB,EADF,CADF;EAUD,CAXA,EAWE2B,UAXF,CADH,CAXF,CADF;AA4BD,CA/BD;;AAiCA7B,OAAO,CAACqC,SAAR,2CAAoB;EAClBpC,WAAW,EAAEqC,kBAAA,CAAUC,MADL;EAElB,cAAcD,kBAAA,CAAUC,MAFN;EAGlB,eAAeD,kBAAA,CAAUC,MAHP;EAIlBnC,oCAAoC,EAAEkC,kBAAA,CAAUC;AAJ9B,CAApB;AAOA7C,UAAU,CAAC2C,SAAX,2CAAuB;EACrB1C,IAAI,EAAE2C,kBAAA,CAAUC;AADK,CAAvB;AAIArB,qBAAqB,CAACmB,SAAtB,wDACKrC,OAAO,CAACqC,SADb;EAEElB,OAAO,EAAEmB,kBAAA,CAAUC,MAFrB;EAGEnB,KAAK,EAAEkB,kBAAA,CAAUE,KAAV,CAAgB;IACrBvC,WAAW,EAAEqC,kBAAA,CAAUC,MADF;IAErBrC,oBAAoB,EAAEoC,kBAAA,CAAUC,MAFX;IAGrBnC,oCAAoC,EAAEkC,kBAAA,CAAUC;EAH3B,CAAhB;AAHT;AAUAf,kBAAkB,CAACa,SAAnB,2CAA+BA,mBAA/B;eAEeb,kB"}
1	+ {"version":3,"file":"index.js","names":["ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","ReviewIcon","icon","Icon","getOr","style","labelIcon","ToolTip","tooltipText","moreDetailsAriaLabel","dataTestId","closeToolTipInformationTextAriaLabel","toolTipIsVisible","setToolTipIsVisible","useState","handleKeyPress","useCallback","event","key","handleMouseOver","handleMouseLeave","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","map","convert","cap","reviewList","propTypes","PropTypes","string","shape"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidVoteRewardsVoteHeart as HeartIcon,\n NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n skills: TargetIcon,\n questions: QuestionIcon,\n lifes: HeartIcon,\n allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n const Icon = getOr(null, icon, ICONS);\n\n /* istanbul ignore next */\n if (!Icon) {\n return <div className={style.labelIcon} />;\n }\n return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({\n tooltipText,\n 'aria-label': moreDetailsAriaLabel,\n 'data-testid': dataTestId,\n closeToolTipInformationTextAriaLabel\n}) => {\n const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n const handleKeyPress = useCallback(\n event => {\n if (event.key === 'Enter') {\n setToolTipIsVisible(!toolTipIsVisible);\n } else if (event.key === 'Tab' \|\| event.key === 'Escape') {\n setToolTipIsVisible(false);\n }\n },\n [setToolTipIsVisible, toolTipIsVisible]\n );\n const handleMouseOver = useCallback(() => {\n setToolTipIsVisible(true);\n }, [setToolTipIsVisible]);\n\n const handleMouseLeave = useCallback(() => {\n setToolTipIsVisible(false);\n }, [setToolTipIsVisible]);\n\n return (\n <div\n className={style.tooltipContainer}\n onMouseLeave={handleMouseLeave}\n onMouseOver={handleMouseOver}\n >\n <button\n type=\"button\"\n className={style.tooltipIconContainer}\n data-testid={dataTestId}\n onKeyDown={handleKeyPress}\n tabIndex={0}\n >\n <InformationIcon\n className={style.informationIcon}\n width={12}\n height={12}\n aria-label={moreDetailsAriaLabel}\n />\n </button>\n {toolTipIsVisible ? (\n <div\n className={style.toolTip}\n data-testid=\"review-presentation-tooltip\"\n aria-label={closeToolTipInformationTextAriaLabel}\n >\n <p className={style.tooltipText}>{tooltipText}</p>\n </div>\n ) : null}\n </div>\n );\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n return (\n <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n <div className={style.reviewListText}>\n <ReviewIcon icon={iconKey} /> {label.text}\n </div>\n <ToolTip\n tooltipText={label.tooltipText}\n aria-label={label.moreDetailsAriaLabel}\n closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n data-testid={`review-list-item-tooltip-button-${iconKey}`}\n />\n </div>\n );\n};\n\nconst ReviewPresentation = props => {\n const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n return (\n <div className={style.reviewWrapper} aria-label={ariaLabel}>\n <div\n className={style.reviewTitle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewTitle}}\n />\n <div\n className={style.reviewText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewText}}\n />\n <ul className={style.reviewListWrapper}>\n {map.convert({cap: false})((label, key) => {\n return (\n <li key={`step-${key}`} className={style.reviewList}>\n <ReviewListItemWrapper\n iconKey={key}\n label={label}\n tooltipText={label.tooltipText}\n aria-label={label.moreDetailsAriaLabel}\n />\n </li>\n );\n }, labelsList)}\n </ul>\n </div>\n );\n};\n\nToolTip.propTypes = {\n tooltipText: PropTypes.string,\n 'aria-label': PropTypes.string,\n 'data-testid': PropTypes.string,\n closeToolTipInformationTextAriaLabel: PropTypes.string\n};\n\nReviewIcon.propTypes = {\n icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n ...ToolTip.propTypes,\n iconKey: PropTypes.string,\n label: PropTypes.shape({\n tooltipText: PropTypes.string,\n moreDetailsAriaLabel: PropTypes.string,\n closeToolTipInformationTextAriaLabel: PropTypes.string\n })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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"}

package/lib/atom/review-presentation/index.native.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":";~~AAeA~~,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;~~AA8FvD~~,QAAA,MAAM,UAAU,UAAW,eAAe,~~uBA0CzC~~,CAAC;AAEF,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;AAoGvD,QAAA,MAAM,UAAU,UAAW,eAAe,uBA4CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/atom/review-presentation/index.native.js CHANGED Viewed

@@ -11,11 +11,9 @@ var _novaIcons = require("@coorpacademy/nova-icons");
 var _templateContext = require("../../template/app-review/template-context");
-var _index = require("../../organism/header-v2/index.native");
+var _index = _interopRequireDefault(require("../../hoc/touchable/index.native"));
-var _index2 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
-var _index3 = _interopRequireDefault(require("../html/index.native"));
+var _index2 = _interopRequireDefault(require("../html/index.native"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -29,7 +27,8 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
     justifyContent: 'space-between',
     flex: 1,
     padding: 20,
-    paddingTop: _index.HEADER_HEIGHT + 20
+    paddingTop: 20,
+    paddingBottom: 100
   },
   title: {
     height: 72,
@@ -38,13 +37,17 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
     fontWeight: theme.fontWeight.bold,
     lineHeight: 36,
     color: theme.colors.text.primary,
-    marginBottom: theme.spacing.small
+    marginBottom: 32
   },
   text: {
     fontSize: theme.fontSize.large,
     color: theme.colors.text.primary,
-    opacity: 0.7,
-    marginBottom: theme.spacing.small
+    opacity: 0.7
+  },
+  tips: {
+    marginTop: 32,
+    height: 300,
+    justifyContent: 'center'
   },
   tip: {
     flexDirection: 'row',
@@ -67,8 +70,8 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
   button: {
     height: 52,
     borderRadius: 7,
-    marginBottom: theme.spacing.large,
-    marginTop: theme.spacing.large,
+    marginBottom: 32,
+    marginTop: 16,
     backgroundColor: brandTheme?.colors?.primary || theme.colors.cta,
     justifyContent: 'center'
   },
@@ -136,11 +139,13 @@ const Onboarding = props => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.container
-  }, /*#__PURE__*/_react.default.createElement(_index3.default, {
+  }, /*#__PURE__*/_react.default.createElement(_index2.default, {
     style: styleSheet.title
-  }, translations.appReview.presentation.title), /*#__PURE__*/_react.default.createElement(_index3.default, {
+  }, translations.appReview.presentation.title), /*#__PURE__*/_react.default.createElement(_index2.default, {
     style: styleSheet.text
-  }, translations.appReview.presentation.text), /*#__PURE__*/_react.default.createElement(Tip, {
+  }, translations.appReview.presentation.text), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.tips
+  }, /*#__PURE__*/_react.default.createElement(Tip, {
     Icon: _novaIcons.NovaLineSelectionCursorsCursorArrowTarget,
     text: translations.appReview.presentation.labelList.skills.text
   }), /*#__PURE__*/_react.default.createElement(Tip, {
@@ -152,7 +157,7 @@ const Onboarding = props => {
   }), /*#__PURE__*/_react.default.createElement(Tip, {
     Icon: _novaIcons.NovaSolidStatusCheckCircle2,
     text: translations.appReview.presentation.labelList.allright.text
-  }), /*#__PURE__*/_react.default.createElement(_index2.default, {
+  })), /*#__PURE__*/_react.default.createElement(_index.default, {
     testID: "button-quit-revision-onboarding",
     onPress: onPress,
     analyticsID: "button-start",

package/lib/atom/review-presentation/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.js","names":["createStyleSheet","brandTheme","theme","StyleSheet","create","container","backgroundColor","colors","white","justifyContent","flex","padding","paddingTop","~~HEADER_HEIGHT~~","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","~~spacing~~","~~small~~","~~large~~","~~opacity~~","tip","flexDirection","overflow","alignItems","borderRadius","gray","extra","~~marginTop~~","micro","tipText","icon","margin","button","cta","buttonText","alignSelf","Tip","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","Icon","useEffect","_stylesheet","Onboarding","translations","onPress","appReview","presentation","TargetIcon","labelList","skills","QuestionMarkIcon","questions","HeartIcon","lifes","CheckCircle2Icon","allright","ok"],"sources":["../../../src/atom/review-presentation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon,\n NovaSolidStatusCheckCircle2 as CheckCircle2Icon,\n NovaCompositionCoorpacademyVoteHeartOutline as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport ~~{HEADER_HEIGHT} from '../../organism/header-v2/index.native';\nimport~~ Touchable from '../../hoc/touchable/index.native';\nimport Html from '../html/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n text: TextStyle;\n tip: ViewStyle;\n tipText: TextStyle;\n icon: ViewStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n backgroundColor: theme.colors.white,\n justifyContent: 'space-between',\n flex: 1,\n padding: 20,\n paddingTop: ~~HEADER_HEIGHT~~ ~~+ 20~~\n },\n title: {\n height: 72,\n width: 268,\n fontSize: theme.fontSize.xxlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 36,\n color: theme.colors.text.primary,\n marginBottom: ~~theme.spacing.small~~\n },\n text: {\n fontSize: theme.fontSize.large,\n color: theme.colors.text.primary,\n opacity: 0.7,\n ~~marginBottom~~: ~~theme.spacing.small~~\n },\n tip: {\n flexDirection: 'row',\n overflow: 'hidden',\n alignItems: 'center',\n height: 54,\n borderRadius: 8,\n backgroundColor: theme.colors.gray.extra,\n marginTop: theme.spacing.micro,\n marginBottom: theme.spacing.micro\n },\n tipText: {\n fontSize: 16,\n lineHeight: 22,\n color: theme.colors.text.primary\n },\n icon: {\n margin: 10\n },\n button: {\n height: 52,\n borderRadius: 7,\n marginBottom: ~~theme.spacing.large~~,\n marginTop: ~~theme.spacing.large~~,\n backgroundColor: brandTheme?.colors?.primary \|\| theme.colors.cta,\n justifyContent: 'center'\n },\n buttonText: {\n alignSelf: 'center',\n fontWeight: theme.fontWeight.bold,\n fontSize: theme.fontSize.large,\n color: '#fff'\n }\n });\n\nconst Tip = (props: TipProps) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {brandTheme, theme} = templateContext;\n const {Icon, text} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(brandTheme, theme);\n setStylesheet(_stylesheet);\n }, [brandTheme, theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.tip}>\n <Icon height={16} width={16} style={styleSheet.icon} color={theme.colors.text.primary} />\n <Text style={styleSheet.tipText}>{text}</Text>\n </View>\n );\n};\n\nconst Onboarding = (props: OnboardingProps) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {brandTheme, theme, translations} = templateContext;\n const {onPress} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(brandTheme, theme);\n setStylesheet(_stylesheet);\n }, [brandTheme, theme]);\n\n // ------------------------------------\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <Html style={styleSheet.title}>{translations.appReview.presentation.title}</Html>\n <Html style={styleSheet.text}>{translations.appReview.presentation.text}</Html>\n\n <Tip Icon={TargetIcon} text={translations.appReview.presentation.labelList.skills.text} />\n <Tip\n Icon={QuestionMarkIcon}\n text={translations.appReview.presentation.labelList.questions.text}\n />\n <Tip Icon={HeartIcon} text={translations.appReview.presentation.labelList.lifes.text} />\n <Tip\n Icon={CheckCircle2Icon}\n text={translations.appReview.presentation.labelList.allright.text}\n />\n <Touchable\n testID=\"button-quit-revision-onboarding\"\n onPress={onPress}\n analyticsID=\"button-start\"\n style={styleSheet.button}\n >\n <Text style={styleSheet.buttonText}>{translations.ok}</Text>\n </Touchable>\n </View>\n );\n};\n\nexport default Onboarding;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAOA;;AAEA;;AACA~~;;AACA~~;;;;;;;;~~AAeA~~,MAAMA,gBAAgB,GAAG,CAACC,UAAD,EAAoBC,KAApB,KACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,eAAe,EAAEJ,KAAK,CAACK,MAAN,CAAaC,KADrB;IAETC,cAAc,EAAE,eAFP;IAGTC,IAAI,EAAE,CAHG;IAITC,OAAO,EAAE,EAJA;IAKTC,UAAU,~~EAAEC~~,~~oBAAA~~,~~GAAgB~~;~~EALnB~~,CADK;~~EAQhBC~~,KAAK,EAAE;IACLC,MAAM,EAAE,EADH;IAELC,KAAK,EAAE,GAFF;IAGLC,QAAQ,EAAEf,KAAK,CAACe,QAAN,CAAeC,OAHpB;IAILC,UAAU,EAAEjB,KAAK,CAACiB,UAAN,CAAiBC,IAJxB;IAKLC,UAAU,EAAE,EALP;IAMLC,KAAK,EAAEpB,KAAK,CAACK,MAAN,CAAagB,IAAb,CAAkBC,OANpB;IAOLC,YAAY,~~EAAEvB,KAAK,CAACwB,OAAN,CAAcC~~;~~EAPvB~~,~~CARS~~;~~EAiBhBJ~~,IAAI,EAAE;IACJN,QAAQ,EAAEf,KAAK,CAACe,QAAN,~~CAAeW~~,KADrB;~~IAEJN~~,KAAK,EAAEpB,KAAK,CAACK,MAAN,CAAagB,IAAb,CAAkBC,OAFrB;~~IAGJK~~,OAAO,EAAE,~~GAHL~~;~~IAIJJ~~,~~YAAY~~,~~EAAEvB~~,~~KAAK~~,~~CAACwB~~,~~OAAN~~,~~CAAcC~~;~~EAJxB~~,~~CAjBU~~;~~EAuBhBG~~,GAAG,EAAE;IACHC,aAAa,EAAE,KADZ;IAEHC,QAAQ,EAAE,QAFP;IAGHC,UAAU,EAAE,QAHT;IAIHlB,MAAM,EAAE,EAJL;IAKHmB,YAAY,EAAE,CALX;IAMH5B,eAAe,EAAEJ,KAAK,CAACK,MAAN,CAAa4B,IAAb,CAAkBC,KANhC;~~IAOHC~~,SAAS,~~EAAEnC~~,KAAK,~~CAACwB~~,OAAN,~~CAAcY~~,KAPtB;IAQHb,YAAY,EAAEvB,KAAK,~~CAACwB~~,OAAN,~~CAAcY~~;EARzB,~~CAvBW~~;~~EAiChBC~~,OAAO,EAAE;IACPtB,QAAQ,EAAE,EADH;IAEPI,UAAU,EAAE,EAFL;IAGPC,KAAK,EAAEpB,KAAK,CAACK,MAAN,CAAagB,IAAb,CAAkBC;EAHlB,~~CAjCO~~;~~EAsChBgB~~,IAAI,EAAE;IACJC,MAAM,EAAE;EADJ,~~CAtCU~~;~~EAyChBC~~,MAAM,EAAE;IACN3B,MAAM,EAAE,EADF;IAENmB,YAAY,EAAE,CAFR;IAGNT,YAAY,~~EAAEvB~~,~~KAAK,CAACwB,OAAN,CAAcE,KAHtB~~;~~IAINS~~,SAAS,~~EAAEnC~~,~~KAAK,CAACwB,OAAN,CAAcE,KAJnB~~;~~IAKNtB~~,eAAe,EAAEL,UAAU,EAAEM,MAAZ,EAAoBiB,OAApB,IAA+BtB,KAAK,CAACK,MAAN,CAAaoC,GALvD;IAMNlC,cAAc,EAAE;EANV,~~CAzCQ~~;~~EAiDhBmC~~,UAAU,EAAE;IACVC,SAAS,EAAE,QADD;IAEV1B,UAAU,EAAEjB,KAAK,CAACiB,UAAN,CAAiBC,IAFnB;IAGVH,QAAQ,EAAEf,KAAK,CAACe,QAAN,~~CAAeW~~,KAHf;~~IAIVN~~,KAAK,EAAE;EAJG;~~AAjDI~~,CAAlB,CADF;;~~AA0DA~~,MAAMwB,GAAG,GAAIC,KAAD,IAAqB;EAC/B,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACnD,UAAD;IAAaC;EAAb,IAAsB8C,eAA5B;EACA,MAAM;IAACK,IAAD;IAAO9B;EAAP,IAAewB,KAArB;EAEA,IAAAO,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGvD,gBAAgB,CAACC,UAAD,EAAaC,KAAb,CAApC;;IACAiD,aAAa,CAACI,WAAD,CAAb;EACD,CAHD,EAGG,CAACtD,UAAD,EAAaC,KAAb,CAHH;;EAKA,IAAI,CAACgD,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAACpB;EAAxB,gBACE,6BAAC,IAAD;IAAM,MAAM,EAAE,EAAd;IAAkB,KAAK,EAAE,EAAzB;IAA6B,KAAK,EAAEoB,UAAU,CAACV,IAA/C;IAAqD,KAAK,EAAEtC,KAAK,CAACK,MAAN,CAAagB,IAAb,CAAkBC;EAA9E,EADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAE0B,UAAU,CAACX;EAAxB,GAAkChB,IAAlC,CAFF,CADF;AAMD,CArBD;;AAuBA,MAAMiC,UAAU,GAAIT,KAAD,IAA4B;EAC7C,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACnD,UAAD;IAAaC,KAAb;IAAoBuD;EAApB,IAAoCT,eAA1C;EACA,MAAM;IAACU;EAAD,IAAYX,KAAlB;EAEA,IAAAO,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGvD,gBAAgB,CAACC,UAAD,EAAaC,KAAb,CAApC;;IACAiD,aAAa,CAACI,WAAD,CAAb;EACD,CAHD,EAGG,CAACtD,UAAD,EAAaC,KAAb,CAHH,EAN6C,CAW7C;;EAEA,IAAI,CAACgD,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAAC7C;EAAxB,gBACE,6BAAC,eAAD;IAAM,KAAK,EAAE6C,UAAU,CAACpC;EAAxB,GAAgC2C,YAAY,CAACE,SAAb,CAAuBC,YAAvB,CAAoC9C,KAApE,CADF,eAEE,6BAAC,eAAD;IAAM,KAAK,EAAEoC,UAAU,CAAC3B;EAAxB,GAA+BkC,YAAY,CAACE,SAAb,CAAuBC,YAAvB,CAAoCrC,IAAnE,CAFF,eAIE,6BAAC,GAAD;IAAK,IAAI,~~EAAEsC~~,oDAAX;IAAuB,IAAI,EAAEJ,YAAY,CAACE,SAAb,CAAuBC,YAAvB,CAAoCE,SAApC,CAA8CC,MAA9C,CAAqDxC;EAAlF,~~EAJF~~,~~eAKE~~,6BAAC,GAAD;IACE,IAAI,EAAEyC,0DADR;IAEE,IAAI,EAAEP,YAAY,CAACE,SAAb,CAAuBC,YAAvB,CAAoCE,SAApC,CAA8CG,SAA9C,CAAwD1C;EAFhE,~~EALF~~,~~eASE~~,6BAAC,GAAD;IAAK,IAAI,EAAE2C,sDAAX;IAAsB,IAAI,EAAET,YAAY,CAACE,SAAb,CAAuBC,YAAvB,CAAoCE,SAApC,CAA8CK,KAA9C,CAAoD5C;EAAhF,~~EATF~~,~~eAUE~~,6BAAC,GAAD;IACE,IAAI,EAAE6C,sCADR;IAEE,IAAI,EAAEX,YAAY,CAACE,SAAb,CAAuBC,YAAvB,CAAoCE,SAApC,CAA8CO,QAA9C,CAAuD9C;EAF/D,~~EAVF~~,~~eAcE~~,6BAAC,~~eAAD~~;IACE,MAAM,EAAC,iCADT;IAEE,OAAO,EAAEmC,OAFX;IAGE,WAAW,EAAC,cAHd;IAIE,KAAK,EAAER,UAAU,CAACR;EAJpB,gBAME,6BAAC,iBAAD;IAAM,KAAK,EAAEQ,UAAU,CAACN;EAAxB,GAAqCa,YAAY,CAACa,EAAlD,CANF,~~CAdF~~,CADF;~~AAyBD~~,~~CA1CD~~;;~~eA4Ced~~,U"}
1	+ {"version":3,"file":"index.native.js","names":["createStyleSheet","brandTheme","theme","StyleSheet","create","container","backgroundColor","colors","white","justifyContent","flex","padding","paddingTop","paddingBottom","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","large","opacity","tips","marginTop","tip","flexDirection","overflow","alignItems","borderRadius","gray","extra","spacing","micro","tipText","icon","margin","button","cta","buttonText","alignSelf","Tip","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","Icon","useEffect","_stylesheet","Onboarding","translations","onPress","appReview","presentation","TargetIcon","labelList","skills","QuestionMarkIcon","questions","HeartIcon","lifes","CheckCircle2Icon","allright","ok"],"sources":["../../../src/atom/review-presentation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon,\n NovaSolidStatusCheckCircle2 as CheckCircle2Icon,\n NovaCompositionCoorpacademyVoteHeartOutline as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport Html from '../html/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n text: TextStyle;\n tips: ViewStyle;\n tip: ViewStyle;\n tipText: TextStyle;\n icon: ViewStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n backgroundColor: theme.colors.white,\n justifyContent: 'space-between',\n flex: 1,\n padding: 20,\n paddingTop: 20,\n paddingBottom: 100\n },\n title: {\n height: 72,\n width: 268,\n fontSize: theme.fontSize.xxlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 36,\n color: theme.colors.text.primary,\n marginBottom: 32\n },\n text: {\n fontSize: theme.fontSize.large,\n color: theme.colors.text.primary,\n opacity: 0.7\n },\n tips: {\n marginTop: 32,\n height: 300,\n justifyContent: 'center'\n },\n tip: {\n flexDirection: 'row',\n overflow: 'hidden',\n alignItems: 'center',\n height: 54,\n borderRadius: 8,\n backgroundColor: theme.colors.gray.extra,\n marginTop: theme.spacing.micro,\n marginBottom: theme.spacing.micro\n },\n tipText: {\n fontSize: 16,\n lineHeight: 22,\n color: theme.colors.text.primary\n },\n icon: {\n margin: 10\n },\n button: {\n height: 52,\n borderRadius: 7,\n marginBottom: 32,\n marginTop: 16,\n backgroundColor: brandTheme?.colors?.primary \|\| theme.colors.cta,\n justifyContent: 'center'\n },\n buttonText: {\n alignSelf: 'center',\n fontWeight: theme.fontWeight.bold,\n fontSize: theme.fontSize.large,\n color: '#fff'\n }\n });\n\nconst Tip = (props: TipProps) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {brandTheme, theme} = templateContext;\n const {Icon, text} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(brandTheme, theme);\n setStylesheet(_stylesheet);\n }, [brandTheme, theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.tip}>\n <Icon height={16} width={16} style={styleSheet.icon} color={theme.colors.text.primary} />\n <Text style={styleSheet.tipText}>{text}</Text>\n </View>\n );\n};\n\nconst Onboarding = (props: OnboardingProps) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {brandTheme, theme, translations} = templateContext;\n const {onPress} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(brandTheme, theme);\n setStylesheet(_stylesheet);\n }, [brandTheme, theme]);\n\n // ------------------------------------\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <Html style={styleSheet.title}>{translations.appReview.presentation.title}</Html>\n <Html style={styleSheet.text}>{translations.appReview.presentation.text}</Html>\n\n <View style={styleSheet.tips}>\n <Tip Icon={TargetIcon} text={translations.appReview.presentation.labelList.skills.text} />\n <Tip\n Icon={QuestionMarkIcon}\n text={translations.appReview.presentation.labelList.questions.text}\n />\n <Tip Icon={HeartIcon} text={translations.appReview.presentation.labelList.lifes.text} />\n <Tip\n Icon={CheckCircle2Icon}\n text={translations.appReview.presentation.labelList.allright.text}\n />\n </View>\n <Touchable\n testID=\"button-quit-revision-onboarding\"\n onPress={onPress}\n analyticsID=\"button-start\"\n style={styleSheet.button}\n >\n <Text style={styleSheet.buttonText}>{translations.ok}</Text>\n </Touchable>\n </View>\n );\n};\n\nexport default Onboarding;\n"],"mappings":"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"}

package/lib/organism/mobile-navigation/index.native.d.ts CHANGED Viewed

@@ -25,12 +25,13 @@ export interface Props {
     selectedItemIndex: number;
 }
 declare type StyleSheetType = {
-    main: ViewStyle;
     container: ViewStyle;
+    navbar: ViewStyle;
+    blur: ViewStyle;
     button: ViewStyle;
     buttonText: TextStyle;
     dot: ViewStyle;
-    blur: ViewStyle;
+    dotShadow: ViewStyle;
 };
 declare const NavigationBar: ({ items, selectedItemIndex }: Props) => JSX.Element | null;
 export default NavigationBar;

package/lib/organism/mobile-navigation/index.native.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAIL,SAAS,EACT,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAC;AAEnD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAC1D,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,aAAK,cAAc,GAAG;IACpB,~~IAAI~~,EAAE,SAAS,CAAC;~~IAChB~~,SAAS,EAAE,SAAS,CAAC;~~IACrB~~,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,SAAS,CAAC;IACtB,GAAG,EAAE,SAAS,CAAC;IACf,~~IAAI~~,EAAE,SAAS,CAAC;~~CACjB~~,CAAC;~~AAsEF~~,QAAA,MAAM,aAAa,iCAAgC,KAAK,~~uBA0CvD~~,CAAC;AAEF,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAIL,SAAS,EACT,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAC;AAEnD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAC1D,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,aAAK,cAAc,GAAG;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,SAAS,CAAC;IACtB,GAAG,EAAE,SAAS,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAuFF,QAAA,MAAM,aAAa,iCAAgC,KAAK,uBAsCvD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/organism/mobile-navigation/index.native.js CHANGED Viewed

@@ -22,25 +22,43 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
-  main: {
-    marginHorizontal: 20
-  },
   container: {
     position: 'absolute',
-    bottom: 34,
+    bottom: 0,
+    paddingTop: 10,
+    paddingBottom: 34,
+    paddingHorizontal: 20,
     width: '100%',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 3,
+    elevation: 4
+  },
+  blur: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
+  navbar: {
     flexDirection: 'row',
     justifyContent: 'space-between',
     alignSelf: 'center',
     overflow: 'hidden',
     height: 66,
     borderRadius: 12,
-    backgroundColor: theme.colors.gray.light
+    backgroundColor: _reactNative.Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'
   },
   button: {
     alignItems: 'center',
     flex: 1,
     height: '100%',
+    maxWidth: 110,
     marginTop: theme.spacing.small
   },
   buttonText: {
@@ -58,7 +76,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     position: 'absolute',
     alignSelf: 'center'
   },
-  blur: {
+  dotShadow: {
     marginTop: -87,
     width: 200,
     height: 100,
@@ -98,7 +116,7 @@ const Button = ({
   style: styles.dot
 }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationNavBar, {
   color: theme.colors.cta,
-  style: styles.blur
+  style: styles.dotShadow
 })) : null);
 const NavigationBar = ({
@@ -121,14 +139,14 @@ const NavigationBar = ({
   }
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styleSheet.main
-  }, _reactNative.Platform.OS === 'ios' ? /*#__PURE__*/_react.default.createElement(_blur.BlurView, {
-    style: styleSheet.container,
-    blurAmount: 32,
-    reducedTransparencyFallbackColor: "rgba(17, 17, 23, 0.5)"
-  }) : null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.container
-  }, items.map((prop, index) => {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.navbar
+  }, _reactNative.Platform.OS === 'ios' ? /*#__PURE__*/_react.default.createElement(_blur.BlurView, {
+    style: styleSheet.blur,
+    blurAmount: 75,
+    blurType: "xlight"
+  }) : null, items.map((prop, index) => {
     const handlePress = prop.action;
     return /*#__PURE__*/_react.default.createElement(Button, {
       key: `button-${prop.label}`,

package/lib/organism/mobile-navigation/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","~~main~~","~~marginHorizontal~~","~~container~~","~~position~~","~~bottom~~","width","flexDirection","justifyContent","alignSelf","overflow","~~height~~","~~borderRadius~~","~~backgroundColor~~","colors","gray","light","button","alignItems","flex","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","~~blur~~","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","NavigationBar","items","selectedItemIndex","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","~~Platform","OS","~~map","prop","index","handlePress","action","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n View,\n StyleSheet,\n Text,\n ViewStyle,\n TextStyle,\n GestureResponderEvent,\n Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n title: string;\n testID: string;\n selected: boolean;\n Icon: FC<{height: number; width: number; color?: string}>;\n styles: StyleSheetType;\n theme: Theme;\n onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n label: string;\n icon: ButtonProps['Icon'];\n action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n testID?: string;\n items: Array<NavItemType>;\n selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n ~~main~~: ViewStyle;\n ~~container~~: ViewStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n dot: ViewStyle;\n ~~blur~~: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n ~~main~~: {\n ~~marginHorizontal~~: 20\n },\n ~~container~~: {\n position: 'absolute',\n bottom: 34,\n ~~width~~: ~~'100%'~~,\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignSelf: 'center',\n overflow: 'hidden',\n height: 66,\n borderRadius: 12,\n backgroundColor: theme.colors.gray.light\n },\n button: {\n alignItems: 'center',\n flex: 1,\n height: '100%',\n marginTop: theme.spacing.small\n },\n buttonText: {\n fontSize: theme.fontSize.small,\n lineHeight: 26,\n // height: 11,\n color: theme.colors.text.primary\n },\n\n dot: {\n width: 8,\n height: 8,\n borderRadius: 8,\n backgroundColor: theme.colors.cta,\n marginTop: 3,\n position: 'absolute',\n alignSelf: 'center'\n },\n ~~blur~~: {\n marginTop: -87,\n width: 200,\n height: 100,\n position: 'absolute',\n alignSelf: 'center',\n transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n }\n });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n <Touchable testID={testID} style={styles.button} onPress={onPress}>\n <View style={{alignItems: 'center'}}>\n <Icon\n height={16}\n width={16}\n color={selected ? theme.colors.cta : theme.colors.text.primary}\n />\n <Text style={styles.buttonText}>{title}</Text>\n </View>\n {selected ? (\n <View>\n <View style={styles.dot} />\n <BlurredShadow color={theme.colors.cta} style={styles.~~blur~~} />\n </View>\n ) : null}\n </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: Props) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {theme} = templateContext;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.~~main~~}>\n {Platform.OS === 'ios' ? (\n <BlurView\n style={styleSheet.~~container~~}\n blurAmount={32}~~\n reducedTransparencyFallbackColor~~=\"~~rgba(17, 17, 23, 0.5)~~\"\n ~~/>\n~~ ) : null}\n ~~<View style={styleSheet.container}>\n~~ {items.map((prop, index) => {\n const handlePress = prop.action;\n return (\n <Button\n key={`button-${prop.label}`}\n title={prop.label}\n Icon={prop.icon}\n onPress={handlePress}\n selected={index === selectedItemIndex}\n testID={`navigationButton_${index}`}\n styles={styleSheet}\n theme={theme}\n />\n );\n })}\n </View>\n </View>\n );\n};\n\nexport default NavigationBar;\n"],"mappings":";;;;;AAAA;;AACA;;AASA;;AAEA;;AAEA;;AACA;;;;;;;;~~AAkCA~~,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,~~IAAI~~,EAAE;~~IACJC~~,~~gBAAgB~~,EAAE;~~EADd~~,~~CADU~~;~~EAIhBC~~,SAAS,EAAE;~~IACTC~~,QAAQ,EAAE,~~UADD~~;~~IAETC~~,MAAM,EAAE,~~EAFC~~;~~IAGTC~~,KAAK,EAAE,~~MAHE~~;~~IAITC~~,aAAa,EAAE,~~KAJN~~;~~IAKTC~~,cAAc,EAAE,~~eALP~~;~~IAMTC~~,SAAS,EAAE,~~QANF~~;~~IAOTC~~,QAAQ,EAAE,~~QAPD~~;~~IAQTC~~,MAAM,EAAE,~~EARC~~;~~IASTC~~,YAAY,EAAE,~~EATL~~;~~IAUTC~~,eAAe,~~EAAEf~~,KAAK,~~CAACgB~~,MAAN,CAAaC,IAAb,CAAkBC;~~EAV1B~~,~~CAJK~~;~~EAgBhBC~~,MAAM,EAAE;IACNC,UAAU,EAAE,QADN;IAENC,IAAI,EAAE,CAFA;~~IAGNR~~,MAAM,EAAE,MAHF;~~IAINS~~,SAAS,~~EAAEtB~~,KAAK,~~CAACuB~~,OAAN,CAAcC;~~EAJnB~~,~~CAhBQ~~;~~EAsBhBC~~,UAAU,EAAE;IACVC,QAAQ,~~EAAE1B~~,KAAK,~~CAAC0B~~,QAAN,CAAeF,KADf;IAEVG,UAAU,EAAE,EAFF;IAGV;IACAC,KAAK,~~EAAE5B~~,KAAK,~~CAACgB~~,MAAN,~~CAAaa~~,IAAb,CAAkBC;EAJf,~~CAtBI~~;~~EA6BhBC~~,GAAG,EAAE;~~IACHvB~~,KAAK,EAAE,CADJ;~~IAEHK~~,MAAM,EAAE,CAFL;~~IAGHC~~,YAAY,EAAE,CAHX;IAIHC,eAAe,~~EAAEf~~,KAAK,~~CAACgB~~,MAAN,~~CAAagB~~,GAJ3B;IAKHV,SAAS,EAAE,CALR;~~IAMHhB~~,QAAQ,EAAE,UANP;~~IAOHK~~,SAAS,EAAE;EAPR,~~CA7BW~~;~~EAsChBsB~~,~~IAAI~~,EAAE;~~IACJX~~,SAAS,EAAE,CAAC,~~EADR~~;~~IAEJd~~,KAAK,EAAE,~~GAFH~~;~~IAGJK~~,MAAM,EAAE,~~GAHJ~~;~~IAIJP~~,QAAQ,EAAE,~~UAJN~~;~~IAKJK~~,SAAS,EAAE,~~QALP~~;~~IAMJuB~~,SAAS,EAAE,CAAC;MAACC,OAAO,EAAE;IAAV,CAAD,EAAsB;MAACC,MAAM,EAAE;IAAT,CAAtB;~~EANP~~;~~AAtCU~~,CAAlB,CADF;;~~AAiDA~~,MAAMC,MAAM,GAAG,CAAC;EAACC,MAAD;EAASC,KAAT;EAAgBC,QAAhB;EAA0BC,IAA1B;EAAgCC,MAAhC;~~EAAwC1C~~,KAAxC;EAA+~~C2C~~;AAA/C,CAAD,kBACb,6BAAC,cAAD;EAAW,MAAM,EAAEL,MAAnB;EAA2B,KAAK,EAAEI,MAAM,~~CAACvB~~,MAAzC;EAAiD,OAAO,~~EAAEwB~~;AAA1D,gBACE,6BAAC,iBAAD;EAAM,KAAK,EAAE;~~IAACvB~~,UAAU,EAAE;EAAb;AAAb,gBACE,6BAAC,IAAD;EACE,MAAM,EAAE,EADV;EAEE,KAAK,EAAE,EAFT;EAGE,KAAK,~~EAAEoB~~,QAAQ,~~GAAGxC~~,KAAK,~~CAACgB~~,MAAN,~~CAAagB~~,GAAhB,~~GAAsBhC~~,KAAK,~~CAACgB~~,MAAN,~~CAAaa~~,IAAb,CAAkBC;AAHzD,EADF,eAME,6BAAC,iBAAD;EAAM,KAAK,EAAEY,MAAM,CAACjB;AAApB,GAAiCc,KAAjC,CANF,CADF,EASGC,QAAQ,gBACP,6BAAC,iBAAD,qBACE,6BAAC,iBAAD;EAAM,KAAK,EAAEE,MAAM,CAACX;AAApB,EADF,eAEE,6BAAC,0CAAD;EAAe,KAAK,~~EAAE/B~~,KAAK,~~CAACgB~~,MAAN,~~CAAagB~~,GAAnC;EAAwC,KAAK,EAAEU,MAAM,CAACT;AAAtD,EAFF,CADO,GAKL,IAdN,CADF;;AAmBA,MAAMW,aAAa,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAAuC;EAC3D,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;~~IAACnD~~;EAAD,~~IAAU+C~~,eAAhB;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,~~GAAGtD~~,gBAAgB,CAACC,KAAD,CAApC;;~~IACAkD~~,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,~~CAACrD~~,KAAD,CAHH;;EAKA,IAAI,~~CAACiD~~,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,~~CAAC9C~~;EAAxB,~~GACGmD~~,qBAAA,CAASC,EAAT,KAAgB,KAAhB,gBACC,6BAAC,cAAD;~~IACE~~,KAAK,~~EAAEN~~,UAAU,~~CAAC5C~~,~~SADpB~~;~~IAEE~~,UAAU,EAAE,~~EAFd~~;~~IAGE~~,~~gCAAgC~~,EAAC;~~EAHnC~~,EADD,~~GAMG~~,~~IAPN~~,~~eAQE~~,~~6BAAC,iBAAD;IAAM,~~KAAK,~~EAAE4C~~,~~UAAU,CAAC5C;EAAxB,GACGwC,KAAK,CAACW,~~GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAC1B,MAAMC,WAAW,GAAGF,IAAI,CAACG,MAAzB;IACA,oBACE,6BAAC,MAAD;MACE,GAAG,EAAG,UAASH,IAAI,CAACI,KAAM,EAD5B;MAEE,KAAK,EAAEJ,IAAI,CAACI,KAFd;MAGE,IAAI,EAAEJ,IAAI,CAACK,IAHb;MAIE,OAAO,EAAEH,WAJX;MAKE,QAAQ,EAAED,KAAK,~~KAAKZ~~,iBALtB;MAME,MAAM,EAAG,~~oBAAmBY~~,KAAM,EANpC;MAOE,MAAM,~~EAAET~~,UAPV;MAQE,KAAK,~~EAAEjD~~;IART,EADF;EAYD,CAdA,~~CADH~~,~~CARF~~,CADF;~~AA4BD~~,~~CA1CD~~;;~~eA4Ce4C~~,a"}
1	+ {"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","position","bottom","paddingTop","paddingBottom","paddingHorizontal","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","blur","top","left","right","navbar","flexDirection","justifyContent","alignSelf","overflow","borderRadius","backgroundColor","Platform","OS","colors","gray","light","button","alignItems","flex","maxWidth","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","dotShadow","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","NavigationBar","items","selectedItemIndex","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","map","prop","index","handlePress","action","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n View,\n StyleSheet,\n Text,\n ViewStyle,\n TextStyle,\n GestureResponderEvent,\n Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n title: string;\n testID: string;\n selected: boolean;\n Icon: FC<{height: number; width: number; color?: string}>;\n styles: StyleSheetType;\n theme: Theme;\n onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n label: string;\n icon: ButtonProps['Icon'];\n action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n testID?: string;\n items: Array<NavItemType>;\n selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n container: ViewStyle;\n navbar: ViewStyle;\n blur: ViewStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n dot: ViewStyle;\n dotShadow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n position: 'absolute',\n bottom: 0,\n paddingTop: 10,\n paddingBottom: 34,\n paddingHorizontal: 20,\n width: '100%',\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2\n },\n shadowOpacity: 0.15,\n shadowRadius: 3,\n elevation: 4\n },\n blur: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n },\n navbar: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignSelf: 'center',\n overflow: 'hidden',\n height: 66,\n borderRadius: 12,\n backgroundColor: Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'\n },\n button: {\n alignItems: 'center',\n flex: 1,\n height: '100%',\n maxWidth: 110,\n marginTop: theme.spacing.small\n },\n buttonText: {\n fontSize: theme.fontSize.small,\n lineHeight: 26,\n // height: 11,\n color: theme.colors.text.primary\n },\n dot: {\n width: 8,\n height: 8,\n borderRadius: 8,\n backgroundColor: theme.colors.cta,\n marginTop: 3,\n position: 'absolute',\n alignSelf: 'center'\n },\n dotShadow: {\n marginTop: -87,\n width: 200,\n height: 100,\n position: 'absolute',\n alignSelf: 'center',\n transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n }\n });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n <Touchable testID={testID} style={styles.button} onPress={onPress}>\n <View style={{alignItems: 'center'}}>\n <Icon\n height={16}\n width={16}\n color={selected ? theme.colors.cta : theme.colors.text.primary}\n />\n <Text style={styles.buttonText}>{title}</Text>\n </View>\n {selected ? (\n <View>\n <View style={styles.dot} />\n <BlurredShadow color={theme.colors.cta} style={styles.dotShadow} />\n </View>\n ) : null}\n </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: Props) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {theme} = templateContext;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <View style={styleSheet.navbar}>\n {Platform.OS === 'ios' ? (\n <BlurView style={styleSheet.blur} blurAmount={75} blurType=\"xlight\" />\n ) : null}\n {items.map((prop, index) => {\n const handlePress = prop.action;\n return (\n <Button\n key={`button-${prop.label}`}\n title={prop.label}\n Icon={prop.icon}\n onPress={handlePress}\n selected={index === selectedItemIndex}\n testID={`navigationButton_${index}`}\n styles={styleSheet}\n theme={theme}\n />\n );\n })}\n </View>\n </View>\n );\n};\n\nexport default NavigationBar;\n"],"mappings":"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"}

package/lib/template/app-review/skills/index.native.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";~~AAOA~~,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;~~AA0B~~/C,QAAA,MAAM,YAAY,UAAW,iBAAiB,uBA4C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
1	+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAyB/C,QAAA,MAAM,YAAY,UAAW,iBAAiB,uBA4C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/template/app-review/skills/index.native.js CHANGED Viewed

@@ -7,11 +7,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _index = require("../../../organism/header-v2/index.native");
+var _index = _interopRequireDefault(require("../../../organism/review-no-skills/index.native"));
-var _index2 = _interopRequireDefault(require("../../../organism/review-no-skills/index.native"));
-var _index3 = _interopRequireDefault(require("../../../organism/review-skills/index.native"));
+var _index2 = _interopRequireDefault(require("../../../organism/review-skills/index.native"));
 var _templateContext = require("../template-context");
@@ -26,7 +24,6 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     flex: 1,
     padding: 20,
     width: '100%',
-    paddingTop: _index.HEADER_HEIGHT + 20,
     backgroundColor: theme.colors.white
   },
   title: {
@@ -72,11 +69,11 @@ const ReviewSkills = props => {
     style: styleSheet.title
   }, title), isLoading ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     accessibilityLabel: isLoadingAriaLabel
-  }, "Loading") : /*#__PURE__*/_react.default.createElement(_reactNative.View, null, !listSkills || listSkills.length === 0 ? /*#__PURE__*/_react.default.createElement(_index2.default, {
+  }, "Loading") : /*#__PURE__*/_react.default.createElement(_reactNative.View, null, !listSkills || listSkills.length === 0 ? /*#__PURE__*/_react.default.createElement(_index.default, {
     titleNoSkills: titleNoSkills,
     textNoSkills: textNoSkills,
     iconSkillAriaLabel: iconSkillAriaLabel
-  }) : /*#__PURE__*/_react.default.createElement(_index3.default, {
+  }) : /*#__PURE__*/_react.default.createElement(_index2.default, {
     listSkills: listSkills
   })));
 };

package/lib/template/app-review/skills/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","flex","padding","width","~~paddingTop","HEADER_HEIGHT","~~backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","ReviewSkills","props","ariaLabel","isLoading","isLoadingAriaLabel","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Text, View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport ~~{HEADER_HEIGHT} from '../../../organism/header-v2/index.native';\nimport~~ ReviewNoSkills from '../../../organism/review-no-skills/index.native';\nimport ReviewListSkills from '../../../organism/review-skills/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n padding: 20,\n width: '100%',\n ~~paddingTop: HEADER_HEIGHT + 20,\n~~ backgroundColor: theme.colors.white\n },\n title: {\n fontSize: theme.fontSize.xlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 28,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.base,\n marginTop: theme.spacing.small\n }\n });\n\nconst ReviewSkills = (props: ReviewSkillsProps) => {\n const {\n 'aria-label': ariaLabel,\n title,\n isLoading,\n isLoadingAriaLabel,\n listSkills,\n titleNoSkills,\n textNoSkills,\n iconSkillAriaLabel\n } = props;\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {theme} = templateContext;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container} accessibilityLabel={ariaLabel}>\n <Text style={styleSheet.title}>{title}</Text>\n {isLoading ? (\n <Text accessibilityLabel={isLoadingAriaLabel}>Loading</Text>\n ) : (\n <View>\n {!listSkills \|\| listSkills.length === 0 ? (\n <ReviewNoSkills\n titleNoSkills={titleNoSkills}\n textNoSkills={textNoSkills}\n iconSkillAriaLabel={iconSkillAriaLabel}\n />\n ) : (\n <ReviewListSkills listSkills={listSkills} />\n )}\n </View>\n )}\n </View>\n );\n};\n\nexport default ReviewSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;~~AACA;;~~AAEA;;;;;;;;AAQA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA;IAGTC,KAAK,EAAE,MAHE;IAITC,~~UAAU,EAAEC,oBAAA,GAAgB,EAJnB;IAKTC,~~eAAe,~~EAAET~~,KAAK,~~CAACU~~,MAAN,CAAaC;~~EALrB~~,CADK;~~EAQhBC~~,KAAK,EAAE;IACLC,QAAQ,~~EAAEb~~,KAAK,~~CAACa~~,QAAN,CAAeC,MADpB;IAELC,UAAU,~~EAAEf~~,KAAK,~~CAACe~~,UAAN,CAAiBC,IAFxB;IAGLC,UAAU,EAAE,EAHP;IAILC,KAAK,~~EAAElB~~,KAAK,~~CAACU~~,MAAN,CAAaS,IAAb,CAAkBC,OAJpB;IAKLC,YAAY,~~EAAErB~~,KAAK,~~CAACsB~~,OAAN,CAAcC,IALvB;IAMLC,SAAS,~~EAAExB~~,KAAK,~~CAACsB~~,OAAN,CAAcG;EANpB;~~AARS~~,CAAlB,CADF;;~~AAmBA~~,MAAMC,YAAY,GAAIC,KAAD,IAA8B;EACjD,MAAM;IACJ,cAAcC,SADV;IAEJhB,KAFI;IAGJiB,SAHI;IAIJC,kBAJI;IAKJC,UALI;IAMJC,aANI;IAOJC,YAPI;IAQJC;EARI,IASFP,KATJ;EAUA,MAAMQ,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;~~IAACvC~~;EAAD,~~IAAUmC~~,eAAhB;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,~~GAAG1C~~,gBAAgB,CAACC,KAAD,CAApC;;~~IACAsC~~,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,~~CAACzC~~,KAAD,CAHH;;EAKA,IAAI,~~CAACqC~~,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,~~CAAClC~~,SAAxB;IAAmC,kBAAkB,~~EAAEyB~~;EAAvD,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAES,UAAU,CAACzB;EAAxB,GAAgCA,KAAhC,CADF,EAEGiB,SAAS,gBACR,6BAAC,iBAAD;IAAM,kBAAkB,EAAEC;EAA1B,aADQ,gBAGR,6BAAC,iBAAD,QACG,CAACC,UAAD,IAAeA,UAAU,CAACW,MAAX,KAAsB,CAArC,gBACC,6BAAC,~~eAAD~~;IACE,aAAa,EAAEV,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EADD,gBAOC,6BAAC,eAAD;IAAkB,UAAU,EAAEH;EAA9B,EARJ,CALJ,CADF;AAoBD,CA5CD;;eA8CeL,Y"}
1	+ {"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","flex","padding","width","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","ReviewSkills","props","ariaLabel","isLoading","isLoadingAriaLabel","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Text, View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport ReviewNoSkills from '../../../organism/review-no-skills/index.native';\nimport ReviewListSkills from '../../../organism/review-skills/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n padding: 20,\n width: '100%',\n backgroundColor: theme.colors.white\n },\n title: {\n fontSize: theme.fontSize.xlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 28,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.base,\n marginTop: theme.spacing.small\n }\n });\n\nconst ReviewSkills = (props: ReviewSkillsProps) => {\n const {\n 'aria-label': ariaLabel,\n title,\n isLoading,\n isLoadingAriaLabel,\n listSkills,\n titleNoSkills,\n textNoSkills,\n iconSkillAriaLabel\n } = props;\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {theme} = templateContext;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container} accessibilityLabel={ariaLabel}>\n <Text style={styleSheet.title}>{title}</Text>\n {isLoading ? (\n <Text accessibilityLabel={isLoadingAriaLabel}>Loading</Text>\n ) : (\n <View>\n {!listSkills \|\| listSkills.length === 0 ? (\n <ReviewNoSkills\n titleNoSkills={titleNoSkills}\n textNoSkills={textNoSkills}\n iconSkillAriaLabel={iconSkillAriaLabel}\n />\n ) : (\n <ReviewListSkills listSkills={listSkills} />\n )}\n </View>\n )}\n </View>\n );\n};\n\nexport default ReviewSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAQA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA;IAGTC,KAAK,EAAE,MAHE;IAITC,eAAe,EAAEP,KAAK,CAACQ,MAAN,CAAaC;EAJrB,CADK;EAOhBC,KAAK,EAAE;IACLC,QAAQ,EAAEX,KAAK,CAACW,QAAN,CAAeC,MADpB;IAELC,UAAU,EAAEb,KAAK,CAACa,UAAN,CAAiBC,IAFxB;IAGLC,UAAU,EAAE,EAHP;IAILC,KAAK,EAAEhB,KAAK,CAACQ,MAAN,CAAaS,IAAb,CAAkBC,OAJpB;IAKLC,YAAY,EAAEnB,KAAK,CAACoB,OAAN,CAAcC,IALvB;IAMLC,SAAS,EAAEtB,KAAK,CAACoB,OAAN,CAAcG;EANpB;AAPS,CAAlB,CADF;;AAkBA,MAAMC,YAAY,GAAIC,KAAD,IAA8B;EACjD,MAAM;IACJ,cAAcC,SADV;IAEJhB,KAFI;IAGJiB,SAHI;IAIJC,kBAJI;IAKJC,UALI;IAMJC,aANI;IAOJC,YAPI;IAQJC;EARI,IASFP,KATJ;EAUA,MAAMQ,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACrC;EAAD,IAAUiC,eAAhB;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGxC,gBAAgB,CAACC,KAAD,CAApC;;IACAoC,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAACvC,KAAD,CAHH;;EAKA,IAAI,CAACmC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAAChC,SAAxB;IAAmC,kBAAkB,EAAEuB;EAAvD,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAES,UAAU,CAACzB;EAAxB,GAAgCA,KAAhC,CADF,EAEGiB,SAAS,gBACR,6BAAC,iBAAD;IAAM,kBAAkB,EAAEC;EAA1B,aADQ,gBAGR,6BAAC,iBAAD,QACG,CAACC,UAAD,IAAeA,UAAU,CAACW,MAAX,KAAsB,CAArC,gBACC,6BAAC,cAAD;IACE,aAAa,EAAEV,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EADD,gBAOC,6BAAC,eAAD;IAAkB,UAAU,EAAEH;EAA9B,EARJ,CALJ,CADF;AAoBD,CA5CD;;eA8CeL,Y"}

package/locales/.mtslconfig.json ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"ignore_dirs":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.5.2-alpha.0+51e4a6f05",
+  "version": "11.5.3",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -160,5 +160,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "51e4a6f05c2c4d55984d97b95e3dced565954f0c"
+  "gitHead": "478c010d5560460f45d060463c4525620e3a9cf1"
 }