@shopgate/pwa-common 7.30.0-alpha.7 → 7.30.0-alpha.9

package/components/Router/index.js

@@ -1,51 +1,257 @@
-function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _extends(){_extends=Object.assign||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{router,stack as routeStack,onDidPush,onDidPop,onDidReplace,onDidReset,onUpdate,ACTION_POP}from'@virtuous/conductor';import Route from'@virtuous/conductor/Route';import{RouterContext,Router as OrigRouter}from'@virtuous/react-conductor';import{UIEvents}from'@shopgate/pwa-core';import{hasSGJavaScriptBridge}from'@shopgate/pwa-core/helpers';import{hasWebBridge}from'@shopgate/engage/core';import{sanitizeLink}from"../../subscriptions/helpers/handleLinks";import authRoutes from"../../collections/AuthRoutes";import{EVENT_USER_INITIALIZED}from"../../constants/user";import connect from"./connector";/**
+import "core-js/modules/es.string.replace.js";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { router, stack as routeStack, onDidPush, onDidPop, onDidReplace, onDidReset, onUpdate, ACTION_POP } from '@virtuous/conductor';
+import Route from '@virtuous/conductor/Route';
+import { RouterContext, Router as OrigRouter } from '@virtuous/react-conductor';
+import { UIEvents } from '@shopgate/pwa-core';
+import { hasSGJavaScriptBridge } from '@shopgate/pwa-core/helpers';
+import { hasWebBridge } from '@shopgate/engage/core';
+import { sanitizeLink } from "../../subscriptions/helpers/handleLinks";
+import authRoutes from "../../collections/AuthRoutes";
+import { EVENT_USER_INITIALIZED } from "../../constants/user";
+import connect from "./connector";
+
+/**
  * Adds additional history listeners to compensate bugs and improve the behaviour within
  * browser environments.
- */var createBrowserListeners=function createBrowserListeners(){var history=router.history;// Remove the original listener from the router.
-router.historyListener();// Add new one which injects an intermediate function which intercepts history events
-router.historyListener=history.listen(function(location,action){var locationPathname=location.pathname,search=location.search,hash=location.hash,state=location.state;// Create a pathname which fulfills the router expectations
-var pathname="".concat(locationPathname).concat(search).concat(hash);if(action===ACTION_POP&&router.routeIndex===0){/**
+ */
+const createBrowserListeners = () => {
+  const {
+    history
+  } = router;
+
+  // Remove the original listener from the router.
+  router.historyListener();
+
+  // Add new one which injects an intermediate function which intercepts history events
+  router.historyListener = history.listen((location, action) => {
+    const {
+      pathname: locationPathname,
+      search,
+      hash,
+      state
+    } = location;
+
+    // Create a pathname which fulfills the router expectations
+    const pathname = `${locationPathname}${search}${hash}`;
+    if (action === ACTION_POP && router.routeIndex === 0) {
+      /**
        * Within browser environments we need to handle situations where users come back to old
        * Engage history entries from previous sessions, Without special handling the page wouldn't
        * render correct content. So we replace the current visible page with content from the route.
-       */router.replace({pathname:pathname,state:state});return;}/**
+       */
+      router.replace({
+        pathname,
+        state
+      });
+      return;
+    }
+
+    /**
      * Conductor 2.5.0 contains a bug within the handler for native history events. It ignores that
      * the search and hash parameters are stored within separate properties of the history location
      * object. The routing methods expect those parameters as part of the pathname.
-     */router.handleNativeEvent(_extends({},location,{pathname:pathname}),action);}).bind(router);};/**
+     */
+    router.handleNativeEvent({
+      ...location,
+      pathname
+    }, action);
+  }).bind(router);
+};
+
+/**
  * The Router component.
- */var Router=/*#__PURE__*/function(_React$Component){/**
+ */
+class Router extends React.Component {
+  /**
    * @param {Object} props The component props.
-   */function Router(props){var _this2;_classCallCheck(this,Router);_this2=_callSuper(this,Router,[props]);/**
-   * Updates the user initialized component state
-   */_defineProperty(_this2,"setUserInitialized",function(){_this2.setState({userInitialized:true});});/**
-   * Determines the current location from the browser history
-   * @returns {string}
-   */_defineProperty(_this2,"getHistoryLocation",function(){var _router$history$locat=router.history.location,hash=_router$history$locat.hash,pathname=_router$history$locat.pathname,search=_router$history$locat.search;return sanitizeLink("".concat(pathname).concat(search).concat(hash));});/**
-   * Determines if the current route is a protected route
-   * @returns {null|string}
-   */_defineProperty(_this2,"getRouteProtector",function(){return authRoutes.getProtector(_this2.getHistoryLocation());});/**
-   * @param {Object} data Data for the update method
-   */_defineProperty(_this2,"update",function(data){var prev=data.prev,next=data.next;if(data===null||data===void 0?void 0:data.id){/**
-       * The only change right now compared to the original component. When invoked for "onUpdate"
-       * only the updated route is passed instead of an object with prev and next.
-       */_this2.setState({updated:Date.now()});return;}_this2.setState({prev:prev?prev.id:null,next:next.id,updated:Date.now()});});if(typeof props.history==='function'){router.constructor(props.history);}_this2.state={prev:null,next:null,updated:null,userInitialized:false,initialRouteProtected:!!_this2.getRouteProtector()};UIEvents.addListener(EVENT_USER_INITIALIZED,_this2.setUserInitialized);onDidPush(_this2.update);onDidPop(_this2.update);onDidReplace(_this2.update);onDidReset(_this2.update);onUpdate(_this2.update);if(hasWebBridge()||hasSGJavaScriptBridge()){createBrowserListeners();}return _this2;}/**
+   */
+  constructor(props) {
+    super(props);
+    /**
+     * Updates the user initialized component state
+     */
+    this.setUserInitialized = () => {
+      this.setState({
+        userInitialized: true
+      });
+    };
+    /**
+     * Determines the current location from the browser history
+     * @returns {string}
+     */
+    this.getHistoryLocation = () => {
+      const {
+        hash,
+        pathname,
+        search
+      } = router.history.location;
+      return sanitizeLink(`${pathname}${search}${hash}`);
+    };
+    /**
+     * Determines if the current route is a protected route
+     * @returns {null|string}
+     */
+    this.getRouteProtector = () => authRoutes.getProtector(this.getHistoryLocation());
+    /**
+     * @param {Object} data Data for the update method
+     */
+    this.update = data => {
+      const {
+        prev,
+        next
+      } = data;
+      if (data?.id) {
+        /**
+         * The only change right now compared to the original component. When invoked for "onUpdate"
+         * only the updated route is passed instead of an object with prev and next.
+         */
+        this.setState({
+          updated: Date.now()
+        });
+        return;
+      }
+      this.setState({
+        prev: prev ? prev.id : null,
+        next: next.id,
+        updated: Date.now()
+      });
+    };
+    if (typeof props.history === 'function') {
+      router.constructor(props.history);
+    }
+    this.state = {
+      prev: null,
+      next: null,
+      updated: null,
+      userInitialized: false,
+      initialRouteProtected: !!this.getRouteProtector()
+    };
+    UIEvents.addListener(EVENT_USER_INITIALIZED, this.setUserInitialized);
+    onDidPush(this.update);
+    onDidPop(this.update);
+    onDidReplace(this.update);
+    onDidReset(this.update);
+    onUpdate(this.update);
+    if (hasWebBridge() || hasSGJavaScriptBridge()) {
+      createBrowserListeners();
+    }
+  }
+
+  /**
    * @param {Object} nextProps The next component props.
    * @param {Object} nextState The next component state.
    * @returns {boolean}
-   */_inherits(Router,_React$Component);return _createClass(Router,[{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps,nextState){var isUserLoggedIn=this.props.isUserLoggedIn;var _this$state=this.state,updated=_this$state.updated,userInitialized=_this$state.userInitialized;return updated!==nextState.updated||userInitialized!==nextState.userInitialized||isUserLoggedIn!==nextProps.isUserLoggedIn;}/**
+   */
+  shouldComponentUpdate(nextProps, nextState) {
+    const {
+      isUserLoggedIn
+    } = this.props;
+    const {
+      updated,
+      userInitialized
+    } = this.state;
+    return updated !== nextState.updated || userInitialized !== nextState.userInitialized || isUserLoggedIn !== nextProps.isUserLoggedIn;
+  }
+
+  /**
    * Replaces the initial route with a protector if necessary
    * @param {Object} nextProps The next component props
    * @param {Object} nextState The next components state
-   */},{key:"UNSAFE_componentWillUpdate",value:function UNSAFE_componentWillUpdate(nextProps,nextState){var isUserLoggedIn=nextProps.isUserLoggedIn;var userInitialized=nextState.userInitialized,initialRouteProtected=nextState.initialRouteProtected;if(initialRouteProtected&&userInitialized&&!isUserLoggedIn){var protector=this.getRouteProtector();var location=this.getHistoryLocation();// Get the initial route from the route stack which was created by the router on init
-var initialRoute=routeStack.getByIndex(0);var id=initialRoute.id;// Prepare the redirect state for the protector route
-var state={redirect:{location:location}};var routeReplacement=new Route({id:id,state:state,pathname:protector});// Replace the auto-generated route with the replacement
-routeStack.update(id,routeReplacement);// Update the browser url with the protector route
-router.history.replace({pathname:protector,state:_extends({},state,{route:{id:id}})});this.setState({initialRouteProtected:false});}}/**
+   */
+  UNSAFE_componentWillUpdate(nextProps, nextState) {
+    const {
+      isUserLoggedIn
+    } = nextProps;
+    const {
+      userInitialized,
+      initialRouteProtected
+    } = nextState;
+    if (initialRouteProtected && userInitialized && !isUserLoggedIn) {
+      const protector = this.getRouteProtector();
+      const location = this.getHistoryLocation();
+
+      // Get the initial route from the route stack which was created by the router on init
+      const initialRoute = routeStack.getByIndex(0);
+      const {
+        id
+      } = initialRoute;
+
+      // Prepare the redirect state for the protector route
+      const state = {
+        redirect: {
+          location
+        }
+      };
+      const routeReplacement = new Route({
+        id,
+        state,
+        pathname: protector
+      });
+
+      // Replace the auto-generated route with the replacement
+      routeStack.update(id, routeReplacement);
+
+      // Update the browser url with the protector route
+      router.history.replace({
+        pathname: protector,
+        state: {
+          ...state,
+          route: {
+            id
+          }
+        }
+      });
+      this.setState({
+        initialRouteProtected: false
+      });
+    }
+  }
+
+  /**
    * Removes the listener for the EVENT_USER_INITIALIZED event
-   */},{key:"componentWillUnmount",value:function componentWillUnmount(){UIEvents.removeListener(EVENT_USER_INITIALIZED,this.setUserInitialized);}},{key:"render",value:/**
+   */
+  componentWillUnmount() {
+    UIEvents.removeListener(EVENT_USER_INITIALIZED, this.setUserInitialized);
+  }
+  /**
    * @returns {JSX}
-   */function render(){var children=this.props.children;var _this$state2=this.state,prev=_this$state2.prev,next=_this$state2.next,initialRouteProtected=_this$state2.initialRouteProtected,userInitialized=_this$state2.userInitialized;if(initialRouteProtected&&!userInitialized){/**
+   */
+  render() {
+    const {
+      children
+    } = this.props;
+    const {
+      prev,
+      next,
+      initialRouteProtected,
+      userInitialized
+    } = this.state;
+    if (initialRouteProtected && !userInitialized) {
+      /**
        * When the initial route is a protected route, the first rendering of the Router needs to
        * be postponed till we know the final login state of the user.
-       */return null;}var stack=Array.from(routeStack.getAll());return React.createElement(RouterContext.Provider,{value:{prev:prev,next:next,stack:stack}},children);}}]);}(React.Component);_defineProperty(Router,"defaultProps",{history:null,isUserLoggedIn:false});_defineProperty(Router,"Push",OrigRouter.Push);_defineProperty(Router,"Pop",OrigRouter.Pop);_defineProperty(Router,"Replace",OrigRouter.Replace);_defineProperty(Router,"Reset",OrigRouter.Reset);_defineProperty(Router,"ResetTo",OrigRouter.ResetTo);export default connect(Router);
+       */
+      return null;
+    }
+    const stack = Array.from(routeStack.getAll());
+    return /*#__PURE__*/React.createElement(RouterContext.Provider, {
+      value: {
+        prev,
+        next,
+        stack
+      }
+    }, children);
+  }
+}
+Router.defaultProps = {
+  history: null,
+  isUserLoggedIn: false
+};
+Router.Push = OrigRouter.Push;
+Router.Pop = OrigRouter.Pop;
+Router.Replace = OrigRouter.Replace;
+Router.Reset = OrigRouter.Reset;
+Router.ResetTo = OrigRouter.ResetTo;
+export default connect(Router);

