kpi-header/lib/AppFooter/Components/FooterMegaMenu.js

KPI-header plugin for KPI NINJA react UI

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireWildcard(require("react")),_reactstrap=require("reactstrap"),_feedbackService=require("../../Services/feedbackService"),_ToastMessage=_interopRequireDefault(require("../../ToastMessage"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _interopRequireWildcard(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)if(Object.prototype.hasOwnProperty.call(a,c)){var d=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(a,c):{};d.get||d.set?Object.defineProperty(b,c,d):b[c]=a[c]}return b["default"]=a,b}function _typeof(a){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function _defineProperties(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}function _createClass(a,b,c){return b&&_defineProperties(a.prototype,b),c&&_defineProperties(a,c),a}function _possibleConstructorReturn(a,b){return b&&("object"===_typeof(b)||"function"==typeof b)?b:_assertThisInitialized(a)}function _getPrototypeOf(a){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)},_getPrototypeOf(a)}function _assertThisInitialized(a){if(void 0===a)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function _inherits(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),b&&_setPrototypeOf(a,b)}function _setPrototypeOf(a,b){return _setPrototypeOf=Object.setPrototypeOf||function(a,b){return a.__proto__=b,a},_setPrototypeOf(a,b)}var FooterMegaMenu=/*#__PURE__*/function(a){function b(a){var c;return _classCallCheck(this,b),c=_possibleConstructorReturn(this,_getPrototypeOf(b).call(this,a)),c.toggle=c.toggle.bind(_assertThisInitialized(c)),c.toggle2=c.toggle2.bind(_assertThisInitialized(c)),c.toggleTc=c.toggleTc.bind(_assertThisInitialized(c)),c.togglePrivacy=c.togglePrivacy.bind(_assertThisInitialized(c)),c.handleSupportTextChange=c.handleSupportTextChange.bind(_assertThisInitialized(c)),c.insertUserComment=c.insertUserComment.bind(_assertThisInitialized(c)),c.state={popoverOpen:!1,popoverOpen2:!1,tcModal:!1,privacyModal:!1,supportText:""},c}return _inherits(b,a),_createClass(b,[{key:"toggle",value:function toggle(){this.setState({popoverOpen:!this.state.popoverOpen})}},{key:"toggle2",value:function toggle2(){this.setState({popoverOpen2:!this.state.popoverOpen2})}},{key:"toggleTc",value:function toggleTc(){this.setState({tcModal:!this.state.tcModal})}},{key:"togglePrivacy",value:function togglePrivacy(){this.setState({privacyModal:!this.state.privacyModal})}},{key:"handleSupportTextChange",value:function handleSupportTextChange(a){this.setState({supportText:a.target.value})}},{key:"insertUserComment",value:function insertUserComment(){var a=this;this.props.userApi&&""!==this.props.userApi?this.state.supportText&&(0,_feedbackService.insertUserCommentAPI)(this.props.userApi,this.state.supportText).then(function(b){(0,_ToastMessage["default"])(b.tempMassage),a.setState({supportText:"",popoverOpen2:!a.state.popoverOpen2})}):console.error("Please provide userApi props in component")}},{key:"render",value:function render(){var a=this.props.whiteLabelingData;return _react["default"].createElement(_reactstrap.Nav,{className:"header-megamenu"},_react["default"].createElement("span",{className:"d-inline-block mb-2 mr-2"},_react["default"].createElement(_reactstrap.Modal,{size:"lg",isOpen:this.state.tcModal,toggle:this.toggleTc},_react["default"].createElement(_reactstrap.ModalHeader,{toggle:this.toggleTc},a.termsAndConditionsTitle),_react["default"].createElement(_reactstrap.ModalBody,{style:{paddingLeft:"20px",paddingRight:"20px",height:"500px",overflow:"auto"}},_react["default"].createElement("div",{dangerouslySetInnerHTML:{__html:a.termsAndConditionsDescription}})),_react["default"].createElement(_reactstrap.ModalFooter,null,_react["default"].createElement(_reactstrap.Button,{color:"light",onClick:this.toggleTc},"Cancel")))),_react["default"].createElement(_reactstrap.NavItem,null,_react["default"].createElement(_reactstrap.NavLink,{onClick:this.toggleTc,id:"PopoverMegaMenuFooter",className:"text-primary"},"Terms and Conditions")),_react["default"].createElement("span",{className:"d-inline-block mb-2 mr-2"},_react["default"].createElement(_reactstrap.Modal,{size:"lg",isOpen:this.state.privacyModal,toggle:this.togglePrivacy},_react["default"].createElement(_reactstrap.ModalHeader,{toggle:this.togglePrivacy},a.privacyPolicyTitle),_react["default"].createElement(_reactstrap.ModalBody,{style:{paddingLeft:"30px",paddingRight:"20px",height:"500px",overflow:"auto"}},_react["default"].createElement("div",{dangerouslySetInnerHTML:{__html:a.privacyPolicyTitleDescription}})),_react["default"].createElement(_reactstrap.ModalFooter,null,_react["default"].createElement(_reactstrap.Button,{color:"light",onClick:this.togglePrivacy},"Cancel")))),_react["default"].createElement(_reactstrap.NavItem,null,_react["default"].createElement(_reactstrap.NavLink,{onClick:this.togglePrivacy,id:"PopoverMegaMenuFooter",className:"text-primary"},"Privacy Policy")),_react["default"].createElement("div",{className:"ml-2 mt-2"},a.footerTextBox," ",_react["default"].createElement("a",{href:a.footerLink,target:"_blank"},a.footerText)),_react["default"].createElement(_reactstrap.NavItem,null,_react["default"].createElement(_reactstrap.NavLink,{onClick:this.toggle2,id:"PopoverGridFooter"},_react["default"].createElement("div",{className:"badge ml-0 ml-1",style:{backgroundColor:"#6437ff",color:"white"},title:"Feedback/Support"},_react["default"].createElement("i",{className:"fa fa-question"})))),_react["default"].createElement(_reactstrap.Popover,{className:"rm-max-width popover-custom",placement:"top-start",isOpen:this.state.popoverOpen2,target:"PopoverGridFooter",toggle:this.toggle2},_react["default"].createElement("div",{className:"dropdown-menu-header"},_react["default"].createElement("div",{className:"dropdown-menu-header-inner  bg-deep-blue"},_react["default"].createElement("div",{className:"menu-header-image opacity-1"}),_react["default"].createElement("div",{className:"menu-header-content text-dark",style:{cursor:"pointer"},onClick:this.toggle2},_react["default"].createElement("span",{className:"menu-header-title"},"Feedback/Support \u2003\u2003\u2003\u2003\u2003\u2003"),_react["default"].createElement("i",{className:"fa fa-times pull-right mr-3 mt-2",color:"primary"})))),_react["default"].createElement("div",{className:"grid-menu grid-menu-2col"},_react["default"].createElement(_reactstrap.Row,{className:"no-gutters"},_react["default"].createElement(_reactstrap.Col,{sm:"12"},_react["default"].createElement(_reactstrap.Input,{type:"textarea",rows:"6",value:this.state.supportText,onChange:this.handleSupportTextChange})))),_react["default"].createElement(_reactstrap.Nav,{vertical:!0},_react["default"].createElement(_reactstrap.NavItem,{className:"nav-item-divider"}),_react["default"].createElement(_reactstrap.NavItem,{className:"nav-item-btn clearfix"},_react["default"].createElement("div",{className:"float-right"},_react["default"].createElement("i",{className:"far fa-share-square fa-2x",style:{cursor:"pointer"},onClick:this.insertUserComment}))))))}}]),b}(_react["default"].Component),_default=FooterMegaMenu;exports["default"]=_default,module.exports=exports.default;