@tap-payments/os-micro-frontend-shared 0.3.198 → 0.3.199

package/build/_chunks/chunk-KATXSJPP.js

@@ -1 +0,0 @@
-import {a}from'./chunk-G7F3SNY2.js';import {j,b,n}from'./chunk-MX6II55S.js';import {Vb,yc}from'./chunk-QMBLENVJ.js';import {Dj,Ej,Kj,Oe}from'./chunk-UVKRET3U.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(j,{shouldForwardProp:e=>e!=="isError"})(({theme:e,isError:i})=>({color:i?"#FF2000":e.v2.palette.base.black,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(j)(({theme:e})=>({color:alpha(e.v2.palette.base.black,.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"})),w=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"})),O=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}})),Q=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 Y=forwardRef(({accept:e,footer:i,options:x,isCreateLoading:U,progress:oe,error:R,errorHint:te,subtitleComponent:S,isSuccess:P,onConfirm:re,isSendDisabled:ie,errorActionComponent:le,title:l,width:b$1,successFooter:pe,progressVariant:ae},ne)=>{let{t:a$1}=useTranslation(),[n$1,H]=useState([]),{getRootProps:de,getInputProps:se,open:f,acceptedFiles:v,isDragReject:j,fileRejections:s}=useDropzone(x);useImperativeHandle(ne,()=>({open:f}),[f]),useEffect(()=>{H(v);},[v]);let B=Vb(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 j||me?a$1("invalidFileType"):ce?`File is larger than ${B}`:R},[j,R,s,B,a$1]),C=useMemo(()=>n$1.length?jsxs(w,{sx:{fontWeight:600},children:[jsx(p,{children:n$1[0].name}),jsx(z,{children:Vb(n$1[0].size)})]}):null,[n$1]);return P&&n$1.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$1,children:jsxs(h,{children:[P&&jsx(p,{component:"img",src:Dj,width:56,height:56}),C]})}),pe??jsxs(Q,{children:[jsx(b,{variant:"secondary",size:"md",icon:jsx(a,{src:Ej,alt:"delete"}),onClick:()=>{H([]);},"aria-label":"delete"}),jsx(O,{disabled:ie,onClick:()=>{re?.(n$1);},children:"Bulk Send"})]})]}):U&&n$1.length?jsxs(Fragment,{children:[jsxs(u,{children:[l&&typeof l!="string"?l:jsxs(Fragment,{children:[jsx(d,{children:l??a$1("uploading")}),jsx(g,{children:a$1("wait")})]}),S]}),jsx(F,{width:b$1,children:jsxs(h,{children:[U&&jsx(n,{size:56,value:oe,variant:ae??"determinate"}),C]})}),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:a$1("uploadBulkFile")}),S||!!m&&jsx(g,{children:"Supported formats: xls, xlxs"})]}),jsxs(F,{width:b$1,...de(),children:[jsx("input",{...se()}),jsxs(h,{"data-slot":"content",children:[jsx(p,{component:"img",src:m?Kj:Oe,width:56,height:56}),te,C,m?jsx(Fragment,{children:le||jsx(J,{onClick:f,children:a$1("uploadAgain")})}):jsxs(w,{children:[jsxs(p,{children:[jsx(K,{onClick:f,children:"Click to upload"})," or drag and drop"]}),jsxs(z,{children:["Maximum file size ",B]}),e&&jsx(g,{children:a$1("supportedFormats",{accept:e})})]})]})]}),i]})});Y.displayName="FileUploadBase";var Z=memo(Y);var L=forwardRef((e,i)=>{let x=yc(useId(),"file-upload");return jsx(G,{id:x,"data-testid":"FileUpload","data-slot":"file-upload-wrapper",children:jsx(Z,{...e,ref:i})})});L.displayName="FileUpload";var ee=memo(L);var Qe=ee;export{Qe as a};

package/build/_chunks/chunk-RIMZ2CAF.js

