@datawheel/bespoke 0.3.13 → 0.3.15-noauth.0

package/dist/index.js

@@ -19,16 +19,15 @@ import { Notifications, notifications } from '@mantine/notifications';
 import React, { forwardRef, createContext, useState, useCallback, useRef, useEffect, useMemo, useContext, memo, Fragment as Fragment$1, createElement } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector } from 'react-redux';
-import { Stack, Text, Badge, Group, Image, Flex, packSx, useMantineTheme, List, Modal, Button, Tooltip, ActionIcon, SegmentedControl, Select, MultiSelect, Center, Grid, Title, Radio, NumberInput, TextInput, Switch, Box, Menu, Anchor, Input, MantineProvider, Navbar, ScrollArea, Avatar, AppShell, UnstyledButton, ThemeIcon, LoadingOverlay, Skeleton, Card, Container, Loader, Alert, Burger, Collapse, Checkbox, Accordion, Space, Code, Divider, Textarea, Paper, Autocomplete, Popover, Drawer, rem, Overlay, Header, px, Tabs, FileInput, SimpleGrid, HoverCard, CopyButton, Col } from '@mantine/core';
+import { Stack, Text, Badge, Group, Image, Flex, packSx, useMantineTheme, List, Modal, Button, Tooltip, ActionIcon, SegmentedControl, Select, MultiSelect, Center, Grid, Title, Radio, NumberInput, TextInput, Switch, Box, Menu, Anchor, Input, MantineProvider, Navbar, ScrollArea, AppShell, UnstyledButton, ThemeIcon, LoadingOverlay, Skeleton, Card, Container, Loader, Alert, Burger, Collapse, Checkbox, Accordion, Space, Code, Divider, Textarea, Paper, Autocomplete, Popover, Drawer, rem, Overlay, Avatar, Header, px, Tabs, FileInput, SimpleGrid, HoverCard, CopyButton, Col } from '@mantine/core';
 import { dataConcat, dataLoad } from 'd3plus-viz';
 import * as d3plus from 'd3plus-react';
-import Router, { useRouter } from 'next/router';
+import { useRouter } from 'next/router';
 import { useMediaQuery, useClickOutside, useDisclosure, useDebouncedValue, useSetState, useHotkeys, useFullscreen, getHotkeyHandler } from '@mantine/hooks';
-import { IconDice, IconBoxMultiple, IconEyeOff, IconChevronDown, IconInfoCircle, IconRefresh, IconSearch, IconPlus, IconHeading, IconApi, IconPercentage, IconChartBar, IconAlignLeft, IconSelector, IconPhoto, IconAlignCenter, IconAlignRight, IconBallpen, IconDatabase, IconMathFunction, IconUsers, IconLogout, IconTrash, IconX, IconPhotoFilled, IconFileUpload, IconUserCircle, IconEdit, IconCircleDashed, IconServer, IconPencil, IconAlertCircle, IconCircleCheck, IconPlayerPlay, IconCircleX, IconFlag, IconFileAnalytics, IconHome, IconSettingsFilled, IconEye, IconWorldUpload, IconBraces, IconClockHour2, IconAugmentedReality, IconGitMerge, IconGripHorizontal, IconChevronLeft, IconChevronRight, IconPolaroid, IconCircleMinus, IconTable, IconCamera, IconShare, IconCirclePlus, IconLogin, IconWorld, IconLock, IconBinaryTree, IconVariable, IconArrowRightCircle, IconIndentIncrease, IconCodeDots, IconUpload, IconCodePlus, IconLink, IconSparkles, IconClipboardCheck, IconClipboardCopy, IconExternalLink, IconDownload, IconTemplate, IconCode, IconPalette, IconSettings, IconMinimize, IconMaximize, IconRss, IconGlobe, IconLinkOff } from '@tabler/icons-react';
+import { IconDice, IconBoxMultiple, IconEyeOff, IconChevronDown, IconInfoCircle, IconRefresh, IconSearch, IconPlus, IconHeading, IconApi, IconPercentage, IconChartBar, IconAlignLeft, IconSelector, IconPhoto, IconAlignCenter, IconAlignRight, IconTrash, IconX, IconPhotoFilled, IconFileUpload, IconCircleDashed, IconDatabase, IconServer, IconPencil, IconAlertCircle, IconCircleCheck, IconPlayerPlay, IconCircleX, IconFlag, IconFileAnalytics, IconBallpen, IconMathFunction, IconSettingsFilled, IconEye, IconWorldUpload, IconBraces, IconClockHour2, IconAugmentedReality, IconGitMerge, IconGripHorizontal, IconChevronLeft, IconChevronRight, IconPolaroid, IconCircleMinus, IconTable, IconCamera, IconShare, IconCirclePlus, IconLogout, IconLogin, IconWorld, IconLock, IconBinaryTree, IconVariable, IconArrowRightCircle, IconIndentIncrease, IconCodeDots, IconUpload, IconCodePlus, IconLink, IconSparkles, IconClipboardCheck, IconClipboardCopy, IconExternalLink, IconTemplate, IconCode, IconDownload, IconPalette, IconFileTypeCsv, IconFileTypeJs, IconFileTypeXls, IconSettings, IconMinimize, IconMaximize, IconRss, IconGlobe, IconLinkOff } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import Link from 'next/link';
 import parse2, { Element, domToReact, Text as Text$1 } from 'html-react-parser';
-import { UserProvider, withPageAuthRequired, useUser } from '@auth0/nextjs-auth0/client';
 import { Prism } from '@mantine/prism';
 import JSZip from 'jszip';
 import { saveAs } from 'file-saver';
@@ -212,14 +211,8 @@ function apiFactory(baseURL) {
     readMetadata: httpGET(axios8, "read/metadata"),
     regenerateSearch: httpPOST(axios8, "search/regenerate"),
     urlProxy: httpGET(axios8, "url/proxy"),
-    searchRole: httpGET(axios8, "auth/search/roles"),
-    searchUser: httpGET(axios8, "auth/search/users"),
-    readUser: httpGET(axios8, "auth/read/user"),
-    updateUser: httpPOST(axios8, "auth/update/user"),
-    addNewReportToCurrentUser: httpPOST(axios8, "auth/update/me"),
     revalidateReport: httpGET(axios8, "revalidate/report"),
     revalidateUrl: httpGET(axios8, "revalidate/url"),
-    readPrivateBlocks: httpPOST(axios8, "read/blocks/private"),
     listTablerIcons: httpListIconsFactory(axios8, "tabler"),
     readTablerIcon: httpReadIconFactory(axios8, "tabler")
   };
