├── src
    ├── table.tsx
    ├── vite-env.d.ts
    ├── assets
    │   ├── amex.png
    │   ├── rupay.png
    │   ├── visa.png
    │   ├── diners.png
    │   ├── mastercard.png
    │   ├── gpayLogoDark.svg
    │   └── gpayLogo.svg
    ├── main.tsx
    ├── index.css
    ├── components
    │   ├── caution.tsx
    │   ├── security.tsx
    │   └── upiFormats.tsx
    └── App.tsx
├── qr-demo.png
├── docs
    ├── src
    │   └── assets
    │   │   ├── amex.png
    │   │   ├── rupay.png
    │   │   ├── visa.png
    │   │   ├── diners.png
    │   │   ├── mastercard.png
    │   │   ├── gpayLogoDark.svg
    │   │   └── gpayLogo.svg
    ├── index.html
    ├── upi.svg
    └── assets
    │   ├── index-CiaK_M2l.css
    │   └── index-tdy1iLb4.js
├── public
    ├── src
    │   └── assets
    │   │   ├── amex.png
    │   │   ├── rupay.png
    │   │   ├── visa.png
    │   │   ├── diners.png
    │   │   ├── mastercard.png
    │   │   ├── gpayLogoDark.svg
    │   │   └── gpayLogo.svg
    └── upi.svg
├── postcss.config.js
├── tsconfig.json
├── tailwind.config.js
├── .gitignore
├── index.html
├── tsconfig.node.json
├── tsconfig.app.json
├── vite.config.ts
├── eslint.config.js
├── package.json
└── README.md


/src/table.tsx:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="vite/client" />
2 | 


--------------------------------------------------------------------------------
/qr-demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/qr-demo.png


--------------------------------------------------------------------------------
/src/assets/amex.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/src/assets/amex.png


--------------------------------------------------------------------------------
/src/assets/rupay.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/src/assets/rupay.png


--------------------------------------------------------------------------------
/src/assets/visa.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/src/assets/visa.png


--------------------------------------------------------------------------------
/src/assets/diners.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/src/assets/diners.png


--------------------------------------------------------------------------------
/docs/src/assets/amex.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/docs/src/assets/amex.png


--------------------------------------------------------------------------------
/docs/src/assets/rupay.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/docs/src/assets/rupay.png


--------------------------------------------------------------------------------
/docs/src/assets/visa.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/docs/src/assets/visa.png


--------------------------------------------------------------------------------
/src/assets/mastercard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/src/assets/mastercard.png


--------------------------------------------------------------------------------
/docs/src/assets/diners.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/docs/src/assets/diners.png


--------------------------------------------------------------------------------
/public/src/assets/amex.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/public/src/assets/amex.png


--------------------------------------------------------------------------------
/public/src/assets/rupay.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/public/src/assets/rupay.png


--------------------------------------------------------------------------------
/public/src/assets/visa.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/public/src/assets/visa.png


--------------------------------------------------------------------------------
/docs/src/assets/mastercard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/docs/src/assets/mastercard.png


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | export default {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | }
7 | 


--------------------------------------------------------------------------------
/public/src/assets/diners.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/public/src/assets/diners.png


--------------------------------------------------------------------------------
/public/src/assets/mastercard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RedeemApp/cc-billpay-upi-id/HEAD/public/src/assets/mastercard.png


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "files": [],
3 |   "references": [
4 |     { "path": "./tsconfig.app.json" },
5 |     { "path": "./tsconfig.node.json" }
6 |   ]
7 | }
8 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | /** @type {import('tailwindcss').Config} */
 2 | export default {
 3 | 	content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
 4 | 	darkMode: "selector",
 5 | 	theme: {
 6 | 		extend: {},
 7 | 	},
 8 | 	plugins: [],
 9 | };
10 | 


--------------------------------------------------------------------------------
/src/main.tsx:
--------------------------------------------------------------------------------
 1 | import { StrictMode } from 'react'
 2 | import { createRoot } from 'react-dom/client'
 3 | import App from './App.tsx'
 4 | import './index.css'
 5 | 
 6 | createRoot(document.getElementById('root')!).render(
 7 |   <StrictMode>
 8 |     <App />
 9 |   </StrictMode>,
10 | )
11 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | .vite/


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" type="image/svg+xml" href="/upi.svg" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>Pay Your Credit Card Bills via UPI. Generate UPI ID.</title>
 8 |   </head>
 9 |   <body>
10 |     <div id="root"></div>
11 |     <script type="module" src="/src/main.tsx"></script>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/tsconfig.node.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "ES2022",
 4 |     "lib": ["ES2023"],
 5 |     "module": "ESNext",
 6 |     "skipLibCheck": true,
 7 | 
 8 |     /* Bundler mode */
 9 |     "moduleResolution": "bundler",
10 |     "allowImportingTsExtensions": true,
11 |     "isolatedModules": true,
12 |     "moduleDetection": "force",
13 |     "noEmit": true,
14 | 
15 |     /* Linting */
16 |     "strict": true,
17 |     "noUnusedLocals": true,
18 |     "noUnusedParameters": true,
19 |     "noFallthroughCasesInSwitch": true
20 |   },
21 |   "include": ["vite.config.ts"]
22 | }
23 | 


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" type="image/svg+xml" href="/cc-billpay-upi-id/upi.svg" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>Pay Your Credit Card Bills via UPI. Generate UPI ID.</title>
 8 |     <script type="module" crossorigin src="/cc-billpay-upi-id/assets/index-tdy1iLb4.js"></script>
 9 |     <link rel="stylesheet" crossorigin href="/cc-billpay-upi-id/assets/index-CiaK_M2l.css">
10 |   </head>
11 |   <body>
12 |     <div id="root"></div>
13 |   </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/tsconfig.app.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "ES2020",
 4 |     "useDefineForClassFields": true,
 5 |     "lib": ["ES2020", "DOM", "DOM.Iterable"],
 6 |     "module": "ESNext",
 7 |     "skipLibCheck": true,
 8 | 
 9 |     /* Bundler mode */
10 |     "moduleResolution": "bundler",
11 |     "allowImportingTsExtensions": true,
12 |     "isolatedModules": true,
13 |     "moduleDetection": "force",
14 |     "noEmit": true,
15 |     "jsx": "react-jsx",
16 | 
17 |     /* Linting */
18 |     "strict": true,
19 |     "noUnusedLocals": true,
20 |     "noUnusedParameters": true,
21 |     "noFallthroughCasesInSwitch": true
22 |   },
23 |   "include": ["src"]
24 | }
25 | 


--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
 1 | @tailwind base;
 2 | @tailwind components;
 3 | @tailwind utilities;
 4 | 
 5 | @layer base {
 6 | 	/* Hide arrows in input of type number */
 7 | 	input[type="number"]::-webkit-outer-spin-button,
 8 | 	input[type="number"]::-webkit-inner-spin-button {
 9 | 		@apply appearance-none;
10 | 		margin: 0;
11 | 	}
12 | 
13 | 	input[type="number"] {
14 | 		@apply appearance-none;
15 | 	}
16 | 
17 | }
18 | 
19 | @layer components {
20 |     @media (max-width: 768px) {
21 |         .small-qr {
22 |           display: none;
23 |         }
24 |       }
25 | 
26 |       @media (min-width: 769px) {
27 |         .small-qr {
28 |           display: flex;
29 |         }
30 |       }
31 |   }
32 | 


--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from 'vite'
 2 | import react from '@vitejs/plugin-react'
 3 | import { viteStaticCopy } from 'vite-plugin-static-copy'
 4 | import path from 'path'
 5 | // https://vitejs.dev/config/
 6 | export default defineConfig({
 7 |   plugins: [
 8 |     react(),
 9 |     viteStaticCopy({
10 |       targets: [
11 |         {
12 |           src: path.resolve(__dirname, './src/assets') + '/[!.]*', // This will copy all files from the 'src/assets' directory
13 |           dest: './public/src/assets' // Destination folder is 'public/src/assets'
14 |         },
15 |       ],
16 |     })
17 |   ],
18 |   base: '/cc-billpay-upi-id/',
19 |   build: {
20 |     outDir: 'docs'
21 |   },
22 |   publicDir: 'public'
23 | })
24 | 


--------------------------------------------------------------------------------
/eslint.config.js:
--------------------------------------------------------------------------------
 1 | import js from '@eslint/js'
 2 | import globals from 'globals'
 3 | import reactHooks from 'eslint-plugin-react-hooks'
 4 | import reactRefresh from 'eslint-plugin-react-refresh'
 5 | import tseslint from 'typescript-eslint'
 6 | 
 7 | export default tseslint.config(
 8 |   { ignores: ['dist'] },
 9 |   {
10 |     extends: [js.configs.recommended, ...tseslint.configs.recommended],
11 |     files: ['**/*.{ts,tsx}'],
12 |     languageOptions: {
13 |       ecmaVersion: 2020,
14 |       globals: globals.browser,
15 |     },
16 |     plugins: {
17 |       'react-hooks': reactHooks,
18 |       'react-refresh': reactRefresh,
19 |     },
20 |     rules: {
21 |       ...reactHooks.configs.recommended.rules,
22 |       'react-refresh/only-export-components': [
23 |         'warn',
24 |         { allowConstantExport: true },
25 |       ],
26 |     },
27 |   },
28 | )
29 | 


--------------------------------------------------------------------------------
/src/components/caution.tsx:
--------------------------------------------------------------------------------
 1 | import { AlertTriangle } from "lucide-react";
 2 | 
 3 | export default function Security() {
 4 | 	return (
 5 | 		<div className="caution-label mb-6 rounded-lg border-2 border-red-400 dark:bg-red-900 dark:border-red-800 dark:text-red-100 p-4">
 6 | 			<div className="caution-heading flex items-center gap-2">
 7 | 				<AlertTriangle className="h-6 w-6 mb-2 text-red-600 dark:text-white" />
 8 | 				<div className="text-lg font-bold mb-2 text-red-600 dark:text-white">
 9 | 					Caution:
10 | 				</div>
11 | 			</div>
12 | 			<div className="caution-description text-sm text-red-600 dark:text-white">
13 | 				Please note that these UPI IDs are generated with best effort and should
14 | 				be checked for accuracy before making any payment. We will not be held
15 | 				responsible for any losses incurred due to incorrect UPI IDs generated
16 | 				by this tool.
17 | 			</div>
18 | 		</div>
19 | 	);
20 | }
21 | 


