fansunited-widget-client-configuration 1.1.0 → 1.2.0

package/configuration-manager.es.js

@@ -77671,6 +77671,7 @@ const Rl = {
   el: "Greek",
   es: "Spanish",
   fr: "French",
+  hi: "Hindi",
   hu: "Hungarian",
   it: "Italian",
   nl: "Dutch",

package/configuration-manager.umd.js

@@ -3636,4 +3636,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"${u}${d}${p}${h}
-></div>`,f=({title:w})=>A.jsx(vt,{title:w,sx:{maxWidth:300},children:A.jsx(Vs,{color:"primary"})}),v=()=>A.jsxs(tn,{sx:{pb:1,mb:3},children:[A.jsx(Oi,{label:e.classicQuizURL,placeholder:"",defaultValue:i,required:!1,size:"md",endDecorator:A.jsx(f,{title:e.quizzesInfoMessage}),onChange:w=>a(w.target.value)}),A.jsx(Oi,{label:e.eitherOrURL,placeholder:"",defaultValue:o,required:!1,size:"md",endDecorator:A.jsx(f,{title:e.eitherOrsInfoMessage}),onChange:w=>s(w.target.value)}),A.jsx(Oi,{label:e.pollURL,placeholder:"",defaultValue:l,required:!1,size:"md",endDecorator:A.jsx(f,{title:e.pollsInfoMessage}),onChange:w=>c(w.target.value)})]});return A.jsxs(Re,{mt:1,children:[A.jsx(If,{defaultValue:t,label:e.configureURLs,labelPosition:"end",description:"",descriptionColor:"neutral",disabled:!1,onChange:w=>{w===!1&&(a(""),s(""),c("")),n(w)}}),t&&v(),A.jsxs(Re,{position:"relative",mb:1,children:[A.jsx(Cy,{value:m,minRows:"5",maxRows:"20",readOnly:!0,onMouseDown:w=>w.preventDefault(),sx:{cursor:"default","&:hover":{cursor:"default"},"& textarea":{cursor:"default"}}}),A.jsx(vt,{title:e.copyToClipboard,children:A.jsx(bt,{onClick:()=>{navigator.clipboard.writeText(m)},sx:{position:"absolute",top:"10px",right:"10px",zIndex:1},variant:"soft",color:"neutral",children:A.jsx(bp,{})})})]}),A.jsx(q1,{variant:"outlined",color:"primary",startDecorator:A.jsx(Vs,{}),sx:{mb:1,width:"fit-content"},children:A.jsxs(Ve,{color:"primary",fontSize:14,fontWeight:500,children:[e.divElementTextInfo,A.jsx(rs,{href:"https://docs.fansunitedmedia.com/docs/user-centric-widgets#/",underline:"always",target:"_blank",rel:"noopener noreferrer",children:"User-centric widgets"})]})})]})},NL=r=>r?.map(e=>({id:e.id,value:e.nickname?e.nickname:e.name||`No name ${e.id.slice(0,5)}`,label:e.nickname?e.nickname:e.name||`No name ${e.id.slice(0,5)}`,avatar:e.avatar}))||[],lxe=({labels:r,ids:e,onChange:t})=>{const[n,i]=z.useState([]),[a,o]=z.useState([]),[s,l]=z.useState(""),[c,u]=z.useState("name"),[d,p]=z.useState(!1),[h,m]=z.useState(!1),{sdk:f}=Tr(),v=!0,w=()=>m(!h),y=(C,I)=>{i(I);const S=I.map(P=>P.id);t(S&&S.length?S:null)},g=3;z.useEffect(()=>{!s&&e&&e.length&&f.profile.getByIds(e,void 0,v).then(C=>{i(NL(C))}).catch(C=>{w(),console.error(C),i([])})},[]);const x=z.useMemo(()=>Oo((C,I)=>{p(!0),f.profile.getByIds(I==="id"?[C]:[],I==="name"?C:void 0,v).then(S=>{o([...NL(S)]),p(!1)}).catch(S=>{console.error(S),w(),o([]),p(!1)})},300),[]);z.useEffect(()=>{if(!s||s.length<g){o([]);return}return x(s,c),()=>x.cancel()},[s,x,c]);const b=(C,I)=>C.map((S,P)=>{var _;return A.jsx(xr,{variant:"solid",endDecorator:A.jsx(Sa,{color:"danger",sx:{marginRight:.5},variant:"plain",onClick:k=>I({index:P}).onClick(k),children:A.jsx(po,{fontSize:"small"})}),sx:{marginLeft:"3px",marginY:"1px",backgroundColor:"#e0f3ff",padding:"2px",borderRadius:4,"&:hover":{cursor:"default"}},children:A.jsxs(Re,{display:"flex",alignItems:"center",mr:1,children:[A.jsx(pn,{sx:{width:"1.5rem",height:" 1.5rem",mr:.5,borderRadius:"0.75rem"},src:(_=S.avatar)!=null?_:vr.avatar}),A.jsx(Ve,{children:S.label})]})},S.id)});return A.jsxs(A.Fragment,{children:[A.jsx(Re,{sx:{marginBottom:"16px"},children:A.jsx(lo,{forcePopupIcon:!1,multiple:!0,loading:d,disableClearable:!0,slotProps:{input:{sx:{"&::placeholder":{fontSize:"14px"}}},root:{sx:{boxShadow:"none",backgroundColor:"white",minHeight:38}}},isOptionEqualToValue:(C,I)=>C.id===I.id,endDecorator:A.jsxs(A.Fragment,{children:[d&&A.jsx(jn,{size:"sm",sx:{bgcolor:"primary",marginRight:2}}),A.jsx(ts,{orientation:"vertical"}),A.jsxs(Kr,{variant:"plain",value:c,onChange:(C,I)=>u(I),slotProps:{listbox:{variant:"outlined"}},sx:{mr:-1.5,"&:hover":{bgcolor:"transparent"}},children:[A.jsx(Cr,{value:"name",children:r.searchByName}),A.jsx(Cr,{value:"id",children:r.searchById})]})]}),placeholder:n.length>0?"":r.excludedProfilesPlaceholder,options:a,filterOptions:C=>C.filter(I=>!n.some(S=>S.value===I.value)),onInputChange:(C,I)=>{l(I)},onChange:y,getOptionKey:C=>C.id,value:n,renderTags:b,renderOption:(C,I)=>{var S;return A.jsx(so,le(re({},C),{children:A.jsxs(Re,{display:"flex",alignItems:"center",mr:1,children:[A.jsx(pn,{sx:{width:"1.5rem",height:" 1.5rem",mr:.5,borderRadius:"0.75rem"},src:(S=I.avatar)!=null?S:vr.avatar}),A.jsx(Ve,{children:I.label})]})}))}})}),A.jsx(gr,{showToast:h,message:r.searchProfilesErrorMessage,color:"danger",hideToast:w})]})},cxe={Login:Hme,InformationInput:Oi,RichText:O0,HeaderButtons:gpe,MarketSelection:nge,Accordion:tle,DynamicFields:Mpe,BasicSelect:nle,BooleanSwitch:If,Branding:mpe,ProfileSearchSelect:_ve,RangeCalendar:Rpe,CompetitionSearchSelect:Cve,Related:sge,Images:yme,Duration:Ope,DatePickerComponent:cu,Flags:fme,Spinner:Cf,Tags:aM,Toast:gr,AdContent:rle,Match:ige,Winners:pbe,CompetitionsSearchSelect:Ive,TeamsSearchSelect:Sve,CustomSelect:Ige,Schedule:gge,NoPermissionCard:Dpe,CustomFlatpickrCalendar:fw,ContextSelectFilter:fbe,NumberInput:Bbe,EntityContext:Gbe,MiniGamesImages:Ybe,AuthRequirement:Jbe,SortableList:zwe,ItemsPerPageFilter:Hwe,ImageCard:mu,RelatedRelationship:rxe,ExportUsersLeads:nxe,SignOutButton:DR,BasicSortableList:axe,WidgetEmbedCode:oxe,WidgetListEmbedCode:sxe,AdvancedProfileSearchSelect:lxe},FL=z.createContext(null),uxe=({children:r})=>A.jsx(FL.Provider,{value:cxe,children:r}),dxe=()=>{const r=z.useContext(FL);if(!r)throw new Error("useComponentContext must be used within a ComponentProvider");return r},jL=425,BL=1024,pxe=()=>{const[r,e]=z.useState(window.innerWidth<=BL),[t,n]=z.useState(window.innerWidth<=jL);return z.useLayoutEffect(()=>{const i=()=>{e(window.innerWidth<=BL),n(window.innerWidth<=jL)};return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[]),{isMobile:r,isPhone:t}},il={APIProvider:mie,AuthProvider:gie,AuthContext:hE,ComponentProvider:uxe,useComponentContext:dxe,useAPIContext:Tr,useIsMobile:pxe};class hxe{clientConfigErrorMessage;userNotFound;signOut;language;profilePreferences;cacheTTL;footballAssets;soon;update;configTitle;configDescription;configLanguageTitle;defaultLanguage;defaultLanguageHelperText;availableLanguages;availableLanguagesHelperText;translationRules;translationRulesHelperText;gameStatus;active;inactive;updateConfigMessage;updateConfigErrorMessage;categories;delete;id;name;addCategory;preferences;addPreference;selectCategories;constructor(e){this.clientConfigErrorMessage=e?.clientConfigErrorMessage||"There was a problem fetching client's configuration. Please try again",this.userNotFound=e?.userNotFound||"User not found. Please try again.",this.language=e?.language||"Language",this.profilePreferences=e?.profilePreferences||"Profile preferences",this.cacheTTL=e?.cacheTTL||"Cache TTL",this.footballAssets=e?.footballAssets||"Football Assets",this.soon=e?.soon||"Soon",this.update=e?.update||"Update Configuration",this.configTitle=e?.configTitle||"Configure Fans United",this.configDescription=e?.configDescription||"Customize different features of Fans United",this.defaultLanguage=e?.defaultLanguage||"Default language",this.defaultLanguageHelperText=e?.defaultLanguageHelperText||"What is the default language of your content? This field, if different from English, would be used in our translation tools.",this.availableLanguages=e?.availableLanguages||"Available languages",this.availableLanguagesHelperText=e?.availableLanguagesHelperText||"In case your project is multi-lingual, select the available languages for your app.",this.translationRules=e?.translationRules||"Translation rules",this.translationRulesHelperText=e?.translationRulesHelperText||"Select the default status when a game is automatically translated.",this.gameStatus=e?.gameStatus||"Game status",this.active=e?.active||"Active",this.inactive=e?.inactive||"Inactive",this.updateConfigMessage=e?.updateConfigMessage||"You have successfully updated Language configuration",this.updateConfigErrorMessage=e?.updateConfigErrorMessage||"There was a problem updating configuration. Please try again",this.categories=e?.categories||"Categories",this.delete=e?.delete||"Delete",this.id=e?.id||"ID",this.name=e?.name||"Name",this.addCategory=e?.addCategory||"Add Category",this.preferences=e?.preferences||"Preferences",this.addPreference=e?.addPreference||"Add Preference",this.selectCategories=e?.selectCategories||"Select categories for new preference"}}const Pu=z.createContext(null),fxe=({labels:r,children:e})=>{const t=new hxe(r);return Y.jsx(Pu.Provider,{value:t,children:e})},mxe=({children:r})=>Y.jsx(Re,{width:"100%",sx:{backgroundColor:"#fff"},children:r});function Qw(r){const e=z.useContext(r);if(e===void 0)throw new Error("Context was used outside of its Provider");return e}const Eu={ar:"Arabic",bg:"Bulgarian",da:"Danish",de:"German",en:"English",el:"Greek",es:"Spanish",fr:"French",hu:"Hungarian",it:"Italian",nl:"Dutch",pt:"Portuguese","pt-br":"Brazilian(Portuguese)",ro:"Romanian",sk:"Slovak",sr:"Serbian",sv:"Swedish",sw:"Swahili"},gxe=()=>{const[r,e]=z.useState(null),[t,n]=z.useState(!1),[i,a]=z.useState(!1),[o,s]=z.useState(!1),[l,c]=z.useState("danger"),[u,d]=z.useState(""),p=Qw(Pu),h=z.useRef(null),{Spinner:m,Toast:f}=il.useComponentContext(),{https:v}=il.useAPIContext(),w=(_,k)=>{c(_),d(k),s(!0)};z.useEffect(()=>{async function _(){n(!0);const k=await v.getLanguageConfig();if(k.ok){const T=await k.json();e(T.data),n(!1)}else n(!1),console.error(p.clientConfigErrorMessage,await k.json()),w("danger",p.clientConfigErrorMessage)}_()},[]);const y=async()=>{a(!0);const _=await v.updateLanguageConfig({...r});_.ok?(a(!1),w("success",p.updateConfigMessage)):(a(!1),console.error(p.updateConfigErrorMessage,await _.json()),w("danger",p.updateConfigErrorMessage))},g=_=>{let k=[...r.available_languages],T={...r.translation_rules};_||(k=new Array,T={}),k.includes(_)&&(k=k.filter(E=>E!==_),delete T[_]),_&&!k.includes(_)&&(delete T[r.default_language],T[_]={game_status:"INACTIVE"}),e({default_language:_,available_languages:k,translation_rules:Object.keys(T).length>0?T:null})},x=_=>{let k=[...r.available_languages],T={...r.translation_rules};k.includes(_)?(k=k.filter(E=>E!==_),delete T[_]):(k.push(_),T[_]={game_status:"INACTIVE"}),e({default_language:r.default_language,available_languages:k,translation_rules:Object.keys(T).length>0?T:null})},b=_=>{let k={...r.translation_rules,[_.language]:{game_status:_.value}};e({default_language:r.default_language,available_languages:r.available_languages,translation_rules:k})},C=()=>Y.jsxs(Re,{sx:{mt:2},children:[Y.jsx(Ve,{level:"title-sm",children:p.defaultLanguage}),Y.jsx(Bi,{children:p.defaultLanguageHelperText}),Y.jsx(Kr,{value:r?.default_language,size:"sm",name:"defaultLanguage",slotProps:{button:{sx:{whiteSpace:"nowrap"}}},onChange:(_,k)=>{g(k)},sx:{mt:1,minHeight:"37px",backgroundColor:"white",width:200},...r?.default_language&&{endDecorator:Y.jsx(Ur,{variant:"plain",color:"neutral",onMouseDown:_=>{_.stopPropagation()},onClick:()=>{g(null),h.current?.focusVisible()},sx:{width:"18px",height:"18px"},children:Y.jsx(pJ,{})}),indicator:null},children:Object.keys(Eu).map(_=>Y.jsx(Cr,{value:_,children:Eu[_]},_))})]}),I=()=>Y.jsxs(Re,{my:4,children:[Y.jsx(Ve,{level:"title-sm",children:p.availableLanguages}),Y.jsx(Bi,{children:p.availableLanguagesHelperText}),Y.jsx(Re,{mt:1,sx:{display:{xs:"flex",md:"block"},flexDirection:"column"},children:Object.keys(Eu).map(_=>Y.jsx(i7,{sx:{m:1,"& .MuiCheckbox-checkbox":{backgroundColor:"white","&:hover":{backgroundColor:"#f0f4f8"}},"& .MuiCheckbox-checkbox.Mui-checked":{backgroundColor:"#0066CC"}},checked:r.default_language===_||r?.available_languages.includes(_),disabled:!r.default_language||r.default_language===_,label:Eu[_],onChange:()=>x(_)},_))})]}),S=_=>Y.jsxs("tr",{children:[Y.jsx("td",{children:Y.jsx(Ve,{level:"body-sm",children:Eu[_]})}),Y.jsx("td",{children:Y.jsxs(Kr,{value:r.translation_rules[_].game_status,size:"sm",name:"sortBy",onChange:(k,T)=>{b({language:_,value:T})},sx:{my:.5,minHeight:"37px",backgroundColor:"white"},children:[Y.jsx(Cr,{value:"ACTIVE",children:p.active},"option-active"),Y.jsx(Cr,{value:"INACTIVE",children:p.inactive},"option-inactive")]})})]},`${_}-rule`),P=()=>Y.jsxs(Re,{my:4,children:[Y.jsx(Ve,{level:"title-sm",children:p.translationRules}),Y.jsx(Bi,{children:p.translationRulesHelperText}),Y.jsx(rp,{sx:{mt:1},children:Y.jsxs(np,{variant:"outlined",hoverRow:!1,borderAxis:"bothBetween",size:"sm",sx:{backgroundColor:"#fff","& > thead > tr > th:first-child, & > tbody > tr > td:first-child":{textAlign:"left",width:"50%"},"--TableCell-paddingX":"0.5rem",cursor:"default","& > tbody > tr:hover":{backgroundColor:"transparent"},"& > thead > tr > th":{backgroundColor:"#fff",verticalAlign:"middle"},"& > thead > tr > th, & > tbody > tr > td":{textAlign:"right"}},children:[Y.jsx("thead",{children:Y.jsxs("tr",{children:[Y.jsx("th",{children:p.language}),Y.jsx("th",{children:p.gameStatus})]})}),Y.jsx("tbody",{children:[r.default_language,...r.available_languages].map(_=>S(_))})]})})]});return t?Y.jsx(m,{my:30}):!t&&r?Y.jsxs(Re,{children:[C(),I(),r.default_language&&P(),Y.jsx(Re,{textAlign:"center",children:Y.jsx(bt,{onClick:y,loading:i,children:p.update})}),Y.jsx(f,{showToast:o,color:l,message:u,hideToast:()=>s(!o)})]}):Y.jsx(Y.Fragment,{})},vxe=()=>{const[r,e]=z.useState([]),[t,n]=z.useState({id:"",display_name:""}),[i,a]=z.useState([]),[o,s]=z.useState({id:"",display_name:"",categories:[]}),[l,c]=z.useState(!1),[u,d]=z.useState(!1),[p,h]=z.useState(!1),[m,f]=z.useState("danger"),[v,w]=z.useState(""),y=Qw(Pu),{Spinner:g,Toast:x}=il.useComponentContext(),{https:b}=il.useAPIContext(),C=(O,L)=>{f(O),w(L),h(!0)};z.useEffect(()=>{async function O(){c(!0);const L=await b.getEntityFeature("profile_preferences");if(L.ok){const N=await L.json();e(N.data.categories),a(N.data.preferences),c(!1)}else c(!1),console.error(y.clientConfigErrorMessage,await L.json()),C("danger",y.clientConfigErrorMessage)}O()},[]);const I=async()=>{d(!0);const O=await b.updateProfilePreferences({preferences:i,categories:r});O.ok?(d(!1),C("success",y.updateConfigMessage)):(d(!1),console.error(y.updateConfigErrorMessage,await O.json()),C("danger",y.updateConfigErrorMessage))},S=()=>{e([...r,t]),n({id:"",display_name:""})},P=O=>{e(r.filter(L=>L.id!==O)),a(i.map(L=>({...L,categories:L.categories.filter(N=>N!==O)})))},_=()=>{a([...i,o]),s({id:"",display_name:"",categories:[]})},k=O=>{a(i.filter(L=>L.id!==O))},T=(O,L)=>{a(i.map(N=>{if(N.id===O){const W=N.categories.includes(L)?N.categories.filter(V=>V!==L):[...N.categories,L];return{...N,categories:W}}return N}))},E=()=>Y.jsx(ii,{xs:12,md:6,children:Y.jsx(tn,{variant:"outlined",children:Y.jsxs(ji,{children:[Y.jsx(Ve,{level:"title-md",sx:{mb:1},children:y.categories}),Y.jsx(ts,{sx:{mb:2}}),Y.jsx(co,{spacing:1,direction:"row",flexWrap:"wrap",useFlexGap:!0,sx:{mb:r.length>0?2:0},children:r.map(O=>Y.jsx(xr,{variant:"soft",color:"primary",sx:{"& .MuiChip-endDecorator":{cursor:"pointer",pointerEvents:"all"}},endDecorator:Y.jsx(vt,{title:y.delete,placement:"top",children:Y.jsx(Ur,{variant:"plain",size:"sm",color:"neutral",onClick:()=>P(O.id),sx:{":hover":{color:"#C41C1C",backgroundColor:"transparent"}},children:Y.jsx(bc,{fontSize:"small"})})}),children:O.display_name},O.id))}),Y.jsxs(Re,{sx:{display:"flex",gap:1,flexWrap:"wrap",alignItems:"flex-start"},children:[Y.jsxs($t,{size:"sm",children:[Y.jsx(Nt,{required:!0,children:y.id}),Y.jsx(Bn,{placeholder:"",value:t.id,onChange:O=>n({...t,id:O.target.value})})]}),Y.jsxs($t,{size:"sm",children:[Y.jsx(Nt,{required:!0,children:y.name}),Y.jsx(Bn,{placeholder:"",value:t.display_name,onChange:O=>n({...t,display_name:O.target.value})})]}),Y.jsx(bt,{sx:{mt:"auto"},size:"sm",startDecorator:Y.jsx(yc,{}),disabled:!t.id||!t.display_name,onClick:S,children:y.addCategory})]})]})})}),M=()=>Y.jsx(ii,{xs:12,md:6,children:Y.jsx(tn,{variant:"outlined",children:Y.jsxs(ji,{children:[Y.jsx(Ve,{level:"title-md",sx:{mb:1},children:y.preferences}),Y.jsx(ts,{sx:{mb:2}}),Y.jsx(ii,{container:!0,spacing:1,sx:{mb:i.length>0?2:0},children:i.map(O=>Y.jsx(ii,{xs:12,md:6,lg:4,children:Y.jsx(tn,{variant:"soft",size:"sm",children:Y.jsxs(ji,{children:[Y.jsxs(Re,{sx:{display:"flex",justifyContent:"space-between"},children:[Y.jsx(Ve,{level:"title-sm",children:O.display_name}),Y.jsx(vt,{title:y.delete,placement:"top",children:Y.jsx(Ur,{variant:"plain",size:"sm",color:"neutral",onClick:()=>k(O.id),sx:{"& .MuiChip-endDecorator":{cursor:"pointer",pointerEvents:"all"},":hover":{color:"#C41C1C",backgroundColor:"transparent"}},children:Y.jsx(bc,{fontSize:"small"})})})]}),Y.jsxs(Re,{children:[Y.jsxs(Ve,{level:"body-xs",sx:{mb:1},children:[y.categories,":"]}),Y.jsx(co,{direction:"row",spacing:1,flexWrap:"wrap",useFlexGap:!0,children:r.map(L=>Y.jsx(xr,{size:"sm",variant:O.categories.includes(L.id)?"solid":"outlined",color:O.categories.includes(L.id)?"primary":"neutral",onClick:()=>T(O.id,L.id),children:L.display_name},L.id))})]})]})})},O.id))}),Y.jsxs(Re,{sx:{display:"flex",gap:1,flexWrap:"wrap",alignItems:"flex-start",mb:.5},children:[Y.jsxs($t,{size:"sm",children:[Y.jsx(Nt,{required:!0,children:y.id}),Y.jsx(Bn,{placeholder:"",value:o.id,onChange:O=>s({...o,id:O.target.value})})]}),Y.jsxs($t,{size:"sm",children:[Y.jsx(Nt,{required:!0,children:y.name}),Y.jsx(Bn,{placeholder:"",value:o.display_name,onChange:O=>s({...o,display_name:O.target.value})})]}),Y.jsx(bt,{sx:{mt:"auto"},size:"sm",startDecorator:Y.jsx(yc,{}),disabled:!o.id||!o.display_name,onClick:_,children:y.addPreference})]}),Y.jsxs(Re,{children:[Y.jsxs(Ve,{level:"body-sm",mb:1,children:[y.selectCategories,":"]}),Y.jsx(co,{direction:"row",spacing:1,flexWrap:"wrap",useFlexGap:!0,children:r.map(O=>Y.jsx(xr,{size:"sm",variant:o.categories.includes(O.id)?"solid":"outlined",color:o.categories.includes(O.id)?"primary":"neutral",onClick:()=>s({...o,categories:o.categories.includes(O.id)?o.categories.filter(L=>L!==O.id):[...o.categories,O.id]}),children:O.display_name},O.id))})]})]})})});return l?Y.jsx(g,{my:30}):Y.jsxs(Y.Fragment,{children:[Y.jsxs(ii,{container:!0,spacing:2,mb:4,mt:2,children:[E(),M()]}),Y.jsx(Re,{textAlign:"center",children:Y.jsx(bt,{onClick:I,loading:u,children:y.update})}),Y.jsx(x,{showToast:p,color:m,message:v,hideToast:()=>h(!p)})]})},yxe=()=>{const r=Qw(Pu);return Y.jsxs(Y.Fragment,{children:[Y.jsxs(Re,{m:1,children:[Y.jsx(Ve,{level:"h3",children:r.configTitle}),Y.jsx(Bi,{children:r.configDescription})]}),Y.jsx(tn,{variant:"plain",children:Y.jsxs(MT,{"aria-label":"Configurations",defaultValue:0,sx:{"@media (max-width: 899px)":{"& .MuiTabList-root":{flexDirection:"column"}}},children:[Y.jsxs(DT,{children:[Y.jsx(ns,{disableIndicator:!0,children:r.language}),Y.jsx(ns,{disableIndicator:!0,children:r.profilePreferences}),Y.jsxs(ns,{disableIndicator:!0,disabled:!0,children:[r.cacheTTL,Y.jsx(xr,{size:"sm",variant:"solid",color:"primary",children:r.soon})]}),Y.jsxs(ns,{disableIndicator:!0,disabled:!0,children:[r.footballAssets,Y.jsx(xr,{size:"sm",variant:"solid",color:"primary",children:r.soon})]})]}),Y.jsx(ip,{value:0,children:Y.jsx(gxe,{})}),Y.jsx(ip,{value:1,children:Y.jsx(vxe,{})})]})})]})},bxe=({fansUnitedEnvironment:r})=>{const{AuthContext:e,useComponentContext:t}=il,n=z.useContext(e),i=z.useContext(Pu),{Login:a}=t();return n?Y.jsx(mxe,{children:Y.jsx(yxe,{})}):Y.jsx(a,{environment:r,userNotFound:i.userNotFound})},wxe=r=>{const e={apiKey:r.fansUnitedApiKey,clientId:r.fansUnitedClientId,environment:r.fansUnitedEnvironment,language:r.fansUnitedLanguage,errorHandlingMode:"standard",sportal365Project:"",sportal365Infrastructure:""},{AuthProvider:t,APIProvider:n,ComponentProvider:i}=il;return Y.jsx(t,{environment:r.fansUnitedEnvironment,children:Y.jsx(fxe,{labels:r.labels,children:Y.jsx(n,{config:e,children:Y.jsx(i,{children:Y.jsx(bxe,{fansUnitedEnvironment:r.fansUnitedEnvironment,hideSignOutButton:r.hideSignOutButton})})})})})};ha.ConfigurationManager=wxe,Object.defineProperty(ha,Symbol.toStringTag,{value:"Module"})});
+></div>`,f=({title:w})=>A.jsx(vt,{title:w,sx:{maxWidth:300},children:A.jsx(Vs,{color:"primary"})}),v=()=>A.jsxs(tn,{sx:{pb:1,mb:3},children:[A.jsx(Oi,{label:e.classicQuizURL,placeholder:"",defaultValue:i,required:!1,size:"md",endDecorator:A.jsx(f,{title:e.quizzesInfoMessage}),onChange:w=>a(w.target.value)}),A.jsx(Oi,{label:e.eitherOrURL,placeholder:"",defaultValue:o,required:!1,size:"md",endDecorator:A.jsx(f,{title:e.eitherOrsInfoMessage}),onChange:w=>s(w.target.value)}),A.jsx(Oi,{label:e.pollURL,placeholder:"",defaultValue:l,required:!1,size:"md",endDecorator:A.jsx(f,{title:e.pollsInfoMessage}),onChange:w=>c(w.target.value)})]});return A.jsxs(Re,{mt:1,children:[A.jsx(If,{defaultValue:t,label:e.configureURLs,labelPosition:"end",description:"",descriptionColor:"neutral",disabled:!1,onChange:w=>{w===!1&&(a(""),s(""),c("")),n(w)}}),t&&v(),A.jsxs(Re,{position:"relative",mb:1,children:[A.jsx(Cy,{value:m,minRows:"5",maxRows:"20",readOnly:!0,onMouseDown:w=>w.preventDefault(),sx:{cursor:"default","&:hover":{cursor:"default"},"& textarea":{cursor:"default"}}}),A.jsx(vt,{title:e.copyToClipboard,children:A.jsx(bt,{onClick:()=>{navigator.clipboard.writeText(m)},sx:{position:"absolute",top:"10px",right:"10px",zIndex:1},variant:"soft",color:"neutral",children:A.jsx(bp,{})})})]}),A.jsx(q1,{variant:"outlined",color:"primary",startDecorator:A.jsx(Vs,{}),sx:{mb:1,width:"fit-content"},children:A.jsxs(Ve,{color:"primary",fontSize:14,fontWeight:500,children:[e.divElementTextInfo,A.jsx(rs,{href:"https://docs.fansunitedmedia.com/docs/user-centric-widgets#/",underline:"always",target:"_blank",rel:"noopener noreferrer",children:"User-centric widgets"})]})})]})},NL=r=>r?.map(e=>({id:e.id,value:e.nickname?e.nickname:e.name||`No name ${e.id.slice(0,5)}`,label:e.nickname?e.nickname:e.name||`No name ${e.id.slice(0,5)}`,avatar:e.avatar}))||[],lxe=({labels:r,ids:e,onChange:t})=>{const[n,i]=z.useState([]),[a,o]=z.useState([]),[s,l]=z.useState(""),[c,u]=z.useState("name"),[d,p]=z.useState(!1),[h,m]=z.useState(!1),{sdk:f}=Tr(),v=!0,w=()=>m(!h),y=(C,I)=>{i(I);const S=I.map(P=>P.id);t(S&&S.length?S:null)},g=3;z.useEffect(()=>{!s&&e&&e.length&&f.profile.getByIds(e,void 0,v).then(C=>{i(NL(C))}).catch(C=>{w(),console.error(C),i([])})},[]);const x=z.useMemo(()=>Oo((C,I)=>{p(!0),f.profile.getByIds(I==="id"?[C]:[],I==="name"?C:void 0,v).then(S=>{o([...NL(S)]),p(!1)}).catch(S=>{console.error(S),w(),o([]),p(!1)})},300),[]);z.useEffect(()=>{if(!s||s.length<g){o([]);return}return x(s,c),()=>x.cancel()},[s,x,c]);const b=(C,I)=>C.map((S,P)=>{var _;return A.jsx(xr,{variant:"solid",endDecorator:A.jsx(Sa,{color:"danger",sx:{marginRight:.5},variant:"plain",onClick:k=>I({index:P}).onClick(k),children:A.jsx(po,{fontSize:"small"})}),sx:{marginLeft:"3px",marginY:"1px",backgroundColor:"#e0f3ff",padding:"2px",borderRadius:4,"&:hover":{cursor:"default"}},children:A.jsxs(Re,{display:"flex",alignItems:"center",mr:1,children:[A.jsx(pn,{sx:{width:"1.5rem",height:" 1.5rem",mr:.5,borderRadius:"0.75rem"},src:(_=S.avatar)!=null?_:vr.avatar}),A.jsx(Ve,{children:S.label})]})},S.id)});return A.jsxs(A.Fragment,{children:[A.jsx(Re,{sx:{marginBottom:"16px"},children:A.jsx(lo,{forcePopupIcon:!1,multiple:!0,loading:d,disableClearable:!0,slotProps:{input:{sx:{"&::placeholder":{fontSize:"14px"}}},root:{sx:{boxShadow:"none",backgroundColor:"white",minHeight:38}}},isOptionEqualToValue:(C,I)=>C.id===I.id,endDecorator:A.jsxs(A.Fragment,{children:[d&&A.jsx(jn,{size:"sm",sx:{bgcolor:"primary",marginRight:2}}),A.jsx(ts,{orientation:"vertical"}),A.jsxs(Kr,{variant:"plain",value:c,onChange:(C,I)=>u(I),slotProps:{listbox:{variant:"outlined"}},sx:{mr:-1.5,"&:hover":{bgcolor:"transparent"}},children:[A.jsx(Cr,{value:"name",children:r.searchByName}),A.jsx(Cr,{value:"id",children:r.searchById})]})]}),placeholder:n.length>0?"":r.excludedProfilesPlaceholder,options:a,filterOptions:C=>C.filter(I=>!n.some(S=>S.value===I.value)),onInputChange:(C,I)=>{l(I)},onChange:y,getOptionKey:C=>C.id,value:n,renderTags:b,renderOption:(C,I)=>{var S;return A.jsx(so,le(re({},C),{children:A.jsxs(Re,{display:"flex",alignItems:"center",mr:1,children:[A.jsx(pn,{sx:{width:"1.5rem",height:" 1.5rem",mr:.5,borderRadius:"0.75rem"},src:(S=I.avatar)!=null?S:vr.avatar}),A.jsx(Ve,{children:I.label})]})}))}})}),A.jsx(gr,{showToast:h,message:r.searchProfilesErrorMessage,color:"danger",hideToast:w})]})},cxe={Login:Hme,InformationInput:Oi,RichText:O0,HeaderButtons:gpe,MarketSelection:nge,Accordion:tle,DynamicFields:Mpe,BasicSelect:nle,BooleanSwitch:If,Branding:mpe,ProfileSearchSelect:_ve,RangeCalendar:Rpe,CompetitionSearchSelect:Cve,Related:sge,Images:yme,Duration:Ope,DatePickerComponent:cu,Flags:fme,Spinner:Cf,Tags:aM,Toast:gr,AdContent:rle,Match:ige,Winners:pbe,CompetitionsSearchSelect:Ive,TeamsSearchSelect:Sve,CustomSelect:Ige,Schedule:gge,NoPermissionCard:Dpe,CustomFlatpickrCalendar:fw,ContextSelectFilter:fbe,NumberInput:Bbe,EntityContext:Gbe,MiniGamesImages:Ybe,AuthRequirement:Jbe,SortableList:zwe,ItemsPerPageFilter:Hwe,ImageCard:mu,RelatedRelationship:rxe,ExportUsersLeads:nxe,SignOutButton:DR,BasicSortableList:axe,WidgetEmbedCode:oxe,WidgetListEmbedCode:sxe,AdvancedProfileSearchSelect:lxe},FL=z.createContext(null),uxe=({children:r})=>A.jsx(FL.Provider,{value:cxe,children:r}),dxe=()=>{const r=z.useContext(FL);if(!r)throw new Error("useComponentContext must be used within a ComponentProvider");return r},jL=425,BL=1024,pxe=()=>{const[r,e]=z.useState(window.innerWidth<=BL),[t,n]=z.useState(window.innerWidth<=jL);return z.useLayoutEffect(()=>{const i=()=>{e(window.innerWidth<=BL),n(window.innerWidth<=jL)};return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[]),{isMobile:r,isPhone:t}},il={APIProvider:mie,AuthProvider:gie,AuthContext:hE,ComponentProvider:uxe,useComponentContext:dxe,useAPIContext:Tr,useIsMobile:pxe};class hxe{clientConfigErrorMessage;userNotFound;signOut;language;profilePreferences;cacheTTL;footballAssets;soon;update;configTitle;configDescription;configLanguageTitle;defaultLanguage;defaultLanguageHelperText;availableLanguages;availableLanguagesHelperText;translationRules;translationRulesHelperText;gameStatus;active;inactive;updateConfigMessage;updateConfigErrorMessage;categories;delete;id;name;addCategory;preferences;addPreference;selectCategories;constructor(e){this.clientConfigErrorMessage=e?.clientConfigErrorMessage||"There was a problem fetching client's configuration. Please try again",this.userNotFound=e?.userNotFound||"User not found. Please try again.",this.language=e?.language||"Language",this.profilePreferences=e?.profilePreferences||"Profile preferences",this.cacheTTL=e?.cacheTTL||"Cache TTL",this.footballAssets=e?.footballAssets||"Football Assets",this.soon=e?.soon||"Soon",this.update=e?.update||"Update Configuration",this.configTitle=e?.configTitle||"Configure Fans United",this.configDescription=e?.configDescription||"Customize different features of Fans United",this.defaultLanguage=e?.defaultLanguage||"Default language",this.defaultLanguageHelperText=e?.defaultLanguageHelperText||"What is the default language of your content? This field, if different from English, would be used in our translation tools.",this.availableLanguages=e?.availableLanguages||"Available languages",this.availableLanguagesHelperText=e?.availableLanguagesHelperText||"In case your project is multi-lingual, select the available languages for your app.",this.translationRules=e?.translationRules||"Translation rules",this.translationRulesHelperText=e?.translationRulesHelperText||"Select the default status when a game is automatically translated.",this.gameStatus=e?.gameStatus||"Game status",this.active=e?.active||"Active",this.inactive=e?.inactive||"Inactive",this.updateConfigMessage=e?.updateConfigMessage||"You have successfully updated Language configuration",this.updateConfigErrorMessage=e?.updateConfigErrorMessage||"There was a problem updating configuration. Please try again",this.categories=e?.categories||"Categories",this.delete=e?.delete||"Delete",this.id=e?.id||"ID",this.name=e?.name||"Name",this.addCategory=e?.addCategory||"Add Category",this.preferences=e?.preferences||"Preferences",this.addPreference=e?.addPreference||"Add Preference",this.selectCategories=e?.selectCategories||"Select categories for new preference"}}const Pu=z.createContext(null),fxe=({labels:r,children:e})=>{const t=new hxe(r);return Y.jsx(Pu.Provider,{value:t,children:e})},mxe=({children:r})=>Y.jsx(Re,{width:"100%",sx:{backgroundColor:"#fff"},children:r});function Qw(r){const e=z.useContext(r);if(e===void 0)throw new Error("Context was used outside of its Provider");return e}const Eu={ar:"Arabic",bg:"Bulgarian",da:"Danish",de:"German",en:"English",el:"Greek",es:"Spanish",fr:"French",hi:"Hindi",hu:"Hungarian",it:"Italian",nl:"Dutch",pt:"Portuguese","pt-br":"Brazilian(Portuguese)",ro:"Romanian",sk:"Slovak",sr:"Serbian",sv:"Swedish",sw:"Swahili"},gxe=()=>{const[r,e]=z.useState(null),[t,n]=z.useState(!1),[i,a]=z.useState(!1),[o,s]=z.useState(!1),[l,c]=z.useState("danger"),[u,d]=z.useState(""),p=Qw(Pu),h=z.useRef(null),{Spinner:m,Toast:f}=il.useComponentContext(),{https:v}=il.useAPIContext(),w=(_,k)=>{c(_),d(k),s(!0)};z.useEffect(()=>{async function _(){n(!0);const k=await v.getLanguageConfig();if(k.ok){const T=await k.json();e(T.data),n(!1)}else n(!1),console.error(p.clientConfigErrorMessage,await k.json()),w("danger",p.clientConfigErrorMessage)}_()},[]);const y=async()=>{a(!0);const _=await v.updateLanguageConfig({...r});_.ok?(a(!1),w("success",p.updateConfigMessage)):(a(!1),console.error(p.updateConfigErrorMessage,await _.json()),w("danger",p.updateConfigErrorMessage))},g=_=>{let k=[...r.available_languages],T={...r.translation_rules};_||(k=new Array,T={}),k.includes(_)&&(k=k.filter(E=>E!==_),delete T[_]),_&&!k.includes(_)&&(delete T[r.default_language],T[_]={game_status:"INACTIVE"}),e({default_language:_,available_languages:k,translation_rules:Object.keys(T).length>0?T:null})},x=_=>{let k=[...r.available_languages],T={...r.translation_rules};k.includes(_)?(k=k.filter(E=>E!==_),delete T[_]):(k.push(_),T[_]={game_status:"INACTIVE"}),e({default_language:r.default_language,available_languages:k,translation_rules:Object.keys(T).length>0?T:null})},b=_=>{let k={...r.translation_rules,[_.language]:{game_status:_.value}};e({default_language:r.default_language,available_languages:r.available_languages,translation_rules:k})},C=()=>Y.jsxs(Re,{sx:{mt:2},children:[Y.jsx(Ve,{level:"title-sm",children:p.defaultLanguage}),Y.jsx(Bi,{children:p.defaultLanguageHelperText}),Y.jsx(Kr,{value:r?.default_language,size:"sm",name:"defaultLanguage",slotProps:{button:{sx:{whiteSpace:"nowrap"}}},onChange:(_,k)=>{g(k)},sx:{mt:1,minHeight:"37px",backgroundColor:"white",width:200},...r?.default_language&&{endDecorator:Y.jsx(Ur,{variant:"plain",color:"neutral",onMouseDown:_=>{_.stopPropagation()},onClick:()=>{g(null),h.current?.focusVisible()},sx:{width:"18px",height:"18px"},children:Y.jsx(pJ,{})}),indicator:null},children:Object.keys(Eu).map(_=>Y.jsx(Cr,{value:_,children:Eu[_]},_))})]}),I=()=>Y.jsxs(Re,{my:4,children:[Y.jsx(Ve,{level:"title-sm",children:p.availableLanguages}),Y.jsx(Bi,{children:p.availableLanguagesHelperText}),Y.jsx(Re,{mt:1,sx:{display:{xs:"flex",md:"block"},flexDirection:"column"},children:Object.keys(Eu).map(_=>Y.jsx(i7,{sx:{m:1,"& .MuiCheckbox-checkbox":{backgroundColor:"white","&:hover":{backgroundColor:"#f0f4f8"}},"& .MuiCheckbox-checkbox.Mui-checked":{backgroundColor:"#0066CC"}},checked:r.default_language===_||r?.available_languages.includes(_),disabled:!r.default_language||r.default_language===_,label:Eu[_],onChange:()=>x(_)},_))})]}),S=_=>Y.jsxs("tr",{children:[Y.jsx("td",{children:Y.jsx(Ve,{level:"body-sm",children:Eu[_]})}),Y.jsx("td",{children:Y.jsxs(Kr,{value:r.translation_rules[_].game_status,size:"sm",name:"sortBy",onChange:(k,T)=>{b({language:_,value:T})},sx:{my:.5,minHeight:"37px",backgroundColor:"white"},children:[Y.jsx(Cr,{value:"ACTIVE",children:p.active},"option-active"),Y.jsx(Cr,{value:"INACTIVE",children:p.inactive},"option-inactive")]})})]},`${_}-rule`),P=()=>Y.jsxs(Re,{my:4,children:[Y.jsx(Ve,{level:"title-sm",children:p.translationRules}),Y.jsx(Bi,{children:p.translationRulesHelperText}),Y.jsx(rp,{sx:{mt:1},children:Y.jsxs(np,{variant:"outlined",hoverRow:!1,borderAxis:"bothBetween",size:"sm",sx:{backgroundColor:"#fff","& > thead > tr > th:first-child, & > tbody > tr > td:first-child":{textAlign:"left",width:"50%"},"--TableCell-paddingX":"0.5rem",cursor:"default","& > tbody > tr:hover":{backgroundColor:"transparent"},"& > thead > tr > th":{backgroundColor:"#fff",verticalAlign:"middle"},"& > thead > tr > th, & > tbody > tr > td":{textAlign:"right"}},children:[Y.jsx("thead",{children:Y.jsxs("tr",{children:[Y.jsx("th",{children:p.language}),Y.jsx("th",{children:p.gameStatus})]})}),Y.jsx("tbody",{children:[r.default_language,...r.available_languages].map(_=>S(_))})]})})]});return t?Y.jsx(m,{my:30}):!t&&r?Y.jsxs(Re,{children:[C(),I(),r.default_language&&P(),Y.jsx(Re,{textAlign:"center",children:Y.jsx(bt,{onClick:y,loading:i,children:p.update})}),Y.jsx(f,{showToast:o,color:l,message:u,hideToast:()=>s(!o)})]}):Y.jsx(Y.Fragment,{})},vxe=()=>{const[r,e]=z.useState([]),[t,n]=z.useState({id:"",display_name:""}),[i,a]=z.useState([]),[o,s]=z.useState({id:"",display_name:"",categories:[]}),[l,c]=z.useState(!1),[u,d]=z.useState(!1),[p,h]=z.useState(!1),[m,f]=z.useState("danger"),[v,w]=z.useState(""),y=Qw(Pu),{Spinner:g,Toast:x}=il.useComponentContext(),{https:b}=il.useAPIContext(),C=(O,L)=>{f(O),w(L),h(!0)};z.useEffect(()=>{async function O(){c(!0);const L=await b.getEntityFeature("profile_preferences");if(L.ok){const N=await L.json();e(N.data.categories),a(N.data.preferences),c(!1)}else c(!1),console.error(y.clientConfigErrorMessage,await L.json()),C("danger",y.clientConfigErrorMessage)}O()},[]);const I=async()=>{d(!0);const O=await b.updateProfilePreferences({preferences:i,categories:r});O.ok?(d(!1),C("success",y.updateConfigMessage)):(d(!1),console.error(y.updateConfigErrorMessage,await O.json()),C("danger",y.updateConfigErrorMessage))},S=()=>{e([...r,t]),n({id:"",display_name:""})},P=O=>{e(r.filter(L=>L.id!==O)),a(i.map(L=>({...L,categories:L.categories.filter(N=>N!==O)})))},_=()=>{a([...i,o]),s({id:"",display_name:"",categories:[]})},k=O=>{a(i.filter(L=>L.id!==O))},T=(O,L)=>{a(i.map(N=>{if(N.id===O){const W=N.categories.includes(L)?N.categories.filter(V=>V!==L):[...N.categories,L];return{...N,categories:W}}return N}))},E=()=>Y.jsx(ii,{xs:12,md:6,children:Y.jsx(tn,{variant:"outlined",children:Y.jsxs(ji,{children:[Y.jsx(Ve,{level:"title-md",sx:{mb:1},children:y.categories}),Y.jsx(ts,{sx:{mb:2}}),Y.jsx(co,{spacing:1,direction:"row",flexWrap:"wrap",useFlexGap:!0,sx:{mb:r.length>0?2:0},children:r.map(O=>Y.jsx(xr,{variant:"soft",color:"primary",sx:{"& .MuiChip-endDecorator":{cursor:"pointer",pointerEvents:"all"}},endDecorator:Y.jsx(vt,{title:y.delete,placement:"top",children:Y.jsx(Ur,{variant:"plain",size:"sm",color:"neutral",onClick:()=>P(O.id),sx:{":hover":{color:"#C41C1C",backgroundColor:"transparent"}},children:Y.jsx(bc,{fontSize:"small"})})}),children:O.display_name},O.id))}),Y.jsxs(Re,{sx:{display:"flex",gap:1,flexWrap:"wrap",alignItems:"flex-start"},children:[Y.jsxs($t,{size:"sm",children:[Y.jsx(Nt,{required:!0,children:y.id}),Y.jsx(Bn,{placeholder:"",value:t.id,onChange:O=>n({...t,id:O.target.value})})]}),Y.jsxs($t,{size:"sm",children:[Y.jsx(Nt,{required:!0,children:y.name}),Y.jsx(Bn,{placeholder:"",value:t.display_name,onChange:O=>n({...t,display_name:O.target.value})})]}),Y.jsx(bt,{sx:{mt:"auto"},size:"sm",startDecorator:Y.jsx(yc,{}),disabled:!t.id||!t.display_name,onClick:S,children:y.addCategory})]})]})})}),M=()=>Y.jsx(ii,{xs:12,md:6,children:Y.jsx(tn,{variant:"outlined",children:Y.jsxs(ji,{children:[Y.jsx(Ve,{level:"title-md",sx:{mb:1},children:y.preferences}),Y.jsx(ts,{sx:{mb:2}}),Y.jsx(ii,{container:!0,spacing:1,sx:{mb:i.length>0?2:0},children:i.map(O=>Y.jsx(ii,{xs:12,md:6,lg:4,children:Y.jsx(tn,{variant:"soft",size:"sm",children:Y.jsxs(ji,{children:[Y.jsxs(Re,{sx:{display:"flex",justifyContent:"space-between"},children:[Y.jsx(Ve,{level:"title-sm",children:O.display_name}),Y.jsx(vt,{title:y.delete,placement:"top",children:Y.jsx(Ur,{variant:"plain",size:"sm",color:"neutral",onClick:()=>k(O.id),sx:{"& .MuiChip-endDecorator":{cursor:"pointer",pointerEvents:"all"},":hover":{color:"#C41C1C",backgroundColor:"transparent"}},children:Y.jsx(bc,{fontSize:"small"})})})]}),Y.jsxs(Re,{children:[Y.jsxs(Ve,{level:"body-xs",sx:{mb:1},children:[y.categories,":"]}),Y.jsx(co,{direction:"row",spacing:1,flexWrap:"wrap",useFlexGap:!0,children:r.map(L=>Y.jsx(xr,{size:"sm",variant:O.categories.includes(L.id)?"solid":"outlined",color:O.categories.includes(L.id)?"primary":"neutral",onClick:()=>T(O.id,L.id),children:L.display_name},L.id))})]})]})})},O.id))}),Y.jsxs(Re,{sx:{display:"flex",gap:1,flexWrap:"wrap",alignItems:"flex-start",mb:.5},children:[Y.jsxs($t,{size:"sm",children:[Y.jsx(Nt,{required:!0,children:y.id}),Y.jsx(Bn,{placeholder:"",value:o.id,onChange:O=>s({...o,id:O.target.value})})]}),Y.jsxs($t,{size:"sm",children:[Y.jsx(Nt,{required:!0,children:y.name}),Y.jsx(Bn,{placeholder:"",value:o.display_name,onChange:O=>s({...o,display_name:O.target.value})})]}),Y.jsx(bt,{sx:{mt:"auto"},size:"sm",startDecorator:Y.jsx(yc,{}),disabled:!o.id||!o.display_name,onClick:_,children:y.addPreference})]}),Y.jsxs(Re,{children:[Y.jsxs(Ve,{level:"body-sm",mb:1,children:[y.selectCategories,":"]}),Y.jsx(co,{direction:"row",spacing:1,flexWrap:"wrap",useFlexGap:!0,children:r.map(O=>Y.jsx(xr,{size:"sm",variant:o.categories.includes(O.id)?"solid":"outlined",color:o.categories.includes(O.id)?"primary":"neutral",onClick:()=>s({...o,categories:o.categories.includes(O.id)?o.categories.filter(L=>L!==O.id):[...o.categories,O.id]}),children:O.display_name},O.id))})]})]})})});return l?Y.jsx(g,{my:30}):Y.jsxs(Y.Fragment,{children:[Y.jsxs(ii,{container:!0,spacing:2,mb:4,mt:2,children:[E(),M()]}),Y.jsx(Re,{textAlign:"center",children:Y.jsx(bt,{onClick:I,loading:u,children:y.update})}),Y.jsx(x,{showToast:p,color:m,message:v,hideToast:()=>h(!p)})]})},yxe=()=>{const r=Qw(Pu);return Y.jsxs(Y.Fragment,{children:[Y.jsxs(Re,{m:1,children:[Y.jsx(Ve,{level:"h3",children:r.configTitle}),Y.jsx(Bi,{children:r.configDescription})]}),Y.jsx(tn,{variant:"plain",children:Y.jsxs(MT,{"aria-label":"Configurations",defaultValue:0,sx:{"@media (max-width: 899px)":{"& .MuiTabList-root":{flexDirection:"column"}}},children:[Y.jsxs(DT,{children:[Y.jsx(ns,{disableIndicator:!0,children:r.language}),Y.jsx(ns,{disableIndicator:!0,children:r.profilePreferences}),Y.jsxs(ns,{disableIndicator:!0,disabled:!0,children:[r.cacheTTL,Y.jsx(xr,{size:"sm",variant:"solid",color:"primary",children:r.soon})]}),Y.jsxs(ns,{disableIndicator:!0,disabled:!0,children:[r.footballAssets,Y.jsx(xr,{size:"sm",variant:"solid",color:"primary",children:r.soon})]})]}),Y.jsx(ip,{value:0,children:Y.jsx(gxe,{})}),Y.jsx(ip,{value:1,children:Y.jsx(vxe,{})})]})})]})},bxe=({fansUnitedEnvironment:r})=>{const{AuthContext:e,useComponentContext:t}=il,n=z.useContext(e),i=z.useContext(Pu),{Login:a}=t();return n?Y.jsx(mxe,{children:Y.jsx(yxe,{})}):Y.jsx(a,{environment:r,userNotFound:i.userNotFound})},wxe=r=>{const e={apiKey:r.fansUnitedApiKey,clientId:r.fansUnitedClientId,environment:r.fansUnitedEnvironment,language:r.fansUnitedLanguage,errorHandlingMode:"standard",sportal365Project:"",sportal365Infrastructure:""},{AuthProvider:t,APIProvider:n,ComponentProvider:i}=il;return Y.jsx(t,{environment:r.fansUnitedEnvironment,children:Y.jsx(fxe,{labels:r.labels,children:Y.jsx(n,{config:e,children:Y.jsx(i,{children:Y.jsx(bxe,{fansUnitedEnvironment:r.fansUnitedEnvironment,hideSignOutButton:r.hideSignOutButton})})})})})};ha.ConfigurationManager=wxe,Object.defineProperty(ha,Symbol.toStringTag,{value:"Module"})});

package/constants/constants.d.ts

@@ -7,6 +7,7 @@ export declare const supportedLanguages: {
     el: string;
     es: string;
     fr: string;
+    hi: string;
     hu: string;
     it: string;
     nl: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fansunited-widget-client-configuration",
-	"version": "1.1.0",
+	"version": "1.2.0",
 	"main": "configuration-manager.es.js",
 	"author": "Fans United",
 	"description": "",