@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/es/atom/link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","Provider","pushToHistory","Link","props","legacyContext","hovered","setHovered","history","createHref","_identity","hoverColor","hoverBackgroundColor","dataName","useButtonTag","href","onClick","_noop","style","customStyle","children","onMouseEnter","onMouseLeave","download","disabled","restProps","navigate","handleMouseEnter","handleMouseLeave","handleOnClick","e","backgroundColor","undefined","color","pointerEvents","createElement","_extends","type","propTypes","process","env","NODE_ENV","node","className","string","title","target","oneOf","bool","func","shape","contextTypes","skin","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n\n  const {\n    hoverColor,\n    hoverBackgroundColor,\n    'data-name': dataName = 'link',\n    useButtonTag = false,\n    href,\n    onClick = noop,\n    style: customStyle,\n    children,\n    onMouseEnter = noop,\n    onMouseLeave = noop,\n    download,\n    disabled,\n    ...restProps\n  } = props;\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n      if (!download) navigate(e);\n    },\n    [download, navigate, onClick]\n  );\n\n  const style = {\n    ...customStyle,\n    ...(hovered && hoverBackgroundColor ? {backgroundColor: hoverBackgroundColor} : undefined),\n    ...(hovered && hoverColor ? {color: hoverColor} : undefined),\n    ...(href || onClick ? null : {pointerEvents: 'none'})\n  };\n\n  return useButtonTag ? (\n    <button\n      {...restProps}\n      data-name={dataName}\n      type=\"button\"\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </button>\n  ) : (\n    <a\n      {...restProps}\n      data-name={dataName}\n      href={disabled || !href ? undefined : createHref(href)}\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  hoverColor: PropTypes.string,\n  hoverBackgroundColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  useButtonTag: PropTypes.bool,\n  style: PropTypes.shape({}),\n  disabled: PropTypes.bool\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","Provider","pushToHistory","Link","props","legacyContext","hovered","setHovered","history","createHref","hoverColor","hoverBackgroundColor","dataName","useButtonTag","href","onClick","style","customStyle","children","onMouseEnter","onMouseLeave","download","disabled","restProps","navigate","handleMouseEnter","handleMouseLeave","handleOnClick","e","backgroundColor","undefined","color","pointerEvents","propTypes","node","className","string","title","target","oneOf","bool","func","shape","contextTypes","skin","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n\n  const {\n    hoverColor,\n    hoverBackgroundColor,\n    'data-name': dataName = 'link',\n    useButtonTag = false,\n    href,\n    onClick = noop,\n    style: customStyle,\n    children,\n    onMouseEnter = noop,\n    onMouseLeave = noop,\n    download,\n    disabled,\n    ...restProps\n  } = props;\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n      if (!download) navigate(e);\n    },\n    [download, navigate, onClick]\n  );\n\n  const style = {\n    ...customStyle,\n    ...(hovered && hoverBackgroundColor ? {backgroundColor: hoverBackgroundColor} : undefined),\n    ...(hovered && hoverColor ? {color: hoverColor} : undefined),\n    ...(href || onClick ? null : {pointerEvents: 'none'})\n  };\n\n  return useButtonTag ? (\n    <button\n      {...restProps}\n      data-name={dataName}\n      type=\"button\"\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </button>\n  ) : (\n    <a\n      {...restProps}\n      data-name={dataName}\n      href={disabled || !href ? undefined : createHref(href)}\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  hoverColor: PropTypes.string,\n  hoverBackgroundColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  useButtonTag: PropTypes.bool,\n  style: PropTypes.shape({}),\n  disabled: PropTypes.bool\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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"}

package/es/atom/loader/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { NovaCompositionCoorpacademyCmLoader as CMLoader } from '@coorpacademy/nova-icons';
 import classnames from 'classnames';
 import style from './style.css';
+
 const Loader = ({
   className,
   theme = 'default'
@@ -31,6 +32,7 @@ const Loader = ({
     className: style.yellow
   })));
 };
+
 Loader.propTypes = process.env.NODE_ENV !== "production" ? {
   className: PropTypes.string,
   theme: PropTypes.oneOf(['default', 'coorpmanager'])

package/es/atom/loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyCmLoader","CMLoader","classnames","style","Loader","className","theme","createElement","cmLoaderContainer","cmLoaderGrey","cmLoaderLightGrey","cmLoaderBlue","container","dots","red","blue","green","yellow","propTypes","process","env","NODE_ENV","string","oneOf"],"sources":["../../../src/atom/loader/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCmLoader as CMLoader} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Loader = ({className, theme = 'default'}) => {\n  return theme !== 'default' ? (\n    <div data-name=\"loader\" className={classnames(style.cmLoaderContainer, className)}>\n      <CMLoader className={style.cmLoaderGrey} />\n      <CMLoader className={style.cmLoaderLightGrey} />\n      <CMLoader className={style.cmLoaderBlue} />\n    </div>\n  ) : (\n    <div data-name=\"loader\" className={classnames(style.container, className)}>\n      <div className={style.dots}>\n        <div className={style.red} />\n        <div className={style.blue} />\n        <div className={style.green} />\n        <div className={style.yellow} />\n      </div>\n    </div>\n  );\n};\n\nLoader.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf(['default', 'coorpmanager'])\n};\n\nexport default Loader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,mCAAmC,IAAIC,QAAQ,QAAO,0BAA0B;AACxF,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,MAAM,GAAGA,CAAC;EAACC,SAAS;EAAEC,KAAK,GAAG;AAAS,CAAC,KAAK;EACjD,OAAOA,KAAK,KAAK,SAAS,gBACxBR,KAAA,CAAAS,aAAA;IAAK,aAAU,QAAQ;IAACF,SAAS,EAAEH,UAAU,CAACC,KAAK,CAACK,iBAAiB,EAAEH,SAAS;EAAE,gBAChFP,KAAA,CAAAS,aAAA,CAACN,QAAQ;IAACI,SAAS,EAAEF,KAAK,CAACM;EAAa,CAAE,CAAC,eAC3CX,KAAA,CAAAS,aAAA,CAACN,QAAQ;IAACI,SAAS,EAAEF,KAAK,CAACO;EAAkB,CAAE,CAAC,eAChDZ,KAAA,CAAAS,aAAA,CAACN,QAAQ;IAACI,SAAS,EAAEF,KAAK,CAACQ;EAAa,CAAE,CACvC,CAAC,gBAENb,KAAA,CAAAS,aAAA;IAAK,aAAU,QAAQ;IAACF,SAAS,EAAEH,UAAU,CAACC,KAAK,CAACS,SAAS,EAAEP,SAAS;EAAE,gBACxEP,KAAA,CAAAS,aAAA;IAAKF,SAAS,EAAEF,KAAK,CAACU;EAAK,gBACzBf,KAAA,CAAAS,aAAA;IAAKF,SAAS,EAAEF,KAAK,CAACW;EAAI,CAAE,CAAC,eAC7BhB,KAAA,CAAAS,aAAA;IAAKF,SAAS,EAAEF,KAAK,CAACY;EAAK,CAAE,CAAC,eAC9BjB,KAAA,CAAAS,aAAA;IAAKF,SAAS,EAAEF,KAAK,CAACa;EAAM,CAAE,CAAC,eAC/BlB,KAAA,CAAAS,aAAA;IAAKF,SAAS,EAAEF,KAAK,CAACc;EAAO,CAAE,CAC5B,CACF,CACN;AACH,CAAC;AAEDb,MAAM,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjBhB,SAAS,EAAEN,SAAS,CAACuB,MAAM;EAC3BhB,KAAK,EAAEP,SAAS,CAACwB,KAAK,CAAC,CAAC,SAAS,EAAE,cAAc,CAAC;AACpD,CAAC;AAED,eAAenB,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyCmLoader","CMLoader","classnames","style","Loader","className","theme","cmLoaderContainer","cmLoaderGrey","cmLoaderLightGrey","cmLoaderBlue","container","dots","red","blue","green","yellow","propTypes","string","oneOf"],"sources":["../../../src/atom/loader/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCmLoader as CMLoader} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Loader = ({className, theme = 'default'}) => {\n  return theme !== 'default' ? (\n    <div data-name=\"loader\" className={classnames(style.cmLoaderContainer, className)}>\n      <CMLoader className={style.cmLoaderGrey} />\n      <CMLoader className={style.cmLoaderLightGrey} />\n      <CMLoader className={style.cmLoaderBlue} />\n    </div>\n  ) : (\n    <div data-name=\"loader\" className={classnames(style.container, className)}>\n      <div className={style.dots}>\n        <div className={style.red} />\n        <div className={style.blue} />\n        <div className={style.green} />\n        <div className={style.yellow} />\n      </div>\n    </div>\n  );\n};\n\nLoader.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf(['default', 'coorpmanager'])\n};\n\nexport default Loader;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,mCAAmC,IAAIC,QAA/C,QAA8D,0BAA9D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAG,CAAC;EAACC,SAAD;EAAYC,KAAK,GAAG;AAApB,CAAD,KAAoC;EACjD,OAAOA,KAAK,KAAK,SAAV,gBACL;IAAK,aAAU,QAAf;IAAwB,SAAS,EAAEJ,UAAU,CAACC,KAAK,CAACI,iBAAP,EAA0BF,SAA1B;EAA7C,gBACE,oBAAC,QAAD;IAAU,SAAS,EAAEF,KAAK,CAACK;EAA3B,EADF,eAEE,oBAAC,QAAD;IAAU,SAAS,EAAEL,KAAK,CAACM;EAA3B,EAFF,eAGE,oBAAC,QAAD;IAAU,SAAS,EAAEN,KAAK,CAACO;EAA3B,EAHF,CADK,gBAOL;IAAK,aAAU,QAAf;IAAwB,SAAS,EAAER,UAAU,CAACC,KAAK,CAACQ,SAAP,EAAkBN,SAAlB;EAA7C,gBACE;IAAK,SAAS,EAAEF,KAAK,CAACS;EAAtB,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,EADF,eAEE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,EAFF,eAGE;IAAK,SAAS,EAAEX,KAAK,CAACY;EAAtB,EAHF,eAIE;IAAK,SAAS,EAAEZ,KAAK,CAACa;EAAtB,EAJF,CADF,CAPF;AAgBD,CAjBD;;AAmBAZ,MAAM,CAACa,SAAP,2CAAmB;EACjBZ,SAAS,EAAEN,SAAS,CAACmB,MADJ;EAEjBZ,KAAK,EAAEP,SAAS,CAACoB,KAAV,CAAgB,CAAC,SAAD,EAAY,cAAZ,CAAhB;AAFU,CAAnB;AAKA,eAAef,MAAf"}

package/es/atom/loader/index.native.js

@@ -2,6 +2,7 @@ import { useAnimateProp } from '@coorpacademy/react-native-animation';
 import React, { useEffect, useRef, useState } from 'react';
 import { Animated, StyleSheet, Easing } from 'react-native';
 import { useTemplateContext } from '../../template/app-review/template-context';
+
 const createStyleSheet = theme => StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -23,8 +24,10 @@ const createStyleSheet = theme => StyleSheet.create({
     backgroundColor: theme.colors.battle
   }
 });
