fansunited-management-components 1.43.0-RC4 → 1.43.0-RC6

package/index.es.js

@@ -36136,12 +36136,12 @@ const wy = Qe(/* @__PURE__ */ u.jsx("path", {
     ) }),
     /* @__PURE__ */ u.jsx(gt, { showToast: p, message: e.searchProfilesErrorMessage, color: "danger", hideToast: C })
   ] });
-}, sz = ({ value: e, style: t }) => {
-  const n = (s) => {
-    const l = Math.abs(s);
-    return l >= 1e9 ? (s / 1e9).toFixed(1) + "b" : l >= 1e6 ? (s / 1e6).toFixed(1) + "m" : l >= 1e3 ? (s / 1e3).toFixed(1) + "k" : s.toString();
-  }, r = (s) => new Intl.NumberFormat("en-US").format(s), i = Math.abs(e) >= 1e3, o = n(e), a = r(e);
-  return i ? /* @__PURE__ */ u.jsx(Oe, { title: a, arrow: !0, children: /* @__PURE__ */ u.jsx(ge, { style: t, children: o }) }) : /* @__PURE__ */ u.jsx(ge, { style: t, children: o });
+}, sz = ({ value: e, sx: t, tooltipPlacement: n }) => {
+  const r = (l) => {
+    const c = Math.abs(l);
+    return c >= 1e9 ? (l / 1e9).toFixed(1) + "b" : c >= 1e6 ? (l / 1e6).toFixed(1) + "m" : c >= 1e3 ? (l / 1e3).toFixed(1) + "k" : l.toString();
+  }, i = (l) => new Intl.NumberFormat("en-US").format(l), o = Math.abs(e) >= 1e3, a = r(e), s = i(e);
+  return o ? /* @__PURE__ */ u.jsx(Oe, { title: s, placement: n, arrow: !0, children: /* @__PURE__ */ u.jsx(ge, { sx: t, children: a }) }) : /* @__PURE__ */ u.jsx(ge, { sx: t, children: a });
 }, lz = {
   Login: NL,
   InformationInput: On,

package/index.umd.js

@@ -2487,4 +2487,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 	data-poll-url="${l}"`:"",m=`<div
 	data-component="fu-widget"
 	data-content-type="list"${d}${f}${h}${p}
-></div>`,g=({title:I})=>u.jsx(b.Tooltip,{title:I,sx:{maxWidth:300},children:u.jsx(ni,{color:"primary"})}),v=()=>u.jsxs(b.Card,{sx:{pb:1,mb:3},children:[u.jsx(xn,{label:t.classicQuizURL,placeholder:"",defaultValue:i,required:!1,size:"md",endDecorator:u.jsx(g,{title:t.quizzesInfoMessage}),onChange:I=>o(I.target.value)}),u.jsx(xn,{label:t.eitherOrURL,placeholder:"",defaultValue:a,required:!1,size:"md",endDecorator:u.jsx(g,{title:t.eitherOrsInfoMessage}),onChange:I=>s(I.target.value)}),u.jsx(xn,{label:t.pollURL,placeholder:"",defaultValue:l,required:!1,size:"md",endDecorator:u.jsx(g,{title:t.pollsInfoMessage}),onChange:I=>c(I.target.value)})]});return u.jsxs(b.Box,{mt:1,children:[u.jsx(fs,{defaultValue:n,label:t.configureURLs,labelPosition:"end",description:"",descriptionColor:"neutral",disabled:!1,onChange:I=>{I===!1&&(o(""),s(""),c("")),r(I)}}),n&&v(),u.jsxs(b.Box,{position:"relative",mb:1,children:[u.jsx(b.Textarea,{value:m,minRows:"5",maxRows:"20",readOnly:!0,onMouseDown:I=>I.preventDefault(),sx:{cursor:"default","&:hover":{cursor:"default"},"& textarea":{cursor:"default"}}}),u.jsx(b.Tooltip,{title:t.copyToClipboard,children:u.jsx(b.Button,{onClick:()=>{navigator.clipboard.writeText(m)},sx:{position:"absolute",top:"10px",right:"10px",zIndex:1},variant:"soft",color:"neutral",children:u.jsx(Oe.ContentCopy,{})})})]}),u.jsx(b.Alert,{variant:"outlined",color:"primary",startDecorator:u.jsx(ni,{}),sx:{mb:1,width:"fit-content"},children:u.jsxs(b.Typography,{color:"primary",fontSize:14,fontWeight:500,children:[t.divElementTextInfo,u.jsx(b.Link,{href:"https://docs.fansunitedmedia.com/docs/user-centric-widgets#/",underline:"always",target:"_blank",rel:"noopener noreferrer",children:"User-centric widgets"})]})})]})},ub=e=>(e==null?void 0:e.map(t=>({id:t.id,value:t.nickname?t.nickname:t.name||`No name ${t.id.slice(0,5)}`,label:t.nickname?t.nickname:t.name||`No name ${t.id.slice(0,5)}`,avatar:t.avatar})))||[],pF={Login:KR,InformationInput:xn,RichText:dc,HeaderButtons:IP,MarketSelection:cL,Accordion:dT,DynamicFields:zP,BasicSelect:hT,BooleanSwitch:fs,Branding:wP,ProfileSearchSelect:PM,RangeCalendar:NP,CompetitionSearchSelect:kM,Related:hL,Images:SR,Duration:$P,DatePickerComponent:no,Flags:xR,Spinner:ds,Tags:Om,Toast:at,AdContent:fT,Match:uL,Winners:yB,CompetitionsSearchSelect:_M,TeamsSearchSelect:DM,CustomSelect:_L,Schedule:wL,NoPermissionCard:FP,CustomFlatpickrCalendar:Qc,ContextSelectFilter:CB,NumberInput:YB,EntityContext:e$,MiniGamesImages:n$,AuthRequirement:r$,SortableList:YN,ItemsPerPageFilter:KN,ImageCard:lo,RelatedRelationship:lF,ExportUsersLeads:cF,SignOutButton:ag,BasicSortableList:dF,WidgetEmbedCode:fF,WidgetListEmbedCode:hF,AdvancedProfileSearchSelect:({labels:e,ids:t,onChange:n})=>{const[r,i]=C.useState([]),[o,a]=C.useState([]),[s,l]=C.useState(""),[c,d]=C.useState("name"),[f,h]=C.useState(!1),[p,m]=C.useState(!1),{sdk:g}=ft(),v=!0,I=()=>m(!p),S=(A,E)=>{i(E);const _=E.map(D=>D.id);n(_&&_.length?_:null)},x=3;C.useEffect(()=>{!s&&t&&t.length&&g.profile.getByIds(t,void 0,v).then(A=>{i(ub(A))}).catch(A=>{I(),console.error(A),i([])})},[]);const w=C.useMemo(()=>Sr((A,E)=>{h(!0),g.profile.getByIds(E==="id"?[A]:[],E==="name"?A:void 0,v).then(_=>{a([...ub(_)]),h(!1)}).catch(_=>{console.error(_),I(),a([]),h(!1)})},300),[]);C.useEffect(()=>{if(!s||s.length<x){a([]);return}return w(s,c),()=>w.cancel()},[s,w,c]);const y=(A,E)=>A.map((_,D)=>{var G;return u.jsx(b.Chip,{variant:"solid",endDecorator:u.jsx(b.ChipDelete,{color:"danger",sx:{marginRight:.5},variant:"plain",onClick:F=>E({index:D}).onClick(F),children:u.jsx(Oe.Close,{fontSize:"small"})}),sx:{marginLeft:"3px",marginY:"1px",backgroundColor:"#e0f3ff",padding:"2px",borderRadius:4,"&:hover":{cursor:"default"}},children:u.jsxs(b.Box,{display:"flex",alignItems:"center",mr:1,children:[u.jsx(b.Avatar,{sx:{width:"1.5rem",height:" 1.5rem",mr:.5,borderRadius:"0.75rem"},src:(G=_.avatar)!=null?G:st.avatar}),u.jsx(b.Typography,{children:_.label})]})},_.id)});return u.jsxs(u.Fragment,{children:[u.jsx(b.Box,{sx:{marginBottom:"16px"},children:u.jsx(b.Autocomplete,{forcePopupIcon:!1,multiple:!0,loading:f,disableClearable:!0,slotProps:{input:{sx:{"&::placeholder":{fontSize:"14px"}}},root:{sx:{boxShadow:"none",backgroundColor:"white",minHeight:38}}},isOptionEqualToValue:(A,E)=>A.id===E.id,endDecorator:u.jsxs(u.Fragment,{children:[f&&u.jsx(b.CircularProgress,{size:"sm",sx:{bgcolor:"primary",marginRight:2}}),u.jsx(b.Divider,{orientation:"vertical"}),u.jsxs(b.Select,{variant:"plain",value:c,onChange:(A,E)=>d(E),slotProps:{listbox:{variant:"outlined"}},sx:{mr:-1.5,"&:hover":{bgcolor:"transparent"}},children:[u.jsx(b.Option,{value:"name",children:e.searchByName}),u.jsx(b.Option,{value:"id",children:e.searchById})]})]}),placeholder:r.length>0?"":e.excludedProfilesPlaceholder,options:o,filterOptions:A=>A.filter(E=>!r.some(_=>_.value===E.value)),onInputChange:(A,E)=>{l(E)},onChange:S,getOptionKey:A=>A.id,value:r,renderTags:y,renderOption:(A,E)=>{var _;return u.jsx(b.AutocompleteOption,q(N({},A),{children:u.jsxs(b.Box,{display:"flex",alignItems:"center",mr:1,children:[u.jsx(b.Avatar,{sx:{width:"1.5rem",height:" 1.5rem",mr:.5,borderRadius:"0.75rem"},src:(_=E.avatar)!=null?_:st.avatar}),u.jsx(b.Typography,{children:E.label})]})}))}})}),u.jsx(at,{showToast:p,message:e.searchProfilesErrorMessage,color:"danger",hideToast:I})]})},FormatNumber:({value:e,style:t})=>{const n=s=>{const l=Math.abs(s);return l>=1e9?(s/1e9).toFixed(1)+"b":l>=1e6?(s/1e6).toFixed(1)+"m":l>=1e3?(s/1e3).toFixed(1)+"k":s.toString()},r=s=>new Intl.NumberFormat("en-US").format(s),i=Math.abs(e)>=1e3,o=n(e),a=r(e);return i?u.jsx(b.Tooltip,{title:a,arrow:!0,children:u.jsx(b.Typography,{style:t,children:o})}):u.jsx(b.Typography,{style:t,children:o})}},db=C.createContext(null),gF=({children:e})=>u.jsx(db.Provider,{value:pF,children:e}),mF=()=>{const e=C.useContext(db);if(!e)throw new Error("useComponentContext must be used within a ComponentProvider");return e},fb=425,hb=1024;return{APIProvider:SI,AuthProvider:AI,AuthContext:zf,ComponentProvider:gF,useComponentContext:mF,useAPIContext:ft,useIsMobile:()=>{const[e,t]=C.useState(window.innerWidth<=hb),[n,r]=C.useState(window.innerWidth<=fb);return C.useLayoutEffect(()=>{const i=()=>{t(window.innerWidth<=hb),r(window.innerWidth<=fb)};return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[]),{isMobile:e,isPhone:n}}}});
+></div>`,g=({title:I})=>u.jsx(b.Tooltip,{title:I,sx:{maxWidth:300},children:u.jsx(ni,{color:"primary"})}),v=()=>u.jsxs(b.Card,{sx:{pb:1,mb:3},children:[u.jsx(xn,{label:t.classicQuizURL,placeholder:"",defaultValue:i,required:!1,size:"md",endDecorator:u.jsx(g,{title:t.quizzesInfoMessage}),onChange:I=>o(I.target.value)}),u.jsx(xn,{label:t.eitherOrURL,placeholder:"",defaultValue:a,required:!1,size:"md",endDecorator:u.jsx(g,{title:t.eitherOrsInfoMessage}),onChange:I=>s(I.target.value)}),u.jsx(xn,{label:t.pollURL,placeholder:"",defaultValue:l,required:!1,size:"md",endDecorator:u.jsx(g,{title:t.pollsInfoMessage}),onChange:I=>c(I.target.value)})]});return u.jsxs(b.Box,{mt:1,children:[u.jsx(fs,{defaultValue:n,label:t.configureURLs,labelPosition:"end",description:"",descriptionColor:"neutral",disabled:!1,onChange:I=>{I===!1&&(o(""),s(""),c("")),r(I)}}),n&&v(),u.jsxs(b.Box,{position:"relative",mb:1,children:[u.jsx(b.Textarea,{value:m,minRows:"5",maxRows:"20",readOnly:!0,onMouseDown:I=>I.preventDefault(),sx:{cursor:"default","&:hover":{cursor:"default"},"& textarea":{cursor:"default"}}}),u.jsx(b.Tooltip,{title:t.copyToClipboard,children:u.jsx(b.Button,{onClick:()=>{navigator.clipboard.writeText(m)},sx:{position:"absolute",top:"10px",right:"10px",zIndex:1},variant:"soft",color:"neutral",children:u.jsx(Oe.ContentCopy,{})})})]}),u.jsx(b.Alert,{variant:"outlined",color:"primary",startDecorator:u.jsx(ni,{}),sx:{mb:1,width:"fit-content"},children:u.jsxs(b.Typography,{color:"primary",fontSize:14,fontWeight:500,children:[t.divElementTextInfo,u.jsx(b.Link,{href:"https://docs.fansunitedmedia.com/docs/user-centric-widgets#/",underline:"always",target:"_blank",rel:"noopener noreferrer",children:"User-centric widgets"})]})})]})},ub=e=>(e==null?void 0:e.map(t=>({id:t.id,value:t.nickname?t.nickname:t.name||`No name ${t.id.slice(0,5)}`,label:t.nickname?t.nickname:t.name||`No name ${t.id.slice(0,5)}`,avatar:t.avatar})))||[],pF={Login:KR,InformationInput:xn,RichText:dc,HeaderButtons:IP,MarketSelection:cL,Accordion:dT,DynamicFields:zP,BasicSelect:hT,BooleanSwitch:fs,Branding:wP,ProfileSearchSelect:PM,RangeCalendar:NP,CompetitionSearchSelect:kM,Related:hL,Images:SR,Duration:$P,DatePickerComponent:no,Flags:xR,Spinner:ds,Tags:Om,Toast:at,AdContent:fT,Match:uL,Winners:yB,CompetitionsSearchSelect:_M,TeamsSearchSelect:DM,CustomSelect:_L,Schedule:wL,NoPermissionCard:FP,CustomFlatpickrCalendar:Qc,ContextSelectFilter:CB,NumberInput:YB,EntityContext:e$,MiniGamesImages:n$,AuthRequirement:r$,SortableList:YN,ItemsPerPageFilter:KN,ImageCard:lo,RelatedRelationship:lF,ExportUsersLeads:cF,SignOutButton:ag,BasicSortableList:dF,WidgetEmbedCode:fF,WidgetListEmbedCode:hF,AdvancedProfileSearchSelect:({labels:e,ids:t,onChange:n})=>{const[r,i]=C.useState([]),[o,a]=C.useState([]),[s,l]=C.useState(""),[c,d]=C.useState("name"),[f,h]=C.useState(!1),[p,m]=C.useState(!1),{sdk:g}=ft(),v=!0,I=()=>m(!p),S=(A,E)=>{i(E);const _=E.map(D=>D.id);n(_&&_.length?_:null)},x=3;C.useEffect(()=>{!s&&t&&t.length&&g.profile.getByIds(t,void 0,v).then(A=>{i(ub(A))}).catch(A=>{I(),console.error(A),i([])})},[]);const w=C.useMemo(()=>Sr((A,E)=>{h(!0),g.profile.getByIds(E==="id"?[A]:[],E==="name"?A:void 0,v).then(_=>{a([...ub(_)]),h(!1)}).catch(_=>{console.error(_),I(),a([]),h(!1)})},300),[]);C.useEffect(()=>{if(!s||s.length<x){a([]);return}return w(s,c),()=>w.cancel()},[s,w,c]);const y=(A,E)=>A.map((_,D)=>{var G;return u.jsx(b.Chip,{variant:"solid",endDecorator:u.jsx(b.ChipDelete,{color:"danger",sx:{marginRight:.5},variant:"plain",onClick:F=>E({index:D}).onClick(F),children:u.jsx(Oe.Close,{fontSize:"small"})}),sx:{marginLeft:"3px",marginY:"1px",backgroundColor:"#e0f3ff",padding:"2px",borderRadius:4,"&:hover":{cursor:"default"}},children:u.jsxs(b.Box,{display:"flex",alignItems:"center",mr:1,children:[u.jsx(b.Avatar,{sx:{width:"1.5rem",height:" 1.5rem",mr:.5,borderRadius:"0.75rem"},src:(G=_.avatar)!=null?G:st.avatar}),u.jsx(b.Typography,{children:_.label})]})},_.id)});return u.jsxs(u.Fragment,{children:[u.jsx(b.Box,{sx:{marginBottom:"16px"},children:u.jsx(b.Autocomplete,{forcePopupIcon:!1,multiple:!0,loading:f,disableClearable:!0,slotProps:{input:{sx:{"&::placeholder":{fontSize:"14px"}}},root:{sx:{boxShadow:"none",backgroundColor:"white",minHeight:38}}},isOptionEqualToValue:(A,E)=>A.id===E.id,endDecorator:u.jsxs(u.Fragment,{children:[f&&u.jsx(b.CircularProgress,{size:"sm",sx:{bgcolor:"primary",marginRight:2}}),u.jsx(b.Divider,{orientation:"vertical"}),u.jsxs(b.Select,{variant:"plain",value:c,onChange:(A,E)=>d(E),slotProps:{listbox:{variant:"outlined"}},sx:{mr:-1.5,"&:hover":{bgcolor:"transparent"}},children:[u.jsx(b.Option,{value:"name",children:e.searchByName}),u.jsx(b.Option,{value:"id",children:e.searchById})]})]}),placeholder:r.length>0?"":e.excludedProfilesPlaceholder,options:o,filterOptions:A=>A.filter(E=>!r.some(_=>_.value===E.value)),onInputChange:(A,E)=>{l(E)},onChange:S,getOptionKey:A=>A.id,value:r,renderTags:y,renderOption:(A,E)=>{var _;return u.jsx(b.AutocompleteOption,q(N({},A),{children:u.jsxs(b.Box,{display:"flex",alignItems:"center",mr:1,children:[u.jsx(b.Avatar,{sx:{width:"1.5rem",height:" 1.5rem",mr:.5,borderRadius:"0.75rem"},src:(_=E.avatar)!=null?_:st.avatar}),u.jsx(b.Typography,{children:E.label})]})}))}})}),u.jsx(at,{showToast:p,message:e.searchProfilesErrorMessage,color:"danger",hideToast:I})]})},FormatNumber:({value:e,sx:t,tooltipPlacement:n})=>{const r=l=>{const c=Math.abs(l);return c>=1e9?(l/1e9).toFixed(1)+"b":c>=1e6?(l/1e6).toFixed(1)+"m":c>=1e3?(l/1e3).toFixed(1)+"k":l.toString()},i=l=>new Intl.NumberFormat("en-US").format(l),o=Math.abs(e)>=1e3,a=r(e),s=i(e);return o?u.jsx(b.Tooltip,{title:s,placement:n,arrow:!0,children:u.jsx(b.Typography,{sx:t,children:a})}):u.jsx(b.Typography,{sx:t,children:a})}},db=C.createContext(null),gF=({children:e})=>u.jsx(db.Provider,{value:pF,children:e}),mF=()=>{const e=C.useContext(db);if(!e)throw new Error("useComponentContext must be used within a ComponentProvider");return e},fb=425,hb=1024;return{APIProvider:SI,AuthProvider:AI,AuthContext:zf,ComponentProvider:gF,useComponentContext:mF,useAPIContext:ft,useIsMobile:()=>{const[e,t]=C.useState(window.innerWidth<=hb),[n,r]=C.useState(window.innerWidth<=fb);return C.useLayoutEffect(()=>{const i=()=>{t(window.innerWidth<=hb),r(window.innerWidth<=fb)};return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[]),{isMobile:e,isPhone:n}}}});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fansunited-management-components",
-	"version": "1.43.0-RC4",
+	"version": "1.43.0-RC6",
 	"main": "index.es.js",
 	"author": "Fans United",
 	"description": "",

package/src/components/Utils/FormatNumber.d.ts

@@ -1,8 +1,10 @@
 import { default as React } from 'react';
+import { SxProps } from '@mui/material';
 
 interface FormatNumberProps {
     value: number;
-    style?: React.CSSProperties;
+    sx?: SxProps;
+    tooltipPlacement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
 }
 declare const FormatNumber: React.FC<FormatNumberProps>;
 export default FormatNumber;