package/components/ScannerContainer/connector.js

@@ -1,5 +1,12 @@
-import{connect}from'react-redux';import{hasScannerSupport}from'@shopgate/pwa-common/selectors/client';/**
+import { connect } from 'react-redux';
+import { hasScannerSupport } from '@shopgate/pwa-common/selectors/client';
+
+/**
  * Maps the contents of the state to the component props.
  * @param {Object} state The current application state.
  * @return {Object} The extended component props.
- */var mapStateToProps=function mapStateToProps(state){return{hasScannerSupport:hasScannerSupport(state)};};export default connect(mapStateToProps);
+ */
+const mapStateToProps = state => ({
+  hasScannerSupport: hasScannerSupport(state)
+});
+export default connect(mapStateToProps);

package/components/ScannerContainer/index.js

@@ -1,11 +1,47 @@
-import _regeneratorRuntime from"@babel/runtime/regenerator";function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Fragment,PureComponent}from'react';import PropTypes from'prop-types';import AppScanner from'@shopgate/pwa-core/classes/Scanner';import connect from"./connector";/**
+import React, { Fragment, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import AppScanner from '@shopgate/pwa-core/classes/Scanner';
+import connect from "./connector";
+
+/**
  * Wraps the Scanner overlay with functionality to automatically open and close the scanner,
  * as well as triggering the removal and reset of the background.
- */var ScannerContainer=/*#__PURE__*/function(_PureComponent){function ScannerContainer(){_classCallCheck(this,ScannerContainer);return _callSuper(this,ScannerContainer,arguments);}_inherits(ScannerContainer,_PureComponent);return _createClass(ScannerContainer,[{key:"componentDidMount",value:function(){var _componentDidMount=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:if(this.props.hasScannerSupport){_context.next=2;break;}return _context.abrupt("return");case 2:_context.next=4;return AppScanner.open(this.props.scope,this.props.type);case 4:this.props.scannerDidOpen();case 5:case"end":return _context.stop();}},_callee,this);}));function componentDidMount(){return _componentDidMount.apply(this,arguments);}return componentDidMount;}()/**
+ */
+class ScannerContainer extends PureComponent {
+  /**
+   * Starts up the app scanner.
+   */
+  async componentDidMount() {
+    // Avoid trying to open the scanner if the app does not support it.
+    if (!this.props.hasScannerSupport) {
+      return;
+    }
+    await AppScanner.open(this.props.scope, this.props.type);
+    this.props.scannerDidOpen();
+  }
+
+  /**
    * Shut down the app scanner.
-   */},{key:"componentWillUnmount",value:function componentWillUnmount(){if(!this.props.hasScannerSupport){return;}this.props.scannerDidClose();AppScanner.close();}/**
+   */
+  componentWillUnmount() {
+    if (!this.props.hasScannerSupport) {
+      return;
+    }
+    this.props.scannerDidClose();
+    AppScanner.close();
+  }
+
+  /**
    * Does not render anything when the app does not support the scanner.
    * @returns {JSX}
-   */},{key:"render",value:function render(){return React.createElement(Fragment,null,this.props.hasScannerSupport&&this.props.children);}}]);}(PureComponent);_defineProperty(ScannerContainer,"defaultProps",{children:null,scannerDidClose:function scannerDidClose(){},scannerDidOpen:function scannerDidOpen(){}/**
-   * Starts up the app scanner.
-   */});export default connect(ScannerContainer);
+   */
+  render() {
+    return /*#__PURE__*/React.createElement(Fragment, null, this.props.hasScannerSupport && this.props.children);
+  }
+}
+ScannerContainer.defaultProps = {
+  children: null,
+  scannerDidClose: () => {},
+  scannerDidOpen: () => {}
+};
+export default connect(ScannerContainer);

