@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/es/hoc/touchable/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["TouchableOpacity","TouchableHighlight","React","useMemo","useTemplateContext","ANALYTICS_EVENT_TYPE","hitSlop","left","right","bottom","top","logEvent","eventName","analyticsID","analytics","analyticsParams","id","Touchable","props","templateContext","theme","vibration","accessibilityLabel","onPress","onLongPress","isWithoutFeedback","isHighlight","activeOpacity","disabled","handlePress","event","vibrate","PRESS","handleLongPress","LONG_PRESS","createElement","_extends","underlayColor","colors","gray","light"],"sources":["../../../src/hoc/touchable/index.native.tsx"],"sourcesContent":["import {\n  TouchableOpacity,\n  TouchableHighlight,\n  ViewStyle,\n  LayoutChangeEvent,\n  NativeSyntheticEvent,\n  GestureResponderEvent,\n  TargetedEvent,\n  StyleProp\n} from 'react-native';\n\nimport React, {useMemo} from 'react';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics, AnalyticsEventParams} from '../../variables/analytics';\nimport {Vibration} from '../../variables/vibration';\n\nconst hitSlop = {\n  left: 12,\n  right: 12,\n  bottom: 12,\n  top: 12\n};\n\nexport type Props = {\n  accessibilityLabel?: string;\n  accessible?: boolean;\n  children?: React.ReactNode;\n  delayLongPress?: number;\n  delayPressIn?: number;\n  delayPressOut?: number;\n  disabled?: boolean;\n  focusable?: boolean;\n  onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onLayout?: (event: LayoutChangeEvent) => void;\n  onLongPress?: (event: GestureResponderEvent) => void;\n  onPress?: (event: GestureResponderEvent) => void;\n  onPressIn?: (event: GestureResponderEvent) => void;\n  onPressOut?: (event: GestureResponderEvent) => void;\n  testID?: string;\n  isHighlight?: boolean;\n  isWithoutFeedback?: boolean;\n  // for TouchableOpacity\n  activeOpacity?: number;\n  style?: StyleProp<ViewStyle>;\n  // Analytics\n  analytics?: Analytics;\n  analyticsID?: string;\n  analyticsParams?: AnalyticsEventParams;\n  vibration?: Vibration;\n};\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  analyticsParams?: AnalyticsEventParams\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      ...(analyticsParams || {}),\n      id: analyticsID\n    });\n};\n\nconst Touchable = (props: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme, vibration, analytics} = templateContext;\n\n  const {\n    analyticsID,\n    analyticsParams,\n    accessibilityLabel,\n    onPress,\n    onLongPress,\n    isWithoutFeedback,\n    isHighlight,\n    activeOpacity,\n    disabled\n  } = props;\n\n  const handlePress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.PRESS, analyticsID, analytics, analyticsParams);\n      onPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onPress, vibration]\n  );\n\n  const handleLongPress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onLongPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);\n      onLongPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onLongPress, vibration]\n  );\n\n  if (isHighlight) {\n    return (\n      <TouchableHighlight\n        {...props}\n        accessibilityLabel={accessibilityLabel}\n        hitSlop={hitSlop}\n        underlayColor={theme.colors.gray.light}\n        onPress={handlePress}\n        onLongPress={handleLongPress}\n        activeOpacity={activeOpacity || (disabled ? 1 : 0.85)}\n      />\n    );\n  }\n\n  return (\n    <TouchableOpacity\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      hitSlop={hitSlop}\n      onPress={handlePress}\n      onLongPress={handleLongPress}\n      activeOpacity={(isWithoutFeedback && 1) || activeOpacity || (disabled ? 1 : 0.2)}\n    />\n  );\n};\n\nexport default Touchable;\n"],"mappings":";AAAA,SACEA,gBAAgB,EAChBC,kBAAkB,QAOb,cAAc;AAErB,OAAOC,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,SAAQC,kBAAkB,QAAO,4CAA4C;AAC7E,SAAQC,oBAAoB,QAAwC,2BAA2B;AAG/F,MAAMC,OAAO,GAAG;EACdC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,GAAG,EAAE;AACP,CAAC;AA+BD,MAAMC,QAAQ,GAAGA,CACfC,SAAiB,EACjBC,WAAmB,EACnBC,SAAoB,EACpBC,eAAsC,KACnC;EACHD,SAAS,IACPA,SAAS,CAACH,QAAQ,CAACC,SAAS,EAAE;IAC5B,IAAIG,eAAe,IAAI,CAAC,CAAC,CAAC;IAC1BC,EAAE,EAAEH;EACN,CAAC,CAAC;AACN,CAAC;AAED,MAAMI,SAAS,GAAIC,KAAY,IAAK;EAClC,MAAMC,eAAe,GAAGf,kBAAkB,CAAC,CAAC;EAE5C,MAAM;IAACgB,KAAK;IAAEC,SAAS;IAAEP;EAAS,CAAC,GAAGK,eAAe;EAErD,MAAM;IACJN,WAAW;IACXE,eAAe;IACfO,kBAAkB;IAClBC,OAAO;IACPC,WAAW;IACXC,iBAAiB;IACjBC,WAAW;IACXC,aAAa;IACbC;EACF,CAAC,GAAGV,KAAK;EAET,MAAMW,WAAW,GAAG1B,OAAO,CACzB,MAAO2B,KAA4B,IAAK;IACtC,IAAI,CAACP,OAAO,EAAE;IAEdF,SAAS,EAAEU,OAAO,CAAC,CAAC;IAEpBjB,SAAS,IACPD,WAAW,IACXF,QAAQ,CAACN,oBAAoB,CAAC2B,KAAK,EAAEnB,WAAW,EAAEC,SAAS,EAAEC,eAAe,CAAC;IAC/EQ,OAAO,CAACO,KAAK,CAAC;EAChB,CAAC,EACD,CAAChB,SAAS,EAAED,WAAW,EAAEE,eAAe,EAAEQ,OAAO,EAAEF,SAAS,CAC9D,CAAC;EAED,MAAMY,eAAe,GAAG9B,OAAO,CAC7B,MAAO2B,KAA4B,IAAK;IACtC,IAAI,CAACN,WAAW,EAAE;IAElBH,SAAS,EAAEU,OAAO,CAAC,CAAC;IAEpBjB,SAAS,IACPD,WAAW,IACXF,QAAQ,CAACN,oBAAoB,CAAC6B,UAAU,EAAErB,WAAW,EAAEC,SAAS,EAAEC,eAAe,CAAC;IACpFS,WAAW,CAACM,KAAK,CAAC;EACpB,CAAC,EACD,CAAChB,SAAS,EAAED,WAAW,EAAEE,eAAe,EAAES,WAAW,EAAEH,SAAS,CAClE,CAAC;EAED,IAAIK,WAAW,EAAE;IACf,oBACExB,KAAA,CAAAiC,aAAA,CAAClC,kBAAkB,EAAAmC,QAAA,KACblB,KAAK;MACTI,kBAAkB,EAAEA,kBAAmB;MACvChB,OAAO,EAAEA,OAAQ;MACjB+B,aAAa,EAAEjB,KAAK,CAACkB,MAAM,CAACC,IAAI,CAACC,KAAM;MACvCjB,OAAO,EAAEM,WAAY;MACrBL,WAAW,EAAES,eAAgB;MAC7BN,aAAa,EAAEA,aAAa,KAAKC,QAAQ,GAAG,CAAC,GAAG,IAAI;IAAE,EACvD,CAAC;EAEN;EAEA,oBACE1B,KAAA,CAAAiC,aAAA,CAACnC,gBAAgB,EAAAoC,QAAA,KACXlB,KAAK;IACTI,kBAAkB,EAAEA,kBAAmB;IACvChB,OAAO,EAAEA,OAAQ;IACjBiB,OAAO,EAAEM,WAAY;IACrBL,WAAW,EAAES,eAAgB;IAC7BN,aAAa,EAAGF,iBAAiB,IAAI,CAAC,IAAKE,aAAa,KAAKC,QAAQ,GAAG,CAAC,GAAG,GAAG;EAAE,EAClF,CAAC;AAEN,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["TouchableOpacity","TouchableHighlight","React","useMemo","useTemplateContext","ANALYTICS_EVENT_TYPE","hitSlop","left","right","bottom","top","logEvent","eventName","analyticsID","analytics","analyticsParams","id","Touchable","props","templateContext","theme","vibration","accessibilityLabel","onPress","onLongPress","isWithoutFeedback","isHighlight","activeOpacity","disabled","handlePress","event","vibrate","PRESS","handleLongPress","LONG_PRESS","colors","gray","light"],"sources":["../../../src/hoc/touchable/index.native.tsx"],"sourcesContent":["import {\n  TouchableOpacity,\n  TouchableHighlight,\n  ViewStyle,\n  LayoutChangeEvent,\n  NativeSyntheticEvent,\n  GestureResponderEvent,\n  TargetedEvent,\n  StyleProp\n} from 'react-native';\n\nimport React, {useMemo} from 'react';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics, AnalyticsEventParams} from '../../variables/analytics';\nimport {Vibration} from '../../variables/vibration';\n\nconst hitSlop = {\n  left: 12,\n  right: 12,\n  bottom: 12,\n  top: 12\n};\n\nexport type Props = {\n  accessibilityLabel?: string;\n  accessible?: boolean;\n  children?: React.ReactNode;\n  delayLongPress?: number;\n  delayPressIn?: number;\n  delayPressOut?: number;\n  disabled?: boolean;\n  focusable?: boolean;\n  onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onLayout?: (event: LayoutChangeEvent) => void;\n  onLongPress?: (event: GestureResponderEvent) => void;\n  onPress?: (event: GestureResponderEvent) => void;\n  onPressIn?: (event: GestureResponderEvent) => void;\n  onPressOut?: (event: GestureResponderEvent) => void;\n  testID?: string;\n  isHighlight?: boolean;\n  isWithoutFeedback?: boolean;\n  // for TouchableOpacity\n  activeOpacity?: number;\n  style?: StyleProp<ViewStyle>;\n  // Analytics\n  analytics?: Analytics;\n  analyticsID?: string;\n  analyticsParams?: AnalyticsEventParams;\n  vibration?: Vibration;\n};\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  analyticsParams?: AnalyticsEventParams\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      ...(analyticsParams || {}),\n      id: analyticsID\n    });\n};\n\nconst Touchable = (props: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme, vibration, analytics} = templateContext;\n\n  const {\n    analyticsID,\n    analyticsParams,\n    accessibilityLabel,\n    onPress,\n    onLongPress,\n    isWithoutFeedback,\n    isHighlight,\n    activeOpacity,\n    disabled\n  } = props;\n\n  const handlePress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.PRESS, analyticsID, analytics, analyticsParams);\n      onPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onPress, vibration]\n  );\n\n  const handleLongPress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onLongPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);\n      onLongPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onLongPress, vibration]\n  );\n\n  if (isHighlight) {\n    return (\n      <TouchableHighlight\n        {...props}\n        accessibilityLabel={accessibilityLabel}\n        hitSlop={hitSlop}\n        underlayColor={theme.colors.gray.light}\n        onPress={handlePress}\n        onLongPress={handleLongPress}\n        activeOpacity={activeOpacity || (disabled ? 1 : 0.85)}\n      />\n    );\n  }\n\n  return (\n    <TouchableOpacity\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      hitSlop={hitSlop}\n      onPress={handlePress}\n      onLongPress={handleLongPress}\n      activeOpacity={(isWithoutFeedback && 1) || activeOpacity || (disabled ? 1 : 0.2)}\n    />\n  );\n};\n\nexport default Touchable;\n"],"mappings":";;AAAA,SACEA,gBADF,EAEEC,kBAFF,QASO,cATP;AAWA,OAAOC,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;AACA,SAAQC,oBAAR,QAAoE,2BAApE;AAGA,MAAMC,OAAO,GAAG;EACdC,IAAI,EAAE,EADQ;EAEdC,KAAK,EAAE,EAFO;EAGdC,MAAM,EAAE,EAHM;EAIdC,GAAG,EAAE;AAJS,CAAhB;;AAoCA,MAAMC,QAAQ,GAAG,CACfC,SADe,EAEfC,WAFe,EAGfC,SAHe,EAIfC,eAJe,KAKZ;EACHD,SAAS,IACPA,SAAS,CAACH,QAAV,CAAmBC,SAAnB,EAA8B,EAC5B,IAAIG,eAAe,IAAI,EAAvB,CAD4B;IAE5BC,EAAE,EAAEH;EAFwB,CAA9B,CADF;AAKD,CAXD;;AAaA,MAAMI,SAAS,GAAIC,KAAD,IAAkB;EAClC,MAAMC,eAAe,GAAGf,kBAAkB,EAA1C;EAEA,MAAM;IAACgB,KAAD;IAAQC,SAAR;IAAmBP;EAAnB,IAAgCK,eAAtC;EAEA,MAAM;IACJN,WADI;IAEJE,eAFI;IAGJO,kBAHI;IAIJC,OAJI;IAKJC,WALI;IAMJC,iBANI;IAOJC,WAPI;IAQJC,aARI;IASJC;EATI,IAUFV,KAVJ;EAYA,MAAMW,WAAW,GAAG1B,OAAO,CACzB,MAAO2B,KAAD,IAAkC;IACtC,IAAI,CAACP,OAAL,EAAc;IAEdF,SAAS,EAAEU,OAAX;IAEAjB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACN,oBAAoB,CAAC2B,KAAtB,EAA6BnB,WAA7B,EAA0CC,SAA1C,EAAqDC,eAArD,CAFV;IAGAQ,OAAO,CAACO,KAAD,CAAP;EACD,CAVwB,EAWzB,CAAChB,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CQ,OAA1C,EAAmDF,SAAnD,CAXyB,CAA3B;EAcA,MAAMY,eAAe,GAAG9B,OAAO,CAC7B,MAAO2B,KAAD,IAAkC;IACtC,IAAI,CAACN,WAAL,EAAkB;IAElBH,SAAS,EAAEU,OAAX;IAEAjB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACN,oBAAoB,CAAC6B,UAAtB,EAAkCrB,WAAlC,EAA+CC,SAA/C,EAA0DC,eAA1D,CAFV;IAGAS,WAAW,CAACM,KAAD,CAAX;EACD,CAV4B,EAW7B,CAAChB,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CS,WAA1C,EAAuDH,SAAvD,CAX6B,CAA/B;;EAcA,IAAIK,WAAJ,EAAiB;IACf,oBACE,oBAAC,kBAAD,eACMR,KADN;MAEE,kBAAkB,EAAEI,kBAFtB;MAGE,OAAO,EAAEhB,OAHX;MAIE,aAAa,EAAEc,KAAK,CAACe,MAAN,CAAaC,IAAb,CAAkBC,KAJnC;MAKE,OAAO,EAAER,WALX;MAME,WAAW,EAAEI,eANf;MAOE,aAAa,EAAEN,aAAa,KAAKC,QAAQ,GAAG,CAAH,GAAO,IAApB;IAP9B,GADF;EAWD;;EAED,oBACE,oBAAC,gBAAD,eACMV,KADN;IAEE,kBAAkB,EAAEI,kBAFtB;IAGE,OAAO,EAAEhB,OAHX;IAIE,OAAO,EAAEuB,WAJX;IAKE,WAAW,EAAEI,eALf;IAME,aAAa,EAAGR,iBAAiB,IAAI,CAAtB,IAA4BE,aAA5B,KAA8CC,QAAQ,GAAG,CAAH,GAAO,GAA7D;EANjB,GADF;AAUD,CArED;;AAuEA,eAAeX,SAAf"}

package/es/hoc/transition/child-prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"child-prop-types.js","names":["PropTypes","propTypes","name","string","isRequired","onAnimationEnd","func","animated","bool","className"],"sources":["../../../src/hoc/transition/child-prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  name: PropTypes.string.isRequired,\n  onAnimationEnd: PropTypes.func,\n  animated: PropTypes.bool,\n  className: PropTypes.string\n};\n\nexport type ChildProps = {\n  child: React.ReactElement;\n  onAnimationEnd: (name: string) => void;\n  className: string;\n  name: string;\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;EACjCC,cAAc,EAAEL,SAAS,CAACM,IAAI;EAC9BC,QAAQ,EAAEP,SAAS,CAACQ,IAAI;EACxBC,SAAS,EAAET,SAAS,CAACG;AACvB,CAAC;AASD,eAAeF,SAAS","ignoreList":[]}
+{"version":3,"file":"child-prop-types.js","names":["PropTypes","propTypes","name","string","isRequired","onAnimationEnd","func","animated","bool","className"],"sources":["../../../src/hoc/transition/child-prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  name: PropTypes.string.isRequired,\n  onAnimationEnd: PropTypes.func,\n  animated: PropTypes.bool,\n  className: PropTypes.string\n};\n\nexport type ChildProps = {\n  child: React.ReactElement;\n  onAnimationEnd: (name: string) => void;\n  className: string;\n  name: string;\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAEF,SAAS,CAACG,MAAV,CAAiBC,UADP;EAEhBC,cAAc,EAAEL,SAAS,CAACM,IAFV;EAGhBC,QAAQ,EAAEP,SAAS,CAACQ,IAHJ;EAIhBC,SAAS,EAAET,SAAS,CAACG;AAJL,CAAlB;AAcA,eAAeF,SAAf"}

package/es/hoc/transition/index.js

@@ -3,6 +3,7 @@ import React, { useMemo, useCallback } from 'react';
 import classnames from 'classnames';
 import childPropTypes from './child-prop-types';
 import transitionPropTypes from './transition-prop-types';
+
 const Child = ({
   child,
   onAnimationEnd,
@@ -23,7 +24,9 @@ const Child = ({
     onAnimationEnd: handleAnimationEnd
   });
 };
+
 Child.propTypes = process.env.NODE_ENV !== "production" ? childPropTypes : {};
+
 const Transition = props => {
   const {
     name,
@@ -40,6 +43,7 @@ const Transition = props => {
   })), [children, className, name, onAnimationEnd]);
   return animated ? animatedChildren : children;
 };
+
 Transition.propTypes = process.env.NODE_ENV !== "production" ? transitionPropTypes : {};
 export default Transition;
 //# sourceMappingURL=index.js.map

package/es/hoc/transition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useCallback","classnames","childPropTypes","transitionPropTypes","Child","child","onAnimationEnd","className","name","props","propClassName","handleAnimationEnd","cloneElement","onTransitionEnd","propTypes","process","env","NODE_ENV","Transition","children","animated","_noop","animatedChildren","Children","map","createElement"],"sources":["../../../src/hoc/transition/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport childPropTypes, {ChildProps} from './child-prop-types';\nimport transitionPropTypes, {TransitionProps} from './transition-prop-types';\n\nconst Child = ({child, onAnimationEnd, className, name}: ChildProps) => {\n  const {\n    props: {className: propClassName}\n  } = child;\n\n  const handleAnimationEnd = useCallback(() => {\n    return onAnimationEnd(name);\n  }, [onAnimationEnd, name]);\n\n  return React.cloneElement(child, {\n    className: classnames(propClassName, className),\n    onTransitionEnd: handleAnimationEnd,\n    onAnimationEnd: handleAnimationEnd\n  });\n};\n\nChild.propTypes = childPropTypes;\n\nconst Transition = (props: TransitionProps) => {\n  const {name, children, className, animated, onAnimationEnd = noop} = props;\n\n  const animatedChildren = useMemo(\n    () =>\n      React.Children.map(children, child => (\n        <Child child={child} onAnimationEnd={onAnimationEnd} className={className} name={name} />\n      )),\n    [children, className, name, onAnimationEnd]\n  );\n\n  return animated ? animatedChildren : children;\n};\n\nTransition.propTypes = transitionPropTypes;\n\nexport default Transition;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,WAAW,QAAO,OAAO;AAEjD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,cAAc,MAAoB,oBAAoB;AAC7D,OAAOC,mBAAmB,MAAyB,yBAAyB;AAE5E,MAAMC,KAAK,GAAGA,CAAC;EAACC,KAAK;EAAEC,cAAc;EAAEC,SAAS;EAAEC;AAAgB,CAAC,KAAK;EACtE,MAAM;IACJC,KAAK,EAAE;MAACF,SAAS,EAAEG;IAAa;EAClC,CAAC,GAAGL,KAAK;EAET,MAAMM,kBAAkB,GAAGX,WAAW,CAAC,MAAM;IAC3C,OAAOM,cAAc,CAACE,IAAI,CAAC;EAC7B,CAAC,EAAE,CAACF,cAAc,EAAEE,IAAI,CAAC,CAAC;EAE1B,oBAAOV,KAAK,CAACc,YAAY,CAACP,KAAK,EAAE;IAC/BE,SAAS,EAAEN,UAAU,CAACS,aAAa,EAAEH,SAAS,CAAC;IAC/CM,eAAe,EAAEF,kBAAkB;IACnCL,cAAc,EAAEK;EAClB,CAAC,CAAC;AACJ,CAAC;AAEDP,KAAK,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGf,cAAc;AAEhC,MAAMgB,UAAU,GAAIT,KAAsB,IAAK;EAC7C,MAAM;IAACD,IAAI;IAAEW,QAAQ;IAAEZ,SAAS;IAAEa,QAAQ;IAAEd,cAAc,GAAAe;EAAO,CAAC,GAAGZ,KAAK;EAE1E,MAAMa,gBAAgB,GAAGvB,OAAO,CAC9B,MACED,KAAK,CAACyB,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAEd,KAAK,iBAChCP,KAAA,CAAA2B,aAAA,CAACrB,KAAK;IAACC,KAAK,EAAEA,KAAM;IAACC,cAAc,EAAEA,cAAe;IAACC,SAAS,EAAEA,SAAU;IAACC,IAAI,EAAEA;EAAK,CAAE,CACzF,CAAC,EACJ,CAACW,QAAQ,EAAEZ,SAAS,EAAEC,IAAI,EAAEF,cAAc,CAC5C,CAAC;EAED,OAAOc,QAAQ,GAAGE,gBAAgB,GAAGH,QAAQ;AAC/C,CAAC;AAEDD,UAAU,CAACJ,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGd,mBAAmB;AAE1C,eAAee,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useCallback","classnames","childPropTypes","transitionPropTypes","Child","child","onAnimationEnd","className","name","props","propClassName","handleAnimationEnd","cloneElement","onTransitionEnd","propTypes","Transition","children","animated","animatedChildren","Children","map"],"sources":["../../../src/hoc/transition/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport childPropTypes, {ChildProps} from './child-prop-types';\nimport transitionPropTypes, {TransitionProps} from './transition-prop-types';\n\nconst Child = ({child, onAnimationEnd, className, name}: ChildProps) => {\n  const {\n    props: {className: propClassName}\n  } = child;\n\n  const handleAnimationEnd = useCallback(() => {\n    return onAnimationEnd(name);\n  }, [onAnimationEnd, name]);\n\n  return React.cloneElement(child, {\n    className: classnames(propClassName, className),\n    onTransitionEnd: handleAnimationEnd,\n    onAnimationEnd: handleAnimationEnd\n  });\n};\n\nChild.propTypes = childPropTypes;\n\nconst Transition = (props: TransitionProps) => {\n  const {name, children, className, animated, onAnimationEnd = noop} = props;\n\n  const animatedChildren = useMemo(\n    () =>\n      React.Children.map(children, child => (\n        <Child child={child} onAnimationEnd={onAnimationEnd} className={className} name={name} />\n      )),\n    [children, className, name, onAnimationEnd]\n  );\n\n  return animated ? animatedChildren : children;\n};\n\nTransition.propTypes = transitionPropTypes;\n\nexport default Transition;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAeC,OAAf,EAAwBC,WAAxB,QAA0C,OAA1C;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,cAAP,MAAyC,oBAAzC;AACA,OAAOC,mBAAP,MAAmD,yBAAnD;;AAEA,MAAMC,KAAK,GAAG,CAAC;EAACC,KAAD;EAAQC,cAAR;EAAwBC,SAAxB;EAAmCC;AAAnC,CAAD,KAA0D;EACtE,MAAM;IACJC,KAAK,EAAE;MAACF,SAAS,EAAEG;IAAZ;EADH,IAEFL,KAFJ;EAIA,MAAMM,kBAAkB,GAAGX,WAAW,CAAC,MAAM;IAC3C,OAAOM,cAAc,CAACE,IAAD,CAArB;EACD,CAFqC,EAEnC,CAACF,cAAD,EAAiBE,IAAjB,CAFmC,CAAtC;EAIA,oBAAOV,KAAK,CAACc,YAAN,CAAmBP,KAAnB,EAA0B;IAC/BE,SAAS,EAAEN,UAAU,CAACS,aAAD,EAAgBH,SAAhB,CADU;IAE/BM,eAAe,EAAEF,kBAFc;IAG/BL,cAAc,EAAEK;EAHe,CAA1B,CAAP;AAKD,CAdD;;AAgBAP,KAAK,CAACU,SAAN,2CAAkBZ,cAAlB;;AAEA,MAAMa,UAAU,GAAIN,KAAD,IAA4B;EAC7C,MAAM;IAACD,IAAD;IAAOQ,QAAP;IAAiBT,SAAjB;IAA4BU,QAA5B;IAAsCX,cAAc;EAApD,IAA+DG,KAArE;EAEA,MAAMS,gBAAgB,GAAGnB,OAAO,CAC9B,MACED,KAAK,CAACqB,QAAN,CAAeC,GAAf,CAAmBJ,QAAnB,EAA6BX,KAAK,iBAChC,oBAAC,KAAD;IAAO,KAAK,EAAEA,KAAd;IAAqB,cAAc,EAAEC,cAArC;IAAqD,SAAS,EAAEC,SAAhE;IAA2E,IAAI,EAAEC;EAAjF,EADF,CAF4B,EAK9B,CAACQ,QAAD,EAAWT,SAAX,EAAsBC,IAAtB,EAA4BF,cAA5B,CAL8B,CAAhC;EAQA,OAAOW,QAAQ,GAAGC,gBAAH,GAAsBF,QAArC;AACD,CAZD;;AAcAD,UAAU,CAACD,SAAX,2CAAuBX,mBAAvB;AAEA,eAAeY,UAAf"}

package/es/hoc/transition/transition-prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"transition-prop-types.js","names":["PropTypes","propTypes","isAlreadyEngaged","bool","isRandom","userAvatarSrc","string","onClick","func","displayName","tooltipText"],"sources":["../../../src/hoc/transition/transition-prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  isAlreadyEngaged: PropTypes.bool,\n  isRandom: PropTypes.bool,\n  userAvatarSrc: PropTypes.string,\n  onClick: PropTypes.func,\n  displayName: PropTypes.string,\n  tooltipText: PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nexport type TransitionProps = {\n  name: string;\n  children: React.ReactElement;\n  className: string;\n  animated: boolean;\n  onAnimationEnd: () => void;\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,gBAAgB,EAAEF,SAAS,CAACG,IAAI;EAChCC,QAAQ,EAAEJ,SAAS,CAACG,IAAI;EACxBE,aAAa,EAAEL,SAAS,CAACM,MAAM;EAC/BC,OAAO,EAAEP,SAAS,CAACQ,IAAI;EACvBC,WAAW,EAAET,SAAS,CAACM,MAAM;EAC7BI,WAAW,EAAEV,SAAS,CAACM,MAAM;EAC7B,YAAY,EAAEN,SAAS,CAACM;AAC1B,CAAC;AAUD,eAAeL,SAAS","ignoreList":[]}
+{"version":3,"file":"transition-prop-types.js","names":["PropTypes","propTypes","isAlreadyEngaged","bool","isRandom","userAvatarSrc","string","onClick","func","displayName","tooltipText"],"sources":["../../../src/hoc/transition/transition-prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  isAlreadyEngaged: PropTypes.bool,\n  isRandom: PropTypes.bool,\n  userAvatarSrc: PropTypes.string,\n  onClick: PropTypes.func,\n  displayName: PropTypes.string,\n  tooltipText: PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nexport type TransitionProps = {\n  name: string;\n  children: React.ReactElement;\n  className: string;\n  animated: boolean;\n  onAnimationEnd: () => void;\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,gBAAgB,EAAEF,SAAS,CAACG,IADZ;EAEhBC,QAAQ,EAAEJ,SAAS,CAACG,IAFJ;EAGhBE,aAAa,EAAEL,SAAS,CAACM,MAHT;EAIhBC,OAAO,EAAEP,SAAS,CAACQ,IAJH;EAKhBC,WAAW,EAAET,SAAS,CAACM,MALP;EAMhBI,WAAW,EAAEV,SAAS,CAACM,MANP;EAOhB,cAAcN,SAAS,CAACM;AAPR,CAAlB;AAkBA,eAAeL,SAAf"}

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Provider","PopinEnd","PopinCorrection","Player","Loading","PopinNoAccess"],"sources":["../src/index.js"],"sourcesContent":["import Provider from './atom/provider';\nimport PopinEnd from './template/app-player/popin-end';\nimport PopinCorrection from './template/app-player/popin-correction';\nimport Player from './template/app-player/player';\nimport Loading from './template/app-player/loading';\nimport PopinNoAccess from './template/app-player/popin-no-access';\n\nexport {Provider, PopinEnd, PopinCorrection, Loading, Player, PopinNoAccess};\n"],"mappings":"AAAA,OAAOA,QAAQ,MAAM,iBAAiB;AACtC,OAAOC,QAAQ,MAAM,iCAAiC;AACtD,OAAOC,eAAe,MAAM,wCAAwC;AACpE,OAAOC,MAAM,MAAM,8BAA8B;AACjD,OAAOC,OAAO,MAAM,+BAA+B;AACnD,OAAOC,aAAa,MAAM,uCAAuC;AAEjE,SAAQL,QAAQ,EAAEC,QAAQ,EAAEC,eAAe,EAAEE,OAAO,EAAED,MAAM,EAAEE,aAAa","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Provider","PopinEnd","PopinCorrection","Player","Loading","PopinNoAccess"],"sources":["../src/index.js"],"sourcesContent":["import Provider from './atom/provider';\nimport PopinEnd from './template/app-player/popin-end';\nimport PopinCorrection from './template/app-player/popin-correction';\nimport Player from './template/app-player/player';\nimport Loading from './template/app-player/loading';\nimport PopinNoAccess from './template/app-player/popin-no-access';\n\nexport {Provider, PopinEnd, PopinCorrection, Loading, Player, PopinNoAccess};\n"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,iBAArB;AACA,OAAOC,QAAP,MAAqB,iCAArB;AACA,OAAOC,eAAP,MAA4B,wCAA5B;AACA,OAAOC,MAAP,MAAmB,8BAAnB;AACA,OAAOC,OAAP,MAAoB,+BAApB;AACA,OAAOC,aAAP,MAA0B,uCAA1B;AAEA,SAAQL,QAAR,EAAkBC,QAAlB,EAA4BC,eAA5B,EAA6CE,OAA7C,EAAsDD,MAAtD,EAA8DE,aAA9D"}

package/es/molecule/add-to-my-list/index.js

@@ -16,9 +16,11 @@ export const AddToMyListStatusProvider = ({
   useEffect(() => {
     let timeoutId;
     const DURATION = 3000;
+
     if (status !== ADD_TO_MY_LIST_STATUS.IDLE) {
       timeoutId = setTimeout(() => setStatus(ADD_TO_MY_LIST_STATUS.IDLE), DURATION);
     }
+
     return () => clearTimeout(timeoutId);
   }, [status]);
   const statusValue = useMemo(() => [status, setStatus], [status, setStatus]);
@@ -45,6 +47,7 @@ export const AddToMyListFeedback = ({
     role: "status"
   }, favorite ? addToMyListText : removeFromMyListText));
 };
+
 const AddToMyList = ({
   style,
   addToMyListButton,
@@ -52,10 +55,13 @@ const AddToMyList = ({
   onFavoriteClick
 }) => {
   const [, setStatus] = useContext(StatusContext);
+
   const cb = () => setStatus(ADD_TO_MY_LIST_STATUS.SUCCESS);
+
   function onClick() {
     onFavoriteClick(cb);
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: (styles.container, style)
   }, /*#__PURE__*/React.createElement(Link, {
@@ -75,6 +81,7 @@ const AddToMyList = ({
     height: 12
   }), /*#__PURE__*/React.createElement("p", null, addToMyListButton))));
 };
+
 AddToMyListStatusProvider.propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node
 } : {};

package/es/molecule/add-to-my-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useContext","useEffect","useMemo","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionNavigationMore","MoreIcon","Link","styles","ADD_TO_MY_LIST_STATUS","IDLE","SUCCESS","StatusContext","createContext","AddToMyListStatusProvider","children","status","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","statusValue","createElement","Provider","value","AddToMyListFeedback","addToMyListText","removeFromMyListText","favorite","className","feedback","checkIcon","width","height","role","AddToMyList","style","addToMyListButton","onFavoriteClick","cb","onClick","container","cta","wrapper","shareIcon","propTypes","process","env","NODE_ENV","node","string","bool","func"],"sources":["../../../src/molecule/add-to-my-list/index.js"],"sourcesContent":["import React, {useState, useContext, useEffect, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionNavigationMore as MoreIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst ADD_TO_MY_LIST_STATUS = {\n  IDLE: 'IDLE',\n  SUCCESS: 'SUCCESS'\n};\n\nconst StatusContext = React.createContext(ADD_TO_MY_LIST_STATUS.IDLE);\n\nexport const AddToMyListStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(ADD_TO_MY_LIST_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== ADD_TO_MY_LIST_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(ADD_TO_MY_LIST_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n  const statusValue = useMemo(() => [status, setStatus], [status, setStatus]);\n  return <StatusContext.Provider value={statusValue}>{children}</StatusContext.Provider>;\n};\n\nexport const AddToMyListFeedback = ({addToMyListText, removeFromMyListText, favorite}) => {\n  const [status] = useContext(StatusContext);\n  if (status === ADD_TO_MY_LIST_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback)}\n      data-testid=\"add-to-my-list-feedback\"\n      data-name={'add-to-my-list-feedback'}\n    >\n      <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      <p role=\"status\">{favorite ? addToMyListText : removeFromMyListText}</p>\n    </div>\n  );\n};\n\nconst AddToMyList = ({style, addToMyListButton, favorite, onFavoriteClick}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const cb = () => setStatus(ADD_TO_MY_LIST_STATUS.SUCCESS);\n\n  function onClick() {\n    onFavoriteClick(cb);\n  }\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link\n        data-testid=\"add-to-my-list-button\"\n        data-name={'add-to-my-list-button'}\n        onClick={onClick}\n        className={styles.cta}\n      >\n        <div className={styles.wrapper}>\n          {favorite ? (\n            <CheckIcon className={styles.shareIcon} width={15} height={15} />\n          ) : (\n            <MoreIcon className={styles.shareIcon} width={12} height={12} />\n          )}\n          <p>{addToMyListButton}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nAddToMyListStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nAddToMyListFeedback.propTypes = {\n  addToMyListText: PropTypes.string,\n  removeFromMyListText: PropTypes.string,\n  favorite: PropTypes.bool\n};\n\nAddToMyList.propTypes = {\n  style: PropTypes.string,\n  addToMyListButton: PropTypes.string,\n  favorite: PropTypes.bool,\n  onFavoriteClick: PropTypes.func\n};\n\nexport default AddToMyList;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useState","useContext","useEffect","useMemo","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionNavigationMore","MoreIcon","Link","styles","ADD_TO_MY_LIST_STATUS","IDLE","SUCCESS","StatusContext","createContext","AddToMyListStatusProvider","children","status","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","statusValue","AddToMyListFeedback","addToMyListText","removeFromMyListText","favorite","feedback","checkIcon","AddToMyList","style","addToMyListButton","onFavoriteClick","cb","onClick","container","cta","wrapper","shareIcon","propTypes","node","string","bool","func"],"sources":["../../../src/molecule/add-to-my-list/index.js"],"sourcesContent":["import React, {useState, useContext, useEffect, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionNavigationMore as MoreIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst ADD_TO_MY_LIST_STATUS = {\n  IDLE: 'IDLE',\n  SUCCESS: 'SUCCESS'\n};\n\nconst StatusContext = React.createContext(ADD_TO_MY_LIST_STATUS.IDLE);\n\nexport const AddToMyListStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(ADD_TO_MY_LIST_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== ADD_TO_MY_LIST_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(ADD_TO_MY_LIST_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n  const statusValue = useMemo(() => [status, setStatus], [status, setStatus]);\n  return <StatusContext.Provider value={statusValue}>{children}</StatusContext.Provider>;\n};\n\nexport const AddToMyListFeedback = ({addToMyListText, removeFromMyListText, favorite}) => {\n  const [status] = useContext(StatusContext);\n  if (status === ADD_TO_MY_LIST_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback)}\n      data-testid=\"add-to-my-list-feedback\"\n      data-name={'add-to-my-list-feedback'}\n    >\n      <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      <p role=\"status\">{favorite ? addToMyListText : removeFromMyListText}</p>\n    </div>\n  );\n};\n\nconst AddToMyList = ({style, addToMyListButton, favorite, onFavoriteClick}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const cb = () => setStatus(ADD_TO_MY_LIST_STATUS.SUCCESS);\n\n  function onClick() {\n    onFavoriteClick(cb);\n  }\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link\n        data-testid=\"add-to-my-list-button\"\n        data-name={'add-to-my-list-button'}\n        onClick={onClick}\n        className={styles.cta}\n      >\n        <div className={styles.wrapper}>\n          {favorite ? (\n            <CheckIcon className={styles.shareIcon} width={15} height={15} />\n          ) : (\n            <MoreIcon className={styles.shareIcon} width={12} height={12} />\n          )}\n          <p>{addToMyListButton}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nAddToMyListStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nAddToMyListFeedback.propTypes = {\n  addToMyListText: PropTypes.string,\n  removeFromMyListText: PropTypes.string,\n  favorite: PropTypes.bool\n};\n\nAddToMyList.propTypes = {\n  style: PropTypes.string,\n  addToMyListButton: PropTypes.string,\n  favorite: PropTypes.bool,\n  onFavoriteClick: PropTypes.func\n};\n\nexport default AddToMyList;\n"],"mappings":"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"}

package/es/molecule/answer/index.js

@@ -1,5 +1,7 @@
 import _omit from "lodash/fp/omit";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import VideoPlayer from '../video-player';
 import DropDown from '../questions/drop-down';
@@ -13,6 +15,7 @@ import Audio from '../audio';
 import Provider from '../../atom/provider';
 import style from './style.css';
 import propTypes, { MediaViewPropTypes, TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO } from './prop-types';
+
 const MediaView = ({
   media
 }) => {
@@ -21,6 +24,7 @@ const MediaView = ({
     type,
     ...childProps
   } = media;
+
   switch (type) {
     case TYPE_IMAGE:
       return /*#__PURE__*/React.createElement("div", {
@@ -29,6 +33,7 @@ const MediaView = ({
           backgroundImage: `url(${media.url})`
         }
       });
+
     case TYPE_VIDEO:
       return /*#__PURE__*/React.createElement("div", {
         className: style.video
@@ -37,6 +42,7 @@ const MediaView = ({
         height: "100%",
         width: "100%"
       })));
+
     case TYPE_AUDIO:
       return /*#__PURE__*/React.createElement("div", {
         className: style.audio
@@ -44,11 +50,14 @@ const MediaView = ({
         height: "100%",
         width: "100%"
       })));
+
     default:
       return null;
   }
 };
+
 MediaView.propTypes = process.env.NODE_ENV !== "production" ? MediaViewPropTypes : {};
+
 const Switch = ({
   model,
   help,
@@ -57,36 +66,44 @@ const Switch = ({
   const {
     type
   } = model;
+
   switch (type) {
     case 'qcmDrag':
       return /*#__PURE__*/React.createElement(QcmDrag, _extends({}, model, {
         help: help,
         groupAriaLabel: question
       }));
+
     case 'qcm':
       return /*#__PURE__*/React.createElement(Qcm, _extends({}, model, {
         groupAriaLabel: question
       }));
+
     case 'qcmGraphic':
       return /*#__PURE__*/React.createElement(QcmGraphic, _extends({}, model, {
         groupAriaLabel: question
       }));
+
     case 'freeText':
       return /*#__PURE__*/React.createElement(FreeText, model);
+
     case 'dropDown':
       return /*#__PURE__*/React.createElement(DropDown, _extends({}, model, {
         groupAriaLabel: question
       }));
+
     case 'slider':
       return /*#__PURE__*/React.createElement(QuestionRange, _extends({}, model, {
         groupAriaLabel: question
       }));
+
     case 'template':
       return /*#__PURE__*/React.createElement(Template, _extends({}, model, {
         groupAriaLabel: question
       }));
   }
 };
+
 Switch.propTypes = process.env.NODE_ENV !== "production" ? {
   model: propTypes.model,
   help: propTypes.help,
@@ -95,6 +112,7 @@ Switch.propTypes = process.env.NODE_ENV !== "production" ? {
 Switch.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
+
 const Answer = props => {
   const {
     model,
@@ -115,6 +133,7 @@ const Answer = props => {
     help: help
   })));
 };
+
 Answer.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 Answer.contextTypes = {
   translate: Provider.childContextTypes.translate

package/es/molecule/answer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","VideoPlayer","DropDown","FreeText","QcmDrag","Qcm","QcmGraphic","QuestionRange","Template","Audio","Provider","style","propTypes","MediaViewPropTypes","TYPE_AUDIO","TYPE_IMAGE","TYPE_VIDEO","MediaView","media","videoId","type","childProps","createElement","className","backgroundImage","url","video","_extends","_omit","id","height","width","audio","process","env","NODE_ENV","Switch","model","help","question","groupAriaLabel","contextTypes","translate","childContextTypes","Answer","props","wrapper","formWrapper"],"sources":["../../../src/molecule/answer/index.js"],"sourcesContent":["import React from 'react';\nimport {omit} from 'lodash/fp';\nimport VideoPlayer from '../video-player';\nimport DropDown from '../questions/drop-down';\nimport FreeText from '../questions/free-text';\nimport QcmDrag from '../questions/qcm-drag';\nimport Qcm from '../questions/qcm';\nimport QcmGraphic from '../questions/qcm-graphic';\nimport QuestionRange from '../questions/question-range';\nimport Template from '../questions/template';\nimport Audio from '../audio';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport propTypes, {MediaViewPropTypes, TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from './prop-types';\n\nconst MediaView = ({media}) => {\n  const {videoId, type, ...childProps} = media;\n  switch (type) {\n    case TYPE_IMAGE:\n      return (\n        <div\n          className={style.media}\n          style={{\n            backgroundImage: `url(${media.url})`\n          }}\n        />\n      );\n    case TYPE_VIDEO:\n      return (\n        <div className={style.video}>\n          <VideoPlayer {...omit('id', childProps)} id={videoId} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    case TYPE_AUDIO:\n      return (\n        <div className={style.audio}>\n          <Audio {...omit('id', childProps)} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    default:\n      return null;\n  }\n};\n\nMediaView.propTypes = MediaViewPropTypes;\n\nconst Switch = ({model, help, question}) => {\n  const {type} = model;\n  switch (type) {\n    case 'qcmDrag':\n      return <QcmDrag {...model} help={help} groupAriaLabel={question} />;\n    case 'qcm':\n      return <Qcm {...model} groupAriaLabel={question} />;\n    case 'qcmGraphic':\n      return <QcmGraphic {...model} groupAriaLabel={question} />;\n    case 'freeText':\n      return <FreeText {...model} />;\n    case 'dropDown':\n      return <DropDown {...model} groupAriaLabel={question} />;\n    case 'slider':\n      return <QuestionRange {...model} groupAriaLabel={question} />;\n    case 'template':\n      return <Template {...model} groupAriaLabel={question} />;\n  }\n};\n\nSwitch.propTypes = {\n  model: propTypes.model,\n  help: propTypes.help,\n  question: propTypes.question\n};\n\nSwitch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst Answer = props => {\n  const {model, media, help, question} = props;\n\n  return (\n    <div data-name=\"answer\" className={style.wrapper}>\n      {media ? <MediaView media={media} /> : null}\n      <form className={style.formWrapper}>\n        <Switch model={model} question={question} help={help} />\n      </form>\n    </div>\n  );\n};\n\nAnswer.propTypes = propTypes;\n\nAnswer.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Answer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","VideoPlayer","DropDown","FreeText","QcmDrag","Qcm","QcmGraphic","QuestionRange","Template","Audio","Provider","style","propTypes","MediaViewPropTypes","TYPE_AUDIO","TYPE_IMAGE","TYPE_VIDEO","MediaView","media","videoId","type","childProps","backgroundImage","url","video","audio","Switch","model","help","question","contextTypes","translate","childContextTypes","Answer","props","wrapper","formWrapper"],"sources":["../../../src/molecule/answer/index.js"],"sourcesContent":["import React from 'react';\nimport {omit} from 'lodash/fp';\nimport VideoPlayer from '../video-player';\nimport DropDown from '../questions/drop-down';\nimport FreeText from '../questions/free-text';\nimport QcmDrag from '../questions/qcm-drag';\nimport Qcm from '../questions/qcm';\nimport QcmGraphic from '../questions/qcm-graphic';\nimport QuestionRange from '../questions/question-range';\nimport Template from '../questions/template';\nimport Audio from '../audio';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport propTypes, {MediaViewPropTypes, TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from './prop-types';\n\nconst MediaView = ({media}) => {\n  const {videoId, type, ...childProps} = media;\n  switch (type) {\n    case TYPE_IMAGE:\n      return (\n        <div\n          className={style.media}\n          style={{\n            backgroundImage: `url(${media.url})`\n          }}\n        />\n      );\n    case TYPE_VIDEO:\n      return (\n        <div className={style.video}>\n          <VideoPlayer {...omit('id', childProps)} id={videoId} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    case TYPE_AUDIO:\n      return (\n        <div className={style.audio}>\n          <Audio {...omit('id', childProps)} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    default:\n      return null;\n  }\n};\n\nMediaView.propTypes = MediaViewPropTypes;\n\nconst Switch = ({model, help, question}) => {\n  const {type} = model;\n  switch (type) {\n    case 'qcmDrag':\n      return <QcmDrag {...model} help={help} groupAriaLabel={question} />;\n    case 'qcm':\n      return <Qcm {...model} groupAriaLabel={question} />;\n    case 'qcmGraphic':\n      return <QcmGraphic {...model} groupAriaLabel={question} />;\n    case 'freeText':\n      return <FreeText {...model} />;\n    case 'dropDown':\n      return <DropDown {...model} groupAriaLabel={question} />;\n    case 'slider':\n      return <QuestionRange {...model} groupAriaLabel={question} />;\n    case 'template':\n      return <Template {...model} groupAriaLabel={question} />;\n  }\n};\n\nSwitch.propTypes = {\n  model: propTypes.model,\n  help: propTypes.help,\n  question: propTypes.question\n};\n\nSwitch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst Answer = props => {\n  const {model, media, help, question} = props;\n\n  return (\n    <div data-name=\"answer\" className={style.wrapper}>\n      {media ? <MediaView media={media} /> : null}\n      <form className={style.formWrapper}>\n        <Switch model={model} question={question} help={help} />\n      </form>\n    </div>\n  );\n};\n\nAnswer.propTypes = propTypes;\n\nAnswer.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Answer;\n"],"mappings":"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"}

package/es/molecule/answer/index.native.js

@@ -1,15 +1,19 @@
 import React from 'react';
 import Switch from '../questions/mobile/switch/index.native';
+
 const convertType = modelType => {
   switch (modelType) {
     case 'freeText':
       return 'basic';
+
     case 'dropDown':
       return 'template';
+
     default:
       return modelType;
   }
 };
+
 const convertToChoices = (answers = []) => answers.map((answer, index) => ({
   _id: `${index}`,
   label: answer.title,
@@ -36,6 +40,7 @@ const convertToChoices = (answers = []) => answers.map((answer, index) => ({
     _id: name
   }))
 }));
+
 const Answer = props => {
   const {
     model: {
@@ -52,15 +57,19 @@ const Answer = props => {
   const switchProps = {
     type: convertType(type)
   };
+
   if (type === 'freeText') {
     switchProps.onInputValueChange = onChange;
   }
+
   if (type === 'qcm' || type === 'qcmDrag' || type === 'qcmGraphic' || type === 'template') {
     switchProps.choices = convertToChoices(answers);
   }
+
   if (type === 'template') {
     switchProps.template = template;
   }
+
   if (type === 'slider') {
     switchProps.onSliderChange = onSliderChange;
     switchProps.min = minLabel ? Number.parseInt(minLabel.split(' ')[0]) : 0;
@@ -68,7 +77,9 @@ const Answer = props => {
     switchProps.value = title ? Number.parseInt(title.split(' ')[0]) : 0;
     switchProps.unit = minLabel ? minLabel.split(' ')[1] : '';
   }
+
   return /*#__PURE__*/React.createElement(Switch, switchProps);
 };
+
 export default Answer;
 //# sourceMappingURL=index.native.js.map

package/es/molecule/answer/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","Switch","convertType","modelType","convertToChoices","answers","map","answer","index","_id","label","title","value","onPress","onClick","onChange","selected","media","image","type","src","url","undefined","name","items","options","text","Answer","props","model","template","onSliderChange","minLabel","maxLabel","switchProps","onInputValueChange","choices","min","Number","parseInt","split","max","unit","createElement"],"sources":["../../../src/molecule/answer/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {Choice, QuestionType} from '../questions/types';\nimport Switch, {Props as SwitchProps} from '../questions/mobile/switch/index.native';\nimport {AnswerProps} from './prop-types';\n\nconst convertType = (modelType: AnswerProps['model']['type']): QuestionType => {\n  switch (modelType) {\n    case 'freeText':\n      return 'basic';\n    case 'dropDown':\n      return 'template';\n    default:\n      return modelType;\n  }\n};\n\nconst convertToChoices = (answers: AnswerProps['model']['answers'] = []): Choice[] =>\n  answers.map((answer, index) => ({\n    _id: `${index}`,\n    label: answer.title,\n    value: answer.title,\n    onPress: answer.onClick || answer.onChange,\n    selected: answer.selected,\n    media: answer.image\n      ? {\n          type: 'img',\n          src: [{url: answer.image}]\n        }\n      : undefined,\n    // ---- custom properties for template choice\n    type: answer.type,\n    name: answer.name,\n    items:\n      answer.options &&\n      answer.options.map(({name, selected, value}) => ({\n        text: name,\n        selected,\n        value,\n        _id: name\n      }))\n  }));\n\nconst Answer = (props: AnswerProps) => {\n  const {\n    model: {answers, onChange, template, type, onSliderChange, minLabel, maxLabel, title}\n  } = props;\n\n  const switchProps: SwitchProps = {\n    type: convertType(type)\n  };\n\n  if (type === 'freeText') {\n    switchProps.onInputValueChange = onChange;\n  }\n\n  if (type === 'qcm' || type === 'qcmDrag' || type === 'qcmGraphic' || type === 'template') {\n    switchProps.choices = convertToChoices(answers);\n  }\n\n  if (type === 'template') {\n    switchProps.template = template;\n  }\n\n  if (type === 'slider') {\n    switchProps.onSliderChange = onSliderChange;\n    switchProps.min = minLabel ? Number.parseInt(minLabel.split(' ')[0]) : 0;\n    switchProps.max = maxLabel ? Number.parseInt(maxLabel.split(' ')[0]) : 1;\n    switchProps.value = title ? Number.parseInt(title.split(' ')[0]) : 0;\n    switchProps.unit = minLabel ? minLabel.split(' ')[1] : '';\n  }\n\n  return <Switch {...switchProps} />;\n};\n\nexport default Answer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","Switch","convertType","modelType","convertToChoices","answers","map","answer","index","_id","label","title","value","onPress","onClick","onChange","selected","media","image","type","src","url","undefined","name","items","options","text","Answer","props","model","template","onSliderChange","minLabel","maxLabel","switchProps","onInputValueChange","choices","min","Number","parseInt","split","max","unit"],"sources":["../../../src/molecule/answer/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {Choice, QuestionType} from '../questions/types';\nimport Switch, {Props as SwitchProps} from '../questions/mobile/switch/index.native';\nimport {AnswerProps} from './prop-types';\n\nconst convertType = (modelType: AnswerProps['model']['type']): QuestionType => {\n  switch (modelType) {\n    case 'freeText':\n      return 'basic';\n    case 'dropDown':\n      return 'template';\n    default:\n      return modelType;\n  }\n};\n\nconst convertToChoices = (answers: AnswerProps['model']['answers'] = []): Choice[] =>\n  answers.map((answer, index) => ({\n    _id: `${index}`,\n    label: answer.title,\n    value: answer.title,\n    onPress: answer.onClick || answer.onChange,\n    selected: answer.selected,\n    media: answer.image\n      ? {\n          type: 'img',\n          src: [{url: answer.image}]\n        }\n      : undefined,\n    // ---- custom properties for template choice\n    type: answer.type,\n    name: answer.name,\n    items:\n      answer.options &&\n      answer.options.map(({name, selected, value}) => ({\n        text: name,\n        selected,\n        value,\n        _id: name\n      }))\n  }));\n\nconst Answer = (props: AnswerProps) => {\n  const {\n    model: {answers, onChange, template, type, onSliderChange, minLabel, maxLabel, title}\n  } = props;\n\n  const switchProps: SwitchProps = {\n    type: convertType(type)\n  };\n\n  if (type === 'freeText') {\n    switchProps.onInputValueChange = onChange;\n  }\n\n  if (type === 'qcm' || type === 'qcmDrag' || type === 'qcmGraphic' || type === 'template') {\n    switchProps.choices = convertToChoices(answers);\n  }\n\n  if (type === 'template') {\n    switchProps.template = template;\n  }\n\n  if (type === 'slider') {\n    switchProps.onSliderChange = onSliderChange;\n    switchProps.min = minLabel ? Number.parseInt(minLabel.split(' ')[0]) : 0;\n    switchProps.max = maxLabel ? Number.parseInt(maxLabel.split(' ')[0]) : 1;\n    switchProps.value = title ? Number.parseInt(title.split(' ')[0]) : 0;\n    switchProps.unit = minLabel ? minLabel.split(' ')[1] : '';\n  }\n\n  return <Switch {...switchProps} />;\n};\n\nexport default Answer;\n"],"mappings":"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"}

package/es/molecule/answer/prop-types.js

@@ -3,9 +3,10 @@ import VideoPlayerPropTypes from '../video-player/prop-types';
 export const TYPE_IMAGE = 'img';
 export const TYPE_VIDEO = 'video';
 export const TYPE_AUDIO = 'audio';
+
 const isType = name => PropTypes.oneOf([name]);
-const videoPropType = PropTypes.shape({
-  ...VideoPlayerPropTypes,
+
+const videoPropType = PropTypes.shape({ ...VideoPlayerPropTypes,
   type: isType(TYPE_VIDEO).isRequired
 });
 const imgPropType = PropTypes.shape({

package/es/molecule/answer/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","VideoPlayerPropTypes","TYPE_IMAGE","TYPE_VIDEO","TYPE_AUDIO","isType","name","oneOf","videoPropType","shape","type","isRequired","imgPropType","url","string","audioPropType","mediaUrl","MediaViewPropTypes","media","oneOfType","SelectOptionsPropTypes","selected","bool","validOption","value","AnswerPropTypes","title","onClick","func","onChange","image","options","arrayOf","propTypes","model","answer","help","question"],"sources":["../../../src/molecule/answer/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {Media} from '../questions/types';\nimport VideoPlayerPropTypes from '../video-player/prop-types';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = (name: string) => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  ...VideoPlayerPropTypes,\n  type: isType(TYPE_VIDEO).isRequired\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  mediaUrl: PropTypes.string.isRequired\n});\n\nexport const MediaViewPropTypes = {\n  media: PropTypes.oneOfType([videoPropType, imgPropType, audioPropType])\n};\n\nconst SelectOptionsPropTypes = PropTypes.shape({\n  name: PropTypes.string,\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool,\n  value: PropTypes.string\n});\n\nconst AnswerPropTypes = PropTypes.shape({\n  title: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  onClick: PropTypes.func,\n  onChange: PropTypes.func,\n  selected: PropTypes.bool,\n  image: PropTypes.string,\n  options: PropTypes.arrayOf(SelectOptionsPropTypes),\n  type: PropTypes.oneOf(['text', 'select']),\n  name: PropTypes.string\n});\n\nconst propTypes = {\n  model: PropTypes.shape({\n    type: PropTypes.oneOf([\n      'qcmDrag',\n      'qcm',\n      'qcmGraphic',\n      'freeText',\n      'dropDown',\n      'slider',\n      'template'\n    ]).isRequired,\n    answer: PropTypes.arrayOf(AnswerPropTypes)\n  }).isRequired,\n  help: PropTypes.string,\n  question: PropTypes.string,\n  media: MediaViewPropTypes.media\n};\n\ntype SelectOptions = {\n  name: string;\n  selected: boolean;\n  validOption: boolean;\n  value: string;\n};\n\nexport type Answer = {\n  title?: string;\n  'aria-label'?: string;\n  onClick?: () => void;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n  image?: string;\n  options?: SelectOptions[];\n  type?: 'text' | 'select';\n  name?: string;\n};\n\nexport type AnswerProps = {\n  model: {\n    type: 'qcmDrag' | 'qcm' | 'qcmGraphic' | 'freeText' | 'dropDown' | 'slider' | 'template';\n    answers?: Answer[];\n    template?: string;\n    onChange?: (value: string | number) => void;\n    onSliderChange?: (value: number) => void;\n    minLabel?: string;\n    maxLabel?: string;\n    title?: string;\n  };\n  help: string;\n  question: string;\n  media?: Media;\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,OAAOC,oBAAoB,MAAM,4BAA4B;AAE7D,OAAO,MAAMC,UAAU,GAAG,KAAK;AAC/B,OAAO,MAAMC,UAAU,GAAG,OAAO;AACjC,OAAO,MAAMC,UAAU,GAAG,OAAO;AAEjC,MAAMC,MAAM,GAAIC,IAAY,IAAKN,SAAS,CAACO,KAAK,CAAC,CAACD,IAAI,CAAC,CAAC;AAExD,MAAME,aAAa,GAAGR,SAAS,CAACS,KAAK,CAAC;EACpC,GAAGR,oBAAoB;EACvBS,IAAI,EAAEL,MAAM,CAACF,UAAU,CAAC,CAACQ;AAC3B,CAAC,CAAC;AAEF,MAAMC,WAAW,GAAGZ,SAAS,CAACS,KAAK,CAAC;EAClCC,IAAI,EAAEL,MAAM,CAACH,UAAU,CAAC,CAACS,UAAU;EACnCE,GAAG,EAAEb,SAAS,CAACc,MAAM,CAACH;AACxB,CAAC,CAAC;AAEF,MAAMI,aAAa,GAAGf,SAAS,CAACS,KAAK,CAAC;EACpCC,IAAI,EAAEL,MAAM,CAACD,UAAU,CAAC,CAACO,UAAU;EACnCK,QAAQ,EAAEhB,SAAS,CAACc,MAAM,CAACH;AAC7B,CAAC,CAAC;AAEF,OAAO,MAAMM,kBAAkB,GAAG;EAChCC,KAAK,EAAElB,SAAS,CAACmB,SAAS,CAAC,CAACX,aAAa,EAAEI,WAAW,EAAEG,aAAa,CAAC;AACxE,CAAC;AAED,MAAMK,sBAAsB,GAAGpB,SAAS,CAACS,KAAK,CAAC;EAC7CH,IAAI,EAAEN,SAAS,CAACc,MAAM;EACtBO,QAAQ,EAAErB,SAAS,CAACsB,IAAI;EACxBC,WAAW,EAAEvB,SAAS,CAACsB,IAAI;EAC3BE,KAAK,EAAExB,SAAS,CAACc;AACnB,CAAC,CAAC;AAEF,MAAMW,eAAe,GAAGzB,SAAS,CAACS,KAAK,CAAC;EACtCiB,KAAK,EAAE1B,SAAS,CAACc,MAAM,CAACH,UAAU;EAClC,YAAY,EAAEX,SAAS,CAACc,MAAM;EAC9Ba,OAAO,EAAE3B,SAAS,CAAC4B,IAAI;EACvBC,QAAQ,EAAE7B,SAAS,CAAC4B,IAAI;EACxBP,QAAQ,EAAErB,SAAS,CAACsB,IAAI;EACxBQ,KAAK,EAAE9B,SAAS,CAACc,MAAM;EACvBiB,OAAO,EAAE/B,SAAS,CAACgC,OAAO,CAACZ,sBAAsB,CAAC;EAClDV,IAAI,EAAEV,SAAS,CAACO,KAAK,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;EACzCD,IAAI,EAAEN,SAAS,CAACc;AAClB,CAAC,CAAC;AAEF,MAAMmB,SAAS,GAAG;EAChBC,KAAK,EAAElC,SAAS,CAACS,KAAK,CAAC;IACrBC,IAAI,EAAEV,SAAS,CAACO,KAAK,CAAC,CACpB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,UAAU,EACV,UAAU,EACV,QAAQ,EACR,UAAU,CACX,CAAC,CAACI,UAAU;IACbwB,MAAM,EAAEnC,SAAS,CAACgC,OAAO,CAACP,eAAe;EAC3C,CAAC,CAAC,CAACd,UAAU;EACbyB,IAAI,EAAEpC,SAAS,CAACc,MAAM;EACtBuB,QAAQ,EAAErC,SAAS,CAACc,MAAM;EAC1BI,KAAK,EAAED,kBAAkB,CAACC;AAC5B,CAAC;AAqCD,eAAee,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["PropTypes","VideoPlayerPropTypes","TYPE_IMAGE","TYPE_VIDEO","TYPE_AUDIO","isType","name","oneOf","videoPropType","shape","type","isRequired","imgPropType","url","string","audioPropType","mediaUrl","MediaViewPropTypes","media","oneOfType","SelectOptionsPropTypes","selected","bool","validOption","value","AnswerPropTypes","title","onClick","func","onChange","image","options","arrayOf","propTypes","model","answer","help","question"],"sources":["../../../src/molecule/answer/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {Media} from '../questions/types';\nimport VideoPlayerPropTypes from '../video-player/prop-types';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = (name: string) => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  ...VideoPlayerPropTypes,\n  type: isType(TYPE_VIDEO).isRequired\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  mediaUrl: PropTypes.string.isRequired\n});\n\nexport const MediaViewPropTypes = {\n  media: PropTypes.oneOfType([videoPropType, imgPropType, audioPropType])\n};\n\nconst SelectOptionsPropTypes = PropTypes.shape({\n  name: PropTypes.string,\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool,\n  value: PropTypes.string\n});\n\nconst AnswerPropTypes = PropTypes.shape({\n  title: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  onClick: PropTypes.func,\n  onChange: PropTypes.func,\n  selected: PropTypes.bool,\n  image: PropTypes.string,\n  options: PropTypes.arrayOf(SelectOptionsPropTypes),\n  type: PropTypes.oneOf(['text', 'select']),\n  name: PropTypes.string\n});\n\nconst propTypes = {\n  model: PropTypes.shape({\n    type: PropTypes.oneOf([\n      'qcmDrag',\n      'qcm',\n      'qcmGraphic',\n      'freeText',\n      'dropDown',\n      'slider',\n      'template'\n    ]).isRequired,\n    answer: PropTypes.arrayOf(AnswerPropTypes)\n  }).isRequired,\n  help: PropTypes.string,\n  question: PropTypes.string,\n  media: MediaViewPropTypes.media\n};\n\ntype SelectOptions = {\n  name: string;\n  selected: boolean;\n  validOption: boolean;\n  value: string;\n};\n\nexport type Answer = {\n  title?: string;\n  'aria-label'?: string;\n  onClick?: () => void;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n  image?: string;\n  options?: SelectOptions[];\n  type?: 'text' | 'select';\n  name?: string;\n};\n\nexport type AnswerProps = {\n  model: {\n    type: 'qcmDrag' | 'qcm' | 'qcmGraphic' | 'freeText' | 'dropDown' | 'slider' | 'template';\n    answers?: Answer[];\n    template?: string;\n    onChange?: (value: string | number) => void;\n    onSliderChange?: (value: number) => void;\n    minLabel?: string;\n    maxLabel?: string;\n    title?: string;\n  };\n  help: string;\n  question: string;\n  media?: Media;\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,oBAAP,MAAiC,4BAAjC;AAEA,OAAO,MAAMC,UAAU,GAAG,KAAnB;AACP,OAAO,MAAMC,UAAU,GAAG,OAAnB;AACP,OAAO,MAAMC,UAAU,GAAG,OAAnB;;AAEP,MAAMC,MAAM,GAAIC,IAAD,IAAkBN,SAAS,CAACO,KAAV,CAAgB,CAACD,IAAD,CAAhB,CAAjC;;AAEA,MAAME,aAAa,GAAGR,SAAS,CAACS,KAAV,CAAgB,EACpC,GAAGR,oBADiC;EAEpCS,IAAI,EAAEL,MAAM,CAACF,UAAD,CAAN,CAAmBQ;AAFW,CAAhB,CAAtB;AAKA,MAAMC,WAAW,GAAGZ,SAAS,CAACS,KAAV,CAAgB;EAClCC,IAAI,EAAEL,MAAM,CAACH,UAAD,CAAN,CAAmBS,UADS;EAElCE,GAAG,EAAEb,SAAS,CAACc,MAAV,CAAiBH;AAFY,CAAhB,CAApB;AAKA,MAAMI,aAAa,GAAGf,SAAS,CAACS,KAAV,CAAgB;EACpCC,IAAI,EAAEL,MAAM,CAACD,UAAD,CAAN,CAAmBO,UADW;EAEpCK,QAAQ,EAAEhB,SAAS,CAACc,MAAV,CAAiBH;AAFS,CAAhB,CAAtB;AAKA,OAAO,MAAMM,kBAAkB,GAAG;EAChCC,KAAK,EAAElB,SAAS,CAACmB,SAAV,CAAoB,CAACX,aAAD,EAAgBI,WAAhB,EAA6BG,aAA7B,CAApB;AADyB,CAA3B;AAIP,MAAMK,sBAAsB,GAAGpB,SAAS,CAACS,KAAV,CAAgB;EAC7CH,IAAI,EAAEN,SAAS,CAACc,MAD6B;EAE7CO,QAAQ,EAAErB,SAAS,CAACsB,IAFyB;EAG7CC,WAAW,EAAEvB,SAAS,CAACsB,IAHsB;EAI7CE,KAAK,EAAExB,SAAS,CAACc;AAJ4B,CAAhB,CAA/B;AAOA,MAAMW,eAAe,GAAGzB,SAAS,CAACS,KAAV,CAAgB;EACtCiB,KAAK,EAAE1B,SAAS,CAACc,MAAV,CAAiBH,UADc;EAEtC,cAAcX,SAAS,CAACc,MAFc;EAGtCa,OAAO,EAAE3B,SAAS,CAAC4B,IAHmB;EAItCC,QAAQ,EAAE7B,SAAS,CAAC4B,IAJkB;EAKtCP,QAAQ,EAAErB,SAAS,CAACsB,IALkB;EAMtCQ,KAAK,EAAE9B,SAAS,CAACc,MANqB;EAOtCiB,OAAO,EAAE/B,SAAS,CAACgC,OAAV,CAAkBZ,sBAAlB,CAP6B;EAQtCV,IAAI,EAAEV,SAAS,CAACO,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CARgC;EAStCD,IAAI,EAAEN,SAAS,CAACc;AATsB,CAAhB,CAAxB;AAYA,MAAMmB,SAAS,GAAG;EAChBC,KAAK,EAAElC,SAAS,CAACS,KAAV,CAAgB;IACrBC,IAAI,EAAEV,SAAS,CAACO,KAAV,CAAgB,CACpB,SADoB,EAEpB,KAFoB,EAGpB,YAHoB,EAIpB,UAJoB,EAKpB,UALoB,EAMpB,QANoB,EAOpB,UAPoB,CAAhB,EAQHI,UATkB;IAUrBwB,MAAM,EAAEnC,SAAS,CAACgC,OAAV,CAAkBP,eAAlB;EAVa,CAAhB,EAWJd,UAZa;EAahByB,IAAI,EAAEpC,SAAS,CAACc,MAbA;EAchBuB,QAAQ,EAAErC,SAAS,CAACc,MAdJ;EAehBI,KAAK,EAAED,kBAAkB,CAACC;AAfV,CAAlB;AAqDA,eAAee,SAAf"}

package/es/molecule/audio/index.js

@@ -5,34 +5,41 @@ import classnames from 'classnames';
 import { NovaCompositionCoorpacademyMicrophone as PodcastIcon } from '@coorpacademy/nova-icons';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 class Audio extends React.Component {
   static contextTypes = {
     skin: Provider.childContextTypes.skin
   };
+
   constructor(props, context) {
     super(props, context);
     this.handlePlay = this.handlePlay.bind(this);
     this.audioElement = null;
     this.setAudio = this.setAudio.bind(this);
   }
+
   shouldComponentUpdate(nextProps) {
     const {
       mediaUrl
     } = this.props;
     return nextProps.mediaUrl !== mediaUrl;
   }
+
   componentDidUpdate() {
     this.audioElement.load();
   }
+
   setAudio = element => {
     this.audioElement = element;
   };
+
   handlePlay(e) {
     const {
       onPlay
     } = this.props;
     if (onPlay) onPlay(e);
   }
+
   render() {
     const {
       description,
@@ -42,7 +49,9 @@ class Audio extends React.Component {
     const {
       skin
     } = this.context;
+
     const white = _get('common.white', skin);
+
     return /*#__PURE__*/React.createElement("div", {
       className: style.frame,
       style: {
@@ -55,8 +64,7 @@ class Audio extends React.Component {
       className: style.icon
     }), description ? /*#__PURE__*/React.createElement("div", {
       className: classnames(style.description, style.innerHTML),
-      "data-name": "audioDescription"
-      // eslint-disable-next-line react/no-danger
+      "data-name": "audioDescription" // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: description
@@ -76,7 +84,9 @@ class Audio extends React.Component {
       src: mediaUrl
     })));
   }
+
 }
+
 Audio.propTypes = process.env.NODE_ENV !== "production" ? {
   description: PropTypes.string,
   mediaUrl: PropTypes.string,