├── .eslintrc.json
├── .gitignore
├── README.md
├── components
    ├── AddComment
    │   ├── AddCommentForm.js
    │   ├── ImageUpload.js
    │   ├── InputError.js
    │   └── SubmitMessage.js
    ├── Comments
    │   ├── AllComments.js
    │   ├── CommentImage.js
    │   └── SingleComment.js
    ├── Emoji
    │   ├── Emoji.js
    │   ├── EmojiAdder.js
    │   ├── EmojiWithCounter.js
    │   └── ReactionBlock.js
    ├── Header.js
    └── LoadingComponent.js
├── lib
    ├── dynamicScriptLoader.js
    ├── emojiConfig.js
    ├── keyGen.js
    ├── sanityClient.js
    ├── snarkdown.js
    ├── stringHash.js
    └── utils.js
├── next.config.js
├── package.json
├── pages
    ├── _app.js
    ├── api
    │   ├── addReaction.js
    │   ├── sendComment.js
    │   └── setCommentImage.js
    └── index.js
├── studio
    ├── README.md
    ├── config
    │   ├── .checksums
    │   └── @sanity
    │   │   ├── data-aspects.json
    │   │   ├── default-layout.json
    │   │   ├── default-login.json
    │   │   └── form-builder.json
    ├── dist
    │   ├── index.html
    │   └── static
    │   │   ├── .gitkeep
    │   │   ├── css
    │   │       └── main.css
    │   │   ├── favicon.ico
    │   │   └── js
    │   │       ├── app.bundle.js
    │   │       └── vendor.bundle.js
    ├── package.json
    ├── plugins
    │   └── .gitkeep
    ├── sanity.json
    ├── schemas
    │   ├── comment.js
    │   ├── commentReactions.js
    │   └── schema.js
    ├── static
    │   ├── .gitkeep
    │   └── favicon.ico
    ├── tsconfig.json
    └── yarn.lock
├── styles
    └── globals.css
├── vercel.json
└── yarn.lock


