{"version":3,"sources":["webpack://appvity-website/./node_modules/react-bootstrap/esm/Tab.js","webpack://appvity-website/./node_modules/react-bootstrap/esm/TabContainer.js","webpack://appvity-website/./node_modules/react-bootstrap/esm/TabContent.js","webpack://appvity-website/./node_modules/react-bootstrap/esm/TabContext.js","webpack://appvity-website/./node_modules/react-bootstrap/esm/TabPane.js","webpack://appvity-website/./src/components/ContextAwareToggle.js","webpack://appvity-website/./src/pages/support/faqs.js"],"names":["Tab","_React$Component","apply","this","arguments","prototype","render","Error","Container","Content","Pane","props","_useUncontrolled","activeKey","id","generateCustomChildId","generateChildId","onSelect","transition","mountOnEnter","unmountOnExit","children","useMemo","key","type","tabContext","getControlledId","getControllerId","value","TabContent","_ref","ref","bsPrefix","_ref$as","as","Component","className","decoratedBsPrefix","TabContext","TabPane","_useTabContext","context","useContext","rest","shouldTransition","eventKey","active","useTabContext","onEnter","onEntering","onEntered","onExit","onExiting","onExited","Transition","_useTabContext$as","prefix","pane","role","in","displayName","callback","currentEventKey","AccordionContext","decoratedOnClick","useAccordionToggle","isCurrentEventKey","onClick","SearchFAQs","localSearchFaqs","location","faqs_about_appvity","search","faqs_etask","faqs_ehelpdesk","queryString","useState","query","setQuery","results","useFlexSearch","index","store","placeholder","onChange","e","target","document","querySelector","style","display","length","src","alt","FAQsKeywordSearch","xs","md","lg","FAQSAllQuestions","map","node","title","slug","html","defaultActiveKey","dangerouslySetInnerHTML","__html","res","frontmatter","keyNumber","Faqs","data","allMarkdownRemark","nodes","faqs_onlinedoc_have_answer","faqs_you_have_question","description","meta","name","content","pathname","data-sal","data-sal-duration","data-sal-delay","data-sal-easing","React"],"mappings":"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","file":"component---src-pages-support-faqs-js-e95308ae8dfb01a5ef6c.js","sourcesContent":["import _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport React from 'react';\nimport TabContainer from './TabContainer';\nimport TabContent from './TabContent';\nimport TabPane from './TabPane';\n/* eslint-disable react/require-render-return, react/no-unused-prop-types */\n\nvar Tab = /*#__PURE__*/function (_React$Component) {\n  _inheritsLoose(Tab, _React$Component);\n\n  function Tab() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Tab.prototype;\n\n  _proto.render = function render() {\n    throw new Error('ReactBootstrap: The `Tab` component is not meant to be rendered! ' + \"It's an abstract component that is only valid as a direct Child of the `Tabs` Component. \" + 'For custom tabs components use TabPane and TabsContainer directly');\n    return null;\n  };\n\n  return Tab;\n}(React.Component);\n\nTab.Container = TabContainer;\nTab.Content = TabContent;\nTab.Pane = TabPane;\nexport default Tab;","import React, { useMemo } from 'react';\nimport { useUncontrolled } from 'uncontrollable';\nimport TabContext from './TabContext';\nimport SelectableContext from './SelectableContext';\n\nvar TabContainer = function TabContainer(props) {\n  var _useUncontrolled = useUncontrolled(props, {\n    activeKey: 'onSelect'\n  }),\n      id = _useUncontrolled.id,\n      generateCustomChildId = _useUncontrolled.generateChildId,\n      onSelect = _useUncontrolled.onSelect,\n      activeKey = _useUncontrolled.activeKey,\n      transition = _useUncontrolled.transition,\n      mountOnEnter = _useUncontrolled.mountOnEnter,\n      unmountOnExit = _useUncontrolled.unmountOnExit,\n      children = _useUncontrolled.children;\n\n  var generateChildId = useMemo(function () {\n    return generateCustomChildId || function (key, type) {\n      return id ? id + \"-\" + type + \"-\" + key : null;\n    };\n  }, [id, generateCustomChildId]);\n  var tabContext = useMemo(function () {\n    return {\n      onSelect: onSelect,\n      activeKey: activeKey,\n      transition: transition,\n      mountOnEnter: mountOnEnter || false,\n      unmountOnExit: unmountOnExit || false,\n      getControlledId: function getControlledId(key) {\n        return generateChildId(key, 'tabpane');\n      },\n      getControllerId: function getControllerId(key) {\n        return generateChildId(key, 'tab');\n      }\n    };\n  }, [onSelect, activeKey, transition, mountOnEnter, unmountOnExit, generateChildId]);\n  return /*#__PURE__*/React.createElement(TabContext.Provider, {\n    value: tabContext\n  }, /*#__PURE__*/React.createElement(SelectableContext.Provider, {\n    value: onSelect || null\n  }, children));\n};\n\nexport default TabContainer;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar TabContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'div' : _ref$as,\n      className = _ref.className,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"as\", \"className\"]);\n\n  var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'tab-content');\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    ref: ref\n  }, props, {\n    className: classNames(className, decoratedBsPrefix)\n  }));\n});\nexport default TabContent;","import React from 'react';\nvar TabContext = /*#__PURE__*/React.createContext(null);\nexport default TabContext;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React, { useContext } from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport TabContext from './TabContext';\nimport SelectableContext, { makeEventKey } from './SelectableContext';\nimport Fade from './Fade';\n\nfunction useTabContext(props) {\n  var context = useContext(TabContext);\n  if (!context) return props;\n\n  var activeKey = context.activeKey,\n      getControlledId = context.getControlledId,\n      getControllerId = context.getControllerId,\n      rest = _objectWithoutPropertiesLoose(context, [\"activeKey\", \"getControlledId\", \"getControllerId\"]);\n\n  var shouldTransition = props.transition !== false && rest.transition !== false;\n  var key = makeEventKey(props.eventKey);\n  return _extends({}, props, {\n    active: props.active == null && key != null ? makeEventKey(activeKey) === key : props.active,\n    id: getControlledId(props.eventKey),\n    'aria-labelledby': getControllerId(props.eventKey),\n    transition: shouldTransition && (props.transition || rest.transition || Fade),\n    mountOnEnter: props.mountOnEnter != null ? props.mountOnEnter : rest.mountOnEnter,\n    unmountOnExit: props.unmountOnExit != null ? props.unmountOnExit : rest.unmountOnExit\n  });\n}\n\nvar TabPane = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _useTabContext = useTabContext(props),\n      bsPrefix = _useTabContext.bsPrefix,\n      className = _useTabContext.className,\n      active = _useTabContext.active,\n      onEnter = _useTabContext.onEnter,\n      onEntering = _useTabContext.onEntering,\n      onEntered = _useTabContext.onEntered,\n      onExit = _useTabContext.onExit,\n      onExiting = _useTabContext.onExiting,\n      onExited = _useTabContext.onExited,\n      mountOnEnter = _useTabContext.mountOnEnter,\n      unmountOnExit = _useTabContext.unmountOnExit,\n      Transition = _useTabContext.transition,\n      _useTabContext$as = _useTabContext.as,\n      Component = _useTabContext$as === void 0 ? 'div' : _useTabContext$as,\n      _ = _useTabContext.eventKey,\n      rest = _objectWithoutPropertiesLoose(_useTabContext, [\"bsPrefix\", \"className\", \"active\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"mountOnEnter\", \"unmountOnExit\", \"transition\", \"as\", \"eventKey\"]);\n\n  var prefix = useBootstrapPrefix(bsPrefix, 'tab-pane');\n  if (!active && !Transition && unmountOnExit) return null;\n  var pane = /*#__PURE__*/React.createElement(Component, _extends({}, rest, {\n    ref: ref,\n    role: \"tabpanel\",\n    \"aria-hidden\": !active,\n    className: classNames(className, prefix, {\n      active: active\n    })\n  }));\n  if (Transition) pane = /*#__PURE__*/React.createElement(Transition, {\n    in: active,\n    onEnter: onEnter,\n    onEntering: onEntering,\n    onEntered: onEntered,\n    onExit: onExit,\n    onExiting: onExiting,\n    onExited: onExited,\n    mountOnEnter: mountOnEnter,\n    unmountOnExit: unmountOnExit\n  }, pane); // We provide an empty the TabContext so `<Nav>`s in `<TabPane>`s don't\n  // conflict with the top level one.\n\n  return /*#__PURE__*/React.createElement(TabContext.Provider, {\n    value: null\n  }, /*#__PURE__*/React.createElement(SelectableContext.Provider, {\n    value: null\n  }, pane));\n});\nTabPane.displayName = 'TabPane';\nexport default TabPane;","import React, { useContext } from \"react\";\nimport { useAccordionToggle, AccordionContext } from 'react-bootstrap'\n\nconst ContextAwareToggle = ({ children, eventKey, callback }) => {\n    const currentEventKey = useContext(AccordionContext);\n  \n    const decoratedOnClick = useAccordionToggle(\n      eventKey,\n      () => callback && callback(eventKey),\n    );\n  \n    const isCurrentEventKey = currentEventKey === eventKey;\n  \n    return (\n        <ul>\n            <li className={isCurrentEventKey ? 'active' : ''}>\n                <button\n                    type=\"button\"\n                    className={isCurrentEventKey ? 'active' : ''}\n                    onClick={decoratedOnClick}\n                >\n                    {children}\n                </button>\n            </li>\n      </ul>\n    );\n}\n\nexport default ContextAwareToggle","import { graphql } from \"gatsby\";\nimport React, { useState } from \"react\";\nimport { Accordion, Container, Row, Col, Nav, Tab } from \"react-bootstrap\";\nimport Layout from \"../../components/Layout\";\nimport { useFlexSearch } from \"react-use-flexsearch\";\nimport * as queryString from \"query-string\";\n// import { BsCaretRightFill, BsCaretDownFill } from \"react-icons/bs\";\nimport ContextAwareToggle from \"../../components/ContextAwareToggle\";\nimport SEO from \"../../components/SEO\";\n\nconst SearchFAQs = ({ localSearchFaqs, location, faqs_about_appvity, faqs_etask, faqs_ehelpdesk, \n    // faqs_subscription \n}) => {\n    const { search } = queryString.parse(location.search)\n    const [query, setQuery] = useState(search || \"\")\n\n    const results = useFlexSearch(\n        query, \n        localSearchFaqs.index, \n        localSearchFaqs.store\n    )\n\n    function disableSearchButton () {\n        document.querySelector(\".app-how-can-we-help-you .app-how-can-we-help-you-detail .app-how-can-we-help-you-detail-search .app-how-can-we-help-you-detail-icon-close\").style.display = \"block\";\n        var check = document.querySelector(\".app-how-can-we-help-you .app-how-can-we-help-you-detail .app-how-can-we-help-you-detail-search .app-how-can-we-help-you-detail-search-input\");\n        if (check.value.length === 0) {\n            document.querySelector(\".app-how-can-we-help-you .app-how-can-we-help-you-detail .app-how-can-we-help-you-detail-search .app-how-can-we-help-you-detail-search-btn\").style.display = \"block\";\n            document.querySelector(\".app-how-can-we-help-you .app-how-can-we-help-you-detail .app-how-can-we-help-you-detail-search .app-how-can-we-help-you-detail-icon-close\").style.display = \"none\";\n        } else {\n            document.querySelector(\".app-how-can-we-help-you .app-how-can-we-help-you-detail .app-how-can-we-help-you-detail-search .app-how-can-we-help-you-detail-search-btn\").style.display = \"none\";\n        }\n    }\n\n    function clearDataSearch() {\n        document.querySelector(\".app-how-can-we-help-you .app-how-can-we-help-you-detail .app-how-can-we-help-you-detail-search .app-how-can-we-help-you-detail-search-input\").value = \"\";\n        document.querySelector(\".app-how-can-we-help-you .app-how-can-we-help-you-detail .app-how-can-we-help-you-detail-search .app-how-can-we-help-you-detail-search-btn\").style.display = \"block\";\n        document.querySelector(\".app-how-can-we-help-you .app-how-can-we-help-you-detail .app-how-can-we-help-you-detail-search .app-how-can-we-help-you-detail-icon-close\").style.display = \"none\";\n    }\n  \n    return (\n      <>\n        <div className=\"app-how-can-we-help-you-detail-search\">\n            <input \n                id=\"search\"\n                className=\"app-how-can-we-help-you-detail-search-input\" \n                placeholder=\"Ask a question\" \n                value={query}\n                onChange={e => {\n                    setQuery(e.target.value)\n                    disableSearchButton()\n                }}\n            />\n            <input \n                className=\"app-how-can-we-help-you-detail-search-btn\" \n                type=\"button\" \n                value=\"Search\" \n            />\n            <img className=\"app-how-can-we-help-you-detail-icon-search\" src=\"/app-icon-search.svg\" alt=\"app icon search\"/>\n            <input \n                className=\"app-how-can-we-help-you-detail-icon-close\" \n                type=\"button\" \n                onClick={e => {\n                    setQuery(e.target.value)\n                    clearDataSearch()\n                }}\n            />\n        </div>\n        <div className=\"app-how-can-we-help-you-search-results\">\n            {query ? (\n                results.length > 0 ? (\n                    <FAQsKeywordSearch\n                        results={results}\n                    />\n                ) : (\n                    <Row>\n                        <Col xs={12} md={12} lg={2}></Col>\n                        <Col xs={12} md={12} lg={8}>\n                            <h6 className=\"app-no-results\">\n                                Sorry, couldn't find any posts matching this search.\n                            </h6>\n                        </Col>\n                        <Col xs={12} md={12} lg={2}></Col>\n                    </Row>\n                )\n            ) : (\n                <FAQSAllQuestions\n                    faqs_about_appvity={faqs_about_appvity}\n                    // faqs_etask={faqs_etask}\n                    // faqs_ehelpdesk={faqs_ehelpdesk}\n                    // faqs_subscription={faqs_subscription}\n                />\n            )}\n        </div>\n       </>\n    )\n}\n\nconst FAQsKeywordSearch = ({ results }) => \n    results.map(node => {\n        const title = node.title || node.slug\n        const id = node.id\n        const html = node.html\n\n        return (\n            <Row className=\"app-how-can-we-help-you-search-results-row-custom\">\n                <Col xs={12} md={12} lg={2}></Col>\n                <Col xs={12} md={12} lg={8}>\n                    <Accordion className=\"app-how-can-we-help-you-detail-content\" key={id} defaultActiveKey={id}>\n                        <div className=\"app-how-can-we-help-you-detail-content-header\">\n                            <ContextAwareToggle\n                                eventKey={id}\n                            >\n                                <h6>{title}</h6>\n                            </ContextAwareToggle>\n                        </div>\n                        <Accordion.Collapse eventKey={id}>\n                            <div className=\"app-how-can-we-help-you-detail-content-body\"\n                                dangerouslySetInnerHTML={{\n                                    __html: html\n                                }}\n                            />\n                        </Accordion.Collapse>\n                    </Accordion>\n                </Col>\n                <Col xs={12} md={12} lg={2}></Col>\n            </Row>\n        )\n    }\n)\n\nconst FAQSAllQuestions = ({ faqs_about_appvity, faqs_etask, faqs_ehelpdesk, \n    // faqs_subscription \n}) => {\n    return (\n        <Tab.Container id=\"left-tabs-example\" defaultActiveKey=\"about-appvity\">\n            <Row>\n                {/* <Col xs={12} md={12} lg={2}>\n                    <Nav variant=\"pills\" className=\"flex-column\">\n                        <Nav.Item>\n                            <Nav.Link eventKey=\"about-appvity\"><h5>About Appvity</h5></Nav.Link>\n                        </Nav.Item>\n                        <Nav.Item>\n                            <Nav.Link eventKey=\"etask\"><h5>eTask</h5></Nav.Link>\n                        </Nav.Item>\n                        <Nav.Item>\n                            <Nav.Link eventKey=\"ehelpdesk\"><h5>eHelpdesk</h5></Nav.Link>\n                        </Nav.Item>\n                        <Nav.Item>\n                            <Nav.Link eventKey=\"subscription\"><h5>Subscription</h5></Nav.Link>\n                        </Nav.Item>\n                    </Nav>\n                </Col> */}\n                <Col className=\"app-how-can-we-help-you-detail-col-custom\" xs={12} md={12} lg={12}>\n                    <Tab.Content>\n                        <Tab.Pane eventKey=\"about-appvity\">\n                            {faqs_about_appvity.map((res) => (\n                                // defaultActiveKey={1} => because the MD file that has keyNumber = 1 always show first when load page\n                                <Accordion className=\"app-how-can-we-help-you-detail-content\" key={res.id} defaultActiveKey={1}>\n                                    <div className=\"app-how-can-we-help-you-detail-content-header\">\n                                        <ContextAwareToggle\n                                            eventKey={res.frontmatter.keyNumber}\n                                        >\n                                            <h6>{res.frontmatter.title}</h6>\n                                        </ContextAwareToggle>\n                                    </div>\n                                    <Accordion.Collapse eventKey={res.frontmatter.keyNumber}>\n                                        <div className=\"app-how-can-we-help-you-detail-content-body\"\n                                            dangerouslySetInnerHTML={{\n                                                __html: res.html\n                                            }}\n                                        />\n                                    </Accordion.Collapse>\n                                </Accordion>\n                            ))}\n                        </Tab.Pane>\n                        {/* <Tab.Pane eventKey=\"etask\">\n                            {faqs_etask.map((res) => (\n                                // defaultActiveKey={1} => because the MD file that has keyNumber = 1 always show first when load page\n                                <Accordion className=\"app-how-can-we-help-you-detail-content\" key={res.id} defaultActiveKey={1}>\n                                    <div className=\"app-how-can-we-help-you-detail-content-header\">\n                                        <ContextAwareToggle\n                                            eventKey={res.frontmatter.keyNumber}\n                                        >\n                                            <h6>{res.frontmatter.title}</h6>\n                                        </ContextAwareToggle>\n                                    </div>\n                                    <Accordion.Collapse eventKey={res.frontmatter.keyNumber}>\n                                        <div className=\"app-how-can-we-help-you-detail-content-body\"\n                                            dangerouslySetInnerHTML={{\n                                                __html: res.html\n                                            }}\n                                        />\n                                    </Accordion.Collapse>\n                                </Accordion>\n                            ))}\n                        </Tab.Pane>\n                        <Tab.Pane eventKey=\"ehelpdesk\">\n                            {faqs_ehelpdesk.map((res) => (\n                                // defaultActiveKey={1} => because the MD file that has keyNumber = 1 always show first when load page\n                                <Accordion className=\"app-how-can-we-help-you-detail-content\" key={res.id} defaultActiveKey={1}>\n                                    <div className=\"app-how-can-we-help-you-detail-content-header\">\n                                        <ContextAwareToggle\n                                            eventKey={res.frontmatter.keyNumber}\n                                        >\n                                            <h6>{res.frontmatter.title}</h6>\n                                        </ContextAwareToggle>\n                                    </div>\n                                    <Accordion.Collapse eventKey={res.frontmatter.keyNumber}>\n                                        <div className=\"app-how-can-we-help-you-detail-content-body\"\n                                            dangerouslySetInnerHTML={{\n                                                __html: res.html\n                                            }}\n                                        />\n                                    </Accordion.Collapse>\n                                </Accordion>\n                            ))}\n                        </Tab.Pane> */}\n                        {/* <Tab.Pane eventKey=\"subscription\">\n                            {faqs_subscription.map((res) => (\n                                // defaultActiveKey={1} => because the MD file that has keyNumber = 1 always show first when load page\n                                <Accordion className=\"app-how-can-we-help-you-detail-content\" key={res.id} defaultActiveKey={1}>\n                                    <div className=\"app-how-can-we-help-you-detail-content-header\">\n                                        <ContextAwareToggle\n                                            eventKey={res.frontmatter.keyNumber}\n                                        >\n                                            <h6>{res.frontmatter.title}</h6>\n                                        </ContextAwareToggle>\n                                    </div>\n                                    <Accordion.Collapse eventKey={res.frontmatter.keyNumber}>\n                                        <div className=\"app-how-can-we-help-you-detail-content-body\"\n                                            dangerouslySetInnerHTML={{\n                                                __html: res.html\n                                            }}\n                                        />\n                                    </Accordion.Collapse>\n                                </Accordion>\n                            ))}\n                        </Tab.Pane> */}\n                    </Tab.Content>\n                </Col>\n            </Row>\n        </Tab.Container>\n    )\n}\n\nclass Faqs extends React.Component {\n\n    // componentDidMount() {\n\t// \tconst { 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-online-documentation-answer .app-online-documentation-answer-detail .app-online-documentation-answer-detail-col-custom .app-online-documentation-answer-detail-content a.app-online-documentation-answer-detail-content-etask\").setAttribute(\"href\", new_online_doc_url + \"odoc/eTask-User-Guide/Introduction/01-00-introduction.html\");\n    //     document.querySelector(\".app-online-documentation-answer .app-online-documentation-answer-detail .app-online-documentation-answer-detail-col-custom .app-online-documentation-answer-detail-content a.app-online-documentation-answer-detail-content-ehelpdesk\").setAttribute(\"href\", new_online_doc_url + \"odoc/07-00-00.html\");\n    //     document.querySelector(\".app-online-documentation-answer .app-online-documentation-answer-detail .app-online-documentation-answer-detail-col-custom .app-online-documentation-answer-detail-content a.app-online-documentation-answer-detail-content-powershell\").setAttribute(\"href\", new_online_doc_url + \"odoc/09-00-00.html\");\n    //     document.querySelector(\".app-online-documentation-answer .app-online-documentation-answer-detail .app-online-documentation-answer-detail-col-custom .app-online-documentation-answer-detail-content a.app-online-documentation-answer-detail-content-rest-api\").setAttribute(\"href\", new_online_doc_url + \"odoc/eTask_Rest_API_Document/08-03-01.html\");\n\t// }\n\n    render() {\n        const { data, location } = this.props;\n        const localSearchFaqs = data.localSearchFaqs;\n        const faqs_about_appvity = data.allMarkdownRemark.nodes;\n        const faqs_etask = data.faqs_etask.nodes;\n        const faqs_ehelpdesk = data.faqs_ehelpdesk.nodes;\n        // const faqs_subscription = data.faqs_subscription.nodes;\n        const faqs_onlinedoc_have_answer = data.faqs_onlinedoc_have_answer.nodes;\n        // const faqs_related_article_ms = data.faqs_related_article_ms.nodes;\n        const faqs_you_have_question = data.faqs_you_have_question.nodes;\n  \n      return (\n            <Layout>\n                <SEO title=\"FAQs\" description=\"Appvity FAQs for more knowledge about eProducts and company information.\" meta={[{ name: `keywords`, content: [\"Appvity FAQs\", \"task management\"] }]} pathname=\"/support/faqs\" />\n                <div className=\"main-content-padding\">\n                    <div className=\"app-faqs-introduction\" data-sal=\"fade\" data-sal-duration=\"1000\" data-sal-delay=\"100\" data-sal-easing=\"ease\">\n                        <Container>\n                            <h1>Frequently Asked Questions</h1>\n                        </Container>\n                    </div>\n                    <div className=\"app-general-seciton app-how-can-we-help-you\" 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>Hi! How can we help you?</h2>\n                                    </div>\n                                </Col>\n                                <Col xs={12} md={12} lg={2}></Col>\n                            </Row>\n                            <div className=\"app-how-can-we-help-you-detail\">\n                                <SearchFAQs \n                                    localSearchFaqs={localSearchFaqs}\n                                    location={location}\n                                    faqs_about_appvity={faqs_about_appvity}\n                                    faqs_etask={faqs_etask}\n                                    faqs_ehelpdesk={faqs_ehelpdesk}\n                                    // faqs_subscription={faqs_subscription}\n                                />\n                            </div>\n                        </Container>\n                    </div>\n                    {/* <div className=\"banner-page\">\n                        <Container>\n                            <h1>Faqs</h1>\n                            <h2>Main content Faqs</h2>\n                        </Container>\n                    </div> */}\n                    {/* <div className=\"accordion-wrap\">\n                        <Container>\n                            <Accordion>\n                                {faqs.map((res) => (\n                                    <Card>\n                                        <Accordion.Toggle\n                                            as={Card.Header}\n                                            eventKey={res.id}\n                                        >\n                                            {res.frontmatter.title}\n                                        </Accordion.Toggle>\n                                        <Accordion.Collapse eventKey={res.id}>\n                                            <Card.Body>\n                                                <div\n                                                    className=\"content\"\n                                                    dangerouslySetInnerHTML={{\n                                                        __html: res.html\n                                                    }}\n                                                />\n                                            </Card.Body>\n                                        </Accordion.Collapse>\n                                    </Card>\n                                ))}\n                            </Accordion>\n                        </Container>\n                    </div> */}\n                    <div className=\"app-general-seciton app-online-documentation-answer\" 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>Online documentation might have your answer</h2>\n                                    </div>\n                                </Col>\n                                <Col xs={12} md={12} lg={2}></Col>\n                            </Row>\n                            <div className=\"app-online-documentation-answer-detail\">\n                                <Row>\n                                    <Col xs={12} md={12} lg={2}></Col>\n                                    <Col xs={12} md={12} lg={8}>\n                                        <Row>\n                                            {faqs_onlinedoc_have_answer.map((res) => (\n                                                <Col className=\"app-online-documentation-answer-detail-col-custom\" xs={6} md={3} lg={3} key={res.id}>\n                                                    <div className=\"app-online-documentation-answer-detail-content\" dangerouslySetInnerHTML={{ __html: res.html }} />\n                                                </Col>\n                                            ))}\n                                        </Row>\n                                    </Col>\n                                    <Col xs={12} md={12} lg={2}></Col>\n                                </Row>\n                            </div>\n                        </Container>\n                    </div>\n                    {/* <div className=\"app-general-seciton app-related-articles-microsoft\" data-sal=\"fade\" data-sal-duration=\"1000\" data-sal-delay=\"100\" data-sal-easing=\"ease\">\n                        <Container>\n                            <div className=\"app-title\">\n                                <h2>Related Articles from Microsoft</h2>\n                            </div>\n                            <div className=\"app-related-articles-microsoft-detail\">\n                                <Row>\n                                    {faqs_related_article_ms.map((res) => (\n                                        <Col xs={12} md={12} lg={6} key={res.id}>\n                                            <ul>\n                                                <li dangerouslySetInnerHTML={{ __html: res.html }} />\n                                            </ul>\n                                        </Col>\n                                    ))}\n                                </Row>\n                            </div>\n                        </Container>\n                    </div> */}\n                    <div className=\"app-general-seciton app-you-still-have-question\" 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                                    {faqs_you_have_question.map((res) => (\n                                        <div className=\"app-you-still-have-question-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>\n            </Layout>\n        )\n    }\n}\n  \nexport default Faqs;\n\nexport const query = graphql`\n    query FaqsPage {\n        allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"faqs_about_appvity\" } } }\n            sort: {fields: frontmatter___createAt, order: ASC}\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                    keyNumber\n                }\n                id\n            }\n        }\n        faqs_etask: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"faqs_etask\" } } }\n            sort: {fields: frontmatter___createAt, order: ASC}\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                    keyNumber\n                }\n                id\n            }\n        }\n        faqs_ehelpdesk: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"faqs_ehelpdesk\" } } }\n            sort: {fields: frontmatter___createAt, order: ASC}\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                    keyNumber\n                }\n                id\n            }\n        }\n        faqs_subscription: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"faqs_subscription\" } } }\n            sort: {fields: frontmatter___createAt, order: ASC}\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                    keyNumber\n                }\n                id\n            }\n        }\n        faqs_onlinedoc_have_answer: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"faqs_onlinedoc_have_answer\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n        faqs_related_article_ms: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"faqs_related_article_ms\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n        faqs_you_have_question: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"faqs_you_have_question\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n        localSearchFaqs {\n            index\n            store\n        }\n        localSearchFaqs {\n            publicIndexURL\n            publicStoreURL\n        }\n    }\n`;\n"],"sourceRoot":""}