react-admin-crud-manager 1.2.3 → 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 +988 -929
- 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, 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 .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, #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") => {
|
|
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: E,
|
|
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:
|
|
2134
|
-
fileName:
|
|
2135
|
-
onClose:
|
|
2136
|
-
onApply:
|
|
2191
|
+
fileType: $,
|
|
2192
|
+
fileName: E,
|
|
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,23 +2215,23 @@ 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
|
-
if (["e", "E", "+"].includes(
|
|
2163
|
-
|
|
2220
|
+
if (["e", "E", "+"].includes(E.key)) {
|
|
2221
|
+
E.preventDefault();
|
|
2164
2222
|
return;
|
|
2165
2223
|
}
|
|
2166
|
-
if (b == !1 &&
|
|
2167
|
-
|
|
2224
|
+
if (b == !1 && E.key === "-") {
|
|
2225
|
+
E.preventDefault();
|
|
2168
2226
|
return;
|
|
2169
2227
|
}
|
|
2170
|
-
if (["ArrowUp", "ArrowDown"].includes(
|
|
2171
|
-
|
|
2228
|
+
if (["ArrowUp", "ArrowDown"].includes(E.key)) {
|
|
2229
|
+
E.preventDefault();
|
|
2172
2230
|
return;
|
|
2173
2231
|
}
|
|
2174
2232
|
}
|
|
2175
|
-
s == null || s(
|
|
2176
|
-
},
|
|
2233
|
+
s == null || s(E);
|
|
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(
|
|
2185
|
-
if (!
|
|
2186
|
-
const v = String(
|
|
2187
|
-
let
|
|
2188
|
-
for (let
|
|
2189
|
-
const
|
|
2190
|
-
|
|
2242
|
+
function I(E, B) {
|
|
2243
|
+
if (!E) return E;
|
|
2244
|
+
const v = String(E).replace(/[^a-zA-Z0-9]/g, "");
|
|
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
|
-
const
|
|
2254
|
+
const E = o || p;
|
|
2197
2255
|
setTimeout(() => {
|
|
2198
|
-
u == null || u(
|
|
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,11 +2280,11 @@ 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
|
-
onChange: (
|
|
2229
|
-
u(l && w ? I(
|
|
2286
|
+
onChange: (E) => {
|
|
2287
|
+
u(l && w ? I(E.target.value, l) : E.target.value);
|
|
2230
2288
|
},
|
|
2231
2289
|
...y
|
|
2232
2290
|
}
|
|
@@ -2246,7 +2304,7 @@ const Cr = ge, Wt = (a) => new Promise((o, e) => {
|
|
|
2246
2304
|
{
|
|
2247
2305
|
type: "button",
|
|
2248
2306
|
tabIndex: -1,
|
|
2249
|
-
onClick: () => _((
|
|
2307
|
+
onClick: () => _((E) => !E),
|
|
2250
2308
|
className: "absolute inset-y-0 right-3 flex items-center text-gray-400 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-200",
|
|
2251
2309
|
children: /* @__PURE__ */ t(
|
|
2252
2310
|
be,
|
|
@@ -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 ?
|
|
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
|
-
},
|
|
2526
|
-
var
|
|
2527
|
-
i && (v.preventDefault(), w(!1), (
|
|
2528
|
-
},
|
|
2583
|
+
}, E = (v) => {
|
|
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,9 +2606,9 @@ 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
|
-
onDrop:
|
|
2611
|
+
onDrop: E,
|
|
2554
2612
|
id: `field-${s}`,
|
|
2555
2613
|
children: [
|
|
2556
2614
|
/* @__PURE__ */ t(
|
|
@@ -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
|
-
},
|
|
3708
|
-
var
|
|
3709
|
-
i && (v.preventDefault(), w(!1), (
|
|
3710
|
-
},
|
|
3765
|
+
}, E = (v) => {
|
|
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,9 +3788,9 @@ 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
|
-
onDrop:
|
|
3793
|
+
onDrop: E,
|
|
3736
3794
|
id: `field-${s}`,
|
|
3737
3795
|
children: [
|
|
3738
3796
|
/* @__PURE__ */ t(
|
|
@@ -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
|
-
editorKey:
|
|
3838
|
-
fontFamily:
|
|
3895
|
+
editorKey: E,
|
|
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,68 +4094,68 @@ 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:
|
|
4056
|
-
editorKey:
|
|
4113
|
+
fontFamily: B,
|
|
4114
|
+
editorKey: E || "",
|
|
4057
4115
|
disabled: v,
|
|
4058
4116
|
errorMessage: r
|
|
4059
4117
|
}
|
|
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
|
{
|
|
@@ -4151,7 +4209,7 @@ const Jt = ({
|
|
|
4151
4209
|
onFilterChange: i
|
|
4152
4210
|
}
|
|
4153
4211
|
) : /* @__PURE__ */ t("div", { className: "space-y-4", children: (m = e == null ? void 0 : e.fields) == null ? void 0 : m.map((u) => /* @__PURE__ */ t(
|
|
4154
|
-
|
|
4212
|
+
tt,
|
|
4155
4213
|
{
|
|
4156
4214
|
field: u,
|
|
4157
4215
|
formData: n,
|
|
@@ -4195,7 +4253,7 @@ const Jt = ({
|
|
|
4195
4253
|
}
|
|
4196
4254
|
)
|
|
4197
4255
|
] });
|
|
4198
|
-
},
|
|
4256
|
+
}, la = ({ rows: a = 5, columns: o = 5 }) => /* @__PURE__ */ h(Z, { children: [
|
|
4199
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" }) }),
|
|
4200
4258
|
/* @__PURE__ */ t("div", { className: "overflow-hidden rounded-md border border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ h(
|
|
4201
4259
|
"table",
|
|
@@ -4218,14 +4276,14 @@ const Jt = ({
|
|
|
4218
4276
|
]
|
|
4219
4277
|
}
|
|
4220
4278
|
) })
|
|
4221
|
-
] }),
|
|
4279
|
+
] }), sa = ({
|
|
4222
4280
|
options: a = [],
|
|
4223
4281
|
value: o = "",
|
|
4224
4282
|
onChange: e,
|
|
4225
4283
|
clearLabel: r = ""
|
|
4226
4284
|
}) => {
|
|
4227
|
-
const [n, c] =
|
|
4228
|
-
|
|
4285
|
+
const [n, c] = R(!1), i = le(null), s = !!o;
|
|
4286
|
+
q(() => {
|
|
4229
4287
|
const p = (m) => {
|
|
4230
4288
|
i.current && !i.current.contains(m.target) && c(!1);
|
|
4231
4289
|
};
|
|
@@ -4252,7 +4310,7 @@ const Jt = ({
|
|
|
4252
4310
|
),
|
|
4253
4311
|
"aria-label": "Open sort options",
|
|
4254
4312
|
children: [
|
|
4255
|
-
/* @__PURE__ */ t(
|
|
4313
|
+
/* @__PURE__ */ t(ct, { className: "w-4 h-4" }),
|
|
4256
4314
|
s && /* @__PURE__ */ t("span", { className: "absolute top-1 right-1 w-2 h-2 bg-red-500 rounded-full" })
|
|
4257
4315
|
]
|
|
4258
4316
|
}
|
|
@@ -4307,15 +4365,15 @@ const Jt = ({
|
|
|
4307
4365
|
autoGenerate: !0,
|
|
4308
4366
|
clearLabel: "",
|
|
4309
4367
|
onChange: null
|
|
4310
|
-
},
|
|
4368
|
+
}, da = (a) => a === !0 ? { ...nr, enabled: !0 } : !a || typeof a != "object" ? nr : {
|
|
4311
4369
|
...nr,
|
|
4312
4370
|
...a,
|
|
4313
4371
|
enabled: a.enabled ?? !0,
|
|
4314
4372
|
autoGenerate: a.autoGenerate ?? !0
|
|
4315
|
-
},
|
|
4373
|
+
}, pa = (a = []) => a.filter((o) => {
|
|
4316
4374
|
const e = ["menu_actions", "index", "audio", "avatar"];
|
|
4317
4375
|
return o.type && e.includes(o.type) ? !1 : !!(o.sortKey || (o.type === "group" ? o.titleKey : o.key));
|
|
4318
|
-
}),
|
|
4376
|
+
}), ua = (a) => {
|
|
4319
4377
|
if (a.sortType) return a.sortType;
|
|
4320
4378
|
if (a.type === "date") return "date";
|
|
4321
4379
|
if (a.type === "number") return "number";
|
|
@@ -4327,8 +4385,8 @@ const Jt = ({
|
|
|
4327
4385
|
) ? "phone" : Array.isArray(a.chipOptions) && a.chipOptions.length > 0 && a.chipOptions.every(
|
|
4328
4386
|
(n) => typeof n.value == "boolean"
|
|
4329
4387
|
) ? "boolean" : "string";
|
|
4330
|
-
},
|
|
4331
|
-
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);
|
|
4332
4390
|
return e ? n === "number" ? [
|
|
4333
4391
|
{
|
|
4334
4392
|
value: `${e}_asc`,
|
|
@@ -4405,7 +4463,7 @@ const Jt = ({
|
|
|
4405
4463
|
type: n
|
|
4406
4464
|
}
|
|
4407
4465
|
] : [];
|
|
4408
|
-
}),
|
|
4466
|
+
}), ha = (a, o = []) => {
|
|
4409
4467
|
if (Array.isArray(a.options) && a.options.length > 0)
|
|
4410
4468
|
return a.options.map((n) => ({
|
|
4411
4469
|
...n,
|
|
@@ -4425,10 +4483,10 @@ const Jt = ({
|
|
|
4425
4483
|
sortLabel: typeof c == "object" && c.label ? c.label : s.sortLabel
|
|
4426
4484
|
} : null;
|
|
4427
4485
|
}).filter((c) => c !== null);
|
|
4428
|
-
return
|
|
4486
|
+
return Ur(n);
|
|
4429
4487
|
}
|
|
4430
|
-
return a.autoGenerate ?
|
|
4431
|
-
},
|
|
4488
|
+
return a.autoGenerate ? Ur(o) : [];
|
|
4489
|
+
}, ma = (a = [], o = "", e, r = []) => {
|
|
4432
4490
|
if (!(e != null && e.enabled) || !o || e != null && e.useServerSideSorting)
|
|
4433
4491
|
return a;
|
|
4434
4492
|
const n = r == null ? void 0 : r.find(
|
|
@@ -4451,7 +4509,7 @@ const Jt = ({
|
|
|
4451
4509
|
}
|
|
4452
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;
|
|
4453
4511
|
});
|
|
4454
|
-
},
|
|
4512
|
+
}, ba = ({
|
|
4455
4513
|
config: a,
|
|
4456
4514
|
setShowAdd: o,
|
|
4457
4515
|
title: e,
|
|
@@ -4459,6 +4517,7 @@ const Jt = ({
|
|
|
4459
4517
|
description: n,
|
|
4460
4518
|
showAddButton: c
|
|
4461
4519
|
}) => {
|
|
4520
|
+
var xr;
|
|
4462
4521
|
const {
|
|
4463
4522
|
data: i = [],
|
|
4464
4523
|
table_head: s = [],
|
|
@@ -4489,23 +4548,23 @@ const Jt = ({
|
|
|
4489
4548
|
},
|
|
4490
4549
|
onFilterApply: k,
|
|
4491
4550
|
filterConfig: _ = null,
|
|
4492
|
-
rowClick:
|
|
4493
|
-
} = a, [
|
|
4494
|
-
() =>
|
|
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),
|
|
4495
4554
|
[s]
|
|
4496
|
-
),
|
|
4497
|
-
(
|
|
4498
|
-
), [
|
|
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(
|
|
4499
4558
|
ve,
|
|
4500
|
-
|
|
4501
|
-
|
|
4502
|
-
|
|
4503
|
-
), [ve,
|
|
4504
|
-
if (l.useServerSidePagination) return
|
|
4505
|
-
const d = (
|
|
4506
|
-
return
|
|
4507
|
-
}, [
|
|
4508
|
-
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 () => {
|
|
4509
4568
|
try {
|
|
4510
4569
|
await S((N) => ({
|
|
4511
4570
|
...N,
|
|
@@ -4516,31 +4575,31 @@ const Jt = ({
|
|
|
4516
4575
|
console.error("Search error:", N);
|
|
4517
4576
|
}
|
|
4518
4577
|
}, 800));
|
|
4519
|
-
},
|
|
4520
|
-
P(d),
|
|
4521
|
-
const
|
|
4578
|
+
}, Ye = (d, N = null) => {
|
|
4579
|
+
P(d), M(1);
|
|
4580
|
+
const K = {
|
|
4522
4581
|
value: d,
|
|
4523
4582
|
option: N,
|
|
4524
4583
|
key: (N == null ? void 0 : N.key) || "",
|
|
4525
4584
|
order: (N == null ? void 0 : N.order) || "",
|
|
4526
4585
|
type: (N == null ? void 0 : N.type) || ""
|
|
4527
4586
|
};
|
|
4528
|
-
typeof (
|
|
4529
|
-
},
|
|
4530
|
-
|
|
4531
|
-
},
|
|
4532
|
-
N.stopPropagation(),
|
|
4533
|
-
const
|
|
4534
|
-
|
|
4535
|
-
const
|
|
4536
|
-
|
|
4537
|
-
top: Math.max(8, Math.min(
|
|
4538
|
-
left: Math.max(8, Math.min(
|
|
4539
|
-
}),
|
|
4540
|
-
},
|
|
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) => {
|
|
4541
4600
|
let N = d;
|
|
4542
|
-
N && N.src instanceof File && (N = { ...N, src: URL.createObjectURL(N.src) }),
|
|
4543
|
-
},
|
|
4601
|
+
N && N.src instanceof File && (N = { ...N, src: URL.createObjectURL(N.src) }), pe(N), fe(!0);
|
|
4602
|
+
}, Ze = (d) => {
|
|
4544
4603
|
if (!d) return "";
|
|
4545
4604
|
if (typeof d == "string")
|
|
4546
4605
|
return d;
|
|
@@ -4557,20 +4616,20 @@ const Jt = ({
|
|
|
4557
4616
|
return URL.createObjectURL(d.file);
|
|
4558
4617
|
}
|
|
4559
4618
|
return "";
|
|
4560
|
-
},
|
|
4561
|
-
const
|
|
4562
|
-
if (
|
|
4619
|
+
}, Ve = (d, N) => {
|
|
4620
|
+
const K = Array.isArray(d) ? d : [];
|
|
4621
|
+
if (K.length === 0)
|
|
4563
4622
|
return /* @__PURE__ */ t("span", { className: N.className || "", children: "N/A" });
|
|
4564
|
-
const
|
|
4623
|
+
const te = N.maxPreview || 3, ae = K.slice(0, te), ue = K.length - ae.length;
|
|
4565
4624
|
return /* @__PURE__ */ h("div", { className: "flex items-center", children: [
|
|
4566
|
-
/* @__PURE__ */ t("div", { className: "flex -space-x-2", children:
|
|
4567
|
-
const xe =
|
|
4625
|
+
/* @__PURE__ */ t("div", { className: "flex -space-x-2", children: ae.map((ye, he) => {
|
|
4626
|
+
const xe = Ze(ye);
|
|
4568
4627
|
return xe ? /* @__PURE__ */ t(
|
|
4569
4628
|
"button",
|
|
4570
4629
|
{
|
|
4571
4630
|
type: "button",
|
|
4572
|
-
onClick: (
|
|
4573
|
-
|
|
4631
|
+
onClick: (Oe) => {
|
|
4632
|
+
Oe.stopPropagation(), Ue({ src: xe, alt: `Gallery ${he + 1}` });
|
|
4574
4633
|
},
|
|
4575
4634
|
className: "w-8 h-8 rounded-full border-2 border-white dark:border-gray-800 overflow-hidden",
|
|
4576
4635
|
children: /* @__PURE__ */ t(
|
|
@@ -4590,41 +4649,41 @@ const Jt = ({
|
|
|
4590
4649
|
ue
|
|
4591
4650
|
] })
|
|
4592
4651
|
] });
|
|
4593
|
-
},
|
|
4652
|
+
}, Fe = (d, N, K, te = null, ae = null) => /* @__PURE__ */ t(Z, { children: d ? /* @__PURE__ */ t(
|
|
4594
4653
|
"img",
|
|
4595
4654
|
{
|
|
4596
4655
|
src: d instanceof File ? URL.createObjectURL(d) : d,
|
|
4597
4656
|
alt: N || "Avatar",
|
|
4598
4657
|
onClick: (ue) => {
|
|
4599
|
-
ue.stopPropagation(), ue.preventDefault(),
|
|
4658
|
+
ue.stopPropagation(), ue.preventDefault(), Ue({ src: d, alt: N });
|
|
4600
4659
|
},
|
|
4601
|
-
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 || ""}`
|
|
4602
4661
|
}
|
|
4603
|
-
) : /* @__PURE__ */ t(
|
|
4662
|
+
) : /* @__PURE__ */ t(Z, { children: te ? typeof te == "function" ? te(ae) : te : /* @__PURE__ */ t(
|
|
4604
4663
|
"div",
|
|
4605
4664
|
{
|
|
4606
|
-
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 || ""}`,
|
|
4607
4666
|
children: /* @__PURE__ */ t(wr, { className: "w-6 h-6 text-gray-400 dark:text-gray-400" })
|
|
4608
4667
|
}
|
|
4609
|
-
) }) }),
|
|
4668
|
+
) }) }), Xe = (d, N) => /* @__PURE__ */ t(Z, { children: d ? /* @__PURE__ */ t(
|
|
4610
4669
|
"audio",
|
|
4611
4670
|
{
|
|
4612
4671
|
controls: !0,
|
|
4613
4672
|
src: d instanceof File ? URL.createObjectURL(d) : d,
|
|
4614
|
-
onClick: (
|
|
4615
|
-
|
|
4673
|
+
onClick: (K) => {
|
|
4674
|
+
K.stopPropagation();
|
|
4616
4675
|
},
|
|
4617
4676
|
className: `w-64 cursor-pointer ${N || ""}`
|
|
4618
4677
|
},
|
|
4619
4678
|
d instanceof File ? URL.createObjectURL(d) : d
|
|
4620
|
-
) : /* @__PURE__ */ t(
|
|
4679
|
+
) : /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(
|
|
4621
4680
|
"div",
|
|
4622
4681
|
{
|
|
4623
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 || ""}`,
|
|
4624
|
-
children: /* @__PURE__ */ t(
|
|
4683
|
+
children: /* @__PURE__ */ t(mt, { className: "w-6 h-6 text-gray-400 dark:text-gray-400" })
|
|
4625
4684
|
}
|
|
4626
|
-
) }) }),
|
|
4627
|
-
N.imageKey ?
|
|
4685
|
+
) }) }), G = (d, N) => /* @__PURE__ */ h("div", { className: `flex items-center space-x-4 ${N.className || ""}`, children: [
|
|
4686
|
+
N.imageKey ? Fe(
|
|
4628
4687
|
d[N.imageKey],
|
|
4629
4688
|
d[N.titleKey],
|
|
4630
4689
|
"group-avatar",
|
|
@@ -4635,114 +4694,114 @@ const Jt = ({
|
|
|
4635
4694
|
/* @__PURE__ */ t("p", { className: "font-medium text-gray-900 dark:text-white group-title", children: d[N.titleKey] || "" }),
|
|
4636
4695
|
/* @__PURE__ */ t("p", { className: "text-sm text-gray-500 dark:text-gray-400 group-sub-title", children: d[N.subtitleKey] || "" })
|
|
4637
4696
|
] })
|
|
4638
|
-
] }),
|
|
4697
|
+
] }), J = (d, N) => {
|
|
4639
4698
|
var ue;
|
|
4640
|
-
let
|
|
4641
|
-
const
|
|
4642
|
-
let
|
|
4699
|
+
let K = String(d);
|
|
4700
|
+
const te = N.variant || "contained";
|
|
4701
|
+
let ae = N.defaultColor;
|
|
4643
4702
|
if (((ue = N == null ? void 0 : N.chipOptions) == null ? void 0 : ue.length) > 0) {
|
|
4644
4703
|
const ye = N == null ? void 0 : N.chipOptions.find((he) => he.value == d);
|
|
4645
|
-
ye && (
|
|
4704
|
+
ye && (K = ye.label, ae = ye.color);
|
|
4646
4705
|
}
|
|
4647
4706
|
return /* @__PURE__ */ t(
|
|
4648
|
-
|
|
4707
|
+
et,
|
|
4649
4708
|
{
|
|
4650
|
-
label:
|
|
4651
|
-
variant:
|
|
4652
|
-
color:
|
|
4709
|
+
label: K,
|
|
4710
|
+
variant: te,
|
|
4711
|
+
color: ae,
|
|
4653
4712
|
className: N.className || ""
|
|
4654
4713
|
}
|
|
4655
4714
|
);
|
|
4656
|
-
},
|
|
4657
|
-
const
|
|
4715
|
+
}, ce = (d, N, K) => {
|
|
4716
|
+
const te = N[d.key];
|
|
4658
4717
|
return d.type === "menu_actions" ? /* @__PURE__ */ t("div", { className: `text-center ${d.className || ""}`, children: /* @__PURE__ */ t(
|
|
4659
4718
|
"button",
|
|
4660
4719
|
{
|
|
4661
|
-
ref: (
|
|
4662
|
-
|
|
4720
|
+
ref: (ae) => {
|
|
4721
|
+
ze.current[N.id || N._id] = ae;
|
|
4663
4722
|
},
|
|
4664
|
-
onClick: (
|
|
4723
|
+
onClick: (ae) => We(N.id || N._id, ae, d.menuList),
|
|
4665
4724
|
className: x(
|
|
4666
4725
|
f.table.actionButton,
|
|
4667
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"
|
|
4668
4727
|
),
|
|
4669
|
-
children: /* @__PURE__ */ t(
|
|
4728
|
+
children: /* @__PURE__ */ t(ht, { className: "h-4 w-4" })
|
|
4670
4729
|
}
|
|
4671
|
-
) }) : d.type === "index" ? /* @__PURE__ */ t("span", { className: d.className || "", children:
|
|
4672
|
-
|
|
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,
|
|
4673
4732
|
d.alt,
|
|
4674
4733
|
d.className,
|
|
4675
4734
|
d.fallback_icon,
|
|
4676
4735
|
N
|
|
4677
|
-
) }) }) : d.type === "audio" ? /* @__PURE__ */ t(
|
|
4678
|
-
},
|
|
4679
|
-
if (typeof
|
|
4680
|
-
return
|
|
4681
|
-
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)
|
|
4682
4741
|
return y == null ? void 0 : y("view", d);
|
|
4683
|
-
},
|
|
4742
|
+
}, se = (d, N) => {
|
|
4684
4743
|
if (d.onClickDetails)
|
|
4685
4744
|
return y == null ? void 0 : y("view", N);
|
|
4686
4745
|
if (typeof d.handleClick == "function")
|
|
4687
4746
|
return d.handleClick(N);
|
|
4688
|
-
},
|
|
4689
|
-
var
|
|
4690
|
-
if (!(i != null && i.length) || !((
|
|
4691
|
-
const d = g.fields.map((
|
|
4692
|
-
(
|
|
4693
|
-
const
|
|
4694
|
-
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 ?? ""}"`;
|
|
4695
4754
|
})
|
|
4696
|
-
),
|
|
4755
|
+
), K = [
|
|
4697
4756
|
d.join(","),
|
|
4698
|
-
...N.map((
|
|
4757
|
+
...N.map((Ne) => Ne.join(","))
|
|
4699
4758
|
].join(`
|
|
4700
|
-
`),
|
|
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);
|
|
4701
4760
|
he.href = xe, he.download = ue, document.body.appendChild(he), he.click(), document.body.removeChild(he), URL.revokeObjectURL(xe);
|
|
4702
4761
|
};
|
|
4703
|
-
return
|
|
4762
|
+
return q(() => {
|
|
4704
4763
|
const d = () => {
|
|
4705
|
-
|
|
4764
|
+
E && B(null);
|
|
4706
4765
|
};
|
|
4707
4766
|
return window.addEventListener("scroll", d, !0), () => {
|
|
4708
4767
|
window.removeEventListener("scroll", d, !0);
|
|
4709
4768
|
};
|
|
4710
|
-
}, [
|
|
4769
|
+
}, [E]), q(() => {
|
|
4711
4770
|
const d = (N) => {
|
|
4712
|
-
Pe.current && !Pe.current.contains(N.target) &&
|
|
4771
|
+
Pe.current && !Pe.current.contains(N.target) && B(null);
|
|
4713
4772
|
};
|
|
4714
4773
|
return document.addEventListener("click", d), () => document.removeEventListener("click", d);
|
|
4715
|
-
}, []),
|
|
4716
|
-
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);
|
|
4717
4776
|
}, [
|
|
4718
4777
|
l.rows_per_page,
|
|
4719
4778
|
l == null ? void 0 : l.useServerSidePagination,
|
|
4720
4779
|
l.current_page
|
|
4721
|
-
]),
|
|
4722
|
-
|
|
4723
|
-
l != null && l.useServerSidePagination ? l.total_records :
|
|
4724
|
-
),
|
|
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);
|
|
4725
4784
|
}, [
|
|
4726
|
-
|
|
4785
|
+
D.length,
|
|
4727
4786
|
l.total_records,
|
|
4728
4787
|
l == null ? void 0 : l.useServerSidePagination
|
|
4729
|
-
]),
|
|
4730
|
-
if (!(
|
|
4788
|
+
]), q(() => {
|
|
4789
|
+
if (!(C != null && C.enabled)) {
|
|
4731
4790
|
P("");
|
|
4732
4791
|
return;
|
|
4733
4792
|
}
|
|
4734
|
-
if (
|
|
4735
|
-
(N) => N.value ===
|
|
4793
|
+
if (ee.some(
|
|
4794
|
+
(N) => N.value === C.defaultValue
|
|
4736
4795
|
)) {
|
|
4737
|
-
P(
|
|
4796
|
+
P(C.defaultValue);
|
|
4738
4797
|
return;
|
|
4739
4798
|
}
|
|
4740
4799
|
P("");
|
|
4741
|
-
}, [
|
|
4742
|
-
if (!(
|
|
4800
|
+
}, [C, ee]), q(() => {
|
|
4801
|
+
if (!(C != null && C.enabled) || !(C != null && C.useServerSideSorting))
|
|
4743
4802
|
return;
|
|
4744
|
-
const d =
|
|
4745
|
-
(N) => N.value ===
|
|
4803
|
+
const d = ee == null ? void 0 : ee.find(
|
|
4804
|
+
(N) => N.value === ie
|
|
4746
4805
|
);
|
|
4747
4806
|
S((N) => ({
|
|
4748
4807
|
...N,
|
|
@@ -4751,13 +4810,13 @@ const Jt = ({
|
|
|
4751
4810
|
sort_order: (d == null ? void 0 : d.order) || ""
|
|
4752
4811
|
}));
|
|
4753
4812
|
}, [
|
|
4754
|
-
|
|
4755
|
-
|
|
4756
|
-
|
|
4757
|
-
|
|
4813
|
+
ie,
|
|
4814
|
+
C == null ? void 0 : C.enabled,
|
|
4815
|
+
C == null ? void 0 : C.useServerSideSorting,
|
|
4816
|
+
ee,
|
|
4758
4817
|
S
|
|
4759
|
-
]), /* @__PURE__ */ h(
|
|
4760
|
-
b ? /* @__PURE__ */ t(
|
|
4818
|
+
]), /* @__PURE__ */ h("div", { ref: je, children: [
|
|
4819
|
+
b ? /* @__PURE__ */ t(la, { rows: 6, columns: 6 }) : /* @__PURE__ */ h(Z, { children: [
|
|
4761
4820
|
/* @__PURE__ */ h(
|
|
4762
4821
|
"div",
|
|
4763
4822
|
{
|
|
@@ -4778,7 +4837,7 @@ const Jt = ({
|
|
|
4778
4837
|
variant: "contained",
|
|
4779
4838
|
color: "primary",
|
|
4780
4839
|
children: [
|
|
4781
|
-
/* @__PURE__ */ t(
|
|
4840
|
+
/* @__PURE__ */ t(lt, { className: "w-4 h-4 mr-2" }),
|
|
4782
4841
|
r || "Add New"
|
|
4783
4842
|
]
|
|
4784
4843
|
}
|
|
@@ -4798,49 +4857,49 @@ const Jt = ({
|
|
|
4798
4857
|
{
|
|
4799
4858
|
type: "text",
|
|
4800
4859
|
placeholder: p.placeholder || "Search...",
|
|
4801
|
-
value:
|
|
4802
|
-
onChange: (d) =>
|
|
4860
|
+
value: $,
|
|
4861
|
+
onChange: (d) => Ge(d.target.value),
|
|
4803
4862
|
className: f.table.searchInput
|
|
4804
4863
|
}
|
|
4805
4864
|
)
|
|
4806
4865
|
]
|
|
4807
4866
|
}
|
|
4808
4867
|
) }),
|
|
4809
|
-
|
|
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: [
|
|
4810
4869
|
_ && m.enabled && /* @__PURE__ */ h("div", { className: "filter-button-wrapper", children: [
|
|
4811
4870
|
/* @__PURE__ */ h(
|
|
4812
4871
|
ge,
|
|
4813
4872
|
{
|
|
4814
|
-
onClick: () =>
|
|
4873
|
+
onClick: () => H(!0),
|
|
4815
4874
|
variant: "contained",
|
|
4816
4875
|
className: "w-full sm:!w-auto",
|
|
4817
4876
|
children: [
|
|
4818
|
-
/* @__PURE__ */ t(
|
|
4877
|
+
/* @__PURE__ */ t(st, { className: "w-4 h-4 mr-2" }),
|
|
4819
4878
|
"Filters"
|
|
4820
4879
|
]
|
|
4821
4880
|
}
|
|
4822
4881
|
),
|
|
4823
|
-
Object.keys(
|
|
4882
|
+
Object.keys(A).length > 0 && /* @__PURE__ */ t("span", { className: "red-dot" })
|
|
4824
4883
|
] }),
|
|
4825
4884
|
g && g.enabled && /* @__PURE__ */ t("div", { className: "filter-button-wrapper", children: /* @__PURE__ */ h(
|
|
4826
4885
|
ge,
|
|
4827
4886
|
{
|
|
4828
|
-
onClick: () =>
|
|
4887
|
+
onClick: () => at(),
|
|
4829
4888
|
variant: "contained",
|
|
4830
4889
|
className: "w-full sm:!w-auto",
|
|
4831
4890
|
children: [
|
|
4832
|
-
/* @__PURE__ */ t(
|
|
4891
|
+
/* @__PURE__ */ t(dt, { className: "w-4 h-4 mr-2" }),
|
|
4833
4892
|
"Export CSV"
|
|
4834
4893
|
]
|
|
4835
4894
|
}
|
|
4836
4895
|
) }),
|
|
4837
|
-
(
|
|
4838
|
-
|
|
4896
|
+
(C == null ? void 0 : C.enabled) && (ee == null ? void 0 : ee.length) > 0 && /* @__PURE__ */ t(
|
|
4897
|
+
sa,
|
|
4839
4898
|
{
|
|
4840
|
-
options:
|
|
4841
|
-
value:
|
|
4842
|
-
onChange:
|
|
4843
|
-
clearLabel:
|
|
4899
|
+
options: ee,
|
|
4900
|
+
value: ie,
|
|
4901
|
+
onChange: Ye,
|
|
4902
|
+
clearLabel: C == null ? void 0 : C.clearLabel
|
|
4844
4903
|
}
|
|
4845
4904
|
)
|
|
4846
4905
|
] }) : null
|
|
@@ -4887,34 +4946,34 @@ const Jt = ({
|
|
|
4887
4946
|
className: x(
|
|
4888
4947
|
f.table.row,
|
|
4889
4948
|
"table-row",
|
|
4890
|
-
|
|
4949
|
+
yr() ? "cursor-pointer" : ""
|
|
4891
4950
|
),
|
|
4892
4951
|
onClick: () => {
|
|
4893
|
-
|
|
4952
|
+
yr() && _e(d);
|
|
4894
4953
|
},
|
|
4895
|
-
children: s.map((
|
|
4954
|
+
children: s.map((K) => /* @__PURE__ */ t(
|
|
4896
4955
|
"td",
|
|
4897
4956
|
{
|
|
4898
4957
|
className: x(
|
|
4899
4958
|
f.table.cell,
|
|
4900
4959
|
"table-data",
|
|
4901
|
-
|
|
4960
|
+
K.type == "audio" ? "" : "max-w-[300px]",
|
|
4902
4961
|
"truncate",
|
|
4903
|
-
|
|
4962
|
+
vr(K) ? "cursor-pointer" : ""
|
|
4904
4963
|
),
|
|
4905
|
-
title: String(d[
|
|
4906
|
-
onClick: (
|
|
4907
|
-
|
|
4964
|
+
title: String(d[K.key] ?? ""),
|
|
4965
|
+
onClick: (te) => {
|
|
4966
|
+
vr(K) && (te.stopPropagation(), te.preventDefault(), se(K, d));
|
|
4908
4967
|
},
|
|
4909
|
-
children:
|
|
4968
|
+
children: K.render ? K.render(d, N) : ce(K, d, N)
|
|
4910
4969
|
},
|
|
4911
|
-
|
|
4970
|
+
K.key
|
|
4912
4971
|
))
|
|
4913
4972
|
},
|
|
4914
4973
|
d.id || d._id || N
|
|
4915
4974
|
)) })
|
|
4916
4975
|
] }) }),
|
|
4917
|
-
(l == null ? void 0 : l.enabled) &&
|
|
4976
|
+
(l == null ? void 0 : l.enabled) && D.length > 0 && /* @__PURE__ */ h(
|
|
4918
4977
|
"div",
|
|
4919
4978
|
{
|
|
4920
4979
|
className: x(
|
|
@@ -4924,13 +4983,13 @@ const Jt = ({
|
|
|
4924
4983
|
children: [
|
|
4925
4984
|
/* @__PURE__ */ h("span", { children: [
|
|
4926
4985
|
"Showing ",
|
|
4927
|
-
(
|
|
4986
|
+
(T - 1) * O + 1,
|
|
4928
4987
|
" to",
|
|
4929
4988
|
" ",
|
|
4930
|
-
Math.min(
|
|
4989
|
+
Math.min(T * O, re),
|
|
4931
4990
|
" of",
|
|
4932
4991
|
" ",
|
|
4933
|
-
|
|
4992
|
+
re,
|
|
4934
4993
|
" results"
|
|
4935
4994
|
] }),
|
|
4936
4995
|
/* @__PURE__ */ h("div", { className: "flex items-center gap-4", children: [
|
|
@@ -4939,12 +4998,12 @@ const Jt = ({
|
|
|
4939
4998
|
/* @__PURE__ */ t(
|
|
4940
4999
|
"select",
|
|
4941
5000
|
{
|
|
4942
|
-
value:
|
|
5001
|
+
value: O,
|
|
4943
5002
|
onChange: (d) => {
|
|
4944
5003
|
const N = Number(d.target.value);
|
|
4945
|
-
|
|
4946
|
-
(
|
|
4947
|
-
...
|
|
5004
|
+
Q(N), M(1), l.useServerSidePagination && S(
|
|
5005
|
+
(K) => ({
|
|
5006
|
+
...K,
|
|
4948
5007
|
current_page: 1,
|
|
4949
5008
|
rows_per_page: N
|
|
4950
5009
|
})
|
|
@@ -4960,9 +5019,9 @@ const Jt = ({
|
|
|
4960
5019
|
"button",
|
|
4961
5020
|
{
|
|
4962
5021
|
onClick: () => {
|
|
4963
|
-
if (
|
|
4964
|
-
const d =
|
|
4965
|
-
|
|
5022
|
+
if (T > 1) {
|
|
5023
|
+
const d = T - 1;
|
|
5024
|
+
M(d), l.useServerSidePagination && S(
|
|
4966
5025
|
(N) => ({
|
|
4967
5026
|
...N,
|
|
4968
5027
|
current_page: d
|
|
@@ -4970,24 +5029,24 @@ const Jt = ({
|
|
|
4970
5029
|
);
|
|
4971
5030
|
}
|
|
4972
5031
|
},
|
|
4973
|
-
disabled:
|
|
5032
|
+
disabled: T === 1,
|
|
4974
5033
|
className: "arrow-icons",
|
|
4975
|
-
children: /* @__PURE__ */ t(
|
|
5034
|
+
children: /* @__PURE__ */ t(pt, { className: "h-4 w-4" })
|
|
4976
5035
|
}
|
|
4977
5036
|
),
|
|
4978
5037
|
/* @__PURE__ */ h("span", { children: [
|
|
4979
5038
|
"Page ",
|
|
4980
|
-
|
|
5039
|
+
T,
|
|
4981
5040
|
" of ",
|
|
4982
|
-
|
|
5041
|
+
ne
|
|
4983
5042
|
] }),
|
|
4984
5043
|
/* @__PURE__ */ t(
|
|
4985
5044
|
"button",
|
|
4986
5045
|
{
|
|
4987
5046
|
onClick: () => {
|
|
4988
|
-
if (
|
|
4989
|
-
const d =
|
|
4990
|
-
|
|
5047
|
+
if (T < ne) {
|
|
5048
|
+
const d = T + 1;
|
|
5049
|
+
M(d), l.useServerSidePagination && S(
|
|
4991
5050
|
(N) => ({
|
|
4992
5051
|
...N,
|
|
4993
5052
|
current_page: d
|
|
@@ -4995,9 +5054,9 @@ const Jt = ({
|
|
|
4995
5054
|
);
|
|
4996
5055
|
}
|
|
4997
5056
|
},
|
|
4998
|
-
disabled:
|
|
5057
|
+
disabled: T === ne,
|
|
4999
5058
|
className: "arrow-icons",
|
|
5000
|
-
children: /* @__PURE__ */ t(
|
|
5059
|
+
children: /* @__PURE__ */ t(ut, { className: "h-4 w-4" })
|
|
5001
5060
|
}
|
|
5002
5061
|
)
|
|
5003
5062
|
] })
|
|
@@ -5009,15 +5068,15 @@ const Jt = ({
|
|
|
5009
5068
|
}
|
|
5010
5069
|
)
|
|
5011
5070
|
] }),
|
|
5012
|
-
|
|
5071
|
+
E && Ie && fr(
|
|
5013
5072
|
/* @__PURE__ */ t(
|
|
5014
5073
|
"div",
|
|
5015
5074
|
{
|
|
5016
5075
|
ref: Pe,
|
|
5017
5076
|
style: {
|
|
5018
5077
|
position: "fixed",
|
|
5019
|
-
top: `${
|
|
5020
|
-
left: `${
|
|
5078
|
+
top: `${L.top}px`,
|
|
5079
|
+
left: `${L.left}px`,
|
|
5021
5080
|
zIndex: 9999
|
|
5022
5081
|
},
|
|
5023
5082
|
className: x(
|
|
@@ -5027,12 +5086,12 @@ const Jt = ({
|
|
|
5027
5086
|
children: v.map((d, N) => /* @__PURE__ */ h(
|
|
5028
5087
|
"button",
|
|
5029
5088
|
{
|
|
5030
|
-
onClick: (
|
|
5089
|
+
onClick: (K) => Ke(
|
|
5031
5090
|
d,
|
|
5032
5091
|
i.find(
|
|
5033
|
-
(
|
|
5092
|
+
(te) => te.id === E || te._id == E
|
|
5034
5093
|
),
|
|
5035
|
-
|
|
5094
|
+
K
|
|
5036
5095
|
),
|
|
5037
5096
|
className: x(
|
|
5038
5097
|
f.table.menuItem,
|
|
@@ -5048,26 +5107,26 @@ const Jt = ({
|
|
|
5048
5107
|
))
|
|
5049
5108
|
}
|
|
5050
5109
|
),
|
|
5051
|
-
|
|
5110
|
+
Ie
|
|
5052
5111
|
),
|
|
5053
|
-
_ &&
|
|
5054
|
-
|
|
5112
|
+
_ && W && /* @__PURE__ */ t(
|
|
5113
|
+
ca,
|
|
5055
5114
|
{
|
|
5056
|
-
isOpen:
|
|
5057
|
-
onClose: () =>
|
|
5115
|
+
isOpen: W,
|
|
5116
|
+
onClose: () => H(!1),
|
|
5058
5117
|
config: _,
|
|
5059
5118
|
onApply: (d) => {
|
|
5060
|
-
|
|
5119
|
+
Y(d), k == null || k(d);
|
|
5061
5120
|
}
|
|
5062
5121
|
}
|
|
5063
5122
|
),
|
|
5064
|
-
U &&
|
|
5123
|
+
U && V && /* @__PURE__ */ t(
|
|
5065
5124
|
ke,
|
|
5066
5125
|
{
|
|
5067
|
-
src:
|
|
5068
|
-
alt:
|
|
5126
|
+
src: V.src,
|
|
5127
|
+
alt: V.alt,
|
|
5069
5128
|
isOpen: U,
|
|
5070
|
-
setIsOpen:
|
|
5129
|
+
setIsOpen: fe
|
|
5071
5130
|
}
|
|
5072
5131
|
)
|
|
5073
5132
|
] });
|
|
@@ -5243,14 +5302,14 @@ const Jt = ({
|
|
|
5243
5302
|
]
|
|
5244
5303
|
}
|
|
5245
5304
|
);
|
|
5246
|
-
},
|
|
5305
|
+
}, Fr = ({
|
|
5247
5306
|
config: a,
|
|
5248
5307
|
onSubmit: o,
|
|
5249
5308
|
initialData: e,
|
|
5250
5309
|
fetchRowDetails: r,
|
|
5251
5310
|
type: n
|
|
5252
5311
|
}) => {
|
|
5253
|
-
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 () => {
|
|
5254
5313
|
r == null || r(c).then((k) => {
|
|
5255
5314
|
p(k.data);
|
|
5256
5315
|
}).catch((k) => {
|
|
@@ -5259,12 +5318,12 @@ const Jt = ({
|
|
|
5259
5318
|
u(!1);
|
|
5260
5319
|
});
|
|
5261
5320
|
};
|
|
5262
|
-
|
|
5321
|
+
q(() => {
|
|
5263
5322
|
r instanceof Function ? w() : (p(c), u(!1));
|
|
5264
5323
|
}, []);
|
|
5265
5324
|
const y = (k, _) => {
|
|
5266
|
-
p((
|
|
5267
|
-
...
|
|
5325
|
+
p((j) => ({ ...j, [k]: _ })), g((j) => ({
|
|
5326
|
+
...j,
|
|
5268
5327
|
[k]: ""
|
|
5269
5328
|
}));
|
|
5270
5329
|
}, S = (k) => {
|
|
@@ -5274,21 +5333,21 @@ const Jt = ({
|
|
|
5274
5333
|
_.reportValidity();
|
|
5275
5334
|
return;
|
|
5276
5335
|
}
|
|
5277
|
-
const
|
|
5278
|
-
let
|
|
5336
|
+
const j = {};
|
|
5337
|
+
let $ = !1;
|
|
5279
5338
|
for (const I of s) {
|
|
5280
|
-
const
|
|
5339
|
+
const E = b[I.key] || "";
|
|
5281
5340
|
if (I.customValidation) {
|
|
5282
|
-
const
|
|
5283
|
-
if (
|
|
5341
|
+
const B = I.customValidation(E);
|
|
5342
|
+
if (B !== !1 && (j[I.key] = B, !$)) {
|
|
5284
5343
|
const v = _.querySelector(
|
|
5285
5344
|
`[id="field-${I.key}"]`
|
|
5286
5345
|
);
|
|
5287
|
-
v == null || v.focus(),
|
|
5346
|
+
v == null || v.focus(), $ = !0;
|
|
5288
5347
|
}
|
|
5289
5348
|
}
|
|
5290
5349
|
}
|
|
5291
|
-
g(
|
|
5350
|
+
g(j), !(Object.keys(j).length > 0) && o(b);
|
|
5292
5351
|
};
|
|
5293
5352
|
return m ? /* @__PURE__ */ t(
|
|
5294
5353
|
"div",
|
|
@@ -5315,7 +5374,7 @@ const Jt = ({
|
|
|
5315
5374
|
className: x(f.form.root, i),
|
|
5316
5375
|
noValidate: !1,
|
|
5317
5376
|
children: s.map((k) => /* @__PURE__ */ t(
|
|
5318
|
-
|
|
5377
|
+
tt,
|
|
5319
5378
|
{
|
|
5320
5379
|
field: k,
|
|
5321
5380
|
formData: b,
|
|
@@ -5327,7 +5386,7 @@ const Jt = ({
|
|
|
5327
5386
|
}
|
|
5328
5387
|
);
|
|
5329
5388
|
};
|
|
5330
|
-
function
|
|
5389
|
+
function ga({
|
|
5331
5390
|
data: a,
|
|
5332
5391
|
config: o,
|
|
5333
5392
|
fetchRowDetails: e
|
|
@@ -5337,7 +5396,7 @@ function ha({
|
|
|
5337
5396
|
containerClass: n,
|
|
5338
5397
|
variant: c = "default",
|
|
5339
5398
|
styles: i = {}
|
|
5340
|
-
} = o || {}, s = a || {}, [b, p] =
|
|
5399
|
+
} = o || {}, s = a || {}, [b, p] = R(s), [m, u] = R(!0), l = async () => {
|
|
5341
5400
|
e == null || e(s).then((w) => {
|
|
5342
5401
|
p(w.data);
|
|
5343
5402
|
}).catch((w) => {
|
|
@@ -5346,7 +5405,7 @@ function ha({
|
|
|
5346
5405
|
u(!1);
|
|
5347
5406
|
});
|
|
5348
5407
|
};
|
|
5349
|
-
if (
|
|
5408
|
+
if (q(() => {
|
|
5350
5409
|
e instanceof Function ? l() : (p(s), u(!1));
|
|
5351
5410
|
}, []), m)
|
|
5352
5411
|
return /* @__PURE__ */ t(
|
|
@@ -5374,7 +5433,7 @@ function ha({
|
|
|
5374
5433
|
// split: clean property-sheet — bordered box, rows divided by hairlines
|
|
5375
5434
|
split: "rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden divide-y divide-gray-100 dark:divide-gray-800"
|
|
5376
5435
|
};
|
|
5377
|
-
return /* @__PURE__ */ t(
|
|
5436
|
+
return /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(
|
|
5378
5437
|
"div",
|
|
5379
5438
|
{
|
|
5380
5439
|
className: x(
|
|
@@ -5385,7 +5444,7 @@ function ha({
|
|
|
5385
5444
|
i.containerClass || ""
|
|
5386
5445
|
),
|
|
5387
5446
|
children: r.map((w) => w.renderCondition && typeof w.renderCondition == "function" && !w.renderCondition(b) ? null : w.type == "group" ? /* @__PURE__ */ t(
|
|
5388
|
-
|
|
5447
|
+
qr,
|
|
5389
5448
|
{
|
|
5390
5449
|
col: w,
|
|
5391
5450
|
data: b,
|
|
@@ -5394,7 +5453,7 @@ function ha({
|
|
|
5394
5453
|
},
|
|
5395
5454
|
w.key || w.titleKey
|
|
5396
5455
|
) : w.type == "cardGroup" ? /* @__PURE__ */ t(
|
|
5397
|
-
|
|
5456
|
+
Qr,
|
|
5398
5457
|
{
|
|
5399
5458
|
col: w,
|
|
5400
5459
|
data: b,
|
|
@@ -5403,7 +5462,7 @@ function ha({
|
|
|
5403
5462
|
},
|
|
5404
5463
|
w.key || w.titleKey
|
|
5405
5464
|
) : /* @__PURE__ */ t(
|
|
5406
|
-
|
|
5465
|
+
rt,
|
|
5407
5466
|
{
|
|
5408
5467
|
col: w,
|
|
5409
5468
|
data: b,
|
|
@@ -5415,8 +5474,8 @@ function ha({
|
|
|
5415
5474
|
}
|
|
5416
5475
|
) });
|
|
5417
5476
|
}
|
|
5418
|
-
const
|
|
5419
|
-
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;
|
|
5420
5479
|
const {
|
|
5421
5480
|
title: o,
|
|
5422
5481
|
fetchData: e,
|
|
@@ -5425,95 +5484,95 @@ const ma = ({ config: a }) => {
|
|
|
5425
5484
|
tableConfig: c,
|
|
5426
5485
|
modalConfig: i,
|
|
5427
5486
|
filterConfig: s
|
|
5428
|
-
} = a, [b, p] =
|
|
5487
|
+
} = a, [b, p] = R(!0), [m, u] = R(!1), [l, g] = R([]), [w, y] = R(null), [S, k] = R({
|
|
5429
5488
|
search: "",
|
|
5430
5489
|
rows_per_page: 50,
|
|
5431
5490
|
current_page: 1,
|
|
5432
5491
|
sort_by: "",
|
|
5433
5492
|
sort_order: ""
|
|
5434
|
-
}), [_,
|
|
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(
|
|
5435
5494
|
null
|
|
5436
|
-
),
|
|
5437
|
-
|
|
5438
|
-
},
|
|
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 = "") => {
|
|
5439
5498
|
u(!0);
|
|
5440
5499
|
try {
|
|
5441
|
-
if (!
|
|
5442
|
-
const
|
|
5443
|
-
(
|
|
5500
|
+
if (!G) return;
|
|
5501
|
+
const se = await G();
|
|
5502
|
+
(ce || se != null && se.message) && De(ce || se.message || "Success", {
|
|
5444
5503
|
variant: "success"
|
|
5445
|
-
}),
|
|
5446
|
-
} catch (
|
|
5447
|
-
(
|
|
5504
|
+
}), J == null || J(se);
|
|
5505
|
+
} catch (se) {
|
|
5506
|
+
(_e || se != null && se.message) && De(_e || se.message || "Error occurred", {
|
|
5448
5507
|
variant: "error"
|
|
5449
5508
|
});
|
|
5450
5509
|
} finally {
|
|
5451
5510
|
u(!1);
|
|
5452
5511
|
}
|
|
5453
|
-
},
|
|
5454
|
-
const
|
|
5455
|
-
n ? (g((
|
|
5456
|
-
...
|
|
5512
|
+
}, ee = (G) => {
|
|
5513
|
+
const J = G.newObject;
|
|
5514
|
+
n ? (g((ce) => [J, ...ce]), y((ce) => ({
|
|
5515
|
+
...ce,
|
|
5457
5516
|
current_page: 1
|
|
5458
|
-
}))) : (k((
|
|
5459
|
-
...
|
|
5517
|
+
}))) : (k((ce) => ({
|
|
5518
|
+
...ce,
|
|
5460
5519
|
current_page: 1
|
|
5461
|
-
})), S.current_page === 1 && U()),
|
|
5462
|
-
},
|
|
5463
|
-
const { newObject:
|
|
5520
|
+
})), S.current_page === 1 && U()), B(!1);
|
|
5521
|
+
}, ie = (G) => {
|
|
5522
|
+
const { newObject: J, targetObject: ce } = G;
|
|
5464
5523
|
n ? g(
|
|
5465
|
-
(
|
|
5466
|
-
(
|
|
5524
|
+
(_e) => _e.map(
|
|
5525
|
+
(se) => se.id === ce.id ? { ...se, ...J } : se
|
|
5467
5526
|
)
|
|
5468
|
-
) : U(),
|
|
5469
|
-
}, P = (
|
|
5470
|
-
if (!
|
|
5471
|
-
|
|
5527
|
+
) : U(), z(!1);
|
|
5528
|
+
}, P = (G) => {
|
|
5529
|
+
if (!G) {
|
|
5530
|
+
F(!1), Y(null);
|
|
5472
5531
|
return;
|
|
5473
5532
|
}
|
|
5474
5533
|
n ? g(
|
|
5475
|
-
(
|
|
5476
|
-
) : l.length === 1 && S.current_page > 1 ? k((
|
|
5477
|
-
...
|
|
5478
|
-
current_page:
|
|
5479
|
-
})) : U(),
|
|
5480
|
-
},
|
|
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(
|
|
5481
5540
|
() => {
|
|
5482
|
-
var
|
|
5483
|
-
return (
|
|
5541
|
+
var J;
|
|
5542
|
+
return (J = i == null ? void 0 : i.addModal) != null && J.handleSubmit ? i.addModal.handleSubmit(G) : Promise.resolve({ newObject: null });
|
|
5484
5543
|
},
|
|
5485
|
-
|
|
5486
|
-
),
|
|
5544
|
+
ee
|
|
5545
|
+
), pe = (G) => oe(
|
|
5487
5546
|
() => {
|
|
5488
|
-
var
|
|
5489
|
-
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 });
|
|
5490
5549
|
},
|
|
5491
|
-
|
|
5550
|
+
ie
|
|
5492
5551
|
), U = async () => {
|
|
5493
5552
|
p(!0);
|
|
5494
5553
|
try {
|
|
5495
|
-
const
|
|
5554
|
+
const G = await e({
|
|
5496
5555
|
...S,
|
|
5497
5556
|
..._
|
|
5498
5557
|
});
|
|
5499
|
-
g(
|
|
5500
|
-
} catch (
|
|
5501
|
-
De(
|
|
5558
|
+
g(G.data || []), y(G.pagination || null);
|
|
5559
|
+
} catch (G) {
|
|
5560
|
+
De(G.message || "Failed to fetch data", {
|
|
5502
5561
|
variant: "error"
|
|
5503
5562
|
});
|
|
5504
5563
|
} finally {
|
|
5505
5564
|
p(!1);
|
|
5506
5565
|
}
|
|
5507
|
-
},
|
|
5508
|
-
var
|
|
5509
|
-
|
|
5510
|
-
}, ve = (
|
|
5511
|
-
(
|
|
5512
|
-
),
|
|
5513
|
-
var
|
|
5514
|
-
return (
|
|
5515
|
-
}, [l, _, (
|
|
5516
|
-
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(() => {
|
|
5517
5576
|
U();
|
|
5518
5577
|
}, [
|
|
5519
5578
|
S.search,
|
|
@@ -5521,13 +5580,13 @@ const ma = ({ config: a }) => {
|
|
|
5521
5580
|
S.current_page,
|
|
5522
5581
|
S.sort_by,
|
|
5523
5582
|
S.sort_order,
|
|
5524
|
-
|
|
5583
|
+
$
|
|
5525
5584
|
]), /* @__PURE__ */ h("div", { className: f.crudPage.root, children: [
|
|
5526
5585
|
/* @__PURE__ */ t(
|
|
5527
|
-
|
|
5586
|
+
ba,
|
|
5528
5587
|
{
|
|
5529
5588
|
title: o,
|
|
5530
|
-
setShowAdd:
|
|
5589
|
+
setShowAdd: B,
|
|
5531
5590
|
description: a.description,
|
|
5532
5591
|
buttonText: a.buttonText,
|
|
5533
5592
|
showAddButton: !!(i != null && i.addModal),
|
|
@@ -5537,36 +5596,36 @@ const ma = ({ config: a }) => {
|
|
|
5537
5596
|
...c.pagination,
|
|
5538
5597
|
...w
|
|
5539
5598
|
},
|
|
5540
|
-
data:
|
|
5599
|
+
data: D,
|
|
5541
5600
|
setServerSidePaginationData: k,
|
|
5542
|
-
onMenuAction:
|
|
5601
|
+
onMenuAction: C,
|
|
5543
5602
|
filterConfig: s,
|
|
5544
|
-
onFilterApply:
|
|
5603
|
+
onFilterApply: fe,
|
|
5545
5604
|
loading: b
|
|
5546
5605
|
}
|
|
5547
5606
|
}
|
|
5548
5607
|
),
|
|
5549
|
-
|
|
5608
|
+
E && /* @__PURE__ */ t(
|
|
5550
5609
|
qe,
|
|
5551
5610
|
{
|
|
5552
|
-
isOpen:
|
|
5611
|
+
isOpen: E,
|
|
5553
5612
|
onClose: () => {
|
|
5554
|
-
m ||
|
|
5613
|
+
m || B(!1);
|
|
5555
5614
|
},
|
|
5556
|
-
icon: (
|
|
5557
|
-
title: ((
|
|
5558
|
-
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",
|
|
5559
5618
|
onFormSubmit: () => {
|
|
5560
|
-
var
|
|
5561
|
-
return (
|
|
5619
|
+
var G;
|
|
5620
|
+
return (G = document.querySelector("#addForm")) == null ? void 0 : G.requestSubmit();
|
|
5562
5621
|
},
|
|
5563
5622
|
loadingBtn: m,
|
|
5564
|
-
actionButtons: ((
|
|
5623
|
+
actionButtons: ((ne = i == null ? void 0 : i.addModal) == null ? void 0 : ne.actionButtons) || [],
|
|
5565
5624
|
children: /* @__PURE__ */ t(
|
|
5566
|
-
|
|
5625
|
+
Fr,
|
|
5567
5626
|
{
|
|
5568
5627
|
config: (i == null ? void 0 : i.addModal) || {},
|
|
5569
|
-
onSubmit:
|
|
5628
|
+
onSubmit: V,
|
|
5570
5629
|
initialData: {},
|
|
5571
5630
|
type: "add",
|
|
5572
5631
|
loading: m
|
|
@@ -5579,23 +5638,23 @@ const ma = ({ config: a }) => {
|
|
|
5579
5638
|
{
|
|
5580
5639
|
isOpen: v,
|
|
5581
5640
|
onClose: () => {
|
|
5582
|
-
m ||
|
|
5641
|
+
m || z(!1);
|
|
5583
5642
|
},
|
|
5584
5643
|
icon: (Le = i == null ? void 0 : i.editModal) == null ? void 0 : Le.icon,
|
|
5585
5644
|
title: ((Pe = i == null ? void 0 : i.editModal) == null ? void 0 : Pe.title) || "Edit",
|
|
5586
5645
|
size: ((je = i == null ? void 0 : i.editModal) == null ? void 0 : je.size) || "md",
|
|
5587
5646
|
onFormSubmit: () => {
|
|
5588
|
-
var
|
|
5589
|
-
return (
|
|
5647
|
+
var G;
|
|
5648
|
+
return (G = document.querySelector("#editForm")) == null ? void 0 : G.requestSubmit();
|
|
5590
5649
|
},
|
|
5591
|
-
actionButtons: ((
|
|
5650
|
+
actionButtons: ((ze = i == null ? void 0 : i.editModal) == null ? void 0 : ze.actionButtons) || [],
|
|
5592
5651
|
loadingBtn: m,
|
|
5593
5652
|
children: /* @__PURE__ */ t(
|
|
5594
|
-
|
|
5653
|
+
Fr,
|
|
5595
5654
|
{
|
|
5596
5655
|
config: (i == null ? void 0 : i.editModal) || {},
|
|
5597
|
-
onSubmit:
|
|
5598
|
-
initialData:
|
|
5656
|
+
onSubmit: pe,
|
|
5657
|
+
initialData: A,
|
|
5599
5658
|
type: "edit",
|
|
5600
5659
|
loading: m,
|
|
5601
5660
|
fetchRowDetails: r
|
|
@@ -5603,20 +5662,20 @@ const ma = ({ config: a }) => {
|
|
|
5603
5662
|
)
|
|
5604
5663
|
}
|
|
5605
5664
|
),
|
|
5606
|
-
|
|
5665
|
+
L && /* @__PURE__ */ t(
|
|
5607
5666
|
qe,
|
|
5608
5667
|
{
|
|
5609
|
-
isOpen:
|
|
5610
|
-
onClose: (
|
|
5611
|
-
P(
|
|
5668
|
+
isOpen: L,
|
|
5669
|
+
onClose: (G) => {
|
|
5670
|
+
P(G);
|
|
5612
5671
|
},
|
|
5613
|
-
icon: ((
|
|
5614
|
-
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",
|
|
5615
5674
|
size: ((Ge = i == null ? void 0 : i.deleteModal) == null ? void 0 : Ge.size) || "md",
|
|
5616
5675
|
loading: m,
|
|
5617
5676
|
actionButtons: ((Ye = i == null ? void 0 : i.deleteModal) == null ? void 0 : Ye.actionButtons) || [],
|
|
5618
|
-
executeFunction:
|
|
5619
|
-
selectedItem:
|
|
5677
|
+
executeFunction: oe,
|
|
5678
|
+
selectedItem: A,
|
|
5620
5679
|
children: /* @__PURE__ */ t(
|
|
5621
5680
|
"div",
|
|
5622
5681
|
{
|
|
@@ -5626,7 +5685,7 @@ const ma = ({ config: a }) => {
|
|
|
5626
5685
|
),
|
|
5627
5686
|
children: /* @__PURE__ */ h("div", { children: [
|
|
5628
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?" }),
|
|
5629
|
-
((
|
|
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] })
|
|
5630
5689
|
] })
|
|
5631
5690
|
}
|
|
5632
5691
|
)
|
|
@@ -5635,19 +5694,19 @@ const ma = ({ config: a }) => {
|
|
|
5635
5694
|
(i == null ? void 0 : i.viewModal) && /* @__PURE__ */ t(
|
|
5636
5695
|
qe,
|
|
5637
5696
|
{
|
|
5638
|
-
isOpen:
|
|
5697
|
+
isOpen: W,
|
|
5639
5698
|
onClose: () => {
|
|
5640
|
-
|
|
5699
|
+
H(!1), Y(null);
|
|
5641
5700
|
},
|
|
5642
|
-
icon: (
|
|
5643
|
-
title: ((
|
|
5644
|
-
size: ((
|
|
5645
|
-
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,
|
|
5646
5705
|
classNames: (Xe = i == null ? void 0 : i.viewModal) == null ? void 0 : Xe.modalClassNames,
|
|
5647
|
-
children:
|
|
5648
|
-
|
|
5706
|
+
children: T ? /* @__PURE__ */ t(T, { data: A }) : /* @__PURE__ */ t(
|
|
5707
|
+
ga,
|
|
5649
5708
|
{
|
|
5650
|
-
data:
|
|
5709
|
+
data: A,
|
|
5651
5710
|
fetchRowDetails: r,
|
|
5652
5711
|
config: (i == null ? void 0 : i.viewModal) || {}
|
|
5653
5712
|
}
|
|
@@ -5656,17 +5715,17 @@ const ma = ({ config: a }) => {
|
|
|
5656
5715
|
)
|
|
5657
5716
|
] });
|
|
5658
5717
|
};
|
|
5659
|
-
function
|
|
5660
|
-
return
|
|
5718
|
+
function fa({ children: a }) {
|
|
5719
|
+
return wt(), a;
|
|
5661
5720
|
}
|
|
5662
|
-
function
|
|
5721
|
+
function ya({
|
|
5663
5722
|
children: a
|
|
5664
5723
|
}) {
|
|
5665
5724
|
try {
|
|
5666
|
-
return /* @__PURE__ */ t(
|
|
5725
|
+
return /* @__PURE__ */ t(fa, { children: a });
|
|
5667
5726
|
} catch {
|
|
5668
5727
|
return /* @__PURE__ */ t(
|
|
5669
|
-
|
|
5728
|
+
gt,
|
|
5670
5729
|
{
|
|
5671
5730
|
anchorOrigin: {
|
|
5672
5731
|
vertical: "bottom",
|
|
@@ -5691,17 +5750,17 @@ function ga({
|
|
|
5691
5750
|
);
|
|
5692
5751
|
}
|
|
5693
5752
|
}
|
|
5694
|
-
const
|
|
5753
|
+
const va = () => {
|
|
5695
5754
|
if (typeof document > "u" || document.getElementById("react-admin-crud-manager-styles")) return;
|
|
5696
5755
|
const a = document.createElement("style");
|
|
5697
|
-
a.id = "react-admin-crud-manager-styles", a.textContent =
|
|
5756
|
+
a.id = "react-admin-crud-manager-styles", a.textContent = ft, document.head.appendChild(a);
|
|
5698
5757
|
};
|
|
5699
|
-
function
|
|
5700
|
-
return
|
|
5701
|
-
|
|
5702
|
-
}, []), /* @__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 }) }) });
|
|
5703
5762
|
}
|
|
5704
5763
|
export {
|
|
5705
|
-
|
|
5764
|
+
Ma as default
|
|
5706
5765
|
};
|
|
5707
5766
|
//# sourceMappingURL=index.es.js.map
|