{"version":3,"sources":["assets/images/cancan-logo.png","views/SignIn.tsx","components/LoadingIndicator.tsx","components/SignUp.tsx","components/FlagButton.tsx","assets/images/icon-report.png","components/SuperLikeButton.tsx","assets/images/icon-superlike.png","assets/images/icon-tip-active.png","components/TippingButton.tsx","components/ProfilePic.tsx","components/LottieAnimation.tsx","components/SuperLikeEffect.tsx","assets/images/icon-like.png","components/Video.tsx","assets/images/icon-comment.png","assets/images/icon-share.png","views/Feed.tsx","views/Discover.tsx","components/Upload.tsx","assets/images/rewards-view.png","views/Rewards.tsx","components/FollowButton.tsx","components/FollowUserRow.tsx","assets/images/icon-back.png","views/Profile.tsx","views/Shared.tsx","assets/images/icon-rewards.png","components/DropDayNotification.tsx","assets/images/icon-tokens.png","assets/images/icon-close.png","components/RewardShowerNotification.tsx","components/MainNav.tsx","assets/images/icon-home.png","assets/images/icon-discover.png","assets/images/icon-upload.png","assets/images/icon-profile.png","components/PrivateRoutes.tsx","AppRouter.tsx","index.tsx","utils/canister.ts","../.dfx/ic/canisters/CanCan/CanCan.did.js","../.dfx/ic/canisters/CanCan/CanCan.js","utils/canister/actor.ts","components/SearchVideoItem.tsx","utils/video.ts","utils/authClient.ts","utils/auth.tsx","utils/updateHead.ts","utils/index.ts"],"names":["SignIn","props","children","auth","useAuth","history","useHistory","useEffect","user","identity","getPrincipal","isAnonymous","replace","id","alt","src","logo","style","width","onClick","async","logIn","push","className","LoadingIndicator","loadingMessage","completedMessage","isLoading","showCompletedMessage","timeout","CSSTransition","in","classNames","unmountOnExit","SignUp","error","setError","useState","isCheckingICForUser","setIsCheckingICForUser","isSigningIn","setIsSigningIn","usernameInputRef","useRef","isAuthReady","isAuthenticated","undefined","getUserNameByPrincipal","then","username","getUserFromCanister","setUser","onSubmit","evt","preventDefault","stopPropagation","current","value","checkUsername","createUser","htmlFor","ref","type","name","placeholder","hidden","FlagButton","currentUserId","videoInfo","localFlags","setLocalFlags","Number","abuseFlagCount","isActive","setActive","viewerHasFlagged","isDisabled","putAbuseFlagVideo","videoId","pointerEvents","cursor","SuperLikeButton","handleSuperLike","isSuperLiked","disabled","data-test-id","TippingButton","senderId","currentRewardPoints","recipientId","onRefreshUser","setDisabled","activeAnimations","setActiveAnimations","animationId","setAnimationId","localRewardPoints","setRewardPoints","tippingPoints","setTippingPoints","saveTippingDebounced","debounce","putRewardTransfer","BigInt","localTippingPoints","ev","prevId","currentId","prev","setTimeout","filter","opacity","tipIcon","length","map","left","top","ProfilePic","profilePic","profileColor","textToColor","backgroundColor","title","LottieAnimation","animation","height","animationData","play","SuperLikeEffect","mainAnimActive","setMainAnimActive","secondAnimActive","setSecondAnimActive","timeoutMain","timeoutSecondary","clearTimeout","animationPosition","x","y","window","innerHeight","iconPositionInAnimation","animationStyling","transform","SuperLikeAnim","SuperLikeAnimIcon","Video","isPreview","userId","userRewardPoints","videoHash","onClose","VideoBase","setPlay","fileType","setFileType","videoSourceURL","setVideoSourceURL","userPic","setUserPic","userLikes","setUserLikes","likes","includes","setIsSuperLiked","superLikes","videoIsFlagged","videoRef","getVideoChunks","blobURL","console","log","mimeType","mime","lookup","fileType_t","split","URL","revokeObjectURL","pause","isCurrentUser","videoBlurStyle","aria-label","loop","muted","autoPlay","position","to","caption","superLike","like","state","display","comments","some","comment","shares","Feed","profileInfo","feed","setFeed","setIsLoading","userName","getFeedVideos","videos","catch","e","v","rewards","toString","Discover","setVideos","searchTerm","setSearchTerm","videoPreview","setVideoPreview","setLoading","getSearchVideos","searchedVideos","searchRef","debouncedChangeHandler","val","handleClick","clickedVideo","onChange","SearchVideoItem","video","Upload","onUpload","videoFile","setVideoFile","videoPreviewURL","setVideoPreviewURL","uploading","setUploading","uploadingClean","setUploadingClean","inputRef","textAreaRef","videoUploadController","useUploadVideo","click","arrayBuffer","buffer","videoBlob","Blob","vidURL","createObjectURL","completedVideo","accept","files","target","item","file","rows","setFile","setCaption","setReady","Rewards","rewardsView","FollowButton","isFollowing","handleFollow","FollowUserRow","following","disableFollow","setIsFollowing","event","Profile","currentUser","onLogOut","useParams","activeSubView","setActiveSubView","goBack","userProfile","setUserProfile","setProfilePic","currentUserFollows","initialIsFollowed","indexOf","isFollowed","setIsFollowed","isCurrentUserProfile","fetchUserProfile","profileData","fetchProfilePic","picData","getProfilePic","imgSrc","fileToImgSrc","info","userToFollow","willFollow","follow","Promise","all","uploadedVideos","followers","backIcon","fontSize","label","count","index","ProfileNavLink","uploadedVideo","pic","role","follower","formatBigNumber","Shared","getSharedVideos","DROP_DAY_LS_KEY","DropDayNotification","isVisible","setIsVisible","closeAlert","localStorage","setItem","pollIsDropDay","isDropDay","result","getItem","err","interval","setInterval","REWARDS_CHECK_INTERVAL","clearInterval","giftIcon","chevron","KEY_LOCALSTORAGE_READ_MESSAGES_TIME","rewardPointsReducer","acc","message","reward","uploadReward","superlikerReward","transferReward","unreadMessagesFilter","lastReadTime","time","RewardShowerNotification","currentRewards","setRewards","isDismissed","setDismissed","checkForNewMessages","getMessages","messages","unreadMessages","rewardPoints","reduce","clearMessages","Date","now","RewardPointAnim","getPathRoot","path","MainNav","paths","setDestination","destination","findIndex","currentIndex","location","pathname","destinationIndex","document","getElementById","innerHTML","rewardsIcon","wrapPrivateRouteWithSlide","render","match","PrivateRoutes","logOut","refreshProfileInfo","privateRoutes","params","privatePaths","wrapRouteWithFade","Component","AppRouter","exact","TransitionGroup","CanCanApp","updateHead","ReactDOM","CanCan","actorController","getUserFromStorage","storage","key","lsUser","JSON","parse","k","principal","unwrap","actor","Error","profile","createProfile","stringify","Boolean","icUser","getProfilePlus","terms","limit","resolve","canisterActor","canisterResponse","getVideoInfo","createVideo","videoInit","putProfileFollow","willLike","putProfileVideoLike","willSuperLike","putSuperLike","chunkCount","chunkBuffers","chunksAsPromises","i","getVideoChunk","nestedBytes","forEach","bytes","bytesAsBuffer","Buffer","from","Uint8Array","concat","putVideoChunk","chunkNum","chunkData","putVideoPic","getVideoPic","icResponse","checkUsernameAvailable","sender","recipient","amount","reporter","shouldFlag","idlFactory","IDL","List","Rec","List_10","List_11","List_2","List_3","List_4","List_5","List_6","List_7","List_8","List_9","Trie","Trie_10","Trie_11","Trie_2","Trie_3","Trie_4","Trie_5","Trie_6","Trie_7","Trie_8","Trie_9","UserId_2","Text","UserId","ProfilePic_2","Vec","Nat8","VideoPic_2","Timestamp","Int","UploadOrigin","Record","GeoData","Person","People","VideoId_2","VideoInfo_2","Opt","Nat","Bool","AllowanceBalance","Variant","Null","UserAllowances","ProfileInfo_2","ProfileInfoPlus","VideoId","VideoInit_2","VideoInit","VideoId_3","UserId_3","VideosPred","TimeMode","Command","Tuple","Result","TraceCommand","Trace","UserAction","ActionTarget","Check","Principal","Event_3","VideoResult_2","VideoResults","LikeVideo","AbuseFlag","SuperLikeVideoFail","SuperLikeVideo","RewardPointTransfer","CreateVideo","ShareVideo","CreateProfile","ViralVideoSuperLiker","ViralVideo","Signal","EventKind","Event_2","Event","Message","AlbumInfo","ProfileInfo","Branch","Hash","Nat32","Key","Branch_2","Key_2","fill","AssocList_3","Leaf_2","AssocList","Leaf","Trie2D","RelShared","Branch_4","Branch_5","AssocList_9","Leaf_5","AssocList_7","Leaf_4","Trie2D_2","RelShared_3","Branch_6","Branch_7","Key_4","AssocList_13","Leaf_7","AssocList_11","Leaf_6","Trie2D_3","RelShared_5","Branch_10","Key_5","AssocList_19","Leaf_10","MapShared_4","Branch_9","AssocList_17","Leaf_9","MapShared_3","Branch_3","ChunkId","Key_3","ChunkData","AssocList_5","Leaf_3","MapShared","Branch_11","AssocList_21","Leaf_11","MapShared_5","Branch_8","AssocList_15","Leaf_8","MapShared_2","StateShared","VideoResult","VideoInfo","VideoPic","Service","Func","isLocalEnv","process","DFX_NETWORK","host","dfxConfig","networks","local","bind","constructor","_actor","_isAuthenticated","this","initBaseActor","agent","HttpAgent","Actor","createActor","CanCan_idl","canisterId","fetchRootKey","unauthenticateActor","setPic","picAsNum","bufferBlob","picBlob","processAndUploadChunk","videoBuffer","byteStart","videoSize","chunk","videoSlice","slice","Math","min","MAX_CHUNK_SIZE","sliceToNat","encodeArrayBuffer","uploadVideo","ArrayBuffer","ceil","size","createdAt","tags","hashtagRegExp","getVideoInit","thumb","videoElement","createElement","thumbnailCanvas","canvasContext","getContext","videoUrl","addEventListener","videoWidth","videoHeight","reject","drawImage","toBlob","canvasBlob","currentTime","generateThumbnail","uploadVideoPic","putChunkPromises","resultFromCanCan","checkVidFromIC","setCompletedVideo","ready","fileToUpload","timeEnd","handleUpload","IDENTITY_URL","URLSearchParams","search","get","REACT_APP_INTERNET_IDENTITY_URL","authClient","AuthClient","create","login","identityProvider","onSuccess","getIdentity","logout","returnTo","authContext","createContext","ProvideAuth","isAuthenticatedLocal","setIsAuthenticatedLocal","_identity","_setIdentity","isAuthClientReady","setAuthClientReady","urlWithSearch","globalThis","setUserFromLocalStorage","KEY_LOCALSTORAGE_USER","user_","removeItem","testUserParam","authenticateActor","hasCanCanAccount","useProvideAuth","authenticationClient","Provider","useContext","APP_TITLE","updates","el","attrs","content","update","Object","entries","attr","head","appendChild","Array","number","toFixed","imgType","byteArray","text","numStringFromString","char","charCodeAt","join","hexFromNumString","parseInt","trimAmount","abs","startIndex","hexArray"],"mappings":"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","file":"static/js/main.60d6e422.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/cancan-logo.38c28168.png\";","import React, { PropsWithChildren, useEffect } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport logo from \"../assets/images/cancan-logo.png\";\r\nimport { useAuth } from \"../utils\";\r\n\r\n/*\r\n * The sign-in process for when a user has not yet authenticated with the\r\n * Internet Identity Service.\r\n */\r\nexport function SignIn(props: PropsWithChildren<{}>) {\r\n  const { children = \"Authorize\" } = props;\r\n  const auth = useAuth();\r\n  const history = useHistory();\r\n\r\n  // If the auth provider has a user (which could be from local storage) and\r\n  // the user is properly authenticated with the identity provider service then\r\n  // send the user to their feed, as they are correctly signed in.\r\n  useEffect(() => {\r\n    if (auth.user && !auth.identity?.getPrincipal().isAnonymous()) {\r\n      history.replace(\"/feed\");\r\n    }\r\n  }, [auth.identity, auth.user, history]);\r\n\r\n  // Initiates the login flow with the identity provider service, sending the\r\n  // user to a new tab\r\n  const handleLogin = async () => {\r\n    await auth.logIn();\r\n    history.push(\"/sign-up\");\r\n  };\r\n\r\n  return (\r\n    <div id=\"form-container\">\r\n      <img alt=\"cancan logo\" src={logo} style={{ width: \"24.2rem\" }} />\r\n      <button onClick={handleLogin} id=\"sign-in\" className=\"primary medium\">\r\n        {children}\r\n      </button>\r\n    </div>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { CSSTransition } from \"react-transition-group\";\r\nimport \"./LoadingIndicator.scss\";\r\n\r\ninterface LoadingIndicatorProps {\r\n  loadingMessage?: string;\r\n  completedMessage?: string;\r\n  isLoading?: boolean;\r\n}\r\n\r\nexport function LoadingIndicator({\r\n  loadingMessage = \"Loading...\",\r\n  completedMessage,\r\n  isLoading = true,\r\n}: LoadingIndicatorProps) {\r\n  // Adding the `.completed-message` class will delay the fade-out for 1s to\r\n  // allow the user to see the updated message before it disappears.\r\n  const showCompletedMessage = completedMessage ? \"completed-message \" : \"\";\r\n  const timeout = completedMessage ? 2000 : 1000;\r\n\r\n  return (\r\n    <CSSTransition\r\n      in={isLoading}\r\n      timeout={timeout}\r\n      classNames=\"LoadingContainer\"\r\n      unmountOnExit\r\n    >\r\n      <div className={`${showCompletedMessage}LoadingContainer`}>\r\n        <div className=\"LoadingContainerContent\">\r\n          <h2>\r\n            {isLoading ? loadingMessage : completedMessage ?? loadingMessage}\r\n          </h2>\r\n        </div>\r\n      </div>\r\n    </CSSTransition>\r\n  );\r\n}\r\n","import React, { FormEvent, useEffect, useRef, useState } from \"react\";\r\nimport {\r\n  checkUsername,\r\n  createUser,\r\n  getUserFromCanister,\r\n  getUserNameByPrincipal,\r\n  useAuth,\r\n} from \"../utils\";\r\nimport logo from \"../assets/images/cancan-logo.png\";\r\nimport { LoadingIndicator } from \"./LoadingIndicator\";\r\nimport { useHistory } from \"react-router\";\r\nimport \"./SignUp.scss\";\r\n\r\n/*\r\n * This component receives the authentication information and queries to see if\r\n * the principal returned from Identity Service matches an existing userId. If\r\n * it does, we set the match as the currentUser and redirect to the /feed route.\r\n * If the principal does not match an existing userId, the user creates one with\r\n * the provided form and submits, receiving an error if the name is already\r\n * taken, and being redirected to the /feed route on success.\r\n */\r\n\r\nexport function SignUp() {\r\n  const [error, setError] = useState(\"\");\r\n  const [isCheckingICForUser, setIsCheckingICForUser] = useState(false);\r\n  const [isSigningIn, setIsSigningIn] = useState(false);\r\n  const usernameInputRef = useRef<HTMLInputElement>(null);\r\n  const auth = useAuth();\r\n  const history = useHistory();\r\n\r\n  // Get a user name from the user's principal and then fetch the user object\r\n  // with all the user's data. Show a loading message between these async\r\n  // backend calls happening.\r\n  useEffect(() => {\r\n    if (!auth.isAuthReady) return;\r\n    if (auth.isAuthenticated && auth.identity !== undefined) {\r\n      setIsCheckingICForUser(true);\r\n      getUserNameByPrincipal(auth.identity.getPrincipal()).then((username) => {\r\n        if (username) {\r\n          // User exists! Set user and redirect to /feed.\r\n          getUserFromCanister(username).then((user) => {\r\n            setIsCheckingICForUser(false);\r\n            auth.setUser(user!);\r\n            history.replace(\"/feed\");\r\n          });\r\n          setIsCheckingICForUser(false);\r\n        } else {\r\n          // Do nothing. Allow the user to create a userId\r\n          setIsCheckingICForUser(false);\r\n        }\r\n      });\r\n    }\r\n  }, [auth.isAuthReady, auth.isAuthenticated, auth.identity]);\r\n\r\n  // Submit the form to signup with a new username, the backend ensures that\r\n  // the username is available.\r\n  async function submit(evt: FormEvent) {\r\n    evt.preventDefault();\r\n    evt.stopPropagation();\r\n    setError(\"\");\r\n\r\n    // Get the username entered from the form.\r\n    const username = usernameInputRef?.current?.value!;\r\n    setIsSigningIn(true);\r\n    // Check to make sure this username has not been taken. If this user already\r\n    // has a username, it should have signed them in already.\r\n    const isAvailable = await checkUsername(username);\r\n\r\n    if (isAvailable) {\r\n      // Create a user on the backend and assign that user to frontend data.\r\n      const user = await createUser(username, auth.identity?.getPrincipal());\r\n      auth.setUser(user);\r\n      setIsSigningIn(false);\r\n      history.push(\"/feed\");\r\n    } else {\r\n      setError(`Username '${username}' is taken`);\r\n      setIsSigningIn(false);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <main id=\"form-container\">\r\n      <LoadingIndicator\r\n        isLoading={isCheckingICForUser}\r\n        loadingMessage=\"Checking to see if we know you yet...\"\r\n      />\r\n      <LoadingIndicator\r\n        isLoading={isSigningIn}\r\n        loadingMessage=\"Signing in...\"\r\n      />\r\n\r\n      <form onSubmit={submit}>\r\n        <img alt=\"cancan logo\" src={logo} style={{ width: \"24.2rem\" }} />\r\n\r\n        <div className=\"username-container\">\r\n          <label htmlFor=\"username\">\r\n            <p>Enter a username to get started:</p>\r\n          </label>\r\n          <input\r\n            ref={usernameInputRef}\r\n            type=\"text\"\r\n            name=\"username\"\r\n            id=\"username\"\r\n            placeholder=\"username\"\r\n          />\r\n          {error !== \"\" && (\r\n            <div hidden={error === undefined} className=\"error\">\r\n              <span className=\"message\">{error}</span>\r\n            </div>\r\n          )}\r\n        </div>\r\n        <button type=\"submit\" id=\"sign-in\" className=\"primary medium\">\r\n          Sign Up!\r\n        </button>\r\n      </form>\r\n    </main>\r\n  );\r\n}\r\n","import React, { useState } from \"react\";\r\n\r\nimport { putAbuseFlagVideo } from \"../utils\";\r\nimport reportIcon from \"../assets/images/icon-report.png\";\r\n\r\n/*\r\n * A component to handle flagging videos for abusive content. Takes care of\r\n * calling the backend canister to flag, and keeps state.\r\n */\r\nexport default function FlagButton({ currentUserId, videoInfo }) {\r\n  // Keep local track of whether video is flagged so we can update the state\r\n  // immediately rather than wait for backend call.\r\n  const [localFlags, setLocalFlags] = useState(\r\n    Number(videoInfo.abuseFlagCount)\r\n  );\r\n  // Keeps track of whether user has already flagged this video.\r\n  const [isActive, setActive] = useState(videoInfo.viewerHasFlagged);\r\n  const handleClick = async () => {\r\n    if (!isActive) {\r\n      setActive(true);\r\n      setLocalFlags(localFlags + 1);\r\n      return putAbuseFlagVideo(currentUserId, videoInfo.videoId, true);\r\n    }\r\n  };\r\n\r\n  const isDisabled = localFlags < 1 || isActive;\r\n\r\n  return (\r\n    <span\r\n      onClick={handleClick}\r\n      style={{\r\n        pointerEvents: isDisabled ? \"none\" : \"all\",\r\n        cursor: isDisabled ? \"pointer\" : \"default\",\r\n      }}\r\n    >\r\n      <img\r\n        className={isActive ? \"active\" : \"\"}\r\n        src={reportIcon}\r\n        alt=\"icon: flag current video\"\r\n      />\r\n      <span>{Number(localFlags)}/10</span>\r\n    </span>\r\n  );\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAuCAYAAAC1ZTBOAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGuSURBVHgB7ZjxTcJAFMYfhf9twwJ1A3SC4gTGBVAWME6gTqATYNmACaQ4gGEDuwEsQPV79pEQ0mivfXdAcr/ky1HaS3957V3u2iGwWq0SNI9IjGTIcxRFOVkG9+UmREbIAEnkOJRL3uAx7ojgfK9/jlzggjXZk0uoLEzyx6VzOFwFRVHcVpyMN5vNNVmQQyLcM6WyMEmdfj1yhFRviEyCIIhN+gbkABF8Qt6pfO+NsFpJkTtHJlTz0VZhrZIieI98UgtBRr2SkAtl0G2ntNaoSLIYmgFGLcuNut1uSIoYSUKGJ9yBHJ7J71jaEKOWbGBayRdq+X41wckU1BYvqYWX1MJLauEltTgJSWcrcwN4X5VziwXLB/9xDJIsNUMWSFa1Sz2kZIZV0wzVmv63Kz2E5BcyhlhWt4NrSd7G3pju511KvkLugRrgYgriHdldU0HGtmSKXEIwpRbYeNw8v00xclPILUkBDcnfyRdiC55S8HvZ7/dVP3QZSaIyQ9m+bresa1tf3nYxrqRIWRfbxa+CtPCSWnhJLbykFl5SCy+pRQ/Lqwzt9/4JfJzP6Uj4AQ2rfIRPbkwuAAAAAElFTkSuQmCC\"","import React from \"react\";\r\nimport iconSuperLike from \"../assets/images/icon-superlike.png\";\r\n\r\nexport default function SuperLikeButton({\r\n  handleSuperLike,\r\n  isSuperLiked,\r\n  disabled,\r\n}) {\r\n  return (\r\n    <span\r\n      style={{\r\n        pointerEvents: disabled ? \"none\" : \"all\",\r\n        cursor: disabled ? \"pointer\" : \"default\",\r\n      }}\r\n      onClick={handleSuperLike}\r\n      data-test-id=\"superlike\"\r\n    >\r\n      <img\r\n        src={iconSuperLike}\r\n        className={isSuperLiked ? \"active\" : \"default\"}\r\n        alt=\"SuperLike\"\r\n      />\r\n    </span>\r\n  );\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAwCAYAAABwrHhvAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI2SURBVHgBvZjhVcIwFIVfi/xFmMCwCWzgBsgEuoFlAnECygSOABvoBsb/cKwDAN5Ao6U0TV4a+p3TU0ti3817uQmBKBCbzeb++8Qb5/8iCgCCCtxWuNSdBoOB83tjCsNCBwcfxKCxAIz+GbeRfj4cDl/EoJGAPPVJ8TMIaCcDCN6nU93P6Ha778TAW8B+v5/Tf93/2O12P8TASwAs9xDH8cTQzCoB24Z53VWa+xXNGSw4IAY+GVgZgitYo2cLyC0nTO1wAKv+LAEIPqKS5SoEXCcDed0Xtn5cCzoLgOUSqkm9BhZkrYKKG1sHjP4Rtwm5IYlJZAkuyGy5MmwLKmwlqLNcGfYErBVgs1wZHwsaBbhYrkJAmAy4Wu7iRXF8Rx5cTMLtdpvWbDQ21oy+Ga7lmYDccnNqjywqBBe4fVK7pEUBKrig9pC4xjd5cJblQtDpdJJerycjdaDAA+swEYA1Fs2x+iNG8BdqFzX7p/pBrQOuS20oXjF6qR8iNfux3T7B+7fu7zgeRATxkQg+LH7gfTaE8BUVTkSODIujVzQ5GWXM/rNy8KYCOHNHpT6pamhLwNjU0IaAytSHECAc+kiybG6hfqAwMcXos+AC8p3TRorga1sn3wwIS7vENSMHrOcCH/RO59LXKwM4AYma5hTBl+SIl4AoikwWlOSYeo1vCSoFcFKvCTkJWalvJKBi61ZeZ6W+kQC6LEHtcnttAer7nfdZIsQcmFIDvATgK5yabMe6+6Ze8wtslMICjlbF3AAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGJSURBVHgB7ZhBTgIxFIb/dsZolMXcgJoYE1eMJ3BuIDfQI7Aj0YW4cOVGj8AN8AZ4AsaViS4oN2CBaERaXw0kZIQ8TAiyeF8yycx02n7t67ykVS/m0mOD0NgwRIhDhDhEiEOEOESIQ4Q4RIhDhDhEiEOEOESIQ9Om7NrDW/w//eCipk/P5uI8hj4luSrWSxtQrTcMmsf2rq+KpR1TS3ZRykBiVFihVylWSIiGgmqP4R8/MGwFidlyRVvpLi2kxoG9ac5rIAjuYC+NoCoObj+CLlOjCV2GGk7ok6RQhabe00hVuGy4p25yCkdviEG7KDDl1dQzj/hKzeztLX6m7/P+0N7mWANdUzdfiM48VA2TgakFhw02yHm4B4ft/Mg2LFZAxzSSEt7TMaKqhjrBnOWgljz9CNOcO/gnDd31GPc0HIXG9begf4VgBEchjSmkPnHQKa3FcuicQmi4jmIsR5jOjEaVhWWpKH35SQobLagw/Vv+mugkU3OIEIcIcYgQhwhxiBCHCHGIEMc3gOd6wqFIQH4AAAAASUVORK5CYII=\"","import React, { useEffect, useState, useRef } from \"react\";\r\nimport debounce from \"lodash.debounce\";\r\n\r\nimport { putRewardTransfer } from \"../utils\";\r\nimport tipIcon from \"../assets/images/icon-tip-active.png\";\r\nimport \"./TippingButton.scss\";\r\n\r\nconst DEFAULT_TIPPING_AMOUNT = 1;\r\n\r\nexport default function TippingButton({\r\n  senderId,\r\n  currentRewardPoints,\r\n  recipientId,\r\n  onRefreshUser,\r\n}) {\r\n  const [isDisabled, setDisabled] = useState(false);\r\n  const [activeAnimations, setActiveAnimations] = useState<number[] | []>([]);\r\n  const [animationId, setAnimationId] = useState(0);\r\n  const [localRewardPoints, setRewardPoints] = useState(currentRewardPoints);\r\n  const [tippingPoints, setTippingPoints] = useState(1);\r\n\r\n  // The save tipping function gets debounced so it collects tips from the last\r\n  // 5 seconds and applies them all at once. If the amount of tips is over a\r\n  // certain threshold, show the user a confirmation.\r\n  const saveTipping = async (localTippingPoints) => {\r\n    setTippingPoints(1);\r\n    await putRewardTransfer(senderId, recipientId, BigInt(localTippingPoints));\r\n    onRefreshUser();\r\n  };\r\n  const saveTippingDebounced = useRef(debounce(saveTipping, 3000));\r\n\r\n  // On click store the accumulated tipping points for multiple clicks and call\r\n  // the debounced tip saving function to save on the backend\r\n  const handleClick = async (ev) => {\r\n    ev.preventDefault();\r\n    if (isDisabled) return;\r\n    setRewardPoints(localRewardPoints - DEFAULT_TIPPING_AMOUNT);\r\n    setTippingPoints(tippingPoints + DEFAULT_TIPPING_AMOUNT);\r\n    saveTippingDebounced.current(tippingPoints);\r\n    setAnimationId((prevId) => prevId + 1);\r\n    const currentId = animationId;\r\n    setActiveAnimations((prev) => [...prev, currentId]);\r\n    setTimeout(() => {\r\n      setActiveAnimations((prev) => prev.filter((id) => id !== currentId));\r\n    }, 4000);\r\n  };\r\n\r\n  useEffect(() => {\r\n    setRewardPoints(currentRewardPoints);\r\n    if (currentRewardPoints < DEFAULT_TIPPING_AMOUNT) {\r\n      setDisabled(true);\r\n    }\r\n  }, [currentRewardPoints]);\r\n\r\n  useEffect(() => {\r\n    if (senderId === recipientId) setDisabled(true);\r\n  }, []);\r\n\r\n  return (\r\n    <span\r\n      className=\"TippingButton\"\r\n      onClick={handleClick}\r\n      style={{\r\n        pointerEvents: isDisabled ? \"none\" : \"all\",\r\n        cursor: isDisabled ? \"default\" : \"pointer\",\r\n        opacity: isDisabled ? 0.5 : 1,\r\n      }}\r\n    >\r\n      <img\r\n        src={tipIcon}\r\n        className={activeAnimations.length > 0 ? \"active\" : \"default\"}\r\n        alt=\"icon: video reward points\"\r\n      />\r\n      <span>{localRewardPoints}</span>\r\n      <div className=\"TippingEffect\">\r\n        {activeAnimations.map((id) => (\r\n          <div\r\n            className=\"TippingEnvelopeOuter\"\r\n            key={id}\r\n            style={{\r\n              left: `${((id * 1.5) % 20) - 10}px`,\r\n              top: `${((id * 1.5) % 20) + 70}px`,\r\n            }}\r\n          >\r\n            <img className=\"TippingEnvelope\" src={tipIcon} alt=\"tips\" />\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </span>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { textToColor } from \"../utils\";\r\n\r\nexport function ProfilePic({ name, profilePic }) {\r\n  const profileColor = textToColor(name);\r\n\r\n  return (\r\n    <div className=\"profile-pic\">\r\n      {profilePic ? (\r\n        <img alt={name} src={`${profilePic}`} />\r\n      ) : (\r\n        <div\r\n          className=\"placeholder-profile-pic\"\r\n          style={{ backgroundColor: profileColor }}\r\n          title={name}\r\n        >\r\n          <span className=\"left-eye\" />\r\n          <span className=\"right-eye\" />\r\n          <span className=\"smile\" />\r\n          <span className=\"mouth\" />\r\n          <span className=\"tongue\" />\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport Lottie from \"react-lottie-player\";\r\n\r\ninterface LottieAnimationProps {\r\n  animation: any;\r\n  height?: number;\r\n}\r\n\r\n/*\r\n * Wrapper for animations exported from AfterEffects.\r\n */\r\nexport default function LottieAnimation({\r\n  animation,\r\n  height,\r\n}: LottieAnimationProps) {\r\n  return <Lottie animationData={animation} style={{ height }} play />;\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport LottieAnimation from \"./LottieAnimation\";\r\nimport SuperLikeAnim from \"../assets/animations/Superlike-single.json\";\r\nimport SuperLikeAnimIcon from \"../assets/animations/Superlike-icon.json\";\r\nimport \"./SuperLikeEffect.scss\";\r\n\r\n/*\r\n * This uses the wrapped Lottie animation component to display the effect\r\n */\r\nexport function SuperLikeEffect({ isActive = false }) {\r\n  const [mainAnimActive, setMainAnimActive] = useState(isActive);\r\n  const [secondAnimActive, setSecondAnimActive] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const timeoutMain = setTimeout(() => {\r\n      setMainAnimActive(false);\r\n      if (isActive) {\r\n        setSecondAnimActive(true);\r\n      }\r\n    }, 1000);\r\n    const timeoutSecondary = setTimeout(() => {\r\n      setSecondAnimActive(false);\r\n    }, 1500);\r\n\r\n    if (isActive) {\r\n      setMainAnimActive(true);\r\n    }\r\n\r\n    return () => {\r\n      clearTimeout(timeoutMain);\r\n      clearTimeout(timeoutSecondary);\r\n    };\r\n  }, [isActive]);\r\n\r\n  const iconPositionInAnimation = 766;\r\n  let animationPosition = {\r\n    x: -175,\r\n    y: window.innerHeight / 2 - iconPositionInAnimation / 2,\r\n  };\r\n  if (secondAnimActive) {\r\n    animationPosition = {\r\n      x: 0,\r\n      y: window.innerHeight - iconPositionInAnimation,\r\n    };\r\n  }\r\n\r\n  const animationStyling = {\r\n    transform: `translate(${animationPosition.x}px, ${animationPosition.y}px)`,\r\n  };\r\n\r\n  return (\r\n    <div id=\"superLikeEffectContainer\">\r\n      {mainAnimActive && (\r\n        <LottieAnimation height={876} animation={SuperLikeAnim} />\r\n      )}\r\n      <div className=\"superLikeSecondAnimation\" style={animationStyling}>\r\n        {secondAnimActive && (\r\n          <LottieAnimation height={876} animation={SuperLikeAnimIcon} />\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ6SURBVHgB1ZnRkdowEIZ/ieE5ZmjAVJDrIFBBchUAFeSo4K4EroKQCphUcHRwdBDnHQa/M0B2HckRPtsnWzJnfzMag21WP+tdaSULWHA4HAI6jKkF6lRMbTsYDCLUwMWeKLu42+1mvV5vqoznsaG2oo5+wk7omA6PLvZEgeGQDj9KDGdZUVtQR3GBvUDZ+wY7ImqTPI+LHON3dHjB/8dly1Z1EuOtWLZ3h2rEyt7WPCkzxkPUEwslaJ09eT6fl6guFkrDi3JgSirY8EQdsZox2ZnqL5wDUsop6sNa1kpbgulhToYQ7jzpD5Swj3AnpKf0oL8kMaxC4Tf8MTmdTgEJXsMPHM8jzo/Ew/QPZvDLVAhhOyLYEGgvJ4Ipzr7CL2Oy+Rke0RpFA+HQJANJsVZnyPkQKCe+SIq1EB3heDyOOIZdxt1bE7LgEB2BEu+TRMdgwRE6Ao3Ff+TlconQEfr9/qtQhcUB3WAkVf26QftJllC6lviFlkOTBtfVabXGYcHTc1vH5Ii8O+IPiYc5LMjLz2gv6aI0XdMpL7+ifRNJ6l0mnThU8s3RPq40Xc10JHrTstB4Zk3mibxlft1luW+uQkHzppZQoXGPj52yI2qTvAuFW1UOGyqu5G6gaAqrNfWDBW7PokgsU7oZyJCnZ/i3L3YL5iR2VXbDu4KZG4l+VyxjJZhpWLSVWMZaMNNAIpYmWB6VBDPGDmcINyIU7AGXUXlNpzrgMdLaKznoveQIFansYZP9fr+klex3VIOn2wfUxGnVPBwOuWMeq2OL25PiykUs4+RhjUVccwjc133r1Bgk/InaJdOW8IgXD5sY3mbm2fKwtZjvJXzyFzRi91VMwTQuAAAAAElFTkSuQmCC\"","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport FlagButton from \"./FlagButton\";\r\nimport SuperLikeButton from \"./SuperLikeButton\";\r\nimport TippingButton from \"./TippingButton\";\r\nimport { ProfilePic } from \"./ProfilePic\";\r\nimport { SuperLikeEffect } from \"./SuperLikeEffect\";\r\nimport { getVideoChunks, getProfilePic, like, superLike } from \"../utils\";\r\nimport likeIcon from \"../assets/images/icon-like.png\";\r\nimport commentIcon from \"../assets/images/icon-comment.png\";\r\nimport shareIcon from \"../assets/images/icon-share.png\";\r\nimport \"./Video.scss\";\r\nimport mime from 'mime-types';\r\n\r\n// The amount of flags a video needs before we blur it out on frontend\r\nconst VIDEO_BLUR_MIN = 1;\r\n\r\ninterface VideoProps {\r\n  videoInfo: any;\r\n  userId: string;\r\n  userRewardPoints: number;\r\n  onRefreshUser?: any;\r\n  isPreview?: boolean;\r\n  onClose?: () => void;\r\n  videoHash?: string|null;\r\n}\r\n\r\n// Wrapper to allow us to use the same video component for single previews from\r\n// Profile and Discover, and for all videos in the Feed\r\nexport function Video(props: VideoProps) {\r\n  const {\r\n    isPreview = false,\r\n    userId,\r\n    userRewardPoints,\r\n    onRefreshUser,\r\n    videoInfo,\r\n    videoHash,\r\n    onClose = () => {},\r\n  } = props;\r\n  return isPreview ? (\r\n    <div className=\"preview-container\">\r\n      <VideoBase\r\n        isPreview\r\n        userId={userId}\r\n        userRewardPoints={userRewardPoints}\r\n        videoInfo={videoInfo}\r\n        onClose={onClose}\r\n        videoHash={videoHash}\r\n      />\r\n    </div>\r\n  ) : (\r\n    <VideoBase\r\n      userId={userId}\r\n      userRewardPoints={userRewardPoints}\r\n      onRefreshUser={onRefreshUser}\r\n      videoInfo={videoInfo}\r\n      onClose={onClose}\r\n      videoHash={videoHash}\r\n    />\r\n  );\r\n}\r\n\r\nfunction VideoBase(props: VideoProps) {\r\n  const {\r\n    videoInfo,\r\n    userId,\r\n    userRewardPoints = 0,\r\n    isPreview = false,\r\n    onRefreshUser = () => {},\r\n    onClose = () => {},\r\n    videoHash = null,\r\n  } = props;\r\n  const [play, setPlay] = useState(false);\r\n  const [fileType, setFileType] = useState<string>();\r\n  const [videoSourceURL, setVideoSourceURL] = useState<string>();\r\n  const [userPic, setUserPic] = useState<string>();\r\n  const [userLikes, setUserLikes] = useState(videoInfo.likes.includes(userId));\r\n  const [isSuperLiked, setIsSuperLiked] = useState(\r\n    videoInfo.superLikes.includes(userId)\r\n  );\r\n\r\n  const videoIsFlagged = videoInfo.abuseFlagCount >= VIDEO_BLUR_MIN;\r\n\r\n  const videoRef = useRef<HTMLVideoElement>(null);\r\n\r\n  const handlePlayClick = function () {\r\n    if(fileType==='video'){\r\n      setPlay(!play);\r\n    }\r\n  };\r\n\r\n  // Load video and uploader profilePic on first mount.\r\n  useEffect(() => {\r\n    if (!videoInfo) {\r\n      return;\r\n    }\r\n    getVideoChunks(videoInfo, videoHash?[videoHash]:[]).then((blobURL) => {\r\n      console.log(blobURL);\r\n      let mimeType = mime.lookup(videoInfo?.name);\r\n      if(mimeType){\r\n        const fileType_t = mimeType.split('/')[0];\r\n        if(fileType_t){\r\n          setFileType(fileType_t);\r\n        }\r\n      }\r\n      setVideoSourceURL(blobURL);\r\n      //setPlay(true);\r\n    });\r\n\r\n    return () => {\r\n      //videoRef.current?.pause();\r\n    }\r\n  }, [videoInfo?.videoId]);\r\n\r\n  useEffect(()=>{\r\n    return () => {\r\n      if(videoSourceURL){\r\n        URL.revokeObjectURL(videoSourceURL);\r\n      }\r\n    }\r\n  }, [videoSourceURL])\r\n\r\n  // Only play video if it has not been flagged/reported\r\n  useEffect(() => {\r\n    if (!videoIsFlagged) {\r\n      play ? videoRef.current?.play() : videoRef.current?.pause();\r\n    }\r\n  }, [play]);\r\n\r\n  function handleLike() {\r\n    like(userId, videoInfo.videoId, !userLikes);\r\n    setUserLikes((state) => !state);\r\n  }\r\n\r\n  function handleSuperLike() {\r\n    if (!isSuperLiked) {\r\n      setIsSuperLiked(true);\r\n      superLike(userId, videoInfo.videoId, true);\r\n    }\r\n  }\r\n\r\n  const isCurrentUser = userId === videoInfo.userId;\r\n  const videoBlurStyle = videoIsFlagged ? { filter: \"blur(20px)\" } : {};\r\n\r\n  return (\r\n    <div className=\"video-container\">\r\n      <SuperLikeEffect isActive={isSuperLiked} />\r\n      {isPreview && (\r\n        <button\r\n          onClick={onClose}\r\n          className=\"close-preview\"\r\n          aria-label=\"close preview\"\r\n        />\r\n      )}\r\n      {(fileType==='video') ? (\r\n        <video\r\n          onClick={handlePlayClick}\r\n          ref={videoRef}\r\n          src={videoSourceURL}\r\n          loop={true}\r\n          muted={true}\r\n          autoPlay={false}\r\n          style={videoBlurStyle}\r\n        />\r\n        ) : (\r\n          <img\r\n            alt=\"\"\r\n            src={videoSourceURL}\r\n            style={videoBlurStyle}\r\n          />\r\n        )\r\n      }\r\n      <div className=\"user-details\">\r\n        <ProfilePic name={videoInfo.userId} profilePic={userPic} />\r\n        <div style={{ position: \"relative\" }}>\r\n          <div className=\"uploader-info\">\r\n            <span className=\"userId\">\r\n              <Link\r\n                to={\r\n                  isCurrentUser ? `/profile` : `/profiles/${videoInfo.userId}`\r\n                }\r\n              >\r\n                @{videoInfo.userId}\r\n              </Link>\r\n            </span>\r\n            <p className=\"caption\">{videoInfo.caption}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Side controls for user interaction with the video. */}\r\n      <div className=\"feed-controls\">\r\n        <div className=\"feed-control\" id=\"superlikeButton\">\r\n          <SuperLikeButton\r\n            disabled={videoInfo.userId === userId}\r\n            handleSuperLike={handleSuperLike}\r\n            isSuperLiked={isSuperLiked}\r\n          />\r\n          <span>\r\n            {/*currentUser?.remainingSuperlikes ||*/ 0}/\r\n            {/*currentUser?.totalSuperlikes ||*/ 10}\r\n          </span>\r\n        </div>\r\n        <div className=\"feed-control\">\r\n          <TippingButton\r\n            senderId={userId}\r\n            currentRewardPoints={userRewardPoints}\r\n            recipientId={videoInfo.userId}\r\n            onRefreshUser={onRefreshUser}\r\n          />\r\n        </div>\r\n        <div className=\"feed-control\">\r\n          <img\r\n            onClick={handleLike}\r\n            className={userLikes ? \"active\" : \"\"}\r\n            style={{ display: \"inline\" }}\r\n            src={likeIcon}\r\n            alt=\"like toggle button\"\r\n          />\r\n          <span>\r\n            {videoInfo.likes.length +\r\n              // if they are toggling on and off, only subtract if they are\r\n              // already a liker it and only add if they are not already a liker\r\n              (userLikes\r\n                ? videoInfo.likes.includes(userId)\r\n                  ? 0\r\n                  : 1\r\n                : videoInfo.likes.includes(userId)\r\n                ? -1\r\n                : 0)}\r\n          </span>\r\n        </div>\r\n        <div className=\"feed-control disabled\">\r\n          <img\r\n            src={commentIcon}\r\n            className={\r\n              videoInfo.comments?.some((comment) => comment.userId === userId)\r\n                ? \"active\"\r\n                : \"\"\r\n            }\r\n            alt=\"icon: comment on current video\"\r\n          />\r\n          <span>{videoInfo.comments?.length ?? 0}</span>\r\n        </div>\r\n        <div className=\"feed-control disabled\">\r\n          <img\r\n            src={shareIcon}\r\n            className={videoInfo.shares?.includes(userId) ? \"active\" : \"\"}\r\n            alt=\"icon: share current video\"\r\n          />\r\n          <span>{videoInfo.shares?.length ?? 0}</span>\r\n        </div>\r\n        <div className=\"feed-control\">\r\n          <FlagButton currentUserId={userId} videoInfo={videoInfo} />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF1SURBVHgB7ZjhTYNAGIa/A36jhAVwAtsJpBMYJ7AbSDfQDXCDdgJHsBvICGyA/gfq+ykYQpB89kDuxz3Jl0u5S/v07r2QO0UNRVFconlAbVERLUPW1FMQBDk/UPQtt0LzsqBYnxx1B8lMQS7Ch1cyR64lR62duq4fyTw5JoJb4oBrMhS43fMSn8hgHDIcK6iLFdTFCupiBXWxgrpYQV2soC5WUBcWfCeDYcGMzOXIggcyFNd19w4Ox3sc70yUTH3fP3xtkjAMt5B8puU5NZVi4nb8QHV7+ZYBZ9Hbsiyv0F4MfEFM8kN+e88iEsMEfXiel/NqQu5n4yr6A/gDb2hWgqEcmaT7Q+ciFmxuvwrB0B3EUpoITzqwqqoYu2psCM8W30gdaULEbxKlVDzSzVlbTy3HiAWxaW5+6eK8bdoLx6kRZXAkf5PmbQhRBgfyN0vehhAtcS9/s+VtCJFgJ3+z5u0sOH98yYlKaAEkGeQ3x+a/lrTPJ8JMcLF1VdmaAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkCAYAAADPRbkKAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIgSURBVHgB1ZjtUcJAEIZfA78ZGRo4K5ASQgViBUIFQgVgBWAFYAXSAbEC6MD4HwYKYNBdcsFAvj/IXZ6ZnQlJuLzv3t1uJoBidrvdiOIeGTGgHpNimdWEDgaYNhwTAinRxQCTyYROBhiBlCZ0M8AIpDChowFGIKEJXQ0wgmJFJtpRN9WhAFkyBZyNG1U++RrPRKfZbK6DbrjDjZEZbB+Px7ZhGI+IFx3EnqJPJhbXFwo3INftE0UX2cSGUqvVeo1G48N7rhADckm8wBFt4obQTA5brdbU/Z3LgBT+SjFAgZlOwJiW0xsfZDKgULiXk4nUBjabTZfW4gzqhHsZp+oDlPkJif+EHuKZu0QzICsLZ92EPnBZnccakOKXcBqPLpzE80GkAQ3F+xpaqIGU4nngBdXoH+q2Nh2v5TkX4R5wNz4cDg+yKwskTw6P53uliDKwgtNJw7AovijmNKiNjNBzOElmzG2B4pl6yKATBIvngd6RU3RKbDji7aCLPgNU53twGtQ1Fpz1Z6M8bESIZ3wGqM6PAu4b0iBTlIuNGPHMhQGZfeE5xUvmmQaxUC42EohnLjrxVfZVieeN2km6VM8zQBvXxH/2Q3f9jXHF75P+wTsD3uz3FYi3kFL8GW5aFL8yxigR7gMUc+Rhu91OpfgZSoae2UNeZBa+s3ybVI5n+QxQRbj2y/eeSmJQ7edPIENUFdrA1Vw6EnotN8qu94XyB8pr8BdIgJLiAAAAAElFTkSuQmCC\"","import React, { useEffect, useState } from \"react\";\r\nimport { getFeedVideos } from \"../utils\";\r\nimport { Video } from \"../components/Video\";\r\nimport { LoadingIndicator } from \"../components/LoadingIndicator\";\r\nimport { ProfileInfoPlus, VideoInfo } from \"../utils/canister/typings\";\r\n\r\n/*\r\n * Nothing fancy here, either!\r\n */\r\nexport function Feed({\r\n  profileInfo,\r\n  onRefreshUser,\r\n}: {\r\n  profileInfo?: ProfileInfoPlus;\r\n  onRefreshUser: any;\r\n}) {\r\n  const [feed, setFeed] = useState<VideoInfo[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (profileInfo && profileInfo.userName) {\r\n      setIsLoading(true);\r\n      getFeedVideos(profileInfo.userName)\r\n        .then((videos) => {\r\n          setFeed(videos);\r\n          setIsLoading(false);\r\n        })\r\n        .catch((e) => {\r\n          console.error(e);\r\n          setIsLoading(false);\r\n        });\r\n    }\r\n  }, [profileInfo?.userName]);\r\n\r\n  return (\r\n    <main>\r\n      <LoadingIndicator\r\n        loadingMessage=\"Loading videos...\"\r\n        completedMessage=\"Videos loaded\"\r\n        isLoading={isLoading}\r\n      />\r\n      <div className=\"feed\">\r\n        {profileInfo &&\r\n          feed.map((v) => (\r\n            <Video\r\n              key={v.videoId}\r\n              videoInfo={v}\r\n              userId={profileInfo.userName}\r\n              userRewardPoints={Number(profileInfo.rewards.toString())}\r\n              onRefreshUser={onRefreshUser}\r\n            />\r\n          ))}\r\n      </div>\r\n    </main>\r\n  );\r\n}\r\n","import React, { PropsWithRef, useEffect, useRef, useState } from \"react\";\r\nimport debounce from \"lodash.debounce\";\r\nimport { ProfileInfoPlus, VideoInfo } from \"../utils/canister/typings\";\r\nimport { SearchVideoItem } from \"../components/SearchVideoItem\";\r\nimport { Video } from \"../components/Video\";\r\nimport { getSearchVideos } from \"../utils\";\r\nimport { LoadingIndicator } from \"../components/LoadingIndicator\";\r\nimport \"./Discover.scss\";\r\n\r\ninterface DiscoverProps {\r\n  profileInfo?: ProfileInfoPlus;\r\n}\r\n\r\n/*\r\n * Allows searching for and viewing videos. Nothing especially fancy here, just\r\n * the typical debounced input fetching data on change.\r\n */\r\nexport function Discover(props: PropsWithRef<DiscoverProps>) {\r\n  const { profileInfo } = props;\r\n\r\n  const [videos, setVideos] = useState<VideoInfo[]>([]);\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n  const [videoPreview, setVideoPreview] = useState<VideoInfo>();\r\n  const [isLoading, setLoading] = useState(false);\r\n\r\n  function handleChange(val: string) {\r\n    setSearchTerm(val);\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (profileInfo) {\r\n      setLoading(true);\r\n      getSearchVideos(profileInfo.userName, searchTerm.split(/\\W+/), [10]).then(\r\n        (searchedVideos) => {\r\n          setVideos(searchedVideos);\r\n          setLoading(false);\r\n        }\r\n      );\r\n    }\r\n  }, [searchTerm, profileInfo]);\r\n\r\n  const searchRef = useRef<HTMLInputElement>(null);\r\n  const debouncedChangeHandler = debounce(function () {\r\n    handleChange(searchRef?.current?.value || \"\");\r\n  }, 300);\r\n\r\n  function handleClick(clickedVideo: VideoInfo) {\r\n    setVideoPreview(clickedVideo);\r\n  }\r\n\r\n  return (\r\n    <main id=\"discover\">\r\n      <LoadingIndicator\r\n        loadingMessage=\"Loading videos...\"\r\n        isLoading={isLoading}\r\n      />\r\n      {videoPreview && profileInfo !== undefined && (\r\n        <Video\r\n          userId={profileInfo.userName}\r\n          userRewardPoints={Number(profileInfo.rewards.toString())}\r\n          videoInfo={videoPreview}\r\n          isPreview={true}\r\n          onClose={() => setVideoPreview(undefined)}\r\n          key={videoPreview.videoId}\r\n        />\r\n      )}\r\n\r\n      <div className=\"search-container\">\r\n        <label hidden htmlFor=\"search\">\r\n          Search\r\n        </label>\r\n        <span className=\"search-icon\" />\r\n        <input\r\n          onChange={debouncedChangeHandler}\r\n          ref={searchRef}\r\n          type=\"text\"\r\n          name=\"search\"\r\n          id=\"search\"\r\n          placeholder=\"Search\"\r\n        />\r\n      </div>\r\n      <div className=\"featured-container\">\r\n        {searchTerm ? (\r\n          <section className=\"video-list search\">\r\n            {videos.length > 0 &&\r\n              videos.map((v) => (\r\n                <SearchVideoItem\r\n                  key={v.videoId + \"-search\"}\r\n                  onClick={handleClick}\r\n                  video={v}\r\n                />\r\n              ))}\r\n          </section>\r\n        ) : (\r\n          <>\r\n            <section className=\"new-uploads\">\r\n              <span className=\"post-text\">New for you</span>\r\n              <div className=\"video-list\">\r\n                {videos.length > 0 &&\r\n                  videos.map((v) => (\r\n                    <SearchVideoItem\r\n                      key={v.videoId + \"-newUploads\"}\r\n                      onClick={handleClick}\r\n                      video={v}\r\n                    />\r\n                  ))}\r\n              </div>\r\n            </section>\r\n            <section className=\"viral\">\r\n              <span className=\"post-text\">Trending</span>\r\n              <div className=\"video-list\">\r\n                {videos.length > 0 &&\r\n                  videos.map((v) => (\r\n                    <SearchVideoItem\r\n                      key={v.videoId + \"-viral\"}\r\n                      onClick={handleClick}\r\n                      video={v}\r\n                    />\r\n                  ))}\r\n              </div>\r\n            </section>\r\n          </>\r\n        )}\r\n      </div>\r\n    </main>\r\n  );\r\n}\r\n","import React, { ChangeEvent, useEffect, useRef, useState } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { ProfileInfoPlus } from \"../utils/canister/typings\";\r\nimport { useUploadVideo } from \"../utils\";\r\nimport { LoadingIndicator } from \"./LoadingIndicator\";\r\nimport \"./Upload.scss\";\r\n\r\n/*\r\n * Allows selection of a file followed by the option to add a caption before\r\n * uploading to the canister. Utility functions assist in the data translation.\r\n */\r\nexport function Upload({\r\n  user,\r\n  onUpload,\r\n}: {\r\n  user?: ProfileInfoPlus;\r\n  onUpload: () => void;\r\n}) {\r\n  const history = useHistory();\r\n  const [videoFile, setVideoFile] = useState<File>();\r\n  const [videoPreviewURL, setVideoPreviewURL] = useState(\"\");\r\n  const [uploading, setUploading] = useState(false);\r\n  const [uploadingClean, setUploadingClean] = useState(true);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\r\n  const videoUploadController = useUploadVideo({\r\n    userId: user?.userName || \"\",\r\n  });\r\n\r\n  useEffect(() => {\r\n    inputRef.current?.click();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (uploading && uploadingClean) {\r\n      setUploadingClean(false);\r\n    }\r\n  }, [uploading]);\r\n\r\n  useEffect(() => {\r\n    if (videoFile) {\r\n      // Create video preview so the user can see what they've selected\r\n      videoFile.arrayBuffer().then((buffer) => {\r\n        const videoBlob = new Blob([buffer], {\r\n          type: \"video/mp4\",\r\n        });\r\n        const vidURL = URL.createObjectURL(videoBlob);\r\n        setVideoPreviewURL(vidURL);\r\n      });\r\n    }\r\n  }, [videoFile]);\r\n\r\n  function onChange(evt: ChangeEvent<HTMLInputElement>) {\r\n    const { files } = evt.target;\r\n    if (files && files.length === 1 && files.item(0)) {\r\n      const file = files[0];\r\n      setVideoFile(file);\r\n    }\r\n  }\r\n\r\n  // Wraps and triggers several functions in the videoUploadController to\r\n  // generate a videoId and begin uploading.\r\n  function upload() {\r\n    const caption = textAreaRef.current?.value;\r\n    if (!videoFile || !caption) {\r\n      return;\r\n    }\r\n    videoUploadController.setFile(videoFile);\r\n    videoUploadController.setCaption(caption);\r\n    videoUploadController.setReady(true);\r\n    setUploading(true);\r\n  }\r\n\r\n  // On upload success, wait 2 seconds and then redirect to /feed\r\n  useEffect(() => {\r\n    if (videoUploadController.completedVideo !== undefined) {\r\n      setUploading(false);\r\n      onUpload();\r\n      setTimeout(() => {\r\n        history.push(\"/feed\");\r\n      }, 2000);\r\n    }\r\n  }, [videoUploadController.completedVideo]);\r\n\r\n  return (\r\n    <main\r\n      id=\"video-upload-container\"\r\n      style={{\r\n        height: \"100%\",\r\n        width: \"100%\",\r\n      }}\r\n    >\r\n      <LoadingIndicator\r\n        loadingMessage=\"Uploading...\"\r\n        completedMessage=\"Uploaded!\"\r\n        isLoading={uploading && !uploadingClean}\r\n      />\r\n      <input\r\n        hidden\r\n        id=\"video-upload\"\r\n        type=\"file\"\r\n        ref={inputRef}\r\n        accept=\".mp4\"\r\n        onChange={onChange}\r\n      />\r\n      {videoFile && (\r\n        <div className=\"video-add-details\">\r\n          <video src={videoPreviewURL} muted autoPlay loop />\r\n          <div className=\"details-entry\">\r\n            <textarea\r\n              className=\"caption-content\"\r\n              ref={textAreaRef}\r\n              placeholder=\"Add caption\"\r\n              rows={6}\r\n            />\r\n            <button className=\"medium primary\" onClick={upload}>\r\n              Post\r\n            </button>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </main>\r\n  );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/rewards-view.caffbbcc.png\";","import React from \"react\";\r\nimport rewardsView from \"../assets/images/rewards-view.png\";\r\n\r\n/*\r\n * Stand-in for eventual Rewards View\r\n */\r\nexport function Rewards() {\r\n  return (\r\n    <img\r\n      style={{ position: \"absolute\", height: \"100%\", width: \"100%\" }}\r\n      src={rewardsView}\r\n      alt=\"Rewards view\"\r\n    />\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport \"./FollowButton.scss\";\r\n\r\nexport function FollowButton({ isFollowing, handleFollow }) {\r\n  return (\r\n    <button\r\n      className={`follow-button${!isFollowing ? \" primary\" : \"\"}`}\r\n      onClick={handleFollow}\r\n    >\r\n      {isFollowing ? \"Unfollow\" : \"Follow\"}\r\n    </button>\r\n  );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ProfilePic } from \"./ProfilePic\";\r\nimport { FollowButton } from \"./FollowButton\";\r\nimport \"./FollowUserRow.scss\";\r\n\r\n/*\r\n * A single instance of a row in the Followers/Following Profile views. Displays\r\n * the user's profile picture and username as a link to their profile, along\r\n * with a button to follow/unfollow that user.\r\n */\r\nexport function FollowUserRow({\r\n  userName,\r\n  handleFollow = () => {},\r\n  following = false,\r\n  disableFollow = false,\r\n}: {\r\n  userName: string;\r\n  handleFollow?: (userName: string, willFollow: boolean) => void;\r\n  following?: boolean;\r\n  disableFollow?: boolean;\r\n}) {\r\n  const [isFollowing, setIsFollowing] = useState(following);\r\n\r\n  // Instead of waiting for the return from the canister update call, we\r\n  // optimistically update the UI\r\n  function handleFollowClick(event) {\r\n    event.preventDefault();\r\n    setIsFollowing((state) => !state);\r\n    handleFollow(userName, !isFollowing);\r\n  }\r\n\r\n  return (\r\n    <Link to={disableFollow ? \"/profile\" : `/profiles/${userName}`}>\r\n      <div className=\"follow-row\">\r\n        <ProfilePic profilePic=\"\" name={userName} />\r\n        <span className=\"username\">{userName}</span>\r\n        {disableFollow ? (\r\n          <div />\r\n        ) : (\r\n          <FollowButton\r\n            isFollowing={isFollowing}\r\n            handleFollow={handleFollowClick}\r\n          />\r\n        )}\r\n      </div>\r\n    </Link>\r\n  );\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADOSURBVHgB7dvBDcIwEETREY3jDkIHcYWkhMW75AbElhASWf8nuYD5SU5WJADA/zOzazvbfhbNpA1e7VXRDD6Md5uyOxifP0BnvLspq4HxVVkxnvGMZzzjGc/4qqwYz3jGM57xjGd8VVaMZ/yc45dpxzt73taccvxFv2fKrj3l0vkEVmXnrzoRiECEQAQRIRBBRAhEEBECEUSEQAQRIRBBRAhEEBECEUSEMBKhHaU2EKEou06E/P8LuIMIcwRw9v7ecbr/hvz+8b6fIgDA9x59me4RNVbpiAAAAABJRU5ErkJggg==\"","import React, { useEffect, useState } from \"react\";\r\nimport { Link, useParams, useHistory } from \"react-router-dom\";\r\nimport * as H from \"history\";\r\nimport { FollowUserRow } from \"../components/FollowUserRow\";\r\nimport { ProfilePic } from \"../components/ProfilePic\";\r\nimport { Video } from \"../components/Video\";\r\nimport { LoadingIndicator } from \"../components/LoadingIndicator\";\r\nimport { FollowButton } from \"../components/FollowButton\";\r\nimport {\r\n  fileToImgSrc,\r\n  follow,\r\n  getProfilePic,\r\n  getUserFromCanister,\r\n  formatBigNumber,\r\n} from \"../utils\";\r\nimport backIcon from \"../assets/images/icon-back.png\";\r\nimport \"./Profile.scss\";\r\nimport { ProfileInfoPlus, VideoInfo } from \"../utils/canister/typings\";\r\n\r\ntype ProfileByIdParams = {\r\n  userId: string;\r\n};\r\n\r\n/*\r\n * Nothing specific to the IC going on here, just fetching data as per usual.\r\n * This file does a lot of view juggling based on a lot of currentUser data.\r\n * There are 2 primary views: viewing another user or viewing yourself.\r\n * There are 4 secondary views: a list of uploaded videos, list of followers,\r\n * list of users the user follows, and a video preview of any uploaded videos.\r\n */\r\nexport function Profile({\r\n  currentUser,\r\n  onLogOut,\r\n}: {\r\n  currentUser?: ProfileInfoPlus;\r\n  onLogOut?: (history: H.History) => any;\r\n}) {\r\n  const { userId = currentUser?.userName } = useParams<ProfileByIdParams>();\r\n  const [activeSubView, setActiveSubView] = useState(0);\r\n  const history = useHistory();\r\n  const { goBack } = useHistory();\r\n\r\n  const [userProfile, setUserProfile] = useState<ProfileInfoPlus>();\r\n  const [profilePic, setProfilePic] = useState(\"\");\r\n  const [videoPreview, setVideoPreview] = useState<VideoInfo>();\r\n  const [isLoading, setLoading] = useState(false);\r\n\r\n  const currentUserFollows =\r\n    currentUser?.following.map(({ userName }) => userName) || [];\r\n  const initialIsFollowed = currentUserFollows.indexOf(userId || \"\") !== -1;\r\n  const [isFollowed, setIsFollowed] = useState(initialIsFollowed);\r\n\r\n  const isCurrentUserProfile = !userId || userId === currentUser?.userName;\r\n\r\n  function handleShowVideoPreview(clickedVideo: VideoInfo) {\r\n    setVideoPreview(clickedVideo);\r\n  }\r\n\r\n  async function fetchUserProfile() {\r\n    if (isCurrentUserProfile) {\r\n      setUserProfile(currentUser);\r\n      return;\r\n    }\r\n    try {\r\n      setLoading(true);\r\n      const profileData = await getUserFromCanister(userId || \"\");\r\n      setUserProfile(profileData!);\r\n    } catch (error) {\r\n      console.error(`Failed to retrieve profile for user ${userId}`, error);\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  }\r\n\r\n  async function fetchProfilePic() {\r\n    try {\r\n      const picData = await getProfilePic(userId || \"\");\r\n      if (picData !== null) {\r\n        const imgSrc = fileToImgSrc([picData]);\r\n        setProfilePic(imgSrc);\r\n      } else {\r\n        console.info(`No profile pic set for user ${userId}`);\r\n      }\r\n    } catch (error) {\r\n      console.error(\"Failed to retrieve profilePic.\", error);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    Promise.all([fetchUserProfile(), fetchProfilePic()]);\r\n  }, []);\r\n\r\n  function handleFollow(userToFollow: string, willFollow: boolean) {\r\n    follow(userToFollow, currentUser?.userName || \"\", willFollow);\r\n  }\r\n\r\n  function handleFollowCurrent() {\r\n    setIsFollowed((state) => !state);\r\n    handleFollow(userName, !isFollowed);\r\n  }\r\n\r\n  // @ts-ignore\r\n  const { userName = \"\", uploadedVideos = [], followers = [], following = [] } =\r\n    userProfile ?? {};\r\n\r\n  return (\r\n    <>\r\n      {!isCurrentUserProfile && (\r\n        <header id=\"alt-header\">\r\n          <button id=\"back\" onClick={goBack}>\r\n            <img src={backIcon} alt=\"Go Back\" />\r\n          </button>\r\n          <h2>{userName}</h2>\r\n          <span> </span>\r\n        </header>\r\n      )}\r\n      <main>\r\n        <LoadingIndicator\r\n          loadingMessage=\"Loading profile...\"\r\n          isLoading={isLoading}\r\n        />\r\n        {videoPreview && (\r\n          <Video\r\n            userId={userName}\r\n            userRewardPoints={\r\n              (currentUser && Number(currentUser.rewards.toString())) || 0\r\n            }\r\n            videoInfo={videoPreview}\r\n            isPreview={true}\r\n            onClose={() => setVideoPreview(undefined)}\r\n            key={videoPreview.videoId}\r\n          />\r\n        )}\r\n        <div className=\"profile-header\">\r\n          <ProfilePic name={userId} profilePic={profilePic} />\r\n          <h2>\r\n            {isCurrentUserProfile ? (\r\n              <>\r\n                <span>{userId}</span>\r\n                <br />\r\n                <button\r\n                  className=\"btn-link\"\r\n                  style={{ fontSize: \"1.4rem\" }}\r\n                  onClick={() => onLogOut && onLogOut(history)}\r\n                >\r\n                  Log out\r\n                </button>\r\n              </>\r\n            ) : (\r\n              <FollowButton\r\n                isFollowing={isFollowed}\r\n                handleFollow={handleFollowCurrent}\r\n              />\r\n            )}\r\n          </h2>\r\n          <section className=\"profile-nav\">\r\n            {[\r\n              [\"Videos\", uploadedVideos.length],\r\n              [\"Followers\", followers.length],\r\n              [\"Following\", following.length],\r\n            ].map(([label, count], index) => (\r\n              <ProfileNavLink\r\n                key={label}\r\n                onClick={() => setActiveSubView(index)}\r\n                isActive={index === activeSubView}\r\n                label={label}\r\n                count={count}\r\n              />\r\n            ))}\r\n          </section>\r\n        </div>\r\n        {activeSubView === 0 && (\r\n          <section className=\"profile-videos\">\r\n            {uploadedVideos.length > 0 ? (\r\n              uploadedVideos.map((uploadedVideo) => (\r\n                <img\r\n                  key={uploadedVideo.videoId}\r\n                  src={fileToImgSrc(uploadedVideo.pic)}\r\n                  alt={`${uploadedVideo.name} - ${uploadedVideo.caption}`}\r\n                  role=\"button\"\r\n                  onClick={() => handleShowVideoPreview(uploadedVideo)}\r\n                />\r\n              ))\r\n            ) : (\r\n              <div className=\"no-results\">\r\n                No videos yet\r\n                {isCurrentUserProfile && (\r\n                  <Link to=\"/upload\">\r\n                    <button className=\"primary\">Upload one now!</button>\r\n                  </Link>\r\n                )}\r\n              </div>\r\n            )}\r\n          </section>\r\n        )}\r\n        {activeSubView === 1 && (\r\n          <section className=\"followers\">\r\n            {followers.length > 0 ? (\r\n              followers.map((follower) => (\r\n                <FollowUserRow\r\n                  key={follower.userName}\r\n                  userName={follower.userName}\r\n                  handleFollow={handleFollow}\r\n                  following={currentUserFollows.includes(follower.userName)}\r\n                  disableFollow={follower.userName === currentUser?.userName}\r\n                />\r\n              ))\r\n            ) : (\r\n              <div className=\"no-results\">No followers yet!</div>\r\n            )}\r\n          </section>\r\n        )}\r\n        {activeSubView === 2 && (\r\n          <section className=\"following\">\r\n            {following.length > 0 ? (\r\n              following.map((following) => (\r\n                <FollowUserRow\r\n                  key={following.userName}\r\n                  userName={following.userName}\r\n                  handleFollow={handleFollow}\r\n                  following={currentUserFollows.includes(following.userName)}\r\n                  disableFollow={following.userName === currentUser?.userName}\r\n                />\r\n              ))\r\n            ) : (\r\n              <div className=\"no-results\">Not following anyone yet!</div>\r\n            )}\r\n          </section>\r\n        )}\r\n      </main>\r\n    </>\r\n  );\r\n}\r\n\r\nfunction ProfileNavLink({ isActive, onClick, label, count }) {\r\n  return (\r\n    <button\r\n      onClick={onClick}\r\n      className={`btn-link${isActive ? \" active\" : \"\"}`}\r\n    >\r\n      <div className=\"nav-count\">{formatBigNumber(count)}</div>\r\n      <span>{label}</span>\r\n    </button>\r\n  );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Link, useParams, useHistory } from \"react-router-dom\";\r\nimport { getSharedVideos } from \"../utils\";\r\nimport { Video } from \"../components/Video\";\r\nimport { LoadingIndicator } from \"../components/LoadingIndicator\";\r\nimport { ProfileInfoPlus, VideoInfo } from \"../utils/canister/typings\";\r\n\r\ntype SharedByHashParams = {\r\n  videoHash: string;\r\n};\r\n/*\r\n * Nothing fancy here, either!\r\n */\r\nexport function Shared({\r\n  currentUser,\r\n}: {\r\n  currentUser?: ProfileInfoPlus;\r\n}) {\r\n  const [feed, setFeed] = useState<VideoInfo[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const { videoHash } = useParams<SharedByHashParams>();\r\n\r\n  useEffect(() => {\r\n    if (videoHash) {\r\n      setIsLoading(true);\r\n      getSharedVideos(videoHash)\r\n        .then((videos) => {\r\n          setFeed(videos);\r\n          setIsLoading(false);\r\n        })\r\n        .catch((e) => {\r\n          console.error(e);\r\n          setIsLoading(false);\r\n        });\r\n    }\r\n  }, [videoHash]);\r\n\r\n  return (\r\n    <main>\r\n      <LoadingIndicator\r\n        loadingMessage=\"Loading videos...\"\r\n        completedMessage=\"Videos loaded\"\r\n        isLoading={isLoading}\r\n      />\r\n      <div className=\"feed\">\r\n        {\r\n          feed.map((v) => (\r\n            <Video\r\n              key={v.videoId}\r\n              videoInfo={v}\r\n              videoHash={videoHash}\r\n              userId={currentUser?.userName || \"\"}\r\n              userRewardPoints={Number(currentUser?.rewards.toString()) || 0}\r\n            />\r\n          ))}\r\n      </div>\r\n    </main>\r\n  );\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAISSURBVHgB7ZnRbcIwEIYvUJ5bNnAnKHSC0EVgg8IEDRO0TEA6QcUEsAFsUPcdBH1GkP7XnFsrBCnBiPDgTzrFic/OH9vnOE5AJViv13c4PMNCmJLLC9io2WzObN/lctmr1+td8WU4P4bfO5UgKOoIcQqHqSUsS4SbD8X3hc+P+GlYB76aziVQWm4u4jawEaUtQvv9vler1bqSHiB9a4mLYRMug+sPyO9LHRrWhsgNnQPuLohM1imKDh8gknzbohw/JXUkq9WqX+TetSJOQRCEktR5XYNrEUmLWn5Rjh+XXciponMJtCvNa0EG3TcxaQRHlOeDsi2SoGk0GnMqwI1VWNF/xB2Dx+InfGNKRX9bebcmsd1u7+HTs/PwAPeUzgC/7Ha7IONj4HG5MD0ViLgxDnnOVfIGkQN+ilecmAGrqTyqgM9GrFSdaPUhWVEVkQOoI7QiOCQHWIuZNThIeFxRkiSargRLy13RKK4ML9CVqxfI0wyvUEKYRliXWgplUGbRAGLU9UUnIvUo2CyQ188HFXw3XhCeN9vmTaIoFdmSjAVVA9+fpz1N2TUjJsdYJscpVQTfWzSMzTUfxa54ga54ga54ga54ga54ga54ga54ga5cvcAbugBYIdOp2AK1HFuueysZiu6D87eI4gT2F2cHhTP70FUyx8fSozn5G4Oyod2Rb+NzbG4nJY3HAf8leLIr+QEY/xngEDD+GQAAAABJRU5ErkJggg==\"","import React, { useEffect, useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { CSSTransition } from \"react-transition-group\";\r\nimport { isDropDay, REWARDS_CHECK_INTERVAL } from \"../utils\";\r\nimport giftIcon from \"../assets/images/icon-rewards.png\";\r\nimport tokenIcon from \"../assets/images/icon-tokens.png\";\r\nimport chevron from \"../assets/images/icon-back.png\";\r\nimport close from \"../assets/images/icon-close.png\";\r\n\r\nimport \"./DropDayNotification.scss\";\r\n\r\n// We track this in localStorage so as not to repeatedly alert the user\r\nconst DROP_DAY_LS_KEY = \"ic-can-can-dropday-alerted\";\r\n\r\nfunction getAlerted(): boolean {\r\n  return localStorage.getItem(DROP_DAY_LS_KEY) === \"true\";\r\n}\r\nfunction setAlerted() {\r\n  localStorage.setItem(DROP_DAY_LS_KEY, \"true\");\r\n}\r\n\r\n/*\r\n * This functions as an alert to let the user know they can convert their earned\r\n * rewards into tokens or merchandise, and direct them to the /rewards route.\r\n */\r\nexport function DropDayNotification() {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n\r\n  function closeAlert() {\r\n    setAlerted();\r\n    setIsVisible(false);\r\n  }\r\n\r\n  // We poll the canister periodically to determine if `isDropDay` has changed\r\n  function pollIsDropDay() {\r\n    isDropDay()\r\n      .then((result) => {\r\n        if (result && !getAlerted()) {\r\n          setIsVisible(result);\r\n        }\r\n      })\r\n      .catch((err) => {\r\n        // nothing to do here\r\n        console.error(err);\r\n      });\r\n  }\r\n  const interval = setInterval(pollIsDropDay, REWARDS_CHECK_INTERVAL);\r\n\r\n  useEffect(() => {\r\n    pollIsDropDay();\r\n    return () => clearInterval(interval);\r\n  }, []);\r\n\r\n  return (\r\n    <CSSTransition\r\n      in={isVisible}\r\n      timeout={750}\r\n      classNames=\"dropday-alert\"\r\n      unmountOnExit\r\n    >\r\n      <div id=\"dropday-alert\" className=\"dropday-alert\">\r\n        <div className=\"transfer-diagram\">\r\n          <img src={giftIcon} alt=\"Rewards\" width={20} />\r\n          <img\r\n            src={chevron}\r\n            alt=\"into\"\r\n            style={{ transform: \"rotate(-90deg)\" }}\r\n            width={8}\r\n          />\r\n          <img src={tokenIcon} alt=\"Tokens\" width={23} />\r\n        </div>\r\n        <div className=\"alert-content\">\r\n          <div className=\"alert-header\">Today is Drop Day!</div>\r\n          <div className=\"alert-message\">\r\n            Exchange your Reward Points for tokens or prizes.\r\n            <Link className=\"alert-link\" to=\"/rewards\" onClick={closeAlert}>\r\n              View now.\r\n            </Link>\r\n          </div>\r\n        </div>\r\n        <button className=\"close-dismiss\" onClick={closeAlert}>\r\n          <img src={close} alt=\"Close Alert\" />\r\n        </button>\r\n      </div>\r\n    </CSSTransition>\r\n  );\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAmCAYAAACCjRgBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ6SURBVHgB7VjRcdswDKW6QJ0NlA08gtMF2g3sTJB0AnmDbFB2g7QLlNmgnSDsBE0mKALEYEIjgERJtpUPvTtccqYIvEeC0vE5dwAAwMINxJi5o0HFMRqMBwyPUYvxFUbkWCtjgccad2pg0SsmLkFCvjA5ichj342xtTs2slUtIUUCtxzREHul5CsW8qH0QSYe8F+KGuMR42tVVef4948xjZ6JNB3D6vWfnOMS4y/npsX4TTXdWGCSpWiHtKoL2D8DCbfKqiYEY7cajJrzbUU+D+JslRKvlUJtxENaMXg9oBIRuD04f2gZk7V9kRCwV7Xm8Q3sr25oIZ5261qZY+XrEtKoQqD/qkZR6FYhvhA7uhVkfIeQz1275UasamqlG4WU+XGCjvaAnruVkurKdmNBEhfC80JLVwhFyKZlt7yY+yJEClgqhYIsoAj44QYCdq/LrvxeGSORIL8Dj24YHtxwDK35jOIP2XvFLGBqzAKmxixgaswCpsYsYGrMAqbGoQSc1F3ja8BZ/kPJhYbQQHYfFRcaDz3cA3jrdmyyMXm99Yk4RoVxKS80g+6jMMA9YHKlbsd/jF8slohfCC73Mrl2N65bRBa7B6CbBt7In4ivDOL/QFxvcxEHdw+gn9txz3OI+Dnsux02cUPIodyDEuIv5DDOYN/toB35BkOseEVIBLbDwd6tNnd6DcaqMvHcWkytVLuxAN2VbjsDALYzl4sl4hU/I4mvungVfwfQQb4zXGQyl+gMfFSmkeMAPGZt/wUGvU1u+DnK9wlrUdy5YwHsPvfKbiUE2LWX51XOQa107U4JeLXDIyjOXCYyynbgtvPQ581yLIwpPpb4E152X9ALYK8ZAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEiSURBVHgB7dbRzYIwFAXgWyf6R2CD3w1kBEdwA0egIziBbqBu4CYeS9QEDeC97Wl56UkaHyiHLxXSitTULBs3dQFAE376cXXOHSRDop8RbuzwmU7IiX5GmLjGeGjIEdw7zffc1cj9fxO9LQP56mgnLjeiKGgwn2jkzMq9868t8mykAuctfVQkHcdEZsMxkNlxKchiuBhkcZwFiaVwBuRyuESkl5IxIr0sESXSS0JWkhaQ5vCD31/rMPTzJBNXFhmJK4NU4DwyHNVouMHcskhEbF/FkEjYW6Hbu53EBoSNPxsSxFOJEinqhMl7Fs6A3FnKLkycEnmzFJ3YuEF3N9F9tpRsc+BmkPcwNtaSFs+/+gbL+6Hv3/WrFsaxXxCpqamJywNAqMekVgOW7gAAAABJRU5ErkJggg==\"","import React, { useEffect, useState } from \"react\";\r\n\r\nimport { ProfileInfoPlus, Message } from \"../utils/canister/typings\";\r\nimport { getMessages, REWARDS_CHECK_INTERVAL } from \"../utils\";\r\nimport LottieAnimation from \"./LottieAnimation\";\r\nimport RewardPointAnim from \"../assets/animations/RewardPointShower.json\";\r\nimport \"./RewardShowerNotification.scss\";\r\n\r\nconst KEY_LOCALSTORAGE_READ_MESSAGES_TIME = \"ic-can-can-read_messages\";\r\n\r\ninterface RewardShowerProps {\r\n  currentUser: ProfileInfoPlus;\r\n}\r\n\r\n// Count up all the reward points from a message\r\nfunction rewardPointsReducer(acc: number, message: Message) {\r\n  const { event } = message;\r\n  let reward = 0;\r\n\r\n  if (!event) return acc;\r\n  // @ts-ignore\r\n  if (event.uploadReward) reward = Number(event.uploadReward.rewards);\r\n  // @ts-ignore\r\n  if (event.superlikerReward) reward = Number(event.superlikerReward.rewards);\r\n  // @ts-ignore\r\n  if (event.transferReward) reward = Number(event.transferReward.rewards);\r\n  return acc + reward;\r\n}\r\n\r\n// Filter messages based on the last date they were read, stored in localStorage\r\nfunction unreadMessagesFilter(message: Message) {\r\n  const lastReadTime = localStorage.getItem(\r\n    KEY_LOCALSTORAGE_READ_MESSAGES_TIME\r\n  );\r\n  if (!lastReadTime) return true;\r\n  return message.time > BigInt(lastReadTime);\r\n}\r\n\r\nexport function RewardShowerNotification(props: RewardShowerProps) {\r\n  const [currentRewards, setRewards] = useState(0);\r\n  const [isDismissed, setDismissed] = useState(false);\r\n\r\n  // Checks the user's events and pulls out any reward points for unread messages\r\n  function checkForNewMessages() {\r\n    if(props.currentUser){\r\n      getMessages(props.currentUser.userName).then((messages) => {\r\n        const unreadMessages = messages.filter(unreadMessagesFilter);\r\n        if (unreadMessages.length === 0) return;\r\n        const rewardPoints = unreadMessages.reduce(rewardPointsReducer, 0);\r\n        if (rewardPoints > 0) {\r\n          setRewards(rewardPoints);\r\n          // Clear the animation after 5 seconds, the duration of the animation\r\n          setTimeout(clearMessages, 5000);\r\n        }\r\n        if (unreadMessages) {\r\n          setDismissed(false);\r\n          localStorage.setItem(\r\n            KEY_LOCALSTORAGE_READ_MESSAGES_TIME,\r\n            (Date.now() * 1000 * 1000).toString()\r\n          );\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  // Clear the reward point shower notification\r\n  function clearMessages() {\r\n    setDismissed(true);\r\n    setRewards(0);\r\n  }\r\n\r\n  // Check the user messages for reward messages, every minute.\r\n  useEffect(() => {\r\n    checkForNewMessages();\r\n    const interval = setInterval(checkForNewMessages, REWARDS_CHECK_INTERVAL);\r\n    return () => clearInterval(interval);\r\n  }, []);\r\n\r\n  return (\r\n    <div className=\"RewardShowerContainer\">\r\n      {currentRewards > 0 && !isDismissed && (\r\n        <div className=\"RewardShowerAnimationContainer\" onClick={clearMessages}>\r\n          <LottieAnimation height={660} animation={RewardPointAnim} />\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { Link, NavLink } from \"react-router-dom\";\r\nimport homeIcon from \"../assets/images/icon-home.png\";\r\nimport discoverIcon from \"../assets/images/icon-discover.png\";\r\nimport uploadIcon from \"../assets/images/icon-upload.png\";\r\nimport rewardsIcon from \"../assets/images/icon-rewards.png\";\r\nimport profileIcon from \"../assets/images/icon-profile.png\";\r\n\r\nimport \"./MainNav.scss\";\r\n\r\nfunction getPathRoot(path) {\r\n  return path.split(\"/\")[1];\r\n}\r\n\r\nexport function MainNav({ paths }) {\r\n  function setDestination(destination) {\r\n    const index = paths.findIndex(\r\n      (path) => getPathRoot(path) === getPathRoot(destination)\r\n    );\r\n    const currentIndex = paths.findIndex(\r\n      (path) => getPathRoot(path) === getPathRoot(window.location.pathname)\r\n    );\r\n\r\n    function onClick() {\r\n      const destinationIndex = index < 0 ? paths.length : index;\r\n      const value = currentIndex > destinationIndex ? -100 : 100;\r\n      document.getElementById(\r\n        \"slide-direction\"\r\n      )!.innerHTML = `.page-slide { --inDirection: ${value}%; }`;\r\n    }\r\n\r\n    return { to: destination, onClick };\r\n  }\r\n\r\n  return (\r\n    <nav id=\"main-nav\">\r\n      <style id=\"slide-direction\" />\r\n      <div className=\"nav-item\">\r\n        <NavLink {...setDestination(\"/feed\")}>\r\n          <img\r\n            aria-label=\"Home\"\r\n            src={homeIcon}\r\n            alt=\"Home\"\r\n            role=\"button\"\r\n            width={20}\r\n          />\r\n        </NavLink>\r\n      </div>\r\n      <div className=\"nav-item\">\r\n        <NavLink {...setDestination(\"/discover\")}>\r\n          <img\r\n            aria-label=\"Discover\"\r\n            src={discoverIcon}\r\n            alt=\"Discover\"\r\n            role=\"button\"\r\n            width={20}\r\n          />\r\n        </NavLink>\r\n      </div>\r\n      <div className=\"nav-item\">\r\n        <Link {...setDestination(\"/upload\")}>\r\n          <img\r\n            aria-label=\"Upload\"\r\n            alt=\"Upload\"\r\n            src={uploadIcon}\r\n            role=\"button\"\r\n            width={36}\r\n          />\r\n        </Link>\r\n      </div>\r\n      <div className=\"nav-item\">\r\n        <NavLink {...setDestination(\"/rewards\")}>\r\n          <img\r\n            aria-label=\"Rewards\"\r\n            src={rewardsIcon}\r\n            alt=\"Rewards\"\r\n            role=\"button\"\r\n            width={20}\r\n          />\r\n        </NavLink>\r\n      </div>\r\n      <div className=\"nav-item\">\r\n        <NavLink {...setDestination(\"/profile\")}>\r\n          <img\r\n            aria-label=\"Profile\"\r\n            src={profileIcon}\r\n            alt=\"Profile\"\r\n            role=\"button\"\r\n            width={20}\r\n          />\r\n        </NavLink>\r\n      </div>\r\n    </nav>\r\n  );\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAoCAYAAACIC2hQAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHRSURBVHgB7ZfvUcJAEMUfgQKkAmMHlAAdJBUIFaAVqBVAB9iBdiAdaAfgdzKxgQR3zQUyZ/4cdxvUMb+ZnWQul9zL7b3NBWiBOI4XFHcQpAdBSNwFHVYUgWp6ppgNh8MPOCImlET6dHiiGGmXthQTEruFAyJCSSSLY5G+anpQxzz9WwiIdWK32wVxxl7FTX6NzwvtTICfgAaea0LGJX3G2ouImsxE5KIw+Eat0aq+vupjLfbkNVri7DeKsGn9lZhNrCKUDkbxWpiZRyXcmCiKlqaZsBU50tJ3D0v43lbEas5mpnBEvCJozt6omilCSZbsKsIpzrbFtCL0Km7Wnb1G5mx5hx7H44owVk3NFaHE2UucCWOTSTrbliqxh9Szs/v9Pqf7UBdp6kW3gaawQBw3OJz+mZdfJJFzZCJbWYeWsBbWdO0VGkNkizjEL4Emj3dia4rbQd6oHBa2UYJsSZLknXRN+NzDH6ETKk0nVJoBBFDf6toNtOsfqIhQZL8XL3Ud6GX4d3kNS/5X6gt8fTS0Nt4/+HBEXKieXko5JOjKkzSdUGk6odJIl6daXErVoOHBU5hx2dQhTdPA87wrmPFt39A0oysIQSLncOAcqd+rcOITHnLH3L4/4BsAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALbSURBVHgBzViBddowED3DArCBNygb1OkCbSfA6QJtJsB0gThdIGaCNhPABnEXaDwAPNwBwP3nnoji+FkythX+e/ckC530uZPuJHnUE/b7fYDiHYTLGcTXfs5Yjsfj79Fo9Gs6nW7IEh51xHa7Dcfj8VyI2SKDxJAHkM2aOp5NUCx2Ty8tlUNSsVSqGvHt45utW2fZCCRX1CdBkFvwwFrTBrJkcpgsN+gGIByC8FxrTiA3dbqtCWICtloonxnkus2a0sbxUazp2aIZ5MrkctOgt5BCZA2ZUEdgjEgb8/HsMdmt2kAJ9YgKyZ/UFuwO/V/SANjtdrGaA/VvrZTFnaz8JGtnEGjz7JWrRxZKAUmMQ7yLOi1iM5ZSTrDT7awIcyfKeuQAuhX5e2ToPFHxCv/ojtzgZEX2XiPBw+EQqDqIbsgBJKaWARtG+dRI0PO8mVRzKKbkCCD2wCWnx0aCkj8ZzsgJMil90y6eVBScoCiKTKpGgm8OE8Gc3gBY+6d83EgQi/WvVGfkFr6UqcmCaUXBCbTNmZt2sSI4kZTnCqXHONw0EqwGTXIAvuOQRA9ODsZdDGIr6Tzv44BqAg4kC6k+cnIwEgSxWKpMbkEDQqzncx1E7XO/fpgcai3KofhJ5vij2q0CNawY0XM2uR/o0MpHfV/qH05z22jKdfBaPn3Iui+SvK7lpqhi7VI/FLdJdRlpSZz+k+wUwLWrZyhNMchFeh+re3HNHVZHQpV/bTEeb7ivED7Wc72A3GGMm2pfI8EacuzqjF4/eySQVdMlXiz+USNWNkO+Qy+u0/HaksNAifoNMTKqPGEwyvcZKdVhQ73J6HGUrbaBfGmyvncOuWo/Ifqe7HJ2LuP+sHky8bqQq9ELONGD8KtXLM7r/OpFFg9Mpkn0gMkS0qWAF/GlkTu5WHYYu5UXMrvg8znPan2jJFhD7srlNbMJ3iWTY3Cqu6ULJVdCknXnvDoU/gGbg+bp8j9b6AAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALESURBVHgB7VjttdJAEB2CBUAHoQIfFcirQKwAOlArECt4WIG8CsAKwAqIFUABcMjhN/C8F2Z1zVMyZBPND+85wwayM3v3Yz6WhgRgt9u10LyF9CCxCpFCEsgM8qXdbq+lIBpSACAWo3mA9I0qE8jHIkQjuREgN0CzlAu59HQ6fUL7BtIBgQaFz/wN7x5VbQiZQ9c6oWIgOciTylS3OE8n3m63E6e33+8HUgU4kEduJDeCOp7+nZQNGF0VJeeAlRyrjaWUic1mM1TDKwkAj4Q30Z5Fx+QkzWZzoO1IAgAHck5FfLDoWL34fGaOx+NXCUQURTPfZh5y46B66g6SYgXaUgJgk/ZolybTa30tK+hCSSrlIc3Y/iMsBJ2xWMpDzA9LZsklqFuw5rPV867Bs5FY+pucxEtZwVkAtobamhzOVCxoceBiYBerapp9jp1OKVtM0JAXv6Y6UBFyc/1qrmzM5ZaGGw7A+LWG3FsH0dw7lYtzJNDrihHmckudhWVVogMxZX2+tpqa2pgxlo4c5F6qhpf0z/kZ39/Jb4jtLnD9xpbyLIubKmoNEa/kUuJz2/wB15D3SIfM2ay244z6gp7LVHeLk1lTHcNLX4lJhtQCgyYc3A3MieC3l4fDoctWnudd9huj/2Pe+I0ccrwQjcRLd4yJmvCTvDzq2aF+D7p96HIHYvk5wZGFaNYgq+e5d37mZWQRz/7Qqwud/diq3PMO96rKi06G6Cp3ETKXokkRrytAMtYLmLtUDS/V2POOdyGXolB4lyqi+wtJnUXwpSgUiKcP3na3/BeTMi5FZcA5JzhxRaVRpMKoEuoozPkMYZ0Ikb+n7yb/mhwBDgs0lBZrx8i7Us6kJsCinQM3gvprVjPuSvlNagIs1kIfY57BJz7pv1K1geN1899vfxv/CYai9gRfSIXAQQ92vB9eXFdUtYKlTfo7tB4+ZiG5YYMAAAAASUVORK5CYII=\"","import React from \"react\";\r\nimport { CSSTransition } from \"react-transition-group\";\r\nimport { getUserFromCanister } from \"../utils\";\r\nimport { Feed } from \"../views/Feed\";\r\nimport { Discover } from \"../views/Discover\";\r\nimport { Upload } from \"./Upload\";\r\nimport { Rewards } from \"../views/Rewards\";\r\nimport { Profile } from \"../views/Profile\";\r\nimport { Shared } from \"../views/Shared\";\r\nimport { DropDayNotification } from \"./DropDayNotification\";\r\nimport { RewardShowerNotification } from \"./RewardShowerNotification\";\r\nimport { MainNav } from \"./MainNav\";\r\nimport { Redirect, Route, Switch } from \"react-router-dom\";\r\n\r\nfunction wrapPrivateRouteWithSlide(render) {\r\n  return ({ match }) => (\r\n    <CSSTransition\r\n      in={match != null}\r\n      timeout={250}\r\n      classNames=\"page-slide\"\r\n      unmountOnExit\r\n    >\r\n      <div className=\"page-slide\">{render({ match })}</div>\r\n    </CSSTransition>\r\n  );\r\n}\r\n\r\nexport function PrivateRoutes({\r\n  location,\r\n  user,\r\n  isAuthenticated,\r\n  setUser,\r\n  logOut,\r\n}) {\r\n  function refreshProfileInfo() {\r\n    getUserFromCanister(user?.userName).then((user) => {\r\n      if (user) {\r\n        setUser(user);\r\n      }\r\n    });\r\n  }\r\n\r\n  const privateRoutes = [\r\n    {\r\n      path: \"/feed\",\r\n      render: () => (\r\n        <Feed profileInfo={user} onRefreshUser={refreshProfileInfo} />\r\n      ),\r\n    },\r\n    { path: \"/discover\", render: () => <Discover profileInfo={user} /> },\r\n    {\r\n      path: \"/upload\",\r\n      render: () => <Upload onUpload={refreshProfileInfo} user={user} />,\r\n    },\r\n    { path: \"/rewards\", render: () => <Rewards /> },\r\n    {\r\n      path: \"/profile\",\r\n      render: () => <Profile currentUser={user} onLogOut={logOut} />,\r\n    },\r\n    {\r\n      path: \"/profiles/:userId\",\r\n      render: ({ match }) => (\r\n        <Profile key={match?.params.userId} currentUser={user} />\r\n      ),\r\n    },\r\n    {\r\n      path: \"/Shared/:videoHash\",\r\n      render: ({ match }) => (\r\n        <Shared currentUser={user} />\r\n      ),\r\n    }\r\n  ];\r\n  const privatePaths = privateRoutes.map(({ path }) => path);\r\n\r\n  return (\r\n    <Route path={privatePaths}>\r\n      {(isAuthenticated && user) || (true) ? (\r\n        <>\r\n          {\r\n            (isAuthenticated && user) ? (\r\n              <>\r\n              <DropDayNotification />\r\n              <RewardShowerNotification currentUser={user} />\r\n              <MainNav paths={privatePaths} />\r\n              </>\r\n            ):(<></>)\r\n          }\r\n\r\n          <Switch location={location}>\r\n            {privateRoutes.map(({ path, render }) => {console.log(path);return (\r\n              <Route key={path} path={path}>\r\n                {wrapPrivateRouteWithSlide(render)}\r\n              </Route>\r\n            )})}\r\n          </Switch>\r\n        </>\r\n      ) : (\r\n        <Redirect to={{ pathname: \"/\" }} />\r\n      )}\r\n    </Route>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport {\r\n  BrowserRouter as Router,\r\n  Switch,\r\n  Redirect,\r\n  Route,\r\n} from \"react-router-dom\";\r\nimport { TransitionGroup, CSSTransition } from \"react-transition-group\";\r\nimport { SignIn } from \"./views/SignIn\";\r\nimport { SignUp } from \"./components/SignUp\";\r\nimport { useAuth } from \"./utils\";\r\nimport { PrivateRoutes } from \"./components/PrivateRoutes\";\r\n\r\nfunction wrapRouteWithFade(Component) {\r\n  return ({ match }) => (\r\n    <CSSTransition\r\n      in={match != null}\r\n      timeout={300}\r\n      classNames=\"page-fade\"\r\n      unmountOnExit\r\n    >\r\n      <Component />\r\n    </CSSTransition>\r\n  );\r\n}\r\n\r\nexport function AppRouter() {\r\n  const { user, setUser, isAuthenticated, isAuthReady, logOut } = useAuth();\r\n\r\n  return (\r\n    <Router>\r\n      <Switch>\r\n        {/* Root route, decides whether to redirect someone to feed, signUp,\r\n            or authorize, based on app state, only when auth client is ready */}\r\n        <Route exact path=\"/\">\r\n          {isAuthReady &&\r\n            (isAuthenticated && user ? (\r\n              <Redirect to={{ pathname: \"/feed\" }} />\r\n            ) : isAuthenticated ? (\r\n              <Redirect to={{ pathname: \"/sign-up\" }} />\r\n            ) : (\r\n              <Redirect to={{ pathname: \"/sign-in\" }} />\r\n            ))}\r\n        </Route>\r\n\r\n        <Route path=\"*\">\r\n          {({ location }) => (\r\n            <TransitionGroup>\r\n              <Route exact path=\"/sign-up\">\r\n                {wrapRouteWithFade(SignUp)}\r\n              </Route>\r\n              <Route exact path=\"/sign-in\">\r\n                {wrapRouteWithFade(SignIn)}\r\n              </Route>\r\n\r\n              <PrivateRoutes\r\n                location={location}\r\n                user={user}\r\n                isAuthenticated={isAuthenticated}\r\n                setUser={setUser}\r\n                logOut={logOut}\r\n              />\r\n            </TransitionGroup>\r\n          )}\r\n        </Route>\r\n      </Switch>\r\n    </Router>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { updateHead, ProvideAuth } from \"./utils\";\r\nimport { AppRouter } from \"./AppRouter\";\r\nimport \"./styles.scss\";\r\n\r\nfunction CanCanApp() {\r\n  return (\r\n    <ProvideAuth>\r\n      <AppRouter />\r\n    </ProvideAuth>\r\n  );\r\n}\r\n\r\n// Required for website to behave like a phone app on mobile devices\r\nupdateHead(document);\r\n\r\nReactDOM.render(<CanCanApp />, document.getElementById(\"app\"));\r\n","/// <reference path=\"../react-app-env.d.ts\" />\r\n\r\n/*\r\n * This file wraps all of our canister interaction functions and makes sure they\r\n * return the expected values by massaging any data necessary.\r\n */\r\n\r\nimport { Principal } from \"@dfinity/agent\";\r\n\r\nimport {\r\n  Message,\r\n  ProfileInfoPlus,\r\n  VideoInfo,\r\n  VideoInit,\r\n  VideoResults,\r\n  VideoResult,\r\n} from \"./canister/typings\";\r\nimport { unwrap } from \"./index\";\r\nimport { actorController } from \"./canister/actor\";\r\nimport mime from 'mime-types';\r\n\r\nconst CanCan = actorController;\r\n\r\nexport type Optional<Type> = [Type] | [];\r\n\r\nexport function getUserFromStorage(\r\n  storage = window.localStorage,\r\n  key: string\r\n): ProfileInfoPlus | undefined {\r\n  const lsUser = storage.getItem(key);\r\n  if (lsUser) {\r\n    return JSON.parse(lsUser, (k, v) => {\r\n      if (k === \"rewards\") {\r\n        return BigInt(v);\r\n      }\r\n      return v;\r\n    }) as ProfileInfoPlus;\r\n  } else {\r\n    return undefined;\r\n  }\r\n}\r\n\r\nexport async function getUserNameByPrincipal(principal: Principal) {\r\n  const icUserName = unwrap<string>(\r\n    await (await CanCan.actor).getUserNameByPrincipal(principal)\r\n  )!;\r\n  return icUserName;\r\n}\r\n\r\nexport async function createUser(\r\n  userId: string,\r\n  principal?: Principal | null\r\n): Promise<ProfileInfoPlus> {\r\n  if (!principal) {\r\n    throw Error(\"trying to create user without principal\");\r\n  }\r\n  const profile = unwrap<ProfileInfoPlus>(\r\n    await (await CanCan.actor).createProfile(userId, [])\r\n  );\r\n  if (profile) {\r\n    return profile;\r\n  } else {\r\n    throw Error(\"failed to create profile: \" + JSON.stringify(profile));\r\n  }\r\n}\r\n\r\nexport async function findOrCreateUser(\r\n  userId: string,\r\n  principal: Principal,\r\n  key: string\r\n): Promise<ProfileInfoPlus> {\r\n  const lsUSER = getUserFromStorage(undefined, key);\r\n  if (lsUSER !== undefined) {\r\n    return lsUSER;\r\n  }\r\n\r\n  const icUser = await getUserFromCanister(userId);\r\n  if (icUser !== null) {\r\n    return icUser;\r\n  } else {\r\n    try {\r\n      createUser(userId, principal);\r\n    } catch (error) {\r\n      return Promise.reject(error);\r\n    }\r\n    throw Error(\"couldn't find or create user\");\r\n  }\r\n}\r\n\r\nexport async function isDropDay(): Promise<boolean> {\r\n  return Boolean(unwrap<boolean>(await (await CanCan.actor).isDropDay()));\r\n}\r\n\r\nexport async function getUserFromCanister(\r\n  userId: string\r\n): Promise<ProfileInfoPlus | null> {\r\n  const icUser = unwrap<ProfileInfoPlus>(\r\n    await (await CanCan.actor).getProfilePlus([userId], userId)\r\n  );\r\n  if (icUser) {\r\n    return icUser;\r\n  } else {\r\n    return null;\r\n  }\r\n}\r\n\r\nexport async function getSearchVideos(\r\n  userId: string,\r\n  terms: string[],\r\n  limit: [] | [number] = [3]\r\n): Promise<VideoInfo[]> {\r\n  // @ts-ignore\r\n  const videos = unwrap<VideoResults>(\r\n    await (await CanCan.actor).getSearchVideos(userId, terms, limit)\r\n  );\r\n  if (videos !== null) {\r\n    const unwrappedVideos = videos.map((v) => v[0]);\r\n    return unwrappedVideos;\r\n  } else {\r\n    return Promise.resolve([]);\r\n  }\r\n}\r\n\r\nexport async function getFeedVideos(userId: string): Promise<VideoInfo[]> {\r\n  const videos = unwrap<VideoResults>(\r\n    await (await CanCan.actor).getFeedVideos(userId, [])\r\n  );\r\n  if (videos !== null) {\r\n    const unwrappedVideos = videos.map((v) => v[0]);\r\n    return unwrappedVideos;\r\n  } else {\r\n    return Promise.resolve([]);\r\n  }\r\n}\r\n\r\nexport async function getSharedVideos(videoHash: string): Promise<VideoInfo[]> {\r\n  console.log('getting shared videos from canister');\r\n  const canisterActor = await CanCan.actor;\r\n  console.log('created actor');\r\n  const canisterResponse = await canisterActor.getSharedVideos([videoHash]);\r\n  console.log(canisterResponse);\r\n  const videos = unwrap<VideoResults>(\r\n    canisterResponse\r\n  );\r\n  console.log('unwrapped response');\r\n  console.log(videos);\r\n  if (videos !== null) {\r\n    const unwrappedVideos = videos.map((v) => v[0]);\r\n    return unwrappedVideos;\r\n  } else {\r\n    return Promise.resolve([]);\r\n  }\r\n}\r\n\r\nexport async function getVideo(videoExternalId : string, videoHash : string): Promise<VideoInfo|null> {\r\n  const videoResult = await (await CanCan.actor).getVideo([videoExternalId], [videoHash]);\r\n  let video:(VideoResult | null) = null;\r\n  if(videoResult){\r\n  video = unwrap<VideoResult>(\r\n    videoResult\r\n  );\r\n  }\r\n  if (video !== null) {\r\n    return video[0];\r\n  } else {\r\n    return Promise.resolve(null);\r\n  }\r\n}\r\n\r\nexport async function getVideoInfo(userId: string, videoId: string) {\r\n  const videoInfo = unwrap(\r\n    await (await CanCan.actor).getVideoInfo([userId], videoId)\r\n  );\r\n  if (videoInfo !== null) {\r\n    return videoInfo;\r\n  } else {\r\n    throw Error(\"no video found with id: \" + videoId);\r\n  }\r\n}\r\nexport async function getProfilePic(userId: string) {\r\n  const profilePic = unwrap(await (await CanCan.actor).getProfilePic(userId));\r\n  return profilePic;\r\n}\r\n\r\nexport async function createVideo(videoInit: VideoInit): Promise<string> {\r\n  const videoId = unwrap<string>(\r\n    await (await CanCan.actor).createVideo(videoInit)\r\n  );\r\n  if (videoId) {\r\n    return videoId;\r\n  } else {\r\n    throw Error(\"failed to create video\");\r\n  }\r\n}\r\n\r\nexport async function follow(\r\n  userToFollow: string,\r\n  follower: string,\r\n  willFollow: boolean\r\n) {\r\n  try {\r\n    await (await CanCan.actor).putProfileFollow(\r\n      userToFollow,\r\n      follower,\r\n      willFollow\r\n    );\r\n  } catch (error) {\r\n    console.error(error);\r\n  }\r\n}\r\n\r\nexport async function like(user: string, videoId: string, willLike: boolean) {\r\n  try {\r\n    await (await CanCan.actor).putProfileVideoLike(user, videoId, willLike);\r\n  } catch (error) {\r\n    console.error(error);\r\n  }\r\n}\r\n\r\nexport async function superLike(\r\n  user: string,\r\n  videoId: string,\r\n  willSuperLike: boolean\r\n) {\r\n  try {\r\n    await (await CanCan.actor).putSuperLike(user, videoId, willSuperLike);\r\n  } catch (error) {\r\n    console.error(error);\r\n  }\r\n}\r\n\r\n// Videos are stored as chunked byteArrays, and must be assembled once received\r\nexport async function getVideoChunks(videoInfo: VideoInfo, videoHash:[string]|[] = []): Promise<string> {\r\n  const { videoId, chunkCount, name } = videoInfo;\r\n  const chunkBuffers: Buffer[] = [];\r\n  const chunksAsPromises: Array<Promise<Optional<number[]>>> = [];\r\n  console.log('getting video chunks');\r\n  console.log(videoId);\r\n  console.log(videoHash);\r\n\r\n  for (let i = 1; i <= Number(chunkCount.toString()); i++) {\r\n    console.log('getting chunk no '+i);\r\n    chunksAsPromises.push((await CanCan.actor).getVideoChunk(videoId, i, videoHash));\r\n  }\r\n  const nestedBytes: number[][] = (await Promise.all(chunksAsPromises))\r\n    .map(unwrap)\r\n    .filter((v): v is number[] => v !== null);\r\n  console.log('nestedBytes created');\r\n\r\n  nestedBytes.forEach((bytes) => {\r\n    const bytesAsBuffer = Buffer.from(new Uint8Array(bytes));\r\n    chunkBuffers.push(bytesAsBuffer);\r\n  });\r\n  console.log('created bytesAsBuffer '+mime.lookup(name));\r\n\r\n  const videoBlob = new Blob([Buffer.concat(chunkBuffers)], {\r\n    type: mime.lookup(name),\r\n  });\r\n  console.log('created videoBlob');\r\n\r\n /* var base64data:string = \"\";\r\n  var reader = new FileReader();\r\n  reader.readAsDataURL(videoBlob); \r\n  reader.onloadend = function() {\r\n      base64data = reader.result;                \r\n      console.log(base64data);\r\n  }\r\n  const vidURL = base64data;*/\r\n  \r\n\r\n  const vidURL = window.URL.createObjectURL(videoBlob);\r\n  \r\n  console.log('created url: '+vidURL);\r\n  return vidURL;\r\n}\r\n\r\nexport async function putVideoChunk(\r\n  videoId: string,\r\n  chunkNum: number,\r\n  chunkData: number[]\r\n) {\r\n  return (await CanCan.actor).putVideoChunk(videoId, chunkNum, chunkData);\r\n}\r\n\r\nexport async function putVideoPic(videoId: string, file: number[]) {\r\n  return (await CanCan.actor).putVideoPic(videoId, [file]);\r\n}\r\n\r\nexport async function getVideoPic(videoId: string): Promise<number[]> {\r\n  const icResponse = await (await CanCan.actor).getVideoPic(videoId);\r\n  const pic = unwrap<number[]>(icResponse);\r\n  if (pic !== null) {\r\n    return pic;\r\n  } else {\r\n    throw Error(\"pic should not be empty\");\r\n  }\r\n}\r\n\r\nexport function getLocationCanisterPrincipal(location: Location): Principal {\r\n  const pattern = /(\\.?((?:[a-z0-9]{5}-){4}[a-z0-9]{3})\\..*)|(canisterId=([^$&]+))/;\r\n  const match = location.href.match(pattern);\r\n  if (!match) {\r\n    throw new Error(\"Failed to parse url containing canisterId\");\r\n  }\r\n  const [, , canisterId] = match;\r\n  const canisterPrincipal = Principal.fromText(canisterId);\r\n  return canisterPrincipal;\r\n}\r\n\r\nexport async function checkUsername(username: string): Promise<boolean> {\r\n  return await (await CanCan.actor).checkUsernameAvailable(username);\r\n}\r\n\r\nexport async function getMessages(username: string): Promise<Message[]> {\r\n  const messages = await (await CanCan.actor).getMessages(username);\r\n  return messages;\r\n}\r\n\r\nexport async function putRewardTransfer(\r\n  sender: string,\r\n  recipient: string,\r\n  amount: BigInt\r\n) {\r\n  return await (await CanCan.actor).putRewardTransfer(\r\n    sender,\r\n    recipient,\r\n    amount\r\n  );\r\n}\r\n\r\nexport async function putAbuseFlagVideo(\r\n  reporter: string,\r\n  target: string,\r\n  shouldFlag: boolean\r\n) {\r\n  return await (await CanCan.actor).putAbuseFlagVideo(\r\n    reporter,\r\n    target,\r\n    shouldFlag\r\n  );\r\n}\r\n","export default ({ IDL }) => {\n  const List = IDL.Rec();\n  const List_10 = IDL.Rec();\n  const List_11 = IDL.Rec();\n  const List_2 = IDL.Rec();\n  const List_3 = IDL.Rec();\n  const List_4 = IDL.Rec();\n  const List_5 = IDL.Rec();\n  const List_6 = IDL.Rec();\n  const List_7 = IDL.Rec();\n  const List_8 = IDL.Rec();\n  const List_9 = IDL.Rec();\n  const Trie = IDL.Rec();\n  const Trie_10 = IDL.Rec();\n  const Trie_11 = IDL.Rec();\n  const Trie_2 = IDL.Rec();\n  const Trie_3 = IDL.Rec();\n  const Trie_4 = IDL.Rec();\n  const Trie_5 = IDL.Rec();\n  const Trie_6 = IDL.Rec();\n  const Trie_7 = IDL.Rec();\n  const Trie_8 = IDL.Rec();\n  const Trie_9 = IDL.Rec();\n  const UserId_2 = IDL.Text;\n  const UserId = UserId_2;\n  const ProfilePic_2 = IDL.Vec(IDL.Nat8);\n  const ProfilePic = ProfilePic_2;\n  const VideoPic_2 = IDL.Vec(IDL.Nat8);\n  const Timestamp = IDL.Int;\n  const UploadOrigin = IDL.Record({\n    'url' : IDL.Text,\n    'localFolderName' : IDL.Text,\n    'deviceType' : IDL.Text,\n  });\n  const GeoData = IDL.Record({\n    'latitude' : IDL.Text,\n    'altitude' : IDL.Text,\n    'longitudeSpan' : IDL.Text,\n    'latitudeSpan' : IDL.Text,\n    'longitude' : IDL.Text,\n  });\n  const Person = IDL.Record({ 'name' : IDL.Text });\n  const People = IDL.Vec(Person);\n  const VideoId_2 = IDL.Text;\n  const VideoInfo_2 = IDL.Record({\n    'pic' : IDL.Opt(VideoPic_2),\n    'viralAt' : IDL.Opt(Timestamp),\n    'uploadedFrom' : IDL.Opt(UploadOrigin),\n    'album' : IDL.Opt(IDL.Vec(IDL.Text)),\n    'geoData' : IDL.Opt(GeoData),\n    'people' : IDL.Opt(People),\n    'externalId' : IDL.Text,\n    'userId' : UserId_2,\n    'name' : IDL.Text,\n    'createdAt' : Timestamp,\n    'tags' : IDL.Vec(IDL.Text),\n    'likes' : IDL.Vec(UserId_2),\n    'geoDataExif' : IDL.Opt(GeoData),\n    'viewCount' : IDL.Nat,\n    'caption' : IDL.Text,\n    'sharedCount' : IDL.Nat,\n    'lastModifiedAt' : IDL.Opt(Timestamp),\n    'chunkCount' : IDL.Nat,\n    'superLikes' : IDL.Vec(UserId_2),\n    'viewerHasFlagged' : IDL.Opt(IDL.Bool),\n    'abuseFlagCount' : IDL.Nat,\n    'uploadedAt' : Timestamp,\n    'videoId' : VideoId_2,\n  });\n  const AllowanceBalance = IDL.Variant({\n    'zeroUntil' : Timestamp,\n    'zeroForever' : IDL.Null,\n    'nonZero' : IDL.Nat,\n  });\n  const UserAllowances = IDL.Record({\n    'abuseFlags' : AllowanceBalance,\n    'superLikes' : AllowanceBalance,\n  });\n  const ProfileInfo_2 = IDL.Record({\n    'userName' : IDL.Text,\n    'uploadedVideos' : IDL.Vec(VideoId_2),\n    'likedVideos' : IDL.Vec(VideoId_2),\n    'rewards' : IDL.Nat,\n    'hasPic' : IDL.Bool,\n    'followers' : IDL.Vec(UserId_2),\n    'following' : IDL.Vec(UserId_2),\n    'abuseFlagCount' : IDL.Nat,\n  });\n  const ProfileInfoPlus_2 = IDL.Record({\n    'userName' : IDL.Text,\n    'uploadedVideos' : IDL.Vec(VideoInfo_2),\n    'likedVideos' : IDL.Vec(VideoInfo_2),\n    'rewards' : IDL.Nat,\n    'allowances' : IDL.Opt(UserAllowances),\n    'hasPic' : IDL.Bool,\n    'followers' : IDL.Vec(ProfileInfo_2),\n    'following' : IDL.Vec(ProfileInfo_2),\n    'viewerHasFlagged' : IDL.Opt(IDL.Bool),\n    'abuseFlagCount' : IDL.Nat,\n  });\n  const ProfileInfoPlus = ProfileInfoPlus_2;\n  const VideoId = VideoId_2;\n  const VideoInit_2 = IDL.Record({\n    'uploadedFrom' : IDL.Opt(UploadOrigin),\n    'album' : IDL.Opt(IDL.Vec(IDL.Text)),\n    'geoData' : IDL.Opt(GeoData),\n    'people' : IDL.Opt(People),\n    'externalId' : IDL.Text,\n    'userId' : UserId_2,\n    'name' : IDL.Text,\n    'createdAt' : Timestamp,\n    'tags' : IDL.Vec(IDL.Text),\n    'geoDataExif' : IDL.Opt(GeoData),\n    'viewCount' : IDL.Opt(IDL.Nat),\n    'caption' : IDL.Text,\n    'lastModifiedAt' : IDL.Opt(Timestamp),\n    'chunkCount' : IDL.Nat,\n  });\n  const VideoInit = VideoInit_2;\n  const VideoId_3 = VideoId_2;\n  const UserId_3 = UserId_2;\n  const VideosPred = IDL.Variant({\n    'containsAll' : IDL.Vec(VideoId_3),\n    'equals' : IDL.Vec(VideoId_3),\n  });\n  const TimeMode = IDL.Variant({ 'ic' : IDL.Null, 'script' : IDL.Int });\n  const Command = IDL.Variant({\n    'assertVideoVirality' : IDL.Record({\n      'isViral' : IDL.Bool,\n      'videoId' : VideoId_3,\n    }),\n    'putProfileFollow' : IDL.Record({\n      'toFollow' : UserId_3,\n      'userId' : UserId_3,\n      'follows' : IDL.Bool,\n    }),\n    'createTestData' : IDL.Record({\n      'users' : IDL.Vec(UserId_3),\n      'videos' : IDL.Vec(IDL.Tuple(UserId_3, VideoId_3)),\n    }),\n    'putSuperLike' : IDL.Record({\n      'userId' : UserId_3,\n      'superLikes' : IDL.Bool,\n      'videoId' : VideoId_3,\n    }),\n    'assertVideoFeed' : IDL.Record({\n      'userId' : UserId_3,\n      'limit' : IDL.Opt(IDL.Nat),\n      'videosPred' : VideosPred,\n    }),\n    'putRewardTransfer' : IDL.Record({\n      'sender' : UserId_3,\n      'amount' : IDL.Nat,\n      'receiver' : UserId_3,\n    }),\n    'reset' : TimeMode,\n  });\n  const Result = IDL.Variant({ 'ok' : IDL.Null, 'err' : IDL.Text });\n  const TraceCommand = IDL.Record({ 'result' : Result, 'command' : Command });\n  const Trace = IDL.Record({\n    'status' : IDL.Variant({ 'ok' : IDL.Null, 'err' : IDL.Null }),\n    'trace' : IDL.Vec(TraceCommand),\n  });\n  const UserAction = IDL.Variant({\n    'admin' : IDL.Null,\n    'view' : IDL.Null,\n    'create' : IDL.Null,\n    'update' : IDL.Null,\n  });\n  const ActionTarget = IDL.Variant({\n    'all' : IDL.Null,\n    'video' : VideoId_2,\n    'user' : UserId_2,\n    'pubView' : IDL.Null,\n  });\n  const Check = IDL.Record({\n    'userAction' : UserAction,\n    'caller' : IDL.Principal,\n    'actionTarget' : ActionTarget,\n  });\n  const Event_3 = IDL.Record({\n    'check' : Check,\n    'isOk' : IDL.Bool,\n    'time' : IDL.Int,\n  });\n  const VideoResult_2 = IDL.Tuple(VideoInfo_2, IDL.Opt(VideoPic_2));\n  const VideoResults_2 = IDL.Vec(VideoResult_2);\n  const VideoResults = VideoResults_2;\n  const LikeVideo = IDL.Record({\n    'source' : UserId_2,\n    'likes' : IDL.Bool,\n    'target' : VideoId_2,\n  });\n  const AbuseFlag = IDL.Record({\n    'flag' : IDL.Bool,\n    'target' : IDL.Variant({ 'video' : VideoId_2, 'user' : UserId_2 }),\n    'reporter' : UserId_2,\n  });\n  const SuperLikeVideoFail = IDL.Record({\n    'source' : UserId_2,\n    'target' : VideoId_2,\n  });\n  const SuperLikeVideo = IDL.Record({\n    'source' : UserId_2,\n    'target' : VideoId_2,\n    'superLikes' : IDL.Bool,\n  });\n  const RewardPointTransfer = IDL.Record({\n    'sender' : UserId_2,\n    'amount' : IDL.Nat,\n    'receiver' : UserId_2,\n  });\n  const CreateVideo = IDL.Record({ 'info' : VideoInit_2 });\n  const ShareVideo = IDL.Record({\n    'isShared' : IDL.Bool,\n    'target' : VideoId_2,\n    'receiver' : UserId_2,\n  });\n  const CreateProfile = IDL.Record({\n    'pic' : IDL.Opt(ProfilePic_2),\n    'userName' : IDL.Text,\n  });\n  const ViralVideoSuperLiker = IDL.Record({\n    'time' : IDL.Int,\n    'user' : UserId_2,\n  });\n  const ViralVideo = IDL.Record({\n    'video' : VideoId_2,\n    'superLikers' : IDL.Vec(ViralVideoSuperLiker),\n    'uploader' : UserId_2,\n  });\n  const Signal = IDL.Variant({ 'viralVideo' : ViralVideo });\n  const EventKind = IDL.Variant({\n    'likeVideo' : LikeVideo,\n    'abuseFlag' : AbuseFlag,\n    'superLikeVideoFail' : SuperLikeVideoFail,\n    'superLikeVideo' : SuperLikeVideo,\n    'rewardPointTransfer' : RewardPointTransfer,\n    'createVideo' : CreateVideo,\n    'shareVideo' : ShareVideo,\n    'createProfile' : CreateProfile,\n    'emitSignal' : Signal,\n    'reset' : TimeMode,\n  });\n  const Event_2 = IDL.Record({\n    'id' : IDL.Nat,\n    'kind' : EventKind,\n    'time' : IDL.Int,\n  });\n  const Event = IDL.Variant({\n    'uploadReward' : IDL.Record({ 'rewards' : IDL.Nat, 'videoId' : VideoId_2 }),\n    'superlikerReward' : IDL.Record({\n      'rewards' : IDL.Nat,\n      'videoId' : VideoId_2,\n    }),\n    'transferReward' : IDL.Record({ 'rewards' : IDL.Nat }),\n  });\n  const Message = IDL.Record({\n    'id' : IDL.Nat,\n    'time' : Timestamp,\n    'event' : Event,\n  });\n  const AlbumInfo_2 = IDL.Record({ 'name' : IDL.Text });\n  const AlbumInfo = AlbumInfo_2;\n  const ProfileInfo = ProfileInfo_2;\n  const Branch = IDL.Record({\n    'left' : Trie,\n    'size' : IDL.Nat,\n    'right' : Trie,\n  });\n  const Hash = IDL.Nat32;\n  const Key = IDL.Record({ 'key' : UserId_2, 'hash' : Hash });\n  const Branch_2 = IDL.Record({\n    'left' : Trie_2,\n    'size' : IDL.Nat,\n    'right' : Trie_2,\n  });\n  const Key_2 = IDL.Record({ 'key' : IDL.Text, 'hash' : Hash });\n  List_2.fill(IDL.Opt(IDL.Tuple(IDL.Tuple(Key_2, IDL.Null), List_2)));\n  const AssocList_4 = List_2;\n  const AssocList_3 = AssocList_4;\n  const Leaf_2 = IDL.Record({ 'size' : IDL.Nat, 'keyvals' : AssocList_3 });\n  Trie_2.fill(\n    IDL.Variant({ 'branch' : Branch_2, 'leaf' : Leaf_2, 'empty' : IDL.Null })\n  );\n  List.fill(IDL.Opt(IDL.Tuple(IDL.Tuple(Key, Trie_2), List)));\n  const AssocList_2 = List;\n  const AssocList = AssocList_2;\n  const Leaf = IDL.Record({ 'size' : IDL.Nat, 'keyvals' : AssocList });\n  Trie.fill(\n    IDL.Variant({ 'branch' : Branch, 'leaf' : Leaf, 'empty' : IDL.Null })\n  );\n  const Trie2D = Trie;\n  const RelShared_2 = IDL.Record({ 'forw' : Trie2D });\n  const RelShared = RelShared_2;\n  const Branch_4 = IDL.Record({\n    'left' : Trie_4,\n    'size' : IDL.Nat,\n    'right' : Trie_4,\n  });\n  const Branch_5 = IDL.Record({\n    'left' : Trie_5,\n    'size' : IDL.Nat,\n    'right' : Trie_5,\n  });\n  List_5.fill(IDL.Opt(IDL.Tuple(IDL.Tuple(Key, IDL.Null), List_5)));\n  const AssocList_10 = List_5;\n  const AssocList_9 = AssocList_10;\n  const Leaf_5 = IDL.Record({ 'size' : IDL.Nat, 'keyvals' : AssocList_9 });\n  Trie_5.fill(\n    IDL.Variant({ 'branch' : Branch_5, 'leaf' : Leaf_5, 'empty' : IDL.Null })\n  );\n  List_4.fill(IDL.Opt(IDL.Tuple(IDL.Tuple(Key, Trie_5), List_4)));\n  const AssocList_8 = List_4;\n  const AssocList_7 = AssocList_8;\n  const Leaf_4 = IDL.Record({ 'size' : IDL.Nat, 'keyvals' : AssocList_7 });\n  Trie_4.fill(\n    IDL.Variant({ 'branch' : Branch_4, 'leaf' : Leaf_4, 'empty' : IDL.Null })\n  );\n  const Trie2D_2 = Trie_4;\n  const RelShared_4 = IDL.Record({ 'forw' : Trie2D_2 });\n  const RelShared_3 = RelShared_4;\n  const Branch_6 = IDL.Record({\n    'left' : Trie_6,\n    'size' : IDL.Nat,\n    'right' : Trie_6,\n  });\n  const Branch_7 = IDL.Record({\n    'left' : Trie_7,\n    'size' : IDL.Nat,\n    'right' : Trie_7,\n  });\n  const Key_4 = IDL.Record({ 'key' : VideoId_2, 'hash' : Hash });\n  List_7.fill(IDL.Opt(IDL.Tuple(IDL.Tuple(Key_4, IDL.Null), List_7)));\n  const AssocList_14 = List_7;\n  const AssocList_13 = AssocList_14;\n  const Leaf_7 = IDL.Record({ 'size' : IDL.Nat, 'keyvals' : AssocList_13 });\n  Trie_7.fill(\n    IDL.Variant({ 'branch' : Branch_7, 'leaf' : Leaf_7, 'empty' : IDL.Null })\n  );\n  List_6.fill(IDL.Opt(IDL.Tuple(IDL.Tuple(Key, Trie_7), List_6)));\n  const AssocList_12 = List_6;\n  const AssocList_11 = AssocList_12;\n  const Leaf_6 = IDL.Record({ 'size' : IDL.Nat, 'keyvals' : AssocList_11 });\n  Trie_6.fill(\n    IDL.Variant({ 'branch' : Branch_6, 'leaf' : Leaf_6, 'empty' : IDL.Null })\n  );\n  const Trie2D_3 = Trie_6;\n  const RelShared_6 = IDL.Record({ 'forw' : Trie2D_3 });\n  const RelShared_5 = RelShared_6;\n  const Branch_10 = IDL.Record({\n    'left' : Trie_10,\n    'size' : IDL.Nat,\n    'right' : Trie_10,\n  });\n  const Key_5 = IDL.Record({ 'key' : IDL.Principal, 'hash' : Hash });\n  List_10.fill(IDL.Opt(IDL.Tuple(IDL.Tuple(Key_5, UserId_2), List_10)));\n  const AssocList_20 = List_10;\n  const AssocList_19 = AssocList_20;\n  const Leaf_10 = IDL.Record({ 'size' : IDL.Nat, 'keyvals' : AssocList_19 });\n  Trie_10.fill(\n    IDL.Variant({ 'branch' : Branch_10, 'leaf' : Leaf_10, 'empty' : IDL.Null })\n  );\n  const MapShared_4 = Trie_10;\n  const Branch_9 = IDL.Record({\n    'left' : Trie_9,\n    'size' : IDL.Nat,\n    'right' : Trie_9,\n  });\n  List_9.fill(IDL.Opt(IDL.Tuple(IDL.Tuple(Key, IDL.Nat), List_9)));\n  const AssocList_18 = List_9;\n  const AssocList_17 = AssocList_18;\n  const Leaf_9 = IDL.Record({ 'size' : IDL.Nat, 'keyvals' : AssocList_17 });\n  Trie_9.fill(\n    IDL.Variant({ 'branch' : Branch_9, 'leaf' : Leaf_9, 'empty' : IDL.Null })\n  );\n  const MapShared_3 = Trie_9;\n  const Branch_3 = IDL.Record({\n    'left' : Trie_3,\n    'size' : IDL.Nat,\n    'right' : Trie_3,\n  });\n  const ChunkId = IDL.Text;\n  const Key_3 = IDL.Record({ 'key' : ChunkId, 'hash' : Hash });\n  const ChunkData_2 = IDL.Vec(IDL.Nat8);\n  const ChunkData = ChunkData_2;\n  List_3.fill(IDL.Opt(IDL.Tuple(IDL.Tuple(Key_3, ChunkData), List_3)));\n  const AssocList_6 = List_3;\n  const AssocList_5 = AssocList_6;\n  const Leaf_3 = IDL.Record({ 'size' : IDL.Nat, 'keyvals' : AssocList_5 });\n  Trie_3.fill(\n    IDL.Variant({ 'branch' : Branch_3, 'leaf' : Leaf_3, 'empty' : IDL.Null })\n  );\n  const MapShared = Trie_3;\n  const Branch_11 = IDL.Record({\n    'left' : Trie_11,\n    'size' : IDL.Nat,\n    'right' : Trie_11,\n  });\n  const Video = IDL.Record({\n    'viralAt' : IDL.Opt(Timestamp),\n    'uploadedFrom' : IDL.Opt(UploadOrigin),\n    'geoData' : IDL.Opt(GeoData),\n    'people' : IDL.Opt(People),\n    'externalId' : IDL.Text,\n    'userId' : UserId_2,\n    'name' : IDL.Text,\n    'createdAt' : Timestamp,\n    'tags' : IDL.Vec(IDL.Text),\n    'geoDataExif' : IDL.Opt(GeoData),\n    'viewCount' : IDL.Nat,\n    'caption' : IDL.Text,\n    'lastModifiedAt' : IDL.Opt(Timestamp),\n    'chunkCount' : IDL.Nat,\n    'uploadedAt' : Timestamp,\n  });\n  List_11.fill(IDL.Opt(IDL.Tuple(IDL.Tuple(Key_4, Video), List_11)));\n  const AssocList_22 = List_11;\n  const AssocList_21 = AssocList_22;\n  const Leaf_11 = IDL.Record({ 'size' : IDL.Nat, 'keyvals' : AssocList_21 });\n  Trie_11.fill(\n    IDL.Variant({ 'branch' : Branch_11, 'leaf' : Leaf_11, 'empty' : IDL.Null })\n  );\n  const MapShared_5 = Trie_11;\n  const Branch_8 = IDL.Record({\n    'left' : Trie_8,\n    'size' : IDL.Nat,\n    'right' : Trie_8,\n  });\n  const Profile = IDL.Record({\n    'userName' : IDL.Text,\n    'createdAt' : Timestamp,\n  });\n  List_8.fill(IDL.Opt(IDL.Tuple(IDL.Tuple(Key, Profile), List_8)));\n  const AssocList_16 = List_8;\n  const AssocList_15 = AssocList_16;\n  const Leaf_8 = IDL.Record({ 'size' : IDL.Nat, 'keyvals' : AssocList_15 });\n  Trie_8.fill(\n    IDL.Variant({ 'branch' : Branch_8, 'leaf' : Leaf_8, 'empty' : IDL.Null })\n  );\n  const MapShared_2 = Trie_8;\n  const StateShared = IDL.Record({\n    'albums' : RelShared,\n    'follows' : RelShared_3,\n    'likes' : RelShared_5,\n    'users' : MapShared_4,\n    'rewards' : MapShared_3,\n    'uploaded' : RelShared_5,\n    'chunks' : MapShared,\n    'videos' : MapShared_5,\n    'profiles' : MapShared_2,\n  });\n  const VideoResult = VideoResult_2;\n  const VideoInfo = VideoInfo_2;\n  const VideoPic = VideoPic_2;\n  const CanCan = IDL.Service({\n    'addVideo2Album' : IDL.Func(\n        [IDL.Opt(IDL.Vec(IDL.Text)), IDL.Text, UserId],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'checkUsernameAvailable' : IDL.Func([IDL.Text], [IDL.Bool], ['query']),\n    'createAlbum' : IDL.Func(\n        [IDL.Opt(IDL.Vec(IDL.Text)), UserId],\n        [IDL.Opt(IDL.Vec(IDL.Text))],\n        [],\n      ),\n    'createProfile' : IDL.Func(\n        [IDL.Text, IDL.Opt(ProfilePic)],\n        [IDL.Opt(ProfileInfoPlus)],\n        [],\n      ),\n    'createTestData' : IDL.Func(\n        [IDL.Vec(UserId), IDL.Vec(IDL.Tuple(UserId, VideoId))],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'createVideo' : IDL.Func([VideoInit], [IDL.Opt(VideoId)], []),\n    'doDemo' : IDL.Func([IDL.Vec(Command)], [IDL.Opt(Trace)], []),\n    'getAccessLog' : IDL.Func([], [IDL.Opt(IDL.Vec(Event_3))], ['query']),\n    'getAllUserVideos' : IDL.Func(\n        [UserId, IDL.Opt(IDL.Nat)],\n        [IDL.Opt(VideoResults)],\n        ['query'],\n      ),\n    'getEventLog' : IDL.Func([], [IDL.Opt(IDL.Vec(Event_2))], ['query']),\n    'getFeedVideos' : IDL.Func(\n        [UserId, IDL.Opt(IDL.Nat)],\n        [IDL.Opt(VideoResults)],\n        ['query'],\n      ),\n    'getIsSuperLiker' : IDL.Func(\n        [UserId, VideoId],\n        [IDL.Opt(IDL.Bool)],\n        ['query'],\n      ),\n    'getMessages' : IDL.Func([UserId], [IDL.Opt(IDL.Vec(Message))], ['query']),\n    'getProfileAlbums' : IDL.Func(\n        [UserId, IDL.Opt(IDL.Nat)],\n        [IDL.Opt(IDL.Vec(AlbumInfo))],\n        ['query'],\n      ),\n    'getProfileInfo' : IDL.Func([UserId], [IDL.Opt(ProfileInfo)], ['query']),\n    'getProfilePic' : IDL.Func([UserId], [IDL.Opt(ProfilePic)], ['query']),\n    'getProfilePlus' : IDL.Func(\n        [IDL.Opt(UserId), UserId],\n        [IDL.Opt(ProfileInfoPlus)],\n        ['query'],\n      ),\n    'getProfileVideos' : IDL.Func(\n        [UserId, IDL.Opt(IDL.Nat)],\n        [IDL.Opt(VideoResults)],\n        ['query'],\n      ),\n    'getProfiles' : IDL.Func([], [IDL.Opt(IDL.Vec(ProfileInfo))], ['query']),\n    'getSearchVideos' : IDL.Func(\n        [UserId, IDL.Vec(IDL.Text), IDL.Opt(IDL.Nat)],\n        [IDL.Opt(VideoResults)],\n        ['query'],\n      ),\n    'getSharedVideos' : IDL.Func(\n        [IDL.Opt(IDL.Text)],\n        [IDL.Opt(VideoResults)],\n        ['query'],\n      ),\n    'getState' : IDL.Func([], [StateShared], ['query']),\n    'getSuperLikeValidNow' : IDL.Func(\n        [UserId, VideoId],\n        [IDL.Opt(IDL.Bool)],\n        ['query'],\n      ),\n    'getUserNameByPrincipal' : IDL.Func(\n        [IDL.Principal],\n        [IDL.Opt(IDL.Vec(IDL.Text))],\n        [],\n      ),\n    'getVideo' : IDL.Func(\n        [IDL.Opt(IDL.Text), IDL.Opt(IDL.Text)],\n        [IDL.Opt(VideoResult)],\n        ['query'],\n      ),\n    'getVideoChunk' : IDL.Func(\n        [VideoId, IDL.Nat, IDL.Opt(IDL.Text)],\n        [IDL.Opt(IDL.Vec(IDL.Nat8))],\n        ['query'],\n      ),\n    'getVideoInfo' : IDL.Func(\n        [IDL.Opt(UserId), VideoId],\n        [IDL.Opt(VideoInfo)],\n        ['query'],\n      ),\n    'getVideoPic' : IDL.Func([VideoId], [IDL.Opt(VideoPic)], ['query']),\n    'getVideos' : IDL.Func([], [IDL.Opt(IDL.Vec(VideoInfo))], ['query']),\n    'isDropDay' : IDL.Func([], [IDL.Opt(IDL.Bool)], ['query']),\n    'putAbuseFlagUser' : IDL.Func(\n        [UserId, UserId, IDL.Bool],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'putAbuseFlagVideo' : IDL.Func(\n        [UserId, VideoId, IDL.Bool],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'putProfileFollow' : IDL.Func(\n        [UserId, UserId, IDL.Bool],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'putProfilePic' : IDL.Func(\n        [UserId, IDL.Opt(ProfilePic)],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'putProfileVideoLike' : IDL.Func(\n        [UserId, VideoId, IDL.Bool],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'putRewardTransfer' : IDL.Func(\n        [UserId, UserId, IDL.Nat],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'putRewards' : IDL.Func([UserId, IDL.Nat], [IDL.Opt(IDL.Null)], []),\n    'putSuperLike' : IDL.Func(\n        [UserId, VideoId, IDL.Bool],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'putTestFollows' : IDL.Func(\n        [IDL.Vec(IDL.Tuple(UserId, UserId))],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'putVideoChunk' : IDL.Func(\n        [VideoId, IDL.Nat, IDL.Vec(IDL.Nat8)],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'putVideoInfo' : IDL.Func([VideoId, VideoInit], [IDL.Opt(IDL.Null)], []),\n    'putVideoPic' : IDL.Func(\n        [VideoId, IDL.Opt(VideoPic)],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'reset' : IDL.Func(\n        [IDL.Variant({ 'ic' : IDL.Null, 'script' : IDL.Int })],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'scriptTimeTick' : IDL.Func([], [IDL.Opt(IDL.Null)], []),\n    'setTimeMode' : IDL.Func(\n        [IDL.Variant({ 'ic' : IDL.Null, 'script' : IDL.Int })],\n        [IDL.Opt(IDL.Null)],\n        [],\n      ),\n    'shareVideo' : IDL.Func(\n        [UserId, IDL.Text, IDL.Bool],\n        [IDL.Opt(IDL.Text)],\n        [],\n      ),\n    'testGetUserNameByPrincipal' : IDL.Func([IDL.Opt(IDL.Principal)], [], []),\n  });\n  return CanCan;\n};\nexport const init = ({ IDL }) => { return []; };","import idlImport from './CanCan.did.js';\nexport const idlFactory = idlImport;\nexport const canisterId = \"uaim5-2aaaa-aaaai-qaesq-cai\";\n","import { Actor, HttpAgent, Identity } from \"@dfinity/agent\";\r\nimport {\r\n  idlFactory as CanCan_idl,\r\n  canisterId as CanCan_canister_id,\r\n} from \"dfx-generated/CanCan\";\r\nimport _SERVICE from \"./typings\";\r\n\r\nimport dfxConfig from \"../../../dfx.json\";\r\n\r\nconst DFX_NETWORK = process.env.DFX_NETWORK || \"local\";\r\nconst isLocalEnv = DFX_NETWORK === \"local\";\r\n\r\nfunction getHost() {\r\n  // Setting host to undefined will default to the window location 👍🏻\r\n  return isLocalEnv ? dfxConfig.networks.local.bind : undefined;\r\n}\r\n\r\nconst host = getHost();\r\n\r\nfunction createActor(identity?: Identity) {\r\n  const agent = new HttpAgent({ host, identity });\r\n  const actor = Actor.createActor<_SERVICE>(CanCan_idl, {\r\n    agent,\r\n    canisterId: CanCan_canister_id,\r\n  });\r\n  return { actor, agent };\r\n}\r\n\r\n/*\r\n * Responsible for keeping track of the actor, whether the user has logged\r\n * in again or not. A logged in user uses a different actor with their\r\n * Identity, to ensure their Principal is passed to the backend.\r\n */\r\nclass ActorController {\r\n  _actor: Promise<_SERVICE>;\r\n  _isAuthenticated: boolean = false;\r\n\r\n  constructor() {\r\n    this._actor = this.initBaseActor();\r\n  }\r\n\r\n  async initBaseActor(identity?: Identity) {\r\n    const { agent, actor } = createActor(identity);\r\n    // The root key only has to be fetched for local development environments\r\n    if (isLocalEnv) {\r\n      await agent.fetchRootKey();\r\n    }\r\n    return actor;\r\n  }\r\n\r\n  /*\r\n   * Get the actor instance to run commands on the canister.\r\n   */\r\n  get actor() {\r\n    return this._actor;\r\n  }\r\n\r\n  /*\r\n   * Once a user has authenticated and has an identity pass this identity\r\n   * to create a new actor with it, so they pass their Principal to the backend.\r\n   */\r\n  async authenticateActor(identity: Identity) {\r\n    this._actor = this.initBaseActor(identity);\r\n    this._isAuthenticated = true;\r\n  }\r\n\r\n  /*\r\n   * If a user unauthenticates, recreate the actor without an identity.\r\n   */\r\n  unauthenticateActor() {\r\n    this._actor = this.initBaseActor();\r\n    this._isAuthenticated = false;\r\n  }\r\n}\r\n\r\nexport const actorController = new ActorController();\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { VideoInfo } from \"../utils/canister/typings\";\r\nimport { getVideoPic } from \"../utils\";\r\n\r\ninterface VideoProps {\r\n  video: VideoInfo;\r\n  onClick: (v: VideoInfo) => void;\r\n}\r\n\r\n/*\r\n * This represents a single search result or categorized item in the Discover\r\n * view. It is a clickable image that launches a video preview overlay.\r\n */\r\nexport function SearchVideoItem(props: VideoProps): JSX.Element {\r\n  const { video, onClick } = props;\r\n  const [pic, setPic] = useState<string>();\r\n\r\n  // Since the frontend sends the videoPic to the canister as a byteArray, we\r\n  // have to make sure to translate it back to JPEG before setting it in the DOM\r\n  useEffect(() => {\r\n    getVideoPic(video.videoId).then((picAsNum) => {\r\n      const bufferBlob = [Buffer.from(new Uint8Array(picAsNum))];\r\n      const picBlob = new Blob(bufferBlob, { type: \"image/jpeg\" });\r\n      const pic = URL.createObjectURL(picBlob);\r\n      setPic(pic);\r\n    });\r\n  }, [video.videoId]);\r\n\r\n  return (\r\n    <img\r\n      alt={video.caption}\r\n      className=\"video-item\"\r\n      onClick={() => onClick(video)}\r\n      src={pic}\r\n    />\r\n  );\r\n}\r\n","import { useEffect, useState } from \"react\";\r\nimport {\r\n  createVideo,\r\n  getVideoInfo,\r\n  putVideoChunk,\r\n  putVideoPic,\r\n} from \"./canister\";\r\nimport { VideoInfo, VideoInit } from \"./canister/typings\";\r\nimport { MAX_CHUNK_SIZE, encodeArrayBuffer, hashtagRegExp } from \"./index\";\r\n\r\n// Determines number of chunks and creates the VideoInfo\r\nexport function getVideoInit(\r\n  userId: string,\r\n  file: File,\r\n  caption: string\r\n): VideoInit {\r\n  const chunkCount = Number(Math.ceil(file.size / MAX_CHUNK_SIZE));\r\n  return {\r\n    caption,\r\n    // @ts-ignore\r\n    chunkCount,\r\n    // @ts-ignore\r\n    createdAt: Number(Date.now() * 1000), // motoko is using nanoseconds\r\n    name: file.name.replace(/\\.mp4/, \"\"),\r\n    tags: caption.match(hashtagRegExp) || [],\r\n    userId,\r\n  };\r\n}\r\n\r\nexport interface UploadVideoInit {\r\n  name: string;\r\n  caption: string;\r\n  chunkCount: number;\r\n  userId: string;\r\n}\r\n\r\n// Divides the file into chunks and uploads them to the canister in sequence\r\nasync function processAndUploadChunk(\r\n  videoBuffer: ArrayBuffer,\r\n  byteStart: number,\r\n  videoSize: number,\r\n  videoId: string,\r\n  chunk: number\r\n) {\r\n  const videoSlice = videoBuffer.slice(\r\n    byteStart,\r\n    Math.min(videoSize, byteStart + MAX_CHUNK_SIZE)\r\n  );\r\n  const sliceToNat = encodeArrayBuffer(videoSlice);\r\n  return putVideoChunk(videoId, chunk, sliceToNat);\r\n}\r\n\r\n// Wraps up the previous functions into one step for the UI to trigger\r\nasync function uploadVideo(userId: string, file: File, caption: string) {\r\n  const videoBuffer = (await file?.arrayBuffer()) || new ArrayBuffer(0);\r\n\r\n  const videoInit = getVideoInit(userId, file, caption);\r\n  const videoId = await createVideo(videoInit);\r\n\r\n  let chunk = 1;\r\n  const thumb = await generateThumbnail(file);\r\n  await uploadVideoPic(videoId, thumb);\r\n\r\n  const putChunkPromises: Promise<[] | [null]>[] = [];\r\n  for (\r\n    let byteStart = 0;\r\n    byteStart < file.size;\r\n    byteStart += MAX_CHUNK_SIZE, chunk++\r\n  ) {\r\n    putChunkPromises.push(\r\n      processAndUploadChunk(videoBuffer, byteStart, file.size, videoId, chunk)\r\n    );\r\n  }\r\n\r\n  await Promise.all(putChunkPromises);\r\n\r\n  return await checkVidFromIC(videoId, userId);\r\n}\r\n\r\n// This isn't Internet Computer specific, just a helper to generate an image\r\n// from a video file\r\nexport function generateThumbnail(videoFile: File) {\r\n  const videoElement = document.createElement(\"video\");\r\n  const thumbnailCanvas = document.createElement(\"canvas\");\r\n  const canvasContext = thumbnailCanvas.getContext(\"2d\");\r\n\r\n  const videoUrl = URL.createObjectURL(videoFile);\r\n  videoElement.src = videoUrl;\r\n\r\n  videoElement.addEventListener(\"loadedmetadata\", () => {\r\n    thumbnailCanvas.width = videoElement.videoWidth;\r\n    thumbnailCanvas.height = videoElement.videoHeight;\r\n  });\r\n\r\n  return new Promise<number[]>((resolve, reject) => {\r\n    videoElement.addEventListener(\"timeupdate\", () => {\r\n      canvasContext!.drawImage(\r\n        videoElement,\r\n        0,\r\n        0,\r\n        videoElement.videoWidth,\r\n        videoElement.videoHeight\r\n      );\r\n\r\n      URL.revokeObjectURL(videoUrl);\r\n\r\n      thumbnailCanvas.toBlob(\r\n        (canvasBlob) => {\r\n          canvasBlob!.arrayBuffer().then((arrayBuffer) => {\r\n            resolve([...new Uint8Array(arrayBuffer)]);\r\n          });\r\n        },\r\n        \"image/jpeg\",\r\n        0.7\r\n      );\r\n    });\r\n    setTimeout(() => {\r\n      reject(\"took too long to create blob\");\r\n    }, 5000);\r\n    videoElement.currentTime = 0.01;\r\n  });\r\n}\r\n\r\n// Stores the videoPic on the canister\r\nasync function uploadVideoPic(videoId: string, file: number[]) {\r\n  console.log(\"Storing video thumbnail...\");\r\n  try {\r\n    await putVideoPic(videoId, file);\r\n    console.log(`Video thumbnail stored for ${videoId}`);\r\n  } catch (error) {\r\n    console.error(\"Unable to store video thumbnail:\", error);\r\n  }\r\n}\r\n\r\n// Gets videoInfo from the IC after we've uploaded\r\nasync function checkVidFromIC(videoId: string, userId: string) {\r\n  console.log(\"Checking canister for uploaded video...\");\r\n  const resultFromCanCan = await getVideoInfo(userId, videoId);\r\n  if (resultFromCanCan === null) {\r\n    throw Error(\"Invalid video received from CanCan Canister\");\r\n  }\r\n  console.log(\"Upload verified.\");\r\n  return resultFromCanCan;\r\n}\r\n\r\n// This hook exposes functions to set video data, trigger the upload, and return\r\n// with \"success\" to toggle loading states.\r\nexport function useUploadVideo({ userId }: { userId: string }) {\r\n  const [completedVideo, setCompletedVideo] = useState<VideoInfo>();\r\n  const [file, setFile] = useState<File>();\r\n  const [caption, setCaption] = useState(\"\");\r\n  const [ready, setReady] = useState(false);\r\n\r\n  async function handleUpload(fileToUpload) {\r\n    console.info(\"Storing video...\");\r\n    try {\r\n      console.time(\"Stored in\");\r\n      const video = await uploadVideo(userId, fileToUpload, caption);\r\n\r\n      setCompletedVideo(video);\r\n      setReady(false);\r\n      setFile(undefined);\r\n      console.timeEnd(\"Stored in\");\r\n    } catch (error) {\r\n      console.error(\"Failed to store video.\", error);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (ready && file !== undefined) {\r\n      handleUpload(file);\r\n    }\r\n  }, [ready]);\r\n\r\n  return {\r\n    completedVideo,\r\n    setCaption,\r\n    setFile,\r\n    setReady,\r\n  };\r\n}\r\n","import { Identity } from '@dfinity/agent';\r\nimport { AuthClient } from '@dfinity/auth-client';\r\n\r\n// Where the IDP should be servied from\r\nconst IDENTITY_URL =\r\n  new URLSearchParams(document.location.search).get('internetIdentityUrl') ||\r\n  process.env.REACT_APP_INTERNET_IDENTITY_URL ||\r\n  'https://identity.ic0.app';\r\n\r\n/*\r\n * A simple wrapper for the official auth client to initialize it and wrap\r\n * some of the methods in promises\r\n */\r\nclass AuthClientWrapper {\r\n  public authClient?: AuthClient;\r\n  public ready = false;\r\n  constructor() {\r\n    return this;\r\n  }\r\n\r\n  // Create a new auth client and update it's ready state\r\n  async create() {\r\n    this.authClient = await AuthClient.create();\r\n    await this.authClient?.isAuthenticated();\r\n    this.ready = true;\r\n  }\r\n\r\n  async login(): Promise<Identity | undefined> {\r\n    return new Promise(async (resolve) => {\r\n      await this.authClient?.login({\r\n        identityProvider: IDENTITY_URL,\r\n        onSuccess: async () => {\r\n          resolve(this.authClient?.getIdentity());\r\n        },\r\n      });\r\n    });\r\n  }\r\n\r\n  async logout() {\r\n    return this.authClient?.logout({ returnTo: '/' });\r\n  }\r\n\r\n  async getIdentity() {\r\n    return this.authClient?.getIdentity();\r\n  }\r\n\r\n  async isAuthenticated() {\r\n    return this.authClient?.isAuthenticated();\r\n  }\r\n}\r\n\r\nexport const authClient = new AuthClientWrapper();\r\n","import React, { createContext, useContext, useEffect, useState } from \"react\";\r\nimport { authClient as authenticationClient } from \"./authClient\";\r\nimport {\r\n  getUserFromCanister,\r\n  getUserFromStorage,\r\n  KEY_LOCALSTORAGE_USER,\r\n} from \"./index\";\r\n\r\nimport { actorController } from \"./canister/actor\";\r\nimport { Identity } from \"@dfinity/agent\";\r\nimport { ProfileInfoPlus } from \"./canister/typings\";\r\n\r\nexport interface AuthContext {\r\n  isAuthenticated: boolean;\r\n  isAuthReady: boolean;\r\n  hasCanCanAccount: boolean;\r\n  identity?: Identity;\r\n  logIn: () => void;\r\n  logOut: () => void;\r\n  user: ProfileInfoPlus | undefined;\r\n  setUser: (p: ProfileInfoPlus | undefined) => void;\r\n}\r\n\r\n// Provider hook that creates auth object and handles state\r\nexport function useProvideAuth(authClient): AuthContext {\r\n  const [user, setUser] = useState<ProfileInfoPlus | undefined>();\r\n  const [isAuthenticatedLocal, setIsAuthenticatedLocal] = useState<boolean>(\r\n    false\r\n  );\r\n  const [_identity, _setIdentity] = useState<Identity | undefined>();\r\n  const [isAuthClientReady, setAuthClientReady] = useState(false);\r\n  const [urlWithSearch] = useState<string>(globalThis.location.search);\r\n\r\n  // Creating the auth client is async and no auth related checks can happen\r\n  // until it's ready so we set a state variable to keep track of it\r\n  if (!authClient.ready) {\r\n    authClient.create().then(() => setAuthClientReady(true));\r\n  }\r\n\r\n  // Use the user from local storage if it is set so the flow doesn't have to\r\n  // make an async query.\r\n  const setUserFromLocalStorage = () => {\r\n    const lsUser = getUserFromStorage(localStorage, KEY_LOCALSTORAGE_USER);\r\n    if (lsUser) {\r\n      setUser(lsUser);\r\n      setIsAuthenticatedLocal(true);\r\n      // Check to make sure your local storage user exists on the backend, and\r\n      // log out if it doesn't (this is when you have your user stored in local\r\n      // storage but the user was cleared from the backend)\r\n      getUserFromCanister(lsUser.userName).then((user_) => !user_ && logOut());\r\n      return () => void 0;\r\n    }\r\n  };\r\n\r\n  // Once the auth client is initialized, get the identity and check that they\r\n  // are authenticated, then set them to be fully logged in.\r\n  useEffect(() => {\r\n    if (!authClient.ready) return;\r\n    Promise.all([authClient.getIdentity(), authClient.isAuthenticated()]).then(\r\n      ([identity, isAuthenticated]) => {\r\n        setIsAuthenticatedLocal(isAuthenticated || false);\r\n        _setIdentity(identity);\r\n        if (isAuthenticated) {\r\n          setUserFromLocalStorage();\r\n        }\r\n        setAuthClientReady(true);\r\n      }\r\n    );\r\n  }, [isAuthClientReady]);\r\n\r\n  // For testing environments only, this bypasses the authentication with an\r\n  // identity provider for testing purposes.\r\n  const DFX_NETWORK = process.env.DFX_NETWORK || \"local\";\r\n  useEffect(() => {\r\n    if (DFX_NETWORK === \"local\") {\r\n      const testUserParam = new URLSearchParams(urlWithSearch).get(\"testUser\");\r\n      if (testUserParam) {\r\n        setIsAuthenticatedLocal(true);\r\n        setAuthClientReady(true);\r\n        setUserFromLocalStorage();\r\n        if (!user) {\r\n          getUserFromCanister(testUserParam).then(\r\n            (user_) => !user && user_ && setUser(user_)\r\n          );\r\n        }\r\n      }\r\n    }\r\n  }, [urlWithSearch, user]);\r\n\r\n  // When user is set, and is not in local storage yet store the user object\r\n  // from the canister in local storag so the user doesn't need to be fetched\r\n  // every load. Then insure user is correctly logged in with identity service,\r\n  // and set them to not logged in if not.\r\n  useEffect(() => {\r\n    if (user && !getUserFromStorage(localStorage, KEY_LOCALSTORAGE_USER)) {\r\n      localStorage.setItem(\r\n        KEY_LOCALSTORAGE_USER,\r\n        JSON.stringify({ ...user, rewards: user.rewards }, (key, value) =>\r\n          typeof value === \"bigint\" ? value.toString() : value\r\n        )\r\n      );\r\n      if (!authClient.ready) return;\r\n      (async () => {\r\n        const identity = await authClient.getIdentity();\r\n        if (identity && !identity.getPrincipal().isAnonymous()) {\r\n          _setIdentity(identity);\r\n        }\r\n      })();\r\n    }\r\n  }, [user]);\r\n\r\n  useEffect(() => {\r\n    if (_identity && !_identity.getPrincipal().isAnonymous()) {\r\n      // The auth client isn't ready to make requests until it's completed the\r\n      // async authenticate actor method.\r\n      setAuthClientReady(false);\r\n      actorController.authenticateActor(_identity).then(() => {\r\n        setAuthClientReady(true);\r\n      });\r\n    } else {\r\n      actorController.unauthenticateActor();\r\n    }\r\n  }, [_identity]);\r\n\r\n  // Just creating variables here so that it's pretty below\r\n  const identity = _identity;\r\n  const isAuthenticated = isAuthenticatedLocal;\r\n\r\n  // Login to the identity provider by sending user to Internet Identity\r\n  // and logging them in.\r\n  const logIn = async function (): Promise<void> {\r\n    if (!authClient) return;\r\n    await authClient.login();\r\n    const identity = await authClient.getIdentity();\r\n    if (identity) {\r\n      setIsAuthenticatedLocal(true);\r\n      _setIdentity(identity);\r\n    } else {\r\n      console.error(\"Could not get identity from internet identity\");\r\n    }\r\n  };\r\n\r\n  // Clears the authClient of any cached data, and redirects user to root.\r\n  function logOut() {\r\n    setUser(undefined);\r\n    setIsAuthenticatedLocal(false);\r\n    localStorage.removeItem(KEY_LOCALSTORAGE_USER);\r\n    if (!authClient.ready) return;\r\n    authClient.logout();\r\n  }\r\n\r\n  return {\r\n    isAuthenticated,\r\n    isAuthReady: isAuthClientReady,\r\n    hasCanCanAccount: user !== undefined,\r\n    logIn,\r\n    logOut,\r\n    user,\r\n    identity,\r\n    setUser,\r\n  };\r\n}\r\n\r\nconst authContext = createContext<AuthContext>(null!);\r\n\r\nexport function ProvideAuth({ children }) {\r\n  const auth = useProvideAuth(authenticationClient);\r\n  return <authContext.Provider value={auth}>{children}</authContext.Provider>;\r\n}\r\n\r\nexport const useAuth = () => {\r\n  return useContext(authContext);\r\n};\r\n","// Updated required for \"mobile web app\" behavior\r\n// https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html\r\n\r\nconst APP_TITLE = \"CanCan\";\r\n\r\nconst updates = [\r\n  {\r\n    el: \"meta\",\r\n    attrs: { name: \"apple-mobile-web-app-title\", content: APP_TITLE },\r\n  },\r\n  {\r\n    el: \"meta\",\r\n    attrs: { name: \"apple-mobile-web-app-capable\", content: \"yes\" },\r\n  },\r\n  {\r\n    el: \"meta\",\r\n    attrs: {\r\n      name: \"apple-mobile-web-app-status-bar-style\",\r\n      content: \"black\",\r\n    },\r\n  },\r\n];\r\n\r\nexport const updateHead = (document: Document) => {\r\n  document.title = APP_TITLE;\r\n\r\n  updates.forEach(({ el, attrs }) => {\r\n    const update = document.createElement(el);\r\n    Object.entries(attrs).forEach(([attr, value]) => {\r\n      // @ts-ignore\r\n      update[attr] = value;\r\n    });\r\n    document.head.appendChild(update);\r\n  });\r\n};\r\n","import { Principal } from \"@dfinity/agent\";\r\nimport { Optional } from \"./canister\";\r\n\r\nexport * from \"./CatchAll\";\r\nexport * from \"./video\";\r\nexport * from \"./auth\";\r\nexport * from \"./updateHead\";\r\nexport * from \"./canister\";\r\n\r\nexport const KEY_LOCALSTORAGE_USER = `ic-cancan-user`;\r\n\r\nexport const MAX_CHUNK_SIZE = 1024 * 500; // 500kb\r\nexport const REWARDS_CHECK_INTERVAL = 60000;\r\nexport const hashtagRegExp = /(?:\\s|^)#[A-Za-z0-9\\-._]+(?:\\s|$)/gim;\r\n\r\nexport const encodeArrayBuffer = (file: ArrayBuffer): number[] =>\r\n  Array.from(new Uint8Array(file));\r\n\r\nexport function unwrap<T>(val: Optional<T>): T | null {\r\n  if (val[0] === undefined) {\r\n    return null;\r\n  } else {\r\n    return val[0];\r\n  }\r\n}\r\n\r\nexport function formatBigNumber(number: number): string {\r\n  if (number >= 1_000_000_000) {\r\n    return `${(number / 1_000_000_000).toFixed(2)}B`;\r\n  }\r\n  if (number >= 1_000_000) {\r\n    return `${(number / 1_000_000).toFixed(2)}M`;\r\n  }\r\n  if (number >= 1_000) {\r\n    return `${(number / 1_000).toFixed(1)}K`;\r\n  }\r\n  return `${number}`;\r\n}\r\n\r\n// Converts a file from a byteArray to a blob URL\r\n// TODO: Detect mime-type, \"fileToBlobUrl\" https://stackoverflow.com/a/29672957\r\nexport function fileToImgSrc(file: [] | number[][], imgType = \"jpeg\"): string {\r\n  const byteArray = new Uint8Array(file[0]);\r\n  const picBlob = new Blob([byteArray], { type: `image/${imgType}` });\r\n  const picSrc = URL.createObjectURL(picBlob);\r\n  return picSrc;\r\n}\r\n\r\n// Converts a word into a hex color for placeholder profile pic backgrounds\r\nexport function textToColor(text: string): string {\r\n  const numStringFromString = text\r\n    .split(\"\")\r\n    .map((char) => char.charCodeAt(0))\r\n    .join(\"\");\r\n  let hexFromNumString = parseInt(numStringFromString, 10).toString(16);\r\n  const hexLength = hexFromNumString.length;\r\n  const trimAmount = hexLength - 6;\r\n\r\n  if (trimAmount < 0) {\r\n    for (let i = 0; i < Math.abs(trimAmount); i++) {\r\n      hexFromNumString += \"0\";\r\n    }\r\n  }\r\n  if (trimAmount > 1) {\r\n    const startIndex = Math.ceil(trimAmount / 2);\r\n    const hexArray = hexFromNumString.split(\"\");\r\n    const trimmedArray = hexArray.slice(startIndex, startIndex + 6);\r\n\r\n    hexFromNumString = trimmedArray.join(\"\");\r\n  }\r\n\r\n  return `#${hexFromNumString}`;\r\n}\r\n\r\n// Regular expressions for detecting canisterId in various formats\r\nconst ic0AppHostRegEx = /(?:(?<canisterId>.*)\\.)?(?<subdomain>[^.]*)\\.(?<domain>ic0\\.app)$/;\r\nconst localhostRegEx = /(?<canisterId>(?:\\w{5}-){4}cai)\\.[^.]*$/;\r\n\r\n// Detect canisterId from current URL\r\nexport function getCanisterId(): Principal {\r\n  const loc = new URL(window.location.toString());\r\n  const hostName = loc.hostname;\r\n  const matchesIc0 = ic0AppHostRegEx.exec(hostName);\r\n  const matchesLocalhost = localhostRegEx.exec(hostName);\r\n\r\n  if (matchesIc0?.groups?.canisterId) {\r\n    return Principal.fromText(matchesIc0.groups.canisterId);\r\n  } else if (matchesLocalhost?.groups?.canisterId) {\r\n    return Principal.fromText(matchesLocalhost.groups.canisterId!);\r\n  } else if (loc.searchParams.get(\"canisterId\")) {\r\n    return Principal.fromText(loc.searchParams.get(\"canisterId\")!);\r\n  } else {\r\n    throw new Error(\"Could not find the canister ID.\");\r\n  }\r\n}\r\n"],"sourceRoot":""}