File indexing completed on 2024-05-12 06:01:03

 "use strict";
 
 window.appHelpers = function () {
   function getEnv(domain) {
     var env;
     var lastDotSplit = this.splitByLastDot(domain);
 
     if (lastDotSplit.indexOf('/') > -1) {
       lastDotSplit = lastDotSplit.split('/')[0];
     }
 
     if (lastDotSplit === 'com' || lastDotSplit === 'org') {
       env = 'live';
     } else {
       env = 'test';
     }
 
     return env;
   }
 
   function splitByLastDot(text) {
     var index = text.lastIndexOf('.');
     return text.slice(index + 1);
   }
 
   return {
     getEnv: getEnv,
     splitByLastDot: splitByLastDot
   };
 }();
 "use strict";
 
 window.appHelpers = function () {
   function getEnv(domain) {
     var env;
     var lastDotSplit = this.splitByLastDot(domain);
 
     if (lastDotSplit.indexOf('/') > -1) {
       lastDotSplit = lastDotSplit.split('/')[0];
     }
 
     if (lastDotSplit === 'com' || lastDotSplit === 'org') {
       env = 'live';
     } else {
       env = 'test';
     }
 
     return env;
   }
 
   function splitByLastDot(text) {
     var index = text.lastIndexOf('.');
     return text.slice(index + 1);
   }
 
   return {
     getEnv: getEnv,
     splitByLastDot: splitByLastDot
   };
 }();
 "use strict";
 
 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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
 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); }
 
 var SiteHeader =
 /*#__PURE__*/
 function (_React$Component) {
   _inherits(SiteHeader, _React$Component);
 
   function SiteHeader(props) {
     var _this;
 
     _classCallCheck(this, SiteHeader);
 
     _this = _possibleConstructorReturn(this, _getPrototypeOf(SiteHeader).call(this, props));
     _this.state = {
       baseUrl: window.json_baseurl,
       searchBaseUrl: window.json_searchbaseurl,
       cat_title: window.json_cat_title,
       hasIdentity: window.json_hasIdentity,
       is_show_title: window.json_is_show_title,
       redirectString: window.json_redirectString,
       serverUrl: window.json_serverUrl,
       serverUri: window.json_serverUri,
       store: {
         sName: window.json_sname,
         name: window.json_store_name,
         order: window.json_store_order,
         last_char_store_order: window.json_last_char_store_order
       },
       user: window.json_member,
       logo: window.json_logoWidth,
       cat_title_left: window.json_cat_title_left,
       tabs_left: window.tabs_left,
       template: window.json_template,
       status: "",
       url_logout: window.json_logouturl
     };
     _this.updateDimensions = _this.updateDimensions.bind(_assertThisInitialized(_this));
     return _this;
   }
 
   _createClass(SiteHeader, [{
     key: "componentWillMount",
     value: function componentWillMount() {
       this.updateDimensions();
     }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       window.addEventListener("resize", this.updateDimensions);
       window.addEventListener("orientationchange", this.updateDimensions);
     }
   }, {
     key: "updateDimensions",
     value: function updateDimensions() {
       var width = window.innerWidth;
       var device;
 
       if (width >= 910) {
         device = "large";
       } else if (width < 910 && width >= 610) {
         device = "mid";
       } else if (width < 610) {
         device = "tablet";
       }
 
       this.setState({
         device: device
       });
     }
   }, {
     key: "render",
     value: function render() {
       var siteHeaderTopRightCssClass; // if (this.state.user){
       //   userMenuDisplay = (
       //     <SiteHeaderUserMenu
       //       serverUrl={this.state.serverUrl}
       //       baseUrl={this.state.baseUrl}
       //       user={this.state.user}
       //     />
       //   );
       //   siteHeaderTopRightCssClass = "w-user";
       // } else {
       //   loginMenuDisplay = (
       //     <div id="site-header-right-bottom">
       //     <SiteHeaderLoginMenu
       //       baseUrl={this.state.baseUrl}
       //       redirectString={this.state.redirectString}
       //       template={this.state.template}
       //     />
       //     </div>
       //   );
       // }
 
       var logoLink = this.state.serverUrl;
 
       if (this.state.serverUri.indexOf('/s/') > -1) {
         logoLink += "/s/" + this.state.store.name;
       }
 
       var siteHeaderStoreNameDisplay;
 
       if (this.state.is_show_title === "1") {
         siteHeaderStoreNameDisplay = React.createElement("div", {
           id: "site-header-store-name-container"
         }, React.createElement("a", {
           href: logoLink
         }, this.state.store.name));
       }
 
       var HeaderDisplay;
 
       if (this.state.device !== "tablet") {
         HeaderDisplay = React.createElement("section", {
           id: "site-header-wrapper",
           style: {
             "paddingLeft": this.state.template['header-logo']['width']
           }
         }, React.createElement("div", {
           id: "siter-header-left"
         }, React.createElement("div", {
           id: "site-header-logo-container",
           style: this.state.template['header-logo']
         }, React.createElement("a", {
           href: logoLink
         }, React.createElement("img", {
           src: this.state.template['header-logo']['image-src']
         }))), siteHeaderStoreNameDisplay), React.createElement("div", {
           id: "site-header-right"
         }, React.createElement("div", {
           id: "site-header-right-top",
           className: siteHeaderTopRightCssClass
         }, React.createElement(SiteHeaderSearchForm, {
           baseUrl: this.state.baseUrl,
           searchBaseUrl: this.state.searchBaseUrl,
           store: this.state.store,
           height: this.state.template.header['height']
         }))));
       } else {
         HeaderDisplay = React.createElement(MobileSiteHeader, {
           logoLink: logoLink,
           template: this.state.template,
           user: this.state.user,
           baseUrl: this.state.baseUrl,
           searchBaseUrl: this.state.searchBaseUrl,
           serverUrl: this.state.serverUrl,
           store: this.state.store,
           redirectString: this.state.redirectString
         });
       }
 
       var templateHeaderStyle;
 
       if (this.state.template) {
         templateHeaderStyle = {
           "backgroundImage": this.state.template.header['background-image'],
           "backgroundColor": this.state.template.header['background-color'],
           "height": this.state.template.header['height']
         };
       }
 
       var headerStoreClassName = this.state.store.name.toLowerCase();
       if (headerStoreClassName.indexOf('.') > -1) headerStoreClassName = headerStoreClassName.split('.')[0];
       return React.createElement("section", {
         id: "site-header",
         style: templateHeaderStyle,
         className: headerStoreClassName
       }, HeaderDisplay);
     }
   }]);
 
   return SiteHeader;
 }(React.Component);
 
 var SiteHeaderSearchForm =
 /*#__PURE__*/
 function (_React$Component2) {
   _inherits(SiteHeaderSearchForm, _React$Component2);
 
   function SiteHeaderSearchForm(props) {
     var _this2;
 
     _classCallCheck(this, SiteHeaderSearchForm);
 
     _this2 = _possibleConstructorReturn(this, _getPrototypeOf(SiteHeaderSearchForm).call(this, props));
     _this2.state = {
       searchText: ''
     };
     _this2.onSearchTextChange = _this2.onSearchTextChange.bind(_assertThisInitialized(_this2));
     _this2.onSearchFormSubmit = _this2.onSearchFormSubmit.bind(_assertThisInitialized(_this2));
     return _this2;
   }
 
   _createClass(SiteHeaderSearchForm, [{
     key: "onSearchTextChange",
     value: function onSearchTextChange(e) {
       this.setState({
         searchText: e.target.value
       });
     }
   }, {
     key: "onSearchFormSubmit",
     value: function onSearchFormSubmit(e) {
       e.preventDefault();
       window.location.href = this.props.searchBaseUrl + this.state.searchText;
     }
   }, {
     key: "render",
     value: function render() {
       var siteHeaderSearchFormStyle;
 
       if (this.props.store.name.toLowerCase().indexOf("appimagehub") > -1) {
         var tHeight = parseInt(this.props.height.split('px')[0]);
         siteHeaderSearchFormStyle = {
           "marginTop": tHeight / 2 - 19 + "px"
         };
       }
 
       return React.createElement("div", {
         id: "site-header-search-form",
         style: siteHeaderSearchFormStyle
       }, React.createElement("form", {
         id: "search-form",
         onSubmit: this.onSearchFormSubmit
       }, React.createElement("input", {
         onChange: this.onSearchTextChange,
         value: this.state.searchText,
         type: "text",
         name: "projectSearchText"
       }), React.createElement("a", {
         onClick: this.onSearchFormSubmit
       })));
     }
   }]);
 
   return SiteHeaderSearchForm;
 }(React.Component);
 
 var SiteHeaderLoginMenu =
 /*#__PURE__*/
 function (_React$Component3) {
   _inherits(SiteHeaderLoginMenu, _React$Component3);
 
   function SiteHeaderLoginMenu(props) {
     var _this3;
 
     _classCallCheck(this, SiteHeaderLoginMenu);
 
     _this3 = _possibleConstructorReturn(this, _getPrototypeOf(SiteHeaderLoginMenu).call(this, props));
     _this3.state = {};
     return _this3;
   }
 
   _createClass(SiteHeaderLoginMenu, [{
     key: "render",
     value: function render() {
       var registerButtonCssClass, loginButtonCssClass;
 
       if (window.location.href.indexOf('/register') > -1) {
         registerButtonCssClass = "active";
       }
 
       if (window.location.href.indexOf('/login') > -1) {
         loginButtonCssClass = "active";
       }
 
       var menuItemCssClass = {
         "borderColor": this.props.template['header-nav-tabs']['border-color'],
         "backgroundColor": this.props.template['header-nav-tabs']['background-color'] //<li style={menuItemCssClass} className={registerButtonCssClass}><a href={this.props.baseUrl + "/register"}>Register</a></li>
 
       };
       return React.createElement("div", {
         id: "site-header-login-menu"
       }, React.createElement("ul", null, React.createElement("li", {
         style: menuItemCssClass,
         className: loginButtonCssClass
       }, React.createElement("a", {
         href: this.props.baseUrl + "/login" + this.props.redirectString
       }, "Sign in"))));
     }
   }]);
 
   return SiteHeaderLoginMenu;
 }(React.Component); // class SiteHeaderUserMenu extends React.Component {
 //   constructor(props){
 //      super(props);
 //      this.state = {};
 //     this.handleClick = this.handleClick.bind(this);
 //   }
 //
 //   componentWillMount() {
 //     document.addEventListener('mousedown',this.handleClick, false);
 //   }
 //
 //   componentWillUnmount() {
 //     document.removeEventListener('mousedown',this.handleClick, false);
 //   }
 //
 //   handleClick(e){
 //     let dropdownClass = "";
 //     if (this.node.contains(e.target)){
 //       if (this.state.dropdownClass === "open"){
 //         if (e.target.className === "profile-menu-toggle" ||
 //             e.target.className === "profile-menu-image" || 
 //             e.target.className === "profile-menu-username"){
 //           dropdownClass = "";
 //         } else {
 //           dropdownClass = "open";
 //         }
 //       } else {
 //         dropdownClass = "open";
 //       }
 //     }
 //     this.setState({dropdownClass:dropdownClass});
 //   }
 //
 //   render(){
 //
 //     return (
 //       <ul id="site-header-user-menu-container">
 //         <li ref={node => this.node = node} id="user-menu-toggle" className={this.state.dropdownClass}>
 //           <a className="profile-menu-toggle">
 //             <img className="profile-menu-image" src={window.json_member_avatar}/>
 //             <span className="profile-menu-username">{this.props.user.username}</span>
 //           </a>
 //           <ul id="user-profile-menu" >
 //             <div className="dropdown-header"></div>
 //             <li><a href={window.json_baseurl + "product/add"}>Add Product</a></li>
 //             <li><a href={window.json_baseurl + "u/" + this.props.user.username + "/products"}>Products</a></li>
 //             <li><a href={window.json_baseurl + "u/" + this.props.user.username + "/payout"}>Payout</a></li>
 //             <li><a href={window.json_baseurl + "settings"}>Settings</a></li>
 //             <li><a href={window.json_logouturl}>Logout</a></li>
 //           </ul>
 //         </li>
 //       </ul>
 //     )
 //   }
 // }
 
 
 var MobileSiteHeader =
 /*#__PURE__*/
 function (_React$Component4) {
   _inherits(MobileSiteHeader, _React$Component4);
 
   function MobileSiteHeader(props) {
     var _this4;
 
     _classCallCheck(this, MobileSiteHeader);
 
     _this4 = _possibleConstructorReturn(this, _getPrototypeOf(MobileSiteHeader).call(this, props));
     _this4.state = {
       status: "switch"
     };
     _this4.showMobileUserMenu = _this4.showMobileUserMenu.bind(_assertThisInitialized(_this4));
     _this4.showMobileSearchForm = _this4.showMobileSearchForm.bind(_assertThisInitialized(_this4));
     _this4.showMobileSwitchMenu = _this4.showMobileSwitchMenu.bind(_assertThisInitialized(_this4));
     return _this4;
   }
 
   _createClass(MobileSiteHeader, [{
     key: "showMobileUserMenu",
     value: function showMobileUserMenu() {
       this.setState({
         status: "user"
       });
     }
   }, {
     key: "showMobileSearchForm",
     value: function showMobileSearchForm() {
       this.setState({
         status: "search"
       });
     }
   }, {
     key: "showMobileSwitchMenu",
     value: function showMobileSwitchMenu() {
       this.setState({
         status: "switch"
       });
     }
   }, {
     key: "render",
     value: function render() {
       var menuItemCssClass = {
         "borderColor": this.props.template['header-nav-tabs']['border-color'],
         "backgroundColor": this.props.template['header-nav-tabs']['background-color']
       };
       var closeMenuElementDisplay = React.createElement("a", {
         className: "menu-item",
         onClick: this.showMobileSwitchMenu
       }, React.createElement("span", {
         className: "glyphicon glyphicon-remove"
       }));
       var mobileMenuDisplay;
 
       if (this.state.status === "switch") {
         mobileMenuDisplay = React.createElement("div", {
           id: "switch-menu"
         }, React.createElement("a", {
           className: "menu-item",
           onClick: this.showMobileSearchForm,
           id: "user-menu-switch"
         }, React.createElement("span", {
           className: "glyphicon glyphicon-search"
         })));
       } else if (this.state.status === "user") {
         mobileMenuDisplay = React.createElement("div", {
           id: "mobile-user-menu"
         }, React.createElement("div", {
           className: "menu-content-wrapper"
         }, React.createElement(MobileUserContainer, {
           user: this.props.user,
           baseUrl: this.props.baseUrl,
           serverUrl: this.state.serverUrl,
           template: this.props.template,
           redirectString: this.props.redirectString
         })), closeMenuElementDisplay);
       } else if (this.state.status === "search") {
         mobileMenuDisplay = React.createElement("div", {
           id: "mobile-search-menu"
         }, React.createElement("div", {
           className: "menu-content-wrapper"
         }, React.createElement(SiteHeaderSearchForm, {
           baseUrl: this.props.baseUrl,
           searchBaseUrl: this.props.searchBaseUrl,
           store: this.props.store
         })), closeMenuElementDisplay);
       }
 
       var logoElementCssClass = this.props.store.name;
 
       if (this.state.status !== "switch") {
         logoElementCssClass += " mini-version";
       }
 
       return React.createElement("section", {
         id: "mobile-site-header"
       }, React.createElement("div", {
         id: "mobile-site-header-logo",
         className: logoElementCssClass
       }, React.createElement("a", {
         href: this.props.logoLink
       }, React.createElement("img", {
         src: this.props.template['header-logo']['image-src']
       }))), React.createElement("div", {
         id: "mobile-site-header-menus-container"
       }, mobileMenuDisplay));
     }
   }]);
 
   return MobileSiteHeader;
 }(React.Component);
 
 var MobileUserContainer =
 /*#__PURE__*/
 function (_React$Component5) {
   _inherits(MobileUserContainer, _React$Component5);
 
   function MobileUserContainer(props) {
     var _this5;
 
     _classCallCheck(this, MobileUserContainer);
 
     _this5 = _possibleConstructorReturn(this, _getPrototypeOf(MobileUserContainer).call(this, props));
     _this5.state = {};
     return _this5;
   }
 
   _createClass(MobileUserContainer, [{
     key: "render",
     value: function render() {
       var userDisplay;
 
       if (this.props.user) {// userDisplay = (
         //   <SiteHeaderUserMenu
         //     serverUrl={this.state.serverUrl}
         //     baseUrl={this.state.baseUrl}
         //     user={this.props.user}
         //   />
         // );
       } else {
         userDisplay = React.createElement(SiteHeaderLoginMenu, {
           user: this.props.user,
           baseUrl: this.props.baseUrl,
           template: this.props.template,
           redirectString: this.props.redirectString
         });
       }
 
       return React.createElement("div", {
         id: "mobile-user-container"
       }, userDisplay);
     }
   }]);
 
   return MobileUserContainer;
 }(React.Component);
 
 ReactDOM.render(React.createElement(SiteHeader, null), document.getElementById('site-header-container'));