{"version":3,"sources":["webpack://appvity-website/./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js","webpack://appvity-website/./src/components/PostFeedback.js","webpack://appvity-website/./src/pages/products/ehelpdesk.js"],"names":["_assertThisInitialized","self","ReferenceError","$","require","url","data","success","error","ajax","type","dataType","Ehelpdesk","props","increaseImageWidthNativeTool","bind","increaseImageWidthManageCommunication","increaseImageWidthFastEffortlessProcess","hitButtonLiveDemoeHelpdesk","hitButtonPricingeHelpdesk","document","querySelector","classList","toggle","remove","localStorage","getItem","postFeedback","process","response","console","log","setItem","JSON","stringify","render","this","introduction","allMarkdownRemark","nodes","native_tool","manage_communication","fast_effortless_process","practical_features_introduction","practical_features_support_portal","practical_features_customer_portal","ehelpdesk_admin_portal","ehelpdesk_try_product_free_faqs_onlinedoc","specifications_etask_team_app","ehelpdesk_try_product_free_live_demo","customSettingsSupportCustomerPortal","ehelpdesk_explore_now","dots","speed","infinite","slidesToShow","slidesToScroll","responsive","breakpoint","settings","title","description","meta","name","content","pathname","className","data-sal","data-sal-duration","data-sal-delay","data-sal-easing","xs","md","lg","map","res","dangerouslySetInnerHTML","__html","html","key","id","src","alt","xl","onClick","defaultActiveKey","eventKey","frontmatter","React"],"mappings":"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","file":"component---src-pages-products-ehelpdesk-js-2821a23fe4c02f7fbfb7.js","sourcesContent":["export default function _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}","const $ = require(\"jquery\");\n\nfunction postFeedback(url, data, success, error) {\n    $.ajax({\n        url: url,\n        type: \"POST\",\n        data: data,\n        dataType: 'json',\n        success: success,\n        error: error\n    });\n}\n\nexport default postFeedback;","import React from 'react'\nimport { graphql, Link } from \"gatsby\";\nimport { Container, Row, Col, Tab, Tabs } from \"react-bootstrap\";\nimport Layout from \"../../components/Layout\";\nimport Slider from \"react-slick\";\nimport postFeedback from \"../../components/PostFeedback\";\nimport SEO from \"../../components/SEO\";\n\nclass Ehelpdesk extends React.Component {\n    constructor(props) {\n        super(props);\n        this.increaseImageWidthNativeTool = this.increaseImageWidthNativeTool.bind(this);\n        this.increaseImageWidthManageCommunication = this.increaseImageWidthManageCommunication.bind(this);\n        this.increaseImageWidthFastEffortlessProcess = this.increaseImageWidthFastEffortlessProcess.bind(this);\n        this.hitButtonLiveDemoeHelpdesk = this.hitButtonLiveDemoeHelpdesk.bind(this);\n        this.hitButtonPricingeHelpdesk = this.hitButtonPricingeHelpdesk.bind(this);\n    }\n\n    // componentDidMount() {\n    //     const { location } = this.props;\n\n    //     var host_website = location.host ? location.host : \"\";\n    //     var new_online_doc_url;\n\n    //     if (host_website === \"localhost:8000\" || host_website === \"127.0.0.1:8000\") {\n    //         new_online_doc_url = \"http://protoweb.appvity.com:8083/\";\n    //     } else if (host_website === \"protoweb.appvity.com:8082\") {\n    //         new_online_doc_url = \"http://protoweb.appvity.com:8083/\";\n    //     } else if (host_website === \"vmweb:8082\") {\n    //         new_online_doc_url = \"http://vmweb:8083/\";\n    //     } else if (host_website === \"10.8.30.46:8082\") {\n    //         new_online_doc_url = \"http://10.8.30.46:8083/\";\n    //     } else if (host_website === \"10.9.9.104:8082\") {\n    //         new_online_doc_url = \"http://10.9.9.104:8083/\";\n    //     } else {\n    //         new_online_doc_url = \"https://www.appvity.com:8083/\";\n    //     }\n\n    //     document.querySelector(\".app-section-ehelpdesk-try-product-free .app-ehelpdesk-try-product-free-detail .app-ehelpdesk-try-product-free-faqs-onlinedoc a.app-ehelpdesk-try-product-free-faqs-onlinedoc-a-tag\").setAttribute(\"href\", new_online_doc_url + \"odoc/07-00-00.html\");\n    // }\n\n\tincreaseImageWidthNativeTool() {\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .native-tool .native-tool-left').classList.toggle('native-tool-left-active');\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .native-tool .native-tool-right').classList.toggle('native-tool-right-active');\n\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .manage-communication .manage-communication-left').classList.remove('manage-communication-left-active');\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .manage-communication .manage-communication-right').classList.remove('manage-communication-right-active');\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .fast-effortless-process .fast-effortless-process-left').classList.remove('fast-effortless-process-left-active');\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .fast-effortless-process .fast-effortless-process-right').classList.remove('fast-effortless-process-right-active');\n    }\n\n    increaseImageWidthManageCommunication() {\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .manage-communication .manage-communication-left').classList.toggle('manage-communication-left-active');\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .manage-communication .manage-communication-right').classList.toggle('manage-communication-right-active');\n\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .native-tool .native-tool-left').classList.remove('native-tool-left-active');\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .native-tool .native-tool-right').classList.remove('native-tool-right-active');\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .fast-effortless-process .fast-effortless-process-left').classList.remove('fast-effortless-process-left-active');\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .fast-effortless-process .fast-effortless-process-right').classList.remove('fast-effortless-process-right-active');\n    }\n\n    increaseImageWidthFastEffortlessProcess() {\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .fast-effortless-process .fast-effortless-process-left').classList.toggle('fast-effortless-process-left-active');\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .fast-effortless-process .fast-effortless-process-right').classList.toggle('fast-effortless-process-right-active');\n\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .native-tool .native-tool-left').classList.remove('native-tool-left-active');\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .native-tool .native-tool-right').classList.remove('native-tool-right-active');\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .manage-communication .manage-communication-left').classList.remove('manage-communication-left-active');\n        document.querySelector('.app-section-ehelpdesk-communicate-customer-enterprise .manage-communication .manage-communication-right').classList.remove('manage-communication-right-active');\n    }\n\n    hitButtonLiveDemoeHelpdesk() {\n        var data = {};\n        data[\"type\"] = \"click\";\n        data[\"button\"] = \"liveDemoeHelpdesk\";\n        \n        var checkItemLocalStorage = localStorage.getItem(\"dataLiveDemoeHelpdesk\");\n\n        if (!checkItemLocalStorage) {\n            postFeedback(`${process.env.feedbackAPI}`, data, \n            function(response) {\n                console.log(response);\n                localStorage.setItem(\"dataLiveDemoeHelpdesk\", JSON.stringify(data));\n            },\n            function(error) {\n                console.log(\"Something went wrong\", error);\n            });\n        }\n    };\n\n    hitButtonPricingeHelpdesk() {\n        var data = {};\n        data[\"type\"] = \"click\";\n        data[\"button\"] = \"pricingeHelpdesk\";\n        \n        var checkItemLocalStorage = localStorage.getItem(\"dataPricingeHelpdesk\");\n\n        if (!checkItemLocalStorage) {\n            postFeedback(`${process.env.feedbackAPI}`, data, \n            function(response) {\n                console.log(response);\n                localStorage.setItem(\"dataPricingeHelpdesk\", JSON.stringify(data));\n            },\n            function(error) {\n                console.log(\"Something went wrong\", error);\n            });\n        }\n    };\n\n    render() {\n        const { data } = this.props;\n        const introduction = data.allMarkdownRemark.nodes;\n        const native_tool = data.native_tool.nodes;\n        const manage_communication = data.manage_communication.nodes;\n        const fast_effortless_process = data.fast_effortless_process.nodes;\n        const practical_features_introduction = data.practical_features_introduction.nodes;\n        const practical_features_support_portal = data.practical_features_support_portal.nodes;\n        const practical_features_customer_portal = data.practical_features_customer_portal.nodes;\n        const ehelpdesk_admin_portal = data.ehelpdesk_admin_portal.nodes;\n        const specifications_etask_team_app = data.specifications_etask_team_app.nodes;\n        const ehelpdesk_try_product_free_live_demo = data.ehelpdesk_try_product_free_live_demo.nodes;\n        const ehelpdesk_try_product_free_faqs_onlinedoc = data.ehelpdesk_try_product_free_faqs_onlinedoc.nodes;\n        const ehelpdesk_explore_now = data.ehelpdesk_explore_now.nodes;\n\n        var customSettingsSupportCustomerPortal = {\n            dots: false,\n            speed: 500,\n            infinite: false,\n            slidesToShow: 4,\n            slidesToScroll: 4,\n            responsive: [\n                {\n                    breakpoint: 1367,\n                    settings: {\n                        slidesToShow: 3,\n                        slidesToScroll: 3\n                    }\n                },\n                {\n                    breakpoint: 1279,\n                    settings: {\n                        slidesToShow: 2,\n                        slidesToScroll: 2\n                    }\n                },\n                {\n                    breakpoint: 1025,\n                    settings: {\n                        slidesToShow: 2,\n                        slidesToScroll: 2\n                    }\n                },\n                {\n                    breakpoint: 767,\n                    settings: {\n                        slidesToShow: 1,\n                        slidesToScroll: 1\n                    }\n                },\n                {\n                    breakpoint: 600,\n                    settings: {\n                        slidesToShow: 1,\n                        slidesToScroll: 1\n                    }\n                },\n                {\n                    breakpoint: 480,\n                    settings: {\n                        slidesToShow: 1,\n                        slidesToScroll: 1\n                    }\n                }\n            ]\n        };\n\n        return (\n            <Layout>\n                <SEO title=\"eHelpdesk\" description=\"Ticket or Issue management system for your enterprise that run on Microsoft Teams. Helpdesk system to improve customer's satisfaction and reliable tool for issue tracking.\" meta={[{ name: `keywords`, content: [\"collaboration tools on Microsoft Teams\", \"helpdesk system on Microsoft Teams\", \"ticket management\", \"issue management\"] }]} pathname=\"/products/ehelpdesk\" />\n                <div className=\"main-content-padding\">\n                    <div className=\"app-general-seciton app-ehelpdesk-introduction\" data-sal=\"fade\" data-sal-duration=\"1000\" data-sal-delay=\"100\" data-sal-easing=\"ease\">\n                        <Container>\n                            <div className=\"app-ehelpdesk-introduction-detail\">\n                                <Row className=\"app-ehelpdesk-introduction-row-custom\">\n                                    <Col className=\"app-ehelpdesk-introduction-col-custom\" xs={12} md={12} lg={5}>\n                                        <div className=\"app-ehelpdesk-introduction-left\">\n                                            {introduction.map((res) => (\n                                                <div dangerouslySetInnerHTML={{ __html: res.html }} key={res.id}/>\n                                            ))}\n                                        </div>\n                                    </Col>\n                                    <Col xs={12} md={12} lg={1}></Col>\n                                    <Col className=\"app-ehelpdesk-introduction-col-custom\" xs={12} md={12} lg={6}>\n                                        <div className=\"app-ehelpdesk-introduction-right\">\n                                            <img className=\"app-ehelpdesk-introduction-img\" src=\"/app-ehelpdesk-introduction.png\" alt=\"eHelpdesk introduction\" />\n                                        </div>\n                                    </Col>\n                                </Row>\n                            </div>\n                        </Container>\n                    </div>\n                    <div className=\"app-general-seciton app-section-ehelpdesk-communicate-customer-enterprise\" data-sal=\"fade\" data-sal-duration=\"1000\" data-sal-delay=\"100\" data-sal-easing=\"ease\">\n                        <Container>\n                            <Row>\n                                <Col xs={12} md={12} lg={2}></Col>\n                                <Col xs={12} md={12} lg={8}>\n                                    <div className=\"app-title\">\n                                        <h2>Communicate with your customers and enhance the reliability of enterprise</h2>\n                                    </div>\n                                </Col>\n                                <Col xs={12} md={12} lg={2}></Col>\n                            </Row>\n                            <div className=\"app-ehelpdesk-communicate-customer-enterprise-detail\">\n                                <Row className=\"app-ehelpdesk-communicate-customer-enterprise-detail-row-custom native-tool\">\n                                    <Col xs={12} md={12} lg={12} xl={1}></Col>\n                                    <Col className=\"app-ehelpdesk-communicate-customer-enterprise-detail-col-custom native-tool-left\" xs={12} md={12} lg={12} xl={5}>\n                                        {native_tool.map((res) => (\n                                            <div className=\"app-ehelpdesk-communicate-customer-enterprise-left-side\" dangerouslySetInnerHTML={{ __html: res.html }} key={res.id}/>\n                                        ))}\n                                    </Col>\n                                    <Col className=\"app-ehelpdesk-communicate-customer-enterprise-detail-col-custom native-tool-right\" xs={12} md={12} lg={12} xl={5}>\n                                        <div className=\"app-ehelpdesk-communicate-customer-enterprise-right-side\">\n                                            <img \n                                                className=\"app-ehelpdesk-communicate-customer-enterprise-native-tool\" \n                                                src=\"/app-ehelpdesk-communicate-customer-enterprise-native-tool.svg\" \n                                                alt=\"app ehelpdesk communicate customer enterprise native tool\" \n                                                onClick={this.increaseImageWidthNativeTool} \n                                            />\n                                        </div>\n                                    </Col>\n                                    <Col xs={12} md={12} lg={12} xl={1}></Col>\n                                </Row>\n                                <Row className=\"app-ehelpdesk-communicate-customer-enterprise-detail-row-custom manage-communication\">\n                                    <Col xs={12} md={12} lg={12} xl={1}></Col>\n                                    <Col className=\"app-ehelpdesk-communicate-customer-enterprise-detail-col-custom manage-communication-left\" xs={12} md={12} lg={12} xl={5}>\n                                        <div className=\"app-ehelpdesk-communicate-customer-enterprise-left-side\">\n                                            <img \n                                                className=\"app-ehelpdesk-communicate-customer-enterprise-manage-communication\" \n                                                src=\"/app-ehelpdesk-communicate-customer-enterprise-manage-communication.svg\" \n                                                alt=\"app ehelpdesk communicate customer enterprise manage communication\" \n                                                onClick={this.increaseImageWidthManageCommunication} \n                                            />\n                                        </div>\n                                    </Col>\n                                    <Col className=\"app-ehelpdesk-communicate-customer-enterprise-detail-col-custom manage-communication-right\" xs={12} md={12} lg={12} xl={5}>\n                                        {manage_communication.map((res) => (\n                                            <div className=\"app-ehelpdesk-communicate-customer-enterprise-right-side\" dangerouslySetInnerHTML={{ __html: res.html }} key={res.id}/>\n                                        ))}\n                                    </Col>\n                                    <Col xs={12} md={12} lg={12} xl={1}></Col>\n                                </Row>\n                                <Row className=\"app-ehelpdesk-communicate-customer-enterprise-detail-row-custom fast-effortless-process\">\n                                    <Col xs={12} md={12} lg={12} xl={1}></Col>\n                                    <Col className=\"app-ehelpdesk-communicate-customer-enterprise-detail-col-custom fast-effortless-process-left\" xs={12} md={12} lg={12} xl={5}>\n                                        {fast_effortless_process.map((res) => (\n                                            <div className=\"app-ehelpdesk-communicate-customer-enterprise-left-side\" dangerouslySetInnerHTML={{ __html: res.html }} key={res.id}/>\n                                        ))}\n                                    </Col>\n                                    <Col className=\"app-ehelpdesk-communicate-customer-enterprise-detail-col-custom fast-effortless-process-right\" xs={12} md={12} lg={12} xl={5}>\n                                        <div className=\"app-ehelpdesk-communicate-customer-enterprise-right-side\">\n                                            <img \n                                                className=\"app-ehelpdesk-communicate-customer-enterprise-fast-effortless-process\" \n                                                src=\"/app-ehelpdesk-communicate-customer-enterprise-fast-effortless-process.svg\" \n                                                alt=\"app ehelpdesk communicate customer enterprise fast effortless process\" \n                                                onClick={this.increaseImageWidthFastEffortlessProcess} \n                                            />\n                                        </div>\n                                    </Col>\n                                    <Col xs={12} md={12} lg={2} xl={1}></Col>\n                                </Row>\n                            </div>\n                        </Container>\n                    </div>\n                    <div className=\"app-general-seciton app-section-ehelpdesk-practical-features\" data-sal=\"fade\" data-sal-duration=\"1000\" data-sal-delay=\"100\" data-sal-easing=\"ease\">\n                        <Container>\n                            <Row>\n                                <Col xs={12} md={12} lg={2}></Col>\n                                <Col xs={12} md={12} lg={8}>\n                                    {practical_features_introduction.map((res) => (\n                                        <div className=\"app-title\" dangerouslySetInnerHTML={{ __html: res.html }} key={res.id} />\n                                    ))}\n                                </Col>\n                                <Col xs={12} md={12} lg={2}></Col>\n                            </Row>\n                            <div className=\"app-ehelpdesk-practical-features-detail\">\n                                <div className=\"app-ehelpdesk-practical-features-tabs\">\n                                    <Tabs defaultActiveKey=\"support-portal\">\n                                        <Tab eventKey=\"support-portal\" title=\"Support Portal\">\n                                            <Slider {...customSettingsSupportCustomerPortal}>\n                                                {practical_features_support_portal.map((res) => (\n                                                    <div className=\"app-practical-features-slider\" key={res.id}>\n                                                        <div dangerouslySetInnerHTML={{ __html: res.html }} />\n                                                        <div className=\"content\">\n                                                            <h5>{res.frontmatter.title}</h5>\n                                                            <h6>{res.frontmatter.description}</h6>\n                                                        </div>\n                                                    </div>\n                                                ))}\n                                            </Slider>\n                                        </Tab>\n                                        <Tab eventKey=\"customer-portal\" title=\"Customer Portal\">\n                                            <Slider {...customSettingsSupportCustomerPortal}>\n                                                {practical_features_customer_portal.map((res) => (\n                                                    <div className=\"app-practical-features-slider\" key={res.id}>\n                                                        <div dangerouslySetInnerHTML={{ __html: res.html }} />\n                                                        <div className=\"content\">\n                                                            <h5>{res.frontmatter.title}</h5>\n                                                            <h6>{res.frontmatter.description}</h6>\n                                                        </div>\n                                                    </div>\n                                                ))}\n                                            </Slider>\n                                        </Tab>\n                                    </Tabs>\n                                </div>\n                            </div>\n                        </Container>\n                    </div>\n                    <div className=\"app-general-seciton app-ehelpdesk-admin-portal\" data-sal=\"fade\" data-sal-duration=\"1000\" data-sal-delay=\"100\" data-sal-easing=\"ease\">\n                        <Container>\n                            <Row>\n                                <Col xs={12} md={12} lg={2}></Col>\n                                <Col xs={12} md={12} lg={8}>\n                                    {ehelpdesk_admin_portal.map((res) => (\n                                        <div className=\"app-ehelpdesk-admin-portal-detail\" dangerouslySetInnerHTML={{ __html: res.html }} key={res.id} />\n                                    ))}\n                                </Col>\n                                <Col xs={12} md={12} lg={2}></Col>\n                            </Row>\n                        </Container>\n                    </div>\n                    {/* <div className=\"app-general-seciton app-section-ehelpdesk-specifications\" data-sal=\"fade\" data-sal-duration=\"1000\" data-sal-delay=\"100\" data-sal-easing=\"ease\">\n                        <Container>\n                            <div className=\"app-title\">\n                                <h2>Specifications</h2>\n                            </div>\n                            <div className=\"app-ehelpdesk-specifications-detail\">\n                                <div className=\"app-ehelpdesk-specifications-detail-header\">\n                                    <h6>System Specifications for eHelpdesk Team app</h6>\n                                </div>\n                                {specifications_etask_team_app.map((res) => (\n                                    <Row className=\"app-ehelpdesk-specifications-detail-row-custom\" key={res.id}>\n                                        <Col className=\"app-ehelpdesk-specifications-detail-col-custom-child\" xs={3} md={3} lg={1}>\n                                            <h6>{res.frontmatter.title}</h6>\n                                        </Col>\n                                        <Col className=\"app-ehelpdesk-specifications-detail-col-custom-child\" xs={9} md={9} lg={11}>\n                                            <div dangerouslySetInnerHTML={{ __html: res.html }} />\n                                        </Col>\n                                    </Row>\n                                ))}\n                            </div>\n                        </Container>\n                    </div> */}\n                    <div className=\"app-general-seciton app-section-ehelpdesk-try-product-free\" data-sal=\"fade\" data-sal-duration=\"1000\" data-sal-delay=\"100\" data-sal-easing=\"ease\">\n                        <Container>\n                            <div className=\"app-ehelpdesk-try-product-free-detail\">\n                                <Row>\n                                    {/* {ehelpdesk_try_product_free_live_demo.map((res) => (\n                                        <Col xs={12} md={12} lg={4} key={res.id}>\n                                            <div className=\"app-ehelpdesk-try-product-free-live-demo\">\n                                                <h4>{res.frontmatter.title}</h4>\n                                                <h6><Link to=\"/products/demosite\" onClick={this.hitButtonLiveDemoeHelpdesk}>Try It Now !</Link></h6>\n                                            </div>\n                                        </Col>\n                                    ))} */}\n                                    {ehelpdesk_try_product_free_faqs_onlinedoc.map((res) => (\n                                        <Col xs={12} md={12} lg={12} key={res.id}>\n                                        {/* <Col xs={12} md={12} lg={4} key={res.id}> */}\n                                            <div className=\"app-ehelpdesk-try-product-free-faqs-onlinedoc\">\n                                                <h4>{res.frontmatter.title}</h4>\n                                                <div dangerouslySetInnerHTML={{ __html: res.html }} />\n                                            </div>\n                                        </Col>\n                                    ))}\n                                </Row>\n                            </div>\n                        </Container>\n                    </div>\n                    {/* <div className=\"app-section-ehelpdesk-explore-now\" data-sal=\"fade\" data-sal-duration=\"1000\" data-sal-delay=\"100\" data-sal-easing=\"ease\">\n                        {ehelpdesk_explore_now.map((res) => (\n                            <div key={res.id}>\n                                <div className=\"app-title\">\n                                    <h4>{res.frontmatter.title}</h4>\n                                </div>\n                                <div className=\"app-section-ehelpdesk-explore-now-detail\">\n                                    <h6><Link to=\"/pricing\" onClick={this.hitButtonPricingeHelpdesk}>Subscribe</Link></h6>\n                                </div>\n                            </div>\n                        ))}\n                    </div> */}\n                </div>\n            </Layout>\n        )\n    }\n}\n\nexport default Ehelpdesk\n\nexport const query = graphql`\n    query eHelpdeskPage {\n        allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"ehelpdesk_introduction\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n\t\tnative_tool: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"ehelpdesk_native_tool\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n        manage_communication: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"ehelpdesk_manage_communication\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n        fast_effortless_process: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"ehelpdesk_fast_effortless_process\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n        practical_features_introduction: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"ehelpdesk_practical_features_introduction\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n        practical_features_support_portal: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"ehelpdesk_practical_features_support_portal\" } } }\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                    description\n                }\n                id\n            }\n        }\n        practical_features_customer_portal: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"ehelpdesk_practical_features_customer_portal\" } } }\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                    description\n                }\n                id\n            }\n        }\n        ehelpdesk_admin_portal: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"ehelpdesk_admin_portal\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n        specifications_etask_team_app: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"ehelpdesk_specifications_etask_team_app\" } } }\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                }\n                id\n            }\n        }\n        ehelpdesk_try_product_free_live_demo: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"ehelpdesk_try_product_free_live_demo\" } } }\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                }\n                id\n            }\n        }\n        ehelpdesk_try_product_free_faqs_onlinedoc: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"ehelpdesk_try_product_free_faqs_onlinedoc\" } } }\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                }\n                id\n            }\n        }\n        ehelpdesk_explore_now: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"ehelpdesk_explore_now\" } } }\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                }\n                id\n            }\n        }\n    }\n`;\n"],"sourceRoot":""}