@coorpacademy/components 11.40.14-alpha.9 → 11.40.14-react18.80

package/lib/molecule/title-radio-wrapper/types.d.ts

@@ -13,24 +13,24 @@ declare const propTypes: {
             'data-name': PropTypes.Requireable<string>;
             titleSize: PropTypes.Requireable<string>;
             subtitleSize: PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<import("react").WeakValidationMap<import("../../atom/icon").IconProps>>>;
             tag: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 size: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    [x: string]: NonNullable<string | number>;
                 }>;
                 icon: PropTypes.Requireable<PropTypes.InferProps<{
                     position: PropTypes.Requireable<string>;
-                    iconName?: import("react").Validator<string> | undefined;
-                    iconColor?: import("react").Validator<string | null | undefined> | undefined;
-                    backgroundColor?: import("react").Validator<string | null | undefined> | undefined;
-                    gradientBackground?: import("react").Validator<boolean | null | undefined> | undefined;
-                    borderRadius?: import("react").Validator<string | null | undefined> | undefined;
-                    preset?: import("react").Validator<string | null | undefined> | undefined;
-                    size?: import("react").Validator<import("../../atom/icon").IconSize | null | undefined> | undefined;
-                    customStyle?: import("react").Validator<import("react").CSSProperties | null | undefined> | undefined;
+                    iconName?: import("react").Validator<string>;
+                    iconColor?: import("react").Validator<string>;
+                    backgroundColor?: import("react").Validator<string>;
+                    gradientBackground?: import("react").Validator<boolean>;
+                    borderRadius?: import("react").Validator<string>;
+                    preset?: import("react").Validator<string>;
+                    size?: import("react").Validator<import("../../atom/icon").IconSize>;
+                    customStyle?: import("react").Validator<import("react").CSSProperties>;
                 }>>;
             }>>;
             button: PropTypes.Requireable<PropTypes.InferProps<{
@@ -53,7 +53,7 @@ declare const propTypes: {
                         size: PropTypes.Requireable<number>;
                         customStyle: PropTypes.Requireable<object>;
                     }>>;
-                }> | (PropTypes.InferProps<{
+                }> | PropTypes.InferProps<{
                     position: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
                     faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -63,7 +63,7 @@ declare const propTypes: {
                         size: PropTypes.Requireable<number>;
                         customStyle: PropTypes.Requireable<object>;
                     }>>;
-                }> | null | undefined)[] | null | undefined>>;
+                }>[]>>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 link: PropTypes.Requireable<PropTypes.InferProps<{
                     href: PropTypes.Requireable<string>;
@@ -109,7 +109,7 @@ declare const propTypes: {
         name: PropTypes.Requireable<string>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onReset: PropTypes.Requireable<(...args: any[]) => any>;
-        filesTypes: (props: any, propName: any, componentName: any) => Error | null;
+        filesTypes: (props: any, propName: any, componentName: any) => Error;
         error: PropTypes.Requireable<string>;
         buttonAriaLabel: PropTypes.Requireable<string>;
         errorButtonLabel: PropTypes.Requireable<string>;
@@ -131,7 +131,7 @@ declare const propTypes: {
         pdfButtonLabel: PropTypes.Requireable<string>;
         pdfButtonAriaLabel: PropTypes.Requireable<string>;
         multiple: PropTypes.Requireable<boolean>;
-    }> | null | undefined>>;
+    }>>>;
     childType: PropTypes.Requireable<string>;
 };
 export declare type TitleRadioWrapperProps = {

package/lib/molecule/titled-checkbox/index.d.ts

@@ -1,5 +1,5 @@
 export default TitledCheckbox;
-declare function TitledCheckbox(props: any): JSX.Element;
+declare function TitledCheckbox(props: any): React.JSX.Element;
 declare namespace TitledCheckbox {
     namespace propTypes {
         export const choice: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
@@ -11,6 +11,7 @@ declare namespace TitledCheckbox {
         export const onToggle: PropTypes.Validator<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 import { ColorPropType } from "../../util/proptypes";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/titled-checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/titled-checkbox/index.js"],"names":[],"mappings":";AAOA,yDA0BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/titled-checkbox/index.js"],"names":[],"mappings":";AAOA,+DA0BC"}

package/lib/molecule/translation-modal/index.d.ts

@@ -1,5 +1,5 @@
 export default TranslationModal;
-declare function TranslationModal(props: any, context: any): JSX.Element | null;
+declare function TranslationModal(props: any, context: any): React.JSX.Element;
 declare namespace TranslationModal {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -89,5 +89,6 @@ declare namespace TranslationModal {
         const readOnly: PropTypes.Requireable<boolean>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/translation-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFA4EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,+EA4EC"}

package/lib/molecule/unsubscribe/index.d.ts

@@ -1,5 +1,5 @@
 export default Unsubscribe;
-declare function Unsubscribe(props: any, context: any): JSX.Element;
+declare function Unsubscribe(props: any, context: any): React.JSX.Element;
 declare namespace Unsubscribe {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -10,5 +10,6 @@ declare namespace Unsubscribe {
         const onUnsubscribeButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/unsubscribe/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/unsubscribe/index.js"],"names":[],"mappings":";AAMA,oEAgCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/unsubscribe/index.js"],"names":[],"mappings":";AAMA,0EAgCC"}

package/lib/molecule/vertical-tabs/index.d.ts

@@ -1,17 +1,18 @@
 export default VerticalTabs;
-declare function VerticalTabs(props: any): JSX.Element;
+declare function VerticalTabs(props: any): React.JSX.Element;
 declare namespace VerticalTabs {
     const propTypes: {
-        tabs: PropTypes.Requireable<(PropTypes.InferProps<{
+        tabs: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             selected: PropTypes.Requireable<boolean>;
             leftIcon: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             iconAriaLabel: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         className: PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/vertical-tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/vertical-tabs/index.js"],"names":[],"mappings":";AA2CA,uDASC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/vertical-tabs/index.js"],"names":[],"mappings":";AA2CA,6DASC"}

package/lib/molecule/video-iframe/index.d.ts

@@ -15,7 +15,7 @@ declare class VideoIframe extends React.Component<any, any, any> {
     constructor(props: any);
     constructor(props: any, context: any);
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/lib/molecule/video-iframe/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-iframe/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;MAgBE;IAEF;;MAEE;IA2BkgjB,wBAA8C;IAAA,sCAAyJ;IAzB3sjB,0BAMC;IAED,sBAaC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-iframe/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;MAgBE;IAEF;;MAEE;IA2B2v/B,wBAAgC;IAAA,sCAAmL;IAzBh9/B,0BAMC;IAED,4BAaC;CACF"}

package/lib/molecule/video-player/index.d.ts

@@ -17,12 +17,12 @@ declare class VideoPlayer extends React.Component<any, any, any> {
             file: import("prop-types").Requireable<any>;
             customProps: import("prop-types").Requireable<import("prop-types").InferProps<{
                 aspectratio: import("prop-types").Requireable<string>;
-                tracks: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                tracks: import("prop-types").Requireable<import("prop-types").InferProps<{
                     file: import("prop-types").Requireable<any>;
                     label: import("prop-types").Requireable<string>;
                     kind: import("prop-types").Requireable<string>;
                     default: import("prop-types").Requireable<boolean>;
-                }> | null | undefined)[]>;
+                }>[]>;
                 autostart: import("prop-types").Requireable<string>;
                 width: import("prop-types").Requireable<string>;
                 skin: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -38,15 +38,15 @@ declare class VideoPlayer extends React.Component<any, any, any> {
     static getDerivedStateFromProps(props: any, state: any): {
         id: any;
         played: boolean;
-    } | null;
+    };
     constructor(props: any);
     state: {
         played: boolean;
         id: any;
     };
     handleOnPlay: (e: any) => void;
-    renderPlayer: () => JSX.Element | undefined;
-    render(): JSX.Element;
+    renderPlayer: () => React.JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/video-player/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/index.js"],"names":[],"mappings":";AAQA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAA6B;IAE7B;;;aAOC;IAED,wBAMC;IAJC;;;MAGC;IAGH,+BASE;IAEF,4CAqDE;IAEF,sBAOC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/index.js"],"names":[],"mappings":";AAQA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAA6B;IAE7B;;;MAOC;IAED,wBAMC;IAJC;;;MAGC;IAGH,+BASE;IAEF,sCAqDE;IAEF,4BAOC;CACF"}

package/lib/molecule/video-player/jwplayer-prop-types.d.ts

@@ -6,12 +6,12 @@ declare namespace _default {
         file: PropTypes.Requireable<any>;
         customProps: PropTypes.Requireable<PropTypes.InferProps<{
             aspectratio: PropTypes.Requireable<string>;
-            tracks: PropTypes.Requireable<(PropTypes.InferProps<{
+            tracks: PropTypes.Requireable<PropTypes.InferProps<{
                 file: PropTypes.Requireable<any>;
                 label: PropTypes.Requireable<string>;
                 kind: PropTypes.Requireable<string>;
                 default: PropTypes.Requireable<boolean>;
-            }> | null | undefined)[]>;
+            }>[]>;
             autostart: PropTypes.Requireable<string>;
             width: PropTypes.Requireable<string>;
             skin: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/molecule/video-player/jwplayer.d.ts

@@ -9,12 +9,12 @@ declare class JWPlayer extends React.Component<any, any, any> {
             file: import("prop-types").Requireable<any>;
             customProps: import("prop-types").Requireable<import("prop-types").InferProps<{
                 aspectratio: import("prop-types").Requireable<string>;
-                tracks: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                tracks: import("prop-types").Requireable<import("prop-types").InferProps<{
                     file: import("prop-types").Requireable<any>;
                     label: import("prop-types").Requireable<string>;
                     kind: import("prop-types").Requireable<string>;
                     default: import("prop-types").Requireable<boolean>;
-                }> | null | undefined)[]>;
+                }>[]>;
                 autostart: import("prop-types").Requireable<string>;
                 width: import("prop-types").Requireable<string>;
                 skin: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -51,7 +51,7 @@ declare class JWPlayer extends React.Component<any, any, any> {
     handleAutostartNotAllowed(error: any): void;
     handleWarning(error: any): void;
     componentDidUpdate(prevProps: any): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 //# sourceMappingURL=jwplayer.d.ts.map

package/lib/molecule/video-player/jwplayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jwplayer.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/jwplayer.js"],"names":[],"mappings":";AAoBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAqC;IAqBrC,iDAEC;IArBD,sCAiBC;IAdC;;MAEC;IAgCH,yBAGC;IAED,2BAGC;IAED,0BAGC;IAED,0BAGC;IA6BD,8BAyBC;IA7CD,mCAGC;IAVD,qCAKC;IAOD,0CAGC;IAED,4CAGC;IAED,gCAGC;IA3DD,yCAYC;IA4ED,sBAoCC;CACF"}
+{"version":3,"file":"jwplayer.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/jwplayer.js"],"names":[],"mappings":";AAoBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAqC;IAqBrC,iDAEC;IArBD,sCAiBC;IAdC;;MAEC;IAgCH,yBAGC;IAED,2BAGC;IAED,0BAGC;IAED,0BAGC;IA6BD,8BAyBC;IA7CD,mCAGC;IAVD,qCAKC;IAOD,0CAGC;IAED,4CAGC;IAED,gCAGC;IA3DD,yCAYC;IA4ED,4BAoCC;CACF"}

package/lib/molecule/video-player/prop-types.d.ts

@@ -7,12 +7,12 @@ export namespace JWPlayerPropTypes {
         file: PropTypes.Requireable<any>;
         customProps: PropTypes.Requireable<PropTypes.InferProps<{
             aspectratio: PropTypes.Requireable<string>;
-            tracks: PropTypes.Requireable<(PropTypes.InferProps<{
+            tracks: PropTypes.Requireable<PropTypes.InferProps<{
                 file: PropTypes.Requireable<any>;
                 label: PropTypes.Requireable<string>;
                 kind: PropTypes.Requireable<string>;
                 default: PropTypes.Requireable<boolean>;
-            }> | null | undefined)[]>;
+            }>[]>;
             autostart: PropTypes.Requireable<string>;
             width: PropTypes.Requireable<string>;
             skin: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/molecule/video-player/vimeo.d.ts

@@ -4,7 +4,7 @@ declare class Vimeo extends React.Component<any, any, any> {
         /**
          * A Vimeo ID or URL.
          */
-        id: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        id: PropTypes.Requireable<NonNullable<string | number>>;
         /**
          * CSS className for the player element.
          */
@@ -12,11 +12,11 @@ declare class Vimeo extends React.Component<any, any, any> {
         /**
          * Width of the player element.
          */
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        width: PropTypes.Requireable<NonNullable<string | number>>;
         /**
          * Height of the player element.
          */
-        height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        height: PropTypes.Requireable<NonNullable<string | number>>;
         /**
          * Pause the video.
          */
@@ -144,10 +144,10 @@ declare class Vimeo extends React.Component<any, any, any> {
         title: any;
     };
     updateProps(propNames: any): void;
-    createPlayer(): null | undefined;
+    createPlayer(): any;
     player: any;
     container: any;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/lib/molecule/video-player/vimeo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vimeo.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/vimeo.js"],"names":[],"mappings":";AA0BA;IACE;QACE;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAGH;;WAEG;;QAIH;;WAEG;;QAGH;;;WAGG;;QAGH;;WAEG;;QAGH;;;WAGG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAKH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;QAEH;;WAEG;;QAEH;;;;WAIG;;QAEH;;WAEG;;MAEH;IAEF;;MAEE;IAEF;;;;;;;MAOE;IAEF,sCAMC;IA8FD,mCAEC;IAnGC;;MAEC;IAGH,0BAEC;IAED,yCAOC;IAED;;;;;;;;;;;MAyBC;IAED,kCAqBC;IAED,iCA2BC;IArBC,YAIE;IAoBF,eAA0B;IAG5B,sBAQC;CACF"}
+{"version":3,"file":"vimeo.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/vimeo.js"],"names":[],"mappings":";AA0BA;IACE;QACE;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAGH;;WAEG;;QAIH;;WAEG;;QAGH;;;WAGG;;QAGH;;WAEG;;QAGH;;;WAGG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAKH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;QAEH;;WAEG;;QAEH;;;;WAIG;;QAEH;;WAEG;;MAEH;IAEF;;MAEE;IAEF;;;;;;;MAOE;IAEF,sCAMC;IA8FD,mCAEC;IAnGC;;MAEC;IAGH,0BAEC;IAED,yCAOC;IAED;;;;;;;;;;;MAyBC;IAED,kCAqBC;IAED,oBA2BC;IArBC,YAIE;IAoBF,eAA0B;IAG5B,4BAQC;CACF"}

package/lib/molecule/video-player-mobile/index.native.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { Media } from '../questions/types';
 export declare type Props = {
     media: Media;
     autoplay: boolean;
 };
-declare const Video: ({ media, autoplay }: Props) => JSX.Element | null;
+declare const Video: ({ media, autoplay }: Props) => React.JSX.Element;
 export default Video;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/molecule/video-player-mobile/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player-mobile/index.native.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAEzC,oBAAY,KAAK,GAAG;IAAC,KAAK,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAC,CAAC;AA+CtD,QAAA,MAAM,KAAK,wBAAuB,KAAK,uBAEtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player-mobile/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAEzC,oBAAY,KAAK,GAAG;IAAC,KAAK,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAC,CAAC;AA4CtD,QAAA,MAAM,KAAK,wBAAuB,KAAK,sBAEtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/molecule/video-player-mobile/index.native.js

@@ -4,8 +4,8 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeJwMediaPlayer = _interopRequireDefault(require("react-native-jw-media-player"));
-var _reactNativeYoutube = _interopRequireDefault(require("react-native-youtube"));
+var _jwplayerReactNative = _interopRequireDefault(require("@jwplayer/jwplayer-react-native"));
+var _reactNativeYoutubeIframe = _interopRequireDefault(require("react-native-youtube-iframe"));
 var _reactNativeVimeoIframe = require("react-native-vimeo-iframe");
 var _templateContext = require("../../template/app-review/template-context");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -34,7 +34,7 @@ const VideoSwitch = ({
           ...media.jwpOptions.config,
           autostart: autoplay
         };
-        return /*#__PURE__*/_react.default.createElement(_reactNativeJwMediaPlayer.default, {
+        return /*#__PURE__*/_react.default.createElement(_jwplayerReactNative.default, {
           style: styleSheet.container,
           config: config
         });
@@ -46,12 +46,13 @@ const VideoSwitch = ({
         videoId: media.videoId
       })) : null;
     case 'application/youtube':
-      return /*#__PURE__*/_react.default.createElement(_reactNativeYoutube.default, {
-        apiKey: brandTheme.youtube?.apiKey || '',
-        style: styleSheet.container,
-        videoId: media.videoId,
-        play: autoplay
-      });
+      return media.videoId ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styleSheet.container
+      }, /*#__PURE__*/_react.default.createElement(_reactNativeYoutubeIframe.default, {
+        height: 300,
+        play: autoplay,
+        videoId: media.videoId
+      })) : null;
     default:
       return /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, `video mimeType ${media.mimeType} is not handled`);
   }

package/lib/molecule/video-player-mobile/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeJwMediaPlayer","_reactNativeYoutube","_reactNativeVimeoIframe","_templateContext","e","__esModule","default","styleSheet","StyleSheet","create","container","flex","width","VideoSwitch","media","autoplay","brandTheme","useTemplateContext","mimeType","jwpOptions","config","autostart","createElement","style","videoId","View","Vimeo","apiKey","youtube","play","Text","Video","_default","exports"],"sources":["../../../src/molecule/video-player-mobile/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, Text, View} from 'react-native';\nimport JWPlayer from 'react-native-jw-media-player';\nimport Youtube from 'react-native-youtube';\nimport {Vimeo} from 'react-native-vimeo-iframe';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nimport {Media} from '../questions/types';\n\nexport type Props = {media: Media; autoplay: boolean};\n\nconst styleSheet = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%'\n  }\n});\n\nconst VideoSwitch = ({media, autoplay}: Props) => {\n  const {brandTheme} = useTemplateContext();\n\n  switch (media.mimeType) {\n    case 'application/kontiki':\n    case 'application/jwplayer':\n    case 'video/mp4': {\n      if (!media.jwpOptions?.config) {\n        return null;\n      }\n\n      const config = {\n        ...media.jwpOptions.config,\n        autostart: autoplay\n      };\n\n      return <JWPlayer style={styleSheet.container} config={config} />;\n    }\n    case 'application/vimeo':\n      return media.videoId ? (\n        <View style={styleSheet.container}>\n          <Vimeo videoId={media.videoId} />\n        </View>\n      ) : null;\n    case 'application/youtube':\n      return (\n        <Youtube\n          apiKey={brandTheme.youtube?.apiKey || ''}\n          style={styleSheet.container}\n          videoId={media.videoId}\n          play={autoplay}\n        />\n      );\n    default:\n      return <Text>{`video mimeType ${media.mimeType} is not handled`}</Text>;\n  }\n};\n\nconst Video = ({media, autoplay}: Props) => {\n  return media ? <VideoSwitch media={media} autoplay={autoplay} /> : null;\n};\n\nexport default Video;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,mBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAA8E,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM9E,MAAMG,UAAU,GAAGC,uBAAU,CAACC,MAAM,CAAC;EACnCC,SAAS,EAAE;IACTC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMC,WAAW,GAAGA,CAAC;EAACC,KAAK;EAAEC;AAAe,CAAC,KAAK;EAChD,MAAM;IAACC;EAAU,CAAC,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAEzC,QAAQH,KAAK,CAACI,QAAQ;IACpB,KAAK,qBAAqB;IAC1B,KAAK,sBAAsB;IAC3B,KAAK,WAAW;MAAE;QAChB,IAAI,CAACJ,KAAK,CAACK,UAAU,EAAEC,MAAM,EAAE;UAC7B,OAAO,IAAI;QACb;QAEA,MAAMA,MAAM,GAAG;UACb,GAAGN,KAAK,CAACK,UAAU,CAACC,MAAM;UAC1BC,SAAS,EAAEN;QACb,CAAC;QAED,oBAAOnB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACtB,yBAAA,CAAAM,OAAQ;UAACiB,KAAK,EAAEhB,UAAU,CAACG,SAAU;UAACU,MAAM,EAAEA;QAAO,CAAE,CAAC;MAClE;IACA,KAAK,mBAAmB;MACtB,OAAON,KAAK,CAACU,OAAO,gBAClB5B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAA0B,IAAI;QAACF,KAAK,EAAEhB,UAAU,CAACG;MAAU,gBAChCd,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACpB,uBAAA,CAAAwB,KAAK;QAACF,OAAO,EAAEV,KAAK,CAACU;MAAQ,CAAE,CAC5B,CAAC,GACL,IAAI;IACV,KAAK,qBAAqB;MACxB,oBACE5B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACrB,mBAAA,CAAAK,OAAO;QACNqB,MAAM,EAAEX,UAAU,CAACY,OAAO,EAAED,MAAM,IAAI,EAAG;QACzCJ,KAAK,EAAEhB,UAAU,CAACG,SAAU;QAC5Bc,OAAO,EAAEV,KAAK,CAACU,OAAQ;QACvBK,IAAI,EAAEd;MAAS,CAChB,CAAC;IAEN;MACE,oBAAOnB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAA+B,IAAI,QAAE,kBAAkBhB,KAAK,CAACI,QAAQ,iBAAwB,CAAC;EAC3E;AACF,CAAC;AAED,MAAMa,KAAK,GAAGA,CAAC;EAACjB,KAAK;EAAEC;AAAe,CAAC,KAAK;EAC1C,OAAOD,KAAK,gBAAGlB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACT,WAAW;IAACC,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA;EAAS,CAAE,CAAC,GAAG,IAAI;AACzE,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEayB,KAAK","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_reactNative","_jwplayerReactNative","_reactNativeYoutubeIframe","_reactNativeVimeoIframe","_templateContext","e","__esModule","default","styleSheet","StyleSheet","create","container","flex","width","VideoSwitch","media","autoplay","brandTheme","useTemplateContext","mimeType","jwpOptions","config","autostart","createElement","style","videoId","View","Vimeo","height","play","Text","Video","_default","exports"],"sources":["../../../src/molecule/video-player-mobile/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, Text, View} from 'react-native';\nimport JWPlayer from '@jwplayer/jwplayer-react-native';\nimport YoutubePlayer from 'react-native-youtube-iframe';\nimport {Vimeo} from 'react-native-vimeo-iframe';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nimport {Media} from '../questions/types';\n\nexport type Props = {media: Media; autoplay: boolean};\n\nconst styleSheet = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%'\n  }\n});\n\nconst VideoSwitch = ({media, autoplay}: Props) => {\n  const {brandTheme} = useTemplateContext();\n\n  switch (media.mimeType) {\n    case 'application/kontiki':\n    case 'application/jwplayer':\n    case 'video/mp4': {\n      if (!media.jwpOptions?.config) {\n        return null;\n      }\n\n      const config = {\n        ...media.jwpOptions.config,\n        autostart: autoplay\n      };\n\n      return <JWPlayer style={styleSheet.container} config={config} />;\n    }\n    case 'application/vimeo':\n      return media.videoId ? (\n        <View style={styleSheet.container}>\n          <Vimeo videoId={media.videoId} />\n        </View>\n      ) : null;\n    case 'application/youtube':\n      return media.videoId ? (\n        <View style={styleSheet.container}>\n          <YoutubePlayer height={300} play={autoplay} videoId={media.videoId} />\n        </View>\n      ) : null;\n    default:\n      return <Text>{`video mimeType ${media.mimeType} is not handled`}</Text>;\n  }\n};\n\nconst Video = ({media, autoplay}: Props) => {\n  return media ? <VideoSwitch media={media} autoplay={autoplay} /> : null;\n};\n\nexport default Video;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,yBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAA8E,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM9E,MAAMG,UAAU,GAAGC,uBAAU,CAACC,MAAM,CAAC;EACnCC,SAAS,EAAE;IACTC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMC,WAAW,GAAGA,CAAC;EAACC,KAAK;EAAEC;AAAe,CAAC,KAAK;EAChD,MAAM;IAACC;EAAU,CAAC,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAEzC,QAAQH,KAAK,CAACI,QAAQ;IACpB,KAAK,qBAAqB;IAC1B,KAAK,sBAAsB;IAC3B,KAAK,WAAW;MAAE;QAChB,IAAI,CAACJ,KAAK,CAACK,UAAU,EAAEC,MAAM,EAAE;UAC7B,OAAO,IAAI;QACb;QAEA,MAAMA,MAAM,GAAG;UACb,GAAGN,KAAK,CAACK,UAAU,CAACC,MAAM;UAC1BC,SAAS,EAAEN;QACb,CAAC;QAED,oBAAOnB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACtB,oBAAA,CAAAM,OAAQ;UAACiB,KAAK,EAAEhB,UAAU,CAACG,SAAU;UAACU,MAAM,EAAEA;QAAO,CAAE,CAAC;MAClE;IACA,KAAK,mBAAmB;MACtB,OAAON,KAAK,CAACU,OAAO,gBAClB5B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAA0B,IAAI;QAACF,KAAK,EAAEhB,UAAU,CAACG;MAAU,gBAChCd,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACpB,uBAAA,CAAAwB,KAAK;QAACF,OAAO,EAAEV,KAAK,CAACU;MAAQ,CAAE,CAC5B,CAAC,GACL,IAAI;IACV,KAAK,qBAAqB;MACxB,OAAOV,KAAK,CAACU,OAAO,gBAClB5B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAA0B,IAAI;QAACF,KAAK,EAAEhB,UAAU,CAACG;MAAU,gBAChCd,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACrB,yBAAA,CAAAK,OAAa;QAACqB,MAAM,EAAE,GAAI;QAACC,IAAI,EAAEb,QAAS;QAACS,OAAO,EAAEV,KAAK,CAACU;MAAQ,CAAE,CACjE,CAAC,GACL,IAAI;IACV;MACE,oBAAO5B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAA8B,IAAI,QAAE,kBAAkBf,KAAK,CAACI,QAAQ,iBAAwB,CAAC;EAC3E;AACF,CAAC;AAED,MAAMY,KAAK,GAAGA,CAAC;EAAChB,KAAK;EAAEC;AAAe,CAAC,KAAK;EAC1C,OAAOD,KAAK,gBAAGlB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACT,WAAW;IAACC,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA;EAAS,CAAE,CAAC,GAAG,IAAI;AACzE,CAAC;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GAEawB,KAAK","ignoreList":[]}

package/lib/molecule/wizard-summary/index.d.ts

@@ -1,12 +1,12 @@
 export default WizardSummary;
-declare function WizardSummary(props: any): JSX.Element;
+declare function WizardSummary(props: any): React.JSX.Element;
 declare namespace WizardSummary {
     namespace propTypes {
         export const title: PropTypes.Requireable<string>;
         export const side: PropTypes.Requireable<string>;
-        export const sections: PropTypes.Requireable<(PropTypes.InferProps<{
+        export const sections: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
-            items: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
+            items: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 value: PropTypes.Requireable<string>;
@@ -16,26 +16,27 @@ declare namespace WizardSummary {
                 unsaved: PropTypes.Requireable<boolean>;
             }> | PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
-                badgeList: PropTypes.Requireable<(PropTypes.InferProps<{
+                badgeList: PropTypes.Requireable<PropTypes.InferProps<{
                     category: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
-                }> | null | undefined)[]>;
+                }>[]>;
                 badgeAriaLabel: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 author: PropTypes.Requireable<string>;
                 unsaved: PropTypes.Requireable<boolean>;
-            }> | null | undefined> | null | undefined)[]>;
+            }>>[]>;
             counterText: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         import action = action;
         export { action };
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 declare function BuildAction({ action, side }: {
     action: any;
     side: any;
-}): JSX.Element | null;
+}): React.JSX.Element;
 declare namespace BuildAction {
     export namespace propTypes_1 {
         const action_1: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/molecule/wizard-summary/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/wizard-summary/index.js"],"names":[],"mappings":";AA2HA,wDA0DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhGD;;;uBAwBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/wizard-summary/index.js"],"names":[],"mappings":";AA2HA,8DA0DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhGD;;;sBAwBC"}

package/lib/organism/accordion/container/index.d.ts

@@ -1,23 +1,24 @@
 export default Accordion;
-declare function Accordion(props: any): JSX.Element;
+declare function Accordion(props: any): React.JSX.Element;
 declare namespace Accordion {
     namespace defaultProps {
-        const children: never[];
+        const children: any[];
     }
     namespace propTypes {
         const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
         export { children_1 as children };
-        export const tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
+        export const tabProps: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             iconType: PropTypes.Requireable<string>;
             isOpen: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
+        }>[]>;
         import onClick = onClick;
         export { onClick };
         import theme = theme;
         export { theme };
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 declare function Tab({ children, index, title, isOpen, iconType, onClick, theme }: {
     children: any;
@@ -27,7 +28,7 @@ declare function Tab({ children, index, title, isOpen, iconType, onClick, theme
     iconType: any;
     onClick: any;
     theme: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace Tab {
     export namespace propTypes_1 {
         const children_2: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/organism/accordion/container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/organism/accordion/container/index.js"],"names":[],"mappings":";AAwCA,oDAYC;;;;;;;;;;;;;;;;;;;;AAzCD;;;;;;;;gBAiBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/organism/accordion/container/index.js"],"names":[],"mappings":";AAwCA,0DAYC;;;;;;;;;;;;;;;;;;;;;AAzCD;;;;;;;;sBAiBC"}

package/lib/organism/accordion/coorp-manager/index.d.ts

@@ -1,13 +1,13 @@
 export default Accordion;
-declare function Accordion(props: any): JSX.Element;
+declare function Accordion(props: any): React.JSX.Element;
 declare namespace Accordion {
     namespace defaultProps {
-        const children: never[];
+        const children: any[];
     }
     namespace propTypes {
         const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
         export { children_1 as children };
-        export const tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
+        export const tabProps: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             iconType: PropTypes.Requireable<string>;
             selected: PropTypes.Requireable<boolean>;
@@ -15,12 +15,13 @@ declare namespace Accordion {
             href: PropTypes.Requireable<string>;
             index: PropTypes.Requireable<number>;
             children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        }> | null | undefined)[]>;
+        }>[]>;
         import onClick = onClick;
         export { onClick };
         export const theme: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 declare function Tab({ children, index, title, selected, iconType, onClick, href, type, theme, isOpen, onUpdateOpenedTab }: {
     children: any;
@@ -34,7 +35,7 @@ declare function Tab({ children, index, title, selected, iconType, onClick, href
     theme: any;
     isOpen: any;
     onUpdateOpenedTab: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace Tab {
     export namespace propTypes_1 {
         const children_2: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/organism/accordion/coorp-manager/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/organism/accordion/coorp-manager/index.js"],"names":[],"mappings":";AA2DA,oDAoCC;;;;;;;;;;;;;;;;;;;;;;;AApFD;;;;;;;;;;;;gBAgCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/organism/accordion/coorp-manager/index.js"],"names":[],"mappings":";AA2DA,0DAoCC;;;;;;;;;;;;;;;;;;;;;;;;AApFD;;;;;;;;;;;;sBAgCC"}

package/lib/organism/accordion/coorp-manager/part/index.d.ts

@@ -1,5 +1,5 @@
 export default AccordionPart;
-declare function AccordionPart(props: any, context: any): JSX.Element;
+declare function AccordionPart(props: any, context: any): React.JSX.Element;
 declare namespace AccordionPart {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -37,5 +37,6 @@ declare namespace AccordionPart {
         const onUpdateOpenedTab: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/organism/accordion/coorp-manager/part/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";AAyHA,sEAkEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";AAyHA,4EAkEC"}

package/lib/organism/accordion/part/index.d.ts

@@ -1,5 +1,5 @@
 export default AccordionPart;
-declare function AccordionPart(props: any, context: any): JSX.Element;
+declare function AccordionPart(props: any, context: any): React.JSX.Element;
 declare namespace AccordionPart {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -33,5 +33,6 @@ declare namespace AccordionPart {
         const theme: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/organism/accordion/part/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/organism/accordion/part/index.js"],"names":[],"mappings":";AAwBA,sEA0BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/organism/accordion/part/index.js"],"names":[],"mappings":";AAwBA,4EA0BC"}