react-admin-crud-manager 1.2.2 → 1.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +13 -14
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +967 -910
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as t, Fragment as
|
|
2
|
-
import * as
|
|
3
|
-
import tr, { useState as
|
|
4
|
-
import { Info as
|
|
5
|
-
import { createPortal as
|
|
1
|
+
import { jsx as t, Fragment as Z, jsxs as h } from "react/jsx-runtime";
|
|
2
|
+
import * as Se from "react";
|
|
3
|
+
import tr, { useState as R, useRef as le, useEffect as q, useCallback as ot, useMemo as Ce } from "react";
|
|
4
|
+
import { Info as nt, ChevronDown as Or, Search as gr, Check as it, X as ar, User as wr, ArrowUpDown as ct, Plus as lt, Filter as st, Download as dt, ChevronLeft as pt, ChevronRight as ut, EllipsisVertical as ht, Music as mt } from "lucide-react";
|
|
5
|
+
import { createPortal as fr } from "react-dom";
|
|
6
6
|
import { Icon as be } from "@iconify/react";
|
|
7
|
-
import { Editor as
|
|
8
|
-
import { enqueueSnackbar as De, SnackbarProvider as
|
|
9
|
-
const bt = '@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.racm-root *,.racm-root :before,.racm-root :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.racm-root :before,.racm-root :after{--tw-content: ""}.racm-root{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,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}.racm-root{margin:0;line-height:inherit}.racm-root hr{height:0;color:inherit;border-top-width:1px}.racm-root abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.racm-root h1,.racm-root h2,.racm-root h3,.racm-root h4,.racm-root h5,.racm-root h6{font-size:inherit;font-weight:inherit}.racm-root a{color:inherit;text-decoration:inherit}.racm-root b,.racm-root strong{font-weight:bolder}.racm-root code,.racm-root kbd,.racm-root samp,.racm-root pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.racm-root small{font-size:80%}.racm-root sub,.racm-root sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.racm-root sub{bottom:-.25em}.racm-root sup{top:-.5em}.racm-root table{text-indent:0;border-color:inherit;border-collapse:collapse}.racm-root button,.racm-root input,.racm-root optgroup,.racm-root select,.racm-root textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.racm-root button,.racm-root select{text-transform:none}.racm-root button,.racm-root [type=button],.racm-root [type=reset],.racm-root [type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}.racm-root :-moz-focusring{outline:auto}.racm-root :-moz-ui-invalid{box-shadow:none}.racm-root progress{vertical-align:baseline}.racm-root ::-webkit-inner-spin-button,.racm-root ::-webkit-outer-spin-button{height:auto}.racm-root [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.racm-root ::-webkit-search-decoration{-webkit-appearance:none}.racm-root ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.racm-root summary{display:list-item}.racm-root blockquote,.racm-root dl,.racm-root dd,.racm-root h1,.racm-root h2,.racm-root h3,.racm-root h4,.racm-root h5,.racm-root h6,.racm-root hr,.racm-root figure,.racm-root p,.racm-root pre{margin:0}.racm-root fieldset{margin:0;padding:0}.racm-root legend{padding:0}.racm-root ol,.racm-root ul,.racm-root menu{list-style:none;margin:0;padding:0}.racm-root dialog{padding:0}.racm-root textarea{resize:vertical}.racm-root input::-moz-placeholder,.racm-root textarea::-moz-placeholder{opacity:1;color:#9ca3af}.racm-root input::placeholder,.racm-root textarea::placeholder{opacity:1;color:#9ca3af}.racm-root button,.racm-root [role=button]{cursor:pointer}.racm-root :disabled{cursor:default}.racm-root img,.racm-root svg,.racm-root video,.racm-root canvas,.racm-root audio,.racm-root iframe,.racm-root embed,.racm-root object{display:block;vertical-align:middle}.racm-root img,.racm-root video{max-width:100%;height:auto}.racm-root [hidden]{display:none}.racm-root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem}.racm-root *{border-color:hsl(var(--border))}.racm-root{background-color:hsl(var(--background));color:hsl(var(--foreground))}.racm-root *,.racm-root :before,.racm-root :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: }.racm-root ::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: }.racm-root .container{width:100%}@media (min-width: 640px){.racm-root .container{max-width:640px}}@media (min-width: 768px){.racm-root .container{max-width:768px}}@media (min-width: 1024px){.racm-root .container{max-width:1024px}}@media (min-width: 1280px){.racm-root .container{max-width:1280px}}@media (min-width: 1536px){.racm-root .container{max-width:1536px}}.racm-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.racm-root .pointer-events-none{pointer-events:none}.racm-root .pointer-events-auto{pointer-events:auto}.racm-root .fixed{position:fixed}.racm-root .absolute{position:absolute}.racm-root .relative{position:relative}.racm-root .inset-0{top:0;right:0;bottom:0;left:0}.racm-root .inset-y-0{top:0;bottom:0}.racm-root .-bottom-4{bottom:-1rem}.racm-root .-right-2{right:-.5rem}.racm-root .-right-6{right:-1.5rem}.racm-root .-top-2{top:-.5rem}.racm-root .-top-6{top:-1.5rem}.racm-root .bottom-full{bottom:100%}.racm-root .left-0{left:0}.racm-root .left-1{left:.25rem}.racm-root .left-1\\/2{left:50%}.racm-root .left-3{left:.75rem}.racm-root .right-0{right:0}.racm-root .right-1{right:.25rem}.racm-root .right-1\\/2{right:50%}.racm-root .right-2{right:.5rem}.racm-root .right-3{right:.75rem}.racm-root .right-4{right:1rem}.racm-root .right-\\[50\\%\\]{right:50%}.racm-root .top-0{top:0}.racm-root .top-1{top:.25rem}.racm-root .top-1\\/2{top:50%}.racm-root .top-2{top:.5rem}.racm-root .top-4{top:1rem}.racm-root .top-\\[80\\%\\]{top:80%}.racm-root .top-full{top:100%}.racm-root .z-10{z-index:10}.racm-root .z-20{z-index:20}.racm-root .z-40{z-index:40}.racm-root .z-50{z-index:50}.racm-root .col-span-12{grid-column:span 12 / span 12}.racm-root .col-span-6{grid-column:span 6 / span 6}.racm-root .mb-0{margin-bottom:0}.racm-root .mb-1{margin-bottom:.25rem}.racm-root .mb-3{margin-bottom:.75rem}.racm-root .mb-6{margin-bottom:1.5rem}.racm-root .ml-1{margin-left:.25rem}.racm-root .ml-2{margin-left:.5rem}.racm-root .mr-2{margin-right:.5rem}.racm-root .mt-1{margin-top:.25rem}.racm-root .mt-2{margin-top:.5rem}.racm-root .mt-auto{margin-top:auto}.racm-root .inline{display:inline}.racm-root .flex{display:flex}.racm-root .inline-flex{display:inline-flex}.racm-root .table{display:table}.racm-root .table-row{display:table-row}.racm-root .grid{display:grid}.racm-root .hidden{display:none}.racm-root .h-1{height:.25rem}.racm-root .h-10{height:2.5rem}.racm-root .h-11{height:2.75rem}.racm-root .h-12{height:3rem}.racm-root .h-16{height:4rem}.racm-root .h-2{height:.5rem}.racm-root .h-20{height:5rem}.racm-root .h-28{height:7rem}.racm-root .h-3{height:.75rem}.racm-root .h-32{height:8rem}.racm-root .h-4{height:1rem}.racm-root .h-5{height:1.25rem}.racm-root .h-6{height:1.5rem}.racm-root .h-64{height:16rem}.racm-root .h-7{height:1.75rem}.racm-root .h-72{height:18rem}.racm-root .h-8{height:2rem}.racm-root .h-9{height:2.25rem}.racm-root .h-\\[10px\\]{height:10px}.racm-root .h-\\[150px\\]{height:150px}.racm-root .h-\\[36px\\]{height:36px}.racm-root .h-\\[40px\\]{height:40px}.racm-root .h-full{height:100%}.racm-root .max-h-40{max-height:10rem}.racm-root .max-h-60{max-height:15rem}.racm-root .max-h-\\[260px\\]{max-height:260px}.racm-root .max-h-\\[90vh\\]{max-height:90vh}.racm-root .min-h-\\[52px\\]{min-height:52px}.racm-root .w-1{width:.25rem}.racm-root .w-10{width:2.5rem}.racm-root .w-11{width:2.75rem}.racm-root .w-12{width:3rem}.racm-root .w-16{width:4rem}.racm-root .w-2{width:.5rem}.racm-root .w-20{width:5rem}.racm-root .w-24{width:6rem}.racm-root .w-3{width:.75rem}.racm-root .w-32{width:8rem}.racm-root .w-4{width:1rem}.racm-root .w-48{width:12rem}.racm-root .w-5{width:1.25rem}.racm-root .w-6{width:1.5rem}.racm-root .w-64{width:16rem}.racm-root .w-7{width:1.75rem}.racm-root .w-8{width:2rem}.racm-root .w-80{width:20rem}.racm-root .w-\\[260px\\]{width:260px}.racm-root .w-\\[28rem\\]{width:28rem}.racm-root .w-\\[36px\\]{width:36px}.racm-root .w-\\[42\\%\\]{width:42%}.racm-root .w-full{width:100%}.racm-root .w-max{width:-moz-max-content;width:max-content}.racm-root .min-w-0{min-width:0px}.racm-root .min-w-\\[100px\\]{min-width:100px}.racm-root .min-w-\\[150px\\]{min-width:150px}.racm-root .min-w-\\[220px\\]{min-width:220px}.racm-root .min-w-\\[40px\\]{min-width:40px}.racm-root .min-w-\\[78px\\]{min-width:78px}.racm-root .max-w-2xl{max-width:42rem}.racm-root .max-w-4xl{max-width:56rem}.racm-root .max-w-5xl{max-width:64rem}.racm-root .max-w-\\[200px\\]{max-width:200px}.racm-root .max-w-\\[300px\\]{max-width:300px}.racm-root .max-w-full{max-width:100%}.racm-root .max-w-lg{max-width:32rem}.racm-root .max-w-md{max-width:28rem}.racm-root .max-w-xs{max-width:20rem}.racm-root .flex-1{flex:1 1 0%}.racm-root .flex-shrink{flex-shrink:1}.racm-root .flex-shrink-0,.racm-root .shrink-0{flex-shrink:0}.racm-root .border-collapse{border-collapse:collapse}.racm-root .-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))}.racm-root .-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))}.racm-root .translate-x-0{--tw-translate-x: 0px;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))}.racm-root .translate-x-full{--tw-translate-x: 100%;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))}.racm-root .rotate-180{--tw-rotate: 180deg;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))}.racm-root .scale-95{--tw-scale-x: .95;--tw-scale-y: .95;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))}.racm-root .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))}@keyframes pulse{50%{opacity:.5}}.racm-root .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.racm-root .animate-spin{animation:spin 1s linear infinite}.racm-root .cursor-not-allowed{cursor:not-allowed}.racm-root .cursor-pointer{cursor:pointer}.racm-root .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.racm-root .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.racm-root .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.racm-root .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.racm-root .flex-col{flex-direction:column}.racm-root .items-center{align-items:center}.racm-root .items-stretch{align-items:stretch}.racm-root .justify-end{justify-content:flex-end}.racm-root .justify-center{justify-content:center}.racm-root .justify-between{justify-content:space-between}.racm-root .gap-1{gap:.25rem}.racm-root .gap-1\\.5{gap:.375rem}.racm-root .gap-2{gap:.5rem}.racm-root .gap-2\\.5{gap:.625rem}.racm-root .gap-3{gap:.75rem}.racm-root .gap-4{gap:1rem}.racm-root .gap-6{gap:1.5rem}.racm-root .-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)))}.racm-root .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)))}.racm-root .space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.racm-root .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))}.racm-root .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.racm-root .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))}.racm-root .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.racm-root .divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity))}.racm-root .overflow-auto{overflow:auto}.racm-root .overflow-hidden{overflow:hidden}.racm-root .overflow-x-auto{overflow-x:auto}.racm-root .overflow-y-auto{overflow-y:auto}.racm-root .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.racm-root .text-ellipsis{text-overflow:ellipsis}.racm-root .whitespace-nowrap{white-space:nowrap}.racm-root .break-words{overflow-wrap:break-word}.racm-root .rounded{border-radius:.25rem}.racm-root .rounded-full{border-radius:9999px}.racm-root .rounded-lg{border-radius:var(--radius)}.racm-root .rounded-md{border-radius:calc(var(--radius) - 2px)}.racm-root .rounded-sm{border-radius:calc(var(--radius) - 4px)}.racm-root .rounded-xl{border-radius:.75rem}.racm-root .border{border-width:1px}.racm-root .border-2{border-width:2px}.racm-root .border-4{border-width:4px}.racm-root .border-8{border-width:8px}.racm-root .border-b{border-bottom-width:1px}.racm-root .border-l{border-left-width:1px}.racm-root .border-r{border-right-width:1px}.racm-root .border-t{border-top-width:1px}.racm-root .border-t-2{border-top-width:2px}.racm-root .border-dashed{border-style:dashed}.racm-root .border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity))}.racm-root .border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.racm-root .border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.racm-root .border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.racm-root .border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.racm-root .border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity))}.racm-root .border-green-600{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity))}.racm-root .border-primary,.racm-root .border-primary-500{border-color:var(--primary-500)}.racm-root .border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity))}.racm-root .border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}.racm-root .border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.racm-root .border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity))}.racm-root .border-teal-300{--tw-border-opacity: 1;border-color:rgb(94 234 212 / var(--tw-border-opacity))}.racm-root .border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.racm-root .border-white\\/30{border-color:#ffffff4d}.racm-root .border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity))}.racm-root .border-t-gray-200{--tw-border-opacity: 1;border-top-color:rgb(229 231 235 / var(--tw-border-opacity))}.racm-root .border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity))}.racm-root .\\!bg-transparent{background-color:transparent!important}.racm-root .bg-black\\/50{background-color:#00000080}.racm-root .bg-black\\/70{background-color:#000000b3}.racm-root .bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.racm-root .bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.racm-root .bg-blue-500\\/10{background-color:#3b82f61a}.racm-root .bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.racm-root .bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.racm-root .bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.racm-root .bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.racm-root .bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.racm-root .bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.racm-root .bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.racm-root .bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.racm-root .bg-primary{background-color:var(--primary-500)}.racm-root .bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity))}.racm-root .bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.racm-root .bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.racm-root .bg-red-500\\/95{background-color:#ef4444f2}.racm-root .bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.racm-root .bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity))}.racm-root .bg-transparent{background-color:transparent}.racm-root .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.racm-root .bg-white\\/90{background-color:#ffffffe6}.racm-root .bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.racm-root .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.racm-root .to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.racm-root .object-contain{-o-object-fit:contain;object-fit:contain}.racm-root .object-cover{-o-object-fit:cover;object-fit:cover}.racm-root .p-1{padding:.25rem}.racm-root .p-2{padding:.5rem}.racm-root .p-4{padding:1rem}.racm-root .p-5{padding:1.25rem}.racm-root .px-2{padding-left:.5rem;padding-right:.5rem}.racm-root .px-3{padding-left:.75rem;padding-right:.75rem}.racm-root .px-4{padding-left:1rem;padding-right:1rem}.racm-root .px-5{padding-left:1.25rem;padding-right:1.25rem}.racm-root .px-6{padding-left:1.5rem;padding-right:1.5rem}.racm-root .px-8{padding-left:2rem;padding-right:2rem}.racm-root .py-1{padding-top:.25rem;padding-bottom:.25rem}.racm-root .py-2{padding-top:.5rem;padding-bottom:.5rem}.racm-root .py-3{padding-top:.75rem;padding-bottom:.75rem}.racm-root .py-4{padding-top:1rem;padding-bottom:1rem}.racm-root .py-6{padding-top:1.5rem;padding-bottom:1.5rem}.racm-root .pl-9{padding-left:2.25rem}.racm-root .pr-10{padding-right:2.5rem}.racm-root .pr-2{padding-right:.5rem}.racm-root .pr-3{padding-right:.75rem}.racm-root .text-left{text-align:left}.racm-root .text-center{text-align:center}.racm-root .text-base{font-size:1rem;line-height:1.5rem}.racm-root .text-lg{font-size:1.125rem;line-height:1.75rem}.racm-root .text-sm{font-size:.875rem;line-height:1.25rem}.racm-root .text-xl{font-size:1.25rem;line-height:1.75rem}.racm-root .text-xs{font-size:.75rem;line-height:1rem}.racm-root .font-bold{font-weight:700}.racm-root .font-medium{font-weight:500}.racm-root .font-semibold{font-weight:600}.racm-root .uppercase{text-transform:uppercase}.racm-root .italic{font-style:italic}.racm-root .leading-none{line-height:1}.racm-root .leading-snug{line-height:1.375}.racm-root .leading-tight{line-height:1.25}.racm-root .tracking-wide{letter-spacing:.025em}.racm-root .tracking-wider{letter-spacing:.05em}.racm-root .text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.racm-root .text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.racm-root .text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.racm-root .text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.racm-root .text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root .text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.racm-root .text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.racm-root .text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.racm-root .text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.racm-root .text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root .text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.racm-root .text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.racm-root .text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.racm-root .text-primary{color:var(--primary-500)}.racm-root .text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity))}.racm-root .text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity))}.racm-root .text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.racm-root .text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.racm-root .text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.racm-root .text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.racm-root .text-teal-700{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity))}.racm-root .text-teal-800{--tw-text-opacity: 1;color:rgb(17 94 89 / var(--tw-text-opacity))}.racm-root .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root .text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity))}.racm-root .text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.racm-root .underline{text-decoration-line:underline}.racm-root .placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root .placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root .placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .opacity-0{opacity:0}.racm-root .opacity-100{opacity:1}.racm-root .opacity-50{opacity:.5}.racm-root .opacity-60{opacity:.6}.racm-root .opacity-75{opacity:.75}.racm-root .opacity-90{opacity:.9}.racm-root .shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .outline-none{outline:2px solid transparent;outline-offset:2px}.racm-root .outline{outline-style:solid}.racm-root .ring-0{--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(0px + 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)}.racm-root .ring-blue-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity))}.racm-root .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.racm-root .backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.racm-root .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .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}.racm-root .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .duration-200{transition-duration:.2s}.racm-root .duration-300{transition-duration:.3s}.racm-root .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.racm-root .primary-bg{background-color:var(--primary-500)}.racm-root .primary-bg-light{background-color:var(--primary-100)}.racm-root .primary-bg-dark{background-color:var(--primary-700)}.racm-root .primary-text{color:var(--primary-600)}.racm-root .primary-border{border-color:var(--primary-300)}.racm-root .primary-hover:hover{background-color:var(--primary-600)}.racm-root{--foreground-rgb: 0, 0, 0;--background-start-rgb: 214, 219, 220;--background-end-rgb: 255, 255, 255}@media (prefers-color-scheme: dark){.racm-root{--foreground-rgb: 255, 255, 255;--background-start-rgb: 0, 0, 0;--background-end-rgb: 0, 0, 0}}.racm-root{height:100%}.racm-root{--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #9ca3af}.racm-root .dark{--scrollbar-thumb: #4b5563;--scrollbar-thumb-hover: #6b7280}.racm-root *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.racm-root *::-webkit-scrollbar{width:6px;height:6px}.racm-root *::-webkit-scrollbar-track{background:transparent}.racm-root *::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:3px}.racm-root *::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.racm-root h1{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root :is(.dark h1){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root p{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.racm-root :is(.dark p){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root .table-search-field{position:relative;width:100%}@media (min-width: 640px){.racm-root .table-search-field{min-width:300px!important}}.racm-root .table-search-field .search-icon{position:absolute;left:.75rem;top:50%;height:1rem;width:1rem;--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));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root :is(.dark .table-search-field .search-icon){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root .table-search-field input{height:36px;width:100%;border-radius:calc(var(--radius) - 2px);border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding:.75rem 1rem .75rem 2.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root .table-search-field input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .table-search-field input::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .table-search-field input:focus{outline:2px solid transparent;outline-offset:2px;--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);--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))}.racm-root .table-search-field input:disabled{opacity:.5}.racm-root :is(.dark .table-search-field input){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root :is(.dark .table-search-field input)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .table-search-field input)::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .table-search-field input){--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))}.racm-root .filter-button-wrapper{position:relative;width:100%}@media (min-width: 640px){.racm-root .filter-button-wrapper{width:auto!important}}.racm-root .filter-button-wrapper .red-dot{position:absolute;top:.25rem;right:.25rem;height:.5rem;width:.5rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.racm-root .table-container{overflow:hidden;border-radius:var(--radius);border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root :is(.dark .table-container){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root .table-container table{min-width:100%}.racm-root .table-container table>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity))}.racm-root :is(.dark .table-container table)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))}.racm-root .table-container thead{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.racm-root :is(.dark .table-container thead){background-color:#37415199}.racm-root .table-container tbody>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity))}.racm-root .table-container tbody{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.racm-root :is(.dark .table-container tbody)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))}.racm-root :is(.dark .table-container tbody){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root .table-container .table-head-data{min-width:-moz-max-content;min-width:max-content;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1rem 1.5rem;text-align:left;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .table-head-data){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root .table-container .no-data-message{padding-top:2.5rem;padding-bottom:2.5rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .no-data-message){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root .table-container .table-row{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .table-container .table-row:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.racm-root :is(.dark .table-container .table-row:hover){background-color:#1e40af1a}.racm-root .table-container .table-data{min-width:-moz-max-content;min-width:max-content;padding:1rem 1.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .table-data){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.racm-root .table-container .pagination-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding:.75rem 1.5rem}.racm-root :is(.dark .table-container .pagination-wrapper){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));background-color:#37415199}.racm-root .table-container .pagination-wrapper span{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .pagination-wrapper span){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root .table-container .pagination-wrapper .rows-number-select{border-radius:calc(var(--radius) - 2px);border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}.racm-root .table-container .pagination-wrapper .rows-number-select:focus{outline:2px solid transparent;outline-offset:2px;--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);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.racm-root :is(.dark .table-container .pagination-wrapper .rows-number-select){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root .table-container .pagination-wrapper .arrow-icons{border-radius:calc(var(--radius) - 2px);padding:.5rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .table-container .pagination-wrapper .arrow-icons:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.racm-root .table-container .pagination-wrapper .arrow-icons:disabled{opacity:.5}.racm-root :is(.dark .table-container .pagination-wrapper .arrow-icons){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .pagination-wrapper .arrow-icons:hover){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.racm-root .no-spinner::-webkit-outer-spin-button,.racm-root .no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.racm-root .no-spinner{-moz-appearance:textfield}.racm-root .tox.tox-tinymce .tox-edit-area:before{border:0!important;box-shadow:none!important}.racm-root .hover\\:-translate-y-0:hover{--tw-translate-y: -0px;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))}.racm-root .hover\\:-translate-y-0\\.5:hover{--tw-translate-y: -.125rem;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))}.racm-root .hover\\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-primary-50:hover{background-color:var(--primary-50)}.racm-root .hover\\:bg-primary-600:hover{background-color:var(--primary-600)}.racm-root .hover\\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-white\\/20:hover{background-color:#fff3}.racm-root .hover\\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.racm-root .hover\\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.racm-root .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)}.racm-root .focus\\:ring-2: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(2px + 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)}.racm-root .focus\\:ring-blue-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-blue-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-gray-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-primary-500:focus{--tw-ring-color: var(--primary-500)}.racm-root .focus\\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.racm-root .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.racm-root .focus-visible\\:ring-2:focus-visible{--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(2px + 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)}.racm-root .focus-visible\\:ring-blue-400:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity))}.racm-root .focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.racm-root .disabled\\:pointer-events-none:disabled{pointer-events:none}.racm-root .disabled\\:opacity-50:disabled{opacity:.5}.racm-root .group:hover .group-hover\\:opacity-100{opacity:1}.racm-root .peer:checked~.peer-checked\\:translate-x-5{--tw-translate-x: 1.25rem;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))}.racm-root .peer:checked~.peer-checked\\:bg-primary-600{background-color:var(--primary-600)}.racm-root .peer:focus~.peer-focus\\:outline-none{outline:2px solid transparent;outline-offset:2px}.racm-root .peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.racm-root .peer:disabled~.peer-disabled\\:opacity-50{opacity:.5}.racm-root :is(.dark .dark\\:divide-gray-800)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(31 41 55 / var(--tw-divide-opacity))}.racm-root :is(.dark .dark\\:border-blue-700){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-gray-600){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-gray-700){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-gray-700\\/60){border-color:#37415199}.racm-root :is(.dark .dark\\:border-gray-800){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-green-700){--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-purple-700){--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-red-700){--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-teal-700){--tw-border-opacity: 1;border-color:rgb(15 118 110 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-yellow-700){--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:bg-black){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-black\\/80){background-color:#000c}.racm-root :is(.dark .dark\\:bg-blue-900\\/20){background-color:#1e3a8a33}.racm-root :is(.dark .dark\\:bg-blue-900\\/30){background-color:#1e3a8a4d}.racm-root :is(.dark .dark\\:bg-gray-600){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-700){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-800){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-800\\/80){background-color:#1f2937cc}.racm-root :is(.dark .dark\\:bg-gray-900){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-900\\/30){background-color:#1118274d}.racm-root :is(.dark .dark\\:bg-green-900\\/30){background-color:#14532d4d}.racm-root :is(.dark .dark\\:bg-purple-900\\/30){background-color:#581c874d}.racm-root :is(.dark .dark\\:bg-red-900\\/30){background-color:#7f1d1d4d}.racm-root :is(.dark .dark\\:bg-teal-900\\/30){background-color:#134e4a4d}.racm-root :is(.dark .dark\\:bg-yellow-900\\/30){background-color:#713f124d}.racm-root :is(.dark .dark\\:text-blue-300){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-blue-400){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-100){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-200){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-300){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-400){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-500){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-green-300){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-purple-300){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-red-300){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-red-500){--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-teal-300){--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-white){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-yellow-300){--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:placeholder-gray-400)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .dark\\:placeholder-gray-400)::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .dark\\:hover\\:bg-gray-600:hover){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:hover\\:bg-gray-700:hover){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:hover\\:bg-gray-800:hover){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:hover\\:text-gray-200:hover){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:hover\\:text-gray-300:hover){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-blue-200:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-blue-400:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-gray-500:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-gray-600:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-offset-gray-800:focus){--tw-ring-offset-color: #1f2937}@media (min-width: 640px){.racm-root .sm\\:\\!w-auto{width:auto!important}.racm-root .sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.racm-root .sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.racm-root .sm\\:\\!flex-row{flex-direction:row!important}.racm-root .sm\\:\\!flex-wrap{flex-wrap:wrap!important}.racm-root .sm\\:\\!items-center{align-items:center!important}.racm-root .sm\\:\\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.racm-root .sm\\:opacity-0{opacity:0}.racm-root .group:hover .sm\\:group-hover\\:opacity-100{opacity:1}}@media (min-width: 1024px){.racm-root .lg\\:\\!w-auto{width:auto!important}.racm-root .lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.racm-root .lg\\:\\!flex-row{flex-direction:row!important}.racm-root .lg\\:\\!items-end{align-items:flex-end!important}.racm-root .lg\\:\\!justify-between{justify-content:space-between!important}}.racm-root .\\[\\&\\>svg\\]\\:h-3\\.5>svg{height:.875rem}.racm-root .\\[\\&\\>svg\\]\\:h-4>svg{height:1rem}.racm-root .\\[\\&\\>svg\\]\\:w-3\\.5>svg{width:.875rem}.racm-root .\\[\\&\\>svg\\]\\:w-4>svg{width:1rem}', ir = (a, o = "DD MMM YYYY") => {
|
|
7
|
+
import { Editor as bt } from "@tinymce/tinymce-react";
|
|
8
|
+
import { enqueueSnackbar as De, SnackbarProvider as gt, useSnackbar as wt } from "notistack";
|
|
9
|
+
const ft = '@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.racm-root *,.racm-root :before,.racm-root :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.racm-root :before,.racm-root :after{--tw-content: ""}.racm-root{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,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}.racm-root{margin:0;line-height:inherit}.racm-root hr{height:0;color:inherit;border-top-width:1px}.racm-root abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.racm-root h1,.racm-root h2,.racm-root h3,.racm-root h4,.racm-root h5,.racm-root h6{font-size:inherit;font-weight:inherit}.racm-root a{color:inherit;text-decoration:inherit}.racm-root b,.racm-root strong{font-weight:bolder}.racm-root code,.racm-root kbd,.racm-root samp,.racm-root pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.racm-root small{font-size:80%}.racm-root sub,.racm-root sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.racm-root sub{bottom:-.25em}.racm-root sup{top:-.5em}.racm-root table{text-indent:0;border-color:inherit;border-collapse:collapse}.racm-root button,.racm-root input,.racm-root optgroup,.racm-root select,.racm-root textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.racm-root button,.racm-root select{text-transform:none}.racm-root button,.racm-root [type=button],.racm-root [type=reset],.racm-root [type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}.racm-root :-moz-focusring{outline:auto}.racm-root :-moz-ui-invalid{box-shadow:none}.racm-root progress{vertical-align:baseline}.racm-root ::-webkit-inner-spin-button,.racm-root ::-webkit-outer-spin-button{height:auto}.racm-root [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.racm-root ::-webkit-search-decoration{-webkit-appearance:none}.racm-root ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.racm-root summary{display:list-item}.racm-root blockquote,.racm-root dl,.racm-root dd,.racm-root h1,.racm-root h2,.racm-root h3,.racm-root h4,.racm-root h5,.racm-root h6,.racm-root hr,.racm-root figure,.racm-root p,.racm-root pre{margin:0}.racm-root fieldset{margin:0;padding:0}.racm-root legend{padding:0}.racm-root ol,.racm-root ul,.racm-root menu{list-style:none;margin:0;padding:0}.racm-root dialog{padding:0}.racm-root textarea{resize:vertical}.racm-root input::-moz-placeholder,.racm-root textarea::-moz-placeholder{opacity:1;color:#9ca3af}.racm-root input::placeholder,.racm-root textarea::placeholder{opacity:1;color:#9ca3af}.racm-root button,.racm-root [role=button]{cursor:pointer}.racm-root :disabled{cursor:default}.racm-root img,.racm-root svg,.racm-root video,.racm-root canvas,.racm-root audio,.racm-root iframe,.racm-root embed,.racm-root object{display:block;vertical-align:middle}.racm-root img,.racm-root video{max-width:100%;height:auto}.racm-root [hidden]{display:none}.racm-root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem}.racm-root *{border-color:hsl(var(--border, 0 0% 89.8%))}.racm-root{background-color:hsl(var(--background, 0 0% 100%));color:hsl(var(--foreground, 0 0% 3.9%))}.racm-root *,.racm-root :before,.racm-root :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: }.racm-root ::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: }.racm-root .container{width:100%}@media (min-width: 640px){.racm-root .container{max-width:640px}}@media (min-width: 768px){.racm-root .container{max-width:768px}}@media (min-width: 1024px){.racm-root .container{max-width:1024px}}@media (min-width: 1280px){.racm-root .container{max-width:1280px}}@media (min-width: 1536px){.racm-root .container{max-width:1536px}}.racm-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.racm-root .pointer-events-none{pointer-events:none}.racm-root .pointer-events-auto{pointer-events:auto}.racm-root .fixed{position:fixed}.racm-root .absolute{position:absolute}.racm-root .relative{position:relative}.racm-root .inset-0{top:0;right:0;bottom:0;left:0}.racm-root .inset-y-0{top:0;bottom:0}.racm-root .-bottom-4{bottom:-1rem}.racm-root .-right-2{right:-.5rem}.racm-root .-right-6{right:-1.5rem}.racm-root .-top-2{top:-.5rem}.racm-root .-top-6{top:-1.5rem}.racm-root .left-1{left:.25rem}.racm-root .left-1\\/2{left:50%}.racm-root .left-3{left:.75rem}.racm-root .right-0{right:0}.racm-root .right-1{right:.25rem}.racm-root .right-1\\/2{right:50%}.racm-root .right-2{right:.5rem}.racm-root .right-3{right:.75rem}.racm-root .right-4{right:1rem}.racm-root .right-\\[50\\%\\]{right:50%}.racm-root .top-0{top:0}.racm-root .top-1{top:.25rem}.racm-root .top-1\\/2{top:50%}.racm-root .top-2{top:.5rem}.racm-root .top-4{top:1rem}.racm-root .top-\\[80\\%\\]{top:80%}.racm-root .top-full{top:100%}.racm-root .z-10{z-index:10}.racm-root .z-20{z-index:20}.racm-root .z-40{z-index:40}.racm-root .z-50{z-index:50}.racm-root .col-span-12{grid-column:span 12 / span 12}.racm-root .col-span-6{grid-column:span 6 / span 6}.racm-root .mb-0{margin-bottom:0}.racm-root .mb-1{margin-bottom:.25rem}.racm-root .mb-3{margin-bottom:.75rem}.racm-root .mb-6{margin-bottom:1.5rem}.racm-root .ml-1{margin-left:.25rem}.racm-root .ml-2{margin-left:.5rem}.racm-root .mr-2{margin-right:.5rem}.racm-root .mt-1{margin-top:.25rem}.racm-root .mt-2{margin-top:.5rem}.racm-root .mt-auto{margin-top:auto}.racm-root .inline{display:inline}.racm-root .flex{display:flex}.racm-root .inline-flex{display:inline-flex}.racm-root .table{display:table}.racm-root .table-row{display:table-row}.racm-root .grid{display:grid}.racm-root .hidden{display:none}.racm-root .h-1{height:.25rem}.racm-root .h-10{height:2.5rem}.racm-root .h-11{height:2.75rem}.racm-root .h-12{height:3rem}.racm-root .h-16{height:4rem}.racm-root .h-2{height:.5rem}.racm-root .h-20{height:5rem}.racm-root .h-28{height:7rem}.racm-root .h-3{height:.75rem}.racm-root .h-32{height:8rem}.racm-root .h-4{height:1rem}.racm-root .h-5{height:1.25rem}.racm-root .h-6{height:1.5rem}.racm-root .h-64{height:16rem}.racm-root .h-7{height:1.75rem}.racm-root .h-72{height:18rem}.racm-root .h-8{height:2rem}.racm-root .h-9{height:2.25rem}.racm-root .h-\\[10px\\]{height:10px}.racm-root .h-\\[150px\\]{height:150px}.racm-root .h-\\[36px\\]{height:36px}.racm-root .h-\\[40px\\]{height:40px}.racm-root .h-full{height:100%}.racm-root .max-h-40{max-height:10rem}.racm-root .max-h-60{max-height:15rem}.racm-root .max-h-\\[260px\\]{max-height:260px}.racm-root .max-h-\\[90vh\\]{max-height:90vh}.racm-root .min-h-\\[52px\\]{min-height:52px}.racm-root .w-1{width:.25rem}.racm-root .w-10{width:2.5rem}.racm-root .w-11{width:2.75rem}.racm-root .w-12{width:3rem}.racm-root .w-16{width:4rem}.racm-root .w-2{width:.5rem}.racm-root .w-20{width:5rem}.racm-root .w-24{width:6rem}.racm-root .w-3{width:.75rem}.racm-root .w-32{width:8rem}.racm-root .w-4{width:1rem}.racm-root .w-48{width:12rem}.racm-root .w-5{width:1.25rem}.racm-root .w-6{width:1.5rem}.racm-root .w-64{width:16rem}.racm-root .w-7{width:1.75rem}.racm-root .w-8{width:2rem}.racm-root .w-80{width:20rem}.racm-root .w-\\[260px\\]{width:260px}.racm-root .w-\\[28rem\\]{width:28rem}.racm-root .w-\\[36px\\]{width:36px}.racm-root .w-\\[42\\%\\]{width:42%}.racm-root .w-full{width:100%}.racm-root .w-max{width:-moz-max-content;width:max-content}.racm-root .min-w-0{min-width:0px}.racm-root .min-w-\\[100px\\]{min-width:100px}.racm-root .min-w-\\[150px\\]{min-width:150px}.racm-root .min-w-\\[220px\\]{min-width:220px}.racm-root .min-w-\\[40px\\]{min-width:40px}.racm-root .min-w-\\[78px\\]{min-width:78px}.racm-root .max-w-2xl{max-width:42rem}.racm-root .max-w-4xl{max-width:56rem}.racm-root .max-w-5xl{max-width:64rem}.racm-root .max-w-\\[200px\\]{max-width:200px}.racm-root .max-w-\\[300px\\]{max-width:300px}.racm-root .max-w-full{max-width:100%}.racm-root .max-w-lg{max-width:32rem}.racm-root .max-w-md{max-width:28rem}.racm-root .max-w-xs{max-width:20rem}.racm-root .flex-1{flex:1 1 0%}.racm-root .flex-shrink{flex-shrink:1}.racm-root .flex-shrink-0,.racm-root .shrink-0{flex-shrink:0}.racm-root .border-collapse{border-collapse:collapse}.racm-root .-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))}.racm-root .-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))}.racm-root .translate-x-0{--tw-translate-x: 0px;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))}.racm-root .translate-x-full{--tw-translate-x: 100%;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))}.racm-root .rotate-180{--tw-rotate: 180deg;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))}.racm-root .scale-95{--tw-scale-x: .95;--tw-scale-y: .95;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))}.racm-root .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))}@keyframes pulse{50%{opacity:.5}}.racm-root .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.racm-root .animate-spin{animation:spin 1s linear infinite}.racm-root .cursor-not-allowed{cursor:not-allowed}.racm-root .cursor-pointer{cursor:pointer}.racm-root .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.racm-root .resize{resize:both}.racm-root .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.racm-root .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.racm-root .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.racm-root .flex-col{flex-direction:column}.racm-root .items-center{align-items:center}.racm-root .items-stretch{align-items:stretch}.racm-root .justify-end{justify-content:flex-end}.racm-root .justify-center{justify-content:center}.racm-root .justify-between{justify-content:space-between}.racm-root .gap-1{gap:.25rem}.racm-root .gap-1\\.5{gap:.375rem}.racm-root .gap-2{gap:.5rem}.racm-root .gap-2\\.5{gap:.625rem}.racm-root .gap-3{gap:.75rem}.racm-root .gap-4{gap:1rem}.racm-root .gap-6{gap:1.5rem}.racm-root .-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)))}.racm-root .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)))}.racm-root .space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.racm-root .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))}.racm-root .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.racm-root .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))}.racm-root .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.racm-root .divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity))}.racm-root .overflow-auto{overflow:auto}.racm-root .overflow-hidden{overflow:hidden}.racm-root .overflow-x-auto{overflow-x:auto}.racm-root .overflow-y-auto{overflow-y:auto}.racm-root .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.racm-root .text-ellipsis{text-overflow:ellipsis}.racm-root .whitespace-nowrap{white-space:nowrap}.racm-root .break-words{overflow-wrap:break-word}.racm-root .rounded{border-radius:.25rem}.racm-root .rounded-full{border-radius:9999px}.racm-root .rounded-lg{border-radius:var(--radius)}.racm-root .rounded-md{border-radius:calc(var(--radius) - 2px)}.racm-root .rounded-sm{border-radius:calc(var(--radius) - 4px)}.racm-root .rounded-xl{border-radius:.75rem}.racm-root .border{border-width:1px}.racm-root .border-2{border-width:2px}.racm-root .border-4{border-width:4px}.racm-root .border-8{border-width:8px}.racm-root .border-b{border-bottom-width:1px}.racm-root .border-l{border-left-width:1px}.racm-root .border-r{border-right-width:1px}.racm-root .border-t{border-top-width:1px}.racm-root .border-t-2{border-top-width:2px}.racm-root .border-dashed{border-style:dashed}.racm-root .border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity))}.racm-root .border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.racm-root .border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.racm-root .border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.racm-root .border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.racm-root .border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity))}.racm-root .border-green-600{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity))}.racm-root .border-primary,.racm-root .border-primary-500{border-color:var(--primary-500, #3b82f6)}.racm-root .border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity))}.racm-root .border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}.racm-root .border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.racm-root .border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity))}.racm-root .border-teal-300{--tw-border-opacity: 1;border-color:rgb(94 234 212 / var(--tw-border-opacity))}.racm-root .border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.racm-root .border-white\\/30{border-color:#ffffff4d}.racm-root .border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity))}.racm-root .border-t-gray-200{--tw-border-opacity: 1;border-top-color:rgb(229 231 235 / var(--tw-border-opacity))}.racm-root .border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity))}.racm-root .\\!bg-transparent{background-color:transparent!important}.racm-root .bg-black\\/50{background-color:#00000080}.racm-root .bg-black\\/70{background-color:#000000b3}.racm-root .bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.racm-root .bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.racm-root .bg-blue-500\\/10{background-color:#3b82f61a}.racm-root .bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.racm-root .bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.racm-root .bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.racm-root .bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.racm-root .bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.racm-root .bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.racm-root .bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.racm-root .bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.racm-root .bg-primary{background-color:var(--primary-500, #3b82f6)}.racm-root .bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity))}.racm-root .bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.racm-root .bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.racm-root .bg-red-500\\/95{background-color:#ef4444f2}.racm-root .bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.racm-root .bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity))}.racm-root .bg-transparent{background-color:transparent}.racm-root .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.racm-root .bg-white\\/90{background-color:#ffffffe6}.racm-root .bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.racm-root .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.racm-root .to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.racm-root .object-contain{-o-object-fit:contain;object-fit:contain}.racm-root .object-cover{-o-object-fit:cover;object-fit:cover}.racm-root .p-1{padding:.25rem}.racm-root .p-2{padding:.5rem}.racm-root .p-4{padding:1rem}.racm-root .p-5{padding:1.25rem}.racm-root .px-2{padding-left:.5rem;padding-right:.5rem}.racm-root .px-3{padding-left:.75rem;padding-right:.75rem}.racm-root .px-4{padding-left:1rem;padding-right:1rem}.racm-root .px-5{padding-left:1.25rem;padding-right:1.25rem}.racm-root .px-6{padding-left:1.5rem;padding-right:1.5rem}.racm-root .px-8{padding-left:2rem;padding-right:2rem}.racm-root .py-1{padding-top:.25rem;padding-bottom:.25rem}.racm-root .py-2{padding-top:.5rem;padding-bottom:.5rem}.racm-root .py-3{padding-top:.75rem;padding-bottom:.75rem}.racm-root .py-4{padding-top:1rem;padding-bottom:1rem}.racm-root .py-6{padding-top:1.5rem;padding-bottom:1.5rem}.racm-root .pl-9{padding-left:2.25rem}.racm-root .pr-10{padding-right:2.5rem}.racm-root .pr-2{padding-right:.5rem}.racm-root .pr-3{padding-right:.75rem}.racm-root .text-left{text-align:left}.racm-root .text-center{text-align:center}.racm-root .text-base{font-size:1rem;line-height:1.5rem}.racm-root .text-lg{font-size:1.125rem;line-height:1.75rem}.racm-root .text-sm{font-size:.875rem;line-height:1.25rem}.racm-root .text-xl{font-size:1.25rem;line-height:1.75rem}.racm-root .text-xs{font-size:.75rem;line-height:1rem}.racm-root .font-bold{font-weight:700}.racm-root .font-medium{font-weight:500}.racm-root .font-semibold{font-weight:600}.racm-root .uppercase{text-transform:uppercase}.racm-root .italic{font-style:italic}.racm-root .leading-none{line-height:1}.racm-root .leading-snug{line-height:1.375}.racm-root .leading-tight{line-height:1.25}.racm-root .tracking-wide{letter-spacing:.025em}.racm-root .tracking-wider{letter-spacing:.05em}.racm-root .text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.racm-root .text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.racm-root .text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.racm-root .text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.racm-root .text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root .text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.racm-root .text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.racm-root .text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.racm-root .text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.racm-root .text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root .text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.racm-root .text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.racm-root .text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.racm-root .text-primary{color:var(--primary-500, #3b82f6)}.racm-root .text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity))}.racm-root .text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity))}.racm-root .text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.racm-root .text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.racm-root .text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.racm-root .text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.racm-root .text-teal-700{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity))}.racm-root .text-teal-800{--tw-text-opacity: 1;color:rgb(17 94 89 / var(--tw-text-opacity))}.racm-root .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root .text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity))}.racm-root .text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.racm-root .underline{text-decoration-line:underline}.racm-root .placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root .placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root .placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .opacity-0{opacity:0}.racm-root .opacity-100{opacity:1}.racm-root .opacity-50{opacity:.5}.racm-root .opacity-60{opacity:.6}.racm-root .opacity-75{opacity:.75}.racm-root .opacity-90{opacity:.9}.racm-root .shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .outline-none{outline:2px solid transparent;outline-offset:2px}.racm-root .outline{outline-style:solid}.racm-root .ring-0{--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(0px + 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)}.racm-root .ring-blue-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity))}.racm-root .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.racm-root .backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.racm-root .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .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}.racm-root .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .duration-200{transition-duration:.2s}.racm-root .duration-300{transition-duration:.3s}.racm-root .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.racm-root .primary-bg{background-color:var(--primary-500)}.racm-root .primary-bg-light{background-color:var(--primary-100)}.racm-root .primary-bg-dark{background-color:var(--primary-700)}.racm-root .primary-text{color:var(--primary-600)}.racm-root .primary-border{border-color:var(--primary-300)}.racm-root .primary-hover:hover{background-color:var(--primary-600)}.racm-root{--foreground-rgb: 0, 0, 0;--background-start-rgb: 214, 219, 220;--background-end-rgb: 255, 255, 255}@media (prefers-color-scheme: dark){.racm-root{--foreground-rgb: 255, 255, 255;--background-start-rgb: 0, 0, 0;--background-end-rgb: 0, 0, 0}}.racm-root{height:100%}.racm-root{--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #9ca3af}.racm-root .dark{--scrollbar-thumb: #4b5563;--scrollbar-thumb-hover: #6b7280}.racm-root *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.racm-root *::-webkit-scrollbar{width:6px;height:6px}.racm-root *::-webkit-scrollbar-track{background:transparent}.racm-root *::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:3px}.racm-root *::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.racm-root h1{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root :is(.dark h1){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root p{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.racm-root :is(.dark p){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root .table-search-field{position:relative;width:100%}@media (min-width: 640px){.racm-root .table-search-field{min-width:300px!important}}.racm-root .table-search-field .search-icon{position:absolute;left:.75rem;top:50%;height:1rem;width:1rem;--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));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root :is(.dark .table-search-field .search-icon){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root .table-search-field input{height:36px;width:100%;border-radius:calc(var(--radius) - 2px);border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding:.75rem 1rem .75rem 2.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root .table-search-field input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .table-search-field input::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .table-search-field input:focus{outline:2px solid transparent;outline-offset:2px;--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);--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))}.racm-root .table-search-field input:disabled{opacity:.5}.racm-root :is(.dark .table-search-field input){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root :is(.dark .table-search-field input)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .table-search-field input)::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .table-search-field input){--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))}.racm-root .filter-button-wrapper{position:relative;width:100%}@media (min-width: 640px){.racm-root .filter-button-wrapper{width:auto!important}}.racm-root .filter-button-wrapper .red-dot{position:absolute;top:.25rem;right:.25rem;height:.5rem;width:.5rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.racm-root .table-container{overflow:hidden;border-radius:var(--radius);border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root :is(.dark .table-container){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root .table-container table{min-width:100%}.racm-root .table-container table>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity))}.racm-root :is(.dark .table-container table)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))}.racm-root .table-container thead{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.racm-root :is(.dark .table-container thead){background-color:#37415199}.racm-root .table-container tbody>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity))}.racm-root .table-container tbody{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.racm-root :is(.dark .table-container tbody)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))}.racm-root :is(.dark .table-container tbody){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root .table-container .table-head-data{min-width:-moz-max-content;min-width:max-content;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1rem 1.5rem;text-align:left;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .table-head-data){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root .table-container .no-data-message{padding-top:2.5rem;padding-bottom:2.5rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .no-data-message){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root .table-container .table-row{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .table-container .table-row:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.racm-root :is(.dark .table-container .table-row:hover){background-color:#1e40af1a}.racm-root .table-container .table-data{min-width:-moz-max-content;min-width:max-content;padding:1rem 1.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .table-data){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.racm-root .table-container .pagination-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding:.75rem 1.5rem}.racm-root :is(.dark .table-container .pagination-wrapper){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));background-color:#37415199}.racm-root .table-container .pagination-wrapper span{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .pagination-wrapper span){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root .table-container .pagination-wrapper .rows-number-select{border-radius:calc(var(--radius) - 2px);border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}.racm-root .table-container .pagination-wrapper .rows-number-select:focus{outline:2px solid transparent;outline-offset:2px;--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);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.racm-root :is(.dark .table-container .pagination-wrapper .rows-number-select){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root .table-container .pagination-wrapper .arrow-icons{border-radius:calc(var(--radius) - 2px);padding:.5rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .table-container .pagination-wrapper .arrow-icons:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.racm-root .table-container .pagination-wrapper .arrow-icons:disabled{opacity:.5}.racm-root :is(.dark .table-container .pagination-wrapper .arrow-icons){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .pagination-wrapper .arrow-icons:hover){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.racm-root .no-spinner::-webkit-outer-spin-button,.racm-root .no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.racm-root .no-spinner{-moz-appearance:textfield}.racm-root .tox.tox-tinymce .tox-edit-area:before{border:0!important;box-shadow:none!important}.racm-root .hover\\:-translate-y-0:hover{--tw-translate-y: -0px;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))}.racm-root .hover\\:-translate-y-0\\.5:hover{--tw-translate-y: -.125rem;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))}.racm-root .hover\\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-primary-50:hover{background-color:var(--primary-50, #eff6ff)}.racm-root .hover\\:bg-primary-600:hover{background-color:var(--primary-600, #2563eb)}.racm-root .hover\\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-white\\/20:hover{background-color:#fff3}.racm-root .hover\\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.racm-root .hover\\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.racm-root .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)}.racm-root .focus\\:ring-2: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(2px + 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)}.racm-root .focus\\:ring-blue-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-blue-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-gray-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-primary-500:focus{--tw-ring-color: var(--primary-500, #3b82f6)}.racm-root .focus\\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.racm-root .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.racm-root .focus-visible\\:ring-2:focus-visible{--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(2px + 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)}.racm-root .focus-visible\\:ring-blue-400:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity))}.racm-root .focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.racm-root .disabled\\:pointer-events-none:disabled{pointer-events:none}.racm-root .disabled\\:opacity-50:disabled{opacity:.5}.racm-root .group:hover .group-hover\\:opacity-100{opacity:1}.racm-root .peer:checked~.peer-checked\\:translate-x-5{--tw-translate-x: 1.25rem;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))}.racm-root .peer:checked~.peer-checked\\:bg-primary-600{background-color:var(--primary-600, #2563eb)}.racm-root .peer:focus~.peer-focus\\:outline-none{outline:2px solid transparent;outline-offset:2px}.racm-root .peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.racm-root .peer:disabled~.peer-disabled\\:opacity-50{opacity:.5}.racm-root :is(.dark .dark\\:divide-gray-800)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(31 41 55 / var(--tw-divide-opacity))}.racm-root :is(.dark .dark\\:border-blue-700){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-gray-600){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-gray-700){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-gray-700\\/60){border-color:#37415199}.racm-root :is(.dark .dark\\:border-gray-800){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-green-700){--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-purple-700){--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-red-700){--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-teal-700){--tw-border-opacity: 1;border-color:rgb(15 118 110 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-yellow-700){--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:bg-black){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-black\\/80){background-color:#000c}.racm-root :is(.dark .dark\\:bg-blue-900\\/20){background-color:#1e3a8a33}.racm-root :is(.dark .dark\\:bg-blue-900\\/30){background-color:#1e3a8a4d}.racm-root :is(.dark .dark\\:bg-gray-600){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-700){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-800){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-800\\/80){background-color:#1f2937cc}.racm-root :is(.dark .dark\\:bg-gray-900){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-900\\/30){background-color:#1118274d}.racm-root :is(.dark .dark\\:bg-green-900\\/30){background-color:#14532d4d}.racm-root :is(.dark .dark\\:bg-purple-900\\/30){background-color:#581c874d}.racm-root :is(.dark .dark\\:bg-red-900\\/30){background-color:#7f1d1d4d}.racm-root :is(.dark .dark\\:bg-teal-900\\/30){background-color:#134e4a4d}.racm-root :is(.dark .dark\\:bg-yellow-900\\/30){background-color:#713f124d}.racm-root :is(.dark .dark\\:text-blue-300){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-blue-400){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-100){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-200){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-300){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-400){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-500){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-green-300){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-purple-300){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-red-300){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-red-500){--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-teal-300){--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-white){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-yellow-300){--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:placeholder-gray-400)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .dark\\:placeholder-gray-400)::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .dark\\:hover\\:bg-gray-600:hover){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:hover\\:bg-gray-700:hover){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:hover\\:bg-gray-800:hover){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:hover\\:text-gray-200:hover){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:hover\\:text-gray-300:hover){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-blue-200:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-blue-400:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-gray-500:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-gray-600:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-offset-gray-800:focus){--tw-ring-offset-color: #1f2937}@media (min-width: 640px){.racm-root .sm\\:\\!w-auto{width:auto!important}.racm-root .sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.racm-root .sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.racm-root .sm\\:\\!flex-row{flex-direction:row!important}.racm-root .sm\\:\\!flex-wrap{flex-wrap:wrap!important}.racm-root .sm\\:\\!items-center{align-items:center!important}.racm-root .sm\\:\\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.racm-root .sm\\:opacity-0{opacity:0}.racm-root .group:hover .sm\\:group-hover\\:opacity-100{opacity:1}}@media (min-width: 1024px){.racm-root .lg\\:\\!w-auto{width:auto!important}.racm-root .lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.racm-root .lg\\:\\!flex-row{flex-direction:row!important}.racm-root .lg\\:\\!items-end{align-items:flex-end!important}.racm-root .lg\\:\\!justify-between{justify-content:space-between!important}}.racm-root .\\[\\&\\>svg\\]\\:h-3\\.5>svg{height:.875rem}.racm-root .\\[\\&\\>svg\\]\\:h-4>svg{height:1rem}.racm-root .\\[\\&\\>svg\\]\\:w-3\\.5>svg{width:.875rem}.racm-root .\\[\\&\\>svg\\]\\:w-4>svg{width:1rem}', ir = (a, o = "DD MMM YYYY") => {
|
|
10
10
|
if (!a) return "N/A";
|
|
11
11
|
const e = new Date(a);
|
|
12
12
|
if (isNaN(e.getTime())) return "Invalid Date";
|
|
@@ -31,7 +31,7 @@ const bt = '@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;
|
|
|
31
31
|
/YYYY|YY|MMMM|MMM|MM|M|DD|D|dddd|ddd|HH|hh|mm|ss|A/g,
|
|
32
32
|
(c) => String(n[c])
|
|
33
33
|
);
|
|
34
|
-
},
|
|
34
|
+
}, yt = (a, o, e = []) => {
|
|
35
35
|
if (!(o != null && o.trim())) return a;
|
|
36
36
|
const r = o.toLowerCase(), n = (c) => c == null ? [] : typeof c == "object" ? Object.values(c).flatMap(n) : [String(c)];
|
|
37
37
|
return a.filter((c) => {
|
|
@@ -193,7 +193,7 @@ function we({
|
|
|
193
193
|
required: o = !1,
|
|
194
194
|
infoText: e = ""
|
|
195
195
|
}) {
|
|
196
|
-
return /* @__PURE__ */ t(
|
|
196
|
+
return /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ h(
|
|
197
197
|
"label",
|
|
198
198
|
{
|
|
199
199
|
className: x(
|
|
@@ -204,7 +204,7 @@ function we({
|
|
|
204
204
|
a,
|
|
205
205
|
o && /* @__PURE__ */ t("span", { className: "ml-1", children: "*" }),
|
|
206
206
|
e && /* @__PURE__ */ h("span", { className: "ml-2 relative group inline-flex items-center cursor-pointer", children: [
|
|
207
|
-
/* @__PURE__ */ t(
|
|
207
|
+
/* @__PURE__ */ t(nt, { className: "w-4 h-4 text-gray-500 dark:text-gray-400" }),
|
|
208
208
|
/* @__PURE__ */ t(
|
|
209
209
|
"span",
|
|
210
210
|
{
|
|
@@ -221,7 +221,7 @@ function we({
|
|
|
221
221
|
}
|
|
222
222
|
) });
|
|
223
223
|
}
|
|
224
|
-
const
|
|
224
|
+
const Be = [
|
|
225
225
|
{ label: "Afghanistan", code: "AF", phone: "93" },
|
|
226
226
|
{ label: "Aland Islands", code: "AX", phone: "358" },
|
|
227
227
|
{ label: "Albania", code: "AL", phone: "355" },
|
|
@@ -472,7 +472,7 @@ const Te = [
|
|
|
472
472
|
{ label: "Yemen", code: "YE", phone: "967" },
|
|
473
473
|
{ label: "Zambia", code: "ZM", phone: "260" },
|
|
474
474
|
{ label: "Zimbabwe", code: "ZW", phone: "263" }
|
|
475
|
-
],
|
|
475
|
+
], vt = ({
|
|
476
476
|
options: a = [],
|
|
477
477
|
value: o = "",
|
|
478
478
|
defaultValue: e = "",
|
|
@@ -492,64 +492,78 @@ const Te = [
|
|
|
492
492
|
dependencyKey: S = "",
|
|
493
493
|
errorMessage: k = ""
|
|
494
494
|
}) => {
|
|
495
|
-
var
|
|
496
|
-
const [_,
|
|
495
|
+
var fe, ve;
|
|
496
|
+
const [_, j] = R(!1), [$, I] = R(""), [E, B] = R(!0), v = le(null), z = le(null), L = le(null), [F, W] = R(
|
|
497
497
|
[]
|
|
498
|
-
),
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
498
|
+
), [H, A] = R({
|
|
499
|
+
top: 0,
|
|
500
|
+
left: 0,
|
|
501
|
+
width: 0
|
|
502
|
+
}), Y = typeof document < "u" ? ((fe = v.current) == null ? void 0 : fe.closest(".racm-root")) || document.body : null, C = o || o === !1 ? o : e, oe = (D) => D == null || D === "" ? "" : String(typeof D == "boolean" ? D : D ?? ""), ee = () => Be.map((T) => ({
|
|
503
|
+
value: T.code,
|
|
504
|
+
label: T.label,
|
|
505
|
+
code: T.code
|
|
502
506
|
}));
|
|
503
|
-
|
|
507
|
+
q(
|
|
504
508
|
() => {
|
|
505
509
|
(async () => {
|
|
506
510
|
if (y == !0)
|
|
507
|
-
|
|
511
|
+
W(ee());
|
|
508
512
|
else if (typeof a == "function") {
|
|
509
|
-
const
|
|
510
|
-
|
|
513
|
+
const T = await a(w);
|
|
514
|
+
W(T || []);
|
|
511
515
|
} else
|
|
512
|
-
|
|
516
|
+
W(a || []);
|
|
513
517
|
})();
|
|
514
518
|
},
|
|
515
519
|
S ? [a, w == null ? void 0 : w[S]] : [a]
|
|
516
520
|
);
|
|
517
|
-
const
|
|
518
|
-
(
|
|
519
|
-
),
|
|
520
|
-
const
|
|
521
|
-
return l ?
|
|
521
|
+
const ie = l ? (C || []).map(oe) : oe(C), P = F.filter(
|
|
522
|
+
(D) => D.label.toLowerCase().includes($.toLowerCase())
|
|
523
|
+
), V = (D) => {
|
|
524
|
+
const T = oe(D);
|
|
525
|
+
return l ? ie.includes(T) : T === ie;
|
|
522
526
|
};
|
|
523
|
-
|
|
524
|
-
const
|
|
525
|
-
|
|
527
|
+
q(() => {
|
|
528
|
+
const D = (T) => {
|
|
529
|
+
var M;
|
|
530
|
+
v.current && !v.current.contains(T.target) && !((M = z.current) != null && M.contains(T.target)) && (j(!1), I(""));
|
|
526
531
|
};
|
|
527
|
-
return document.addEventListener("mousedown",
|
|
528
|
-
}, []),
|
|
529
|
-
if (_
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
532
|
+
return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
|
|
533
|
+
}, []), q(() => {
|
|
534
|
+
if (!_ || !v.current) return;
|
|
535
|
+
const D = () => {
|
|
536
|
+
if (!v.current) return;
|
|
537
|
+
const T = v.current.getBoundingClientRect(), re = window.innerHeight - T.bottom < (typeof g == "number" ? g : 200);
|
|
538
|
+
B(re), A({
|
|
539
|
+
top: re ? T.top - 4 : T.bottom + 4,
|
|
540
|
+
left: T.left,
|
|
541
|
+
width: T.width
|
|
542
|
+
});
|
|
543
|
+
};
|
|
544
|
+
return D(), window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), () => {
|
|
545
|
+
window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0);
|
|
546
|
+
};
|
|
547
|
+
}, [_]), q(() => {
|
|
548
|
+
_ && L.current && L.current.focus();
|
|
535
549
|
}, [_]);
|
|
536
|
-
const
|
|
537
|
-
let
|
|
538
|
-
if (
|
|
539
|
-
const
|
|
540
|
-
|
|
550
|
+
const pe = (D) => {
|
|
551
|
+
let T = D;
|
|
552
|
+
if (D === "true" ? T = !0 : D === "false" && (T = !1), l) {
|
|
553
|
+
const M = ie.includes(
|
|
554
|
+
oe(D)
|
|
541
555
|
);
|
|
542
|
-
let
|
|
543
|
-
|
|
544
|
-
(
|
|
545
|
-
) :
|
|
556
|
+
let O;
|
|
557
|
+
M ? O = (Array.isArray(o) ? o : []).filter(
|
|
558
|
+
(Q) => oe(Q) !== oe(D)
|
|
559
|
+
) : O = [...Array.isArray(o) ? o : [], T], r == null || r(O);
|
|
546
560
|
} else
|
|
547
|
-
r == null || r(
|
|
561
|
+
r == null || r(T), j(!1);
|
|
548
562
|
I("");
|
|
549
|
-
},
|
|
550
|
-
return
|
|
551
|
-
(
|
|
552
|
-
r == null || r(
|
|
563
|
+
}, U = l ? F.filter((D) => V(D.value)).map((D) => D.label).join(", ") : (ve = F.find((D) => V(D.value))) == null ? void 0 : ve.label;
|
|
564
|
+
return q(() => {
|
|
565
|
+
(C || C === !1) && setTimeout(() => {
|
|
566
|
+
r == null || r(C);
|
|
553
567
|
}, 100);
|
|
554
568
|
}, []), /* @__PURE__ */ h(
|
|
555
569
|
"div",
|
|
@@ -570,30 +584,30 @@ const Te = [
|
|
|
570
584
|
"select",
|
|
571
585
|
{
|
|
572
586
|
name: "hidden_select_for_validation",
|
|
573
|
-
value:
|
|
587
|
+
value: U || "",
|
|
574
588
|
required: p,
|
|
575
589
|
multiple: l,
|
|
576
590
|
id: `field-${m}`,
|
|
577
591
|
className: "absolute opacity-0 right-1/2 top-[80%] -translate-x-1/2 -translate-y-1/2 pointer-events-none h-[10px]",
|
|
578
592
|
onChange: () => {
|
|
579
593
|
},
|
|
580
|
-
children: /* @__PURE__ */ t("option", { hidden: !0, value:
|
|
594
|
+
children: /* @__PURE__ */ t("option", { hidden: !0, value: U, children: U })
|
|
581
595
|
}
|
|
582
596
|
),
|
|
583
597
|
/* @__PURE__ */ h(
|
|
584
598
|
"button",
|
|
585
599
|
{
|
|
586
600
|
type: "button",
|
|
587
|
-
onClick: () => !i &&
|
|
601
|
+
onClick: () => !i && j(!_),
|
|
588
602
|
disabled: i,
|
|
589
603
|
className: `w-full h-10 px-3 border border-gray-300 dark:border-gray-600 rounded-md text-left text-sm flex items-center justify-between
|
|
590
|
-
${
|
|
604
|
+
${U ? "dark:text-white" : "text-gray-500 dark:text-gray-400"}
|
|
591
605
|
${i ? "opacity-50 cursor-not-allowed" : "dark:bg-gray-700"}
|
|
592
606
|
${k ? "border-red-500" : ""}`,
|
|
593
607
|
children: [
|
|
594
|
-
/* @__PURE__ */ t("span", { className: "truncate", children:
|
|
608
|
+
/* @__PURE__ */ t("span", { className: "truncate", children: U || n }),
|
|
595
609
|
/* @__PURE__ */ t(
|
|
596
|
-
|
|
610
|
+
Or,
|
|
597
611
|
{
|
|
598
612
|
className: `w-4 h-4 transition-transform ${_ ? "rotate-180" : ""}`
|
|
599
613
|
}
|
|
@@ -601,61 +615,70 @@ const Te = [
|
|
|
601
615
|
]
|
|
602
616
|
}
|
|
603
617
|
),
|
|
604
|
-
_ &&
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
618
|
+
_ && Y && fr(
|
|
619
|
+
/* @__PURE__ */ h(
|
|
620
|
+
"div",
|
|
621
|
+
{
|
|
622
|
+
ref: z,
|
|
623
|
+
className: "fixed z-50 border rounded-md bg-white dark:bg-gray-700 shadow-lg",
|
|
624
|
+
style: {
|
|
625
|
+
top: H.top,
|
|
626
|
+
left: H.left,
|
|
627
|
+
width: H.width,
|
|
628
|
+
transform: E ? "translateY(-100%)" : void 0
|
|
629
|
+
},
|
|
630
|
+
children: [
|
|
631
|
+
s && /* @__PURE__ */ t("div", { className: "p-2 border-b border-gray-200 dark:border-gray-600", children: /* @__PURE__ */ h("div", { className: "relative", children: [
|
|
632
|
+
/* @__PURE__ */ t(gr, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" }),
|
|
633
|
+
/* @__PURE__ */ t(
|
|
634
|
+
"input",
|
|
635
|
+
{
|
|
636
|
+
ref: L,
|
|
637
|
+
type: "text",
|
|
638
|
+
value: $,
|
|
639
|
+
onChange: (D) => I(D.target.value),
|
|
640
|
+
placeholder: "Search...",
|
|
641
|
+
className: "w-full pl-9 pr-3 py-2 text-sm border rounded-md bg-white dark:bg-gray-800 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none"
|
|
642
|
+
}
|
|
643
|
+
)
|
|
644
|
+
] }) }),
|
|
612
645
|
/* @__PURE__ */ t(
|
|
613
|
-
"
|
|
646
|
+
"div",
|
|
614
647
|
{
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
648
|
+
className: "max-h-40 overflow-y-auto",
|
|
649
|
+
style: {
|
|
650
|
+
maxHeight: g || ""
|
|
651
|
+
},
|
|
652
|
+
children: P.length > 0 ? P.map((D) => /* @__PURE__ */ h(
|
|
653
|
+
"button",
|
|
654
|
+
{
|
|
655
|
+
type: "button",
|
|
656
|
+
onClick: () => pe(String(D.value)),
|
|
657
|
+
className: `w-full px-3 py-2 text-left text-sm flex items-center justify-between hover:bg-gray-100 dark:hover:bg-gray-600
|
|
658
|
+
${V(D.value) ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300" : ""}`,
|
|
659
|
+
children: [
|
|
660
|
+
/* @__PURE__ */ h("div", { className: "flex gap-2 items-center", children: [
|
|
661
|
+
y && (D == null ? void 0 : D.code) && /* @__PURE__ */ t(
|
|
662
|
+
"img",
|
|
663
|
+
{
|
|
664
|
+
src: `https://flagcdn.com/w20/${D == null ? void 0 : D.code.toLowerCase()}.png`,
|
|
665
|
+
alt: D.code,
|
|
666
|
+
className: "w-5 h-3 object-cover"
|
|
667
|
+
}
|
|
668
|
+
),
|
|
669
|
+
/* @__PURE__ */ t("span", { children: D.label })
|
|
670
|
+
] }),
|
|
671
|
+
l && V(D.value) && /* @__PURE__ */ t(it, { className: "w-4 h-4" })
|
|
672
|
+
]
|
|
673
|
+
},
|
|
674
|
+
String(D.value)
|
|
675
|
+
)) : /* @__PURE__ */ t("div", { className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400", children: "No options found" })
|
|
621
676
|
}
|
|
622
677
|
)
|
|
623
|
-
]
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
className: "max-h-40 overflow-y-auto",
|
|
628
|
-
style: {
|
|
629
|
-
maxHeight: g || ""
|
|
630
|
-
},
|
|
631
|
-
children: j.length > 0 ? j.map((C) => /* @__PURE__ */ h(
|
|
632
|
-
"button",
|
|
633
|
-
{
|
|
634
|
-
type: "button",
|
|
635
|
-
onClick: () => X(String(C.value)),
|
|
636
|
-
className: `w-full px-3 py-2 text-left text-sm flex items-center justify-between hover:bg-gray-100 dark:hover:bg-gray-600
|
|
637
|
-
${se(C.value) ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300" : ""}`,
|
|
638
|
-
children: [
|
|
639
|
-
/* @__PURE__ */ h("div", { className: "flex gap-2 items-center", children: [
|
|
640
|
-
y && (C == null ? void 0 : C.code) && /* @__PURE__ */ t(
|
|
641
|
-
"img",
|
|
642
|
-
{
|
|
643
|
-
src: `https://flagcdn.com/w20/${C == null ? void 0 : C.code.toLowerCase()}.png`,
|
|
644
|
-
alt: C.code,
|
|
645
|
-
className: "w-5 h-3 object-cover"
|
|
646
|
-
}
|
|
647
|
-
),
|
|
648
|
-
/* @__PURE__ */ t("span", { children: C.label })
|
|
649
|
-
] }),
|
|
650
|
-
l && se(C.value) && /* @__PURE__ */ t(tt, { className: "w-4 h-4" })
|
|
651
|
-
]
|
|
652
|
-
},
|
|
653
|
-
String(C.value)
|
|
654
|
-
)) : /* @__PURE__ */ t("div", { className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400", children: "No options found" })
|
|
655
|
-
}
|
|
656
|
-
)
|
|
657
|
-
]
|
|
658
|
-
}
|
|
678
|
+
]
|
|
679
|
+
}
|
|
680
|
+
),
|
|
681
|
+
Y
|
|
659
682
|
)
|
|
660
683
|
]
|
|
661
684
|
}
|
|
@@ -674,7 +697,7 @@ const Te = [
|
|
|
674
697
|
},
|
|
675
698
|
m
|
|
676
699
|
);
|
|
677
|
-
},
|
|
700
|
+
}, Tr = tr.forwardRef(
|
|
678
701
|
({
|
|
679
702
|
label: a,
|
|
680
703
|
required: o,
|
|
@@ -750,8 +773,8 @@ const Te = [
|
|
|
750
773
|
}
|
|
751
774
|
)
|
|
752
775
|
);
|
|
753
|
-
|
|
754
|
-
function
|
|
776
|
+
Tr.displayName = "Switch";
|
|
777
|
+
function xt({
|
|
755
778
|
label: a = "",
|
|
756
779
|
value: o = "",
|
|
757
780
|
name: e = "",
|
|
@@ -765,40 +788,60 @@ function ft({
|
|
|
765
788
|
defaultCountry: m = "",
|
|
766
789
|
errorMessage: u = ""
|
|
767
790
|
}) {
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
791
|
+
var H;
|
|
792
|
+
const l = (A) => Be.find((Y) => Y.code == A), [g, w] = R(
|
|
793
|
+
l(m) || Be[0]
|
|
794
|
+
), [y, S] = R(""), [k, _] = R(!1), [j, $] = R(""), I = le(null), E = le(null), [B, v] = R({
|
|
795
|
+
top: 0,
|
|
796
|
+
left: 0,
|
|
797
|
+
width: 0
|
|
798
|
+
}), z = typeof document < "u" ? ((H = I.current) == null ? void 0 : H.closest(".racm-root")) || document.body : null;
|
|
799
|
+
q(() => {
|
|
772
800
|
if (typeof o == "string" && o.startsWith("+")) {
|
|
773
|
-
const
|
|
774
|
-
if (
|
|
775
|
-
w(
|
|
801
|
+
const A = Be.filter((Y) => o.startsWith("+" + Y.phone)).sort((Y, C) => C.phone.length - Y.phone.length)[0];
|
|
802
|
+
if (A) {
|
|
803
|
+
w(A), S(o.replace("+" + A.phone, ""));
|
|
776
804
|
return;
|
|
777
805
|
}
|
|
778
806
|
}
|
|
779
807
|
S(o || "");
|
|
780
808
|
}, [o]);
|
|
781
|
-
const
|
|
782
|
-
const
|
|
783
|
-
S(
|
|
784
|
-
},
|
|
785
|
-
w(
|
|
809
|
+
const L = (A) => {
|
|
810
|
+
const Y = A.target.value.replace(/\D/g, "");
|
|
811
|
+
S(Y), g && n && n("+" + g.phone + Y);
|
|
812
|
+
}, F = (A) => {
|
|
813
|
+
w(A), n && n("+" + A.phone + y), _(!1), $("");
|
|
786
814
|
};
|
|
787
|
-
|
|
788
|
-
const
|
|
789
|
-
|
|
815
|
+
q(() => {
|
|
816
|
+
const A = (Y) => {
|
|
817
|
+
var C;
|
|
818
|
+
I.current && !I.current.contains(Y.target) && !((C = E.current) != null && C.contains(Y.target)) && _(!1);
|
|
790
819
|
};
|
|
791
|
-
return document.addEventListener("mousedown",
|
|
792
|
-
}, [])
|
|
793
|
-
|
|
794
|
-
|
|
820
|
+
return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
|
|
821
|
+
}, []), q(() => {
|
|
822
|
+
if (!k || !I.current) return;
|
|
823
|
+
const A = () => {
|
|
824
|
+
if (!I.current) return;
|
|
825
|
+
const Y = I.current.getBoundingClientRect();
|
|
826
|
+
v({
|
|
827
|
+
top: Y.bottom + 4,
|
|
828
|
+
left: Y.left,
|
|
829
|
+
width: Y.width
|
|
830
|
+
});
|
|
831
|
+
};
|
|
832
|
+
return A(), window.addEventListener("resize", A), window.addEventListener("scroll", A, !0), () => {
|
|
833
|
+
window.removeEventListener("resize", A), window.removeEventListener("scroll", A, !0);
|
|
834
|
+
};
|
|
835
|
+
}, [k]);
|
|
836
|
+
const W = Be.filter(
|
|
837
|
+
(A) => A.label.toLowerCase().includes(j.toLowerCase()) || A.phone.includes(j)
|
|
795
838
|
);
|
|
796
839
|
if (!p) {
|
|
797
|
-
const
|
|
798
|
-
const
|
|
799
|
-
n == null || n(
|
|
840
|
+
const A = (Y) => {
|
|
841
|
+
const C = Y.target.value.replace(/[^+\d]/g, ""), oe = C.startsWith("+") ? "+" + C.replace(/[+]/g, "").slice(0) : C;
|
|
842
|
+
n == null || n(oe);
|
|
800
843
|
};
|
|
801
|
-
return /* @__PURE__ */ t(
|
|
844
|
+
return /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ h(
|
|
802
845
|
"div",
|
|
803
846
|
{
|
|
804
847
|
className: x(
|
|
@@ -812,7 +855,7 @@ function ft({
|
|
|
812
855
|
{
|
|
813
856
|
type: "text",
|
|
814
857
|
value: o,
|
|
815
|
-
onChange:
|
|
858
|
+
onChange: A,
|
|
816
859
|
placeholder: s,
|
|
817
860
|
disabled: c,
|
|
818
861
|
required: i,
|
|
@@ -828,7 +871,7 @@ function ft({
|
|
|
828
871
|
e
|
|
829
872
|
) });
|
|
830
873
|
}
|
|
831
|
-
return /* @__PURE__ */ t(
|
|
874
|
+
return /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ h(
|
|
832
875
|
"div",
|
|
833
876
|
{
|
|
834
877
|
className: x(
|
|
@@ -862,7 +905,7 @@ function ft({
|
|
|
862
905
|
className: "w-5 h-3 object-cover"
|
|
863
906
|
}
|
|
864
907
|
) : /* @__PURE__ */ t("span", { className: "text-gray-400 text-xs", children: "🌐" }),
|
|
865
|
-
/* @__PURE__ */ t(
|
|
908
|
+
/* @__PURE__ */ t(Or, { className: "w-3 h-3 text-gray-500" })
|
|
866
909
|
]
|
|
867
910
|
}
|
|
868
911
|
),
|
|
@@ -875,7 +918,7 @@ function ft({
|
|
|
875
918
|
{
|
|
876
919
|
type: "tel",
|
|
877
920
|
value: y,
|
|
878
|
-
onChange:
|
|
921
|
+
onChange: L,
|
|
879
922
|
required: i,
|
|
880
923
|
id: `field-${e}`,
|
|
881
924
|
disabled: c || !g,
|
|
@@ -904,46 +947,61 @@ function ft({
|
|
|
904
947
|
]
|
|
905
948
|
}
|
|
906
949
|
),
|
|
907
|
-
k &&
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
/* @__PURE__ */ t(
|
|
911
|
-
"input",
|
|
912
|
-
{
|
|
913
|
-
type: "text",
|
|
914
|
-
value: A,
|
|
915
|
-
onChange: (R) => F(R.target.value),
|
|
916
|
-
placeholder: "Search country...",
|
|
917
|
-
className: "w-full pl-9 pr-3 py-2 text-sm border rounded-md bg-white dark:bg-gray-800 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none "
|
|
918
|
-
}
|
|
919
|
-
)
|
|
920
|
-
] }) }),
|
|
921
|
-
v.map((R) => /* @__PURE__ */ h(
|
|
922
|
-
"button",
|
|
950
|
+
k && z && fr(
|
|
951
|
+
/* @__PURE__ */ h(
|
|
952
|
+
"div",
|
|
923
953
|
{
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
954
|
+
ref: E,
|
|
955
|
+
className: "fixed border border-gray-300 dark:border-gray-700 rounded-md bg-white dark:bg-gray-700 shadow-lg z-50 max-h-60 overflow-y-auto",
|
|
956
|
+
style: {
|
|
957
|
+
top: B.top,
|
|
958
|
+
left: B.left,
|
|
959
|
+
width: B.width
|
|
960
|
+
},
|
|
927
961
|
children: [
|
|
928
|
-
/* @__PURE__ */ t(
|
|
929
|
-
"
|
|
962
|
+
b && /* @__PURE__ */ t("div", { className: "p-2 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ h("div", { className: "relative", children: [
|
|
963
|
+
/* @__PURE__ */ t(gr, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400" }),
|
|
964
|
+
/* @__PURE__ */ t(
|
|
965
|
+
"input",
|
|
966
|
+
{
|
|
967
|
+
type: "text",
|
|
968
|
+
value: j,
|
|
969
|
+
onChange: (A) => $(A.target.value),
|
|
970
|
+
placeholder: "Search country...",
|
|
971
|
+
className: "w-full pl-9 pr-3 py-2 text-sm border rounded-md bg-white dark:bg-gray-800 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none "
|
|
972
|
+
}
|
|
973
|
+
)
|
|
974
|
+
] }) }),
|
|
975
|
+
W.map((A) => /* @__PURE__ */ h(
|
|
976
|
+
"button",
|
|
930
977
|
{
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
className: "w-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
978
|
+
type: "button",
|
|
979
|
+
onClick: () => F(A),
|
|
980
|
+
className: "w-full flex items-center gap-2 px-2 py-1 text-sm hover:bg-blue-50 dark:hover:bg-gray-700 text-gray-800 dark:text-gray-100",
|
|
981
|
+
children: [
|
|
982
|
+
/* @__PURE__ */ t(
|
|
983
|
+
"img",
|
|
984
|
+
{
|
|
985
|
+
src: `https://flagcdn.com/w20/${A.code.toLowerCase()}.png`,
|
|
986
|
+
alt: A.code,
|
|
987
|
+
className: "w-5 h-3 object-cover"
|
|
988
|
+
}
|
|
989
|
+
),
|
|
990
|
+
/* @__PURE__ */ h("span", { children: [
|
|
991
|
+
A.label,
|
|
992
|
+
" (+",
|
|
993
|
+
A.phone,
|
|
994
|
+
")"
|
|
995
|
+
] })
|
|
996
|
+
]
|
|
997
|
+
},
|
|
998
|
+
A.code
|
|
999
|
+
))
|
|
942
1000
|
]
|
|
943
|
-
}
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
1001
|
+
}
|
|
1002
|
+
),
|
|
1003
|
+
z
|
|
1004
|
+
)
|
|
947
1005
|
] }),
|
|
948
1006
|
u && /* @__PURE__ */ t(
|
|
949
1007
|
"span",
|
|
@@ -960,7 +1018,7 @@ function ft({
|
|
|
960
1018
|
e
|
|
961
1019
|
) });
|
|
962
1020
|
}
|
|
963
|
-
const
|
|
1021
|
+
const $r = tr.forwardRef(
|
|
964
1022
|
({ className: a = "", label: o, required: e, errorMessage: r = "", name: n, ...c }, i) => {
|
|
965
1023
|
const s = x(
|
|
966
1024
|
f.field.input,
|
|
@@ -968,7 +1026,7 @@ const Ur = tr.forwardRef(
|
|
|
968
1026
|
r ? "border-red-500" : "",
|
|
969
1027
|
a
|
|
970
1028
|
);
|
|
971
|
-
return /* @__PURE__ */ t(
|
|
1029
|
+
return /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ h(
|
|
972
1030
|
"div",
|
|
973
1031
|
{
|
|
974
1032
|
className: x(
|
|
@@ -1005,7 +1063,7 @@ const Ur = tr.forwardRef(
|
|
|
1005
1063
|
) });
|
|
1006
1064
|
}
|
|
1007
1065
|
);
|
|
1008
|
-
|
|
1066
|
+
$r.displayName = "TextArea";
|
|
1009
1067
|
var cr = function(a, o) {
|
|
1010
1068
|
return cr = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
|
|
1011
1069
|
e.__proto__ = r;
|
|
@@ -1013,7 +1071,7 @@ var cr = function(a, o) {
|
|
|
1013
1071
|
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
|
|
1014
1072
|
}, cr(a, o);
|
|
1015
1073
|
};
|
|
1016
|
-
function
|
|
1074
|
+
function kt(a, o) {
|
|
1017
1075
|
if (typeof o != "function" && o !== null)
|
|
1018
1076
|
throw new TypeError("Class extends value " + String(o) + " is not a constructor or null");
|
|
1019
1077
|
cr(a, o);
|
|
@@ -1022,27 +1080,27 @@ function yt(a, o) {
|
|
|
1022
1080
|
}
|
|
1023
1081
|
a.prototype = o === null ? Object.create(o) : (e.prototype = o.prototype, new e());
|
|
1024
1082
|
}
|
|
1025
|
-
var
|
|
1026
|
-
return
|
|
1083
|
+
var de = function() {
|
|
1084
|
+
return de = Object.assign || function(o) {
|
|
1027
1085
|
for (var e, r = 1, n = arguments.length; r < n; r++) {
|
|
1028
1086
|
e = arguments[r];
|
|
1029
1087
|
for (var c in e) Object.prototype.hasOwnProperty.call(e, c) && (o[c] = e[c]);
|
|
1030
1088
|
}
|
|
1031
1089
|
return o;
|
|
1032
|
-
},
|
|
1090
|
+
}, de.apply(this, arguments);
|
|
1033
1091
|
};
|
|
1034
|
-
function
|
|
1092
|
+
function Nt(a) {
|
|
1035
1093
|
return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
|
|
1036
1094
|
}
|
|
1037
|
-
var
|
|
1095
|
+
var Nr = !1, Me, lr, sr, Qe, er, Br, rr, dr, pr, ur, Gr, hr, mr, Yr, Kr;
|
|
1038
1096
|
function me() {
|
|
1039
|
-
if (!
|
|
1040
|
-
|
|
1097
|
+
if (!Nr) {
|
|
1098
|
+
Nr = !0;
|
|
1041
1099
|
var a = navigator.userAgent, o = /(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(a), e = /(Mac OS X)|(Windows)|(Linux)/.exec(a);
|
|
1042
|
-
if (hr = /\b(iPhone|iP[ao]d)/.exec(a), mr = /\b(iP[ao]d)/.exec(a), ur = /Android/i.exec(a),
|
|
1100
|
+
if (hr = /\b(iPhone|iP[ao]d)/.exec(a), mr = /\b(iP[ao]d)/.exec(a), ur = /Android/i.exec(a), Yr = /FBAN\/\w+;/i.exec(a), Kr = /Mobile/i.exec(a), Gr = !!/Win64/.exec(a), o) {
|
|
1043
1101
|
Me = o[1] ? parseFloat(o[1]) : o[5] ? parseFloat(o[5]) : NaN, Me && document && document.documentMode && (Me = document.documentMode);
|
|
1044
1102
|
var r = /(?:Trident\/(\d+.\d+))/.exec(a);
|
|
1045
|
-
|
|
1103
|
+
Br = r ? parseFloat(r[1]) + 4 : Me, lr = o[2] ? parseFloat(o[2]) : NaN, sr = o[3] ? parseFloat(o[3]) : NaN, Qe = o[4] ? parseFloat(o[4]) : NaN, Qe ? (o = /(?:Chrome\/(\d+\.\d+))/.exec(a), er = o && o[1] ? parseFloat(o[1]) : NaN) : er = NaN;
|
|
1046
1104
|
} else
|
|
1047
1105
|
Me = lr = sr = er = Qe = NaN;
|
|
1048
1106
|
if (e) {
|
|
@@ -1073,7 +1131,7 @@ var br = {
|
|
|
1073
1131
|
* not compatibility mode or not ie
|
|
1074
1132
|
*/
|
|
1075
1133
|
ieCompatibilityMode: function() {
|
|
1076
|
-
return me() ||
|
|
1134
|
+
return me() || Br > Me;
|
|
1077
1135
|
},
|
|
1078
1136
|
/**
|
|
1079
1137
|
* Whether the browser is 64-bit IE. Really, this is kind of weak sauce; we
|
|
@@ -1081,7 +1139,7 @@ var br = {
|
|
|
1081
1139
|
* this when we don't need it -- tracked by #601957.
|
|
1082
1140
|
*/
|
|
1083
1141
|
ie64: function() {
|
|
1084
|
-
return br.ie() &&
|
|
1142
|
+
return br.ie() && Gr;
|
|
1085
1143
|
},
|
|
1086
1144
|
/**
|
|
1087
1145
|
* Check if the UA is Firefox.
|
|
@@ -1161,10 +1219,10 @@ var br = {
|
|
|
1161
1219
|
return me() || hr;
|
|
1162
1220
|
},
|
|
1163
1221
|
mobile: function() {
|
|
1164
|
-
return me() || hr || mr || ur ||
|
|
1222
|
+
return me() || hr || mr || ur || Kr;
|
|
1165
1223
|
},
|
|
1166
1224
|
nativeApp: function() {
|
|
1167
|
-
return me() ||
|
|
1225
|
+
return me() || Yr;
|
|
1168
1226
|
},
|
|
1169
1227
|
android: function() {
|
|
1170
1228
|
return me() || ur;
|
|
@@ -1172,10 +1230,10 @@ var br = {
|
|
|
1172
1230
|
ipad: function() {
|
|
1173
1231
|
return me() || mr;
|
|
1174
1232
|
}
|
|
1175
|
-
},
|
|
1176
|
-
canUseDOM:
|
|
1177
|
-
},
|
|
1178
|
-
|
|
1233
|
+
}, St = br, _t = !!(typeof window < "u" && window.document && window.document.createElement), Rt = {
|
|
1234
|
+
canUseDOM: _t
|
|
1235
|
+
}, Ct = Rt, Wr = Ct, Hr;
|
|
1236
|
+
Wr.canUseDOM && (Hr = document.implementation && document.implementation.hasFeature && // always returns true in newer browsers as per the standard.
|
|
1179
1237
|
// @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature
|
|
1180
1238
|
document.implementation.hasFeature("", "") !== !0);
|
|
1181
1239
|
/**
|
|
@@ -1192,32 +1250,32 @@ document.implementation.hasFeature("", "") !== !0);
|
|
|
1192
1250
|
* @internal
|
|
1193
1251
|
* @license Modernizr 3.0.0pre (Custom Build) | MIT
|
|
1194
1252
|
*/
|
|
1195
|
-
function
|
|
1196
|
-
if (!
|
|
1253
|
+
function Mt(a, o) {
|
|
1254
|
+
if (!Wr.canUseDOM || o && !("addEventListener" in document))
|
|
1197
1255
|
return !1;
|
|
1198
1256
|
var e = "on" + a, r = e in document;
|
|
1199
1257
|
if (!r) {
|
|
1200
1258
|
var n = document.createElement("div");
|
|
1201
1259
|
n.setAttribute(e, "return;"), r = typeof n[e] == "function";
|
|
1202
1260
|
}
|
|
1203
|
-
return !r &&
|
|
1261
|
+
return !r && Hr && a === "wheel" && (r = document.implementation.hasFeature("Events.wheel", "3.0")), r;
|
|
1204
1262
|
}
|
|
1205
|
-
var
|
|
1206
|
-
function
|
|
1263
|
+
var Dt = Mt, Lt = St, Pt = Dt, Sr = 10, _r = 40, Rr = 800;
|
|
1264
|
+
function Zr(a) {
|
|
1207
1265
|
var o = 0, e = 0, r = 0, n = 0;
|
|
1208
|
-
return "detail" in a && (e = a.detail), "wheelDelta" in a && (e = -a.wheelDelta / 120), "wheelDeltaY" in a && (e = -a.wheelDeltaY / 120), "wheelDeltaX" in a && (o = -a.wheelDeltaX / 120), "axis" in a && a.axis === a.HORIZONTAL_AXIS && (o = e, e = 0), r = o *
|
|
1266
|
+
return "detail" in a && (e = a.detail), "wheelDelta" in a && (e = -a.wheelDelta / 120), "wheelDeltaY" in a && (e = -a.wheelDeltaY / 120), "wheelDeltaX" in a && (o = -a.wheelDeltaX / 120), "axis" in a && a.axis === a.HORIZONTAL_AXIS && (o = e, e = 0), r = o * Sr, n = e * Sr, "deltaY" in a && (n = a.deltaY), "deltaX" in a && (r = a.deltaX), (r || n) && a.deltaMode && (a.deltaMode == 1 ? (r *= _r, n *= _r) : (r *= Rr, n *= Rr)), r && !o && (o = r < 1 ? -1 : 1), n && !e && (e = n < 1 ? -1 : 1), {
|
|
1209
1267
|
spinX: o,
|
|
1210
1268
|
spinY: e,
|
|
1211
1269
|
pixelX: r,
|
|
1212
1270
|
pixelY: n
|
|
1213
1271
|
};
|
|
1214
1272
|
}
|
|
1215
|
-
|
|
1216
|
-
return
|
|
1273
|
+
Zr.getEventType = function() {
|
|
1274
|
+
return Lt.firefox() ? "DOMMouseScroll" : Pt("wheel") ? "wheel" : "mousewheel";
|
|
1217
1275
|
};
|
|
1218
|
-
var
|
|
1219
|
-
const
|
|
1220
|
-
function
|
|
1276
|
+
var At = Zr, Et = At;
|
|
1277
|
+
const jt = /* @__PURE__ */ Nt(Et);
|
|
1278
|
+
function zt(a, o, e, r, n, c) {
|
|
1221
1279
|
c === void 0 && (c = 0);
|
|
1222
1280
|
var i = Ee(a, o, c), s = i.width, b = i.height, p = Math.min(s, e), m = Math.min(b, r);
|
|
1223
1281
|
return p > m * n ? {
|
|
@@ -1228,30 +1286,30 @@ function At(a, o, e, r, n, c) {
|
|
|
1228
1286
|
height: p / n
|
|
1229
1287
|
};
|
|
1230
1288
|
}
|
|
1231
|
-
function
|
|
1289
|
+
function It(a) {
|
|
1232
1290
|
return a.width > a.height ? a.width / a.naturalWidth : a.height / a.naturalHeight;
|
|
1233
1291
|
}
|
|
1234
|
-
function
|
|
1292
|
+
function $e(a, o, e, r, n) {
|
|
1235
1293
|
n === void 0 && (n = 0);
|
|
1236
1294
|
var c = Ee(o.width, o.height, n), i = c.width, s = c.height;
|
|
1237
1295
|
return {
|
|
1238
|
-
x:
|
|
1239
|
-
y:
|
|
1296
|
+
x: Cr(a.x, i, e.width, r),
|
|
1297
|
+
y: Cr(a.y, s, e.height, r)
|
|
1240
1298
|
};
|
|
1241
1299
|
}
|
|
1242
|
-
function
|
|
1300
|
+
function Cr(a, o, e, r) {
|
|
1243
1301
|
var n = o * r / 2 - e / 2;
|
|
1244
1302
|
return or(a, -n, n);
|
|
1245
1303
|
}
|
|
1246
|
-
function
|
|
1304
|
+
function Mr(a, o) {
|
|
1247
1305
|
return Math.sqrt(Math.pow(a.y - o.y, 2) + Math.pow(a.x - o.x, 2));
|
|
1248
1306
|
}
|
|
1249
|
-
function
|
|
1307
|
+
function Dr(a, o) {
|
|
1250
1308
|
return Math.atan2(o.y - a.y, o.x - a.x) * 180 / Math.PI;
|
|
1251
1309
|
}
|
|
1252
|
-
function
|
|
1310
|
+
function Ut(a, o, e, r, n, c, i) {
|
|
1253
1311
|
c === void 0 && (c = 0), i === void 0 && (i = !0);
|
|
1254
|
-
var s = i ?
|
|
1312
|
+
var s = i ? Ft : Ot, b = Ee(o.width, o.height, c), p = Ee(o.naturalWidth, o.naturalHeight, c), m = {
|
|
1255
1313
|
x: s(100, ((b.width - e.width / n) / 2 - a.x / n) / b.width * 100),
|
|
1256
1314
|
y: s(100, ((b.height - e.height / n) / 2 - a.y / n) / b.height * 100),
|
|
1257
1315
|
width: s(100, e.width / b.width * 100 / n),
|
|
@@ -1262,7 +1320,7 @@ function jt(a, o, e, r, n, c, i) {
|
|
|
1262
1320
|
} : {
|
|
1263
1321
|
width: u,
|
|
1264
1322
|
height: Math.round(u / r)
|
|
1265
|
-
}, y =
|
|
1323
|
+
}, y = de(de({}, w), {
|
|
1266
1324
|
x: Math.round(s(p.width - w.width, m.x * p.width / 100)),
|
|
1267
1325
|
y: Math.round(s(p.height - w.height, m.y * p.height / 100))
|
|
1268
1326
|
});
|
|
@@ -1271,13 +1329,13 @@ function jt(a, o, e, r, n, c, i) {
|
|
|
1271
1329
|
croppedAreaPixels: y
|
|
1272
1330
|
};
|
|
1273
1331
|
}
|
|
1274
|
-
function
|
|
1332
|
+
function Ft(a, o) {
|
|
1275
1333
|
return Math.min(a, Math.max(0, o));
|
|
1276
1334
|
}
|
|
1277
|
-
function
|
|
1335
|
+
function Ot(a, o) {
|
|
1278
1336
|
return o;
|
|
1279
1337
|
}
|
|
1280
|
-
function
|
|
1338
|
+
function Tt(a, o, e, r, n, c) {
|
|
1281
1339
|
var i = Ee(o.width, o.height, e), s = or(r.width / i.width * (100 / a.width), n, c), b = {
|
|
1282
1340
|
x: s * i.width / 2 - r.width / 2 - i.width * s * (a.x / 100),
|
|
1283
1341
|
y: s * i.height / 2 - r.height / 2 - i.height * s * (a.y / 100)
|
|
@@ -1287,13 +1345,13 @@ function Ut(a, o, e, r, n, c) {
|
|
|
1287
1345
|
zoom: s
|
|
1288
1346
|
};
|
|
1289
1347
|
}
|
|
1290
|
-
function
|
|
1291
|
-
var r =
|
|
1348
|
+
function $t(a, o, e) {
|
|
1349
|
+
var r = It(o);
|
|
1292
1350
|
return e.height > e.width ? e.height / (a.height * r) : e.width / (a.width * r);
|
|
1293
1351
|
}
|
|
1294
|
-
function
|
|
1352
|
+
function Bt(a, o, e, r, n, c) {
|
|
1295
1353
|
e === void 0 && (e = 0);
|
|
1296
|
-
var i = Ee(o.naturalWidth, o.naturalHeight, e), s = or(
|
|
1354
|
+
var i = Ee(o.naturalWidth, o.naturalHeight, e), s = or($t(a, o, r), n, c), b = r.height > r.width ? r.height / a.height : r.width / a.width, p = {
|
|
1297
1355
|
x: ((i.width - a.width) / 2 - a.x) * b,
|
|
1298
1356
|
y: ((i.height - a.height) / 2 - a.y) * b
|
|
1299
1357
|
};
|
|
@@ -1302,17 +1360,17 @@ function Ot(a, o, e, r, n, c) {
|
|
|
1302
1360
|
zoom: s
|
|
1303
1361
|
};
|
|
1304
1362
|
}
|
|
1305
|
-
function
|
|
1363
|
+
function Lr(a, o) {
|
|
1306
1364
|
return {
|
|
1307
1365
|
x: (o.x + a.x) / 2,
|
|
1308
1366
|
y: (o.y + a.y) / 2
|
|
1309
1367
|
};
|
|
1310
1368
|
}
|
|
1311
|
-
function
|
|
1369
|
+
function Gt(a) {
|
|
1312
1370
|
return a * Math.PI / 180;
|
|
1313
1371
|
}
|
|
1314
1372
|
function Ee(a, o, e) {
|
|
1315
|
-
var r =
|
|
1373
|
+
var r = Gt(e);
|
|
1316
1374
|
return {
|
|
1317
1375
|
width: Math.abs(Math.cos(r) * a) + Math.abs(Math.sin(r) * o),
|
|
1318
1376
|
height: Math.abs(Math.sin(r) * a) + Math.abs(Math.cos(r) * o)
|
|
@@ -1328,7 +1386,7 @@ function Je() {
|
|
|
1328
1386
|
return typeof e == "string" && e.length > 0;
|
|
1329
1387
|
}).join(" ").trim();
|
|
1330
1388
|
}
|
|
1331
|
-
var
|
|
1389
|
+
var Yt = `.reactEasyCrop_Container {
|
|
1332
1390
|
position: absolute;
|
|
1333
1391
|
top: 0;
|
|
1334
1392
|
left: 0;
|
|
@@ -1408,13 +1466,13 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1408
1466
|
border-left: 0;
|
|
1409
1467
|
border-right: 0;
|
|
1410
1468
|
}
|
|
1411
|
-
`,
|
|
1469
|
+
`, Kt = 1, Wt = 3, Ht = 1, Zt = (
|
|
1412
1470
|
/** @class */
|
|
1413
1471
|
function(a) {
|
|
1414
|
-
|
|
1472
|
+
kt(o, a);
|
|
1415
1473
|
function o() {
|
|
1416
1474
|
var e = a !== null && a.apply(this, arguments) || this;
|
|
1417
|
-
return e.cropperRef =
|
|
1475
|
+
return e.cropperRef = Se.createRef(), e.imageRef = Se.createRef(), e.videoRef = Se.createRef(), e.containerPosition = {
|
|
1418
1476
|
x: 0,
|
|
1419
1477
|
y: 0
|
|
1420
1478
|
}, e.containerRef = null, e.styleRef = null, e.containerRect = null, e.mediaSize = {
|
|
@@ -1454,10 +1512,10 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1454
1512
|
r && (e.previousCropSize = r, e.emitCropData(), e.setInitialCrop(r), e.isInitialized = !0), e.props.onMediaLoaded && e.props.onMediaLoaded(e.mediaSize);
|
|
1455
1513
|
}, e.setInitialCrop = function(r) {
|
|
1456
1514
|
if (e.props.initialCroppedAreaPercentages) {
|
|
1457
|
-
var n =
|
|
1515
|
+
var n = Tt(e.props.initialCroppedAreaPercentages, e.mediaSize, e.props.rotation, r, e.props.minZoom, e.props.maxZoom), c = n.crop, i = n.zoom;
|
|
1458
1516
|
e.props.onCropChange(c), e.props.onZoomChange && e.props.onZoomChange(i);
|
|
1459
1517
|
} else if (e.props.initialCroppedAreaPixels) {
|
|
1460
|
-
var s =
|
|
1518
|
+
var s = Bt(e.props.initialCroppedAreaPixels, e.mediaSize, e.props.rotation, r, e.props.minZoom, e.props.maxZoom), c = s.crop, i = s.zoom;
|
|
1461
1519
|
e.props.onCropChange(c), e.props.onZoomChange && e.props.onZoomChange(i);
|
|
1462
1520
|
}
|
|
1463
1521
|
}, e.computeSizes = function() {
|
|
@@ -1495,11 +1553,11 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1495
1553
|
width: p.offsetWidth,
|
|
1496
1554
|
height: p.offsetHeight
|
|
1497
1555
|
};
|
|
1498
|
-
e.mediaSize =
|
|
1556
|
+
e.mediaSize = de(de({}, y), {
|
|
1499
1557
|
naturalWidth: u,
|
|
1500
1558
|
naturalHeight: l
|
|
1501
1559
|
}), e.props.setMediaSize && e.props.setMediaSize(e.mediaSize);
|
|
1502
|
-
var S = e.props.cropSize ? e.props.cropSize :
|
|
1560
|
+
var S = e.props.cropSize ? e.props.cropSize : zt(e.mediaSize.width, e.mediaSize.height, e.containerRect.width, e.containerRect.height, e.props.aspect, e.props.rotation);
|
|
1503
1561
|
return (((s = e.state.cropSize) === null || s === void 0 ? void 0 : s.height) !== S.height || ((b = e.state.cropSize) === null || b === void 0 ? void 0 : b.width) !== S.width) && e.props.onCropSizeChange && e.props.onCropSizeChange(S), e.setState({
|
|
1504
1562
|
cropSize: S
|
|
1505
1563
|
}, e.recomputeCropPosition), e.props.setCropSize && e.props.setCropSize(S), S;
|
|
@@ -1543,7 +1601,7 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1543
1601
|
e.dragStartPosition = {
|
|
1544
1602
|
x: i,
|
|
1545
1603
|
y: s
|
|
1546
|
-
}, e.dragStartCrop =
|
|
1604
|
+
}, e.dragStartCrop = de({}, e.props.crop), (c = (n = e.props).onInteractionStart) === null || c === void 0 || c.call(n);
|
|
1547
1605
|
}, e.onDrag = function(r) {
|
|
1548
1606
|
var n = r.x, c = r.y;
|
|
1549
1607
|
e.currentWindow && (e.rafDragTimeout && e.currentWindow.cancelAnimationFrame(e.rafDragTimeout), e.rafDragTimeout = e.currentWindow.requestAnimationFrame(function() {
|
|
@@ -1551,7 +1609,7 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1551
1609
|
var i = n - e.dragStartPosition.x, s = c - e.dragStartPosition.y, b = {
|
|
1552
1610
|
x: e.dragStartCrop.x + i,
|
|
1553
1611
|
y: e.dragStartCrop.y + s
|
|
1554
|
-
}, p = e.props.restrictPosition ?
|
|
1612
|
+
}, p = e.props.restrictPosition ? $e(b, e.mediaSize, e.state.cropSize, e.props.zoom, e.props.rotation) : b;
|
|
1555
1613
|
e.props.onCropChange(p);
|
|
1556
1614
|
}
|
|
1557
1615
|
}));
|
|
@@ -1561,7 +1619,7 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1561
1619
|
}, e.onWheel = function(r) {
|
|
1562
1620
|
if (e.currentWindow && !(e.props.onWheelRequest && !e.props.onWheelRequest(r))) {
|
|
1563
1621
|
r.preventDefault();
|
|
1564
|
-
var n = o.getMousePoint(r), c =
|
|
1622
|
+
var n = o.getMousePoint(r), c = jt(r).pixelY, i = e.props.zoom - c * e.props.zoomSpeed / 200;
|
|
1565
1623
|
e.setNewZoom(i, n, {
|
|
1566
1624
|
shouldUpdatePosition: !0
|
|
1567
1625
|
}), e.state.hasWheelJustStarted || e.setState({
|
|
@@ -1600,7 +1658,7 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1600
1658
|
var m = e.getPointOnContainer(n, e.containerPosition), u = e.getPointOnMedia(m), l = {
|
|
1601
1659
|
x: u.x * p - m.x,
|
|
1602
1660
|
y: u.y * p - m.y
|
|
1603
|
-
}, g = e.props.restrictPosition ?
|
|
1661
|
+
}, g = e.props.restrictPosition ? $e(l, e.mediaSize, e.state.cropSize, p, e.props.rotation) : l;
|
|
1604
1662
|
e.props.onCropChange(g);
|
|
1605
1663
|
}
|
|
1606
1664
|
e.props.onZoomChange(p);
|
|
@@ -1608,8 +1666,8 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1608
1666
|
}, e.getCropData = function() {
|
|
1609
1667
|
if (!e.state.cropSize)
|
|
1610
1668
|
return null;
|
|
1611
|
-
var r = e.props.restrictPosition ?
|
|
1612
|
-
return
|
|
1669
|
+
var r = e.props.restrictPosition ? $e(e.props.crop, e.mediaSize, e.state.cropSize, e.props.zoom, e.props.rotation) : e.props.crop;
|
|
1670
|
+
return Ut(r, e.mediaSize, e.state.cropSize, e.getAspect(), e.props.zoom, e.props.rotation, e.props.restrictPosition);
|
|
1613
1671
|
}, e.emitCropData = function() {
|
|
1614
1672
|
var r = e.getCropData();
|
|
1615
1673
|
if (r) {
|
|
@@ -1636,14 +1694,14 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1636
1694
|
};
|
|
1637
1695
|
}
|
|
1638
1696
|
}
|
|
1639
|
-
var p = e.props.restrictPosition ?
|
|
1697
|
+
var p = e.props.restrictPosition ? $e(c, e.mediaSize, e.state.cropSize, e.props.zoom, e.props.rotation) : c;
|
|
1640
1698
|
e.previousCropSize = e.state.cropSize, e.props.onCropChange(p), e.emitCropData();
|
|
1641
1699
|
}
|
|
1642
1700
|
}, e.onKeyDown = function(r) {
|
|
1643
1701
|
var n, c, i = e.props, s = i.crop, b = i.onCropChange, p = i.keyboardStep, m = i.zoom, u = i.rotation, l = p;
|
|
1644
1702
|
if (e.state.cropSize) {
|
|
1645
1703
|
r.shiftKey && (l *= 0.2);
|
|
1646
|
-
var g =
|
|
1704
|
+
var g = de({}, s);
|
|
1647
1705
|
switch (r.key) {
|
|
1648
1706
|
case "ArrowUp":
|
|
1649
1707
|
g.y -= l, r.preventDefault();
|
|
@@ -1660,7 +1718,7 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1660
1718
|
default:
|
|
1661
1719
|
return;
|
|
1662
1720
|
}
|
|
1663
|
-
e.props.restrictPosition && (g =
|
|
1721
|
+
e.props.restrictPosition && (g = $e(g, e.mediaSize, e.state.cropSize, m, u)), r.repeat || (c = (n = e.props).onInteractionStart) === null || c === void 0 || c.call(n), b(g);
|
|
1664
1722
|
}
|
|
1665
1723
|
}, e.onKeyUp = function(r) {
|
|
1666
1724
|
var n, c;
|
|
@@ -1680,7 +1738,7 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1680
1738
|
return o.prototype.componentDidMount = function() {
|
|
1681
1739
|
!this.currentDoc || !this.currentWindow || (this.containerRef && (this.containerRef.ownerDocument && (this.currentDoc = this.containerRef.ownerDocument), this.currentDoc.defaultView && (this.currentWindow = this.currentDoc.defaultView), this.initResizeObserver(), typeof window.ResizeObserver > "u" && this.currentWindow.addEventListener("resize", this.computeSizes), this.props.zoomWithScroll && this.containerRef.addEventListener("wheel", this.onWheel, {
|
|
1682
1740
|
passive: !1
|
|
1683
|
-
}), this.containerRef.addEventListener("gesturestart", this.onGestureStart)), this.currentDoc.addEventListener("scroll", this.onScroll), this.props.disableAutomaticStylesInjection || (this.styleRef = this.currentDoc.createElement("style"), this.styleRef.setAttribute("type", "text/css"), this.props.nonce && this.styleRef.setAttribute("nonce", this.props.nonce), this.styleRef.innerHTML =
|
|
1741
|
+
}), this.containerRef.addEventListener("gesturestart", this.onGestureStart)), this.currentDoc.addEventListener("scroll", this.onScroll), this.props.disableAutomaticStylesInjection || (this.styleRef = this.currentDoc.createElement("style"), this.styleRef.setAttribute("type", "text/css"), this.props.nonce && this.styleRef.setAttribute("nonce", this.props.nonce), this.styleRef.innerHTML = Yt, this.currentDoc.head.appendChild(this.styleRef)), this.imageRef.current && this.imageRef.current.complete && this.onMediaLoad(), this.props.setImageRef && this.props.setImageRef(this.imageRef), this.props.setVideoRef && this.props.setVideoRef(this.videoRef), this.props.setCropperRef && this.props.setCropperRef(this.cropperRef));
|
|
1684
1742
|
}, o.prototype.componentWillUnmount = function() {
|
|
1685
1743
|
var e, r;
|
|
1686
1744
|
!this.currentDoc || !this.currentWindow || (typeof window.ResizeObserver > "u" && this.currentWindow.removeEventListener("resize", this.computeSizes), (e = this.resizeObserver) === null || e === void 0 || e.disconnect(), this.containerRef && this.containerRef.removeEventListener("gesturestart", this.preventZoomSafari), this.styleRef && ((r = this.styleRef.parentNode) === null || r === void 0 || r.removeChild(this.styleRef)), this.cleanEvents(), this.props.zoomWithScroll && this.clearScrollEvent());
|
|
@@ -1710,63 +1768,63 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1710
1768
|
return this.props.objectFit;
|
|
1711
1769
|
}, o.prototype.onPinchStart = function(e) {
|
|
1712
1770
|
var r = o.getTouchPoint(e.touches[0]), n = o.getTouchPoint(e.touches[1]);
|
|
1713
|
-
this.lastPinchDistance =
|
|
1771
|
+
this.lastPinchDistance = Mr(r, n), this.lastPinchRotation = Dr(r, n), this.onDragStart(Lr(r, n));
|
|
1714
1772
|
}, o.prototype.onPinchMove = function(e) {
|
|
1715
1773
|
var r = this;
|
|
1716
1774
|
if (!(!this.currentDoc || !this.currentWindow)) {
|
|
1717
|
-
var n = o.getTouchPoint(e.touches[0]), c = o.getTouchPoint(e.touches[1]), i =
|
|
1775
|
+
var n = o.getTouchPoint(e.touches[0]), c = o.getTouchPoint(e.touches[1]), i = Lr(n, c);
|
|
1718
1776
|
this.onDrag(i), this.rafPinchTimeout && this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout), this.rafPinchTimeout = this.currentWindow.requestAnimationFrame(function() {
|
|
1719
|
-
var s =
|
|
1777
|
+
var s = Mr(n, c), b = r.props.zoom * (s / r.lastPinchDistance);
|
|
1720
1778
|
r.setNewZoom(b, i, {
|
|
1721
1779
|
shouldUpdatePosition: !1
|
|
1722
1780
|
}), r.lastPinchDistance = s;
|
|
1723
|
-
var p =
|
|
1781
|
+
var p = Dr(n, c), m = r.props.rotation + (p - r.lastPinchRotation);
|
|
1724
1782
|
r.props.onRotationChange && r.props.onRotationChange(m), r.lastPinchRotation = p;
|
|
1725
1783
|
});
|
|
1726
1784
|
}
|
|
1727
1785
|
}, o.prototype.render = function() {
|
|
1728
|
-
var e = this, r, n = this.props, c = n.image, i = n.video, s = n.mediaProps, b = n.cropperProps, p = n.transform, m = n.crop, u = m.x, l = m.y, g = n.rotation, w = n.zoom, y = n.cropShape, S = n.showGrid, k = n.roundCropAreaPixels, _ = n.style,
|
|
1729
|
-
return
|
|
1786
|
+
var e = this, r, n = this.props, c = n.image, i = n.video, s = n.mediaProps, b = n.cropperProps, p = n.transform, m = n.crop, u = m.x, l = m.y, g = n.rotation, w = n.zoom, y = n.cropShape, S = n.showGrid, k = n.roundCropAreaPixels, _ = n.style, j = _.containerStyle, $ = _.cropAreaStyle, I = _.mediaStyle, E = n.classes, B = E.containerClassName, v = E.cropAreaClassName, z = E.mediaClassName, L = (r = this.state.mediaObjectFit) !== null && r !== void 0 ? r : this.getObjectFit();
|
|
1787
|
+
return Se.createElement("div", {
|
|
1730
1788
|
onMouseDown: this.onMouseDown,
|
|
1731
1789
|
onTouchStart: this.onTouchStart,
|
|
1732
|
-
ref: function(
|
|
1733
|
-
return e.containerRef =
|
|
1790
|
+
ref: function(W) {
|
|
1791
|
+
return e.containerRef = W;
|
|
1734
1792
|
},
|
|
1735
1793
|
"data-testid": "container",
|
|
1736
|
-
style:
|
|
1737
|
-
className: Je("reactEasyCrop_Container",
|
|
1738
|
-
}, c ?
|
|
1794
|
+
style: j,
|
|
1795
|
+
className: Je("reactEasyCrop_Container", B)
|
|
1796
|
+
}, c ? Se.createElement("img", de({
|
|
1739
1797
|
alt: "",
|
|
1740
|
-
className: Je("reactEasyCrop_Image",
|
|
1798
|
+
className: Je("reactEasyCrop_Image", L === "contain" && "reactEasyCrop_Contain", L === "horizontal-cover" && "reactEasyCrop_Cover_Horizontal", L === "vertical-cover" && "reactEasyCrop_Cover_Vertical", z)
|
|
1741
1799
|
}, s, {
|
|
1742
1800
|
src: c,
|
|
1743
1801
|
ref: this.imageRef,
|
|
1744
|
-
style:
|
|
1802
|
+
style: de(de({}, I), {
|
|
1745
1803
|
transform: p || "translate(".concat(u, "px, ").concat(l, "px) rotate(").concat(g, "deg) scale(").concat(w, ")")
|
|
1746
1804
|
}),
|
|
1747
1805
|
onLoad: this.onMediaLoad
|
|
1748
|
-
})) : i &&
|
|
1806
|
+
})) : i && Se.createElement("video", de({
|
|
1749
1807
|
autoPlay: !0,
|
|
1750
1808
|
playsInline: !0,
|
|
1751
1809
|
loop: !0,
|
|
1752
1810
|
muted: !0,
|
|
1753
|
-
className: Je("reactEasyCrop_Video",
|
|
1811
|
+
className: Je("reactEasyCrop_Video", L === "contain" && "reactEasyCrop_Contain", L === "horizontal-cover" && "reactEasyCrop_Cover_Horizontal", L === "vertical-cover" && "reactEasyCrop_Cover_Vertical", z)
|
|
1754
1812
|
}, s, {
|
|
1755
1813
|
ref: this.videoRef,
|
|
1756
1814
|
onLoadedMetadata: this.onMediaLoad,
|
|
1757
|
-
style:
|
|
1815
|
+
style: de(de({}, I), {
|
|
1758
1816
|
transform: p || "translate(".concat(u, "px, ").concat(l, "px) rotate(").concat(g, "deg) scale(").concat(w, ")")
|
|
1759
1817
|
}),
|
|
1760
1818
|
controls: !1
|
|
1761
1819
|
}), (Array.isArray(i) ? i : [{
|
|
1762
1820
|
src: i
|
|
1763
|
-
}]).map(function(
|
|
1764
|
-
return
|
|
1765
|
-
key:
|
|
1766
|
-
},
|
|
1767
|
-
})), this.state.cropSize &&
|
|
1821
|
+
}]).map(function(F) {
|
|
1822
|
+
return Se.createElement("source", de({
|
|
1823
|
+
key: F.src
|
|
1824
|
+
}, F));
|
|
1825
|
+
})), this.state.cropSize && Se.createElement("div", de({
|
|
1768
1826
|
ref: this.cropperRef,
|
|
1769
|
-
style:
|
|
1827
|
+
style: de(de({}, $), {
|
|
1770
1828
|
width: k ? Math.round(this.state.cropSize.width) : this.state.cropSize.width,
|
|
1771
1829
|
height: k ? Math.round(this.state.cropSize.height) : this.state.cropSize.height
|
|
1772
1830
|
}),
|
|
@@ -1780,8 +1838,8 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1780
1838
|
zoom: 1,
|
|
1781
1839
|
rotation: 0,
|
|
1782
1840
|
aspect: 4 / 3,
|
|
1783
|
-
maxZoom:
|
|
1784
|
-
minZoom:
|
|
1841
|
+
maxZoom: Wt,
|
|
1842
|
+
minZoom: Kt,
|
|
1785
1843
|
cropShape: "rect",
|
|
1786
1844
|
objectFit: "contain",
|
|
1787
1845
|
showGrid: !0,
|
|
@@ -1792,7 +1850,7 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1792
1850
|
zoomSpeed: 1,
|
|
1793
1851
|
restrictPosition: !0,
|
|
1794
1852
|
zoomWithScroll: !0,
|
|
1795
|
-
keyboardStep:
|
|
1853
|
+
keyboardStep: Ht
|
|
1796
1854
|
}, o.getMousePoint = function(e) {
|
|
1797
1855
|
return {
|
|
1798
1856
|
x: Number(e.clientX),
|
|
@@ -1804,22 +1862,22 @@ var $t = `.reactEasyCrop_Container {
|
|
|
1804
1862
|
y: Number(e.clientY)
|
|
1805
1863
|
};
|
|
1806
1864
|
}, o;
|
|
1807
|
-
}(
|
|
1865
|
+
}(Se.Component)
|
|
1808
1866
|
);
|
|
1809
|
-
const
|
|
1867
|
+
const Pr = ge, Vt = (a) => new Promise((o, e) => {
|
|
1810
1868
|
const r = new Image();
|
|
1811
1869
|
r.addEventListener("load", () => o(r)), r.addEventListener("error", (n) => e(n)), r.setAttribute("crossOrigin", "anonymous"), r.src = a;
|
|
1812
|
-
}),
|
|
1813
|
-
const r =
|
|
1870
|
+
}), Vr = (a) => a * Math.PI / 180, Xt = (a, o, e) => {
|
|
1871
|
+
const r = Vr(e);
|
|
1814
1872
|
return {
|
|
1815
1873
|
width: Math.abs(Math.cos(r) * a) + Math.abs(Math.sin(r) * o),
|
|
1816
1874
|
height: Math.abs(Math.sin(r) * a) + Math.abs(Math.cos(r) * o)
|
|
1817
1875
|
};
|
|
1818
|
-
},
|
|
1819
|
-
const n = await
|
|
1876
|
+
}, Jt = async (a, o, e = "image/jpeg", r = 0) => {
|
|
1877
|
+
const n = await Vt(a), c = document.createElement("canvas"), i = c.getContext("2d");
|
|
1820
1878
|
if (!i)
|
|
1821
1879
|
throw new Error("Canvas context is not available");
|
|
1822
|
-
const s =
|
|
1880
|
+
const s = Vr(r), { width: b, height: p } = Xt(
|
|
1823
1881
|
n.width,
|
|
1824
1882
|
n.height,
|
|
1825
1883
|
r
|
|
@@ -1851,7 +1909,7 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
1851
1909
|
0.95
|
|
1852
1910
|
);
|
|
1853
1911
|
});
|
|
1854
|
-
},
|
|
1912
|
+
}, Xr = ({
|
|
1855
1913
|
isOpen: a,
|
|
1856
1914
|
imageSrc: o,
|
|
1857
1915
|
fileType: e = "image/jpeg",
|
|
@@ -1861,24 +1919,24 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
1861
1919
|
onClose: i,
|
|
1862
1920
|
onApply: s
|
|
1863
1921
|
}) => {
|
|
1864
|
-
const [b, p] =
|
|
1865
|
-
|
|
1922
|
+
const [b, p] = R({ x: 0, y: 0 }), [m, u] = R(1), [l, g] = R(null);
|
|
1923
|
+
q(() => {
|
|
1866
1924
|
a && (p({ x: 0, y: 0 }), u(1), g(null));
|
|
1867
1925
|
}, [a]);
|
|
1868
|
-
const w =
|
|
1926
|
+
const w = ot((S, k) => {
|
|
1869
1927
|
g(k);
|
|
1870
1928
|
}, []), y = async () => {
|
|
1871
1929
|
var S, k;
|
|
1872
1930
|
if (!(!o || !l))
|
|
1873
1931
|
try {
|
|
1874
|
-
const _ = await
|
|
1932
|
+
const _ = await Jt(
|
|
1875
1933
|
o,
|
|
1876
1934
|
l,
|
|
1877
1935
|
e
|
|
1878
|
-
),
|
|
1936
|
+
), j = ((k = (S = e == null ? void 0 : e.split("/")) == null ? void 0 : S[1]) == null ? void 0 : k.replace("jpeg", "jpg")) || "jpg", $ = new File([_], `${r}.${j}`, {
|
|
1879
1937
|
type: e
|
|
1880
1938
|
});
|
|
1881
|
-
s == null || s(
|
|
1939
|
+
s == null || s($);
|
|
1882
1940
|
} catch {
|
|
1883
1941
|
i == null || i();
|
|
1884
1942
|
}
|
|
@@ -1914,7 +1972,7 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
1914
1972
|
] }),
|
|
1915
1973
|
/* @__PURE__ */ h("div", { className: "p-4 space-y-4", children: [
|
|
1916
1974
|
/* @__PURE__ */ t("div", { className: "relative h-72 w-full bg-gray-900 rounded-md overflow-hidden", children: o && /* @__PURE__ */ t(
|
|
1917
|
-
|
|
1975
|
+
Zt,
|
|
1918
1976
|
{
|
|
1919
1977
|
image: o,
|
|
1920
1978
|
crop: b,
|
|
@@ -1943,7 +2001,7 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
1943
2001
|
] }),
|
|
1944
2002
|
/* @__PURE__ */ h("div", { className: "px-4 py-3 flex justify-end gap-3 border-t border-gray-200 dark:border-gray-700 sm:!px-6", children: [
|
|
1945
2003
|
/* @__PURE__ */ t(
|
|
1946
|
-
|
|
2004
|
+
Pr,
|
|
1947
2005
|
{
|
|
1948
2006
|
type: "button",
|
|
1949
2007
|
onClick: i,
|
|
@@ -1953,7 +2011,7 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
1953
2011
|
}
|
|
1954
2012
|
),
|
|
1955
2013
|
/* @__PURE__ */ t(
|
|
1956
|
-
|
|
2014
|
+
Pr,
|
|
1957
2015
|
{
|
|
1958
2016
|
type: "button",
|
|
1959
2017
|
onClick: y,
|
|
@@ -1967,9 +2025,9 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
1967
2025
|
]
|
|
1968
2026
|
}
|
|
1969
2027
|
) : null;
|
|
1970
|
-
},
|
|
2028
|
+
}, qt = ge, Re = (a) => {
|
|
1971
2029
|
typeof a == "string" && a.startsWith("blob:") && URL.revokeObjectURL(a);
|
|
1972
|
-
},
|
|
2030
|
+
}, Qt = ({
|
|
1973
2031
|
label: a = "",
|
|
1974
2032
|
value: o = null,
|
|
1975
2033
|
onChange: e,
|
|
@@ -1983,47 +2041,47 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
1983
2041
|
parentClass: m = "",
|
|
1984
2042
|
errorMessage: u = ""
|
|
1985
2043
|
}) => {
|
|
1986
|
-
const [l, g] =
|
|
1987
|
-
|
|
2044
|
+
const [l, g] = R(o), [w, y] = R(!1), [S, k] = R(!1), [_, j] = R(""), [$, I] = R("image/jpeg"), [E, B] = R("cropped-image"), v = le(null), z = le(""), L = le("");
|
|
2045
|
+
q(() => {
|
|
1988
2046
|
if (o instanceof File) {
|
|
1989
2047
|
const P = URL.createObjectURL(o);
|
|
1990
|
-
Re(
|
|
2048
|
+
Re(L.current), L.current = P, g({ file: o, preview: P });
|
|
1991
2049
|
} else o && typeof o == "object" && "preview" in o, g(o);
|
|
1992
|
-
}, [o]),
|
|
1993
|
-
Re(
|
|
2050
|
+
}, [o]), q(() => () => {
|
|
2051
|
+
Re(L.current), Re(z.current);
|
|
1994
2052
|
}, []);
|
|
1995
|
-
const
|
|
1996
|
-
k(!1), Re(
|
|
1997
|
-
},
|
|
1998
|
-
const
|
|
1999
|
-
Re(
|
|
2000
|
-
},
|
|
2053
|
+
const F = () => {
|
|
2054
|
+
k(!1), Re(z.current), z.current = "", j(""), v.current && (v.current.value = "");
|
|
2055
|
+
}, W = (P) => {
|
|
2056
|
+
const V = URL.createObjectURL(P);
|
|
2057
|
+
Re(L.current), L.current = V, g({ file: P, preview: V }), e == null || e(P), F();
|
|
2058
|
+
}, H = (P) => {
|
|
2001
2059
|
if (!P || P.length === 0)
|
|
2002
2060
|
return;
|
|
2003
|
-
const
|
|
2061
|
+
const V = P[0];
|
|
2004
2062
|
if (b) {
|
|
2005
|
-
const U = URL.createObjectURL(
|
|
2006
|
-
Re(
|
|
2007
|
-
(
|
|
2063
|
+
const U = URL.createObjectURL(V);
|
|
2064
|
+
Re(z.current), z.current = U, j(U), I(V.type || "image/jpeg"), B(
|
|
2065
|
+
(V.name || "cropped-image").replace(/\.[^/.]+$/, "")
|
|
2008
2066
|
), k(!0);
|
|
2009
2067
|
return;
|
|
2010
2068
|
}
|
|
2011
|
-
const
|
|
2012
|
-
Re(
|
|
2013
|
-
},
|
|
2014
|
-
P && P.stopPropagation(), Re(
|
|
2015
|
-
},
|
|
2069
|
+
const pe = URL.createObjectURL(V);
|
|
2070
|
+
Re(L.current), L.current = pe, g({ file: V, preview: pe }), e == null || e(V);
|
|
2071
|
+
}, A = (P) => {
|
|
2072
|
+
P && P.stopPropagation(), Re(L.current), L.current = "", g(null), e == null || e(null), v.current && (v.current.value = "");
|
|
2073
|
+
}, Y = (P) => {
|
|
2016
2074
|
s && (P.preventDefault(), y(!0));
|
|
2017
|
-
},
|
|
2075
|
+
}, C = (P) => {
|
|
2018
2076
|
s && (P.preventDefault(), y(!1));
|
|
2019
|
-
},
|
|
2020
|
-
var
|
|
2021
|
-
s && (P.preventDefault(), y(!1), (
|
|
2022
|
-
},
|
|
2077
|
+
}, oe = (P) => {
|
|
2078
|
+
var V, pe, U, fe;
|
|
2079
|
+
s && (P.preventDefault(), y(!1), (fe = (U = (pe = (V = P.dataTransfer) == null ? void 0 : V.files) == null ? void 0 : pe[0]) == null ? void 0 : U.type) != null && fe.includes("image/") && H(P.dataTransfer.files));
|
|
2080
|
+
}, ee = () => {
|
|
2023
2081
|
var P;
|
|
2024
2082
|
(P = v.current) == null || P.click();
|
|
2025
|
-
},
|
|
2026
|
-
return /* @__PURE__ */ h(
|
|
2083
|
+
}, ie = l && typeof l == "object" && "preview" in l ? l.preview : typeof l == "string" ? l : "";
|
|
2084
|
+
return /* @__PURE__ */ h(Z, { children: [
|
|
2027
2085
|
/* @__PURE__ */ h(
|
|
2028
2086
|
"div",
|
|
2029
2087
|
{
|
|
@@ -2043,9 +2101,9 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
2043
2101
|
w ? "border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800",
|
|
2044
2102
|
u ? "border-red-500" : ""
|
|
2045
2103
|
),
|
|
2046
|
-
onDragOver:
|
|
2047
|
-
onDragLeave:
|
|
2048
|
-
onDrop:
|
|
2104
|
+
onDragOver: Y,
|
|
2105
|
+
onDragLeave: C,
|
|
2106
|
+
onDrop: oe,
|
|
2049
2107
|
id: `field-${p}`,
|
|
2050
2108
|
children: [
|
|
2051
2109
|
/* @__PURE__ */ t(
|
|
@@ -2055,7 +2113,7 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
2055
2113
|
id: i,
|
|
2056
2114
|
type: "file",
|
|
2057
2115
|
accept: n,
|
|
2058
|
-
onChange: (P) =>
|
|
2116
|
+
onChange: (P) => H(P.target.files),
|
|
2059
2117
|
required: r && !l,
|
|
2060
2118
|
className: "absolute opacity-0 right-[50%] top-[80%] -translate-y-1/2 pointer-events-none h-[10px]"
|
|
2061
2119
|
}
|
|
@@ -2069,7 +2127,7 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
2069
2127
|
/* @__PURE__ */ t(
|
|
2070
2128
|
"img",
|
|
2071
2129
|
{
|
|
2072
|
-
src:
|
|
2130
|
+
src: ie,
|
|
2073
2131
|
alt: "preview",
|
|
2074
2132
|
className: "object-cover w-20 h-20 rounded-full shadow-md"
|
|
2075
2133
|
}
|
|
@@ -2078,7 +2136,7 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
2078
2136
|
"button",
|
|
2079
2137
|
{
|
|
2080
2138
|
type: "button",
|
|
2081
|
-
onClick:
|
|
2139
|
+
onClick: A,
|
|
2082
2140
|
className: "absolute top-0 -right-2 bg-red-500 text-white rounded-full p-1 shadow-lg hover:bg-red-600 transition-colors focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2",
|
|
2083
2141
|
"aria-label": "Remove image",
|
|
2084
2142
|
children: /* @__PURE__ */ t(be, { icon: "mdi:close", className: "w-3 h-3" })
|
|
@@ -2093,10 +2151,10 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
2093
2151
|
) }),
|
|
2094
2152
|
/* @__PURE__ */ h("div", { className: "flex flex-col items-center space-y-1", children: [
|
|
2095
2153
|
/* @__PURE__ */ t(
|
|
2096
|
-
|
|
2154
|
+
qt,
|
|
2097
2155
|
{
|
|
2098
2156
|
type: "button",
|
|
2099
|
-
onClick:
|
|
2157
|
+
onClick: ee,
|
|
2100
2158
|
variant: "outlined",
|
|
2101
2159
|
color: "default",
|
|
2102
2160
|
children: l ? "Change Image" : "Select Image"
|
|
@@ -2126,19 +2184,19 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
2126
2184
|
p
|
|
2127
2185
|
),
|
|
2128
2186
|
/* @__PURE__ */ t(
|
|
2129
|
-
|
|
2187
|
+
Xr,
|
|
2130
2188
|
{
|
|
2131
2189
|
isOpen: S,
|
|
2132
2190
|
imageSrc: _,
|
|
2133
|
-
fileType:
|
|
2191
|
+
fileType: $,
|
|
2134
2192
|
fileName: E,
|
|
2135
|
-
onClose:
|
|
2136
|
-
onApply:
|
|
2193
|
+
onClose: F,
|
|
2194
|
+
onApply: W,
|
|
2137
2195
|
aspect: Number(c)
|
|
2138
2196
|
}
|
|
2139
2197
|
)
|
|
2140
2198
|
] });
|
|
2141
|
-
},
|
|
2199
|
+
}, Jr = tr.forwardRef(
|
|
2142
2200
|
({
|
|
2143
2201
|
label: a,
|
|
2144
2202
|
value: o,
|
|
@@ -2157,7 +2215,7 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
2157
2215
|
maskApplyOnValue: w = !0,
|
|
2158
2216
|
...y
|
|
2159
2217
|
}, S) => {
|
|
2160
|
-
const [k, _] =
|
|
2218
|
+
const [k, _] = R(!1), j = (E) => {
|
|
2161
2219
|
if (i === "number") {
|
|
2162
2220
|
if (["e", "E", "+"].includes(E.key)) {
|
|
2163
2221
|
E.preventDefault();
|
|
@@ -2173,7 +2231,7 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
2173
2231
|
}
|
|
2174
2232
|
}
|
|
2175
2233
|
s == null || s(E);
|
|
2176
|
-
},
|
|
2234
|
+
}, $ = x(
|
|
2177
2235
|
f.field.input,
|
|
2178
2236
|
"h-10 placeholder-gray-400 dark:placeholder-gray-400",
|
|
2179
2237
|
i === "password" ? "pr-10" : "",
|
|
@@ -2181,24 +2239,24 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
2181
2239
|
c,
|
|
2182
2240
|
g ? "border-red-500" : ""
|
|
2183
2241
|
);
|
|
2184
|
-
function I(E,
|
|
2242
|
+
function I(E, B) {
|
|
2185
2243
|
if (!E) return E;
|
|
2186
2244
|
const v = String(E).replace(/[^a-zA-Z0-9]/g, "");
|
|
2187
|
-
let
|
|
2188
|
-
for (let
|
|
2189
|
-
const
|
|
2190
|
-
|
|
2245
|
+
let z = "", L = 0;
|
|
2246
|
+
for (let F = 0; F < (B == null ? void 0 : B.length) && L < v.length; F++) {
|
|
2247
|
+
const W = B[F], H = v[L];
|
|
2248
|
+
W === "9" ? /\d/.test(H) ? (z += H, L++) : (L++, F--) : W === "A" ? /[a-zA-Z]/.test(H) ? (z += H, L++) : (L++, F--) : W === "X" ? /[a-zA-Z0-9]/.test(H) ? (z += H, L++) : (L++, F--) : W === "*" ? (z += H, L++) : (z += W, H === W && L++);
|
|
2191
2249
|
}
|
|
2192
|
-
return
|
|
2250
|
+
return z;
|
|
2193
2251
|
}
|
|
2194
|
-
return
|
|
2252
|
+
return q(() => {
|
|
2195
2253
|
if (p) {
|
|
2196
2254
|
const E = o || p;
|
|
2197
2255
|
setTimeout(() => {
|
|
2198
2256
|
u == null || u(E);
|
|
2199
2257
|
}, 100);
|
|
2200
2258
|
}
|
|
2201
|
-
}, [p]), /* @__PURE__ */ t(
|
|
2259
|
+
}, [p]), /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ h(
|
|
2202
2260
|
"div",
|
|
2203
2261
|
{
|
|
2204
2262
|
className: x(
|
|
@@ -2222,8 +2280,8 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
2222
2280
|
ref: S,
|
|
2223
2281
|
id: `field-${e}`,
|
|
2224
2282
|
required: r,
|
|
2225
|
-
onKeyDown:
|
|
2226
|
-
className:
|
|
2283
|
+
onKeyDown: j,
|
|
2284
|
+
className: $,
|
|
2227
2285
|
value: l ? I(o, l) : o,
|
|
2228
2286
|
onChange: (E) => {
|
|
2229
2287
|
u(l && w ? I(E.target.value, l) : E.target.value);
|
|
@@ -2264,8 +2322,8 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
2264
2322
|
) });
|
|
2265
2323
|
}
|
|
2266
2324
|
);
|
|
2267
|
-
|
|
2268
|
-
const
|
|
2325
|
+
Jr.displayName = "Input";
|
|
2326
|
+
const ea = ({
|
|
2269
2327
|
editorKey: a = "",
|
|
2270
2328
|
value: o = "",
|
|
2271
2329
|
name: e = "",
|
|
@@ -2303,15 +2361,15 @@ const Jt = ({
|
|
|
2303
2361
|
"table",
|
|
2304
2362
|
"help",
|
|
2305
2363
|
"wordcount"
|
|
2306
|
-
],
|
|
2364
|
+
], j = "undo redo | blocks | bold italic underline forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media table | removeformat | code fullscreen preview", $ = (I) => new Promise((E, B) => {
|
|
2307
2365
|
if (!S) {
|
|
2308
2366
|
E(`data:${I.blob().type};base64,${I.base64()}`);
|
|
2309
2367
|
return;
|
|
2310
2368
|
}
|
|
2311
2369
|
S(I).then((v) => {
|
|
2312
|
-
v ? E(v) :
|
|
2370
|
+
v ? E(v) : B("Upload failed: No URL returned");
|
|
2313
2371
|
}).catch((v) => {
|
|
2314
|
-
|
|
2372
|
+
B(
|
|
2315
2373
|
typeof v == "string" ? v : (v == null ? void 0 : v.message) || "Image upload failed"
|
|
2316
2374
|
);
|
|
2317
2375
|
});
|
|
@@ -2324,7 +2382,7 @@ const Jt = ({
|
|
|
2324
2382
|
children: [
|
|
2325
2383
|
n && /* @__PURE__ */ t(we, { label: n, required: c }),
|
|
2326
2384
|
/* @__PURE__ */ t(
|
|
2327
|
-
|
|
2385
|
+
bt,
|
|
2328
2386
|
{
|
|
2329
2387
|
apiKey: a,
|
|
2330
2388
|
value: o,
|
|
@@ -2336,9 +2394,9 @@ const Jt = ({
|
|
|
2336
2394
|
branding: !1,
|
|
2337
2395
|
statusbar: !0,
|
|
2338
2396
|
automatic_uploads: !0,
|
|
2339
|
-
images_upload_handler:
|
|
2397
|
+
images_upload_handler: $,
|
|
2340
2398
|
plugins: u ?? _,
|
|
2341
|
-
toolbar: l ??
|
|
2399
|
+
toolbar: l ?? j,
|
|
2342
2400
|
placeholder: i,
|
|
2343
2401
|
content_style: `
|
|
2344
2402
|
body {
|
|
@@ -2366,7 +2424,7 @@ const Jt = ({
|
|
|
2366
2424
|
]
|
|
2367
2425
|
}
|
|
2368
2426
|
);
|
|
2369
|
-
},
|
|
2427
|
+
}, ra = ({
|
|
2370
2428
|
name: a = "",
|
|
2371
2429
|
label: o = "",
|
|
2372
2430
|
options: e = [],
|
|
@@ -2396,7 +2454,7 @@ const Jt = ({
|
|
|
2396
2454
|
n(k, a);
|
|
2397
2455
|
}
|
|
2398
2456
|
};
|
|
2399
|
-
return u ? /* @__PURE__ */ t(
|
|
2457
|
+
return u ? /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ h("div", { className: x(f.field.wrapper, s), children: [
|
|
2400
2458
|
/* @__PURE__ */ t(we, { label: o, required: i }),
|
|
2401
2459
|
/* @__PURE__ */ t("div", { className: "flex flex-col space-y-2", children: e.map((y, S) => /* @__PURE__ */ h("div", { className: "flex items-center", children: [
|
|
2402
2460
|
/* @__PURE__ */ t(
|
|
@@ -2473,7 +2531,7 @@ const Jt = ({
|
|
|
2473
2531
|
]
|
|
2474
2532
|
}
|
|
2475
2533
|
);
|
|
2476
|
-
},
|
|
2534
|
+
}, Ar = ge, ta = ({
|
|
2477
2535
|
label: a = "",
|
|
2478
2536
|
value: o = null,
|
|
2479
2537
|
onChange: e,
|
|
@@ -2486,10 +2544,10 @@ const Jt = ({
|
|
|
2486
2544
|
errorMessage: p = "",
|
|
2487
2545
|
maxSize: m = 0
|
|
2488
2546
|
}) => {
|
|
2489
|
-
const [u, l] =
|
|
2547
|
+
const [u, l] = R(
|
|
2490
2548
|
null
|
|
2491
|
-
), [g, w] =
|
|
2492
|
-
|
|
2549
|
+
), [g, w] = R(!1), y = le(null), S = m * 1024 * 1024;
|
|
2550
|
+
q(() => {
|
|
2493
2551
|
if (!o) {
|
|
2494
2552
|
k(), l(null);
|
|
2495
2553
|
return;
|
|
@@ -2506,26 +2564,26 @@ const Jt = ({
|
|
|
2506
2564
|
}, _ = (v) => {
|
|
2507
2565
|
if (!v || v.length === 0)
|
|
2508
2566
|
return;
|
|
2509
|
-
const
|
|
2510
|
-
if (S &&
|
|
2567
|
+
const z = v[0];
|
|
2568
|
+
if (S && z.size > S) {
|
|
2511
2569
|
De(
|
|
2512
2570
|
`Audio is too large. Maximum allowed size is ${m} MB`,
|
|
2513
2571
|
{ variant: "warning" }
|
|
2514
2572
|
);
|
|
2515
2573
|
return;
|
|
2516
2574
|
}
|
|
2517
|
-
const
|
|
2518
|
-
k(), l({ file:
|
|
2519
|
-
},
|
|
2575
|
+
const L = URL.createObjectURL(z);
|
|
2576
|
+
k(), l({ file: z, preview: L }), e == null || e(z);
|
|
2577
|
+
}, j = (v) => {
|
|
2520
2578
|
v && v.stopPropagation(), k(), l(null), e == null || e(null), y.current && (y.current.value = "");
|
|
2521
|
-
},
|
|
2579
|
+
}, $ = (v) => {
|
|
2522
2580
|
i && (v.preventDefault(), w(!0));
|
|
2523
2581
|
}, I = (v) => {
|
|
2524
2582
|
i && (v.preventDefault(), w(!1));
|
|
2525
2583
|
}, E = (v) => {
|
|
2526
|
-
var
|
|
2527
|
-
i && (v.preventDefault(), w(!1), (
|
|
2528
|
-
},
|
|
2584
|
+
var z, L, F, W;
|
|
2585
|
+
i && (v.preventDefault(), w(!1), (W = (F = (L = (z = v.dataTransfer) == null ? void 0 : z.files) == null ? void 0 : L[0]) == null ? void 0 : F.type) != null && W.includes("audio/") && _(v.dataTransfer.files));
|
|
2586
|
+
}, B = () => {
|
|
2529
2587
|
var v;
|
|
2530
2588
|
(v = y.current) == null || v.click();
|
|
2531
2589
|
};
|
|
@@ -2548,7 +2606,7 @@ const Jt = ({
|
|
|
2548
2606
|
g ? "border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800",
|
|
2549
2607
|
p ? "border-red-500" : ""
|
|
2550
2608
|
),
|
|
2551
|
-
onDragOver:
|
|
2609
|
+
onDragOver: $,
|
|
2552
2610
|
onDragLeave: I,
|
|
2553
2611
|
onDrop: E,
|
|
2554
2612
|
id: `field-${s}`,
|
|
@@ -2575,7 +2633,7 @@ const Jt = ({
|
|
|
2575
2633
|
"button",
|
|
2576
2634
|
{
|
|
2577
2635
|
type: "button",
|
|
2578
|
-
onClick:
|
|
2636
|
+
onClick: j,
|
|
2579
2637
|
className: "absolute top-0 -right-2 bg-red-500 text-white rounded-full p-1 shadow-lg hover:bg-red-600 transition-colors z-10 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800",
|
|
2580
2638
|
"aria-label": "Remove audio",
|
|
2581
2639
|
children: /* @__PURE__ */ t(be, { icon: "mdi:close", className: "w-3 h-3" })
|
|
@@ -2591,15 +2649,15 @@ const Jt = ({
|
|
|
2591
2649
|
u.preview
|
|
2592
2650
|
)
|
|
2593
2651
|
] }),
|
|
2594
|
-
/* @__PURE__ */ t(
|
|
2652
|
+
/* @__PURE__ */ t(Ar, { type: "button", onClick: B, children: /* @__PURE__ */ t("span", { children: "Change Audio File" }) })
|
|
2595
2653
|
] }) : /* @__PURE__ */ h("div", { className: "flex items-center justify-center space-x-4", children: [
|
|
2596
2654
|
/* @__PURE__ */ t("div", { className: "rounded-full bg-gray-100 dark:bg-gray-700 h-20 w-20 flex items-center justify-center", children: /* @__PURE__ */ t(be, { icon: "mdi:music", className: "text-gray-400 w-10 h-10" }) }),
|
|
2597
2655
|
/* @__PURE__ */ h("div", { className: "flex flex-col items-center space-y-1", children: [
|
|
2598
2656
|
/* @__PURE__ */ t(
|
|
2599
|
-
|
|
2657
|
+
Ar,
|
|
2600
2658
|
{
|
|
2601
2659
|
type: "button",
|
|
2602
|
-
onClick:
|
|
2660
|
+
onClick: B,
|
|
2603
2661
|
variant: "outlined",
|
|
2604
2662
|
children: /* @__PURE__ */ t("span", { children: "Choose Audio File" })
|
|
2605
2663
|
}
|
|
@@ -2627,7 +2685,7 @@ const Jt = ({
|
|
|
2627
2685
|
},
|
|
2628
2686
|
s
|
|
2629
2687
|
);
|
|
2630
|
-
},
|
|
2688
|
+
}, Er = ge, aa = (a) => {
|
|
2631
2689
|
if (!a)
|
|
2632
2690
|
return null;
|
|
2633
2691
|
if (a instanceof File) {
|
|
@@ -2663,7 +2721,7 @@ const Jt = ({
|
|
|
2663
2721
|
}
|
|
2664
2722
|
}
|
|
2665
2723
|
return null;
|
|
2666
|
-
},
|
|
2724
|
+
}, oa = ({
|
|
2667
2725
|
label: a = "",
|
|
2668
2726
|
value: o = [],
|
|
2669
2727
|
onChange: e,
|
|
@@ -2678,106 +2736,106 @@ const Jt = ({
|
|
|
2678
2736
|
maxImages: u,
|
|
2679
2737
|
errorMessage: l = ""
|
|
2680
2738
|
}) => {
|
|
2681
|
-
const [g, w] =
|
|
2682
|
-
|
|
2683
|
-
|
|
2684
|
-
}, [g]),
|
|
2685
|
-
|
|
2686
|
-
|
|
2687
|
-
}),
|
|
2688
|
-
}, []),
|
|
2739
|
+
const [g, w] = R([]), [y, S] = R(!1), [k, _] = R(!1), [j, $] = R(""), [I, E] = R("image/jpeg"), [B, v] = R("cropped-image"), [z, L] = R(null), F = le(null), W = le(null), H = le(""), A = le([]);
|
|
2740
|
+
q(() => {
|
|
2741
|
+
A.current = g;
|
|
2742
|
+
}, [g]), q(() => () => {
|
|
2743
|
+
A.current.forEach((M) => {
|
|
2744
|
+
M.createdBlobUrl && URL.revokeObjectURL(M.createdBlobUrl);
|
|
2745
|
+
}), H.current && URL.revokeObjectURL(H.current);
|
|
2746
|
+
}, []), q(() => {
|
|
2689
2747
|
if (!Array.isArray(o)) {
|
|
2690
2748
|
w([]);
|
|
2691
2749
|
return;
|
|
2692
2750
|
}
|
|
2693
|
-
const
|
|
2694
|
-
w((
|
|
2695
|
-
|
|
2696
|
-
}),
|
|
2751
|
+
const M = o.map((O) => aa(O)).filter(Boolean);
|
|
2752
|
+
w((O) => (O.forEach((Q) => {
|
|
2753
|
+
Q.createdBlobUrl && URL.revokeObjectURL(Q.createdBlobUrl);
|
|
2754
|
+
}), M));
|
|
2697
2755
|
}, [o]);
|
|
2698
|
-
const
|
|
2699
|
-
_(!1),
|
|
2700
|
-
},
|
|
2701
|
-
var
|
|
2702
|
-
|
|
2703
|
-
(((
|
|
2704
|
-
), M
|
|
2705
|
-
},
|
|
2706
|
-
const
|
|
2707
|
-
w((
|
|
2708
|
-
const
|
|
2709
|
-
...
|
|
2710
|
-
file:
|
|
2711
|
-
preview:
|
|
2712
|
-
createdBlobUrl:
|
|
2756
|
+
const Y = typeof u == "number" && u > 0 ? Math.max(u - g.length, 0) : Number.POSITIVE_INFINITY, C = () => {
|
|
2757
|
+
_(!1), H.current && (URL.revokeObjectURL(H.current), H.current = ""), $(""), L(null), F.current && (F.current.value = "");
|
|
2758
|
+
}, oe = (M) => {
|
|
2759
|
+
var O, Q;
|
|
2760
|
+
$(M.preview), E(((O = M.file) == null ? void 0 : O.type) || "image/jpeg"), v(
|
|
2761
|
+
(((Q = M.file) == null ? void 0 : Q.name) || "cropped-image").replace(/\.[^/.]+$/, "")
|
|
2762
|
+
), L(M.id), _(!0);
|
|
2763
|
+
}, ee = (M) => {
|
|
2764
|
+
const O = URL.createObjectURL(M);
|
|
2765
|
+
w((Q) => {
|
|
2766
|
+
const re = Q.map((X) => X.id !== z ? X : (X.createdBlobUrl && URL.revokeObjectURL(X.createdBlobUrl), {
|
|
2767
|
+
...X,
|
|
2768
|
+
file: M,
|
|
2769
|
+
preview: O,
|
|
2770
|
+
createdBlobUrl: O
|
|
2713
2771
|
}));
|
|
2714
2772
|
return e == null || e(
|
|
2715
|
-
|
|
2716
|
-
),
|
|
2717
|
-
}),
|
|
2718
|
-
},
|
|
2719
|
-
if (!
|
|
2773
|
+
re.map((X) => X.file ? X.file : X.preview)
|
|
2774
|
+
), re;
|
|
2775
|
+
}), C();
|
|
2776
|
+
}, ie = (M) => {
|
|
2777
|
+
if (!M || M.length === 0 || Y === 0)
|
|
2720
2778
|
return;
|
|
2721
|
-
const
|
|
2722
|
-
if (
|
|
2779
|
+
const O = Array.from(M).filter((re) => re.type.includes("image/")).slice(0, Y);
|
|
2780
|
+
if (O.length === 0)
|
|
2723
2781
|
return;
|
|
2724
|
-
const
|
|
2725
|
-
const
|
|
2782
|
+
const Q = O.map((re) => {
|
|
2783
|
+
const X = URL.createObjectURL(re);
|
|
2726
2784
|
return {
|
|
2727
2785
|
id: `${Date.now()}-${Math.random()}`,
|
|
2728
|
-
file:
|
|
2729
|
-
preview:
|
|
2730
|
-
createdBlobUrl:
|
|
2786
|
+
file: re,
|
|
2787
|
+
preview: X,
|
|
2788
|
+
createdBlobUrl: X
|
|
2731
2789
|
};
|
|
2732
2790
|
});
|
|
2733
|
-
w((
|
|
2734
|
-
const
|
|
2791
|
+
w((re) => {
|
|
2792
|
+
const X = [...re, ...Q];
|
|
2735
2793
|
return e == null || e(
|
|
2736
|
-
|
|
2737
|
-
),
|
|
2738
|
-
}),
|
|
2739
|
-
}, P = (
|
|
2740
|
-
w((
|
|
2741
|
-
const
|
|
2742
|
-
|
|
2743
|
-
const
|
|
2794
|
+
X.map((ne) => ne.file ? ne.file : ne.preview)
|
|
2795
|
+
), X;
|
|
2796
|
+
}), F.current && (F.current.value = "");
|
|
2797
|
+
}, P = (M) => {
|
|
2798
|
+
w((O) => {
|
|
2799
|
+
const Q = O.find((X) => X.id === M);
|
|
2800
|
+
Q != null && Q.createdBlobUrl && URL.revokeObjectURL(Q.createdBlobUrl);
|
|
2801
|
+
const re = O.filter((X) => X.id !== M);
|
|
2744
2802
|
return e == null || e(
|
|
2745
|
-
|
|
2746
|
-
),
|
|
2747
|
-
}),
|
|
2748
|
-
},
|
|
2749
|
-
var
|
|
2750
|
-
M
|
|
2751
|
-
},
|
|
2752
|
-
if (!
|
|
2803
|
+
re.map((X) => X.file ? X.file : X.preview)
|
|
2804
|
+
), re;
|
|
2805
|
+
}), F.current && (F.current.value = "");
|
|
2806
|
+
}, V = (M) => {
|
|
2807
|
+
var O;
|
|
2808
|
+
L(M), (O = W.current) == null || O.click();
|
|
2809
|
+
}, pe = (M) => {
|
|
2810
|
+
if (!M || M.length === 0 || !z)
|
|
2753
2811
|
return;
|
|
2754
|
-
const
|
|
2755
|
-
if (
|
|
2812
|
+
const O = Array.from(M).find((re) => re.type.includes("image/"));
|
|
2813
|
+
if (!O)
|
|
2756
2814
|
return;
|
|
2757
|
-
const
|
|
2758
|
-
w((
|
|
2759
|
-
const
|
|
2760
|
-
...
|
|
2761
|
-
file:
|
|
2762
|
-
preview:
|
|
2763
|
-
createdBlobUrl:
|
|
2815
|
+
const Q = URL.createObjectURL(O);
|
|
2816
|
+
w((re) => {
|
|
2817
|
+
const X = re.map((ne) => ne.id !== z ? ne : (ne.createdBlobUrl && URL.revokeObjectURL(ne.createdBlobUrl), {
|
|
2818
|
+
...ne,
|
|
2819
|
+
file: O,
|
|
2820
|
+
preview: Q,
|
|
2821
|
+
createdBlobUrl: Q
|
|
2764
2822
|
}));
|
|
2765
2823
|
return e == null || e(
|
|
2766
|
-
|
|
2767
|
-
),
|
|
2768
|
-
}),
|
|
2769
|
-
}, U = (
|
|
2770
|
-
s && (
|
|
2771
|
-
},
|
|
2772
|
-
s && (
|
|
2773
|
-
}, ve = (
|
|
2774
|
-
var
|
|
2775
|
-
s && (
|
|
2776
|
-
},
|
|
2777
|
-
var
|
|
2778
|
-
(
|
|
2779
|
-
},
|
|
2780
|
-
return /* @__PURE__ */ h(
|
|
2824
|
+
X.map((ne) => ne.file ? ne.file : ne.preview)
|
|
2825
|
+
), X;
|
|
2826
|
+
}), L(null), W.current && (W.current.value = "");
|
|
2827
|
+
}, U = (M) => {
|
|
2828
|
+
s && (M.preventDefault(), S(!0));
|
|
2829
|
+
}, fe = (M) => {
|
|
2830
|
+
s && (M.preventDefault(), S(!1));
|
|
2831
|
+
}, ve = (M) => {
|
|
2832
|
+
var O;
|
|
2833
|
+
s && (M.preventDefault(), S(!1), ie(((O = M.dataTransfer) == null ? void 0 : O.files) || null));
|
|
2834
|
+
}, D = () => {
|
|
2835
|
+
var M;
|
|
2836
|
+
(M = F.current) == null || M.click();
|
|
2837
|
+
}, T = typeof u == "number" && u > 0 ? g.length < u : !0;
|
|
2838
|
+
return /* @__PURE__ */ h(Z, { children: [
|
|
2781
2839
|
/* @__PURE__ */ h(
|
|
2782
2840
|
"div",
|
|
2783
2841
|
{
|
|
@@ -2798,19 +2856,19 @@ const Jt = ({
|
|
|
2798
2856
|
l ? "border-red-500" : ""
|
|
2799
2857
|
),
|
|
2800
2858
|
onDragOver: U,
|
|
2801
|
-
onDragLeave:
|
|
2859
|
+
onDragLeave: fe,
|
|
2802
2860
|
onDrop: ve,
|
|
2803
2861
|
id: `field-${p}`,
|
|
2804
2862
|
children: [
|
|
2805
2863
|
/* @__PURE__ */ t(
|
|
2806
2864
|
"input",
|
|
2807
2865
|
{
|
|
2808
|
-
ref:
|
|
2866
|
+
ref: F,
|
|
2809
2867
|
id: i,
|
|
2810
2868
|
type: "file",
|
|
2811
2869
|
accept: n,
|
|
2812
2870
|
multiple: !0,
|
|
2813
|
-
onChange: (
|
|
2871
|
+
onChange: (M) => ie(M.target.files),
|
|
2814
2872
|
required: r && g.length === 0,
|
|
2815
2873
|
className: "absolute opacity-0 pointer-events-none h-1 w-1"
|
|
2816
2874
|
}
|
|
@@ -2818,10 +2876,10 @@ const Jt = ({
|
|
|
2818
2876
|
/* @__PURE__ */ t(
|
|
2819
2877
|
"input",
|
|
2820
2878
|
{
|
|
2821
|
-
ref:
|
|
2879
|
+
ref: W,
|
|
2822
2880
|
type: "file",
|
|
2823
2881
|
accept: n,
|
|
2824
|
-
onChange: (
|
|
2882
|
+
onChange: (M) => pe(M.target.files),
|
|
2825
2883
|
className: "absolute opacity-0 pointer-events-none h-1 w-1"
|
|
2826
2884
|
}
|
|
2827
2885
|
),
|
|
@@ -2835,10 +2893,10 @@ const Jt = ({
|
|
|
2835
2893
|
) }),
|
|
2836
2894
|
/* @__PURE__ */ h("div", { className: "flex flex-col items-center space-y-1", children: [
|
|
2837
2895
|
/* @__PURE__ */ t(
|
|
2838
|
-
|
|
2896
|
+
Er,
|
|
2839
2897
|
{
|
|
2840
2898
|
type: "button",
|
|
2841
|
-
onClick:
|
|
2899
|
+
onClick: D,
|
|
2842
2900
|
variant: "outlined",
|
|
2843
2901
|
color: "default",
|
|
2844
2902
|
children: /* @__PURE__ */ t("span", { className: "text-sm font-medium", children: "Choose Images" })
|
|
@@ -2846,14 +2904,14 @@ const Jt = ({
|
|
|
2846
2904
|
),
|
|
2847
2905
|
s && /* @__PURE__ */ t("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "or drag and drop your images here" })
|
|
2848
2906
|
] })
|
|
2849
|
-
] }) : /* @__PURE__ */ h(
|
|
2907
|
+
] }) : /* @__PURE__ */ h(Z, { children: [
|
|
2850
2908
|
/* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 mb-3", children: [
|
|
2851
2909
|
/* @__PURE__ */ t(
|
|
2852
|
-
|
|
2910
|
+
Er,
|
|
2853
2911
|
{
|
|
2854
2912
|
type: "button",
|
|
2855
|
-
onClick:
|
|
2856
|
-
disabled: !
|
|
2913
|
+
onClick: D,
|
|
2914
|
+
disabled: !T,
|
|
2857
2915
|
variant: "outlined",
|
|
2858
2916
|
color: "default",
|
|
2859
2917
|
children: /* @__PURE__ */ t("span", { className: "text-sm font-medium", children: "Upload Images" })
|
|
@@ -2861,7 +2919,7 @@ const Jt = ({
|
|
|
2861
2919
|
),
|
|
2862
2920
|
/* @__PURE__ */ t("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: u ? `${g.length}/${u}` : `${g.length} selected` })
|
|
2863
2921
|
] }),
|
|
2864
|
-
/* @__PURE__ */ t("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3", children: g.map((
|
|
2922
|
+
/* @__PURE__ */ t("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3", children: g.map((M) => /* @__PURE__ */ h(
|
|
2865
2923
|
"div",
|
|
2866
2924
|
{
|
|
2867
2925
|
className: "relative group rounded-md overflow-hidden border border-gray-200 dark:border-gray-700",
|
|
@@ -2869,7 +2927,7 @@ const Jt = ({
|
|
|
2869
2927
|
/* @__PURE__ */ t(
|
|
2870
2928
|
"img",
|
|
2871
2929
|
{
|
|
2872
|
-
src:
|
|
2930
|
+
src: M.preview,
|
|
2873
2931
|
alt: "preview",
|
|
2874
2932
|
className: "w-full h-28 object-cover"
|
|
2875
2933
|
}
|
|
@@ -2879,7 +2937,7 @@ const Jt = ({
|
|
|
2879
2937
|
"button",
|
|
2880
2938
|
{
|
|
2881
2939
|
type: "button",
|
|
2882
|
-
onClick: () =>
|
|
2940
|
+
onClick: () => V(M.id),
|
|
2883
2941
|
className: "w-7 h-7 rounded-full bg-white/90 text-gray-800 hover:bg-white flex items-center justify-center shadow",
|
|
2884
2942
|
"aria-label": "Replace image",
|
|
2885
2943
|
children: /* @__PURE__ */ t(be, { icon: "solar:refresh-bold", className: "w-4 h-4" })
|
|
@@ -2889,7 +2947,7 @@ const Jt = ({
|
|
|
2889
2947
|
"button",
|
|
2890
2948
|
{
|
|
2891
2949
|
type: "button",
|
|
2892
|
-
onClick: () =>
|
|
2950
|
+
onClick: () => oe(M),
|
|
2893
2951
|
className: "w-7 h-7 rounded-full bg-white/90 text-gray-800 hover:bg-white flex items-center justify-center shadow",
|
|
2894
2952
|
"aria-label": "Crop image",
|
|
2895
2953
|
children: /* @__PURE__ */ t(be, { icon: "solar:crop-bold", className: "w-4 h-4" })
|
|
@@ -2899,7 +2957,7 @@ const Jt = ({
|
|
|
2899
2957
|
"button",
|
|
2900
2958
|
{
|
|
2901
2959
|
type: "button",
|
|
2902
|
-
onClick: () => P(
|
|
2960
|
+
onClick: () => P(M.id),
|
|
2903
2961
|
className: "w-7 h-7 rounded-full bg-red-500/95 text-white hover:bg-red-600 flex items-center justify-center shadow",
|
|
2904
2962
|
"aria-label": "Delete image",
|
|
2905
2963
|
children: /* @__PURE__ */ t(
|
|
@@ -2914,7 +2972,7 @@ const Jt = ({
|
|
|
2914
2972
|
] })
|
|
2915
2973
|
]
|
|
2916
2974
|
},
|
|
2917
|
-
|
|
2975
|
+
M.id
|
|
2918
2976
|
)) })
|
|
2919
2977
|
] }),
|
|
2920
2978
|
s && y && g.length === 0 && /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none bg-blue-500/10 rounded-lg", children: /* @__PURE__ */ t("span", { className: "text-blue-600 dark:text-blue-400 font-semibold text-lg bg-white dark:bg-gray-800 px-4 py-2 rounded-lg shadow-lg", children: "Drop images here" }) })
|
|
@@ -2936,14 +2994,14 @@ const Jt = ({
|
|
|
2936
2994
|
p
|
|
2937
2995
|
),
|
|
2938
2996
|
/* @__PURE__ */ t(
|
|
2939
|
-
|
|
2997
|
+
Xr,
|
|
2940
2998
|
{
|
|
2941
2999
|
isOpen: k,
|
|
2942
|
-
imageSrc:
|
|
3000
|
+
imageSrc: j,
|
|
2943
3001
|
fileType: I,
|
|
2944
|
-
fileName:
|
|
2945
|
-
onClose:
|
|
2946
|
-
onApply:
|
|
3002
|
+
fileName: B,
|
|
3003
|
+
onClose: C,
|
|
3004
|
+
onApply: ee,
|
|
2947
3005
|
aspect: Number(c)
|
|
2948
3006
|
}
|
|
2949
3007
|
)
|
|
@@ -2955,14 +3013,14 @@ const Jt = ({
|
|
|
2955
3013
|
setIsOpen: r
|
|
2956
3014
|
}) => {
|
|
2957
3015
|
const n = () => r(!1);
|
|
2958
|
-
return
|
|
3016
|
+
return q(() => {
|
|
2959
3017
|
const c = (i) => {
|
|
2960
3018
|
i.key === "Escape" && n();
|
|
2961
3019
|
};
|
|
2962
3020
|
return e && (document.body.style.overflow = "hidden", document.addEventListener("keydown", c)), () => {
|
|
2963
3021
|
document.body.style.overflow = "", document.removeEventListener("keydown", c);
|
|
2964
3022
|
};
|
|
2965
|
-
}, [e]), /* @__PURE__ */ t(
|
|
3023
|
+
}, [e]), /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ h(
|
|
2966
3024
|
"div",
|
|
2967
3025
|
{
|
|
2968
3026
|
className: x(
|
|
@@ -3004,13 +3062,13 @@ const Jt = ({
|
|
|
3004
3062
|
]
|
|
3005
3063
|
}
|
|
3006
3064
|
) });
|
|
3007
|
-
},
|
|
3065
|
+
}, qr = ({
|
|
3008
3066
|
col: a,
|
|
3009
3067
|
data: o,
|
|
3010
3068
|
uiVariant: e = "default",
|
|
3011
3069
|
styleConfig: r = {}
|
|
3012
3070
|
}) => {
|
|
3013
|
-
const n = o[a.titleKey], c = o[a.subtitleKey], i = o[a.imageKey], s = a.fallback_icon, [b, p] =
|
|
3071
|
+
const n = o[a.titleKey], c = o[a.subtitleKey], i = o[a.imageKey], s = a.fallback_icon, [b, p] = R(null), [m, u] = R(!1), l = (w) => {
|
|
3014
3072
|
let y = w;
|
|
3015
3073
|
w && w.src instanceof File && (y = { ...w, src: URL.createObjectURL(w.src) }), p(y), u(!0);
|
|
3016
3074
|
}, g = (w) => {
|
|
@@ -3035,7 +3093,7 @@ const Jt = ({
|
|
|
3035
3093
|
}
|
|
3036
3094
|
);
|
|
3037
3095
|
};
|
|
3038
|
-
return e === "card" ? /* @__PURE__ */ h(
|
|
3096
|
+
return e === "card" ? /* @__PURE__ */ h(Z, { children: [
|
|
3039
3097
|
m && b && /* @__PURE__ */ t(
|
|
3040
3098
|
ke,
|
|
3041
3099
|
{
|
|
@@ -3078,7 +3136,7 @@ const Jt = ({
|
|
|
3078
3136
|
]
|
|
3079
3137
|
}
|
|
3080
3138
|
)
|
|
3081
|
-
] }) : e === "split" ? /* @__PURE__ */ h(
|
|
3139
|
+
] }) : e === "split" ? /* @__PURE__ */ h(Z, { children: [
|
|
3082
3140
|
m && b && /* @__PURE__ */ t(
|
|
3083
3141
|
ke,
|
|
3084
3142
|
{
|
|
@@ -3119,7 +3177,7 @@ const Jt = ({
|
|
|
3119
3177
|
]
|
|
3120
3178
|
}
|
|
3121
3179
|
)
|
|
3122
|
-
] }) : /* @__PURE__ */ h(
|
|
3180
|
+
] }) : /* @__PURE__ */ h(Z, { children: [
|
|
3123
3181
|
m && b && /* @__PURE__ */ t(
|
|
3124
3182
|
ke,
|
|
3125
3183
|
{
|
|
@@ -3161,13 +3219,13 @@ const Jt = ({
|
|
|
3161
3219
|
}
|
|
3162
3220
|
)
|
|
3163
3221
|
] });
|
|
3164
|
-
},
|
|
3222
|
+
}, Qr = ({
|
|
3165
3223
|
col: a,
|
|
3166
3224
|
data: o,
|
|
3167
3225
|
uiVariant: e = "default",
|
|
3168
3226
|
styleConfig: r = {}
|
|
3169
3227
|
}) => {
|
|
3170
|
-
const n = o[a.titleKey], c = o[a.subtitleKey], i = o[a.imageKey], s = a.label, b = a == null ? void 0 : a.icon, p = a.fallback_icon, [m, u] =
|
|
3228
|
+
const n = o[a.titleKey], c = o[a.subtitleKey], i = o[a.imageKey], s = a.label, b = a == null ? void 0 : a.icon, p = a.fallback_icon, [m, u] = R(null), [l, g] = R(!1), w = (S) => {
|
|
3171
3229
|
let k = S;
|
|
3172
3230
|
S && S.src instanceof File && (k = { ...S, src: URL.createObjectURL(S.src) }), u(k), g(!0);
|
|
3173
3231
|
}, y = () => i ? /* @__PURE__ */ t(
|
|
@@ -3179,7 +3237,7 @@ const Jt = ({
|
|
|
3179
3237
|
className: "w-8 h-8 cursor-pointer rounded-full object-cover border-2 border-gray-200 dark:border-gray-700 flex-shrink-0"
|
|
3180
3238
|
}
|
|
3181
3239
|
) : p ? p instanceof Function ? p(o) : p : /* @__PURE__ */ t("div", { className: "w-8 h-8 flex items-center justify-center rounded-full border-2 border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 flex-shrink-0", children: /* @__PURE__ */ t(wr, { className: "w-5 h-5 text-gray-400" }) });
|
|
3182
|
-
return e === "card" ? /* @__PURE__ */ h(
|
|
3240
|
+
return e === "card" ? /* @__PURE__ */ h(Z, { children: [
|
|
3183
3241
|
l && m && /* @__PURE__ */ t(
|
|
3184
3242
|
ke,
|
|
3185
3243
|
{
|
|
@@ -3230,7 +3288,7 @@ const Jt = ({
|
|
|
3230
3288
|
]
|
|
3231
3289
|
}
|
|
3232
3290
|
)
|
|
3233
|
-
] }) : e === "split" ? /* @__PURE__ */ h(
|
|
3291
|
+
] }) : e === "split" ? /* @__PURE__ */ h(Z, { children: [
|
|
3234
3292
|
l && m && /* @__PURE__ */ t(
|
|
3235
3293
|
ke,
|
|
3236
3294
|
{
|
|
@@ -3283,7 +3341,7 @@ const Jt = ({
|
|
|
3283
3341
|
]
|
|
3284
3342
|
}
|
|
3285
3343
|
)
|
|
3286
|
-
] }) : /* @__PURE__ */ h(
|
|
3344
|
+
] }) : /* @__PURE__ */ h(Z, { children: [
|
|
3287
3345
|
l && m && /* @__PURE__ */ t(
|
|
3288
3346
|
ke,
|
|
3289
3347
|
{
|
|
@@ -3337,7 +3395,7 @@ const Jt = ({
|
|
|
3337
3395
|
}
|
|
3338
3396
|
)
|
|
3339
3397
|
] });
|
|
3340
|
-
},
|
|
3398
|
+
}, jr = {
|
|
3341
3399
|
blue: {
|
|
3342
3400
|
bg: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",
|
|
3343
3401
|
border: "border border-blue-300 text-blue-700 dark:border-blue-700 dark:text-blue-300"
|
|
@@ -3366,17 +3424,17 @@ const Jt = ({
|
|
|
3366
3424
|
bg: "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-300",
|
|
3367
3425
|
border: "border border-gray-300 text-gray-700 dark:border-gray-700 dark:text-gray-300"
|
|
3368
3426
|
}
|
|
3369
|
-
},
|
|
3427
|
+
}, zr = {
|
|
3370
3428
|
contained: "bg",
|
|
3371
3429
|
outline: "border !bg-transparent",
|
|
3372
3430
|
soft: "bg opacity-90"
|
|
3373
|
-
},
|
|
3431
|
+
}, et = ({
|
|
3374
3432
|
label: a,
|
|
3375
3433
|
variant: o = "contained",
|
|
3376
3434
|
color: e = "green",
|
|
3377
3435
|
className: r = ""
|
|
3378
3436
|
}) => {
|
|
3379
|
-
const n =
|
|
3437
|
+
const n = jr[e] || jr.green, c = zr[o] || zr.contained, i = o === "outline" ? n.border : n.bg;
|
|
3380
3438
|
return /* @__PURE__ */ t(
|
|
3381
3439
|
"span",
|
|
3382
3440
|
{
|
|
@@ -3390,19 +3448,19 @@ const Jt = ({
|
|
|
3390
3448
|
children: a
|
|
3391
3449
|
}
|
|
3392
3450
|
);
|
|
3393
|
-
},
|
|
3451
|
+
}, rt = ({
|
|
3394
3452
|
col: a,
|
|
3395
3453
|
data: o,
|
|
3396
3454
|
uiVariant: e = "default",
|
|
3397
3455
|
styleConfig: r = {}
|
|
3398
3456
|
}) => {
|
|
3399
3457
|
var k;
|
|
3400
|
-
const [n, c] =
|
|
3458
|
+
const [n, c] = R(null), [i, s] = R(!1), b = a == null ? void 0 : a.icon, p = a.label;
|
|
3401
3459
|
let m = o[a.key];
|
|
3402
3460
|
const u = a.type, l = a.variant || "outline";
|
|
3403
3461
|
let g = a.defaultColor;
|
|
3404
3462
|
if (u === "chip" && ((k = a.chipOptions) == null ? void 0 : k.length) > 0) {
|
|
3405
|
-
const _ = a == null ? void 0 : a.chipOptions.find((
|
|
3463
|
+
const _ = a == null ? void 0 : a.chipOptions.find((j) => j.value == m);
|
|
3406
3464
|
_ && (m = _.label, g = _.color);
|
|
3407
3465
|
}
|
|
3408
3466
|
const w = (_) => {
|
|
@@ -3416,9 +3474,9 @@ const Jt = ({
|
|
|
3416
3474
|
if (_.file instanceof File) return URL.createObjectURL(_.file);
|
|
3417
3475
|
}
|
|
3418
3476
|
return "";
|
|
3419
|
-
}, y = (_,
|
|
3420
|
-
c({ src: _, alt:
|
|
3421
|
-
}, S = (_ = "text-sm text-gray-900 dark:text-white break-words") => u === "chip" ? /* @__PURE__ */ t(
|
|
3477
|
+
}, y = (_, j) => {
|
|
3478
|
+
c({ src: _, alt: j }), s(!0);
|
|
3479
|
+
}, S = (_ = "text-sm text-gray-900 dark:text-white break-words") => u === "chip" ? /* @__PURE__ */ t(et, { label: m, variant: l, color: g, className: "mt-1" }) : u === "tinyEditor" ? /* @__PURE__ */ t(
|
|
3422
3480
|
"p",
|
|
3423
3481
|
{
|
|
3424
3482
|
className: `${_} ${r.valueClass || ""}`,
|
|
@@ -3429,7 +3487,7 @@ const Jt = ({
|
|
|
3429
3487
|
{
|
|
3430
3488
|
controls: !0,
|
|
3431
3489
|
src: m instanceof File ? URL.createObjectURL(m) : m,
|
|
3432
|
-
onClick: (
|
|
3490
|
+
onClick: (j) => j.stopPropagation(),
|
|
3433
3491
|
className: "shadow-sm rounded-full mt-1 w-full max-w-xs"
|
|
3434
3492
|
},
|
|
3435
3493
|
m instanceof File ? URL.createObjectURL(m) : m
|
|
@@ -3437,29 +3495,29 @@ const Jt = ({
|
|
|
3437
3495
|
"div",
|
|
3438
3496
|
{
|
|
3439
3497
|
className: `mt-1 grid grid-cols-3 sm:grid-cols-4 gap-2 ${r.mediaGridClass || ""}`,
|
|
3440
|
-
children: m.map((
|
|
3441
|
-
const I = w(
|
|
3498
|
+
children: m.map((j, $) => {
|
|
3499
|
+
const I = w(j);
|
|
3442
3500
|
return I ? /* @__PURE__ */ t(
|
|
3443
3501
|
"button",
|
|
3444
3502
|
{
|
|
3445
3503
|
type: "button",
|
|
3446
|
-
onClick: () => y(I, `Gallery ${
|
|
3504
|
+
onClick: () => y(I, `Gallery ${$ + 1}`),
|
|
3447
3505
|
className: "w-full h-16 rounded-lg overflow-hidden border border-gray-200 dark:border-gray-700 hover:border-primary/50 transition-colors",
|
|
3448
3506
|
children: /* @__PURE__ */ t(
|
|
3449
3507
|
"img",
|
|
3450
3508
|
{
|
|
3451
3509
|
src: I,
|
|
3452
|
-
alt: `gallery-${
|
|
3510
|
+
alt: `gallery-${$ + 1}`,
|
|
3453
3511
|
className: "w-full h-full object-cover"
|
|
3454
3512
|
}
|
|
3455
3513
|
)
|
|
3456
3514
|
},
|
|
3457
|
-
`${I}-${
|
|
3515
|
+
`${I}-${$}`
|
|
3458
3516
|
) : null;
|
|
3459
3517
|
})
|
|
3460
3518
|
}
|
|
3461
3519
|
) : /* @__PURE__ */ t("p", { className: "text-sm text-gray-400", children: "N/A" }) : /* @__PURE__ */ t("p", { className: `${_} ${r.valueClass || ""}`, children: u === "date" ? /* @__PURE__ */ t("span", { children: ir(m, a.format || "DD MMM YYYY") }) : /* @__PURE__ */ t("span", { children: m || "N/A" }) });
|
|
3462
|
-
return e === "card" ? /* @__PURE__ */ h(
|
|
3520
|
+
return e === "card" ? /* @__PURE__ */ h(Z, { children: [
|
|
3463
3521
|
/* @__PURE__ */ h(
|
|
3464
3522
|
"div",
|
|
3465
3523
|
{
|
|
@@ -3499,7 +3557,7 @@ const Jt = ({
|
|
|
3499
3557
|
setIsOpen: s
|
|
3500
3558
|
}
|
|
3501
3559
|
)
|
|
3502
|
-
] }) : e === "split" ? /* @__PURE__ */ h(
|
|
3560
|
+
] }) : e === "split" ? /* @__PURE__ */ h(Z, { children: [
|
|
3503
3561
|
/* @__PURE__ */ h(
|
|
3504
3562
|
"div",
|
|
3505
3563
|
{
|
|
@@ -3541,7 +3599,7 @@ const Jt = ({
|
|
|
3541
3599
|
setIsOpen: s
|
|
3542
3600
|
}
|
|
3543
3601
|
)
|
|
3544
|
-
] }) : /* @__PURE__ */ h(
|
|
3602
|
+
] }) : /* @__PURE__ */ h(Z, { children: [
|
|
3545
3603
|
/* @__PURE__ */ h(
|
|
3546
3604
|
"div",
|
|
3547
3605
|
{
|
|
@@ -3578,7 +3636,7 @@ const Jt = ({
|
|
|
3578
3636
|
}
|
|
3579
3637
|
)
|
|
3580
3638
|
] });
|
|
3581
|
-
},
|
|
3639
|
+
}, na = ({
|
|
3582
3640
|
value: a = !0,
|
|
3583
3641
|
onChange: o,
|
|
3584
3642
|
text: e,
|
|
@@ -3594,7 +3652,7 @@ const Jt = ({
|
|
|
3594
3652
|
{ label: "Active", value: !0 },
|
|
3595
3653
|
{ label: "Inactive", value: !1 }
|
|
3596
3654
|
];
|
|
3597
|
-
return /* @__PURE__ */ t(
|
|
3655
|
+
return /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ h(
|
|
3598
3656
|
"div",
|
|
3599
3657
|
{
|
|
3600
3658
|
className: x(
|
|
@@ -3654,7 +3712,7 @@ const Jt = ({
|
|
|
3654
3712
|
},
|
|
3655
3713
|
i
|
|
3656
3714
|
) });
|
|
3657
|
-
},
|
|
3715
|
+
}, Ir = ge, ia = ({
|
|
3658
3716
|
label: a = "",
|
|
3659
3717
|
value: o = null,
|
|
3660
3718
|
onChange: e,
|
|
@@ -3667,10 +3725,10 @@ const Jt = ({
|
|
|
3667
3725
|
maxSize: p = 0,
|
|
3668
3726
|
errorMessage: m = ""
|
|
3669
3727
|
}) => {
|
|
3670
|
-
const [u, l] =
|
|
3728
|
+
const [u, l] = R(
|
|
3671
3729
|
null
|
|
3672
|
-
), [g, w] =
|
|
3673
|
-
|
|
3730
|
+
), [g, w] = R(!1), y = le(null), S = p * 1024 * 1024;
|
|
3731
|
+
q(() => {
|
|
3674
3732
|
if (!o) {
|
|
3675
3733
|
k(), l(null);
|
|
3676
3734
|
return;
|
|
@@ -3686,8 +3744,8 @@ const Jt = ({
|
|
|
3686
3744
|
u != null && u.preview && u.preview.startsWith("blob:") && URL.revokeObjectURL(u.preview);
|
|
3687
3745
|
}, _ = (v) => {
|
|
3688
3746
|
if (!v || v.length === 0) return;
|
|
3689
|
-
const
|
|
3690
|
-
if (S &&
|
|
3747
|
+
const z = v[0];
|
|
3748
|
+
if (S && z.size > S) {
|
|
3691
3749
|
De(
|
|
3692
3750
|
`File is too large. Maximum allowed size is ${p} MB`,
|
|
3693
3751
|
{
|
|
@@ -3696,18 +3754,18 @@ const Jt = ({
|
|
|
3696
3754
|
);
|
|
3697
3755
|
return;
|
|
3698
3756
|
}
|
|
3699
|
-
const
|
|
3700
|
-
k(), l({ file:
|
|
3701
|
-
},
|
|
3757
|
+
const L = URL.createObjectURL(z);
|
|
3758
|
+
k(), l({ file: z, preview: L }), e == null || e(z);
|
|
3759
|
+
}, j = (v) => {
|
|
3702
3760
|
v && v.stopPropagation(), k(), l(null), e == null || e(null), y.current && (y.current.value = "");
|
|
3703
|
-
},
|
|
3761
|
+
}, $ = (v) => {
|
|
3704
3762
|
i && (v.preventDefault(), w(!0));
|
|
3705
3763
|
}, I = (v) => {
|
|
3706
3764
|
i && (v.preventDefault(), w(!1));
|
|
3707
3765
|
}, E = (v) => {
|
|
3708
|
-
var
|
|
3709
|
-
i && (v.preventDefault(), w(!1), (
|
|
3710
|
-
},
|
|
3766
|
+
var z, L, F, W;
|
|
3767
|
+
i && (v.preventDefault(), w(!1), (W = (F = (L = (z = v.dataTransfer) == null ? void 0 : z.files) == null ? void 0 : L[0]) == null ? void 0 : F.type) != null && W.includes("video/") && _(v.dataTransfer.files));
|
|
3768
|
+
}, B = () => {
|
|
3711
3769
|
var v;
|
|
3712
3770
|
(v = y.current) == null || v.click();
|
|
3713
3771
|
};
|
|
@@ -3730,7 +3788,7 @@ const Jt = ({
|
|
|
3730
3788
|
g ? "border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800",
|
|
3731
3789
|
m ? "border-red-500" : ""
|
|
3732
3790
|
),
|
|
3733
|
-
onDragOver:
|
|
3791
|
+
onDragOver: $,
|
|
3734
3792
|
onDragLeave: I,
|
|
3735
3793
|
onDrop: E,
|
|
3736
3794
|
id: `field-${s}`,
|
|
@@ -3757,7 +3815,7 @@ const Jt = ({
|
|
|
3757
3815
|
"button",
|
|
3758
3816
|
{
|
|
3759
3817
|
type: "button",
|
|
3760
|
-
onClick:
|
|
3818
|
+
onClick: j,
|
|
3761
3819
|
className: "absolute -top-2 -right-2 bg-red-500 text-white rounded-full p-1 shadow hover:bg-red-600 z-10",
|
|
3762
3820
|
children: /* @__PURE__ */ t(be, { icon: "mdi:close", className: "w-3 h-3" })
|
|
3763
3821
|
}
|
|
@@ -3773,15 +3831,15 @@ const Jt = ({
|
|
|
3773
3831
|
u.preview
|
|
3774
3832
|
)
|
|
3775
3833
|
] }),
|
|
3776
|
-
/* @__PURE__ */ t(
|
|
3834
|
+
/* @__PURE__ */ t(Ir, { type: "button", onClick: B, children: "Change Video File" })
|
|
3777
3835
|
] }) : /* @__PURE__ */ h("div", { className: "flex items-center justify-center space-x-4", children: [
|
|
3778
3836
|
/* @__PURE__ */ t("div", { className: "rounded-full bg-gray-100 dark:bg-gray-700 h-20 w-20 flex items-center justify-center", children: /* @__PURE__ */ t(be, { icon: "mdi:video", className: "text-gray-400 w-10 h-10" }) }),
|
|
3779
3837
|
/* @__PURE__ */ h("div", { className: "flex flex-col items-center space-y-1", children: [
|
|
3780
3838
|
/* @__PURE__ */ t(
|
|
3781
|
-
|
|
3839
|
+
Ir,
|
|
3782
3840
|
{
|
|
3783
3841
|
type: "button",
|
|
3784
|
-
onClick:
|
|
3842
|
+
onClick: B,
|
|
3785
3843
|
variant: "outlined",
|
|
3786
3844
|
children: "Choose Video File"
|
|
3787
3845
|
}
|
|
@@ -3809,7 +3867,7 @@ const Jt = ({
|
|
|
3809
3867
|
},
|
|
3810
3868
|
s
|
|
3811
3869
|
);
|
|
3812
|
-
},
|
|
3870
|
+
}, tt = ({
|
|
3813
3871
|
field: a,
|
|
3814
3872
|
formData: o,
|
|
3815
3873
|
handleChange: e,
|
|
@@ -3831,66 +3889,66 @@ const Jt = ({
|
|
|
3831
3889
|
dragDrop: S,
|
|
3832
3890
|
parentClass: k,
|
|
3833
3891
|
countriesList: _,
|
|
3834
|
-
defaultCountry:
|
|
3835
|
-
multiple:
|
|
3892
|
+
defaultCountry: j,
|
|
3893
|
+
multiple: $,
|
|
3836
3894
|
dropdownMaxHeight: I,
|
|
3837
3895
|
editorKey: E,
|
|
3838
|
-
fontFamily:
|
|
3896
|
+
fontFamily: B,
|
|
3839
3897
|
disabled: v,
|
|
3840
|
-
negativeNumberAllow:
|
|
3841
|
-
defaultValue:
|
|
3842
|
-
renderCondition:
|
|
3843
|
-
pattern:
|
|
3844
|
-
renderType:
|
|
3845
|
-
cropImage:
|
|
3846
|
-
aspectRatio:
|
|
3847
|
-
dependencyKey:
|
|
3848
|
-
mask:
|
|
3849
|
-
maskApplyOnValue:
|
|
3850
|
-
maxSize:
|
|
3898
|
+
negativeNumberAllow: z,
|
|
3899
|
+
defaultValue: L,
|
|
3900
|
+
renderCondition: F,
|
|
3901
|
+
pattern: W,
|
|
3902
|
+
renderType: H,
|
|
3903
|
+
cropImage: A,
|
|
3904
|
+
aspectRatio: Y,
|
|
3905
|
+
dependencyKey: C,
|
|
3906
|
+
mask: oe,
|
|
3907
|
+
maskApplyOnValue: ee,
|
|
3908
|
+
maxSize: ie
|
|
3851
3909
|
} = a;
|
|
3852
3910
|
let P = o == null ? void 0 : o[n];
|
|
3853
3911
|
P == null && (P = "");
|
|
3854
|
-
const
|
|
3855
|
-
if (
|
|
3912
|
+
const V = b || (i === "select" ? `Select ${c}` : `Enter ${c}`), pe = "w-full px-3 py-2 rounded-md border border-gray-300 dark:border-gray-600 text-sm focus:outline-none focus:ring-1 focus:ring-blue-200 bg-white text-black dark:bg-gray-700 dark:text-white";
|
|
3913
|
+
if (F && typeof F == "function" && !F(o))
|
|
3856
3914
|
return null;
|
|
3857
|
-
if (
|
|
3915
|
+
if (H && H == "details")
|
|
3858
3916
|
switch (i) {
|
|
3859
3917
|
case "group":
|
|
3860
|
-
return /* @__PURE__ */ t(
|
|
3918
|
+
return /* @__PURE__ */ t(qr, { col: a, data: o });
|
|
3861
3919
|
case "cardGroup":
|
|
3862
|
-
return /* @__PURE__ */ t(
|
|
3920
|
+
return /* @__PURE__ */ t(Qr, { col: a, data: o });
|
|
3863
3921
|
default:
|
|
3864
|
-
return /* @__PURE__ */ t(
|
|
3922
|
+
return /* @__PURE__ */ t(rt, { col: a, data: o });
|
|
3865
3923
|
}
|
|
3866
3924
|
switch (i) {
|
|
3867
3925
|
case "select":
|
|
3868
3926
|
return /* @__PURE__ */ t(
|
|
3869
|
-
|
|
3927
|
+
vt,
|
|
3870
3928
|
{
|
|
3871
3929
|
options: s || [],
|
|
3872
3930
|
value: P,
|
|
3873
3931
|
formData: o,
|
|
3874
|
-
dependencyKey:
|
|
3932
|
+
dependencyKey: C,
|
|
3875
3933
|
onChange: (U) => e(n, U),
|
|
3876
|
-
placeholder:
|
|
3934
|
+
placeholder: V,
|
|
3877
3935
|
className: m || "",
|
|
3878
3936
|
search: u,
|
|
3879
3937
|
required: w,
|
|
3880
|
-
defaultValue:
|
|
3938
|
+
defaultValue: L,
|
|
3881
3939
|
label: c || "",
|
|
3882
3940
|
name: n,
|
|
3883
3941
|
countriesList: _,
|
|
3884
3942
|
disabled: v,
|
|
3885
3943
|
parentClass: k || "",
|
|
3886
|
-
multiple:
|
|
3944
|
+
multiple: $,
|
|
3887
3945
|
dropdownMaxHeight: I,
|
|
3888
3946
|
errorMessage: r
|
|
3889
3947
|
}
|
|
3890
3948
|
);
|
|
3891
3949
|
case "checkbox":
|
|
3892
|
-
return /* @__PURE__ */ t(
|
|
3893
|
-
|
|
3950
|
+
return /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(
|
|
3951
|
+
ra,
|
|
3894
3952
|
{
|
|
3895
3953
|
name: n,
|
|
3896
3954
|
label: c || "",
|
|
@@ -3900,14 +3958,14 @@ const Jt = ({
|
|
|
3900
3958
|
required: w,
|
|
3901
3959
|
parentClass: k || "",
|
|
3902
3960
|
className: m || "",
|
|
3903
|
-
multiSelect:
|
|
3961
|
+
multiSelect: $,
|
|
3904
3962
|
disabled: v,
|
|
3905
3963
|
errorMessage: r
|
|
3906
3964
|
}
|
|
3907
3965
|
) });
|
|
3908
3966
|
case "radio":
|
|
3909
3967
|
return /* @__PURE__ */ t(
|
|
3910
|
-
|
|
3968
|
+
na,
|
|
3911
3969
|
{
|
|
3912
3970
|
value: P,
|
|
3913
3971
|
onChange: (U) => e(n, U),
|
|
@@ -3923,7 +3981,7 @@ const Jt = ({
|
|
|
3923
3981
|
);
|
|
3924
3982
|
case "switch":
|
|
3925
3983
|
return /* @__PURE__ */ t(
|
|
3926
|
-
|
|
3984
|
+
Tr,
|
|
3927
3985
|
{
|
|
3928
3986
|
value: !!P,
|
|
3929
3987
|
onChange: (U) => e(n, U),
|
|
@@ -3938,14 +3996,14 @@ const Jt = ({
|
|
|
3938
3996
|
);
|
|
3939
3997
|
case "phone":
|
|
3940
3998
|
return /* @__PURE__ */ t(
|
|
3941
|
-
|
|
3999
|
+
xt,
|
|
3942
4000
|
{
|
|
3943
4001
|
value: P,
|
|
3944
4002
|
onChange: (U) => e(n, U),
|
|
3945
4003
|
countriesList: _,
|
|
3946
|
-
defaultCountry:
|
|
4004
|
+
defaultCountry: j,
|
|
3947
4005
|
required: w,
|
|
3948
|
-
placeholder:
|
|
4006
|
+
placeholder: V,
|
|
3949
4007
|
search: u,
|
|
3950
4008
|
label: c || "",
|
|
3951
4009
|
name: n,
|
|
@@ -3956,13 +4014,13 @@ const Jt = ({
|
|
|
3956
4014
|
);
|
|
3957
4015
|
case "textarea":
|
|
3958
4016
|
return /* @__PURE__ */ t(
|
|
3959
|
-
|
|
4017
|
+
$r,
|
|
3960
4018
|
{
|
|
3961
4019
|
value: P,
|
|
3962
4020
|
onChange: (U) => e(n, U.target.value),
|
|
3963
|
-
placeholder:
|
|
4021
|
+
placeholder: V,
|
|
3964
4022
|
rows: p || 3,
|
|
3965
|
-
className: `${
|
|
4023
|
+
className: `${pe} ${m || ""}`,
|
|
3966
4024
|
required: w,
|
|
3967
4025
|
name: n,
|
|
3968
4026
|
label: c || "",
|
|
@@ -3973,17 +4031,17 @@ const Jt = ({
|
|
|
3973
4031
|
);
|
|
3974
4032
|
case "image":
|
|
3975
4033
|
case "multiImage":
|
|
3976
|
-
return
|
|
3977
|
-
|
|
4034
|
+
return $ || i === "multiImage" ? /* @__PURE__ */ t(
|
|
4035
|
+
oa,
|
|
3978
4036
|
{
|
|
3979
4037
|
value: Array.isArray(P) ? P : [],
|
|
3980
4038
|
onChange: (U) => e(n, U),
|
|
3981
4039
|
required: w,
|
|
3982
4040
|
accept: l || "image/*",
|
|
3983
|
-
aspect:
|
|
4041
|
+
aspect: Y,
|
|
3984
4042
|
id: `file-${n}`,
|
|
3985
4043
|
dragDrop: S,
|
|
3986
|
-
cropImage:
|
|
4044
|
+
cropImage: A,
|
|
3987
4045
|
label: c || "",
|
|
3988
4046
|
name: n,
|
|
3989
4047
|
parentClass: k || "",
|
|
@@ -3991,16 +4049,16 @@ const Jt = ({
|
|
|
3991
4049
|
errorMessage: r
|
|
3992
4050
|
}
|
|
3993
4051
|
) : /* @__PURE__ */ t(
|
|
3994
|
-
|
|
4052
|
+
Qt,
|
|
3995
4053
|
{
|
|
3996
4054
|
value: P,
|
|
3997
4055
|
onChange: (U) => e(n, U),
|
|
3998
4056
|
required: w,
|
|
3999
4057
|
accept: l || "image/*",
|
|
4000
|
-
aspect:
|
|
4058
|
+
aspect: Y,
|
|
4001
4059
|
id: `file-${n}`,
|
|
4002
4060
|
dragDrop: S,
|
|
4003
|
-
cropImage:
|
|
4061
|
+
cropImage: A,
|
|
4004
4062
|
label: c || "",
|
|
4005
4063
|
name: n,
|
|
4006
4064
|
parentClass: k || "",
|
|
@@ -4009,7 +4067,7 @@ const Jt = ({
|
|
|
4009
4067
|
);
|
|
4010
4068
|
case "audio":
|
|
4011
4069
|
return /* @__PURE__ */ t(
|
|
4012
|
-
|
|
4070
|
+
ta,
|
|
4013
4071
|
{
|
|
4014
4072
|
value: P,
|
|
4015
4073
|
onChange: (U) => e(n, U),
|
|
@@ -4020,13 +4078,13 @@ const Jt = ({
|
|
|
4020
4078
|
label: c || "",
|
|
4021
4079
|
name: n,
|
|
4022
4080
|
parentClass: k || "",
|
|
4023
|
-
maxSize:
|
|
4081
|
+
maxSize: ie,
|
|
4024
4082
|
errorMessage: r
|
|
4025
4083
|
}
|
|
4026
4084
|
);
|
|
4027
4085
|
case "video":
|
|
4028
4086
|
return /* @__PURE__ */ t(
|
|
4029
|
-
|
|
4087
|
+
ia,
|
|
4030
4088
|
{
|
|
4031
4089
|
value: P,
|
|
4032
4090
|
onChange: (U) => e(n, U),
|
|
@@ -4036,23 +4094,23 @@ const Jt = ({
|
|
|
4036
4094
|
dragDrop: S,
|
|
4037
4095
|
label: c || "",
|
|
4038
4096
|
name: n,
|
|
4039
|
-
maxSize:
|
|
4097
|
+
maxSize: ie,
|
|
4040
4098
|
parentClass: k || "",
|
|
4041
4099
|
errorMessage: r
|
|
4042
4100
|
}
|
|
4043
4101
|
);
|
|
4044
4102
|
case "tinyEditor":
|
|
4045
4103
|
return /* @__PURE__ */ t(
|
|
4046
|
-
|
|
4104
|
+
ea,
|
|
4047
4105
|
{
|
|
4048
4106
|
value: P,
|
|
4049
4107
|
name: n,
|
|
4050
4108
|
onChange: (U) => e(n, U),
|
|
4051
4109
|
required: w,
|
|
4052
|
-
placeholder:
|
|
4110
|
+
placeholder: V,
|
|
4053
4111
|
label: c || "",
|
|
4054
4112
|
parentClass: k || "",
|
|
4055
|
-
fontFamily:
|
|
4113
|
+
fontFamily: B,
|
|
4056
4114
|
editorKey: E || "",
|
|
4057
4115
|
disabled: v,
|
|
4058
4116
|
errorMessage: r
|
|
@@ -4060,44 +4118,44 @@ const Jt = ({
|
|
|
4060
4118
|
);
|
|
4061
4119
|
default:
|
|
4062
4120
|
return /* @__PURE__ */ t(
|
|
4063
|
-
|
|
4121
|
+
Jr,
|
|
4064
4122
|
{
|
|
4065
4123
|
field: a,
|
|
4066
4124
|
type: i || "text",
|
|
4067
|
-
defaultValue:
|
|
4125
|
+
defaultValue: L,
|
|
4068
4126
|
value: P,
|
|
4069
4127
|
onChange: (U) => e(n, U),
|
|
4070
|
-
placeholder:
|
|
4071
|
-
className: `${
|
|
4128
|
+
placeholder: V,
|
|
4129
|
+
className: `${pe} ${m || ""}`,
|
|
4072
4130
|
required: w,
|
|
4073
4131
|
name: n,
|
|
4074
4132
|
minLength: y,
|
|
4075
4133
|
label: c || "",
|
|
4076
|
-
negativeNumberAllow:
|
|
4134
|
+
negativeNumberAllow: z,
|
|
4077
4135
|
parentClass: k || "",
|
|
4078
4136
|
disabled: v,
|
|
4079
|
-
pattern:
|
|
4080
|
-
mask:
|
|
4137
|
+
pattern: W,
|
|
4138
|
+
mask: oe,
|
|
4081
4139
|
errorMessage: r,
|
|
4082
|
-
maskApplyOnValue:
|
|
4140
|
+
maskApplyOnValue: ee
|
|
4083
4141
|
}
|
|
4084
4142
|
);
|
|
4085
4143
|
}
|
|
4086
|
-
},
|
|
4144
|
+
}, ca = ({
|
|
4087
4145
|
isOpen: a,
|
|
4088
4146
|
onClose: o,
|
|
4089
4147
|
config: e,
|
|
4090
4148
|
onApply: r
|
|
4091
4149
|
}) => {
|
|
4092
4150
|
var m;
|
|
4093
|
-
const [n, c] =
|
|
4151
|
+
const [n, c] = R({}), i = (u, l) => {
|
|
4094
4152
|
c((g) => ({ ...g, [u]: l }));
|
|
4095
4153
|
}, s = () => {
|
|
4096
4154
|
r(n), o();
|
|
4097
4155
|
}, b = () => {
|
|
4098
4156
|
c({}), r({}), o();
|
|
4099
4157
|
}, p = e == null ? void 0 : e.component;
|
|
4100
|
-
return /* @__PURE__ */ h(
|
|
4158
|
+
return /* @__PURE__ */ h(Z, { children: [
|
|
4101
4159
|
/* @__PURE__ */ t(
|
|
4102
4160
|
"div",
|
|
4103
4161
|
{
|
|
@@ -4105,8 +4163,7 @@ const Jt = ({
|
|
|
4105
4163
|
f.filterDrawer.overlay,
|
|
4106
4164
|
"fixed inset-0 bg-black/50 z-40 transition-opacity duration-300",
|
|
4107
4165
|
a ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"
|
|
4108
|
-
)
|
|
4109
|
-
onClick: o
|
|
4166
|
+
)
|
|
4110
4167
|
}
|
|
4111
4168
|
),
|
|
4112
4169
|
/* @__PURE__ */ h(
|
|
@@ -4152,7 +4209,7 @@ const Jt = ({
|
|
|
4152
4209
|
onFilterChange: i
|
|
4153
4210
|
}
|
|
4154
4211
|
) : /* @__PURE__ */ t("div", { className: "space-y-4", children: (m = e == null ? void 0 : e.fields) == null ? void 0 : m.map((u) => /* @__PURE__ */ t(
|
|
4155
|
-
|
|
4212
|
+
tt,
|
|
4156
4213
|
{
|
|
4157
4214
|
field: u,
|
|
4158
4215
|
formData: n,
|
|
@@ -4196,7 +4253,7 @@ const Jt = ({
|
|
|
4196
4253
|
}
|
|
4197
4254
|
)
|
|
4198
4255
|
] });
|
|
4199
|
-
},
|
|
4256
|
+
}, la = ({ rows: a = 5, columns: o = 5 }) => /* @__PURE__ */ h(Z, { children: [
|
|
4200
4257
|
/* @__PURE__ */ t("div", { className: "w-full mb-6 inline-flex justify-end items-center", children: /* @__PURE__ */ t("div", { className: "h-8 w-80 bg-gray-300 dark:bg-gray-700 rounded animate-pulse" }) }),
|
|
4201
4258
|
/* @__PURE__ */ t("div", { className: "overflow-hidden rounded-md border border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ h(
|
|
4202
4259
|
"table",
|
|
@@ -4219,14 +4276,14 @@ const Jt = ({
|
|
|
4219
4276
|
]
|
|
4220
4277
|
}
|
|
4221
4278
|
) })
|
|
4222
|
-
] }),
|
|
4279
|
+
] }), sa = ({
|
|
4223
4280
|
options: a = [],
|
|
4224
4281
|
value: o = "",
|
|
4225
4282
|
onChange: e,
|
|
4226
4283
|
clearLabel: r = ""
|
|
4227
4284
|
}) => {
|
|
4228
|
-
const [n, c] =
|
|
4229
|
-
|
|
4285
|
+
const [n, c] = R(!1), i = le(null), s = !!o;
|
|
4286
|
+
q(() => {
|
|
4230
4287
|
const p = (m) => {
|
|
4231
4288
|
i.current && !i.current.contains(m.target) && c(!1);
|
|
4232
4289
|
};
|
|
@@ -4253,7 +4310,7 @@ const Jt = ({
|
|
|
4253
4310
|
),
|
|
4254
4311
|
"aria-label": "Open sort options",
|
|
4255
4312
|
children: [
|
|
4256
|
-
/* @__PURE__ */ t(
|
|
4313
|
+
/* @__PURE__ */ t(ct, { className: "w-4 h-4" }),
|
|
4257
4314
|
s && /* @__PURE__ */ t("span", { className: "absolute top-1 right-1 w-2 h-2 bg-red-500 rounded-full" })
|
|
4258
4315
|
]
|
|
4259
4316
|
}
|
|
@@ -4308,15 +4365,15 @@ const Jt = ({
|
|
|
4308
4365
|
autoGenerate: !0,
|
|
4309
4366
|
clearLabel: "",
|
|
4310
4367
|
onChange: null
|
|
4311
|
-
},
|
|
4368
|
+
}, da = (a) => a === !0 ? { ...nr, enabled: !0 } : !a || typeof a != "object" ? nr : {
|
|
4312
4369
|
...nr,
|
|
4313
4370
|
...a,
|
|
4314
4371
|
enabled: a.enabled ?? !0,
|
|
4315
4372
|
autoGenerate: a.autoGenerate ?? !0
|
|
4316
|
-
},
|
|
4373
|
+
}, pa = (a = []) => a.filter((o) => {
|
|
4317
4374
|
const e = ["menu_actions", "index", "audio", "avatar"];
|
|
4318
4375
|
return o.type && e.includes(o.type) ? !1 : !!(o.sortKey || (o.type === "group" ? o.titleKey : o.key));
|
|
4319
|
-
}),
|
|
4376
|
+
}), ua = (a) => {
|
|
4320
4377
|
if (a.sortType) return a.sortType;
|
|
4321
4378
|
if (a.type === "date") return "date";
|
|
4322
4379
|
if (a.type === "number") return "number";
|
|
@@ -4328,8 +4385,8 @@ const Jt = ({
|
|
|
4328
4385
|
) ? "phone" : Array.isArray(a.chipOptions) && a.chipOptions.length > 0 && a.chipOptions.every(
|
|
4329
4386
|
(n) => typeof n.value == "boolean"
|
|
4330
4387
|
) ? "boolean" : "string";
|
|
4331
|
-
},
|
|
4332
|
-
const e = o.sortKey || (o.type === "group" ? o.titleKey : o.key), r = o.sortLabel || o.title || e, n =
|
|
4388
|
+
}, Ur = (a = []) => a.flatMap((o) => {
|
|
4389
|
+
const e = o.sortKey || (o.type === "group" ? o.titleKey : o.key), r = o.sortLabel || o.title || e, n = ua(o);
|
|
4333
4390
|
return e ? n === "number" ? [
|
|
4334
4391
|
{
|
|
4335
4392
|
value: `${e}_asc`,
|
|
@@ -4406,7 +4463,7 @@ const Jt = ({
|
|
|
4406
4463
|
type: n
|
|
4407
4464
|
}
|
|
4408
4465
|
] : [];
|
|
4409
|
-
}),
|
|
4466
|
+
}), ha = (a, o = []) => {
|
|
4410
4467
|
if (Array.isArray(a.options) && a.options.length > 0)
|
|
4411
4468
|
return a.options.map((n) => ({
|
|
4412
4469
|
...n,
|
|
@@ -4426,10 +4483,10 @@ const Jt = ({
|
|
|
4426
4483
|
sortLabel: typeof c == "object" && c.label ? c.label : s.sortLabel
|
|
4427
4484
|
} : null;
|
|
4428
4485
|
}).filter((c) => c !== null);
|
|
4429
|
-
return
|
|
4486
|
+
return Ur(n);
|
|
4430
4487
|
}
|
|
4431
|
-
return a.autoGenerate ?
|
|
4432
|
-
},
|
|
4488
|
+
return a.autoGenerate ? Ur(o) : [];
|
|
4489
|
+
}, ma = (a = [], o = "", e, r = []) => {
|
|
4433
4490
|
if (!(e != null && e.enabled) || !o || e != null && e.useServerSideSorting)
|
|
4434
4491
|
return a;
|
|
4435
4492
|
const n = r == null ? void 0 : r.find(
|
|
@@ -4452,7 +4509,7 @@ const Jt = ({
|
|
|
4452
4509
|
}
|
|
4453
4510
|
) : s === "date" ? g = new Date(u).getTime() - new Date(l).getTime() : s === "boolean" ? g = +!!u - +!!l : g = String(u).localeCompare(String(l)), c === "asc" ? g : -g;
|
|
4454
4511
|
});
|
|
4455
|
-
},
|
|
4512
|
+
}, ba = ({
|
|
4456
4513
|
config: a,
|
|
4457
4514
|
setShowAdd: o,
|
|
4458
4515
|
title: e,
|
|
@@ -4460,6 +4517,7 @@ const Jt = ({
|
|
|
4460
4517
|
description: n,
|
|
4461
4518
|
showAddButton: c
|
|
4462
4519
|
}) => {
|
|
4520
|
+
var xr;
|
|
4463
4521
|
const {
|
|
4464
4522
|
data: i = [],
|
|
4465
4523
|
table_head: s = [],
|
|
@@ -4490,23 +4548,23 @@ const Jt = ({
|
|
|
4490
4548
|
},
|
|
4491
4549
|
onFilterApply: k,
|
|
4492
4550
|
filterConfig: _ = null,
|
|
4493
|
-
rowClick:
|
|
4494
|
-
} = a, [
|
|
4495
|
-
() =>
|
|
4551
|
+
rowClick: j = null
|
|
4552
|
+
} = a, [$, I] = R(""), [E, B] = R(null), [v, z] = R([]), [L, F] = R({ top: 0, left: 0 }), [W, H] = R(!1), [A, Y] = R({}), C = Ce(() => da(u), [u]), oe = Ce(
|
|
4553
|
+
() => pa(s),
|
|
4496
4554
|
[s]
|
|
4497
|
-
),
|
|
4498
|
-
(
|
|
4499
|
-
), [
|
|
4555
|
+
), ee = Ce(() => ha(C, oe), [C, oe]), [ie, P] = R(
|
|
4556
|
+
(C == null ? void 0 : C.defaultValue) || ""
|
|
4557
|
+
), [V, pe] = R(null), [U, fe] = R(!1), ve = Ce(() => !p.enabled || !$.trim() || p.useServerSideSearch ? i : yt(i, $, p.searchKeys || []), [i, $, p]), D = Ce(() => ma(
|
|
4500
4558
|
ve,
|
|
4501
|
-
|
|
4502
|
-
|
|
4503
|
-
|
|
4504
|
-
), [ve,
|
|
4505
|
-
if (l.useServerSidePagination) return
|
|
4506
|
-
const d = (
|
|
4507
|
-
return
|
|
4508
|
-
}, [
|
|
4509
|
-
I(d),
|
|
4559
|
+
ie,
|
|
4560
|
+
C,
|
|
4561
|
+
ee
|
|
4562
|
+
), [ve, ie, C, ee]), [T, M] = R(1), [O, Q] = R((l == null ? void 0 : l.rows_per_page) || 50), [re, X] = R(ve.length || 0), ne = l != null && l.useServerSidePagination ? l.total_pages : Math.ceil(ve.length / O), Le = Ce(() => {
|
|
4563
|
+
if (l.useServerSidePagination) return D;
|
|
4564
|
+
const d = (T - 1) * O;
|
|
4565
|
+
return D.slice(d, d + O);
|
|
4566
|
+
}, [D, T, O, l.useServerSidePagination]), Pe = le(null), je = le(null), ze = le({}), Ae = le(null), Ie = typeof document < "u" ? ((xr = je.current) == null ? void 0 : xr.closest(".racm-root")) || document.body : null, Ge = (d) => {
|
|
4567
|
+
I(d), M(1), p.useServerSideSearch && (Ae.current && clearTimeout(Ae.current), Ae.current = setTimeout(async () => {
|
|
4510
4568
|
try {
|
|
4511
4569
|
await S((N) => ({
|
|
4512
4570
|
...N,
|
|
@@ -4517,31 +4575,31 @@ const Jt = ({
|
|
|
4517
4575
|
console.error("Search error:", N);
|
|
4518
4576
|
}
|
|
4519
4577
|
}, 800));
|
|
4520
|
-
},
|
|
4521
|
-
P(d),
|
|
4522
|
-
const
|
|
4578
|
+
}, Ye = (d, N = null) => {
|
|
4579
|
+
P(d), M(1);
|
|
4580
|
+
const K = {
|
|
4523
4581
|
value: d,
|
|
4524
4582
|
option: N,
|
|
4525
4583
|
key: (N == null ? void 0 : N.key) || "",
|
|
4526
4584
|
order: (N == null ? void 0 : N.order) || "",
|
|
4527
4585
|
type: (N == null ? void 0 : N.type) || ""
|
|
4528
4586
|
};
|
|
4529
|
-
typeof (
|
|
4530
|
-
},
|
|
4531
|
-
|
|
4532
|
-
},
|
|
4533
|
-
N.stopPropagation(),
|
|
4534
|
-
const
|
|
4535
|
-
|
|
4536
|
-
const
|
|
4537
|
-
|
|
4538
|
-
top: Math.max(8, Math.min(
|
|
4539
|
-
left: Math.max(8, Math.min(
|
|
4540
|
-
}),
|
|
4541
|
-
},
|
|
4587
|
+
typeof (C == null ? void 0 : C.onChange) == "function" && C.onChange(K);
|
|
4588
|
+
}, Ke = (d, N, K) => {
|
|
4589
|
+
K.stopPropagation(), B(null), y == null || y(d.type, N);
|
|
4590
|
+
}, We = (d, N, K) => {
|
|
4591
|
+
N.stopPropagation(), z(K);
|
|
4592
|
+
const te = N.currentTarget;
|
|
4593
|
+
ze.current[d] = te;
|
|
4594
|
+
const ae = te.getBoundingClientRect(), ue = 192, ye = K.length * 40, he = window.innerWidth, xe = window.innerHeight, Ne = he - ae.right < ue ? ae.left - ue + ae.width : ae.left, Te = xe - ae.bottom < ye && ae.top > ye ? ae.top - ye - 2 : ae.bottom + 2;
|
|
4595
|
+
F({
|
|
4596
|
+
top: Math.max(8, Math.min(Te, xe - ye - 8)),
|
|
4597
|
+
left: Math.max(8, Math.min(Ne, he - ue - 8))
|
|
4598
|
+
}), B(E === d ? null : d);
|
|
4599
|
+
}, He = (d) => (T - 1) * O + d + 1, Ue = (d) => {
|
|
4542
4600
|
let N = d;
|
|
4543
|
-
N && N.src instanceof File && (N = { ...N, src: URL.createObjectURL(N.src) }),
|
|
4544
|
-
},
|
|
4601
|
+
N && N.src instanceof File && (N = { ...N, src: URL.createObjectURL(N.src) }), pe(N), fe(!0);
|
|
4602
|
+
}, Ze = (d) => {
|
|
4545
4603
|
if (!d) return "";
|
|
4546
4604
|
if (typeof d == "string")
|
|
4547
4605
|
return d;
|
|
@@ -4558,20 +4616,20 @@ const Jt = ({
|
|
|
4558
4616
|
return URL.createObjectURL(d.file);
|
|
4559
4617
|
}
|
|
4560
4618
|
return "";
|
|
4561
|
-
},
|
|
4562
|
-
const
|
|
4563
|
-
if (
|
|
4619
|
+
}, Ve = (d, N) => {
|
|
4620
|
+
const K = Array.isArray(d) ? d : [];
|
|
4621
|
+
if (K.length === 0)
|
|
4564
4622
|
return /* @__PURE__ */ t("span", { className: N.className || "", children: "N/A" });
|
|
4565
|
-
const
|
|
4623
|
+
const te = N.maxPreview || 3, ae = K.slice(0, te), ue = K.length - ae.length;
|
|
4566
4624
|
return /* @__PURE__ */ h("div", { className: "flex items-center", children: [
|
|
4567
|
-
/* @__PURE__ */ t("div", { className: "flex -space-x-2", children:
|
|
4568
|
-
const xe =
|
|
4625
|
+
/* @__PURE__ */ t("div", { className: "flex -space-x-2", children: ae.map((ye, he) => {
|
|
4626
|
+
const xe = Ze(ye);
|
|
4569
4627
|
return xe ? /* @__PURE__ */ t(
|
|
4570
4628
|
"button",
|
|
4571
4629
|
{
|
|
4572
4630
|
type: "button",
|
|
4573
|
-
onClick: (
|
|
4574
|
-
|
|
4631
|
+
onClick: (Oe) => {
|
|
4632
|
+
Oe.stopPropagation(), Ue({ src: xe, alt: `Gallery ${he + 1}` });
|
|
4575
4633
|
},
|
|
4576
4634
|
className: "w-8 h-8 rounded-full border-2 border-white dark:border-gray-800 overflow-hidden",
|
|
4577
4635
|
children: /* @__PURE__ */ t(
|
|
@@ -4591,41 +4649,41 @@ const Jt = ({
|
|
|
4591
4649
|
ue
|
|
4592
4650
|
] })
|
|
4593
4651
|
] });
|
|
4594
|
-
},
|
|
4652
|
+
}, Fe = (d, N, K, te = null, ae = null) => /* @__PURE__ */ t(Z, { children: d ? /* @__PURE__ */ t(
|
|
4595
4653
|
"img",
|
|
4596
4654
|
{
|
|
4597
4655
|
src: d instanceof File ? URL.createObjectURL(d) : d,
|
|
4598
4656
|
alt: N || "Avatar",
|
|
4599
4657
|
onClick: (ue) => {
|
|
4600
|
-
ue.stopPropagation(), ue.preventDefault(),
|
|
4658
|
+
ue.stopPropagation(), ue.preventDefault(), Ue({ src: d, alt: N });
|
|
4601
4659
|
},
|
|
4602
|
-
className: `w-10 h-10 cursor-pointer shrink-0 rounded-full object-cover border border-gray-200 dark:border-gray-700 ${
|
|
4660
|
+
className: `w-10 h-10 cursor-pointer shrink-0 rounded-full object-cover border border-gray-200 dark:border-gray-700 ${K || ""}`
|
|
4603
4661
|
}
|
|
4604
|
-
) : /* @__PURE__ */ t(
|
|
4662
|
+
) : /* @__PURE__ */ t(Z, { children: te ? typeof te == "function" ? te(ae) : te : /* @__PURE__ */ t(
|
|
4605
4663
|
"div",
|
|
4606
4664
|
{
|
|
4607
|
-
className: `w-10 h-10 flex items-center shrink-0 justify-center rounded-full border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 ${
|
|
4665
|
+
className: `w-10 h-10 flex items-center shrink-0 justify-center rounded-full border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 ${K || ""}`,
|
|
4608
4666
|
children: /* @__PURE__ */ t(wr, { className: "w-6 h-6 text-gray-400 dark:text-gray-400" })
|
|
4609
4667
|
}
|
|
4610
|
-
) }) }),
|
|
4668
|
+
) }) }), Xe = (d, N) => /* @__PURE__ */ t(Z, { children: d ? /* @__PURE__ */ t(
|
|
4611
4669
|
"audio",
|
|
4612
4670
|
{
|
|
4613
4671
|
controls: !0,
|
|
4614
4672
|
src: d instanceof File ? URL.createObjectURL(d) : d,
|
|
4615
|
-
onClick: (
|
|
4616
|
-
|
|
4673
|
+
onClick: (K) => {
|
|
4674
|
+
K.stopPropagation();
|
|
4617
4675
|
},
|
|
4618
4676
|
className: `w-64 cursor-pointer ${N || ""}`
|
|
4619
4677
|
},
|
|
4620
4678
|
d instanceof File ? URL.createObjectURL(d) : d
|
|
4621
|
-
) : /* @__PURE__ */ t(
|
|
4679
|
+
) : /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(
|
|
4622
4680
|
"div",
|
|
4623
4681
|
{
|
|
4624
4682
|
className: `w-12 h-12 flex items-center shrink-0 justify-center rounded-full border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 ${N || ""}`,
|
|
4625
|
-
children: /* @__PURE__ */ t(
|
|
4683
|
+
children: /* @__PURE__ */ t(mt, { className: "w-6 h-6 text-gray-400 dark:text-gray-400" })
|
|
4626
4684
|
}
|
|
4627
|
-
) }) }),
|
|
4628
|
-
N.imageKey ?
|
|
4685
|
+
) }) }), G = (d, N) => /* @__PURE__ */ h("div", { className: `flex items-center space-x-4 ${N.className || ""}`, children: [
|
|
4686
|
+
N.imageKey ? Fe(
|
|
4629
4687
|
d[N.imageKey],
|
|
4630
4688
|
d[N.titleKey],
|
|
4631
4689
|
"group-avatar",
|
|
@@ -4636,114 +4694,114 @@ const Jt = ({
|
|
|
4636
4694
|
/* @__PURE__ */ t("p", { className: "font-medium text-gray-900 dark:text-white group-title", children: d[N.titleKey] || "" }),
|
|
4637
4695
|
/* @__PURE__ */ t("p", { className: "text-sm text-gray-500 dark:text-gray-400 group-sub-title", children: d[N.subtitleKey] || "" })
|
|
4638
4696
|
] })
|
|
4639
|
-
] }),
|
|
4697
|
+
] }), J = (d, N) => {
|
|
4640
4698
|
var ue;
|
|
4641
|
-
let
|
|
4642
|
-
const
|
|
4643
|
-
let
|
|
4699
|
+
let K = String(d);
|
|
4700
|
+
const te = N.variant || "contained";
|
|
4701
|
+
let ae = N.defaultColor;
|
|
4644
4702
|
if (((ue = N == null ? void 0 : N.chipOptions) == null ? void 0 : ue.length) > 0) {
|
|
4645
4703
|
const ye = N == null ? void 0 : N.chipOptions.find((he) => he.value == d);
|
|
4646
|
-
ye && (
|
|
4704
|
+
ye && (K = ye.label, ae = ye.color);
|
|
4647
4705
|
}
|
|
4648
4706
|
return /* @__PURE__ */ t(
|
|
4649
|
-
|
|
4707
|
+
et,
|
|
4650
4708
|
{
|
|
4651
|
-
label:
|
|
4652
|
-
variant:
|
|
4653
|
-
color:
|
|
4709
|
+
label: K,
|
|
4710
|
+
variant: te,
|
|
4711
|
+
color: ae,
|
|
4654
4712
|
className: N.className || ""
|
|
4655
4713
|
}
|
|
4656
4714
|
);
|
|
4657
|
-
},
|
|
4658
|
-
const
|
|
4715
|
+
}, ce = (d, N, K) => {
|
|
4716
|
+
const te = N[d.key];
|
|
4659
4717
|
return d.type === "menu_actions" ? /* @__PURE__ */ t("div", { className: `text-center ${d.className || ""}`, children: /* @__PURE__ */ t(
|
|
4660
4718
|
"button",
|
|
4661
4719
|
{
|
|
4662
|
-
ref: (
|
|
4663
|
-
|
|
4720
|
+
ref: (ae) => {
|
|
4721
|
+
ze.current[N.id || N._id] = ae;
|
|
4664
4722
|
},
|
|
4665
|
-
onClick: (
|
|
4723
|
+
onClick: (ae) => We(N.id || N._id, ae, d.menuList),
|
|
4666
4724
|
className: x(
|
|
4667
4725
|
f.table.actionButton,
|
|
4668
4726
|
"p-2 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 rounded-full transition text-gray-700 dark:text-gray-300"
|
|
4669
4727
|
),
|
|
4670
|
-
children: /* @__PURE__ */ t(
|
|
4728
|
+
children: /* @__PURE__ */ t(ht, { className: "h-4 w-4" })
|
|
4671
4729
|
}
|
|
4672
|
-
) }) : d.type === "index" ? /* @__PURE__ */ t("span", { className: d.className || "", children:
|
|
4673
|
-
|
|
4730
|
+
) }) : d.type === "index" ? /* @__PURE__ */ t("span", { className: d.className || "", children: He(K) }) : d.type === "group" ? G(N, d) : d.type === "chip" ? /* @__PURE__ */ t(Z, { children: J(te, d) }) : d.type === "date" ? /* @__PURE__ */ t("span", { className: d.className || "", children: ir(te, d.format || "DD MMM YYYY") }) : d.type === "avatar" ? /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t("div", { className: "min-w-[40px]", children: Fe(
|
|
4731
|
+
te,
|
|
4674
4732
|
d.alt,
|
|
4675
4733
|
d.className,
|
|
4676
4734
|
d.fallback_icon,
|
|
4677
4735
|
N
|
|
4678
|
-
) }) }) : d.type === "audio" ? /* @__PURE__ */ t(
|
|
4679
|
-
},
|
|
4680
|
-
if (typeof
|
|
4681
|
-
return
|
|
4682
|
-
if (
|
|
4736
|
+
) }) }) : d.type === "audio" ? /* @__PURE__ */ t(Z, { children: Xe(te, d.className) }) : d.type === "multiImage" ? /* @__PURE__ */ t(Z, { children: Ve(te, d) }) : /* @__PURE__ */ t("span", { className: d.className || "", children: te || "N/A" });
|
|
4737
|
+
}, _e = (d) => {
|
|
4738
|
+
if (typeof j == "function")
|
|
4739
|
+
return j(d);
|
|
4740
|
+
if (j)
|
|
4683
4741
|
return y == null ? void 0 : y("view", d);
|
|
4684
|
-
},
|
|
4742
|
+
}, se = (d, N) => {
|
|
4685
4743
|
if (d.onClickDetails)
|
|
4686
4744
|
return y == null ? void 0 : y("view", N);
|
|
4687
4745
|
if (typeof d.handleClick == "function")
|
|
4688
4746
|
return d.handleClick(N);
|
|
4689
|
-
},
|
|
4690
|
-
var
|
|
4691
|
-
if (!(i != null && i.length) || !((
|
|
4692
|
-
const d = g.fields.map((
|
|
4693
|
-
(
|
|
4694
|
-
const
|
|
4695
|
-
return `"${
|
|
4747
|
+
}, yr = () => j || typeof j == "function", vr = (d) => d.onClickDetails || typeof d.handleClick == "function", at = () => {
|
|
4748
|
+
var Oe;
|
|
4749
|
+
if (!(i != null && i.length) || !((Oe = g == null ? void 0 : g.fields) != null && Oe.length)) return;
|
|
4750
|
+
const d = g.fields.map((Ne) => Ne.label), N = Le.map(
|
|
4751
|
+
(Ne) => g.fields.map((kr) => {
|
|
4752
|
+
const Te = Ne == null ? void 0 : Ne[kr.key];
|
|
4753
|
+
return `"${Te ?? ""}"`;
|
|
4696
4754
|
})
|
|
4697
|
-
),
|
|
4755
|
+
), K = [
|
|
4698
4756
|
d.join(","),
|
|
4699
|
-
...N.map((
|
|
4757
|
+
...N.map((Ne) => Ne.join(","))
|
|
4700
4758
|
].join(`
|
|
4701
|
-
`),
|
|
4759
|
+
`), ae = `export-${ir(/* @__PURE__ */ new Date(), "YYYY-MM-DD_HH-mm-ss")}.csv`, ue = g.fileName || ae, ye = new Blob([K], { type: "text/csv;charset=utf-8;" }), he = document.createElement("a"), xe = URL.createObjectURL(ye);
|
|
4702
4760
|
he.href = xe, he.download = ue, document.body.appendChild(he), he.click(), document.body.removeChild(he), URL.revokeObjectURL(xe);
|
|
4703
4761
|
};
|
|
4704
|
-
return
|
|
4762
|
+
return q(() => {
|
|
4705
4763
|
const d = () => {
|
|
4706
|
-
E &&
|
|
4764
|
+
E && B(null);
|
|
4707
4765
|
};
|
|
4708
4766
|
return window.addEventListener("scroll", d, !0), () => {
|
|
4709
4767
|
window.removeEventListener("scroll", d, !0);
|
|
4710
4768
|
};
|
|
4711
|
-
}, [E]),
|
|
4769
|
+
}, [E]), q(() => {
|
|
4712
4770
|
const d = (N) => {
|
|
4713
|
-
Pe.current && !Pe.current.contains(N.target) &&
|
|
4771
|
+
Pe.current && !Pe.current.contains(N.target) && B(null);
|
|
4714
4772
|
};
|
|
4715
4773
|
return document.addEventListener("click", d), () => document.removeEventListener("click", d);
|
|
4716
|
-
}, []),
|
|
4717
|
-
l != null && l.rows_per_page && (l != null && l.useServerSidePagination) &&
|
|
4774
|
+
}, []), q(() => {
|
|
4775
|
+
l != null && l.rows_per_page && (l != null && l.useServerSidePagination) && Q((l == null ? void 0 : l.rows_per_page) || 50), l.current_page && M(l.current_page);
|
|
4718
4776
|
}, [
|
|
4719
4777
|
l.rows_per_page,
|
|
4720
4778
|
l == null ? void 0 : l.useServerSidePagination,
|
|
4721
4779
|
l.current_page
|
|
4722
|
-
]),
|
|
4723
|
-
|
|
4724
|
-
l != null && l.useServerSidePagination ? l.total_records :
|
|
4725
|
-
),
|
|
4780
|
+
]), q(() => {
|
|
4781
|
+
X(
|
|
4782
|
+
l != null && l.useServerSidePagination ? l.total_records : D.length
|
|
4783
|
+
), D.length <= O * (T - 1) && !(l != null && l.useServerSidePagination) && M((d) => d - 1 || 1);
|
|
4726
4784
|
}, [
|
|
4727
|
-
|
|
4785
|
+
D.length,
|
|
4728
4786
|
l.total_records,
|
|
4729
4787
|
l == null ? void 0 : l.useServerSidePagination
|
|
4730
|
-
]),
|
|
4731
|
-
if (!(
|
|
4788
|
+
]), q(() => {
|
|
4789
|
+
if (!(C != null && C.enabled)) {
|
|
4732
4790
|
P("");
|
|
4733
4791
|
return;
|
|
4734
4792
|
}
|
|
4735
|
-
if (
|
|
4736
|
-
(N) => N.value ===
|
|
4793
|
+
if (ee.some(
|
|
4794
|
+
(N) => N.value === C.defaultValue
|
|
4737
4795
|
)) {
|
|
4738
|
-
P(
|
|
4796
|
+
P(C.defaultValue);
|
|
4739
4797
|
return;
|
|
4740
4798
|
}
|
|
4741
4799
|
P("");
|
|
4742
|
-
}, [
|
|
4743
|
-
if (!(
|
|
4800
|
+
}, [C, ee]), q(() => {
|
|
4801
|
+
if (!(C != null && C.enabled) || !(C != null && C.useServerSideSorting))
|
|
4744
4802
|
return;
|
|
4745
|
-
const d =
|
|
4746
|
-
(N) => N.value ===
|
|
4803
|
+
const d = ee == null ? void 0 : ee.find(
|
|
4804
|
+
(N) => N.value === ie
|
|
4747
4805
|
);
|
|
4748
4806
|
S((N) => ({
|
|
4749
4807
|
...N,
|
|
@@ -4752,13 +4810,13 @@ const Jt = ({
|
|
|
4752
4810
|
sort_order: (d == null ? void 0 : d.order) || ""
|
|
4753
4811
|
}));
|
|
4754
4812
|
}, [
|
|
4755
|
-
|
|
4756
|
-
|
|
4757
|
-
|
|
4758
|
-
|
|
4813
|
+
ie,
|
|
4814
|
+
C == null ? void 0 : C.enabled,
|
|
4815
|
+
C == null ? void 0 : C.useServerSideSorting,
|
|
4816
|
+
ee,
|
|
4759
4817
|
S
|
|
4760
|
-
]), /* @__PURE__ */ h(
|
|
4761
|
-
b ? /* @__PURE__ */ t(
|
|
4818
|
+
]), /* @__PURE__ */ h("div", { ref: je, children: [
|
|
4819
|
+
b ? /* @__PURE__ */ t(la, { rows: 6, columns: 6 }) : /* @__PURE__ */ h(Z, { children: [
|
|
4762
4820
|
/* @__PURE__ */ h(
|
|
4763
4821
|
"div",
|
|
4764
4822
|
{
|
|
@@ -4779,7 +4837,7 @@ const Jt = ({
|
|
|
4779
4837
|
variant: "contained",
|
|
4780
4838
|
color: "primary",
|
|
4781
4839
|
children: [
|
|
4782
|
-
/* @__PURE__ */ t(
|
|
4840
|
+
/* @__PURE__ */ t(lt, { className: "w-4 h-4 mr-2" }),
|
|
4783
4841
|
r || "Add New"
|
|
4784
4842
|
]
|
|
4785
4843
|
}
|
|
@@ -4799,49 +4857,49 @@ const Jt = ({
|
|
|
4799
4857
|
{
|
|
4800
4858
|
type: "text",
|
|
4801
4859
|
placeholder: p.placeholder || "Search...",
|
|
4802
|
-
value:
|
|
4803
|
-
onChange: (d) =>
|
|
4860
|
+
value: $,
|
|
4861
|
+
onChange: (d) => Ge(d.target.value),
|
|
4804
4862
|
className: f.table.searchInput
|
|
4805
4863
|
}
|
|
4806
4864
|
)
|
|
4807
4865
|
]
|
|
4808
4866
|
}
|
|
4809
4867
|
) }),
|
|
4810
|
-
|
|
4868
|
+
C != null && C.enabled && (ee == null ? void 0 : ee.length) > 0 || _ && m.enabled || g && g.enabled ? /* @__PURE__ */ h("div", { className: "flex items-center justify-end gap-2 w-full sm:!w-auto", children: [
|
|
4811
4869
|
_ && m.enabled && /* @__PURE__ */ h("div", { className: "filter-button-wrapper", children: [
|
|
4812
4870
|
/* @__PURE__ */ h(
|
|
4813
4871
|
ge,
|
|
4814
4872
|
{
|
|
4815
|
-
onClick: () =>
|
|
4873
|
+
onClick: () => H(!0),
|
|
4816
4874
|
variant: "contained",
|
|
4817
4875
|
className: "w-full sm:!w-auto",
|
|
4818
4876
|
children: [
|
|
4819
|
-
/* @__PURE__ */ t(
|
|
4877
|
+
/* @__PURE__ */ t(st, { className: "w-4 h-4 mr-2" }),
|
|
4820
4878
|
"Filters"
|
|
4821
4879
|
]
|
|
4822
4880
|
}
|
|
4823
4881
|
),
|
|
4824
|
-
Object.keys(
|
|
4882
|
+
Object.keys(A).length > 0 && /* @__PURE__ */ t("span", { className: "red-dot" })
|
|
4825
4883
|
] }),
|
|
4826
4884
|
g && g.enabled && /* @__PURE__ */ t("div", { className: "filter-button-wrapper", children: /* @__PURE__ */ h(
|
|
4827
4885
|
ge,
|
|
4828
4886
|
{
|
|
4829
|
-
onClick: () =>
|
|
4887
|
+
onClick: () => at(),
|
|
4830
4888
|
variant: "contained",
|
|
4831
4889
|
className: "w-full sm:!w-auto",
|
|
4832
4890
|
children: [
|
|
4833
|
-
/* @__PURE__ */ t(
|
|
4891
|
+
/* @__PURE__ */ t(dt, { className: "w-4 h-4 mr-2" }),
|
|
4834
4892
|
"Export CSV"
|
|
4835
4893
|
]
|
|
4836
4894
|
}
|
|
4837
4895
|
) }),
|
|
4838
|
-
(
|
|
4839
|
-
|
|
4896
|
+
(C == null ? void 0 : C.enabled) && (ee == null ? void 0 : ee.length) > 0 && /* @__PURE__ */ t(
|
|
4897
|
+
sa,
|
|
4840
4898
|
{
|
|
4841
|
-
options:
|
|
4842
|
-
value:
|
|
4843
|
-
onChange:
|
|
4844
|
-
clearLabel:
|
|
4899
|
+
options: ee,
|
|
4900
|
+
value: ie,
|
|
4901
|
+
onChange: Ye,
|
|
4902
|
+
clearLabel: C == null ? void 0 : C.clearLabel
|
|
4845
4903
|
}
|
|
4846
4904
|
)
|
|
4847
4905
|
] }) : null
|
|
@@ -4888,34 +4946,34 @@ const Jt = ({
|
|
|
4888
4946
|
className: x(
|
|
4889
4947
|
f.table.row,
|
|
4890
4948
|
"table-row",
|
|
4891
|
-
|
|
4949
|
+
yr() ? "cursor-pointer" : ""
|
|
4892
4950
|
),
|
|
4893
4951
|
onClick: () => {
|
|
4894
|
-
|
|
4952
|
+
yr() && _e(d);
|
|
4895
4953
|
},
|
|
4896
|
-
children: s.map((
|
|
4954
|
+
children: s.map((K) => /* @__PURE__ */ t(
|
|
4897
4955
|
"td",
|
|
4898
4956
|
{
|
|
4899
4957
|
className: x(
|
|
4900
4958
|
f.table.cell,
|
|
4901
4959
|
"table-data",
|
|
4902
|
-
|
|
4960
|
+
K.type == "audio" ? "" : "max-w-[300px]",
|
|
4903
4961
|
"truncate",
|
|
4904
|
-
|
|
4962
|
+
vr(K) ? "cursor-pointer" : ""
|
|
4905
4963
|
),
|
|
4906
|
-
title: String(d[
|
|
4907
|
-
onClick: (
|
|
4908
|
-
|
|
4964
|
+
title: String(d[K.key] ?? ""),
|
|
4965
|
+
onClick: (te) => {
|
|
4966
|
+
vr(K) && (te.stopPropagation(), te.preventDefault(), se(K, d));
|
|
4909
4967
|
},
|
|
4910
|
-
children:
|
|
4968
|
+
children: K.render ? K.render(d, N) : ce(K, d, N)
|
|
4911
4969
|
},
|
|
4912
|
-
|
|
4970
|
+
K.key
|
|
4913
4971
|
))
|
|
4914
4972
|
},
|
|
4915
4973
|
d.id || d._id || N
|
|
4916
4974
|
)) })
|
|
4917
4975
|
] }) }),
|
|
4918
|
-
(l == null ? void 0 : l.enabled) &&
|
|
4976
|
+
(l == null ? void 0 : l.enabled) && D.length > 0 && /* @__PURE__ */ h(
|
|
4919
4977
|
"div",
|
|
4920
4978
|
{
|
|
4921
4979
|
className: x(
|
|
@@ -4925,13 +4983,13 @@ const Jt = ({
|
|
|
4925
4983
|
children: [
|
|
4926
4984
|
/* @__PURE__ */ h("span", { children: [
|
|
4927
4985
|
"Showing ",
|
|
4928
|
-
(
|
|
4986
|
+
(T - 1) * O + 1,
|
|
4929
4987
|
" to",
|
|
4930
4988
|
" ",
|
|
4931
|
-
Math.min(
|
|
4989
|
+
Math.min(T * O, re),
|
|
4932
4990
|
" of",
|
|
4933
4991
|
" ",
|
|
4934
|
-
|
|
4992
|
+
re,
|
|
4935
4993
|
" results"
|
|
4936
4994
|
] }),
|
|
4937
4995
|
/* @__PURE__ */ h("div", { className: "flex items-center gap-4", children: [
|
|
@@ -4940,12 +4998,12 @@ const Jt = ({
|
|
|
4940
4998
|
/* @__PURE__ */ t(
|
|
4941
4999
|
"select",
|
|
4942
5000
|
{
|
|
4943
|
-
value:
|
|
5001
|
+
value: O,
|
|
4944
5002
|
onChange: (d) => {
|
|
4945
5003
|
const N = Number(d.target.value);
|
|
4946
|
-
|
|
4947
|
-
(
|
|
4948
|
-
...
|
|
5004
|
+
Q(N), M(1), l.useServerSidePagination && S(
|
|
5005
|
+
(K) => ({
|
|
5006
|
+
...K,
|
|
4949
5007
|
current_page: 1,
|
|
4950
5008
|
rows_per_page: N
|
|
4951
5009
|
})
|
|
@@ -4961,9 +5019,9 @@ const Jt = ({
|
|
|
4961
5019
|
"button",
|
|
4962
5020
|
{
|
|
4963
5021
|
onClick: () => {
|
|
4964
|
-
if (
|
|
4965
|
-
const d =
|
|
4966
|
-
|
|
5022
|
+
if (T > 1) {
|
|
5023
|
+
const d = T - 1;
|
|
5024
|
+
M(d), l.useServerSidePagination && S(
|
|
4967
5025
|
(N) => ({
|
|
4968
5026
|
...N,
|
|
4969
5027
|
current_page: d
|
|
@@ -4971,24 +5029,24 @@ const Jt = ({
|
|
|
4971
5029
|
);
|
|
4972
5030
|
}
|
|
4973
5031
|
},
|
|
4974
|
-
disabled:
|
|
5032
|
+
disabled: T === 1,
|
|
4975
5033
|
className: "arrow-icons",
|
|
4976
|
-
children: /* @__PURE__ */ t(
|
|
5034
|
+
children: /* @__PURE__ */ t(pt, { className: "h-4 w-4" })
|
|
4977
5035
|
}
|
|
4978
5036
|
),
|
|
4979
5037
|
/* @__PURE__ */ h("span", { children: [
|
|
4980
5038
|
"Page ",
|
|
4981
|
-
|
|
5039
|
+
T,
|
|
4982
5040
|
" of ",
|
|
4983
|
-
|
|
5041
|
+
ne
|
|
4984
5042
|
] }),
|
|
4985
5043
|
/* @__PURE__ */ t(
|
|
4986
5044
|
"button",
|
|
4987
5045
|
{
|
|
4988
5046
|
onClick: () => {
|
|
4989
|
-
if (
|
|
4990
|
-
const d =
|
|
4991
|
-
|
|
5047
|
+
if (T < ne) {
|
|
5048
|
+
const d = T + 1;
|
|
5049
|
+
M(d), l.useServerSidePagination && S(
|
|
4992
5050
|
(N) => ({
|
|
4993
5051
|
...N,
|
|
4994
5052
|
current_page: d
|
|
@@ -4996,9 +5054,9 @@ const Jt = ({
|
|
|
4996
5054
|
);
|
|
4997
5055
|
}
|
|
4998
5056
|
},
|
|
4999
|
-
disabled:
|
|
5057
|
+
disabled: T === ne,
|
|
5000
5058
|
className: "arrow-icons",
|
|
5001
|
-
children: /* @__PURE__ */ t(
|
|
5059
|
+
children: /* @__PURE__ */ t(ut, { className: "h-4 w-4" })
|
|
5002
5060
|
}
|
|
5003
5061
|
)
|
|
5004
5062
|
] })
|
|
@@ -5010,15 +5068,15 @@ const Jt = ({
|
|
|
5010
5068
|
}
|
|
5011
5069
|
)
|
|
5012
5070
|
] }),
|
|
5013
|
-
E &&
|
|
5071
|
+
E && Ie && fr(
|
|
5014
5072
|
/* @__PURE__ */ t(
|
|
5015
5073
|
"div",
|
|
5016
5074
|
{
|
|
5017
5075
|
ref: Pe,
|
|
5018
5076
|
style: {
|
|
5019
5077
|
position: "fixed",
|
|
5020
|
-
top: `${
|
|
5021
|
-
left: `${
|
|
5078
|
+
top: `${L.top}px`,
|
|
5079
|
+
left: `${L.left}px`,
|
|
5022
5080
|
zIndex: 9999
|
|
5023
5081
|
},
|
|
5024
5082
|
className: x(
|
|
@@ -5028,12 +5086,12 @@ const Jt = ({
|
|
|
5028
5086
|
children: v.map((d, N) => /* @__PURE__ */ h(
|
|
5029
5087
|
"button",
|
|
5030
5088
|
{
|
|
5031
|
-
onClick: (
|
|
5089
|
+
onClick: (K) => Ke(
|
|
5032
5090
|
d,
|
|
5033
5091
|
i.find(
|
|
5034
|
-
(
|
|
5092
|
+
(te) => te.id === E || te._id == E
|
|
5035
5093
|
),
|
|
5036
|
-
|
|
5094
|
+
K
|
|
5037
5095
|
),
|
|
5038
5096
|
className: x(
|
|
5039
5097
|
f.table.menuItem,
|
|
@@ -5049,26 +5107,26 @@ const Jt = ({
|
|
|
5049
5107
|
))
|
|
5050
5108
|
}
|
|
5051
5109
|
),
|
|
5052
|
-
|
|
5110
|
+
Ie
|
|
5053
5111
|
),
|
|
5054
|
-
_ && /* @__PURE__ */ t(
|
|
5055
|
-
|
|
5112
|
+
_ && W && /* @__PURE__ */ t(
|
|
5113
|
+
ca,
|
|
5056
5114
|
{
|
|
5057
|
-
isOpen:
|
|
5058
|
-
onClose: () =>
|
|
5115
|
+
isOpen: W,
|
|
5116
|
+
onClose: () => H(!1),
|
|
5059
5117
|
config: _,
|
|
5060
5118
|
onApply: (d) => {
|
|
5061
|
-
|
|
5119
|
+
Y(d), k == null || k(d);
|
|
5062
5120
|
}
|
|
5063
5121
|
}
|
|
5064
5122
|
),
|
|
5065
|
-
U &&
|
|
5123
|
+
U && V && /* @__PURE__ */ t(
|
|
5066
5124
|
ke,
|
|
5067
5125
|
{
|
|
5068
|
-
src:
|
|
5069
|
-
alt:
|
|
5126
|
+
src: V.src,
|
|
5127
|
+
alt: V.alt,
|
|
5070
5128
|
isOpen: U,
|
|
5071
|
-
setIsOpen:
|
|
5129
|
+
setIsOpen: fe
|
|
5072
5130
|
}
|
|
5073
5131
|
)
|
|
5074
5132
|
] });
|
|
@@ -5112,8 +5170,7 @@ const Jt = ({
|
|
|
5112
5170
|
f.modal.overlay,
|
|
5113
5171
|
"fixed inset-0 bg-gray-500 opacity-75",
|
|
5114
5172
|
l == null ? void 0 : l.overlay
|
|
5115
|
-
)
|
|
5116
|
-
onClick: () => o()
|
|
5173
|
+
)
|
|
5117
5174
|
}
|
|
5118
5175
|
),
|
|
5119
5176
|
/* @__PURE__ */ h(
|
|
@@ -5245,14 +5302,14 @@ const Jt = ({
|
|
|
5245
5302
|
]
|
|
5246
5303
|
}
|
|
5247
5304
|
);
|
|
5248
|
-
},
|
|
5305
|
+
}, Fr = ({
|
|
5249
5306
|
config: a,
|
|
5250
5307
|
onSubmit: o,
|
|
5251
5308
|
initialData: e,
|
|
5252
5309
|
fetchRowDetails: r,
|
|
5253
5310
|
type: n
|
|
5254
5311
|
}) => {
|
|
5255
|
-
const c = e || {}, { formClass: i = "grid grid-cols-12 gap-4", formFields: s = [] } = a || {}, [b, p] =
|
|
5312
|
+
const c = e || {}, { formClass: i = "grid grid-cols-12 gap-4", formFields: s = [] } = a || {}, [b, p] = R(c), [m, u] = R(!0), [l, g] = R({}), w = async () => {
|
|
5256
5313
|
r == null || r(c).then((k) => {
|
|
5257
5314
|
p(k.data);
|
|
5258
5315
|
}).catch((k) => {
|
|
@@ -5261,12 +5318,12 @@ const Jt = ({
|
|
|
5261
5318
|
u(!1);
|
|
5262
5319
|
});
|
|
5263
5320
|
};
|
|
5264
|
-
|
|
5321
|
+
q(() => {
|
|
5265
5322
|
r instanceof Function ? w() : (p(c), u(!1));
|
|
5266
5323
|
}, []);
|
|
5267
5324
|
const y = (k, _) => {
|
|
5268
|
-
p((
|
|
5269
|
-
...
|
|
5325
|
+
p((j) => ({ ...j, [k]: _ })), g((j) => ({
|
|
5326
|
+
...j,
|
|
5270
5327
|
[k]: ""
|
|
5271
5328
|
}));
|
|
5272
5329
|
}, S = (k) => {
|
|
@@ -5276,21 +5333,21 @@ const Jt = ({
|
|
|
5276
5333
|
_.reportValidity();
|
|
5277
5334
|
return;
|
|
5278
5335
|
}
|
|
5279
|
-
const
|
|
5280
|
-
let
|
|
5336
|
+
const j = {};
|
|
5337
|
+
let $ = !1;
|
|
5281
5338
|
for (const I of s) {
|
|
5282
5339
|
const E = b[I.key] || "";
|
|
5283
5340
|
if (I.customValidation) {
|
|
5284
|
-
const
|
|
5285
|
-
if (
|
|
5341
|
+
const B = I.customValidation(E);
|
|
5342
|
+
if (B !== !1 && (j[I.key] = B, !$)) {
|
|
5286
5343
|
const v = _.querySelector(
|
|
5287
5344
|
`[id="field-${I.key}"]`
|
|
5288
5345
|
);
|
|
5289
|
-
v == null || v.focus(),
|
|
5346
|
+
v == null || v.focus(), $ = !0;
|
|
5290
5347
|
}
|
|
5291
5348
|
}
|
|
5292
5349
|
}
|
|
5293
|
-
g(
|
|
5350
|
+
g(j), !(Object.keys(j).length > 0) && o(b);
|
|
5294
5351
|
};
|
|
5295
5352
|
return m ? /* @__PURE__ */ t(
|
|
5296
5353
|
"div",
|
|
@@ -5317,7 +5374,7 @@ const Jt = ({
|
|
|
5317
5374
|
className: x(f.form.root, i),
|
|
5318
5375
|
noValidate: !1,
|
|
5319
5376
|
children: s.map((k) => /* @__PURE__ */ t(
|
|
5320
|
-
|
|
5377
|
+
tt,
|
|
5321
5378
|
{
|
|
5322
5379
|
field: k,
|
|
5323
5380
|
formData: b,
|
|
@@ -5329,7 +5386,7 @@ const Jt = ({
|
|
|
5329
5386
|
}
|
|
5330
5387
|
);
|
|
5331
5388
|
};
|
|
5332
|
-
function
|
|
5389
|
+
function ga({
|
|
5333
5390
|
data: a,
|
|
5334
5391
|
config: o,
|
|
5335
5392
|
fetchRowDetails: e
|
|
@@ -5339,7 +5396,7 @@ function ha({
|
|
|
5339
5396
|
containerClass: n,
|
|
5340
5397
|
variant: c = "default",
|
|
5341
5398
|
styles: i = {}
|
|
5342
|
-
} = o || {}, s = a || {}, [b, p] =
|
|
5399
|
+
} = o || {}, s = a || {}, [b, p] = R(s), [m, u] = R(!0), l = async () => {
|
|
5343
5400
|
e == null || e(s).then((w) => {
|
|
5344
5401
|
p(w.data);
|
|
5345
5402
|
}).catch((w) => {
|
|
@@ -5348,7 +5405,7 @@ function ha({
|
|
|
5348
5405
|
u(!1);
|
|
5349
5406
|
});
|
|
5350
5407
|
};
|
|
5351
|
-
if (
|
|
5408
|
+
if (q(() => {
|
|
5352
5409
|
e instanceof Function ? l() : (p(s), u(!1));
|
|
5353
5410
|
}, []), m)
|
|
5354
5411
|
return /* @__PURE__ */ t(
|
|
@@ -5376,7 +5433,7 @@ function ha({
|
|
|
5376
5433
|
// split: clean property-sheet — bordered box, rows divided by hairlines
|
|
5377
5434
|
split: "rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden divide-y divide-gray-100 dark:divide-gray-800"
|
|
5378
5435
|
};
|
|
5379
|
-
return /* @__PURE__ */ t(
|
|
5436
|
+
return /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(
|
|
5380
5437
|
"div",
|
|
5381
5438
|
{
|
|
5382
5439
|
className: x(
|
|
@@ -5387,7 +5444,7 @@ function ha({
|
|
|
5387
5444
|
i.containerClass || ""
|
|
5388
5445
|
),
|
|
5389
5446
|
children: r.map((w) => w.renderCondition && typeof w.renderCondition == "function" && !w.renderCondition(b) ? null : w.type == "group" ? /* @__PURE__ */ t(
|
|
5390
|
-
|
|
5447
|
+
qr,
|
|
5391
5448
|
{
|
|
5392
5449
|
col: w,
|
|
5393
5450
|
data: b,
|
|
@@ -5396,7 +5453,7 @@ function ha({
|
|
|
5396
5453
|
},
|
|
5397
5454
|
w.key || w.titleKey
|
|
5398
5455
|
) : w.type == "cardGroup" ? /* @__PURE__ */ t(
|
|
5399
|
-
|
|
5456
|
+
Qr,
|
|
5400
5457
|
{
|
|
5401
5458
|
col: w,
|
|
5402
5459
|
data: b,
|
|
@@ -5405,7 +5462,7 @@ function ha({
|
|
|
5405
5462
|
},
|
|
5406
5463
|
w.key || w.titleKey
|
|
5407
5464
|
) : /* @__PURE__ */ t(
|
|
5408
|
-
|
|
5465
|
+
rt,
|
|
5409
5466
|
{
|
|
5410
5467
|
col: w,
|
|
5411
5468
|
data: b,
|
|
@@ -5417,8 +5474,8 @@ function ha({
|
|
|
5417
5474
|
}
|
|
5418
5475
|
) });
|
|
5419
5476
|
}
|
|
5420
|
-
const
|
|
5421
|
-
var
|
|
5477
|
+
const wa = ({ config: a }) => {
|
|
5478
|
+
var M, O, Q, re, X, ne, Le, Pe, je, ze, Ae, Ie, Ge, Ye, Ke, We, He, Ue, Ze, Ve, Fe, Xe;
|
|
5422
5479
|
const {
|
|
5423
5480
|
title: o,
|
|
5424
5481
|
fetchData: e,
|
|
@@ -5427,95 +5484,95 @@ const ma = ({ config: a }) => {
|
|
|
5427
5484
|
tableConfig: c,
|
|
5428
5485
|
modalConfig: i,
|
|
5429
5486
|
filterConfig: s
|
|
5430
|
-
} = a, [b, p] =
|
|
5487
|
+
} = a, [b, p] = R(!0), [m, u] = R(!1), [l, g] = R([]), [w, y] = R(null), [S, k] = R({
|
|
5431
5488
|
search: "",
|
|
5432
5489
|
rows_per_page: 50,
|
|
5433
5490
|
current_page: 1,
|
|
5434
5491
|
sort_by: "",
|
|
5435
5492
|
sort_order: ""
|
|
5436
|
-
}), [_,
|
|
5493
|
+
}), [_, j] = R({}), [$, I] = R(!1), [E, B] = R(!1), [v, z] = R(!1), [L, F] = R(!1), [W, H] = R(!1), [A, Y] = R(
|
|
5437
5494
|
null
|
|
5438
|
-
),
|
|
5439
|
-
|
|
5440
|
-
},
|
|
5495
|
+
), C = (G, J) => {
|
|
5496
|
+
G === "edit" ? (Y(J), z(!0)) : G === "view" ? (Y(J), H(!0)) : G === "delete" && (Y(J), F(!0));
|
|
5497
|
+
}, oe = async (G, J, ce = "", _e = "") => {
|
|
5441
5498
|
u(!0);
|
|
5442
5499
|
try {
|
|
5443
|
-
if (!
|
|
5444
|
-
const
|
|
5445
|
-
(
|
|
5500
|
+
if (!G) return;
|
|
5501
|
+
const se = await G();
|
|
5502
|
+
(ce || se != null && se.message) && De(ce || se.message || "Success", {
|
|
5446
5503
|
variant: "success"
|
|
5447
|
-
}),
|
|
5448
|
-
} catch (
|
|
5449
|
-
(
|
|
5504
|
+
}), J == null || J(se);
|
|
5505
|
+
} catch (se) {
|
|
5506
|
+
(_e || se != null && se.message) && De(_e || se.message || "Error occurred", {
|
|
5450
5507
|
variant: "error"
|
|
5451
5508
|
});
|
|
5452
5509
|
} finally {
|
|
5453
5510
|
u(!1);
|
|
5454
5511
|
}
|
|
5455
|
-
},
|
|
5456
|
-
const
|
|
5457
|
-
n ? (g((
|
|
5458
|
-
...
|
|
5512
|
+
}, ee = (G) => {
|
|
5513
|
+
const J = G.newObject;
|
|
5514
|
+
n ? (g((ce) => [J, ...ce]), y((ce) => ({
|
|
5515
|
+
...ce,
|
|
5459
5516
|
current_page: 1
|
|
5460
|
-
}))) : (k((
|
|
5461
|
-
...
|
|
5517
|
+
}))) : (k((ce) => ({
|
|
5518
|
+
...ce,
|
|
5462
5519
|
current_page: 1
|
|
5463
|
-
})), S.current_page === 1 && U()),
|
|
5464
|
-
},
|
|
5465
|
-
const { newObject:
|
|
5520
|
+
})), S.current_page === 1 && U()), B(!1);
|
|
5521
|
+
}, ie = (G) => {
|
|
5522
|
+
const { newObject: J, targetObject: ce } = G;
|
|
5466
5523
|
n ? g(
|
|
5467
|
-
(
|
|
5468
|
-
(
|
|
5524
|
+
(_e) => _e.map(
|
|
5525
|
+
(se) => se.id === ce.id ? { ...se, ...J } : se
|
|
5469
5526
|
)
|
|
5470
|
-
) : U(),
|
|
5471
|
-
}, P = (
|
|
5472
|
-
if (!
|
|
5473
|
-
|
|
5527
|
+
) : U(), z(!1);
|
|
5528
|
+
}, P = (G) => {
|
|
5529
|
+
if (!G) {
|
|
5530
|
+
F(!1), Y(null);
|
|
5474
5531
|
return;
|
|
5475
5532
|
}
|
|
5476
5533
|
n ? g(
|
|
5477
|
-
(
|
|
5478
|
-
) : l.length === 1 && S.current_page > 1 ? k((
|
|
5479
|
-
...
|
|
5480
|
-
current_page:
|
|
5481
|
-
})) : U(),
|
|
5482
|
-
},
|
|
5534
|
+
(J) => J.filter((ce) => ce.id !== G.targetObject.id)
|
|
5535
|
+
) : l.length === 1 && S.current_page > 1 ? k((J) => ({
|
|
5536
|
+
...J,
|
|
5537
|
+
current_page: J.current_page - 1
|
|
5538
|
+
})) : U(), F(!1), Y(null);
|
|
5539
|
+
}, V = (G) => oe(
|
|
5483
5540
|
() => {
|
|
5484
|
-
var
|
|
5485
|
-
return (
|
|
5541
|
+
var J;
|
|
5542
|
+
return (J = i == null ? void 0 : i.addModal) != null && J.handleSubmit ? i.addModal.handleSubmit(G) : Promise.resolve({ newObject: null });
|
|
5486
5543
|
},
|
|
5487
|
-
|
|
5488
|
-
),
|
|
5544
|
+
ee
|
|
5545
|
+
), pe = (G) => oe(
|
|
5489
5546
|
() => {
|
|
5490
|
-
var
|
|
5491
|
-
return (
|
|
5547
|
+
var J;
|
|
5548
|
+
return (J = i == null ? void 0 : i.editModal) != null && J.handleSubmit ? i.editModal.handleSubmit(G, A) : Promise.resolve({ newObject: null, targetObject: null });
|
|
5492
5549
|
},
|
|
5493
|
-
|
|
5550
|
+
ie
|
|
5494
5551
|
), U = async () => {
|
|
5495
5552
|
p(!0);
|
|
5496
5553
|
try {
|
|
5497
|
-
const
|
|
5554
|
+
const G = await e({
|
|
5498
5555
|
...S,
|
|
5499
5556
|
..._
|
|
5500
5557
|
});
|
|
5501
|
-
g(
|
|
5502
|
-
} catch (
|
|
5503
|
-
De(
|
|
5558
|
+
g(G.data || []), y(G.pagination || null);
|
|
5559
|
+
} catch (G) {
|
|
5560
|
+
De(G.message || "Failed to fetch data", {
|
|
5504
5561
|
variant: "error"
|
|
5505
5562
|
});
|
|
5506
5563
|
} finally {
|
|
5507
5564
|
p(!1);
|
|
5508
5565
|
}
|
|
5509
|
-
},
|
|
5510
|
-
var
|
|
5511
|
-
|
|
5512
|
-
}, ve = (
|
|
5513
|
-
(
|
|
5514
|
-
),
|
|
5515
|
-
var
|
|
5516
|
-
return (
|
|
5517
|
-
}, [l, _, (
|
|
5518
|
-
return
|
|
5566
|
+
}, fe = (G) => {
|
|
5567
|
+
var J;
|
|
5568
|
+
j((ce) => ({ ...G })), (J = c == null ? void 0 : c.filter) != null && J.useServerSideFilters && I((ce) => !ce);
|
|
5569
|
+
}, ve = (G, J) => G.filter(
|
|
5570
|
+
(ce) => Object.entries(J).every(([_e, se]) => ce[_e] === se)
|
|
5571
|
+
), D = Ce(() => {
|
|
5572
|
+
var G;
|
|
5573
|
+
return (G = c == null ? void 0 : c.filter) != null && G.useServerSideFilters ? l : ve(l, _);
|
|
5574
|
+
}, [l, _, (M = c == null ? void 0 : c.filter) == null ? void 0 : M.useServerSideFilters]), T = (O = i == null ? void 0 : i.viewModal) == null ? void 0 : O.component;
|
|
5575
|
+
return q(() => {
|
|
5519
5576
|
U();
|
|
5520
5577
|
}, [
|
|
5521
5578
|
S.search,
|
|
@@ -5523,13 +5580,13 @@ const ma = ({ config: a }) => {
|
|
|
5523
5580
|
S.current_page,
|
|
5524
5581
|
S.sort_by,
|
|
5525
5582
|
S.sort_order,
|
|
5526
|
-
|
|
5583
|
+
$
|
|
5527
5584
|
]), /* @__PURE__ */ h("div", { className: f.crudPage.root, children: [
|
|
5528
5585
|
/* @__PURE__ */ t(
|
|
5529
|
-
|
|
5586
|
+
ba,
|
|
5530
5587
|
{
|
|
5531
5588
|
title: o,
|
|
5532
|
-
setShowAdd:
|
|
5589
|
+
setShowAdd: B,
|
|
5533
5590
|
description: a.description,
|
|
5534
5591
|
buttonText: a.buttonText,
|
|
5535
5592
|
showAddButton: !!(i != null && i.addModal),
|
|
@@ -5539,36 +5596,36 @@ const ma = ({ config: a }) => {
|
|
|
5539
5596
|
...c.pagination,
|
|
5540
5597
|
...w
|
|
5541
5598
|
},
|
|
5542
|
-
data:
|
|
5599
|
+
data: D,
|
|
5543
5600
|
setServerSidePaginationData: k,
|
|
5544
|
-
onMenuAction:
|
|
5601
|
+
onMenuAction: C,
|
|
5545
5602
|
filterConfig: s,
|
|
5546
|
-
onFilterApply:
|
|
5603
|
+
onFilterApply: fe,
|
|
5547
5604
|
loading: b
|
|
5548
5605
|
}
|
|
5549
5606
|
}
|
|
5550
5607
|
),
|
|
5551
|
-
/* @__PURE__ */ t(
|
|
5608
|
+
E && /* @__PURE__ */ t(
|
|
5552
5609
|
qe,
|
|
5553
5610
|
{
|
|
5554
5611
|
isOpen: E,
|
|
5555
5612
|
onClose: () => {
|
|
5556
|
-
m ||
|
|
5613
|
+
m || B(!1);
|
|
5557
5614
|
},
|
|
5558
|
-
icon: (
|
|
5559
|
-
title: ((
|
|
5560
|
-
size: ((
|
|
5615
|
+
icon: (Q = i == null ? void 0 : i.addModal) == null ? void 0 : Q.icon,
|
|
5616
|
+
title: ((re = i == null ? void 0 : i.addModal) == null ? void 0 : re.title) || "Add New",
|
|
5617
|
+
size: ((X = i == null ? void 0 : i.addModal) == null ? void 0 : X.size) || "md",
|
|
5561
5618
|
onFormSubmit: () => {
|
|
5562
|
-
var
|
|
5563
|
-
return (
|
|
5619
|
+
var G;
|
|
5620
|
+
return (G = document.querySelector("#addForm")) == null ? void 0 : G.requestSubmit();
|
|
5564
5621
|
},
|
|
5565
5622
|
loadingBtn: m,
|
|
5566
|
-
actionButtons: ((
|
|
5623
|
+
actionButtons: ((ne = i == null ? void 0 : i.addModal) == null ? void 0 : ne.actionButtons) || [],
|
|
5567
5624
|
children: /* @__PURE__ */ t(
|
|
5568
|
-
|
|
5625
|
+
Fr,
|
|
5569
5626
|
{
|
|
5570
5627
|
config: (i == null ? void 0 : i.addModal) || {},
|
|
5571
|
-
onSubmit:
|
|
5628
|
+
onSubmit: V,
|
|
5572
5629
|
initialData: {},
|
|
5573
5630
|
type: "add",
|
|
5574
5631
|
loading: m
|
|
@@ -5576,28 +5633,28 @@ const ma = ({ config: a }) => {
|
|
|
5576
5633
|
)
|
|
5577
5634
|
}
|
|
5578
5635
|
),
|
|
5579
|
-
/* @__PURE__ */ t(
|
|
5636
|
+
v && /* @__PURE__ */ t(
|
|
5580
5637
|
qe,
|
|
5581
5638
|
{
|
|
5582
5639
|
isOpen: v,
|
|
5583
5640
|
onClose: () => {
|
|
5584
|
-
m ||
|
|
5641
|
+
m || z(!1);
|
|
5585
5642
|
},
|
|
5586
5643
|
icon: (Le = i == null ? void 0 : i.editModal) == null ? void 0 : Le.icon,
|
|
5587
5644
|
title: ((Pe = i == null ? void 0 : i.editModal) == null ? void 0 : Pe.title) || "Edit",
|
|
5588
5645
|
size: ((je = i == null ? void 0 : i.editModal) == null ? void 0 : je.size) || "md",
|
|
5589
5646
|
onFormSubmit: () => {
|
|
5590
|
-
var
|
|
5591
|
-
return (
|
|
5647
|
+
var G;
|
|
5648
|
+
return (G = document.querySelector("#editForm")) == null ? void 0 : G.requestSubmit();
|
|
5592
5649
|
},
|
|
5593
|
-
actionButtons: ((
|
|
5650
|
+
actionButtons: ((ze = i == null ? void 0 : i.editModal) == null ? void 0 : ze.actionButtons) || [],
|
|
5594
5651
|
loadingBtn: m,
|
|
5595
5652
|
children: /* @__PURE__ */ t(
|
|
5596
|
-
|
|
5653
|
+
Fr,
|
|
5597
5654
|
{
|
|
5598
5655
|
config: (i == null ? void 0 : i.editModal) || {},
|
|
5599
|
-
onSubmit:
|
|
5600
|
-
initialData:
|
|
5656
|
+
onSubmit: pe,
|
|
5657
|
+
initialData: A,
|
|
5601
5658
|
type: "edit",
|
|
5602
5659
|
loading: m,
|
|
5603
5660
|
fetchRowDetails: r
|
|
@@ -5605,20 +5662,20 @@ const ma = ({ config: a }) => {
|
|
|
5605
5662
|
)
|
|
5606
5663
|
}
|
|
5607
5664
|
),
|
|
5608
|
-
|
|
5665
|
+
L && /* @__PURE__ */ t(
|
|
5609
5666
|
qe,
|
|
5610
5667
|
{
|
|
5611
|
-
isOpen:
|
|
5612
|
-
onClose: (
|
|
5613
|
-
P(
|
|
5668
|
+
isOpen: L,
|
|
5669
|
+
onClose: (G) => {
|
|
5670
|
+
P(G);
|
|
5614
5671
|
},
|
|
5615
|
-
icon: ((
|
|
5616
|
-
title: ((
|
|
5672
|
+
icon: ((Ae = i == null ? void 0 : i.deleteModal) == null ? void 0 : Ae.icon) || /* @__PURE__ */ t(be, { icon: "ph:warning-bold", className: "w-6 h-6 text-red-500" }),
|
|
5673
|
+
title: ((Ie = i == null ? void 0 : i.deleteModal) == null ? void 0 : Ie.title) || "Confirm Delete",
|
|
5617
5674
|
size: ((Ge = i == null ? void 0 : i.deleteModal) == null ? void 0 : Ge.size) || "md",
|
|
5618
5675
|
loading: m,
|
|
5619
5676
|
actionButtons: ((Ye = i == null ? void 0 : i.deleteModal) == null ? void 0 : Ye.actionButtons) || [],
|
|
5620
|
-
executeFunction:
|
|
5621
|
-
selectedItem:
|
|
5677
|
+
executeFunction: oe,
|
|
5678
|
+
selectedItem: A,
|
|
5622
5679
|
children: /* @__PURE__ */ t(
|
|
5623
5680
|
"div",
|
|
5624
5681
|
{
|
|
@@ -5628,7 +5685,7 @@ const ma = ({ config: a }) => {
|
|
|
5628
5685
|
),
|
|
5629
5686
|
children: /* @__PURE__ */ h("div", { children: [
|
|
5630
5687
|
/* @__PURE__ */ t("p", { className: "text-md text-gray-700 dark:text-white", children: ((Ke = i == null ? void 0 : i.deleteModal) == null ? void 0 : Ke.confirmText) || "Are you sure you want to delete this item?" }),
|
|
5631
|
-
((
|
|
5688
|
+
((We = i == null ? void 0 : i.deleteModal) == null ? void 0 : We.referenceKey) && /* @__PURE__ */ t("p", { className: "text-md font-semibold text-gray-700 dark:text-white", children: A == null ? void 0 : A[(He = i == null ? void 0 : i.deleteModal) == null ? void 0 : He.referenceKey] })
|
|
5632
5689
|
] })
|
|
5633
5690
|
}
|
|
5634
5691
|
)
|
|
@@ -5637,19 +5694,19 @@ const ma = ({ config: a }) => {
|
|
|
5637
5694
|
(i == null ? void 0 : i.viewModal) && /* @__PURE__ */ t(
|
|
5638
5695
|
qe,
|
|
5639
5696
|
{
|
|
5640
|
-
isOpen:
|
|
5697
|
+
isOpen: W,
|
|
5641
5698
|
onClose: () => {
|
|
5642
|
-
|
|
5699
|
+
H(!1), Y(null);
|
|
5643
5700
|
},
|
|
5644
|
-
icon: (
|
|
5645
|
-
title: ((
|
|
5646
|
-
size: ((
|
|
5647
|
-
footerConfig: (
|
|
5701
|
+
icon: (Ue = i == null ? void 0 : i.viewModal) == null ? void 0 : Ue.icon,
|
|
5702
|
+
title: ((Ze = i == null ? void 0 : i.viewModal) == null ? void 0 : Ze.title) || "View Details",
|
|
5703
|
+
size: ((Ve = i == null ? void 0 : i.viewModal) == null ? void 0 : Ve.size) || "lg",
|
|
5704
|
+
footerConfig: (Fe = i == null ? void 0 : i.viewModal) == null ? void 0 : Fe.footer,
|
|
5648
5705
|
classNames: (Xe = i == null ? void 0 : i.viewModal) == null ? void 0 : Xe.modalClassNames,
|
|
5649
|
-
children:
|
|
5650
|
-
|
|
5706
|
+
children: T ? /* @__PURE__ */ t(T, { data: A }) : /* @__PURE__ */ t(
|
|
5707
|
+
ga,
|
|
5651
5708
|
{
|
|
5652
|
-
data:
|
|
5709
|
+
data: A,
|
|
5653
5710
|
fetchRowDetails: r,
|
|
5654
5711
|
config: (i == null ? void 0 : i.viewModal) || {}
|
|
5655
5712
|
}
|
|
@@ -5658,17 +5715,17 @@ const ma = ({ config: a }) => {
|
|
|
5658
5715
|
)
|
|
5659
5716
|
] });
|
|
5660
5717
|
};
|
|
5661
|
-
function
|
|
5662
|
-
return
|
|
5718
|
+
function fa({ children: a }) {
|
|
5719
|
+
return wt(), a;
|
|
5663
5720
|
}
|
|
5664
|
-
function
|
|
5721
|
+
function ya({
|
|
5665
5722
|
children: a
|
|
5666
5723
|
}) {
|
|
5667
5724
|
try {
|
|
5668
|
-
return /* @__PURE__ */ t(
|
|
5725
|
+
return /* @__PURE__ */ t(fa, { children: a });
|
|
5669
5726
|
} catch {
|
|
5670
5727
|
return /* @__PURE__ */ t(
|
|
5671
|
-
|
|
5728
|
+
gt,
|
|
5672
5729
|
{
|
|
5673
5730
|
anchorOrigin: {
|
|
5674
5731
|
vertical: "bottom",
|
|
@@ -5693,17 +5750,17 @@ function ga({
|
|
|
5693
5750
|
);
|
|
5694
5751
|
}
|
|
5695
5752
|
}
|
|
5696
|
-
const
|
|
5753
|
+
const va = () => {
|
|
5697
5754
|
if (typeof document > "u" || document.getElementById("react-admin-crud-manager-styles")) return;
|
|
5698
5755
|
const a = document.createElement("style");
|
|
5699
|
-
a.id = "react-admin-crud-manager-styles", a.textContent =
|
|
5756
|
+
a.id = "react-admin-crud-manager-styles", a.textContent = ft, document.head.appendChild(a);
|
|
5700
5757
|
};
|
|
5701
|
-
function
|
|
5702
|
-
return
|
|
5703
|
-
|
|
5704
|
-
}, []), /* @__PURE__ */ t("div", { className: "racm-root", children: /* @__PURE__ */ t(
|
|
5758
|
+
function Ma({ config: a }) {
|
|
5759
|
+
return q(() => {
|
|
5760
|
+
va();
|
|
5761
|
+
}, []), /* @__PURE__ */ t("div", { className: "racm-root", children: /* @__PURE__ */ t(ya, { children: /* @__PURE__ */ t(wa, { config: a }) }) });
|
|
5705
5762
|
}
|
|
5706
5763
|
export {
|
|
5707
|
-
|
|
5764
|
+
Ma as default
|
|
5708
5765
|
};
|
|
5709
5766
|
//# sourceMappingURL=index.es.js.map
|