@coorpacademy/components 10.26.0 → 10.27.0

package/lib/molecule/video-player/jwplayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"jwplayer.js","names":["JWPlayer","React","Component","constructor","props","context","state","fileUrl","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","componentDidMount","jwPlayerScript","document","getElementById","onerror","setFileUrl","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","jwpOptions","playerId","play","file","setState","e","onPlay","onResume","onPause","onEnded","script","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","customProps","autostart","style","errorMessage","wrapper","propTypes","JWPlayerPropTypes"],"sources":["../../../src/molecule/video-player/jwplayer.js"],"sourcesContent":["import React from 'react';\nimport ReactJWPlayer from 'react-jw-player';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport style from './jwplayer.css';\nimport {JWPlayerPropTypes} from './prop-types';\n\nclass JWPlayer extends React.Component {\n  static propTypes = JWPlayerPropTypes;\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      fileUrl: '',\n      scriptFailedLoading: false\n    };\n\n    this.handlePlay = this.handlePlay.bind(this);\n    this.handleResume = this.handleResume.bind(this);\n    this.handlePause = this.handlePause.bind(this);\n    this.handleEnded = this.handleEnded.bind(this);\n    this.handleError = this.handleError.bind(this);\n    this.handleSetupError = this.handleSetupError.bind(this);\n    this.handleScriptError = this.handleScriptError.bind(this);\n    this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n    this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n    this.handleWarning = this.handleWarning.bind(this);\n  }\n\n  componentDidMount() {\n    const jwPlayerScript = document.getElementById('jw-player-script');\n    jwPlayerScript.onerror = () => this.handleScriptError(jwPlayerScript);\n    this.setFileUrl();\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    const shouldStart = includes('autoplay', changes);\n    if (shouldStart) {\n      if (isFunction(window.jwplayer)) {\n        window.jwplayer(prevProps.jwpOptions.playerId).play();\n      }\n    }\n    const {jwpOptions} = this.props;\n    if (prevProps.jwpOptions.file !== jwpOptions.file) {\n      this.setFileUrl();\n    }\n  }\n\n  setFileUrl() {\n    const {jwpOptions} = this.props;\n    const {file} = jwpOptions;\n\n    return this.setState({fileUrl: file});\n  }\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  handleResume(e) {\n    const {onResume} = this.props;\n    if (onResume) onResume(e);\n  }\n\n  handlePause(e) {\n    const {onPause} = this.props;\n    if (onPause) onPause(e);\n  }\n\n  handleEnded(e) {\n    const {onEnded} = this.props;\n    if (onEnded) onEnded(e);\n  }\n\n  handleScriptError(script) {\n    this.setState({scriptFailedLoading: true});\n    if (script) {\n      script.parentNode.removeChild();\n    }\n  }\n\n  handleSetupError(error) {\n    const {onSetupError} = this.props;\n    if (onSetupError) onSetupError(error);\n  }\n\n  handlePlayAttemptFailed(error) {\n    const {onPlayAttemptFailed} = this.props;\n    if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n  }\n\n  handleAutostartNotAllowed(error) {\n    const {onAutostartNotAllowed} = this.props;\n    if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n  }\n\n  handleWarning(error) {\n    const {onWarning} = this.props;\n    if (onWarning) onWarning(error);\n  }\n\n  handleError(error) {\n    const {onError, mimeType, jwpOptions} = this.props;\n    const {code} = error;\n\n    onError && onError(error);\n\n    if (mimeType === 'application/kontiki') {\n      return;\n    }\n\n    // This error mostly appears on IE11 on W7\n    // Since IE11 dont kinda support M3U8 sometimes,\n    // We've decided to switch from M3U8 to mp4 whenever it appears\n    if (code === 214000) {\n      const {file: videoUrl} = jwpOptions;\n      const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n      const matched = videoUrl.match(regex);\n\n      if (matched) {\n        const videoId = matched[1];\n        return this.setState({\n          fileUrl: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n        });\n      }\n    }\n  }\n\n  render() {\n    const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n    const {scriptFailedLoading, fileUrl} = this.state;\n    const _jwpOptions = {\n      ...jwpOptions,\n      customProps: {\n        ...get('customProps', jwpOptions),\n        autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n      }\n    };\n\n    return (\n      <>\n        {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n        <ReactJWPlayer\n          {..._jwpOptions}\n          className={style.wrapper}\n          onAutoStart={this.handlePlay}\n          onPlay={this.handlePlay}\n          onResume={this.handleResume}\n          onPause={this.handlePause}\n          onOneHundredPercent={this.handleEnded}\n          onError={this.handleError}\n          onSetupError={this.handleSetupError}\n          onPlayAttemptFailed={this.handlePlayAttemptFailed}\n          onWarning={this.handleWarning}\n          onAutostartNotAllowed={this.handleAutostartNotAllowed}\n          file={fileUrl}\n        />\n      </>\n    );\n  }\n}\n\nexport default JWPlayer;\n"],"mappings":"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"}
+{"version":3,"file":"jwplayer.js","names":["fileAndTracks","file","customProps","playlist","tracks","JWPlayer","React","Component","constructor","props","context","state","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","getDerivedStateFromProps","jwpOptions","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","playerId","play","e","onPlay","onResume","onPause","onEnded","script","setState","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","licenseKey","autostart","style","errorMessage","wrapper","playerScript","propTypes","JWPlayerPropTypes"],"sources":["../../../src/molecule/video-player/jwplayer.js"],"sourcesContent":["import React from 'react';\nimport Player from '@jwplayer/jwplayer-react';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport style from './jwplayer.css';\nimport {JWPlayerPropTypes} from './prop-types';\n\nconst fileAndTracks = ({file, customProps, playlist} = {}) => {\n  if (file)\n    return {\n      file,\n      tracks: customProps ? customProps.tracks : null\n    };\n  if (playlist && playlist[0]) return playlist[0];\n\n  return {\n    file: null,\n    tracks: null\n  };\n};\n\nclass JWPlayer extends React.Component {\n  static propTypes = JWPlayerPropTypes;\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\n      scriptFailedLoading: false\n    };\n\n    this.handlePlay = this.handlePlay.bind(this);\n    this.handleResume = this.handleResume.bind(this);\n    this.handlePause = this.handlePause.bind(this);\n    this.handleEnded = this.handleEnded.bind(this);\n    this.handleError = this.handleError.bind(this);\n    this.handleSetupError = this.handleSetupError.bind(this);\n    this.handleScriptError = this.handleScriptError.bind(this);\n    this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n    this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n    this.handleWarning = this.handleWarning.bind(this);\n  }\n\n  static getDerivedStateFromProps(props) {\n    return fileAndTracks(props.jwpOptions);\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    const shouldStart = includes('autoplay', changes);\n    if (shouldStart) {\n      if (isFunction(window.jwplayer)) {\n        window.jwplayer(prevProps.jwpOptions.playerId).play();\n      }\n    }\n  }\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  handleResume(e) {\n    const {onResume} = this.props;\n    if (onResume) onResume(e);\n  }\n\n  handlePause(e) {\n    const {onPause} = this.props;\n    if (onPause) onPause(e);\n  }\n\n  handleEnded(e) {\n    const {onEnded} = this.props;\n    if (onEnded) onEnded(e);\n  }\n\n  handleScriptError(script) {\n    this.setState({scriptFailedLoading: true});\n    if (script) {\n      script.parentNode.removeChild();\n    }\n  }\n\n  handleSetupError(error) {\n    const {onSetupError} = this.props;\n    if (onSetupError) onSetupError(error);\n  }\n\n  handlePlayAttemptFailed(error) {\n    const {onPlayAttemptFailed} = this.props;\n    if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n  }\n\n  handleAutostartNotAllowed(error) {\n    const {onAutostartNotAllowed} = this.props;\n    if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n  }\n\n  handleWarning(error) {\n    const {onWarning} = this.props;\n    if (onWarning) onWarning(error);\n  }\n\n  handleError(error) {\n    const {onError, mimeType, jwpOptions} = this.props;\n    const {code} = error;\n\n    onError && onError(error);\n\n    if (mimeType === 'application/kontiki') {\n      return;\n    }\n\n    // This error mostly appears on IE11 on W7\n    // Since IE11 dont kinda support M3U8 sometimes,\n    // We've decided to switch from M3U8 to mp4 whenever it appears\n    if (code === 214000) {\n      const {file: videoUrl} = jwpOptions;\n      const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n      const matched = videoUrl.match(regex);\n\n      if (matched) {\n        const videoId = matched[1];\n        return this.setState({\n          file: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n        });\n      }\n    }\n  }\n\n  render() {\n    const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n    const {scriptFailedLoading, file, tracks} = this.state;\n    const _jwpOptions = {\n      ...jwpOptions,\n      customProps: {\n        ...get('customProps', jwpOptions),\n        key: jwpOptions.licenseKey,\n        autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n      }\n    };\n\n    return (\n      <>\n        {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n        <Player\n          key={file}\n          className={style.wrapper}\n          id={_jwpOptions.playerId}\n          file={file}\n          tracks={tracks}\n          library={_jwpOptions.playerScript}\n          config={_jwpOptions.customProps}\n          onAutoStart={this.handlePlay}\n          onPlay={this.handlePlay}\n          onResume={this.handleResume}\n          onPause={this.handlePause}\n          onOneHundredPercent={this.handleEnded}\n          onError={this.handleError}\n          onSetupError={this.handleSetupError}\n          onPlayAttemptFailed={this.handlePlayAttemptFailed}\n          onWarning={this.handleWarning}\n          onAutostartNotAllowed={this.handleAutostartNotAllowed}\n        />\n      </>\n    );\n  }\n}\n\nexport default JWPlayer;\n"],"mappings":"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"}

