\r\n
\r\n \r\n );\r\n });\r\n\r\n return (\r\n \r\n
\r\n {val.title}
\r\n{val.label}
\r\n\r\n {val.paid && $}\r\n\r\n
\r\n {val.price}
\r\n {val.paid && (\r\n\r\n \r\n /month\r\n \r\n
\r\n )}\r\n\r\n \r\n Start 15-day Free Trial\r\n \r\n )}\r\n {!val.paid && (\r\n
\r\n - \r\n {val.features.map((feature, i) => {\r\n return
- {feature} ;\r\n })}\r\n
\r\n Try FREE\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {DataList}\r\n Pricing
\r\n {/*Let's keep it simple.
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"title-line\"]({require(\"./../styles/images/title-line.png\")})
*/}\r\n
\r\n FAQs
\r\n {/* */}\r\n \r\n
\r\n \r\n {/* \r\n \r\n \r\n Paid accounts have no limit, while free account can create up to three (3) links.\r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n */}\r\n
\r\n \r\n Is there a limit to the number of links I can create in my linkstackr?\r\n
\r\n\r\n Do you offer a free trial period?\r\n
\r\nAll accounts have a 15-day free trial period. We also offer a 30-day money back guarantee if for some reason you aren't satisfied with linkstackr (though we're confident you'll love it!)
\r\n\r\n Can I get paid if I share linkstackr with my followers?\r\n
\r\nWe love to reward our users for spreading the word! :) Contact us if you're interested in being an affiliate! We pay RECURRING commissions, so each month a user pays, you get paid!
\r\n\r\n \r\n {this.props.mainText === \"Example: lnks.by/trev\" ?\r\n \r\n {this.props.subText}\r\n \r\n
\r\n );\r\n };\r\n\r\n _imageBlock = () => {\r\n return (\r\n \r\n \r\n {this.props.headerText}\r\n \r\n
\r\n Example: lnks.by/trev
\r\n : this.props.mainText}\r\n \r\n\r\n {this.props.photoUrl === \"realestate\" ?\r\n
\r\n );\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
:\r\n this.props.photoUrl !== \"\" && this.props.photoUrl && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.side === \"left\"\r\n ? this._textBlock()\r\n : this.props.side === \"center\"\r\n ? \"\"\r\n : this._imageBlock()}\r\n {this.props.side === \"left\"\r\n ? this._imageBlock()\r\n : this.props.side === \"center\"\r\n ? \"\"\r\n : this._textBlock()}\r\n {this.props.side === \"center\" && this._textBlock()}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n See what other linkstackrs are creating
\r\n {/*Get semi-regular emails with ideas on how to better use your linkstackr
*/}\r\n\r\n
\r\n \r\n \r\n
\r\n \n \n
\n \n \n\n {this.state.point1 && (\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n
\n {this.state.mainTitle}
\n \n{this.state.subTitle}
\n\n this._scrollTo(\"#first\")}\n className=\"btn-theme-primary mt-2 mr-3\"\n >\n Why is that?\n \n
\n \n \n \n Try it now!\n \n
\n \n \n
\n )}\n\n {this.state.point2 && (\n \n {/*
\n )}\n\n Enough said, I'm in! (To Be Completed)
*/}\n \n
\n \n );\n }\n}\n\nconst mapStateToProps = state => ({\n auth: state.auth\n});\nexport default withRouter(\n connect(\n mapStateToProps,\n\t\t{}\n )(UseCase)\n);","import React from \"react\";\nimport Slider from \"react-slick\";\n\nexport default class WelcomeSlider extends React.Component {\n render() {\n var settings = {\n dots: true,\n infinite: true,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1\n };\n return (\n \n \n
\n \n
\n 1
\n\n
\n 2
\n\n
\n 3
\n\n
\n 4
\n\n
\n 5
\n\n
\n 6
\n\n
\n \r\n \r\n
*/}\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Live Editor
\r\n\r\n\r\n
\r\n \r\n Preview and edit your page with our Live Editor. A\r\n quick, simple way to customize your links and look.\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n My Account
\r\n\r\n
\r\n \r\n Make changes to your account, subscription, and\r\n other preferences here.\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Analytics
\r\n\r\n\r\n
\r\n \r\n View tracking information for your links and page.\r\n Understand where your visitors are going.\r\n
\r\nYour linkstackr URL:
\r\n \r\n\r\n lnks.by/{this.state.slug}\r\n
\r\n \r\n\r\nWhat's next?
\r\n\r\n
\r\n\r\n\r\n {/* \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n Add All Your Links \r\n Make sure you have all your important links in your Linkstackr and that it looks good! \r\n \r\n \r\n\r\n
\r\n 1
\r\n\r\n
\r\n {/* \r\n\r\n \r\n Share Your Short URL \r\n Put it in your \"link in bio\" on Instagram, then share it everywhere and watch your traffic with our Analytics! \r\n {\r\n alert(\"Copied!\");\r\n this.setState({copied: true})\r\n\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n 2
\r\n\r\n
*/}\r\n \r\n \r\n Spread the Word. Make Money! \r\n Earn commissions for every user you refer that signs up for a subscription! \r\n \r\n \r\n
\r\n 3
\r\n\r\n \r\n \r\n \r\n Join our affiliate program here!\r\n \r\n
\r\n \r\n Get a personal link to share with your audience. Anyone\r\n that clicks on your link will have 30 days to complete\r\n signup. After that, you will earn a percentage of their\r\n subscription rate EVERY MONTH THEY ARE ACTIVE. Put the\r\n link in your own linkstackr!\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \n\t\t\t\t\t this._moveToPublish()}\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tdisabled={this.state.isLoading}\n\t\t\t\t\t>\n\t\t\t\t\t\t🎉 Claim URL! 🎉\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t this._validateUrl(this.state.code)}\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tdisabled={this.state.isLoading}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.state.showAdvance ? \"Check Another URL\" : \"Check Availability\"}\n\t\t\t\t\n\n\n\t\t\t\t
\t\t\t\n\t\t)\n\t}\n}\n\n\nconst mapStateToProps = state => ({\n\tauth: state.auth,\n\tcoupons: state.coupons\n});\n\nexport default withRouter(\n\tconnect(\n\t\tmapStateToProps,\n\t\t{ }\n\t)(UrlReserve)\n);\n","import React from \"react\";\nimport { colors } from './../Utils/BaseStyles';\nconst style = {\n padding: \"10px 0\",\n borderBottom: \"4px solid transparent\",\n display: \"inline-block\",\n cursor: \"pointer\",\n backgroundColor: colors.white,\n transition: \"all .2s ease\",\n width: \"33.3%\",\n color: colors.primary,\n textAlign: \"center\",\n fontFamily: \"Lato\"\n};\n\nconst activeStyle = {\n ...style,\n color: \"white\",\n borderBottom: `4px solid ${colors.primary}`,\n backgroundColor: colors.secondary\n};\n\nconst CustomTab = ({ children, isActive }) => (\n {children}\n);\n\nexport default CustomTab;\n","import React from \"react\";\nimport { colors } from './../Utils/BaseStyles';\nconst style = {\n padding: \"10px 0\",\n borderBottom: \"4px solid transparent\",\n display: \"inline-block\",\n cursor: \"pointer\",\n backgroundColor: colors.white,\n transition: \"all .2s ease\",\n width: \"100%\",\n color: colors.primary,\n textAlign: \"center\",\n fontFamily: \"Lato\"\n};\n\nconst activeStyle = {\n ...style,\n color: \"white\",\n borderBottom: `4px solid ${colors.primary}`,\n backgroundColor: colors.secondary\n};\n\nconst CustomTabVip = ({ children, isActive }) => (\n {children}\n);\n\nexport default CustomTabVip;\n","import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nconst GridLinkable = props => {\n if (props.edit) {\n return (\n Try it free!
\n\t\t\t\t\tGet your URL!
\n\t\t\t\t\tGet your custom URL before it's gone!
\n\t\t\t\t\t{this.state.isValid === false &&\n\t\t\t\t\t\tSorry, that URL is unavailable.
\n\t\t\t\t\t}\t\t\n\t\t\t\t\t{this.state.notFormatted === true &&\n\t\t\t\t\t\tLimit your URL to alphanumeric characters only, with no spaces.
\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t this._handleCodeInput(e)}\n\t\t\t\t\t\t\tmaxLength=\"85\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\n\t\t\t\t\tlnks.by/
\n\t\t\t\t\t\t\n \n props.onDelete(props.linkableData.id)}\n >\n
\n */}\n \n );\n }\n\n return (\n \n {!props.linkableData.visible &&\n
\n
\n );\n};\n\nexport default GridLinkable;\n","import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport FitText from \"@kennethormandy/react-fittext\";\nconst Linkable = (props) => {\n if (props.edit) {\n return (\n \n {props.linkableData.title}\n
\n\n {!props.linkableData.visible && (\n
props.onEdit(props.linkableData)}>\n
\n \n {props.linkableData.destination}\n
*/}\n \n \n );\n }\n\n return (\n{props.linkableData.title}
\n \n \n \n );\n};\n\nexport default Linkable;\n","import React from 'react';\nimport Modal from 'react-responsive-modal';\nimport { Button } from \"reactstrap\";\nimport moment from 'moment';\nimport { makeStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\n\nlet timeout = 0;\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n textField: {\n // marginLeft: theme.spacing(1),\n // marginRight: theme.spacing(1),\n width: 320,\n },\n}));\n\nconst LinkableModal = (props) => {\n let linkable_data = props.linkable\n const classes = useStyles();\n let action = linkable_data.id ? \"Edit\" : \"New\";\n const typeTimeout = (parent, val) => {\n if (timeout) {\n clearTimeout(timeout);\n }\n timeout = setTimeout(() => {\n switch (parent) {\n case \"title\":\n props.updateTitle(val, linkable_data.id);\n break;\n\n case \"description\":\n props.updateDescription(val);\n break;\n case \"url\":\n props.updateUrl(val);\n break;\n\n case \"url\":\n props.updateUrl(val);\n break;\n\n default:\n break;\n }\n }, 50);\n\n }\n\n return (\n\n typeTimeout(\"title\", e.target.value)}\n maxLength=\"55\"\n />\n {/* \n typeTimeout(\"description\", e.target.value)}\n /> */}\n \n URL (Where should visitors go when they click on the link?)\n \n typeTimeout(\"url\", e.target.value)}\n />\n {\n props.setStartDate(linkable_data.id, e.target.value)\n }}\n />\n \n Scheduling: Stop Displaying On Date\n \n props.setEndDate(linkable_data.id, e.target.value)}\n />\n \n Upload Link Image (optional - Only used in the Image Grid Layout)\n \n props.handleselectedFile(e)}\n />\n \n Submit\n \n {action === \"Edit\" && (\n props.deleteLink(linkable_data.id)}\n color=\"danger\"\n >\n Remove Link\n \n )}\n
\n {`${action} Link`}
\n Title (Label of your link seen by visitors)\n\n \n props.updateVisible(linkable_data.id)}\n />\n
\n \n \n props.updateHighlight(linkable_data.id)}\n />\n
\n \n Scheduling: Start Displaying on Date\n \n \n this.typeTimeout(\"platform\", e.target.value)}\n >\n \n \n \n \n \n \n \n \n \n \n \n\n \n {this.state.platform === \"Facebook Messenger\" && (\n this.typeTimeout(\"url\", e.target.value)}\n maxLength=\"85\"\n />\n \n Submit\n \n {this.state.action === \"Edit\" && (\n this.props.deleteLink(linkable_data.id)}\n color=\"red\"\n >\n Remove Link\n \n )}\n
\n \n {this.state.action} Social Media Link\n
\n \n\n Find your Messenger link{\" \"}\n
\n
\n\n \n \n this.handleFontChange(nextFont.family, \"pageTitle\")\n }\n />\n
\n Title & Subtitle Font
\n\n {/* this.setState(\n {\n showTitleColorPicker: !this.state.showTitleColorPicker\n }\n )}> */}\n \n \n this.setState({\n showTitleColorPicker: true\n })\n }\n />\n {this.state.showTitleColorPicker && (\n {\n this.setState({\n showTitleColorPicker: false\n });\n }}\n >\n \n this.handlePageTextColorChangeComplete(color)\n }\n />\n \n )}\n
\n\n {/* Title & Subtitle Font Color
\n\n \n this.handleFontChange(nextFont.family, \"other\")\n }\n />\n
\n Name Font
\n\n \n {\n this.setState({\n showBodyTextColorPicker: true\n });\n }}\n >\n {this.state.showBodyTextColorPicker && (\n {\n this.setState({\n showBodyTextColorPicker: false\n });\n }}\n >\n \n this.handleOtherTextColorChangeComplete(color)\n }\n />\n \n )}\n
\n \n \n\n \n );\n };\n renderBackgroundPropsDropdown = () => {\n return (\n Name Font Color
\n\n
\n )}\n\n {this.state.backgroundType === \"gradient\" && (\n \n
\n {this.state.backgroundType === \"solid\" && (\n Background Type
\n\n \n this.handleBackgroundTypeChange(\"solid\")}\n />\n Solid\n \n \n this.handleBackgroundTypeChange(\"gradient\")}\n />\n Gradient\n \n \n this.handleBackgroundTypeChange(\"image\")}\n />\n Image (Choose from thousands of Unsplash Professional Images)\n \n {/* */}\n
\n \n \n \n this.setState({\n showBackgroundColorPicker: true\n })\n }\n />\n {this.state.showBackgroundColorPicker && (\n {\n this.setState({\n showBackgroundColorPicker: false\n });\n }}\n >\n {\n this.handlePageBackgroundChangeComplete(color);\n }}\n />\n \n )}\n
\n Page Background Color
\n\n
\n\n \n \n \n this.setState({\n showBackgroundGradient1ColorPicker: true\n })\n }\n style={{\n width: 36,\n height: 14,\n borderRadius: 2,\n background: this.state.gradientOne\n }}\n />\n {this.state.showBackgroundGradient1ColorPicker && (\n {\n this.setState({\n showBackgroundGradient1ColorPicker: false\n });\n }}\n >\n \n this.handleGradientOneChangeComplete(color)\n }\n />\n \n )}\n
\n First Gradient Color
\n\n \n this.setState({\n showBackgroundGradient2ColorPicker: true\n })\n }\n >\n {\n this.setState({\n showBackgroundGradient2ColorPicker: false\n });\n }}\n >\n \n this.handleGradientTwoChangeComplete(color)\n }\n />\n \n )}\n
\n \n \n )}\n\n {this.state.backgroundType === \"image\" && (\n Second Gradient Color
\n\n \n this.setState({\n showUnsplashSearch: !this.state.showUnsplashSearch\n })\n }\n >\n
\n {/* Background Image from Unsplash
\n\n this.unsplashSearch(event.target.value)}\n />\n {/* this.setState(\n { unsplashSearch: e.target.value }\n )} /> */}\n {/* */}\n
\n {/* \n {this.state.unsplashPhotos.length > 0 &&\n this.renderUnsplashThumbnails()}\n
\n \n
\n {/* {this.state.backgroundType === \"custom\" && Header Alignment
\n\n \n this.handleHeaderAlignmentChange(true)}\n />\n Centered\n \n \n this.handleHeaderAlignmentChange(false)}\n />\n Left Aligned\n \n
\n \n \n
} */}\n \n );\n };\n\n renderUnsplashThumbnails = () => {\n let images = this.state.unsplashPhotos;\n let renderables = [];\n images.map((image, index) => {\n renderables.push(\n Under 3MB recommended - otherwise your image will load slowly.
\n this.handleselectedFileBackground(e)} />\n\n \nNo results. Try again.
;\n }\n };\n\n renderLayoutPropsDropdown = () => {\n return (\n \n
\n \n
\n Link Layout
\n\n \n this.handleLinkLayoutChange(\"list\")}\n />\n List\n \n \n this.handleLinkLayoutChange(\"image grid\")}\n />\n Image Grid\n \n
\n \n \n this.setState({\n showLinkableBackgroundColorPicker: true\n })\n }\n >\n {\n this.setState({\n showLinkableBackgroundColorPicker: false\n });\n }}\n >\n \n this.handleLinkableBackgroundChangeComplete(color)\n }\n />\n \n )}\n
\n Link Background Color
\n\n \n \n this.setState({\n showLinkableTextColorPicker: true\n })\n }\n />\n {this.state.showLinkableTextColorPicker && (\n {\n this.setState({\n showLinkableTextColorPicker: false\n });\n }}\n >\n \n this.handleLinkableTextColorChangeComplete(color)\n }\n />\n \n )}\n
\n \n Link Text Color
\n\n \n this.handleFontChange(nextFont.family, \"linkableText\")\n }\n />\n
\n Link Font
\n\n
\n \n );\n };\n\n renderVipPropsDropdown = () => {\n return (\n Link Shape
\n\n \n this.handlelinkableRoundedChange(false)}\n />\n Squared\n \n \n this.handlelinkableRoundedChange(true)}\n />\n Rounded\n \n
\n \n
\n );\n };\n\n updateLinkableTitle = (title, id) => {\n let linkables = this.state.linkables;\n let linkable = linkables.find(e => e.id === id);\n if(linkable){\n linkable.title = title;\n this.setState({ linkables, newLinkableTitle: title });\n } else {\n this.setState({ newLinkableTitle: title });\n }\n };\n\n _setHighlighted = id => {\n let linkables = this.state.linkables;\n let linkable = linkables.find(e => e.id === id);\n if (linkable) {\n linkable.highlight = !linkable.highlight;\n this.setState({ linkables, highlightChecked: linkable.highlight});\n } else {\n this.setState({ highlightChecked: !this.state.highlightChecked });\n }\n };\n\n _setVisibility = id => {\n let linkables = this.state.linkables;\n let linkable = linkables.find(e => e.id === id);\n this.setState({ linkables, visible: linkable ? !linkable.visible : true });\n if (linkable) {\n linkable.visible = !linkable.visible;\n }\n };\n\n _setStartDate = (id, date) => {\n let linkables = this.state.linkables;\n let linkable = linkables.find(e => e.id === id);\n var momentdate = moment(date).utc();\n if(linkable){\n linkable.start_date = date;\n this.setState({ linkables, newLinkableStartDate: momentdate });\n } else {\n this.setState({ newLinkableStartDate: momentdate });\n }\n };\n _setEndDate = (id, date) => {\n let linkables = this.state.linkables;\n let linkable = linkables.find(e => e.id === id);\n var momentdate = moment(date).utc();\n if(linkable){\n linkable.end_date = date;\n this.setState({ linkables, end_date: momentdate });\n } else {\n this.setState({ end_date: momentdate });\n }\n };\n\n updateLinkableDestination = (text, id) => {\n let linkables = this.state.linkables;\n let linkable = linkables.find(e => e.id === id);\n if(linkable){\n linkable.destination = text;\n this.setState({ linkables, newLinkableUrl: text });\n } else {\n this.setState({ newLinkableUrl: text });\n }\n };\n\n createNewLink = async () => {\n const id = this.state.selectedLinkable[\"id\"];\n this.setState({ isLoading: true });\n this.props\n .updateLinkable(\n this.state.newLinkableUrl,\n this.state.newLinkableTitle,\n this.state.newLinkableDescription,\n this.state.newLinkableFile,\n id,\n true,\n this.state.highlightChecked,\n this.state.newLinkablePlatform,\n this.state.visible,\n this.state.newLinkableStartDate,\n this.state.end_date\n )\n .then(() => {\n this.setState({\n isLoading: false,\n editModalOpen: false,\n socialModalOpen: false,\n selectedLinkable: {},\n newLinkablePlatform: \"\"\n });\n });\n };\n\n removeLink = async id => {\n var linkable = this.state.linkables.find(el => el.id === id);\n this.props.updateLinkable(\n linkable.destination,\n linkable.title,\n linkable.description,\n linkable.thumbnail,\n id,\n false,\n linkable.highlight,\n linkable.platform,\n this.state.visible\n );\n };\n\n confirmLinkRemoval = id => {\n if (window.confirm(\"Are you sure you want to remove this link?\")) {\n this.removeLink(id);\n this.setState({ editModalOpen: false, socialModalOpen: false });\n }\n };\n\n editLinkable = linkable => {\n if (linkable.link_type === \"link\") {\n this.setState({\n selectedLinkable: linkable,\n start_date: linkable.start_date,\n end_date: linkable.end_date,\n }, () => {\n this.setState({ editModalOpen: true });\n });\n } else {\n this.setState({ selectedLinkable: linkable }, () => {\n this.setState({ socialModalOpen: true });\n });\n }\n };\n\n renderEditableLinkables = () => {\n let activeLinkables = [];\n if (this.state.linkables === [])\n return (\n \n
\n VIP Features
\n\n \n this.handleSelectedShiningAvatar(e)}\n />\n Shining Profile Picture\n \n \n this.handleSelectedCheckmarkAvatar(e)}\n />\n VIP Checkmark\n \n \n this.handleSelectedAvatarPulseRing(e)}\n />\n Pulsating Ring Border for Profile Picture\n \n Custom background image? Email it to linkstackr@gmail.com, and we'll upload it for you!\n
\n \n this.removeLink(link.id)}\n onEdit={() => this.editLinkable(link)}\n />\n
)\n })\n })\n }\n return (\n \n this.onSortEnd(list)}\n dropBackTransitionDuration={0.3}\n type={this.state.layout === \"list\" ? \"vertical\" : \"grid\"}\n />\n {/*\n \n this.setState({ editModalOpen: true, selectedLinkable: {} })\n }\n >\n + Add Link\n
*/}\n \n );\n };\n\n renderSocialMediaLinks = () => {\n let activeLinkables = [];\n\n this.state.linkables.map(linkable => {\n if (linkable.active && linkable.link_type === \"social\") {\n activeLinkables.push(linkable);\n }\n });\n return (\n \n {/*
this.toggleCollapse(\"linkableProps\")} data-content=\"My Links\" />\n */}\n {this.renderEditableLinkables()}\n {/* */}\n
\n );\n };\n\n renderTabLists = () => {\n if (this.state.isVip) {\n return (\n this.toggleCollapse(\"linkableProps\")} data-content=\"My Links\" />\n
\n \n
\n\n \n
\n \n
\n \n {isMobile && (\n \n This page is best viewed on a desktop computer.\n \n )}\n \n \n Page Style \n Link Style \n \n \n {this.renderPagePropsDropdown()}\n \n \n {this.renderLayoutPropsDropdown()}\n \n */}\n
\n Customizations
\n\n\n Changes are saved automatically.\n
\n\n {\n if (this.props.location.state && this.props.location.state.custom_slug !== null) {\n this.props.history.push({\n pathname: '/preview',\n state: { custom_slug: this.props.location.state.custom_slug }\n })\n } else {\n this.props.history.push({\n pathname: '/preview',\n })\n }\n }\n }\n >\n Preview\n \n
\n\n {/* Please remember to save your changes by clicking the \"Save\" button below. Preview your changes by clicking the \"Preview\" button.
\n\n \n \n\n
*/}\n \n \n this.setState({ editModalOpen: true, selectedLinkable: {} })\n }\n >\n Add External Link\n \n this.setState({ socialModalOpen: true })}\n >\n Add Social Media Link\n \n
\n\n \n \n {this.renderTabLists()}\n \n this.renderPagePropsDropdown()}\n id=\"page\"\n />\n this.renderLayoutPropsDropdown()}\n id=\"link\"\n />\n this.renderBackgroundPropsDropdown()}\n id=\"bg\"\n />\n this.renderVipPropsDropdown()}\n id=\"vip\"\n />\n {/* this.renderEditableLinkables()} id='links' /> */}\n \n \n
\n {this.props.auth.data.plan === \"canceled\" || this.props.auth.data.plan === \"Free\" &&\n \n }\n \n\n\n\n {/* \n \n {this.state.linkables && this.renderEditableLinkables()}\n {this.state.linkables.length === 0 &&\n
\n ))}\n\n {this.state.layout !== null &&\n this.state.layout === \"image grid\" &&\n this.state.linkables &&\n this.renderEditableLinkables()}\n\n {/* {this.state.backgroundType === \"image\" && this.state.unsplashUser !== '' &&\n \n {/* \n
\n\n {this.state.layout === null ||\n this.state.layout === \"\" ||\n (this.state.layout === \"list\" && (\n \n \n
*/}\n \n this.handleselectedFileAvatar(e)}\n style={{\n marginTop: this.state.header_center_aligned ? 0 : 0\n }}\n />\n \n {this.props.auth.data.name}\n {this.state.checkmarkAvatar && (\n
\n\n \n \n
\n )}\n \n \n \n
\n Add a link, and they will be displayed here
\n }\n \n
\n } */}\n {this.renderSocialMediaLinks()}\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default About;","import React from 'react';\r\n\r\n\r\nclass Feature extends React.Component {\r\n render() {\r\n\r\n \treturn (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Unlimited Links in Your Bio\r\n
\r\n {/*\r\n \r\n You can create links to anywhere and share as many as you want from a single URL!\r\n \r\n {/*
\r\n \r\n With your custom landing page, you can generate more leads\r\n and traffic than ever before to the links of your choice!\r\n
*/}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Test it out\r\n \r\n
\r\n \r\n
\r\n What's linkstackr?
\r\n {/*A platform that allows you to customize a page entirely. On the page, you can add as many links to different places across the web as you want. But the beauty of it is that you get a simple, short, personal URL that you can share with your audience to bring your audience to your links.
\r\n\r\n
It's so easy to do, you can have it set up in minutes. Want to try it out? No credit card required!
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"white-line\"]({require(\"../styles/images/white-line.png\")})
*/}\r\n
\r\n FEATURES
\r\n {/* */}\r\n \r\n
\r\n {/* \r\n
\r\n \r\n
\r\n - \r\n {/*
- \r\n
One Page
\r\nfor all of your links!
\r\n */}\r\n - \r\n
Completely Customizable 🎨
\r\nYour links and backgrounds can be mixed up however you want!
\r\n \r\n - \r\n
Branding
\r\nKeep your branding consistent
\r\n \r\n - \r\n
Prime for Instagram 📸
\r\nPerfect for your \"link in bio\"!
\r\n \r\n - \r\n
Custom Branding URL
\r\nShort, easy to read URLs. Example: lnks.by/jamie
\r\n \r\n - \r\n
Unique QR Code 🤳🏼
\r\nDownload a QR code that takes people to your linkstackr. Perfect for printing & marketing!
\r\n \r\n
\r\n ![\"feature-mob\"](\"https://i.ibb.co/8bcFRcJ/Screen-Shot-2019-04-14-at-12-25-58-AM-iphonexspacegrey-portrait.png\")
\r\n
*/}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n
📊 Analytics
\r\nSee how many visitors come to your linkstackr
\r\n \r\n - \r\n
📈 Link Tracking
\r\nTrack clicks on your links
\r\n \r\n - \r\n
💼 Perfect for Portfolios
\r\nShare your page with clients or future employers!
\r\n \r\n - \r\n
🎛 Switch your Layout
\r\nHave a \"tiled\" grid layout, or a list of links!
\r\n \r\n - \r\n
🚀 Getting Sponsored?
\r\nShare your affiliate links and watch the clicks soar!
\r\n \r\n
... and more!
\r\n\r\n\t\t
\r\n\t\t\r\n\t\t
\r\n\r\n\t\t \r\n\t\t
\r\n\t\t \r\n\t\t ![\"white-line\"]({require(\"../styles/images/title-line.png\")})
*/}\r\n\t\t
\r\n\t\t What's it good for?
\r\n\t\t {/* */}\r\n\t\t linkstackr is versatile and simple, all at the same time! The purpose of linkstackr is to make it easy to share a collection of links with whomever you want, as well as track how often your links are viewed and followed.
\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t \r\n\t\t\t\t\t\t
\r\n\t\t Some ideas...
\r\n\t\t\t\t\t\r\n\t\t
\r\n\t\t \r\n\t\t ![\"\"/]({require(\"../styles/images/icon/1.png\")})
\r\n\t\t \r\n\t\t
\r\n\t\t \r\n\t\t App Download Links
\r\n\t\tAdvertising your mobile app on multiple platforms? Use linkstackr to share the links to the App Store & Google Play Store!
\r\n\t\t\r\n\t\t \r\n\t\t
\r\n\t\t \r\n\t\t ![\"\"/]({require(\"../styles/images/icon/2.png\")})
\r\n\t\t \r\n\t\t
\r\n\t\t \r\n\t\t Blog Posts
\r\n\t\tShare your recent blog posts with all of your followers! Handy for Instagram, where you can't link to your blog posts directly!
\r\n\t\t\r\n\t\t \r\n\t\t
\r\n\t\t \r\n\t\t ![\"\"/]({require(\"../styles/images/icon/3.png\")})
\r\n\t\t \r\n\t\t
\r\n\t\t \r\n\t\t Affiliate Marketing
\r\n\t\tShare your affiliate links with your followers with ease! Not a bad way to make some additional cash!
\r\n\t\t\r\n\t\t \r\n\t\t
\r\n\t\t \r\n\t\t \r\n\t\t \r\n\t\t
\r\n\t\t \r\n\t\t Portfolio
\r\n\t\tShow off links to your work across the web! Articles, photographs, websites & design... put it in one place!
\r\n\t\t\r\n\t\t {text}
;\n};\n\nexport const Menu = (list, selected) =>\n list.map(el => {\n const {name, url} = el;\n\n return ;\n });\n\nconst ArrowLeft = (\n \n 
\n
\n );\n });\n\n return (\n \n
\n \n \n {/* \n
\n \n \n {DataList}\n \n
*/}\n \n
\n I'm a
\n\n {this.state.typing && (\n this.endTyping(line)}\n cursor={{ show: false }}\n onTypingDone={this.done}\n >\n
\n {/* Fashion Blogger
\nPhotographer
\n\n Social Media Influencer\n
\nTraveler
\nYouTube Sensation
\nOnline Seller
\nFood Blogger
\nPodcaster
\nRecruiter
\nReal Estate Agent
\nBig Deal.
\n \n )}\n\n linkstackr is (especially) for you.\n
\n\n
\n \n
\n \n
\n \n
\n \n Which of these roles best describe you?\n
\n\n See how linkstackr can help you specifically by\n clicking on these options:\n
\n\n
\n \n
\n \n
\n FEATURES
\n {/*\n
\n \n
\n \n
\n \n
\n Live Editor
\n\n\n
\n \n Preview and edit your page with our Live Editor. A quick,\n simple way to customize your links and look to your own\n liking.\n
\n\n
\n \n
\n \n
\n Unique Branding
\n\n
\n \n Keep your branding consistent with matching color schemes,\n fonts, and more.\n
\n\n
\n \n
\n \n
\n Analytics
\n\n\n
\n \n View tracking information for your links and page.\n Understand where your visitors are going.\n
\n\n
\n \n
\n \n
\n \n
\n Link in Bio
\n\n\n
\n \n Primed and ready to be shared as your \"link in bio\" on\n Instagram! Never worry about changing your link again!\n
\n\n
\n \n
\n \n
\n Custom Short URL
\n\n\n
\n \n Short, easy-to-read URLs that actually mean something.\n Example: lnks.by/jamie\n
\n\n
\n \n
\n \n
\n Schedule Links
\n\n
\n \n Schedule when you want your links to appear and disappear!\n
\n\n
\n \n
\n \n
\n \n
\n Multiple Layout Options
\n\n
\n \n Go with a clean list layout, or add images for a grid\n experience! The choice is yours!\n
\n\n
\n \n
\n \n
\n Printable QR Code
\n\n
\n \n Receive a QR code that will lead others to your page! Great\n for printed material, advertisements, and more!\n
\n\n
\n \n
\n \n
\n Are you sponsored?
\n\n
\n \n Share your affiliate links as you recommend products to\n others, and watch your commissions blast off!\n
\n...and more!
\n\r\n \r\n \r\n {/* Home One Section End */}\r\n {/* About Component*/}\r\n \r\n \r\n\r\n {/* \r\n
\r\n {/* Cases Component*/}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n All Your Links in One Place\r\n
\r\n \r\n {/*\r\n Build yours today, free!\r\n
*/}\r\n {/*\r\n \r\n TEST IT NOW\r\n \r\n this._scrollTo(\"#features\")}\r\n className=\"btn-theme-primary mt-2 mr-3\"\r\n >\r\n Features\r\n \r\n
\r\n */}\r\n {/* \r\n Use on Instagram for your \"link in bio\" and never\r\n change your bio link again!\r\n
*/}\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Reserve your short URL now!
\r\n\r\n
\r\n \r\n
\r\n Still not sure if it's right for you?
\r\nSee how linkstackr can change your workflow below.
\r\n\r\n
\r\n \r\n \r\n
\r\n We have sent an email to {this.state.email}. Click the link in the email to reset your password.
\n\t\t\t\t\t}\n\t\t\t\t\t{!this.state.submitted &&\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t this.setState({email: e.target.value})}\n\t\t\t\t\t\tmaxLength=\"85\"\n\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t\t\tSubmit\n\t\t\t\t\t\n\t\t\t\t\t this.props.closeModal()}\n\t\t\t\t\t\tcolor=\"gray\"\n\t\t\t\t\t>\n\t\t\t\t\t\tGo Back\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\n\t\t\tForgot your password?
\t\t\t\t\t\n\t\t\t\t\t\tEnter the email address linked to your account and we'll send a link to reset your password.
\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n \n \n \n
\n \n \n \n \n
\n \n
\n \n */}\n
\n Sign In
\n {/* */}\n Welcome To linkstackr, login to get started!
\n\n \n
\n Here's something {words[index]} about this!
)\n }\n return array;\n\n\n\n }\n render () {\n return (\n \n
\n\n )\n }\n}\n\nconst mapStateToProps = state => ({\n})\n\nexport default withRouter(connect(mapStateToProps, { })(Pricing))\n","import React from \"react\";\nimport {\n BrowserRouter as Router,\n Route,\n Link,\n Redirect,\n withRouter\n} from \"react-router-dom\";\n\nconst PrivateRoute = ({ component: Component, ...rest }) => {\n return (\n Pricing
\n {this.renderPlaceholderStuff()}
\n \n {activeLinkables.map((linkable) => {\n return (\n { this._recordClick(linkable.id, linkable.destination) }}\n >\n
;\n };\n\n render() {\n return (\n \n \n {this.state.loading && \n {\n this.props.history.push(\"/publish\");\n }}\n className=\"fixed-publish-button\"\n style={{ color: \"black\" }}\n >\n \n
\n Loading...
}\n\n {this.state.isVip && this.state.shining_avatar && (\n {this.state.userName}\n {this.state.checkmarkAvatar && (\n
\n \n
\n\n )}\n\n {this.state.avatarPulseRing && (\n \n \n
\n )}\n\n {this.state.shining_avatar === false && (\n \n \n {this.state.pageTitle}\n \n
\n \n
\n )}\n \n
{ if (window.confirm('Are you sure you wish report this page as inappropriate?')) this._recordReport() }} >\n
\n \n Report
\nlinkstackr
\n \n \n \n );\n }\n}\n\nconst mapStateToProps = state => ({\n auth: state.auth\n})\n\nexport default withRouter(connect(mapStateToProps, { getView })(PublicView))\n","import { apiBaseURL } from \"./../Utils/Constants\";\nimport axios from \"axios\";\n\n\nexport const getView = (slug) => {\n return axios({\n method: \"get\",\n url: `${apiBaseURL}/visitor/${slug}`\n }).catch((err) => {\n console.log(\"err: \", err)\n }).then(async res => { \n return res.data;\n })\n}","import React, { Component } from 'react'\nimport { connect } from 'react-redux';\nimport { withRouter } from \"react-router-dom\";\nimport Modal from \"react-responsive-modal\";\nimport { Button } from \"reactstrap\";\nimport { validateCoupon } from './../actions/Auth';\n\nclass CouponModal extends Component {\n\n\tconstructor(props) {\n super(props);\n this.state = {\n\t\t\tisLoading: false,\n\t\t\tcode: '',\n\t\t\tisValid: false\n };\n\t}\n\n\t_validateCoupon = async () => {\n\t\tawait this.props.validateCoupon(this.state.code).then(() => {\n\t\t\tif (this.props.coupons.isValid) {\n\t\t\t\tthis.props.closeModal()\n\t\t\t}\n\t\t})\n\t}\n\n render() {\n return (\n\t\t\t\n\t\t\t\t\t this.setState({code: e.target.value})}\n\t\t\t\t\t\tmaxLength=\"85\"\n\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t\t\tSubmit\n\t\t\t\t\t\n\t\t\t\t\t this.props.closeModal()}\n\t\t\t\t\t\tcolor=\"gray\"\n\t\t\t\t\t>\n\t\t\t\t\t\tGo Back\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\tApply Code
\n\t\t\t\t\t{this.props.coupons.isValid === false &&\n\t\t\t\t\t\tSorry, we couldn't find a valid coupon for you with that code.
\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\n \n \n \n
\n \n \n \n \n
\n \n \n
\n\n \n \n $4/month\n \n {/*
\n linkstackr Premium
\n\n Try linkstackr for 15 days free.\n
\n\n After 15 days, you will be charged\n
\n\n\n Your card will not be charged until your 15-day trial period\n is complete.\n
*/}\n \n\n All transactions are securely processed with Stripe.\n
\n {/*\n {/* \n \n \n \n
\n \n \n \n \n \n
*/}\n \n Welcome To linkstackr, sign up to get started!\n
\n\n
\n\n {/* forgot? */}\n {this.props.coupons.isValid !== true &&\n this.setState({couponModalOpen: true})}>Have a code?
\n }\n {this.props.coupons.details &&\n this.props.coupons.details.percent_off &&\n{this.props.coupons.details.percent_off}% OFF ACTIVATED
\n }\n {this.props.coupons.details &&\n this.props.coupons.details.amount_off &&\n${this.props.coupons.details.amount_off} OFF ACTIVATED
\n }\n {this.props.coupons.details &&\n this.props.coupons.details.duration === \"forever\" &&\nThis will apply to every payment for the lifetime of your account.
\n }\n\n \n Sign Up\n \n
\n\n By signing up, you agree to our\n \n {\" \"}terms and conditions\n and understand our privacy policy.
\n\n Already have an account?\n
\n \n\t\t\t\t
\n\t\t)\n\t}\n}\n","import React, { Component } from 'react'\nimport { connect } from 'react-redux';\nimport { withRouter, Link, Redirect } from 'react-router-dom'\nimport { Button } from \"reactstrap\";\n\nimport \"./../styles/home/index.scss\";\n\n\n\nclass TermsAndConditions extends Component {\n constructor(props) {\n super(props);\n this.state = {\n };\n }\n\n render() {\n\n return (\n {prompt}
\n\t\t\t\tChat with us\n\t\t\t\n \n \n \n
\n \n \n \n \n
\n \n
\n \n */}\n
\n Terms And Conditions
\n {/* */}\n View our terms and conditions by clicking the button below!
\n\n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n
\n \n */}\n
\n Reset Your Password
\n {/* */}\n \n \n
\n \n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tCreate Account\n\t\t\t\t\t\n\t\t\t\t{/* this.props.history.push(\"/\")}\n\t\t\t\t\tcolor=\"gray\"\n\t\t\t\t>\n\t\t\t\t\tGo Back to Home Page\n\t\t\t\t\t\n\t\t\t
\n\t\t)\n\t}\n}\n\n\nconst mapStateToProps = state => ({\n\tauth: state.auth,\n\tcoupons: state.coupons\n});\n\nexport default withRouter(\n\tconnect(\n\t\tmapStateToProps,\n\t\t{ register, facebook_login }\n\t)(TrialPrompt)\n);\n","import React, { Component } from 'react'\nimport { connect } from 'react-redux';\nimport { withRouter, Link } from \"react-router-dom\";\nimport { register, enrollCustomer, clearCoupon, enrollCustomerWithoutCard } from '../actions/Auth';\nimport { toast } from \"react-toastify\";\nimport { Button } from \"reactstrap\";\nimport { inDev, stripePublishableKey } from '../Utils/Constants';\nimport { CardElement, injectStripe } from \"react-stripe-elements\";\nimport CouponModal from './CouponModal';\nimport \"./../styles/home/index.scss\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport ReactGA from 'react-ga';\nimport ChatWithUs from './ChatWithUs';\nlet theToast = null;\n\n\nclass Publish extends Component {\n constructor(props) {\n super(props);\n this.state = {\n couponModalOpen: false,\n couponCodeDetails: {},\n referrer: null\n };\n // window.addEventListener(\"Rewardful.tracked\", () => {\n // if (\n // window.Rewardful.referral !== null ||\n // window.Rewardful.referral !== \"\"\n // ) {\n // this.setState({ referrer: window.Rewardful.referral });\n // }\n // });\n\n }\n componentDidMount = () => {\n window.addEventListener(\"beforeunload\", this.onUnload)\n\n }\n\n componentWillUnmount = () => {\n window.removeEventListener(\"beforeunload\", this.onUnload)\n\n }\n\n onUnload = () => { // the method that will be used for both add and remove event\n this.props.clearCoupon()\n }\n\n handleSubmit = async e => {\n e.preventDefault();\n\n let referrer = this.state.referrer;\n\n theToast = toast.success(\"Processing...\", { autoClose: false });\n ReactGA.event({\n category: \"Sales\",\n action: \"Subscribed\",\n label:\n referrer !== null\n ? \"From Affiliate\"\n : \"Without affiliate\"\n });\n let { token } = await this.props.stripe.createToken({ name: this.state.name });\n if (typeof token === 'undefined') {\n toast.update(theToast, {\n autoClose: 3000,\n type: toast.TYPE.ERROR,\n render:\n \"Sign up failed. Check your card info!\"\n });\n return;\n } else {\n let coupon_code = this.props.coupons.details !== null ? this.props.coupons.details.id : null\n this.props\n .enrollCustomer(token, \"pro\", referrer, coupon_code)\n .then(async res => {\n const userLoggedIn = await localStorage.getItem(\n \"userLoggedIn\"\n );\n if (userLoggedIn) {\n toast.update(theToast, {\n type: toast.TYPE.SUCCESS,\n autoClose: 4000,\n render: `Thank you ${this.props.auth.data.name.replace(\n / .*/,\n \"\"\n )}! Your Linkstackr is live!`\n });\n this.props.history.push({\n pathname: \"/start/\"\n });\n } else {\n toast.update(theToast, {\n autoClose: 3000,\n type: toast.TYPE.ERROR,\n render:\n \"Sign up failed. Check your email and password!!\"\n });\n }\n }); // premium plan ID from Stripe\n }\n }\n handleSubmitLater = async e => {\n e.preventDefault();\n\n let referrer = this.state.referrer;\n\n theToast = toast.success(\"Publishing...\", { autoClose: false });\n ReactGA.event({\n category: \"Sales\",\n action: \"Subscribed / No Card\",\n label:\n referrer !== null\n ? \"From Affiliate\"\n : \"Without affiliate\"\n });\n\n this.props\n .enrollCustomerWithoutCard(\"pro\", referrer)\n .then(async res => {\n const userLoggedIn = await localStorage.getItem(\n \"userLoggedIn\"\n );\n if (userLoggedIn) {\n toast.update(theToast, {\n type: toast.TYPE.SUCCESS,\n autoClose: 4000,\n render: `Thank you ${this.props.auth.data.name.replace(\n / .*/,\n \"\"\n )}! Your Linkstackr is live!`\n });\n this.props.history.push({\n pathname: \"/start/\"\n });\n } else {\n toast.update(theToast, {\n autoClose: 3000,\n type: toast.TYPE.ERROR,\n render:\n \"Sign up failed. Check your email and password!!\"\n });\n }\n }); // premium plan ID from Stripe\n }\n\n\n render() {\n ReactGA.event({\n category: 'Sales',\n action: 'View Subscribe Page'\n });\n\n document.body.classList.remove(\"inner-page\");\n return (\n 👋 Welcome! 👋
\n\t\t\t\tIn order to save your progress, we need your email address and a password!
\n\n\t\t\t\t\n\t\t\t\tOr
\n\t\t\t\t\n\t\t\t\t\t this.responseFacebook(response)} />\n\t\t\t\t
*/}\n\t\t\t\t\n \n \n \n
\n \n \n \n \n
\n \n \n
\n\n \n \n $4/month\n \n {/*
\n Limited Time Special
\n\n Try linkstackr for 15 days free.\n
\n\n After 15 days, you will be charged\n
\n\n\n Your card will not be charged until your 15-day trial period\n is complete.\n
*/}\n \n\n All transactions are securely processed with Stripe.\n
\n {/*\n {/* this.setState({ couponModalOpen: true })}\n >\n Have a code?\n \n )}\n {this.props.coupons.details &&\n this.props.coupons.details.percent_off && (\n
\n \n \n \n
*/}\n \n Welcome To linkstackr, sign up to get started!\n
\n\n
\n\n {/* forgot? */}\n {this.props.coupons.isValid !== true && (\n \n {this.props.coupons.details.percent_off}% OFF\n ACTIVATED\n
\n )}\n {this.props.coupons.details &&\n this.props.coupons.details.amount_off && (\n\n ${this.props.coupons.details.amount_off} OFF ACTIVATED\n
\n )}\n {this.props.coupons.details &&\n this.props.coupons.details.duration === \"forever\" && (\n\n This will apply to every payment for the lifetime of\n your account.\n
\n )}\n\n \n Publish with 15-Day Trial\n \n\n
\n \n \n By signing up, you agree to our\n
\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tGet Started\n\t\t\t\t\t\t\n\t\t\t\t\t{/*
\n\t\t\t)\n\t\t}\n\t\telse {\n\t\t\treturn(\n\t\t\t\tWelcome to Linkstackr VIP! 👋
\n\t\t\t\t\tIn order to save your progress, we need your email address and a password!
\n\t\t\t\t\t\n\t\t\t\t\tOr
\n\t\t\t\t\t\n\t\t\t\t\t\t this.responseFacebook(response)} />\n\t\t\t\t\t
*/}\n\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\tEnter\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t}\n}\n\n\nconst mapStateToProps = state => ({\n\tauth: state.auth,\n\tcoupons: state.coupons\n});\n\nexport default withRouter(\n\tconnect(\n\t\tmapStateToProps,\n\t\t{ register, facebook_login }\n\t)(VipSignUp)\n);\n","import { library } from \"@fortawesome/fontawesome-svg-core\";\nimport { faDribbble, faFacebookSquare, faInstagram, faLinkedin, faTwitch, faTwitterSquare, faYoutubeSquare, faPinterestSquare, faFacebookMessenger } from \"@fortawesome/free-brands-svg-icons\";\nimport { faAddressCard, faArrowCircleLeft, faArrowCircleRight, faCheckCircle, faUserCheck, faBars, faBookOpen, faCameraRetro, faCaretDown, faCaretUp, faChartLine, faCheck, faMedal, faCubes, faEdit, faEnvelopeOpen, faEye, faEyeSlash, faLock, faMagic, faMinusCircle, faMoneyBillWave, faPencilAlt, faQrcode, faSearch, faTimes, faTrash, faUser, faWifi } from \"@fortawesome/free-solid-svg-icons\";\nimport React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Route, Switch, withRouter } from \"react-router-dom\";\nimport { ToastContainer } from \"react-toastify\";\nimport Footer from '../UIcomponents/footer';\nimport Navbar from \"../UIcomponents/navbar\";\nimport PageNotFound from './404';\nimport Account from \"./Account\";\nimport Analytics from './Analytics';\nimport UseCase from \"./cases/UseCase\";\nimport Dashboard from './Dashboard';\nimport Edit from \"./Edit\";\nimport Home from \"./Home\";\nimport Login from \"./Login\";\nimport Pricing from \"./Pricing\";\nimport ProtectedRoute from './ProtectedRoute';\nimport PublicView from \"./PublicView\";\nimport SignUp from \"./SignUp\";\nimport TermsAndConditions from './TermsAndConditions';\nimport ResetPassword from \"./ResetPassword\";\nimport TrialPrompt from \"./TrialPrompt\";\nimport Publish from \"./Publish\";\nimport VipSignUp from \"./VipSignUp\";\nimport Cookies from 'universal-cookie';\nimport queryString from 'query-string';\nlibrary.add(\n faSearch,\n faEdit,\n faCheck,\n faCheckCircle,\n faEyeSlash,\n faEye,\n faCaretDown,\n faCaretUp,\n faMinusCircle,\n faTrash,\n faCameraRetro,\n faEnvelopeOpen,\n faLock,\n faUser,\n faMagic,\n faChartLine,\n faPencilAlt,\n faTimes,\n faArrowCircleLeft,\n faArrowCircleRight,\n faBars,\n faFacebookSquare,\n faTwitterSquare,\n faInstagram,\n faTwitch,\n faLinkedin,\n faDribbble,\n faAddressCard,\n faWifi,\n faBookOpen,\n faCubes,\n faQrcode,\n faMoneyBillWave,\n faYoutubeSquare,\n faPinterestSquare,\n faFacebookMessenger,\n faMedal,\n faUserCheck\n);\n\n\n\n\nclass Main extends Component {\n render() {\n const cookies = new Cookies();\n var parsed = queryString.parse(this.props.location.search);\n if(typeof parsed.via !== 'undefined'){\n console.log(\"PARSED VIA: \", parsed.via)\n if(typeof(cookies.get('referred_by')) === \"undefined\"){\n cookies.set('referred_by', parsed.via, { path: '/' });\n console.log(\"Referred by: \", cookies.get('referred_by'));\n } else {\n console.log(\"Current referral \", parsed.via, \" cannot override the first affiliate: \", cookies.get('referred_by'));\n }\n }\n\n let onPublic = this.props.location.pathname.indexOf(\"/v\") !== -1;\n let onPreview = this.props.location.pathname.indexOf(\"/preview\") !== -1;\n let onEdit = this.props.location.pathname.indexOf(\"/edit\") !== -1;\n let onHome = this.props.location.pathname === \"/\";\n\n return (\n Welcome to Linkstackr VIP!
\n\t\t\t\t\tWe're glad you're here! Please enter the VIP password you were given in order to get started!
\n\t\t\t\t\t\n
\n );\n }\n}\n\nconst mapStateToProps = state => ({\n isLoggedIn: state.auth.isLoggedIn\n});\nexport default withRouter(\n connect(\n mapStateToProps,\n { }\n )(Main)\n);\n","import * as Sentry from '@sentry/browser';\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport { Elements, StripeProvider } from \"react-stripe-elements\";\nimport \"react-toastify/dist/ReactToastify.min.css\";\nimport Main from './components/Main';\nimport \"./styles/base.scss\";\nimport \"./styles/css/animate.min.css\";\nimport \"./styles/custom/_style.scss\";\nimport \"./styles/fonts.scss\";\nimport \"./styles/home/index.scss\";\nimport \"./styles/style.scss\";\nimport { inDev, stripePublishableKey } from './Utils/Constants';\nimport ReactPixel from 'react-facebook-pixel';\n \n\nconst options = {\n autoConfig: true, \t// set pixel's autoConfig\n debug: false, \t\t// enable logs\n};\nReactPixel.init('572352783339288', null, options);\n\n\nSentry.init({\n dsn: \"https://a19af9c2d8344498a441647ae4b343ef@sentry.io/1462829\",\n environment: process.env.NODE_ENV\n});\n\nclass App extends Component {\n render() {\n return (\n \n {!onPublic && !onPreview && \n \n \n \n } />\n \n \n
\n\n {!onPublic && !onPreview && !onEdit && }\n