{"version":3,"sources":["webpack:///./src/components/common/customdetails.js","webpack:///./src/pages/product/customs-clearance-software.js"],"names":["CustomClearance","state","showMe","StateUpdate","Schedule","e","curObj","status","document","getElementById","classList","contains","remove","add","custObj","this","setState","render","className","lang","I18nextContext","_currentValue","language","to","Photo","src","alt","id","onClick","style","cursor","rack","target","class","Automated","Document","Customerportal","Invoicing","Emailing","Customizable","Movement","pdaDevice","Component","contextType","withTranslation","Customclearance","React","useContext","canoncalUrl","GATSBY_LANDING_PAGE_URL","hrefUrl","JSON","parse","stringify","t","useTranslation","Helmet","dangerouslySetInnerHTML","__html","charSet","rel","href","hreflang","name","content"],"mappings":"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","file":"component---src-pages-product-customs-clearance-software-js-6f6f90d4aea2459a5d9b.js","sourcesContent":["import React, { Component } from \"react\";\nimport \"../../styles/threeplwarehousing.scss\";\nimport Photo from \"../Photo\";\nimport { graphql } from \"gatsby\";\nimport { Trans, I18nextContext, Link } from \"gatsby-plugin-react-i18next\";\nimport { withTranslation } from 'react-i18next';\n\n\n\nclass CustomClearance extends Component {\n  static contextType = I18nextContext;\n  constructor() {\n    super()\n    this.state = {\n      showMe: true,\n      StateUpdate: true,\n\n    }\n  }\n\n  Schedule(e, curObj) {\n    var status = false;\n    if (document.getElementById('feature__' + curObj).classList.contains('active_color')) {\n      document.getElementById('feature__' + curObj).classList.remove('active_color');\n      document.getElementById('arrow__' + curObj).classList.remove('active_color');\n      document.getElementById('feature__' + curObj).classList.add('inactive_color');\n      document.getElementById('arrow__' + curObj).classList.add('inactive_color');\n      status = false;\n    } else {\n      document.getElementById('feature__' + curObj).classList.add('active_color');\n      document.getElementById('arrow__' + curObj).classList.add('active_color');\n      document.getElementById('feature__' + curObj).classList.remove('inactive_color');\n      document.getElementById('arrow__' + curObj).classList.remove('inactive_color');\n      status = true;\n    }\n\n    var custObj = {};\n    custObj[curObj] = status;\n    this.setState(custObj);\n  }\n  render() {\n    return (\n      <div>       \n        <div className=\"banner-feature\">\n          <div className=\"container\">\n            <div className=\"row\">\n              <div className=\"col-md-12\">\n                <div className=\"content-imgs\">\n                  <div className=\"pricings_in_details customs_agency_main\" lang={I18nextContext._currentValue.language}>\n                    <Link to=\"/\"><Trans>HOME</Trans></Link> / <div className=\"featuress\"><Link to=\"/product/\"><Trans>PRODUCTS</Trans></Link> / </div>\n                    <div className=\"warehouse\"><Trans>CUSTOMS CLEARANCE</Trans></div>\n                  </div>\n                  <div className=\"sub_main_customdetails\" lang={I18nextContext._currentValue.language}><Trans>Achieve Express Clearance in a Tap</Trans></div>\n                  <div className=\"customs_third_content\" lang={I18nextContext._currentValue.language}>\n                    <Trans>Global regulatory compliant application to get a quick clearance and to create an unstoppable flow in your supply chain business.</Trans>\n                    <br />\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className=\"custom_details\">\n          <div className=\"container\">\n            <div className=\"row \">\n\n              <div className=\"col-md-12 full_row_alignment\">\n                <div className=\"fullimage\">\n                  <Photo\n                    src=\"Customs Clearance.jpg\"\n                    className=\"dimention_image\"\n                    alt=\"\"\n                  />\n\n                </div>\n                <div className=\"customthreepl_contents\" lang={I18nextContext._currentValue.language}>\n                 <h1 className=\"heading-size\"><Trans>Customs Clearance Software</Trans></h1>\n                  <Trans>A SaaS app to help port brokers to clear customs documentation easily. Customs clearance documents can be printed before the vessel arrives in the port with all the required entities in it with the help of the Logipulse Customs Clearance module.</Trans>\n                </div>\n                <div className=\"customthreeplsub_headings\" lang={I18nextContext._currentValue.language}>\n                  <Trans>Rate of service, preparation of bills of entry, preparing the customs clearance, assessment, customs examination and collecting customs out of charge and managing dispatch, delivery, etc. involved in the import process can be done easier than you imagine.</Trans> <br />\n                </div>\n                <div className=\"customthreeplsub_headings\" lang={I18nextContext._currentValue.language}>\n                  <Trans>Preparation of shipping bill (based on shippers instruction), reception of goods, filing for drawback labelling, processing for customs clearance, customs examination and obtaining customs out charge and handling over international carriers, and more that are involved in export can also be handled with Logipulse Customs Clearance app.</Trans><br />\n                </div>\n\n              </div>\n            </div>\n          </div>\n        </div>\n\n\n\n        <div className=\"highlights_way\" lang={I18nextContext._currentValue.language}>\n          <div className=\"container\">\n            <div className=\"Hight_light_heads_content\" lang={I18nextContext._currentValue.language}><Trans>Highlights</Trans></div>\n\n            <div className=\"row full_row_aligns\">\n              <div className=\"col-md-6\">\n                <ul>\n\n\n                  <li>\n\n                    <div className=\"material\" id=\"arrow__StateUpdate\" onClick={e => this.Schedule(e, 'StateUpdate')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.StateUpdate ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n                    </div>\n\n                    <h5 className=\"active_color\" id=\"feature__StateUpdate\" onClick={e => this.Schedule(e, 'StateUpdate')}>\n                      <Trans>State Update</Trans>\n                    </h5>\n                    {\n                      this.state.StateUpdate ? (\n\n                        <div className=\"subheadings\">\n                          <Trans>Get the updates of the clearance formalities whether they are in process or completed and so on.</Trans>\n                          \n                        </div>\n                      )\n                        : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__rack\" onClick={e => this.Schedule(e, 'rack')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.rack ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }</div>\n                    <h5 id=\"feature__rack\" onClick={e => this.Schedule(e, 'rack')}>\n                      <Trans>Transportation Details</Trans>\n                    </h5>\n                    {this.state.rack ? (\n                      <div className=\"subheadings\">\n                        <Trans>The information about the transportation involved in the customs clearance andassociated operation can be entered and then retrieved from the platform.</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#Transportation\" target=\"_blank\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Automated\" onClick={e => this.Schedule(e, 'Automated')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Automated ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n                    </div>\n                    <h5 id=\"feature__Automated\" onClick={e => this.Schedule(e, 'Automated')}>\n                      <Trans>Port Handler Details</Trans>\n                    </h5>\n                    {this.state.Automated ? (\n                      <div className=\"subheadings\">\n                        <Trans>Customs clearance formalities will be handled by authorized brokers. Details of the handlers will be entered and received from the app.</Trans>\n                        {/* <div className=\"know_more\">\n                          <b><Trans>KNOW MORE</Trans></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div> */}\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Document\" onClick={e => this.Schedule(e, 'Document')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Document ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n                    </div>\n                    <h5 id=\"feature__Document\" onClick={e => this.Schedule(e, 'Document')}>\n                      <Trans>Delivery Information</Trans>\n\n                    </h5>\n                    {this.state.Document ? (\n                      <div className=\"subheadings\">\n                        <Trans>The details of the delivery process involved will be available from the same module.</Trans>\n                        {/* <div className=\"know_more\">\n                          <b><Trans>KNOW MORE</Trans></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div> */}\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Customerportal\" onClick={e => this.Schedule(e, 'Customerportal')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Customerportal ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n\n                    </div>\n                    <h5 id=\"feature__Customerportal\" onClick={e => this.Schedule(e, 'Customerportal')}>\n                      <Trans>Charges and Payments</Trans>\n                    </h5>\n                    {this.state.Customerportal ? (\n                      <div className=\"subheadings\">\n                        <Trans>Charges of the customs clearance service will be available here and the payment can be done precisely from the same platform.</Trans>\n                        {/* <div className=\"know_more\">\n                          <b><Link to=\"/features/#Accounting\"><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div> */}\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Invoicing\" onClick={e => this.Schedule(e, 'Invoicing')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Invoicing ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n\n                    </div>\n                    <h5 id=\"feature__Invoicing\" onClick={e => this.Schedule(e, 'Invoicing')}>\n                      <Trans>Notes</Trans>\n                    </h5>\n                    {this.state.Invoicing ? (\n                      <div className=\"subheadings\">\n                        <Trans>Any important notes or points that must be remembered can be included through the app so that different people involved in the process can see and follow the instructions.</Trans>\n                        {/* <div className=\"know_more\">\n                          <b><Trans>KNOW MORE</Trans></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div> */}\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Emailing\" onClick={e => this.Schedule(e, 'Emailing')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Emailing ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n                    </div>\n                    <h5 id=\"feature__Emailing\" onClick={e => this.Schedule(e, 'Emailing')}>\n                      <Trans>Multilingual Interface</Trans>\n                    </h5>\n                    {this.state.Emailing ? (\n                      <div className=\"subheadings\">\n                        <Trans>Different languages in different locations do not make the operation slow anymore. Languages integrated into the app avoid the barrier of languages in the international process.</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#multilingual\" target=\"_blank\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Customizable\" onClick={e => this.Schedule(e, 'Customizable')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Customizable ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n\n                    </div>\n                    <h5 id=\"feature__Customizable\" onClick={e => this.Schedule(e, 'Customizable')}>\n                      <Trans>MultiCurrency</Trans>\n                    </h5>\n                    {this.state.Customizable ? (\n                      <div className=\"subheadings\">\n                        <Trans>Even though each event in a process happens in different places with different currencies the transactions will be easy with the multi-currency characteristic integration in the app.</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#multicurrency\" target=\"_blank\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n\n                </ul>\n              </div>\n\n              <div className=\"col-md-6 second_row_align\">\n                <ul>\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Movement\" onClick={e => this.Schedule(e, 'Movement')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Movement ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n\n                    </div>\n                    <h5 id=\"feature__Movement\" onClick={e => this.Schedule(e, 'Movement')}>\n\n                      <Trans>Direct Mailing and Attachment Facility</Trans>\n                    </h5>\n                    {this.state.Movement ? (\n                      <div className=\"subheadings\">\n                        <Trans>Intercommunication or communication with the customers through the mail is easy with a direct mailing facility. The document attachment is an added advantage.</Trans>\n                        {/* <div className=\"know_more\">\n                          <b><Trans>KNOW MORE</Trans></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div> */}\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__pdaDevice\" onClick={e => this.Schedule(e, 'pdaDevice')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.pdaDevice ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n\n                    </div>\n                    <h5 id=\"feature__pdaDevice\" onClick={e => this.Schedule(e, 'pdaDevice')}>\n                      <Trans>Proforma Invoice</Trans>\n                    </h5>\n                    {this.state.pdaDevice ? (\n                      <div className=\"subheadings\">\n                        <Trans>Users can generate proforma invoices instantly to provide customers an overview of the charges and payments.</Trans>\n                        {/* <div className=\"know_more\">\n                          <b><Trans>KNOW MORE</Trans></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div> */}\n                      </div>\n                    ) : null\n                    }\n                  </li>\n                </ul>\n              </div>\n            </div>\n          </div>\n        </div>\n\n\n        <div class=\"end_divis_customdetails\">\n          <div className=\"header_contents_sections text-right\"></div>\n          <div className=\"container\">\n            <div className=\"row\">\n              <div class=\"col-sm-12\">\n                <Photo\n                  src=\"Bottom Image-11.svg\"\n                  class=\"innerimage\"\n                  alt=\"\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\nexport default withTranslation()(CustomClearance)\nexport const query = graphql`\n  query($language: String!) {\n    locales: allLocale(filter: {language: {eq: $language}}) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`;","import React from 'react';\nimport Header from \"../header\";\nimport Footer from \"../../components/common/footer\";\nimport CustomClearance from '../../components/common/customdetails';\nimport { graphql } from \"gatsby\";\nimport { Helmet } from \"react-helmet\";\nimport { useTranslation, Trans, I18nextContext ,Link} from \"gatsby-plugin-react-i18next\";\n\nconst GATSBY_LANDING_PAGE_URL = process.env.GATSBY_LANDING_PAGE_URL\n const Customclearance = () => {\n  const { language } = React.useContext(I18nextContext)\n  const buildCanonicalUrl = () =>\n  language === \"en\"\n    ? GATSBY_LANDING_PAGE_URL + \"/product/customs-clearance-software/\"\n    : GATSBY_LANDING_PAGE_URL + `/${language}/product/customs-clearance-software/`\n    const canoncalUrl = buildCanonicalUrl();\n\n    const buildHrefUrl = () =>\n    language === \"en\"\n      ? JSON.parse(JSON.stringify(GATSBY_LANDING_PAGE_URL + \"/\"))\n      : JSON.parse(JSON.stringify(GATSBY_LANDING_PAGE_URL +`/${language}/`))\n  const hrefUrl = buildHrefUrl();\n\n     const { t } = useTranslation()\n    return (\n        <div>\n             <Header/>\n            <CustomClearance/>\n            <Footer/>\n            <Helmet>\n\n<script\n  dangerouslySetInnerHTML={{\n    __html: `\n\n<!-- Google Tag Manager -->\n\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-TK7M58Z');</script>\n\n  `,\n\n  }}\n/>\n\n<script\n  dangerouslySetInnerHTML={{\n    __html: `\n\n<!-- Google Tag Manager -->\n\n<noscript><iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-TK7M58Z\"\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript>    \n  `,\n  }}\n/>\n<meta charSet=\"utf-8\" />\n<title>{t('Customs Clearance Software - Customs Management System')}</title>\n<Link rel=\"canonical\" href={canoncalUrl} />\n<Link rel=\"alternate\" href={hrefUrl} hreflang={language} />\n<meta name=\"description\" content={t(\"Try Logipulse customs clearance software to get quick clearance and create an unstoppable supply chain flow. Our Customs Management System/  Customs Clearance app eases the processing of customs clearance, customs examination and everything that is involved in the supply chain business.\")} />\n<meta name=\"Keywords\" content={t(\"customs clearance software, customs clearance app, customs clearance system\")}/>\n          </Helmet>\n        </div>\n    )\n}\nexport const query = graphql`\n  query($language: String!) {\n    locales: allLocale(filter: {language: {eq: $language}}) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`;\nexport default Customclearance;"],"sourceRoot":""}