--------------------------------------------------------------------------------
/src/components/security.tsx:
--------------------------------------------------------------------------------
 1 | import { Github } from "lucide-react";
 2 | 
 3 | export default function Security() {
 4 | 	return (
 5 | 		<div className="Security p-4 rounded-lg bg-gray-100 dark:bg-gray-700 mb-6">
 6 | 			<h3 className="security-heading text-lg font-semibold mb-2 text-purple-800 dark:text-purple-300">
 7 | 				Security First
 8 | 			</h3>
 9 | 			<ul className="list-disc list-inside space-y-1">
10 | 				<li className="text-black dark:text-gray-300">
11 | 					No data leaves your system.
12 | 				</li>
13 | 				<li className="list-item items-center text-black dark:text-gray-300">
14 | 					<span>Source code is publicly available on</span>
15 | 					<a
16 | 						href="https://github.com/RedeemApp/cc-billpay-upi-id"
17 | 						className="text-purple-600 inline-flex dark:text-purple-300 hover:underline items-center ml-1 "
18 | 					>
19 | 						<Github className="w-4 h-4 mr-1" />
20 | 						<span> GitHub.</span>
21 | 					</a>
22 | 				</li>
23 | 			</ul>
24 | 		</div>
25 | 	);
26 | }
27 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "cc-billpay-upi-id",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "type": "module",
 6 |   "scripts": {
 7 |     "dev": "vite",
 8 |     "build": "tsc -b && vite build",
 9 |     "lint": "eslint .",
10 |     "preview": "vite preview"
11 |   },
12 |   "dependencies": {
13 |     "lucide-react": "^0.439.0",
14 |     "react": "^18.3.1",
15 |     "react-dom": "^18.3.1",
16 |     "react-qr-code": "^2.0.15",
17 |     "vite-plugin-static-copy": "^1.0.6"
18 |   },
19 |   "devDependencies": {
20 |     "@eslint/js": "^9.9.0",
21 |     "@types/fs-extra": "^11.0.4",
22 |     "@types/react": "^18.3.3",
23 |     "@types/react-dom": "^18.3.0",
24 |     "@vitejs/plugin-react": "^4.3.1",
25 |     "autoprefixer": "^10.4.20",
26 |     "eslint": "^9.9.0",
27 |     "eslint-plugin-react-hooks": "^5.1.0-rc.0",
28 |     "eslint-plugin-react-refresh": "^0.4.9",
29 |     "globals": "^15.9.0",
30 |     "postcss": "^8.4.45",
31 |     "tailwindcss": "^3.4.10",
32 |     "typescript": "^5.5.3",
33 |     "typescript-eslint": "^8.0.1",
34 |     "vite": "^5.4.1"
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/src/assets/gpayLogoDark.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" ?><svg class="main-header__logo-image" fill="#A1A1A1" role="presentation" viewBox="0 0 435.97 173.13" xmlns="http://www.w3.org/2000/svg"><path d="M206.2,84.58v50.75H190.1V10h42.7a38.61,38.61,0,0,1,27.65,10.85A34.88,34.88,0,0,1,272,47.3a34.72,34.72,0,0,1-11.55,26.6q-11.2,10.68-27.65,10.67H206.2Zm0-59.15V69.18h27a21.28,21.28,0,0,0,15.93-6.48,21.36,21.36,0,0,0,0-30.63,21,21,0,0,0-15.93-6.65h-27Z" fill="#fff"/><path d="M309.1,46.78q17.85,0,28.18,9.54T347.6,82.48v52.85H332.2v-11.9h-.7q-10,14.7-26.6,14.7-14.17,0-23.71-8.4a26.82,26.82,0,0,1-9.54-21q0-13.31,10.06-21.17t26.86-7.88q14.34,0,23.62,5.25V81.25A18.33,18.33,0,0,0,325.54,67,22.8,22.8,0,0,0,310,61.13q-13.49,0-21.35,11.38l-14.18-8.93Q286.17,46.78,309.1,46.78Zm-20.83,62.3a12.86,12.86,0,0,0,5.34,10.5,19.64,19.64,0,0,0,12.51,4.2,25.67,25.67,0,0,0,18.11-7.52q8-7.53,8-17.67-7.53-6-21-6-9.81,0-16.36,4.73C290.46,100.52,288.27,104.41,288.27,109.08Z" fill="#fff"/><path d="M436,49.58,382.24,173.13H365.62l19.95-43.23L350.22,49.58h17.5l25.55,61.6h.35l24.85-61.6Z" fill="#fff"/><path d="M141.14,73.64A85.79,85.79,0,0,0,139.9,59H72V86.73h38.89a33.33,33.33,0,0,1-14.38,21.88v18h23.21C133.31,114.08,141.14,95.55,141.14,73.64Z" fill="#4285f4"/><path d="M72,144c19.43,0,35.79-6.38,47.72-17.38l-23.21-18C90.05,113,81.73,115.5,72,115.5c-18.78,0-34.72-12.66-40.42-29.72H7.67v18.55A72,72,0,0,0,72,144Z" fill="#34a853"/><path d="M31.58,85.78a43.14,43.14,0,0,1,0-27.56V39.67H7.67a72,72,0,0,0,0,64.66Z" fill="#fbbc04"/><path d="M72,28.5A39.09,39.09,0,0,1,99.62,39.3h0l20.55-20.55A69.18,69.18,0,0,0,72,0,72,72,0,0,0,7.67,39.67L31.58,58.22C37.28,41.16,53.22,28.5,72,28.5Z" fill="#ea4335"/></svg>
2 | 


--------------------------------------------------------------------------------
/docs/src/assets/gpayLogoDark.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" ?><svg class="main-header__logo-image" fill="#A1A1A1" role="presentation" viewBox="0 0 435.97 173.13" xmlns="http://www.w3.org/2000/svg"><path d="M206.2,84.58v50.75H190.1V10h42.7a38.61,38.61,0,0,1,27.65,10.85A34.88,34.88,0,0,1,272,47.3a34.72,34.72,0,0,1-11.55,26.6q-11.2,10.68-27.65,10.67H206.2Zm0-59.15V69.18h27a21.28,21.28,0,0,0,15.93-6.48,21.36,21.36,0,0,0,0-30.63,21,21,0,0,0-15.93-6.65h-27Z" fill="#fff"/><path d="M309.1,46.78q17.85,0,28.18,9.54T347.6,82.48v52.85H332.2v-11.9h-.7q-10,14.7-26.6,14.7-14.17,0-23.71-8.4a26.82,26.82,0,0,1-9.54-21q0-13.31,10.06-21.17t26.86-7.88q14.34,0,23.62,5.25V81.25A18.33,18.33,0,0,0,325.54,67,22.8,22.8,0,0,0,310,61.13q-13.49,0-21.35,11.38l-14.18-8.93Q286.17,46.78,309.1,46.78Zm-20.83,62.3a12.86,12.86,0,0,0,5.34,10.5,19.64,19.64,0,0,0,12.51,4.2,25.67,25.67,0,0,0,18.11-7.52q8-7.53,8-17.67-7.53-6-21-6-9.81,0-16.36,4.73C290.46,100.52,288.27,104.41,288.27,109.08Z" fill="#fff"/><path d="M436,49.58,382.24,173.13H365.62l19.95-43.23L350.22,49.58h17.5l25.55,61.6h.35l24.85-61.6Z" fill="#fff"/><path d="M141.14,73.64A85.79,85.79,0,0,0,139.9,59H72V86.73h38.89a33.33,33.33,0,0,1-14.38,21.88v18h23.21C133.31,114.08,141.14,95.55,141.14,73.64Z" fill="#4285f4"/><path d="M72,144c19.43,0,35.79-6.38,47.72-17.38l-23.21-18C90.05,113,81.73,115.5,72,115.5c-18.78,0-34.72-12.66-40.42-29.72H7.67v18.55A72,72,0,0,0,72,144Z" fill="#34a853"/><path d="M31.58,85.78a43.14,43.14,0,0,1,0-27.56V39.67H7.67a72,72,0,0,0,0,64.66Z" fill="#fbbc04"/><path d="M72,28.5A39.09,39.09,0,0,1,99.62,39.3h0l20.55-20.55A69.18,69.18,0,0,0,72,0,72,72,0,0,0,7.67,39.67L31.58,58.22C37.28,41.16,53.22,28.5,72,28.5Z" fill="#ea4335"/></svg>
2 | 


--------------------------------------------------------------------------------
/src/assets/gpayLogo.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" ?><svg class="main-header__logo-image" fill="#A1A1A1" role="presentation" viewBox="0 0 435.97 173.13" xmlns="http://www.w3.org/2000/svg"><path d="M206.2,84.58v50.75H190.1V10h42.7a38.61,38.61,0,0,1,27.65,10.85A34.88,34.88,0,0,1,272,47.3a34.72,34.72,0,0,1-11.55,26.6q-11.2,10.68-27.65,10.67H206.2Zm0-59.15V69.18h27a21.28,21.28,0,0,0,15.93-6.48,21.36,21.36,0,0,0,0-30.63,21,21,0,0,0-15.93-6.65h-27Z" fill="#5f6368"/><path d="M309.1,46.78q17.85,0,28.18,9.54T347.6,82.48v52.85H332.2v-11.9h-.7q-10,14.7-26.6,14.7-14.17,0-23.71-8.4a26.82,26.82,0,0,1-9.54-21q0-13.31,10.06-21.17t26.86-7.88q14.34,0,23.62,5.25V81.25A18.33,18.33,0,0,0,325.54,67,22.8,22.8,0,0,0,310,61.13q-13.49,0-21.35,11.38l-14.18-8.93Q286.17,46.78,309.1,46.78Zm-20.83,62.3a12.86,12.86,0,0,0,5.34,10.5,19.64,19.64,0,0,0,12.51,4.2,25.67,25.67,0,0,0,18.11-7.52q8-7.53,8-17.67-7.53-6-21-6-9.81,0-16.36,4.73C290.46,100.52,288.27,104.41,288.27,109.08Z" fill="#5f6368"/><path d="M436,49.58,382.24,173.13H365.62l19.95-43.23L350.22,49.58h17.5l25.55,61.6h.35l24.85-61.6Z" fill="#5f6368"/><path d="M141.14,73.64A85.79,85.79,0,0,0,139.9,59H72V86.73h38.89a33.33,33.33,0,0,1-14.38,21.88v18h23.21C133.31,114.08,141.14,95.55,141.14,73.64Z" fill="#4285f4"/><path d="M72,144c19.43,0,35.79-6.38,47.72-17.38l-23.21-18C90.05,113,81.73,115.5,72,115.5c-18.78,0-34.72-12.66-40.42-29.72H7.67v18.55A72,72,0,0,0,72,144Z" fill="#34a853"/><path d="M31.58,85.78a43.14,43.14,0,0,1,0-27.56V39.67H7.67a72,72,0,0,0,0,64.66Z" fill="#fbbc04"/><path d="M72,28.5A39.09,39.09,0,0,1,99.62,39.3h0l20.55-20.55A69.18,69.18,0,0,0,72,0,72,72,0,0,0,7.67,39.67L31.58,58.22C37.28,41.16,53.22,28.5,72,28.5Z" fill="#ea4335"/></svg>
2 | 


--------------------------------------------------------------------------------
/docs/src/assets/gpayLogo.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" ?><svg class="main-header__logo-image" fill="#A1A1A1" role="presentation" viewBox="0 0 435.97 173.13" xmlns="http://www.w3.org/2000/svg"><path d="M206.2,84.58v50.75H190.1V10h42.7a38.61,38.61,0,0,1,27.65,10.85A34.88,34.88,0,0,1,272,47.3a34.72,34.72,0,0,1-11.55,26.6q-11.2,10.68-27.65,10.67H206.2Zm0-59.15V69.18h27a21.28,21.28,0,0,0,15.93-6.48,21.36,21.36,0,0,0,0-30.63,21,21,0,0,0-15.93-6.65h-27Z" fill="#5f6368"/><path d="M309.1,46.78q17.85,0,28.18,9.54T347.6,82.48v52.85H332.2v-11.9h-.7q-10,14.7-26.6,14.7-14.17,0-23.71-8.4a26.82,26.82,0,0,1-9.54-21q0-13.31,10.06-21.17t26.86-7.88q14.34,0,23.62,5.25V81.25A18.33,18.33,0,0,0,325.54,67,22.8,22.8,0,0,0,310,61.13q-13.49,0-21.35,11.38l-14.18-8.93Q286.17,46.78,309.1,46.78Zm-20.83,62.3a12.86,12.86,0,0,0,5.34,10.5,19.64,19.64,0,0,0,12.51,4.2,25.67,25.67,0,0,0,18.11-7.52q8-7.53,8-17.67-7.53-6-21-6-9.81,0-16.36,4.73C290.46,100.52,288.27,104.41,288.27,109.08Z" fill="#5f6368"/><path d="M436,49.58,382.24,173.13H365.62l19.95-43.23L350.22,49.58h17.5l25.55,61.6h.35l24.85-61.6Z" fill="#5f6368"/><path d="M141.14,73.64A85.79,85.79,0,0,0,139.9,59H72V86.73h38.89a33.33,33.33,0,0,1-14.38,21.88v18h23.21C133.31,114.08,141.14,95.55,141.14,73.64Z" fill="#4285f4"/><path d="M72,144c19.43,0,35.79-6.38,47.72-17.38l-23.21-18C90.05,113,81.73,115.5,72,115.5c-18.78,0-34.72-12.66-40.42-29.72H7.67v18.55A72,72,0,0,0,72,144Z" fill="#34a853"/><path d="M31.58,85.78a43.14,43.14,0,0,1,0-27.56V39.67H7.67a72,72,0,0,0,0,64.66Z" fill="#fbbc04"/><path d="M72,28.5A39.09,39.09,0,0,1,99.62,39.3h0l20.55-20.55A69.18,69.18,0,0,0,72,0,72,72,0,0,0,7.67,39.67L31.58,58.22C37.28,41.16,53.22,28.5,72,28.5Z" fill="#ea4335"/></svg>
2 | 


--------------------------------------------------------------------------------
/public/src/assets/gpayLogoDark.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" ?><svg class="main-header__logo-image" fill="#A1A1A1" role="presentation" viewBox="0 0 435.97 173.13" xmlns="http://www.w3.org/2000/svg"><path d="M206.2,84.58v50.75H190.1V10h42.7a38.61,38.61,0,0,1,27.65,10.85A34.88,34.88,0,0,1,272,47.3a34.72,34.72,0,0,1-11.55,26.6q-11.2,10.68-27.65,10.67H206.2Zm0-59.15V69.18h27a21.28,21.28,0,0,0,15.93-6.48,21.36,21.36,0,0,0,0-30.63,21,21,0,0,0-15.93-6.65h-27Z" fill="#fff"/><path d="M309.1,46.78q17.85,0,28.18,9.54T347.6,82.48v52.85H332.2v-11.9h-.7q-10,14.7-26.6,14.7-14.17,0-23.71-8.4a26.82,26.82,0,0,1-9.54-21q0-13.31,10.06-21.17t26.86-7.88q14.34,0,23.62,5.25V81.25A18.33,18.33,0,0,0,325.54,67,22.8,22.8,0,0,0,310,61.13q-13.49,0-21.35,11.38l-14.18-8.93Q286.17,46.78,309.1,46.78Zm-20.83,62.3a12.86,12.86,0,0,0,5.34,10.5,19.64,19.64,0,0,0,12.51,4.2,25.67,25.67,0,0,0,18.11-7.52q8-7.53,8-17.67-7.53-6-21-6-9.81,0-16.36,4.73C290.46,100.52,288.27,104.41,288.27,109.08Z" fill="#fff"/><path d="M436,49.58,382.24,173.13H365.62l19.95-43.23L350.22,49.58h17.5l25.55,61.6h.35l24.85-61.6Z" fill="#fff"/><path d="M141.14,73.64A85.79,85.79,0,0,0,139.9,59H72V86.73h38.89a33.33,33.33,0,0,1-14.38,21.88v18h23.21C133.31,114.08,141.14,95.55,141.14,73.64Z" fill="#4285f4"/><path d="M72,144c19.43,0,35.79-6.38,47.72-17.38l-23.21-18C90.05,113,81.73,115.5,72,115.5c-18.78,0-34.72-12.66-40.42-29.72H7.67v18.55A72,72,0,0,0,72,144Z" fill="#34a853"/><path d="M31.58,85.78a43.14,43.14,0,0,1,0-27.56V39.67H7.67a72,72,0,0,0,0,64.66Z" fill="#fbbc04"/><path d="M72,28.5A39.09,39.09,0,0,1,99.62,39.3h0l20.55-20.55A69.18,69.18,0,0,0,72,0,72,72,0,0,0,7.67,39.67L31.58,58.22C37.28,41.16,53.22,28.5,72,28.5Z" fill="#ea4335"/></svg>
2 | 


--------------------------------------------------------------------------------
/public/src/assets/gpayLogo.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" ?><svg class="main-header__logo-image" fill="#A1A1A1" role="presentation" viewBox="0 0 435.97 173.13" xmlns="http://www.w3.org/2000/svg"><path d="M206.2,84.58v50.75H190.1V10h42.7a38.61,38.61,0,0,1,27.65,10.85A34.88,34.88,0,0,1,272,47.3a34.72,34.72,0,0,1-11.55,26.6q-11.2,10.68-27.65,10.67H206.2Zm0-59.15V69.18h27a21.28,21.28,0,0,0,15.93-6.48,21.36,21.36,0,0,0,0-30.63,21,21,0,0,0-15.93-6.65h-27Z" fill="#5f6368"/><path d="M309.1,46.78q17.85,0,28.18,9.54T347.6,82.48v52.85H332.2v-11.9h-.7q-10,14.7-26.6,14.7-14.17,0-23.71-8.4a26.82,26.82,0,0,1-9.54-21q0-13.31,10.06-21.17t26.86-7.88q14.34,0,23.62,5.25V81.25A18.33,18.33,0,0,0,325.54,67,22.8,22.8,0,0,0,310,61.13q-13.49,0-21.35,11.38l-14.18-8.93Q286.17,46.78,309.1,46.78Zm-20.83,62.3a12.86,12.86,0,0,0,5.34,10.5,19.64,19.64,0,0,0,12.51,4.2,25.67,25.67,0,0,0,18.11-7.52q8-7.53,8-17.67-7.53-6-21-6-9.81,0-16.36,4.73C290.46,100.52,288.27,104.41,288.27,109.08Z" fill="#5f6368"/><path d="M436,49.58,382.24,173.13H365.62l19.95-43.23L350.22,49.58h17.5l25.55,61.6h.35l24.85-61.6Z" fill="#5f6368"/><path d="M141.14,73.64A85.79,85.79,0,0,0,139.9,59H72V86.73h38.89a33.33,33.33,0,0,1-14.38,21.88v18h23.21C133.31,114.08,141.14,95.55,141.14,73.64Z" fill="#4285f4"/><path d="M72,144c19.43,0,35.79-6.38,47.72-17.38l-23.21-18C90.05,113,81.73,115.5,72,115.5c-18.78,0-34.72-12.66-40.42-29.72H7.67v18.55A72,72,0,0,0,72,144Z" fill="#34a853"/><path d="M31.58,85.78a43.14,43.14,0,0,1,0-27.56V39.67H7.67a72,72,0,0,0,0,64.66Z" fill="#fbbc04"/><path d="M72,28.5A39.09,39.09,0,0,1,99.62,39.3h0l20.55-20.55A69.18,69.18,0,0,0,72,0,72,72,0,0,0,7.67,39.67L31.58,58.22C37.28,41.16,53.22,28.5,72,28.5Z" fill="#ea4335"/></svg>
2 | 


--------------------------------------------------------------------------------
/src/components/upiFormats.tsx:
--------------------------------------------------------------------------------
 1 | const upiFormats = [
 2 | 	{
 3 | 		status: "working",
 4 | 		bank: "Axis",
 5 | 		format: "CC.91[10 digit mobile number][last 4 digits of card]@axisbank",
 6 | 	},
 7 | 	{
 8 | 		status: "working",
 9 | 		bank: "ICICI",
10 | 		format: "ccpay[16 digit card number]@icici",
11 | 	},
12 | 	{
13 | 		status: "working",
14 | 		bank: "AU Bank",
15 | 		format: "AUCC[10 digit mobile number][last 4 digits of card]@AUBANK",
16 | 	},
17 | 	{
18 | 		status: "working",
19 | 		bank: "IDFC",
20 | 		format: "[16 digit card number].cc@idfcbank",
21 | 	},
22 | 	{ status: "working", bank: "AMEX", format: "AEBC[15 digit card number]@SC" },
23 | 	{
24 | 		status: "working",
25 | 		bank: "SBI",
26 | 		format: "Sbicard[16 digit card number]@SBI (Not working for me)",
27 | 	},
28 | ];
29 | 
30 | export default function Security() {
31 | 	return (
32 | 		<div className="generated-upi-formats overflow-x-auto">
33 | 			<div className="text-xl font-bold text-purple-800 dark:text-purple-300">
34 | 				UPI ID Formats:
35 | 			</div>
36 | 			<table className="min-w-full border-collapse bg-white dark:bg-gray-800">
37 | 				<thead>
38 | 					<tr>
39 | 						<th className="border-b-2 border-gray-400 dark:border-gray-700 p-4 text-left">
40 | 							Bank
41 | 						</th>
42 | 						<th className="border-b-2 border-gray-400 dark:border-gray-700 p-4 text-left">
43 | 							UPI Format
44 | 						</th>
45 | 					</tr>
46 | 				</thead>
47 | 				<tbody>
48 | 					{upiFormats.map((format, index) => (
49 | 						<tr key={index}>
50 | 							<td className="border-b dark:border-gray-700 p-4 font-medium dark:text-gray-300">
51 | 								{format.bank}
52 | 							</td>
53 | 							<td className="border-b dark:border-gray-700 p-4 dark:text-gray-300">
54 | 								{format.format}
55 | 							</td>
56 | 						</tr>
57 | 					))}
58 | 				</tbody>
59 | 			</table>
60 | 		</div>
61 | 	);
62 | }
63 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # UPI ID Generator for Credit Card Bills
 2 | 
 3 | ## Access the Live Tool
 4 | It is hosted on GitHub Pages [here](https://redeemapp.github.io/cc-billpay-upi-id/).
 5 | 
 6 | ## Overview
 7 | Did you know you can pay credit card bills via UPI id?
 8 | 
 9 | Yes, almost all the banks have provided a way to do that. 
10 | 
11 | ## Features
12 | You can use the tool to take a quick look at the format.
13 | 
14 | OR 
15 | 
16 | You can use the tool to generate the upi id.
17 | 
18 | ## Security
19 | 
20 | * No data including cc number leaves your system.
21 | * Source code is publicly available on GitHub.
22 | 
23 | ## Demo
24 | ![Demo Image](qr-demo.png)
25 | 
26 | ## Installation
27 | 
28 | ## Usage
29 | 
30 | * Just enter your mobile number (auto-complete is enabled)
31 | 
32 | * Enter the card number (auto-complete is enabled)
33 | 
34 | 
35 | ## Contribution
36 | 
37 | Before starting to contribute to this project, kindly follow the steps below:
38 | 
39 | 1. First begin by creating an issue describing the feature or bug fix you wish to work on.
40 | 2. Ensure you get the created issue assigned to yourself before proceeding with the changes.
41 | 3. Start working on the issue by first checking the source folder (`src/`), the components directory (`src/components/`) and the main application file (`App.tsx`).
42 | 4. After completing the updates, please test the changes locally on your machine.
43 | 5. Once you are satisfied with your changes and all tests pass, submit a pull request with all the updated files except the `docs/` folder. Commits to the `docs/` directory, which contains the final compiled code, will be handled by the admins for now.
44 | 
45 | Please familiarize yourself with the upi id formats for various banks if you are contributing to that aspect:
46 | - [American Express (Amex)](https://www.americanexpress.com/in/customer-service/payments-statements-and-balance/making-a-payment.html)
47 | - [ICICI Bank](https://www.icicibank.com/blogs/credit-card/credit-card-payment-procedure)
48 | - [Axis Bank](https://www.axisbank.com/progress-with-us/digital-banking/how-to-pay-your-loan-emi-and-credit-card-dues-using-upi)
49 | - [IDFC Bank](https://www.idfcfirstbank.com/finfirst-blogs/credit-card/ways-to-make-credit-card-bill-payment)
50 | - [AU Bank](https://www.aubank.in/commercial-credit-cards-bill-payment)
51 | 
52 | ## License
53 | 
54 | This project is under the MIT License
55 | 
56 | 
57 | ## Conclusion
58 | Enjoy simpler payment methods with our UPI ID generator for credit card bills.
59 | 


--------------------------------------------------------------------------------
/docs/upi.svg:
--------------------------------------------------------------------------------
1 | <svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path fill-rule="evenodd" clip-rule="evenodd" d="M41 55C41 32.9086 58.9086 15 81 15H318.476C340.568 15 358.476 32.9086 358.476 55V275.755C358.476 286.325 354.293 296.465 346.84 303.96L309.865 341.143C303.616 347.426 303.616 357.557 309.865 363.77C316.113 369.984 326.243 369.927 332.492 363.644L334.772 361.351C343.498 352.576 358.476 358.755 358.476 371.13V371.13C358.476 378.79 352.267 385 344.607 385H81C58.9086 385 41 367.091 41 345V55ZM101.84 150.68C96.1846 150.68 91.6 155.265 91.6 160.92V203.8C91.6 211.651 93.2213 218.307 96.464 223.768C99.7067 229.229 104.101 233.411 109.648 236.312C115.28 239.128 121.509 240.536 128.336 240.536C135.248 240.536 141.477 239.128 147.024 236.312C152.571 233.411 156.965 229.229 160.208 223.768C163.451 218.307 165.072 211.651 165.072 203.8V160.664C165.072 155.15 160.602 150.68 155.088 150.68V150.68C149.574 150.68 145.104 155.15 145.104 160.664V201.24C145.104 206.104 144.379 210.072 142.928 213.144C141.477 216.216 139.515 218.52 137.04 220.056C134.565 221.507 131.749 222.232 128.592 222.232C125.435 222.232 122.619 221.507 120.144 220.056C117.669 218.52 115.707 216.216 114.256 213.144C112.805 210.072 112.08 206.104 112.08 201.24V160.92C112.08 155.265 107.495 150.68 101.84 150.68V150.68ZM217.761 150.68C199.947 150.68 185.505 165.121 185.505 182.936V228.76C185.505 234.415 190.09 239 195.745 239V239C201.4 239 205.985 234.415 205.985 228.76V226.456C205.985 219.952 211.257 214.68 217.761 214.68V214.68C224.417 214.68 230.433 213.4 235.809 210.84C241.185 208.28 245.409 204.611 248.481 199.832C251.638 195.053 253.217 189.336 253.217 182.68C253.217 175.939 251.638 170.221 248.481 165.528C245.409 160.749 241.185 157.08 235.809 154.52C230.433 151.96 224.417 150.68 217.761 150.68V150.68ZM215.841 196.76V196.76C210.398 196.76 205.985 192.347 205.985 186.904V178.456C205.985 173.013 210.398 168.6 215.841 168.6V168.6C220.79 168.6 224.758 169.752 227.745 172.056C230.817 174.36 232.353 177.901 232.353 182.68C232.353 187.373 230.817 190.915 227.745 193.304C224.758 195.608 220.79 196.76 215.841 196.76ZM271.205 223.64C268.024 223.64 265.445 226.219 265.445 229.4V231.32C265.445 235.562 268.883 239 273.125 239H301.285C305.527 239 308.965 235.562 308.965 231.32V229.4C308.965 226.219 306.386 223.64 303.205 223.64V223.64C300.024 223.64 297.445 221.061 297.445 217.88V171.8C297.445 168.619 300.024 166.04 303.205 166.04V166.04C306.386 166.04 308.965 163.461 308.965 160.28V158.36C308.965 154.118 305.527 150.68 301.285 150.68H273.125C268.883 150.68 265.445 154.118 265.445 158.36V160.28C265.445 163.461 268.024 166.04 271.205 166.04V166.04C274.386 166.04 276.965 168.619 276.965 171.8V217.88C276.965 221.061 274.386 223.64 271.205 223.64V223.64Z" fill="#9EDE73"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/public/upi.svg:
--------------------------------------------------------------------------------
1 | <svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path fill-rule="evenodd" clip-rule="evenodd" d="M41 55C41 32.9086 58.9086 15 81 15H318.476C340.568 15 358.476 32.9086 358.476 55V275.755C358.476 286.325 354.293 296.465 346.84 303.96L309.865 341.143C303.616 347.426 303.616 357.557 309.865 363.77C316.113 369.984 326.243 369.927 332.492 363.644L334.772 361.351C343.498 352.576 358.476 358.755 358.476 371.13V371.13C358.476 378.79 352.267 385 344.607 385H81C58.9086 385 41 367.091 41 345V55ZM101.84 150.68C96.1846 150.68 91.6 155.265 91.6 160.92V203.8C91.6 211.651 93.2213 218.307 96.464 223.768C99.7067 229.229 104.101 233.411 109.648 236.312C115.28 239.128 121.509 240.536 128.336 240.536C135.248 240.536 141.477 239.128 147.024 236.312C152.571 233.411 156.965 229.229 160.208 223.768C163.451 218.307 165.072 211.651 165.072 203.8V160.664C165.072 155.15 160.602 150.68 155.088 150.68V150.68C149.574 150.68 145.104 155.15 145.104 160.664V201.24C145.104 206.104 144.379 210.072 142.928 213.144C141.477 216.216 139.515 218.52 137.04 220.056C134.565 221.507 131.749 222.232 128.592 222.232C125.435 222.232 122.619 221.507 120.144 220.056C117.669 218.52 115.707 216.216 114.256 213.144C112.805 210.072 112.08 206.104 112.08 201.24V160.92C112.08 155.265 107.495 150.68 101.84 150.68V150.68ZM217.761 150.68C199.947 150.68 185.505 165.121 185.505 182.936V228.76C185.505 234.415 190.09 239 195.745 239V239C201.4 239 205.985 234.415 205.985 228.76V226.456C205.985 219.952 211.257 214.68 217.761 214.68V214.68C224.417 214.68 230.433 213.4 235.809 210.84C241.185 208.28 245.409 204.611 248.481 199.832C251.638 195.053 253.217 189.336 253.217 182.68C253.217 175.939 251.638 170.221 248.481 165.528C245.409 160.749 241.185 157.08 235.809 154.52C230.433 151.96 224.417 150.68 217.761 150.68V150.68ZM215.841 196.76V196.76C210.398 196.76 205.985 192.347 205.985 186.904V178.456C205.985 173.013 210.398 168.6 215.841 168.6V168.6C220.79 168.6 224.758 169.752 227.745 172.056C230.817 174.36 232.353 177.901 232.353 182.68C232.353 187.373 230.817 190.915 227.745 193.304C224.758 195.608 220.79 196.76 215.841 196.76ZM271.205 223.64C268.024 223.64 265.445 226.219 265.445 229.4V231.32C265.445 235.562 268.883 239 273.125 239H301.285C305.527 239 308.965 235.562 308.965 231.32V229.4C308.965 226.219 306.386 223.64 303.205 223.64V223.64C300.024 223.64 297.445 221.061 297.445 217.88V171.8C297.445 168.619 300.024 166.04 303.205 166.04V166.04C306.386 166.04 308.965 163.461 308.965 160.28V158.36C308.965 154.118 305.527 150.68 301.285 150.68H273.125C268.883 150.68 265.445 154.118 265.445 158.36V160.28C265.445 163.461 268.024 166.04 271.205 166.04V166.04C274.386 166.04 276.965 168.619 276.965 171.8V217.88C276.965 221.061 274.386 223.64 271.205 223.64V223.64Z" fill="#9EDE73"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/docs/assets/index-CiaK_M2l.css:
--------------------------------------------------------------------------------
1 | *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-1\/2{left:50%}.right-3{right:.75rem}.top-1\/2{top:50%}.z-50{z-index:50}.mx-2{margin-left:.5rem;margin-right:.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.list-item{display:list-item}.hidden{display:none}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-4xl{max-width:56rem}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity))}.bg-\[rgb\(185\,185\,185\,0\.97\)\]{background-color:#b9b9b9f7}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-purple-100{--tw-gradient-from: #f3e8ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-indigo-200{--tw-gradient-to: #c7d2fe var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity))}.line-through{text-decoration-line:line-through}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-purple-500:focus{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-purple-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity))}@media (min-width: 640px){.sm\:mb-0{margin-bottom:0}.sm\:mt-0{margin-top:0}.sm\:h-12{height:3rem}.sm\:h-8{height:2rem}.sm\:w-1\/2{width:50%}.sm\:w-12{width:3rem}.sm\:w-8{width:2rem}.sm\:flex-row{flex-direction:row}.sm\:justify-between{justify-content:space-between}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 768px){.md\:table-cell{display:table-cell}}.dark\:border-gray-600:where(.dark,.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.dark\:border-gray-700:where(.dark,.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.dark\:border-red-800:where(.dark,.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity))}.dark\:bg-gray-600:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.dark\:bg-gray-700:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:bg-gray-800:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:bg-purple-600:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity))}.dark\:bg-red-900:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity))}.dark\:bg-gradient-to-br:where(.dark,.dark *){background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.dark\:from-purple-900:where(.dark,.dark *){--tw-gradient-from: #581c87 var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:to-indigo-900:where(.dark,.dark *){--tw-gradient-to: #312e81 var(--tw-gradient-to-position)}.dark\:text-gray-100:where(.dark,.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.dark\:text-gray-300:where(.dark,.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.dark\:text-purple-300:where(.dark,.dark *){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity))}.dark\:text-red-100:where(.dark,.dark *){--tw-text-opacity: 1;color:rgb(254 226 226 / var(--tw-text-opacity))}.dark\:text-white:where(.dark,.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:hover\:bg-gray-600:hover:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.dark\:hover\:bg-purple-700:hover:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity))}.dark\:focus\:border-purple-400:focus:where(.dark,.dark *){--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity))}.dark\:focus\:ring-purple-400:focus:where(.dark,.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity))}
2 | 


--------------------------------------------------------------------------------
/src/App.tsx:
--------------------------------------------------------------------------------
  1 | import { useState, useEffect } from "react";
  2 | import {
  3 | 	Copy,
  4 | 	CreditCard,
  5 | 	Smartphone,
  6 | 	Moon,
  7 | 	Sun,
  8 | 	CircleAlert,
  9 | } from "lucide-react";
 10 | import gpayLogo from "./assets/gpayLogo.svg";
 11 | import gpayLogoDark from "./assets/gpayLogoDark.svg";
 12 | import Security from "./components/security";
 13 | import Caution from "./components/caution";
 14 | import UpiFormats from "./components/upiFormats";
 15 | import QRCode from "react-qr-code";
 16 | 
 17 | export default function UPIIDGenerator() {
 18 | 	const [isDarkMode, setIsDarkMode] = useState(false);
 19 | 	const [phoneNumber, setPhoneNumber] = useState("");
 20 | 	const [cardNumber, setCardNumber] = useState("");
 21 | 	const [phoneError, setPhoneError] = useState(false);
 22 | 	const [cardError, setCardError] = useState(false);
 23 | 	const [cardType, setCardType] = useState<string | null>(null); 
 24 | 	const [generatedUPIIds, setGeneratedUPIIds] = useState<
 25 | 		{ bank: string; upiId: string; strikethrough: boolean; disabled: boolean }[]
 26 | 	>([]);
 27 | 	const [tableVisible, setTableVisible] = useState(false);
 28 | 	const [copiedUPIId, setCopiedUPIId] = useState<string | null>(null);
 29 |     // Create local state for overlay
 30 |     const [showOverlay, setShowOverlay] = useState(false);
 31 |     const [overlayProps, setOverlayProps] = useState({upiString: '', bank: '', upiId: ''});
 32 | 
 33 | 
 34 |     // Add this method inside your component
 35 |     function openOverlay(bank: string, upiId: string) {
 36 |         const upiString = `upi://pay?pa=${upiId}&pn=${bank}&cu=INR`
 37 |         setOverlayProps({upiString, bank, upiId});
 38 |         setShowOverlay(true);
 39 |     }
 40 | 
 41 |     // Add this method inside your component
 42 |     function closeOverlay() {
 43 |         setShowOverlay(false);
 44 |     }
 45 | 
 46 | 	useEffect(() => {
 47 | 		const savedTheme = localStorage.getItem("theme");
 48 | 		if (savedTheme === "dark") {
 49 | 			setIsDarkMode(true);
 50 | 			document.documentElement.classList.add("dark");
 51 | 		} else {
 52 | 			document.documentElement.classList.remove("dark");
 53 | 		}
 54 | 	}, []);
 55 | 
 56 | 	const toggleDarkMode = () => {
 57 | 		const newTheme = !isDarkMode ? "dark" : "light";
 58 | 		setIsDarkMode(!isDarkMode);
 59 | 		document.documentElement.classList.toggle("dark", !isDarkMode);
 60 | 		localStorage.setItem("theme", newTheme);
 61 | 	};
 62 | 
 63 | 	const validatePhoneNumber = (phoneNumber: string) => {
 64 | 		if (phoneNumber.toString().length < 10) {
 65 | 			setPhoneError(true);
 66 | 		} else {
 67 | 			setPhoneError(false);
 68 | 		}
 69 | 		setPhoneNumber(phoneNumber.slice(0, 10));
 70 | 	};
 71 | 
 72 | 	const luhnCheck = (cardNumber: string) => {
 73 | 		let sum = 0;
 74 | 		let shouldDouble = false;
 75 | 
 76 | 		for (let i = cardNumber.length - 1; i >= 0; i--) {
 77 | 			let digit = parseInt(cardNumber[i], 10);
 78 | 
 79 | 			if (shouldDouble) {
 80 | 				digit *= 2;
 81 | 				if (digit > 9) {
 82 | 					digit -= 9;
 83 | 				}
 84 | 			}
 85 | 
 86 | 			sum += digit;
 87 | 			shouldDouble = !shouldDouble;
 88 | 		}
 89 | 
 90 | 		return sum % 10 === 0;
 91 | 	};
 92 | 
 93 | 	const validateCardNumber = (input: string) => {
 94 | 		let value = input.replace(/\s+/g, "").replace(/[^0-9]/gi, "");
 95 | 		let formattedValue = "";
 96 | 		for (let i = 0; i < value.length; i++) {
 97 | 			if (i > 0 && i % 4 === 0) {
 98 | 				formattedValue += " ";
 99 | 			}
100 | 			formattedValue += value[i];
101 | 		}
102 | 		setCardNumber(formattedValue);
103 | 
104 | 		const cleanedLength = value.length;
105 | 		const isLengthValid = cleanedLength === 15 || cleanedLength === 16;
106 | 
107 | 		const isLuhnValid = isLengthValid ? luhnCheck(value) : false;
108 | 		if (luhnCheck(value)) {
109 | 			console.log("true");
110 | 		} else {
111 | 			console.log("false");
112 | 		}
113 | 
114 | 		const network = getCardNetwork(value);
115 | 		if(network!=null) {
116 | 			setCardType(network);
117 | 		}
118 | 		else {
119 | 			setCardType(null);
120 | 			setCardError(true);
121 | 		}
122 | 		setCardError(!isLuhnValid || !isLengthValid);
123 | 	};
124 | 
125 | 	function getCardNetwork(cardNumber: string): string | null {
126 | 		const firstTwo = parseInt(cardNumber.slice(0, 2), 10);
127 | 		const firstSix = parseInt(cardNumber.slice(0, 6), 10);
128 | 		if (cardNumber[0] === '4') {
129 | 			return 'visa';
130 | 		}
131 | 		if ((firstTwo >= 51 && firstTwo <= 55) || (firstSix >= 2221 && firstSix <= 2720)) {
132 | 			return 'mastercard';
133 | 		}
134 | 		if (firstTwo === 34 || firstTwo === 37) {
135 | 			return 'amex'
136 | 		}
137 | 		if (firstTwo === 36) {
138 | 			return 'diners'
139 | 		}
140 | 		if ((firstTwo === 60 || firstTwo === 65 || firstTwo === 81 || firstTwo === 82)) {
141 | 			return 'rupay'
142 | 		}
143 | 		return null;
144 | 	}
145 | 
146 | 	const generateUPIIds = () => {
147 | 		const last4Digits = cardNumber.slice(-4);
148 | 		const upiIDs = {
149 | 			Axis: `CC.91${phoneNumber}${last4Digits}@axisbank`,
150 | 			ICICI: `ccpay.${cardNumber.replace(/\s+/g, "")}@icici`,
151 | 			"AU Bank": `AUCC${phoneNumber}${last4Digits}@AUBANK`,
152 | 			IDFC: `${cardNumber.replace(/\s+/g, "")}.cc@idfcbank`,
153 | 			AMEX:
154 | 				cardNumber.replace(/\s+/g, "").length === 15
155 | 					? `AEBC${cardNumber.replace(/\s+/g, "")}@SC`
156 | 					: "Not applicable for 16-digit cards",
157 | 			SBI: `Sbicard.${cardNumber.replace(/\s+/g, "")}@SBI`,
158 | 		};
159 | 
160 | 		const upiList = Object.entries(upiIDs).map(([bank, upiId]) => ({
161 | 			bank,
162 | 			upiId,
163 | 			strikethrough: bank === "SBI" ? true : false,
164 | 			disabled: upiId.includes("Not applicable") || bank === "SBI",
165 | 		}));
166 | 
167 | 		setGeneratedUPIIds(upiList);
168 | 		setTableVisible(true);
169 | 	};
170 | 
171 | 	const copyToClipboard = (upiId: string) => {
172 | 		if (navigator.clipboard && window.isSecureContext) {
173 | 			navigator.clipboard.writeText(upiId).then(() => setCopiedUPIId(upiId));
174 | 		} else {
175 | 			const tempTextArea = document.createElement("textarea");
176 | 			tempTextArea.value = upiId;
177 | 
178 | 			tempTextArea.style.position = "fixed";
179 | 			tempTextArea.style.left = "-9999px";
180 | 			document.body.appendChild(tempTextArea);
181 | 			tempTextArea.focus();
182 | 			tempTextArea.select();
183 | 
184 | 			try {
185 | 				document.execCommand("copy");
186 | 				setCopiedUPIId(upiId);
187 | 			} catch (err) {
188 | 				console.error("Failed to copy UPI ID: ", err);
189 | 			}
190 | 
191 | 			document.body.removeChild(tempTextArea);
192 | 		}
193 | 	};
194 | 
195 | 	return (
196 | 		<main className="min-h-screen bg-gradient-to-br from-purple-100 to-indigo-200 dark:bg-gradient-to-br dark:from-purple-900 dark:to-indigo-900 flex items-center justify-center py-10">
197 | 			<div className="container relative sm:mt-0 max-w-4xl bg-white dark:bg-gray-800 dark:text-gray-100 p-8 rounded-lg overflow-auto">
198 | 				<div className="flex justify-between items-center mb-6">
199 | 					<div className="flex items-center">
200 |                     <img className="mr-2 w-8 h-8 sm:w-12 sm:h-12" src="upi.svg" alt="UPI logo" />
201 | 					<div className="heading  sm:text-2xl font-bold text-purple-800 dark:text-purple-300">
202 | 						Pay Your Credit Card Balance via official UPI ID
203 | 					</div>
204 | 					</div>
205 | 					<button
206 | 						onClick={toggleDarkMode}
207 | 						className="p-2 rounded-full bg-gray-400 dark:bg-gray-600"
208 | 					>
209 | 						{isDarkMode ? (
210 | 							<Sun className="text-yellow-400" />
211 | 						) : (
212 | 							<Moon className="text-black-400" />
213 | 						)}
214 | 					</button>
215 | 				</div>
216 | 				<div className="sub-heading sm:text-xl text-purple-600 dark:text-purple-300 mb-6">
217 |                 An open-source and secure alternative to mainstream credit card balance payment apps.
218 | 				</div>
219 | 
220 | 				<Security />
221 | 
222 | 				<div className="Form flex flex-col gap-4 sm:flex-row mb-6">
223 | 					<div className="smartphone-input flex items-center space-x-2 w-full sm:w-1/2 relative">
224 | 						<Smartphone className="text-purple-500 dark:text-purple-300 w-6 h-6 sm:w-8 sm:h-8" />
225 | 						<input
226 | 							type="number"
227 | 							maxLength={10}
228 | 							value={phoneNumber}
229 | 							placeholder="Enter Phone Number"
230 | 							autoComplete="tel"
231 | 							onChange={(e) => validatePhoneNumber(e.target.value)}
232 | 							className="flex-grow w-4 px-3 py-2 border rounded-md dark:bg-gray-700 dark:text-gray-100 dark:border-gray-600 dark:focus:border-purple-400 dark:focus:ring-purple-400 bg-white text-black border-gray-300 focus:border-purple-500 focus:ring-purple-500 focus:outline-none focus:ring-1"
233 | 						/>
234 | 						{phoneError && (
235 | 							<CircleAlert className="absolute right-3 top-1/2 transform -translate-y-1/2 text-red-500 w-6 h-6" />
236 | 						)}
237 | 					</div>
238 | 					<div className="creditcard-input flex items-center space-x-2 w-full sm:w-1/2 relative">
239 | 						<CreditCard className="text-purple-500 dark:text-purple-300 w-6 h-6 sm:w-8 sm:h-8" />
240 | 						<input
241 | 							type="text"
242 | 							maxLength={19}
243 | 							value={cardNumber}
244 | 							placeholder="Enter Credit Card Number"
245 |                             inputMode="numeric"
246 |                             autoComplete="cc-number"
247 | 							onChange={(e) => validateCardNumber(e.target.value)}
248 | 							className="flex-grow w-4 px-3 py-2 border rounded-md dark:bg-gray-700 dark:text-gray-100 dark:border-gray-600 dark:focus:border-purple-400 dark:focus:ring-purple-400 bg-white text-black border-gray-300 focus:border-purple-500 focus:ring-purple-500 focus:outline-none focus:ring-1"
249 | 						/>
250 | 						{cardError ? (
251 | 								<CircleAlert className="absolute right-3 top-1/2 transform -translate-y-1/2 text-red-500 w-6 h-6" />
252 | 							) : (
253 | 								cardType && (
254 | 								<img
255 | 									src={`src/assets/${cardType}.png`} // Use the cardType to display the appropriate logo
256 | 									alt={`${cardType} logo`}
257 | 									className="absolute right-3 top-1/2 transform -translate-y-1/2 w-8 h-8"
258 | 							/>
259 | 							)
260 | 						)}
261 | 					</div>
262 | 				</div>
263 | 				<button
264 | 					onClick={generateUPIIds}
265 | 					className="generate-btn w-full mb-6 rounded-lg p-3 dark:bg-purple-600 dark:hover:bg-purple-700 bg-purple-600 hover:bg-purple-700 text-white dark:text-gray-100 transition-colors duration-200"
266 | 				>
267 | 					Generate UPI IDs
268 | 				</button>
269 | 
270 | 				<div className="generated-upi-ids overflow-x-auto mb-16">
271 | 					<div className="text-xl font-bold text-purple-800 dark:text-purple-300">
272 | 						Generated UPI IDs:
273 | 					</div>
274 | 
275 | 					{tableVisible && (
276 | 						<table className="min-w-full border-collapse bg-white dark:bg-gray-800 mt-6">
277 | 							<thead>
278 | 								<tr>
279 | 									<th className="border-b-2 border-gray-400 dark:border-gray-700 p-4 text-left">
280 | 										Bank
281 | 									</th>
282 | 									<th className="border-b-2 border-gray-400 dark:border-gray-700 p-4 text-left">
283 | 										UPI ID
284 | 									</th>
285 |                                     <th className="border-b-2 border-gray-400 dark:border-gray-700 p-4 text-left hidden md:table-cell">
286 |                                         QR code
287 |                                     </th>
288 | 								</tr>
289 | 							</thead>
290 | 								{generatedUPIIds.map(
291 | 									({ bank, upiId, strikethrough, disabled }: { bank: string; upiId: string; strikethrough: boolean; disabled: boolean }) => {
292 |                                          const upiString = `upi://pay?pa=${upiId}&pn=${bank}&cu=INR`
293 |                                         return (
294 | 										<tr key={bank}>
295 | 											<td className="border-b border-gray-400 dark:border-gray-700 p-4">
296 | 												{bank}
297 | 											</td>
298 | 											<td className="border-b border-gray-400 dark:border-gray-700 p-4">
299 | 												<div className="flex flex-col sm:flex-row sm:justify-between">
300 | 													<div
301 | 														className={`mb-2 mr-2 sm:mb-0 ${
302 | 															strikethrough ? "line-through" : ""
303 | 														}`}
304 | 													> {upiId}
305 | 													</div>
306 | 													{/* Buttons - Flex container with wrap */}
307 | 													<div className="flex flex-wrap gap-2">
308 | 														<button
309 | 															className="rounded-md text-black border-2 border-gray-400 bg-white dark:text-gray-300 dark:bg-gray-600 dark:border-gray-600 dark:hover:bg-gray-600 flex items-center p-1"
310 | 															onClick={() => copyToClipboard(upiId)}
311 | 															disabled={disabled}
312 | 														>
313 | 															<Copy className="w-4 h-4 mr-1" />{" "}
314 | 															{copiedUPIId === upiId ? "Copied" : "Copy"}
315 | 														</button>
316 | 
317 | 														<button
318 | 															className="pay-btn rounded-md text-black border-2 border-gray-400 bg-white dark:text-gray-300 dark:bg-gray-600 dark:border-gray-600 dark:hover:bg-gray-600 flex items-center p-1"
319 | 															disabled={disabled}
320 | 														>
321 | 															<a
322 | 																href={`upi://pay?pa=${upiId}&pn=${bank}&cu=INR`}
323 | 															>
324 | 																<img
325 | 																	className="w-10 mx-2"
326 | 																	src={isDarkMode ? gpayLogoDark : gpayLogo}
327 | 																	alt="GPay Logo"
328 | 																/>
329 | 															</a>
330 | 
331 | 														</button>
332 | 
333 | 													</div>
334 | 												</div>
335 | 											</td>
336 |                                             <div className="hidden md:table-cell">
337 |                                                         <td className="border-b border-gray-400 dark:border-gray-700 p-4">
338 |                                                         <button onClick={() => openOverlay(upiId, bank)}>
339 |                                                             <QRCode value={upiString} size={50} />
340 |                                                         </button>
341 |                                                         </td>
342 |                                                     </div>
343 | 										</tr>
344 | 									);
345 |                                 })}
346 |                         </table>
347 | 					)}
348 | 				</div>
349 | 
350 |                 <div>
351 |                     {showOverlay && (
352 |                         <div id="overlay" className="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50 bg-[rgb(185,185,185,0.97)] p-8 rounded-lg">
353 |                             <div className="space-y-4">
354 |                                 <p className="text-center">{`${overlayProps.bank} / ${overlayProps.upiId}`}</p>
355 |                                 <QRCode value={overlayProps.upiString} size={300} />
356 |                             </div>
357 | 
358 |                             <div className="flex justify-center mt-4">
359 |                                 <button
360 |                                     className='bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded'
361 |                                     onClick={closeOverlay}
362 |                                 >
363 |                                     Close
364 |                                 </button>
365 |                             </div>
366 | 
367 |                         </div>
368 |                     )}
369 |                 </div>
370 | 
371 | 
372 | 
373 | 				<Caution />
374 | 
375 | 				<UpiFormats />
376 | 
377 | 			</div>
378 | 		</main>
379 | 	);
380 | }
381 | 


--------------------------------------------------------------------------------
/docs/assets/index-tdy1iLb4.js:
--------------------------------------------------------------------------------
  1 | (function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))r(l);new MutationObserver(l=>{for(const o of l)if(o.type==="childList")for(const i of o.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&r(i)}).observe(document,{childList:!0,subtree:!0});function n(l){const o={};return l.integrity&&(o.integrity=l.integrity),l.referrerPolicy&&(o.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?o.credentials="include":l.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function r(l){if(l.ep)return;l.ep=!0;const o=n(l);fetch(l.href,o)}})();var ps={exports:{}},Sl={},hs={exports:{}},D={};/**
  2 |  * @license React
  3 |  * react.production.min.js
  4 |  *
  5 |  * Copyright (c) Facebook, Inc. and its affiliates.
  6 |  *
  7 |  * This source code is licensed under the MIT license found in the
  8 |  * LICENSE file in the root directory of this source tree.
  9 |  */var cr=Symbol.for("react.element"),Hc=Symbol.for("react.portal"),Vc=Symbol.for("react.fragment"),Qc=Symbol.for("react.strict_mode"),Wc=Symbol.for("react.profiler"),Kc=Symbol.for("react.provider"),Gc=Symbol.for("react.context"),Xc=Symbol.for("react.forward_ref"),Yc=Symbol.for("react.suspense"),Zc=Symbol.for("react.memo"),Jc=Symbol.for("react.lazy"),tu=Symbol.iterator;function qc(e){return e===null||typeof e!="object"?null:(e=tu&&e[tu]||e["@@iterator"],typeof e=="function"?e:null)}var ms={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},vs=Object.assign,gs={};function En(e,t,n){this.props=e,this.context=t,this.refs=gs,this.updater=n||ms}En.prototype.isReactComponent={};En.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};En.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function ys(){}ys.prototype=En.prototype;function oi(e,t,n){this.props=e,this.context=t,this.refs=gs,this.updater=n||ms}var ii=oi.prototype=new ys;ii.constructor=oi;vs(ii,En.prototype);ii.isPureReactComponent=!0;var nu=Array.isArray,ws=Object.prototype.hasOwnProperty,ui={current:null},ks={key:!0,ref:!0,__self:!0,__source:!0};function Ss(e,t,n){var r,l={},o=null,i=null;if(t!=null)for(r in t.ref!==void 0&&(i=t.ref),t.key!==void 0&&(o=""+t.key),t)ws.call(t,r)&&!ks.hasOwnProperty(r)&&(l[r]=t[r]);var u=arguments.length-2;if(u===1)l.children=n;else if(1<u){for(var s=Array(u),c=0;c<u;c++)s[c]=arguments[c+2];l.children=s}if(e&&e.defaultProps)for(r in u=e.defaultProps,u)l[r]===void 0&&(l[r]=u[r]);return{$$typeof:cr,type:e,key:o,ref:i,props:l,_owner:ui.current}}function bc(e,t){return{$$typeof:cr,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function si(e){return typeof e=="object"&&e!==null&&e.$$typeof===cr}function ef(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var ru=/\/+/g;function $l(e,t){return typeof e=="object"&&e!==null&&e.key!=null?ef(""+e.key):t.toString(36)}function Br(e,t,n,r,l){var o=typeof e;(o==="undefined"||o==="boolean")&&(e=null);var i=!1;if(e===null)i=!0;else switch(o){case"string":case"number":i=!0;break;case"object":switch(e.$$typeof){case cr:case Hc:i=!0}}if(i)return i=e,l=l(i),e=r===""?"."+$l(i,0):r,nu(l)?(n="",e!=null&&(n=e.replace(ru,"$&/")+"/"),Br(l,t,n,"",function(c){return c})):l!=null&&(si(l)&&(l=bc(l,n+(!l.key||i&&i.key===l.key?"":(""+l.key).replace(ru,"$&/")+"/")+e)),t.push(l)),1;if(i=0,r=r===""?".":r+":",nu(e))for(var u=0;u<e.length;u++){o=e[u];var s=r+$l(o,u);i+=Br(o,t,n,s,l)}else if(s=qc(e),typeof s=="function")for(e=s.call(e),u=0;!(o=e.next()).done;)o=o.value,s=r+$l(o,u++),i+=Br(o,t,n,s,l);else if(o==="object")throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return i}function wr(e,t,n){if(e==null)return e;var r=[],l=0;return Br(e,r,"","",function(o){return t.call(n,o,l++)}),r}function tf(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(n){(e._status===0||e._status===-1)&&(e._status=1,e._result=n)},function(n){(e._status===0||e._status===-1)&&(e._status=2,e._result=n)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var pe={current:null},Fr={transition:null},nf={ReactCurrentDispatcher:pe,ReactCurrentBatchConfig:Fr,ReactCurrentOwner:ui};function xs(){throw Error("act(...) is not supported in production builds of React.")}D.Children={map:wr,forEach:function(e,t,n){wr(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return wr(e,function(){t++}),t},toArray:function(e){return wr(e,function(t){return t})||[]},only:function(e){if(!si(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};D.Component=En;D.Fragment=Vc;D.Profiler=Wc;D.PureComponent=oi;D.StrictMode=Qc;D.Suspense=Yc;D.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=nf;D.act=xs;D.cloneElement=function(e,t,n){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=vs({},e.props),l=e.key,o=e.ref,i=e._owner;if(t!=null){if(t.ref!==void 0&&(o=t.ref,i=ui.current),t.key!==void 0&&(l=""+t.key),e.type&&e.type.defaultProps)var u=e.type.defaultProps;for(s in t)ws.call(t,s)&&!ks.hasOwnProperty(s)&&(r[s]=t[s]===void 0&&u!==void 0?u[s]:t[s])}var s=arguments.length-2;if(s===1)r.children=n;else if(1<s){u=Array(s);for(var c=0;c<s;c++)u[c]=arguments[c+2];r.children=u}return{$$typeof:cr,type:e.type,key:l,ref:o,props:r,_owner:i}};D.createContext=function(e){return e={$$typeof:Gc,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:Kc,_context:e},e.Consumer=e};D.createElement=Ss;D.createFactory=function(e){var t=Ss.bind(null,e);return t.type=e,t};D.createRef=function(){return{current:null}};D.forwardRef=function(e){return{$$typeof:Xc,render:e}};D.isValidElement=si;D.lazy=function(e){return{$$typeof:Jc,_payload:{_status:-1,_result:e},_init:tf}};D.memo=function(e,t){return{$$typeof:Zc,type:e,compare:t===void 0?null:t}};D.startTransition=function(e){var t=Fr.transition;Fr.transition={};try{e()}finally{Fr.transition=t}};D.unstable_act=xs;D.useCallback=function(e,t){return pe.current.useCallback(e,t)};D.useContext=function(e){return pe.current.useContext(e)};D.useDebugValue=function(){};D.useDeferredValue=function(e){return pe.current.useDeferredValue(e)};D.useEffect=function(e,t){return pe.current.useEffect(e,t)};D.useId=function(){return pe.current.useId()};D.useImperativeHandle=function(e,t,n){return pe.current.useImperativeHandle(e,t,n)};D.useInsertionEffect=function(e,t){return pe.current.useInsertionEffect(e,t)};D.useLayoutEffect=function(e,t){return pe.current.useLayoutEffect(e,t)};D.useMemo=function(e,t){return pe.current.useMemo(e,t)};D.useReducer=function(e,t,n){return pe.current.useReducer(e,t,n)};D.useRef=function(e){return pe.current.useRef(e)};D.useState=function(e){return pe.current.useState(e)};D.useSyncExternalStore=function(e,t,n){return pe.current.useSyncExternalStore(e,t,n)};D.useTransition=function(){return pe.current.useTransition()};D.version="18.3.1";hs.exports=D;var X=hs.exports;/**
 10 |  * @license React
 11 |  * react-jsx-runtime.production.min.js
 12 |  *
 13 |  * Copyright (c) Facebook, Inc. and its affiliates.
 14 |  *
 15 |  * This source code is licensed under the MIT license found in the
 16 |  * LICENSE file in the root directory of this source tree.
 17 |  */var rf=X,lf=Symbol.for("react.element"),of=Symbol.for("react.fragment"),uf=Object.prototype.hasOwnProperty,sf=rf.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,af={key:!0,ref:!0,__self:!0,__source:!0};function Es(e,t,n){var r,l={},o=null,i=null;n!==void 0&&(o=""+n),t.key!==void 0&&(o=""+t.key),t.ref!==void 0&&(i=t.ref);for(r in t)uf.call(t,r)&&!af.hasOwnProperty(r)&&(l[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps,t)l[r]===void 0&&(l[r]=t[r]);return{$$typeof:lf,type:e,key:o,ref:i,props:l,_owner:sf.current}}Sl.Fragment=of;Sl.jsx=Es;Sl.jsxs=Es;ps.exports=Sl;var k=ps.exports,Cs={exports:{}},_e={},_s={exports:{}},Ns={};/**
 18 |  * @license React
 19 |  * scheduler.production.min.js
 20 |  *
 21 |  * Copyright (c) Facebook, Inc. and its affiliates.
 22 |  *
 23 |  * This source code is licensed under the MIT license found in the
 24 |  * LICENSE file in the root directory of this source tree.
 25 |  */(function(e){function t(S,T){var z=S.length;S.push(T);e:for(;0<z;){var $=z-1>>>1,U=S[$];if(0<l(U,T))S[$]=T,S[z]=U,z=$;else break e}}function n(S){return S.length===0?null:S[0]}function r(S){if(S.length===0)return null;var T=S[0],z=S.pop();if(z!==T){S[0]=z;e:for(var $=0,U=S.length,gr=U>>>1;$<gr;){var Dt=2*($+1)-1,Fl=S[Dt],It=Dt+1,yr=S[It];if(0>l(Fl,z))It<U&&0>l(yr,Fl)?(S[$]=yr,S[It]=z,$=It):(S[$]=Fl,S[Dt]=z,$=Dt);else if(It<U&&0>l(yr,z))S[$]=yr,S[It]=z,$=It;else break e}}return T}function l(S,T){var z=S.sortIndex-T.sortIndex;return z!==0?z:S.id-T.id}if(typeof performance=="object"&&typeof performance.now=="function"){var o=performance;e.unstable_now=function(){return o.now()}}else{var i=Date,u=i.now();e.unstable_now=function(){return i.now()-u}}var s=[],c=[],p=1,m=null,h=3,y=!1,w=!1,x=!1,I=typeof setTimeout=="function"?setTimeout:null,f=typeof clearTimeout=="function"?clearTimeout:null,a=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function d(S){for(var T=n(c);T!==null;){if(T.callback===null)r(c);else if(T.startTime<=S)r(c),T.sortIndex=T.expirationTime,t(s,T);else break;T=n(c)}}function v(S){if(x=!1,d(S),!w)if(n(s)!==null)w=!0,L(E);else{var T=n(c);T!==null&&G(v,T.startTime-S)}}function E(S,T){w=!1,x&&(x=!1,f(P),P=-1),y=!0;var z=h;try{for(d(T),m=n(s);m!==null&&(!(m.expirationTime>T)||S&&!ke());){var $=m.callback;if(typeof $=="function"){m.callback=null,h=m.priorityLevel;var U=$(m.expirationTime<=T);T=e.unstable_now(),typeof U=="function"?m.callback=U:m===n(s)&&r(s),d(T)}else r(s);m=n(s)}if(m!==null)var gr=!0;else{var Dt=n(c);Dt!==null&&G(v,Dt.startTime-T),gr=!1}return gr}finally{m=null,h=z,y=!1}}var _=!1,N=null,P=-1,V=5,R=-1;function ke(){return!(e.unstable_now()-R<V)}function Rt(){if(N!==null){var S=e.unstable_now();R=S;var T=!0;try{T=N(!0,S)}finally{T?Mt():(_=!1,N=null)}}else _=!1}var Mt;if(typeof a=="function")Mt=function(){a(Rt)};else if(typeof MessageChannel<"u"){var vr=new MessageChannel,M=vr.port2;vr.port1.onmessage=Rt,Mt=function(){M.postMessage(null)}}else Mt=function(){I(Rt,0)};function L(S){N=S,_||(_=!0,Mt())}function G(S,T){P=I(function(){S(e.unstable_now())},T)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(S){S.callback=null},e.unstable_continueExecution=function(){w||y||(w=!0,L(E))},e.unstable_forceFrameRate=function(S){0>S||125<S?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):V=0<S?Math.floor(1e3/S):5},e.unstable_getCurrentPriorityLevel=function(){return h},e.unstable_getFirstCallbackNode=function(){return n(s)},e.unstable_next=function(S){switch(h){case 1:case 2:case 3:var T=3;break;default:T=h}var z=h;h=T;try{return S()}finally{h=z}},e.unstable_pauseExecution=function(){},e.unstable_requestPaint=function(){},e.unstable_runWithPriority=function(S,T){switch(S){case 1:case 2:case 3:case 4:case 5:break;default:S=3}var z=h;h=S;try{return T()}finally{h=z}},e.unstable_scheduleCallback=function(S,T,z){var $=e.unstable_now();switch(typeof z=="object"&&z!==null?(z=z.delay,z=typeof z=="number"&&0<z?$+z:$):z=$,S){case 1:var U=-1;break;case 2:U=250;break;case 5:U=1073741823;break;case 4:U=1e4;break;default:U=5e3}return U=z+U,S={id:p++,callback:T,priorityLevel:S,startTime:z,expirationTime:U,sortIndex:-1},z>$?(S.sortIndex=z,t(c,S),n(s)===null&&S===n(c)&&(x?(f(P),P=-1):x=!0,G(v,z-$))):(S.sortIndex=U,t(s,S),w||y||(w=!0,L(E))),S},e.unstable_shouldYield=ke,e.unstable_wrapCallback=function(S){var T=h;return function(){var z=h;h=T;try{return S.apply(this,arguments)}finally{h=z}}}})(Ns);_s.exports=Ns;var cf=_s.exports;/**
 26 |  * @license React
 27 |  * react-dom.production.min.js
 28 |  *
 29 |  * Copyright (c) Facebook, Inc. and its affiliates.
 30 |  *
 31 |  * This source code is licensed under the MIT license found in the
 32 |  * LICENSE file in the root directory of this source tree.
 33 |  */var ff=X,Ce=cf;function g(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 Ps=new Set,Gn={};function Xt(e,t){vn(e,t),vn(e+"Capture",t)}function vn(e,t){for(Gn[e]=t,e=0;e<t.length;e++)Ps.add(t[e])}var rt=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),po=Object.prototype.hasOwnProperty,df=/^[: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]*$/,lu={},ou={};function pf(e){return po.call(ou,e)?!0:po.call(lu,e)?!1:df.test(e)?ou[e]=!0:(lu[e]=!0,!1)}function hf(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function mf(e,t,n,r){if(t===null||typeof t>"u"||hf(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function he(e,t,n,r,l,o,i){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=o,this.removeEmptyString=i}var ie={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ie[e]=new he(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ie[t]=new he(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ie[e]=new he(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ie[e]=new he(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){ie[e]=new he(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ie[e]=new he(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ie[e]=new he(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ie[e]=new he(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ie[e]=new he(e,5,!1,e.toLowerCase(),null,!1,!1)});var ai=/[\-:]([a-z])/g;function ci(e){return e[1].toUpperCase()}"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(ai,ci);ie[t]=new he(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(ai,ci);ie[t]=new he(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(ai,ci);ie[t]=new he(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ie[e]=new he(e,1,!1,e.toLowerCase(),null,!1,!1)});ie.xlinkHref=new he("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ie[e]=new he(e,1,!1,e.toLowerCase(),null,!0,!0)});function fi(e,t,n,r){var l=ie.hasOwnProperty(t)?ie[t]:null;(l!==null?l.type!==0:r||!(2<t.length)||t[0]!=="o"&&t[0]!=="O"||t[1]!=="n"&&t[1]!=="N")&&(mf(t,n,l,r)&&(n=null),r||l===null?pf(t)&&(n===null?e.removeAttribute(t):e.setAttribute(t,""+n)):l.mustUseProperty?e[l.propertyName]=n===null?l.type===3?!1:"":n:(t=l.attributeName,r=l.attributeNamespace,n===null?e.removeAttribute(t):(l=l.type,n=l===3||l===4&&n===!0?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}var ut=ff.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,kr=Symbol.for("react.element"),Jt=Symbol.for("react.portal"),qt=Symbol.for("react.fragment"),di=Symbol.for("react.strict_mode"),ho=Symbol.for("react.profiler"),Ts=Symbol.for("react.provider"),Ls=Symbol.for("react.context"),pi=Symbol.for("react.forward_ref"),mo=Symbol.for("react.suspense"),vo=Symbol.for("react.suspense_list"),hi=Symbol.for("react.memo"),ct=Symbol.for("react.lazy"),zs=Symbol.for("react.offscreen"),iu=Symbol.iterator;function Nn(e){return e===null||typeof e!="object"?null:(e=iu&&e[iu]||e["@@iterator"],typeof e=="function"?e:null)}var K=Object.assign,Ul;function In(e){if(Ul===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);Ul=t&&t[1]||""}return`
 34 | `+Ul+e}var Hl=!1;function Vl(e,t){if(!e||Hl)return"";Hl=!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()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&typeof c.stack=="string"){for(var l=c.stack.split(`
 35 | `),o=r.stack.split(`
 36 | `),i=l.length-1,u=o.length-1;1<=i&&0<=u&&l[i]!==o[u];)u--;for(;1<=i&&0<=u;i--,u--)if(l[i]!==o[u]){if(i!==1||u!==1)do if(i--,u--,0>u||l[i]!==o[u]){var s=`
 37 | `+l[i].replace(" at new "," at ");return e.displayName&&s.includes("<anonymous>")&&(s=s.replace("<anonymous>",e.displayName)),s}while(1<=i&&0<=u);break}}}finally{Hl=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?In(e):""}function vf(e){switch(e.tag){case 5:return In(e.type);case 16:return In("Lazy");case 13:return In("Suspense");case 19:return In("SuspenseList");case 0:case 2:case 15:return e=Vl(e.type,!1),e;case 11:return e=Vl(e.type.render,!1),e;case 1:return e=Vl(e.type,!0),e;default:return""}}function go(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case qt:return"Fragment";case Jt:return"Portal";case ho:return"Profiler";case di:return"StrictMode";case mo:return"Suspense";case vo:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Ls:return(e.displayName||"Context")+".Consumer";case Ts:return(e._context.displayName||"Context")+".Provider";case pi:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case hi:return t=e.displayName||null,t!==null?t:go(e.type)||"Memo";case ct:t=e._payload,e=e._init;try{return go(e(t))}catch{}}return null}function gf(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return go(t);case 8:return t===di?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function Ct(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Rs(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function yf(e){var t=Rs(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,o=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(i){r=""+i,o.call(this,i)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(i){r=""+i},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Sr(e){e._valueTracker||(e._valueTracker=yf(e))}function Ms(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=Rs(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Jr(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function yo(e,t){var n=t.checked;return K({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function uu(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=Ct(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function Ds(e,t){t=t.checked,t!=null&&fi(e,"checked",t,!1)}function wo(e,t){Ds(e,t);var n=Ct(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?ko(e,t.type,n):t.hasOwnProperty("defaultValue")&&ko(e,t.type,Ct(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function su(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function ko(e,t,n){(t!=="number"||Jr(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var On=Array.isArray;function cn(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=""+Ct(n),t=null,l=0;l<e.length;l++){if(e[l].value===n){e[l].selected=!0,r&&(e[l].defaultSelected=!0);return}t!==null||e[l].disabled||(t=e[l])}t!==null&&(t.selected=!0)}}function So(e,t){if(t.dangerouslySetInnerHTML!=null)throw Error(g(91));return K({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function au(e,t){var n=t.value;if(n==null){if(n=t.children,t=t.defaultValue,n!=null){if(t!=null)throw Error(g(92));if(On(n)){if(1<n.length)throw Error(g(93));n=n[0]}t=n}t==null&&(t=""),n=t}e._wrapperState={initialValue:Ct(n)}}function Is(e,t){var n=Ct(t.value),r=Ct(t.defaultValue);n!=null&&(n=""+n,n!==e.value&&(e.value=n),t.defaultValue==null&&e.defaultValue!==n&&(e.defaultValue=n)),r!=null&&(e.defaultValue=""+r)}function cu(e){var t=e.textContent;t===e._wrapperState.initialValue&&t!==""&&t!==null&&(e.value=t)}function Os(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 xo(e,t){return e==null||e==="http://www.w3.org/1999/xhtml"?Os(t):e==="http://www.w3.org/2000/svg"&&t==="foreignObject"?"http://www.w3.org/1999/xhtml":e}var xr,js=function(e){return typeof MSApp<"u"&&MSApp.execUnsafeLocalFunction?function(t,n,r,l){MSApp.execUnsafeLocalFunction(function(){return e(t,n,r,l)})}:e}(function(e,t){if(e.namespaceURI!=="http://www.w3.org/2000/svg"||"innerHTML"in e)e.innerHTML=t;else{for(xr=xr||document.createElement("div"),xr.innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=xr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Xn(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Bn={animationIterationCount:!0,aspectRatio:!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},wf=["Webkit","ms","Moz","O"];Object.keys(Bn).forEach(function(e){wf.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Bn[t]=Bn[e]})});function As(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Bn.hasOwnProperty(e)&&Bn[e]?(""+t).trim():t+"px"}function Bs(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,l=As(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}var kf=K({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 Eo(e,t){if(t){if(kf[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(g(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(g(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(g(61))}if(t.style!=null&&typeof t.style!="object")throw Error(g(62))}}function Co(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";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}}var _o=null;function mi(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var No=null,fn=null,dn=null;function fu(e){if(e=pr(e)){if(typeof No!="function")throw Error(g(280));var t=e.stateNode;t&&(t=Nl(t),No(e.stateNode,e.type,t))}}function Fs(e){fn?dn?dn.push(e):dn=[e]:fn=e}function $s(){if(fn){var e=fn,t=dn;if(dn=fn=null,fu(e),t)for(e=0;e<t.length;e++)fu(t[e])}}function Us(e,t){return e(t)}function Hs(){}var Ql=!1;function Vs(e,t,n){if(Ql)return e(t,n);Ql=!0;try{return Us(e,t,n)}finally{Ql=!1,(fn!==null||dn!==null)&&(Hs(),$s())}}function Yn(e,t){var n=e.stateNode;if(n===null)return null;var r=Nl(n);if(r===null)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)||(e=e.type,r=!(e==="button"||e==="input"||e==="select"||e==="textarea")),e=!r;break e;default:e=!1}if(e)return null;if(n&&typeof n!="function")throw Error(g(231,t,typeof n));return n}var Po=!1;if(rt)try{var Pn={};Object.defineProperty(Pn,"passive",{get:function(){Po=!0}}),window.addEventListener("test",Pn,Pn),window.removeEventListener("test",Pn,Pn)}catch{Po=!1}function Sf(e,t,n,r,l,o,i,u,s){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(p){this.onError(p)}}var Fn=!1,qr=null,br=!1,To=null,xf={onError:function(e){Fn=!0,qr=e}};function Ef(e,t,n,r,l,o,i,u,s){Fn=!1,qr=null,Sf.apply(xf,arguments)}function Cf(e,t,n,r,l,o,i,u,s){if(Ef.apply(this,arguments),Fn){if(Fn){var c=qr;Fn=!1,qr=null}else throw Error(g(198));br||(br=!0,To=c)}}function Yt(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,t.flags&4098&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function Qs(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function du(e){if(Yt(e)!==e)throw Error(g(188))}function _f(e){var t=e.alternate;if(!t){if(t=Yt(e),t===null)throw Error(g(188));return t!==e?null:e}for(var n=e,r=t;;){var l=n.return;if(l===null)break;var o=l.alternate;if(o===null){if(r=l.return,r!==null){n=r;continue}break}if(l.child===o.child){for(o=l.child;o;){if(o===n)return du(l),e;if(o===r)return du(l),t;o=o.sibling}throw Error(g(188))}if(n.return!==r.return)n=l,r=o;else{for(var i=!1,u=l.child;u;){if(u===n){i=!0,n=l,r=o;break}if(u===r){i=!0,r=l,n=o;break}u=u.sibling}if(!i){for(u=o.child;u;){if(u===n){i=!0,n=o,r=l;break}if(u===r){i=!0,r=o,n=l;break}u=u.sibling}if(!i)throw Error(g(189))}}if(n.alternate!==r)throw Error(g(190))}if(n.tag!==3)throw Error(g(188));return n.stateNode.current===n?e:t}function Ws(e){return e=_f(e),e!==null?Ks(e):null}function Ks(e){if(e.tag===5||e.tag===6)return e;for(e=e.child;e!==null;){var t=Ks(e);if(t!==null)return t;e=e.sibling}return null}var Gs=Ce.unstable_scheduleCallback,pu=Ce.unstable_cancelCallback,Nf=Ce.unstable_shouldYield,Pf=Ce.unstable_requestPaint,Z=Ce.unstable_now,Tf=Ce.unstable_getCurrentPriorityLevel,vi=Ce.unstable_ImmediatePriority,Xs=Ce.unstable_UserBlockingPriority,el=Ce.unstable_NormalPriority,Lf=Ce.unstable_LowPriority,Ys=Ce.unstable_IdlePriority,xl=null,Ye=null;function zf(e){if(Ye&&typeof Ye.onCommitFiberRoot=="function")try{Ye.onCommitFiberRoot(xl,e,void 0,(e.current.flags&128)===128)}catch{}}var Ue=Math.clz32?Math.clz32:Df,Rf=Math.log,Mf=Math.LN2;function Df(e){return e>>>=0,e===0?32:31-(Rf(e)/Mf|0)|0}var Er=64,Cr=4194304;function jn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function tl(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,l=e.suspendedLanes,o=e.pingedLanes,i=n&268435455;if(i!==0){var u=i&~l;u!==0?r=jn(u):(o&=i,o!==0&&(r=jn(o)))}else i=n&~l,i!==0?r=jn(i):o!==0&&(r=jn(o));if(r===0)return 0;if(t!==0&&t!==r&&!(t&l)&&(l=r&-r,o=t&-t,l>=o||l===16&&(o&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0<t;)n=31-Ue(t),l=1<<n,r|=e[n],t&=~l;return r}function If(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Of(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,l=e.expirationTimes,o=e.pendingLanes;0<o;){var i=31-Ue(o),u=1<<i,s=l[i];s===-1?(!(u&n)||u&r)&&(l[i]=If(u,t)):s<=t&&(e.expiredLanes|=u),o&=~u}}function Lo(e){return e=e.pendingLanes&-1073741825,e!==0?e:e&1073741824?1073741824:0}function Zs(){var e=Er;return Er<<=1,!(Er&4194240)&&(Er=64),e}function Wl(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function fr(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Ue(t),e[t]=n}function jf(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var l=31-Ue(n),o=1<<l;t[l]=0,r[l]=-1,e[l]=-1,n&=~o}}function gi(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-Ue(n),l=1<<r;l&t|e[r]&t&&(e[r]|=t),n&=~l}}var j=0;function Js(e){return e&=-e,1<e?4<e?e&268435455?16:536870912:4:1}var qs,yi,bs,ea,ta,zo=!1,_r=[],vt=null,gt=null,yt=null,Zn=new Map,Jn=new Map,dt=[],Af="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 hu(e,t){switch(e){case"focusin":case"focusout":vt=null;break;case"dragenter":case"dragleave":gt=null;break;case"mouseover":case"mouseout":yt=null;break;case"pointerover":case"pointerout":Zn.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Jn.delete(t.pointerId)}}function Tn(e,t,n,r,l,o){return e===null||e.nativeEvent!==o?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:o,targetContainers:[l]},t!==null&&(t=pr(t),t!==null&&yi(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,l!==null&&t.indexOf(l)===-1&&t.push(l),e)}function Bf(e,t,n,r,l){switch(t){case"focusin":return vt=Tn(vt,e,t,n,r,l),!0;case"dragenter":return gt=Tn(gt,e,t,n,r,l),!0;case"mouseover":return yt=Tn(yt,e,t,n,r,l),!0;case"pointerover":var o=l.pointerId;return Zn.set(o,Tn(Zn.get(o)||null,e,t,n,r,l)),!0;case"gotpointercapture":return o=l.pointerId,Jn.set(o,Tn(Jn.get(o)||null,e,t,n,r,l)),!0}return!1}function na(e){var t=Bt(e.target);if(t!==null){var n=Yt(t);if(n!==null){if(t=n.tag,t===13){if(t=Qs(n),t!==null){e.blockedOn=t,ta(e.priority,function(){bs(n)});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function $r(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=Ro(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(n===null){n=e.nativeEvent;var r=new n.constructor(n.type,n);_o=r,n.target.dispatchEvent(r),_o=null}else return t=pr(n),t!==null&&yi(t),e.blockedOn=n,!1;t.shift()}return!0}function mu(e,t,n){$r(e)&&n.delete(t)}function Ff(){zo=!1,vt!==null&&$r(vt)&&(vt=null),gt!==null&&$r(gt)&&(gt=null),yt!==null&&$r(yt)&&(yt=null),Zn.forEach(mu),Jn.forEach(mu)}function Ln(e,t){e.blockedOn===t&&(e.blockedOn=null,zo||(zo=!0,Ce.unstable_scheduleCallback(Ce.unstable_NormalPriority,Ff)))}function qn(e){function t(l){return Ln(l,e)}if(0<_r.length){Ln(_r[0],e);for(var n=1;n<_r.length;n++){var r=_r[n];r.blockedOn===e&&(r.blockedOn=null)}}for(vt!==null&&Ln(vt,e),gt!==null&&Ln(gt,e),yt!==null&&Ln(yt,e),Zn.forEach(t),Jn.forEach(t),n=0;n<dt.length;n++)r=dt[n],r.blockedOn===e&&(r.blockedOn=null);for(;0<dt.length&&(n=dt[0],n.blockedOn===null);)na(n),n.blockedOn===null&&dt.shift()}var pn=ut.ReactCurrentBatchConfig,nl=!0;function $f(e,t,n,r){var l=j,o=pn.transition;pn.transition=null;try{j=1,wi(e,t,n,r)}finally{j=l,pn.transition=o}}function Uf(e,t,n,r){var l=j,o=pn.transition;pn.transition=null;try{j=4,wi(e,t,n,r)}finally{j=l,pn.transition=o}}function wi(e,t,n,r){if(nl){var l=Ro(e,t,n,r);if(l===null)to(e,t,r,rl,n),hu(e,r);else if(Bf(l,e,t,n,r))r.stopPropagation();else if(hu(e,r),t&4&&-1<Af.indexOf(e)){for(;l!==null;){var o=pr(l);if(o!==null&&qs(o),o=Ro(e,t,n,r),o===null&&to(e,t,r,rl,n),o===l)break;l=o}l!==null&&r.stopPropagation()}else to(e,t,r,null,n)}}var rl=null;function Ro(e,t,n,r){if(rl=null,e=mi(r),e=Bt(e),e!==null)if(t=Yt(e),t===null)e=null;else if(n=t.tag,n===13){if(e=Qs(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return rl=e,null}function ra(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Tf()){case vi:return 1;case Xs:return 4;case el:case Lf:return 16;case Ys:return 536870912;default:return 16}default:return 16}}var ht=null,ki=null,Ur=null;function la(){if(Ur)return Ur;var e,t=ki,n=t.length,r,l="value"in ht?ht.value:ht.textContent,o=l.length;for(e=0;e<n&&t[e]===l[e];e++);var i=n-e;for(r=1;r<=i&&t[n-r]===l[o-r];r++);return Ur=l.slice(e,1<r?1-r:void 0)}function Hr(e){var t=e.keyCode;return"charCode"in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function Nr(){return!0}function vu(){return!1}function Ne(e){function t(n,r,l,o,i){this._reactName=n,this._targetInst=l,this.type=r,this.nativeEvent=o,this.target=i,this.currentTarget=null;for(var u in e)e.hasOwnProperty(u)&&(n=e[u],this[u]=n?n(o):o[u]);return this.isDefaultPrevented=(o.defaultPrevented!=null?o.defaultPrevented:o.returnValue===!1)?Nr:vu,this.isPropagationStopped=vu,this}return K(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=Nr)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=Nr)},persist:function(){},isPersistent:Nr}),t}var Cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Si=Ne(Cn),dr=K({},Cn,{view:0,detail:0}),Hf=Ne(dr),Kl,Gl,zn,El=K({},dr,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:xi,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==zn&&(zn&&e.type==="mousemove"?(Kl=e.screenX-zn.screenX,Gl=e.screenY-zn.screenY):Gl=Kl=0,zn=e),Kl)},movementY:function(e){return"movementY"in e?e.movementY:Gl}}),gu=Ne(El),Vf=K({},El,{dataTransfer:0}),Qf=Ne(Vf),Wf=K({},dr,{relatedTarget:0}),Xl=Ne(Wf),Kf=K({},Cn,{animationName:0,elapsedTime:0,pseudoElement:0}),Gf=Ne(Kf),Xf=K({},Cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),Yf=Ne(Xf),Zf=K({},Cn,{data:0}),yu=Ne(Zf),Jf={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},qf={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"},bf={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function ed(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=bf[e])?!!t[e]:!1}function xi(){return ed}var td=K({},dr,{key:function(e){if(e.key){var t=Jf[e.key]||e.key;if(t!=="Unidentified")return t}return e.type==="keypress"?(e=Hr(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?qf[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:xi,charCode:function(e){return e.type==="keypress"?Hr(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?Hr(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),nd=Ne(td),rd=K({},El,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),wu=Ne(rd),ld=K({},dr,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:xi}),od=Ne(ld),id=K({},Cn,{propertyName:0,elapsedTime:0,pseudoElement:0}),ud=Ne(id),sd=K({},El,{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}),ad=Ne(sd),cd=[9,13,27,32],Ei=rt&&"CompositionEvent"in window,$n=null;rt&&"documentMode"in document&&($n=document.documentMode);var fd=rt&&"TextEvent"in window&&!$n,oa=rt&&(!Ei||$n&&8<$n&&11>=$n),ku=" ",Su=!1;function ia(e,t){switch(e){case"keyup":return cd.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function ua(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var bt=!1;function dd(e,t){switch(e){case"compositionend":return ua(t);case"keypress":return t.which!==32?null:(Su=!0,ku);case"textInput":return e=t.data,e===ku&&Su?null:e;default:return null}}function pd(e,t){if(bt)return e==="compositionend"||!Ei&&ia(e,t)?(e=la(),Ur=ki=ht=null,bt=!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 oa&&t.locale!=="ko"?null:t.data;default:return null}}var hd={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 xu(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t==="input"?!!hd[e.type]:t==="textarea"}function sa(e,t,n,r){Fs(r),t=ll(t,"onChange"),0<t.length&&(n=new Si("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Un=null,bn=null;function md(e){wa(e,0)}function Cl(e){var t=nn(e);if(Ms(t))return e}function vd(e,t){if(e==="change")return t}var aa=!1;if(rt){var Yl;if(rt){var Zl="oninput"in document;if(!Zl){var Eu=document.createElement("div");Eu.setAttribute("oninput","return;"),Zl=typeof Eu.oninput=="function"}Yl=Zl}else Yl=!1;aa=Yl&&(!document.documentMode||9<document.documentMode)}function Cu(){Un&&(Un.detachEvent("onpropertychange",ca),bn=Un=null)}function ca(e){if(e.propertyName==="value"&&Cl(bn)){var t=[];sa(t,bn,e,mi(e)),Vs(md,t)}}function gd(e,t,n){e==="focusin"?(Cu(),Un=t,bn=n,Un.attachEvent("onpropertychange",ca)):e==="focusout"&&Cu()}function yd(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return Cl(bn)}function wd(e,t){if(e==="click")return Cl(t)}function kd(e,t){if(e==="input"||e==="change")return Cl(t)}function Sd(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var Ve=typeof Object.is=="function"?Object.is:Sd;function er(e,t){if(Ve(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)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++){var l=n[r];if(!po.call(t,l)||!Ve(e[l],t[l]))return!1}return!0}function _u(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Nu(e,t){var n=_u(e);e=0;for(var r;n;){if(n.nodeType===3){if(r=e+n.textContent.length,e<=t&&r>=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=_u(n)}}function fa(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?fa(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function da(){for(var e=window,t=Jr();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Jr(e.document)}return t}function Ci(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function xd(e){var t=da(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&fa(n.ownerDocument.documentElement,n)){if(r!==null&&Ci(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,o=Math.min(r.start,l);r=r.end===void 0?o:Math.min(r.end,l),!e.extend&&o>r&&(l=r,r=o,o=l),l=Nu(n,o);var i=Nu(n,r);l&&i&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),o>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n<t.length;n++)e=t[n],e.element.scrollLeft=e.left,e.element.scrollTop=e.top}}var Ed=rt&&"documentMode"in document&&11>=document.documentMode,en=null,Mo=null,Hn=null,Do=!1;function Pu(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Do||en==null||en!==Jr(r)||(r=en,"selectionStart"in r&&Ci(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Hn&&er(Hn,r)||(Hn=r,r=ll(Mo,"onSelect"),0<r.length&&(t=new Si("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=en)))}function Pr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var tn={animationend:Pr("Animation","AnimationEnd"),animationiteration:Pr("Animation","AnimationIteration"),animationstart:Pr("Animation","AnimationStart"),transitionend:Pr("Transition","TransitionEnd")},Jl={},pa={};rt&&(pa=document.createElement("div").style,"AnimationEvent"in window||(delete tn.animationend.animation,delete tn.animationiteration.animation,delete tn.animationstart.animation),"TransitionEvent"in window||delete tn.transitionend.transition);function _l(e){if(Jl[e])return Jl[e];if(!tn[e])return e;var t=tn[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in pa)return Jl[e]=t[n];return e}var ha=_l("animationend"),ma=_l("animationiteration"),va=_l("animationstart"),ga=_l("transitionend"),ya=new Map,Tu="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Nt(e,t){ya.set(e,t),Xt(t,[e])}for(var ql=0;ql<Tu.length;ql++){var bl=Tu[ql],Cd=bl.toLowerCase(),_d=bl[0].toUpperCase()+bl.slice(1);Nt(Cd,"on"+_d)}Nt(ha,"onAnimationEnd");Nt(ma,"onAnimationIteration");Nt(va,"onAnimationStart");Nt("dblclick","onDoubleClick");Nt("focusin","onFocus");Nt("focusout","onBlur");Nt(ga,"onTransitionEnd");vn("onMouseEnter",["mouseout","mouseover"]);vn("onMouseLeave",["mouseout","mouseover"]);vn("onPointerEnter",["pointerout","pointerover"]);vn("onPointerLeave",["pointerout","pointerover"]);Xt("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));Xt("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));Xt("onBeforeInput",["compositionend","keypress","textInput","paste"]);Xt("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));Xt("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));Xt("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var An="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Nd=new Set("cancel close invalid load scroll toggle".split(" ").concat(An));function Lu(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,Cf(r,t,void 0,e),e.currentTarget=null}function wa(e,t){t=(t&4)!==0;for(var n=0;n<e.length;n++){var r=e[n],l=r.event;r=r.listeners;e:{var o=void 0;if(t)for(var i=r.length-1;0<=i;i--){var u=r[i],s=u.instance,c=u.currentTarget;if(u=u.listener,s!==o&&l.isPropagationStopped())break e;Lu(l,u,c),o=s}else for(i=0;i<r.length;i++){if(u=r[i],s=u.instance,c=u.currentTarget,u=u.listener,s!==o&&l.isPropagationStopped())break e;Lu(l,u,c),o=s}}}if(br)throw e=To,br=!1,To=null,e}function B(e,t){var n=t[Bo];n===void 0&&(n=t[Bo]=new Set);var r=e+"__bubble";n.has(r)||(ka(t,e,2,!1),n.add(r))}function eo(e,t,n){var r=0;t&&(r|=4),ka(n,e,r,t)}var Tr="_reactListening"+Math.random().toString(36).slice(2);function tr(e){if(!e[Tr]){e[Tr]=!0,Ps.forEach(function(n){n!=="selectionchange"&&(Nd.has(n)||eo(n,!1,e),eo(n,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[Tr]||(t[Tr]=!0,eo("selectionchange",!1,t))}}function ka(e,t,n,r){switch(ra(t)){case 1:var l=$f;break;case 4:l=Uf;break;default:l=wi}n=l.bind(null,t,n,e),l=void 0,!Po||t!=="touchstart"&&t!=="touchmove"&&t!=="wheel"||(l=!0),r?l!==void 0?e.addEventListener(t,n,{capture:!0,passive:l}):e.addEventListener(t,n,!0):l!==void 0?e.addEventListener(t,n,{passive:l}):e.addEventListener(t,n,!1)}function to(e,t,n,r,l){var o=r;if(!(t&1)&&!(t&2)&&r!==null)e:for(;;){if(r===null)return;var i=r.tag;if(i===3||i===4){var u=r.stateNode.containerInfo;if(u===l||u.nodeType===8&&u.parentNode===l)break;if(i===4)for(i=r.return;i!==null;){var s=i.tag;if((s===3||s===4)&&(s=i.stateNode.containerInfo,s===l||s.nodeType===8&&s.parentNode===l))return;i=i.return}for(;u!==null;){if(i=Bt(u),i===null)return;if(s=i.tag,s===5||s===6){r=o=i;continue e}u=u.parentNode}}r=r.return}Vs(function(){var c=o,p=mi(n),m=[];e:{var h=ya.get(e);if(h!==void 0){var y=Si,w=e;switch(e){case"keypress":if(Hr(n)===0)break e;case"keydown":case"keyup":y=nd;break;case"focusin":w="focus",y=Xl;break;case"focusout":w="blur",y=Xl;break;case"beforeblur":case"afterblur":y=Xl;break;case"click":if(n.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":y=gu;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":y=Qf;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":y=od;break;case ha:case ma:case va:y=Gf;break;case ga:y=ud;break;case"scroll":y=Hf;break;case"wheel":y=ad;break;case"copy":case"cut":case"paste":y=Yf;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":y=wu}var x=(t&4)!==0,I=!x&&e==="scroll",f=x?h!==null?h+"Capture":null:h;x=[];for(var a=c,d;a!==null;){d=a;var v=d.stateNode;if(d.tag===5&&v!==null&&(d=v,f!==null&&(v=Yn(a,f),v!=null&&x.push(nr(a,v,d)))),I)break;a=a.return}0<x.length&&(h=new y(h,w,null,n,p),m.push({event:h,listeners:x}))}}if(!(t&7)){e:{if(h=e==="mouseover"||e==="pointerover",y=e==="mouseout"||e==="pointerout",h&&n!==_o&&(w=n.relatedTarget||n.fromElement)&&(Bt(w)||w[lt]))break e;if((y||h)&&(h=p.window===p?p:(h=p.ownerDocument)?h.defaultView||h.parentWindow:window,y?(w=n.relatedTarget||n.toElement,y=c,w=w?Bt(w):null,w!==null&&(I=Yt(w),w!==I||w.tag!==5&&w.tag!==6)&&(w=null)):(y=null,w=c),y!==w)){if(x=gu,v="onMouseLeave",f="onMouseEnter",a="mouse",(e==="pointerout"||e==="pointerover")&&(x=wu,v="onPointerLeave",f="onPointerEnter",a="pointer"),I=y==null?h:nn(y),d=w==null?h:nn(w),h=new x(v,a+"leave",y,n,p),h.target=I,h.relatedTarget=d,v=null,Bt(p)===c&&(x=new x(f,a+"enter",w,n,p),x.target=d,x.relatedTarget=I,v=x),I=v,y&&w)t:{for(x=y,f=w,a=0,d=x;d;d=Zt(d))a++;for(d=0,v=f;v;v=Zt(v))d++;for(;0<a-d;)x=Zt(x),a--;for(;0<d-a;)f=Zt(f),d--;for(;a--;){if(x===f||f!==null&&x===f.alternate)break t;x=Zt(x),f=Zt(f)}x=null}else x=null;y!==null&&zu(m,h,y,x,!1),w!==null&&I!==null&&zu(m,I,w,x,!0)}}e:{if(h=c?nn(c):window,y=h.nodeName&&h.nodeName.toLowerCase(),y==="select"||y==="input"&&h.type==="file")var E=vd;else if(xu(h))if(aa)E=kd;else{E=yd;var _=gd}else(y=h.nodeName)&&y.toLowerCase()==="input"&&(h.type==="checkbox"||h.type==="radio")&&(E=wd);if(E&&(E=E(e,c))){sa(m,E,n,p);break e}_&&_(e,h,c),e==="focusout"&&(_=h._wrapperState)&&_.controlled&&h.type==="number"&&ko(h,"number",h.value)}switch(_=c?nn(c):window,e){case"focusin":(xu(_)||_.contentEditable==="true")&&(en=_,Mo=c,Hn=null);break;case"focusout":Hn=Mo=en=null;break;case"mousedown":Do=!0;break;case"contextmenu":case"mouseup":case"dragend":Do=!1,Pu(m,n,p);break;case"selectionchange":if(Ed)break;case"keydown":case"keyup":Pu(m,n,p)}var N;if(Ei)e:{switch(e){case"compositionstart":var P="onCompositionStart";break e;case"compositionend":P="onCompositionEnd";break e;case"compositionupdate":P="onCompositionUpdate";break e}P=void 0}else bt?ia(e,n)&&(P="onCompositionEnd"):e==="keydown"&&n.keyCode===229&&(P="onCompositionStart");P&&(oa&&n.locale!=="ko"&&(bt||P!=="onCompositionStart"?P==="onCompositionEnd"&&bt&&(N=la()):(ht=p,ki="value"in ht?ht.value:ht.textContent,bt=!0)),_=ll(c,P),0<_.length&&(P=new yu(P,e,null,n,p),m.push({event:P,listeners:_}),N?P.data=N:(N=ua(n),N!==null&&(P.data=N)))),(N=fd?dd(e,n):pd(e,n))&&(c=ll(c,"onBeforeInput"),0<c.length&&(p=new yu("onBeforeInput","beforeinput",null,n,p),m.push({event:p,listeners:c}),p.data=N))}wa(m,t)})}function nr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function ll(e,t){for(var n=t+"Capture",r=[];e!==null;){var l=e,o=l.stateNode;l.tag===5&&o!==null&&(l=o,o=Yn(e,n),o!=null&&r.unshift(nr(e,o,l)),o=Yn(e,t),o!=null&&r.push(nr(e,o,l))),e=e.return}return r}function Zt(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5);return e||null}function zu(e,t,n,r,l){for(var o=t._reactName,i=[];n!==null&&n!==r;){var u=n,s=u.alternate,c=u.stateNode;if(s!==null&&s===r)break;u.tag===5&&c!==null&&(u=c,l?(s=Yn(n,o),s!=null&&i.unshift(nr(n,s,u))):l||(s=Yn(n,o),s!=null&&i.push(nr(n,s,u)))),n=n.return}i.length!==0&&e.push({event:t,listeners:i})}var Pd=/\r\n?/g,Td=/\u0000|\uFFFD/g;function Ru(e){return(typeof e=="string"?e:""+e).replace(Pd,`
 38 | `).replace(Td,"")}function Lr(e,t,n){if(t=Ru(t),Ru(e)!==t&&n)throw Error(g(425))}function ol(){}var Io=null,Oo=null;function jo(e,t){return e==="textarea"||e==="noscript"||typeof t.children=="string"||typeof t.children=="number"||typeof t.dangerouslySetInnerHTML=="object"&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var Ao=typeof setTimeout=="function"?setTimeout:void 0,Ld=typeof clearTimeout=="function"?clearTimeout:void 0,Mu=typeof Promise=="function"?Promise:void 0,zd=typeof queueMicrotask=="function"?queueMicrotask:typeof Mu<"u"?function(e){return Mu.resolve(null).then(e).catch(Rd)}:Ao;function Rd(e){setTimeout(function(){throw e})}function no(e,t){var n=t,r=0;do{var l=n.nextSibling;if(e.removeChild(n),l&&l.nodeType===8)if(n=l.data,n==="/$"){if(r===0){e.removeChild(l),qn(t);return}r--}else n!=="$"&&n!=="$?"&&n!=="$!"||r++;n=l}while(n);qn(t)}function wt(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t==="$"||t==="$!"||t==="$?")break;if(t==="/$")return null}}return e}function Du(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="$"||n==="$!"||n==="$?"){if(t===0)return e;t--}else n==="/$"&&t++}e=e.previousSibling}return null}var _n=Math.random().toString(36).slice(2),Ke="__reactFiber$"+_n,rr="__reactProps$"+_n,lt="__reactContainer$"+_n,Bo="__reactEvents$"+_n,Md="__reactListeners$"+_n,Dd="__reactHandles$"+_n;function Bt(e){var t=e[Ke];if(t)return t;for(var n=e.parentNode;n;){if(t=n[lt]||n[Ke]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=Du(e);e!==null;){if(n=e[Ke])return n;e=Du(e)}return t}e=n,n=e.parentNode}return null}function pr(e){return e=e[Ke]||e[lt],!e||e.tag!==5&&e.tag!==6&&e.tag!==13&&e.tag!==3?null:e}function nn(e){if(e.tag===5||e.tag===6)return e.stateNode;throw Error(g(33))}function Nl(e){return e[rr]||null}var Fo=[],rn=-1;function Pt(e){return{current:e}}function F(e){0>rn||(e.current=Fo[rn],Fo[rn]=null,rn--)}function A(e,t){rn++,Fo[rn]=e.current,e.current=t}var _t={},ce=Pt(_t),ge=Pt(!1),Vt=_t;function gn(e,t){var n=e.type.contextTypes;if(!n)return _t;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l={},o;for(o in n)l[o]=t[o];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function ye(e){return e=e.childContextTypes,e!=null}function il(){F(ge),F(ce)}function Iu(e,t,n){if(ce.current!==_t)throw Error(g(168));A(ce,t),A(ge,n)}function Sa(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var l in r)if(!(l in t))throw Error(g(108,gf(e)||"Unknown",l));return K({},n,r)}function ul(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||_t,Vt=ce.current,A(ce,e),A(ge,ge.current),!0}function Ou(e,t,n){var r=e.stateNode;if(!r)throw Error(g(169));n?(e=Sa(e,t,Vt),r.__reactInternalMemoizedMergedChildContext=e,F(ge),F(ce),A(ce,e)):F(ge),A(ge,n)}var be=null,Pl=!1,ro=!1;function xa(e){be===null?be=[e]:be.push(e)}function Id(e){Pl=!0,xa(e)}function Tt(){if(!ro&&be!==null){ro=!0;var e=0,t=j;try{var n=be;for(j=1;e<n.length;e++){var r=n[e];do r=r(!0);while(r!==null)}be=null,Pl=!1}catch(l){throw be!==null&&(be=be.slice(e+1)),Gs(vi,Tt),l}finally{j=t,ro=!1}}return null}var ln=[],on=0,sl=null,al=0,ze=[],Re=0,Qt=null,et=1,tt="";function jt(e,t){ln[on++]=al,ln[on++]=sl,sl=e,al=t}function Ea(e,t,n){ze[Re++]=et,ze[Re++]=tt,ze[Re++]=Qt,Qt=e;var r=et;e=tt;var l=32-Ue(r)-1;r&=~(1<<l),n+=1;var o=32-Ue(t)+l;if(30<o){var i=l-l%5;o=(r&(1<<i)-1).toString(32),r>>=i,l-=i,et=1<<32-Ue(t)+l|n<<l|r,tt=o+e}else et=1<<o|n<<l|r,tt=e}function _i(e){e.return!==null&&(jt(e,1),Ea(e,1,0))}function Ni(e){for(;e===sl;)sl=ln[--on],ln[on]=null,al=ln[--on],ln[on]=null;for(;e===Qt;)Qt=ze[--Re],ze[Re]=null,tt=ze[--Re],ze[Re]=null,et=ze[--Re],ze[Re]=null}var Ee=null,xe=null,H=!1,Fe=null;function Ca(e,t){var n=Me(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,t=e.deletions,t===null?(e.deletions=[n],e.flags|=16):t.push(n)}function ju(e,t){switch(e.tag){case 5:var n=e.type;return t=t.nodeType!==1||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t,t!==null?(e.stateNode=t,Ee=e,xe=wt(t.firstChild),!0):!1;case 6:return t=e.pendingProps===""||t.nodeType!==3?null:t,t!==null?(e.stateNode=t,Ee=e,xe=null,!0):!1;case 13:return t=t.nodeType!==8?null:t,t!==null?(n=Qt!==null?{id:et,overflow:tt}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},n=Me(18,null,null,0),n.stateNode=t,n.return=e,e.child=n,Ee=e,xe=null,!0):!1;default:return!1}}function $o(e){return(e.mode&1)!==0&&(e.flags&128)===0}function Uo(e){if(H){var t=xe;if(t){var n=t;if(!ju(e,t)){if($o(e))throw Error(g(418));t=wt(n.nextSibling);var r=Ee;t&&ju(e,t)?Ca(r,n):(e.flags=e.flags&-4097|2,H=!1,Ee=e)}}else{if($o(e))throw Error(g(418));e.flags=e.flags&-4097|2,H=!1,Ee=e}}}function Au(e){for(e=e.return;e!==null&&e.tag!==5&&e.tag!==3&&e.tag!==13;)e=e.return;Ee=e}function zr(e){if(e!==Ee)return!1;if(!H)return Au(e),H=!0,!1;var t;if((t=e.tag!==3)&&!(t=e.tag!==5)&&(t=e.type,t=t!=="head"&&t!=="body"&&!jo(e.type,e.memoizedProps)),t&&(t=xe)){if($o(e))throw _a(),Error(g(418));for(;t;)Ca(e,t),t=wt(t.nextSibling)}if(Au(e),e.tag===13){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(g(317));e:{for(e=e.nextSibling,t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="/$"){if(t===0){xe=wt(e.nextSibling);break e}t--}else n!=="$"&&n!=="$!"&&n!=="$?"||t++}e=e.nextSibling}xe=null}}else xe=Ee?wt(e.stateNode.nextSibling):null;return!0}function _a(){for(var e=xe;e;)e=wt(e.nextSibling)}function yn(){xe=Ee=null,H=!1}function Pi(e){Fe===null?Fe=[e]:Fe.push(e)}var Od=ut.ReactCurrentBatchConfig;function Rn(e,t,n){if(e=n.ref,e!==null&&typeof e!="function"&&typeof e!="object"){if(n._owner){if(n=n._owner,n){if(n.tag!==1)throw Error(g(309));var r=n.stateNode}if(!r)throw Error(g(147,e));var l=r,o=""+e;return t!==null&&t.ref!==null&&typeof t.ref=="function"&&t.ref._stringRef===o?t.ref:(t=function(i){var u=l.refs;i===null?delete u[o]:u[o]=i},t._stringRef=o,t)}if(typeof e!="string")throw Error(g(284));if(!n._owner)throw Error(g(290,e))}return e}function Rr(e,t){throw e=Object.prototype.toString.call(t),Error(g(31,e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Bu(e){var t=e._init;return t(e._payload)}function Na(e){function t(f,a){if(e){var d=f.deletions;d===null?(f.deletions=[a],f.flags|=16):d.push(a)}}function n(f,a){if(!e)return null;for(;a!==null;)t(f,a),a=a.sibling;return null}function r(f,a){for(f=new Map;a!==null;)a.key!==null?f.set(a.key,a):f.set(a.index,a),a=a.sibling;return f}function l(f,a){return f=Et(f,a),f.index=0,f.sibling=null,f}function o(f,a,d){return f.index=d,e?(d=f.alternate,d!==null?(d=d.index,d<a?(f.flags|=2,a):d):(f.flags|=2,a)):(f.flags|=1048576,a)}function i(f){return e&&f.alternate===null&&(f.flags|=2),f}function u(f,a,d,v){return a===null||a.tag!==6?(a=co(d,f.mode,v),a.return=f,a):(a=l(a,d),a.return=f,a)}function s(f,a,d,v){var E=d.type;return E===qt?p(f,a,d.props.children,v,d.key):a!==null&&(a.elementType===E||typeof E=="object"&&E!==null&&E.$$typeof===ct&&Bu(E)===a.type)?(v=l(a,d.props),v.ref=Rn(f,a,d),v.return=f,v):(v=Yr(d.type,d.key,d.props,null,f.mode,v),v.ref=Rn(f,a,d),v.return=f,v)}function c(f,a,d,v){return a===null||a.tag!==4||a.stateNode.containerInfo!==d.containerInfo||a.stateNode.implementation!==d.implementation?(a=fo(d,f.mode,v),a.return=f,a):(a=l(a,d.children||[]),a.return=f,a)}function p(f,a,d,v,E){return a===null||a.tag!==7?(a=Ht(d,f.mode,v,E),a.return=f,a):(a=l(a,d),a.return=f,a)}function m(f,a,d){if(typeof a=="string"&&a!==""||typeof a=="number")return a=co(""+a,f.mode,d),a.return=f,a;if(typeof a=="object"&&a!==null){switch(a.$$typeof){case kr:return d=Yr(a.type,a.key,a.props,null,f.mode,d),d.ref=Rn(f,null,a),d.return=f,d;case Jt:return a=fo(a,f.mode,d),a.return=f,a;case ct:var v=a._init;return m(f,v(a._payload),d)}if(On(a)||Nn(a))return a=Ht(a,f.mode,d,null),a.return=f,a;Rr(f,a)}return null}function h(f,a,d,v){var E=a!==null?a.key:null;if(typeof d=="string"&&d!==""||typeof d=="number")return E!==null?null:u(f,a,""+d,v);if(typeof d=="object"&&d!==null){switch(d.$$typeof){case kr:return d.key===E?s(f,a,d,v):null;case Jt:return d.key===E?c(f,a,d,v):null;case ct:return E=d._init,h(f,a,E(d._payload),v)}if(On(d)||Nn(d))return E!==null?null:p(f,a,d,v,null);Rr(f,d)}return null}function y(f,a,d,v,E){if(typeof v=="string"&&v!==""||typeof v=="number")return f=f.get(d)||null,u(a,f,""+v,E);if(typeof v=="object"&&v!==null){switch(v.$$typeof){case kr:return f=f.get(v.key===null?d:v.key)||null,s(a,f,v,E);case Jt:return f=f.get(v.key===null?d:v.key)||null,c(a,f,v,E);case ct:var _=v._init;return y(f,a,d,_(v._payload),E)}if(On(v)||Nn(v))return f=f.get(d)||null,p(a,f,v,E,null);Rr(a,v)}return null}function w(f,a,d,v){for(var E=null,_=null,N=a,P=a=0,V=null;N!==null&&P<d.length;P++){N.index>P?(V=N,N=null):V=N.sibling;var R=h(f,N,d[P],v);if(R===null){N===null&&(N=V);break}e&&N&&R.alternate===null&&t(f,N),a=o(R,a,P),_===null?E=R:_.sibling=R,_=R,N=V}if(P===d.length)return n(f,N),H&&jt(f,P),E;if(N===null){for(;P<d.length;P++)N=m(f,d[P],v),N!==null&&(a=o(N,a,P),_===null?E=N:_.sibling=N,_=N);return H&&jt(f,P),E}for(N=r(f,N);P<d.length;P++)V=y(N,f,P,d[P],v),V!==null&&(e&&V.alternate!==null&&N.delete(V.key===null?P:V.key),a=o(V,a,P),_===null?E=V:_.sibling=V,_=V);return e&&N.forEach(function(ke){return t(f,ke)}),H&&jt(f,P),E}function x(f,a,d,v){var E=Nn(d);if(typeof E!="function")throw Error(g(150));if(d=E.call(d),d==null)throw Error(g(151));for(var _=E=null,N=a,P=a=0,V=null,R=d.next();N!==null&&!R.done;P++,R=d.next()){N.index>P?(V=N,N=null):V=N.sibling;var ke=h(f,N,R.value,v);if(ke===null){N===null&&(N=V);break}e&&N&&ke.alternate===null&&t(f,N),a=o(ke,a,P),_===null?E=ke:_.sibling=ke,_=ke,N=V}if(R.done)return n(f,N),H&&jt(f,P),E;if(N===null){for(;!R.done;P++,R=d.next())R=m(f,R.value,v),R!==null&&(a=o(R,a,P),_===null?E=R:_.sibling=R,_=R);return H&&jt(f,P),E}for(N=r(f,N);!R.done;P++,R=d.next())R=y(N,f,P,R.value,v),R!==null&&(e&&R.alternate!==null&&N.delete(R.key===null?P:R.key),a=o(R,a,P),_===null?E=R:_.sibling=R,_=R);return e&&N.forEach(function(Rt){return t(f,Rt)}),H&&jt(f,P),E}function I(f,a,d,v){if(typeof d=="object"&&d!==null&&d.type===qt&&d.key===null&&(d=d.props.children),typeof d=="object"&&d!==null){switch(d.$$typeof){case kr:e:{for(var E=d.key,_=a;_!==null;){if(_.key===E){if(E=d.type,E===qt){if(_.tag===7){n(f,_.sibling),a=l(_,d.props.children),a.return=f,f=a;break e}}else if(_.elementType===E||typeof E=="object"&&E!==null&&E.$$typeof===ct&&Bu(E)===_.type){n(f,_.sibling),a=l(_,d.props),a.ref=Rn(f,_,d),a.return=f,f=a;break e}n(f,_);break}else t(f,_);_=_.sibling}d.type===qt?(a=Ht(d.props.children,f.mode,v,d.key),a.return=f,f=a):(v=Yr(d.type,d.key,d.props,null,f.mode,v),v.ref=Rn(f,a,d),v.return=f,f=v)}return i(f);case Jt:e:{for(_=d.key;a!==null;){if(a.key===_)if(a.tag===4&&a.stateNode.containerInfo===d.containerInfo&&a.stateNode.implementation===d.implementation){n(f,a.sibling),a=l(a,d.children||[]),a.return=f,f=a;break e}else{n(f,a);break}else t(f,a);a=a.sibling}a=fo(d,f.mode,v),a.return=f,f=a}return i(f);case ct:return _=d._init,I(f,a,_(d._payload),v)}if(On(d))return w(f,a,d,v);if(Nn(d))return x(f,a,d,v);Rr(f,d)}return typeof d=="string"&&d!==""||typeof d=="number"?(d=""+d,a!==null&&a.tag===6?(n(f,a.sibling),a=l(a,d),a.return=f,f=a):(n(f,a),a=co(d,f.mode,v),a.return=f,f=a),i(f)):n(f,a)}return I}var wn=Na(!0),Pa=Na(!1),cl=Pt(null),fl=null,un=null,Ti=null;function Li(){Ti=un=fl=null}function zi(e){var t=cl.current;F(cl),e._currentValue=t}function Ho(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function hn(e,t){fl=e,Ti=un=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(ve=!0),e.firstContext=null)}function Ie(e){var t=e._currentValue;if(Ti!==e)if(e={context:e,memoizedValue:t,next:null},un===null){if(fl===null)throw Error(g(308));un=e,fl.dependencies={lanes:0,firstContext:e}}else un=un.next=e;return t}var Ft=null;function Ri(e){Ft===null?Ft=[e]:Ft.push(e)}function Ta(e,t,n,r){var l=t.interleaved;return l===null?(n.next=n,Ri(t)):(n.next=l.next,l.next=n),t.interleaved=n,ot(e,r)}function ot(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var ft=!1;function Mi(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},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 nt(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function kt(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,O&2){var l=r.pending;return l===null?t.next=t:(t.next=l.next,l.next=t),r.pending=t,ot(e,n)}return l=r.interleaved,l===null?(t.next=t,Ri(r)):(t.next=l.next,l.next=t),r.interleaved=t,ot(e,n)}function Vr(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,gi(e,n)}}function Fu(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var l=null,o=null;if(n=n.firstBaseUpdate,n!==null){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};o===null?l=o=i:o=o.next=i,n=n.next}while(n!==null);o===null?l=o=t:o=o.next=t}else l=o=t;n={baseState:r.baseState,firstBaseUpdate:l,lastBaseUpdate:o,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function dl(e,t,n,r){var l=e.updateQueue;ft=!1;var o=l.firstBaseUpdate,i=l.lastBaseUpdate,u=l.shared.pending;if(u!==null){l.shared.pending=null;var s=u,c=s.next;s.next=null,i===null?o=c:i.next=c,i=s;var p=e.alternate;p!==null&&(p=p.updateQueue,u=p.lastBaseUpdate,u!==i&&(u===null?p.firstBaseUpdate=c:u.next=c,p.lastBaseUpdate=s))}if(o!==null){var m=l.baseState;i=0,p=c=s=null,u=o;do{var h=u.lane,y=u.eventTime;if((r&h)===h){p!==null&&(p=p.next={eventTime:y,lane:0,tag:u.tag,payload:u.payload,callback:u.callback,next:null});e:{var w=e,x=u;switch(h=t,y=n,x.tag){case 1:if(w=x.payload,typeof w=="function"){m=w.call(y,m,h);break e}m=w;break e;case 3:w.flags=w.flags&-65537|128;case 0:if(w=x.payload,h=typeof w=="function"?w.call(y,m,h):w,h==null)break e;m=K({},m,h);break e;case 2:ft=!0}}u.callback!==null&&u.lane!==0&&(e.flags|=64,h=l.effects,h===null?l.effects=[u]:h.push(u))}else y={eventTime:y,lane:h,tag:u.tag,payload:u.payload,callback:u.callback,next:null},p===null?(c=p=y,s=m):p=p.next=y,i|=h;if(u=u.next,u===null){if(u=l.shared.pending,u===null)break;h=u,u=h.next,h.next=null,l.lastBaseUpdate=h,l.shared.pending=null}}while(!0);if(p===null&&(s=m),l.baseState=s,l.firstBaseUpdate=c,l.lastBaseUpdate=p,t=l.shared.interleaved,t!==null){l=t;do i|=l.lane,l=l.next;while(l!==t)}else o===null&&(l.shared.lanes=0);Kt|=i,e.lanes=i,e.memoizedState=m}}function $u(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;t<e.length;t++){var r=e[t],l=r.callback;if(l!==null){if(r.callback=null,r=n,typeof l!="function")throw Error(g(191,l));l.call(r)}}}var hr={},Ze=Pt(hr),lr=Pt(hr),or=Pt(hr);function $t(e){if(e===hr)throw Error(g(174));return e}function Di(e,t){switch(A(or,t),A(lr,e),A(Ze,hr),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:xo(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=xo(t,e)}F(Ze),A(Ze,t)}function kn(){F(Ze),F(lr),F(or)}function za(e){$t(or.current);var t=$t(Ze.current),n=xo(t,e.type);t!==n&&(A(lr,e),A(Ze,n))}function Ii(e){lr.current===e&&(F(Ze),F(lr))}var Q=Pt(0);function pl(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var lo=[];function Oi(){for(var e=0;e<lo.length;e++)lo[e]._workInProgressVersionPrimary=null;lo.length=0}var Qr=ut.ReactCurrentDispatcher,oo=ut.ReactCurrentBatchConfig,Wt=0,W=null,q=null,ee=null,hl=!1,Vn=!1,ir=0,jd=0;function ue(){throw Error(g(321))}function ji(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!Ve(e[n],t[n]))return!1;return!0}function Ai(e,t,n,r,l,o){if(Wt=o,W=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Qr.current=e===null||e.memoizedState===null?$d:Ud,e=n(r,l),Vn){o=0;do{if(Vn=!1,ir=0,25<=o)throw Error(g(301));o+=1,ee=q=null,t.updateQueue=null,Qr.current=Hd,e=n(r,l)}while(Vn)}if(Qr.current=ml,t=q!==null&&q.next!==null,Wt=0,ee=q=W=null,hl=!1,t)throw Error(g(300));return e}function Bi(){var e=ir!==0;return ir=0,e}function We(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return ee===null?W.memoizedState=ee=e:ee=ee.next=e,ee}function Oe(){if(q===null){var e=W.alternate;e=e!==null?e.memoizedState:null}else e=q.next;var t=ee===null?W.memoizedState:ee.next;if(t!==null)ee=t,q=e;else{if(e===null)throw Error(g(310));q=e,e={memoizedState:q.memoizedState,baseState:q.baseState,baseQueue:q.baseQueue,queue:q.queue,next:null},ee===null?W.memoizedState=ee=e:ee=ee.next=e}return ee}function ur(e,t){return typeof t=="function"?t(e):t}function io(e){var t=Oe(),n=t.queue;if(n===null)throw Error(g(311));n.lastRenderedReducer=e;var r=q,l=r.baseQueue,o=n.pending;if(o!==null){if(l!==null){var i=l.next;l.next=o.next,o.next=i}r.baseQueue=l=o,n.pending=null}if(l!==null){o=l.next,r=r.baseState;var u=i=null,s=null,c=o;do{var p=c.lane;if((Wt&p)===p)s!==null&&(s=s.next={lane:0,action:c.action,hasEagerState:c.hasEagerState,eagerState:c.eagerState,next:null}),r=c.hasEagerState?c.eagerState:e(r,c.action);else{var m={lane:p,action:c.action,hasEagerState:c.hasEagerState,eagerState:c.eagerState,next:null};s===null?(u=s=m,i=r):s=s.next=m,W.lanes|=p,Kt|=p}c=c.next}while(c!==null&&c!==o);s===null?i=r:s.next=u,Ve(r,t.memoizedState)||(ve=!0),t.memoizedState=r,t.baseState=i,t.baseQueue=s,n.lastRenderedState=r}if(e=n.interleaved,e!==null){l=e;do o=l.lane,W.lanes|=o,Kt|=o,l=l.next;while(l!==e)}else l===null&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function uo(e){var t=Oe(),n=t.queue;if(n===null)throw Error(g(311));n.lastRenderedReducer=e;var r=n.dispatch,l=n.pending,o=t.memoizedState;if(l!==null){n.pending=null;var i=l=l.next;do o=e(o,i.action),i=i.next;while(i!==l);Ve(o,t.memoizedState)||(ve=!0),t.memoizedState=o,t.baseQueue===null&&(t.baseState=o),n.lastRenderedState=o}return[o,r]}function Ra(){}function Ma(e,t){var n=W,r=Oe(),l=t(),o=!Ve(r.memoizedState,l);if(o&&(r.memoizedState=l,ve=!0),r=r.queue,Fi(Oa.bind(null,n,r,e),[e]),r.getSnapshot!==t||o||ee!==null&&ee.memoizedState.tag&1){if(n.flags|=2048,sr(9,Ia.bind(null,n,r,l,t),void 0,null),te===null)throw Error(g(349));Wt&30||Da(n,t,l)}return l}function Da(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=W.updateQueue,t===null?(t={lastEffect:null,stores:null},W.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function Ia(e,t,n,r){t.value=n,t.getSnapshot=r,ja(t)&&Aa(e)}function Oa(e,t,n){return n(function(){ja(t)&&Aa(e)})}function ja(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!Ve(e,n)}catch{return!0}}function Aa(e){var t=ot(e,1);t!==null&&He(t,e,1,-1)}function Uu(e){var t=We();return typeof e=="function"&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:ur,lastRenderedState:e},t.queue=e,e=e.dispatch=Fd.bind(null,W,e),[t.memoizedState,e]}function sr(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},t=W.updateQueue,t===null?(t={lastEffect:null,stores:null},W.updateQueue=t,t.lastEffect=e.next=e):(n=t.lastEffect,n===null?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e)),e}function Ba(){return Oe().memoizedState}function Wr(e,t,n,r){var l=We();W.flags|=e,l.memoizedState=sr(1|t,n,void 0,r===void 0?null:r)}function Tl(e,t,n,r){var l=Oe();r=r===void 0?null:r;var o=void 0;if(q!==null){var i=q.memoizedState;if(o=i.destroy,r!==null&&ji(r,i.deps)){l.memoizedState=sr(t,n,o,r);return}}W.flags|=e,l.memoizedState=sr(1|t,n,o,r)}function Hu(e,t){return Wr(8390656,8,e,t)}function Fi(e,t){return Tl(2048,8,e,t)}function Fa(e,t){return Tl(4,2,e,t)}function $a(e,t){return Tl(4,4,e,t)}function Ua(e,t){if(typeof t=="function")return e=e(),t(e),function(){t(null)};if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function Ha(e,t,n){return n=n!=null?n.concat([e]):null,Tl(4,4,Ua.bind(null,t,e),n)}function $i(){}function Va(e,t){var n=Oe();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&ji(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function Qa(e,t){var n=Oe();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&ji(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Wa(e,t,n){return Wt&21?(Ve(n,t)||(n=Zs(),W.lanes|=n,Kt|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,ve=!0),e.memoizedState=n)}function Ad(e,t){var n=j;j=n!==0&&4>n?n:4,e(!0);var r=oo.transition;oo.transition={};try{e(!1),t()}finally{j=n,oo.transition=r}}function Ka(){return Oe().memoizedState}function Bd(e,t,n){var r=xt(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Ga(e))Xa(t,n);else if(n=Ta(e,t,n,r),n!==null){var l=de();He(n,e,r,l),Ya(n,t,r)}}function Fd(e,t,n){var r=xt(e),l={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Ga(e))Xa(t,l);else{var o=e.alternate;if(e.lanes===0&&(o===null||o.lanes===0)&&(o=t.lastRenderedReducer,o!==null))try{var i=t.lastRenderedState,u=o(i,n);if(l.hasEagerState=!0,l.eagerState=u,Ve(u,i)){var s=t.interleaved;s===null?(l.next=l,Ri(t)):(l.next=s.next,s.next=l),t.interleaved=l;return}}catch{}finally{}n=Ta(e,t,l,r),n!==null&&(l=de(),He(n,e,r,l),Ya(n,t,r))}}function Ga(e){var t=e.alternate;return e===W||t!==null&&t===W}function Xa(e,t){Vn=hl=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Ya(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,gi(e,n)}}var ml={readContext:Ie,useCallback:ue,useContext:ue,useEffect:ue,useImperativeHandle:ue,useInsertionEffect:ue,useLayoutEffect:ue,useMemo:ue,useReducer:ue,useRef:ue,useState:ue,useDebugValue:ue,useDeferredValue:ue,useTransition:ue,useMutableSource:ue,useSyncExternalStore:ue,useId:ue,unstable_isNewReconciler:!1},$d={readContext:Ie,useCallback:function(e,t){return We().memoizedState=[e,t===void 0?null:t],e},useContext:Ie,useEffect:Hu,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Wr(4194308,4,Ua.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Wr(4194308,4,e,t)},useInsertionEffect:function(e,t){return Wr(4,2,e,t)},useMemo:function(e,t){var n=We();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=We();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Bd.bind(null,W,e),[r.memoizedState,e]},useRef:function(e){var t=We();return e={current:e},t.memoizedState=e},useState:Uu,useDebugValue:$i,useDeferredValue:function(e){return We().memoizedState=e},useTransition:function(){var e=Uu(!1),t=e[0];return e=Ad.bind(null,e[1]),We().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=W,l=We();if(H){if(n===void 0)throw Error(g(407));n=n()}else{if(n=t(),te===null)throw Error(g(349));Wt&30||Da(r,t,n)}l.memoizedState=n;var o={value:n,getSnapshot:t};return l.queue=o,Hu(Oa.bind(null,r,o,e),[e]),r.flags|=2048,sr(9,Ia.bind(null,r,o,n,t),void 0,null),n},useId:function(){var e=We(),t=te.identifierPrefix;if(H){var n=tt,r=et;n=(r&~(1<<32-Ue(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=ir++,0<n&&(t+="H"+n.toString(32)),t+=":"}else n=jd++,t=":"+t+"r"+n.toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},Ud={readContext:Ie,useCallback:Va,useContext:Ie,useEffect:Fi,useImperativeHandle:Ha,useInsertionEffect:Fa,useLayoutEffect:$a,useMemo:Qa,useReducer:io,useRef:Ba,useState:function(){return io(ur)},useDebugValue:$i,useDeferredValue:function(e){var t=Oe();return Wa(t,q.memoizedState,e)},useTransition:function(){var e=io(ur)[0],t=Oe().memoizedState;return[e,t]},useMutableSource:Ra,useSyncExternalStore:Ma,useId:Ka,unstable_isNewReconciler:!1},Hd={readContext:Ie,useCallback:Va,useContext:Ie,useEffect:Fi,useImperativeHandle:Ha,useInsertionEffect:Fa,useLayoutEffect:$a,useMemo:Qa,useReducer:uo,useRef:Ba,useState:function(){return uo(ur)},useDebugValue:$i,useDeferredValue:function(e){var t=Oe();return q===null?t.memoizedState=e:Wa(t,q.memoizedState,e)},useTransition:function(){var e=uo(ur)[0],t=Oe().memoizedState;return[e,t]},useMutableSource:Ra,useSyncExternalStore:Ma,useId:Ka,unstable_isNewReconciler:!1};function Ae(e,t){if(e&&e.defaultProps){t=K({},t),e=e.defaultProps;for(var n in e)t[n]===void 0&&(t[n]=e[n]);return t}return t}function Vo(e,t,n,r){t=e.memoizedState,n=n(r,t),n=n==null?t:K({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var Ll={isMounted:function(e){return(e=e._reactInternals)?Yt(e)===e:!1},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=de(),l=xt(e),o=nt(r,l);o.payload=t,n!=null&&(o.callback=n),t=kt(e,o,l),t!==null&&(He(t,e,l,r),Vr(t,e,l))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=de(),l=xt(e),o=nt(r,l);o.tag=1,o.payload=t,n!=null&&(o.callback=n),t=kt(e,o,l),t!==null&&(He(t,e,l,r),Vr(t,e,l))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=de(),r=xt(e),l=nt(n,r);l.tag=2,t!=null&&(l.callback=t),t=kt(e,l,r),t!==null&&(He(t,e,r,n),Vr(t,e,r))}};function Vu(e,t,n,r,l,o,i){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(r,o,i):t.prototype&&t.prototype.isPureReactComponent?!er(n,r)||!er(l,o):!0}function Za(e,t,n){var r=!1,l=_t,o=t.contextType;return typeof o=="object"&&o!==null?o=Ie(o):(l=ye(t)?Vt:ce.current,r=t.contextTypes,o=(r=r!=null)?gn(e,l):_t),t=new t(n,o),e.memoizedState=t.state!==null&&t.state!==void 0?t.state:null,t.updater=Ll,e.stateNode=t,t._reactInternals=e,r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=l,e.__reactInternalMemoizedMaskedChildContext=o),t}function Qu(e,t,n,r){e=t.state,typeof t.componentWillReceiveProps=="function"&&t.componentWillReceiveProps(n,r),typeof t.UNSAFE_componentWillReceiveProps=="function"&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&Ll.enqueueReplaceState(t,t.state,null)}function Qo(e,t,n,r){var l=e.stateNode;l.props=n,l.state=e.memoizedState,l.refs={},Mi(e);var o=t.contextType;typeof o=="object"&&o!==null?l.context=Ie(o):(o=ye(t)?Vt:ce.current,l.context=gn(e,o)),l.state=e.memoizedState,o=t.getDerivedStateFromProps,typeof o=="function"&&(Vo(e,t,o,n),l.state=e.memoizedState),typeof t.getDerivedStateFromProps=="function"||typeof l.getSnapshotBeforeUpdate=="function"||typeof l.UNSAFE_componentWillMount!="function"&&typeof l.componentWillMount!="function"||(t=l.state,typeof l.componentWillMount=="function"&&l.componentWillMount(),typeof l.UNSAFE_componentWillMount=="function"&&l.UNSAFE_componentWillMount(),t!==l.state&&Ll.enqueueReplaceState(l,l.state,null),dl(e,n,l,r),l.state=e.memoizedState),typeof l.componentDidMount=="function"&&(e.flags|=4194308)}function Sn(e,t){try{var n="",r=t;do n+=vf(r),r=r.return;while(r);var l=n}catch(o){l=`
 39 | Error generating stack: `+o.message+`
 40 | `+o.stack}return{value:e,source:t,stack:l,digest:null}}function so(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function Wo(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var Vd=typeof WeakMap=="function"?WeakMap:Map;function Ja(e,t,n){n=nt(-1,n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){gl||(gl=!0,ti=r),Wo(e,t)},n}function qa(e,t,n){n=nt(-1,n),n.tag=3;var r=e.type.getDerivedStateFromError;if(typeof r=="function"){var l=t.value;n.payload=function(){return r(l)},n.callback=function(){Wo(e,t)}}var o=e.stateNode;return o!==null&&typeof o.componentDidCatch=="function"&&(n.callback=function(){Wo(e,t),typeof r!="function"&&(St===null?St=new Set([this]):St.add(this));var i=t.stack;this.componentDidCatch(t.value,{componentStack:i!==null?i:""})}),n}function Wu(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new Vd;var l=new Set;r.set(t,l)}else l=r.get(t),l===void 0&&(l=new Set,r.set(t,l));l.has(n)||(l.add(n),e=rp.bind(null,e,t,n),t.then(e,e))}function Ku(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t!==null?t.dehydrated!==null:!0),t)return e;e=e.return}while(e!==null);return null}function Gu(e,t,n,r,l){return e.mode&1?(e.flags|=65536,e.lanes=l,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=nt(-1,1),t.tag=2,kt(n,t,1))),n.lanes|=1),e)}var Qd=ut.ReactCurrentOwner,ve=!1;function fe(e,t,n,r){t.child=e===null?Pa(t,null,n,r):wn(t,e.child,n,r)}function Xu(e,t,n,r,l){n=n.render;var o=t.ref;return hn(t,l),r=Ai(e,t,n,r,o,l),n=Bi(),e!==null&&!ve?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~l,it(e,t,l)):(H&&n&&_i(t),t.flags|=1,fe(e,t,r,l),t.child)}function Yu(e,t,n,r,l){if(e===null){var o=n.type;return typeof o=="function"&&!Xi(o)&&o.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=o,ba(e,t,o,r,l)):(e=Yr(n.type,null,r,t,t.mode,l),e.ref=t.ref,e.return=t,t.child=e)}if(o=e.child,!(e.lanes&l)){var i=o.memoizedProps;if(n=n.compare,n=n!==null?n:er,n(i,r)&&e.ref===t.ref)return it(e,t,l)}return t.flags|=1,e=Et(o,r),e.ref=t.ref,e.return=t,t.child=e}function ba(e,t,n,r,l){if(e!==null){var o=e.memoizedProps;if(er(o,r)&&e.ref===t.ref)if(ve=!1,t.pendingProps=r=o,(e.lanes&l)!==0)e.flags&131072&&(ve=!0);else return t.lanes=e.lanes,it(e,t,l)}return Ko(e,t,n,r,l)}function ec(e,t,n){var r=t.pendingProps,l=r.children,o=e!==null?e.memoizedState:null;if(r.mode==="hidden")if(!(t.mode&1))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},A(an,Se),Se|=n;else{if(!(n&1073741824))return e=o!==null?o.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,A(an,Se),Se|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=o!==null?o.baseLanes:n,A(an,Se),Se|=r}else o!==null?(r=o.baseLanes|n,t.memoizedState=null):r=n,A(an,Se),Se|=r;return fe(e,t,l,n),t.child}function tc(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Ko(e,t,n,r,l){var o=ye(n)?Vt:ce.current;return o=gn(t,o),hn(t,l),n=Ai(e,t,n,r,o,l),r=Bi(),e!==null&&!ve?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~l,it(e,t,l)):(H&&r&&_i(t),t.flags|=1,fe(e,t,n,l),t.child)}function Zu(e,t,n,r,l){if(ye(n)){var o=!0;ul(t)}else o=!1;if(hn(t,l),t.stateNode===null)Kr(e,t),Za(t,n,r),Qo(t,n,r,l),r=!0;else if(e===null){var i=t.stateNode,u=t.memoizedProps;i.props=u;var s=i.context,c=n.contextType;typeof c=="object"&&c!==null?c=Ie(c):(c=ye(n)?Vt:ce.current,c=gn(t,c));var p=n.getDerivedStateFromProps,m=typeof p=="function"||typeof i.getSnapshotBeforeUpdate=="function";m||typeof i.UNSAFE_componentWillReceiveProps!="function"&&typeof i.componentWillReceiveProps!="function"||(u!==r||s!==c)&&Qu(t,i,r,c),ft=!1;var h=t.memoizedState;i.state=h,dl(t,r,i,l),s=t.memoizedState,u!==r||h!==s||ge.current||ft?(typeof p=="function"&&(Vo(t,n,p,r),s=t.memoizedState),(u=ft||Vu(t,n,u,r,h,s,c))?(m||typeof i.UNSAFE_componentWillMount!="function"&&typeof i.componentWillMount!="function"||(typeof i.componentWillMount=="function"&&i.componentWillMount(),typeof i.UNSAFE_componentWillMount=="function"&&i.UNSAFE_componentWillMount()),typeof i.componentDidMount=="function"&&(t.flags|=4194308)):(typeof i.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=s),i.props=r,i.state=s,i.context=c,r=u):(typeof i.componentDidMount=="function"&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,La(e,t),u=t.memoizedProps,c=t.type===t.elementType?u:Ae(t.type,u),i.props=c,m=t.pendingProps,h=i.context,s=n.contextType,typeof s=="object"&&s!==null?s=Ie(s):(s=ye(n)?Vt:ce.current,s=gn(t,s));var y=n.getDerivedStateFromProps;(p=typeof y=="function"||typeof i.getSnapshotBeforeUpdate=="function")||typeof i.UNSAFE_componentWillReceiveProps!="function"&&typeof i.componentWillReceiveProps!="function"||(u!==m||h!==s)&&Qu(t,i,r,s),ft=!1,h=t.memoizedState,i.state=h,dl(t,r,i,l);var w=t.memoizedState;u!==m||h!==w||ge.current||ft?(typeof y=="function"&&(Vo(t,n,y,r),w=t.memoizedState),(c=ft||Vu(t,n,c,r,h,w,s)||!1)?(p||typeof i.UNSAFE_componentWillUpdate!="function"&&typeof i.componentWillUpdate!="function"||(typeof i.componentWillUpdate=="function"&&i.componentWillUpdate(r,w,s),typeof i.UNSAFE_componentWillUpdate=="function"&&i.UNSAFE_componentWillUpdate(r,w,s)),typeof i.componentDidUpdate=="function"&&(t.flags|=4),typeof i.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof i.componentDidUpdate!="function"||u===e.memoizedProps&&h===e.memoizedState||(t.flags|=4),typeof i.getSnapshotBeforeUpdate!="function"||u===e.memoizedProps&&h===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=w),i.props=r,i.state=w,i.context=s,r=c):(typeof i.componentDidUpdate!="function"||u===e.memoizedProps&&h===e.memoizedState||(t.flags|=4),typeof i.getSnapshotBeforeUpdate!="function"||u===e.memoizedProps&&h===e.memoizedState||(t.flags|=1024),r=!1)}return Go(e,t,n,r,o,l)}function Go(e,t,n,r,l,o){tc(e,t);var i=(t.flags&128)!==0;if(!r&&!i)return l&&Ou(t,n,!1),it(e,t,o);r=t.stateNode,Qd.current=t;var u=i&&typeof n.getDerivedStateFromError!="function"?null:r.render();return t.flags|=1,e!==null&&i?(t.child=wn(t,e.child,null,o),t.child=wn(t,null,u,o)):fe(e,t,u,o),t.memoizedState=r.state,l&&Ou(t,n,!0),t.child}function nc(e){var t=e.stateNode;t.pendingContext?Iu(e,t.pendingContext,t.pendingContext!==t.context):t.context&&Iu(e,t.context,!1),Di(e,t.containerInfo)}function Ju(e,t,n,r,l){return yn(),Pi(l),t.flags|=256,fe(e,t,n,r),t.child}var Xo={dehydrated:null,treeContext:null,retryLane:0};function Yo(e){return{baseLanes:e,cachePool:null,transitions:null}}function rc(e,t,n){var r=t.pendingProps,l=Q.current,o=!1,i=(t.flags&128)!==0,u;if((u=i)||(u=e!==null&&e.memoizedState===null?!1:(l&2)!==0),u?(o=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(l|=1),A(Q,l&1),e===null)return Uo(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?(t.mode&1?e.data==="$!"?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(i=r.children,e=r.fallback,o?(r=t.mode,o=t.child,i={mode:"hidden",children:i},!(r&1)&&o!==null?(o.childLanes=0,o.pendingProps=i):o=Ml(i,r,0,null),e=Ht(e,r,n,null),o.return=t,e.return=t,o.sibling=e,t.child=o,t.child.memoizedState=Yo(n),t.memoizedState=Xo,e):Ui(t,i));if(l=e.memoizedState,l!==null&&(u=l.dehydrated,u!==null))return Wd(e,t,i,r,u,l,n);if(o){o=r.fallback,i=t.mode,l=e.child,u=l.sibling;var s={mode:"hidden",children:r.children};return!(i&1)&&t.child!==l?(r=t.child,r.childLanes=0,r.pendingProps=s,t.deletions=null):(r=Et(l,s),r.subtreeFlags=l.subtreeFlags&14680064),u!==null?o=Et(u,o):(o=Ht(o,i,n,null),o.flags|=2),o.return=t,r.return=t,r.sibling=o,t.child=r,r=o,o=t.child,i=e.child.memoizedState,i=i===null?Yo(n):{baseLanes:i.baseLanes|n,cachePool:null,transitions:i.transitions},o.memoizedState=i,o.childLanes=e.childLanes&~n,t.memoizedState=Xo,r}return o=e.child,e=o.sibling,r=Et(o,{mode:"visible",children:r.children}),!(t.mode&1)&&(r.lanes=n),r.return=t,r.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function Ui(e,t){return t=Ml({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function Mr(e,t,n,r){return r!==null&&Pi(r),wn(t,e.child,null,n),e=Ui(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function Wd(e,t,n,r,l,o,i){if(n)return t.flags&256?(t.flags&=-257,r=so(Error(g(422))),Mr(e,t,i,r)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(o=r.fallback,l=t.mode,r=Ml({mode:"visible",children:r.children},l,0,null),o=Ht(o,l,i,null),o.flags|=2,r.return=t,o.return=t,r.sibling=o,t.child=r,t.mode&1&&wn(t,e.child,null,i),t.child.memoizedState=Yo(i),t.memoizedState=Xo,o);if(!(t.mode&1))return Mr(e,t,i,null);if(l.data==="$!"){if(r=l.nextSibling&&l.nextSibling.dataset,r)var u=r.dgst;return r=u,o=Error(g(419)),r=so(o,r,void 0),Mr(e,t,i,r)}if(u=(i&e.childLanes)!==0,ve||u){if(r=te,r!==null){switch(i&-i){case 4:l=2;break;case 16:l=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:l=32;break;case 536870912:l=268435456;break;default:l=0}l=l&(r.suspendedLanes|i)?0:l,l!==0&&l!==o.retryLane&&(o.retryLane=l,ot(e,l),He(r,e,l,-1))}return Gi(),r=so(Error(g(421))),Mr(e,t,i,r)}return l.data==="$?"?(t.flags|=128,t.child=e.child,t=lp.bind(null,e),l._reactRetry=t,null):(e=o.treeContext,xe=wt(l.nextSibling),Ee=t,H=!0,Fe=null,e!==null&&(ze[Re++]=et,ze[Re++]=tt,ze[Re++]=Qt,et=e.id,tt=e.overflow,Qt=t),t=Ui(t,r.children),t.flags|=4096,t)}function qu(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),Ho(e.return,t,n)}function ao(e,t,n,r,l){var o=e.memoizedState;o===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:l}:(o.isBackwards=t,o.rendering=null,o.renderingStartTime=0,o.last=r,o.tail=n,o.tailMode=l)}function lc(e,t,n){var r=t.pendingProps,l=r.revealOrder,o=r.tail;if(fe(e,t,r.children,n),r=Q.current,r&2)r=r&1|2,t.flags|=128;else{if(e!==null&&e.flags&128)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&qu(e,n,t);else if(e.tag===19)qu(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(A(Q,r),!(t.mode&1))t.memoizedState=null;else switch(l){case"forwards":for(n=t.child,l=null;n!==null;)e=n.alternate,e!==null&&pl(e)===null&&(l=n),n=n.sibling;n=l,n===null?(l=t.child,t.child=null):(l=n.sibling,n.sibling=null),ao(t,!1,l,n,o);break;case"backwards":for(n=null,l=t.child,t.child=null;l!==null;){if(e=l.alternate,e!==null&&pl(e)===null){t.child=l;break}e=l.sibling,l.sibling=n,n=l,l=e}ao(t,!0,n,null,o);break;case"together":ao(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Kr(e,t){!(t.mode&1)&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function it(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),Kt|=t.lanes,!(n&t.childLanes))return null;if(e!==null&&t.child!==e.child)throw Error(g(153));if(t.child!==null){for(e=t.child,n=Et(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=Et(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function Kd(e,t,n){switch(t.tag){case 3:nc(t),yn();break;case 5:za(t);break;case 1:ye(t.type)&&ul(t);break;case 4:Di(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,l=t.memoizedProps.value;A(cl,r._currentValue),r._currentValue=l;break;case 13:if(r=t.memoizedState,r!==null)return r.dehydrated!==null?(A(Q,Q.current&1),t.flags|=128,null):n&t.child.childLanes?rc(e,t,n):(A(Q,Q.current&1),e=it(e,t,n),e!==null?e.sibling:null);A(Q,Q.current&1);break;case 19:if(r=(n&t.childLanes)!==0,e.flags&128){if(r)return lc(e,t,n);t.flags|=128}if(l=t.memoizedState,l!==null&&(l.rendering=null,l.tail=null,l.lastEffect=null),A(Q,Q.current),r)break;return null;case 22:case 23:return t.lanes=0,ec(e,t,n)}return it(e,t,n)}var oc,Zo,ic,uc;oc=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}};Zo=function(){};ic=function(e,t,n,r){var l=e.memoizedProps;if(l!==r){e=t.stateNode,$t(Ze.current);var o=null;switch(n){case"input":l=yo(e,l),r=yo(e,r),o=[];break;case"select":l=K({},l,{value:void 0}),r=K({},r,{value:void 0}),o=[];break;case"textarea":l=So(e,l),r=So(e,r),o=[];break;default:typeof l.onClick!="function"&&typeof r.onClick=="function"&&(e.onclick=ol)}Eo(n,r);var i;n=null;for(c in l)if(!r.hasOwnProperty(c)&&l.hasOwnProperty(c)&&l[c]!=null)if(c==="style"){var u=l[c];for(i in u)u.hasOwnProperty(i)&&(n||(n={}),n[i]="")}else c!=="dangerouslySetInnerHTML"&&c!=="children"&&c!=="suppressContentEditableWarning"&&c!=="suppressHydrationWarning"&&c!=="autoFocus"&&(Gn.hasOwnProperty(c)?o||(o=[]):(o=o||[]).push(c,null));for(c in r){var s=r[c];if(u=l!=null?l[c]:void 0,r.hasOwnProperty(c)&&s!==u&&(s!=null||u!=null))if(c==="style")if(u){for(i in u)!u.hasOwnProperty(i)||s&&s.hasOwnProperty(i)||(n||(n={}),n[i]="");for(i in s)s.hasOwnProperty(i)&&u[i]!==s[i]&&(n||(n={}),n[i]=s[i])}else n||(o||(o=[]),o.push(c,n)),n=s;else c==="dangerouslySetInnerHTML"?(s=s?s.__html:void 0,u=u?u.__html:void 0,s!=null&&u!==s&&(o=o||[]).push(c,s)):c==="children"?typeof s!="string"&&typeof s!="number"||(o=o||[]).push(c,""+s):c!=="suppressContentEditableWarning"&&c!=="suppressHydrationWarning"&&(Gn.hasOwnProperty(c)?(s!=null&&c==="onScroll"&&B("scroll",e),o||u===s||(o=[])):(o=o||[]).push(c,s))}n&&(o=o||[]).push("style",n);var c=o;(t.updateQueue=c)&&(t.flags|=4)}};uc=function(e,t,n,r){n!==r&&(t.flags|=4)};function Mn(e,t){if(!H)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;n!==null;)n.alternate!==null&&(r=n),n=n.sibling;r===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:r.sibling=null}}function se(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,r=0;if(t)for(var l=e.child;l!==null;)n|=l.lanes|l.childLanes,r|=l.subtreeFlags&14680064,r|=l.flags&14680064,l.return=e,l=l.sibling;else for(l=e.child;l!==null;)n|=l.lanes|l.childLanes,r|=l.subtreeFlags,r|=l.flags,l.return=e,l=l.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Gd(e,t,n){var r=t.pendingProps;switch(Ni(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return se(t),null;case 1:return ye(t.type)&&il(),se(t),null;case 3:return r=t.stateNode,kn(),F(ge),F(ce),Oi(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),(e===null||e.child===null)&&(zr(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,Fe!==null&&(li(Fe),Fe=null))),Zo(e,t),se(t),null;case 5:Ii(t);var l=$t(or.current);if(n=t.type,e!==null&&t.stateNode!=null)ic(e,t,n,r,l),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(t.stateNode===null)throw Error(g(166));return se(t),null}if(e=$t(Ze.current),zr(t)){r=t.stateNode,n=t.type;var o=t.memoizedProps;switch(r[Ke]=t,r[rr]=o,e=(t.mode&1)!==0,n){case"dialog":B("cancel",r),B("close",r);break;case"iframe":case"object":case"embed":B("load",r);break;case"video":case"audio":for(l=0;l<An.length;l++)B(An[l],r);break;case"source":B("error",r);break;case"img":case"image":case"link":B("error",r),B("load",r);break;case"details":B("toggle",r);break;case"input":uu(r,o),B("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!o.multiple},B("invalid",r);break;case"textarea":au(r,o),B("invalid",r)}Eo(n,o),l=null;for(var i in o)if(o.hasOwnProperty(i)){var u=o[i];i==="children"?typeof u=="string"?r.textContent!==u&&(o.suppressHydrationWarning!==!0&&Lr(r.textContent,u,e),l=["children",u]):typeof u=="number"&&r.textContent!==""+u&&(o.suppressHydrationWarning!==!0&&Lr(r.textContent,u,e),l=["children",""+u]):Gn.hasOwnProperty(i)&&u!=null&&i==="onScroll"&&B("scroll",r)}switch(n){case"input":Sr(r),su(r,o,!0);break;case"textarea":Sr(r),cu(r);break;case"select":case"option":break;default:typeof o.onClick=="function"&&(r.onclick=ol)}r=l,t.updateQueue=r,r!==null&&(t.flags|=4)}else{i=l.nodeType===9?l:l.ownerDocument,e==="http://www.w3.org/1999/xhtml"&&(e=Os(n)),e==="http://www.w3.org/1999/xhtml"?n==="script"?(e=i.createElement("div"),e.innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=i.createElement(n,{is:r.is}):(e=i.createElement(n),n==="select"&&(i=e,r.multiple?i.multiple=!0:r.size&&(i.size=r.size))):e=i.createElementNS(e,n),e[Ke]=t,e[rr]=r,oc(e,t,!1,!1),t.stateNode=e;e:{switch(i=Co(n,r),n){case"dialog":B("cancel",e),B("close",e),l=r;break;case"iframe":case"object":case"embed":B("load",e),l=r;break;case"video":case"audio":for(l=0;l<An.length;l++)B(An[l],e);l=r;break;case"source":B("error",e),l=r;break;case"img":case"image":case"link":B("error",e),B("load",e),l=r;break;case"details":B("toggle",e),l=r;break;case"input":uu(e,r),l=yo(e,r),B("invalid",e);break;case"option":l=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},l=K({},r,{value:void 0}),B("invalid",e);break;case"textarea":au(e,r),l=So(e,r),B("invalid",e);break;default:l=r}Eo(n,l),u=l;for(o in u)if(u.hasOwnProperty(o)){var s=u[o];o==="style"?Bs(e,s):o==="dangerouslySetInnerHTML"?(s=s?s.__html:void 0,s!=null&&js(e,s)):o==="children"?typeof s=="string"?(n!=="textarea"||s!=="")&&Xn(e,s):typeof s=="number"&&Xn(e,""+s):o!=="suppressContentEditableWarning"&&o!=="suppressHydrationWarning"&&o!=="autoFocus"&&(Gn.hasOwnProperty(o)?s!=null&&o==="onScroll"&&B("scroll",e):s!=null&&fi(e,o,s,i))}switch(n){case"input":Sr(e),su(e,r,!1);break;case"textarea":Sr(e),cu(e);break;case"option":r.value!=null&&e.setAttribute("value",""+Ct(r.value));break;case"select":e.multiple=!!r.multiple,o=r.value,o!=null?cn(e,!!r.multiple,o,!1):r.defaultValue!=null&&cn(e,!!r.multiple,r.defaultValue,!0);break;default:typeof l.onClick=="function"&&(e.onclick=ol)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}t.ref!==null&&(t.flags|=512,t.flags|=2097152)}return se(t),null;case 6:if(e&&t.stateNode!=null)uc(e,t,e.memoizedProps,r);else{if(typeof r!="string"&&t.stateNode===null)throw Error(g(166));if(n=$t(or.current),$t(Ze.current),zr(t)){if(r=t.stateNode,n=t.memoizedProps,r[Ke]=t,(o=r.nodeValue!==n)&&(e=Ee,e!==null))switch(e.tag){case 3:Lr(r.nodeValue,n,(e.mode&1)!==0);break;case 5:e.memoizedProps.suppressHydrationWarning!==!0&&Lr(r.nodeValue,n,(e.mode&1)!==0)}o&&(t.flags|=4)}else r=(n.nodeType===9?n:n.ownerDocument).createTextNode(r),r[Ke]=t,t.stateNode=r}return se(t),null;case 13:if(F(Q),r=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(H&&xe!==null&&t.mode&1&&!(t.flags&128))_a(),yn(),t.flags|=98560,o=!1;else if(o=zr(t),r!==null&&r.dehydrated!==null){if(e===null){if(!o)throw Error(g(318));if(o=t.memoizedState,o=o!==null?o.dehydrated:null,!o)throw Error(g(317));o[Ke]=t}else yn(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;se(t),o=!1}else Fe!==null&&(li(Fe),Fe=null),o=!0;if(!o)return t.flags&65536?t:null}return t.flags&128?(t.lanes=n,t):(r=r!==null,r!==(e!==null&&e.memoizedState!==null)&&r&&(t.child.flags|=8192,t.mode&1&&(e===null||Q.current&1?b===0&&(b=3):Gi())),t.updateQueue!==null&&(t.flags|=4),se(t),null);case 4:return kn(),Zo(e,t),e===null&&tr(t.stateNode.containerInfo),se(t),null;case 10:return zi(t.type._context),se(t),null;case 17:return ye(t.type)&&il(),se(t),null;case 19:if(F(Q),o=t.memoizedState,o===null)return se(t),null;if(r=(t.flags&128)!==0,i=o.rendering,i===null)if(r)Mn(o,!1);else{if(b!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(i=pl(e),i!==null){for(t.flags|=128,Mn(o,!1),r=i.updateQueue,r!==null&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;n!==null;)o=n,e=r,o.flags&=14680066,i=o.alternate,i===null?(o.childLanes=0,o.lanes=e,o.child=null,o.subtreeFlags=0,o.memoizedProps=null,o.memoizedState=null,o.updateQueue=null,o.dependencies=null,o.stateNode=null):(o.childLanes=i.childLanes,o.lanes=i.lanes,o.child=i.child,o.subtreeFlags=0,o.deletions=null,o.memoizedProps=i.memoizedProps,o.memoizedState=i.memoizedState,o.updateQueue=i.updateQueue,o.type=i.type,e=i.dependencies,o.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return A(Q,Q.current&1|2),t.child}e=e.sibling}o.tail!==null&&Z()>xn&&(t.flags|=128,r=!0,Mn(o,!1),t.lanes=4194304)}else{if(!r)if(e=pl(i),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Mn(o,!0),o.tail===null&&o.tailMode==="hidden"&&!i.alternate&&!H)return se(t),null}else 2*Z()-o.renderingStartTime>xn&&n!==1073741824&&(t.flags|=128,r=!0,Mn(o,!1),t.lanes=4194304);o.isBackwards?(i.sibling=t.child,t.child=i):(n=o.last,n!==null?n.sibling=i:t.child=i,o.last=i)}return o.tail!==null?(t=o.tail,o.rendering=t,o.tail=t.sibling,o.renderingStartTime=Z(),t.sibling=null,n=Q.current,A(Q,r?n&1|2:n&1),t):(se(t),null);case 22:case 23:return Ki(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?Se&1073741824&&(se(t),t.subtreeFlags&6&&(t.flags|=8192)):se(t),null;case 24:return null;case 25:return null}throw Error(g(156,t.tag))}function Xd(e,t){switch(Ni(t),t.tag){case 1:return ye(t.type)&&il(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return kn(),F(ge),F(ce),Oi(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return Ii(t),null;case 13:if(F(Q),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(g(340));yn()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return F(Q),null;case 4:return kn(),null;case 10:return zi(t.type._context),null;case 22:case 23:return Ki(),null;case 24:return null;default:return null}}var Dr=!1,ae=!1,Yd=typeof WeakSet=="function"?WeakSet:Set,C=null;function sn(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){Y(e,t,r)}else n.current=null}function Jo(e,t,n){try{n()}catch(r){Y(e,t,r)}}var bu=!1;function Zd(e,t){if(Io=nl,e=da(),Ci(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,o=r.focusNode;r=r.focusOffset;try{n.nodeType,o.nodeType}catch{n=null;break e}var i=0,u=-1,s=-1,c=0,p=0,m=e,h=null;t:for(;;){for(var y;m!==n||l!==0&&m.nodeType!==3||(u=i+l),m!==o||r!==0&&m.nodeType!==3||(s=i+r),m.nodeType===3&&(i+=m.nodeValue.length),(y=m.firstChild)!==null;)h=m,m=y;for(;;){if(m===e)break t;if(h===n&&++c===l&&(u=i),h===o&&++p===r&&(s=i),(y=m.nextSibling)!==null)break;m=h,h=m.parentNode}m=y}n=u===-1||s===-1?null:{start:u,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(Oo={focusedElem:e,selectionRange:n},nl=!1,C=t;C!==null;)if(t=C,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,C=e;else for(;C!==null;){t=C;try{var w=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(w!==null){var x=w.memoizedProps,I=w.memoizedState,f=t.stateNode,a=f.getSnapshotBeforeUpdate(t.elementType===t.type?x:Ae(t.type,x),I);f.__reactInternalSnapshotBeforeUpdate=a}break;case 3:var d=t.stateNode.containerInfo;d.nodeType===1?d.textContent="":d.nodeType===9&&d.documentElement&&d.removeChild(d.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(g(163))}}catch(v){Y(t,t.return,v)}if(e=t.sibling,e!==null){e.return=t.return,C=e;break}C=t.return}return w=bu,bu=!1,w}function Qn(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var o=l.destroy;l.destroy=void 0,o!==void 0&&Jo(t,n,o)}l=l.next}while(l!==r)}}function zl(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function qo(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function sc(e){var t=e.alternate;t!==null&&(e.alternate=null,sc(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[Ke],delete t[rr],delete t[Bo],delete t[Md],delete t[Dd])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ac(e){return e.tag===5||e.tag===3||e.tag===4}function es(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||ac(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function bo(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=ol));else if(r!==4&&(e=e.child,e!==null))for(bo(e,t,n),e=e.sibling;e!==null;)bo(e,t,n),e=e.sibling}function ei(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(ei(e,t,n),e=e.sibling;e!==null;)ei(e,t,n),e=e.sibling}var re=null,Be=!1;function st(e,t,n){for(n=n.child;n!==null;)cc(e,t,n),n=n.sibling}function cc(e,t,n){if(Ye&&typeof Ye.onCommitFiberUnmount=="function")try{Ye.onCommitFiberUnmount(xl,n)}catch{}switch(n.tag){case 5:ae||sn(n,t);case 6:var r=re,l=Be;re=null,st(e,t,n),re=r,Be=l,re!==null&&(Be?(e=re,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):re.removeChild(n.stateNode));break;case 18:re!==null&&(Be?(e=re,n=n.stateNode,e.nodeType===8?no(e.parentNode,n):e.nodeType===1&&no(e,n),qn(e)):no(re,n.stateNode));break;case 4:r=re,l=Be,re=n.stateNode.containerInfo,Be=!0,st(e,t,n),re=r,Be=l;break;case 0:case 11:case 14:case 15:if(!ae&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var o=l,i=o.destroy;o=o.tag,i!==void 0&&(o&2||o&4)&&Jo(n,t,i),l=l.next}while(l!==r)}st(e,t,n);break;case 1:if(!ae&&(sn(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(u){Y(n,t,u)}st(e,t,n);break;case 21:st(e,t,n);break;case 22:n.mode&1?(ae=(r=ae)||n.memoizedState!==null,st(e,t,n),ae=r):st(e,t,n);break;default:st(e,t,n)}}function ts(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new Yd),t.forEach(function(r){var l=op.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function je(e,t){var n=t.deletions;if(n!==null)for(var r=0;r<n.length;r++){var l=n[r];try{var o=e,i=t,u=i;e:for(;u!==null;){switch(u.tag){case 5:re=u.stateNode,Be=!1;break e;case 3:re=u.stateNode.containerInfo,Be=!0;break e;case 4:re=u.stateNode.containerInfo,Be=!0;break e}u=u.return}if(re===null)throw Error(g(160));cc(o,i,l),re=null,Be=!1;var s=l.alternate;s!==null&&(s.return=null),l.return=null}catch(c){Y(l,t,c)}}if(t.subtreeFlags&12854)for(t=t.child;t!==null;)fc(t,e),t=t.sibling}function fc(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(je(t,e),Qe(e),r&4){try{Qn(3,e,e.return),zl(3,e)}catch(x){Y(e,e.return,x)}try{Qn(5,e,e.return)}catch(x){Y(e,e.return,x)}}break;case 1:je(t,e),Qe(e),r&512&&n!==null&&sn(n,n.return);break;case 5:if(je(t,e),Qe(e),r&512&&n!==null&&sn(n,n.return),e.flags&32){var l=e.stateNode;try{Xn(l,"")}catch(x){Y(e,e.return,x)}}if(r&4&&(l=e.stateNode,l!=null)){var o=e.memoizedProps,i=n!==null?n.memoizedProps:o,u=e.type,s=e.updateQueue;if(e.updateQueue=null,s!==null)try{u==="input"&&o.type==="radio"&&o.name!=null&&Ds(l,o),Co(u,i);var c=Co(u,o);for(i=0;i<s.length;i+=2){var p=s[i],m=s[i+1];p==="style"?Bs(l,m):p==="dangerouslySetInnerHTML"?js(l,m):p==="children"?Xn(l,m):fi(l,p,m,c)}switch(u){case"input":wo(l,o);break;case"textarea":Is(l,o);break;case"select":var h=l._wrapperState.wasMultiple;l._wrapperState.wasMultiple=!!o.multiple;var y=o.value;y!=null?cn(l,!!o.multiple,y,!1):h!==!!o.multiple&&(o.defaultValue!=null?cn(l,!!o.multiple,o.defaultValue,!0):cn(l,!!o.multiple,o.multiple?[]:"",!1))}l[rr]=o}catch(x){Y(e,e.return,x)}}break;case 6:if(je(t,e),Qe(e),r&4){if(e.stateNode===null)throw Error(g(162));l=e.stateNode,o=e.memoizedProps;try{l.nodeValue=o}catch(x){Y(e,e.return,x)}}break;case 3:if(je(t,e),Qe(e),r&4&&n!==null&&n.memoizedState.isDehydrated)try{qn(t.containerInfo)}catch(x){Y(e,e.return,x)}break;case 4:je(t,e),Qe(e);break;case 13:je(t,e),Qe(e),l=e.child,l.flags&8192&&(o=l.memoizedState!==null,l.stateNode.isHidden=o,!o||l.alternate!==null&&l.alternate.memoizedState!==null||(Qi=Z())),r&4&&ts(e);break;case 22:if(p=n!==null&&n.memoizedState!==null,e.mode&1?(ae=(c=ae)||p,je(t,e),ae=c):je(t,e),Qe(e),r&8192){if(c=e.memoizedState!==null,(e.stateNode.isHidden=c)&&!p&&e.mode&1)for(C=e,p=e.child;p!==null;){for(m=C=p;C!==null;){switch(h=C,y=h.child,h.tag){case 0:case 11:case 14:case 15:Qn(4,h,h.return);break;case 1:sn(h,h.return);var w=h.stateNode;if(typeof w.componentWillUnmount=="function"){r=h,n=h.return;try{t=r,w.props=t.memoizedProps,w.state=t.memoizedState,w.componentWillUnmount()}catch(x){Y(r,n,x)}}break;case 5:sn(h,h.return);break;case 22:if(h.memoizedState!==null){rs(m);continue}}y!==null?(y.return=h,C=y):rs(m)}p=p.sibling}e:for(p=null,m=e;;){if(m.tag===5){if(p===null){p=m;try{l=m.stateNode,c?(o=l.style,typeof o.setProperty=="function"?o.setProperty("display","none","important"):o.display="none"):(u=m.stateNode,s=m.memoizedProps.style,i=s!=null&&s.hasOwnProperty("display")?s.display:null,u.style.display=As("display",i))}catch(x){Y(e,e.return,x)}}}else if(m.tag===6){if(p===null)try{m.stateNode.nodeValue=c?"":m.memoizedProps}catch(x){Y(e,e.return,x)}}else if((m.tag!==22&&m.tag!==23||m.memoizedState===null||m===e)&&m.child!==null){m.child.return=m,m=m.child;continue}if(m===e)break e;for(;m.sibling===null;){if(m.return===null||m.return===e)break e;p===m&&(p=null),m=m.return}p===m&&(p=null),m.sibling.return=m.return,m=m.sibling}}break;case 19:je(t,e),Qe(e),r&4&&ts(e);break;case 21:break;default:je(t,e),Qe(e)}}function Qe(e){var t=e.flags;if(t&2){try{e:{for(var n=e.return;n!==null;){if(ac(n)){var r=n;break e}n=n.return}throw Error(g(160))}switch(r.tag){case 5:var l=r.stateNode;r.flags&32&&(Xn(l,""),r.flags&=-33);var o=es(e);ei(e,o,l);break;case 3:case 4:var i=r.stateNode.containerInfo,u=es(e);bo(e,u,i);break;default:throw Error(g(161))}}catch(s){Y(e,e.return,s)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function Jd(e,t,n){C=e,dc(e)}function dc(e,t,n){for(var r=(e.mode&1)!==0;C!==null;){var l=C,o=l.child;if(l.tag===22&&r){var i=l.memoizedState!==null||Dr;if(!i){var u=l.alternate,s=u!==null&&u.memoizedState!==null||ae;u=Dr;var c=ae;if(Dr=i,(ae=s)&&!c)for(C=l;C!==null;)i=C,s=i.child,i.tag===22&&i.memoizedState!==null?ls(l):s!==null?(s.return=i,C=s):ls(l);for(;o!==null;)C=o,dc(o),o=o.sibling;C=l,Dr=u,ae=c}ns(e)}else l.subtreeFlags&8772&&o!==null?(o.return=l,C=o):ns(e)}}function ns(e){for(;C!==null;){var t=C;if(t.flags&8772){var n=t.alternate;try{if(t.flags&8772)switch(t.tag){case 0:case 11:case 15:ae||zl(5,t);break;case 1:var r=t.stateNode;if(t.flags&4&&!ae)if(n===null)r.componentDidMount();else{var l=t.elementType===t.type?n.memoizedProps:Ae(t.type,n.memoizedProps);r.componentDidUpdate(l,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var o=t.updateQueue;o!==null&&$u(t,o,r);break;case 3:var i=t.updateQueue;if(i!==null){if(n=null,t.child!==null)switch(t.child.tag){case 5:n=t.child.stateNode;break;case 1:n=t.child.stateNode}$u(t,i,n)}break;case 5:var u=t.stateNode;if(n===null&&t.flags&4){n=u;var s=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":s.autoFocus&&n.focus();break;case"img":s.src&&(n.src=s.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(t.memoizedState===null){var c=t.alternate;if(c!==null){var p=c.memoizedState;if(p!==null){var m=p.dehydrated;m!==null&&qn(m)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(g(163))}ae||t.flags&512&&qo(t)}catch(h){Y(t,t.return,h)}}if(t===e){C=null;break}if(n=t.sibling,n!==null){n.return=t.return,C=n;break}C=t.return}}function rs(e){for(;C!==null;){var t=C;if(t===e){C=null;break}var n=t.sibling;if(n!==null){n.return=t.return,C=n;break}C=t.return}}function ls(e){for(;C!==null;){var t=C;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{zl(4,t)}catch(s){Y(t,n,s)}break;case 1:var r=t.stateNode;if(typeof r.componentDidMount=="function"){var l=t.return;try{r.componentDidMount()}catch(s){Y(t,l,s)}}var o=t.return;try{qo(t)}catch(s){Y(t,o,s)}break;case 5:var i=t.return;try{qo(t)}catch(s){Y(t,i,s)}}}catch(s){Y(t,t.return,s)}if(t===e){C=null;break}var u=t.sibling;if(u!==null){u.return=t.return,C=u;break}C=t.return}}var qd=Math.ceil,vl=ut.ReactCurrentDispatcher,Hi=ut.ReactCurrentOwner,De=ut.ReactCurrentBatchConfig,O=0,te=null,J=null,oe=0,Se=0,an=Pt(0),b=0,ar=null,Kt=0,Rl=0,Vi=0,Wn=null,me=null,Qi=0,xn=1/0,qe=null,gl=!1,ti=null,St=null,Ir=!1,mt=null,yl=0,Kn=0,ni=null,Gr=-1,Xr=0;function de(){return O&6?Z():Gr!==-1?Gr:Gr=Z()}function xt(e){return e.mode&1?O&2&&oe!==0?oe&-oe:Od.transition!==null?(Xr===0&&(Xr=Zs()),Xr):(e=j,e!==0||(e=window.event,e=e===void 0?16:ra(e.type)),e):1}function He(e,t,n,r){if(50<Kn)throw Kn=0,ni=null,Error(g(185));fr(e,n,r),(!(O&2)||e!==te)&&(e===te&&(!(O&2)&&(Rl|=n),b===4&&pt(e,oe)),we(e,r),n===1&&O===0&&!(t.mode&1)&&(xn=Z()+500,Pl&&Tt()))}function we(e,t){var n=e.callbackNode;Of(e,t);var r=tl(e,e===te?oe:0);if(r===0)n!==null&&pu(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(n!=null&&pu(n),t===1)e.tag===0?Id(os.bind(null,e)):xa(os.bind(null,e)),zd(function(){!(O&6)&&Tt()}),n=null;else{switch(Js(r)){case 1:n=vi;break;case 4:n=Xs;break;case 16:n=el;break;case 536870912:n=Ys;break;default:n=el}n=kc(n,pc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function pc(e,t){if(Gr=-1,Xr=0,O&6)throw Error(g(327));var n=e.callbackNode;if(mn()&&e.callbackNode!==n)return null;var r=tl(e,e===te?oe:0);if(r===0)return null;if(r&30||r&e.expiredLanes||t)t=wl(e,r);else{t=r;var l=O;O|=2;var o=mc();(te!==e||oe!==t)&&(qe=null,xn=Z()+500,Ut(e,t));do try{tp();break}catch(u){hc(e,u)}while(!0);Li(),vl.current=o,O=l,J!==null?t=0:(te=null,oe=0,t=b)}if(t!==0){if(t===2&&(l=Lo(e),l!==0&&(r=l,t=ri(e,l))),t===1)throw n=ar,Ut(e,0),pt(e,r),we(e,Z()),n;if(t===6)pt(e,r);else{if(l=e.current.alternate,!(r&30)&&!bd(l)&&(t=wl(e,r),t===2&&(o=Lo(e),o!==0&&(r=o,t=ri(e,o))),t===1))throw n=ar,Ut(e,0),pt(e,r),we(e,Z()),n;switch(e.finishedWork=l,e.finishedLanes=r,t){case 0:case 1:throw Error(g(345));case 2:At(e,me,qe);break;case 3:if(pt(e,r),(r&130023424)===r&&(t=Qi+500-Z(),10<t)){if(tl(e,0)!==0)break;if(l=e.suspendedLanes,(l&r)!==r){de(),e.pingedLanes|=e.suspendedLanes&l;break}e.timeoutHandle=Ao(At.bind(null,e,me,qe),t);break}At(e,me,qe);break;case 4:if(pt(e,r),(r&4194240)===r)break;for(t=e.eventTimes,l=-1;0<r;){var i=31-Ue(r);o=1<<i,i=t[i],i>l&&(l=i),r&=~o}if(r=l,r=Z()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*qd(r/1960))-r,10<r){e.timeoutHandle=Ao(At.bind(null,e,me,qe),r);break}At(e,me,qe);break;case 5:At(e,me,qe);break;default:throw Error(g(329))}}}return we(e,Z()),e.callbackNode===n?pc.bind(null,e):null}function ri(e,t){var n=Wn;return e.current.memoizedState.isDehydrated&&(Ut(e,t).flags|=256),e=wl(e,t),e!==2&&(t=me,me=n,t!==null&&li(t)),e}function li(e){me===null?me=e:me.push.apply(me,e)}function bd(e){for(var t=e;;){if(t.flags&16384){var n=t.updateQueue;if(n!==null&&(n=n.stores,n!==null))for(var r=0;r<n.length;r++){var l=n[r],o=l.getSnapshot;l=l.value;try{if(!Ve(o(),l))return!1}catch{return!1}}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function pt(e,t){for(t&=~Vi,t&=~Rl,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-Ue(t),r=1<<n;e[n]=-1,t&=~r}}function os(e){if(O&6)throw Error(g(327));mn();var t=tl(e,0);if(!(t&1))return we(e,Z()),null;var n=wl(e,t);if(e.tag!==0&&n===2){var r=Lo(e);r!==0&&(t=r,n=ri(e,r))}if(n===1)throw n=ar,Ut(e,0),pt(e,t),we(e,Z()),n;if(n===6)throw Error(g(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,At(e,me,qe),we(e,Z()),null}function Wi(e,t){var n=O;O|=1;try{return e(t)}finally{O=n,O===0&&(xn=Z()+500,Pl&&Tt())}}function Gt(e){mt!==null&&mt.tag===0&&!(O&6)&&mn();var t=O;O|=1;var n=De.transition,r=j;try{if(De.transition=null,j=1,e)return e()}finally{j=r,De.transition=n,O=t,!(O&6)&&Tt()}}function Ki(){Se=an.current,F(an)}function Ut(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(n!==-1&&(e.timeoutHandle=-1,Ld(n)),J!==null)for(n=J.return;n!==null;){var r=n;switch(Ni(r),r.tag){case 1:r=r.type.childContextTypes,r!=null&&il();break;case 3:kn(),F(ge),F(ce),Oi();break;case 5:Ii(r);break;case 4:kn();break;case 13:F(Q);break;case 19:F(Q);break;case 10:zi(r.type._context);break;case 22:case 23:Ki()}n=n.return}if(te=e,J=e=Et(e.current,null),oe=Se=t,b=0,ar=null,Vi=Rl=Kt=0,me=Wn=null,Ft!==null){for(t=0;t<Ft.length;t++)if(n=Ft[t],r=n.interleaved,r!==null){n.interleaved=null;var l=r.next,o=n.pending;if(o!==null){var i=o.next;o.next=l,r.next=i}n.pending=r}Ft=null}return e}function hc(e,t){do{var n=J;try{if(Li(),Qr.current=ml,hl){for(var r=W.memoizedState;r!==null;){var l=r.queue;l!==null&&(l.pending=null),r=r.next}hl=!1}if(Wt=0,ee=q=W=null,Vn=!1,ir=0,Hi.current=null,n===null||n.return===null){b=1,ar=t,J=null;break}e:{var o=e,i=n.return,u=n,s=t;if(t=oe,u.flags|=32768,s!==null&&typeof s=="object"&&typeof s.then=="function"){var c=s,p=u,m=p.tag;if(!(p.mode&1)&&(m===0||m===11||m===15)){var h=p.alternate;h?(p.updateQueue=h.updateQueue,p.memoizedState=h.memoizedState,p.lanes=h.lanes):(p.updateQueue=null,p.memoizedState=null)}var y=Ku(i);if(y!==null){y.flags&=-257,Gu(y,i,u,o,t),y.mode&1&&Wu(o,c,t),t=y,s=c;var w=t.updateQueue;if(w===null){var x=new Set;x.add(s),t.updateQueue=x}else w.add(s);break e}else{if(!(t&1)){Wu(o,c,t),Gi();break e}s=Error(g(426))}}else if(H&&u.mode&1){var I=Ku(i);if(I!==null){!(I.flags&65536)&&(I.flags|=256),Gu(I,i,u,o,t),Pi(Sn(s,u));break e}}o=s=Sn(s,u),b!==4&&(b=2),Wn===null?Wn=[o]:Wn.push(o),o=i;do{switch(o.tag){case 3:o.flags|=65536,t&=-t,o.lanes|=t;var f=Ja(o,s,t);Fu(o,f);break e;case 1:u=s;var a=o.type,d=o.stateNode;if(!(o.flags&128)&&(typeof a.getDerivedStateFromError=="function"||d!==null&&typeof d.componentDidCatch=="function"&&(St===null||!St.has(d)))){o.flags|=65536,t&=-t,o.lanes|=t;var v=qa(o,u,t);Fu(o,v);break e}}o=o.return}while(o!==null)}gc(n)}catch(E){t=E,J===n&&n!==null&&(J=n=n.return);continue}break}while(!0)}function mc(){var e=vl.current;return vl.current=ml,e===null?ml:e}function Gi(){(b===0||b===3||b===2)&&(b=4),te===null||!(Kt&268435455)&&!(Rl&268435455)||pt(te,oe)}function wl(e,t){var n=O;O|=2;var r=mc();(te!==e||oe!==t)&&(qe=null,Ut(e,t));do try{ep();break}catch(l){hc(e,l)}while(!0);if(Li(),O=n,vl.current=r,J!==null)throw Error(g(261));return te=null,oe=0,b}function ep(){for(;J!==null;)vc(J)}function tp(){for(;J!==null&&!Nf();)vc(J)}function vc(e){var t=wc(e.alternate,e,Se);e.memoizedProps=e.pendingProps,t===null?gc(e):J=t,Hi.current=null}function gc(e){var t=e;do{var n=t.alternate;if(e=t.return,t.flags&32768){if(n=Xd(n,t),n!==null){n.flags&=32767,J=n;return}if(e!==null)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{b=6,J=null;return}}else if(n=Gd(n,t,Se),n!==null){J=n;return}if(t=t.sibling,t!==null){J=t;return}J=t=e}while(t!==null);b===0&&(b=5)}function At(e,t,n){var r=j,l=De.transition;try{De.transition=null,j=1,np(e,t,n,r)}finally{De.transition=l,j=r}return null}function np(e,t,n,r){do mn();while(mt!==null);if(O&6)throw Error(g(327));n=e.finishedWork;var l=e.finishedLanes;if(n===null)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(g(177));e.callbackNode=null,e.callbackPriority=0;var o=n.lanes|n.childLanes;if(jf(e,o),e===te&&(J=te=null,oe=0),!(n.subtreeFlags&2064)&&!(n.flags&2064)||Ir||(Ir=!0,kc(el,function(){return mn(),null})),o=(n.flags&15990)!==0,n.subtreeFlags&15990||o){o=De.transition,De.transition=null;var i=j;j=1;var u=O;O|=4,Hi.current=null,Zd(e,n),fc(n,e),xd(Oo),nl=!!Io,Oo=Io=null,e.current=n,Jd(n),Pf(),O=u,j=i,De.transition=o}else e.current=n;if(Ir&&(Ir=!1,mt=e,yl=l),o=e.pendingLanes,o===0&&(St=null),zf(n.stateNode),we(e,Z()),t!==null)for(r=e.onRecoverableError,n=0;n<t.length;n++)l=t[n],r(l.value,{componentStack:l.stack,digest:l.digest});if(gl)throw gl=!1,e=ti,ti=null,e;return yl&1&&e.tag!==0&&mn(),o=e.pendingLanes,o&1?e===ni?Kn++:(Kn=0,ni=e):Kn=0,Tt(),null}function mn(){if(mt!==null){var e=Js(yl),t=De.transition,n=j;try{if(De.transition=null,j=16>e?16:e,mt===null)var r=!1;else{if(e=mt,mt=null,yl=0,O&6)throw Error(g(331));var l=O;for(O|=4,C=e.current;C!==null;){var o=C,i=o.child;if(C.flags&16){var u=o.deletions;if(u!==null){for(var s=0;s<u.length;s++){var c=u[s];for(C=c;C!==null;){var p=C;switch(p.tag){case 0:case 11:case 15:Qn(8,p,o)}var m=p.child;if(m!==null)m.return=p,C=m;else for(;C!==null;){p=C;var h=p.sibling,y=p.return;if(sc(p),p===c){C=null;break}if(h!==null){h.return=y,C=h;break}C=y}}}var w=o.alternate;if(w!==null){var x=w.child;if(x!==null){w.child=null;do{var I=x.sibling;x.sibling=null,x=I}while(x!==null)}}C=o}}if(o.subtreeFlags&2064&&i!==null)i.return=o,C=i;else e:for(;C!==null;){if(o=C,o.flags&2048)switch(o.tag){case 0:case 11:case 15:Qn(9,o,o.return)}var f=o.sibling;if(f!==null){f.return=o.return,C=f;break e}C=o.return}}var a=e.current;for(C=a;C!==null;){i=C;var d=i.child;if(i.subtreeFlags&2064&&d!==null)d.return=i,C=d;else e:for(i=a;C!==null;){if(u=C,u.flags&2048)try{switch(u.tag){case 0:case 11:case 15:zl(9,u)}}catch(E){Y(u,u.return,E)}if(u===i){C=null;break e}var v=u.sibling;if(v!==null){v.return=u.return,C=v;break e}C=u.return}}if(O=l,Tt(),Ye&&typeof Ye.onPostCommitFiberRoot=="function")try{Ye.onPostCommitFiberRoot(xl,e)}catch{}r=!0}return r}finally{j=n,De.transition=t}}return!1}function is(e,t,n){t=Sn(n,t),t=Ja(e,t,1),e=kt(e,t,1),t=de(),e!==null&&(fr(e,1,t),we(e,t))}function Y(e,t,n){if(e.tag===3)is(e,e,n);else for(;t!==null;){if(t.tag===3){is(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof r.componentDidCatch=="function"&&(St===null||!St.has(r))){e=Sn(n,e),e=qa(t,e,1),t=kt(t,e,1),e=de(),t!==null&&(fr(t,1,e),we(t,e));break}}t=t.return}}function rp(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),t=de(),e.pingedLanes|=e.suspendedLanes&n,te===e&&(oe&n)===n&&(b===4||b===3&&(oe&130023424)===oe&&500>Z()-Qi?Ut(e,0):Vi|=n),we(e,t)}function yc(e,t){t===0&&(e.mode&1?(t=Cr,Cr<<=1,!(Cr&130023424)&&(Cr=4194304)):t=1);var n=de();e=ot(e,t),e!==null&&(fr(e,t,n),we(e,n))}function lp(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),yc(e,n)}function op(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(g(314))}r!==null&&r.delete(t),yc(e,n)}var wc;wc=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||ge.current)ve=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return ve=!1,Kd(e,t,n);ve=!!(e.flags&131072)}else ve=!1,H&&t.flags&1048576&&Ea(t,al,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Kr(e,t),e=t.pendingProps;var l=gn(t,ce.current);hn(t,n),l=Ai(null,t,r,e,l,n);var o=Bi();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,ye(r)?(o=!0,ul(t)):o=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,Mi(t),l.updater=Ll,t.stateNode=l,l._reactInternals=t,Qo(t,r,e,n),t=Go(null,t,r,!0,o,n)):(t.tag=0,H&&o&&_i(t),fe(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Kr(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=up(r),e=Ae(r,e),l){case 0:t=Ko(null,t,r,e,n);break e;case 1:t=Zu(null,t,r,e,n);break e;case 11:t=Xu(null,t,r,e,n);break e;case 14:t=Yu(null,t,r,Ae(r.type,e),n);break e}throw Error(g(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ae(r,l),Ko(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ae(r,l),Zu(e,t,r,l,n);case 3:e:{if(nc(t),e===null)throw Error(g(387));r=t.pendingProps,o=t.memoizedState,l=o.element,La(e,t),dl(t,r,null,n);var i=t.memoizedState;if(r=i.element,o.isDehydrated)if(o={element:r,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},t.updateQueue.baseState=o,t.memoizedState=o,t.flags&256){l=Sn(Error(g(423)),t),t=Ju(e,t,r,n,l);break e}else if(r!==l){l=Sn(Error(g(424)),t),t=Ju(e,t,r,n,l);break e}else for(xe=wt(t.stateNode.containerInfo.firstChild),Ee=t,H=!0,Fe=null,n=Pa(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(yn(),r===l){t=it(e,t,n);break e}fe(e,t,r,n)}t=t.child}return t;case 5:return za(t),e===null&&Uo(t),r=t.type,l=t.pendingProps,o=e!==null?e.memoizedProps:null,i=l.children,jo(r,l)?i=null:o!==null&&jo(r,o)&&(t.flags|=32),tc(e,t),fe(e,t,i,n),t.child;case 6:return e===null&&Uo(t),null;case 13:return rc(e,t,n);case 4:return Di(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=wn(t,null,r,n):fe(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ae(r,l),Xu(e,t,r,l,n);case 7:return fe(e,t,t.pendingProps,n),t.child;case 8:return fe(e,t,t.pendingProps.children,n),t.child;case 12:return fe(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,o=t.memoizedProps,i=l.value,A(cl,r._currentValue),r._currentValue=i,o!==null)if(Ve(o.value,i)){if(o.children===l.children&&!ge.current){t=it(e,t,n);break e}}else for(o=t.child,o!==null&&(o.return=t);o!==null;){var u=o.dependencies;if(u!==null){i=o.child;for(var s=u.firstContext;s!==null;){if(s.context===r){if(o.tag===1){s=nt(-1,n&-n),s.tag=2;var c=o.updateQueue;if(c!==null){c=c.shared;var p=c.pending;p===null?s.next=s:(s.next=p.next,p.next=s),c.pending=s}}o.lanes|=n,s=o.alternate,s!==null&&(s.lanes|=n),Ho(o.return,n,t),u.lanes|=n;break}s=s.next}}else if(o.tag===10)i=o.type===t.type?null:o.child;else if(o.tag===18){if(i=o.return,i===null)throw Error(g(341));i.lanes|=n,u=i.alternate,u!==null&&(u.lanes|=n),Ho(i,n,t),i=o.sibling}else i=o.child;if(i!==null)i.return=o;else for(i=o;i!==null;){if(i===t){i=null;break}if(o=i.sibling,o!==null){o.return=i.return,i=o;break}i=i.return}o=i}fe(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,hn(t,n),l=Ie(l),r=r(l),t.flags|=1,fe(e,t,r,n),t.child;case 14:return r=t.type,l=Ae(r,t.pendingProps),l=Ae(r.type,l),Yu(e,t,r,l,n);case 15:return ba(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ae(r,l),Kr(e,t),t.tag=1,ye(r)?(e=!0,ul(t)):e=!1,hn(t,n),Za(t,r,l),Qo(t,r,l,n),Go(null,t,r,!0,e,n);case 19:return lc(e,t,n);case 22:return ec(e,t,n)}throw Error(g(156,t.tag))};function kc(e,t){return Gs(e,t)}function ip(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.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Me(e,t,n,r){return new ip(e,t,n,r)}function Xi(e){return e=e.prototype,!(!e||!e.isReactComponent)}function up(e){if(typeof e=="function")return Xi(e)?1:0;if(e!=null){if(e=e.$$typeof,e===pi)return 11;if(e===hi)return 14}return 2}function Et(e,t){var n=e.alternate;return n===null?(n=Me(e.tag,t,e.key,e.mode),n.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.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,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=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Yr(e,t,n,r,l,o){var i=2;if(r=e,typeof e=="function")Xi(e)&&(i=1);else if(typeof e=="string")i=5;else e:switch(e){case qt:return Ht(n.children,l,o,t);case di:i=8,l|=8;break;case ho:return e=Me(12,n,t,l|2),e.elementType=ho,e.lanes=o,e;case mo:return e=Me(13,n,t,l),e.elementType=mo,e.lanes=o,e;case vo:return e=Me(19,n,t,l),e.elementType=vo,e.lanes=o,e;case zs:return Ml(n,l,o,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Ts:i=10;break e;case Ls:i=9;break e;case pi:i=11;break e;case hi:i=14;break e;case ct:i=16,r=null;break e}throw Error(g(130,e==null?e:typeof e,""))}return t=Me(i,n,t,l),t.elementType=e,t.type=r,t.lanes=o,t}function Ht(e,t,n,r){return e=Me(7,e,r,t),e.lanes=n,e}function Ml(e,t,n,r){return e=Me(22,e,r,t),e.elementType=zs,e.lanes=n,e.stateNode={isHidden:!1},e}function co(e,t,n){return e=Me(6,e,null,t),e.lanes=n,e}function fo(e,t,n){return t=Me(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function sp(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Wl(0),this.expirationTimes=Wl(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Wl(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function Yi(e,t,n,r,l,o,i,u,s){return e=new sp(e,t,n,u,s),t===1?(t=1,o===!0&&(t|=8)):t=0,o=Me(3,null,null,t),e.current=o,o.stateNode=e,o.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Mi(o),e}function ap(e,t,n){var r=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:Jt,key:r==null?null:""+r,children:e,containerInfo:t,implementation:n}}function Sc(e){if(!e)return _t;e=e._reactInternals;e:{if(Yt(e)!==e||e.tag!==1)throw Error(g(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(ye(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(t!==null);throw Error(g(171))}if(e.tag===1){var n=e.type;if(ye(n))return Sa(e,n,t)}return t}function xc(e,t,n,r,l,o,i,u,s){return e=Yi(n,r,!0,e,l,o,i,u,s),e.context=Sc(null),n=e.current,r=de(),l=xt(n),o=nt(r,l),o.callback=t??null,kt(n,o,l),e.current.lanes=l,fr(e,l,r),we(e,r),e}function Dl(e,t,n,r){var l=t.current,o=de(),i=xt(l);return n=Sc(n),t.context===null?t.context=n:t.pendingContext=n,t=nt(o,i),t.payload={element:e},r=r===void 0?null:r,r!==null&&(t.callback=r),e=kt(l,t,i),e!==null&&(He(e,l,i,o),Vr(e,l,i)),i}function kl(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return e.child.stateNode;default:return e.child.stateNode}}function us(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function Zi(e,t){us(e,t),(e=e.alternate)&&us(e,t)}function cp(){return null}var Ec=typeof reportError=="function"?reportError:function(e){console.error(e)};function Ji(e){this._internalRoot=e}Il.prototype.render=Ji.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(g(409));Dl(e,t,null,null)};Il.prototype.unmount=Ji.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;Gt(function(){Dl(null,e,null,null)}),t[lt]=null}};function Il(e){this._internalRoot=e}Il.prototype.unstable_scheduleHydration=function(e){if(e){var t=ea();e={blockedOn:null,target:e,priority:t};for(var n=0;n<dt.length&&t!==0&&t<dt[n].priority;n++);dt.splice(n,0,e),n===0&&na(e)}};function qi(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function Ol(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11&&(e.nodeType!==8||e.nodeValue!==" react-mount-point-unstable "))}function ss(){}function fp(e,t,n,r,l){if(l){if(typeof r=="function"){var o=r;r=function(){var c=kl(i);o.call(c)}}var i=xc(t,r,e,0,null,!1,!1,"",ss);return e._reactRootContainer=i,e[lt]=i.current,tr(e.nodeType===8?e.parentNode:e),Gt(),i}for(;l=e.lastChild;)e.removeChild(l);if(typeof r=="function"){var u=r;r=function(){var c=kl(s);u.call(c)}}var s=Yi(e,0,!1,null,null,!1,!1,"",ss);return e._reactRootContainer=s,e[lt]=s.current,tr(e.nodeType===8?e.parentNode:e),Gt(function(){Dl(t,s,n,r)}),s}function jl(e,t,n,r,l){var o=n._reactRootContainer;if(o){var i=o;if(typeof l=="function"){var u=l;l=function(){var s=kl(i);u.call(s)}}Dl(t,i,e,l)}else i=fp(n,t,e,l,r);return kl(i)}qs=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=jn(t.pendingLanes);n!==0&&(gi(t,n|1),we(t,Z()),!(O&6)&&(xn=Z()+500,Tt()))}break;case 13:Gt(function(){var r=ot(e,1);if(r!==null){var l=de();He(r,e,1,l)}}),Zi(e,1)}};yi=function(e){if(e.tag===13){var t=ot(e,134217728);if(t!==null){var n=de();He(t,e,134217728,n)}Zi(e,134217728)}};bs=function(e){if(e.tag===13){var t=xt(e),n=ot(e,t);if(n!==null){var r=de();He(n,e,t,r)}Zi(e,t)}};ea=function(){return j};ta=function(e,t){var n=j;try{return j=e,t()}finally{j=n}};No=function(e,t,n){switch(t){case"input":if(wo(e,n),t=n.name,n.type==="radio"&&t!=null){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=Nl(r);if(!l)throw Error(g(90));Ms(r),wo(r,l)}}}break;case"textarea":Is(e,n);break;case"select":t=n.value,t!=null&&cn(e,!!n.multiple,t,!1)}};Us=Wi;Hs=Gt;var dp={usingClientEntryPoint:!1,Events:[pr,nn,Nl,Fs,$s,Wi]},Dn={findFiberByHostInstance:Bt,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},pp={bundleType:Dn.bundleType,version:Dn.version,rendererPackageName:Dn.rendererPackageName,rendererConfig:Dn.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:ut.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return e=Ws(e),e===null?null:e.stateNode},findFiberByHostInstance:Dn.findFiberByHostInstance||cp,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var Or=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!Or.isDisabled&&Or.supportsFiber)try{xl=Or.inject(pp),Ye=Or}catch{}}_e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=dp;_e.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!qi(t))throw Error(g(200));return ap(e,t,null,n)};_e.createRoot=function(e,t){if(!qi(e))throw Error(g(299));var n=!1,r="",l=Ec;return t!=null&&(t.unstable_strictMode===!0&&(n=!0),t.identifierPrefix!==void 0&&(r=t.identifierPrefix),t.onRecoverableError!==void 0&&(l=t.onRecoverableError)),t=Yi(e,1,!1,null,null,n,!1,r,l),e[lt]=t.current,tr(e.nodeType===8?e.parentNode:e),new Ji(t)};_e.findDOMNode=function(e){if(e==null)return null;if(e.nodeType===1)return e;var t=e._reactInternals;if(t===void 0)throw typeof e.render=="function"?Error(g(188)):(e=Object.keys(e).join(","),Error(g(268,e)));return e=Ws(t),e=e===null?null:e.stateNode,e};_e.flushSync=function(e){return Gt(e)};_e.hydrate=function(e,t,n){if(!Ol(t))throw Error(g(200));return jl(null,e,t,!0,n)};_e.hydrateRoot=function(e,t,n){if(!qi(e))throw Error(g(405));var r=n!=null&&n.hydratedSources||null,l=!1,o="",i=Ec;if(n!=null&&(n.unstable_strictMode===!0&&(l=!0),n.identifierPrefix!==void 0&&(o=n.identifierPrefix),n.onRecoverableError!==void 0&&(i=n.onRecoverableError)),t=xc(t,null,e,1,n??null,l,!1,o,i),e[lt]=t.current,tr(e),r)for(e=0;e<r.length;e++)n=r[e],l=n._getVersion,l=l(n._source),t.mutableSourceEagerHydrationData==null?t.mutableSourceEagerHydrationData=[n,l]:t.mutableSourceEagerHydrationData.push(n,l);return new Il(t)};_e.render=function(e,t,n){if(!Ol(t))throw Error(g(200));return jl(null,e,t,!1,n)};_e.unmountComponentAtNode=function(e){if(!Ol(e))throw Error(g(40));return e._reactRootContainer?(Gt(function(){jl(null,null,e,!1,function(){e._reactRootContainer=null,e[lt]=null})}),!0):!1};_e.unstable_batchedUpdates=Wi;_e.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Ol(n))throw Error(g(200));if(e==null||e._reactInternals===void 0)throw Error(g(38));return jl(e,t,n,!1,r)};_e.version="18.3.1-next-f1338f8080-20240426";function Cc(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Cc)}catch(e){console.error(e)}}Cc(),Cs.exports=_e;var hp=Cs.exports,_c,as=hp;_c=as.createRoot,as.hydrateRoot;/**
 41 |  * @license lucide-react v0.439.0 - ISC
 42 |  *
 43 |  * This source code is licensed under the ISC license.
 44 |  * See the LICENSE file in the root directory of this source tree.
 45 |  */const mp=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Nc=(...e)=>e.filter((t,n,r)=>!!t&&r.indexOf(t)===n).join(" ");/**
 46 |  * @license lucide-react v0.439.0 - ISC
 47 |  *
 48 |  * This source code is licensed under the ISC license.
 49 |  * See the LICENSE file in the root directory of this source tree.
 50 |  */var vp={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
 51 |  * @license lucide-react v0.439.0 - ISC
 52 |  *
 53 |  * This source code is licensed under the ISC license.
 54 |  * See the LICENSE file in the root directory of this source tree.
 55 |  */const gp=X.forwardRef(({color:e="currentColor",size:t=24,strokeWidth:n=2,absoluteStrokeWidth:r,className:l="",children:o,iconNode:i,...u},s)=>X.createElement("svg",{ref:s,...vp,width:t,height:t,stroke:e,strokeWidth:r?Number(n)*24/Number(t):n,className:Nc("lucide",l),...u},[...i.map(([c,p])=>X.createElement(c,p)),...Array.isArray(o)?o:[o]]));/**
 56 |  * @license lucide-react v0.439.0 - ISC
 57 |  *
 58 |  * This source code is licensed under the ISC license.
 59 |  * See the LICENSE file in the root directory of this source tree.
 60 |  */const Lt=(e,t)=>{const n=X.forwardRef(({className:r,...l},o)=>X.createElement(gp,{ref:o,iconNode:t,className:Nc(`lucide-${mp(e)}`,r),...l}));return n.displayName=`${e}`,n};/**
 61 |  * @license lucide-react v0.439.0 - ISC
 62 |  *
 63 |  * This source code is licensed under the ISC license.
 64 |  * See the LICENSE file in the root directory of this source tree.
 65 |  */const cs=Lt("CircleAlert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]]);/**
 66 |  * @license lucide-react v0.439.0 - ISC
 67 |  *
 68 |  * This source code is licensed under the ISC license.
 69 |  * See the LICENSE file in the root directory of this source tree.
 70 |  */const yp=Lt("Copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]]);/**
 71 |  * @license lucide-react v0.439.0 - ISC
 72 |  *
 73 |  * This source code is licensed under the ISC license.
 74 |  * See the LICENSE file in the root directory of this source tree.
 75 |  */const wp=Lt("CreditCard",[["rect",{width:"20",height:"14",x:"2",y:"5",rx:"2",key:"ynyp8z"}],["line",{x1:"2",x2:"22",y1:"10",y2:"10",key:"1b3vmo"}]]);/**
 76 |  * @license lucide-react v0.439.0 - ISC
 77 |  *
 78 |  * This source code is licensed under the ISC license.
 79 |  * See the LICENSE file in the root directory of this source tree.
 80 |  */const kp=Lt("Github",[["path",{d:"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4",key:"tonef"}],["path",{d:"M9 18c-4.51 2-5-2-7-2",key:"9comsn"}]]);/**
 81 |  * @license lucide-react v0.439.0 - ISC
 82 |  *
 83 |  * This source code is licensed under the ISC license.
 84 |  * See the LICENSE file in the root directory of this source tree.
 85 |  */const Sp=Lt("Moon",[["path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z",key:"a7tn18"}]]);/**
 86 |  * @license lucide-react v0.439.0 - ISC
 87 |  *
 88 |  * This source code is licensed under the ISC license.
 89 |  * See the LICENSE file in the root directory of this source tree.
 90 |  */const xp=Lt("Smartphone",[["rect",{width:"14",height:"20",x:"5",y:"2",rx:"2",ry:"2",key:"1yt0o3"}],["path",{d:"M12 18h.01",key:"mhygvu"}]]);/**
 91 |  * @license lucide-react v0.439.0 - ISC
 92 |  *
 93 |  * This source code is licensed under the ISC license.
 94 |  * See the LICENSE file in the root directory of this source tree.
 95 |  */const Ep=Lt("Sun",[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]]);/**
 96 |  * @license lucide-react v0.439.0 - ISC
 97 |  *
 98 |  * This source code is licensed under the ISC license.
 99 |  * See the LICENSE file in the root directory of this source tree.
100 |  */const Cp=Lt("TriangleAlert",[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]]),_p="data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3csvg%20class='main-header__logo-image'%20fill='%23A1A1A1'%20role='presentation'%20viewBox='0%200%20435.97%20173.13'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M206.2,84.58v50.75H190.1V10h42.7a38.61,38.61,0,0,1,27.65,10.85A34.88,34.88,0,0,1,272,47.3a34.72,34.72,0,0,1-11.55,26.6q-11.2,10.68-27.65,10.67H206.2Zm0-59.15V69.18h27a21.28,21.28,0,0,0,15.93-6.48,21.36,21.36,0,0,0,0-30.63,21,21,0,0,0-15.93-6.65h-27Z'%20fill='%235f6368'/%3e%3cpath%20d='M309.1,46.78q17.85,0,28.18,9.54T347.6,82.48v52.85H332.2v-11.9h-.7q-10,14.7-26.6,14.7-14.17,0-23.71-8.4a26.82,26.82,0,0,1-9.54-21q0-13.31,10.06-21.17t26.86-7.88q14.34,0,23.62,5.25V81.25A18.33,18.33,0,0,0,325.54,67,22.8,22.8,0,0,0,310,61.13q-13.49,0-21.35,11.38l-14.18-8.93Q286.17,46.78,309.1,46.78Zm-20.83,62.3a12.86,12.86,0,0,0,5.34,10.5,19.64,19.64,0,0,0,12.51,4.2,25.67,25.67,0,0,0,18.11-7.52q8-7.53,8-17.67-7.53-6-21-6-9.81,0-16.36,4.73C290.46,100.52,288.27,104.41,288.27,109.08Z'%20fill='%235f6368'/%3e%3cpath%20d='M436,49.58,382.24,173.13H365.62l19.95-43.23L350.22,49.58h17.5l25.55,61.6h.35l24.85-61.6Z'%20fill='%235f6368'/%3e%3cpath%20d='M141.14,73.64A85.79,85.79,0,0,0,139.9,59H72V86.73h38.89a33.33,33.33,0,0,1-14.38,21.88v18h23.21C133.31,114.08,141.14,95.55,141.14,73.64Z'%20fill='%234285f4'/%3e%3cpath%20d='M72,144c19.43,0,35.79-6.38,47.72-17.38l-23.21-18C90.05,113,81.73,115.5,72,115.5c-18.78,0-34.72-12.66-40.42-29.72H7.67v18.55A72,72,0,0,0,72,144Z'%20fill='%2334a853'/%3e%3cpath%20d='M31.58,85.78a43.14,43.14,0,0,1,0-27.56V39.67H7.67a72,72,0,0,0,0,64.66Z'%20fill='%23fbbc04'/%3e%3cpath%20d='M72,28.5A39.09,39.09,0,0,1,99.62,39.3h0l20.55-20.55A69.18,69.18,0,0,0,72,0,72,72,0,0,0,7.67,39.67L31.58,58.22C37.28,41.16,53.22,28.5,72,28.5Z'%20fill='%23ea4335'/%3e%3c/svg%3e",Np="data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3csvg%20class='main-header__logo-image'%20fill='%23A1A1A1'%20role='presentation'%20viewBox='0%200%20435.97%20173.13'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M206.2,84.58v50.75H190.1V10h42.7a38.61,38.61,0,0,1,27.65,10.85A34.88,34.88,0,0,1,272,47.3a34.72,34.72,0,0,1-11.55,26.6q-11.2,10.68-27.65,10.67H206.2Zm0-59.15V69.18h27a21.28,21.28,0,0,0,15.93-6.48,21.36,21.36,0,0,0,0-30.63,21,21,0,0,0-15.93-6.65h-27Z'%20fill='%23fff'/%3e%3cpath%20d='M309.1,46.78q17.85,0,28.18,9.54T347.6,82.48v52.85H332.2v-11.9h-.7q-10,14.7-26.6,14.7-14.17,0-23.71-8.4a26.82,26.82,0,0,1-9.54-21q0-13.31,10.06-21.17t26.86-7.88q14.34,0,23.62,5.25V81.25A18.33,18.33,0,0,0,325.54,67,22.8,22.8,0,0,0,310,61.13q-13.49,0-21.35,11.38l-14.18-8.93Q286.17,46.78,309.1,46.78Zm-20.83,62.3a12.86,12.86,0,0,0,5.34,10.5,19.64,19.64,0,0,0,12.51,4.2,25.67,25.67,0,0,0,18.11-7.52q8-7.53,8-17.67-7.53-6-21-6-9.81,0-16.36,4.73C290.46,100.52,288.27,104.41,288.27,109.08Z'%20fill='%23fff'/%3e%3cpath%20d='M436,49.58,382.24,173.13H365.62l19.95-43.23L350.22,49.58h17.5l25.55,61.6h.35l24.85-61.6Z'%20fill='%23fff'/%3e%3cpath%20d='M141.14,73.64A85.79,85.79,0,0,0,139.9,59H72V86.73h38.89a33.33,33.33,0,0,1-14.38,21.88v18h23.21C133.31,114.08,141.14,95.55,141.14,73.64Z'%20fill='%234285f4'/%3e%3cpath%20d='M72,144c19.43,0,35.79-6.38,47.72-17.38l-23.21-18C90.05,113,81.73,115.5,72,115.5c-18.78,0-34.72-12.66-40.42-29.72H7.67v18.55A72,72,0,0,0,72,144Z'%20fill='%2334a853'/%3e%3cpath%20d='M31.58,85.78a43.14,43.14,0,0,1,0-27.56V39.67H7.67a72,72,0,0,0,0,64.66Z'%20fill='%23fbbc04'/%3e%3cpath%20d='M72,28.5A39.09,39.09,0,0,1,99.62,39.3h0l20.55-20.55A69.18,69.18,0,0,0,72,0,72,72,0,0,0,7.67,39.67L31.58,58.22C37.28,41.16,53.22,28.5,72,28.5Z'%20fill='%23ea4335'/%3e%3c/svg%3e";function Pp(){return k.jsxs("div",{className:"Security p-4 rounded-lg bg-gray-100 dark:bg-gray-700 mb-6",children:[k.jsx("h3",{className:"security-heading text-lg font-semibold mb-2 text-purple-800 dark:text-purple-300",children:"Security First"}),k.jsxs("ul",{className:"list-disc list-inside space-y-1",children:[k.jsx("li",{className:"text-black dark:text-gray-300",children:"No data leaves your system."}),k.jsxs("li",{className:"list-item items-center text-black dark:text-gray-300",children:[k.jsx("span",{children:"Source code is publicly available on"}),k.jsxs("a",{href:"https://github.com/RedeemApp/cc-billpay-upi-id",className:"text-purple-600 inline-flex dark:text-purple-300 hover:underline items-center ml-1 ",children:[k.jsx(kp,{className:"w-4 h-4 mr-1"}),k.jsx("span",{children:" GitHub."})]})]})]})]})}function Tp(){return k.jsxs("div",{className:"caution-label mb-6 rounded-lg border-2 border-red-400 dark:bg-red-900 dark:border-red-800 dark:text-red-100 p-4",children:[k.jsxs("div",{className:"caution-heading flex items-center gap-2",children:[k.jsx(Cp,{className:"h-6 w-6 mb-2 text-red-600 dark:text-white"}),k.jsx("div",{className:"text-lg font-bold mb-2 text-red-600 dark:text-white",children:"Caution:"})]}),k.jsx("div",{className:"caution-description text-sm text-red-600 dark:text-white",children:"Please note that these UPI IDs are generated with best effort and should be checked for accuracy before making any payment. We will not be held responsible for any losses incurred due to incorrect UPI IDs generated by this tool."})]})}const Lp=[{status:"working",bank:"Axis",format:"CC.91[10 digit mobile number][last 4 digits of card]@axisbank"},{status:"working",bank:"ICICI",format:"ccpay[16 digit card number]@icici"},{status:"working",bank:"AU Bank",format:"AUCC[10 digit mobile number][last 4 digits of card]@AUBANK"},{status:"working",bank:"IDFC",format:"[16 digit card number].cc@idfcbank"},{status:"working",bank:"AMEX",format:"AEBC[15 digit card number]@SC"},{status:"working",bank:"SBI",format:"Sbicard[16 digit card number]@SBI (Not working for me)"}];function zp(){return k.jsxs("div",{className:"generated-upi-formats overflow-x-auto",children:[k.jsx("div",{className:"text-xl font-bold text-purple-800 dark:text-purple-300",children:"UPI ID Formats:"}),k.jsxs("table",{className:"min-w-full border-collapse bg-white dark:bg-gray-800",children:[k.jsx("thead",{children:k.jsxs("tr",{children:[k.jsx("th",{className:"border-b-2 border-gray-400 dark:border-gray-700 p-4 text-left",children:"Bank"}),k.jsx("th",{className:"border-b-2 border-gray-400 dark:border-gray-700 p-4 text-left",children:"UPI Format"})]})}),k.jsx("tbody",{children:Lp.map((e,t)=>k.jsxs("tr",{children:[k.jsx("td",{className:"border-b dark:border-gray-700 p-4 font-medium dark:text-gray-300",children:e.bank}),k.jsx("td",{className:"border-b dark:border-gray-700 p-4 dark:text-gray-300",children:e.format})]},t))})]})]})}var Al={},Pc={exports:{}},Rp="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",Mp=Rp,Dp=Mp;function Tc(){}function Lc(){}Lc.resetWarningCache=Tc;var Ip=function(){function e(r,l,o,i,u,s){if(s!==Dp){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}e.isRequired=e;function t(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:Lc,resetWarningCache:Tc};return n.PropTypes=n,n};Pc.exports=Ip();var zc=Pc.exports,Rc={L:1,M:0,Q:3,H:2},Mc={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},Op=Mc;function Dc(e){this.mode=Op.MODE_8BIT_BYTE,this.data=e}Dc.prototype={getLength:function(e){return this.data.length},write:function(e){for(var t=0;t<this.data.length;t++)e.put(this.data.charCodeAt(t),8)}};var jp=Dc,jr=Rc;function Ge(e,t){this.totalCount=e,this.dataCount=t}Ge.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]];Ge.getRSBlocks=function(e,t){var n=Ge.getRsBlockTable(e,t);if(n==null)throw new Error("bad rs block @ typeNumber:"+e+"/errorCorrectLevel:"+t);for(var r=n.length/3,l=new Array,o=0;o<r;o++)for(var i=n[o*3+0],u=n[o*3+1],s=n[o*3+2],c=0;c<i;c++)l.push(new Ge(u,s));return l};Ge.getRsBlockTable=function(e,t){switch(t){case jr.L:return Ge.RS_BLOCK_TABLE[(e-1)*4+0];case jr.M:return Ge.RS_BLOCK_TABLE[(e-1)*4+1];case jr.Q:return Ge.RS_BLOCK_TABLE[(e-1)*4+2];case jr.H:return Ge.RS_BLOCK_TABLE[(e-1)*4+3];default:return}};var Ap=Ge;function Ic(){this.buffer=new Array,this.length=0}Ic.prototype={get:function(e){var t=Math.floor(e/8);return(this.buffer[t]>>>7-e%8&1)==1},put:function(e,t){for(var n=0;n<t;n++)this.putBit((e>>>t-n-1&1)==1)},getLengthInBits:function(){return this.length},putBit:function(e){var t=Math.floor(this.length/8);this.buffer.length<=t&&this.buffer.push(0),e&&(this.buffer[t]|=128>>>this.length%8),this.length++}};var Bp=Ic,$e={glog:function(e){if(e<1)throw new Error("glog("+e+")");return $e.LOG_TABLE[e]},gexp:function(e){for(;e<0;)e+=255;for(;e>=256;)e-=255;return $e.EXP_TABLE[e]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)};for(var le=0;le<8;le++)$e.EXP_TABLE[le]=1<<le;for(var le=8;le<256;le++)$e.EXP_TABLE[le]=$e.EXP_TABLE[le-4]^$e.EXP_TABLE[le-5]^$e.EXP_TABLE[le-6]^$e.EXP_TABLE[le-8];for(var le=0;le<255;le++)$e.LOG_TABLE[$e.EXP_TABLE[le]]=le;var Oc=$e,Ot=Oc;function Zr(e,t){if(e.length==null)throw new Error(e.length+"/"+t);for(var n=0;n<e.length&&e[n]==0;)n++;this.num=new Array(e.length-n+t);for(var r=0;r<e.length-n;r++)this.num[r]=e[r+n]}Zr.prototype={get:function(e){return this.num[e]},getLength:function(){return this.num.length},multiply:function(e){for(var t=new Array(this.getLength()+e.getLength()-1),n=0;n<this.getLength();n++)for(var r=0;r<e.getLength();r++)t[n+r]^=Ot.gexp(Ot.glog(this.get(n))+Ot.glog(e.get(r)));return new Zr(t,0)},mod:function(e){if(this.getLength()-e.getLength()<0)return this;for(var t=Ot.glog(this.get(0))-Ot.glog(e.get(0)),n=new Array(this.getLength()),r=0;r<this.getLength();r++)n[r]=this.get(r);for(var r=0;r<e.getLength();r++)n[r]^=Ot.gexp(Ot.glog(e.get(r))+t);return new Zr(n,0).mod(e)}};var jc=Zr,Te=Mc,fs=jc,Fp=Oc,at={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7},ne={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(e){for(var t=e<<10;ne.getBCHDigit(t)-ne.getBCHDigit(ne.G15)>=0;)t^=ne.G15<<ne.getBCHDigit(t)-ne.getBCHDigit(ne.G15);return(e<<10|t)^ne.G15_MASK},getBCHTypeNumber:function(e){for(var t=e<<12;ne.getBCHDigit(t)-ne.getBCHDigit(ne.G18)>=0;)t^=ne.G18<<ne.getBCHDigit(t)-ne.getBCHDigit(ne.G18);return e<<12|t},getBCHDigit:function(e){for(var t=0;e!=0;)t++,e>>>=1;return t},getPatternPosition:function(e){return ne.PATTERN_POSITION_TABLE[e-1]},getMask:function(e,t,n){switch(e){case at.PATTERN000:return(t+n)%2==0;case at.PATTERN001:return t%2==0;case at.PATTERN010:return n%3==0;case at.PATTERN011:return(t+n)%3==0;case at.PATTERN100:return(Math.floor(t/2)+Math.floor(n/3))%2==0;case at.PATTERN101:return t*n%2+t*n%3==0;case at.PATTERN110:return(t*n%2+t*n%3)%2==0;case at.PATTERN111:return(t*n%3+(t+n)%2)%2==0;default:throw new Error("bad maskPattern:"+e)}},getErrorCorrectPolynomial:function(e){for(var t=new fs([1],0),n=0;n<e;n++)t=t.multiply(new fs([1,Fp.gexp(n)],0));return t},getLengthInBits:function(e,t){if(1<=t&&t<10)switch(e){case Te.MODE_NUMBER:return 10;case Te.MODE_ALPHA_NUM:return 9;case Te.MODE_8BIT_BYTE:return 8;case Te.MODE_KANJI:return 8;default:throw new Error("mode:"+e)}else if(t<27)switch(e){case Te.MODE_NUMBER:return 12;case Te.MODE_ALPHA_NUM:return 11;case Te.MODE_8BIT_BYTE:return 16;case Te.MODE_KANJI:return 10;default:throw new Error("mode:"+e)}else if(t<41)switch(e){case Te.MODE_NUMBER:return 14;case Te.MODE_ALPHA_NUM:return 13;case Te.MODE_8BIT_BYTE:return 16;case Te.MODE_KANJI:return 12;default:throw new Error("mode:"+e)}else throw new Error("type:"+t)},getLostPoint:function(e){for(var t=e.getModuleCount(),n=0,r=0;r<t;r++)for(var l=0;l<t;l++){for(var o=0,i=e.isDark(r,l),u=-1;u<=1;u++)if(!(r+u<0||t<=r+u))for(var s=-1;s<=1;s++)l+s<0||t<=l+s||u==0&&s==0||i==e.isDark(r+u,l+s)&&o++;o>5&&(n+=3+o-5)}for(var r=0;r<t-1;r++)for(var l=0;l<t-1;l++){var c=0;e.isDark(r,l)&&c++,e.isDark(r+1,l)&&c++,e.isDark(r,l+1)&&c++,e.isDark(r+1,l+1)&&c++,(c==0||c==4)&&(n+=3)}for(var r=0;r<t;r++)for(var l=0;l<t-6;l++)e.isDark(r,l)&&!e.isDark(r,l+1)&&e.isDark(r,l+2)&&e.isDark(r,l+3)&&e.isDark(r,l+4)&&!e.isDark(r,l+5)&&e.isDark(r,l+6)&&(n+=40);for(var l=0;l<t;l++)for(var r=0;r<t-6;r++)e.isDark(r,l)&&!e.isDark(r+1,l)&&e.isDark(r+2,l)&&e.isDark(r+3,l)&&e.isDark(r+4,l)&&!e.isDark(r+5,l)&&e.isDark(r+6,l)&&(n+=40);for(var p=0,l=0;l<t;l++)for(var r=0;r<t;r++)e.isDark(r,l)&&p++;var m=Math.abs(100*p/t/t-50)/5;return n+=m*10,n}},$p=ne,Up=jp,Ac=Ap,Bc=Bp,zt=$p,Hp=jc;function Xe(e,t){this.typeNumber=e,this.errorCorrectLevel=t,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}var Pe=Xe.prototype;Pe.addData=function(e){var t=new Up(e);this.dataList.push(t),this.dataCache=null};Pe.isDark=function(e,t){if(e<0||this.moduleCount<=e||t<0||this.moduleCount<=t)throw new Error(e+","+t);return this.modules[e][t]};Pe.getModuleCount=function(){return this.moduleCount};Pe.make=function(){if(this.typeNumber<1){var e=1;for(e=1;e<40;e++){for(var t=Ac.getRSBlocks(e,this.errorCorrectLevel),n=new Bc,r=0,l=0;l<t.length;l++)r+=t[l].dataCount;for(var l=0;l<this.dataList.length;l++){var o=this.dataList[l];n.put(o.mode,4),n.put(o.getLength(),zt.getLengthInBits(o.mode,e)),o.write(n)}if(n.getLengthInBits()<=r*8)break}this.typeNumber=e}this.makeImpl(!1,this.getBestMaskPattern())};Pe.makeImpl=function(e,t){this.moduleCount=this.typeNumber*4+17,this.modules=new Array(this.moduleCount);for(var n=0;n<this.moduleCount;n++){this.modules[n]=new Array(this.moduleCount);for(var r=0;r<this.moduleCount;r++)this.modules[n][r]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(e,t),this.typeNumber>=7&&this.setupTypeNumber(e),this.dataCache==null&&(this.dataCache=Xe.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,t)};Pe.setupPositionProbePattern=function(e,t){for(var n=-1;n<=7;n++)if(!(e+n<=-1||this.moduleCount<=e+n))for(var r=-1;r<=7;r++)t+r<=-1||this.moduleCount<=t+r||(0<=n&&n<=6&&(r==0||r==6)||0<=r&&r<=6&&(n==0||n==6)||2<=n&&n<=4&&2<=r&&r<=4?this.modules[e+n][t+r]=!0:this.modules[e+n][t+r]=!1)};Pe.getBestMaskPattern=function(){for(var e=0,t=0,n=0;n<8;n++){this.makeImpl(!0,n);var r=zt.getLostPoint(this);(n==0||e>r)&&(e=r,t=n)}return t};Pe.createMovieClip=function(e,t,n){var r=e.createEmptyMovieClip(t,n),l=1;this.make();for(var o=0;o<this.modules.length;o++)for(var i=o*l,u=0;u<this.modules[o].length;u++){var s=u*l,c=this.modules[o][u];c&&(r.beginFill(0,100),r.moveTo(s,i),r.lineTo(s+l,i),r.lineTo(s+l,i+l),r.lineTo(s,i+l),r.endFill())}return r};Pe.setupTimingPattern=function(){for(var e=8;e<this.moduleCount-8;e++)this.modules[e][6]==null&&(this.modules[e][6]=e%2==0);for(var t=8;t<this.moduleCount-8;t++)this.modules[6][t]==null&&(this.modules[6][t]=t%2==0)};Pe.setupPositionAdjustPattern=function(){for(var e=zt.getPatternPosition(this.typeNumber),t=0;t<e.length;t++)for(var n=0;n<e.length;n++){var r=e[t],l=e[n];if(this.modules[r][l]==null)for(var o=-2;o<=2;o++)for(var i=-2;i<=2;i++)o==-2||o==2||i==-2||i==2||o==0&&i==0?this.modules[r+o][l+i]=!0:this.modules[r+o][l+i]=!1}};Pe.setupTypeNumber=function(e){for(var t=zt.getBCHTypeNumber(this.typeNumber),n=0;n<18;n++){var r=!e&&(t>>n&1)==1;this.modules[Math.floor(n/3)][n%3+this.moduleCount-8-3]=r}for(var n=0;n<18;n++){var r=!e&&(t>>n&1)==1;this.modules[n%3+this.moduleCount-8-3][Math.floor(n/3)]=r}};Pe.setupTypeInfo=function(e,t){for(var n=this.errorCorrectLevel<<3|t,r=zt.getBCHTypeInfo(n),l=0;l<15;l++){var o=!e&&(r>>l&1)==1;l<6?this.modules[l][8]=o:l<8?this.modules[l+1][8]=o:this.modules[this.moduleCount-15+l][8]=o}for(var l=0;l<15;l++){var o=!e&&(r>>l&1)==1;l<8?this.modules[8][this.moduleCount-l-1]=o:l<9?this.modules[8][15-l-1+1]=o:this.modules[8][15-l-1]=o}this.modules[this.moduleCount-8][8]=!e};Pe.mapData=function(e,t){for(var n=-1,r=this.moduleCount-1,l=7,o=0,i=this.moduleCount-1;i>0;i-=2)for(i==6&&i--;;){for(var u=0;u<2;u++)if(this.modules[r][i-u]==null){var s=!1;o<e.length&&(s=(e[o]>>>l&1)==1);var c=zt.getMask(t,r,i-u);c&&(s=!s),this.modules[r][i-u]=s,l--,l==-1&&(o++,l=7)}if(r+=n,r<0||this.moduleCount<=r){r-=n,n=-n;break}}};Xe.PAD0=236;Xe.PAD1=17;Xe.createData=function(e,t,n){for(var r=Ac.getRSBlocks(e,t),l=new Bc,o=0;o<n.length;o++){var i=n[o];l.put(i.mode,4),l.put(i.getLength(),zt.getLengthInBits(i.mode,e)),i.write(l)}for(var u=0,o=0;o<r.length;o++)u+=r[o].dataCount;if(l.getLengthInBits()>u*8)throw new Error("code length overflow. ("+l.getLengthInBits()+">"+u*8+")");for(l.getLengthInBits()+4<=u*8&&l.put(0,4);l.getLengthInBits()%8!=0;)l.putBit(!1);for(;!(l.getLengthInBits()>=u*8||(l.put(Xe.PAD0,8),l.getLengthInBits()>=u*8));)l.put(Xe.PAD1,8);return Xe.createBytes(l,r)};Xe.createBytes=function(e,t){for(var n=0,r=0,l=0,o=new Array(t.length),i=new Array(t.length),u=0;u<t.length;u++){var s=t[u].dataCount,c=t[u].totalCount-s;r=Math.max(r,s),l=Math.max(l,c),o[u]=new Array(s);for(var p=0;p<o[u].length;p++)o[u][p]=255&e.buffer[p+n];n+=s;var m=zt.getErrorCorrectPolynomial(c),h=new Hp(o[u],m.getLength()-1),y=h.mod(m);i[u]=new Array(m.getLength()-1);for(var p=0;p<i[u].length;p++){var w=p+y.getLength()-i[u].length;i[u][p]=w>=0?y.get(w):0}}for(var x=0,p=0;p<t.length;p++)x+=t[p].totalCount;for(var I=new Array(x),f=0,p=0;p<r;p++)for(var u=0;u<t.length;u++)p<o[u].length&&(I[f++]=o[u][p]);for(var p=0;p<l;p++)for(var u=0;u<t.length;u++)p<i[u].length&&(I[f++]=i[u][p]);return I};var Vp=Xe,bi={};Object.defineProperty(bi,"__esModule",{value:!0});var Qp=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Wp=zc,Le=$c(Wp),Fc=X,Ar=$c(Fc);function $c(e){return e&&e.__esModule?e:{default:e}}function Kp(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}var Gp={bgColor:Le.default.oneOfType([Le.default.object,Le.default.string]).isRequired,bgD:Le.default.string.isRequired,fgColor:Le.default.oneOfType([Le.default.object,Le.default.string]).isRequired,fgD:Le.default.string.isRequired,size:Le.default.number.isRequired,title:Le.default.string,viewBoxSize:Le.default.number.isRequired,xmlns:Le.default.string},eu=(0,Fc.forwardRef)(function(e,t){var n=e.bgColor,r=e.bgD,l=e.fgD,o=e.fgColor,i=e.size,u=e.title,s=e.viewBoxSize,c=e.xmlns,p=c===void 0?"http://www.w3.org/2000/svg":c,m=Kp(e,["bgColor","bgD","fgD","fgColor","size","title","viewBoxSize","xmlns"]);return Ar.default.createElement("svg",Qp({},m,{height:i,ref:t,viewBox:"0 0 "+s+" "+s,width:i,xmlns:p}),u?Ar.default.createElement("title",null,u):null,Ar.default.createElement("path",{d:r,fill:n}),Ar.default.createElement("path",{d:l,fill:o}))});eu.displayName="QRCodeSvg";eu.propTypes=Gp;bi.default=eu;Object.defineProperty(Al,"__esModule",{value:!0});Al.QRCode=void 0;var Xp=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Yp=zc,Je=mr(Yp),Zp=Rc,Jp=mr(Zp),qp=Vp,bp=mr(qp),Uc=X,e1=mr(Uc),t1=bi,n1=mr(t1);function mr(e){return e&&e.__esModule?e:{default:e}}function r1(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}var l1={bgColor:Je.default.oneOfType([Je.default.object,Je.default.string]),fgColor:Je.default.oneOfType([Je.default.object,Je.default.string]),level:Je.default.string,size:Je.default.number,value:Je.default.string.isRequired},Bl=(0,Uc.forwardRef)(function(e,t){var n=e.bgColor,r=n===void 0?"#FFFFFF":n,l=e.fgColor,o=l===void 0?"#000000":l,i=e.level,u=i===void 0?"L":i,s=e.size,c=s===void 0?256:s,p=e.value,m=r1(e,["bgColor","fgColor","level","size","value"]),h=new bp.default(-1,Jp.default[u]);h.addData(p),h.make();var y=h.modules;return e1.default.createElement(n1.default,Xp({},m,{bgColor:r,bgD:y.map(function(w,x){return w.map(function(I,f){return I?"":"M "+f+" "+x+" l 1 0 0 1 -1 0 Z"}).join(" ")}).join(" "),fgColor:o,fgD:y.map(function(w,x){return w.map(function(I,f){return I?"M "+f+" "+x+" l 1 0 0 1 -1 0 Z":""}).join(" ")}).join(" "),ref:t,size:c,viewBoxSize:y.length}))});Al.QRCode=Bl;Bl.displayName="QRCode";Bl.propTypes=l1;var ds=Al.default=Bl;function o1(){const[e,t]=X.useState(!1),[n,r]=X.useState(""),[l,o]=X.useState(""),[i,u]=X.useState(!1),[s,c]=X.useState(!1),[p,m]=X.useState(null),[h,y]=X.useState([]),[w,x]=X.useState(!1),[I,f]=X.useState(null),[a,d]=X.useState(!1),[v,E]=X.useState({upiString:"",bank:"",upiId:""});function _(M,L){const G=`upi://pay?pa=${L}&pn=${M}&cu=INR`;E({upiString:G,bank:M,upiId:L}),d(!0)}function N(){d(!1)}X.useEffect(()=>{localStorage.getItem("theme")==="dark"?(t(!0),document.documentElement.classList.add("dark")):document.documentElement.classList.remove("dark")},[]);const P=()=>{const M=e?"light":"dark";t(!e),document.documentElement.classList.toggle("dark",!e),localStorage.setItem("theme",M)},V=M=>{M.toString().length<10?u(!0):u(!1),r(M.slice(0,10))},R=M=>{let L=0,G=!1;for(let S=M.length-1;S>=0;S--){let T=parseInt(M[S],10);G&&(T*=2,T>9&&(T-=9)),L+=T,G=!G}return L%10===0},ke=M=>{let L=M.replace(/\s+/g,"").replace(/[^0-9]/gi,""),G="";for(let U=0;U<L.length;U++)U>0&&U%4===0&&(G+=" "),G+=L[U];o(G);const S=L.length,T=S===15||S===16,z=T?R(L):!1;R(L)?console.log("true"):console.log("false");const $=Rt(L);$!=null?m($):(m(null),c(!0)),c(!z||!T)};function Rt(M){const L=parseInt(M.slice(0,2),10),G=parseInt(M.slice(0,6),10);return M[0]==="4"?"visa":L>=51&&L<=55||G>=2221&&G<=2720?"mastercard":L===34||L===37?"amex":L===36?"diners":L===60||L===65||L===81||L===82?"rupay":null}const Mt=()=>{const M=l.slice(-4),L={Axis:`CC.91${n}${M}@axisbank`,ICICI:`ccpay.${l.replace(/\s+/g,"")}@icici`,"AU Bank":`AUCC${n}${M}@AUBANK`,IDFC:`${l.replace(/\s+/g,"")}.cc@idfcbank`,AMEX:l.replace(/\s+/g,"").length===15?`AEBC${l.replace(/\s+/g,"")}@SC`:"Not applicable for 16-digit cards",SBI:`Sbicard.${l.replace(/\s+/g,"")}@SBI`},G=Object.entries(L).map(([S,T])=>({bank:S,upiId:T,strikethrough:S==="SBI",disabled:T.includes("Not applicable")||S==="SBI"}));y(G),x(!0)},vr=M=>{if(navigator.clipboard&&window.isSecureContext)navigator.clipboard.writeText(M).then(()=>f(M));else{const L=document.createElement("textarea");L.value=M,L.style.position="fixed",L.style.left="-9999px",document.body.appendChild(L),L.focus(),L.select();try{document.execCommand("copy"),f(M)}catch(G){console.error("Failed to copy UPI ID: ",G)}document.body.removeChild(L)}};return k.jsx("main",{className:"min-h-screen bg-gradient-to-br from-purple-100 to-indigo-200 dark:bg-gradient-to-br dark:from-purple-900 dark:to-indigo-900 flex items-center justify-center py-10",children:k.jsxs("div",{className:"container relative sm:mt-0 max-w-4xl bg-white dark:bg-gray-800 dark:text-gray-100 p-8 rounded-lg overflow-auto",children:[k.jsxs("div",{className:"flex justify-between items-center mb-6",children:[k.jsxs("div",{className:"flex items-center",children:[k.jsx("img",{className:"mr-2 w-8 h-8 sm:w-12 sm:h-12",src:"upi.svg",alt:"UPI logo"}),k.jsx("div",{className:"heading  sm:text-2xl font-bold text-purple-800 dark:text-purple-300",children:"Pay Your Credit Card Balance via official UPI ID"})]}),k.jsx("button",{onClick:P,className:"p-2 rounded-full bg-gray-400 dark:bg-gray-600",children:e?k.jsx(Ep,{className:"text-yellow-400"}):k.jsx(Sp,{className:"text-black-400"})})]}),k.jsx("div",{className:"sub-heading sm:text-xl text-purple-600 dark:text-purple-300 mb-6",children:"An open-source and secure alternative to mainstream credit card balance payment apps."}),k.jsx(Pp,{}),k.jsxs("div",{className:"Form flex flex-col gap-4 sm:flex-row mb-6",children:[k.jsxs("div",{className:"smartphone-input flex items-center space-x-2 w-full sm:w-1/2 relative",children:[k.jsx(xp,{className:"text-purple-500 dark:text-purple-300 w-6 h-6 sm:w-8 sm:h-8"}),k.jsx("input",{type:"number",maxLength:10,value:n,placeholder:"Enter Phone Number",autoComplete:"tel",onChange:M=>V(M.target.value),className:"flex-grow w-4 px-3 py-2 border rounded-md dark:bg-gray-700 dark:text-gray-100 dark:border-gray-600 dark:focus:border-purple-400 dark:focus:ring-purple-400 bg-white text-black border-gray-300 focus:border-purple-500 focus:ring-purple-500 focus:outline-none focus:ring-1"}),i&&k.jsx(cs,{className:"absolute right-3 top-1/2 transform -translate-y-1/2 text-red-500 w-6 h-6"})]}),k.jsxs("div",{className:"creditcard-input flex items-center space-x-2 w-full sm:w-1/2 relative",children:[k.jsx(wp,{className:"text-purple-500 dark:text-purple-300 w-6 h-6 sm:w-8 sm:h-8"}),k.jsx("input",{type:"text",maxLength:19,value:l,placeholder:"Enter Credit Card Number",inputMode:"numeric",autoComplete:"cc-number",onChange:M=>ke(M.target.value),className:"flex-grow w-4 px-3 py-2 border rounded-md dark:bg-gray-700 dark:text-gray-100 dark:border-gray-600 dark:focus:border-purple-400 dark:focus:ring-purple-400 bg-white text-black border-gray-300 focus:border-purple-500 focus:ring-purple-500 focus:outline-none focus:ring-1"}),s?k.jsx(cs,{className:"absolute right-3 top-1/2 transform -translate-y-1/2 text-red-500 w-6 h-6"}):p&&k.jsx("img",{src:`src/assets/${p}.png`,alt:`${p} logo`,className:"absolute right-3 top-1/2 transform -translate-y-1/2 w-8 h-8"})]})]}),k.jsx("button",{onClick:Mt,className:"generate-btn w-full mb-6 rounded-lg p-3 dark:bg-purple-600 dark:hover:bg-purple-700 bg-purple-600 hover:bg-purple-700 text-white dark:text-gray-100 transition-colors duration-200",children:"Generate UPI IDs"}),k.jsxs("div",{className:"generated-upi-ids overflow-x-auto mb-16",children:[k.jsx("div",{className:"text-xl font-bold text-purple-800 dark:text-purple-300",children:"Generated UPI IDs:"}),w&&k.jsxs("table",{className:"min-w-full border-collapse bg-white dark:bg-gray-800 mt-6",children:[k.jsx("thead",{children:k.jsxs("tr",{children:[k.jsx("th",{className:"border-b-2 border-gray-400 dark:border-gray-700 p-4 text-left",children:"Bank"}),k.jsx("th",{className:"border-b-2 border-gray-400 dark:border-gray-700 p-4 text-left",children:"UPI ID"}),k.jsx("th",{className:"border-b-2 border-gray-400 dark:border-gray-700 p-4 text-left hidden md:table-cell",children:"QR code"})]})}),h.map(({bank:M,upiId:L,strikethrough:G,disabled:S})=>{const T=`upi://pay?pa=${L}&pn=${M}&cu=INR`;return k.jsxs("tr",{children:[k.jsx("td",{className:"border-b border-gray-400 dark:border-gray-700 p-4",children:M}),k.jsx("td",{className:"border-b border-gray-400 dark:border-gray-700 p-4",children:k.jsxs("div",{className:"flex flex-col sm:flex-row sm:justify-between",children:[k.jsxs("div",{className:`mb-2 mr-2 sm:mb-0 ${G?"line-through":""}`,children:[" ",L]}),k.jsxs("div",{className:"flex flex-wrap gap-2",children:[k.jsxs("button",{className:"rounded-md text-black border-2 border-gray-400 bg-white dark:text-gray-300 dark:bg-gray-600 dark:border-gray-600 dark:hover:bg-gray-600 flex items-center p-1",onClick:()=>vr(L),disabled:S,children:[k.jsx(yp,{className:"w-4 h-4 mr-1"})," ",I===L?"Copied":"Copy"]}),k.jsx("button",{className:"pay-btn rounded-md text-black border-2 border-gray-400 bg-white dark:text-gray-300 dark:bg-gray-600 dark:border-gray-600 dark:hover:bg-gray-600 flex items-center p-1",disabled:S,children:k.jsx("a",{href:`upi://pay?pa=${L}&pn=${M}&cu=INR`,children:k.jsx("img",{className:"w-10 mx-2",src:e?Np:_p,alt:"GPay Logo"})})})]})]})}),k.jsx("div",{className:"hidden md:table-cell",children:k.jsx("td",{className:"border-b border-gray-400 dark:border-gray-700 p-4",children:k.jsx("button",{onClick:()=>_(L,M),children:k.jsx(ds,{value:T,size:50})})})})]},M)})]})]}),k.jsx("div",{children:a&&k.jsxs("div",{id:"overlay",className:"fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50 bg-[rgb(185,185,185,0.97)] p-8 rounded-lg",children:[k.jsxs("div",{className:"space-y-4",children:[k.jsx("p",{className:"text-center",children:`${v.bank} / ${v.upiId}`}),k.jsx(ds,{value:v.upiString,size:300})]}),k.jsx("div",{className:"flex justify-center mt-4",children:k.jsx("button",{className:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded",onClick:N,children:"Close"})})]})}),k.jsx(Tp,{}),k.jsx(zp,{})]})})}_c(document.getElementById("root")).render(k.jsx(X.StrictMode,{children:k.jsx(o1,{})}));
101 | 


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