@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.31

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

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _templateContext = require("../../template/app-review/template-context");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -29,8 +36,10 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     backgroundColor: theme.colors.battle
   }
 });
+
 const CYCLE_DURATION = 3000;
 const MIN_TIME = 1000;
+
 const Loader = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const {
@@ -56,6 +65,7 @@ const Loader = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
   (0, _react.useEffect)(() => {
@@ -67,6 +77,7 @@ const Loader = props => {
     setTimeout(() => {
       setMinTimeSpent(true);
     }, MIN_TIME);
+
     const _animation = _reactNative.Animated.parallel([_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(scale, {
       toValue: 0,
       duration: 0,
@@ -96,19 +107,23 @@ const Loader = props => {
       useNativeDriver: false,
       easing: _reactNative.Easing.inOut(_reactNative.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]
@@ -186,6 +201,7 @@ const Loader = props => {
     }]
   })));
 };
+
 var _default = Loader;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","alignItems","justifyContent","dot","position","blue","backgroundColor","colors","cta","red","negative","green","positive","yellow","battle","CYCLE_DURATION","MIN_TIME","Loader","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","hidden","setHidden","minTimeIsSpent","setMinTimeSpent","rotation","useRef","Animated","Value","current","scale","hideAnimation","useAnimateProp","property","fromValue","toValue","onComplete","height","color","readyToHide","useEffect","_stylesheet","start","setTimeout","_animation","parallel","loop","sequence","timing","duration","useNativeDriver","easing","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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"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","alignItems","justifyContent","dot","position","blue","backgroundColor","colors","cta","red","negative","green","positive","yellow","battle","CYCLE_DURATION","MIN_TIME","Loader","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","hidden","setHidden","minTimeIsSpent","setMinTimeSpent","rotation","useRef","Animated","Value","current","scale","hideAnimation","useAnimateProp","property","fromValue","toValue","onComplete","height","color","readyToHide","useEffect","_stylesheet","start","setTimeout","_animation","parallel","loop","sequence","timing","duration","useNativeDriver","easing","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/lib/atom/lottie-wrapper/index.js

@@ -2,20 +2,35 @@
 
 exports.__esModule = true;
 exports.fetchAndLoadAnimation = exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _lottieWeb = _interopRequireDefault(require("lottie-web"));
+
 var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _omit = _interopRequireDefault(require("lodash/fp/omit"));
+
 var _isomorphicUnfetch = _interopRequireDefault(require("isomorphic-unfetch"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes = _interopRequireWildcard(require("./prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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); }
+
 const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, containerRef, loop, animationClassnames, hideOnTransparent, autoplay) => {
   const animationUrl = new URL(animationSrc).toString();
   const fetchResult = await _fetch(animationUrl, {
@@ -25,6 +40,7 @@ const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, containerRef
     }
   });
   const animationData = await fetchResult.json();
+
   const animation = _lottie.loadAnimation && _lottie.loadAnimation({
     container: containerRef.current,
     // the dom element that will contain the animation
@@ -36,12 +52,15 @@ const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, containerRef
       className: animationClassnames,
       hideOnTransparent,
       preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop
+
     }
   });
 
   return animation;
 };
+
 exports.fetchAndLoadAnimation = fetchAndLoadAnimation;
+
 const LottieWrapper = props => {
   const {
     className,
@@ -60,9 +79,8 @@ const LottieWrapper = props => {
     hideOnTransparent = true
   } = rendererSettings;
   const containerRef = (0, _react.useRef)(null);
-  const isCancelledRef = (0, _react.useRef)(null);
+  const isCancelledRef = (0, _react.useRef)(null); // lottie's animation instance
 
-  // lottie's animation instance
   const [animationItem, setAnimationItem] = (0, _react.useState)(null);
   const [isAnimationVisible, setIsAnimationVisible] = (0, _react.useState)(autoplay);
   const wrapperClassName = (0, _react.useMemo)(() => (0, _classnames.default)(className, _style.default.lottieContainer), [className]);
@@ -71,6 +89,7 @@ const LottieWrapper = props => {
     if ((0, _includes.default)(animationControl, (0, _keys.default)((0, _omit.default)('loading', _propTypes.ANIMATION_CONTROL))) && !autoplay) {
       setIsAnimationVisible(true);
       /* istanbul ignore next */
+
       if (animationItem) animationItem[animationControl]();
       if (animationControl === _propTypes.ANIMATION_CONTROL.stop) setIsAnimationVisible(false);
     }
@@ -84,10 +103,13 @@ const LottieWrapper = props => {
         (0, _isNil.default)(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 ? {
@@ -113,6 +135,7 @@ const LottieWrapper = props => {
     })
   }));
 };
+
 LottieWrapper.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = LottieWrapper;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["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","useRef","isCancelledRef","animationItem","setAnimationItem","useState","isAnimationVisible","setIsAnimationVisible","wrapperClassName","useMemo","classnames","style","lottieContainer","lottieAnimationClassName","useEffect","includes","keys","omit","ANIMATION_CONTROL","stop","window","lottie","unfetch","isNil","destroy","name","accessibilityProps","role","maxWidth","maxHeight","opacity","transition","propTypes"],"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA0D;AAAA;AAAA;AAAA;AAEnD,MAAMA,qBAAqB,GAAG,OACnCC,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,EAAE;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,EAAE;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;AAAC;AAEF,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,GAAG,IAAA4B,aAAM,EAAC,IAAI,CAAC;EACjC,MAAMC,cAAc,GAAG,IAAAD,aAAM,EAAC,IAAI,CAAC;;EAEnC;EACA,MAAM,CAACE,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAExD,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG,IAAAF,eAAQ,EAAC5B,QAAQ,CAAC;EAEtE,MAAM+B,gBAAgB,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,mBAAU,EAACnB,SAAS,EAAEoB,cAAK,CAACC,eAAe,CAAC,EAAE,CAACrB,SAAS,CAAC,CAAC;EAEjG,MAAMsB,wBAAwB,GAAG,IAAAJ,cAAO,EACtC,MAAM,IAAAC,mBAAU,EAACV,kBAAkB,EAAEW,cAAK,CAAC1B,SAAS,CAAC,EACrD,CAACe,kBAAkB,CAAC,CACrB;EAED,IAAAc,gBAAS,EAAC,MAAM;IACd,IAAI,IAAAC,iBAAQ,EAAChB,gBAAgB,EAAE,IAAAiB,aAAI,EAAC,IAAAC,aAAI,EAAC,SAAS,EAAEC,4BAAiB,CAAC,CAAC,CAAC,IAAI,CAACzC,QAAQ,EAAE;MACrF8B,qBAAqB,CAAC,IAAI,CAAC;MAC3B;MACA,IAAIJ,aAAa,EAAEA,aAAa,CAACJ,gBAAgB,CAAC,EAAE;MACpD,IAAIA,gBAAgB,KAAKmB,4BAAiB,CAACC,IAAI,EAAEZ,qBAAqB,CAAC,KAAK,CAAC;IAC/E;EACF,CAAC,EAAE,CAACR,gBAAgB,EAAEI,aAAa,EAAE1B,QAAQ,CAAC,CAAC;EAE/C,IAAAqC,gBAAS,EAAC,MAAM;IACd,MAAM5B,aAAa,GAAG,YAAY;MAChC;MACA,IAAI,CAACiB,aAAa,IAAI,OAAOiB,MAAM,KAAK,WAAW,EAAE;QACnDA,MAAM,CAACC,MAAM,GAAGA,kBAAM;QACtB,MAAMpC,SAAS,GAAG,MAAMhB,qBAAqB,CAC3CmD,MAAM,CAACC,MAAM,EACbC,0BAAO,EACPlD,YAAY,EACZC,YAAY,EACZC,IAAI,EACJuC,wBAAwB,EACxBrC,iBAAiB,EACjBC,QAAQ,CACT;QAED,IAAA8C,cAAK,EAACrB,cAAc,CAACd,OAAO,CAAC,IAAIgB,gBAAgB,CAACnB,SAAS,CAAC;MAC9D;IACF,CAAC;IAEDC,aAAa,EAAE;IACf,OAAO,MAAM;MACXgB,cAAc,CAACd,OAAO,GAAG,IAAI;MAC7B,OAAOe,aAAa,IAAI,0BAA2BiB,MAAM,CAACC,MAAM,CAACG,OAAO,CAACrB,aAAa,CAACsB,IAAI,CAAC;IAC9F,CAAC;EACH,CAAC,EAAE,CACDZ,wBAAwB,EACxBxC,YAAY,EACZG,iBAAiB,EACjBF,IAAI,EACJF,YAAY,EACZ+B,aAAa,EACb1B,QAAQ,CACT,CAAC;EAEF,MAAMiD,kBAAkB,GAAG9B,SAAS,GAChC;IACE,YAAY,EAAEA,SAAS;IACvB+B,IAAI,EAAE;EACR,CAAC,GACD;IACE,aAAa,EAAE,MAAM;IACrBA,IAAI,EAAE;EACR,CAAC;EAEL,oBACE,iDACMD,kBAAkB;IACtB,GAAG,EAAErD,YAAa;IAClB,aAAWsB,QAAS;IACpB,SAAS,EAAEa,gBAAiB;IAC5B,KAAK,eACCX,KAAK,IAAI;MACXA,KAAK,EAAG,GAAEA,KAAM,IAAG;MACnB+B,QAAQ,EAAG,GAAE/B,KAAM;IACrB,CAAC,EACGC,MAAM,IAAI;MACZA,MAAM,EAAG,GAAEA,MAAO,IAAG;MACrB+B,SAAS,EAAG,GAAE/B,MAAO;IACvB,CAAC;MACDgC,OAAO,EAAExB,kBAAkB,GAAG,CAAC,GAAG,CAAC;MACnCyB,UAAU,EAAE;IAAuB;EACnC,GACF;AAEN,CAAC;AAEDtC,aAAa,CAACuC,SAAS,2CAAGA,kBAAS;AAAC,eAErBvC,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["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","useRef","isCancelledRef","animationItem","setAnimationItem","useState","isAnimationVisible","setIsAnimationVisible","wrapperClassName","useMemo","classnames","style","lottieContainer","lottieAnimationClassName","useEffect","includes","keys","omit","ANIMATION_CONTROL","stop","window","lottie","unfetch","isNil","destroy","name","accessibilityProps","role","maxWidth","maxHeight","opacity","transition","propTypes"],"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/lib/atom/lottie-wrapper/prop-types.d.ts

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-export type LottieAnimationProps = {
+export declare type LottieAnimationProps = {
     'aria-label'?: string;
     'data-name'?: string;
     animationSrc: string;

package/lib/atom/lottie-wrapper/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/lottie-wrapper/prop-types.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB,CAAC,EAAE;QACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAcd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/lottie-wrapper/prop-types.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,oBAAY,oBAAoB,GAAG;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB,CAAC,EAAE;QACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAcd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/atom/lottie-wrapper/prop-types.js

@@ -2,9 +2,13 @@
 
 exports.__esModule = true;
 exports.default = exports.ANIMATION_CONTROL = void 0;
+
 var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ANIMATION_CONTROL = {
   play: 'play',
   pause: 'pause',

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["ANIMATION_CONTROL","play","pause","stop","loading","propTypes","PropTypes","string","animationSrc","isRequired","loop","bool","rendererSettings","shape","hideOnTransparent","className","height","number","width","autoplay","animationControl","oneOf","keys"],"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;AACA;AAAmC;AAkB5B,MAAMA,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE;AACX,CAAC;AAAC;AAEF,MAAMC,SAAS,GAAG;EAChB,YAAY,EAAEC,kBAAS,CAACC,MAAM;EAC9B,WAAW,EAAED,kBAAS,CAACC,MAAM;EAC7BC,YAAY,EAAEF,kBAAS,CAACC,MAAM,CAACE,UAAU;EACzCC,IAAI,EAAEJ,kBAAS,CAACK,IAAI;EACpBC,gBAAgB,EAAEN,kBAAS,CAACO,KAAK,CAAC;IAChCC,iBAAiB,EAAER,kBAAS,CAACK,IAAI;IACjCI,SAAS,EAAET,kBAAS,CAACC;EACvB,CAAC,CAAC;EACFS,MAAM,EAAEV,kBAAS,CAACW,MAAM;EACxBC,KAAK,EAAEZ,kBAAS,CAACW,MAAM;EACvBF,SAAS,EAAET,kBAAS,CAACC,MAAM;EAC3BY,QAAQ,EAAEb,kBAAS,CAACK,IAAI;EACxBS,gBAAgB,EAAEd,kBAAS,CAACe,KAAK,CAAC,IAAAC,aAAI,EAACtB,iBAAiB,CAAC;AAC3D,CAAC;AAAC,eAEaK,SAAS;AAAA"}
+{"version":3,"file":"prop-types.js","names":["ANIMATION_CONTROL","play","pause","stop","loading","propTypes","PropTypes","string","animationSrc","isRequired","loop","bool","rendererSettings","shape","hideOnTransparent","className","height","number","width","autoplay","animationControl","oneOf","keys"],"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;;AACA;;;;AAkBO,MAAMA,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,cAAcC,kBAAA,CAAUC,MADR;EAEhB,aAAaD,kBAAA,CAAUC,MAFP;EAGhBC,YAAY,EAAEF,kBAAA,CAAUC,MAAV,CAAiBE,UAHf;EAIhBC,IAAI,EAAEJ,kBAAA,CAAUK,IAJA;EAKhBC,gBAAgB,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IAChCC,iBAAiB,EAAER,kBAAA,CAAUK,IADG;IAEhCI,SAAS,EAAET,kBAAA,CAAUC;EAFW,CAAhB,CALF;EAShBS,MAAM,EAAEV,kBAAA,CAAUW,MATF;EAUhBC,KAAK,EAAEZ,kBAAA,CAAUW,MAVD;EAWhBF,SAAS,EAAET,kBAAA,CAAUC,MAXL;EAYhBY,QAAQ,EAAEb,kBAAA,CAAUK,IAZJ;EAahBS,gBAAgB,EAAEd,kBAAA,CAAUe,KAAV,CAAgB,IAAAC,aAAA,EAAKtB,iBAAL,CAAhB;AAbF,CAAlB;eAgBeK,S"}

package/lib/atom/notification/index.js

@@ -2,16 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const notificationStyle = {
   warning: _style.default.warning,
   error: _style.default.error,
   success: _style.default.success
 };
+
 const NotificationComponent = props => {
   const {
     type,
@@ -22,6 +29,7 @@ const NotificationComponent = props => {
     className: className
   }, /*#__PURE__*/_react.default.createElement("span", null, "!"), message);
 };
+
 NotificationComponent.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf((0, _keys2.default)(notificationStyle)).isRequired,
   message: _propTypes.default.string.isRequired

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["notificationStyle","warning","style","error","success","NotificationComponent","props","type","message","className","propTypes","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;AACA;AAEA;AAAgC;AAEhC,MAAMA,iBAAiB,GAAG;EACxBC,OAAO,EAAEC,cAAK,CAACD,OAAO;EACtBE,KAAK,EAAED,cAAK,CAACC,KAAK;EAClBC,OAAO,EAAEF,cAAK,CAACE;AACjB,CAAC;AAED,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,IAAI;IAAEC;EAAO,CAAC,GAAGF,KAAK;EAE7B,MAAMG,SAAS,GAAGF,IAAI,GAAGP,iBAAiB,CAACO,IAAI,CAAC,GAAGL,cAAK,CAACM,OAAO;EAEhE,oBACE;IAAK,SAAS,EAAEC;EAAU,gBACxB,2CAAM,GAAC,CAAO,EACbD,OAAO,CACJ;AAEV,CAAC;AAEDH,qBAAqB,CAACK,SAAS,2CAAG;EAChCH,IAAI,EAAEI,kBAAS,CAACC,KAAK,CAAC,oBAAKZ,iBAAiB,CAAC,CAAC,CAACa,UAAU;EACzDL,OAAO,EAAEG,kBAAS,CAACG,MAAM,CAACD;AAC5B,CAAC;AAAC,eACaR,qBAAqB;AAAA"}
+{"version":3,"file":"index.js","names":["notificationStyle","warning","style","error","success","NotificationComponent","props","type","message","className","propTypes","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;;AACA;;AAEA;;;;AAEA,MAAMA,iBAAiB,GAAG;EACxBC,OAAO,EAAEC,cAAA,CAAMD,OADS;EAExBE,KAAK,EAAED,cAAA,CAAMC,KAFW;EAGxBC,OAAO,EAAEF,cAAA,CAAME;AAHS,CAA1B;;AAMA,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,IAAD;IAAOC;EAAP,IAAkBF,KAAxB;EAEA,MAAMG,SAAS,GAAGF,IAAI,GAAGP,iBAAiB,CAACO,IAAD,CAApB,GAA6BL,cAAA,CAAMM,OAAzD;EAEA,oBACE;IAAK,SAAS,EAAEC;EAAhB,gBACE,+CADF,EAEGD,OAFH,CADF;AAMD,CAXD;;AAaAH,qBAAqB,CAACK,SAAtB,2CAAkC;EAChCH,IAAI,EAAEI,kBAAA,CAAUC,KAAV,CAAgB,oBAAKZ,iBAAL,CAAhB,EAAyCa,UADf;EAEhCL,OAAO,EAAEG,kBAAA,CAAUG,MAAV,CAAiBD;AAFM,CAAlC;eAIeR,qB"}

package/lib/atom/picture/index.js

@@ -2,25 +2,42 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _toPairs2 = _interopRequireDefault(require("lodash/fp/toPairs"));
+
 var _set2 = _interopRequireDefault(require("lodash/fp/set"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _join2 = _interopRequireDefault(require("lodash/fp/join"));
+
 var _isObject2 = _interopRequireDefault(require("lodash/fp/isObject"));
+
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _filter2 = _interopRequireDefault(require("lodash/fp/filter"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _proptypes = require("../../util/proptypes");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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); }
+
 const toSrcSet = src => {
   if (!(0, _isObject2.default)(src)) return {};
   return (0, _pipe2.default)((0, _set2.default)('srcSet', (0, _pipe2.default)(_toPairs2.default, (0, _filter2.default)(([key, url]) => url), (0, _map2.default)(([key, url]) => `${url} ${key}`), (0, _join2.default)(','))(src)), (0, _set2.default)('src', (0, _get2.default)('1x', src)))({});
 };
+
 const toSetAlt = alt => {
   return alt ? {
     alt
@@ -29,18 +46,22 @@ const toSetAlt = alt => {
     'aria-hidden': true
   };
 };
+
 const Picture = props => {
   const {
     src,
     alt
   } = props;
+
   if ((0, _isNil2.default)(src)) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.empty
     });
   }
+
   return /*#__PURE__*/_react.default.createElement("img", _extends({}, props, toSrcSet(src), toSetAlt(alt)));
 };
+
 Picture.propTypes = process.env.NODE_ENV !== "production" ? {
   src: _propTypes.default.oneOfType([_proptypes.SrcPropType, _propTypes.default.objectOf(_proptypes.SrcPropType)]),
   alt: _propTypes.default.string

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["toSrcSet","src","key","url","toSetAlt","alt","Picture","props","style","empty","propTypes","PropTypes","oneOfType","SrcPropType","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;AACA;AAEA;AACA;AAAgC;AAAA;AAEhC,MAAMA,QAAQ,GAAGC,GAAG,IAAI;EACtB,IAAI,CAAC,wBAASA,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;EAC7B,OAAO,oBACL,mBACE,QAAQ,EACR,uCAEE,sBAAO,CAAC,CAACC,GAAG,EAAEC,GAAG,CAAC,KAAKA,GAAG,CAAC,EAC3B,mBAAI,CAAC,CAACD,GAAG,EAAEC,GAAG,CAAC,KAAM,GAAEA,GAAI,IAAGD,GAAI,EAAC,CAAC,EACpC,oBAAK,GAAG,CAAC,CACV,CAACD,GAAG,CAAC,CACP,EACD,mBAAI,KAAK,EAAE,mBAAI,IAAI,EAAEA,GAAG,CAAC,CAAC,CAC3B,CAAC,CAAC,CAAC,CAAC;AACP,CAAC;AAED,MAAMG,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;IAACN,GAAG;IAAEI;EAAG,CAAC,GAAGE,KAAK;EACxB,IAAI,qBAAMN,GAAG,CAAC,EAAE;IACd,oBAAO;MAAK,SAAS,EAAEO,cAAK,CAACC;IAAM,EAAG;EACxC;EACA,oBAAO,iDAASF,KAAK,EAAMP,QAAQ,CAACC,GAAG,CAAC,EAAMG,QAAQ,CAACC,GAAG,CAAC,EAAI;AACjE,CAAC;AAEDC,OAAO,CAACI,SAAS,2CAAG;EAClBT,GAAG,EAAEU,kBAAS,CAACC,SAAS,CAAC,CAACC,sBAAW,EAAEF,kBAAS,CAACG,QAAQ,CAACD,sBAAW,CAAC,CAAC,CAAC;EACxER,GAAG,EAAEM,kBAAS,CAACI;AACjB,CAAC;AAAC,eAEaT,OAAO;AAAA"}
+{"version":3,"file":"index.js","names":["toSrcSet","src","key","url","toSetAlt","alt","Picture","props","style","empty","propTypes","PropTypes","oneOfType","SrcPropType","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;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,QAAQ,GAAGC,GAAG,IAAI;EACtB,IAAI,CAAC,wBAASA,GAAT,CAAL,EAAoB,OAAO,EAAP;EACpB,OAAO,oBACL,mBACE,QADF,EAEE,uCAEE,sBAAO,CAAC,CAACC,GAAD,EAAMC,GAAN,CAAD,KAAgBA,GAAvB,CAFF,EAGE,mBAAI,CAAC,CAACD,GAAD,EAAMC,GAAN,CAAD,KAAiB,GAAEA,GAAI,IAAGD,GAAI,EAAlC,CAHF,EAIE,oBAAK,GAAL,CAJF,EAKED,GALF,CAFF,CADK,EAUL,mBAAI,KAAJ,EAAW,mBAAI,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,qBAAMN,GAAN,CAAJ,EAAgB;IACd,oBAAO;MAAK,SAAS,EAAEO,cAAA,CAAMC;IAAtB,EAAP;EACD;;EACD,oBAAO,iDAASF,KAAT,EAAoBP,QAAQ,CAACC,GAAD,CAA5B,EAAuCG,QAAQ,CAACC,GAAD,CAA/C,EAAP;AACD,CAND;;AAQAC,OAAO,CAACI,SAAR,2CAAoB;EAClBT,GAAG,EAAEU,kBAAA,CAAUC,SAAV,CAAoB,CAACC,sBAAD,EAAcF,kBAAA,CAAUG,QAAV,CAAmBD,sBAAnB,CAAd,CAApB,CADa;EAElBR,GAAG,EAAEM,kBAAA,CAAUI;AAFG,CAApB;eAKeT,O"}

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

@@ -2,17 +2,26 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _isObject2 = _interopRequireDefault(require("lodash/fp/isObject"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const viewStyle = {
   cover: _style.default.cover,
   contain: _style.default.contain
 };
+
 const PictureBackground = props => {
   const {
     src,
@@ -49,6 +58,7 @@ const PictureBackground = props => {
     style: style
   }, pictureView);
 };
+
 PictureBackground.propTypes = process.env.NODE_ENV !== "production" ? {
   view: _propTypes.default.oneOf((0, _keys2.default)(viewStyle)),
   src: _propTypes.default.oneOfType([_propTypes.default.objectOf(_propTypes.default.string), _propTypes.default.string.isRequired]),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["viewStyle","cover","cssStyle","contain","PictureBackground","props","src","view","style","mobile","desktop","bgStyle","pictureView","deviceView","mobileContainer","classnames","picture","backgroundImage","desktopContainer","default","wrapper","propTypes","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} = 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        <div\n          className={classnames(cssStyle.picture, bgStyle)}\n          style={{\n            backgroundImage: `url(${mobile})`\n          }}\n        />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <div\n          className={classnames(cssStyle.picture, bgStyle)}\n          style={{\n            backgroundImage: `url(${desktop})`\n          }}\n        />\n      </div>\n    </div>\n  ) : (\n    <div\n      className={classnames(cssStyle.default, bgStyle)}\n      style={{backgroundImage: `url(${src})`}}\n    />\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};\n\nexport default PictureBackground;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AAAmC;AAEnC,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAEC,cAAQ,CAACD,KAAK;EACrBE,OAAO,EAAED,cAAQ,CAACC;AACpB,CAAC;AAED,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAG;IAAEC,IAAI;IAAEC;EAAK,CAAC,GAAGH,KAAK;EAChC,MAAMI,MAAM,GAAGH,GAAG,CAACG,MAAM;EACzB,MAAMC,OAAO,GAAGJ,GAAG,CAACI,OAAO;EAC3B,MAAMC,OAAO,GAAGX,SAAS,CAACO,IAAI,CAAC;EAE/B,MAAMK,WAAW,GAAG,wBAASN,GAAG,CAAC,gBAC/B;IAAK,SAAS,EAAEJ,cAAQ,CAACW;EAAW,gBAClC;IAAK,SAAS,EAAEX,cAAQ,CAACY;EAAgB,gBACvC;IACE,SAAS,EAAE,IAAAC,mBAAU,EAACb,cAAQ,CAACc,OAAO,EAAEL,OAAO,CAAE;IACjD,KAAK,EAAE;MACLM,eAAe,EAAG,OAAMR,MAAO;IACjC;EAAE,EACF,CACE,eACN;IAAK,SAAS,EAAEP,cAAQ,CAACgB;EAAiB,gBACxC;IACE,SAAS,EAAE,IAAAH,mBAAU,EAACb,cAAQ,CAACc,OAAO,EAAEL,OAAO,CAAE;IACjD,KAAK,EAAE;MACLM,eAAe,EAAG,OAAMP,OAAQ;IAClC;EAAE,EACF,CACE,CACF,gBAEN;IACE,SAAS,EAAE,IAAAK,mBAAU,EAACb,cAAQ,CAACiB,OAAO,EAAER,OAAO,CAAE;IACjD,KAAK,EAAE;MAACM,eAAe,EAAG,OAAMX,GAAI;IAAE;EAAE,EAE3C;EAED,oBACE;IAAK,SAAS,EAAEJ,cAAQ,CAACkB,OAAQ;IAAC,KAAK,EAAEZ;EAAM,GAC5CI,WAAW,CACR;AAEV,CAAC;AAEDR,iBAAiB,CAACiB,SAAS,2CAAG;EAC5Bd,IAAI,EAAEe,kBAAS,CAACC,KAAK,CAAC,oBAAKvB,SAAS,CAAC,CAAC;EACtCM,GAAG,EAAEgB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,QAAQ,CAACH,kBAAS,CAACI,MAAM,CAAC,EAAEJ,kBAAS,CAACI,MAAM,CAACC,UAAU,CAAC,CAAC;EAC7FnB,KAAK,EAAEc,kBAAS,CAACG,QAAQ,CAACH,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACM,MAAM,CAAC,CAAC;AACrF,CAAC;AAAC,eAEaxB,iBAAiB;AAAA"}
+{"version":3,"file":"index.js","names":["viewStyle","cover","cssStyle","contain","PictureBackground","props","src","view","style","mobile","desktop","bgStyle","pictureView","deviceView","mobileContainer","classnames","picture","backgroundImage","desktopContainer","default","wrapper","propTypes","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} = 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        <div\n          className={classnames(cssStyle.picture, bgStyle)}\n          style={{\n            backgroundImage: `url(${mobile})`\n          }}\n        />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <div\n          className={classnames(cssStyle.picture, bgStyle)}\n          style={{\n            backgroundImage: `url(${desktop})`\n          }}\n        />\n      </div>\n    </div>\n  ) : (\n    <div\n      className={classnames(cssStyle.default, bgStyle)}\n      style={{backgroundImage: `url(${src})`}}\n    />\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};\n\nexport default PictureBackground;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAEC,cAAA,CAASD,KADA;EAEhBE,OAAO,EAAED,cAAA,CAASC;AAFF,CAAlB;;AAKA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAD;IAAMC,IAAN;IAAYC;EAAZ,IAAqBH,KAA3B;EACA,MAAMI,MAAM,GAAGH,GAAG,CAACG,MAAnB;EACA,MAAMC,OAAO,GAAGJ,GAAG,CAACI,OAApB;EACA,MAAMC,OAAO,GAAGX,SAAS,CAACO,IAAD,CAAzB;EAEA,MAAMK,WAAW,GAAG,wBAASN,GAAT,iBAClB;IAAK,SAAS,EAAEJ,cAAA,CAASW;EAAzB,gBACE;IAAK,SAAS,EAAEX,cAAA,CAASY;EAAzB,gBACE;IACE,SAAS,EAAE,IAAAC,mBAAA,EAAWb,cAAA,CAASc,OAApB,EAA6BL,OAA7B,CADb;IAEE,KAAK,EAAE;MACLM,eAAe,EAAG,OAAMR,MAAO;IAD1B;EAFT,EADF,CADF,eASE;IAAK,SAAS,EAAEP,cAAA,CAASgB;EAAzB,gBACE;IACE,SAAS,EAAE,IAAAH,mBAAA,EAAWb,cAAA,CAASc,OAApB,EAA6BL,OAA7B,CADb;IAEE,KAAK,EAAE;MACLM,eAAe,EAAG,OAAMP,OAAQ;IAD3B;EAFT,EADF,CATF,CADkB,gBAoBlB;IACE,SAAS,EAAE,IAAAK,mBAAA,EAAWb,cAAA,CAASiB,OAApB,EAA6BR,OAA7B,CADb;IAEE,KAAK,EAAE;MAACM,eAAe,EAAG,OAAMX,GAAI;IAA7B;EAFT,EApBF;EA0BA,oBACE;IAAK,SAAS,EAAEJ,cAAA,CAASkB,OAAzB;IAAkC,KAAK,EAAEZ;EAAzC,GACGI,WADH,CADF;AAKD,CArCD;;AAuCAR,iBAAiB,CAACiB,SAAlB,2CAA8B;EAC5Bd,IAAI,EAAEe,kBAAA,CAAUC,KAAV,CAAgB,oBAAKvB,SAAL,CAAhB,CADsB;EAE5BM,GAAG,EAAEgB,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUG,QAAV,CAAmBH,kBAAA,CAAUI,MAA7B,CAAD,EAAuCJ,kBAAA,CAAUI,MAAV,CAAiBC,UAAxD,CAApB,CAFuB;EAG5BnB,KAAK,EAAEc,kBAAA,CAAUG,QAAV,CAAmBH,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUI,MAAX,EAAmBJ,kBAAA,CAAUM,MAA7B,CAApB,CAAnB;AAHqB,CAA9B;eAMexB,iB"}

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

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const PromoCode = (props, context) => {
   const {
     promoCodeDescription,
@@ -40,6 +46,7 @@ const PromoCode = (props, context) => {
     className: _style.default.promoCodeError
   }, "-", promoCodeError) : null);
 };
+
 PromoCode.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PromoCode","props","context","promoCodeDescription","promoCodeError","onValidate","handlePromoCodeChange","translate","style","promoCode","promoCodeInputAndButton","promoCodeInput","promoCodeButtonOnError","promoCodeButtonOnSuccess","promoCodeButton","contextTypes","Provider","childContextTypes","propTypes","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;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,SAAS,GAAG,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,oBACE;IAAK,SAAS,EAAEM,cAAK,CAACC;EAAU,gBAC9B;IAAK,SAAS,EAAED,cAAK,CAACE;EAAwB,gBAC5C;IACE,IAAI,EAAC,MAAM;IACX,WAAW,EAAEH,SAAS,CAAC,qBAAqB,CAAE;IAC9C,SAAS,EAAG;AACtB,cAAcC,cAAK,CAACG,cAAe;AACnC,cAAcP,cAAc,IAAII,cAAK,CAACI,sBAAuB;AAC7D,cAAcT,oBAAoB,IAAIK,cAAK,CAACK,wBAAyB;AACrE,WAAY;IACF,QAAQ,EAAEP;EAAsB,EAChC,eACF;IAAQ,IAAI,EAAC,QAAQ;IAAC,OAAO,EAAED,UAAW;IAAC,SAAS,EAAEG,cAAK,CAACM;EAAgB,GACzEP,SAAS,CAAC,4BAA4B,CAAC,CACjC,CACL,EACLJ,oBAAoB,gBACnB;IAAK,SAAS,EAAEK,cAAK,CAACL;EAAqB,GAAC,GAAC,EAACA,oBAAoB,CAAO,GACvE,IAAI,EACPC,cAAc,gBAAG;IAAK,SAAS,EAAEI,cAAK,CAACJ;EAAe,GAAC,GAAC,EAACA,cAAc,CAAO,GAAG,IAAI,CAClF;AAEV,CAAC;AAEDJ,SAAS,CAACe,YAAY,GAAG;EACvBR,SAAS,EAAES,iBAAQ,CAACC,iBAAiB,CAACV;AACxC,CAAC;AAEDP,SAAS,CAACkB,SAAS,2CAAG;EACpBf,oBAAoB,EAAEgB,kBAAS,CAACC,MAAM;EACtChB,cAAc,EAAEe,kBAAS,CAACC,MAAM;EAChCf,UAAU,EAAEc,kBAAS,CAACE,IAAI,CAACC,UAAU;EACrChB,qBAAqB,EAAEa,kBAAS,CAACE,IAAI,CAACC;AACxC,CAAC;AAAC,eAEatB,SAAS;AAAA"}
+{"version":3,"file":"index.js","names":["PromoCode","props","context","promoCodeDescription","promoCodeError","onValidate","handlePromoCodeChange","translate","style","promoCode","promoCodeInputAndButton","promoCodeInput","promoCodeButtonOnError","promoCodeButtonOnSuccess","promoCodeButton","contextTypes","Provider","childContextTypes","propTypes","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;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,EAAEM,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEH,SAAS,CAAC,qBAAD,CAFxB;IAGE,SAAS,EAAG;AACtB,cAAcC,cAAA,CAAMG,cAAe;AACnC,cAAcP,cAAc,IAAII,cAAA,CAAMI,sBAAuB;AAC7D,cAAcT,oBAAoB,IAAIK,cAAA,CAAMK,wBAAyB;AACrE,WAPQ;IAQE,QAAQ,EAAEP;EARZ,EADF,eAWE;IAAQ,IAAI,EAAC,QAAb;IAAsB,OAAO,EAAED,UAA/B;IAA2C,SAAS,EAAEG,cAAA,CAAMM;EAA5D,GACGP,SAAS,CAAC,4BAAD,CADZ,CAXF,CADF,EAgBGJ,oBAAoB,gBACnB;IAAK,SAAS,EAAEK,cAAA,CAAML;EAAtB,QAA8CA,oBAA9C,CADmB,GAEjB,IAlBN,EAmBGC,cAAc,gBAAG;IAAK,SAAS,EAAEI,cAAA,CAAMJ;EAAtB,QAAwCA,cAAxC,CAAH,GAAmE,IAnBpF,CADF;AAuBD,CA5BD;;AA8BAJ,SAAS,CAACe,YAAV,GAAyB;EACvBR,SAAS,EAAES,iBAAA,CAASC,iBAAT,CAA2BV;AADf,CAAzB;AAIAP,SAAS,CAACkB,SAAV,2CAAsB;EACpBf,oBAAoB,EAAEgB,kBAAA,CAAUC,MADZ;EAEpBhB,cAAc,EAAEe,kBAAA,CAAUC,MAFN;EAGpBf,UAAU,EAAEc,kBAAA,CAAUE,IAAV,CAAeC,UAHP;EAIpBhB,qBAAqB,EAAEa,kBAAA,CAAUE,IAAV,CAAeC;AAJlB,CAAtB;eAOetB,S"}