package/components/Select/components/Item/index.js

@@ -1,12 +1,28 @@
-import React from'react';import PropTypes from'prop-types';import styles from"./style";/**
+import React from 'react';
+import PropTypes from 'prop-types';
+import styles from "./style";
+
+/**
  * The select item component.
  * @param {Object} props - The component props.
  * @param {React.Children} props.children - Some content to display inside.
  * @returns {JSX}
- */var SelectItem=function SelectItem(props){return React.createElement("div",{className:"".concat(styles," ").concat(props.className),onTouchEnd:function onTouchEnd(){return props.onSelect(props.value,props.label);}},props.label);};/**
+ */
+const SelectItem = props => /*#__PURE__*/React.createElement("div", {
+  className: `${styles} ${props.className}`,
+  onTouchEnd: () => props.onSelect(props.value, props.label)
+}, props.label);
+
+/**
  * The component prop types.
  * @type {Object}
- */ /**
+ */
+
+/**
  * The component default props.
  * @type {Object}
- */SelectItem.defaultProps={className:''};export default SelectItem;
+ */
+SelectItem.defaultProps = {
+  className: ''
+};
+export default SelectItem;

package/components/Select/components/Item/style.js

@@ -1 +1,4 @@
-import{css}from'glamor';export default css({display:'block'}).toString();
+import { css } from 'glamor';
+export default css({
+  display: 'block'
+}).toString();

