proctoring-ui-3 1.0.0 → 1.0.1
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/ui-3.es.js +1294 -1645
- package/dist/ui-3.umd.js +112 -120
- package/package.json +11 -6
package/dist/ui-3.umd.js
CHANGED
|
@@ -1,33 +1,25 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(O,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react"),require("react-i18next"),require("lucide-react"),require("react-router-dom"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-i18next","lucide-react","react-router-dom","react-dom"],f):(O=typeof globalThis<"u"?globalThis:O||self,f(O.UI3={},O.React,O.ReactI18Next,O.LucideReact,O.ReactRouterDOM,O.ReactDOM))})(this,function(O,f,le,p,q,se){"use strict";var ae={exports:{}},ee={};/**
|
|
2
2
|
* @license React
|
|
3
|
-
* react-jsx-runtime.production.
|
|
3
|
+
* react-jsx-runtime.production.js
|
|
4
4
|
*
|
|
5
|
-
* Copyright (c)
|
|
5
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var oe;function he(){if(oe)return ee;oe=1;var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function n(l,i,x){var m=null;if(x!==void 0&&(m=""+x),i.key!==void 0&&(m=""+i.key),"key"in i){x={};for(var h in i)h!=="key"&&(x[h]=i[h])}else x=i;return i=x.ref,{$$typeof:t,type:l,key:m,ref:i!==void 0?i:null,props:x}}return ee.Fragment=r,ee.jsx=n,ee.jsxs=n,ee}var te={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
13
|
-
* Copyright (c)
|
|
13
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
18
|
-
`+te+t}}var v=!1,de;{var xe=typeof WeakMap=="function"?WeakMap:Map;de=new xe}function ge(t,r){if(!t||v)return"";{var u=de.get(t);if(u!==void 0)return u}var C;v=!0;var U=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var K;K=Y.current,Y.current=null,R();try{if(r){var I=function(){throw Error()};if(Object.defineProperty(I.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(I,[])}catch(ne){C=ne}Reflect.construct(t,[],I)}else{try{I.call()}catch(ne){C=ne}t.call(I.prototype)}}else{try{throw Error()}catch(ne){C=ne}t()}}catch(ne){if(ne&&C&&typeof ne.stack=="string"){for(var z=ne.stack.split(`
|
|
19
|
-
`),le=C.stack.split(`
|
|
20
|
-
`),Z=z.length-1,q=le.length-1;Z>=1&&q>=0&&z[Z]!==le[q];)q--;for(;Z>=1&&q>=0;Z--,q--)if(z[Z]!==le[q]){if(Z!==1||q!==1)do if(Z--,q--,q<0||z[Z]!==le[q]){var ce=`
|
|
21
|
-
`+z[Z].replace(" at new "," at ");return t.displayName&&ce.includes("<anonymous>")&&(ce=ce.replace("<anonymous>",t.displayName)),typeof t=="function"&&de.set(t,ce),ce}while(Z>=1&&q>=0);break}}}finally{v=!1,Y.current=K,O(),Error.prepareStackTrace=U}var be=t?t.displayName||t.name:"",he=be?ie(be):"";return typeof t=="function"&&de.set(t,he),he}function vt(t,r,u){return ge(t,!1)}function gt(t){var r=t.prototype;return!!(r&&r.isReactComponent)}function ke(t,r,u){if(t==null)return"";if(typeof t=="function")return ge(t,gt(t));if(typeof t=="string")return ie(t);switch(t){case N:return ie("Suspense");case T:return ie("SuspenseList")}if(typeof t=="object")switch(t.$$typeof){case k:return vt(t.render);case S:return ke(t.type,r,u);case E:{var C=t,U=C._payload,K=C._init;try{return ke(K(U),r,u)}catch{}}}return""}var pe=Object.prototype.hasOwnProperty,ze={},Ae=i.ReactDebugCurrentFrame;function we(t){if(t){var r=t._owner,u=ke(t.type,t._source,r?r.type:null);Ae.setExtraStackFrame(u)}else Ae.setExtraStackFrame(null)}function pt(t,r,u,C,U){{var K=Function.call.bind(pe);for(var I in t)if(K(t,I)){var z=void 0;try{if(typeof t[I]!="function"){var le=Error((C||"React class")+": "+u+" type `"+I+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof t[I]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw le.name="Invariant Violation",le}z=t[I](r,I,C,u,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Z){z=Z}z&&!(z instanceof Error)&&(we(U),L("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",C||"React class",u,I,typeof z),we(null)),z instanceof Error&&!(z.message in ze)&&(ze[z.message]=!0,we(U),L("Failed %s type: %s",u,z.message),we(null))}}}var kt=Array.isArray;function Se(t){return kt(t)}function wt(t){{var r=typeof Symbol=="function"&&Symbol.toStringTag,u=r&&t[Symbol.toStringTag]||t.constructor.name||"Object";return u}}function jt(t){try{return Ie(t),!1}catch{return!0}}function Ie(t){return""+t}function $e(t){if(jt(t))return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",wt(t)),Ie(t)}var Ve=i.ReactCurrentOwner,yt={key:!0,ref:!0,__self:!0,__source:!0},We,Be;function Nt(t){if(pe.call(t,"ref")){var r=Object.getOwnPropertyDescriptor(t,"ref").get;if(r&&r.isReactWarning)return!1}return t.ref!==void 0}function St(t){if(pe.call(t,"key")){var r=Object.getOwnPropertyDescriptor(t,"key").get;if(r&&r.isReactWarning)return!1}return t.key!==void 0}function Ct(t,r){typeof t.ref=="string"&&Ve.current}function Et(t,r){{var u=function(){We||(We=!0,L("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};u.isReactWarning=!0,Object.defineProperty(t,"key",{get:u,configurable:!0})}}function Lt(t,r){{var u=function(){Be||(Be=!0,L("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};u.isReactWarning=!0,Object.defineProperty(t,"ref",{get:u,configurable:!0})}}var _t=function(t,r,u,C,U,K,I){var z={$$typeof:s,type:t,key:r,ref:u,props:I,_owner:K};return z._store={},Object.defineProperty(z._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(z,"_self",{configurable:!1,enumerable:!1,writable:!1,value:C}),Object.defineProperty(z,"_source",{configurable:!1,enumerable:!1,writable:!1,value:U}),Object.freeze&&(Object.freeze(z.props),Object.freeze(z)),z};function Mt(t,r,u,C,U){{var K,I={},z=null,le=null;u!==void 0&&($e(u),z=""+u),St(r)&&($e(r.key),z=""+r.key),Nt(r)&&(le=r.ref,Ct(r,U));for(K in r)pe.call(r,K)&&!yt.hasOwnProperty(K)&&(I[K]=r[K]);if(t&&t.defaultProps){var Z=t.defaultProps;for(K in Z)I[K]===void 0&&(I[K]=Z[K])}if(z||le){var q=typeof t=="function"?t.displayName||t.name||"Unknown":t;z&&Et(I,q),le&&Lt(I,q)}return _t(t,z,le,U,C,Ve.current,I)}}var Ce=i.ReactCurrentOwner,He=i.ReactDebugCurrentFrame;function ue(t){if(t){var r=t._owner,u=ke(t.type,t._source,r?r.type:null);He.setExtraStackFrame(u)}else He.setExtraStackFrame(null)}var Ee;Ee=!1;function Le(t){return typeof t=="object"&&t!==null&&t.$$typeof===s}function Ue(){{if(Ce.current){var t=_(Ce.current.type);if(t)return`
|
|
22
|
-
|
|
23
|
-
Check the render method of \``+t+"`."}return""}}function Ot(t){return""}var Ye={};function Tt(t){{var r=Ue();if(!r){var u=typeof t=="string"?t:t.displayName||t.name;u&&(r=`
|
|
24
|
-
|
|
25
|
-
Check the top-level render call using <`+u+">.")}return r}}function Xe(t,r){{if(!t._store||t._store.validated||t.key!=null)return;t._store.validated=!0;var u=Tt(r);if(Ye[u])return;Ye[u]=!0;var C="";t&&t._owner&&t._owner!==Ce.current&&(C=" It was passed a child from "+_(t._owner.type)+"."),ue(t),L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',u,C),ue(null)}}function Ke(t,r){{if(typeof t!="object")return;if(Se(t))for(var u=0;u<t.length;u++){var C=t[u];Le(C)&&Xe(C,r)}else if(Le(t))t._store&&(t._store.validated=!0);else if(t){var U=F(t);if(typeof U=="function"&&U!==t.entries)for(var K=U.call(t),I;!(I=K.next()).done;)Le(I.value)&&Xe(I.value,r)}}}function Pt(t){{var r=t.type;if(r==null||typeof r=="string")return;var u;if(typeof r=="function")u=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===k||r.$$typeof===S))u=r.propTypes;else return;if(u){var C=_(r);pt(u,t.props,"prop",C,t)}else if(r.PropTypes!==void 0&&!Ee){Ee=!0;var U=_(r);L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",U||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Ft(t){{for(var r=Object.keys(t.props),u=0;u<r.length;u++){var C=r[u];if(C!=="children"&&C!=="key"){ue(t),L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",C),ue(null);break}}t.ref!==null&&(ue(t),L("Invalid attribute `ref` supplied to `React.Fragment`."),ue(null))}}var Ge={};function Je(t,r,u,C,U,K){{var I=Q(t);if(!I){var z="";(t===void 0||typeof t=="object"&&t!==null&&Object.keys(t).length===0)&&(z+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var le=Ot();le?z+=le:z+=Ue();var Z;t===null?Z="null":Se(t)?Z="array":t!==void 0&&t.$$typeof===s?(Z="<"+(_(t.type)||"Unknown")+" />",z=" Did you accidentally export a JSX literal instead of a component?"):Z=typeof t,L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Z,z)}var q=Mt(t,r,u,U,K);if(q==null)return q;if(I){var ce=r.children;if(ce!==void 0)if(C)if(Se(ce)){for(var be=0;be<ce.length;be++)Ke(ce[be],t);Object.freeze&&Object.freeze(ce)}else L("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ke(ce,t)}if(pe.call(r,"key")){var he=_(t),ne=Object.keys(r).filter(function($t){return $t!=="key"}),_e=ne.length>0?"{key: someKey, "+ne.join(": ..., ")+": ...}":"{key: someKey}";if(!Ge[he+_e]){var It=ne.length>0?"{"+ne.join(": ..., ")+": ...}":"{}";L(`A props object containing a "key" prop is being spread into JSX:
|
|
17
|
+
*/var ne;function be(){return ne||(ne=1,process.env.NODE_ENV!=="production"&&function(){function t(s){if(s==null)return null;if(typeof s=="function")return s.$$typeof===d?null:s.displayName||s.name||null;if(typeof s=="string")return s;switch(s){case S:return"Fragment";case D:return"Profiler";case c:return"StrictMode";case X:return"Suspense";case G:return"SuspenseList";case H:return"Activity"}if(typeof s=="object")switch(typeof s.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),s.$$typeof){case g:return"Portal";case B:return s.displayName||"Context";case W:return(s._context.displayName||"Context")+".Consumer";case A:var a=s.render;return s=s.displayName,s||(s=a.displayName||a.name||"",s=s!==""?"ForwardRef("+s+")":"ForwardRef"),s;case Y:return a=s.displayName||null,a!==null?a:t(s.type)||"Memo";case y:a=s._payload,s=s._init;try{return t(s(a))}catch{}}return null}function r(s){return""+s}function n(s){try{r(s);var a=!1}catch{a=!0}if(a){a=console;var o=a.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&s[Symbol.toStringTag]||s.constructor.name||"Object";return o.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),r(s)}}function l(s){if(s===S)return"<>";if(typeof s=="object"&&s!==null&&s.$$typeof===y)return"<...>";try{var a=t(s);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function i(){var s=v.A;return s===null?null:s.getOwner()}function x(){return Error("react-stack-top-frame")}function m(s){if(M.call(s,"key")){var a=Object.getOwnPropertyDescriptor(s,"key").get;if(a&&a.isReactWarning)return!1}return s.key!==void 0}function h(s,a){function o(){b||(b=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",a))}o.isReactWarning=!0,Object.defineProperty(s,"key",{get:o,configurable:!0})}function w(){var s=t(this.type);return T[s]||(T[s]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),s=this.props.ref,s!==void 0?s:null}function j(s,a,o,k,N,$){var z=o.ref;return s={$$typeof:L,type:s,key:a,props:o,_owner:k},(z!==void 0?z:null)!==null?Object.defineProperty(s,"ref",{enumerable:!1,get:w}):Object.defineProperty(s,"ref",{enumerable:!1,value:null}),s._store={},Object.defineProperty(s._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(s,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(s,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.defineProperty(s,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:$}),Object.freeze&&(Object.freeze(s.props),Object.freeze(s)),s}function F(s,a,o,k,N,$){var z=a.children;if(z!==void 0)if(k)if(I(z)){for(k=0;k<z.length;k++)E(z[k]);Object.freeze&&Object.freeze(z)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else E(z);if(M.call(a,"key")){z=t(s);var J=Object.keys(a).filter(function(Z){return Z!=="key"});k=0<J.length?"{key: someKey, "+J.join(": ..., ")+": ...}":"{key: someKey}",Q[z+k]||(J=0<J.length?"{"+J.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
26
18
|
let props = %s;
|
|
27
19
|
<%s {...props} />
|
|
28
20
|
React keys must be passed directly to JSX without using spread:
|
|
29
21
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,
|
|
22
|
+
<%s key={someKey} {...props} />`,k,z,J,z),Q[z+k]=!0)}if(z=null,o!==void 0&&(n(o),z=""+o),m(a)&&(n(a.key),z=""+a.key),"key"in a){o={};for(var u in a)u!=="key"&&(o[u]=a[u])}else o=a;return z&&h(o,typeof s=="function"?s.displayName||s.name||"Unknown":s),j(s,z,o,i(),N,$)}function E(s){C(s)?s._store&&(s._store.validated=1):typeof s=="object"&&s!==null&&s.$$typeof===y&&(s._payload.status==="fulfilled"?C(s._payload.value)&&s._payload.value._store&&(s._payload.value._store.validated=1):s._store&&(s._store.validated=1))}function C(s){return typeof s=="object"&&s!==null&&s.$$typeof===L}var _=f,L=Symbol.for("react.transitional.element"),g=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),W=Symbol.for("react.consumer"),B=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),X=Symbol.for("react.suspense"),G=Symbol.for("react.suspense_list"),Y=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),H=Symbol.for("react.activity"),d=Symbol.for("react.client.reference"),v=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,I=Array.isArray,R=console.createTask?console.createTask:function(){return null};_={react_stack_bottom_frame:function(s){return s()}};var b,T={},V=_.react_stack_bottom_frame.bind(_,x)(),U=R(l(x)),Q={};te.Fragment=S,te.jsx=function(s,a,o){var k=1e4>v.recentlyCreatedOwnerStacks++;return F(s,a,o,!1,k?Error("react-stack-top-frame"):V,k?R(l(s)):U)},te.jsxs=function(s,a,o){var k=1e4>v.recentlyCreatedOwnerStacks++;return F(s,a,o,!0,k?Error("react-stack-top-frame"):V,k?R(l(s)):U)}}()),te}process.env.NODE_ENV==="production"?ae.exports=he():ae.exports=be();var e=ae.exports;function ue({text:t,link:r,linkText:n,year:l,navigationItems:i=[]}){const{t:x}=le.useTranslation("pages-product-page"),m=q.useNavigate(),h=q.useLocation(),w=[{icon:p.Home,label:"Dashboard",path:"/dashboard",key:"dashboard"},{icon:p.Calendar,label:"Calendar",path:"/calendar",key:"calendar"},{icon:p.Users,label:"Admins",path:"/admins",key:"admins"},{icon:p.Settings,label:"Settings",path:"/settings",key:"settings"}],j=i.length>0?i:w,F=E=>h.pathname===E;return e.jsxs(e.Fragment,{children:[e.jsxs("footer",{className:"hidden md:block relative overflow-hidden border-t transition-all duration-300 bg-gradient-to-r from-white via-violet-50/30 to-white border-slate-200/50 dark:bg-gradient-to-r dark:from-slate-800 dark:via-slate-900 dark:to-slate-800 dark:border-slate-700/50 shadow-sm",children:[e.jsx("div",{className:"absolute inset-0 w-full h-full opacity-5 bg-gradient-to-r from-violet-300 to-indigo-300 dark:bg-gradient-to-r dark:from-violet-500 dark:to-indigo-500"}),e.jsx("div",{className:"relative z-10 px-6 py-4",children:e.jsxs("div",{className:"max-w-7xl mx-auto flex flex-wrap items-center justify-between gap-4",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-gradient-to-br from-violet-600 to-indigo-600 flex items-center justify-center shadow-md shadow-violet-200 dark:shadow-violet-900/50",children:e.jsx("svg",{className:"w-4 h-4 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"})})}),e.jsxs("span",{className:"text-sm text-slate-600 dark:text-slate-400",children:["© ",l||new Date().getFullYear()]}),e.jsx("a",{href:r||"#",target:"_blank",rel:"noopener noreferrer",className:"text-sm font-medium transition-all duration-200 hover:scale-105 inline-block text-violet-600 hover:text-violet-700 dark:text-violet-400 dark:hover:text-violet-300",children:x("footer.text")})]}),e.jsxs("div",{className:"flex items-center gap-6",children:[e.jsx("a",{href:"#",className:"text-sm font-medium transition-all duration-200 hover:scale-105 text-slate-600 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-300",children:"Privacy"}),e.jsx("a",{href:"#",className:"text-sm font-medium transition-all duration-200 hover:scale-105 text-slate-600 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-300",children:"Terms"}),e.jsxs("span",{className:"text-xs text-slate-500 dark:text-slate-500",children:["Made with ",e.jsx(p.Heart,{className:"w-3 h-3 inline text-red-500 fill-red-500"})]})]})]})})]}),e.jsx("nav",{className:"md:hidden fixed bottom-0 left-0 right-0 z-50 safe-area-bottom",children:e.jsxs("div",{className:"relative backdrop-blur-2xl bg-white/90 dark:bg-slate-900/95 border-t border-slate-200/50 dark:border-slate-700/50 shadow-2xl",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-violet-50/30 to-transparent dark:from-violet-950/20 dark:to-transparent pointer-events-none"}),e.jsx("div",{className:"absolute top-0 left-0 right-0 h-0.5 bg-gradient-to-r from-transparent via-violet-500 to-transparent opacity-50"}),e.jsx("div",{className:"relative grid grid-cols-4 gap-1 px-2 py-2 pb-safe",children:j.map((E,C)=>{const _=E.icon,L=F(E.path);return e.jsxs("button",{onClick:()=>m(E.path),className:`relative flex flex-col items-center justify-center py-2 px-1 rounded-2xl transition-all duration-300 group ${L?"bg-gradient-to-br from-violet-500 to-indigo-600 shadow-lg shadow-violet-500/30":"hover:bg-slate-100 dark:hover:bg-slate-800/50 active:scale-95"}`,children:[L&&e.jsx("div",{className:"absolute -top-1 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-white shadow-lg shadow-white/50 animate-pulse"}),e.jsxs("div",{className:`relative mb-1 transition-transform duration-300 ${L?"scale-110":"group-hover:scale-110"}`,children:[e.jsx(_,{className:`w-6 h-6 transition-colors duration-300 ${L?"text-white":"text-slate-600 dark:text-slate-400 group-hover:text-violet-600 dark:group-hover:text-violet-400"}`,strokeWidth:L?2.5:2}),L&&e.jsx("div",{className:"absolute inset-0 rounded-full bg-white/20 animate-ping"})]}),e.jsx("span",{className:`text-xs font-semibold transition-all duration-300 ${L?"text-white scale-105":"text-slate-600 dark:text-slate-400 group-hover:text-violet-600 dark:group-hover:text-violet-400"}`,children:E.label}),E.badge&&e.jsx("div",{className:"absolute top-1 right-2 w-2 h-2 rounded-full bg-red-500 border-2 border-white dark:border-slate-900 animate-pulse"})]},E.key||C)})}),e.jsx("div",{className:"h-safe-area-inset-bottom bg-white/50 dark:bg-slate-900/50"})]})}),e.jsx("style",{jsx:!0,children:`
|
|
31
23
|
.safe-area-bottom {
|
|
32
24
|
padding-bottom: env(safe-area-inset-bottom);
|
|
33
25
|
}
|
|
@@ -37,56 +29,56 @@ React keys must be passed directly to JSX without using spread:
|
|
|
37
29
|
.h-safe-area-inset-bottom {
|
|
38
30
|
height: env(safe-area-inset-bottom);
|
|
39
31
|
}
|
|
40
|
-
`})]})}const
|
|
32
|
+
`})]})}const de=({user:t,onLogout:r,showEmail:n=!0})=>{const[l,i]=f.useState(!1),[x,m]=f.useState({top:0,right:0}),h=f.useRef(null),w=f.useRef(null);return f.useEffect(()=>{const j=F=>{h.current&&!h.current.contains(F.target)&&w.current&&!w.current.contains(F.target)&&i(!1)};return l&&document.addEventListener("mousedown",j),()=>document.removeEventListener("mousedown",j)},[l]),e.jsxs(e.Fragment,{children:[e.jsxs("button",{ref:h,onClick:()=>{if(!l&&h.current){const j=h.current.getBoundingClientRect();m({top:j.bottom+6,right:window.innerWidth-j.right})}i(!l)},title:"Account",className:`p-2 sm:p-2.5 rounded-xl transition-all duration-200
|
|
41
33
|
bg-white hover:bg-slate-50 text-slate-700
|
|
42
34
|
border border-slate-200 shadow-sm
|
|
43
35
|
dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border-slate-600/50
|
|
44
36
|
hover:scale-105 active:scale-95
|
|
45
|
-
flex items-center gap-1`,children:[e.jsx(
|
|
37
|
+
flex items-center gap-1`,children:[e.jsx(p.User,{className:"w-[18px] h-[18px]"}),e.jsx(p.ChevronDown,{className:`w-3 h-3 text-slate-400 transition-transform duration-200 ${l?"rotate-180":""}`})]}),l&&se.createPortal(e.jsxs("div",{ref:w,style:{top:x.top,right:x.right},className:`fixed w-48 rounded-xl border shadow-lg overflow-hidden z-[9999]
|
|
46
38
|
bg-white border-slate-200/60
|
|
47
39
|
dark:bg-slate-800 dark:border-slate-700/60
|
|
48
|
-
animate-in fade-in zoom-in-95 duration-150`,children:[((
|
|
40
|
+
animate-in fade-in zoom-in-95 duration-150`,children:[((t==null?void 0:t.name)||(t==null?void 0:t.email))&&e.jsxs("div",{className:"px-3.5 py-3 border-b border-slate-100 dark:border-slate-700",children:[(t==null?void 0:t.name)&&e.jsx("p",{className:"text-sm font-semibold text-slate-800 dark:text-slate-200 truncate",children:t.name}),n&&(t==null?void 0:t.email)&&e.jsx("p",{className:"text-xs font-medium text-slate-500 dark:text-slate-400 truncate mt-0.5",children:t.email})]}),e.jsxs("button",{onClick:()=>{i(!1),r()},className:`w-full flex items-center gap-2 px-3.5 py-2.5
|
|
49
41
|
text-sm font-medium text-red-600 dark:text-red-400
|
|
50
42
|
hover:bg-red-50 dark:hover:bg-red-900/20
|
|
51
|
-
transition-colors duration-150`,children:[e.jsx(
|
|
43
|
+
transition-colors duration-150`,children:[e.jsx(p.LogOut,{className:"w-4 h-4 flex-shrink-0"}),"Logout"]})]}),document.body)]})},ge=({appIcon:t,appName:r,appShortName:n,appTagline:l,userName:i,userEmail:x,userRole:m,onLogout:h,navLinks:w=[],showAccessibility:j=!0,showUserInfo:F=!0,showLanguageSelector:E=!0,showThemeToggle:C=!0,showAppIcon:_=!0,showAppFullName:L=!0,showAppTagline:g=!1,showNavLinks:S=!1,rightContent:c})=>{var J;const D=q.useLocation(),[W,B]=f.useState(localStorage.getItem("language")||"eng"),[A,X]=f.useState(!1),[G,Y]=f.useState(!1),[y,H]=f.useState(16),[d,v]=f.useState(!1),[M,I]=f.useState(!1),[R,b]=f.useState(!1),[T,V]=f.useState(!1),[U,Q]=f.useState(!1);f.useEffect(()=>{const u=localStorage.getItem("theme")||"light";b(u==="dark"),document.documentElement.classList.toggle("dark",u==="dark")},[]),f.useEffect(()=>{const u=()=>Q(window.scrollY>8);return window.addEventListener("scroll",u,{passive:!0}),()=>window.removeEventListener("scroll",u)},[]),f.useEffect(()=>{V(!1)},[D.pathname]);const s=()=>{b(u=>{const Z=!u;return Z?(document.documentElement.classList.add("dark"),localStorage.setItem("theme","dark")):(document.documentElement.classList.remove("dark"),localStorage.setItem("theme","light")),Z})},a=u=>{B(u),localStorage.setItem("language",u),Y(!1)};f.useEffect(()=>{document.documentElement.style.fontSize=`${y}px`,document.body.style.filter=d?"grayscale(100%)":"none",document.body.style.fontFamily=M?"OpenDyslexic, Arial, sans-serif":"inherit"},[y,d,M]);const o={eng:{label:"English",disabled:!1},hin:{label:"Hindi",disabled:!1}},k=()=>{y<24&&H(y+2)},N=()=>{y>12&&H(y-2)},$=()=>H(16),z=u=>u==="/"?D.pathname==="/":D.pathname.startsWith(u);return e.jsxs(e.Fragment,{children:[e.jsxs("nav",{className:`
|
|
52
44
|
w-full sticky top-0 z-50 overflow-hidden
|
|
53
45
|
bg-white/95 dark:bg-slate-900/95 backdrop-blur-md
|
|
54
46
|
border-b border-slate-200/60 dark:border-slate-700/60
|
|
55
47
|
transition-all duration-300
|
|
56
|
-
${
|
|
57
|
-
`,children:[e.jsx("div",{className:"absolute top-0 right-0 w-96 h-96 rounded-full blur-3xl opacity-20 bg-violet-300 dark:bg-violet-500 -translate-y-1/2 translate-x-1/2 pointer-events-none"}),e.jsx("div",{className:"absolute bottom-0 left-0 w-48 h-48 rounded-full blur-3xl opacity-20 bg-indigo-300 dark:bg-indigo-500 translate-y-1/2 -translate-x-1/2 pointer-events-none"}),e.jsxs("div",{className:"relative z-10 mx-auto px-3 sm:px-5 lg:px-6 py-2 sm:py-0",children:[e.jsxs("div",{className:"flex items-center justify-between h-14 sm:h-20",children:[e.jsxs("div",{className:"flex items-center gap-2 sm:gap-4 group flex-shrink-0",children:[$&&a&&e.jsx("div",{className:"w-8 h-8 sm:w-16 sm:h-16 flex items-center justify-center group-hover:scale-105 transition-transform duration-200",children:e.jsx("img",{src:a,alt:"Institution Logo",className:"h-8 sm:h-14 w-auto object-contain"})}),e.jsxs("div",{className:"flex flex-col leading-tight",children:[e.jsx("span",{className:"font-extrabold text-base sm:text-xl text-slate-900 dark:text-white sm:hidden tracking-tight",children:o||s}),e.jsxs("div",{className:"hidden sm:flex flex-col",children:[e.jsx("span",{className:"font-extrabold text-slate-900 dark:text-white tracking-tight text-lg lg:hidden",children:o||s}),P&&e.jsx("span",{className:"font-extrabold text-slate-900 dark:text-white tracking-tight hidden lg:block text-[17px] xl:text-lg leading-tight max-w-md",children:s}),p&&n&&e.jsx("span",{className:"mt-0.5 text-[10px] font-semibold tracking-[0.2em] text-violet-600 dark:text-violet-400 uppercase",children:n})]})]})]}),F&&k.length>0&&e.jsx("div",{className:"hidden md:flex items-center gap-2",children:k.map(v=>{var xe;return v!=null&&v.to?((xe=v==null?void 0:v.to)==null?void 0:xe.startsWith("http"))?e.jsx("a",{href:v.to,target:v.target||"_self",rel:"noopener noreferrer",className:"relative px-4 lg:px-5 py-2.5 rounded-xl text-sm font-semibold tracking-wide transition-all duration-200 text-slate-600 dark:text-slate-300 hover:text-violet-700 dark:hover:text-violet-400 hover:bg-violet-50/80 dark:hover:bg-slate-700/50",children:v.label},v.to):e.jsxs(me.Link,{to:v.to,target:v.target||"_self",rel:v.target==="_blank"?"noopener noreferrer":void 0,className:`relative px-4 lg:px-5 py-2.5 rounded-xl text-sm font-semibold tracking-wide transition-all duration-200 ${te(v.to)?"text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-600/10 shadow-sm":"text-slate-600 dark:text-slate-300 hover:text-violet-700 dark:hover:text-violet-400 hover:bg-violet-50/80 dark:hover:bg-slate-700/50"}`,children:[v.label,te(v.to)&&e.jsx("span",{className:"absolute bottom-1 left-1/2 -translate-x-1/2 w-4 h-0.5 rounded-full bg-gradient-to-r from-violet-600 to-indigo-600"})]},v.to):null})}),e.jsxs("div",{className:"flex items-center gap-1.5 sm:gap-2",children:[i&&e.jsx("div",{className:"flex items-center",children:i}),N&&e.jsx("button",{onClick:()=>se(!0),className:"p-2 sm:p-2.5 rounded-xl transition-all duration-200 bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border-slate-600/50 hover:scale-105 active:scale-95",title:"Accessibility Settings",children:e.jsx("svg",{className:"w-4 h-4 sm:w-[18px] sm:h-[18px]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"})})}),E&&e.jsx("button",{onClick:l,"aria-label":"Toggle theme",title:H?"Switch to Light Mode":"Switch to Dark Mode",className:"p-2 sm:p-2.5 rounded-xl transition-all duration-200 bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-yellow-400 dark:border-slate-600/50 hover:scale-105 active:scale-95",children:H?e.jsx("svg",{className:"w-4 h-4 sm:w-[18px] sm:h-[18px]",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{fillRule:"evenodd",d:"M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z",clipRule:"evenodd"})}):e.jsx("svg",{className:"w-4 h-4 sm:w-[18px] sm:h-[18px]",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{d:"M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"})})}),S&&e.jsxs("button",{onClick:()=>ee(!0),className:"hidden sm:flex items-center gap-2 px-4 py-2.5 rounded-xl bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border-slate-600/50 hover:scale-105 active:scale-95 transition-all duration-200",children:[e.jsx("svg",{className:"w-[18px] h-[18px]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 2a10 10 0 100 20 10 10 0 000-20zm0 0c2.5 2.5 4 6 4 10s-1.5 7.5-4 10m0-20C9.5 4.5 8 8 8 12s1.5 7.5 4 10m-9-10h18"})}),e.jsx("span",{className:"text-sm font-medium",children:(ie=g[G])==null?void 0:ie.label})]}),S&&e.jsx("button",{onClick:()=>ee(!0),className:"sm:hidden p-2 rounded-xl bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border-slate-600/50 hover:scale-105 active:scale-95 transition-all duration-200",children:e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 2a10 10 0 100 20 10 10 0 000-20zm0 0c2.5 2.5 4 6 4 10s-1.5 7.5-4 10m0-20C9.5 4.5 8 8 8 12s1.5 7.5 4 10m-9-10h18"})})}),T&&e.jsx(Pe,{user:{name:h,email:b},onLogout:x,showEmail:!0}),F&&k.length>0&&e.jsx("button",{onClick:()=>X(v=>!v),"aria-label":D?"Close menu":"Open menu",className:"md:hidden p-2 rounded-xl transition-all duration-200 bg-white dark:bg-slate-700/50 border border-slate-200 dark:border-slate-600/50 text-slate-700 dark:text-slate-300 shadow-sm hover:scale-105 active:scale-95",children:D?e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}):e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})})]})]}),F&&D&&k.length>0&&e.jsx("div",{className:"md:hidden border-t border-slate-200 dark:border-slate-700 pb-3 animate-in slide-in-from-top-2 duration-200",children:e.jsx("div",{className:"flex flex-col gap-0.5 pt-2",children:k.map(v=>{var xe;return v!=null&&v.to?((xe=v==null?void 0:v.to)==null?void 0:xe.startsWith("http"))?e.jsx("a",{href:v.to,target:v.target||"_self",rel:"noopener noreferrer",className:"flex items-center justify-between px-3 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200 text-slate-700 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700/50",children:v.label},v.to):e.jsxs(me.Link,{to:v.to,target:v.target||"_self",rel:v.target==="_blank"?"noopener noreferrer":void 0,className:`flex items-center justify-between px-3 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200 ${te(v.to)?"bg-violet-50 dark:bg-violet-600/10 text-violet-700 dark:text-violet-400":"text-slate-700 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700/50"}`,children:[v.label,te(v.to)&&e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-gradient-to-r from-violet-600 to-indigo-600"})]},v.to):null})})})]})]}),W&&e.jsx("div",{className:"overflow-hidden overflow-x-hidden fixed top-0 right-0 left-0 z-50 flex justify-center items-center w-full h-full bg-gray-800 bg-opacity-50",children:e.jsx("div",{className:"relative p-4 w-full max-w-md",children:e.jsxs("div",{className:"relative rounded-2xl shadow-2xl bg-white border border-slate-200 dark:bg-gradient-to-br dark:from-slate-800 dark:to-slate-900 dark:border dark:border-slate-700",children:[e.jsxs("div",{className:"flex items-center justify-between p-5 border-b rounded-t-2xl border-slate-200 dark:border-slate-700 bg-gradient-to-r from-slate-50 to-violet-50/30 dark:bg-gradient-to-r dark:from-slate-800 dark:to-slate-900",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-gradient-to-br from-violet-600 to-indigo-600 flex items-center justify-center",children:e.jsx("svg",{className:"w-5 h-5 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"})})}),e.jsx("h3",{className:"text-lg font-bold text-slate-900 dark:text-white",children:"Accessibility Settings"})]}),e.jsx("button",{onClick:()=>se(!1),className:"p-2 rounded-lg transition-colors text-slate-400 hover:bg-slate-100 hover:text-slate-900 dark:hover:bg-slate-700 dark:hover:text-white",children:e.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),e.jsxs("div",{className:"p-6 space-y-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm font-semibold text-slate-700 dark:text-slate-300",children:"Font Size"}),e.jsxs("span",{className:"text-sm font-medium px-3 py-1 rounded-lg bg-violet-100 text-violet-700 border border-violet-200 dark:bg-violet-600/20 dark:text-violet-400 dark:border dark:border-violet-500/30",children:[M,"px"]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:O,className:"flex-1 py-3 px-4 rounded-xl font-semibold transition-all duration-200 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border dark:border-slate-600",children:"A-"}),e.jsx("button",{onClick:Y,className:"flex-1 py-3 px-4 rounded-xl font-semibold transition-all duration-200 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border dark:border-slate-600",children:"A"}),e.jsx("button",{onClick:R,className:"flex-1 py-3 px-4 rounded-xl font-semibold transition-all duration-200 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border dark:border-slate-600",children:"A+"})]})]}),e.jsx("div",{className:"border-t border-slate-200 dark:border-slate-700"}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("label",{className:"text-sm font-semibold text-slate-700 dark:text-slate-300",children:"Grayscale Mode"}),e.jsx("button",{onClick:()=>w(!d),className:`relative inline-flex h-7 w-12 items-center rounded-full transition-colors ${d?"bg-gradient-to-r from-violet-600 to-indigo-600":"bg-slate-300 dark:bg-slate-700"}`,children:e.jsx("span",{className:`inline-block h-5 w-5 transform rounded-full bg-white shadow-lg transition-transform ${d?"translate-x-6":"translate-x-1"}`})})]}),e.jsx("div",{className:"border-t border-slate-200 dark:border-slate-700"}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("label",{className:"text-sm font-semibold text-slate-700 dark:text-slate-300",children:"Dyslexia-Friendly Font"}),e.jsx("button",{onClick:()=>A(!_),className:`relative inline-flex h-7 w-12 items-center rounded-full transition-colors ${_?"bg-gradient-to-r from-violet-600 to-indigo-600":"bg-slate-300 dark:bg-slate-700"}`,children:e.jsx("span",{className:`inline-block h-5 w-5 transform rounded-full bg-white shadow-lg transition-transform ${_?"translate-x-6":"translate-x-1"}`})})]})]}),e.jsx("div",{className:"flex p-5 border-t rounded-b border-slate-200 dark:border-slate-700",children:e.jsx("button",{onClick:()=>se(!1),className:"w-full py-3 px-5 text-sm font-semibold text-white bg-gradient-to-r from-violet-600 to-indigo-600 hover:from-violet-700 hover:to-indigo-700 rounded-xl shadow-lg transition-all duration-200",children:"Close"})})]})})}),re&&e.jsx("div",{className:"overflow-hidden overflow-x-hidden fixed top-0 right-0 left-0 z-50 flex justify-center items-center w-full h-full bg-gray-800 bg-opacity-50",children:e.jsx("div",{className:"relative p-4 w-full max-w-md",children:e.jsxs("div",{className:"relative rounded-2xl shadow-2xl bg-white border border-slate-200 dark:bg-gradient-to-br dark:from-slate-800 dark:to-slate-900 dark:border dark:border-slate-700",children:[e.jsxs("div",{className:"flex items-center justify-between p-5 border-b rounded-t-2xl border-slate-200 dark:border-slate-700 bg-gradient-to-r from-slate-50 to-violet-50/30 dark:bg-gradient-to-r dark:from-slate-800 dark:to-slate-900",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-gradient-to-br from-violet-600 to-indigo-600 flex items-center justify-center",children:e.jsx("svg",{className:"w-[18px] h-[18px] text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 2a10 10 0 100 20 10 10 0 000-20zm0 0c2.5 2.5 4 6 4 10s-1.5 7.5-4 10m0-20C9.5 4.5 8 8 8 12s1.5 7.5 4 10m-9-10h18"})})}),e.jsx("h3",{className:"text-lg font-bold text-slate-900 dark:text-white",children:"Select Language"})]}),e.jsx("button",{onClick:()=>ee(!1),className:"p-2 rounded-lg transition-colors text-slate-400 hover:bg-slate-100 hover:text-slate-900 dark:hover:bg-slate-700 dark:hover:text-white",children:e.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),e.jsx("div",{className:"p-5",children:e.jsx("ul",{className:"space-y-3",children:Object.keys(g).map(v=>e.jsx("li",{children:e.jsx("button",{onClick:()=>f(v),disabled:g[v].disabled,className:`w-full px-5 py-4 rounded-xl text-left font-semibold transition-all duration-200 ${v===G?"bg-gradient-to-r from-violet-600 to-indigo-600 text-white shadow-lg":"bg-slate-50 hover:bg-slate-100 text-slate-700 border border-slate-200 dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border dark:border-slate-600"} ${g[v].disabled?"opacity-50 cursor-not-allowed":"hover:scale-[1.02]"}`,children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{children:g[v].label}),v===G&&e.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})]})})},v))})}),e.jsx("div",{className:"flex p-5 border-t rounded-b border-slate-200 dark:border-slate-700",children:e.jsx("button",{onClick:()=>ee(!1),className:"w-full py-3 px-5 text-sm font-semibold text-white bg-gradient-to-r from-violet-600 to-indigo-600 hover:from-violet-700 hover:to-indigo-700 rounded-xl shadow-lg transition-all duration-200",children:"Close"})})]})})})]})},Fe=(a,s)=>{const o={},n=h=>{for(const b of h)if(b.subItems){const c=b.subItems.some(x=>x.path&&s.startsWith(x.path));n(b.subItems),c&&(o[b.name]=!0)}};return n(a),o},tt=({menuItems:a,user:s,onLogout:o,onNavigate:n})=>{const{t:h}=Me.useTranslation("pages-product-page"),[b,c]=j.useState(!1),x=j.useRef(null),k=me.useLocation(),[N,T]=j.useState(()=>Fe(a,k.pathname)),S=i=>T(L=>({...L,[i]:!L[i]})),E=i=>k.pathname===i;j.useEffect(()=>{T(i=>({...i,...Fe(a,k.pathname)}))},[k.pathname,a]),j.useEffect(()=>{const i=L=>{x.current&&!x.current.contains(L.target)&&c(!1)};return b&&document.addEventListener("mousedown",i),()=>document.removeEventListener("mousedown",i)},[b]);const $="bg-violet-100 text-violet-700 dark:bg-violet-600/20 dark:text-violet-400",P="bg-violet-600 dark:bg-violet-400",p="bg-slate-300 group-hover:bg-violet-400 dark:bg-slate-600 dark:group-hover:bg-slate-500",F=({item:i,depth:L=0})=>{const G=!!i.path,J=E(i.path);return L===0?e.jsx("div",{children:G?e.jsx(me.Link,{to:i.path,onClick:()=>n==null?void 0:n(),children:e.jsxs("div",{className:`
|
|
48
|
+
${U?"shadow-xl shadow-slate-200/50 dark:shadow-slate-950/50":"shadow-sm shadow-slate-100/50 dark:shadow-slate-900/30"}
|
|
49
|
+
`,children:[e.jsx("div",{className:"absolute top-0 right-0 w-96 h-96 rounded-full blur-3xl opacity-20 bg-violet-300 dark:bg-violet-500 -translate-y-1/2 translate-x-1/2 pointer-events-none"}),e.jsx("div",{className:"absolute bottom-0 left-0 w-48 h-48 rounded-full blur-3xl opacity-20 bg-indigo-300 dark:bg-indigo-500 translate-y-1/2 -translate-x-1/2 pointer-events-none"}),e.jsxs("div",{className:"relative z-10 mx-auto px-3 sm:px-5 lg:px-6 py-2 sm:py-0",children:[e.jsxs("div",{className:"flex items-center justify-between h-14 sm:h-20",children:[e.jsxs("div",{className:"flex items-center gap-2 sm:gap-4 group flex-shrink-0",children:[_&&t&&e.jsx("div",{className:"w-8 h-8 sm:w-16 sm:h-16 flex items-center justify-center group-hover:scale-105 transition-transform duration-200",children:e.jsx("img",{src:t,alt:"Institution Logo",className:"h-8 sm:h-14 w-auto object-contain"})}),e.jsxs("div",{className:"flex flex-col leading-tight",children:[e.jsx("span",{className:"font-extrabold text-base sm:text-xl text-slate-900 dark:text-white sm:hidden tracking-tight",children:n||r}),e.jsxs("div",{className:"hidden sm:flex flex-col",children:[e.jsx("span",{className:"font-extrabold text-slate-900 dark:text-white tracking-tight text-lg lg:hidden",children:n||r}),L&&e.jsx("span",{className:"font-extrabold text-slate-900 dark:text-white tracking-tight hidden lg:block text-[17px] xl:text-lg leading-tight max-w-md",children:r}),g&&l&&e.jsx("span",{className:"mt-0.5 text-[10px] font-semibold tracking-[0.2em] text-violet-600 dark:text-violet-400 uppercase",children:l})]})]})]}),S&&w.length>0&&e.jsx("div",{className:"hidden md:flex items-center gap-2",children:w.map(u=>{var K;return u!=null&&u.to?((K=u==null?void 0:u.to)==null?void 0:K.startsWith("http"))?e.jsx("a",{href:u.to,target:u.target||"_self",rel:"noopener noreferrer",className:"relative px-4 lg:px-5 py-2.5 rounded-xl text-sm font-semibold tracking-wide transition-all duration-200 text-slate-600 dark:text-slate-300 hover:text-violet-700 dark:hover:text-violet-400 hover:bg-violet-50/80 dark:hover:bg-slate-700/50",children:u.label},u.to):e.jsxs(q.Link,{to:u.to,target:u.target||"_self",rel:u.target==="_blank"?"noopener noreferrer":void 0,className:`relative px-4 lg:px-5 py-2.5 rounded-xl text-sm font-semibold tracking-wide transition-all duration-200 ${z(u.to)?"text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-600/10 shadow-sm":"text-slate-600 dark:text-slate-300 hover:text-violet-700 dark:hover:text-violet-400 hover:bg-violet-50/80 dark:hover:bg-slate-700/50"}`,children:[u.label,z(u.to)&&e.jsx("span",{className:"absolute bottom-1 left-1/2 -translate-x-1/2 w-4 h-0.5 rounded-full bg-gradient-to-r from-violet-600 to-indigo-600"})]},u.to):null})}),e.jsxs("div",{className:"flex items-center gap-1.5 sm:gap-2",children:[c&&e.jsx("div",{className:"flex items-center",children:c}),j&&e.jsx("button",{onClick:()=>X(!0),className:"p-2 sm:p-2.5 rounded-xl transition-all duration-200 bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border-slate-600/50 hover:scale-105 active:scale-95",title:"Accessibility Settings",children:e.jsx("svg",{className:"w-4 h-4 sm:w-[18px] sm:h-[18px]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"})})}),C&&e.jsx("button",{onClick:s,"aria-label":"Toggle theme",title:R?"Switch to Light Mode":"Switch to Dark Mode",className:"p-2 sm:p-2.5 rounded-xl transition-all duration-200 bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-yellow-400 dark:border-slate-600/50 hover:scale-105 active:scale-95",children:R?e.jsx("svg",{className:"w-4 h-4 sm:w-[18px] sm:h-[18px]",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{fillRule:"evenodd",d:"M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z",clipRule:"evenodd"})}):e.jsx("svg",{className:"w-4 h-4 sm:w-[18px] sm:h-[18px]",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{d:"M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"})})}),E&&e.jsxs("button",{onClick:()=>Y(!0),className:"hidden sm:flex items-center gap-2 px-4 py-2.5 rounded-xl bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border-slate-600/50 hover:scale-105 active:scale-95 transition-all duration-200",children:[e.jsx("svg",{className:"w-[18px] h-[18px]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 2a10 10 0 100 20 10 10 0 000-20zm0 0c2.5 2.5 4 6 4 10s-1.5 7.5-4 10m0-20C9.5 4.5 8 8 8 12s1.5 7.5 4 10m-9-10h18"})}),e.jsx("span",{className:"text-sm font-medium",children:(J=o[W])==null?void 0:J.label})]}),E&&e.jsx("button",{onClick:()=>Y(!0),className:"sm:hidden p-2 rounded-xl bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border-slate-600/50 hover:scale-105 active:scale-95 transition-all duration-200",children:e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 2a10 10 0 100 20 10 10 0 000-20zm0 0c2.5 2.5 4 6 4 10s-1.5 7.5-4 10m0-20C9.5 4.5 8 8 8 12s1.5 7.5 4 10m-9-10h18"})})}),F&&e.jsx(de,{user:{name:i,email:x},onLogout:h,showEmail:!0}),S&&w.length>0&&e.jsx("button",{onClick:()=>V(u=>!u),"aria-label":T?"Close menu":"Open menu",className:"md:hidden p-2 rounded-xl transition-all duration-200 bg-white dark:bg-slate-700/50 border border-slate-200 dark:border-slate-600/50 text-slate-700 dark:text-slate-300 shadow-sm hover:scale-105 active:scale-95",children:T?e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}):e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})})]})]}),S&&T&&w.length>0&&e.jsx("div",{className:"md:hidden border-t border-slate-200 dark:border-slate-700 pb-3 animate-in slide-in-from-top-2 duration-200",children:e.jsx("div",{className:"flex flex-col gap-0.5 pt-2",children:w.map(u=>{var K;return u!=null&&u.to?((K=u==null?void 0:u.to)==null?void 0:K.startsWith("http"))?e.jsx("a",{href:u.to,target:u.target||"_self",rel:"noopener noreferrer",className:"flex items-center justify-between px-3 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200 text-slate-700 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700/50",children:u.label},u.to):e.jsxs(q.Link,{to:u.to,target:u.target||"_self",rel:u.target==="_blank"?"noopener noreferrer":void 0,className:`flex items-center justify-between px-3 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200 ${z(u.to)?"bg-violet-50 dark:bg-violet-600/10 text-violet-700 dark:text-violet-400":"text-slate-700 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700/50"}`,children:[u.label,z(u.to)&&e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-gradient-to-r from-violet-600 to-indigo-600"})]},u.to):null})})})]})]}),A&&e.jsx("div",{className:"overflow-hidden overflow-x-hidden fixed top-0 right-0 left-0 z-50 flex justify-center items-center w-full h-full bg-gray-800 bg-opacity-50",children:e.jsx("div",{className:"relative p-4 w-full max-w-md",children:e.jsxs("div",{className:"relative rounded-2xl shadow-2xl bg-white border border-slate-200 dark:bg-gradient-to-br dark:from-slate-800 dark:to-slate-900 dark:border dark:border-slate-700",children:[e.jsxs("div",{className:"flex items-center justify-between p-5 border-b rounded-t-2xl border-slate-200 dark:border-slate-700 bg-gradient-to-r from-slate-50 to-violet-50/30 dark:bg-gradient-to-r dark:from-slate-800 dark:to-slate-900",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-gradient-to-br from-violet-600 to-indigo-600 flex items-center justify-center",children:e.jsx("svg",{className:"w-5 h-5 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"})})}),e.jsx("h3",{className:"text-lg font-bold text-slate-900 dark:text-white",children:"Accessibility Settings"})]}),e.jsx("button",{onClick:()=>X(!1),className:"p-2 rounded-lg transition-colors text-slate-400 hover:bg-slate-100 hover:text-slate-900 dark:hover:bg-slate-700 dark:hover:text-white",children:e.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),e.jsxs("div",{className:"p-6 space-y-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm font-semibold text-slate-700 dark:text-slate-300",children:"Font Size"}),e.jsxs("span",{className:"text-sm font-medium px-3 py-1 rounded-lg bg-violet-100 text-violet-700 border border-violet-200 dark:bg-violet-600/20 dark:text-violet-400 dark:border dark:border-violet-500/30",children:[y,"px"]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:N,className:"flex-1 py-3 px-4 rounded-xl font-semibold transition-all duration-200 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border dark:border-slate-600",children:"A-"}),e.jsx("button",{onClick:$,className:"flex-1 py-3 px-4 rounded-xl font-semibold transition-all duration-200 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border dark:border-slate-600",children:"A"}),e.jsx("button",{onClick:k,className:"flex-1 py-3 px-4 rounded-xl font-semibold transition-all duration-200 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border dark:border-slate-600",children:"A+"})]})]}),e.jsx("div",{className:"border-t border-slate-200 dark:border-slate-700"}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("label",{className:"text-sm font-semibold text-slate-700 dark:text-slate-300",children:"Grayscale Mode"}),e.jsx("button",{onClick:()=>v(!d),className:`relative inline-flex h-7 w-12 items-center rounded-full transition-colors ${d?"bg-gradient-to-r from-violet-600 to-indigo-600":"bg-slate-300 dark:bg-slate-700"}`,children:e.jsx("span",{className:`inline-block h-5 w-5 transform rounded-full bg-white shadow-lg transition-transform ${d?"translate-x-6":"translate-x-1"}`})})]}),e.jsx("div",{className:"border-t border-slate-200 dark:border-slate-700"}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("label",{className:"text-sm font-semibold text-slate-700 dark:text-slate-300",children:"Dyslexia-Friendly Font"}),e.jsx("button",{onClick:()=>I(!M),className:`relative inline-flex h-7 w-12 items-center rounded-full transition-colors ${M?"bg-gradient-to-r from-violet-600 to-indigo-600":"bg-slate-300 dark:bg-slate-700"}`,children:e.jsx("span",{className:`inline-block h-5 w-5 transform rounded-full bg-white shadow-lg transition-transform ${M?"translate-x-6":"translate-x-1"}`})})]})]}),e.jsx("div",{className:"flex p-5 border-t rounded-b border-slate-200 dark:border-slate-700",children:e.jsx("button",{onClick:()=>X(!1),className:"w-full py-3 px-5 text-sm font-semibold text-white bg-gradient-to-r from-violet-600 to-indigo-600 hover:from-violet-700 hover:to-indigo-700 rounded-xl shadow-lg transition-all duration-200",children:"Close"})})]})})}),G&&e.jsx("div",{className:"overflow-hidden overflow-x-hidden fixed top-0 right-0 left-0 z-50 flex justify-center items-center w-full h-full bg-gray-800 bg-opacity-50",children:e.jsx("div",{className:"relative p-4 w-full max-w-md",children:e.jsxs("div",{className:"relative rounded-2xl shadow-2xl bg-white border border-slate-200 dark:bg-gradient-to-br dark:from-slate-800 dark:to-slate-900 dark:border dark:border-slate-700",children:[e.jsxs("div",{className:"flex items-center justify-between p-5 border-b rounded-t-2xl border-slate-200 dark:border-slate-700 bg-gradient-to-r from-slate-50 to-violet-50/30 dark:bg-gradient-to-r dark:from-slate-800 dark:to-slate-900",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-gradient-to-br from-violet-600 to-indigo-600 flex items-center justify-center",children:e.jsx("svg",{className:"w-[18px] h-[18px] text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 2a10 10 0 100 20 10 10 0 000-20zm0 0c2.5 2.5 4 6 4 10s-1.5 7.5-4 10m0-20C9.5 4.5 8 8 8 12s1.5 7.5 4 10m-9-10h18"})})}),e.jsx("h3",{className:"text-lg font-bold text-slate-900 dark:text-white",children:"Select Language"})]}),e.jsx("button",{onClick:()=>Y(!1),className:"p-2 rounded-lg transition-colors text-slate-400 hover:bg-slate-100 hover:text-slate-900 dark:hover:bg-slate-700 dark:hover:text-white",children:e.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),e.jsx("div",{className:"p-5",children:e.jsx("ul",{className:"space-y-3",children:Object.keys(o).map(u=>e.jsx("li",{children:e.jsx("button",{onClick:()=>a(u),disabled:o[u].disabled,className:`w-full px-5 py-4 rounded-xl text-left font-semibold transition-all duration-200 ${u===W?"bg-gradient-to-r from-violet-600 to-indigo-600 text-white shadow-lg":"bg-slate-50 hover:bg-slate-100 text-slate-700 border border-slate-200 dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border dark:border-slate-600"} ${o[u].disabled?"opacity-50 cursor-not-allowed":"hover:scale-[1.02]"}`,children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{children:o[u].label}),u===W&&e.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})]})})},u))})}),e.jsx("div",{className:"flex p-5 border-t rounded-b border-slate-200 dark:border-slate-700",children:e.jsx("button",{onClick:()=>Y(!1),className:"w-full py-3 px-5 text-sm font-semibold text-white bg-gradient-to-r from-violet-600 to-indigo-600 hover:from-violet-700 hover:to-indigo-700 rounded-xl shadow-lg transition-all duration-200",children:"Close"})})]})})})]})},ie=(t,r)=>{const n={},l=i=>{for(const x of i)if(x.subItems){const m=x.subItems.some(h=>h.path&&r.startsWith(h.path));l(x.subItems),m&&(n[x.name]=!0)}};return l(t),n},ve=({menuItems:t,user:r,onLogout:n,onNavigate:l})=>{const{t:i}=le.useTranslation("pages-product-page"),[x,m]=f.useState(!1),h=f.useRef(null),w=q.useLocation(),[j,F]=f.useState(()=>ie(t,w.pathname)),E=c=>F(D=>({...D,[c]:!D[c]})),C=c=>w.pathname===c;f.useEffect(()=>{F(c=>({...c,...ie(t,w.pathname)}))},[w.pathname,t]),f.useEffect(()=>{const c=D=>{h.current&&!h.current.contains(D.target)&&m(!1)};return x&&document.addEventListener("mousedown",c),()=>document.removeEventListener("mousedown",c)},[x]);const _="bg-violet-100 text-violet-700 dark:bg-violet-600/20 dark:text-violet-400",L="bg-violet-600 dark:bg-violet-400",g="bg-slate-300 group-hover:bg-violet-400 dark:bg-slate-600 dark:group-hover:bg-slate-500",S=({item:c,depth:D=0})=>{const W=!!c.path,B=C(c.path);return D===0?e.jsx("div",{children:W?e.jsx(q.Link,{to:c.path,onClick:()=>l==null?void 0:l(),children:e.jsxs("div",{className:`
|
|
58
50
|
flex items-center gap-2.5
|
|
59
51
|
px-3 py-2 rounded-xl cursor-pointer
|
|
60
52
|
transition-all duration-150 group
|
|
61
|
-
${
|
|
53
|
+
${B?"bg-gradient-to-r from-violet-600 to-indigo-600 text-white shadow-sm shadow-violet-500/20":"text-slate-600 hover:bg-slate-100/80 hover:text-slate-900 dark:text-slate-400 dark:hover:bg-slate-700/50 dark:hover:text-white"}
|
|
62
54
|
`,children:[e.jsx("div",{className:`
|
|
63
55
|
w-6 h-6 rounded-lg flex items-center justify-center flex-shrink-0
|
|
64
|
-
${
|
|
65
|
-
`,children:e.jsx(
|
|
56
|
+
${B?"bg-white/20":"bg-slate-100 group-hover:bg-slate-200 dark:bg-slate-700/60 dark:group-hover:bg-slate-700"}
|
|
57
|
+
`,children:e.jsx(c.icon,{className:`w-3.5 h-3.5 ${B?"text-white":"text-slate-500 dark:text-slate-400"}`})}),e.jsx("span",{className:"text-sm font-medium leading-none",children:i(c.name)})]})}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{onClick:()=>E(c.name),className:`
|
|
66
58
|
flex items-center justify-between
|
|
67
59
|
px-3 py-2 rounded-xl cursor-pointer
|
|
68
60
|
transition-all duration-150 group
|
|
69
|
-
${
|
|
61
|
+
${j[c.name]?"bg-slate-100/80 text-slate-900 dark:bg-slate-700/40 dark:text-white":"text-slate-600 hover:bg-slate-100/80 hover:text-slate-900 dark:text-slate-400 dark:hover:bg-slate-700/50 dark:hover:text-white"}
|
|
70
62
|
`,children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("div",{className:`
|
|
71
63
|
w-6 h-6 rounded-lg flex items-center justify-center flex-shrink-0
|
|
72
|
-
${
|
|
73
|
-
`,children:e.jsx(
|
|
64
|
+
${j[c.name]?"bg-violet-100 dark:bg-violet-600/20":"bg-slate-100 group-hover:bg-slate-200 dark:bg-slate-700/60 dark:group-hover:bg-slate-700"}
|
|
65
|
+
`,children:e.jsx(c.icon,{className:`w-3.5 h-3.5 ${j[c.name]?"text-violet-600 dark:text-violet-400":"text-slate-500 dark:text-slate-400"}`})}),e.jsx("span",{className:"text-sm font-semibold leading-none",children:i(c.name)})]}),e.jsx("svg",{className:`w-3 h-3 flex-shrink-0 transition-transform duration-200
|
|
74
66
|
text-slate-400 dark:text-slate-500
|
|
75
|
-
${
|
|
67
|
+
${j[c.name]?"rotate-90":""}`,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]}),c.subItems&&j[c.name]&&e.jsx("div",{className:"mt-0.5 ml-3.5 pl-3 space-y-0.5 border-l border-slate-200/70 dark:border-slate-700/70",children:c.subItems.map(A=>e.jsx(S,{item:A,depth:1},A.name))})]})}):e.jsx("div",{children:W?e.jsx(q.Link,{to:c.path,onClick:()=>l==null?void 0:l(),children:e.jsxs("div",{className:`
|
|
76
68
|
flex items-center gap-2
|
|
77
69
|
px-2.5 py-1.5 rounded-lg cursor-pointer
|
|
78
70
|
transition-all duration-150 group
|
|
79
|
-
${
|
|
71
|
+
${B?_:"text-slate-500 hover:bg-slate-100/70 hover:text-slate-700 dark:text-slate-400 dark:hover:bg-slate-700/30 dark:hover:text-slate-300"}
|
|
80
72
|
`,children:[e.jsx("div",{className:`w-1.5 h-1.5 rounded-full flex-shrink-0 transition-all duration-200
|
|
81
|
-
${
|
|
73
|
+
${B?L:g}`}),e.jsx("span",{className:"text-[13px] font-medium",children:i(c.name)})]})}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{onClick:()=>E(c.name),className:`
|
|
82
74
|
flex items-center justify-between
|
|
83
75
|
px-2.5 py-1.5 rounded-lg cursor-pointer
|
|
84
76
|
transition-all duration-150 group
|
|
85
|
-
${
|
|
77
|
+
${j[c.name]?"bg-slate-100/70 text-slate-700 dark:bg-slate-700/30 dark:text-slate-300":"text-slate-500 hover:bg-slate-100/70 hover:text-slate-700 dark:text-slate-400 dark:hover:bg-slate-700/30 dark:hover:text-slate-300"}
|
|
86
78
|
`,children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:`w-1.5 h-1.5 rounded-full flex-shrink-0 transition-all duration-200
|
|
87
|
-
${
|
|
79
|
+
${j[c.name]?L:g}`}),e.jsx("span",{className:"text-[13px] font-medium",children:i(c.name)})]}),e.jsx("svg",{className:`w-3 h-3 flex-shrink-0 transition-transform duration-200
|
|
88
80
|
text-slate-400 dark:text-slate-500
|
|
89
|
-
${
|
|
81
|
+
${j[c.name]?"rotate-90":""}`,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]}),c.subItems&&j[c.name]&&e.jsx("div",{className:"mt-0.5 ml-3 pl-2.5 space-y-0.5 border-l border-slate-200/70 dark:border-slate-700/70",children:c.subItems.map(A=>e.jsx(S,{item:A,depth:D+1},A.name))})]})})};return e.jsxs("div",{className:"h-full w-full flex pl-2.5 sm:pl-3.5 max-sm:pr-2.5 sm:max-sm:pr-3.5",children:[e.jsxs("div",{className:`
|
|
90
82
|
rounded-2xl overflow-hidden border w-full
|
|
91
83
|
transition-all duration-300 relative
|
|
92
84
|
bg-gradient-to-br from-white via-violet-50/20 to-white
|
|
@@ -100,36 +92,36 @@ React keys must be passed directly to JSX without using spread:
|
|
|
100
92
|
dark:from-slate-700/50 dark:to-slate-800/60 dark:border-slate-600/50`,children:[e.jsx("div",{className:`w-7 h-7 rounded-lg flex-shrink-0
|
|
101
93
|
bg-gradient-to-br from-violet-600 to-indigo-600
|
|
102
94
|
flex items-center justify-center
|
|
103
|
-
shadow-sm shadow-violet-500/20`,children:e.jsx("svg",{className:"w-3.5 h-3.5 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-bold text-slate-900 dark:text-white leading-tight",children:"Navigation"}),e.jsxs("p",{className:"text-[11px] text-slate-500 dark:text-slate-400 leading-none mt-0.5",children:[
|
|
95
|
+
shadow-sm shadow-violet-500/20`,children:e.jsx("svg",{className:"w-3.5 h-3.5 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-bold text-slate-900 dark:text-white leading-tight",children:"Navigation"}),e.jsxs("p",{className:"text-[11px] text-slate-500 dark:text-slate-400 leading-none mt-0.5",children:[t.length," items"]})]})]})}),e.jsx("nav",{className:"flex-1 overflow-y-auto space-y-0.5 custom-scrollbar","aria-label":"Main navigation",children:t.map(c=>e.jsx(S,{item:c,depth:0},c.name))}),r&&e.jsxs("div",{ref:h,className:"flex-shrink-0 mt-2.5 sm:mt-3.5 pt-2.5 sm:pt-3.5 border-t border-slate-200/80 dark:border-slate-700/80",children:[x&&n&&e.jsx("div",{className:`
|
|
104
96
|
mb-1.5 rounded-xl overflow-hidden
|
|
105
97
|
bg-white dark:bg-slate-800
|
|
106
98
|
border border-red-100 dark:border-red-500/20
|
|
107
99
|
shadow-sm
|
|
108
100
|
animate-in slide-in-from-bottom-1 duration-150
|
|
109
|
-
`,children:e.jsxs("button",{onClick:()=>{
|
|
101
|
+
`,children:e.jsxs("button",{onClick:()=>{n(),m(!1)},className:`
|
|
110
102
|
w-full flex items-center gap-2.5 px-3 py-2.5
|
|
111
103
|
text-[13px] font-medium text-red-500
|
|
112
104
|
hover:bg-red-50 dark:hover:bg-red-500/10
|
|
113
105
|
transition-colors duration-150
|
|
114
|
-
`,children:[e.jsx(
|
|
106
|
+
`,children:[e.jsx(p.LogOut,{className:"w-3.5 h-3.5 flex-shrink-0"}),"Sign out"]})}),e.jsxs("button",{onClick:()=>m(c=>!c),className:`
|
|
115
107
|
w-full flex items-center gap-2.5
|
|
116
108
|
px-2.5 py-2 rounded-xl border
|
|
117
109
|
transition-all duration-150
|
|
118
|
-
${
|
|
110
|
+
${x?"bg-violet-50 border-violet-200/60 dark:bg-violet-900/20 dark:border-violet-700/40":"bg-slate-50/60 border-slate-200/50 hover:bg-violet-50 hover:border-violet-200/60 dark:bg-slate-800/40 dark:border-slate-700/50 dark:hover:bg-violet-900/20 dark:hover:border-violet-700/40"}
|
|
119
111
|
`,children:[e.jsx("div",{className:`
|
|
120
112
|
w-7 h-7 rounded-lg flex-shrink-0
|
|
121
113
|
bg-gradient-to-br from-violet-600 to-indigo-600
|
|
122
114
|
flex items-center justify-center shadow-sm shadow-violet-500/20
|
|
123
|
-
`,children:e.jsx(
|
|
115
|
+
`,children:e.jsx(p.User,{className:"w-3.5 h-3.5 text-white"})}),e.jsxs("div",{className:"flex-1 text-left min-w-0",children:[e.jsx("p",{className:"text-[13px] font-semibold text-slate-900 dark:text-white truncate leading-none",children:r.username}),e.jsx("p",{className:"text-[11px] text-slate-400 dark:text-slate-500 truncate mt-0.5 leading-none",children:r.email})]}),e.jsx(p.ChevronDown,{className:`
|
|
124
116
|
w-3 h-3 flex-shrink-0 text-slate-400 dark:text-slate-500
|
|
125
117
|
transition-transform duration-200
|
|
126
|
-
${
|
|
118
|
+
${x?"rotate-180":""}
|
|
127
119
|
`})]})]})]})]}),e.jsx("style",{children:`
|
|
128
120
|
.custom-scrollbar::-webkit-scrollbar { width: 3px; }
|
|
129
121
|
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
|
|
130
122
|
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgb(203 213 225 / 0.6); border-radius: 999px; }
|
|
131
123
|
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgb(148 163 184); }
|
|
132
|
-
`})]})},
|
|
124
|
+
`})]})},fe=({icon:t,title:r,subtitle:n,badge:l,actions:i,searchBar:x,onIconClick:m,iconTitle:h})=>e.jsxs("div",{className:`
|
|
133
125
|
flex-shrink-0 relative overflow-hidden
|
|
134
126
|
rounded-xl sm:rounded-2xl border
|
|
135
127
|
transition-all duration-300
|
|
@@ -141,21 +133,21 @@ React keys must be passed directly to JSX without using spread:
|
|
|
141
133
|
bg-violet-300 dark:bg-violet-500
|
|
142
134
|
-translate-y-1/2 translate-x-1/2 pointer-events-none`}),e.jsx("div",{className:`absolute bottom-0 left-0 w-48 h-48 rounded-full blur-3xl opacity-20
|
|
143
135
|
bg-indigo-300 dark:bg-indigo-500
|
|
144
|
-
translate-y-1/2 -translate-x-1/2 pointer-events-none`}),e.jsxs("div",{className:"relative z-10 px-4 py-3 sm:px-5 sm:py-3.5",children:[e.jsxs("div",{className:"flex items-center gap-3 min-w-0",children:[
|
|
136
|
+
translate-y-1/2 -translate-x-1/2 pointer-events-none`}),e.jsxs("div",{className:"relative z-10 px-4 py-3 sm:px-5 sm:py-3.5",children:[e.jsxs("div",{className:"flex items-center gap-3 min-w-0",children:[t&&e.jsx("div",{className:`
|
|
145
137
|
flex-shrink-0 w-9 h-9 sm:w-10 sm:h-10
|
|
146
138
|
rounded-xl bg-gradient-to-br from-violet-600 to-indigo-600
|
|
147
139
|
flex items-center justify-center
|
|
148
140
|
shadow-md shadow-violet-200/40 dark:shadow-violet-900/30
|
|
149
141
|
transition-all duration-200
|
|
150
|
-
${
|
|
151
|
-
`,onClick:
|
|
152
|
-
text-slate-900 dark:text-white leading-tight truncate`,children:
|
|
142
|
+
${m?"cursor-pointer hover:scale-110 hover:shadow-lg active:scale-95":"hover:scale-105"}
|
|
143
|
+
`,onClick:m,title:h,role:m?"button":void 0,tabIndex:m?0:void 0,onKeyDown:m?w=>{(w.key==="Enter"||w.key===" ")&&(w.preventDefault(),m())}:void 0,children:e.jsx(t,{className:"w-[18px] h-[18px] sm:w-5 sm:h-5 text-white"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx("h2",{className:`text-base sm:text-lg font-bold tracking-tight
|
|
144
|
+
text-slate-900 dark:text-white leading-tight truncate`,children:r}),l&&e.jsx("span",{className:`
|
|
153
145
|
inline-flex items-center px-2 py-0.5 rounded-full
|
|
154
146
|
text-[11px] font-semibold tracking-wide
|
|
155
147
|
bg-violet-100 text-violet-700
|
|
156
148
|
border border-violet-200/50
|
|
157
149
|
dark:bg-violet-600/50 dark:text-violet-400 dark:border-violet-500/30
|
|
158
|
-
`,children:
|
|
150
|
+
`,children:l})]}),n&&e.jsx("p",{className:"mt-0.5 text-xs text-slate-500 dark:text-slate-400 leading-snug truncate",children:n})]}),i&&e.jsx("div",{className:`
|
|
159
151
|
flex-shrink-0
|
|
160
152
|
flex items-center gap-1.5
|
|
161
153
|
overflow-x-auto sm:overflow-x-visible
|
|
@@ -165,25 +157,25 @@ React keys must be passed directly to JSX without using spread:
|
|
|
165
157
|
sm:max-w-none
|
|
166
158
|
sm:flex-wrap
|
|
167
159
|
[&::-webkit-scrollbar]:hidden
|
|
168
|
-
`,children:
|
|
160
|
+
`,children:i})]}),x&&e.jsx("div",{className:"mt-3 pt-3 border-t border-slate-200/40 dark:border-slate-700/50",children:x})]})]}),pe=({icon:t,onClick:r,title:n,variant:l="secondary",size:i="md"})=>{const x={secondary:`bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm
|
|
169
161
|
dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border-slate-600/50`,danger:`bg-white hover:bg-red-50 text-slate-500 hover:text-red-600 border border-slate-200 shadow-sm
|
|
170
162
|
dark:bg-slate-700/50 dark:hover:bg-red-900/20 dark:text-slate-400 dark:hover:text-red-400 dark:border-slate-600/50`,primary:`bg-violet-100 hover:bg-violet-200 text-violet-700 border border-violet-200 shadow-sm
|
|
171
|
-
dark:bg-violet-600/20 dark:hover:bg-violet-600/30 dark:text-violet-400 dark:border-violet-500/30`},
|
|
163
|
+
dark:bg-violet-600/20 dark:hover:bg-violet-600/30 dark:text-violet-400 dark:border-violet-500/30`},m={sm:"p-1.5",md:"p-2 sm:p-2.5"},h={sm:"w-3.5 h-3.5",md:"w-4 h-4 sm:w-[18px] sm:h-[18px]"};return e.jsx("button",{onClick:r,title:n,"aria-label":n,className:`
|
|
172
164
|
rounded-xl transition-all duration-200
|
|
173
|
-
${
|
|
174
|
-
${
|
|
165
|
+
${m[i]}
|
|
166
|
+
${x[l]??x.secondary}
|
|
175
167
|
hover:scale-105 active:scale-95
|
|
176
|
-
`,children:e.jsx(
|
|
168
|
+
`,children:e.jsx(t,{className:h[i]})})},ke=({children:t,icon:r,iconPosition:n="left",disabled:l=!1,onClick:i,variant:x="primary",loading:m=!1,size:h="md",className:w="",...j})=>{const F={sm:"px-3 py-1.5 text-xs rounded-lg gap-1.5",md:"px-4 py-2 sm:px-5 sm:py-2.5 text-sm rounded-xl gap-2",lg:"px-5 py-2.5 sm:px-6 sm:py-3 text-sm sm:text-base rounded-xl gap-2"},E={sm:"w-3.5 h-3.5",md:"w-4 h-4",lg:"w-4 h-4 sm:w-5 sm:h-5"},C={primary:l||m?"bg-violet-300 text-white cursor-not-allowed opacity-60 dark:bg-violet-800/50":"bg-gradient-to-r from-violet-600 to-indigo-600 text-white hover:from-violet-700 hover:to-indigo-700 shadow-md hover:shadow-lg hover:scale-105 active:scale-95",secondary:l||m?"bg-gray-200 text-gray-400 cursor-not-allowed opacity-60 dark:bg-gray-700 dark:text-gray-500":"bg-white text-slate-700 border border-slate-200 hover:bg-slate-50 dark:bg-slate-700/50 dark:text-slate-300 dark:border-slate-600 dark:hover:bg-slate-700 shadow-sm hover:shadow-md hover:scale-105 active:scale-95",danger:l||m?"bg-red-300 text-white cursor-not-allowed opacity-60 dark:bg-red-800/50":"bg-red-600 text-white hover:bg-red-700 shadow-md hover:shadow-lg hover:scale-105 active:scale-95"};return e.jsxs("button",{disabled:l||m,onClick:l||m?void 0:i,className:`
|
|
177
169
|
inline-flex items-center justify-center font-semibold whitespace-nowrap
|
|
178
170
|
transition-all duration-200
|
|
179
|
-
${
|
|
180
|
-
${
|
|
181
|
-
${
|
|
182
|
-
`,...
|
|
183
|
-
border-2 border-white/30 border-t-white`}),e.jsx("span",{children:
|
|
171
|
+
${F[h]}
|
|
172
|
+
${C[x]}
|
|
173
|
+
${w}
|
|
174
|
+
`,...j,children:[r&&n==="left"&&!m&&e.jsx(r,{className:`${E[h]} flex-shrink-0`}),m&&e.jsx("span",{className:`${E[h]} flex-shrink-0 animate-spin rounded-full
|
|
175
|
+
border-2 border-white/30 border-t-white`}),e.jsx("span",{children:m?"Loading...":t}),r&&n==="right"&&!m&&e.jsx(r,{className:`${E[h]} flex-shrink-0`})]})},we=({value:t,onChange:r,placeholder:n="Search...",onClear:l})=>e.jsxs("div",{className:"relative",children:[e.jsx("svg",{className:"absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400 dark:text-slate-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})}),e.jsx("input",{type:"text",placeholder:n,value:t,onChange:r,className:"w-full pl-12 pr-4 py-3 rounded-xl border transition-all duration-200 bg-white border-slate-200 text-slate-900 placeholder-slate-400 focus:border-violet-400 focus:bg-slate-50 dark:bg-slate-800/50 dark:border-slate-700 dark:text-white dark:placeholder-slate-500 dark:focus:border-violet-500 dark:focus:bg-slate-800 focus:outline-none focus:ring-2 focus:ring-violet-500/20"}),t&&l&&e.jsx("button",{onClick:l,className:"absolute right-4 top-1/2 -translate-y-1/2 p-1 rounded-lg transition-colors text-slate-400 hover:text-slate-600 hover:bg-slate-100 dark:text-slate-500 dark:hover:text-slate-300 dark:hover:bg-slate-700",children:e.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),je=({columns:t,data:r,onSort:n,sortConfig:l,emptyMessage:i="No data found",emptyDescription:x="Try adjusting your filters or add new data",emptyIcon:m})=>r.length===0?e.jsx("div",{className:"h-full rounded-2xl border bg-white border-slate-200/50 dark:bg-slate-800/50 dark:border-slate-700/50 flex items-center justify-center",children:e.jsxs("div",{className:"text-center py-12 px-6",children:[e.jsx("div",{className:"w-16 h-16 rounded-full bg-slate-100 dark:bg-slate-700 flex items-center justify-center mx-auto mb-4",children:m?e.jsx(m,{className:"w-8 h-8 text-slate-400 dark:text-slate-500"}):e.jsx("svg",{className:"w-8 h-8 text-slate-400 dark:text-slate-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"})})}),e.jsx("h3",{className:"text-lg font-semibold text-slate-900 dark:text-slate-300 mb-2",children:i}),e.jsx("p",{className:"text-sm text-slate-600 dark:text-slate-400",children:x})]})}):e.jsx("div",{className:"h-full rounded-2xl border bg-white border-slate-200/50 dark:bg-slate-800/50 dark:border-slate-700/50 flex flex-col overflow-hidden",children:e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{className:"bg-slate-50 dark:bg-slate-800/50 sticky top-0 ",children:e.jsx("tr",{children:t.map(h=>e.jsx("th",{onClick:()=>h.sortable&&n&&n(h.key),className:`
|
|
184
176
|
px-6 py-4 text-left text-xs font-semibold text-slate-700 dark:text-slate-300 uppercase tracking-wider
|
|
185
|
-
${
|
|
186
|
-
`,children:e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("span",{children:
|
|
177
|
+
${h.sortable?"cursor-pointer select-none hover:bg-slate-100 dark:hover:bg-slate-700/50":""}
|
|
178
|
+
`,children:e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("span",{children:h.label}),h.sortable&&(l==null?void 0:l.key)===h.key&&e.jsx("span",{className:"text-violet-600 dark:text-violet-400",children:l.direction==="asc"?"↑":"↓"})]})},h.key))})}),e.jsx("tbody",{className:"divide-y divide-slate-200 dark:divide-slate-700",children:r.map((h,w)=>e.jsx("tr",{className:"hover:bg-slate-50 dark:hover:bg-slate-800/30 transition-colors",children:t.map(j=>e.jsx("td",{className:"px-6 py-4 whitespace-nowrap text-sm",children:j.render?j.render(h):h[j.key]},j.key))},h.id||w))})]})})}),Ne=({icon:t,onClick:r,children:n,variant:l="primary",disabled:i=!1,title:x="",size:m="md"})=>{const h={primary:"bg-violet-100 text-violet-700 hover:bg-violet-200 border border-violet-200 dark:bg-violet-600/20 dark:text-violet-400 dark:hover:bg-violet-600/30 dark:border dark:border-violet-500/30",amber:"bg-amber-50 text-amber-700 border border-amber-200 hover:bg-amber-100 dark:bg-amber-900/20 dark:text-amber-300 dark:border-amber-700/40",emerald:"bg-emerald-50 text-emerald-700 border border-emerald-200 hover:bg-emerald-100 dark:bg-emerald-900/20 dark:text-emerald-300 dark:border-emerald-700/40",red:"bg-red-50 text-red-700 border border-red-200 hover:bg-red-100 dark:bg-red-900/20 dark:text-red-300 dark:border-red-700/40",teal:"bg-teal-50 text-teal-700 border border-teal-200 hover:bg-teal-100 dark:bg-teal-900/20 dark:text-teal-300 dark:border-teal-700/40",blue:"bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100 dark:bg-blue-900/20 dark:text-blue-300 dark:border-blue-700/40",indigo:"bg-indigo-50 text-indigo-700 border border-indigo-200 hover:bg-indigo-100 dark:bg-indigo-900/20 dark:text-indigo-300 dark:border-indigo-700/40",pink:"bg-pink-50 text-pink-700 border border-pink-200 hover:bg-pink-100 dark:bg-pink-900/20 dark:text-pink-300 dark:border-pink-700/40",cyan:"bg-cyan-50 text-cyan-700 border border-cyan-200 hover:bg-cyan-100 dark:bg-cyan-900/20 dark:text-cyan-300 dark:border-cyan-700/40",orange:"bg-orange-50 text-orange-700 border border-orange-200 hover:bg-orange-100 dark:bg-orange-900/20 dark:text-orange-300 dark:border-orange-700/40",dark:"bg-slate-800 text-slate-100 border border-slate-700 hover:bg-slate-700 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600 dark:border-slate-600",ghost:"bg-transparent text-slate-600 border border-dashed border-slate-300 hover:bg-slate-50 dark:text-slate-400 dark:border-slate-600 dark:hover:bg-slate-800/50",rainbow:"action-btn-rainbow",disabled:"bg-slate-100/50 text-slate-400 border border-slate-200/50 cursor-not-allowed dark:bg-slate-800/30 dark:text-slate-500 dark:border-slate-700/50"},w={sm:"px-2.5 py-1.5 text-xs gap-1",md:"px-3 py-1.5 sm:px-3.5 sm:py-2 text-sm gap-1.5"},j=i?h.disabled:h[l]??h.primary;return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:`
|
|
187
179
|
@property --beam-angle {
|
|
188
180
|
syntax: '<angle>';
|
|
189
181
|
initial-value: 0deg;
|
|
@@ -265,135 +257,135 @@ React keys must be passed directly to JSX without using spread:
|
|
|
265
257
|
color: #fff;
|
|
266
258
|
border-color: #7c3aed;
|
|
267
259
|
}
|
|
268
|
-
`}),e.jsxs("button",{onClick:
|
|
260
|
+
`}),e.jsxs("button",{onClick:i?void 0:r,type:"button",title:x,disabled:i,className:`
|
|
269
261
|
inline-flex items-center justify-center relative
|
|
270
|
-
${
|
|
262
|
+
${w[m]}
|
|
271
263
|
rounded-xl font-semibold whitespace-nowrap
|
|
272
264
|
transition-all duration-200
|
|
273
|
-
${
|
|
274
|
-
${
|
|
275
|
-
`,children:[
|
|
265
|
+
${j}
|
|
266
|
+
${i?"opacity-60":"active:scale-95"}
|
|
267
|
+
`,children:[t&&e.jsx(t,{className:"w-3.5 h-3.5 flex-shrink-0"}),n&&e.jsx("span",{children:n})]})]})},ye=({isOpen:t,onClose:r,title:n,subtitle:l,icon:i,children:x,size:m="md",fullscreen:h=!1,hideHeader:w=!1})=>{if(f.useEffect(()=>{const E=C=>{C.key==="Escape"&&r()};return t&&(document.addEventListener("keydown",E),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",E),document.body.style.overflow="unset"}},[t,r]),!t)return null;const j={sm:"max-w-md",md:"max-w-2xl",lg:"max-w-4xl",xl:"max-w-6xl"},F=e.jsx("div",{className:`flex-shrink-0 px-4 py-3 sm:px-5 sm:py-4
|
|
276
268
|
bg-gradient-to-r from-violet-50 via-indigo-50 to-violet-50
|
|
277
269
|
dark:from-slate-700/50 dark:via-slate-800/50 dark:to-slate-700/50
|
|
278
|
-
border-b border-slate-200 dark:border-slate-700`,children:e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2.5 sm:gap-3 min-w-0",children:[
|
|
270
|
+
border-b border-slate-200 dark:border-slate-700`,children:e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2.5 sm:gap-3 min-w-0",children:[i&&e.jsx("div",{className:`flex-shrink-0 w-9 h-9 sm:w-10 sm:h-10 rounded-xl
|
|
279
271
|
flex items-center justify-center
|
|
280
|
-
bg-gradient-to-br from-violet-600 to-indigo-600 shadow-lg`,children:e.jsx(
|
|
272
|
+
bg-gradient-to-br from-violet-600 to-indigo-600 shadow-lg`,children:e.jsx(i,{className:"w-[18px] h-[18px] sm:w-5 sm:h-5 text-white"})}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("h3",{className:"text-sm sm:text-base font-bold text-slate-900 dark:text-white truncate",children:n}),l&&e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-400 mt-0.5 truncate",children:l})]})]}),e.jsx("button",{onClick:r,className:`flex-shrink-0 p-1.5 rounded-lg border transition-all duration-200
|
|
281
273
|
text-slate-400
|
|
282
274
|
hover:bg-slate-100 hover:text-slate-900
|
|
283
275
|
border-slate-200 hover:border-slate-300
|
|
284
276
|
dark:border-slate-600 dark:hover:bg-slate-700
|
|
285
277
|
dark:hover:text-white dark:hover:border-slate-500
|
|
286
|
-
hover:scale-105 active:scale-95`,"aria-label":"Close modal",children:e.jsx(
|
|
278
|
+
hover:scale-105 active:scale-95`,"aria-label":"Close modal",children:e.jsx(p.X,{className:"w-4 h-4"})})]})});return h?se.createPortal(e.jsxs("div",{className:"fixed inset-0 z-[11000] flex flex-col animate-in fade-in duration-200 bg-white dark:bg-slate-800",children:[!w&&F,e.jsx("div",{className:"flex-1 min-h-0 overflow-hidden",children:x})]}),document.body):se.createPortal(e.jsxs("div",{className:"fixed inset-0 z-[11000] overflow-y-auto flex min-h-full items-center justify-center animate-in fade-in duration-200",children:[e.jsx("div",{className:"fixed inset-0 bg-slate-900/50 backdrop-blur-sm",onClick:r}),e.jsx("div",{className:`relative z-[11001] w-full ${j[m]} animate-in zoom-in-95 duration-200 my-auto`,children:e.jsxs("div",{className:`
|
|
287
279
|
rounded-xl sm:rounded-2xl border overflow-hidden
|
|
288
280
|
bg-white border-slate-200/50 shadow-2xl ml-2 mr-2
|
|
289
281
|
dark:bg-slate-800 dark:border-slate-700/50
|
|
290
282
|
flex flex-col max-h-[70dvh] sm:max-h-[80dvh]
|
|
291
|
-
`,children:[!
|
|
283
|
+
`,children:[!w&&F,e.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto",children:x})]})})]}),document.body)},ce=({checked:t=!1,onChange:r,disabled:n=!1,label:l,name:i,helpText:x})=>{const m=()=>{n||r(i,!t)};return e.jsxs("div",{className:"space-y-1.5",children:[l&&e.jsx("span",{className:"block text-sm font-semibold text-slate-700 dark:text-slate-300",children:l}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{type:"button",role:"switch","aria-checked":t,onClick:m,disabled:n,className:`
|
|
292
284
|
relative inline-flex h-6 w-11 flex-shrink-0 items-center rounded-full
|
|
293
285
|
transition-all duration-200
|
|
294
|
-
${
|
|
295
|
-
${
|
|
286
|
+
${t?"bg-gradient-to-r from-violet-600 to-indigo-600 shadow-md shadow-violet-200 dark:shadow-violet-900/30":"bg-slate-300 dark:bg-slate-600"}
|
|
287
|
+
${n?"opacity-50 cursor-not-allowed":"cursor-pointer hover:scale-105 active:scale-95"}
|
|
296
288
|
focus:outline-none focus-visible:ring-2 focus-visible:ring-violet-500/30 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-800
|
|
297
289
|
`,children:e.jsx("span",{className:`
|
|
298
290
|
inline-block h-4 w-4 transform rounded-full bg-white shadow-md
|
|
299
291
|
transition-transform duration-200
|
|
300
|
-
${
|
|
301
|
-
`})}),e.jsx("span",{className:`text-sm font-medium ${
|
|
292
|
+
${t?"translate-x-6":"translate-x-1"}
|
|
293
|
+
`})}),e.jsx("span",{className:`text-sm font-medium ${t?"text-violet-700 dark:text-violet-400":"text-slate-500 dark:text-slate-400"}`,children:t?"Yes":"No"})]}),x&&e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-400 leading-snug",children:x})]})},re=({field:t,value:r,onChange:n,error:l,index:i,mode:x="create"})=>{var R;const[m,h]=f.useState(""),[w,j]=f.useState(!1),[F,E]=f.useState(!1),[C,_]=f.useState(null),[L,g]=f.useState(""),[S,c]=f.useState(!1),D=b=>{const T=b.target.value;n(t.name,T)},W=b=>{n(t.name,b),j(!1),h("")},B=()=>{j(!1),h(""),c(!1),_(null)},A=()=>{m.trim()&&(n(t.name,m.trim()),E(!0),j(!1),h(""))},X=(b,T)=>{T.preventDefault(),T.stopPropagation(),_(b),g(b.label),c(!0)},G=async b=>{b.preventDefault(),b.stopPropagation(),L.trim()&&C&&t.onEditRank&&await t.onEditRank(C.value,L.trim())&&(r===C.value&&n(t.name,C.value),c(!1),_(null),g(""))},Y=b=>{b.preventDefault(),b.stopPropagation(),c(!1),_(null),g("")},y=(()=>{if(!m)return t.options||[];const b=Array.isArray(t.options)?t.options:[];if(t.fuzzySearch&&typeof t.findFuzzyMatches=="function")try{return t.findFuzzyMatches(m,b,t.fuzzyThreshold||.5)}catch(T){return console.error("Fuzzy search error:",T),b.filter(V=>{var U;return(U=V.label)==null?void 0:U.toLowerCase().includes(m.toLowerCase())})}return b.filter(T=>{var V;return(V=T.label)==null?void 0:V.toLowerCase().includes(m.toLowerCase())})||[]})(),H=m.trim()&&t.fuzzySearch&&t.options&&typeof t.checkForDuplicateDesignation=="function"?t.checkForDuplicateDesignation(m,t.options,.8):null,d=H&&H.similarityScore===1,v=t.type==="select-or-custom"&&r&&!((R=t.options)!=null&&R.some(b=>b.value===r)),M=()=>{var T;if(!r)return t.placeholder;if(t.type==="select-or-custom"&&v)return r;const b=(T=t.options)==null?void 0:T.find(V=>V.value===r);return b?b.label:t.placeholder},I=()=>{var U,Q;const b=t.icon,T=`
|
|
302
294
|
w-full px-3.5 py-2.5 rounded-xl border transition-all duration-200
|
|
303
295
|
bg-white dark:bg-slate-800 text-sm text-slate-900 dark:text-white
|
|
304
296
|
focus:outline-none focus:ring-2 focus:ring-violet-500/20 placeholder-slate-400
|
|
305
|
-
`,
|
|
297
|
+
`,V=l?"border-red-300 dark:border-red-700 focus:border-red-500 focus:ring-red-500":"border-slate-300 dark:border-slate-600 focus:border-violet-500 focus:ring-violet-500";switch(t.type){case"select-or-custom":return F||v?e.jsxs("div",{className:"relative",children:[b&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none",children:e.jsx(b,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsx("input",{type:"text",value:r,onChange:s=>n(t.name,s.target.value),placeholder:t.customPlaceholder||"Enter custom value",disabled:t.disabled,className:`${T} ${V} ${b?"pl-9 sm:pl-12":""} pr-32 disabled:opacity-50 disabled:cursor-not-allowed`}),e.jsx("button",{type:"button",onClick:s=>{s.preventDefault(),s.stopPropagation(),E(!1),n(t.name,"")},className:"absolute right-3 top-1/2 -translate-y-1/2 px-3 py-1.5 text-xs font-semibold text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white transition-colors rounded-lg hover:bg-slate-100 dark:hover:bg-slate-700",children:"Select Existing"})]}):e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",onClick:s=>{s.preventDefault(),s.stopPropagation(),t.disabled||j(!0)},disabled:t.disabled,className:` relative ${T} ${V} ${b?"pl-12":""} pr-4 text-left flex items-center justify-between disabled:opacity-50 disabled:cursor-not-allowed hover:border-violet-400 dark:hover:border-violet-500`,children:[b&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none",children:e.jsx(b,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsx("span",{className:`${r?"":"text-slate-400"} truncate pr-2`,title:M(),children:M()}),e.jsx(p.ChevronDown,{className:"w-5 h-5 text-slate-400 "})]}),w&&e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-3 sm:p-4 bg-slate-900/50 backdrop-blur-sm animate-in fade-in duration-200",onMouseDown:s=>{s.target===s.currentTarget&&(s.preventDefault(),s.stopPropagation(),B())},children:e.jsx("div",{className:"relative w-full max-w-md animate-in zoom-in-95 duration-200",onMouseDown:s=>s.stopPropagation(),children:e.jsxs("div",{className:"rounded-2xl border overflow-hidden bg-white border-slate-200/50 shadow-2xl max-h-[70vh] sm:max-h-[80vh] dark:bg-slate-800 dark:border-slate-700/50 flex flex-col",children:[e.jsx("div",{className:`flex-shrink-0 px-4 py-3 sm:px-5 sm:py-4
|
|
306
298
|
bg-gradient-to-r from-violet-50 via-indigo-50 to-violet-50
|
|
307
299
|
dark:from-slate-700/50 dark:via-slate-800/50 dark:to-slate-700/50
|
|
308
|
-
border-b border-slate-200 dark:border-slate-700 rounded-t-2xl`,children:e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("h3",{className:"text-sm sm:text-base font-bold text-slate-900 dark:text-white truncate",children:
|
|
300
|
+
border-b border-slate-200 dark:border-slate-700 rounded-t-2xl`,children:e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("h3",{className:"text-sm sm:text-base font-bold text-slate-900 dark:text-white truncate",children:S?"Edit Rank Designation":t.modalTitle||t.label}),e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-400 mt-0.5 truncate",children:S?`Editing: ${C==null?void 0:C.label}`:t.modalSubtitle||"Search existing or create new"})]}),e.jsx("button",{type:"button",onClick:s=>{s.preventDefault(),s.stopPropagation(),B()},className:`flex-shrink-0 p-1.5 rounded-lg border transition-all duration-200
|
|
309
301
|
text-slate-400 hover:bg-slate-100 hover:text-slate-900
|
|
310
302
|
border-slate-200/50 hover:border-slate-300
|
|
311
303
|
dark:border-slate-700/50 dark:hover:bg-slate-700
|
|
312
304
|
dark:hover:text-white dark:hover:border-slate-500
|
|
313
|
-
hover:scale-105 active:scale-95`,children:e.jsx(
|
|
314
|
-
text-slate-700 dark:text-slate-300 mb-1.5`,children:"Edit Rank Designation"}),e.jsx("input",{type:"text",value:
|
|
305
|
+
hover:scale-105 active:scale-95`,children:e.jsx(p.X,{className:"w-4 h-4"})})]})}),S?e.jsxs("div",{className:"p-4 sm:p-5 space-y-3 sm:space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:`block text-xs font-semibold uppercase tracking-wide
|
|
306
|
+
text-slate-700 dark:text-slate-300 mb-1.5`,children:"Edit Rank Designation"}),e.jsx("input",{type:"text",value:L,onChange:s=>g(s.target.value),className:`w-full px-3 py-2.5 sm:px-4 sm:py-3 rounded-xl border
|
|
315
307
|
border-slate-200/50 dark:border-slate-700/50
|
|
316
308
|
bg-white dark:bg-slate-800
|
|
317
309
|
text-sm text-slate-900 dark:text-white
|
|
318
|
-
focus:border-violet-500 focus:ring-2 focus:ring-violet-500/20 transition-all`,placeholder:"Enter new rank name",autoFocus:!0})]}),e.jsxs("div",{className:"flex gap-2 sm:gap-3",children:[e.jsxs("button",{type:"button",onClick:
|
|
310
|
+
focus:border-violet-500 focus:ring-2 focus:ring-violet-500/20 transition-all`,placeholder:"Enter new rank name",autoFocus:!0})]}),e.jsxs("div",{className:"flex gap-2 sm:gap-3",children:[e.jsxs("button",{type:"button",onClick:Y,className:`flex-1 inline-flex items-center justify-center gap-2
|
|
319
311
|
px-3 py-2.5 sm:px-4 sm:py-3 rounded-xl
|
|
320
312
|
bg-white dark:bg-slate-700 hover:bg-slate-50 dark:hover:bg-slate-600
|
|
321
313
|
text-sm font-semibold text-slate-700 dark:text-slate-300
|
|
322
314
|
border border-slate-200/50 dark:border-slate-700/50
|
|
323
|
-
transition-all duration-200 hover:scale-105 active:scale-95 shadow-sm`,children:[e.jsx(
|
|
315
|
+
transition-all duration-200 hover:scale-105 active:scale-95 shadow-sm`,children:[e.jsx(p.X,{className:"w-4 h-4"})," Cancel"]}),e.jsxs("button",{type:"button",onClick:G,className:`flex-1 inline-flex items-center justify-center gap-2
|
|
324
316
|
px-3 py-2.5 sm:px-4 sm:py-3 rounded-xl
|
|
325
317
|
bg-gradient-to-r from-violet-600 to-indigo-600
|
|
326
318
|
hover:from-violet-700 hover:to-indigo-700
|
|
327
319
|
text-sm font-semibold text-white
|
|
328
320
|
shadow-md hover:shadow-lg
|
|
329
|
-
transition-all duration-200 hover:scale-105 active:scale-95`,children:[e.jsx(
|
|
321
|
+
transition-all duration-200 hover:scale-105 active:scale-95`,children:[e.jsx(p.Save,{className:"w-4 h-4"})," Save Changes"]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"p-4 border-b border-slate-200 dark:border-slate-700",children:e.jsxs("div",{className:"relative",children:[e.jsx(p.Search,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400"}),e.jsx("input",{type:"text",value:m,onChange:s=>h(s.target.value),placeholder:t.fuzzySearch?"Search or type to create new...":"Search...",className:"w-full pl-10 pr-4 py-2.5 rounded-lg border border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 text-slate-900 dark:text-white placeholder-slate-400 focus:border-violet-500 focus:ring-2 focus:ring-violet-500/20 transition-all",autoFocus:!0})]})}),H&&H.similarityScore<1&&e.jsx("div",{className:"mx-4 mt-4 p-3 rounded-lg bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800/50",children:e.jsxs("div",{className:"flex items-start space-x-2",children:[e.jsx(p.AlertCircle,{className:"w-4 h-4 text-amber-600 dark:text-amber-400 flex-shrink-0 mt-0.5"}),e.jsxs("div",{className:"flex-1 text-xs",children:[e.jsx("p",{className:"font-semibold text-amber-900 dark:text-amber-300",children:"Similar designation found!"}),e.jsxs("p",{className:"text-amber-700 dark:text-amber-400 mt-1",children:["Similar rank found (",H.scorePercentage,"% match). You can still create this if it's different."]})]})]})}),e.jsx("div",{className:"flex-1 overflow-y-auto p-2",children:m.trim()?e.jsxs(e.Fragment,{children:[y.length>0&&e.jsxs("div",{className:"space-y-1 mb-3",children:[e.jsx("p",{className:"px-4 py-2 text-xs font-semibold text-slate-500 dark:text-slate-400 uppercase tracking-wider",children:"Existing Options"}),y.map(s=>e.jsx("div",{className:"group relative",children:e.jsxs("button",{type:"button",onClick:a=>{a.preventDefault(),a.stopPropagation(),W(s.value)},className:`w-full text-left px-4 py-3 rounded-lg transition-all duration-200 flex items-center justify-between ${r===s.value?"bg-violet-100 dark:bg-violet-600/20 text-violet-900 dark:text-violet-300 font-semibold":"hover:bg-slate-100 dark:hover:bg-slate-700 text-slate-700 dark:text-slate-300"}`,children:[e.jsx("span",{children:s.label}),e.jsxs("div",{className:"flex items-center gap-2",children:[t.fuzzySearch&&s.scorePercentage&&e.jsxs("span",{className:"inline-flex items-center px-2 py-0.5 rounded-md text-xs font-semibold bg-green-100 text-green-800 dark:bg-green-600/20 dark:text-green-400",children:[s.scorePercentage,"% match"]}),t.onEditRank&&!t.disabled&&e.jsx("button",{type:"button",onClick:a=>X(s,a),className:"opacity-0 group-hover:opacity-100 transition-opacity p-1.5 rounded-md hover:bg-white dark:hover:bg-slate-600 text-slate-500 hover:text-violet-600 dark:text-slate-400 dark:hover:text-violet-400",title:"Edit this rank",children:e.jsx(p.Edit,{className:"w-3.5 h-3.5"})})]})]})},s.value))]}),(!d||(H==null?void 0:H.similarityScore)<1)&&e.jsxs("div",{className:y.length>0?"border-t border-slate-200 dark:border-slate-700 pt-3":"",children:[e.jsx("p",{className:"px-4 py-2 text-xs font-semibold text-slate-500 dark:text-slate-400 uppercase tracking-wider",children:y.length>0?x==="edit"?"Or Update To":"Or Create New":"No matches found"}),e.jsx("div",{className:"px-2",children:e.jsx("button",{type:"button",onClick:s=>{s.preventDefault(),s.stopPropagation(),A()},className:"w-full px-4 py-3 rounded-lg transition-all duration-200 bg-gradient-to-r from-violet-600 to-indigo-600 hover:from-violet-700 hover:to-indigo-700 text-white font-semibold shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 min-w-0",children:e.jsxs("div",{className:"flex items-center justify-center space-x-2 min-w-0",children:[e.jsx(p.Sparkles,{className:"w-5 h-5 flex-shrink-0"}),e.jsxs("span",{className:"truncate",children:[x==="edit"?"Update to":"Create New",": ",m.trim()]})]})})})]})]}):e.jsx("div",{className:"space-y-1",children:t.options&&t.options.length>0?t.options.map(s=>e.jsx("div",{className:"group relative",children:e.jsx("button",{type:"button",onClick:a=>{a.preventDefault(),a.stopPropagation(),W(s.value)},className:`w-full text-left px-4 py-3 rounded-lg transition-all duration-200 break-words whitespace-normal ${r===s.value?"bg-violet-100 dark:bg-violet-600/20 text-violet-900 dark:text-violet-300 font-semibold":"hover:bg-slate-100 dark:hover:bg-slate-700 text-slate-700 dark:text-slate-300"}`,children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"flex-1",children:s.label}),t.onEditRank&&!t.disabled&&e.jsx("button",{type:"button",onClick:a=>X(s,a),className:"opacity-0 group-hover:opacity-100 transition-opacity ml-2 p-1.5 rounded-md hover:bg-white dark:hover:bg-slate-600 text-slate-500 hover:text-violet-600 dark:text-slate-400 dark:hover:text-violet-400",title:"Edit this rank",children:e.jsx(p.Edit,{className:"w-3.5 h-3.5"})})]})})},s.value)):e.jsx("div",{className:"text-center py-8",children:e.jsx("p",{className:"text-sm text-slate-500 dark:text-slate-400",children:"No options available"})})})})]}),e.jsx("div",{className:"flex-shrink-0 px-6 py-3 border-t border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800/50",children:e.jsxs("p",{className:"text-xs text-slate-500 dark:text-slate-400 text-center",children:[!S&&(y?`${y.length} option${y.length!==1?"s":""} available`:""),S&&"Edit the rank designation and save changes"]})})]})})})]});case"select":return t.searchable?e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",onClick:s=>{s.preventDefault(),s.stopPropagation(),t.disabled||j(!0)},disabled:t.disabled,className:`relative ${T} ${V} flex items-center justify-between ${b?"pl-12":""} pr-4 text-left disabled:opacity-50 disabled:cursor-not-allowed hover:border-violet-400 dark:hover:border-violet-500`,children:[b&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none",children:e.jsx(b,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsx("span",{className:r?"text-slate-900 dark:text-white truncate":"text-slate-400",children:M()}),e.jsx(p.ChevronDown,{className:"w-5 h-5 text-slate-400"})]}),w&&e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-3 sm:p-4 bg-black/50 backdrop-blur-sm animate-in fade-in duration-200",onMouseDown:s=>{s.target===s.currentTarget&&(s.preventDefault(),s.stopPropagation(),B())},children:e.jsxs("div",{className:"bg-white dark:bg-slate-800 rounded-2xl shadow-2xl w-full max-w-md max-h-[70vh] sm:max-h-[80vh] flex flex-col border border-slate-200 dark:border-slate-700 animate-in zoom-in-95 duration-200",onMouseDown:s=>s.stopPropagation(),children:[e.jsxs("div",{className:`flex items-center justify-between gap-3
|
|
330
322
|
px-4 py-3 sm:px-5 sm:py-4
|
|
331
323
|
bg-gradient-to-r from-violet-50 via-indigo-50 to-violet-50
|
|
332
324
|
dark:from-slate-700/50 dark:via-slate-800/50 dark:to-slate-700/50
|
|
333
|
-
border-b border-slate-200 dark:border-slate-700 rounded-t-2xl`,children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("h3",{className:"text-sm sm:text-base font-bold text-slate-900 dark:text-white",children:
|
|
325
|
+
border-b border-slate-200 dark:border-slate-700 rounded-t-2xl`,children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("h3",{className:"text-sm sm:text-base font-bold text-slate-900 dark:text-white",children:t.modalTitle||"Select Option"}),t.modalSubtitle&&e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-400 mt-0.5",children:t.modalSubtitle})]}),e.jsx("button",{type:"button",onClick:s=>{s.preventDefault(),s.stopPropagation(),B()},className:`flex-shrink-0 p-1.5 rounded-lg border transition-all duration-200
|
|
334
326
|
text-slate-400 hover:bg-slate-100 hover:text-slate-900
|
|
335
327
|
border-slate-200/50 dark:border-slate-700/50
|
|
336
|
-
dark:hover:bg-slate-700 dark:hover:text-white`,children:e.jsx(y.X,{className:"w-4 h-4"})})]}),e.jsx("div",{className:"p-4 border-b border-slate-200 dark:border-slate-700",children:e.jsxs("div",{className:"relative",children:[e.jsx(y.Search,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400"}),e.jsx("input",{type:"text",value:c,onChange:l=>x(l.target.value),placeholder:"Search...",className:"w-full pl-10 pr-4 py-2.5 rounded-lg border border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 text-slate-900 dark:text-white placeholder-slate-400 focus:border-violet-500 focus:ring-2 focus:ring-violet-500/20 transition-all",autoFocus:!0})]})}),e.jsx("div",{className:"flex-1 overflow-y-auto p-2",children:M.length>0?e.jsx("div",{className:"space-y-1",children:M.map(l=>e.jsx("button",{type:"button",onClick:f=>{f.preventDefault(),f.stopPropagation(),G(l.value)},className:`w-full text-left px-4 py-3 rounded-lg transition-all duration-200 break-all whitespace-normal ${s===l.value?"bg-violet-100 dark:bg-violet-600/20 text-violet-900 dark:text-violet-300 font-semibold":"hover:bg-slate-100 dark:hover:bg-slate-700 text-slate-700 dark:text-slate-300"}`,children:l.label},l.value))}):e.jsx("div",{className:"text-center py-8",children:e.jsx("p",{className:"text-sm text-slate-500 dark:text-slate-400",children:"No options found"})})})]})})]}):e.jsxs("div",{className:"relative",children:[m&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none",children:e.jsx(m,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsxs("select",{value:s,onChange:L,disabled:a.disabled,className:`${D} ${X} ${m?"pl-12":""} pr-10 appearance-none cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`,children:[e.jsx("option",{value:"",children:a.placeholder||"Select an option"}),(ae=a.options)==null?void 0:ae.map(l=>e.jsx("option",{value:l.value,children:l.label},l.value))]}),e.jsx(y.ChevronDown,{className:"absolute right-4 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400 pointer-events-none"})]});case"date":case"number":return e.jsxs("div",{className:"relative",children:[m&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none",children:e.jsx(m,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsx("input",{type:a.type,value:s,onChange:l=>o(a.name,l.target.value),disabled:a.disabled,min:a.min,max:a.max,step:a.step,className:`${D} ${X} ${m?"pl-12":""} disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`})]});case"textarea":return a.isHtml?a.disabled?e.jsxs("div",{className:"relative",children:[m&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-3 pointer-events-none",children:e.jsx(m,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsx("div",{className:`${D} ${X} ${m?"pl-12":""} opacity-50 cursor-not-allowed prose prose-sm max-w-none [&>*]:my-0.5 [&>ul]:list-disc [&>ul]:pl-4 [&>ol]:list-decimal [&>ol]:pl-4`,style:{minHeight:`${(a.rows||4)*1.75+1.5}rem`},dangerouslySetInnerHTML:{__html:s||""}})]}):a.renderHtmlEditor?a.renderHtmlEditor({content:s||"",onChange:l=>o(a.name,l),height:a.height||200,rows:a.rows||4}):e.jsxs("div",{className:"p-3 bg-amber-50 text-amber-800 rounded-xl border border-amber-200 text-sm",children:["HTML Editor component not provided. Please pass ",e.jsx("code",{children:"renderHtmlEditor"})," to this field configuration."]}):e.jsxs("div",{className:"relative",children:[m&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-3 pointer-events-none",children:e.jsx(m,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsx("textarea",{value:s,onChange:l=>o(a.name,l.target.value),placeholder:a.placeholder,disabled:a.disabled,rows:a.rows||4,className:`${D} ${X} ${m?"pl-12":""} placeholder-slate-400 resize-none disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`})]});case"checkbox":return e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("input",{type:"checkbox",checked:s||!1,onChange:l=>o(a.name,l.target.checked),disabled:a.disabled,className:"h-5 w-5 rounded border-slate-300 text-violet-600 focus:ring-violet-500 dark:border-slate-600 dark:bg-slate-700 disabled:opacity-50 disabled:cursor-not-allowed"}),e.jsx("span",{className:"text-sm font-medium text-slate-700 dark:text-slate-300",children:a.checkboxLabel||a.label})]});case"toggle":return e.jsx(De,{checked:s||!1,onChange:o,disabled:a.disabled,label:a.toggleLabel,name:a.name,helpText:a.helpText});case"radio":return e.jsx("div",{className:"flex flex-wrap items-center gap-3 sm:gap-6",children:(oe=a.options)==null?void 0:oe.map(l=>e.jsxs("label",{className:`flex items-center cursor-pointer ${a.disabled?"opacity-50 cursor-not-allowed":""}`,children:[e.jsx("input",{type:"radio",name:a.name,value:l.value,checked:s===l.value,onChange:f=>o(a.name,f.target.value),disabled:a.disabled,className:"h-4 w-4 text-violet-600 border-slate-300 focus:ring-2 focus:ring-violet-500 cursor-pointer disabled:cursor-not-allowed dark:border-slate-600 dark:bg-slate-700"}),e.jsx("span",{className:`ml-2 text-sm ${s===l.value?"font-medium text-violet-900 dark:text-violet-300":"text-slate-700 dark:text-slate-300"}`,children:l.label})]},l.value))});case"file":{const l=j.useRef(null),f=Array.isArray(s)?s:[];return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"relative flex items-center",children:[m&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none",children:e.jsx(m,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsx("div",{onClick:()=>{var g;return!a.disabled&&((g=l.current)==null?void 0:g.click())},className:`w-full px-4 py-3 rounded-xl border transition-all duration-200 bg-white dark:bg-slate-800 text-slate-900 dark:text-white ${m?"pl-12":"pl-4"} pr-14 cursor-pointer select-none ${a.disabled?"opacity-50 cursor-not-allowed border-slate-300 dark:border-slate-600":"border-slate-300 dark:border-slate-600 hover:border-violet-400 dark:hover:border-violet-500"} ${n?"border-red-300 dark:border-red-700":""}`,children:e.jsx("span",{className:"text-slate-400 dark:text-slate-500 text-sm",children:f.length>0?`${f.length} file${f.length!==1?"s":""} selected`:a.placeholder||"Select files to upload..."})}),e.jsx("button",{type:"button",disabled:a.disabled,onClick:()=>{var g;return(g=l.current)==null?void 0:g.click()},className:"absolute right-2 top-1/2 -translate-y-1/2 p-2 rounded-lg bg-violet-600 hover:bg-violet-700 active:bg-violet-800 disabled:opacity-50 disabled:cursor-not-allowed text-white transition-colors",title:"Browse files",children:e.jsx(y.Upload,{className:"w-4 h-4"})}),e.jsx("input",{ref:l,type:"file",accept:a.accept,multiple:a.multiple??!1,className:"hidden",onChange:g=>{a.onFilesSelected&&a.onFilesSelected(g.target.files),g.target.value=""}})]}),f.map(({tempId:g,file:R,documentName:O})=>e.jsxs("div",{className:"group flex items-center gap-3 px-4 py-3 rounded-xl border border-violet-200 dark:border-violet-700/40 bg-violet-50/50 dark:bg-violet-900/10 transition-colors",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-violet-100 dark:bg-violet-900/30 flex items-center justify-center flex-shrink-0",children:e.jsx(y.File,{className:"w-4 h-4 text-violet-600 dark:text-violet-400"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm font-semibold text-slate-800 dark:text-slate-200 truncate",children:O||(R==null?void 0:R.name)}),(R==null?void 0:R.size)!==void 0&&e.jsx("p",{className:"text-xs text-violet-600 dark:text-violet-400 mt-0.5",children:R.size<1024*1024?`${(R.size/1024).toFixed(1)} KB`:`${(R.size/(1024*1024)).toFixed(2)} MB`})]}),a.onRemove&&e.jsx("button",{type:"button",onClick:()=>a.onRemove(g),className:"w-7 h-7 rounded-lg flex items-center justify-center text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20 transition-all flex-shrink-0 opacity-60 sm:opacity-0 sm:group-hover:opacity-100",title:"Remove",children:e.jsx(y.Trash2,{className:"w-3.5 h-3.5"})})]},g))]})}case"text":case"email":case"password":default:return e.jsxs("div",{className:"relative",children:[m&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none",children:e.jsx(m,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsx("input",{type:a.type,value:a.displayValue??s??"",onChange:l=>o(a.name,l.target.value),placeholder:a.placeholder,disabled:a.disabled,className:`${D} ${X} ${m?"pl-12":""} placeholder-slate-400 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`})]})}};return e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{className:"block",children:e.jsxs("span",{className:"text-sm font-semibold text-slate-700 dark:text-slate-300 flex items-center space-x-1",children:[e.jsx("span",{children:a.label}),a.required&&e.jsx("span",{className:"text-red-500 dark:text-red-400",children:"*"})]})}),e.jsx("div",{className:"mt-2",children:A()}),n&&e.jsxs("p",{className:"text-xs sm:text-sm text-red-600 dark:text-red-400 flex items-center gap-1.5 animate-in slide-in-from-top-1 duration-200",children:[e.jsx(y.AlertCircle,{className:"w-3.5 h-3.5 flex-shrink-0"}),e.jsx("span",{children:n})]}),a.helpText&&!n&&e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-400",children:a.helpText})]})},dt=({fields:a=[],initialData:s={},onSubmit:o,onCancel:n,onEdit:h,onFieldChange:b,submitButtonText:c="Submit",cancelButtonText:x="Cancel",editButtonText:k="Edit",showEditingBadge:N=!1,editingEntity:T="",helpText:S="All fields marked with * are required",isModal:E=!0,mode:$="edit",disabled:P=!1,renderCustomField:p})=>{const F=j.useRef(!0),[i,L]=j.useState(()=>{const d={};return(typeof a=="function"?a(s):a).forEach(_=>{d[_.name]=s[_.name]||""}),d}),[G,J]=j.useState({}),W=$==="view",se=W?!0:!E;j.useEffect(()=>{if(F.current){F.current=!1;return}if(s&&Object.keys(s).length>0&&s.id){const w={};(typeof a=="function"?a(i):a).forEach(A=>{w[A.name]=s[A.name]||""}),L(w)}},[s.id]);const re=typeof a=="function"?a(i):a,ee=(d,w)=>{if(W)return;const _={...i,[d]:w};L(_);const A={...G};delete A[d],re.forEach(H=>{var m;if((m=H.validation)!=null&&m.custom&&A[H.name]){const D=H.name===d?w:i[H.name];H.validation.custom(D,_)===!0&&delete A[H.name]}}),J(A),b&&b(d,w,_)},M=()=>{if(W)return!0;const d={};return re.forEach(w=>{const _=i[w.name],A=w.isHtml?!(_||"").replace(/<[^>]*>/g,"").trim():!_;if(w.required&&A){d[w.name]=`${w.label} is required`;return}if(w.validation&&_){const{minLength:H,maxLength:m,pattern:D,custom:X}=w.validation,ae=w.isHtml?(_||"").replace(/<[^>]*>/g,"").trim():_;if(H&&ae.length<H){d[w.name]=`Minimum ${H} characters required`;return}if(m&&ae.length>m){d[w.name]=`Maximum ${m} characters allowed`;return}if(D&&!D.test(_)){d[w.name]=w.validation.patternMessage||w.validation.message||"Invalid format";return}if(X){const oe=X(_,i);if(oe!==!0){d[w.name]=typeof oe=="string"?oe:w.validation.message||"Validation failed";return}}}}),J(d),Object.keys(d).length===0},Q=d=>{d.preventDefault(),!W&&M()&&o(i)};return e.jsxs("form",{onSubmit:Q,className:"flex flex-col h-full max-h-[75vh] sm:max-h-[70vh]",children:[e.jsxs("div",{className:"flex-1 overflow-y-auto px-4 pt-4 sm:px-5 sm:pt-5",children:[W&&e.jsxs("div",{className:`mb-4 flex items-center gap-3 p-3 sm:p-3.5 rounded-xl
|
|
328
|
+
dark:hover:bg-slate-700 dark:hover:text-white`,children:e.jsx(p.X,{className:"w-4 h-4"})})]}),e.jsx("div",{className:"p-4 border-b border-slate-200 dark:border-slate-700",children:e.jsxs("div",{className:"relative",children:[e.jsx(p.Search,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400"}),e.jsx("input",{type:"text",value:m,onChange:s=>h(s.target.value),placeholder:"Search...",className:"w-full pl-10 pr-4 py-2.5 rounded-lg border border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 text-slate-900 dark:text-white placeholder-slate-400 focus:border-violet-500 focus:ring-2 focus:ring-violet-500/20 transition-all",autoFocus:!0})]})}),e.jsx("div",{className:"flex-1 overflow-y-auto p-2",children:y.length>0?e.jsx("div",{className:"space-y-1",children:y.map(s=>e.jsx("button",{type:"button",onClick:a=>{a.preventDefault(),a.stopPropagation(),W(s.value)},className:`w-full text-left px-4 py-3 rounded-lg transition-all duration-200 break-all whitespace-normal ${r===s.value?"bg-violet-100 dark:bg-violet-600/20 text-violet-900 dark:text-violet-300 font-semibold":"hover:bg-slate-100 dark:hover:bg-slate-700 text-slate-700 dark:text-slate-300"}`,children:s.label},s.value))}):e.jsx("div",{className:"text-center py-8",children:e.jsx("p",{className:"text-sm text-slate-500 dark:text-slate-400",children:"No options found"})})})]})})]}):e.jsxs("div",{className:"relative",children:[b&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none",children:e.jsx(b,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsxs("select",{value:r,onChange:D,disabled:t.disabled,className:`${T} ${V} ${b?"pl-12":""} pr-10 appearance-none cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`,children:[e.jsx("option",{value:"",children:t.placeholder||"Select an option"}),(U=t.options)==null?void 0:U.map(s=>e.jsx("option",{value:s.value,children:s.label},s.value))]}),e.jsx(p.ChevronDown,{className:"absolute right-4 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400 pointer-events-none"})]});case"date":case"number":return e.jsxs("div",{className:"relative",children:[b&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none",children:e.jsx(b,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsx("input",{type:t.type,value:r,onChange:s=>n(t.name,s.target.value),disabled:t.disabled,min:t.min,max:t.max,step:t.step,className:`${T} ${V} ${b?"pl-12":""} disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`})]});case"textarea":return t.isHtml?t.disabled?e.jsxs("div",{className:"relative",children:[b&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-3 pointer-events-none",children:e.jsx(b,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsx("div",{className:`${T} ${V} ${b?"pl-12":""} opacity-50 cursor-not-allowed prose prose-sm max-w-none [&>*]:my-0.5 [&>ul]:list-disc [&>ul]:pl-4 [&>ol]:list-decimal [&>ol]:pl-4`,style:{minHeight:`${(t.rows||4)*1.75+1.5}rem`},dangerouslySetInnerHTML:{__html:r||""}})]}):t.renderHtmlEditor?t.renderHtmlEditor({content:r||"",onChange:s=>n(t.name,s),height:t.height||200,rows:t.rows||4}):e.jsxs("div",{className:"p-3 bg-amber-50 text-amber-800 rounded-xl border border-amber-200 text-sm",children:["HTML Editor component not provided. Please pass ",e.jsx("code",{children:"renderHtmlEditor"})," to this field configuration."]}):e.jsxs("div",{className:"relative",children:[b&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-3 pointer-events-none",children:e.jsx(b,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsx("textarea",{value:r,onChange:s=>n(t.name,s.target.value),placeholder:t.placeholder,disabled:t.disabled,rows:t.rows||4,className:`${T} ${V} ${b?"pl-12":""} placeholder-slate-400 resize-none disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`})]});case"checkbox":return e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("input",{type:"checkbox",checked:r||!1,onChange:s=>n(t.name,s.target.checked),disabled:t.disabled,className:"h-5 w-5 rounded border-slate-300 text-violet-600 focus:ring-violet-500 dark:border-slate-600 dark:bg-slate-700 disabled:opacity-50 disabled:cursor-not-allowed"}),e.jsx("span",{className:"text-sm font-medium text-slate-700 dark:text-slate-300",children:t.checkboxLabel||t.label})]});case"toggle":return e.jsx(ce,{checked:r||!1,onChange:n,disabled:t.disabled,label:t.toggleLabel,name:t.name,helpText:t.helpText});case"radio":return e.jsx("div",{className:"flex flex-wrap items-center gap-3 sm:gap-6",children:(Q=t.options)==null?void 0:Q.map(s=>e.jsxs("label",{className:`flex items-center cursor-pointer ${t.disabled?"opacity-50 cursor-not-allowed":""}`,children:[e.jsx("input",{type:"radio",name:t.name,value:s.value,checked:r===s.value,onChange:a=>n(t.name,a.target.value),disabled:t.disabled,className:"h-4 w-4 text-violet-600 border-slate-300 focus:ring-2 focus:ring-violet-500 cursor-pointer disabled:cursor-not-allowed dark:border-slate-600 dark:bg-slate-700"}),e.jsx("span",{className:`ml-2 text-sm ${r===s.value?"font-medium text-violet-900 dark:text-violet-300":"text-slate-700 dark:text-slate-300"}`,children:s.label})]},s.value))});case"file":{const s=f.useRef(null),a=Array.isArray(r)?r:[];return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"relative flex items-center",children:[b&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none",children:e.jsx(b,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsx("div",{onClick:()=>{var o;return!t.disabled&&((o=s.current)==null?void 0:o.click())},className:`w-full px-4 py-3 rounded-xl border transition-all duration-200 bg-white dark:bg-slate-800 text-slate-900 dark:text-white ${b?"pl-12":"pl-4"} pr-14 cursor-pointer select-none ${t.disabled?"opacity-50 cursor-not-allowed border-slate-300 dark:border-slate-600":"border-slate-300 dark:border-slate-600 hover:border-violet-400 dark:hover:border-violet-500"} ${l?"border-red-300 dark:border-red-700":""}`,children:e.jsx("span",{className:"text-slate-400 dark:text-slate-500 text-sm",children:a.length>0?`${a.length} file${a.length!==1?"s":""} selected`:t.placeholder||"Select files to upload..."})}),e.jsx("button",{type:"button",disabled:t.disabled,onClick:()=>{var o;return(o=s.current)==null?void 0:o.click()},className:"absolute right-2 top-1/2 -translate-y-1/2 p-2 rounded-lg bg-violet-600 hover:bg-violet-700 active:bg-violet-800 disabled:opacity-50 disabled:cursor-not-allowed text-white transition-colors",title:"Browse files",children:e.jsx(p.Upload,{className:"w-4 h-4"})}),e.jsx("input",{ref:s,type:"file",accept:t.accept,multiple:t.multiple??!1,className:"hidden",onChange:o=>{t.onFilesSelected&&t.onFilesSelected(o.target.files),o.target.value=""}})]}),a.map(({tempId:o,file:k,documentName:N})=>e.jsxs("div",{className:"group flex items-center gap-3 px-4 py-3 rounded-xl border border-violet-200 dark:border-violet-700/40 bg-violet-50/50 dark:bg-violet-900/10 transition-colors",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-violet-100 dark:bg-violet-900/30 flex items-center justify-center flex-shrink-0",children:e.jsx(p.File,{className:"w-4 h-4 text-violet-600 dark:text-violet-400"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm font-semibold text-slate-800 dark:text-slate-200 truncate",children:N||(k==null?void 0:k.name)}),(k==null?void 0:k.size)!==void 0&&e.jsx("p",{className:"text-xs text-violet-600 dark:text-violet-400 mt-0.5",children:k.size<1024*1024?`${(k.size/1024).toFixed(1)} KB`:`${(k.size/(1024*1024)).toFixed(2)} MB`})]}),t.onRemove&&e.jsx("button",{type:"button",onClick:()=>t.onRemove(o),className:"w-7 h-7 rounded-lg flex items-center justify-center text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20 transition-all flex-shrink-0 opacity-60 sm:opacity-0 sm:group-hover:opacity-100",title:"Remove",children:e.jsx(p.Trash2,{className:"w-3.5 h-3.5"})})]},o))]})}case"text":case"email":case"password":default:return e.jsxs("div",{className:"relative",children:[b&&e.jsx("div",{className:"absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none",children:e.jsx(b,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400"})}),e.jsx("input",{type:t.type,value:t.displayValue??r??"",onChange:s=>n(t.name,s.target.value),placeholder:t.placeholder,disabled:t.disabled,className:`${T} ${V} ${b?"pl-12":""} placeholder-slate-400 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`})]})}};return e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{className:"block",children:e.jsxs("span",{className:"text-sm font-semibold text-slate-700 dark:text-slate-300 flex items-center space-x-1",children:[e.jsx("span",{children:t.label}),t.required&&e.jsx("span",{className:"text-red-500 dark:text-red-400",children:"*"})]})}),e.jsx("div",{className:"mt-2",children:I()}),l&&e.jsxs("p",{className:"text-xs sm:text-sm text-red-600 dark:text-red-400 flex items-center gap-1.5 animate-in slide-in-from-top-1 duration-200",children:[e.jsx(p.AlertCircle,{className:"w-3.5 h-3.5 flex-shrink-0"}),e.jsx("span",{children:l})]}),t.helpText&&!l&&e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-400",children:t.helpText})]})},Se=({fields:t=[],initialData:r={},onSubmit:n,onCancel:l,onEdit:i,onFieldChange:x,submitButtonText:m="Submit",cancelButtonText:h="Cancel",editButtonText:w="Edit",showEditingBadge:j=!1,editingEntity:F="",helpText:E="All fields marked with * are required",isModal:C=!0,mode:_="edit",disabled:L=!1,renderCustomField:g})=>{const S=f.useRef(!0),[c,D]=f.useState(()=>{const d={};return(typeof t=="function"?t(r):t).forEach(M=>{d[M.name]=r[M.name]||""}),d}),[W,B]=f.useState({}),A=_==="view",X=A?!0:!C;f.useEffect(()=>{if(S.current){S.current=!1;return}if(r&&Object.keys(r).length>0&&r.id){const v={};(typeof t=="function"?t(c):t).forEach(I=>{v[I.name]=r[I.name]||""}),D(v)}},[r.id]);const G=typeof t=="function"?t(c):t,Y=(d,v)=>{if(A)return;const M={...c,[d]:v};D(M);const I={...W};delete I[d],G.forEach(R=>{var b;if((b=R.validation)!=null&&b.custom&&I[R.name]){const T=R.name===d?v:c[R.name];R.validation.custom(T,M)===!0&&delete I[R.name]}}),B(I),x&&x(d,v,M)},y=()=>{if(A)return!0;const d={};return G.forEach(v=>{const M=c[v.name],I=v.isHtml?!(M||"").replace(/<[^>]*>/g,"").trim():!M;if(v.required&&I){d[v.name]=`${v.label} is required`;return}if(v.validation&&M){const{minLength:R,maxLength:b,pattern:T,custom:V}=v.validation,U=v.isHtml?(M||"").replace(/<[^>]*>/g,"").trim():M;if(R&&U.length<R){d[v.name]=`Minimum ${R} characters required`;return}if(b&&U.length>b){d[v.name]=`Maximum ${b} characters allowed`;return}if(T&&!T.test(M)){d[v.name]=v.validation.patternMessage||v.validation.message||"Invalid format";return}if(V){const Q=V(M,c);if(Q!==!0){d[v.name]=typeof Q=="string"?Q:v.validation.message||"Validation failed";return}}}}),B(d),Object.keys(d).length===0},H=d=>{d.preventDefault(),!A&&y()&&n(c)};return e.jsxs("form",{onSubmit:H,className:"flex flex-col h-full max-h-[75vh] sm:max-h-[70vh]",children:[e.jsxs("div",{className:"flex-1 overflow-y-auto px-4 pt-4 sm:px-5 sm:pt-5",children:[A&&e.jsxs("div",{className:`mb-4 flex items-center gap-3 p-3 sm:p-3.5 rounded-xl
|
|
337
329
|
bg-blue-50 border border-blue-200
|
|
338
|
-
dark:bg-blue-600/10 dark:border-blue-500/30`,children:[e.jsx("div",{className:"flex-shrink-0 p-1.5 rounded-lg bg-blue-600 dark:bg-blue-500",children:e.jsx(
|
|
330
|
+
dark:bg-blue-600/10 dark:border-blue-500/30`,children:[e.jsx("div",{className:"flex-shrink-0 p-1.5 rounded-lg bg-blue-600 dark:bg-blue-500",children:e.jsx(p.Check,{className:"w-3.5 h-3.5 text-white"})}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-sm font-semibold text-slate-900 dark:text-white leading-tight",children:"View Mode"}),e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-400 leading-snug",children:"Read-only — no changes will be saved"})]})]}),!A&&j&&F&&e.jsxs("div",{className:`mb-4 flex items-center gap-3 p-3 sm:p-3.5 rounded-xl
|
|
339
331
|
bg-violet-50 border border-violet-200
|
|
340
|
-
dark:bg-violet-600/10 dark:border-violet-500/30`,children:[e.jsx("span",{className:"flex-shrink-0 w-2 h-2 rounded-full bg-violet-500 animate-pulse"}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-sm font-semibold text-slate-900 dark:text-white leading-tight",children:"Editing Mode"}),e.jsxs("p",{className:"text-xs text-slate-500 dark:text-slate-400 truncate",children:["Modifying:"," ",e.jsx("span",{className:"font-semibold text-violet-600 dark:text-violet-400",children:
|
|
332
|
+
dark:bg-violet-600/10 dark:border-violet-500/30`,children:[e.jsx("span",{className:"flex-shrink-0 w-2 h-2 rounded-full bg-violet-500 animate-pulse"}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-sm font-semibold text-slate-900 dark:text-white leading-tight",children:"Editing Mode"}),e.jsxs("p",{className:"text-xs text-slate-500 dark:text-slate-400 truncate",children:["Modifying:"," ",e.jsx("span",{className:"font-semibold text-violet-600 dark:text-violet-400",children:F})]})]})]}),e.jsx("div",{className:"space-y-4 pb-4",children:G.map((d,v)=>{const M=c[d.name],I=W[d.name];if(g){const R=g({field:d,value:M,error:I,index:v,mode:_,disabled:A||d.disabled||L,onChange:Y});if(R)return e.jsx("div",{children:R},d.name||v)}return e.jsx(re,{field:{...d,disabled:A||d.disabled||L},value:M,onChange:Y,error:I,mode:_},d.name||v)})})]}),e.jsxs("div",{className:`flex-shrink-0 bg-white dark:bg-slate-800
|
|
341
333
|
border-t border-slate-200 dark:border-slate-700
|
|
342
|
-
px-4 py-3 sm:px-5 sm:py-4`,children:[
|
|
334
|
+
px-4 py-3 sm:px-5 sm:py-4`,children:[A?e.jsxs("div",{className:`flex ${C?"flex-col-reverse sm:flex-row":"flex-row"} gap-2.5`,children:[X&&l&&e.jsxs("button",{type:"button",onClick:l,className:`${C?"flex-1 sm:flex-none":"w-auto"}
|
|
343
335
|
flex items-center justify-center gap-2
|
|
344
336
|
px-4 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200
|
|
345
337
|
bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200
|
|
346
338
|
dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border-slate-600
|
|
347
|
-
hover:scale-[1.02] active:scale-[0.98]`,children:[e.jsx(
|
|
339
|
+
hover:scale-[1.02] active:scale-[0.98]`,children:[e.jsx(p.X,{className:"w-4 h-4"}),e.jsx("span",{children:"Close"})]}),i&&e.jsxs("button",{type:"button",onClick:i,className:`${C?"flex-1":"w-auto"}
|
|
348
340
|
flex items-center justify-center gap-2
|
|
349
341
|
px-4 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200
|
|
350
342
|
bg-gradient-to-r from-violet-600 to-indigo-600
|
|
351
343
|
hover:from-violet-700 hover:to-indigo-700
|
|
352
344
|
text-white shadow-md hover:shadow-lg
|
|
353
|
-
hover:scale-[1.02] active:scale-[0.98]`,children:[e.jsx(
|
|
345
|
+
hover:scale-[1.02] active:scale-[0.98]`,children:[e.jsx(p.Edit,{className:"w-4 h-4"}),e.jsx("span",{children:w})]})]}):e.jsxs("div",{className:`flex ${C?"flex-col-reverse sm:flex-row":"flex-row justify-start"} gap-2.5`,children:[l&&e.jsxs("button",{type:"button",onClick:l,disabled:L,className:`${C?"flex-1 sm:flex-none":"w-auto"}
|
|
354
346
|
flex items-center justify-center gap-2
|
|
355
347
|
px-4 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200
|
|
356
348
|
bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200
|
|
357
349
|
dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border-slate-600
|
|
358
350
|
disabled:opacity-50 disabled:cursor-not-allowed
|
|
359
|
-
hover:scale-[1.02] active:scale-[0.98]`,children:[e.jsx(
|
|
351
|
+
hover:scale-[1.02] active:scale-[0.98]`,children:[e.jsx(p.X,{className:"w-4 h-4"}),e.jsx("span",{children:h})]}),e.jsxs("button",{type:"submit",disabled:L,className:`${C?"flex-1":"w-auto"}
|
|
360
352
|
flex items-center justify-center gap-2
|
|
361
353
|
px-4 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200
|
|
362
354
|
bg-gradient-to-r from-violet-600 to-indigo-600
|
|
363
355
|
hover:from-violet-700 hover:to-indigo-700
|
|
364
356
|
text-white shadow-md hover:shadow-lg
|
|
365
357
|
disabled:opacity-50 disabled:cursor-not-allowed
|
|
366
|
-
hover:scale-[1.02] active:scale-[0.98] disabled:hover:scale-100`,children:[
|
|
358
|
+
hover:scale-[1.02] active:scale-[0.98] disabled:hover:scale-100`,children:[L?e.jsx("span",{className:"w-4 h-4 rounded-full border-2 border-white/30 border-t-white animate-spin flex-shrink-0"}):e.jsx(p.Check,{className:"w-4 h-4 flex-shrink-0"}),e.jsx("span",{children:L?"Saving...":m})]})]}),!A&&E&&e.jsx("p",{className:"mt-2.5 text-xs text-slate-400 dark:text-slate-500 text-center",children:E})]})]})},xe=({isOpen:t,onClose:r,onSelect:n,options:l=[],selectedValue:i,title:x="Select Option",subtitle:m="Choose from the list below",icon:h,searchable:w=!0,searchPlaceholder:j="Search options..."})=>{const[F,E]=f.useState(""),C=f.useRef(null);f.useEffect(()=>{const g=S=>{S.key==="Escape"&&r()};return t&&(document.addEventListener("keydown",g),w&&C.current&&setTimeout(()=>{var S;return(S=C.current)==null?void 0:S.focus()},100)),()=>document.removeEventListener("keydown",g)},[t,r,w]);const _=F?l.filter(g=>g.label.toLowerCase().includes(F.toLowerCase())):l,L=g=>{n(g),r(),E("")};return t?e.jsxs("div",{className:"fixed inset-0 z-[60] flex items-center justify-center p-4 animate-in fade-in duration-200",children:[e.jsx("div",{className:"absolute inset-0 bg-slate-900/60 backdrop-blur-sm",onClick:r}),e.jsx("div",{className:"relative w-full max-w-md animate-in zoom-in-95 duration-200",children:e.jsxs("div",{className:"rounded-2xl border overflow-hidden bg-white border-slate-200/50 shadow-2xl dark:bg-slate-800 dark:border-slate-700/50 max-h-[80vh] flex flex-col",children:[e.jsxs("div",{className:"flex-shrink-0 px-6 py-5 bg-gradient-to-r from-violet-50 via-indigo-50 to-violet-50 border-b border-slate-200 dark:bg-gradient-to-r dark:from-slate-700/50 dark:via-slate-800/50 dark:to-slate-700/50 dark:border-slate-700",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[h&&e.jsx("div",{className:"w-12 h-12 rounded-xl flex items-center justify-center bg-gradient-to-br from-violet-600 to-indigo-600 shadow-lg",children:e.jsx(h,{className:"w-6 h-6 text-white"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-bold text-slate-900 dark:text-white",children:x}),m&&e.jsx("p",{className:"text-sm text-slate-600 dark:text-slate-400 mt-0.5",children:m})]})]}),e.jsx("button",{onClick:r,className:"p-2 rounded-lg border transition-all duration-200 text-slate-400 hover:bg-slate-100 hover:text-slate-900 border-slate-300 hover:border-slate-400 dark:border-slate-600 dark:hover:bg-slate-700 dark:hover:text-white dark:hover:border-slate-500",children:e.jsx(p.X,{className:"w-5 h-5"})})]}),w&&e.jsxs("div",{className:"mt-4 relative",children:[e.jsx(p.Search,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400 dark:text-slate-500"}),e.jsx("input",{ref:C,type:"text",value:F,onChange:g=>E(g.target.value),placeholder:j,className:`w-full pl-11 pr-4 py-3 rounded-xl border transition-all duration-200
|
|
367
359
|
bg-white border-slate-200 text-slate-900 placeholder-slate-400
|
|
368
360
|
focus:border-violet-400 focus:bg-slate-50
|
|
369
361
|
dark:bg-slate-700/50 dark:border-slate-600 dark:text-white dark:placeholder-slate-500
|
|
370
362
|
dark:focus:border-violet-500 dark:focus:bg-slate-700
|
|
371
|
-
focus:outline-none focus:ring-2 focus:ring-violet-500/20`})]})]}),e.jsx("div",{className:"flex-grow overflow-y-auto custom-scrollbar",children
|
|
372
|
-
${
|
|
373
|
-
${
|
|
374
|
-
${
|
|
375
|
-
text-slate-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-violet-500/20`,children:[e.jsx("span",{className:`text-sm ${
|
|
363
|
+
focus:outline-none focus:ring-2 focus:ring-violet-500/20`})]})]}),e.jsx("div",{className:"flex-grow overflow-y-auto custom-scrollbar",children:_.length>0?e.jsx("div",{className:"p-3 space-y-1",children:_.map(g=>{const S=g.value===i;return e.jsxs("button",{type:"button",onClick:()=>L(g.value),className:`w-full px-4 py-3.5 rounded-xl text-left flex items-center justify-between transition-all duration-200 group
|
|
364
|
+
${S?"bg-gradient-to-r from-violet-600 to-indigo-600 text-white shadow-lg shadow-violet-500/30 dark:shadow-violet-900/30":"text-slate-700 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-700/50"}`,children:[e.jsx("span",{className:"font-medium",children:g.label}),S&&e.jsx("div",{className:"w-6 h-6 rounded-full bg-white/20 flex items-center justify-center",children:e.jsx(p.Check,{className:"w-4 h-4 text-white"})})]},g.value)})}):e.jsxs("div",{className:"px-4 py-12 text-center",children:[e.jsx("div",{className:"w-16 h-16 mx-auto mb-4 rounded-full bg-slate-100 dark:bg-slate-700/50 flex items-center justify-center",children:e.jsx(p.Search,{className:"w-8 h-8 text-slate-400 dark:text-slate-500"})}),e.jsx("p",{className:"text-sm font-semibold text-slate-600 dark:text-slate-400",children:"No options found"}),e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-500 mt-1",children:"Try adjusting your search terms"})]})}),e.jsx("div",{className:"flex-shrink-0 px-6 py-3 border-t border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800/50",children:e.jsxs("p",{className:"text-xs text-slate-500 dark:text-slate-400 text-center",children:[_.length," option",_.length!==1?"s":""," available"]})})]})})]}):null},Ee=({value:t,onChange:r,options:n=[],placeholder:l="Select an option",label:i,icon:x,required:m=!1,disabled:h=!1,error:w,searchable:j=!0,name:F,modalTitle:E,modalSubtitle:C})=>{const[_,L]=f.useState(!1),g=n.find(D=>D.value===t),S=(g==null?void 0:g.label)||l,c=D=>{r(F,D)};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-2",children:[i&&e.jsxs("label",{className:"flex items-center text-sm font-semibold text-slate-700 dark:text-slate-300",children:[x&&e.jsx(x,{className:"w-4 h-4 mr-2 text-violet-600 dark:text-violet-400"}),i,m&&e.jsx("span",{className:"text-red-500 ml-1",children:"*"})]}),e.jsxs("button",{type:"button",onClick:()=>!h&&L(!0),disabled:h,className:`w-full px-4 py-3 rounded-xl border transition-all duration-200 flex items-center justify-between text-left
|
|
365
|
+
${w?"border-red-500 focus:border-red-500 focus:ring-red-500/20":"border-slate-200 focus:border-violet-400 dark:border-slate-600 dark:focus:border-violet-500"}
|
|
366
|
+
${h?"opacity-50 cursor-not-allowed bg-slate-100 dark:bg-slate-800":"bg-slate-50 hover:bg-white dark:bg-slate-700/50 dark:hover:bg-slate-700 cursor-pointer"}
|
|
367
|
+
text-slate-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-violet-500/20`,children:[e.jsx("span",{className:`text-sm ${t?"":"text-slate-400 dark:text-slate-500"}`,children:S}),e.jsx(p.ChevronRight,{className:"w-5 h-5 text-slate-400 dark:text-slate-500"})]}),!w&&t&&e.jsxs("div",{className:"flex items-center space-x-2 mt-2",children:[e.jsx("div",{className:"w-5 h-5 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center",children:e.jsx(p.Check,{className:"w-3 h-3 text-green-600 dark:text-green-400"})}),e.jsx("span",{className:"text-xs text-green-600 dark:text-green-400 font-medium",children:"Selected"})]}),w&&e.jsx("p",{className:"text-xs text-red-500 flex items-center space-x-1 mt-1",children:e.jsx("span",{children:w})})]}),e.jsx(xe,{isOpen:_,onClose:()=>L(!1),onSelect:c,options:n,selectedValue:t,title:E||i||"Select Option",subtitle:C||`Choose from ${n.length} options`,icon:x,searchable:j})]})},Ce=({steps:t=[],initialData:r={},onSubmit:n,onCancel:l,onEdit:i,onStepChange:x,submitButtonText:m="Submit",cancelButtonText:h="Cancel",editButtonText:w="Edit Record",showEditingBadge:j=!1,editingEntity:F="",helpText:E="All fields marked with * are required",isModal:C=!0,mode:_="create"})=>{var s;const L=f.useRef(null),[g,S]=f.useState(0),[c,D]=f.useState(()=>typeof window<"u"?window.innerWidth>=1024:!0),[W,B]=f.useState(()=>{const a=typeof t=="function"?t(r):t,o={};return a.forEach(k=>{k.fields&&k.fields.forEach(N=>{o[N.name]=r[N.name]||""})}),o}),[A,X]=f.useState({}),[G,Y]=f.useState(new Set([0])),y=_==="view",H=_==="edit",d=typeof t=="function"?t(W):t;f.useEffect(()=>{x&&x(g,W)},[g,W,x]);const v=()=>{var a;(a=L.current)==null||a.scrollTo({top:0,behavior:"smooth"})},M=(a,o)=>{if(y)return;const N=d.flatMap($=>$.fields||[]).find($=>$.name===a);B($=>{const z={...$,[a]:o};return N!=null&&N.resetFieldsOnChange&&N.resetFieldsOnChange.forEach(J=>{z[J]=""}),z}),A[a]&&X($=>({...$,[a]:""})),N!=null&&N.onChange&&N.onChange(a,o)},I=a=>{if(y)return!0;const o={},k=d[a];if(k.customValidator){const N=k.customValidator(a,W);Object.assign(o,N)}return k.fields&&k.fields.length>0&&k.fields.forEach(N=>{const $=W[N.name];if(N.required&&!$){o[N.name]=`${N.label} is required`;return}if($&&N.validation){const{minLength:z,maxLength:J,pattern:u,min:Z,max:K,custom:me}=N.validation;z&&$.length<z&&(o[N.name]=`Minimum ${z} characters required`),J&&$.length>J&&(o[N.name]=`Maximum ${J} characters allowed`),u&&!u.test($)&&(o[N.name]=N.validation.message||"Invalid format"),Z!==void 0&&parseFloat($)<Z&&(o[N.name]=N.validation.message||`Minimum value is ${Z}`),K!==void 0&&parseFloat($)>K&&(o[N.name]=N.validation.message||`Maximum value is ${K}`),me&&!me($)&&(o[N.name]=N.validation.message||"Validation failed")}}),X(o),Object.keys(o).length===0},R=a=>{if(a.preventDefault(),a.stopPropagation(),I(g)){const o=g+1;S(o),Y(k=>new Set([...k,o])),v()}},b=a=>{a.preventDefault(),a.stopPropagation(),S(o=>o-1),v()},T=a=>{if(typeof window<"u"&&window.innerWidth<1024&&D(!1),y){S(a),Y(o=>new Set([...o,a])),v();return}(G.has(a)||a===g+1)&&(a>g?I(g)&&(S(a),Y(o=>new Set([...o,a])),v()):(S(a),v()))},V=a=>{a.preventDefault(),!y&&I(g)&&n(W)},U=g===d.length-1,Q=g===0;return e.jsxs("form",{onSubmit:V,className:"flex h-full overflow-hidden relative",children:[c&&e.jsx("div",{className:"lg:hidden absolute inset-0 z-20 bg-black/40 backdrop-blur-[1px]",onClick:()=>D(!1)}),e.jsxs("div",{className:`
|
|
376
368
|
overflow-hidden transition-all duration-300 ease-in-out
|
|
377
369
|
border-r border-slate-200 dark:border-slate-700
|
|
378
370
|
absolute z-30 h-full bg-white dark:bg-slate-800
|
|
379
371
|
lg:relative lg:flex-shrink-0 lg:z-auto lg:h-auto lg:bg-transparent dark:lg:bg-transparent
|
|
380
|
-
${
|
|
381
|
-
`,children:[!
|
|
372
|
+
${c?"w-52 lg:w-56":"w-0 lg:w-10"}
|
|
373
|
+
`,children:[!c&&e.jsxs("div",{className:"flex flex-col h-full items-center justify-between py-4 px-2 gap-3",children:[e.jsx("div",{className:"flex flex-col items-center gap-2 flex-1 justify-center",children:d.map((a,o)=>{const k=o===g,N=o<g;return e.jsx("button",{type:"button",onClick:()=>T(o),title:d[o].title,className:`
|
|
382
374
|
rounded-full transition-all duration-300 flex-shrink-0
|
|
383
|
-
${
|
|
384
|
-
`},
|
|
375
|
+
${N?"w-2 h-2 bg-emerald-500 shadow-sm":k?y?"w-2.5 h-2.5 bg-blue-500 shadow-md ring-2 ring-blue-300/40 dark:ring-blue-600/40":"w-2.5 h-2.5 bg-violet-500 shadow-md ring-2 ring-violet-300/40 dark:ring-violet-600/40":"w-2 h-2 bg-slate-300 dark:bg-slate-600 hover:bg-slate-400"}
|
|
376
|
+
`},o)})}),e.jsx("div",{className:"w-1 h-16 bg-slate-200/60 dark:bg-slate-700/60 rounded-full overflow-hidden",children:e.jsx("div",{className:`w-full rounded-full transition-all duration-500 ${y?"bg-blue-500":"bg-gradient-to-b from-violet-500 to-indigo-500"}`,style:{height:`${(g+1)/d.length*100}%`}})})]}),c&&e.jsxs("div",{className:"h-full flex flex-col px-3 sm:px-4 pt-4 pb-4 overflow-y-auto",children:[e.jsx("div",{className:"flex-1 space-y-1.5 mb-4",children:d.map((a,o)=>{const k=o===g,N=(y||G.has(o))&&o<g,$=y?!0:G.has(o)||o===g+1,z=a.icon;return e.jsx("button",{type:"button",onClick:()=>$&&T(o),disabled:!$,className:`
|
|
385
377
|
w-full p-3 rounded-xl transition-all duration-200 text-left
|
|
386
|
-
${
|
|
378
|
+
${k?y?"bg-gradient-to-r from-blue-600 to-cyan-600 text-white shadow-md scale-[1.01]":"bg-gradient-to-r from-violet-600 to-indigo-600 text-white shadow-md scale-[1.01]":N?"bg-white dark:bg-slate-800/50 border border-emerald-200 dark:border-emerald-500/30 hover:shadow-sm":$?"bg-white dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 hover:shadow-sm":"bg-slate-100 dark:bg-slate-800/30 border border-slate-200 dark:border-slate-700 opacity-50 cursor-not-allowed"}
|
|
387
379
|
`,children:e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("div",{className:`
|
|
388
380
|
w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0 transition-all
|
|
389
|
-
${
|
|
390
|
-
`,children:
|
|
381
|
+
${k?"bg-white/20":N?"bg-emerald-100 dark:bg-emerald-500/20":"bg-slate-100 dark:bg-slate-700"}
|
|
382
|
+
`,children:N&&!k?e.jsx(p.CheckCircle,{className:"w-4 h-4 text-emerald-600 dark:text-emerald-400"}):e.jsx(z,{className:`w-4 h-4 ${k?"text-white":$?y?"text-blue-600 dark:text-blue-400":"text-violet-600 dark:text-violet-400":"text-slate-400 dark:text-slate-500"}`})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-0.5",children:[e.jsxs("span",{className:`text-[10px] font-semibold uppercase tracking-wider ${k?"text-white/70":"text-slate-400 dark:text-slate-500"}`,children:[y?"§":"#",o+1]}),N&&!k&&!y&&e.jsx("span",{className:"inline-flex items-center px-1.5 py-0.5 rounded-full text-[10px] font-semibold bg-emerald-100 text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-400",children:"✓"})]}),e.jsx("p",{className:`text-xs font-semibold truncate leading-tight ${k?"text-white":N?"text-slate-900 dark:text-white":$?"text-slate-700 dark:text-slate-300":"text-slate-400 dark:text-slate-500"}`,children:a.title}),a.subtitle&&e.jsx("p",{className:`text-[10px] mt-0.5 line-clamp-1 leading-snug ${k?"text-white/75":"text-slate-400 dark:text-slate-500"}`,children:a.subtitle})]})]})},o)})}),!y&&E&&e.jsx("div",{className:"p-3 rounded-xl bg-blue-50 border border-blue-200 dark:bg-blue-900/20 dark:border-blue-800/30 flex-shrink-0",children:e.jsxs("p",{className:"text-[11px] text-slate-600 dark:text-slate-400 leading-relaxed",children:[e.jsx("span",{className:"font-semibold text-blue-600 dark:text-blue-400",children:"Tip: "}),E]})})]})]}),e.jsxs("div",{className:"flex-1 flex flex-col min-h-0 relative",children:[e.jsxs("div",{className:`lg:hidden flex-shrink-0 flex items-center gap-2.5 px-3.5 py-2
|
|
391
383
|
border-b border-slate-200 dark:border-slate-700
|
|
392
|
-
bg-white dark:bg-slate-800`,children:[e.jsx("button",{type:"button",onClick:()=>
|
|
384
|
+
bg-white dark:bg-slate-800`,children:[e.jsx("button",{type:"button",onClick:()=>D(!c),className:`p-2.5 rounded-lg border border-slate-200 dark:border-slate-600
|
|
393
385
|
bg-white dark:bg-slate-700 text-slate-500 dark:text-slate-400
|
|
394
386
|
hover:bg-violet-50 hover:border-violet-300 hover:text-violet-600
|
|
395
387
|
dark:hover:bg-violet-900/30 dark:hover:border-violet-600 dark:hover:text-violet-400
|
|
396
|
-
transition-all duration-200 active:scale-95`,"aria-label":"Toggle steps",children:
|
|
388
|
+
transition-all duration-200 active:scale-95`,"aria-label":"Toggle steps",children:c?e.jsx(p.ChevronLeft,{className:"w-4 h-4"}):e.jsx(p.ChevronRight,{className:"w-4 h-4"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-xs font-semibold text-slate-700 dark:text-slate-300 truncate",children:d[g].title}),e.jsxs("p",{className:`text-[10px] font-medium ${y?"text-blue-500":"text-violet-500"}`,children:[y?"Section":"Step"," ",g+1,"/",d.length]})]}),e.jsx("div",{className:"w-16 h-1.5 bg-slate-200 dark:bg-slate-700 rounded-full overflow-hidden flex-shrink-0",children:e.jsx("div",{className:`h-1.5 rounded-full transition-all duration-300 ${y?"bg-blue-500":"bg-gradient-to-r from-violet-500 to-indigo-500"}`,style:{width:`${(g+1)/d.length*100}%`}})})]}),e.jsx("button",{type:"button",onClick:()=>D(!c),className:`hidden lg:flex absolute left-0 top-5 -translate-x-[1.625rem] z-20
|
|
397
389
|
w-6 h-6 lg:w-7 lg:h-7 rounded-full
|
|
398
390
|
bg-white dark:bg-slate-800
|
|
399
391
|
border border-slate-200 dark:border-slate-600
|
|
@@ -402,47 +394,47 @@ React keys must be passed directly to JSX without using spread:
|
|
|
402
394
|
hover:bg-violet-50 dark:hover:bg-violet-900/30
|
|
403
395
|
hover:border-violet-300 dark:hover:border-violet-600
|
|
404
396
|
hover:scale-110 active:scale-95
|
|
405
|
-
transition-all duration-200 group`,"aria-label":
|
|
397
|
+
transition-all duration-200 group`,"aria-label":c?"Collapse steps":"Expand steps",children:c?e.jsx(p.ChevronLeft,{className:"w-3 h-3 lg:w-3.5 lg:h-3.5 text-slate-400 group-hover:text-violet-500 transition-colors"}):e.jsx(p.ChevronRight,{className:"w-3 h-3 lg:w-3.5 lg:h-3.5 text-slate-400 group-hover:text-violet-500 transition-colors"})}),e.jsx("div",{ref:L,className:"flex-1 min-h-0 overflow-y-auto px-3.5 sm:px-5 lg:px-6 py-4 sm:py-5",children:e.jsx("div",{className:"space-y-4 sm:space-y-5 w-full",children:d[g].customRender?y&&d[g].customViewRender?e.jsx("div",{className:"w-full",children:typeof d[g].customViewRender=="function"?d[g].customViewRender():d[g].customViewRender}):e.jsx("div",{className:"w-full",children:typeof d[g].customRender=="function"?d[g].customRender({formData:W,errors:A,handleChange:M,mode:_}):d[g].customRender}):(s=d[g].fields)==null?void 0:s.map((a,o)=>e.jsx(re,{index:o,field:{...a,disabled:y||a.disabled},value:W[a.name],onChange:M,error:A[a.name],mode:_},a.name||o))})}),e.jsx("div",{className:`flex-shrink-0 px-4 py-3 sm:px-5 sm:py-3.5
|
|
406
398
|
border-t border-slate-200 dark:border-slate-700
|
|
407
|
-
bg-white dark:bg-slate-800`,children:e.jsxs("div",{className:"flex items-center justify-between gap-2.5",children:[
|
|
399
|
+
bg-white dark:bg-slate-800`,children:e.jsxs("div",{className:"flex items-center justify-between gap-2.5",children:[Q?e.jsx("div",{}):e.jsxs("button",{type:"button",onClick:b,className:`inline-flex items-center gap-2 px-3.5 py-2.5 sm:px-4 sm:py-2.5
|
|
408
400
|
rounded-xl text-sm font-semibold transition-all duration-200
|
|
409
401
|
bg-white hover:bg-slate-50 text-slate-700
|
|
410
402
|
border border-slate-200 dark:border-slate-600
|
|
411
403
|
dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300
|
|
412
|
-
shadow-sm hover:shadow-md hover:scale-105 active:scale-95`,children:[e.jsx(
|
|
404
|
+
shadow-sm hover:shadow-md hover:scale-105 active:scale-95`,children:[e.jsx(p.ChevronLeft,{className:"w-4 h-4 flex-shrink-0"}),e.jsx("span",{className:H?void 0:"hidden sm:inline",children:"Previous"})]}),e.jsx("div",{className:"flex-1"}),e.jsx("div",{className:"flex items-center gap-2",children:y?e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",onClick:l,className:`hidden sm:inline-flex items-center gap-1.5 px-3.5 py-2.5 sm:px-4 sm:py-2.5
|
|
413
405
|
rounded-xl text-sm font-semibold transition-all duration-200
|
|
414
406
|
bg-white hover:bg-slate-50 text-slate-700
|
|
415
407
|
border border-slate-200 dark:border-slate-600
|
|
416
408
|
dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300
|
|
417
|
-
shadow-sm hover:shadow-md hover:scale-105 active:scale-95`,children:[e.jsx(
|
|
409
|
+
shadow-sm hover:shadow-md hover:scale-105 active:scale-95`,children:[e.jsx(p.X,{className:"w-4 h-4 flex-shrink-0"}),e.jsx("span",{className:"hidden sm:inline",children:"Close"})]}),!U&&e.jsxs("button",{type:"button",onClick:R,className:`inline-flex items-center gap-1.5 px-3.5 py-2.5 sm:px-4 sm:py-2.5
|
|
418
410
|
rounded-xl text-sm font-semibold transition-all duration-200
|
|
419
411
|
bg-white hover:bg-slate-50 text-slate-700
|
|
420
412
|
border border-slate-200 dark:border-slate-600
|
|
421
413
|
dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300
|
|
422
|
-
shadow-sm hover:shadow-md hover:scale-105 active:scale-95`,children:[e.jsx("span",{className:"hidden sm:inline",children:"Next"}),e.jsx(
|
|
414
|
+
shadow-sm hover:shadow-md hover:scale-105 active:scale-95`,children:[e.jsx("span",{className:"hidden sm:inline",children:"Next"}),e.jsx(p.ChevronRight,{className:"w-4 h-4 flex-shrink-0"})]}),i&&e.jsxs("button",{type:"button",onClick:i,className:`inline-flex items-center gap-1.5 px-3.5 py-2.5 sm:px-4 sm:py-2.5
|
|
423
415
|
rounded-xl text-sm font-semibold transition-all duration-200
|
|
424
416
|
bg-gradient-to-r from-violet-600 to-indigo-600
|
|
425
417
|
hover:from-violet-700 hover:to-indigo-700
|
|
426
418
|
text-white shadow-md hover:shadow-lg
|
|
427
|
-
hover:scale-105 active:scale-95`,children:[e.jsx(
|
|
419
|
+
hover:scale-105 active:scale-95`,children:[e.jsx(p.Edit,{className:"w-4 h-4 flex-shrink-0"}),e.jsx("span",{className:"hidden sm:inline",children:w}),e.jsx("span",{className:"sm:hidden",children:"Edit"})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",onClick:l,className:`
|
|
428
420
|
items-center gap-1.5 px-3.5 py-2.5 sm:px-4 sm:py-2.5
|
|
429
421
|
rounded-xl text-sm font-semibold transition-all duration-200
|
|
430
422
|
bg-white hover:bg-slate-50 text-slate-700
|
|
431
423
|
border border-slate-200 dark:border-slate-600
|
|
432
424
|
dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300
|
|
433
425
|
shadow-sm hover:shadow-md hover:scale-105 active:scale-95
|
|
434
|
-
${
|
|
435
|
-
`,children:[e.jsx(
|
|
426
|
+
${H?"hidden sm:inline-flex":"inline-flex"}
|
|
427
|
+
`,children:[e.jsx(p.X,{className:"w-4 h-4 flex-shrink-0"}),e.jsx("span",{className:"hidden sm:inline",children:h})]}),U?e.jsxs("button",{type:"submit",className:`inline-flex items-center gap-1.5 px-3.5 py-2.5 sm:px-4 sm:py-2.5
|
|
436
428
|
rounded-xl text-sm font-semibold transition-all duration-200
|
|
437
429
|
bg-gradient-to-r from-violet-600 to-indigo-600
|
|
438
430
|
hover:from-violet-700 hover:to-indigo-700
|
|
439
431
|
text-white shadow-md hover:shadow-lg
|
|
440
|
-
hover:scale-105 active:scale-95`,children:[e.jsx(
|
|
432
|
+
hover:scale-105 active:scale-95`,children:[e.jsx(p.Check,{className:"w-4 h-4 flex-shrink-0"}),e.jsx("span",{children:m})]}):e.jsxs("button",{type:"button",onClick:R,className:`inline-flex items-center gap-1.5 px-3.5 py-2.5 sm:px-4 sm:py-2.5
|
|
441
433
|
rounded-xl text-sm font-semibold transition-all duration-200
|
|
442
434
|
bg-white hover:bg-slate-50 text-slate-700
|
|
443
435
|
border border-slate-200 dark:border-slate-600
|
|
444
436
|
dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300
|
|
445
|
-
shadow-sm hover:shadow-md hover:scale-105 active:scale-95`,children:[e.jsx("span",{children:"Next"}),e.jsx(
|
|
437
|
+
shadow-sm hover:shadow-md hover:scale-105 active:scale-95`,children:[e.jsx("span",{children:"Next"}),e.jsx(p.ChevronRight,{className:"w-4 h-4 flex-shrink-0"})]})]})})]})})]})]})},Le=({header:t,error:r=null,errorDescription:n=null,onErrorClose:l,children:i,loading:x=!1,loadingMessage:m="Loading data..."})=>e.jsx("div",{className:"h-full w-full flex flex-col overflow-hidden p-2.5 sm:p-3.5",children:e.jsxs("div",{className:"flex flex-col gap-2.5 sm:gap-3 h-full overflow-hidden",children:[t&&e.jsx("div",{className:"flex-shrink-0",children:t}),r&&e.jsx("div",{className:`
|
|
446
438
|
flex-shrink-0 rounded-xl border overflow-hidden
|
|
447
439
|
bg-red-50 border-red-200/70 shadow-sm
|
|
448
440
|
dark:bg-red-900/20 dark:border-red-800/40
|
|
@@ -451,29 +443,29 @@ React keys must be passed directly to JSX without using spread:
|
|
|
451
443
|
flex-shrink-0 w-7 h-7 sm:w-8 sm:h-8 rounded-lg mt-0.5
|
|
452
444
|
bg-red-100 dark:bg-red-800/30
|
|
453
445
|
flex items-center justify-center
|
|
454
|
-
`,children:e.jsx(
|
|
446
|
+
`,children:e.jsx(p.AlertTriangle,{className:"w-3.5 h-3.5 sm:w-4 sm:h-4 text-red-600 dark:text-red-400"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm font-semibold text-red-800 dark:text-red-300 leading-snug",children:r}),n&&e.jsx("p",{className:"mt-0.5 text-xs text-red-700/80 dark:text-red-400 leading-relaxed",children:n})]}),l&&e.jsx("button",{onClick:l,className:`flex-shrink-0 p-2 rounded-lg mt-0.5
|
|
455
447
|
text-red-400 transition-all duration-200
|
|
456
448
|
hover:bg-red-100 hover:text-red-600
|
|
457
449
|
dark:hover:bg-red-800/50 dark:hover:text-red-300
|
|
458
|
-
hover:scale-105 active:scale-95`,"aria-label":"Dismiss error",children:e.jsx(
|
|
450
|
+
hover:scale-105 active:scale-95`,"aria-label":"Dismiss error",children:e.jsx(p.X,{className:"w-3.5 h-3.5"})})]})})}),e.jsx("div",{className:"flex-grow min-h-0 overflow-y-auto",children:x?e.jsx("div",{className:`
|
|
459
451
|
h-full flex items-center justify-center
|
|
460
452
|
rounded-xl sm:rounded-2xl border
|
|
461
453
|
bg-white border-slate-200/60 shadow-sm
|
|
462
454
|
dark:bg-slate-800/50 dark:border-slate-700/50
|
|
463
455
|
`,children:e.jsxs("div",{className:"flex flex-col items-center gap-3 px-6 py-10",children:[e.jsxs("div",{className:"relative w-9 h-9",children:[e.jsx("div",{className:"absolute inset-0 rounded-full border-[2.5px] border-slate-200 dark:border-slate-700"}),e.jsx("div",{className:`absolute inset-0 rounded-full border-[2.5px] border-transparent
|
|
464
|
-
border-t-violet-600 dark:border-t-violet-400 animate-spin`})]}),e.jsx("div",{className:"flex items-center gap-1",children:[0,120,240].map(
|
|
465
|
-
animate-bounce`,style:{animationDelay:`${
|
|
466
|
-
border-slate-200 border-t-violet-500 border-r-violet-500 mb-4`}),e.jsx("div",{className:"flex items-center gap-1 mb-3",children:[0,120,240].map(
|
|
456
|
+
border-t-violet-600 dark:border-t-violet-400 animate-spin`})]}),e.jsx("div",{className:"flex items-center gap-1",children:[0,120,240].map(h=>e.jsx("span",{className:`w-1 h-1 rounded-full bg-gradient-to-r from-violet-500 to-indigo-500
|
|
457
|
+
animate-bounce`,style:{animationDelay:`${h}ms`}},h))}),e.jsx("p",{className:"text-xs font-medium text-slate-500 dark:text-slate-400",children:m})]})}):i})]})}),Me=({message:t="Loading...",supportingMessage:r=!1,title:n="Loading Data",className:l="",size:i="lg"})=>{const x={sm:"h-7 w-7 border-2",md:"h-9 w-9 border-[3px]",lg:"h-10 w-10 sm:h-12 sm:w-12 border-[3px] sm:border-[4px]",xl:"h-12 w-12 sm:h-16 sm:w-16 border-[4px]"};return e.jsxs("div",{className:`flex flex-col items-center justify-center h-full w-full text-center px-4 ${l}`,children:[e.jsx("div",{className:`animate-spin rounded-full ${x[i]}
|
|
458
|
+
border-slate-200 border-t-violet-500 border-r-violet-500 mb-4`}),e.jsx("div",{className:"flex items-center gap-1 mb-3",children:[0,120,240].map(m=>e.jsx("span",{className:"w-1 h-1 rounded-full bg-gradient-to-r from-violet-500 to-indigo-500 animate-bounce",style:{animationDelay:`${m}ms`}},m))}),e.jsx("h3",{className:"text-sm sm:text-base font-semibold text-slate-900 dark:text-slate-200 mb-1",children:n}),e.jsx("p",{className:"text-xs sm:text-sm text-slate-500 dark:text-slate-400 max-w-xs",children:r||t})]})},Te=({error:t,errorDescription:r,onClose:n})=>t?e.jsx("div",{className:`mx-4 mt-3 sm:mx-5 sm:mt-4 rounded-xl border
|
|
467
459
|
border-red-200 bg-red-50
|
|
468
460
|
dark:bg-red-900/20 dark:border-red-800/50
|
|
469
461
|
animate-in slide-in-from-top-1 duration-200`,children:e.jsx("div",{className:"px-3.5 py-3 sm:px-4",children:e.jsxs("div",{className:"flex items-start gap-2.5",children:[e.jsx("div",{className:`flex-shrink-0 w-7 h-7 rounded-lg mt-0.5
|
|
470
462
|
bg-red-100 dark:bg-red-800/30
|
|
471
|
-
flex items-center justify-center`,children:e.jsx(
|
|
463
|
+
flex items-center justify-center`,children:e.jsx(p.AlertTriangle,{className:"w-3.5 h-3.5 text-red-600 dark:text-red-400"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm font-semibold text-red-800 dark:text-red-300 leading-snug",children:t}),r&&e.jsx("p",{className:"mt-0.5 text-xs text-red-700/80 dark:text-red-400 leading-relaxed",children:r})]}),n&&e.jsx("button",{type:"button",onClick:n,"aria-label":"Close error",className:`flex-shrink-0 p-1 rounded-lg mt-0.5 transition-all duration-200
|
|
472
464
|
text-red-400
|
|
473
465
|
hover:bg-red-100 hover:text-red-600
|
|
474
466
|
dark:hover:bg-red-800/50 dark:hover:text-red-300
|
|
475
|
-
hover:scale-105 active:scale-95`,children:e.jsx(
|
|
476
|
-
prose ${
|
|
467
|
+
hover:scale-105 active:scale-95`,children:e.jsx(p.X,{className:"w-3.5 h-3.5"})})]})})}):null,_e=({content:t,className:r="",emptyText:n=null,size:l="md"})=>{if(!t||!t.replace(/<[^>]*>/g,"").trim())return n?e.jsx("span",{className:"text-slate-400 dark:text-slate-500 text-sm italic",children:n}):null;const i={xs:"prose-xs text-xs",sm:"prose-sm text-sm",md:"prose-base text-base"}[l]||"prose-sm text-sm";return e.jsx("div",{className:`
|
|
468
|
+
prose ${i} max-w-none
|
|
477
469
|
text-slate-700 dark:text-slate-300
|
|
478
470
|
|
|
479
471
|
[&>*]:my-0.5
|
|
@@ -489,5 +481,5 @@ React keys must be passed directly to JSX without using spread:
|
|
|
489
481
|
|
|
490
482
|
[&>strong]:font-semibold
|
|
491
483
|
|
|
492
|
-
${
|
|
493
|
-
`,dangerouslySetInnerHTML:{__html:
|
|
484
|
+
${r}
|
|
485
|
+
`,dangerouslySetInnerHTML:{__html:t}})};let P=null;const ze=({items:t=[],onReorder:r,onDropFrom:n,onDropTo:l,listId:i="default",disabled:x=!1,renderItem:m,className:h="",dropZoneClassName:w="",activeDropZoneClassName:j="",children:F,footer:E=null})=>{const C=f.useRef(null),[_,L]=f.useState(null),[g,S]=f.useState(!1),[c,D]=f.useState(null);f.useEffect(()=>{const d=()=>{P&&(P=null,D(null),L(null),S(!1),C.current=null)};return document.addEventListener("dragend",d),()=>document.removeEventListener("dragend",d)},[]);const W=(d,v)=>{C.current=v,D(t[v].id),P={listId:i,index:v,item:t[v]},d.dataTransfer.effectAllowed="move"},B=(d,v)=>{d.preventDefault(),(P==null?void 0:P.listId)===i&&L(v)},A=()=>{C.current=null,D(null),L(null),S(!1),P=null},X=d=>{d.preventDefault(),!x&&(P==null?void 0:P.listId)!==i&&S(!0)},G=d=>{d.currentTarget.contains(d.relatedTarget)||(S(!1),(P==null?void 0:P.listId)===i&&L(null))},Y=(d,v)=>{if(d.preventDefault(),d.stopPropagation(),!!P){if(P.listId===i){const M=C.current;if(M===v){A();return}const I=[...t],[R]=I.splice(M,1);I.splice(v,0,R),r==null||r(I)}else n==null||n({item:P.item,fromListId:P.listId,toIndex:v}),l==null||l({item:P.item,fromIndex:P.index});A()}},y=d=>{if(d.preventDefault(),!!P){if(P.listId===i){A();return}n==null||n({item:P.item,fromListId:P.listId,toIndex:t.length}),l==null||l({item:P.item,fromIndex:P.index}),A()}},H=g&&!x&&(P==null?void 0:P.listId)!==i;return e.jsxs("div",{className:`${w} ${H?j:""} ${h}`,onDragOver:x?void 0:X,onDragLeave:x?void 0:G,onDrop:x?void 0:y,children:[t.length===0?F:t.map((d,v)=>{const M=c===d.id,I=(P==null?void 0:P.listId)===i&&_===v&&c!==d.id;return m(d,v,x?{}:{draggable:!0,onDragStart:b=>W(b,v),onDragEnter:b=>B(b,v),onDragEnd:A,onDrop:b=>Y(b,v)},M,I)}),E]})};O.ActionButton=Ne,O.DataTable=je,O.DragDropList=ze,O.DynamicForm=Se,O.DynamicFormMultiStep=Ce,O.Footer=ue,O.FormField=re,O.HtmlContent=_e,O.IconButton=pe,O.Loader=Me,O.ManagerLayout=Le,O.Modal=ye,O.ModalErrorAlert=Te,O.Navbar=ge,O.PageHeader=fe,O.PrimaryButton=ke,O.SearchInput=we,O.SelectModal=xe,O.SelectModalField=Ee,O.Sidebar=ve,O.Toggle=ce,O.UserMenu=de,Object.defineProperty(O,Symbol.toStringTag,{value:"Module"})});
|