/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "env": {
 3 |         "browser": true,
 4 |         "es2021": true,
 5 |         "node": true
 6 |     },
 7 |     "extends": [
 8 |         "eslint:recommended",
 9 |         "plugin:react/recommended",
10 |         "plugin:react-hooks/recommended"
11 |     ],
12 |     "parserOptions": {
13 |         "ecmaFeatures": {
14 |             "jsx": true
15 |         },
16 |         "ecmaVersion": 12,
17 |         "sourceType": "module"
18 |     },
19 |     "plugins": [
20 |         "react"
21 |     ],
22 |     "rules": {
23 |         "react/react-in-jsx-scope": "off"
24 |     },
25 |     "globals": {
26 |         "React": "writable"
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | package-lock.json
 6 | /studio/node_modules
 7 | /.pnp
 8 | .pnp.js
 9 | 
10 | # testing
11 | /coverage
12 | 
13 | # next.js
14 | /.next/
15 | /out/
16 | 
17 | # production
18 | /build
19 | 
20 | # misc
21 | .DS_Store
22 | *.pem
23 | 
24 | # debug
25 | npm-debug.log*
26 | yarn-debug.log*
27 | yarn-error.log*
28 | 
29 | # local env files
30 | .env.local
31 | .env.development.local
32 | .env.test.local
33 | .env.production.local
34 | 
35 | # vercel
36 | .vercel
37 | .env


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # React Real-Time Commenting System
 2 | 
 3 | Real-Time Commenting System built on top of [Next.js](https://nextjs.org/) and with [Sanity.io](https://www.sanity.io/) as the data store.    
 4 | This is meant as a reference repository, currently there's no package available but you can follow my tutorials to recreate this project for your website: [my blog here](https://alessiofranceschi.me/blog/react-commenting-system).
 5 | 
 6 | ![Example](https://alessiofranceschi.me/assets/img/react-commenting/reactions-example.gif)
 7 | 
 8 | ## Demo
 9 | Test out this project [here](https://react-commenting-system.vercel.app/).
10 | 
11 | ## Features
12 | - Anonymous by default, username and email not needed
13 | - Nested comments without limits
14 | - Reactions with emoticons
15 | - Real-Time: new comments and reaction shown without reloading the page
16 | - Markdown support
17 | - ReCaptcha v3
18 | - Responsive
19 | - Comments without urls are approved by default
20 | 
21 | ## Tutorial
22 | I wrote a three-part series on how to build this project:
23 | - [Building a Real-Time Commenting System in React [Part 1/3]](https://alessiofranceschi.me/blog/react-commenting-system)
24 | - [Making Nested Comments - Building a Real-Time Commenting System in React [Part 2/3]](https://alessiofranceschi.me/blog/react-commenting-system-part-2)
25 | - [Emoji Reactions for Comments - Building a Real-Time Commenting System in React [Part 3/3]](https://alessiofranceschi.me/blog/react-commenting-system-part-3)
26 | 


--------------------------------------------------------------------------------
/components/AddComment/AddCommentForm.js:
--------------------------------------------------------------------------------
  1 | import { useForm } from "react-hook-form";
  2 | import InputError from "./InputError";
  3 | import { Fragment, useState } from "react";
  4 | import SubmitMessage from "./SubmitMessage";
  5 | // import ImageUpload from "./ImageUpload";
  6 | 
  7 | export default function AddCommentForm({
  8 | 	parentCommentId,
  9 | 	firstParentId,
 10 | 	extraClass,
 11 | }) {
 12 | 	const [submitMessage, setSubmitMessage] = useState({});
 13 | 	const [submittedFormData, setSubmittedFormData] = useState({});
 14 | 	const [isSending, setIsSending] = useState(false);
 15 | 	const { register, errors, handleSubmit, reset } = useForm();
 16 | 
 17 | 	// const [imgSrc, setImgSrc] = useState("");
 18 | 
 19 | 	// function uploadHandler(e) {
 20 | 	// 	setImgSrc(URL.createObjectURL(e.target.files[0]));
 21 | 	// }
 22 | 
 23 | 	const onSubmit = data => {
 24 | 		setSubmittedFormData(data);
 25 | 		setIsSending(true);
 26 | 
 27 | 		// if (data.userImage) data.userImage = data.userImage[0];
 28 | 
 29 | 		if (parentCommentId) {
 30 | 			data.parentCommentId = parentCommentId;
 31 | 			data.firstParentId = firstParentId;
 32 | 		}
 33 | 
 34 | 		grecaptcha.ready(() => {
 35 | 			grecaptcha
 36 | 				.execute(process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY, {
 37 | 					action: "submit",
 38 | 				})
 39 | 				.then(token => {
 40 | 					data.token = token;
 41 | 					fetch("/api/sendComment", {
 42 | 						method: "POST",
 43 | 						body: JSON.stringify(data),
 44 | 					})
 45 | 						.then(r => {
 46 | 							if (r.status !== 200) {
 47 | 								r.json().then(e => {
 48 | 									throw new Error(e);
 49 | 								});
 50 | 							} else return r.json();
 51 | 						})
 52 | 						.then(j => {
 53 | 							reset({ ...submittedFormData });
 54 | 							setSubmittedFormData({});
 55 | 							setIsSending(false);
 56 | 
 57 | 							setSubmitMessage({
 58 | 								text: j.message,
 59 | 								success: true,
 60 | 							});
 61 | 							setTimeout(() => {
 62 | 								setSubmitMessage({});
 63 | 							}, 2000);
 64 | 						})
 65 | 						.catch(err => {
 66 | 							setSubmitMessage({
 67 | 								text: String(err.message),
 68 | 								success: false,
 69 | 							});
 70 | 							setTimeout(() => {
 71 | 								setSubmitMessage({});
 72 | 							}, 2000);
 73 | 						});
 74 | 				});
 75 | 		});
 76 | 	};
 77 | 
 78 | 	return (
 79 | 		<Fragment>
 80 | 			{submitMessage !== undefined && (
 81 | 				<SubmitMessage message={submitMessage} />
 82 | 			)}
 83 | 			<form onSubmit={handleSubmit(onSubmit)} className={extraClass}>
 84 | 				{/* <ImageUpload
 85 | 					uploadHandler={uploadHandler}
 86 | 					imgSrc={imgSrc}
 87 | 					register={register}
 88 | 				/> */}
 89 | 				<input
 90 | 					type="text"
 91 | 					placeholder="Name (Optional)"
 92 | 					name="name"
 93 | 					ref={register({ required: false, maxLength: 80 })}
 94 | 				/>
 95 | 				{errors.name && <InputError error={"Your name is required"} />}
 96 | 				<input
 97 | 					type="text"
 98 | 					placeholder="Email (Optional)"
 99 | 					name="email"
100 | 					ref={register({ required: false, pattern: /^\S+@\S+$/i })}
101 | 				/>
102 | 				{errors.email && <InputError error={"Invalid email"} />}
103 | 				<textarea
104 | 					name="comment"
105 | 					placeholder="Your Comment (Supports Markdown)"
106 | 					rows="5"
107 | 					ref={register({ required: true, maxLength: 5000 })}
108 | 				/>
109 | 				{errors.comment && (
110 | 					<InputError error={"You need to write something"} />
111 | 				)}
112 | 				<input
113 | 					type="submit"
114 | 					disabled={isSending}
115 | 					value={isSending ? "Sending Comment..." : "Send Comment"}
116 | 				/>
117 | 			</form>
118 | 		</Fragment>
119 | 	);
120 | }
121 | 


--------------------------------------------------------------------------------
/components/AddComment/ImageUpload.js:
--------------------------------------------------------------------------------
 1 | import getKey from "../../lib/keyGen";
 2 | 
 3 | export default function ImageUpload({ imgSrc, uploadHandler, register }) {
 4 | 	const randomKey = getKey;
 5 | 
 6 | 	return (
 7 | 		<label for={`img-upload-randomKey`} class="img-upload-label">
 8 | 			<div className="icon-upload">
 9 | 				<div className="camera-icon-container">
10 | 					<svg
11 | 						xmlns="http://www.w3.org/2000/svg"
12 | 						width="24"
13 | 						height="24"
14 | 						viewBox="0 0 24 24"
15 | 						className="camera-icon"
16 | 					>
17 | 						<path d="M5 5h-3v-1h3v1zm8 5c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm11-4v15h-24v-15h5.93c.669 0 1.293-.334 1.664-.891l1.406-2.109h8l1.406 2.109c.371.557.995.891 1.664.891h3.93zm-19 4c0-.552-.447-1-1-1-.553 0-1 .448-1 1s.447 1 1 1c.553 0 1-.448 1-1zm13 3c0-2.761-2.239-5-5-5s-5 2.239-5 5 2.239 5 5 5 5-2.239 5-5z" />
18 | 					</svg>
19 | 				</div>
20 | 			</div>
21 | 			<div className="new-comment-image">
22 | 				<img
23 | 					src={
24 | 						imgSrc
25 | 							? imgSrc
26 | 							: `https://identicon-api.herokuapp.com/${randomKey}>/${100}>?format=png`
27 | 					}
28 | 				/>
29 | 			</div>
30 | 			<input
31 | 				name="userImage"
32 | 				type="file"
33 | 				id={`img-upload-randomKey`}
34 | 				class="img-upload"
35 | 				onChange={uploadHandler}
36 | 				ref={register({ required: false })}
37 | 			/>
38 | 		</label>
39 | 	);
40 | }
41 | 


--------------------------------------------------------------------------------
/components/AddComment/InputError.js:
--------------------------------------------------------------------------------
1 | export default function InputError({ error }) {
2 | 	return <span className="error">{error}</span>;
3 | }
4 | 


--------------------------------------------------------------------------------
/components/AddComment/SubmitMessage.js:
--------------------------------------------------------------------------------
 1 | export default function SubmitMessage({ message }) {
 2 | 	return (
 3 | 		<div
 4 | 			id="submitMessage"
 5 | 			className={message.success ? "success" : "error"}
 6 | 		>
 7 | 			{message.text}
 8 | 		</div>
 9 | 	);
10 | }
11 | 


--------------------------------------------------------------------------------
/components/Comments/AllComments.js:
--------------------------------------------------------------------------------
 1 | import { useState, useEffect, createContext } from "react";
 2 | import dynamic from "next/dynamic";
 3 | import { client } from "../../lib/sanityClient";
 4 | import load from "@pandasekh/dynamic-script-loader";
 5 | 
 6 | const ReactionsContext = createContext(undefined);
 7 | 
 8 | export default function AllComments() {
 9 | 	const [comments, setComments] = useState();
10 | 	const [reactions, setReactions] = useState();
11 | 	const [isLoading, setIsLoading] = useState(true);
12 | 
13 | 	const Comment = dynamic(() => import("./SingleComment"));
14 | 	const LoadingComponent = dynamic(() => import("../LoadingComponent"));
15 | 
16 | 	const query = `*[_type == "comment" && approved==true]{_id, comment, name, _createdAt, childComments} | order (_createdAt)`;
17 | 	let querySub = undefined;
18 | 
19 | 	useEffect(async () => {
20 | 		// Set the already existing comments
21 | 		setComments(await client.fetch(query).then(r => r));
22 | 		// Subscribe to the query Observable and update the state on each update
23 | 		querySub = client.listen(query).subscribe(update => {
24 | 			if (update) {
25 | 				setComments(comments =>
26 | 					[
27 | 						...comments.filter(
28 | 							comment => comment._id !== update.result._id
29 | 						),
30 | 						update.result,
31 | 					].sort((a, b) => (a._createdAt > b._createdAt ? 1 : -1))
32 | 				);
33 | 			}
34 | 		});
35 | 
36 | 		client
37 | 			.fetch(`*[_type == "commentReactions"]`)
38 | 			.then(r => setReactions(r));
39 | 
40 | 		// Dynamically import Google ReCaptcha
41 | 		load(
42 | 			`https://www.google.com/recaptcha/api.js?render=${process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY}`
43 | 		).then(() => setIsLoading(false));
44 | 		// Unsubscribe on Component unmount
45 | 		return () => {
46 | 			querySub.unsubscribe();
47 | 		};
48 | 	}, []);
49 | 
50 | 	const commentList = comments?.map(comment => {
51 | 		return <Comment key={comment._id} comment={comment} />;
52 | 	});
53 | 
54 | 	return (
55 | 		<ReactionsContext.Provider value={reactions}>
56 | 			{isLoading ? <LoadingComponent /> : <ul>{commentList}</ul>}
57 | 		</ReactionsContext.Provider>
58 | 	);
59 | }
60 | 
61 | export { ReactionsContext };
62 | 


--------------------------------------------------------------------------------
/components/Comments/CommentImage.js:
--------------------------------------------------------------------------------
 1 | import { client } from "../../lib/sanityClient";
 2 | import imageUrlBuilder from "@sanity/image-url";
 3 | 
 4 | export default function CommentImage({ commentImage, username }) {
 5 | 	let imgUrl = commentImage
 6 | 		? imageUrlBuilder(client).image(commentImage)
 7 | 		: `https://identicon-api.herokuapp.com/${username}>/${50}>?format=png`;
 8 | 
 9 | 	return (
10 | 		<div className="commentImage">
11 | 			<img src={imgUrl}></img>
12 | 		</div>
13 | 	);
14 | }
15 | 


--------------------------------------------------------------------------------
/components/Comments/SingleComment.js:
--------------------------------------------------------------------------------
 1 | import AddComment from "../AddComment/AddCommentForm";
 2 | import { useState } from "react";
 3 | import CommentImage from "./CommentImage";
 4 | import ReactionBlock from "../Emoji/ReactionBlock";
 5 | import parser from "../../lib/snarkdown";
 6 | import { formatDate } from "../../lib/utils";
 7 | 
 8 | export default function Comment({ comment, firstParentId }) {
 9 | 	const [showReplyBox, setShowReplyBox] = useState(false);
10 | 	const toggleReplyBox = () => setShowReplyBox(!showReplyBox);
11 | 
12 | 	return (
13 | 		<li
14 | 			key={comment._id}
15 | 			id={comment._id}
16 | 			className={firstParentId ? "child" : ""}
17 | 		>
18 | 			<span className="comment-info-container">
19 | 				<CommentImage
20 | 					image={comment.userImage}
21 | 					username={comment.name}
22 | 				/>
23 | 				<span className="comment-info">
24 | 					Comment by <strong>{comment.name}</strong> on{" "}
25 | 					<strong>{formatDate(comment._createdAt)}</strong>
26 | 				</span>
27 | 			</span>
28 | 			<p
29 | 				className="comment-content"
30 | 				dangerouslySetInnerHTML={{
31 | 					__html: parser(comment.comment.trim()),
32 | 				}}
33 | 			></p>
34 | 			<div className="reaction-div">
35 | 				<button onClick={toggleReplyBox} className="reply-button">
36 | 					Reply
37 | 				</button>
38 | 				<ReactionBlock commentId={comment._id} />
39 | 			</div>
40 | 			{showReplyBox && (
41 | 				<AddComment
42 | 					parentCommentId={comment._id}
43 | 					firstParentId={firstParentId || comment._id}
44 | 				/>
45 | 			)}
46 | 
47 | 			{comment.childComments && (
48 | 				<ul>
49 | 					{comment.childComments.map(childComment => (
50 | 						<Comment
51 | 							comment={childComment}
52 | 							key={childComment._id}
53 | 							firstParentId={firstParentId || comment._id}
54 | 						/>
55 | 					))}
56 | 				</ul>
57 | 			)}
58 | 		</li>
59 | 	);
60 | }
61 | 


--------------------------------------------------------------------------------
/components/Emoji/Emoji.js:
--------------------------------------------------------------------------------
 1 | /* eslint-disable react/prop-types */
 2 | export default function Emoji({ emoji, label, className, onClickCallback }) {
 3 | 	return (
 4 | 		<span
 5 | 			className={
 6 | 				className ? className + " emoji" : "emoji"
 7 | 			}
 8 | 			role="img"
 9 | 			aria-label={label ? label : ""}
10 | 			aria-hidden={label ? "false" : "true"}
11 | 			onClick={onClickCallback}
12 | 		>
13 | 			{emoji}
14 | 		</span>
15 | 	);
16 | }
17 | 


--------------------------------------------------------------------------------
/components/Emoji/EmojiAdder.js:
--------------------------------------------------------------------------------
 1 | /* eslint-disable react/prop-types */
 2 | import Emoji from "./Emoji";
 3 | import { Fragment, useState } from "react";
 4 | import getKey from "../../lib/keyGen";
 5 | 
 6 | /**
 7 |  * Component which renders and handles a basic menu to add emoticons not already added by other users
 8 |  */
 9 | export default function EmojiAdder({
10 | 	selectedEmojis,
11 | 	updateEmojiCount,
12 | 	EMOJI_OPTIONS,
13 | }) {
14 | 	const [isMenuOpen, setIsMenuOpen] = useState(false);
15 | 	const toggleMenu = () => setIsMenuOpen(!isMenuOpen);
16 | 
17 | 	const alreadySelectedEmojis = selectedEmojis.map(e => e.emoji);
18 | 
19 | 	const emojiOptions = EMOJI_OPTIONS.filter(
20 | 		e => !alreadySelectedEmojis.includes(e.emoji)
21 | 	).map(singleEmoji => (
22 | 		<Emoji
23 | 			key={getKey()}
24 | 			emoji={singleEmoji.emoji}
25 | 			label={singleEmoji.label}
26 | 			onClickCallback={() => {
27 | 				updateEmojiCount(singleEmoji.emoji);
28 | 				toggleMenu();
29 | 			}}
30 | 		/>
31 | 	));
32 | 
33 | 	return (
34 | 		<Fragment>
35 | 			{emojiOptions.length > 0 && (
36 | 				<span className="reaction-adder-emoji">
37 | 					<Emoji
38 | 						onClickCallback={toggleMenu}
39 | 						emoji={"+"}
40 | 						label="emoji-adder"
41 | 					/>
42 | 					<EmojiMenu />
43 | 				</span>
44 | 			)}
45 | 		</Fragment>
46 | 	);
47 | 
48 | 	function EmojiMenu() {
49 | 		return (
50 | 			<div
51 | 				className={
52 | 					isMenuOpen
53 | 						? "emoji-adder-menu-open"
54 | 						: "emoji-adder-menu-closed"
55 | 				}
56 | 			>
57 | 				{emojiOptions}
58 | 			</div>
59 | 		);
60 | 	}
61 | }
62 | 


--------------------------------------------------------------------------------
/components/Emoji/EmojiWithCounter.js:
--------------------------------------------------------------------------------
 1 | /* eslint-disable react/prop-types */
 2 | import Emoji from "./Emoji";
 3 | 
 4 | export default function EmojiWithCounter({
 5 | 	emoji,
 6 | 	emojiLabel,
 7 | 	initialCounter,
 8 | 	onIncrease,
 9 | }) {
10 | 
11 | 	return (
12 | 		<span
13 | 			className="emoji-container"
14 | 			id={emojiLabel}
15 | 			onClick={() => onIncrease(emoji)}
16 | 		>
17 | 			<Emoji emoji={emoji} label={emojiLabel} />
18 | 			<div className="emoji-counter-div">
19 | 				<span className="emoji-counter ">{initialCounter}</span>
20 | 			</div>
21 | 		</span>
22 | 	);
23 | }
24 | 


--------------------------------------------------------------------------------
/components/Emoji/ReactionBlock.js:
--------------------------------------------------------------------------------
  1 | /* eslint-disable react/prop-types */
  2 | import EmojiWithCounter from "./EmojiWithCounter";
  3 | import getKey from "../../lib/keyGen";
  4 | import EmojiAdder from "./EmojiAdder";
  5 | import { useState, useEffect, useContext } from "react";
  6 | import { ReactionsContext } from "../Comments/AllComments";
  7 | import { client } from "../../lib/sanityClient";
  8 | import { DEFAULT_EMOJI_OPTIONS } from "../../lib/emojiConfig";
  9 | 
 10 | let dbDebouncerTimer;
 11 | export default function ReactionBlock({ commentId }) {
 12 | 	// We get the initial reactions we previously fetched from the Context
 13 | 	const contextReactions = useContext(ReactionsContext)
 14 | 		?.filter(r => r.commentId === commentId)
 15 | 		.map(r => r.reactions)
 16 | 		?.sort((a, b) => (a.counter < b.counter ? 1 : -1))[0];
 17 | 	const [reactions, setReactions] = useState([]);
 18 | 	const [shouldUpdateDb, setShouldUpdateDb] = useState(false);
 19 | 
 20 | 	useEffect(() => {
 21 | 		// If there are reactions in the context, set them
 22 | 		if (contextReactions) setReactions(contextReactions);
 23 | 
 24 | 		let querySub = undefined;
 25 | 
 26 | 		// Subscribe to the query Observable and update the state on each update
 27 | 		const query = `*[_type == "commentReactions" && commentId=="${commentId}"]`;
 28 | 		querySub = client.listen(query).subscribe(update => {
 29 | 			if (update) {
 30 | 				setReactions([
 31 | 					...update.result.reactions.sort((a, b) =>
 32 | 						a.counter < b.counter ? 1 : -1
 33 | 					),
 34 | 				]);
 35 | 			}
 36 | 		});
 37 | 
 38 | 		// Unsubscribe on Component unmount
 39 | 		return () => {
 40 | 			querySub.unsubscribe();
 41 | 		};
 42 | 	}, []);
 43 | 
 44 | 	useEffect(() => {
 45 | 		if (shouldUpdateDb) updateReactionsOnDatabase();
 46 | 		setShouldUpdateDb(false);
 47 | 		// eslint-disable-next-line react-hooks/exhaustive-deps
 48 | 	}, [shouldUpdateDb]);
 49 | 
 50 | 	// Onclick, update the emoji counter and start a timer to update the database
 51 | 	const updateEmojiCount = emoji => {
 52 | 		setShouldUpdateDb(false);
 53 | 		let emojiFromState = reactions.filter(em => em.emoji === emoji)[0];
 54 | 		if (!emojiFromState) {
 55 | 			emojiFromState = DEFAULT_EMOJI_OPTIONS.filter(
 56 | 				em => em.emoji === emoji
 57 | 			)[0];
 58 | 			emojiFromState.counter = 1;
 59 | 			setReactions(reactions =>
 60 | 				[...reactions, emojiFromState].sort((a, b) =>
 61 | 					a.counter < b.counter ? 1 : -1
 62 | 				)
 63 | 			);
 64 | 		} else {
 65 | 			emojiFromState.counter++;
 66 | 			setReactions(reactions =>
 67 | 				[
 68 | 					...reactions.filter(
 69 | 						rea => rea.emoji !== emojiFromState.emoji
 70 | 					),
 71 | 					emojiFromState,
 72 | 				].sort((a, b) => (a.counter < b.counter ? 1 : -1))
 73 | 			);
 74 | 		}
 75 | 		setShouldUpdateDb(true);
 76 | 	};
 77 | 
 78 | 	// Debouncer to avoid updating the database on every click
 79 | 	function updateReactionsOnDatabase() {
 80 | 		clearTimeout(dbDebouncerTimer);
 81 | 		dbDebouncerTimer = setTimeout(() => {
 82 | 			fetch("/api/addReaction", {
 83 | 				method: "POST",
 84 | 				body: JSON.stringify({
 85 | 					commentId: commentId,
 86 | 					reactions: reactions,
 87 | 				}),
 88 | 			});
 89 | 			dbDebouncerTimer = null;
 90 | 		}, 1000 * 1);
 91 | 	}
 92 | 
 93 | 	const mappedReactions = reactions.map(reaction => (
 94 | 		<EmojiWithCounter
 95 | 			key={getKey()}
 96 | 			emoji={reaction.emoji}
 97 | 			emojiLabel={reaction}
 98 | 			initialCounter={reaction.counter}
 99 | 			onIncrease={updateEmojiCount}
100 | 		/>
101 | 	));
102 | 
103 | 	return (
104 | 		<div className="reaction-block">
105 | 			{mappedReactions}
106 | 			<EmojiAdder
107 | 				selectedEmojis={reactions}
108 | 				updateEmojiCount={updateEmojiCount}
109 | 				EMOJI_OPTIONS={DEFAULT_EMOJI_OPTIONS}
110 | 			/>
111 | 		</div>
112 | 	);
113 | }
114 | 


--------------------------------------------------------------------------------
/components/Header.js:
--------------------------------------------------------------------------------
 1 | import { Fragment } from "react";
 2 | 
 3 | export default function Header() {
 4 | 	return (
 5 | 		<Fragment>
 6 | 			<h1>React (NextJS) / Sanity Commenting System</h1>
 7 | 			<h2>
 8 | 				Designed and Programmed by{" "}
 9 | 				<a href="https://github.com/PandaSekh/React-Commenting-System">Alessio Franceschi</a>
10 | 			</h2>
11 | 		</Fragment>
12 | 	);
13 | }
14 | 


--------------------------------------------------------------------------------
/components/LoadingComponent.js:
--------------------------------------------------------------------------------
 1 | // https://loading.io/css/
 2 | export default function LoadingComponent() {
 3 | 	return (
 4 | 		<div className="lds-roller">
 5 | 			<div></div>
 6 | 			<div></div>
 7 | 			<div></div>
 8 | 			<div></div>
 9 | 			<div></div>
10 | 			<div></div>
11 | 			<div></div>
12 | 			<div></div>
13 | 		</div>
14 | 	);
15 | }
16 | 


--------------------------------------------------------------------------------
/lib/dynamicScriptLoader.js:
--------------------------------------------------------------------------------
 1 | import hashString from "./stringHash";
 2 | 
 3 | const loadScript = (scriptSrc, callback) => {
 4 | 	const hashedId = hashString(scriptSrc);
 5 | 
 6 | 	const checkScript = document.getElementById(hashedId);
 7 | 
 8 | 	if (!checkScript) {
 9 | 		const script = document.createElement("script");
10 | 		script.src = scriptSrc;
11 | 		script.id = hashedId;
12 | 		document.body.appendChild(script);
13 | 
14 | 		if (callback) {
15 | 			script.onload = () => callback();
16 | 		}
17 | 	}
18 | 	if (checkScript && callback) {
19 | 		callback();
20 | 	}
21 | };
22 | 
23 | export default loadScript;
24 | 


--------------------------------------------------------------------------------
/lib/emojiConfig.js:
--------------------------------------------------------------------------------
 1 | const DEFAULT_EMOJI_OPTIONS = [
 2 | 	{
 3 | 		emoji: "😄",
 4 | 		label: "happy",
 5 | 	},
 6 | 	{
 7 | 		emoji: "📚",
 8 | 		label: "books",
 9 | 	},
10 | 	{
11 | 		emoji: "😟",
12 | 		label: "suprised",
13 | 	},
14 | 	{
15 | 		emoji: "🐱",
16 | 		label: "cat",
17 | 	},
18 | 	{
19 | 		emoji: "🐼",
20 | 		label: "panda",
21 | 	},
22 | ];
23 | 
24 | export { DEFAULT_EMOJI_OPTIONS };
25 | 


--------------------------------------------------------------------------------
/lib/keyGen.js:
--------------------------------------------------------------------------------
1 | export default function getKey() {
2 | 	return (Math.random() * (9 - 0) + 0)
3 | 		.toString()
4 | 		.replace(".", "")
5 | 		.substring(0, 20);
6 | }
7 | 


--------------------------------------------------------------------------------
/lib/sanityClient.js:
--------------------------------------------------------------------------------
 1 | const sanityClient = require("@sanity/client");
 2 | 
 3 | export const client = sanityClient({
 4 | 	projectId: process.env.NEXT_PUBLIC_SANITY_PROJECT_ID,
 5 | 	dataset: process.env.NEXT_PUBLIC_SANITY_DATASET,
 6 | 	useCdn: false,
 7 | });
 8 | 
 9 | export const writeClient = sanityClient({
10 | 	projectId: process.env.NEXT_PUBLIC_SANITY_PROJECT_ID,
11 | 	dataset: process.env.NEXT_PUBLIC_SANITY_DATASET,
12 | 	token: process.env.SANITY_W_TOKEN,
13 | 	useCdn: false,
14 | });
15 | 


--------------------------------------------------------------------------------
/lib/snarkdown.js:
--------------------------------------------------------------------------------
  1 | //https://github.com/developit/snarkdown
  2 | const TAGS = {
  3 | 	"": ["<em>", "</em>"],
  4 | 	_: ["<strong>", "</strong>"],
  5 | 	"*": ["<strong>", "</strong>"],
  6 | 	"~": ["<s>", "</s>"],
  7 | 	"\n": ["<br />"],
  8 | 	" ": ["<br />"],
  9 | 	"-": ["<hr />"],
 10 | };
 11 | 
 12 | /** Outdent a string based on the first indented line's leading whitespace
 13 |  *	@private
 14 |  */
 15 | function outdent(str) {
 16 | 	return str.replace(
 17 | 		RegExp("^" + (str.match(/^(\t| )+/) || "")[0], "gm"),
 18 | 		""
 19 | 	);
 20 | }
 21 | 
 22 | /** Encode special attribute characters to HTML entities in a String.
 23 |  *	@private
 24 |  */
 25 | function encodeAttr(str) {
 26 | 	return (str + "")
 27 | 		.replace(/"/g, "&quot;")
 28 | 		.replace(/</g, "&lt;")
 29 | 		.replace(/>/g, "&gt;");
 30 | }
 31 | 
 32 | /** Parse Markdown into an HTML String. */
 33 | export default function parse(md, prevLinks) {
 34 | 	let tokenizer = /((?:^|\n+)(?:\n---+|\* \*(?: \*)+)\n)|(?:^``` *(\w*)\n([\s\S]*?)\n```$)|((?:(?:^|\n+)(?:\t|  {2,}).+)+\n*)|((?:(?:^|\n)([>*+-]|\d+\.)\s+.*)+)|(?:!\[([^\]]*?)\]\(([^)]+?)\))|(\[)|(\](?:\(([^)]+?)\))?)|(?:(?:^|\n+)([^\s].*)\n(-{3,}|={3,})(?:\n+|$))|(?:(?:^|\n+)(#{1,6})\s*(.+)(?:\n+|$))|(?:`([^`].*?)`)|(  \n\n*|\n{2,}|__|\*\*|[_*]|~~)/gm,
 35 | 		context = [],
 36 | 		out = "",
 37 | 		links = prevLinks || {},
 38 | 		last = 0,
 39 | 		chunk,
 40 | 		prev,
 41 | 		token,
 42 | 		inner,
 43 | 		t;
 44 | 
 45 | 	function tag(token) {
 46 | 		let desc = TAGS[token[1] || ""];
 47 | 		let end = context[context.length - 1] == token;
 48 | 		if (!desc) return token;
 49 | 		if (!desc[1]) return desc[0];
 50 | 		if (end) context.pop();
 51 | 		else context.push(token);
 52 | 		return desc[end | 0];
 53 | 	}
 54 | 
 55 | 	function flush() {
 56 | 		let str = "";
 57 | 		while (context.length) str += tag(context[context.length - 1]);
 58 | 		return str;
 59 | 	}
 60 | 
 61 | 	md = md
 62 | 		.replace(/^\[(.+?)\]:\s*(.+)$/gm, (s, name, url) => {
 63 | 			links[name.toLowerCase()] = url;
 64 | 			return "";
 65 | 		})
 66 | 		.replace(/^\n+|\n+$/g, "");
 67 | 
 68 | 	while ((token = tokenizer.exec(md))) {
 69 | 		prev = md.substring(last, token.index);
 70 | 		last = tokenizer.lastIndex;
 71 | 		chunk = token[0];
 72 | 		if (prev.match(/[^\\](\\\\)*\\$/)) {
 73 | 			// escaped
 74 | 		}
 75 | 		// Code/Indent blocks:
 76 | 		else if ((t = token[3] || token[4])) {
 77 | 			chunk =
 78 | 				'<pre class="code ' +
 79 | 				(token[4] ? "poetry" : token[2].toLowerCase()) +
 80 | 				'"><code' +
 81 | 				(token[2]
 82 | 					? ` class="language-${token[2].toLowerCase()}"`
 83 | 					: "") +
 84 | 				">" +
 85 | 				outdent(encodeAttr(t).replace(/^\n+|\n+$/g, "")) +
 86 | 				"</code></pre>";
 87 | 		}
 88 | 		// > Quotes, -* lists:
 89 | 		else if ((t = token[6])) {
 90 | 			if (t.match(/\./)) {
 91 | 				token[5] = token[5].replace(/^\d+/gm, "");
 92 | 			}
 93 | 			inner = parse(outdent(token[5].replace(/^\s*[>*+.-]/gm, "")));
 94 | 			if (t == ">") t = "blockquote";
 95 | 			else {
 96 | 				t = t.match(/\./) ? "ol" : "ul";
 97 | 				inner = inner.replace(/^(.*)(\n|$)/gm, "<li>$1</li>");
 98 | 			}
 99 | 			chunk = "<" + t + ">" + inner + "</" + t + ">";
100 | 		}
101 | 		// // Images:
102 | 		// else if (token[8]) {
103 | 		// 	chunk = `<img src="${encodeAttr(token[8])}" alt="${encodeAttr(
104 | 		// 		token[7]
105 | 		// 	)}">`;
106 | 		// }
107 | 		// Links:
108 | 		else if (token[10]) {
109 | 			out = out.replace(
110 | 				"<a>",
111 | 				`<a href="${encodeAttr(
112 | 					token[11] || links[prev.toLowerCase()]
113 | 				)}">`
114 | 			);
115 | 			chunk = flush() + "</a>";
116 | 		} else if (token[9]) {
117 | 			chunk = "<a>";
118 | 		}
119 | 		// Headings:
120 | 		// else if (token[12] || token[14]) {
121 | 		// 	t = "h" + (token[14] ? token[14].length : token[13] > "=" ? 1 : 2);
122 | 		// 	chunk =
123 | 		// 		"<" +
124 | 		// 		t +
125 | 		// 		">" +
126 | 		// 		parse(token[12] || token[15], links) +
127 | 		// 		"</" +
128 | 		// 		t +
129 | 		// 		">";
130 | 		// }
131 | 		// `code`:
132 | 		else if (token[16]) {
133 | 			chunk = "<code>" + encodeAttr(token[16]) + "</code>";
134 | 		}
135 | 		// Inline formatting: *em*, **strong** & friends
136 | 		else if (token[17] || token[1]) {
137 | 			chunk = tag(token[17] || "--");
138 | 		}
139 | 		out += prev;
140 | 		out += chunk;
141 | 	}
142 | 
143 | 	return (out + md.substring(last) + flush()).replace(/^\n+|\n+$/g, "");
144 | }
145 | 


--------------------------------------------------------------------------------
/lib/stringHash.js:
--------------------------------------------------------------------------------
 1 | // Basic string hasher
 2 | 
 3 | const hashString = input => {
 4 | 	let hash = 0,
 5 | 		i,
 6 | 		chr;
 7 | 	for (i = 0; i < input.length; i++) {
 8 | 		chr = input.charCodeAt(i);
 9 | 		hash = (hash << 5) - hash + chr;
10 | 		hash |= 0;
11 | 	}
12 | 	return hash;
13 | };
14 | 
15 | export default hashString;
16 | 


--------------------------------------------------------------------------------
/lib/utils.js:
--------------------------------------------------------------------------------
 1 | const formatDate = fullDate => {
 2 | 	const date = fullDate?.split("T")[0];
 3 | 	const year = date.split("-")[0];
 4 | 	const month = new Date(date).toLocaleDateString("default", {
 5 | 		month: "long",
 6 | 	});
 7 | 	const day = date.split("-")[2];
 8 | 
 9 | 	return `${day} ${month} ${year}`;
10 | };
11 | 
12 | export { formatDate };
13 | 


--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | 	eslint: {
3 | 		// Warning: This allows production builds to successfully complete even if
4 | 		// your project has ESLint errors.
5 | 		ignoreDuringBuilds: true,
6 | 	},
7 | };
8 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "javascript-commenting-system",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "next dev",
 7 |     "build": "next build",
 8 |     "start": "next start"
 9 |   },
10 |   "dependencies": {
11 |     "@pandasekh/dynamic-script-loader": "^1.2.0",
12 |     "@sanity/client": "^2.10.5",
13 |     "@sanity/image-url": "^1.0.1",
14 |     "dotenv": "^11.0.0",
15 |     "lepre": "^0.5.1",
16 |     "next": "^12.0.7",
17 |     "react": "17.0.2",
18 |     "react-dom": "17.0.2",
19 |     "react-hook-form": "^7.7.1",
20 |     "sanitize-html": "^2.4.0"
21 |   },
22 |   "devDependencies": {
23 |     "eslint": "^8.6.0",
24 |     "eslint-plugin-react": "^7.28.0",
25 |     "eslint-plugin-react-hooks": "^4.3.0"
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/pages/_app.js:
--------------------------------------------------------------------------------
 1 | import Head from "next/head";
 2 | import { Fragment } from "react";
 3 | import "../styles/globals.css";
 4 | 
 5 | function MyApp({ Component, pageProps }) {
 6 | 	return (
 7 | 		<Fragment>
 8 | 			<Head>
 9 | 				<title>React Commenting System</title>
10 | 				<meta
11 | 					name="viewport"
12 | 					content="initial-scale=1.0, width=device-width"
13 | 				/>
14 | 			</Head>
15 | 			<Component {...pageProps} />
16 | 		</Fragment>
17 | 	);
18 | }
19 | 
20 | export default MyApp;
21 | 


--------------------------------------------------------------------------------
/pages/api/addReaction.js:
--------------------------------------------------------------------------------
 1 | require("dotenv").config();
 2 | import { writeClient } from "../../lib/sanityClient";
 3 | 
 4 | export default (req, res) => {
 5 | 	return new Promise(resolve => {
 6 | 		// Prepare the document
 7 | 		const body = JSON.parse(req.body);
 8 | 		const _id = body.commentId;
 9 | 		const reactions = body.reactions;
10 | 		reactions.forEach(r => (r._key = r.label));
11 | 
12 | 		const query = `*[_type == "commentReactions" && commentId == "${_id}"]{_id}[0]`;
13 | 		writeClient.fetch(query).then(comment => {
14 | 			if (comment) {
15 | 				writeClient
16 | 					.patch(comment._id)
17 | 					.set({ reactions: reactions })
18 | 					.commit()
19 | 					.then(() => {
20 | 						resolve(res.status(200).end());
21 | 					});
22 | 			} else {
23 | 				writeClient
24 | 					.create({
25 | 						_type: "commentReactions",
26 | 						commentId: _id,
27 | 						reactions: reactions,
28 | 					})
29 | 					.then(() => {
30 | 						resolve(res.status(200).end());
31 | 					});
32 | 			}
33 | 		});
34 | 	});
35 | };
36 | 


--------------------------------------------------------------------------------
/pages/api/sendComment.js:
--------------------------------------------------------------------------------
  1 | require("dotenv").config();
  2 | import getKey from "../../lib/keyGen";
  3 | import sanitizeHtml from "sanitize-html";
  4 | import { writeClient } from "../../lib/sanityClient";
  5 | 
  6 | var urlRegEx = new RegExp(
  7 | 	"([a-zA-Z0-9]+://)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\\.[A-Za-z]{2,4})(:[0-9]+)?([^ ])+"
  8 | );
  9 | 
 10 | export default (req, res) => {
 11 | 	return new Promise((resolve, reject) => {
 12 | 		const doc = JSON.parse(req.body);
 13 | 		// Check ReCaptcha Token
 14 | 		verifyRecaptchaToken(doc.token).then(isValidToken => {
 15 | 			if (!isValidToken) {
 16 | 				reject(res.status(406).end());
 17 | 			}
 18 | 		});
 19 | 
 20 | 		// Update the document with the required values for Sanity
 21 | 		doc._type = "comment";
 22 | 		doc._key = getKey();
 23 | 		doc._id = doc._key;
 24 | 		doc._createdAt = new Date();
 25 | 		doc.comment = sanitizeHtml(doc.comment, {
 26 | 			allowedTags: ["b", "i", "em", "strong", "a", "li", "ul"],
 27 | 			allowedAttributes: {
 28 | 				a: ["href"],
 29 | 			},
 30 | 		});
 31 | 		if (!doc.name) doc.name = "Anonymous";
 32 | 		delete doc.token;
 33 | 
 34 | 		if (doc.comment.match(urlRegEx)) doc.approved = false;
 35 | 		else doc.approved = true;
 36 | 
 37 | 		// if (doc.userImage) {
 38 | 		// 	writeClient.assets
 39 | 		// 		.upload("image", doc.userImage[0], {
 40 | 		// 			filename: doc._key,
 41 | 		// 		})
 42 | 		// 		.then(imageAsset => {
 43 | 		// 			doc.userImage = {
 44 | 		// 				_type: "image",
 45 | 		// 				asset: {
 46 | 		// 					_type: "reference",
 47 | 		// 					_ref: imageAsset._id,
 48 | 		// 				},
 49 | 		// 			};
 50 | 		// 		});
 51 | 		// }
 52 | 
 53 | 		// If the doc has a parentCommentId, it means it's a child comment
 54 | 		try {
 55 | 			if (doc.parentCommentId) {
 56 | 				// Remove these values from the document, as they're not expected in the database
 57 | 				const firstParentId = doc.firstParentId;
 58 | 				const parentCommentId = doc.parentCommentId;
 59 | 				delete doc.parentCommentId;
 60 | 				delete doc.firstParentId;
 61 | 
 62 | 				appendChildComment(firstParentId, parentCommentId, doc).then(
 63 | 					() => {
 64 | 						resolve(
 65 | 							res.status(200).json({ message: "Comment Created" })
 66 | 						);
 67 | 					}
 68 | 				);
 69 | 			} else {
 70 | 				// If there's no parentCommentId, just create a new comment
 71 | 				writeClient.create(doc).then(() => {
 72 | 					resolve(
 73 | 						res.status(200).json({ message: "Comment Created" })
 74 | 					);
 75 | 				});
 76 | 			}
 77 | 		} catch (err) {
 78 | 			reject(res.status(500).json({ message: String(err) }));
 79 | 		}
 80 | 	});
 81 | };
 82 | 
 83 | function verifyRecaptchaToken(token) {
 84 | 	return fetch("https://www.google.com/recaptcha/api/siteverify", {
 85 | 		method: "POST",
 86 | 		headers: { "Content-Type": "application/x-www-form-urlencoded" },
 87 | 		body: `secret=${process.env.RECAPTCHA_SECRET}&response=${token}`,
 88 | 	})
 89 | 		.then(r => r.json())
 90 | 		.then(j => {
 91 | 			return j.success;
 92 | 		});
 93 | }
 94 | 
 95 | function appendChildComment(firstParentId, parentCommentId, childComment) {
 96 | 	return new Promise(async resolve => {
 97 | 		// Get the first level parent
 98 | 		const query = `*[_type == "comment" && _id == "${firstParentId}"][0]`;
 99 | 		const parentComment = await writeClient.fetch(query).then(r => r);
100 | 
101 | 		// Parent Comment has no children, just create a new Array with the child comment
102 | 		if (!parentComment.childComments) {
103 | 			parentComment.childComments = [childComment];
104 | 		} else if (parentComment._id === parentCommentId) {
105 | 			// Parent Comment is a first level comment, so just append the comment
106 | 			parentComment.childComments = [
107 | 				...parentComment.childComments,
108 | 				childComment,
109 | 			];
110 | 		} else {
111 | 			// Parent comment is a level two or more nested comment
112 | 			// We need to find the actual parent comment in all nested comments
113 | 			const childToUpdate = getChildComment(
114 | 				parentComment,
115 | 				parentCommentId
116 | 			);
117 | 
118 | 			if (!childToUpdate.childComments) {
119 | 				// Parent comment has no children, create new Array with the new child
120 | 				childToUpdate.childComments = [childComment];
121 | 			} else {
122 | 				// Parent comment already has some children
123 | 				// Add the new childComment, filtering the previous Array to remove the
124 | 				childToUpdate.childComments = [
125 | 					...childToUpdate.childComments.filter(
126 | 						c => c._id !== childComment._id
127 | 					),
128 | 					childComment,
129 | 				];
130 | 			}
131 | 		}
132 | 
133 | 		// Patch the document
134 | 		writeClient
135 | 			.patch(parentComment._id)
136 | 			.set(parentComment)
137 | 			.commit()
138 | 			.then(() => {
139 | 				resolve(childComment._key);
140 | 			});
141 | 
142 | 		// Return the key or the id so we can focus the comment
143 | 	});
144 | }
145 | 
146 | // Recursive function which search every child for other children and returns the child to be modified
147 | function getChildComment(firstParentComment, childCommentId) {
148 | 	let returnComment = null;
149 | 	firstParentComment?.childComments?.forEach(c => {
150 | 		if (c._id == childCommentId) {
151 | 			returnComment = c;
152 | 		} else if (c.childComments) {
153 | 			returnComment = getChildComment(c, childCommentId);
154 | 		} else {
155 | 			return returnComment;
156 | 		}
157 | 	});
158 | 	return returnComment;
159 | }
160 | 


--------------------------------------------------------------------------------
/pages/api/setCommentImage.js:
--------------------------------------------------------------------------------
 1 | require("dotenv").config();
 2 | import { writeClient } from "../../lib/sanityClient";
 3 | 
 4 | export default (req, res) => {
 5 | 	return new Promise(resolve => {
 6 | 		const body = JSON.parse(req.body);
 7 | 		const userImage = body.userImage;
 8 | 		const commentKey = body._key;
 9 | 
10 | 		client.assets
11 | 			.upload("image", createReadStream(filePath), {
12 | 				filename: basename(filePath),
13 | 			})
14 | 			.then(imageAsset => {
15 | 				// Here you can decide what to do with the returned asset document.
16 | 				// If you want to set a specific asset field you can to the following:
17 | 				return client
18 | 					.patch("some-document-id")
19 | 					.set({
20 | 						theImageField: {
21 | 							_type: "image",
22 | 							asset: {
23 | 								_type: "reference",
24 | 								_ref: imageAsset._id,
25 | 							},
26 | 						},
27 | 					})
28 | 					.commit();
29 | 			});
30 | 	});
31 | };
32 | 


--------------------------------------------------------------------------------
/pages/index.js:
--------------------------------------------------------------------------------
 1 | import { Fragment } from "react";
 2 | import AddComment from "../components/AddComment/AddCommentForm";
 3 | import Comments from "../components/Comments/AllComments";
 4 | import Header from "../components/Header";
 5 | 
 6 | export default function Home() {
 7 | 	return (
 8 | 		<Fragment>
 9 | 			<Header />
10 | 			<div className="container">
11 | 				<Comments />
12 | 				<AddComment extraClass={"main"} />
13 | 			</div>
14 | 		</Fragment>
15 | 	);
16 | }
17 | 


--------------------------------------------------------------------------------
/studio/README.md:
--------------------------------------------------------------------------------
 1 | # Sanity Clean Content Studio
 2 | 
 3 | Congratulations, you have now installed the Sanity Content Studio, an open source real-time content editing environment connected to the Sanity backend.
 4 | 
 5 | Now you can do the following things:
 6 | 
 7 | - [Read “getting started” in the docs](https://www.sanity.io/docs/introduction/getting-started?utm_source=readme)
 8 | - [Join the community Slack](https://slack.sanity.io/?utm_source=readme)
 9 | - [Extend and build plugins](https://www.sanity.io/docs/content-studio/extending?utm_source=readme)
10 | 


--------------------------------------------------------------------------------
/studio/config/.checksums:
--------------------------------------------------------------------------------
1 | {
2 |   "#": "Used by Sanity to keep track of configuration file checksums, do not delete or modify!",
3 |   "@sanity/default-layout": "bb034f391ba508a6ca8cd971967cbedeb131c4d19b17b28a0895f32db5d568ea",
4 |   "@sanity/default-login": "6fb6d3800aa71346e1b84d95bbcaa287879456f2922372bb0294e30b968cd37f",
5 |   "@sanity/form-builder": "b38478227ba5e22c91981da4b53436df22e48ff25238a55a973ed620be5068aa",
6 |   "@sanity/data-aspects": "d199e2c199b3e26cd28b68dc84d7fc01c9186bf5089580f2e2446994d36b3cb6"
7 | }
8 | 


--------------------------------------------------------------------------------
/studio/config/@sanity/data-aspects.json:
--------------------------------------------------------------------------------
1 | {
2 |   "listOptions": {}
3 | }
4 | 


--------------------------------------------------------------------------------
/studio/config/@sanity/default-layout.json:
--------------------------------------------------------------------------------
1 | {
2 |   "toolSwitcher": {
3 |     "order": [],
4 |     "hidden": []
5 |   }
6 | }
7 | 


--------------------------------------------------------------------------------
/studio/config/@sanity/default-login.json:
--------------------------------------------------------------------------------
1 | {
2 |   "providers": {
3 |     "mode": "append",
4 |     "redirectOnSingle": false,
5 |     "entries": []
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/studio/config/@sanity/form-builder.json:
--------------------------------------------------------------------------------
1 | {
2 |   "images": {
3 |     "directUploads": true
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/studio/dist/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html><html><head><meta charSet="utf-8"/><title>javascript-commenting-system – Sanity</title><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/><meta name="robots" content="noindex"/><style>html {background-color: #e4e8ed;}</style><link rel="stylesheet" href="/static/css/main.css?987103f32746eb6f175b"/><link rel="subresource" href="/static/js/vendor.bundle.js?5e5c9553b54a9db3346f"/><link rel="subresource" href="/static/js/app.bundle.js?987103f32746eb6f175b"/><link rel="icon" href="/static/favicon.ico"/></head><body id="sanityBody"><div id="sanity"><div class="sanity-app-loading-screen"><style type="text/css">
  2 | .sanity-app-loading-screen {
  3 |   font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  4 |   text-align: center;
  5 |   background-color: #F1F3F6;
  6 |   color: #1C2430;
  7 |   display: flex;
  8 |   width: 100vw;
  9 |   height: 100vh;
 10 |   position: absolute;
 11 |   top: 0;
 12 |   left: 0;
 13 | }
 14 | 
 15 | .sanity-app-loading-screen__inner {
 16 |   margin: auto;
 17 | }
 18 | 
 19 | .sanity-app-loading-screen__text {
 20 |   margin-top: 2rem;
 21 |   font-size: 13px;
 22 |   font-weight: 600;
 23 | }
 24 | 
 25 | .sanity-app-loading-screen__loader {
 26 |   display: block;
 27 |   animation: pulse var(--time) cubic-bezier(.11,0,.27,1) infinite;
 28 |   --time: 3s;
 29 | }
 30 | 
 31 | @keyframes pulse {
 32 |   from {
 33 |     transform: scale3d(0.75, 0.75, 0.75);
 34 |   }
 35 |   
 36 |   50% {
 37 |     transform: scale3d(1, 1, 1);
 38 |   }
 39 |   
 40 |   to {
 41 |     transform: scale3d(0.75, 0.75, 0.75);
 42 |   }
 43 | }
 44 | </style><div class="sanity-app-loading-screen__inner"><div class="sanity-app-loading-screen__loader"><svg width="73" height="95" viewBox="0 0 73 95" fill="none" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision"><style>
 45 |   .fillShape {
 46 |     stroke-width: 40;
 47 |     stroke: #F03E2F;
 48 |     opacity: 0;
 49 |   }
 50 |   
 51 |   .fillShape--bottom {
 52 |     stroke-dasharray: 90;
 53 |     stroke-dashoffset: 85;
 54 |     animation: bottom var(--time) ease-in infinite;
 55 |   }
 56 |   
 57 |   .fillShape--middle {
 58 |     stroke-dasharray: 115;
 59 |     stroke-dashoffset: 110;
 60 |     animation: middle var(--time) linear infinite;
 61 |   }
 62 |   
 63 |   .fillShape--top {
 64 |     stroke-dasharray: 77;
 65 |     stroke-dashoffset: 72;
 66 |     animation: top var(--time) ease-out infinite;
 67 |   }
 68 |   
 69 |   @keyframes bottom {
 70 |     0%,
 71 |     85% {
 72 |       stroke-dashoffset: 265;
 73 |       opacity: 0;
 74 |     }
 75 |     15%,
 76 |     64% {
 77 |       stroke-dashoffset: 175;
 78 |       opacity: 0.5;
 79 |     }
 80 |   }
 81 |   @keyframes middle {
 82 |     11%,
 83 |     75% {
 84 |       stroke-dashoffset: 100;
 85 |       opacity: 0;
 86 |     }
 87 |     15% {
 88 |       opacity: 1;
 89 |     }
 90 |     25%,
 91 |     63% {
 92 |       stroke-dashoffset: 225;
 93 |       opacity: 1;
 94 |     }
 95 |   }
 96 |   @keyframes top {
 97 |     22%,
 98 |     70% {
 99 |       opacity: 0;
100 |       stroke-dashoffset: 226;
101 |     }
102 |     25% {
103 |       opacity: 0.5;
104 |     }
105 |     35%,
106 |     54% {
107 |       stroke-dashoffset: 149;
108 |       opacity: 0.5;
109 |     }
110 |   }
111 | </style><mask id="bottom" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="62" width="67" height="33"><path d="M56.4905 62.9807C63.6434 67.5637 66.7972 73.9744 66.7972 83.168C60.7987 90.7262 50.4577 95 38.2203 95C17.6963 95 3.17759 84.8102 0.0100098 67.282H19.7851C22.3343 75.3761 29.0748 79.1209 38.0622 79.1209C49.056 79.1209 56.3462 73.2598 56.4905 62.9807" fill="white"></path></mask><g mask="url(#bottom)"><path class="fillShape fillShape--bottom" d="M8 59C9.35605 77.6466 25.4128 87.4032 37.5 87.5C54 87.6322 62 75 71.5 66.5"></path></g><mask id="middle" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="12" width="71" height="72"><path d="M7.73317 12.1206C7.73317 24.8871 15.6418 32.5484 31.4729 36.568L48.2521 40.4571C63.238 43.8926 72.3834 52.4472 72.3834 66.3818C72.493 72.4436 70.5187 78.3594 66.7904 83.1404C66.7904 69.2402 59.5963 61.7232 42.2605 57.2157L25.7698 53.471C12.5842 50.4683 2.40806 43.4323 2.40806 28.2952C2.33733 22.4523 4.21324 16.7521 7.74004 12.0931" fill="white"></path></mask><g mask="url(#middle)"><path class="fillShape fillShape--middle" d="M-15.5 8.5C-15.5 12 -1 41.7047 38.3457 48C65.7344 52.3822 69 68 62.8457 74.5C56.6914 81 54.5 82 54.5 82"></path></g><mask id="top" mask-type="alpha" maskUnits="userSpaceOnUse" x="7" y="0" width="65" height="32"><path d="M18.0122 31.1124C11.1411 26.7149 7.70557 20.524 7.70557 12.1138C13.4636 4.59677 23.3648 0 35.5198 0C56.4973 0 68.6317 11.09 71.6275 26.6737H52.5945C50.4988 20.5309 45.2562 15.7348 35.6641 15.7348C25.4399 15.7348 18.4863 21.6852 18.0122 31.1124" fill="white"></path></mask><g mask="url(#top)"><path class="fillShape fillShape--top" d="M9 35C9 21 19 5.49993 40 8.49996C61 11.5 65.3456 29 65.3456 33.5"></path></g></svg></div><div class="sanity-app-loading-screen__text">Connecting to Sanity.io</div></div></div><noscript><div class="sanity-app-no-js__root"><div class="sanity-app-no-js__content"><style type="text/css">
112 | .sanity-app-no-js__root {
113 |   position: absolute;
114 |   top: 0;
115 |   right: 0;
116 |   left: 0;
117 |   bottom: 0;
118 |   background: #fff;
119 | }
120 | 
121 | .sanity-app-no-js__content {
122 |   position: absolute;
123 |   top: 50%;
124 |   left: 50%;
125 |   transform: translate(-50%, -50%);
126 |   text-align: center;
127 |   font-family: helvetica, arial, sans-serif;
128 | }
129 | </style><h1>JavaScript disabled</h1><p>Please <a href="https://www.enable-javascript.com/">enable JavaScript</a> in your browser and reload the page to proceed.</p></div></div></noscript></div><script>/* Global error handler */ window.onerror = function(e,t,n,o,r){if(r){var a=document.getElementById("sanity"),l=document.createElement("div");l.style.position="absolute",l.style.top="50%",l.style.left="50%",l.style.transform="translate(-50%, -50%)";var s=document.createElement("h1");s.innerText="Uncaught error";var d=document.createElement("pre"),i=document.createElement("code");d.style.fontSize="0.8em",d.style.opacity="0.7",d.style.overflow="auto",d.style.whiteSpace="pre-wrap",d.style.maxHeight="70vh";var c=r.stack&&r.stack.replace(r.message,"").replace(/^error: *\n?/i,""),m=(r.stack?r.message:r.toString())+(r.stack?"\n\nStack:\n\n"+c:"")+"\n\n(Your browsers Developer Tools may contain more info)";i.textContent=m;var p=document.createElement("button");for(p.style.padding="0.8em 1em",p.style.marginTop="1em",p.style.border="none",p.style.backgroundColor="#303030",p.style.color="#fff",p.style.borderRadius="4px",p.onclick=function(){window.location.reload()},p.textContent="Reload",d.appendChild(i),l.appendChild(s),l.appendChild(d),l.appendChild(p);a.firstChild;)a.removeChild(a.firstChild);a.appendChild(l)}}</script><script>/* Script loader */
130 | !function(e,t){if(void 0!==window.fetch)t.forEach(function(t){var o=e.createElement("script");o.src=t,o.async=!1,e.head.appendChild(o)});else{var o=e.getElementById("sanity");'<div style="height:100%;width: 100%;position: absolute;top:45%;text-align:center;font-family:helvetica, arial, sans-serif;">',"<h1>Browser not supported</h1>",'<p>Please use a modern browser such as <a href="https://www.google.com/chrome/">Chrome</a> or <a href="https://www.getfirefox.org/">Firefox</a>.</p>',"</div>","</div>";var r=o;do{r.style.height="100%",r=r.parentNode}while(r.parentNode);o.innerHTML='<div style="position:relative;height:100%;"><div style="height:100%;width: 100%;position: absolute;top:45%;text-align:center;font-family:helvetica, arial, sans-serif;"><h1>Browser not supported</h1><p>Please use a modern browser such as <a href="https://www.google.com/chrome/">Chrome</a> or <a href="https://www.getfirefox.org/">Firefox</a>.</p></div></div>'}}(document,["/static/js/vendor.bundle.js?5e5c9553b54a9db3346f","/static/js/app.bundle.js?987103f32746eb6f175b"]);</script></body></html>


--------------------------------------------------------------------------------
/studio/dist/static/.gitkeep:
--------------------------------------------------------------------------------
1 | Files placed here will be served by the Sanity server under the `/static`-prefix
2 | 


--------------------------------------------------------------------------------
/studio/dist/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PandaSekh/React-Commenting-System/b1e781b1f99efbaff1d75998f1e034939357b187/studio/dist/static/favicon.ico


--------------------------------------------------------------------------------
/studio/dist/static/js/vendor.bundle.js:
--------------------------------------------------------------------------------
 1 | !function(e){var t=window.webpackJsonp;window.webpackJsonp=function(n,a,o){for(var u,i,s,c=0,f=[];c<n.length;c++)i=n[c],r[i]&&f.push(r[i][0]),r[i]=0;for(u in a)Object.prototype.hasOwnProperty.call(a,u)&&(e[u]=a[u]);for(t&&t(n,a,o);f.length;)f.shift()();if(o)for(c=0;c<o.length;c++)s=l(l.s=o[c]);return s};var n={},r={1:0};function l(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=e,l.c=n,l.d=function(e,t,n){l.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/static/",l.oe=function(e){throw console.error(e),e},l(l.s=2962)}({0:function(e,t,n){"use strict";e.exports=n(949)},19:function(e,t,n){"use strict";
 2 | /*
 3 | object-assign
 4 | (c) Sindre Sorhus
 5 | @license MIT
 6 | */var r=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,u,i=o(e),s=1;s<arguments.length;s++){for(var c in n=Object(arguments[s]))l.call(n,c)&&(i[c]=n[c]);if(r){u=r(n);for(var f=0;f<u.length;f++)a.call(n,u[f])&&(i[u[f]]=n[u[f]])}}return i}},2962:function(e,t,n){n(0),e.exports=n(51)},51:function(e,t,n){"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE){0;try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}}(),e.exports=n(950)},949:function(e,t,n){"use strict";
 7 | /** @license React v17.0.1
 8 |  * react.production.min.js
 9 |  *
10 |  * Copyright (c) Facebook, Inc. and its affiliates.
11 |  *
12 |  * This source code is licensed under the MIT license found in the
13 |  * LICENSE file in the root directory of this source tree.
14 |  */var r=n(19),l=60103,a=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var o=60109,u=60110,i=60112;t.Suspense=60113;var s=60115,c=60116;if("function"==typeof Symbol&&Symbol.for){var f=Symbol.for;l=f("react.element"),a=f("react.portal"),t.Fragment=f("react.fragment"),t.StrictMode=f("react.strict_mode"),t.Profiler=f("react.profiler"),o=f("react.provider"),u=f("react.context"),i=f("react.forward_ref"),t.Suspense=f("react.suspense"),s=f("react.memo"),c=f("react.lazy")}var d="function"==typeof Symbol&&Symbol.iterator;function p(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var h={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m={};function v(e,t,n){this.props=e,this.context=t,this.refs=m,this.updater=n||h}function g(){}function y(e,t,n){this.props=e,this.context=t,this.refs=m,this.updater=n||h}v.prototype.isReactComponent={},v.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(p(85));this.updater.enqueueSetState(this,e,t,"setState")},v.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},g.prototype=v.prototype;var b=y.prototype=new g;b.constructor=y,r(b,v.prototype),b.isPureReactComponent=!0;var w={current:null},k=Object.prototype.hasOwnProperty,S={key:!0,ref:!0,__self:!0,__source:!0};function E(e,t,n){var r,a={},o=null,u=null;if(null!=t)for(r in void 0!==t.ref&&(u=t.ref),void 0!==t.key&&(o=""+t.key),t)k.call(t,r)&&!S.hasOwnProperty(r)&&(a[r]=t[r]);var i=arguments.length-2;if(1===i)a.children=n;else if(1<i){for(var s=Array(i),c=0;c<i;c++)s[c]=arguments[c+2];a.children=s}if(e&&e.defaultProps)for(r in i=e.defaultProps)void 0===a[r]&&(a[r]=i[r]);return{$$typeof:l,type:e,key:o,ref:u,props:a,_owner:w.current}}function x(e){return"object"==typeof e&&null!==e&&e.$$typeof===l}var _=/\/+/g;function C(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function P(e,t,n,r,o){var u=typeof e;"undefined"!==u&&"boolean"!==u||(e=null);var i=!1;if(null===e)i=!0;else switch(u){case"string":case"number":i=!0;break;case"object":switch(e.$$typeof){case l:case a:i=!0}}if(i)return o=o(i=e),e=""===r?"."+C(i,0):r,Array.isArray(o)?(n="",null!=e&&(n=e.replace(_,"$&/")+"/"),P(o,t,n,"",(function(e){return e}))):null!=o&&(x(o)&&(o=function(e,t){return{$$typeof:l,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(o,n+(!o.key||i&&i.key===o.key?"":(""+o.key).replace(_,"$&/")+"/")+e)),t.push(o)),1;if(i=0,r=""===r?".":r+":",Array.isArray(e))for(var s=0;s<e.length;s++){var c=r+C(u=e[s],s);i+=P(u,t,n,c,o)}else if("function"==typeof(c=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=d&&e[d]||e["@@iterator"])?e:null}(e)))for(e=c.call(e),s=0;!(u=e.next()).done;)i+=P(u=u.value,t,n,c=r+C(u,s++),o);else if("object"===u)throw t=""+e,Error(p(31,"[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t));return i}function N(e,t,n){if(null==e)return e;var r=[],l=0;return P(e,r,"","",(function(e){return t.call(n,e,l++)})),r}function T(e){if(-1===e._status){var t=e._result;t=t(),e._status=0,e._result=t,t.then((function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)}),(function(t){0===e._status&&(e._status=2,e._result=t)}))}if(1===e._status)return e._result;throw e._result}var z={current:null};function L(){var e=z.current;if(null===e)throw Error(p(321));return e}var O={ReactCurrentDispatcher:z,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:w,IsSomeRendererActing:{current:!1},assign:r};t.Children={map:N,forEach:function(e,t,n){N(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return N(e,(function(){t++})),t},toArray:function(e){return N(e,(function(e){return e}))||[]},only:function(e){if(!x(e))throw Error(p(143));return e}},t.Component=v,t.PureComponent=y,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=O,t.cloneElement=function(e,t,n){if(null==e)throw Error(p(267,e));var a=r({},e.props),o=e.key,u=e.ref,i=e._owner;if(null!=t){if(void 0!==t.ref&&(u=t.ref,i=w.current),void 0!==t.key&&(o=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(c in t)k.call(t,c)&&!S.hasOwnProperty(c)&&(a[c]=void 0===t[c]&&void 0!==s?s[c]:t[c])}var c=arguments.length-2;if(1===c)a.children=n;else if(1<c){s=Array(c);for(var f=0;f<c;f++)s[f]=arguments[f+2];a.children=s}return{$$typeof:l,type:e.type,key:o,ref:u,props:a,_owner:i}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:u,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:o,_context:e},e.Consumer=e},t.createElement=E,t.createFactory=function(e){var t=E.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:i,render:e}},t.isValidElement=x,t.lazy=function(e){return{$$typeof:c,_payload:{_status:-1,_result:e},_init:T}},t.memo=function(e,t){return{$$typeof:s,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return L().useCallback(e,t)},t.useContext=function(e,t){return L().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return L().useEffect(e,t)},t.useImperativeHandle=function(e,t,n){return L().useImperativeHandle(e,t,n)},t.useLayoutEffect=function(e,t){return L().useLayoutEffect(e,t)},t.useMemo=function(e,t){return L().useMemo(e,t)},t.useReducer=function(e,t,n){return L().useReducer(e,t,n)},t.useRef=function(e){return L().useRef(e)},t.useState=function(e){return L().useState(e)},t.version="17.0.1"},950:function(e,t,n){"use strict";
15 | /** @license React v17.0.1
16 |  * react-dom.production.min.js
17 |  *
18 |  * Copyright (c) Facebook, Inc. and its affiliates.
19 |  *
20 |  * This source code is licensed under the MIT license found in the
21 |  * LICENSE file in the root directory of this source tree.
22 |  */var r=n(0),l=n(19),a=n(951);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!r)throw Error(o(227));var u=new Set,i={};function s(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(i[e]=t,e=0;e<t.length;e++)u.add(t[e])}var f=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,p=Object.prototype.hasOwnProperty,h={},m={};function v(e,t,n,r,l,a,o){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=o}var g={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){g[e]=new v(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];g[t]=new v(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){g[e]=new v(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){g[e]=new v(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){g[e]=new v(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){g[e]=new v(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){g[e]=new v(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){g[e]=new v(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){g[e]=new v(e,5,!1,e.toLowerCase(),null,!1,!1)}));var y=/[\-:]([a-z])/g;function b(e){return e[1].toUpperCase()}function w(e,t,n,r){var l=g.hasOwnProperty(t)?g[t]:null;(null!==l?0===l.type:!r&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,l,r)&&(n=null),r||null===l?function(e){return!!p.call(m,e)||!p.call(h,e)&&(d.test(e)?m[e]=!0:(h[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):l.mustUseProperty?e[l.propertyName]=null===n?3!==l.type&&"":n:(t=l.attributeName,r=l.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(l=l.type)||4===l&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(y,b);g[t]=new v(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(y,b);g[t]=new v(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(y,b);g[t]=new v(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new v(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new v("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new v(e,1,!1,e.toLowerCase(),null,!0,!0)}));var k=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,S=60103,E=60106,x=60107,_=60108,C=60114,P=60109,N=60110,T=60112,z=60113,L=60120,O=60115,M=60116,R=60121,I=60128,D=60129,F=60130,U=60131;if("function"==typeof Symbol&&Symbol.for){var j=Symbol.for;S=j("react.element"),E=j("react.portal"),x=j("react.fragment"),_=j("react.strict_mode"),C=j("react.profiler"),P=j("react.provider"),N=j("react.context"),T=j("react.forward_ref"),z=j("react.suspense"),L=j("react.suspense_list"),O=j("react.memo"),M=j("react.lazy"),R=j("react.block"),j("react.scope"),I=j("react.opaque.id"),D=j("react.debug_trace_mode"),F=j("react.offscreen"),U=j("react.legacy_hidden")}var A,V="function"==typeof Symbol&&Symbol.iterator;function B(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=V&&e[V]||e["@@iterator"])?e:null}function W(e){if(void 0===A)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);A=t&&t[1]||""}return"\n"+A+e}var $=!1;function H(e,t){if(!e||$)return"";$=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(e){var r=e}Reflect.construct(e,[],t)}else{try{t.call()}catch(e){r=e}e.call(t.prototype)}else{try{throw Error()}catch(e){r=e}e()}}catch(e){if(e&&r&&"string"==typeof e.stack){for(var l=e.stack.split("\n"),a=r.stack.split("\n"),o=l.length-1,u=a.length-1;1<=o&&0<=u&&l[o]!==a[u];)u--;for(;1<=o&&0<=u;o--,u--)if(l[o]!==a[u]){if(1!==o||1!==u)do{if(o--,0>--u||l[o]!==a[u])return"\n"+l[o].replace(" at new "," at ")}while(1<=o&&0<=u);break}}}finally{$=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?W(e):""}function Q(e){switch(e.tag){case 5:return W(e.type);case 16:return W("Lazy");case 13:return W("Suspense");case 19:return W("SuspenseList");case 0:case 2:case 15:return e=H(e.type,!1);case 11:return e=H(e.type.render,!1);case 22:return e=H(e.type._render,!1);case 1:return e=H(e.type,!0);default:return""}}function q(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case x:return"Fragment";case E:return"Portal";case C:return"Profiler";case _:return"StrictMode";case z:return"Suspense";case L:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case N:return(e.displayName||"Context")+".Consumer";case P:return(e._context.displayName||"Context")+".Provider";case T:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case O:return q(e.type);case R:return q(e._render);case M:t=e._payload,e=e._init;try{return q(e(t))}catch(e){}}return null}function K(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function Y(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function X(e){e._valueTracker||(e._valueTracker=function(e){var t=Y(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var l=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function G(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=Y(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function J(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Z(e,t){var n=t.checked;return l({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function ee(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=K(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function te(e,t){null!=(t=t.checked)&&w(e,"checked",t,!1)}function ne(e,t){te(e,t);var n=K(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?le(e,t.type,n):t.hasOwnProperty("defaultValue")&&le(e,t.type,K(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function re(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function le(e,t,n){"number"===t&&J(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function ae(e,t){return e=l({children:void 0},t),(t=function(e){var t="";return r.Children.forEach(e,(function(e){null!=e&&(t+=e)})),t}(t.children))&&(e.children=t),e}function oe(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l<n.length;l++)t["$"+n[l]]=!0;for(n=0;n<e.length;n++)l=t.hasOwnProperty("$"+e[n].value),e[n].selected!==l&&(e[n].selected=l),l&&r&&(e[n].defaultSelected=!0)}else{for(n=""+K(n),t=null,l=0;l<e.length;l++){if(e[l].value===n)return e[l].selected=!0,void(r&&(e[l].defaultSelected=!0));null!==t||e[l].disabled||(t=e[l])}null!==t&&(t.selected=!0)}}function ue(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(o(91));return l({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function ie(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(o(92));if(Array.isArray(n)){if(!(1>=n.length))throw Error(o(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:K(n)}}function se(e,t){var n=K(t.value),r=K(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ce(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}var fe="http://www.w3.org/1999/xhtml",de="http://www.w3.org/2000/svg";function pe(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function he(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?pe(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var me,ve=function(e){return"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(t,n,r,l){MSApp.execUnsafeLocalFunction((function(){return e(t,n)}))}:e}((function(e,t){if(e.namespaceURI!==de||"innerHTML"in e)e.innerHTML=t;else{for((me=me||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=me.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}}));function ge(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var ye={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},be=["Webkit","ms","Moz","O"];function we(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||ye.hasOwnProperty(e)&&ye[e]?(""+t).trim():t+"px"}function ke(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),l=we(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}Object.keys(ye).forEach((function(e){be.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ye[t]=ye[e]}))}));var Se=l({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Ee(e,t){if(t){if(Se[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(o(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(o(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(o(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(o(62))}}function xe(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function _e(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var Ce=null,Pe=null,Ne=null;function Te(e){if(e=Jr(e)){if("function"!=typeof Ce)throw Error(o(280));var t=e.stateNode;t&&(t=el(t),Ce(e.stateNode,e.type,t))}}function ze(e){Pe?Ne?Ne.push(e):Ne=[e]:Pe=e}function Le(){if(Pe){var e=Pe,t=Ne;if(Ne=Pe=null,Te(e),t)for(e=0;e<t.length;e++)Te(t[e])}}function Oe(e,t){return e(t)}function Me(e,t,n,r,l){return e(t,n,r,l)}function Re(){}var Ie=Oe,De=!1,Fe=!1;function Ue(){null===Pe&&null===Ne||(Re(),Le())}function je(e,t){var n=e.stateNode;if(null===n)return null;var r=el(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(o(231,t,typeof n));return n}var Ae=!1;if(f)try{var Ve={};Object.defineProperty(Ve,"passive",{get:function(){Ae=!0}}),window.addEventListener("test",Ve,Ve),window.removeEventListener("test",Ve,Ve)}catch(e){Ae=!1}function Be(e,t,n,r,l,a,o,u,i){var s=Array.prototype.slice.call(arguments,3);try{t.apply(n,s)}catch(e){this.onError(e)}}var We=!1,$e=null,He=!1,Qe=null,qe={onError:function(e){We=!0,$e=e}};function Ke(e,t,n,r,l,a,o,u,i){We=!1,$e=null,Be.apply(qe,arguments)}function Ye(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(1026&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function Xe(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function Ge(e){if(Ye(e)!==e)throw Error(o(188))}function Je(e){if(!(e=function(e){var t=e.alternate;if(!t){if(null===(t=Ye(e)))throw Error(o(188));return t!==e?null:e}for(var n=e,r=t;;){var l=n.return;if(null===l)break;var a=l.alternate;if(null===a){if(null!==(r=l.return)){n=r;continue}break}if(l.child===a.child){for(a=l.child;a;){if(a===n)return Ge(l),e;if(a===r)return Ge(l),t;a=a.sibling}throw Error(o(188))}if(n.return!==r.return)n=l,r=a;else{for(var u=!1,i=l.child;i;){if(i===n){u=!0,n=l,r=a;break}if(i===r){u=!0,r=l,n=a;break}i=i.sibling}if(!u){for(i=a.child;i;){if(i===n){u=!0,n=a,r=l;break}if(i===r){u=!0,r=a,n=l;break}i=i.sibling}if(!u)throw Error(o(189))}}if(n.alternate!==r)throw Error(o(190))}if(3!==n.tag)throw Error(o(188));return n.stateNode.current===n?e:t}(e)))return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}function Ze(e,t){for(var n=e.alternate;null!==t;){if(t===e||t===n)return!0;t=t.return}return!1}var et,tt,nt,rt,lt=!1,at=[],ot=null,ut=null,it=null,st=new Map,ct=new Map,ft=[],dt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function pt(e,t,n,r,l){return{blockedOn:e,domEventName:t,eventSystemFlags:16|n,nativeEvent:l,targetContainers:[r]}}function ht(e,t){switch(e){case"focusin":case"focusout":ot=null;break;case"dragenter":case"dragleave":ut=null;break;case"mouseover":case"mouseout":it=null;break;case"pointerover":case"pointerout":st.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":ct.delete(t.pointerId)}}function mt(e,t,n,r,l,a){return null===e||e.nativeEvent!==a?(e=pt(t,n,r,l,a),null!==t&&(null!==(t=Jr(t))&&tt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==l&&-1===t.indexOf(l)&&t.push(l),e)}function vt(e){var t=Gr(e.target);if(null!==t){var n=Ye(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=Xe(n)))return e.blockedOn=t,void rt(e.lanePriority,(function(){a.unstable_runWithPriority(e.priority,(function(){nt(n)}))}))}else if(3===t&&n.stateNode.hydrate)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function gt(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Jt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=Jr(n))&&tt(t),e.blockedOn=n,!1;t.shift()}return!0}function yt(e,t,n){gt(e)&&n.delete(t)}function bt(){for(lt=!1;0<at.length;){var e=at[0];if(null!==e.blockedOn){null!==(e=Jr(e.blockedOn))&&et(e);break}for(var t=e.targetContainers;0<t.length;){var n=Jt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n){e.blockedOn=n;break}t.shift()}null===e.blockedOn&&at.shift()}null!==ot&&gt(ot)&&(ot=null),null!==ut&&gt(ut)&&(ut=null),null!==it&&gt(it)&&(it=null),st.forEach(yt),ct.forEach(yt)}function wt(e,t){e.blockedOn===t&&(e.blockedOn=null,lt||(lt=!0,a.unstable_scheduleCallback(a.unstable_NormalPriority,bt)))}function kt(e){function t(t){return wt(t,e)}if(0<at.length){wt(at[0],e);for(var n=1;n<at.length;n++){var r=at[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==ot&&wt(ot,e),null!==ut&&wt(ut,e),null!==it&&wt(it,e),st.forEach(t),ct.forEach(t),n=0;n<ft.length;n++)(r=ft[n]).blockedOn===e&&(r.blockedOn=null);for(;0<ft.length&&null===(n=ft[0]).blockedOn;)vt(n),null===n.blockedOn&&ft.shift()}function St(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var Et={animationend:St("Animation","AnimationEnd"),animationiteration:St("Animation","AnimationIteration"),animationstart:St("Animation","AnimationStart"),transitionend:St("Transition","TransitionEnd")},xt={},_t={};function Ct(e){if(xt[e])return xt[e];if(!Et[e])return e;var t,n=Et[e];for(t in n)if(n.hasOwnProperty(t)&&t in _t)return xt[e]=n[t];return e}f&&(_t=document.createElement("div").style,"AnimationEvent"in window||(delete Et.animationend.animation,delete Et.animationiteration.animation,delete Et.animationstart.animation),"TransitionEvent"in window||delete Et.transitionend.transition);var Pt=Ct("animationend"),Nt=Ct("animationiteration"),Tt=Ct("animationstart"),zt=Ct("transitionend"),Lt=new Map,Ot=new Map,Mt=["abort","abort",Pt,"animationEnd",Nt,"animationIteration",Tt,"animationStart","canplay","canPlay","canplaythrough","canPlayThrough","durationchange","durationChange","emptied","emptied","encrypted","encrypted","ended","ended","error","error","gotpointercapture","gotPointerCapture","load","load","loadeddata","loadedData","loadedmetadata","loadedMetadata","loadstart","loadStart","lostpointercapture","lostPointerCapture","playing","playing","progress","progress","seeking","seeking","stalled","stalled","suspend","suspend","timeupdate","timeUpdate",zt,"transitionEnd","waiting","waiting"];function Rt(e,t){for(var n=0;n<e.length;n+=2){var r=e[n],l=e[n+1];l="on"+(l[0].toUpperCase()+l.slice(1)),Ot.set(r,t),Lt.set(r,l),s(l,[r])}}(0,a.unstable_now)();var It=8;function Dt(e){if(0!=(1&e))return It=15,1;if(0!=(2&e))return It=14,2;if(0!=(4&e))return It=13,4;var t=24&e;return 0!==t?(It=12,t):0!=(32&e)?(It=11,32):0!==(t=192&e)?(It=10,t):0!=(256&e)?(It=9,256):0!==(t=3584&e)?(It=8,t):0!=(4096&e)?(It=7,4096):0!==(t=4186112&e)?(It=6,t):0!==(t=62914560&e)?(It=5,t):67108864&e?(It=4,67108864):0!=(134217728&e)?(It=3,134217728):0!==(t=805306368&e)?(It=2,t):0!=(1073741824&e)?(It=1,1073741824):(It=8,e)}function Ft(e,t){var n=e.pendingLanes;if(0===n)return It=0;var r=0,l=0,a=e.expiredLanes,o=e.suspendedLanes,u=e.pingedLanes;if(0!==a)r=a,l=It=15;else if(0!==(a=134217727&n)){var i=a&~o;0!==i?(r=Dt(i),l=It):0!==(u&=a)&&(r=Dt(u),l=It)}else 0!==(a=n&~o)?(r=Dt(a),l=It):0!==u&&(r=Dt(u),l=It);if(0===r)return 0;if(r=n&((0>(r=31-Wt(r))?0:1<<r)<<1)-1,0!==t&&t!==r&&0==(t&o)){if(Dt(t),l<=It)return t;It=l}if(0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)l=1<<(n=31-Wt(t)),r|=e[n],t&=~l;return r}function Ut(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function jt(e,t){switch(e){case 15:return 1;case 14:return 2;case 12:return 0===(e=At(24&~t))?jt(10,t):e;case 10:return 0===(e=At(192&~t))?jt(8,t):e;case 8:return 0===(e=At(3584&~t))&&(0===(e=At(4186112&~t))&&(e=512)),e;case 2:return 0===(t=At(805306368&~t))&&(t=268435456),t}throw Error(o(358,e))}function At(e){return e&-e}function Vt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Bt(e,t,n){e.pendingLanes|=t;var r=t-1;e.suspendedLanes&=r,e.pingedLanes&=r,(e=e.eventTimes)[t=31-Wt(t)]=n}var Wt=Math.clz32?Math.clz32:function(e){return 0===e?32:31-($t(e)/Ht|0)|0},$t=Math.log,Ht=Math.LN2;var Qt=a.unstable_UserBlockingPriority,qt=a.unstable_runWithPriority,Kt=!0;function Yt(e,t,n,r){De||Re();var l=Gt,a=De;De=!0;try{Me(l,e,t,n,r)}finally{(De=a)||Ue()}}function Xt(e,t,n,r){qt(Qt,Gt.bind(null,e,t,n,r))}function Gt(e,t,n,r){var l;if(Kt)if((l=0==(4&t))&&0<at.length&&-1<dt.indexOf(e))e=pt(null,e,t,n,r),at.push(e);else{var a=Jt(e,t,n,r);if(null===a)l&&ht(e,r);else{if(l){if(-1<dt.indexOf(e))return e=pt(a,e,t,n,r),void at.push(e);if(function(e,t,n,r,l){switch(t){case"focusin":return ot=mt(ot,e,t,n,r,l),!0;case"dragenter":return ut=mt(ut,e,t,n,r,l),!0;case"mouseover":return it=mt(it,e,t,n,r,l),!0;case"pointerover":var a=l.pointerId;return st.set(a,mt(st.get(a)||null,e,t,n,r,l)),!0;case"gotpointercapture":return a=l.pointerId,ct.set(a,mt(ct.get(a)||null,e,t,n,r,l)),!0}return!1}(a,e,t,n,r))return;ht(e,r)}zr(e,t,r,null,n)}}}function Jt(e,t,n,r){var l=_e(r);if(null!==(l=Gr(l))){var a=Ye(l);if(null===a)l=null;else{var o=a.tag;if(13===o){if(null!==(l=Xe(a)))return l;l=null}else if(3===o){if(a.stateNode.hydrate)return 3===a.tag?a.stateNode.containerInfo:null;l=null}else a!==l&&(l=null)}}return zr(e,t,r,l,n),null}var Zt=null,en=null,tn=null;function nn(){if(tn)return tn;var e,t,n=en,r=n.length,l="value"in Zt?Zt.value:Zt.textContent,a=l.length;for(e=0;e<r&&n[e]===l[e];e++);var o=r-e;for(t=1;t<=o&&n[r-t]===l[a-t];t++);return tn=l.slice(e,1<t?1-t:void 0)}function rn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function ln(){return!0}function an(){return!1}function on(e){function t(t,n,r,l,a){for(var o in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=l,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(o)&&(t=e[o],this[o]=t?t(l):l[o]);return this.isDefaultPrevented=(null!=l.defaultPrevented?l.defaultPrevented:!1===l.returnValue)?ln:an,this.isPropagationStopped=an,this}return l(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=ln)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=ln)},persist:function(){},isPersistent:ln}),t}var un,sn,cn,fn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},dn=on(fn),pn=l({},fn,{view:0,detail:0}),hn=on(pn),mn=l({},pn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Cn,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==cn&&(cn&&"mousemove"===e.type?(un=e.screenX-cn.screenX,sn=e.screenY-cn.screenY):sn=un=0,cn=e),un)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),vn=on(mn),gn=on(l({},mn,{dataTransfer:0})),yn=on(l({},pn,{relatedTarget:0})),bn=on(l({},fn,{animationName:0,elapsedTime:0,pseudoElement:0})),wn=on(l({},fn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}})),kn=on(l({},fn,{data:0})),Sn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},En={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},xn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function _n(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=xn[e])&&!!t[e]}function Cn(){return _n}var Pn=on(l({},pn,{key:function(e){if(e.key){var t=Sn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=rn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?En[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Cn,charCode:function(e){return"keypress"===e.type?rn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?rn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}})),Nn=on(l({},mn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Tn=on(l({},pn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Cn})),zn=on(l({},fn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Ln=on(l({},mn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0})),On=[9,13,27,32],Mn=f&&"CompositionEvent"in window,Rn=null;f&&"documentMode"in document&&(Rn=document.documentMode);var In=f&&"TextEvent"in window&&!Rn,Dn=f&&(!Mn||Rn&&8<Rn&&11>=Rn),Fn=String.fromCharCode(32),Un=!1;function jn(e,t){switch(e){case"keyup":return-1!==On.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function An(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Vn=!1;var Bn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Wn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Bn[e.type]:"textarea"===t}function $n(e,t,n,r){ze(r),0<(t=Or(t,"onChange")).length&&(n=new dn("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Hn=null,Qn=null;function qn(e){xr(e,0)}function Kn(e){if(G(Zr(e)))return e}function Yn(e,t){if("change"===e)return t}var Xn=!1;if(f){var Gn;if(f){var Jn="oninput"in document;if(!Jn){var Zn=document.createElement("div");Zn.setAttribute("oninput","return;"),Jn="function"==typeof Zn.oninput}Gn=Jn}else Gn=!1;Xn=Gn&&(!document.documentMode||9<document.documentMode)}function er(){Hn&&(Hn.detachEvent("onpropertychange",tr),Qn=Hn=null)}function tr(e){if("value"===e.propertyName&&Kn(Qn)){var t=[];if($n(t,Qn,e,_e(e)),e=qn,De)e(t);else{De=!0;try{Oe(e,t)}finally{De=!1,Ue()}}}}function nr(e,t,n){"focusin"===e?(er(),Qn=n,(Hn=t).attachEvent("onpropertychange",tr)):"focusout"===e&&er()}function rr(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Kn(Qn)}function lr(e,t){if("click"===e)return Kn(t)}function ar(e,t){if("input"===e||"change"===e)return Kn(t)}var or="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},ur=Object.prototype.hasOwnProperty;function ir(e,t){if(or(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++)if(!ur.call(t,n[r])||!or(e[n[r]],t[n[r]]))return!1;return!0}function sr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function cr(e,t){var n,r=sr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=sr(r)}}function fr(){for(var e=window,t=J();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(e){n=!1}if(!n)break;t=J((e=t.contentWindow).document)}return t}function dr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var pr=f&&"documentMode"in document&&11>=document.documentMode,hr=null,mr=null,vr=null,gr=!1;function yr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;gr||null==hr||hr!==J(r)||("selectionStart"in(r=hr)&&dr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},vr&&ir(vr,r)||(vr=r,0<(r=Or(mr,"onSelect")).length&&(t=new dn("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=hr)))}Rt("cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focusin focus focusout blur input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),0),Rt("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1),Rt(Mt,2);for(var br="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),wr=0;wr<br.length;wr++)Ot.set(br[wr],0);c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),s("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),s("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),s("onBeforeInput",["compositionend","keypress","textInput","paste"]),s("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var kr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Sr=new Set("cancel close invalid load scroll toggle".split(" ").concat(kr));function Er(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,l,a,u,i,s){if(Ke.apply(this,arguments),We){if(!We)throw Error(o(198));var c=$e;We=!1,$e=null,He||(He=!0,Qe=c)}}(r,t,void 0,e),e.currentTarget=null}function xr(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var r=e[n],l=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var o=r.length-1;0<=o;o--){var u=r[o],i=u.instance,s=u.currentTarget;if(u=u.listener,i!==a&&l.isPropagationStopped())break e;Er(l,u,s),a=i}else for(o=0;o<r.length;o++){if(i=(u=r[o]).instance,s=u.currentTarget,u=u.listener,i!==a&&l.isPropagationStopped())break e;Er(l,u,s),a=i}}}if(He)throw e=Qe,He=!1,Qe=null,e}function _r(e,t){var n=tl(t),r=e+"__bubble";n.has(r)||(Tr(t,e,2,!1),n.add(r))}var Cr="_reactListening"+Math.random().toString(36).slice(2);function Pr(e){e[Cr]||(e[Cr]=!0,u.forEach((function(t){Sr.has(t)||Nr(t,!1,e,null),Nr(t,!0,e,null)})))}function Nr(e,t,n,r){var l=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,a=n;if("selectionchange"===e&&9!==n.nodeType&&(a=n.ownerDocument),null!==r&&!t&&Sr.has(e)){if("scroll"!==e)return;l|=2,a=r}var o=tl(a),u=e+"__"+(t?"capture":"bubble");o.has(u)||(t&&(l|=4),Tr(a,e,l,t),o.add(u))}function Tr(e,t,n,r){var l=Ot.get(t);switch(void 0===l?2:l){case 0:l=Yt;break;case 1:l=Xt;break;default:l=Gt}n=l.bind(null,t,n,e),l=void 0,!Ae||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(l=!0),r?void 0!==l?e.addEventListener(t,n,{capture:!0,passive:l}):e.addEventListener(t,n,!0):void 0!==l?e.addEventListener(t,n,{passive:l}):e.addEventListener(t,n,!1)}function zr(e,t,n,r,l){var a=r;if(0==(1&t)&&0==(2&t)&&null!==r)e:for(;;){if(null===r)return;var o=r.tag;if(3===o||4===o){var u=r.stateNode.containerInfo;if(u===l||8===u.nodeType&&u.parentNode===l)break;if(4===o)for(o=r.return;null!==o;){var i=o.tag;if((3===i||4===i)&&((i=o.stateNode.containerInfo)===l||8===i.nodeType&&i.parentNode===l))return;o=o.return}for(;null!==u;){if(null===(o=Gr(u)))return;if(5===(i=o.tag)||6===i){r=a=o;continue e}u=u.parentNode}}r=r.return}!function(e,t,n){if(Fe)return e(t,n);Fe=!0;try{Ie(e,t,n)}finally{Fe=!1,Ue()}}((function(){var r=a,l=_e(n),o=[];e:{var u=Lt.get(e);if(void 0!==u){var i=dn,s=e;switch(e){case"keypress":if(0===rn(n))break e;case"keydown":case"keyup":i=Pn;break;case"focusin":s="focus",i=yn;break;case"focusout":s="blur",i=yn;break;case"beforeblur":case"afterblur":i=yn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":i=vn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":i=gn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":i=Tn;break;case Pt:case Nt:case Tt:i=bn;break;case zt:i=zn;break;case"scroll":i=hn;break;case"wheel":i=Ln;break;case"copy":case"cut":case"paste":i=wn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":i=Nn}var c=0!=(4&t),f=!c&&"scroll"===e,d=c?null!==u?u+"Capture":null:u;c=[];for(var p,h=r;null!==h;){var m=(p=h).stateNode;if(5===p.tag&&null!==m&&(p=m,null!==d&&(null!=(m=je(h,d))&&c.push(Lr(h,m,p)))),f)break;h=h.return}0<c.length&&(u=new i(u,s,null,n,l),o.push({event:u,listeners:c}))}}if(0==(7&t)){if(i="mouseout"===e||"pointerout"===e,(!(u="mouseover"===e||"pointerover"===e)||0!=(16&t)||!(s=n.relatedTarget||n.fromElement)||!Gr(s)&&!s[Yr])&&(i||u)&&(u=l.window===l?l:(u=l.ownerDocument)?u.defaultView||u.parentWindow:window,i?(i=r,null!==(s=(s=n.relatedTarget||n.toElement)?Gr(s):null)&&(s!==(f=Ye(s))||5!==s.tag&&6!==s.tag)&&(s=null)):(i=null,s=r),i!==s)){if(c=vn,m="onMouseLeave",d="onMouseEnter",h="mouse","pointerout"!==e&&"pointerover"!==e||(c=Nn,m="onPointerLeave",d="onPointerEnter",h="pointer"),f=null==i?u:Zr(i),p=null==s?u:Zr(s),(u=new c(m,h+"leave",i,n,l)).target=f,u.relatedTarget=p,m=null,Gr(l)===r&&((c=new c(d,h+"enter",s,n,l)).target=p,c.relatedTarget=f,m=c),f=m,i&&s)e:{for(d=s,h=0,p=c=i;p;p=Mr(p))h++;for(p=0,m=d;m;m=Mr(m))p++;for(;0<h-p;)c=Mr(c),h--;for(;0<p-h;)d=Mr(d),p--;for(;h--;){if(c===d||null!==d&&c===d.alternate)break e;c=Mr(c),d=Mr(d)}c=null}else c=null;null!==i&&Rr(o,u,i,c,!1),null!==s&&null!==f&&Rr(o,f,s,c,!0)}if("select"===(i=(u=r?Zr(r):window).nodeName&&u.nodeName.toLowerCase())||"input"===i&&"file"===u.type)var v=Yn;else if(Wn(u))if(Xn)v=ar;else{v=rr;var g=nr}else(i=u.nodeName)&&"input"===i.toLowerCase()&&("checkbox"===u.type||"radio"===u.type)&&(v=lr);switch(v&&(v=v(e,r))?$n(o,v,n,l):(g&&g(e,u,r),"focusout"===e&&(g=u._wrapperState)&&g.controlled&&"number"===u.type&&le(u,"number",u.value)),g=r?Zr(r):window,e){case"focusin":(Wn(g)||"true"===g.contentEditable)&&(hr=g,mr=r,vr=null);break;case"focusout":vr=mr=hr=null;break;case"mousedown":gr=!0;break;case"contextmenu":case"mouseup":case"dragend":gr=!1,yr(o,n,l);break;case"selectionchange":if(pr)break;case"keydown":case"keyup":yr(o,n,l)}var y;if(Mn)e:{switch(e){case"compositionstart":var b="onCompositionStart";break e;case"compositionend":b="onCompositionEnd";break e;case"compositionupdate":b="onCompositionUpdate";break e}b=void 0}else Vn?jn(e,n)&&(b="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(b="onCompositionStart");b&&(Dn&&"ko"!==n.locale&&(Vn||"onCompositionStart"!==b?"onCompositionEnd"===b&&Vn&&(y=nn()):(en="value"in(Zt=l)?Zt.value:Zt.textContent,Vn=!0)),0<(g=Or(r,b)).length&&(b=new kn(b,e,null,n,l),o.push({event:b,listeners:g}),y?b.data=y:null!==(y=An(n))&&(b.data=y))),(y=In?function(e,t){switch(e){case"compositionend":return An(t);case"keypress":return 32!==t.which?null:(Un=!0,Fn);case"textInput":return(e=t.data)===Fn&&Un?null:e;default:return null}}(e,n):function(e,t){if(Vn)return"compositionend"===e||!Mn&&jn(e,t)?(e=nn(),tn=en=Zt=null,Vn=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Dn&&"ko"!==t.locale?null:t.data;default:return null}}(e,n))&&(0<(r=Or(r,"onBeforeInput")).length&&(l=new kn("onBeforeInput","beforeinput",null,n,l),o.push({event:l,listeners:r}),l.data=y))}xr(o,t)}))}function Lr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Or(e,t){for(var n=t+"Capture",r=[];null!==e;){var l=e,a=l.stateNode;5===l.tag&&null!==a&&(l=a,null!=(a=je(e,n))&&r.unshift(Lr(e,a,l)),null!=(a=je(e,t))&&r.push(Lr(e,a,l))),e=e.return}return r}function Mr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Rr(e,t,n,r,l){for(var a=t._reactName,o=[];null!==n&&n!==r;){var u=n,i=u.alternate,s=u.stateNode;if(null!==i&&i===r)break;5===u.tag&&null!==s&&(u=s,l?null!=(i=je(n,a))&&o.unshift(Lr(n,i,u)):l||null!=(i=je(n,a))&&o.push(Lr(n,i,u))),n=n.return}0!==o.length&&e.push({event:t,listeners:o})}function Ir(){}var Dr=null,Fr=null;function Ur(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function jr(e,t){return"textarea"===e||"option"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var Ar="function"==typeof setTimeout?setTimeout:void 0,Vr="function"==typeof clearTimeout?clearTimeout:void 0;function Br(e){1===e.nodeType?e.textContent="":9===e.nodeType&&(null!=(e=e.body)&&(e.textContent=""))}function Wr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break}return e}function $r(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var Hr=0;var Qr=Math.random().toString(36).slice(2),qr="__reactFiber$"+Qr,Kr="__reactProps$"+Qr,Yr="__reactContainer$"+Qr,Xr="__reactEvents$"+Qr;function Gr(e){var t=e[qr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[Yr]||n[qr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=$r(e);null!==e;){if(n=e[qr])return n;e=$r(e)}return t}n=(e=n).parentNode}return null}function Jr(e){return!(e=e[qr]||e[Yr])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function Zr(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(o(33))}function el(e){return e[Kr]||null}function tl(e){var t=e[Xr];return void 0===t&&(t=e[Xr]=new Set),t}var nl=[],rl=-1;function ll(e){return{current:e}}function al(e){0>rl||(e.current=nl[rl],nl[rl]=null,rl--)}function ol(e,t){rl++,nl[rl]=e.current,e.current=t}var ul={},il=ll(ul),sl=ll(!1),cl=ul;function fl(e,t){var n=e.type.contextTypes;if(!n)return ul;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l,a={};for(l in n)a[l]=t[l];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function dl(e){return null!=(e=e.childContextTypes)}function pl(){al(sl),al(il)}function hl(e,t,n){if(il.current!==ul)throw Error(o(168));ol(il,t),ol(sl,n)}function ml(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var a in r=r.getChildContext())if(!(a in e))throw Error(o(108,q(t)||"Unknown",a));return l({},n,r)}function vl(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||ul,cl=il.current,ol(il,e),ol(sl,sl.current),!0}function gl(e,t,n){var r=e.stateNode;if(!r)throw Error(o(169));n?(e=ml(e,t,cl),r.__reactInternalMemoizedMergedChildContext=e,al(sl),al(il),ol(il,e)):al(sl),ol(sl,n)}var yl=null,bl=null,wl=a.unstable_runWithPriority,kl=a.unstable_scheduleCallback,Sl=a.unstable_cancelCallback,El=a.unstable_shouldYield,xl=a.unstable_requestPaint,_l=a.unstable_now,Cl=a.unstable_getCurrentPriorityLevel,Pl=a.unstable_ImmediatePriority,Nl=a.unstable_UserBlockingPriority,Tl=a.unstable_NormalPriority,zl=a.unstable_LowPriority,Ll=a.unstable_IdlePriority,Ol={},Ml=void 0!==xl?xl:function(){},Rl=null,Il=null,Dl=!1,Fl=_l(),Ul=1e4>Fl?_l:function(){return _l()-Fl};function jl(){switch(Cl()){case Pl:return 99;case Nl:return 98;case Tl:return 97;case zl:return 96;case Ll:return 95;default:throw Error(o(332))}}function Al(e){switch(e){case 99:return Pl;case 98:return Nl;case 97:return Tl;case 96:return zl;case 95:return Ll;default:throw Error(o(332))}}function Vl(e,t){return e=Al(e),wl(e,t)}function Bl(e,t,n){return e=Al(e),kl(e,t,n)}function Wl(){if(null!==Il){var e=Il;Il=null,Sl(e)}$l()}function $l(){if(!Dl&&null!==Rl){Dl=!0;var e=0;try{var t=Rl;Vl(99,(function(){for(;e<t.length;e++){var n=t[e];do{n=n(!0)}while(null!==n)}})),Rl=null}catch(t){throw null!==Rl&&(Rl=Rl.slice(e+1)),kl(Pl,Wl),t}finally{Dl=!1}}}var Hl=k.ReactCurrentBatchConfig;function Ql(e,t){if(e&&e.defaultProps){for(var n in t=l({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var ql=ll(null),Kl=null,Yl=null,Xl=null;function Gl(){Xl=Yl=Kl=null}function Jl(e){var t=ql.current;al(ql),e.type._context._currentValue=t}function Zl(e,t){for(;null!==e;){var n=e.alternate;if((e.childLanes&t)===t){if(null===n||(n.childLanes&t)===t)break;n.childLanes|=t}else e.childLanes|=t,null!==n&&(n.childLanes|=t);e=e.return}}function ea(e,t){Kl=e,Xl=Yl=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(Oo=!0),e.firstContext=null)}function ta(e,t){if(Xl!==e&&!1!==t&&0!==t)if("number"==typeof t&&1073741823!==t||(Xl=e,t=1073741823),t={context:e,observedBits:t,next:null},null===Yl){if(null===Kl)throw Error(o(308));Yl=t,Kl.dependencies={lanes:0,firstContext:t,responders:null}}else Yl=Yl.next=t;return e._currentValue}var na=!1;function ra(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null},effects:null}}function la(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function aa(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function oa(e,t){if(null!==(e=e.updateQueue)){var n=(e=e.shared).pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}}function ua(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var l=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var o={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?l=a=o:a=a.next=o,n=n.next}while(null!==n);null===a?l=a=t:a=a.next=t}else l=a=t;return n={baseState:r.baseState,firstBaseUpdate:l,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function ia(e,t,n,r){var a=e.updateQueue;na=!1;var o=a.firstBaseUpdate,u=a.lastBaseUpdate,i=a.shared.pending;if(null!==i){a.shared.pending=null;var s=i,c=s.next;s.next=null,null===u?o=c:u.next=c,u=s;var f=e.alternate;if(null!==f){var d=(f=f.updateQueue).lastBaseUpdate;d!==u&&(null===d?f.firstBaseUpdate=c:d.next=c,f.lastBaseUpdate=s)}}if(null!==o){for(d=a.baseState,u=0,f=c=s=null;;){i=o.lane;var p=o.eventTime;if((r&i)===i){null!==f&&(f=f.next={eventTime:p,lane:0,tag:o.tag,payload:o.payload,callback:o.callback,next:null});e:{var h=e,m=o;switch(i=t,p=n,m.tag){case 1:if("function"==typeof(h=m.payload)){d=h.call(p,d,i);break e}d=h;break e;case 3:h.flags=-4097&h.flags|64;case 0:if(null==(i="function"==typeof(h=m.payload)?h.call(p,d,i):h))break e;d=l({},d,i);break e;case 2:na=!0}}null!==o.callback&&(e.flags|=32,null===(i=a.effects)?a.effects=[o]:i.push(o))}else p={eventTime:p,lane:i,tag:o.tag,payload:o.payload,callback:o.callback,next:null},null===f?(c=f=p,s=d):f=f.next=p,u|=i;if(null===(o=o.next)){if(null===(i=a.shared.pending))break;o=i.next,i.next=null,a.lastBaseUpdate=i,a.shared.pending=null}}null===f&&(s=d),a.baseState=s,a.firstBaseUpdate=c,a.lastBaseUpdate=f,Ru|=u,e.lanes=u,e.memoizedState=d}}function sa(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],l=r.callback;if(null!==l){if(r.callback=null,r=n,"function"!=typeof l)throw Error(o(191,l));l.call(r)}}}var ca=(new r.Component).refs;function fa(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:l({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var da={isMounted:function(e){return!!(e=e._reactInternals)&&Ye(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ai(),l=oi(e),a=aa(r,l);a.payload=t,null!=n&&(a.callback=n),oa(e,a),ui(e,l,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ai(),l=oi(e),a=aa(r,l);a.tag=1,a.payload=t,null!=n&&(a.callback=n),oa(e,a),ui(e,l,r)},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ai(),r=oi(e),l=aa(n,r);l.tag=2,null!=t&&(l.callback=t),oa(e,l),ui(e,r,n)}};function pa(e,t,n,r,l,a,o){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,o):!t.prototype||!t.prototype.isPureReactComponent||(!ir(n,r)||!ir(l,a))}function ha(e,t,n){var r=!1,l=ul,a=t.contextType;return"object"==typeof a&&null!==a?a=ta(a):(l=dl(t)?cl:il.current,a=(r=null!=(r=t.contextTypes))?fl(e,l):ul),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=da,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=l,e.__reactInternalMemoizedMaskedChildContext=a),t}function ma(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&da.enqueueReplaceState(t,t.state,null)}function va(e,t,n,r){var l=e.stateNode;l.props=n,l.state=e.memoizedState,l.refs=ca,ra(e);var a=t.contextType;"object"==typeof a&&null!==a?l.context=ta(a):(a=dl(t)?cl:il.current,l.context=fl(e,a)),ia(e,n,l,r),l.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(fa(e,t,a,n),l.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof l.getSnapshotBeforeUpdate||"function"!=typeof l.UNSAFE_componentWillMount&&"function"!=typeof l.componentWillMount||(t=l.state,"function"==typeof l.componentWillMount&&l.componentWillMount(),"function"==typeof l.UNSAFE_componentWillMount&&l.UNSAFE_componentWillMount(),t!==l.state&&da.enqueueReplaceState(l,l.state,null),ia(e,n,l,r),l.state=e.memoizedState),"function"==typeof l.componentDidMount&&(e.flags|=4)}var ga=Array.isArray;function ya(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(o(309));var r=n.stateNode}if(!r)throw Error(o(147,e));var l=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===l?t.ref:((t=function(e){var t=r.refs;t===ca&&(t=r.refs={}),null===e?delete t[l]:t[l]=e})._stringRef=l,t)}if("string"!=typeof e)throw Error(o(284));if(!n._owner)throw Error(o(290,e))}return e}function ba(e,t){if("textarea"!==e.type)throw Error(o(31,"[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t))}function wa(e){function t(t,n){if(e){var r=t.lastEffect;null!==r?(r.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.flags=8}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function l(e,t){return(e=ji(e,t)).index=0,e.sibling=null,e}function a(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags=2,n):r:(t.flags=2,n):n}function u(t){return e&&null===t.alternate&&(t.flags=2),t}function i(e,t,n,r){return null===t||6!==t.tag?((t=Wi(n,e.mode,r)).return=e,t):((t=l(t,n)).return=e,t)}function s(e,t,n,r){return null!==t&&t.elementType===n.type?((r=l(t,n.props)).ref=ya(e,t,n),r.return=e,r):((r=Ai(n.type,n.key,n.props,null,e.mode,r)).ref=ya(e,t,n),r.return=e,r)}function c(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=$i(n,e.mode,r)).return=e,t):((t=l(t,n.children||[])).return=e,t)}function f(e,t,n,r,a){return null===t||7!==t.tag?((t=Vi(n,e.mode,r,a)).return=e,t):((t=l(t,n)).return=e,t)}function d(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Wi(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case S:return(n=Ai(t.type,t.key,t.props,null,e.mode,n)).ref=ya(e,null,t),n.return=e,n;case E:return(t=$i(t,e.mode,n)).return=e,t}if(ga(t)||B(t))return(t=Vi(t,e.mode,n,null)).return=e,t;ba(e,t)}return null}function p(e,t,n,r){var l=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==l?null:i(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case S:return n.key===l?n.type===x?f(e,t,n.props.children,r,l):s(e,t,n,r):null;case E:return n.key===l?c(e,t,n,r):null}if(ga(n)||B(n))return null!==l?null:f(e,t,n,r,null);ba(e,n)}return null}function h(e,t,n,r,l){if("string"==typeof r||"number"==typeof r)return i(t,e=e.get(n)||null,""+r,l);if("object"==typeof r&&null!==r){switch(r.$$typeof){case S:return e=e.get(null===r.key?n:r.key)||null,r.type===x?f(t,e,r.props.children,l,r.key):s(t,e,r,l);case E:return c(t,e=e.get(null===r.key?n:r.key)||null,r,l)}if(ga(r)||B(r))return f(t,e=e.get(n)||null,r,l,null);ba(t,r)}return null}function m(l,o,u,i){for(var s=null,c=null,f=o,m=o=0,v=null;null!==f&&m<u.length;m++){f.index>m?(v=f,f=null):v=f.sibling;var g=p(l,f,u[m],i);if(null===g){null===f&&(f=v);break}e&&f&&null===g.alternate&&t(l,f),o=a(g,o,m),null===c?s=g:c.sibling=g,c=g,f=v}if(m===u.length)return n(l,f),s;if(null===f){for(;m<u.length;m++)null!==(f=d(l,u[m],i))&&(o=a(f,o,m),null===c?s=f:c.sibling=f,c=f);return s}for(f=r(l,f);m<u.length;m++)null!==(v=h(f,l,m,u[m],i))&&(e&&null!==v.alternate&&f.delete(null===v.key?m:v.key),o=a(v,o,m),null===c?s=v:c.sibling=v,c=v);return e&&f.forEach((function(e){return t(l,e)})),s}function v(l,u,i,s){var c=B(i);if("function"!=typeof c)throw Error(o(150));if(null==(i=c.call(i)))throw Error(o(151));for(var f=c=null,m=u,v=u=0,g=null,y=i.next();null!==m&&!y.done;v++,y=i.next()){m.index>v?(g=m,m=null):g=m.sibling;var b=p(l,m,y.value,s);if(null===b){null===m&&(m=g);break}e&&m&&null===b.alternate&&t(l,m),u=a(b,u,v),null===f?c=b:f.sibling=b,f=b,m=g}if(y.done)return n(l,m),c;if(null===m){for(;!y.done;v++,y=i.next())null!==(y=d(l,y.value,s))&&(u=a(y,u,v),null===f?c=y:f.sibling=y,f=y);return c}for(m=r(l,m);!y.done;v++,y=i.next())null!==(y=h(m,l,v,y.value,s))&&(e&&null!==y.alternate&&m.delete(null===y.key?v:y.key),u=a(y,u,v),null===f?c=y:f.sibling=y,f=y);return e&&m.forEach((function(e){return t(l,e)})),c}return function(e,r,a,i){var s="object"==typeof a&&null!==a&&a.type===x&&null===a.key;s&&(a=a.props.children);var c="object"==typeof a&&null!==a;if(c)switch(a.$$typeof){case S:e:{for(c=a.key,s=r;null!==s;){if(s.key===c){switch(s.tag){case 7:if(a.type===x){n(e,s.sibling),(r=l(s,a.props.children)).return=e,e=r;break e}break;default:if(s.elementType===a.type){n(e,s.sibling),(r=l(s,a.props)).ref=ya(e,s,a),r.return=e,e=r;break e}}n(e,s);break}t(e,s),s=s.sibling}a.type===x?((r=Vi(a.props.children,e.mode,i,a.key)).return=e,e=r):((i=Ai(a.type,a.key,a.props,null,e.mode,i)).ref=ya(e,r,a),i.return=e,e=i)}return u(e);case E:e:{for(s=a.key;null!==r;){if(r.key===s){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),(r=l(r,a.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=$i(a,e.mode,i)).return=e,e=r}return u(e)}if("string"==typeof a||"number"==typeof a)return a=""+a,null!==r&&6===r.tag?(n(e,r.sibling),(r=l(r,a)).return=e,e=r):(n(e,r),(r=Wi(a,e.mode,i)).return=e,e=r),u(e);if(ga(a))return m(e,r,a,i);if(B(a))return v(e,r,a,i);if(c&&ba(e,a),void 0===a&&!s)switch(e.tag){case 1:case 22:case 0:case 11:case 15:throw Error(o(152,q(e.type)||"Component"))}return n(e,r)}}var ka=wa(!0),Sa=wa(!1),Ea={},xa=ll(Ea),_a=ll(Ea),Ca=ll(Ea);function Pa(e){if(e===Ea)throw Error(o(174));return e}function Na(e,t){switch(ol(Ca,t),ol(_a,e),ol(xa,Ea),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:he(null,"");break;default:t=he(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}al(xa),ol(xa,t)}function Ta(){al(xa),al(_a),al(Ca)}function za(e){Pa(Ca.current);var t=Pa(xa.current),n=he(t,e.type);t!==n&&(ol(_a,e),ol(xa,n))}function La(e){_a.current===e&&(al(xa),al(_a))}var Oa=ll(0);function Ma(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(64&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Ra=null,Ia=null,Da=!1;function Fa(e,t){var n=Fi(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.flags=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function Ua(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);case 13:default:return!1}}function ja(e){if(Da){var t=Ia;if(t){var n=t;if(!Ua(e,t)){if(!(t=Wr(n.nextSibling))||!Ua(e,t))return e.flags=-1025&e.flags|2,Da=!1,void(Ra=e);Fa(Ra,n)}Ra=e,Ia=Wr(t.firstChild)}else e.flags=-1025&e.flags|2,Da=!1,Ra=e}}function Aa(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;Ra=e}function Va(e){if(e!==Ra)return!1;if(!Da)return Aa(e),Da=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!jr(t,e.memoizedProps))for(t=Ia;t;)Fa(e,t),t=Wr(t.nextSibling);if(Aa(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(o(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){Ia=Wr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}Ia=null}}else Ia=Ra?Wr(e.stateNode.nextSibling):null;return!0}function Ba(){Ia=Ra=null,Da=!1}var Wa=[];function $a(){for(var e=0;e<Wa.length;e++)Wa[e]._workInProgressVersionPrimary=null;Wa.length=0}var Ha=k.ReactCurrentDispatcher,Qa=k.ReactCurrentBatchConfig,qa=0,Ka=null,Ya=null,Xa=null,Ga=!1,Ja=!1;function Za(){throw Error(o(321))}function eo(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!or(e[n],t[n]))return!1;return!0}function to(e,t,n,r,l,a){if(qa=a,Ka=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Ha.current=null===e||null===e.memoizedState?No:To,e=n(r,l),Ja){a=0;do{if(Ja=!1,!(25>a))throw Error(o(301));a+=1,Xa=Ya=null,t.updateQueue=null,Ha.current=zo,e=n(r,l)}while(Ja)}if(Ha.current=Po,t=null!==Ya&&null!==Ya.next,qa=0,Xa=Ya=Ka=null,Ga=!1,t)throw Error(o(300));return e}function no(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===Xa?Ka.memoizedState=Xa=e:Xa=Xa.next=e,Xa}function ro(){if(null===Ya){var e=Ka.alternate;e=null!==e?e.memoizedState:null}else e=Ya.next;var t=null===Xa?Ka.memoizedState:Xa.next;if(null!==t)Xa=t,Ya=e;else{if(null===e)throw Error(o(310));e={memoizedState:(Ya=e).memoizedState,baseState:Ya.baseState,baseQueue:Ya.baseQueue,queue:Ya.queue,next:null},null===Xa?Ka.memoizedState=Xa=e:Xa=Xa.next=e}return Xa}function lo(e,t){return"function"==typeof t?t(e):t}function ao(e){var t=ro(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var r=Ya,l=r.baseQueue,a=n.pending;if(null!==a){if(null!==l){var u=l.next;l.next=a.next,a.next=u}r.baseQueue=l=a,n.pending=null}if(null!==l){l=l.next,r=r.baseState;var i=u=a=null,s=l;do{var c=s.lane;if((qa&c)===c)null!==i&&(i=i.next={lane:0,action:s.action,eagerReducer:s.eagerReducer,eagerState:s.eagerState,next:null}),r=s.eagerReducer===e?s.eagerState:e(r,s.action);else{var f={lane:c,action:s.action,eagerReducer:s.eagerReducer,eagerState:s.eagerState,next:null};null===i?(u=i=f,a=r):i=i.next=f,Ka.lanes|=c,Ru|=c}s=s.next}while(null!==s&&s!==l);null===i?a=r:i.next=u,or(r,t.memoizedState)||(Oo=!0),t.memoizedState=r,t.baseState=a,t.baseQueue=i,n.lastRenderedState=r}return[t.memoizedState,n.dispatch]}function oo(e){var t=ro(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var r=n.dispatch,l=n.pending,a=t.memoizedState;if(null!==l){n.pending=null;var u=l=l.next;do{a=e(a,u.action),u=u.next}while(u!==l);or(a,t.memoizedState)||(Oo=!0),t.memoizedState=a,null===t.baseQueue&&(t.baseState=a),n.lastRenderedState=a}return[a,r]}function uo(e,t,n){var r=t._getVersion;r=r(t._source);var l=t._workInProgressVersionPrimary;if(null!==l?e=l===r:(e=e.mutableReadLanes,(e=(qa&e)===e)&&(t._workInProgressVersionPrimary=r,Wa.push(t))),e)return n(t._source);throw Wa.push(t),Error(o(350))}function io(e,t,n,r){var l=Cu;if(null===l)throw Error(o(349));var a=t._getVersion,u=a(t._source),i=Ha.current,s=i.useState((function(){return uo(l,t,n)})),c=s[1],f=s[0];s=Xa;var d=e.memoizedState,p=d.refs,h=p.getSnapshot,m=d.source;d=d.subscribe;var v=Ka;return e.memoizedState={refs:p,source:t,subscribe:r},i.useEffect((function(){p.getSnapshot=n,p.setSnapshot=c;var e=a(t._source);if(!or(u,e)){e=n(t._source),or(f,e)||(c(e),e=oi(v),l.mutableReadLanes|=e&l.pendingLanes),e=l.mutableReadLanes,l.entangledLanes|=e;for(var r=l.entanglements,o=e;0<o;){var i=31-Wt(o),s=1<<i;r[i]|=e,o&=~s}}}),[n,t,r]),i.useEffect((function(){return r(t._source,(function(){var e=p.getSnapshot,n=p.setSnapshot;try{n(e(t._source));var r=oi(v);l.mutableReadLanes|=r&l.pendingLanes}catch(e){n((function(){throw e}))}}))}),[t,r]),or(h,n)&&or(m,t)&&or(d,r)||((e={pending:null,dispatch:null,lastRenderedReducer:lo,lastRenderedState:f}).dispatch=c=Co.bind(null,Ka,e),s.queue=e,s.baseQueue=null,f=uo(l,t,n),s.memoizedState=s.baseState=f),f}function so(e,t,n){return io(ro(),e,t,n)}function co(e){var t=no();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={pending:null,dispatch:null,lastRenderedReducer:lo,lastRenderedState:e}).dispatch=Co.bind(null,Ka,e),[t.memoizedState,e]}function fo(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=Ka.updateQueue)?(t={lastEffect:null},Ka.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function po(e){return e={current:e},no().memoizedState=e}function ho(){return ro().memoizedState}function mo(e,t,n,r){var l=no();Ka.flags|=e,l.memoizedState=fo(1|t,n,void 0,void 0===r?null:r)}function vo(e,t,n,r){var l=ro();r=void 0===r?null:r;var a=void 0;if(null!==Ya){var o=Ya.memoizedState;if(a=o.destroy,null!==r&&eo(r,o.deps))return void fo(t,n,a,r)}Ka.flags|=e,l.memoizedState=fo(1|t,n,a,r)}function go(e,t){return mo(516,4,e,t)}function yo(e,t){return vo(516,4,e,t)}function bo(e,t){return vo(4,2,e,t)}function wo(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function ko(e,t,n){return n=null!=n?n.concat([e]):null,vo(4,2,wo.bind(null,t,e),n)}function So(){}function Eo(e,t){var n=ro();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&eo(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function xo(e,t){var n=ro();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&eo(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function _o(e,t){var n=jl();Vl(98>n?98:n,(function(){e(!0)})),Vl(97<n?97:n,(function(){var n=Qa.transition;Qa.transition=1;try{e(!1),t()}finally{Qa.transition=n}}))}function Co(e,t,n){var r=ai(),l=oi(e),a={lane:l,action:n,eagerReducer:null,eagerState:null,next:null},o=t.pending;if(null===o?a.next=a:(a.next=o.next,o.next=a),t.pending=a,o=e.alternate,e===Ka||null!==o&&o===Ka)Ja=Ga=!0;else{if(0===e.lanes&&(null===o||0===o.lanes)&&null!==(o=t.lastRenderedReducer))try{var u=t.lastRenderedState,i=o(u,n);if(a.eagerReducer=o,a.eagerState=i,or(i,u))return}catch(e){}ui(e,l,r)}}var Po={readContext:ta,useCallback:Za,useContext:Za,useEffect:Za,useImperativeHandle:Za,useLayoutEffect:Za,useMemo:Za,useReducer:Za,useRef:Za,useState:Za,useDebugValue:Za,useDeferredValue:Za,useTransition:Za,useMutableSource:Za,useOpaqueIdentifier:Za,unstable_isNewReconciler:!1},No={readContext:ta,useCallback:function(e,t){return no().memoizedState=[e,void 0===t?null:t],e},useContext:ta,useEffect:go,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,mo(4,2,wo.bind(null,t,e),n)},useLayoutEffect:function(e,t){return mo(4,2,e,t)},useMemo:function(e,t){var n=no();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=no();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e=(e=r.queue={pending:null,dispatch:null,lastRenderedReducer:e,lastRenderedState:t}).dispatch=Co.bind(null,Ka,e),[r.memoizedState,e]},useRef:po,useState:co,useDebugValue:So,useDeferredValue:function(e){var t=co(e),n=t[0],r=t[1];return go((function(){var t=Qa.transition;Qa.transition=1;try{r(e)}finally{Qa.transition=t}}),[e]),n},useTransition:function(){var e=co(!1),t=e[0];return po(e=_o.bind(null,e[1])),[e,t]},useMutableSource:function(e,t,n){var r=no();return r.memoizedState={refs:{getSnapshot:t,setSnapshot:null},source:e,subscribe:n},io(r,e,t,n)},useOpaqueIdentifier:function(){if(Da){var e=!1,t=function(e){return{$$typeof:I,toString:e,valueOf:e}}((function(){throw e||(e=!0,n("r:"+(Hr++).toString(36))),Error(o(355))})),n=co(t)[1];return 0==(2&Ka.mode)&&(Ka.flags|=516,fo(5,(function(){n("r:"+(Hr++).toString(36))}),void 0,null)),t}return co(t="r:"+(Hr++).toString(36)),t},unstable_isNewReconciler:!1},To={readContext:ta,useCallback:Eo,useContext:ta,useEffect:yo,useImperativeHandle:ko,useLayoutEffect:bo,useMemo:xo,useReducer:ao,useRef:ho,useState:function(){return ao(lo)},useDebugValue:So,useDeferredValue:function(e){var t=ao(lo),n=t[0],r=t[1];return yo((function(){var t=Qa.transition;Qa.transition=1;try{r(e)}finally{Qa.transition=t}}),[e]),n},useTransition:function(){var e=ao(lo)[0];return[ho().current,e]},useMutableSource:so,useOpaqueIdentifier:function(){return ao(lo)[0]},unstable_isNewReconciler:!1},zo={readContext:ta,useCallback:Eo,useContext:ta,useEffect:yo,useImperativeHandle:ko,useLayoutEffect:bo,useMemo:xo,useReducer:oo,useRef:ho,useState:function(){return oo(lo)},useDebugValue:So,useDeferredValue:function(e){var t=oo(lo),n=t[0],r=t[1];return yo((function(){var t=Qa.transition;Qa.transition=1;try{r(e)}finally{Qa.transition=t}}),[e]),n},useTransition:function(){var e=oo(lo)[0];return[ho().current,e]},useMutableSource:so,useOpaqueIdentifier:function(){return oo(lo)[0]},unstable_isNewReconciler:!1},Lo=k.ReactCurrentOwner,Oo=!1;function Mo(e,t,n,r){t.child=null===e?Sa(t,null,n,r):ka(t,e.child,n,r)}function Ro(e,t,n,r,l){n=n.render;var a=t.ref;return ea(t,l),r=to(e,t,n,r,a,l),null===e||Oo?(t.flags|=1,Mo(e,t,r,l),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~l,eu(e,t,l))}function Io(e,t,n,r,l,a){if(null===e){var o=n.type;return"function"!=typeof o||Ui(o)||void 0!==o.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Ai(n.type,null,r,t,t.mode,a)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=o,Do(e,t,o,r,l,a))}return o=e.child,0==(l&a)&&(l=o.memoizedProps,(n=null!==(n=n.compare)?n:ir)(l,r)&&e.ref===t.ref)?eu(e,t,a):(t.flags|=1,(e=ji(o,r)).ref=t.ref,e.return=t,t.child=e)}function Do(e,t,n,r,l,a){if(null!==e&&ir(e.memoizedProps,r)&&e.ref===t.ref){if(Oo=!1,0==(a&l))return t.lanes=e.lanes,eu(e,t,a);0!=(16384&e.flags)&&(Oo=!0)}return jo(e,t,n,r,a)}function Fo(e,t,n){var r=t.pendingProps,l=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode||"unstable-defer-without-hiding"===r.mode)if(0==(4&t.mode))t.memoizedState={baseLanes:0},mi(t,n);else{if(0==(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e},mi(t,e),null;t.memoizedState={baseLanes:0},mi(t,null!==a?a.baseLanes:n)}else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,mi(t,r);return Mo(e,t,l,n),t.child}function Uo(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=128)}function jo(e,t,n,r,l){var a=dl(n)?cl:il.current;return a=fl(t,a),ea(t,l),n=to(e,t,n,r,a,l),null===e||Oo?(t.flags|=1,Mo(e,t,n,l),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~l,eu(e,t,l))}function Ao(e,t,n,r,l){if(dl(n)){var a=!0;vl(t)}else a=!1;if(ea(t,l),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),ha(t,n,r),va(t,n,r,l),r=!0;else if(null===e){var o=t.stateNode,u=t.memoizedProps;o.props=u;var i=o.context,s=n.contextType;"object"==typeof s&&null!==s?s=ta(s):s=fl(t,s=dl(n)?cl:il.current);var c=n.getDerivedStateFromProps,f="function"==typeof c||"function"==typeof o.getSnapshotBeforeUpdate;f||"function"!=typeof o.UNSAFE_componentWillReceiveProps&&"function"!=typeof o.componentWillReceiveProps||(u!==r||i!==s)&&ma(t,o,r,s),na=!1;var d=t.memoizedState;o.state=d,ia(t,r,o,l),i=t.memoizedState,u!==r||d!==i||sl.current||na?("function"==typeof c&&(fa(t,n,c,r),i=t.memoizedState),(u=na||pa(t,n,u,r,d,i,s))?(f||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||("function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount()),"function"==typeof o.componentDidMount&&(t.flags|=4)):("function"==typeof o.componentDidMount&&(t.flags|=4),t.memoizedProps=r,t.memoizedState=i),o.props=r,o.state=i,o.context=s,r=u):("function"==typeof o.componentDidMount&&(t.flags|=4),r=!1)}else{o=t.stateNode,la(e,t),u=t.memoizedProps,s=t.type===t.elementType?u:Ql(t.type,u),o.props=s,f=t.pendingProps,d=o.context,"object"==typeof(i=n.contextType)&&null!==i?i=ta(i):i=fl(t,i=dl(n)?cl:il.current);var p=n.getDerivedStateFromProps;(c="function"==typeof p||"function"==typeof o.getSnapshotBeforeUpdate)||"function"!=typeof o.UNSAFE_componentWillReceiveProps&&"function"!=typeof o.componentWillReceiveProps||(u!==f||d!==i)&&ma(t,o,r,i),na=!1,d=t.memoizedState,o.state=d,ia(t,r,o,l);var h=t.memoizedState;u!==f||d!==h||sl.current||na?("function"==typeof p&&(fa(t,n,p,r),h=t.memoizedState),(s=na||pa(t,n,s,r,d,h,i))?(c||"function"!=typeof o.UNSAFE_componentWillUpdate&&"function"!=typeof o.componentWillUpdate||("function"==typeof o.componentWillUpdate&&o.componentWillUpdate(r,h,i),"function"==typeof o.UNSAFE_componentWillUpdate&&o.UNSAFE_componentWillUpdate(r,h,i)),"function"==typeof o.componentDidUpdate&&(t.flags|=4),"function"==typeof o.getSnapshotBeforeUpdate&&(t.flags|=256)):("function"!=typeof o.componentDidUpdate||u===e.memoizedProps&&d===e.memoizedState||(t.flags|=4),"function"!=typeof o.getSnapshotBeforeUpdate||u===e.memoizedProps&&d===e.memoizedState||(t.flags|=256),t.memoizedProps=r,t.memoizedState=h),o.props=r,o.state=h,o.context=i,r=s):("function"!=typeof o.componentDidUpdate||u===e.memoizedProps&&d===e.memoizedState||(t.flags|=4),"function"!=typeof o.getSnapshotBeforeUpdate||u===e.memoizedProps&&d===e.memoizedState||(t.flags|=256),r=!1)}return Vo(e,t,n,r,a,l)}function Vo(e,t,n,r,l,a){Uo(e,t);var o=0!=(64&t.flags);if(!r&&!o)return l&&gl(t,n,!1),eu(e,t,a);r=t.stateNode,Lo.current=t;var u=o&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&o?(t.child=ka(t,e.child,null,a),t.child=ka(t,null,u,a)):Mo(e,t,u,a),t.memoizedState=r.state,l&&gl(t,n,!0),t.child}function Bo(e){var t=e.stateNode;t.pendingContext?hl(0,t.pendingContext,t.pendingContext!==t.context):t.context&&hl(0,t.context,!1),Na(e,t.containerInfo)}var Wo,$o,Ho,Qo={dehydrated:null,retryLane:0};function qo(e,t,n){var r,l=t.pendingProps,a=Oa.current,o=!1;return(r=0!=(64&t.flags))||(r=(null===e||null!==e.memoizedState)&&0!=(2&a)),r?(o=!0,t.flags&=-65):null!==e&&null===e.memoizedState||void 0===l.fallback||!0===l.unstable_avoidThisFallback||(a|=1),ol(Oa,1&a),null===e?(void 0!==l.fallback&&ja(t),e=l.children,a=l.fallback,o?(e=Ko(t,e,a,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Qo,e):"number"==typeof l.unstable_expectedLoadTime?(e=Ko(t,e,a,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Qo,t.lanes=33554432,e):((n=Bi({mode:"visible",children:e},t.mode,n,null)).return=t,t.child=n)):(e.memoizedState,o?(l=Xo(e,t,l.children,l.fallback,n),o=t.child,a=e.child.memoizedState,o.memoizedState=null===a?{baseLanes:n}:{baseLanes:a.baseLanes|n},o.childLanes=e.childLanes&~n,t.memoizedState=Qo,l):(n=Yo(e,t,l.children,n),t.memoizedState=null,n))}function Ko(e,t,n,r){var l=e.mode,a=e.child;return t={mode:"hidden",children:t},0==(2&l)&&null!==a?(a.childLanes=0,a.pendingProps=t):a=Bi(t,l,0,null),n=Vi(n,l,r,null),a.return=e,n.return=e,a.sibling=n,e.child=a,n}function Yo(e,t,n,r){var l=e.child;return e=l.sibling,n=ji(l,{mode:"visible",children:n}),0==(2&t.mode)&&(n.lanes=r),n.return=t,n.sibling=null,null!==e&&(e.nextEffect=null,e.flags=8,t.firstEffect=t.lastEffect=e),t.child=n}function Xo(e,t,n,r,l){var a=t.mode,o=e.child;e=o.sibling;var u={mode:"hidden",children:n};return 0==(2&a)&&t.child!==o?((n=t.child).childLanes=0,n.pendingProps=u,null!==(o=n.lastEffect)?(t.firstEffect=n.firstEffect,t.lastEffect=o,o.nextEffect=null):t.firstEffect=t.lastEffect=null):n=ji(o,u),null!==e?r=ji(e,r):(r=Vi(r,a,l,null)).flags|=2,r.return=t,n.return=t,n.sibling=r,t.child=n,r}function Go(e,t){e.lanes|=t;var n=e.alternate;null!==n&&(n.lanes|=t),Zl(e.return,t)}function Jo(e,t,n,r,l,a){var o=e.memoizedState;null===o?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:l,lastEffect:a}:(o.isBackwards=t,o.rendering=null,o.renderingStartTime=0,o.last=r,o.tail=n,o.tailMode=l,o.lastEffect=a)}function Zo(e,t,n){var r=t.pendingProps,l=r.revealOrder,a=r.tail;if(Mo(e,t,r.children,n),0!=(2&(r=Oa.current)))r=1&r|2,t.flags|=64;else{if(null!==e&&0!=(64&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Go(e,n);else if(19===e.tag)Go(e,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(ol(Oa,r),0==(2&t.mode))t.memoizedState=null;else switch(l){case"forwards":for(n=t.child,l=null;null!==n;)null!==(e=n.alternate)&&null===Ma(e)&&(l=n),n=n.sibling;null===(n=l)?(l=t.child,t.child=null):(l=n.sibling,n.sibling=null),Jo(t,!1,l,n,a,t.lastEffect);break;case"backwards":for(n=null,l=t.child,t.child=null;null!==l;){if(null!==(e=l.alternate)&&null===Ma(e)){t.child=l;break}e=l.sibling,l.sibling=n,n=l,l=e}Jo(t,!0,n,null,a,t.lastEffect);break;case"together":Jo(t,!1,null,null,void 0,t.lastEffect);break;default:t.memoizedState=null}return t.child}function eu(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Ru|=t.lanes,0!=(n&t.childLanes)){if(null!==e&&t.child!==e.child)throw Error(o(153));if(null!==t.child){for(n=ji(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=ji(e,e.pendingProps)).return=t;n.sibling=null}return t.child}return null}function tu(e,t){if(!Da)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function nu(e,t,n){var r=t.pendingProps;switch(t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return null;case 1:return dl(t.type)&&pl(),null;case 3:return Ta(),al(sl),al(il),$a(),(r=t.stateNode).pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(Va(t)?t.flags|=4:r.hydrate||(t.flags|=256)),null;case 5:La(t);var a=Pa(Ca.current);if(n=t.type,null!==e&&null!=t.stateNode)$o(e,t,n,r),e.ref!==t.ref&&(t.flags|=128);else{if(!r){if(null===t.stateNode)throw Error(o(166));return null}if(e=Pa(xa.current),Va(t)){r=t.stateNode,n=t.type;var u=t.memoizedProps;switch(r[qr]=t,r[Kr]=u,n){case"dialog":_r("cancel",r),_r("close",r);break;case"iframe":case"object":case"embed":_r("load",r);break;case"video":case"audio":for(e=0;e<kr.length;e++)_r(kr[e],r);break;case"source":_r("error",r);break;case"img":case"image":case"link":_r("error",r),_r("load",r);break;case"details":_r("toggle",r);break;case"input":ee(r,u),_r("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!u.multiple},_r("invalid",r);break;case"textarea":ie(r,u),_r("invalid",r)}for(var s in Ee(n,u),e=null,u)u.hasOwnProperty(s)&&(a=u[s],"children"===s?"string"==typeof a?r.textContent!==a&&(e=["children",a]):"number"==typeof a&&r.textContent!==""+a&&(e=["children",""+a]):i.hasOwnProperty(s)&&null!=a&&"onScroll"===s&&_r("scroll",r));switch(n){case"input":X(r),re(r,u,!0);break;case"textarea":X(r),ce(r);break;case"select":case"option":break;default:"function"==typeof u.onClick&&(r.onclick=Ir)}r=e,t.updateQueue=r,null!==r&&(t.flags|=4)}else{switch(s=9===a.nodeType?a:a.ownerDocument,e===fe&&(e=pe(n)),e===fe?"script"===n?((e=s.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=s.createElement(n,{is:r.is}):(e=s.createElement(n),"select"===n&&(s=e,r.multiple?s.multiple=!0:r.size&&(s.size=r.size))):e=s.createElementNS(e,n),e[qr]=t,e[Kr]=r,Wo(e,t),t.stateNode=e,s=xe(n,r),n){case"dialog":_r("cancel",e),_r("close",e),a=r;break;case"iframe":case"object":case"embed":_r("load",e),a=r;break;case"video":case"audio":for(a=0;a<kr.length;a++)_r(kr[a],e);a=r;break;case"source":_r("error",e),a=r;break;case"img":case"image":case"link":_r("error",e),_r("load",e),a=r;break;case"details":_r("toggle",e),a=r;break;case"input":ee(e,r),a=Z(e,r),_r("invalid",e);break;case"option":a=ae(e,r);break;case"select":e._wrapperState={wasMultiple:!!r.multiple},a=l({},r,{value:void 0}),_r("invalid",e);break;case"textarea":ie(e,r),a=ue(e,r),_r("invalid",e);break;default:a=r}Ee(n,a);var c=a;for(u in c)if(c.hasOwnProperty(u)){var f=c[u];"style"===u?ke(e,f):"dangerouslySetInnerHTML"===u?null!=(f=f?f.__html:void 0)&&ve(e,f):"children"===u?"string"==typeof f?("textarea"!==n||""!==f)&&ge(e,f):"number"==typeof f&&ge(e,""+f):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(i.hasOwnProperty(u)?null!=f&&"onScroll"===u&&_r("scroll",e):null!=f&&w(e,u,f,s))}switch(n){case"input":X(e),re(e,r,!1);break;case"textarea":X(e),ce(e);break;case"option":null!=r.value&&e.setAttribute("value",""+K(r.value));break;case"select":e.multiple=!!r.multiple,null!=(u=r.value)?oe(e,!!r.multiple,u,!1):null!=r.defaultValue&&oe(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof a.onClick&&(e.onclick=Ir)}Ur(n,r)&&(t.flags|=4)}null!==t.ref&&(t.flags|=128)}return null;case 6:if(e&&null!=t.stateNode)Ho(0,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(o(166));n=Pa(Ca.current),Pa(xa.current),Va(t)?(r=t.stateNode,n=t.memoizedProps,r[qr]=t,r.nodeValue!==n&&(t.flags|=4)):((r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[qr]=t,t.stateNode=r)}return null;case 13:return al(Oa),r=t.memoizedState,0!=(64&t.flags)?(t.lanes=n,t):(r=null!==r,n=!1,null===e?void 0!==t.memoizedProps.fallback&&Va(t):n=null!==e.memoizedState,r&&!n&&0!=(2&t.mode)&&(null===e&&!0!==t.memoizedProps.unstable_avoidThisFallback||0!=(1&Oa.current)?0===Lu&&(Lu=3):(0!==Lu&&3!==Lu||(Lu=4),null===Cu||0==(134217727&Ru)&&0==(134217727&Iu)||fi(Cu,Nu))),(r||n)&&(t.flags|=4),null);case 4:return Ta(),null===e&&Pr(t.stateNode.containerInfo),null;case 10:return Jl(t),null;case 17:return dl(t.type)&&pl(),null;case 19:if(al(Oa),null===(r=t.memoizedState))return null;if(u=0!=(64&t.flags),null===(s=r.rendering))if(u)tu(r,!1);else{if(0!==Lu||null!==e&&0!=(64&e.flags))for(e=t.child;null!==e;){if(null!==(s=Ma(e))){for(t.flags|=64,tu(r,!1),null!==(u=s.updateQueue)&&(t.updateQueue=u,t.flags|=4),null===r.lastEffect&&(t.firstEffect=null),t.lastEffect=r.lastEffect,r=n,n=t.child;null!==n;)e=r,(u=n).flags&=2,u.nextEffect=null,u.firstEffect=null,u.lastEffect=null,null===(s=u.alternate)?(u.childLanes=0,u.lanes=e,u.child=null,u.memoizedProps=null,u.memoizedState=null,u.updateQueue=null,u.dependencies=null,u.stateNode=null):(u.childLanes=s.childLanes,u.lanes=s.lanes,u.child=s.child,u.memoizedProps=s.memoizedProps,u.memoizedState=s.memoizedState,u.updateQueue=s.updateQueue,u.type=s.type,e=s.dependencies,u.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return ol(Oa,1&Oa.current|2),t.child}e=e.sibling}null!==r.tail&&Ul()>ju&&(t.flags|=64,u=!0,tu(r,!1),t.lanes=33554432)}else{if(!u)if(null!==(e=Ma(s))){if(t.flags|=64,u=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),tu(r,!0),null===r.tail&&"hidden"===r.tailMode&&!s.alternate&&!Da)return null!==(t=t.lastEffect=r.lastEffect)&&(t.nextEffect=null),null}else 2*Ul()-r.renderingStartTime>ju&&1073741824!==n&&(t.flags|=64,u=!0,tu(r,!1),t.lanes=33554432);r.isBackwards?(s.sibling=t.child,t.child=s):(null!==(n=r.last)?n.sibling=s:t.child=s,r.last=s)}return null!==r.tail?(n=r.tail,r.rendering=n,r.tail=n.sibling,r.lastEffect=t.lastEffect,r.renderingStartTime=Ul(),n.sibling=null,t=Oa.current,ol(Oa,u?1&t|2:1&t),n):null;case 23:case 24:return vi(),null!==e&&null!==e.memoizedState!=(null!==t.memoizedState)&&"unstable-defer-without-hiding"!==r.mode&&(t.flags|=4),null}throw Error(o(156,t.tag))}function ru(e){switch(e.tag){case 1:dl(e.type)&&pl();var t=e.flags;return 4096&t?(e.flags=-4097&t|64,e):null;case 3:if(Ta(),al(sl),al(il),$a(),0!=(64&(t=e.flags)))throw Error(o(285));return e.flags=-4097&t|64,e;case 5:return La(e),null;case 13:return al(Oa),4096&(t=e.flags)?(e.flags=-4097&t|64,e):null;case 19:return al(Oa),null;case 4:return Ta(),null;case 10:return Jl(e),null;case 23:case 24:return vi(),null;default:return null}}function lu(e,t){try{var n="",r=t;do{n+=Q(r),r=r.return}while(r);var l=n}catch(e){l="\nError generating stack: "+e.message+"\n"+e.stack}return{value:e,source:t,stack:l}}function au(e,t){try{console.error(t.value)}catch(e){setTimeout((function(){throw e}))}}Wo=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},$o=function(e,t,n,r){var a=e.memoizedProps;if(a!==r){e=t.stateNode,Pa(xa.current);var o,u=null;switch(n){case"input":a=Z(e,a),r=Z(e,r),u=[];break;case"option":a=ae(e,a),r=ae(e,r),u=[];break;case"select":a=l({},a,{value:void 0}),r=l({},r,{value:void 0}),u=[];break;case"textarea":a=ue(e,a),r=ue(e,r),u=[];break;default:"function"!=typeof a.onClick&&"function"==typeof r.onClick&&(e.onclick=Ir)}for(f in Ee(n,r),n=null,a)if(!r.hasOwnProperty(f)&&a.hasOwnProperty(f)&&null!=a[f])if("style"===f){var s=a[f];for(o in s)s.hasOwnProperty(o)&&(n||(n={}),n[o]="")}else"dangerouslySetInnerHTML"!==f&&"children"!==f&&"suppressContentEditableWarning"!==f&&"suppressHydrationWarning"!==f&&"autoFocus"!==f&&(i.hasOwnProperty(f)?u||(u=[]):(u=u||[]).push(f,null));for(f in r){var c=r[f];if(s=null!=a?a[f]:void 0,r.hasOwnProperty(f)&&c!==s&&(null!=c||null!=s))if("style"===f)if(s){for(o in s)!s.hasOwnProperty(o)||c&&c.hasOwnProperty(o)||(n||(n={}),n[o]="");for(o in c)c.hasOwnProperty(o)&&s[o]!==c[o]&&(n||(n={}),n[o]=c[o])}else n||(u||(u=[]),u.push(f,n)),n=c;else"dangerouslySetInnerHTML"===f?(c=c?c.__html:void 0,s=s?s.__html:void 0,null!=c&&s!==c&&(u=u||[]).push(f,c)):"children"===f?"string"!=typeof c&&"number"!=typeof c||(u=u||[]).push(f,""+c):"suppressContentEditableWarning"!==f&&"suppressHydrationWarning"!==f&&(i.hasOwnProperty(f)?(null!=c&&"onScroll"===f&&_r("scroll",e),u||s===c||(u=[])):"object"==typeof c&&null!==c&&c.$$typeof===I?c.toString():(u=u||[]).push(f,c))}n&&(u=u||[]).push("style",n);var f=u;(t.updateQueue=f)&&(t.flags|=4)}},Ho=function(e,t,n,r){n!==r&&(t.flags|=4)};var ou="function"==typeof WeakMap?WeakMap:Map;function uu(e,t,n){(n=aa(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Wu||(Wu=!0,$u=r),au(0,t)},n}function iu(e,t,n){(n=aa(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var l=t.value;n.payload=function(){return au(0,t),r(l)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){"function"!=typeof r&&(null===Hu?Hu=new Set([this]):Hu.add(this),au(0,t));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}var su="function"==typeof WeakSet?WeakSet:Set;function cu(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){Mi(e,t)}else t.current=null}function fu(e,t){switch(t.tag){case 0:case 11:case 15:case 22:return;case 1:if(256&t.flags&&null!==e){var n=e.memoizedProps,r=e.memoizedState;t=(e=t.stateNode).getSnapshotBeforeUpdate(t.elementType===t.type?n:Ql(t.type,n),r),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:return void(256&t.flags&&Br(t.stateNode.containerInfo));case 5:case 6:case 4:case 17:return}throw Error(o(163))}function du(e,t,n){switch(n.tag){case 0:case 11:case 15:case 22:if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{if(3==(3&e.tag)){var r=e.create;e.destroy=r()}e=e.next}while(e!==t)}if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{var l=e;r=l.next,0!=(4&(l=l.tag))&&0!=(1&l)&&(zi(n,e),Ti(n,e)),e=r}while(e!==t)}return;case 1:return e=n.stateNode,4&n.flags&&(null===t?e.componentDidMount():(r=n.elementType===n.type?t.memoizedProps:Ql(n.type,t.memoizedProps),e.componentDidUpdate(r,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate))),void(null!==(t=n.updateQueue)&&sa(n,t,e));case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:e=n.child.stateNode;break;case 1:e=n.child.stateNode}sa(n,t,e)}return;case 5:return e=n.stateNode,void(null===t&&4&n.flags&&Ur(n.type,n.memoizedProps)&&e.focus());case 6:case 4:case 12:return;case 13:return void(null===n.memoizedState&&(n=n.alternate,null!==n&&(n=n.memoizedState,null!==n&&(n=n.dehydrated,null!==n&&kt(n)))));case 19:case 17:case 20:case 21:case 23:case 24:return}throw Error(o(163))}function pu(e,t){for(var n=e;;){if(5===n.tag){var r=n.stateNode;if(t)"function"==typeof(r=r.style).setProperty?r.setProperty("display","none","important"):r.display="none";else{r=n.stateNode;var l=n.memoizedProps.style;l=null!=l&&l.hasOwnProperty("display")?l.display:null,r.style.display=we("display",l)}}else if(6===n.tag)n.stateNode.nodeValue=t?"":n.memoizedProps;else if((23!==n.tag&&24!==n.tag||null===n.memoizedState||n===e)&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}function hu(e,t){if(bl&&"function"==typeof bl.onCommitFiberUnmount)try{bl.onCommitFiberUnmount(yl,t)}catch(e){}switch(t.tag){case 0:case 11:case 14:case 15:case 22:if(null!==(e=t.updateQueue)&&null!==(e=e.lastEffect)){var n=e=e.next;do{var r=n,l=r.destroy;if(r=r.tag,void 0!==l)if(0!=(4&r))zi(t,n);else{r=t;try{l()}catch(e){Mi(r,e)}}n=n.next}while(n!==e)}break;case 1:if(cu(t),"function"==typeof(e=t.stateNode).componentWillUnmount)try{e.props=t.memoizedProps,e.state=t.memoizedState,e.componentWillUnmount()}catch(e){Mi(t,e)}break;case 5:cu(t);break;case 4:yu(e,t)}}function mu(e){e.alternate=null,e.child=null,e.dependencies=null,e.firstEffect=null,e.lastEffect=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.return=null,e.updateQueue=null}function vu(e){return 5===e.tag||3===e.tag||4===e.tag}function gu(e){e:{for(var t=e.return;null!==t;){if(vu(t))break e;t=t.return}throw Error(o(160))}var n=t;switch(t=n.stateNode,n.tag){case 5:var r=!1;break;case 3:case 4:t=t.containerInfo,r=!0;break;default:throw Error(o(161))}16&n.flags&&(ge(t,""),n.flags&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||vu(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag&&18!==n.tag;){if(2&n.flags)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.flags)){n=n.stateNode;break e}}r?function e(t,n,r){var l=t.tag,a=5===l||6===l;if(a)t=a?t.stateNode:t.stateNode.instance,n?8===r.nodeType?r.parentNode.insertBefore(t,n):r.insertBefore(t,n):(8===r.nodeType?(n=r.parentNode).insertBefore(t,r):(n=r).appendChild(t),null!==(r=r._reactRootContainer)&&void 0!==r||null!==n.onclick||(n.onclick=Ir));else if(4!==l&&null!==(t=t.child))for(e(t,n,r),t=t.sibling;null!==t;)e(t,n,r),t=t.sibling}(e,n,t):function e(t,n,r){var l=t.tag,a=5===l||6===l;if(a)t=a?t.stateNode:t.stateNode.instance,n?r.insertBefore(t,n):r.appendChild(t);else if(4!==l&&null!==(t=t.child))for(e(t,n,r),t=t.sibling;null!==t;)e(t,n,r),t=t.sibling}(e,n,t)}function yu(e,t){for(var n,r,l=t,a=!1;;){if(!a){a=l.return;e:for(;;){if(null===a)throw Error(o(160));switch(n=a.stateNode,a.tag){case 5:r=!1;break e;case 3:case 4:n=n.containerInfo,r=!0;break e}a=a.return}a=!0}if(5===l.tag||6===l.tag){e:for(var u=e,i=l,s=i;;)if(hu(u,s),null!==s.child&&4!==s.tag)s.child.return=s,s=s.child;else{if(s===i)break e;for(;null===s.sibling;){if(null===s.return||s.return===i)break e;s=s.return}s.sibling.return=s.return,s=s.sibling}r?(u=n,i=l.stateNode,8===u.nodeType?u.parentNode.removeChild(i):u.removeChild(i)):n.removeChild(l.stateNode)}else if(4===l.tag){if(null!==l.child){n=l.stateNode.containerInfo,r=!0,l.child.return=l,l=l.child;continue}}else if(hu(e,l),null!==l.child){l.child.return=l,l=l.child;continue}if(l===t)break;for(;null===l.sibling;){if(null===l.return||l.return===t)return;4===(l=l.return).tag&&(a=!1)}l.sibling.return=l.return,l=l.sibling}}function bu(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 22:var n=t.updateQueue;if(null!==(n=null!==n?n.lastEffect:null)){var r=n=n.next;do{3==(3&r.tag)&&(e=r.destroy,r.destroy=void 0,void 0!==e&&e()),r=r.next}while(r!==n)}return;case 1:return;case 5:if(null!=(n=t.stateNode)){r=t.memoizedProps;var l=null!==e?e.memoizedProps:r;e=t.type;var a=t.updateQueue;if(t.updateQueue=null,null!==a){for(n[Kr]=r,"input"===e&&"radio"===r.type&&null!=r.name&&te(n,r),xe(e,l),t=xe(e,r),l=0;l<a.length;l+=2){var u=a[l],i=a[l+1];"style"===u?ke(n,i):"dangerouslySetInnerHTML"===u?ve(n,i):"children"===u?ge(n,i):w(n,u,i,t)}switch(e){case"input":ne(n,r);break;case"textarea":se(n,r);break;case"select":e=n._wrapperState.wasMultiple,n._wrapperState.wasMultiple=!!r.multiple,null!=(a=r.value)?oe(n,!!r.multiple,a,!1):e!==!!r.multiple&&(null!=r.defaultValue?oe(n,!!r.multiple,r.defaultValue,!0):oe(n,!!r.multiple,r.multiple?[]:"",!1))}}}return;case 6:if(null===t.stateNode)throw Error(o(162));return void(t.stateNode.nodeValue=t.memoizedProps);case 3:return void((n=t.stateNode).hydrate&&(n.hydrate=!1,kt(n.containerInfo)));case 12:return;case 13:return null!==t.memoizedState&&(Uu=Ul(),pu(t.child,!0)),void wu(t);case 19:return void wu(t);case 17:return;case 23:case 24:return void pu(t,null!==t.memoizedState)}throw Error(o(163))}function wu(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new su),t.forEach((function(t){var r=Ii.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function ku(e,t){return null!==e&&(null===(e=e.memoizedState)||null!==e.dehydrated)&&(null!==(t=t.memoizedState)&&null===t.dehydrated)}var Su=Math.ceil,Eu=k.ReactCurrentDispatcher,xu=k.ReactCurrentOwner,_u=0,Cu=null,Pu=null,Nu=0,Tu=0,zu=ll(0),Lu=0,Ou=null,Mu=0,Ru=0,Iu=0,Du=0,Fu=null,Uu=0,ju=1/0;function Au(){ju=Ul()+500}var Vu,Bu=null,Wu=!1,$u=null,Hu=null,Qu=!1,qu=null,Ku=90,Yu=[],Xu=[],Gu=null,Ju=0,Zu=null,ei=-1,ti=0,ni=0,ri=null,li=!1;function ai(){return 0!=(48&_u)?Ul():-1!==ei?ei:ei=Ul()}function oi(e){if(0==(2&(e=e.mode)))return 1;if(0==(4&e))return 99===jl()?1:2;if(0===ti&&(ti=Mu),0!==Hl.transition){0!==ni&&(ni=null!==Fu?Fu.pendingLanes:0),e=ti;var t=4186112&~ni;return 0===(t&=-t)&&(0===(t=(e=4186112&~e)&-e)&&(t=8192)),t}return e=jl(),0!=(4&_u)&&98===e?e=jt(12,ti):e=jt(e=function(e){switch(e){case 99:return 15;case 98:return 10;case 97:case 96:return 8;case 95:return 2;default:return 0}}(e),ti),e}function ui(e,t,n){if(50<Ju)throw Ju=0,Zu=null,Error(o(185));if(null===(e=ii(e,t)))return null;Bt(e,t,n),e===Cu&&(Iu|=t,4===Lu&&fi(e,Nu));var r=jl();1===t?0!=(8&_u)&&0==(48&_u)?di(e):(si(e,n),0===_u&&(Au(),Wl())):(0==(4&_u)||98!==r&&99!==r||(null===Gu?Gu=new Set([e]):Gu.add(e)),si(e,n)),Fu=e}function ii(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}function si(e,t){for(var n=e.callbackNode,r=e.suspendedLanes,l=e.pingedLanes,a=e.expirationTimes,u=e.pendingLanes;0<u;){var i=31-Wt(u),s=1<<i,c=a[i];if(-1===c){if(0==(s&r)||0!=(s&l)){c=t,Dt(s);var f=It;a[i]=10<=f?c+250:6<=f?c+5e3:-1}}else c<=t&&(e.expiredLanes|=s);u&=~s}if(r=Ft(e,e===Cu?Nu:0),t=It,0===r)null!==n&&(n!==Ol&&Sl(n),e.callbackNode=null,e.callbackPriority=0);else{if(null!==n){if(e.callbackPriority===t)return;n!==Ol&&Sl(n)}15===t?(n=di.bind(null,e),null===Rl?(Rl=[n],Il=kl(Pl,$l)):Rl.push(n),n=Ol):14===t?n=Bl(99,di.bind(null,e)):n=Bl(n=function(e){switch(e){case 15:case 14:return 99;case 13:case 12:case 11:case 10:return 98;case 9:case 8:case 7:case 6:case 4:case 5:return 97;case 3:case 2:case 1:return 95;case 0:return 90;default:throw Error(o(358,e))}}(t),ci.bind(null,e)),e.callbackPriority=t,e.callbackNode=n}}function ci(e){if(ei=-1,ni=ti=0,0!=(48&_u))throw Error(o(327));var t=e.callbackNode;if(Ni()&&e.callbackNode!==t)return null;var n=Ft(e,e===Cu?Nu:0);if(0===n)return null;var r=n,l=_u;_u|=16;var a=bi();for(Cu===e&&Nu===r||(Au(),gi(e,r));;)try{Si();break}catch(t){yi(e,t)}if(Gl(),Eu.current=a,_u=l,null!==Pu?r=0:(Cu=null,Nu=0,r=Lu),0!=(Mu&Iu))gi(e,0);else if(0!==r){if(2===r&&(_u|=64,e.hydrate&&(e.hydrate=!1,Br(e.containerInfo)),0!==(n=Ut(e))&&(r=wi(e,n))),1===r)throw t=Ou,gi(e,0),fi(e,n),si(e,Ul()),t;switch(e.finishedWork=e.current.alternate,e.finishedLanes=n,r){case 0:case 1:throw Error(o(345));case 2:_i(e);break;case 3:if(fi(e,n),(62914560&n)===n&&10<(r=Uu+500-Ul())){if(0!==Ft(e,0))break;if(((l=e.suspendedLanes)&n)!==n){ai(),e.pingedLanes|=e.suspendedLanes&l;break}e.timeoutHandle=Ar(_i.bind(null,e),r);break}_i(e);break;case 4:if(fi(e,n),(4186112&n)===n)break;for(r=e.eventTimes,l=-1;0<n;){var u=31-Wt(n);a=1<<u,(u=r[u])>l&&(l=u),n&=~a}if(n=l,10<(n=(120>(n=Ul()-n)?120:480>n?480:1080>n?1080:1920>n?1920:3e3>n?3e3:4320>n?4320:1960*Su(n/1960))-n)){e.timeoutHandle=Ar(_i.bind(null,e),n);break}_i(e);break;case 5:_i(e);break;default:throw Error(o(329))}}return si(e,Ul()),e.callbackNode===t?ci.bind(null,e):null}function fi(e,t){for(t&=~Du,t&=~Iu,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-Wt(t),r=1<<n;e[n]=-1,t&=~r}}function di(e){if(0!=(48&_u))throw Error(o(327));if(Ni(),e===Cu&&0!=(e.expiredLanes&Nu)){var t=Nu,n=wi(e,t);0!=(Mu&Iu)&&(n=wi(e,t=Ft(e,t)))}else n=wi(e,t=Ft(e,0));if(0!==e.tag&&2===n&&(_u|=64,e.hydrate&&(e.hydrate=!1,Br(e.containerInfo)),0!==(t=Ut(e))&&(n=wi(e,t))),1===n)throw n=Ou,gi(e,0),fi(e,t),si(e,Ul()),n;return e.finishedWork=e.current.alternate,e.finishedLanes=t,_i(e),si(e,Ul()),null}function pi(e,t){var n=_u;_u|=1;try{return e(t)}finally{0===(_u=n)&&(Au(),Wl())}}function hi(e,t){var n=_u;_u&=-2,_u|=8;try{return e(t)}finally{0===(_u=n)&&(Au(),Wl())}}function mi(e,t){ol(zu,Tu),Tu|=t,Mu|=t}function vi(){Tu=zu.current,al(zu)}function gi(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,Vr(n)),null!==Pu)for(n=Pu.return;null!==n;){var r=n;switch(r.tag){case 1:null!=(r=r.type.childContextTypes)&&pl();break;case 3:Ta(),al(sl),al(il),$a();break;case 5:La(r);break;case 4:Ta();break;case 13:case 19:al(Oa);break;case 10:Jl(r);break;case 23:case 24:vi()}n=n.return}Cu=e,Pu=ji(e.current,null),Nu=Tu=Mu=t,Lu=0,Ou=null,Du=Iu=Ru=0}function yi(e,t){for(;;){var n=Pu;try{if(Gl(),Ha.current=Po,Ga){for(var r=Ka.memoizedState;null!==r;){var l=r.queue;null!==l&&(l.pending=null),r=r.next}Ga=!1}if(qa=0,Xa=Ya=Ka=null,Ja=!1,xu.current=null,null===n||null===n.return){Lu=1,Ou=t,Pu=null;break}e:{var a=e,o=n.return,u=n,i=t;if(t=Nu,u.flags|=2048,u.firstEffect=u.lastEffect=null,null!==i&&"object"==typeof i&&"function"==typeof i.then){var s=i;if(0==(2&u.mode)){var c=u.alternate;c?(u.updateQueue=c.updateQueue,u.memoizedState=c.memoizedState,u.lanes=c.lanes):(u.updateQueue=null,u.memoizedState=null)}var f=0!=(1&Oa.current),d=o;do{var p;if(p=13===d.tag){var h=d.memoizedState;if(null!==h)p=null!==h.dehydrated;else{var m=d.memoizedProps;p=void 0!==m.fallback&&(!0!==m.unstable_avoidThisFallback||!f)}}if(p){var v=d.updateQueue;if(null===v){var g=new Set;g.add(s),d.updateQueue=g}else v.add(s);if(0==(2&d.mode)){if(d.flags|=64,u.flags|=16384,u.flags&=-2981,1===u.tag)if(null===u.alternate)u.tag=17;else{var y=aa(-1,1);y.tag=2,oa(u,y)}u.lanes|=1;break e}i=void 0,u=t;var b=a.pingCache;if(null===b?(b=a.pingCache=new ou,i=new Set,b.set(s,i)):void 0===(i=b.get(s))&&(i=new Set,b.set(s,i)),!i.has(u)){i.add(u);var w=Ri.bind(null,a,s,u);s.then(w,w)}d.flags|=4096,d.lanes=t;break e}d=d.return}while(null!==d);i=Error((q(u.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.")}5!==Lu&&(Lu=2),i=lu(i,u),d=o;do{switch(d.tag){case 3:a=i,d.flags|=4096,t&=-t,d.lanes|=t,ua(d,uu(0,a,t));break e;case 1:a=i;var k=d.type,S=d.stateNode;if(0==(64&d.flags)&&("function"==typeof k.getDerivedStateFromError||null!==S&&"function"==typeof S.componentDidCatch&&(null===Hu||!Hu.has(S)))){d.flags|=4096,t&=-t,d.lanes|=t,ua(d,iu(d,a,t));break e}}d=d.return}while(null!==d)}xi(n)}catch(e){t=e,Pu===n&&null!==n&&(Pu=n=n.return);continue}break}}function bi(){var e=Eu.current;return Eu.current=Po,null===e?Po:e}function wi(e,t){var n=_u;_u|=16;var r=bi();for(Cu===e&&Nu===t||gi(e,t);;)try{ki();break}catch(t){yi(e,t)}if(Gl(),_u=n,Eu.current=r,null!==Pu)throw Error(o(261));return Cu=null,Nu=0,Lu}function ki(){for(;null!==Pu;)Ei(Pu)}function Si(){for(;null!==Pu&&!El();)Ei(Pu)}function Ei(e){var t=Vu(e.alternate,e,Tu);e.memoizedProps=e.pendingProps,null===t?xi(e):Pu=t,xu.current=null}function xi(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(2048&t.flags)){if(null!==(n=nu(n,t,Tu)))return void(Pu=n);if(24!==(n=t).tag&&23!==n.tag||null===n.memoizedState||0!=(1073741824&Tu)||0==(4&n.mode)){for(var r=0,l=n.child;null!==l;)r|=l.lanes|l.childLanes,l=l.sibling;n.childLanes=r}null!==e&&0==(2048&e.flags)&&(null===e.firstEffect&&(e.firstEffect=t.firstEffect),null!==t.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=t.firstEffect),e.lastEffect=t.lastEffect),1<t.flags&&(null!==e.lastEffect?e.lastEffect.nextEffect=t:e.firstEffect=t,e.lastEffect=t))}else{if(null!==(n=ru(t)))return n.flags&=2047,void(Pu=n);null!==e&&(e.firstEffect=e.lastEffect=null,e.flags|=2048)}if(null!==(t=t.sibling))return void(Pu=t);Pu=t=e}while(null!==t);0===Lu&&(Lu=5)}function _i(e){var t=jl();return Vl(99,Ci.bind(null,e,t)),null}function Ci(e,t){do{Ni()}while(null!==qu);if(0!=(48&_u))throw Error(o(327));var n=e.finishedWork;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(o(177));e.callbackNode=null;var r=n.lanes|n.childLanes,l=r,a=e.pendingLanes&~l;e.pendingLanes=l,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=l,e.mutableReadLanes&=l,e.entangledLanes&=l,l=e.entanglements;for(var u=e.eventTimes,i=e.expirationTimes;0<a;){var s=31-Wt(a),c=1<<s;l[s]=0,u[s]=-1,i[s]=-1,a&=~c}if(null!==Gu&&0==(24&r)&&Gu.has(e)&&Gu.delete(e),e===Cu&&(Pu=Cu=null,Nu=0),1<n.flags?null!==n.lastEffect?(n.lastEffect.nextEffect=n,r=n.firstEffect):r=n:r=n.firstEffect,null!==r){if(l=_u,_u|=32,xu.current=null,Dr=Kt,dr(u=fr())){if("selectionStart"in u)i={start:u.selectionStart,end:u.selectionEnd};else e:if(i=(i=u.ownerDocument)&&i.defaultView||window,(c=i.getSelection&&i.getSelection())&&0!==c.rangeCount){i=c.anchorNode,a=c.anchorOffset,s=c.focusNode,c=c.focusOffset;try{i.nodeType,s.nodeType}catch(e){i=null;break e}var f=0,d=-1,p=-1,h=0,m=0,v=u,g=null;t:for(;;){for(var y;v!==i||0!==a&&3!==v.nodeType||(d=f+a),v!==s||0!==c&&3!==v.nodeType||(p=f+c),3===v.nodeType&&(f+=v.nodeValue.length),null!==(y=v.firstChild);)g=v,v=y;for(;;){if(v===u)break t;if(g===i&&++h===a&&(d=f),g===s&&++m===c&&(p=f),null!==(y=v.nextSibling))break;g=(v=g).parentNode}v=y}i=-1===d||-1===p?null:{start:d,end:p}}else i=null;i=i||{start:0,end:0}}else i=null;Fr={focusedElem:u,selectionRange:i},Kt=!1,ri=null,li=!1,Bu=r;do{try{Pi()}catch(e){if(null===Bu)throw Error(o(330));Mi(Bu,e),Bu=Bu.nextEffect}}while(null!==Bu);ri=null,Bu=r;do{try{for(u=e;null!==Bu;){var b=Bu.flags;if(16&b&&ge(Bu.stateNode,""),128&b){var w=Bu.alternate;if(null!==w){var k=w.ref;null!==k&&("function"==typeof k?k(null):k.current=null)}}switch(1038&b){case 2:gu(Bu),Bu.flags&=-3;break;case 6:gu(Bu),Bu.flags&=-3,bu(Bu.alternate,Bu);break;case 1024:Bu.flags&=-1025;break;case 1028:Bu.flags&=-1025,bu(Bu.alternate,Bu);break;case 4:bu(Bu.alternate,Bu);break;case 8:yu(u,i=Bu);var S=i.alternate;mu(i),null!==S&&mu(S)}Bu=Bu.nextEffect}}catch(e){if(null===Bu)throw Error(o(330));Mi(Bu,e),Bu=Bu.nextEffect}}while(null!==Bu);if(k=Fr,w=fr(),b=k.focusedElem,u=k.selectionRange,w!==b&&b&&b.ownerDocument&&function e(t,n){return!(!t||!n)&&(t===n||(!t||3!==t.nodeType)&&(n&&3===n.nodeType?e(t,n.parentNode):"contains"in t?t.contains(n):!!t.compareDocumentPosition&&!!(16&t.compareDocumentPosition(n))))}(b.ownerDocument.documentElement,b)){null!==u&&dr(b)&&(w=u.start,void 0===(k=u.end)&&(k=w),"selectionStart"in b?(b.selectionStart=w,b.selectionEnd=Math.min(k,b.value.length)):(k=(w=b.ownerDocument||document)&&w.defaultView||window).getSelection&&(k=k.getSelection(),i=b.textContent.length,S=Math.min(u.start,i),u=void 0===u.end?S:Math.min(u.end,i),!k.extend&&S>u&&(i=u,u=S,S=i),i=cr(b,S),a=cr(b,u),i&&a&&(1!==k.rangeCount||k.anchorNode!==i.node||k.anchorOffset!==i.offset||k.focusNode!==a.node||k.focusOffset!==a.offset)&&((w=w.createRange()).setStart(i.node,i.offset),k.removeAllRanges(),S>u?(k.addRange(w),k.extend(a.node,a.offset)):(w.setEnd(a.node,a.offset),k.addRange(w))))),w=[];for(k=b;k=k.parentNode;)1===k.nodeType&&w.push({element:k,left:k.scrollLeft,top:k.scrollTop});for("function"==typeof b.focus&&b.focus(),b=0;b<w.length;b++)(k=w[b]).element.scrollLeft=k.left,k.element.scrollTop=k.top}Kt=!!Dr,Fr=Dr=null,e.current=n,Bu=r;do{try{for(b=e;null!==Bu;){var E=Bu.flags;if(36&E&&du(b,Bu.alternate,Bu),128&E){w=void 0;var x=Bu.ref;if(null!==x){var _=Bu.stateNode;switch(Bu.tag){case 5:w=_;break;default:w=_}"function"==typeof x?x(w):x.current=w}}Bu=Bu.nextEffect}}catch(e){if(null===Bu)throw Error(o(330));Mi(Bu,e),Bu=Bu.nextEffect}}while(null!==Bu);Bu=null,Ml(),_u=l}else e.current=n;if(Qu)Qu=!1,qu=e,Ku=t;else for(Bu=r;null!==Bu;)t=Bu.nextEffect,Bu.nextEffect=null,8&Bu.flags&&((E=Bu).sibling=null,E.stateNode=null),Bu=t;if(0===(r=e.pendingLanes)&&(Hu=null),1===r?e===Zu?Ju++:(Ju=0,Zu=e):Ju=0,n=n.stateNode,bl&&"function"==typeof bl.onCommitFiberRoot)try{bl.onCommitFiberRoot(yl,n,void 0,64==(64&n.current.flags))}catch(e){}if(si(e,Ul()),Wu)throw Wu=!1,e=$u,$u=null,e;return 0!=(8&_u)||Wl(),null}function Pi(){for(;null!==Bu;){var e=Bu.alternate;li||null===ri||(0!=(8&Bu.flags)?Ze(Bu,ri)&&(li=!0):13===Bu.tag&&ku(e,Bu)&&Ze(Bu,ri)&&(li=!0));var t=Bu.flags;0!=(256&t)&&fu(e,Bu),0==(512&t)||Qu||(Qu=!0,Bl(97,(function(){return Ni(),null}))),Bu=Bu.nextEffect}}function Ni(){if(90!==Ku){var e=97<Ku?97:Ku;return Ku=90,Vl(e,Li)}return!1}function Ti(e,t){Yu.push(t,e),Qu||(Qu=!0,Bl(97,(function(){return Ni(),null})))}function zi(e,t){Xu.push(t,e),Qu||(Qu=!0,Bl(97,(function(){return Ni(),null})))}function Li(){if(null===qu)return!1;var e=qu;if(qu=null,0!=(48&_u))throw Error(o(331));var t=_u;_u|=32;var n=Xu;Xu=[];for(var r=0;r<n.length;r+=2){var l=n[r],a=n[r+1],u=l.destroy;if(l.destroy=void 0,"function"==typeof u)try{u()}catch(e){if(null===a)throw Error(o(330));Mi(a,e)}}for(n=Yu,Yu=[],r=0;r<n.length;r+=2){l=n[r],a=n[r+1];try{var i=l.create;l.destroy=i()}catch(e){if(null===a)throw Error(o(330));Mi(a,e)}}for(i=e.current.firstEffect;null!==i;)e=i.nextEffect,i.nextEffect=null,8&i.flags&&(i.sibling=null,i.stateNode=null),i=e;return _u=t,Wl(),!0}function Oi(e,t,n){oa(e,t=uu(0,t=lu(n,t),1)),t=ai(),null!==(e=ii(e,1))&&(Bt(e,1,t),si(e,t))}function Mi(e,t){if(3===e.tag)Oi(e,e,t);else for(var n=e.return;null!==n;){if(3===n.tag){Oi(n,e,t);break}if(1===n.tag){var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Hu||!Hu.has(r))){var l=iu(n,e=lu(t,e),1);if(oa(n,l),l=ai(),null!==(n=ii(n,1)))Bt(n,1,l),si(n,l);else if("function"==typeof r.componentDidCatch&&(null===Hu||!Hu.has(r)))try{r.componentDidCatch(t,e)}catch(e){}break}}n=n.return}}function Ri(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ai(),e.pingedLanes|=e.suspendedLanes&n,Cu===e&&(Nu&n)===n&&(4===Lu||3===Lu&&(62914560&Nu)===Nu&&500>Ul()-Uu?gi(e,0):Du|=n),si(e,t)}function Ii(e,t){var n=e.stateNode;null!==n&&n.delete(t),0===(t=0)&&(0==(2&(t=e.mode))?t=1:0==(4&t)?t=99===jl()?1:2:(0===ti&&(ti=Mu),0===(t=At(62914560&~ti))&&(t=4194304))),n=ai(),null!==(e=ii(e,t))&&(Bt(e,t,n),si(e,n))}function Di(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.flags=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childLanes=this.lanes=0,this.alternate=null}function Fi(e,t,n,r){return new Di(e,t,n,r)}function Ui(e){return!(!(e=e.prototype)||!e.isReactComponent)}function ji(e,t){var n=e.alternate;return null===n?((n=Fi(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Ai(e,t,n,r,l,a){var u=2;if(r=e,"function"==typeof e)Ui(e)&&(u=1);else if("string"==typeof e)u=5;else e:switch(e){case x:return Vi(n.children,l,a,t);case D:u=8,l|=16;break;case _:u=8,l|=1;break;case C:return(e=Fi(12,n,t,8|l)).elementType=C,e.type=C,e.lanes=a,e;case z:return(e=Fi(13,n,t,l)).type=z,e.elementType=z,e.lanes=a,e;case L:return(e=Fi(19,n,t,l)).elementType=L,e.lanes=a,e;case F:return Bi(n,l,a,t);case U:return(e=Fi(24,n,t,l)).elementType=U,e.lanes=a,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case P:u=10;break e;case N:u=9;break e;case T:u=11;break e;case O:u=14;break e;case M:u=16,r=null;break e;case R:u=22;break e}throw Error(o(130,null==e?e:typeof e,""))}return(t=Fi(u,n,t,l)).elementType=e,t.type=r,t.lanes=a,t}function Vi(e,t,n,r){return(e=Fi(7,e,r,t)).lanes=n,e}function Bi(e,t,n,r){return(e=Fi(23,e,r,t)).elementType=F,e.lanes=n,e}function Wi(e,t,n){return(e=Fi(6,e,null,t)).lanes=n,e}function $i(e,t,n){return(t=Fi(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Hi(e,t,n){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=n,this.callbackNode=null,this.callbackPriority=0,this.eventTimes=Vt(0),this.expirationTimes=Vt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Vt(0),this.mutableSourceEagerHydrationData=null}function Qi(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:E,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}function qi(e,t,n,r){var l=t.current,a=ai(),u=oi(l);e:if(n){t:{if(Ye(n=n._reactInternals)!==n||1!==n.tag)throw Error(o(170));var i=n;do{switch(i.tag){case 3:i=i.stateNode.context;break t;case 1:if(dl(i.type)){i=i.stateNode.__reactInternalMemoizedMergedChildContext;break t}}i=i.return}while(null!==i);throw Error(o(171))}if(1===n.tag){var s=n.type;if(dl(s)){n=ml(n,s,i);break e}}n=i}else n=ul;return null===t.context?t.context=n:t.pendingContext=n,(t=aa(a,u)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),oa(l,t),ui(l,u,a),u}function Ki(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function Yi(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Xi(e,t){Yi(e,t),(e=e.alternate)&&Yi(e,t)}function Gi(e,t,n){var r=null!=n&&null!=n.hydrationOptions&&n.hydrationOptions.mutableSources||null;if(n=new Hi(e,t,null!=n&&!0===n.hydrate),t=Fi(3,null,null,2===t?7:1===t?3:0),n.current=t,t.stateNode=n,ra(t),e[Yr]=n.current,Pr(8===e.nodeType?e.parentNode:e),r)for(e=0;e<r.length;e++){var l=(t=r[e])._getVersion;l=l(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,l]:n.mutableSourceEagerHydrationData.push(t,l)}this._internalRoot=n}function Ji(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Zi(e,t,n,r,l){var a=n._reactRootContainer;if(a){var o=a._internalRoot;if("function"==typeof l){var u=l;l=function(){var e=Ki(o);u.call(e)}}qi(t,o,e,l)}else{if(a=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new Gi(e,0,t?{hydrate:!0}:void 0)}(n,r),o=a._internalRoot,"function"==typeof l){var i=l;l=function(){var e=Ki(o);i.call(e)}}hi((function(){qi(t,o,e,l)}))}return Ki(o)}function es(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Ji(t))throw Error(o(200));return Qi(e,t,null,n)}Vu=function(e,t,n){var r=t.lanes;if(null!==e)if(e.memoizedProps!==t.pendingProps||sl.current)Oo=!0;else{if(0==(n&r)){switch(Oo=!1,t.tag){case 3:Bo(t),Ba();break;case 5:za(t);break;case 1:dl(t.type)&&vl(t);break;case 4:Na(t,t.stateNode.containerInfo);break;case 10:r=t.memoizedProps.value;var l=t.type._context;ol(ql,l._currentValue),l._currentValue=r;break;case 13:if(null!==t.memoizedState)return 0!=(n&t.child.childLanes)?qo(e,t,n):(ol(Oa,1&Oa.current),null!==(t=eu(e,t,n))?t.sibling:null);ol(Oa,1&Oa.current);break;case 19:if(r=0!=(n&t.childLanes),0!=(64&e.flags)){if(r)return Zo(e,t,n);t.flags|=64}if(null!==(l=t.memoizedState)&&(l.rendering=null,l.tail=null,l.lastEffect=null),ol(Oa,Oa.current),r)break;return null;case 23:case 24:return t.lanes=0,Fo(e,t,n)}return eu(e,t,n)}Oo=0!=(16384&e.flags)}else Oo=!1;switch(t.lanes=0,t.tag){case 2:if(r=t.type,null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,l=fl(t,il.current),ea(t,n),l=to(null,t,r,e,l,n),t.flags|=1,"object"==typeof l&&null!==l&&"function"==typeof l.render&&void 0===l.$$typeof){if(t.tag=1,t.memoizedState=null,t.updateQueue=null,dl(r)){var a=!0;vl(t)}else a=!1;t.memoizedState=null!==l.state&&void 0!==l.state?l.state:null,ra(t);var u=r.getDerivedStateFromProps;"function"==typeof u&&fa(t,r,u,e),l.updater=da,t.stateNode=l,l._reactInternals=t,va(t,r,e,n),t=Vo(null,t,r,!0,a,n)}else t.tag=0,Mo(null,t,l,n),t=t.child;return t;case 16:l=t.elementType;e:{switch(null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,l=(a=l._init)(l._payload),t.type=l,a=t.tag=function(e){if("function"==typeof e)return Ui(e)?1:0;if(null!=e){if((e=e.$$typeof)===T)return 11;if(e===O)return 14}return 2}(l),e=Ql(l,e),a){case 0:t=jo(null,t,l,e,n);break e;case 1:t=Ao(null,t,l,e,n);break e;case 11:t=Ro(null,t,l,e,n);break e;case 14:t=Io(null,t,l,Ql(l.type,e),r,n);break e}throw Error(o(306,l,""))}return t;case 0:return r=t.type,l=t.pendingProps,jo(e,t,r,l=t.elementType===r?l:Ql(r,l),n);case 1:return r=t.type,l=t.pendingProps,Ao(e,t,r,l=t.elementType===r?l:Ql(r,l),n);case 3:if(Bo(t),r=t.updateQueue,null===e||null===r)throw Error(o(282));if(r=t.pendingProps,l=null!==(l=t.memoizedState)?l.element:null,la(e,t),ia(t,r,null,n),(r=t.memoizedState.element)===l)Ba(),t=eu(e,t,n);else{if((a=(l=t.stateNode).hydrate)&&(Ia=Wr(t.stateNode.containerInfo.firstChild),Ra=t,a=Da=!0),a){if(null!=(e=l.mutableSourceEagerHydrationData))for(l=0;l<e.length;l+=2)(a=e[l])._workInProgressVersionPrimary=e[l+1],Wa.push(a);for(n=Sa(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|1024,n=n.sibling}else Mo(e,t,r,n),Ba();t=t.child}return t;case 5:return za(t),null===e&&ja(t),r=t.type,l=t.pendingProps,a=null!==e?e.memoizedProps:null,u=l.children,jr(r,l)?u=null:null!==a&&jr(r,a)&&(t.flags|=16),Uo(e,t),Mo(e,t,u,n),t.child;case 6:return null===e&&ja(t),null;case 13:return qo(e,t,n);case 4:return Na(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=ka(t,null,r,n):Mo(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,Ro(e,t,r,l=t.elementType===r?l:Ql(r,l),n);case 7:return Mo(e,t,t.pendingProps,n),t.child;case 8:case 12:return Mo(e,t,t.pendingProps.children,n),t.child;case 10:e:{r=t.type._context,l=t.pendingProps,u=t.memoizedProps,a=l.value;var i=t.type._context;if(ol(ql,i._currentValue),i._currentValue=a,null!==u)if(i=u.value,0===(a=or(i,a)?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(i,a):1073741823))){if(u.children===l.children&&!sl.current){t=eu(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var s=i.dependencies;if(null!==s){u=i.child;for(var c=s.firstContext;null!==c;){if(c.context===r&&0!=(c.observedBits&a)){1===i.tag&&((c=aa(-1,n&-n)).tag=2,oa(i,c)),i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Zl(i.return,n),s.lanes|=n;break}c=c.next}}else u=10===i.tag&&i.type===t.type?null:i.child;if(null!==u)u.return=i;else for(u=i;null!==u;){if(u===t){u=null;break}if(null!==(i=u.sibling)){i.return=u.return,u=i;break}u=u.return}i=u}Mo(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=(a=t.pendingProps).children,ea(t,n),r=r(l=ta(l,a.unstable_observedBits)),t.flags|=1,Mo(e,t,r,n),t.child;case 14:return a=Ql(l=t.type,t.pendingProps),Io(e,t,l,a=Ql(l.type,a),r,n);case 15:return Do(e,t,t.type,t.pendingProps,r,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ql(r,l),null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),t.tag=1,dl(r)?(e=!0,vl(t)):e=!1,ea(t,n),ha(t,r,l),va(t,r,l,n),Vo(null,t,r,!0,e,n);case 19:return Zo(e,t,n);case 23:case 24:return Fo(e,t,n)}throw Error(o(156,t.tag))},Gi.prototype.render=function(e){qi(e,this._internalRoot,null,null)},Gi.prototype.unmount=function(){var e=this._internalRoot,t=e.containerInfo;qi(null,e,null,(function(){t[Yr]=null}))},et=function(e){13===e.tag&&(ui(e,4,ai()),Xi(e,4))},tt=function(e){13===e.tag&&(ui(e,67108864,ai()),Xi(e,67108864))},nt=function(e){if(13===e.tag){var t=ai(),n=oi(e);ui(e,n,t),Xi(e,n)}},rt=function(e,t){return t()},Ce=function(e,t,n){switch(t){case"input":if(ne(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var l=el(r);if(!l)throw Error(o(90));G(r),ne(r,l)}}}break;case"textarea":se(e,n);break;case"select":null!=(t=n.value)&&oe(e,!!n.multiple,t,!1)}},Oe=pi,Me=function(e,t,n,r,l){var a=_u;_u|=4;try{return Vl(98,e.bind(null,t,n,r,l))}finally{0===(_u=a)&&(Au(),Wl())}},Re=function(){0==(49&_u)&&(function(){if(null!==Gu){var e=Gu;Gu=null,e.forEach((function(e){e.expiredLanes|=24&e.pendingLanes,si(e,Ul())}))}Wl()}(),Ni())},Ie=function(e,t){var n=_u;_u|=2;try{return e(t)}finally{0===(_u=n)&&(Au(),Wl())}};var ts={Events:[Jr,Zr,el,ze,Le,Ni,{current:!1}]},ns={findFiberByHostInstance:Gr,bundleType:0,version:"17.0.1",rendererPackageName:"react-dom"},rs={bundleType:ns.bundleType,version:ns.version,rendererPackageName:ns.rendererPackageName,rendererConfig:ns.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:k.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Je(e))?null:e.stateNode},findFiberByHostInstance:ns.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ls=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ls.isDisabled&&ls.supportsFiber)try{yl=ls.inject(rs),bl=ls}catch(e){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ts,t.createPortal=es,t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(o(188));throw Error(o(268,Object.keys(e)))}return e=null===(e=Je(t))?null:e.stateNode},t.flushSync=function(e,t){var n=_u;if(0!=(48&n))return e(t);_u|=1;try{if(e)return Vl(99,e.bind(null,t))}finally{_u=n,Wl()}},t.hydrate=function(e,t,n){if(!Ji(t))throw Error(o(200));return Zi(null,e,t,!0,n)},t.render=function(e,t,n){if(!Ji(t))throw Error(o(200));return Zi(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Ji(e))throw Error(o(40));return!!e._reactRootContainer&&(hi((function(){Zi(null,null,e,!1,(function(){e._reactRootContainer=null,e[Yr]=null}))})),!0)},t.unstable_batchedUpdates=pi,t.unstable_createPortal=function(e,t){return es(e,t,2<arguments.length&&void 0!==arguments[2]?arguments[2]:null)},t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Ji(n))throw Error(o(200));if(null==e||void 0===e._reactInternals)throw Error(o(38));return Zi(e,t,n,!1,r)},t.version="17.0.1"},951:function(e,t,n){"use strict";e.exports=n(952)},952:function(e,t,n){"use strict";
23 | /** @license React v0.20.1
24 |  * scheduler.production.min.js
25 |  *
26 |  * Copyright (c) Facebook, Inc. and its affiliates.
27 |  *
28 |  * This source code is licensed under the MIT license found in the
29 |  * LICENSE file in the root directory of this source tree.
30 |  */var r,l,a,o;if("object"==typeof performance&&"function"==typeof performance.now){var u=performance;t.unstable_now=function(){return u.now()}}else{var i=Date,s=i.now();t.unstable_now=function(){return i.now()-s}}if("undefined"==typeof window||"function"!=typeof MessageChannel){var c=null,f=null,d=function(){if(null!==c)try{var e=t.unstable_now();c(!0,e),c=null}catch(e){throw setTimeout(d,0),e}};r=function(e){null!==c?setTimeout(r,0,e):(c=e,setTimeout(d,0))},l=function(e,t){f=setTimeout(e,t)},a=function(){clearTimeout(f)},t.unstable_shouldYield=function(){return!1},o=t.unstable_forceFrameRate=function(){}}else{var p=window.setTimeout,h=window.clearTimeout;if("undefined"!=typeof console){var m=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),"function"!=typeof m&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")}var v=!1,g=null,y=-1,b=5,w=0;t.unstable_shouldYield=function(){return t.unstable_now()>=w},o=function(){},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):b=0<e?Math.floor(1e3/e):5};var k=new MessageChannel,S=k.port2;k.port1.onmessage=function(){if(null!==g){var e=t.unstable_now();w=e+b;try{g(!0,e)?S.postMessage(null):(v=!1,g=null)}catch(e){throw S.postMessage(null),e}}else v=!1},r=function(e){g=e,v||(v=!0,S.postMessage(null))},l=function(e,n){y=p((function(){e(t.unstable_now())}),n)},a=function(){h(y),y=-1}}function E(e,t){var n=e.length;e.push(t);e:for(;;){var r=n-1>>>1,l=e[r];if(!(void 0!==l&&0<C(l,t)))break e;e[r]=t,e[n]=l,n=r}}function x(e){return void 0===(e=e[0])?null:e}function _(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,l=e.length;r<l;){var a=2*(r+1)-1,o=e[a],u=a+1,i=e[u];if(void 0!==o&&0>C(o,n))void 0!==i&&0>C(i,o)?(e[r]=i,e[u]=n,r=u):(e[r]=o,e[a]=n,r=a);else{if(!(void 0!==i&&0>C(i,n)))break e;e[r]=i,e[u]=n,r=u}}}return t}return null}function C(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var P=[],N=[],T=1,z=null,L=3,O=!1,M=!1,R=!1;function I(e){for(var t=x(N);null!==t;){if(null===t.callback)_(N);else{if(!(t.startTime<=e))break;_(N),t.sortIndex=t.expirationTime,E(P,t)}t=x(N)}}function D(e){if(R=!1,I(e),!M)if(null!==x(P))M=!0,r(F);else{var t=x(N);null!==t&&l(D,t.startTime-e)}}function F(e,n){M=!1,R&&(R=!1,a()),O=!0;var r=L;try{for(I(n),z=x(P);null!==z&&(!(z.expirationTime>n)||e&&!t.unstable_shouldYield());){var o=z.callback;if("function"==typeof o){z.callback=null,L=z.priorityLevel;var u=o(z.expirationTime<=n);n=t.unstable_now(),"function"==typeof u?z.callback=u:z===x(P)&&_(P),I(n)}else _(P);z=x(P)}if(null!==z)var i=!0;else{var s=x(N);null!==s&&l(D,s.startTime-n),i=!1}return i}finally{z=null,L=r,O=!1}}var U=o;t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){M||O||(M=!0,r(F))},t.unstable_getCurrentPriorityLevel=function(){return L},t.unstable_getFirstCallbackNode=function(){return x(P)},t.unstable_next=function(e){switch(L){case 1:case 2:case 3:var t=3;break;default:t=L}var n=L;L=t;try{return e()}finally{L=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=U,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=L;L=e;try{return t()}finally{L=n}},t.unstable_scheduleCallback=function(e,n,o){var u=t.unstable_now();switch("object"==typeof o&&null!==o?o="number"==typeof(o=o.delay)&&0<o?u+o:u:o=u,e){case 1:var i=-1;break;case 2:i=250;break;case 5:i=1073741823;break;case 4:i=1e4;break;default:i=5e3}return e={id:T++,callback:n,priorityLevel:e,startTime:o,expirationTime:i=o+i,sortIndex:-1},o>u?(e.sortIndex=o,E(N,e),null===x(P)&&e===x(N)&&(R?a():R=!0,l(D,o-u))):(e.sortIndex=i,E(P,e),M||O||(M=!0,r(F))),e},t.unstable_wrapCallback=function(e){var t=L;return function(){var n=L;L=t;try{return e.apply(this,arguments)}finally{L=n}}}}});


--------------------------------------------------------------------------------
/studio/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "javascriptcommentingsystem",
 3 |   "private": true,
 4 |   "version": "1.0.0",
 5 |   "description": "",
 6 |   "main": "package.json",
 7 |   "author": "Alessio Franceschi <alessiofranceschi2@gmail.com>",
 8 |   "license": "UNLICENSED",
 9 |   "scripts": {
10 |     "start": "sanity start",
11 |     "build": "sanity build"
12 |   },
13 |   "keywords": [
14 |     "sanity"
15 |   ],
16 |   "dependencies": {
17 |     "@sanity/base": "^2.1.3",
18 |     "@sanity/components": "^2.1.0",
19 |     "@sanity/core": "^2.1.2",
20 |     "@sanity/default-layout": "^2.1.3",
21 |     "@sanity/default-login": "^2.1.0",
22 |     "@sanity/desk-tool": "^2.1.3",
23 |     "@sanity/vision": "^2.1.0",
24 |     "prop-types": "^15.7",
25 |     "react": "^17.0",
26 |     "react-dom": "^17.0"
27 |   },
28 |   "devDependencies": {}
29 | }
30 | 


--------------------------------------------------------------------------------
/studio/plugins/.gitkeep:
--------------------------------------------------------------------------------
1 | User-specific packages can be placed here
2 | 


--------------------------------------------------------------------------------
/studio/sanity.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "root": true,
 3 |   "project": {
 4 |     "name": "javascript-commenting-system"
 5 |   },
 6 |   "api": {
 7 |     "projectId": "gbqxs53u",
 8 |     "dataset": "production"
 9 |   },
10 |   "plugins": [
11 |     "@sanity/base",
12 |     "@sanity/components",
13 |     "@sanity/default-layout",
14 |     "@sanity/default-login",
15 |     "@sanity/desk-tool",
16 |     "@sanity/vision"
17 |   ],
18 |   "env": {
19 |     "development": {
20 |       "plugins": [
21 |         "@sanity/vision"
22 |       ]
23 |     }
24 |   },
25 |   "parts": [
26 |     {
27 |       "name": "part:@sanity/base/schema",
28 |       "path": "./schemas/schema"
29 |     }
30 |   ]
31 | }
32 | 


--------------------------------------------------------------------------------
/studio/schemas/comment.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 | 	name: "comment",
 3 | 	title: "Comment",
 4 | 	type: "document",
 5 | 	fields: [
 6 | 		{
 7 | 			name: "name",
 8 | 			title: "User Name",
 9 | 			type: "string",
10 | 		},
11 | 		{
12 | 			name: "email",
13 | 			title: "Email",
14 | 			type: "string",
15 | 		},
16 | 		{
17 | 			name: "userImage",
18 | 			title: "User Image",
19 | 			type: "image",
20 | 			options: {
21 | 				hotspot: true,
22 | 			},
23 | 		},
24 | 		{
25 | 			name: "comment",
26 | 			title: "Comment",
27 | 			type: "text",
28 | 		},
29 | 		{
30 | 			name: "childComments",
31 | 			title: "Child Comments",
32 | 			type: "array",
33 | 			of: [{ type: "comment" }],
34 | 		},
35 | 		{
36 | 			name: "approved",
37 | 			title: "Approved",
38 | 			type: "boolean",
39 | 		},
40 | 	],
41 | 	preview: {
42 | 		select: {
43 | 			title: "name",
44 | 			subtitle: "comment",
45 | 		},
46 | 	},
47 | };
48 | 


--------------------------------------------------------------------------------
/studio/schemas/commentReactions.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 | 	name: "commentReactions",
 3 | 	title: "Comment Reactions",
 4 | 	type: "document",
 5 | 	fields: [
 6 | 		{
 7 | 			name: "commentId",
 8 | 			title: "Comment Id",
 9 | 			type: "string",
10 | 		},
11 | 		{
12 | 			name: "reactions",
13 | 			title: "Reactions",
14 | 			type: "array",
15 | 			of: [
16 | 				{
17 | 					type: "object",
18 | 					fields: [
19 | 						{
20 | 							name: "emoji",
21 | 							type: "string",
22 | 							title: "Emoji",
23 | 						},
24 | 						{
25 | 							name: "counter",
26 | 							type: "number",
27 | 							title: "Counter",
28 | 						},
29 | 						{
30 | 							name: "label",
31 | 							type: "string",
32 | 							title: "Label",
33 | 						},
34 | 					],
35 | 				},
36 | 			],
37 | 		},
38 | 	],
39 | 	preview: {
40 | 		select: {
41 | 			title: "commentId",
42 | 		},
43 | 	},
44 | };
45 | 


--------------------------------------------------------------------------------
/studio/schemas/schema.js:
--------------------------------------------------------------------------------
 1 | // First, we must import the schema creator
 2 | import createSchema from "part:@sanity/base/schema-creator";
 3 | 
 4 | // Then import schema types from any plugins that might expose them
 5 | import schemaTypes from "all:part:@sanity/base/schema-type";
 6 | 
 7 | import comment from "./comment";
 8 | import commentReactions from "./commentReactions";
 9 | 
10 | // Then we give our schema to the builder and provide the result to Sanity
11 | export default createSchema({
12 | 	// We name our schema
13 | 	name: "default",
14 | 	// Then proceed to concatenate our document type
15 | 	// to the ones provided by any plugins that are installed
16 | 	types: schemaTypes.concat([
17 | 		/* Your types here! */
18 | 		comment,
19 | 		commentReactions,
20 | 	]),
21 | });
22 | 


--------------------------------------------------------------------------------
/studio/static/.gitkeep:
--------------------------------------------------------------------------------
1 | Files placed here will be served by the Sanity server under the `/static`-prefix
2 | 


--------------------------------------------------------------------------------
/studio/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PandaSekh/React-Commenting-System/b1e781b1f99efbaff1d75998f1e034939357b187/studio/static/favicon.ico


--------------------------------------------------------------------------------
/studio/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   // Note: This config is only used to help editors like VS Code understand/resolve
3 |   // parts, the actual transpilation is done by babel. Any compiler configuration in
4 |   // here will be ignored.
5 |   "include": ["./node_modules/@sanity/base/types/**/*.ts", "./**/*.ts", "./**/*.tsx"]
6 | }
7 | 


--------------------------------------------------------------------------------
/styles/globals.css:
--------------------------------------------------------------------------------
  1 | * {
  2 | 	padding: 0;
  3 | 	margin: 0;
  4 | 	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
  5 | 		Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  6 | 	outline: none;
  7 | 	font-size: 16px;
  8 | }
  9 | 
 10 | body {
 11 | 	padding-bottom: 50px;
 12 | }
 13 | 
 14 | h1 {
 15 | 	text-align: center;
 16 | 	margin: 30px;
 17 | 	font-size: 25px;
 18 | }
 19 | 
 20 | h2 {
 21 | 	font-size: 20px;
 22 | 	text-align: center;
 23 | 	margin: 30px;
 24 | }
 25 | 
 26 | a {
 27 | 	text-decoration: none;
 28 | 	font-size: inherit;
 29 | 	color: inherit;
 30 | 	border-bottom: 1px solid #ababab;
 31 | }
 32 | 
 33 | *,
 34 | *::before,
 35 | *::after {
 36 | 	box-sizing: border-box;
 37 | }
 38 | 
 39 | .container {
 40 | 	margin: auto;
 41 | 	width: 80%;
 42 | }
 43 | 
 44 | form {
 45 | 	display: grid;
 46 | 	width: 30%;
 47 | 	margin: auto;
 48 | }
 49 | 
 50 | input[type="text"] {
 51 | 	height: 40px;
 52 | }
 53 | 
 54 | input[type="submit"] {
 55 | 	border-radius: 30px;
 56 | 	width: min-content;
 57 | 	margin: auto;
 58 | 	padding: 7px 15px;
 59 | 	background-color: #dedede;
 60 | 	cursor: pointer;
 61 | 	margin-top: 5px;
 62 | }
 63 | 
 64 | input[type="submit"]:hover,
 65 | button:hover {
 66 | 	box-shadow: 0 0 3pt 2pt #ed4e42;
 67 | 	outline-width: 0px;
 68 | }
 69 | 
 70 | input[type="submit"]:disabled,
 71 | reply-button:disabled {
 72 | 	cursor: not-allowed;
 73 | 	box-shadow: none;
 74 | 	outline-width: 0px;
 75 | }
 76 | 
 77 | textarea {
 78 | 	resize: vertical;
 79 | }
 80 | 
 81 | input,
 82 | textarea {
 83 | 	transition: 180ms box-shadow ease-in-out;
 84 | 	-webkit-transition: 180ms;
 85 | 	font-size: 16px;
 86 | 	padding: 0.25em 0.5em;
 87 | 	margin: 5px;
 88 | 	border-radius: 10px;
 89 | 	border: 1px solid #dddddd;
 90 | }
 91 | 
 92 | input:focus,
 93 | textarea:focus,
 94 | input:hover,
 95 | textarea:hover {
 96 | 	box-shadow: 0 0 3pt 2pt #ed4e42;
 97 | 	outline-width: 0px;
 98 | }
 99 | 
100 | .error {
101 | 	color: #ed4e42;
102 | 	text-align: center;
103 | 	font-weight: 300;
104 | }
105 | 
106 | ul {
107 | 	list-style-type: none;
108 | }
109 | 
110 | li {
111 | 	margin: 10px 0px 15px 10px;
112 | 	box-shadow: 0 0 5px #ed4e42;
113 | 	border: 1px solid #ed4e42;
114 | 	padding: 10px 0px 10px 10px;
115 | }
116 | 
117 | .comment-content {
118 | 	padding: 10px;
119 | 	line-break: auto;
120 | 	white-space: pre-line;
121 | }
122 | 
123 | .reply-button {
124 | 	border-radius: 20px;
125 | 	width: min-content;
126 | 	margin: auto;
127 | 	padding: 7px 15px;
128 | 	background-color: #dedede;
129 | 	cursor: pointer;
130 | 	/* margin-top: 5px; */
131 | 	border: 1px solid #dedede;
132 | }
133 | 
134 | .child {
135 | 	margin-left: 25px;
136 | 	border-right: none + ì;
137 | }
138 | 
139 | #submitMessage {
140 | 	position: fixed;
141 | 	z-index: 101;
142 | 	top: 0;
143 | 	left: 0;
144 | 	right: 0;
145 | 	text-align: center;
146 | 	line-height: 2.5;
147 | 	overflow: hidden;
148 | 	-webkit-box-shadow: 0 0 5px black;
149 | 	-moz-box-shadow: 0 0 5px black;
150 | 	box-shadow: 0 0 5px black;
151 | 
152 | 	@-webkit-keyframes slideDown {
153 | 		0%,
154 | 		100% {
155 | 			-webkit-transform: translateY(-50px);
156 | 		}
157 | 		10%,
158 | 		90% {
159 | 			-webkit-transform: translateY(0px);
160 | 		}
161 | 	}
162 | 	@-moz-keyframes slideDown {
163 | 		0%,
164 | 		100% {
165 | 			-moz-transform: translateY(-50px);
166 | 		}
167 | 		10%,
168 | 		90% {
169 | 			-moz-transform: translateY(0px);
170 | 		}
171 | 	}
172 | }
173 | 
174 | #submitMessage.error {
175 | 	background-color: #f55742;
176 | }
177 | #submitMessage.success {
178 | 	background-color: #75fa5a;
179 | }
180 | 
181 | .lds-roller {
182 | 	display: block;
183 | 	position: relative;
184 | 	width: 80px;
185 | 	height: 80px;
186 | 	margin: auto;
187 | 	margin-bottom: 30px;
188 | }
189 | .lds-roller div {
190 | 	margin: auto;
191 | 	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
192 | 	transform-origin: 40px 40px;
193 | }
194 | .lds-roller div:after {
195 | 	content: " ";
196 | 	display: block;
197 | 	position: absolute;
198 | 	width: 7px;
199 | 	height: 7px;
200 | 	border-radius: 50%;
201 | 	background: #03befc;
202 | 	margin: -4px 0 0 -4px;
203 | }
204 | .lds-roller div:nth-child(1) {
205 | 	animation-delay: -0.036s;
206 | }
207 | .lds-roller div:nth-child(1):after {
208 | 	top: 63px;
209 | 	left: 63px;
210 | }
211 | .lds-roller div:nth-child(2) {
212 | 	animation-delay: -0.072s;
213 | }
214 | .lds-roller div:nth-child(2):after {
215 | 	top: 68px;
216 | 	left: 56px;
217 | }
218 | .lds-roller div:nth-child(3) {
219 | 	animation-delay: -0.108s;
220 | }
221 | .lds-roller div:nth-child(3):after {
222 | 	top: 71px;
223 | 	left: 48px;
224 | }
225 | .lds-roller div:nth-child(4) {
226 | 	animation-delay: -0.144s;
227 | }
228 | .lds-roller div:nth-child(4):after {
229 | 	top: 72px;
230 | 	left: 40px;
231 | }
232 | .lds-roller div:nth-child(5) {
233 | 	animation-delay: -0.18s;
234 | }
235 | .lds-roller div:nth-child(5):after {
236 | 	top: 71px;
237 | 	left: 32px;
238 | }
239 | .lds-roller div:nth-child(6) {
240 | 	animation-delay: -0.216s;
241 | }
242 | .lds-roller div:nth-child(6):after {
243 | 	top: 68px;
244 | 	left: 24px;
245 | }
246 | .lds-roller div:nth-child(7) {
247 | 	animation-delay: -0.252s;
248 | }
249 | .lds-roller div:nth-child(7):after {
250 | 	top: 63px;
251 | 	left: 17px;
252 | }
253 | .lds-roller div:nth-child(8) {
254 | 	animation-delay: -0.288s;
255 | }
256 | .lds-roller div:nth-child(8):after {
257 | 	top: 56px;
258 | 	left: 12px;
259 | }
260 | @keyframes lds-roller {
261 | 	0% {
262 | 		transform: rotate(0deg);
263 | 	}
264 | 	100% {
265 | 		transform: rotate(360deg);
266 | 	}
267 | }
268 | 
269 | .commentImage {
270 | 	display: inline-block;
271 | 	width: min-content;
272 | 	margin-right: 10px;
273 | }
274 | 
275 | .commentImage > img {
276 | 	width: 40px;
277 | 	height: 40px;
278 | }
279 | 
280 | .emoji {
281 | 	margin: 10px;
282 | 	font-size: 25px;
283 | 	display: flex;
284 | 	align-items: center;
285 | 	cursor: pointer;
286 | 
287 | 	vertical-align: middle;
288 | 	transform: translateZ(0);
289 | 	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
290 | 	backface-visibility: hidden;
291 | 	-moz-osx-font-smoothing: grayscale;
292 | 	transition-duration: 0.1s;
293 | 	transition-property: transform;
294 | }
295 | 
296 | .reaction-div {
297 | 	margin-top: 5px;
298 | 	display: inline-flex;
299 | 	flex-flow: wrap;
300 | }
301 | 
302 | .emoji-container {
303 | 	position: relative;
304 | 	user-select: none;
305 | 	display: flex;
306 | }
307 | 
308 | .emoji-counter-div {
309 | 	position: absolute;
310 | 	top: -2px;
311 | 	right: 3px;
312 | 	z-index: -5;
313 | }
314 | 
315 | .emoji-counter {
316 | 	font-weight: bold;
317 | 	padding: 2px 5px;
318 | 	border-radius: 30%;
319 | 	background-color: #f55742;
320 | 	color: #fefefe;
321 | }
322 | .emoji:hover,
323 | emoji:focus,
324 | emoji:active {
325 | 	transform: scale(1.1);
326 | }
327 | 
328 | .comment-info {
329 | 	margin: auto 0px;
330 | }
331 | 
332 | .comment-info-container {
333 | 	height: 40px;
334 | 	display: flex;
335 | }
336 | 
337 | .reaction-block {
338 | 	display: inline-flex;
339 | 	flex-flow: wrap;
340 | }
341 | 
342 | .reaction-adder-emoji {
343 | 	user-select: none;
344 | 	position: relative;
345 | 	display: inline-block;
346 | }
347 | 
348 | .emoji-adder-menu-open {
349 | 	position: absolute;
350 | 	display: flex;
351 | 	top: 0px;
352 | 	left: 35px;
353 | 	border-radius: 10px;
354 | 	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
355 | 	background-color: #fefefe;
356 | 	flex-wrap: wrap;
357 | 	z-index: 10;
358 | 	width: 400%;
359 | }
360 | 
361 | .emoji-adder-menu-closed {
362 | 	display: none;
363 | }
364 | 
365 | @media (max-width: 780px) {
366 | 	.comment-content {
367 | 		margin-top: 1.5rem;
368 | 	}
369 | 	.reaction-div {
370 | 		margin: 1rem auto 0px auto;
371 | 	}
372 | 	.reaction-block {
373 | 		padding: 10px;
374 | 	}
375 | 	form {
376 | 		width: 80%;
377 | 	}
378 | 	form.main {
379 | 		width: auto;
380 | 	}
381 | 	input,
382 | 	textarea {
383 | 		width: inherit;
384 | 	}
385 | 	input[type="submit"] {
386 | 		margin: none;
387 | 	}
388 | }
389 | 
390 | .new-comment-image {
391 | 	display: inline-block;
392 | 	width: min-content;
393 | 	cursor: pointer;
394 | }
395 | 
396 | .new-comment-image > img {
397 | 	cursor: pointer;
398 | 	width: 100px;
399 | 	height: 100px;
400 | 	margin: auto;
401 | 	border-radius: 10px;
402 | 	-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
403 | 	-moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
404 | 	box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
405 | }
406 | 
407 | .img-upload {
408 | 	opacity: 0;
409 | 	position: absolute;
410 | 	z-index: -1;
411 | }
412 | 
413 | .img-upload-label {
414 | 	margin: auto;
415 | 	cursor: pointer;
416 | 	position: relative;
417 | }
418 | 
419 | .img-upload-label:hover .icon-upload {
420 | 	opacity: 60%;
421 | 	transition: all 0.1s linear;
422 | }
423 | 
424 | .icon-upload {
425 | 	opacity: 0;
426 | 	background-color: #000000;
427 | 	position: absolute;
428 | 	width: 100%;
429 | 	height: 40px;
430 | 	top: 60px;
431 | 	border-top-left-radius: 100px;
432 | 	border-top-right-radius: 100px;
433 | 	border-bottom-right-radius: 30px;
434 | 	border-bottom-left-radius: 30px;
435 | 	transition: all 0.1s linear;
436 | }
437 | 
438 | .camera-icon {
439 | 	fill: #fefefe;
440 | 	margin: auto;
441 | }
442 | 
443 | .camera-icon-container {
444 | 	margin: 8% auto;
445 | 	width: min-content;
446 | }
447 | 


--------------------------------------------------------------------------------
/vercel.json:
--------------------------------------------------------------------------------
1 | {
2 |   "trailingSlash": false,
3 |    "github": {
4 |     "silent": true
5 |   }
6 | }


--------------------------------------------------------------------------------