@tap-payments/os-micro-frontend-shared 0.3.217-test.4 → 0.3.217

package/build/_chunks/chunk-6Z6BI3UQ.js

@@ -0,0 +1,15 @@
+import {a as a$3}from'./chunk-UQVXIIIV.js';import {a,e,c,b,d as d$1}from'./chunk-ZIL2SD2V.js';import {f,aa,j,P,O,ba,d}from'./chunk-U5S2TDEO.js';import {a as a$1}from'./chunk-3XNXNKGA.js';import {a as a$2,b as b$1}from'./chunk-MUR4ILTY.js';import {zc,Bc,Cc}from'./chunk-ZHEAWCTY.js';import {Pc,A}from'./chunk-M5HS3EYQ.js';import qt,{useId,useState,useEffect,useMemo,useRef,useCallback}from'react';import {FormProvider,useFormContext,Controller,useForm}from'react-hook-form';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import oe from'@mui/material/Box';import jt from'@mui/material/Button';import Yt from'@mui/material/Input';import je from'@mui/material/ListSubheader';import Ye from'@mui/material/MenuItem';import {keyframes,styled,alpha}from'@mui/material/styles';import Zt from'@mui/material/Popper';import eo from'@mui/material/TextField';function Kt({onSubmit:e,methods:t,children:n}){let r=zc(useId(),"default-form");return jsx(FormProvider,{...t,children:jsx("form",{id:r,"data-testid":"DefaultForm",onSubmit:e,noValidate:true,children:n})})}var Gt=qt.memo(Kt);var Qt=keyframes`
+  0% {
+    transform: rotate(-90deg);
+  }
+  100% {
+    transform: rotate(270deg);
+  }
+`,Je=styled(oe)({width:12,height:12,flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center","& svg":{width:"100%",height:"100%",display:"block"},animation:`${Qt} 2s linear infinite`}),$=styled(je)(({theme:e})=>({backgroundColor:e.palette.common.white,paddingLeft:8,paddingRight:8,paddingBottom:6,lineHeight:1})),Qe=styled("span")(({theme:e})=>({fontFamily:e.typography.fontFamily,fontWeight:500,fontSize:11,lineHeight:"100%",letterSpacing:0,color:"#8D8D94",leadingTrim:"none",transition:e.transitions.create(["color","opacity"],{duration:90,easing:"ease-in"})})),Xe=styled(oe)(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",gap:e.spacing(1)})),Ze=styled(je)(({theme:e})=>({backgroundColor:e.palette.common.white,paddingLeft:8,paddingRight:8,paddingTop:e.spacing(.75),paddingBottom:e.spacing(.75),lineHeight:1.2,"&.MuiListSubheader-root":{lineHeight:1.2}})),et=styled(jt)(({theme:e})=>({minWidth:0,padding:"2px 4px",fontFamily:e.typography.fontFamily,fontWeight:500,fontStyle:"normal",fontSize:11,lineHeight:"120%",letterSpacing:0,textTransform:"none",verticalAlign:"middle",color:"#1F88D0",transition:e.transitions.create(["color","background-color","opacity"],{duration:90,easing:"ease-in"})})),Xt=styled(f)(()=>({padding:0,".MuiSvgIcon-root":{width:12,height:12}})),tt=styled("img")({width:14,height:14,flexShrink:0,display:"block"}),ot=styled(oe)({display:"flex",alignItems:"center",width:"100%",gap:8}),nt=styled(Ye,{shouldForwardProp:e=>e!=="$selected"})(({theme:e,$selected:t})=>({fontSize:"12px",backgroundColor:t?"#F8F8F8 !important":e.palette.common.white,"&.Mui-disabled":{opacity:1}})),rt=styled(Xt,{shouldForwardProp:e=>e!=="$mutedRect"})(({$mutedRect:e})=>e?{"& svg rect":{fill:"#BDC1CC"}}:{}),fe=styled(Yt)(({theme:e})=>({width:"100%",height:36,padding:"8px 8px 8px 12px",borderRadius:4,backgroundColor:e.palette.common.white,border:"1px solid #F2F2F2",boxSizing:"border-box","&:hover":{borderColor:"#F2F2F2"},"&.Mui-focused":{borderColor:"#F2F2F2",backgroundColor:e.palette.common.white},"&:before, &:after":{display:"none"},"& input":{padding:0,fontSize:10},"& .MuiInputBase-input":{paddingRight:4}}));styled(Ye)(({theme:e})=>({opacity:1,paddingTop:0,paddingBottom:0,marginBottom:8,minHeight:"auto",pointerEvents:"none",backgroundColor:e.palette.common.white,"&:hover":{backgroundColor:e.palette.common.white},"&.Mui-focusVisible":{backgroundColor:e.palette.common.white},"&.Mui-disabled":{backgroundColor:e.palette.common.white,opacity:1}}));var oo=keyframes`
+  0% {
+    transform: rotate(-90deg);
+  }
+  100% {
+    transform: rotate(270deg);
+  }
+`,ct=styled(oe)({width:12,height:12,display:"flex",alignItems:"center",justifyContent:"center","& svg":{width:"100%",height:"100%",display:"block"},animation:`${oo} 2s linear infinite`}),ge=styled(oe)(({theme:e})=>({position:"relative",width:11,height:11,transform:"rotate(0deg)",color:e.palette.common.black,"& svg":{width:"100%",height:"100%",display:"block"}})),pt=styled($)({paddingTop:"8px"}),Ie=styled("ul")({listStyle:"none",margin:0,padding:0}),st=styled(Ye)(({theme:e})=>({display:"flex",alignItems:"center",gap:"8px",padding:"8px",justifyContent:"space-between",fontSize:"10px",fontWeight:500,cursor:"default",pointerEvents:"none",backgroundColor:e.palette.common.white,"&.Mui-disabled":{opacity:1,color:"#8D8D94"}})),ut=styled(Ye,{shouldForwardProp:e=>e!=="$selected"})(({theme:e,$selected:t})=>({fontSize:"12px",display:"flex",justifyContent:"space-between",alignItems:"center",gap:e.spacing(1),backgroundColor:t?e.palette.action.hover:e.palette.common.white})),be=styled("span")({flex:1,minWidth:0}),xe=styled("img")({width:10,height:7.5,flexShrink:0}),dt=styled("li",{shouldForwardProp:e=>!["$selected","$optionDisabled"].includes(String(e))})(({theme:e,$selected:t,$optionDisabled:n})=>({fontSize:"12px",display:"flex",justifyContent:"space-between",alignItems:"center",gap:e.spacing(1),minHeight:48,paddingLeft:e.spacing(2),paddingRight:e.spacing(2),backgroundColor:t?e.palette.action.hover:e.palette.common.white,"&.Mui-focused":{backgroundColor:e.palette.action.hover},...n&&{opacity:.38,pointerEvents:"none"}})),Pe=styled("span")({fontSize:"10px",fontWeight:500,color:"#8D8D94"}),mt=styled(eo,{shouldForwardProp:e=>!["feedbackType","hasFeedback","hasLabel"].includes(e)})(({theme:e,error:t,feedbackType:n,hasFeedback:r,hasLabel:a})=>{let{borderColor:c}=n?aa(e,n):{borderColor:void 0},s=r?"4px 4px 0 0":"4px";return {width:"100%","& .MuiInputLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)",color:`${e.palette.grey[700]} !important`},"& .MuiInputLabel-root.MuiInputLabel-shrink":{transform:"translate(8px, 8px) scale(0.75)"},"& .MuiInputLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)"},"& .MuiFilledInput-root":{height:"40px",maxHeight:"40px",overflow:"hidden",borderRadius:s,backgroundColor:e.palette.grey[400],paddingTop:a?"11px":"0px",paddingBottom:a?"4px":"0px",paddingLeft:"8px",boxSizing:"border-box",display:"inline-flex",alignItems:a?"stretch":"center","&:before, &:after":{display:"none"},"&:hover":{backgroundColor:e.palette.grey[400]},"&.Mui-focused":{backgroundColor:e.palette.grey[400]},"&.Mui-disabled":{backgroundColor:e.palette.grey[400]}},"& .MuiFilledInput-input":{padding:"0 !important",minHeight:0,height:"auto",boxSizing:"border-box",display:"flex",alignItems:a?"flex-end":"center",alignSelf:a?"flex-end":"center",fontSize:"11px",lineHeight:"11px",color:e.palette.common.black,paddingBottom:a?"1px !important":"0 !important"},"& .MuiFilledInput-root.MuiInputBase-adornedEnd .MuiAutocomplete-input":{flex:"1 1 0%",minWidth:30,width:0,maxWidth:"100%"},"& .MuiAutocomplete-endAdornment":{display:"flex",alignItems:"center",gap:"8px",top:"50%",transform:"translateY(-50%)",right:9},"& .MuiAutocomplete-popupIndicator":{transform:"none",padding:"1px",marginRight:0,marginLeft:0},"& .MuiAutocomplete-popupIndicator.MuiAutocomplete-popupIndicatorOpen":{transform:"none"},"& .MuiAutocomplete-clearIndicator":{visibility:"visible",padding:"1px",marginRight:0,marginLeft:0},...n&&c&&{"& .MuiFilledInput-root":{border:`1px solid ${c}`}},...r&&{"& .MuiFilledInput-root":{borderBottom:"none",borderBottomLeftRadius:0,borderBottomRightRadius:0}},...t&&{"& .MuiFilledInput-root":{border:`1px solid ${e.palette.error.main}`}}}}),at=e=>({display:"flex",alignItems:"center",gap:"8px",padding:"8px",justifyContent:"space-between",fontSize:"10px",fontWeight:500,cursor:"default",pointerEvents:"none",backgroundColor:e.palette.common.white,color:"#8D8D94"}),St=styled(Zt,{shouldForwardProp:e=>!["$menuHasLoadingText","$suppressAutocompleteNoOptions","$suppressEmptyMenuSurface"].includes(e)})(({theme:e,$menuHasLoadingText:t,$suppressAutocompleteNoOptions:n,$suppressEmptyMenuSurface:r})=>({"& .MuiPaper-root":r?{boxShadow:"none",border:"none",backgroundColor:"transparent",margin:0,marginTop:0,padding:0,maxHeight:0,minHeight:0,overflow:"hidden",borderRadius:0,pointerEvents:"none"}:{marginTop:4,borderRadius:4,boxShadow:e.shadows[8],border:"1px solid #F2F2F2",backgroundColor:e.palette.common.white},"& .MuiAutocomplete-listbox":{padding:0,...r?{maxHeight:0,minHeight:0,overflow:"hidden"}:{maxHeight:320}},"& .MuiAutocomplete-noOptions":n?{display:"none !important"}:at(e),"& .MuiAutocomplete-loading":{...at(e),...!t&&{display:"none"}}}));function ye({placeholder:e,value:t,onValueChange:n,isLoading:r}){let a=zc(useId(),"form-select-menu-search-input"),c=useCallback(s=>{s.stopPropagation();},[]);return jsx(fe,{id:a,"data-testid":"FormSelectMenuSearchInput",placeholder:e,value:t,onChange:s=>n(s.target.value),onKeyDown:c,onKeyUp:c,onMouseDown:c,onClick:c,disableUnderline:true,fullWidth:true,inputProps:{"aria-label":e},endAdornment:r?jsx(ct,{"aria-hidden":true,children:jsx(b$1,{})}):jsx(ge,{"aria-hidden":true,children:jsx(a$2,{})})})}var Fe=jsx(Pe,{children:"No results found"}),ht=jsx(Pe,{children:"Loading\u2026"});function Ce(e,t,n){return t?t(e):n?n(e):e?.label}function ke(e,t,n){let r=t.toLowerCase().trim(),a=(n?n(e):e?.label)??"";return String(a).toLowerCase().includes(r)}function ft(e){return e}function gt(e){let t=qt.forwardRef(function(r,a){let{children:c,className:s,...h}=r,m=e.current;return m?jsxs(Fragment,{children:[jsx(pt,{disableSticky:true,children:jsx(ye,{placeholder:m.menuSearchPlaceholder,value:m.searchValue,onValueChange:m.setSearchValue,isLoading:m.isLoading})}),jsx(Ie,{ref:a,className:s,...h,children:c})]}):jsx(Ie,{ref:a,className:s,...h,children:c})});return t.displayName="FormSelectMenuSearchListbox",t}function xt({menuSearchPlaceholder:e,searchValue:t,onSearchChange:n,isLoading:r,menuHasNoOptionsText:a,menuNoOptionsText:c,optionsWithoutEmptyValue:s,getOptionValue:h,getOptionLabel:m,renderOption:x,isOptionEqualToValue:S,menuHasSelectedCheckMark:R,valueOnly:y,getOptionId:I,field:u,onChange:F}){let C=Cc("form-select-item");return jsxs(Fragment,{children:[jsx($,{disableSticky:true,onMouseDown:o=>o.stopPropagation(),onClick:o=>o.stopPropagation(),children:jsx(ye,{placeholder:e,value:t,onValueChange:n,isLoading:r})}),a&&t.trim()&&s.length===0?jsx(st,{disabled:true,value:"__form_select_no_results__",children:c??Fe}):s.map((o,p)=>{let g=S?S(o,u.value):o?.id===u.value?.id,M=Ce(o,x,m);return jsxs(ut,{disabled:!!o.disabled,$selected:g,value:(h?h(o):o?.id)??"",onClick:()=>{u.onChange(y?I(o):o),F?.(o);},children:[jsx(be,{children:M}),R&&g?jsx(xe,{src:Pc,alt:""}):null]},C(h?h(o):o?.id,p))})]})}var Me={menuHasLoadingText:false,suppressAutocompleteNoOptions:false,suppressEmptyMenuSurface:false};function so(e,t){e!=null&&(typeof e=="function"?e(t):e.current=t);}function uo(...e){return t=>{for(let n of e)so(n,t);}}function mo(e){let t=n=>{let r=e.current;return jsx(St,{...n,$menuHasLoadingText:r.menuHasLoadingText,$suppressAutocompleteNoOptions:r.suppressAutocompleteNoOptions,$suppressEmptyMenuSurface:r.suppressEmptyMenuSurface})};return t.displayName="FormSelectSearchableAutocompletePopper",t}function Ct(e){let t=zc(useId(),"form-select-searchable-field"),n=useRef(null),r=useRef(Me);n.current=e.menuSearchable?{searchValue:e.inMenuSearchContextValue.searchValue,setSearchValue:e.inMenuSearchContextValue.setSearchValue,menuSearchPlaceholder:e.inMenuSearchContextValue.menuSearchPlaceholder,isLoading:e.inMenuSearchContextValue.isLoading}:null,r.current=e.searchableAutocompletePopperFlags;let a$3=useMemo(()=>gt(n),[]),c$1=useMemo(()=>mo(r),[]),s=e.feedback,{isProvided:h,isVisible:m,type:x}=Bc(s),S=!!e.fieldState.error&&!m,R=e.helperText??e.fieldState.error?.message,y=e.internalValue!=null&&e.internalValue!==""&&typeof e.internalValue=="object"?e.internalValue:null,I=e.getOptionLabel??(o=>String(o?.label??"")),u=e.isOptionEqualToValue??((o,p)=>o&&p?o.id===p.id:o===p),F=e.ClearIconComponent??a,C=e.label!=null&&e.label!=="";return jsxs(c,{id:t,"data-testid":"FormSelectSearchableField",children:[jsx(a$1,{...e.autocompleteRest,disableClearable:!e.showClearIcon,clearIcon:jsx(F,{sx:{fontSize:8,width:8,height:8}}),ListboxComponent:e.menuSearchable?a$3:void 0,PopperComponent:c$1,options:e.optionsWithClearFilterOnly,value:y,onChange:(o,p,g)=>{if(p==null&&e.onClear&&g==="clear"){e.onClear();return}if(e.valueOnly){let M=p==null?null:e.getOptionId(p);e.field.onChange(M);}else e.field.onChange(p);e.onChange?.(p);},onInputChange:(o,p,g)=>{e.setSearchableInputValue(p),(g==="input"||g==="clear")&&e.scheduleSearchNotification(p);},slotProps:e.slotProps??{},filterOptions:e.menuSearchable?e.autocompleteFilterOptions:ft,loading:!!e.isLoading,disabled:!!e.disabled,getOptionLabel:I,getOptionDisabled:o=>!!o.disabled,isOptionEqualToValue:u,renderOption:e.renderAutocompleteOption,noOptionsText:e.menuNoOptionsText??Fe,loadingText:e.menuHasLoadingText?e.menuLoadingText??ht:null,popupIcon:jsx(ge,{children:jsx(a$2,{})}),renderInput:o=>{let{inputProps:p,...g}=o,{ref:M,..._}=p;return jsx(mt,{...g,variant:"filled",label:e.label,placeholder:e.placeholder,required:e.required,error:S,helperText:null,feedbackType:x,hasFeedback:m,hasLabel:C,inputRef:uo(M,e.field.ref,e.inputRef),InputProps:{...o.InputProps,disableUnderline:true},inputProps:{..._,name:e.field.name,onBlur:e.field.onBlur}})}}),h?jsx(ba,{...s}):jsx(b,{children:R})]})}function It(e$1){let{name:t,helperText:n,feedback:r,menuSearchable:a$1=false,showClearIcon:c=false,ClearIconComponent:s=a,onClear:h,menuSearchPlaceholder:m="Search",getOptionValue:x,getOptionLabel:S,renderOption:R,isOptionEqualToValue:y,options:I,MenuProps:u,valueOnly:F=false,menuHasSelectedCheckMark:C=false,searchable:o=false,onSearchInputChange:p,searchDebounceMs:g=300,minSearchLength:M,menuLoadingText:_,menuHasLoadingText:d=false,menuHasNoOptionsText:k=true,menuNoOptionsText:A,label:ne,placeholder:U,required:re,disabled:l,isLoading:v,inputRef:K,onChange:D,...ae}=e$1,{control:le}=useFormContext(),[b,G]=useState(""),[j,Y]=useState("");useEffect(()=>{o||Y("");},[o]);let ie=useMemo(()=>({searchValue:b,setSearchValue:G,menuSearchPlaceholder:m,isLoading:!!v}),[b,m,v]),J=useRef(void 0),ce=useRef(p);ce.current=p,useEffect(()=>()=>{J.current&&clearTimeout(J.current);},[]);let Ht=useCallback(i=>{if(!ce.current)return;let f=i.trim();J.current&&clearTimeout(J.current),J.current=setTimeout(()=>{if(f===""){ce.current?.("");return}M!=null&&f.length<M||ce.current?.(f);},g);},[g,M]),W=useMemo(()=>{let i=I??[];return !c||!x?i:i.filter(f=>{let w=x(f);return w!=null&&w!==""})},[c,x,I]),Ae=useMemo(()=>!a$1||!b.trim()?W:W.filter(i=>ke(i,b,S)),[a$1,b,W,S]),Q=useMemo(()=>a$1?Ae:W,[a$1,Ae,W]),Nt=useCallback(i=>!a$1||!b.trim()?i:i.filter(f=>ke(f,b,S)),[a$1,b,S]),Bt=useMemo(()=>{if(!o)return Me;let i=j.trim(),f=i.length===0||M!=null&&i.length>0&&i.length<M,w=a$1&&!!b.trim()&&Q.length===0,E=f&&!w||!k,se=Q.length>0;return {menuHasLoadingText:d,suppressAutocompleteNoOptions:E,suppressEmptyMenuSurface:!se&&!(!E&&!se)&&!!!(v&&d)}},[o,j,M,a$1,b,Q,k,v,d]),Dt={...u,autoFocus:false,disableEnforceFocus:true},pe=i=>(x?x(i):i?.id)??"",Wt=i=>!F||!i?i:I?.find(f=>pe(f)===i)??i,Vt=useCallback((i,f,w)=>{let E=Ce(f,R,S),se=!!f.disabled;return jsxs(dt,{...i,$selected:w.selected,$optionDisabled:se,children:[jsx(be,{children:E}),C&&w.selected?jsx(xe,{src:Pc,alt:""}):null]})},[S,R,C]),ve={...ae};for(let i of ["IconComponent","startComponent"])delete ve[i];let{slotProps:$t={},...zt}=ve;return jsx(Controller,{name:t,control:le,render:({field:i,fieldState:f})=>{let w=Wt(i.value);return o?jsx(Ct,{menuSearchable:a$1,inMenuSearchContextValue:ie,searchableAutocompletePopperFlags:Bt,optionsWithClearFilterOnly:W,autocompleteFilterOptions:Nt,slotProps:$t,autocompleteRest:zt,inputRef:K,showClearIcon:c,ClearIconComponent:s,menuHasLoadingText:d,menuLoadingText:_,menuNoOptionsText:A,isLoading:v,disabled:l,label:ne,placeholder:U,required:re,valueOnly:F,getOptionId:pe,scheduleSearchNotification:Ht,setSearchableInputValue:Y,renderAutocompleteOption:Vt,onClear:h,onChange:D,feedback:r,helperText:n,field:i,fieldState:f,internalValue:w,getOptionLabel:S,isOptionEqualToValue:y}):jsx(e,{...ae,...i,label:ne,placeholder:U,required:re,disabled:l,isLoading:v,value:w,menuHasSelectedCheckMark:C,showClearIcon:c,ClearIconComponent:s,onClear:h,options:Q,getOptionValue:x,getOptionLabel:S,renderOption:R,isOptionEqualToValue:y,hasError:!!f.error,helperText:n??f.error?.message,feedback:r,onChange:E=>{i.onChange(F?pe(E):E),D?.(E);},MenuProps:Dt,children:a$1?jsx(xt,{menuSearchPlaceholder:m,searchValue:b,onSearchChange:G,isLoading:v,menuHasNoOptionsText:k,menuNoOptionsText:A,optionsWithoutEmptyValue:Q,getOptionValue:x,getOptionLabel:S,renderOption:R,isOptionEqualToValue:y,menuHasSelectedCheckMark:C,valueOnly:F,getOptionId:pe,field:i,onChange:D}):void 0})}})}It.displayName="RFHSelect";var Pt=qt.memo(It);var Oe=Pt;var kt=styled(j)(({theme:e})=>({fontSize:"10px",color:e.v2.palette.grey[500],fontWeight:600,lineHeight:"10px"}));styled(j)(({theme:e})=>({fontSize:"11px",color:e.v2.palette.base.black,fontWeight:600,lineHeight:"14.3px",width:200}));var wt=styled(oe)(()=>({display:"flex",flexDirection:"column",maxHeight:180,overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"#E5E5E5 #E5E5E5"})),Ot=styled(P)(({theme:e})=>{let t=`1px solid ${alpha(e.palette.common.black,.1)}`;return {flexShrink:0,border:0,borderRadius:0,"&.Mui-expanded:not(:last-of-type)":{borderBottom:t},[`&:last-of-type .${O.summary}`]:{borderBottom:"none"},[`&.Mui-expanded:last-of-type .${O.summary}`]:{borderBottom:t},[`& .${O.summary}`]:{backgroundColor:e.palette.common.white,borderBottom:t,minHeight:28,height:"auto","& .MuiAccordionSummary-content":{margin:"auto"},"&.Mui-expanded":{backgroundColor:"#F8F8F8",minHeight:28,height:"auto"}},[`& .${O.content}`]:{borderTop:"none"}}});styled(Yt)(({theme:e})=>({width:"inherit",height:32,padding:"11px 12px",fontSize:"10px",borderRadius:"5px",backgroundColor:"#F9F9F9",border:"1px solid transparent","&.Mui-focused":{borderColor:e.palette.info.dark}}));var Tt=styled(oe)(()=>({display:"flex",flexDirection:"column",gap:"8px"}));styled(oe)(()=>({display:"flex",gap:"8px",padding:"4px",flexWrap:"wrap",paddingInlineEnd:"20px"}));styled(oe)(({theme:e,maxWidth:t})=>({display:"flex",padding:"4px 8px 4px 6px",alignItems:"center",gap:"4px",borderRadius:"13px",backgroundColor:`${e.palette.info.dark}1a`,fontSize:"10px",fontWeight:500,cursor:"pointer",...t&&{maxWidth:`${t}%`}}));var At=styled(j)(()=>({display:"flex",gap:"8px",alignItems:"center",justifyContent:"space-between",fontSize:"10px",fontWeight:500,color:"#000",cursor:"pointer",padding:"8px 20px"}));styled(oe)(({theme:e})=>({width:"100%",flexDirection:"column",border:`1px solid ${e.palette.grey[100]}`,borderRadius:"4px",backgroundColor:e.palette.grey[400]}));function Mo({name:e,options:t,...n}){let r=zc(useId(),"select-with-accordion"),[a,c]=useState(null),[s,h]=useState(0),m=!!a,x=u=>{c(m?null:u.currentTarget);},S=()=>{c(null);},{watch:R,setValue:y}=useFormContext(),I=R(e);return jsx(a$3,{id:r,"data-testid":"SelectWithAccordion",open:m,anchorEl:a,onOpen:x,onClose:S,trigger:jsx(Oe,{name:e,options:[],...n,open:false}),hideArrow:true,listWrapperSx:{padding:0,margin:0},children:jsx(Tt,{onClick:u=>u.stopPropagation(),onMouseDown:u=>u.stopPropagation(),children:jsx(wt,{"data-testid":"AccordionWrapper",children:t.map?.((u,F)=>jsx(Ot,{expanded:s===F,onChange:o=>h(o?F:null),label:jsx(kt,{variant:"caption",children:u.group}),content:(u?.options||[]).map((o,p)=>{let g=n?.isOptionEqualToValue?.(o,I);return jsxs(At,{onClick:()=>{y(e,o,{shouldDirty:true,shouldTouch:true,shouldValidate:true}),S();},children:[n.renderOption?.(o)||o.label,g&&jsx(d,{src:Pc,alt:"blue-check",sx:{width:14,height:10}})]},`${o.value}-${o.label}-${p}`)})},`${u.group}-group-${F}`))})})})}var Et=Mo;var Lo=Et;function Te({name:e,helperText:t,getOptionValue:n,getOptionLabel:r,renderOption:a,isOptionEqualToValue:c,getOptionDisabled:s,menuSearchable:h=false,menuSearchPlaceholder:m="Search",showCheckbox:x=true,menuHasSelectionSummary:S=false,valueOnly:R=false,options:y,isLoading:I,...u}){let{control:F}=useFormContext(),[C,o]=useState(""),p=d=>(n?n(d):d?.id)??"",g=d=>!R||!d?.length?d??[]:d.map(k=>y?.find(A=>p(A)===k)).filter(Boolean),M=d=>d?.map(p)??[],_=useMemo(()=>{if(!h||!C.trim())return y??[];let d=C.toLowerCase().trim();return (y??[]).filter(k=>{let A=(r?r(k):k?.label)??"";return String(A).toLowerCase().includes(d)})},[y,h,C,r]);return jsx(Controller,{name:e,control:F,defaultValue:[],render:({field:d,fieldState:k})=>{let A$1=Array.isArray(d.value)?d.value.filter(l=>l!=null).length:0,ne=S&&A$1>0,U=g(d.value),re=Cc("multi-select-item");return jsxs(d$1,{...u,isLoading:I,...d,options:y??[],value:U,getOptionLabel:r,hasError:!!k.error,helperText:t??k.error?.message,onChange:l=>d.onChange(R?M(l):l),MenuProps:{...u.MenuProps,autoFocus:false,disableEnforceFocus:true},children:[h&&jsx($,{disableSticky:true,children:jsx(fe,{placeholder:m,value:C,onChange:l=>o(l.target.value),onKeyDown:l=>l.stopPropagation(),onKeyUp:l=>l.stopPropagation(),disableUnderline:true,fullWidth:true,inputProps:{"aria-label":m},endAdornment:I?jsx(Je,{"aria-hidden":true,children:jsx(b$1,{})}):jsx(tt,{src:A,alt:"search"})})}),ne&&jsx(Ze,{disableSticky:true,children:jsxs(Xe,{children:[jsxs(Qe,{children:[A$1," selected"]}),jsx(et,{type:"button",variant:"text",disableRipple:true,"aria-label":"Clear all selected options",onMouseDown:l=>{l.preventDefault(),l.stopPropagation();},onClick:l=>{l.preventDefault(),l.stopPropagation(),u.onClear?u.onClear():d.onChange([]);},children:"Clear"})]})}),_?.map((l,v)=>{let K=U?.some(b=>{if(b==null)return  false;if(c)return c(l,b);if(n){let Y=n(l),ie=n(b);return Y===ie||String(Y)===String(ie)}let G=l?.id,j=b?.id;return G===j||String(G)===String(j)}),D=s?s(l):false,ae=r?r(l):l.label,le=a?a(l):ae;return jsx(nt,{value:(n?n(l):l?.id)??"",disabled:D,$selected:K,children:x?jsxs(ot,{children:[jsx(rt,{checked:K,$mutedRect:K&&D}),le]}):le},re(n?n(l):l?.id,v))})]})}})}var To=useForm;export{Gt as a,Oe as b,Lo as c,Te as d,To as e};

package/build/_chunks/chunk-UQVXIIIV.js

@@ -0,0 +1 @@
+import {j as j$1}from'./chunk-U5S2TDEO.js';import {zc}from'./chunk-ZHEAWCTY.js';import {memo,useId,useRef,useMemo}from'react';import v from'@mui/material/Box';import ro from'@mui/material/Popover';import {styled}from'@mui/material/styles';import L from'@mui/material/SvgIcon';import {jsx,jsxs}from'react/jsx-runtime';var P=styled(v,{shouldForwardProp:o=>o!=="open"&&o!=="disabled"})(({theme:o,open:r,disabled:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",borderRadius:"4px",background:"#ffffff",cursor:"pointer",position:"relative",maxWidth:"100%",...r&&{borderColor:o.palette.info.dark,background:o.palette.common.white},"& .SelectDropdown_trailing-icon":{color:o.palette.text.primary},"&.SelectDropdown-open":{"& .SelectDropdown_trailing-arrow":{color:o.palette.info.dark}},"&.SelectDropdown-disabled":{"& .SelectDropdown_trailing-icon":{color:o.palette.text.disabled}},...e&&{cursor:"not-allowed"}})),I=styled(v)(({theme:o})=>({padding:"4px",borderRadius:"4px",boxShadow:"-26px 156px 44px 0px rgba(0, 0, 0, 0.00), -17px 100px 41px 0px rgba(0, 0, 0, 0.01), -9px 56px 34px 0px rgba(0, 0, 0, 0.05), -4px 25px 25px 0px rgba(0, 0, 0, 0.09), -1px 6px 14px 0px rgba(0, 0, 0, 0.10), 0px 0px 0px 0px rgba(0, 0, 0, 0.10)",backgroundColor:o.palette.common.white,maxHeight:400,marginTop:"4px",width:"auto",overflow:"auto"}));styled(j$1)(({selected:o})=>({display:"flex",gap:"8px",alignItems:"center",fontSize:"10px",fontWeight:500,color:"#000",cursor:"pointer",padding:8,justifyContent:"space-between",...o&&{backgroundColor:"#F8F8F8"}}));var D=jsx("path",{d:"M7.30267 0.117188C7.38054 0.115307 7.45644 0.138248 7.52045 0.182617C7.58449 0.227088 7.63367 0.290458 7.66205 0.363281C7.6904 0.436073 7.69755 0.516047 7.68256 0.592773C7.66771 0.668745 7.63063 0.738375 7.57709 0.793945L4.17279 4.43164C4.10249 4.50662 4.00517 4.55078 3.90228 4.55078C3.79958 4.55064 3.70294 4.5065 3.63275 4.43164L0.227478 0.794922L0.228455 0.793945C0.175738 0.738766 0.139787 0.669812 0.124939 0.594727C0.110049 0.519097 0.116214 0.440194 0.143494 0.368164C0.170896 0.296002 0.218691 0.232474 0.281189 0.1875C0.343697 0.14262 0.418101 0.11821 0.495056 0.118164C0.54684 0.118166 0.598245 0.12907 0.645447 0.150391C0.691771 0.171346 0.733033 0.201824 0.767517 0.239258L3.90228 3.58691L7.03705 0.239258C7.10541 0.164191 7.20102 0.119752 7.30267 0.117188Z",fill:"currentColor",stroke:"currentColor",strokeWidth:"0.233333"}),y={down:0,up:180,left:90,right:-90},Z=["down","up"],j="cubic-bezier(0.4, 0, 0.2, 1)";function q({direction:o="down",size:r=8,transitionEffect:e="rotation",transitionDurationMs:t=200,sx:n,className:p,...d}){let i=typeof r=="number"?r*5/8:"auto",m=e==="none"?"none":`opacity ${t}ms ease-in-out`,g=e==="none"?"none":`transform ${t}ms ${j}`,a=`${p??""} MUISvgIcon__trailing-arrow-icon`;return e==="fade"?jsx(L,{viewBox:"0 0 8 5",inheritViewBox:true,sx:{width:r,height:i,color:"inherit",position:"relative",overflow:"visible",...n},className:a,...d,children:Z.map(s=>jsx("g",{transform:`rotate(${y[s]} 4 2.5)`,style:{opacity:o===s?1:0,transition:m,pointerEvents:"none"},children:D},s))}):jsx(L,{viewBox:"0 0 8 5",inheritViewBox:true,sx:{width:r,height:i,color:"text.primary",transform:`rotate(${y[o]}deg)`,transformOrigin:"50% 50%",transition:g,...n},className:a,...d,children:D})}var T=q;var K="M0.110352 0.700684C0.107667 0.584484 0.13977 0.470009 0.203125 0.372559C0.266534 0.275041 0.358424 0.199466 0.46582 0.154785C0.573201 0.110137 0.691824 0.0987907 0.805664 0.122559C0.919306 0.146383 1.02308 0.203847 1.10352 0.287598L1.10547 0.289551L3.59766 2.78076L3.6748 2.85889L3.75293 2.78076L6.24512 0.289551L6.24609 0.287598C6.29924 0.23225 6.36317 0.188178 6.43359 0.157715C6.50408 0.12725 6.58044 0.110644 6.65723 0.109863C6.73385 0.109132 6.80991 0.123886 6.88086 0.152832C6.95193 0.18185 7.017 0.22453 7.07129 0.278809C7.12559 0.333107 7.16824 0.398144 7.19727 0.469238C7.22623 0.540187 7.24095 0.616243 7.24023 0.692871C7.23945 0.769659 7.22285 0.846017 7.19238 0.916504C7.1771 0.951852 7.1586 0.985627 7.13672 1.01709L7.0625 1.104L7.06055 1.10498L4.56934 3.59717L4.49121 3.67529L7.0625 6.24658C7.11787 6.29976 7.16193 6.36362 7.19238 6.43408C7.22278 6.50446 7.23942 6.58008 7.24023 6.65674C7.24101 6.73353 7.22629 6.81025 7.19727 6.88135C7.16829 6.95222 7.12539 7.01662 7.07129 7.0708C7.01702 7.12507 6.95191 7.16775 6.88086 7.19678C6.80988 7.22576 6.73389 7.24048 6.65723 7.23975C6.58044 7.23897 6.50408 7.22334 6.43359 7.19287C6.36315 7.16242 6.29925 7.11834 6.24609 7.06299L6.24512 7.06104L3.75293 4.56885L3.6748 4.4917L1.10449 7.06201L1.04004 7.11865C0.972059 7.17051 0.89296 7.20736 0.808594 7.2251C0.696438 7.24861 0.579855 7.23782 0.473633 7.19482C0.367223 7.15166 0.275113 7.07813 0.210938 6.98291C0.146759 6.88765 0.113309 6.77453 0.113281 6.65967C0.113345 6.5826 0.128185 6.50605 0.158203 6.43506C0.188279 6.36398 0.232716 6.29937 0.288086 6.24561L0.289063 6.24463L2.78125 3.75342L2.85938 3.67529L0.289063 1.10498L0.287109 1.104C0.17719 0.998435 0.11395 0.853049 0.110352 0.700684Z";function Q({size:o=8,strokeColor:r="white",strokeWidthSvg:e=.22006,sx:t,className:n,...p}){return jsx(L,{viewBox:"0 0 8 8",inheritViewBox:true,sx:{width:o,height:o,color:"inherit",...t},className:`${n??""} MUISvgIcon__trailing-close-icon`,...p,children:jsx("path",{d:K,fill:"currentColor",stroke:r,strokeWidth:e})})}var N=Q;function to(o){let{onClose:r,open:e,anchorEl:t,trigger:n,onOpen:p,children:d,disabled:i,listWrapperSx:m,hideArrow:g,onClear:a,hasValue:s,className:u,slotProps:A,...R}=o,E=zc(useId(),"select-dropdown"),f=a&&s,w=useRef(void 0);e&&t&&t.clientWidth>0&&(w.current=t.clientWidth);let M=w.current,{listWrapper:O,popover:H}=A??{},{slotProps:$,...V}=H??{},{paper:F,...z}=$??{},l=F,G={...l,sx:[{width:M??t?.clientWidth,maxWidth:"unset",boxSizing:"border-box"},...l?.sx?Array.isArray(l.sx)?l.sx:[l.sx]:[]]},U=useMemo(()=>["SelectDropdown",e&&"SelectDropdown-open",i&&"SelectDropdown-disabled",u].filter(Boolean).join(" "),[u,e,i]);return jsxs(P,{id:E,open:e,onClick:p,"data-testid":"SelectDropdown",disabled:i,className:U,...R,children:[jsx(v,{className:"SelectDropdown_trigger",sx:{flex:1,cursor:"pointer"},children:n}),jsxs(v,{width:16,height:16,display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",right:8,className:"SelectDropdown_trailing-icon",role:"button",...f&&{sx:{cursor:"pointer"},onClick:h=>{h.stopPropagation(),h.preventDefault(),a();}},children:[!g&&!f&&jsx(T,{className:"SelectDropdown_trailing-arrow",direction:e?"up":"down",transitionEffect:"fade"}),f&&jsx(N,{className:"SelectDropdown_trailing-close"})]}),jsx(ro,{open:e,anchorEl:t,onClose:r,anchorOrigin:{vertical:"bottom",horizontal:"left"},...V,slotProps:{...z,paper:G},children:jsx(I,{className:"SelectDropdown_list-wrapper",sx:m,...O,children:d})})]})}var _=memo(to);var _o=_;export{_o as a};