+
 const CYCLE_DURATION = 3000;
 const MIN_TIME = 1000;
+
 const Loader = props => {
   const templateContext = useTemplateContext();
   const {
@@ -50,6 +53,7 @@ const Loader = props => {
   } = props;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
   useEffect(() => {
@@ -61,6 +65,7 @@ const Loader = props => {
     setTimeout(() => {
       setMinTimeSpent(true);
     }, MIN_TIME);
+
     const _animation = Animated.parallel([Animated.loop(Animated.sequence([Animated.timing(scale, {
       toValue: 0,
       duration: 0,
@@ -90,19 +95,23 @@ const Loader = props => {
       useNativeDriver: false,
       easing: Easing.inOut(Easing.sin)
     })]))]);
+
     _animation.start();
+
     return () => {
       _animation.stop();
-    };
-    // eslint bad warning --> effect only onmount
+    }; // eslint bad warning --> effect only onmount
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+
   if (!styleSheet) {
     return null;
   }
+
   if (hidden) {
     return null;
   }
+
   const interpolatedScale = scale.interpolate({
     inputRange: [0, 0.45, 1, 1.32, 1.5, 2, 2.3, 2.64, 3],
     outputRange: [0.5, 0.2, 0.5, 0.5, 0.8, 0.5, 0.5, 0.3, 0.5]
@@ -180,5 +189,6 @@ const Loader = props => {
     }]
   })));
 };
+
 export default Loader;
 //# sourceMappingURL=index.native.js.map

package/es/atom/loader/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["useAnimateProp","React","useEffect","useRef","useState","Animated","StyleSheet","Easing","useTemplateContext","createStyleSheet","theme","create","container","alignItems","justifyContent","dot","position","blue","backgroundColor","colors","cta","red","negative","green","positive","yellow","battle","CYCLE_DURATION","MIN_TIME","Loader","props","templateContext","styleSheet","setStylesheet","hidden","setHidden","minTimeIsSpent","setMinTimeSpent","rotation","Value","current","scale","hideAnimation","property","fromValue","toValue","onComplete","height","color","readyToHide","_stylesheet","start","setTimeout","_animation","parallel","loop","sequence","timing","duration","useNativeDriver","easing","inOut","sin","stop","interpolatedScale","interpolate","inputRange","outputRange","interpolatedRotation","dotWidth","dotTranslate","dotStyle","width","borderRadius","createElement","View","style","animatedStyle","transform","scaleX","scaleY","rotateZ","translateX"],"sources":["../../../src/atom/loader/index.native.tsx"],"sourcesContent":["import {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, Easing, ViewStyle, ColorValue} from 'react-native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  dot: ViewStyle;\n  blue: ViewStyle;\n  red: ViewStyle;\n  green: ViewStyle;\n  yellow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      justifyContent: 'center'\n    },\n    dot: {\n      position: 'absolute'\n    },\n    blue: {\n      backgroundColor: theme.colors.cta\n    },\n    red: {\n      backgroundColor: theme.colors.negative\n    },\n    green: {\n      backgroundColor: theme.colors.positive\n    },\n    yellow: {\n      backgroundColor: theme.colors.battle\n    }\n  });\n\nexport type Props = {\n  color?: ColorValue;\n  height?: number;\n  readyToHide: boolean;\n};\n\nconst CYCLE_DURATION = 3000;\nconst MIN_TIME = 1000;\n\nconst Loader = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [hidden, setHidden] = useState<boolean>(false);\n  const [minTimeIsSpent, setMinTimeSpent] = useState<boolean>(false);\n\n  const rotation = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const scale = useRef<Animated.Value>(new Animated.Value(0)).current;\n\n  const hideAnimation = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    onComplete: () => {\n      setHidden(true);\n    }\n  });\n\n  const {height = 60, color, readyToHide} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    if (readyToHide && minTimeIsSpent && !hidden) {\n      hideAnimation.start();\n    }\n  }, [hidden, hideAnimation, readyToHide, minTimeIsSpent]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setMinTimeSpent(true);\n    }, MIN_TIME);\n\n    const _animation = Animated.parallel([\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(scale, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(scale, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 2,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 3,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      ),\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(rotation, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(rotation, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      )\n    ]);\n\n    _animation.start();\n\n    return () => {\n      _animation.stop();\n    };\n    // eslint bad warning --> effect only onmount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  const interpolatedScale = scale.interpolate({\n    inputRange: [0, 0.45, 1, 1.32, 1.5, 2, 2.3, 2.64, 3],\n    outputRange: [0.5, 0.2, 0.5, 0.5, 0.8, 0.5, 0.5, 0.3, 0.5]\n  });\n\n  const interpolatedRotation = rotation.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['0deg', '360deg']\n  });\n  const dotWidth = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [height / 2, height / 6, height / 2]\n  });\n  const dotTranslate = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [-25 * (height / 60), -35 * (height / 60), -25 * (height / 60)]\n  });\n  const dotStyle = {\n    width: dotWidth,\n    height: height / 6,\n    borderRadius: height / 12\n  };\n\n  return (\n    <Animated.View style={hideAnimation.animatedStyle}>\n      <Animated.View\n        style={[\n          styleSheet.container,\n          {\n            height,\n            width: height,\n            transform: [\n              {scaleX: interpolatedScale},\n              {scaleY: interpolatedScale},\n              {rotateZ: interpolatedRotation}\n            ]\n          }\n        ]}\n      >\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.red,\n            dotStyle,\n            {transform: [{rotateZ: '45deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.green,\n            dotStyle,\n            {transform: [{rotateZ: '135deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.yellow,\n            dotStyle,\n            {transform: [{rotateZ: '225deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.blue,\n            dotStyle,\n            {transform: [{rotateZ: '315deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Loader;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["useAnimateProp","React","useEffect","useRef","useState","Animated","StyleSheet","Easing","useTemplateContext","createStyleSheet","theme","create","container","alignItems","justifyContent","dot","position","blue","backgroundColor","colors","cta","red","negative","green","positive","yellow","battle","CYCLE_DURATION","MIN_TIME","Loader","props","templateContext","styleSheet","setStylesheet","hidden","setHidden","minTimeIsSpent","setMinTimeSpent","rotation","Value","current","scale","hideAnimation","property","fromValue","toValue","onComplete","height","color","readyToHide","_stylesheet","start","setTimeout","_animation","parallel","loop","sequence","timing","duration","useNativeDriver","easing","inOut","sin","stop","interpolatedScale","interpolate","inputRange","outputRange","interpolatedRotation","dotWidth","dotTranslate","dotStyle","width","borderRadius","animatedStyle","transform","scaleX","scaleY","rotateZ","translateX"],"sources":["../../../src/atom/loader/index.native.tsx"],"sourcesContent":["import {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, Easing, ViewStyle, ColorValue} from 'react-native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  dot: ViewStyle;\n  blue: ViewStyle;\n  red: ViewStyle;\n  green: ViewStyle;\n  yellow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      justifyContent: 'center'\n    },\n    dot: {\n      position: 'absolute'\n    },\n    blue: {\n      backgroundColor: theme.colors.cta\n    },\n    red: {\n      backgroundColor: theme.colors.negative\n    },\n    green: {\n      backgroundColor: theme.colors.positive\n    },\n    yellow: {\n      backgroundColor: theme.colors.battle\n    }\n  });\n\nexport type Props = {\n  color?: ColorValue;\n  height?: number;\n  readyToHide: boolean;\n};\n\nconst CYCLE_DURATION = 3000;\nconst MIN_TIME = 1000;\n\nconst Loader = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [hidden, setHidden] = useState<boolean>(false);\n  const [minTimeIsSpent, setMinTimeSpent] = useState<boolean>(false);\n\n  const rotation = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const scale = useRef<Animated.Value>(new Animated.Value(0)).current;\n\n  const hideAnimation = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    onComplete: () => {\n      setHidden(true);\n    }\n  });\n\n  const {height = 60, color, readyToHide} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    if (readyToHide && minTimeIsSpent && !hidden) {\n      hideAnimation.start();\n    }\n  }, [hidden, hideAnimation, readyToHide, minTimeIsSpent]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setMinTimeSpent(true);\n    }, MIN_TIME);\n\n    const _animation = Animated.parallel([\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(scale, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(scale, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 2,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 3,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      ),\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(rotation, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(rotation, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      )\n    ]);\n\n    _animation.start();\n\n    return () => {\n      _animation.stop();\n    };\n    // eslint bad warning --> effect only onmount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  const interpolatedScale = scale.interpolate({\n    inputRange: [0, 0.45, 1, 1.32, 1.5, 2, 2.3, 2.64, 3],\n    outputRange: [0.5, 0.2, 0.5, 0.5, 0.8, 0.5, 0.5, 0.3, 0.5]\n  });\n\n  const interpolatedRotation = rotation.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['0deg', '360deg']\n  });\n  const dotWidth = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [height / 2, height / 6, height / 2]\n  });\n  const dotTranslate = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [-25 * (height / 60), -35 * (height / 60), -25 * (height / 60)]\n  });\n  const dotStyle = {\n    width: dotWidth,\n    height: height / 6,\n    borderRadius: height / 12\n  };\n\n  return (\n    <Animated.View style={hideAnimation.animatedStyle}>\n      <Animated.View\n        style={[\n          styleSheet.container,\n          {\n            height,\n            width: height,\n            transform: [\n              {scaleX: interpolatedScale},\n              {scaleY: interpolatedScale},\n              {rotateZ: interpolatedRotation}\n            ]\n          }\n        ]}\n      >\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.red,\n            dotStyle,\n            {transform: [{rotateZ: '45deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.green,\n            dotStyle,\n            {transform: [{rotateZ: '135deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.yellow,\n            dotStyle,\n            {transform: [{rotateZ: '225deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.blue,\n            dotStyle,\n            {transform: [{rotateZ: '315deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Loader;\n"],"mappings":"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"}

package/es/atom/lottie-wrapper/index.js

@@ -1,4 +1,5 @@
-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, { useMemo, useRef, useEffect, useState } from 'react';
 import classnames from 'classnames';
 import lottie from 'lottie-web';
@@ -18,6 +19,7 @@ export const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, conta
     }
   });
   const animationData = await fetchResult.json();
+
   const animation = _lottie.loadAnimation && _lottie.loadAnimation({
     container: containerRef.current,
     // the dom element that will contain the animation
@@ -29,10 +31,13 @@ export const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, conta
       className: animationClassnames,
       hideOnTransparent,
       preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop
+
     }
   });
+
   return animation;
 };
+
 const LottieWrapper = props => {
   const {
     className,
@@ -51,9 +56,8 @@ const LottieWrapper = props => {
     hideOnTransparent = true
   } = rendererSettings;
   const containerRef = useRef(null);
-  const isCancelledRef = useRef(null);
+  const isCancelledRef = useRef(null); // lottie's animation instance
 
-  // lottie's animation instance
   const [animationItem, setAnimationItem] = useState(null);
   const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);
   const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);
@@ -62,6 +66,7 @@ const LottieWrapper = props => {
     if (includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) && !autoplay) {
       setIsAnimationVisible(true);
       /* istanbul ignore next */
+
       if (animationItem) animationItem[animationControl]();
       if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);
     }
@@ -75,10 +80,13 @@ const LottieWrapper = props => {
         isNil(isCancelledRef.current) && setAnimationItem(animation);
       }
     };
+
     loadAnimation();
     return () => {
       isCancelledRef.current = true;
-      return animationItem && /* istanbul ignore next */window.lottie.destroy(animationItem.name);
+      return animationItem &&
+      /* istanbul ignore next */
+      window.lottie.destroy(animationItem.name);
     };
   }, [lottieAnimationClassName, containerRef, hideOnTransparent, loop, animationSrc, animationItem, autoplay]);
   const accessibilityProps = ariaLabel ? {
@@ -92,8 +100,7 @@ const LottieWrapper = props => {
     ref: containerRef,
     "data-name": dataName,
     className: wrapperClassName,
-    style: {
-      ...(width && {
+    style: { ...(width && {
         width: `${width}px`,
         maxWidth: `${width}px`
       }),
@@ -106,6 +113,7 @@ const LottieWrapper = props => {
     }
   }));
 };
+
 LottieWrapper.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default LottieWrapper;
 //# sourceMappingURL=index.js.map

package/es/atom/lottie-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useRef","useEffect","useState","classnames","lottie","includes","isNil","keys","omit","unfetch","style","propTypes","ANIMATION_CONTROL","fetchAndLoadAnimation","_lottie","_fetch","animationSrc","containerRef","loop","animationClassnames","hideOnTransparent","autoplay","animationUrl","URL","toString","fetchResult","headers","animationData","json","animation","loadAnimation","container","current","renderer","rendererSettings","className","preserveAspectRatio","LottieWrapper","props","dataName","ariaLabel","width","height","animationControl","animationClassName","isCancelledRef","animationItem","setAnimationItem","isAnimationVisible","setIsAnimationVisible","wrapperClassName","lottieContainer","lottieAnimationClassName","stop","window","destroy","name","accessibilityProps","role","createElement","_extends","ref","maxWidth","maxHeight","opacity","transition","process","env","NODE_ENV"],"sources":["../../../src/atom/lottie-wrapper/index.js"],"sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport includes from 'lodash/fp/includes';\nimport isNil from 'lodash/fp/isNil';\nimport keys from 'lodash/fp/keys';\nimport omit from 'lodash/fp/omit';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\nimport propTypes, {ANIMATION_CONTROL} from './prop-types';\n\nexport const fetchAndLoadAnimation = async (\n  _lottie,\n  _fetch,\n  animationSrc,\n  containerRef,\n  loop,\n  animationClassnames,\n  hideOnTransparent,\n  autoplay\n) => {\n  const animationUrl = new URL(animationSrc).toString();\n  const fetchResult = await _fetch(animationUrl, {\n    headers: {\n      'X-Requested-With': 'XMLHttpRequest',\n      'Content-Type': 'application/json'\n    }\n  });\n\n  const animationData = await fetchResult.json();\n\n  const animation =\n    _lottie.loadAnimation &&\n    _lottie.loadAnimation({\n      container: containerRef.current, // the dom element that will contain the animation\n      renderer: 'svg',\n      autoplay,\n      loop,\n      animationData,\n      rendererSettings: {\n        className: animationClassnames,\n        hideOnTransparent,\n        preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop\n      }\n    });\n  return animation;\n};\n\nconst LottieWrapper = props => {\n  const {\n    className,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    animationSrc,\n    loop = false,\n    rendererSettings = {},\n    width,\n    height,\n    autoplay = true,\n    animationControl\n  } = props;\n  const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n  const containerRef = useRef(null);\n  const isCancelledRef = useRef(null);\n\n  // lottie's animation instance\n  const [animationItem, setAnimationItem] = useState(null);\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);\n\n  const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n  const lottieAnimationClassName = useMemo(\n    () => classnames(animationClassName, style.animation),\n    [animationClassName]\n  );\n\n  useEffect(() => {\n    if (includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) && !autoplay) {\n      setIsAnimationVisible(true);\n      /* istanbul ignore next */\n      if (animationItem) animationItem[animationControl]();\n      if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);\n    }\n  }, [animationControl, animationItem, autoplay]);\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      /* istanbul ignore else */\n      if (!animationItem && typeof window !== 'undefined') {\n        window.lottie = lottie;\n        const animation = await fetchAndLoadAnimation(\n          window.lottie,\n          unfetch,\n          animationSrc,\n          containerRef,\n          loop,\n          lottieAnimationClassName,\n          hideOnTransparent,\n          autoplay\n        );\n\n        isNil(isCancelledRef.current) && setAnimationItem(animation);\n      }\n    };\n\n    loadAnimation();\n    return () => {\n      isCancelledRef.current = true;\n      return animationItem && /* istanbul ignore next */ window.lottie.destroy(animationItem.name);\n    };\n  }, [\n    lottieAnimationClassName,\n    containerRef,\n    hideOnTransparent,\n    loop,\n    animationSrc,\n    animationItem,\n    autoplay\n  ]);\n\n  const accessibilityProps = ariaLabel\n    ? {\n        'aria-label': ariaLabel,\n        role: 'img'\n      }\n    : {\n        'aria-hidden': 'true',\n        role: 'presentation'\n      };\n\n  return (\n    <div\n      {...accessibilityProps}\n      ref={containerRef}\n      data-name={dataName}\n      className={wrapperClassName}\n      style={{\n        ...(width && {\n          width: `${width}px`,\n          maxWidth: `${width}px`\n        }),\n        ...(height && {\n          height: `${height}px`,\n          maxHeight: `${height}px`\n        }),\n        opacity: isAnimationVisible ? 1 : 0,\n        transition: 'opacity 0.25s ease-in'\n      }}\n    />\n  );\n};\n\nLottieWrapper.propTypes = propTypes;\n\nexport default LottieWrapper;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,MAAM,EAAEC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AACjE,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,YAAY;AAC/B,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,IAAI,MAAM,gBAAgB;AACjC,OAAOC,IAAI,MAAM,gBAAgB;AACjC,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,IAAGC,iBAAiB,QAAO,cAAc;AAEzD,OAAO,MAAMC,qBAAqB,GAAG,MAAAA,CACnCC,OAAO,EACPC,MAAM,EACNC,YAAY,EACZC,YAAY,EACZC,IAAI,EACJC,mBAAmB,EACnBC,iBAAiB,EACjBC,QAAQ,KACL;EACH,MAAMC,YAAY,GAAG,IAAIC,GAAG,CAACP,YAAY,CAAC,CAACQ,QAAQ,CAAC,CAAC;EACrD,MAAMC,WAAW,GAAG,MAAMV,MAAM,CAACO,YAAY,EAAE;IAC7CI,OAAO,EAAE;MACP,kBAAkB,EAAE,gBAAgB;MACpC,cAAc,EAAE;IAClB;EACF,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAG,MAAMF,WAAW,CAACG,IAAI,CAAC,CAAC;EAE9C,MAAMC,SAAS,GACbf,OAAO,CAACgB,aAAa,IACrBhB,OAAO,CAACgB,aAAa,CAAC;IACpBC,SAAS,EAAEd,YAAY,CAACe,OAAO;IAAE;IACjCC,QAAQ,EAAE,KAAK;IACfZ,QAAQ;IACRH,IAAI;IACJS,aAAa;IACbO,gBAAgB,EAAE;MAChBC,SAAS,EAAEhB,mBAAmB;MAC9BC,iBAAiB;MACjBgB,mBAAmB,EAAE,eAAe,CAAC;IACvC;EACF,CAAC,CAAC;EACJ,OAAOP,SAAS;AAClB,CAAC;AAED,MAAMQ,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IACJH,SAAS;IACT,WAAW,EAAEI,QAAQ;IACrB,YAAY,EAAEC,SAAS;IACvBxB,YAAY;IACZE,IAAI,GAAG,KAAK;IACZgB,gBAAgB,GAAG,CAAC,CAAC;IACrBO,KAAK;IACLC,MAAM;IACNrB,QAAQ,GAAG,IAAI;IACfsB;EACF,CAAC,GAAGL,KAAK;EACT,MAAM;IAACH,SAAS,EAAES,kBAAkB;IAAExB,iBAAiB,GAAG;EAAI,CAAC,GAAGc,gBAAgB;EAElF,MAAMjB,YAAY,GAAGjB,MAAM,CAAC,IAAI,CAAC;EACjC,MAAM6C,cAAc,GAAG7C,MAAM,CAAC,IAAI,CAAC;;EAEnC;EACA,MAAM,CAAC8C,aAAa,EAAEC,gBAAgB,CAAC,GAAG7C,QAAQ,CAAC,IAAI,CAAC;EAExD,MAAM,CAAC8C,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG/C,QAAQ,CAACmB,QAAQ,CAAC;EAEtE,MAAM6B,gBAAgB,GAAGnD,OAAO,CAAC,MAAMI,UAAU,CAACgC,SAAS,EAAEzB,KAAK,CAACyC,eAAe,CAAC,EAAE,CAAChB,SAAS,CAAC,CAAC;EAEjG,MAAMiB,wBAAwB,GAAGrD,OAAO,CACtC,MAAMI,UAAU,CAACyC,kBAAkB,EAAElC,KAAK,CAACmB,SAAS,CAAC,EACrD,CAACe,kBAAkB,CACrB,CAAC;EAED3C,SAAS,CAAC,MAAM;IACd,IAAII,QAAQ,CAACsC,gBAAgB,EAAEpC,IAAI,CAACC,IAAI,CAAC,SAAS,EAAEI,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAACS,QAAQ,EAAE;MACrF4B,qBAAqB,CAAC,IAAI,CAAC;MAC3B;MACA,IAAIH,aAAa,EAAEA,aAAa,CAACH,gBAAgB,CAAC,CAAC,CAAC;MACpD,IAAIA,gBAAgB,KAAK/B,iBAAiB,CAACyC,IAAI,EAAEJ,qBAAqB,CAAC,KAAK,CAAC;IAC/E;EACF,CAAC,EAAE,CAACN,gBAAgB,EAAEG,aAAa,EAAEzB,QAAQ,CAAC,CAAC;EAE/CpB,SAAS,CAAC,MAAM;IACd,MAAM6B,aAAa,GAAG,MAAAA,CAAA,KAAY;MAChC;MACA,IAAI,CAACgB,aAAa,IAAI,OAAOQ,MAAM,KAAK,WAAW,EAAE;QACnDA,MAAM,CAAClD,MAAM,GAAGA,MAAM;QACtB,MAAMyB,SAAS,GAAG,MAAMhB,qBAAqB,CAC3CyC,MAAM,CAAClD,MAAM,EACbK,OAAO,EACPO,YAAY,EACZC,YAAY,EACZC,IAAI,EACJkC,wBAAwB,EACxBhC,iBAAiB,EACjBC,QACF,CAAC;QAEDf,KAAK,CAACuC,cAAc,CAACb,OAAO,CAAC,IAAIe,gBAAgB,CAAClB,SAAS,CAAC;MAC9D;IACF,CAAC;IAEDC,aAAa,CAAC,CAAC;IACf,OAAO,MAAM;MACXe,cAAc,CAACb,OAAO,GAAG,IAAI;MAC7B,OAAOc,aAAa,IAAI,0BAA2BQ,MAAM,CAAClD,MAAM,CAACmD,OAAO,CAACT,aAAa,CAACU,IAAI,CAAC;IAC9F,CAAC;EACH,CAAC,EAAE,CACDJ,wBAAwB,EACxBnC,YAAY,EACZG,iBAAiB,EACjBF,IAAI,EACJF,YAAY,EACZ8B,aAAa,EACbzB,QAAQ,CACT,CAAC;EAEF,MAAMoC,kBAAkB,GAAGjB,SAAS,GAChC;IACE,YAAY,EAAEA,SAAS;IACvBkB,IAAI,EAAE;EACR,CAAC,GACD;IACE,aAAa,EAAE,MAAM;IACrBA,IAAI,EAAE;EACR,CAAC;EAEL,oBACE5D,KAAA,CAAA6D,aAAA,QAAAC,QAAA,KACMH,kBAAkB;IACtBI,GAAG,EAAE5C,YAAa;IAClB,aAAWsB,QAAS;IACpBJ,SAAS,EAAEe,gBAAiB;IAC5BxC,KAAK,EAAE;MACL,IAAI+B,KAAK,IAAI;QACXA,KAAK,EAAE,GAAGA,KAAK,IAAI;QACnBqB,QAAQ,EAAE,GAAGrB,KAAK;MACpB,CAAC,CAAC;MACF,IAAIC,MAAM,IAAI;QACZA,MAAM,EAAE,GAAGA,MAAM,IAAI;QACrBqB,SAAS,EAAE,GAAGrB,MAAM;MACtB,CAAC,CAAC;MACFsB,OAAO,EAAEhB,kBAAkB,GAAG,CAAC,GAAG,CAAC;MACnCiB,UAAU,EAAE;IACd;EAAE,EACH,CAAC;AAEN,CAAC;AAED5B,aAAa,CAAC1B,SAAS,GAAAuD,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGzD,SAAS;AAEnC,eAAe0B,aAAa","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useRef","useEffect","useState","classnames","lottie","includes","isNil","keys","omit","unfetch","style","propTypes","ANIMATION_CONTROL","fetchAndLoadAnimation","_lottie","_fetch","animationSrc","containerRef","loop","animationClassnames","hideOnTransparent","autoplay","animationUrl","URL","toString","fetchResult","headers","animationData","json","animation","loadAnimation","container","current","renderer","rendererSettings","className","preserveAspectRatio","LottieWrapper","props","dataName","ariaLabel","width","height","animationControl","animationClassName","isCancelledRef","animationItem","setAnimationItem","isAnimationVisible","setIsAnimationVisible","wrapperClassName","lottieContainer","lottieAnimationClassName","stop","window","destroy","name","accessibilityProps","role","maxWidth","maxHeight","opacity","transition"],"sources":["../../../src/atom/lottie-wrapper/index.js"],"sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport includes from 'lodash/fp/includes';\nimport isNil from 'lodash/fp/isNil';\nimport keys from 'lodash/fp/keys';\nimport omit from 'lodash/fp/omit';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\nimport propTypes, {ANIMATION_CONTROL} from './prop-types';\n\nexport const fetchAndLoadAnimation = async (\n  _lottie,\n  _fetch,\n  animationSrc,\n  containerRef,\n  loop,\n  animationClassnames,\n  hideOnTransparent,\n  autoplay\n) => {\n  const animationUrl = new URL(animationSrc).toString();\n  const fetchResult = await _fetch(animationUrl, {\n    headers: {\n      'X-Requested-With': 'XMLHttpRequest',\n      'Content-Type': 'application/json'\n    }\n  });\n\n  const animationData = await fetchResult.json();\n\n  const animation =\n    _lottie.loadAnimation &&\n    _lottie.loadAnimation({\n      container: containerRef.current, // the dom element that will contain the animation\n      renderer: 'svg',\n      autoplay,\n      loop,\n      animationData,\n      rendererSettings: {\n        className: animationClassnames,\n        hideOnTransparent,\n        preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop\n      }\n    });\n  return animation;\n};\n\nconst LottieWrapper = props => {\n  const {\n    className,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    animationSrc,\n    loop = false,\n    rendererSettings = {},\n    width,\n    height,\n    autoplay = true,\n    animationControl\n  } = props;\n  const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n  const containerRef = useRef(null);\n  const isCancelledRef = useRef(null);\n\n  // lottie's animation instance\n  const [animationItem, setAnimationItem] = useState(null);\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);\n\n  const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n  const lottieAnimationClassName = useMemo(\n    () => classnames(animationClassName, style.animation),\n    [animationClassName]\n  );\n\n  useEffect(() => {\n    if (includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) && !autoplay) {\n      setIsAnimationVisible(true);\n      /* istanbul ignore next */\n      if (animationItem) animationItem[animationControl]();\n      if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);\n    }\n  }, [animationControl, animationItem, autoplay]);\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      /* istanbul ignore else */\n      if (!animationItem && typeof window !== 'undefined') {\n        window.lottie = lottie;\n        const animation = await fetchAndLoadAnimation(\n          window.lottie,\n          unfetch,\n          animationSrc,\n          containerRef,\n          loop,\n          lottieAnimationClassName,\n          hideOnTransparent,\n          autoplay\n        );\n\n        isNil(isCancelledRef.current) && setAnimationItem(animation);\n      }\n    };\n\n    loadAnimation();\n    return () => {\n      isCancelledRef.current = true;\n      return animationItem && /* istanbul ignore next */ window.lottie.destroy(animationItem.name);\n    };\n  }, [\n    lottieAnimationClassName,\n    containerRef,\n    hideOnTransparent,\n    loop,\n    animationSrc,\n    animationItem,\n    autoplay\n  ]);\n\n  const accessibilityProps = ariaLabel\n    ? {\n        'aria-label': ariaLabel,\n        role: 'img'\n      }\n    : {\n        'aria-hidden': 'true',\n        role: 'presentation'\n      };\n\n  return (\n    <div\n      {...accessibilityProps}\n      ref={containerRef}\n      data-name={dataName}\n      className={wrapperClassName}\n      style={{\n        ...(width && {\n          width: `${width}px`,\n          maxWidth: `${width}px`\n        }),\n        ...(height && {\n          height: `${height}px`,\n          maxHeight: `${height}px`\n        }),\n        opacity: isAnimationVisible ? 1 : 0,\n        transition: 'opacity 0.25s ease-in'\n      }}\n    />\n  );\n};\n\nLottieWrapper.propTypes = propTypes;\n\nexport default LottieWrapper;\n"],"mappings":"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"}

package/es/atom/lottie-wrapper/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["keys","PropTypes","ANIMATION_CONTROL","play","pause","stop","loading","propTypes","string","animationSrc","isRequired","loop","bool","rendererSettings","shape","hideOnTransparent","className","height","number","width","autoplay","animationControl","oneOf"],"sources":["../../../src/atom/lottie-wrapper/prop-types.ts"],"sourcesContent":["import keys from 'lodash/fp/keys';\nimport PropTypes from 'prop-types';\n\nexport type LottieAnimationProps = {\n  'aria-label'?: string;\n  'data-name'?: string;\n  animationSrc: string;\n  loop?: boolean;\n  rendererSettings?: {\n    hideOnTransparent?: boolean;\n    className?: string;\n  };\n  height?: number;\n  width?: number;\n  className?: string;\n  autoplay?: boolean;\n  animationControl?: 'play' | 'pause' | 'stop' | 'loading';\n};\n\nexport const ANIMATION_CONTROL = {\n  play: 'play',\n  pause: 'pause',\n  stop: 'stop',\n  loading: 'loading'\n};\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationSrc: PropTypes.string.isRequired,\n  loop: PropTypes.bool,\n  rendererSettings: PropTypes.shape({\n    hideOnTransparent: PropTypes.bool,\n    className: PropTypes.string\n  }),\n  height: PropTypes.number,\n  width: PropTypes.number,\n  className: PropTypes.string,\n  autoplay: PropTypes.bool,\n  animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,gBAAgB;AACjC,OAAOC,SAAS,MAAM,YAAY;AAkBlC,OAAO,MAAMC,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,SAAS,GAAG;EAChB,YAAY,EAAEN,SAAS,CAACO,MAAM;EAC9B,WAAW,EAAEP,SAAS,CAACO,MAAM;EAC7BC,YAAY,EAAER,SAAS,CAACO,MAAM,CAACE,UAAU;EACzCC,IAAI,EAAEV,SAAS,CAACW,IAAI;EACpBC,gBAAgB,EAAEZ,SAAS,CAACa,KAAK,CAAC;IAChCC,iBAAiB,EAAEd,SAAS,CAACW,IAAI;IACjCI,SAAS,EAAEf,SAAS,CAACO;EACvB,CAAC,CAAC;EACFS,MAAM,EAAEhB,SAAS,CAACiB,MAAM;EACxBC,KAAK,EAAElB,SAAS,CAACiB,MAAM;EACvBF,SAAS,EAAEf,SAAS,CAACO,MAAM;EAC3BY,QAAQ,EAAEnB,SAAS,CAACW,IAAI;EACxBS,gBAAgB,EAAEpB,SAAS,CAACqB,KAAK,CAACtB,IAAI,CAACE,iBAAiB,CAAC;AAC3D,CAAC;AAED,eAAeK,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["keys","PropTypes","ANIMATION_CONTROL","play","pause","stop","loading","propTypes","string","animationSrc","isRequired","loop","bool","rendererSettings","shape","hideOnTransparent","className","height","number","width","autoplay","animationControl","oneOf"],"sources":["../../../src/atom/lottie-wrapper/prop-types.ts"],"sourcesContent":["import keys from 'lodash/fp/keys';\nimport PropTypes from 'prop-types';\n\nexport type LottieAnimationProps = {\n  'aria-label'?: string;\n  'data-name'?: string;\n  animationSrc: string;\n  loop?: boolean;\n  rendererSettings?: {\n    hideOnTransparent?: boolean;\n    className?: string;\n  };\n  height?: number;\n  width?: number;\n  className?: string;\n  autoplay?: boolean;\n  animationControl?: 'play' | 'pause' | 'stop' | 'loading';\n};\n\nexport const ANIMATION_CONTROL = {\n  play: 'play',\n  pause: 'pause',\n  stop: 'stop',\n  loading: 'loading'\n};\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationSrc: PropTypes.string.isRequired,\n  loop: PropTypes.bool,\n  rendererSettings: PropTypes.shape({\n    hideOnTransparent: PropTypes.bool,\n    className: PropTypes.string\n  }),\n  height: PropTypes.number,\n  width: PropTypes.number,\n  className: PropTypes.string,\n  autoplay: PropTypes.bool,\n  animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,gBAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAkBA,OAAO,MAAMC,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,MADyB;EAE/BC,KAAK,EAAE,OAFwB;EAG/BC,IAAI,EAAE,MAHyB;EAI/BC,OAAO,EAAE;AAJsB,CAA1B;AAOP,MAAMC,SAAS,GAAG;EAChB,cAAcN,SAAS,CAACO,MADR;EAEhB,aAAaP,SAAS,CAACO,MAFP;EAGhBC,YAAY,EAAER,SAAS,CAACO,MAAV,CAAiBE,UAHf;EAIhBC,IAAI,EAAEV,SAAS,CAACW,IAJA;EAKhBC,gBAAgB,EAAEZ,SAAS,CAACa,KAAV,CAAgB;IAChCC,iBAAiB,EAAEd,SAAS,CAACW,IADG;IAEhCI,SAAS,EAAEf,SAAS,CAACO;EAFW,CAAhB,CALF;EAShBS,MAAM,EAAEhB,SAAS,CAACiB,MATF;EAUhBC,KAAK,EAAElB,SAAS,CAACiB,MAVD;EAWhBF,SAAS,EAAEf,SAAS,CAACO,MAXL;EAYhBY,QAAQ,EAAEnB,SAAS,CAACW,IAZJ;EAahBS,gBAAgB,EAAEpB,SAAS,CAACqB,KAAV,CAAgBtB,IAAI,CAACE,iBAAD,CAApB;AAbF,CAAlB;AAgBA,eAAeK,SAAf"}

package/es/atom/notification/index.js

@@ -7,6 +7,7 @@ const notificationStyle = {
   error: style.error,
   success: style.success
 };
+
 const NotificationComponent = props => {
   const {
     type,
@@ -17,6 +18,7 @@ const NotificationComponent = props => {
     className: className
   }, /*#__PURE__*/React.createElement("span", null, "!"), message);
 };
+
 NotificationComponent.propTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.oneOf(_keys(notificationStyle)).isRequired,
   message: PropTypes.string.isRequired

package/es/atom/notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","notificationStyle","warning","error","success","NotificationComponent","props","type","message","className","createElement","propTypes","process","env","NODE_ENV","oneOf","_keys","isRequired","string"],"sources":["../../../src/atom/notification/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst notificationStyle = {\n  warning: style.warning,\n  error: style.error,\n  success: style.success\n};\n\nconst NotificationComponent = props => {\n  const {type, message} = props;\n\n  const className = type ? notificationStyle[type] : style.message;\n\n  return (\n    <div className={className}>\n      <span>!</span>\n      {message}\n    </div>\n  );\n};\n\nNotificationComponent.propTypes = {\n  type: PropTypes.oneOf(keys(notificationStyle)).isRequired,\n  message: PropTypes.string.isRequired\n};\nexport default NotificationComponent;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,iBAAiB,GAAG;EACxBC,OAAO,EAAEF,KAAK,CAACE,OAAO;EACtBC,KAAK,EAAEH,KAAK,CAACG,KAAK;EAClBC,OAAO,EAAEJ,KAAK,CAACI;AACjB,CAAC;AAED,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,IAAI;IAAEC;EAAO,CAAC,GAAGF,KAAK;EAE7B,MAAMG,SAAS,GAAGF,IAAI,GAAGN,iBAAiB,CAACM,IAAI,CAAC,GAAGP,KAAK,CAACQ,OAAO;EAEhE,oBACEV,KAAA,CAAAY,aAAA;IAAKD,SAAS,EAAEA;EAAU,gBACxBX,KAAA,CAAAY,aAAA,eAAM,GAAO,CAAC,EACbF,OACE,CAAC;AAEV,CAAC;AAEDH,qBAAqB,CAACM,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChCP,IAAI,EAAER,SAAS,CAACgB,KAAK,CAACC,KAAA,CAAKf,iBAAiB,CAAC,CAAC,CAACgB,UAAU;EACzDT,OAAO,EAAET,SAAS,CAACmB,MAAM,CAACD;AAC5B,CAAC;AACD,eAAeZ,qBAAqB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","notificationStyle","warning","error","success","NotificationComponent","props","type","message","className","propTypes","oneOf","isRequired","string"],"sources":["../../../src/atom/notification/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst notificationStyle = {\n  warning: style.warning,\n  error: style.error,\n  success: style.success\n};\n\nconst NotificationComponent = props => {\n  const {type, message} = props;\n\n  const className = type ? notificationStyle[type] : style.message;\n\n  return (\n    <div className={className}>\n      <span>!</span>\n      {message}\n    </div>\n  );\n};\n\nNotificationComponent.propTypes = {\n  type: PropTypes.oneOf(keys(notificationStyle)).isRequired,\n  message: PropTypes.string.isRequired\n};\nexport default NotificationComponent;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,iBAAiB,GAAG;EACxBC,OAAO,EAAEF,KAAK,CAACE,OADS;EAExBC,KAAK,EAAEH,KAAK,CAACG,KAFW;EAGxBC,OAAO,EAAEJ,KAAK,CAACI;AAHS,CAA1B;;AAMA,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,IAAD;IAAOC;EAAP,IAAkBF,KAAxB;EAEA,MAAMG,SAAS,GAAGF,IAAI,GAAGN,iBAAiB,CAACM,IAAD,CAApB,GAA6BP,KAAK,CAACQ,OAAzD;EAEA,oBACE;IAAK,SAAS,EAAEC;EAAhB,gBACE,sCADF,EAEGD,OAFH,CADF;AAMD,CAXD;;AAaAH,qBAAqB,CAACK,SAAtB,2CAAkC;EAChCH,IAAI,EAAER,SAAS,CAACY,KAAV,CAAgB,MAAKV,iBAAL,CAAhB,EAAyCW,UADf;EAEhCJ,OAAO,EAAET,SAAS,CAACc,MAAV,CAAiBD;AAFM,CAAlC;AAIA,eAAeP,qBAAf"}

package/es/atom/picture/index.js

@@ -7,15 +7,19 @@ import _isObject from "lodash/fp/isObject";
 import _isNil from "lodash/fp/isNil";
 import _get from "lodash/fp/get";
 import _filter from "lodash/fp/filter";
-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 PropTypes from 'prop-types';
 import { SrcPropType } from '../../util/proptypes';
 import style from './style.css';
+
 const toSrcSet = src => {
   if (!_isObject(src)) return {};
   return _pipe(_set('srcSet', _pipe(_toPairs, _filter(([key, url]) => url), _map(([key, url]) => `${url} ${key}`), _join(','))(src)), _set('src', _get('1x', src)))({});
 };
+
 const toSetAlt = alt => {
   return alt ? {
     alt
@@ -24,18 +28,22 @@ const toSetAlt = alt => {
     'aria-hidden': true
   };
 };
+
 const Picture = props => {
   const {
     src,
     alt
   } = props;
+
   if (_isNil(src)) {
     return /*#__PURE__*/React.createElement("div", {
       className: style.empty
     });
   }
+
   return /*#__PURE__*/React.createElement("img", _extends({}, props, toSrcSet(src), toSetAlt(alt)));
 };
+
 Picture.propTypes = process.env.NODE_ENV !== "production" ? {
   src: PropTypes.oneOfType([SrcPropType, PropTypes.objectOf(SrcPropType)]),
   alt: PropTypes.string

package/es/atom/picture/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","style","toSrcSet","src","_isObject","_pipe","_set","_toPairs","_filter","key","url","_map","_join","_get","toSetAlt","alt","Picture","props","_isNil","createElement","className","empty","_extends","propTypes","process","env","NODE_ENV","oneOfType","objectOf","string"],"sources":["../../../src/atom/picture/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {filter, get, isNil, isObject, join, map, pipe, set, toPairs} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst toSrcSet = src => {\n  if (!isObject(src)) return {};\n  return pipe(\n    set(\n      'srcSet',\n      pipe(\n        toPairs,\n        filter(([key, url]) => url),\n        map(([key, url]) => `${url} ${key}`),\n        join(',')\n      )(src)\n    ),\n    set('src', get('1x', src))\n  )({});\n};\n\nconst toSetAlt = alt => {\n  return alt ? {alt} : {alt: '', 'aria-hidden': true};\n};\n\nconst Picture = props => {\n  const {src, alt} = props;\n  if (isNil(src)) {\n    return <div className={style.empty} />;\n  }\n  return <img {...props} {...toSrcSet(src)} {...toSetAlt(alt)} />;\n};\n\nPicture.propTypes = {\n  src: PropTypes.oneOfType([SrcPropType, PropTypes.objectOf(SrcPropType)]),\n  alt: PropTypes.string\n};\n\nexport default Picture;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,WAAW,QAAO,sBAAsB;AAChD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAGC,GAAG,IAAI;EACtB,IAAI,CAACC,SAAA,CAASD,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;EAC7B,OAAOE,KAAA,CACLC,IAAA,CACE,QAAQ,EACRD,KAAA,CAAAE,QAAA,EAEEC,OAAA,CAAO,CAAC,CAACC,GAAG,EAAEC,GAAG,CAAC,KAAKA,GAAG,CAAC,EAC3BC,IAAA,CAAI,CAAC,CAACF,GAAG,EAAEC,GAAG,CAAC,KAAK,GAAGA,GAAG,IAAID,GAAG,EAAE,CAAC,EACpCG,KAAA,CAAK,GAAG,CACV,CAAC,CAACT,GAAG,CACP,CAAC,EACDG,IAAA,CAAI,KAAK,EAAEO,IAAA,CAAI,IAAI,EAAEV,GAAG,CAAC,CAC3B,CAAC,CAAC,CAAC,CAAC,CAAC;AACP,CAAC;AAED,MAAMW,QAAQ,GAAGC,GAAG,IAAI;EACtB,OAAOA,GAAG,GAAG;IAACA;EAAG,CAAC,GAAG;IAACA,GAAG,EAAE,EAAE;IAAE,aAAa,EAAE;EAAI,CAAC;AACrD,CAAC;AAED,MAAMC,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IAACd,GAAG;IAAEY;EAAG,CAAC,GAAGE,KAAK;EACxB,IAAIC,MAAA,CAAMf,GAAG,CAAC,EAAE;IACd,oBAAOL,KAAA,CAAAqB,aAAA;MAAKC,SAAS,EAAEnB,KAAK,CAACoB;IAAM,CAAE,CAAC;EACxC;EACA,oBAAOvB,KAAA,CAAAqB,aAAA,QAAAG,QAAA,KAASL,KAAK,EAAMf,QAAQ,CAACC,GAAG,CAAC,EAAMW,QAAQ,CAACC,GAAG,CAAC,CAAG,CAAC;AACjE,CAAC;AAEDC,OAAO,CAACO,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAClBvB,GAAG,EAAEJ,SAAS,CAAC4B,SAAS,CAAC,CAAC3B,WAAW,EAAED,SAAS,CAAC6B,QAAQ,CAAC5B,WAAW,CAAC,CAAC,CAAC;EACxEe,GAAG,EAAEhB,SAAS,CAAC8B;AACjB,CAAC;AAED,eAAeb,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","style","toSrcSet","src","key","url","toSetAlt","alt","Picture","props","empty","propTypes","oneOfType","objectOf","string"],"sources":["../../../src/atom/picture/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {filter, get, isNil, isObject, join, map, pipe, set, toPairs} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst toSrcSet = src => {\n  if (!isObject(src)) return {};\n  return pipe(\n    set(\n      'srcSet',\n      pipe(\n        toPairs,\n        filter(([key, url]) => url),\n        map(([key, url]) => `${url} ${key}`),\n        join(',')\n      )(src)\n    ),\n    set('src', get('1x', src))\n  )({});\n};\n\nconst toSetAlt = alt => {\n  return alt ? {alt} : {alt: '', 'aria-hidden': true};\n};\n\nconst Picture = props => {\n  const {src, alt} = props;\n  if (isNil(src)) {\n    return <div className={style.empty} />;\n  }\n  return <img {...props} {...toSrcSet(src)} {...toSetAlt(alt)} />;\n};\n\nPicture.propTypes = {\n  src: PropTypes.oneOfType([SrcPropType, PropTypes.objectOf(SrcPropType)]),\n  alt: PropTypes.string\n};\n\nexport default Picture;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAGC,GAAG,IAAI;EACtB,IAAI,CAAC,UAASA,GAAT,CAAL,EAAoB,OAAO,EAAP;EACpB,OAAO,MACL,KACE,QADF,EAEE,gBAEE,QAAO,CAAC,CAACC,GAAD,EAAMC,GAAN,CAAD,KAAgBA,GAAvB,CAFF,EAGE,KAAI,CAAC,CAACD,GAAD,EAAMC,GAAN,CAAD,KAAiB,GAAEA,GAAI,IAAGD,GAAI,EAAlC,CAHF,EAIE,MAAK,GAAL,CAJF,EAKED,GALF,CAFF,CADK,EAUL,KAAI,KAAJ,EAAW,KAAI,IAAJ,EAAUA,GAAV,CAAX,CAVK,EAWL,EAXK,CAAP;AAYD,CAdD;;AAgBA,MAAMG,QAAQ,GAAGC,GAAG,IAAI;EACtB,OAAOA,GAAG,GAAG;IAACA;EAAD,CAAH,GAAW;IAACA,GAAG,EAAE,EAAN;IAAU,eAAe;EAAzB,CAArB;AACD,CAFD;;AAIA,MAAMC,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IAACN,GAAD;IAAMI;EAAN,IAAaE,KAAnB;;EACA,IAAI,OAAMN,GAAN,CAAJ,EAAgB;IACd,oBAAO;MAAK,SAAS,EAAEF,KAAK,CAACS;IAAtB,EAAP;EACD;;EACD,oBAAO,wCAASD,KAAT,EAAoBP,QAAQ,CAACC,GAAD,CAA5B,EAAuCG,QAAQ,CAACC,GAAD,CAA/C,EAAP;AACD,CAND;;AAQAC,OAAO,CAACG,SAAR,2CAAoB;EAClBR,GAAG,EAAEJ,SAAS,CAACa,SAAV,CAAoB,CAACZ,WAAD,EAAcD,SAAS,CAACc,QAAV,CAAmBb,WAAnB,CAAd,CAApB,CADa;EAElBO,GAAG,EAAER,SAAS,CAACe;AAFG,CAApB;AAKA,eAAeN,OAAf"}

package/es/atom/picture-background/index.js

@@ -8,6 +8,7 @@ const viewStyle = {
   cover: cssStyle.cover,
   contain: cssStyle.contain
 };
+
 const PictureBackground = props => {
   const {
     src,
@@ -42,6 +43,7 @@ const PictureBackground = props => {
     style: style
   }, pictureView);
 };
+
 PictureBackground.propTypes = process.env.NODE_ENV !== "production" ? {
   view: PropTypes.oneOf(_keys(viewStyle)),
   src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),

package/es/atom/picture-background/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","cssStyle","viewStyle","cover","contain","PictureBackground","props","src","view","style","alt","mobile","desktop","bgStyle","pictureView","_isObject","createElement","className","deviceView","mobileContainer","picture","desktopContainer","default","wrapper","propTypes","process","env","NODE_ENV","oneOf","_keys","oneOfType","objectOf","string","isRequired","number"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n  cover: cssStyle.cover,\n  contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n  const {src, view, style, alt = ''} = props;\n  const mobile = src.mobile;\n  const desktop = src.desktop;\n  const bgStyle = viewStyle[view];\n\n  const pictureView = isObject(src) ? (\n    <div className={cssStyle.deviceView}>\n      <div className={cssStyle.mobileContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={mobile} alt={alt} />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={desktop} alt={alt} />\n      </div>\n    </div>\n  ) : (\n    <img className={classnames(cssStyle.default, bgStyle)} src={src} alt={alt} />\n  );\n\n  return (\n    <div className={cssStyle.wrapper} style={style}>\n      {pictureView}\n    </div>\n  );\n};\n\nPictureBackground.propTypes = {\n  view: PropTypes.oneOf(keys(viewStyle)),\n  src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  alt: PropTypes.string\n};\n\nexport default PictureBackground;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,QAAQ,MAAM,aAAa;AAElC,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,QAAQ,CAACE,KAAK;EACrBC,OAAO,EAAEH,QAAQ,CAACG;AACpB,CAAC;AAED,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAG;IAAEC,IAAI;IAAEC,KAAK;IAAEC,GAAG,GAAG;EAAE,CAAC,GAAGJ,KAAK;EAC1C,MAAMK,MAAM,GAAGJ,GAAG,CAACI,MAAM;EACzB,MAAMC,OAAO,GAAGL,GAAG,CAACK,OAAO;EAC3B,MAAMC,OAAO,GAAGX,SAAS,CAACM,IAAI,CAAC;EAE/B,MAAMM,WAAW,GAAGC,SAAA,CAASR,GAAG,CAAC,gBAC/BT,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACiB;EAAW,gBAClCpB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACkB;EAAgB,gBACvCrB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEjB,UAAU,CAACC,QAAQ,CAACmB,OAAO,EAAEP,OAAO,CAAE;IAACN,GAAG,EAAEI,MAAO;IAACD,GAAG,EAAEA;EAAI,CAAE,CAC5E,CAAC,eACNZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACoB;EAAiB,gBACxCvB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEjB,UAAU,CAACC,QAAQ,CAACmB,OAAO,EAAEP,OAAO,CAAE;IAACN,GAAG,EAAEK,OAAQ;IAACF,GAAG,EAAEA;EAAI,CAAE,CAC7E,CACF,CAAC,gBAENZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEjB,UAAU,CAACC,QAAQ,CAACqB,OAAO,EAAET,OAAO,CAAE;IAACN,GAAG,EAAEA,GAAI;IAACG,GAAG,EAAEA;EAAI,CAAE,CAC7E;EAED,oBACEZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACsB,OAAQ;IAACd,KAAK,EAAEA;EAAM,GAC5CK,WACE,CAAC;AAEV,CAAC;AAEDT,iBAAiB,CAACmB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC5BnB,IAAI,EAAET,SAAS,CAAC6B,KAAK,CAACC,KAAA,CAAK3B,SAAS,CAAC,CAAC;EACtCK,GAAG,EAAER,SAAS,CAAC+B,SAAS,CAAC,CAAC/B,SAAS,CAACgC,QAAQ,CAAChC,SAAS,CAACiC,MAAM,CAAC,EAAEjC,SAAS,CAACiC,MAAM,CAACC,UAAU,CAAC,CAAC;EAC7FxB,KAAK,EAAEV,SAAS,CAACgC,QAAQ,CAAChC,SAAS,CAAC+B,SAAS,CAAC,CAAC/B,SAAS,CAACiC,MAAM,EAAEjC,SAAS,CAACmC,MAAM,CAAC,CAAC,CAAC;EACpFxB,GAAG,EAAEX,SAAS,CAACiC;AACjB,CAAC;AAED,eAAe3B,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","cssStyle","viewStyle","cover","contain","PictureBackground","props","src","view","style","alt","mobile","desktop","bgStyle","pictureView","deviceView","mobileContainer","picture","desktopContainer","default","wrapper","propTypes","oneOf","oneOfType","objectOf","string","isRequired","number"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n  cover: cssStyle.cover,\n  contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n  const {src, view, style, alt = ''} = props;\n  const mobile = src.mobile;\n  const desktop = src.desktop;\n  const bgStyle = viewStyle[view];\n\n  const pictureView = isObject(src) ? (\n    <div className={cssStyle.deviceView}>\n      <div className={cssStyle.mobileContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={mobile} alt={alt} />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={desktop} alt={alt} />\n      </div>\n    </div>\n  ) : (\n    <img className={classnames(cssStyle.default, bgStyle)} src={src} alt={alt} />\n  );\n\n  return (\n    <div className={cssStyle.wrapper} style={style}>\n      {pictureView}\n    </div>\n  );\n};\n\nPictureBackground.propTypes = {\n  view: PropTypes.oneOf(keys(viewStyle)),\n  src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  alt: PropTypes.string\n};\n\nexport default PictureBackground;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,aAArB;AAEA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,QAAQ,CAACE,KADA;EAEhBC,OAAO,EAAEH,QAAQ,CAACG;AAFF,CAAlB;;AAKA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAD;IAAMC,IAAN;IAAYC,KAAZ;IAAmBC,GAAG,GAAG;EAAzB,IAA+BJ,KAArC;EACA,MAAMK,MAAM,GAAGJ,GAAG,CAACI,MAAnB;EACA,MAAMC,OAAO,GAAGL,GAAG,CAACK,OAApB;EACA,MAAMC,OAAO,GAAGX,SAAS,CAACM,IAAD,CAAzB;EAEA,MAAMM,WAAW,GAAG,UAASP,GAAT,iBAClB;IAAK,SAAS,EAAEN,QAAQ,CAACc;EAAzB,gBACE;IAAK,SAAS,EAAEd,QAAQ,CAACe;EAAzB,gBACE;IAAK,SAAS,EAAEhB,UAAU,CAACC,QAAQ,CAACgB,OAAV,EAAmBJ,OAAnB,CAA1B;IAAuD,GAAG,EAAEF,MAA5D;IAAoE,GAAG,EAAED;EAAzE,EADF,CADF,eAIE;IAAK,SAAS,EAAET,QAAQ,CAACiB;EAAzB,gBACE;IAAK,SAAS,EAAElB,UAAU,CAACC,QAAQ,CAACgB,OAAV,EAAmBJ,OAAnB,CAA1B;IAAuD,GAAG,EAAED,OAA5D;IAAqE,GAAG,EAAEF;EAA1E,EADF,CAJF,CADkB,gBAUlB;IAAK,SAAS,EAAEV,UAAU,CAACC,QAAQ,CAACkB,OAAV,EAAmBN,OAAnB,CAA1B;IAAuD,GAAG,EAAEN,GAA5D;IAAiE,GAAG,EAAEG;EAAtE,EAVF;EAaA,oBACE;IAAK,SAAS,EAAET,QAAQ,CAACmB,OAAzB;IAAkC,KAAK,EAAEX;EAAzC,GACGK,WADH,CADF;AAKD,CAxBD;;AA0BAT,iBAAiB,CAACgB,SAAlB,2CAA8B;EAC5Bb,IAAI,EAAET,SAAS,CAACuB,KAAV,CAAgB,MAAKpB,SAAL,CAAhB,CADsB;EAE5BK,GAAG,EAAER,SAAS,CAACwB,SAAV,CAAoB,CAACxB,SAAS,CAACyB,QAAV,CAAmBzB,SAAS,CAAC0B,MAA7B,CAAD,EAAuC1B,SAAS,CAAC0B,MAAV,CAAiBC,UAAxD,CAApB,CAFuB;EAG5BjB,KAAK,EAAEV,SAAS,CAACyB,QAAV,CAAmBzB,SAAS,CAACwB,SAAV,CAAoB,CAACxB,SAAS,CAAC0B,MAAX,EAAmB1B,SAAS,CAAC4B,MAA7B,CAApB,CAAnB,CAHqB;EAI5BjB,GAAG,EAAEX,SAAS,CAAC0B;AAJa,CAA9B;AAOA,eAAepB,iBAAf"}

package/es/atom/promo-code/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../provider';
 import style from './style.css';
+
 const PromoCode = (props, context) => {
   const {
     promoCodeDescription,
@@ -35,6 +36,7 @@ const PromoCode = (props, context) => {
     className: style.promoCodeError
   }, "-", promoCodeError) : null);
 };
+
 PromoCode.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/atom/promo-code/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PromoCode","props","context","promoCodeDescription","promoCodeError","onValidate","handlePromoCodeChange","translate","createElement","className","promoCode","promoCodeInputAndButton","type","placeholder","promoCodeInput","promoCodeButtonOnError","promoCodeButtonOnSuccess","onChange","onClick","promoCodeButton","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","func","isRequired"],"sources":["../../../src/atom/promo-code/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst PromoCode = (props, context) => {\n  const {promoCodeDescription, promoCodeError, onValidate, handlePromoCodeChange} = props;\n\n  const {translate} = context;\n\n  return (\n    <div className={style.promoCode}>\n      <div className={style.promoCodeInputAndButton}>\n        <input\n          type=\"text\"\n          placeholder={translate('zuora_discount_code')}\n          className={`\n            ${style.promoCodeInput}\n            ${promoCodeError && style.promoCodeButtonOnError}\n            ${promoCodeDescription && style.promoCodeButtonOnSuccess}\n          `}\n          onChange={handlePromoCodeChange}\n        />\n        <button type=\"submit\" onClick={onValidate} className={style.promoCodeButton}>\n          {translate('zuora_discount_code_submit')}\n        </button>\n      </div>\n      {promoCodeDescription ? (\n        <div className={style.promoCodeDescription}>-{promoCodeDescription}</div>\n      ) : null}\n      {promoCodeError ? <div className={style.promoCodeError}>-{promoCodeError}</div> : null}\n    </div>\n  );\n};\n\nPromoCode.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPromoCode.propTypes = {\n  promoCodeDescription: PropTypes.string,\n  promoCodeError: PropTypes.string,\n  onValidate: PropTypes.func.isRequired,\n  handlePromoCodeChange: PropTypes.func.isRequired\n};\n\nexport default PromoCode;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,SAAS,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACpC,MAAM;IAACC,oBAAoB;IAAEC,cAAc;IAAEC,UAAU;IAAEC;EAAqB,CAAC,GAAGL,KAAK;EAEvF,MAAM;IAACM;EAAS,CAAC,GAAGL,OAAO;EAE3B,oBACEN,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACW;EAAU,gBAC9Bd,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACY;EAAwB,gBAC5Cf,KAAA,CAAAY,aAAA;IACEI,IAAI,EAAC,MAAM;IACXC,WAAW,EAAEN,SAAS,CAAC,qBAAqB,CAAE;IAC9CE,SAAS,EAAE;AACrB,cAAcV,KAAK,CAACe,cAAc;AAClC,cAAcV,cAAc,IAAIL,KAAK,CAACgB,sBAAsB;AAC5D,cAAcZ,oBAAoB,IAAIJ,KAAK,CAACiB,wBAAwB;AACpE,WAAY;IACFC,QAAQ,EAAEX;EAAsB,CACjC,CAAC,eACFV,KAAA,CAAAY,aAAA;IAAQI,IAAI,EAAC,QAAQ;IAACM,OAAO,EAAEb,UAAW;IAACI,SAAS,EAAEV,KAAK,CAACoB;EAAgB,GACzEZ,SAAS,CAAC,4BAA4B,CACjC,CACL,CAAC,EACLJ,oBAAoB,gBACnBP,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACI;EAAqB,GAAC,GAAC,EAACA,oBAA0B,CAAC,GACvE,IAAI,EACPC,cAAc,gBAAGR,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACK;EAAe,GAAC,GAAC,EAACA,cAAoB,CAAC,GAAG,IAC/E,CAAC;AAEV,CAAC;AAEDJ,SAAS,CAACoB,YAAY,GAAG;EACvBb,SAAS,EAAET,QAAQ,CAACuB,iBAAiB,CAACd;AACxC,CAAC;AAEDP,SAAS,CAACsB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBtB,oBAAoB,EAAEN,SAAS,CAAC6B,MAAM;EACtCtB,cAAc,EAAEP,SAAS,CAAC6B,MAAM;EAChCrB,UAAU,EAAER,SAAS,CAAC8B,IAAI,CAACC,UAAU;EACrCtB,qBAAqB,EAAET,SAAS,CAAC8B,IAAI,CAACC;AACxC,CAAC;AAED,eAAe5B,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PromoCode","props","context","promoCodeDescription","promoCodeError","onValidate","handlePromoCodeChange","translate","promoCode","promoCodeInputAndButton","promoCodeInput","promoCodeButtonOnError","promoCodeButtonOnSuccess","promoCodeButton","contextTypes","childContextTypes","propTypes","string","func","isRequired"],"sources":["../../../src/atom/promo-code/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst PromoCode = (props, context) => {\n  const {promoCodeDescription, promoCodeError, onValidate, handlePromoCodeChange} = props;\n\n  const {translate} = context;\n\n  return (\n    <div className={style.promoCode}>\n      <div className={style.promoCodeInputAndButton}>\n        <input\n          type=\"text\"\n          placeholder={translate('zuora_discount_code')}\n          className={`\n            ${style.promoCodeInput}\n            ${promoCodeError && style.promoCodeButtonOnError}\n            ${promoCodeDescription && style.promoCodeButtonOnSuccess}\n          `}\n          onChange={handlePromoCodeChange}\n        />\n        <button type=\"submit\" onClick={onValidate} className={style.promoCodeButton}>\n          {translate('zuora_discount_code_submit')}\n        </button>\n      </div>\n      {promoCodeDescription ? (\n        <div className={style.promoCodeDescription}>-{promoCodeDescription}</div>\n      ) : null}\n      {promoCodeError ? <div className={style.promoCodeError}>-{promoCodeError}</div> : null}\n    </div>\n  );\n};\n\nPromoCode.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPromoCode.propTypes = {\n  promoCodeDescription: PropTypes.string,\n  promoCodeError: PropTypes.string,\n  onValidate: PropTypes.func.isRequired,\n  handlePromoCodeChange: PropTypes.func.isRequired\n};\n\nexport default PromoCode;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IAACC,oBAAD;IAAuBC,cAAvB;IAAuCC,UAAvC;IAAmDC;EAAnD,IAA4EL,KAAlF;EAEA,MAAM;IAACM;EAAD,IAAcL,OAApB;EAEA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACS;EAAtB,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,gBACE;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEF,SAAS,CAAC,qBAAD,CAFxB;IAGE,SAAS,EAAG;AACtB,cAAcR,KAAK,CAACW,cAAe;AACnC,cAAcN,cAAc,IAAIL,KAAK,CAACY,sBAAuB;AAC7D,cAAcR,oBAAoB,IAAIJ,KAAK,CAACa,wBAAyB;AACrE,WAPQ;IAQE,QAAQ,EAAEN;EARZ,EADF,eAWE;IAAQ,IAAI,EAAC,QAAb;IAAsB,OAAO,EAAED,UAA/B;IAA2C,SAAS,EAAEN,KAAK,CAACc;EAA5D,GACGN,SAAS,CAAC,4BAAD,CADZ,CAXF,CADF,EAgBGJ,oBAAoB,gBACnB;IAAK,SAAS,EAAEJ,KAAK,CAACI;EAAtB,QAA8CA,oBAA9C,CADmB,GAEjB,IAlBN,EAmBGC,cAAc,gBAAG;IAAK,SAAS,EAAEL,KAAK,CAACK;EAAtB,QAAwCA,cAAxC,CAAH,GAAmE,IAnBpF,CADF;AAuBD,CA5BD;;AA8BAJ,SAAS,CAACc,YAAV,GAAyB;EACvBP,SAAS,EAAET,QAAQ,CAACiB,iBAAT,CAA2BR;AADf,CAAzB;AAIAP,SAAS,CAACgB,SAAV,2CAAsB;EACpBb,oBAAoB,EAAEN,SAAS,CAACoB,MADZ;EAEpBb,cAAc,EAAEP,SAAS,CAACoB,MAFN;EAGpBZ,UAAU,EAAER,SAAS,CAACqB,IAAV,CAAeC,UAHP;EAIpBb,qBAAqB,EAAET,SAAS,CAACqB,IAAV,CAAeC;AAJlB,CAAtB;AAOA,eAAenB,SAAf"}