@tap-payments/os-micro-frontend-shared 0.3.25 → 0.3.26

package/build/_chunks/{chunk-XHGO2IXN.js → chunk-QWKBL7HI.js}

@@ -1 +1 @@
-import {a as a$2}from'./chunk-4NFI3QCH.js';import {a as a$3}from'./chunk-7N5WS24J.js';import {a as a$1}from'./chunk-TGRKEJOI.js';import {a}from'./chunk-GNY2VGGW.js';import {Lc,Bd}from'./chunk-EIQU6V2G.js';import {pi,qi,wi,Vd}from'./chunk-UXNHJGII.js';import {forwardRef,useState,useImperativeHandle,useEffect,useMemo,memo,useId}from'react';import {Button}from'@mui/material';import p from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {useTranslation}from'react-i18next';import {useDropzone}from'react-dropzone';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var G=styled(p)(()=>({textAlign:"center",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"32px"})),u=styled(p)(()=>({paddingInline:"40px"})),d=styled(a,{shouldForwardProp:e=>e!=="isError"})(({theme:e,isError:i})=>({color:i?"#FF2000":e.palette.text.primary,fontSize:"18px",fontWeight:600,lineHeight:"20px",marginBottom:"8px"})),J=styled(p)(({theme:e})=>({color:e.palette.text.primary,fontSize:"12px",fontWeight:500,lineHeight:"20px",padding:"4px 12px",borderRadius:"4px",border:`1px solid ${e.palette.divider}`,background:e.palette.common.white,cursor:"pointer"})),g=styled(a)(({theme:e})=>({color:alpha(e.palette.text.primary,.7),fontSize:"12px",fontWeight:500,lineHeight:"20px"})),F=styled(p,{shouldForwardProp:e=>e!=="width"})(({theme:e,width:i})=>({width:i||431,minHeight:176,border:`1px dashed ${e.palette.secondary.light}`,borderRadius:"8px",padding:"24px 0",display:"flex",alignItems:"center",justifyContent:"center"})),h=styled(p)(({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"24px",color:e.palette.text.primary,fontSize:"14px",lineHeight:"20px",cursor:"default"})),K=styled("span")(()=>({fontWeight:600,textDecorationLine:"underline",cursor:"pointer"})),b=styled(p)(({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px",color:e.palette.text.primary})),z=styled(p)(({theme:e})=>({color:alpha(e.palette.text.primary,.7),fontSize:"12px",fontWeight:500,lineHeight:"20px"})),L=styled(Button)(({theme:e,disabled:i})=>({borderRadius:"4px",minWidth:"105px",background:i?alpha(e.palette.info.dark,.4):e.palette.info.dark,color:e.palette.common.white,padding:"4px 8px",fontSize:"9px",fontWeight:600,height:"32px",display:"flex",alignItems:"center",justifyContent:"center",textTransform:"none","&:hover":{background:e.palette.info.dark,opacity:.8},"&.Mui-disabled":{color:e.palette.common.white}})),O=styled(p)(()=>({display:"flex",gap:"8px",justifyContent:"center",alignItems:"center",padding:"6px",boxShadow:"0px 4px 40px 0px rgba(0, 0, 0, 0.19)",borderRadius:"4px"}));var X=forwardRef(({accept:e,footer:i,options:x,isCreateLoading:U,progress:te,error:R,errorHint:oe,subtitleComponent:S,isSuccess:P,onConfirm:re,isSendDisabled:ie,errorActionComponent:le,title:l,width:B,successFooter:pe,progressVariant:ne},ae)=>{let{t:n}=useTranslation(),[a,H]=useState([]),{getRootProps:de,getInputProps:se,open:f,acceptedFiles:j,isDragReject:M,fileRejections:s}=useDropzone(x);useImperativeHandle(ae,()=>({open:f}),[f]),useEffect(()=>{H(j);},[j]);let C=Lc(x?.maxSize||0,0).toUpperCase(),m=useMemo(()=>{let me=s.length&&s[0].errors.some(k=>k.code==="file-invalid-type"),ce=s.length&&s[0].errors.some(k=>k.code==="file-too-large");return M||me?n("invalidFileType"):ce?`File is larger than ${C}`:R},[M,R,s,C,n]),W=useMemo(()=>a.length?jsxs(b,{sx:{fontWeight:600},children:[jsx(p,{children:a[0].name}),jsx(z,{children:Lc(a[0].size)})]}):null,[a]);return P&&a.length&&!U?jsxs(Fragment,{children:[jsxs(u,{children:[typeof l=="string"?jsx(d,{children:l}):l??jsx(d,{children:"File uploaded"}),S]}),jsx(F,{width:B,children:jsxs(h,{children:[P&&jsx(p,{component:"img",src:pi,width:56,height:56}),W]})}),pe??jsxs(O,{children:[jsx(a$1,{onClick:()=>{H([]);},children:jsx(a$2,{src:qi,alt:"delete",sx:{width:14,height:14}})}),jsx(L,{disabled:ie,onClick:()=>{re?.(a);},children:"Bulk Send"})]})]}):U&&a.length?jsxs(Fragment,{children:[jsxs(u,{children:[l&&typeof l!="string"?l:jsxs(Fragment,{children:[jsx(d,{children:l??n("uploading")}),jsx(g,{children:n("wait")})]}),S]}),jsx(F,{width:B,children:jsxs(h,{children:[U&&jsx(a$3,{size:56,value:te,variant:ne}),W]})}),i]}):jsxs(Fragment,{children:[jsxs(u,{children:[m?jsx(d,{isError:true,children:m}):typeof l=="string"?jsx(d,{children:l}):l??jsx(d,{children:n("uploadBulkFile")}),S||!!m&&jsx(g,{children:"Supported formats: xls, xlxs"})]}),jsxs(F,{width:B,...de(),children:[jsx("input",{...se()}),jsxs(h,{"data-slot":"content",children:[jsx(p,{component:"img",src:m?wi:Vd,width:56,height:56}),oe,W,m?jsx(Fragment,{children:le||jsx(J,{onClick:f,children:n("uploadAgain")})}):jsxs(b,{children:[jsxs(p,{children:[jsx(K,{onClick:f,children:"Click to upload"})," or drag and drop"]}),jsxs(z,{children:["Maximum file size ",C]}),e&&jsx(g,{children:n("supportedFormats",{accept:e})})]})]})]}),i]})});X.displayName="FileUploadBase";var Y=memo(X);var _=forwardRef((e,i)=>{let x=Bd(useId(),"file-upload");return jsx(G,{id:x,"data-testid":"FileUpload","data-slot":"file-upload-wrapper",children:jsx(Y,{...e,ref:i})})});_.displayName="FileUpload";var ee=memo(_);var Qe=ee;export{Qe as a};
+import {a as a$2}from'./chunk-OVCGWCUR.js';import {a as a$3}from'./chunk-EZXI6AWM.js';import {a as a$1}from'./chunk-TGRKEJOI.js';import {a}from'./chunk-GNY2VGGW.js';import {Dc,sd}from'./chunk-VHRTL7LZ.js';import {pi,qi,wi,Vd}from'./chunk-UXNHJGII.js';import {forwardRef,useState,useImperativeHandle,useEffect,useMemo,memo,useId}from'react';import {Button}from'@mui/material';import p from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {useTranslation}from'react-i18next';import {useDropzone}from'react-dropzone';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var G=styled(p)(()=>({textAlign:"center",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"32px"})),u=styled(p)(()=>({paddingInline:"40px"})),d=styled(a,{shouldForwardProp:e=>e!=="isError"})(({theme:e,isError:i})=>({color:i?"#FF2000":e.palette.text.primary,fontSize:"18px",fontWeight:600,lineHeight:"20px",marginBottom:"8px"})),J=styled(p)(({theme:e})=>({color:e.palette.text.primary,fontSize:"12px",fontWeight:500,lineHeight:"20px",padding:"4px 12px",borderRadius:"4px",border:`1px solid ${e.palette.divider}`,background:e.palette.common.white,cursor:"pointer"})),g=styled(a)(({theme:e})=>({color:alpha(e.palette.text.primary,.7),fontSize:"12px",fontWeight:500,lineHeight:"20px"})),F=styled(p,{shouldForwardProp:e=>e!=="width"})(({theme:e,width:i})=>({width:i||431,minHeight:176,border:`1px dashed ${e.palette.secondary.light}`,borderRadius:"8px",padding:"24px 0",display:"flex",alignItems:"center",justifyContent:"center"})),h=styled(p)(({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"24px",color:e.palette.text.primary,fontSize:"14px",lineHeight:"20px",cursor:"default"})),K=styled("span")(()=>({fontWeight:600,textDecorationLine:"underline",cursor:"pointer"})),b=styled(p)(({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px",color:e.palette.text.primary})),z=styled(p)(({theme:e})=>({color:alpha(e.palette.text.primary,.7),fontSize:"12px",fontWeight:500,lineHeight:"20px"})),L=styled(Button)(({theme:e,disabled:i})=>({borderRadius:"4px",minWidth:"105px",background:i?alpha(e.palette.info.dark,.4):e.palette.info.dark,color:e.palette.common.white,padding:"4px 8px",fontSize:"9px",fontWeight:600,height:"32px",display:"flex",alignItems:"center",justifyContent:"center",textTransform:"none","&:hover":{background:e.palette.info.dark,opacity:.8},"&.Mui-disabled":{color:e.palette.common.white}})),O=styled(p)(()=>({display:"flex",gap:"8px",justifyContent:"center",alignItems:"center",padding:"6px",boxShadow:"0px 4px 40px 0px rgba(0, 0, 0, 0.19)",borderRadius:"4px"}));var X=forwardRef(({accept:e,footer:i,options:x,isCreateLoading:U,progress:te,error:R,errorHint:oe,subtitleComponent:S,isSuccess:P,onConfirm:re,isSendDisabled:ie,errorActionComponent:le,title:l,width:B,successFooter:pe,progressVariant:ne},ae)=>{let{t:n}=useTranslation(),[a,H]=useState([]),{getRootProps:de,getInputProps:se,open:f,acceptedFiles:j,isDragReject:M,fileRejections:s}=useDropzone(x);useImperativeHandle(ae,()=>({open:f}),[f]),useEffect(()=>{H(j);},[j]);let C=Dc(x?.maxSize||0,0).toUpperCase(),m=useMemo(()=>{let me=s.length&&s[0].errors.some(k=>k.code==="file-invalid-type"),ce=s.length&&s[0].errors.some(k=>k.code==="file-too-large");return M||me?n("invalidFileType"):ce?`File is larger than ${C}`:R},[M,R,s,C,n]),W=useMemo(()=>a.length?jsxs(b,{sx:{fontWeight:600},children:[jsx(p,{children:a[0].name}),jsx(z,{children:Dc(a[0].size)})]}):null,[a]);return P&&a.length&&!U?jsxs(Fragment,{children:[jsxs(u,{children:[typeof l=="string"?jsx(d,{children:l}):l??jsx(d,{children:"File uploaded"}),S]}),jsx(F,{width:B,children:jsxs(h,{children:[P&&jsx(p,{component:"img",src:pi,width:56,height:56}),W]})}),pe??jsxs(O,{children:[jsx(a$1,{onClick:()=>{H([]);},children:jsx(a$2,{src:qi,alt:"delete",sx:{width:14,height:14}})}),jsx(L,{disabled:ie,onClick:()=>{re?.(a);},children:"Bulk Send"})]})]}):U&&a.length?jsxs(Fragment,{children:[jsxs(u,{children:[l&&typeof l!="string"?l:jsxs(Fragment,{children:[jsx(d,{children:l??n("uploading")}),jsx(g,{children:n("wait")})]}),S]}),jsx(F,{width:B,children:jsxs(h,{children:[U&&jsx(a$3,{size:56,value:te,variant:ne}),W]})}),i]}):jsxs(Fragment,{children:[jsxs(u,{children:[m?jsx(d,{isError:true,children:m}):typeof l=="string"?jsx(d,{children:l}):l??jsx(d,{children:n("uploadBulkFile")}),S||!!m&&jsx(g,{children:"Supported formats: xls, xlxs"})]}),jsxs(F,{width:B,...de(),children:[jsx("input",{...se()}),jsxs(h,{"data-slot":"content",children:[jsx(p,{component:"img",src:m?wi:Vd,width:56,height:56}),oe,W,m?jsx(Fragment,{children:le||jsx(J,{onClick:f,children:n("uploadAgain")})}):jsxs(b,{children:[jsxs(p,{children:[jsx(K,{onClick:f,children:"Click to upload"})," or drag and drop"]}),jsxs(z,{children:["Maximum file size ",C]}),e&&jsx(g,{children:n("supportedFormats",{accept:e})})]})]})]}),i]})});X.displayName="FileUploadBase";var Y=memo(X);var _=forwardRef((e,i)=>{let x=sd(useId(),"file-upload");return jsx(G,{id:x,"data-testid":"FileUpload","data-slot":"file-upload-wrapper",children:jsx(Y,{...e,ref:i})})});_.displayName="FileUpload";var ee=memo(_);var Qe=ee;export{Qe as a};

package/build/_chunks/{chunk-BF42MFTO.js → chunk-RBR2CSI7.js}

@@ -1 +1 @@
-import {Bd}from'./chunk-EIQU6V2G.js';import {s,r}from'./chunk-UXNHJGII.js';import {useId}from'react';import S from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsx,Fragment}from'react/jsx-runtime';var c=styled(S)(()=>({height:10}));styled("span")(({theme:o})=>({fontSize:o.typography.body2.fontSize,lineHeight:"17px",fontWeight:"700"}));styled("span")(()=>({fontWeight:"400"}));var l=styled("span")(({symbol:o,fontSize:e,color:t})=>({display:"inline-block",height:e,width:e,backgroundColor:t,maskImage:`url("${o}")`,maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center",WebkitMaskImage:`url("${o}")`,WebkitMaskSize:"contain",WebkitMaskRepeat:"no-repeat",WebkitMaskPosition:"center"}));var u={SAR:r,AED:s};function g({currency:o,fontSize:e,color:t,sx:m={}}){let a=Bd(useId(),"currency-symbol"),n=u[o];return n?t?jsx(l,{id:a,"data-testid":"CurrencySymbol",symbol:n,fontSize:e,color:t,"aria-label":o,role:"img",sx:m}):jsx(c,{id:a,"data-testid":"CurrencySymbol",component:"img",src:n,alt:o,sx:{height:e,...m}}):jsx(Fragment,{children:o})}var b=g;var B=b;export{B as a};
+import {sd}from'./chunk-VHRTL7LZ.js';import {s,r}from'./chunk-UXNHJGII.js';import {useId}from'react';import S from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsx,Fragment}from'react/jsx-runtime';var c=styled(S)(()=>({height:10}));styled("span")(({theme:o})=>({fontSize:o.typography.body2.fontSize,lineHeight:"17px",fontWeight:"700"}));styled("span")(()=>({fontWeight:"400"}));var l=styled("span")(({symbol:o,fontSize:e,color:t})=>({display:"inline-block",height:e,width:e,backgroundColor:t,maskImage:`url("${o}")`,maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center",WebkitMaskImage:`url("${o}")`,WebkitMaskSize:"contain",WebkitMaskRepeat:"no-repeat",WebkitMaskPosition:"center"}));var u={SAR:r,AED:s};function g({currency:o,fontSize:e,color:t,sx:m={}}){let a=sd(useId(),"currency-symbol"),n=u[o];return n?t?jsx(l,{id:a,"data-testid":"CurrencySymbol",symbol:n,fontSize:e,color:t,"aria-label":o,role:"img",sx:m}):jsx(c,{id:a,"data-testid":"CurrencySymbol",component:"img",src:n,alt:o,sx:{height:e,...m}}):jsx(Fragment,{children:o})}var b=g;var B=b;export{B as a};

package/build/_chunks/{chunk-SD46JYSJ.js → chunk-REIAIVH2.js}

@@ -1 +1 @@
-import {Bd}from'./chunk-EIQU6V2G.js';import {oi}from'./chunk-UXNHJGII.js';import {memo,useId}from'react';import l from'@mui/material/ButtonBase';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';import {Box}from'@mui/material';var i=styled(l,{shouldForwardProp:t=>t!=="variant"})(({theme:t,variant:o="confirm",size:e="default"})=>({textTransform:"capitalize",borderRadius:"4px",lineHeight:"100%","&.Mui-disabled":{opacity:.5},...o==="confirm"&&{color:t.palette.common.white,background:t.palette.info.dark},...o==="cancel"&&{color:t.palette.grey[700],border:`1px solid ${t.palette.divider}`},...e==="small"&&{height:24,width:"auto",padding:"8px 16px",fontWeight:600,fontSize:"10px"},...e==="default"&&{height:32,width:75,fontWeight:700,padding:"8px 24px",fontSize:"11px"}}));function a({children:t,sx:o,...e}){let s=Bd(useId(),"button");return jsx(i,{id:s,"data-testid":"Button",sx:o,...e,children:t})}a.displayName="Button";var p=memo(a);function d({...t}){return jsx(Box,{component:"button","data-testid":"PlusButton",...t,sx:{cursor:"pointer",padding:0,margin:0,background:"transparent",border:"none",width:24,height:24,...t.sx},children:jsx("img",{src:oi,alt:"Plus Button",width:24,height:24})})}d.displayName="PlusButton";var m=memo(d);var P=m;var $=p;export{P as a,$ as b};
+import {sd}from'./chunk-VHRTL7LZ.js';import {oi}from'./chunk-UXNHJGII.js';import {memo,useId}from'react';import l from'@mui/material/ButtonBase';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';import {Box}from'@mui/material';var i=styled(l,{shouldForwardProp:t=>t!=="variant"})(({theme:t,variant:o="confirm",size:e="default"})=>({textTransform:"capitalize",borderRadius:"4px",lineHeight:"100%","&.Mui-disabled":{opacity:.5},...o==="confirm"&&{color:t.palette.common.white,background:t.palette.info.dark},...o==="cancel"&&{color:t.palette.grey[700],border:`1px solid ${t.palette.divider}`},...e==="small"&&{height:24,width:"auto",padding:"8px 16px",fontWeight:600,fontSize:"10px"},...e==="default"&&{height:32,width:75,fontWeight:700,padding:"8px 24px",fontSize:"11px"}}));function a({children:t,sx:o,...e}){let s=sd(useId(),"button");return jsx(i,{id:s,"data-testid":"Button",sx:o,...e,children:t})}a.displayName="Button";var p=memo(a);function d({...t}){return jsx(Box,{component:"button","data-testid":"PlusButton",...t,sx:{cursor:"pointer",padding:0,margin:0,background:"transparent",border:"none",width:24,height:24,...t.sx},children:jsx("img",{src:oi,alt:"Plus Button",width:24,height:24})})}d.displayName="PlusButton";var m=memo(d);var P=m;var $=p;export{P as a,$ as b};

package/build/_chunks/{chunk-PGL6A6FR.js → chunk-SBXIDSB4.js}

@@ -1 +1 @@
-import {Bd}from'./chunk-EIQU6V2G.js';import {memo,useId}from'react';import f from'@mui/material/Box';import a from'@mui/material/Input';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';var p=styled(a,{shouldForwardProp:o=>o!=="isError"})(({theme:o})=>({padding:"8px",border:`1px solid ${o.palette.divider}`,borderRadius:"4px",height:32,color:o.palette.text.primary,fontSize:"11px",outline:0,maxWidth:"100%",display:"flex",flexGrow:1,"::placeholder":{color:o.palette.grey[700],fontWeight:400}}));function i({isError:o,...t}){let l=Bd(useId(),"input");return jsx(f,{id:l,"data-testid":"Input",sx:{flexGrow:1},onClick:d=>{d.stopPropagation();},children:jsx(p,{...t,placeholder:t.placeholder,isError:o,disableUnderline:true})})}i.displayName="Input";var n=memo(i);var S=n;export{S as a};
+import {sd}from'./chunk-VHRTL7LZ.js';import {memo,useId}from'react';import f from'@mui/material/Box';import a from'@mui/material/Input';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';var p=styled(a,{shouldForwardProp:o=>o!=="isError"})(({theme:o})=>({padding:"8px",border:`1px solid ${o.palette.divider}`,borderRadius:"4px",height:32,color:o.palette.text.primary,fontSize:"11px",outline:0,maxWidth:"100%",display:"flex",flexGrow:1,"::placeholder":{color:o.palette.grey[700],fontWeight:400}}));function i({isError:o,...t}){let l=sd(useId(),"input");return jsx(f,{id:l,"data-testid":"Input",sx:{flexGrow:1},onClick:d=>{d.stopPropagation();},children:jsx(p,{...t,placeholder:t.placeholder,isError:o,disableUnderline:true})})}i.displayName="Input";var n=memo(i);var S=n;export{S as a};

package/build/_chunks/{chunk-RXIRV54W.js → chunk-SJHTKY6A.js}

@@ -1 +1 @@
-import {a as a$1}from'./chunk-BGI4GZ5V.js';import {a}from'./chunk-ZUWWXKEU.js';import {a as a$2}from'./chunk-HRQCIHNF.js';import {Bd}from'./chunk-EIQU6V2G.js';import {zb}from'./chunk-UXNHJGII.js';import {Box}from'@mui/material';import r from'@mui/material/Box';import {styled}from'@mui/material/styles';import {useId,useState}from'react';import {jsxs,jsx}from'react/jsx-runtime';var h=styled(r,{shouldForwardProp:o=>o!=="open"})(({theme:o,open:a})=>({minWidth:105,height:32,cursor:"pointer",display:"flex",justifyContent:"space-between",alignItems:"center",gap:"1px",border:`1px solid ${o.palette.divider}`,borderRadius:"4px",padding:"7px 8px",paddingRight:"4px",...a&&{boxShadow:o.shadows[7],borderColor:o.palette.info.dark}})),w=styled(r)(()=>({display:"flex",flexDirection:"column",gap:"1px"})),b=styled(r)(()=>({fontWeight:600,fontSize:"8px",color:"#8D8D94"})),v=styled(r)(({theme:o})=>({fontWeight:500,fontSize:"11px",lineHeight:1.1,color:o.palette.text.primary}));function i({defaultValue:o,label:a$3,onChange:D,options:l}){let M=Bd(useId(),"dropdown2"),[d,s]=useState(null),[y,E]=useState(o),t=!!d,W=e=>{t||s(e.currentTarget);},m=()=>{t&&s(null);},k=e=>{E(e),D?.(e),m();};return jsxs(h,{onClick:W,open:t,id:M,"data-testid":"Dropdown2",children:[jsxs(w,{children:[jsx(b,{children:a$3}),jsx(v,{children:y})]}),jsx(Box,{component:"img",src:zb,alt:"down arrow",sx:{width:15,...t&&{transform:"rotate(180deg)"}}}),jsx(a,{open:t,anchorEl:d,sx:{minWidth:105,marginTop:"8px",marginBottom:"8px"},placement:"top",children:l.map((e,B)=>jsx(a$1,{onClick:()=>{k(e.value);},sx:T=>({...B!==l.length-1&&{borderBottom:`1px solid ${T.palette.divider}`}}),children:e.label},e.value))}),t&&jsx(a$2,{onClick:m})]})}var Q=i;export{Q as a};
+import {a as a$1}from'./chunk-ZLF47R2G.js';import {a}from'./chunk-T7PCBIIS.js';import {a as a$2}from'./chunk-FAEP7AKK.js';import {sd}from'./chunk-VHRTL7LZ.js';import {zb}from'./chunk-UXNHJGII.js';import {Box}from'@mui/material';import r from'@mui/material/Box';import {styled}from'@mui/material/styles';import {useId,useState}from'react';import {jsxs,jsx}from'react/jsx-runtime';var h=styled(r,{shouldForwardProp:o=>o!=="open"})(({theme:o,open:a})=>({minWidth:105,height:32,cursor:"pointer",display:"flex",justifyContent:"space-between",alignItems:"center",gap:"1px",border:`1px solid ${o.palette.divider}`,borderRadius:"4px",padding:"7px 8px",paddingRight:"4px",...a&&{boxShadow:o.shadows[7],borderColor:o.palette.info.dark}})),w=styled(r)(()=>({display:"flex",flexDirection:"column",gap:"1px"})),b=styled(r)(()=>({fontWeight:600,fontSize:"8px",color:"#8D8D94"})),v=styled(r)(({theme:o})=>({fontWeight:500,fontSize:"11px",lineHeight:1.1,color:o.palette.text.primary}));function i({defaultValue:o,label:a$3,onChange:D,options:l}){let M=sd(useId(),"dropdown2"),[d,s]=useState(null),[y,E]=useState(o),t=!!d,W=e=>{t||s(e.currentTarget);},m=()=>{t&&s(null);},k=e=>{E(e),D?.(e),m();};return jsxs(h,{onClick:W,open:t,id:M,"data-testid":"Dropdown2",children:[jsxs(w,{children:[jsx(b,{children:a$3}),jsx(v,{children:y})]}),jsx(Box,{component:"img",src:zb,alt:"down arrow",sx:{width:15,...t&&{transform:"rotate(180deg)"}}}),jsx(a,{open:t,anchorEl:d,sx:{minWidth:105,marginTop:"8px",marginBottom:"8px"},placement:"top",children:l.map((e,B)=>jsx(a$1,{onClick:()=>{k(e.value);},sx:T=>({...B!==l.length-1&&{borderBottom:`1px solid ${T.palette.divider}`}}),children:e.label},e.value))}),t&&jsx(a$2,{onClick:m})]})}var Q=i;export{Q as a};