{"version":3,"sources":["Types/StreamTypes.tsx","Components/Structure/Foundation/Footer.tsx","Components/Structure/Foundation/FooterDetailed.tsx","Components/Structure/RenderIf.tsx","Store/CheckoutStore.tsx","Utilities/GeneralConstants.tsx","Utilities/HelperFunctions.tsx","Store/StreamBuilderStore.tsx","Services/AuthService.tsx","Store/UserStore.tsx","Store/StoreConfig.tsx","Components/Structure/Foundation/HeaderDropDown.tsx","Types/GeneralTypes.tsx","Components/StreamBuilder/Modals/ModalFrame.tsx","Components/Structure/InputWithLabel.tsx","Components/Structure/StandardButton.tsx","Services/ApiConfig.tsx","Services/StreamConfigService.tsx","Components/StreamBuilder/Modals/LoginModalBody.tsx","Services/CustomerService.tsx","Components/StreamBuilder/Modals/VerifyEmailModalBody.tsx","Components/StreamBuilder/Modals/ResetPasswordModalBody.tsx","Components/StreamBuilder/Modals/CreateUserModalBody.tsx","Components/Structure/Foundation/Header.tsx","Components/Structure/Foundation/Layout.tsx","Components/Structure/BackNext.tsx","Components/Typography/ParagraphBold.tsx","Components/StreamBuilder/BuildStepOne.tsx","Components/StreamBuilder/Accordion/Accordion.tsx","Utilities/TextFunctions.tsx","Components/StreamView/CountDownTimers/BoxLabelCountdown.tsx","Components/StreamView/CountDownTimers/TextLabelCountdown.tsx","Components/StreamView/CountDownTimers/TextSideLabelCountdown.tsx","Components/StreamView/CountDownTimers/Countdown.tsx","Components/StreamView/CountdownAudioView.tsx","Components/StreamView/VoteComponents/VoteTable.tsx","Components/StreamView/MultiVoteAudioView.tsx","Components/StreamBuilder/PreviewWindow.tsx","Components/StreamBuilder/Accordion/Utilities/MyColorPicker.tsx","Components/StreamBuilder/Accordion/Utilities/SelectMenu.tsx","Components/StreamBuilder/Accordion/Utilities/MyCheckBox.tsx","Components/StreamBuilder/Accordion/StreamTitleConfig.tsx","Components/StreamBuilder/Accordion/Utilities/OptionSelector.tsx","Components/StreamBuilder/Accordion/Utilities/ImageGalleryItem.tsx","Types/CheckoutTypes.tsx","Components/StreamBuilder/Accordion/Utilities/UploadImageBox.tsx","Components/StreamBuilder/Accordion/BackgroundConfig.tsx","Components/StreamBuilder/Checkout/MyDateTimePicker.tsx","Components/StreamBuilder/Accordion/CountdownTimerConfig.tsx","Components/Structure/Alerts/InformationAlert.tsx","Components/StreamBuilder/Accordion/AudioConfig.tsx","Components/StreamBuilder/Accordion/VoteInputImage.tsx","Components/StreamBuilder/Accordion/VoteInput.tsx","Components/StreamBuilder/Accordion/VoteTableConfig.tsx","Components/StreamBuilder/Accordion/AccordionConfig.tsx","Components/StreamBuilder/CustomizeStream.tsx","Components/StreamBuilder/BuildStepTwo.tsx","Components/StreamBuilder/BuildStepThree.tsx","Components/Typography/HeadingTwo.tsx","Components/Typography/Paragraph.tsx","Services/PaymentService.tsx","Components/StreamBuilder/Checkout/ContactDetails.tsx","Components/Structure/Alerts/SuccessAlert.tsx","Components/StreamBuilder/Checkout/OrderConfirmation.tsx","Components/StreamBuilder/Checkout/Paypal.tsx","Components/StreamBuilder/Checkout/Payment.tsx","Services/VoteConfigService.tsx","Services/ReferralService.tsx","Components/StreamBuilder/BuildStepFour.tsx","Components/Structure/SafeAreaInsets.tsx","Components/Structure/Foundation/Body.tsx","Components/Typography/ParagraphBoldLarge.tsx","Components/StreamBuilder/TechnicalSupport.tsx","Services/StreamManagementService.tsx","Components/StreamBuilder/Stepper.tsx","Components/Structure/Alerts/InformationAlertAction.tsx","Components/Content/TitleTextBox.tsx","Components/StreamBuilder/StreamPublishSuccess.tsx","Components/StreamBuilder/BuildStepFive.tsx","Components/Typography/HeadingOne.tsx","Components/Typography/PageHeader.tsx","Pages/StreamBuilder.tsx","Utilities/SEOConstants.tsx","Components/Marketing/FeaturesSection.tsx","Components/StreamBuilder/Modals/VIdeoModalBody.tsx","Components/Marketing/HeroSection.tsx","Components/Marketing/PricingSection.tsx","Components/Marketing/ThreeStepsSection.tsx","Pages/Home.tsx","Components/Structure/Foundation/WindowsSize.tsx","Components/Authentication/SignUp.tsx","Components/Authentication/Login.tsx","Components/Authentication/ResetPassword.tsx","Components/Structure/Foundation/PageNotFound.tsx","Components/Authentication/VerifyEmail.tsx","Components/Authentication/NewPassword.tsx","Components/Structure/Pagination.tsx","Components/StreamBuilder/Modals/PreviewStreamModalBody.tsx","Components/Dashboard/StreamTable.tsx","Components/Structure/SuccessOrErrorMessage.tsx","Components/StreamBuilder/Modals/EditStreamModalBody.tsx","Components/StreamBuilder/Modals/PublishStreamWarningBody.tsx","Components/StreamBuilder/Modals/PublishStreamModalBody.tsx","Components/Dashboard/ManageStreams.tsx","Components/Typography/ParagraphLink.tsx","Pages/Contact.tsx","Components/Structure/Foundation/ProtectedRoute.tsx","Pages/TemplateView.tsx","Components/Typography/HeadingThreeBold.tsx","Components/Support/FaqSection.tsx","Pages/Support.tsx","Utilities/ScrollToTop.tsx","Components/Structure/Foundation/LabelSlider.tsx","Pages/Pricing.tsx","Components/Structure/PageSpinner.tsx","Pages/TemplateGallery.tsx","Components/Structure/Foundation/LegalSection.tsx","Pages/TermsOfService.tsx","Pages/PrivacyPolicy.tsx","Components/Typography/HeadingThree.tsx","Components/Dashboard/AccountSettings.tsx","Components/Structure/GuideComponents/GuideHeaderTwo.tsx","Components/Structure/GuideComponents/GuideParagraph.tsx","Components/Structure/GuideComponents/GuideTitleTextLarge.tsx","Pages/Guide/GuideContent/ChoosingVideoLatency.tsx","Pages/Guide/Guide.tsx","Pages/Guide/GuideArticle.tsx","App.tsx","index.tsx"],"names":["ProductType","BackgroundType","CountdownType","StreamStatus","Footer","className","Date","getFullYear","navigation","templates","name","href","support","legal","streambuilder","social","icon","props","fill","viewBox","fillRule","d","clipRule","width","height","xmlns","FooterDetailed","id","src","alt","map","item","target","rel","to","RenderIf","condition","children","CheckoutStore","checkoutDetails","fullName","email","agreeTerms","totalCost","cardDetails","cardName","cardNumber","undefined","expirationDate","cvc","streamEndDateError","validReferralCode","highlightErrors","makeObservable","this","observable","setCheckoutDetails","action","setHighlightErrors","resetCheckoutDetails","newCheckoutDetails","GENERIC_ERROR_MSG","INVALID_EXPIRE_URL_MSG","INCORRECT_LOGIN_MSG","EMAIL_NOT_VERIFIED","PASSWORD_MISMATCH_MSG","INVALID_EMAIL_MSG","MISSING_FIRSTNAME_MSG","PUBLISH_STREAM_SUCCESS_NEXT_STEP_MESSAGE","PUBLSIH_STREAM_SUCCESS_CONGRATULATIONS","INVALID_DATE_ENTERED","MAX_STREAM_DAYS","INVALID_STREAM_DURATION","STREAM_PURCHASE_FAILURE","WHITE","BLACK","PICK_COLORS","DROPDOWN_FONTS","DEFAULT_BACKGROUNDS","PUBLISH_STREAM_VIDEO_URL_WATCH","PROMOTION_VIDEO_URL_EMBED_COUNTDOWN","WORLD_TIME_SERVER_URL","DEFAULT_AUDIO","DEFAULT_AUDIO_MAP","DEFAULT_TITLE","DEFAULT_TITLE_COLOR","DEFAULT_TITLE_FONT","DEFAULT_SUBTITLE","DEFAULT_BACKGROUND_COLOR","DEFAULT_COUNTDOWN_FONT_COLOR","DEFAULT_COUNTDOWN_BOX_COLOR","DEFAULT_COUNTDOWN_FONT","SUPPORTED_IMAGE_TYPES","STATUS_SUCCESS","STATUS_UNAUTHORIZED","COUNTDOWN_PRODUCT_NAME","MULTIVOTE_PRODUCT_NAME","PRODUCTS","title","productType","COUNTDOWN","MULTI_VOTE","VOTE_TABLE_SIZES","STANDARD_DROP_SHADOW","COUNTDOWN_TEXT_MULITPLIER","truncateText","text","length","substr","getDaysDifferenceFromToday","date1","Math","ceil","moment","diff","utc","format","getFutureDateTime","days","add","hashText","btoa","deHashText","ecodedText","atob","sleepMilliseconds","milliseconds","Promise","resolve","setTimeout","isStreamKeyValid","input","test","isFirstNameValid","isVideoIdValid","isEmailValid","isPasswordValid","hasNumber","isUpperCase","isLowerCase","isNumber","formatDate","dateTime","formatDateTime","formatTime","compareRanking","a","b","aValue","Number","bValue","calculatePricingFromDays","preciseCost","min","round","getOptionProductType","templatePath","getProductName","getDefaultVoteOption","number","uuidv4","DEFAULT_VOTE_CONFIG","apiKey","includeImages","font","fontColor","dropShadow","voteOptions","DEFAULT_STREAM_CONFIG","videoId","streamKey","customerId","paymentEmail","streamEnd","productConfig","titleColor","titleFont","titleExtraLarge","titleDropShadow","subtitle","backgroundType","DEFAULT_BACKGROUND","backgroundColor","defaultBackgroundUrl","customBackgroundUrl","customAudioUrl","defaultAudio","audioEnabled","countdownDate","countdownFontColor","countdownBoxColor","countdownFont","countdownType","BASIC","countdownExtraLarge","countdownDropShadow","voteConfig","StreamBuilderStore","streamBuilderStep","streamConfig","uploadedImageFiles","uploadedImageSelected","dashBoardStreamConfig","dashBoardUploadedImageFiles","dashboardUploadedImageSelected","dashboardNewImageUploaded","dashBoardStreamTableInterval","tawk","TawkTo","resetDashboardStreamSelected","setStreamBuilderStep","setStreamConfig","setVoteConfig","resetBuilderStreamConfig","resetProductConfig","isBuilderConfig","step","newUploadedImageFiles","userEdit","interval","uploadedImageNumber","newStreamConfig","newDashBoardStreamConfig","cookies","Cookies","userPool","CognitoUserPool","UserPoolId","ClientId","createCognitoUser","username","userData","Username","Pool","CognitoUser","createAuthDetails","password","AuthenticationDetails","Password","getSession","userStore","getUserStore","user","getCurrentUser","err","session","setIsLoaded","loadUser","getAccessToken","UserStore","accessToken","reject","getUserAttributes","result","setTokenCookie","setUser","handleUnauthorizedRequest","cognitoUser","signOut","clearUser","document","location","token","set","path","getAuthHeader","Authorization","get","getAuthHeaderWithContentJson","isLoaded","signUpEmail","setSignupEmail","remove","userAttributes","emailAttr","find","ua","Name","firstNameAttr","lastNameAttr","congitoUser","getUsername","Value","firstName","lastName","streamBuilderStore","checkoutStore","storesContext","React","createContext","useStores","useContext","classNames","classes","filter","Boolean","join","AuthModalTypes","UserIcon","stroke","strokeLinecap","strokeLinejoin","strokeWidth","LogOutIcon","StreamIcon","HeaderDropDown","observer","logOut","logOutLoading","as","Button","cx","cy","r","ChevronDownIcon","Fragment","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","Items","Item","active","onClick","e","ModalFrame","open","setOpen","modalBody","modalWidth","isBasicCloseStyle","easyClose","Root","show","onClose","Child","Overlay","style","maxWidth","type","XIcon","InputWithLabel","label","placeholder","onChange","onBlur","onKeyDown","value","labelClassName","inputClassName","showError","errorMessage","maxLength","iconRight","htmlFor","spellCheck","StandardButton","disabled","isSpinning","extendClassName","customColor","API_BASE_URL","updateStreamConfig","streamConfigId","axios","put","headers","response","status","data","getUserStreamConfigs","page","size","sort","params","linkCustomerToStreamConfig","uploadUserCustomBackground","myFileUpload","getSelectedImage","bodyFormData","FormData","append","file","backgroundUrl","uploadCustomBackground","deleteCustomBackground","delete","getStreamConfigById","getTemplateGallery","previewWindowStyle","pc","backgroundImage","BACKGROUND_COLOR","fontSize","CUSTOM_BACKGROUND","url","backgroundSize","S3_BUCKET_BASE_URL","LoginModalBody","setCurrentModal","setOpenAuthModal","subHeadingText","useState","setEmail","setPassword","loginError","setLoginError","showLoginError","setShowLoginError","loading","setLoading","complete","Title","RESETPASSWORD","event","preventDefault","authDetails","authenticateUser","onSuccess","onFailure","onSubmit","CREATE","createCustomer","userId","createUserPayload","post","verifyCustomerEmail","emailContactUsForm","message","contactUsForm","VerifyEmailModalBody","customerEmail","code","setCode","verifyEmailError","setVerifyEmailError","codeResent","setCodeResent","hash","verified","setVerified","inputValue","replace","inputCode","resendConfirmationCode","emailId","confirmRegistration","CheckIcon","LOGIN","ResetPasswordModalBody","showEmailError","setShowEmailError","resetPasswordError","setResetPasswordError","setComplete","forgotPassword","isConfirmPasswordValid","p1","p2","CreateUserModalBody","cardFullName","preSetEmail","setFirstname","showFirstNameError","setShowFirstNameError","setLastName","confirmPassword","setConfirmPassword","createAccountError","setCreateAccountError","showPasswordError","setShowPasswordError","showConfirmPasswordError","setShowConfirmPasswordError","showCreateAccountError","setShowCreateAccountError","givenName","familyName","fullNameSplit","split","slice","givenNameAttr","CognitoUserAttribute","familyNameAttr","signUp","userSub","VERIFY","confirmSignup","Header","showMenu","showAccount","isOpen","setIsOpen","setLogOutLoading","openAuthModal","currentModal","currentPage","setCurrentPage","useEffect","currentPathSplit","window","pathname","overflow","x2","y2","x1","Layout","header","footer","basicFooter","minHeight","BackNext","showBack","showNext","disableBack","disableNext","onNext","onBack","ParagraphBold","BuildStepOne","setProductType","incomplete","circleStyle","updateProductType","IconUp","float","verticalAlign","IconDown","Accordion","tabs","activeTab","setActiveTab","tab","idx","isActive","borderLeft","borderRight","borderBottom","borderTop","onFocus","contents","getCountdownNumStyle","countdownFontSize","textShadow","getCountdownFontStyle","color","titleHeading","extraLarge","sizeMultiplier","subTitleHeading","TimeBox","windowWidth","valueName","boxColor","fontName","fontFamily","BoxLabelCountdown","hours","minutes","seconds","toFixed","TextLabel","TextLabelCountdown","TextSideLabel","TextSideLabelCountdown","calculateTimeLeft","countDownDate","difference","unix","floor","Countdown","timeLeft","setTimeLeft","timerComponents","Object","keys","forEach","push","BASICSIDE","BOXED","CountdownAudioView","marginTop","marginBottom","posed","div","flip","scale","transition","velocity","default","VoteTable","startId","rankingData","voteOption","rowHeight","rowFontSize","getRowFontSize","rowMarginTop","getRowMarginTop","numberMarginRight","getNumberMarginRight","numberMarginLeftNoImage","getNumberMarginLeftNoImage","numberMarginLeftImage","getNumberMarginLeftImage","gridStyle","marginRight","rowImageMarginLeftStyle","hasImage","marginLeft","titleStyle","paddingLeft","gridTextStyle","alignItems","display","Grid","xs","container","Typography","align","justify","index","justifyContent","MultiVoteAudioView","latestVoters","titleGrid","subTitleGrid","paddingRight","direction","paddingBottom","v","PreviewWindow","defaultWidth","defaultHeight","borderStyle","componentRef","useRef","documentElement","clientWidth","useResize","border","position","ref","top","left","right","bottom","myRef","getDimensions","current","offsetWidth","offsetHeight","dimensions","setDimensions","handleResize","addEventListener","removeEventListener","MyColorPicker","onOutsideClick","selectedColor","updateCallback","wrapperRef","showPicker","setShowpicker","handleOutsideClick","contains","zIndex","colors","triangle","newColor","hex","SelectMenu","items","itemName","itemObjects","currentId","itemsToDropDownObjects","getSelected","updateSelected","SelectorIcon","Options","static","Option","selected","MyCheckBox","checked","StreamTitleConfig","getStreamConfig","getProductConfig","setProductConfig","updateTitles","newTitle","newTitleColor","newTitleFont","newTitleExtraLarge","newTitleDropShadow","newSubtitle","OptionSelector","formatFileName","fileName","PaymentProvider","ImageGalleryItem","fileSize","imageSource","imageClicked","deleteClicked","UploadImageBox","getUploadedImageFiles","setUploadedImageFiles","getUploadedImagesSelected","selectedImage","setSelectedImage","hoverActive","setHoverActive","imageError","setImageError","imageNumber","setUploadedImageSelected","stopPropagation","imageUploaded","newFile","validateImageUpload","newMyFile","URL","createObjectURL","includes","onDrop","dataTransfer","files","handleDrop","onDragOver","handleDragOver","onDragEnter","handleDragEnter","onDragLeave","handleDragLeave","BackgroundConfig","setpc","updateBackground","newBackgroundColor","newdefaultBackgroundUrl","newcustomBackgroundUrl","newBackgroundType","updateBackgroundType","theme","createTheme","palette","primary","main","standardInput","inputRef","inputProps","InputProps","Box","sx","endAdornment","isDateOutOfRange","date","minRange","maxRange","MyDateTimePicker","inputDate","setInputDate","onError","minDateTime","maxDateTime","isStandardInput","showErrorOutLine","ThemeProvider","LocalizationProvider","dateAdapter","DateAdapter","DateTimePicker","inputFormat","renderInput","TextField","borderRadius","error","newValue","CountdownTimerConfig","countdownDateError","setCountdownDateError","updateCountdown","newCountdown","newcountdownFontColor","newcountdownBoxColor","newCountDownFont","newCountdownType","newCountdownExtraLarge","newCountdownDropShadow","newDaysDifference","isNaN","newDate","ArrowRightIcon","InformationAlert","InformationCircleIcon","VolumeUpIcon","AudioConfig","musicOn","setMusicOn","updateAudioConfig","newDefaultAudio","autoPlay","audio","VoteInputImage","updateVoteOption","newImageFile","avatarUrl","VoteInput","removeVoteOption","avatarFile","PlusIcon","VoteTableConfig","updateVoteConfig","newFont","newFontColor","isIncludeImages","newDropShadow","newVoteConfig","newName","newCode","newAvatarFile","newVoteOption","imagesUpdated","removalIndex","splice","IconPhotograph","IconTag","IconTime","IconMusicNote","IconChartBar","AccordionConfiguration","product","CustomizeStream","AccordionConfig","BuildStepTwo","toBuildStepThree","BuildStepThree","VolumeOffIcon","y1","loop","HeadingTwo","Paragraph","completeStreamPurchase","streamPurchaseDto","createPaymentIntent","amount","completeStripePayment","paymentAmount","paymentElement","stripe","paymentIntentResponse","clientSecret","confirmCardPayment","payment_method","ContactDetails","showCheckedError","setShowCheckedError","renderCheckBoxError","updateCheckoutContactDetails","newFullName","newEmail","newAgreeTerms","SuccessAlert","CheckCircleIcon","OrderConfirmation","payment","paymentFullName","createdAt","discount","cost","Paypal","handleSubmit","isCheckoutFormComplete","paypal","paypalButton","Buttons","shape","layout","tagline","createOrder","actions","order","create","purchase_units","onApprove","capture","then","orderData","render","close","isCardNameValid","Payment","submitStripePayment","completePaypalPayment","showCardPayment","setShowCardPayment","setCardName","showCardNameError","setShowCardNameError","cardDetailsError","setCardDetailsError","streamPurchaseError","setStreamPurchaseError","paymentProcessing","setPaymentProcessing","messagesEndRef","useStripe","elements","useElements","provider","paypalOrder","paypalError","STRIPE","card","getElement","CardElement","billing_details","PAYPAL","scrollIntoView","behavior","options","hidePostalCode","base","invalid","handleChange","uploadVoteAvatars","isUserUploaded","newUpdates","vo","uploadUserVoteAvatars","uploadPurchaseVoteAvatars","validateReferralCode","referralCode","BuildStepFour","setPayment","paymentComplete","setPaymentComplete","setReferralCode","discountRate","setDiscountRate","referralCodeChecking","setReferralCodeChecking","showReferralCodeError","setShowReferralCodeError","referralCodeSuccess","setReferralCodeSuccess","daysDifference","setDaysDifference","price","setPrice","topRef","scrollTo","updateStreamEndDateError","updateValidReferralCode","updateStoreStreamConfig","newStreamEnd","uploadAllImages","streamConfigResponse","uploadBackgroundResult","uploadVoteAvatarsResult","generateStreamPurchaseDTO","payments","captures","stripeError","paymentIntent","paymentProviderId","paymentProvider","getDiscountedPrice","toString","checkReferralCode","referralCodeRes","newStreamEndTime","ExclamationCircleIcon","SafeAreaInsets","Body","ParagraphBoldLarge","SupportIcon","TechnicalSupport","deployStreamConfig","StepState","InformationAlertAction","detailsMessage","detailsLink","TitleTextBox","StreamPublishSuccess","backgroundRepeat","process","BuildStepFive","showStreamKeyError","setShowStreamKeyError","showVideoIdError","setShowVideoIdError","publishingStream","setPublishingStream","savingAndExiting","setSavingAndExiting","streamPublishSuccess","setStreamPublishSuccess","history","useHistory","saveAndPublishStream","saveStream","newVideoId","newStreamKey","newCustomerId","saveAndExitBuilder","PlayIcon","TemplateIcon","CustomizeIcon","PreviewIcon","CheckoutIcon","PublishIcon","StepperCircle","isFirstStep","stepName","iconName","stepState","INACTIVE","ACTIVE","COMPLETED","Stepper","currentStep","steps","HeadingOne","textColor","PageHeader","stepTitles","StreamBuilder","Helmet","content","features","description","x","y","rx","transform","FeaturesSection","feature","VideoModalBody","videoSource","frameBorder","allow","allowFullScreen","heroBackgroundStyle","windowHeight","backgroundPosition","HeroSection","openVideoModal","setOpenVideoModal","pricing","exampleLink","cta","mostPopular","comingSoon","option","pricingBackgroundStyle","Pricing","template","role","ThreeStepsSection","Home","setSize","useLayoutEffect","updateSize","innerWidth","innerHeight","useWindowSize","SignUp","useCallback","listener","Login","ResetPassword","resetPassword","PageNotFound","VerifyAccount","setHash","verifyEmail","queryString","require","NewPassword","updatePassworError","setUpdatePasswordError","validPasswords","parseCodeEmailFromURL","qsParsed","parse","search","setNewPassword","parsedURL","Pagination","hasNext","pageSize","totalItems","updatePage","ManageStreamModalTypes","PreviewStreamModalBody","SuccessOrErrorMessage","showComponent","showSuccess","successMessage","XCircleIcon","EditStreamModalBody","streamConfigUpdated","changesSaved","setChangesSaved","changesSavedSuccess","setChangesSavedSuccess","saveUpdates","handleCustomBackgroundImage","handleVoteOptionAvatarUploads","PublishStreamWarningBody","currentTimeUTC","setWarningShown","isError","hourDifference","hour","minuteDifference","minute","ExclamationIcon","PublishStreamModalBody","setVideoIdError","streamPublished","setStreamPublished","warningShown","isLastDailyRedeployment","MAX_DAILY_REDEPLOYMENTS","redeploymentCount","redeploymentLimitReached","publishStream","streamConfigUpdate","RocketShipIcon","Spinner","StreamTable","openManageStreamsModal","setOpenManageStreamsModal","streamConfigToAction","setStreamConfigToAction","userStreamConfigsPage","setUserStreamConfigsPage","PREVIEW","editModalSpinning","setEditModalSpinning","previewModalSpinning","setPreviewModelSpinning","allIntervals","setAllIntervals","fetchUserStreamConfigs","newPage","userStreamConfigs","clearInterval","setInterval","setDashBoardStreamTableInterval","console","modalType","foundIndex","findIndex","openManageStreamModal","EDIT","loadCustomBackgroundForEdit","loadCustomBackgroundForPreview","loadCustomBackground","fetch","contentType","blob","File","myFileLoad","scope","minWidth","streamStatus","PENDING","DEPLOYING","PencilAltIcon","PUBLISH","EyeIcon","Array","from","num","ManageStreams","setCurrentTimeUTC","ParagraphLink","link","Contact","captchaComplete","setCaptchaComplete","setMessage","showMessageError","setShowMessageError","contactUsSubmitted","setContactUsSubmitted","emailError","setEmailError","isLoading","setIsLoading","firstNameInvalid","emailInvalid","messageInvalid","disableSubmit","submitContactUsForm","emailResult","rows","sitekey","ProtectedUserRoute","Component","component","rest","state","TemplateView","getTawkTo","hideWidget","pathNameSplit","fetchStreamConfig","streamConfigRes","HeadingThreeBold","FaqSection","faqs","faq","question","Panel","answer","StreamConfigFAQ","VotingPollStreamFAQ","TimeAndCountdownsFAQ","StreamPublishingFAQ","LiveStreamManagementFAQ","PaymentsAndPricingFAQ","FAQTitles","Support","StreamConfigRef","VotingPollStreamRef","TimeAndCountdownsRef","StreamPublishingRef","LiveStreamManagementRef","PaymentsAndPricingRef","faqRefs","ChevronRight","ScrollToTop","useLocation","marks","StyledSlider","styled","Slider","valuetext","LabelSlider","setSliderDays","p","defaultValue","getAriaValueText","_","valueLabelDisplay","valueLabelFormat","preSelectedOption","URLSearchParams","sliderDays","PageSpinner","isEntireScreen","getTemplateHeading","getVideoURL","getTemplateMetaTitle","getTemplateMetaDescription","getTemplateText","TemplateGallery","templateGallery","setTemplateGallery","galleryLoading","setGalleryLoading","previewProductConfig","setPreviewProductConfig","openTemplatePreview","setOpenTemplatePreview","scroll","fetchTemplateGallery","loadBetweenTemplates","newProductType","previewTemplate","getTemplateOption","cursor","LegalSection","heading","sections","section","subsections","subsection","TERMS_OF_SERVICE_CONDITIONS","TermsOfService","PRIVACY_POLICY_CONDITIONS","PrivacyPolicy","HeadingThree","AccountSettings","currentPassword","setCurrentPassword","newPassword","showNewPasswordError","setShowNewPasswordError","errorUpdatingPassword","setErrorUpdatingPassword","updatePasswordLoading","setUpdatePasswordLoading","successfullyUpdatedPassword","setSuccessfullyUpdatedPassword","updatePasswordComplete","updatePassword","changePassword","GuideHeaderTwo","GuideParagraph","GuideTitleTextLarge","choosingVideoLatencyContent","imageUrl","datePublished","metaTitle","metaDescription","introduction","body","guidePosts","Guide","guideContentMap","GuideArticle","guideContent","App","exact","VerifyEmail","loadStripe","APP","StylesProvider","rootElement","getElementById","hasChildNodes","hydrate"],"mappings":"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","file":"static/js/main.36f4080a.chunk.js","sourcesContent":["import { Payment } from \"./CheckoutTypes\";\n\nexport enum ProductType {\n    TWO_VOTE = 'TWOVOTE',\n    MULTI_VOTE = 'MULTIVOTE',\n    COUNTDOWN = 'COUNTDOWN'\n}\n\nexport enum BackgroundType {\n    BACKGROUND_COLOR = 'COLOR',\n    DEFAULT_BACKGROUND = 'DEFAULT',\n    CUSTOM_BACKGROUND = 'CUSTOM'\n}\n\nexport enum CountdownType {\n    BASIC = \"BASIC\",\n    BASICSIDE = \"BASICSIDE\",\n    BOXED = \"BOXED\"\n}\n\nexport enum StreamStatus {\n    PENDING = \"PENDING\",\n    DEPLOYING = \"DEPLOYING\",\n    ACTIVE = \"ACTIVE\",\n    COMPLETED = \"COMPLETED\"\n}\n\nexport interface StreamConfigResponse {\n    id : string,\n    productType : ProductType,\n    videoId : string,\n    streamKey: string,\n    customerId: string,\n    paymentEmail: string,\n    streamEnd: string,\n    productConfig : ProductConfig,\n    streamStatus : StreamStatus,\n    createdAt : string,\n    updatedAt : string,\n    publishedAt : string,\n    payment: Payment,\n    redeploymentCount?: number\n}\n\nexport interface StreamConfig {\n    id : string,\n    productType : ProductType,\n    videoId : string,\n    streamKey : string,\n    customerId : string,\n    paymentEmail : string,\n    streamEnd : string,\n    productConfig : ProductConfig,\n    redeploymentCount?: number\n}\n\nexport interface ProductConfig {\n    title : string,\n    titleColor : string,\n    titleFont: string,\n    titleExtraLarge : boolean,\n    titleDropShadow: boolean,\n    subtitle : string,\n    backgroundType : BackgroundType,\n    backgroundColor : string,\n    defaultBackgroundUrl : string,\n    customBackgroundUrl : string,\n    customAudioUrl : string,\n    defaultAudio : string,\n    audioEnabled: boolean,\n    countdownDate : string,\n    countdownFontColor : string,\n    countdownBoxColor: string,\n    countdownFont : string,\n    countdownType: CountdownType,\n    countdownExtraLarge: boolean,\n    countdownDropShadow : boolean,\n    voteConfig? : VoteConfig\n}\n\nexport interface VoteConfig {\n    apiKey : string,\n    includeImages: boolean,\n    font: string,\n    fontColor: string,\n    dropShadow: boolean,\n    voteOptions : Array<VoteOption>\n}\n\nexport interface VoteOption {\n    id: string,\n    name : string,\n    code : string,\n    count : string,\n    avatarUrl : string,\n    avatarFile? : File\n    imagesUpdated?: boolean\n}\n","const Footer = () => {\n  return (\n    <div className=\"bg-gray-50 text-white py-2 px-4\">\n      <p className=\"text-base text-gray-500 text-center\"> &copy; {new Date().getFullYear()} \tStreamCreate Pty Ltd. <p className=\"text-base text-gray-500 text-center md:inline\"> All rights reserved. </p> </p>\n    </div>\n  )\n}\n\nexport default Footer\n\n","import {Link} from 'react-router-dom'\n\nconst navigation = {\n    templates: [\n      { name: 'Countdown Stream', href: '/Templates/Countdown' },\n      { name: 'Voting Poll Stream', href: '/Templates/VotingPoll' }\n    ],\n    support: [\n      { name: 'Support', href: '/Support' },\n      { name: 'Contact Us', href: '/Contact' }\n    ],\n    legal: [\n      { name: 'Terms of Service', href: '/TermsOfService' },\n      { name: 'Privacy Policy', href: '/PrivacyPolicy' }    \n    ],\n    streambuilder: [\n      { name: 'Stream Builder', href: '/StreamBuilder' }\n    ],\n    social: [\n      {\n        name: 'Facebook',\n        href: 'https://www.facebook.com/streamcreate',\n        icon: (props) => (\n          <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n            <path\n              fillRule=\"evenodd\"\n              d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n        ),\n      },\n      {\n        name: 'Twitter',\n        href: 'https://twitter.com/stream_create',\n        icon: (props) => (\n          <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n            <path d=\"M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84\" />\n          </svg>\n        ),\n      },\n      {\n        name: 'YouTube',\n        href: 'https://www.youtube.com/channel/UCbByLZpEYfO1M7TNpUOKjBw',\n        icon: (props) => (\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M22.522 6.55874C22.3206 5.45921 21.1609 4.49839 19.8775 4.37096C14.6399 3.87622 9.35578 3.87635 4.11824 4.37135C2.83944 4.49835 1.67974 5.45908 1.47728 6.56273C0.840655 10.1679 0.840908 13.8361 1.47803 17.4413C1.67969 18.5409 2.83944 19.5016 4.12255 19.6289C6.73867 19.8763 9.36837 20.0002 12 20C14.6316 20.0002 17.2613 19.8763 19.8775 19.6289L19.8817 19.6285C21.1607 19.5017 22.3204 18.5409 22.5227 17.4372C23.1593 13.832 23.1591 10.1638 22.522 6.55874ZM15.7341 12.5912L10.8151 15.4338C10.6916 15.5051 10.5481 15.5461 10.3999 15.5523C10.2517 15.5585 10.1043 15.5297 9.97348 15.469C9.84265 15.4083 9.73327 15.318 9.65702 15.2077C9.58076 15.0973 9.54048 14.9711 9.54048 14.8425V9.1574C9.54048 9.02878 9.58076 8.90257 9.65702 8.79223C9.73327 8.68189 9.84265 8.59156 9.97348 8.53086C10.1043 8.47017 10.2517 8.4414 10.3999 8.44761C10.5481 8.45382 10.6916 8.49478 10.8151 8.56613L15.7341 11.4087C15.8464 11.4736 15.9385 11.5615 16.0022 11.6646C16.0659 11.7678 16.0992 11.883 16.0992 11.9999C16.0992 12.1169 16.0659 12.2321 16.0022 12.3353C15.9385 12.4384 15.8464 12.5263 15.7341 12.5912Z\" fill=\"#9CA3AF\"/>\n          </svg>\n        ),\n      },\n    ]\n  }\n  \nconst FooterDetailed = () => {\n    return (\n      <footer className=\"bg-gray-50 pt-10\" aria-labelledby=\"footer-heading\">\n        <h2 id=\"footer-heading\" className=\"sr-only\">\n          Footer\n        </h2>\n        <div className=\"max-w-7xl mx-auto py-6 px-8 sm:px-6\">\n          <div className=\"xl:grid xl:grid-cols-3 xl:gap-8\">\n            <div className=\"xl:col-span-1\">\n            <img className=\"h-6 w-auto \" src={process.env.PUBLIC_URL + '/images/StreamCreateLogoGray.svg'} alt=\"\" />\n              <p className=\"text-gray-500 text-base mt-1\">\n                Simplifying 24/7 live streaming on YouTube.\n              </p>\n              <div className=\"flex space-x-6 mt-4\">\n                {navigation.social.map((item) => (\n                  <a key={item.name} href={item.href} className=\"text-gray-400 hover:text-gray-500\" target=\"_blank\" rel=\"noreferrer\">\n                    <span className=\"sr-only\">{item.name}</span>\n                    <item.icon className=\"h-6 w-6\" aria-hidden=\"true\" />\n                  </a>\n                ))}\n              </div>\n            </div>\n            <div className=\"mt-12  grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2\">\n              <div className=\"md:grid md:grid-cols-2 md:gap-8\">\n                <div>\n                  <h3 className=\"text-sm font-semibold text-gray-400 tracking-wider uppercase\">Templates</h3>\n                  <ul  className=\"mt-4 space-y-4\">\n                    {navigation.templates.map((item) => (\n                      <li key={item.name}>\n                        <Link className=\"text-base text-gray-500 hover:text-gray-900\" to={item.href}>\n                            {item.name}\n                        </Link>\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n                <div className=\"mt-12 md:mt-0\">\n                  <h3 className=\"text-sm font-semibold text-gray-400 tracking-wider uppercase\">Stream Builder</h3>\n                  <ul  className=\"mt-4 space-y-4\">\n                    {navigation.streambuilder.map((item) => (\n                      <li key={item.name}>\n                        <Link className=\"text-base text-gray-500 hover:text-gray-900\" to={item.href}>\n                            {item.name}\n                        </Link>\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n              </div>\n              <div className=\"md:grid md:grid-cols-2 md:gap-8\">\n                <div>\n                  <h3 className=\"text-sm font-semibold text-gray-400 tracking-wider uppercase\">Support</h3>\n                  <ul  className=\"mt-4 space-y-4\">\n                    {navigation.support.map((item) => (\n                      <li key={item.name}>\n                        <Link className=\"text-base text-gray-500 hover:text-gray-900\" to={item.href}>\n                            {item.name}\n                        </Link>\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n                <div className=\"mt-12 md:mt-0\">\n                  <h3 className=\"text-sm font-semibold text-gray-400 tracking-wider uppercase\">Legal</h3>\n                  <ul  className=\"mt-4 space-y-4\">\n                    {navigation.legal.map((item) => (\n                      <li key={item.name}>\n                        <Link className=\"text-base text-gray-500 hover:text-gray-900\" to={item.href}>\n                            {item.name}\n                        </Link>\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"mt-12 border-t border-gray-200 pt-2 -mb-4\">\n            <p className=\"text-base text-gray-500 text-center\"> &copy; {new Date().getFullYear()} \tStreamCreate Pty Ltd. <p className=\"text-base text-gray-500 text-center md:inline\"> All rights reserved. </p> </p>\n          </div>\n        </div>\n      </footer>\n    )\n  }\n\n\nexport default FooterDetailed","const RenderIf = ({ condition, children }) => {\n    return condition ? children : null\n  }\n  \n  export default RenderIf","import {observable, action, makeObservable} from \"mobx\"\nimport { CheckoutDetails } from \"Types/CheckoutTypes\"\n\nexport class CheckoutStore {\n    checkoutDetails : CheckoutDetails = { fullName: \"\", email: \"\", agreeTerms: false, totalCost : 0, cardDetails : {cardName : \"\", cardNumber : undefined, expirationDate : \"\", cvc: undefined}, streamEndDateError: false, validReferralCode: \"\"}\n    highlightErrors: boolean = false\n\n    constructor() {\n        makeObservable(this, {\n            checkoutDetails: observable,\n            setCheckoutDetails: action,\n            setHighlightErrors: action,\n            resetCheckoutDetails: action\n        })\n    }\n\n    setCheckoutDetails(checkoutDetails : CheckoutDetails) {\n        this.checkoutDetails = checkoutDetails\n    }\n\n    setHighlightErrors() {\n        this.highlightErrors = true   \n    }\n\n    resetCheckoutDetails() { \n        let newCheckoutDetails = this.checkoutDetails\n        newCheckoutDetails.fullName = \"\"\n        newCheckoutDetails.email = \"\"\n        newCheckoutDetails.agreeTerms = false\n        newCheckoutDetails.totalCost = 0\n        newCheckoutDetails.cardDetails = {cardName : \"\", cardNumber : undefined, expirationDate : \"\", cvc: undefined}\n        newCheckoutDetails.streamEndDateError = false\n        this.checkoutDetails = newCheckoutDetails\n    }   \n\n\n}\n","import { ProductType } from \"Types/StreamTypes\"\n\nexport const GENERIC_ERROR_MSG = \"Error, something went wrong.\"\n\nexport const INVALID_EXPIRE_URL_MSG = \"Error, invalid or expired url.\"\n\nexport const INCORRECT_LOGIN_MSG = \"Incorrect username or password.\"\n\nexport const INCORRECT_PASSWORD_MSG = \"Incorrect password.\"\n\nexport const EMAIL_NOT_VERIFIED = \"Your email is not verified. Please check your mailbox for a verification code.\"\n\nexport const PASSWORD_MISMATCH_MSG = \"Passwords must match.\"\n\nexport const INVALID_EMAIL_MSG = \"Please enter a valid email.\"\n\nexport const MISSING_FIRSTNAME_MSG = \"Please enter your first name.\"\n\nexport const MISSING_FULLNAME_MSG = \"Please enter your full name.\"\n\nexport const REQUIRE_AGREEMENT_TO_TERMS = \"Please confirm you agree to the terms of service.\"\n\nexport const INVALID_NAME_ON_CARD = \"Please enter a valid name.\"\n\nexport const INVALID_CARD_NUMBER = \"Please enter a valid card number.\"\n\nexport const INVALID_CARD_EXPIRATION = \"Invalid card expiration\"\n\nexport const INVALID_CVC_NUMBER = \"Invalid verficiation code\"\n\nexport const MISSING_LASTNAME_MSG = \"Please enter your last name.\"\n\nexport const UPLOAD_BACKGROUND_IMAGE = \"Error, please upload a background image.\"\n\nexport const PUBLISH_STREAM_SUCCESS_NEXT_STEP_MESSAGE = \"Keep an eye on your YouTube scheduled stream. Your stream will be running on our servers in a couple of minutes and will be connected to the stream key you provided. Don’t forget to publish it to your audience on YouTube.\"\n\nexport const PUBLSIH_STREAM_SUCCESS_CONGRATULATIONS = \"Your stream has been successfully launched. Streaming will commence in a few minutes!\"\n\nexport const INVALID_DATE_ENTERED = \"You have entered an invalid date.\"\n\nexport const MAX_STREAM_DAYS = 60\n\nexport const INVALID_STREAM_DURATION = `Stream must end between 1-${MAX_STREAM_DAYS} days`\n\nexport const STREAM_PURCHASE_FAILURE = \"Failed to complete stream purchase.\"\n\nexport const INVALID_REFERRAL_CODE = \"Invalid promo code.\"\n\nexport const WHITE = \"#FFFFFF\"\n\nexport const BLACK = \"#000000\"\n\nexport const PICK_COLORS = [BLACK, '#333333', '#ABB8C3', '#D3D2D2',  '#E11D48', '#EF4444', '#F97316', \n                            '#FDBA74', '#FCD34D', '#FDE68A', '#00D084', '#6ADAC4', '#26CAD3', '#8ED1FC',\n                            '#0693E3', '#1E40AF' , '#151877', '#D8B4FE', '#A78BFA', '#FF9CC0',  WHITE]\n\nexport const DROPDOWN_FONTS = ['Aldrich Regular','Belgrano Regular', 'LilitaOne Regular', 'Lobster Regular', 'Merriweather Regular', 'MiriamLibre Bold', 'Philosopher Bold', 'Roboto Condens Regular','RussoOne Bold','Sansita Bold', 'SecularOne Bold', 'Volkhov Bold Italic','Work Sans Bold']\n\nexport const DEFAULT_BACKGROUNDS = ['BeachVibes','Beauty', 'BlueRing','Celebrate','Cloudy','Election','FireWorks','Futuristic','Gaming','Gradient','MultiColor','Party','PurpleDots','RetroCity','Spring','Stadium','TakeOff']\n\nexport const PUBLISH_STREAM_VIDEO_URL_WATCH = \"https://www.youtube.com/watch?v=MCXbgobsgPk\"\n\nexport const PROMOTION_VIDEO_URL_EMBED_COUNTDOWN = \"https://www.youtube.com/embed/El7y7K_OzuY\" \n\nexport const PROMOTION_VIDEO_URL_EMBED_MULTIVOTE = \"https://www.youtube.com/embed/LNG48Z64ocg\" \n\nexport const WORLD_TIME_SERVER_URL = \"https://www.worldtimeserver.com/current_time_in_UTC.aspx\"\n\nexport const DEFAULT_AUDIO = ['Adventure', 'Lofi', 'Piano', 'Cyberpunk', 'Guitar', 'Uplifting', 'Spring', 'Jazz', 'Dramatic']\n\nexport const DEFAULT_AUDIO_MAP = { \n                                  'Adventure' : 'https://stream-create-music-public.s3.ap-southeast-2.amazonaws.com/default/adventure.mp3',\n                                  'Lofi' : 'https://stream-create-music-public.s3.ap-southeast-2.amazonaws.com/default/lofi.mp3',\n                                  'Piano' : 'https://stream-create-music-public.s3.ap-southeast-2.amazonaws.com/default/piano.mp3',\n                                  'Cyberpunk' : 'https://stream-create-music-public.s3.ap-southeast-2.amazonaws.com/default/cyberpunk.mp3',\n                                  'Guitar' : 'https://stream-create-music-public.s3.ap-southeast-2.amazonaws.com/default/guitar.mp3',\n                                  'Uplifting' : 'https://stream-create-music-public.s3.ap-southeast-2.amazonaws.com/default/uplifting.mp3',\n                                  'Spring' : 'https://stream-create-music-public.s3.ap-southeast-2.amazonaws.com/default/spring.mp3',\n                                  'Jazz' : 'https://stream-create-music-public.s3.ap-southeast-2.amazonaws.com/default/jazz.mp3',\n                                  'Dramatic' : 'https://stream-create-music-public.s3.ap-southeast-2.amazonaws.com/default/dramatic.mp3'\n                                 }\n\nexport const DEFAULT_TITLE = 'Enter Your Title'\n\nexport const DEFAULT_TITLE_COLOR = BLACK\n\nexport const DEFAULT_TITLE_FONT= 'Aldrich Regular'\n\nexport const DEFAULT_SUBTITLE= 'Enter Your SubTitle'\n\nexport const DEFAULT_BACKGROUND_COLOR= WHITE\n\nexport const DEFAULT_COUNTDOWN_FONT_COLOR= BLACK\n\nexport const DEFAULT_COUNTDOWN_BOX_COLOR= BLACK\n\nexport const DEFAULT_COUNTDOWN_FONT= 'Aldrich Regular'\n\nexport const DEFAULT_VOTE_TABLE_FONT= 'Aldrich Regular'\n\nexport const S3_BUCKET_BASE_URL = 'https://stream-create-backgrounds-public.s3.ap-southeast-2.amazonaws.com'\n\nexport const SUPPORTED_IMAGE_TYPES = ['image/jpeg', 'image/png']\n\nexport const RECAPTCHA_SITE_KEY = \"6LcHKvIcAAAAACR2EsqN5zoJkybBn9FPQ7zQUKGC\"\n\nexport const MAX_DAILY_REDEPLOYMENTS = 5\n\nexport const STATUS_SUCCESS = 200\n\nexport const STATUS_UNAUTHORIZED = 401\n\nexport const COUNTDOWN_PRODUCT_NAME = \"Live Countdown Stream\"\n\nexport const MULTIVOTE_PRODUCT_NAME = \"Live Voting Poll Stream\"\n\nexport const MAXIMUM_VOTE_OPTIONS = 10\n\nexport const PRODUCTS = [\n    {\n      title: COUNTDOWN_PRODUCT_NAME,\n      productType: ProductType.COUNTDOWN,\n    },\n    {\n      title: MULTIVOTE_PRODUCT_NAME,\n      productType: ProductType.MULTI_VOTE,\n    },\n  ]\n\nexport const getProductTitle = (productType : ProductType) => PRODUCTS.find(product => product.productType === productType).title\n\n\nexport const VOTE_TABLE_SIZES = {\n  1: {\"rowHeight\": \"0.85\", \"rowFontSize\": 0.43, \"rowMarginTop\": 3.5, \"numberMarginLeftImage\": 0, \"numberMarginLeftNoImage\": 2.5, \"numberMarginRight\": 0, \"lastFiveVoterPadding\" : 32.2},\n  2: {\"rowHeight\": \"0.85\", \"rowFontSize\": 0.43, \"rowMarginTop\": 3.5, \"numberMarginLeftImage\": 0, \"numberMarginLeftNoImage\": 2.5,\"numberMarginRight\": 0, \"lastFiveVoterPadding\" : 26.30},\n  3: {\"rowHeight\": \"0.85\", \"rowFontSize\": 0.43, \"rowMarginTop\": 3.5, \"numberMarginLeftImage\": 0, \"numberMarginLeftNoImage\": 2.5,\"numberMarginRight\": 0, \"lastFiveVoterPadding\" : 20.58},\n  4: {\"rowHeight\": \"0.85\", \"rowFontSize\": 0.43, \"rowMarginTop\": 3.5, \"numberMarginLeftImage\": 0, \"numberMarginLeftNoImage\": 2.5,\"numberMarginRight\": 0, \"lastFiveVoterPadding\" : 14.93},\n  5: {\"rowHeight\": \"0.85\", \"rowFontSize\": 0.43, \"rowMarginTop\": 3.5, \"numberMarginLeftImage\": 0, \"numberMarginLeftNoImage\": 2.5,\"numberMarginRight\": 0, \"lastFiveVoterPadding\" : 9.36},\n  6: {\"rowHeight\": \"0.8\", \"rowFontSize\": 0.43, \"rowMarginTop\": 2.75, \"numberMarginLeftImage\": 0, \"numberMarginLeftNoImage\": 2.5,\"numberMarginRight\": -5, \"lastFiveVoterPadding\" : 5.7},\n  7: {\"rowHeight\":\"0.75\", \"rowFontSize\": 0.40, \"rowMarginTop\": 2.5, \"numberMarginLeftImage\": -0.5, \"numberMarginLeftNoImage\": 2.5,\"numberMarginRight\": -10, \"lastFiveVoterPadding\" : 2.71},\n  8: {\"rowHeight\": \"0.65\", \"rowFontSize\": 0.37, \"rowMarginTop\": 1, \"numberMarginLeftImage\": -0.8, \"numberMarginLeftNoImage\": 3,\"numberMarginRight\": -15, \"lastFiveVoterPadding\" : 0.41},\n  9: {\"rowHeight\": \"0.58\", \"rowFontSize\": 0.32, \"rowMarginTop\": 1.25, \"numberMarginLeftImage\": -1.2, \"numberMarginLeftNoImage\": 3,\"numberMarginRight\": -16, \"lastFiveVoterPadding\" : 1.48},\n  10: {\"rowHeight\": \"0.52\", \"rowFontSize\": 0.30, \"rowMarginTop\": 0.5, \"numberMarginLeftImage\": -1.5, \"numberMarginLeftNoImage\": 3,\"numberMarginRight\": -20, \"lastFiveVoterPadding\" : 0.84},\n}\n\nexport const STANDARD_DROP_SHADOW = \"1px 3px 3px rgba(0,0,0,0.7)\"\n\nexport const COUNTDOWN_TEXT_MULITPLIER = 1.25\n\nexport const MULTIVOTE_TEXT_MULITPLIER = 1.125\n","import moment from \"moment\";\nimport { ProductType } from \"Types/StreamTypes\";\nimport { COUNTDOWN_PRODUCT_NAME, MULTIVOTE_PRODUCT_NAME, VOTE_TABLE_SIZES } from \"./GeneralConstants\";\n\nexport function truncateText(text, length) {\n    if (text.length <= length) {\n        return text;\n    }\n    return text.substr(0, length) + '\\u2026'\n}\n\nexport function getDaysDifferenceFromToday(date1) {\n    return Math.ceil(moment(date1).diff(moment(moment.utc().format('YYYY-MM-DDTHH:mm:ss')),'hours')/24)\n}\n\nexport const getFutureDateTime = (days) => {\n    let futureDateTime = moment.utc().add(days,'days').format('YYYY-MM-DDTHH:mm:ss')\n    return futureDateTime\n}\n\nexport function numBetweenVals(num,smaller,larger) {\n    return num >= smaller && num <= larger\n}\n\nexport function currentYearAsYY(){ return parseInt(new Date().getFullYear().toString().substr(-2))}\n\nexport const hashText = (text : string) => {\n    return btoa(text)\n}\n\nexport const deHashText = (ecodedText : string) => {\n    return atob(ecodedText)\n}\n\nexport const sleepMilliseconds = (milliseconds) => {\n    return new Promise(resolve => setTimeout(resolve, milliseconds))\n}\n\nexport const subList = (list, start,end) => {\n    if (!end) { end = -1; } \n    return list.slice(start, list.length + 1 - (end * -1));\n}\n\nexport const reformatFileName = (fileName) => {\n    const fileNameExtension = fileName.split('.').pop()\n    let formattedFileName = fileName.replace('.' + fileNameExtension,'')\n    return formattedFileName.replace(/[^a-zA-Z0-9-_]/g, '') + '.' + fileNameExtension;\n}\n\nexport const isStreamKeyValid = input => /^[a-zA-Z0-9]{4}-[a-zA-Z0-9]{4}-[a-zA-Z0-9]{4}-[a-zA-Z0-9]{4}-[a-zA-Z0-9]{4}$/.test(input)\n\nexport const isFirstNameValid = input => input.length >= 2 && input.length <= 40\n\nexport const isChannelUrlValid = input => typeof input === 'string' && input.length > 0\n\nexport const isVideoIdValid = input => /^[A-Za-z0-9_-]{11}$/.test(input)\n\nexport const isEmailValid = input => /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(input)\n\nexport const isPasswordValid = input=> input.length >= 8 && hasNumber(input) && isUpperCase(input)  && isLowerCase(input)\n\nexport const hasNumber = input => /[0-9]/.test(input)\n\nexport const isNumber = input => /^\\d+$/.test(input)\n\nexport const isUpperCase = input => /[A-Z]/.test(input)\n\nexport const isLowerCase = input => /[a-z]/.test(input)\n\nexport const formatDate = dateTime => moment(dateTime).format(\"DD MMM YYYY\")\n\nexport const formatDateTime = dateTime => moment(dateTime).format(\"DD MMM YYYY HH:mm\")\n\nexport const formatTime = dateTime => moment(dateTime).format('LT')\n\nexport function compareRanking( a, b ) {\n    const aValue = Number(a['VoteCount'])\n    const bValue = Number(b['VoteCount'])\n  \n    if ( aValue < bValue ){\n      return 1;\n    }\n    if ( aValue > bValue ){\n      return -1;\n    }\n    return 0;\n  }\n\n  \nexport function getRowHeight( voteOptions ) {\n    return ( voteOptions in VOTE_TABLE_SIZES ) ? VOTE_TABLE_SIZES[voteOptions][\"rowHeight\"] : 0;\n}\n\nexport function getRowFontSize( voteOptions ) {\n    return ( voteOptions in VOTE_TABLE_SIZES ) ? VOTE_TABLE_SIZES[voteOptions][\"rowFontSize\"] : 0;\n}\n\nexport function getRowMarginTop( voteOptions ) {\n    return ( voteOptions in VOTE_TABLE_SIZES ) ? VOTE_TABLE_SIZES[voteOptions][\"rowMarginTop\"] : 0;\n}\n\nexport function getNumberMarginRight( voteOptions ) {\n    return ( voteOptions in VOTE_TABLE_SIZES ) ? VOTE_TABLE_SIZES[voteOptions][\"numberMarginRight\"] : 0;\n}\n\nexport function getNumberMarginLeftNoImage( voteOptions ) {\n    return ( voteOptions in VOTE_TABLE_SIZES ) ? VOTE_TABLE_SIZES[voteOptions][\"numberMarginLeftNoImage\"] : 0;\n}\n\nexport function getNumberMarginLeftImage( voteOptions ) {\n    return ( voteOptions in VOTE_TABLE_SIZES ) ? VOTE_TABLE_SIZES[voteOptions][\"numberMarginLeftImage\"] : 0;\n}\n\nexport function getLastFiveVoterPadding( voteOptions ) {\n    return ( voteOptions in VOTE_TABLE_SIZES ) ? VOTE_TABLE_SIZES[voteOptions][\"lastFiveVoterPadding\"] : 0;\n}\n\n\nexport function calculatePricingFromDays(productType : ProductType, days : number) {\n    let preciseCost;\n    if (days <= 0) {\n        return 0.00\n    }\n    if (productType === ProductType.COUNTDOWN) {\n        preciseCost = days + Math.min(0.25*days,6.25) + Math.min(0.25*days,2.5) + Math.min(0.5*days,2) + Math.min(days,2) + Math.min(2*days,2);\n    } else if (productType === ProductType.MULTI_VOTE) {\n        preciseCost = 1.5*days + Math.min(days,10) + Math.min(days,4) + Math.min(1.5*days,3) + Math.min(3*days,3) \n    }\n    return Math.round((preciseCost*0.8)*2)/2.0;\n}\n\nexport function getOptionProductType(templatePath) {\n    if (templatePath === \"VotingPoll\") { \n      return ProductType.MULTI_VOTE\n    }\n    return ProductType.COUNTDOWN\n}\n  \n\nexport function getTemplateOption(productType) {\n    if (productType === ProductType.COUNTDOWN) { \n        return \"1\"\n    } else if (productType === ProductType.MULTI_VOTE) { \n        return \"2\"\n    }\n}\n  \nexport function getProductName(productType) {\n    if (productType === ProductType.COUNTDOWN) { \n        return COUNTDOWN_PRODUCT_NAME\n    } else if (productType === ProductType.MULTI_VOTE) { \n        return MULTIVOTE_PRODUCT_NAME\n    }\n}","import {observable, action, makeObservable} from \"mobx\"\nimport { MyFile } from \"Types/GeneralTypes\"\nimport { BackgroundType, CountdownType, ProductType, StreamConfig, VoteConfig } from \"Types/StreamTypes\"\nimport { DEFAULT_BACKGROUND_COLOR, DEFAULT_COUNTDOWN_FONT_COLOR, DEFAULT_COUNTDOWN_FONT, \n         DEFAULT_SUBTITLE, DEFAULT_TITLE, DEFAULT_TITLE_COLOR, DEFAULT_TITLE_FONT, DEFAULT_COUNTDOWN_BOX_COLOR, DEFAULT_VOTE_TABLE_FONT, DEFAULT_AUDIO } from \"Utilities/GeneralConstants\"\nimport { getFutureDateTime } from \"Utilities/HelperFunctions\"\nimport { v4 as uuidv4 } from 'uuid';\nimport TawkTo from 'tawkto-react'\n\nexport const getDefaultVoteOption = (number) => {\n    return {\n            \"id\" : uuidv4(),\n            \"name\" : `Name${number}`,\n            \"code\" :  `!Code${number}`,\n            \"count\" :  \"0\",\n            \"avatarUrl\" : process.env.PUBLIC_URL + '/images/DefaultMultiVoteAvatar.svg',\n            \"imagesUpdated\": false\n        }\n}\n\nexport const DEFAULT_VOTE_CONFIG : VoteConfig = {  \n    apiKey : \"\",\n    includeImages: true,\n    font: DEFAULT_VOTE_TABLE_FONT,\n    fontColor: DEFAULT_TITLE_COLOR,\n    dropShadow: false,\n    voteOptions : [\n        getDefaultVoteOption(1),\n        getDefaultVoteOption(2),\n        getDefaultVoteOption(3),\n        getDefaultVoteOption(4)\n    ]\n}\n\nexport const DEFAULT_STREAM_CONFIG = { id: \"\", videoId : \"\", streamKey: \"\", customerId: \"\", paymentEmail: \"\", productType: ProductType.COUNTDOWN, streamEnd: null, productConfig: \n    { title : DEFAULT_TITLE, titleColor : DEFAULT_TITLE_COLOR, titleFont: DEFAULT_TITLE_FONT, titleExtraLarge: false, titleDropShadow: false, subtitle : DEFAULT_SUBTITLE, backgroundType: BackgroundType.DEFAULT_BACKGROUND,\n      backgroundColor : DEFAULT_BACKGROUND_COLOR, defaultBackgroundUrl: \"TakeOff\", customBackgroundUrl : null, customAudioUrl : null, defaultAudio: DEFAULT_AUDIO[0], audioEnabled: false, countdownDate :  getFutureDateTime(30), \n      countdownFontColor : DEFAULT_COUNTDOWN_FONT_COLOR, countdownBoxColor: DEFAULT_COUNTDOWN_BOX_COLOR , countdownFont: DEFAULT_COUNTDOWN_FONT, countdownType: CountdownType.BASIC, countdownExtraLarge: false, countdownDropShadow: false, voteConfig: null}}\n\nexport class StreamBuilderStore {\n    streamBuilderStep: number = 0\n    streamConfig : StreamConfig = DEFAULT_STREAM_CONFIG\n    uploadedImageFiles : Array<MyFile> = []\n    uploadedImageSelected : number = 0 \n\n    dashBoardStreamConfig : StreamConfig = DEFAULT_STREAM_CONFIG\n    dashBoardUploadedImageFiles : Array<MyFile> = []\n    dashboardUploadedImageSelected : number = 0 \n    dashboardNewImageUploaded : boolean = false\n    dashBoardStreamTableInterval: number\n    tawk = new TawkTo(\"634d19b2b0d6371309c9e7cf\", \"1gfiiooge\")\n\n    constructor() {\n        makeObservable(this, {\n            streamBuilderStep: observable,\n            streamConfig: observable,\n            dashBoardStreamConfig: observable,\n            resetDashboardStreamSelected: action,\n            setStreamBuilderStep: action,\n            setStreamConfig: action,\n            setVoteConfig: action,\n            resetBuilderStreamConfig : action,\n            resetProductConfig: action\n        })\n    }\n\n    getUploadedImageFiles(isBuilderConfig: boolean) {\n        return isBuilderConfig ? this.uploadedImageFiles : this.dashBoardUploadedImageFiles\n    }\n\n    getUploadedImagesSelected(isBuilderConfig: boolean) {\n        return isBuilderConfig ? this.uploadedImageSelected : this.dashboardUploadedImageSelected\n    }\n\n    getSelectedImage(isBuilderConfig: boolean) : MyFile {\n        if (isBuilderConfig) {\n            return this.uploadedImageFiles.length > 0 ? this.uploadedImageFiles[this.uploadedImageSelected] : null\n        } else {\n            return this.dashBoardUploadedImageFiles.length > 0 ? this.dashBoardUploadedImageFiles[this.dashboardUploadedImageSelected] : null\n        }\n    }\n\n    getStreamConfig(isBuilderConfig: boolean) {\n        if (isBuilderConfig) {\n            return this.streamConfig\n        } else {\n            return this.dashBoardStreamConfig\n        }\n    }\n\n    getProductConfig(isBuilderConfig: boolean) {\n        if (isBuilderConfig) {\n            return this.streamConfig.productConfig\n        } else {\n            return this.dashBoardStreamConfig.productConfig\n        }\n    }\n\n    getTawkTo() {\n        return this.tawk\n    }\n\n    setStreamBuilderStep(step : number){\n        this.streamBuilderStep = step\n    }\n\n    setStreamConfig(streamConfig : StreamConfig, isBuilderConfig: boolean) {\n        if (isBuilderConfig) {\n            this.streamConfig = streamConfig\n        } else {\n            this.dashBoardStreamConfig = streamConfig\n        }\n    }\n\n    setUploadedImageFiles(newUploadedImageFiles : Array<MyFile>, isBuilderConfig: boolean, userEdit: boolean) {\n        if (isBuilderConfig) {\n            this.uploadedImageFiles = newUploadedImageFiles\n        } else {\n            if (userEdit) {\n                this.dashboardNewImageUploaded = true\n            }   \n            this.dashBoardUploadedImageFiles = newUploadedImageFiles\n        }\n    }\n\n    setDashBoardStreamTableInterval(interval) {\n        this.dashBoardStreamTableInterval = interval\n    }\n\n    setUploadedImageSelected(uploadedImageNumber : number, isBuilderConfig: boolean) {\n        if (isBuilderConfig) {\n            this.uploadedImageSelected = uploadedImageNumber\n        } else {\n            this.dashboardUploadedImageSelected = uploadedImageNumber\n        }\n    }\n\n    setVoteConfig(voteConfig: VoteConfig, isBuilderConfig : boolean) {\n        if (isBuilderConfig) {\n            let newStreamConfig = this.streamConfig\n            newStreamConfig.productConfig.voteConfig = voteConfig\n            this.streamConfig = newStreamConfig;\n        } else {\n            let newDashBoardStreamConfig = this.dashBoardStreamConfig\n            newDashBoardStreamConfig.productConfig.voteConfig = voteConfig\n            this.dashBoardStreamConfig = newDashBoardStreamConfig\n        }   \n    }\n\n    resetBuilderStreamConfig() {\n        this.resetProductConfig(true,this.streamConfig.productType)\n        let newStreamConfig = this.streamConfig\n        newStreamConfig.id = \"\"\n        newStreamConfig.videoId = \"\"\n        newStreamConfig.streamKey = \"\"\n        newStreamConfig.customerId = \"\"\n        newStreamConfig.paymentEmail = \"\"\n        newStreamConfig.productType = ProductType.COUNTDOWN\n        newStreamConfig.streamEnd = null\n        this.streamConfig = newStreamConfig\n    }\n\n    resetProductConfig(isBuilderConfig: boolean, productType: ProductType) {\n        let newStreamConfig = this.streamConfig\n        if (!isBuilderConfig) { \n            newStreamConfig = this.dashBoardStreamConfig\n            this.dashBoardUploadedImageFiles = []\n            this.dashboardUploadedImageSelected = 0 \n            this.dashboardNewImageUploaded = false\n        } else {\n            this.uploadedImageFiles = []\n            this.uploadedImageSelected = 0 \n        }\n        newStreamConfig.productConfig.title = DEFAULT_TITLE\n        newStreamConfig.productConfig.titleColor = DEFAULT_TITLE_COLOR\n        newStreamConfig.productConfig.titleFont = DEFAULT_TITLE_FONT\n        newStreamConfig.productConfig.titleExtraLarge = false\n        newStreamConfig.productConfig.titleDropShadow = false\n        newStreamConfig.productConfig.subtitle = DEFAULT_SUBTITLE\n        newStreamConfig.productConfig.backgroundType = BackgroundType.DEFAULT_BACKGROUND\n        newStreamConfig.productConfig.backgroundColor = DEFAULT_BACKGROUND_COLOR\n        newStreamConfig.productConfig.defaultBackgroundUrl = \"TakeOff\"\n        newStreamConfig.productConfig.customBackgroundUrl = null\n        newStreamConfig.productConfig.customAudioUrl = null\n        newStreamConfig.productConfig.defaultAudio = DEFAULT_AUDIO[0]\n        newStreamConfig.productConfig.audioEnabled = false\n        if (productType === ProductType.MULTI_VOTE) {\n            newStreamConfig.productConfig.countdownDate = null\n            newStreamConfig.productConfig.countdownFontColor = null\n            newStreamConfig.productConfig.countdownBoxColor = null\n            newStreamConfig.productConfig.countdownFont = null\n            newStreamConfig.productConfig.countdownType = null\n            newStreamConfig.productConfig.voteConfig = DEFAULT_VOTE_CONFIG\n            newStreamConfig.productConfig.voteConfig.font = DEFAULT_TITLE_FONT\n        } else {\n            newStreamConfig.productConfig.countdownDate = getFutureDateTime(30)\n            newStreamConfig.productConfig.countdownFontColor = DEFAULT_COUNTDOWN_FONT_COLOR\n            newStreamConfig.productConfig.countdownBoxColor = DEFAULT_COUNTDOWN_BOX_COLOR\n            newStreamConfig.productConfig.countdownFont = DEFAULT_COUNTDOWN_FONT\n            newStreamConfig.productConfig.countdownType = CountdownType.BASIC\n            newStreamConfig.productConfig.countdownExtraLarge = false\n            newStreamConfig.productConfig.countdownDropShadow = false\n            newStreamConfig.productConfig.voteConfig = null\n        }\n        if (isBuilderConfig) { \n            this.streamConfig = newStreamConfig\n        } else {\n            this.dashBoardStreamConfig = newStreamConfig\n        }\n    }\n\n    resetDashboardStreamSelected() {\n        this.dashBoardStreamConfig = DEFAULT_STREAM_CONFIG\n        this.dashBoardUploadedImageFiles = []\n        this.dashboardUploadedImageSelected = 0 \n        this.dashboardNewImageUploaded = false\n    }\n    \n}\n","import {CognitoUserPool, CognitoUser, AuthenticationDetails} from \"amazon-cognito-identity-js\"\nimport { getUserStore } from \"Store/StoreConfig\";\nimport { UserStore } from \"Store/UserStore\"\nimport Cookies from 'universal-cookie';\nconst cookies = new Cookies();\n\nconst userPoolData = {\n    UserPoolId: \"ap-southeast-2_IbdHXIYin\",\n    ClientId: \"51opa0s993kg29om9kdpvtqqat\"\n}\n\nexport const userPool : CognitoUserPool = new CognitoUserPool(userPoolData)\n\nexport const createCognitoUser = (username: string) => {\n    var userData = {\n        Username: username,\n        Pool: userPool,\n    }\n    return new CognitoUser(userData)\n}\n\n\nexport const createAuthDetails = (email : string, password : string) => {\n    return new AuthenticationDetails({\n        Username:email,\n        Password: password\n    })\n}\n\n\nexport const getSession = () => {\n    const userStore : UserStore = getUserStore()\n    const user : CognitoUser = userPool.getCurrentUser()\n    if (user) {\n        user.getSession(async (err, session) => {\n            if (!err) {\n                loadUser(user, userStore, session.getAccessToken()['jwtToken'])\n            } else {\n                userStore.setIsLoaded()\n            }\n        })\n    } else {\n        userStore.setIsLoaded()\n    }\n}\n\n\nexport const loadUser = (user : CognitoUser, UserStore : UserStore, accessToken : string) => {\n    return new Promise((resolve, reject) => {\n        return user.getUserAttributes(function(err, result) {\n            if (err) {\n                UserStore.setIsLoaded()\n                reject(false)\n            } else {\n                setTokenCookie(accessToken)\n                UserStore.setUser(user,result)\n                UserStore.setIsLoaded()\n                resolve(true)\n            }\n        })\n    })              \n}\n\n\nexport const handleUnauthorizedRequest = async () => {\n    const userStore = getUserStore()\n    const user : CognitoUser = userStore.cognitoUser\n    if (user) {\n        user.signOut(() => {\n            userStore.clearUser()\n            document.location.href=\"/\";\n        })\n    }\n}\n\n\nexport const setTokenCookie = (token) => {\n    cookies.set(\"token\", token, { path: '/' });\n}\n\n\nexport const removeTokenCookie = () => {\n    cookies.remove(\"token\");\n}\n\n\nexport const getAuthHeader = () => {\n    return {Authorization: 'Bearer ' + cookies.get(\"token\") };\n }\n\n\n export const getAuthHeaderWithContentJson = () => {\n    return {Authorization: 'Bearer ' + cookies.get(\"token\"), \n            \"Content-Type\": \"multipart/form-data\"};\n }\n\n\n\n","import { CognitoUser } from \"amazon-cognito-identity-js\"\nimport {observable, action, makeObservable} from \"mobx\"\nimport { getSession, removeTokenCookie } from \"Services/AuthService\"\nimport { User } from \"Types/UserTypes\"\n\nexport class UserStore {\n    isLoaded: boolean = false\n    user : User\n    cognitoUser: CognitoUser\n    signUpEmail: string\n\n    constructor() {\n        makeObservable(this, {\n            isLoaded: observable,\n            user: observable,\n            cognitoUser: observable,\n            signUpEmail: observable,\n            setUser: action,\n            loadUser: action,\n            setSignupEmail: action\n        })\n    }\n\n\n    async loadUser() {\n        getSession()\n    }\n\n\n    setIsLoaded() {\n        this.isLoaded = true\n    }\n    \n\n    clearUser() {\n        this.setUser(null,null)\n        removeTokenCookie()\n    }\n    \n\n    setUser(cognitoUser : CognitoUser, userAttributes){\n        if (cognitoUser) {\n            const emailAttr = userAttributes.find(ua => ua.Name === 'email')\n            const firstNameAttr = userAttributes.find(ua => ua.Name === 'given_name')\n            const lastNameAttr = userAttributes.find(ua => ua.Name === 'family_name')\n            this.user = {\n                congitoUser: cognitoUser,\n                username: cognitoUser.getUsername(),\n                email : emailAttr ? emailAttr.Value : \"\",\n                firstName : firstNameAttr ? firstNameAttr.Value : \"\",\n                lastName : lastNameAttr ? lastNameAttr.Value : \"\",\n            }\n            this.cognitoUser = cognitoUser\n        } else {\n            this.user = null\n            this.cognitoUser = null\n        }\n    }\n\n\n    setSignupEmail(email : string) {\n        this.signUpEmail = email\n    }\n\n}\n","import React from 'react'\nimport { CheckoutStore } from './CheckoutStore'\nimport { StreamBuilderStore } from './StreamBuilderStore'\nimport { UserStore } from './UserStore'\n\nconst userStore : UserStore = new UserStore()\nconst streamBuilderStore : StreamBuilderStore = new StreamBuilderStore()\nconst checkoutStore : CheckoutStore = new CheckoutStore()\n\nexport const getUserStore = () : UserStore => {\n    return userStore;\n}\n\nexport const storesContext = React.createContext({\n    StreamBuilderStore: streamBuilderStore,\n    UserStore: userStore,\n    CheckoutStore: checkoutStore\n })\n\n export const useStores = () => React.useContext(storesContext)","/* This example requires Tailwind CSS v2.0+ */\nimport { Fragment } from 'react'\nimport { Menu, Transition } from '@headlessui/react'\nimport { ChevronDownIcon } from '@heroicons/react/solid'\nimport { observer } from 'mobx-react'\nimport {Link} from 'react-router-dom'\nimport RenderIf from '../RenderIf'\n\nfunction classNames(...classes) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst UserIcon = () => {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"mr-2 h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1} d=\"M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n        </svg>\n    )\n}\n\nconst LogOutIcon = () => {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"mr-2 h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1} d=\"M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1\" />\n        </svg>\n    )\n}\n\nconst StreamIcon = () => {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"mr-2 h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1} d=\"M5.636 18.364a9 9 0 010-12.728m12.728 0a9 9 0 010 12.728m-9.9-2.829a5 5 0 010-7.07m7.072 0a5 5 0 010 7.07M13 12a1 1 0 11-2 0 1 1 0 012 0z\" />\n        </svg>\n    )\n}\n\n\nexport const HeaderDropDown = observer(({ user, logOut, logOutLoading }) => {\n  return (\n    <Menu as=\"div\" className=\"relative inline-block text-left\">\n      <div>\n        <Menu.Button className=\"inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white font-medium text-gray-600 hover:bg-gray-50\">\n          Dashboard\n          <RenderIf condition={logOutLoading}>\n                <svg className=\"animate-spin  ml-3 h-5 w-5 text-white\"  fill=\"none\" viewBox=\"0 0 24 24\">\n                    <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"gray\" strokeWidth=\"4\"></circle>\n                    <path className=\"opacity-75\" fill=\"gray\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n                </svg>\n            </RenderIf>\n            <RenderIf condition={!logOutLoading}>\n                <ChevronDownIcon className=\"-mr-1 ml-2 h-5 w-5\" aria-hidden=\"true\" />\n            </RenderIf>\n        </Menu.Button>\n      </div>\n\n      <Transition\n        as={Fragment}\n        enter=\"transition ease-out duration-100\"\n        enterFrom=\"transform opacity-0 scale-95\"\n        enterTo=\"transform opacity-100 scale-100\"\n        leave=\"transition ease-in duration-75\"\n        leaveFrom=\"transform opacity-100 scale-100\"\n        leaveTo=\"transform opacity-0 scale-95\"\n      >\n        <Menu.Items className=\"origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-100 focus:outline-none z-50\">\n          <div className=\"px-4 py-3\">\n            <p className=\"text-sm text-gray-500\">Signed in as</p>\n            <p className=\"text-sm font-medium text-gray-900 truncate\">{user.email}</p>\n          </div>\n          <div className=\"py-1\">\n            <Menu.Item>\n              {({ active }) => (\n                <Link to=\"/DashBoard/AccountSettings\" \n                  className={classNames(active ? 'bg-gray-100 text-gray-900' : 'text-gray-700','w-full group flex items-center px-4 py-2 text-sm')}>\n                  <UserIcon />\n                  Account settings\n                </Link>\n              )}\n            </Menu.Item>\n            <Menu.Item>\n              {({ active }) => (\n                <Link to=\"/DashBoard/ManageStreams\" \n                  className={classNames(active ? 'bg-gray-100 text-gray-900' : 'text-gray-700','w-full flex items-center px-4 py-2 text-sm')}>\n                  <StreamIcon/>\n                  Manage streams\n                </Link>\n              )}\n            </Menu.Item>\n          </div>\n          <div className=\"py-1\">\n              <Menu.Item>\n                {({ active }) => (\n                  <button\n                    className={classNames( active ? 'bg-gray-100 text-gray-900' : 'text-gray-700','w-full group flex items-center px-4 py-2 text-sm')}\n                    onClick={e => logOut()}>\n                    <LogOutIcon />\n                    Sign out\n                  </button>\n                )}\n              </Menu.Item>\n          </div>\n        </Menu.Items>\n      </Transition>\n    </Menu>\n  )\n})","\nexport enum AuthModalTypes {\n    CREATE = 'CREATE',\n    LOGIN = 'LOGIN',\n    VERIFY = 'VERIFY',\n    RESETPASSWORD = 'RESETPASSWORD'\n}\n\nexport interface MyFile {\n    name: string,\n    size: number,\n    url: string,\n    file: File\n}\n\nexport interface Page<T> {\n    items: Array<T>,\n    hasNext : boolean,\n    page: number,\n    totalItems: number\n}\n\n\nexport interface ContactUsForm {\n    firstName: string,\n    lastName: string,\n    email: string,\n    message: string,\n    customerId? : string\n}\n\n\nexport interface GuidePost {\n    title : string,\n    href: string,\n    imageUrl: string,\n    datePublished: string,\n    metaTitle: string,\n    metaDescription: string,\n    introduction: string,\n    body: Array<any>\n}\n","import { Fragment } from 'react'\nimport { Dialog, Transition } from '@headlessui/react'\nimport { XIcon } from '@heroicons/react/outline'\n\nexport const ModalFrame = ({open, setOpen, modalBody, modalWidth, isBasicCloseStyle, easyClose}) => {\n\n  return (\n    <Transition.Root show={open} as={Fragment}>\n      <Dialog as=\"div\" className=\"fixed z-10 inset-0 overflow-y-auto\" onClose={easyClose ? setOpen : () =>  {}}>\n        <div className=\"justify-center min-h-screen px-4 pb-20 text-center block sm:mx-10 md:mx-10 \">\n          <Transition.Child\n            as={Fragment}\n            enter=\"ease-out duration-300\"\n            enterFrom=\"opacity-0\"\n            enterTo=\"opacity-100\"\n            leave=\"ease-in duration-200\"\n            leaveFrom=\"opacity-100\"\n            leaveTo=\"opacity-0\"\n          >\n            <Dialog.Overlay className=\"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity\" />\n          </Transition.Child>\n\n          {/* This element is to trick the browser into centering the modal contents. */}\n          <span className=\"hidden sm:inline-block sm:align-middle sm:h-screen\" aria-hidden=\"true\">\n            &#8203;\n          </span>\n          <Transition.Child\n            as={Fragment}\n            enter=\"ease-out duration-300\"\n            enterFrom=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n            enterTo=\"opacity-100 translate-y-0 sm:scale-100\"\n            leave=\"ease-in duration-200\"\n            leaveFrom=\"opacity-100 translate-y-0 sm:scale-100\"\n            leaveTo=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n          >\n            {isBasicCloseStyle ? \n                <div style={{maxWidth: modalWidth}} className=\"w-full inline-block align-bottom bg-white rounded-lg px-6 pb-6 text-left overflow-hidden shadow-xl transform transition-all my-20 sm:align-middle pt-8\">\n                  <div className=\" sm:block absolute top-0 right-0 pt-3 pr-6 text-lg\">\n                    <button\n                      type=\"button\"\n                      className=\"bg-white rounded-md text-gray-400 hover:text-gray-700 \"\n                      onClick={() => setOpen(false)}\n                    >\n                      \n                      <XIcon className=\"h-6 w-6 inline-block  rounded-lg ml-2 mb-0.5\" aria-hidden=\"true\" />\n                    </button>\n                  </div>\n                  {modalBody}\n                </div>\n              :\n                <div style={{maxWidth: modalWidth}} className=\"w-full inline-block align-bottom bg-white rounded-lg px-6 pb-6 text-left overflow-hidden shadow-xl transform transition-all my-20 sm:align-middle pt-4\">\n                  <div className=\" sm:block absolute top-0 right-0 pt-3 pr-6 text-lg\">\n                    <button\n                      type=\"button\"\n                      className=\"bg-white rounded-md text-gray-600 hover:text-gray-800 \"\n                      onClick={() => setOpen(false)}\n                    >\n                      Close\n                      <XIcon className=\"h-6 w-6 inline-block bg-gray-200 rounded-lg ml-2 mb-0.5\" aria-hidden=\"true\" />\n                    </button>\n                  </div>\n                  {modalBody}\n              </div>\n            }\n          </Transition.Child>\n        </div>\n      </Dialog>\n    </Transition.Root>\n  )\n}","import RenderIf from \"./RenderIf\"\n\ninterface InputWithLabelInterface {\n  label: string\n  id: string\n  placeholder?: string\n  onChange: (event: any) => any\n  onBlur?: (event: any) => any\n  onKeyDown? : (event: any) => any\n  value: any\n  type: string\n  labelClassName?: string\n  inputClassName?: string,\n  showError?: boolean,\n  errorMessage?: string\n  maxLength?: number\n  iconRight? : any\n}\n\nconst InputWithLabel = ({ label, id, placeholder, onChange, onBlur, onKeyDown, value, type, labelClassName, inputClassName, showError, errorMessage, maxLength, iconRight }: InputWithLabelInterface) => {\n  return (\n    <div>\n      <label htmlFor=\"email\" className={labelClassName ? labelClassName : \"block text-md font-medium text-gray-700\" }>{label}</label>\n      <div className=\" relative mt-1\">\n        <input\n          maxLength={maxLength ? maxLength : 45}\n          onBlur={onBlur}\n          onChange={onChange}\n          value={value}\n          type={type}\n          name={id}\n          spellCheck=\"false\"\n          id={id}\n          onKeyDown={onKeyDown}\n          className={inputClassName ? inputClassName : `block border text-gray-700 w-full p-3 rounded mb-2 focus:outline-none ${showError ? \"border-red-600 ring-red-600 \" : \"focus:border-blue-500 focus:ring-blue-500\"} ring-1` }\n          placeholder={placeholder} />\n          {iconRight ? \n              <div className={`absolute inset-y-1 right-0 pr-3 flex items-center pointer-events-none  ${showError ? \"mb-7\" : \"\"}`}>\n                  {iconRight}\n              </div>  \n              : null\n          }\n          <RenderIf condition={showError}>\n              <div className=\"mb-2 text-sm text-red-600\"> {errorMessage} </div>\n          </RenderIf>\n          <RenderIf condition={!showError}>\n              <div className=\"mb-4\" /> \n          </RenderIf>\n\n      </div>\n    </div>\n  )\n}\n\nexport default InputWithLabel","import RenderIf from \"Components/Structure/RenderIf\"\n\ninterface StandardButtonInterface {\n    disabled: boolean\n    onClick: (event: any) => any\n    text: string\n    children? : any\n    isSpinning: boolean\n    extendClassName? : string\n    customColor? : string\n  }\n  \n  const StandardButton = ({ disabled, onClick, text, children, isSpinning, extendClassName, customColor }: StandardButtonInterface) => {\n    return (\n      <div>\n        <button\n            type=\"button\"\n            className={`${extendClassName ? extendClassName : ''} inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white focus:outline-none  ${disabled ? `bg-gray-400 cursor-not-allowed` : customColor ? customColor : 'bg-blue-700 hover:bg-blue-800'} } ${isSpinning ? `cursor-not-allowed` : ``}`}\n            disabled={disabled}\n            onClick={!isSpinning ? onClick : () => {}}>\n            {text}\n            <RenderIf condition={isSpinning}>\n                <svg className=\"animate-spin  ml-3 h-5 w-5 text-white\"  fill=\"none\" viewBox=\"0 0 24 24\">\n                    <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\"></circle>\n                    <path className=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n                </svg>\n            </RenderIf>\n            {children}\n        </button>\n      </div>\n    )\n  }\n  \n  export default StandardButton","//export const API_BASE_URL= \"http://localhost:5000/api/v1\"\nexport const API_BASE_URL= \"https://backend.streamcreate.com/api/v1\"\n\nexport const STRIPE_PUBLISH_KEY = \"pk_live_51PbPNiBNNKHFPEtCh4d7mVgcp4u7hTU796V12ZUZUjOBX1UFRHmfGm3iZIH8KKZSoYAYnNGJ0fWwyHNcpPAMxczR00KnBX0clW\"\n//export const STRIPE_PUBLISH_KEY = \"pk_test_51PbPNiBNNKHFPEtCvWgh6AqopesYk6bgfPWZ3DmNerCsJHvdVmien57UyKPnA8IrW5K0CER15yB75ltbOgZnfPaK00telArwo8\"\n","import axios from 'axios'\nimport { StreamBuilderStore } from 'Store/StreamBuilderStore'\nimport { MyFile, Page } from 'Types/GeneralTypes'\nimport {  BackgroundType, ProductConfig, StreamConfig, StreamConfigResponse } from 'Types/StreamTypes'\nimport { S3_BUCKET_BASE_URL, STATUS_SUCCESS, STATUS_UNAUTHORIZED } from 'Utilities/GeneralConstants'\nimport { API_BASE_URL } from './ApiConfig'\nimport { getAuthHeader, getAuthHeaderWithContentJson, getSession, handleUnauthorizedRequest } from './AuthService'\n\n\nexport async function updateStreamConfig(streamConfigId: string, streamConfig : StreamConfig) : Promise<StreamConfigResponse> {\n    getSession()\n    try {\n        const response = await axios.put(API_BASE_URL + \"/streams/configs/\" + streamConfigId, streamConfig, { headers: getAuthHeader()})\n        if (response.status === STATUS_SUCCESS) {\n            return response.data\n        } \n    } catch (error) {\n        if (error.response.status === STATUS_UNAUTHORIZED) {\n            await handleUnauthorizedRequest()\n        } \n        throw error;\n    }\n}\n\n\nexport async function getUserStreamConfigs(page : number, size : number, sort : string) :  Promise<Page<StreamConfigResponse>> {\n    getSession()\n    try {\n        const response = await axios.get(API_BASE_URL + \"/streams/configs/customers\", { headers: getAuthHeader(), params: {page: page, size: size, sort: sort} })\n        if (response.status === STATUS_SUCCESS) {\n            return response.data\n        } \n    } catch (error) {\n        if (error.response && error.response.status === STATUS_UNAUTHORIZED) {\n            await handleUnauthorizedRequest()\n        }\n        return null\n    }\n}\n\n\nexport async function linkCustomerToStreamConfig(streamConfigId : string) {\n    getSession()\n    if(streamConfigId.length > 0) {\n        try {\n            const response = await axios.put(API_BASE_URL + \"/streams/configs/\" + streamConfigId + \"/customers/link\", {} , { headers: getAuthHeader()})\n            if (response.status === STATUS_SUCCESS) {\n                return true\n            } \n        } catch (error) {\n            if (error.response.status === STATUS_UNAUTHORIZED) {\n                await handleUnauthorizedRequest()\n            }\n            return false\n        }\n    }\n    return false\n}\n\n\nexport async function uploadUserCustomBackground(streamConfigId : string, isBuilderConfig : boolean, streamBuilderStore: StreamBuilderStore) {\n    getSession()\n    try {\n        const myFileUpload : MyFile =  streamBuilderStore.getSelectedImage(isBuilderConfig) \n        var bodyFormData = new FormData();\n        bodyFormData.append('file', myFileUpload.file);\n        const response = await axios.put(API_BASE_URL + \"/streams/configs/\" + streamConfigId + \"/upload/user/customBackground\", bodyFormData,{ headers : getAuthHeaderWithContentJson() })\n        if (response.status === 200) {\n            return response.data.backgroundUrl\n        }\n    } catch (error) {\n        if (error.response.status === STATUS_UNAUTHORIZED) {\n            await handleUnauthorizedRequest()\n        }\n        throw error;\n    }\n}\n\n\nexport async function uploadCustomBackground(streamConfigId : string, isBuilderConfig : boolean, streamBuilderStore: StreamBuilderStore) {\n    try {\n        const myFileUpload : MyFile =  streamBuilderStore.getSelectedImage(isBuilderConfig) \n        var bodyFormData = new FormData();\n        bodyFormData.append('file', myFileUpload.file);\n        const response = await axios.put(API_BASE_URL + \"/streams/configs/\" + streamConfigId + \"/upload/customBackground\", bodyFormData,{ headers : { \"Content-Type\": \"multipart/form-data\" } })\n        if (response.status === 200) {\n            return true\n        }\n    } catch (error) {\n        return false\n    }\n    return false\n}\n\nexport async function deleteCustomBackground(streamConfigId : string) {\n    getSession()\n    try {\n        const response = await axios.delete(API_BASE_URL + \"/streams/configs/\" + streamConfigId + \"/delete/customBackground\",  { headers: getAuthHeader()})\n        if (response.status === STATUS_SUCCESS) {\n            return true\n        }\n    } catch (error) {\n        if (error.response.status === STATUS_UNAUTHORIZED) {\n            await handleUnauthorizedRequest()\n        }\n        throw error;\n    }\n}\n\nexport async function getStreamConfigById(streamConfigId: string, token: string ) :  Promise<StreamConfigResponse> {\n    const response = await axios.get(API_BASE_URL + \"/streams/configs/\" + streamConfigId, {params: {token: token} })\n    if (response.status === 200) {\n        return response.data\n    } \n    return null\n}\n\nexport async function getTemplateGallery() {\n    const response = await axios.get(API_BASE_URL + \"/streams/configs/templateGallery\")\n    if (response.status === 200) {\n        return response.data\n    } \n    return null\n}\n\n\nexport function previewWindowStyle(pc : ProductConfig, backgroundImage, width, height) {\n    if (pc.backgroundType === BackgroundType.BACKGROUND_COLOR) {\n        return { \n            backgroundColor : pc.backgroundColor, \n            fontSize: `${(width/1000) * 60}px`\n        }\n    } else if (pc.backgroundType === BackgroundType.CUSTOM_BACKGROUND) {\n        return {\n            backgroundImage:`url(${backgroundImage && backgroundImage.url ? backgroundImage.url : pc.customBackgroundUrl})`,\n            fontSize : `${(width/1000) * 60}px`,\n            backgroundSize: `${width}px ${height}px`\n          }\n    } else if (pc.backgroundType === BackgroundType.DEFAULT_BACKGROUND) {\n        return {\n            backgroundImage: `url(${S3_BUCKET_BASE_URL + '/default/' + pc.defaultBackgroundUrl}.png)`,\n            fontSize : `${(width/1000) * 60}px`,\n            backgroundSize: `${width}px ${height}px`\n        }\n    }\n}","import { Dialog } from '@headlessui/react'\nimport { AuthenticationDetails, CognitoUser, } from 'amazon-cognito-identity-js'\nimport InputWithLabel from 'Components/Structure/InputWithLabel'\nimport RenderIf from 'Components/Structure/RenderIf'\nimport React, { useState } from 'react'\nimport { createAuthDetails, createCognitoUser, loadUser } from 'Services/AuthService'\nimport { useStores } from 'Store/StoreConfig'\nimport { EMAIL_NOT_VERIFIED, GENERIC_ERROR_MSG, INCORRECT_LOGIN_MSG} from 'Utilities/GeneralConstants'\nimport StandardButton from 'Components/Structure/StandardButton'\nimport { AuthModalTypes } from 'Types/GeneralTypes'\nimport { linkCustomerToStreamConfig } from 'Services/StreamConfigService'\nimport { isEmailValid } from 'Utilities/HelperFunctions'\n\n\nexport const LoginModalBody = ({ setCurrentModal, setOpenAuthModal, subHeadingText}) => {\n    const [email, setEmail] = useState(\"\")\n    const [password, setPassword] = useState(\"\")\n    const [loginError, setLoginError] = useState(\"\")\n    const [showLoginError, setShowLoginError] = useState(false)\n    const [loading, setLoading] = useState(false)\n    const complete = isEmailValid(email) && password.length > 0\n    const { UserStore, StreamBuilderStore } = useStores()\n\n    const onSubmit = (event) => {\n        event.preventDefault()\n        setShowLoginError(false)\n        if(complete){\n            const authDetails : AuthenticationDetails = createAuthDetails(email,password)\n            const user : CognitoUser = createCognitoUser(email)\n            setLoading(true)\n            user.authenticateUser(authDetails,{\n                onSuccess: async (data) => {\n                    if (await loadUser(user, UserStore, data.getAccessToken()['jwtToken'])) {\n                        const streamConfigId = StreamBuilderStore.streamConfig.id\n                        await linkCustomerToStreamConfig(streamConfigId)\n                        setOpenAuthModal(false)\n                    } else {\n                        setLoginError(GENERIC_ERROR_MSG)\n                        setShowLoginError(true)\n                    }\n                    setLoading(false)\n                },\n                onFailure: (err) => {\n                    if(err[\"code\"] === \"NotAuthorizedException\"){\n                        setLoginError(INCORRECT_LOGIN_MSG)\n                    } else if (err[\"code\"] === \"UserNotConfirmedException\") {\n                        setLoginError(EMAIL_NOT_VERIFIED)\n                    }else{\n                        setLoginError(GENERIC_ERROR_MSG)\n                    }\n                    setShowLoginError(true)\n                    setLoading(false)\n                }\n            })\n        }\n    }\n\n\n  return (\n    <React.Fragment>\n                <div className=\"text-center mb-4\">\n                  <Dialog.Title as=\"h3\" className=\"text-xl leading-6 font-medium text-gray-900\">\n                    Log in\n                  </Dialog.Title>\n                  <div className={`${subHeadingText.length > 0 ? \"mt-4\" : \"mt-6\"}`}>\n                    <p className=\"text-sm text-gray-500\">\n                      {subHeadingText}\n                    </p>\n                  </div>\n                </div>\n             \n                <InputWithLabel\n                        id=\"email\"\n                        label=\"\"\n                        placeholder=\"Email\" \n                        onChange={e => setEmail(e.target.value)}\n                        value={email}\n                        type=\"text\"\n                        maxLength={80}\n                    />\n\n                    <InputWithLabel\n                        id=\"password\"\n                        label=\"\"\n                        placeholder=\"Password\" \n                        onChange={e => setPassword(e.target.value)}\n                        value={password}\n                        type=\"password\"\n                    />\n\n                    <div className=\"text-right\">\n                        <button className=\"text-sm text-gray-500\" onClick={() => {setCurrentModal(AuthModalTypes.RESETPASSWORD)}}> Forgot your password? </button>\n                    </div>\n\n                                        \n                    <RenderIf condition={showLoginError}>\n                        <div className=\"mb-4 mt-2 text-sm text-red-600 text-center\">{loginError}</div>\n                    </RenderIf>\n\n\n                    <div className=\"text-center mt-4\">\n                        <StandardButton\n                            disabled={!complete}                            \n                            onClick={e => onSubmit(e)}\n                            text={\"Log in\"}\n                            isSpinning={loading}\n                        />\n                    </div>\n                    <div className=\"text-gray-500 mt-4 text-center\">\n                         Don't have an account?<span> </span>\n                        <button className=\"border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\"  onClick={() => {setCurrentModal(AuthModalTypes.CREATE)} }> Create one.</button>\n                    </div>\n    </React.Fragment>\n  )\n}","import axios from 'axios'\nimport { UserStore } from 'Store/UserStore'\nimport { ContactUsForm } from 'Types/GeneralTypes'\nimport { User } from 'Types/UserTypes'\nimport { API_BASE_URL } from './ApiConfig'\n\n\nexport async function createCustomer(userId : string, firstName : string, lastName : string, email : string) {\n    const createUserPayload = {\n        \"customerId\" : userId,\n        \"email\" : email,\n        \"firstName\" : firstName,\n        \"lastName\" : lastName,\n    }\n    const response = await axios.post(API_BASE_URL + \"/customers\", createUserPayload)\n    if (response.status === 200) {\n        return true\n    }\n    return false\n}\n\n\nexport async function verifyCustomerEmail(email : string) {\n    const response = await axios.put(API_BASE_URL + \"/customers/\" + email + \"/verified\")\n    if (response.status === 200) {\n        return true\n    }\n    return false\n}\n\n\nexport async function emailContactUsForm(firstName : string, lastName: string, email: string, message : string, userStore : UserStore) {\n    let contactUsForm : ContactUsForm = {\n        firstName :firstName,\n        lastName: lastName,\n        email: email,\n        message: message,\n    }\n  \n    const user : User = userStore.user\n    if (user) {\n        contactUsForm.customerId = user.username\n    }\n\n    try {\n        const response = await axios.post(API_BASE_URL + \"/customers/contact\", contactUsForm)\n        if (response.status === 200) {\n            return true\n        }\n    } catch (error) {\n        return false\n    }\n}\n\n","import { Dialog } from '@headlessui/react'\nimport { CognitoUser } from 'amazon-cognito-identity-js'\nimport InputWithLabel from 'Components/Structure/InputWithLabel'\nimport RenderIf from 'Components/Structure/RenderIf'\nimport StandardButton from 'Components/Structure/StandardButton'\nimport React, { useState } from 'react'\nimport { createCognitoUser } from 'Services/AuthService'\nimport { GENERIC_ERROR_MSG} from 'Utilities/GeneralConstants'\nimport { hashText, isNumber } from 'Utilities/HelperFunctions'\nimport { CheckIcon } from '@heroicons/react/outline'\nimport { AuthModalTypes } from 'Types/GeneralTypes'\nimport { verifyCustomerEmail } from 'Services/CustomerService'\nimport { useStores } from 'Store/StoreConfig'\n\n\nexport const VerifyEmailModalBody = ({setCurrentModal, message}) => {\n    const { UserStore } = useStores()\n    const [customerEmail] = useState(UserStore.signUpEmail)\n    const [code, setCode] = useState(\"\")\n    const [verifyEmailError, setVerifyEmailError] = useState(\"\")\n    const [codeResent, setCodeResent] = useState(\"\")\n    const [loading, setLoading] = useState(false)\n    const [hash] = useState(hashText(customerEmail))\n    const complete = isNumber(code) && code.length === 6\n    const [verified, setVerified] = useState(false)\n\n    const verifyEmail = (event) => {\n        event.preventDefault()\n        if(complete){\n            setLoading(true)\n            const cognitoUser : CognitoUser = createCognitoUser(customerEmail)\n            cognitoUser.confirmRegistration(code, true, async function(err, result) {\n                if (err) {\n                    if(err[\"code\"] === \"CodeMismatchException\"){\n                        setVerifyEmailError(\"Invalid or expired verfication code\")\n                    }else if(err[\"code\"] === \"ExpiredCodeException\"){\n                        setVerifyEmailError(\"Invalid or expired verfication code\")\n                    }else if(err.message === \"User cannot be confirmed. Current status is CONFIRMED\"){\n                        setVerified(true)\n                    }else{\n                        setVerifyEmailError(GENERIC_ERROR_MSG)\n                    }\n                }else{\n                    await verifyCustomerEmail(customerEmail)\n                    setVerified(true)\n                }\n                setLoading(false)\n            },  {emailId :hash} )\n        }\n    }\n\n\n    const inputCode = (event) => {\n        const inputValue = event.target.value.replace(/\\s+/g, '')\n        if(!inputValue || (inputValue.length <= 6 &&  isNumber(inputValue)) ){\n            setCode(inputValue)\n        }else{\n            event.preventDefault()\n        }        \n    }\n\n\n    const resendCode = () => {\n        const cognitoUser : CognitoUser = createCognitoUser(customerEmail)\n        cognitoUser.resendConfirmationCode(function(err, result) {\n            if (err) {\n                setCodeResent(\"Failed to resend code.\")\n            }else{\n                setCodeResent(\"Successfully resent code!\")\n            }\n        }, {emailId :hash})\n    }\n\n\n    return (\n        <React.Fragment>\n              <RenderIf condition={!verified} >\n              <div>\n                <div className=\"text-center mb-4\">\n                  <Dialog.Title as=\"h3\" className=\"text-xl leading-6 font-medium text-gray-900\">\n                    Verify email\n                  </Dialog.Title>\n                  <div className=\"mt-4\">\n                    <p className=\"text-sm text-gray-500\">\n                        A verfication code has been sent to your email. Please insert and verify your code below.\n                    </p>\n                  </div>\n                </div>\n\n                <InputWithLabel\n                    id=\"code\"\n                    label=\"\"\n                    placeholder=\"Six digit verification code\" \n                    onChange={e => inputCode(e)}\n                    value={code}\n                    type=\"text\"\n                />\n\n                <RenderIf condition={!codeResent}>\n                    <div className=\"text-right text-sm text-gray-500\">\n                        <button  onClick={e => resendCode()} className=\"border-blue-250 \">Resend code</button>\n                    </div>\n                </RenderIf>\n\n                <RenderIf condition={codeResent.length > 0}>\n                    <div className=\"text-right text-sm text-gray-500\" >\n                        {codeResent}\n                    </div>\n                </RenderIf>\n\n\n                <RenderIf condition={verifyEmailError.length > 0}>\n                    <div className=\"mb-4 mt-2 text-sm text-red-600 text-center\"> {verifyEmailError} </div>\n                </RenderIf>\n\n              </div>\n\n              <div className=\"text-center mt-4\">\n                    <StandardButton\n                        disabled={!complete}\n                        onClick={e => verifyEmail(e)}\n                        text={\"Verify\"}\n                        isSpinning={loading}\n                    />\n                </div>\n            </RenderIf>\n\n            <RenderIf condition={verified} >\n            <div>\n                <div className=\"mx-auto flex items-center justify-center h-12 w-12 rounded-full bg-green-100 mb-4\">\n                  <CheckIcon className=\"h-6 w-6 text-green-600\" aria-hidden=\"true\" />\n                </div>\n                <div className=\"text-center mb-4\">\n                  <Dialog.Title as=\"h3\" className=\"text-xl leading-6 font-medium text-gray-900\">\n                    Sucessfully verified!\n                  </Dialog.Title>\n                  <div className=\"mt-4\">\n                    <p className=\"text-sm text-gray-500\">\n                        {message}\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"text-center mt-4\">\n                    <StandardButton\n                        disabled={false}\n                        onClick={e => setCurrentModal(AuthModalTypes.LOGIN)}\n                        text={\"Log in\"}\n                        isSpinning={false}\n                    />\n                </div>\n            </RenderIf>\n\n        </React.Fragment>\n    )\n}\n","import { Dialog } from '@headlessui/react'\nimport { CheckIcon } from '@heroicons/react/outline'\nimport { CognitoUser } from 'amazon-cognito-identity-js'\nimport InputWithLabel from 'Components/Structure/InputWithLabel'\nimport RenderIf from 'Components/Structure/RenderIf'\nimport StandardButton from 'Components/Structure/StandardButton'\nimport React, { useState } from 'react'\nimport { createCognitoUser } from 'Services/AuthService'\nimport { AuthModalTypes } from 'Types/GeneralTypes'\nimport { GENERIC_ERROR_MSG, INVALID_EMAIL_MSG} from 'Utilities/GeneralConstants'\nimport { hashText, isEmailValid } from 'Utilities/HelperFunctions'\n\n\nexport const ResetPasswordModalBody = ({setCurrentModal}) => {\n    const [email, setEmail] = useState(\"\")\n    const [showEmailError, setShowEmailError] = useState(false)\n    const [resetPasswordError, setResetPasswordError] = useState(\"\")\n    const [loading, setLoading] = useState(false)\n    const [complete, setComplete] = useState(false)\n\n\n    const resetPassword = (event) => {\n        event.preventDefault()\n        if(isEmailValid(email)){\n            setLoading(true)\n            const cognitoUser : CognitoUser = createCognitoUser(email)\n            cognitoUser.forgotPassword({\n                onSuccess: function(data) {\n                    setLoading(false)\n                    setComplete(true)\n                },\n                onFailure: function(err) {\n                    setLoading(false)\n                    setResetPasswordError(GENERIC_ERROR_MSG)\n                }\n            }, {emailId : hashText(email) })\n        }\n    }\n\n    return (\n        <React.Fragment>\n                <RenderIf condition={!complete} >\n                <div className=\"text-center mb-4\">\n                  <Dialog.Title as=\"h3\" className=\"text-lg leading-6 font-medium text-gray-900\">\n                    Reset password\n                  </Dialog.Title>\n                  <div className=\"mt-4\">\n                    <p className=\"text-sm text-gray-500\">\n                        Please enter your email below and you will receive password reset instructions.\n                    </p>\n                  </div>\n                </div>\n\n                <InputWithLabel\n                    id=\"email\"\n                    label=\"\"\n                    placeholder=\"Email\" \n                    onChange={e => setEmail(e.target.value)}\n                    onBlur={() => setShowEmailError(true)}\n                    value={email}\n                    type=\"text\"\n                    showError={!isEmailValid(email) && showEmailError}\n                    errorMessage={INVALID_EMAIL_MSG}\n                />\n                \n                <RenderIf condition={resetPasswordError.length > 0}>\n                    <div className=\"mb-4 text-sm text-red-600 mt-4\">{GENERIC_ERROR_MSG}</div>\n                </RenderIf>\n\n\n                <div className=\"text-center mt-6\">\n                    <StandardButton\n                        disabled={!isEmailValid(email)}\n                        onClick={e => resetPassword(e)}\n                        text={\"Email password reset\"}\n                        isSpinning={loading}\n                    />\n                </div>\n                </RenderIf>\n\n\n                <RenderIf condition={complete} >\n                <div>\n                    <div className=\"mx-auto flex items-center justify-center h-12 w-12 rounded-full bg-green-100 mb-4\">\n                        <CheckIcon className=\"h-6 w-6 text-green-600\" aria-hidden=\"true\" />\n                    </div>\n                    <div className=\"text-center mb-4\">\n                        <Dialog.Title as=\"h3\" className=\"text-xl leading-6 font-medium text-gray-900\">\n                        Password reset instructions have been sent to your email!\n                        </Dialog.Title>\n                    \n                    </div>\n                </div>\n\n                </RenderIf>\n\n\n            <div className=\"text-gray-500 mt-4 text-center\">\n                Go back to<span> </span>\n                <button className=\"border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\"  onClick={() => {setCurrentModal(AuthModalTypes.LOGIN)} }> Log in.</button>\n             </div>\n\n\n        </React.Fragment>\n    )\n}\n","import { Dialog } from '@headlessui/react'\nimport { CognitoUserAttribute } from 'amazon-cognito-identity-js'\nimport InputWithLabel from 'Components/Structure/InputWithLabel'\nimport RenderIf from 'Components/Structure/RenderIf'\nimport StandardButton from 'Components/Structure/StandardButton'\nimport React, { useState } from 'react'\nimport { userPool } from 'Services/AuthService'\nimport { createCustomer } from 'Services/CustomerService'\nimport { useStores } from 'Store/StoreConfig'\nimport { AuthModalTypes } from 'Types/GeneralTypes'\nimport { GENERIC_ERROR_MSG, INVALID_EMAIL_MSG, MISSING_FIRSTNAME_MSG, PASSWORD_MISMATCH_MSG } from 'Utilities/GeneralConstants'\nimport { hashText, isEmailValid, isPasswordValid } from 'Utilities/HelperFunctions'\n\nconst isConfirmPasswordValid = (p1, p2)=> p1 === p2\nconst isFirstNameValid = input => input.length > 0\n\n\nexport const CreateUserModalBody = ({setCurrentModal, cardFullName, preSetEmail}) => {\n    const [firstName, setFirstname] = useState(\"\")\n    const [showFirstNameError, setShowFirstNameError] = useState(false)\n    const [lastName, setLastName] = useState(\"\")\n    const [email, setEmail] = useState(preSetEmail)\n    const [password, setPassword] = useState(\"\")\n    const [confirmPassword, setConfirmPassword] = useState(\"\")\n    const [createAccountError, setCreateAccountError] = useState(\"\")\n\n    const [showEmailError, setShowEmailError] = useState(false)\n    const [showPasswordError, setShowPasswordError] = useState(false)\n    const [showConfirmPasswordError, setShowConfirmPasswordError] = useState(false)\n    const [showCreateAccountError, setShowCreateAccountError] = useState(false)\n    const [loading, setLoading] = useState(false)\n\n    const complete =  isEmailValid(email) && isPasswordValid(password) && isConfirmPasswordValid(password,confirmPassword)\n    const { UserStore } = useStores()\n\n\n    const confirmSignup  = (event) => {\n        event.preventDefault()\n        setShowCreateAccountError(false)\n        if (complete) {\n            setLoading(true)\n            let givenName = firstName\n            let familyName = lastName\n\n            if (cardFullName && (cardFullName.length > 0)) {\n                const fullNameSplit = cardFullName.split(' ')\n                givenName = fullNameSplit[0]\n                familyName =  fullNameSplit.length > 1 ? fullNameSplit.slice(1).join(' ') : \"\"\n            }\n\n            var givenNameAttr = new CognitoUserAttribute({ Name : \"given_name\", Value : givenName})\n            var familyNameAttr = new CognitoUserAttribute({ Name : \"family_name\", Value : familyName})\n\n            userPool.signUp(email, password, [givenNameAttr,familyNameAttr], null, async (err,data) => {\n                if(err){\n                    if(err[\"code\"] === \"UsernameExistsException\"){\n                        setCreateAccountError(err.message)\n                    }else{\n                        setCreateAccountError(GENERIC_ERROR_MSG)\n                    }\n                    setShowCreateAccountError(true)\n                }else{\n                    const result = await createCustomer(data.userSub, givenName, familyName, email)\n                    if(result){\n                        UserStore.setSignupEmail(email)\n                        setCurrentModal(AuthModalTypes.VERIFY)\n                    }else{\n                        setCreateAccountError(GENERIC_ERROR_MSG)\n                        setShowCreateAccountError(true)\n                    }\n                }\n                setLoading(false)\n            }, {emailId : hashText(email) })   \n        }\n    }\n\n  return (\n    <React.Fragment>\n              <div>\n                <div className=\"text-center mb-4\">\n                  <Dialog.Title as=\"h3\" className=\"text-xl leading-6 font-medium text-gray-900\">\n                    Create an account\n                  </Dialog.Title>\n                  <div className=\"mt-4\">\n                    <p className=\"text-sm text-gray-500\">\n                      An account will enable you to track, update and publish your live streams via a dashboard.\n                    </p>\n                  </div>\n                </div>\n                \n                    <RenderIf condition={!(cardFullName && cardFullName.length > 0)} >\n                        <InputWithLabel\n                                id=\"firstName\"\n                                label=\"\"\n                                placeholder=\"First name\"\n                                onChange={e => setFirstname(e.target.value)}\n                                onBlur={() => setShowFirstNameError(true)}\n                                value={firstName}\n                                type=\"text\"\n                                showError={!isFirstNameValid(firstName) && showFirstNameError}\n                                errorMessage={MISSING_FIRSTNAME_MSG}\n                            />\n\n                            <InputWithLabel\n                                id=\"lastName\"\n                                label=\"\"\n                                placeholder=\"Last name\"\n                                onChange={e => setLastName(e.target.value)}\n                                value={lastName}\n                                type=\"text\"\n                            />\n                    </RenderIf>\n\n                    <InputWithLabel\n                        id=\"email\"\n                        label=\"\"\n                        placeholder=\"Email\" \n                        onChange={e => {setEmail(e.target.value)}}\n                        onBlur={() => setShowEmailError(true)}\n                        value={email}\n                        type=\"text\"\n                        showError={!isEmailValid(email) && showEmailError}\n                        errorMessage={INVALID_EMAIL_MSG}\n                        maxLength={80}\n                    />\n\n                    <InputWithLabel\n                        id=\"password\"\n                        label=\"\"\n                        placeholder=\"Password\" \n                        onChange={e => setPassword(e.target.value)}\n                        onBlur={() => setShowPasswordError(true)}\n                        value={password}\n                        showError={!isPasswordValid(password) && showPasswordError}\n                        type=\"password\"\n                    />\n\n                    <RenderIf condition={!isPasswordValid(password) && showPasswordError}>\n                        <div className=\"mb-2 text-sm text-red-600 ml-5 \">\n                            <ul className=\"list-disc\">\n                                <li>8 characters minimum.</li>\n                                <li>must contain a number.</li>\n                                <li>an uppercase and a lowercase.</li>                            \n                            </ul>\n                        </div>\n                    </RenderIf>\n\n                    <InputWithLabel\n                        id=\"confirmPassword\"\n                        label=\"\"\n                        placeholder=\"Confirm password\" \n                        onChange={e => setConfirmPassword(e.target.value)}\n                        onBlur={() => setShowConfirmPasswordError(true)}\n                        value={confirmPassword}\n                        type=\"password\"\n                        showError={!isConfirmPasswordValid(password, confirmPassword) && showConfirmPasswordError}\n                        errorMessage={PASSWORD_MISMATCH_MSG}\n                    />\n\n                    <RenderIf condition={showCreateAccountError}>\n                        <div className=\"mb-4 text-sm text-red-600\">{createAccountError}</div>\n                    </RenderIf>\n\n\n              </div>\n              <div className=\"text-center text-sm text-grey-dark mt-4\">\n                <StandardButton\n                    disabled={!complete}\n                    onClick={e => confirmSignup(e)}\n                    text={\"Create account\"}\n                    isSpinning={loading}\n                />\n             </div>\n\n             <div className=\"text-gray-500 mt-4 text-center\">\n                Already have an account?<span> </span>\n                <button className=\"border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\"  onClick={() => {setCurrentModal(AuthModalTypes.LOGIN)} }> Log in.</button>\n             </div>\n  </React.Fragment>\n  )\n}\n","import RenderIf from '../RenderIf'\nimport { useEffect, useState } from 'react'\nimport { observer } from 'mobx-react'\nimport { useStores } from 'Store/StoreConfig'\nimport {Link} from 'react-router-dom'\nimport { userPool } from 'Services/AuthService'\nimport { CognitoUser } from 'amazon-cognito-identity-js'\nimport { HeaderDropDown } from './HeaderDropDown'\nimport { ModalFrame } from 'Components/StreamBuilder/Modals/ModalFrame'\nimport { AuthModalTypes } from 'Types/GeneralTypes'\nimport { LoginModalBody } from 'Components/StreamBuilder/Modals/LoginModalBody'\nimport { VerifyEmailModalBody } from 'Components/StreamBuilder/Modals/VerifyEmailModalBody'\nimport { ResetPasswordModalBody } from 'Components/StreamBuilder/Modals/ResetPasswordModalBody'\nimport { CreateUserModalBody } from 'Components/StreamBuilder/Modals/CreateUserModalBody'\n\nconst Header = observer(({ showMenu = true, showAccount = true }) => {\n  const { UserStore } = useStores()\n  const [isOpen, setIsOpen] = useState(false)\n  const [logOutLoading, setLogOutLoading] = useState(false)\n  const [openAuthModal, setOpenAuthModal] = useState(false)\n  const [currentModal, setCurrentModal] = useState(AuthModalTypes.LOGIN)\n  const [currentPage, setCurrentPage] = useState(null)\n\n  useEffect(() => {\n    const currentPathSplit = window.location.pathname.split(\"/\") \n    let currentPage = currentPathSplit[1]\n    if (currentPathSplit[2]) {\n      currentPage = currentPage + \"/\" + currentPathSplit[2]\n    }\n    setCurrentPage(currentPage)\n  }, []);\n\n  const logOut = () => {\n    setLogOutLoading(true)\n    const user : CognitoUser = userPool.getCurrentUser()\n    if(user){\n        user.signOut(() => {\n          UserStore.clearUser()\n          setLogOutLoading(false)\n          document.location.href=\"/\";\n        })\n    }else{\n        UserStore.clearUser()\n        setLogOutLoading(false)\n        document.location.href=\"/\";\n    }\n  }\n\n  return (\n    <div className=\"relative bg-white shadow\">\n        <div className=\"max-w-7xl mx-auto px-4 sm:px-8 \">\n          <div className=\"flex justify-between items-center py-4 lg:justify-start md:space-x-10\">\n            <div className=\"flex justify-start lg:w-0 lg:flex-1\">\n                  <span className=\"sr-only\">Workflow</span>\n                  <Link to=\"/\">\n                    <img className=\"h-7 w-auto\" src={process.env.PUBLIC_URL + '/images/StreamCreateLogo.svg'} alt=\"\" />\n                  </Link>\n            </div>\n\n            <RenderIf condition={showMenu}>\n              <nav className=\"hidden lg:flex\">\n                <Link className={`text-base font-medium text-gray-500 hover:text-gray-800 py-1.5 px-2 xl:px-3 mx-1 ${currentPage === '' ? \"rounded-md bg-gray-100 text-gray-800\" : ''}`} to=\"/\"> Home </Link>\n                <Link className={`text-base font-medium text-gray-500 hover:text-gray-800 py-1.5 px-2 xl:px-3 mx-1 ${currentPage === 'Templates' ? \"rounded-md bg-gray-100 text-gray-800\" : ''}`} to=\"/Templates/Countdown\"> Templates </Link>\n                <Link className={`text-base font-medium text-gray-500 hover:text-gray-800 py-1.5 px-2 xl:px-3 mx-1 ${currentPage === 'StreamBuilder' ? \"rounded-md bg-gray-100 text-gray-800\" : ''}`} to=\"/StreamBuilder\"> Stream Builder </Link>\n                <Link className={`text-base font-medium text-gray-500 hover:text-gray-800 py-1.5 px-2 xl:px-3 mx-1 ${currentPage === 'Pricing' ? \"rounded-md bg-gray-100 text-gray-800\" : ''}`} to=\"/Pricing\"> Pricing </Link>\n                {/*<Link className={`text-base font-medium text-gray-500 hover:text-gray-800 py-1.5 px-2 xl:px-3 mx-1 ${currentPage === 'Guides' ? \"rounded-md bg-gray-100 text-gray-800\" : ''}`} to=\"/Guides\"> Guides </Link>*/}\n                <Link className={`text-base font-medium text-gray-500 hover:text-gray-800 py-1.5 px-2 xl:px-3 mx-1 ${currentPage === 'Support' ? \"rounded-md bg-gray-100 text-gray-800\" : ''}`} to=\"/Support\"> Support </Link>\n              </nav>\n              <div className=\"lg:hidden\">\n                <button type=\"button\" onClick={(event) => setIsOpen(!isOpen)}className=\"bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-inset\">\n                {!isOpen ? <svg className=\"h-7 w-7\" fill=\"none\" viewBox=\"0 0 22 22\" stroke=\"currentColor\" aria-hidden=\"true\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M2 5h20M2 12h20M2 19h20\" />\n                  </svg> :\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-7 w-7\" viewBox=\"0 0 22 22\" overflow=\"visible\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n                    <line x2=\"22\" y2=\"22\" />\n                    <line x1=\"22\" y2=\"22\" />\n                  </svg>\n                  }\n                </button>\n              </div>\n            </RenderIf>\n\n\n            <RenderIf condition={showAccount}>\n              {!UserStore.user ?\n                <div className=\"hidden lg:flex items-center justify-end lg:flex-1 \">\n                  <button className=\"whitespace-nowrap text-base font-medium text-gray-500 hover:text-gray-900\"  onClick={() => {setCurrentModal(AuthModalTypes.LOGIN);setOpenAuthModal(true)}}> Log in </button>\n                  <button className=\"ml-6 xl:ml-8 inline-flex justify-center px-4 py-2 rounded-md border border-gray-300 shadow-sm bg-white font-medium text-white bg-blue-700 hover:bg-blue-800\"  onClick={() => {setCurrentModal(AuthModalTypes.CREATE);setOpenAuthModal(true)}}> Sign up</button>\n                </div>\n                : \n                <div className=\"hidden lg:flex items-center justify-end lg:flex-1 \">\n                  <HeaderDropDown user={UserStore.user} logOut={() => logOut()} logOutLoading={logOutLoading} />\n                </div>\n              }\n            </RenderIf>\n          </div>\n        </div>\n\n        <RenderIf condition={showMenu && isOpen}>\n          <div className=\"mx-2 lg:hidden grid grid-cols-1 divide-y divide-gray-300 border-t border-b border-gray-300\">\n              <Link className={`block px-2 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 ${currentPage === '' ? \"bg-gray-100 \" : ''}`} to=\"/\"> Home </Link>\n              <Link className={`block px-2 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 ${currentPage === 'Templates' ? \"bg-gray-100 \" : ''}`} to=\"/Templates/Countdown\"> Templates </Link>\n              <Link className={`block px-2 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 ${currentPage === 'StreamBuilder' ? \"bg-gray-100 \" : ''}`} to=\"/StreamBuilder\"> Stream Builder </Link>\n              <Link className={`block px-2 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 ${currentPage === 'Pricing' ? \"bg-gray-100 \" : ''}`} to=\"/Pricing\"> Pricing </Link>\n              {/*<Link className={`block px-2 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 ${currentPage === 'Guides' ? \"bg-gray-100 \" : ''}`} to=\"/Guides\"> Guides </Link>*/}\n              <Link className={`block px-2 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 ${currentPage === 'Support' ? \"bg-gray-100 \" : ''}`} to=\"/Support\"> Support </Link>\n\n              <RenderIf condition={!UserStore.user}>\n                <button className=\"block px-2 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 text-left\" onClick={() =>{setCurrentModal(AuthModalTypes.LOGIN);setOpenAuthModal(true)}}> Log in </button>\n                <button className=\"block px-2 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 text-left\" onClick={() => {setCurrentModal(AuthModalTypes.CREATE);setOpenAuthModal(true)}}>  Sign up </button>\n              </RenderIf>\n              <RenderIf condition={UserStore.user }>\n                <Link className={`block px-2 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 ${currentPage === 'DashBoard/AccountSettings' ? \"bg-gray-100 \" : ''}`} to=\"/DashBoard/AccountSettings\"> Account Settings </Link>\n                <Link className={`block px-2 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 ${currentPage === 'DashBoard/ManageStreams' ? \"bg-gray-100 \" : ''}`} to=\"/DashBoard/ManageStreams\"> Manage Streams </Link>\n                <button className=\"block px-2 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 text-left\" onClick={e => logOut()}> Log out </button>\n              </RenderIf>\n          </div>\n        </RenderIf>\n\n        <ModalFrame \n                open={openAuthModal} \n                setOpen={setOpenAuthModal} \n                modalWidth={\"24rem\"}\n                isBasicCloseStyle={true}\n                modalBody={ currentModal === AuthModalTypes.CREATE ? \n                            <CreateUserModalBody setCurrentModal={setCurrentModal} cardFullName={\"\"} preSetEmail={\"\"} /> \n                         \n                            :  currentModal === AuthModalTypes.LOGIN ?  <LoginModalBody setCurrentModal={setCurrentModal} setOpenAuthModal={setOpenAuthModal} subHeadingText={\"\"} /> \n                        \n                            : currentModal === AuthModalTypes.VERIFY ? <VerifyEmailModalBody setCurrentModal={setCurrentModal} message={\"Congratulations, your account is now fully active.\"}/> \n                            \n                            : currentModal === AuthModalTypes.RESETPASSWORD ? <ResetPasswordModalBody setCurrentModal={setCurrentModal}/> :  null\n                          } \n                easyClose={false} \n              />\n\n      </div>\n  )\n})\n\nexport default Header\n","import Footer from \"./Footer\"\nimport FooterDetailed from \"./FooterDetailed\"\nimport Header from \"./Header\"\n\nconst Layout = ({\n  header = {\n    showMenu: true,\n    showAccount: true,\n  },\n  children,\n  footer = {\n    basicFooter: false,\n  }\n}) => {\n  return (\n    <>\n      <Header\n        showMenu={header.showMenu}\n        showAccount={header.showAccount}\n      />\n      <main className=\"bg-white pb-10\" style={{ minHeight: 'calc(100vh - 114px)' }}>{children}</main>\n      {footer.basicFooter ? \n        <Footer />\n      :\n        <FooterDetailed/>\n      }\n    </>\n  )\n}\n\nexport default Layout","import RenderIf from \"Components/Structure/RenderIf\"\n\nconst BackNext = ({\n  showBack = true,\n  showNext = true,\n  disableBack = false,\n  disableNext = false,\n  onNext = () => {},\n  onBack = () => {},\n}) => {\n  return (\n    <div className=\"mt-4 sm:mt-8 flex justify-end\">\n      <RenderIf condition={showBack}>\n        <button\n          type=\"button\"\n          className={`inline-flex items-center mr-4 px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-blue-700 focus:outline-none focus:ring-offset-2 focus:ring-blue-300 bg-blue-200 hover:bg-blue-300`}\n          disabled={disableBack}\n          onClick={() => onBack()}>\n          Back\n        </button>\n      </RenderIf>\n      <RenderIf condition={showNext}>\n        <button\n          type=\"button\"\n          className={`inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white focus:outline-none focus:ring-offset-2 focus:ring-blue-700 ${disableNext ? `bg-gray-400` : `bg-blue-700 hover:bg-blue-800`}`}\n          disabled={disableNext}\n          onClick={() => onNext()}>\n          Next\n        </button>\n      </RenderIf>\n    </div>\n  )\n}\n\nexport default BackNext","export const ParagraphBold = ({ children }) => {\n    return <p className=\"text-base leading-normal font-medium text-gray-600 \">{children}</p>\n}\n  \nexport default ParagraphBold\n  ","import React from 'react'\nimport BackNext from 'Components/Structure/BackNext'\nimport { useStores } from 'Store/StoreConfig'\nimport { PRODUCTS } from 'Utilities/GeneralConstants'\nimport { ProductType } from 'Types/StreamTypes'\nimport RenderIf from 'Components/Structure/RenderIf'\nimport ParagraphBold from 'Components/Typography/ParagraphBold'\n\n\nconst BuildStepOne = () => {\n  const { StreamBuilderStore } = useStores()\n  const [productType, setProductType] = React.useState(StreamBuilderStore.streamConfig.productType)\n  const incomplete = !productType\n\n  const updateProductType = (productType) => {\n    setProductType(productType)\n    StreamBuilderStore.resetProductConfig(true,productType)\n    let newStreamConfig = StreamBuilderStore.streamConfig\n    newStreamConfig.productType = productType\n    StreamBuilderStore.setStreamConfig(newStreamConfig,true)\n  }\n\n  return (\n    <React.Fragment>\n      <div className=\"flex flex-col lg:flex-row  mt-3 sm:mt-6 lg:mb-24\">\n        <div className=\"sm:ml-0  md:ml-4 md:w-7/12  lg:w-4/12\">\n          <ParagraphBold>Choose the template that's right for you</ParagraphBold>\n          <div className=\"  flex flex-col sm:mt-3  \">\n            {\n              PRODUCTS\n              .map(item => {\n                const active = item.productType === productType\n                const circleStyle = active ? 'bg-blue-700' : 'border-2 border-blue-500'\n\n                return (\n                  <button \n                    disabled={item.productType !== ProductType.COUNTDOWN && item.productType !== ProductType.MULTI_VOTE}\n                    onClick={() => updateProductType(item.productType)}\n                    className={`ring-1 block hover:bg-blue-100 focus:bg-blue-100 shadow-sm text-gray-700 flex flex-1 text-left w-auto focus:outline-none focus:ring-blue-500 rounded px-4 py-4 my-4  ${active ? 'bg-blue-100 border-blue-500 ring-blue-500' : '' }`} key={item.productType}>\n                    <span className={`box-border self-center inline-block rounded-full h-4 w-4 mr-4 ${circleStyle}`} />\n                    <span className={`text-base`}>{item.title}</span>\n                  </button>\n                )\n              })\n            }\n          </div>\n        </div>\n        <div className=\"md:w-1/12 lg:w-2/12\"></div>\n        <div className=\"sm:ml-0 md:ml-4  lg:ml-0 md:w-8/12 lg:w-7/12\" >\n          <RenderIf condition={productType === ProductType.MULTI_VOTE}>\n            <img style={{\"width\": 500 }} src={process.env.PUBLIC_URL + '/images/MultiVoteTemplate.svg'} alt=\"\" />\n          </RenderIf>\n          <RenderIf condition={productType === ProductType.COUNTDOWN}>\n            <img style={{\"width\": 500 }}  src={process.env.PUBLIC_URL + '/images/CountDownTemplate.svg'} alt=\"\" />\n          </RenderIf>\n        </div>\n      </div>\n        \n      <br></br>\n      <div className=\"lg:mt-14\"/>\n      <BackNext\n        showBack={false}\n        disableNext={incomplete}\n        onNext={() => StreamBuilderStore.setStreamBuilderStep(StreamBuilderStore.streamBuilderStep + 1)}\n      />\n    </React.Fragment>\n  )\n}\n\nexport default BuildStepOne","import React, { useState } from 'react'\n\nexport interface AccordionProps {\n  tabs: Array<{\n    title: string\n    icon: React.ReactNode,\n    contents: React.ReactNode,\n  }>\n}\n\nconst IconUp = () => <span style={{ float: 'right' }}><svg style={{ verticalAlign: 'sub' }} className=\"w-5 h-5 inline\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 15l7-7 7 7\" /></svg></span>\nconst IconDown = () => <span style={{ float: 'right' }}><svg style={{ verticalAlign: 'sub' }} className=\"w-5 h-5 inline\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" /></svg></span>\n\nconst Accordion = ({ tabs }) => {\n  const [activeTab, setActiveTab] = useState(0)\n\n  return (\n    <div className=\"rounded-md border border-blue-600\">\n      {tabs.map((tab, idx) => {\n        const isActive = idx === activeTab\n        return (\n          <div key={tab.title}>\n            <button\n              style={{\n                borderLeft: 0,\n                borderRight: 0,\n                borderBottom: isActive ? null : 0,\n                borderTop: idx === 0 ? 0 : null,\n              }}\n              onFocus={() => setActiveTab(idx)}\n              onClick={() => setActiveTab(idx)}\n              className={`focus:outline-none block w-full  text-left  font-medium\tpx-2 py-1.5 border-blue-600 ${\n                isActive\n                ? `${idx === 0 ? 'rounded-tr-md rounded-tl-md' : 'border-t '} bg-blue-100 text-blue-700 border`\n                : 'text-blue-600 border'\n              }`}>\n                {tab.icon}\n                <span className=\"pl-1\">{tab.title}</span>\n                {isActive ? <IconDown /> : <IconUp />}\n            </button>\n            <div className={`${isActive ? 'block' : 'hidden'}`}>\n              {tab.contents}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\nexport default Accordion","import { COUNTDOWN_TEXT_MULITPLIER, STANDARD_DROP_SHADOW } from \"Utilities/GeneralConstants\"\n\nexport const getCountdownNumStyle = (countdownExtraLarge, countdownDropShadow, countdownFontSize) => {\n    if (countdownDropShadow) {\n        return {\n            fontSize: countdownExtraLarge ? `${countdownFontSize*COUNTDOWN_TEXT_MULITPLIER}rem` :`${countdownFontSize}rem`,  \n            textShadow: STANDARD_DROP_SHADOW \n        }\n    } else {\n        return {\n            fontSize: countdownExtraLarge ? `${countdownFontSize*COUNTDOWN_TEXT_MULITPLIER}rem` :`${countdownFontSize}rem`,  \n        }\n    }\n}\n\nexport const getCountdownFontStyle = (countdownExtraLarge, countdownDropShadow, fontColor, countdownFontSize) => {\n    if (countdownDropShadow) {\n        return {\n            fontSize: countdownExtraLarge ? `${countdownFontSize*COUNTDOWN_TEXT_MULITPLIER}em` :`${countdownFontSize}em`,  \n            color: fontColor, \n            textShadow: STANDARD_DROP_SHADOW \n        }\n    } else {\n        return {\n            fontSize: countdownExtraLarge ? `${countdownFontSize*COUNTDOWN_TEXT_MULITPLIER}em` :`${countdownFontSize}em`,  \n            color: fontColor\n        }\n    }\n}\n\n\nexport const titleHeading = (titleColor, fontSize, textShadow, extraLarge,sizeMultiplier) => {\n    if (textShadow) {\n        return { \n            color: titleColor, \n            fontSize: extraLarge ? `${fontSize*sizeMultiplier}em` : `${fontSize}em`,  \n            textShadow: STANDARD_DROP_SHADOW \n        }\n    } else {\n        return { \n            color: titleColor, \n            fontSize: extraLarge ? `${fontSize*sizeMultiplier}em` : `${fontSize}em`,  \n        }\n    }\n}\n\nexport const subTitleHeading = (titleColor, fontSize, textShadow, extraLarge, sizeMultiplier) => {\n    if (textShadow) {\n        return { \n            color: titleColor, \n            fontSize: extraLarge ? `${fontSize*sizeMultiplier}em` : `${fontSize}em`,  \n            textShadow: STANDARD_DROP_SHADOW \n        }\n    } else {\n        return { \n            color: titleColor, \n            fontSize: extraLarge ? `${fontSize*sizeMultiplier}em` : `${fontSize}em`,  \n        }\n    }\n}","import React from 'react'\nimport { getCountdownNumStyle } from '../../../Utilities/TextFunctions'\nimport './styles.css'\n\nconst BoxLabelCountdown = ({fontColor, boxColor, fontName, countdownExtraLarge, windowWidth, days, hours, minutes, seconds}) => {\n\n    const getGap = () => {\n        if (windowWidth < 300) {\n            return \"gap-1\"\n        } else if (windowWidth < 450) {\n            return \"gap-2\"\n        } else if(windowWidth < 640) {\n            return \"gap-2\"\n        } else if(windowWidth < 768) {\n            return \"gap-4\"\n        } else if(windowWidth < 1024) {\n            return \"gap-4\"\n        } else if(windowWidth < 1280) {\n            return \"gap-7\"\n        } else {\n            return \"gap-8\"\n        }\n    }\n\n    let countdownFontSize = (Math.round((windowWidth/310) * 4) / 4).toFixed(2)\n\n    return (\n        <React.Fragment>\n        <div className={`grid grid-flow-col ${getGap()} text-center auto-cols-max`}>\n            <TimeBox windowWidth={windowWidth} value={days} valueName={\"days\"} fontColor={fontColor} boxColor={boxColor} fontName={fontName} countdownFontSize={countdownFontSize} countdownExtraLarge={countdownExtraLarge}/>\n            <TimeBox windowWidth={windowWidth} value={hours} valueName={\"hours\"} fontColor={fontColor} boxColor={boxColor} fontName={fontName} countdownFontSize={countdownFontSize} countdownExtraLarge={countdownExtraLarge}/>\n            <TimeBox windowWidth={windowWidth} value={minutes} valueName={\"min\"} fontColor={fontColor} boxColor={boxColor} fontName={fontName} countdownFontSize={countdownFontSize} countdownExtraLarge={countdownExtraLarge}/>\n            <TimeBox windowWidth={windowWidth}value={seconds} valueName={\"sec\"} fontColor={fontColor} boxColor={boxColor} fontName={fontName} countdownFontSize={countdownFontSize} countdownExtraLarge={countdownExtraLarge}/>\n        </div>\n        </React.Fragment>\n    )\n}\n\nconst TimeBox = ({windowWidth,value, valueName, fontColor, boxColor, fontName, countdownFontSize, countdownExtraLarge}) => {\n\n    const getBoxShape = () => {\n        if (windowWidth < 450) { \n            return \"pt-1 pr-1 pb-1 pl-1 rounded-md\"\n        } else if(windowWidth < 640) {\n            return \"pt-2 pr-2 pb-2 pl-2 rounded-xl\"\n        } else if(windowWidth < 768) {\n            return \"pt-2 pr-2 pb-2 pl-2 rounded-xl\"\n        } else if(windowWidth < 1024) {\n            return \"pt-2 pr-3 pb-2 pl-3 rounded-xl\"\n        } else if(windowWidth < 1280) {\n            return \"pt-2 pr-3 pb-2 pl-3 rounded-2xl\"\n        } else {\n            return \"pt-2 pr-3 pb-2 pl-3 rounded-2xl\"\n        }\n    }\n\n    return (\n        <div style={{ backgroundColor : boxColor + 'B3', fontFamily : fontName, color: fontColor }} className={`flex flex-col ${getBoxShape()} bg-neutral text-neutral-content`}>\n        <span style={getCountdownNumStyle(countdownExtraLarge, false, countdownFontSize)} className={`countdown`}>\n            {/*@ts-ignore */}\n            <span style={{\"--value\" : value }}></span>\n            </span>\n            <div style={{fontSize: '0.4em'}} > {valueName} </div>\n        </div>\n    )\n}\n\nexport default BoxLabelCountdown","import { getCountdownFontStyle, getCountdownNumStyle } from \"../../../Utilities/TextFunctions\"\n\nconst TextLabelCountdown = ({fontColor, fontName, countdownExtraLarge, countdownDropShadow, windowWidth, days, hours, minutes, seconds}) => {\n\n    const getGap = () => {\n        if (windowWidth < 300) {\n            return \"gap-1\"\n        } else if (windowWidth < 450) {\n            return \"gap-2\"\n        } else if(windowWidth < 640) {\n            return \"gap-2\"\n        } else if(windowWidth < 768) {\n            return \"gap-4\"\n        } else if(windowWidth < 1024) {\n            return \"gap-4\"\n        } else if(windowWidth < 1280) {\n            return \"gap-7\"\n        } else {\n            return \"gap-8\"\n        }\n    }\n\n    let countdownFontSize = (Math.round((windowWidth/250) * 4) / 4).toFixed(2)\n    \n    return (\n        <div className={`grid grid-flow-col ${getGap()} text-center auto-cols-max`} >\n            <TextLabel value={days} valueName={\"days\"} fontColor={fontColor} fontName={fontName} countdownFontSize={countdownFontSize} countdownExtraLarge={countdownExtraLarge} countdownDropShadow={countdownDropShadow}/>\n            <TextLabel value={hours} valueName={\"hours\"} fontColor={fontColor}  fontName={fontName} countdownFontSize={countdownFontSize} countdownExtraLarge={countdownExtraLarge} countdownDropShadow={countdownDropShadow} />\n            <TextLabel value={minutes} valueName={\"min\"} fontColor={fontColor}  fontName={fontName} countdownFontSize={countdownFontSize} countdownExtraLarge={countdownExtraLarge} countdownDropShadow={countdownDropShadow}/>\n            <TextLabel value={seconds} valueName={\"sec\"} fontColor={fontColor}  fontName={fontName} countdownFontSize={countdownFontSize} countdownExtraLarge={countdownExtraLarge} countdownDropShadow={countdownDropShadow}/>\n        </div>\n    )\n}\n\nconst TextLabel = ({value, valueName, fontColor, fontName, countdownFontSize, countdownExtraLarge, countdownDropShadow}) => {\n    return (\n        <div style={{fontFamily : fontName }} className=\"flex flex-col\">\n            <span style={getCountdownNumStyle(countdownExtraLarge, countdownDropShadow, countdownFontSize)} className={`countdown`}>\n                    {/*@ts-ignore */}\n                    <span style={{\"--value\" : value, color: fontColor }}></span>\n            </span>\n            <div style={getCountdownFontStyle(countdownExtraLarge, countdownDropShadow, fontColor, 0.45)} > {valueName} </div>\n      </div>\n    )\n}\n\nexport default TextLabelCountdown","import { getCountdownFontStyle, getCountdownNumStyle } from '../../../Utilities/TextFunctions'\nimport './styles.css'\n\nconst TextSideLabelCountdown = ({fontColor, fontName, countdownExtraLarge, countdownDropShadow, windowWidth, days, hours, minutes, seconds}) => {\n\n    const getGap = () => {\n        if (windowWidth < 300) {\n            return \"gap-1\"\n        } else if (windowWidth < 450) {\n            return \"gap-2\"\n        } else if(windowWidth < 640) {\n            return \"gap-2\"\n        } else if(windowWidth < 768) {\n            return \"gap-4\"\n        } else if(windowWidth < 1024) {\n            return \"gap-4\"\n        } else if(windowWidth < 1281) {\n            return \"gap-6\"\n        } else {\n            return \"gap-8\"\n        }\n    }\n    let countdownFontSize = (Math.round((windowWidth/300) * 4) / 4).toFixed(2)\n    return (\n        <div className={`grid grid-flow-col ${getGap()} place-items-end auto-cols-max`}>\n            <TextSideLabel value={days} valueName={\"days\"} fontColor={fontColor} fontName={fontName} countdownFontSize={countdownFontSize} countdownExtraLarge={countdownExtraLarge} countdownDropShadow={countdownDropShadow}/>\n            <TextSideLabel value={hours} valueName={\"hours\"} fontColor={fontColor} fontName={fontName} countdownFontSize={countdownFontSize} countdownExtraLarge={countdownExtraLarge} countdownDropShadow={countdownDropShadow}/>\n            <TextSideLabel value={minutes} valueName={\"min\"} fontColor={fontColor} fontName={fontName} countdownFontSize={countdownFontSize} countdownExtraLarge={countdownExtraLarge} countdownDropShadow={countdownDropShadow}/>\n            <TextSideLabel value={seconds} valueName={\"sec\"} fontColor={fontColor} fontName={fontName} countdownFontSize={countdownFontSize} countdownExtraLarge={countdownExtraLarge} countdownDropShadow={countdownDropShadow}/>\n        </div>\n    )\n}\n\n\nconst TextSideLabel = ({value, valueName, fontColor, fontName, countdownFontSize, countdownExtraLarge, countdownDropShadow}) => {\n    return (\n        <div style={{ fontFamily : fontName }}>\n        <span style={getCountdownNumStyle(countdownExtraLarge, countdownDropShadow, countdownFontSize)} className={`countdown`}>\n        {/*@ts-ignore */}\n        <span style={{\"--value\" : value,  color: fontColor  }}></span>\n        </span>\n        <span style={getCountdownFontStyle(countdownExtraLarge, countdownDropShadow, fontColor, 0.38)}> {valueName} </span>\n      </div> \n    )\n}\n\n\n\nexport default TextSideLabelCountdown","import RenderIf from \"Components/Structure/RenderIf\"\nimport { observer } from \"mobx-react\"\nimport moment from \"moment\"\nimport React from \"react\"\nimport { useEffect, useState } from \"react\"\nimport { CountdownType } from \"Types/StreamTypes\"\nimport { getFutureDateTime } from \"Utilities/HelperFunctions\"\nimport BoxLabelCountdown from \"./BoxLabelCountdown\"\nimport TextLabelCountdown from \"./TextLabelCountdown\"\nimport TextSideLabelCountdown from \"./TextSideLabelCountdown\"\n\nconst calculateTimeLeft = (countDownDate) => {\n  const difference = moment(countDownDate).unix()*1000 - moment(getFutureDateTime(0)).unix()*1000 \n  let timeLeft = {}\n  if (difference > 0) {\n    timeLeft = {\n      days: Math.floor(difference / (1000 * 60 * 60 * 24)),\n      hours: Math.floor((difference / (1000 * 60 * 60)) % 24),\n      minutes: Math.floor((difference / 1000 / 60) % 60),\n      seconds: Math.floor((difference / 1000) % 60)\n    }\n  } else {\n    timeLeft = {\n      days: 0,\n      hours: 0,\n      minutes: 0,\n      seconds: 0\n    }\n  }\n\n  return timeLeft\n}\n\nconst Countdown = observer(({windowWidth, countdownDate, countdownFontColor, countdownBoxColor, countdownFont, countdownType, countdownExtraLarge, countdownDropShadow }) => {\n    const [timeLeft, setTimeLeft] = useState(calculateTimeLeft(countdownDate))\n    \n    useEffect(() => {\n        setTimeout(() => {\n          setTimeLeft(calculateTimeLeft(countdownDate))\n        }, 1000)\n      })\n\n\n    \n    const timerComponents = []\n\n    Object.keys(timeLeft).forEach(interval => {\n        if (!timeLeft[interval]) {\n          return\n        }\n\n        timerComponents.push(\n        <span>\n            {timeLeft[interval]} {interval}{\" \"}\n        </span>\n        )\n    })\n\n\n    return(\n      <React.Fragment>\n        <RenderIf condition={countdownType === CountdownType.BASIC}>\n          <TextLabelCountdown fontColor={countdownFontColor} fontName={countdownFont} countdownExtraLarge={countdownExtraLarge} countdownDropShadow={countdownDropShadow} windowWidth={windowWidth} days={timeLeft[\"days\"]} hours={timeLeft[\"hours\"]} minutes={timeLeft[\"minutes\"]} seconds={timeLeft[\"seconds\"]} />\n        </RenderIf>\n        <RenderIf condition={countdownType === CountdownType.BASICSIDE}>\n          <TextSideLabelCountdown fontColor={countdownFontColor} fontName={countdownFont} countdownExtraLarge={countdownExtraLarge} countdownDropShadow={countdownDropShadow} windowWidth={windowWidth} days={timeLeft[\"days\"]} hours={timeLeft[\"hours\"]} minutes={timeLeft[\"minutes\"]} seconds={timeLeft[\"seconds\"]} />\n        </RenderIf>\n        <RenderIf condition={countdownType === CountdownType.BOXED}>\n          <BoxLabelCountdown fontColor={countdownFontColor} boxColor={countdownBoxColor} fontName={countdownFont} countdownExtraLarge={countdownExtraLarge} windowWidth={windowWidth} days={timeLeft[\"days\"]} hours={timeLeft[\"hours\"]} minutes={timeLeft[\"minutes\"]} seconds={timeLeft[\"seconds\"]} />\n        </RenderIf>\n      </React.Fragment>\n    )\n\n})\n\nexport default Countdown","import { observer } from \"mobx-react\"\nimport { previewWindowStyle } from \"Services/StreamConfigService\"\nimport { COUNTDOWN_TEXT_MULITPLIER } from \"Utilities/GeneralConstants\"\nimport { subTitleHeading, titleHeading } from \"Utilities/TextFunctions\"\nimport Countdown from \"./CountDownTimers/Countdown\"\n\nconst CountdownAudioView = observer(({productConfig, backgroundImage, width, height}) => {\n    return (\n        <div className=\"h-full\" style={previewWindowStyle(productConfig, backgroundImage, width, height)}>\n            <div className=\"flex flex-col h-full\">\n            <div className=\"flex-initial text-center\" style={{ marginTop: '1em', fontFamily : productConfig.titleFont}}>\n                <h1 style={titleHeading(productConfig.titleColor,0.8,productConfig.titleDropShadow, productConfig.titleExtraLarge, COUNTDOWN_TEXT_MULITPLIER)}>{productConfig.title}</h1>\n                <h2 style={subTitleHeading(productConfig.titleColor,0.65,productConfig.titleDropShadow, productConfig.titleExtraLarge, COUNTDOWN_TEXT_MULITPLIER)}>{productConfig.subtitle}</h2>\n            </div>\n            <div className=\"flex-1 flex items-center justify-center\" style={{ marginBottom: '2.0em' }}>\n                <div className=\"flex-initial inline-block\">\n                    <Countdown \n                        windowWidth={width} \n                        countdownDate={productConfig.countdownDate} \n                        countdownFontColor={productConfig.countdownFontColor} \n                        countdownBoxColor={productConfig.countdownBoxColor} \n                        countdownFont={productConfig.countdownFont} \n                        countdownType={productConfig.countdownType} \n                        countdownExtraLarge={productConfig.countdownExtraLarge}\n                        countdownDropShadow={productConfig.countdownDropShadow}    \n                    />\n                </div>\n            </div>\n            </div>\n        </div>\n    )\n})\n\nexport default CountdownAudioView;\n  ","import React from \"react\";\nimport posed, { PoseGroup } from \"react-pose\";\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { compareRanking, getNumberMarginLeftImage, getNumberMarginLeftNoImage, getNumberMarginRight, getRowFontSize, getRowHeight, getRowMarginTop } from \"Utilities/HelperFunctions\";\nimport RenderIf from \"Components/Structure/RenderIf\"\nimport { observer } from \"mobx-react\";\nimport { STANDARD_DROP_SHADOW } from \"Utilities/GeneralConstants\";\n\nconst Item = posed.div({\n  flip: {\n    scale: 1,\n    transition: {\n      scale: {\n        type: \"tween\",\n        velocity: 2\n      },\n      default: {\n        type: \"tween\"\n      }\n    }\n  }\n});\n\n\nconst VoteTable = observer(({voteConfig}) => {\n  let startId = 0;\n  let rankingData = voteConfig.voteOptions.map( voteOption => { return { \"Id\" : `${startId++}`, \"Name\" : voteOption[\"name\"], \"VoteCode\" : voteOption[\"code\"], \"VoteCount\" : voteOption[\"count\"], \"Image\" : voteOption[\"avatarUrl\"] } })\n  rankingData.sort(compareRanking)\n  const rowHeight = getRowHeight(rankingData.length)\n  const rowFontSize = getRowFontSize(rankingData.length)\n  const rowMarginTop = getRowMarginTop(rankingData.length)\n  const numberMarginRight = getNumberMarginRight(rankingData.length)\n  const numberMarginLeftNoImage = getNumberMarginLeftNoImage(rankingData.length)\n  const numberMarginLeftImage = getNumberMarginLeftImage(rankingData.length)\n  const gridStyle = {\n    backgroundColor: 'rgba(255, 255, 255, 0.7)',\n    marginRight: `${1 - rankingData.length*0.05}%`,\n    height: `${rowHeight}em`\n  }\n\n\n  function rowNumberStyle() {\n    return {\n      fontFamily: voteConfig.font,\n      fontSize: `${rowFontSize}em`,\n      color: voteConfig.fontColor,\n      marginTop: `${rowMarginTop*3.5}%`,\n      marginRight:  `${numberMarginRight}%`,\n      textShadow: voteConfig.dropShadow ? STANDARD_DROP_SHADOW : 'none'\n    }\n  }\n\n  function rowImageMarginLeftStyle(hasImage) {\n    return {\n      marginLeft: hasImage ? `${numberMarginLeftImage}%` : `${numberMarginLeftNoImage}%`,\n    }\n  }\n  \n\n  function titleStyle() {\n    return {\n      fontFamily: voteConfig.font,\n      fontSize: \"0.4em\",\n      color: voteConfig.fontColor,\n      paddingLeft: \"5%\",\n      textShadow: voteConfig.dropShadow ? STANDARD_DROP_SHADOW : 'none'\n    }\n  }\n\n  \n  const gridTextStyle = {\n    fontFamily: voteConfig.font,\n    fontSize: `${rowFontSize}em`,\n    color: \"#000000\",\n    paddingLeft: \"5%\",\n    alignItems: 'center',\n    display: 'flex',\n    marginTop: `${rowHeight/4}em`\n  }\n  \n  \n  return (\n        <React.Fragment>\n          <Grid xs={12} container>\n            <Grid container>\n            <RenderIf condition={voteConfig.includeImages}>\n              <Grid xs={1} style={rowImageMarginLeftStyle(voteConfig.includeImages)}></Grid>\n            </RenderIf>\n            <RenderIf condition={!voteConfig.includeImages}>\n              <div style={rowImageMarginLeftStyle(voteConfig.includeImages)}> </div>\n            </RenderIf>\n            <Grid xs={1}></Grid>\n            <Grid xs={4}>\n              <Typography  style={titleStyle()}>\n              {\"Name\"}\n              </Typography>\n            </Grid>\n            <Grid xs={3} style={{marginLeft: `${1 - rankingData.length*0.05}%`}}>\n              <Typography style={titleStyle()} align=\"left\" >\n              {\"Vote Code\"}\n              </Typography>\n            </Grid>\n            <Grid xs={2}  style={{marginLeft: `${1 - rankingData.length*0.05}%`}}>\n              <Typography style={titleStyle()} align=\"left\">\n                {\"Count\"}\n              </Typography>\n            </Grid>\n            </Grid>\n          </Grid>\n\n          <Grid xs={12}  justify=\"center\" container>\n            <div style={{ height: \"100%\", width:\"100%\"}}>\n            <PoseGroup>\n              {rankingData.map( (item,index) => (\n                <Item className=\"item\" data-key={item[\"Id\"]} key={item[\"Id\"]} style={{marginBottom: `${1 - rankingData.length*0.05}%`}} >\n                <Grid container >\n                   <Grid justify=\"flex-end\" xs={1}>\n                      <Typography style={rowNumberStyle()} align=\"right\" >\n                        {index + 1}\n                      </Typography>\n                   </Grid>\n                   <RenderIf condition={voteConfig.includeImages}>\n                   <Grid xs={1} container justifyContent=\"flex-end\" style={rowImageMarginLeftStyle(voteConfig.includeImages)}>\n                      <img style={{width: `${rowHeight}em`, height: `${rowHeight}em`}} src={item[\"Image\"]} />\n                    </Grid>\n                   </RenderIf>\n                   <RenderIf condition={!voteConfig.includeImages}>\n                     <div style={rowImageMarginLeftStyle(voteConfig.includeImages)}> </div>\n                   </RenderIf>\n                   <Grid style={gridStyle} xs={4} >\n                     <Typography style={gridTextStyle} align=\"left\" >\n                      {item[\"Name\"]}\n                     </Typography>\n                   </Grid>\n                   <Grid style={gridStyle} xs={3} >\n                   <Typography style={gridTextStyle} align=\"left\" >\n                     {item[\"VoteCode\"]}\n                   </Typography>\n                   </Grid>\n                   <Grid style={gridStyle} xs={2} >\n                   <Typography style={gridTextStyle} align=\"left\" >\n                     {item[\"VoteCount\"]}\n                   </Typography>\n                   </Grid>\n                </Grid>\n                </Item>\n              ))}\n            </PoseGroup>\n            </div>\n          </Grid>\n        </React.Fragment>\n    );\n})\n\n\n\nexport default VoteTable;\n","import Grid from \"@material-ui/core/Grid\";\nimport { observer } from \"mobx-react\"\nimport { previewWindowStyle } from \"Services/StreamConfigService\"\nimport { MULTIVOTE_TEXT_MULITPLIER } from \"Utilities/GeneralConstants\";\nimport { truncateText } from \"Utilities/HelperFunctions\";\nimport { subTitleHeading, titleHeading } from \"Utilities/TextFunctions\";\nimport VoteTable from \"./VoteComponents/VoteTable\";\n\n\nconst formatLatestVoters = (latestVoters) => {\n  const latestVotersTruncated = latestVoters.map(v => truncateText(v,15))\n  return latestVotersTruncated.join(\", \")\n}\n\nconst MultiVoteAudioView = observer(({productConfig, backgroundImage, width, height}) => {\n    \n    const titleGrid = {\n      paddingLeft: '4.5%',\n      marginTop: '2%',\n      marginBottom: '-0.75%',\n      fontFamily : productConfig.titleFont\n    }\n    \n    const subTitleGrid = {\n      paddingLeft: '4.75%',\n      marginBottom: '0.5%',\n      fontFamily : productConfig.titleFont\n    }\n\n\n    return (\n        <div className=\"h-full\" style={previewWindowStyle(productConfig, backgroundImage, width, height)}>\n            <Grid container >\n            <Grid xs={12} style={titleGrid}  container >\n               <h1 style={titleHeading(productConfig.titleColor,0.65,productConfig.titleDropShadow, productConfig.titleExtraLarge, MULTIVOTE_TEXT_MULITPLIER)}>{productConfig.title}</h1>\n            </Grid>\n\n            <Grid xs={12} style={subTitleGrid}  container >\n                  <h2 style={subTitleHeading(productConfig.titleColor,0.5,productConfig.titleDropShadow, productConfig.titleExtraLarge, MULTIVOTE_TEXT_MULITPLIER)}>{productConfig.subtitle}</h2>\n            </Grid>\n\n            <Grid xs={10} justify=\"center\" container style={{marginLeft:'-1.5%'}} >\n              <VoteTable voteConfig={productConfig.voteConfig} />\n            </Grid>\n\n            <Grid xs={2} style={{paddingRight:50}}  container justify=\"center\">\n              <Grid xs={12} direction=\"column\"  container >\n                  \n              </Grid>\n            </Grid>\n          </Grid >\n          <div className=\"bg-black bg-opacity-60 bottom-0 w-full text-center absolute\" style={{fontSize:'.28em', paddingBottom:'0.25%'}}> \n            <p className=\"inline-flex\ttext-white font-medium\"> Latest Voters: </p> <p className=\"inline-flex text-white font-light\">{productConfig.voteConfig.latestVoters ? formatLatestVoters(productConfig.voteConfig.latestVoters) : \"\"} </p>\n          </div>\n        </div>\n    )\n})\n\nexport default MultiVoteAudioView;\n  ","import CountdownAudioView from 'Components/StreamView/CountdownAudioView'\nimport MultiVoteAudioView from 'Components/StreamView/MultiVoteAudioView'\nimport RenderIf from 'Components/Structure/RenderIf'\nimport { observer } from 'mobx-react'\nimport { useEffect, useRef, useState } from 'react'\nimport { ProductType } from 'Types/StreamTypes'\n\nconst PreviewWindow = observer(({productType, productConfig, backgroundImage, defaultWidth, defaultHeight, borderStyle }) => {\n  const componentRef = useRef()\n  if (document.documentElement.clientWidth < defaultWidth) {\n    defaultWidth = document.documentElement.clientWidth - 50\n  }\n  const { width, height } = useResize(componentRef, defaultWidth, defaultHeight)\n  return <div style={{ paddingBottom: '56.25%', border: borderStyle, position: 'relative' }}>\n    <div ref={componentRef} style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, overflow: 'hidden' }}>\n\n    <RenderIf condition={productType === ProductType.COUNTDOWN}>\n      <CountdownAudioView  productConfig={productConfig} backgroundImage={backgroundImage} width={width} height={height} />\n    </RenderIf>\n\n    <RenderIf condition={productType === ProductType.MULTI_VOTE}>\n      <MultiVoteAudioView  productConfig={productConfig} backgroundImage={backgroundImage} width={width} height={height} />\n    </RenderIf>\n          \n    </div>\n  </div>\n})\n\nexport default PreviewWindow\n\nexport const useResize = (myRef, defaultWidth, defaultHeight) => {\n  const getDimensions = () => ({\n    width: myRef.current.offsetWidth,\n    height: myRef.current.offsetHeight\n  })\n\n  const [dimensions, setDimensions] = useState({ width: defaultWidth, height: defaultHeight })\n\n  useEffect(() => {\n    const handleResize = () => {\n      setDimensions(getDimensions())\n    }\n\n    if (myRef.current) {\n      setDimensions(getDimensions())\n    }\n\n    window.addEventListener(\"resize\", handleResize)\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize)\n    }\n  }, [myRef])\n\n  return dimensions;\n};","import './colorpick.css'\nimport { useEffect, useRef, useState } from \"react\"\nimport ColorPicker from 'react-color/lib/components/twitter/Twitter'\nimport { PICK_COLORS } from \"Utilities/GeneralConstants\"\n\nconst useOutsideClick = (ref, onOutsideClick) => {\n    useEffect(() => {\n      const handleOutsideClick = (event) => {\n        if (ref.current && !ref.current.contains(event.target)) {\n          onOutsideClick()\n        }\n      }\n  \n      // Bind the event listener\n      document.addEventListener('mousedown', handleOutsideClick)\n      return () => {\n          // Unbind the event listener on clean up\n          document.removeEventListener('mousedown', handleOutsideClick)\n      }\n    }, [ref])\n}\n\nconst MyColorPicker = ({selectedColor, updateCallback, width, height}) => {\n\n    const wrapperRef = useRef(null)\n    const [showPicker, setShowpicker] = useState(false)\n    useOutsideClick(wrapperRef, () => setShowpicker(false))\n\n    const updateColor = (newColor) => {\n        updateCallback(newColor)\n    }\n\n    return (\n          <div ref={wrapperRef} onClick={() => setShowpicker(true)} className=\"flex-initial mt-auto rounded-md\" style={{ position: 'relative', width: width, height: height, backgroundColor: selectedColor, border: '1px solid rgb(209, 213, 219)' }}>\n            <div style={{ display: showPicker ? 'block' : 'none',  position: 'absolute', top: '48px', right: '-0', zIndex: 1}}>\n              <ColorPicker\n                colors={PICK_COLORS}\n                triangle={'top-right'}\n                color={selectedColor}\n                onChange={color => updateColor(color.hex)} />\n            </div>\n          </div>\n    )\n}\n\nexport default MyColorPicker\n","import { Fragment } from 'react'\nimport { Listbox, Transition } from '@headlessui/react'\nimport { CheckIcon, SelectorIcon } from '@heroicons/react/solid'\n\n\nfunction classNames(...classes) {\n  return classes.filter(Boolean).join(' ')\n}\n\nfunction itemsToDropDownObjects(items) {\n    let currentId = 0\n    let dropDownObjects = items.map( item => {\n        currentId++\n        return { id : currentId, name : item }  \n    })\n    return dropDownObjects\n}\n\nexport default function SelectMenu({items, itemName, updateCallback}) {\n  const itemObjects = itemsToDropDownObjects(items)\n  \n  const getSelected = () => {\n    return itemObjects.find(item => item.name === itemName)\n  }\n\n  const updateSelected = (item) => {\n    updateCallback(item.name)\n  }\n\n  return (\n    <Listbox value={getSelected()} onChange={item => updateSelected(item)}>\n      {({ open }) => (\n        <>\n          <div className=\"mt-1 relative\">\n            <Listbox.Button className={`relative w-full bg-white rounded pl-3 pr-10 py-2 text-left text-gray-700 cursor-default border focus:border-blue-500 focus:ring-blue-500 ring-1 ${open ? 'ring-blue-500 border-blue-500' : '' }`}>\n              <span >{getSelected().name.replace(/_/g, ' ')}</span>\n              <span className=\"ml-3 absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none\">\n                <SelectorIcon className=\"h-5 w-5 text-gray-400\" aria-hidden=\"true\" />\n              </span>\n            </Listbox.Button>\n\n            <Transition\n              show={open}\n              as={Fragment}\n              leave=\"transition ease-in duration-100\"\n              leaveFrom=\"opacity-100\"\n              leaveTo=\"opacity-0\"\n            >\n              <Listbox.Options\n                static\n                className=\"absolute z-10 mt-1 w-full bg-white shadow-lg max-h-56 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm\"\n              >\n                {itemObjects.map((font) => (\n                  <Listbox.Option\n                    key={font.id}\n                    className={({ active }) =>\n                      classNames(\n                        active ? 'text-white bg-blue-700' : 'text-gray-900',\n                        'cursor-default select-none relative py-2 pl-3 pr-9'\n                      )\n                    }\n                    value={font}\n                  >\n                    {({ selected, active }) => (\n                      <>\n                        <div className=\"flex items-center\">\n                          <span\n                            className={classNames(selected ? 'font-semibold' : 'font-normal')}\n                          >\n                            {font.name.replace(/_/g, ' ')}\n                          </span>\n                        </div>\n\n                        {selected ? (\n                          <span\n                            className={classNames(\n                              active ? 'text-white' : 'text-blue-700',\n                              'absolute inset-y-0 right-0 flex items-center pr-4'\n                            )}\n                          >\n                            <CheckIcon className=\"h-5 w-5\" aria-hidden=\"true\" />\n                          </span>\n                        ) : null}\n                      </>\n                    )}\n                  </Listbox.Option>\n                ))}\n              </Listbox.Options>\n            </Transition>\n          </div>\n        </>\n      )}\n    </Listbox>\n  )\n}","const MyCheckBox = ({text, checked, onChange}) => {\n\n    return (\n        <div className=\"relative flex items-start\" >\n        <label htmlFor=\"email\" className={\"block text-md  text-gray-700\" }>{text}</label>\n        <div className=\"ml-2 flex items-center h-6\">\n            <input\n                type=\"checkbox\"\n                onBlur={() =>{}}\n                checked={checked}\n                onChange={() => onChange()}\n                className={`h-4 w-4 rounded`}\n            />\n        </div>\n    </div>\n    )\n}\n\nexport default MyCheckBox\n","import InputWithLabel from \"Components/Structure/InputWithLabel\"\nimport { useState } from \"react\"\nimport { useStores } from \"Store/StoreConfig\"\nimport MyColorPicker from \"./Utilities/MyColorPicker\"\nimport SelectMenu from \"./Utilities/SelectMenu\"\nimport { DROPDOWN_FONTS } from 'Utilities/GeneralConstants'\nimport { observer } from \"mobx-react\"\nimport { ProductType } from \"Types/StreamTypes\"\nimport MyCheckBox from \"./Utilities/MyCheckBox\"\n\n\nconst StreamTitleConfig = observer(({isBuilderConfig}) => {\n    const { StreamBuilderStore } = useStores()\n    const [streamConfig] = useState(StreamBuilderStore.getStreamConfig(isBuilderConfig))\n    const [productConfig,setProductConfig] = useState(StreamBuilderStore.getProductConfig(isBuilderConfig))\n    \n    const updateTitles = (newTitle, newTitleColor, newTitleFont, newTitleExtraLarge, newTitleDropShadow, newSubtitle) => {\n        let newStreamConfig = StreamBuilderStore.getStreamConfig(isBuilderConfig)\n        newStreamConfig.productConfig.title = newTitle\n        newStreamConfig.productConfig.titleColor = newTitleColor\n        newStreamConfig.productConfig.titleFont = newTitleFont\n        newStreamConfig.productConfig.titleExtraLarge = newTitleExtraLarge\n        newStreamConfig.productConfig.titleDropShadow = newTitleDropShadow\n        newStreamConfig.productConfig.subtitle = newSubtitle\n        StreamBuilderStore.setStreamConfig(newStreamConfig,isBuilderConfig)\n        setProductConfig(newStreamConfig.productConfig)\n    }\n\n    return (\n        <div className=\"p-4 pt-2\">\n            <div className=\"flex-1 sm:w-1/2 lg:w-full\">\n                <InputWithLabel\n                    id=\"title\"\n                    label=\"Title\"\n                    onChange={e => updateTitles(e.target.value, productConfig.titleColor, productConfig.titleFont, productConfig.titleExtraLarge,  productConfig.titleDropShadow, productConfig.subtitle)}\n                    onBlur={() => {}}\n                    value={productConfig.title}\n                    type=\"text\"\n                    labelClassName=\"block text-md font-medium text-gray-700 mb-2\"\n                    inputClassName=\"block border border-grey-light text-gray-700 w-full p-2 rounded -mb-2  focus:outline-none focus:border-blue-500 focus:ring-blue-500 ring-1\" \n                    maxLength={streamConfig.productType === ProductType.COUNTDOWN ? 71 : 45}\n                />\n            </div>\n            \n            <div className=\"flex-1 sm:w-1/2 lg:w-full\">\n                <InputWithLabel\n                    id=\"subtitle\"\n                    label=\"Subtitle\"\n                    onChange={e => updateTitles(productConfig.title, productConfig.titleColor, productConfig.titleFont, productConfig.titleExtraLarge, productConfig.titleDropShadow, e.target.value)}\n                    onBlur={() => {}}\n                    value={productConfig.subtitle}\n                    type=\"text\"\n                    labelClassName=\"block text-md font-medium text-gray-700 mb-2\"\n                    inputClassName=\"block border border-grey-light text-gray-700  w-full p-2 rounded -mb-2 focus:outline-none focus:border-blue-500 focus:ring-blue-500 ring-1\" \n                    maxLength={streamConfig.productType === ProductType.COUNTDOWN ? 46 : 58}\n                />\n            </div>\n\n            <div className=\"flex flex-col xl:flex-row mb-2\">\n                <div className=\"flex-1 inline-block lg:w-full sm:w-1/2 \">\n                    <label className=\"text-sm text-base font-medium text-gray-700 \" >Font</label>\n                    <SelectMenu  items={DROPDOWN_FONTS} itemName={productConfig.titleFont} updateCallback={font => updateTitles(productConfig.title, productConfig.titleColor, font, productConfig.titleExtraLarge, productConfig.titleDropShadow, productConfig.subtitle)} />\n                </div>\n                <div className=\" inline-block  sm:w-1/2 lg:w-full xl:w-4/12 xl:pl-2 pt-2 xl:pt-0\">\n                    <label className=\" text-sm text-base font-medium text-gray-700 \" >Color</label>\n                    <div className=\"mt-0.5 -mr-0.5\">\n                        <MyColorPicker selectedColor={productConfig.titleColor} updateCallback={color => updateTitles(productConfig.title, color, productConfig.titleFont,productConfig.titleExtraLarge, productConfig.titleDropShadow, productConfig.subtitle)} width=\"100%\" height=\"45px\"/>\n                    </div>\n                </div>\n            </div>\n\n            <label className=\"text-sm text-base font-medium text-gray-700 \" >Advanced settings</label>\n\n            <div className=\"xs:flex mt-1\">\n                <MyCheckBox text={\"Extra large\"} checked={productConfig.titleExtraLarge} onChange={() => updateTitles(productConfig.title, productConfig.titleColor, productConfig.titleFont, !productConfig.titleExtraLarge, productConfig.titleDropShadow , productConfig.subtitle)} />\n                <div className=\"ml-4 mt-2 xs:mt-0\"></div>\n                <MyCheckBox text={\"Drop shadow\"} checked={productConfig.titleDropShadow} onChange={() => updateTitles(productConfig.title, productConfig.titleColor, productConfig.titleFont, productConfig.titleExtraLarge, !productConfig.titleDropShadow , productConfig.subtitle)} />\n            </div>\n\n        </div>\n    )\n})\n\nexport default StreamTitleConfig\n","const OptionSelector = ({text, active, onClick}) => {\n\n    const circleStyleActive = 'bg-blue-700'\n    const circleStyleInactive = 'border-2 border-blue-700'\n\n    return (\n        <button className=\"flex font-semibold items-center text-base  focus:outline-none \" onClick={onClick}>\n          <span className={`box-border self-center inline-block rounded-full h-4 w-4 mr-2 ${active ? circleStyleActive : circleStyleInactive}`} />\n            {text}\n        </button>\n    )\n}\n\nexport default OptionSelector\n","import { observer } from \"mobx-react\"\nimport { truncateText } from \"Utilities/HelperFunctions\"\n\nfunction formatFileName(fileName){\n   let splitFileName = fileName.split(\".\")\n   return truncateText(splitFileName[0],10)\n}\n\nconst ImageGalleryItem = observer(({fileName, fileSize, imageSource, selected, imageClicked, deleteClicked}) => {\n   \n    return (\n        <li className=\"block p-1 w-1/3  h-24\" >\n        { imageSource ? \n         <article onClick={() => imageClicked()} className=\"group hasImage w-full h-full rounded-md focus:outline-none focus:shadow-outline bg-gray-100 cursor-pointer relative shadow-sm\">\n         <img alt=\"uploaded-background\" className={` ${selected ? 'border-2 border-blue-500' : ''} img-preview w-full h-full sticky object-cover rounded-md bg-fixed`} src={imageSource}></img>\n        \n         <section className=\" text-transparent  hover:text-white flex flex-col rounded-md text-xs break-words w-full h-full z-20 absolute top-0 py-2 px-3\">\n            <h1 className=\"flex-1\">{formatFileName(fileName)}</h1>\n            <div className=\"flex\">\n            <span className=\"p-1\">\n                <i>\n                <svg className=\"fill-current w-4 h-4 ml-auto pt-\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n                    <path d=\"M5 8.5c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5c0 .829-.672 1.5-1.5 1.5s-1.5-.671-1.5-1.5zm9 .5l-2.519 4-2.481-1.96-4 5.96h14l-5-8zm8-4v14h-20v-14h20zm2-2h-24v18h24v-18z\"></path>\n                </svg>\n                </i>\n            </span>\n\n            <p className=\" p-1 size text-xs\">{fileSize + 'kb'}</p>\n            <button onClick={(e) => deleteClicked(e)} className=\"text-white delete ml-auto focus:outline-none  p-1 rounded-md\" >\n                <svg className=\"pointer-events-none fill-current w-4 h-4 ml-auto\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n                <path className=\"pointer-events-none\" d=\"M3 6l3 18h12l3-18h-18zm19-4v2h-20v-2h5.711c.9 0 1.631-1.099 1.631-2h5.316c0 .901.73 2 1.631 2h5.711z\"></path>\n                </svg>\n            </button>\n            </div>\n         </section>\n         </article>\n         : <div></div> }\n      </li>\n    )\n})\n\nexport default ImageGalleryItem\n\n\n\n\n\n\n\n\n\n\n","import { ProductType, StreamConfig } from \"./StreamTypes\";\n\nexport enum PaymentProvider {\n    STRIPE = 'STRIPE',\n    PAYPAL = 'PAYPAL',\n}\n\nexport interface CheckoutDetails {\n    fullName: string,\n    email: string,\n    agreeTerms: boolean,\n    totalCost: number,\n    cardDetails : CardDetails,\n    streamEndDateError: boolean,\n    validReferralCode: string\n}\n\n\nexport interface CardDetails {\n    cardName: string,\n    cardNumber: number,\n    expirationDate : string,\n    cvc : number\n}\n\n\nexport interface StreamPurchaseDto {\n    paymentProviderId: PaymentProvider,\n    paymentProvider: string,\n    paymentFullName: string,\n    customerId: string,\n    paymentEmail: string,\n    productType: ProductType,\n    cost: string,\n    referralCode?: string,\n    streamConfig: StreamConfig\n}\n\n\nexport interface Payment {\n    id: string,\n    paymentProviderId: number,\n    paymentFullName: string,\n    paymentEmail: string,\n    productType: ProductType,\n    discount: number,\n    cost: number,\n    streamEnd: String,\n    createdAt: String,\n}","import RenderIf from \"Components/Structure/RenderIf\";\nimport { observer } from \"mobx-react\";\nimport { useEffect, useState } from \"react\";\nimport { useStores } from \"Store/StoreConfig\";\nimport { MyFile } from \"Types/GeneralTypes\";\nimport { SUPPORTED_IMAGE_TYPES } from \"Utilities/GeneralConstants\";\nimport ImageGalleryItem from \"./ImageGalleryItem\";\n\nconst FIVE_MB_IN_BYTES = 5000000\n\nconst UploadImageBox = observer(({updateCallback,isBuilderConfig}) => {\n    const { StreamBuilderStore } = useStores();\n    const [uploadedImageFiles, setUploadedImageFiles] = useState(StreamBuilderStore.getUploadedImageFiles(isBuilderConfig))\n    const [selectedImage, setSelectedImage] = useState(StreamBuilderStore.getUploadedImagesSelected(isBuilderConfig))\n    const [hoverActive, setHoverActive] = useState(false)\n    const [imageError, setImageError] = useState(\"\")\n    \n    const handleDragEnter = e => {\n        e.preventDefault();\n        setHoverActive(true)\n    };\n\n    const handleDragLeave = e => {\n        e.preventDefault();\n        setHoverActive(false)\n    };\n\n    const handleDragOver = e => {\n        e.preventDefault();\n        setHoverActive(true)\n    };\n\n    const handleDrop = e => {\n        e.preventDefault();    \n        let newFile : File = e.dataTransfer.files[0]\n        imageUploaded(newFile)\n        setHoverActive(false)\n    };\n\n    const imageClicked = (imageNumber) => {\n        setSelectedImage(imageNumber)\n        StreamBuilderStore.setUploadedImageSelected(imageNumber,isBuilderConfig)\n        updateCallback(uploadedImageFiles[imageNumber].url)\n    }\n\n    const deleteClicked = (e,imageNumber) => {\n        e.stopPropagation();\n        let newUploadedImageFiles = uploadedImageFiles.filter((value, index) => index!==imageNumber)\n        setUploadedImageFiles(newUploadedImageFiles) \n        StreamBuilderStore.setUploadedImageFiles(newUploadedImageFiles,isBuilderConfig,true)\n        if (newUploadedImageFiles.length === 0) {\n            updateCallback(\"\")\n        }\n    }\n\n    const imageUploaded = (newFile : File ) => {\n        setImageError(\"\")\n        if (validateImageUpload(newFile)) {\n            let newMyFile : MyFile = { name: newFile.name , size: Math.round(newFile.size/1000), url: URL.createObjectURL(newFile), file: newFile }\n            let newUploadedImageFiles = []\n            if (uploadedImageFiles.length === 3) {\n                newUploadedImageFiles=[uploadedImageFiles[1],uploadedImageFiles[2],newMyFile]\n            } else {\n                newUploadedImageFiles = [...uploadedImageFiles,newMyFile]\n            }\n            setUploadedImageFiles(newUploadedImageFiles)\n            StreamBuilderStore.setUploadedImageFiles(newUploadedImageFiles,isBuilderConfig, true)\n            setSelectedImage(newUploadedImageFiles.length - 1)\n            StreamBuilderStore.setUploadedImageSelected(newUploadedImageFiles.length - 1,isBuilderConfig)\n            updateCallback(newUploadedImageFiles[newUploadedImageFiles.length - 1].url)\n        }\n    }\n\n    const validateImageUpload = (file : File) => {\n        if (file.size > FIVE_MB_IN_BYTES) {\n            setImageError(\"Please ensure your file is smaller than 5MB.\")\n            return false\n        }\n        if (!SUPPORTED_IMAGE_TYPES.includes(file.type)) {\n            setImageError(\"Please ensure your file is a PNG or JPG file.\")\n            return false\n        }\n        return true\n    }\n\n\n    useEffect(() => {\n    }, [uploadedImageFiles, setSelectedImage, setUploadedImageFiles]);\n\n\n    return (\n        <div className=\"mt-1 sm:mt-0\">\n            <div className={`flex justify-center px-6 pt-4 pb-5  border-2 ${hoverActive ? 'border-blue-600' : 'border-gray-300'} border-dashed rounded-md`}\n                onDrop={e => handleDrop(e)}\n                onDragOver={e => handleDragOver(e)}\n                onDragEnter={e => handleDragEnter(e)}\n                onDragLeave={e => handleDragLeave(e)}\n            >\n            <div className=\"text-center\">\n                    <svg\n                    className={`mx-auto h-12 w-12 ${hoverActive ? 'text-blue-600' : 'text-gray-400'}`}\n                    stroke=\"currentColor\"\n                    fill=\"none\"\n                    viewBox=\"0 0 48 48\"\n                    aria-hidden=\"true\"\n                    >\n                    <path\n                        d=\"M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02\"\n                        strokeWidth={2}\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                    />\n                    </svg>\n                    <div className=\"flex text-sm text-gray-600\">\n                    <label\n                        htmlFor=\"file-upload\"\n                        className=\"relative cursor-pointer bg-white rounded-md font-medium text-blue-600 hover:text-blue-500 focus-within:outline-none \"\n                    >\n                        <span>Upload a file</span>\n                        <input onChange={e => imageUploaded(e.target.files[0])} id=\"file-upload\" name=\"file-upload\" type=\"file\" className=\"sr-only\" />\n                    </label>\n                    <p className=\"pl-1\">or drag and drop</p>\n                    </div>\n                    <p className=\"text-xs text-gray-500\">PNG, JPG, 1280x720px, up to 5MB </p>\n\n            </div>\n            </div>\n\n            <RenderIf condition={imageError.length > 0}>\n                <div className=\"text-sm text-red-600  mt-1\">{imageError}</div>\n            </RenderIf>\n\n            <RenderIf condition={uploadedImageFiles.length > 0}>\n                <ul id=\"gallery\" className=\"flex flex-1 flex-wrap -m-1 mt-2\">\n                <ImageGalleryItem \n                    fileName={uploadedImageFiles.length > 0 ? uploadedImageFiles[0].name : \"\" } \n                    fileSize={uploadedImageFiles.length > 0 ? uploadedImageFiles[0].size : \"\" } \n                    imageSource={uploadedImageFiles.length > 0 ? uploadedImageFiles[0].url : \"\" } \n                    selected={selectedImage === 0}\n                    imageClicked={ () =>imageClicked(0)}\n                    deleteClicked={ (e) => deleteClicked(e,0) }\n                />\n                <ImageGalleryItem \n                    fileName={uploadedImageFiles.length > 1 ? uploadedImageFiles[1].name : \"\" } \n                    fileSize={uploadedImageFiles.length > 1 ? uploadedImageFiles[1].size : \"\" } \n                    imageSource={uploadedImageFiles.length > 1 ? uploadedImageFiles[1].url  : \"\"} \n                    selected={selectedImage === 1}\n                    imageClicked={ () =>imageClicked(1)}\n                    deleteClicked={ (e) => deleteClicked(e,1) }\n                />\n                <ImageGalleryItem \n                    fileName={uploadedImageFiles.length > 2 ? uploadedImageFiles[2].name : \"\" } \n                    fileSize={uploadedImageFiles.length > 2 ? uploadedImageFiles[2].size : \"\" } \n                    imageSource={uploadedImageFiles.length > 2 ? uploadedImageFiles[2].url  : \"\"} \n                    selected={selectedImage === 2}\n                    imageClicked={ () =>imageClicked(2)}\n                    deleteClicked={ (e) => deleteClicked(e,2) }\n                />\n                </ul>\n            </RenderIf>\n        </div>\n    )\n})\n\nexport default UploadImageBox\n\n","import { observer } from \"mobx-react\"\nimport {useState } from \"react\"\nimport { useStores } from \"Store/StoreConfig\"\nimport { BackgroundType } from \"Types/StreamTypes\"\nimport { DEFAULT_BACKGROUNDS } from \"Utilities/GeneralConstants\"\nimport MyColorPicker from \"./Utilities/MyColorPicker\"\nimport OptionSelector from \"./Utilities/OptionSelector\"\nimport SelectMenu from \"./Utilities/SelectMenu\"\nimport UploadImageBox from \"./Utilities/UploadImageBox\"\n\n\nconst BackgroundConfig = observer(({isBuilderConfig}) => {\n    const { StreamBuilderStore } = useStores();\n    const [pc,setpc] = useState(StreamBuilderStore.getProductConfig(isBuilderConfig))\n\n    const updateBackground = (newBackgroundColor, newdefaultBackgroundUrl, newcustomBackgroundUrl, newBackgroundType) => {\n      let newStreamConfig = StreamBuilderStore.getStreamConfig(isBuilderConfig)\n      newStreamConfig.productConfig.backgroundColor = newBackgroundColor\n      newStreamConfig.productConfig.defaultBackgroundUrl = newdefaultBackgroundUrl\n      newStreamConfig.productConfig.customBackgroundUrl = newcustomBackgroundUrl\n      newStreamConfig.productConfig.backgroundType = newBackgroundType\n      StreamBuilderStore.setStreamConfig(newStreamConfig,isBuilderConfig)\n      setpc(newStreamConfig.productConfig)\n    }\n\n    const updateBackgroundType = (backgroundType : BackgroundType) => {\n      let newStreamConfig = StreamBuilderStore.getStreamConfig(isBuilderConfig)\n      newStreamConfig.productConfig.backgroundType = backgroundType\n      StreamBuilderStore.setStreamConfig(newStreamConfig,isBuilderConfig)\n    }\n\n    return (\n        <div className=\"p-4 pt-0 text-gray-800\">\n\n          <div className=\"flex flex-col lg:flex-row mt-2\">\n              <div className=\"flex-1 inline-block lg:mt-2 lg:w-8/12 lg:pt-0\">\n                <OptionSelector text={\"Colored background\"} active={pc.backgroundType === BackgroundType.BACKGROUND_COLOR} onClick={() => updateBackgroundType(BackgroundType.BACKGROUND_COLOR)} />\n              </div>\n              <div className=\"inline-block sm:w-1/2 lg:w-4/12 pt-2 lg:pt-0 lg:ml-0 ml-2\">\n                <MyColorPicker selectedColor={pc.backgroundColor} updateCallback={color => updateBackground(color, pc.defaultBackgroundUrl, pc.customBackgroundUrl,BackgroundType.BACKGROUND_COLOR)} width=\"100%\" height=\"45px\"/>\n              </div>\n          </div>\n\n          <div className=\"flex-1 mt-2\">\n            <OptionSelector text={\"Predesigned background\"} active={pc.backgroundType === BackgroundType.DEFAULT_BACKGROUND}  onClick={() => updateBackgroundType(BackgroundType.DEFAULT_BACKGROUND)} />\n            <div className=\"mt-2  sm:w-1/2 lg:w-7/12  ml-2 lg:ml-0\"> \n              <SelectMenu  items={DEFAULT_BACKGROUNDS} itemName={pc.defaultBackgroundUrl} updateCallback={defaultBackgroundUrl => updateBackground(pc.backgroundColor, defaultBackgroundUrl, pc.customBackgroundUrl,BackgroundType.DEFAULT_BACKGROUND)} />\n            </div>\n          </div>\n\n          <div className=\"flex mt-2\">\n            <OptionSelector text={\"Upload background image\"} active={pc.backgroundType === BackgroundType.CUSTOM_BACKGROUND}  onClick={() => updateBackgroundType(BackgroundType.CUSTOM_BACKGROUND)} />\n          </div>\n          <div className=\"ml-2 lg:ml-0 mt-2 sm:w-1/2 lg:w-full\"> \n          < UploadImageBox  updateCallback={customBackgroundUrl => updateBackground(pc.backgroundColor, pc.defaultBackgroundUrl, customBackgroundUrl, BackgroundType.CUSTOM_BACKGROUND)} isBuilderConfig={isBuilderConfig} />\n          </div>\n\n      </div>\n    )\n})\n\nexport default BackgroundConfig\n","import \"react-datepicker/dist/react-datepicker.css\";\nimport './styles.css'\nimport DateAdapter from '@mui/lab/AdapterMoment';\nimport { DateTimePicker, LocalizationProvider } from \"@mui/lab\";\nimport { createTheme, ThemeProvider } from '@mui/material/styles';\nimport { Box, TextField } from \"@mui/material\";\nimport moment from \"moment\";\n\n\nconst theme = createTheme({\n    palette: {\n      primary: {\n        main: \"#2563eb\",\n      }\n    },\n  });\n\nconst standardInput = ({ inputRef, inputProps, InputProps }) => (\n  <Box  sx={{ display: 'flex', alignItems: 'center' }}>\n    <input  ref={inputRef} {...inputProps} />\n    {InputProps?.endAdornment}\n  </Box>\n)\n\n\nconst isDateOutOfRange = (date, minRange, maxRange) =>  {\n  if (moment(date).utc() > moment(maxRange).utc()) {\n    return true\n  } else if (moment(date).utc() < moment(minRange).utc()) {\n    return true\n  }\n  return false\n}\n\n\nconst MyDateTimePicker = ({inputDate, setInputDate, onError, minDateTime, maxDateTime, isStandardInput, showErrorOutLine}) => {\n\n    const textFieldInput = (props) => {\n      return <TextField {...props} style={ isDateOutOfRange(props.inputProps.value, minDateTime, maxDateTime) && showErrorOutLine ? {border: \"1px solid  rgb(220 38 38)\", borderRadius:'5px' } : {}} error={ isDateOutOfRange(props.inputProps.value, minDateTime, maxDateTime) && showErrorOutLine}  />\n    }\n\n    return (\n        <ThemeProvider theme={theme}>\n        <LocalizationProvider dateAdapter={DateAdapter}>\n              <DateTimePicker\n                inputFormat=\"DD MMM YYYY hh:mm a\"\n                minDateTime={moment(minDateTime).utc()}\n                maxDateTime={moment(maxDateTime).utc()}\n                renderInput={isStandardInput ? standardInput : textFieldInput}\n                value={inputDate}\n                onChange={(newValue: any) => {\n                    setInputDate(newValue);\n                }}\n                onError={(error) => {\n                  onError(error)\n                }}\n           \n            />\n        </LocalizationProvider>\n        </ThemeProvider>\n    )\n}\n\nexport default MyDateTimePicker;\n\n","import { useState } from \"react\"\nimport { useStores } from \"Store/StoreConfig\"\nimport moment from 'moment'\nimport OptionSelector from \"./Utilities/OptionSelector\"\nimport MyColorPicker from \"./Utilities/MyColorPicker\"\nimport SelectMenu from \"./Utilities/SelectMenu\"\nimport { BLACK, DROPDOWN_FONTS, INVALID_DATE_ENTERED, INVALID_STREAM_DURATION, MAX_STREAM_DAYS, WHITE, WORLD_TIME_SERVER_URL } from \"Utilities/GeneralConstants\"\nimport { observer } from \"mobx-react\"\nimport { BackgroundType, CountdownType } from \"Types/StreamTypes\"\nimport { ArrowRightIcon } from \"@heroicons/react/solid\"\nimport MyDateTimePicker from \"../Checkout/MyDateTimePicker\"\nimport { getDaysDifferenceFromToday, getFutureDateTime } from \"Utilities/HelperFunctions\"\nimport RenderIf from \"Components/Structure/RenderIf\"\nimport MyCheckBox from \"./Utilities/MyCheckBox\"\n\nconst CountdownTimerConfig = observer(({isBuilderConfig}) => {\n    const { StreamBuilderStore } = useStores()\n    const [pc, setpc] = useState(StreamBuilderStore.getProductConfig(isBuilderConfig))\n    const [countdownDateError, setCountdownDateError] = useState(null)\n    \n    const updateCountdown = (newCountdown, newcountdownFontColor, newcountdownBoxColor, newCountDownFont, newCountdownType, newCountdownExtraLarge, newCountdownDropShadow) => {\n      let newStreamConfig = StreamBuilderStore.getStreamConfig(isBuilderConfig)\n      const newDaysDifference = getDaysDifferenceFromToday(newCountdown)\n      if (!isNaN(newDaysDifference) && newDaysDifference > 0 && newDaysDifference <= MAX_STREAM_DAYS) {\n        newStreamConfig.productConfig.countdownDate = newCountdown\n        setCountdownDateError(null)\n      } else {\n        if (newDaysDifference <= 0 || newDaysDifference > MAX_STREAM_DAYS) {\n          setCountdownDateError(INVALID_STREAM_DURATION)\n        } else {\n          setCountdownDateError(INVALID_DATE_ENTERED)\n        }\n      }\n      newStreamConfig.productConfig.countdownFontColor = newcountdownFontColor\n      newStreamConfig.productConfig.countdownBoxColor = newcountdownBoxColor\n      newStreamConfig.productConfig.countdownFont = newCountDownFont\n      newStreamConfig.productConfig.countdownType = newCountdownType\n      newStreamConfig.productConfig.countdownExtraLarge = newCountdownExtraLarge\n      newStreamConfig.productConfig.countdownDropShadow = newCountdownDropShadow\n      StreamBuilderStore.setStreamConfig(newStreamConfig,isBuilderConfig)\n      setpc(newStreamConfig.productConfig)\n  }\n\n\n  const setDateInputError = (error) => {\n    if (error) {\n      setCountdownDateError(INVALID_DATE_ENTERED)\n    }\n  }\n\n  return (\n      <div className=\"p-4 pt-2 text-gray-800\">\n        \n        <label className=\"text-sm text-base font-medium text-gray-700\" htmlFor=\"countdown-datetime\">Countdown to</label>\n        <div className=\"my-1 rounded-md  xl:w-8/12\">\n            <MyDateTimePicker inputDate={pc.countdownDate} setInputDate={(newDate) => updateCountdown(newDate.format('YYYY-MM-DDTHH:mm:ss'), pc.countdownFontColor, pc.countdownBoxColor, pc.countdownFont, pc.countdownType, pc.countdownExtraLarge, pc.countdownDropShadow)} onError={setDateInputError} minDateTime={moment.utc()} maxDateTime={getFutureDateTime(MAX_STREAM_DAYS)} isStandardInput={true} showErrorOutLine={false}/>\n        </div>\n        <RenderIf condition={countdownDateError} >\n          <p className=\"mb-2 text-sm text-red-600\"> {countdownDateError} </p>\n        </RenderIf>\n        <p className=\"text-sm text-gray-500 pb-2\">Our time is set up in \n          <a className=\"inline-flex items-center font-medium border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700 ml-1\" href={WORLD_TIME_SERVER_URL} target=\"_blank\" rel=\"noreferrer\">\n            UTC <ArrowRightIcon className=\"ml-0.5  h-4 w-4 fk\" aria-hidden=\"true\" />\n          </a>\n        </p>\n\n        <div className=\"flex flex-col xl:flex-row\">\n          <div className=\"flex-1 inline-block lg:w-full sm:w-1/2 \">\n            <label className=\"text-sm text-base font-medium text-gray-700 \" >Font</label>\n            <SelectMenu  items={DROPDOWN_FONTS} itemName={pc.countdownFont} updateCallback={font => updateCountdown(pc.countdownDate, pc.countdownFontColor, pc.countdownBoxColor, font, pc.countdownType, pc.countdownExtraLarge, pc.countdownDropShadow)} />\n          </div>\n          <div className=\" inline-block  sm:w-1/2 lg:w-full xl:w-4/12 xl:pl-2 pt-2 xl:pt-0\">\n              <label className=\" text-sm text-base font-medium text-gray-700 \" >Color</label>\n              <div className=\"mt-0.5 -mr-0.5\">\n                <MyColorPicker selectedColor={pc.countdownFontColor} updateCallback={color => updateCountdown(pc.countdownDate, color, pc.countdownBoxColor,  pc.countdownFont, pc.countdownType, pc.countdownExtraLarge, pc.countdownDropShadow)} width=\"100%\" height=\"45px\"/>\n              </div>\n          </div>\n        </div>\n\n        <label className=\"block text-sm text-base font-medium text-gray-700 mb-1 pt-2\" htmlFor=\"countdown-datetime\">Countdown Style</label>\n\n\n        <div className=\"flex flex-col lg:flex-row mb-2\">\n          <div className=\"w-8/12 \">\n          <OptionSelector text={\"Basic\"} active={pc.countdownType === CountdownType.BASIC} \n          onClick={() => updateCountdown(pc.countdownDate, pc.countdownFontColor === WHITE && pc.backgroundColor === WHITE && pc.backgroundType === BackgroundType.BACKGROUND_COLOR  ? BLACK : pc.countdownFontColor, pc.countdownBoxColor, pc.countdownFont, CountdownType.BASIC, pc.countdownExtraLarge, pc.countdownDropShadow)} />\n          <div className=\"mt-2\"></div>\n          <OptionSelector text={\"BasicSide\"} active={pc.countdownType ===  CountdownType.BASICSIDE} \n          onClick={() => updateCountdown(pc.countdownDate, pc.countdownFontColor === WHITE && pc.backgroundColor === WHITE && pc.backgroundType === BackgroundType.BACKGROUND_COLOR  ? BLACK : pc.countdownFontColor, pc.countdownBoxColor,  pc.countdownFont,CountdownType.BASICSIDE, pc.countdownExtraLarge, pc.countdownDropShadow)} />\n          <div className=\"mt-2\"></div>\n          <OptionSelector text={\"Boxed countdown\"} active={pc.countdownType === CountdownType.BOXED} \n          onClick={() => updateCountdown(pc.countdownDate, pc.countdownFontColor === BLACK && pc.countdownBoxColor === BLACK  ? WHITE : pc.countdownFontColor, pc.countdownBoxColor, pc.countdownFont, CountdownType.BOXED, pc.countdownExtraLarge, pc.countdownDropShadow)} />\n          </div>\n          <div className=\" inline-block  sm:w-1/2  lg:w-4/12  pt-2 lg:pt-0 lg:ml-2 ml-0 lg:mt-4\">\n            <label className=\" text-sm text-base font-medium text-gray-700 \" > Box color</label>\n              <div className=\"mt-1 -mr-0.5\">\n                <MyColorPicker selectedColor={pc.countdownBoxColor} updateCallback={color => updateCountdown(pc.countdownDate, pc.countdownFontColor, color, pc.countdownFont, pc.countdownType, pc.countdownExtraLarge, pc.countdownDropShadow)} width=\"100%\" height=\"45px\"/>\n              </div>\n          </div>\n        </div>\n\n        <label className=\"text-sm text-base font-medium text-gray-700 \" >Advanced settings</label>\n\n        <div className=\"xs:flex mt-2\">\n          <MyCheckBox text={\"Extra large\"} \n            checked={pc.countdownExtraLarge} \n            onChange={() => updateCountdown(pc.countdownDate, pc.countdownFontColor, pc.countdownBoxColor, pc.countdownFont, pc.countdownType, !pc.countdownExtraLarge, pc.countdownDropShadow)} \n          />\n          <div className=\"ml-4 mt-2 xs:mt-0\"></div>\n          <MyCheckBox text={\"Drop shadow\"} \n            checked={pc.countdownDropShadow} \n            onChange={() => updateCountdown(pc.countdownDate, pc.countdownFontColor, pc.countdownBoxColor, pc.countdownFont, pc.countdownType, pc.countdownExtraLarge, !pc.countdownDropShadow)} \n          />\n        </div>\n\n      </div>\n  )\n})\n\nexport default CountdownTimerConfig\n","import { InformationCircleIcon  } from '@heroicons/react/solid'\n\nexport const InformationAlert = ({title, message}) => {\n    return (\n        <div className=\"rounded-md bg-blue-50 p-4\">\n          <div className=\"flex\">\n            <div className=\"flex-shrink-0\">\n              <InformationCircleIcon  className=\"h-5 w-5 text-blue-400 mt-0.5\" aria-hidden=\"true\" />\n            </div>\n            <div className=\"ml-3\">\n              <h3 className=\"font-medium text-blue-800\">{title}</h3>\n              <div className=\"mt-1 mr-4 lg:mr-0 xl:mr-0 text-blue-700\">\n                <p>\n                  {message}\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n      )\n}","import { useState } from \"react\"\nimport { useStores } from \"Store/StoreConfig\"\n\nimport { observer } from \"mobx-react\"\nimport OptionSelector from \"./Utilities/OptionSelector\"\nimport ReactAudioPlayer from \"react-audio-player\"\nimport RenderIf from \"Components/Structure/RenderIf\"\nimport SelectMenu from \"./Utilities/SelectMenu\"\nimport { DEFAULT_AUDIO, DEFAULT_AUDIO_MAP } from \"Utilities/GeneralConstants\"\nimport { InformationAlert } from \"Components/Structure/Alerts/InformationAlert\"\n\nconst VolumeUpIcon = () => {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z\" />\n        </svg>\n    )\n}\n\n\nconst AudioConfig = observer(({isBuilderConfig}) => {\n    const { StreamBuilderStore } = useStores()\n    const [productConfig,setProductConfig] = useState(StreamBuilderStore.getProductConfig(isBuilderConfig))\n    const [musicOn, setMusicOn] = useState(false)\n    const updateAudioConfig = (newDefaultAudio, audioEnabled) => {\n        let newStreamConfig = StreamBuilderStore.getStreamConfig(isBuilderConfig)\n        newStreamConfig.productConfig.defaultAudio = newDefaultAudio\n        newStreamConfig.productConfig.audioEnabled = audioEnabled\n        StreamBuilderStore.setStreamConfig(newStreamConfig,isBuilderConfig)\n        setProductConfig(newStreamConfig.productConfig)\n    }\n\n    const playMusicButton = () => {\n        if (productConfig.audioEnabled) {\n            setMusicOn(!musicOn)\n        }\n    }\n\n    return (\n        <div className=\"p-4 pt-2 text-gray-800\">\n            <div className=\"flex \">\n                <OptionSelector text={\"No music loop\"} active={!productConfig.audioEnabled} onClick={() => {updateAudioConfig(productConfig.defaultAudio,false);setMusicOn(false)}} />\n            </div>\n            <div className=\"mt-4\"> </div>\n            <div className=\"flex \">\n                <OptionSelector text={\"Default music loop\"} active={productConfig.audioEnabled} onClick={() => updateAudioConfig(productConfig.defaultAudio,true)} />\n                <RenderIf condition={musicOn && productConfig.audioEnabled}>\n                    <ReactAudioPlayer\n                        src={DEFAULT_AUDIO_MAP[productConfig.defaultAudio]}\n                        autoPlay\n                    />\n                </RenderIf>\n            </div>\n            <div className=\"flex flex-col xl:flex-row mt-2 mb-4\">\n                <div className=\"flex-1 inline-block w-full sm:w-6/12 w-6/12 \">\n                    <SelectMenu items={DEFAULT_AUDIO} itemName={productConfig.defaultAudio} updateCallback={(audio) => {updateAudioConfig(audio,true)}} />\n                </div>\n                <div className=\"inline-block  w-full sm:w-6/12 pt-1 xl:pl-4\">\n                    <button onClick={() => {updateAudioConfig(productConfig.defaultAudio,true);playMusicButton()}} className={`ring-1 mt-2 xl:mt-0  w-full py-2 inline-flex items-center font-medium text-blue-600 text-sm border rounded-md border-blue-300  ${musicOn ? \"bg-blue-200\" : \"bg-blue-50\" }`} >\n                        <span className=\"pr-1 pl-2\"> Play music </span> <VolumeUpIcon  aria-hidden=\"true\" />\n                    </button>\n                </div>\n            </div>\n            <InformationAlert title={\"Note\"} message={\"Each music loop is approximately one hour long, you are listening to a sample.\"}/>\n        </div>\n    )\n})\n\nexport default AudioConfig\n","import { observer } from \"mobx-react\";\nimport { VoteOption } from \"Types/StreamTypes\";\nimport { SUPPORTED_IMAGE_TYPES } from \"Utilities/GeneralConstants\";\n\nconst TWO_MB_IN_BYTES = 2000000\n\ninterface VoteInputImageInterface {\n    voteOption: VoteOption\n    updateVoteOption: (name : string,code : string,avatarFile : File, index : number) => any\n    index: number\n    setImageError: (error: string) => any\n}\n\nconst VoteInputImage = observer(({voteOption, updateVoteOption, index, setImageError} : VoteInputImageInterface) => {\n \n    const validateImageUpload = (file : File) => {\n        if (file == null) {\n            return false\n        }\n        if (file.size > TWO_MB_IN_BYTES) {\n            setImageError(\"Please ensure your file is smaller than 2MB.\")\n            return false\n        }\n        if (!SUPPORTED_IMAGE_TYPES.includes(file.type)) {\n            setImageError(\"Please ensure your file is a PNG or JPG file.\")\n            return false\n        }\n        return true\n    }\n\n\n    const imageUploaded = (newImageFile : File, files ) => {\n        setImageError(\"\")\n        if (validateImageUpload(newImageFile)) {\n            updateVoteOption(voteOption.name,voteOption.code,newImageFile,index)\n        }\n    }\n\n\n    return (\n        <div className=\"flex-shrink-0\">\n            <label className=\"relative cursor-pointer bg-white rounded-md font-medium text-blue-600 hover:text-blue-500 focus-within:outline-none \">\n                <img\n                    className=\"h-10 w-10  mt-0.5\"\n                    src={voteOption.avatarUrl ? voteOption.avatarUrl : process.env.PUBLIC_URL + '/images/DefaultMultiVoteAvatar.svg'}\n                    alt=\"\"\n                />\n                <input onChange={e => imageUploaded(e.target.files[0], e.target.files)} id=\"file-upload\" name=\"file-upload\" type=\"file\" className=\"sr-only\" />\n            </label>\n        </div>\n    )\n})\n\nexport default VoteInputImage\n\n","import {  XIcon} from '@heroicons/react/outline'\nimport RenderIf from 'Components/Structure/RenderIf'\nimport { observer } from 'mobx-react'\nimport React, { useState } from 'react'\nimport { VoteOption } from 'Types/StreamTypes'\nimport VoteInputImage from './VoteInputImage'\n\ninterface VoteInputInterface {\n    includeImages: boolean\n    voteOption: VoteOption\n    updateVoteOption: (name : string,code : string,avatarFile : File, index : number) => any\n    index: number\n    removeVoteOption: (index : number) => any\n}\n\n\nconst VoteInput = observer(({includeImages, voteOption, updateVoteOption, index, removeVoteOption} : VoteInputInterface) => {\n\n  const [imageError, setImageError] = useState(\"\")\n\n  return (\n    <React.Fragment>\n        <div className=\"bg-white py-2 pr-2 pl-1 mt-2 border border-gray-200 shadow-md rounded-md\" >\n            <div className=\"flex space-x-2\">\n                <RenderIf condition={includeImages} >\n                    <VoteInputImage voteOption={voteOption} updateVoteOption={(name,code,avatarFile,index) => updateVoteOption(name,code,avatarFile, index)} index={index} setImageError={(error) => setImageError(error)}/>\n                </RenderIf>\n                <div className=\"relative border mt-1 mb-0.5 lg:w-7/12 w-1/2 border-gray-300 rounded-md px-3 py-2 shadow-sm focus-within:ring-1 focus-within:ring-blue-500 focus-within:border-blue-500\">\n                    <label\n                        htmlFor=\"name\"\n                        className=\"absolute -top-2 left-2 -mt-px inline-block px-1 bg-white text-xs font-medium text-gray-900\"\n                    >\n                        Name\n                    </label>\n                    <input\n                        maxLength={22}\n                        type=\"text\"\n                        name=\"name\"\n                        id=\"name\"\n                        className=\"focus:outline-none block w-full border-0 text-gray-900 placeholder-gray-500  sm:text-sm\"\n                        value={voteOption.name}\n                        onChange={e => {updateVoteOption(e.target.value,voteOption.code,voteOption.avatarFile,index)}}\n                    />\n                </div>\n\n                <div className=\"relative border mt-0.5 mb-0.5 lg:w-5/12 w-1/2 border-gray-300 rounded-md px-3 py-2 shadow-sm focus-within:ring-1 focus-within:ring-blue-500 focus-within:border-blue-500\">\n                    <label\n                        htmlFor=\"name\"\n                        className=\"absolute -top-2 left-2 -mt-px inline-block px-1 bg-white text-xs font-medium text-gray-900\"\n                    >\n                        Vote code\n                    </label>\n                    <input\n                        maxLength={20}\n                        type=\"text\"\n                        name=\"voteCode\"\n                        id=\"voteCode\"\n                        className=\"focus:outline-none block w-full border-0 text-gray-900 placeholder-gray-500 sm:text-sm\"\n                        onChange={e => {updateVoteOption(voteOption.name,e.target.value,voteOption.avatarFile,index)}}\n                        value={voteOption.code}\n                    />\n                </div>\n\n\n                <div className=\"flex-shrink-0 self-center flex\">\n                    <button className=\"relative z-35 inline-block \">\n                            <XIcon onClick={( () => removeVoteOption(index) )} className=\"h-6 w-6 p-0.5 -mr-0.5 -mb-0.5 bg-gray-200 rounded-md text-gray-900\" aria-hidden=\"true\" />\n                    </button>\n                </div>\n            </div>\n        </div>\n        <RenderIf condition={imageError.length > 0}>\n            <div className=\"text-sm text-red-600 mt-1\">{imageError}</div>\n        </RenderIf>\n    </React.Fragment>\n  )\n})\n\nexport default VoteInput\n","import { useState } from \"react\"\nimport { useStores } from \"Store/StoreConfig\"\nimport MyColorPicker from \"./Utilities/MyColorPicker\"\nimport SelectMenu from \"./Utilities/SelectMenu\"\nimport { DROPDOWN_FONTS, MAXIMUM_VOTE_OPTIONS } from 'Utilities/GeneralConstants'\nimport { observer } from \"mobx-react\"\nimport { getDefaultVoteOption } from \"Store/StreamBuilderStore\"\nimport VoteInput from \"./VoteInput\"\nimport RenderIf from \"Components/Structure/RenderIf\"\nimport MyCheckBox from \"./Utilities/MyCheckBox\"\n\nconst PlusIcon = () => {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z\" />\n        </svg>\n    )\n}\n\nconst VoteTableConfig = observer(({isBuilderConfig}) => {\n    const { StreamBuilderStore } = useStores()\n    const [productConfig] = useState(StreamBuilderStore.getProductConfig(isBuilderConfig))\n\n    const updateVoteConfig = (newFont, newFontColor, isIncludeImages, newDropShadow) => {\n        let newVoteConfig = StreamBuilderStore.getStreamConfig(isBuilderConfig).productConfig.voteConfig\n        newVoteConfig.font = newFont\n        newVoteConfig.fontColor = newFontColor\n        newVoteConfig.includeImages = isIncludeImages\n        newVoteConfig.dropShadow = newDropShadow\n        StreamBuilderStore.setVoteConfig(newVoteConfig,isBuilderConfig)\n    }\n\n    const updateVoteOption = (newName,newCode,newAvatarFile : File, index) => {\n        let newVoteConfig = StreamBuilderStore.getStreamConfig(isBuilderConfig).productConfig.voteConfig\n        let newVoteOption = newVoteConfig.voteOptions[index];\n        newVoteOption.name = newName\n        newVoteOption.code = newCode\n        if (newAvatarFile) {\n            newVoteOption.avatarUrl = URL.createObjectURL(newAvatarFile)\n            newVoteOption.imagesUpdated = true\n        }\n        newVoteOption.avatarFile = newAvatarFile\n        newVoteConfig.voteOptions[index] = newVoteOption\n        StreamBuilderStore.setVoteConfig(newVoteConfig,isBuilderConfig)\n    }\n\n    const addVoteOption = () => {\n        productConfig.voteConfig.voteOptions.push(getDefaultVoteOption(productConfig.voteConfig.voteOptions.length + 1))\n        StreamBuilderStore.setVoteConfig(productConfig.voteConfig,isBuilderConfig)\n    }\n\n\n    const removeVoteOption = (removalIndex) => {\n        productConfig.voteConfig.voteOptions.splice(removalIndex,1)\n        StreamBuilderStore.setVoteConfig(productConfig.voteConfig,isBuilderConfig)\n    }\n\n\n    return (\n        <div className=\"p-4 pt-2\">\n            <div className=\"flex flex-col xl:flex-row\">\n                <div className=\"flex-1 inline-block lg:w-full sm:w-1/2 \">\n                    <label className=\"text-sm text-base font-medium text-gray-700 \">Font</label>\n                    <SelectMenu  items={DROPDOWN_FONTS} itemName={productConfig.voteConfig.font} updateCallback={font => updateVoteConfig(font, productConfig.voteConfig.fontColor, productConfig.voteConfig.includeImages, productConfig.voteConfig.dropShadow)} />\n                </div>\n                <div className=\" inline-block  sm:w-1/2 lg:w-full xl:w-4/12 xl:pl-2 pt-2 xl:pt-0\">\n                    <label className=\" text-sm text-base font-medium text-gray-700 \">Title color</label>\n                    <div className=\"mt-0.5 -mr-0.5\">\n                        <MyColorPicker selectedColor={productConfig.voteConfig.fontColor} updateCallback={color => updateVoteConfig(productConfig.voteConfig.font, color, productConfig.voteConfig.includeImages, productConfig.voteConfig.dropShadow)} width=\"100%\" height=\"45px\"/>\n                    </div>\n                </div>\n            </div>\n\n            <div className=\"xs:flex mt-2\">\n                <MyCheckBox text={\"Drop shadow\"} checked={productConfig.voteConfig.dropShadow} onChange={() => updateVoteConfig(productConfig.voteConfig.font, productConfig.voteConfig.fontColor, productConfig.voteConfig.includeImages, !productConfig.voteConfig.dropShadow)} />\n            </div>\n\n            <div className=\"mt-2\" />\n            <label className=\"text-sm text-base font-medium text-gray-700\" >Vote options</label>\n\n            <div className=\"relative flex items-start mt-2 mb-3\">\n                <div className=\"flex items-center h-5\">\n                    <input\n                        type=\"checkbox\"\n                        checked={productConfig.voteConfig.includeImages}\n                        onChange={() => updateVoteConfig(productConfig.voteConfig.font, productConfig.voteConfig.fontColor, !productConfig.voteConfig.includeImages, productConfig.voteConfig.dropShadow) }\n                        className=\"focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded\"\n                    />\n                </div>\n                <div className=\"ml-3 text-sm\">\n                    <label htmlFor=\"comments\" className=\"font-medium text-gray-700\">\n                        Include vote images\n                    </label>\n                    <span id=\"comments-description\" className=\"text-gray-500 pl-2\">\n                        (PNG or JPG, up to 2MB each)\n                    </span>\n                </div>\n            </div>\n\n            {\n                productConfig.voteConfig.voteOptions.map((voteOption, index) => {\n                    return <VoteInput includeImages={productConfig.voteConfig.includeImages} voteOption={voteOption} updateVoteOption={(name,code,avatarFile,index) => updateVoteOption(name,code,avatarFile,index)} index={index}  removeVoteOption={(index) => removeVoteOption(index)}/>\n                })\n            }\n\n            <RenderIf condition={productConfig.voteConfig.voteOptions.length < MAXIMUM_VOTE_OPTIONS} >\n                <div className=\"mt-2 sm:mt-1 flex justify-center\">\n                    <button onClick={e => {addVoteOption()}} type=\"button\" className=\"group -ml-1 bg-white p-1 rounded-md flex text-blue-500 hover:text-blue-600 items-center focus:outline-none\">\n                        <span className=\"ml-4 text-sm font-medium  pr-2\">\n                            Add vote option\n                        </span>\n                        <PlusIcon  />\n                    </button>\n                </div>\n            </RenderIf>\n        </div>\n    )\n})\n\nexport default VoteTableConfig\n","import { ProductType } from \"Types/StreamTypes\"\nimport StreamTitleConfig from \"./StreamTitleConfig\"\nimport BackgroundConfig from \"./BackgroundConfig\"\nimport CountdownTimerConfig from \"./CountdownTimerConfig\"\nimport AudioConfig from \"./AudioConfig\"\nimport VoteTableConfig from \"./VoteTableConfig\"\n\nconst IconPhotograph = () => {\n  return (\n    <svg style={{ verticalAlign: 'sub' }} className=\"w-5 h-5 inline\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"></path>\n    </svg>\n  )\n}\n\nconst IconTag = () => {\n  return (\n    <svg style={{ verticalAlign: 'sub' }} className=\"w-5 h-5 inline\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z\"></path>\n    </svg>\n  )\n}\n\nconst IconTime = () => {\n  return (\n    <svg style={{ verticalAlign: 'sub' }} className=\"w-5 h-5 inline\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"></path>\n    </svg>\n  )\n}\n\nconst IconMusicNote = () => {\n  return (\n    <svg style={{ verticalAlign: 'sub' }} className=\"h-5 w-5 inline\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3\" />\n    </svg>\n  )\n}\n\n\n\nconst IconChartBar = () => {\n  return (\n    <svg style={{ verticalAlign: 'sub' }} className=\"h-5 w-5 inline\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\" />\n    </svg>\n  )\n}\n\n\nconst AccordionConfiguration = (product: ProductType, isBuilderConfig: boolean) => {\n            \n    if (product === ProductType.COUNTDOWN) {\n        return [{\n          title: 'Stream title',\n          icon: <IconTag />,\n          contents: (\n            <StreamTitleConfig isBuilderConfig={isBuilderConfig}/>\n          )\n        }, {\n          title: 'Background',\n          icon: <IconPhotograph />,\n          contents: (\n            <BackgroundConfig isBuilderConfig={isBuilderConfig}/>\n          )\n        }, {\n          title: 'Countdown timer',\n          icon: <IconTime />,\n          contents: (\n            <CountdownTimerConfig isBuilderConfig={isBuilderConfig}/>\n          )\n        }, {\n          title: 'Audio setup',\n          icon: <IconMusicNote />,\n          contents: (\n            <AudioConfig isBuilderConfig={isBuilderConfig}/>\n          )\n        }]\n    } else if (product === ProductType.MULTI_VOTE) {\n        return [{\n          title: 'Stream title',\n          icon: <IconTag />,\n          contents: (\n            <StreamTitleConfig isBuilderConfig={isBuilderConfig}/>\n          )\n        }, {\n          title: 'Background',\n          icon: <IconPhotograph />,\n          contents: (\n            <BackgroundConfig isBuilderConfig={isBuilderConfig}/>\n          )\n        }, {\n          title: 'Vote table',\n          icon: <IconChartBar />,\n          contents: (\n            <VoteTableConfig isBuilderConfig={isBuilderConfig}/>\n          )\n        }, {\n          title: 'Audio setup',\n          icon: <IconMusicNote />,\n          contents: (\n            <AudioConfig isBuilderConfig={isBuilderConfig}/>\n          )\n        }]\n    }\n  }\n\n\n  export default AccordionConfiguration","import './styles.css'\nimport Accordion from './Accordion/Accordion'\nimport PreviewWindow from './PreviewWindow'\nimport { useStores } from 'Store/StoreConfig'\nimport AccordionConfig from './Accordion/AccordionConfig'\nimport { observer } from 'mobx-react'\nimport { useState } from 'react'\n\n\nconst CustomizeStream = observer(({isBuilderConfig}) => {\n  const { StreamBuilderStore } = useStores();\n  const [streamConfig] = useState(StreamBuilderStore.getStreamConfig(isBuilderConfig))\n  return (\n      <div className=\"flex flex-col lg:flex-row mt-3 lg:mt-6 \">\n        <div className=\"flex-1 lg:inline-block lg:w-8/12 lg:pr-4 \">\n          <PreviewWindow productType={streamConfig.productType} backgroundImage={streamConfig.productConfig.customBackgroundUrl} productConfig={streamConfig.productConfig} defaultWidth={759} defaultHeight={429} borderStyle={'1px solid rgba(229, 231, 235, 1)'}/>\n \n          <div className=\"flex \">\n            <button\n                type=\"button\"\n                className=\"inline-flex items-center px-4 py-2 mt-2 mb-2 border border-gray-100 shadow-sm text-base font-medium rounded-md text-blue-700 bg-white focus:outline-none focus:ring-offset-2 hover:bg-gray-50\"\n                disabled={false}\n                onClick={() =>{StreamBuilderStore.resetProductConfig(isBuilderConfig, streamConfig.productType)}}>\n                Restore defaults\n                <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" />\n                </svg>\n            </button>\n          </div>\n\n        </div>\n        <div className=\"flex-initial lg:inline-block lg:w-4/12\">\n          <Accordion tabs={AccordionConfig(streamConfig.productType,isBuilderConfig)} />\n        </div>\n      </div>\n  )\n})\n\nexport default CustomizeStream","import './styles.css'\nimport BackNext from 'Components/Structure/BackNext'\nimport { useStores } from 'Store/StoreConfig'\nimport React from 'react'\nimport CustomizeStream from './CustomizeStream'\nimport { BackgroundType, ProductType, StreamConfig } from 'Types/StreamTypes'\nimport { WHITE } from 'Utilities/GeneralConstants'\nimport { getFutureDateTime } from 'Utilities/HelperFunctions'\n\n\nconst BuildStepTwo = () => {\n  const incomplete = false\n  const { StreamBuilderStore } = useStores();\n\n  const toBuildStepThree = () => {\n    const streamConfig : StreamConfig = StreamBuilderStore.getStreamConfig(true)\n    if (streamConfig.productConfig.backgroundType === BackgroundType.CUSTOM_BACKGROUND && streamConfig.productConfig.customBackgroundUrl.length === 0) {\n      streamConfig.productConfig.backgroundType = BackgroundType.BACKGROUND_COLOR\n      streamConfig.productConfig.backgroundColor = WHITE\n    }\n    streamConfig.streamEnd = streamConfig.productType === ProductType.COUNTDOWN ? streamConfig.productConfig.countdownDate : getFutureDateTime(10)\n    StreamBuilderStore.setStreamConfig(streamConfig,true)\n    StreamBuilderStore.setStreamBuilderStep(StreamBuilderStore.streamBuilderStep + 1)\n  }\n\n  return (\n    <React.Fragment>\n      <div className=\"mt-3 sm:mt-6\" />\n\n        <CustomizeStream isBuilderConfig={true}/>\n\n      <BackNext\n        onBack={() => StreamBuilderStore.setStreamBuilderStep(StreamBuilderStore.streamBuilderStep - 1)}\n        onNext={() => toBuildStepThree()}\n        disableNext={incomplete} />\n    </React.Fragment>\n  )\n}\n\nexport default BuildStepTwo","import BackNext from 'Components/Structure/BackNext'\nimport RenderIf from 'Components/Structure/RenderIf'\nimport React, { useState } from 'react'\nimport ReactAudioPlayer from 'react-audio-player'\nimport { useStores } from 'Store/StoreConfig'\nimport { DEFAULT_AUDIO_MAP } from 'Utilities/GeneralConstants'\nimport PreviewWindow from './PreviewWindow'\n\nconst BuildStepThree = () => {\n  const { StreamBuilderStore } = useStores()\n  const incomplete = false\n  const [musicOn, setMusicOn] = useState(true)\n\n  const VolumeUpIcon = () => {\n    return (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z\" />\n      </svg>\n    )\n  }\n\n  const VolumeOffIcon = () => {\n    return (\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M15.5355 9.46448C17.4881 11.4171 17.4881 14.5829 15.5355 16.5355M17.364 6.63599C20.8787 10.1507 20.8787 15.8492 17.364 19.3639M6.58579 16.0001H5C4.44772 16.0001 4 15.5523 4 15.0001V11.0001C4 10.4478 4.44772 10.0001 5 10.0001H6.58579L11.2929 5.29294C11.9229 4.66298 13 5.10915 13 6.00005V20.0001C13 20.891 11.9229 21.3371 11.2929 20.7072L6.58579 16.0001Z\" stroke=\"#1D4ED8\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n        <line x1=\"2.6\" y1=\"5.2\" x2=\"22.6\" y2=\"20.2\" stroke=\"white\" strokeWidth=\"2\"/>\n        <line x1=\"2.4\" y1=\"5.8\" x2=\"20.8\" y2=\"19.6\" stroke=\"#1D4ED8\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      </svg>\n    )\n  }\n\n  return (\n    <React.Fragment>\n      \n        <div className=\"bg-gray-50 lg:mx-24 lg:px-16 px-4 py-5 mt-1 rounded-md shadow-md text-black\">\n          <img  src={process.env.PUBLIC_URL + '/images/YouTubePreviewTop.svg'} alt=\"\" />\n          <div className=\"mt-4\" /> \n          <PreviewWindow  productType={StreamBuilderStore.streamConfig.productType} productConfig={StreamBuilderStore.streamConfig.productConfig} backgroundImage={null} defaultWidth={846} defaultHeight={477} borderStyle={'1px solid rgba(229, 231, 235, 1)'}/>\n          <div className=\"mt-2\" /> \n          <img  src={process.env.PUBLIC_URL + '/images/YouTubePreviewBottom.svg'} alt=\"\" />\n        </div>\n\n        <div className=\"flex-1 inline-block w-6/12 \">\n          <button\n            type=\"button\"\n            className=\"inline-flex items-center px-4 lg:ml-24 py-2  border border-gray-100 shadow-sm text-base font-medium rounded-md text-blue-700 bg-white focus:outline-none focus:ring-offset-2 hover:bg-gray-50\"\n            disabled={false}\n            onClick={() =>setMusicOn(!musicOn)}>\n            <span className=\"mr-2\">{musicOn ? \"Mute\" : \"Play sound\" }</span> {musicOn ? <VolumeOffIcon  aria-hidden=\"true\" /> : <VolumeUpIcon  aria-hidden=\"true\" />}\n          </button>\n        </div>\n\n        <div className=\"flex-1 inline-block w-6/12 -mt-2\">\n        <BackNext\n          onBack={() => StreamBuilderStore.setStreamBuilderStep(StreamBuilderStore.streamBuilderStep - 1)}\n          onNext={() => StreamBuilderStore.setStreamBuilderStep(StreamBuilderStore.streamBuilderStep + 1)}\n          disableNext={incomplete} />\n        </div>\n\n        <RenderIf condition={musicOn && StreamBuilderStore.streamConfig.productConfig.audioEnabled}>\n          <ReactAudioPlayer\n              src={DEFAULT_AUDIO_MAP[StreamBuilderStore.streamConfig.productConfig.defaultAudio]}\n              autoPlay\n              loop={true}\n          />\n        </RenderIf>\n\n    </React.Fragment>\n  )\n}\n\n\nexport default BuildStepThree","export const HeadingTwo = ({ children }) => {\n  return <h2 className=\"text-2xl leading-relaxed font-bold mb-2 text-gray-800 \">{children}</h2>\n}\n  \n  export default HeadingTwo\n  ","export const Paragraph = ({ children }) => {\n    return <p className=\"text-base leading-normal font-normal text-gray-600 \">{children}</p>\n}\n  \nexport default Paragraph\n  ","import axios from 'axios'\nimport { StreamPurchaseDto } from 'Types/CheckoutTypes'\nimport { STREAM_PURCHASE_FAILURE } from 'Utilities/GeneralConstants'\nimport { API_BASE_URL } from './ApiConfig'\n\n\nexport async function completeStreamPurchase(streamPurchaseDto : StreamPurchaseDto) {\n    try {\n        const response = await axios.post(API_BASE_URL + \"/payments/complete/streamPurchase\", streamPurchaseDto)\n        if (response.status === 200) {\n            return response.data\n        }\n    } catch (error) {\n        return null\n    }\n}\n\nexport async function createPaymentIntent(amount: string) {\n    try {\n        const response = await axios.post(API_BASE_URL + \"/payments/intent\", {\"amount\": amount})\n        if (response.status === 200) {\n            return response.data\n        }\n    } catch (error) {\n        return null\n    }\n}\n\n\nexport async function completeStripePayment(paymentAmount: string, paymentElement, stripe) {\n    const paymentIntentResponse = await createPaymentIntent(paymentAmount);\n    if (paymentIntentResponse) {\n        const clientSecret = paymentIntentResponse['clientSecret']\n        return await stripe.confirmCardPayment(clientSecret,{payment_method: paymentElement})\n    } else {\n       return {error: {\"message\" : STREAM_PURCHASE_FAILURE}}\n    }\n}","import InputWithLabel from \"Components/Structure/InputWithLabel\"\nimport {Link} from 'react-router-dom'\nimport { useState } from \"react\"\nimport { observer } from \"mobx-react\"\nimport { useStores } from \"Store/StoreConfig\"\nimport { INVALID_EMAIL_MSG, MISSING_FULLNAME_MSG, REQUIRE_AGREEMENT_TO_TERMS } from \"Utilities/GeneralConstants\"\nimport RenderIf from \"Components/Structure/RenderIf\"\nimport { isEmailValid, isFirstNameValid } from \"Utilities/HelperFunctions\"\n\n\nconst ContactDetails = observer(({highlightErrors}) => {\n  const { CheckoutStore, StreamBuilderStore, UserStore } = useStores()\n  const [checkoutDetails] = useState(CheckoutStore.checkoutDetails)\n  const [showFirstNameError, setShowFirstNameError] = useState(false)\n  const [showEmailError, setShowEmailError] = useState(false)\n  const [showCheckedError, setShowCheckedError] = useState(false)\n  const renderCheckBoxError = (showCheckedError || highlightErrors) && !checkoutDetails.agreeTerms\n\n  const updateCheckoutContactDetails = (newFullName, newEmail, newAgreeTerms ) => {\n      let newCheckoutDetails = CheckoutStore.checkoutDetails\n      newCheckoutDetails.fullName = newFullName\n      newCheckoutDetails.email = newEmail\n      newCheckoutDetails.agreeTerms = newAgreeTerms\n      CheckoutStore.setCheckoutDetails(newCheckoutDetails)\n      let newStreamConfig = StreamBuilderStore.streamConfig\n      newStreamConfig.paymentEmail = newEmail\n      if(UserStore.user){\n        const customerId = UserStore.user.username\n        newStreamConfig.customerId = customerId\n      }\n      StreamBuilderStore.setStreamConfig(newStreamConfig, true)\n  } \n\n  return (\n    <div className=\"max-w-md\">\n        <h2 className=\"text-2xl leading-relaxed font-bold mb-2 text-gray-800 whitespace-nowrap\t\">Contact details</h2>\n        <InputWithLabel\n            id=\"fullName\"\n            label=\"Full name\"\n            onChange={e => updateCheckoutContactDetails(e.target.value,checkoutDetails.email, checkoutDetails.agreeTerms)}\n            onBlur={() => setShowFirstNameError(true)}\n            value={checkoutDetails.fullName}\n            type=\"text\"\n            showError={!isFirstNameValid(checkoutDetails.fullName) && ( showFirstNameError || highlightErrors)}\n            errorMessage={MISSING_FULLNAME_MSG}\n        />\n        <InputWithLabel\n            id=\"email\"\n            label=\"Email\"\n            onChange={e => updateCheckoutContactDetails(checkoutDetails.fullName, e.target.value,checkoutDetails.agreeTerms)}\n            onBlur={() => setShowEmailError(true)}\n            value={checkoutDetails.email}\n            type=\"text\"\n            showError={!isEmailValid(checkoutDetails.email) && ( showEmailError || highlightErrors )}\n            errorMessage={INVALID_EMAIL_MSG}\n            maxLength={80}\n        />\n        <div className=\"relative flex items-start mt-6\" >\n        <div className=\"flex items-center h-6\">\n          <input\n            type=\"checkbox\"\n            onBlur={() => setShowCheckedError(true)}\n            checked={checkoutDetails.agreeTerms}\n            onChange={() => updateCheckoutContactDetails(checkoutDetails.fullName, checkoutDetails.email, !checkoutDetails.agreeTerms)}\n            className={`h-4 w-4 rounded`}\n          />\n        </div>\n        <div className=\"ml-3 text-md\">\n          <span id=\"comments-description\" className=\"text-gray-500\">\n            I agree to StreamCreate <Link className=\"border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\"  to=\"/TermsOfService\" target=\"_blank\" rel=\"noopener noreferrer\">  terms of service </Link>\n          </span>\n        </div>\n      </div>\n      <RenderIf condition={renderCheckBoxError}>\n              <div className=\"mt-1 text-sm text-red-600 \"> {REQUIRE_AGREEMENT_TO_TERMS} </div>\n      </RenderIf>\n    </div>\n\n\n  )\n})\n\nexport default ContactDetails\n\n","import { CheckCircleIcon } from '@heroicons/react/solid'\n\nexport const SuccessAlert = ({message}) => {\n  return (\n    <div className=\"rounded-md bg-green-50 p-4\">\n      <div className=\"flex\">\n        <div className=\"flex-shrink-0\">\n          <CheckCircleIcon className=\"h-7 w-7 text-green-400\" aria-hidden=\"true\" />\n        </div>\n        <div className=\"ml-3\">\n          <h3 className=\"text-lg font-medium text-green-800\">{message}</h3>\n        </div>\n      </div>\n    </div>\n  )\n}","import { SuccessAlert } from 'Components/Structure/Alerts/SuccessAlert'\nimport BackNext from 'Components/Structure/BackNext'\nimport RenderIf from 'Components/Structure/RenderIf'\nimport ParagraphBold from 'Components/Typography/ParagraphBold'\nimport React from 'react'\nimport { useStores } from 'Store/StoreConfig'\nimport { Payment } from 'Types/CheckoutTypes'\nimport { formatDateTime, getProductName } from 'Utilities/HelperFunctions'\n\ninterface OrderConfirmationInterface {\n    payment: Payment\n  }\n\nconst OrderConfirmation = ({payment} : OrderConfirmationInterface) => {\n    const { StreamBuilderStore } = useStores()\n\n    return (\n        <React.Fragment>\n\n        <div className=\"mt-3 sm:mt-4 mx-5 \">\n            <div className=\"mb-4 lg:w-9/12\">\n                <SuccessAlert message={\"Thank you, we have received your payment.\"}/>\n            </div>\n            <div className=\"bg-white shadow overflow-hidden sm:rounded-lg  lg:w-9/12\">\n                <div className=\"px-4 py-4 sm:px-6\">\n                    <h3 className=\"text-lg leading-6 font-medium text-gray-900\">Receipt number</h3>\n                    <p className=\"mt-1 max-w-2xl text-sm text-gray-500\">{payment.id}</p>\n                </div>\n                <div className=\"border-t border-gray-200 px-4 py-5 sm:p-0\">\n                    <dl className=\"sm:divide-y sm:divide-gray-200\">\n                        <div className=\"py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                            <dt className=\"text-sm font-medium text-gray-500\">Name</dt>\n                            <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2\">{payment.paymentFullName}</dd>\n                        </div>\n                        <div className=\"py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                            <dt className=\"text-sm font-medium text-gray-500\">Email address</dt>\n                            <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2\">{payment.paymentEmail}</dd>\n                        </div>\n                        <div className=\"py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                            <dt className=\"text-sm font-medium text-gray-500\">Product</dt>\n                            <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2\">{getProductName(payment.productType)}</dd>\n                        </div>\n                        <div className=\"py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                            <dt className=\"text-sm font-medium text-gray-500\">Transaction date</dt>\n                            <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2\">{formatDateTime(payment.createdAt)} (UTC)</dd>\n                        </div>\n                        <div className=\"py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                            <dt className=\"text-sm font-medium text-gray-500\">Stream end</dt>\n                            <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2\">{formatDateTime(payment.streamEnd)} (UTC)</dd>\n                        </div>\n                        <RenderIf condition={payment.discount && payment.discount > 0} >\n                            <div className=\"py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                                <dt className=\"text-sm font-medium text-gray-500\">Subtotal</dt>\n                                <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2\">${(payment.cost + payment.discount).toFixed(2)}</dd>\n                            </div>\n                            <div className=\"py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                                <dt className=\"text-sm font-medium text-gray-500\">Discount</dt>\n                                <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2\">-${payment.discount.toFixed(2)}</dd>\n                            </div>\n                        </RenderIf>\n                        <div className=\"py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                            <dt className=\"text-sm font-medium text-gray-500\">Total cost</dt>\n                            <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2\">${payment.cost.toFixed(2)}</dd>\n                        </div>\n                    </dl>\n                </div>\n            </div>\n            <div className=\"mt-4  lg:w-9/12 -mb-2\" >\n                <ParagraphBold> You should receive a confirmation email shortly on: <span className=\"font-bold\">{payment.paymentEmail}</span> if you don't, check your spam folder.</ParagraphBold>\n            </div >\n        </div>\n\n        <BackNext\n            onNext={() => StreamBuilderStore.setStreamBuilderStep(StreamBuilderStore.streamBuilderStep + 1)}\n            disableNext={false} \n            showBack={false}\n        />\n        \n       </React.Fragment>\n        \n      )\n  \n}\n\nexport default OrderConfirmation\n\n","import { useRef, useEffect } from \"react\";\n\nexport default function Paypal({paymentAmount, handleSubmit, isCheckoutFormComplete}) {\n  const paypal = useRef();\n\n  useEffect(() => {\n    {/*@ts-ignore */}\n    let paypalButton = window.paypal\n      .Buttons({\n        style: {\n          shape: 'rect',\n          color: 'gold',\n          layout: 'horizontal',\n          label: 'paypal',\n          tagline: 'false'\n        },\n\n        createOrder: function(data, actions) {\n          if (isCheckoutFormComplete()){\n            return actions.order.create({\n                purchase_units: [{\"amount\":{\"currency_code\":\"USD\",\"value\":paymentAmount}}]\n            });\n          }\n        },\n\n        onApprove: function(data, actions) {\n          return actions.order.capture().then(function(orderData) {\n            handleSubmit(orderData,null)\n          });\n        },\n\n        onError: function(err) {\n          //handleSubmit(null,null)\n        }\n      })\n      paypalButton.render(paypal.current)\n      return () => {paypalButton.close()}\n  }, [paymentAmount]);\n\n  return (\n    <div>\n      <div ref={paypal}></div>\n    </div>\n  );\n}\n","import { useEffect, useRef, useState } from \"react\"\nimport { HeadingTwo } from \"Components/Typography/HeadingTwo\"\nimport { observer } from \"mobx-react\"\nimport { CardElement, useElements, useStripe } from \"@stripe/react-stripe-js\";\nimport StandardButton from \"Components/Structure/StandardButton\";\nimport InputWithLabel from \"Components/Structure/InputWithLabel\";\nimport { INVALID_NAME_ON_CARD } from \"Utilities/GeneralConstants\";\nimport RenderIf from \"Components/Structure/RenderIf\";\nimport Paypal from \"./Paypal\";\nimport { PaymentProvider } from \"Types/CheckoutTypes\";\n\nconst isCardNameValid = input => input.length >= 2 && input.length <= 40  && /^[a-zA-Z '.-]+$/.test(input)\n\nconst Payment = observer(({paymentAmount, submitStripePayment, completePaypalPayment, isCheckoutFormComplete}) => {\n    const [showCardPayment, setShowCardPayment] = useState(false)\n    const [cardName, setCardName] = useState(\"\")\n    const [showCardNameError, setShowCardNameError] = useState(false)\n    const [cardDetailsError, setCardDetailsError] = useState(\"\")\n    const [streamPurchaseError, setStreamPurchaseError] = useState(\"\")\n    const [paymentProcessing, setPaymentProcessing] = useState(false)\n\n    const messagesEndRef = useRef(null)\n\n    const stripe = useStripe();\n    const elements = useElements();\n    \n    const handleChange = (e) => {\n        if (e['error']) {\n            setCardDetailsError(e['error']['message'])\n        } else {\n            setCardDetailsError(\"\")\n        }\n    } \n  \n    const handleSubmit = async (provider, paypalOrder, paypalError) => {\n        let errorMessage = \"\"\n        let streamPurchaseError = \"\"\n        setPaymentProcessing(true)\n        setStreamPurchaseError(\"\")\n        if (provider === PaymentProvider.STRIPE) {\n            streamPurchaseError = await submitStripePayment(paymentAmount,{card: elements.getElement(CardElement),billing_details: {name: cardName}},stripe) \n        } else if (provider === PaymentProvider.PAYPAL) {\n          if (paypalError) {\n              errorMessage = paypalError\n          }else {\n            streamPurchaseError = await completePaypalPayment(paypalOrder)\n          }\n        }\n        setCardDetailsError(errorMessage)\n        setStreamPurchaseError(streamPurchaseError)\n        setPaymentProcessing(false)\n    };\n\n    function scrollToBottom() {\n        messagesEndRef.current.scrollIntoView({ behavior: 'smooth' });\n    }\n\n    useEffect(() => {\n        if (messagesEndRef && messagesEndRef.current) {\n            scrollToBottom()\n        }\n    }, [showCardPayment]);\n\n\n    \n    return (\n        <div className=\"max-w-md\">\n            <HeadingTwo> Payment </HeadingTwo>\n            <div className=\"mt-4\" ></div >\n            <Paypal paymentAmount={paymentAmount} handleSubmit={(paypalOrder, paypalError) => handleSubmit(PaymentProvider.PAYPAL,paypalOrder,paypalError)} isCheckoutFormComplete={()=> isCheckoutFormComplete() }/>\n            <div className=\"mt-4\" ></div >\n            <button\n                type=\"button\"\n                className={` items-center w-full px-3 py-1 pt-2 border-2 border-blue-500 text-base font-medium rounded-md shadow-sm text-blue-700 focus:outline-none focus:ring-offset-2 focus:ring-blue-300 bg-blue-200 hover:bg-blue-300`}\n                onClick={() => {setShowCardPayment(!showCardPayment)}}>\n                Credit Card <img className=\"inline-flex h-6 w-auto ml-2 mb-1 \" src={process.env.PUBLIC_URL + '/images/CardLogo.svg'} alt=\"\" />\n            </button>\n            <div className=\"mt-3\" ></div >\n            {showCardPayment ? \n                <div ref={messagesEndRef} className=\" mt-3 mb-5\" >\n                \n                <InputWithLabel\n                    id=\"name\"\n                    label=\"Name on card\"\n                    onChange={e => {setCardName(e.target.value)}}\n                    onBlur={() => {setShowCardNameError(true)}}\n                    value={cardName}\n                    type=\"text\"\n                    showError={!isCardNameValid(cardName) && showCardNameError}\n                    errorMessage={INVALID_NAME_ON_CARD }\n                />\n\n                    <label htmlFor=\"email\" className={\"block text-md font-medium text-gray-700 mb-1\" }>Card details</label>\n\n                    <div \n                        className={`block border text-gray-700 w-full p-3 rounded  focus:outline-none ${cardDetailsError.length > 0 ? \"border-red-600 ring-red-600 \" : \"focus:border-blue-500 focus:ring-blue-500\"} ring-1` }\n                    >\n                        <CardElement  \n                            options={{\n                                hidePostalCode: true,\n                                style: {\n                                    base: {\n                                        fontSize: '16px',\n                                    },\n                                    invalid: {\n                                        color: '#dc2626',\n                                      },\n                                },\n                            }} \n                        \n                            onChange={ e => handleChange(e)}\n                        />\n                    </div>\n                    \n                    <RenderIf condition={cardDetailsError.length > 0}>\n                        <div className=\"text-sm text-red-600 mt-2 mb-2\"> {cardDetailsError} </div>\n                    </RenderIf>\n                    <RenderIf condition={!(cardDetailsError.length > 0)}>\n                        <div className=\"mb-4\" /> \n                    </RenderIf>\n\n                    <StandardButton\n                        disabled={!(isCardNameValid(cardName))}                            \n                        onClick={() => {handleSubmit(PaymentProvider.STRIPE,null,null)}}\n                        text={`Pay $${paymentAmount}`}\n                        isSpinning={paymentProcessing}\n                        extendClassName=\"w-full py-3 justify-center mt-2 \"\n                    />\n                \n                </div>\n            : <div/>}\n            <RenderIf condition={streamPurchaseError.length > 0}>\n                <div className={`text-sm text-red-600 mb-2 ${showCardPayment ? '-mt-2' : 'mt-2' }`}> {streamPurchaseError} </div>\n            </RenderIf>\n        </div>\n    )\n})\n\nexport default Payment\n\n","import axios from 'axios'\nimport { VoteOption } from 'Types/StreamTypes';\nimport { STATUS_UNAUTHORIZED } from 'Utilities/GeneralConstants';\nimport { API_BASE_URL } from './ApiConfig'\nimport { getAuthHeaderWithContentJson, getSession, handleUnauthorizedRequest } from './AuthService';\n\nexport async function uploadVoteAvatars(streamConfigId : string, voteOptions : Array<VoteOption>, isUserUploaded: boolean) {\n    var bodyFormData = new FormData();\n    let newUpdates : boolean = false\n    bodyFormData.append('streamConfigId', streamConfigId);\n    voteOptions.forEach(vo => {\n        if (vo.imagesUpdated) {\n            newUpdates = true\n            bodyFormData.append('voteOptionIds', vo.id);\n            bodyFormData.append('files', vo.avatarFile);\n        }\n    })\n    if (newUpdates) {\n        if (isUserUploaded) {\n            return uploadUserVoteAvatars(bodyFormData)\n        } else {\n            return uploadPurchaseVoteAvatars(bodyFormData)\n        }\n    }\n    return true\n}\n\nexport async function uploadUserVoteAvatars(bodyFormData) {\n    getSession()\n    try {\n        const response = await axios.put(API_BASE_URL + \"/streams/voteConfigs/upload/user/avatars\" , bodyFormData,{ headers : getAuthHeaderWithContentJson() })\n        if (response.status === 200) {\n            return true\n        }\n    } catch (error) {\n        if (error.response.status === STATUS_UNAUTHORIZED) {\n            await handleUnauthorizedRequest()\n        }\n        throw error\n    }\n}\n\nexport async function uploadPurchaseVoteAvatars(bodyFormData) {\n    try {\n        const response = await axios.put(API_BASE_URL + \"/streams/voteConfigs/upload/avatars\" , bodyFormData,{ headers : { \"Content-Type\": \"multipart/form-data\" }})\n        if (response.status === 200) {\n            return true\n        }\n    } catch (error) {\n        return false\n    }\n    return false\n}","import axios from 'axios'\nimport { API_BASE_URL } from './ApiConfig'\n\n\nexport async function validateReferralCode(referralCode : string) {\n    try {\n        const response = await axios.get(`${API_BASE_URL}/referral/validate/${referralCode}`)\n        if (response.status === 200) {\n            return response.data\n        }\n    } catch (error) {\n        return null\n    }\n    return null\n}\n","import BackNext from 'Components/Structure/BackNext'\nimport RenderIf from 'Components/Structure/RenderIf'\nimport HeadingTwo from 'Components/Typography/HeadingTwo'\nimport Paragraph from 'Components/Typography/Paragraph'\nimport ParagraphBold from 'Components/Typography/ParagraphBold'\nimport { observer } from 'mobx-react'\nimport React, { useRef, useState } from 'react'\nimport { completeStreamPurchase, completeStripePayment } from 'Services/PaymentService'\nimport { uploadCustomBackground } from 'Services/StreamConfigService'\nimport { useStores } from 'Store/StoreConfig'\nimport { CheckoutDetails, PaymentProvider, StreamPurchaseDto } from 'Types/CheckoutTypes'\nimport { BackgroundType, ProductConfig, ProductType, StreamConfigResponse } from 'Types/StreamTypes'\nimport {  calculatePricingFromDays, formatDate, formatTime, isEmailValid, getDaysDifferenceFromToday, getFutureDateTime, getProductName } from 'Utilities/HelperFunctions'\nimport ContactDetails from './Checkout/ContactDetails'\nimport OrderConfirmation from './Checkout/OrderConfirmation'\nimport Payment from './Checkout/Payment'\nimport MyDateTimePicker from './Checkout/MyDateTimePicker'\nimport moment from 'moment'\nimport { INVALID_DATE_ENTERED, INVALID_REFERRAL_CODE, INVALID_STREAM_DURATION, MAX_STREAM_DAYS, STREAM_PURCHASE_FAILURE } from 'Utilities/GeneralConstants'\nimport { uploadVoteAvatars } from 'Services/VoteConfigService'\nimport InputWithLabel from 'Components/Structure/InputWithLabel'\nimport { validateReferralCode } from 'Services/ReferralService'\nimport { CheckCircleIcon, ExclamationCircleIcon } from '@heroicons/react/solid'\n\n\nconst isFirstNameValid = input => input.length >= 2 && input.length <= 40\n\nconst BuildStepFour = observer(() => {\n  const { StreamBuilderStore } = useStores()\n  const [streamConfig] = useState(StreamBuilderStore.getStreamConfig(true))\n  const [payment, setPayment] = useState(null);\n  const [paymentComplete, setPaymentComplete] = React.useState(false)\n  const [referralCode, setReferralCode] = React.useState(\"\")\n  const [discountRate, setDiscountRate] = React.useState(1)\n  const [referralCodeChecking, setReferralCodeChecking] = React.useState(false)\n  const [showReferralCodeError, setShowReferralCodeError] = useState(false)\n  const [referralCodeSuccess, setReferralCodeSuccess] = useState(false)\n  const [daysDifference, setDaysDifference] = useState(getDaysDifferenceFromToday(streamConfig.streamEnd))\n  const [price, setPrice] = useState(calculatePricingFromDays(streamConfig.productType, daysDifference))\n  const { CheckoutStore } = useStores()\n  const [checkoutDetails] = useState(CheckoutStore.checkoutDetails)\n  const[highlightErrors, setHighlightErrors] = React.useState(false)\n  const topRef = useRef(null)\n\n  function isCheckoutFormComplete() {\n    if (isEmailValid(checkoutDetails.email) && isFirstNameValid(checkoutDetails.fullName) && checkoutDetails.agreeTerms && !checkoutDetails.streamEndDateError) {\n      return true\n    } else if (!checkoutDetails.streamEndDateError) {\n      setHighlightErrors(true)\n      scrollTo(topRef)\n    } else {\n      setHighlightErrors(true)\n      window.scrollTo({top: 0, behavior: 'smooth'});\n    }\n    return false\n  }\n\n  const updateStreamEndDateError = (streamEndDateError) => {\n    let newCheckoutDetails = CheckoutStore.checkoutDetails\n    newCheckoutDetails.streamEndDateError = streamEndDateError\n    CheckoutStore.setCheckoutDetails(newCheckoutDetails)\n  }\n\n  const updateValidReferralCode= (validReferralCode) => {\n    let newCheckoutDetails = CheckoutStore.checkoutDetails\n    newCheckoutDetails.validReferralCode = validReferralCode\n    CheckoutStore.setCheckoutDetails(newCheckoutDetails)\n  }\n\n  function updateStreamEndTime(newStreamEndTime) { \n    const newDaysDifference = getDaysDifferenceFromToday(newStreamEndTime)\n    if (!isNaN(newDaysDifference) && newDaysDifference > 0 && newDaysDifference <= MAX_STREAM_DAYS ) {\n      setDaysDifference(newDaysDifference)\n      setPrice(calculatePricingFromDays(streamConfig.productType, newDaysDifference))\n      updateStoreStreamConfig(newStreamEndTime)\n      updateStreamEndDateError(null)\n    } else {\n      if (newDaysDifference <= 0 || newDaysDifference > MAX_STREAM_DAYS) {\n        updateStreamEndDateError(INVALID_STREAM_DURATION)\n      } else {\n        updateStreamEndDateError(INVALID_DATE_ENTERED)\n      }\n    }\n  }\n\n  const updateStoreStreamConfig = (newStreamEnd) => {\n    let newStreamConfig = StreamBuilderStore.streamConfig\n    newStreamConfig.streamEnd = newStreamEnd.format(\"YYYY-MM-DDTHH:mm:ss\")\n    StreamBuilderStore.setStreamConfig(newStreamConfig,true)\n  }\n\n  async function uploadAllImages(streamConfigResponse : StreamConfigResponse, streamPurchaseDto : StreamPurchaseDto) {\n    let productConfig : ProductConfig = streamConfigResponse.productConfig\n    var uploadBackgroundResult = true\n    var uploadVoteAvatarsResult = true\n    \n    if (productConfig.backgroundType === BackgroundType.CUSTOM_BACKGROUND) {\n      uploadBackgroundResult = await uploadCustomBackground(streamConfigResponse.id,true,StreamBuilderStore)\n    }\n\n    if (productConfig.voteConfig && productConfig.voteConfig.includeImages) {\n      uploadVoteAvatarsResult = await uploadVoteAvatars(streamConfigResponse.id, streamPurchaseDto.streamConfig.productConfig.voteConfig.voteOptions,false)\n    }\n\n    return uploadBackgroundResult && uploadVoteAvatarsResult\n  }\n\n  async function completePaypalPayment(paypalOrder) {\n    const streamPurchaseDto : StreamPurchaseDto = generateStreamPurchaseDTO(paypalOrder.purchase_units[0].payments.captures[0].id, PaymentProvider.PAYPAL, checkoutDetails.validReferralCode)\n    const streamConfigResponse : StreamConfigResponse = await completeStreamPurchase(streamPurchaseDto)\n    if (!streamConfigResponse) {\n      return STREAM_PURCHASE_FAILURE\n    }\n    await uploadAllImages(streamConfigResponse, streamPurchaseDto)\n    StreamBuilderStore.setStreamConfig(streamConfigResponse,true)\n    setPayment(streamConfigResponse.payment)\n    setPaymentComplete(!paymentComplete)\n    return \"\"\n  }\n\n  async function submitStripePayment(paymentAmount: string, paymentElement, stripe) {\n    if (isCheckoutFormComplete()) {\n      const {error: stripeError, paymentIntent} = await completeStripePayment(paymentAmount,paymentElement,stripe)\n      if (stripeError) {\n        return stripeError.message\n      }\n      const streamPurchaseDto : StreamPurchaseDto = generateStreamPurchaseDTO(paymentIntent.id, PaymentProvider.STRIPE, checkoutDetails.validReferralCode)\n      const streamConfigResponse : StreamConfigResponse = await completeStreamPurchase(streamPurchaseDto)\n      if (!streamConfigResponse) {\n        return STREAM_PURCHASE_FAILURE\n      }\n      await uploadAllImages(streamConfigResponse, streamPurchaseDto)\n      StreamBuilderStore.setStreamConfig(streamConfigResponse,true)\n      setPayment(streamConfigResponse.payment)\n      setPaymentComplete(!paymentComplete)\n    }\n    return \"\"\n  }\n\n  function generateStreamPurchaseDTO(paymentProviderId, paymentProvider, referralCode) {\n    let checkoutDetails : CheckoutDetails = CheckoutStore.checkoutDetails\n    const streamPurchaseDto : StreamPurchaseDto = {\n            paymentProviderId: paymentProviderId,\n            paymentProvider: paymentProvider,\n            paymentFullName: checkoutDetails.fullName,\n            customerId: streamConfig.customerId,\n            paymentEmail: streamConfig.paymentEmail,\n            productType: streamConfig.productType,\n            cost: getDiscountedPrice().toString(),\n            streamConfig: streamConfig\n    }\n    if (referralCode.length > 0) {\n      streamPurchaseDto.referralCode = referralCode\n    }\n    return streamPurchaseDto\n  }\n\n  const scrollTo = (ref) => {\n    if (topRef && topRef.current) {\n      ref.current.scrollIntoView({ behavior: 'smooth' })\n    }\n  }\n\n  const setDateInputError = (error) => {\n    if (error) {\n      updateStreamEndDateError(INVALID_DATE_ENTERED)\n    }\n  }\n\n  const checkReferralCode = async () => {\n    setShowReferralCodeError(false)\n    setReferralCodeSuccess(false)\n    setReferralCodeChecking(true)\n    const referralCodeRes = await validateReferralCode(referralCode)\n    setReferralCodeChecking(false)\n    if (referralCodeRes == null) {\n      setDiscountRate(1)\n      setShowReferralCodeError(true)\n      updateValidReferralCode(\"\")\n    } else {\n      setDiscountRate(referralCodeRes['discountRate'])\n      setReferralCodeSuccess(true)\n      updateValidReferralCode(referralCode)\n    }\n  }\n\n  const getPercentOff = () => {\n    return ((1-discountRate)*100).toFixed(0)\n  }\n\n  const getDiscountedPrice = () => {\n    return (price*(discountRate)).toFixed(2)\n  }\n  \n  return (\n    <React.Fragment>\n\n      <RenderIf condition={paymentComplete}>\n        <OrderConfirmation payment={payment}/>\n      </RenderIf>\n\n      <RenderIf condition={!paymentComplete}>\n        <div className=\"flex flex-col md:flex-row mx-5\">\n            <div className=\"md:w-6/12 lg:w-5/12 max-w-md lg:max-w-lg \">\n              <HeadingTwo>Stream duration</HeadingTwo>\n                <RenderIf condition={streamConfig.productType === ProductType.COUNTDOWN} >\n                  <Paragraph>Your Countdown is set to end on: {formatDate(streamConfig.productConfig.countdownDate)} {formatTime(streamConfig.productConfig.countdownDate)}, UTC.</Paragraph>\n                  <div className=\"mt-4\"></div>\n                </RenderIf>\n              <div className=\"shadow-md bg-gray-50 rounded-t-lg pl-4 py-2 pt-3 flex-row\">\n                <ParagraphBold>When would you like your stream to end?</ParagraphBold>\n                <div className=\"flex  flex-col xl:flex-row\">\n                  <div className=\" lg:w-8/12 xl:w-7/12 w-11/12 my-4 \">\n                    <MyDateTimePicker inputDate={streamConfig.streamEnd} setInputDate={updateStreamEndTime} onError={setDateInputError} minDateTime={moment.utc()} maxDateTime={getFutureDateTime(MAX_STREAM_DAYS)} isStandardInput={false} showErrorOutLine={highlightErrors}/>\n                    <RenderIf condition={checkoutDetails.streamEndDateError} >\n                      <p className=\"mt-1 text-sm text-red-600 -mb-2\"> {checkoutDetails.streamEndDateError} </p>\n                    </RenderIf>\n                  </div>\n                  <div className=\"lg:w-8/12 xl:w-4/12 xl:mt-6 ml-1 xl:ml-4\">\n                    <div className=\"xl:float-right\">\n                      <p className=\"text-gray-600 font-bold\ttext-sm \">Your price for {daysDifference} days:</p>\n                      <p className=\"text-gray-600 font-bold\ttext-xl xl:float-right pb-1 xl:pb-0 \">${price.toFixed(2)}</p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"shadow-md bg-gray-50 rounded-b-lg pl-4 flex-row pt-3 pb-2 border-t\t\">\n                <ParagraphBold>Do you have a promo code?</ParagraphBold>\n                <div className=\"flex xl:flex-row\">\n                  <div className=\"w-7/12 sm:w-7/12 md:w-8/12 lg:w-6/12 xl:w-5/12 mt-2 pr-2\">\n                    <InputWithLabel\n                      id=\"referralCode\"\n                      label=\"\"\n                      placeholder=\"Promo code\"\n                      inputClassName={`${showReferralCodeError ? \"border-red-600 ring-red-600 hover:border-red-600 focus:border-red-600\" : \"\" } ${referralCodeSuccess ? \"border-green-600 ring-green-600 hover:border-green-600 focus:border-green-600 \" : \"\" } border block border-gray-300 w-full p-3 rounded-md hover:border-gray-600 focus:border-gray-600  focus:outline-none mb-1`}\n                      onChange={e => {setReferralCode(e.target.value)}}\n                      value={referralCode}\n                      type=\"text\"\n                    />\n                    <RenderIf condition={referralCodeSuccess}>\n                      <li className=\"flex items-start -mt-2\">\n                        <div className=\"flex-shrink-0\">\n                          <CheckCircleIcon className=\"h-5 w-5 text-green-600\" aria-hidden=\"true\" />\n                        </div>\n                        <p className=\"ml-1 text-sm text-green-600 whitespace-nowrap\t\"> {`Promo code applied!`}</p>\n                      </li>\n                    </RenderIf>\n                    <RenderIf condition={showReferralCodeError}>\n                      <li className=\"flex items-start -mt-2\">\n                        <div className=\"flex-shrink-0\">\n                          <ExclamationCircleIcon className=\"h-5 w-5 text-red-600\" aria-hidden=\"true\" />\n                        </div>\n                        <p className=\"ml-1 text-sm text-red-600 whitespace-nowrap\t\"> {INVALID_REFERRAL_CODE}</p>\n                      </li>\n                    </RenderIf>\n                  </div>\n                  <div className=\"w-6/12 pt-3 \">\n                    <div className=\"xl:float-left \">\n                    <button\n                      type=\"button\"\n                      className={`inline-flex items-center px-4 py-3 border border-gray-300 text-base font-medium rounded-md shadow-sm text-gray-600 focus:outline-none focus:ring-offset-2 focus:ring-gray-200 bg-white  hover:border-gray-600`}\n                      disabled={false}\n                      onClick={() => {checkReferralCode()}}>\n                        Apply\n                      <RenderIf condition={referralCodeChecking}>\n                          <svg className=\"animate-spin ml-3 h-5 w-5 text-white\"  fill=\"none\" viewBox=\"0 0 24 24\">\n                              <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"gray\" strokeWidth=\"4\"></circle>\n                              <path className=\"opacity-75\" fill=\"gray\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n                          </svg>\n                      </RenderIf>\n                    </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"-mr-5\">\n                <BackNext\n                  onBack={() =>{StreamBuilderStore.setStreamBuilderStep(StreamBuilderStore.streamBuilderStep - 1); updateStreamEndDateError(null)}}\n                  showNext={false}\n                  disableNext={false} />\n              </div>\n            </div>\n            \n            <div className=\"md:w-1/12 lg:w-2/12 mt-3\"></div>\n\n            <div ref={topRef} className=\"  md:w-5/12\">\n              <HeadingTwo>Order summary</HeadingTwo>\n              <Paragraph>Stream end: {formatDate(streamConfig.streamEnd)} {formatTime(streamConfig.streamEnd)}, UTC</Paragraph>\n              <div className=\"mt-2 overflow-hidden max-w-md  md:rounded-lg \">\n                <table className=\"min-w-full divide-y divide-gray-300\">\n                  <tbody className=\"divide-y divide-gray-200 bg-white\">\n                    <tr>\n                      <td className=\"whitespace-nowrap py-2 text-gray-600\">\n                        {getProductName(streamConfig.productType)}\n                      </td>\n                      <td className=\"hidden whitespace-nowrap py-2 text-gray-600 sm:table-cell text-right\">\n                        ${price.toFixed(2)}\n                      </td>\n                    </tr>\n                    <RenderIf condition={referralCodeSuccess}>\n                      <tr>\n                        <td className=\"flex items-start whitespace-nowrap py-2 text-gray-600\">\n                          <p className=\"mr-1 text-gray-600\"> {`Discount code` } </p>\n                          <p className=\"mr-1 font-medium text-gray-600\"> {`(${getPercentOff()}% off)` } </p>\n                        </td>\n                        <td className=\"hidden whitespace-nowrap py-2 text-gray-600 sm:table-cell text-right\">\n                          -${(price*(1-discountRate)).toFixed(2)}\n                        </td> \n                      </tr>\n                    </RenderIf>\n                    <tr>\n                        <td className={`whitespace-nowrap py-2 text-lg font-medium text-gray-900`}>\n                          {\"Order total\"}\n                        </td>\n                        <td className={`hidden whitespace-nowrap py-2 text-lg font-medium text-gray-900 sm:table-cell text-right`}>\n                          ${getDiscountedPrice()}\n                        </td>\n                    </tr>\n                  </tbody>\n                </table>\n                <p className=\"text-sm -mt-2 leading-normal font-normal text-gray-600 float-right\">Prices are in USD</p>\n              </div>\n\n              <div className=\"sm:mt-2 mt-4\"></div>\n              <ContactDetails highlightErrors={highlightErrors}/>\n              <div className=\"mt-6\"></div>\n              <Payment paymentAmount={getDiscountedPrice()} submitStripePayment={(paymentAmount, paymentElement, stripe) => submitStripePayment(paymentAmount, paymentElement, stripe)} completePaypalPayment={(paypalOrder) => completePaypalPayment(paypalOrder)} isCheckoutFormComplete={() => isCheckoutFormComplete()} />\n            </div>\n        </div>\n      </RenderIf>\n      \n    </React.Fragment>\n  )\n})\n\n\nexport default BuildStepFour","const SafeAreaInsets = ({ children }) => {\n  return (\n    <div className=\"max-w-screen-xl sm:mx-auto px-4 sm:px-8\">\n      {children}\n    </div>\n  )\n}\n\nexport default SafeAreaInsets","import SafeAreaInsets from \"Components/Structure/SafeAreaInsets\"\n\nconst Body = ({ children }) => {\n\n    return (\n        <SafeAreaInsets>\n        <div className=\"pt-3 sm:pt-5\" />\n        <div className=\"bg-white px-6 py-5 rounded-md shadow-md text-black\">\n          {children}\n        </div>\n        </SafeAreaInsets>\n    )\n}\n  \nexport default Body","interface ParagraphBoldLargeInterface {\n    fontColor?: string\n    children : any\n}\n\nexport const ParagraphBoldLarge = ({ children, fontColor } : ParagraphBoldLargeInterface) => {\n    return <p className={`text-lg leading-normal font-medium ${ fontColor ? fontColor : \"text-gray-600\" }`}>{children}</p>\n}\n  \nexport default ParagraphBoldLarge\n  ","import { ArrowRightIcon } from \"@heroicons/react/solid\"\nimport {Link} from 'react-router-dom'\n\nconst SupportIcon = () => {\n    return (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-16 w-16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z\" />\n      </svg>\n    )\n  }\n\nexport const TechnicalSupport = () => {\n  return (\n    <div  className=\"flex flex-col bg-white rounded-md shadow-md bg-white pt-4 pb-4 px-6\">\n      <div className=\"flex-1 relative pb-6 \">\n        <div className=\"flex text-blue-700  pb-2 justify-center\">\n          <SupportIcon />\n        </div>\n        <h3 className=\"text-xl font-medium text-gray-900\">\n            In need of technical support?\n        </h3>\n        <p className=\"mt-4 text-base text-gray-600\">\n            We are here to help. Get in touch wih our friendly tech team of experts.\n        </p>\n      </div>\n      <div className=\"rounded-bl-2xl rounded-br-2xl \">\n        <Link className=\"inline-flex items-center text-lg font-medium  text-blue-700 \" to=\"/Contact\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Contact us <ArrowRightIcon className=\"ml-1 h-5 w-5 fk\" aria-hidden=\"true\" />\n\n        </Link>\n      </div>\n    </div>\n  )\n}","import axios from 'axios'\nimport { StreamConfigResponse } from 'Types/StreamTypes'\nimport { STATUS_SUCCESS, STATUS_UNAUTHORIZED } from 'Utilities/GeneralConstants'\nimport { API_BASE_URL } from './ApiConfig'\nimport { getAuthHeader, getSession, handleUnauthorizedRequest } from './AuthService'\n\n\nexport async function deployStreamConfig(streamConfigId: string) : Promise<StreamConfigResponse> {\n    getSession()\n    try {\n        const response = await axios.put(API_BASE_URL + \"/streams/manage/deploy/\" + streamConfigId, {}, { headers: getAuthHeader()})\n        if (response.status === STATUS_SUCCESS) {\n            return response.data\n        } \n    } catch (error) {\n        if (error.response.status === STATUS_UNAUTHORIZED) {\n            await handleUnauthorizedRequest()\n        }\n        throw error;\n    }\n}","import RenderIf from \"Components/Structure/RenderIf\"\nimport React from \"react\"\n\n\nconst TemplateIcon = () => {\n    return (\n        <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"100%\"\n        height=\"100%\"\n        fill=\"none\"\n        viewBox=\"0 0 20 20\"\n        stroke={\"currentColor\"}\n        >\n            <path d=\"M1 2.125C1 1.50368 1.50368 1 2.125 1H17.875C18.4963 1 19 1.50368 19 2.125V4.375C19 4.99632 18.4963 5.5 17.875 5.5H2.125C1.50368 5.5 1 4.99632 1 4.375V2.125Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n            <path d=\"M1 11.125C1 10.5037 1.50368 10 2.125 10H8.875C9.49632 10 10 10.5037 10 11.125V17.875C10 18.4963 9.49632 19 8.875 19H2.125C1.50368 19 1 18.4963 1 17.875V11.125Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n            <path d=\"M14.5 11.125C14.5 10.5037 15.0037 10 15.625 10H17.875C18.4963 10 19 10.5037 19 11.125V17.875C19 18.4963 18.4963 19 17.875 19H15.625C15.0037 19 14.5 18.4963 14.5 17.875V11.125Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n        </svg>\n    )\n}\n\nconst CustomizeIcon = () => {\n    return (\n        <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"100%\"\n        height=\"100%\"\n        fill=\"none\"\n        viewBox=\"0 0 26 26\"\n        stroke={\"currentColor\"}\n        >\n            <path d=\"M13.0001 19.7394C16.7224 19.7394 19.7399 16.7219 19.7399 12.9996C19.7399 9.27729 16.7224 6.25977 13.0001 6.25977C9.27778 6.25977 6.26025 9.27729 6.26025 12.9996C6.26025 16.7219 9.27778 19.7394 13.0001 19.7394Z\"  stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n            <path d=\"M23.5912 12.0372L24.8317 10.1765C24.9125 10.0566 24.966 9.92038 24.9883 9.77752C25.0105 9.63466 25.0011 9.48865 24.9606 9.34986C24.7266 8.57924 24.4181 7.83321 24.0396 7.12231C23.9703 6.99576 23.8739 6.88608 23.7573 6.80109C23.6407 6.71611 23.5067 6.65792 23.365 6.63068L21.17 6.19164L19.8084 4.83001L19.3693 2.63492C19.3421 2.49321 19.2839 2.35925 19.1989 2.24263C19.1139 2.12601 19.0042 2.02959 18.8777 1.96026C18.1667 1.58183 17.4207 1.27344 16.65 1.03944C16.5113 0.998937 16.3652 0.989484 16.2224 1.01176C16.0795 1.03403 15.9433 1.08748 15.8235 1.16831L13.9629 2.40871H12.0372L10.1766 1.16831C10.0567 1.08748 9.9205 1.03403 9.77765 1.01176C9.63479 0.989485 9.48878 0.998938 9.34999 1.03944C8.57936 1.27344 7.83331 1.58183 7.12238 1.96025C6.99581 2.02958 6.88612 2.126 6.80113 2.24263C6.71613 2.35926 6.65794 2.49322 6.63071 2.63494L6.19178 4.8299L4.83003 6.19164L2.63505 6.63057C2.49334 6.65781 2.35939 6.71599 2.24277 6.80098C2.12614 6.88596 2.02972 6.99565 1.96039 7.12221C1.5819 7.83315 1.27347 8.57921 1.03943 9.34987C0.998933 9.48866 0.989485 9.63466 1.01176 9.77752C1.03403 9.92037 1.08749 10.0566 1.16832 10.1764L2.40872 12.0371V13.9627L1.16832 15.8233C1.08749 15.9432 1.03404 16.0794 1.01177 16.2223C0.989496 16.3651 0.998947 16.5111 1.03945 16.6499C1.27341 17.4206 1.5818 18.1666 1.96025 18.8776C2.02959 19.0041 2.12601 19.1138 2.24263 19.1988C2.35925 19.2838 2.4932 19.342 2.63491 19.3692L4.83003 19.8082L6.19166 21.1699L6.6306 23.365C6.65783 23.5067 6.71602 23.6406 6.801 23.7573C6.88598 23.8739 6.99567 23.9703 7.12222 24.0397C7.83312 24.4181 8.57916 24.7265 9.34979 24.9605C9.48858 25.001 9.63457 25.0104 9.77742 24.9882C9.92026 24.9659 10.0565 24.9124 10.1763 24.8316L12.0371 23.5912H13.9627L15.8234 24.8317C15.9433 24.9125 16.0795 24.966 16.2224 24.9882C16.3652 25.0105 16.5112 25.0011 16.65 24.9606C17.4207 24.7266 18.1667 24.4182 18.8776 24.0398C19.0041 23.9704 19.1138 23.874 19.1988 23.7574C19.2838 23.6408 19.342 23.5068 19.3692 23.3651L19.8083 21.17L21.1699 19.8082L23.365 19.3693C23.5067 19.3421 23.6406 19.2839 23.7573 19.1989C23.8739 19.1139 23.9703 19.0042 24.0396 18.8777C24.4181 18.1668 24.7266 17.4208 24.9606 16.6502C25.0011 16.5114 25.0105 16.3653 24.9883 16.2225C24.966 16.0796 24.9125 15.9434 24.8317 15.8236L23.5912 13.9628V12.0372Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n        </svg>\n    )\n}\n\nconst PreviewIcon = () => {\n    return (\n        <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M11.8889 1C4.11111 1 1 8.00076 1 8.00076C1 8.00076 4.11111 15 11.8889 15C19.6667 15 22.7778 8.00076 22.7778 8.00076C22.7778 8.00076 19.6667 1 11.8889 1Z\"stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n            <path d=\"M11.5 11.5C13.433 11.5 15 9.933 15 8C15 6.067 13.433 4.5 11.5 4.5C9.567 4.5 8 6.067 8 8C8 9.933 9.567 11.5 11.5 11.5Z\"stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n        </svg>\n    )\n}\n\nconst CheckoutIcon = () => {\n    return (\n        <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"100%\"\n        height=\"100%\"\n        fill=\"none\"\n        viewBox=\"0 0 28 25\"\n        stroke={\"currentColor\"}\n        >\n            <path d=\"M23.9877 24H3.77778C3.53168 24 3.29423 23.9093 3.11086 23.7451C2.92748 23.581 2.81107 23.355 2.78389 23.1104L1.00612 7.11043C0.990585 6.97065 1.00471 6.82917 1.04758 6.69522C1.09044 6.56127 1.16108 6.43787 1.25487 6.33308C1.34867 6.22828 1.46351 6.14445 1.59191 6.08706C1.7203 6.02967 1.85936 6 2 6H25.7655C25.9061 6 26.0452 6.02967 26.1736 6.08706C26.302 6.14445 26.4168 6.22828 26.5106 6.33308C26.6044 6.43787 26.675 6.56127 26.7179 6.69522C26.7608 6.82917 26.7749 6.97065 26.7594 7.11043L24.9816 23.1104C24.9544 23.355 24.838 23.581 24.6546 23.7451C24.4712 23.9093 24.2338 24 23.9877 24Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n            <path d=\"M9 6C9 4.67392 9.52678 3.40215 10.4645 2.46447C11.4021 1.52678 12.6739 1 14 1C15.3261 1 16.5979 1.52678 17.5355 2.46447C18.4732 3.40215 19 4.67392 19 6\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n            <path d=\"M14.7573 18.4852L18.9999 14.2426L14.7573 10\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n            <path d=\"M9 14.2426H19\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n        </svg>\n    )\n}\n\nconst PublishIcon = () => {\n    return (\n        <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"100%\"\n        height=\"100%\"\n        fill=\"none\"\n        viewBox=\"0 0 26 26\"\n        stroke={\"currentColor\"}\n        >\n          <path d=\"M8.45693 19.611C7.04272 23.8537 1.38586 23.8537 1.38586 23.8537C1.38586 23.8537 1.38586 18.1968 5.62851 16.7826M12.6996 18.1968L21.1849 9.71156C24.3979 6.49854 24.3665 3.28552 24.1621 1.91525C24.1306 1.70427 24.0322 1.50898 23.8814 1.35814C23.7306 1.20731 23.5353 1.10892 23.3243 1.07747C21.954 0.873024 18.741 0.841683 15.528 4.0547L7.04272 12.54M12.6996 18.1968L7.04272 12.54M12.6996 18.1968L13.7474 23.4357C13.7828 23.6132 13.8659 23.7777 13.9875 23.9117C14.1092 24.0457 14.2649 24.1442 14.4381 24.1967C14.6114 24.2491 14.7956 24.2536 14.9712 24.2095C15.1467 24.1655 15.3071 24.0747 15.435 23.9467L19.4778 19.904C19.5706 19.8111 19.6443 19.7009 19.6945 19.5795C19.7448 19.4582 19.7707 19.3282 19.7707 19.1969V11.1258M7.04272 12.54L1.80388 11.4922C1.6264 11.4567 1.46188 11.3737 1.32786 11.2521C1.19384 11.1304 1.09536 10.9747 1.04291 10.8014C0.990457 10.6282 0.986007 10.444 1.03003 10.2684C1.07406 10.0929 1.16491 9.93253 1.29289 9.80455L5.33561 5.76183C5.42847 5.66897 5.53871 5.59531 5.66004 5.54505C5.78136 5.4948 5.9114 5.46893 6.04272 5.46893H14.1138\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n        </svg>\n    )\n}\n \nenum StepState {\n    COMPLETED = \"COMPLETED\",\n    ACTIVE =  \"ACTIVE\",\n    INACTIVE =  \"INACTIVE\"\n}\n\nconst getIconByName = (name) => {\n    if (name === \"TEMPLATE\") {\n        return <TemplateIcon />\n    } else if (name === \"CUSTOMIZE\") {\n        return <CustomizeIcon />\n    } else if (name === \"PREVIEW\") {        \n        return <PreviewIcon />\n    } else if (name === \"CHECKOUT\") {\n        return <CheckoutIcon />\n    } else if (name === \"PUBLISH\") {\n        return <PublishIcon />\n    } \n}\nconst StepperCircle = ({isFirstStep, stepName, iconName, stepState}) => {\n    return ( \n        <React.Fragment>\n            <RenderIf condition={!isFirstStep}>\n                <div className={`flex-auto border-t-2 transition duration-500 ease-in-out ${stepState === StepState.INACTIVE ? 'border-gray-300' : 'border-blue-700' }`}> </div>\n            </RenderIf>\n            <div className={`flex items-center relative ${ stepState === StepState.ACTIVE ? 'text-white' : stepState === StepState.COMPLETED ? 'text-blue-700' : 'text-gray-500' }`}>\n                <div className={`rounded-full transition duration-500 ease-in-out h-12 w-12 py-3 border-2 ${stepState === StepState.ACTIVE ? 'bg-blue-700' : ''} ${ stepState === StepState.INACTIVE ? 'border-gray-300' : 'border-blue-700' }`}>\n                    {getIconByName(iconName)}\n                </div>\n                <div className={`absolute top-0 -ml-10 text-center mt-14 w-32 text-xs font-medium uppercase ${stepState === StepState.INACTIVE ? 'xs:text-gray-500 text-transparent\t' : 'xs:text-blue-700 text-transparent\t'  }` }> {stepName} </div>\n            </div>\n        </React.Fragment>\n    )\n}\n\nconst Stepper = ({currentStep, steps}) => {\n  return (\n    <div className=\"mx-2 pb-4\">\n        <div className=\"flex items-center\">\n            <RenderIf condition={currentStep > 0} >\n            {steps.slice(0,currentStep).map((step) => (\n                <StepperCircle isFirstStep={step.label === 'Template' ? true : false} stepName={step.label} iconName={step.iconName} stepState={StepState.COMPLETED}/>\n            ))}\n            </RenderIf >\n\n            <StepperCircle isFirstStep={ currentStep === 0 ? true : false} stepName={steps[currentStep].label} iconName={steps[currentStep].iconName} stepState={StepState.ACTIVE}/>\n            \n            <RenderIf condition={currentStep < steps.length - 1} >\n                {steps.slice(currentStep + 1 - steps.length).map((step) => (\n                    <StepperCircle isFirstStep={false} stepName={step.label} iconName={step.iconName} stepState={StepState.INACTIVE}/>\n                ))}\n            </RenderIf >\n        </div>\n    </div>\n  )\n}\n\nexport default Stepper\n\n\n","import { InformationCircleIcon } from '@heroicons/react/solid'\nimport RenderIf from '../RenderIf'\n\n\ninterface InformationAlertActionInterface {\n  message: any\n  detailsMessage?: string\n  detailsLink?: string\n}\n\nexport const InformationAlertAction = ({message, detailsMessage, detailsLink} : InformationAlertActionInterface) => {\n    return (\n    <div className=\"rounded-md bg-blue-50 p-4\">\n      <div className=\"flex\">\n        <div className=\"flex-shrink-0\">\n          <InformationCircleIcon className=\"h-5 w-5 text-blue-400 mt-0.5\" aria-hidden=\"true\" />\n        </div>\n        <div className=\"ml-3 flex-1 md:flex md:justify-between\">\n          <p className=\"text-md text-blue-700\">{message}</p>\n          <RenderIf condition={detailsMessage} >\n          <p className=\" md:ml-6\">\n            <a className=\"whitespace-nowrap font-medium text-blue-700 hover:text-blue-600\" href={detailsLink} target=\"_blank\" rel=\"noreferrer\">\n              {detailsMessage} <span aria-hidden=\"true\">&rarr;</span>\n            </a>\n          </p>\n          </RenderIf>\n        </div>\n      </div>\n    </div>\n  )\n}","export const TitleTextBox = ({title, text}) => {\n    return (\n      <div  className=\"flex flex-col bg-white rounded-md shadow-md bg-white pt-4 px-6\">\n        <div className=\"flex-1 relative pb-6 \">\n          <h3 className=\"text-xl font-medium text-gray-900\">\n              {title}\n          </h3>\n          <p className=\"mt-4 text-base text-gray-600\">\n             {text}\n          </p>\n        </div>\n      </div>\n    )\n  }","import { InformationAlertAction } from 'Components/Structure/Alerts/InformationAlertAction'\nimport { TitleTextBox } from 'Components/Content/TitleTextBox'\nimport React from 'react'\nimport { useStores } from 'Store/StoreConfig'\nimport { TechnicalSupport } from './TechnicalSupport'\nimport { PUBLISH_STREAM_SUCCESS_NEXT_STEP_MESSAGE, PUBLSIH_STREAM_SUCCESS_CONGRATULATIONS } from 'Utilities/GeneralConstants'\n\n\n\nconst StreamPublishSuccess = ({streamKey}) => {\n  const { StreamBuilderStore } = useStores()\n\n  return (\n    <React.Fragment>\n\n        <div className=\"flex flex-col lg:flex-row mt-2 lg:pb-8 \"   style={{ backgroundRepeat: 'no-repeat', backgroundImage: `url(${process.env.PUBLIC_URL}/images/PublishSuccess.svg)` }} >\n            <div className=\"lg:w-3/12 \"></div>\n\n            <div className=\"lg:w-5/12 px-6 m-auto lg:pt-20 pt-80\">\n              <p className=\"text-black lg:text-white font-medium\ttext-xl \">Congratulations! <br/>\n                <span> {PUBLSIH_STREAM_SUCCESS_CONGRATULATIONS} </span>\n              </p>\n            </div>\n          \n            <div className=\"px-2 lg:px-8 pt-2 lg:pt-10 lg:w-4/12 \">\n              < TechnicalSupport />\n            </div>\n        </div>\n\n          <div className=\"mx-2 mt-5 mb-4\"  >\n \n            <TitleTextBox \n               title={\"What's next?\"} \n               text={PUBLISH_STREAM_SUCCESS_NEXT_STEP_MESSAGE}  \n            />\n\n            <div className=\"mt-5\" />\n\n            <InformationAlertAction \n               message={ <p>If you need to change your stream key: \n                         <span className=\"font-semibold\">{\" \" + StreamBuilderStore.streamConfig.streamKey}, </span>\n                         or update your stream configuration (e.g text, color, background), you can do so by going to your personal Dashboard/Manage streams page. Login is required.</p> } \n            />\n\n          </div>\n\n\n    </React.Fragment>\n  )\n}\n\nexport default StreamPublishSuccess\n","import React, { useEffect, useState } from 'react'\nimport InputWithLabel from '../Structure/InputWithLabel'\nimport { useStores } from 'Store/StoreConfig'\nimport ParagraphBoldLarge from 'Components/Typography/ParagraphBoldLarge'\nimport { InformationAlert } from 'Components/Structure/Alerts/InformationAlert'\nimport { ModalFrame } from './Modals/ModalFrame'\nimport { CreateUserModalBody } from './Modals/CreateUserModalBody'\nimport { TechnicalSupport } from './TechnicalSupport'\nimport { LoginModalBody } from './Modals/LoginModalBody'\nimport { VerifyEmailModalBody } from './Modals/VerifyEmailModalBody'\nimport { ResetPasswordModalBody } from './Modals/ResetPasswordModalBody'\nimport StandardButton from 'Components/Structure/StandardButton'\nimport { observer } from 'mobx-react'\nimport { AuthModalTypes } from 'Types/GeneralTypes'\nimport { updateStreamConfig } from 'Services/StreamConfigService'\nimport { StreamConfigResponse } from 'Types/StreamTypes'\nimport { useHistory } from \"react-router-dom\"\nimport { isStreamKeyValid, isVideoIdValid } from 'Utilities/HelperFunctions'\nimport { deployStreamConfig } from 'Services/StreamManagementService'\nimport { PlayIcon } from '@heroicons/react/outline'\nimport RenderIf from 'Components/Structure/RenderIf'\nimport StreamPublishSuccess from './StreamPublishSuccess'\nimport { PUBLISH_STREAM_VIDEO_URL_WATCH } from 'Utilities/GeneralConstants'\n\n\nconst BuildStepFive = observer(() => {\n  const { StreamBuilderStore, CheckoutStore, UserStore } = useStores()\n  const [streamConfig] = useState(StreamBuilderStore.getStreamConfig(true))\n  const [checkoutDetails] = useState(CheckoutStore.checkoutDetails)\n  const [showStreamKeyError, setShowStreamKeyError] = useState(false)\n  const [showVideoIdError, setShowVideoIdError] = useState(false)\n  const [publishingStream, setPublishingStream] = useState(false)\n  const [savingAndExiting, setSavingAndExiting] = useState(false)\n  const incomplete = isStreamKeyValid(streamConfig.streamKey) === false || isVideoIdValid(streamConfig.videoId) === false\n  const [openAuthModal, setOpenAuthModal] = useState(false)\n  const [currentModal, setCurrentModal] = useState(AuthModalTypes.CREATE)\n  const [streamPublishSuccess, setStreamPublishSuccess] = useState(false)\n  const history = useHistory()\n\n  const saveAndPublishStream = async () => {\n    if (UserStore.user) {\n      setPublishingStream(true)\n      let streamConfigResponse : StreamConfigResponse = await saveStream()\n      if (streamConfigResponse) {\n        await deployStreamConfig(streamConfig.id)\n        setStreamPublishSuccess(true)\n      }\n      setPublishingStream(false)\n    } else {\n      setCurrentModal(AuthModalTypes.LOGIN)\n      setOpenAuthModal(true)\n    }\n  }\n\n  const saveStream = async () => {\n    if (UserStore.user) {\n      const customerEmail = UserStore.user.username\n      updateStoreStreamConfig(streamConfig.videoId,streamConfig.streamKey, customerEmail)\n    } else {\n      updateStoreStreamConfig(streamConfig.videoId,streamConfig.streamKey, streamConfig.customerId)\n    }\n    return await updateStreamConfig(streamConfig.id,streamConfig)\n  }\n\n\n  useEffect(() => {\n    if (!UserStore.user) {\n      setOpenAuthModal(true)\n    }\n  },[]);\n\n  const updateStoreStreamConfig = (newVideoId, newStreamKey, newCustomerId) => {\n    let newStreamConfig = StreamBuilderStore.streamConfig\n    newStreamConfig.videoId = newVideoId\n    newStreamConfig.streamKey = newStreamKey\n    newStreamConfig.customerId = newCustomerId\n    StreamBuilderStore.setStreamConfig(newStreamConfig,true)\n  }\n\n\n  const editInMyDashboard = () => {\n    if (UserStore.user) {\n      saveAndExitBuilder()\n      history.push(\"/Dashboard/ManageStreams\")\n    } else {\n      setCurrentModal(AuthModalTypes.LOGIN)\n      setOpenAuthModal(true)\n    }\n  }\n\n\n  const saveAndExitBuilder = async () => {\n    setSavingAndExiting(true)\n    await saveStream()\n    CheckoutStore.resetCheckoutDetails()\n    StreamBuilderStore.resetBuilderStreamConfig()\n    StreamBuilderStore.setStreamBuilderStep(0)\n    setSavingAndExiting(false)\n  }\n\n  return (\n    <React.Fragment>\n      <RenderIf condition={!streamPublishSuccess} >\n        <div className=\"flex flex-col lg:flex-row mt-3 sm:mt-4 mx-5 pb-10\">\n            <div className=\"lg:w-8/12 pb-4 \">\n              <ParagraphBoldLarge>You are nearly there! We just need more info so we know where to publish your stream</ParagraphBoldLarge>\n              <div className=\"max-w-sm mt-6\">\n                <InputWithLabel\n                  id=\"video-id\"\n                  label=\"Video Id\"\n                  onChange={e => updateStoreStreamConfig(e.target.value,streamConfig.streamKey, streamConfig.customerId)}\n                  onBlur={() => setShowVideoIdError(true)}\n                  value={streamConfig.videoId}\n                  type=\"text\"\n                  showError={isVideoIdValid(streamConfig.videoId) === false && showVideoIdError}\n                  errorMessage={\"YouTube Video Id is invalid.\"}\n                />\n                \n              </div>\n              <div className=\"max-w-sm mt-4\">\n                <InputWithLabel\n                  id=\"stream-key\"\n                  label=\"Stream key\"\n                  onChange={e => updateStoreStreamConfig(streamConfig.videoId, e.target.value, streamConfig.customerId)}\n                  onBlur={() => setShowStreamKeyError(true)}\n                  value={streamConfig.streamKey}\n                  type=\"text\"\n                  showError={isStreamKeyValid(streamConfig.streamKey) === false && showStreamKeyError}\n                  errorMessage={\"Stream key format is incorrect.\"}\n                />\n              </div>\n\n              <p className=\"font-medium text-base\t\">\n                  <a className=\"items-center font-medium text-sm border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\" href={PUBLISH_STREAM_VIDEO_URL_WATCH} target=\"_blank\" rel=\"noreferrer\">\n                      <PlayIcon className=\"mr-1 h-6 w-6 inline\" aria-hidden=\"true\" />Play Video: <span className=\"ml-1 font-normal inline-block\">How to publish your stream to YouTube</span>\n                  </a>\n              </p>\n\n            </div>\n            \n\n            <div className=\"lg:pl-5 lg:pt-10 md:w-12/12 lg:w-4/12\">\n              < TechnicalSupport />\n              <div className=\"pt-8\">\n              <InformationAlert title={\"Stream management\"} message={\"If you wish to publish later or update your stream, you will need to go to Dashboard>Manage Streams.\"}/>\n              </div>\n            </div>\n            <ModalFrame \n              open={openAuthModal} \n              setOpen={setOpenAuthModal} \n              modalWidth={\"24rem\"}\n              isBasicCloseStyle={true}\n              modalBody={ currentModal === AuthModalTypes.CREATE ? \n                          <CreateUserModalBody setCurrentModal={setCurrentModal} cardFullName={checkoutDetails.fullName} preSetEmail={checkoutDetails.email} /> \n                        \n                          : currentModal === AuthModalTypes.LOGIN ?  <LoginModalBody setCurrentModal={setCurrentModal} setOpenAuthModal={setOpenAuthModal} subHeadingText={\"Link your stream to your existing account.\"} /> \n                      \n                          : currentModal === AuthModalTypes.VERIFY ? <VerifyEmailModalBody setCurrentModal={setCurrentModal} message={\"Congratulations! Your stream will now be linked to your newly created account.\"} /> \n                          \n                          : currentModal === AuthModalTypes.RESETPASSWORD ? <ResetPasswordModalBody setCurrentModal={setCurrentModal}/> :  null\n                        }  \n              easyClose={false}\n            />\n        </div>\n      </RenderIf>\n\n      <RenderIf condition={streamPublishSuccess} >\n        <StreamPublishSuccess streamKey={streamConfig.streamKey} />\n      </RenderIf>\n\n\n      <div className=\"flex justify-end mr-4\">\n        <StandardButton\n          disabled={false}\n          text={\"Dashboard\"}\n          onClick={() =>{editInMyDashboard()}}\n          isSpinning={savingAndExiting}\n          extendClassName='mr-4'\n          customColor='bg-blue-400 hover:bg-blue-700'\n        />\n\n        <RenderIf condition={!streamPublishSuccess} >\n          <StandardButton\n              disabled={incomplete}\n              onClick={e => {saveAndPublishStream()}}\n              text={\"Publish stream\"}\n              isSpinning={publishingStream}\n          />\n        </RenderIf>\n      </div>\n\n    </React.Fragment>\n  )\n})\n\nexport default BuildStepFive\n","\ninterface HeadingInterface {\n  children? : any\n  textColor? : string\n}\n\nexport const HeadingOne = ({ children, textColor } : HeadingInterface) => {\n    return <h1 className={`text-2xl md:text-3xl leading-relaxed font-semibold mb-4 ${textColor ? textColor: 'text-gray-800' }`}>{children}</h1>\n}\n  \nexport default HeadingOne\n","import HeadingOne from \"./HeadingOne\"\n\nexport const PageHeader = ({ text }) => {\n    return (\n        <div className={`mb-8` }> \n        <div className={`bg-blue-800 pt-4 pb-24 -mb-36 text-center color-white` }> \n            <HeadingOne textColor=\"text-white\"> {text} </HeadingOne>\n        </div>\n        </div>\n    )\n}\n  \nexport default PageHeader\n\n\n","import Layout from \"../Components/Structure/Foundation/Layout\"\nimport RenderIf from \"../Components/Structure/RenderIf\"\nimport BuildStepOne from \"../Components/StreamBuilder/BuildStepOne\"\nimport BuildStepTwo from \"Components/StreamBuilder/BuildStepTwo\"\nimport {useStores} from \"../Store/StoreConfig\"\nimport { observer } from \"mobx-react\"\nimport BuildStepThree from \"Components/StreamBuilder/BuildStepThree\"\nimport BuildStepFour from \"Components/StreamBuilder/BuildStepFour\"\nimport Body from \"Components/Structure/Foundation/Body\"\nimport BuildStepFive from \"Components/StreamBuilder/BuildStepFive\"\nimport Stepper from \"Components/StreamBuilder/Stepper\"\nimport PageHeader from \"Components/Typography/PageHeader\"\nimport { Helmet } from \"react-helmet\"\nimport { STREAMBUILDER_DESCRIPTION, STREAMBUILDER_TITLE } from \"Utilities/SEOConstants\"\n\n\nconst stepTitles = ['Template', 'Customize', 'Preview', 'Checkout', 'Publish' ]\n\nconst StreamBuilder  = observer(() => {\n  const { StreamBuilderStore } = useStores()\n\n  return (\n    <Layout header={{ showAccount: true, showMenu: true }} footer={{basicFooter: true}}>\n      <Helmet>\n        <title>{STREAMBUILDER_TITLE}</title>\n        <meta name=\"description\" content={STREAMBUILDER_DESCRIPTION} />\n      </Helmet>\n      <PageHeader text={`Stream Builder - ${stepTitles[Math.min(StreamBuilderStore.streamBuilderStep,4)]}`}  />\n      <Body > \n        <Stepper \n          currentStep={Math.min(StreamBuilderStore.streamBuilderStep,4)}\n          steps={[{\n            label: 'Template',\n            iconName: \"TEMPLATE\"\n          }, {\n            label: 'Customize',\n            iconName: \"CUSTOMIZE\"\n          }, {\n            label: 'Preview',\n            iconName: \"PREVIEW\"\n          }, {\n            label: 'Checkout',\n            iconName: \"CHECKOUT\"\n          },  {\n            label: 'Publish',\n            iconName: \"PUBLISH\"\n          }]}\n        />\n        <div className=\"pt-3 sm:pt-6\" />\n\n        <div className=\"h-800\" >\n        <RenderIf condition={StreamBuilderStore.streamBuilderStep === 0}>\n          <BuildStepOne/>\n        </RenderIf>\n        <RenderIf condition={StreamBuilderStore.streamBuilderStep === 1}>\n          <BuildStepTwo/>\n        </RenderIf>\n        <RenderIf condition={StreamBuilderStore.streamBuilderStep === 2}>\n          <BuildStepThree/>\n        </RenderIf>\n        <RenderIf condition={StreamBuilderStore.streamBuilderStep === 3}>\n          <BuildStepFour/>\n        </RenderIf>\n        <RenderIf condition={StreamBuilderStore.streamBuilderStep === 4}>\n          <BuildStepFive/>\n        </RenderIf>\n        </div>\n       </Body> \n    </Layout>\n  )\n})\n\nexport default StreamBuilder\n","export const HOME_TITLE = \"Stream Create - Build and stream beautiful 24/7 live polls and countdowns to YouTube\"\nexport const HOME_DESCRIPTION = \"Stream Create enables you to design and host beautiful 24/7 live polls and countdowns on YouTube within minutes.\"\n\nexport const TEMPLATES_COUNTDOWN_TITLE = \"Live Countdown Stream | Host a beautiful 24/7 countdown live stream on YouTube\"\nexport const TEMPLATES_COUNTDOWN_DESCRIPTION = \"With the live countdown stream template you can create countdowns to events or product launches that are important to you and your fans. This will help grow you channel engagement and your viewers will spend more time interacting with your content.\" \n\nexport const TEMPLATES_POLL_TITLE = \"Live Voting Poll Stream | Host a beautiful 24/7 voting poll live stream on YouTube\"\nexport const TEMPLATES_POLL_DESCRIPTION = \"With the live voting poll stream template you can create live polls on YouTube with 1 to 10 vote options. We will read the live chat of your stream and both update and rank the vote counts in real time. Additionally, we will display the name of the last five voters on stream. This will greatly increase your YouTube channel engagement and your stream engagement.\" \n\nexport const STREAMBUILDER_TITLE = \"Stream Builder | Design, purchase and host your 24/7 live stream within minutes\"\nexport const STREAMBUILDER_DESCRIPTION = \"Here you can customize your 24/7 live stream content. You can change the text, color and font. You can use one of our predesigned background images or you can upload your own image. We also provide a selection of great background music for your live stream. Once you are ready, you can preview, purchase and the publish your 24/7 live stream! We will host your live stream on our dedicated streaming servers.\" \n\nexport const PRICING_TITLE = \"Pricing | Affordable 24/7 live stream hosting\"\nexport const PRICING_DESCRIPTION = \"Here you can calculate how much it will cost to host your 24/7 live stream based on whether you selected a live countdown stream or a live voting poll stream.\" \n\nexport const CONTACT_TITLE = \"Contact | Reach out to our friendly team of streaming experts\"\nexport const CONTACT_DESCRIPTION = \"Here you can submit a question to the StreamCreate customer support team. We can help you with general queries as well as technical questions on how to get your live stream up and running.\" \n\nexport const SUPPORT_TITLE = \"Support | Frequently asked questions, Contact Us\"\nexport const SUPPORT_DESCRIPTION = \"Find answers to questions about 24/7 live streaming with StreamCreate. Otherwise, contact our friendly customer support team.\" \n\nexport const GUIDE_TITLE = \"Streaming Guides | how-to's and guides on 24/7 live streaming\"\nexport const GUIDE_DESCRIPTION = \"Here you can find helpful guides and tutorials related to 24/7 live streaming on YouTube.\" \n\nexport const TERMSOFSERVICE_TITLE = \"Terms of Service\"\nexport const TERMSOFSERVICE_DESCRIPTION = \"Here you can find the terms you must agree to in order to use our streaming services.\" \n\nexport const PRIVACYPOLICY_TITLE = \"Privacy Policy\"\nexport const PRIVACYPOLICY_DESCRIPTION = \"Here you can find our privacy policy disclosure.\" \n\nexport const MANAGESTREAMS_TITLE = \"StreamCreate Manage Streams\"\n\nexport const ACCOUNTSETTINGS_TITLE = \"StreamCreate Account Settings\"","\nconst ReliabilityIcon = () => {\n    return (\n        <svg width=\"75\" height=\"76\" viewBox=\"0 0 75 76\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <circle cx=\"27.5\" cy=\"27.5\" r=\"27.5\" fill=\"#DBEAFE\"/>\n        <path d=\"M65.7893 29.8059C65.2646 29.8325 64.7364 29.846 64.205 29.846C56.3243 29.846 49.1357 26.8833 43.692 22.011C38.2483 26.8831 31.0598 29.8456 23.1793 29.8456C22.648 29.8456 22.1198 29.8322 21.5951 29.8056C20.9555 32.2764 20.6152 34.8676 20.6152 37.5384C20.6152 51.8756 30.4212 63.9225 43.6922 67.3382C56.9631 63.9225 66.7691 51.8756 66.7691 37.5384C66.7691 34.8677 66.4288 32.2766 65.7893 29.8059Z\" fill=\"#FBBF24\" stroke=\"#1D4ED8\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <path d=\"M41 50L52 39.6875\" stroke=\"#1D4ED8\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <path d=\"M36 45L41 50\" stroke=\"#1D4ED8\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        </svg>\n    )\n}\n\nconst FlexibilityIcon = () => {\n    return (\n        <svg width=\"76\" height=\"76\" viewBox=\"0 0 76 76\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <circle cx=\"27.5\" cy=\"27.5\" r=\"27.5\" fill=\"#DBEAFE\"/>\n        <path d=\"M41.8116 26.7933C42.8776 22.4022 49.1224 22.4022 50.1884 26.7933C50.8771 29.6298 54.1269 30.9759 56.6195 29.4571C60.4782 27.106 64.894 31.5218 62.5429 35.3805C61.0241 37.8731 62.3702 41.1229 65.2067 41.8116C69.5978 42.8776 69.5978 49.1224 65.2067 50.1884C62.3702 50.8771 61.0241 54.1269 62.5429 56.6195C64.894 60.4782 60.4782 64.894 56.6195 62.5429C54.1269 61.0241 50.8771 62.3702 50.1884 65.2067C49.1224 69.5978 42.8776 69.5978 41.8116 65.2067C41.1229 62.3702 37.8731 61.0241 35.3805 62.5429C31.5218 64.894 27.106 60.4782 29.4571 56.6195C30.9759 54.1269 29.6298 50.8771 26.7933 50.1884C22.4022 49.1224 22.4022 42.8776 26.7933 41.8116C29.6298 41.1229 30.9759 37.8731 29.4571 35.3805C27.106 31.5218 31.5218 27.106 35.3805 29.4571C37.8731 30.9759 41.1229 29.6298 41.8116 26.7933Z\" fill=\"#FCD34D\"/>\n        <path d=\"M53.5 46C53.5 50.1421 50.1421 53.5 46 53.5C41.8579 53.5 38.5 50.1421 38.5 46C38.5 41.8579 41.8579 38.5 46 38.5C50.1421 38.5 53.5 41.8579 53.5 46Z\" fill=\"#FCD34D\"/>\n        <path d=\"M41.8116 26.7933C42.8776 22.4022 49.1224 22.4022 50.1884 26.7933C50.8771 29.6298 54.1269 30.9759 56.6195 29.4571C60.4782 27.106 64.894 31.5218 62.5429 35.3805C61.0241 37.8731 62.3702 41.1229 65.2067 41.8116C69.5978 42.8776 69.5978 49.1224 65.2067 50.1884C62.3702 50.8771 61.0241 54.1269 62.5429 56.6195C64.894 60.4782 60.4782 64.894 56.6195 62.5429C54.1269 61.0241 50.8771 62.3702 50.1884 65.2067C49.1224 69.5978 42.8776 69.5978 41.8116 65.2067C41.1229 62.3702 37.8731 61.0241 35.3805 62.5429C31.5218 64.894 27.106 60.4782 29.4571 56.6195C30.9759 54.1269 29.6298 50.8771 26.7933 50.1884C22.4022 49.1224 22.4022 42.8776 26.7933 41.8116C29.6298 41.1229 30.9759 37.8731 29.4571 35.3805C27.106 31.5218 31.5218 27.106 35.3805 29.4571C37.8731 30.9759 41.1229 29.6298 41.8116 26.7933Z\" stroke=\"#1D4ED8\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <path d=\"M53.5 46C53.5 50.1421 50.1421 53.5 46 53.5C41.8579 53.5 38.5 50.1421 38.5 46C38.5 41.8579 41.8579 38.5 46 38.5C50.1421 38.5 53.5 41.8579 53.5 46Z\" stroke=\"#1D4ED8\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <circle cx=\"45.5\" cy=\"45.5\" r=\"5.5\" fill=\"white\"/>\n        </svg>\n    )\n}\n\nconst HDIcon = () => {\n    return (\n        <svg width=\"76\" height=\"76\" viewBox=\"0 0 76 76\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <circle cx=\"27.5\" cy=\"27.5\" r=\"27.5\" fill=\"#DBEAFE\"/>\n        <rect x=\"24\" y=\"26\" width=\"47\" height=\"42.8772\" rx=\"8\" fill=\"#FBBF24\" stroke=\"#1D4ED8\" stroke-width=\"3\"/>\n        <g clip-path=\"url(#clip0_328_256)\">\n        <path d=\"M56.788 40.8818L54.1006 56.3385L56.0406 56.3544C58.182 56.3544 59.8994 55.5698 61.1928 54.0009C62.4968 52.4319 63.2441 50.0625 63.4349 46.8927L63.4667 46.3839C63.4985 44.6347 63.1646 43.2936 62.4649 42.3607C61.7652 41.4278 60.721 40.9401 59.3323 40.8977L56.788 40.8818Z\" fill=\"#FCD34D\"/>\n        <path d=\"M56.788 40.8818L54.1006 56.3385L56.0406 56.3544C58.182 56.3544 59.8994 55.5698 61.1928 54.0009C62.4968 52.4319 63.2441 50.0625 63.4349 46.8927L63.4667 46.3839C63.4985 44.6347 63.1646 43.2936 62.4649 42.3607C61.7652 41.4278 60.721 40.9401 59.3323 40.8977L56.788 40.8818Z\" fill=\"#FCD34D\"/>\n        <path d=\"M56.788 40.8818L54.1006 56.3385L56.0406 56.3544C58.182 56.3544 59.8994 55.5698 61.1928 54.0009C62.4968 52.4319 63.2441 50.0625 63.4349 46.8927L63.4667 46.3839C63.4985 44.6347 63.1646 43.2936 62.4649 42.3607C61.7652 41.4278 60.721 40.9401 59.3323 40.8977L56.788 40.8818Z\" fill=\"#FCD34D\"/>\n        <path d=\"M45.138 59.4153H40.7108L42.3427 49.9867H33.8056L32.1586 59.4153H27.7314L31.5542 37.4153H35.9814L34.4251 46.3301H42.9773L44.5185 37.4153H48.9457L45.138 59.4153ZM49.0968 59.4153L52.9196 37.4153L59.2356 37.4304C60.7163 37.4606 62.046 37.7981 63.2246 38.4428C64.4132 39.0774 65.3752 39.994 66.1105 41.1927C66.8459 42.3915 67.2891 43.7413 67.4402 45.2422C67.5208 46.1186 67.5108 47.0151 67.41 47.9318L67.3042 48.7326C66.861 51.956 65.5918 54.5448 63.4965 56.4991C61.4114 58.4432 58.878 59.4153 55.8962 59.4153H49.0968ZM56.7122 41.087L54.1587 55.7738L56.002 55.7889C58.0368 55.7889 59.6687 55.0434 60.8976 53.5527C62.1367 52.0618 62.8468 49.8104 63.0281 46.7985L63.0583 46.315C63.0885 44.6529 62.7712 43.3786 62.1064 42.4922C61.4416 41.6058 60.4494 41.1424 59.1298 41.1021L56.7122 41.087Z\" fill=\"#1D4ED8\"/>\n        <path d=\"M45.138 59.4153H40.7108L42.3427 49.9867H33.8056L32.1586 59.4153H27.7314L31.5542 37.4153H35.9814L34.4251 46.3301H42.9773L44.5185 37.4153H48.9457L45.138 59.4153ZM49.0968 59.4153L52.9196 37.4153L59.2356 37.4304C60.7163 37.4606 62.046 37.7981 63.2246 38.4428C64.4132 39.0774 65.3752 39.994 66.1105 41.1927C66.8459 42.3915 67.2891 43.7413 67.4402 45.2422C67.5208 46.1186 67.5108 47.0151 67.41 47.9318L67.3042 48.7326C66.861 51.956 65.5918 54.5448 63.4965 56.4991C61.4114 58.4432 58.878 59.4153 55.8962 59.4153H49.0968ZM56.7122 41.087L54.1587 55.7738L56.002 55.7889C58.0368 55.7889 59.6687 55.0434 60.8976 53.5527C62.1367 52.0618 62.8468 49.8104 63.0281 46.7985L63.0583 46.315C63.0885 44.6529 62.7712 43.3786 62.1064 42.4922C61.4416 41.6058 60.4494 41.1424 59.1298 41.1021L56.7122 41.087Z\" fill=\"#1D4ED8\"/>\n        </g>\n        <defs>\n        <clipPath id=\"clip0_328_256\">\n        <rect width=\"42\" height=\"24\" fill=\"white\" transform=\"translate(28 37)\"/>\n        </clipPath>\n        </defs>\n        </svg>\n    )\n}\n\n\nconst SimplicityIcon = () => {\n    return (\n        <svg width=\"76\" height=\"76\" viewBox=\"0 0 76 76\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <circle cx=\"27.5\" cy=\"27.5\" r=\"27.5\" fill=\"#DBEAFE\"/>\n        <path d=\"M62.7889 26H32.1859C29.8727 26 28 27.8762 28 30.1875V34.5625C28 36.8738 29.8727 38.75 32.1859 38.75H62.7889C65.1021 38.75 66.9748 36.8738 66.9748 34.5625V30.1875C66.9748 27.8762 65.1021 26 62.7889 26ZM45.3015 43.5H32.1859C29.8727 43.5 28 45.3762 28 47.6875V60.8125C28 63.1238 29.8727 65 32.1859 65H45.3015C47.6147 65 49.4874 63.1238 49.4874 60.8125V47.6875C49.4874 45.3762 47.6147 43.5 45.3015 43.5ZM62.7889 43.5H58.417C56.1038 43.5 54.2311 45.3762 54.2311 47.6875V60.8125C54.2311 63.1238 56.1038 65 58.417 65H62.7889C65.1021 65 66.9748 63.1238 66.9748 60.8125V47.6875C66.9748 45.3762 65.1021 43.5 62.7889 43.5Z\" fill=\"#FBBF24\" stroke=\"#1D4ED8\" stroke-width=\"4\"/>\n        </svg>\n\n    )\n}\n\nconst MusicIcon = () => {\n    return (\n        <svg width=\"76\" height=\"76\" viewBox=\"0 0 76 76\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M27.5 55C42.6878 55 55 42.6878 55 27.5C55 12.3122 42.6878 0 27.5 0C12.3122 0 0 12.3122 0 27.5C0 42.6878 12.3122 55 27.5 55Z\" fill=\"#DBEAFE\"/>\n        <path d=\"M65.4375 34.7812L39.9375 40.9062\" stroke=\"#1D4ED8\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <path d=\"M38 64V29.6848L66 23V57.3152\" stroke=\"#1D4ED8\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <path d=\"M58.0625 61.8125C62.4635 61.8125 66.0311 59.4129 66.0311 56.453C66.0311 53.4931 62.4635 51.0938 58.0625 51.0938C53.6615 51.0938 50.0938 53.4931 50.0938 56.453C50.0938 59.4129 53.6615 61.8125 58.0625 61.8125Z\" fill=\"#FBBF24\" stroke=\"#1D4ED8\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <path d=\"M29.9687 68.7188C34.3698 68.7188 37.9375 66.3193 37.9375 63.3594C37.9375 60.3995 34.3698 58 29.9687 58C25.5677 58 22 60.3995 22 63.3594C22 66.3193 25.5677 68.7188 29.9687 68.7188Z\" fill=\"#FBBF24\" stroke=\"#1D4ED8\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        </svg>\n    )\n}\n\nconst SupportIcon = () => {\n    return (\n        <svg width=\"76\" height=\"76\" viewBox=\"0 0 76 76\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <circle cx=\"27.5\" cy=\"27.5\" r=\"27.5\" fill=\"#DBEAFE\"/>\n        <circle cx=\"48.875\" cy=\"43.0417\" r=\"23.375\" fill=\"#FBBF24\"/>\n        <circle cx=\"47.0417\" cy=\"43.9584\" r=\"7.79167\" fill=\"white\"/>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M47.5003 22.8751C36.1095 22.8751 26.8753 32.1092 26.8753 43.5001C26.8753 54.891 36.1095 64.1251 47.5003 64.1251C58.8912 64.1251 68.1253 54.891 68.1253 43.5001C68.1253 32.1092 58.8912 22.8751 47.5003 22.8751ZM22.292 43.5001C22.292 29.5779 33.5781 18.2917 47.5003 18.2917C61.4225 18.2917 72.7087 29.5779 72.7087 43.5001C72.7087 57.4223 61.4225 68.7084 47.5003 68.7084C33.5781 68.7084 22.292 57.4223 22.292 43.5001Z\" fill=\"#1D4ED8\"/>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M47.5003 36.6251C43.7034 36.6251 40.6253 39.7031 40.6253 43.5001C40.6253 47.297 43.7034 50.3751 47.5003 50.3751C51.2973 50.3751 54.3753 47.297 54.3753 43.5001C54.3753 39.7031 51.2973 36.6251 47.5003 36.6251ZM36.042 43.5001C36.042 37.1718 41.1721 32.0417 47.5003 32.0417C53.8286 32.0417 58.9587 37.1718 58.9587 43.5001C58.9587 49.8283 53.8286 54.9584 47.5003 54.9584C41.1721 54.9584 36.042 49.8283 36.042 43.5001Z\" fill=\"#1D4ED8\"/>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M29.6778 25.6775C30.5727 24.7826 32.0237 24.7826 32.9187 25.6775L42.6354 35.3942C43.5303 36.2892 43.5303 37.7402 42.6354 38.6351C41.7404 39.5301 40.2894 39.5301 39.3945 38.6351L29.6778 28.9185C28.7828 28.0235 28.7828 26.5725 29.6778 25.6775Z\" fill=\"#1D4ED8\"/>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M52.3653 48.365C53.2602 47.4701 54.7112 47.4701 55.6062 48.365L65.3229 58.0817C66.2178 58.9767 66.2178 60.4277 65.3229 61.3226C64.4279 62.2176 62.9769 62.2176 62.082 61.3226L52.3653 51.6059C51.4703 50.711 51.4703 49.26 52.3653 48.365Z\" fill=\"#1D4ED8\"/>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M65.3229 25.6775C66.2178 26.5725 66.2178 28.0235 65.3229 28.9185L55.6062 38.6351C54.7112 39.5301 53.2602 39.5301 52.3653 38.6351C51.4703 37.7402 51.4703 36.2892 52.3653 35.3942L62.082 25.6775C62.9769 24.7826 64.4279 24.7826 65.3229 25.6775Z\" fill=\"#1D4ED8\"/>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.6958 27.3046C64.5907 28.1996 64.5907 29.6506 63.6958 30.5455L55.6062 38.6351C54.7112 39.5301 53.2602 39.5301 52.3653 38.6351C51.4703 37.7402 51.4703 36.2892 52.3653 35.3942L60.4549 27.3046C61.3498 26.4097 62.8008 26.4097 63.6958 27.3046Z\" fill=\"#1D4ED8\"/>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M42.6354 48.365C43.5303 49.26 43.5303 50.711 42.6354 51.6059L32.9187 61.3226C32.0237 62.2176 30.5727 62.2176 29.6778 61.3226C28.7828 60.4277 28.7828 58.9767 29.6778 58.0817L39.3945 48.365C40.2894 47.4701 41.7404 47.4701 42.6354 48.365Z\" fill=\"#1D4ED8\"/>\n        </svg>\n    )\n}\n\nconst features = [\n    { name: '24/7 Reliability', description: 'Our servers are are built with automated failure prevention and recovery mechanisms.', icon: ReliabilityIcon },\n    { name: 'Simplicity', description: 'No technical knowledge required. We make it easy to build and manage live streams.', icon: SimplicityIcon },\n    { name: 'High Quality', description: 'We always stream in High Definition.' , icon: HDIcon },\n    { name: 'Flexibility', description: 'Flexible and easy to use templates that cater to your creative ideas.', icon: FlexibilityIcon },\n    { name: 'Music Streaming', description: 'Quality background music. We ensure all of our music is copyright free.', icon: MusicIcon },\n    { name: 'Support', description: 'Team of technical experts ready to help you along the way.', icon: SupportIcon }\n]\n\n\nexport default function FeaturesSection() {\nreturn (\n    <div className=\"relative bg-white py-10 lg:py-10 mb-4\">\n        <div className=\"mx-auto max-w-md px-5 text-center sm:max-w-3xl sm:px-6 lg:px-8 lg:max-w-7xl\">\n            \n            <p className=\"mt-2 text-3xl font-bold  text-whitetracking-tight sm:text-4xl text-black\">\n            StreamCreate Features\n            </p>\n            <p className=\"mt-5 max-w-prose mx-auto text-xl text-black mb-2\">\n            Simple and intuitive online tool designed to automate live streaming.\n            </p>\n            <div className=\"grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3\">\n                {features.map((feature) => (\n                    <div key={feature.name} className=\"pt-0 lg:pt-8\">\n                        <div className=\"flow-root shadow-lg rounded-lg px-8 pb-6  pt-2\">\n                                <div>\n                                    <span className=\"inline-flex items-center justify-center p-3 \">\n                                        <feature.icon  />\n                                    </span>\n                                </div>\n                                <h3 className=\" text-lg font-medium text-black tracking-tight\">{feature.name}</h3>\n                                <p className=\"mt-2 pb-16 md:pb-12 lg:mb-2 text-base text-black h-8\">\n                                    {feature.description}\n                                </p>\n                        </div>\n                    </div>\n                ))}\n            </div>\n        </div>\n    </div>\n)\n}","import { Dialog } from '@headlessui/react'\nimport React from 'react'\n\n\nexport const VideoModalBody = ({title, videoSource}) => {\n    return (\n        <React.Fragment>\n              <div>\n                  <Dialog.Title className=\"text-lg leading-6 font-medium text-gray-600 -mt-4\">\n                    {title}\n                  </Dialog.Title>\n                  <div className=\"aspect-w-16 aspect-h-9 mt-3\">\n                    <iframe src={videoSource} frameBorder=\"0\"  allow='autoplay' allowFullScreen ></iframe>\n                  </div>\n              </div>\n        </React.Fragment>\n    )\n}\n","import { ModalFrame } from \"Components/StreamBuilder/Modals/ModalFrame\"\nimport { VideoModalBody } from \"Components/StreamBuilder/Modals/VIdeoModalBody\"\nimport { useState } from \"react\"\nimport { PROMOTION_VIDEO_URL_EMBED_COUNTDOWN } from \"Utilities/GeneralConstants\"\n\nconst heroBackgroundStyle = (windowWidth, windowHeight) => {\n  if (windowWidth >= 1280) {\n    return {\n      backgroundImage: `url(${process.env.PUBLIC_URL}/images/HeroIllustration.svg)`,  \n      backgroundRepeat: \"no-repeat\", \n      backgroundPosition: 'center'\n    }\n  } else {\n    return {}\n  }\n}\n\n\nexport default function HeroSection({windowWidth, windowHeight, history}) {\n  const [openVideoModal, setOpenVideoModal] = useState(false)\n  \n  return (\n      <main className={`lg:relative ${windowWidth < 1280 ? 'bg-blue-50' : '' }`} style={heroBackgroundStyle(windowWidth, windowHeight)}>\n        <div className=\"mx-auto my-auto max-w-7xl w-full text-center pt-16 md:pt-18 pb-20 xl:pb-60 -mt-1 xl:text-left\">\n          <div className=\"px-4 sm:px-8 xl:pr-16\">\n            <h1 className=\"tracking-tight font-bold text-gray-900 text-4xl md:text-5xl lg:text-5xl xl:text-6xl\">\n             Live stream 24/7 on YouTube\n            </h1>\n\n            <h1 className=\"tracking-tight font-bold text-gray-900 text-4xl md:text-5xl lg:text-5xl xl:text-6xl\">\n            in a few clicks\n            </h1>\n\n            <h1 className=\"tracking-tight font-bold text-blue-600 text-4xl md:text-5xl lg:text-5xl xl:text-6xl\">\n            voting polls and countdowns\n            </h1>\n\n            <p className=\"mt-3 px-6 md:px-0 mx-auto text-lg text-gray-800 sm:text-xl md:mt-5\">\n              Use one of our beautiful templates and go live within minutes.\n            </p>\n            <p className=\"mx-auto text-lg text-gray-800 sm:text-xl\">\n              We will host your stream in high definition via our dedicated servers.\n            </p>\n\n            <div className=\"mt-10 px-10  xs:px-24 lg:px-0  sm:flex sm:justify-center xl:justify-start\">\n              <div className=\"rounded-md shadow\">\n                <button\n                  onClick={() => {history.push(\"/StreamBuilder\")}}\n                  className=\"w-full  flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10\"\n                >\n                  Get started\n                </button>\n              </div>\n              <div className=\"mt-3 rounded-md shadow sm:mt-0 sm:ml-3\">\n                <button\n                  onClick={() => {setOpenVideoModal(true)}}\n                  className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-black bg-yellow-400 hover:bg-yellow-500 md:py-4 md:text-lg md:px-10\"\n                >\n                  Watch video\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <ModalFrame \n          open={openVideoModal}\n          setOpen={setOpenVideoModal}\n          modalWidth={\"80rem\"}\n          isBasicCloseStyle={true}\n          modalBody={<VideoModalBody videoSource={PROMOTION_VIDEO_URL_EMBED_COUNTDOWN + \"?autoplay=1\"} title={\"Welcome to StreamCreate\"}/>}\n          easyClose={true}\n        />\n\n      </main>   \n  )\n}","import { CheckIcon } from '@heroicons/react/outline'\nimport { ProductType } from 'Types/StreamTypes'\nimport { calculatePricingFromDays } from 'Utilities/HelperFunctions'\n\nconst pricing = {\n  templates: [\n    {\n      title: 'Countdown Stream',\n      price: calculatePricingFromDays(ProductType.COUNTDOWN,1),\n      description: 'Stream a live countdown 24/7',\n      exampleLink: '',\n      features: ['Customizable title and subtitle', \n                 'Customizable countdown', \n                 'Use predesigned backgrounds', \n                 'Upload your own background', \n                 'Optional music'],\n      cta: 'Build stream',\n      mostPopular: false,\n      comingSoon: false,\n      option: \"Countdown\"\n    },\n    {\n      title: 'Voting Poll Stream ',\n      price: calculatePricingFromDays(ProductType.MULTI_VOTE,1),\n      description: 'Stream a live poll 24/7',\n      exampleLink: '',\n      features: ['Customizable title and subtitle', \n                 'Customizable vote options', \n                 'Use predesigned backgrounds', \n                 'Upload your own background',  \n                 'Optional music',\n                 'Live chat monitoring for votes'],\n      cta: 'Build stream',\n      mostPopular: false,\n      comingSoon: false,\n      option: \"VotingPoll\"\n    }\n  ]\n}\n\n\nconst pricingBackgroundStyle = (windowWidth, windowHeight) => {\n  if (windowWidth >= 1280) {\n    return { \n      backgroundImage: `url(${process.env.PUBLIC_URL}/images/DarkBlueWaveStars.svg)`, \n      backgroundRepeat: \"no-repeat\", \n      backgroundPosition: 'center' }\n  } else {\n    return {}\n  }\n}\n\nexport default function Pricing({windowWidth, windowHeight, history}) {\n  return (\n    <div className={` py-16 md:pt-16 lg:pb-16 xl:pb-40 xl:pt-32 px-6 sm:px-6 lg:px-8 ${windowWidth < 1280 ? 'bg-blue-800 ' : '' }`} style={pricingBackgroundStyle(windowWidth,windowHeight)}>\n\n      <p className=\"text-3xl text-white font-bold text-whitetracking-tight sm:text-4xl text-center \">\n            Template Pricing\n      </p>\n      <p className=\"mt-5 text-white max-w-screen-md mx-auto text-xl text-center\">\n            Our customizable templates enable you to create professional YouTube live streams.\n      </p>\n\n      <p className=\"text-white max-w-screen-md mx-auto text-xl text-center\">\n            Engage with your YouTube audience 24/7 through our interactive templates. \n      </p>\n  \n      <div className=\"text-center mx-auto md:max-w-4xl max-w-2xl mt-8 space-y-12 lg:space-y-0 lg:grid lg:grid-cols-2 lg:gap-x-20\"  >\n        {pricing.templates.map((template) => (\n          <div\n            key={template.title}\n            className=\"relative py-6 px-6 xs:mx-8 sm:mx-20 md:mx-36 lg:mx-2 bg-white border border-gray-200 rounded-2xl shadow-sm flex flex-col\"\n          >\n            <div className=\"flex-1 m-auto\">\n              <h3 className=\"text-xl font-bold text-gray-900\">{template.title}</h3>\n              <p className=\"mt-4 text-lg font-semibold  text-gray-900\">from</p>\n              <p className=\"text-4xl font-bold  text-gray-900\">${template.price.toFixed(2)}</p>\n              <p className=\"mt-4 text-lg  font-semibold text-gray-900\">{template.description}</p>\n              <button  onClick={() => {history.push(\"/Templates/\" + template.option)}} className=\"mt-2 font-semibold text-blue-700\"> {\"See examples >\"} </button>\n\n              <ul role=\"list\" className=\"mt-6 space-y-4\">\n                {template.features.map((feature) => (\n                  <li key={feature} className=\"flex\">\n                    <CheckIcon className=\"flex-shrink-0 w-6 h-6 text-yellow-500\" aria-hidden=\"true\" />\n                    <span className=\"ml-3 text-gray-500\">{feature}</span>\n                  </li>\n                ))}\n              </ul>\n            </div>\n\n\n            <div className=\"text-center\">\n              <button\n                type=\"button\"\n                className={`mt-8 px-16 md:px-24 py-3 inline-flex items-center border border-transparent text-base font-medium  rounded-md shadow-sm text-black focus:outline-none focus:ring-offset-2 focus:ring-yellow-400 bg-yellow-400 hover:bg-yellow-500`}\n                disabled={false}\n                onClick={() => {history.push(\"/StreamBuilder\")}}\n              >\n                {template.cta}\n              </button>\n\n            </div>\n\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}","\n\n\nexport default function ThreeStepsSection({windowWidth, windowHeight, history}) {\n  return (\n    <div className=\"py-16 px-4 sm:px-6 lg:px-8\">\n      <p className=\"text-3xl text-black font-bold text-whitetracking-tight sm:text-4xl text-center\">\n          Customize your streams in 3 easy steps\n      </p>\n      <p className=\"mt-5 text-black max-w-screen-md mx-auto text-xl text-center\">\n          Build the stream for free, then purchase to go live. No software or design skills needed.\n      </p>\n      <div className=\"text-center mt-2\">\n      {windowWidth < 768 ? \n         <img className=\"mx-auto mt-6 md:mt-12\" src={process.env.PUBLIC_URL + '/images/ThreeStepsMobile.svg'} alt=\"\" />\n        : \n        <img className=\"mx-auto mt-6 md:mt-12\" src={process.env.PUBLIC_URL + '/images/ThreeSteps.svg'} alt=\"\" />\n        }\n        <button\n          type=\"button\"\n          onClick={() => {history.push(\"/Templates/Countdown\")}}\n          className={` md:mt-16 mt-8 px-10 py-3 inline-flex items-center border border-transparent text-base font-medium  rounded-md shadow-sm text-black focus:outline-none focus:ring-offset-2 focus:ring-yellow-400 bg-yellow-400 hover:bg-yellow-500`}\n          disabled={false}\n        >\n          View templates\n        </button>\n      </div>\n    </div>\n  )\n}","import FeaturesSection from 'Components/Marketing/FeaturesSection'\nimport HeroSection from 'Components/Marketing/HeroSection'\nimport PricingSection from 'Components/Marketing/PricingSection'\nimport ThreeStepsSection from 'Components/Marketing/ThreeStepsSection'\nimport Layout from 'Components/Structure/Foundation/Layout'\nimport { useWindowSize } from 'Components/Structure/Foundation/WindowsSize'\nimport { Helmet } from 'react-helmet'\nimport { useHistory } from \"react-router-dom\"\nimport { HOME_DESCRIPTION, HOME_TITLE } from 'Utilities/SEOConstants'\n\nexport const Home = () => {\n  const [windowWidth, windowHeight] = useWindowSize()\n  const history = useHistory()\n  return (  \n    <Layout header={{ showAccount: true, showMenu: true }}>\n      <Helmet>\n        <title>{HOME_TITLE}</title>\n        <meta name=\"description\" content={HOME_DESCRIPTION} />\n      </Helmet>\n      <HeroSection windowWidth={windowWidth}  windowHeight={windowHeight} history={history}/>\n      <ThreeStepsSection windowWidth={windowWidth}  windowHeight={windowHeight} history={history}/>\n      <PricingSection windowWidth={windowWidth}  windowHeight={windowHeight} history={history}/>\n      <FeaturesSection/>  \n    </Layout>\n  )\n}\n\n","import { useLayoutEffect, useState } from \"react\";\n\nexport function useWindowSize() {\n    const [size, setSize] = useState([0, 0]);\n    useLayoutEffect(() => {\n      function updateSize() {\n        setSize([window.innerWidth, window.innerHeight]);\n      }\n      window.addEventListener('resize', updateSize);\n      updateSize();\n      return () => window.removeEventListener('resize', updateSize);\n    }, []);\n    return size;\n}","import Footer from \"Components/Structure/Foundation/Footer\"\nimport {Link} from 'react-router-dom'\nimport StandardButton from \"Components/Structure/StandardButton\"\nimport InputWithLabel from \"../Structure/InputWithLabel\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport {userPool} from \"Services/AuthService\"\nimport RenderIf from \"Components/Structure/RenderIf\"\nimport { GENERIC_ERROR_MSG, INVALID_EMAIL_MSG, MISSING_FIRSTNAME_MSG, PASSWORD_MISMATCH_MSG } from \"Utilities/GeneralConstants\"\nimport { useHistory } from \"react-router-dom\"\nimport { CognitoUserAttribute } from \"amazon-cognito-identity-js\"\nimport { hashText, isEmailValid, isPasswordValid } from \"Utilities/HelperFunctions\"\nimport { createCustomer } from \"Services/CustomerService\"\n\n\nconst isFirstNameValid = input => input.length > 0\nconst isConfirmPasswordValid = (p1, p2)=> p1 === p2\n\nconst SignUp = () => {\n    const [firstName, setFirstname] = useState(\"\")\n    const [lastName, setLastName] = useState(\"\")\n    const [email, setEmail] = useState(\"\")\n    const [password, setPassword] = useState(\"\")\n    const [confirmPassword, setConfirmPassword] = useState(\"\")\n    const [createAccountError, setCreateAccountError] = useState(\"\")\n\n    const [showFirstNameError, setShowFirstNameError] = useState(false)\n    const [showEmailError, setShowEmailError] = useState(false)\n    const [showPasswordError, setShowPasswordError] = useState(false)\n    const [showConfirmPasswordError, setShowConfirmPasswordError] = useState(false)\n    const [showCreateAccountError, setShowCreateAccountError] = useState(false)\n    const [loading, setLoading] = useState(false)\n\n    const complete = isFirstNameValid(firstName) && isEmailValid(email) && isPasswordValid(password) && isConfirmPasswordValid(password,confirmPassword)\n    const history = useHistory()\n\n    const confirmSignup  = useCallback((event) => {\n        event.preventDefault()\n        setShowCreateAccountError(false)\n        if(complete) {\n            setLoading(true)\n            var givenName = new CognitoUserAttribute({ Name : \"given_name\", Value : firstName})\n            var familyName = new CognitoUserAttribute({ Name : \"family_name\", Value : lastName})\n\n            userPool.signUp(email, password, [givenName,familyName], null, async (err,data) => {\n                if(err){\n                    if(err[\"code\"] === \"UsernameExistsException\"){\n                        setCreateAccountError(err.message)\n                    }else{\n                        setCreateAccountError(GENERIC_ERROR_MSG)\n                    }\n                    setShowCreateAccountError(true)\n                }else{\n                    const result = await createCustomer(data.userSub, firstName, lastName, email)\n                    if(result){\n                        history.push(\"/VerifyEmail/\" + hashText(email))\n                    }else{\n                        setCreateAccountError(GENERIC_ERROR_MSG)\n                        setShowCreateAccountError(true)\n                    }\n                }\n                setLoading(false)\n            }, {emailId : hashText(email) })   \n        }\n    },[complete, email, history, password])\n\n\n    useEffect(() => {\n        const listener = event => {\n            if (event.code === \"Enter\" && complete) {\n                confirmSignup(event)\n            }\n        }\n        document.addEventListener(\"keydown\", listener)\n        return () => {\n            document.removeEventListener(\"keydown\", listener)\n        }\n    }, [firstName, email, password, confirmPassword, complete, confirmSignup])\n    \n\n    return (\n        <div className=\"bg-blue-50 min-h-screen flex flex-col\">\n            <div className=\"container max-w-sm mx-auto flex-1 flex flex-col items-center justify-center px-2\">\n                <Link to=\"/\">\n                  <img className=\"h-9 w-auto\" src={process.env.PUBLIC_URL + '/images/StreamCreateLogo.svg'} alt=\"\" />\n                </Link> \n                <div className=\"bg-white px-6 py-8 pt-5 mt-6 rounded shadow-md text-black w-full\">\n                    <h1 className=\"mb-6 text-2xl text-center font-medium text-gray-600\">Sign up</h1>\n\n                    <InputWithLabel\n                        id=\"firstName\"\n                        label=\"\"\n                        placeholder=\"First name\"\n                        onChange={e => setFirstname(e.target.value)}\n                        onBlur={() => setShowFirstNameError(true)}\n                        value={firstName}\n                        type=\"text\"\n                        showError={!isFirstNameValid(firstName) && showFirstNameError}\n                        errorMessage={MISSING_FIRSTNAME_MSG}\n                    />\n\n                    <InputWithLabel\n                        id=\"lastName\"\n                        label=\"\"\n                        placeholder=\"Last name\"\n                        onChange={e => setLastName(e.target.value)}\n                        value={lastName}\n                        type=\"text\"\n                    />\n\n                    <InputWithLabel\n                        id=\"email\"\n                        label=\"\"\n                        placeholder=\"Email\" \n                        onChange={e => setEmail(e.target.value)}\n                        onBlur={() => setShowEmailError(true)}\n                        value={email}\n                        type=\"text\"\n                        showError={!isEmailValid(email) && showEmailError}\n                        errorMessage={INVALID_EMAIL_MSG}\n                        maxLength={80}\n                    />\n\n                    <InputWithLabel\n                        id=\"password\"\n                        label=\"\"\n                        placeholder=\"Password\" \n                        onChange={e => setPassword(e.target.value)}\n                        onBlur={() => setShowPasswordError(true)}\n                        showError={!isPasswordValid(password) && showPasswordError}\n                        value={password}\n                        type=\"password\"\n                    />\n\n                    <RenderIf condition={!isPasswordValid(password) && showPasswordError}>\n                        <div className=\"mb-2 text-sm text-red-600 ml-5 \">\n                            <ul className=\"list-disc\">\n                                <li>8 characters minimum.</li>\n                                <li>must contain a number.</li>\n                                <li>an uppercase and a lowercase.</li>                            \n                            </ul>\n                        </div>\n                    </RenderIf>\n\n                    <InputWithLabel\n                        id=\"confirmPassword\"\n                        label=\"\"\n                        placeholder=\"Confirm password\" \n                        onChange={e => setConfirmPassword(e.target.value)}\n                        onBlur={() => setShowConfirmPasswordError(true)}\n                        value={confirmPassword}\n                        type=\"password\"\n                        showError={!isConfirmPasswordValid(password, confirmPassword) && showConfirmPasswordError}\n                        errorMessage={PASSWORD_MISMATCH_MSG}\n                    />\n\n                    <RenderIf condition={showCreateAccountError}>\n                        <div className=\"mb-4 text-sm text-red-600\">{createAccountError}</div>\n                    </RenderIf>\n\n                    <div className=\"text-center text-sm text-grey-dark mt-4\">\n                        <StandardButton\n                            disabled={!complete}\n                            onClick={e => confirmSignup(e)}\n                            text={\"Create account\"}\n                            isSpinning={loading}\n                        />\n                    </div>\n                </div>\n\n                <div className=\"text-gray-500 mt-4\">\n                    Already have an account?<span> </span>\n                    <Link className=\"border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\"  to=\"../Login/\"> Log in.</Link>\n                </div>\n            </div>\n            <Footer />\n        </div>\n    )\n  }\n  \n  export default SignUp","import { useCallback, useEffect, useState } from \"react\"\nimport {Link} from 'react-router-dom'\nimport Footer from \"Components/Structure/Foundation/Footer\"\nimport StandardButton from \"Components/Structure/StandardButton\"\nimport InputWithLabel from \"../Structure/InputWithLabel\"\nimport { CognitoUser, AuthenticationDetails } from \"amazon-cognito-identity-js\"\nimport {createAuthDetails, createCognitoUser, loadUser} from \"Services/AuthService\"\nimport { useHistory } from \"react-router-dom\"\nimport { EMAIL_NOT_VERIFIED, GENERIC_ERROR_MSG, INCORRECT_LOGIN_MSG } from \"Utilities/GeneralConstants\"\nimport RenderIf from \"Components/Structure/RenderIf\"\nimport { observer } from \"mobx-react\"\nimport { useStores } from \"Store/StoreConfig\"\nimport { isEmailValid } from \"Utilities/HelperFunctions\"\n\nconst Login = observer(() => {\n    const [email, setEmail] = useState(\"\")\n    const [password, setPassword] = useState(\"\")\n    const [loginError, setLoginError] = useState(\"\")\n    const [showLoginError, setShowLoginError] = useState(false)\n    const [loading, setLoading] = useState(false)\n    const history = useHistory()\n    const complete = isEmailValid(email) && password.length > 0\n    const { UserStore } = useStores()\n\n\n    const onSubmit = useCallback((event) => {\n        event.preventDefault()\n        setShowLoginError(false)\n        if(complete){\n            const authDetails : AuthenticationDetails = createAuthDetails(email,password)\n            const user : CognitoUser = createCognitoUser(email)\n            setLoading(true)\n            user.authenticateUser(authDetails,{\n                onSuccess: async (data) => {\n                    if (await loadUser(user, UserStore, data.getAccessToken()['jwtToken'])) {\n                        history.push(\"/\")\n                    } else {\n                        setLoginError(GENERIC_ERROR_MSG)\n                        setShowLoginError(true)\n                    }\n                    setLoading(false)\n                },\n                onFailure: (err) => {\n                    if (err[\"code\"] === \"NotAuthorizedException\") {\n                        setLoginError(INCORRECT_LOGIN_MSG)\n                    } else if (err[\"code\"] === \"UserNotConfirmedException\") {\n                        setLoginError(EMAIL_NOT_VERIFIED)\n                    } else {\n                        setLoginError(GENERIC_ERROR_MSG)\n                    }\n                    setShowLoginError(true)\n                    setLoading(false)\n                }\n            })\n        }\n    },[complete, email, history, password])\n\n\n    useEffect(() => {\n        if(UserStore.user){\n            history.push(\"/\")\n        }\n\n        const listener = event => {\n            if (event.code === \"Enter\" && complete) {\n                onSubmit(event)\n            }\n        }\n        document.addEventListener(\"keydown\", listener)\n        return () => {\n            document.removeEventListener(\"keydown\", listener)\n        }\n    }, [email,password, complete, onSubmit])\n\n\n    return (\n        <div className=\"bg-blue-50 min-h-screen flex flex-col\">\n            <div className=\"container max-w-sm mx-auto flex-1 flex flex-col items-center justify-center px-2\">\n                <Link to=\"/\">\n                  <img className=\"h-9 w-auto\" src={process.env.PUBLIC_URL + '/images/StreamCreateLogo.svg'} alt=\"\" />\n                </Link>\n                <div className=\"bg-white px-6 py-8 pt-5 mt-6 rounded shadow-md text-black w-full\">\n                    <h1 className=\"mb-6 text-2xl text-center font-medium text-gray-600\">Log in</h1>\n                    <InputWithLabel\n                        id=\"email\"\n                        label=\"\"\n                        placeholder=\"Email\" \n                        onChange={e => setEmail(e.target.value)}\n                        value={email}\n                        type=\"text\"\n                        maxLength={80}\n                    />\n                    <InputWithLabel\n                        id=\"password\"\n                        label=\"\"\n                        placeholder=\"Password\" \n                        onChange={e => setPassword(e.target.value)}\n                        value={password}\n                        type=\"password\"\n                    />\n\n                    <div className=\"text-right\">\n                        <Link className=\"text-sm text-gray-500\"  to=\"../ResetPassword/\"> Forgot your password? </Link>\n                    </div>\n\n                                        \n                    <RenderIf condition={showLoginError}>\n                        <div className=\"mb-4 mt-2 text-sm text-red-600 text-center\">{loginError}</div>\n                    </RenderIf>\n\n\n                    <div className=\"text-center mt-4\">\n                        <StandardButton\n                            disabled={!complete}                            \n                            onClick={e => onSubmit(e)}\n                            text={\"Login\"}\n                            isSpinning={loading}\n                        />\n                    </div>\n                </div>\n\n                <div className=\"text-gray-500 mt-4\">\n                    Don't have an account?<span> </span>\n                    <Link className=\"border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\"  to=\"../Signup/\"> Sign up.</Link>\n                </div>\n            </div>\n            <Footer />\n        </div>\n    )\n  })\n  \n  export default Login","import { useCallback, useEffect, useState } from \"react\"\nimport {Link} from 'react-router-dom'\nimport Footer from \"Components/Structure/Foundation/Footer\"\nimport StandardButton from \"Components/Structure/StandardButton\"\nimport InputWithLabel from \"../Structure/InputWithLabel\"\nimport RenderIf from \"Components/Structure/RenderIf\"\nimport { GENERIC_ERROR_MSG, INVALID_EMAIL_MSG } from \"Utilities/GeneralConstants\"\nimport { CognitoUser } from \"amazon-cognito-identity-js\"\nimport { createCognitoUser } from \"Services/AuthService\"\nimport { hashText, isEmailValid } from \"Utilities/HelperFunctions\"\n\nconst ResetPassword = () => {\n    const [email, setEmail] = useState(\"\")\n    const [showEmailError, setShowEmailError] = useState(false)\n    const [resetPasswordError, setResetPasswordError] = useState(\"\")\n    const [complete, setComplete] = useState(false)\n    const [loading, setLoading] = useState(false)\n\n\n    const resetPassword = useCallback((event) => {\n        event.preventDefault()\n        if(isEmailValid(email)){\n            setLoading(true)\n            const cognitoUser : CognitoUser = createCognitoUser(email)\n            cognitoUser.forgotPassword({\n                onSuccess: function(data) {\n                    setLoading(false)\n                    setComplete(true)\n                },\n                onFailure: function(err) {\n                    setLoading(false)\n                    setResetPasswordError(GENERIC_ERROR_MSG)\n                }\n            }, {emailId : hashText(email) })\n        }\n    },[email])\n\n\n    useEffect(() => {\n        const listener = event => {\n            if (event.code === \"Enter\" && isEmailValid(email)) {\n                resetPassword(event)\n            }\n        }\n        document.addEventListener(\"keydown\", listener)\n        return () => {\n            document.removeEventListener(\"keydown\", listener)\n        }\n    }, [email, resetPassword])\n\n\n    return (\n        <div className=\"bg-blue-50 min-h-screen flex flex-col\">\n            <div className=\"container max-w-sm mx-auto flex-1 flex flex-col items-center justify-center px-2\">\n                <Link to=\"/\">\n                  <img className=\"h-9 w-auto\" src={process.env.PUBLIC_URL + '/images/StreamCreateLogo.svg'} alt=\"\" />\n                </Link> \n                <div className=\"bg-white px-6 py-8 pt-5 mt-6 rounded shadow-md text-black w-full\">\n\n                    <RenderIf condition={!complete}>\n                         <h1 className=\"mb-4 text-2xl text-center font-medium text-gray-600\"> Reset password </h1>\n\n                        <InputWithLabel\n                            id=\"email\"\n                            label=\"\"\n                            placeholder=\"Email\" \n                            onChange={e => setEmail(e.target.value)}\n                            onBlur={() => setShowEmailError(true)}\n                            value={email}\n                            type=\"text\"\n                            showError={!isEmailValid(email) && showEmailError}\n                            errorMessage={INVALID_EMAIL_MSG}\n                        />\n                        \n                        <RenderIf condition={resetPasswordError.length > 0}>\n                            <div className=\"mb-4 text-sm text-red-600 mt-4\">{GENERIC_ERROR_MSG}</div>\n                        </RenderIf>\n\n\n                        <div className=\"text-center mt-6\">\n                            <StandardButton\n                                disabled={!isEmailValid(email)}\n                                onClick={e => resetPassword(e)}\n                                text={\"Email password reset\"}\n                                isSpinning={loading}\n                            />\n                        </div>\n                    </RenderIf>\n\n                    <RenderIf condition={complete}>\n                        <h1 className=\"text-xl text-center font-small text-gray-600\">{complete ? \"Password reset instructions have been sent to your email.\"  : \"Reset password\" }</h1>\n                    </RenderIf>\n\n                </div>\n\n                <RenderIf condition={!complete}>\n                    <div className=\"text-gray-500 mt-4\">\n                        <Link className=\"border-b  border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\"  to=\"../Login/\">Back to login</Link>\n                    </div>\n                </RenderIf>\n\n            </div>\n            <Footer />\n        </div>\n    )\n  }\n  \n  export default ResetPassword","import Footer from \"Components/Structure/Foundation/Footer\"\nimport StandardButton from \"Components/Structure/StandardButton\"\nimport { useHistory } from \"react-router-dom\";\n\nconst PageNotFound = () => {\n    const history = useHistory();\n\n    return (\n        <div className=\"bg-blue-50 min-h-screen flex flex-col\">\n            <div className=\"container max-w-sm mx-auto flex-1 flex flex-col items-center justify-center px-2\">\n                <div className=\"bg-white px-6 py-8 pt-5 rounded shadow-md text-black w-full\">\n                    <h1 className=\"mb-6 text-3xl text-center font-medium text-gray-700\">404 Page Not Found</h1>\n                    <div className=\"text-center mt-6\">\n                        <StandardButton\n                            disabled={false}\n                            onClick={e => history.push(\"/\")}\n                            text={\"Return To Home Page\"}\n                            isSpinning={false}\n                        />\n                    </div>\n                </div>\n            </div>\n            <Footer />\n        </div>\n    )\n  }\n  \n  export default PageNotFound","import { useState, useEffect, useCallback } from \"react\";\nimport Footer from \"Components/Structure/Foundation/Footer\"\nimport StandardButton from \"Components/Structure/StandardButton\"\nimport InputWithLabel from \"../Structure/InputWithLabel\"\nimport { GENERIC_ERROR_MSG } from \"Utilities/GeneralConstants\";\nimport { useHistory } from \"react-router-dom\";\nimport { createCognitoUser } from \"Services/AuthService\";\nimport { CognitoUser } from \"amazon-cognito-identity-js\";\nimport RenderIf from \"Components/Structure/RenderIf\";\nimport { deHashText, isNumber } from \"Utilities/HelperFunctions\";\nimport {Link} from 'react-router-dom'\nimport { verifyCustomerEmail } from \"Services/CustomerService\";\n\n\nconst VerifyAccount = (props) => {\n    const [code, setCode] = useState(\"\")\n    const [verified, setVerified] = useState(false)\n    const [verifyEmailError, setVerifyEmailError] = useState(\"\")\n    const [codeResent, setCodeResent] = useState(\"\")\n    const [loading, setLoading] = useState(false)\n    const [email, setEmail] = useState(\"\")\n    const [hash, setHash] = useState(\"\")\n    const history = useHistory();\n    const complete = isNumber(code) && code.length === 6\n\n\n    const verifyEmail = useCallback((event) => {\n        event.preventDefault()\n        if(complete){\n            setLoading(true)\n            const cognitoUser : CognitoUser = createCognitoUser(email)\n            cognitoUser.confirmRegistration(code, true, async function(err, result) {\n                if (err) {\n                    if(err[\"code\"] === \"CodeMismatchException\"){\n                        setVerifyEmailError(\"Invalid or expired verfication code\")\n                    }else if(err[\"code\"] === \"ExpiredCodeException\"){\n                        setVerifyEmailError(\"Invalid or expired verfication code\")\n                    }else if(err.message === \"User cannot be confirmed. Current status is CONFIRMED\"){\n                        setVerified(true)\n                    }else{\n                        setVerifyEmailError(GENERIC_ERROR_MSG)\n                    }\n                }else{\n                    await verifyCustomerEmail(email)\n                    setVerified(true)\n                }\n                setLoading(false)\n            },  {emailId : hash} )\n            \n        }\n    },[code, complete, email, hash])\n\n\n    useEffect(() => {\n        const listener = event => {\n            if (event.code === \"Enter\" && complete) {\n                verifyEmail(event)\n            }\n        }\n        document.addEventListener(\"keydown\", listener);\n        return () => {\n            document.removeEventListener(\"keydown\", listener);\n        }\n    }, [code, complete, verifyEmail])\n\n\n    useEffect(() => {\n        try{\n            setHash(props.location.pathname.replace(\"/VerifyEmail/\",\"\"))\n            setEmail(deHashText(hash))\n                \n        } catch(error){}    \n    }, [hash, email, props.location.pathname])\n\n\n    const inputCode = (event) => {\n        const inputValue = event.target.value.replace(/\\s+/g, '')\n        if(!inputValue || (inputValue.length <= 6 &&  isNumber(inputValue)) ){\n            setCode(inputValue)\n        }else{\n            event.preventDefault()\n        }        \n    }\n\n\n    const resendCode = () => {\n        const cognitoUser : CognitoUser = createCognitoUser(email)\n        cognitoUser.resendConfirmationCode(function(err, result) {\n            if (err) {\n                setCodeResent(\"Failed to resend code.\")\n            }else{\n                setCodeResent(\"Successfully resent code!\")\n            }\n        }, {emailId :hash})\n        \n    }\n\n\n    return (\n        <div className=\"bg-blue-50 min-h-screen flex flex-col\">\n            <div className=\"container max-w-sm mx-auto flex-1 flex flex-col items-center justify-center px-2\">\n                <Link to=\"/\">\n                  <img className=\"h-9 w-auto\" src={process.env.PUBLIC_URL + '/images/StreamCreateLogo.svg'} alt=\"\" />\n                </Link> \n                <div className=\"bg-white px-6 py-8 pt-5 mt-6 rounded shadow-md text-black w-full\">\n                    \n                    <h1 className=\"mb-6 text-2xl text-center font-medium text-gray-600\">{verified ? \"Successfully verified!\" : \"Verify email\" } </h1>\n\n                    <RenderIf condition={!verified}>\n                        <div className=\"mb-4 text-sm \">A verfication code has been sent to your email. Please insert and verify your code below.</div>\n\n                        <InputWithLabel\n                            id=\"code\"\n                            label=\"\"\n                            placeholder=\"Six digit verification code\" \n                            onChange={e => inputCode(e)}\n                            value={code}\n                            type=\"text\"\n                        />\n\n            \n                        <RenderIf condition={!codeResent}>\n                            <div className=\"text-right text-sm text-gray-500\">\n                                <button  onClick={e => resendCode()} className=\"border-blue-250 \">Resend code</button>\n                            </div>\n                        </RenderIf>\n\n                        <RenderIf condition={codeResent.length > 0}>\n                            <div className=\"text-right text-sm text-gray-500\" >\n                                {codeResent}\n                            </div>\n                        </RenderIf>\n\n\n                        <RenderIf condition={verifyEmailError.length > 0}>\n                            <div className=\"mb-4 mt-2 text-sm text-red-600 text-center\"> {verifyEmailError} </div>\n                        </RenderIf>\n\n                        <div className=\"text-center mt-4\">\n                            <StandardButton\n                                disabled={!complete}\n                                onClick={e => verifyEmail(e)}\n                                text={\"Verify\"}\n                                isSpinning={loading}\n                            />\n                        </div>\n                    </RenderIf>\n\n\n                    <RenderIf condition={verified}>\n                         <div className=\"text-center mt-4\">\n                            <StandardButton\n                                disabled={false}\n                                onClick={e => history.push(\"/Login\")}\n                                text={\"Login now\"}\n                                isSpinning={false}\n                            >\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 pl-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={3} d=\"M14 5l7 7m0 0l-7 7m7-7H3\" />\n                            </svg>\n                            </StandardButton>\n                        </div>\n                    </RenderIf>\n\n                </div>\n                \n            </div>\n            <Footer />\n        </div>\n    )\n  }\n  \n  export default VerifyAccount","import Footer from \"Components/Structure/Foundation/Footer\"\nimport StandardButton from \"Components/Structure/StandardButton\"\nimport InputWithLabel from \"../Structure/InputWithLabel\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport RenderIf from \"Components/Structure/RenderIf\"\nimport { GENERIC_ERROR_MSG, INVALID_EXPIRE_URL_MSG, PASSWORD_MISMATCH_MSG } from \"Utilities/GeneralConstants\"\nimport { CognitoUser } from \"amazon-cognito-identity-js\"\nimport { createCognitoUser } from \"Services/AuthService\"\nimport { useHistory } from \"react-router-dom\"\nimport { deHashText, isPasswordValid } from \"Utilities/HelperFunctions\"\nimport {Link} from 'react-router-dom'\n\nconst queryString = require('query-string')\nconst isConfirmPasswordValid = (p1, p2)=> p1 === p2\n\nconst NewPassword = (props) => {\n    const [password, setPassword] = useState(\"\")\n    const [showPasswordError, setShowPasswordError] = useState(false)\n\n    const [confirmPassword, setConfirmPassword] = useState(\"\")\n    const [showConfirmPasswordError, setShowConfirmPasswordError] = useState(false)\n\n    const [updatePassworError, setUpdatePasswordError] = useState(\"\")\n\n    const [complete, setComplete] = useState(false)\n    const [loading, setLoading] = useState(false)\n    const validPasswords = isPasswordValid(password) && isConfirmPasswordValid(password,confirmPassword)\n    const history = useHistory()\n\n    const parseCodeEmailFromURL = useCallback(() => {\n        try{\n            const qsParsed = queryString.parse(props.location.search)\n            return {\n                \"email\" : deHashText(qsParsed['id']),\n                \"code\" : qsParsed['code']\n            }    \n        } catch(error){\n            return {\n                \"error\" : INVALID_EXPIRE_URL_MSG\n            }\n        }\n    }, [props.location.search])\n\n    const setNewPassword = useCallback((event) => {\n        event.preventDefault()\n        if(validPasswords){\n            const parsedURL = parseCodeEmailFromURL()\n            if(parsedURL[\"error\"]){\n                setUpdatePasswordError(parsedURL[\"error\"])\n            }else{\n                setLoading(true)\n                const cognitoUser : CognitoUser = createCognitoUser(parsedURL[\"email\"])\n                cognitoUser.confirmPassword(parsedURL['code'], password, {\n                    onSuccess() {\n                        setComplete(true)\n                        setLoading(false)\n                    },\n                    onFailure(err) {\n                        if(err[\"code\"] === \"CodeMismatchException\" || err[\"code\"] === \"ExpiredCodeException\"){\n                            setUpdatePasswordError(INVALID_EXPIRE_URL_MSG)\n                        }else{\n                            setUpdatePasswordError(GENERIC_ERROR_MSG)\n                        }\n                        setLoading(false)\n                    },\n                })\n            }\n        }        \n    }, [password, validPasswords, parseCodeEmailFromURL ])\n\n    useEffect(() => {\n        const listener = event => {\n            if (event.code === \"Enter\" && validPasswords) {\n                setNewPassword(event)\n            }\n        }\n        document.addEventListener(\"keydown\", listener)\n        return () => {\n            document.removeEventListener(\"keydown\", listener)\n        }\n    }, [setNewPassword, validPasswords])\n\n\n\n    return (\n        <div className=\"bg-blue-50 min-h-screen flex flex-col\">\n            <div className=\"container max-w-sm mx-auto flex-1 flex flex-col items-center justify-center px-2\">\n                <Link to=\"/\">\n                  <img className=\"h-9 w-auto\" src={process.env.PUBLIC_URL + '/images/StreamCreateLogo.svg'} alt=\"\" />\n                </Link>                <div className=\"bg-white px-6 py-8 pt-5 mt-6 rounded shadow-md text-black w-full\">\n                    <h1 className=\"mb-6 text-2xl text-center font-medium text-gray-600\">{complete ? \"New password confirmed!\" : \"Set new password\" } </h1>\n\n                    <RenderIf condition={!complete}>\n\n                        <InputWithLabel\n                            id=\"password\"\n                            label=\"\"\n                            placeholder=\"New Password\" \n                            onChange={e => setPassword(e.target.value)}\n                            onBlur={() => setShowPasswordError(true)}\n                            value={password}\n                            type=\"password\"\n                        />\n                        <RenderIf condition={!isPasswordValid(password) && showPasswordError}>\n                        <div className=\"mb-2 -mt-2 text-sm text-red-600 ml-5 \">\n                            <ul className=\"list-disc\">\n                            <li>8 characters minimum.</li>\n                            <li>must contain a number.</li>\n                            <li>at least one uppercase.</li>\n                            </ul>\n                        </div>\n                        </RenderIf>\n\n                        <InputWithLabel\n                            id=\"confirmPassword\"\n                            label=\"\"\n                            placeholder=\"Confirm New Password\" \n                            onChange={e => setConfirmPassword(e.target.value)}\n                            onBlur={() => setShowConfirmPasswordError(true)}\n                            value={confirmPassword}\n                            type=\"password\"\n                            showError={!isConfirmPasswordValid(password, confirmPassword) && showConfirmPasswordError}\n                            errorMessage={PASSWORD_MISMATCH_MSG}\n                        />\n      \n                        <RenderIf condition={updatePassworError.length > 0}>\n                            <div className=\"text-sm text-red-600 text-center\">{updatePassworError}</div>\n                        </RenderIf>\n\n                        <div className=\"text-center text-sm text-grey-dark mt-4\">\n                            <StandardButton\n                                disabled={!validPasswords}\n                                onClick={e => setNewPassword(e)}\n                                text={\"Confirm\"}\n                                isSpinning={loading}\n                            />\n                        </div>\n\n                    </RenderIf>\n\n\n                    <RenderIf condition={complete}>\n                         <div className=\"text-center mt-4\">\n                            <StandardButton\n                                disabled={false}\n                                onClick={e => history.push(\"/Login\")}\n                                text={\"Login Now \"}\n                                isSpinning={false}\n                            >\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 pl-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={3} d=\"M14 5l7 7m0 0l-7 7m7-7H3\" />\n                            </svg>\n                            </StandardButton>\n                        </div>\n                    </RenderIf>\n\n\n                </div>\n\n            </div>\n            <Footer />\n        </div>\n    )\n  }\n  \n  export default NewPassword","export default function Pagination({hasNext, page, pageSize, totalItems, updatePage}) {\n  return (\n    <nav\n      className=\"bg-white px-4 pt-4 flex items-center justify-between sm:px-6\"\n      aria-label=\"Pagination\"\n    >\n      <div className=\"hidden sm:block\">\n        <p className=\"text-sm text-gray-700\">\n          Showing <span className=\"font-medium\"> {totalItems > 0 ? page*pageSize + 1 : 0} </span> to <span className=\"font-medium\"> {Math.min(pageSize + page*pageSize,totalItems)}  </span> of{' '}\n          <span className=\"font-medium\">{totalItems}</span> results\n        </p>\n      </div>\n      <div className=\"flex-1 flex justify-between sm:justify-end\">\n        <button\n          disabled={page === 0}\n          className={`relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white ${page === 0 ? `bg-gray-100 cursor-not-allowed` : `hover:bg-gray-50`}`}\n          onClick={e => updatePage(page - 1)}\n        >\n          Previous\n        </button>\n        <button\n          disabled={!hasNext}\n          className={`ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white ${!hasNext ? `bg-gray-100 cursor-not-allowed` : `hover:bg-gray-50`}`}\n          onClick={e => updatePage(page + 1)}\n        >\n          Next\n        </button>\n      </div>\n    </nav>\n  )\n}\n","import { Dialog } from '@headlessui/react'\nimport React from 'react'\nimport PreviewWindow from '../PreviewWindow'\n\n\nexport const PreviewStreamModalBody = ({productType, productConfig, backgroundImage}) => {\n    return (\n        <React.Fragment>\n              <div>\n                  <Dialog.Title className=\"text-lg leading-6 font-medium text-gray-600\">\n                     Preview Stream\n                  </Dialog.Title>\n                <div className=\" lg:mx-20 py-4 mt-2\">\n                  <div className=\"mb-4 mx-1\" >\n                    <img  src={process.env.PUBLIC_URL + '/images/YouTubePreviewTop.svg'} alt=\"\" width=\"900px\" height=\"40px\" />\n                  </div> \n                  <PreviewWindow productType={productType} productConfig={productConfig} backgroundImage={backgroundImage} defaultWidth={910} defaultHeight={513} borderStyle={'1px solid rgba(229, 231, 235, 1)'} />\n                  <div className=\"mt-2 mx-1\" > \n                    <img  src={process.env.PUBLIC_URL + '/images/YouTubePreviewBottom.svg'} alt=\"\" />\n                  </div> \n                </div>\n              </div>\n        </React.Fragment>\n    )\n}\n","import { EyeIcon } from \"@heroicons/react/outline\"\nimport { PencilAltIcon } from \"@heroicons/react/outline\"\nimport Pagination from \"Components/Structure/Pagination\"\nimport React, { useEffect, useState } from \"react\"\nimport { getUserStreamConfigs } from \"Services/StreamConfigService\"\nimport { useStores } from \"Store/StoreConfig\"\nimport { MyFile, Page } from \"Types/GeneralTypes\"\nimport { StreamConfig, StreamConfigResponse, StreamStatus } from \"Types/StreamTypes\"\nimport { formatDate, formatTime, truncateText } from \"Utilities/HelperFunctions\"\nimport { PreviewStreamModalBody } from \"Components/StreamBuilder/Modals/PreviewStreamModalBody\"\nimport { ModalFrame } from \"Components/StreamBuilder/Modals/ModalFrame\"\nimport { DEFAULT_STREAM_CONFIG } from \"Store/StreamBuilderStore\"\nimport { EditStreamModalBody } from \"Components/StreamBuilder/Modals/EditStreamModalBody\"\nimport { getProductTitle } from \"Utilities/GeneralConstants\"\nimport { PublishStreamModalBody } from \"Components/StreamBuilder/Modals/PublishStreamModalBody\"\nconst REFRESH_MILLI_SECONDS = 5000\n\nconst getStatusComponent = (streamStatus : StreamStatus) => {\n    if (streamStatus === StreamStatus.PENDING) {\n        return  <span className=\"px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800\"> Draft </span>\n    }else if (streamStatus === StreamStatus.DEPLOYING) {\n        return  <span className=\"px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800\"> Load </span>\n    }else if (streamStatus === StreamStatus.ACTIVE) {\n        return  <span className=\"px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800\"> Live </span>\n    }else if (streamStatus === StreamStatus.COMPLETED) {\n        return  <span className=\"px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800\"> Ended </span>\n    }\n}\n\nconst RocketShipIcon = () => {\n    return (\n      <svg className=\"ml-1.5 -mr-1\" width=\"18\" height=\"20\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path strokeWidth=\"1.5\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6.13395 13.8133C5.16029 16.7343 1.26566 16.7343 1.26566 16.7343C1.26566 16.7343 1.26566 12.8397 4.18664 11.866M9.05493 12.8397L14.8969 6.99774C17.109 4.78564 17.0874 2.57354 16.9467 1.63013C16.925 1.48488 16.8573 1.35042 16.7534 1.24657C16.6496 1.14273 16.5151 1.07499 16.3699 1.05334C15.4265 0.91258 13.2144 0.891002 11.0023 3.1031L5.1603 8.94505M9.05493 12.8397L5.1603 8.94505M9.05493 12.8397L9.77631 16.4465C9.80074 16.5687 9.85789 16.682 9.94165 16.7743C10.0254 16.8665 10.1326 16.9343 10.2519 16.9705C10.3712 17.0066 10.498 17.0096 10.6189 16.9793C10.7397 16.949 10.8501 16.8865 10.9382 16.7983L13.7216 14.015C13.7855 13.9511 13.8362 13.8752 13.8708 13.7917C13.9054 13.7081 13.9232 13.6186 13.9232 13.5282V7.97141M5.1603 8.94505L1.55346 8.2237C1.43126 8.19926 1.31799 8.14211 1.22573 8.05836C1.13346 7.9746 1.06565 7.86737 1.02954 7.7481C0.99343 7.62883 0.990366 7.502 1.02068 7.38113C1.05099 7.26025 1.11354 7.14987 1.20165 7.06176L3.98499 4.27842C4.04892 4.21449 4.12481 4.16378 4.20835 4.12918C4.29188 4.09458 4.3814 4.07677 4.47182 4.07677H10.0286\" />\n      </svg>\n    )\n  }\n\nconst Spinner = () => {\n    return (\n        <svg className=\"animate-spin  ml-1.5 -mr-0.5 h-4 w-4 text-blue\"  fill=\"none\" viewBox=\"0 0 24 24\">\n            <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\"></circle>\n            <path className=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n        </svg>\n    )\n}\n\nenum ManageStreamModalTypes {\n    PUBLISH = 'PUBLISH',\n    PREVIEW = 'PREVIEW',\n    EDIT = 'EDIT',\n}\n\nconst getManageStreamModalWidth = (modalType : ManageStreamModalTypes) => {\n    if (modalType === ManageStreamModalTypes.PREVIEW) {\n        return \"70rem\" \n    } else if (modalType === ManageStreamModalTypes.EDIT) {\n        return \"78rem\" \n    } else if (modalType === ManageStreamModalTypes.PUBLISH) {\n        return \"60rem\"\n    }\n}\n\nexport const StreamTable = ({currentTimeUTC}) => {\n    const { StreamBuilderStore } = useStores()\n    const [openManageStreamsModal, setOpenManageStreamsModal] = useState(false)\n    const [streamConfigToAction, setStreamConfigToAction] = useState<StreamConfig>(DEFAULT_STREAM_CONFIG)\n    const PAGE_SIZE = 8;\n    const [userStreamConfigsPage , setUserStreamConfigsPage] = useState<Page<StreamConfigResponse>>({items: [],hasNext : false,page: 0,totalItems: 0})\n    const [currentModal, setCurrentModal] =  useState(ManageStreamModalTypes.PREVIEW)\n    const [editModalSpinning, setEditModalSpinning] = useState(false)\n    const [previewModalSpinning, setPreviewModelSpinning] = useState(false)\n    const [allIntervals, setAllIntervals] = useState([])\n    \n\n    async function fetchUserStreamConfigs(newPage) {\n        try {\n            let userStreamConfigs = await getUserStreamConfigs(newPage, PAGE_SIZE, \"createdAt,DESC\")\n            clearInterval(StreamBuilderStore.dashBoardStreamTableInterval)\n            const interval = setInterval(async () => {\n                let userStreamConfigs = await getUserStreamConfigs(newPage, PAGE_SIZE, \"createdAt,DESC\")\n                if (userStreamConfigs) {\n                    setUserStreamConfigsPage(userStreamConfigs)\n                }\n            }, REFRESH_MILLI_SECONDS);\n            setAllIntervals([...allIntervals,interval])\n            StreamBuilderStore.setDashBoardStreamTableInterval(interval)\n            if (userStreamConfigs) {\n                setUserStreamConfigsPage(userStreamConfigs)\n            }\n        } catch (e) {\n            console.error(e);\n        }\n    };\n\n    useEffect(() => {\n        updatePage(0)\n        return () =>  clearInterval(StreamBuilderStore.dashBoardStreamTableInterval)\n    }, []);\n    \n\n    const updatePage = async (newPage) => {\n        fetchUserStreamConfigs(newPage)\n    }\n\n\n    const streamConfigUpdated = async (newStreamConfig) => {\n        var foundIndex = userStreamConfigsPage.items.findIndex(x => x.id === newStreamConfig.id);\n        userStreamConfigsPage.items[foundIndex] = newStreamConfig\n        setUserStreamConfigsPage(userStreamConfigsPage)\n    }\n\n\n    const openManageStreamModal = async (streamConfig : StreamConfigResponse, modalType: ManageStreamModalTypes) => {\n        StreamBuilderStore.resetDashboardStreamSelected()\n        setStreamConfigToAction(streamConfig)\n        StreamBuilderStore.setStreamConfig(streamConfig, false)\n        if (modalType === ManageStreamModalTypes.EDIT && streamConfig.productConfig.customBackgroundUrl) {\n            await loadCustomBackgroundForEdit(streamConfig.productConfig.customBackgroundUrl)\n        }else if (modalType === ManageStreamModalTypes.PREVIEW && streamConfig.productConfig.customBackgroundUrl) {\n            await loadCustomBackgroundForPreview(streamConfig.productConfig.customBackgroundUrl)\n        }\n        setCurrentModal(modalType)\n        setOpenManageStreamsModal(true)\n    }\n\n    const loadCustomBackgroundForPreview = async (customBackgroundUrl) => {\n        setPreviewModelSpinning(true)\n        await loadCustomBackground(customBackgroundUrl)\n        setPreviewModelSpinning(false)\n    }\n\n    const loadCustomBackgroundForEdit = async (customBackgroundUrl) => {\n        setEditModalSpinning(true)\n        await loadCustomBackground(customBackgroundUrl)\n        setEditModalSpinning(false)\n    }\n\n    const loadCustomBackground = async (customBackgroundUrl) => {\n        await fetch(customBackgroundUrl, {headers: {\"Cache-Control\" : 'no-cache'}})\n        .then(async response => {\n            const contentType = response.headers.get('content-type')\n            const blob = await response.blob()\n            const file = new File([blob], \"background\", { type: contentType })\n            let myFileLoad : MyFile = { name: file.name , size: Math.round(file.size/1000), url: URL.createObjectURL(file), file: file }\n            StreamBuilderStore.setUploadedImageFiles([myFileLoad],false,false)\n            StreamBuilderStore.setUploadedImageSelected(0,false)\n        })\n    }\n\n\n    const setIsOpenModal = (isOpen) => {\n        setOpenManageStreamsModal(isOpen)\n    }\n\n    return (\n        <React.Fragment>\n            <div className=\"-my-2 overflow-x-auto sm:-mx-3 lg:-mx-4\">\n                <div className=\"py-2 align-middle inline-block min-w-full lg:px-4\">\n                <div className=\"shadow overflow-hidden border-b border-gray-200 sm:rounded-lg\">\n                    <table className=\"table-fixed min-w-full divide-y divide-gray-200\">\n                    <thead className=\"bg-gray-50\">\n                        <tr>\n                        <th \n                            scope=\"col\"\n                            className=\"w-1/6 pl-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\n                            style={{minWidth:\"228px\"}}\n                        >\n                            Stream Name\n                        </th>\n                        <th\n                            scope=\"col\"\n                            className=\"px-2 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\n                            style={{minWidth:\"70px\"}}\n                        >\n                            Status\n                        </th>\n                        <th\n                            scope=\"col\"\n                            className=\"px-2 py-3 pl-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\n                            style={{minWidth:\"115px\"}}\n                        >\n                            Created\n                        </th>\n                        <th\n                            scope=\"col\"\n                            className=\"px-2 py-3 pl-4  text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\n                            style={{minWidth:\"115px\"}}\n                        >\n                            Countdown\n                        </th>\n                        <th\n                            scope=\"col\"\n                            className=\"px-2 py-3  pl-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\n                            style={{minWidth:\"115px\"}}\n                        >\n                            Stream end\n                        </th>\n                        <th\n                            scope=\"col\"\n                            className=\"w-1/6 px-2 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\n                            style={{minWidth:\"200px\"}}\n                        >\n                            Stream key\n                        </th>\n                        <th\n                            scope=\"col\"\n                            className=\"px-2 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider\"\n                            style={{minWidth:\"315px\"}}\n                        >\n                            Action\n                        </th>\n                        </tr>\n                    </thead>  \n                    <tbody className=\"bg-white divide-y divide-gray-200\">\n                        {userStreamConfigsPage.items.map((streamConfig) => (\n                            <tr key={streamConfig.id}>\n                                <td className=\"pl-4 py-4 whitespace-nowrap\">\n                                    <div className=\"text-sm text-gray-900\" >{truncateText(streamConfig.productConfig.title,30)}</div>\n                                    <div className=\"text-sm text-gray-500\">{getProductTitle(streamConfig.productType)}</div>\n                                </td>\n                                <td className=\"px-2 py-4 whitespace-nowrap\" >\n                                    {getStatusComponent(streamConfig.streamStatus)}\n                                </td>\n                                <td className=\"pl-4 py-4 whitespace-nowrap\">\n                                    <div className=\"text-sm text-gray-900\" >{formatDate(streamConfig.createdAt)}</div>\n                                    <div className=\"text-sm text-gray-500\">{formatTime(streamConfig.createdAt)}</div>\n                                </td>\n                                <td className=\"pl-4 py-4 whitespace-nowrap\">\n                                    <div className=\"text-sm text-gray-900\" >{streamConfig.productConfig.countdownDate ? formatDate(streamConfig.productConfig.countdownDate) : \"- -\\xa0\\xa0\\- - -\\xa0\\xa0\\- - - -\"}</div>\n                                    <div className=\"text-sm text-gray-500\">{streamConfig.productConfig.countdownDate ? formatTime(streamConfig.productConfig.countdownDate) : \"- - : - -\\xa0\\xa0\\- -\"}</div>\n                                </td>\n                                <td className=\"pl-4 py-4 whitespace-nowrap\">\n                                    <div className=\"text-sm text-gray-900\" >{formatDate(streamConfig.streamEnd)}</div>\n                                    <div className=\"text-sm text-gray-500\">{formatTime(streamConfig.streamEnd)}</div>\n                                </td>\n                                <td className=\"px-2 py-4 whitespace-nowrap text-sm text-gray-500\" >{streamConfig.streamKey}</td>\n                                <td className=\"pr-4 py-4 whitespace-nowrap text-right text-sm font-medium\" >\n\n                                    {streamConfig.streamStatus === \"PENDING\" || streamConfig.streamStatus === \"ACTIVE\" ?\n                                        <button\n                                            type=\"button\"\n                                            className=\"inline-flex items-center px-2 py-2  border border-transparent text-sm leading-4 font-medium rounded-md text-blue-700 bg-blue-100 hover:bg-blue-200\"\n                                            onClick={e => openManageStreamModal(streamConfig,ManageStreamModalTypes.EDIT) }\n                                        >\n                                            Update\n                                            {editModalSpinning && streamConfig.id === streamConfigToAction.id ? \n                                            <div className=\"mt-0.5 mb-0.5\">\n                                                 <Spinner/>\n                                            </div>\n                                            :\n                                            <React.Fragment>\n                                                <PencilAltIcon className=\"ml-1 -mr-1 h-5 w-5\" aria-hidden=\"true\" />\n                                            </React.Fragment>\n                                        }\n                                        </button>: <div/>\n                                    }\n\n                                    {streamConfig.streamStatus === \"PENDING\" || streamConfig.streamStatus === \"ACTIVE\"  ?\n                                        <button\n                                          type=\"button\"\n                                          className=\"inline-flex items-center px-2 py-2 ml-2.5 mr-2.5 border border-transparent text-sm leading-4 font-medium rounded-md text-blue-700 bg-blue-100 hover:bg-blue-200\"\n                                          onClick={e => openManageStreamModal(streamConfig,ManageStreamModalTypes.PUBLISH) }\n                                        >\n                                            Publish\n                                            <RocketShipIcon />\n                                        </button> : <div/>\n                                    }\n\n                                    <button\n                                        type=\"button\"\n                                        className=\"inline-flex items-center px-2 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-blue-700 bg-blue-100 hover:bg-blue-200\"\n                                        onClick={e => openManageStreamModal(streamConfig,ManageStreamModalTypes.PREVIEW) }\n                                    >\n                                        Preview\n                                        {previewModalSpinning && streamConfig.id === streamConfigToAction.id ?  \n                                            <div className=\"mt-0.5 mb-0.5\">\n                                                <Spinner/>\n                                            </div>\n                                            :\n                                            <React.Fragment>\n                                                 <EyeIcon className=\"ml-1 -mr-1 h-5 w-5\" aria-hidden=\"true\" />\n                                            </React.Fragment>\n                                        }\n                                    </button>\n\n                                </td>\n                            </tr>\n                        ))}\n                        { Array.from(Array( (PAGE_SIZE - userStreamConfigsPage.items.length)).keys()).map((num) => (\n                            <tr key={num.toString()}>\n                                <td className=\"px-2\" style={{height: \"73px\"}}>\n                     \n                                </td>\n                            </tr>\n                        ))}\n                    </tbody>\n                    </table>\n                </div>\n                </div>\n            </div>\n            <Pagination hasNext={userStreamConfigsPage.hasNext} page={userStreamConfigsPage.page} pageSize={PAGE_SIZE} totalItems={userStreamConfigsPage.totalItems} updatePage={updatePage}/>\n            \n            <ModalFrame \n                open={openManageStreamsModal} \n                setOpen={setIsOpenModal} \n                modalWidth={getManageStreamModalWidth(currentModal)}\n                modalBody={ currentModal === ManageStreamModalTypes.PREVIEW ? \n                            <PreviewStreamModalBody productType={streamConfigToAction.productType} productConfig={streamConfigToAction.productConfig} backgroundImage={StreamBuilderStore.getSelectedImage(false)}/>\n                            : currentModal === ManageStreamModalTypes.EDIT ?  \n                            <EditStreamModalBody streamConfigUpdated={streamConfig => streamConfigUpdated(streamConfig)} />  :  <PublishStreamModalBody streamConfigUpdated={streamConfig => streamConfigUpdated(streamConfig)} currentTimeUTC={currentTimeUTC} /> \n                          } \n                isBasicCloseStyle={false}\n                easyClose={false}\n              />\n        </React.Fragment>\n    )\n}\n  \n\n","import React from \"react\"\nimport RenderIf from \"./RenderIf\"\nimport { CheckCircleIcon, XCircleIcon } from '@heroicons/react/outline'\n\nexport const SuccessOrErrorMessage = ({showComponent, showSuccess, successMessage, errorMessage}) => {\n    return (\n        <React.Fragment>\n        <RenderIf condition={showComponent && showSuccess}>\n            <div className=\"mt-2 flex items-start lg:col-span-1 justify-end\">\n                <div className=\"flex-shrink-0 ml-4\">\n                    <CheckCircleIcon className=\"h-6 w-6 text-green-600\" aria-hidden=\"true\" />\n                </div>\n                <p className=\"ml-2 text-green-600\"> {successMessage}</p>\n            </div>\n        </RenderIf>\n\n        <RenderIf condition={showComponent && !showSuccess}>\n            <div className=\"mt-2 flex items-start lg:col-span-1 justify-end\">\n                <div className=\"flex-shrink-0 ml-4\">\n                    <XCircleIcon className=\"h-6 w-6 text-red-400\" aria-hidden=\"true\" />\n                </div>\n                <p className=\"ml-2 text-red-400\"> {errorMessage} </p>\n            </div>\n        </RenderIf>\n        </React.Fragment>\n    )\n}\n\n","import { Dialog } from '@headlessui/react'\nimport StandardButton from 'Components/Structure/StandardButton'\nimport { SuccessOrErrorMessage } from 'Components/Structure/SuccessOrErrorMessage'\nimport React, { useState } from 'react'\nimport { deleteCustomBackground, updateStreamConfig, uploadUserCustomBackground } from 'Services/StreamConfigService'\nimport { uploadVoteAvatars } from 'Services/VoteConfigService'\nimport { useStores } from 'Store/StoreConfig'\nimport { ProductType, StreamConfig, StreamConfigResponse } from 'Types/StreamTypes'\nimport CustomizeStream from '../CustomizeStream'\n\n\nexport const EditStreamModalBody = ({streamConfigUpdated}) => {\n  const { StreamBuilderStore } = useStores()\n  const streamConfig : StreamConfig = StreamBuilderStore.dashBoardStreamConfig\n  const [loading, setLoading] = useState(false)\n  const [changesSaved,setChangesSaved] = useState(false)\n  const [changesSavedSuccess,setChangesSavedSuccess] = useState(true)\n\n  const saveUpdates = async () => {\n    setLoading(true)\n    setChangesSaved(false)\n    try {\n      const streamConfigResponse : StreamConfigResponse = await updateStreamConfig(streamConfig.id,streamConfig)\n      await handleCustomBackgroundImage(streamConfigResponse)\n      await handleVoteOptionAvatarUploads(streamConfigResponse)\n      streamConfigUpdated(streamConfigResponse)\n      setChangesSavedSuccess(true)\n    } catch (e) {\n      setChangesSavedSuccess(false)\n    }\n    setLoading(false)\n    setChangesSaved(true)\n  }\n\n  const handleCustomBackgroundImage = async (streamConfigResponse : StreamConfigResponse) => {\n    if (StreamBuilderStore.dashboardNewImageUploaded) {\n      if (StreamBuilderStore.getUploadedImageFiles(false).length === 0) {\n        await deleteCustomBackground(streamConfigResponse.id)\n        streamConfigResponse.productConfig.customBackgroundUrl = \"\"\n      } else {\n        const customBackgroundUrl : string =  await uploadUserCustomBackground(streamConfigResponse.id,false,StreamBuilderStore)\n        streamConfigResponse.productConfig.customBackgroundUrl = customBackgroundUrl\n      }\n    }\n  }\n\n  const handleVoteOptionAvatarUploads = async(streamConfigResponse : StreamConfigResponse) => {\n    if (streamConfig.productType === ProductType.MULTI_VOTE) {\n      const productConfig = streamConfig.productConfig\n      if (productConfig.voteConfig && productConfig.voteConfig.includeImages) {\n          await uploadVoteAvatars(streamConfigResponse.id, productConfig.voteConfig.voteOptions, true)\n      }\n    }\n  }\n\n\n  return (\n      <React.Fragment>\n            <div>\n              <Dialog.Title className=\"text-lg leading-6 font-medium text-gray-600\">\n                    Update Stream\n              </Dialog.Title>\n\n              <div className=\"mx-4 pt-2\">\n\n                <CustomizeStream isBuilderConfig={false}/>\n\n                <div className=\"flex justify-end mt-6\">\n        \n                  <StandardButton\n                    disabled={false}\n                    onClick={() =>{saveUpdates()}}\n                    text={\"Save updates\"}\n                    isSpinning={loading}\n                  />\n                  \n                </div>\n\n                <SuccessOrErrorMessage \n                  showComponent={changesSaved} \n                  showSuccess={changesSavedSuccess} \n                  successMessage={\"Successfully updated!\"} \n                  errorMessage={\"Failed to update\"}\n                />\n              \n              </div>\n\n\n            </div>\n      </React.Fragment>\n  )\n}\n","import StandardButton from 'Components/Structure/StandardButton'\nimport React from 'react'\nimport { ExclamationIcon, XCircleIcon } from '@heroicons/react/solid'\nimport { useHistory } from \"react-router-dom\"\n\n\nexport const PublishStreamWarningBody = ({currentTimeUTC, setWarningShown, isError}) => {\n\n    let hourDifference = 24 - currentTimeUTC.hour() \n    let minuteDifference = 60 - currentTimeUTC.minute()\n    const history = useHistory()\n\n    return (\n        <React.Fragment>\n            <div>\n\n                <div className=\"p-4\">\n                    <div className=\"flex\">\n                        <div className=\"flex-shrink-0\">\n                            {isError ?            \n                                <XCircleIcon className=\"h-9 w-9 text-red-400\" aria-hidden=\"true\" />\n                                :\n                                <ExclamationIcon className=\"h-9 w-9 text-yellow-400\" aria-hidden=\"true\" />\n                            }\n                        </div>\n                        <div className=\"ml-3\">\n                        <h3 className=\"text-lg font-medium text-gray-800\">\n                            { isError ? \"Daily publishing limit reached\" : \"One more publish left for today!\"}\n                        </h3>\n                        <div className=\"mt-2 text-sm text-gray-600\">\n\n                            { \n                                isError ?\n                                <div>\n                                    <p>\n                                        You have reached the 24 hour publishing limit. \n                                    </p>\n                                    <p>\n                                        If you need to urgently publish your stream please contact support.\n                                    </p>\n                                    <p>\n                                        This limit will reset in <b>{hourDifference} hours and {minuteDifference} minutes</b>\n                                    </p>\n                                </div>\n                            \n                            : \n                                <div>\n                                    <p>\n                                        You can only publish once more until you reach the 24 hour publishing limit.\n                                    </p>\n                                    <p>\n                                        This limit will reset in <b>{hourDifference} hours and {minuteDifference} minutes</b>\n                                    </p>\n                                </div>\n                            }\n\n                        </div>\n                        </div>\n                    </div>\n                </div>\n\n\n                <div className=\"mr-4 flex justify-end\">\n                { \n                    isError ?\n                        <StandardButton\n                        disabled={false}\n                        onClick={e => history.push(\"/Contact\") }\n                        text={\"Contact us\"} \n                        isSpinning={false}                    \n                      />\n                    :\n                    <StandardButton\n                        disabled={false}\n                        onClick={e => {setWarningShown(true)} }\n                        text={\"Continue\"} \n                        isSpinning={false}                    \n                    />\n                }\n                    \n                </div>\n\n            </div>\n                \n        </React.Fragment>\n    )\n}\n","import { Dialog } from '@headlessui/react'\nimport { PlayIcon } from '@heroicons/react/outline'\nimport InputWithLabel from 'Components/Structure/InputWithLabel'\nimport RenderIf from 'Components/Structure/RenderIf'\nimport StandardButton from 'Components/Structure/StandardButton'\nimport { SuccessOrErrorMessage } from 'Components/Structure/SuccessOrErrorMessage'\nimport ParagraphBoldLarge from 'Components/Typography/ParagraphBoldLarge'\nimport { observer } from 'mobx-react'\nimport React, { useState } from 'react'\nimport { updateStreamConfig } from 'Services/StreamConfigService'\nimport { deployStreamConfig } from 'Services/StreamManagementService'\nimport { useStores } from 'Store/StoreConfig'\nimport { StreamConfigResponse } from 'Types/StreamTypes'\nimport { PUBLISH_STREAM_VIDEO_URL_WATCH, MAX_DAILY_REDEPLOYMENTS, PUBLISH_STREAM_SUCCESS_NEXT_STEP_MESSAGE, PUBLSIH_STREAM_SUCCESS_CONGRATULATIONS } from 'Utilities/GeneralConstants'\nimport { isVideoIdValid, isStreamKeyValid } from 'Utilities/HelperFunctions'\nimport { TechnicalSupport } from '../TechnicalSupport'\nimport { PublishStreamWarningBody } from './PublishStreamWarningBody'\n\n\nexport const PublishStreamModalBody = observer(({streamConfigUpdated, currentTimeUTC}) => {\n    const { StreamBuilderStore } = useStores()\n    const [streamConfig, setStreamConfig] = useState(StreamBuilderStore.getStreamConfig(false))\n    const incomplete = isStreamKeyValid(streamConfig.streamKey) === false || isVideoIdValid(streamConfig.videoId) === false\n    const [showStreamKeyError, setShowStreamKeyError] = useState(false)\n    const [showVideoIdError, setVideoIdError] = useState(false)\n    const [changesSaved,setChangesSaved] = useState(false)\n    const [changesSavedSuccess,setChangesSavedSuccess] = useState(true)\n    const [loading, setLoading] = useState(false)\n    const [streamPublished, setStreamPublished] = useState(false)\n    const [warningShown,setWarningShown] = useState(false)\n    let isLastDailyRedeployment = streamConfig.redeploymentCount === (MAX_DAILY_REDEPLOYMENTS - 1)\n    let redeploymentLimitReached = streamConfig.redeploymentCount >= MAX_DAILY_REDEPLOYMENTS\n\n\n    const publishStream = async () => {\n        setLoading(true)\n        setChangesSaved(false)\n        try {\n          let streamConfigUpdate : StreamConfigResponse = await updateStreamConfig(streamConfig.id,streamConfig)\n          if (streamConfigUpdate) {\n                streamConfigUpdate = await deployStreamConfig(streamConfig.id)\n          }\n          streamConfigUpdated(streamConfigUpdate)\n          setStreamPublished(true)\n          setChangesSavedSuccess(true)\n        } catch (e) {\n          setChangesSavedSuccess(false)\n        }\n        setLoading(false)\n        setChangesSaved(true)\n    }\n\n\n    const updateStoreStreamConfig = (newVideoId, newStreamKey) => {\n        let newStreamConfig = StreamBuilderStore.getStreamConfig(false)\n        newStreamConfig.videoId = newVideoId\n        newStreamConfig.streamKey = newStreamKey\n        StreamBuilderStore.setStreamConfig(newStreamConfig,false)\n        setStreamConfig(newStreamConfig)\n    }\n\n    return (\n        <React.Fragment>\n            <div>\n                <Dialog.Title className=\"text-lg leading-6 font-medium text-gray-600\">\n                    Publish Stream\n                </Dialog.Title>\n\n                {streamPublished ? \n                    <React.Fragment>\n                        <div className=\"flex -mx-6 mt-2  pt-24 \"   style={{ backgroundRepeat: 'no-repeat', backgroundImage: `url(${process.env.PUBLIC_URL}/images/PublishSuccess.svg)` }} >\n                            <div className=\"md:w-4/12 \"></div>\n                            <div className=\"md:w-6/12  m-auto md:mt-10 md:mb-28  xs:ml-8 mt-60 ml-10 mr-4\">\n                                <p className=\"text-black md:text-white font-medium text-xl \">Congratulations! <br/>\n                                    <span> {PUBLSIH_STREAM_SUCCESS_CONGRATULATIONS} </span>\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"mt-4 mb-4 mx-2\" >  \n                        <ParagraphBoldLarge fontColor=\"text-gray-500\"> What's next? </ParagraphBoldLarge>\n                        <ParagraphBoldLarge fontColor=\"text-gray-500\"> {PUBLISH_STREAM_SUCCESS_NEXT_STEP_MESSAGE} </ParagraphBoldLarge>\n                        </div >  \n                    </React.Fragment>\n                :\n                <React.Fragment>\n\n                    <RenderIf condition={streamConfig.redeploymentCount < (MAX_DAILY_REDEPLOYMENTS - 1) || (isLastDailyRedeployment && warningShown ) }>\n                        <div className=\"flex flex-col lg:flex-row mt-3 sm:mt-4 mx-4 pb-10\">\n                            <div className=\"lg:w-7/12 pb-4\">\n                                <div className=\"max-w-sm mt-6\">\n                                    <InputWithLabel\n                                        id=\"video-id\"\n                                        label=\"Video Id\"\n                                        onChange={e => updateStoreStreamConfig(e.target.value,streamConfig.streamKey)}\n                                        onBlur={() => setVideoIdError(true)}\n                                        value={streamConfig.videoId}\n                                        type=\"text\"\n                                        showError={isVideoIdValid(streamConfig.videoId) === false && showVideoIdError}\n                                        errorMessage={\"YouTube Video Id is invalid.\"}\n                                    />\n                                \n                                </div>\n                                <div className=\"max-w-sm mt-4\">\n                                    <InputWithLabel\n                                        id=\"stream-key\"\n                                        label=\"Stream key\"\n                                        onChange={e => updateStoreStreamConfig(streamConfig.videoId, e.target.value)}\n                                        onBlur={() => setShowStreamKeyError(true)}\n                                        value={streamConfig.streamKey}\n                                        type=\"text\"\n                                        showError={isStreamKeyValid(streamConfig.streamKey) === false && showStreamKeyError}\n                                        errorMessage={\"Stream key format is incorrect.\"}\n                                    />\n                                </div>\n\n                                \n                                <p className=\"font-medium text-base\t\">\n                                    <a className=\"items-center font-medium text-sm border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\" href={PUBLISH_STREAM_VIDEO_URL_WATCH} target=\"_blank\" rel=\"noreferrer\">\n                                        <PlayIcon className=\"mr-1 h-6 w-6 inline\" aria-hidden=\"true\" />Play Video: <span className=\"ml-1 font-normal inline-block\">How to publish your stream to YouTube</span>\n                                    </a>\n                                </p>\n\n                            </div>\n\n                            <div className=\"lg:pl-5 pt-2 md:w-12/12 lg:w-5/12\">\n                                <TechnicalSupport/>\n                            </div>\n                        </div>\n\n                        <div className=\"mt-4 sm:mt-6 mr-4 flex justify-end\">\n                            <StandardButton\n                                disabled={incomplete}\n                                onClick={e => {publishStream()}}\n                                text={\"Publish stream\"}\n                                isSpinning={loading}\n                            />\n                            \n                        </div>\n\n                        <div className=\"mr-4\">\n                            <SuccessOrErrorMessage \n                                showComponent={changesSaved} \n                                showSuccess={changesSavedSuccess} \n                                successMessage={\"Successfully updated!\"} \n                                errorMessage={\"Failed to publish\"}\n                            />\n                        </div>\n                        \n                    </RenderIf>\n                    <RenderIf condition={ (isLastDailyRedeployment && !warningShown) || redeploymentLimitReached}>\n                        <PublishStreamWarningBody currentTimeUTC={currentTimeUTC} setWarningShown={setWarningShown} isError={redeploymentLimitReached}/>\n                    </RenderIf>\n                </React.Fragment>\n                }\n            </div>\n                \n        </React.Fragment>\n    )\n})\n","import Layout from 'Components/Structure/Foundation/Layout'\nimport Body from 'Components/Structure/Foundation/Body'\nimport PageHeader from 'Components/Typography/PageHeader'\n\nimport { StreamTable } from './StreamTable'\nimport { InformationAlertAction } from 'Components/Structure/Alerts/InformationAlertAction'\nimport moment from 'moment'\nimport { useEffect, useState } from 'react'\nimport { WORLD_TIME_SERVER_URL } from 'Utilities/GeneralConstants'\nimport { Helmet } from 'react-helmet'\nimport {MANAGESTREAMS_TITLE} from 'Utilities/SEOConstants'\n\nexport const ManageStreams = () => {\n  const [currentTimeUTC, setCurrentTimeUTC] = useState(moment.utc())\n\n  useEffect(() => {\n    setTimeout(() => {\n      setCurrentTimeUTC(moment.utc());\n    },1000);\n  });\n\n  return (\n    <Layout header={{ showAccount: true, showMenu: true }}>\n          <PageHeader text=\"Manage streams\" />\n          <Helmet>\n            <title>{MANAGESTREAMS_TITLE}</title>\n          </Helmet>\n          <Body> \n            <InformationAlertAction \n              message={\n                <p>\n                  Note: All dates and times are set in UTC. The current time in UTC is: <span className=\"font-semibold whitespace-nowrap\">  {currentTimeUTC.format(\"DD MMM YYYY\")} {currentTimeUTC.format('LT')} </span>\n                </p> \n              }  \n              detailsMessage=\"Learn more about UTC\"\n              detailsLink={WORLD_TIME_SERVER_URL}\n            />\n            <div className=\"pt-4\" />\n            <StreamTable currentTimeUTC={currentTimeUTC} />\n          </Body>\n  </Layout>\n  )\n}\n\n\n","import {Link} from 'react-router-dom'\n\nexport const ParagraphLink = ({ children, link }) => {\n    return <p className=\"inline-block\"><Link className=\"border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700 \"  to={link}> {children}</Link></p>\n}\n  \nexport default ParagraphLink\n  ","import Layout from \"../Components/Structure/Foundation/Layout\"\nimport Body from \"Components/Structure/Foundation/Body\"\nimport PageHeader from \"Components/Typography/PageHeader\"\nimport ParagraphBold from \"Components/Typography/ParagraphBold\"\nimport ParagraphLink from \"Components/Typography/ParagraphLink\"\nimport InputWithLabel from \"Components/Structure/InputWithLabel\"\nimport StandardButton from \"Components/Structure/StandardButton\"\nimport React, { useState } from \"react\"\nimport { GENERIC_ERROR_MSG, INVALID_EMAIL_MSG, MISSING_FIRSTNAME_MSG, RECAPTCHA_SITE_KEY } from \"Utilities/GeneralConstants\"\nimport { isEmailValid, isFirstNameValid } from \"Utilities/HelperFunctions\"\nimport RenderIf from \"Components/Structure/RenderIf\"\nimport ReCAPTCHA from \"react-google-recaptcha\";\nimport { CheckCircleIcon } from \"@heroicons/react/solid\"\nimport { getUserStore } from \"Store/StoreConfig\"\nimport { UserStore } from \"Store/UserStore\"\nimport { emailContactUsForm } from 'Services/CustomerService'\nimport { Helmet } from \"react-helmet\"\nimport { CONTACT_DESCRIPTION, CONTACT_TITLE } from \"Utilities/SEOConstants\"\n\n\nexport const Contact = () => {\n  const [firstName, setFirstname] = useState(\"\")\n  const [lastName, setLastName] = useState(\"\")\n  const [email, setEmail] = useState(\"\")\n  const [captchaComplete, setCaptchaComplete] = useState(false)\n  const [message, setMessage] = useState(\"\")\n  const [showFirstNameError, setShowFirstNameError] = useState(false)\n  const [showEmailError, setShowEmailError] = useState(false)\n  const [showMessageError, setShowMessageError] = useState(false)\n  const [contactUsSubmitted, setContactUsSubmitted] = useState(false)\n  const [emailError, setEmailError] = useState(\"\")\n  const [isLoading, setIsLoading] = useState(false)\n  const firstNameInvalid = !isFirstNameValid(firstName)\n  const emailInvalid = !isEmailValid(email)\n  const messageInvalid = message.length < 2\n  const disableSubmit = firstNameInvalid || emailInvalid || messageInvalid || !captchaComplete\n  const userStore : UserStore = getUserStore()\n\n  const onChange = (value) => {\n    setCaptchaComplete(true)\n  }\n\n  const submitContactUsForm = async () => {\n    setIsLoading(true)\n    setEmailError(\"\")\n    const emailResult = await emailContactUsForm(firstName,lastName,email,message,userStore)\n    setIsLoading(false)\n    if (emailResult) {\n      setContactUsSubmitted(true)\n      window.scrollTo({top: 0, behavior: 'smooth'})\n    } else {\n      setEmailError(GENERIC_ERROR_MSG)\n    }\n  }\n\n  return (\n    <Layout header={{ showAccount: true, showMenu: true }}>\n      <Helmet>\n        <title>{CONTACT_TITLE}</title>\n        <meta name=\"description\" content={CONTACT_DESCRIPTION} />\n      </Helmet>\n      <PageHeader text={\"Contact us\"}  />\n      <Body > \n\n        <div className=\"bg-white pb-4 px-4 overflow-hidden sm:px-6 lg:px-8 lg:pb-8 pt-4\">\n          <div className=\"relative max-w-xl mx-auto\">\n            { contactUsSubmitted  ?\n             <div className=\"text-center xs:mx-12 md:mx-24 my-8 sm:my-16\">\n                  <div className=\"mx-auto flex items-center justify-center h-16 w-16 rounded-full bg-green-100 mb-2\">\n                     <CheckCircleIcon className=\"h-16 w-16 text-green-400 \" aria-hidden=\"true\" />\n                </div>\n                <ParagraphBold>\n                  Success! \n                </ParagraphBold>\n                <div className=\"mb-2\"/>\n                <ParagraphBold>\n                  Your message has been sent and a member of our team will be in touch with you shortly.\n                </ParagraphBold>\n                <div className=\"mb-30\"/>\n              </div>\n            :\n              <React.Fragment>\n                <ParagraphBold>\n                    We are here to help. Get in touch with our friendly team or look for answers to some of the most common questions in our <div className=\"inline-block\"> <ParagraphLink link={\"/Support\"}>FAQ page.</ParagraphLink> </div>\n                </ParagraphBold>\n                <div className=\"mt-10 grid grid-cols-1 gap-y-2 sm:grid-cols-2 sm:gap-x-8\">\n                    <InputWithLabel\n                        id=\"firstName\"\n                        label=\"First name\"\n                        inputClassName={`block border border-gray-300 text-gray-700 w-full p-3 rounded mb-2 mt-2 focus:outline-none ${firstNameInvalid && showFirstNameError ? \"border-red-600 ring-red-600 ring-1\" : \"focus:border-blue-500 focus:ring-blue-500 focus:ring-1\"}` }\n                        onChange={e => {setFirstname(e.target.value)}}\n                        onBlur={() => setShowFirstNameError(true)}\n                        value={firstName}\n                        type=\"text\"\n                        showError={firstNameInvalid && showFirstNameError}\n                        errorMessage={MISSING_FIRSTNAME_MSG}\n                    />\n                    <InputWithLabel\n                        id=\"lastName\"\n                        label=\"Last name\"\n                        inputClassName={`block border border-gray-300 text-gray-700 w-full p-3 rounded mb-2 mt-2 focus:outline-none focus:border-blue-500 focus:ring-blue-500 focus:ring-1` }\n                        onChange={e => setLastName(e.target.value)}\n                        onBlur={() => {}}\n                        value={lastName}\n                        type=\"text\"\n                    />\n        \n                    <div className=\"sm:col-span-2\">\n                      <InputWithLabel\n                        id=\"email\"\n                        label=\"Email\"\n                        inputClassName={`block border border-gray-300 text-gray-700 w-full p-3 rounded mb-2 mt-2 focus:outline-none ${emailInvalid && showEmailError ? \"border-red-600 ring-red-600 ring-1\" : \"focus:border-blue-500 focus:ring-blue-500 focus:ring-1\"}` }\n                        onChange={e => setEmail(e.target.value)}\n                        onBlur={() => setShowEmailError(true)}\n                        value={email}\n                        type=\"text\"\n                        showError={emailInvalid && showEmailError}\n                        errorMessage={INVALID_EMAIL_MSG}\n                        maxLength={80}\n                      />\n                    </div>\n\n                    <div className=\"sm:col-span-2\">\n                      <label htmlFor=\"message\" className=\"block text-sm font-medium text-gray-700\">\n                        Message\n                      </label>\n                      <div className=\"mt-1\">\n                        <textarea\n                          id=\"message\"\n                          name=\"message\"\n                          onChange={e => setMessage(e.target.value)}\n                          onBlur={() => setShowMessageError(true)}\n                          rows={4}\n                          className={`py-3 px-4 w-full block mb-2 border border-gray-300 text-gray-700 w-full p-3 rounded mt-2 focus:outline-none ${messageInvalid && showMessageError ? \"border-red-600 ring-red-600 ring-1\" : \"focus:border-blue-500 focus:ring-blue-500 focus:ring-1\"}` }\n                          value={message}\n                        />\n                      </div>\n                      <RenderIf condition={messageInvalid && showMessageError}>\n                        <div className=\"mb-2 text-sm text-red-600\"> {\"Please enter a valid message.\"} </div>\n                      </RenderIf>\n                      <RenderIf condition={!(messageInvalid && showMessageError)}>\n                        <div className=\"mt-4\" /> \n                      </RenderIf>\n                    </div>\n\n                      <ReCAPTCHA\n                        sitekey={RECAPTCHA_SITE_KEY}\n                        onChange={onChange}\n                      />\n\n                    <div className=\"sm:col-span-2 mt-4\">\n                      <StandardButton\n                          disabled={disableSubmit}                            \n                          onClick={e => {submitContactUsForm()}}\n                          text={\"Submit\"}\n                          extendClassName=\"w-full justify-center py-3\"\n                          isSpinning={isLoading}\n                      />\n                    </div>\n                    <RenderIf condition={emailError.length > 0}>\n                        <div className={`text-sm text-red-600 mb-2`}> {emailError} </div>\n                    </RenderIf>\n                </div>\n              </React.Fragment>\n            }\n          </div>\n        </div>\n          \n       </Body> \n    </Layout>\n  )\n}\n","import { Route, Redirect } from \"react-router-dom\";\nimport { getUserStore } from \"Store/StoreConfig\";\n\nexport const ProtectedUserRoute = ({\n  component: Component,\n  ...rest\n}) => {\n  return (\n    <Route\n      {...rest}\n      render={props => {\n        if (getUserStore().user) {\n          return <Component {...props} />;\n        } else {\n          return (\n            <Redirect\n              to={{\n                pathname: \"/\",\n                state: {\n                  from: props.location\n                }\n              }}\n            />\n          );\n        }\n      }}\n    />\n  );\n};\n","import PreviewWindow from \"Components/StreamBuilder/PreviewWindow\";\nimport RenderIf from \"Components/Structure/RenderIf\";\nimport { useEffect, useState } from \"react\";\nimport { getStreamConfigById } from \"Services/StreamConfigService\";\nimport { StreamConfigResponse } from \"Types/StreamTypes\";\nimport { useStores } from \"Store/StoreConfig\"\n\nconst REFRESH_MILLI_SECONDS = 3000\n\nexport const TemplateView = () => {\n\n    const [streamConfig, setStreamConfig] = useState<StreamConfigResponse>(null)\n    const { StreamBuilderStore } = useStores()\n\n    useEffect(() => {\n        var tawk = StreamBuilderStore.getTawkTo()\n        tawk.hideWidget()\n        const pathNameSplit = window.location.pathname.split(\"/\")\n        async function fetchStreamConfig(interval) {\n            try {\n                const streamConfigRes = await getStreamConfigById(pathNameSplit[2], pathNameSplit[3])\n                setStreamConfig(streamConfigRes)\n            } catch (e) {\n                console.error(e);\n            }\n        };\n        fetchStreamConfig(null)\n        const interval = setInterval(async () => {\n            fetchStreamConfig(interval)\n            tawk.hideWidget()\n        }, REFRESH_MILLI_SECONDS);\n        return () => clearInterval(interval);\n    }, []);\n  \n    return (\n        <RenderIf condition={streamConfig != null}>\n            <PreviewWindow productType={streamConfig ? streamConfig.productType : null} productConfig={streamConfig ? streamConfig.productConfig : null} backgroundImage={null} defaultWidth={1280} defaultHeight={720} borderStyle={'none'}/>\n        </RenderIf>\n    )\n}\n\n\n","export const HeadingThreeBold = ({ children }) => {\n    return <h3 className=\"text-lg sm:text-xl leading-7 font-bold text-gray-800 \">{children}</h3>\n  }\n  \n  export default HeadingThreeBold\n  ","import React from \"react\"\nimport { Disclosure } from '@headlessui/react'\nimport { ChevronDownIcon } from '@heroicons/react/outline'\nimport HeadingThreeBold from \"Components/Typography/HeadingThreeBold\"\n\n\n\nfunction classNames(...classes) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const FaqSection = ({title, faqs}) => {\n    return (\n        <React.Fragment>\n          <div className=\"mt-6\"/>\n          <HeadingThreeBold> {title} </HeadingThreeBold>\n\n          <div className=\"ml-5 mt-5 mb-10\">\n            <div className=\"border-t\"/>\n            <dl className=\"space-y-3 divide-y divide-gray-200\">\n              {faqs.map((faq) => (\n                  <Disclosure as=\"div\" key={faq.question} className=\"pt-4\">\n                      {({ open }) => (\n                      <>\n                          <dt className=\"text-md\">\n                              <Disclosure.Button className=\"text-left w-full flex justify-between items-start text-gray-400\">\n                                  <span className=\"font-medium text-gray-600\">{faq.question}</span>\n                                  <span className=\"ml-6 h-7 flex items-center\">\n                                      <ChevronDownIcon\n                                          className={classNames(open ? '-rotate-180' : 'rotate-0', 'h-6 w-6 transform')}\n                                          aria-hidden=\"true\"\n                                      />\n                                  </span>\n                              </Disclosure.Button>\n                          </dt>\n                          <Disclosure.Panel as=\"dd\" className=\"mt-2 pr-12\">\n                              <p className=\"text-base text-gray-500\">{faq.answer}</p>\n                          </Disclosure.Panel>\n                      </>\n                      )}\n                  </Disclosure>\n              ))}\n            </dl>\n            <div className=\"border-b mt-3\"/>\n          </div>\n        </React.Fragment>\n\n    )\n    \n}\n  \nexport default FaqSection\n  ","import Layout from \"../Components/Structure/Foundation/Layout\"\nimport Body from \"Components/Structure/Foundation/Body\"\nimport PageHeader from \"Components/Typography/PageHeader\"\nimport StandardButton from \"Components/Structure/StandardButton\"\nimport { useHistory } from \"react-router-dom\"\nimport FaqSection from \"Components/Support/FaqSection\"\nimport { ChevronRight } from \"@material-ui/icons\"\nimport { useRef } from \"react\"\nimport ParagraphLink from \"Components/Typography/ParagraphLink\"\nimport { PUBLISH_STREAM_VIDEO_URL_WATCH, WORLD_TIME_SERVER_URL } from \"Utilities/GeneralConstants\"\nimport { Helmet } from \"react-helmet\"\nimport { SUPPORT_DESCRIPTION, SUPPORT_TITLE } from \"Utilities/SEOConstants\"\n\nconst StreamConfigFAQ = [\n    {\n        question: \"What file types and sizes are allowed for background images?\",\n        answer: \"We accept PNG and JPG image types, up to 5MB in size. For the best results we recommend an aspect ratio of 16:9. We also recommend a minimum pixel size of (1280 x 720px).\"\n    },\n    {\n        question: \"What is the maximum stream duration?\",\n        answer: <div className=\"break-words\"> \n                    We currently allow a maximum of 60 days of streaming (counted from the moment you purchase the stream). We plan to allow you to renew and extend your stream in the future. For now you can contact our{'\\u00A0'} \n                    <ParagraphLink link={\"/Contact\"}>\n                        customer support{'\\u00A0'}\n                    </ParagraphLink>\n                    for assistance in renewal. \n                </div>\n    }\n]\n\nconst VotingPollStreamFAQ = [\n    {\n        question: \"How do viewers of my stream vote?\",\n        answer: \"Your audience votes via the YouTube live chat of your stream, using the vote code that you set up as part of your stream configuration. \"\n    },\n    {\n        question: \"How should I format the vote code?\",\n        answer: \"We suggest you use simple, short words and ensure each vote code is unique. We also recommend prefixing the vote code with an exclamation mark (!VoteCode) to eliminate accidental voting. When we read the votes we ignore capitalization, so !VOTECODE and !VoTeCoDe will both count as votes.\"\n    },\n    {\n        question: \"How do you track and collect votes?\",\n        answer: <div>\n                    When a YouTube user casts a vote on your live stream the following happens: \n                    <ol className=\"list-decimal ml-10\">\n                        <li>Our system tracks your live chat in real time and identifies votes.</li>\n                        <li>We will increment the vote count for the associate vote option on your stream.</li>\n                        <li>The name of the user who voted will be displayed at the bottom of your stream. Only the last five voters will be displayed.</li>\n                    </ol>\n                </div>\n    },\n    {\n        question: \"Why is there a small delay between casting a vote and seeing it appear on screen?\",\n        answer: <div>\n                    There is no stream on the planet that is in real time. This is because it takes time for live video data to be transmitted to YouTube. YouTube calls this delay 'latency'. In order to reduce latency down to a few seconds, you will need to configure your YouTube stream settings correctly. However, the lower the stream latency, the higher the chance your stream will buffer. YouTube has 3 options for live stream latency: \n                    <ul className=\"list-disc ml-10\">\n                        <li>Normal latency </li>\n                        <li>Low latency</li>\n                        <li>Ultra-low latency</li>\n                    </ul>\n                    We recommend using the Low latency setting as a balanced option - low latency with minimal stream buffering. For more information, checkout our video on how to{'\\u00A0'}\n                    <a className=\"items-center border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\" href={PUBLISH_STREAM_VIDEO_URL_WATCH} target=\"_blank\" rel=\"noreferrer\">\n                        configure your stream.\n                    </a>\n                </div>\n    }\n  \n]\n\nconst TimeAndCountdownsFAQ = [\n    {\n        question: \"What is UTC and why are the times in UTC?\",\n        answer: \n                <div> \n                    UTC stands for Coordinated Universal time. This is the primary time used by most computers and servers around the world. Because we cater to a global audience we have adopted this common standard for displaying time on our site. There are many sites and utilities that can help you convert UTC to your local time such as the{'\\u00A0'} \n                    <a className=\"items-center border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\" href={WORLD_TIME_SERVER_URL} target=\"_blank\" rel=\"noreferrer\">\n                        world time server website.\n                    </a>\n                </div>\n    },\n    {\n        question: \"Why can't I set my countdown to go for more than 60 days?\",\n        answer: \"The countdown timer is limited to 60 days since the maximum stream duration is 60 days.\"\n    }\n]\n\nconst StreamPublishingFAQ = [\n    {\n        question: \"Where can I find the Stream key and Video Id in YouTube?\",\n        answer: <div> \n                    After logging into your YouTube account, click on the video icon on the top right and then click “Go live”. Now on the left you want to click the calendar icon to manage your streams. Then on the top right you want to click “Schedule Stream”, fill in all your details and make sure to select “No, it’s not made for kids” to ensure you have a live chat. Once you click done, you will be on the stream preview page, make sure to set the stream latency to “Low-latency”. On this page you will be able to copy your stream key and you will also be able to obtain your video ID from the browser URL. For example if your browser url looks like this:\n                    /video/<span className=\"text-pink-500\">2NI1p1ODQLa</span>/livestreaming, the video ID would be: <span className=\"text-pink-500\">2NI1p1ODQLa. </span>\n                    Please checkout our video on how to{'\\u00A0'} \n                    <a className=\"items-center border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\" href={PUBLISH_STREAM_VIDEO_URL_WATCH} target=\"_blank\" rel=\"noreferrer\">\n                        configure your stream{'\\u00A0'}\n                    </a>\n                    for a video guide. \n\n                </div>\n        \n    },\n    {\n        question: \"Why do I need to create a Scheduled Live Stream instead of a regular Stream?\",\n        answer: <div> \n                    Regular youtube live streams are designed for creators who want to go live with a single live stream and who do not plan to run a 24/7 stream. If there is any data loss during streaming, regular streams will immediately cut off. With Scheduled streams, you can create and manage multiple 24/7 live streams and they will only be cut off after hours of data loss. Please checkout our video on how to{'\\u00A0'}\n                    <a className=\"items-center border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\" href={PUBLISH_STREAM_VIDEO_URL_WATCH} target=\"_blank\" rel=\"noreferrer\">\n                        configure your stream{'\\u00A0'}\n                    </a>\n                    for detailed information.\n                </div>\n    },\n    {\n        question: \"Why do I need to provide a Stream key?\",\n        answer: \"Your YouTube stream key enables us to stream video data to your live stream. We will never abuse this privilege and will only stream the templates you have built. The stream key is added as the final step before you publish your stream.\"\n    },\n    {\n        question: \"Why do I need to provide a Video Id?\",\n        answer: \"A Youtube video ID is a unique identifier for videos and streams on Youtube. The video Id will enable us to monitor the live chat of your stream and assist you if any technical problems arise.\"\n    }\n]\n\nconst LiveStreamManagementFAQ = [\n    {\n        question: \"Do I need a StreamCreate account to manage streams?\",\n        answer: \"Yes you do. With a StreamCreate account, you have access to a Dashboard from which you can edit, preview, republish and track all your streams.\"\n    },\n    {\n        question: \"Can I update my stream after publishing?\",\n        answer: \"Yes, you can. Login to your StreamCreate account and on the top right click “Dashboard” and then “Manage streams”. Click the “Update” button and you will be presented with your stream configuration, which you can update and modify. When you are happy with your changes you can click the “Save updates” button to immediately display your changes on your live stream. Note that this does not include changes to your music loop selection. In order to update the music loop, you will have to click “Save updates”, close the dialog and then republish your stream via the “Publish” button.\"\n    },\n    {\n        question: \"Will stream republishing end my stream and how long does it take?\",\n        answer: \"Your stream should experience no downtime during a republish. Republishing will usually take a few minutes. \"\n    },\n    {\n        question: \"Can I change a Steam Key or Video Id after publishing?\",\n        answer: <div className=\"break-words\"> \n                     Yes, you can change both. Login to your StreamCreate account and on the top right click “Dashboard” and then “Manage streams”. Click the “Publish” button on your stream and enter the new values. Make sure you are getting these values from YouTube, as shown in the how to{'\\u00A0'}\n                     <a className=\"items-center border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700\" href={PUBLISH_STREAM_VIDEO_URL_WATCH} target=\"_blank\" rel=\"noreferrer\">\n                        configure your stream{'\\u00A0'}\n                    </a>\n                    video.\n                </div>\n    },\n    {\n        question: \"What should I do if my stream is experiencing issues?\",\n        answer: <div className=\"break-words\"> \n                    If your stream is experiencing performance issues, you can try republishing your stream. Login to your StreamCreate account and on the top right click “Dashboard” and then “Manage streams”, you can then republish via the “Publish” button for your stream. If problems persist please reach out on our{'\\u00A0'}\n                    <ParagraphLink link={\"/Contact\"}>\n                        customer support page.\n                    </ParagraphLink>\n                </div>\n    }\n]\n\nconst PaymentsAndPricingFAQ = [\n    {\n        question: \"What is the cost of streaming and how is it calculated?\",\n        answer: <div className=\"break-words\"> \n                    Cost is calculated based on the template you have selected and the number of days you would like to stream. You can check prices using our{'\\u00A0'}\n                    <ParagraphLink link={\"/Pricing\"}>\n                        streaming cost calculator.{'\\u00A0'}\n                    </ParagraphLink>\n                </div>\n    },\n    {\n        question: \"What payment methods are accepted?\",\n        answer: \"We accept online payments using Visa, MasterCard, American Express and PayPal.\"\n    },\n    {\n        question: \"Can I get a refund for a purchased stream?\",\n        answer: <div className=\"break-words\">\n                    We do not offer refunds for change of mind. We will only provide you with a refund of the Services Fee if we are unable to deliver our services. Please refer to{'\\u00A0'}\n                    <ParagraphLink link={\"/TermsOfService\"}>\n                        terms of service{'\\u00A0'}\n                    </ParagraphLink>\n                    for more information.\n                </div>\n    }\n]\n\nconst FAQTitles = [\"Stream Configuration\", \"Voting Poll Stream\", \"Time and Countdowns\", \"Stream Publishing\", \"Live Stream Management\", \"Payments and Pricing\"]\n\n\nexport const Support = () => {\n  const history = useHistory()\n  const StreamConfigRef = useRef()\n  const VotingPollStreamRef = useRef()\n  const TimeAndCountdownsRef = useRef()\n  const StreamPublishingRef = useRef()\n  const LiveStreamManagementRef = useRef()\n  const PaymentsAndPricingRef = useRef()\n  const faqRefs = [StreamConfigRef,VotingPollStreamRef,TimeAndCountdownsRef,StreamPublishingRef,LiveStreamManagementRef,PaymentsAndPricingRef]\n\n  const scrollTo = (ref) => {\n    if (ref && ref.current) {\n        ref.current.scrollIntoView({ behavior: 'smooth' })\n    }\n  }\n\n\n  return (\n    <Layout header={{ showAccount: true, showMenu: true }}>\n        <Helmet>\n            <title>{SUPPORT_TITLE}</title>\n            <meta name=\"description\" content={SUPPORT_DESCRIPTION} />\n        </Helmet>\n        <PageHeader text={\"Support\"}  />\n        <Body> \n            <div className=\"flex flex-col lg:flex-row a xl:mx-24 my-1 md:my-3 lg:my-5\">\n                <div className=\"lg:w-6/12 lg:mx-3\">\n                    <div className=\"flex flex-col bg-white rounded-md shadow-md bg-white pt-4 pb-4 pl-6 sm:pl-4 lg:pl-4 xl:pl-10 xl:pr-4\">\n                        <div className=\"flex-1 relative pb-4\">\n                            <h3 className=\"text-xl font-medium text-gray-900\">\n                                Jump to question section\n                            </h3>\n                            <ul role=\"list\" className=\"mt-2\">\n                                {FAQTitles.map((feature, index) => (\n                                    <li key={feature} className=\"flex text-md md:text-lg\">\n                                        <button onClick={() => {scrollTo(faqRefs[index])}}>\n                                            <ChevronRight className=\"text-blue-600 -mt-1\" aria-hidden=\"true\" />\n                                            <span className=\"ml-1 text-blue-600 font-medium \">{feature}</span>\n                                        </button>\n                                    </li>\n                                ))}\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"lg:w-6/12 lg:mx-3 lg:mt-0 mt-5\">\n                    <div  className=\"flex flex-col bg-white rounded-md shadow-md bg-white pt-4 pb-4 pl-6 sm:pl-4 lg:pl-4 xl:pl-10 xl:pr-4\">\n                        <div className=\"flex-1 relative pb-2 \">\n                            <h3 className=\"text-xl font-medium text-gray-900\">\n                                Need additional assistance?\n                            </h3>\n                            <p className=\"mt-2 mb-3 text-base text-gray-600\">\n                                Reach out to our friendly customer support team.\n                            </p>\n                            <StandardButton\n                                disabled={false}\n                                extendClassName={\"px-10\"}                        \n                                onClick={e => { history.push(\"/Contact\")}}\n                                text={\"Contact Us\"}\n                                isSpinning={false}\n                            />\n                            <p className=\"mt-5 mb-3 text-base text-gray-600\">\n                                Join our discord server for voice and chat support.\n                            </p>\n                            <button\n                                style={{backgroundColor : '#5865F2'}}\n                                className={`inline-flex items-center px-5 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white focus:outline-none `}\n                                onClick={e => { window.open(\"https://discord.gg/UGt94sRRh5\")}}\n                            >\n                                Join Discord <img className=\"inline-flex h-5 ml-2\" src={process.env.PUBLIC_URL + '/images/DiscordLogo.svg'} alt=\"\" />\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n                \n            <div className=\"max-w-7xl mx-auto py-2 lg:px-8 -mt-2\">\n                <div className=\"max-w-4xl mx-auto\">\n                    <div ref={StreamConfigRef}>\n                        <FaqSection title={\"Stream Configuration\"} faqs={StreamConfigFAQ} />\n                    </div>\n                    <div ref={VotingPollStreamRef}>\n                        <FaqSection title={\"Voting Poll Stream\"} faqs={VotingPollStreamFAQ} />\n                    </div>\n                    <div ref={TimeAndCountdownsRef}>\n                        <FaqSection title={\"Time and Countdowns\"} faqs={TimeAndCountdownsFAQ} />\n                    </div>\n                    <div ref={StreamPublishingRef}>\n                        <FaqSection title={\"Stream Publishing\"} faqs={StreamPublishingFAQ} />\n                    </div>\n                    <div ref={LiveStreamManagementRef}>\n                        <FaqSection title={\"Live Stream Management\"} faqs={LiveStreamManagementFAQ} />\n                    </div>\n                    <div ref={PaymentsAndPricingRef}>\n                        <FaqSection title={\"Payments and Pricing\"} faqs={PaymentsAndPricingFAQ} />\n                    </div>\n                </div>\n            </div>\n        </Body> \n    </Layout>\n  )\n}\n","import { useEffect } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nexport default function ScrollToTop() {\n  const { pathname } = useLocation();\n\n  useEffect(() => {\n    window.scrollTo({top: 0, behavior: 'smooth'})\n  }, [pathname]);\n\n  return null;\n}","import Slider from '@mui/material/Slider';\nimport Box from '@mui/material/Box';\nimport { styled } from '@mui/material';\nimport { MAX_STREAM_DAYS } from 'Utilities/GeneralConstants';\n\n\nconst marks = [\n  {\n    value: 0,\n    label: '0',\n  },\n  {\n    value: 25,\n    label: '15',\n  },\n  {\n    value: 50,\n    label: '30',\n  },\n  {\n    value: 75,\n    label: '45',\n  },\n  {\n    value: 100,\n    label: '60',\n  },\n];\n\nconst StyledSlider = styled(Slider)({\n  color: 'rgb(37 99 235)',\n  height: 7,\n  '& .MuiSlider-valueLabel': {\n    backgroundColor: 'rgb(37 99 235)',\n  },\n});\n\nfunction valuetext(value) {\n  return `${value}`;\n}\n\nexport default function LabelSlider({setSliderDays}) {\n  return (\n    <Box sx={{ width: '100%', p: 1 }}>\n      <StyledSlider\n        aria-label=\"Always visible\"\n        defaultValue={25}\n        getAriaValueText={valuetext}\n        onChange ={(_, newValue:any) => {setSliderDays(Math.floor(newValue*(MAX_STREAM_DAYS/100)))}}\n        step={100/MAX_STREAM_DAYS}\n        marks={marks}\n        valueLabelDisplay=\"on\"\n        valueLabelFormat={value => <div>{Math.floor(value*(MAX_STREAM_DAYS/100))}</div>}\n      />\n    </Box>\n  );\n}","import Layout from \"../Components/Structure/Foundation/Layout\"\nimport Body from \"Components/Structure/Foundation/Body\"\nimport { PRODUCTS } from \"Utilities/GeneralConstants\"\nimport RenderIf from \"Components/Structure/RenderIf\"\nimport { useState } from \"react\"\nimport { ProductType } from \"Types/StreamTypes\"\nimport HeadingThree from \"Components/Typography/HeadingThreeBold\"\nimport LabelSlider from \"Components/Structure/Foundation/LabelSlider\"\nimport StandardButton from \"Components/Structure/StandardButton\"\nimport { useHistory } from \"react-router-dom\"\nimport { calculatePricingFromDays, getOptionProductType } from \"Utilities/HelperFunctions\"\nimport { Helmet } from \"react-helmet\"\nimport { PRICING_DESCRIPTION, PRICING_TITLE } from \"Utilities/SEOConstants\"\n\nexport const Pricing = () => {\n  const urlParams = new URLSearchParams(window.location.search)\n  const preSelectedOption = urlParams.get('option')\n  const [productType, setProductType] = useState(getOptionProductType(preSelectedOption))\n  const [sliderDays, setSliderDays] = useState(15)\n  const history = useHistory()\n\n  return (\n    <Layout header={{ showAccount: true, showMenu: true }}>\n        <Helmet>\n            <title>{PRICING_TITLE}</title>\n            <meta name=\"description\" content={PRICING_DESCRIPTION} />\n        </Helmet>\n        <div className={`bg-blue-800 pt-10 lg:pt-16 pb-48 -mb-40 lg:-mb-40 text-center px-8 `}> \n            <h1 className=\"tracking-tight font-bold text-white text-4xl md:text-5xl lg:text-5xl xl:text-6xl text-center \">\n                Affordable 24/7 Stream Hosting\n            </h1>\n            <h1 className=\"tracking-tight font-bold text-blue-300 text-4xl md:text-5xl lg:text-5xl xl:text-6xl text-center \">\n                pay only for what you need\n            </h1>\n            <p className=\"tracking-tight text-lg sm:text-xl text-white font-normal mt-6 -mb-4 md:mt-10\">\n                Our prices are calculated from the template you select and the number of days we host your live stream\n            </p>\n        </div>\n        \n        <Body> \n            <div className=\"max-w-7xl mx-auto py-2 sm:px-12 lg:px-32 pb-8\">\n                 <div className=\"text-center mb-5 lg:mb-7 lg:mt-2\">\n                 <h2 className=\"text-2xl sm:text-3xl leading-relaxed font-bold text-gray-800\">Streaming Cost Calculator</h2>\n                </div>\n                <HeadingThree>Select Template</HeadingThree>\n                <div className=\"flex flex-col lg:flex-row my-2\" >\n                    <div className=\"md:w-6/12 lg:w-5/12 xl:mb-20\">\n                        <div className=\"flex flex-col \">\n                            {\n                            PRODUCTS \n                            .map(item => {\n                                const active = item.productType === productType\n                                const circleStyle = active ? 'bg-blue-600' : 'border border-blue-600'\n                                return (\n                                <button \n                                    disabled={item.productType !== ProductType.COUNTDOWN && item.productType !== ProductType.MULTI_VOTE}\n                                    onClick={() => setProductType(item.productType)}\n                                    className={`block hover:bg-blue-100 focus:bg-blue-100 shadow-sm text-gray-700 flex flex-1 text-left w-auto focus:outline-none border rounded-md px-4 py-4 my-3  ${active ? 'bg-blue-100 border-blue-100' : 'border-gray-200 hover:border-blue-100' }`} key={item.productType}>\n                                    <span className={`box-border self-center inline-block rounded-full h-4 w-4 mr-4 ${circleStyle}`} />\n                                    <span className={`text-bold`}>{item.title}</span>\n                                </button>\n                                )\n                            })\n                            }\n                        </div>\n                    </div>\n                    <div className=\"lg:w-1/12 xl:w-2/12\"></div>\n                    <div className=\"md:w-6/12 lg:w-6/12 xl:w-6/12 mt-6 lg:mt-1 \" >\n                        <RenderIf condition={productType === ProductType.MULTI_VOTE}>\n                            <img style={{\"width\": '100%'  }}   src={process.env.PUBLIC_URL + '/images/MultiVoteTemplateSmall.svg'} alt=\"\" />\n                        </RenderIf>\n                        <RenderIf condition={productType === ProductType.COUNTDOWN}>\n                            <img style={{\"width\": '100%' }}  src={process.env.PUBLIC_URL + '/images/CountDownTemplateSmall.svg'} alt=\"\" />\n                        </RenderIf>\n                    </div>\n                </div>\n\n                <div className=\"relative pt-6 sm:pt-8 pb-8\">\n                    <div className=\"w-full border-t border-gray-300\" />\n                </div>\n\n                <HeadingThree>How many days do you wish to stream?</HeadingThree>\n\n                <div className=\"mt-12\" />\n\n                <LabelSlider setSliderDays={setSliderDays} />\n\n\n                <div className=\"relative pt-4 sm:pt-6 pb-6\">\n                    <div className=\"w-full border-t border-gray-300\" />\n                </div>\n                \n                <div className=\"text-right\">\n                    <h2 className=\"text-xl sm:text-2xl leading-relaxed font-bold text-gray-800 mt-2 mb-1 sm:mb-3\">Your price for {sliderDays} days</h2>\n                    <h2 className=\"text-2xl sm:text-3xl leading-relaxed font-extrabold text-gray-800 mb-1 sm:mb-2\">${calculatePricingFromDays(productType, sliderDays).toFixed(2)}</h2>\n                    <StandardButton\n                            disabled={false}\n                            extendClassName={\"mt-2 py-3\"}                        \n                            onClick={e => { history.push(\"/StreamBuilder\")}}\n                            text={\"Build Stream\"}\n                            isSpinning={false}\n                        />\n                </div>\n                \n            </div>\n        </Body> \n    </Layout>\n  )\n}\n","const PageSpinner = ({isEntireScreen}) => {\n  return (\n      <div className={`flex items-center justify-center ${isEntireScreen ? 'h-screen' : '' } `}>\n          <svg className=\"animate-spin h-12 w-12 text-blue-700\"  fill=\"none\" viewBox=\"0 0 24 24\">\n              <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\"></circle>\n              <path className=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n          </svg>\n      </div>\n  )\n}\n\nexport default PageSpinner","import Layout from \"../Components/Structure/Foundation/Layout\"\nimport Body from \"Components/Structure/Foundation/Body\"\nimport RenderIf from \"Components/Structure/RenderIf\"\nimport { useEffect, useState } from \"react\"\nimport { ProductType } from \"Types/StreamTypes\"\nimport { useHistory } from \"react-router-dom\"\nimport HeadingTwo from \"Components/Typography/HeadingTwo\"\nimport { ArrowRightIcon } from \"@heroicons/react/solid\"\nimport { getTemplateGallery } from \"Services/StreamConfigService\"\nimport PreviewWindow from \"Components/StreamBuilder/PreviewWindow\"\nimport PageSpinner from \"Components/Structure/PageSpinner\"\nimport { calculatePricingFromDays, getOptionProductType, getTemplateOption, sleepMilliseconds } from \"Utilities/HelperFunctions\"\nimport { PreviewStreamModalBody } from \"Components/StreamBuilder/Modals/PreviewStreamModalBody\"\nimport { ModalFrame } from \"Components/StreamBuilder/Modals/ModalFrame\"\nimport { COUNTDOWN_PRODUCT_NAME, MULTIVOTE_PRODUCT_NAME, PROMOTION_VIDEO_URL_EMBED_COUNTDOWN, PROMOTION_VIDEO_URL_EMBED_MULTIVOTE } from \"Utilities/GeneralConstants\"\nimport { VideoModalBody } from \"Components/StreamBuilder/Modals/VIdeoModalBody\"\nimport { Helmet } from \"react-helmet\"\nimport { TEMPLATES_COUNTDOWN_DESCRIPTION, TEMPLATES_COUNTDOWN_TITLE, TEMPLATES_POLL_DESCRIPTION, TEMPLATES_POLL_TITLE } from \"Utilities/SEOConstants\"\n\n\nconst getTemplateHeading = (productType : ProductType) => { \n    if (productType === ProductType.COUNTDOWN) {\n      return COUNTDOWN_PRODUCT_NAME\n    }\n    else if (productType === ProductType.MULTI_VOTE) {\n      return MULTIVOTE_PRODUCT_NAME\n    }\n}\n\nconst getVideoURL = (productType : ProductType) => { \n  if (productType === ProductType.COUNTDOWN) {\n    return PROMOTION_VIDEO_URL_EMBED_COUNTDOWN\n  }\n  else if (productType === ProductType.MULTI_VOTE) {\n    return PROMOTION_VIDEO_URL_EMBED_MULTIVOTE\n  }\n}\n\nconst getTemplateMetaTitle = (productType : ProductType) => { \n  if (productType === ProductType.COUNTDOWN) {\n    return TEMPLATES_COUNTDOWN_TITLE\n  }\n  else if (productType === ProductType.MULTI_VOTE) {\n    return TEMPLATES_POLL_TITLE\n  }\n}\n\n\nconst getTemplateMetaDescription = (productType : ProductType) => { \n  if (productType === ProductType.COUNTDOWN) {\n    return TEMPLATES_COUNTDOWN_DESCRIPTION\n  }\n  else if (productType === ProductType.MULTI_VOTE) {\n    return TEMPLATES_POLL_DESCRIPTION\n  }\n}\n\nconst getTemplateText = (productType : ProductType) => { \n  if (productType === ProductType.COUNTDOWN) {\n    return `Live stream countdowns to events that are important \n            to you and your fans, this will help grow their \n            anticipation and increase your channel engagement.`\n  }\n  else if (productType === ProductType.MULTI_VOTE) {\n    return `Versatile template that allows you to configure up to ten voting options.\n            Your YouTube audience is able to vote in the live chat using a vote code. \n            Our system will collect the votes in real time, rank the options and display the latest votes and voters.`\n  }\n}\n\nexport const TemplateGallery = () => {\n  const templatePath = window.location.pathname.split(\"/\")[2]\n  const [productType, setProductType] = useState(getOptionProductType(templatePath))\n  const [templateGallery, setTemplateGallery] = useState({\"countdownTemplates\": [], \"votingPollTemplates\" : []})\n  const [galleryLoading, setGalleryLoading] = useState(true)\n  const [previewProductConfig, setPreviewProductConfig] = useState(null)\n  const [openTemplatePreview, setOpenTemplatePreview] = useState(false)\n  const [openVideoModal, setOpenVideoModal] = useState(false)\n  const history = useHistory()\n\n\n  useEffect(() => {\n    const templatePath = window.location.pathname.split(\"/\")[2]\n    setProductType(getOptionProductType(templatePath))\n    window.scroll({top: 0, left: 0, behavior: 'smooth' })\n    async function fetchTemplateGallery() {\n        setGalleryLoading(true)\n        try {\n            let templateGallery = await getTemplateGallery()\n            setTemplateGallery(templateGallery)\n        } catch (e) {\n            console.error(e);\n        }\n        setGalleryLoading(false)\n    };\n    fetchTemplateGallery()\n  }, []);\n\n  const loadBetweenTemplates = async (newProductType) => {\n    if (newProductType === ProductType.COUNTDOWN) {\n      history.push(\"/Templates/Countdown\")\n    } else if (newProductType === ProductType.MULTI_VOTE) {\n      history.push(\"/Templates/VotingPoll\")\n    }\n    setProductType(newProductType)\n    setGalleryLoading(true)\n    await sleepMilliseconds(100);\n    setGalleryLoading(false)\n  }\n\n  const previewTemplate = (productConfig) => {\n    setPreviewProductConfig(productConfig)\n    setOpenTemplatePreview(true)\n  }\n\n  return (\n    <Layout header={{ showAccount: true, showMenu: true }}>\n        <Helmet>\n          <title>{getTemplateMetaTitle(productType)}</title>\n          <meta name=\"description\" content={getTemplateMetaDescription(productType)} />\n        </Helmet> \n        <div className={`bg-blue-800 pt-10 lg:pt-16 pb-48 -mb-40 lg:-mb-40 text-center px-8 `}> \n            <h1 className=\"tracking-tight font-bold text-white text-4xl md:text-5xl lg:text-5xl xl:text-6xl text-center \">\n                StreamCreate templates\n            </h1>\n            <h1 className=\"tracking-tight font-bold text-blue-300 text-4xl md:text-5xl lg:text-5xl xl:text-6xl text-center \">\n                Simple. User friendly.\n            </h1>\n            <p className=\"tracking-tight text-lg sm:text-xl text-white font-normal mt-6 md:mt-10 -mb-1 md:mb-0\">\n               Design your stream for free using our Stream Builder and purchase to go live. \n            </p>\n        </div>\n\n        <div className=\"text-center -mb-3 sm:-mb-5 md:mt-2\">\n            <button\n              type=\"button\"\n              className={`relative rounded-tl-md py-2 font-medium whitespace-nowrap focus:outline-none focus:z-10 w-5/12 sm:w-auto sm:px-8 ${productType === ProductType.COUNTDOWN ? \"text-gray-700 bg-white\" : \"bg-blue-600  text-white\"}`}\n              onClick={() => {loadBetweenTemplates(ProductType.COUNTDOWN)}}\n            >\n              Countdown Stream\n            </button>\n            <button\n              type=\"button\"\n              className={`relative rounded-tr-md py-2 font-medium whitespace-nowrap focus:outline-none  focus:z-10 w-5/12 sm:w-auto sm:px-8 ${productType === ProductType.MULTI_VOTE ?  \"text-gray-700 bg-white\" : \"bg-blue-600  text-white\" }`}\n              onClick={() => {loadBetweenTemplates(ProductType.MULTI_VOTE)}}\n            >\n              Voting Poll Stream\n            </button>\n        </div>\n        \n        <Body> \n          <div className=\"text-center md:text-left max-w-7xl mx-auto py-2 sm:px-6 lg:px-16 pb-8 md:pt-6\">\n            <HeadingTwo>{getTemplateHeading(productType)}</HeadingTwo>\n            <div className=\"flex flex-col lg:flex-row my-2\"  >\n              <div className=\"lg:w-5/12  xl:w-6/12\">\n                <p className=\"px-2 xs:px-4 md:px-0 mx-auto text-lg sm:text-xl text-gray-800\">\n                  {getTemplateText(productType)} \n                </p>\n                <button \n                  onClick={() => {history.push(\"/Pricing?option=\" + getTemplateOption(productType)) }}\n                  className=\"mt-2 inline-flex items-center font-medium text-lg sm:text-xl border-b border-opacity-0 hover:border-opacity-100 border-blue-300 text-blue-700 \" >\n                  Prices start from ${calculatePricingFromDays(productType,1).toFixed(2)} <ArrowRightIcon className=\"ml-1 h-5 w-5 \" aria-hidden=\"true\" />\n                </button>\n                <div className=\"mt-5 lg:mt-10 sm:px-5 px-10 xs:px-24 lg:px-0 sm:flex sm:justify-center lg:justify-start\">\n                  <div className=\"rounded-md shadow\">\n                    <button\n                      onClick={() => {history.push(\"/StreamBuilder\")}}\n                      className=\"w-full flex items-center justify-center border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 py-2 md:text-lg px-5\"\n                    >\n                      Get started\n                    </button>\n                  </div>\n                  \n                  <div className=\"mt-3 rounded-md shadow sm:mt-0 sm:ml-3\">\n                    <button\n                      onClick={() => {setOpenVideoModal(true)}}\n                      className=\"w-full flex items-center justify-center border border-transparent text-base font-medium rounded-md text-black bg-yellow-400 hover:bg-yellow-500 py-2  md:text-lg px-5\"\n                    >\n                      Watch video\n                    </button>\n                  </div>\n                </div>\n              </div>\n              <div className=\"lg:w-1/12 xl:w-1/12\"></div>\n              <div className=\"lg:w-6/12 xl:w-5/12 mt-6 sm:mx-0 lg:-mt-14 md:mx-24 lg:mx-0\" >\n                  <RenderIf condition={productType === ProductType.MULTI_VOTE}>\n                      <img style={{\"width\": '100%'  }}   src={process.env.PUBLIC_URL + '/images/MultiVoteTemplate.svg'} alt=\"\" />\n                  </RenderIf>\n                  <RenderIf condition={productType === ProductType.COUNTDOWN}>\n                      <img style={{\"width\": '100%' }}  src={process.env.PUBLIC_URL + '/images/CountDownTemplate.svg'} alt=\"\" />\n                  </RenderIf>\n              </div>\n            </div>\n\n            <div className=\"relative pt-6 sm:pt-8 pb-8\">\n                <div className=\"w-full border-t border-gray-300\" />\n            </div>\n            <RenderIf condition={galleryLoading} >\n              <PageSpinner isEntireScreen={false}/>\n            </RenderIf>\n            <RenderIf condition={productType === ProductType.COUNTDOWN && !galleryLoading} >\n            <ul role=\"list\" className=\"space-y-6 lg:grid lg:gap-x-6 lg:gap-y-12 lg:space-y-0 lg:grid-cols-2 lg:gap-x-8\">\n              {templateGallery[\"countdownTemplates\"].map((pc) => (\n                <li key={pc.id}>\n                  <div style={{cursor: 'pointer'}} className=\"space-y-4\" onClick={() => {previewTemplate(pc)}}>\n                    <PreviewWindow productType={productType} productConfig={pc} backgroundImage={pc.customBackgroundUrl} defaultWidth={502} defaultHeight={284} borderStyle={'1px solid rgba(229, 231, 235, 1)'} />\n                  </div>\n                </li>\n              ))}\n            </ul>\n            </RenderIf>\n\n            <RenderIf condition={productType === ProductType.MULTI_VOTE && !galleryLoading} >\n            <ul role=\"list\" className=\"space-y-6 lg:grid lg:gap-x-6 lg:gap-y-12 lg:space-y-0 lg:grid-cols-2 lg:gap-x-8\">\n              {templateGallery[\"votingPollTemplates\"].map((pc) => (\n                <li key={pc.id}>\n                  <div style={{cursor: 'pointer'}} className=\"space-y-4\" onClick={() => {previewTemplate(pc)}}>\n                    <PreviewWindow productType={productType} productConfig={pc} backgroundImage={pc.customBackgroundUrl} defaultWidth={502} defaultHeight={284} borderStyle={'1px solid rgba(229, 231, 235, 1)'} />\n                  </div>\n                </li>\n              ))}\n            </ul>\n            </RenderIf>\n            \n          </div>\n\n          <ModalFrame \n            open={openTemplatePreview} \n            setOpen={setOpenTemplatePreview} \n            modalWidth={\"70rem\"}\n            modalBody={<PreviewStreamModalBody productType={productType} productConfig={previewProductConfig} backgroundImage={previewProductConfig ? previewProductConfig.customBackgroundUrl : null}/>}\n            isBasicCloseStyle={false}\n            easyClose={false}\n          />\n\n          <ModalFrame \n            open={openVideoModal}\n            setOpen={setOpenVideoModal}\n            modalWidth={\"80rem\"}\n            isBasicCloseStyle={true}\n            modalBody={<VideoModalBody videoSource={getVideoURL(productType) + \"?autoplay=1\"} title={\"Welcome to StreamCreate\"}/>}\n            easyClose={true}\n          />\n\n        </Body> \n    </Layout>\n  )\n}","\nimport React from \"react\"\nimport HeadingThreeBold from \"Components/Typography/HeadingThreeBold\"\n\nexport const LegalSection = ({heading,sections}) => {\n  return (\n    <React.Fragment>\n        <HeadingThreeBold> <li> {heading} </li></HeadingThreeBold> \n        <ul className=\"list-alpha ml-5 md:ml-10 mt \">\n            {sections.map((section) => (\n                <li className=\"pl-4 text-lg\ttext-gray-700 mt-2\">\n                    {section.content}\n                    <ul className=\"list-roman ml-8\">\n                        {section.subsections.map((subsection) => (\n                            <li className=\"pl-3 md:pl-6\">\n                                {subsection}\n                            </li>\n                        ))}\n                    </ul>\n                </li>\n            ))}\n        </ul>\n\n    </React.Fragment>\n  )\n}","import Layout from \"../Components/Structure/Foundation/Layout\"\nimport Body from \"Components/Structure/Foundation/Body\"\nimport PageHeader from \"Components/Typography/PageHeader\"\nimport { LegalSection } from \"Components/Structure/Foundation/LegalSection\"\nimport { Helmet } from \"react-helmet\"\nimport { TERMSOFSERVICE_DESCRIPTION, TERMSOFSERVICE_TITLE } from \"Utilities/SEOConstants\"\n\nconst TERMS_OF_SERVICE_CONDITIONS = [\n    {\n        \"heading\": \"About the Website\",\n        \"sections\": [\n            {\n            \"content\" : `Welcome to www.streamcreate.com (the 'Website'). The Website provides Live Streaming services (the 'Services').`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `The Website is operated by StreamCreate (ABN 93655653080). Access to and use of the Website, or any of its associated Products or Services, is provided by StreamCreate. Please read these terms and conditions (the 'Terms') carefully. By using, browsing and/or reading the Website, this signifies that you have read, understood and agree to be bound by the Terms. If you do not agree with the Terms, you must cease usage of the Website, or any of Services, immediately.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `StreamCreate reserves the right to review and change any of the Terms by updating this page at its sole discretion. When StreamCreate updates the Terms, it will use reasonable endeavours to provide you with notice of updates to the Terms. Any changes to the Terms take immediate effect from the date of their publication. Before you continue, we recommend you keep a copy of the Terms for your records.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Acceptance of the Terms\",\n        \"sections\": [\n            {\n            \"content\" : `You accept the Terms by remaining on the Website. You may also accept the Terms by clicking to accept or agree to the Terms where this option is made available to you by StreamCreate in the user interface.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Registration to use the Services\",\n        \"sections\": [\n            {\n            \"content\" : `In order to access all available Services, you must first register for an account through the Website (the 'Account').`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `As part of the registration process, or as part of your continued use of the Services, you may be required to provide personal information about yourself (such as identification or contact details), including:`,\n            \"subsections\" : [\n                            `Email address`,\n                            `First and last name`,\n                            `Password`\n                            ]\n            },\n            {\n            \"content\" : `You warrant that any information you give to StreamCreate in the course of completing the registration process will always be accurate, correct and up to date.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `Once you have completed the registration process, you will be a registered member of the Website ('Member') and agree to be bound by the Terms.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Your obligations when using the Services\",\n        \"sections\": [\n            {\n            \"content\" : `When using the services, you agree to comply with the following:`,\n            \"subsections\" : [\n                            `you will use the Services only for purposes that are permitted by: the Terms and any applicable law, regulation or generally accepted practices or guidelines in the relevant jurisdictions; `,\n                            `if you are a Member you have the sole responsibility for protecting the confidentiality of your password and/or email address. Use of your password by any other person may result in the immediate cancellation of the Services;`,\n                            `if you are a Member, any use of your registration information by any other person, or third parties, is strictly prohibited. You agree to immediately notify StreamCreate of any unauthorised use of your password or email address or any breach of security of which you have become aware;`,\n                            `access and use of the Website is limited, non-transferable and allows for the sole use of the Website by you for the purposes of StreamCreate providing the Services;`,\n                            `you will not use the Services or the Website in connection with any commercial endeavours except those that are specifically endorsed or approved by the management of StreamCreate. Generating revenue from live streaming is endorsed and approved by the management of StreamCreate; `,\n                            `you will not use the Services or Website for any illegal and/or unauthorised use which includes collecting email addresses of Members by electronic or other means for the purpose of sending unsolicited email or unauthorised framing of or linking to the Website;`,\n                            `you agree that commercial advertisements, affiliate links, and other forms of solicitation may be removed from the Website without notice and may result in termination of the Services. Appropriate legal action will be taken by StreamCreate for any illegal or unauthorised use of the Website; and`,\n                            `you acknowledge and agree that any automated use of the Website or its Services is prohibited.`\n                            ]\n            },\n            {\n            \"content\" : `You may not use the Services and may not accept the Terms if:`,\n            \"subsections\" : [\n                            `you are not of legal age to form a binding contract with StreamCreate;`,\n                            `you are a person barred from receiving the Services under the laws of Australia or other countries including the country in which you are resident or from which you use the Services.`\n                            ]\n            }\n        ]\n    },\n    {\n        \"heading\": \"Stream Performance\",\n        \"sections\": [\n            {\n            \"content\" : `We cannot guarantee that your stream will have 100% uptime. This is due to the inherent risk of hardware and software failure at any moment during your stream.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `Users of the service take sole responsibility to configure their stream correctly. Which will directly impact streaming quality. This includes but is not limited to:`,\n            \"subsections\" : [\n                            `Providing a valid stream key`,\n                            `Providing a valid video id`,\n                            `Selecting the correct video latency`\n                            ]\n            }\n        ]\n    },\n    {\n        \"heading\": \"Payment\",\n        \"sections\": [\n            {\n            \"content\" : `Where the option is given to you, you may make payment for the Services (the 'Services Fee') by way of:`,\n            \"subsections\" : [\n                            `Credit Card Payment ('Credit Card')`,\n                            `PayPal ('PayPal')`\n                            ]\n            },\n            {\n            \"content\" : `All payments made in the course of your use of the Services are made using Stripe and PayPal. In using the Website, the Services or when making any payment in relation to your use of the Services, you warrant that you have read, understood and agree to be bound by the Stripe and PayPal terms and conditions which are available on their website.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `You acknowledge and agree that where a request for the payment of the Services Fee is returned or denied, for whatever reason, by your financial institution or is unpaid by you for any other reason, then you are liable for any costs, including banking fees and charges, associated with the Services Fee.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `You agree and acknowledge that StreamCreate can vary the Services Fee at any time.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Refund Policy\",\n        \"sections\": [\n            {\n            \"content\" : `StreamCreate will only provide you with a refund of the Services Fee in the event they are unable to continue to provide the Services or if the manager of StreamCreate makes a decision, at its absolute discretion, that it is reasonable to do so under the circumstances (the 'Refund').`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Copyright and Intellectual Property\",\n        \"sections\": [\n            {\n            \"content\" : `The Website, the Services and all of the related products of StreamCreate are subject to copyright. The material on the Website is protected by copyright under the laws of Australia and through international treaties. Unless otherwise indicated, all rights (including copyright) in the Services and compilation of the Website (including but not limited to text, graphics, logos, button icons, video images, audio clips, Website, code, scripts, design elements and interactive features) or the Services are owned or controlled for these purposes, and are reserved by StreamCreate or its contributors.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `All trademarks, service marks and trade names are owned, registered and/or licensed by StreamCreate, who grants to you a worldwide, non-exclusive, royalty-free, revocable license whilst you are a member or have paid for the services to:`,\n            \"subsections\" : [\n                            `use the Website pursuant to the Terms;`,\n                            `copy and store the Website and the material contained in the Website in your device's cache memory; and`,\n                            `print pages from the Website for your own personal and non-commercial use.`\n                            ]\n            },\n            {\n            \"content\" : `StreamCreate does not grant you any other rights whatsoever in relation to the Website or the Services. All other rights are expressly reserved by StreamCreate`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `StreamCreate retains all rights, title and interest in and to the Website and all related Services. Nothing you do on or in relation to the Website will transfer any:`,\n            \"subsections\" : [\n                            `business name, trading name, domain name, trade mark, industrial design, patent, registered design or copyright, or`,\n                            `a right to use or exploit a business name, trading name, domain name, trade mark or industrial design, or`,\n                            `a thing, system or process that is the subject of a patent, registered design or copyright (or an adaptation or modification of such a thing, system or process), to you.`\n                            ]\n            },\n        ]\n    },\n    {\n        \"heading\": \"User Generated Content\",\n        \"sections\": [\n            {\n            \"content\" : `As part of your use of the Services you will have the ability to generate content that includes written text and uploaded images (the 'User Content').`,\n            \"subsections\" : []\n            },\n            {\n                \"content\" : `You acknowledge that User Content will be publicly viewable and accessible. As such, any User Content you transmit may be treated as non-confidential and non-proprietary. When you create or make available any User Content, you thereby represent and warrant that:`,\n                \"subsections\" : [\n                                `The creation, distribution, transmission, public display, or performance, and the accessing, downloading, or copying of your User Content do not and will not infringe the proprietary rights, including but not limited to the copyright, patent, trademark, trade secret, or moral rights of any third party.`,\n                                `You are the creator and owner of or have the necessary licenses, rights, consents, releases, and permissions to use and to authorize us, the Website, to use your User Content in any manner contemplated by the Website and these Terms of Use.`,\n                                `Your User Content is not false, inaccurate, or misleading.`,\n                                `Your User Content is not obscene, lewd, lascivious, filthy, violent, harassing, libelous, slanderous, or otherwise objectionable (as determined by us).`,\n                                `Your User Content does not ridicule, mock, disparage, intimidate, or abuse anyone.`,\n                                `Your User Content is not used to harass or threaten (in the legal sense of those terms) any other person and to promote violence against a specific person or class of people.`,\n                                `Your User Content does not violate any applicable law, regulation, or rule.`,\n                                `Your User Content does not violate the privacy or publicity rights of any third party.`,\n                                `Your User Content does not violate any applicable law concerning child pornography, or otherwise intended to protect the health or well-being of minors`,\n                                `Your User Content does not include any offensive comments that are connected to race, national origin, gender, sexual preference, or physical handicap.`,\n                                `Your User Content does not otherwise violate, or link to material that violates, any provision of these Terms of Use, or any applicable law or regulation.`,\n                                `Any use of the Website in violation of the foregoing violates these Terms of Use and may result in, among other things, termination or suspension of your rights to use the Website.`,\n                                ]\n                }\n        ]\n    },\n    {\n        \"heading\": \"Submissions\",\n        \"sections\": [\n            {\n            \"content\" : `You acknowledge and agree that any questions, comments, suggestions, ideas, feedback, or other information regarding the Website (‘Submissions’) provided by you to us are non-confidential and shall become our sole property. We shall own exclusive rights, including all intellectual property rights, and shall be entitled to the unrestricted use and dissemination of these Submissions for any lawful purpose, commercial or otherwise, without acknowledgment or compensation to you. You hereby waive all moral rights to any such Submissions, and you hereby warrant that any such Submissions are original with you or that you have the right to submit such Submissions. You agree there shall be no recourse against us for any alleged or actual infringement or misappropriation of any proprietary right in your Submissions.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Privacy\",\n        \"sections\": [\n            {\n            \"content\" : `StreamCreate takes your privacy seriously and any information provided through your use of the Website and/or Services are subject to StreamCreate's Privacy Policy, which is available on the Website.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"General Disclaimer\",\n        \"sections\": [\n            {\n            \"content\" : `Nothing in the Terms limits or excludes any guarantees, warranties, representations or conditions implied or imposed by law, including the Australian Consumer Law (or any liability under them) which by law may not be limited or excluded.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `Subject to this clause, and to the extent permitted by law:`,\n            \"subsections\" : [\n                            `all terms, guarantees, warranties, representations or conditions which are not expressly stated in the Terms are excluded; and`,\n                            `StreamCreate will not be liable for any special, indirect or consequential loss or damage (unless such loss or damage is reasonably foreseeable resulting from our failure to meet an applicable Consumer Guarantee), loss of profit or opportunity, or damage to goodwill arising out of or in connection with the Services or these Terms (including as a result of not being able to use the Services or the late supply of the Services), whether at common law, under contract, tort (including negligence), in equity, pursuant to statute or otherwise.`\n                            ]\n            },\n            {\n            \"content\" : `Use of the Website and the Services is at your own risk. Everything on the Website and the Services is provided to you \"as is\" and \"as available\" without warranty or condition of any kind. None of the affiliates, directors, officers, employees, agents, contributors and licensors of StreamCreate make any express or implied representation or warranty about the Services or any products or Services (including the products or Services of StreamCreate) referred to on the Website, includes (but is not restricted to) loss or damage you might suffer as a result of any of the following:`,\n            \"subsections\" : [\n                            `failure of performance, error, omission, interruption, deletion, defect, failure to correct defects, delay in operation or transmission, computer virus or other harmful component, loss of data, communication line failure, unlawful third party conduct, or theft, destruction, alteration or unauthorised access to records;`,\n                            `the accuracy, suitability or currency of any information on the Website, the Services, or any of its Services related products (including third party material and advertisements on the Website);`,\n                            `costs incurred as a result of you using the Website, the Services or any of the products of StreamCreate; and`,\n                            `the Services or operation in respect to links which are provided for your convenience.`\n                            ]\n            }\n        ]\n    },\n    {\n        \"heading\": \"Limitation of liability\",\n        \"sections\": [\n            {\n            \"content\" : `StreamCreate's total liability arising out of or in connection with the Services or these Terms, however arising, including under contract, tort (including negligence), in equity, under statute or otherwise, will not exceed the resupply of the Services to you.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `You expressly understand and agree that StreamCreate, its affiliates, employees, agents, contributors and licensors shall not be liable to you for any direct, indirect, incidental, special consequential or exemplary damages which may be incurred by you, however caused and under any theory of liability. This shall include, but is not limited to, any loss of profit (whether incurred directly or indirectly), any loss of goodwill or business reputation and any other intangible loss.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Termination of Contract\",\n        \"sections\": [\n            {\n            \"content\" : `The Terms will continue to apply until terminated by either you or by StreamCreate as set out below.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `If you want to terminate the Terms, you may do so by:`,\n            \"subsections\" : [\n                            `providing StreamCreate with 14 days' notice of your intention to terminate; and`,\n                            `closing your accounts for all of the services which you use, where StreamCreate has made this option available to you. Your notice should be sent, in writing, to StreamCreate via the 'Contact Us' link on our support page.`\n                            ]\n            },\n            {\n            \"content\" : `StreamCreate may at any time, terminate the Terms with you if:`,\n            \"subsections\" : [\n                            `you have breached any provision of the Terms or intend to breach any provision`,\n                            `StreamCreate is required to do so by law;`,\n                            `the provision of the Services to you by StreamCreate is, in the opinion of, no longer commercially viable.`\n                            ]\n            },\n            {\n            \"content\" : `Subject to local applicable laws, StreamCreate  reserves the right to discontinue or cancel your membership at any time and may suspend or deny, in its sole discretion, your access to all or any portion of the Website or the Services without notice if you breach any provision of the Terms or any applicable law or if your conduct impacts StreamCreate's name or reputation or violates the rights of those of another party.`,\n            \"subsections\" : []\n            },\n        ]\n    },    {\n        \"heading\": \"Indemnity\",\n        \"sections\": [\n            {\n            \"content\" : `You agree to indemnify StreamCreate, its affiliates, employees, agents, contributors, third party content providers and licensors from and against:`,\n            \"subsections\" : [\n                            `all actions, suits, claims, demands, liabilities, costs, expenses, loss and damage (including legal fees on a full indemnity basis) incurred, suffered or arising out of or in connection with Your Content;`,\n                            `any direct or indirect consequences of you accessing, using or transacting on the Website or attempts to do so; and/or`,\n                            `any breach of the Terms.`\n                            ]\n            }\n        ]\n    },\n    {\n        \"heading\": \"Dispute Resolution\",\n        \"sections\": [\n            {\n            \"content\" : `Compulsory: If a dispute arises out of or relates to the Terms, either party may not commence any Tribunal or Court proceedings in relation to the dispute, unless the following clauses have been complied with (except where urgent interlocutory relief is sought).`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `Notice: A party to the Terms claiming a dispute ('Dispute') has arisen under the Terms, must give written notice to the other party detailing the nature of the dispute, the desired outcome and the action required to settle the Dispute.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `Resolution: On receipt of that notice ('Notice') by that other party, the parties to the Terms ('Parties') must:`,\n            \"subsections\" : [\n                            `Within 30 days of the Notice endeavour in good faith to resolve the Dispute expeditiously by negotiation or such other means upon which they may mutually agree`,\n                            `If for any reason whatsoever, 30 days after the date of the Notice, the Dispute has not been resolved, the Parties must either agree upon selection of a mediator or request that an appropriate mediator be appointed by the President of the Australian Mediation Association or his or her nominee;`,\n                            `The Parties are equally liable for the fees and reasonable expenses of a mediator and the cost of the venue of the mediation and without limiting the foregoing undertake to pay any amounts requested by the mediator as a pre-condition to the mediation commencing. The Parties must each pay their own costs associated with the mediation; The mediation will be held in Sydney, Australia.`\n                            ]\n            },\n            {\n            \"content\" : `Confidential: All communications concerning negotiations made by the Parties arising out of and in connection with this dispute resolution clause are confidential and to the extent possible, must be treated as \"without prejudice\" negotiations for the purpose of applicable laws of evidence.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `Termination of Mediation: If 1 month has elapsed after the start of a mediation of the Dispute and the Dispute has not been resolved, either Party may ask the mediator to terminate the mediation and the mediator must do so.`,\n            \"subsections\" : []\n            },\n        ]\n    },\n    {\n        \"heading\": \"Venue and Jurisdiction\",\n        \"sections\": [\n            {\n            \"content\" : `In the event of any dispute arising out of or in relation to the Website, you agree that the exclusive venue for resolving any dispute shall be in the courts of Sydney, Australia.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Governing Law\",\n        \"sections\": [\n            {\n            \"content\" : `The Terms are governed by the laws of New South Wales, Australia. Any dispute, controversy, proceeding or claim of whatever nature arising out of or in any way relating to the Terms and the rights created hereby shall be governed, interpreted and construed by, under and pursuant to the laws of New South Wales, Australia, without reference to conflict of law principles, notwithstanding mandatory rules. The validity of this governing law clause is not contested. The Terms shall be binding to the benefit of the parties hereto and their successors and assigns.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Independent Legal Advice\",\n        \"sections\": [\n            {\n            \"content\" : `Both parties confirm and declare that the provisions of the Terms are fair and reasonable and both parties having taken the opportunity to obtain independent legal advice and declare the Terms are not against public policy on the grounds of inequality or bargaining power or general grounds of restraint of trade.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Severance\",\n        \"sections\": [\n            {\n            \"content\" : `If any part of these Terms is found to be void or unenforceable by a Court of competent jurisdiction, that part shall be severed and the rest of the Terms shall remain in force.`,\n            \"subsections\" : []\n            }\n        ]\n    }\n]\n\nexport const TermsOfService = () => {\n\n  return (\n    <Layout header={{ showAccount: true, showMenu: true }}>\n    <Helmet>\n        <title>{TERMSOFSERVICE_TITLE}</title>\n        <meta name=\"description\" content={TERMSOFSERVICE_DESCRIPTION} />\n    </Helmet>\n    <PageHeader text={\"Terms of Service\"} />\n        <Body > \n            <div className=\"bg-white pb-4 px-4 overflow-hidden sm:px-6 lg:px-16 lg:pb-8\">\n                {TERMS_OF_SERVICE_CONDITIONS.map((condition) => (\n                    <ol className=\"mt-4 md:mt-6\">\n                        <LegalSection heading={condition.heading} sections={condition.sections}/> \n                    </ol>\n                ))}\n            </div>\n        </Body> \n    </Layout>\n  )\n}\n","import Layout from \"../Components/Structure/Foundation/Layout\"\nimport Body from \"Components/Structure/Foundation/Body\"\nimport PageHeader from \"Components/Typography/PageHeader\"\nimport { LegalSection } from \"Components/Structure/Foundation/LegalSection\"\nimport { Helmet } from \"react-helmet\"\nimport { PRIVACYPOLICY_DESCRIPTION, PRIVACYPOLICY_TITLE } from \"Utilities/SEOConstants\"\n\nconst PRIVACY_POLICY_CONDITIONS = [\n    {\n        \"heading\": \"We respect your privacy\",\n        \"sections\": [\n            {\n            \"content\" : `StreamCreate respects your right to privacy and is committed to safeguarding the privacy of our customers and website visitors. This policy sets out how we collect and treat your personal information.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `We adhere to the Australian Privacy Principles contained in the Privacy Act 1988 (Cth) and to the extent applicable, the EU General Data Protection Regulation (GDPR).`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `\"Personal information\" is information we hold which is identifiable as being about you. This includes information such as your name, email address, identification number, or any other type of information that can reasonably identify an individual, either directly or indirectly.\"`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `You may contact us in writing via www.streamcreate.com/Contact for further information about this Privacy Policy.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"What personal information is collected\",\n        \"sections\": [\n            {\n            \"content\" : `StreamCreate will, from time to time, receive and store personal information you submit to our website, provided to us directly or given to us in other forms.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `You may provide basic information such as your name, phone number, address and email address to enable us to send you information, provide updates and process your product or service order.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `We may collect additional information at other times, including but not limited to, when you provide feedback, when you provide information about your personal or business affairs, change your content or email preference, respond to surveys and/or promotions, provide financial or credit card information, or communicate with our customer support.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `Additionally, we may also collect any other information you provide while interacting with us.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"How we collect your personal information\",\n        \"sections\": [\n            {\n            \"content\" : `StreamCreate collects personal information from you in a variety of ways, including when you interact with us electronically or in person, when you access our website and when we engage in business activities with you. We may receive personal information from third parties. If we do, we will protect it as set out in this Privacy Policy.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `By providing us with personal information, you consent to the supply of that information subject to the terms of this Privacy Policy.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"How we use your personal information\",\n        \"sections\": [\n            {\n            \"content\" : `StreamCreate may use personal information collected from you to provide you with information about our products or services. We may also make you aware of new and additional products, services and opportunities available to you.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `StreamCreate will use personal information only for the purposes that you consent to. This may include to:`,\n            \"subsections\" : [\n                            `provide you with products and services during the usual course of our business activities;`,\n                            `administer our business activities;`,\n                            `manage, research and develop our products and services;`,\n                            `provide you with information about our products and services;`,\n                            `communicate with you by a variety of measures including, but not limited to, by telephone, email, sms or mail; and`,\n                            `investigate any complaints.`,\n                            ]\n            },\n            {\n            \"content\" : `If you withhold your personal information, it may not be possible for us to provide you with our products and services or for you to fully access our website.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `We may disclose your personal information to comply with a legal requirement, such as a law, regulation, court order, subpoena, warrant, legal proceedings or in response to a law enforcement agency request.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `If there is a change of control in our business or a sale or transfer of business assets, we reserve the right to transfer to the extent permissible at law our user databases, together with any personal information and non-personal information contained in those databases.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Disclosure of your personal information\",\n        \"sections\": [\n            {\n            \"content\" : `StreamCreate may disclose your personal information to any of our employees, officers, insurers, professional advisers, agents, suppliers or subcontractors insofar as reasonably necessary for the purposes set out in this privacy policy.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `If we do disclose your personal information to a third party, we will protect it in accordance with this privacy policy.`,\n            \"subsections\" : []\n            },\n        ]\n    },\n    {\n        \"heading\": \"General Data Protection Regulation (GDPR) for the European Union (EU)\",\n        \"sections\": [\n            {\n            \"content\" : `StreamCreate will comply with the principles of data protection set out in the GDPR for the purpose of fairness, transparency and lawful data collection and use.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `We process your personal information as a Processor and/or to the extent that we are a Controller as defined in the GDPR.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `We must establish a lawful basis for processing your personal information. The legal basis for which we collect your personal information depends on the data that we collect and how we use it.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `We will only collect your personal information with your express consent for a specific purpose and any data collected will be to the extent necessary and not excessive for its purpose. We will keep your data safe and secure.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `We will also process your personal information if it is necessary for our legitimate interests, or to fulfil a contractual or legal obligation.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `We process your personal information if it is necessary to protect your life or in a medical situation, it is necessary to carry out a public function, a task of public interest or if the function has a clear basis in law.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `We do not collect or process any personal information from you that is considered \"Sensitive Personal Information\" under the GDPR, such as personal information relating to your sexual orientation or ethnic origin unless we have obtained your explicit consent, or if it is being collected subject to and in accordance with the GDPR.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `You must not provide us with your personal information if you are under the age of 16 without the consent of your parent or someone who has parental authority for you. We do not knowingly collect or process the personal information of children.`,\n            \"subsections\" : []\n            },\n        ]\n    },\n    {\n        \"heading\": \"Your rights under the GDPR\",\n        \"sections\": [\n            {\n            \"content\" : `If you are an individual residing in the EU, you have certain rights as to how your personal information is obtained and used. StreamCreate complies with your rights under the GDPR as to how your personal information is used and controlled if you are an individual residing in the EU`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `Except as otherwise provided in the GDPR, you have the following rights:`,\n            \"subsections\" : [\n                            `to be informed how your personal information is being used;`,\n                            `access your personal information (we will provide you with a free copy of it);`,\n                            `to correct your personal information if it is inaccurate or incomplete;`,\n                            `to delete your personal information (also known as \"the right to be forgotten\");`,\n                            `to restrict processing of your personal information;`,\n                            `to retain and reuse your personal information for your own purposes;`,\n                            `to object to your personal information being used; and`,\n                            `to object against automated decision making and profiling.`,\n                            ]\n            },\n            {\n            \"content\" : `Please contact us at any time to exercise your rights under the GDPR at the contact details in this Privacy Policy.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `We may ask you to verify your identity before acting on any of your requests.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Hosting and International Data Transfers\",\n        \"sections\": [\n            {\n            \"content\" : `Information that we collect may from time to time be stored, processed in or transferred between parties or sites located in countries outside of Australia. These may include, but are not limited to the United States of America.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `We and our other group companies have offices and/or facilities in the United States of America. Transfers to each of these countries will be protected by appropriate safeguards, these include one or more of the following: the use of standard data protection clauses adopted or approved by the European Commission which you can obtain from the European Commission Website; the use of binding corporate rules, a copy of which you can obtain from StreamCreate’s Data Protection Officer.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `The hosting facilities for our website are situated in the United States of America. Transfers to each of these Countries will be protected by appropriate safeguards, these include one or more of the following: the use of standard data protection clauses adopted or approved by the European Commission which you can obtain from the European Commission Website; the use of binding corporate rules, a copy of which you can obtain from StreamCreate’s Data Protection Officer.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `Our Suppliers and Contractors are situated in the United States of America. Transfers to each of these Countries will be protected by appropriate safeguards, these include one or more of the following: the use of standard data protection clauses adopted or approved by the European Commission which you can obtain from the European Commission Website; the use of binding corporate rules, a copy of which you can obtain from StremCreate’s Data Protection Officer.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `You acknowledge that personal data that you submit for publication through our website or services may be available, via the internet, around the world. We cannot prevent the use (or misuse) of such personal data by others`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Security of your personal information\",\n        \"sections\": [\n            {\n            \"content\" : `StreamCreate is committed to ensuring that the information you provide to us is secure. In order to prevent unauthorised access or disclosure, we have put in place suitable physical, electronic and managerial procedures to safeguard and secure information and protect it from misuse, interference, loss and unauthorised access, modification and disclosure.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `Where we employ data processors to process personal information on our behalf, we only do so on the basis that such data processors comply with the requirements under the GDPR and that have adequate technical measures in place to protect personal information against unauthorised use, loss and theft.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `The transmission and exchange of information is carried out at your own risk. We cannot guarantee the security of any information that you transmit to us, or receive from us.  Although we take measures to safeguard against unauthorised disclosures of information, we cannot assure you that personal information that we collect will not be disclosed in a manner that is inconsistent with this Privacy Policy.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Access to your personal information\",\n        \"sections\": [\n            {\n            \"content\" : `You may request details of personal information that we hold about you in accordance with the provisions of the Privacy Act 1988 (Cth), and to the extent applicable the EU GDPR. If you would like a copy of the information which we hold about you or believe that any information we hold on you is inaccurate, out of date, incomplete, irrelevant or misleading, please contact us via www.streamcreate.com/Contact`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `We reserve the right to refuse to provide you with information that we hold about you, in certain circumstances set out in the Privacy Act or any other applicable law.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Complaints about privacy\",\n        \"sections\": [\n            {\n            \"content\" : `If you have any complaints about our privacy practices, please contact us via www.streamcreate.com/Contact. We take complaints very seriously and will respond shortly after receiving written notice of your complaint.`,\n            \"subsections\" : []\n            }\n        ]\n    },\n    {\n        \"heading\": \"Changes to Privacy Policy\",\n        \"sections\": [\n            {\n            \"content\" : `Please be aware that we may change this Privacy Policy in the future. We may modify this Policy at any time, in our sole discretion and all modifications will be effective immediately upon our posting of the modifications on our website or notice board. Please check back from time to time to review our Privacy Policy.`,\n            \"subsections\" : []\n            },\n        ]\n    },\n    {\n        \"heading\": \"Website\",\n        \"sections\": [\n            {\n            \"content\" : `When you come to our website (streamcreate.com), we may collect certain information such as browser type, operating system, website visited immediately before coming to our site, etc. This information is used in an aggregated manner to analyse how people use our site, such that we can improve our service.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `We may from time to time use cookies on our website. Cookies are very small files which a website uses to identify you when you come back to the site and to store details about your use of the site. Cookies are not malicious programs that access or damage your computer. Most web browsers automatically accept cookies but you can choose to reject cookies by changing your browser settings. However, this may prevent you from taking full advantage of our website. Our website may from time to time use cookies to analyse website traffic and help us provide a better website visitor experience. In addition, cookies may be used to serve relevant ads to website visitors through third party services such as Google AdWords. These ads may appear on this website or other websites you visit.`,\n            \"subsections\" : []\n            },\n            {\n            \"content\" : `Our site may from time to time have links to other websites not owned or controlled by us. These links are meant for your convenience only. Links to third party websites do not constitute sponsorship or endorsement or approval of these websites. Please be aware that StreamCreate is not responsible for the privacy practises of other such websites. We encourage our users to be aware, when they leave our website, to read the privacy statements of each and every website that collects personal identifiable information.`,\n            \"subsections\" : []\n            }\n        ]\n    }\n]\n\nexport const PrivacyPolicy = () => {\n\n  return (\n    <Layout header={{ showAccount: true, showMenu: true }}>\n    <Helmet>\n        <title>{PRIVACYPOLICY_TITLE}</title>\n        <meta name=\"description\" content={PRIVACYPOLICY_DESCRIPTION} />\n    </Helmet>\n    <PageHeader text={\"Privacy Policy\"} />\n        <Body > \n            <div className=\"bg-white pb-4 px-4 overflow-hidden sm:px-6 lg:px-16 lg:pb-8\">\n                {PRIVACY_POLICY_CONDITIONS.map((condition) => (\n                    <ol className=\"mt-4 md:mt-6\">\n                            <LegalSection heading={condition.heading} sections={condition.sections}/> \n                    </ol>\n                ))}\n            </div>\n        </Body> \n    </Layout>\n  )\n}\n","export const HeadingThree = ({ children }) => {\n    return <h3 className=\"text-xl leading-relaxed font-semibold mb-2 text-gray-800 \">{children}</h3>\n  }\n  \n  export default HeadingThree\n  ","import { CheckCircleIcon } from \"@heroicons/react/outline\"\nimport { CognitoUser } from \"amazon-cognito-identity-js\"\nimport { SuccessAlert } from \"Components/Structure/Alerts/SuccessAlert\"\nimport Body from \"Components/Structure/Foundation/Body\"\nimport Layout from \"Components/Structure/Foundation/Layout\"\nimport InputWithLabel from \"Components/Structure/InputWithLabel\"\nimport RenderIf from \"Components/Structure/RenderIf\"\nimport StandardButton from \"Components/Structure/StandardButton\"\nimport HeadingThree from \"Components/Typography/HeadingThree\"\nimport HeadingTwo from \"Components/Typography/HeadingTwo\"\nimport PageHeader from \"Components/Typography/PageHeader\"\nimport Paragraph from \"Components/Typography/Paragraph\"\nimport React, { useState } from \"react\"\nimport { useStores } from \"Store/StoreConfig\"\nimport { GENERIC_ERROR_MSG, INCORRECT_PASSWORD_MSG } from \"Utilities/GeneralConstants\"\nimport { isPasswordValid } from \"Utilities/HelperFunctions\"\nimport {Helmet} from \"react-helmet\";\nimport { ACCOUNTSETTINGS_TITLE } from \"Utilities/SEOConstants\"\n\n\nexport const AccountSettings = () => {\n  const { UserStore } = useStores()\n  const [currentPassword, setCurrentPassword] = useState(\"\")\n  const [newPassword, setNewPassword] = useState(\"\")\n  const [showNewPasswordError, setShowNewPasswordError] = useState(false)\n  const [errorUpdatingPassword, setErrorUpdatingPassword] = useState(\"\")\n  const [updatePasswordLoading, setUpdatePasswordLoading] = useState(false)\n  const [successfullyUpdatedPassword, setSuccessfullyUpdatedPassword] = useState(false)\n  const updatePasswordComplete =  currentPassword.length > 0 && isPasswordValid(newPassword)\n\n  const updatePassword = async (currentPassword, newPassword) => {\n    if(updatePasswordComplete){\n      const cognitoUser : CognitoUser = UserStore.cognitoUser\n      setUpdatePasswordLoading(true)\n      cognitoUser.changePassword(currentPassword, newPassword, function(err, result) {\n        if (err) {\n          if (err[\"code\"] === \"NotAuthorizedException\") {\n            setErrorUpdatingPassword(INCORRECT_PASSWORD_MSG)\n          }else{\n            setErrorUpdatingPassword(GENERIC_ERROR_MSG)\n          }\n        }else{\n          setSuccessfullyUpdatedPassword(true)\n        }\n        setUpdatePasswordLoading(false)\n      });\n    }\n  }\n\n  return (\n    <Layout header={{ showAccount: true, showMenu: true }}>\n      <Helmet>\n          <title>{ACCOUNTSETTINGS_TITLE}</title>\n      </Helmet>\n      <PageHeader text=\"Account settings\" />\n      <Body> \n        <div className=\"px-2 md:px-12 pb-8 pt-6\">\n\n          <HeadingTwo> Contact details </HeadingTwo>\n          <div className=\"pt-4\" />\n          <HeadingThree> Full Name </HeadingThree>\n          <Paragraph> {UserStore.user.firstName + \" \" + UserStore.user.lastName}  </Paragraph>\n\n          <div className=\"pt-6\" />\n          <HeadingThree> Email address </HeadingThree>\n          <div className=\"sm:flex inline-block \">\n            <Paragraph> {UserStore.user.email } </Paragraph>\n            <div className=\" inline-block sm:ml-4 pt-1 sm:pt-0\">\n              <CheckCircleIcon className=\" -mb-1.5 h-6 w-6 text-green-600\" aria-hidden=\"true\" />\n            </div>\n            <p className=\" inline-block  ml-2 text-green-600\">Verified</p>\n          </div>\n\n\n          <div className=\"relative pt-6 sm:pt-8 pb-6\">\n              <div className=\"w-full border-t border-gray-300\" />\n          </div>\n\n\n          <div className=\"flex flex-col md:flex-row\">\n            <div className=\"flex-1 inline-block xl:w-4/12  md:w-6/12 sm:w-9/12 xs:w-10/12 pr-14 mb-2\">\n              <HeadingTwo> Update password </HeadingTwo>\n\n              <Paragraph> Update your password associated with your account  </Paragraph>\n            </div>\n            <div className=\"flex-initial inline-block xl:w-4/12 lg:w-4/12 md:w-6/12 sm:w-9/12 xs:w-10/12 pr-8\">\n\n              {!successfullyUpdatedPassword ?\n                <React.Fragment> \n                  <div className=\"flex-1\">\n                      <InputWithLabel\n                      id=\"currentPassword\"\n                      label=\"Current password\"\n                      onChange={e => setCurrentPassword(e.target.value)}\n                      onBlur={() => {}}\n                      value={currentPassword}\n                      type=\"password\"\n                      labelClassName=\"block text-md font-medium text-gray-700 mb-2\"\n                      inputClassName=\"block border border-grey-light w-full p-2 rounded mb-2 focus:outline-none focus:border-blue-500 focus:ring-blue-500 ring-1\" \n                      maxLength={38}\n                      showError={errorUpdatingPassword.length > 0}\n                      errorMessage={errorUpdatingPassword}\n                      />\n                  </div>\n\n                  <div className=\"mt-2\" />\n                  \n                  <div className=\"flex-1\">\n                      <InputWithLabel\n                      id=\"newPassword\"\n                      label=\"New password\"\n                      onChange={e => setNewPassword(e.target.value)}\n                      onBlur={() => setShowNewPasswordError(true)}\n                      value={newPassword}\n                      type=\"password\"\n                      labelClassName=\"block text-md font-medium text-gray-700 mb-2\"\n                      inputClassName=\"block border border-grey-light w-full p-2 rounded focus:outline-none focus:border-blue-500 focus:ring-blue-500 ring-1\" \n                      maxLength={45}\n                      />\n                  </div>\n\n                  <RenderIf condition={!isPasswordValid(newPassword) && showNewPasswordError}>\n                      <div className=\"text-sm text-red-600 ml-5 \">\n                          <ul className=\"list-disc\">\n                              <li>8 characters minimum.</li>\n                              <li>must contain a number.</li>\n                              <li>an uppercase and a lowercase.</li>                            \n                          </ul>\n                      </div>\n                  </RenderIf>\n\n                  <div className=\"mt-4 flex justify-end\">\n                    <StandardButton\n                        disabled={!updatePasswordComplete}\n                        onClick={e => updatePassword(currentPassword,newPassword)}\n                        text={\"Update\"}\n                        isSpinning={updatePasswordLoading}\n                    />\n                  </div>    \n                </React.Fragment> \n                :\n                <SuccessAlert message=\"Password successfully updated!\"/>\n              }\n\n            </div>\n            <div className=\"flex-initial inline-block xl:w-4/12 lg:w-4/12  \"></div>\n          </div>\n\n        </div>\n      </Body>\n    </Layout>\n\n  )\n}\n\n\n","import React from 'react'\n\nexport const GuideHeaderTwo = ({text}) => {\n    return (\n        <React.Fragment>\n            <h2 className=\"text-2xl font-bold text-gray-600 mb-2\">\n                {text}\n            </h2>\n        </React.Fragment>\n    )\n}\n\n","import React from 'react'\n\nexport const GuideParagraph = ({text}) => {\n    return (\n        <React.Fragment>\n            <p className=\"text-md sm:text-lg leading-7 sm:leading-8 font-normal text-gray-600 \">\n                  {text} \n            </p>\n        </React.Fragment>\n    )\n}\n\n\n","import React from 'react'\n\nexport const GuideTitleTextLarge = ({title, text}) => {\n    return (\n        <React.Fragment>\n            <h3 className=\"text-lg leading-relaxed font-bold text-gray-600 \">{title}</h3>\n            <p className=\"text-md sm:text-lg leading-7 sm:leading-8 font-normal text-gray-600 mb-4\">\n                  {text} \n            </p>\n        </React.Fragment>\n      )\n}\n\n\n","import { GuideHeaderTwo } from \"Components/Structure/GuideComponents/GuideHeaderTwo\";\nimport { GuideParagraph } from \"Components/Structure/GuideComponents/GuideParagraph\";\nimport { GuideTitleTextLarge } from \"Components/Structure/GuideComponents/GuideTitleTextLarge\";\nimport { GuidePost } from \"Types/GeneralTypes\";\n\nexport const choosingVideoLatencyContent : GuidePost = {\n    title : 'How to choose the right video latency on YouTube',\n    href: '/Guides/how-to-choose-the-right-video-latency-on-youtube',\n    imageUrl: `${process.env.PUBLIC_URL}/images/StreamLatencyGuideImage.svg`,\n    datePublished: '20 March 2022',\n    metaTitle: 'How to choose the right video latency on YouTube | StreamCreate',\n    metaDescription: 'All live streams on YouTube have latency. Latency is the delay between the time you transmit video data and the moment your viewers are able to see it. YouTube allows you to reduce latency on your stream but if you reduce it by too much you may experience lower video quality and buffering. On the other hand lower latency, means better live interactivity between your viewers and the stream.',\n    introduction: `There are three different settings for stream latency on YouTube and they will directly impact the quality of your stream.\n                   You will not be able to change these settings once your stream starts so it is important to understand them in\n                   order to set them correctly at the beginning.`,\n    body: [\n            <img className=\"my-4 max-w-xl mx-auto w-full\" src={process.env.PUBLIC_URL + '/images/StreamLatencyGuideImage.svg'} alt=\"\" />,\n            <GuideHeaderTwo text={\"Overview:\"}/>,\n            <GuideParagraph text={\"Stream latency is the delay between what your screen or camera captures and when it is shown to viewers. All streams have latency beause it takes time for the data from your screen or camera to be sent to YouTube. The good news is that YouTube does give you the option to minimise latency but the bad news is that it may potentially reduce your stream quality. Below we will evaluate the streaming latency options provided by YouTube.\"}/>,\n            <br/>,\n            <GuideHeaderTwo text={\"YouTube's options for live stream latency:\"}/>,\n            <GuideTitleTextLarge \n                title={\"Normal latency\"} \n                text={\"This setting gives you the best quality for your stream and it should be used in cases where you do not plan to interact with your audience. This setting will delay your stream by 15-60 seconds, depending on your internet connection speed. Video buffering is highly unlikely.\"} \n            />,\n            <GuideTitleTextLarge \n                title={\"Low latency\"} \n                text={\"A balanced option that will delay your steam by around 5-15 seconds. With a good internet connection your stream can provide high video quality and a decent level of interactivity. Occasionaly your viewers may experience video buffering but this is generally acceptable.\"} \n            />,\n            <GuideTitleTextLarge \n                title={\"Ultra low latency\"} \n                text={\"This setting will result in a 2-5 seconds delay in your stream, which is great for user interaction. However there is a higher chance your viewers will experience buffering during your stream and you will not be able to support 1440p and 4k resolutions.\"} \n            />\n    ]\n}\n\n\n","import Layout from \"../../Components/Structure/Foundation/Layout\"\nimport Body from \"Components/Structure/Foundation/Body\"\nimport { Helmet } from \"react-helmet\"\nimport { GUIDE_DESCRIPTION, GUIDE_TITLE } from \"Utilities/SEOConstants\"\nimport { Link } from \"react-router-dom\"\nimport { GuidePost } from \"Types/GeneralTypes\"\nimport { choosingVideoLatencyContent } from \"./GuideContent/ChoosingVideoLatency\"\n\nconst guidePosts : Array<GuidePost> = [\n    choosingVideoLatencyContent,\n]\n\nexport const Guide = () => {\n\n  return (\n    <Layout header={{ showAccount: true, showMenu: true }}>\n        <Helmet>\n            <title>{GUIDE_TITLE}</title>\n            <meta name=\"description\" content={GUIDE_DESCRIPTION} />\n        </Helmet>\n        <div className={`bg-blue-800 pt-10 lg:pt-16 pb-48 -mb-40 lg:-mb-40 text-center px-8 `}> \n            <h1 className=\"tracking-tight font-bold text-white text-4xl md:text-5xl lg:text-5xl xl:text-6xl text-center \">\n                Streaming Guides\n            </h1>\n            <h1 className=\"tracking-tight font-bold text-blue-300 text-4xl md:text-5xl lg:text-5xl xl:text-6xl text-center \">\n                level up your game\n            </h1>\n            <p className=\"tracking-tight text-lg sm:text-xl text-white font-normal mt-6 -mb-4 md:mt-10\">\n                Simple and easy to follow tutorials to help you master 24/7 live streaming\n            </p>\n        </div>\n        <Body> \n            <div className=\"relative pt-8 pb-20 px-4 sm:px-6 lg:pt-10 lg:px-8\">\n                <div className=\"relative max-w-7xl mx-auto\">\n                    <div className=\"max-w-lg mx-auto grid gap-5 lg:grid-cols-3 lg:max-w-none\">\n                        {guidePosts.map((post) => (\n                            <div key={post.title} className=\"flex flex-col rounded-lg shadow-lg overflow-hidden\">\n                                <div className=\"flex-shrink-0\">\n                                    <Link to={post.href}> \n                                        <img className=\"w-full\" src={post.imageUrl} alt=\"\" />\n                                    </Link>\n                                </div>\n                                <div className=\"flex-1 bg-white p-6 flex flex-col justify-between\">\n                                    <div className=\"flex-1\">\n                                        <Link className=\"block mt-2\" to={post.href}> \n                                            <p className=\"text-xl font-semibold text-gray-900\">{post.title}</p>\n                                            <p className=\"mt-3 text-base text-gray-500\">{post.introduction}</p>\n                                        </Link>\n                                    </div>\n                                    <div className=\"mt-6 flex items-center\">\n                                        <div className=\"flex space-x-1 text-sm text-gray-500\">\n                                            {post.datePublished}\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </Body> \n    </Layout>\n  )\n}\n","import Layout from \"../../Components/Structure/Foundation/Layout\"\nimport Body from \"Components/Structure/Foundation/Body\"\nimport { Helmet } from \"react-helmet\"\nimport { choosingVideoLatencyContent } from \"./GuideContent/ChoosingVideoLatency\"\nimport PageHeader from \"Components/Typography/PageHeader\"\n\nconst guideContentMap = {\n    \"how-to-choose-the-right-video-latency-on-youtube\" : choosingVideoLatencyContent\n}\n\n\nexport const GuideArticle = () => {\n    const templatePath = window.location.pathname.split(\"/\")[2]\n    const guideContent = guideContentMap[templatePath]\n\n    return (\n        <Layout header={{ showAccount: true, showMenu: true }}>\n            <Helmet>\n                <title>{guideContent.metaTitle}</title>\n                <meta name=\"description\" content={guideContent.metaDescription} />\n            </Helmet>\n            <PageHeader text={\"Streaming Guides\"}  />\n            <Body> \n                <div className=\"max-w-4xl mx-auto py-4 md:py-8 px-2 sm:px-12 \">\n                    <div className=\"text-center mb-4\">\n                        <p className=\"text-sm md:text-base font-medium text-gray-600 mb-2 md:mb-4\">Published {guideContent.datePublished}</p>\n                        <h1 className=\"text-2xl sm:text-3xl leading-relaxed font-bold text-gray-800\">{guideContent.title}</h1>\n                    </div>\n                    <p className=\"text-md sm:text-lg leading-7 sm:leading-8 font-medium italic text-gray-600\">\n                        {guideContent.introduction}\n                    </p>\n                    {guideContent.body.map(body => { return body })}\n                </div>\n            </Body> \n        </Layout>\n    )\n}\n","import StreamBuilder from 'Pages/StreamBuilder'\nimport { Home } from 'Pages/Home'\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom'\nimport SignUp from 'Components/Authentication/SignUp'\nimport './App.css'\nimport Login from 'Components/Authentication/Login'\nimport ResetPassword from 'Components/Authentication/ResetPassword'\nimport PageNotFound from 'Components/Structure/Foundation/PageNotFound'\nimport VerifyEmail from 'Components/Authentication/VerifyEmail'\nimport NewPassword from 'Components/Authentication/NewPassword'\nimport { useStores } from 'Store/StoreConfig'\nimport { observer } from 'mobx-react'\nimport { ManageStreams } from 'Components/Dashboard/ManageStreams'\nimport { Contact } from 'Pages/Contact'\nimport { ProtectedUserRoute } from 'Components/Structure/Foundation/ProtectedRoute'\nimport { TemplateView } from 'Pages/TemplateView'\nimport { Support } from 'Pages/Support'\nimport ScrollToTop from 'Utilities/ScrollToTop'\nimport { Pricing } from 'Pages/Pricing'\nimport { TemplateGallery } from 'Pages/TemplateGallery'\nimport { TermsOfService } from 'Pages/TermsOfService'\nimport { PrivacyPolicy } from 'Pages/PrivacyPolicy'\nimport { AccountSettings } from 'Components/Dashboard/AccountSettings'\nimport PageSpinner from 'Components/Structure/PageSpinner'\nimport { Guide } from 'Pages/Guide/Guide'\nimport { GuideArticle } from 'Pages/Guide/GuideArticle'\n\nexport const App =  observer(() => {\n\tconst { UserStore } = useStores()\n\n\tif(!UserStore.isLoaded){\n\t\tUserStore.loadUser()\n\t}\n\n\treturn (\n\t\t<div>\n\t\t\t{!UserStore.isLoaded ? \n\t\t\t  <PageSpinner isEntireScreen={true}/>\n\t\t\t:\n\t\t\t<Router>\n\t\t\t\t <ScrollToTop />\n\t\t\t\t<Switch>\n\t\t\t\t\t<Route exact path=\"/\" component={Home} />\n\t\t\t\t\t<Route exact path=\"/Templates/Countdown\" component={TemplateGallery} />\n\t\t\t\t\t<Route exact path=\"/Templates/VotingPoll\" component={TemplateGallery} />\n\t\t\t\t\t<Route exact path=\"/Pricing\" component={Pricing} />\n\t\t\t\t\t<Route exact path=\"/StreamBuilder\" component={StreamBuilder} />\n\t\t\t\t\t<Route exact path=\"/Guides\" component={Guide} />\n\t\t\t\t\t<Route exact path=\"/Guides/*\" component={GuideArticle} />\n\t\t\t\t\t<Route exact path=\"/Contact\" component={Contact} />\n\t\t\t\t\t<Route exact path=\"/AboutUs\" component={Home} />\n\t\t\t\t\t<Route exact path=\"/Support\" component={Support} />\n\t\t\t\t\t<Route exact path=\"/TermsOfService\" component={TermsOfService} />\n\t\t\t\t\t<Route exact path=\"/PrivacyPolicy\" component={PrivacyPolicy} />\n\t\t\t\t\t<Route exact path=\"/SignUp\" component={SignUp} />\n\t\t\t\t\t<Route exact path=\"/Login\" component={Login} />\n\t\t\t\t\t<Route exact path=\"/ResetPassword\" component={ResetPassword} />\n\t\t\t\t\t<Route exact path=\"/NewPassword\" component={NewPassword} />\n\t\t\t\t\t<Route path=\"/VerifyEmail/:verifyId\" component={VerifyEmail} />\n\t\t\t\t\t<Route path=\"/Template/:configId/:token\" component={TemplateView} />\n\t\t\t\t\t<ProtectedUserRoute exact path=\"/Dashboard/ManageStreams\" component={ManageStreams} /> \n\t\t\t\t\t<ProtectedUserRoute exact path=\"/Dashboard/AccountSettings\" component={AccountSettings} />\n\t\t\t\t\t<Route path=\"*\" component={PageNotFound} />\n\t\t\t\t</Switch>\n\t\t\t</Router>\n\t\t\t}\n\t\t</div>\n\t)\n})\n\nexport default App\n","import App from './App';\nimport { StylesProvider } from '@material-ui/core/styles';\nimport { loadStripe } from '@stripe/stripe-js';\nimport { Elements } from '@stripe/react-stripe-js';\nimport { STRIPE_PUBLISH_KEY } from 'Services/ApiConfig';\nimport { hydrate, render } from \"react-dom\";\n\nconst stripe = loadStripe(STRIPE_PUBLISH_KEY)\n\nconst APP = <StylesProvider><Elements stripe={stripe} ><App /></Elements></StylesProvider>\nconst rootElement = document.getElementById(\"root\");\n\nif (rootElement.hasChildNodes()) {\n  hydrate(APP, rootElement);\n} else {\n  render(APP, rootElement);\n}\n"],"sourceRoot":""}