sera-components 1.8.6 → 1.8.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +2 -2
- package/dist/index.umd.cjs +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -944,7 +944,7 @@ const zi = Fe(
|
|
|
944
944
|
o,
|
|
945
945
|
i
|
|
946
946
|
), l = s[n];
|
|
947
|
-
return l === void 0 ? /* @__PURE__ */ u.jsx(V, { size: "sm", children: n }) : l === null ? /* @__PURE__ */ u.jsx(Fi, {}) : a === void 0 ? /* @__PURE__ */ u.jsx(V, { size: "sm", children: l.name }) : /* @__PURE__ */ u.jsx(
|
|
947
|
+
return l === void 0 ? /* @__PURE__ */ u.jsx(V, { size: "sm", span: !0, children: n }) : l === null ? /* @__PURE__ */ u.jsx(Fi, {}) : a === void 0 ? /* @__PURE__ */ u.jsx(V, { size: "sm", span: !0, children: l.name }) : /* @__PURE__ */ u.jsx(
|
|
948
948
|
r,
|
|
949
949
|
{
|
|
950
950
|
path: a,
|
|
@@ -968,7 +968,7 @@ const zi = Fe(
|
|
|
968
968
|
);
|
|
969
969
|
return /* @__PURE__ */ u.jsx(W, { gap: "xs", children: n.map((a, l) => {
|
|
970
970
|
const c = o[a];
|
|
971
|
-
return c === void 0 ? /* @__PURE__ */ u.jsx(V, { size: "sm", children: n }, a) : c === null ? /* @__PURE__ */ u.jsx(Fi, {}, a) : s === void 0 ? /* @__PURE__ */ u.jsx(V, { size: "sm", children: c.name }, l) : /* @__PURE__ */ u.jsx(
|
|
971
|
+
return c === void 0 ? /* @__PURE__ */ u.jsx(V, { size: "sm", span: !0, children: n }, a) : c === null ? /* @__PURE__ */ u.jsx(Fi, {}, a) : s === void 0 ? /* @__PURE__ */ u.jsx(V, { size: "sm", span: !0, children: c.name }, l) : /* @__PURE__ */ u.jsx(
|
|
972
972
|
r,
|
|
973
973
|
{
|
|
974
974
|
path: s,
|
package/dist/index.umd.cjs
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,B,H,ct,H),ko[H+B]=!0)}if(H=null,k!==void 0&&(n(k),H=""+k),s(D)&&(n(D.key),H=""+D.key),"key"in D){k={};for(var xr in D)xr!=="key"&&(k[xr]=D[xr])}else k=D;return H&&a(k,typeof C=="function"?C.displayName||C.name||"Unknown":C),c(C,H,k,i(),gn,wr)}function p(C){h(C)?C._store&&(C._store.validated=1):typeof C=="object"&&C!==null&&C.$$typeof===ne&&(C._payload.status==="fulfilled"?h(C._payload.value)&&C._payload.value._store&&(C._payload.value._store.validated=1):C._store&&(C._store.validated=1))}function h(C){return typeof C=="object"&&C!==null&&C.$$typeof===v}var f=S,v=Symbol.for("react.transitional.element"),_=Symbol.for("react.portal"),m=Symbol.for("react.fragment"),b=Symbol.for("react.strict_mode"),O=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),E=Symbol.for("react.context"),P=Symbol.for("react.forward_ref"),$=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),q=Symbol.for("react.memo"),ne=Symbol.for("react.lazy"),Sr=Symbol.for("react.activity"),fn=Symbol.for("react.client.reference"),yr=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Mo=Object.prototype.hasOwnProperty,Gu=Array.isArray,Cr=console.createTask?console.createTask:function(){return null};f={react_stack_bottom_frame:function(C){return C()}};var Fo,To={},Lo=f.react_stack_bottom_frame.bind(f,o)(),$o=Cr(r(o)),ko={};gt.Fragment=m,gt.jsx=function(C,D,k){var B=1e4>yr.recentlyCreatedOwnerStacks++;return d(C,D,k,!1,B?Error("react-stack-top-frame"):Lo,B?Cr(r(C)):$o)},gt.jsxs=function(C,D,k){var B=1e4>yr.recentlyCreatedOwnerStacks++;return d(C,D,k,!0,B?Error("react-stack-top-frame"):Lo,B?Cr(r(C)):$o)}})()),gt}var jr;function Uo(){return jr||(jr=1,process.env.NODE_ENV==="production"?Dt.exports=Ho():Dt.exports=qo()),Dt.exports}var u=Uo();const G={UK:{svgFlag:"https://flagcdn.com/gb.svg",emojiFlag:"🇬🇧"},VN:{svgFlag:"https://flagcdn.com/vn.svg",emojiFlag:"🇻🇳"},US:{svgFlag:"https://flagcdn.com/us.svg",emojiFlag:"🇺🇸"},CA:{svgFlag:"https://flagcdn.com/ca.svg",emojiFlag:"🇨🇦"},BR:{svgFlag:"https://flagcdn.com/br.svg",emojiFlag:"🇧🇷"},ES:{svgFlag:"https://flagcdn.com/es.svg",emojiFlag:"🇪🇸"},IT:{svgFlag:"https://flagcdn.com/it.svg",emojiFlag:"🇮🇹"},NZ:{svgFlag:"https://flagcdn.com/nz.svg",emojiFlag:"🇳🇿"},MX:{svgFlag:"https://flagcdn.com/mx.svg",emojiFlag:"🇲🇽"},CN:{svgFlag:"https://flagcdn.com/cn.svg",emojiFlag:"🇨🇳"},AU:{svgFlag:"https://flagcdn.com/au.svg",emojiFlag:"🇦🇺"},JP:{svgFlag:"https://flagcdn.com/jp.svg",emojiFlag:"🇯🇵"},FR:{svgFlag:"https://flagcdn.com/fr.svg",emojiFlag:"🇫🇷"},DE:{svgFlag:"https://flagcdn.com/de.svg",emojiFlag:"🇩🇪"},IN:{svgFlag:"https://flagcdn.com/in.svg",emojiFlag:"🇮🇳"},CAM:{svgFlag:"https://flagcdn.com/kh.svg",emojiFlag:"🇰🇭"}},Ar=({flag:e})=>u.jsx(g.Paper,{shadow:"xs",w:20,h:14,children:u.jsx(g.Image,{src:e.svgFlag,w:20,h:14,fit:"cover"})}),Nr=({flag:e})=>u.jsx(g.Text,{component:"span",style:t=>({textShadow:t.shadows.xs}),children:e.emojiFlag}),It=navigator.userAgent.includes("Windows")?Ar:Nr,me=S.createContext(new Intl.Locale("en-US")),Ko=we.observer(({value:e,children:t})=>u.jsx(me.Provider,{value:e.locale,children:t})),Yo={lang2value:{en:"Choose Language",vi:"Chọn ngôn ngữ"}},Vt={en:{name:"English",flag:G.US,locale:new Intl.Locale("en-US")},vi:{name:"Tiếng Việt",flag:G.VN,locale:new Intl.Locale("vi-VN")}},Wo=({locale:e,setLocale:t})=>{const n=S.useMemo(()=>Object.entries(Vt).map(([r,{flag:i,name:o,locale:s}])=>u.jsx(g.Menu.Item,{onClick:()=>t(s),leftSection:u.jsx(It,{flag:i}),rightSection:e.language===r&&u.jsx(T.IconCheck,{size:"15",color:"#2986cc",stroke:2}),children:u.jsx(g.Text,{size:"sm",children:o})},r)),[Vt,e]);return u.jsxs(g.Menu,{width:170,children:[u.jsx(g.Menu.Target,{children:u.jsx(g.Button,{variant:"subtle",size:"sm",leftSection:u.jsx(It,{flag:Vt[e.language].flag}),children:u.jsx(g.Text,{size:"sm",children:Vt[e.language].name})})}),u.jsxs(g.Menu.Dropdown,{children:[u.jsx(g.Menu.Label,{children:u.jsx(g.Text,{size:"sm",children:Yo.lang2value[e.language]})}),n]})]})},F=({value:e})=>{const t=S.useContext(me);return e.lang2value[t.language]||e.lang2value[e.lang]},Xo=e=>{const t=S.useContext(me);return e.lang2value[t.language]||e.lang2value[e.lang]};function ke(e,t){return t.lang2value[e.language]||t.lang2value[t.lang]}const Jo=({message:e,navigate:t})=>u.jsx(g.Container,{size:"xs",style:{height:"100vh",display:"flex",alignItems:"center",justifyContent:"center"},children:u.jsx(g.Alert,{color:"red",title:"Not Found",variant:"404 - Not Found",icon:u.jsx(T.IconInfoCircle,{size:12,stroke:1.5}),children:u.jsxs(g.Stack,{align:"flex-start",children:[e||"Sorry, the page you are looking for does not exist.",u.jsx(g.Button,{variant:"filled",onClick:()=>t("/"),size:"xs",children:"Back Home"})]})})}),Qo=({message:e})=>u.jsx(g.Alert,{color:"red",title:"Not Found",variant:"404 - Not Found",icon:u.jsx(T.IconInfoCircle,{size:12,stroke:1.5}),children:e||"Sorry, the page you are looking for does not exist."}),hn=({message:e})=>u.jsx(g.Text,{c:"red",size:"sm",children:e||"Not Found"}),Zo=({tip:e})=>e===void 0?u.jsx(g.Flex,{justify:"center",align:"center",children:u.jsx(g.Loader,{color:"blue",size:"md"})}):u.jsxs(g.Flex,{gap:"md",direction:"column",justify:"center",align:"center",style:{height:"100%"},children:[u.jsx(g.Loader,{color:"blue",size:"md"}),e]}),es=({tip:e})=>e===void 0?u.jsx(g.Loader,{color:"blue",size:"xs"}):u.jsxs(g.Flex,{gap:"md",direction:"column",justify:"center",align:"center",children:[u.jsx(g.Loader,{color:"blue",size:"xs"}),e]}),ts=({message:e})=>u.jsx(g.Alert,{color:"red",title:"Not Found",variant:"403 - Not Authorized",icon:u.jsx(T.IconInfoCircle,{size:12,stroke:1.5}),children:e||"Sorry, you are not authorized to access this page."});function ns(e,t){return e.reduce((n,r)=>{const i=t(r);return n[i]||(n[i]=[]),n[i].push(r),n},{})}function rs(e,t){const n=[];let r;return e.reduce((i,o)=>{const s=t(o);return s===void 0?(r===void 0&&(r=n.length,n.push([])),n[r].push(o)):(i[s]===void 0&&(i[s]=n.length,n.push([])),n[i[s]].push(o)),i},{}),n}function is(e,t){const n=new Set;return e.filter(r=>{const i=t(r);return n.has(i)?!1:(n.add(i),!0)})}class os{constructor(){$e(this,"items",[]);$e(this,"seen",new Set)}add(t,n){const r=n(t);this.seen.has(r)||(this.items.push(t),this.seen.add(r))}toArray(){return this.items}}class vn{constructor(){$e(this,"children",new Map);$e(this,"isEndOfWord",!1);$e(this,"value","")}}class mn{constructor(){$e(this,"root",new vn)}insert(t){let n=this.root;for(const r of t){let i=n.children.get(r);i===void 0&&(i=new vn,n.children.set(r,i)),n=i}n.isEndOfWord=!0,n.value=t}findLongestPrefix(t){let n=this.root,r={match:"",remaining:t};for(let i=0;i<t.length;i++){const o=t[i];if(!n.children.has(o))break;n=n.children.get(o),n.isEndOfWord&&(r={match:n.value,remaining:t.slice(i+1)})}return r}}function ze(e,t){return M.isNestedProperty(t)?t.getValue(e):e[t.tsName]}function Ge(e,t,n){M.isNestedProperty(t)?t.setValue(e,n):e[t.updateFuncName](n)}const Mt=S.createContext(!1),ss=Mt.Provider;function as(e){return S.useContext(Mt)?{"data-testid":e}:{}}function ls(e,t){return t?{"data-testid":e}:{}}function W(e,t=""){const n=S.useContext(Mt),r=S.useMemo(()=>(t!==""&&(t=`_${t}`),M.isNestedProperty(e)?`${e.allProperties.map(i=>i.name).join(".")}${t}`:`${e.name}${t}`),[e,t]);return n?{"data-testid":r}:{}}var Ft=(e=>(e[e.Allow=0]="Allow",e[e.Denied=1]="Denied",e[e.Pending=2]="Pending",e))(Ft||{});function Rr(e){const t={},n={},r={},i=(o,s=[])=>{o.forEach(a=>{const l=[...s,a.key];t[a.key]=a,n[a.key]=l,a.route!==void 0&&(r[a.key]=a.route),a.children!==void 0&&a.children.length>0&&i(a.children,l)})};return i(e),{key2item:t,key2fullpath:n,key2route:r}}function us(e){const t=new Dr,n=r=>{r.forEach(i=>{if(i.route!==void 0){const o=i.route.path.pathDef;t.insertRoute(o,i.key)}i.children!==void 0&&i.children.length>0&&n(i.children)})};return n(e),t}function Pr(e,t){return e.map(n=>{if(n.route!==void 0)return t(n.route.role)===Ft.Allow?n:null;if(n.children!==void 0){const r=n.children.filter(i=>i.route!==void 0?t(i.route.role)===Ft.Allow:!0);return r.length>0?{...n,children:r}:null}return n}).filter(n=>n!==null)}const cs=e=>{const[t,n]=S.useState(new Set),[r,i]=S.useState(new Set),[o,s]=S.useState(),a=S.useMemo(()=>Pr(e.items,e.checkPermission),[e.items,e.checkPermission]),l=S.useMemo(()=>us(e.items),[e.items]),{key2fullpath:c,key2route:d}=S.useMemo(()=>Rr(a),[a]);S.useEffect(()=>{const h=window.location.pathname,f=l.findMatchingKey(h);f!==void 0&&(i(new Set(c[f])),s(f))},[window.location.pathname,d]);const p=S.useMemo(()=>{function h(f,v){var m;const _=f.children!==void 0&&f.children.length>0;return _?u.jsxs("div",{onMouseEnter:()=>{r.has(f.key)||n(b=>{const O=new Set(b);return O.add(f.key),O})},onMouseLeave:()=>{r.has(f.key)||n(b=>{const O=new Set(b);return O.delete(f.key),O})},children:[u.jsx(g.NavLink,{active:o===f.key,label:f.label,leftSection:f.icon,styles:{label:{fontSize:"md"},root:{borderRadius:"var(--mantine-radius-sm)"}},ml:v===0?void 0:v===1?"md":`calc(var(--mantine-spacing-md) * ${v})`,w:"unset",rightSection:_?u.jsx(T.IconChevronRight,{size:12,stroke:1.5,className:"mantine-rotate-rtl"}):void 0,opened:t.has(f.key)||r.has(f.key),onClick:b=>{b.preventDefault(),i(O=>{const N=new Set(O);return O.has(f.key)?N.delete(f.key):N.add(f.key),N})}},f.key),(r.has(f.key)||t.has(f.key))&&f.children.map(b=>h(b,v+1))]},`container-${f.key}`):u.jsx(g.NavLink,{active:o===f.key,href:(m=f.route)==null?void 0:m.path.getURL(f.route.defaultPathArgs??{}),label:f.label,leftSection:f.icon,styles:{label:{fontSize:"md"},root:{borderRadius:"var(--mantine-radius-sm)"}},ml:v===0?void 0:v===1?"md":`calc(var(--mantine-spacing-md) * ${v})`,w:"unset",onClick:b=>{b.ctrlKey||b.metaKey||(b.preventDefault(),f.route!=null&&f.route.path.path(f.route.defaultPathArgs??{}).open(e.navigate))}},f.key)}return a.map(f=>h(f,0))},[a,o,r,t,e.navigate]);return u.jsx(u.Fragment,{children:p})};class Dr extends mn{constructor(){super(...arguments);$e(this,"pathToKey",new Map)}normalizePath(n){return n==="/"?"/":n.replace(/\/$/,"")}insertRoute(n,r){const i=this.normalizePath(n);this.insert(i),this.pathToKey.set(i,r)}findMatchingKey(n){const r=this.normalizePath(n),i=this.findLongestPrefix(r);if(i.match&&this.pathToKey.has(i.match)&&(r===i.match||i.remaining.startsWith("/")||i.remaining===""))return this.pathToKey.get(i.match)}}const _n=12,Ir=S.createContext({gap:"sm"}),pt=({children:e,gap:t="sm",align:n="flex-start",className:r,style:i})=>u.jsx(Ir.Provider,{value:{gap:t},children:u.jsx("div",{className:r,style:{display:"flex",gap:`var(--mantine-spacing-${t})`,alignItems:n,width:"100%",flexWrap:"wrap",...i},children:e})}),_e=({children:e,span:t,grow:n,className:r,style:i})=>{const{gap:o}=S.useContext(Ir);let s={minWidth:0,...i};if(t!==void 0){const a=t/_n*100,l=`var(--mantine-spacing-${o})`,c=(_n-t)/_n,d=`calc(${a}% - ${c} * ${l})`;s={...s,flex:`0 0 ${d}`,maxWidth:d}}else s={...s,flex:`${n??1} 1 0px`};return u.jsx("div",{className:r,style:s,children:e})},ds={lang:"en",lang2value:{en:"Confirm",vi:"Xác nhận"}},fs={lang:"en",lang2value:{en:"Cancel",vi:"Hủy"}},Vr=({children:e,title:t,onConfirm:n,onCancel:r,confirmLabel:i=ds,cancelLabel:o=fs,confirmProps:s,cancelProps:a,popoverProps:l,disabled:c=!1})=>{const[d,p]=S.useState(!1),h=S.useRef(null),f=(m=!1)=>{var O;if(p(!1),!m)return;const b=document.activeElement;b instanceof HTMLElement&&((O=h.current)!=null&&O.contains(b))&&b.blur()},v=()=>{p(!1),n()},_=()=>{p(!1),r==null||r()};return u.jsxs(g.Popover,{opened:d,onClose:()=>f(!1),onDismiss:()=>f(!1),position:"bottom",withArrow:!0,shadow:"md",...l,children:[u.jsx(g.Popover.Target,{children:u.jsx("span",{ref:h,onClick:m=>{c||(m.stopPropagation(),p(!0))},onKeyDown:m=>{!c&&d&&(m.key==="Escape"||m.key==="Esc")&&(m.stopPropagation(),f(!0))},children:e})}),u.jsx(g.Popover.Dropdown,{children:u.jsxs(g.Stack,{gap:"xs",children:[typeof t=="string"?u.jsx(g.Text,{size:"sm",children:t}):t,u.jsxs(g.Group,{gap:"xs",justify:"flex-end",children:[u.jsx(g.Button,{size:"xs",variant:"default",onClick:_,...a,children:u.jsx(F,{value:o})}),u.jsx(g.Button,{size:"xs",onClick:v,...s,children:u.jsx(F,{value:i})})]})]})})]})},Tt=({value:e})=>u.jsx(g.Text,{size:"sm",children:e});function ht(e,t){return t.toLocaleDateString(e.baseName,{year:"numeric",month:"short",day:"2-digit"})}function Mr(e,t,n=!0){const r=t.getHours().toString().padStart(2,"0"),i=t.getMinutes().toString().padStart(2,"0"),o=t.getSeconds().toString().padStart(2,"0");return n?ht(e,t)+` ${r}:${i}:${o}`:ht(e,t)+` ${r}:${i}`}const Fr=({value:e})=>{const t=S.useContext(me),n=S.useMemo(()=>Mr(t,e),[t,e]);return u.jsx(g.Text,{span:!0,size:"sm",children:n})},Tr=({value:e})=>{const t=S.useContext(me),n=S.useMemo(()=>ht(t,e),[t,e]);return u.jsx(g.Text,{span:!0,size:"sm",children:n})},gs=({value:e})=>{const t=S.useContext(me),[n,r]=S.useMemo(()=>{const i=ht(t,e),o=e.getHours().toString().padStart(2,"0"),s=e.getMinutes().toString().padStart(2,"0"),a=e.getSeconds().toString().padStart(2,"0");return[i,`${o}:${s}:${a}`]},[t,e]);return u.jsx(g.Text,{span:!0,size:"sm",title:r,children:n})},ps={yes:{lang2value:{en:"Yes",vi:"Có"},lang:"en"},no:{lang2value:{en:"No",vi:"Không"},lang:"en"}},hs=({value:e})=>u.jsx(g.Checkbox,{checked:e,label:u.jsx(F,{value:ps[e?"yes":"no"]}),readOnly:!0}),vs=({property:e,value:t})=>{if(M.isObjectProperty(e)||e.enumType===void 0)throw new Error("Invalid usage of EnumDisplay. Expect a property of type enum");return u.jsx(g.Text,{size:"sm",children:u.jsx(F,{value:e.enumType.label[t]})})},Lt=S.createContext({EntityLink:()=>null,entityRoutes:{}}),ms=({EntityLink:e,entityRoutes:t,children:n})=>u.jsx(Lt.Provider,{value:{EntityLink:e,entityRoutes:t},children:n});function Lr(e,t,n,r){const i=e.getByName(t.targetClass),o=r[t.targetClass];S.useEffect(()=>{i.fetchByIds(n)},[n]);const s={};for(const a of n)s[a]=i.get(a);return[s,o.view]}const bn=we.observer(({db:e,property:t,value:n})=>{const{EntityLink:r,entityRoutes:i}=S.useContext(Lt),o=S.useMemo(()=>[n],[n]),[s,a]=Lr(e,t,o,i),l=s[n];return l===void 0?u.jsx(g.Text,{size:"sm",children:n}):l===null?u.jsx(hn,{}):a===void 0?u.jsx(g.Text,{size:"sm",children:l.name}):u.jsx(r,{path:a,openInNewPage:!1,args:{id:l.id},children:l.name})}),Sn=we.observer(({db:e,property:t,value:n})=>{const{EntityLink:r,entityRoutes:i}=S.useContext(Lt),[o,s]=Lr(e,t,n,i);return u.jsx(g.Group,{gap:"xs",children:n.map((a,l)=>{const c=o[a];return c===void 0?u.jsx(g.Text,{size:"sm",children:n},a):c===null?u.jsx(hn,{},a):s===void 0?u.jsx(g.Text,{size:"sm",children:c.name},l):u.jsx(r,{path:s,openInNewPage:!1,args:{id:c.id},children:c.name},l)})})}),vt={string:Tt,integer:Tt,float:Tt,boolean:hs,"string[]":Tt,enum:vs,datetime:Fr,date:Tr},yn=({property:e,value:t,onChange:n,freeze:r=!1})=>{const i=W(e);return u.jsx(g.Checkbox,{...i,id:e.name,checked:t,onChange:o=>{const s=o.target.checked;n(s)},disabled:r})},mt=({property:e,value:t,onChange:n,freeze:r=!1})=>{const i=W(e);return u.jsx(g.Input,{...i,id:e.name,type:"number",value:t,onChange:o=>{const s=o.target.value;n(s===""?void 0:Number(s))},disabled:r})},_s={lang2value:{en:"The leading zero is not necessary in international phone number format. For example, if your phone number is 0123456789, you should enter it as 123-456-789.",vi:"Số 0 đầu tiên không cần thiết trong định dạng điện thoại quốc tế. Ví dụ, nếu số điện thoại của bạn là 0123456789, bạn nên nhập nó là 123-456-789."},lang:"en"},bs={lang2value:{en:"No valid country code found.",vi:"Không tìm thấy mã quốc gia hợp lệ. "},lang:"en"},Ze={84:{name:"Vietnam",flags:[G.VN]},1:{name:"US, Canada",flags:[G.US,G.CA]},61:{name:"Australia",flags:[G.AU]},81:{name:"Japan",flags:[G.JP]},44:{name:"UK",flags:[G.UK]},33:{name:"France",flags:[G.FR]},49:{name:"Germany",flags:[G.DE]},91:{name:"India",flags:[G.IN]},55:{name:"Brazil",flags:[G.BR]},34:{name:"Spain",flags:[G.ES]},39:{name:"Italy",flags:[G.IT]},64:{name:"New Zealand",flags:[G.NZ]},52:{name:"Mexico",flags:[G.MX]},86:{name:"China",flags:[G.CN]},855:{name:"Cambodia",flags:[G.CAM]}},Ss=(e,t)=>{if(e===""||e===void 0)return{match:"84",remaining:""};const n=e.replace(/[^\d]/g,""),r=t.findLongestPrefix(n);if(r.match==="")throw new Error(`No valid country code found for phone number: ${e}`);return r},$r=({value:e})=>{const t=Ze[e];if(t!==void 0)return u.jsxs(g.Group,{gap:"xs",wrap:"nowrap",align:"center",children:[u.jsxs(g.Text,{size:"sm",children:["+",e]}),u.jsx(g.Group,{gap:"xs",wrap:"nowrap",children:t.flags.map((n,r)=>u.jsx(It,{flag:n},r))})]})},ys=({value:e,onChange:t,error:n,id:r,disabled:i=!1,"data-testid":o})=>{let s={},a={};o!==void 0&&(s={"data-testid":`${o}_country_code`},a={"data-testid":o});const[l,c]=S.useState(""),[d,p]=S.useState(!1),[h,f]=S.useState(""),[v,_]=S.useState(!1),m=S.useMemo(()=>{const I=new mn;return Object.keys(Ze).forEach(q=>{I.insert(q)}),I},[Ze]),{rawInput:b}=S.useMemo(()=>{try{const{match:I,remaining:q}=Ss(e,m);return f(I),_(!1),{rawInput:q}}catch{return _(!0),f(""),{rawInput:e}}},[e]),O=g.useCombobox({onDropdownClose:()=>{O.resetSelectedOption(),c("")},onDropdownOpen:()=>{O.updateSelectedOptionIndex("active")}}),N=S.useMemo(()=>Object.keys(Ze),[Ze]),E=(I,q)=>{if(I===void 0)return`+${q}`;const ne=I.replace(/[^\d]/g,"");return ne.length===0?`+${q}`:ne.startsWith("0")?(p(!0),`+${q}${ne}`):(p(!1),`+${q}${ne}`)},P=S.useMemo(()=>N.filter(I=>Ze[I].name.toLowerCase().includes(l.toLowerCase())||I.includes(l)),[l,N]),$=S.useMemo(()=>P.map((I,q)=>u.jsx(g.Combobox.Option,{value:I,children:u.jsx($r,{value:I})},q)),[P]);return u.jsxs("div",{children:[u.jsx(g.Grid,{gutter:"xs",children:u.jsx(g.Grid.Col,{children:u.jsxs(g.Group,{gap:5,children:[u.jsxs(g.Combobox,{store:O,position:"top-start",onOptionSubmit:I=>{c(""),O.closeDropdown(),t({target:{value:E(b,I)}})},disabled:i,children:[u.jsx(g.Combobox.Target,{children:u.jsx(g.InputBase,{...s,component:"button",type:"button",pointer:!0,rightSection:u.jsx(g.Combobox.Chevron,{}),onClick:()=>O.toggleDropdown(),rightSectionPointerEvents:"none",disabled:i,children:u.jsx($r,{value:h})})}),u.jsxs(g.Combobox.Dropdown,{children:[u.jsx(g.Combobox.Search,{leftSection:u.jsx(T.IconSearch,{size:14,stroke:1.5}),placeholder:".....",value:l,onChange:I=>{c(I.currentTarget.value)},disabled:i}),u.jsx(g.Combobox.Options,{children:$.length>0?$:u.jsx(g.Combobox.Empty,{children:u.jsx(g.Text,{size:"sm",children:"Nothing found"})})})]})]}),h===""?u.jsx(g.Input,{...a,id:r,value:b,type:"phone_number",onChange:I=>{t({target:{value:I.target.value}})},error:n,flex:1,disabled:i}):u.jsx(g.Input,{...a,id:r,value:b,type:"phone_number",onAccept:I=>{const q=I.replace(/[^\d]/g,""),ne=E(q,h);ne!==e&&t({target:{value:ne}})},component:zo.IMaskInput,mask:"000-000-0000",error:n,flex:1,disabled:i})]})})}),(d||v||n&&typeof n=="string")&&u.jsx(g.Grid,{gutter:"xs",children:u.jsx(g.Grid.Col,{children:u.jsx(g.Input.Error,{children:d?u.jsx(F,{value:_s}):v?u.jsx(F,{value:bs}):n})})})]})},et=({property:e,error:t,value:n,onChange:r,freeze:i=!1})=>{const o=W(e),[s,a]=S.useMemo(()=>e.constraints.includes("password")?["password",g.PasswordInput]:e.constraints.includes("phone_number")?["phone_number",ys]:[e.constraints.includes("email")?"email":e.constraints.includes("url")?"url":"text",g.Input],[e.constraints]);return u.jsx(a,{...o,id:e.name,value:n,type:s,onChange:l=>r(l.target.value),error:t,disabled:i})},kr=({property:e,value:t,onChange:n,freeze:r=!1})=>{const i=W(e);return u.jsx(dt.DatePickerInput,{...i,id:e.tsName,value:t||null,onChange:o=>{n(o===null?void 0:xe(o).startOf("day").toDate())},valueFormat:"YYYY MMM DD",placeholder:"Pick date range",clearable:!0,popoverProps:{withinPortal:!1},flex:1,disabled:r})},zr=({property:e,value:t,onChange:n,freeze:r=!1})=>{const i=S.useContext(me),o=W(e);if(M.isObjectProperty(e)||e.enumType===void 0)throw new Error("Invalid usage of EnumInput. Expect a property of type enum");const s=e.enumType,[a,l]=S.useMemo(()=>{const c={},d=Object.entries(s.label).map(([p,h])=>{const f=isNaN(Number(p))?p:Number(p);return c[p]=f,{value:p,label:ke(i,h)}});return[c,d]},[i,s]);return u.jsx(g.Select,{...o,data:l,value:t===void 0?null:String(t),onChange:c=>{if(c===null){n(void 0);return}n(a[c])},disabled:r,allowDeselect:!e.isRequired})},Cs={lang2value:{en:"Confirm",vi:"Xác Nhận"},lang:"en"},ws=new M.DynamicMultiLingualString("confirmation.valuesDoNotMatch"),xs=({property:e})=>u.jsxs(u.Fragment,{children:[u.jsx(F,{value:Cs})," ",u.jsx(F,{value:e.label})]}),Os=({property:e,error:t,value:n,onChange:r,freeze:i=!1})=>{const o=W(e,"confirm"),[s,a]=S.useState(""),[l,c]=S.useState(!1),[d,p]=S.useMemo(()=>e.constraints.includes("password")?["password",g.PasswordInput]:["text",g.Input],[e.constraints]),h=S.useMemo(()=>{if(l&&s!==n)return ws.t({args:{name:e.label}})},[l,s,n,e.label]),f=t||h;return u.jsx(p,{...o,id:`${e.name}-confirm`,value:s,type:d,onChange:v=>{const _=v.target.value;a(_),c(!0),r(_)},error:f,disabled:i})};function Es(e,t){const[n,r]=S.useState(""),[i,o]=S.useState([]);return{data:i,query:n,setQuery:async a=>{r(a);const l=await e.getByName(t.targetClass).fetch({limit:10,offset:0,conditions:{name:{op:"fuzzy",value:a}}});o(l.records)},table:e.getByName(t.targetClass)}}const js=e=>e.name,As=e=>u.jsx(g.Text,{size:"sm",children:e.name}),Cn=we.observer(e=>u.jsx("h1",{children:"SingleForeignKey"})),wn=we.observer(({db:e,property:t,value:n,onChange:r,freeze:i=!1})=>{const{table:o,data:s,query:a,setQuery:l}=Es(e,t);return u.jsxs(g.Stack,{gap:"sm",children:[u.jsx(Ns,{property:t,query:a,setQuery:l,data:s,onSelect:c=>{n.includes(c)||r([...n,c])},renderOption:js,isIdInteger:t.datatype==="integer",freeze:i}),u.jsx(Rs,{items:n.map(c=>o.get(c)).filter(c=>c!=null),onDelete:c=>{r(n.filter(d=>d!==c.id))},render:As,freeze:i})]})}),Ns=({property:e,data:t,onSelect:n,renderOption:r,isIdInteger:i,query:o,setQuery:s,freeze:a=!1})=>{const l=W(e),c=g.useCombobox({onDropdownClose:()=>c.resetSelectedOption()}),d=S.useMemo(()=>t.map(p=>u.jsx(g.Combobox.Option,{value:p.id.toString(),children:r(p)},p.id)),[t]);return u.jsxs(g.Combobox,{store:c,onOptionSubmit:p=>{n(i?parseInt(p):p),s(""),c.closeDropdown()},offset:4,shadow:"sm",disabled:a,children:[u.jsx(g.Combobox.Target,{children:u.jsx(g.Input,{...l,id:e.name,pointer:!a,rightSection:u.jsx(T.IconSearch,{size:16,stroke:1.5}),rightSectionPointerEvents:"none",onClick:()=>c.toggleDropdown(),placeholder:"Type to search...",value:o,onChange:p=>s(p.currentTarget.value),disabled:a})}),u.jsx(g.Combobox.Dropdown,{children:u.jsx(g.Combobox.Options,{children:d.length===0?u.jsx(g.Combobox.Empty,{children:"Nothing found"}):d})})]})},Rs=({items:e,onDelete:t,render:n,freeze:r=!1})=>{const i=S.useMemo(()=>{const o=[];for(let s=0;s<e.length;s++){const a=e[s];o.push(u.jsxs(g.Group,{justify:"space-between",p:"sm",children:[n(a),!r&&u.jsx(g.CloseButton,{size:"sm",onClick:()=>t(a)})]},s)),s<e.length-1&&o.push(u.jsx(g.Divider,{},`divider-${s}`))}return o},[e,r]);if(i.length!==0)return u.jsx(g.Paper,{bd:"1px solid #ddd",children:i})},Gr=({property:e,value:t,onChange:n,freeze:r=!1})=>{const i=W(e,"start"),o=W(e,"end");return u.jsxs(g.Flex,{gap:"sm",justify:"space-between",direction:"row",align:"center",children:[u.jsx(dt.DatePickerInput,{...i,id:e.tsName,value:(t==null?void 0:t.start)||null,onChange:s=>{n({start:s===null?void 0:xe(s).startOf("day").toDate(),end:t==null?void 0:t.end})},valueFormat:"YYYY MMM DD",placeholder:"Pick date range",clearable:!r,disabled:r,popoverProps:{withinPortal:!1},flex:1,leftSection:u.jsx(T.IconCalendar,{size:16,stroke:1.5})}),u.jsx("span",{style:{flexGrow:0},children:"–"}),u.jsx(dt.DatePickerInput,{...o,id:e.tsName,value:(t==null?void 0:t.end)||null,onChange:s=>{n({start:t==null?void 0:t.start,end:s===null?void 0:xe(s).startOf("day").toDate()})},valueFormat:"YYYY MMM DD",placeholder:"Pick date range",clearable:!r,disabled:r,popoverProps:{withinPortal:!1},flex:1,leftSection:u.jsx(T.IconCalendar,{size:16,stroke:1.5})})]})},Br=({property:e,value:t,onChange:n,freeze:r=!1})=>{const i=W(e,"start"),o=W(e,"end");return u.jsxs(g.Flex,{gap:"sm",justify:"space-between",direction:"row",align:"center",children:[u.jsx(dt.DateTimePicker,{...i,id:e.tsName,value:(t==null?void 0:t.start)||null,onChange:s=>{n({start:s===null?void 0:xe(s).toDate(),end:t==null?void 0:t.end})},valueFormat:"YYYY MMM DD HH:mm",placeholder:"Pick date range",clearable:!r,disabled:r,popoverProps:{withinPortal:!1},flex:1,withSeconds:!1,leftSection:u.jsx(T.IconCalendar,{size:16,stroke:1.5})}),u.jsx("span",{style:{flexGrow:0},children:"–"}),u.jsx(dt.DateTimePicker,{...o,id:e.tsName,value:(t==null?void 0:t.end)||null,onChange:s=>{n({start:t==null?void 0:t.start,end:s===null?void 0:xe(s).toDate()})},valueFormat:"YYYY MMM DD HH:mm",placeholder:"Pick date range",clearable:!r,disabled:r,popoverProps:{withinPortal:!1},flex:1,withSeconds:!1,leftSection:u.jsx(T.IconCalendar,{size:16,stroke:1.5})})]})},xn={integer:mt,float:mt,string:et,boolean:yn,"string[]":et,enum:zr,date:kr},Hr={requiredLabelLeft:"_requiredLabelLeft_l5p83_1",requiredLabelRight:"_requiredLabelRight_l5p83_11"},On=({label:e,name:t,required:n=!1,tooltip:r,style:i,align:o="left"})=>{const s=n?o==="left"?Hr.requiredLabelRight:Hr.requiredLabelLeft:"";return u.jsx(g.Flex,{align:"center",h:36,children:u.jsx("label",{htmlFor:t,style:i,children:u.jsxs(g.Group,{gap:4,children:[u.jsx(g.Text,{size:"sm",className:s,children:e}),r!==void 0&&u.jsx(g.Tooltip,{label:r,withArrow:!0,children:u.jsx(T.IconHelpCircle,{size:16,stroke:1.5,style:{color:"var(--mantine-color-dimmed)"}})})]})})})},En={type:"vertical",helpAlwaysVisible:!1},Oe=we.observer(({store:e,record:t,property:n,layout:r=En,InputComponent:i,freeze:o=!1,label:s,onChange:a,visible:l})=>{const[c,d]=S.useState(void 0);if(l!==void 0&&!l(t))return u.jsx("div",{});const p=ze(t,n);return a===void 0&&(a=h=>{var v;if(M.isDraftRecord(t))Ge(t,n,h);else{const _=t.toDraft();Ge(_,n,h),e.setDraft(_)}const f=n.validator(h);f.isValid?d(void 0):d((v=f.errorMessage)==null?void 0:v.t({args:{name:n.label}}))}),u.jsx(jn,{db:e.db,property:n,layout:r,InputComponent:i,freeze:o,value:p,error:c,label:s,onChange:a})});function jn({db:e,layout:t,property:n,InputComponent:r,freeze:i,value:o,error:s,label:a,onChange:l}){return qr(t)?u.jsxs(g.Stack,{gap:5,children:[u.jsxs(g.Grid,{gutter:"sm",children:[u.jsx(g.Grid.Col,{span:t.labelCol,style:{display:"flex",justifyContent:t.align||"left"},children:u.jsx(On,{label:u.jsx(F,{value:n.label}),name:n.name,required:n.isRequired,tooltip:n.description!==void 0?u.jsx(F,{value:n.description}):void 0,align:t.align})}),u.jsx(g.Grid.Col,{span:t.itemCol,children:u.jsx(r,{db:e,property:n,value:o,error:s!==void 0,onChange:l,freeze:i})})]}),s!==void 0&&u.jsxs(g.Grid,{gutter:"sm",children:[u.jsx(g.Grid.Col,{span:t.labelCol}),u.jsx(g.Grid.Col,{span:t.itemCol,children:u.jsx(g.Input.Error,{children:s})})]})]}):(a===void 0&&(a=u.jsx(F,{value:n.label})),!t.helpAlwaysVisible&&n.description!==void 0&&(a=u.jsxs(g.Group,{gap:4,style:{display:"inline-flex"},children:[a,u.jsx(g.Tooltip,{label:u.jsx(F,{value:n.description}),withArrow:!0,children:u.jsx(T.IconHelpCircle,{size:16,stroke:1.5,style:{color:"var(--mantine-color-dimmed)"}})})]})),u.jsx(g.Input.Wrapper,{label:a,description:t.helpAlwaysVisible&&n.description!==void 0?u.jsx(F,{value:n.description}):void 0,required:n.isRequired,children:u.jsx(r,{db:e,property:n,value:o,error:s,onChange:l,freeze:i})}))}function qr(e){return e.type==="horizontal"}const Ps=12,Ds=e=>{const t=e.schema,n=S.useMemo(()=>e.fieldGroups.map((r,i)=>Is(t,e.store,e.record,i,r,e.layout)),[t,e.store,e.record,e.fieldGroups,e.layout]);return u.jsx("form",{onSubmit:e.onSubmit===void 0?void 0:r=>{r.preventDefault(),e.onSubmit!==void 0&&M.isDraftRecord(e.record)&&e.record.stale&&e.record.isValid()&&e.onSubmit(e.record)},children:u.jsxs(g.Stack,{gap:"sm",className:e.className,style:e.styles,children:[n,u.jsx(g.Group,{gap:"sm",justify:e.actionsAlign,children:e.actions.map((r,i)=>u.jsx(g.Button,{variant:r.variant,onClick:()=>{r.onClick!==void 0&&r.onClick()},disabled:r.disabled,children:r.label},i))})]})})};function Is(e,t,n,r,i,o){var c,d;const s=i.fields,a=[];for(let p=0;p<s.length;p++){const h=[];for(let f=0;f<s[p].length;f++){const v=s[p][f];let _,m={};if(typeof v=="function")_=v(t,n);else{let b;typeof v=="object"&&"prop"in v?(b=v.prop instanceof M.NestedProperty?v.prop:e.allProperties[v.prop],v.args!==void 0&&(m=v.args)):b=v instanceof M.NestedProperty?v:e.allProperties[v],_=u.jsx(Oe,{store:t,record:n,property:b,layout:o,InputComponent:De(b,m.input),freeze:m.freeze??!1,visible:m.visible,label:m.label,onChange:m.onChange})}h.push(u.jsx(_e,{span:(c=m.colsize)==null?void 0:c.span,grow:(d=m.colsize)==null?void 0:d.grow,children:_},`${p}-${f}`))}a.push(u.jsx(pt,{children:h},p))}const l=u.jsx(g.Stack,{gap:"sm",children:a},r);return i.name!==void 0?u.jsx(g.Fieldset,{legend:i.name,children:l},r):l}function De(e,t){if(t!==void 0)return t;const n=e instanceof M.NestedProperty?e.leafProperty:e;if(M.isObjectProperty(n))return n.cardinality==="N:N"||n.cardinality==="1:N"?wn:Cn;if(xn[n.datatype]===void 0)throw new Error(`No input component found for datatype ${n.datatype}`);return xn[n.datatype]}const Ur=we.observer(({db:e,record:t,property:n,layout:r=En,InputComponent:i,freeze:o=!1,label:s,onChange:a,visible:l})=>{const[c,d]=S.useState(void 0);if(l!==void 0&&!l(t))return u.jsx("div",{});const p=ze(t,n);return a===void 0&&(a=h=>{var v;Ge(t,n,h);const f=n.validator(h);f.isValid?d(void 0):d((v=f.errorMessage)==null?void 0:v.t({args:{name:n.label}}))}),u.jsx(jn,{db:e,property:n,layout:r,InputComponent:i,freeze:o,value:p,error:c,label:s,onChange:a})}),Vs=e=>{const t=e.schema,n=S.useMemo(()=>e.fieldGroups.map((r,i)=>Ms(t,e.record,i,r,e.layout,e.db)),[t,e.record,e.fieldGroups,e.layout]);return u.jsx("form",{onSubmit:e.onSubmit===void 0?void 0:r=>{r.preventDefault(),e.onSubmit!==void 0&&e.record.stale&&e.record.isValid()&&e.onSubmit(e.record)},children:u.jsxs(g.Stack,{gap:"sm",className:e.className,style:e.styles,children:[n,e.actions&&e.actions.length>0&&u.jsx(g.Group,{gap:"sm",justify:e.actionsAlign,children:e.actions.map((r,i)=>u.jsx(g.Button,{variant:r.variant,onClick:()=>{r.onClick!==void 0&&r.onClick()},disabled:r.disabled,children:r.label},i))})]})})};function Ms(e,t,n,r,i,o){var c,d;const s=r.fields,a=[];for(let p=0;p<s.length;p++){const h=[];for(let f=0;f<s[p].length;f++){const v=s[p][f];let _,m={};if(typeof v=="function")_=v(t);else{let b;typeof v=="object"&&"prop"in v?(b=v.prop instanceof M.NestedProperty?v.prop:e.allProperties[v.prop],v.args!==void 0&&(m=v.args)):b=v instanceof M.NestedProperty?v:e.allProperties[v],_=u.jsx(Ur,{db:o,record:t,property:b,layout:i,InputComponent:De(b,m.input),freeze:m.freeze??!1,visible:m.visible,label:m.label,onChange:m.onChange})}h.push(u.jsx(_e,{span:(c=m.colsize)==null?void 0:c.span,grow:(d=m.colsize)==null?void 0:d.grow,children:_},`${p}-${f}`))}a.push(u.jsx(pt,{children:h},p))}const l=u.jsx(g.Stack,{gap:"sm",children:a},n);return r.name!==void 0?u.jsx(g.Fieldset,{legend:r.name,children:l},n):l}var Fs={0:"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'",1:function(t,n){return"Cannot apply '"+t+"' to '"+n.toString()+"': Field not found."},5:"'keys()' can only be used on observable objects, arrays, sets and maps",6:"'values()' can only be used on observable objects, arrays, sets and maps",7:"'entries()' can only be used on observable objects, arrays and maps",8:"'set()' can only be used on observable objects, arrays and maps",9:"'remove()' can only be used on observable objects, arrays and maps",10:"'has()' can only be used on observable objects, arrays and maps",11:"'get()' can only be used on observable objects, arrays and maps",12:"Invalid annotation",13:"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)",14:"Intercept handlers should return nothing or a change object",15:"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)",16:"Modification exception: the internal structure of an observable array was changed.",17:function(t,n){return"[mobx.array] Index out of bounds, "+t+" is larger than "+n},18:"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js",19:function(t){return"Cannot initialize from classes that inherit from Map: "+t.constructor.name},20:function(t){return"Cannot initialize map from "+t},21:function(t){return"Cannot convert to map from '"+t+"'"},22:"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js",23:"It is not possible to get index atoms from arrays",24:function(t){return"Cannot obtain administration from "+t},25:function(t,n){return"the entry '"+t+"' does not exist in the observable map '"+n+"'"},26:"please specify a property",27:function(t,n){return"no observable property '"+t.toString()+"' found on the observable object '"+n+"'"},28:function(t){return"Cannot obtain atom from "+t},29:"Expecting some object",30:"invalid action stack. did you forget to finish an action?",31:"missing option for computed: get",32:function(t,n){return"Cycle detected in computation "+t+": "+n},33:function(t){return"The setter of computed value '"+t+"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?"},34:function(t){return"[ComputedValue '"+t+"'] It is not possible to assign a new value to a computed value."},35:"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`",36:"isolateGlobalState should be called before MobX is running any reactions",37:function(t){return"[mobx] `observableArray."+t+"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice()."+t+"()` instead"},38:"'ownKeys()' can only be used on observable objects",39:"'defineProperty()' can only be used on observable objects"},Ts=process.env.NODE_ENV!=="production"?Fs:{};function x(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];if(process.env.NODE_ENV!=="production"){var i=typeof e=="string"?e:Ts[e];throw typeof i=="function"&&(i=i.apply(null,n)),new Error("[MobX] "+i)}throw new Error(typeof e=="number"?"[MobX] minified error nr: "+e+(n.length?" "+n.map(String).join(","):"")+". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts":"[MobX] "+e)}var Ls={};function An(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:Ls}var Kr=Object.assign,$t=Object.getOwnPropertyDescriptor,be=Object.defineProperty,kt=Object.prototype,zt=[];Object.freeze(zt);var Nn={};Object.freeze(Nn);var $s=typeof Proxy<"u",ks=Object.toString();function Yr(){$s||x(process.env.NODE_ENV!=="production"?"`Proxy` objects are not available in the current environment. Please configure MobX to enable a fallback implementation.`":"Proxy not available")}function _t(e){process.env.NODE_ENV!=="production"&&w.verifyProxies&&x("MobX is currently configured to be able to run in ES5 mode, but in ES5 MobX won't be able to "+e)}function re(){return++w.mobxGuid}function Rn(e){var t=!1;return function(){if(!t)return t=!0,e.apply(this,arguments)}}var tt=function(){};function z(e){return typeof e=="function"}function Be(e){var t=typeof e;switch(t){case"string":case"symbol":case"number":return!0}return!1}function Gt(e){return e!==null&&typeof e=="object"}function ce(e){if(!Gt(e))return!1;var t=Object.getPrototypeOf(e);if(t==null)return!0;var n=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return typeof n=="function"&&n.toString()===ks}function Wr(e){var t=e==null?void 0:e.constructor;return t?t.name==="GeneratorFunction"||t.displayName==="GeneratorFunction":!1}function Pn(e,t,n){be(e,t,{enumerable:!1,writable:!0,configurable:!0,value:n})}function Xr(e,t,n){be(e,t,{enumerable:!1,writable:!1,configurable:!0,value:n})}function He(e,t){var n="isMobX"+e;return t.prototype[n]=!0,function(r){return Gt(r)&&r[n]===!0}}function nt(e){return e!=null&&Object.prototype.toString.call(e)==="[object Map]"}function zs(e){var t=Object.getPrototypeOf(e),n=Object.getPrototypeOf(t),r=Object.getPrototypeOf(n);return r===null}function Ee(e){return e!=null&&Object.prototype.toString.call(e)==="[object Set]"}var Jr=typeof Object.getOwnPropertySymbols<"u";function Gs(e){var t=Object.keys(e);if(!Jr)return t;var n=Object.getOwnPropertySymbols(e);return n.length?[].concat(t,n.filter(function(r){return kt.propertyIsEnumerable.call(e,r)})):t}var Dn=typeof Reflect<"u"&&Reflect.ownKeys?Reflect.ownKeys:Jr?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:Object.getOwnPropertyNames;function In(e){return typeof e=="string"?e:typeof e=="symbol"?e.toString():new String(e).toString()}function Qr(e){return e===null?null:typeof e=="object"?""+e:e}function de(e,t){return kt.hasOwnProperty.call(e,t)}var Bs=Object.getOwnPropertyDescriptors||function(t){var n={};return Dn(t).forEach(function(r){n[r]=$t(t,r)}),n};function X(e,t){return!!(e&t)}function J(e,t,n){return n?e|=t:e&=~t,e}function Zr(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function Hs(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,Us(r.key),r)}}function rt(e,t,n){return t&&Hs(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function it(e,t){var n=typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=Ks(e))||t){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
22
|
+
<%s key={someKey} {...props} />`,B,H,ct,H),ko[H+B]=!0)}if(H=null,k!==void 0&&(n(k),H=""+k),s(D)&&(n(D.key),H=""+D.key),"key"in D){k={};for(var xr in D)xr!=="key"&&(k[xr]=D[xr])}else k=D;return H&&a(k,typeof C=="function"?C.displayName||C.name||"Unknown":C),c(C,H,k,i(),gn,wr)}function p(C){h(C)?C._store&&(C._store.validated=1):typeof C=="object"&&C!==null&&C.$$typeof===ne&&(C._payload.status==="fulfilled"?h(C._payload.value)&&C._payload.value._store&&(C._payload.value._store.validated=1):C._store&&(C._store.validated=1))}function h(C){return typeof C=="object"&&C!==null&&C.$$typeof===v}var f=S,v=Symbol.for("react.transitional.element"),_=Symbol.for("react.portal"),m=Symbol.for("react.fragment"),b=Symbol.for("react.strict_mode"),O=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),E=Symbol.for("react.context"),P=Symbol.for("react.forward_ref"),$=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),q=Symbol.for("react.memo"),ne=Symbol.for("react.lazy"),Sr=Symbol.for("react.activity"),fn=Symbol.for("react.client.reference"),yr=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Mo=Object.prototype.hasOwnProperty,Gu=Array.isArray,Cr=console.createTask?console.createTask:function(){return null};f={react_stack_bottom_frame:function(C){return C()}};var Fo,To={},Lo=f.react_stack_bottom_frame.bind(f,o)(),$o=Cr(r(o)),ko={};gt.Fragment=m,gt.jsx=function(C,D,k){var B=1e4>yr.recentlyCreatedOwnerStacks++;return d(C,D,k,!1,B?Error("react-stack-top-frame"):Lo,B?Cr(r(C)):$o)},gt.jsxs=function(C,D,k){var B=1e4>yr.recentlyCreatedOwnerStacks++;return d(C,D,k,!0,B?Error("react-stack-top-frame"):Lo,B?Cr(r(C)):$o)}})()),gt}var jr;function Uo(){return jr||(jr=1,process.env.NODE_ENV==="production"?Dt.exports=Ho():Dt.exports=qo()),Dt.exports}var u=Uo();const G={UK:{svgFlag:"https://flagcdn.com/gb.svg",emojiFlag:"🇬🇧"},VN:{svgFlag:"https://flagcdn.com/vn.svg",emojiFlag:"🇻🇳"},US:{svgFlag:"https://flagcdn.com/us.svg",emojiFlag:"🇺🇸"},CA:{svgFlag:"https://flagcdn.com/ca.svg",emojiFlag:"🇨🇦"},BR:{svgFlag:"https://flagcdn.com/br.svg",emojiFlag:"🇧🇷"},ES:{svgFlag:"https://flagcdn.com/es.svg",emojiFlag:"🇪🇸"},IT:{svgFlag:"https://flagcdn.com/it.svg",emojiFlag:"🇮🇹"},NZ:{svgFlag:"https://flagcdn.com/nz.svg",emojiFlag:"🇳🇿"},MX:{svgFlag:"https://flagcdn.com/mx.svg",emojiFlag:"🇲🇽"},CN:{svgFlag:"https://flagcdn.com/cn.svg",emojiFlag:"🇨🇳"},AU:{svgFlag:"https://flagcdn.com/au.svg",emojiFlag:"🇦🇺"},JP:{svgFlag:"https://flagcdn.com/jp.svg",emojiFlag:"🇯🇵"},FR:{svgFlag:"https://flagcdn.com/fr.svg",emojiFlag:"🇫🇷"},DE:{svgFlag:"https://flagcdn.com/de.svg",emojiFlag:"🇩🇪"},IN:{svgFlag:"https://flagcdn.com/in.svg",emojiFlag:"🇮🇳"},CAM:{svgFlag:"https://flagcdn.com/kh.svg",emojiFlag:"🇰🇭"}},Ar=({flag:e})=>u.jsx(g.Paper,{shadow:"xs",w:20,h:14,children:u.jsx(g.Image,{src:e.svgFlag,w:20,h:14,fit:"cover"})}),Nr=({flag:e})=>u.jsx(g.Text,{component:"span",style:t=>({textShadow:t.shadows.xs}),children:e.emojiFlag}),It=navigator.userAgent.includes("Windows")?Ar:Nr,me=S.createContext(new Intl.Locale("en-US")),Ko=we.observer(({value:e,children:t})=>u.jsx(me.Provider,{value:e.locale,children:t})),Yo={lang2value:{en:"Choose Language",vi:"Chọn ngôn ngữ"}},Vt={en:{name:"English",flag:G.US,locale:new Intl.Locale("en-US")},vi:{name:"Tiếng Việt",flag:G.VN,locale:new Intl.Locale("vi-VN")}},Wo=({locale:e,setLocale:t})=>{const n=S.useMemo(()=>Object.entries(Vt).map(([r,{flag:i,name:o,locale:s}])=>u.jsx(g.Menu.Item,{onClick:()=>t(s),leftSection:u.jsx(It,{flag:i}),rightSection:e.language===r&&u.jsx(T.IconCheck,{size:"15",color:"#2986cc",stroke:2}),children:u.jsx(g.Text,{size:"sm",children:o})},r)),[Vt,e]);return u.jsxs(g.Menu,{width:170,children:[u.jsx(g.Menu.Target,{children:u.jsx(g.Button,{variant:"subtle",size:"sm",leftSection:u.jsx(It,{flag:Vt[e.language].flag}),children:u.jsx(g.Text,{size:"sm",children:Vt[e.language].name})})}),u.jsxs(g.Menu.Dropdown,{children:[u.jsx(g.Menu.Label,{children:u.jsx(g.Text,{size:"sm",children:Yo.lang2value[e.language]})}),n]})]})},F=({value:e})=>{const t=S.useContext(me);return e.lang2value[t.language]||e.lang2value[e.lang]},Xo=e=>{const t=S.useContext(me);return e.lang2value[t.language]||e.lang2value[e.lang]};function ke(e,t){return t.lang2value[e.language]||t.lang2value[t.lang]}const Jo=({message:e,navigate:t})=>u.jsx(g.Container,{size:"xs",style:{height:"100vh",display:"flex",alignItems:"center",justifyContent:"center"},children:u.jsx(g.Alert,{color:"red",title:"Not Found",variant:"404 - Not Found",icon:u.jsx(T.IconInfoCircle,{size:12,stroke:1.5}),children:u.jsxs(g.Stack,{align:"flex-start",children:[e||"Sorry, the page you are looking for does not exist.",u.jsx(g.Button,{variant:"filled",onClick:()=>t("/"),size:"xs",children:"Back Home"})]})})}),Qo=({message:e})=>u.jsx(g.Alert,{color:"red",title:"Not Found",variant:"404 - Not Found",icon:u.jsx(T.IconInfoCircle,{size:12,stroke:1.5}),children:e||"Sorry, the page you are looking for does not exist."}),hn=({message:e})=>u.jsx(g.Text,{c:"red",size:"sm",children:e||"Not Found"}),Zo=({tip:e})=>e===void 0?u.jsx(g.Flex,{justify:"center",align:"center",children:u.jsx(g.Loader,{color:"blue",size:"md"})}):u.jsxs(g.Flex,{gap:"md",direction:"column",justify:"center",align:"center",style:{height:"100%"},children:[u.jsx(g.Loader,{color:"blue",size:"md"}),e]}),es=({tip:e})=>e===void 0?u.jsx(g.Loader,{color:"blue",size:"xs"}):u.jsxs(g.Flex,{gap:"md",direction:"column",justify:"center",align:"center",children:[u.jsx(g.Loader,{color:"blue",size:"xs"}),e]}),ts=({message:e})=>u.jsx(g.Alert,{color:"red",title:"Not Found",variant:"403 - Not Authorized",icon:u.jsx(T.IconInfoCircle,{size:12,stroke:1.5}),children:e||"Sorry, you are not authorized to access this page."});function ns(e,t){return e.reduce((n,r)=>{const i=t(r);return n[i]||(n[i]=[]),n[i].push(r),n},{})}function rs(e,t){const n=[];let r;return e.reduce((i,o)=>{const s=t(o);return s===void 0?(r===void 0&&(r=n.length,n.push([])),n[r].push(o)):(i[s]===void 0&&(i[s]=n.length,n.push([])),n[i[s]].push(o)),i},{}),n}function is(e,t){const n=new Set;return e.filter(r=>{const i=t(r);return n.has(i)?!1:(n.add(i),!0)})}class os{constructor(){$e(this,"items",[]);$e(this,"seen",new Set)}add(t,n){const r=n(t);this.seen.has(r)||(this.items.push(t),this.seen.add(r))}toArray(){return this.items}}class vn{constructor(){$e(this,"children",new Map);$e(this,"isEndOfWord",!1);$e(this,"value","")}}class mn{constructor(){$e(this,"root",new vn)}insert(t){let n=this.root;for(const r of t){let i=n.children.get(r);i===void 0&&(i=new vn,n.children.set(r,i)),n=i}n.isEndOfWord=!0,n.value=t}findLongestPrefix(t){let n=this.root,r={match:"",remaining:t};for(let i=0;i<t.length;i++){const o=t[i];if(!n.children.has(o))break;n=n.children.get(o),n.isEndOfWord&&(r={match:n.value,remaining:t.slice(i+1)})}return r}}function ze(e,t){return M.isNestedProperty(t)?t.getValue(e):e[t.tsName]}function Ge(e,t,n){M.isNestedProperty(t)?t.setValue(e,n):e[t.updateFuncName](n)}const Mt=S.createContext(!1),ss=Mt.Provider;function as(e){return S.useContext(Mt)?{"data-testid":e}:{}}function ls(e,t){return t?{"data-testid":e}:{}}function W(e,t=""){const n=S.useContext(Mt),r=S.useMemo(()=>(t!==""&&(t=`_${t}`),M.isNestedProperty(e)?`${e.allProperties.map(i=>i.name).join(".")}${t}`:`${e.name}${t}`),[e,t]);return n?{"data-testid":r}:{}}var Ft=(e=>(e[e.Allow=0]="Allow",e[e.Denied=1]="Denied",e[e.Pending=2]="Pending",e))(Ft||{});function Rr(e){const t={},n={},r={},i=(o,s=[])=>{o.forEach(a=>{const l=[...s,a.key];t[a.key]=a,n[a.key]=l,a.route!==void 0&&(r[a.key]=a.route),a.children!==void 0&&a.children.length>0&&i(a.children,l)})};return i(e),{key2item:t,key2fullpath:n,key2route:r}}function us(e){const t=new Dr,n=r=>{r.forEach(i=>{if(i.route!==void 0){const o=i.route.path.pathDef;t.insertRoute(o,i.key)}i.children!==void 0&&i.children.length>0&&n(i.children)})};return n(e),t}function Pr(e,t){return e.map(n=>{if(n.route!==void 0)return t(n.route.role)===Ft.Allow?n:null;if(n.children!==void 0){const r=n.children.filter(i=>i.route!==void 0?t(i.route.role)===Ft.Allow:!0);return r.length>0?{...n,children:r}:null}return n}).filter(n=>n!==null)}const cs=e=>{const[t,n]=S.useState(new Set),[r,i]=S.useState(new Set),[o,s]=S.useState(),a=S.useMemo(()=>Pr(e.items,e.checkPermission),[e.items,e.checkPermission]),l=S.useMemo(()=>us(e.items),[e.items]),{key2fullpath:c,key2route:d}=S.useMemo(()=>Rr(a),[a]);S.useEffect(()=>{const h=window.location.pathname,f=l.findMatchingKey(h);f!==void 0&&(i(new Set(c[f])),s(f))},[window.location.pathname,d]);const p=S.useMemo(()=>{function h(f,v){var m;const _=f.children!==void 0&&f.children.length>0;return _?u.jsxs("div",{onMouseEnter:()=>{r.has(f.key)||n(b=>{const O=new Set(b);return O.add(f.key),O})},onMouseLeave:()=>{r.has(f.key)||n(b=>{const O=new Set(b);return O.delete(f.key),O})},children:[u.jsx(g.NavLink,{active:o===f.key,label:f.label,leftSection:f.icon,styles:{label:{fontSize:"md"},root:{borderRadius:"var(--mantine-radius-sm)"}},ml:v===0?void 0:v===1?"md":`calc(var(--mantine-spacing-md) * ${v})`,w:"unset",rightSection:_?u.jsx(T.IconChevronRight,{size:12,stroke:1.5,className:"mantine-rotate-rtl"}):void 0,opened:t.has(f.key)||r.has(f.key),onClick:b=>{b.preventDefault(),i(O=>{const N=new Set(O);return O.has(f.key)?N.delete(f.key):N.add(f.key),N})}},f.key),(r.has(f.key)||t.has(f.key))&&f.children.map(b=>h(b,v+1))]},`container-${f.key}`):u.jsx(g.NavLink,{active:o===f.key,href:(m=f.route)==null?void 0:m.path.getURL(f.route.defaultPathArgs??{}),label:f.label,leftSection:f.icon,styles:{label:{fontSize:"md"},root:{borderRadius:"var(--mantine-radius-sm)"}},ml:v===0?void 0:v===1?"md":`calc(var(--mantine-spacing-md) * ${v})`,w:"unset",onClick:b=>{b.ctrlKey||b.metaKey||(b.preventDefault(),f.route!=null&&f.route.path.path(f.route.defaultPathArgs??{}).open(e.navigate))}},f.key)}return a.map(f=>h(f,0))},[a,o,r,t,e.navigate]);return u.jsx(u.Fragment,{children:p})};class Dr extends mn{constructor(){super(...arguments);$e(this,"pathToKey",new Map)}normalizePath(n){return n==="/"?"/":n.replace(/\/$/,"")}insertRoute(n,r){const i=this.normalizePath(n);this.insert(i),this.pathToKey.set(i,r)}findMatchingKey(n){const r=this.normalizePath(n),i=this.findLongestPrefix(r);if(i.match&&this.pathToKey.has(i.match)&&(r===i.match||i.remaining.startsWith("/")||i.remaining===""))return this.pathToKey.get(i.match)}}const _n=12,Ir=S.createContext({gap:"sm"}),pt=({children:e,gap:t="sm",align:n="flex-start",className:r,style:i})=>u.jsx(Ir.Provider,{value:{gap:t},children:u.jsx("div",{className:r,style:{display:"flex",gap:`var(--mantine-spacing-${t})`,alignItems:n,width:"100%",flexWrap:"wrap",...i},children:e})}),_e=({children:e,span:t,grow:n,className:r,style:i})=>{const{gap:o}=S.useContext(Ir);let s={minWidth:0,...i};if(t!==void 0){const a=t/_n*100,l=`var(--mantine-spacing-${o})`,c=(_n-t)/_n,d=`calc(${a}% - ${c} * ${l})`;s={...s,flex:`0 0 ${d}`,maxWidth:d}}else s={...s,flex:`${n??1} 1 0px`};return u.jsx("div",{className:r,style:s,children:e})},ds={lang:"en",lang2value:{en:"Confirm",vi:"Xác nhận"}},fs={lang:"en",lang2value:{en:"Cancel",vi:"Hủy"}},Vr=({children:e,title:t,onConfirm:n,onCancel:r,confirmLabel:i=ds,cancelLabel:o=fs,confirmProps:s,cancelProps:a,popoverProps:l,disabled:c=!1})=>{const[d,p]=S.useState(!1),h=S.useRef(null),f=(m=!1)=>{var O;if(p(!1),!m)return;const b=document.activeElement;b instanceof HTMLElement&&((O=h.current)!=null&&O.contains(b))&&b.blur()},v=()=>{p(!1),n()},_=()=>{p(!1),r==null||r()};return u.jsxs(g.Popover,{opened:d,onClose:()=>f(!1),onDismiss:()=>f(!1),position:"bottom",withArrow:!0,shadow:"md",...l,children:[u.jsx(g.Popover.Target,{children:u.jsx("span",{ref:h,onClick:m=>{c||(m.stopPropagation(),p(!0))},onKeyDown:m=>{!c&&d&&(m.key==="Escape"||m.key==="Esc")&&(m.stopPropagation(),f(!0))},children:e})}),u.jsx(g.Popover.Dropdown,{children:u.jsxs(g.Stack,{gap:"xs",children:[typeof t=="string"?u.jsx(g.Text,{size:"sm",children:t}):t,u.jsxs(g.Group,{gap:"xs",justify:"flex-end",children:[u.jsx(g.Button,{size:"xs",variant:"default",onClick:_,...a,children:u.jsx(F,{value:o})}),u.jsx(g.Button,{size:"xs",onClick:v,...s,children:u.jsx(F,{value:i})})]})]})})]})},Tt=({value:e})=>u.jsx(g.Text,{size:"sm",children:e});function ht(e,t){return t.toLocaleDateString(e.baseName,{year:"numeric",month:"short",day:"2-digit"})}function Mr(e,t,n=!0){const r=t.getHours().toString().padStart(2,"0"),i=t.getMinutes().toString().padStart(2,"0"),o=t.getSeconds().toString().padStart(2,"0");return n?ht(e,t)+` ${r}:${i}:${o}`:ht(e,t)+` ${r}:${i}`}const Fr=({value:e})=>{const t=S.useContext(me),n=S.useMemo(()=>Mr(t,e),[t,e]);return u.jsx(g.Text,{span:!0,size:"sm",children:n})},Tr=({value:e})=>{const t=S.useContext(me),n=S.useMemo(()=>ht(t,e),[t,e]);return u.jsx(g.Text,{span:!0,size:"sm",children:n})},gs=({value:e})=>{const t=S.useContext(me),[n,r]=S.useMemo(()=>{const i=ht(t,e),o=e.getHours().toString().padStart(2,"0"),s=e.getMinutes().toString().padStart(2,"0"),a=e.getSeconds().toString().padStart(2,"0");return[i,`${o}:${s}:${a}`]},[t,e]);return u.jsx(g.Text,{span:!0,size:"sm",title:r,children:n})},ps={yes:{lang2value:{en:"Yes",vi:"Có"},lang:"en"},no:{lang2value:{en:"No",vi:"Không"},lang:"en"}},hs=({value:e})=>u.jsx(g.Checkbox,{checked:e,label:u.jsx(F,{value:ps[e?"yes":"no"]}),readOnly:!0}),vs=({property:e,value:t})=>{if(M.isObjectProperty(e)||e.enumType===void 0)throw new Error("Invalid usage of EnumDisplay. Expect a property of type enum");return u.jsx(g.Text,{size:"sm",children:u.jsx(F,{value:e.enumType.label[t]})})},Lt=S.createContext({EntityLink:()=>null,entityRoutes:{}}),ms=({EntityLink:e,entityRoutes:t,children:n})=>u.jsx(Lt.Provider,{value:{EntityLink:e,entityRoutes:t},children:n});function Lr(e,t,n,r){const i=e.getByName(t.targetClass),o=r[t.targetClass];S.useEffect(()=>{i.fetchByIds(n)},[n]);const s={};for(const a of n)s[a]=i.get(a);return[s,o.view]}const bn=we.observer(({db:e,property:t,value:n})=>{const{EntityLink:r,entityRoutes:i}=S.useContext(Lt),o=S.useMemo(()=>[n],[n]),[s,a]=Lr(e,t,o,i),l=s[n];return l===void 0?u.jsx(g.Text,{size:"sm",span:!0,children:n}):l===null?u.jsx(hn,{}):a===void 0?u.jsx(g.Text,{size:"sm",span:!0,children:l.name}):u.jsx(r,{path:a,openInNewPage:!1,args:{id:l.id},children:l.name})}),Sn=we.observer(({db:e,property:t,value:n})=>{const{EntityLink:r,entityRoutes:i}=S.useContext(Lt),[o,s]=Lr(e,t,n,i);return u.jsx(g.Group,{gap:"xs",children:n.map((a,l)=>{const c=o[a];return c===void 0?u.jsx(g.Text,{size:"sm",span:!0,children:n},a):c===null?u.jsx(hn,{},a):s===void 0?u.jsx(g.Text,{size:"sm",span:!0,children:c.name},l):u.jsx(r,{path:s,openInNewPage:!1,args:{id:c.id},children:c.name},l)})})}),vt={string:Tt,integer:Tt,float:Tt,boolean:hs,"string[]":Tt,enum:vs,datetime:Fr,date:Tr},yn=({property:e,value:t,onChange:n,freeze:r=!1})=>{const i=W(e);return u.jsx(g.Checkbox,{...i,id:e.name,checked:t,onChange:o=>{const s=o.target.checked;n(s)},disabled:r})},mt=({property:e,value:t,onChange:n,freeze:r=!1})=>{const i=W(e);return u.jsx(g.Input,{...i,id:e.name,type:"number",value:t,onChange:o=>{const s=o.target.value;n(s===""?void 0:Number(s))},disabled:r})},_s={lang2value:{en:"The leading zero is not necessary in international phone number format. For example, if your phone number is 0123456789, you should enter it as 123-456-789.",vi:"Số 0 đầu tiên không cần thiết trong định dạng điện thoại quốc tế. Ví dụ, nếu số điện thoại của bạn là 0123456789, bạn nên nhập nó là 123-456-789."},lang:"en"},bs={lang2value:{en:"No valid country code found.",vi:"Không tìm thấy mã quốc gia hợp lệ. "},lang:"en"},Ze={84:{name:"Vietnam",flags:[G.VN]},1:{name:"US, Canada",flags:[G.US,G.CA]},61:{name:"Australia",flags:[G.AU]},81:{name:"Japan",flags:[G.JP]},44:{name:"UK",flags:[G.UK]},33:{name:"France",flags:[G.FR]},49:{name:"Germany",flags:[G.DE]},91:{name:"India",flags:[G.IN]},55:{name:"Brazil",flags:[G.BR]},34:{name:"Spain",flags:[G.ES]},39:{name:"Italy",flags:[G.IT]},64:{name:"New Zealand",flags:[G.NZ]},52:{name:"Mexico",flags:[G.MX]},86:{name:"China",flags:[G.CN]},855:{name:"Cambodia",flags:[G.CAM]}},Ss=(e,t)=>{if(e===""||e===void 0)return{match:"84",remaining:""};const n=e.replace(/[^\d]/g,""),r=t.findLongestPrefix(n);if(r.match==="")throw new Error(`No valid country code found for phone number: ${e}`);return r},$r=({value:e})=>{const t=Ze[e];if(t!==void 0)return u.jsxs(g.Group,{gap:"xs",wrap:"nowrap",align:"center",children:[u.jsxs(g.Text,{size:"sm",children:["+",e]}),u.jsx(g.Group,{gap:"xs",wrap:"nowrap",children:t.flags.map((n,r)=>u.jsx(It,{flag:n},r))})]})},ys=({value:e,onChange:t,error:n,id:r,disabled:i=!1,"data-testid":o})=>{let s={},a={};o!==void 0&&(s={"data-testid":`${o}_country_code`},a={"data-testid":o});const[l,c]=S.useState(""),[d,p]=S.useState(!1),[h,f]=S.useState(""),[v,_]=S.useState(!1),m=S.useMemo(()=>{const I=new mn;return Object.keys(Ze).forEach(q=>{I.insert(q)}),I},[Ze]),{rawInput:b}=S.useMemo(()=>{try{const{match:I,remaining:q}=Ss(e,m);return f(I),_(!1),{rawInput:q}}catch{return _(!0),f(""),{rawInput:e}}},[e]),O=g.useCombobox({onDropdownClose:()=>{O.resetSelectedOption(),c("")},onDropdownOpen:()=>{O.updateSelectedOptionIndex("active")}}),N=S.useMemo(()=>Object.keys(Ze),[Ze]),E=(I,q)=>{if(I===void 0)return`+${q}`;const ne=I.replace(/[^\d]/g,"");return ne.length===0?`+${q}`:ne.startsWith("0")?(p(!0),`+${q}${ne}`):(p(!1),`+${q}${ne}`)},P=S.useMemo(()=>N.filter(I=>Ze[I].name.toLowerCase().includes(l.toLowerCase())||I.includes(l)),[l,N]),$=S.useMemo(()=>P.map((I,q)=>u.jsx(g.Combobox.Option,{value:I,children:u.jsx($r,{value:I})},q)),[P]);return u.jsxs("div",{children:[u.jsx(g.Grid,{gutter:"xs",children:u.jsx(g.Grid.Col,{children:u.jsxs(g.Group,{gap:5,children:[u.jsxs(g.Combobox,{store:O,position:"top-start",onOptionSubmit:I=>{c(""),O.closeDropdown(),t({target:{value:E(b,I)}})},disabled:i,children:[u.jsx(g.Combobox.Target,{children:u.jsx(g.InputBase,{...s,component:"button",type:"button",pointer:!0,rightSection:u.jsx(g.Combobox.Chevron,{}),onClick:()=>O.toggleDropdown(),rightSectionPointerEvents:"none",disabled:i,children:u.jsx($r,{value:h})})}),u.jsxs(g.Combobox.Dropdown,{children:[u.jsx(g.Combobox.Search,{leftSection:u.jsx(T.IconSearch,{size:14,stroke:1.5}),placeholder:".....",value:l,onChange:I=>{c(I.currentTarget.value)},disabled:i}),u.jsx(g.Combobox.Options,{children:$.length>0?$:u.jsx(g.Combobox.Empty,{children:u.jsx(g.Text,{size:"sm",children:"Nothing found"})})})]})]}),h===""?u.jsx(g.Input,{...a,id:r,value:b,type:"phone_number",onChange:I=>{t({target:{value:I.target.value}})},error:n,flex:1,disabled:i}):u.jsx(g.Input,{...a,id:r,value:b,type:"phone_number",onAccept:I=>{const q=I.replace(/[^\d]/g,""),ne=E(q,h);ne!==e&&t({target:{value:ne}})},component:zo.IMaskInput,mask:"000-000-0000",error:n,flex:1,disabled:i})]})})}),(d||v||n&&typeof n=="string")&&u.jsx(g.Grid,{gutter:"xs",children:u.jsx(g.Grid.Col,{children:u.jsx(g.Input.Error,{children:d?u.jsx(F,{value:_s}):v?u.jsx(F,{value:bs}):n})})})]})},et=({property:e,error:t,value:n,onChange:r,freeze:i=!1})=>{const o=W(e),[s,a]=S.useMemo(()=>e.constraints.includes("password")?["password",g.PasswordInput]:e.constraints.includes("phone_number")?["phone_number",ys]:[e.constraints.includes("email")?"email":e.constraints.includes("url")?"url":"text",g.Input],[e.constraints]);return u.jsx(a,{...o,id:e.name,value:n,type:s,onChange:l=>r(l.target.value),error:t,disabled:i})},kr=({property:e,value:t,onChange:n,freeze:r=!1})=>{const i=W(e);return u.jsx(dt.DatePickerInput,{...i,id:e.tsName,value:t||null,onChange:o=>{n(o===null?void 0:xe(o).startOf("day").toDate())},valueFormat:"YYYY MMM DD",placeholder:"Pick date range",clearable:!0,popoverProps:{withinPortal:!1},flex:1,disabled:r})},zr=({property:e,value:t,onChange:n,freeze:r=!1})=>{const i=S.useContext(me),o=W(e);if(M.isObjectProperty(e)||e.enumType===void 0)throw new Error("Invalid usage of EnumInput. Expect a property of type enum");const s=e.enumType,[a,l]=S.useMemo(()=>{const c={},d=Object.entries(s.label).map(([p,h])=>{const f=isNaN(Number(p))?p:Number(p);return c[p]=f,{value:p,label:ke(i,h)}});return[c,d]},[i,s]);return u.jsx(g.Select,{...o,data:l,value:t===void 0?null:String(t),onChange:c=>{if(c===null){n(void 0);return}n(a[c])},disabled:r,allowDeselect:!e.isRequired})},Cs={lang2value:{en:"Confirm",vi:"Xác Nhận"},lang:"en"},ws=new M.DynamicMultiLingualString("confirmation.valuesDoNotMatch"),xs=({property:e})=>u.jsxs(u.Fragment,{children:[u.jsx(F,{value:Cs})," ",u.jsx(F,{value:e.label})]}),Os=({property:e,error:t,value:n,onChange:r,freeze:i=!1})=>{const o=W(e,"confirm"),[s,a]=S.useState(""),[l,c]=S.useState(!1),[d,p]=S.useMemo(()=>e.constraints.includes("password")?["password",g.PasswordInput]:["text",g.Input],[e.constraints]),h=S.useMemo(()=>{if(l&&s!==n)return ws.t({args:{name:e.label}})},[l,s,n,e.label]),f=t||h;return u.jsx(p,{...o,id:`${e.name}-confirm`,value:s,type:d,onChange:v=>{const _=v.target.value;a(_),c(!0),r(_)},error:f,disabled:i})};function Es(e,t){const[n,r]=S.useState(""),[i,o]=S.useState([]);return{data:i,query:n,setQuery:async a=>{r(a);const l=await e.getByName(t.targetClass).fetch({limit:10,offset:0,conditions:{name:{op:"fuzzy",value:a}}});o(l.records)},table:e.getByName(t.targetClass)}}const js=e=>e.name,As=e=>u.jsx(g.Text,{size:"sm",children:e.name}),Cn=we.observer(e=>u.jsx("h1",{children:"SingleForeignKey"})),wn=we.observer(({db:e,property:t,value:n,onChange:r,freeze:i=!1})=>{const{table:o,data:s,query:a,setQuery:l}=Es(e,t);return u.jsxs(g.Stack,{gap:"sm",children:[u.jsx(Ns,{property:t,query:a,setQuery:l,data:s,onSelect:c=>{n.includes(c)||r([...n,c])},renderOption:js,isIdInteger:t.datatype==="integer",freeze:i}),u.jsx(Rs,{items:n.map(c=>o.get(c)).filter(c=>c!=null),onDelete:c=>{r(n.filter(d=>d!==c.id))},render:As,freeze:i})]})}),Ns=({property:e,data:t,onSelect:n,renderOption:r,isIdInteger:i,query:o,setQuery:s,freeze:a=!1})=>{const l=W(e),c=g.useCombobox({onDropdownClose:()=>c.resetSelectedOption()}),d=S.useMemo(()=>t.map(p=>u.jsx(g.Combobox.Option,{value:p.id.toString(),children:r(p)},p.id)),[t]);return u.jsxs(g.Combobox,{store:c,onOptionSubmit:p=>{n(i?parseInt(p):p),s(""),c.closeDropdown()},offset:4,shadow:"sm",disabled:a,children:[u.jsx(g.Combobox.Target,{children:u.jsx(g.Input,{...l,id:e.name,pointer:!a,rightSection:u.jsx(T.IconSearch,{size:16,stroke:1.5}),rightSectionPointerEvents:"none",onClick:()=>c.toggleDropdown(),placeholder:"Type to search...",value:o,onChange:p=>s(p.currentTarget.value),disabled:a})}),u.jsx(g.Combobox.Dropdown,{children:u.jsx(g.Combobox.Options,{children:d.length===0?u.jsx(g.Combobox.Empty,{children:"Nothing found"}):d})})]})},Rs=({items:e,onDelete:t,render:n,freeze:r=!1})=>{const i=S.useMemo(()=>{const o=[];for(let s=0;s<e.length;s++){const a=e[s];o.push(u.jsxs(g.Group,{justify:"space-between",p:"sm",children:[n(a),!r&&u.jsx(g.CloseButton,{size:"sm",onClick:()=>t(a)})]},s)),s<e.length-1&&o.push(u.jsx(g.Divider,{},`divider-${s}`))}return o},[e,r]);if(i.length!==0)return u.jsx(g.Paper,{bd:"1px solid #ddd",children:i})},Gr=({property:e,value:t,onChange:n,freeze:r=!1})=>{const i=W(e,"start"),o=W(e,"end");return u.jsxs(g.Flex,{gap:"sm",justify:"space-between",direction:"row",align:"center",children:[u.jsx(dt.DatePickerInput,{...i,id:e.tsName,value:(t==null?void 0:t.start)||null,onChange:s=>{n({start:s===null?void 0:xe(s).startOf("day").toDate(),end:t==null?void 0:t.end})},valueFormat:"YYYY MMM DD",placeholder:"Pick date range",clearable:!r,disabled:r,popoverProps:{withinPortal:!1},flex:1,leftSection:u.jsx(T.IconCalendar,{size:16,stroke:1.5})}),u.jsx("span",{style:{flexGrow:0},children:"–"}),u.jsx(dt.DatePickerInput,{...o,id:e.tsName,value:(t==null?void 0:t.end)||null,onChange:s=>{n({start:t==null?void 0:t.start,end:s===null?void 0:xe(s).startOf("day").toDate()})},valueFormat:"YYYY MMM DD",placeholder:"Pick date range",clearable:!r,disabled:r,popoverProps:{withinPortal:!1},flex:1,leftSection:u.jsx(T.IconCalendar,{size:16,stroke:1.5})})]})},Br=({property:e,value:t,onChange:n,freeze:r=!1})=>{const i=W(e,"start"),o=W(e,"end");return u.jsxs(g.Flex,{gap:"sm",justify:"space-between",direction:"row",align:"center",children:[u.jsx(dt.DateTimePicker,{...i,id:e.tsName,value:(t==null?void 0:t.start)||null,onChange:s=>{n({start:s===null?void 0:xe(s).toDate(),end:t==null?void 0:t.end})},valueFormat:"YYYY MMM DD HH:mm",placeholder:"Pick date range",clearable:!r,disabled:r,popoverProps:{withinPortal:!1},flex:1,withSeconds:!1,leftSection:u.jsx(T.IconCalendar,{size:16,stroke:1.5})}),u.jsx("span",{style:{flexGrow:0},children:"–"}),u.jsx(dt.DateTimePicker,{...o,id:e.tsName,value:(t==null?void 0:t.end)||null,onChange:s=>{n({start:t==null?void 0:t.start,end:s===null?void 0:xe(s).toDate()})},valueFormat:"YYYY MMM DD HH:mm",placeholder:"Pick date range",clearable:!r,disabled:r,popoverProps:{withinPortal:!1},flex:1,withSeconds:!1,leftSection:u.jsx(T.IconCalendar,{size:16,stroke:1.5})})]})},xn={integer:mt,float:mt,string:et,boolean:yn,"string[]":et,enum:zr,date:kr},Hr={requiredLabelLeft:"_requiredLabelLeft_l5p83_1",requiredLabelRight:"_requiredLabelRight_l5p83_11"},On=({label:e,name:t,required:n=!1,tooltip:r,style:i,align:o="left"})=>{const s=n?o==="left"?Hr.requiredLabelRight:Hr.requiredLabelLeft:"";return u.jsx(g.Flex,{align:"center",h:36,children:u.jsx("label",{htmlFor:t,style:i,children:u.jsxs(g.Group,{gap:4,children:[u.jsx(g.Text,{size:"sm",className:s,children:e}),r!==void 0&&u.jsx(g.Tooltip,{label:r,withArrow:!0,children:u.jsx(T.IconHelpCircle,{size:16,stroke:1.5,style:{color:"var(--mantine-color-dimmed)"}})})]})})})},En={type:"vertical",helpAlwaysVisible:!1},Oe=we.observer(({store:e,record:t,property:n,layout:r=En,InputComponent:i,freeze:o=!1,label:s,onChange:a,visible:l})=>{const[c,d]=S.useState(void 0);if(l!==void 0&&!l(t))return u.jsx("div",{});const p=ze(t,n);return a===void 0&&(a=h=>{var v;if(M.isDraftRecord(t))Ge(t,n,h);else{const _=t.toDraft();Ge(_,n,h),e.setDraft(_)}const f=n.validator(h);f.isValid?d(void 0):d((v=f.errorMessage)==null?void 0:v.t({args:{name:n.label}}))}),u.jsx(jn,{db:e.db,property:n,layout:r,InputComponent:i,freeze:o,value:p,error:c,label:s,onChange:a})});function jn({db:e,layout:t,property:n,InputComponent:r,freeze:i,value:o,error:s,label:a,onChange:l}){return qr(t)?u.jsxs(g.Stack,{gap:5,children:[u.jsxs(g.Grid,{gutter:"sm",children:[u.jsx(g.Grid.Col,{span:t.labelCol,style:{display:"flex",justifyContent:t.align||"left"},children:u.jsx(On,{label:u.jsx(F,{value:n.label}),name:n.name,required:n.isRequired,tooltip:n.description!==void 0?u.jsx(F,{value:n.description}):void 0,align:t.align})}),u.jsx(g.Grid.Col,{span:t.itemCol,children:u.jsx(r,{db:e,property:n,value:o,error:s!==void 0,onChange:l,freeze:i})})]}),s!==void 0&&u.jsxs(g.Grid,{gutter:"sm",children:[u.jsx(g.Grid.Col,{span:t.labelCol}),u.jsx(g.Grid.Col,{span:t.itemCol,children:u.jsx(g.Input.Error,{children:s})})]})]}):(a===void 0&&(a=u.jsx(F,{value:n.label})),!t.helpAlwaysVisible&&n.description!==void 0&&(a=u.jsxs(g.Group,{gap:4,style:{display:"inline-flex"},children:[a,u.jsx(g.Tooltip,{label:u.jsx(F,{value:n.description}),withArrow:!0,children:u.jsx(T.IconHelpCircle,{size:16,stroke:1.5,style:{color:"var(--mantine-color-dimmed)"}})})]})),u.jsx(g.Input.Wrapper,{label:a,description:t.helpAlwaysVisible&&n.description!==void 0?u.jsx(F,{value:n.description}):void 0,required:n.isRequired,children:u.jsx(r,{db:e,property:n,value:o,error:s,onChange:l,freeze:i})}))}function qr(e){return e.type==="horizontal"}const Ps=12,Ds=e=>{const t=e.schema,n=S.useMemo(()=>e.fieldGroups.map((r,i)=>Is(t,e.store,e.record,i,r,e.layout)),[t,e.store,e.record,e.fieldGroups,e.layout]);return u.jsx("form",{onSubmit:e.onSubmit===void 0?void 0:r=>{r.preventDefault(),e.onSubmit!==void 0&&M.isDraftRecord(e.record)&&e.record.stale&&e.record.isValid()&&e.onSubmit(e.record)},children:u.jsxs(g.Stack,{gap:"sm",className:e.className,style:e.styles,children:[n,u.jsx(g.Group,{gap:"sm",justify:e.actionsAlign,children:e.actions.map((r,i)=>u.jsx(g.Button,{variant:r.variant,onClick:()=>{r.onClick!==void 0&&r.onClick()},disabled:r.disabled,children:r.label},i))})]})})};function Is(e,t,n,r,i,o){var c,d;const s=i.fields,a=[];for(let p=0;p<s.length;p++){const h=[];for(let f=0;f<s[p].length;f++){const v=s[p][f];let _,m={};if(typeof v=="function")_=v(t,n);else{let b;typeof v=="object"&&"prop"in v?(b=v.prop instanceof M.NestedProperty?v.prop:e.allProperties[v.prop],v.args!==void 0&&(m=v.args)):b=v instanceof M.NestedProperty?v:e.allProperties[v],_=u.jsx(Oe,{store:t,record:n,property:b,layout:o,InputComponent:De(b,m.input),freeze:m.freeze??!1,visible:m.visible,label:m.label,onChange:m.onChange})}h.push(u.jsx(_e,{span:(c=m.colsize)==null?void 0:c.span,grow:(d=m.colsize)==null?void 0:d.grow,children:_},`${p}-${f}`))}a.push(u.jsx(pt,{children:h},p))}const l=u.jsx(g.Stack,{gap:"sm",children:a},r);return i.name!==void 0?u.jsx(g.Fieldset,{legend:i.name,children:l},r):l}function De(e,t){if(t!==void 0)return t;const n=e instanceof M.NestedProperty?e.leafProperty:e;if(M.isObjectProperty(n))return n.cardinality==="N:N"||n.cardinality==="1:N"?wn:Cn;if(xn[n.datatype]===void 0)throw new Error(`No input component found for datatype ${n.datatype}`);return xn[n.datatype]}const Ur=we.observer(({db:e,record:t,property:n,layout:r=En,InputComponent:i,freeze:o=!1,label:s,onChange:a,visible:l})=>{const[c,d]=S.useState(void 0);if(l!==void 0&&!l(t))return u.jsx("div",{});const p=ze(t,n);return a===void 0&&(a=h=>{var v;Ge(t,n,h);const f=n.validator(h);f.isValid?d(void 0):d((v=f.errorMessage)==null?void 0:v.t({args:{name:n.label}}))}),u.jsx(jn,{db:e,property:n,layout:r,InputComponent:i,freeze:o,value:p,error:c,label:s,onChange:a})}),Vs=e=>{const t=e.schema,n=S.useMemo(()=>e.fieldGroups.map((r,i)=>Ms(t,e.record,i,r,e.layout,e.db)),[t,e.record,e.fieldGroups,e.layout]);return u.jsx("form",{onSubmit:e.onSubmit===void 0?void 0:r=>{r.preventDefault(),e.onSubmit!==void 0&&e.record.stale&&e.record.isValid()&&e.onSubmit(e.record)},children:u.jsxs(g.Stack,{gap:"sm",className:e.className,style:e.styles,children:[n,e.actions&&e.actions.length>0&&u.jsx(g.Group,{gap:"sm",justify:e.actionsAlign,children:e.actions.map((r,i)=>u.jsx(g.Button,{variant:r.variant,onClick:()=>{r.onClick!==void 0&&r.onClick()},disabled:r.disabled,children:r.label},i))})]})})};function Ms(e,t,n,r,i,o){var c,d;const s=r.fields,a=[];for(let p=0;p<s.length;p++){const h=[];for(let f=0;f<s[p].length;f++){const v=s[p][f];let _,m={};if(typeof v=="function")_=v(t);else{let b;typeof v=="object"&&"prop"in v?(b=v.prop instanceof M.NestedProperty?v.prop:e.allProperties[v.prop],v.args!==void 0&&(m=v.args)):b=v instanceof M.NestedProperty?v:e.allProperties[v],_=u.jsx(Ur,{db:o,record:t,property:b,layout:i,InputComponent:De(b,m.input),freeze:m.freeze??!1,visible:m.visible,label:m.label,onChange:m.onChange})}h.push(u.jsx(_e,{span:(c=m.colsize)==null?void 0:c.span,grow:(d=m.colsize)==null?void 0:d.grow,children:_},`${p}-${f}`))}a.push(u.jsx(pt,{children:h},p))}const l=u.jsx(g.Stack,{gap:"sm",children:a},n);return r.name!==void 0?u.jsx(g.Fieldset,{legend:r.name,children:l},n):l}var Fs={0:"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'",1:function(t,n){return"Cannot apply '"+t+"' to '"+n.toString()+"': Field not found."},5:"'keys()' can only be used on observable objects, arrays, sets and maps",6:"'values()' can only be used on observable objects, arrays, sets and maps",7:"'entries()' can only be used on observable objects, arrays and maps",8:"'set()' can only be used on observable objects, arrays and maps",9:"'remove()' can only be used on observable objects, arrays and maps",10:"'has()' can only be used on observable objects, arrays and maps",11:"'get()' can only be used on observable objects, arrays and maps",12:"Invalid annotation",13:"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)",14:"Intercept handlers should return nothing or a change object",15:"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)",16:"Modification exception: the internal structure of an observable array was changed.",17:function(t,n){return"[mobx.array] Index out of bounds, "+t+" is larger than "+n},18:"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js",19:function(t){return"Cannot initialize from classes that inherit from Map: "+t.constructor.name},20:function(t){return"Cannot initialize map from "+t},21:function(t){return"Cannot convert to map from '"+t+"'"},22:"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js",23:"It is not possible to get index atoms from arrays",24:function(t){return"Cannot obtain administration from "+t},25:function(t,n){return"the entry '"+t+"' does not exist in the observable map '"+n+"'"},26:"please specify a property",27:function(t,n){return"no observable property '"+t.toString()+"' found on the observable object '"+n+"'"},28:function(t){return"Cannot obtain atom from "+t},29:"Expecting some object",30:"invalid action stack. did you forget to finish an action?",31:"missing option for computed: get",32:function(t,n){return"Cycle detected in computation "+t+": "+n},33:function(t){return"The setter of computed value '"+t+"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?"},34:function(t){return"[ComputedValue '"+t+"'] It is not possible to assign a new value to a computed value."},35:"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`",36:"isolateGlobalState should be called before MobX is running any reactions",37:function(t){return"[mobx] `observableArray."+t+"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice()."+t+"()` instead"},38:"'ownKeys()' can only be used on observable objects",39:"'defineProperty()' can only be used on observable objects"},Ts=process.env.NODE_ENV!=="production"?Fs:{};function x(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];if(process.env.NODE_ENV!=="production"){var i=typeof e=="string"?e:Ts[e];throw typeof i=="function"&&(i=i.apply(null,n)),new Error("[MobX] "+i)}throw new Error(typeof e=="number"?"[MobX] minified error nr: "+e+(n.length?" "+n.map(String).join(","):"")+". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts":"[MobX] "+e)}var Ls={};function An(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:Ls}var Kr=Object.assign,$t=Object.getOwnPropertyDescriptor,be=Object.defineProperty,kt=Object.prototype,zt=[];Object.freeze(zt);var Nn={};Object.freeze(Nn);var $s=typeof Proxy<"u",ks=Object.toString();function Yr(){$s||x(process.env.NODE_ENV!=="production"?"`Proxy` objects are not available in the current environment. Please configure MobX to enable a fallback implementation.`":"Proxy not available")}function _t(e){process.env.NODE_ENV!=="production"&&w.verifyProxies&&x("MobX is currently configured to be able to run in ES5 mode, but in ES5 MobX won't be able to "+e)}function re(){return++w.mobxGuid}function Rn(e){var t=!1;return function(){if(!t)return t=!0,e.apply(this,arguments)}}var tt=function(){};function z(e){return typeof e=="function"}function Be(e){var t=typeof e;switch(t){case"string":case"symbol":case"number":return!0}return!1}function Gt(e){return e!==null&&typeof e=="object"}function ce(e){if(!Gt(e))return!1;var t=Object.getPrototypeOf(e);if(t==null)return!0;var n=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return typeof n=="function"&&n.toString()===ks}function Wr(e){var t=e==null?void 0:e.constructor;return t?t.name==="GeneratorFunction"||t.displayName==="GeneratorFunction":!1}function Pn(e,t,n){be(e,t,{enumerable:!1,writable:!0,configurable:!0,value:n})}function Xr(e,t,n){be(e,t,{enumerable:!1,writable:!1,configurable:!0,value:n})}function He(e,t){var n="isMobX"+e;return t.prototype[n]=!0,function(r){return Gt(r)&&r[n]===!0}}function nt(e){return e!=null&&Object.prototype.toString.call(e)==="[object Map]"}function zs(e){var t=Object.getPrototypeOf(e),n=Object.getPrototypeOf(t),r=Object.getPrototypeOf(n);return r===null}function Ee(e){return e!=null&&Object.prototype.toString.call(e)==="[object Set]"}var Jr=typeof Object.getOwnPropertySymbols<"u";function Gs(e){var t=Object.keys(e);if(!Jr)return t;var n=Object.getOwnPropertySymbols(e);return n.length?[].concat(t,n.filter(function(r){return kt.propertyIsEnumerable.call(e,r)})):t}var Dn=typeof Reflect<"u"&&Reflect.ownKeys?Reflect.ownKeys:Jr?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:Object.getOwnPropertyNames;function In(e){return typeof e=="string"?e:typeof e=="symbol"?e.toString():new String(e).toString()}function Qr(e){return e===null?null:typeof e=="object"?""+e:e}function de(e,t){return kt.hasOwnProperty.call(e,t)}var Bs=Object.getOwnPropertyDescriptors||function(t){var n={};return Dn(t).forEach(function(r){n[r]=$t(t,r)}),n};function X(e,t){return!!(e&t)}function J(e,t,n){return n?e|=t:e&=~t,e}function Zr(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function Hs(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,Us(r.key),r)}}function rt(e,t,n){return t&&Hs(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function it(e,t){var n=typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=Ks(e))||t){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
23
23
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Ie(){return Ie=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ie.apply(null,arguments)}function ei(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Vn(e,t)}function Vn(e,t){return Vn=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,r){return n.__proto__=r,n},Vn(e,t)}function qs(e,t){if(typeof e!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}function Us(e){var t=qs(e,"string");return typeof t=="symbol"?t:t+""}function Ks(e,t){if(e){if(typeof e=="string")return Zr(e,t);var n={}.toString.call(e).slice(8,-1);return n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set"?Array.from(e):n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Zr(e,t):void 0}}var je=Symbol("mobx-stored-annotations");function Se(e){function t(n,r){if(St(r))return e.decorate_20223_(n,r);bt(n,r,e)}return Object.assign(t,e)}function bt(e,t,n){if(de(e,je)||Pn(e,je,Ie({},e[je])),process.env.NODE_ENV!=="production"&&qt(n)&&!de(e[je],t)){var r=e.constructor.name+".prototype."+t.toString();x("'"+r+"' is decorated with 'override', but no such decorated member was found on prototype.")}Ys(e,n,t),qt(n)||(e[je][t]=n)}function Ys(e,t,n){if(process.env.NODE_ENV!=="production"&&!qt(t)&&de(e[je],n)){var r=e.constructor.name+".prototype."+n.toString(),i=e[je][n].annotationType_,o=t.annotationType_;x("Cannot apply '@"+o+"' to '"+r+"':"+(`
|
|
24
24
|
The field is already decorated with '@`+i+"'.")+`
|
|
25
25
|
Re-decorating fields is not allowed.
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sera-components",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.8.
|
|
4
|
+
"version": "1.8.7",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist"
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"react-dom": "^19.2.3",
|
|
47
47
|
"react-imask": "^7.6.1",
|
|
48
48
|
"react-router": "^7.7.1",
|
|
49
|
-
"sera-db": "^1.13.
|
|
49
|
+
"sera-db": "^1.13.5",
|
|
50
50
|
"throttle-debounce": "^5.0.2"
|
|
51
51
|
}
|
|
52
52
|
}
|