legalgonews/legalgo-FE-reactrouter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: legalgonews:9e50f8c7dcdc2250b31e4e40989dbf0f056d9e63
Branches Tags
legalgonews:master
legalgonews:dev
...
compare: legalgonews:0d6f2e300fd882e5671fca4991e553d7eca4637a
Branches Tags
legalgonews:dev
legalgonews:master

3 Commits
9e50f8c7dc ... 0d6f2e300f

Author SHA1 Message Date
Ardeman
0d6f2e300f Merge branch 'feature/slicing' 2025-02-22 16:46:46 +08:00
fredy.siswanto
ffc649d06d Merge remote-tracking branch 'origin/master' into feature/slicing 2025-02-22 15:29:49 +07:00
fredy.siswanto
ac13e2a854 feat: adj component 2025-02-22 15:15:04 +07:00
18 changed files with 302 additions and 177 deletions
Show Stats Expand all files Collapse all files

23
app/components/icons/close.tsx Normal file
View File

@ -0,0 +1,23 @@
import type { JSX, SVGProps } from 'react'
export const CloseIcon = (
properties: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>,
) => {
return (
<svg
width={40}
height={40}
viewBox="0 0 40 40"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
{...properties}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M20 23.537l8.838 8.838a2.5 2.5 0 003.537-3.537L23.533 20l8.84-8.838a2.498 2.498 0 000-3.536 2.5 2.5 0 00-3.536 0L20 16.466l-8.838-8.838a2.5 2.5 0 10-3.537 3.533L16.467 20l-8.84 8.84a2.5 2.5 0 103.536 3.533L20 23.537z"
fill="#currentColor"
/>
</svg>
)
}

21
app/components/icons/eye.tsx Normal file
View File

@ -0,0 +1,21 @@
import type { JSX, SVGProps } from 'react'
export const EyeIcon = (
properties: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>,
) => {
return (
<svg
width={28}
height={20}
viewBox="0 0 28 20"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
{...properties}
>
<path
d="M14 .676C3.823.676.764 9.49.736 9.58L.595 10l.14.422c.03.09 3.088 8.903 13.265 8.903s13.236-8.814 13.264-8.903l.141-.421-.14-.42C27.236 9.49 24.177.675 14 .675zm0 14.652A5.336 5.336 0 018.667 10 5.336 5.336 0 0114 4.672 5.336 5.336 0 0119.333 10 5.336 5.336 0 0114 15.328z"
fill="#currentColor"
/>
</svg>
)
}

21
app/components/icons/menu.tsx Normal file
View File

@ -0,0 +1,21 @@
import type { JSX, SVGProps } from 'react'
export const MenuIcon = (
properties: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>,
) => {
return (
<svg
width={38}
height={26}
viewBox="0 0 38 26"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
{...properties}
>
<path
d="M2.333 25.5c-.59 0-1.084-.2-1.483-.6-.399-.4-.599-.894-.6-1.483-.001-.59.199-1.084.6-1.484.401-.4.896-.6 1.483-.6h33.334c.59 0 1.085.2 1.485.6.4.4.6.895.598 1.484-.001.589-.201 1.084-.6 1.485-.399.401-.893.6-1.483.598H2.333zm0-10.417c-.59 0-1.084-.2-1.483-.6-.399-.4-.599-.894-.6-1.483-.001-.589.199-1.083.6-1.483.401-.4.896-.6 1.483-.6h33.334c.59 0 1.085.2 1.485.6.4.4.6.894.598 1.483-.001.589-.201 1.084-.6 1.485-.399.402-.893.601-1.483.598H2.333zm0-10.416c-.59 0-1.084-.2-1.483-.6-.399-.4-.599-.895-.6-1.484C.249 1.994.449 1.5.85 1.1c.401-.4.896-.6 1.483-.6h33.334c.59 0 1.085.2 1.485.6.4.4.6.894.598 1.483-.001.59-.201 1.084-.6 1.486-.399.401-.893.6-1.483.598H2.333z"
fill="currentColor"
/>
</svg>
)
}

