@coorpacademy/components 11.29.0 → 11.32.0

package/lib/molecule/quick-access-card/index.js

@@ -11,10 +11,16 @@ var _novaIcons = require("@coorpacademy/nova-icons");
 
 var _link = _interopRequireDefault(require("../../atom/link"));
 
+var _colors = require("../../variables/colors");
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+const {
+  cm_primary_blue
+} = _colors.COLORS;
+
 const getIcon = feature => {
   switch (feature) {
     case 'manage_users':
@@ -116,7 +122,7 @@ const getBackgroudRadialColors = feature => {
       return {
         iconBackgroundColor: '#F1F6FE',
         degrees: '0',
-        iconColor: '#0061FF'
+        iconColor: cm_primary_blue
       };
 
     case 'network':

package/lib/molecule/quick-access-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getIcon","feature","ManageUserIcon","UploadUserIcon","ManageEmailIcon","MassiveBattleIcon","CmsIcon","LookAndFeelIcon","DashboardIcon","CockpitIcon","AnalyticsIcon","Binoculaire","ContentBook","NetworkAlert","ChatBubbleCircleQuestionMark","MobilePhone","getBackgroudRadialColors","iconBackgroundColor","degrees","iconColor","QuickAccessCard","props","context","title","description","href","openInNewTab","isMoocCard","Icon","newTabOnClick","style","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","color","cta","iconGotoWrapper","hoverMooc","hover","iconGoto","propTypes","PropTypes","string","bool","oneOf"],"sources":["../../../src/molecule/quick-access-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon,\n  NovaLinePhoneMobilePhone as MobilePhone,\n  NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark,\n  NovaLineNetworkNetworkAlert as NetworkAlert,\n  NovaLineObjectsBinoculars as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    case 'binoculaire':\n      return Binoculaire;\n    case 'book':\n      return ContentBook;\n    case 'network':\n      return NetworkAlert;\n    case 'chat-bubble-question':\n      return ChatBubbleCircleQuestionMark;\n    case 'mobile-phone':\n      return MobilePhone;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconBackgroundColor: '#2EC1D6',\n        degrees: '187',\n        iconColor: null\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconBackgroundColor: '#18BB98',\n        degrees: '167',\n        iconColor: null\n      };\n    case 'cockpit':\n      return {\n        iconBackgroundColor: '#FF7043',\n        degrees: '14',\n        iconColor: null\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconBackgroundColor: '#7340FF',\n        degrees: '256',\n        iconColor: null\n      };\n    case 'analytics':\n      return {\n        iconBackgroundColor: '#FF4040',\n        degrees: '0',\n        iconColor: null\n      };\n    case 'binoculaire':\n      return {\n        iconBackgroundColor: '#FFEFEB',\n        iconColor: '#FF541F',\n        degrees: '0'\n      };\n    case 'book':\n      return {\n        iconBackgroundColor: '#F1F6FE',\n        degrees: '0',\n        iconColor: '#0061FF'\n      };\n    case 'network':\n      return {\n        iconBackgroundColor: '#FFE5E6',\n        iconColor: '#FF0A0A',\n        degrees: '0'\n      };\n    case 'chat-bubble-question':\n      return {\n        iconBackgroundColor: '#E8FCF8',\n        iconColor: '#16AC8C',\n        degrees: '0'\n      };\n    case 'mobile-phone':\n      return {\n        iconBackgroundColor: '#F4F0FF',\n        degrees: '0',\n        iconColor: '#5C21FF'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, href, openInNewTab = false, isMoocCard = false} = props;\n  const {iconBackgroundColor, degrees, iconColor} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const newTabOnClick = openInNewTab ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"quick-access-card\" data-type={feature} className={style.quickAccess}>\n      <Link href={href} target={openInNewTab ? '_blank' : '_self'} className={style.link}>\n        <div\n          style={\n            !isMoocCard\n              ? {\n                  background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n                }\n              : null\n          }\n          className={style.content}\n        >\n          <div\n            className={style.iconFeatureWrapper}\n            style={{\n              backgroundColor: iconBackgroundColor\n            }}\n          >\n            <Icon className={style.iconFeature} style={{color: iconColor}} />\n          </div>\n          <div className={style.title}>\n            {title}\n            {newTabOnClick}\n          </div>\n          <div className={style.description}>{description}</div>\n          <div className={style.cta}>\n            <div\n              className={!isMoocCard ? style.iconGotoWrapper : null}\n              style={\n                !isMoocCard\n                  ? {\n                      backgroundColor: iconBackgroundColor\n                    }\n                  : null\n              }\n            >\n              <div\n                className={isMoocCard ? style.hoverMooc : style.hover}\n                style={{\n                  color: isMoocCard ? '#FFFFFF' : iconBackgroundColor\n                }}\n              >\n                <ActionIcon className={style.iconGoto} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  openInNewTab: PropTypes.bool,\n  isMoocCard: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'manage_users',\n    'upload_users',\n    'binoculaire',\n    'book',\n    'network',\n    'chat-bubble-question',\n    'mobile-phone'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["cm_primary_blue","COLORS","getIcon","feature","ManageUserIcon","UploadUserIcon","ManageEmailIcon","MassiveBattleIcon","CmsIcon","LookAndFeelIcon","DashboardIcon","CockpitIcon","AnalyticsIcon","Binoculaire","ContentBook","NetworkAlert","ChatBubbleCircleQuestionMark","MobilePhone","getBackgroudRadialColors","iconBackgroundColor","degrees","iconColor","QuickAccessCard","props","context","title","description","href","openInNewTab","isMoocCard","Icon","newTabOnClick","style","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","color","cta","iconGotoWrapper","hoverMooc","hover","iconGoto","propTypes","PropTypes","string","bool","oneOf"],"sources":["../../../src/molecule/quick-access-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon,\n  NovaLinePhoneMobilePhone as MobilePhone,\n  NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark,\n  NovaLineNetworkNetworkAlert as NetworkAlert,\n  NovaLineObjectsBinoculars as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst {cm_primary_blue} = COLORS;\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    case 'binoculaire':\n      return Binoculaire;\n    case 'book':\n      return ContentBook;\n    case 'network':\n      return NetworkAlert;\n    case 'chat-bubble-question':\n      return ChatBubbleCircleQuestionMark;\n    case 'mobile-phone':\n      return MobilePhone;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconBackgroundColor: '#2EC1D6',\n        degrees: '187',\n        iconColor: null\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconBackgroundColor: '#18BB98',\n        degrees: '167',\n        iconColor: null\n      };\n    case 'cockpit':\n      return {\n        iconBackgroundColor: '#FF7043',\n        degrees: '14',\n        iconColor: null\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconBackgroundColor: '#7340FF',\n        degrees: '256',\n        iconColor: null\n      };\n    case 'analytics':\n      return {\n        iconBackgroundColor: '#FF4040',\n        degrees: '0',\n        iconColor: null\n      };\n    case 'binoculaire':\n      return {\n        iconBackgroundColor: '#FFEFEB',\n        iconColor: '#FF541F',\n        degrees: '0'\n      };\n    case 'book':\n      return {\n        iconBackgroundColor: '#F1F6FE',\n        degrees: '0',\n        iconColor: cm_primary_blue\n      };\n    case 'network':\n      return {\n        iconBackgroundColor: '#FFE5E6',\n        iconColor: '#FF0A0A',\n        degrees: '0'\n      };\n    case 'chat-bubble-question':\n      return {\n        iconBackgroundColor: '#E8FCF8',\n        iconColor: '#16AC8C',\n        degrees: '0'\n      };\n    case 'mobile-phone':\n      return {\n        iconBackgroundColor: '#F4F0FF',\n        degrees: '0',\n        iconColor: '#5C21FF'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, href, openInNewTab = false, isMoocCard = false} = props;\n  const {iconBackgroundColor, degrees, iconColor} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const newTabOnClick = openInNewTab ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"quick-access-card\" data-type={feature} className={style.quickAccess}>\n      <Link href={href} target={openInNewTab ? '_blank' : '_self'} className={style.link}>\n        <div\n          style={\n            !isMoocCard\n              ? {\n                  background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n                }\n              : null\n          }\n          className={style.content}\n        >\n          <div\n            className={style.iconFeatureWrapper}\n            style={{\n              backgroundColor: iconBackgroundColor\n            }}\n          >\n            <Icon className={style.iconFeature} style={{color: iconColor}} />\n          </div>\n          <div className={style.title}>\n            {title}\n            {newTabOnClick}\n          </div>\n          <div className={style.description}>{description}</div>\n          <div className={style.cta}>\n            <div\n              className={!isMoocCard ? style.iconGotoWrapper : null}\n              style={\n                !isMoocCard\n                  ? {\n                      backgroundColor: iconBackgroundColor\n                    }\n                  : null\n              }\n            >\n              <div\n                className={isMoocCard ? style.hoverMooc : style.hover}\n                style={{\n                  color: isMoocCard ? '#FFFFFF' : iconBackgroundColor\n                }}\n              >\n                <ActionIcon className={style.iconGoto} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  openInNewTab: PropTypes.bool,\n  isMoocCard: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'manage_users',\n    'upload_users',\n    'binoculaire',\n    'book',\n    'network',\n    'chat-bubble-question',\n    'mobile-phone'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"mappings":"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"}

package/lib/template/mobile-login/welcome/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"names":[],"mappings":";AA8KA,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,OAAO,UAAW,KAAK,uBAuI5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"names":[],"mappings":";AAiLA,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,OAAO,UAAW,KAAK,uBAuI5B,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -19,12 +19,18 @@ var _templateContext = require("../../app-review/template-context");
 
 var _index2 = _interopRequireDefault(require("../../../atom/text/index.native"));
 
+var _colors = require("../../../variables/colors");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+const {
+  cm_primary_blue
+} = _colors.COLORS;
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   wrapper: {
     top: 0,
@@ -244,7 +250,7 @@ const Welcome = props => {
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     style: [styleSheet.gradients, translateGradients.animatedStyle]
   }, /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
-    colors: ['#0061FF', '#fff'],
+    colors: [cm_primary_blue, '#fff'],
     locations: [0, 0.95],
     style: styleSheet.gradient
   }), /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {

package/lib/template/mobile-login/welcome/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradients","position","gradient","opacity","transform","rotate","gradient2","animatedLogoWrapper","animatedLogo","height","logo","padding","logoBG","backgroundColor","title","color","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQrCode","colors","cta","ctaQrCodeText","marginLeft","qrCodeIcon","fill","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onQRCodeButtonPress","onHelpPress","onReceiveEmailButtonPress","useTemplateContext","styleSheet","setStylesheet","useState","translateGradients","useTranslateY","fromValue","toValue","duration","delay","translateContent","fadeInContent","useAnimateProp","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","useRef","Animated","Value","current","interpolateScale","interpolate","inputRange","outputRange","useEffect","_stylesheet","start","animatedScale","timing","useNativeDriver","animatedStyle","scale"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, TextStyle, View, ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport {\n  NovaCompositionCoorpacademyLogoCoorp as LogoCoorp,\n  NovaCompositionCoorpacademyQrCode as QrCodeIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport Text from '../../../atom/text/index.native';\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  animatedLogoWrapper: ViewStyle;\n  animatedLogo: ViewStyle;\n  logo: ViewStyle;\n  logoBG: ViewStyle;\n  content: ViewStyle;\n  gradients: ViewStyle;\n  gradient: ViewStyle;\n  gradient2: ViewStyle;\n  title: TextStyle;\n  description: TextStyle;\n  actions: ViewStyle;\n  buttons: ViewStyle;\n  button: ViewStyle;\n  qrCodeIcon: ViewStyle;\n  mailIcon: ViewStyle;\n  ctaQrCode: ViewStyle;\n  ctaQrCodeText: TextStyle;\n  ctaReceiveMail: ViewStyle;\n  ctaReceiveMailText: TextStyle;\n  help: ViewStyle;\n  titleHelp: TextStyle;\n  ctaHelp: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      flex: 1,\n      justifyContent: 'space-around',\n      alignItems: 'center',\n      paddingHorizontal: 24\n    },\n    content: {\n      width: '100%',\n      alignItems: 'flex-start'\n    },\n    gradients: {\n      position: 'absolute',\n      top: 400,\n      bottom: 400,\n      left: 0,\n      right: 0,\n      flex: 1\n    },\n    gradient: {\n      position: 'absolute',\n      top: -730,\n      bottom: 0,\n      left: -380,\n      right: -380,\n      opacity: 1,\n      transform: [{rotate: '35deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -630,\n      bottom: -200,\n      left: -300,\n      right: -400,\n      opacity: 0.6,\n      transform: [{rotate: '-35deg'}]\n    },\n    animatedLogoWrapper: {\n      alignItems: 'center'\n    },\n    animatedLogo: {\n      position: 'absolute',\n      width: 77,\n      height: 100\n    },\n    logo: {\n      padding: 100\n    },\n    logoBG: {\n      backgroundColor: '#fff',\n      top: 20,\n      width: 60,\n      height: 60\n    },\n    title: {\n      color: '#1D1D2B',\n      fontWeight: '600',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      color: '#1D1D2B',\n      fontWeight: '400',\n      fontSize: 17,\n      lineHeight: 24,\n      paddingVertical: 8\n    },\n    actions: {\n      width: '100%'\n    },\n    buttons: {\n      paddingVertical: 20,\n      alignItems: 'center'\n    },\n    button: {\n      paddingVertical: 12,\n      marginVertical: 4,\n      width: '100%',\n      flexDirection: 'row',\n      justifyContent: 'center',\n      borderRadius: 12,\n      alignItems: 'center',\n      overflow: 'hidden'\n    },\n    ctaQrCode: {\n      backgroundColor: theme.colors.cta\n    },\n    ctaQrCodeText: {\n      marginLeft: 8,\n      color: '#fff',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    qrCodeIcon: {\n      fill: '#fff',\n      height: 14,\n      width: 14\n    },\n    ctaReceiveMail: {\n      backgroundColor: '#eaeaeb'\n    },\n    ctaReceiveMailText: {\n      marginLeft: 8,\n      color: '#1D1D2B',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    mailIcon: {\n      fill: '#1D1D2B',\n      height: 12,\n      width: 16\n    },\n    help: {\n      flexDirection: 'row',\n      justifyContent: 'center'\n    },\n    titleHelp: {\n      color: '#9999A8'\n    },\n    ctaHelp: {\n      marginLeft: 5,\n      textDecorationLine: 'underline',\n      color: '#9999A8'\n    }\n  });\n\nexport type Props = {\n  onDemoPress: () => void;\n  onHelpPress: () => void;\n  onQRCodeButtonPress: () => void;\n  onReceiveEmailButtonPress: () => void;\n  locales: {\n    title: string;\n    description: string;\n    ctaQrCode: string;\n    ctaReceiveMail: string;\n    titleHelp: string;\n    ctaHelp: string;\n  };\n};\n\nconst Welcome = (props: Props) => {\n  const {locales, onDemoPress, onQRCodeButtonPress, onHelpPress, onReceiveEmailButtonPress} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  const translateGradients = useTranslateY({\n    fromValue: 0,\n    toValue: -200,\n    duration: 300,\n    delay: 750\n  });\n\n  const translateContent = useTranslateY({\n    fromValue: 170,\n    toValue: 0,\n    duration: 450,\n    delay: 750\n  });\n\n  const fadeInContent = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 650,\n    delay: 750\n  });\n\n  const fadeOutStartLogo = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    duration: 450,\n    delay: 1000\n  });\n\n  const fadeInFinalLogo = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 250,\n    delay: 900\n  });\n\n  const scaleAnim = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const interpolateScale = scaleAnim.interpolate({\n    inputRange: [0, 0.4, 0.5, 0.6, 1],\n    outputRange: [1, 1.7, 1.7, 1.7, 1]\n  });\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    fadeInContent.start();\n    fadeInFinalLogo.start();\n    fadeOutStartLogo.start();\n    translateContent.start();\n    translateGradients.start();\n\n    const animatedScale = Animated.timing(scaleAnim, {\n      toValue: 1,\n      duration: 1000,\n      useNativeDriver: true\n    });\n\n    animatedScale.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n  return (\n    <Animated.View style={[styleSheet.wrapper, translateContent.animatedStyle]} testID=\"welcome\">\n      <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n        <LinearGradient\n          colors={['#0061FF', '#fff']}\n          locations={[0, 0.95]}\n          style={styleSheet.gradient}\n        />\n        <LinearGradient\n          colors={['#2199AB', '#fff']}\n          locations={[0, 0.95]}\n          style={styleSheet.gradient2}\n        />\n      </Animated.View>\n\n      <Touchable onLongPress={onDemoPress} style={styleSheet.logo}>\n        <Animated.View\n          style={[styleSheet.animatedLogoWrapper, {transform: [{scale: interpolateScale}]}]}\n        >\n          <Animated.View style={[styleSheet.logoBG, fadeInFinalLogo.animatedStyle]} />\n          <Animated.View style={[styleSheet.animatedLogo, fadeInFinalLogo.animatedStyle]}>\n            <LogoCoorp fill=\"#0061FF\" />\n          </Animated.View>\n          <Animated.View style={[styleSheet.animatedLogo, fadeOutStartLogo.animatedStyle]}>\n            <LogoCoorp fill=\"#fff\" />\n          </Animated.View>\n        </Animated.View>\n      </Touchable>\n      <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n        <Text style={styleSheet.title}>{locales.title}</Text>\n        <Text style={styleSheet.description}>{locales.description}</Text>\n\n        <View style={styleSheet.actions}>\n          <View style={styleSheet.buttons}>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaQrCode]}\n              onPress={onQRCodeButtonPress}\n              testID=\"qr-code-button\"\n            >\n              <QrCodeIcon style={styleSheet.qrCodeIcon} />\n              <Text style={styleSheet.ctaQrCodeText}>{locales.ctaQrCode}</Text>\n            </Touchable>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaReceiveMail]}\n              onPress={onReceiveEmailButtonPress}\n              testID=\"receive-email-button\"\n            >\n              <MailIcon style={styleSheet.mailIcon} />\n              <Text style={styleSheet.ctaReceiveMailText}>{locales.ctaReceiveMail}</Text>\n            </Touchable>\n          </View>\n          <Touchable onPress={onHelpPress} style={styleSheet.help}>\n            <Text style={styleSheet.titleHelp}>{locales.titleHelp}</Text>\n            <Text style={styleSheet.ctaHelp}>{locales.ctaHelp}</Text>\n          </Touchable>\n        </View>\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Welcome;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["cm_primary_blue","COLORS","createStyleSheet","theme","StyleSheet","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradients","position","gradient","opacity","transform","rotate","gradient2","animatedLogoWrapper","animatedLogo","height","logo","padding","logoBG","backgroundColor","title","color","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQrCode","colors","cta","ctaQrCodeText","marginLeft","qrCodeIcon","fill","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onQRCodeButtonPress","onHelpPress","onReceiveEmailButtonPress","useTemplateContext","styleSheet","setStylesheet","useState","translateGradients","useTranslateY","fromValue","toValue","duration","delay","translateContent","fadeInContent","useAnimateProp","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","useRef","Animated","Value","current","interpolateScale","interpolate","inputRange","outputRange","useEffect","_stylesheet","start","animatedScale","timing","useNativeDriver","animatedStyle","scale"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, TextStyle, View, ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport {\n  NovaCompositionCoorpacademyLogoCoorp as LogoCoorp,\n  NovaCompositionCoorpacademyQrCode as QrCodeIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport Text from '../../../atom/text/index.native';\nimport {COLORS} from '../../../variables/colors';\n\nconst {cm_primary_blue} = COLORS;\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  animatedLogoWrapper: ViewStyle;\n  animatedLogo: ViewStyle;\n  logo: ViewStyle;\n  logoBG: ViewStyle;\n  content: ViewStyle;\n  gradients: ViewStyle;\n  gradient: ViewStyle;\n  gradient2: ViewStyle;\n  title: TextStyle;\n  description: TextStyle;\n  actions: ViewStyle;\n  buttons: ViewStyle;\n  button: ViewStyle;\n  qrCodeIcon: ViewStyle;\n  mailIcon: ViewStyle;\n  ctaQrCode: ViewStyle;\n  ctaQrCodeText: TextStyle;\n  ctaReceiveMail: ViewStyle;\n  ctaReceiveMailText: TextStyle;\n  help: ViewStyle;\n  titleHelp: TextStyle;\n  ctaHelp: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      flex: 1,\n      justifyContent: 'space-around',\n      alignItems: 'center',\n      paddingHorizontal: 24\n    },\n    content: {\n      width: '100%',\n      alignItems: 'flex-start'\n    },\n    gradients: {\n      position: 'absolute',\n      top: 400,\n      bottom: 400,\n      left: 0,\n      right: 0,\n      flex: 1\n    },\n    gradient: {\n      position: 'absolute',\n      top: -730,\n      bottom: 0,\n      left: -380,\n      right: -380,\n      opacity: 1,\n      transform: [{rotate: '35deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -630,\n      bottom: -200,\n      left: -300,\n      right: -400,\n      opacity: 0.6,\n      transform: [{rotate: '-35deg'}]\n    },\n    animatedLogoWrapper: {\n      alignItems: 'center'\n    },\n    animatedLogo: {\n      position: 'absolute',\n      width: 77,\n      height: 100\n    },\n    logo: {\n      padding: 100\n    },\n    logoBG: {\n      backgroundColor: '#fff',\n      top: 20,\n      width: 60,\n      height: 60\n    },\n    title: {\n      color: '#1D1D2B',\n      fontWeight: '600',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      color: '#1D1D2B',\n      fontWeight: '400',\n      fontSize: 17,\n      lineHeight: 24,\n      paddingVertical: 8\n    },\n    actions: {\n      width: '100%'\n    },\n    buttons: {\n      paddingVertical: 20,\n      alignItems: 'center'\n    },\n    button: {\n      paddingVertical: 12,\n      marginVertical: 4,\n      width: '100%',\n      flexDirection: 'row',\n      justifyContent: 'center',\n      borderRadius: 12,\n      alignItems: 'center',\n      overflow: 'hidden'\n    },\n    ctaQrCode: {\n      backgroundColor: theme.colors.cta\n    },\n    ctaQrCodeText: {\n      marginLeft: 8,\n      color: '#fff',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    qrCodeIcon: {\n      fill: '#fff',\n      height: 14,\n      width: 14\n    },\n    ctaReceiveMail: {\n      backgroundColor: '#eaeaeb'\n    },\n    ctaReceiveMailText: {\n      marginLeft: 8,\n      color: '#1D1D2B',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    mailIcon: {\n      fill: '#1D1D2B',\n      height: 12,\n      width: 16\n    },\n    help: {\n      flexDirection: 'row',\n      justifyContent: 'center'\n    },\n    titleHelp: {\n      color: '#9999A8'\n    },\n    ctaHelp: {\n      marginLeft: 5,\n      textDecorationLine: 'underline',\n      color: '#9999A8'\n    }\n  });\n\nexport type Props = {\n  onDemoPress: () => void;\n  onHelpPress: () => void;\n  onQRCodeButtonPress: () => void;\n  onReceiveEmailButtonPress: () => void;\n  locales: {\n    title: string;\n    description: string;\n    ctaQrCode: string;\n    ctaReceiveMail: string;\n    titleHelp: string;\n    ctaHelp: string;\n  };\n};\n\nconst Welcome = (props: Props) => {\n  const {locales, onDemoPress, onQRCodeButtonPress, onHelpPress, onReceiveEmailButtonPress} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  const translateGradients = useTranslateY({\n    fromValue: 0,\n    toValue: -200,\n    duration: 300,\n    delay: 750\n  });\n\n  const translateContent = useTranslateY({\n    fromValue: 170,\n    toValue: 0,\n    duration: 450,\n    delay: 750\n  });\n\n  const fadeInContent = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 650,\n    delay: 750\n  });\n\n  const fadeOutStartLogo = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    duration: 450,\n    delay: 1000\n  });\n\n  const fadeInFinalLogo = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 250,\n    delay: 900\n  });\n\n  const scaleAnim = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const interpolateScale = scaleAnim.interpolate({\n    inputRange: [0, 0.4, 0.5, 0.6, 1],\n    outputRange: [1, 1.7, 1.7, 1.7, 1]\n  });\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    fadeInContent.start();\n    fadeInFinalLogo.start();\n    fadeOutStartLogo.start();\n    translateContent.start();\n    translateGradients.start();\n\n    const animatedScale = Animated.timing(scaleAnim, {\n      toValue: 1,\n      duration: 1000,\n      useNativeDriver: true\n    });\n\n    animatedScale.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n  return (\n    <Animated.View style={[styleSheet.wrapper, translateContent.animatedStyle]} testID=\"welcome\">\n      <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n        <LinearGradient\n          colors={[cm_primary_blue, '#fff']}\n          locations={[0, 0.95]}\n          style={styleSheet.gradient}\n        />\n        <LinearGradient\n          colors={['#2199AB', '#fff']}\n          locations={[0, 0.95]}\n          style={styleSheet.gradient2}\n        />\n      </Animated.View>\n\n      <Touchable onLongPress={onDemoPress} style={styleSheet.logo}>\n        <Animated.View\n          style={[styleSheet.animatedLogoWrapper, {transform: [{scale: interpolateScale}]}]}\n        >\n          <Animated.View style={[styleSheet.logoBG, fadeInFinalLogo.animatedStyle]} />\n          <Animated.View style={[styleSheet.animatedLogo, fadeInFinalLogo.animatedStyle]}>\n            <LogoCoorp fill=\"#0061FF\" />\n          </Animated.View>\n          <Animated.View style={[styleSheet.animatedLogo, fadeOutStartLogo.animatedStyle]}>\n            <LogoCoorp fill=\"#fff\" />\n          </Animated.View>\n        </Animated.View>\n      </Touchable>\n      <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n        <Text style={styleSheet.title}>{locales.title}</Text>\n        <Text style={styleSheet.description}>{locales.description}</Text>\n\n        <View style={styleSheet.actions}>\n          <View style={styleSheet.buttons}>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaQrCode]}\n              onPress={onQRCodeButtonPress}\n              testID=\"qr-code-button\"\n            >\n              <QrCodeIcon style={styleSheet.qrCodeIcon} />\n              <Text style={styleSheet.ctaQrCodeText}>{locales.ctaQrCode}</Text>\n            </Touchable>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaReceiveMail]}\n              onPress={onReceiveEmailButtonPress}\n              testID=\"receive-email-button\"\n            >\n              <MailIcon style={styleSheet.mailIcon} />\n              <Text style={styleSheet.ctaReceiveMailText}>{locales.ctaReceiveMail}</Text>\n            </Touchable>\n          </View>\n          <Touchable onPress={onHelpPress} style={styleSheet.help}>\n            <Text style={styleSheet.titleHelp}>{locales.titleHelp}</Text>\n            <Text style={styleSheet.ctaHelp}>{locales.ctaHelp}</Text>\n          </Touchable>\n        </View>\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Welcome;\n"],"mappings":"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"}