package/components/Select/index.js

@@ -1,47 +1,168 @@
-function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Component}from'react';import PropTypes from'prop-types';import styles from"./style";import SelectItem from"./components/Item";var DEFAULT_PLACEHOLDER_TEXT='Select ...';/**
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styles from "./style";
+import SelectItem from "./components/Item";
+const DEFAULT_PLACEHOLDER_TEXT = 'Select ...';
+
+/**
  * Finds an item in a list of items by value.
  * @param {Array} items - The list of items.
  * @param {*} value - The value to look for.
  * @returns {*} The found item or undefined.
- */var findItemByValue=function findItemByValue(items,value){return items.filter(function(item){return item.value===value;}).shift();};/**
+ */
+const findItemByValue = (items, value) => items.filter(item => item.value === value).shift();
+
+/**
  * Converts an item of any type (e.g. string or number)
  * to an object representation containing value and label properties.
  * @param {*} item - An item of any type.
  * @returns {Object} An object representation of the item.
- */var normalizeItem=function normalizeItem(item){return{value:item.value||item,label:item.label||item.value||item};};/**
+ */
+const normalizeItem = item => ({
+  value: item.value || item,
+  label: item.label || item.value || item
+});
+
+/**
  * The select component.
  * @param {Object} props - The component props.
  * @param {React.Children} props.children - Some content to display inside.
- */var Select=/*#__PURE__*/function(_Component){/**
+ */
+class Select extends Component {
+  /**
    * The constructor.
    * @param {Object} props - The component props.
-   */function Select(props){var _this2;_classCallCheck(this,Select);_this2=_callSuper(this,Select,[props]);/**
-   * Triggers the onChange callback if the selected value has changed.
-   * @param {Object} nextState - The next state.
-   */_defineProperty(_this2,"triggerChangeCallback",function(nextState){if(_this2.state.selected&&_this2.state.selected.value===nextState.selected.value){return;}if(_this2.props.onChange instanceof Function){_this2.props.onChange(nextState.selected.value);}});/**
-   * Handles any interaction the user does outside of the component.
-   * In this case the select gets closed.
-   * @param {Event} event - The event of the user interaction (e.g. TouchEvent).
-   */_defineProperty(_this2,"handleInteractionOutside",function(event){if(!_this2.domElement.contains(event.target)){_this2.setState({isOpen:false});}});/**
-   * Gets called when a new item is selected
-   * @param {*} value - The selected value.
-   * @param {string} label - The selected label.
-   */_defineProperty(_this2,"handleItemSelect",function(value,label){var stateUpdate={selected:{label:label,value:value},isOpen:false};_this2.triggerChangeCallback(stateUpdate);_this2.setState(stateUpdate);});/**
-   * Toggles the open state of the component.
-   */_defineProperty(_this2,"toggleOpenState",function(){_this2.setState(function(_ref){var isOpen=_ref.isOpen;return{isOpen:!isOpen};});});_this2.state={selected:null,isOpen:false};_this2.domElement=null;if(props.value){_this2.state.selected=normalizeItem(findItemByValue(props.items,props.value));}return _this2;}/**
+   */
+  constructor(props) {
+    super(props);
+    /**
+     * Triggers the onChange callback if the selected value has changed.
+     * @param {Object} nextState - The next state.
+     */
+    this.triggerChangeCallback = nextState => {
+      if (this.state.selected && this.state.selected.value === nextState.selected.value) {
+        return;
+      }
+      if (this.props.onChange instanceof Function) {
+        this.props.onChange(nextState.selected.value);
+      }
+    };
+    /**
+     * Handles any interaction the user does outside of the component.
+     * In this case the select gets closed.
+     * @param {Event} event - The event of the user interaction (e.g. TouchEvent).
+     */
+    this.handleInteractionOutside = event => {
+      if (!this.domElement.contains(event.target)) {
+        this.setState({
+          isOpen: false
+        });
+      }
+    };
+    /**
+     * Gets called when a new item is selected
+     * @param {*} value - The selected value.
+     * @param {string} label - The selected label.
+     */
+    this.handleItemSelect = (value, label) => {
+      const stateUpdate = {
+        selected: {
+          label,
+          value
+        },
+        isOpen: false
+      };
+      this.triggerChangeCallback(stateUpdate);
+      this.setState(stateUpdate);
+    };
+    /**
+     * Toggles the open state of the component.
+     */
+    this.toggleOpenState = () => {
+      this.setState(({
+        isOpen
+      }) => ({
+        isOpen: !isOpen
+      }));
+    };
+    this.state = {
+      selected: null,
+      isOpen: false
+    };
+    this.domElement = null;
+    if (props.value) {
+      this.state.selected = normalizeItem(findItemByValue(props.items, props.value));
+    }
+  }
+
+  /**
    * Adds event listener when the component is mounted.
-   */_inherits(Select,_Component);return _createClass(Select,[{key:"componentDidMount",value:function componentDidMount(){document.addEventListener('touchstart',this.handleInteractionOutside);}/**
+   */
+  componentDidMount() {
+    document.addEventListener('touchstart', this.handleInteractionOutside);
+  }
+
+  /**
    * Updates the selected item when the value prop changes.
    * @param {Object} nextProps - The next props.
-   */},{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(nextProps){if(!this.state.selected||nextProps.value!==this.state.selected.value){this.state.selected=normalizeItem(findItemByValue(nextProps.items,nextProps.value));}}/**
+   */
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (!this.state.selected || nextProps.value !== this.state.selected.value) {
+      this.state.selected = normalizeItem(findItemByValue(nextProps.items, nextProps.value));
+    }
+  }
+
+  /**
    * Removes event listener when the component will unmount.
-   */},{key:"componentWillUnmount",value:function componentWillUnmount(){document.removeEventListener('touchstart',this.handleInteractionOutside);}},{key:"render",value:/**
+   */
+  componentWillUnmount() {
+    document.removeEventListener('touchstart', this.handleInteractionOutside);
+  }
+  /**
    * Renders the component.
    * @returns {JSX}
-   */function render(){var _this3=this;var hasSelection=this.state.selected&&this.state.selected.value!==undefined;var selectedLabel=hasSelection?this.state.selected.label:this.props.placeholder;var items=this.state.isOpen?React.createElement("div",{className:styles.items},this.props.items.map(function(item){var normalizedItem=normalizeItem(item);var selected=hasSelection&&_this3.state.selected.value===normalizedItem.value;return React.createElement(SelectItem,{key:normalizedItem.value,value:normalizedItem.value,label:normalizedItem.label,selected:selected,onSelect:_this3.handleItemSelect});})):null;return React.createElement("div",{className:"".concat(styles.container," ").concat(this.props.className," common_select"),ref:function ref(_ref2){_this3.domElement=_ref2;}},React.createElement("div",{onTouchStart:this.toggleOpenState},React.createElement("span",null,selectedLabel),React.createElement("span",{className:styles.selectHandle},"\u25BE")),items);}}]);}(Component);/**
-   * The component prop types.
-   * @type {Object}
-   */ /**
-   * The component default props.
-   * @type {Object}
-   */_defineProperty(Select,"defaultProps",{className:'',items:[],onChange:function onChange(){},placeholder:DEFAULT_PLACEHOLDER_TEXT,value:null});export default Select;
+   */
+  render() {
+    const hasSelection = this.state.selected && this.state.selected.value !== undefined;
+    const selectedLabel = hasSelection ? this.state.selected.label : this.props.placeholder;
+    const items = this.state.isOpen ? /*#__PURE__*/React.createElement("div", {
+      className: styles.items
+    }, this.props.items.map(item => {
+      const normalizedItem = normalizeItem(item);
+      const selected = hasSelection && this.state.selected.value === normalizedItem.value;
+      return /*#__PURE__*/React.createElement(SelectItem, {
+        key: normalizedItem.value,
+        value: normalizedItem.value,
+        label: normalizedItem.label,
+        selected: selected,
+        onSelect: this.handleItemSelect
+      });
+    })) : null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: `${styles.container} ${this.props.className} common_select`,
+      ref: ref => {
+        this.domElement = ref;
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      onTouchStart: this.toggleOpenState
+    }, /*#__PURE__*/React.createElement("span", null, selectedLabel), /*#__PURE__*/React.createElement("span", {
+      className: styles.selectHandle
+    }, "\u25BE")), items);
+  }
+}
+/**
+ * The component prop types.
+ * @type {Object}
+ */
+/**
+ * The component default props.
+ * @type {Object}
+ */
+Select.defaultProps = {
+  className: '',
+  items: [],
+  onChange: () => {},
+  placeholder: DEFAULT_PLACEHOLDER_TEXT,
+  value: null
+};
+export default Select;