{"version":3,"sources":["Demo/UIElements/Advance/Tour.js","App/components/MainCard.js"],"names":["steps","selector","content","stepsRide","react__WEBPACK_IMPORTED_MODULE_5___default","a","createElement","placement","locale","skip","aria-label","target","AdvanceTour","state","isTourOpen","run","handleJoyrideCallback","data","status","STATUS","FINISHED","SKIPPED","includes","_this","setState","_this2","this","_hoc_Aux__WEBPACK_IMPORTED_MODULE_12__","react_bootstrap__WEBPACK_IMPORTED_MODULE_6__","react_bootstrap__WEBPACK_IMPORTED_MODULE_7__","react_bootstrap__WEBPACK_IMPORTED_MODULE_8__","Header","Title","as","Body","react_bootstrap__WEBPACK_IMPORTED_MODULE_9__","onClick","reactour__WEBPACK_IMPORTED_MODULE_10__","isOpen","onRequestClose","react_joyride__WEBPACK_IMPORTED_MODULE_11__","callback","continuous","scrollToFirstStep","showProgress","showSkipButton","styles","options","zIndex","_App_components_MainCard__WEBPACK_IMPORTED_MODULE_13__","isOption","title","cardClass","Text","React","Component","MainCard","props","fullCard","collapseCard","loadCard","cardRemove","cardReloadHandler","setInterval","cardRemoveHandler","fullScreenStyle","loader","cardHeaderRight","cardHeader","card","react__WEBPACK_IMPORTED_MODULE_6___default","className","alignRight","Toggle","id","Menu","Item","prevState","href","DEMO","BLANK_LINK","concat","Object","E_next_react_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__","position","top","left","right","width","windowWidth","height","windowHeight","join","style","in","children","_hoc_Aux__WEBPACK_IMPORTED_MODULE_11__","windowSize"],"mappings":"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","file":"static/js/113.a729eb85.chunk.js","sourcesContent":["import React from 'react';\r\nimport {Row, Col, Card, Button} from 'react-bootstrap';\r\nimport Tour from 'reactour';\r\nimport Joyride, { STATUS } from 'react-joyride';\r\n\r\nimport Aux from \"../../../hoc/_Aux\";\r\nimport MainCard from \"../../../App/components/MainCard\";\r\n\r\nconst steps = [\r\n    {\r\n        selector: '.tour-1',\r\n        content: 'Click hear customize basic card layout',\r\n    },\r\n    {\r\n        selector: '.card-option',\r\n        content: 'Click hear open card options',\r\n    },\r\n    {\r\n        selector: '.displayChatbox',\r\n        content: 'Click chat open chat conversation',\r\n    },\r\n    {\r\n        selector: '.mobile-menu',\r\n        content: 'Click to see collapse menu layout',\r\n    },\r\n    {\r\n        selector: '.pcoded-menu-caption',\r\n        content: 'Menu caption',\r\n    }\r\n];\r\n\r\nconst stepsRide = [\r\n    {\r\n        content: <h5>Let's begin our journey!</h5>,\r\n        placement: 'center',\r\n        locale: { skip: <strong aria-label=\"skip\">S-K-I-P</strong> },\r\n        target: 'body',\r\n    },\r\n    {\r\n        target: '.tour-1',\r\n        content: 'Click hear customize basic card layout',\r\n        placement: 'top'\r\n    },\r\n    {\r\n        target: '.card-option',\r\n        content: 'Click hear open card options',\r\n    },\r\n    {\r\n        target: '.displayChatbox',\r\n        content: 'Click chat open chat conversation',\r\n    },\r\n    {\r\n        target: '.mobile-menu',\r\n        content: 'Click to see collapse menu layout',\r\n    },\r\n    {\r\n        target: '.pcoded-menu-caption',\r\n        content: 'Menu caption',\r\n    }\r\n];\r\n\r\nclass AdvanceTour extends React.Component {\r\n    state = {\r\n        isTourOpen: false,\r\n        run: false,\r\n        steps: stepsRide\r\n    };\r\n\r\n    handleJoyrideCallback = data => {\r\n        const { status } = data;\r\n\r\n        if ([STATUS.FINISHED, STATUS.SKIPPED].includes(status)) {\r\n            this.setState({ run: false });\r\n        }\r\n\r\n        /*console.groupCollapsed(type);\r\n        console.log(data);\r\n        console.groupEnd();*/\r\n    };\r\n\r\n    render() {\r\n        return (\r\n            <Aux>\r\n                <Row>\r\n                    <Col>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Tour</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Button onClick={() => this.setState({isTourOpen: true})}>Start Basic Tour</Button>\r\n                                <Button onClick={() => this.setState({run: true})}>Joy Ride</Button>\r\n                                <Tour\r\n                                    steps={steps}\r\n                                    isOpen={this.state.isTourOpen}\r\n                                    onRequestClose={() => this.setState({isTourOpen: false})} />\r\n                                <Joyride\r\n                                    callback={this.handleJoyrideCallback}\r\n                                    run={this.state.run}\r\n                                    continuous\r\n                                    scrollToFirstStep\r\n                                    showProgress\r\n                                    showSkipButton\r\n                                    steps={this.state.steps}\r\n                                    styles={{\r\n                                        options: {\r\n                                            zIndex: 10000,\r\n                                        }\r\n                                    }}\r\n                                />\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <MainCard isOption title=\"Hello tour\" cardClass=\"tour-1 card-test\">\r\n                            <h1>H1 Next</h1>\r\n                            <h2>H2 Next</h2>\r\n                            <h3>H3 Next</h3>\r\n                            <h4>H4 Next</h4>\r\n                            <h5>H5 Next</h5>\r\n                            <h6>H6 Next</h6>\r\n                            <Card.Text>Paragraph Next</Card.Text>\r\n                            <Card.Text>Paragraph Next</Card.Text>\r\n                        </MainCard>\r\n                    </Col>\r\n                </Row>\r\n            </Aux>\r\n        );\r\n    }\r\n}\r\n\r\nexport default AdvanceTour;","import React, {Component} from 'react';\r\nimport {Dropdown, Card, Collapse} from 'react-bootstrap';\r\nimport windowSize from 'react-window-size';\r\n\r\nimport Aux from \"../../hoc/_Aux\";\r\nimport DEMO from \"../../store/constant\";\r\n\r\nclass MainCard extends Component {\r\n    state = {\r\n        isOption: this.props.isOption,\r\n        fullCard: false,\r\n        collapseCard: false,\r\n        loadCard: false,\r\n        cardRemove: false\r\n    };\r\n\r\n    cardReloadHandler = () => {\r\n        this.setState({loadCard: true});\r\n        setInterval(() => {\r\n            this.setState({loadCard: false});\r\n        }, 3000);\r\n    };\r\n\r\n    cardRemoveHandler = () => {\r\n        this.setState({cardRemove: true});\r\n    };\r\n\r\n    render() {\r\n        let fullScreenStyle, loader, cardHeaderRight, cardHeader;\r\n        let card = '';\r\n        let cardClass = [];\r\n\r\n        if (this.state.isOption) {\r\n            cardHeaderRight = (\r\n                <div className=\"card-header-right\">\r\n                    <Dropdown alignRight={true} className=\"btn-group card-option\">\r\n                        <Dropdown.Toggle id=\"dropdown-basic\" className=\"btn-icon\">\r\n                            <i className=\"feather icon-more-horizontal\"/>\r\n                        </Dropdown.Toggle>\r\n                        <Dropdown.Menu as='ul' className=\"list-unstyled card-option\">\r\n                            <Dropdown.Item as='li' className=\"dropdown-item\" onClick={() => {this.setState(prevState => {return {fullCard: !prevState.fullCard}})}}>\r\n                                <i className={this.state.fullCard ? 'feather icon-minimize' : 'feather icon-maximize'}/>\r\n                                <a href={DEMO.BLANK_LINK}> {this.state.fullCard ? 'Restore' : 'Maximize'} </a>\r\n                            </Dropdown.Item>\r\n                            <Dropdown.Item as='li' className=\"dropdown-item\" onClick={() => {this.setState(prevState => {return {collapseCard: !prevState.collapseCard}})}}>\r\n                                <i className={this.state.collapseCard ? 'feather icon-plus' : 'feather icon-minus'}/>\r\n                                <a href={DEMO.BLANK_LINK}> {this.state.collapseCard ? 'Expand' : 'Collapse'} </a>\r\n                            </Dropdown.Item>\r\n                            <Dropdown.Item as='li' className=\"dropdown-item\" onClick={this.cardReloadHandler}>\r\n                                <i className='feather icon-refresh-cw'/>\r\n                                <a href={DEMO.BLANK_LINK}> Reload </a>\r\n                            </Dropdown.Item>\r\n                            <Dropdown.Item as='li' className=\"dropdown-item\" onClick={this.cardRemoveHandler}>\r\n                                <i className='feather icon-trash'/>\r\n                                <a href={DEMO.BLANK_LINK}> Remove </a>\r\n                            </Dropdown.Item>\r\n                        </Dropdown.Menu>\r\n                    </Dropdown>\r\n                </div>\r\n            );\r\n        }\r\n\r\n        cardHeader = (\r\n            <Card.Header>\r\n                <Card.Title as='h5'>{this.props.title}</Card.Title>\r\n                {cardHeaderRight}\r\n            </Card.Header>\r\n        );\r\n\r\n        if (this.state.fullCard) {\r\n            cardClass = [...cardClass, 'full-card'];\r\n            fullScreenStyle = {position: 'fixed', top: 0, left: 0, right: 0, width: this.props.windowWidth, height: this.props.windowHeight};\r\n        }\r\n\r\n        if (this.state.loadCard) {\r\n            cardClass = [...cardClass, 'card-load'];\r\n            loader = (\r\n                <div className=\"card-loader\">\r\n                    <i className=\"pct-loader1 anim-rotate\"/>\r\n                </div>\r\n            );\r\n        }\r\n\r\n        if (this.state.cardRemove) {\r\n            cardClass = [...cardClass, 'd-none'];\r\n        }\r\n\r\n        if (this.props.cardClass) {\r\n            cardClass = [...cardClass, this.props.cardClass];\r\n        }\r\n\r\n        card = (\r\n            <Card className={cardClass.join(' ')} style={fullScreenStyle}>\r\n                {cardHeader}\r\n                <Collapse in={!this.state.collapseCard}>\r\n                    <div>\r\n                        <Card.Body>\r\n                            {this.props.children}\r\n                        </Card.Body>\r\n                    </div>\r\n                </Collapse>\r\n                {loader}\r\n            </Card>\r\n        );\r\n\r\n        return (\r\n            <Aux>\r\n                {card}\r\n            </Aux>\r\n        );\r\n    }\r\n}\r\n\r\nexport default windowSize(MainCard);\r\n"],"sourceRoot":""}