44
app/components/popup/header-modal.tsx Normal file
View File

@ -0,0 +1,44 @@
import type { ReactNode } from 'react'
import { Link } from 'react-router'
import { LeftArrow } from '~/components/icons/left-arrow'
import { APP } from '~/data/meta'
type THeaderModal = {
typeForm?: string
titleForm?: string
children: ReactNode
}
export default function HeaderModal({ typeForm, children }: THeaderModal) {
return (
<>
<div className="absolute top-0 left-0 lg:hidden">
<Link
to="/#"
className="mt-2 h-full py-2"
>
<LeftArrow
width={'50px'}
height={'50px'}
/>
</Link>
</div>
<div className="w-full max-w-md">
<div className="mb-6 flex justify-center">
<Link to="/news">
<img
src={APP.logo}
alt={APP.title}
className="h-[80px]"
/>
</Link>
</div>
<div className="mb-4 p-4 text-center text-[#565658]">
{children}
<p>{typeForm}</p>
</div>
</div>
</>
)
}

2
app/components/popup/modal.tsx
View File

@ -1,7 +1,7 @@
import { Dialog, DialogBackdrop, DialogPanel } from '@headlessui/react' import { Dialog, DialogBackdrop, DialogPanel } from '@headlessui/react'
import type { ReactNode } from 'react' import type { ReactNode } from 'react'
interface ModalProperties { type ModalProperties = {
isOpen: boolean isOpen: boolean
onClose: () => void onClose: () => void
children: ReactNode children: ReactNode

43
app/components/popup/succes-payment.tsx
View File

@ -1,48 +1,29 @@
import { Link } from 'react-router' import { Button } from '@headlessui/react'
import { LeftArrow } from '~/components/icons/left-arrow' import HeaderModal from '~/components/popup/header-modal'
import { APP } from '~/data/meta' import { APP } from '~/data/meta'
export default function PopupSuccessPayment() { export default function PopupSuccessPayment() {
return ( return (
<div className="flex min-h-screen items-center justify-center"> <>
<div className="w-full max-w-md p-6"> <div className="relative flex flex-col items-center justify-center">
<div className="absolute top-[80px] left-[50px]"> <HeaderModal>
<Link <p>Selamat! Pembayaran anda berhasil!</p>
to="/#" </HeaderModal>
className="mt-2 h-full py-2"
>
<LeftArrow
width={'70px'}
height={'70px'}
></LeftArrow>
</Link>
</div>
<div className="mb-6 flex justify-center">
<Link to="/news">
<img
src={APP.logo}
alt={APP.title}
className="h-[80px]"
/>
</Link>
</div>
<div className="mb-4 p-4 text-center"> <div className="mb-4 p-4 text-center">
<p className="text-[#565658]">Selamat! Pembayaran anda berhasil!</p> <div className="flex justify-center">
<div className="my-10 flex justify-center">
<img <img
src={'/public/images/back-to-home.svg'} src={'/public/images/back-to-home.svg'}
alt={APP.title} alt={APP.title}
className="h-[350px]" className="h-[300px]"
/> />
</div> </div>
<button className="mt-5 w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800"> <Button className="mt-5 w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800">
Back to Home Back to Home
</button> </Button>
</div> </div>
</div> </div>
</div> </>
) )
} }

5
app/components/popup/succes-register.tsx
View File

@ -1,3 +1,4 @@
import { Button } from '@headlessui/react'
import { Link } from 'react-router' import { Link } from 'react-router'
import { LeftArrow } from '~/components/icons/left-arrow' import { LeftArrow } from '~/components/icons/left-arrow'
@ -38,9 +39,9 @@ export default function PopupSuccesRegister() {
className="h-[350px]" className="h-[350px]"
/> />
</div> </div>
<button className="mt-5 w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800"> <Button className="mt-5 w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800">
Back to Home Back to Home
</button> </Button>
</div> </div>
</div> </div>
</div> </div>

5
app/components/popup/succes-reset-pass.tsx
View File

@ -1,3 +1,4 @@
import { Button } from '@headlessui/react'
import { Link } from 'react-router' import { Link } from 'react-router'
import { LeftArrow } from '~/components/icons/left-arrow' import { LeftArrow } from '~/components/icons/left-arrow'
@ -40,9 +41,9 @@ export default function PopupSuccessResetPass() {
className="h-[350px]" className="h-[350px]"
/> />
</div> </div>
<button className="mt-5 w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800"> <Button className="mt-5 w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800">
Back to Home Back to Home
</button> </Button>
</div> </div>
</div> </div>
</div> </div>

2
app/components/ui/banner.tsx
View File

@ -11,7 +11,7 @@ export default function Banner() {
className="mt-2 h-full py-2" className="mt-2 h-full py-2"
> >
<img <img
src={'https://placehold.co/1200x70.png'} src={'/public/images/banner.png'}
alt={APP.title} alt={APP.title}
className="h-[70px] w-[100%] sm:h-full" className="h-[70px] w-[100%] sm:h-full"
/> />

46
app/components/ui/form-forgot-password.tsx
View File

@ -1,40 +1,14 @@
import { Link } from 'react-router' import HeaderModal from '~/components/popup/header-modal'
import { Button } from '~/components/ui/button'
import { LeftArrow } from '~/components/icons/left-arrow'
import { APP } from '~/data/meta'
export default function FormForgotPassword() { export default function FormForgotPassword() {
return ( return (
<div className="flex items-center justify-center"> <div className="flex flex-col items-center justify-center">
<div className="w-full max-w-md p-6"> <HeaderModal>
<div className="absolute top-[80px] left-[50px]"> <p>Selamat Datang, silakan masukkan akun Anda untuk melanjutkan!</p>
<Link </HeaderModal>
to="/#"
className="mt-2 h-full py-2"
>
<LeftArrow
width={'70px'}
height={'70px'}
></LeftArrow>
</Link>
</div>
<div className="mb-6 flex justify-center">
<Link to="/news">
<img
src={APP.logo}
alt={APP.title}
className="h-[100px]"
/>
</Link>
</div>
<div className="mb-4 p-4 text-center">
<p className="text-[#565658]">
Selamat Datang, silakan isi keterangan akun Anda untuk melanjutkan!
</p>
</div>
<div className="w-full max-w-md">
<form> <form>
{/* Input Email / No Telepon */} {/* Input Email / No Telepon */}
<div className="mb-4"> <div className="mb-4">
@ -53,9 +27,9 @@ export default function FormForgotPassword() {
</div> </div>
{/* Tombol Masuk */} {/* Tombol Masuk */}
<button className="mt-5 w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800"> <Button className="mt-5 w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800">
Daftar Reset Password
</button> </Button>
</form> </form>
</div> </div>
</div> </div>

18
app/components/ui/form-login.tsx
View File

@ -1,7 +1,9 @@
// import { EyeIcon, EyeOffIcon } from 'lucide-react' // import { EyeIcon, EyeOffIcon } from 'lucide-react'
import { Button } from '@headlessui/react'
import { useState } from 'react' import { useState } from 'react'
import { Link } from 'react-router' import { Link } from 'react-router'
import { EyeIcon } from '~/components/icons/eye'
import { APP } from '~/data/meta' import { APP } from '~/data/meta'
const FormLogin = () => { const FormLogin = () => {
@ -60,7 +62,17 @@ const FormLogin = () => {
className="absolute top-9 right-3 text-gray-500" className="absolute top-9 right-3 text-gray-500"
onClick={() => setShowPassword(!showPassword)} onClick={() => setShowPassword(!showPassword)}
> >
{/* {showPassword ? <EyeOffIcon size={18} /> : <EyeIcon size={18} />} */} {showPassword ? (
<EyeIcon
width={15}
height={15}
/>
) : (
<EyeIcon
width={15}
height={15}
/>
)}
</button> </button>
</div> </div>
@ -76,9 +88,9 @@ const FormLogin = () => {
</div> </div>
{/* Tombol Masuk */} {/* Tombol Masuk */}
<button className="w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800"> <Button className="w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800">
Masuk Masuk
</button> </Button>
</form> </form>
{/* Link Daftar */} {/* Link Daftar */}

44
app/components/ui/form-register .tsx
View File

@ -1,43 +1,17 @@
// import { EyeIcon, EyeOffIcon } from 'lucide-react'
import { useState } from 'react' import { useState } from 'react'
import { Link } from 'react-router'
import { LeftArrow } from '~/components/icons/left-arrow' import HeaderModal from '~/components/popup/header-modal'
import { APP } from '~/data/meta' import { Button } from '~/components/ui/button'
export default function FormRegister() { export default function FormRegister() {
const [showPassword, setShowPassword] = useState(false) const [showPassword, setShowPassword] = useState(false)
return ( return (
<div className="flex items-center justify-center"> <div className="flex flex-col items-center justify-center">
<div className="w-full max-w-md p-6"> <HeaderModal>
<div className="absolute top-[80px] left-[50px]"> <p>Selamat Datang, silakan masukkan data Anda untuk melanjutkan!</p>
<Link </HeaderModal>
to="/#"
className="mt-2 h-full py-2"
>
<LeftArrow
width={'70px'}
height={'70px'}
></LeftArrow>
</Link>
</div>
<div className="mb-6 flex justify-center">
<Link to="/news">
<img
src={APP.logo}
alt={APP.title}
className="h-[800px]"
/>
</Link>
</div>
<div className="mb-4 p-4 text-center">
<p className="text-[#565658]">
Selamat Datang, silakan isi keterangan akun Anda untuk melanjutkan!
</p>
</div>
<div className="w-full max-w-md">
<form> <form>
{/* Input Email / No Telepon */} {/* Input Email / No Telepon */}
<div className="mb-4"> <div className="mb-4">
@ -131,9 +105,9 @@ export default function FormRegister() {
</div> </div>
{/* Tombol Masuk */} {/* Tombol Masuk */}
<button className="mt-5 w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800"> <Button className="mt-5 w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800">
Daftar Daftar
</button> </Button>
</form> </form>
</div> </div>
</div> </div>

48
app/components/ui/form-subscription.tsx
View File

@ -1,41 +1,17 @@
import React from 'react' import { Button } from '@headlessui/react'
import { Link } from 'react-router'
import { LeftArrow } from '~/components/icons/left-arrow' import HeaderModal from '~/components/popup/header-modal'
import { APP } from '~/data/meta'
export default function FormSubscription() { export default function FormSubscription() {
return ( return (
<div className="flex items-center justify-center"> <div className="flex flex-col items-center justify-center">
<div className="w-full max-w-md p-6"> <HeaderModal>
<div className="absolute top-[80px] left-[50px]"> <p>
<Link Selamat Datang, silakan Pilih Subscription Anda untuk melanjutkan!
to="/#" </p>
className="mt-2 h-full py-2" </HeaderModal>
>
<LeftArrow
width={'70px'}
height={'70px'}
></LeftArrow>
</Link>
</div>
<div className="mb-6 flex justify-center">
<Link to="/news">
<img
src={APP.logo}
alt={APP.title}
className="h-[80px]"
/>
</Link>
</div>
<div className="mb-4 p-4 text-center">
<p className="text-[#565658]">
Selamat Datang, silakan Pilih Subscription Anda untuk melanjutkan!
</p>
</div>
<div className="w-full max-w-md">
<form> <form>
{/* Subscribe*/} {/* Subscribe*/}
<div className="mb-4"> <div className="mb-4">
@ -51,9 +27,9 @@ export default function FormSubscription() {
</div> </div>
{/* Tombol Masuk */} {/* Tombol Masuk */}
<button className="mt-5 w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800"> <Button className="mt-5 w-full rounded-md bg-[#2E2F7C] py-2 text-white transition hover:bg-blue-800">
Daftar Lanjutkan
</button> </Button>
</form> </form>
</div> </div>
</div> </div>

38
app/layouts/header-menu-mobile.tsx
View File

@ -1,6 +1,8 @@
import { useState } from 'react' import { useState } from 'react'
import { Link } from 'react-router' import { Link } from 'react-router'
import { CloseIcon } from '~/components/icons/close'
import { MenuIcon } from '~/components/icons/menu'
import { HeaderSearch } from '~/layouts/header-search' import { HeaderSearch } from '~/layouts/header-search'
import { MENU } from './menu' import { MENU } from './menu'
@ -13,31 +15,27 @@ export default function HeaderMenuMobile() {
} }
return ( return (
<> <>
<div className="relative z-40 flex min-h-[65px] bg-[#2E2F7C] font-[sans-serif] tracking-wide text-white sm:hidden sm:px-10"> <div className="relative z-20 flex min-h-[65px] bg-[#2E2F7C] font-[sans-serif] tracking-wide text-white sm:hidden sm:px-10">
<div className="mx-auto flex w-full max-w-screen-xl flex-wrap items-center gap-4 align-middle"> <div className="mx-auto flex w-full max-w-screen-xl flex-wrap items-center gap-4 align-middle">
{/* Menu */} {/* Menu */}
<div <div
className={`z-40 transition-transform duration-300 max-lg:fixed max-lg:top-0 max-lg:left-0 max-lg:h-full max-lg:w-full max-lg:overflow-auto max-lg:bg-[#2E2F7C] max-lg:p-6 max-lg:shadow-md ${ className={`z-20 transition-transform duration-300 max-lg:fixed max-lg:top-0 max-lg:left-0 max-lg:h-full max-lg:w-full max-lg:overflow-auto max-lg:bg-[#2E2F7C] max-lg:p-6 max-lg:shadow-md ${
isMenuOpen ? 'translate-x-0' : '-translate-x-full' isMenuOpen ? 'translate-x-0' : '-translate-x-full'
}`} }`}
> >
{/* Tombol Close */} {/* Tombol Close */}
<button <button
onClick={handleToggleMenu} onClick={handleToggleMenu}
className="fixed top-2 right-4 z-[100] flex h-9 w-9 items-center justify-center lg:hidden" className="fixed top-5 right-5 z-20 flex h-9 w-9 items-center justify-center lg:hidden"
> >
<svg <CloseIcon
xmlns="http://www.w3.org/2000/svg" width={50}
className="h-3.5 w-3.5 fill-white" height={50}
viewBox="0 0 320.591 320.591" />
>
<path d="M30.391 318.583a30.37 30.37 0 0 1-21.56-7.288c-11.774-11.844-11.774-30.973 0-42.817L266.643 10.665c12.246-11.459 31.462-10.822 42.921 1.424 10.362 11.074 10.966 28.095 1.414 39.875L51.647 311.295a30.366 30.366 0 0 1-21.256 7.288z" />
<path d="M287.9 318.583a30.37 30.37 0 0 1-21.257-8.806L8.83 51.963C-2.078 39.225-.595 20.055 12.143 9.146c11.369-9.736 28.136-9.736 39.504 0l259.331 257.813c12.243 11.462 12.876 30.679 1.414 42.922-.456.487-.927.958-1.414 1.414a30.368 30.368 0 0 1-23.078 7.288z" />
</svg>
</button> </button>
{/* List Menu */} {/* List Menu */}
<ul className="mx-10 max-lg:space-y-3 lg:ml-14 lg:flex lg:gap-x-5"> <ul className="mx-10 mt-10 max-lg:space-y-3 lg:ml-14 lg:flex lg:gap-x-5">
{MENU.map((item, index) => ( {MENU.map((item, index) => (
<li <li
key={index} key={index}
@ -67,18 +65,10 @@ export default function HeaderMenuMobile() {
onClick={handleToggleMenu} onClick={handleToggleMenu}
className="h-[63px] border border-white px-4 lg:hidden" className="h-[63px] border border-white px-4 lg:hidden"
> >
<svg <MenuIcon
className="h-7 w-7" width={25}
fill="#fff" height={25}
viewBox="0 0 20 20" />
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
clipRule="evenodd"
/>
</svg>
</button> </button>
<div className="w-full py-3"> <div className="w-full py-3">
<HeaderSearch /> <HeaderSearch />

7
app/pages/news-detail/index.tsx
View File

@ -41,12 +41,15 @@ export const NewsDetailPage = () => {
className="object-center" className="object-center"
/> />
</div> </div>
<article className="pross prose-stone">{content}</article>
<article
className="prose prose-stone"
dangerouslySetInnerHTML={{ __html: content }}
/>
<div className="flex items-end justify-between border-b-3 border-b-gray-300 py-4"> <div className="flex items-end justify-between border-b-3 border-b-gray-300 py-4">
<div className="flex flex-col"> <div className="flex flex-col">
<p className="mb-2">Share this post</p> <p className="mb-2">Share this post</p>
<IconsSocial /> <IconsSocial className="a" />
</div> </div>
<div className="flex flex-wrap items-end"> <div className="flex flex-wrap items-end">
{tags?.map((tag) => ( {tags?.map((tag) => (

4
app/root.tsx
View File

@ -43,10 +43,6 @@ export function Layout({ children }: { children: React.ReactNode }) {
return ( return (
<html lang="en"> <html lang="en">
<head> <head>
<link
rel="stylesheet"
href="https://unpkg.com/@tailwindcss/typography@0.4.x/dist/typography.min.css"
/>
<meta charSet="utf-8" /> <meta charSet="utf-8" />
<meta <meta
name="viewport" name="viewport"

1
package.json
View File

@ -19,6 +19,7 @@
"@react-router/node": "^7.1.3", "@react-router/node": "^7.1.3",
"@react-router/serve": "^7.1.3", "@react-router/serve": "^7.1.3",
"class-variance-authority": "^0.7.1", "class-variance-authority": "^0.7.1",
"html-react-parser": "^5.2.2",
"isbot": "^5.1.17", "isbot": "^5.1.17",
"react": "^19.0.0", "react": "^19.0.0",
"react-dom": "^19.0.0", "react-dom": "^19.0.0",

107
pnpm-lock.yaml generated
View File

@ -23,6 +23,9 @@ importers:
class-variance-authority: class-variance-authority:
specifier: ^0.7.1 specifier: ^0.7.1
version: 0.7.1 version: 0.7.1
html-react-parser:
specifier: ^5.2.2
version: 5.2.2(@types/react@19.0.8)(react@19.0.0)
isbot: isbot:
specifier: ^5.1.17 specifier: ^5.1.17
version: 5.1.22 version: 5.1.22
@ -1923,6 +1926,19 @@ packages:
dom-helpers@3.4.0: dom-helpers@3.4.0:
resolution: {integrity: sha512-LnuPJ+dwqKDIyotW1VzmOZ5TONUN7CwkCR5hrgawTUbkBGYdeoNLZo6nNfGkCrjtE1nXXaj7iMMpDa8/d9WoIA==} resolution: {integrity: sha512-LnuPJ+dwqKDIyotW1VzmOZ5TONUN7CwkCR5hrgawTUbkBGYdeoNLZo6nNfGkCrjtE1nXXaj7iMMpDa8/d9WoIA==}
dom-serializer@2.0.0:
resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
domelementtype@2.3.0:
resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
domhandler@5.0.3:
resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
engines: {node: '>= 4'}
domutils@3.2.2:
resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
dot-prop@5.3.0: dot-prop@5.3.0:
resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==} resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
engines: {node: '>=8'} engines: {node: '>=8'}
@ -1975,6 +1991,14 @@ packages:
resolution: {integrity: sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==} resolution: {integrity: sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==}
engines: {node: '>=10.13.0'} engines: {node: '>=10.13.0'}
entities@4.5.0:
resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
engines: {node: '>=0.12'}
entities@6.0.0:
resolution: {integrity: sha512-aKstq2TDOndCn4diEyp9Uq/Flu2i1GlLkc6XIDQSDMuaFE3OPW5OphLCyQ5SpSJZTb4reN+kTcYru5yIfXoRPw==}
engines: {node: '>=0.12'}
env-paths@2.2.1: env-paths@2.2.1:
resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==} resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
engines: {node: '>=6'} engines: {node: '>=6'}
@ -2397,10 +2421,25 @@ packages:
resolution: {integrity: sha512-HVJyzUrLIL1c0QmviVh5E8VGyUS7xCFPS6yydaVd1UegW+ibV/CohqTH9MkOLDp5o+rb82DMo77PTuc9F/8GKw==} resolution: {integrity: sha512-HVJyzUrLIL1c0QmviVh5E8VGyUS7xCFPS6yydaVd1UegW+ibV/CohqTH9MkOLDp5o+rb82DMo77PTuc9F/8GKw==}
engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0} engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
html-dom-parser@5.0.13:
resolution: {integrity: sha512-B7JonBuAfG32I7fDouUQEogBrz3jK9gAuN1r1AaXpED6dIhtg/JwiSRhjGL7aOJwRz3HU4efowCjQBaoXiREqg==}
html-react-parser@5.2.2:
resolution: {integrity: sha512-yA5012CJGSFWYZsgYzfr6HXJgDap38/AEP4ra8Cw+WHIi2ZRDXRX/QVYdumRf1P8zKyScKd6YOrWYvVEiPfGKg==}
peerDependencies:
'@types/react': 0.14 || 15 || 16 || 17 || 18 || 19
react: 0.14 || 15 || 16 || 17 || 18 || 19
peerDependenciesMeta:
'@types/react':
optional: true
html@1.0.0: html@1.0.0:
resolution: {integrity: sha512-lw/7YsdKiP3kk5PnR1INY17iJuzdAtJewxr14ozKJWbbR97znovZ0mh+WEMZ8rjc3lgTK+ID/htTjuyGKB52Kw==} resolution: {integrity: sha512-lw/7YsdKiP3kk5PnR1INY17iJuzdAtJewxr14ozKJWbbR97znovZ0mh+WEMZ8rjc3lgTK+ID/htTjuyGKB52Kw==}
hasBin: true hasBin: true
htmlparser2@10.0.0:
resolution: {integrity: sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==}
http-errors@2.0.0: http-errors@2.0.0:
resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==} resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==}
engines: {node: '>= 0.8'} engines: {node: '>= 0.8'}
@ -2451,6 +2490,9 @@ packages:
resolution: {integrity: sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==} resolution: {integrity: sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==}
engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0} engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
inline-style-parser@0.2.4:
resolution: {integrity: sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q==}
internal-slot@1.1.0: internal-slot@1.1.0:
resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==} resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
engines: {node: '>= 0.4'} engines: {node: '>= 0.4'}
@ -3343,6 +3385,9 @@ packages:
react-lifecycles-compat@3.0.4: react-lifecycles-compat@3.0.4:
resolution: {integrity: sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==} resolution: {integrity: sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==}
react-property@2.0.2:
resolution: {integrity: sha512-+PbtI3VuDV0l6CleQMsx2gtK0JZbZKbpdu5ynr+lbsuvtmgbNcS3VM0tuY2QjFNOcWxvXeHjDpy42RO+4U2rug==}
react-refresh@0.14.2: react-refresh@0.14.2:
resolution: {integrity: sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==} resolution: {integrity: sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==}
engines: {node: '>=0.10.0'} engines: {node: '>=0.10.0'}
@ -3701,6 +3746,12 @@ packages:
resolution: {integrity: sha512-0fk9zBqO67Nq5M/m45qHCJxylV/DhBlIOVExqgOMiCCrzrhU6tCibRXNqE3jwJLftzE9SNuZtYbpzcO+i9FiKw==} resolution: {integrity: sha512-0fk9zBqO67Nq5M/m45qHCJxylV/DhBlIOVExqgOMiCCrzrhU6tCibRXNqE3jwJLftzE9SNuZtYbpzcO+i9FiKw==}
engines: {node: '>=14.16'} engines: {node: '>=14.16'}
style-to-js@1.1.16:
resolution: {integrity: sha512-/Q6ld50hKYPH3d/r6nr117TZkHR0w0kGGIVfpG9N6D8NymRPM9RqCUv4pRpJ62E5DqOYx2AFpbZMyCPnjQCnOw==}
style-to-object@1.0.8:
resolution: {integrity: sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g==}
stylis@4.2.0: stylis@4.2.0:
resolution: {integrity: sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==} resolution: {integrity: sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==}
@ -5910,6 +5961,24 @@ snapshots:
dependencies: dependencies:
'@babel/runtime': 7.26.7 '@babel/runtime': 7.26.7
dom-serializer@2.0.0:
dependencies:
domelementtype: 2.3.0
domhandler: 5.0.3
entities: 4.5.0
domelementtype@2.3.0: {}
domhandler@5.0.3:
dependencies:
domelementtype: 2.3.0
domutils@3.2.2:
dependencies:
dom-serializer: 2.0.0
domelementtype: 2.3.0
domhandler: 5.0.3
dot-prop@5.3.0: dot-prop@5.3.0:
dependencies: dependencies:
is-obj: 2.0.0 is-obj: 2.0.0
@ -5965,6 +6034,10 @@ snapshots:
graceful-fs: 4.2.11 graceful-fs: 4.2.11
tapable: 2.2.1 tapable: 2.2.1
entities@4.5.0: {}
entities@6.0.0: {}
env-paths@2.2.1: {} env-paths@2.2.1: {}
environment@1.1.0: {} environment@1.1.0: {}
@ -6567,10 +6640,32 @@ snapshots:
dependencies: dependencies:
lru-cache: 7.18.3 lru-cache: 7.18.3
html-dom-parser@5.0.13:
dependencies:
domhandler: 5.0.3
htmlparser2: 10.0.0
html-react-parser@5.2.2(@types/react@19.0.8)(react@19.0.0):
dependencies:
domhandler: 5.0.3
html-dom-parser: 5.0.13
react: 19.0.0
react-property: 2.0.2
style-to-js: 1.1.16
optionalDependencies:
'@types/react': 19.0.8
html@1.0.0: html@1.0.0:
dependencies: dependencies:
concat-stream: 1.6.2 concat-stream: 1.6.2
htmlparser2@10.0.0:
dependencies:
domelementtype: 2.3.0
domhandler: 5.0.3
domutils: 3.2.2
entities: 6.0.0
http-errors@2.0.0: http-errors@2.0.0:
dependencies: dependencies:
depd: 2.0.0 depd: 2.0.0
@ -6611,6 +6706,8 @@ snapshots:
ini@4.1.1: {} ini@4.1.1: {}
inline-style-parser@0.2.4: {}
internal-slot@1.1.0: internal-slot@1.1.0:
dependencies: dependencies:
es-errors: 1.3.0 es-errors: 1.3.0
@ -7394,6 +7491,8 @@ snapshots:
react-lifecycles-compat@3.0.4: {} react-lifecycles-compat@3.0.4: {}
react-property@2.0.2: {}
react-refresh@0.14.2: {} react-refresh@0.14.2: {}
react-remove-scroll-bar@2.3.8(@types/react@19.0.8)(react@19.0.0): react-remove-scroll-bar@2.3.8(@types/react@19.0.8)(react@19.0.0):
@ -7827,6 +7926,14 @@ snapshots:
strip-json-comments@5.0.1: {} strip-json-comments@5.0.1: {}
style-to-js@1.1.16:
dependencies:
style-to-object: 1.0.8
style-to-object@1.0.8:
dependencies:
inline-style-parser: 0.2.4
stylis@4.2.0: {} stylis@4.2.0: {}
summary@2.1.0: {} summary@2.1.0: {}