package/lib/organism/header-v2/index.native.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { GestureResponderEvent } from 'react-native';
 export interface Props {
-    onSearchPress: (event: GestureResponderEvent) => any;
-    onSettingsPress: (event: GestureResponderEvent) => any;
-    onLogoLongPress: (event: GestureResponderEvent) => any;
+    onSearchPress: (event: GestureResponderEvent) => void;
+    onSettingsPress: (event: GestureResponderEvent) => void;
+    onLogoLongPress: (event: GestureResponderEvent) => void;
 }
 export declare const HEADER_HEIGHT = 67;
 declare const Header: (props: Props) => JSX.Element | null;

package/lib/organism/header-v2/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/header-v2/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAmB,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAWhF,MAAM,WAAW,KAAK;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC;IACrD,eAAe,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC;CACxD;AAED,eAAO,MAAM,aAAa,KAAK,CAAC;AA0ChC,QAAA,MAAM,MAAM,UAAW,KAAK,uBAyD3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/header-v2/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAmB,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAWhF,MAAM,WAAW,KAAK;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,eAAe,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,eAAe,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,aAAa,KAAK,CAAC;AA0ChC,QAAA,MAAM,MAAM,UAAW,KAAK,uBAyD3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/organism/header-v2/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["HEADER_HEIGHT","ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","position","backgroundColor","colors","white","flexDirection","alignItems","justifyContent","height","top","width","icons","icon","marginRight","logo","marginLeft","gradient","left","right","opacity","Header","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","onSearchPress","onSettingsPress","onLogoLongPress","logoHeight","spacing","small","useEffect","_stylesheet","tiny","gray","medium","light","dark"],"sources":["../../../src/organism/header-v2/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\n\nimport {View, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaCompositionCoorpacademyCog as SettingsIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport BrandLogo from '../../molecule/brand-logo/index.native';\nimport Gradient from '../../atom/gradient/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport interface Props {\n  onSearchPress: (event: GestureResponderEvent) => any;\n  onSettingsPress: (event: GestureResponderEvent) => any;\n  onLogoLongPress: (event: GestureResponderEvent) => any;\n}\n\nexport const HEADER_HEIGHT = 67;\nconst ICON_WIDTH = 20;\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  icons: ViewStyle;\n  icon: ViewStyle;\n  logo: ViewStyle;\n  gradient: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme) =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      backgroundColor: theme.colors.white,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      height: HEADER_HEIGHT,\n      top: 0,\n      width: '100%'\n    },\n    icons: {\n      flexDirection: 'row'\n    },\n    icon: {\n      marginRight: 16\n    },\n    logo: {\n      width: 80,\n      marginLeft: 16\n    },\n    gradient: {\n      position: 'absolute',\n      left: 0,\n      top: HEADER_HEIGHT,\n      right: 0,\n      opacity: 0.3\n    }\n  });\n\nconst Header = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  const {onSearchPress, onSettingsPress, onLogoLongPress} = props;\n  const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.container]} testID=\"header\">\n      <Gradient\n        height={theme.spacing.tiny}\n        colors={[theme.colors.gray.medium, theme.colors.gray.light]}\n        transparencyPosition=\"bottom\"\n        style={styleSheet.gradient}\n      />\n      <View style={styleSheet.logo}>\n        <Touchable\n          testID=\"header-logo\"\n          onLongPress={onLogoLongPress}\n          analyticsID=\"sign-out\"\n          isWithoutFeedback\n        >\n          <BrandLogo height={logoHeight} />\n        </Touchable>\n      </View>\n      <View style={[styleSheet.icons]}>\n        <Touchable testID=\"search-icon\" onPress={onSearchPress} analyticsID=\"search-icon\">\n          <SearchIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n        <Touchable testID=\"settings-icon\" onPress={onSettingsPress} analyticsID=\"settings-icon\">\n          <SettingsIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default Header;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["HEADER_HEIGHT","ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","position","backgroundColor","colors","white","flexDirection","alignItems","justifyContent","height","top","width","icons","icon","marginRight","logo","marginLeft","gradient","left","right","opacity","Header","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","onSearchPress","onSettingsPress","onLogoLongPress","logoHeight","spacing","small","useEffect","_stylesheet","tiny","gray","medium","light","dark"],"sources":["../../../src/organism/header-v2/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\n\nimport {View, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaCompositionCoorpacademyCog as SettingsIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport BrandLogo from '../../molecule/brand-logo/index.native';\nimport Gradient from '../../atom/gradient/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport interface Props {\n  onSearchPress: (event: GestureResponderEvent) => void;\n  onSettingsPress: (event: GestureResponderEvent) => void;\n  onLogoLongPress: (event: GestureResponderEvent) => void;\n}\n\nexport const HEADER_HEIGHT = 67;\nconst ICON_WIDTH = 20;\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  icons: ViewStyle;\n  icon: ViewStyle;\n  logo: ViewStyle;\n  gradient: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme) =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      backgroundColor: theme.colors.white,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      height: HEADER_HEIGHT,\n      top: 0,\n      width: '100%'\n    },\n    icons: {\n      flexDirection: 'row'\n    },\n    icon: {\n      marginRight: 16\n    },\n    logo: {\n      width: 80,\n      marginLeft: 16\n    },\n    gradient: {\n      position: 'absolute',\n      left: 0,\n      top: HEADER_HEIGHT,\n      right: 0,\n      opacity: 0.3\n    }\n  });\n\nconst Header = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  const {onSearchPress, onSettingsPress, onLogoLongPress} = props;\n  const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.container]} testID=\"header\">\n      <Gradient\n        height={theme.spacing.tiny}\n        colors={[theme.colors.gray.medium, theme.colors.gray.light]}\n        transparencyPosition=\"bottom\"\n        style={styleSheet.gradient}\n      />\n      <View style={styleSheet.logo}>\n        <Touchable\n          testID=\"header-logo\"\n          onLongPress={onLogoLongPress}\n          analyticsID=\"sign-out\"\n          isWithoutFeedback\n        >\n          <BrandLogo height={logoHeight} />\n        </Touchable>\n      </View>\n      <View style={[styleSheet.icons]}>\n        <Touchable testID=\"search-icon\" onPress={onSearchPress} analyticsID=\"search-icon\">\n          <SearchIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n        <Touchable testID=\"settings-icon\" onPress={onSettingsPress} analyticsID=\"settings-icon\">\n          <SettingsIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default Header;\n"],"mappings":"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"}

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

@@ -1,7 +1,21 @@
-/// <reference types="react" />
+import { FC } from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+import { Theme } from '../../variables/theme.native';
+interface ButtonProps {
+    title: string;
+    testID: string;
+    selected: boolean;
+    Icon: FC<{
+        height: number;
+        width: number;
+        color?: string;
+    }>;
+    styles: StyleSheetType;
+    theme: Theme;
+}
 export declare type NavItemType = {
     label: string;
-    icon: any;
+    icon: ButtonProps['Icon'];
     onPress: () => void;
 };
 export interface Props {
@@ -9,6 +23,14 @@ export interface Props {
     items: Array<NavItemType>;
     selectedItemIndex: number;
 }
+declare type StyleSheetType = {
+    main: ViewStyle;
+    container: ViewStyle;
+    button: ViewStyle;
+    buttonText: TextStyle;
+    dot: ViewStyle;
+    blur: ViewStyle;
+};
 declare const NavigationBar: ({ items, selectedItemIndex }: Props) => JSX.Element | null;
 export default NavigationBar;
 //# sourceMappingURL=index.native.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"names":[],"mappings":";AASA,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,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;AAwFD,QAAA,MAAM,aAAa,iCAAgC,KAAK,uBAoCvD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"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,EAAyB,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAM1E,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;CACd;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,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,uBAoCvD,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -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","NavigationBar","items","selectedItemIndex","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","map","prop","index","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} 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 {Theme} from '../../variables/theme.native';\n\nexport type NavItemType = {\n  label: string;\n  icon: any;\n  onPress: () => 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\ninterface ButtonProps {\n  title: string;\n  testID: string;\n  selected: boolean;\n  Icon: any;\n  styles: StyleSheetType;\n  theme: Theme;\n}\n\nconst Button = ({testID, title, selected, Icon, styles, theme}: ButtonProps) => (\n  <View testID={testID} style={styles.button}>\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  </View>\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      <BlurView\n        style={styleSheet.container}\n        blurAmount={32}\n        reducedTransparencyFallbackColor=\"rgba(17, 17, 23, 0.5)\"\n      />\n      <View style={styleSheet.container}>\n        {items.map((prop, index) => (\n          <Button\n            key={`button-${prop.label}`}\n            title={prop.label}\n            Icon={prop.icon}\n            selected={index === selectedItemIndex}\n            testID={`navigationButton_${index}`}\n            styles={styleSheet}\n            theme={theme}\n          />\n        ))}\n      </View>\n    </View>\n  );\n};\n\nexport default NavigationBar;\n"],"mappings":"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"}
+{"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","NavigationBar","items","selectedItemIndex","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","map","prop","index","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} 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 {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}\n\nexport type NavItemType = {\n  label: string;\n  icon: ButtonProps['Icon'];\n  onPress: () => 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}: ButtonProps) => (\n  <View testID={testID} style={styles.button}>\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  </View>\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      <BlurView\n        style={styleSheet.container}\n        blurAmount={32}\n        reducedTransparencyFallbackColor=\"rgba(17, 17, 23, 0.5)\"\n      />\n      <View style={styleSheet.container}>\n        {items.map((prop, index) => (\n          <Button\n            key={`button-${prop.label}`}\n            title={prop.label}\n            Icon={prop.icon}\n            selected={index === selectedItemIndex}\n            testID={`navigationButton_${index}`}\n            styles={styleSheet}\n            theme={theme}\n          />\n        ))}\n      </View>\n    </View>\n  );\n};\n\nexport default NavigationBar;\n"],"mappings":"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"}

package/lib/organism/review-slide/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAC,gBAAgB,EAAa,MAAM,cAAc,CAAC;AA4K1D,QAAA,MAAM,KAAK,UAAW,gBAAgB,gBAyCrC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAC,gBAAgB,EAAa,MAAM,cAAc,CAAC;AAuL1D,QAAA,MAAM,KAAK,UAAW,gBAAgB,gBAyCrC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/organism/review-slide/index.native.js

@@ -31,6 +31,7 @@ const CorrectionPopin = ({
   correctionPopinProps,
   slideIndex,
   showCorrectionPopin,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   animateCorrectionPopin
 }) => {
   if (!showCorrectionPopin) return null;
@@ -55,7 +56,7 @@ const CorrectionPopin = ({
     type: correctionPopinProps.type,
     resultLabel: correctionPopinProps.resultLabel
   };
-  return /*#__PURE__*/_react.default.createElement(_index.default, null, "ReviewCorrectionPopin") // <ReviewCorrectionPopin {..._correctionPopinProps} />
+  return /*#__PURE__*/_react.default.createElement(_index.default, null, "@todo ReviewCorrectionPopin ", _correctionPopinProps.toString()) // <ReviewCorrectionPopin {..._correctionPopinProps} />
   ;
 }; // const ValidateButton = ({slideIndex, validateButton, primarySkinColor}) => {
 //   const {label, onClick, disabled} = validateButton;
@@ -107,7 +108,7 @@ const createQuestionStyle = (theme, brandTheme) => _reactNative.StyleSheet.creat
     justifyContent: 'center'
   },
   validateButton: {
-    backgroundColor: brandTheme?.colors.primary || theme.colors.text.primary,
+    backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,
     borderRadius: 7,
     width: '100%'
   },
@@ -132,7 +133,7 @@ const Question = props => {
     theme,
     brandTheme
   } = (0, _templateContext.useTemplateContext)();
-  const [style, setStyle] = (0, _react.useState)(null);
+  const [style, setStyle] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
     const questionStyle = createQuestionStyle(theme, brandTheme);
     setStyle(questionStyle);
@@ -155,7 +156,7 @@ const Question = props => {
   }, "@todo validate")));
 };
 
