@tap-payments/os-micro-frontend-shared 0.1.492 → 0.1.493

package/build/chunk-6B25FE4F.js

@@ -0,0 +1 @@
+import'./chunk-FQIF3FUU.js';import {b as b$1}from'./chunk-PTEZ2MC2.js';import {memo,useState,useEffect}from'react';import d from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsx,Fragment}from'react/jsx-runtime';var m="32px";var s=styled(d,{shouldForwardProp:e=>e!=="isMaximized"})(({theme:e,isMaximized:r})=>({background:alpha(e.palette.common.white,.7),backdropFilter:"blur(8px)",width:183,position:"sticky",padding:"16px 8px",paddingTop:r?m:"16px",height:"100%",overflow:"auto"})),f=styled(d)(()=>({display:"flex",flexDirection:"column",gap:"8px"})),b=styled(d,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:r})=>({background:r?"linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)":"transparent",borderRadius:"4px",padding:"4px 8px",color:r?e.palette.common.white:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer",fontWeight:600})),g=styled(d,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:r})=>({background:r?"#FFFFFF":"transparent",borderRadius:"4px",padding:"4px 8px",color:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer",fontWeight:600}));function R({sections:e,isMaximized:r,onClick:x,activeSection:h,activeSubSection:B}){let i=h||e?.[0]?.id,A=B||e?.[0]?.subSections?.[0]?.id,[E,c]=useState({});return useEffect(()=>{e?.length&&c(t=>{let o=false,a={...t};for(let l of e)l.id in a||(a[l.id]=i===l.id,o=true);return o?a:t});},[e,i]),useEffect(()=>{i&&c(t=>({...t,[i]:true}));},[i]),jsx(s,{isMaximized:r,children:jsx(f,{children:e?.map(t=>jsx(b$1,{expanded:E[t.id]??false,onChange:o=>c(a=>({...a,[t.id]:o})),label:jsx(g,{onClick:()=>{x?.(t.id,t.subSections?.[0]?.id);},isActive:i===t.id,children:t.title}),content:jsx(Fragment,{children:t.subSections?.map(o=>jsx(b,{onClick:()=>{x?.(t.id,o.id);},isActive:A===o.id,children:o.title},`${t.id}-${o.id}`))}),slotProps:{root:{component:"section",sx:{background:"transparent",border:"none !important","&.MuiAccordion-root":{borderRadius:"4px !important"}}},label:{sx:{padding:0,paddingRight:1,minHeight:0,marginBottom:"4px",borderRadius:"4px !important","& .MuiAccordionSummary-content":{margin:"0 !important"}}},content:{sx:{borderTop:"none",padding:0}}}},`${t.id}`))})})}var y=memo(R);var W=y;export{W as a};

package/build/chunk-6PH52AUS.js

@@ -0,0 +1 @@
+import {a as a$4}from'./chunk-NKNRVF6Q.js';import {a as a$2}from'./chunk-7QBMXFQ4.js';import {a as a$3}from'./chunk-4W6J54AY.js';import {a as a$1}from'./chunk-QTZ2AGMI.js';import {a}from'./chunk-CNIYZZCP.js';import {ob,xb,w,vb,Ic}from'./chunk-NSFZTMX6.js';import re,{useState,useRef,useMemo}from'react';import {Box,CircularProgress,Typography}from'@mui/material';import le from'@mui/material/ClickAwayListener';import f from'@mui/material/Box';import j from'@mui/material/Input';import {styled}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';styled(a)(({theme:e})=>({fontSize:"10px",color:e.palette.grey[700],fontWeight:600,lineHeight:"10px"}));styled(a)(({theme:e})=>({fontSize:"11px",color:e.palette.text.primary,fontWeight:600,lineHeight:"14.3px",width:200}));styled(f)(()=>({display:"flex",flexDirection:"column",maxHeight:400,overflow:"auto",gap:"8px"}));var A=styled(j)(({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}}));styled(a$1)(()=>({padding:0,width:12,height:12,".MuiSvgIcon-root, img":{width:12,height:12}}));var L=styled(f)(()=>({display:"flex",flexDirection:"column",gap:"8px",padding:"4px"})),B=styled(f)(()=>({display:"flex",gap:"8px",padding:"4px",flexWrap:"wrap",paddingInlineEnd:"20px"})),M=styled(f)(({theme:e,maxWidth:p})=>({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",...p&&{maxWidth:`${p}%`}}));styled(a)(({theme:e})=>({display:"flex",gap:"8px",alignItems:"center",fontSize:"10px",fontWeight:500,color:e.palette.common.black,cursor:"pointer",padding:8}));var H=styled(f)(({theme:e})=>({width:"100%",flexDirection:"column",border:`1px solid ${e.palette.grey[100]}`,borderRadius:"4px",backgroundColor:e.palette.grey[400],minWidth:"89px",position:"relative"})),z=styled(f)(()=>({position:"absolute",right:8,bottom:13.5,width:15,height:15}));var D=(e,p,l)=>e.map(n=>{let c=n?.options.map(i=>{let S=i?.options?.filter(r=>l.some(m=>r?.[m]?.toLowerCase().includes(p.toLowerCase())));return {...i,options:S}}).filter(i=>i?.options?.length>0);return {...n,options:c}}).filter(n=>n?.options?.length>0);function N({childOption:e,selectedOptions:p,onChangeOptions:l}){let[n,c]=useState(null),i=r=>{l([...p||[],r]);},S=r=>{l(p?.filter(m=>m.value!==r.value)||[]);};return jsxs(a$2,{onMouseEnter:r=>{e.options?.length>0&&c(r.currentTarget);},onMouseLeave:()=>{n&&c(null);},children:[jsxs(Box,{sx:{display:"flex",gap:"12px",justifyContent:"space-between",flexGrow:1,alignItems:"center",maxWidth:"220px",minWidth:"89px"},children:[e.label,jsx("img",{src:ob,className:"arrow-icon",alt:"arrow"})]}),jsx(a$3,{sx:{maxHeight:"450px",overflow:"auto"},open:!!n,anchorEl:n,placement:"right-start",children:e.options?.map(r=>{let a=!!p?.find(d=>d.value===r.value);return jsx(a$2,{isSelected:a,onClick:d=>{d.stopPropagation(),d.preventDefault(),a?S(r):i(r);},children:jsx(Box,{sx:{flex:1,maxWidth:"220px",minWidth:"89px"},children:r.label})},r.value)})})]})}function G({parentOption:e,selectedOptions:p,onChangeOptions:l}){let[n,c]=useState(null);return jsxs(a$2,{onMouseEnter:i=>{e.options?.length>0&&c(i.currentTarget);},onMouseLeave:()=>{n&&c(null);},children:[jsxs(Box,{sx:{display:"flex",gap:"12px",justifyContent:"space-between",flexGrow:1,alignItems:"center",maxWidth:"340px",minWidth:"89px"},children:[e.label,jsx("img",{src:ob,className:"arrow-icon",alt:"arrow"})]}),jsx(a$3,{sx:{maxHeight:"450px",overflow:"auto"},open:!!n,anchorEl:n,placement:"right-start",children:e.options?.map(i=>jsx(N,{childOption:i,selectedOptions:p,onChangeOptions:l},i.label))})]})}function ae({nestedOptions:e,onChangeOptions:p,selectedOptions:l,placeholder:n,isLoading:c,searchBy:i=["label"],disabled:S}){let[r,m]=useState(null),[a,d]=useState(""),q=useRef(null),y=!!r,J=t=>{m(y?null:t.currentTarget);},K=()=>{m(null);},Q=()=>{a&&d("");},Y=useMemo(()=>a?D(e,a,i):e,[e,a,i]),Z=c?jsx(CircularProgress,{size:16}):jsx(a$4,{src:a?xb:w,alt:a?"close":"search",onClick:Q,sx:{width:12,height:12}}),x=Number(l?.length??0);return jsx(le,{onClickAway:()=>{y&&K();},children:jsxs(H,{id:"TriggerWrapper",onClick:t=>!S&&J(t),ref:q,children:[jsx(Typography,{color:"grey",sx:{cursor:"pointer",fontSize:"10px",padding:"4px"},component:"label",children:n}),x===0&&jsx(Typography,{sx:{fontWeight:500,fontSize:"11px",padding:"0px 4px 4px"},component:"p",children:"Please Select"}),jsx(z,{component:"img",src:vb,alt:"down arrow",sx:{...y&&{transform:"rotate(180deg)"}}}),!!x&&jsx(B,{id:"SelectedBadgesWrapper",children:x>0&&x<=2?l?.map(t=>jsxs(M,{maxWidth:90,children:[jsx(a$4,{src:Ic,alt:"blue-check",sx:{width:10,height:7.5}}),jsx("span",{children:t.label})]},t.value)):x>2&&l?.slice(0,2)?.map((t,b)=>jsxs(re.Fragment,{children:[jsxs(M,{maxWidth:90,children:[jsx(a$4,{src:Ic,alt:"blue-check",sx:{width:10,height:7.5}}),jsx("span",{children:t.label})]}),b===1&&jsx(M,{maxWidth:90,children:jsxs("span",{children:["+",x-2]})})]},t.value))}),jsx(a$3,{open:y,anchorEl:r,sx:{margin:"8px 0",maxHeight:330,overflow:"auto",maxWidth:"340px"},children:jsxs(L,{children:[jsx(A,{placeholder:n||"Select",endAdornment:Z,onClick:t=>{t.stopPropagation();},value:a,onChange:t=>{d(t.target.value);},disableUnderline:true,sx:{cursor:"default",width:"100%",backgroundColor:"white",border:"1px solid #F2F2F2",...e.length&&{marginBottom:"4px"},...a&&{cursor:"pointer"}}}),jsx(B,{children:l?.map(t=>jsxs(M,{sx:{maxWidth:"150px"},onClick:b=>{b.stopPropagation(),b.preventDefault(),p(l?.filter(_=>_.value!==t.value)||[]);},children:[jsx(a$4,{src:Ic,alt:"blue-check",sx:{width:10,height:7.5}}),jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.label}),jsx(a$4,{src:xb,alt:"close",sx:{width:9,height:9}})]},t.value))}),Y?.map(t=>jsx(G,{parentOption:t,selectedOptions:l,onChangeOptions:p},t.label))]})})]})})}var X=ae;var Qe=X;export{N as a,G as b,Qe as c};

package/build/chunk-D2GC3DNR.js

@@ -0,0 +1 @@
+import {a as a$4}from'./chunk-ZTFNCBDJ.js';import {a,c,e,f,b as b$1}from'./chunk-NET3U5QO.js';import {a as a$3}from'./chunk-237EA4BW.js';import {a as a$5}from'./chunk-NKNRVF6Q.js';import {a as a$2}from'./chunk-QTZ2AGMI.js';import {a as a$1}from'./chunk-CNIYZZCP.js';import {Ic,w as w$1}from'./chunk-NSFZTMX6.js';import {b}from'./chunk-PTEZ2MC2.js';import*as w from'react';import w__default,{useState,useMemo}from'react';import {useFormContext,Controller,FormProvider,useForm}from'react-hook-form';import {jsx,jsxs}from'react/jsx-runtime';import P from'@mui/material/Box';import zo from'@mui/material/Input';import {styled}from'@mui/material/styles';import {ListSubheader,Box,MenuItem}from'@mui/material';import qo from'@mui/material/MenuItem';function Fo({onSubmit:o,methods:n,children:e}){return jsx(FormProvider,{...n,children:jsx("form",{onSubmit:o,noValidate:true,children:e})})}var Io=w__default.memo(Fo);var J=w.forwardRef(({name:o,helperText:n,hideArrows:e,...t},i)=>{let{control:s}=useFormContext();return jsx(Controller,{name:o,control:s,defaultValue:t.defaultValue,render:({field:c,fieldState:l})=>jsx(a,{...t,...c,ref:i,hasError:!!l.error,helperText:n??l.error?.message,hideArrows:e,onChange:a=>{c.onChange(a),t.onChange?.(a);},onWheel:a=>{a.target instanceof HTMLElement&&a.target.blur();}})})});J.displayName="RFHFormInput";var Q=w.memo(J);var Bo=Q;function Y({phoneName:o,countries:n,countryName:e$1,helperText:t,isCountriesLoading:i,disabled:s,...c}){let{control:l,watch:a,setValue:x}=useFormContext(),h=a(e$1),b=u=>{x(e$1,u);};return jsx(Controller,{name:o,control:l,render:({field:{onChange:u,value:p},fieldState:f})=>jsx(e,{...c,phoneValue:p,countries:n,hasError:!!f.error,helperText:t??f.error?.message,onPhoneChange:d=>{u(d);},disabled:s,countryValue:h,onCountryChange:b,isCountriesLoading:i})})}Y.displayName="RFHPhoneInput";var Z=Y;var Mo=Z;var B=(o,n)=>o.toFixed(n);function j({amountName:o,currencies:n,currencyName:e,helperText:t,isCurrenciesLoading:i,...s}){let{control:c,watch:l,setValue:a}=useFormContext(),x=l(e),h=l(o),b=u=>{a(e,u),a(o,B(Number(h),u?.decimals||2));};return jsx(Controller,{name:o,control:c,render:({field:{onChange:u,value:p},fieldState:f$1})=>jsx(f,{...s,amountValue:p??"",currencies:n,hasError:!!f$1.error,helperText:t??f$1.error?.message,onAmountChange:d=>{u(d);},onAmountBlur:d=>{u(B(Number(d),x?.decimals||2));},currencyValue:x,onCurrencyChange:b,isCurrenciesLoading:i})})}j.displayName="RFHAmountInput";var oo=j;var Do=oo;function to({name:o,helperText:n,...e}){let{control:t}=useFormContext();return jsx(Controller,{name:o,control:t,render:({field:i,fieldState:s})=>jsx(c,{...e,...i,hasError:!!s.error,helperText:n??s.error?.message})})}to.displayName="RFHSelect";var no=w.memo(to);var k=no;function lo({name:o,disabled:n,...e}){let{control:t}=useFormContext();return jsx(Controller,{name:o,control:t,render:({field:{name:i,onBlur:s,onChange:c,value:l,disabled:a}})=>jsx(a$3,{...e,onChange:c,onBlur:s,name:i,disabled:a||n,checked:l??false})})}lo.displayName="RFHSWitch";var io=w.memo(lo);var Lo=io;var so=styled(a$1)(({theme:o})=>({fontSize:"10px",color:o.palette.grey[700],fontWeight:600,lineHeight:"10px"}));styled(a$1)(({theme:o})=>({fontSize:"11px",color:o.palette.text.primary,fontWeight:600,lineHeight:"14.3px",width:200}));var mo=styled(P)(()=>({display:"flex",flexDirection:"column",maxHeight:180,overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"#E5E5E5 #E5E5E5"}));styled(zo)(({theme:o})=>({width:"inherit",height:32,padding:"11px 12px",fontSize:"10px",borderRadius:"5px",backgroundColor:"#F9F9F9",border:"1px solid transparent","&.Mui-focused":{borderColor:o.palette.info.dark}}));var co=styled(P)(()=>({display:"flex",flexDirection:"column",gap:"8px"}));styled(P)(()=>({display:"flex",gap:"8px",padding:"4px",flexWrap:"wrap",paddingInlineEnd:"20px"}));styled(P)(({theme:o,maxWidth:n})=>({display:"flex",padding:"4px 8px 4px 6px",alignItems:"center",gap:"4px",borderRadius:"13px",backgroundColor:`${o.palette.info.dark}1a`,fontSize:"10px",fontWeight:500,cursor:"pointer",...n&&{maxWidth:`${n}%`}}));var uo=styled(a$1)(({theme:o})=>({display:"flex",gap:"8px",alignItems:"center",justifyContent:"space-between",fontSize:"10px",fontWeight:500,color:o.palette.common.black,cursor:"pointer",padding:"8px 20px"}));styled(P)(({theme:o})=>({width:"100%",flexDirection:"column",border:`1px solid ${o.palette.grey[100]}`,borderRadius:"4px",backgroundColor:o.palette.grey[400]}));function No({name:o,options:n,...e}){let[t,i]=useState(null),[s,c]=useState(0),l=!!t,a=p=>{i(l?null:p.currentTarget);},x=()=>{i(null);},{watch:h,setValue:b$1}=useFormContext(),u=h(o);return jsx(a$4,{open:l,anchorEl:t,onOpen:a,onClose:x,trigger:jsx(k,{name:o,options:[],...e,open:false}),hideArrow:true,listWrapperSx:{padding:0,margin:0},children:jsx(co,{onClick:p=>p.stopPropagation(),onMouseDown:p=>p.stopPropagation(),children:jsx(mo,{"data-testid":"AccordionWrapper",children:n.map?.((p,f)=>{let d=s===f;return jsx(b,{expanded:d,onChange:m=>c(m?f:null),label:jsx(so,{variant:"caption",children:p.group}),content:(p?.options||[]).map((m,S)=>{let r=e?.isOptionEqualToValue?.(m,u);return jsxs(uo,{onClick:()=>{b$1(o,m,{shouldDirty:true,shouldTouch:true,shouldValidate:true}),x();},children:[e.renderOption?.(m)||m.label,r&&jsx(a$5,{src:Ic,alt:"blue-check",sx:{width:14,height:10}})]},`${m.value}-${m.label}-${S}`)}),slotProps:{root:{sx:{flexShrink:0,border:0,...d&&{borderBottom:"1px solid #0000001A",borderTop:"1px solid #0000001A"}}},label:{sx:{backgroundColor:d?"#F8F8F8":"#ffffff",borderBottom:"1px solid #0000001A",minHeight:28}},content:{sx:{borderTop:"none"}}}},`${p.group}-group-${f}`)})})})})}var xo=No;var Ko=xo;var ho=styled(a$2)(()=>({padding:0,".MuiSvgIcon-root":{width:12,height:12}})),go=styled(zo)(({theme:o})=>({width:"100%",height:36,padding:"8px 8px 8px 12px",borderRadius:4,backgroundColor:o.palette.common.white,border:"1px solid #F2F2F2",boxSizing:"border-box","&:hover":{borderColor:"#F2F2F2"},"&.Mui-focused":{borderColor:"#F2F2F2",backgroundColor:o.palette.common.white},"&:before, &:after":{display:"none"},"& input":{padding:0,fontSize:10},"& .MuiInputBase-input":{paddingRight:4}}));styled(qo)(({theme:o})=>({opacity:1,paddingTop:0,paddingBottom:0,marginBottom:8,minHeight:"auto",pointerEvents:"none",backgroundColor:o.palette.common.white,"&:hover":{backgroundColor:o.palette.common.white},"&.Mui-focusVisible":{backgroundColor:o.palette.common.white},"&.Mui-disabled":{backgroundColor:o.palette.common.white,opacity:1}}));function M({name:o,helperText:n,getOptionValue:e,getOptionLabel:t,renderOption:i,isOptionEqualToValue:s,getOptionDisabled:c,showSearchInput:l=false,searchPlaceholder:a="Search",showCheckbox:x=true,options:h,...b}){let{control:u}=useFormContext(),[p,f]=useState(""),d=useMemo(()=>{if(!l||!p.trim())return h??[];let m=p.toLowerCase().trim();return (h??[]).filter(S=>{let r=(t?t(S):S?.label)??"";return String(r).toLowerCase().includes(m)})},[h,l,p,t]);return jsx(Controller,{name:o,control:u,defaultValue:[],render:({field:m,fieldState:S})=>jsxs(b$1,{...b,...m,options:d,getOptionLabel:t,hasError:!!S.error,helperText:n??S.error?.message,onChange:r=>m.onChange(r),MenuProps:{...b.MenuProps,autoFocus:false,disableEnforceFocus:true},children:[l&&jsx(ListSubheader,{disableSticky:true,sx:{backgroundColor:"#fff",pt:1,pb:1},children:jsx(go,{placeholder:a,value:p,onChange:r=>f(r.target.value),onKeyDown:r=>r.stopPropagation(),onKeyUp:r=>r.stopPropagation(),disableUnderline:true,fullWidth:true,inputProps:{"aria-label":a},endAdornment:jsx(Box,{component:"img",src:w$1,alt:"search",sx:{width:14,height:14,flexShrink:0}})})}),d?.map(r=>{let A=m.value?.some(F=>s?s(F,r):F?.id===r?.id),R=c?c(r):false,Co=t?t(r):r.label,W=i?i(r):Co;return jsx(MenuItem,{value:(e?e(r):r?.id)??"",disabled:R,sx:{fontSize:"12px",backgroundColor:F=>A?"#F8F8F8 !important":F.palette.common.white,"&.Mui-disabled":{opacity:1}},children:x?jsxs(Box,{sx:{display:"flex",alignItems:"center",width:"100%",gap:"8px"},children:[jsx(ho,{checked:A,sx:{...A&&R&&{"& svg rect":{fill:"#BDC1CC"}}}}),W]}):W},(e?e(r):r?.id)??"")})]})})}var _o=M;var oe=useForm;export{Io as a,Bo as b,Mo as c,Do as d,k as e,Lo as f,Ko as g,_o as h,oe as i};