@@ -1 +0,0 @@
-import {a as a$1}from'./chunk-HDCNWBW5.js';import {a}from'./chunk-G7F3SNY2.js';import {R,L,V as V$1}from'./chunk-MX6II55S.js';import {kc}from'./chunk-QMBLENVJ.js';import {Eb,A as A$1,Pc,vb}from'./chunk-UVKRET3U.js';import {forwardRef,useState,useMemo,memo,useRef,useLayoutEffect}from'react';import Xe from'@mui/material/ClickAwayListener';import {CircularProgress}from'@mui/material';import M from'@mui/material/Box';import j from'@mui/material/Typography';import {styled,alpha}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var N="os-shared-NestedMultiSelect",c={root:`${N}-root`,open:`${N}-open`,label:`${N}-label`,placeholder:`${N}-placeholder`,arrow:`${N}-arrow`,menu:`${N}-menu`,search:`${N}-search`,selectedBadge:`${N}-selectedBadge`,fieldRow:`${N}-fieldRow`};var ee=e=>({display:"flex",padding:"4px 8px 4px 6px",alignItems:"center",gap:"4px",borderRadius:"13px",backgroundColor:e,fontSize:"10px",fontWeight:500,cursor:"pointer"}),te=styled(M,{shouldForwardProp:e=>e!=="$disabled"})(({theme:e,$disabled:t=false})=>{let{base:l}=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(l.black,.6),[`& .${c.label}`]:{opacity:.7,cursor:"not-allowed"},[`& .${c.placeholder}`]:{color:alpha(l.black,.6)},[`& .${c.arrow}`]:{opacity:.6},[`& .${c.fieldRow}`]:{opacity:.7},[`& .${c.fieldRow} *`]:{cursor:"not-allowed"}},[`&.${c.open} .${c.arrow}`]:{transform:"rotate(180deg)"}}}),le=styled(j)(({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"})),oe=styled(j)(()=>({margin:0,fontWeight:500,fontSize:"11px",lineHeight:"18px",padding:"22px 24px 8px 8px"})),ne=styled(M)(({theme:e})=>({position:"absolute",top:15,right:4,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})})),ie=styled(M)(()=>({display:"flex",flexDirection:"column",padding:"8px"})),re=styled(M)(()=>({display:"flex",columnGap:"8px",rowGap:"8px",flexWrap:"wrap",paddingInlineEnd:"20px"})),se=styled(M)(({theme:e})=>({...ee(`${e.palette.info.dark}1a`),maxWidth:"150px"})),ae=styled("span")(()=>({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),ce=styled(M)(()=>({position:"relative",width:"100%",minWidth:0})),de=styled(M)(()=>({display:"flex",flexWrap:"nowrap",alignItems:"center",gap:"4px",width:"100%",minWidth:0,overflow:"hidden",padding:"22px 24px 8px 8px"})),k=styled(M,{shouldForwardProp:e=>e!=="$truncate"})(({theme:e,$truncate:t})=>({...ee(`${e.palette.info.dark}1a`),overflow:"hidden",cursor:"inherit",flex:t?"1 1 auto":"0 0 auto",width:"max-content",maxWidth:t?"100%":"none",minWidth:t?0:"auto"})),ue=styled("span")(()=>({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0})),pe=styled("span")(()=>({position:"fixed",left:0,top:0,visibility:"hidden",pointerEvents:"none",whiteSpace:"nowrap",width:"max-content",display:"inline-flex",padding:"4px 8px 4px 6px",fontSize:"10px",fontWeight:500})),me=styled(M)(()=>({flex:1,maxWidth:"220px",minWidth:"89px"})),Se=styled(M,{shouldForwardProp:e=>e!=="$maxWidth"})(({$maxWidth:e})=>({display:"flex",gap:"12px",justifyContent:"space-between",flexGrow:1,alignItems:"center",maxWidth:e,minWidth:"89px"}));function fe(e,t,l){let i=4*Math.max(e.length-1,0);if(e.reduce((s,a)=>s+a,0)+i<=t)return {count:e.length,truncateLast:false};let r=0,n=0;for(let s=0;s<e.length;s+=1){let a=n>0?4:0,d=s===e.length-1?0:4+l;if(r+a+e[s]+d<=t){r+=a+e[s],n+=1;continue}let x=t-r-a-d;if(n===0||x>=48)return {count:n+1,truncateLast:true};break}return {count:Math.max(n,1),truncateLast:false}}function Me(e,t,l,i){let o=e.length;if(o===0)return {count:0,truncateLast:false};let r=4*Math.max(o-1,0),s=e.reduce((a,h)=>a+h,0)+r+(i?4+l:0);return {count:o,truncateLast:s>t}}var W=e=>!e.options&&typeof e.value=="string",E=e=>e.value??e.label,I=(e,t)=>t?.some(l=>l.value===e.value)??false,Ne=(e,t,l)=>{if(I(e,t)){l(t?.filter(i=>i.value!==e.value)||[]);return}l([...t||[],e]);},A=e=>W(e)?[e]:(e.options??[]).flatMap(A),$=(e,t)=>{let l=e.filter(i=>I(i,t)).length;return {allSelected:e.length>0&&l===e.length,someSelected:l>0&&l<e.length}},he=(e,t,l)=>{let i=new Set(e.map(n=>n.value));if($(e,t).allSelected){l((t??[]).filter(n=>!i.has(n.value)));return}let o=new Set((t??[]).map(n=>n.value)),r=e.filter(n=>!o.has(n.value));l([...t??[],...r]);},ke=(e,t)=>{let l=e[t];return typeof l=="string"?l:""},Ae=(e,t,l)=>l.some(i=>ke(e,i).toLowerCase().includes(t)),D=(e,t,l)=>{if(!t)return e;let i=t.toLowerCase();return e.reduce((o,r)=>{if(W(r))return Ae(r,i,l)&&o.push(r),o;let n=D(r.options??[],t,l);return n.length>0&&o.push({...r,options:n}),o},[])};function He({options:e,maxVisibleSelected:t}){let l=useRef(null),i=useRef(null),o=typeof t=="number"&&Number.isFinite(t),r=o?Math.max(0,Math.floor(t)):e.length,[n,s]=useState({count:Math.min(r,e.length),truncateLast:false});useLayoutEffect(()=>{let d=l.current,f=i.current;if(!d||!f)return;let x=()=>{let g=e.slice(0,r).map(y=>(f.textContent=y.label,f.offsetWidth));f.textContent=`+${e.length}`;let C=f.offsetWidth,L=getComputedStyle(d),b=d.clientWidth-parseFloat(L.paddingLeft)-parseFloat(L.paddingRight),S=o?Me(g,b,C,e.length>g.length):fe(g,b,C);s(y=>y.count===S.count&&y.truncateLast===S.truncateLast?y:S);};x();let w=new ResizeObserver(x);return w.observe(d),()=>w.disconnect()},[r,o,e]);let a=e.slice(0,n.count),h=e.length-n.count;return jsxs(ce,{children:[jsx(pe,{ref:i,"aria-hidden":true}),jsxs(de,{ref:l,className:c.fieldRow,children:[a.map((d,f)=>{let x=n.truncateLast&&f===a.length-1;return jsx(k,{$truncate:x,children:jsx(ue,{children:d.label})},d.value)}),h>0?jsx(k,{children:jsxs("span",{children:["+",h]})}):null]})]})}var ye=He;function we({label:e,maxWidth:t,itemCount:l,isSelected:i,isIndeterminate:o,onToggle:r,children:n}){let[s,a]=useState(null);return jsxs(V$1,{isSelected:i,isIndeterminate:o,onClick:d=>{d.stopPropagation(),d.preventDefault(),r();},onMouseEnter:d=>{l>0&&a(d.currentTarget);},onMouseLeave:()=>{s&&a(null);},children:[jsxs(Se,{$maxWidth:t,children:[e,jsx("img",{src:vb,className:"arrow-icon",alt:"arrow"})]}),jsx(R,{sx:{maxHeight:"450px",overflow:"auto"},open:!!s,anchorEl:s,placement:"right-start",children:n})]})}function Ce({option:e,value:t,onChange:l}){let i=o=>{o.stopPropagation(),o.preventDefault(),Ne(e,t,l);};return jsx(V$1,{isSelected:I(e,t),onClick:i,children:jsx(me,{children:e.label})})}var Ve=340,ze=220;function V({node:e,depth:t,value:l,onChange:i}){if(W(e))return jsx(Ce,{option:e,value:l,onChange:i});if(!e.options)return null;let o=e.options,r=A(e),{allSelected:n,someSelected:s}=$(r,l);return jsx(we,{label:e.label,maxWidth:t===0?Ve:ze,itemCount:o.length,isSelected:n,isIndeterminate:s,onToggle:()=>he(r,l,i),children:o.map(a=>jsx(V,{node:a,depth:t+1,value:l,onChange:i},E(a)))})}var Ye=["label"],Pe=forwardRef(({options:e,onChange:t,value:l,maxVisibleSelected:i,placeholder:o,label:r,isLoading:n,searchBy:s=Ye,disabled:a$2,className:h,sx:d,searchable:f=true,searchPlaceholder:x,onOpen:w,onClose:g},C)=>{let[L$1,b]=useState(null),[S,y]=useState(""),v=!!L$1,Be=r??o,Fe=r?o??"Please Select":"Please Select",Oe=u=>{if(v){b(null),g?.();return}b(u.currentTarget),w?.();},We=()=>{b(null),g?.();},Ee=()=>{S&&y("");},Ie=useMemo(()=>D(e,S,s),[e,S,s]),G=l?.length??0,Re=n?jsx(CircularProgress,{size:16}):jsx(a,{src:S?Eb:A$1,alt:S?"close":"search",onClick:Ee,sx:{width:12,height:12,cursor:S?"pointer":"default"}});return jsx(Xe,{onClickAway:()=>{v&&We();},children:jsxs(te,{ref:C,id:"FieldWrapper","data-testid":"NestedMultiSelect",$disabled:a$2,"aria-disabled":a$2||void 0,className:kc(c.root,v&&c.open,h),sx:d,onClick:u=>!a$2&&Oe(u),children:[jsx(le,{className:c.label,component:"label",children:Be}),G===0&&jsx(oe,{className:c.placeholder,component:"p",children:Fe}),jsx(ne,{className:c.arrow,"aria-hidden":true,children:jsx(a$1,{})}),G>0&&l?jsx(ye,{options:l,maxVisibleSelected:i}):null,jsx(R,{open:v,anchorEl:L$1,sx:{margin:"8px 0",maxHeight:330,overflow:"auto",maxWidth:"340px"},panelProps:{className:c.menu},children:jsxs(ie,{children:[f?jsx(L,{className:c.search,fullWidth:true,size:"md",placeholder:x??o??"Select",endAdornment:Re,value:S,onClick:u=>{u.stopPropagation();},onMouseDown:u=>{u.stopPropagation();},onChange:u=>{y(u.target.value);},sx:{mb:"4px"}}):null,jsx(re,{children:l?.map(u=>jsxs(se,{className:c.selectedBadge,onClick:K=>{K.stopPropagation(),K.preventDefault(),t(l?.filter(Te=>Te.value!==u.value)||[]);},children:[jsx(a,{src:Pc,alt:"blue-check",sx:{width:10,height:7.5}}),jsx(ae,{children:u.label}),jsx(a,{src:Eb,alt:"close",sx:{width:9,height:9}})]},u.value))}),Ie.map(u=>jsx(V,{node:u,depth:0,value:l,onChange:t},E(u)))]})})]})})});Pe.displayName="NestedMultiSelect";var Je=memo(Pe);export{c as a,Je as b};