-const createSlideStyle = (num, screenWidth, screenHeight) => {
+const createSlideStyle = (num, screenWidth) => {
   const slideWidth = screenWidth - 40 - num * 8;
   return _reactNative.StyleSheet.create({
     slide: {
@@ -185,16 +186,14 @@ const createSlideStyle = (num, screenWidth, screenHeight) => {
 const Slide = props => {
   const {
     slide,
-    validateButton,
     correctionPopinProps,
     num,
     slideIndex = '0'
   } = props;
   const {
-    width,
-    height
+    width
   } = (0, _reactNative.useWindowDimensions)();
-  const slideStyle = createSlideStyle(num, width, height);
+  const slideStyle = createSlideStyle(num, width);
   const {
     loading,
     parentContentTitle,

package/lib/organism/review-slide/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","klf","getOr","information","label","message","next","get","_correctionPopinProps","onClick","console","log","type","resultLabel","createQuestionStyle","theme","brandTheme","StyleSheet","create","questionHeading","justifyContent","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesContainer","flex","width","validateButton","backgroundColor","borderRadius","validateButtonText","white","Question","props","answerUI","useTemplateContext","style","setStyle","useState","useEffect","questionStyle","createSlideStyle","num","screenWidth","screenHeight","slideWidth","slide","position","left","bottom","height","alignItems","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","useWindowDimensions","slideStyle","loading","parentContentTitle"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useEffect, useMemo, useState} from 'react';\nimport {StyleSheet, useWindowDimensions, View, ViewStyle} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport Text from '../../atom/text/index.native';\nimport Answer from '../../molecule/answer/index.native';\n// import Loader from '../../atom/loader';\n// import ReviewCorrectionPopin from '../../molecule/review-correction-popin';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {ReviewCorrectionPopinProps} from '../../molecule/review-correction-popin/prop-types';\nimport {ReviewSlideProps, SlideProps} from './prop-types';\n\ntype PopinProps = {\n  correctionPopinProps: ReviewCorrectionPopinProps;\n  slideIndex: unknown;\n  showCorrectionPopin: unknown;\n  animateCorrectionPopin: unknown;\n};\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr({}, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick: () => {\n        // eslint-disable-next-line no-console\n        console.log('Next Slide');\n      },\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  return (\n    <Text>ReviewCorrectionPopin</Text>\n    // <ReviewCorrectionPopin {..._correctionPopinProps} />\n  );\n};\n\n// const ValidateButton = ({slideIndex, validateButton, primarySkinColor}) => {\n//   const {label, onClick, disabled} = validateButton;\n//   const validateButtonProps = {\n//     type: 'primary',\n//     label,\n//     'aria-label': label,\n//     'data-name': `slide-validate-button-${slideIndex}`,\n//     onClick,\n//     disabled,\n//     customStyle: {\n//       backgroundColor: primarySkinColor\n//     }\n//   };\n\n//   return <Button title=\"validate todo\" />;\n// };\n\nconst createQuestionStyle = (theme: Theme, brandTheme: any) =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between'\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesContainer: {\n      flex: 1,\n      width: '100%',\n      justifyContent: 'center'\n    },\n    validateButton: {\n      backgroundColor: brandTheme?.colors.primary || theme.colors.text.primary,\n      borderRadius: 7,\n      width: '100%'\n    },\n    validateButtonText: {\n      fontSize: 14,\n      lineHeight: 20,\n      fontWeight: '700',\n      color: theme.colors.white,\n      marginBottom: 16,\n      marginTop: 16,\n      textAlign: 'center'\n    }\n  });\n\ntype QuestionProps = {\n  answerUI: SlideProps['answerUI'];\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {answerUI, questionText, questionOrigin} = props;\n  const {theme, brandTheme} = useTemplateContext();\n  const [style, setStyle] = useState<any | null>(null);\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme, brandTheme);\n    setStyle(questionStyle);\n  }, [theme, brandTheme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <Text style={style.questionOrigin}>{questionOrigin}</Text>\n        <Text style={style.questionText}>{questionText}</Text>\n        <Text style={style.questionHelp}>{get('help', answerUI)}</Text>\n      </View>\n      <View style={style.choicesContainer}>\n        <Answer {...answerUI} />\n      </View>\n      <Touchable style={style.validateButton}>\n        <Text style={style.validateButtonText}>@todo validate</Text>\n      </Touchable>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n};\n\nconst createSlideStyle = (num: number, screenWidth: number, screenHeight: number): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: 34 + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {slide, validateButton, correctionPopinProps, num, slideIndex = '0'} = props;\n\n  const {width, height} = useWindowDimensions();\n  const slideStyle = createSlideStyle(num, width, height);\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  return (\n    <View style={slideStyle.slide}>\n      {loading ? (\n        // <Loader className={style.loader} theme=\"default\" aria-label={loadingAriaLabel} />\n        <Text>@todo loader {num}</Text>\n      ) : (\n        <>\n          <Question\n            questionOrigin={parentContentTitle}\n            questionText={questionText}\n            answerUI={answerUI}\n            key=\"question-container\"\n          />\n          {correctionPopinProps ? (\n            <CorrectionPopin\n              correctionPopinProps={correctionPopinProps}\n              slideIndex={slideIndex}\n              showCorrectionPopin={showCorrectionPopin}\n              animateCorrectionPopin={animateCorrectionPopin}\n              key=\"correction-popin\"\n            />\n          ) : null}\n        </>\n      )}\n    </View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","klf","getOr","information","label","message","next","get","_correctionPopinProps","onClick","console","log","type","resultLabel","toString","createQuestionStyle","theme","brandTheme","StyleSheet","create","questionHeading","justifyContent","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesContainer","flex","width","validateButton","backgroundColor","borderRadius","validateButtonText","white","Question","props","answerUI","useTemplateContext","style","setStyle","useState","useEffect","questionStyle","createSlideStyle","num","screenWidth","slideWidth","slide","position","left","bottom","height","alignItems","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","useWindowDimensions","slideStyle","loading","parentContentTitle"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, TextStyle, useWindowDimensions, View, ViewStyle} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport Text from '../../atom/text/index.native';\nimport Answer from '../../molecule/answer/index.native';\n// import Loader from '../../atom/loader';\n// import ReviewCorrectionPopin from '../../molecule/review-correction-popin';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {ReviewCorrectionPopinProps} from '../../molecule/review-correction-popin/prop-types';\nimport {ReviewSlideProps, SlideProps} from './prop-types';\n\ntype PopinProps = {\n  correctionPopinProps: ReviewCorrectionPopinProps;\n  slideIndex: unknown;\n  showCorrectionPopin: unknown;\n  animateCorrectionPopin: unknown;\n};\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  animateCorrectionPopin\n}: PopinProps) => {\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr({}, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick: () => {\n        // eslint-disable-next-line no-console\n        console.log('Next Slide');\n      },\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  return (\n    <Text>@todo ReviewCorrectionPopin {_correctionPopinProps.toString()}</Text>\n    // <ReviewCorrectionPopin {..._correctionPopinProps} />\n  );\n};\n\n// const ValidateButton = ({slideIndex, validateButton, primarySkinColor}) => {\n//   const {label, onClick, disabled} = validateButton;\n//   const validateButtonProps = {\n//     type: 'primary',\n//     label,\n//     'aria-label': label,\n//     'data-name': `slide-validate-button-${slideIndex}`,\n//     onClick,\n//     disabled,\n//     customStyle: {\n//       backgroundColor: primarySkinColor\n//     }\n//   };\n\n//   return <Button title=\"validate todo\" />;\n// };\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOrigin: ViewStyle;\n  questionText: TextStyle;\n  questionHelp: ViewStyle;\n  choicesContainer: ViewStyle;\n  validateButton: ViewStyle;\n  validateButtonText: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme, brandTheme: Brand): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between'\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesContainer: {\n      flex: 1,\n      width: '100%',\n      justifyContent: 'center'\n    },\n    validateButton: {\n      backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,\n      borderRadius: 7,\n      width: '100%'\n    },\n    validateButtonText: {\n      fontSize: 14,\n      lineHeight: 20,\n      fontWeight: '700',\n      color: theme.colors.white,\n      marginBottom: 16,\n      marginTop: 16,\n      textAlign: 'center'\n    }\n  });\n\ntype QuestionProps = {\n  answerUI: SlideProps['answerUI'];\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {answerUI, questionText, questionOrigin} = props;\n  const {theme, brandTheme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme, brandTheme);\n    setStyle(questionStyle);\n  }, [theme, brandTheme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <Text style={style.questionOrigin}>{questionOrigin}</Text>\n        <Text style={style.questionText}>{questionText}</Text>\n        <Text style={style.questionHelp}>{get('help', answerUI)}</Text>\n      </View>\n      <View style={style.choicesContainer}>\n        <Answer {...answerUI} />\n      </View>\n      <Touchable style={style.validateButton}>\n        <Text style={style.validateButtonText}>@todo validate</Text>\n      </Touchable>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n};\n\nconst createSlideStyle = (num: number, screenWidth: number): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: 34 + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {slide, correctionPopinProps, num, slideIndex = '0'} = props;\n\n  const {width} = useWindowDimensions();\n  const slideStyle = createSlideStyle(num, width);\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  return (\n    <View style={slideStyle.slide}>\n      {loading ? (\n        // <Loader className={style.loader} theme=\"default\" aria-label={loadingAriaLabel} />\n        <Text>@todo loader {num}</Text>\n      ) : (\n        <>\n          <Question\n            questionOrigin={parentContentTitle}\n            questionText={questionText}\n            answerUI={answerUI}\n            key=\"question-container\"\n          />\n          {correctionPopinProps ? (\n            <CorrectionPopin\n              correctionPopinProps={correctionPopinProps}\n              slideIndex={slideIndex}\n              showCorrectionPopin={showCorrectionPopin}\n              animateCorrectionPopin={animateCorrectionPopin}\n              key=\"correction-popin\"\n            />\n          ) : null}\n        </>\n      )}\n    </View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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"}

package/lib/template/app-player/popin-header/index.js

@@ -252,7 +252,7 @@ IconsPart.propTypes = process.env.NODE_ENV !== "production" ? {
   revival: _propTypes.default.bool
 } : {};
 
-const buildClass = (value, success, failed, loading, mode = 'default', scormStyle) => {
+const buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {
   if (loading && (0, _isNil2.default)(value)) return loading;
   if (mode === 'scorm') return scormStyle;
   return value ? failed : success;
@@ -281,7 +281,7 @@ const renderIconStatusScorm = failed => {
   }));
 };
 
-const buildDefaultOrScormStyle = (defaultStyle, mode = 'default', styleScorm, failed, failedStyle = null) => {
+const buildDefaultOrScormStyle = (defaultStyle, styleScorm, failed, mode = 'default', failedStyle = null) => {
   if (mode === 'scorm' && failed && failedStyle) return failedStyle;
   if (mode === 'scorm') return styleScorm;
   return defaultStyle;
@@ -299,12 +299,12 @@ const CorrectionPart = props => {
     mode = 'default'
   } = props;
   const isLoading = (0, _isNil2.default)(failed);
-  const className = buildClass(failed, stars && rank ? _style.default.correctionSectionEndSuccess : _style.default.correctionSectionSuccess, gameOver ? _style.default.correctionSectionFailGameOver : _style.default.correctionSectionFail, _style.default.correctionSectionLoading, mode, _style.default.resultContenantContainerScorm);
+  const className = buildClass(failed, stars && rank ? _style.default.correctionSectionEndSuccess : _style.default.correctionSectionSuccess, gameOver ? _style.default.correctionSectionFailGameOver : _style.default.correctionSectionFail, _style.default.correctionSectionLoading, _style.default.resultContenantContainerScorm, mode);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "correctionSection",
     className: className
   }, mode === 'scorm' && !isLoading && renderIconStatusScorm(failed), /*#__PURE__*/_react.default.createElement("div", {
-    className: buildDefaultOrScormStyle(_style.default.titlesWrapper, mode, _style.default.titlesWrapperScorm, failed)
+    className: buildDefaultOrScormStyle(_style.default.titlesWrapper, _style.default.titlesWrapperScorm, failed, mode)
   }, isLoading ? /*#__PURE__*/_react.default.createElement(_loader.default, null) : null, /*#__PURE__*/_react.default.createElement("h1", {
     "data-name": "title",
     className: buildDefaultOrScormStyle((0, _classnames.default)(_style.default.title, _style.default.innerHTML), mode, _style.default.resultTitleScorm, failed) // eslint-disable-next-line react/no-danger

package/lib/template/app-player/popin-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["separator","index","style","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","classnames","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","PropTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","iconText","EASE_OUT_CUBIC","progress","Animation","contextTypes","Provider","childContextTypes","Stars","stars","Lifes","lives","revival","life","Life","count","IconsPart","props","iconsWrapper","AnimationScheduler","buildClass","success","loading","mode","scormStyle","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","Link","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"sources":["../../../../src/template/app-player/popin-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  compact,\n  flatten,\n  get,\n  isNil,\n  pipe,\n  times,\n  zip,\n  round,\n  parseInt as _parseInt,\n  multiply,\n  isEmpty\n} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n  <span key={index} className={style.answerSeparator}>\n    /\n  </span>\n);\n\nconst joinBySeparator = elements => {\n  const separators = times(separator, elements.length - 1);\n  return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n  const answers = corrections.map((correction, index) => {\n    const key = `answer_${index}`;\n    return (\n      <span\n        key={key}\n        data-name=\"answer\"\n        data-correct={correction.isCorrect}\n        className={classnames(\n          correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: correction.answer}}\n      />\n    );\n  }, corrections);\n  return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n  corrections: PropTypes.arrayOf(\n    PropTypes.shape({\n      answer: PropTypes.string.isRequired,\n      isCorrect: PropTypes.bool.isRequired\n    })\n  )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(rank)) return null;\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <ChartsIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nRank.propTypes = {\n  failed: PropTypes.bool,\n  rank: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(stars)) return null;\n\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <StarIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span data-name=\"iconText\" className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nStars.propTypes = {\n  failed: PropTypes.bool,\n  stars: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n  if (isNil(lives)) return null;\n\n  return (\n    <Life\n      failed={failed}\n      count={lives}\n      animated={animated}\n      revival={revival}\n      className={style.life}\n    />\n  );\n};\n\nLifes.propTypes = {\n  lives: Life.propTypes.count,\n  failed: Life.propTypes.failed,\n  animated: Life.propTypes.animated,\n  revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n  const {lives, failed, stars, rank, animated, revival} = props;\n  return (\n    <AnimationScheduler animated>\n      <div className={style.iconsWrapper}>\n        <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n        <AnimationAdapter name=\"stars\">\n          <Stars stars={stars} fail={failed} />\n        </AnimationAdapter>\n        <AnimationAdapter name=\"rank\" after=\"stars\">\n          <Rank rank={rank} fail={failed} />\n        </AnimationAdapter>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nIconsPart.propTypes = {\n  lives: Lifes.propTypes.lives,\n  failed: Lifes.propTypes.failed,\n  stars: Stars.propTypes.stars,\n  rank: Rank.propTypes.rank,\n  animated: AnimationScheduler.propTypes.animated,\n  revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, mode = 'default', scormStyle) => {\n  if (loading && isNil(value)) return loading;\n  if (mode === 'scorm') return scormStyle;\n  return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n  if (extraLifeGranted) {\n    return style.oneMoreLife;\n  } else if (gameOver) {\n    return style.gameOver;\n  } else {\n    return null;\n  }\n};\nconst renderIconStatusScorm = failed => {\n  return (\n    <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n      {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n    </div>\n  );\n};\nconst buildDefaultOrScormStyle = (\n  defaultStyle,\n  mode = 'default',\n  styleScorm,\n  failed,\n  failedStyle = null\n) => {\n  if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n  if (mode === 'scorm') return styleScorm;\n  return defaultStyle;\n};\nconst CorrectionPart = props => {\n  const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n  const isLoading = isNil(failed);\n  const className = buildClass(\n    failed,\n    stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n    gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n    style.correctionSectionLoading,\n    mode,\n    style.resultContenantContainerScorm\n  );\n  return (\n    <div data-name=\"correctionSection\" className={className}>\n      {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n      <div\n        className={buildDefaultOrScormStyle(\n          style.titlesWrapper,\n          mode,\n          style.titlesWrapperScorm,\n          failed\n        )}\n      >\n        {isLoading ? <Loader /> : null}\n        <h1\n          data-name=\"title\"\n          className={buildDefaultOrScormStyle(\n            classnames(style.title, style.innerHTML),\n            mode,\n            style.resultTitleScorm,\n            failed\n          )}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <h2\n          className={buildDefaultOrScormStyle(\n            style.subtitle,\n            mode,\n            style.resultSubtitleScorm,\n            failed,\n            style.statusPlayerResultFailScorm\n          )}\n        >\n          {subtitle}\n        </h2>\n        {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n      </div>\n      {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n    </div>\n  );\n};\n\nCorrectionPart.propTypes = {\n  ...IconsPart.propTypes,\n  failed: PropTypes.bool,\n  corrections: AnswersCorrection.propTypes.corrections,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  stars: PropTypes.string,\n  rank: PropTypes.string,\n  gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n  const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n  const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n  let dataNext;\n\n  switch (type) {\n    case 'popinCorrection': {\n      if (gameOver) {\n        dataNext = 'game-over';\n      } else if (failed) {\n        if (lives > 0) {\n          dataNext = 'continue-failure';\n        } else if (extraLifeGranted) {\n          dataNext = 'continue-used-extra-life';\n        }\n      } else {\n        dataNext = 'continue-success';\n      }\n      break;\n    }\n\n    case 'popinEnd': {\n      if (failed) {\n        dataNext = 'redo-content';\n      } else if (showNextLevel) {\n        dataNext = 'next-level';\n      } else {\n        dataNext = 'home';\n      }\n    }\n  }\n\n  const nextStep = nextStepTitle ? (\n    <div\n      className={classnames(\n        gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n        style.innerHTML\n      )}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: nextStepTitle}}\n    />\n  ) : null;\n\n  return mode !== 'scorm' ? (\n    <Link\n      {...linkProps}\n      className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n      data-name=\"nextLink\"\n      data-popin={type}\n      data-next={dataNext}\n    >\n      <div className={style.wrapperNextSection}>\n        <div className={style.nextButton}>\n          {title}\n          <ArrowRight color=\"inherit\" className={style.nextButtonIcon} />\n        </div>\n        {nextStep}\n      </div>\n    </Link>\n  ) : null;\n};\n\nNextQuestionPart.propTypes = {\n  cta: PropTypes.shape({\n    ...Link.propTypes,\n    title: PropTypes.string,\n    nextStepTitle: PropTypes.string,\n    showNextLevel: PropTypes.bool\n  }),\n  type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n  extraLifeGranted: PropTypes.bool,\n  gameOver: PropTypes.bool,\n  failed: PropTypes.bool,\n  lives: PropTypes.number,\n  mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n  const {\n    animated,\n    failed,\n    title,\n    subtitle,\n    lives,\n    stars,\n    rank,\n    corrections,\n    cta,\n    extraLifeGranted,\n    gameOver = false,\n    type,\n    mode = 'default'\n  } = props;\n  const state = buildClass(failed, 'success', 'failed', null);\n\n  const nextLink = cta ? (\n    <NextQuestionPart\n      cta={cta}\n      type={type}\n      extraLifeGranted={extraLifeGranted}\n      failed={failed}\n      gameOver={gameOver}\n      lives={lives}\n      mode={mode}\n    />\n  ) : null;\n\n  return (\n    <div\n      className={classnames(\n        mode === 'scorm' && style.scorm,\n        cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n      )}\n      data-name=\"popinHeader\"\n      data-state={state}\n    >\n      <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n        <CorrectionPart\n          title={title}\n          subtitle={subtitle}\n          lives={lives}\n          animated={animated}\n          stars={stars}\n          rank={rank}\n          failed={failed}\n          gameOver={gameOver}\n          revival={extraLifeGranted}\n          corrections={corrections}\n          mode={mode}\n        />\n        {nextLink}\n      </div>\n    </div>\n  );\n};\n\nPopinHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n  cta: NextQuestionPart.propTypes.cta,\n  type: NextQuestionPart.propTypes.type,\n  extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n  failed: NextQuestionPart.propTypes.failed,\n  gameOver: NextQuestionPart.propTypes.gameOver,\n  lives: NextQuestionPart.propTypes.lives,\n  title: CorrectionPart.propTypes.title,\n  subtitle: CorrectionPart.propTypes.subtitle,\n  animated: CorrectionPart.propTypes.animated,\n  stars: CorrectionPart.propTypes.stars,\n  rank: CorrectionPart.propTypes.rank,\n  corrections: CorrectionPart.propTypes.corrections,\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["separator","index","style","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","classnames","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","PropTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","iconText","EASE_OUT_CUBIC","progress","Animation","contextTypes","Provider","childContextTypes","Stars","stars","Lifes","lives","revival","life","Life","count","IconsPart","props","iconsWrapper","AnimationScheduler","buildClass","success","loading","scormStyle","mode","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","Link","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"sources":["../../../../src/template/app-player/popin-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  compact,\n  flatten,\n  get,\n  isNil,\n  pipe,\n  times,\n  zip,\n  round,\n  parseInt as _parseInt,\n  multiply,\n  isEmpty\n} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n  <span key={index} className={style.answerSeparator}>\n    /\n  </span>\n);\n\nconst joinBySeparator = elements => {\n  const separators = times(separator, elements.length - 1);\n  return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n  const answers = corrections.map((correction, index) => {\n    const key = `answer_${index}`;\n    return (\n      <span\n        key={key}\n        data-name=\"answer\"\n        data-correct={correction.isCorrect}\n        className={classnames(\n          correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: correction.answer}}\n      />\n    );\n  }, corrections);\n  return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n  corrections: PropTypes.arrayOf(\n    PropTypes.shape({\n      answer: PropTypes.string.isRequired,\n      isCorrect: PropTypes.bool.isRequired\n    })\n  )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(rank)) return null;\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <ChartsIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nRank.propTypes = {\n  failed: PropTypes.bool,\n  rank: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(stars)) return null;\n\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <StarIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span data-name=\"iconText\" className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nStars.propTypes = {\n  failed: PropTypes.bool,\n  stars: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n  if (isNil(lives)) return null;\n\n  return (\n    <Life\n      failed={failed}\n      count={lives}\n      animated={animated}\n      revival={revival}\n      className={style.life}\n    />\n  );\n};\n\nLifes.propTypes = {\n  lives: Life.propTypes.count,\n  failed: Life.propTypes.failed,\n  animated: Life.propTypes.animated,\n  revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n  const {lives, failed, stars, rank, animated, revival} = props;\n  return (\n    <AnimationScheduler animated>\n      <div className={style.iconsWrapper}>\n        <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n        <AnimationAdapter name=\"stars\">\n          <Stars stars={stars} fail={failed} />\n        </AnimationAdapter>\n        <AnimationAdapter name=\"rank\" after=\"stars\">\n          <Rank rank={rank} fail={failed} />\n        </AnimationAdapter>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nIconsPart.propTypes = {\n  lives: Lifes.propTypes.lives,\n  failed: Lifes.propTypes.failed,\n  stars: Stars.propTypes.stars,\n  rank: Rank.propTypes.rank,\n  animated: AnimationScheduler.propTypes.animated,\n  revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {\n  if (loading && isNil(value)) return loading;\n  if (mode === 'scorm') return scormStyle;\n  return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n  if (extraLifeGranted) {\n    return style.oneMoreLife;\n  } else if (gameOver) {\n    return style.gameOver;\n  } else {\n    return null;\n  }\n};\nconst renderIconStatusScorm = failed => {\n  return (\n    <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n      {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n    </div>\n  );\n};\nconst buildDefaultOrScormStyle = (\n  defaultStyle,\n  styleScorm,\n  failed,\n  mode = 'default',\n  failedStyle = null\n) => {\n  if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n  if (mode === 'scorm') return styleScorm;\n  return defaultStyle;\n};\nconst CorrectionPart = props => {\n  const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n  const isLoading = isNil(failed);\n  const className = buildClass(\n    failed,\n    stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n    gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n    style.correctionSectionLoading,\n    style.resultContenantContainerScorm,\n    mode\n  );\n  return (\n    <div data-name=\"correctionSection\" className={className}>\n      {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n      <div\n        className={buildDefaultOrScormStyle(\n          style.titlesWrapper,\n          style.titlesWrapperScorm,\n          failed,\n          mode\n        )}\n      >\n        {isLoading ? <Loader /> : null}\n        <h1\n          data-name=\"title\"\n          className={buildDefaultOrScormStyle(\n            classnames(style.title, style.innerHTML),\n            mode,\n            style.resultTitleScorm,\n            failed\n          )}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <h2\n          className={buildDefaultOrScormStyle(\n            style.subtitle,\n            mode,\n            style.resultSubtitleScorm,\n            failed,\n            style.statusPlayerResultFailScorm\n          )}\n        >\n          {subtitle}\n        </h2>\n        {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n      </div>\n      {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n    </div>\n  );\n};\n\nCorrectionPart.propTypes = {\n  ...IconsPart.propTypes,\n  failed: PropTypes.bool,\n  corrections: AnswersCorrection.propTypes.corrections,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  stars: PropTypes.string,\n  rank: PropTypes.string,\n  gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n  const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n  const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n  let dataNext;\n\n  switch (type) {\n    case 'popinCorrection': {\n      if (gameOver) {\n        dataNext = 'game-over';\n      } else if (failed) {\n        if (lives > 0) {\n          dataNext = 'continue-failure';\n        } else if (extraLifeGranted) {\n          dataNext = 'continue-used-extra-life';\n        }\n      } else {\n        dataNext = 'continue-success';\n      }\n      break;\n    }\n\n    case 'popinEnd': {\n      if (failed) {\n        dataNext = 'redo-content';\n      } else if (showNextLevel) {\n        dataNext = 'next-level';\n      } else {\n        dataNext = 'home';\n      }\n    }\n  }\n\n  const nextStep = nextStepTitle ? (\n    <div\n      className={classnames(\n        gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n        style.innerHTML\n      )}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: nextStepTitle}}\n    />\n  ) : null;\n\n  return mode !== 'scorm' ? (\n    <Link\n      {...linkProps}\n      className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n      data-name=\"nextLink\"\n      data-popin={type}\n      data-next={dataNext}\n    >\n      <div className={style.wrapperNextSection}>\n        <div className={style.nextButton}>\n          {title}\n          <ArrowRight color=\"inherit\" className={style.nextButtonIcon} />\n        </div>\n        {nextStep}\n      </div>\n    </Link>\n  ) : null;\n};\n\nNextQuestionPart.propTypes = {\n  cta: PropTypes.shape({\n    ...Link.propTypes,\n    title: PropTypes.string,\n    nextStepTitle: PropTypes.string,\n    showNextLevel: PropTypes.bool\n  }),\n  type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n  extraLifeGranted: PropTypes.bool,\n  gameOver: PropTypes.bool,\n  failed: PropTypes.bool,\n  lives: PropTypes.number,\n  mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n  const {\n    animated,\n    failed,\n    title,\n    subtitle,\n    lives,\n    stars,\n    rank,\n    corrections,\n    cta,\n    extraLifeGranted,\n    gameOver = false,\n    type,\n    mode = 'default'\n  } = props;\n  const state = buildClass(failed, 'success', 'failed', null);\n\n  const nextLink = cta ? (\n    <NextQuestionPart\n      cta={cta}\n      type={type}\n      extraLifeGranted={extraLifeGranted}\n      failed={failed}\n      gameOver={gameOver}\n      lives={lives}\n      mode={mode}\n    />\n  ) : null;\n\n  return (\n    <div\n      className={classnames(\n        mode === 'scorm' && style.scorm,\n        cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n      )}\n      data-name=\"popinHeader\"\n      data-state={state}\n    >\n      <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n        <CorrectionPart\n          title={title}\n          subtitle={subtitle}\n          lives={lives}\n          animated={animated}\n          stars={stars}\n          rank={rank}\n          failed={failed}\n          gameOver={gameOver}\n          revival={extraLifeGranted}\n          corrections={corrections}\n          mode={mode}\n        />\n        {nextLink}\n      </div>\n    </div>\n  );\n};\n\nPopinHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n  cta: NextQuestionPart.propTypes.cta,\n  type: NextQuestionPart.propTypes.type,\n  extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n  failed: NextQuestionPart.propTypes.failed,\n  gameOver: NextQuestionPart.propTypes.gameOver,\n  lives: NextQuestionPart.propTypes.lives,\n  title: CorrectionPart.propTypes.title,\n  subtitle: CorrectionPart.propTypes.subtitle,\n  animated: CorrectionPart.propTypes.animated,\n  stars: CorrectionPart.propTypes.stars,\n  rank: CorrectionPart.propTypes.rank,\n  corrections: CorrectionPart.propTypes.corrections,\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"mappings":"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"}

package/lib/template/app-review/index.native.js

@@ -25,8 +25,6 @@ const styles = _reactNative.StyleSheet.create({
 
 const Switch = ({
   viewName,
-  onboarding,
-  skills,
   slides
 }) => {
   switch (viewName) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","rootView","flex","alignItems","justifyContent","Switch","viewName","onboarding","skills","slides","AppReview","props","navigateBack","useEffect","backAction","backHandler","BackHandler","addEventListener","remove"],"sources":["../../../src/template/app-review/index.native.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, View, BackHandler} from 'react-native';\nimport {AppReviewProps} from './prop-types';\nimport Player from './player';\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\nconst Switch = ({viewName, onboarding, skills, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'onboarding':\n      return <Text>@todo view onboarding</Text>;\n    case 'skills':\n      return <Text>@todo view skills</Text>;\n    case 'slides':\n      return <Player {...slides} />;\n    case 'loader':\n      return <Text>@todo loader</Text>;\n    default:\n      return <Text>unknown viewname: {viewName}</Text>;\n  }\n};\n\nconst AppReview = (props: AppReviewProps) => {\n  const {navigateBack} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      if (navigateBack) {\n        navigateBack();\n        return true;\n      }\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <Switch {...props} />\n    </View>\n  );\n};\n\nexport default AppReview;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,QAAQ,EAAE;IACRC,IAAI,EAAE,CADE;IAERC,UAAU,EAAE,QAFJ;IAGRC,cAAc,EAAE;EAHR;AADqB,CAAlB,CAAf;;AAQA,MAAMC,MAAM,GAAG,CAAC;EAACC,QAAD;EAAWC,UAAX;EAAuBC,MAAvB;EAA+BC;AAA/B,CAAD,KAA4D;EACzE,QAAQH,QAAR;IACE,KAAK,YAAL;MACE,oBAAO,6BAAC,iBAAD,gCAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,iBAAD,4BAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYG,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,iBAAD,uBAAP;;IACF;MACE,oBAAO,6BAAC,iBAAD,8BAAyBH,QAAzB,CAAP;EAVJ;AAYD,CAbD;;AAeA,MAAMI,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAM;IAACC;EAAD,IAAiBD,KAAvB;EAEA,IAAAE,gBAAA,EAAU,MAAM;IACd,MAAMC,UAAU,GAAG,MAAM;MACvB,IAAIF,YAAJ,EAAkB;QAChBA,YAAY;QACZ,OAAO,IAAP;MACD;IACF,CALD,CADc,CAQd;;;IACA,MAAMG,WAAW,GAAGC,wBAAA,CAAYC,gBAAZ,CAA6B,mBAA7B,EAAkDH,UAAlD,CAApB;;IAEA,OAAO,MAAMC,WAAW,CAACG,MAAZ,EAAb;EACD,CAZD,EAYG,CAACN,YAAD,CAZH;EAcA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEd,MAAM,CAACG;EAApB,gBACE,6BAAC,MAAD,EAAYU,KAAZ,CADF,CADF;AAKD,CAtBD;;eAwBeD,S"}
+{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","rootView","flex","alignItems","justifyContent","Switch","viewName","slides","AppReview","props","navigateBack","useEffect","backAction","backHandler","BackHandler","addEventListener","remove"],"sources":["../../../src/template/app-review/index.native.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, View, BackHandler} from 'react-native';\nimport {AppReviewProps} from './prop-types';\nimport Player from './player';\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\nconst Switch = ({viewName, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'onboarding':\n      return <Text>@todo view onboarding</Text>;\n    case 'skills':\n      return <Text>@todo view skills</Text>;\n    case 'slides':\n      return <Player {...slides} />;\n    case 'loader':\n      return <Text>@todo loader</Text>;\n    default:\n      return <Text>unknown viewname: {viewName}</Text>;\n  }\n};\n\nconst AppReview = (props: AppReviewProps) => {\n  const {navigateBack} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      if (navigateBack) {\n        navigateBack();\n        return true;\n      }\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <Switch {...props} />\n    </View>\n  );\n};\n\nexport default AppReview;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,QAAQ,EAAE;IACRC,IAAI,EAAE,CADE;IAERC,UAAU,EAAE,QAFJ;IAGRC,cAAc,EAAE;EAHR;AADqB,CAAlB,CAAf;;AAQA,MAAMC,MAAM,GAAG,CAAC;EAACC,QAAD;EAAWC;AAAX,CAAD,KAAwC;EACrD,QAAQD,QAAR;IACE,KAAK,YAAL;MACE,oBAAO,6BAAC,iBAAD,gCAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,iBAAD,4BAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,iBAAD,uBAAP;;IACF;MACE,oBAAO,6BAAC,iBAAD,8BAAyBD,QAAzB,CAAP;EAVJ;AAYD,CAbD;;AAeA,MAAME,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAM;IAACC;EAAD,IAAiBD,KAAvB;EAEA,IAAAE,gBAAA,EAAU,MAAM;IACd,MAAMC,UAAU,GAAG,MAAM;MACvB,IAAIF,YAAJ,EAAkB;QAChBA,YAAY;QACZ,OAAO,IAAP;MACD;IACF,CALD,CADc,CAQd;;;IACA,MAAMG,WAAW,GAAGC,wBAAA,CAAYC,gBAAZ,CAA6B,mBAA7B,EAAkDH,UAAlD,CAApB;;IAEA,OAAO,MAAMC,WAAW,CAACG,MAAZ,EAAb;EACD,CAZD,EAYG,CAACN,YAAD,CAZH;EAcA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEZ,MAAM,CAACG;EAApB,gBACE,6BAAC,MAAD,EAAYQ,KAAZ,CADF,CADF;AAKD,CAtBD;;eAwBeD,S"}

package/lib/template/app-review/player/index.native.js

@@ -23,7 +23,7 @@ const createStyleSheet = (theme, headerHeight) => _reactNative.StyleSheet.create
   container: {
     flex: 1,
     width: '100%',
-    // paddingTop: headerHeight, // @todo toggle when header is visible
+    paddingTop: headerHeight,
     backgroundColor: theme.colors.white,
     flexDirection: 'column',
     justifyContent: 'space-between',
@@ -34,10 +34,7 @@ const createStyleSheet = (theme, headerHeight) => _reactNative.StyleSheet.create
 const Slides = props => {
   const {
     header,
-    stack,
-    reviewBackgroundAriaLabel,
-    congrats,
-    quitPopin
+    stack
   } = props;
   const {
     theme,

package/lib/template/app-review/player/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","headerHeight","StyleSheet","create","container","flex","width","backgroundColor","colors","white","flexDirection","justifyContent","alignItems","Slides","props","header","stack","reviewBackgroundAriaLabel","congrats","quitPopin","display","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet"],"sources":["../../../../src/template/app-review/player/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport ReviewHeader from '../../../organism/review-header/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewPlayerProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, headerHeight: number): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      width: '100%',\n      // paddingTop: headerHeight, // @todo toggle when header is visible\n      backgroundColor: theme.colors.white,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    }\n  });\n\nconst Slides = (props: ReviewPlayerProps) => {\n  const {header, stack, reviewBackgroundAriaLabel, congrats, quitPopin} = props;\n\n  const {\n    theme,\n    display: {headerHeight}\n  } = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<any | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, headerHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, headerHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <ReviewHeader {...header} />\n      {stack ? <StackedSlides {...stack} /> : null}\n    </View>\n  );\n};\n\nexport default Slides;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAOA,MAAMA,gBAAgB,GAAG,CAACC,KAAD,EAAeC,YAAf,KACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE,MAFE;IAGT;IACAC,eAAe,EAAEP,KAAK,CAACQ,MAAN,CAAaC,KAJrB;IAKTC,aAAa,EAAE,QALN;IAMTC,cAAc,EAAE,eANP;IAOTC,UAAU,EAAE;EAPH;AADK,CAAlB,CADF;;AAaA,MAAMC,MAAM,GAAIC,KAAD,IAA8B;EAC3C,MAAM;IAACC,MAAD;IAASC,KAAT;IAAgBC,yBAAhB;IAA2CC,QAA3C;IAAqDC;EAArD,IAAkEL,KAAxE;EAEA,MAAM;IACJd,KADI;IAEJoB,OAAO,EAAE;MAACnB;IAAD;EAFL,IAGF,IAAAoB,mCAAA,GAHJ;EAKA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAqB,IAArB,CAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG3B,gBAAgB,CAACC,KAAD,EAAQC,YAAR,CAApC;;IACAsB,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAAC1B,KAAD,EAAQC,YAAR,CAHH;;EAKA,IAAI,CAACqB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAAClB;EAAxB,gBACE,6BAAC,eAAD,EAAkBW,MAAlB,CADF,EAEGC,KAAK,gBAAG,6BAAC,cAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAF1C,CADF;AAMD,CAzBD;;eA2BeH,M"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","headerHeight","StyleSheet","create","container","flex","width","paddingTop","backgroundColor","colors","white","flexDirection","justifyContent","alignItems","Slides","props","header","stack","display","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet"],"sources":["../../../../src/template/app-review/player/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport ReviewHeader from '../../../organism/review-header/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewPlayerProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, headerHeight: number): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      width: '100%',\n      paddingTop: headerHeight,\n      backgroundColor: theme.colors.white,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    }\n  });\n\nconst Slides = (props: ReviewPlayerProps) => {\n  const {header, stack} = props;\n\n  const {\n    theme,\n    display: {headerHeight}\n  } = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, headerHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, headerHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <ReviewHeader {...header} />\n      {stack ? <StackedSlides {...stack} /> : null}\n    </View>\n  );\n};\n\nexport default Slides;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAOA,MAAMA,gBAAgB,GAAG,CAACC,KAAD,EAAeC,YAAf,KACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE,MAFE;IAGTC,UAAU,EAAEN,YAHH;IAITO,eAAe,EAAER,KAAK,CAACS,MAAN,CAAaC,KAJrB;IAKTC,aAAa,EAAE,QALN;IAMTC,cAAc,EAAE,eANP;IAOTC,UAAU,EAAE;EAPH;AADK,CAAlB,CADF;;AAaA,MAAMC,MAAM,GAAIC,KAAD,IAA8B;EAC3C,MAAM;IAACC,MAAD;IAASC;EAAT,IAAkBF,KAAxB;EAEA,MAAM;IACJf,KADI;IAEJkB,OAAO,EAAE;MAACjB;IAAD;EAFL,IAGF,IAAAkB,mCAAA,GAHJ;EAKA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGzB,gBAAgB,CAACC,KAAD,EAAQC,YAAR,CAApC;;IACAoB,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAACxB,KAAD,EAAQC,YAAR,CAHH;;EAKA,IAAI,CAACmB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAAChB;EAAxB,gBACE,6BAAC,eAAD,EAAkBY,MAAlB,CADF,EAEGC,KAAK,gBAAG,6BAAC,cAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAF1C,CADF;AAMD,CAzBD;;eA2BeH,M"}

package/lib/template/app-review/player/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAgC,EAAC,mBAAmB,EAAC,MAAM,8CAA8C,CAAC;AAG1G,OAA8B,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAEzF,OAA+B,EAC7B,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAE5D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;IACxB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAgC,EAC9B,mBAAmB,EACpB,MAAM,8CAA8C,CAAC;AAGtD,OAA8B,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAEzF,OAA+B,EAC7B,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAE5D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;IACxB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC"}