{"version":3,"sources":["webpack:///./apps/account-setup/SelectBox.js","webpack:///./apps/account-setup/AccountSetupForms.js","webpack:///./apps/account-setup/consts.js","webpack:///./apps/account-setup/AccountSetupSuccess.js","webpack:///./apps/account-setup/StepHeader.js","webpack:///./apps/account-setup/MarketingBubbles.js","webpack:///./apps/account-setup/AccountSetupApp.js","webpack:///./apps/account-setup/index.js","webpack:///./components/account-setup/CustomerServiceCTA.js","webpack:///./components/account-setup/UserAgreementLinks.js","webpack:///./components/account-setup/HeaderMobile.js","webpack:///./components/account-setup/Sidebar.js","webpack:///./components/InvitesPreview.js","webpack:///./components/account-setup/AccountSetupLayout.js","webpack:///./components/meet/TextLinkBadge.js"],"names":["SelectBoxStyled","styled","select","getThemeProp","props","borderColor","SelectBox","children","value","name","onBlur","onChange","propTypes","PropTypes","string","func","element","defaultProps","NextPrevButtons","Flex","PrevButton","button","Label","label","AddressInput","div","ErrorMessageContent","ErrorMessage","WrappedTextInput","errorMsg","touched","validator","type","showError","validate","field","form","validateOnBlur","message","validationState","kind","isRequired","bool","undefined","WrappedSelectInput","options","obj","val","target","selectedIndex","setFieldValue","map","opt","key","text","arrayOf","shape","CompanyForm","initialValues","onSubmit","enableReinitialize","useState","locations","setLocations","validateOnChange","errors","handleSubmit","handleBlur","status","validateField","onBlurOverride","event","flexWrap","width","pr","mb","companyName","companyAddress","placeholder","inputValue","items","defaultSelectedItem","Display","LocID","onInputChange","findLocations","then","res","onSelectionChange","selection","suggestionsCount","companyWebsite","companyIndustry","estimatedNumberOfTravelers","estimatedAnnualTravelBudget","size","iconSuffix","ProfileForm","onBack","values","isSubmitting","firstName","px","middleName","lastName","pl","suffixName","jobTitle","email","password","result","validatePassword","isValid","invalidPwMessage","validatePasswordHandler","confirmPassword","check","passwordMatch","isLoading","onClick","amtravHome","MessageText","Box","media","Medium","Suitcases","SuccessContainer","AccountSetupSuccess","StepHeaderText","StepHeaderWrapper","StepHeader","step","mt","s","stepHeader","number","MarketingBubblesGraphic","MarketingBubbleMsg","MarketingBubbles","bubbleMessage","GlobalStyle","createGlobalStyle","VisualStepsWrapper","Large","NumberText","FormWrapper","IntroMessage","FormAccent","Subhead","companyFormInit","profileFormInit","validatorClient","axios","create","baseURL","window","location","origin","ValidatorApi","rulesEndpoint","AccountSetupApp","setStep","companyInfo","setCompanyInfo","profileInfo","setProfileInfo","subError","setSubError","nextStep","current","steps","additionalInfo","icon","themeName","flexDirection","XSmallOnly","subheadText","homeUrl","SmallOnly","MediumOnly","marketingContent","subheadMessage","mx","pt","activeStep","p","index","payload","params","URLSearchParams","search","referral","get","post","submitAccountData","err","response","data","Code","Message","console","error","selectForm","ReactDOM","render","document","getElementById","CtaContent","Questions","CtaButton","ChatButton","PhoneButton","Icon","CustomerServiceCTA","justifyContent","startProactiveChat","alignItems","href","AgreePrivacyText","AgreePrivacyLink","a","UserAgreementLinks","ml","AmTravRebrandLogo","viewBox","d","fill","BounceLogoLight","fillRule","MainBackground","LogoWrapper","Logo","SubheadMessage","HeaderMobile","theme","useContext","ThemeContext","brand","MapDotsBkgd","MarketingContent","Sidebar","CardsContainer","CardContainer","CardInterior","ButtonContainer","DateContainer","MeetingName","MeetingLocation","TextContainer","InvitesPreview","invites","length","invite","formattedStartDate","shortDayMonthDate","startDate","title","fullwidth","Body","fullWidth","dest","link","travelerName","tickets","airlineCode","airline","creditValue","expiresDate","collapsible","AccountSetupPage","SignUpContent","FormRow","ConfirmSignUp","FlexGap","gap","getTextColor","TextLinkBadgeStyled","tinycolor","mix","toString","setAlpha","TextBadgeHyperLink","Next","TextLinkBadge","url","rest"],"mappings":"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","file":"account-setup.bundle.js","sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport PropTypes from 'prop-types';\r\nimport { getThemeProp } from '@amtrav/themes';\r\n\r\n// this is a singleton dropdown component made\r\n// just for this account setup form\r\nconst SelectBoxStyled = styled.select`\r\n  width: 100%;\r\n  height: 35px;\r\n  font-family: ${getThemeProp('global.textBody--fontFamily')};\r\n  color: ${getThemeProp('global.textBody--color')};\r\n  background: white;\r\n  border-style: solid;\r\n  border-width: ${getThemeProp('textfield.borderWidth--standard')};\r\n  border-color: ${(props) => props.borderColor};\r\n  border-radius: ${getThemeProp('global.borderRadius--size')};\r\n  box-shadow: ${getThemeProp('textfield.box-shadow')};\r\n  padding-left: 5px;\r\n  font-size: 14px;\r\n\r\n  option {\r\n    color: ${getThemeProp('global.textBody--color')};\r\n    background: white;\r\n    display: flex;\r\n    white-space: pre;\r\n    min-height: 20px;\r\n    padding: 0px 2px 1px;\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n`;\r\n\r\nconst SelectBox = ({ children, value, borderColor, name, onBlur, onChange }) => {\r\n  return (\r\n    <SelectBoxStyled value={value} borderColor={borderColor} name={name} onBlur={onBlur} onChange={onChange}>\r\n      {children}\r\n    </SelectBoxStyled>\r\n  );\r\n};\r\n\r\nexport default SelectBox;\r\n\r\nSelectBox.propTypes = {\r\n  borderColor: PropTypes.string,\r\n  value: PropTypes.string,\r\n  name: PropTypes.string,\r\n  onBlur: PropTypes.func,\r\n  onChange: PropTypes.func,\r\n  children: PropTypes.element,\r\n};\r\n\r\nSelectBox.defaultProps = {\r\n  borderColor: '#d1e0f6',\r\n};\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled from 'styled-components';\r\nimport { Flex, Box } from '@rebass/grid';\r\nimport { Formik, Field } from 'formik';\r\n\r\nimport { getThemeProp } from '@amtrav/themes';\r\nimport { IconNext } from '@amtrav/icons';\r\nimport { TextInput, CityAutocomplete, Button } from '@amtrav/view-components';\r\nimport { validatePassword, invalidPwMessage } from '@amtrav/password-validator';\r\nimport { findLocations } from '@amtrav/webservice';\r\nimport SelectBox from './SelectBox';\r\n\r\nconst NextPrevButtons = styled(Flex)`\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  min-height: 105px;\r\n`;\r\n\r\nconst PrevButton = styled.button`\r\n  font-size: 20px;\r\n  font-family: inherit;\r\n  font-weight: 600;\r\n  color: ${getThemeProp('global.link--color')};\r\n  border: 0;\r\n  padding: 0;\r\n  background: transparent;\r\n  cursor: pointer;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\r\n    min-height: 60px;\r\n  }\r\n`;\r\n\r\nconst Label = styled.label`\r\n  position: relative;\r\n  left: 3px;\r\n  top: -4px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n`;\r\n\r\nconst AddressInput = styled.div`\r\n  z-index: 100;\r\n`;\r\n\r\nconst ErrorMessageContent = styled.div`\r\n  min-height: 12px;\r\n  max-height: 42px;\r\n  width: 100%;\r\n  margin-top: 4px;\r\n`;\r\n\r\nconst ErrorMessage = styled.div`\r\n  font-size: 12px;\r\n  color: ${getThemeProp('global.danger--color')};\r\n`;\r\n\r\n// TODO: get these from the theme without using a styled-component\r\nconst a2bDangerColor = '#EB5757';\r\nconst a2bBorderColor = '#d1e0f6';\r\n\r\nconst validatePasswordHandler = (value) => {\r\n  const result = validatePassword(value);\r\n  return result.isValid ? '' : invalidPwMessage;\r\n};\r\n\r\nconst passwordMatch = (value, check) => {\r\n  if (value !== check) {\r\n    return 'Password and Confirm Password must match';\r\n  }\r\n  return '';\r\n};\r\n\r\n// WrappedTextInput ties our TextInput to a Formik Field\r\nconst WrappedTextInput = ({ name, label, errorMsg, touched, validator, type, onBlur }) => {\r\n  const showError = touched && errorMsg;\r\n  return (\r\n    <Field name={name} validate={validator}>\r\n      {({ field, form }) => {\r\n        const { validateOnBlur } = form;\r\n        if (!onBlur && !validateOnBlur && process.env.NODE_ENV === 'development') {\r\n          // eslint-disable-next-line no-console\r\n          console.warn(\r\n            `ValidationOnBlur is disabled and no onBlur prop is set for ${name}. Validation will not execute.`,\r\n          );\r\n        }\r\n        return (\r\n          <>\r\n            <Label>{label}</Label>\r\n            <TextInput\r\n              message={showError ? errorMsg : null}\r\n              validationState={showError ? 'Validation Error' : ''}\r\n              kind={showError ? 'danger' : null}\r\n              name={name}\r\n              type={type}\r\n              {...field}\r\n              onBlur={onBlur}\r\n              onChange={field.onChange}\r\n            />\r\n            <ErrorMessageContent>{showError && <ErrorMessage>{errorMsg}</ErrorMessage>}</ErrorMessageContent>\r\n          </>\r\n        );\r\n      }}\r\n    </Field>\r\n  );\r\n};\r\n\r\nWrappedTextInput.propTypes = {\r\n  name: PropTypes.string.isRequired,\r\n  label: PropTypes.string.isRequired,\r\n  errorMsg: PropTypes.string,\r\n  touched: PropTypes.bool,\r\n  validator: PropTypes.func,\r\n  type: PropTypes.string,\r\n  onBlur: PropTypes.func,\r\n};\r\n\r\nWrappedTextInput.defaultProps = {\r\n  errorMsg: null,\r\n  touched: false,\r\n  validator: () => {},\r\n  type: 'text',\r\n  onBlur: undefined,\r\n};\r\n\r\n// WrappedSelectInput ties a select input to a Formik Field\r\nconst WrappedSelectInput = ({ name, options, label, errorMsg, touched, validator, onBlur }) => {\r\n  const showError = touched && errorMsg;\r\n  return (\r\n    <Field name={name} validate={validator}>\r\n      {({ field, form }) => {\r\n        const { validateOnBlur } = form;\r\n        if (!onBlur && !validateOnBlur && process.env.NODE_ENV === 'development') {\r\n          // eslint-disable-next-line no-console\r\n          console.warn(\r\n            `ValidationOnBlur is disabled and no onBlur prop is set for ${name}. Validation will not execute.`,\r\n          );\r\n        }\r\n        return (\r\n          <>\r\n            <Label>{label}</Label>\r\n            <SelectBox\r\n              borderColor={errorMsg ? a2bDangerColor : a2bBorderColor}\r\n              message={showError ? errorMsg : null}\r\n              name={name}\r\n              {...field}\r\n              onBlur={onBlur}\r\n              onChange={(obj) => {\r\n                const val = options[obj.target.options.selectedIndex].value;\r\n                form.setFieldValue(name, val);\r\n              }}>\r\n              <>\r\n                {options.map((opt) => (\r\n                  <option key={opt.value} value={opt.value}>\r\n                    {opt.text}\r\n                  </option>\r\n                ))}\r\n              </>\r\n            </SelectBox>\r\n            <ErrorMessageContent>{errorMsg ? <ErrorMessage>{errorMsg}</ErrorMessage> : null}</ErrorMessageContent>\r\n          </>\r\n        );\r\n      }}\r\n    </Field>\r\n  );\r\n};\r\n\r\nWrappedSelectInput.propTypes = {\r\n  name: PropTypes.string.isRequired,\r\n  options: PropTypes.arrayOf(PropTypes.shape({})),\r\n  label: PropTypes.string.isRequired,\r\n  errorMsg: PropTypes.string,\r\n  touched: PropTypes.bool,\r\n  validator: PropTypes.func,\r\n  type: PropTypes.string,\r\n  onBlur: PropTypes.func,\r\n};\r\n\r\nWrappedSelectInput.defaultProps = {\r\n  errorMsg: null,\r\n  options: [],\r\n  touched: false,\r\n  validator: () => {},\r\n  type: 'text',\r\n  onBlur: undefined,\r\n};\r\n\r\n//\r\n// CompanyForm component\r\n//\r\nconst CompanyForm = ({ initialValues, onSubmit, validator, enableReinitialize }) => {\r\n  const [locations, setLocations] = useState([]);\r\n  const inputChangeHandler = (val) => {\r\n    if (val) {\r\n      findLocations(val, 'flights').then((res) => setLocations(res));\r\n    } else {\r\n      setLocations([]);\r\n    }\r\n  };\r\n  return (\r\n    <Formik\r\n      initialValues={initialValues}\r\n      onSubmit={onSubmit}\r\n      enableReinitialize={enableReinitialize}\r\n      validateOnChange={false}\r\n      validateOnBlur={false}>\r\n      {({\r\n        errors,\r\n        touched,\r\n        // values,\r\n        // isSubmitting,\r\n        handleSubmit,\r\n        handleBlur,\r\n        status,\r\n        validateField,\r\n        setFieldValue,\r\n        // ...rest,\r\n      }) => {\r\n        const onBlurOverride = (event) => {\r\n          const { name } = event.target;\r\n          handleBlur(event);\r\n          validateField(name);\r\n        };\r\n        return (\r\n          <form onSubmit={handleSubmit}>\r\n            {status && status.message ? <h2>{status.message}</h2> : null}\r\n            <Flex flexWrap=\"wrap\">\r\n              <Box width={[1, 1 / 2]} pr={[0, 2]} mb={[2, 3, 3]}>\r\n                <WrappedTextInput\r\n                  name=\"companyName\"\r\n                  label=\"Company Name\"\r\n                  errorMsg={errors.companyName}\r\n                  touched={touched.companyName}\r\n                  onBlur={onBlurOverride}\r\n                  validator={(value) => validator.validate('companyName', { companyName: value })}\r\n                />\r\n              </Box>\r\n              <Box width={[1, 1 / 2]} pr={[0, 2]} mb={[2, 3, 3]}>\r\n                <Label>Company Address</Label>\r\n                <Field\r\n                  name=\"companyAddress\"\r\n                  validate={(value) =>\r\n                    validator.validate('companyAddress', {\r\n                      companyAddress: value,\r\n                    })\r\n                  }>\r\n                  {({ field }) => (\r\n                    <AddressInput>\r\n                      <CityAutocomplete\r\n                        placeholder=\"\"\r\n                        inputValue={field.value}\r\n                        items={locations}\r\n                        defaultSelectedItem={{\r\n                          Display: field.value || '',\r\n                          LocID: '',\r\n                        }}\r\n                        onInputChange={(value) => {\r\n                          if (value !== undefined) {\r\n                            setFieldValue('companyAddress', value);\r\n                            inputChangeHandler(value);\r\n                          }\r\n                        }}\r\n                        onSelectionChange={(selection) => {\r\n                          setFieldValue('companyAddress', selection.Display);\r\n                        }}\r\n                        suggestionsCount={8}\r\n                      />\r\n                      <ErrorMessageContent>\r\n                        {field.value ? null : <ErrorMessage>{errors.companyAddress}</ErrorMessage>}\r\n                      </ErrorMessageContent>\r\n                    </AddressInput>\r\n                  )}\r\n                </Field>\r\n              </Box>\r\n              <Box width={[1, 1 / 2]} pr={[0, 2]} mb={[2, 3, 3]}>\r\n                <WrappedTextInput\r\n                  name=\"companyWebsite\"\r\n                  label=\"Company Website\"\r\n                  errorMsg={errors.companyWebsite}\r\n                  touched={touched.companyWebsite}\r\n                  onBlur={onBlurOverride}\r\n                  validator={(value) =>\r\n                    validator.validate('companyWebsite', {\r\n                      companyWebsite: value,\r\n                    })\r\n                  }\r\n                />\r\n              </Box>\r\n              <Box width={[1, 1 / 2]} pr={[0, 2]} mb={[2, 3, 3]}>\r\n                <WrappedTextInput\r\n                  name=\"companyIndustry\"\r\n                  label=\"Industry\"\r\n                  errorMsg={errors.companyIndustry}\r\n                  touched={touched.companyIndustry}\r\n                  onBlur={onBlurOverride}\r\n                  validator={(value) =>\r\n                    validator.validate('companyIndustry', {\r\n                      companyIndustry: value,\r\n                    })\r\n                  }\r\n                />\r\n              </Box>\r\n              <Box width={[1, 1 / 2]} pr={[0, 2]} mb={[2, 3, 3]}>\r\n                <WrappedSelectInput\r\n                  name=\"estimatedNumberOfTravelers\"\r\n                  validator={(value) =>\r\n                    validator.validate('estimatedNumberOfTravelers', {\r\n                      estimatedNumberOfTravelers: value,\r\n                    })\r\n                  }\r\n                  label=\"Estimated # of Travelers\"\r\n                  options={[\r\n                    {\r\n                      value: '',\r\n                      text: 'Choose option...',\r\n                    },\r\n                    {\r\n                      value: 1,\r\n                      text: 'Less than 5',\r\n                    },\r\n                    {\r\n                      value: 5,\r\n                      text: '5-25',\r\n                    },\r\n                    {\r\n                      value: 25,\r\n                      text: '25-50',\r\n                    },\r\n                    {\r\n                      value: 50,\r\n                      text: '50-100',\r\n                    },\r\n                    {\r\n                      value: 100,\r\n                      text: '100-500',\r\n                    },\r\n                    {\r\n                      value: 500,\r\n                      text: '500-1000',\r\n                    },\r\n                    {\r\n                      value: 1000,\r\n                      text: 'More than 1000',\r\n                    },\r\n                  ]}\r\n                  errorMsg={errors.estimatedNumberOfTravelers}\r\n                  onBlur={onBlurOverride}\r\n                />\r\n              </Box>\r\n              <Box width={[1, 1 / 2]} pr={[0, 2]} mb={[2, 3, 3]}>\r\n                <WrappedSelectInput\r\n                  name=\"estimatedAnnualTravelBudget\"\r\n                  validator={(value) =>\r\n                    validator.validate('estimatedAnnualTravelBudget', {\r\n                      estimatedAnnualTravelBudget: value,\r\n                    })\r\n                  }\r\n                  label=\"Estimated Travel Budget\"\r\n                  options={[\r\n                    {\r\n                      value: '',\r\n                      text: 'Choose option...',\r\n                    },\r\n                    {\r\n                      value: 50000,\r\n                      text: 'Under $100K',\r\n                    },\r\n                    {\r\n                      value: 100000,\r\n                      text: '$100K - $500K',\r\n                    },\r\n                    {\r\n                      value: 500000,\r\n                      text: '$500K - $1M',\r\n                    },\r\n                    {\r\n                      value: 1000000,\r\n                      text: '$1M-$5M',\r\n                    },\r\n                    {\r\n                      value: 5000000,\r\n                      text: 'More than $5M',\r\n                    },\r\n                  ]}\r\n                  errorMsg={errors.estimatedAnnualTravelBudget}\r\n                  onBlur={onBlurOverride}\r\n                />\r\n              </Box>\r\n            </Flex>\r\n            <NextPrevButtons>\r\n              <Button type=\"submit\" text=\"Next\" size=\"large\" iconSuffix={<IconNext />} />\r\n            </NextPrevButtons>\r\n          </form>\r\n        );\r\n      }}\r\n    </Formik>\r\n  );\r\n};\r\n\r\nCompanyForm.propTypes = {\r\n  initialValues: PropTypes.shape({}), // TODO: fill out the shape\r\n  onSubmit: PropTypes.func,\r\n  validator: PropTypes.shape({\r\n    validate: PropTypes.func,\r\n  }),\r\n  enableReinitialize: PropTypes.bool,\r\n};\r\n\r\nCompanyForm.defaultProps = {\r\n  initialValues: {},\r\n  onSubmit: () => {},\r\n  validator: { validate: () => {} },\r\n  enableReinitialize: true,\r\n};\r\n\r\n//\r\n// ProfileForm component\r\n//\r\nconst ProfileForm = ({ initialValues, onSubmit, onBack, validator, enableReinitialize }) => {\r\n  return (\r\n    <Formik\r\n      initialValues={initialValues}\r\n      onSubmit={onSubmit}\r\n      enableReinitialize={enableReinitialize}\r\n      validateOnChange={false}\r\n      validateOnBlur={false}>\r\n      {({ errors, touched, values, isSubmitting, handleSubmit, handleBlur, status, validateField }) => {\r\n        const onBlurOverride = (event) => {\r\n          const { name } = event.target;\r\n          handleBlur(event);\r\n          validateField(name);\r\n        };\r\n        return (\r\n          <form onSubmit={handleSubmit}>\r\n            {status && status.message ? <h2>{status.message}</h2> : null}\r\n            <Flex flexWrap=\"wrap\">\r\n              <Box width={[1, '29%']} pr={[0, 2]} mb={[2, 3, 3]}>\r\n                <WrappedTextInput\r\n                  name=\"firstName\"\r\n                  label=\"First Name\"\r\n                  errorMsg={errors.firstName}\r\n                  touched={touched.firstName}\r\n                  onBlur={onBlurOverride}\r\n                  validator={(value) => validator.validate('firstName', { firstName: value })}\r\n                />\r\n              </Box>\r\n\r\n              <Box width={[1, '29%']} px={[0, 2]} mb={[2, 3, 3]}>\r\n                <WrappedTextInput\r\n                  name=\"middleName\"\r\n                  label=\"Middle Name\"\r\n                  errorMsg={errors.middleName}\r\n                  touched={touched.middleName}\r\n                  onBlur={onBlurOverride}\r\n                  validator={(value) => validator.validate('middleName', { middleName: value })}\r\n                />\r\n              </Box>\r\n\r\n              <Box width={[1, '29%']} px={[0, 2]} mb={[2, 3, 3]}>\r\n                <WrappedTextInput\r\n                  name=\"lastName\"\r\n                  label=\"Last Name\"\r\n                  errorMsg={errors.lastName}\r\n                  touched={touched.lastName}\r\n                  onBlur={onBlurOverride}\r\n                  validator={(value) => validator.validate('lastName', { lastName: value })}\r\n                />\r\n              </Box>\r\n\r\n              <Box width={[1, '13%']} pl={[0, 2]} mb={[2, 3, 3]}>\r\n                <WrappedSelectInput\r\n                  name=\"suffixName\"\r\n                  validator={(value) => validator.validate('suffixName', { suffixName: value })}\r\n                  label=\"Suffix\"\r\n                  options={[\r\n                    { text: 'None', value: '' },\r\n                    { text: 'Jr', value: 'Jr' },\r\n                    { text: 'Sr', value: 'Sr' },\r\n                    { text: 'II', value: 'II' },\r\n                    { text: 'III', value: 'III' },\r\n                    { text: 'IV', value: 'IV' },\r\n                  ]}\r\n                  onBlur={onBlurOverride}\r\n                />\r\n              </Box>\r\n            </Flex>\r\n\r\n            <Flex flexWrap=\"wrap\" mb={[2, 2, 0]}>\r\n              <Box width={[1, 1 / 2]} pr={[0, 2]} mb={[2, 3, 3]}>\r\n                <WrappedTextInput\r\n                  name=\"jobTitle\"\r\n                  label=\"Job Title\"\r\n                  errorMsg={errors.jobTitle}\r\n                  touched={touched.jobTitle}\r\n                  onBlur={onBlurOverride}\r\n                  validator={(value) => validator.validate('jobTitle', { jobTitle: value })}\r\n                />\r\n              </Box>\r\n\r\n              <Box width={[1, 1 / 2]} pl={[0, 2]}>\r\n                <WrappedTextInput\r\n                  name=\"email\"\r\n                  label=\"Email\"\r\n                  errorMsg={errors.email}\r\n                  touched={touched.email}\r\n                  onBlur={onBlurOverride}\r\n                  validator={(value) => validator.validate('email', { email: value })}\r\n                />\r\n              </Box>\r\n            </Flex>\r\n\r\n            <Flex flexWrap=\"wrap\" mb={[2, 2, 0]}>\r\n              <Box width={[1, 1 / 2]} pr={[0, 2]} mb={[2, 3, 3]}>\r\n                <WrappedTextInput\r\n                  name=\"password\"\r\n                  label=\"Password\"\r\n                  type=\"password\"\r\n                  errorMsg={errors.password}\r\n                  touched={touched.password}\r\n                  onBlur={onBlurOverride}\r\n                  validator={(value) => {\r\n                    return validator.validate('password', { password: value }).then((result) => {\r\n                      // The api doesn't support the full password criteria validation, so also check that afterward\r\n                      return result || validatePasswordHandler(value);\r\n                    });\r\n                  }}\r\n                />\r\n              </Box>\r\n\r\n              <Box width={[1, 1 / 2]} pl={[0, 2]}>\r\n                <WrappedTextInput\r\n                  name=\"confirmPassword\"\r\n                  label=\"Confirm Password\"\r\n                  type=\"password\"\r\n                  errorMsg={errors.confirmPassword}\r\n                  touched={touched.confirmPassword}\r\n                  onBlur={onBlurOverride}\r\n                  validator={(value) => passwordMatch(value, values.password)}\r\n                />\r\n              </Box>\r\n            </Flex>\r\n            <NextPrevButtons>\r\n              <Button text=\"Next\" size=\"large\" type=\"submit\" iconSuffix={<IconNext />} isLoading={isSubmitting} />\r\n              <PrevButton onClick={() => onBack(values)}>Go Back</PrevButton>\r\n            </NextPrevButtons>\r\n          </form>\r\n        );\r\n      }}\r\n    </Formik>\r\n  );\r\n};\r\n\r\nProfileForm.propTypes = {\r\n  initialValues: PropTypes.shape({}), // TODO: fill out the shape\r\n  onSubmit: PropTypes.func,\r\n  onBack: PropTypes.func,\r\n  validator: PropTypes.shape({\r\n    validate: PropTypes.func,\r\n  }),\r\n  enableReinitialize: PropTypes.bool,\r\n};\r\n\r\nProfileForm.defaultProps = {\r\n  initialValues: {},\r\n  onSubmit: () => {},\r\n  validator: { validate: () => {} },\r\n  enableReinitialize: true,\r\n};\r\n\r\nexport { CompanyForm, ProfileForm };\r\n","export const bubbleMessage1 = 'AmTrav is designed to make managing travel programs and planning business travel easy and fun!'; // eslint-disable-line\r\n\r\nexport const bubbleMessage2 = \"You're just a step away from making your team happier and more productive.\"; // eslint-disable-line\r\n\r\nexport const introMessage1 = 'Want access to our award winning booking tool NOW? Complete our short registration process and you’re up and running in minutes.'; // eslint-disable-line\r\n\r\nexport const introMessage2 = 'Just one last step before you are up and running!';\r\n\r\nexport const amtravHome = 'https://www.amtrav.com/';\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Flex, Box } from '@rebass/grid';\r\nimport { IconSuitcases } from '@amtrav/icons';\r\nimport { media } from '@amtrav/themes';\r\n\r\nconst MessageText = styled(Box)`\r\n  width: 100%;\r\n  font-size: 20px;\r\n  text-align: center;\r\n  line-height: 1.4;\r\n\r\n  ${media.Medium`\r\n    width: 407px;\r\n  `};\r\n`;\r\n\r\nconst Suitcases = styled(Box)`\r\n  width: 134px;\r\n  height: 134px;\r\n  font-size: 134px;\r\n  color: #d1d1d1;\r\n`;\r\n\r\nconst SuccessContainer = styled(Flex)`\r\n  height: 335px;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n`;\r\n\r\nconst AccountSetupSuccess = () => {\r\n  return (\r\n    <SuccessContainer>\r\n      <MessageText>\r\n        <strong>Please check your mail.</strong>\r\n      </MessageText>\r\n      <MessageText>\r\n        We have sent you a message to confirm your email address. Please check your inbox and click the confirmation\r\n        link provided.\r\n      </MessageText>\r\n      <Suitcases>\r\n        <IconSuitcases />\r\n      </Suitcases>\r\n    </SuccessContainer>\r\n  );\r\n};\r\n\r\nexport default AccountSetupSuccess;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled from 'styled-components';\r\nimport { Flex, Box } from '@rebass/grid';\r\n\r\nconst StepHeaderText = styled(Box)`\r\n  font-size: 20px;\r\n`;\r\n\r\nconst StepHeaderWrapper = styled(Flex)`\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\n\r\nconst StepHeader = ({ step }) => {\r\n  function stepHeader(s) {\r\n    switch (s) {\r\n      case 0:\r\n        return (\r\n          <StepHeaderText>\r\n            <strong>Step 1:&nbsp;&nbsp;</strong>Tell Us About Your Company\r\n          </StepHeaderText>\r\n        );\r\n      case 1:\r\n        return (\r\n          <StepHeaderText>\r\n            <strong>Step 2 :&nbsp;&nbsp;</strong> Let’s Create Your Profile\r\n          </StepHeaderText>\r\n        );\r\n      case 2:\r\n        return (\r\n          <StepHeaderText>\r\n            <strong>Thank you!</strong>\r\n          </StepHeaderText>\r\n        );\r\n      default:\r\n        return null;\r\n    }\r\n  }\r\n\r\n  return (\r\n    <StepHeaderWrapper mt={[0, 0, 0, '12px']} mb={[3, 3, 3, 4]}>\r\n      {stepHeader(step)}\r\n    </StepHeaderWrapper>\r\n  );\r\n};\r\n\r\nexport default StepHeader;\r\n\r\nStepHeader.propTypes = {\r\n  step: PropTypes.number,\r\n};\r\n\r\nStepHeader.defaultProps = {\r\n  step: 0,\r\n};\r\n","/* eslint-disable max-len */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled from 'styled-components';\r\nimport { IconMarketingBubbles } from '@amtrav/icons';\r\n\r\nconst MarketingBubblesGraphic = styled.div`\r\n  width: 309px;\r\n  height: 393px;\r\n  position: absolute;\r\n  left: 90px;\r\n  z-index: 1;\r\n\r\n  svg {\r\n    width: 309px;\r\n    height: 393px;\r\n  }\r\n\r\n  @media (max-width: 1280px) {\r\n    left: 40px;\r\n  }\r\n`;\r\n\r\nconst MarketingBubbleMsg = styled.div`\r\n  position: absolute;\r\n  left: 82px;\r\n  top: 113px;\r\n  display: flex;\r\n  align-items: center;\r\n  width: 175px;\r\n  height: 162px;\r\n  font-size: 18px;\r\n  color: white;\r\n  text-align: center;\r\n  line-height: 1.4;\r\n  z-index: 2;\r\n`;\r\n\r\nconst MarketingBubbles = ({ bubbleMessage }) => {\r\n  return (\r\n    <MarketingBubblesGraphic>\r\n      <MarketingBubbleMsg>{bubbleMessage}</MarketingBubbleMsg>\r\n      <IconMarketingBubbles />\r\n    </MarketingBubblesGraphic>\r\n  );\r\n};\r\n\r\nMarketingBubbles.propTypes = {\r\n  bubbleMessage: PropTypes.string,\r\n};\r\n\r\nMarketingBubbles.defaultProps = {\r\n  bubbleMessage: '',\r\n};\r\n\r\nexport default MarketingBubbles;\r\n","import React, { useState } from 'react';\r\n// import PropTypes from 'prop-types';\r\nimport styled, { createGlobalStyle } from 'styled-components';\r\nimport axios from 'axios';\r\nimport { Flex, Box } from '@rebass/grid';\r\nimport { ThemeSystemProvider } from '@amtrav/theme-system';\r\nimport { DynamicThemeProvider, MatchMedia, media } from '@amtrav/themes';\r\nimport { IconEmailLine } from '@amtrav/icons';\r\nimport ValidatorApi from '@amtrav/validator-api';\r\nimport { WizardTracker, Notice } from '@amtrav/view-components';\r\nimport { CompanyForm, ProfileForm } from './AccountSetupForms';\r\nimport { bubbleMessage1, bubbleMessage2, introMessage1, introMessage2, amtravHome } from './consts';\r\nimport {\r\n  UserAgreementLinks,\r\n  CustomerServiceCTA,\r\n  HeaderMobile,\r\n  Sidebar,\r\n  AccountSetupPage,\r\n  SignUpContent,\r\n} from '../../components';\r\nimport AccountSetupSuccess from './AccountSetupSuccess';\r\nimport StepHeader from './StepHeader';\r\nimport MarketingBubbles from './MarketingBubbles';\r\n\r\nconst GlobalStyle = createGlobalStyle`\r\n  * {\r\n    box-sizing: border-box;\r\n  }\r\n`;\r\n\r\nconst VisualStepsWrapper = styled(Box)`\r\n  width: 100%;\r\n\r\n  ${media.Large`\r\n    width: 400px;\r\n  `};\r\n`;\r\n\r\nconst NumberText = styled(Box)`\r\n  font-size: 18px;\r\n  transform: translateY(-2px);\r\n`;\r\n\r\nconst FormWrapper = styled(Box)`\r\n  height: auto;\r\n\r\n  ${media.Large`\r\n    height: 360px;\r\n  `};\r\n`;\r\n\r\nconst IntroMessage = styled(Flex)`\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n  width: 504px;\r\n  height: 80px;\r\n  font-size: 20px;\r\n  text-align: center;\r\n  line-height: 1.4;\r\n  margin: 0 auto 80px auto;\r\n\r\n  @media (max-height: 1000px) {\r\n    align-items: center;\r\n    margin: 0 auto 40px auto;\r\n    font-size: 18px;\r\n    height: 70px;\r\n  }\r\n`;\r\n\r\nconst FormAccent = styled(Box)`\r\n  background-color: #f6f6f6;\r\n\r\n  ${media.Large`\r\n  background-color: transparent;\r\n  `};\r\n`;\r\n\r\nconst Subhead = () => {\r\n  return (\r\n    <>\r\n      It&apos;s Easy to Get Started <br />\r\n      With AmTrav\r\n    </>\r\n  );\r\n};\r\n\r\nconst companyFormInit = {\r\n  companyName: '',\r\n  companyAddress: '',\r\n  companyWebsite: 'http://',\r\n  companyIndustry: '',\r\n  estimatedNumberOfTravelers: '',\r\n  estimatedAnnualTravelBudget: '',\r\n};\r\nconst profileFormInit = {\r\n  email: '',\r\n  firstName: '',\r\n  middleName: '',\r\n  lastName: '',\r\n  suffixName: '',\r\n  password: '',\r\n  confirmPassword: '',\r\n  jobTitle: '',\r\n};\r\n\r\nconst validatorClient = axios.create({\r\n  baseURL: `${window.location.origin}/api`,\r\n});\r\nconst validator = new ValidatorApi({\r\n  rulesEndpoint: '/v1/validation?route=/v2/Subscription&httpMethod=POST',\r\n  axios: validatorClient,\r\n});\r\n\r\nconst submitAccountData = (payload) => {\r\n  return validatorClient.post('/v2/subscription', payload);\r\n};\r\n\r\n// Main App component\r\n\r\nconst AccountSetupApp = () => {\r\n  // The current step\r\n  const [step, setStep] = useState(0);\r\n\r\n  // The two form components\r\n  const [companyInfo, setCompanyInfo] = useState(companyFormInit);\r\n  const [profileInfo, setProfileInfo] = useState(profileFormInit);\r\n\r\n  // Any global errors\r\n  const [subError, setSubError] = useState(null);\r\n\r\n  // Controls for moving around the wizard\r\n  const nextStep = () => {\r\n    setStep((current) => current + 1);\r\n  };\r\n  const prevStep = () => {\r\n    setStep((current) => current - 1);\r\n  };\r\n\r\n  function finishIcon(s) {\r\n    if (s < 2) {\r\n      return <NumberText>3</NumberText>;\r\n    }\r\n    return <IconEmailLine />;\r\n  }\r\n\r\n  // Wizard steps\r\n  const steps = [\r\n    {\r\n      label: 'Your Company',\r\n      additionalInfo: '',\r\n      icon: <NumberText>1</NumberText>,\r\n    },\r\n    {\r\n      label: 'Your Profile',\r\n      additionalInfo: '',\r\n      icon: <NumberText>2</NumberText>,\r\n    },\r\n    {\r\n      label: 'Finish Up',\r\n      additionalInfo: '',\r\n      icon: finishIcon(step),\r\n    },\r\n  ];\r\n\r\n  // Set up and select which form to show\r\n  function selectForm(index) {\r\n    switch (index) {\r\n      case 0:\r\n        return (\r\n          <CompanyForm\r\n            initialValues={companyInfo}\r\n            onSubmit={(values) => {\r\n              // Stash the values in the component state\r\n              setCompanyInfo(values);\r\n              // Move on to the next form\r\n              nextStep();\r\n            }}\r\n            validator={validator}\r\n          />\r\n        );\r\n      case 1:\r\n        return (\r\n          <ProfileForm\r\n            initialValues={profileInfo}\r\n            onSubmit={(values) => {\r\n              // Stash the values on the local state, just in case\r\n              setProfileInfo(values);\r\n              // Form the full payload from the two forms\r\n              const payload = {\r\n                ...companyInfo,\r\n                ...values,\r\n              };\r\n              // The API doesn't actually want the confirmPassword field\r\n              delete payload.confirmPassword;\r\n              const params = new URLSearchParams(window.location.search);\r\n              payload.referral = params.get('referral') || '';\r\n              setSubError(null);\r\n              submitAccountData(payload)\r\n                .then(() => nextStep()) // Success! Move on to the success step\r\n                .catch((err) => {\r\n                  // Trouble!\r\n                  if (err.response.data.Code < 9000) {\r\n                    setSubError(err.response.data.Message); // User visible message\r\n                  } else {\r\n                    setSubError('Something went wrong. Please try again.');\r\n                    console.error('Server Error: ', err.response.data.Message);\r\n                  }\r\n                });\r\n            }}\r\n            onBack={(values) => {\r\n              setProfileInfo(values);\r\n              prevStep();\r\n            }}\r\n            validator={validator}\r\n          />\r\n        );\r\n      case 2:\r\n        return <AccountSetupSuccess />;\r\n      default:\r\n        return null;\r\n    }\r\n  }\r\n  return (\r\n    <DynamicThemeProvider themeName=\"bouncenext\">\r\n      <ThemeSystemProvider themeName=\"bouncenext\">\r\n        <GlobalStyle />\r\n        <AccountSetupPage flexDirection={['column', 'column', 'column', 'row']}>\r\n          <MatchMedia.XSmallOnly>\r\n            <HeaderMobile subheadText=\"It's Easy to Get Started With AmTrav\" homeUrl={amtravHome} />\r\n          </MatchMedia.XSmallOnly>\r\n          <MatchMedia.SmallOnly>\r\n            <HeaderMobile subheadText=\"It's Easy to Get Started With AmTrav\" homeUrl={amtravHome} />\r\n          </MatchMedia.SmallOnly>\r\n          <MatchMedia.MediumOnly>\r\n            <HeaderMobile subheadText=\"It's Easy to Get Started With AmTrav\" homeUrl={amtravHome} />\r\n          </MatchMedia.MediumOnly>\r\n          <MatchMedia.Large>\r\n            <Flex flexDirection=\"column\">\r\n              <Sidebar\r\n                marketingContent={<MarketingBubbles bubbleMessage={step === 0 ? bubbleMessage1 : bubbleMessage2} />}\r\n                subheadMessage={<Subhead />}\r\n                homeUrl={amtravHome}\r\n              />\r\n            </Flex>\r\n          </MatchMedia.Large>\r\n          <SignUpContent flexDirection=\"column\">\r\n            <MatchMedia.Large>\r\n              <IntroMessage>{step < 2 ? introMessage1 : introMessage2}</IntroMessage>\r\n            </MatchMedia.Large>\r\n            <VisualStepsWrapper mt={['24px', '24px', '24px', 2]} mx=\"auto\" pt={[3, 3, 3, 0]}>\r\n              <WizardTracker steps={steps} activeStep={step} />\r\n              <StepHeader step={step} />\r\n            </VisualStepsWrapper>\r\n            <FormAccent p={[3, 3, 3, 0]} mt={[0, 0, 0, 2]} mb={[3, 3, 3, '70px']}>\r\n              {subError ? (\r\n                <Box mb={[3, 3, 3, 4]} mt={[0, 0, 0, '-16px']}>\r\n                  <Notice kind=\"danger\">{subError}</Notice>\r\n                </Box>\r\n              ) : null}\r\n              <FormWrapper>{selectForm(step)}</FormWrapper>\r\n            </FormAccent>\r\n            <Flex px={[3, 3, 0]} flexDirection=\"column\">\r\n              <UserAgreementLinks />\r\n              <CustomerServiceCTA />\r\n            </Flex>\r\n          </SignUpContent>\r\n        </AccountSetupPage>\r\n      </ThemeSystemProvider>\r\n    </DynamicThemeProvider>\r\n  );\r\n};\r\n\r\nexport default AccountSetupApp;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport AccountSetupApp from './AccountSetupApp';\r\n\r\nReactDOM.render(<AccountSetupApp />, document.getElementById('AccountSetupApp'));\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Flex, Box } from '@rebass/grid';\r\nimport { getThemeProp } from '@amtrav/themes';\r\nimport { IconChatRound, IconPhoneHandle } from '@amtrav/icons';\r\n\r\nconst CtaContent = styled(Flex)`\r\n  min-height: 100px;\r\n`;\r\n\r\nconst Questions = styled(Box)`\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  text-align: center;\r\n`;\r\n\r\nconst CtaButton = styled.button`\r\n  height: 36px;\r\n  width: 122px;\r\n  font-size: 16px;\r\n  font-family: inherit;\r\n  border-radius: 30px;\r\n  border: 0;\r\n  padding: 0;\r\n  cursor: pointer;\r\n  margin-bottom: 16px;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n`;\r\n\r\nconst ChatButton = styled(CtaButton)`\r\n  background: ${getThemeProp('chat.minimized-chat--color')};\r\n  margin-right: 12px;\r\n`;\r\n\r\nconst PhoneButton = styled(CtaButton)`\r\n  color: ${getThemeProp('global.link--color')};\r\n  background: white;\r\n  border-style: solid;\r\n  border-width: 2px;\r\n  border-color: ${getThemeProp('global.link--color')};\r\n`;\r\n\r\nconst Icon = styled(Box)`\r\n  width: 20px;\r\n  height: 20px;\r\n  font-size: 20px;\r\n  margin-right: 8px;\r\n`;\r\n\r\nconst CustomerServiceCTA = () => {\r\n  const chatTrigger = () => {\r\n    window.startProactiveChat();\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Questions mb={3}>Questions?</Questions>\r\n      <CtaContent mb={3} justifyContent=\"center\">\r\n        <ChatButton onClick={chatTrigger}>\r\n          <Flex justifyContent=\"center\" alignItems=\"center\">\r\n            <Icon>\r\n              <IconChatRound />\r\n            </Icon>\r\n            Live Chat\r\n          </Flex>\r\n        </ChatButton>\r\n        <a href=\"tel:8007958371\">\r\n          <PhoneButton>\r\n            <Flex justifyContent=\"center\" alignItems=\"center\">\r\n              <Icon>\r\n                <IconPhoneHandle />\r\n              </Icon>\r\n              Call\r\n            </Flex>\r\n          </PhoneButton>\r\n        </a>\r\n      </CtaContent>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default CustomerServiceCTA;\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Flex } from '@rebass/grid';\r\nimport { getThemeProp } from '@amtrav/themes';\r\n\r\nconst AgreePrivacyText = styled(Flex)`\r\n  flex-wrap: wrap;\r\n  font-size: 14px;\r\n  line-height: 1.4;\r\n`;\r\n\r\nconst AgreePrivacyLink = styled.a`\r\n  text-decoration: none;\r\n  color: ${getThemeProp('global.link--color')};\r\n  margin: 0 4px;\r\n`;\r\n\r\n// eslint-disable-next-line react/prop-types\r\nconst UserAgreementLinks = ({ ml = 0, mb = '30px' }) => {\r\n  return (\r\n    <AgreePrivacyText ml={ml} mb={mb}>\r\n      By signing up you agree to our\r\n      <AgreePrivacyLink href=\"https://www.amtrav.com/user-agreement\" target=\"_blank\">\r\n        User Agreement\r\n      </AgreePrivacyLink>\r\n      and\r\n      <AgreePrivacyLink href=\"https://www.amtrav.com/privacy\" target=\"_blank\">\r\n        Privacy Policy.\r\n      </AgreePrivacyLink>\r\n    </AgreePrivacyText>\r\n  );\r\n};\r\n\r\nexport default UserAgreementLinks;\r\n","/* eslint-disable max-len */\r\nimport React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled, { ThemeContext } from 'styled-components';\r\nimport { Box } from '@rebass/grid';\r\nimport { getThemeProp } from '@amtrav/themes';\r\n\r\nconst AmTravRebrandLogo = () => {\r\n  return (\r\n    <svg viewBox=\"0 0 192 50\">\r\n      <path d=\"M25.65,2.85s11.64,31.41,23.4,44.46L25.79,38.14Z\" fill=\"#043a7d\" />\r\n      <path d=\"M25.65,2.85S14.41,33.36,2,47.06L25.79,38Z\" fill=\"#0776fc\" />\r\n      <path\r\n        d=\"M69.19,33.42H59.67l-1.9,7.37H50.63l9.75-31h8.38l9.75,31H71.09ZM67.76,28,67,25.14c-.87-3.1-1.67-6.76-2.52-10h-.19c-.72,3.28-1.57,6.89-2.43,10L61.1,28Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M78.89,17.2H84.6l.47,3h.19c2-1.94,4-3.61,7.14-3.61,3.33,0,5.33,1.42,6.51,3.94,2.1-2.14,4.29-3.94,7.43-3.94,5.09,0,7.37,3.61,7.37,9.51V40.79h-6.95V27c0-3.42-.87-4.47-2.91-4.47-1.19,0-2.52.77-4,2.29V40.79h-7V27c0-3.42-.87-4.47-2.9-4.47-1.14,0-2.52.77-4,2.29V40.79H79Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path d=\"M118.8,15.68h-8.57V9.77h24.12v5.91h-8.52V40.79h-7Z\" fill=\"white\" />\r\n      <path\r\n        d=\"M131.4,17.2h5.71l.48,4.14h.18c1.74-3.19,4.29-4.71,6.72-4.71a6.77,6.77,0,0,1,2.81.47l-1.15,6.09a8.6,8.6,0,0,0-2.57-.38c-1.74,0-4,1.14-5.21,4.35V40.79h-7Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M160,25.62c-.14-2.1-1.19-3.43-3.71-3.43A12.76,12.76,0,0,0,150,24.33l-2.47-4.61a19.42,19.42,0,0,1,10.09-3.09c6,0,9.36,3.42,9.36,10.66v13.5H161.3l-.52-2.43h-.15a10.34,10.34,0,0,1-6.89,3c-4.28,0-7-3.13-7-7.13C146.72,29.28,150.67,26.57,160,25.62Zm-3.9,10.32c1.61,0,2.67-.76,3.9-2V29.81c-5,.66-6.61,2.09-6.61,3.89C153.38,35.23,154.43,35.94,156.09,35.94Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M166.23,17.2h7l3,11.13c.62,2.33,1.25,4.81,1.87,7.28h.19c.56-2.47,1.18-4.95,1.8-7.28l3.09-11.13H190l-7.7,23.59h-8.09Z\"\r\n        fill=\"white\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nconst BounceLogoLight = () => {\r\n  return (\r\n    <svg viewBox=\"0 0 525 120\">\r\n      <path\r\n        d=\"M1.07,1.33H24.56V38.06c1-.44,1.81-.84,2.64-1.18a42.18,42.18,0,0,1,20.94-3.19,42.14,42.14,0,0,1,28.2,14.42,41.3,41.3,0,0,1,10.19,22,41.78,41.78,0,0,1-8.23,32.22C71,111.85,61.38,117.64,49.42,119c-15.5,1.77-28.39-3.43-38.54-15.3A41.4,41.4,0,0,1,1.22,80.27a38.52,38.52,0,0,1-.1-4.16V2.56A9,9,0,0,1,1.07,1.33Zm43,55.75A19.35,19.35,0,1,0,63.49,76.4,19.27,19.27,0,0,0,44.07,57.08Z\"\r\n        fill=\"#FFFFFF\"\r\n      />\r\n      <path\r\n        d=\"M523.45,62.6q-25,15.15-50.11,30.4c6.37,4.37,20.05,4.76,27.21-8.33,3.53,1.61,7.11,3.28,10.64,4.9s7,3.28,10.54,4.9c-6.42,15-23.49,26.77-43.29,24.57a42.89,42.89,0,1,1,45-56.44Zm-30.7-2.89a19.58,19.58,0,0,0-20.74.64c-6.18,4.26-9,11.52-8.28,17.16C473.38,71.57,483,65.64,492.75,59.71Z\"\r\n        fill=\"#FFFFFF\"\r\n      />\r\n      <path\r\n        d=\"M136.64,119.3a42.89,42.89,0,1,1,42.91-42.46A42.89,42.89,0,0,1,136.64,119.3Zm.1-23.53a19.35,19.35,0,1,0-19.42-18.93A19.39,19.39,0,0,0,136.74,95.77Z\"\r\n        fill=\"#FFFFFF\"\r\n      />\r\n      <path\r\n        d=\"M238,35.41h23.44v82H238.11c-.05-.54-.1-1-.14-1.62-1.82.49-3.59,1.08-5.4,1.48a37.64,37.64,0,0,1-45.16-29,41.65,41.65,0,0,1-.83-7.75c-.1-14.71-.05-29.42-.05-44.13a5.5,5.5,0,0,1,.05-.88h23.48V80.08A14.23,14.23,0,0,0,220.7,94.25C229,96.46,237.77,90,238,81.4c.14-7.94,0-15.93,0-23.88V35.41Z\"\r\n        fill=\"#FFFFFF\"\r\n      />\r\n      <path\r\n        d=\"M347,117.39H323.37v-1.47c0-14.85.1-29.76-.09-44.62,0-5.69-3.19-9.71-8.29-12-5.25-2.36-10.2-1.47-14.61,2.25-3.48,3-4.9,6.87-4.9,11.43v44.32H272V35.41h23.39c.05.54.09,1.08.14,1.67,1.62-.49,3.14-1,4.76-1.38,14.46-3.23,26.77.59,36.92,11.33,5.64,6,8.53,13.24,9.56,21.28A36,36,0,0,1,347,73v43A13.48,13.48,0,0,1,347,117.39Z\"\r\n        fill=\"#FFFFFF\"\r\n      />\r\n      <path\r\n        d=\"M367.31,46.18a42.76,42.76,0,0,1,68.48,10.76l-20.9,10.61a19.33,19.33,0,1,0-.06,17.6l20.84,10.74a42.76,42.76,0,1,1-68.36-49.71Z\"\r\n        fill=\"#FFFFFF\"\r\n        fillRule=\"evenodd\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nconst MainBackground = styled.div`\r\n  width: 100%;\r\n  min-height: 96px;\r\n  background-color: ${getThemeProp('global.dark--color')};\r\n`;\r\n\r\nconst LogoWrapper = styled(Box)``;\r\n\r\nconst Logo = styled.div`\r\n  padding-top: 8px;\r\n  svg {\r\n    width: 150px;\r\n  }\r\n`;\r\n\r\nconst SubheadMessage = styled.div`\r\n  font-family: 'Druk', sans-serif;\r\n  color: white;\r\n  font-size: 28px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.5px;\r\n\r\n  padding-top: 4px;\r\n`;\r\n\r\nconst HeaderMobile = ({ subheadText = '', homeUrl }) => {\r\n  const theme = useContext(ThemeContext);\r\n  return (\r\n    <MainBackground>\r\n      <LogoWrapper px={3}>\r\n        <Logo>\r\n          <a href={homeUrl}>\r\n            {theme.brand === 'bounce' ? (\r\n              <Box mb=\"6px\">\r\n                <BounceLogoLight />\r\n              </Box>\r\n            ) : (\r\n              <AmTravRebrandLogo />\r\n            )}\r\n          </a>\r\n        </Logo>\r\n        <SubheadMessage>{subheadText}</SubheadMessage>\r\n      </LogoWrapper>\r\n    </MainBackground>\r\n  );\r\n};\r\n\r\nHeaderMobile.propTypes = {\r\n  subheadText: PropTypes.string,\r\n  homeUrl: PropTypes.string,\r\n};\r\n\r\nexport default HeaderMobile;\r\n","/* eslint-disable max-len */\r\nimport React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled, { ThemeContext } from 'styled-components';\r\nimport { getThemeProp } from '@amtrav/themes';\r\n\r\nconst AmTravRebrandLogo = () => {\r\n  return (\r\n    <svg viewBox=\"0 0 192 50\">\r\n      <path d=\"M25.65,2.85s11.64,31.41,23.4,44.46L25.79,38.14Z\" fill=\"#043a7d\" />\r\n      <path d=\"M25.65,2.85S14.41,33.36,2,47.06L25.79,38Z\" fill=\"#0776fc\" />\r\n      <path\r\n        d=\"M69.19,33.42H59.67l-1.9,7.37H50.63l9.75-31h8.38l9.75,31H71.09ZM67.76,28,67,25.14c-.87-3.1-1.67-6.76-2.52-10h-.19c-.72,3.28-1.57,6.89-2.43,10L61.1,28Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M78.89,17.2H84.6l.47,3h.19c2-1.94,4-3.61,7.14-3.61,3.33,0,5.33,1.42,6.51,3.94,2.1-2.14,4.29-3.94,7.43-3.94,5.09,0,7.37,3.61,7.37,9.51V40.79h-6.95V27c0-3.42-.87-4.47-2.91-4.47-1.19,0-2.52.77-4,2.29V40.79h-7V27c0-3.42-.87-4.47-2.9-4.47-1.14,0-2.52.77-4,2.29V40.79H79Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path d=\"M118.8,15.68h-8.57V9.77h24.12v5.91h-8.52V40.79h-7Z\" fill=\"white\" />\r\n      <path\r\n        d=\"M131.4,17.2h5.71l.48,4.14h.18c1.74-3.19,4.29-4.71,6.72-4.71a6.77,6.77,0,0,1,2.81.47l-1.15,6.09a8.6,8.6,0,0,0-2.57-.38c-1.74,0-4,1.14-5.21,4.35V40.79h-7Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M160,25.62c-.14-2.1-1.19-3.43-3.71-3.43A12.76,12.76,0,0,0,150,24.33l-2.47-4.61a19.42,19.42,0,0,1,10.09-3.09c6,0,9.36,3.42,9.36,10.66v13.5H161.3l-.52-2.43h-.15a10.34,10.34,0,0,1-6.89,3c-4.28,0-7-3.13-7-7.13C146.72,29.28,150.67,26.57,160,25.62Zm-3.9,10.32c1.61,0,2.67-.76,3.9-2V29.81c-5,.66-6.61,2.09-6.61,3.89C153.38,35.23,154.43,35.94,156.09,35.94Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M166.23,17.2h7l3,11.13c.62,2.33,1.25,4.81,1.87,7.28h.19c.56-2.47,1.18-4.95,1.8-7.28l3.09-11.13H190l-7.7,23.59h-8.09Z\"\r\n        fill=\"white\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nconst BounceLogoLight = () => {\r\n  return (\r\n    <svg viewBox=\"0 0 525 120\">\r\n      <path\r\n        d=\"M1.07,1.33H24.56V38.06c1-.44,1.81-.84,2.64-1.18a42.18,42.18,0,0,1,20.94-3.19,42.14,42.14,0,0,1,28.2,14.42,41.3,41.3,0,0,1,10.19,22,41.78,41.78,0,0,1-8.23,32.22C71,111.85,61.38,117.64,49.42,119c-15.5,1.77-28.39-3.43-38.54-15.3A41.4,41.4,0,0,1,1.22,80.27a38.52,38.52,0,0,1-.1-4.16V2.56A9,9,0,0,1,1.07,1.33Zm43,55.75A19.35,19.35,0,1,0,63.49,76.4,19.27,19.27,0,0,0,44.07,57.08Z\"\r\n        fill=\"#FFFFFF\"\r\n      />\r\n      <path\r\n        d=\"M523.45,62.6q-25,15.15-50.11,30.4c6.37,4.37,20.05,4.76,27.21-8.33,3.53,1.61,7.11,3.28,10.64,4.9s7,3.28,10.54,4.9c-6.42,15-23.49,26.77-43.29,24.57a42.89,42.89,0,1,1,45-56.44Zm-30.7-2.89a19.58,19.58,0,0,0-20.74.64c-6.18,4.26-9,11.52-8.28,17.16C473.38,71.57,483,65.64,492.75,59.71Z\"\r\n        fill=\"#FFFFFF\"\r\n      />\r\n      <path\r\n        d=\"M136.64,119.3a42.89,42.89,0,1,1,42.91-42.46A42.89,42.89,0,0,1,136.64,119.3Zm.1-23.53a19.35,19.35,0,1,0-19.42-18.93A19.39,19.39,0,0,0,136.74,95.77Z\"\r\n        fill=\"#FFFFFF\"\r\n      />\r\n      <path\r\n        d=\"M238,35.41h23.44v82H238.11c-.05-.54-.1-1-.14-1.62-1.82.49-3.59,1.08-5.4,1.48a37.64,37.64,0,0,1-45.16-29,41.65,41.65,0,0,1-.83-7.75c-.1-14.71-.05-29.42-.05-44.13a5.5,5.5,0,0,1,.05-.88h23.48V80.08A14.23,14.23,0,0,0,220.7,94.25C229,96.46,237.77,90,238,81.4c.14-7.94,0-15.93,0-23.88V35.41Z\"\r\n        fill=\"#FFFFFF\"\r\n      />\r\n      <path\r\n        d=\"M347,117.39H323.37v-1.47c0-14.85.1-29.76-.09-44.62,0-5.69-3.19-9.71-8.29-12-5.25-2.36-10.2-1.47-14.61,2.25-3.48,3-4.9,6.87-4.9,11.43v44.32H272V35.41h23.39c.05.54.09,1.08.14,1.67,1.62-.49,3.14-1,4.76-1.38,14.46-3.23,26.77.59,36.92,11.33,5.64,6,8.53,13.24,9.56,21.28A36,36,0,0,1,347,73v43A13.48,13.48,0,0,1,347,117.39Z\"\r\n        fill=\"#FFFFFF\"\r\n      />\r\n      <path\r\n        d=\"M367.31,46.18a42.76,42.76,0,0,1,68.48,10.76l-20.9,10.61a19.33,19.33,0,1,0-.06,17.6l20.84,10.74a42.76,42.76,0,1,1-68.36-49.71Z\"\r\n        fill=\"#FFFFFF\"\r\n        fillRule=\"evenodd\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nconst MainBackground = styled.div`\r\n  position: relative;\r\n  width: 514px;\r\n  min-height: 100%;\r\n  height: 100vh;\r\n  background: ${getThemeProp('global.dark--color')};\r\n  background-size: cover;\r\n\r\n  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\r\n    height: 100%;\r\n  }\r\n\r\n  @media (max-width: 1280px) {\r\n    width: 410px;\r\n  }\r\n`;\r\n\r\nconst MapDotsBkgd = styled.div`\r\n  width: 514px;\r\n  position: absolute;\r\n  top: 502px;\r\n  left: 0;\r\n  z-index: 0;\r\n  background: url('https://cdn.amtrav.com/web-a2b/account-setup/world-map-dots-02.svg') top left no-repeat;\r\n  background-size: 514px;\r\n  height: calc(100% - 502px);\r\n\r\n  @media (max-width: 1280px) {\r\n    width: 410px;\r\n    background-size: cover;\r\n  }\r\n`;\r\n\r\nconst MarketingContent = styled.div`\r\n  position: relative;\r\n  width: 100%;\r\n  height: 520px;\r\n  margin-top: 62px;\r\n`;\r\n\r\nconst Logo = styled.div`\r\n  padding-left: 58px;\r\n  padding-top: 54px;\r\n  svg {\r\n    width: 219px;\r\n    height: 58.5px;\r\n  }\r\n`;\r\n\r\nconst SubheadMessage = styled.div`\r\n  font-family: 'Druk', sans-serif;\r\n  color: white;\r\n  font-size: 42px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.5px;\r\n  padding-left: 60px;\r\n  padding-top: 24px;\r\n`;\r\n\r\nconst Sidebar = ({ marketingContent, subheadMessage, homeUrl }) => {\r\n  const theme = useContext(ThemeContext);\r\n  return (\r\n    <MainBackground>\r\n      <Logo>\r\n        <a href={homeUrl}>{theme.brand === 'bounce' ? <BounceLogoLight /> : <AmTravRebrandLogo />}</a>\r\n      </Logo>\r\n      <SubheadMessage>{subheadMessage}</SubheadMessage>\r\n      <MarketingContent>{marketingContent}</MarketingContent>\r\n      <MapDotsBkgd />\r\n    </MainBackground>\r\n  );\r\n};\r\nexport default Sidebar;\r\n\r\nSidebar.propTypes = {\r\n  // the subheadMessage is not a string so we can add\r\n  // line breaks to the text if needed\r\n  subheadMessage: PropTypes.element.isRequired,\r\n  marketingContent: PropTypes.element,\r\n  homeUrl: PropTypes.string,\r\n};\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport PropTypes from 'prop-types';\r\nimport { IconMeeting } from '@amtrav/icons';\r\nimport { media } from '@amtrav/themes';\r\nimport { shortDayMonthDate } from '@amtrav/dates';\r\nimport { IconFlex, Button, Card } from '@amtrav/view-components';\r\n\r\nconst CardsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column-reverse;\r\n  gap: 10px;\r\n`;\r\n\r\nconst CardContainer = styled.div`\r\n  margin-bottom: 48px;\r\n`;\r\n\r\nconst CardInterior = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nconst ButtonContainer = styled.div`\r\n  margin-left: auto;\r\n  width: 64px;\r\n`;\r\n\r\nconst DateContainer = styled.div`\r\n  line-height: 1;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  font-weight: 600;\r\n  font-size: 12px;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n\r\n  display: inline-block;\r\n  background-color: #e6e6e6;\r\n  padding: 4px;\r\n  margin-top: 8px;\r\n  margin-bottom: 16px;\r\n  margin-left: 16px;\r\n  ${media.Medium`\r\n    left: -16px;\r\n    margin-left: 0px;\r\n  `}\r\n`;\r\n\r\nconst MeetingName = styled.div`\r\n  margin-bottom: 6px;\r\n  font-family: 'Public Sans', Helvetica, Arial, sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n`;\r\n\r\nconst MeetingLocation = styled.div`\r\n  font-family: 'Public Sans', Helvetica, Arial, sans-serif;\r\n  padding: 0;\r\n  line-height: 1.4;\r\n  text-transform: uppercase;\r\n  padding-top: 2px;\r\n  letter-spacing: 0.1em;\r\n  font-weight: 600;\r\n  font-size: 12px;\r\n  margin: 0 0 4px 0;\r\n`;\r\n\r\nconst TextContainer = styled.div`\r\n  display: inline-block;\r\n  padding-left: 20px;\r\n`;\r\n\r\nconst HandleClick = (dest) => {\r\n  document.location = dest;\r\n};\r\n\r\nconst InvitesPreview = ({ invites = [] }) => {\r\n  if (invites === null) {\r\n    return null;\r\n  }\r\n  if (invites.length !== 0) {\r\n    return (\r\n      <CardsContainer>\r\n        {invites.map((invite) => {\r\n          const formattedStartDate = shortDayMonthDate(invite.startDate);\r\n          return (\r\n            <CardContainer key={invite.title}>\r\n              <DateContainer>{formattedStartDate}</DateContainer>\r\n              <Card fullwidth>\r\n                <Card.Body>\r\n                  <CardInterior>\r\n                    <IconFlex size={25}>\r\n                      <IconMeeting />\r\n                    </IconFlex>\r\n                    <TextContainer>\r\n                      <MeetingName>{invite.title}</MeetingName>\r\n                      <MeetingLocation>{invite.location}</MeetingLocation>\r\n                    </TextContainer>\r\n                    <ButtonContainer>\r\n                      <Button\r\n                        text=\"View\"\r\n                        size=\"small\"\r\n                        fullWidth\r\n                        onClick={() => {\r\n                          HandleClick(invite.link);\r\n                        }}\r\n                      />\r\n                    </ButtonContainer>\r\n                  </CardInterior>\r\n                </Card.Body>\r\n              </Card>\r\n            </CardContainer>\r\n          );\r\n        })}\r\n      </CardsContainer>\r\n    );\r\n  }\r\n};\r\n\r\nInvitesPreview.propTypes = {\r\n  /**\r\n   * Name of the Traveler that the tickets belong to\r\n   */\r\n  travelerName: PropTypes.string,\r\n  /**\r\n   * Array of tickets from the TravelerConfig\r\n   */\r\n  tickets: PropTypes.arrayOf(\r\n    PropTypes.shape({\r\n      airlineCode: PropTypes.string,\r\n      airline: PropTypes.string,\r\n      creditValue: PropTypes.number,\r\n      expiresDate: PropTypes.string,\r\n    }),\r\n  ),\r\n  /**\r\n   * Controls whether on small screens, component collapses into accordion\r\n   */\r\n  collapsible: PropTypes.bool,\r\n};\r\n\r\nexport default InvitesPreview;\r\n","import styled from 'styled-components';\r\nimport { Flex, Box } from '@rebass/grid';\r\nimport { media } from '@amtrav/themes';\r\n\r\nexport const AccountSetupPage = styled(Flex)`\r\n  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\r\n    height: 1440px;\r\n  }\r\n`;\r\n\r\nexport const SignUpContent = styled(Flex)`\r\n  align-items: center;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n\r\n  ${media.Large`\r\n    width: 624px;\r\n    padding-top: 50px;\r\n  `};\r\n\r\n  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\r\n    display: block;\r\n  }\r\n`;\r\n\r\nexport const FormRow = styled(Flex)`\r\n  gap: 0;\r\n\r\n  ${media.Medium`\r\n    gap: 8px;\r\n  `};\r\n`;\r\n\r\nexport const ConfirmSignUp = styled(Flex)`\r\n  gap: 24px;\r\n`;\r\n\r\nexport const FlexGap = styled(Flex)`\r\n  gap: ${({ gap }) => gap || 0};\r\n`;\r\n\r\nexport const IntroMessage = styled(Box)`\r\n  font-size: 16px;\r\n  text-align: center;\r\n  line-height: 1.4;\r\n  margin: 0 auto;\r\n  padding: 16px;\r\n\r\n  ${media.Large`\r\n    width: 504px;\r\n    height: 80px;\r\n    font-size: 20px;\r\n    padding: 0;\r\n  `};\r\n`;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled from 'styled-components';\r\nimport { Flex } from '@rebass/grid';\r\nimport tinycolor from 'tinycolor2';\r\nimport { IconNext } from '@amtrav/icons';\r\nimport { getThemeProp } from '@amtrav/themes';\r\n\r\nconst getTextColor = (props) => {\r\n  switch (props.kind) {\r\n    case 'secondary':\r\n      return getThemeProp('button.secondary--color')(props);\r\n    case 'warning':\r\n      return getThemeProp('global.warning--color')(props);\r\n    case 'danger':\r\n      return getThemeProp('global.danger--color')(props);\r\n    case 'success':\r\n      return getThemeProp('global.success--color')(props);\r\n    case 'info':\r\n      return getThemeProp('global.info--color')(props);\r\n    case 'disabled':\r\n      return getThemeProp('global.disabled--color')(props);\r\n    default:\r\n      return getThemeProp('button.primary--color')(props);\r\n  }\r\n};\r\n\r\nconst TextLinkBadgeStyled = styled.div`\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  font-weight: 700;\r\n  font-size: ${({ size }) => size}px;\r\n  color: ${(props) => tinycolor.mix(getTextColor(props), 'black', 15).toString()};\r\n  letter-spacing: 0.5px;\r\n  border-style: solid;\r\n  border-width: 0 0 1px 0;\r\n  border-color: ${(props) => tinycolor.mix(getTextColor(props), 'black', 15).setAlpha(0.5).toString()};\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n\r\n  &:hover,\r\n  &:active {\r\n    color: ${(props) => tinycolor.mix(getTextColor(props), 'black', 25).toString()};\r\n  }\r\n`;\r\n\r\nconst TextBadgeHyperLink = styled.a`\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  font-weight: 700;\r\n  font-size: ${({ size }) => size}px;\r\n  color: ${(props) => tinycolor.mix(getTextColor(props), 'black', 15).toString()};\r\n  letter-spacing: 0.5px;\r\n  border-style: solid;\r\n  border-width: 0 0 1px 0;\r\n  border-color: ${(props) => tinycolor.mix(getTextColor(props), 'black', 15).setAlpha(0.5).toString()};\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n\r\n  &:hover,\r\n  &:active {\r\n    color: ${(props) => tinycolor.mix(getTextColor(props), 'black', 25).toString()};\r\n  }\r\n`;\r\n\r\nconst Next = styled.div`\r\n  font-size: ${({ size }) => size}px;\r\n  color: ${(props) => tinycolor.mix(getTextColor(props), 'black', 15).toString()};\r\n  margin-left: 4px;\r\n  cursor: pointer;\r\n`;\r\n\r\nconst TextLinkBadge = ({ url, onClick, text = 'Needs Approval', kind = 'danger', size = 11, ...rest }) => {\r\n  return (\r\n    <Flex {...rest}>\r\n      {onClick ? (\r\n        <TextLinkBadgeStyled onClick={onClick} kind={kind} size={size}>\r\n          {text}\r\n        </TextLinkBadgeStyled>\r\n      ) : (\r\n        <TextBadgeHyperLink href={url} kind={kind} size={size}>\r\n          {text}\r\n        </TextBadgeHyperLink>\r\n      )}\r\n      <Next kind={kind} size={size}>\r\n        <IconNext />\r\n      </Next>\r\n    </Flex>\r\n  );\r\n};\r\n\r\nTextLinkBadge.propTypes = {\r\n  url: PropTypes.string,\r\n  onClick: PropTypes.func,\r\n  text: PropTypes.string,\r\n  kind: PropTypes.string,\r\n  size: PropTypes.number,\r\n};\r\n\r\nexport default TextLinkBadge;\r\n"],"sourceRoot":""}