@@ -2515,15 +2508,12 @@ var init_recordsActions = __esm({
 var actions_exports = {};
 __export(actions_exports, {
   addBlockToState: () => addBlockToState,
-  addNewReportToCurrentUser: () => addNewReportToCurrentUser,
   createEntity: () => createEntity,
   deleteEntity: () => deleteEntity,
   deleteQueryParam: () => deleteQueryParam,
   readEntity: () => readEntity,
   readMember: () => readMember,
   readMetadata: () => readMetadata,
-  readPrivateBlocks: () => readPrivateBlocks,
-  readUser: () => readUser,
   recalculateVariables: () => recalculateVariables,
   removeBlocksFromState: () => removeBlocksFromState,
   reportSearch: () => reportSearch,
@@ -2532,15 +2522,12 @@ __export(actions_exports, {
   revalidateUrl: () => revalidateUrl,
   searchMember: () => searchMember,
   searchRegenerate: () => searchRegenerate,
-  searchRole: () => searchRole,
-  searchUser: () => searchUser,
   setCurrentLocale: () => setCurrentLocale,
   setPreviews: () => setPreviews,
   setQueryParam: () => setQueryParam,
   setSectionState: () => setSectionState,
   setStatus: () => setStatus,
   updateEntity: () => updateEntity,
-  updateUser: () => updateUser,
   urlProxy: () => urlProxy2,
   variantValidateSlug: () => variantValidateSlug
 });
@@ -2667,51 +2654,6 @@ function urlProxy2(url) {
     return result.data;
   };
 }
-function searchRole() {
-  return async (_, __, api) => {
-    const result = await api.searchRole("");
-    if ("error" in result) {
-      throw new Error(result.error);
-    }
-    return result.data;
-  };
-}
-function searchUser(filters) {
-  return async (_, __, api) => {
-    const result = await api.searchUser(filters);
-    if ("error" in result) {
-      throw new Error(result.error);
-    }
-    return result.data;
-  };
-}
-function readUser(userId) {
-  return async (_, __, api) => {
-    const result = await api.readUser({ user_id: userId });
-    if ("error" in result) {
-      throw new Error(result.error);
-    }
-    return result.data;
-  };
-}
-function updateUser({ user }) {
-  return async (_, __, api) => {
-    const result = await api.updateUser(user);
-    if ("error" in result) {
-      throw new Error(result.error);
-    }
-    return result.data;
-  };
-}
-function addNewReportToCurrentUser(params) {
-  return async (_, __, api) => {
-    const result = await api.addNewReportToCurrentUser(params);
-    if ("error" in result) {
-      throw new Error(result.error);
-    }
-    return result.data;
-  };
-}
 function removeBlocksFromState(privateBlockIds) {
   const { removeBlocks } = recordsSlice.actions;
   return async (dispatch) => {
@@ -2724,15 +2666,6 @@ function addBlockToState(newBlocks) {
     await dispatch(addBlocks(newBlocks));
   };
 }
-function readPrivateBlocks(params) {
-  return async (_, __, api) => {
-    const result = await api.readPrivateBlocks({ ...params, roles: [] });
-    if ("error" in result) {
-      throw new Error(result.error);
-    }
-    return result.data;
-  };
-}
 function revalidateUrl(params) {
   return async (_, __, api) => {
     const result = await api.revalidateUrl({ target: params.target });
@@ -4675,16 +4608,12 @@ init_runConsumers();
 init_store2();
 init_variablesSlice();
 function useInitialState(pathSegmentsKey) {
-  const { asPath, locale, defaultLocale } = useRouter();
+  const { asPath, locale } = useRouter();
   const [loading, setLoading] = useState(true);
-  const { user, isLoading } = useUser();
-  const [privateBlocks, setPrivateBlocks] = useState({ resolved: false, blocks: [] });
   const dispatch = useAppDispatch();
   const [, search] = asPath.split("?");
   const query = search ? JSON.parse('{"' + decodeURI(search).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') + '"}') : {};
   const state = useAppSelector((state2) => state2);
-  const reports = useReportList().data;
-  const report_id = reports && reports[0].id;
   const attributes = useAppSelector((state2) => state2.variables.attributes);
   const blockRecords = selectBlockRecords(state);
   const formatterList = selectFormatterList(state);
@@ -4692,35 +4621,11 @@ function useInitialState(pathSegmentsKey) {
   const variables = useAppSelector((state2) => state2.variables.variables);
   const status = useAppSelector((state2) => state2.variables.status);
   const readMemberFn = useReadMemberFn();
-  useEffect(() => {
-    if (!isLoading && user && report_id) {
-      dispatch(actions_exports.readPrivateBlocks({
-        report_id,
-        locale: locale || defaultLocale || "en"
-      })).then((response) => {
-        if (response.data && response.data.length) {
-          const blocks = response.data.reduce((normalizedBlocks, block) => ({ ...normalizedBlocks, [block.id]: block }), []);
-          dispatch(actions_exports.addBlockToState(blocks)).then(() => {
-            setPrivateBlocks({ resolved: true, blocks: response.data.map((block) => block.id) });
-          });
-        }
-        setPrivateBlocks({ resolved: true, blocks: [] });
-        setLoading(false);
-      }).catch(() => {
-        setPrivateBlocks({ resolved: true, blocks: [] });
-        setLoading(false);
-      });
-    }
-    if (!isLoading && !user) {
-      setPrivateBlocks({ resolved: true, blocks: [] });
-      setLoading(false);
-    }
-  }, [user, isLoading]);
   useEffect(() => {
     const hasParams = Object.keys(query).some((key) => key !== pathSegmentsKey);
-    if ((hasParams || privateBlocks.blocks.length > 0) && privateBlocks.resolved) {
+    if (hasParams) {
       const selectorIds = Object.keys(query).map((d) => Number(d.match(/\d+/)));
-      const revalidateBlocks = selectorIds.filter((id) => id !== 0).concat(privateBlocks.blocks);
+      const revalidateBlocks = selectorIds.filter((id) => id !== 0);
       Promise.all(
         revalidateBlocks.map((bid) => {
           const block = blockRecords[bid];
@@ -4748,9 +4653,11 @@ function useInitialState(pathSegmentsKey) {
         setLoading(false);
         d.map((data) => dispatch(variablesActions.setVariableChange({ ...data, attributes })));
       });
+    } else {
+      setLoading(false);
     }
-  }, [privateBlocks.resolved]);
-  return loading || !privateBlocks.resolved;
+  }, []);
+  return loading;
 }
 
 // frontend/hooks/useScrollToAnchor.ts
@@ -7272,9 +7179,18 @@ init_varSwapRecursive();
 init_runConsumers();
 init_consts();
 var formatOptions = {
-  csv: "CSV",
-  json: "JSON",
-  xlsx: "XLSX"
+  csv: {
+    extension: "CSV",
+    icon: IconFileTypeCsv
+  },
+  json: {
+    extension: "JSON",
+    icon: IconFileTypeJs
+  },
+  xlsx: {
+    extension: "XLSX",
+    icon: IconFileTypeXls
+  }
 };
 var DEFAULT_TRANSLATIONS2 = {
   "data_source": "Data Source",
@@ -7293,7 +7209,7 @@ var DEFAULT_TRANSLATIONS2 = {
   "rows_preview": "(First {nrows} rows as preview)",
   "choose_format": "Choose format",
   "processing_file": "Processing file...",
-  "download": "Download full selected dataset in {fmt} format",
+  "download": "Download data as",
   "preview": "Preview",
   "copy": "Click to copy",
   "copied": "Copied!"
@@ -7330,9 +7246,9 @@ function DataTab(props) {
   const [selectedSource, setSelectedSource] = useState();
   const [selectedDataset, setSelectedDataset] = useState();
   const [fileProcessing, setFileProcessing] = useState(false);
-  const [fileFormat, setFileFormat] = useState(formatOptions.csv);
   const [previewsSource, setPreviewsSource] = useState({});
-  const [loadingPreview, setLoadingPreview] = useState(false);
+  const [loadingPreview, setLoadingPreview] = useState(true);
+  const [loadingSources, setLoadingSources] = useState(true);
   const { sectionVariables, setSectionVariables, resetSectionVariables } = useSectionVariables(section.id);
   const blockIds = section.blocks || [];
   const state = useAppSelector((state2) => state2);
@@ -7461,6 +7377,7 @@ function DataTab(props) {
           }
         }
       }
+      setLoadingSources(false);
     }
   }, [blocksData]);
   useEffect(() => {
@@ -7502,28 +7419,28 @@ function DataTab(props) {
       }
     }
   }, [selectedDataset, selectedSource]);
-  const getFileName = (nameformat, fileFormat2) => {
-    const finalNameFormat = nameformat === fileFormat2 ? "" : `-${nameformat}`.toLowerCase();
+  const getFileName = (nameformat, fileFormat) => {
+    const finalNameFormat = nameformat === fileFormat ? "" : `-${nameformat}`.toLowerCase();
     if (selectedSource) {
       const fileIndex = selectedSource.data.length > 1 && selectedDataset ? `-${parseInt(selectedDataset, 10) + 1}` : "";
-      return `${slugify_default(selectedSource.fileName)}${finalNameFormat}${fileIndex}.${fileFormat2.toLowerCase()}`;
+      return `${slugify_default(selectedSource.fileName)}${finalNameFormat}${fileIndex}.${fileFormat.toLowerCase()}`;
     }
-    return `${finalNameFormat}.${fileFormat2}`;
+    return `${finalNameFormat}.${fileFormat}`;
   };
-  const onSaveClick = async () => {
+  const onSaveClick = async (fileFormat) => {
     if (selectedSource) {
       setFileProcessing(true);
       const zipFile = new JSZip();
       const filename = getFileName(fileFormat, fileFormat);
       try {
         switch (fileFormat) {
-          case formatOptions.json:
+          case formatOptions.json.extension:
             zipFile.file(filename, JSON.stringify(currentPreview));
             break;
-          case formatOptions.csv:
+          case formatOptions.csv.extension:
             zipFile.file(filename, csvFormat(currentPreview));
             break;
-          case formatOptions.xlsx:
+          case formatOptions.xlsx.extension:
             const { utils, write } = await import('xlsx');
             const wb = utils.book_new();
             utils.book_append_sheet(
@@ -7570,8 +7487,9 @@ function DataTab(props) {
   )), [sourcesOptions, selectedSource, sourcesToLoad]);
   return /* @__PURE__ */ jsxs(Stack, { className: "cms-section-options-data", children: [
     /* @__PURE__ */ jsx(Space, { h: "xs" }),
-    sourcesOptions.length === 0 && /* @__PURE__ */ jsx("p", { children: "No data sources defined." }),
-    sourcesOptions.length > 1 && /* @__PURE__ */ jsx(Input.Wrapper, { label: `${translations["choose_data_src"]}:`, children: /* @__PURE__ */ jsx(Group, { spacing: "xs", children: sourcesButtons }) }),
+    /* @__PURE__ */ jsx(LoadingOverlay, { visible: loadingSources, overlayBlur: 2 }),
+    sourcesOptions.length === 0 && !loadingSources && /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: "1rem" }), title: "Oops!", children: translations["no_data_src"] }),
+    sourcesOptions.length > 1 && sourcesOptions.length === sourcesToLoad.length && !loadingSources && /* @__PURE__ */ jsx(Input.Wrapper, { label: `${translations["choose_data_src"]}:`, children: /* @__PURE__ */ jsx(Group, { spacing: "xs", children: sourcesButtons }) }),
     selectedSource && selectedDataset && /* @__PURE__ */ jsx(Stack, { spacing: "xs", children: /* @__PURE__ */ jsx(
       Input.Wrapper,
       {
@@ -7596,7 +7514,7 @@ function DataTab(props) {
           /* @__PURE__ */ jsx(
             CopyButton,
             {
-              value: selectedSource.data[selectedDataset] === "string" ? selectedSource.data[selectedDataset] : "",
+              value: typeof selectedSource.data[selectedDataset] === "string" ? selectedSource.data[selectedDataset] : "",
               timeout: 2e3,
               children: ({ copied, copy }) => /* @__PURE__ */ jsx(Tooltip, { label: copied ? translations["copied"] : translations["copy"], withArrow: true, position: "top", children: /* @__PURE__ */ jsx(
                 ActionIcon,
@@ -7621,32 +7539,21 @@ function DataTab(props) {
         children: translations["open_in_window"].replace("{src}", selectedSource.title)
       }
     ) }),
-    /* @__PURE__ */ jsxs(Stack, { pos: "relative", mih: "450px", children: [
-      /* @__PURE__ */ jsx(LoadingOverlay, { visible: loadingPreview }),
+    /* @__PURE__ */ jsxs(Stack, { pos: "relative", mih: "430px", children: [
+      /* @__PURE__ */ jsx(LoadingOverlay, { visible: loadingPreview && sourcesOptions.length > 0, overlayBlur: 2 }),
       selectedSource && !loadingPreview && currentPreview.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Box, { h: "300px", children: /* @__PURE__ */ jsx(SortableTable, { data: currentPreview.slice(0, PREVIEW_SIZE) }) }),
-        /* @__PURE__ */ jsx(Space, { h: "xs" }),
-        /* @__PURE__ */ jsx(Input.Wrapper, { label: `${translations["choose_format"]}: ${getFileName(fileFormat, fileFormat)}`, children: /* @__PURE__ */ jsx(Button.Group, { children: Object.keys(formatOptions).map((format2) => /* @__PURE__ */ jsx(
-          Button,
-          {
-            leftIcon: /* @__PURE__ */ jsx(IconTable, { size: 16 }),
-            onClick: () => setFileFormat(formatOptions[format2]),
-            variant: fileFormat === formatOptions[format2] ? "filled" : "default",
-            fullWidth: true,
-            children: formatOptions[format2]
-          },
-          `format-${format2}`
-        )) }) }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Box, { h: "350px", children: /* @__PURE__ */ jsx(SortableTable, { data: currentPreview.slice(0, PREVIEW_SIZE) }) }),
+        /* @__PURE__ */ jsx(Input.Wrapper, { label: `${translations["download"]}:`, children: /* @__PURE__ */ jsx(Button.Group, { children: Object.values(formatOptions).map((format2) => /* @__PURE__ */ jsx(
           Button,
           {
-            leftIcon: /* @__PURE__ */ jsx(IconDownload, { size: 16 }),
+            leftIcon: /* @__PURE__ */ jsx(format2.icon, { size: 24 }),
+            onClick: () => onSaveClick(format2.extension),
             loading: fileProcessing,
-            onClick: onSaveClick,
             fullWidth: true,
-            children: /* @__PURE__ */ jsx("span", { children: fileProcessing ? translations["processing_file"] : translations["download"].replace("{fmt}", fileFormat) })
-          }
-        )
+            children: format2.extension
+          },
+          `format-${format2.extension}`
+        )) }) })
       ] })
     ] })
   ] });
@@ -7677,7 +7584,7 @@ var DEFAULT_TRANSLATIONS3 = {
 function ImageTab(props) {
   const { section } = props;
   const blocksIds = section.blocks || [];
-  const vizBlocks = useAppSelector((state) => blocksIds.map((blockId) => state.records.entities.block[blockId]).filter((block) => block.type === "visualization"));
+  const vizBlocks = useAppSelector((state) => blocksIds.map((blockId) => state.records.entities.block[blockId]).filter((block) => block.type === "visualization" && state.variables.status[block.id].allowed));
   const [imageContext, setImageContext] = useState(contextOptions.section);
   const [imageFormat, setImageFormat] = useState(formatOptions2.png);
   const [imageProcessing, setImageProcessing] = useState(false);
@@ -7805,31 +7712,35 @@ function ImageTab(props) {
   }, [vizSelected]);
   return /* @__PURE__ */ jsxs(Stack, { className: "cms-section-options-image", children: [
     /* @__PURE__ */ jsx(Space, { h: "xs" }),
-    /* @__PURE__ */ jsx(Input.Wrapper, { label: `${translations["choose_area"]}:`, children: /* @__PURE__ */ jsxs(Button.Group, { children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          leftIcon: /* @__PURE__ */ jsx(IconTemplate, { size: 16 }),
-          onClick: () => {
-            setImageContext(contextOptions.section);
-            setImageFormat(formatOptions2.png);
+    /* @__PURE__ */ jsx(Input.Wrapper, { label: `${translations["choose_area"]}:`, children: /* @__PURE__ */ jsx(
+      SegmentedControl,
+      {
+        fullWidth: true,
+        value: imageContext,
+        data: [
+          {
+            value: contextOptions.section,
+            label: /* @__PURE__ */ jsxs(Center, { children: [
+              /* @__PURE__ */ jsx(IconTemplate, { size: "1rem" }),
+              /* @__PURE__ */ jsx(Box, { ml: 10, children: translations["entire_section"] })
+            ] })
           },
-          variant: imageContext === contextOptions.section ? "filled" : "default",
-          fullWidth: true,
-          children: translations["entire_section"]
-        }
-      ),
-      vizAvailable.length > 0 && /* @__PURE__ */ jsx(
-        Button,
-        {
-          leftIcon: /* @__PURE__ */ jsx(IconChartBar, { size: 16 }),
-          onClick: () => setImageContext(contextOptions.viz),
-          variant: imageContext === contextOptions.viz ? "filled" : "default",
-          fullWidth: true,
-          children: translations["viz_only"]
+          {
+            value: contextOptions.viz,
+            label: /* @__PURE__ */ jsxs(Center, { children: [
+              /* @__PURE__ */ jsx(IconChartBar, { size: "1rem" }),
+              /* @__PURE__ */ jsx(Box, { ml: 10, children: translations["viz_only"] })
+            ] })
+          }
+        ],
+        onChange: (newValue) => {
+          setImageContext(newValue);
+          if (newValue === contextOptions.section) {
+            setImageFormat(formatOptions2.png);
+          }
         }
-      )
-    ] }) }),
+      }
+    ) }),
     imageContext === contextOptions.viz && vizAvailable.length > 0 && /* @__PURE__ */ jsxs(
       Input.Wrapper,
       {
@@ -8530,8 +8441,8 @@ init_esm_shims();
 init_store2();
 var ALLOWED_UNITS = ["px", "%"];
 var formatters = {
-  px: (value) => !Number.isNaN(parseFloat(value)) ? `${value}px`.replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",") : "px",
-  ["%"]: (value) => !Number.isNaN(parseFloat(value)) ? `${value}%`.replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",") : "%"
+  px: (value) => !Number.isNaN(parseFloat(value)) ? `${value}px`.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,") : "px",
+  "%": (value) => !Number.isNaN(parseFloat(value)) ? `${value}%`.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,") : "%"
 };
 var WidthInputProps = {
   "px": {
@@ -8986,135 +8897,6 @@ function Report() {
 }
 var Report_default = Report;
 
-// frontend/components/auth/LoginButton.tsx
-init_esm_shims();
-
-// types/auth.ts
-init_esm_shims();
-var CMS_ROLES = {
-  ADMIN: "Admin",
-  EDITOR: "Editor",
-  WRITER: "Writer"
-};
-function BespokeLoginBtn({
-  buttonProps = {},
-  editorMenuItemProps = {},
-  editorMenuItemRoute = "/cms",
-  logoutButtonProps = {},
-  menuProps = {},
-  options = "",
-  optionsPosition = "bottom",
-  translations = {},
-  withEditorMenuItem = true,
-  withSession = true
-}) {
-  const { user, error, isLoading } = useUser();
-  const userRoles = useMemo(() => user?.bespoke_roles || [], [user]);
-  const isCMSUser = useMemo(() => CMS_ROLES && Object.keys(CMS_ROLES).length > 0 && Object.keys(CMS_ROLES).some((role) => userRoles.includes(CMS_ROLES[role])), [userRoles]);
-  const buttonConfig = {
-    leftIcon: /* @__PURE__ */ jsx(IconUserCircle, {}),
-    ...buttonProps
-  };
-  if (user && !error && !isLoading) {
-    const editorMenuItemConfig = {
-      ...editorMenuItemProps
-    };
-    const logoutButtonConfig = {
-      color: "red",
-      fullWidth: true,
-      leftIcon: /* @__PURE__ */ jsx(IconLogout, { size: 14 }),
-      size: "xs",
-      variant: "subtle",
-      ...logoutButtonProps
-    };
-    const menuConfig = {
-      shadow: "md",
-      width: "auto",
-      position: "bottom",
-      ...menuProps
-    };
-    const cmsButton = /* @__PURE__ */ jsx(Link, { href: editorMenuItemRoute, passHref: true, children: /* @__PURE__ */ jsx(
-      Menu.Item,
-      {
-        icon: /* @__PURE__ */ jsx(IconEdit, { size: 14 }),
-        ...editorMenuItemConfig,
-        children: translations["Go to editor"] || "Go to editor"
-      }
-    ) });
-    return /* @__PURE__ */ jsxs(Menu, { ...menuConfig, children: [
-      /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(Button, { ...buttonConfig, children: `${translations["Welcome message"] || `Hi, ${user.name || user.email}`}` }) }),
-      /* @__PURE__ */ jsxs(Menu.Dropdown, { children: [
-        optionsPosition === "top" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          withEditorMenuItem && isCMSUser && cmsButton,
-          options,
-          (options || withEditorMenuItem && isCMSUser) && /* @__PURE__ */ jsx(Menu.Divider, {})
-        ] }),
-        withSession && /* @__PURE__ */ jsxs(
-          Menu.Item,
-          {
-            component: "span",
-            style: { pointerEvents: "none" },
-            icon: /* @__PURE__ */ jsx(Avatar, { src: user.picture, radius: "md" }),
-            children: [
-              /* @__PURE__ */ jsx(Text, { size: "sm", weight: 500, children: user.name }),
-              /* @__PURE__ */ jsx(Text, { color: "dimmed", size: "xs", children: user.email })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            component: "a",
-            href: "/api/auth/logout",
-            ...logoutButtonConfig,
-            children: translations["Disconnect"] || "Disconnect"
-          }
-        ),
-        optionsPosition === "bottom" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          (options || withEditorMenuItem && isCMSUser) && /* @__PURE__ */ jsx(Menu.Divider, {}),
-          withEditorMenuItem && isCMSUser && cmsButton,
-          options
-        ] })
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      component: "a",
-      href: "/api/auth/login",
-      loading: isLoading,
-      ...buttonConfig,
-      children: isLoading ? translations["Signing in"] || "Signing in..." : translations["Sign in"] || "Sign in"
-    }
-  );
-}
-var LoginButton_default = BespokeLoginBtn;
-
-// frontend/components/auth/UserProvider.tsx
-init_esm_shims();
-var UserProvider_default = UserProvider;
-
-// frontend/components/auth/withPageRoleAuthRequired.tsx
-init_esm_shims();
-function withPageRoleAuthRequired(params) {
-  const { SuccessComponent, FailureComponent, options } = params;
-  const allowedRoles = new Set(params.allowedRoles);
-  return withPageAuthRequired(({ user, ...props }) => {
-    return useMemo(() => {
-      const userRoles = user.bespoke_roles || [];
-      if (allowedRoles.size === 0 || userRoles.some((role) => allowedRoles.has(role))) {
-        return /* @__PURE__ */ jsx(SuccessComponent, { user, ...props });
-      }
-      return /* @__PURE__ */ jsx(FailureComponent, { ...props });
-    }, [user, props]);
-  }, options);
-}
-
-// frontend/components/auth/useUser.tsx
-init_esm_shims();
-var useUser_default = useUser;
-
 // index.ts
 init_store2();
 
@@ -10323,7 +10105,6 @@ function HeaderLayout(props) {
 init_hooks();
 function CMSHeader(props) {
   const { report: currentReport } = props;
-  const { id } = currentReport;
   const { newConfirmation } = useDialog();
   const dispatch = useAppDispatch();
   const { selectEntity } = useActiveEntity();
@@ -10338,8 +10119,6 @@ function CMSHeader(props) {
   const previewsFromState = useAppSelector((state) => state.status.previews);
   const settings = useSidebar("settings");
   const reportEditor = useSidebar("reportEditor");
-  const { user } = useUser();
-  const castedUser = user;
   const dimensions = useMemo(() => {
     return currentReport && currentReport.dimensions ? currentReport.dimensions : [];
   }, [currentReport]);
@@ -10423,16 +10202,6 @@ function CMSHeader(props) {
       setInitialFavorites(previewsFromState.map((ps) => ({ variantId: ps.variant_id, contentId: ps.content_id })));
     }
   }, [previewsFromState]);
-  useEffect(() => {
-    if (castedUser) {
-      if (castedUser.bespoke_app_metadata && castedUser.bespoke_app_metadata.reports && Array.isArray(castedUser.bespoke_app_metadata.reports)) {
-        const currentReportConfig = castedUser.bespoke_app_metadata.reports.find((r) => r.reportId === id);
-        if (currentReportConfig && currentReportConfig.favorites) {
-          setInitialFavorites(currentReportConfig.favorites);
-        }
-      }
-    }
-  }, [castedUser, id, previewsFromState]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       HeaderLayout,
@@ -10908,34 +10677,12 @@ function BlockSettings({ id, setBlockSettings, setBlockContent }) {
   const { newConfirmation } = useDialog();
   const dispatch = useAppDispatch();
   const block = useBlockRef(id).data;
-  const [accessSelected, setAccessSelected] = useState(block.settings[BLOCK_SETTINGS.ACCESS] || ["public"]);
-  const [roles, setRoles] = useState([]);
   const variables = useInputVariablesFlat(id);
   const allowedOptions = useMemo(() => [
     { value: "always", label: "always", group: "Static" },
     { value: "never", label: "never", group: "Static" }
   ].concat(Object.keys(variables).map((d) => ({ value: d, label: `${d}: ${variables[d]}`, group: "Based on variable" }))), [variables]);
-  const accessOptions = useMemo(() => [
-    { value: "public", label: "Public block, (all visitors)", group: "Exclusive" },
-    { value: "guest", label: "Guest only block, (non logged visitors)", group: "Exclusive" },
-    { value: "private", label: "Private block, (session required, any role)", group: "Exclusive" }
-  ], []);
-  const rolesOptions = useMemo(
-    () => roles.map((r) => ({ value: `role.${r.name}`, label: `Role ${r.name} (${r.type})`, group: `${r.type} Roles` })),
-    [roles]
-  );
   const shared = [{ label: "Section-wide", value: "false" }, { label: "Report-wide", value: "true" }];
-  useEffect(() => {
-    dispatch(actions_exports.searchRole()).then((response) => {
-      setRoles(response.roles);
-    });
-  }, []);
-  useEffect(() => {
-    setBlockSettings({
-      [BLOCK_SETTINGS.ACCESS]: accessSelected
-      //[BLOCK_SETTINGS.ACCESS_LOGIC]: allowedLogic,
-    });
-  }, [accessSelected]);
   const maybeDelete = async () => {
     try {
       await newConfirmation({
@@ -10954,18 +10701,6 @@ function BlockSettings({ id, setBlockSettings, setBlockContent }) {
       }
     );
   };
-  const handleAccessChange = (selectedAccessOptions) => {
-    let newSelectedAccess = [];
-    if (selectedAccessOptions.length === 0) {
-      newSelectedAccess = selectedAccessOptions.length === 0 ? [accessOptions[0].value] : selectedAccessOptions;
-    } else {
-      const last = selectedAccessOptions.slice(-1)[0];
-      const exclusiveSelections = accessOptions.map((ao) => ao.value);
-      const lastIsExclusive = exclusiveSelections.includes(last);
-      newSelectedAccess = lastIsExclusive ? [last] : selectedAccessOptions.filter((so) => !exclusiveSelections.includes(so));
-    }
-    setAccessSelected(newSelectedAccess);
-  };
   const handleChangeAllowedDropdown = (allowed) => {
     let allowedLogic = `return variables.${allowed}`;
     if (allowed === "always")
@@ -11017,16 +10752,6 @@ function BlockSettings({ id, setBlockSettings, setBlockContent }) {
           onChange: handleChangeCascadeDropdown
         }
       ),
-      /* @__PURE__ */ jsx(
-        MultiSelect,
-        {
-          label: "Privacy",
-          description: "This block will be shown based on the selected auth0 roles.",
-          data: [...accessOptions, ...rolesOptions],
-          value: accessSelected,
-          onChange: handleAccessChange
-        }
-      ),
       /* @__PURE__ */ jsx(Title, { order: 4, children: "Output" }),
       isShared && block.shared && /* @__PURE__ */ jsxs(Text, { size: "xs", color: "red.4", sx: { display: "flex", alignItems: "flex-start", gap: "0.4rem" }, children: [
         /* @__PURE__ */ jsx(IconAlertCircle, { size: "1.2rem" }),
@@ -14058,7 +13783,6 @@ function FormatterEditor() {
 // views/HelloView.tsx
 init_esm_shims();
 function HelloView() {
-  const { user } = useUser();
   return /* @__PURE__ */ jsxs(
     Flex,
     {
@@ -14069,11 +13793,7 @@ function HelloView() {
       direction: "column",
       wrap: "wrap",
       children: [
-        /* @__PURE__ */ jsxs(Title, { children: [
-          "Hi, ",
-          user.name,
-          "!"
-        ] }),
+        /* @__PURE__ */ jsx(Title, { children: "Hi, editor!" }),
         /* @__PURE__ */ jsx(Text, { children: "Welcome to Bespoke CMS. Have fun creating some amazing automated reports here!" })
       ]
     }
@@ -15038,7 +14758,6 @@ function MetadataEditor() {
 // views/NotFoundView.tsx
 init_esm_shims();
 function NotFoundView() {
-  const { user } = useUser();
   const textStyle = { color: "#000" };
   return /* @__PURE__ */ jsxs(
     Flex,
@@ -15052,11 +14771,7 @@ function NotFoundView() {
       style: { background: "white" },
       children: [
         /* @__PURE__ */ jsx(Title, { style: textStyle, children: "Not found." }),
-        /* @__PURE__ */ jsxs(Title, { order: 2, style: textStyle, children: [
-          "Sorry, ",
-          user?.name,
-          "!"
-        ] }),
+        /* @__PURE__ */ jsx(Title, { order: 2, style: textStyle, children: "Sorry!" }),
         /* @__PURE__ */ jsx(Text, { style: textStyle, children: "The page you are looking for is not here." }),
         /* @__PURE__ */ jsx(Button, { component: "a", href: "/", children: "Back to homepage" })
       ]
@@ -15096,28 +14811,14 @@ withFetcher(ReportCard, useReportRef);
 // views/PickReport.tsx
 init_store2();
 init_hooks();
-
-// libs/auth/utils.ts
-init_esm_shims();
-var getReportAccess = (user) => {
-  const reportsMetadata = user && user.bespoke_app_metadata && user.bespoke_app_metadata.reports && Array.isArray(user.bespoke_app_metadata.reports) ? user.bespoke_app_metadata.reports : [];
-  return reportsMetadata.map((rm) => rm.reportId);
-};
 function ReportPicker() {
   const dispatch = useAppDispatch();
   const [createLoading, setCreateLoading] = useState(false);
-  const { user } = useUser();
-  const reportAccess = getReportAccess(user);
   const ref = useReportList();
   const createHandler = useCallback((value) => {
     setCreateLoading(true);
     dispatch(actions_exports.createEntity("report", value)).then((response) => {
-      if (response.ok && reportAccess.length > 0) {
-        dispatch(actions_exports.addNewReportToCurrentUser({ report_id: response.data.id })).then(() => {
-          Router.reload();
-          setCreateLoading(false);
-        });
-      } else {
+      if (response.ok) {
         setCreateLoading(false);
       }
     });
@@ -15137,12 +14838,12 @@ function ReportPicker() {
         ReportCard,
         {
           for: report,
-          enabled: reportAccess.length === 0 || reportAccess.includes(report.id) ? true : false
+          enabled: true
         },
         report.id
       )
     ) });
-  }, [ref.data, ref.error, ref.status, reportAccess]);
+  }, [ref.data, ref.error, ref.status]);
   return /* @__PURE__ */ jsxs(Container, { size: "xl", children: [
     /* @__PURE__ */ jsx("h1", { children: "Reports" }),
     /* @__PURE__ */ jsx(LoadingOverlay, { visible: createLoading, overlayBlur: 2, overlayOpacity: 50 }),
@@ -15164,670 +14865,23 @@ function ReportPicker() {
   ] });
 }
 
-// views/UnathorizeView.tsx
-init_esm_shims();
-function UnauthorizeView() {
-  const { user } = useUser();
-  const textStyle = { color: "#000" };
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      mih: "100vh",
-      gap: "md",
-      justify: "center",
-      align: "center",
-      direction: "column",
-      wrap: "wrap",
-      style: { background: "white" },
-      children: [
-        /* @__PURE__ */ jsx(Title, { style: textStyle, children: "Unauthorize or forbidden access." }),
-        /* @__PURE__ */ jsxs(Title, { style: textStyle, order: 2, children: [
-          "Sorry, ",
-          user?.name,
-          "!"
-        ] }),
-        /* @__PURE__ */ jsx(Text, { style: textStyle, children: "Your session or your user's roles doesn't satisfy the needs of the requested view. Please, ask your administrator to allow you." }),
-        /* @__PURE__ */ jsxs(Group, { children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              component: "a",
-              href: "/",
-              leftIcon: /* @__PURE__ */ jsx(IconHome, { size: 14 }),
-              variant: "outline",
-              color: "dark",
-              children: "Back to homepage"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              component: "a",
-              href: "/api/auth/logout",
-              leftIcon: /* @__PURE__ */ jsx(IconLogout, { size: 14 }),
-              variant: "outline",
-              color: "dark",
-              children: "Disconnect"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-// views/UsersEditor.tsx
-init_esm_shims();
+// views/BespokeManager.tsx
+init_ErrorBoundary();
+init_envvars();
+init_statusSlice();
 init_store2();
-
-// components/users/FilterSidebar.tsx
-init_esm_shims();
-var allOption3 = { value: "all", label: "All" };
-var buildOptions2 = (options) => {
-  if (!options)
-    return [];
-  const selectOptions = options.map((d) => ({ value: String(d.id), label: `${d.name} (${d.type})` }));
-  return [allOption3, ...selectOptions];
-};
-function FilterSidebar3({ onChange, loading, roles }) {
-  const initialFilterState = {
-    role_id: allOption3.value,
-    query: "",
-    page: 0
-  };
-  const [filters, setFilters] = useState(initialFilterState);
-  const [debouncedQuery] = useDebouncedValue(filters.query, 500);
-  const options = useMemo(() => ({
-    roles: buildOptions2(roles)
-  }), [roles]);
-  const onChangeFilter = useCallback((key, value) => {
-    const newFilters = {
-      ...filters,
-      [key]: value
-    };
-    setFilters(newFilters);
-  }, [filters]);
-  const onClearFilters = () => {
-    setFilters(initialFilterState);
+function BespokeManager(options) {
+  const {
+    title = "Bespoke CMS",
+    pathSegment = "bespoke",
+    locale = localeDefault4,
+    profilePrefix = "/profilePathManager"
+  } = options;
+  const notifications5 = {
+    position: "bottom-center",
+    ...options.notifications
   };
-  useEffect(() => {
-    onChange({ ...filters, query: debouncedQuery });
-  }, [filters.role_id, filters.page, debouncedQuery]);
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(
-      Select,
-      {
-        label: "Roles",
-        data: options.roles,
-        value: filters.role_id,
-        onChange: (value) => onChangeFilter("role_id", value),
-        disabled: loading
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "Search by name or email",
-        value: filters.role_id !== "all" ? "" : filters.query,
-        onChange: (event) => onChangeFilter("query", event.currentTarget.value),
-        disabled: loading || filters.role_id !== "all"
-      }
-    ),
-    /* @__PURE__ */ jsx(Space, { h: "md" }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        fullWidth: true,
-        disabled: loading,
-        leftIcon: /* @__PURE__ */ jsx(IconCircleX, {}),
-        onClick: onClearFilters,
-        children: "Clear filters"
-      }
-    )
-  ] });
-}
-
-// components/users/UserForm.tsx
-init_esm_shims();
-
-// components/users/FavoriteMemberSelector.tsx
-init_esm_shims();
-init_store2();
-function FavoriteMemberSelector({ reportId, initialFavorites = [], onSelectFavorites, onClickDelete }) {
-  const reportRef = useReportRef(reportId);
-  const localeDefault10 = useAppSelector((state) => state.status.localeDefault);
-  const currentReport = reportRef.data;
-  const [selectedMembers, setSelectedMembers] = useState(
-    currentReport ? currentReport.dimensions.map((d) => void 0) : [void 0]
-  );
-  const onSelectPreview = (ix, selectedPreview) => {
-    const newSelectedMembers = [...selectedMembers];
-    newSelectedMembers[ix] = selectedPreview ? {
-      variantId: parseInt(selectedPreview.variant_id, 10),
-      contentId: parseInt(selectedPreview.content_id, 10)
-    } : void 0;
-    setSelectedMembers(newSelectedMembers);
-    if (!newSelectedMembers.some((nsm) => typeof nsm === "undefined")) {
-      onSelectFavorites(reportId, newSelectedMembers);
-    }
-  };
-  useEffect(() => {
-    if (reportRef.isError) {
-      onClickDelete(reportId);
-    }
-  }, [reportRef.isError]);
-  return /* @__PURE__ */ jsx(Stack, { children: currentReport && /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Group, { children: [
-      /* @__PURE__ */ jsxs(Text, { children: [
-        "Report: ",
-        currentReport.name
-      ] }),
-      /* @__PURE__ */ jsx(ActionIcon, { onClick: () => onClickDelete(reportId), children: /* @__PURE__ */ jsx(IconTrash, {}) })
-    ] }),
-    currentReport.dimensions.length === 0 && /* @__PURE__ */ jsx(Group, { children: /* @__PURE__ */ jsxs(Text, { c: "dimmed", fz: "sm", children: [
-      "No dimensions created in report ",
-      currentReport.name,
-      " yet."
-    ] }) }),
-    currentReport.dimensions.map((dId, ix) => /* @__PURE__ */ jsx(Group, { children: /* @__PURE__ */ jsx(
-      DimensionAutocomplete,
-      {
-        id: dId,
-        initialSelection: initialFavorites[ix] ? initialFavorites[ix] : void 0,
-        onSelect: (selectedPreview) => onSelectPreview(ix, selectedPreview),
-        locale: localeDefault10
-      }
-    ) }, dId))
-  ] }) });
-}
-
-// components/users/UserForm.tsx
-init_store2();
-
-// components/builder/ReportSelect.tsx
-init_esm_shims();
-init_store2();
-function ReportSelect({ selectedReportId = "", onChangeReport, exclude = [] }) {
-  const reportList = useReportList();
-  const onChangeReportAction = (value) => {
-    onChangeReport(value);
-  };
-  const reportOptions = useMemo(() => {
-    if (!reportList.isSuccess)
-      return [];
-    return reportList.data.map((d) => ({ value: `${d.id}`, label: d.name }));
-  }, [reportList.status]);
-  const availableOptions = reportOptions.filter((ro) => !exclude.includes(ro.value));
-  return /* @__PURE__ */ jsx(
-    Select,
-    {
-      style: { width: 100 },
-      size: "xs",
-      placeholder: "Choose a report",
-      data: availableOptions,
-      value: String(selectedReportId),
-      onChange: onChangeReportAction,
-      disabled: availableOptions.length === 0
-    }
-  );
-}
-var buildOptions3 = (options) => {
-  if (!options)
-    return [];
-  return options.map((d) => ({ value: String(d.id), label: d.name, group: d.type }));
-};
-function UserForm({ userId, onEditEnd, roles }) {
-  const dispatch = useAppDispatch();
-  const { user } = useUser();
-  const [userData, setUserData] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(false);
-  const [multiselectError, setMultiselectError] = useState("");
-  const [editAll, setEditAll] = useState(true);
-  const [selectedReportId, setSelectedReportId] = useState("");
-  const mainForm = useForm();
-  const isYou = useMemo(() => {
-    return user && user.sub === userId ? true : false;
-  }, [user]);
-  const opened = !!userId;
-  const options = useMemo(() => ({
-    roles: buildOptions3(roles)
-  }), [roles]);
-  const reportsMetadata = userData && userData.app_metadata && userData.app_metadata.reports ? userData.app_metadata.reports : [];
-  const reportsMetadataIds = reportsMetadata.map((rm) => String(rm.reportId));
-  const fetchUserData = async () => {
-    setLoading(true);
-    setError(false);
-    const userRecord = await dispatch(actions_exports.readUser(userId)).then((response) => {
-      return response;
-    });
-    setUserData(userRecord);
-    mainForm.setValues(userRecord);
-    const reportList = userRecord && userRecord.app_metadata && userRecord.app_metadata.reports ? userRecord.app_metadata.reports : [];
-    setEditAll(reportList.length === 0);
-    setLoading(false);
-  };
-  useEffect(() => {
-    if (userId) {
-      fetchUserData();
-    } else {
-      setUserData(null);
-    }
-  }, [userId]);
-  const onSave = async () => {
-    setLoading(true);
-    if (userData) {
-      await dispatch(actions_exports.updateUser({ user: {
-        user_id: userData.user_id,
-        roles: userData.roles,
-        app_metadata: userData.app_metadata
-      } })).then((response) => {
-        if (isYou) {
-          console.log("its YOU! Refreshing page to grab new change on session");
-          Router.reload();
-        } else {
-          setLoading(false);
-          onEditEnd();
-        }
-      });
-    }
-  };
-  const onRolesChanges = (newRolesIds) => {
-    const hydratedRoles = newRolesIds.map((nr) => roles.find((r) => r.id === nr)).filter((r) => r);
-    const hasEditor = hydratedRoles.find((hr) => hr.name === CMS_ROLES.EDITOR);
-    const hasAdmin = hydratedRoles.find((hr) => hr.name === CMS_ROLES.ADMIN);
-    let metadata = userData ? userData.app_metadata : {};
-    if (!hasEditor) {
-      metadata = {
-        ...metadata,
-        reports: []
-      };
-      setEditAll(true);
-    }
-    if (isYou && !hasAdmin) {
-      setMultiselectError("You can't remove Admin role from yourself.");
-    } else {
-      setMultiselectError("");
-      setUserData({
-        ...userData,
-        roles: hydratedRoles,
-        app_metadata: metadata
-      });
-    }
-  };
-  const onChangeReport = (value) => {
-    setSelectedReportId(value);
-  };
-  const addReportType = () => {
-    if (userData && selectedReportId) {
-      const reports = userData.app_metadata && userData.app_metadata.reports ? userData.app_metadata.reports : [];
-      reports.push({ reportId: parseInt(selectedReportId, 10), favorites: [] });
-      setUserData({
-        ...userData,
-        app_metadata: {
-          ...userData.app_metadata,
-          reports
-        }
-      });
-      setSelectedReportId("");
-    }
-  };
-  const removeReportType = (reportId) => {
-    if (userData && reportId) {
-      const reports = userData.app_metadata && userData.app_metadata.reports ? userData.app_metadata.reports : [];
-      setUserData({
-        ...userData,
-        app_metadata: {
-          ...userData.app_metadata,
-          reports: reports.filter((r) => parseInt(`${r.reportId}`, 10) !== parseInt(reportId, 10))
-        }
-      });
-    }
-  };
-  const editAllSwitched = (event) => {
-    setEditAll(event.currentTarget.checked);
-    if (userData) {
-      setUserData({
-        ...userData,
-        app_metadata: {
-          ...userData.app_metadata,
-          reports: []
-        }
-      });
-    }
-  };
-  const onSelectFavorites = (reportId, favorites) => {
-    if (userData) {
-      const reports = userData.app_metadata && userData.app_metadata.reports ? [...userData.app_metadata.reports] : [];
-      const newReports = reports.map((report) => {
-        if (report.reportId === reportId) {
-          report.favorites = favorites;
-        }
-        return report;
-      });
-      setUserData({
-        ...userData,
-        app_metadata: {
-          ...userData.app_metadata,
-          reports: newReports
-        }
-      });
-    }
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      opened,
-      onClose: () => onEditEnd(),
-      title: /* @__PURE__ */ jsxs(Fragment, { children: [
-        "Edit user ID ",
-        userId,
-        " ",
-        isYou ? /* @__PURE__ */ jsx(Badge, { children: "YOU" }) : ""
-      ] }),
-      padding: "lg",
-      closeOnClickOutside: false,
-      closeOnEscape: false,
-      position: "right",
-      size: "50%",
-      lockScroll: true,
-      withCloseButton: false,
-      children: /* @__PURE__ */ jsx(
-        DrawerContentWithScroll,
-        {
-          content: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(LoadingOverlay, { visible: loading, overlayBlur: 2, overlayOpacity: 50 }),
-            error && /* @__PURE__ */ jsx(Alert, { title: "Member Form", color: "red", children: "Error, please try again." }),
-            user && !error && /* @__PURE__ */ jsxs(Stack, { justify: "space-between", children: [
-              /* @__PURE__ */ jsxs(Group, { position: "apart", grow: true, children: [
-                /* @__PURE__ */ jsx(TextInput, { mt: "xs", disabled: true, label: "Name", ...mainForm.getInputProps("name") }),
-                /* @__PURE__ */ jsx(TextInput, { mt: "xs", disabled: true, label: "email", ...mainForm.getInputProps("email") })
-              ] }),
-              /* @__PURE__ */ jsxs(Stack, { children: [
-                /* @__PURE__ */ jsx(Title, { order: 2, children: "Roles:" }),
-                /* @__PURE__ */ jsx(
-                  MultiSelect,
-                  {
-                    data: options.roles,
-                    onChange: onRolesChanges,
-                    value: userData?.roles.map((r) => r.id),
-                    error: multiselectError
-                  }
-                )
-              ] }),
-              userData && userData.roles.map((r) => r.name).includes(CMS_ROLES.EDITOR) && /* @__PURE__ */ jsxs(Stack, { children: [
-                /* @__PURE__ */ jsx(Title, { order: 4, children: "Editor settings:" }),
-                /* @__PURE__ */ jsxs(Group, { children: [
-                  /* @__PURE__ */ jsx(Text, { children: "Edit selected reports only" }),
-                  /* @__PURE__ */ jsx(
-                    Switch,
-                    {
-                      label: "",
-                      checked: editAll,
-                      onChange: editAllSwitched
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Text, { children: "Edit all reports" })
-                ] }),
-                !editAll && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsxs(Group, { grow: true, children: [
-                    /* @__PURE__ */ jsx(
-                      ReportSelect,
-                      {
-                        selectedReportId,
-                        onChangeReport,
-                        exclude: reportsMetadataIds
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        variant: "outline",
-                        disabled: loading || !selectedReportId && selectedReportId === "",
-                        onClick: addReportType,
-                        children: "Add Report"
-                      }
-                    )
-                  ] }),
-                  reportsMetadata.map((rm) => /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(
-                    FavoriteMemberSelector,
-                    {
-                      reportId: rm.reportId,
-                      initialFavorites: rm.favorites,
-                      onSelectFavorites,
-                      onClickDelete: removeReportType
-                    }
-                  ) }, rm.reportId))
-                ] })
-              ] })
-            ] })
-          ] }),
-          buttons: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outline",
-                disabled: loading,
-                onClick: () => onEditEnd(),
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: onSave,
-                loading,
-                disabled: loading,
-                children: "Save User"
-              }
-            )
-          ] }),
-          size: 165
-        }
-      )
-    }
-  ) });
-}
-
-// components/users/UsersTable.tsx
-init_esm_shims();
-init_store2();
-function UsersTable({ response, onClickEdit, onSort, onPageChange }) {
-  const [sortStatus, setSortStatus] = useState();
-  const [records, setRecords] = useState([]);
-  const [paginationStatus, setPaginationStatus] = useState({
-    start: 0,
-    limit: 1,
-    total: 0,
-    page: 0
-  });
-  useEffect(() => {
-    if (sortStatus) {
-      onSort(sortStatus);
-    }
-  }, [sortStatus]);
-  useEffect(() => {
-    if (response) {
-      setRecords(response.users);
-      setPaginationStatus({
-        start: response.start,
-        limit: response.limit,
-        total: response.total,
-        page: response.start / response.limit + 1
-      });
-    }
-  }, [response]);
-  useEffect(() => {
-    setRecords(response);
-  }, []);
-  useAppSelector((state) => state.status.localeDefault);
-  const cols = [
-    {
-      title: "",
-      accessor: "image",
-      width: 50,
-      render: (member) => /* @__PURE__ */ jsx(Avatar, { src: member.picture, alt: "it's me", radius: 20 })
-    },
-    {
-      title: "Name",
-      accessor: "name"
-    },
-    {
-      title: "Email",
-      accessor: "email"
-    },
-    /*{
-      title: `Keywords ${localeDefault.toUpperCase()}`,
-      accessor: "keywords",
-      render: ({contentByLocale}) => {
-        const defaultLocalized = contentByLocale.find((item) => item.locale === localeDefault);
-        const othersLocalized = contentByLocale.filter((item) => item.locale !== localeDefault);
-        const keywords = (defaultLocalized.keywords ? defaultLocalized.keywords : [])
-          .map((k) => <Badge key={k}>{k}</Badge>);
-        const keywordsTooltipContent = othersLocalized.reduce((acc, item) => {
-          const otherKeywords = item.keywords || [];
-          const extraKeywords = `${item.locale.toUpperCase()}: ${otherKeywords.length > 0
-            ? otherKeywords.join(",")
-            : "None"
-          }`;
-          const newLine = acc !== "" ? "\n" : "";
-          return `${acc}${newLine}${extraKeywords}`;
-        }, "");
-        return (
-          <Group>
-            <span>{keywords.length > 0 ? keywords : <Badge color="gray">None</Badge>}</span>
-            {othersLocalized.length > 0 && (
-              <Tooltip label={keywordsTooltipContent}>
-                <Avatar size="sm" color="pink" radius="xl">
-                  +
-                  {othersLocalized.length}
-                </Avatar>
-              </Tooltip>
-            )}
-          </Group>
-        );
-      },
-    },*/
-    {
-      title: "",
-      accessor: "actions",
-      render: (member) => /* @__PURE__ */ jsx(ActionIcon, { onClick: () => onClickEdit(member), children: /* @__PURE__ */ jsx(IconPencil, { size: 20 }) }, "edit")
-    }
-  ];
-  return /* @__PURE__ */ jsx(
-    DataTable,
-    {
-      striped: true,
-      minHeight: 150,
-      records,
-      columns: cols,
-      sortStatus,
-      onSortStatusChange: (s) => setSortStatus(s),
-      idAccessor: "email",
-      withBorder: true,
-      totalRecords: paginationStatus.total,
-      recordsPerPage: paginationStatus.limit,
-      page: paginationStatus.page,
-      onPageChange
-    }
-  );
-}
-function UsersEditor() {
-  const [editingId, setEditingId] = useState(null);
-  const [results, setResults] = useState([]);
-  const [roles, setRoles] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const [internalFilters, setInternalFilters] = useState({ query: "" });
-  const [internalSort, setInternalSort] = useState();
-  const dispatch = useAppDispatch();
-  const onChangeFilters = (filters) => {
-    setInternalFilters(filters);
-  };
-  const onChangeSort = (sort) => {
-    setInternalSort(sort);
-  };
-  const onPageChange = (page) => {
-    setInternalFilters({
-      ...internalFilters,
-      page
-    });
-  };
-  const setEditUser = (user) => {
-    setEditingId(user.user_id);
-  };
-  const onEditClose = () => {
-    setEditingId(null);
-    doSearch();
-  };
-  const doSearch = async () => {
-    setLoading(true);
-    const params = {
-      query: internalFilters.query
-    };
-    if (internalFilters.role_id && internalFilters.role_id !== "all") {
-      params.role_id = internalFilters.role_id;
-    }
-    params.page = internalFilters.page ? internalFilters.page - 1 : 0;
-    dispatch(actions_exports.searchUser(params)).then((response) => {
-      setResults(response);
-      setLoading(false);
-    });
-  };
-  useEffect(() => {
-    setLoading(true);
-    dispatch(actions_exports.searchRole()).then((response) => {
-      setRoles(response.roles);
-      setLoading(false);
-    });
-  }, [dispatch]);
-  useEffect(() => {
-    doSearch();
-  }, [internalFilters, internalSort]);
-  return /* @__PURE__ */ jsxs(Container, { fluid: true, children: [
-    /* @__PURE__ */ jsxs(Grid, { children: [
-      /* @__PURE__ */ jsxs(Grid.Col, { span: 2, children: [
-        /* @__PURE__ */ jsx(Text, { ml: "xl", my: "sm", weight: "bold", children: "Users Management" }),
-        /* @__PURE__ */ jsx(FilterSidebar3, { onChange: onChangeFilters, loading, roles })
-      ] }),
-      /* @__PURE__ */ jsxs(Grid.Col, { span: 10, style: { height: "100vh", position: "relative" }, children: [
-        /* @__PURE__ */ jsx(LoadingOverlay, { visible: loading, overlayBlur: 2, overlayOpacity: 50 }),
-        /* @__PURE__ */ jsx(Space, { h: "xs" }),
-        /* @__PURE__ */ jsx(
-          UsersTable,
-          {
-            response: results,
-            onClickEdit: setEditUser,
-            onSort: onChangeSort,
-            onPageChange
-          }
-        )
-      ] })
-    ] }),
-    editingId && /* @__PURE__ */ jsx(UserForm, { userId: editingId, onEditEnd: onEditClose, roles })
-  ] });
-}
-
-// views/BespokeManager.tsx
-init_ErrorBoundary();
-init_envvars();
-init_statusSlice();
-init_store2();
-function BespokeManager(options) {
-  const {
-    title = "Bespoke CMS",
-    pathSegment = "bespoke",
-    locale = localeDefault4,
-    profilePrefix = "/profilePathManager"
-  } = options;
-  const notifications5 = {
-    position: "bottom-center",
-    ...options.notifications
-  };
-  return withPageRoleAuthRequired({
-    allowedRoles: [CMS_ROLES.ADMIN, CMS_ROLES.EDITOR, CMS_ROLES.WRITER],
-    SuccessComponent: BespokeManagerPage,
-    FailureComponent: UnauthorizeView
-  });
+  return BespokeManagerPage;
   function BespokeManagerPage() {
     return /* @__PURE__ */ jsxs(ResourceProvider, { pathSegment, profilePrefix, children: [
       /* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx("title", { children: title }) }),
@@ -15838,43 +14892,28 @@ function BespokeManager(options) {
     ] });
   }
 }
-var links = [
-  {
-    icon: /* @__PURE__ */ jsx(IconBallpen, { size: 24 }),
-    color: "blue",
-    label: "Reports Builder",
-    href: "reports",
-    roleRequired: CMS_ROLES.EDITOR
-  },
-  {
-    icon: /* @__PURE__ */ jsx(IconDatabase, { size: 24 }),
-    color: "teal",
-    label: "Metadata Editor",
-    href: "metadata",
-    roleRequired: CMS_ROLES.EDITOR
-  },
-  {
-    icon: /* @__PURE__ */ jsx(IconMathFunction, { size: 24 }),
-    color: "violet",
-    label: "Formatters List",
-    href: "formatters",
-    roleRequired: CMS_ROLES.EDITOR
-  },
-  {
-    icon: /* @__PURE__ */ jsx(IconUsers, { size: 24 }),
-    color: "pink",
-    label: "Users Management",
-    href: "users",
-    roleRequired: CMS_ROLES.ADMIN
-  }
-];
+var links = [{
+  icon: /* @__PURE__ */ jsx(IconBallpen, { size: 24 }),
+  color: "blue",
+  label: "Reports Builder",
+  href: "reports"
+}, {
+  icon: /* @__PURE__ */ jsx(IconDatabase, { size: 24 }),
+  color: "teal",
+  label: "Metadata Editor",
+  href: "metadata"
+}, {
+  icon: /* @__PURE__ */ jsx(IconMathFunction, { size: 24 }),
+  color: "violet",
+  label: "Formatters List",
+  href: "formatters"
+}];
 function BespokeManagerShell(props) {
   const { locale } = props;
   const action = useRef(null);
   const [opened, { open, close }] = useDisclosure(false);
-  const { user, error, isLoading } = useUser();
   const location = useManagerLocation();
-  const buildLinks = useCallback((user2) => {
+  const buildLinks = useCallback(() => {
     const menuLinks = [];
     links.forEach((link) => {
       menuLinks.push(
@@ -15882,7 +14921,7 @@ function BespokeManagerShell(props) {
           MainLink,
           {
             item: link,
-            disabled: !user2.bespoke_roles.includes(link.roleRequired)
+            disabled: false
           },
           link.label
         )
@@ -15891,7 +14930,7 @@ function BespokeManagerShell(props) {
     return menuLinks;
   }, []);
   const navbar = useMemo(() => {
-    const linkButtons = buildLinks(user);
+    const linkButtons = buildLinks();
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
       Box,
       {
@@ -15938,69 +14977,32 @@ function BespokeManagerShell(props) {
             withBorder: false,
             children: [
               /* @__PURE__ */ jsx(Navbar.Section, { style: { position: "relative" }, children: /* @__PURE__ */ jsx(BespokeLogo, { href: location.href(""), onlyIcon: !opened }) }),
-              /* @__PURE__ */ jsx(Navbar.Section, { grow: true, component: ScrollArea, children: /* @__PURE__ */ jsx(Stack, { spacing: 0, children: linkButtons }) }),
-              /* @__PURE__ */ jsx(Navbar.Section, { children: user && !error && !isLoading && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Stack, { px: 13, children: [
-                /* @__PURE__ */ jsxs(Group, { children: [
-                  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-                    Avatar,
-                    {
-                      src: user.picture,
-                      radius: "xl",
-                      size: "sm"
-                    }
-                  ) }),
-                  opened && /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
-                    /* @__PURE__ */ jsx(Text, { size: "sm", weight: 500, children: user.name }),
-                    /* @__PURE__ */ jsx(Text, { color: "dimmed", size: "xs", children: user.email })
-                  ] })
-                ] }),
-                opened && /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    px: 13,
-                    component: "a",
-                    href: "/api/auth/logout",
-                    compact: true,
-                    size: "xs",
-                    variant: "outline",
-                    leftIcon: /* @__PURE__ */ jsx(IconLogout, { size: 14 }),
-                    children: "Disconnect"
-                  }
-                )
-              ] }) }) })
+              /* @__PURE__ */ jsx(Navbar.Section, { grow: true, component: ScrollArea, children: /* @__PURE__ */ jsx(Stack, { spacing: 0, children: linkButtons }) })
             ]
           }
         )
       }
     ) });
-  }, [location, opened, user]);
+  }, [location, opened]);
   const route = useMemo(() => {
-    const item = links.find((page) => page.href.includes(location.page));
     if (location.page === "welcome") {
       return /* @__PURE__ */ jsx(HelloView, {});
     }
-    if (user && Array.isArray(user.bespoke_roles) && user.bespoke_roles.includes(item?.roleRequired)) {
-      if (location.page === "metadata") {
-        return /* @__PURE__ */ jsx(MetadataEditor, {});
-      }
-      if (location.page === "formatters") {
-        return /* @__PURE__ */ jsx(FormatterEditor, {});
-      }
-      if (location.page === "reports") {
-        if (location.params.length > 0) {
-          const reportId = Number.parseInt(location.params[0]);
-          return /* @__PURE__ */ jsx(BuilderEditor, { id: reportId, locale });
-        }
-        return /* @__PURE__ */ jsx(ReportPicker, {});
-      }
-      if (location.page === "users") {
-        return /* @__PURE__ */ jsx(UsersEditor, {});
+    if (location.page === "metadata") {
+      return /* @__PURE__ */ jsx(MetadataEditor, {});
+    }
+    if (location.page === "formatters") {
+      return /* @__PURE__ */ jsx(FormatterEditor, {});
+    }
+    if (location.page === "reports") {
+      if (location.params.length > 0) {
+        const reportId = Number.parseInt(location.params[0]);
+        return /* @__PURE__ */ jsx(BuilderEditor, { id: reportId, locale });
       }
-    } else {
-      return /* @__PURE__ */ jsx(UnauthorizeView, {});
+      return /* @__PURE__ */ jsx(ReportPicker, {});
     }
     return /* @__PURE__ */ jsx(NotFoundView, {});
-  }, [location, user]);
+  }, [location]);
   const dispatch = useAppDispatch();
   useEffect(() => {
     dispatch(statusActions.setStatus({ isCMS: true }));
@@ -16071,4 +15073,4 @@ function BespokeRenderer({
   ] }) });
 }
 
-export { Explore_default as BespokeExplore, ExploreModal_default as BespokeExploreModal, LoginButton_default as BespokeLoginBtn, BespokeManager, BespokeRenderer, Report_default as BespokeReport, Search_default as BespokeSearch, UserProvider_default as BespokeUserProvider, withPageRoleAuthRequired as BespokeWithPageRoleAuthRequired, CMS_ROLES, DialogProvider, actions_exports as actions, storeWrapper, useAppDispatch as useBespokeDispatch, useAppSelector as useBespokeSelector, useUser_default as useBespokeUser, useDialog };
+export { Explore_default as BespokeExplore, ExploreModal_default as BespokeExploreModal, BespokeManager, BespokeRenderer, Report_default as BespokeReport, Search_default as BespokeSearch, DialogProvider, actions_exports as actions, storeWrapper, useAppDispatch as useBespokeDispatch, useAppSelector as useBespokeSelector, useDialog };