package/lib/variables/colors.d.ts

@@ -1,9 +1,9 @@
-declare type Colors = {
-    gray: string;
-    negative: string;
-    positive: string;
-    cm_grey_800: string;
+export declare const COLORS: {
+    readonly gray: "#EAEAEB";
+    readonly negative: "#ed3436";
+    readonly positive: "#35CC7F";
+    readonly cm_grey_800: "#171721";
+    readonly cm_primary_blue: "#0061FF";
 };
-export declare const COLORS: Colors;
-export {};
+export declare type Colors = typeof COLORS;
 //# sourceMappingURL=colors.d.ts.map

package/lib/variables/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,aAAK,MAAM,GAAG;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,MAKpB,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAEX,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC"}

package/lib/variables/colors.js

@@ -6,7 +6,8 @@ const COLORS = {
   gray: '#EAEAEB',
   negative: '#ed3436',
   positive: '#35CC7F',
-  cm_grey_800: '#171721'
+  cm_grey_800: '#171721',
+  cm_primary_blue: '#0061FF'
 };
 exports.COLORS = COLORS;
 //# sourceMappingURL=colors.js.map

package/lib/variables/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["COLORS","gray","negative","positive","cm_grey_800"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["type Colors = {\n  gray: string;\n  negative: string;\n  positive: string;\n  cm_grey_800: string;\n};\n\nexport const COLORS: Colors = {\n  gray: '#EAEAEB',\n  negative: '#ed3436',\n  positive: '#35CC7F',\n  cm_grey_800: '#171721'\n};\n"],"mappings":";;;;AAOO,MAAMA,MAAc,GAAG;EAC5BC,IAAI,EAAE,SADsB;EAE5BC,QAAQ,EAAE,SAFkB;EAG5BC,QAAQ,EAAE,SAHkB;EAI5BC,WAAW,EAAE;AAJe,CAAvB"}
+{"version":3,"file":"colors.js","names":["COLORS","gray","negative","positive","cm_grey_800","cm_primary_blue"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  gray: '#EAEAEB',\n  negative: '#ed3436',\n  positive: '#35CC7F',\n  cm_grey_800: '#171721',\n  cm_primary_blue: '#0061FF'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":";;;;AAAO,MAAMA,MAAM,GAAG;EACpBC,IAAI,EAAE,SADc;EAEpBC,QAAQ,EAAE,SAFU;EAGpBC,QAAQ,EAAE,SAHU;EAIpBC,WAAW,EAAE,SAJO;EAKpBC,eAAe,EAAE;AALG,CAAf"}

package/lib/variables/theme.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.native.d.ts","sourceRoot":"","sources":["../../src/variables/theme.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAGvC,oBAAY,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5F,eAAO,MAAM,sBAAsB,YAAY,CAAC;AAEhD,oBAAY,MAAM,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACjC,QAAQ,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QAClC,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QAC9B,SAAS,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;KACpC,CAAC;IACF,QAAQ,EAAE;QACR,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAClC,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC7B,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC9B,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC/B,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC7B,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC9B,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC/B,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;KACjC,CAAC;IACF,aAAa,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAkEnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"theme.native.d.ts","sourceRoot":"","sources":["../../src/variables/theme.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAGvC,oBAAY,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5F,eAAO,MAAM,sBAAsB,YAAY,CAAC;AAIhD,oBAAY,MAAM,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACjC,QAAQ,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QAClC,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QAC9B,SAAS,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;KACpC,CAAC;IACF,QAAQ,EAAE;QACR,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAClC,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC7B,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC9B,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC/B,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC7B,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC9B,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC/B,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;KACjC,CAAC;IACF,aAAa,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAkEnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/variables/theme.native.js

@@ -7,6 +7,9 @@ var _colors = require("./colors");
 
 const HTML_ANCHOR_TEXT_COLOR = '#002BDB';
 exports.HTML_ANCHOR_TEXT_COLOR = HTML_ANCHOR_TEXT_COLOR;
+const {
+  cm_primary_blue
+} = _colors.COLORS;
 const defaultTheme = {
   colors: {
     border: 'rgba(0, 0, 0, 0.1)',
@@ -23,7 +26,7 @@ const defaultTheme = {
       primary: '#06265B',
       secondary: '#FFFFFF'
     },
-    cta: '#0061FF',
+    cta: cm_primary_blue,
     negative: _colors.COLORS.negative,
     positive: _colors.COLORS.positive,
     white: '#FFFFFF',

package/lib/variables/theme.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.native.js","names":["HTML_ANCHOR_TEXT_COLOR","defaultTheme","colors","border","gray","extra","lighter","light","lightMedium","medium","dark","extraDark","text","primary","secondary","cta","negative","COLORS","positive","white","black","battle","notification","salmon","podcast","background","cm_grey_800","spacing","micro","tiny","small","base","large","xlarge","radius","common","card","regular","search","button","thumbnail","fontWeight","semiBold","bold","extraBold","fontSize","extraSmall","xxlarge","xxxlarge","letterSpacing","header"],"sources":["../../src/variables/theme.native.ts"],"sourcesContent":["import {TextStyle} from 'react-native';\nimport {COLORS} from './colors';\n\nexport type SpaceType = 'micro' | 'tiny' | 'small' | 'base' | 'medium' | 'large' | 'xlarge';\n\nexport const HTML_ANCHOR_TEXT_COLOR = '#002BDB';\n\nexport type Colors = {\n  border: string;\n  gray: {\n    extra: string;\n    light: string;\n    lighter: string;\n    lightMedium: string;\n    medium: string;\n    dark: string;\n    extraDark: string;\n  };\n  podcast: {\n    background: string;\n    primary: string;\n  };\n  text: {\n    primary: string;\n    secondary: string;\n  };\n  cta: string;\n  negative: string;\n  positive: string;\n  white: string;\n  black: string;\n  battle: string;\n  notification: string;\n  salmon: string;\n};\n\nexport type Theme = {\n  colors: Colors;\n  spacing: {\n    micro: number;\n    tiny: number;\n    small: number;\n    base: number;\n    medium: number;\n    large: number;\n    xlarge: number;\n  };\n  radius: {\n    button: number;\n    common: number;\n    card: number;\n    medium: number;\n    regular: number;\n    search: number;\n    thumbnail: number;\n  };\n  fontWeight: {\n    regular: TextStyle['fontWeight'];\n    semiBold: TextStyle['fontWeight'];\n    bold: TextStyle['fontWeight'];\n    extraBold: TextStyle['fontWeight'];\n  };\n  fontSize: {\n    extraSmall: TextStyle['fontSize'];\n    small: TextStyle['fontSize'];\n    medium: TextStyle['fontSize'];\n    regular: TextStyle['fontSize'];\n    large: TextStyle['fontSize'];\n    xlarge: TextStyle['fontSize'];\n    xxlarge: TextStyle['fontSize'];\n    xxxlarge: TextStyle['fontSize'];\n  };\n  letterSpacing: {\n    header: number;\n  };\n};\n\nconst defaultTheme: Theme = {\n  colors: {\n    border: 'rgba(0, 0, 0, 0.1)',\n    gray: {\n      extra: '#FAFAFA',\n      lighter: '#F4F4F5',\n      light: '#ededed',\n      lightMedium: '#CFD8DC',\n      medium: '#90A4AE',\n      dark: '#546E7A',\n      extraDark: '#323232'\n    },\n    text: {\n      primary: '#06265B',\n      secondary: '#FFFFFF'\n    },\n    cta: '#0061FF',\n    negative: COLORS.negative,\n    positive: COLORS.positive,\n    white: '#FFFFFF',\n    black: '#14171A',\n    battle: '#FFDE03',\n    notification: '#FF7043',\n    salmon: '#FDE2E5',\n    podcast: {\n      background: COLORS.cm_grey_800,\n      primary: '#FF541F'\n    }\n  },\n  spacing: {\n    micro: 4,\n    tiny: 8,\n    small: 16,\n    base: 24,\n    medium: 32,\n    large: 48,\n    xlarge: 64\n  },\n  radius: {\n    common: 3,\n    card: 5,\n    regular: 8,\n    medium: 12,\n    search: 24,\n    button: 32,\n    thumbnail: 1000\n  },\n  fontWeight: {\n    regular: '400',\n    semiBold: '500',\n    bold: '700',\n    extraBold: '900'\n  },\n  fontSize: {\n    extraSmall: 10,\n    small: 12,\n    medium: 13,\n    regular: 15,\n    large: 17,\n    xlarge: 22,\n    xxlarge: 28,\n    xxxlarge: 40\n  },\n  letterSpacing: {\n    header: 5\n  }\n};\n\nexport default defaultTheme;\n"],"mappings":";;;;;AACA;;AAIO,MAAMA,sBAAsB,GAAG,SAA/B;;AAwEP,MAAMC,YAAmB,GAAG;EAC1BC,MAAM,EAAE;IACNC,MAAM,EAAE,oBADF;IAENC,IAAI,EAAE;MACJC,KAAK,EAAE,SADH;MAEJC,OAAO,EAAE,SAFL;MAGJC,KAAK,EAAE,SAHH;MAIJC,WAAW,EAAE,SAJT;MAKJC,MAAM,EAAE,SALJ;MAMJC,IAAI,EAAE,SANF;MAOJC,SAAS,EAAE;IAPP,CAFA;IAWNC,IAAI,EAAE;MACJC,OAAO,EAAE,SADL;MAEJC,SAAS,EAAE;IAFP,CAXA;IAeNC,GAAG,EAAE,SAfC;IAgBNC,QAAQ,EAAEC,cAAA,CAAOD,QAhBX;IAiBNE,QAAQ,EAAED,cAAA,CAAOC,QAjBX;IAkBNC,KAAK,EAAE,SAlBD;IAmBNC,KAAK,EAAE,SAnBD;IAoBNC,MAAM,EAAE,SApBF;IAqBNC,YAAY,EAAE,SArBR;IAsBNC,MAAM,EAAE,SAtBF;IAuBNC,OAAO,EAAE;MACPC,UAAU,EAAER,cAAA,CAAOS,WADZ;MAEPb,OAAO,EAAE;IAFF;EAvBH,CADkB;EA6B1Bc,OAAO,EAAE;IACPC,KAAK,EAAE,CADA;IAEPC,IAAI,EAAE,CAFC;IAGPC,KAAK,EAAE,EAHA;IAIPC,IAAI,EAAE,EAJC;IAKPtB,MAAM,EAAE,EALD;IAMPuB,KAAK,EAAE,EANA;IAOPC,MAAM,EAAE;EAPD,CA7BiB;EAsC1BC,MAAM,EAAE;IACNC,MAAM,EAAE,CADF;IAENC,IAAI,EAAE,CAFA;IAGNC,OAAO,EAAE,CAHH;IAIN5B,MAAM,EAAE,EAJF;IAKN6B,MAAM,EAAE,EALF;IAMNC,MAAM,EAAE,EANF;IAONC,SAAS,EAAE;EAPL,CAtCkB;EA+C1BC,UAAU,EAAE;IACVJ,OAAO,EAAE,KADC;IAEVK,QAAQ,EAAE,KAFA;IAGVC,IAAI,EAAE,KAHI;IAIVC,SAAS,EAAE;EAJD,CA/Cc;EAqD1BC,QAAQ,EAAE;IACRC,UAAU,EAAE,EADJ;IAERhB,KAAK,EAAE,EAFC;IAGRrB,MAAM,EAAE,EAHA;IAIR4B,OAAO,EAAE,EAJD;IAKRL,KAAK,EAAE,EALC;IAMRC,MAAM,EAAE,EANA;IAORc,OAAO,EAAE,EAPD;IAQRC,QAAQ,EAAE;EARF,CArDgB;EA+D1BC,aAAa,EAAE;IACbC,MAAM,EAAE;EADK;AA/DW,CAA5B;eAoEejD,Y"}
+{"version":3,"file":"theme.native.js","names":["HTML_ANCHOR_TEXT_COLOR","cm_primary_blue","COLORS","defaultTheme","colors","border","gray","extra","lighter","light","lightMedium","medium","dark","extraDark","text","primary","secondary","cta","negative","positive","white","black","battle","notification","salmon","podcast","background","cm_grey_800","spacing","micro","tiny","small","base","large","xlarge","radius","common","card","regular","search","button","thumbnail","fontWeight","semiBold","bold","extraBold","fontSize","extraSmall","xxlarge","xxxlarge","letterSpacing","header"],"sources":["../../src/variables/theme.native.ts"],"sourcesContent":["import {TextStyle} from 'react-native';\nimport {COLORS} from './colors';\n\nexport type SpaceType = 'micro' | 'tiny' | 'small' | 'base' | 'medium' | 'large' | 'xlarge';\n\nexport const HTML_ANCHOR_TEXT_COLOR = '#002BDB';\n\nconst {cm_primary_blue} = COLORS;\n\nexport type Colors = {\n  border: string;\n  gray: {\n    extra: string;\n    light: string;\n    lighter: string;\n    lightMedium: string;\n    medium: string;\n    dark: string;\n    extraDark: string;\n  };\n  podcast: {\n    background: string;\n    primary: string;\n  };\n  text: {\n    primary: string;\n    secondary: string;\n  };\n  cta: string;\n  negative: string;\n  positive: string;\n  white: string;\n  black: string;\n  battle: string;\n  notification: string;\n  salmon: string;\n};\n\nexport type Theme = {\n  colors: Colors;\n  spacing: {\n    micro: number;\n    tiny: number;\n    small: number;\n    base: number;\n    medium: number;\n    large: number;\n    xlarge: number;\n  };\n  radius: {\n    button: number;\n    common: number;\n    card: number;\n    medium: number;\n    regular: number;\n    search: number;\n    thumbnail: number;\n  };\n  fontWeight: {\n    regular: TextStyle['fontWeight'];\n    semiBold: TextStyle['fontWeight'];\n    bold: TextStyle['fontWeight'];\n    extraBold: TextStyle['fontWeight'];\n  };\n  fontSize: {\n    extraSmall: TextStyle['fontSize'];\n    small: TextStyle['fontSize'];\n    medium: TextStyle['fontSize'];\n    regular: TextStyle['fontSize'];\n    large: TextStyle['fontSize'];\n    xlarge: TextStyle['fontSize'];\n    xxlarge: TextStyle['fontSize'];\n    xxxlarge: TextStyle['fontSize'];\n  };\n  letterSpacing: {\n    header: number;\n  };\n};\n\nconst defaultTheme: Theme = {\n  colors: {\n    border: 'rgba(0, 0, 0, 0.1)',\n    gray: {\n      extra: '#FAFAFA',\n      lighter: '#F4F4F5',\n      light: '#ededed',\n      lightMedium: '#CFD8DC',\n      medium: '#90A4AE',\n      dark: '#546E7A',\n      extraDark: '#323232'\n    },\n    text: {\n      primary: '#06265B',\n      secondary: '#FFFFFF'\n    },\n    cta: cm_primary_blue,\n    negative: COLORS.negative,\n    positive: COLORS.positive,\n    white: '#FFFFFF',\n    black: '#14171A',\n    battle: '#FFDE03',\n    notification: '#FF7043',\n    salmon: '#FDE2E5',\n    podcast: {\n      background: COLORS.cm_grey_800,\n      primary: '#FF541F'\n    }\n  },\n  spacing: {\n    micro: 4,\n    tiny: 8,\n    small: 16,\n    base: 24,\n    medium: 32,\n    large: 48,\n    xlarge: 64\n  },\n  radius: {\n    common: 3,\n    card: 5,\n    regular: 8,\n    medium: 12,\n    search: 24,\n    button: 32,\n    thumbnail: 1000\n  },\n  fontWeight: {\n    regular: '400',\n    semiBold: '500',\n    bold: '700',\n    extraBold: '900'\n  },\n  fontSize: {\n    extraSmall: 10,\n    small: 12,\n    medium: 13,\n    regular: 15,\n    large: 17,\n    xlarge: 22,\n    xxlarge: 28,\n    xxxlarge: 40\n  },\n  letterSpacing: {\n    header: 5\n  }\n};\n\nexport default defaultTheme;\n"],"mappings":";;;;;AACA;;AAIO,MAAMA,sBAAsB,GAAG,SAA/B;;AAEP,MAAM;EAACC;AAAD,IAAoBC,cAA1B;AAwEA,MAAMC,YAAmB,GAAG;EAC1BC,MAAM,EAAE;IACNC,MAAM,EAAE,oBADF;IAENC,IAAI,EAAE;MACJC,KAAK,EAAE,SADH;MAEJC,OAAO,EAAE,SAFL;MAGJC,KAAK,EAAE,SAHH;MAIJC,WAAW,EAAE,SAJT;MAKJC,MAAM,EAAE,SALJ;MAMJC,IAAI,EAAE,SANF;MAOJC,SAAS,EAAE;IAPP,CAFA;IAWNC,IAAI,EAAE;MACJC,OAAO,EAAE,SADL;MAEJC,SAAS,EAAE;IAFP,CAXA;IAeNC,GAAG,EAAEhB,eAfC;IAgBNiB,QAAQ,EAAEhB,cAAA,CAAOgB,QAhBX;IAiBNC,QAAQ,EAAEjB,cAAA,CAAOiB,QAjBX;IAkBNC,KAAK,EAAE,SAlBD;IAmBNC,KAAK,EAAE,SAnBD;IAoBNC,MAAM,EAAE,SApBF;IAqBNC,YAAY,EAAE,SArBR;IAsBNC,MAAM,EAAE,SAtBF;IAuBNC,OAAO,EAAE;MACPC,UAAU,EAAExB,cAAA,CAAOyB,WADZ;MAEPZ,OAAO,EAAE;IAFF;EAvBH,CADkB;EA6B1Ba,OAAO,EAAE;IACPC,KAAK,EAAE,CADA;IAEPC,IAAI,EAAE,CAFC;IAGPC,KAAK,EAAE,EAHA;IAIPC,IAAI,EAAE,EAJC;IAKPrB,MAAM,EAAE,EALD;IAMPsB,KAAK,EAAE,EANA;IAOPC,MAAM,EAAE;EAPD,CA7BiB;EAsC1BC,MAAM,EAAE;IACNC,MAAM,EAAE,CADF;IAENC,IAAI,EAAE,CAFA;IAGNC,OAAO,EAAE,CAHH;IAIN3B,MAAM,EAAE,EAJF;IAKN4B,MAAM,EAAE,EALF;IAMNC,MAAM,EAAE,EANF;IAONC,SAAS,EAAE;EAPL,CAtCkB;EA+C1BC,UAAU,EAAE;IACVJ,OAAO,EAAE,KADC;IAEVK,QAAQ,EAAE,KAFA;IAGVC,IAAI,EAAE,KAHI;IAIVC,SAAS,EAAE;EAJD,CA/Cc;EAqD1BC,QAAQ,EAAE;IACRC,UAAU,EAAE,EADJ;IAERhB,KAAK,EAAE,EAFC;IAGRpB,MAAM,EAAE,EAHA;IAIR2B,OAAO,EAAE,EAJD;IAKRL,KAAK,EAAE,EALC;IAMRC,MAAM,EAAE,EANA;IAORc,OAAO,EAAE,EAPD;IAQRC,QAAQ,EAAE;EARF,CArDgB;EA+D1BC,aAAa,EAAE;IACbC,MAAM,EAAE;EADK;AA/DW,CAA5B;eAoEehD,Y"}

package/locales/bs/global.json

@@ -18,10 +18,13 @@
   "cookies_policy": "Politika privatnosti i kolačića.",
   "cookies_title": "Kako koristimo kolačiće:",
   "Create a new cohort": "Kreiraj novu kohortu",
+  "courses": "Courses",
+  "courses_completed": " Courses Completed",
   "Delete": "Izbrisati",
   "Draft": "Skica",
   "answer_the_question": "Odgovori na pitanje",
   "Edit": "Uredi",
+  "Explore": "Explore",
   "external_content_article": "DOKUMENTI",
   "external_content_scorm": "ANIMIRANI RESURSI",
   "external_content_video": "VIDEOS",
@@ -50,6 +53,7 @@
   "Put back": "Vratiti",
   "Reject": "Odbaci",
   "Reload": "Napuni",
+  "Review": "Review",
   "Review lesson": "Osvrnite se na lekciju",
   "secured_payment": "Osiguraj server",
   "See clue": "Vidi trag",
@@ -70,6 +74,7 @@
   "subscription_premium_title": "Premium Coorpacademy",
   "subscription_price": "${valuta}${cijena} uklj. PDV mjesečno",
   "subscription_promo_code": "Sada imate slobodan pristup našem katalogu do {{date}}. Da nastavite da ga koristite nakon ovog datuma, molim vas da se prijavite",
+  "skill_focus": "Skill focus",
   "This message has been removed by its author": "Ovu poruku je uklonio njen autor.",
   "unsubscribe": "Otkaži pretplatu na Coorpacademy.",
   "Validated": "Provjereno",
@@ -95,9 +100,10 @@
   "post_comment_aria_label": "Objavite svoj komentar",
   "validate_aria_label": "Potvrdite svoj odgovor i idite na sljedeći korak",
   "stars": "zvijezde",
+  "questions": "Questions",
   "custom":{
     "digitlearning": {
-      "comment_aria_label": "Rate this course"
+      "comment_aria_label": "Ocijenite ovaj kurs"
     }
   }
 }

package/locales/cs/global.json

@@ -18,10 +18,13 @@
   "cookies_policy": "Zásady ochrany soukromí a pro soubory cookie.",
   "cookies_title": "Jak využíváme soubory cookie:",
   "Create a new cohort": "Create a new cohort",
+  "courses": "Courses",
+  "courses_completed": " Courses Completed",
   "Delete": "Smazat",
   "Draft": "Návrh",
   "answer_the_question": "Odpovězte na otázku",
   "Edit": "Upravit",
+  "Explore": "Explore",
   "external_content_article": "DOKUMENTY",
   "external_content_scorm": "ANIMAČNÍ SOUBORY",
   "external_content_video": "VIDEA",
@@ -50,6 +53,7 @@
   "Put back": "Dát zpět",
   "Reject": "Zamítnout",
   "Reload": "Načíst znovu",
+  "Review": "Review",
   "Review lesson": "Zopakovat lekci",
   "secured_payment": "Zabezpečený server",
   "See clue": "Zobrazit nápovědu",
@@ -70,6 +74,7 @@
   "subscription_premium_title": "Coorpacademy Premium",
   "subscription_price": "vč. ${price} ${currency} daně na měsíc",
   "subscription_promo_code": "Nyní máte neomezený přístup k našemu katalogu až do {{date}}. Chcete-li jej využívat i po tomto datu, obnovte si předplatné",
+  "skill_focus": "Skill focus",
   "This message has been removed by its author": "Tuto zprávu odstranil autor.",
   "unsubscribe": "Zrušit předplatné Coorpacademy",
   "Validated": "Ověřeno",
@@ -95,9 +100,10 @@
   "post_comment_aria_label": "Zveřejnit komentář",
   "validate_aria_label": "Ověřte vlastní odpověď a přejděte k dalšímu kroku",
   "stars": "hvězdy",
+  "questions": "Questions",
   "custom":{
     "digitlearning": {
-      "comment_aria_label": "Rate this course"
+      "comment_aria_label": "Ohodnoťte tento kurz"
     }
   }
 }

package/locales/de/global.json

@@ -18,10 +18,13 @@
   "cookies_policy": "Richtlinie zu Datenschutz und Cookies",
   "cookies_title": "Wie wir Cookies verwenden:",
   "Create a new cohort": "Create a new cohort",
+  "courses": "Courses",
+  "courses_completed": " Courses Completed",
   "Delete": "Löschen",
   "Draft": "Entwurf",
   "answer_the_question": "Beantworten Sie die Frage",
   "Edit": "Bearbeiten",
+  "Explore": "Explore",
   "external_content_article": "DOKUMENTE",
   "external_content_scorm": "ANIMIERTE RESSOURCEN",
   "external_content_video": "VIDEOS",
@@ -50,6 +53,7 @@
   "Put back": "Zurücksetzen",
   "Reject": "Verwerfen",
   "Reload": "Neu laden",
+  "Review": "Review",
   "Review lesson": "Zurück zur Lektion",
   "secured_payment": "Sicherer Server",
   "See clue": "Hinweis öffnen",
@@ -70,6 +74,7 @@
   "subscription_premium_title": "Coorpacademy Premium",
   "subscription_price": "${currency}${price} inkl. Steuer monatlich",
   "subscription_promo_code": "Sie haben jetzt einen kostenlosen unbegrenzten Zugang zu unserem Katalog bis {{date}}. Um es nach diesem Datum zu behalten, melden Sie sich bitte an",
+  "skill_focus": "Skill focus",
   "This message has been removed by its author": "Diese Nachricht wurde von seinem Urheber gelöscht.",
   "unsubscribe": "Bei Coorpacademy abmelden",
   "Validated": "Bestätigt",
@@ -95,9 +100,10 @@
   "post_comment_aria_label": "Veröffentlichen Sie Ihren Kommentar",
   "validate_aria_label": "Bestätigen Sie Ihre Antwort und gehen Sie zum nächsten Schritt",
   "stars": "Sterne",
+  "questions": "Questions",
   "custom":{
     "digitlearning": {
-      "comment_aria_label": "Rate this course"
+      "comment_aria_label": "Bewerten Sie diesen Kurs"
     }
   }
 }

package/locales/en/global.json

@@ -18,10 +18,13 @@
   "cookies_policy": "Privacy and Cookies Policy.",
   "cookies_title": "How we use cookies:",
   "Create a new cohort": "Create a new cohort",
+  "courses": "Courses",
+  "courses_completed": " Courses Completed",
   "Delete": "Delete",
   "Draft": "Draft",
   "answer_the_question": "Answer the question",
   "Edit": "Edit",
+  "Explore": "Explore",
   "external_content_article": "DOCUMENTS",
   "external_content_scorm": "ANIMATED RESOURCES",
   "external_content_video": "VIDEOS",
@@ -50,6 +53,7 @@
   "Put back": "Put back",
   "Reject": "Reject",
   "Reload": "Reload",
+  "Review": "Review",
   "Review lesson": "Review lesson",
   "secured_payment": "Secure server",
   "See clue": "See clue",
@@ -70,6 +74,7 @@
   "subscription_premium_title": "Coorpacademy Premium",
   "subscription_price": "${currency}${price} incl. taxes per month",
   "subscription_promo_code": "You now have a free unlimited access to our catalog until the {{date}}. To keep enjoying it after this date, please subscribe on",
+  "skill_focus": "Skill focus",
   "This message has been removed by its author": "This message has been removed by its author.",
   "unsubscribe": "Unsubscribe from Coorpacademy",
   "Validated": "Validated",
@@ -95,6 +100,7 @@
   "post_comment_aria_label": "Post your comment",
   "validate_aria_label": "Validate your answer and go to next step",
   "stars": "stars",
+  "questions": "Questions",
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Rate this course"

package/locales/es/global.json

@@ -18,10 +18,13 @@
   "cookies_policy": "Política de privacidad y cookies",
   "cookies_title": "Cómo usamos las cookies:",
   "Create a new cohort": "Create a new cohort",
+  "courses": "Courses",
+  "courses_completed": " Courses Completed",
   "Delete": "Borrar",
   "Draft": "Sequía",
   "answer_the_question": "Responda a la pregunta",
   "Edit": "Editar",
+  "Explore": "Explore",
   "external_content_article": "DOCUMENTOS",
   "external_content_scorm": "RECURSOS ANIMADOS",
   "external_content_video": "VÍDEOS",
@@ -50,6 +53,7 @@
   "Put back": "Vuelve a poner",
   "Reject": "Rechazar",
   "Reload": "Recargar",
+  "Review": "Review",
   "Review lesson": "Repasar lección",
   "secured_payment": "Servidor seguro",
   "See clue": "Ver pista",
@@ -70,6 +74,7 @@
   "subscription_premium_title": "Coorpacademy Premium",
   "subscription_price": "${currency}${price} incl. impuestos al mes",
   "subscription_promo_code": "Ahora tienes acceso gratis e ilimitado a nuestro catálogo hasta el {{date}}. Para seguir disfrutándolo después de esta fecha, por favor, suscríbete en",
+  "skill_focus": "Skill focus",
   "This message has been removed by its author": "Este mensaje ha sido borrado por su autor.",
   "unsubscribe": "Cancelar la suscripción de Coorpacademy",
   "Validated": "Validado",
@@ -95,6 +100,7 @@
   "post_comment_aria_label": "Publique su comentario",
   "validate_aria_label": "Valide su respuesta y vaya al paso siguiente",
   "stars": "estrellas",
+  "questions": "Questions",
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Califica este curso"

package/locales/et/global.json

@@ -18,10 +18,13 @@
   "cookies_policy": "Privaatsus- ja küpsistepoliitika.",
   "cookies_title": "Kuidas kasutame küpsiseid:",
   "Create a new cohort": "Loo uus grupp",
+  "courses": "Courses",
+  "courses_completed": " Courses Completed",
   "Delete": "Kustuta",
   "Draft": "Mustand",
   "answer_the_question": "Vastake küsimusele",
   "Edit": "Muuda",
+  "Explore": "Explore",
   "external_content_article": "DOCUMENTS",
   "external_content_scorm": "ANIMATED RESOURCES",
   "external_content_video": "VIDEOS",
@@ -50,6 +53,7 @@
   "Put back": "Pane tagasi",
   "Reject": "Keeldu",
   "Reload": "Laadi uuesti",
+  "Review": "Review",
   "Review lesson": "Ülevaatustund",
   "secured_payment": "Turvaline server",
   "See clue": "Näita vihjet",
@@ -70,6 +74,7 @@
   "subscription_premium_title": "Coorpacademy Premium",
   "subscription_price": "${currency}${price} incl. taxes per month",
   "subscription_promo_code": "You now have a free unlimited access to our catalog until the {{date}}. To keep enjoying it after this date, please subscribe on",
+  "skill_focus": "Skill focus",
   "This message has been removed by its author": "Sõnum on autori poolt eemaldatud.",
   "unsubscribe": "Tühista Coorpacademy tellimus",
   "Validated": "Valideeritud",
@@ -95,9 +100,10 @@
   "post_comment_aria_label": "Postitage oma kommentaar",
   "validate_aria_label": "Kinnitage oma vastus ja minge järgmisse etappi",
   "stars": "tähed",
+  "questions": "Questions",
   "custom":{
     "digitlearning": {
-      "comment_aria_label": "Rate this course"
+      "comment_aria_label": "Hinda seda kursust"
     }
   }
 }

package/locales/fi/global.json

@@ -18,10 +18,13 @@
   "cookies_policy": "Tietosuoja- ja evästekäytäntö.",
   "cookies_title": "Miten käytämme evästeitä:",
   "Create a new cohort": "Luo uusi kohortti",
+  "courses": "Courses",
+  "courses_completed": " Courses Completed",
   "Delete": "Poista",
   "Draft": "Luonnos",
   "answer_the_question": "Vastaa kysymykseen",
   "Edit": "Muokkaa",
+  "Explore": "Explore",
   "external_content_article": "ASIAKIRJAT",
   "external_content_scorm": "ANIMOIDUT RESURSSIT",
   "external_content_video": "VIDEOT",
@@ -50,6 +53,7 @@
   "Put back": "Pane takaisin",
   "Reject": "Hylkää",
   "Reload": "Lataa uudelleen",
+  "Review": "Review",
   "Review lesson": "Katso oppitunti uudelleen",
   "secured_payment": "Turvallinen palvelin",
   "See clue": "Näytä vihje",
@@ -70,6 +74,7 @@
   "subscription_premium_title": "Coorpacademy Premium",
   "subscription_price": "${price} ${currency} kuukaudessa sisältäen verot",
   "subscription_promo_code": "Sinulla on nyt luettelomme ilmainen ja rajoittamaton käyttöoikeus {{date}} asti. Jos haluat jatkaa sen käyttämistä kyseisen päivän jälkeen, tilaa",
+  "skill_focus": "Skill focus",
   "This message has been removed by its author": "Tekijä on poistanut tämän viestin.",
   "unsubscribe": "Peruuta Coorpacademyn tilaus",
   "Validated": "Vahvistettu",
@@ -95,9 +100,10 @@
   "post_comment_aria_label": "Julkaise kommenttisi",
   "validate_aria_label": "Vahvista vastauksesi ja siirry seuraavaan vaiheeseen",
   "stars": "tähdet",
+  "questions": "Questions",
   "custom":{
     "digitlearning": {
-      "comment_aria_label": "Rate this course"
+      "comment_aria_label": "Arvioi tämä kurssi"
     }
   }
 }