@tap-payments/os-micro-frontend-shared 0.3.238 → 0.3.240

package/build/_chunks/chunk-3SF6ZE2H.js

@@ -0,0 +1,2 @@
+import {a}from'./chunk-HDCNWBW5.js';import {d,R as R$1,L as L$1,V,Q as Q$1}from'./chunk-V5LH2RXO.js';import {nc}from'./chunk-L7L22FDR.js';import {Eb,A as A$1,Pc}from'./chunk-GCJPCGH3.js';import {forwardRef,useState,useEffect,useMemo,memo,useRef,useLayoutEffect,useId}from'react';import gt from'@mui/material/ClickAwayListener';import {CircularProgress}from'@mui/material';import L from'@mui/material/Box';import fe from'@mui/material/Typography';import {styled,alpha}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var y="os-shared-NestedMultiSelect",s={root:`${y}-root`,open:`${y}-open`,label:`${y}-label`,placeholder:`${y}-placeholder`,arrow:`${y}-arrow`,menu:`${y}-menu`,search:`${y}-search`,selectedBadge:`${y}-selectedBadge`,fieldRow:`${y}-fieldRow`},re=40,A="data-nested-submenu",$="data-nested-submenu-anchor",se={strategy:"fixed"},ce=.7,ae=100,pe={width:10,height:7.5,flexShrink:0},ue={width:9,height:9,flexShrink:0};var et={overflow:"hidden",flex:"0 0 auto",width:"max-content",maxWidth:"100%",minWidth:0},tt=e=>({display:"flex",padding:"4px 8px 4px 6px",alignItems:"center",gap:"4px",borderRadius:"13px",backgroundColor:e,fontSize:"10px",fontWeight:500,cursor:"pointer"}),me=styled(L,{shouldForwardProp:e=>e!=="$disabled"})(({theme:e,$disabled:t=false})=>{let{base:o}=e.v2.palette;return {width:"100%",boxSizing:"border-box",minHeight:47,textAlign:"left",flexDirection:"column",border:`1px solid ${t?"#FAFBFB":"transparent"}`,borderRadius:"4px",backgroundColor:t?"#FAFBFB":e.palette.grey[400],minWidth:"89px",position:"relative",cursor:t?"not-allowed":"pointer",...t&&{color:alpha(o.black,.6),[`& .${s.label}`]:{opacity:.7,cursor:"not-allowed"},[`& .${s.placeholder}`]:{color:alpha(o.black,.6)},[`& .${s.arrow}`]:{opacity:.6},[`& .${s.fieldRow}`]:{opacity:.7},[`& .${s.fieldRow} *`]:{cursor:"not-allowed"}},[`&.${s.open} .${s.arrow}`]:{transform:"rotate(180deg)"},[`&.${s.open} .${s.arrow} svg path, &:focus-within .${s.arrow} svg path`]:{fill:"#1F88D0",stroke:"#1F88D0"},[`&.${s.open}, &:focus-within`]:{border:"1px solid #1F88D0",boxShadow:"0px 0px 4px 0px #1F88D080"}}}),he=styled(fe)(({theme:e})=>({position:"absolute",top:9,left:8,margin:0,cursor:"pointer",fontSize:"10px",fontWeight:500,lineHeight:"100%",color:e.palette.grey[700],display:"block",pointerEvents:"none"})),Se=styled(fe)(()=>({margin:0,fontWeight:500,fontSize:"11px",lineHeight:"18px",padding:"22px 30px 8px 8px"})),Me=styled(L)(({theme:e})=>({position:"absolute",top:15,right:10,width:16,height:16,display:"inline-flex",alignItems:"center",justifyContent:"center",color:"inherit",lineHeight:0,transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter})})),ge=styled(L)(()=>({display:"flex",flexDirection:"column",padding:"8px"})),ot={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},nt={display:"flex",flexWrap:"wrap",alignItems:"center",alignContent:"flex-start",gap:"4px",width:"100%",minWidth:0},be=styled(L,{shouldForwardProp:e=>e!=="$field"})(({$field:e})=>({...nt,...e?{padding:"22px 30px 8px 8px"}:{marginBottom:"8px","&:empty":{display:"none"}}})),G=styled(L,{shouldForwardProp:e=>e!=="$field"})(({theme:e,$field:t})=>({...tt(`${e.palette.info.dark}1a`),...et,...t&&{cursor:"inherit"}})),xe=styled("span")(()=>ot),Ne=styled(L)(()=>({position:"relative",width:"100%",minWidth:0})),ye=styled(L)(()=>({flex:1,maxWidth:"220px",minWidth:"89px",fontWeight:500})),Ce=styled(L)(()=>({display:"flex",gap:"12px",justifyContent:"space-between",flexGrow:1,alignItems:"center",maxWidth:"340px",minWidth:"89px",fontWeight:500}));var R=e=>!e.options&&typeof e.value=="string";function ve(e,t,o){if(e===void 0)return R(o);if(typeof e=="boolean")return e;if(typeof e=="function")return e(t,o);let n=e[t];return typeof n=="boolean"?n:R(o)}var F=e=>e.value??e.label,T=(e,t)=>t?.some(o=>o.value===e.value)??false,Le=(e,t,o)=>{if(T(e,t)){o(t?.filter(n=>n.value!==e.value)||[]);return}o([...t||[],e]);},X=e=>R(e)?[e]:(e.options??[]).flatMap(X),q=(e,t)=>{let o=e.filter(n=>T(n,t)).length;return {allSelected:e.length>0&&o===e.length,someSelected:o>0&&o<e.length}},Oe=(e,t,o)=>{let n=new Set(e.map(i=>i.value));if(q(e,t).allSelected){o((t??[]).filter(i=>!n.has(i.value)));return}let l=new Set((t??[]).map(i=>i.value)),r=e.filter(i=>!l.has(i.value));o([...t??[],...r]);},lt=(e,t)=>{let o=e[t];return typeof o=="string"?o:typeof o=="number"&&Number.isFinite(o)?String(o):""},it=(e,t,o)=>o.some(n=>lt(e,n).toLowerCase().includes(t)),Re=(e,t,o)=>{let n=t.toLowerCase().trim();if(!n)return e.map(i=>({node:i,depth:0}));let l=[],r=(i,d)=>{for(let c of i){if(R(c)){it(c,n,o)&&l.push({node:c,depth:d});continue}r(c.options??[],d+1);}};return r(e,0),l},rt=(e,t="right")=>{let o=e?.closest(`.${Q$1.panel}`);if(!e||!o)return 0;let n=e.getBoundingClientRect(),l=o.getBoundingClientRect(),r=t.startsWith("left")?n.left-l.left:l.right-n.right;return Math.max(0,r)},Ee=e=>[{name:"flip",enabled:true,options:{rootBoundary:"viewport",padding:8,fallbackPlacements:["left-start","right-end","left-end"]}},{name:"preventOverflow",enabled:true,options:{rootBoundary:"viewport",altAxis:true,padding:8}},{name:"offset",options:{offset:({placement:t})=>[0,rt(e.current,t)]}}],We=(e,t)=>e.length===t.length&&e.every((o,n)=>o===t[n]);function Be(e,t,o){let n=[],l=0;for(let r of e){if(t<=0){n.push(void 0);continue}if(l===0&&r>=t){n.push(Math.floor(t));continue}let i=l===0?0:o;if(l+i+r<=t+.5){n.push(void 0),l+=i+r;continue}let d=Math.floor(t-l-i);if(d>=ae&&d>=r*ce){n.push(d),l=0;continue}n.push(void 0),l=r;}return n}var we=(e,t)=>t instanceof Node&&!!e?.contains(t),Ie=(e,t,o)=>{if(we(t,e)||we(o,e))return  true;if(!(e instanceof Element)||!o)return  false;let n=e.closest(`[${A}]`)?.getAttribute($),l=n?document.getElementById(n):null;return !!(l&&o.contains(l))};function at({options:e,variant:t,hiddenCount:o=0,onRemove:n}){let l=useRef(null),r=useRef([]),[i,d$1]=useState([]),c=e.length+(o>0?1:0),C=e.map(a=>a.label).join("\0");useLayoutEffect(()=>{let a=l.current;if(!a||c===0)return;let m=()=>{let x=r.current.slice(0,c).filter(p=>p!=null);if(x.length!==c)return;let M=x.map(p=>p.style.maxWidth);x.forEach(p=>{p.style.maxWidth="none";});let h=x.map(p=>p.getBoundingClientRect().width);x.forEach((p,j)=>{p.style.maxWidth=M[j];});let g=getComputedStyle(a),W=a.clientWidth-parseFloat(g.paddingLeft)-parseFloat(g.paddingRight),z=parseFloat(g.columnGap||g.gap||"0")||0,B=Be(h,W,z);d$1(p=>We(p,B)?p:B);};m();let v=new ResizeObserver(m);return v.observe(a),()=>v.disconnect()},[c,C,t]);let f=t==="field",b=a=>m=>{m.stopPropagation(),m.preventDefault(),n?.(a);},w=a=>m=>{r.current[a]=m;};return jsxs(be,{ref:l,$field:f,className:f?s.fieldRow:void 0,children:[e.map((a,m)=>jsxs(G,{ref:w(m),$field:f,className:f?void 0:s.selectedBadge,style:i[m]!=null?{maxWidth:i[m]}:void 0,onClick:f?void 0:b(a),children:[f?null:jsx(d,{src:Pc,alt:"",sx:pe}),jsx(xe,{children:a.label}),f?null:jsx(d,{src:Eb,alt:"",sx:ue})]},`${m}-${a.value}`)),o>0?jsx(G,{ref:w(e.length),$field:f,style:i[e.length]!=null?{maxWidth:i[e.length]}:void 0,children:jsxs("span",{children:["+",o]})}):null]})}var H=at;function pt({options:e,maxVisibleValues:t}){let n=typeof t=="number"&&Number.isFinite(t)?Math.max(0,Math.floor(t)):e.length,l=e.slice(0,n),r=e.length-l.length;return jsx(Ne,{children:jsx(H,{options:l,variant:"field",hiddenCount:r})})}var Ae=pt;var Fe=()=>jsx("svg",{width:"5",height:"8",viewBox:"0 0 5 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":true,style:{display:"block",flexShrink:0},children:jsx("path",{d:"M0.117188 0.504028C0.115307 0.426166 0.138248 0.350264 0.182617 0.286255C0.227088 0.222214 0.290458 0.173028 0.363281 0.144653C0.436073 0.116302 0.516047 0.109152 0.592773 0.124146C0.668745 0.138995 0.738375 0.176073 0.793945 0.229614L4.43164 3.63391C4.50662 3.70421 4.55078 3.80153 4.55078 3.90442C4.55064 4.00712 4.5065 4.10376 4.43164 4.17395L0.794922 7.57922L0.793945 7.57825C0.738766 7.63096 0.669812 7.66692 0.594727 7.68176C0.519097 7.69665 0.440194 7.69049 0.368164 7.66321C0.296002 7.63581 0.232474 7.58801 0.1875 7.52551C0.14262 7.463 0.11821 7.3886 0.118164 7.31165C0.118166 7.25986 0.12907 7.20846 0.150391 7.16125C0.171346 7.11493 0.201824 7.07367 0.239258 7.03918L3.58691 3.90442L0.239258 0.769653C0.164191 0.701295 0.119752 0.605686 0.117188 0.504028Z",fill:"#20232B",stroke:"#20232B",strokeWidth:"0.233333"})});function Ve({label:e,itemCount:t,isSelected:o,isIndeterminate:n,onToggle:l,children:r,isSelectable:i=false}){let d=useId(),c=useRef(null),C=useRef(null),f=useRef(null),b=useRef(null),[w,a]=useState(false),m=useMemo(()=>Ee(c),[]),v=()=>{b.current!=null&&(window.clearTimeout(b.current),b.current=null);},x=()=>{t!==0&&(v(),a(true));},M=h=>{Ie(h.relatedTarget,c.current,C.current)||(v(),b.current=window.setTimeout(()=>{b.current=null,a(false);},re));};return useEffect(()=>()=>{b.current!=null&&window.clearTimeout(b.current);},[]),useEffect(()=>{if(!w)return;let h=()=>f.current?.update();return document.addEventListener("scroll",h,true),window.addEventListener("resize",h),()=>{document.removeEventListener("scroll",h,true),window.removeEventListener("resize",h);}},[w]),jsxs(V,{id:d,ref:c,isSelected:o,isIndeterminate:n,startAdornment:i?void 0:null,onClick:h=>{if(h.stopPropagation(),h.preventDefault(),!i){x();return}l();},onMouseEnter:x,onMouseLeave:M,children:[jsxs(Ce,{children:[e,jsx(Fe,{})]}),jsx(R$1,{ref:C,popperRef:f,[A]:"",[$]:d,sx:{maxHeight:"min(450px, calc(100dvh - 16px))",overflow:"auto"},open:w,anchorEl:c.current,placement:"right-start",modifiers:m,popperOptions:se,onMouseEnter:x,onMouseLeave:M,children:r})]})}function je({option:e,value:t,onChange:o,isSelectable:n=true}){let l=T(e,t);return jsx(V,{isSelected:l,onClick:i=>{i.stopPropagation(),i.preventDefault(),n&&Le(e,t,o);},startAdornment:n?void 0:null,children:jsx(ye,{children:e.label})})}function Q({node:e,depth:t,value:o,onChange:n,isSelectable:l}){let r=ve(l,t,e);if(R(e))return jsx(je,{option:e,value:o,onChange:n,isSelectable:r});if(!e.options)return null;let i=e.options,d=X(e),{allSelected:c,someSelected:C}=q(d,o);return jsx(Ve,{label:e.label,itemCount:i.length,isSelected:c,isIndeterminate:C,isSelectable:r,onToggle:()=>Oe(d,o,n),children:i.map(f=>jsx(Q,{node:f,depth:t+1,value:o,onChange:n,isSelectable:l},F(f)))})}var bt=["label"],Xe=forwardRef(({options:e,onChange:t,value:o,maxVisibleValues:n,placeholder:l,label:r,isLoading:i,isSelectable:d$1,disabled:c,className:C,sx:f,isSearchable:b=true,searchPlaceholder:w,searchBy:a$1=bt,onOpen:m,onClose:v},x)=>{let[M,h]=useState(null),[g,W]=useState(""),[z,B]=useState(void 0),p=!!M,j=r??l,qe=r?l??"Please Select":"Please Select";useEffect(()=>{if(!M)return;let u=()=>{let K=M.clientWidth;K>0&&B(_=>_===K?_:K);};if(u(),typeof ResizeObserver>"u")return;let O=new ResizeObserver(u);return O.observe(M),()=>O.disconnect()},[M]);let Ze=M?.clientWidth||z,Je=u=>{if(p){h(null),v?.();return}h(u.currentTarget),m?.();},Qe=()=>{h(null),v?.();},Ue=()=>{g&&W("");},Ye=useMemo(()=>Re(e,g,a$1),[e,g,a$1]),Y=o?.length??0,_e=i?jsx(CircularProgress,{size:16}):jsx(d,{src:g?Eb:A$1,alt:g?"close":"search",onClick:Ue,sx:{width:12,height:12,cursor:g?"pointer":"default"}});return jsx(gt,{onClickAway:()=>{p&&Qe();},children:jsxs(me,{ref:x,id:"FieldWrapper","data-testid":"NestedMultiSelect",$disabled:c,"aria-disabled":c||void 0,className:nc(s.root,p&&s.open,C),sx:f,onClick:u=>!c&&Je(u),children:[jsx(he,{className:s.label,component:"label",children:j}),Y===0&&jsx(Se,{className:s.placeholder,component:"p",children:qe}),jsx(Me,{className:s.arrow,"aria-hidden":true,children:i?jsx(CircularProgress,{size:16}):jsx(a,{})}),Y>0&&o?jsx(Ae,{options:o,maxVisibleValues:n}):null,jsx(R$1,{open:p,anchorEl:M,sx:{margin:"8px 0",maxHeight:330,overflow:"auto",width:Ze},panelProps:{className:s.menu},children:jsxs(ge,{children:[b?jsx(L$1,{className:s.search,fullWidth:true,size:"md",placeholder:w??l??"Select",endAdornment:_e,value:g,onClick:u=>{u.stopPropagation();},onMouseDown:u=>{u.stopPropagation();},onChange:u=>{W(u.target.value);},sx:{mb:"8px"}}):null,jsx(H,{options:o??[],variant:"menu",onRemove:u=>{t(o?.filter(O=>O.value!==u.value)||[]);}}),Ye.map(({node:u,depth:O})=>jsx(Q,{node:u,depth:O,value:o,onChange:t,isSelectable:d$1},F(u)))]})})]})})});Xe.displayName="NestedMultiSelect";var xt=memo(Xe);
+export{s as a,xt as b};

