\n \n AI for Dreamers\n
\n
\n );\n };\n\n return (\n \n AI for Dreamers\n
\n - No coding Needed\n
\n \n Create 3D & 2D video games without coding.\n
\n \n Free. Easy To Use.\n
\n \n {isDesktop ? (\n <>\n */}\n */}\n
\n );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonShared\":\"NewHome_buttonShared__1IMvL\",\"buttonVerticalGradientOrangeYellow\":\"NewHome_buttonVerticalGradientOrangeYellow__fYRI2\",\"buttonVerticalGradientOrange\":\"NewHome_buttonVerticalGradientOrange__3Gxvg\",\"buttonNewBB4Home\":\"NewHome_buttonNewBB4Home__2Ovbm\",\"buttonReglarDarkGrey\":\"NewHome_buttonReglarDarkGrey__1J9AV\",\"buttonReglarGrey\":\"NewHome_buttonReglarGrey__ZdYYz\",\"buttonGradientOrange\":\"NewHome_buttonGradientOrange__ImYT_\",\"buttonRegularYellow\":\"NewHome_buttonRegularYellow__2Wjky\",\"buttonRegularOrange\":\"NewHome_buttonRegularOrange__2DNiD\",\"buttonGhost\":\"NewHome_buttonGhost__2dd3B\",\"buttonGhostDisabled\":\"NewHome_buttonGhostDisabled__1WxZ6\",\"buttonGhostGreen\":\"NewHome_buttonGhostGreen__RuW6F\",\"buttonGhostGradientOrange\":\"NewHome_buttonGhostGradientOrange__2Sp0H\",\"buttonGhostOrange\":\"NewHome_buttonGhostOrange__1fRKm\",\"buttonGhostDarkBlue\":\"NewHome_buttonGhostDarkBlue__3JJZp\",\"buttonGhostBlue\":\"NewHome_buttonGhostBlue__5ELMU\",\"buttonGhostGrey\":\"NewHome_buttonGhostGrey__2ymht\",\"buttonDisabled\":\"NewHome_buttonDisabled__3XJTp\",\"clientLoginText\":\"NewHome_clientLoginText__bH9ny\",\"returnToSignIn\":\"NewHome_returnToSignIn__1MMRq\",\"error\":\"NewHome_error__3lYlV\",\"link\":\"NewHome_link__3HwcO\",\"arrow\":\"NewHome_arrow__3y6uc\",\"signOut\":\"NewHome_signOut__2i6xf\",\"signOutText\":\"NewHome_signOutText__24Ecx\",\"button\":\"NewHome_button__3uqsG\",\"container\":\"NewHome_container__i4hM-\",\"shop\":\"NewHome_shop__AixR_\",\"buttonWrapper\":\"NewHome_buttonWrapper__2BpFT\"};","import React, { MouseEventHandler, ReactElement, Ref } from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport classnames from \"classnames\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-common-types\";\n\nexport type StyleProps = {\n icon?: string\n passwordIcon?:string\n label?:string\n input?:string\n error?:string\n resetPassword?:string\n errorMessage?:string\n container?:string\n}\n\nexport type Props\n
\n )}\n \n {!isDesktopOrLaptop && headerText()}\n
\n \n To get started, you will need to create an account below!\n
\n \n\n {showSignUp && (\n <>\n \n scrollToLogin(props, windowWidth)}\n setShowConfirmationForm={setShowConfirmationForm}\n confirmationData={confirmationData}\n referral={true}\n />\n \n )}\n {!showSignUp && (\n \n Create an Account Manually\n \n )}\n
\n \n {renderTitle()}\n {renderInputIcon()}\n
\n );\n});\n\nexport default GenericInput;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonShared\":\"Signup_buttonShared__3eaLZ\",\"buttonVerticalGradientOrangeYellow\":\"Signup_buttonVerticalGradientOrangeYellow__2IcxQ\",\"buttonVerticalGradientOrange\":\"Signup_buttonVerticalGradientOrange__28EZD\",\"buttonReglarDarkGrey\":\"Signup_buttonReglarDarkGrey__1N3tV\",\"buttonReglarGrey\":\"Signup_buttonReglarGrey__3GdCp\",\"buttonGradientOrange\":\"Signup_buttonGradientOrange__1NTMl\",\"buttonRegularYellow\":\"Signup_buttonRegularYellow__1-pzy\",\"buttonRegularOrange\":\"Signup_buttonRegularOrange__2WJke\",\"buttonGhost\":\"Signup_buttonGhost__3f-Zc\",\"buttonGhostDisabled\":\"Signup_buttonGhostDisabled__3zwt6\",\"buttonGhostGreen\":\"Signup_buttonGhostGreen__m5IqV\",\"buttonGhostGradientOrange\":\"Signup_buttonGhostGradientOrange__3L8wM\",\"buttonGhostOrange\":\"Signup_buttonGhostOrange__4Ucvl\",\"buttonGhostDarkBlue\":\"Signup_buttonGhostDarkBlue__3NMIa\",\"buttonGhostBlue\":\"Signup_buttonGhostBlue__3A-8u\",\"buttonGhostGrey\":\"Signup_buttonGhostGrey__2FUAu\",\"buttonDisabled\":\"Signup_buttonDisabled__1RfSz\",\"clientLoginText\":\"Signup_clientLoginText__2iMrX\",\"returnToSignIn\":\"Signup_returnToSignIn__1Gvfb\",\"error\":\"Signup_error__151Li\",\"link\":\"Signup_link__RKoHA\",\"arrow\":\"Signup_arrow__3PzOO\",\"signOut\":\"Signup_signOut__3z7dD\",\"signOutText\":\"Signup_signOutText__1W2DL\",\"linkRegular\":\"Signup_linkRegular__2ERIh\",\"clientDefaultText\":\"Signup_clientDefaultText__2D0rv\",\"signup\":\"Signup_signup__3Sm6p\",\"passwordDescClient\":\"Signup_passwordDescClient__2TPGd\",\"passwordRequirement\":\"Signup_passwordRequirement__1rjtp\",\"passwordRequirementDefault\":\"Signup_passwordRequirementDefault__1Bek_\",\"userCreatorNameInfoTitle\":\"Signup_userCreatorNameInfoTitle__1tfen\",\"infoIcon\":\"Signup_infoIcon__2F2iK\",\"abbr\":\"Signup_abbr__jB4pS\",\"screenNameMessageWrapper\":\"Signup_screenNameMessageWrapper__3dW8p\",\"screenNameSuccessText\":\"Signup_screenNameSuccessText__DZuQM\",\"errorMessage\":\"Signup_errorMessage__2oYd3\",\"clientSignupForm\":\"Signup_clientSignupForm__1JBhN\",\"form\":\"Signup_form__1tas0\",\"policyCheckboxDefault\":\"Signup_policyCheckboxDefault__2Bz4M\",\"policyCheckbox\":\"Signup_policyCheckbox__1IYk7\",\"terms\":\"Signup_terms__1Qd6_\",\"signupContainer\":\"Signup_signupContainer__2nJHi\",\"signupInputLabel\":\"Signup_signupInputLabel__1OVYf\",\"signupInput\":\"Signup_signupInput__174Eg\",\"signupInputDefault\":\"Signup_signupInputDefault__1Kguh\",\"signupInputError\":\"Signup_signupInputError__2-Gaz\",\"passwordIcon\":\"Signup_passwordIcon__3t9B-\",\"web\":\"Signup_web__2TqEB\",\"passwordDescContainerClient\":\"Signup_passwordDescContainerClient__3tMFR\",\"oneNumberValid\":\"Signup_oneNumberValid__3CFnj\",\"eightCharValid\":\"Signup_eightCharValid__z0lpx\",\"passwordDescContainerWeb\":\"Signup_passwordDescContainerWeb__21s6l\",\"checkboxWrapper\":\"Signup_checkboxWrapper__iELT8\",\"confirmationFormClient\":\"Signup_confirmationFormClient__xC-DV\",\"resendCodeWrapper\":\"Signup_resendCodeWrapper__-5RZT\",\"autofill\":\"Signup_autofill__3rXge\",\"resendCodeLink\":\"Signup_resendCodeLink__11g8H\",\"resendCodeLinkDefault\":\"Signup_resendCodeLinkDefault__3RkY_\",\"tooltip\":\"Signup_tooltip__1mk0j\",\"tooltiptext\":\"Signup_tooltiptext__3HGNu\",\"tooltiptextTop\":\"Signup_tooltiptextTop__KI13L\",\"tooltiptextBottom\":\"Signup_tooltiptextBottom__1rvmu\",\"tooltiptextLeft\":\"Signup_tooltiptextLeft__1rmdW\",\"tooltiptextRight\":\"Signup_tooltiptextRight__2bXM_\"};","import { useState } from \"react\";\n\n//used in all form pages\nexport function useFormFields(initialState) {\n const [fields, setValues] = useState(initialState);\n\n //takes intial values and returns fields, with sets values using hooks\n return [\n fields,\n function (fieldName, value) {\n if (fieldName === null && typeof value === \"object\") {\n setValues(value);\n } else {\n setValues({\n ...fields,\n [fieldName]: value,\n });\n }\n },\n ];\n}\n","import React from \"react\";\nimport styles from \"../styles/LoaderButton.module.scss\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faSpinner } from \"@fortawesome/free-solid-svg-icons/faSpinner\";\nimport classnames from \"classnames\";\n\nexport default function LoaderButton({\n isLoading,\n disabled = false,\n onBlurCallback,\n fromClient,\n ...props\n}) {\n const loaderButtonClass = classnames({\n [styles.LoaderButton]: true,\n [styles.client]: true,\n });\n\n const disabledClass = classnames({\n [styles.Disabled]: true,\n [styles.DisabledClient]: true,\n [styles.client]: true,\n });\n const handleOnBlur = () => {\n if (onBlurCallback) {\n onBlurCallback();\n }\n };\n return (\n {errorMessage}
\n Make Games, Make Money
Using AI
,\n heroTitle: \" \",\n parallax: false,\n heroImage: {\n alt: \"storygames.ai coming soon\",\n desktopUrl: \"https://frontend-assets.buildbox.com/uploads/2023_08/BB_StoryGames_Hero_AN_Opt_2160x900.jpg\",\n mobileUrl: \"https://frontend-assets.buildbox.com/uploads/2023_08/BB_StoryGames_Hero_AN_600x300.jpg\",\n lowResDesktopImageUrl:\n \"https://frontend-assets.buildbox.com/uploads/2023_08/BB_StoryGames_Hero_AN_LoRes_2160x900.jpg\",\n },\n showHeadrest: true,\n hasButton: true,\n heroButton: [\n {\n isAnchor: true,\n buttonText: <>Create Now,\n buttonSubText: \"\",\n buttonLink: \"https://storygames.buildbox.com/\"\n },\n {\n isAnchor: true,\n buttonText: <>DownloadBuildbox Classic,\n buttonSubText: \"Now with Artificial Intelligence!\",\n buttonLink: \"/downloads/bb2\"\n },\n // {\n // isAnchor: true,\n // buttonText: <>Download
Buildbox 3,\n // buttonSubText: \"Made a game before? Try this!\",\n // buttonLink: \"/downloads/bb3\"\n // }\n ],\n unfoldFuton: false,\n futonData: {\n futonLogo: \"\",\n title: null,\n subtext: null,\n backgroundColor: \"red\",\n backgroundImg: \"\",\n },\n product: \"heroBg\",\n};\n\nexport const heroDataMobile = {\n heroTitle: \" \",\n imageText: \"Hero Image\",\n heroImage: {\n alt: \"storygames.ai coming soon\",\n desktopUrl: \"https://frontend-assets.buildbox.com/uploads/2023_08/BB_StoryGames_Hero_AN_Opt_2160x900.jpg\",\n mobileUrl: \"https://frontend-assets.buildbox.com/uploads/2023_08/BB_StoryGames_Hero_AN_600x300.jpg\",\n lowResDesktopImageUrl:\n \"https://frontend-assets.buildbox.com/uploads/2023_08/BB_StoryGames_Hero_AN_LoRes_2160x900.jpg\",\n }\n};\n\nexport const bbShopObj = {\n product: \"shop\",\n lightBg: false,\n lightTopLine: true,\n lightText: true,\n lightTextDesc: true,\n topLine: \"\",\n headline: \"Got original assets you want to sell?\",\n headingline2: \"Check out \",\n description:\n \"The Buildbox Shop is our asset store with tons of free and premium assets at your fingertips! Creators can find all kinds of assets to help complete their games, from 2D and 3D assets to UI elements.\",\n description2: \"Your unique assets could be the last piece other creators need to finish their game! Start selling your game assets in the Buildbox Shop today!\",\n hasButton: false,\n hasLogo: true,\n buttonLabel: \"Get Started\",\n imgStart: false,\n img: \"https://frontend-assets.buildbox.com/2022_BBShop__NeonCity 2.png\",\n alt: \"Buildbox 3 Template Library\",\n start: \"\",\n // backgroundImg:\n // \"https://frontend-assets.buildbox.com/2022_BBShop__NeonCity 2.png\",\n logoSrc: \"\",\n descriptionButtonLink:\"https://shop.buildbox.com\",\n descriptionButtonSrc:\"https://frontend-assets.buildbox.com/2022_BB3_BC_BBShop_MainPage_Button.svg\"\n};\n\n\nexport const homeObjOne = {\n product: \"\",\n lightBg: false,\n lightTopLine: true,\n lightText: true,\n lightTextDesc: true,\n textAlign: \"center\",\n topLine: \"\",\n headline: `Introducing\nBuildbox AI`, \n description:\n \"With a single click, the new Buildbox AI tool allows anyone to easily create unique, high-quality characters, environments, or objects for their video game projects. Simply type what you want in the prompt box to generate stunning assets within seconds. From there, drag and drop your creations onto the Creator Wheel and start building out your game - no prior coding or design skills are required.\",\n hasButton: false,\n hasLogo: false,\n buttonLabel: \"\",\n imgStart: \"\",\n img: \"https://frontend-assets.buildbox.com/BB_AI_UI_Screens.png\",\n alt: \"Buildbox 3 User Interface Image\",\n start: \"\",\n backgroundImg:\n \"https://frontend-assets.buildbox.com/homepage_value_prop_bg.svg\",\n clickableImg: true,\n imgLinkSrc: \"https://signup.buildbox.com/downloads/bb2\"\n};\n\nexport const testimonialsListSection = {\n items: [\n {\n title: \"David Reichelt\",\n subTitle: \"Color Switch\",\n imgSrc: \"https://frontend-assets.buildbox.com/testimonials_creator_reichelt.webp\",\n imgAlt: \"David Reichelt\",\n description: [\n `\"The best things about Buildbox are how easy it is to build a game and how quickly you can build a game. I built a game in a week that has surpassed 200 million downloads. If I didn't have Buildbox my life would not have taken a 180 degree turn the way it has. Buildbox is the tool that changed my life and enabled me to do this business fulltime.\"`\n ]\n },\n {\n title: \"Simon Crack\",\n subTitle: \"Dead Cool Apps\",\n imgSrc: \"https://frontend-assets.buildbox.com/testimonials_creator_crack.webp\",\n imgAlt: \"David Reichelt\",\n description: `\"Buildbox is the best drag and drop game builder ever created. We use it exclusively in our business to create awesome games fast without any coding. We have been featured 8 times by Apple, all games were built with Buildbox.\"`\n }\n ]\n}\n\nexport const homeObjThree = {\n product: \"homeGamesBg\",\n topLine: \"Amazing Games \\n Made Here\",\n lightTopLine: true,\n lightBg: false,\n hoverStyle: true,\n slideUp: true,\n listItems: [\n {\n title: \"\",\n lightText: true,\n img: \"https://frontend-assets.buildbox.com/nitefighter.png\",\n imgLink: \"/games\",\n descTitle: \"Nite Fighter\",\n description: \"Nite Fighter by Ben Scriven is a 3D flying arcade shooter!\",\n alt: \"Nite Fighter\",\n button: true,\n buttonCTA: \"Learn More\",\n link: \"https://www.buildbox.com/buildbox-game-spotlight-nite-fighter/ \",\n },\n {\n title: \"\",\n lightText: true,\n img: \"https://frontend-assets.buildbox.com/onewheel.png\",\n imgLink: \"/games\",\n descTitle: \"One Wheel\",\n description:\n \"One Wheel by Tap Men Games tests your unicycle riding skills.\",\n alt: \"One Wheel\",\n button: true,\n buttonCTA: \"Learn More\",\n link: \"https://www.buildbox.com/buildbox-game-spotlight-one-wheel/ \",\n },\n {\n title: \"\",\n lightText: true,\n img: \"https://frontend-assets.buildbox.com/balancestuff_v2_opt.png\",\n imgLink: \"/games\",\n descTitle: \"Balance Stuff\",\n description:\n \"Balance Stuff by VRPlaying Games makes stacking random stuff fun!\",\n alt: \"Balance Stuff\",\n button: true,\n buttonCTA: \"Learn More\",\n link: \"https://www.buildbox.com/buildbox-game-spotlight-balance-stuff/ \",\n },\n ],\n};\n\nexport const homeObjFour = {\n product: \"\",\n parallax: true,\n lightBg: false,\n lightTopLine: true,\n lightText: true,\n lightTextDesc: true,\n textAlign: \"left\",\n topLine: \"\",\n headline: \"Our Vision\",\n description:\n \"At Buildbox, we believe that creating games is for everyone. With our powerful software, we're breaking down the barriers of game development for creators like you. We believe that anyone should get the opportunity to bring their ideas to life. The only skill you need is imagination. And we're just getting started!\",\n hasButton: false,\n hasLogo: false,\n buttonLabel: \"\",\n imgStart: \"\",\n img: \"\",\n backgroundImg: \"https://frontend-assets.buildbox.com/neon_large_opt.jpg\",\n alt: \"Buildbox Mascot\",\n start: \"\",\n wrapperCustomStyle: {\n padding: \"200px\",\n },\n};\n\nexport const homeObjFourMobile = {\n heroTitle: \"Our Vision\",\n heroSubText:\n \"At Buildbox, we believe that creating games is for everyone. With our powerful software, we're breaking down the barriers of game development for creators like you. We believe that anyone should get the opportunity to bring their ideas to life. The only skill you need is imagination. And we're just getting started!\",\n heroImage: {\n desktopUrl: \"https://frontend-assets.buildbox.com/ourvision_bg.svg\",\n mobileUrl: \"https://frontend-assets.buildbox.com/neon_mobile.jpg\",\n },\n alignItems: \"left\",\n};\n\nexport const footerData = {\n heroTitle: null,\n heroSubText: null,\n heroImage: {\n desktopUrl: \"\",\n mobileUrl: \"\",\n },\n showHeadrest: false,\n hasButton: true,\n heroButton: {\n buttonText: \"Download Free\",\n buttonLink: \"/downloads/bb3\",\n isLinkExternal: false,\n linkedToDownloads: true,\n borderColor: \"#F16522\",\n buttonColor: \"#F16522\",\n hoverStyle: {\n borderColor: \"#D34D0D\",\n buttonColor: \"#D34D0D\",\n textColor: \"#FFFFFF\",\n },\n },\n unfoldFuton: true,\n futonData: {\n futonLogo: null,\n title: \"Are you ready to start creating your own games?\",\n subtext: \"\",\n backgroundColor: \"#0c8bb4\",\n backgroundImg:\n \"https://frontend-assets.buildbox.com/homepage_final_cta_bg.svg\",\n },\n product: \"bb3\",\n footerStyle: true,\n};\n\nexport const bb4CardSectionObject = {\n backgroundImg: null,\n product: \"BB4\",\n primary: true,\n lightBg: false,\n lightTopLine: true,\n lightText: true,\n lightTextDesc: true,\n topLine: undefined,\n headline: \"\",\n description: \"\",\n buttonLabel: \"Sign Up Now\",\n imgStart: \"start\",\n img: \"https://www.w3schools.com/tags/pic_trulli.jpg\",\n alt: \"Vault\",\n start: \"true\",\n isCarousel: true,\n cardItems: [\n {\n title: \"Tutorials\",\n lightText: true,\n img: \"https://frontend-assets.buildbox.com/BB3_Tutorial_opt.jpg\",\n imgLink: \"https://www.buildbox.com/tutorials-buildbox-3/\",\n description:\n \"We have tutorials, manuals, and personal email support for any customer who needs it.\",\n alt: \"Buildbox Tutorials\",\n button: true,\n buttonCTA: \"Learn More\",\n },\n {\n title: \"Community\",\n lightText: true,\n img: \"https://frontend-assets.buildbox.com/Community_image_opt.jpg\",\n imgLink: \"https://www.buildbox.com/forum/index.php\",\n description: \"Join our active forums to learn how to use Buildbox.\",\n alt: \"Buildbox Community\",\n button: true,\n buttonCTA: \"Learn More\",\n },\n ],\n};\n\nexport const bb3CardSectionObject = {\n backgroundImg: null,\n product: \"BB3\",\n primary: true,\n lightBg: false,\n lightTopLine: true,\n lightText: true,\n lightTextDesc: true,\n topLine: undefined,\n headline: \"\",\n description: \"\",\n buttonLabel: \"Sign Up Now\",\n imgStart: \"start\",\n img: \"https://www.w3schools.com/tags/pic_trulli.jpg\",\n alt: \"Vault\",\n start: \"true\",\n isCarousel: true,\n cardItems: [\n {\n title: \"Tutorials\",\n lightText: true,\n img: \"https://frontend-assets.buildbox.com/BB3_Tutorial_opt.jpg\",\n imgLink: \"https://www.buildbox.com/tutorials-buildbox-3/\",\n description:\n \"We have tutorials, manuals, and personal email support for any customer who needs it.\",\n alt: \"Buildbox Tutorials\",\n button: true,\n buttonCTA: \"Learn More\",\n },\n {\n title: \"Community\",\n lightText: true,\n img: \"https://frontend-assets.buildbox.com/Community_image_opt.jpg\",\n imgLink: \"https://www.buildbox.com/forum/index.php\",\n description: \"Join our active forums to learn how to use Buildbox.\",\n alt: \"Buildbox Community\",\n button: true,\n buttonCTA: \"Learn More\",\n },\n ],\n};\n\nexport const bb2CardSectionObject = {\n backgroundImg: null,\n product: \"BB2\",\n primary: true,\n lightBg: false,\n lightTopLine: true,\n lightText: true,\n lightTextDesc: true,\n topLine: undefined,\n headline: \"\",\n description: \"\",\n buttonLabel: \"Sign Up Now\",\n imgStart: \"start\",\n img: \"https://www.w3schools.com/tags/pic_trulli.jpg\",\n alt: \"Vault\",\n start: \"true\",\n isCarousel: true,\n cardItems: [\n {\n title: \"Tutorials\",\n lightText: true,\n img: \"https://frontend-assets.buildbox.com/BBClassic_Tutorial_opt.jpg\",\n imgLink: \"https://www.buildbox.com/tutorials-buildbox-classic/\",\n description:\n \"We have tutorials, manuals, and personal email support for any customer who needs it.\",\n alt: \"Buildbox Tutorials\",\n button: true,\n buttonCTA: \"Learn More\",\n },\n {\n title: \"Community\",\n lightText: true,\n img: \"https://frontend-assets.buildbox.com/Community_image_opt.jpg\",\n imgLink: \"https://www.buildbox.com/forum/index.php\",\n description: \"Join our active forums to learn how to use Buildbox.\",\n alt: \"Buildbox Community\",\n button: true,\n buttonCTA: \"Learn More\",\n },\n ],\n};\n\nexport const soundboxCardSectionObject = {\n backgroundImg: null,\n product: \"Soundbox\",\n primary: true,\n lightBg: false,\n lightTopLine: true,\n lightText: true,\n lightTextDesc: true,\n topLine: undefined,\n headline: \"\",\n description: \"\",\n buttonLabel: \"Sign Up Now\",\n imgStart: \"start\",\n img: \"https://www.w3schools.com/tags/pic_trulli.jpg\",\n alt: \"Vault\",\n start: \"true\",\n isCarousel: true,\n cardItems: [\n\n ],\n};\n\nexport const emptyCardSectionObject = {\n backgroundImg: null,\n product: \"\",\n primary: true,\n lightBg: false,\n lightTopLine: true,\n lightText: true,\n lightTextDesc: true,\n topLine: undefined,\n headline: \"\",\n description: \"\",\n buttonLabel: \"\",\n imgStart: \"start\",\n img: \"https://www.w3schools.com/tags/pic_trulli.jpg\",\n alt: \"Vault\",\n start: \"true\",\n isCarousel: true,\n cardItems: [\n\n ],\n};\n\n\n// AP: TODO: these could probably go somewhere better\nexport function cardSectionForProductName(productName) {\n let checkStr = productName.toLowerCase()\n // TODO BB4 release, probably need a bunch of user-facing content for bb4 like a product page and whatnot.\n if(checkStr === \"bb4\") {\n return bb4CardSectionObject\n } \n else if(checkStr === \"bb3\") {\n return bb3CardSectionObject\n }\n else if(checkStr === \"bb2\") {\n return bb2CardSectionObject\n }\n else if(checkStr === \"soundbox\") {\n return soundboxCardSectionObject\n }\n else {\n //console.log(\"not sure what card to use for product '\", checkStr, \"'\")\n return emptyCardSectionObject\n } \n}\n\nexport function logoSrcForProductName(productName) {\n let checkStr = productName.toLowerCase()\n if(checkStr === \"bb4\") {\n return \"https://frontend-assets.buildbox.com/BB4_logo.svg\"\n } \n else if(checkStr === \"bb3\") {\n return \"https://frontend-assets.buildbox.com/BB3+logo.svg\"\n }\n else if(checkStr === \"bb2\") {\n return \"https://frontend-assets.buildbox.com/BB2_logo.svg\"\n }\n else if(checkStr === \"soundbox\") {\n return \"https://frontend-assets.buildbox.com/soundbox/Soundbox.svg\"\n }\n else if(checkStr === \"bbbundle\") {\n return \"https://frontend-assets.buildbox.com/BB4_logo.svg\"\n } \n else {\n //console.log(\"not sure what logo to use for product '\", checkStr, \"'\")\n return \"\"\n }\n}\n\nexport function faqTextForProductName(productName) {\n let checkStr = productName.toLowerCase()\n if(checkStr === ProductCategory.BB2.toLowerCase()) {\n return faqBB2Text\n }\n else if (checkStr === ProductCategory.BB3.toLowerCase()) {\n return faqBB3Text\n }\n else if (checkStr === ProductCategory.BB4.toLowerCase()) {\n return faqBB4Text\n } \n else if (checkStr === ProductCategory.Soundbox.toLowerCase()) {\n return faqSoundboxText\n }\n else if (checkStr === ProductCategory.BBBundle.toLowerCase()) {\n return faqBBBundleText\n } \n else if (checkStr === ProductCategory.Monthly.toLowerCase()) {\n return faqMonthlyText\n }\n else {\n console.error(\"unknown product, so no FAQ: \", productName)\n }\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonShared\":\"Banner_buttonShared__WAXOF\",\"buttonVerticalGradientOrangeYellow\":\"Banner_buttonVerticalGradientOrangeYellow__18ScE\",\"buttonVerticalGradientOrange\":\"Banner_buttonVerticalGradientOrange__kpduW\",\"buttonReglarDarkGrey\":\"Banner_buttonReglarDarkGrey__1nHM6\",\"buttonReglarGrey\":\"Banner_buttonReglarGrey__1HDhL\",\"buttonGradientOrange\":\"Banner_buttonGradientOrange__1CPp8\",\"buttonRegularYellow\":\"Banner_buttonRegularYellow__1rQM9\",\"buttonRegularOrange\":\"Banner_buttonRegularOrange__3YPKs\",\"buttonGhost\":\"Banner_buttonGhost__17MA6\",\"buttonGhostDisabled\":\"Banner_buttonGhostDisabled__3Ra-g\",\"buttonGhostGreen\":\"Banner_buttonGhostGreen__1VDCn\",\"buttonGhostGradientOrange\":\"Banner_buttonGhostGradientOrange__1eTuT\",\"buttonGhostOrange\":\"Banner_buttonGhostOrange__2Lxs-\",\"buttonGhostDarkBlue\":\"Banner_buttonGhostDarkBlue__2EqmY\",\"buttonGhostBlue\":\"Banner_buttonGhostBlue__7L9Sv\",\"buttonGhostGrey\":\"Banner_buttonGhostGrey__6xJ3V\",\"buttonDisabled\":\"Banner_buttonDisabled__2kOz6\",\"clientLoginText\":\"Banner_clientLoginText__3QEgI\",\"returnToSignIn\":\"Banner_returnToSignIn__1LK3Q\",\"error\":\"Banner_error__1hSyC\",\"link\":\"Banner_link__24uPJ\",\"arrow\":\"Banner_arrow__3NEr4\",\"signOut\":\"Banner_signOut__1gOGC\",\"signOutText\":\"Banner_signOutText__2_Qp6\",\"banner\":\"Banner_banner__3EMFT\",\"bannerNoRedirect\":\"Banner_bannerNoRedirect__1z2EH\",\"parallaxContainer\":\"Banner_parallaxContainer__1GbZW\",\"parallax\":\"Banner_parallax__2DnxU\"};","import React, { useState, useEffect } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport styles from \"../../styles/Countdown.module.scss\";\nimport { fetchSale } from \"../../actions/sale\";\n\nexport default function Countdown(props) {\n const dispatch = useDispatch();\n const { prompt, saleTimeRemaining } = props;\n\n const [days, setDays] = useState(-1);\n const [hours, setHours] = useState(-1);\n const [minutes, setMinutes] = useState(-1);\n const [seconds, setSeconds] = useState(-1);\n // const [nextSaleCycle, setNextSaleCycle] = useState(couponData.futureSales.length > 0 ? couponData.futureSales[0].saleEnd : 0)\n const [salePrompt, setSalePrompt] = useState(\"\");\n let x;\n\n async function onLoad() {\n if (saleTimeRemaining !== 0) {\n const countDownDate = saleTimeRemaining + new Date().getTime();\n\n // Update the count down every 1 second\n x = setInterval(function () {\n // Get today's date and time\n const now = new Date().getTime();\n\n // Find the distance between now and the count down date\n const distance = countDownDate - now;\n\n // Time calculations for days, hours, minutes and seconds\n setDays(Math.floor(distance / (1000 * 60 * 60 * 24)));\n setHours(\n Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))\n );\n setMinutes(Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)));\n setSeconds(Math.floor((distance % (1000 * 60)) / 1000));\n\n if (distance < 0) {\n // clears the previous interval, will set a new one if applicable.\n clearInterval(x);\n dispatch(fetchSale(true));\n\n // if(nextSaleCycle !== 0){\n // onLoad(nextSaleCycle)\n // setSalePrompt(couponData.futureSales[0].saleAssets.prompt)\n // checkForSales()\n // }else{\n // setShowSaleUI(false)\n // }\n }\n }, 1000);\n }\n }\n\n useEffect(() => {\n onLoad();\n return () => clearInterval(x); //eslint-disable-next-line\n }, [saleTimeRemaining]);\n\n useEffect(() => {\n setSalePrompt(prompt); //eslint-disable-next-line\n }, [prompt]);\n\n return (\n <>\n
{salePrompt}
\n \n
\n \n
\n \n \n {days >= 0 ? days : \"-\"}\n \n \n {days === 1 ? \"Day\" : \"Days\"}\n \n
\n \n \n {hours >= 0 ? hours : \"-\"}\n \n \n {hours === 1 ? \"Hour\" : \"Hours\"}\n \n
\n \n \n {minutes >= 0 ? minutes : \"-\"}\n \n \n {minutes === 1 ? \"Minute\" : \"Minutes\"}\n \n
\n \n \n {seconds >= 0 ? seconds : \"-\"}\n \n \n {seconds === 1 ? \"Second\" : \"Seconds\"}\n \n
\n \n
\n );\n};\n","import React, { useState, useEffect } from \"react\";\nimport styles from \"../../styles/Banner.module.scss\";\nimport { isBrowser } from \"react-device-detect\";\nimport { ParallaxImage } from \"./ParallaxImage\";\n\nconst preloadAsset = (url) => {\n const link = document.createElement('link');\n link.rel = 'preload';\n link.as = 'image';\n link.href = url;\n document.head.appendChild(link);\n};\n\nconst Banner = (props) => {\n const {\n desktopImage,\n mobileImage,\n alt,\n redirectURL,\n mobileRedirectURL,\n external,\n bannerStyle,\n mobileBreakpoint,\n noRedirect,\n parallax,\n } = props;\n const [windowWidth, setWindowWidth] = useState(window.innerWidth);\n // const imageUrl = windowWidth >= 650 ? desktopImage : mobileImage;\n const breakpoint = mobileBreakpoint ? mobileBreakpoint : 900;\n const isDesktop = windowWidth >= breakpoint\n const responsiveImage = isDesktop? desktopImage : mobileImage;\n // use the mobile click url if screensize is mobile and mobile click url is defined - otherwise just use desktop (OK if both are undefined)\n const deviceSpecificRedirectURL = isDesktop || mobileRedirectURL === undefined? redirectURL : mobileRedirectURL\n\n useEffect(() => {\n preloadAsset(responsiveImage);\n }, [responsiveImage]);\n\n useEffect(() => {\n const handleWindowResize = () => {\n setWindowWidth(window.innerWidth);\n };\n\n window.addEventListener(\"resize\", handleWindowResize);\n\n return () => {\n window.removeEventListener(\"resize\", handleWindowResize);\n };\n }, []);\n\n const handleBannerRedirect = (e) => {\n e.preventDefault();\n if (!noRedirect && deviceSpecificRedirectURL !== undefined) {\n window.dataLayer.push({\n 'event': 'bannerClick',\n 'destinationUrl': deviceSpecificRedirectURL\n }); \n if (external) {\n window.open(deviceSpecificRedirectURL, \"_blank\");\n } \n else {\n props.router.history.push(deviceSpecificRedirectURL);\n }\n }\n };\n\n return (\n \n
\n {routeButtons()}
\n \n );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonShared\":\"SocialLogin_buttonShared__1xBS_\",\"buttonVerticalGradientOrangeYellow\":\"SocialLogin_buttonVerticalGradientOrangeYellow__3shwq\",\"buttonVerticalGradientOrange\":\"SocialLogin_buttonVerticalGradientOrange__2mBtU\",\"buttonReglarDarkGrey\":\"SocialLogin_buttonReglarDarkGrey__O-LTR\",\"buttonReglarGrey\":\"SocialLogin_buttonReglarGrey__s3rAv\",\"greyButton\":\"SocialLogin_greyButton__34zFW\",\"buttonGradientOrange\":\"SocialLogin_buttonGradientOrange__3YZKh\",\"gradientButton\":\"SocialLogin_gradientButton__3RqhC\",\"buttonRegularYellow\":\"SocialLogin_buttonRegularYellow__1BLzb\",\"buttonRegularOrange\":\"SocialLogin_buttonRegularOrange__273LE\",\"buttonGhost\":\"SocialLogin_buttonGhost__34Utl\",\"buttonGhostDisabled\":\"SocialLogin_buttonGhostDisabled__3zy2K\",\"buttonGhostGreen\":\"SocialLogin_buttonGhostGreen__20YER\",\"buttonGhostGradientOrange\":\"SocialLogin_buttonGhostGradientOrange__erxi_\",\"buttonGhostOrange\":\"SocialLogin_buttonGhostOrange__NEmFF\",\"buttonGhostDarkBlue\":\"SocialLogin_buttonGhostDarkBlue__2jhKn\",\"buttonGhostBlue\":\"SocialLogin_buttonGhostBlue__1_Cci\",\"buttonGhostGrey\":\"SocialLogin_buttonGhostGrey__1PnwT\",\"buttonDisabled\":\"SocialLogin_buttonDisabled__1aTo_\",\"clientLoginText\":\"SocialLogin_clientLoginText__1opwz\",\"returnToSignIn\":\"SocialLogin_returnToSignIn__1RU1_\",\"error\":\"SocialLogin_error__3KRTn\",\"link\":\"SocialLogin_link__O_AjZ\",\"arrow\":\"SocialLogin_arrow__2I9W_\",\"signOut\":\"SocialLogin_signOut__1R0py\",\"signOutText\":\"SocialLogin_signOutText__POCUS\",\"SocialLogin\":\"SocialLogin_SocialLogin__ZYZau\",\"socialIcon\":\"SocialLogin_socialIcon__Vzkcg\",\"socialLoginBtn\":\"SocialLogin_socialLoginBtn__1SuMT\",\"buttonLink\":\"SocialLogin_buttonLink__24B43\",\"socialLoginText\":\"SocialLogin_socialLoginText__3CLpL\",\"socialLoginReferral\":\"SocialLogin_socialLoginReferral__2FzGW\",\"separator\":\"SocialLogin_separator__11-9P\",\"SocialLoginClient\":\"SocialLogin_SocialLoginClient__3Nzb2\",\"fadeInUp\":\"SocialLogin_fadeInUp__24Ma8\",\"verticalLine\":\"SocialLogin_verticalLine__3ygPM\",\"socialBtnsWrapper\":\"SocialLogin_socialBtnsWrapper__3jnyZ\",\"socialIconClientBtn\":\"SocialLogin_socialIconClientBtn__1itH2\"};","import React, { useEffect, useState } from 'react';\nimport styles from '../../styles/home/EmbeddedYTVideo.module.scss';\n\n// interface EmbeddedYTVideoProps {\n// videoId: string;\n// width?: number;\n// height?: number;\n// title?: string;\n// }\n\nconst EmbeddedYTVideo = ({\n videoId,\n width = 560,\n height = 315,\n title = 'Video',\n autoplay = 1,\n mute = 1,\n}) => {\n const [videoUrl, setVideoUrl] = useState('');\n\n useEffect(() => {\n setVideoUrl(`https://www.youtube.com/embed/${videoId}?autoplay=${autoplay}&mute=${mute}&loop=1&playlist=${videoId}&vq=hd1080`);\n }, [videoId, autoplay, mute]);\n\n return (\n \n
\n );\n};\n\nexport default EmbeddedYTVideo;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"EmbeddedYTVideo_wrapper__3jQ07\",\"videoContainer\":\"EmbeddedYTVideo_videoContainer__x9Bh4\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"countdownContainer\":\"Countdown_countdownContainer__38bDO\",\"timerWrapper\":\"Countdown_timerWrapper__206C6\",\"countdownWrapper\":\"Countdown_countdownWrapper__1vCks\",\"countdownLabel\":\"Countdown_countdownLabel__22oqv\",\"countdownNumber\":\"Countdown_countdownNumber__3JNYT\",\"saleText\":\"Countdown_saleText__3lFud\",\"saleTerms\":\"Countdown_saleTerms__HFJZS\"};","import React, { useState, useEffect } from \"react\";\nimport Auth from \"@aws-amplify/auth\";\nimport GenericInput from \"../containers/helpers/genericInput\";\nimport { useFormFields } from \"../libs/hooksLibs\";\nimport styles from \"../styles/Signup.module.scss\";\nimport LoaderButton from \"./LoaderButton\";\nimport Log from \"../utils/Log\";\nimport classnames from \"classnames\";\nimport { scrollToLogin } from \"../utils/scrollAnimations\";\nimport { useDispatch } from \"react-redux\";\nimport { clientLoginRedirect } from \"../actions/current\";\n\n//confirmation code input used during sign up process\n\nexport default function ConfirmationCode(props) {\n const dispatch = useDispatch();\n const [confirmationErrorText, setConfirmationError] = useState(\n \"Thank you for signing up. Please check your email for a code to verify your account.\"\n );\n const [isLoading, setIsLoading] = useState(false);\n const [userInfo, setUserInfo] = useState(null);\n const [windowWidth, setWindowWidth] = useState(window.innerWidth);\n\n const { fromBBClient } = props;\n\n useEffect(() => {\n const handleWindowResize = () => {\n setWindowWidth(window.innerWidth);\n };\n\n window.addEventListener(\"resize\", handleWindowResize);\n\n return () => {\n window.removeEventListener(\"resize\", handleWindowResize);\n };\n });\n\n useEffect(() => {\n if (!props.username && props.confirmationData) {\n const { username, password } = props.confirmationData;\n setUserInfo({\n username: username,\n password: password,\n });\n } else {\n setUserInfo({\n username: props.username,\n password: props.password,\n });\n }\n //eslint-disable-next-line\n }, [props.confirmationData]);\n\n const firstInputTabRef = React.createRef();\n\n const resetTab = () => {\n firstInputTabRef.current.focus();\n };\n\n const inputStyles = {\n container: styles.signupContainer,\n label: styles.signupInputLabel,\n input: styles.signupInput,\n error: styles.signupInputError,\n };\n\n const [fields, updateField] = useFormFields({\n confirmationCode: \"\",\n });\n\n const [errorStateObject, updateInputErrorState] = useFormFields({\n confirmPassword: false,\n });\n\n function validateConfirmationForm() {\n return fields.confirmationCode.length > 0;\n }\n\n function handleFieldChange(inputName, value) {\n if (validateConfirmationForm(value)) {\n updateInputErrorState(inputName, false);\n }\n setConfirmationError(\n \"Thank you for signing up. Please check your email for a code to verify your account.\"\n );\n updateField(inputName, value);\n }\n\n async function handleSubmit(event) {\n event.preventDefault();\n\n if (!validateConfirmationForm()) {\n setConfirmationError(\"Please fill out the required field\");\n updateInputErrorState(\"confirmationCode\", true);\n return;\n }\n\n setIsLoading(true);\n\n try {\n await Auth.confirmSignUp(userInfo.username, fields.confirmationCode);\n\n if (fromBBClient) {\n await dispatch(\n clientLoginRedirect(userInfo.username, userInfo.password)\n );\n } else {\n await Auth.signIn(userInfo.username, userInfo.password);\n }\n } catch (e) {\n setConfirmationError(e.message);\n setIsLoading(false);\n }\n\n return Log.info(\"confirmation code submitted!\");\n }\n\n async function resendVerificationCode() {\n try {\n await Auth.resendSignUp(userInfo.username);\n setConfirmationError(\n \"A new code has been sent. Please check your email for the code or click the link to activate your account.\"\n );\n Log.trace(\"code resent succesfully\");\n } catch (err) {\n Log.error(\"error resending code: \", err);\n }\n }\n\n function renderResendCodeLink() {\n return (\n \n
\n \n \n Resend Code\n \n
\n );\n }\n\n function renderConfirmationForm() {\n return (\n \n );\n }\n\n return (\n \n
\n );\n}\n","import React from \"react\";\nimport styles from \"../../styles/Signup.module.scss\";\nimport GenericInput from \"../../containers/helpers/genericInput\";\nimport LoaderButton from \"../LoaderButton\";\nimport ConfirmationCode from \"../ConfirmationCode\";\nimport classnames from \"classnames\";\nimport { faEye, faEyeSlash } from \"@fortawesome/free-solid-svg-icons\";\n\nconst ClientSignup = (props) => {\n const {\n fields,\n errorStateObject,\n handleFieldChange,\n isLoading,\n signupErrorText,\n passwordShown,\n fromBBClient,\n router,\n handleSubmit,\n togglePasswordVisiblity,\n showErrorText,\n passwordErrorText,\n inputStyles,\n scrollToLogin,\n confirmationData,\n passwordValidationObject,\n windowWidth,\n referral,\n } = props;\n\n // console.log(referral);\n const firstInputTabRef = React.createRef();\n\n const resetTab = () => {\n firstInputTabRef.current.focus();\n };\n\n const signupTextState = classnames({\n [styles.passwordDescClient]: true,\n [styles.error]: signupErrorText,\n });\n\n const passwordTextState = classnames({\n [styles.passwordDescClient]: true,\n [styles.error]: passwordErrorText,\n });\n\n const eightCharValidState = classnames({\n [styles.eightCharValid]: passwordValidationObject.eightChars,\n [styles.error]: passwordErrorText,\n });\n\n const oneNumberValidState = classnames({\n [styles.oneNumberValid]: passwordValidationObject.oneNumber,\n [styles.error]: passwordErrorText,\n });\n\n function renderSignupForm() {\n return (\n \n {!props.referral && (\n scrollToLogin(props, windowWidth)}\n >\n
\n {renderConfirmationForm()}\n \n {confirmationErrorText}\n
\n \n {!referral && (\n scrollToLogin(props, windowWidth)}\n >\n
\n );\n }\n\n return (\n {showErrorText()}
\n \n \n {renderSignupForm()}\n
\n );\n};\n\nexport default ClientSignup;\n","import React, { useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport Auth from \"@aws-amplify/auth\";\nimport QueryString from \"query-string\";\nimport styles from \"../styles/Signup.module.scss\";\nimport { useFormFields } from \"../libs/hooksLibs\";\nimport classnames from \"classnames\";\nimport Log from \"../utils/Log\";\nimport { Link } from \"react-router-dom\";\nimport { validateText, validateEmail } from \"../utils/formUtils\";\nimport isLoggingInFromClient from \"../selectors/isLoggingInFromClient\";\nimport ClientSignup from \"../components/login/ClientSignup\";\nimport { clientLoginRedirect } from \"../actions/current\";\nimport { useDispatch } from \"react-redux\";\nimport { getBBVersion } from \"../utils/helperUtils\";\nimport { findCookieValue } from \"../utils/referralUtils\";\n\n//\"Container\" for sign up logic (ClientSignIn is for UI layout)\n\nexport default function Signup(props) {\n const dispatch = useDispatch();\n const {\n isMigration,\n fromBBClient,\n router,\n scrollToLogin,\n setShowConfirmationForm,\n confirmationData,\n windowWidth,\n referral,\n } = props;\n\n const [isLoading, setIsLoading] = useState(false);\n const [signupErrorText, setSignupErrorText] = useState(null);\n const [productErrorText] = useState(false);\n const [passwordErrorText, setPasswordErrorText] = useState(false);\n const [passwordValidationObject, setPasswordValidation] = useState({\n oneNumber: false,\n eightChars: false,\n });\n const [newUser, setNewUser] = useState(null);\n const [passwordShown, setPasswordShown] = useState(false);\n const isFromWebClient = !useSelector(isLoggingInFromClient);\n const currentUrl = new URL(window.location);\n const urlQuery = QueryString.parse(currentUrl.search);\n\n const [fields, updateField] = useFormFields({\n email: \"\",\n username: \"\",\n password: \"\",\n name: \"\",\n confirmPassword: \"\",\n });\n\n const [errorStateObject, updateInputErrorState] = useFormFields({\n email: false,\n username: false,\n name: \"\",\n password: false,\n confirmPassword: false,\n });\n\n function handleFieldChange(inputName, value) {\n if (validateText(value)) {\n updateInputErrorState(inputName, false);\n } else {\n updateInputErrorState(inputName, true);\n }\n setSignupErrorText(null);\n\n if (inputName === \"username\") {\n updateField(inputName, value.replace(/\\s+/g, \"\"));\n } else {\n updateField(inputName, value);\n }\n\n if (inputName === \"password\") {\n validatePasswordsOnFieldChange(value);\n }\n }\n\n const seInputErrorState = (input) => {\n const currentErrorObject = { ...errorStateObject };\n\n if (input === \"password\") {\n currentErrorObject[\"password\"] = true;\n currentErrorObject[\"confirmPassword\"] = true;\n } else {\n currentErrorObject[input] = true;\n }\n updateInputErrorState(null, currentErrorObject);\n };\n\n function validatePasswords() {\n // eslint-disable-next-line\n const pwRegex = RegExp(/^(?=.*\\d).{8,}$/);\n setPasswordErrorText(false);\n\n if (fields.password !== fields.confirmPassword) {\n setSignupErrorText(\"Passwords do not match\");\n // setPasswordErrorText(true);\n seInputErrorState(\"password\");\n return false;\n }\n\n if (!pwRegex.test(fields.confirmPassword)) {\n setSignupErrorText(\"Passwords do not match requirements\");\n // setPasswordErrorText(true);\n seInputErrorState(\"password\");\n return false;\n }\n\n return true;\n }\n\n function validatePasswordsOnFieldChange(value) {\n // const oneNum8CharsRegex = RegExp(/^(?=.*\\d).{8,}$/);\n const oneNumber = RegExp(/[\\d]{1}/);\n const eightCharacters = value.length >= 8;\n setPasswordErrorText(false); //sets to initial state\n\n const passwordValidation = { ...passwordValidationObject };\n\n passwordValidation[\"oneNumber\"] = oneNumber.test(value);\n passwordValidation[\"eightChars\"] = eightCharacters;\n\n setPasswordValidation(passwordValidation);\n\n // if (!oneNum8CharsRegex.test(value)) {\n // setPasswordErrorText(true); //sets to red\n // }\n }\n\n function validateEmailField() {\n if (!validateEmail(fields.email)) {\n setSignupErrorText(\"Invalid email format\");\n updateInputErrorState(\"email\", true);\n\n return false;\n }\n\n return true;\n }\n\n function validateForm() {\n const values = Object.values(fields);\n let fieldsAreValid = values.every((value) => value !== \"\");\n\n if (!fieldsAreValid) {\n const currentErrorObject = { ...errorStateObject };\n for (const inputName in fields) {\n if (!validateText(fields[inputName])) {\n currentErrorObject[inputName] = true;\n }\n }\n setSignupErrorText(\"Please fill out all required fields\");\n updateInputErrorState(null, currentErrorObject);\n }\n\n return fieldsAreValid;\n }\n\n function getErrorMessage(error) {\n let signupErrorMessage = error.message;\n\n switch (error.code) {\n case \"InvalidParameterException\":\n signupErrorMessage = \"Username cannot be of email format\";\n seInputErrorState(\"username\");\n break;\n case \"UsernameExistsException\":\n signupErrorMessage =\n \"The username already exists. \\n Please try a different one.\";\n seInputErrorState(\"username\");\n break;\n case \"UserLambdaValidationException\":\n signupErrorMessage =\n \"Oops, looks like you're already registered, \\n please log in to your existing account\";\n break;\n default:\n break;\n }\n\n return signupErrorMessage;\n }\n\n async function handleSignup() {\n let productType = sessionStorage.getItem(\"productType\");\n\n if (isFromWebClient) {\n if (!productType) {\n // TODO: is there a better default here? 'generic' maybe? not sure what all effects it has...\n productType = \"BB4\";\n }\n } \n else {\n if (urlQuery[\"view\"] === \"bb2\") {\n productType = \"BB2\";\n } \n else if (urlQuery[\"view\"] === \"bb3\") {\n productType = \"BB3\";\n }\n else if (urlQuery[\"view\"] === \"bb4\") {\n productType = \"BB4\";\n } \n else if(urlQuery[\"view\"] === \"soundbox\") {\n productType = \"Soundbox\";\n }\n else {\n console.error(\"unrecognized product view\")\n }\n }\n\n Log.info(productType, \"User is signing up with product type:\");\n\n let xsollaTrackingId = findCookieValue(\"tracking_id=\");\n\n xsollaTrackingId = !xsollaTrackingId ? \"\" : xsollaTrackingId;\n\n const newUser = await Auth.signUp({\n username: fields.username,\n password: fields.password,\n attributes: {\n email: fields.email,\n name: fields.name,\n \"custom:isMigration\": isMigration,\n \"custom:productType\": getBBVersion(productType),\n \"custom:referralTrackingId\": xsollaTrackingId,\n },\n });\n\n Log.info(newUser, \"new user!\");\n if (newUser.userConfirmed) {\n if (fromBBClient) {\n await dispatch(clientLoginRedirect(fields.username, fields.password));\n } else {\n await Auth.signIn(fields.username, fields.password);\n }\n } else {\n setNewUser(newUser);\n if (setShowConfirmationForm) {\n const confirmationObject = {\n username: fields.username,\n password: fields.password,\n };\n setShowConfirmationForm(confirmationObject);\n }\n }\n }\n\n async function handleSubmit(event) {\n event.preventDefault();\n\n if (!validateForm() || !validatePasswords() || !validateEmailField()) {\n return false;\n }\n\n setIsLoading(true);\n\n let productType = sessionStorage.getItem(\"productType\");\n\n if (isFromWebClient) {\n if (!productType) {\n // TODO: is there a better default here, 'generic' maybe? not sure what all effects it has...\n productType = \"BB4\";\n }\n } \n else {\n if (urlQuery[\"view\"] === \"bb2\") {\n productType = \"BB2\";\n } \n else if (urlQuery[\"view\"] === \"bb3\") {\n productType = \"BB3\";\n }\n else if (urlQuery[\"view\"] === \"bb4\") {\n productType = \"BB4\";\n } \n else if (urlQuery[\"view\"] === \"soundbox\") {\n productType = \"Soundbox\"\n }\n else {\n console.error(\"unrecognized product view\")\n }\n }\n\n Log.info(productType, \"User is signing up with product type:\");\n\n try {\n await handleSignup();\n } catch (e) {\n Log.error(e.message, \"Signup.js handleSubmit error:\");\n\n const errorMessage = getErrorMessage(e);\n setSignupErrorText(errorMessage);\n\n /**\n * Handling refresh while signing up\n * Check for the UsernameExistsException in the handleSubmit function’s catch block.\n * Use the Auth.resendSignUp() method to resend the code if the user has not been previously confirmed. Here is a link to the Amplify API docs.\n * Confirm the code just as we did before. */\n setIsLoading(false);\n }\n return true;\n }\n\n function togglePasswordVisiblity() {\n setPasswordShown(!passwordShown);\n }\n\n const inputStyles = {\n container: styles.signupContainer,\n label: styles.signupInputLabel,\n input: styles.signupInput,\n error: styles.signupInputError,\n icon: classnames(styles.passwordIcon, styles.web),\n };\n\n function showErrorText() {\n if (signupErrorText) {\n return signupErrorText;\n } else if (productErrorText) {\n return (\n \n
\n );\n}\n","import React from 'react'\nimport styles from \"../../styles/GamesBuiltonBuildbox.module.scss\"\nconst GamesBuiltonBuildbox = () => {\n\n\n const DownloadApps = (appleUrl: string, googleUrl: string) => {\n return ( \n \n
\n )\n \n }\n\n return (\n \n \n
\n \n \n
\n \n {/*
\n )\n}\n\nexport default GamesBuiltonBuildbox","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"GamesBuiltonBuildbox_container__1tZHS\",\"titleContent\":\"GamesBuiltonBuildbox_titleContent__vKmWC\",\"buildOnBuildbox\":\"GamesBuiltonBuildbox_buildOnBuildbox__AOhr3\",\"gameOfTheDay\":\"GamesBuiltonBuildbox_gameOfTheDay__3KMu1\",\"games\":\"GamesBuiltonBuildbox_games__2--78\",\"gameTitle\":\"GamesBuiltonBuildbox_gameTitle__14RDq\",\"buttonContainerAppDownload\":\"GamesBuiltonBuildbox_buttonContainerAppDownload__2J3E5\",\"buttonDownloadApp\":\"GamesBuiltonBuildbox_buttonDownloadApp__8CKlb\",\"leftButton\":\"GamesBuiltonBuildbox_leftButton__3Z3p_\",\"rightButton\":\"GamesBuiltonBuildbox_rightButton__1RXYA\",\"gameAppBtns\":\"GamesBuiltonBuildbox_gameAppBtns__120ER\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"FeaturesHomePage_container__3FSSR\",\"titleContent\":\"FeaturesHomePage_titleContent__3tvel\"};","import React, { PropsWithChildren } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport homeStyles from \"../../styles/home/NewHome.module.scss\";\nimport {IInfoSection} from \"../../pages/NewHomeBB4\";\nimport styles from \"../../styles/home/InfoSection.module.scss\";\nimport classnames from \"classnames\";\nimport { Slide } from \"react-awesome-reveal\";\nimport { isBrowser, isMobile } from \"react-device-detect\";\n\ntype InfoSectionProps = IInfoSection & PropsWithChildren\n
\n Games Built on Buildbox
\n\n
*/}\n\n {/* - \n
- \n
Over a billion people have played games built on Buildbox
\n \n - \n
Over 40,000 new games are created every month
\n \n - \n
Apple and Google love featuring Buildbox games
\n \n
\n
*/}\n Apple regularly features Buildbox Games
\n\n\n
\n \n ![\"Game](\"https://frontend-assets.buildbox.com/BB4_GOTD_Images_LastPocket.webp\")
\n
\n\n \n Last Pocket
\n {DownloadApps (\"https://apps.apple.com/us/app/last-pocket/id6445848461\", \"https://play.google.com/store/apps/details?id=com.vikaspawar.oddeightball\" )\n }\n \n ![\"Game](\"https://frontend-assets.buildbox.com/BB4_GOTD_Images_MultiImpact.webp\")
\n
\n\n \n Multi Impact Smash
\n { DownloadApps(\"https://apps.apple.com/us/app/multi-impact-smash/id6447011302\", \"https://play.google.com/store/apps/details?id=top.maverick.multiimpactand\")}\n\n ![\"Game](\"https://frontend-assets.buildbox.com/BB4_GOTD_Images_PizzaHero.webp\")
\n
\n \n Pizza Hero
\n {\n DownloadApps(\"https://apps.apple.com/us/app/pizza-hero/id1663899823\", \"https://play.google.com/store/apps/details?id=com.astrohound.hero\")\n }\n\n \n
\n \n {description}
\n {description2 &&{description2}
}\n\n \n 
\n }\n { ( product === 'BB3' && descriptionButtonSrc && descriptionButtonLink ) &&\n
\n \n );\n }\n };\n\n\n return (\n <>\n {description}
\n {description2 &&{description2}
}\n {( product !== 'BB3' && descriptionButtonSrc && descriptionButtonLink ) && \n \n \n Set Up Shop\n \n
\n }\n \n
\n \n <> \n \n {headline} \n \n )} \n {renderDescription()}\n {children} \n
\n \n \n {hasLogo && 
}\n \n {topLine}\n
\n\n {headlineImage ? (\n \n {hasButton && (\n \n \n \n )}\n
\n \n {!clickableImg && img && 
}\n {clickableImg && img && }\n
\n \n \n \n \n \n \n
\n \n \n \n );\n};\n\nexport default InfoSection;\n","import React from 'react'\nimport styles from '../../styles/TryBuildbox.module.scss'\nimport { useHistory } from \"react-router-dom\";\nimport { isMobile } from 'react-device-detect';\nimport { useDispatch, useSelector } from 'react-redux';\nimport currentUserInfo from '../../selectors/currentUserInfo';\nimport { PlanIds, ProductType } from '../../reducers/models';\nimport { addPlanToCart } from '../../actions/cart';\n\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faWindows } from \"@fortawesome/free-brands-svg-icons/faWindows\";\nimport { faApple } from \"@fortawesome/free-brands-svg-icons/faApple\";\n\nimport { downloadBuildboxClient } from \"../../utils/downloadsUtils\";\nimport { DownloadPlatforms } from \"../../reducers/models\";\nimport PLANS_JSON from '../../constants/planMetadata';\n\nexport interface TryBuildboxProps {\n showText: boolean\n planId: PlanIds\n}\n\nconst TryBuildbox = ({showText, planId}: TryBuildboxProps) => {\n\n const subscriptionPlan: bb.model.ISubscription = PLANS_JSON[planId];\n const currentUser = useSelector(currentUserInfo)\n const history = useHistory()\n const dispatch = useDispatch()\n\n function handlePurchaseClick(): void {\n dispatch(addPlanToCart(planId));\n\n const promoCode = sessionStorage.getItem(\"promoCode\");\n if (currentUser?.referralInfo?.Network?.toLowerCase() === \"xsolla\") {\n if (promoCode) {\n history.push(`/purchaseThroughXsolla?promo=${promoCode}`);\n } else {\n history.push(\"/purchaseThroughXsolla\");\n }\n } else {\n if (promoCode) {\n history.push(`/purchaseThroughStripe?promo=${promoCode}`);\n } else {\n history.push(\"/purchaseThroughStripe\");\n }\n }\n }\n\n function handleMacDownloadClick() {\n if (subscriptionPlan.productType === ProductType.BB2) {\n downloadBuildboxClient(DownloadPlatforms.MAC, \"BB2\");\n }\n else {\n downloadBuildboxClient(DownloadPlatforms.MAC, \"BB4\");\n }\n }\n\n function handleWindowsDownloadClick() {\n if (subscriptionPlan.productType === ProductType.BB2) {\n downloadBuildboxClient(DownloadPlatforms.WINDOWS, \"BB2\");\n }\n else {\n downloadBuildboxClient(DownloadPlatforms.WINDOWS, \"BB4\");\n }\n }\n \n function getButtons() {\n if (isMobile) {\n return (<>)\n }\n else {\n return (\n \n
\n \n
\n \n \n {headline}\n \n \n {topLine}\n
\n {renderDescription()}\n {children} \n {hasButton && (\n \n \n \n )}\n \n {!clickableImg && img && }\n {clickableImg && img && }\n
\n \n \n \n
\n )\n }\n }\n\n return (\n \n <>\n
\n )\n}\n\nexport default TryBuildbox\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonShared\":\"TryBuildbox_buttonShared__2OTsW\",\"buttonVerticalGradientOrangeYellow\":\"TryBuildbox_buttonVerticalGradientOrangeYellow__2_t-C\",\"buttonVerticalGradientOrange\":\"TryBuildbox_buttonVerticalGradientOrange__3m7bz\",\"buttonDownloadBB4\":\"TryBuildbox_buttonDownloadBB4__1vaim\",\"buttonNewBB4Home\":\"TryBuildbox_buttonNewBB4Home__3liE9\",\"buttonReglarDarkGrey\":\"TryBuildbox_buttonReglarDarkGrey__1Kwdh\",\"buttonReglarGrey\":\"TryBuildbox_buttonReglarGrey__-5q0s\",\"buttonGradientOrange\":\"TryBuildbox_buttonGradientOrange__1QFiu\",\"buttonRegularYellow\":\"TryBuildbox_buttonRegularYellow__2X0Eh\",\"buttonRegularOrange\":\"TryBuildbox_buttonRegularOrange__39IPG\",\"buttonGhost\":\"TryBuildbox_buttonGhost__2akPs\",\"buttonGhostDisabled\":\"TryBuildbox_buttonGhostDisabled__WGSpK\",\"buttonGhostGreen\":\"TryBuildbox_buttonGhostGreen__3Fu_T\",\"buttonGhostGradientOrange\":\"TryBuildbox_buttonGhostGradientOrange__2gAcm\",\"buttonGhostOrange\":\"TryBuildbox_buttonGhostOrange__2Aaxy\",\"buttonGhostDarkBlue\":\"TryBuildbox_buttonGhostDarkBlue__2diKK\",\"buttonGhostBlue\":\"TryBuildbox_buttonGhostBlue__2q9kn\",\"buttonGhostGrey\":\"TryBuildbox_buttonGhostGrey__1Dsxh\",\"buttonDisabled\":\"TryBuildbox_buttonDisabled__1F380\",\"clientLoginText\":\"TryBuildbox_clientLoginText__3W4It\",\"returnToSignIn\":\"TryBuildbox_returnToSignIn__1Sx8w\",\"error\":\"TryBuildbox_error__1nLEE\",\"link\":\"TryBuildbox_link__3vMMf\",\"arrow\":\"TryBuildbox_arrow__1E31E\",\"signOut\":\"TryBuildbox_signOut__19xcD\",\"signOutText\":\"TryBuildbox_signOutText__1g2G9\",\"container\":\"TryBuildbox_container__1BgQo\",\"imgStarContainer\":\"TryBuildbox_imgStarContainer__3wb_d\",\"starItem\":\"TryBuildbox_starItem__tV16H\",\"buttonContainer\":\"TryBuildbox_buttonContainer__182Sg\",\"buttonDownloadRow\":\"TryBuildbox_buttonDownloadRow__25cm5\",\"lastItem\":\"TryBuildbox_lastItem__3c6Z8\",\"content\":\"TryBuildbox_content__1pxXH\"};","import React, { FunctionComponent } from \"react\";\nimport styles from \"../../styles/home/AwardSection.module.scss\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\nimport { faCircle } from \"@fortawesome/free-solid-svg-icons\"\n\ninterface AwardSectionProps {\n \n}\n \nconst AwardSection: FunctionComponent\n {showText && <>
\n \n \n
\n Make games with AI - Just type a quick prompt,
\n\n
}\n and watch your ideas come to life!
\n\n \n {getButtons()}\n
\n \n ![\"awards\"](\"https://frontend-assets.buildbox.com/BB4_Homepage_Pocketamer_Awards.webp\")
\n ![\"phone-display\"](\"https://frontend-assets.buildbox.com/BB4_3Phones_Image.webp\")
\n
\n );\n}\n \nexport default AwardSection;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"awardSectionWrapper\":\"AwardSection_awardSectionWrapper__2CNK-\",\"bulletPoints\":\"AwardSection_bulletPoints__1-flq\"};","import React, {ReactElement} from \"react\"\n\nimport styles from \"../../styles/home/TwoColumnInfoSection.module.scss\"\n\ntype DescriptionElement = string|ReactElement\ntype Description = DescriptionElement|(DescriptionElement)[]\n\nexport interface InfoItemProps {\n title?: string,\n subTitle?: string,\n imgSrc?: string,\n imgAlt?: string,\n description?: Description\n}\n\nexport interface Props {\n items: InfoItemProps[]\n // TODO children: InfoItemPropChildElementThingy - would be cool, maybe not useful\n // let the user define the item props via elements instead of json\n}\n\nfunction renderDescriptionItem(item:DescriptionElement, i:number=0):ReactElement {\n if (typeof item === \"string\") {\n return Build Award Winning Games with AI
\n\n Apple regularly features Buildbox Games
\n\n {item}
\n }\n else {\n return item\n }\n}\n\nfunction renderDescription(description:Description = []):ReactElement {\n let children:ReactElement[]\n if (Array.isArray(description)) {\n children = description.map(renderDescriptionItem)\n }\n else {\n children = [renderDescriptionItem(description)]\n }\n return (\n\n {children}\n
\n )\n}\n\nfunction renderItem({title, subTitle, imgSrc, imgAlt, description}:InfoItemProps, i:number): ReactElement {\n const hasTitle = title !== undefined\n const hasSubTitle = subTitle !== undefined\n const hasImg = imgSrc !== undefined && imgAlt !== undefined\n return (\n \n {hasImg? 
: undefined }\n {hasTitle?
\n )\n}\n\nexport function TwoColumnInfoSection({items}:Props): ReactElement {\n return (\n {title}
: undefined }\n {hasSubTitle?{subTitle}
: undefined }\n {renderDescription(description)}\n\n
\n )\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"twoColumnInfoSection\":\"TwoColumnInfoSection_twoColumnInfoSection__iWIp8\",\"description\":\"TwoColumnInfoSection_description__LXjN5\",\"twoColumnSubheader\":\"TwoColumnInfoSection_twoColumnSubheader__vctZC\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonShared\":\"Home_buttonShared__GWpgj\",\"buttonVerticalGradientOrangeYellow\":\"Home_buttonVerticalGradientOrangeYellow__VGsab\",\"buttonVerticalGradientOrange\":\"Home_buttonVerticalGradientOrange__6Oco1\",\"buttonReglarDarkGrey\":\"Home_buttonReglarDarkGrey__1-wfO\",\"buttonReglarGrey\":\"Home_buttonReglarGrey__1O5Yd\",\"buttonGradientOrange\":\"Home_buttonGradientOrange__3zxTR\",\"buttonRegularYellow\":\"Home_buttonRegularYellow__1FKfI\",\"buttonRegularOrange\":\"Home_buttonRegularOrange__27Qsh\",\"heroButtonArray\":\"Home_heroButtonArray__3On6o\",\"buttonGhost\":\"Home_buttonGhost__fS05B\",\"buttonGhostDisabled\":\"Home_buttonGhostDisabled__29-cU\",\"buttonGhostGreen\":\"Home_buttonGhostGreen__aH9FZ\",\"buttonGhostGradientOrange\":\"Home_buttonGhostGradientOrange__2g3di\",\"buttonGhostOrange\":\"Home_buttonGhostOrange__36k27\",\"ourVision\":\"Home_ourVision__s9jCU\",\"ourVisionBlurb\":\"Home_ourVisionBlurb__2GUle\",\"buttonGhostDarkBlue\":\"Home_buttonGhostDarkBlue__3QJs5\",\"desktopBanner\":\"Home_desktopBanner__37PzS\",\"downloadButton\":\"Home_downloadButton__1c23k\",\"buttonGhostBlue\":\"Home_buttonGhostBlue__xt--N\",\"buttonGhostGrey\":\"Home_buttonGhostGrey__1TPQb\",\"buttonDisabled\":\"Home_buttonDisabled__2Zt2K\",\"clientLoginText\":\"Home_clientLoginText__27hkO\",\"returnToSignIn\":\"Home_returnToSignIn__tIb3Y\",\"error\":\"Home_error__3pf4-\",\"link\":\"Home_link__cWr-6\",\"arrow\":\"Home_arrow__1eg-0\",\"signOut\":\"Home_signOut__2lqHr\",\"signOutText\":\"Home_signOutText__28YHD\",\"home\":\"Home_home__UGWZm\",\"headerHero\":\"Home_headerHero__2Z4Vr\",\"mobileHero\":\"Home_mobileHero__28nJN\",\"homeReferral\":\"Home_homeReferral__2xDJJ\",\"bbworldImageBanner\":\"Home_bbworldImageBanner__1Ab04\",\"borderLine\":\"Home_borderLine__2rqNz\",\"referralBannerWrapper\":\"Home_referralBannerWrapper__2GOwd\",\"signUpNowBlurb\":\"Home_signUpNowBlurb__1o3qG\",\"mobileBannerContainer\":\"Home_mobileBannerContainer__2Rmpm\",\"buttonContainer\":\"Home_buttonContainer__pb_k_\",\"leftButton\":\"Home_leftButton__2wbYO\",\"rightButton\":\"Home_rightButton__1bxGo\",\"bbworldBannerAppBtns\":\"Home_bbworldBannerAppBtns__1SwlS\",\"topFeatures\":\"Home_topFeatures__3afzc\",\"topFeaturesTitle\":\"Home_topFeaturesTitle__2Lp4j\",\"topFeaturesBlurb\":\"Home_topFeaturesBlurb__3FdT7\",\"topFeaturesGrid\":\"Home_topFeaturesGrid__2K5NP\",\"topFeaturesGridItem\":\"Home_topFeaturesGridItem__2vc5Z\",\"topFeaturesGridItemTitle\":\"Home_topFeaturesGridItemTitle__3aYPD\",\"topFeaturesGridItemText\":\"Home_topFeaturesGridItemText__2COWv\",\"publishPlatforms\":\"Home_publishPlatforms__22qM7\",\"publishPlatformsTitle\":\"Home_publishPlatformsTitle__39_Te\",\"publishPlatformsGridItemTitle\":\"Home_publishPlatformsGridItemTitle__zWz2-\",\"ourVisionTitle\":\"Home_ourVisionTitle__3SkMX\",\"container\":\"Home_container__3T_fo\",\"video\":\"Home_video__3PD8R\",\"ourVisionModal\":\"Home_ourVisionModal__3q_NV\",\"videoPlayBtn\":\"Home_videoPlayBtn__12KJt\",\"pulse-white\":\"Home_pulse-white__jWpAN\",\"storyGameButtonPositionTweaks\":\"Home_storyGameButtonPositionTweaks__3dLkm\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonShared\":\"ReferralPage_buttonShared__IEjzA\",\"buttonVerticalGradientOrangeYellow\":\"ReferralPage_buttonVerticalGradientOrangeYellow__1kKkI\",\"buttonVerticalGradientOrange\":\"ReferralPage_buttonVerticalGradientOrange__rAW15\",\"buttonReglarDarkGrey\":\"ReferralPage_buttonReglarDarkGrey__Hhn_W\",\"buttonReglarGrey\":\"ReferralPage_buttonReglarGrey__1ARZJ\",\"buttonGradientOrange\":\"ReferralPage_buttonGradientOrange__31jz9\",\"createManuallyBtn\":\"ReferralPage_createManuallyBtn__Y_kPg\",\"buttonRegularYellow\":\"ReferralPage_buttonRegularYellow__11hGA\",\"buttonRegularOrange\":\"ReferralPage_buttonRegularOrange__1I4Vc\",\"buttonGhost\":\"ReferralPage_buttonGhost__2VxcI\",\"buttonGhostDisabled\":\"ReferralPage_buttonGhostDisabled__3eEVO\",\"buttonGhostGreen\":\"ReferralPage_buttonGhostGreen__1gJ_6\",\"buttonGhostGradientOrange\":\"ReferralPage_buttonGhostGradientOrange__2IYRa\",\"buttonGhostOrange\":\"ReferralPage_buttonGhostOrange__3ucz1\",\"buttonGhostDarkBlue\":\"ReferralPage_buttonGhostDarkBlue__vosYl\",\"buttonGhostBlue\":\"ReferralPage_buttonGhostBlue__nWc6J\",\"buttonGhostGrey\":\"ReferralPage_buttonGhostGrey__25KVu\",\"buttonDisabled\":\"ReferralPage_buttonDisabled__-xj_c\",\"clientLoginText\":\"ReferralPage_clientLoginText__2QVxK\",\"returnToSignIn\":\"ReferralPage_returnToSignIn__YBl5R\",\"error\":\"ReferralPage_error__2auA-\",\"link\":\"ReferralPage_link__2fAhu\",\"arrow\":\"ReferralPage_arrow__s8Rzn\",\"signOut\":\"ReferralPage_signOut__3Vl20\",\"signOutText\":\"ReferralPage_signOutText__1hPga\",\"container\":\"ReferralPage_container__2Y6G0\",\"topHalf\":\"ReferralPage_topHalf__-iQpf\",\"content\":\"ReferralPage_content__1yJDx\",\"fadeInUp\":\"ReferralPage_fadeInUp__GbhFc\",\"contentTitle\":\"ReferralPage_contentTitle__iWxOA\",\"bannerStyle\":\"ReferralPage_bannerStyle__1NMJl\",\"headerText\":\"ReferralPage_headerText__2y626\",\"footer\":\"ReferralPage_footer__11Hzc\",\"title\":\"ReferralPage_title__2RbnH\",\"subtext\":\"ReferralPage_subtext__2vC8T\",\"divider\":\"ReferralPage_divider__38N_W\",\"fadeInItems\":\"ReferralPage_fadeInItems__1t_Ui\"};"],"sourceRoot":""}Testimonials
\n\n {items.map(renderItem)}\n
\n