{"version":3,"sources":["webpack:///./node_modules/uuid/dist/esm-browser/nil.js","webpack:///./src/services/country-service.js","webpack:///./src/graphql/country.js","webpack:///./src/services/useGeoLocation.js","webpack:///./src/pages/purchase-old-payment-code.js","webpack:///./src/constant/field-name-enum.js","webpack:///./src/components/common/SuccessAlert.js","webpack:///./src/components/common/ErrorAlert.js"],"names":["getCountry","languageGuid","a","searchParamArray","objSearchParam","SearchParam","searchParamCreate","SearchOperationBuilder","create","push","objCreator","ConditionCreator","objWhere","getSearchCondition","searchParam","toJsonString","countryConfig","API","process","graphql_headers","Amplify","configure","graphql","graphqlOperation","OperationList","useGeoLocation","useState","location","setLocation","useEffect","isApiSubscribed","fetch","then","data","json","catch","err","initialFormValue","fullName","companyName","countryGuid","uuid","mobileNo","Purchase","language","React","useContext","I18nextContext","canonicalUrl","GATSBY_LANDING_PAGE_URL","hrefUrl","JSON","parse","stringify","t","useTranslation","formValues","setformValues","isLoading","setLoading","countryList","setCountryList","isLoadingCountry","setCountryLoading","selected_dial_code","setDialCode","geo_location_country_code","setGeoLocationCountryCode","alert_type","setAlertType","alert_message","setAlertMessage","getCountryData","Promise","resolve","reject","error","getLanguageGuidByCode","currentLanguageCode","undefined","langFromLocalStore","localStorage","getItem","length","find","Code","LanguageId","getCountries","useCallback","countryResult","response","map","value","GroupGuid","display","Name","isoCode","ISOCode","sort","b","res","countryCode","country_code","toLowerCase","selectedCountryList","filter","obj","handleChange","event","target","name","submitHandler","preventDefault","validateInputData","validationFieldsConsole","getFieldConsoleMessages","MESSAGE","VALIDATION_EXCEPTION","validationResponse","setItem","navigate","inValidList","FIELD_NAME","FULL_NAME","COMPANY_NAME","COUNTRY","MOBILE_NUMBER","dangerouslySetInnerHTML","__html","charSet","rel","href","hreflang","content","data-react-helmet","className","lang","message","to","src","alt","id","disabled","onSubmit","autoComplete","Group","controlId","Label","Control","type","autoFocus","onChange","required","as","elmt","key","country","containerClass","inputClass","enableSearch","formattedValue","formData","dialCode","module","exports","LANGUAGE","EMAIL","LOGIPULSE_NEW_PASSWORD","SuccessAlert","props","showAlertMessage","setShowAlertMessage","timer","setTimeout","clearTimeout","role","style","marginTop","ErrorAlert"],"mappings":"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","file":"component---src-pages-purchase-old-payment-code-js-37a6684570d82ea288d2.js","sourcesContent":["export default '00000000-0000-0000-0000-000000000000';","\nimport { getCountries } from '../graphql/country';\nimport { Amplify, graphqlOperation, API } from 'aws-amplify';\nimport { SearchOperationBuilder, SearchParam } from 'wherecomposer/dist/SearchParam';\nimport { ConditionCreator } from 'wherecomposer/dist/ConditionCreator';\n\nlet countryAppsyncUrl = process.env.GATSBY_COUNTRY_APPSYNC_URL;\nlet countryApiKey = process.env.GATSBY_COUNTRY_API_KEY;\n\nconst getCountry = async (languageGuid) => {\n    let searchParamArray = [];\n    let objSearchParam = new SearchParam();\n    objSearchParam.searchParamCreate(\"LanguageGuid\", \"Guid\", languageGuid, SearchOperationBuilder.create(true, false, false));\n    searchParamArray.push(objSearchParam);\n\n    let objCreator = new ConditionCreator();\n    let objWhere = objCreator.getSearchCondition(searchParamArray);\n    let searchParam = objWhere.toJsonString();\n\n    const countryConfig = {\n        API: {\n            'graphql_endpoint': countryAppsyncUrl,\n            graphql_headers: async () => {\n                return {\n                    'x-api-key': countryApiKey\n                };\n            }\n        }\n    }\n\n    Amplify.configure(countryConfig);\n\n    return API.graphql(graphqlOperation(getCountries, { OperationList: searchParam }));\n}\n\nexport {\n    getCountry\n}","export var getCountry = `query getCountries($OperationList:[OperationList]){\n    getCountries(OperationList:$OperationList){\n      ID\n      CountryGuid\n      LanguageGuid\n      GroupGuid\n      CountryCode\n      CountryFlag\n      Name\n      Nationality\n      IsActive\n      ISOCode\n      Timestamp\n    }\n  }`;\n\nexport var getCountries = `query getCountries($OperationList:[OperationList]){\n    getCountries(OperationList:$OperationList) {\n      Name\n      GroupGuid\n      CountryCode\n      ISOCode\n    }\n  }`;","import { useState, useEffect } from \"react\";\n\nexport const useGeoLocation = () => {\n    const [location, setLocation] = useState(null);\n    const GEOLOCATION_URL = process.env.GEOLOCATION_URL; //ipapi.co provides a REST API to find the location of an IP address.\n\n    useEffect(() => {\n        let isApiSubscribed = true;\n\n        fetch(GEOLOCATION_URL)\n            .then(data => data.json())\n            .then(json => {\n                if (isApiSubscribed) {\n                    setLocation(json);\n                }\n            })\n            .catch(err => {});\n        return () => {\n            isApiSubscribed = false;\n        };\n    }, [GEOLOCATION_URL]);\n\n    return {\n        location\n    };\n};\n","import React, { useEffect, useState, useCallback } from \"react\";\nimport { Trans, I18nextContext, Link } from \"gatsby-plugin-react-i18next\";\nimport \"bootstrap/dist/css/bootstrap.min.css\"\nimport Form from \"react-bootstrap/Form\"\nimport Photo from \"../components/Photo\";\nimport \"../styles/purchase.scss\";\nimport \"../styles/common_style.scss\";\nimport { navigate } from \"gatsby\";\nimport { graphql } from \"gatsby\";\nimport { Helmet } from \"react-helmet\";\nimport { getCountry } from \"../services/country-service\";\nimport { getFieldConsoleMessages } from \"../services/language-service\";\nimport \"../styles/phoneInput.scss\";\nimport { useTranslation } from \"react-i18next\";\nimport PhoneInput from 'react-phone-input-2';\nimport 'react-phone-input-2/lib/style.css';\nimport { useGeoLocation } from \"../services/useGeoLocation\";\nimport * as uuid from \"uuid\";\nimport { MESSAGE } from '../constant/message-enum';\nimport { FIELD_NAME } from '../constant/field-name-enum';\nimport SuccessAlert from '../components/common/SuccessAlert';\nimport ErrorAlert from '../components/common/ErrorAlert';\n\nconst initialFormValue = {\n  fullName: \"\",\n  companyName: \"\",\n  countryGuid: uuid.NIL,\n  mobileNo: \"\",\n}\nconst GATSBY_LANDING_PAGE_URL = process.env.GATSBY_LANDING_PAGE_URL;\nconst GEOLOCATION_URL = process.env.GEOLOCATION_URL;\nconst ENGLISH_LANGUAGE_GUID = process.env.ENGLISH_LANGUAGE_GUID;\n\nconst Purchase = () => {\n  const { language } = React.useContext(I18nextContext);\n  const buildCanonicalUrl = () =>\n    language === \"en\"\n      ? GATSBY_LANDING_PAGE_URL + \"/purchase/\"\n      : GATSBY_LANDING_PAGE_URL + `/${language}/purchase/`;\n\n  const canonicalUrl = 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\n  const [formValues, setformValues] = useState(initialFormValue);\n  const [isLoading, setLoading] = useState(false);\n  const [countryList, setCountryList] = useState([]);\n  const { location } = useGeoLocation();\n  const [isLoadingCountry, setCountryLoading] = useState(false);\n  const [selected_dial_code, setDialCode] = useState(\"\");\n  const [geo_location_country_code, setGeoLocationCountryCode] = useState(\"\");\n  const [alert_type, setAlertType] = useState(\"\");\n  const [alert_message, setAlertMessage] = useState(\"\");\n\n  const getCountryData = (languageGuid) => {\n    return new Promise((resolve, reject) => {\n      getCountry(languageGuid)\n        .then(data => {\n          resolve(data)\n        })\n        .catch(error => {\n          reject(error)\n        })\n    })\n  }\n\n  const getLanguageGuidByCode = async (currentLanguageCode) => {\n    let languageGuid = ENGLISH_LANGUAGE_GUID;\n    let langFromLocalStore = JSON.parse(localStorage.getItem('languages'));\n\n    if (langFromLocalStore !== undefined && langFromLocalStore.length > 0) {\n      languageGuid = langFromLocalStore.find(language => language.Code === currentLanguageCode).LanguageId;\n    }\n\n    return languageGuid;\n  }\n\n  const getCountries = useCallback(async () => {\n    let countryResult = [];\n\n    try {\n      setCountryLoading(true);\n      let currentLanguageCode = `${language}`;\n      let languageGuid = await getLanguageGuidByCode(currentLanguageCode);\n      let response = await getCountryData(languageGuid);\n      countryResult = response.data.getCountries.map(value => {\n        return { value: value.GroupGuid, display: value.Name, isoCode: value.ISOCode }\n      });\n      countryResult.sort((a, b) => (a.display > b.display) ? 1 : -1);\n      setCountryList(countryResult);\n      setCountryLoading(false);\n      return countryResult;\n    } catch (error) {\n      setCountryLoading(false);\n    }\n  }, [language]);\n\n\n  useEffect(() => {\n    let isApiSubscribed = true;\n    let countryList = [];\n    getCountries()\n      .then(async (res) => {\n        countryList = res;\n\n        fetch(GEOLOCATION_URL)\n          .then(data => data.json())\n          .then(json => {\n            let geoLocation = json;\n            if (isApiSubscribed) {\n              let countryCode = geoLocation.country_code;\n              // let countryPhoneCode = geoLocation.country_calling_code;\n              let value = { ...initialFormValue };\n              setGeoLocationCountryCode(countryCode.toLowerCase());\n\n              if (countryList !== undefined && countryList !== null && countryList.length > 0) {\n                let selectedCountryList = countryList.filter((obj) => {\n                  return obj.isoCode === countryCode\n                });\n\n                if (selectedCountryList.length > 0) {\n                  value['countryGuid'] = selectedCountryList[0].value;\n                }\n              }\n\n              // value['mobileNo'] = countryPhoneCode;\n              setformValues(value);\n            }\n          })\n          .catch(err => {});\n      }).catch(err => {\n      });\n\n    return () => {\n      isApiSubscribed = false;\n    };\n  }, [getCountries, location]);\n\n\n  const handleChange = event => {\n    const value = { ...formValues }\n    value[event.target.name] = event.target.value\n    setformValues(value)\n  }\n\n  const submitHandler = async (event) => {\n    event.preventDefault();\n    setAlertType(\"\");\n    setAlertMessage(\"\");\n    let currentLanguageCode = `${language}`;\n    setLoading(true);\n\n    let validationFieldsConsole = await validateInputData(formValues);\n\n    //Throw error if validation fails\n    if (validationFieldsConsole.length > 0) {\n      let validationResponse = await getFieldConsoleMessages(MESSAGE.VALIDATION_EXCEPTION, currentLanguageCode, validationFieldsConsole);\n      setAlertType(\"ERROR\");\n      setAlertMessage(validationResponse);\n      setLoading(false);\n    } else {\n      localStorage.setItem(\"userinfo\", JSON.stringify(formValues));\n      setLoading(false);\n      if (currentLanguageCode === \"en\") {\n        navigate(`/emailverification`);\n      } else {\n        navigate(`/${language}/emailverification`);\n      }\n    }\n  }\n\n  const phoneInputOnChange = (value, data, event, formattedValue) => {\n    const formData = { ...formValues };\n    formData['mobileNo'] = '+' + value;\n    setformValues(formData);\n    let selected_dial_code = '+' + data.dialCode;\n    setDialCode(selected_dial_code);\n  }\n\n  const validateInputData = (formValues) => {\n    let inValidList = [];\n\n    if (formValues.fullName === null || formValues.fullName === \"\" || formValues.fullName === undefined) {\n      inValidList.push(FIELD_NAME.FULL_NAME);\n    }\n\n    if (formValues.companyName === null || formValues.companyName === \"\" || formValues.companyName === undefined) {\n      inValidList.push(FIELD_NAME.COMPANY_NAME);\n    }\n\n    if (formValues.countryGuid === null || formValues.countryGuid === \"\" || formValues.countryGuid === undefined || formValues.countryGuid === uuid.NIL) {\n      inValidList.push(FIELD_NAME.COUNTRY);\n    }\n\n    if (formValues.mobileNo === null || formValues.mobileNo === \"\" || formValues.mobileNo === undefined || formValues.mobileNo === selected_dial_code) {\n      inValidList.push(FIELD_NAME.MOBILE_NUMBER);\n    }\n\n    return inValidList;\n  }\n\n\n  return (\n    <div>\n      <Helmet>\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':\n        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n        j=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        <script\n          dangerouslySetInnerHTML={{\n            __html: `\n        \n<!-- Google Tag Manager -->\n\n        <noscript><iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-TK7M58Z\"\n        height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript>    \n            `,\n          }}\n        />\n        <meta charSet=\"utf-8\" />\n        <title>Buy License - Logipulse Software Purchase</title>\n\n        <Link rel=\"canonical\" href={canonicalUrl} />\n        <Link rel=\"alternate\" href={hrefUrl} hreflang={language} />\n        <meta\n          name=\"description\"\n          content={t(\"Try Logipulse software solutions and experience impeccable logistics management from a single platform. Transform your logistics operations to the next level with Logipulse solutions.\")}\n        />\n        <meta\n          name=\"Keywords\"\n          content={t(\"Logistics software purchase, buy logistics solutions\")}\n          data-react-helmet=\"true\"\n        />\n      </Helmet>\n      <main className=\"purchase-page\" lang={language}>\n        <div className=\"purchase-page-div\" lang={language}>\n          <div className=\"container\">\n            {\n              alert_type === 'SUCCESS' ? (<SuccessAlert message={alert_message} />) : null\n            }\n\n            {\n              alert_type === 'ERROR' ? (<ErrorAlert message={alert_message} />) : null\n            }\n\n            <div className=\"row purchase-total\" lang={language}>\n              <div className=\"col-md-6\">\n                <div className=\"contents purchasecontents\">\n                  <Link to=\"/\" language={language}>\n                    {\" \"}\n                    <Photo\n                      src=\"LogiPulse-Logo-H48.svg\"\n                      className=\"photo-size\"\n                      alt=\"\"\n                    />{\" \"}\n                  </Link>\n                  <p>\n                    <Trans>\n                      Here starts your novel opportunity to lead the\n                      competition.\n                    </Trans>\n                    <Trans>\n                      Logipulse renders you a digital transformation to your\n                      Logistics operation.\n                    </Trans>\n                    <Trans>\n                      Spread out your wings around the world and manage them\n                      from a single platform.\n                    </Trans>\n                    <Trans>Head out of adversity!</Trans>\n                  </p>\n                  <Link\n                    to=\"/login/\"\n                    className=\" sign-up signpurchase getsignin\"\n                  >\n                    <Trans>Sign In</Trans>\n                  </Link>\n                </div>\n              </div>\n              <div className=\"col-md-6\">\n                <div className=\"contents\">\n\n                  {/* <!-- multistep form --> */}\n                  <div className=\"purchase_heading_section\">\n                    <div className=\"profile\">\n                      <b>\n                        <Trans>Sign Up</Trans>\n                      </b>\n                    </div>\n                    <div className=\"purchase_progress\">\n                      <ul id=\"progressbar_purchase\">\n                        <li className=\"active\"></li>\n                        <li></li>\n                        <li></li>\n                        <li></li>\n                      </ul>\n                    </div>\n                  </div>\n\n                  <fieldset disabled={isLoading}>\n                    <Form onSubmit={submitHandler} autoComplete=\"off\">\n                      <Form.Group controlId=\"formFullName\">\n                        <Form.Label>\n                          <Trans>Full Name</Trans><span className=\"mandatory\"><sup>*</sup></span>\n                        </Form.Label>\n                        <Form.Control\n                          type=\"text\"\n                          name=\"fullName\"\n                          className=\"control-label\"\n                          autoFocus\n                          value={formValues.fullName}\n                          onChange={handleChange}\n                          required\n                        />\n                      </Form.Group>\n\n                      <Form.Group controlId=\"formCompany\">\n                        <Form.Label>\n                          <Trans>Company Name</Trans><span className=\"mandatory\"><sup>*</sup></span>\n                        </Form.Label>\n                        <Form.Control\n                          type=\"text\"\n                          name=\"companyName\"\n                          value={formValues.companyName}\n                          onChange={handleChange}\n                          required\n                        />\n                      </Form.Group>\n\n                      <Form.Group\n                        controlId=\"exampleForm.ControlSelect1\"\n                        lang={language}\n                      >\n                        {isLoadingCountry && (\n                          <Photo src=\"transparent-loader.png\" className=\"select_control_loader\" alt=\"\" />\n                        )}\n                        <Form.Label>\n                          <Trans>Country</Trans><span className=\"mandatory\"><sup>*</sup></span>\n                        </Form.Label>\n                        <Form.Control\n                          as=\"select\"\n                          required\n                          name=\"countryGuid\"\n                          value={formValues.countryGuid}\n                          onChange={handleChange}\n                          lang={language}\n                        >\n                          {countryList &&\n                            countryList.map(elmt => (\n                              <option key={elmt.value} value={elmt.value}>\n                                {t(elmt.display)}\n                              </option>\n                            ))}\n                        </Form.Control>\n                      </Form.Group>\n\n                      <div className=\"margin_bottom_16\">\n                        <Form.Label className=\"phone_input_label\"><Trans>Mobile Number</Trans><span className=\"mandatory\"><sup>*</sup></span></Form.Label>\n                        <PhoneInput\n                          country={geo_location_country_code}\n                          containerClass=\"my-container-class\"\n                          inputClass=\"phone_input_class\"\n                          required=\"true\"\n                          enableSearch=\"true\"\n                          value={formValues.mobileNo}\n                          onChange={phoneInputOnChange}\n                        />\n                      </div>\n\n                      <Form.Group className=\"display_flex justify_content_flex_end\">\n                        <button\n                          type=\"submit\"\n                          className=\"submit_button_common font_12 muller_medium display_flex flex_align_center justify_center pointer position_relative\"\n                          disabled={isLoading}\n                        ><Trans>NEXT</Trans>\n                          {\n                            isLoading ? (\n                              <Photo src=\"loader_64.gif\" className=\"spinner\" alt=\"\" />\n                            ) : null\n                          }\n                        </button>\n                      </Form.Group>\n                      <br></br>\n                    </Form>\n                  </fieldset>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <footer className=\"purchase-footer\">\n          <div className=\"purchase-footer-bottom\">\n            <div className=\"container\">\n              <div className=\"row align-content-center\">\n                <div className=\"col-md-4 power\">\n                  <div>\n                    <Trans>Powered by</Trans>\n                  </div>\n                  <Photo\n                    src=\"Stellosysyw-Logo.svg\"\n                    alt=\"\"\n                    className=\"powered_logo\"\n                  />\n                </div>\n                <div className=\"col-md-4 copyright\">\n                  <div>\n                    <Trans>Copyright 2021 Stellosys</Trans>\n                    <br /> <Trans>All rights Reserved.</Trans>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </footer>\n      </main>\n    </div>\n  )\n}\n\nexport default Purchase;\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`\n","const FIELD_NAME = {\n    LANGUAGE: \"3D74C390-BA94-11EA-B900-E989F81A2C16\",\n    COUNTRY: \"46210ED0-A979-11EA-A1CA-CD48149BE761\",\n    FULL_NAME: \"F11F45D0-1A39-11ED-9819-B5188091EA18\",\n    COMPANY_NAME: \"6BCC3A80-D622-11EA-AE02-57A132B33678\",\n    MOBILE_NUMBER: \"0FB3EE00-1D51-11ED-9819-B5188091EA18\",\n    EMAIL: \"59B5B030-12A3-11EA-909D-894EE92CA4F3\",\n    LOGIPULSE_NEW_PASSWORD: \"F869AB40-6539-11EE-B504-799720D4801A\"\n}\n\nmodule.exports = {\n    FIELD_NAME\n}","import React, { useEffect, useState } from \"react\";\nimport { Fragment } from 'react';\nimport \"../../styles/alert-message.scss\";\n\n\nexport default function SuccessAlert(props) {\n    const [showAlertMessage, setShowAlertMessage] = useState(false);\n\n    useEffect(() => {\n        if (props.message !== null && props.message !== undefined) {\n            setShowAlertMessage(true);\n        } else {\n            setShowAlertMessage(false);\n        }\n\n        let timer = setTimeout(() => setShowAlertMessage(false), 5000);\n        return () => {\n            clearTimeout(timer);\n        };\n    }, []);\n\n    return (\n        <Fragment>\n            {\n                showAlertMessage ? (\n                    <div className=\"alert alert-success success_alert_message\" role=\"alert\" style={{ marginTop: \"40px\" }}>\n                        {props.message}\n                    </div>\n                ) : null\n            }\n        </Fragment>\n    )\n};","import React, { useEffect, useState } from \"react\";\nimport { Fragment } from 'react';\nimport \"../../styles/alert-message.scss\";\n\nexport default function ErrorAlert(props) {\n    const [showAlertMessage, setShowAlertMessage] = useState(false);\n\n    useEffect(() => {\n        if (props.message !== null && props.message !== undefined) {\n            setShowAlertMessage(true);\n        } else {\n            setShowAlertMessage(false);\n        }\n\n        let timer = setTimeout(() => setShowAlertMessage(false), 5000);\n        return () => {\n            clearTimeout(timer);\n        };\n    }, []);\n\n    return (\n        <Fragment>\n            {\n                showAlertMessage ? (\n                    <div className=\"alert alert-danger success_alert_message\" role=\"alert\" style={{ marginTop: \"40px\" }}>\n                        {props.message}\n                    </div>\n                ) : null\n            }\n        </Fragment>\n    )\n};"],"sourceRoot":""}