{"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/pages/purchase-old-code-backup.js","webpack:///./src/services/useGeoLocation.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","initialFormValue","fullName","companyName","countryGuid","uuid","mobileNo","Purchase","language","React","useContext","I18nextContext","canonicalUrl","GATSBY_LANDING_PAGE_URL","hrefUrl","JSON","parse","stringify","t","useTranslation","useState","formValues","setformValues","isLoading","setLoading","countryList","setCountryList","location","useGeoLocation","isLoadingCountry","setCountryLoading","selected_dial_code","setDialCode","geo_location_country_code","setGeoLocationCountryCode","alert_type","setAlertType","alert_message","setAlertMessage","getCountryData","Promise","resolve","reject","then","data","catch","error","getLanguageGuidByCode","currentLanguageCode","langFromLocalStore","localStorage","getItem","console","log","undefined","length","find","Code","LanguageId","getCountries","useCallback","countryResult","response","map","value","GroupGuid","display","Name","isoCode","ISOCode","sort","b","useEffect","isApiSubscribed","res","fetch","json","countryCode","country_code","toLowerCase","selectedCountryList","filter","obj","err","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","setLocation","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-code-backup-js-28a987f2f4cdee88f81d.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 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    console.log('langFromLocalStore++++++++++++', langFromLocalStore);\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 => console.log(err));\n      }).catch(err => {\n        console.log(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","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","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":""}