package/build/_chunks/chunk-NTS7SJLL.js

@@ -0,0 +1 @@
+import {T,S as S$1,b as b$1}from'./chunk-V5LH2RXO.js';import {forwardRef,memo,createContext,useState,useRef,useCallback,useMemo,useContext}from'react';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var x=styled(T)(({theme:o})=>({[`& .${S$1.title}`]:{fontSize:"13px",fontWeight:700,lineHeight:o.typography.h6.lineHeight,borderBottom:`1px solid ${o.palette.divider}`,margin:0,padding:"16px 16px 16px 12px",color:o.palette.text.primary}})),y=styled("div")(({theme:o})=>({display:"flex",flexDirection:"column",gap:o.spacing(2),minWidth:"256px",padding:o.spacing(2)})),p=styled(b$1)(({theme:o})=>({paddingInline:o.spacing(3),paddingBlock:o.spacing(1),borderRadius:o.spacing(.5),minWidth:64,fontSize:"11px",fontWeight:o.typography.fontWeightMedium,color:o.palette.text.primary,textTransform:"none",border:`1px solid ${o.palette.divider}`,boxShadow:"none","&:hover":{boxShadow:"none",backgroundColor:o.palette.action.hover}})),D=styled("p")(({theme:o})=>({margin:0,fontSize:o.typography.fontSize,fontWeight:o.typography.fontWeightMedium,lineHeight:o.typography.body1.lineHeight})),S=styled("div")(({theme:o})=>({display:"flex",gap:o.spacing(1),justifyContent:"flex-end"}));var b=forwardRef(({message:o,title:t,confirmText:a,cancelText:i,onConfirm:r,onCancel:s,className:m,sx:e,...n},d)=>jsx(x,{ref:d,"data-testid":"ConfirmDialog",heading:t,className:m,sx:e,...n,children:jsxs(y,{children:[jsx(D,{children:o}),jsxs(S,{children:[jsx(p,{variant:"ghost",onClick:s,children:i||"No"}),jsx(p,{variant:"ghost",onClick:r,children:a||"Yes"})]})]})}));b.displayName="ConfirmDialog";var h=memo(b);var g=createContext(null);function M(){let o=useContext(g);if(!o)throw new Error("useConfirm must be used within <ConfirmDialogProvider>");return o}var H={open:false,message:null,title:void 0,confirmText:void 0,cancelText:void 0,sx:void 0,dismissible:true};function z({children:o}){let[t,a]=useState(H),i=useRef(null),r=useCallback(e=>{let n=i.current;n&&(i.current=null,a(d=>({...d,open:false})),n(e));},[]),s=useCallback(e=>new Promise(n=>{i.current?.(false),i.current=n,a({open:true,dismissible:e.dismissible??true,message:e.message,title:e.title,confirmText:e.confirmText,cancelText:e.cancelText,sx:e.sx});}),[]),m=useMemo(()=>({confirm:s}),[s]);return jsxs(g.Provider,{value:m,children:[o,jsx(h,{open:t.open,message:t.message,title:t.title,confirmText:t.confirmText,cancelText:t.cancelText,onConfirm:()=>r(true),onCancel:()=>r(false),onClose:t.dismissible?()=>r(false):void 0,sx:t.sx})]})}var O=memo(z);export{M as a,O as b};