UNPKG

@mxenabled/rules-engine

Version:

UI for MX's rules engine Dwight

3 lines (2 loc) 28.3 kB
import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import a from"react";import"@mui/material/Stack";import{createTheme as t}from"@mui/material/styles";import"@mui/material/Icon";import"@mui/material/useMediaQuery";import"@mui/material/Box";import"@mui/material/ToggleButton";import"@mui/material/ToggleButtonGroup";import l from"@mui/material/Slide";import"@mui/material/Button";import"@mui/icons-material";import"@mui/material/IconButton";import i from"@mui/material/Typography";import"@mui/material/Drawer";import"@mui/material/TextField";import"@mui/material/Snackbar";import"@mui/material/Alert";import"@mui/material/CircularProgress";import{Box as n,ToggleButtonGroup as u,ToggleButton as d,Button as s,Tabs as C,Tab as c}from"@mui/material";import"@mui/material/styles/createPalette";import"@mui/material/styles/createTypography";import{ponyfillGlobal as g}from"@mui/utils";import p from"@mui/icons-material/GridViewRounded";import m from"@mui/icons-material/List";var h,f={},B={};function N(){return h||(h=1,Object.defineProperty(B,"__esModule",{value:!0}),B.default={Color:{Brand100:"#E7F0FE",Brand200:"#69A1FA",Brand300:"#2D64EF",Brand400:"#095ADB",Brand500:"#0749B2",CategoryAutoTransport:"#4B9DBC",CategoryBillsUtilities:"#EF8B2C",CategoryBusinessServices:"#B3DE8C",CategoryEducation:"#F8AB3A",CategoryEntertainment:"#AB5B89",CategoryFeesCharges:"#FF9696",CategoryFinancial:"#6BCDDB",CategoryFoodDining:"#58AC7B",CategoryGiftsDonations:"#347AA5",CategoryHealthFitness:"#5C446E",CategoryHome:"#FFD84D",CategoryIncome:"#133F49",CategoryInvestments:"#FF7070",CategoryKids:"#82D196",CategoryPersonalCare:"#338B7A",CategoryPets:"#615BAB",CategoryShopping:"#CF5F84",CategoryTaxes:"#32588D",CategoryTransfer:"#959CA6",CategoryTravel:"#E37434",CategoryUncategorized:"#FA5555",Chart1:"#74E4DA",Chart2:"#ED64A4",Chart3:"#F3DC46",Chart4:"#BABFC5",Chart5:"#60A9FF",Chart6:"#C8BAEE",Chart7:"#585E67",ChartMono1:"#89E8DF",ChartMono2:"#FF8787",ChartMono3:"#60A9FF",ChartMono4:"#2F73DA",ChartMono5:"#034AB3",ChartMono6:"#002966",NeutralWhite:"#FFFFFF",Neutral100:"#F8F9FB",Neutral200:"#EEF1F6",Neutral300:"#E4E8EE",Neutral400:"#CDD3DD",Neutral500:"#A8B1BD",Neutral600:"#6A7381",Neutral700:"#49505A",Neutral800:"#1F2329",Neutral900:"#121417",Primary100:"#E7F0FE",Primary200:"#69A1FA",Primary300:"#2D64EF",Primary400:"#095ADB",Primary500:"#0749B2",Success100:"#DDFDED",Success200:"#0AC295",Success300:"#09A57F",Success400:"#078364",Success500:"#027357",Warning100:"#FEF7B9",Warning200:"#FFDA6C",Warning300:"#FFB400",Warning400:"#E07C02",Warning500:"#C33E01",Error100:"#FCD2CF",Error200:"#F45532",Error300:"#DF320C",Error400:"#C61A0B",Error500:"#AE0A0A",TransparentNeutral100:"rgba(247, 249, 252, 0.55)",TransparentNeutral400:"rgba(203, 211, 223, 0.55)",TransparentScrim:"rgba(0, 0, 0, 0.25)",TransparentScrimDarker:"rgba(0, 0, 0, 0.50)"},Font:{Regular:"InterRegular, Helvetica, Arial, sans-serif",Semibold:"InterSemibold, Helvetica, Arial, sans-serif",Bold:"InterBold, Helvetica, Arial, sans-serif"},BoxShadow:{Low:"0px 2px 8px rgba(106, 115, 129, 0.12)",Medium:"0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)",High:"0px 12px 20px rgba(106, 115, 129, 0.22)",Top:"0px -2px 8px rgba(106, 115, 129, 0.12)",Left:"-1px 2px 8px rgba(106, 115, 129, 0.22)",Right:"1px 0px 8px rgba(106, 115, 129, 0.22)",Focus:"0px 0px 0px 2px rgba(9, 90, 219, 0.75)"},BorderRadius:{Small:2,Medium:4,Large:8,XLarge:16},FontSize:{Tiny:9,XSmall:11,Small:13,ParagraphSmall:13,Body:15,Paragraph:15,H3:18,H2:23,H1:31},FontWeight:{Regular:400,Semibold:600,Bold:700},LetterSpacing:{Uppercase:.48,SmallUppercase:.48,TinyUppercase:.33,XSmallUppercase:.33},LineHeight:{Tiny:"12px",XSmall:"16px",Small:"16px",ParagraphSmall:"20px",Body:"20px",Paragraph:"24px",H3:"24px",H2:"32px",H1:"40px"},Spacing:{XTiny:2,Tiny:4,XSmall:8,Small:12,Medium:16,Large:24,XLarge:32,XXLarge:40,XXXLarge:48,Jumbo:64,SuperJumbo:96},Time:{Short:300,Med:500,Long:1e3},ZIndex:{SendToBack:-1,Base:0,Hover:1,Active:2,Focus:3,Overlay1:1e3,Overlay2:2e3,Overlay3:3e3,Overlay4:4e3,Overlay5:5e3,Overlay6:6e3,Overlay7:7e3,Overlay8:8e3,Overlay9:9e3,Overlay10:1e4},Easing:{Default:"cubic-bezier(.475,.425,0,.995)"},MediaQuery:{Small:"576px",Med:"768px",Large:"992px",XLarge:"1200px"},Resolution:{Small:576,Med:768,Large:992,XLarge:1200}}),B}var b,y,T={},S={};function v(){return b||(b=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.updateValues=e.removeSuffix=e.addSuffix=e.splitTokens=e.collapseTokens=e.expandTokens=e.getTokenType=e.deepMerge=e.isObject=void 0;e.isObject=e=>e&&"object"==typeof e&&!Array.isArray(e);e.deepMerge=(r,o)=>{let a=Object.assign({},r);return(0,e.isObject)(r)&&(0,e.isObject)(o)&&Object.keys(o).forEach(t=>{(0,e.isObject)(o[t])?t in r?a[t]=(0,e.deepMerge)(r[t],o[t]):Object.assign(a,{[t]:o[t]}):Object.assign(a,{[t]:o[t]})}),a};e.getTokenType=(e,r,o)=>{let a="new";const t=Object.keys(r),l=Object.keys(o);return t.map(o=>{if(e.hasOwnProperty(o)){Object.keys(r[o]).map(t=>{e[o].hasOwnProperty(t)&&(a=e[o][t]===r[o][t]?"core-default":"core-updated")})}}),l.map(r=>{if(e.hasOwnProperty(r)){Object.keys(o[r]).map(t=>{e[r].hasOwnProperty(t)&&(a=e[r][t]===o[r][t]?"leaf-default":"leaf-updated")})}}),a};e.expandTokens=e=>{let r=[];return Object.entries(e).map(([e,o])=>{Object.entries(o).map(([o,a])=>{const t=Object.fromEntries([[o,a]]);r.push(Object.fromEntries([[e,t]]))})}),r};e.collapseTokens=r=>{let o={};return r.map(r=>o=Object.assign({},(0,e.deepMerge)(o,r))),o};e.splitTokens=(r,o,a)=>{const t={defaultTokens:{core:[],leaf:[]},updatedTokens:{core:[],leaf:[],new:[]}};return(0,e.expandTokens)(r).map(r=>{const l=(0,e.getTokenType)(r,o,a);"core-default"===l?t.defaultTokens.core.push(r):"core-updated"===l?t.updatedTokens.core.push(r):"leaf-default"===l?t.defaultTokens.leaf.push(r):"leaf-updated"===l?t.updatedTokens.leaf.push(r):t.updatedTokens.new.push(r)}),t};e.addSuffix=(e,r="px")=>{let o={};return Object.keys(e).forEach(function(a){o[a]="".concat(e[a],r)}),Object.assign({},e,o)};e.removeSuffix=(e,r="px")=>{let o={};return Object.keys(e).forEach(a=>{if(e[a].slice(-r.length)===r){const t=e[a].slice(0,-r.length),l=!isNaN(t)&&!isNaN(parseFloat(t));o[a]=l?parseFloat(t):t}}),Object.assign({},e,o)};e.updateValues=(r,o="")=>{let a={};return Object.keys(r).forEach(function(r){a[r]=(0,e.isObject)(o)?Object.assign({},a,o):o}),Object.assign({},r,a)}}(S)),S}var D,x={};var I,F={};var k,M={};var A,H={};var L,E={};var w,P={};var O,R={};var W,_,j={};function z(){return _||(_=1,function(e){var r=f&&f.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(e,"__esModule",{value:!0}),e.dark=e.light=e.buildTheme=e.themes=e.targets=void 0;const o=r(N()),a=function(){if(y)return T;y=1;var e=T&&T.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(T,"__esModule",{value:!0}),T.applyTargetModifications=void 0;const r=e(N()),o=v(),a=z(),t=(0,o.updateValues)(r.default.BoxShadow,""),l=(0,o.updateValues)(r.default.Easing,"cubic-bezier(0.475, 0.425, 0, 0.995)"),i=(0,o.addSuffix)(r.default.Time,"ms"),n=(0,o.removeSuffix)(r.default.LineHeight,"px");return T.applyTargetModifications=(e=a.targets.REACT,o=r.default)=>{let u=o;if(e===a.targets.REACT){const e=[o];u=Object.assign({},...e)}else if(e===a.targets.REACT_NATIVE){const e=[o,t,l,i];u=Object.assign({},...e)}else if(e===a.targets.NATIVE){const e=[o,t,l,n];u=Object.assign({},...e)}return u},T}(),t=v(),l=r(function(){if(D)return x;D=1,Object.defineProperty(x,"__esModule",{value:!0});const e=e=>({Body:e.Color.Neutral100,Error:e.Color.Error300,Avatar:e.Color.Neutral300,ButtonDestructive:e.Color.Error300,ButtonDestructiveDisabled:e.Color.Neutral200,ButtonDestructiveHover:e.Color.Error400,ButtonLinkHover:e.Color.Brand100,ButtonNeutral:e.Color.NeutralWhite,ButtonNeutralDisabled:e.Color.NeutralWhite,ButtonNeutralHover:e.Color.NeutralWhite,ButtonPrimary:e.Color.Brand300,ButtonPrimaryDisabled:e.Color.Neutral200,ButtonPrimaryHover:e.Color.Brand400,ButtonTransparentDestructiveHover:e.Color.Error100,ButtonTransparentHover:e.Color.Brand100,Card:e.Color.NeutralWhite,CategoryAutoTransport:e.Color.CategoryAutoTransport,CategoryBillsUtilities:e.Color.CategoryBillsUtilities,CategoryBusinessServices:e.Color.CategoryBusinessServices,CategoryEducation:e.Color.CategoryEducation,CategoryEntertainment:e.Color.CategoryEntertainment,CategoryFeesCharges:e.Color.CategoryFeesCharges,CategoryFinancial:e.Color.CategoryFinancial,CategoryFoodDining:e.Color.CategoryFoodDining,CategoryGiftsDonations:e.Color.CategoryGiftsDonations,CategoryHealthFitness:e.Color.CategoryHealthFitness,CategoryHome:e.Color.CategoryHome,CategoryIncome:e.Color.CategoryIncome,CategoryInvestments:e.Color.CategoryInvestments,CategoryKids:e.Color.CategoryKids,CategoryPersonalCare:e.Color.CategoryPersonalCare,CategoryPets:e.Color.CategoryPets,CategoryShopping:e.Color.CategoryShopping,CategoryTaxes:e.Color.CategoryTaxes,CategoryTransfer:e.Color.CategoryTransfer,CategoryTravel:e.Color.CategoryTravel,CategoryUncategorized:e.Color.CategoryUncategorized,CheckboxChecked:e.Color.Brand100,CheckboxDisabled:e.Color.Neutral100,ChipDefault:"transparent",ChipDefaultHover:e.Color.Neutral300,ChipDefaultActive:e.Color.Brand100,Container:e.Color.NeutralWhite,DropdownMenu:e.Color.NeutralWhite,DropdownMenuItemActive:e.Color.Brand100,DropdownMenuItemHover:e.Color.Neutral100,HrDark:e.Color.Neutral400,HrLight:e.Color.Neutral300,InputChip:e.Color.Brand100,InputChipHover:e.Color.Brand300,InputDisabled:e.Color.TransparentNeutral100,InputFocus:"transparent",InputLabelDefault:e.Color.NeutralWhite,InputLabelSecondary:e.Color.Neutral100,LeftNavItem:e.Color.NeutralWhite,LeftNavItemActive:e.Color.Brand100,LeftNavItemHover:e.Color.Neutral100,MessageBox:e.Color.NeutralWhite,MessageBoxBrand:e.Color.Brand300,MessageBoxError:e.Color.Error300,MessageBoxHelp:e.Color.Primary300,MessageBoxSuccess:e.Color.Success300,Modal:e.Color.NeutralWhite,ModalClose:e.Color.Neutral200,ModalCloseHover:e.Color.Neutral300,ModalScrim:e.Color.TransparentScrim,SelectionBoxShadow:"transparent",SelectionBoxShadowDisabled:e.Color.Neutral200,Radio:e.Color.Primary100,RadioChecked:e.Color.Brand100,RadioDisabled:e.Color.Brand100,RadioDot:e.Color.Neutral100,RadioDotChecked:e.Color.Brand300,RadioDotDisabled:e.Color.Neutral200,RadioDotDisabledChecked:e.Color.Neutral500,SwitchDisabledOff:e.Color.Neutral200,SwitchDisabledOn:e.Color.Neutral300,SwitchHandle:e.Color.NeutralWhite,SwitchHandleDisabled:e.Color.Neutral100,SwitchOff:e.Color.Neutral200,SwitchOn:e.Color.Success300,TabDivider:e.Color.Neutral400,TabHover:e.Color.Neutral100,TagError:e.Color.Error100,TagNeutral:e.Color.Neutral200,TagPrimary:e.Color.Primary100,TagSuccess:e.Color.Success100,TagWarning:e.Color.Warning100,TableRowHover:e.Color.Neutral100,TableFooter:e.Color.Neutral200,Tooltip:e.Color.Neutral800,UtilityRowHover:e.Color.Neutral200});return x.default={light:e,dark:r=>({...e(r),Body:r.Color.Neutral900,Error:r.Color.Error200,Avatar:r.Color.Neutral700,ButtonDestructiveDisabled:r.Color.Neutral700,ButtonLinkHover:r.Color.Neutral700,ButtonLinkDestructiveHover:r.Color.Neutral700,ButtonNeutral:r.Color.Neutral800,ButtonNeutralDisabled:r.Color.Neutral700,ButtonNeutralHover:r.Color.Neutral600,ButtonPrimaryDisabled:r.Color.Neutral700,ButtonTransparentHover:r.Color.Neutral600,ButtonTransparentDestructiveHover:r.Color.Neutral600,Card:r.Color.Neutral800,CategoryAutoTransport:r.Color.CategoryAutoTransport,CategoryBillsUtilities:r.Color.CategoryBillsUtilities,CategoryBusinessServices:r.Color.CategoryBusinessServices,CategoryEducation:r.Color.CategoryEducation,CategoryEntertainment:r.Color.CategoryEntertainment,CategoryFeesCharges:r.Color.CategoryFeesCharges,CategoryFinancial:r.Color.CategoryFinancial,CategoryFoodDining:r.Color.CategoryFoodDining,CategoryGiftsDonations:r.Color.CategoryGiftsDonations,CategoryHealthFitness:r.Color.CategoryHealthFitness,CategoryHome:r.Color.CategoryHome,CategoryIncome:r.Color.CategoryIncome,CategoryInvestments:r.Color.CategoryInvestments,CategoryKids:r.Color.CategoryKids,CategoryPersonalCare:r.Color.CategoryPersonalCare,CategoryPets:r.Color.CategoryPets,CategoryShopping:r.Color.CategoryShopping,CategoryTaxes:r.Color.CategoryTaxes,CategoryTransfer:r.Color.CategoryTransfer,CategoryTravel:r.Color.CategoryTravel,CategoryUncategorized:r.Color.CategoryUncategorized,ChipDefault:"transparent",ChipDefaultHover:r.Color.Neutral600,ChipDefaultActive:"transparent",CheckboxChecked:"transparent",CheckboxDisabled:r.Color.Neutral700,Container:r.Color.Neutral800,DropdownMenu:r.Color.Neutral700,DropdownMenuItemActive:r.Color.Neutral600,DropdownMenuItemHover:r.Color.Neutral600,HrDark:r.Color.Neutral500,HrLight:r.Color.Neutral600,InputChip:r.Color.Neutral700,InputChipHover:r.Color.Neutral600,InputDisabled:"transparent",InputFocus:"transparent",InputLabelDefault:r.Color.Neutral800,InputLabelSecondary:r.Color.Neutral900,LeftNavItem:r.Color.Neutral800,LeftNavItemActive:r.Color.Neutral900,LeftNavItemHover:r.Color.Neutral700,MessageBox:r.Color.Neutral700,MessageBoxBrand:r.Color.Brand200,MessageBoxError:r.Color.Error200,MessageBoxHelp:r.Color.Primary200,MessageBoxSuccess:r.Color.Success200,Modal:r.Color.Neutral800,ModalClose:r.Color.Neutral700,ModalCloseHover:r.Color.Neutral600,ModalScrim:r.Color.TransparentScrimDarker,SelectionBoxShadow:r.Color.Neutral700,SelectionBoxShadowDisabled:r.Color.Neutral700,Radio:"transparent",RadioChecked:r.Color.Neutral900,RadioDisabled:r.Color.Neutral700,RadioDot:r.Color.Neutral600,RadioDotChecked:r.Color.NeutralWhite,RadioDotDisabled:r.Color.Neutral600,SwitchDisabledOff:r.Color.Neutral900,SwitchDisabledOn:r.Color.Neutral900,SwitchHandle:r.Color.NeutralWhite,SwitchHandleDisabled:r.Color.Neutral700,SwitchOff:r.Color.Neutral700,TabDivider:r.Color.Neutral600,TabHover:r.Color.Neutral700,TagError:r.Color.Error500,TagNeutral:r.Color.Neutral600,TagPrimary:r.Color.Primary500,TagSuccess:r.Color.Success500,TagWarning:r.Color.Warning300,TableRowHover:r.Color.Neutral700,TableFooter:r.Color.Neutral700,Tooltip:r.Color.Neutral300,UtilityRowHover:r.Color.Neutral700})},x}()),i=r(function(){if(I)return F;I=1,Object.defineProperty(F,"__esModule",{value:!0});const e=e=>({Error:e.Color.Error300,ButtonLinkHover:e.Color.Brand400,ButtonLinkDestructiveHover:e.Color.Error400,ButtonNeutral:e.Color.Neutral400,ButtonNeutralDisabled:e.Color.Brand400,ButtonNeutralHover:e.Color.Brand400,Checkbox:e.Color.Neutral600,CheckboxChecked:e.Color.Brand300,CheckboxDisabled:e.Color.Neutral400,ChipDefault:e.Color.Neutral600,ChipDefaultHover:e.Color.Neutral300,ChipDefaultActive:e.Color.Brand100,ChipDefaultDisabled:e.Color.Neutral500,DropdownDisabled:e.Color.TransparentNeutral400,Input:e.Color.Neutral600,InputDisabled:e.Color.TransparentNeutral400,InputError:e.Color.Error300,InputFocus:e.Color.Brand300,InputHover:e.Color.Neutral600,SelectionBoxOutline:e.Color.Neutral300,SelectionBoxFocusedSelected:e.Color.Primary300,SelectionBoxDisabled:e.Color.Neutral300,SelectionBoxDisabledSelected:e.Color.Neutral500,Radio:e.Color.Neutral600,RadioChecked:e.Color.Brand300,RadioDisabled:e.Color.Neutral400,RadioDisabledChecked:e.Color.Neutral500,Switch:e.Color.Neutral600,SwitchDisabled:e.Color.Neutral400,TabActive:e.Color.Brand300,TableHeader:e.Color.Neutral400,TableCell:e.Color.Neutral200});return F.default={light:e,dark:r=>({...e(r),Error:r.Color.Error200,ButtonLinkHover:r.Color.NeutralWhite,ButtonLinkDestructiveHover:r.Color.NeutralWhite,ButtonNeutral:r.Color.Neutral500,ButtonNeutralDisabled:r.Color.Neutral600,ButtonNeutralHover:r.Color.Neutral500,Checkbox:r.Color.Neutral400,CheckboxChecked:r.Color.NeutralWhite,CheckboxDisabled:r.Color.Neutral600,ChipDefault:r.Color.Neutral500,ChipDefaultHover:r.Color.Neutral600,ChipDefaultActive:r.Color.Brand200,ChipDefaultDisabled:r.Color.Neutral600,Input:r.Color.Neutral500,InputDisabled:r.Color.Neutral600,InputError:r.Color.Error200,InputFocus:r.Color.Brand200,InputHover:r.Color.Neutral500,SelectionBoxOutline:r.Color.Neutral700,SelectionBoxFocusedSelected:r.Color.Primary200,SelectionBoxDisabled:r.Color.Neutral700,SelectionBoxDisabledSelected:r.Color.Neutral700,Radio:r.Color.NeutralWhite,RadioChecked:r.Color.NeutralWhite,RadioDisabled:r.Color.Neutral600,SwitchDisabled:r.Color.Neutral600,TabActive:r.Color.Brand200,TableHeader:r.Color.Neutral600,TableCell:r.Color.Neutral700})},F}()),n=r(function(){if(k)return M;k=1,Object.defineProperty(M,"__esModule",{value:!0});const e=e=>({...e.BorderRadius,Button:e.BorderRadius.Medium,Card:e.BorderRadius.Medium,CardRounded:e.BorderRadius.Large,Checkbox:e.BorderRadius.Small,Chip:e.BorderRadius.XLarge,Container:e.BorderRadius.Medium,DropdownChip:e.BorderRadius.Medium,DropdownMenu:e.BorderRadius.Medium,DropdownMenuItem:e.BorderRadius.Medium,DropdownToggle:e.BorderRadius.Medium,Input:e.BorderRadius.Medium,Modal:e.BorderRadius.Medium,ModalClose:e.BorderRadius.Medium,Tooltip:e.BorderRadius.Medium});return M.default={light:e,dark:r=>({...e(r)})},M}()),u=r(function(){if(A)return H;A=1,Object.defineProperty(H,"__esModule",{value:!0});const e=e=>({Low:e.BoxShadow.Low,Medium:e.BoxShadow.Medium,High:e.BoxShadow.High,FocusRingDefault:e.BoxShadow.Focus,Left:e.BoxShadow.Left,Right:e.BoxShadow.Right,BottomBar:e.BoxShadow.Top,Card:e.BoxShadow.Low,Container:e.BoxShadow.Low,Drawer:e.BoxShadow.Left,DropdownMenu:e.BoxShadow.Medium,Modal:e.BoxShadow.High,SelectionBoxShadow:e.BoxShadow.Low,Tooltip:e.BoxShadow.Medium});return H.default={light:e,dark:r=>({...e(r),BottomBar:"none",Card:"none",Container:"none",Drawer:"none",DropdownMenu:"none",Modal:"none",SelectionBoxShadow:"none",Tooltip:"none"})},H}()),d=r(function(){if(L)return E;L=1,Object.defineProperty(E,"__esModule",{value:!0});const e=e=>({...e.FontSize,Breadcrumbs:e.FontSize.Small,Button:e.FontSize.Body,ButtonLinkLarge:e.FontSize.Body,ButtonLinkSmall:e.FontSize.Small,DropdownChip:e.FontSize.Tiny,DropdownItem:e.FontSize.Body,Chip:e.FontSize.XSmall,Input:e.FontSize.Body,InputHelpText:e.FontSize.Small,InputLabel:e.FontSize.Small,ModalHeader:e.FontSize.H3,TextArea:e.FontSize.Body,TextAreaHelpText:e.FontSize.Small,TooltipHeadline:e.FontSize.Body,TooltipText:e.FontSize.ParagraphSmall});return E.default={light:e,dark:r=>({...e(r)})},E}()),s=r(function(){if(w)return P;w=1,Object.defineProperty(P,"__esModule",{value:!0});const e=e=>({...e.Spacing,BreadcrumbsDividerMargin:e.Spacing.Small,ButtonPadding:e.Spacing.Medium,CardSidePadding:e.Spacing.Medium,CheckboxLabelMarginLeft:e.Spacing.XSmall,CheckboxLabelMarginRight:e.Spacing.XSmall,ChipPaddingTop:e.Spacing.Tiny,ChipPaddingBottom:e.Spacing.Tiny,ChipPaddingLeft:e.Spacing.XSmall,ChipPaddingRight:e.Spacing.XSmall,ContainerSidePadding:e.Spacing.Large,InputHelpTextMarginTop:e.Spacing.Tiny,InputLabelMarginLeft:e.Spacing.XSmall,InputLabelPaddingLeft:e.Spacing.Tiny,InputLabelPaddingRight:e.Spacing.Tiny,InputLabelTop:-Math.abs(e.Spacing.XSmall),InputPaddingBottom:e.Spacing.Small,InputPaddingLeft:e.Spacing.Small,InputPaddingRight:e.Spacing.Small,InputPaddingTop:e.Spacing.Medium,ModalPadding:e.Spacing.Small,SwitchLabelMarginLeft:e.Spacing.Small,SwitchLabelMarginRight:e.Spacing.Small,TableCell:e.Spacing.Medium,TableCellActionMargin:e.Spacing.Large,TableFooterPaddingTop:e.Spacing.Small,TableFooterPaddingSide:e.Spacing.Medium,TagPaddingTopBottom:e.Spacing.XSmall,TagPaddingLeftRight:e.Spacing.Small,TagSmallPaddingTopBottom:e.Spacing.XTiny,TagSmallPaddingLeftRight:e.Spacing.XSmall,TextAreaPadding:e.Spacing.Small,TooltipPadding:e.Spacing.Small});return P.default={light:e,dark:r=>({...e(r)})},P}()),C=r(function(){if(O)return R;O=1,Object.defineProperty(R,"__esModule",{value:!0});const e=e=>({Active:e.Color.Brand300,ActiveHover:e.Color.Brand400,Dark:e.Color.Neutral900,Default:e.Color.Neutral900,Disabled:e.Color.Neutral500,Error:e.Color.Error300,Light:e.Color.NeutralWhite,Secondary:e.Color.Neutral700,Success:e.Color.Success400,Avatar:e.Color.Neutral900,BreadcrumbsLink:e.Color.Brand300,BreadcrumbsDivider:e.Color.Neutral600,BreadcrumbsCurrentRoute:e.Color.Neutral900,ButtonDestructive:e.Color.NeutralWhite,ButtonDestructiveDisabled:e.Color.Neutral500,ButtonLink:e.Color.Brand300,ButtonLinkHover:e.Color.Brand400,ButtonLinkTertiary:e.Color.Neutral700,ButtonLinkDestructive:e.Color.Error300,ButtonLinkDestructiveHover:e.Color.Error400,ButtonNeutral:e.Color.Brand300,ButtonNeutralDisabled:e.Color.Neutral600,ButtonNeutralHover:e.Color.Brand400,ButtonPrimary:e.Color.NeutralWhite,ButtonPrimaryDisabled:e.Color.Neutral500,ButtonTransparent:e.Color.Brand300,ButtonTransparentDisabled:e.Color.Neutral600,ButtonTransparentHover:e.Color.Brand400,ButtonTransparentTertiary:e.Color.Neutral700,ChipDefault:e.Color.Neutral900,ChipDefaultActive:e.Color.Brand400,ChipDefaultDisabled:e.Color.Neutral500,DropdownMenuItemActive:e.Color.Brand300,DropdownMenuItemDisabled:e.Color.Neutral500,InputErrorMessage:e.Color.Error300,InputHelpText:e.Color.Neutral600,InputLabel:e.Color.Neutral600,InputPlaceholder:e.Color.Neutral600,LeftNavItemActive:e.Color.Brand400,ModalClose:e.Color.Neutral900,SelectionBoxDisabled:e.Color.Neutral500,TabActive:e.Color.Brand300,TagError:e.Color.Error500,TagNeutral:e.Color.Neutral700,TagPrimary:e.Color.Primary400,TagSuccess:e.Color.Success500,TagWarning:e.Color.Warning500,Tooltip:e.Color.NeutralWhite});return R.default={light:e,dark:r=>({...e(r),Active:r.Color.Brand200,ActiveHover:r.Color.Brand100,Dark:r.Color.Neutral900,Default:r.Color.NeutralWhite,Disabled:r.Color.Neutral600,Error:r.Color.Error200,Light:r.Color.NeutralWhite,Secondary:r.Color.Neutral500,Success:r.Color.Success300,Avatar:r.Color.NeutralWhite,BreadcrumbsLink:r.Color.Brand200,BreadcrumbsDivider:r.Color.NeutralWhite,BreadcrumbsCurrentRoute:r.Color.NeutralWhite,ButtonLink:r.Color.Brand200,ButtonLinkDisabled:r.Color.Neutral600,ButtonLinkHover:r.Color.NeutralWhite,ButtonLinkTertiary:r.Color.Neutral400,ButtonLinkDestructive:r.Color.Error200,ButtonLinkDestructiveHover:r.Color.NeutralWhite,ButtonNeutral:r.Color.NeutralWhite,ButtonNeutralDisabled:r.Color.Neutral500,ButtonNeutralHover:r.Color.NeutralWhite,ButtonPrimaryDisabled:r.Color.Neutral500,ButtonTransparent:r.Color.Brand200,ButtonTransparentDisabled:r.Color.Neutral600,ButtonTransparentHover:r.Color.NeutralWhite,ButtonTransparentDestructiveHover:r.Color.NeutralWhite,ButtonTransparentTertiary:r.Color.Neutral400,DropdownMenuItemActive:r.Color.NeutralWhite,ChipDefault:r.Color.NeutralWhite,ChipDefaultActive:r.Color.Brand200,ChipDefaultDisabled:r.Color.Neutral600,InputErrorMessage:r.Color.Error200,InputHelpText:r.Color.Neutral500,InputLabel:r.Color.Neutral500,InputPlaceholder:r.Color.Neutral500,LeftNavItemActive:r.Color.NeutralWhite,ModalClose:r.Color.NeutralWhite,SelectionBoxDisabled:r.Color.Neutral500,TabActive:r.Color.Brand200,TagError:r.Color.NeutralWhite,TagNeutral:r.Color.NeutralWhite,TagPrimary:r.Color.NeutralWhite,TagSuccess:r.Color.NeutralWhite,TagWarning:r.Color.Neutral800,Tooltip:r.Color.Neutral900})},R}()),c=r(function(){if(W)return j;W=1,Object.defineProperty(j,"__esModule",{value:!0});const e=e=>({SendToBack:e.ZIndex.SendToBack,Default:e.ZIndex.Base,Hover:e.ZIndex.Hover,Active:e.ZIndex.Active,Focus:e.ZIndex.Focus,Overlay:e.ZIndex.Overlay1,Sticky:e.ZIndex.Overlay2,Fixed:e.ZIndex.Overlay3,DatePicker:e.ZIndex.Overlay1,Drawer:e.ZIndex.Overlay5,DropdownMenu:e.ZIndex.Overlay1,MessageBox:e.ZIndex.Overlay3,Modal:e.ZIndex.Overlay5,Tooltip:e.ZIndex.Overlay10});return j.default={light:e,dark:r=>({...e(r)})},j}());e.targets={REACT:"react",REACT_NATIVE:"react_native",NATIVE:"native"},e.themes={LIGHT:"light",DARK:"dark"};const g=(r=e.themes.LIGHT,a=o.default)=>({BackgroundColor:r===e.themes.LIGHT?l.default.light(a):l.default.dark(a),BorderColor:r===e.themes.LIGHT?i.default.light(a):i.default.dark(a),BorderRadius:r===e.themes.LIGHT?n.default.light(a):n.default.dark(a),BoxShadow:r===e.themes.LIGHT?u.default.light(a):u.default.dark(a),FontSize:r===e.themes.LIGHT?d.default.light(a):d.default.dark(a),Spacing:r===e.themes.LIGHT?s.default.light(a):s.default.dark(a),TextColor:r===e.themes.LIGHT?C.default.light(a):C.default.dark(a),ZIndex:r===e.themes.LIGHT?c.default.light(a):c.default.dark(a)});e.buildTheme=(r=e.themes.LIGHT,l=e.targets.REACT,i={})=>{const n=Object.assign({},o.default),u=g(r),d=(0,t.splitTokens)(i,n,u),s=(0,t.collapseTokens)(d.updatedTokens.core),C=(0,t.deepMerge)(n,s),c=(0,a.applyTargetModifications)(l,C),p=g(r,c),m=(0,t.deepMerge)(c,p);let h={};d.updatedTokens.leaf.map(e=>{h=(0,t.deepMerge)(h,e)});return d.updatedTokens.new.map(e=>{h=(0,t.deepMerge)(h,e)}),(0,t.deepMerge)(m,h)},e.light=(0,e.buildTheme)(e.themes.LIGHT),e.dark=(0,e.buildTheme)(e.themes.DARK)}(f)),f}var X=z();g.__MUI_LICENSE_INFO__=g.__MUI_LICENSE_INFO__||{key:void 0};class U{static getLicenseInfo(){return g.__MUI_LICENSE_INFO__}static getLicenseKey(){return U.getLicenseInfo().key}static setLicenseKey(e){U.getLicenseInfo().key=e}}var G=(e=>(e.AutoTransport="CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874",e.BillsUtilities="CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8",e.BusinessServices="CAT-94b11142-e97b-941a-f67f-6e18d246a23f",e.Education="CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0",e.Entertainment="CAT-e04e9d1e-e041-c315-2e50-094143ab3f73",e.FeesCharges="CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a",e.Financial="CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf",e.FoodDining="CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a",e.GiftsDonations="CAT-8edf9663-623e-4735-490e-31288f0a70b0",e.HealthFitness="CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f",e.Home="CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac",e.Income="CAT-bf9f3294-4c40-1677-d269-54fbc189faf3",e.Investments="CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c",e.Kids="CAT-0cb1d99d-f558-99e3-2282-b31f359b411a",e.PersonalCare="CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f",e.Pets="CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78",e.Shopping="CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f",e.Taxes="CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954",e.Transfer="CAT-bce48142-fea4-ff45-20d9-0a642d44de83",e.Travel="CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae",e.Uncategorized="CAT-d7851c65-3353-e490-1953-fb9235e681e4",e))(G||{});G.Uncategorized;G.AutoTransport,G.BillsUtilities,G.BusinessServices,G.Education,G.Entertainment,G.FeesCharges,G.Financial,G.FoodDining,G.GiftsDonations,G.HealthFitness,G.Home,G.Income,G.Investments,G.Kids,G.PersonalCare,G.Pets,G.Shopping,G.Taxes,G.Transfer,G.Travel,a.forwardRef(function(r,o){return e(l,{direction:"up",ref:o,...r})});const Z=({bold:r,className:o="",children:a,color:t,sx:l={},truncate:n=!0,uppercase:u,...d})=>{switch(d.variant){case"Body":d.variant="body1";break;case"Button":d.variant="button";break;case"H1":d.variant="h1";break;case"H2":d.variant="h2";break;case"H3":d.variant="h3";break;case"Paragraph":d.variant="subtitle1";break;case"ParagraphSmall":d.variant="subtitle2";break;case"Small":d.variant="body2";break;case"Tiny":d.variant="tiny";break;case"XSmall":d.variant="caption"}return e(i,{className:`mx-kmui-text ${o}`,color:t,sx:[r?{fontWeight:600}:{},n?{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}:{},u?{textTransform:"uppercase"}:{},...Array.isArray(l)?l:[l]],...d,children:a})},K=({className:r="",children:o,...a})=>e(Z,{className:`mx-kmui-text h1 ${r}`,component:"h1",variant:"h1",...a,children:o});a.createContext(X.light),a.createContext(X.buildTheme("light","react_native")),U.setLicenseKey("6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="),t().shadows;const V="Active",Q="All",J="Create Insight",$="Custom Insights",Y="Disabled",q="Pending";var ee;!function(e){e.grid="GRID",e.list="LIST"}(ee||(ee={}));const re=()=>{const[t,l]=a.useState(ee.grid),[i,g]=a.useState(0);return r(o,{children:[r(n,{sx:{alignItems:"center",display:"flex",justifyContent:"space-between",mb:12},children:[e(K,{children:$}),r(n,{sx:{display:"flex",gap:32,justifyContent:"center"},children:[r(u,{exclusive:!0,onChange:(e,r)=>{null!==r&&l(r)},value:t,children:[e(d,{size:"small",value:ee.grid,children:e(p,{color:t===ee.grid?"primary":"secondary"})}),e(d,{size:"small",value:ee.list,children:e(m,{color:t===ee.list?"primary":"secondary"})})]}),e(s,{onClick:()=>{},variant:"contained",children:J})]})]}),e(n,{sx:{width:"100%"},children:e(n,{sx:{borderBottom:1,borderColor:"divider"},children:r(C,{onChange:(e,r)=>{g(r)},value:i,children:[e(c,{label:Q}),e(c,{label:V}),e(c,{label:q}),e(c,{label:Y})]})})})]})};export{re as Page}; //# sourceMappingURL=index.js.map