{"version":3,"sources":["webpack:///./src/services/country-service.js","webpack:///./src/graphql/country.js","webpack:///./src/constant/country-code-enum.js","webpack:///./src/constant/operation-mode-enum.js","webpack:///./src/components/common/SuccessAlert.js","webpack:///./src/components/common/ErrorAlert.js","webpack:///./src/pages/free-trial-old-code-backup.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","module","exports","CountryCode","US","Create","Confirm","SuccessAlert","props","useState","showAlertMessage","setShowAlertMessage","useEffect","message","undefined","timer","setTimeout","clearTimeout","className","role","style","marginTop","ErrorAlert","customStyles","content","top","left","right","bottom","marginRight","transform","alertBoxStyle","width","initialFormValue","fullName","companyName","countryGuid","email","mobileNo","otp","FreeTrial","language","React","useContext","I18nextContext","canonicalUrl","GATSBY_LANDING_PAGE_URL","hrefUrl","JSON","parse","stringify","t","useTranslation","setAlertType","alert_message","setAlertMessage","formValues","setformValues","isLoading","setLoading","isModalOpen","setModelOpen","checked","setCheckBoxValue","showVerification","setShowVerification","countryList","setCountryList","operationMode","setOperationMode","isLoadingCountry","setCountryLoading","selected_country_code","setCountryCode","isAlertModalOpen","setAlertModelOpen","handleAlertModalClose","event","getLanguageGuidByCode","currentLanguageCode","langFromLocalStore","localStorage","getItem","length","find","Code","LanguageId","getCountries","useCallback","countryResult","getCountryData","response","data","map","value","GroupGuid","display","Name","isoCode","ISOCode","sort","b","isApiSubscribed","then","res","fetch","json","geoLocation","countryCode","country_code","countryPhoneCode","country_calling_code","selectedCountryList","filter","obj","catch","err","handleChange","target","name","submitHandler","preventDefault","inputData","validate","getRegisteredUserByEmail","getMessages","MESSAGE","EMAIL_ALREADY_REGISTERED","validationMessage","createTrialUser","errMessage","errorMessage","inputObj","verifyOTP","setItem","redirectToCredentialPage","navigate","handleModalClose","isValid","errors","match","resendConfirmationCode","currentLanguage","resendOTP","valueFields","V1","getValueMessages","OTP_SENT_TO_MAIL","OTP_SENT_TO_MOBILE_NUMBER","Promise","resolve","reject","error","rel","href","hreflang","lang","to","src","alt","id","disabled","onSubmit","autoComplete","Group","controlId","Label","Control","type","onChange","autoFocus","required","as","elmt","key","country","containerClass","inputClass","enableSearch","formattedValue","formData","placeholder","onClick","defaultChecked","isOpen","onRequestClose","contentLabel","aria-labelledby","centered","data-dismiss","aria-label","aria-hidden","icon","faExclamationCircle"],"mappings":"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","file":"component---src-pages-free-trial-old-code-backup-js-3508304cc221434104e7.js","sourcesContent":["\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  }`;","const CountryCode = {\n    US: 'us'\n}\n\nmodule.exports = {\n    CountryCode\n}","module.exports = {\n    Create: 'Create',\n    Confirm: 'Confirm'\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};","import React, { useEffect, useState, useCallback } from \"react\";\nimport { Trans, I18nextContext, Link } from 'gatsby-plugin-react-i18next';\nimport Photo from \"../components/Photo\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport Form from \"react-bootstrap/Form\";\nimport \"../styles/purchase.scss\";\nimport \"../styles/freetrial.scss\";\nimport \"../styles/common_style.scss\";\nimport { getCountry } from '../services/country-service';\nimport { Fragment } from 'react';\nimport Modal from 'react-modal';\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faExclamationCircle } from \"@fortawesome/free-solid-svg-icons\";\nimport SuccessAlert from '../components/common/SuccessAlert';\nimport ErrorAlert from '../components/common/ErrorAlert';\nimport { navigate } from \"gatsby\";\nimport { useTranslation } from \"react-i18next\";\nimport { createTrialUser, verifyOTP, resendOTP } from \"../services/trial-tenant-identity-service\";\nimport { getRegisteredUserByEmail } from \"../services/tenant-identity-service\";\nimport PhoneInput from 'react-phone-input-2';\nimport 'react-phone-input-2/lib/style.css';\nimport { Create, Confirm } from \"../constant/operation-mode-enum\";\nimport { Helmet } from \"react-helmet\";\nimport { getMessages, getValueMessages } from '../services/language-service';\nimport { CountryCode } from \"../constant/country-code-enum\";\nimport { MESSAGE } from '../constant/message-enum';\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 customStyles = {\n    content: {\n        top: '50%',\n        left: '50%',\n        right: 'auto',\n        bottom: 'auto',\n        marginRight: '-50%',\n        transform: 'translate(-50%, -50%)',\n        // width: '800px',\n        // padding: '48px'\n    }\n};\n\nconst alertBoxStyle = {\n    content: {\n        top: '50%',\n        left: '50%',\n        right: 'auto',\n        bottom: 'auto',\n        marginRight: '-50%',\n        transform: 'translate(-50%, -50%)',\n        width: '500px',\n        // padding: '48px',\n    }\n};\n\nconst initialFormValue = {\n    fullName: \"\",\n    companyName: \"\",\n    countryGuid: \"\",\n    email: \"\",\n    mobileNo: \"\",\n    otp: \"\"\n}\n\nfunction FreeTrial() {\n    const { language } = React.useContext(I18nextContext);\n    const buildCanonicalUrl = () =>\n        language === \"en\"\n            ? GATSBY_LANDING_PAGE_URL + \"/free-trial/\"\n\n            : GATSBY_LANDING_PAGE_URL + `/${language}/free-trial/`;\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 [alert_type, setAlertType] = useState(\"\");\n    const [alert_message, setAlertMessage] = useState('');\n    const [formValues, setformValues] = useState(initialFormValue);\n    const [isLoading, setLoading] = useState(false);\n    const [isModalOpen, setModelOpen] = useState(false);\n    const [checked, setCheckBoxValue] = useState(false);\n    const [showVerification, setShowVerification] = useState(false);\n    const [countryList, setCountryList] = useState([]);\n    const [operationMode, setOperationMode] = useState('');\n    const [isLoadingCountry, setCountryLoading] = useState(false);\n    const [selected_country_code, setCountryCode] = useState(\"\");\n    const [isAlertModalOpen, setAlertModelOpen] = useState(false);\n\n    const handleAlertModalClose = async (event) => {\n        setAlertModelOpen(false);\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    useEffect(() => {\n        let isApiSubscribed = true;\n        let countryList = [];\n\n        getCountries()\n            .then(async (res) => {\n                countryList = res;\n                fetch(GEOLOCATION_URL)\n                    .then(data => data.json())\n                    .then(json => {\n                        if (isApiSubscribed) {\n                            let geoLocation = json;\n                            if (isApiSubscribed) {\n\n                                let countryCode = geoLocation.country_code;\n                                let countryPhoneCode = geoLocation.country_calling_code;\n                                let value = { ...initialFormValue };\n\n                                if (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                    })\n                    .catch(err => {});\n            }).catch(err => {\n            });\n        return () => {\n            isApiSubscribed = false;\n        };\n    }, [getCountries]);\n\n    const handleChange = (event) => {\n        const value = { ...formValues };\n        value[event.target.name] = event.target.value;\n        setformValues(value);\n    }\n\n    const clearAlertType = () => {\n        setAlertType(\"\");\n        setAlertMessage(\"\");\n    }\n\n    const submitHandler = async (event) => {\n        event.preventDefault();\n        clearAlertType();\n        let currentLanguageCode = `${language}`;\n        let inputData = {\n            \"fullName\": formValues.fullName,\n            \"companyName\": formValues.companyName,\n            \"countryGuid\": formValues.countryGuid,\n            \"email\": formValues.email,\n            \"mobileNo\": formValues.mobileNo,\n            \"country_code\": selected_country_code\n        }\n\n        let isValid = validate();\n\n        if (isValid) {\n            if (!checked) {\n                setAlertType(\"ERROR\");\n                setAlertMessage(\"You must agree with terms and conditions.\");\n                setAlertModelOpen(true);\n            }\n            else {\n                if (operationMode === Create) {\n                    setLoading(true);\n\n                    let checkEmailAlreadyRegistered = await getRegisteredUserByEmail(formValues.email);\n\n                    if (checkEmailAlreadyRegistered.length > 0) {\n                        let validationMessage = await getMessages(MESSAGE.EMAIL_ALREADY_REGISTERED, currentLanguageCode);\n                        setAlertType(\"ERROR\");\n                        setAlertMessage(validationMessage);\n                        setAlertModelOpen(true);\n                        setLoading(false);\n                    } else {\n                        createTrialUser(inputData).then(res => {\n                            setLoading(false);\n                            setShowVerification(true);\n                            setAlertType(\"SUCCESS\")\n                            setAlertMessage(res.data);\n                            setAlertModelOpen(true);\n                        }).catch((err) => {\n                            setLoading(false);\n                            if (err.response) {\n                                let errMessage = err.response.data.errorMessage;\n                                setAlertType(\"ERROR\")\n                                setAlertMessage(errMessage);\n                                setAlertModelOpen(true);\n                            }\n                        });\n                    }\n                } else {\n                    setLoading(true);\n                    let inputObj = {\n                        \"email\": formValues.email,\n                        \"confirmationCode\": formValues.otp\n                    }\n\n                    verifyOTP(inputObj).then(res => {\n                        setLoading(false);\n                        setShowVerification(true);\n                        let errMessage = res.data;\n                        setAlertType(\"SUCCESS\")\n                        setAlertMessage(errMessage);\n                        setAlertModelOpen(true);\n                        localStorage.setItem('userinfo', JSON.stringify(inputData));\n                        redirectToCredentialPage();\n                    }).catch(err => {\n                        setLoading(false);\n                        if (err.response) {\n                            let errMessage = err.response.data.errorMessage;\n                            setAlertType(\"ERROR\")\n                            setAlertMessage(errMessage);\n                            setAlertModelOpen(true);\n                        }\n                    });\n                }\n            }\n        }\n    }\n\n    const redirectToCredentialPage = () => {\n        let currentLanguageCode = `${language}`;\n\n        if (currentLanguageCode === 'en') {\n            navigate(\"/trialcredentialpage\");\n        }\n        else {\n            navigate(`/${currentLanguageCode}/trialcredentialpage`);\n        }\n    }\n\n    const handleModalOpen = event => {\n        setModelOpen(true);\n    }\n\n    const handleModalClose = event => {\n        setModelOpen(false);\n    }\n\n    const handleCheck = () => {\n        setCheckBoxValue(!checked);\n    }\n\n    const validate = () => {\n        let isValid = true;\n        let errors = {};\n        // var regex = /^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/im;\n\n        if (!formValues.fullName || formValues.fullName.length === 0) {\n            isValid = false;\n            errors[\"fullName\"] = \"Full Name cannot be Blank.\";\n        } else if (!formValues.companyName || formValues.companyName.length === 0) {\n            isValid = false;\n            errors[\"companyName\"] = \"Company Name cannot be Blank.\";\n        } else if (!formValues.mobileNo) {\n            isValid = false;\n            errors[\"mobileNo\"] = \"Mobile Number cannot be Blank.\";\n        }\n        // else if (regex.test(formValues.mobileNo)) {\n        //     isValid = false;\n        //     errors[\"mobileNo\"] = \"Mobile Number is Invalid.\";\n        // }\n        else if (!formValues.email) {\n            isValid = false;\n            errors[\"email\"] = \"Email cannot be Blank.\";\n        } else if (!formValues.email.match(/^([\\w.%+-]+)@([\\w-]+\\.)+([\\w]{2,})$/i)) {\n            isValid = false;\n            errors[\"email\"] = \"Email is Invalid.\";\n        } else if (!formValues.otp && showVerification) {\n            isValid = false;\n            errors[\"otp\"] = \"OTP cannot be Blank.\";\n        }\n\n        return isValid;\n    }\n\n    const resendConfirmationCode = async (event) => {\n        event.preventDefault();\n        let currentLanguage = `${language}`;\n        setAlertType(\"\");\n        setAlertMessage(\"\");\n        setLoading(true);\n        let validationMessage = \"\";\n\n        let inputData = {\n            \"email\": formValues.email\n        }\n\n        resendOTP(inputData).then(async (res) => {\n            if (selected_country_code === CountryCode.US) {\n                let valueFields = { V1: formValues.email };\n                validationMessage = await getValueMessages(MESSAGE.OTP_SENT_TO_MAIL, currentLanguage, JSON.stringify(valueFields));\n            } else {\n                let valueFields = { V1: formValues.mobileNo };\n                validationMessage = await getValueMessages(MESSAGE.OTP_SENT_TO_MOBILE_NUMBER, currentLanguage, JSON.stringify(valueFields));\n            }\n            setAlertType(\"SUCCESS\");\n            setAlertMessage(validationMessage);\n            setAlertModelOpen(true);\n            setLoading(false);\n        }).catch(err => {\n            let errMessage = err.response.data.errorMessage;\n            setAlertType(\"ERROR\");\n            setAlertMessage(errMessage);\n            setAlertModelOpen(true);\n            setLoading(false);\n        });\n    }\n\n    const getCountryData = (languageGuid) => {\n        return new Promise((resolve, reject) => {\n            getCountry(languageGuid).then(data => {\n                resolve(data);\n            }).catch((error) => {\n                reject(error);\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_country_code = data.countryCode;\n        setCountryCode(selected_country_code);\n    };\n\n\n    return (\n        <div>\n            <Helmet>\n                <title>\n                    {t(\"Logipulse – Free-Trial\")}\n                </title>\n                <Link rel=\"canonical\" href={canonicalUrl} />\n                <Link rel=\"alternate\" href={hrefUrl} hreflang={language} />\n\n            </Helmet>\n            <main className=\"purchase-page freetrial_page_main\" lang={language}>\n                <div className=\"purchase-page-div freetrial_page_main_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_freetrial freetrial_content_row_div padding_tb_45\" lang={language}>\n                            <div className=\"col-md-6\">\n                                <div className=\"contents purchasecontents\">\n                                    <Link to=\"/\" language={language}>{\" \"}<Photo src=\"LogiPulse-Logo-H48.svg\" className=\"photo-size\" alt=\"\" />{\" \"}</Link>\n                                    <p><Trans>Here starts your novel opportunity to lead the competition.</Trans><Trans>Logipulse renders you a digital transformation to your Logistics operation.</Trans><Trans>Spread out your wings around the world and manage them from a single platform.</Trans><Trans>Head out of adversity!</Trans></p>\n                                    <Link to=\"/login/\" className=\"sign-up signpurchase getsign\"><Trans>Sign In</Trans></Link>\n                                </div>\n                            </div>\n                            <div className=\"col-md-6\">\n                                <div className=\"contents\">\n\n                                    <div className=\"purchase_heading_section\">\n                                        <div className=\"profile\"><b><Trans>Trial Sign Up</Trans></b></div>\n                                        <div className=\"purchase_progress\">\n                                            <ul id=\"progressbar_purchase\">\n                                                <li className=\"active\"></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><Trans>Full Name</Trans><span className=\"mandatory\"><sup>*</sup></span></Form.Label>\n                                                <Form.Control type=\"text\" name='fullName' value={formValues.fullName}\n                                                    onChange={handleChange} autoFocus required disabled={showVerification} />\n                                            </Form.Group>\n\n\n                                            <Form.Group controlId=\"formCompany\">\n                                                <Form.Label><Trans>Company Name</Trans><span className=\"mandatory\"><sup>*</sup></span></Form.Label>\n                                                <Form.Control type=\"text\" name=\"companyName\" value={formValues.companyName}\n                                                    onChange={handleChange} required disabled={showVerification} />\n                                            </Form.Group>\n\n\n                                            <Form.Group className=\"mb-3\" controlId=\"exampleForm.ControlSelect1\" lang={language}>\n                                                {isLoadingCountry && (\n                                                    <Photo src=\"transparent-loader.png\" className=\"select_control_loader\" alt=\"\" />\n                                                )}\n                                                <Form.Label><Trans>Country</Trans><span className=\"mandatory\"><sup>*</sup></span></Form.Label>\n                                                <Form.Control as=\"select\" required disabled={showVerification} name=\"countryGuid\" value={formValues.countryGuid} onChange={handleChange} lang={language}>\n                                                    {countryList && countryList.map((elmt) => <option key={elmt.value} value={elmt.value}>{t(elmt.display)}</option>)}\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={'us'}\n                                                    containerClass=\"my-container-class\"\n                                                    inputClass=\"phone_input_class\"\n                                                    required=\"true\"\n                                                    enableSearch=\"true\"\n                                                    value={formValues.mobileNo}\n                                                    onChange={phoneInputOnChange}\n                                                    disabled={showVerification}\n                                                /></div>\n\n\n\n\n                                            {/* <Form.Group controlId=\"mobileNo\">\n                                                        <Form.Label><Trans>Mobile Number</Trans><span className=\"mandatory\"><sup>*</sup></span></Form.Label>\n                                                 \n                                                    <PhoneInput\n                                                        country={'us'}\n                                                        containerClass=\"my-container-class\"\n                                                        inputClass=\"my-input-class\"\n                                                        inputStyle={{\n                                                            height: \"40px\",\n                                                            width: \"100%\",\n                                                            border: \"2px solid #bbbbbb\"\n                                                        }}\n                                                        required\n                                                        value={formValues.mobileNo}\n                                                        onChange={phoneInputOnChange}\n                                                        disabled={showVerification}\n                                                    />\n                                            </Form.Group> */}\n\n                                            <Form.Group controlId=\"email\" >\n                                                <Form.Label><Trans>Email</Trans><span className=\"mandatory\"><sup>*</sup></span></Form.Label>\n                                                <Form.Control\n                                                    type=\"email\" name=\"email\"\n                                                    value={formValues.email} disabled={showVerification}\n                                                    placeholder={t(\"Enter your Email\")}\n                                                    onChange={handleChange} required />\n                                            </Form.Group>\n\n                                            {\n                                                showVerification ? (\n                                                    <Fragment>\n                                                        {/* <div className=\"align-item\">\n                                                            <div className=\"ok-msgs\">\n                                                                <Trans>OTP is sent to mobile number. </Trans>\n                                                            </div>\n\n                                                            <div>\n                                                                <Link to=\"#\" className=\"resend_otps\" onClick={resendConfirmationCode}><Trans>Resend OTP</Trans></Link>\n                                                            </div>\n                                                        </div> */}\n\n                                                        <div className=\"otp_form_group_arr\">\n                                                            <Form.Group controlId=\"formBasicOtp\">\n                                                                <div className=\"justify_space_between display_flex\">\n                                                                    <Form.Label className=\"otp_content\"><Trans>OTP</Trans></Form.Label>\n                                                                    <Link to=\"#\" className=\"resend_otps\" onClick={resendConfirmationCode}><Trans>Resend OTP</Trans></Link>\n                                                                </div>\n                                                                <Form.Control\n                                                                    type=\"text\" name=\"otp\" autoFocus\n                                                                    value={formValues.otp}\n                                                                    onChange={handleChange} required\n                                                                />\n                                                            </Form.Group>\n                                                        </div>\n                                                    </Fragment>\n\n                                                ) : null\n                                            }\n\n                                            <div id=\"main\" lang={language}>\n                                                <div className=\"form-group form-check terms_condition_button\" lang={language}>\n                                                    <div className=\"chkbox-agree-section\" lang={language}>\n                                                        <input type=\"checkbox\" className=\"form-check-inputs\" onChange={handleCheck} defaultChecked={checked} />\n\n                                                        <div className=\"agree-section\" lang={language}>\n                                                            <span><Trans>I agree</Trans> <Link to=\"#\" onClick={handleModalOpen}><Trans>Terms & Conditions</Trans></Link></span>\n                                                        </div>\n                                                    </div>\n                                                    <div className=\"align-btn\">\n                                                        <Form.Group className=\"next_button_align\">\n                                                            {\n                                                                !showVerification ? (\n                                                                    <button type=\"submit\" className=\"trial_submit_button font_12 muller_medium display_flex flex_align_center justify_center pointer position_relative\" disabled={isLoading} onClick={() => setOperationMode(Create)}><Trans>NEXT</Trans>\n                                                                        {\n                                                                            isLoading ? (\n                                                                                <Photo src=\"loader_64.gif\" className=\"spinner\" alt=\"\" />\n                                                                            ) : null\n                                                                        }\n                                                                    </button>\n                                                                ) :\n                                                                    <button type=\"submit\" className=\"trial_submit_button font_12 muller_medium display_flex flex_align_center justify_center pointer position_relative\" disabled={isLoading} onClick={() => setOperationMode(Confirm)}><Trans>NEXT</Trans>\n                                                                        {\n                                                                            isLoading ? (\n                                                                                <Photo src=\"loader_64.gif\" className=\"spinner\" alt=\"\" />\n                                                                            ) : null\n                                                                        }\n                                                                    </button>\n                                                            }\n                                                        </Form.Group>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </Form>\n                                    </fieldset>\n\n                                    <Modal\n                                        isOpen={isModalOpen}\n                                        onRequestClose={handleModalClose}\n                                        contentLabel=\"Example Modal In Gatsby\"\n                                        style={customStyles} className=\"modal_padding\"\n                                        aria-labelledby=\"contained-modal-title-vcenter\"\n                                        centered\n                                    >\n                                        <div className=\"modal-header\">\n                                            <h5 className=\"modal-title ml-0\">Terms & Conditions</h5>\n                                            <button type=\"button\" className=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" onClick={handleModalClose}>\n                                                <span aria-hidden=\"true\" className=\"imges\"> <Photo src=\"close-black.svg\" alt=\"\" /></span>\n                                            </button>\n                                        </div>\n                                        <div className=\"modal-body text-left content_scroll height_400\">\n                                            <div className=\"termscondition\"><b>USE OF SITE</b></div>\n                                            <div className=\"termscondition_content\">The contents of this Site are the property of STELLOSYS or are licensed to STELLOSYS by a third party. Except as stated above, or unless otherwise expressly stated, no license is granted herein expressly, implied or otherwise under any patent, trademark, copyright or other intellectual property of STELLOSYS or any third party.</div>\n                                            <div className=\"termscondition\"><b>ACCESS AND INTERFERENCE</b></div>\n                                            <div className=\"termscondition_content\">The contents of this Site are the property of STELLOSYS or are licensed to STELLOSYS by a third party. Except as stated above, or unless otherwise expressly stated, no license is granted herein expressly, implied or otherwise under any patent, trademark, copyright or other intellectual property of STELLOSYS or any third party.</div>\n                                            <div className=\"termscondition\"><b>NON-DISCLOSURE</b></div>\n                                            <div className=\"termscondition_content\">Unless otherwise agreed, each contracting party will treat any information (including documentation, samples etc.) disclosed to it by STELLOSYS as a trade secret, use such information solely for the purpose of the Contract, and refrain from disclosing it to any third parties.</div>\n                                            <div className=\"termscondition\"><b>LIMITATION OF LIABILITY</b></div>\n                                            <div className=\"termscondition_content\">Except for actions or claims arising from the gross negligence or intentional or wilful misconduct, liability to STELLOSYS shall be limited to the compensation fees based upon the contract.</div>\n                                            <div className=\"termscondition\"><b>LINKS TO THIRD PARTY SITES</b></div>\n                                            <div className=\"termscondition_content\">STELLOSYS does not review or control and is thus not responsible for any third-party sites or their content. Such links should not be assumed to constitute an endorsement or recommendation by STELLOSYS. By clicking on any of these links, you are leaving the STELLOSYS Site and accessing these other sites at your own risk.</div>\n\n                                            <div className=\"termscondition\"><b>COMMUNITY FORUMS</b></div>\n                                            <div className=\"termscondition_content\">STELLOSYS may provide chat room, bulletin boards, blogs or other user forums (“Forums”) that allow third parties to post content and comments. STELLOSYS has the right, but not the obligation, to review or monitor third postings (“Submissions”) and to remove Submissions that contains material STELLOSYS deems offensive, abusive, defamatory, obscene or otherwise unacceptable. However, STELLOSYS shall not be liable for claims arising from those Submissions whether arising under the laws of copyright, libel, privacy, obscenity or otherwise.</div>\n\n                                            <div className=\"termscondition\"><b>GOVERNING LAW</b></div>\n                                            <div className=\"termscondition_content\">These Terms shall be governed in all respects by the laws of the <b>The Cybersecurity Framework (NCFS)</b></div>\n\n                                            <div className=\"termscondition\"><b>IMPORT/EXPORT</b></div>\n                                            <div className=\"termscondition_content\">You may not access, download, use, or export information (including software, products or services) contained on this Site in violation of any applicable laws or regulations including, but not limited to the export laws of the European Union and United States.</div>\n\n                                            <div className=\"termscondition\"><b>PRIVACY</b></div>\n                                            <div className=\"termscondition_content\">For information on how STELLOSYS handles your personal information, see our Privacy Policy.</div>\n\n                                            <div className=\"termscondition\"><b>INDEMNIFICATION</b></div>\n                                            <div className=\"termscondition_content\">You agree to indemnify, defend and hold harmless, STELLOSYS, its subsidiaries, affiliates, joint ventures, business partners, licensors, employees, agents and third-party information providers from and against all losses, expenses, damages and costs, including attorney fees, resulting from any violation of these Terms (including negligent or wrongful conduct) by you or your use and access to the Site.</div>\n\n\n\n                                        </div>\n                                        <div className=\"modal-footer\">\n                                            <div className=\"learnmore\"><FontAwesomeIcon icon={faExclamationCircle} /><span className=\"learnmore-text\">Learn more</span></div>\n                                            <button type=\"button\" className=\"btn btn-primary\" data-dismiss=\"modal\" onClick={handleModalClose}>I AGREED!</button>\n                                        </div>\n\n                                    </Modal >\n\n                                    {/* Modal Start: - Alert modal */}\n                                    <Modal\n                                        isOpen={isAlertModalOpen}\n                                        onRequestClose={handleAlertModalClose}\n                                        contentLabel=\"Example Modal In Gatsby\"\n                                        style={alertBoxStyle} className=\"modal_padding\"\n                                        aria-labelledby=\"contained-modal-title-vcenter\"\n                                        centered\n                                    >\n                                        <div className=\"modal-body\">\n                                            <div className=\"termscondition_content pb-0\">{alert_message}</div>\n                                        </div>\n                                        <div className=\"modal-footer text_align_center pl-0 pr-0 mt-0 justify_space_around\">\n                                            <button type=\"button\" className=\"btn btn-primary\" data-dismiss=\"modal\" onClick={handleAlertModalClose}>OK</button>\n                                        </div>\n\n                                    </Modal >\n                                    {/* Modal End: - Alert modal */}\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 footer_row_editor align-content-center\">\n                                <div className=\"col-md-6 power\">\n                                    <div className=\"powered_by_font_style\"><Trans>Powered by</Trans></div>\n                                    <Photo src=\"Stellosysyw-Logo.svg\" alt=\"\" className=\"powered_logo\" />\n                                </div>\n                                <div className=\"col-md-6 copyright copyright_flex_align\">\n                                    <div className=\"copyright_font_style\">\n                                        <Trans>Copyright 2021 Stellosys</Trans><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 FreeTrial;\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"],"sourceRoot":""}