@coorpacademy/components 11.40.17-react18.19 → 11.40.18-react18.10

package/lib/atom/html/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/html/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAO,SAAS,EAAE,UAAU,EAAE,SAAS,EAAsB,MAAM,cAAc,CAAC;AAqBzF,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAqBF,QAAA,MAAM,IAAI,UAAW,KAAK,sBA4IzB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/html/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAO,SAAS,EAAE,UAAU,EAAE,SAAS,EAAsB,MAAM,cAAc,CAAC;AAqBzF,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAqBF,QAAA,MAAM,IAAI,UAAW,KAAK,sBA8IzB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/atom/html/index.native.js

@@ -15,6 +15,7 @@ const HtmlBase = props => {
   return /*#__PURE__*/_react.default.createElement(_reactNativeRenderHtml.default, props);
 };
 const Html = props => {
+  console.log('v3 --> Html component, baseFontStyle.color applied to body tag');
   const templateContext = (0, _templateContext.useTemplateContext)();
   const {
     width: contentWidth
@@ -34,6 +35,27 @@ const Html = props => {
     isTextCentered,
     numberOfLines
   } = props;
+  let baseFontStyle = (0, _react.useMemo)(() => ({
+    fontSize,
+    color: theme.colors.black
+  }), [fontSize, theme]);
+  if (style) {
+    if (Array.isArray(style)) {
+      const styleObject = style.reduce((result, child) => ({
+        ...result,
+        ...child
+      }));
+      baseFontStyle = {
+        ...baseFontStyle,
+        ...styleObject
+      };
+    } else {
+      baseFontStyle = {
+        ...baseFontStyle,
+        ...style
+      };
+    }
+  }
 
   // Don't use StyleSheet there, it's not a react style
   const styles = {
@@ -56,6 +78,9 @@ const Html = props => {
   };
   const tagsStyles = {
     ...styles,
+    body: {
+      color: baseFontStyle.color
+    },
     h1: {
       fontSize
     },
@@ -79,27 +104,6 @@ const Html = props => {
     },
     img: imageStyle || {}
   };
-  let baseFontStyle = (0, _react.useMemo)(() => ({
-    fontSize,
-    color: theme.colors.black
-  }), [fontSize, theme]);
-  if (style) {
-    if (Array.isArray(style)) {
-      const styleObject = style.reduce((result, child) => ({
-        ...result,
-        ...child
-      }));
-      baseFontStyle = {
-        ...baseFontStyle,
-        ...styleObject
-      };
-    } else {
-      baseFontStyle = {
-        ...baseFontStyle,
-        ...style
-      };
-    }
-  }
   const SpanRenderer = (0, _react.useCallback)((htmlAttribs, _children) => /*#__PURE__*/_react.default.createElement(_index.default, {
     numberOfLines: numberOfLines
   }, _children), [numberOfLines]);

package/lib/atom/html/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeRenderHtml","_interopRequireDefault","_theme","_templateContext","_index","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HtmlBase","props","createElement","Html","templateContext","useTemplateContext","width","contentWidth","useWindowDimensions","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","useState","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","HTML_ANCHOR_TEXT_COLOR","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","textDecorationLine","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","color","img","baseFontStyle","useMemo","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","useCallback","htmlAttribs","_children","FontRenderer","key","replace","renderers","font","span","View","source","html","undefined","ignoredStyles","_default","exports"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle, useWindowDimensions} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {width: contentWidth} = useWindowDimensions();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  } as MixedStyleRecord;\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        contentWidth={contentWidth}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeRenderHtml","_interopRequireDefault","_theme","_templateContext","_index","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HtmlBase","props","createElement","Html","console","log","templateContext","useTemplateContext","width","contentWidth","useWindowDimensions","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","useState","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","HTML_ANCHOR_TEXT_COLOR","isTextCentered","numberOfLines","baseFontStyle","useMemo","color","colors","black","Array","isArray","styleObject","reduce","result","child","styles","p","marginVertical","textAlign","textDecorationLine","fontStyle","b","fontWeight","bold","s","tagsStyles","body","h1","h2","h3","h4","h5","h6","img","SpanRenderer","useCallback","htmlAttribs","_children","FontRenderer","key","replace","renderers","font","span","View","source","html","undefined","ignoredStyles","_default","exports"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle, useWindowDimensions} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  console.log('v3 --> Html component, baseFontStyle.color applied to body tag');\n  const templateContext = useTemplateContext();\n  const {width: contentWidth} = useWindowDimensions();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles = {\n    ...styles,\n    body: {color: baseFontStyle.color},\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  } as MixedStyleRecord;\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        contentWidth={contentWidth}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAOA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAH,sBAAA,CAAAH,OAAA;AAAwC,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAOxC,MAAMW,QAAQ,GAAIC,KAA4B,IAAK;EACjD,oBAAO9B,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC3B,sBAAA,CAAAO,OAAU,EAAKmB,KAAQ,CAAC;AAClC,CAAC;AAkCD,MAAME,IAAI,GAAIF,KAAY,IAAK;EAC7BG,OAAO,CAACC,GAAG,CAAC,gEAAgE,CAAC;EAC7E,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAC5C,MAAM;IAACC,KAAK,EAAEC;EAAY,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACnD,MAAM,CAACC,4BAA4B,EAAEC,yBAAyB,CAAC,GAAG,IAAAC,eAAQ,EAAU,KAAK,CAAC;EAC1F,MAAM;IAACC;EAAK,CAAC,GAAGR,eAAe;EAC/B,MAAM;IACJS,QAAQ;IACRC,QAAQ;IACRC,cAAc;IACdC,UAAU;IACVC,KAAK;IACLC,MAAM;IACNC,eAAe,GAAGC,6BAAsB;IACxCC,cAAc;IACdC;EACF,CAAC,GAAGvB,KAAK;EAET,IAAIwB,aAAwB,GAAG,IAAAC,cAAO,EACpC,OAAO;IAACV,QAAQ;IAAEW,KAAK,EAAEb,KAAK,CAACc,MAAM,CAACC;EAAK,CAAC,CAAC,EAC7C,CAACb,QAAQ,EAAEF,KAAK,CAClB,CAAC;EAED,IAAIK,KAAK,EAAE;IACT,IAAIW,KAAK,CAACC,OAAO,CAACZ,KAAK,CAAC,EAAE;MACxB,MAAMa,WAAW,GAAGb,KAAK,CAACc,MAAM,CAAC,CAACC,MAAM,EAAEC,KAAK,MAAM;QACnD,GAAGD,MAAM;QACT,GAAGC;MACL,CAAC,CAAC,CAAC;MACHV,aAAa,GAAG;QACd,GAAGA,aAAa;QAChB,GAAGO;MACL,CAAC;IACH,CAAC,MAAM;MACLP,aAAa,GAAG;QACd,GAAGA,aAAa;QAChB,GAAGN;MACL,CAAC;IACH;EACF;;EAEA;EACA,MAAMiB,MAAc,GAAG;IACrBC,CAAC,EAAE;MACDC,cAAc,EAAE,CAAC;MACjBC,SAAS,EAAE;IACb,CAAC;IACD5C,CAAC,EAAE;MACD6C,kBAAkB,EAAE;IACtB,CAAC;IACD1C,CAAC,EAAE;MACD2C,SAAS,EAAE;IACb,CAAC;IACDC,CAAC,EAAE;MACDC,UAAU,EAAE7B,KAAK,CAAC6B,UAAU,CAACC;IAC/B,CAAC;IACDC,CAAC,EAAE;MACDL,kBAAkB,EAAE;IACtB;EACF,CAAC;EAED,MAAMM,UAAU,GAAG;IACjB,GAAGV,MAAM;IACTW,IAAI,EAAE;MAACpB,KAAK,EAAEF,aAAa,CAACE;IAAK,CAAC;IAClCqB,EAAE,EAAE;MAAChC;IAAQ,CAAC;IACdiC,EAAE,EAAE;MAACjC;IAAQ,CAAC;IACdkC,EAAE,EAAE;MAAClC;IAAQ,CAAC;IACdmC,EAAE,EAAE;MAACnC;IAAQ,CAAC;IACdoC,EAAE,EAAE;MAACpC;IAAQ,CAAC;IACdqC,EAAE,EAAE;MAACrC;IAAQ,CAAC;IACdzB,CAAC,EAAE;MAACoC,KAAK,EAAEN;IAAe,CAAC;IAC3BiC,GAAG,EAAEpC,UAAU,IAAI,CAAC;EACtB,CAAqB;EAErB,MAAMqC,YAAY,GAAG,IAAAC,kBAAW,EAC9B,CAACC,WAAwC,EAAEC,SAAiB,kBAC1DvF,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAACvB,MAAA,CAAAG,OAAI;IAAC0C,aAAa,EAAEA;EAAc,GAAEkC,SAAgB,CACtD,EACD,CAAClC,aAAa,CAChB,CAAC;EAMD,MAAMmC,YAAY,GAAG,IAAAH,kBAAW,EAC9B,CAACC,WAAuB,EAAEC,SAAiB,KAAK;IAC9C,IAAID,WAAW,CAAC9B,KAAK,EAAE;MACrBf,yBAAyB,CAAC,IAAI,CAAC;IACjC;IAEA,oBACEzC,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAACvB,MAAA,CAAAG,OAAI;MACH8E,GAAG,EAAE,CAAE;MACPzC,KAAK,EAAE;QACL,GAAGM,aAAa;QAChBE,KAAK,EAAE8B,WAAW,CAAC9B,KAAK,EAAEkC,OAAO,CAAC,IAAI,EAAE,EAAE;MAC5C;IAAE,GAEDH,SACG,CAAC;EAEX,CAAC,EACD,CAACjC,aAAa,CAChB,CAAC;EAED,MAAMqC,SAAS,GAAG;IAChBC,IAAI,EAAEJ,YAAY;IAClBK,IAAI,EAAET;EACR,CAAC;EAED,oBACEpF,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,YAAA,CAAA2F,IAAI;IAAC7C,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAEF;EAAe,gBAC1C9C,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAACF;EACC;EACA;EACA;EACA;EAAA;IACAkE,MAAM,EAAE;MACN;MACAC,IAAI,EAAE5C,cAAc,GAChB,MAAMR,QAAQ,MAAM,GACpBS,aAAa,GACb,SAAST,QAAQ,SAAS,GAC1B,GAAGA,QAAQ;IACjB,CAAE;IACFN,YAAY,EAAEA,YAAa;IAC3BqC,UAAU,EAAEA,UAAW;IACvBrB,aAAa,EAAE;MACb,GAAGA,aAAa;MAChBE,KAAK,EAAEhB,4BAA4B,GAAGyD,SAAS,GAAG3C,aAAa,CAACE;IAClE,CAAE;IACFmC,SAAS,EAAEA;IACX;IACA;IACA;IACA;IAAA;IACAO,aAAa,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAE;IACnCjD,MAAM,EAAC;EAAW,CACnB,CACG,CAAC;AAEX,CAAC;AAAC,IAAAkD,QAAA,GAAAC,OAAA,CAAAzF,OAAA,GAEaqB,IAAI","ignoreList":[]}

package/lib/atom/range/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/range/index.js"],"names":[],"mappings":";AAyFA;IACE;;;;;;;;;;;;;;;;;;;;;;MAcE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF;;;MAIC;IAED,sCAYC;IAVC;;;;MAGC;IAwEH,0BAkBC;IAjFD,8BAEC;IAaD,8BAKC;IAED,8BAKC;IAED,iCAKC;IAED,iCAKC;IAxCC,WAAkB;IAGpB,8CAGC;IAED,gCAIC;IA8BD,8DAWC;IAED,iDAKC;IAsBD,4BA2FC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/range/index.js"],"names":[],"mappings":";AAyFA;IACE;;;;;;;;;;;;;;;;;;;;;;MAcE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF;;;MAIC;IAED,sCAYC;IAVC;;;;MAGC;IA4EH,0BAkBC;IArFD,8BAEC;IAiBD,8BAKC;IAED,8BAKC;IAED,iCAKC;IAED,iCAKC;IA5CC,WAAkB;IAGpB,8CAGC;IAED,gCAQC;IA8BD,8DAWC;IAED,iDAKC;IAsBD,4BA2FC;CACF"}

package/lib/atom/range/index.js

@@ -123,10 +123,14 @@ class Range extends _react.default.Component {
   }
   roundToStep(value) {
     const {
-      step = 0.1
+      step
     } = this.props;
     const precision = 10;
-    return Number((Math.round(value / step) * step).toFixed(precision));
+    if (!step) {
+      return Number(value.toFixed(precision));
+    } else {
+      return Number((Math.round(value / step) * step).toFixed(precision));
+    }
   }
   handleMinChange(e) {
     e.srcEvent.stopPropagation();

package/lib/atom/range/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_provider","_handle","_style","e","__esModule","default","valueOnTrack","track","x","left","right","getBoundingClientRect","_clamp2","extractStateFromProps","props","multi","value","min","max","toNormalized","actualValue","normalizedValue","Array","isArray","map","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","HammerForTestingMin","HammerForTestingMax","createElement","className","style","handle","animatedHandle","axis","onPan","onPanEnd","HammerForTesting","propTypes","process","env","NODE_ENV","PropTypes","number","bool","func","Handle","Range","React","Component","contextTypes","skin","Provider","childContextTypes","getDerivedStateFromProps","state","constructor","context","handleClick","bind","setRefTrack","handleMinChange","handleMaxChange","handleMinChangeEnd","handleMaxChangeEnd","normalizedToActual","roundToStep","step","precision","Number","Math","round","toFixed","srcEvent","stopPropagation","preventDefault","newValue","center","handleChange","valueIndex","prevValue","_set2","minValue","maxValue","nextValue","triggerChange","setState","newValues","onChange","_noop2","onChangeEnd","actualValues","val","clientX","isClickToTheLeft","closestHandle","abs","render","theme","minLabel","maxLabel","minValueLabel","maxValueLabel","railWidth","railLeft","primaryColor","_getOr2","railStyle","backgroundColor","width","minActualValue","maxActualValue","sliderComponent","container","ref","rail","animatedRail","containerWrapper","onClick","inputsRow","moocInput","inputHint","inputValue","oneOf","string","_default","exports"],"sources":["../../../src/atom/range/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, set, clamp, getOr} from 'lodash/fp';\nimport Provider from '../provider';\nimport Handle from './handle';\nimport style from './style.css';\n\nconst valueOnTrack = (track, x) => {\n  const {left, right} = track.getBoundingClientRect();\n  return clamp(0, 1, (x - left) / (right - left));\n};\n\nconst extractStateFromProps = props => {\n  const {multi = false, value = multi ? [0, 1] : 0, min = 0, max = 1} = props;\n\n  const toNormalized = actualValue => (actualValue - min) / (max - min);\n\n  let normalizedValue;\n  if (multi) {\n    normalizedValue = Array.isArray(value)\n      ? value.map(toNormalized)\n      : [toNormalized(0), toNormalized(value)];\n  } else {\n    normalizedValue = toNormalized(value);\n  }\n\n  return {\n    multi,\n    value: multi ? normalizedValue : [0, normalizedValue]\n  };\n};\n\nconst RenderHandles = props => {\n  const {\n    left,\n    right,\n    multi = false,\n    pending,\n    onHandleMinChange,\n    onHandleMinChangeEnd,\n    onHandleMaxChange,\n    onHandleMaxChangeEnd,\n    HammerForTestingMin,\n    HammerForTestingMax\n  } = props;\n\n  return (\n    <div data-testid=\"handles\">\n      {multi ? (\n        <span\n          className={pending ? style.handle : style.animatedHandle}\n          style={{left: `${left * 100}%`}}\n        >\n          <Handle\n            axis=\"x\"\n            onPan={onHandleMinChange}\n            onPanEnd={onHandleMinChangeEnd}\n            HammerForTesting={HammerForTestingMin}\n          />\n        </span>\n      ) : null}\n      <span\n        className={pending ? style.handle : style.animatedHandle}\n        style={{left: `${right * 100}%`}}\n      >\n        <Handle\n          axis=\"x\"\n          onPan={onHandleMaxChange}\n          onPanEnd={onHandleMaxChangeEnd}\n          HammerForTesting={HammerForTestingMax}\n        />\n      </span>\n    </div>\n  );\n};\n\nRenderHandles.propTypes = {\n  left: PropTypes.number,\n  right: PropTypes.number,\n  multi: PropTypes.bool,\n  pending: PropTypes.bool,\n  onHandleMinChange: PropTypes.func,\n  onHandleMinChangeEnd: PropTypes.func,\n  onHandleMaxChange: PropTypes.func,\n  onHandleMaxChangeEnd: PropTypes.func,\n  HammerForTestingMin: Handle.propTypes.HammerForTesting,\n  HammerForTestingMax: Handle.propTypes.HammerForTesting\n};\n\nclass Range extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    onChangeEnd: PropTypes.func,\n    multi: PropTypes.bool,\n    theme: PropTypes.oneOf(['default', 'mooc']),\n    min: PropTypes.number,\n    max: PropTypes.number,\n    step: PropTypes.number,\n    minLabel: PropTypes.string,\n    maxLabel: PropTypes.string,\n    minValueLabel: PropTypes.string,\n    maxValueLabel: PropTypes.string,\n    HammerForTestingMin: RenderHandles.propTypes.HammerForTestingMin,\n    HammerForTestingMax: RenderHandles.propTypes.HammerForTestingMax\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {pending} = state;\n    if (pending) return null;\n    return extractStateFromProps(props);\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      ...extractStateFromProps(props),\n      pending: false\n    };\n    this.handleClick = this.handleClick.bind(this);\n    this.setRefTrack = this.setRefTrack.bind(this);\n    this.handleMinChange = this.handleMinChange.bind(this);\n    this.handleMaxChange = this.handleMaxChange.bind(this);\n    this.handleMinChangeEnd = this.handleMinChangeEnd.bind(this);\n    this.handleMaxChangeEnd = this.handleMaxChangeEnd.bind(this);\n  }\n\n  setRefTrack(track) {\n    this.track = track;\n  }\n\n  normalizedToActual(normalizedValue) {\n    const {min = 0, max = 1} = this.props;\n    return min + normalizedValue * (max - min);\n  }\n\n  roundToStep(value) {\n    const {step = 0.1} = this.props;\n    const precision = 10;\n    return Number((Math.round(value / step) * step).toFixed(precision));\n  }\n\n  handleMinChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, true);\n  }\n\n  handleMaxChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, true);\n  }\n\n  handleMinChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, false);\n  }\n\n  handleMaxChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, false);\n  }\n\n  handleChange(value, valueIndex, pending) {\n    const {value: prevValue} = this.state;\n    const newValue = set(valueIndex, value, prevValue);\n    const [minValue, maxValue] = newValue;\n    const nextValue = minValue > maxValue ? prevValue : newValue;\n\n    this.triggerChange(nextValue, pending);\n    return this.setState({\n      pending,\n      value: pending ? nextValue : extractStateFromProps(this.props).value\n    });\n  }\n\n  triggerChange(newValues, pending) {\n    const {onChange = noop, onChangeEnd = onChange, multi = false} = this.props;\n    const handle = pending ? onChange : onChangeEnd;\n    const actualValues = newValues.map(val => this.roundToStep(this.normalizedToActual(val)));\n    return handle(multi ? actualValues : actualValues[1]);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {\n      value: [left, right],\n      multi\n    } = this.state;\n    const newValue = valueOnTrack(this.track, e.clientX);\n\n    if (!multi) return this.handleChange(newValue, 1, false);\n\n    if (left === right) {\n      const isClickToTheLeft = left - newValue > 0;\n      return this.handleChange(newValue, isClickToTheLeft ? 0 : 1, false);\n    }\n\n    const closestHandle = Math.abs(newValue - left) < Math.abs(newValue - right) ? 0 : 1;\n    return this.handleChange(newValue, closestHandle, false);\n  }\n\n  render() {\n    const {\n      multi = false,\n      value: [left, right],\n      pending\n    } = this.state;\n    const {\n      theme = 'default',\n      minLabel = 'Min',\n      maxLabel = 'Max',\n      min,\n      max,\n      minValueLabel,\n      maxValueLabel,\n      HammerForTestingMin,\n      HammerForTestingMax\n    } = this.props;\n\n    const railWidth = right - left;\n    const railLeft = left;\n\n    const {skin} = this.context;\n    const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n    const railStyle =\n      theme === 'mooc'\n        ? {\n            backgroundColor: primaryColor,\n            width: `${railWidth * 100}%`,\n            left: `${railLeft * 100}%`\n          }\n        : {\n            width: `${railWidth * 100}%`,\n            left: `${railLeft * 100}%`\n          };\n\n    const minActualValue = this.roundToStep(this.normalizedToActual(left));\n    const maxActualValue = this.roundToStep(this.normalizedToActual(right));\n\n    const sliderComponent = (\n      <div className={style.container}>\n        <div\n          data-testid=\"track\"\n          className={style.track}\n          data-name=\"sliderTrack\"\n          ref={this.setRefTrack}\n        />\n        <div className={pending ? style.rail : style.animatedRail} style={railStyle} />\n        <RenderHandles\n          HammerForTestingMin={HammerForTestingMin}\n          HammerForTestingMax={HammerForTestingMax}\n          left={left}\n          right={right}\n          pending={pending}\n          multi={multi}\n          onHandleMinChange={this.handleMinChange}\n          onHandleMinChangeEnd={this.handleMinChangeEnd}\n          onHandleMaxChange={this.handleMaxChange}\n          onHandleMaxChangeEnd={this.handleMaxChangeEnd}\n        />\n      </div>\n    );\n\n    if (theme === 'mooc') {\n      return (\n        <div data-testid=\"slider\" className={style.containerWrapper}>\n          <div onClick={this.handleClick}>{sliderComponent}</div>\n          <div className={style.inputsRow}>\n            {multi ? (\n              <div className={style.moocInput} data-testid=\"min-value\">\n                <span className={style.inputHint}>{minLabel}</span>\n                <span className={style.inputValue}>\n                  {minActualValue === min && !!minValueLabel ? minValueLabel : minActualValue}\n                </span>\n              </div>\n            ) : null}\n            <div className={style.moocInput} data-testid=\"max-value\">\n              <span className={style.inputHint}>{maxLabel}</span>\n              <span className={style.inputValue}>\n                {maxActualValue === max && !!maxValueLabel ? maxValueLabel : maxActualValue}\n              </span>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div data-testid=\"slider\" className={style.containerWrapper} onClick={this.handleClick}>\n        {sliderComponent}\n      </div>\n    );\n  }\n}\n\nexport default Range;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_provider","_handle","_style","e","__esModule","default","valueOnTrack","track","x","left","right","getBoundingClientRect","_clamp2","extractStateFromProps","props","multi","value","min","max","toNormalized","actualValue","normalizedValue","Array","isArray","map","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","HammerForTestingMin","HammerForTestingMax","createElement","className","style","handle","animatedHandle","axis","onPan","onPanEnd","HammerForTesting","propTypes","process","env","NODE_ENV","PropTypes","number","bool","func","Handle","Range","React","Component","contextTypes","skin","Provider","childContextTypes","getDerivedStateFromProps","state","constructor","context","handleClick","bind","setRefTrack","handleMinChange","handleMaxChange","handleMinChangeEnd","handleMaxChangeEnd","normalizedToActual","roundToStep","step","precision","Number","toFixed","Math","round","srcEvent","stopPropagation","preventDefault","newValue","center","handleChange","valueIndex","prevValue","_set2","minValue","maxValue","nextValue","triggerChange","setState","newValues","onChange","_noop2","onChangeEnd","actualValues","val","clientX","isClickToTheLeft","closestHandle","abs","render","theme","minLabel","maxLabel","minValueLabel","maxValueLabel","railWidth","railLeft","primaryColor","_getOr2","railStyle","backgroundColor","width","minActualValue","maxActualValue","sliderComponent","container","ref","rail","animatedRail","containerWrapper","onClick","inputsRow","moocInput","inputHint","inputValue","oneOf","string","_default","exports"],"sources":["../../../src/atom/range/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, set, clamp, getOr} from 'lodash/fp';\nimport Provider from '../provider';\nimport Handle from './handle';\nimport style from './style.css';\n\nconst valueOnTrack = (track, x) => {\n  const {left, right} = track.getBoundingClientRect();\n  return clamp(0, 1, (x - left) / (right - left));\n};\n\nconst extractStateFromProps = props => {\n  const {multi = false, value = multi ? [0, 1] : 0, min = 0, max = 1} = props;\n\n  const toNormalized = actualValue => (actualValue - min) / (max - min);\n\n  let normalizedValue;\n  if (multi) {\n    normalizedValue = Array.isArray(value)\n      ? value.map(toNormalized)\n      : [toNormalized(0), toNormalized(value)];\n  } else {\n    normalizedValue = toNormalized(value);\n  }\n\n  return {\n    multi,\n    value: multi ? normalizedValue : [0, normalizedValue]\n  };\n};\n\nconst RenderHandles = props => {\n  const {\n    left,\n    right,\n    multi = false,\n    pending,\n    onHandleMinChange,\n    onHandleMinChangeEnd,\n    onHandleMaxChange,\n    onHandleMaxChangeEnd,\n    HammerForTestingMin,\n    HammerForTestingMax\n  } = props;\n\n  return (\n    <div data-testid=\"handles\">\n      {multi ? (\n        <span\n          className={pending ? style.handle : style.animatedHandle}\n          style={{left: `${left * 100}%`}}\n        >\n          <Handle\n            axis=\"x\"\n            onPan={onHandleMinChange}\n            onPanEnd={onHandleMinChangeEnd}\n            HammerForTesting={HammerForTestingMin}\n          />\n        </span>\n      ) : null}\n      <span\n        className={pending ? style.handle : style.animatedHandle}\n        style={{left: `${right * 100}%`}}\n      >\n        <Handle\n          axis=\"x\"\n          onPan={onHandleMaxChange}\n          onPanEnd={onHandleMaxChangeEnd}\n          HammerForTesting={HammerForTestingMax}\n        />\n      </span>\n    </div>\n  );\n};\n\nRenderHandles.propTypes = {\n  left: PropTypes.number,\n  right: PropTypes.number,\n  multi: PropTypes.bool,\n  pending: PropTypes.bool,\n  onHandleMinChange: PropTypes.func,\n  onHandleMinChangeEnd: PropTypes.func,\n  onHandleMaxChange: PropTypes.func,\n  onHandleMaxChangeEnd: PropTypes.func,\n  HammerForTestingMin: Handle.propTypes.HammerForTesting,\n  HammerForTestingMax: Handle.propTypes.HammerForTesting\n};\n\nclass Range extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    onChangeEnd: PropTypes.func,\n    multi: PropTypes.bool,\n    theme: PropTypes.oneOf(['default', 'mooc']),\n    min: PropTypes.number,\n    max: PropTypes.number,\n    step: PropTypes.number,\n    minLabel: PropTypes.string,\n    maxLabel: PropTypes.string,\n    minValueLabel: PropTypes.string,\n    maxValueLabel: PropTypes.string,\n    HammerForTestingMin: RenderHandles.propTypes.HammerForTestingMin,\n    HammerForTestingMax: RenderHandles.propTypes.HammerForTestingMax\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {pending} = state;\n    if (pending) return null;\n    return extractStateFromProps(props);\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      ...extractStateFromProps(props),\n      pending: false\n    };\n    this.handleClick = this.handleClick.bind(this);\n    this.setRefTrack = this.setRefTrack.bind(this);\n    this.handleMinChange = this.handleMinChange.bind(this);\n    this.handleMaxChange = this.handleMaxChange.bind(this);\n    this.handleMinChangeEnd = this.handleMinChangeEnd.bind(this);\n    this.handleMaxChangeEnd = this.handleMaxChangeEnd.bind(this);\n  }\n\n  setRefTrack(track) {\n    this.track = track;\n  }\n\n  normalizedToActual(normalizedValue) {\n    const {min = 0, max = 1} = this.props;\n    return min + normalizedValue * (max - min);\n  }\n\n  roundToStep(value) {\n    const {step} = this.props;\n    const precision = 10;\n    if (!step) {\n      return Number(value.toFixed(precision));\n    } else {\n      return Number((Math.round(value / step) * step).toFixed(precision));\n    }\n  }\n\n  handleMinChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, true);\n  }\n\n  handleMaxChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, true);\n  }\n\n  handleMinChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, false);\n  }\n\n  handleMaxChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, false);\n  }\n\n  handleChange(value, valueIndex, pending) {\n    const {value: prevValue} = this.state;\n    const newValue = set(valueIndex, value, prevValue);\n    const [minValue, maxValue] = newValue;\n    const nextValue = minValue > maxValue ? prevValue : newValue;\n\n    this.triggerChange(nextValue, pending);\n    return this.setState({\n      pending,\n      value: pending ? nextValue : extractStateFromProps(this.props).value\n    });\n  }\n\n  triggerChange(newValues, pending) {\n    const {onChange = noop, onChangeEnd = onChange, multi = false} = this.props;\n    const handle = pending ? onChange : onChangeEnd;\n    const actualValues = newValues.map(val => this.roundToStep(this.normalizedToActual(val)));\n    return handle(multi ? actualValues : actualValues[1]);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {\n      value: [left, right],\n      multi\n    } = this.state;\n    const newValue = valueOnTrack(this.track, e.clientX);\n\n    if (!multi) return this.handleChange(newValue, 1, false);\n\n    if (left === right) {\n      const isClickToTheLeft = left - newValue > 0;\n      return this.handleChange(newValue, isClickToTheLeft ? 0 : 1, false);\n    }\n\n    const closestHandle = Math.abs(newValue - left) < Math.abs(newValue - right) ? 0 : 1;\n    return this.handleChange(newValue, closestHandle, false);\n  }\n\n  render() {\n    const {\n      multi = false,\n      value: [left, right],\n      pending\n    } = this.state;\n    const {\n      theme = 'default',\n      minLabel = 'Min',\n      maxLabel = 'Max',\n      min,\n      max,\n      minValueLabel,\n      maxValueLabel,\n      HammerForTestingMin,\n      HammerForTestingMax\n    } = this.props;\n\n    const railWidth = right - left;\n    const railLeft = left;\n\n    const {skin} = this.context;\n    const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n    const railStyle =\n      theme === 'mooc'\n        ? {\n            backgroundColor: primaryColor,\n            width: `${railWidth * 100}%`,\n            left: `${railLeft * 100}%`\n          }\n        : {\n            width: `${railWidth * 100}%`,\n            left: `${railLeft * 100}%`\n          };\n\n    const minActualValue = this.roundToStep(this.normalizedToActual(left));\n    const maxActualValue = this.roundToStep(this.normalizedToActual(right));\n\n    const sliderComponent = (\n      <div className={style.container}>\n        <div\n          data-testid=\"track\"\n          className={style.track}\n          data-name=\"sliderTrack\"\n          ref={this.setRefTrack}\n        />\n        <div className={pending ? style.rail : style.animatedRail} style={railStyle} />\n        <RenderHandles\n          HammerForTestingMin={HammerForTestingMin}\n          HammerForTestingMax={HammerForTestingMax}\n          left={left}\n          right={right}\n          pending={pending}\n          multi={multi}\n          onHandleMinChange={this.handleMinChange}\n          onHandleMinChangeEnd={this.handleMinChangeEnd}\n          onHandleMaxChange={this.handleMaxChange}\n          onHandleMaxChangeEnd={this.handleMaxChangeEnd}\n        />\n      </div>\n    );\n\n    if (theme === 'mooc') {\n      return (\n        <div data-testid=\"slider\" className={style.containerWrapper}>\n          <div onClick={this.handleClick}>{sliderComponent}</div>\n          <div className={style.inputsRow}>\n            {multi ? (\n              <div className={style.moocInput} data-testid=\"min-value\">\n                <span className={style.inputHint}>{minLabel}</span>\n                <span className={style.inputValue}>\n                  {minActualValue === min && !!minValueLabel ? minValueLabel : minActualValue}\n                </span>\n              </div>\n            ) : null}\n            <div className={style.moocInput} data-testid=\"max-value\">\n              <span className={style.inputHint}>{maxLabel}</span>\n              <span className={style.inputValue}>\n                {maxActualValue === max && !!maxValueLabel ? maxValueLabel : maxActualValue}\n              </span>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div data-testid=\"slider\" className={style.containerWrapper} onClick={this.handleClick}>\n        {sliderComponent}\n      </div>\n    );\n  }\n}\n\nexport default Range;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/questions/mobile/draggable/index.native.js

@@ -45,7 +45,7 @@ const Selection = props => {
     key: item._id,
     squeezed: true,
     isSelected: true,
-    testID: `choice-${item._id}`,
+    testID: `choice-${item._id}-selected`,
     onPress: onPress(item),
     questionType: "qcmDrag"
   }, item.label));

package/lib/molecule/questions/mobile/draggable/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createSelectionStyle","theme","StyleSheet","create","choice","margin","spacing","micro","selectionArea","flexWrap","flexDirection","text","color","colors","gray","medium","Selection","props","templateContext","useTemplateContext","onPress","styleSheet","setStylesheet","useState","useEffect","_stylesheet","choices","mappedSortedChoices","map","item","createElement","style","key","_id","squeezed","isSelected","testID","questionType","label","View","createStyleSheet","container","flex","pickableChoices","line","borderWidth","borderColor","borderRadius","marginHorizontal","marginBottom","marginTop","height","QuestionDraggable","selectedChoices","filter","selected","_default","exports"],"sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n  choices: Array<SelectableChoice>;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n  choice: ViewStyle;\n  selectionArea: ViewStyle;\n  text: TextStyle;\n};\n\nconst createSelectionStyle = (theme: Theme): DropZoneStyleSheet =>\n  StyleSheet.create({\n    choice: {\n      margin: theme.spacing.micro\n    },\n    selectionArea: {\n      flexWrap: 'wrap',\n      flexDirection: 'row'\n    },\n    text: {\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst Selection = (props: DropZoneProps) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n  const {onPress} = props;\n\n  const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createSelectionStyle(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices} = props;\n  const mappedSortedChoices = choices.map(item => (\n    <QuestionChoice\n      style={styleSheet.choice}\n      key={item._id}\n      squeezed\n      isSelected\n      testID={`choice-${item._id}`}\n      onPress={onPress(item)}\n      questionType=\"qcmDrag\"\n    >\n      {item.label}\n    </QuestionChoice>\n  ));\n\n  return <View style={styleSheet.selectionArea}>{mappedSortedChoices}</View>;\n};\n\nexport interface Props {\n  choices: Array<SelectableChoice>;\n  testID?: string;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n  container: ViewStyle;\n  pickableChoices: ViewStyle;\n  choice: ViewStyle;\n  line: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n  StyleSheet.create({\n    container: {\n      flex: 1\n    },\n    pickableChoices: {\n      flexDirection: 'row',\n      flexWrap: 'wrap'\n    },\n    choice: {\n      margin: theme.spacing.micro\n    },\n    line: {\n      borderWidth: 1,\n      borderColor: '#E1E1E3',\n      borderRadius: 17,\n      marginHorizontal: 4,\n      marginBottom: 24,\n      marginTop: 16,\n      height: 2\n    }\n  });\n\nconst QuestionDraggable = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices, onPress, testID} = props;\n  const selectedChoices = choices.filter(item => item.selected);\n\n  const pickableChoices = choices\n    .filter(item => !item.selected)\n    .map((item: SelectableChoice) => (\n      <QuestionChoice\n        style={styleSheet.choice}\n        key={item._id}\n        squeezed\n        testID={`choice-${item._id}-unselected`}\n        onPress={onPress(item)}\n        questionType=\"qcmDrag\"\n      >\n        {item.label}\n      </QuestionChoice>\n    ));\n\n  return (\n    <View testID={testID} style={styleSheet.container}>\n      <Selection choices={selectedChoices} onPress={onPress} />\n      <View style={styleSheet.line} />\n      <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n    </View>\n  );\n};\n\nexport default QuestionDraggable;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createSelectionStyle","theme","StyleSheet","create","choice","margin","spacing","micro","selectionArea","flexWrap","flexDirection","text","color","colors","gray","medium","Selection","props","templateContext","useTemplateContext","onPress","styleSheet","setStylesheet","useState","useEffect","_stylesheet","choices","mappedSortedChoices","map","item","createElement","style","key","_id","squeezed","isSelected","testID","questionType","label","View","createStyleSheet","container","flex","pickableChoices","line","borderWidth","borderColor","borderRadius","marginHorizontal","marginBottom","marginTop","height","QuestionDraggable","selectedChoices","filter","selected","_default","exports"],"sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n  choices: Array<SelectableChoice>;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n  choice: ViewStyle;\n  selectionArea: ViewStyle;\n  text: TextStyle;\n};\n\nconst createSelectionStyle = (theme: Theme): DropZoneStyleSheet =>\n  StyleSheet.create({\n    choice: {\n      margin: theme.spacing.micro\n    },\n    selectionArea: {\n      flexWrap: 'wrap',\n      flexDirection: 'row'\n    },\n    text: {\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst Selection = (props: DropZoneProps) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n  const {onPress} = props;\n\n  const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createSelectionStyle(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices} = props;\n  const mappedSortedChoices = choices.map(item => (\n    <QuestionChoice\n      style={styleSheet.choice}\n      key={item._id}\n      squeezed\n      isSelected\n      testID={`choice-${item._id}-selected`}\n      onPress={onPress(item)}\n      questionType=\"qcmDrag\"\n    >\n      {item.label}\n    </QuestionChoice>\n  ));\n\n  return <View style={styleSheet.selectionArea}>{mappedSortedChoices}</View>;\n};\n\nexport interface Props {\n  choices: Array<SelectableChoice>;\n  testID?: string;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n  container: ViewStyle;\n  pickableChoices: ViewStyle;\n  choice: ViewStyle;\n  line: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n  StyleSheet.create({\n    container: {\n      flex: 1\n    },\n    pickableChoices: {\n      flexDirection: 'row',\n      flexWrap: 'wrap'\n    },\n    choice: {\n      margin: theme.spacing.micro\n    },\n    line: {\n      borderWidth: 1,\n      borderColor: '#E1E1E3',\n      borderRadius: 17,\n      marginHorizontal: 4,\n      marginBottom: 24,\n      marginTop: 16,\n      height: 2\n    }\n  });\n\nconst QuestionDraggable = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices, onPress, testID} = props;\n  const selectedChoices = choices.filter(item => item.selected);\n\n  const pickableChoices = choices\n    .filter(item => !item.selected)\n    .map((item: SelectableChoice) => (\n      <QuestionChoice\n        style={styleSheet.choice}\n        key={item._id}\n        squeezed\n        testID={`choice-${item._id}-unselected`}\n        onPress={onPress(item)}\n        questionType=\"qcmDrag\"\n      >\n        {item.label}\n      </QuestionChoice>\n    ));\n\n  return (\n    <View testID={testID} style={styleSheet.container}>\n      <Selection choices={selectedChoices} onPress={onPress} />\n      <View style={styleSheet.line} />\n      <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n    </View>\n  );\n};\n\nexport default QuestionDraggable;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA2BvE,OAAO,EAAa,gBAAgB,EAAa,MAAM,cAAc,CAAC;AAoQtE,QAAA,MAAM,KAAK,UAAW,gBAAgB,sBAqErC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA2BvE,OAAO,EAAa,gBAAgB,EAAa,MAAM,cAAc,CAAC;AAoQtE,QAAA,MAAM,KAAK,UAAW,gBAAgB,sBAwErC,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -274,11 +274,13 @@ const Slide = props => {
   } = slide;
   if (loading) {
     return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: slideStyle.slide
+      style: slideStyle.slide,
+      pointerEvents: isFirstSlide ? 'auto' : 'none'
     });
   }
   return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-    style: [slideStyle.slide, animatedStyle]
+    style: [slideStyle.slide, animatedStyle],
+    pointerEvents: isFirstSlide ? 'auto' : 'none'
   }, /*#__PURE__*/_react.default.createElement(Question, {
     questionOrigin: parentContentTitle,
     questionText: questionText,

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_get","_interopRequireDefault","_getOr","_reactNativeAnimation","_index","_index2","_templateContext","_index3","_propTypes","_index4","_index5","_useMobileKeyboardVisibility","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","styles","StyleSheet","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","TYPE_VIDEO","createElement","View","style","TYPE_IMAGE","uri","url","split","Image","source","TYPE_AUDIO","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","useTranslateY","fromValue","toValue","duration","easing","Easing","bezier","useEffect","start","klf","getOr","undefined","information","label","message","next","onClick","_correctionPopinProps","resultLabel","animatedStyle","Animated","createQuestionStyle","theme","questionHeading","questionOriginContainer","marginBottom","spacing","tiny","marginTop","small","questionOrigin","fontSize","lineHeight","color","colors","text","primary","textAlign","questionTextContainer","marginVertical","questionText","fontWeight","questionHelpContainer","questionHelp","gray","medium","choicesScrollView","choicesScrollContent","flexGrow","padding","Question","props","answerUI","isKeyboardVisible","autoplayMedia","useTemplateContext","setStyle","useState","questionStyle","hasVideoOrImage","includes","Fragment","isTextCentered","ScrollView","contentContainerStyle","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","useMobileKeyboardVisibility","handleValidatePress","useCallback","Keyboard","dismiss","setTimeout","useWindowDimensions","slideStyle","useMemo","isFirstSlide","loading","parentContentTitle","key","disabled","submitValue","onPress","testID","_default","exports"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {\n  Animated,\n  Easing,\n  Image,\n  Keyboard,\n  ScrollView,\n  StyleSheet,\n  TextStyle,\n  useWindowDimensions,\n  View,\n  ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport {useTranslateY} from '@coorpacademy/react-native-animation';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from '../../molecule/answer/prop-types';\nimport Video from '../../molecule/video-player-mobile/index.native';\nimport {Media} from '../../molecule/questions/types';\nimport Html from '../../atom/html/index.native';\nimport useMobileKeyboardVisibility from '../../util/use-mobile-keyboard-visibility';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  mediaContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: 200,\n    borderRadius: 10,\n    overflow: 'hidden'\n  },\n  image: {\n    flex: 1,\n    width: '100%'\n  },\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst MediaView = ({media, autoplay}: {media?: Media; autoplay: boolean}) => {\n  if (!media) {\n    return null;\n  }\n\n  switch (media.type) {\n    case TYPE_VIDEO:\n      return (\n        <View style={styles.mediaContainer}>\n          <Video media={media} autoplay={autoplay} />\n        </View>\n      );\n    case TYPE_IMAGE: {\n      const uri = `https://${media.url?.split('//')[1]}`;\n      return <Image style={[styles.mediaContainer, styles.image]} source={{uri}} />;\n    }\n    case TYPE_AUDIO:\n    default:\n      return null;\n  }\n};\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  const translateUp = useTranslateY({\n    fromValue: 500,\n    toValue: 0,\n    duration: 500,\n    easing: Easing.bezier(0.34, 1.36, 0.64, 1)\n  });\n\n  // the translation is required only once on mount\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => translateUp.start(), []);\n\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  const style = animateCorrectionPopin\n    ? [styles.correctionPopinWrapper, translateUp.animatedStyle]\n    : styles.correctionPopinWrapper;\n\n  return (\n    <Animated.View style={style}>\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOriginContainer: ViewStyle;\n  questionOrigin: TextStyle;\n  questionTextContainer: TextStyle;\n  questionText: TextStyle;\n  questionHelpContainer: ViewStyle;\n  questionHelp: TextStyle;\n  choicesScrollView: ViewStyle;\n  choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    questionOriginContainer: {\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionTextContainer: {\n      marginVertical: 4,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary\n    },\n    questionHelpContainer: {\n      marginVertical: 4\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesScrollView: {\n      marginTop: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      flexGrow: 1,\n      justifyContent: 'space-around',\n      padding: 10\n    }\n  });\n\ntype QuestionProps = {\n  autoplayMedia: boolean;\n  answerUI: SlideProps['answerUI'];\n  isKeyboardVisible: boolean;\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {\n    answerUI,\n    questionText,\n    questionOrigin = '',\n    isKeyboardVisible,\n    autoplayMedia = false\n  } = props;\n  const {theme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme);\n    setStyle(questionStyle);\n  }, [theme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  const hasVideoOrImage =\n    answerUI.media?.type && [TYPE_VIDEO, TYPE_IMAGE].includes(answerUI.media.type);\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <View style={style.questionOriginContainer}>\n          <Html style={style.questionOrigin} isTextCentered>\n            {questionOrigin}\n          </Html>\n        </View>\n        <View style={style.questionTextContainer}>\n          <Html style={style.questionText} isTextCentered>\n            {questionText}\n          </Html>\n        </View>\n        <View style={style.questionHelpContainer}>\n          <Html style={style.questionHelp}>{get('help', answerUI)}</Html>\n        </View>\n      </View>\n      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={style.choicesScrollContent}\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n      >\n        {!isKeyboardVisible && hasVideoOrImage ? (\n          <MediaView media={answerUI.media} autoplay={autoplayMedia} />\n        ) : null}\n        <View\n          style={{\n            marginTop: hasVideoOrImage ? 30 : 0\n          }}\n        >\n          <Answer {...answerUI} />\n        </View>\n      </ScrollView>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n  hiddenBackgroundToLockActions: ViewStyle;\n};\n\nconst createSlideStyle = (\n  num: number,\n  screenWidth: number,\n  isKeyboardVisible: boolean\n): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    hiddenBackgroundToLockActions: {\n      position: 'absolute',\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n      backgroundColor: '#00000000'\n    },\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: (isKeyboardVisible ? 5 : 34) + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {animatedStyle, slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n  const [isValidated, setValidated] = useState<boolean>(false);\n\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleValidatePress = useCallback(() => {\n    Keyboard.dismiss();\n    setValidated(true);\n\n    // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible\n    setTimeout(() => {\n      validateButton.onClick();\n    }, 20);\n\n    // only to create on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const {width} = useWindowDimensions();\n  const slideStyle = useMemo(\n    () => createSlideStyle(num, width, isKeyboardVisible),\n    [num, width, isKeyboardVisible]\n  );\n  const isFirstSlide = num === 1;\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  if (loading) {\n    return <View style={slideStyle.slide} />;\n  }\n\n  return (\n    <Animated.View style={[slideStyle.slide, animatedStyle]}>\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        autoplayMedia={isFirstSlide}\n        isKeyboardVisible={isKeyboardVisible}\n        key=\"question-container\"\n      />\n      {isKeyboardVisible ? null : (\n        <Button\n          disabled={isValidated || validateButton.disabled}\n          submitValue={validateButton.label}\n          onPress={handleValidatePress}\n          testID={`slide-validate-button-${slideIndex}`}\n        />\n      )}\n      {isValidated ? <View style={slideStyle.hiddenBackgroundToLockActions} /> : null}\n      {correctionPopinProps ? (\n        <CorrectionPopin\n          correctionPopinProps={correctionPopinProps}\n          slideIndex={slideIndex}\n          showCorrectionPopin={showCorrectionPopin}\n          animateCorrectionPopin={animateCorrectionPopin}\n          key=\"correction-popin\"\n        />\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_get","_interopRequireDefault","_getOr","_reactNativeAnimation","_index","_index2","_templateContext","_index3","_propTypes","_index4","_index5","_useMobileKeyboardVisibility","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","styles","StyleSheet","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","TYPE_VIDEO","createElement","View","style","TYPE_IMAGE","uri","url","split","Image","source","TYPE_AUDIO","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","useTranslateY","fromValue","toValue","duration","easing","Easing","bezier","useEffect","start","klf","getOr","undefined","information","label","message","next","onClick","_correctionPopinProps","resultLabel","animatedStyle","Animated","createQuestionStyle","theme","questionHeading","questionOriginContainer","marginBottom","spacing","tiny","marginTop","small","questionOrigin","fontSize","lineHeight","color","colors","text","primary","textAlign","questionTextContainer","marginVertical","questionText","fontWeight","questionHelpContainer","questionHelp","gray","medium","choicesScrollView","choicesScrollContent","flexGrow","padding","Question","props","answerUI","isKeyboardVisible","autoplayMedia","useTemplateContext","setStyle","useState","questionStyle","hasVideoOrImage","includes","Fragment","isTextCentered","ScrollView","contentContainerStyle","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","useMobileKeyboardVisibility","handleValidatePress","useCallback","Keyboard","dismiss","setTimeout","useWindowDimensions","slideStyle","useMemo","isFirstSlide","loading","parentContentTitle","pointerEvents","key","disabled","submitValue","onPress","testID","_default","exports"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {\n  Animated,\n  Easing,\n  Image,\n  Keyboard,\n  ScrollView,\n  StyleSheet,\n  TextStyle,\n  useWindowDimensions,\n  View,\n  ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport {useTranslateY} from '@coorpacademy/react-native-animation';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from '../../molecule/answer/prop-types';\nimport Video from '../../molecule/video-player-mobile/index.native';\nimport {Media} from '../../molecule/questions/types';\nimport Html from '../../atom/html/index.native';\nimport useMobileKeyboardVisibility from '../../util/use-mobile-keyboard-visibility';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  mediaContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: 200,\n    borderRadius: 10,\n    overflow: 'hidden'\n  },\n  image: {\n    flex: 1,\n    width: '100%'\n  },\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst MediaView = ({media, autoplay}: {media?: Media; autoplay: boolean}) => {\n  if (!media) {\n    return null;\n  }\n\n  switch (media.type) {\n    case TYPE_VIDEO:\n      return (\n        <View style={styles.mediaContainer}>\n          <Video media={media} autoplay={autoplay} />\n        </View>\n      );\n    case TYPE_IMAGE: {\n      const uri = `https://${media.url?.split('//')[1]}`;\n      return <Image style={[styles.mediaContainer, styles.image]} source={{uri}} />;\n    }\n    case TYPE_AUDIO:\n    default:\n      return null;\n  }\n};\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  const translateUp = useTranslateY({\n    fromValue: 500,\n    toValue: 0,\n    duration: 500,\n    easing: Easing.bezier(0.34, 1.36, 0.64, 1)\n  });\n\n  // the translation is required only once on mount\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => translateUp.start(), []);\n\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  const style = animateCorrectionPopin\n    ? [styles.correctionPopinWrapper, translateUp.animatedStyle]\n    : styles.correctionPopinWrapper;\n\n  return (\n    <Animated.View style={style}>\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOriginContainer: ViewStyle;\n  questionOrigin: TextStyle;\n  questionTextContainer: TextStyle;\n  questionText: TextStyle;\n  questionHelpContainer: ViewStyle;\n  questionHelp: TextStyle;\n  choicesScrollView: ViewStyle;\n  choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    questionOriginContainer: {\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionTextContainer: {\n      marginVertical: 4,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary\n    },\n    questionHelpContainer: {\n      marginVertical: 4\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesScrollView: {\n      marginTop: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      flexGrow: 1,\n      justifyContent: 'space-around',\n      padding: 10\n    }\n  });\n\ntype QuestionProps = {\n  autoplayMedia: boolean;\n  answerUI: SlideProps['answerUI'];\n  isKeyboardVisible: boolean;\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {\n    answerUI,\n    questionText,\n    questionOrigin = '',\n    isKeyboardVisible,\n    autoplayMedia = false\n  } = props;\n  const {theme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme);\n    setStyle(questionStyle);\n  }, [theme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  const hasVideoOrImage =\n    answerUI.media?.type && [TYPE_VIDEO, TYPE_IMAGE].includes(answerUI.media.type);\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <View style={style.questionOriginContainer}>\n          <Html style={style.questionOrigin} isTextCentered>\n            {questionOrigin}\n          </Html>\n        </View>\n        <View style={style.questionTextContainer}>\n          <Html style={style.questionText} isTextCentered>\n            {questionText}\n          </Html>\n        </View>\n        <View style={style.questionHelpContainer}>\n          <Html style={style.questionHelp}>{get('help', answerUI)}</Html>\n        </View>\n      </View>\n      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={style.choicesScrollContent}\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n      >\n        {!isKeyboardVisible && hasVideoOrImage ? (\n          <MediaView media={answerUI.media} autoplay={autoplayMedia} />\n        ) : null}\n        <View\n          style={{\n            marginTop: hasVideoOrImage ? 30 : 0\n          }}\n        >\n          <Answer {...answerUI} />\n        </View>\n      </ScrollView>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n  hiddenBackgroundToLockActions: ViewStyle;\n};\n\nconst createSlideStyle = (\n  num: number,\n  screenWidth: number,\n  isKeyboardVisible: boolean\n): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    hiddenBackgroundToLockActions: {\n      position: 'absolute',\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n      backgroundColor: '#00000000'\n    },\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: (isKeyboardVisible ? 5 : 34) + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {animatedStyle, slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n  const [isValidated, setValidated] = useState<boolean>(false);\n\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleValidatePress = useCallback(() => {\n    Keyboard.dismiss();\n    setValidated(true);\n\n    // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible\n    setTimeout(() => {\n      validateButton.onClick();\n    }, 20);\n\n    // only to create on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const {width} = useWindowDimensions();\n  const slideStyle = useMemo(\n    () => createSlideStyle(num, width, isKeyboardVisible),\n    [num, width, isKeyboardVisible]\n  );\n  const isFirstSlide = num === 1;\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  if (loading) {\n    return <View style={slideStyle.slide} pointerEvents={isFirstSlide ? 'auto' : 'none'} />;\n  }\n\n  return (\n    <Animated.View\n      style={[slideStyle.slide, animatedStyle]}\n      pointerEvents={isFirstSlide ? 'auto' : 'none'}\n    >\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        autoplayMedia={isFirstSlide}\n        isKeyboardVisible={isKeyboardVisible}\n        key=\"question-container\"\n      />\n      {isKeyboardVisible ? null : (\n        <Button\n          disabled={isValidated || validateButton.disabled}\n          submitValue={validateButton.label}\n          onPress={handleValidatePress}\n          testID={`slide-validate-button-${slideIndex}`}\n        />\n      )}\n      {isValidated ? <View style={slideStyle.hiddenBackgroundToLockActions} /> : null}\n      {correctionPopinProps ? (\n        <CorrectionPopin\n          correctionPopinProps={correctionPopinProps}\n          slideIndex={slideIndex}\n          showCorrectionPopin={showCorrectionPopin}\n          animateCorrectionPopin={animateCorrectionPopin}\n          key=\"correction-popin\"\n        />\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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","ignoreList":[]}

package/lib/template/skill-detail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/skill-detail/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,SAAS,MAAM,YAAY,CAAC;AAUnC,OAAkB,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAMpE,UAAU,2BAA2B;IACnC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,UAAU,eAAe;IACvB,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;CACnD;AAED,eAAO,MAAM,sBAAsB;YAC1B,2BAA2B,WACzB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BzB,CAAC;AAYF,UAAU,OAAO;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,aAAK,mBAAmB,GACpB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACrB;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AACN,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,EAAE,cAAc,CAAC;IACrC,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;KACrB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC3C;AACD,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+MrE,CAAC;AAyCF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/skill-detail/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,SAAS,MAAM,YAAY,CAAC;AAUnC,OAAkB,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAMpE,UAAU,2BAA2B;IACnC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,UAAU,eAAe;IACvB,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;CACnD;AAED,eAAO,MAAM,sBAAsB;YAC1B,2BAA2B,WACzB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BzB,CAAC;AAYF,UAAU,OAAO;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,aAAK,mBAAmB,GACpB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACrB;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AACN,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,EAAE,cAAc,CAAC;IACrC,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;KACrB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC3C;AACD,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkNrE,CAAC;AAyCF,eAAe,WAAW,CAAC"}

package/lib/template/skill-detail/index.js

@@ -202,9 +202,14 @@ const SkillDetail = (props, context) => {
     }
   })) : null), questionsToReview > 0 ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.skillInformation
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('skill_chart_side_panel_questions_to_review', {
-    count: questionsToReview
-  }))) : null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    // eslint-disable-next-line react/no-danger
+    dangerouslySetInnerHTML: {
+      __html: translate('skill_chart_side_panel_questions_to_review', {
+        count: questionsToReview
+      })
+    }
+  })) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.progressContainer, !hasDescription && _style.default.noDescriptionSpacing)
   }, /*#__PURE__*/_react.default.createElement(ProgressBar, null)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.ctaWrapper