\n \n
\n
\n );\n }\n else {\n headLine = \n \n (\n {msg}\n )\n }}\n />\n \n \n
\n \n
\n \n
\n\n { !!tags && calloutTagIds.length > 0 && (\n \n
\n \n {headLine}\n
\n { showDomainRegistration && (\n\n { showEmail && showCpanel && (\n
\n )}\n \n
\n ) }\n\n { support && !!support.technical && (\n \n
\n
\n \n { calloutTagIds.map(tagId => {\n const tag = tags.find(t => t.id === tagId);\n\n return tag && (\n
\n \n \n
\n
\n );\n }) }\n \n { tag.title }\n
\n { tag.subtitle }
\n\n
\n ) }\n\n { showDomainRegistrationAndLoaded && (\n \n
\n \n
\n
\n \n
\n
\n ) }\n \n
\n \n
\n
\n);\n\nCard.propTypes = {\n className: PropTypes.string,\n children: PropTypes.node\n};\n\nexport default Card;\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport {\n injectIntl,\n FormattedMessage\n} from 'react-intl';\n\nimport {\n Button,\n Component,\n Modal\n} from '@ux/uxcore2';\n\nimport IconChevronDownLt from '@ux/icon/chevron-down-lt';\n\nimport { enums } from 'rcc-helpers';\n\nimport Card from '../Card';\nimport util from '../../util';\nimport { provideContext } from '../RenderContext';\n\nconst taxAndFeeKeys = Object.keys(enums.taxesAndFees);\n\nexport class ProductCard extends Component {\n constructor() {\n super(...arguments);\n\n this.state = {\n canInteract: false,\n heightHasBeenCalculated: false\n };\n }\n\n componentDidMount() {\n this.breakpoint('mobile', 'phablet', 'tablet', 'desktop', 'large');\n\n this.setState({\n canInteract: true\n });\n }\n\n componentWillUnmount() {\n this.breakup();\n }\n\n render() {\n const { product, showMore, settings, cta, terse } = this.props;\n\n const {\n envPrefix,\n privateLabelId,\n itc\n } = settings;\n\n const {\n canInteract,\n shouldShowMoreModal\n } = this.state;\n\n const canCalculateHeight = showMore && !!this.details && !!this.details.scrollHeight;\n const baseHeight = terse ? 400 : 500;\n const shouldShowMoreButton = canCalculateHeight && this.details.scrollHeight > baseHeight;\n\n const details = (\n \n {children}\n
\n \n { product.salePrice && (\n \n \n { product.listPrice }\n \n \n ) }\n\n \n { product.salePrice || product.listPrice }\n { /* keep these together to preserve the breaking space */ }\n
\n
\n );\n\n const moreModal = (\n { product.title }
\n { price }\n { taxesAndFeesDisclaimer }\n { button }\n { details }\n\n \n
\n );\n\n const detailsClassNames = classNames(\n 'product-details',\n terse && 'terse',\n canCalculateHeight && 'product-details--calculated',\n shouldShowMoreButton && 'product-details--more'\n );\n\n return (\n {\n this.details = d;\n } }>\n { productBody }\n
\n\n { shouldShowMoreButton && moreButton }\n { shouldShowMoreModal && moreModal }\n \n
\n );\n }\n}\n\nSuper.propTypes = {\n tag: PropTypes.object.isRequired\n};\n\nexport default provideContext(Super);\n", "import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { enums } from 'rcc-helpers';\n\nimport { provideContext } from '../RenderContext';\nimport Turnkey from './turnkey';\nimport Super from './super';\n\nexport const Home = ({ settings }) => {\n return settings.resellerTypeId === enums.resellerType.SUPER\n ? \n
\n\n \n \n
\n
\n \n
\n \n
\n \n
\n \n { products.map(product => (\n
\n \n
\n )) }\n \n
\n);\n\nPageTitle.propTypes = {\n children: PropTypes.node\n};\n\nexport default PageTitle;\n", "import React from 'react';\nimport PropTypes from 'prop-types';\n\nexport const ProductBanner = ({ imageUrl, title }) => (\n \n {children}\n
\n \n 
\n
\n);\n\nProductBanner.propTypes = {\n imageUrl: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired\n};\n\nexport default ProductBanner;\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport PageTitle from './PageTitle';\nimport ProductIcon from './ProductIcon';\nimport { ProductBanner } from './ProductBanner';\n\n// Title is still needed for screenreader purposes\nexport const BannerLayout = ({ image, title, description, children }) => (\n \n
\n { title }
\n { description && (\n\n
\n ) }\n { children }\n \n
\n { description }
\n\n \n
\n { description && (\n
\n \n
\n { description && (\n { description }
\n ) }\n { children }\n\n \n \n
\n
\n \n
\n \n
\n - \n { ['forwarding', 'locking', 'control', 'registration', 'alerts'].map(key => (\n
- \n
\n \n
\n\n \n \n
\n\n \n )) }\n
\n \n
\n
\n \n
\n - \n { ['unlock', 'authorize', 'verify', 'important', 'cancel'].map(key => (\n
- \n
\n \n )) }\n
\n
\n );\n }\n}\n\nDomainTransferWrapper.propTypes = {\n intl: PropTypes.object.isRequired\n};\n\nexport default injectIntl(DomainTransferWrapper);\n", "import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Component } from '@ux/uxcore2';\n\nimport { provideContext } from '../RenderContext';\nimport Card from '../Card';\nimport DomainSearch from '../DomainSearch';\nimport AtMostOnePromotionBanner from '../PromotionBanners/AtMostOnePromotionBanner';\n\nexport class DomainRegistration extends Component {\n componentDidMount() {\n this.breakpoint('mobile', 'phablet', 'tablet', 'desktop', 'large');\n }\n\n componentWillUnmount() {\n this.breakup();\n }\n\n render() {\n const { isMobile } = this;\n const { tag } = this.props;\n const { products } = tag;\n const product = products[0];\n\n return (\n \n
\n \n { isMobile &&
\n \n { !isMobile &&
\n { product.title }
\n\n\n
\n );\n }\n}\n\nDomainRegistrationWrapper.propTypes = {\n tag: PropTypes.object.isRequired\n};\n\nexport default provideContext(DomainRegistrationWrapper);\n", "import React, { Component, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { SearchPageResellerComponent as SearchPage } from '@find/domain-iq-ui';\nimport { utils } from '@ux/uxcore2';\nimport { provideContext } from '../RenderContext';\nimport AtMostOnePromotionBanner from '../PromotionBanners/AtMostOnePromotionBanner';\n\nconst getDppLanguageStrings = (messages, market) => {\n let priceControlJson;\n\n try {\n priceControlJson = require(`@find/price-control-i18n/resources/${market}.json`);\n }\n catch {\n priceControlJson = require(`@find/price-control-i18n/resources/en-US.json`);\n }\n\n const prefix = 'dpp.';\n const dppLanguageStrings = Object.keys(messages)\n .filter(key => key.includes(prefix))\n .reduce((dppMessages, key) => {\n const genericKey = key.replace(prefix, '');\n\n dppMessages[genericKey] = messages[key];\n\n return dppMessages;\n }, {});\n\n return {\n ...dppLanguageStrings,\n priceControl: priceControlJson\n };\n};\n\nconst getInitProps = settings => {\n const defaultProps = {\n appName: 'findSearch',\n apiKey: 'dpp_search',\n numberOfSpins: 20,\n urlOverride: `${settings.envPrefix}secureserver.net`,\n privateLabelId: settings.privateLabelId,\n companyName: settings.displayName,\n trackingCode: 'itc_test',\n excludePromo: false,\n eid: 'none',\n showBundles: false,\n showCrossSell: true,\n showSpins: true,\n showPricing: true\n };\n\n const market = settings.market;\n const currency = settings.currency;\n const language = getDppLanguageStrings(settings.messages, market);\n\n const url = new utils.URL(window.location, true);\n const domainToCheck = url.query.domainToCheck;\n\n // TODO: Remove this once the `@find` dependency is updated to pipe `language`\n // from `initProps` through to other components internally instead of relying\n // on `window.language`.\n window.language = language;\n // This is a hack to get around the lack of API prefetch functionality in the reseller SERP module.\n window.apiTelemetryCache = [];\n\n return {\n ...defaultProps,\n language,\n market,\n currency,\n domainToCheck\n };\n};\n\nclass DomainRegistration extends Component {\n constructor() {\n super(...arguments);\n\n this.state = {};\n }\n\n componentDidMount() {\n this.setState({\n shouldRenderSerp: true\n });\n }\n\n render() {\n return (\n \n
\n
\n \n
\n \n { this.generateAdditionalTitleContent({ canInteract }) }\n \n\n
\n );\n }\n}\n\nProductsBase.propTypes = {\n settings: PropTypes.object.isRequired,\n tag: PropTypes.object\n};\n\nexport default provideContext(ProductsBase);\n", "import { provideContext } from '../RenderContext';\nimport { ProductsBase } from './ProductsBase';\n\nexport class UnfilteredProducts extends ProductsBase {\n constructor() {\n super(...arguments);\n\n this.generateProducts = this.generateProducts.bind(this);\n }\n\n generateProducts(allProducts) {\n return allProducts;\n }\n}\n\nexport default provideContext(UnfilteredProducts);\n", "import { provideContext } from '../RenderContext';\nimport { ProductsBase } from './ProductsBase';\n\nexport class FilteredProducts extends ProductsBase {\n constructor() {\n super(...arguments);\n\n this.generateProducts = this.generateProducts.bind(this);\n\n this.state = {\n ...this.state,\n filterIndex: 0\n };\n }\n\n generateProducts(allProducts) {\n const { filterIndex } = this.state;\n const { filter } = this.filters[filterIndex];\n\n return allProducts.filter(filter);\n }\n}\n\nexport default provideContext(FilteredProducts);\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport classNames from 'classnames';\n\nimport { provideContext } from '../RenderContext';\nimport { FilteredProducts } from './FilteredProducts';\n\nexport class DedicatedServer extends FilteredProducts {\n constructor() {\n super(...arguments);\n\n this.filters = [{\n key: 'linux',\n filter: p => p.tags.includes('linux')\n }, {\n key: 'windows',\n filter: p => p.tags.includes('windows')\n }];\n\n this.generateAdditionalTitleContent = this.generateAdditionalTitleContent.bind(this);\n }\n\n generateAdditionalTitleContent({ canInteract }) {\n const { intl } = this.props;\n const { filterIndex } = this.state;\n const nextFilterIndex = (filterIndex + 1) % this.filters.length;\n\n const handleClick = e => {\n e.preventDefault();\n\n if (!canInteract) {\n return false;\n }\n\n this.setState({\n filterIndex: nextFilterIndex\n });\n };\n\n return (\n \n );\n }\n}\n\nDedicatedServer.propTypes = {\n intl: PropTypes.object.isRequired\n};\n\nexport default provideContext(injectIntl(DedicatedServer));\n", "import React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { utils } from '@ux/uxcore2';\n\nimport { provideContext } from '../RenderContext';\nimport { FilteredProducts } from './FilteredProducts';\n\nexport class Vps extends FilteredProducts {\n constructor() {\n super(...arguments);\n\n this.filters = [{\n key: 'standardRam',\n filter: p => p.tags.includes('standard-ram')\n }, {\n key: 'highRam',\n filter: p => p.tags.includes('high-ram')\n }];\n\n this.productCardProps = {\n cta: 'configureYourServer',\n terse: true\n };\n\n this.generatePodsHeaderContent = this.generatePodsHeaderContent.bind(this);\n this.generatePodsFooterContent = this.generatePodsFooterContent.bind(this);\n }\n\n generatePodsHeaderContent() {\n const { filterIndex } = this.state;\n\n return (\n \n { !canInteract\n ? (\n \n {this.generatePodsHeaderContent()}\n {products.map((item, n) => (\n \n )\n }\n
\n \n
\n )\n : (\n \n
\n ))}\n {this.generatePodsFooterContent()}\n \n
\n );\n }\n\n generatePodsFooterContent() {\n if (!/^en-/.test(this.props.settings.market)) {\n return null;\n }\n\n let messageKey = 'viewSelfManaged';\n const url = new utils.URL('/products/vps');\n\n if (this.props.tag.id === 'vps') {\n messageKey = 'viewFullyManaged';\n\n url.set('query', { tag: 'managed-vps' });\n }\n\n const { isOnCustomDomain, privateLabelId } = this.props.settings;\n\n if (!isOnCustomDomain) {\n url.set('query', {\n ...url.query,\n plid: privateLabelId\n });\n }\n\n return (\n - \n {this.filters.map((filter, n) => {\n if (n === filterIndex) {\n return (\n
- \n
- \n \n
\n
\n );\n }\n}\n\nexport default provideContext(Vps);\n", "import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { provideContext } from '../RenderContext';\nimport UnfilteredProducts from './UnfilteredProducts';\nimport DedicatedServer from './DedicatedServer';\nimport Vps from './Vps';\nimport Config from '../Config';\nimport util from '../../util';\n\nexport class Products extends Component {\n render() {\n const { tag, settings } = this.props;\n const { query } = settings.location;\n\n if (util.shouldRenderConfig(query)) {\n return \n
\n \n
\n \n\n
\n);\n\nLegalAgreements.propTypes = {\n settings: PropTypes.object.isRequired,\n legalAgreements: PropTypes.array.isRequired\n};\n\nexport default provideContext(LegalAgreements);\n", "import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport { Modal, Button } from '@ux/uxcore2';\n\nimport { provideContext } from '../RenderContext';\nimport PageTitle from '../../components/PageTitle';\nimport Card from '../../components/Card';\nimport util from '../../util';\n\nexport class LegalAgreement extends Component {\n constructor(props) {\n super(props);\n\n this.handleCloseDisclaimer = this.handleCloseDisclaimer.bind(this);\n\n this.state = {\n showDisclaimer: !props.settings.market.startsWith('en-')\n };\n }\n\n componentDidMount() {\n if (!this.props.legalAgreement) {\n util.redirect(`/legal-agreements?plid=${this.props.settings.privateLabelId}`);\n }\n }\n\n handleCloseDisclaimer() {\n this.setState({\n showDisclaimer: false\n });\n }\n\n render() {\n const { legalAgreement } = this.props;\n\n return (\n \n
\n \n \n \n
\n \n
\n\n { ['agreement', 'policy'].map(type => (\n \n
\n \n
\n { generateLink('universal-terms-of-service-agreement', settings.privateLabelId, legalAgreements) }\n
\n\n \n
\n \n
\n )) }\n - \n { legalAgreements.filter(d => d.type === type).map(document => (\n
- { generateLink(document.key, settings.privateLabelId, legalAgreements) } \n )) }\n
\n \n
\n \n \n \n ) }\n
\n );\n }\n}\n\nLegalAgreement.propTypes = {\n settings: PropTypes.object.isRequired,\n legalAgreement: PropTypes.object\n};\n\nexport default provideContext(LegalAgreement);\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Button } from '@ux/uxcore2';\n\nimport { provideContext } from '../RenderContext';\nimport Card from '../Card';\nimport util from '../../util';\n\nconst SideBar = ({ settings, support }) => {\n const {\n envPrefix,\n privateLabelId\n } = settings;\n\n return (\n \n \n {legalAgreement && (\n \n )}\n \n
\n\n { this.state.showDisclaimer && (\n \n
\n );\n};\n\nSideBar.propTypes = {\n settings: PropTypes.object.isRequired,\n support: PropTypes.object\n};\n\nexport default provideContext(SideBar);\n", "import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Button } from '@ux/uxcore2';\n\nimport { provideContext } from '../RenderContext';\n\nclass Interstitial extends Component {\n constructor() {\n super(...arguments);\n\n this.state = {\n canInteract: false\n };\n }\n\n componentDidMount() {\n this.setState({\n canInteract: true\n });\n }\n\n render() {\n const {\n settings,\n handleContinueAsGuest\n } = this.props;\n\n const { canInteract } = this.state;\n\n const {\n envPrefix,\n privateLabelId,\n providesOwnSupport\n } = settings;\n\n const queryString = `?pl_id=${privateLabelId}&path=%2fcontact-us&app=www`;\n\n return (\n \n
\n \n { support && !!support.technical && (\n \n
\n { util.shouldRenderEnglishOnlySupportDisclaimer(settings) && (\n \n ) }\n
\n\n \n \n
\n \n
\n \n
\n \n \n
\n\n
\n );\n }\n}\n\nInterstitial.propTypes = {\n settings: PropTypes.object.isRequired,\n handleContinueAsGuest: PropTypes.func.isRequired\n};\n\nexport default provideContext(Interstitial);\n", "import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport Captcha from 'react-google-recaptcha';\n\nexport default class Recaptcha extends Component {\n execute() {\n this.element.reset();\n this.element.execute();\n }\n\n render() {\n const {\n locale,\n siteKey,\n onChange\n } = this.props;\n\n return (\n \n
\n \n
\n \n
\n
\n
\n onChange({ recaptcha }) }\n size=\"invisible\"\n ref={ element => {\n this.element = element;\n } }\n />\n
\n );\n }\n}\n\nRecaptcha.propTypes = {\n locale: PropTypes.string.isRequired,\n siteKey: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired\n};\n", "import { validation } from 'rcc-helpers';\n\nexport default values => {\n const errors = {};\n\n if (!values.name || values.name.trim() === '') {\n errors.name = 'required';\n }\n\n if (!values.email || values.email.trim() === '') {\n errors.email = 'required';\n }\n else if (!validation.emailAddress(values.email)) {\n errors.email = 'invalid';\n }\n\n if (values.productId == null) {\n errors.productId = 'required';\n }\n\n if (!values.subject || values.subject.trim() === '') {\n errors.subject = 'required';\n }\n\n if (!values.description || values.description.trim() === '') {\n errors.description = 'required';\n }\n\n return errors;\n};\n", "import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Formik } from 'formik';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\nimport {\n FormElement as Input,\n Button,\n Dropdown,\n Spinner\n} from '@ux/uxcore2';\n\nconst { DropdownItem } = Dropdown;\n\nimport { provideContext } from '../RenderContext';\nimport Recaptcha from '../Recaptcha';\nimport validate from './validate';\nimport util from '../../util';\n\nclass InnerForm extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n canInteract: false\n };\n\n this.products = props.settings.env !== 'production' ? [0] : [\n 15,\n 7,\n 56,\n 43,\n 3,\n 9,\n 11,\n 6,\n 25,\n 18,\n 8,\n 148,\n 349,\n 57,\n 24,\n 16,\n 190,\n 0\n ];\n\n this.handleFormSubmit = this.handleFormSubmit.bind(this);\n }\n\n componentDidMount() {\n this.setState({\n canInteract: true\n });\n }\n\n handleFormSubmit(e) {\n e.preventDefault();\n\n this.captcha.execute();\n }\n\n render() {\n const {\n values,\n touched,\n dirty,\n errors,\n handleChange,\n handleBlur,\n isSubmitting,\n setFieldValue,\n setFieldTouched,\n submitForm,\n settings,\n intl\n } = this.props;\n\n const { canInteract } = this.state;\n\n const disabled = !canInteract || isSubmitting;\n const hasErrors = !!Object.keys(errors).length;\n const hasProductError = touched.productId && !!errors.productId;\n const hasDescriptionError = touched.description && !!errors.description;\n\n const handleProductChange = e => {\n setFieldValue('productId', e.value);\n };\n\n const handleProductToggle = open => {\n if (!open) {\n setFieldTouched('productId');\n }\n };\n\n return (\n \n );\n }\n}\n\nInnerForm.propTypes = {\n ...util.formikPropTypes,\n intl: PropTypes.object.isRequired,\n settings: PropTypes.object.isRequired\n};\n\nclass Form extends Component {\n render() {\n const {\n intl,\n settings,\n handleSubmit,\n shopper\n } = this.props;\n\n const initialValues = {};\n\n if (shopper) {\n initialValues.name = [shopper.firstName, shopper.lastName].join(' ').trim();\n }\n\n const formProps = {\n onSubmit: handleSubmit,\n initialValues,\n validate,\n render: formikProps => \n
\n );\n }\n}\n\nForm.propTypes = {\n intl: PropTypes.object.isRequired,\n settings: PropTypes.object.isRequired,\n handleSubmit: PropTypes.func.isRequired,\n shopper: PropTypes.object\n};\n\nexport default provideContext(injectIntl(Form));\n", "import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport {\n injectIntl,\n FormattedMessage\n} from 'react-intl';\n\nimport { utils, Alert, Growl, Spinner } from '@ux/uxcore2';\n\nimport { provideContext } from '../RenderContext';\nimport PageTitle from '../PageTitle';\nimport Card from '../Card';\nimport Sidebar from './sidebar';\nimport Interstitial from './interstitial';\nimport Form from './form';\nimport util from '../../util';\n\nconst { addGrowlMessage } = Growl;\n\nclass ContactUs extends Component {\n constructor() {\n super(...arguments);\n\n this.state = {\n continueAsGuest: false,\n isShopperLoaded: false\n };\n\n this.handleFormSubmit = this.handleFormSubmit.bind(this);\n this.handleContinueAsGuest = this.handleContinueAsGuest.bind(this);\n }\n\n componentDidMount() {\n const { env, envPrefix, privateLabelId } = this.props.settings;\n\n // Ignore errors from GUI and treat as signed-out.\n util.getShopper({ env, envPrefix, privateLabelId }, (__, shopper) => {\n this.setState({\n isShopperLoaded: true,\n shopper: shopper || {}\n });\n });\n }\n\n handleFormSubmit(values, { setSubmitting }) {\n const {\n intl,\n settings\n } = this.props;\n\n const {\n envPrefix,\n privateLabelId\n } = settings;\n\n const url = `https://www.${envPrefix}secureserver.net/api/v1/contact/${privateLabelId}`;\n\n const options = {\n headers: {\n 'Content-Type': 'application/json'\n }\n };\n\n utils.request.post(url, values, options, (error, response) => {\n if (error) {\n addGrowlMessage({\n title: intl.formatMessage({ id: 'contactUs.growls.error.title' }),\n content: intl.formatMessage({ id: 'contactUs.growls.error.content' }),\n icon: 'error',\n fadeTime: 5000\n });\n\n return void setSubmitting(false);\n }\n\n this.setState({\n incidentId: response.incidentId,\n messageSent: true\n });\n });\n }\n\n handleContinueAsGuest() {\n this.setState({\n continueAsGuest: true\n });\n }\n\n render() {\n const { initialValues } = this.props;\n const { continueAsGuest, incidentId, messageSent, isShopperLoaded, shopper } = this.state;\n const isSignedIn = isShopperLoaded && !!shopper.shopperId;\n let body;\n\n if (!isShopperLoaded) {\n body = (\n \n
\n );\n }\n else if (messageSent) {\n const message = incidentId\n ? (\n \n \n \n
\n \n\n
\n );\n }\n}\n\nContactUs.propTypes = {\n intl: PropTypes.object.isRequired,\n settings: PropTypes.object.isRequired,\n initialValues: PropTypes.object\n};\n\nexport default provideContext(injectIntl(ContactUs));\n", "import { validation } from 'rcc-helpers';\n\nexport default values => {\n const errors = {};\n\n if (!values.domain) {\n errors.domain = 'required';\n }\n else if (!validation.hostname(values.domain)) {\n errors.domain = 'invalid';\n }\n\n return errors;\n};\n", "import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Formik } from 'formik';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Button, Spinner } from '@ux/uxcore2';\n\nimport { provideContext } from '../RenderContext';\nimport validate from './validate';\nimport Recaptcha from '../Recaptcha';\nimport util from '../../util';\n\nclass InnerForm extends Component {\n constructor() {\n super(...arguments);\n\n this.handleFormSubmit = this.handleFormSubmit.bind(this);\n }\n\n componentDidMount() {\n const { initialValues } = this.props;\n\n if (initialValues.domain) {\n this.handleFormSubmit();\n }\n }\n\n handleFormSubmit(e) {\n if (e) {\n e.preventDefault();\n }\n\n this.captcha.execute();\n }\n\n render() {\n const {\n settings,\n canInteract,\n values,\n dirty,\n errors,\n handleBlur,\n handleChange,\n isSubmitting,\n setFieldValue,\n setFieldTouched,\n submitForm\n } = this.props;\n\n const disabled = !canInteract || isSubmitting;\n const hasErrors = !!Object.keys(errors).length;\n\n return (\n \n );\n }\n}\n\nInnerForm.propTypes = {\n ...util.formikPropTypes,\n settings: PropTypes.object.isRequired,\n canInteract: PropTypes.bool.isRequired\n};\n\nclass Form extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n domain: props.settings.location.query.domain\n };\n }\n\n render() {\n const {\n settings,\n handleSubmit,\n canInteract\n } = this.props;\n\n const { domain } = this.state;\n\n const formProps = {\n validate,\n onSubmit: handleSubmit,\n initialValues: { domain },\n render: formikProps => (\n \n
\n \n
\n \n \n \n
\n { body }\n \n
\n \n
\n { body }\n \n \n \n \n
\n );\n }\n}\n\nContactForm.propTypes = {\n intl: PropTypes.object.isRequired,\n settings: PropTypes.object.isRequired,\n initialValues: PropTypes.object,\n handleClose: PropTypes.func.isRequired\n};\n\nexport default provideContext(injectIntl(ContactForm));\n", "import React, { Component } from 'react';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport PropTypes from 'prop-types';\n\nimport { utils, Alert, Button, Growl } from '@ux/uxcore2';\n\nimport { provideContext } from '../RenderContext';\nimport PageTitle from '../PageTitle';\nimport Card from '../Card';\nimport Form from './form';\nimport ContactForm from './ContactForm';\n\nconst { addGrowlMessage } = Growl;\n\nclass WhoIs extends Component {\n constructor() {\n super(...arguments);\n\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleContactOpenClick = this.handleContactOpenClick.bind(this);\n this.handleContactCloseClick = this.handleContactCloseClick.bind(this);\n\n this.state = {\n canInteract: false,\n showContactModalOnSearch: this.props.settings.location.query.showContact === 'true'\n };\n }\n\n componentDidMount() {\n this.setState({\n canInteract: true\n });\n }\n\n handleContactOpenClick(e) {\n if (e) {\n e.preventDefault();\n }\n\n this.setState({ isContactModalOpen: true });\n }\n\n handleContactCloseClick() {\n this.setState({ isContactModalOpen: false });\n }\n\n handleSubmit(values, { setSubmitting }) {\n const {\n domain,\n recaptcha\n } = values;\n\n const {\n intl,\n settings\n } = this.props;\n\n const {\n envPrefix,\n privateLabelId\n } = settings;\n\n const query = { privateLabelId, recaptcha };\n\n const options = {\n headers: {\n 'Content-Type': 'application/json'\n },\n query\n };\n\n const url = `https://www.${envPrefix}secureserver.net/api/v1/whois/${domain.toLowerCase()}`;\n\n utils.request.get(url, options, (error, whoisResponse) => {\n setSubmitting(false);\n\n if (error) {\n if (error.status === 404) {\n return void this.setState({\n domain,\n isAvailable: true,\n record: null\n });\n }\n else if (error.status === 403) {\n return void this.setState({\n domain,\n isAvailable: false,\n record: null\n });\n }\n\n return void addGrowlMessage({\n title: intl.formatMessage({ id: 'whois.growls.error.title' }),\n content: intl.formatMessage({ id: 'whois.growls.error.content' }),\n icon: 'error',\n fadeTime: 5000\n });\n }\n\n this.setState({\n domain,\n isAvailable: false,\n isManaged: whoisResponse.isManaged,\n record: whoisResponse.record.trim(),\n isContactModalOpen: whoisResponse.isManaged && this.state.showContactModalOnSearch,\n showContactModalOnSearch: false\n });\n });\n }\n\n render() {\n const { intl, settings } = this.props;\n\n const {\n canInteract,\n domain,\n isAvailable,\n isManaged,\n record,\n isContactModalOpen\n } = this.state;\n\n let body;\n\n const {\n envPrefix,\n privateLabelId\n } = settings;\n\n if (domain) {\n if (record) {\n body = (\n \n
\n );\n }\n else if (isAvailable) {\n // eslint-disable-next-line max-len\n const findHref = `https://www.${envPrefix}secureserver.net/products/domain-registration/find?plid=${privateLabelId}&domainToCheck=${domain}`;\n\n body = (\n \n
\n
\n\n \n
\n \n
\n
\n\n { isManaged && (\n { record }\n \n \n
\n
\n );\n }\n else {\n const lastIndexOfDot = domain.lastIndexOf('.');\n const extension = domain.substring(lastIndexOfDot);\n\n body = (\n \n \n
\n
\n \n (\n {msg}\n )\n }}\n />\n
\n \n \n
\n\n
\n );\n }\n }\n else {\n body = (\n \n
\n \n
\n (\n
\n );\n }\n\n return (\n {msg}
\n )\n }}\n />\n\n \n
\n \n
\n );\n }\n}\n\nWhoIs.propTypes = {\n intl: PropTypes.object.isRequired,\n settings: PropTypes.object.isRequired\n};\n\nexport default provideContext(injectIntl(WhoIs));\n", "import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl, FormattedMessage } from 'react-intl';\n\nimport {\n utils,\n Alert,\n Button,\n CheckboxGroup,\n Growl,\n Spinner\n} from '@ux/uxcore2';\n\nimport { provideContext } from '../RenderContext';\nimport Card from '../Card';\nimport PageTitle from '../PageTitle';\n\nconst { addGrowlMessage } = Growl;\n\nclass Unsubscribe extends Component {\n constructor(props) {\n super(props);\n\n this.handleCheckboxToggle = this.handleCheckboxToggle.bind(this);\n this.handleUnsubscribeClick = this.handleUnsubscribeClick.bind(this);\n\n this.state = {\n encryptedEmail: props.settings.location.query.ee,\n isProcessing: true,\n unsubscribed: false,\n subscriptions: [],\n subscriptionsToCancel: []\n };\n }\n\n componentDidMount() {\n this.getSubscriptions();\n }\n\n getSubscriptions() {\n const { intl } = this.props;\n const { envPrefix, privateLabelId } = this.props.settings;\n const url = `https://gui.${envPrefix}secureserver.net/v1/subscription/list`;\n const options = {\n headers: {\n 'Content-Type': 'application/json'\n },\n query: {\n EncryptedEmailAddress: this.state.encryptedEmail,\n plid: privateLabelId\n }\n };\n\n utils.request.get(url, options, (error, response) => {\n if (error) {\n this.setState({ isProcessing: false });\n\n return void addGrowlMessage({\n title: intl.formatMessage({ id: 'unsubscribe.growls.error.title' }),\n content: intl.formatMessage({ id: 'unsubscribe.growls.error.content' }),\n icon: 'error',\n fadeTime: 5000\n });\n }\n\n this.setState({\n isProcessing: false,\n subscriptions: response.subscriptions\n });\n });\n }\n\n handleCheckboxToggle(e) {\n const { value, checked } = e.target;\n\n if (checked) {\n this.setState(prevState => ({\n subscriptionsToCancel: [...prevState.subscriptionsToCancel, value]\n }));\n }\n else {\n this.setState(prevState => ({\n subscriptionsToCancel: prevState.subscriptionsToCancel.filter(s => s !== value)\n }));\n }\n }\n\n // Delete subscriptions\n handleUnsubscribeClick() {\n this.setState({ isProcessing: true });\n\n const { intl } = this.props;\n const { envPrefix } = this.props.settings;\n\n const body = {\n EncryptedEmailAddress: this.state.encryptedEmail,\n ListNames: this.state.subscriptionsToCancel\n };\n\n const options = {\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(body)\n };\n\n const url = `https://gui.${envPrefix}secureserver.net/v1/subscription/unsubscribe`;\n\n utils.request.del(url, options, error => {\n if (error) {\n this.setState({ isProcessing: false });\n\n return void addGrowlMessage({\n title: intl.formatMessage({ id: 'unsubscribe.growls.error.title' }),\n content: intl.formatMessage({ id: 'unsubscribe.growls.error.content' }),\n icon: 'error',\n fadeTime: 5000\n });\n }\n\n this.setState({\n isProcessing: false,\n unsubscribed: true\n });\n });\n }\n\n render() {\n const { emailAddress } = this.props;\n const { privateLabelId, envPrefix, displayName } = this.props.settings;\n const { isProcessing, unsubscribed, subscriptions, subscriptionsToCancel } = this.state;\n\n let content;\n\n if (isProcessing) {\n content = (\n \n \n
\n (\n \n\n { isContactModalOpen && (\n
\n \n
\n\n { body }\n\n \n
\n \n
{msg}
\n ),\n small: (msg) => (\n {msg}\n )\n }}\n />\n\n
\n );\n }\n else if (unsubscribed || subscriptions.length === 0) {\n content = (\n \n
\n
\n \n \n
\n \n\n
\n );\n }\n}\n\nUnsubscribe.propTypes = {\n intl: PropTypes.object.isRequired,\n settings: PropTypes.object.isRequired,\n emailAddress: PropTypes.string\n};\n\nexport default provideContext(injectIntl(Unsubscribe));\n", "import { utils } from '@ux/uxcore2';\n\nconst { URL, request } = utils;\n\nconst errorWithKey = key => {\n const error = new Error('Error from /api/v1/redemptionCodes');\n\n error.key = key;\n\n return error;\n};\n\nexport const redeemCode = (privateLabelId, code) => new Promise((resolve, reject) => {\n const url = new URL(`/api/v1/redemptionCodes/${privateLabelId}/${code}`);\n\n const baseOptions = {\n headers: {\n 'Content-Type': 'application/json'\n }\n };\n\n // The `addtocart=true` version of the SAPI call does not provide granular\n // statuses on error. So make a status check request first to get a granular\n // status for user-facing-error purposes. But if the code is available,\n // immediately make add-to-cart call.\n\n request.get(url.href, baseOptions, (checkError, checkResponse) => {\n if (checkError || !checkResponse) {\n return reject(errorWithKey('general'));\n }\n else if (checkResponse.status === 'Expired') {\n return reject(errorWithKey('expired'));\n }\n else if (checkResponse.status === 'Redeemed') {\n return reject(errorWithKey('alreadyUsed'));\n }\n else if (checkResponse.status === 'Revoked') {\n return reject(errorWithKey('revoked'));\n }\n else if (!checkResponse.success || checkResponse.status !== 'Available') {\n return reject(errorWithKey('general'));\n }\n\n const addToCartOptions = {\n ...baseOptions,\n query: {\n addToCart: true\n }\n };\n\n request.get(url.href, addToCartOptions, (addError, addResponse) => {\n // This response doesn’t always include `status` so show general error\n // if unsuccessful.\n if (addError || !addResponse || !addResponse.success) {\n return reject(errorWithKey('general'));\n }\n\n resolve();\n });\n });\n});\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport { provideContext } from '../RenderContext';\nimport PageTitle from '../PageTitle';\nimport Card from '../Card';\n\nconst NotFound = ({ settings }) => {\n const { privateLabelId } = settings;\n\n return (\n \n
\n \n
\n \n { content }\n
\n \n \n
\n \n
\n );\n};\n\nNotFound.propTypes = {\n settings: PropTypes.object.isRequired\n};\n\nexport default provideContext(NotFound);\n", "import Home from './components/Home';\nimport DomainTransfer from './components/DomainTransfer/wrapper';\nimport DomainRegistration from './components/DomainRegistration/wrapper';\nimport DomainRegistrationFind from './components/DomainRegistration/find';\nimport Products from './components/Products';\nimport LegalAgreements from './components/LegalAgreements';\nimport LegalAgreement from './components/LegalAgreements/agreement';\nimport ContactUs from './components/ContactUs';\nimport WhoIs from './components/WhoIs';\nimport Unsubscribe from './components/Unsubscribe';\nimport Redemption from './components/Redemption';\nimport NotFound from './components/NotFound';\n\nexport default [{\n key: 'home',\n path: '/',\n exact: true,\n component: Home\n}, {\n key: 'products/domain-transfer',\n path: '/products/domain-transfer',\n component: DomainTransfer\n}, {\n key: 'products/domain-registration',\n path: '/products/domain-registration',\n exact: true,\n component: DomainRegistration\n}, {\n key: 'products/domain-registration/find',\n path: '/products/domain-registration/find',\n component: DomainRegistrationFind\n}, {\n key: 'products',\n path: '/products/:tag',\n component: Products\n}, {\n key: 'legalAgreements',\n path: '/legal-agreements',\n exact: true,\n component: LegalAgreements\n}, {\n key: 'legalAgreement',\n path: '/legal-agreement',\n component: LegalAgreement\n}, {\n key: 'contactUs',\n path: '/contact-us',\n component: ContactUs\n}, {\n key: 'whois',\n path: '/whois',\n component: WhoIs\n}, {\n key: 'unsubscribe',\n path: '/unsubscribe',\n component: Unsubscribe\n}, {\n key: 'redemption',\n path: '/redemption',\n component: Redemption\n}, {\n key: 'notFound',\n component: NotFound\n},\n// Component-less tokens so that `match-route` middleware doesn’t 404 on\n// these paths.\n{\n key: 'set-preference',\n path: '/set-preference'\n}, {\n key: 'cookie-test',\n path: '/cookie-test'\n}];\n", "import React, { useState } from 'react';\nimport * as PropTypes from 'prop-types';\nimport { injectIntl, FormattedMessage } from 'react-intl';\n\nimport { Alert, Search } from '@ux/uxcore2';\n\nimport { provideContext } from '../RenderContext';\n\nimport util from '../../util';\nimport { redeemCode } from './util';\n\nconst Redemption = ({ intl, settings }) => {\n const [state, setState] = useState({\n isSubmitting: false,\n error: null\n });\n\n const handleRedemptionCodeSubmit = redemptionCode => {\n // Search component doesn’t support a disabled state, so bail if currently\n // submitting.\n if (state.isSubmitting) {\n return;\n }\n // Can also bail with `noCode` error if redemption code is empty.\n else if (!redemptionCode) {\n return setState({\n isSubmitting: false,\n error: 'noCode'\n });\n }\n\n setState({\n isSubmitting: true,\n error: null\n });\n\n const { privateLabelId, envPrefix } = settings;\n\n redeemCode(privateLabelId, redemptionCode)\n .then(() => {\n // Intentionally not resetting state here so that the user can’t\n // re-submit a different code while the cart redirect is loading.\n\n util.redirect(`https://cart.${envPrefix}secureserver.net/?plid=${privateLabelId}`);\n })\n .catch(error => {\n setState({\n isSubmitting: false,\n error: error.key || 'general'\n });\n });\n };\n\n return (\n \n \n \n
\n \n
\n
\n );\n};\n\nRedemption.propTypes = {\n intl: PropTypes.object.isRequired,\n settings: PropTypes.object.isRequired\n};\n\nexport default provideContext(injectIntl(Redemption));\n", "import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { IntlProvider } from 'react-intl';\nimport { Switch } from 'react-router';\nimport { Route } from 'react-router-dom';\n\nimport { Growl } from '@ux/uxcore2';\n\nimport routes from './routes';\nimport { Provider } from '../src/components/RenderContext';\n\nconst Storefront = ({ renderContext }) => (\n \n \n
\n\n {state.error && (\n
\n