@datawheel/bespoke 0.1.11 → 0.1.13

package/dist/index.js

@@ -6,7 +6,7 @@ import { formatAbbreviate } from 'd3plus-format';
 import { date } from 'd3plus-axis';
 import { assign, closest, merge, isObject } from 'd3plus-common';
 import { strip, titleCase } from 'd3plus-text';
-import yn from 'yn';
+import yn3 from 'yn';
 import axios from 'axios';
 import { schema, normalize } from 'normalizr';
 import { createSlice, configureStore } from '@reduxjs/toolkit';
@@ -15,13 +15,14 @@ import { NotificationsProvider, showNotification } from '@mantine/notifications'
 import React, { forwardRef, useMemo, useState, useCallback, useContext, useEffect, createContext, useRef, createElement, Fragment as Fragment$1 } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector } from 'react-redux';
-import { Stack, Text, Badge, Group, Tooltip, ActionIcon, Center, useMantineTheme, Modal, Button, Title, Select, MultiSelect, MantineProvider, UnstyledButton, ThemeIcon, Burger, Navbar, AppShell, Skeleton, Container, TextInput, Loader, LoadingOverlay, Alert, Autocomplete, Chip, Card, Space, Code, Divider, SegmentedControl, Overlay, Grid, Popover, Checkbox, Radio, Switch, ScrollArea, Drawer, Header, Input, Textarea, Avatar, Tabs, FileInput, SimpleGrid, Image, Accordion, NumberInput, CopyButton, Col, Menu } from '@mantine/core';
-import { IconInfoCircle, IconBoxMargin, IconTable, IconMathFunction, IconSearch, IconTrash, IconDatabase, IconServer, IconPencil, IconAlertCircle, IconCircleCheck, IconPlayerPlay, IconCirclePlus, IconCircleX, IconFileAnalytics, IconPlus, IconCircleDashed, IconChevronLeft, IconSettings, IconAlignLeft, IconAlignCenter, IconAlignRight, IconMenu, IconRefresh, IconPolaroid, IconCircleMinus, IconEyeOff, IconLogout, IconLogin, IconWorld, IconCamera, IconShare, IconVariable, IconArrowRightCircle, IconUpload, IconPalette, IconCode, IconExternalLink, IconDownload, IconTemplate, IconChartBar, IconLink, IconClipboardCheck, IconClipboardCopy, IconEye, IconRss, IconGlobe } from '@tabler/icons';
+import { Stack, Text, Badge, Group, Tooltip, ActionIcon, Center, useMantineTheme, Modal, Button, Title, Select, MultiSelect, Skeleton, Container, TextInput, Loader, LoadingOverlay, Alert, Autocomplete, Chip, Menu, Avatar, Card, Space, Code, Divider, SegmentedControl, Overlay, Flex, MantineProvider, Burger, Navbar, ScrollArea, Box, AppShell, UnstyledButton, Popover, Checkbox, Radio, Switch, Drawer, Header, Input, Grid, ThemeIcon, Textarea, Tabs, Image, Accordion, NumberInput, SimpleGrid, FileInput, CopyButton, Col } from '@mantine/core';
+import { IconInfoCircle, IconSearch, IconTrash, IconUserCircle, IconLogout, IconDatabase, IconServer, IconPencil, IconAlertCircle, IconCircleCheck, IconPlayerPlay, IconCirclePlus, IconFileAnalytics, IconBoxMargin, IconTable, IconMathFunction, IconUsers, IconChevronLeft, IconSettings, IconAlignLeft, IconAlignCenter, IconAlignRight, IconPlus, IconMenu, IconCircleX, IconCircleDashed, IconLogin, IconWorld, IconEyeOff, IconCamera, IconShare, IconRefresh, IconPolaroid, IconCircleMinus, IconVariable, IconArrowRightCircle, IconPalette, IconCode, IconExternalLink, IconDownload, IconTemplate, IconChartBar, IconUpload, IconLink, IconClipboardCheck, IconClipboardCopy, IconEye, IconRss, IconGlobe } from '@tabler/icons';
 import { dataConcat } from 'd3plus-viz';
 import * as d3plus from 'd3plus-react';
-import { useDisclosure, useDebouncedValue, useMediaQuery, useHotkeys, useUncontrolled, getHotkeyHandler } from '@mantine/hooks';
+import { useDebouncedValue, useMediaQuery, useDisclosure, useHotkeys, useUncontrolled, getHotkeyHandler } from '@mantine/hooks';
 import Link from 'next/link';
-import { useRouter } from 'next/router';
+import Router, { useRouter } from 'next/router';
+import { UserProvider, withPageAuthRequired, useUser } from '@auth0/nextjs-auth0/client';
 import Head from 'next/head';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import slugifyFn from 'slugify';
@@ -82,11 +83,11 @@ var init_getLocales = __esm({
   "libs/configs/getLocales.ts"() {
     init_esm_shims();
     getLocales_default = () => {
-      const localeDefault8 = process.env.NEXT_PUBLIC_REPORTS_LOCALE_DEFAULT || "en";
-      const locales3 = process.env.NEXT_PUBLIC_REPORTS_LOCALES?.split(",") || [localeDefault8];
-      if (!locales3.includes(localeDefault8))
-        locales3.push(localeDefault8);
-      return { localeDefault: localeDefault8, locales: locales3 };
+      const localeDefault9 = process.env.NEXT_PUBLIC_REPORTS_LOCALE_DEFAULT || "en";
+      const locales3 = process.env.NEXT_PUBLIC_REPORTS_LOCALES?.split(",") || [localeDefault9];
+      if (!locales3.includes(localeDefault9))
+        locales3.push(localeDefault9);
+      return { localeDefault: localeDefault9, locales: locales3 };
     };
   }
 });
@@ -305,12 +306,12 @@ var init_stats = __esm({
     };
   }
 });
-var libs, libs_default;
+var libraries;
 var init_libs = __esm({
   "libs/libs.ts"() {
     init_esm_shims();
     init_stats();
-    libs = {
+    libraries = {
       d3: {
         ...d3Array,
         ...d3Collection,
@@ -328,7 +329,6 @@ var init_libs = __esm({
       },
       stats: stats_default
     };
-    libs_default = libs;
   }
 });
 function mortarEval(varInnerName, varOuterValue, logic, formatterFunctions, attributes = void 0, blockContext) {
@@ -352,10 +352,10 @@ function mortarEval(varInnerName, varOuterValue, logic, formatterFunctions, attr
       let output;
       if (attributes) {
         const fn = new Function(varInnerName, "console", "libs", "formatters", "locale", "variables", logic);
-        output = fn(varOuterValue, pConsole, libs_default, formatterFunctions, locale, attributes);
+        output = fn(varOuterValue, pConsole, libraries, formatterFunctions, locale, attributes);
       } else {
         const fn = new Function(varInnerName, "console", "libs", "formatters", "locale", logic);
-        output = fn(varOuterValue, pConsole, libs_default, formatterFunctions, locale);
+        output = fn(varOuterValue, pConsole, libraries, formatterFunctions, locale);
       }
       if (typeof output === "object" && Object.keys(output).length > 0) {
         Object.assign(vars, output);
@@ -376,7 +376,7 @@ var init_mortarEval = __esm({
     init_esm_shims();
     init_block();
     init_libs();
-    verbose = yn(process.env.REPORTS_LOGGING);
+    verbose = yn3(process.env.REPORTS_LOGGING);
     mortarEval_default = mortarEval;
   }
 });
@@ -590,7 +590,7 @@ function varSwap(sourceString, formatterFunctions, blockContext, passive = false
       return passive ? match2 : "N/A";
     }
     try {
-      return formatter(value, libs, formatterFunctions);
+      return formatter(value, libraries, formatterFunctions);
     } catch (err) {
       console.error(
         `Error using formatter ${formatter.name}
@@ -784,13 +784,13 @@ var getLogging_default;
 var init_getLogging = __esm({
   "libs/configs/getLogging.ts"() {
     init_esm_shims();
-    getLogging_default = (env = process.env) => yn(env.REPORTS_LOGGING);
+    getLogging_default = (env = process.env) => yn3(env.REPORTS_LOGGING);
   }
 });
 
 // api/http/lib.ts
-function http(axios7, config) {
-  return axios7.request(config).then((response) => {
+function http(axios6, config) {
+  return axios6.request(config).then((response) => {
     const { status, data } = response;
     return "error" in data ? { ok: false, status, error: data.error } : { ok: true, status, data: data.data };
   }, (err) => {
@@ -801,25 +801,25 @@ function http(axios7, config) {
     return { ok: false, status: 500, error: err.message };
   });
 }
-function httpGET(axios7, request, transformParams) {
+function httpGET(axios6, request, transformParams) {
   const config = typeof request === "string" ? { url: request } : request;
-  return (params) => http(axios7, {
+  return (params) => http(axios6, {
     ...config,
     method: "GET",
     params: transformParams ? transformParams(params) : params
   });
 }
-function httpPOST(axios7, request, transformPayload) {
+function httpPOST(axios6, request, transformPayload) {
   const config = typeof request === "string" ? { url: request } : request;
-  return (payload) => http(axios7, {
+  return (payload) => http(axios6, {
     ...config,
     method: "POST",
     data: transformPayload ? transformPayload(payload) : payload
   });
 }
-function httpDELETE(axios7, request, transformPayload) {
+function httpDELETE(axios6, request, transformPayload) {
   const config = typeof request === "string" ? { url: request } : request;
-  return (payload) => http(axios7, {
+  return (payload) => http(axios6, {
     ...config,
     method: "DELETE",
     data: transformPayload ? transformPayload(payload) : payload
@@ -832,8 +832,8 @@ var init_lib = __esm({
 });
 
 // api/http/image/imageSave.ts
-function httpImageSaveFactory(axios7, provider) {
-  return (params) => http(axios7, {
+function httpImageSaveFactory(axios6, provider) {
+  return (params) => http(axios6, {
     method: "GET",
     url: `search/images/${provider}`,
     params: { prompt: params.prompt, provider }
@@ -847,8 +847,8 @@ var init_imageSave = __esm({
 });
 
 // api/http/image/imageSearch.ts
-function httpImageSearchFactory(axios7, provider) {
-  return (params) => http(axios7, {
+function httpImageSearchFactory(axios6, provider) {
+  return (params) => http(axios6, {
     method: "GET",
     url: `search/images/${provider}`,
     params: { prompt: params.prompt, provider }
@@ -861,51 +861,56 @@ var init_imageSearch = __esm({
   }
 });
 function apiFactory(baseURL) {
-  const axios7 = axios.create({ baseURL });
+  const axios6 = axios.create({ baseURL });
   return {
-    createBlock: httpPOST(axios7, "create/block"),
-    createDimension: httpPOST(axios7, "create/dimension"),
-    createFormatter: httpPOST(axios7, "create/formatter"),
-    createReport: httpPOST(axios7, "create/report"),
-    createSection: httpPOST(axios7, "create/section"),
-    createVariant: httpPOST(axios7, "create/variant"),
-    deleteBlock: httpDELETE(axios7, "delete/block", transformDeletePayload),
-    deleteDimension: httpDELETE(axios7, "delete/dimension", transformDeletePayload),
-    deleteFormatter: httpDELETE(axios7, "delete/formatter", transformDeletePayload),
-    deleteReport: httpDELETE(axios7, "delete/report", transformDeletePayload),
-    deleteSection: httpDELETE(axios7, "delete/section", transformDeletePayload),
-    deleteVariant: httpDELETE(axios7, "delete/variant", transformDeletePayload),
-    readBlock: httpGET(axios7, "read/block"),
-    readDimension: httpGET(axios7, "read/dimension"),
-    readFormatter: httpGET(axios7, "read/formatter"),
-    readReport: httpGET(axios7, "read/report"),
-    readSection: httpGET(axios7, "read/section"),
-    readVariant: httpGET(axios7, "read/variant"),
-    updateBlock: httpPOST(axios7, "update/block"),
-    updateDimension: httpPOST(axios7, "update/dimension"),
-    updateFormatter: httpPOST(axios7, "update/formatter"),
-    updateReport: httpPOST(axios7, "update/report"),
-    updateSection: httpPOST(axios7, "update/section"),
-    updateVariant: httpPOST(axios7, "update/variant"),
-    searchReport: httpGET(axios7, "search/reports"),
-    validateVariantSlug: httpGET(axios7, "validate/variant"),
-    readMember: httpGET(axios7, "read/members"),
-    readMemberImage: httpGET(axios7, {
+    createBlock: httpPOST(axios6, "create/block"),
+    createDimension: httpPOST(axios6, "create/dimension"),
+    createFormatter: httpPOST(axios6, "create/formatter"),
+    createReport: httpPOST(axios6, "create/report"),
+    createSection: httpPOST(axios6, "create/section"),
+    createVariant: httpPOST(axios6, "create/variant"),
+    deleteBlock: httpDELETE(axios6, "delete/block", transformDeletePayload),
+    deleteDimension: httpDELETE(axios6, "delete/dimension", transformDeletePayload),
+    deleteFormatter: httpDELETE(axios6, "delete/formatter", transformDeletePayload),
+    deleteReport: httpDELETE(axios6, "delete/report", transformDeletePayload),
+    deleteSection: httpDELETE(axios6, "delete/section", transformDeletePayload),
+    deleteVariant: httpDELETE(axios6, "delete/variant", transformDeletePayload),
+    readBlock: httpGET(axios6, "read/block"),
+    readDimension: httpGET(axios6, "read/dimension"),
+    readFormatter: httpGET(axios6, "read/formatter"),
+    readReport: httpGET(axios6, "read/report"),
+    readSection: httpGET(axios6, "read/section"),
+    readVariant: httpGET(axios6, "read/variant"),
+    updateBlock: httpPOST(axios6, "update/block"),
+    updateDimension: httpPOST(axios6, "update/dimension"),
+    updateFormatter: httpPOST(axios6, "update/formatter"),
+    updateReport: httpPOST(axios6, "update/report"),
+    updateSection: httpPOST(axios6, "update/section"),
+    updateVariant: httpPOST(axios6, "update/variant"),
+    searchReport: httpGET(axios6, "search/reports"),
+    validateVariantSlug: httpGET(axios6, "validate/variant"),
+    readMember: httpGET(axios6, "read/members"),
+    readMemberImage: httpGET(axios6, {
       url: "member/image.png",
       responseType: "blob"
     }),
-    searchMember: httpGET(axios7, "search/members"),
-    updateMember: httpGET(axios7, "update/member"),
-    imageLocalSearch: httpImageSearchFactory(axios7, "local"),
-    imageLocalSave: httpImageSaveFactory(axios7, "local"),
-    imageFlickrSearch: httpImageSearchFactory(axios7, "flickr"),
-    imageFlickrSave: httpImageSaveFactory(axios7, "flickr"),
-    imageUnsplashSearch: httpImageSearchFactory(axios7, "unsplash"),
-    imageUnsplashSave: httpImageSaveFactory(axios7, "unsplash"),
-    imageUploadSave: httpImageSaveFactory(axios7, "upload"),
-    readMetadata: httpGET(axios7, "read/metadata"),
-    regenerateSearch: httpPOST(axios7, "search/regenerate"),
-    urlProxy: httpGET(axios7, "url/proxy")
+    searchMember: httpGET(axios6, "search/members"),
+    updateMember: httpGET(axios6, "update/members"),
+    imageLocalSearch: httpImageSearchFactory(axios6, "local"),
+    imageLocalSave: httpImageSaveFactory(axios6, "local"),
+    imageFlickrSearch: httpImageSearchFactory(axios6, "flickr"),
+    imageFlickrSave: httpImageSaveFactory(axios6, "flickr"),
+    imageUnsplashSearch: httpImageSearchFactory(axios6, "unsplash"),
+    imageUnsplashSave: httpImageSaveFactory(axios6, "unsplash"),
+    imageUploadSave: httpImageSaveFactory(axios6, "upload"),
+    readMetadata: httpGET(axios6, "read/metadata"),
+    regenerateSearch: httpPOST(axios6, "search/regenerate"),
+    urlProxy: httpGET(axios6, "url/proxy"),
+    searchRole: httpGET(axios6, "auth/search/roles"),
+    searchUser: httpGET(axios6, "auth/search/users"),
+    readUser: httpGET(axios6, "auth/read/user"),
+    updateUser: httpPOST(axios6, "auth/update/user"),
+    addNewReportToCurrentUser: httpPOST(axios6, "auth/update/me")
   };
 }
 var transformDeletePayload;
@@ -1071,7 +1076,7 @@ var init_runConsumers = __esm({
         }
       };
       const crawlDown = async (bid2, cascader = false) => {
-        if (cascader === false) {
+        if (cascader) {
           variablesById[bid2] = {};
           statusById[bid2] = { hiddenByCascade: cascader };
           for (let i = 0; i < blocks[bid2].consumers.length; i += 1) {
@@ -1305,7 +1310,7 @@ var init_FUNC = __esm({
         setVariables: actions.onSetVariables ? actions.onSetVariables : (d) => d,
         openModal: actions.onOpenModal ? actions.onOpenModal : (d) => d,
         formatters,
-        libs: libs_default,
+        libs: libraries,
         locale
       };
       function parseFunction(obj) {
@@ -1357,7 +1362,16 @@ var init_lib2 = __esm({
     init_FUNC();
     init_getLocales();
     ({ localeDefault: localeDefault4 } = getLocales_default());
-    blockSchema = new schema.Entity("block" /* BLOCKS */);
+    blockSchema = new schema.Entity("block" /* BLOCKS */, {}, {
+      mergeStrategy(a, b) {
+        if (b.block_input)
+          return a || {};
+        return {
+          ...a,
+          ...b
+        };
+      }
+    });
     blockSchema.define({
       consumers: [blockSchema],
       inputs: [blockSchema]
@@ -1437,6 +1451,9 @@ var init_lib2 = __esm({
 });
 
 // api/lib.ts
+function failureResult(err) {
+  return { ok: false, status: BackendError.is(err) ? err.code : 500, error: err.message };
+}
 function pickMethod(api, operation, entity) {
   const name = `${operation}${capitalize(entity)}`;
   return api[name];
@@ -1444,9 +1461,22 @@ function pickMethod(api, operation, entity) {
 function capitalize(str) {
   return str[0].toUpperCase() + str.slice(1);
 }
+var BackendError;
 var init_lib3 = __esm({
   "api/lib.ts"() {
     init_esm_shims();
+    BackendError = class extends Error {
+      constructor(code, message) {
+        super(message);
+        this.code = code;
+      }
+      toJSON() {
+        return failureResult(this);
+      }
+      static is(obj) {
+        return Object.prototype.hasOwnProperty.call(obj, "code") && typeof obj.code === "number";
+      }
+    };
   }
 });
 function combineRecords(prev, next) {
@@ -1883,6 +1913,7 @@ var init_variablesSlice = __esm({
 // store/actions.ts
 var actions_exports = {};
 __export(actions_exports, {
+  addNewReportToCurrentUser: () => addNewReportToCurrentUser,
   createEntity: () => createEntity,
   deleteEntity: () => deleteEntity,
   deleteQueryParam: () => deleteQueryParam,
@@ -1890,12 +1921,16 @@ __export(actions_exports, {
   readEntity: () => readEntity,
   readMember: () => readMember,
   readMetadata: () => readMetadata,
+  readUser: () => readUser,
   recalculateVariables: () => recalculateVariables,
   reportSearch: () => reportSearch,
   searchMember: () => searchMember,
   searchRegenerate: () => searchRegenerate,
+  searchRole: () => searchRole,
+  searchUser: () => searchUser,
   setQueryParam: () => setQueryParam,
   updateEntity: () => updateEntity,
+  updateUser: () => updateUser,
   urlProxy: () => urlProxy2,
   variantValidateSlug: () => variantValidateSlug
 });
@@ -2014,6 +2049,51 @@ 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;
+  };
+}
 var init_actions = __esm({
   "store/actions.ts"() {
     init_esm_shims();
@@ -2066,12 +2146,13 @@ function useEntityListFactory(entity) {
     const dispatch = useAppDispatch();
     const key = useMemo(() => crudKeyMaker.read(entity, { include: true }), []);
     const selector = useCallback((state) => {
-      const data = Object.values(state.records.entities[entity]);
+      const dataRaw = Object.values(state.records.entities[entity]);
       const req = state.records.requests[entity][key] || {
         key,
         type: entity,
-        status: data == null ? "UNINITIALIZED" /* UNINITIALIZED */ : "SUCCESS" /* SUCCESS */
+        status: dataRaw == null ? "UNINITIALIZED" /* UNINITIALIZED */ : "SUCCESS" /* SUCCESS */
       };
+      const data = id ? dataRaw.filter((dr) => id.includes(dr.id)) : dataRaw;
       return processResult(data, req);
     }, [key]);
     const value = useAppSelector(selector);
@@ -2132,7 +2213,7 @@ function processResult(data, req) {
   }
   return { ...result, data };
 }
-var localeDefault5, useAppDispatch, useAppSelector, useReportList, useFormatterList, useReportRef, useSectionRef, useBlockRef, useDimensionRef, useVariantRef, useFormatterRef, useInputVariablesFlat, useInputVariablesHash, useBlockStatus, useFormatterFunctionsForLocale, useBlockContext, getFormatterUsageCount, useFormatterUsageCount, useFormatterUsageCountList;
+var localeDefault5, useAppDispatch, useAppSelector, useReportList, useVariantList, useFormatterList, useReportRef, useSectionRef, useBlockRef, useDimensionRef, useVariantRef, useFormatterRef, useInputVariablesFlat, useInputVariablesHash, useBlockStatus, useFormatterFunctionsForLocale, useBlockContext, getFormatterUsageCount, useFormatterUsageCount, useFormatterUsageCountList;
 var init_hooks = __esm({
   "store/hooks.ts"() {
     init_esm_shims();
@@ -2145,6 +2226,7 @@ var init_hooks = __esm({
     useAppDispatch = useDispatch;
     useAppSelector = useSelector;
     useReportList = useEntityListFactory("report");
+    useVariantList = useEntityListFactory("variant");
     useFormatterList = useEntityListFactory("formatter");
     useReportRef = useEntityRefFactory("report");
     useSectionRef = useEntityRefFactory("section");
@@ -2187,12 +2269,12 @@ var init_hooks = __esm({
       return resource.formatterFunctions[locale];
     };
     useBlockContext = (id = void 0, locale = void 0) => {
-      const localeDefault8 = useAppSelector((state) => state.status.localeDefault);
+      const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
       const query = useAppSelector((state) => state.status.query);
       const variables = useInputVariablesFlat(id);
       return {
         variables,
-        locale: locale || localeDefault8,
+        locale: locale || localeDefault9,
         query
       };
     };
@@ -2458,12 +2540,12 @@ var init_Table = __esm({
     Table_default = Table;
   }
 });
-var localeDefault7, frontEndMessage, errorStub, d3plusPropify_default;
+var localeDefault8, frontEndMessage, errorStub, d3plusPropify_default;
 var init_d3plusPropify = __esm({
   "libs/d3plusPropify.ts"() {
     init_esm_shims();
     init_FUNC();
-    localeDefault7 = process.env.NEXT_PUBLIC_REPORTS_LOCALE_DEFAULT || "en";
+    localeDefault8 = process.env.NEXT_PUBLIC_REPORTS_LOCALE_DEFAULT || "en";
     frontEndMessage = "Error Rendering Visualization";
     errorStub = {
       data: [],
@@ -2473,7 +2555,7 @@ var init_d3plusPropify = __esm({
     <strong>${frontEndMessage}</strong>
   </p>`
     };
-    d3plusPropify_default = (logic, formatters, variables = {}, locale = localeDefault7, id = null, actions = {}) => {
+    d3plusPropify_default = (logic, formatters, variables = {}, locale = localeDefault8, id = null, actions = {}) => {
       let config;
       try {
         config = parse({ vars: ["variables"], logic }, formatters, locale, actions)(variables);
@@ -2723,7 +2805,6 @@ function ExploreFilters({ metadata, onFilter, initialReportId, initialVariantId
     const combinatory = variantsArrays.reduce((a, b) => a.reduce((r, v) => r.concat(b.map((w) => [].concat(v, w))), [])).map((combination) => {
       if (!Array.isArray(combination))
         return combination;
-      console.log(combination);
       return {
         id: combination.map((c) => c.id).join(","),
         name: combination.map((c) => c.name).join(" / ")
@@ -2743,7 +2824,7 @@ function ExploreFilters({ metadata, onFilter, initialReportId, initialVariantId
     }
   };
   useEffect(() => {
-    let newFilters = {};
+    const newFilters = {};
     if (selectedProfile) {
       newFilters.profile = selectedProfile.id;
     }
@@ -3002,7 +3083,6 @@ function BespokeSearch({ locale, profilePrefix, autocompleteProps = {} }) {
   const [initialized, setInitialized] = useState(false);
   const inputRef = useRef();
   const doSearch = () => {
-    console.log("doSearch", debouncedQuery);
     setLoading(true);
     const params = {
       query: debouncedQuery,
@@ -3127,6 +3207,92 @@ function Report({ members }) {
 }
 var Report_default = Report;
 
+// frontend/components/auth/LoginButton.tsx
+init_esm_shims();
+function BespokeLoginBtn({
+  options = "",
+  buttonProps = {},
+  menuProps = {}
+}) {
+  const { user, error, isLoading } = useUser();
+  const buttonConfig = {
+    leftIcon: /* @__PURE__ */ jsx(IconUserCircle, {}),
+    ...buttonProps
+  };
+  if (user && !error && !isLoading) {
+    const menuConfig = {
+      shadow: "md",
+      width: "auto",
+      position: "bottom",
+      ...menuProps
+    };
+    return /* @__PURE__ */ jsxs(Menu, { ...menuConfig, children: [
+      /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(Button, { ...buttonConfig, children: `Hi, ${user.name || user.email}!` }) }),
+      /* @__PURE__ */ jsxs(Menu.Dropdown, { children: [
+        options,
+        options && /* @__PURE__ */ jsx(Menu.Divider, {}),
+        /* @__PURE__ */ jsx(Menu.Label, { children: "Session" }),
+        /* @__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(
+          Menu.Item,
+          {
+            component: "a",
+            href: "/api/auth/logout",
+            icon: /* @__PURE__ */ jsx(IconLogout, { size: 14 }),
+            children: "Disconnect"
+          }
+        )
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      component: "a",
+      href: "/api/auth/login",
+      loading: isLoading,
+      ...buttonConfig,
+      children: isLoading ? "Signing 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();
+var withPageRoleAuthRequired = (Success, allowedRoles, Err, options) => {
+  function hoc({ user }) {
+    function arrContains(arr1, arr2) {
+      return arr1.some((item) => arr2.includes(item));
+    }
+    const usersRoles = user?.bespoke_roles;
+    if (!usersRoles || allowedRoles.length > 0 && !arrContains(allowedRoles, usersRoles)) {
+      return /* @__PURE__ */ jsx(Err, {});
+    }
+    return /* @__PURE__ */ jsx(Success, { user });
+  }
+  return withPageAuthRequired(hoc, options);
+};
+
+// frontend/components/auth/useUser.tsx
+init_esm_shims();
+var useUser_default = useUser;
+
 // index.ts
 init_store2();
 
@@ -3150,7 +3316,6 @@ function BespokeLogo(props) {
   return /* @__PURE__ */ jsx(Link, { href: props.href, passHref: true, children: /* @__PURE__ */ jsx(
     UnstyledButton,
     {
-      component: "a",
       sx: (theme) => ({
         display: "block",
         width: "100%",
@@ -3213,74 +3378,250 @@ init_actions();
 // components/builder/DimensionAutocomplete.tsx
 init_esm_shims();
 
-// libs/js/paramString.ts
+// api/endpoints/member.ts
+init_esm_shims();
+init_getLocales();
+
+// libs/js/stripHTML.ts
+init_esm_shims();
+function stripHTML(n) {
+  const entities = {
+    "&amp;": "&",
+    "&lt;": "<",
+    "&gt;": ">",
+    "&quot;": '"',
+    "&#x27;": "'",
+    "&#x60;": "`",
+    "&nbsp;": ""
+  };
+  const source = `(?:${Object.keys(entities).join("|")})`;
+  const testRegexp = RegExp(source);
+  const replaceRegexp = RegExp(source, "g");
+  const s = String(n).replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
+  return testRegexp.test(s) ? s.replace(replaceRegexp, (match) => entities[match]) : s;
+}
+
+// api/endpoints/member.ts
+init_lib3();
+
+// api/endpoints/lib.ts
+init_esm_shims();
+init_lib3();
+function parseFiniteNumber(value) {
+  const num = Number.parseInt(`${value || ""}`, 10);
+  if (Number.isNaN(num) || !Number.isFinite(num)) {
+    throw new BackendError(400, `Invalid numeric parameter: ${value}`);
+  }
+  return num;
+}
+function normalizeList(value) {
+  if (value == null || value === "") {
+    return [];
+  }
+  if (Array.isArray(value)) {
+    return value;
+  }
+  return value.toString().split(",");
+}
+
+// types/auth.ts
 init_esm_shims();
-var paramString_default = (obj) => Object.keys(obj).map((key) => `${key}=${obj[key]}`).join("&");
+var CMS_ROLES = {
+  ADMIN: "Admin",
+  EDITOR: "Editor",
+  WRITER: "Writer"
+};
+
+// api/endpoints/member.ts
+var { localeDefault: localeDefault7 } = getLocales_default();
+function parseReadMemberParams(query) {
+  let ids = normalizeList(query.ids);
+  if (ids.length === 0) {
+    ids = normalizeList(query["ids[]"]);
+  }
+  let content_ids = normalizeList(query.content_ids).map(parseFiniteNumber);
+  if (content_ids.length === 0) {
+    content_ids = normalizeList(query["content_ids[]"]).map(parseFiniteNumber);
+  }
+  const locale = normalizeList(query.locale)[0] || localeDefault7 || "en";
+  const localeIsAll = locale === "all";
+  return {
+    all: localeIsAll,
+    locale: localeIsAll ? localeDefault7 : stripHTML(locale),
+    mode: ids.length > 0 ? "ids" : content_ids.length > 0 ? "content_ids" : "slugs",
+    ids,
+    content_ids,
+    slugs: normalizeList(query.slugs).map((token) => {
+      const [variantSlug, memberSlug] = token.split("/");
+      return { variantSlug, memberSlug };
+    })
+  };
+}
+function parseSearchMemberParams(query) {
+  const locale = normalizeList(query.locale)[0] || localeDefault7 || "en";
+  const localeIsAll = locale === "all";
+  const format2 = normalizeList(query.format)[0];
+  const formatIsNested = format2 ? format2 === "nested" : localeIsAll;
+  let variant = normalizeList(query.variant).map(parseFiniteNumber);
+  if (variant.length === 0) {
+    variant = normalizeList(query["variant[]"]).map(parseFiniteNumber);
+  }
+  let dimension = normalizeList(query.dimension).map(parseFiniteNumber);
+  if (dimension.length === 0) {
+    dimension = normalizeList(query["dimension[]"]).map(parseFiniteNumber);
+  }
+  let report = normalizeList(query.report).map(parseFiniteNumber);
+  if (report.length === 0) {
+    report = normalizeList(query["report[]"]).map(parseFiniteNumber);
+  }
+  return {
+    query: normalizeList(query.query || query.q)[0] || "",
+    locale: localeIsAll ? localeDefault7 : locale,
+    limit: normalizeList(query.limit).map(parseFiniteNumber)[0] ?? 5,
+    format: formatIsNested ? "nested" : "plain",
+    includes: yn3(query.includes, { default: true }),
+    visible: yn3(query.visible, { default: true }),
+    noImage: yn3(query.noImage, { default: false }),
+    variant,
+    dimension,
+    report,
+    all: localeIsAll,
+    sort: normalizeList(query.sort)[0],
+    direction: normalizeList(query.direction)[0]
+  };
+}
 
 // components/builder/DimensionAutocomplete.tsx
 init_store2();
-function DimensionAutocomplete({ id, locale, onSelect }) {
+function DimensionAutocomplete({ id, locale, onSelect, initialSelection = void 0 }) {
+  const dispatch = useAppDispatch();
   const dimensionRef = useDimensionRef(id);
   const dimension = dimensionRef.data;
-  const variants = useAppSelector(
-    (state) => dimension ? dimension.variants.map((vId) => state.records.entities.variant[vId]) : []
-  );
+  const variantsList = useVariantList(dimension ? dimension.variants : []);
   const [query, setQuery] = useState("");
   const [debouncedQuery] = useDebouncedValue(query, 500);
   const [results, setResults] = useState([]);
   const [data, setData] = useState([]);
   const [currentVariant, setCurrentVariant] = useState();
   const [currentMember, setCurrentMember] = useState();
+  const [searchMode, setSearchMode] = useState(true);
+  const [noMembers, setNoMembers] = useState(false);
   const inputRef = useRef(null);
-  const variantsOptions = Object.values(variants).map((d) => ({ value: String(d.id), label: `${d.name}` }));
+  const variantsOptions = useMemo(() => {
+    if (!variantsList.isSuccess)
+      return [];
+    return variantsList.data.map((d) => ({ value: `${d.id}`, label: d.name }));
+  }, [variantsList.status]);
   useEffect(() => {
-    const url = `/api/cms/search/members?${paramString_default({
-      query: debouncedQuery,
-      locale,
-      dimension: dimension.id,
-      variant: currentVariant ? currentVariant.id : ""
-    })}`;
-    axios.get(url).then((resp) => {
-      if (resp.data.data && resp.data.data.results) {
-        const res = resp.data.data.results;
-        setResults(res);
-      }
-    }).catch((e) => console.error(e));
-  }, [debouncedQuery]);
+    async function fetchMembers() {
+      const searchParams = parseSearchMemberParams({
+        query: debouncedQuery,
+        locale,
+        dimension: dimension.id,
+        variant: currentVariant ? currentVariant.id : "",
+        limit: "5",
+        visible: "true",
+        includes: "true",
+        noImage: "false",
+        format: "plain",
+        report: void 0,
+        all: "false"
+      });
+      const response = await dispatch(actions_exports.searchMember(searchParams));
+      if (response && response.results) {
+        const members = response.results;
+        setResults(members);
+        if (members.length === 0 && debouncedQuery === "") {
+          setNoMembers(true);
+        }
+      }
+    }
+    if (currentVariant) {
+      fetchMembers();
+    }
+  }, [debouncedQuery, currentVariant]);
+  const fetchInitialMembers = useCallback(
+    async (memberId) => {
+      const response = await dispatch(actions_exports.readMember(
+        parseReadMemberParams(
+          {
+            locale,
+            content_ids: `${memberId}`,
+            slugs: [],
+            all: "false",
+            mode: "ids"
+          }
+        )
+      ));
+      if (response && response.results && response.results[0]) {
+        const initialMember = response.results[0];
+        setCurrentMember(initialMember);
+        setSearchMode(false);
+        setQuery(initialMember.name || "");
+      } else {
+        console.error("default member is not found");
+      }
+    },
+    []
+  );
   useEffect(() => {
-    if (!currentVariant && variants[0]) {
-      setCurrentVariant(variants[0]);
+    let initialCurrentVariant;
+    if (!currentMember && variantsList && variantsList.data) {
+      if (!currentMember || initialSelection && currentMember.contentId !== initialSelection.contentId) {
+        if (initialSelection && initialSelection.variantId) {
+          const initialVariantObj = variantsList.data.find((v) => v.id === initialSelection.variantId);
+          if (initialVariantObj) {
+            initialCurrentVariant = initialVariantObj;
+            if (initialSelection.contentId) {
+              fetchInitialMembers(initialSelection.contentId);
+            }
+          }
+        }
+      }
+      if (!initialCurrentVariant && variantsList.data && variantsList.data[0]) {
+        initialCurrentVariant = variantsList.data[0];
+      }
     }
-  }, [variants]);
+    if (initialCurrentVariant)
+      setCurrentVariant(initialCurrentVariant);
+  }, [initialSelection]);
   useEffect(() => {
-    setData(results.map((d) => ({ value: d.id, name: d.name })));
+    setData(results.map((d) => ({ value: `${d.id}`, name: d.name })));
   }, [results]);
   useEffect(() => {
     if (currentMember) {
       onSelect(currentMember);
     }
   }, [currentMember]);
+  useEffect(() => {
+    if (searchMode) {
+      inputRef.current?.select();
+    }
+  }, [searchMode]);
   const onSelectPreview = (previewMember) => {
     const fullMember = results.find((d) => d.id === previewMember.value);
     if (fullMember) {
-      setQuery(fullMember.name);
+      setQuery(fullMember.name ? fullMember.name : "");
       setCurrentMember(fullMember);
+      setSearchMode(false);
     }
   };
   const onChangeVariant = (value) => {
     const newVariantId = parseInt(value, 10);
     if (currentVariant && currentVariant.id !== newVariantId) {
-      const newVariant = variants.find((v) => v.id === parseInt(value, 10));
+      const newVariant = variantsList.data ? variantsList.data.find((v) => v.id === parseInt(value, 10)) : {};
       if (newVariant)
         setCurrentVariant(newVariant);
       setQuery("");
       onSelect(void 0);
+      setCurrentMember(void 0);
+      setSearchMode(true);
     }
   };
   if (!dimensionRef.isSuccess) {
     return /* @__PURE__ */ jsx("div", { children: `Error loading Dimension '${id}'` });
   }
-  if (variants.length === 0)
+  if (variantsList && variantsList.data && variantsList.data.length === 0)
     return null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -3297,16 +3638,39 @@ function DimensionAutocomplete({ id, locale, onSelect }) {
       currentVariant && `/${currentVariant.slug}`,
       currentMember && `/${currentMember.slug}`
     ] }),
+    currentMember && !searchMode && /* @__PURE__ */ jsx("div", { style: { maxWidth: 200 }, children: /* @__PURE__ */ jsx(
+      Badge,
+      {
+        variant: "filled",
+        sx: { paddingRight: 3 },
+        fullWidth: true,
+        rightSection: /* @__PURE__ */ jsx(
+          ActionIcon,
+          {
+            size: "xs",
+            color: "dark",
+            radius: "xl",
+            variant: "transparent",
+            onClick: () => {
+              setSearchMode(true);
+            },
+            children: /* @__PURE__ */ jsx(IconPencil, {})
+          }
+        ),
+        children: currentMember.name
+      }
+    ) }),
+    noMembers && /* @__PURE__ */ jsx(Text, { c: "dimmed", fz: "sm", children: "No members ingested yet." }),
     /* @__PURE__ */ jsx(
       Autocomplete,
       {
-        style: { width: 200 },
+        style: { width: !noMembers && searchMode ? 200 : 0, overflow: "hidden" },
         filter: () => true,
         size: "xs",
         limit: 10,
         ref: inputRef,
         onClick: () => inputRef.current?.select(),
-        placeholder: `Choose a ${dimension.name} to preview`,
+        placeholder: `Choose a ${currentVariant ? currentVariant.name : dimension.name} to preview`,
         itemComponent: forwardRef(({ id: id2, name, ...others }, ref) => /* @__PURE__ */ createElement("div", { ...others, key: `${id2}-${name}`, ref }, name)),
         value: query,
         onChange: (e) => setQuery(e),
@@ -3314,7 +3678,7 @@ function DimensionAutocomplete({ id, locale, onSelect }) {
         data,
         onDropdownClose: () => setResults([])
       },
-      dimension.id
+      `${dimension.id}-${currentVariant?.id}`
     )
   ] });
 }
@@ -3458,25 +3822,6 @@ init_esm_shims();
 // libs/js/slugify.ts
 init_esm_shims();
 
-// libs/js/stripHTML.ts
-init_esm_shims();
-function stripHTML(n) {
-  const entities = {
-    "&amp;": "&",
-    "&lt;": "<",
-    "&gt;": ">",
-    "&quot;": '"',
-    "&#x27;": "'",
-    "&#x60;": "`",
-    "&nbsp;": ""
-  };
-  const source = `(?:${Object.keys(entities).join("|")})`;
-  const testRegexp = RegExp(source);
-  const replaceRegexp = RegExp(source, "g");
-  const s = String(n).replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
-  return testRegexp.test(s) ? s.replace(replaceRegexp, (match) => entities[match]) : s;
-}
-
 // libs/js/stripEntities.ts
 init_esm_shims();
 function stripEntities(n) {
@@ -3840,11 +4185,11 @@ function DrawerContentWithScroll({ content, buttons, size }) {
 }
 function VariantEditor({ for: variant, onClose: closeHandler }) {
   const dispatch = useAppDispatch();
-  const localeDefault8 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
   const locales3 = useAppSelector((state) => state.status.locales);
   const localesItems = locales3.map((locale) => ({ value: locale, label: locale.toUpperCase() }));
   const [sample, setSample] = useState();
-  const [selectedLocale, setSelectedLocale] = useState(localeDefault8);
+  const [selectedLocale, setSelectedLocale] = useState(localeDefault9);
   const [variantConfig, setVariantConfig] = useState(variant);
   const [loading, setLoading] = useState(false);
   const [loadingFetch, setLoadingFetch] = useState(false);
@@ -3899,8 +4244,8 @@ function VariantEditor({ for: variant, onClose: closeHandler }) {
   useEffect(() => {
     setPayload(void 0);
     let attributesList = [];
-    if (selectedLocale !== localeDefault8) {
-      const defaultAttributes = variantConfig.config[localeDefault8] ? [...variantConfig.config[localeDefault8].attributes].map((item) => {
+    if (selectedLocale !== localeDefault9) {
+      const defaultAttributes = variantConfig.config[localeDefault9] ? [...variantConfig.config[localeDefault9].attributes].map((item) => {
         const newItem = { ...item };
         newItem.value = "";
         return newItem;
@@ -4139,8 +4484,8 @@ function VariantEditor({ for: variant, onClose: closeHandler }) {
                   value: variantConfig.config[selectedLocale].attributes[ix].type,
                   label: "Type",
                   data: [{ value: "variable", label: "Data based" }, { value: "constant", label: "Constant" }],
-                  readOnly: selectedLocale !== localeDefault8,
-                  disabled: selectedLocale !== localeDefault8,
+                  readOnly: selectedLocale !== localeDefault9,
+                  disabled: selectedLocale !== localeDefault9,
                   onChange: (e) => onChangeAttribute("type", ix, e)
                 }
               ),
@@ -4149,8 +4494,8 @@ function VariantEditor({ for: variant, onClose: closeHandler }) {
                 {
                   value: variantConfig.config[selectedLocale].attributes[ix].name,
                   label: "Name",
-                  readOnly: selectedLocale !== localeDefault8,
-                  disabled: selectedLocale !== localeDefault8,
+                  readOnly: selectedLocale !== localeDefault9,
+                  disabled: selectedLocale !== localeDefault9,
                   onChange: (e) => onChangeAttribute("name", ix, e.target.value)
                 }
               ),
@@ -4176,7 +4521,7 @@ function VariantEditor({ for: variant, onClose: closeHandler }) {
                 {
                   color: "red",
                   onClick: () => deleteAttribute(ix),
-                  disabled: selectedLocale !== localeDefault8,
+                  disabled: selectedLocale !== localeDefault9,
                   children: /* @__PURE__ */ jsx(IconTrash, { size: 20 })
                 }
               )
@@ -4187,7 +4532,7 @@ function VariantEditor({ for: variant, onClose: closeHandler }) {
               {
                 onClick: addAttributes,
                 leftIcon: "+",
-                disabled: loading || selectedLocale !== localeDefault8,
+                disabled: loading || selectedLocale !== localeDefault9,
                 children: "Add Attribute"
               }
             )
@@ -4389,49 +4734,72 @@ function CMSHeader(props) {
   const location = useManagerLocation();
   const dispatch = useAppDispatch();
   const resource = useContext(ResourceContext);
-  const localeDefault8 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
   const localeOptions = useAppSelector(selectLocaleOptions);
   const reportList = useReportList();
   const reportRef = useReportRef(id);
   const [opened, handlers] = useDisclosure(false);
   const [currentLocale, setCurrentLocale] = useUncontrolled({
-    defaultValue: localeDefault8
+    defaultValue: localeDefault9
   });
+  const { user } = useUser();
+  const castedUser = user;
   const reportOptions = useMemo(() => {
     if (!reportList.isSuccess)
       return [];
     return reportList.data.map((d) => ({ value: `${d.id}`, label: d.name }));
   }, [reportList.status]);
+  const currentReport = useMemo(() => {
+    if (!reportRef.isSuccess)
+      return void 0;
+    return reportRef.data;
+  }, [reportRef.status]);
+  const dimensions = useMemo(() => {
+    return currentReport && currentReport.dimensions ? currentReport.dimensions : [];
+  }, [currentReport]);
+  const showPreviewSelector = useMemo(() => {
+    return dimensions.length > 0;
+  }, [dimensions]);
+  const [previewMembers, setPreviewMembers] = useState(dimensions.map(() => void 0));
+  const [initialFavorites, setInitialFavorites] = useState([]);
   const onChangeReport = useCallback((value) => {
     location.push(`/reports/${value}`);
   }, [location]);
   const onSelectPreview = (previewMember) => {
-    const newPreviews = currentReport.dimensions.map((dId) => {
-      let member;
-      if (previewMember) {
-        if (previewMember.dimension.id === dId) {
-          member = previewMember;
-        } else {
-          const anotherMember = previewMembers.find((m) => m ? m.dimension.id === dId : false);
-          if (anotherMember) {
-            member = anotherMember;
+    if (currentReport) {
+      const newPreviews = currentReport.dimensions.map((dId) => {
+        let member;
+        if (previewMember) {
+          if (previewMember.dimension_id === dId) {
+            member = previewMember;
+          } else {
+            const anotherMember = previewMembers.find((m) => m ? m.dimension_id === dId : false);
+            if (anotherMember) {
+              member = anotherMember;
+            }
           }
         }
-      }
-      return member;
-    });
-    setPreviewMembers(newPreviews);
+        return member;
+      });
+      setPreviewMembers(newPreviews);
+    }
   };
-  const currentReport = reportRef.data;
-  const dimensions = currentReport?.dimensions || [];
-  const showPreviewSelector = dimensions.length > 0;
-  const [previewMembers, setPreviewMembers] = useState(dimensions.map(() => void 0));
   useEffect(() => {
     setPreviewMembers(dimensions.map(() => void 0));
   }, [dimensions]);
   useEffect(() => {
     dispatch(recalculateVariables(resource, { previews: previewMembers }));
   }, [previewMembers]);
+  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, previewMembers]);
   if (reportRef.isUninitialized || reportRef.isFetching) {
     return /* @__PURE__ */ jsx(
       HeaderLayout,
@@ -4457,7 +4825,7 @@ function CMSHeader(props) {
             style: { width: 60 },
             size: "xs",
             data: localeOptions,
-            defaultValue: localeDefault8,
+            defaultValue: localeDefault9,
             onChange: setCurrentLocale
           }
         ),
@@ -4471,11 +4839,12 @@ function CMSHeader(props) {
             onChange: onChangeReport
           }
         ),
-        showPreviewSelector && currentReport.dimensions.map((dId) => /* @__PURE__ */ jsx(
+        showPreviewSelector && currentReport && currentReport.dimensions.map((dId, ix) => /* @__PURE__ */ jsx(
           DimensionAutocomplete,
           {
             id: dId,
             onSelect: onSelectPreview,
+            initialSelection: initialFavorites[ix] ? initialFavorites[ix] : void 0,
             locale: currentLocale
           },
           dId
@@ -4497,7 +4866,7 @@ function CMSHeader(props) {
           {
             opened,
             onClose: handlers.close,
-            title: /* @__PURE__ */ jsx(IconTitle, { icon: /* @__PURE__ */ jsx(IconFileAnalytics, { size: 24 }), children: `Editing Report: ${currentReport.name}` }),
+            title: /* @__PURE__ */ jsx(IconTitle, { icon: /* @__PURE__ */ jsx(IconFileAnalytics, { size: 24 }), children: `Editing Report: ${currentReport ? currentReport.name : ""}` }),
             size: "50%",
             padding: "xl",
             position: "right",
@@ -6131,7 +6500,7 @@ function Block({
     setInlineId
   } = callbacks;
   const block = useBlockRef(id).data;
-  const localeDefault8 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
   const localeDerived = getLocaleDerived(block);
   const [blockState, setBlockState] = useState();
   const [ready, setReady] = useState(false);
@@ -6144,7 +6513,7 @@ function Block({
   if (!block || !ready || !blockState)
     return null;
   const blockContent = getBlockContent(blockState);
-  const setBlockContent = (content = {}, _locale = localeDefault8, flagModified = true, isValidated = void 0) => {
+  const setBlockContent = (content = {}, _locale = localeDefault9, flagModified = true, isValidated = void 0) => {
     const locale = getLocaleDerived(block, _locale);
     if (flagModified && !modified)
       setModified(true);
@@ -6224,7 +6593,7 @@ function Block({
         currentMode,
         executeButton,
         id,
-        locale: localeDefault8,
+        locale: localeDefault9,
         onSave,
         setBlockContent,
         setBlockSettings,
@@ -6309,7 +6678,7 @@ function BlockElement({
   isConsumer,
   active
 }) {
-  const localeDefault8 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
   const block = useBlockRef(id).data;
   const blockStatus = useBlockStatus(id);
   const { newConfirmation } = useDialog();
@@ -6395,7 +6764,7 @@ function BlockElement({
               id,
               debug: block.type === "generator" || block.type === "visualization",
               active,
-              locale: localeDefault8,
+              locale: localeDefault9,
               allowed
             },
             "bp"
@@ -7430,9 +7799,22 @@ init_ordering();
 init_store2();
 init_actions();
 init_ResourceProvider();
+
+// 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 ReportEditor2(props) {
   const { id } = props;
   const ref = useReportRef(id);
+  const { user } = useUser();
+  const reportAccess = getReportAccess(user);
+  const location = useManagerLocation();
+  if (reportAccess.length !== 0 && !reportAccess.includes(id)) {
+    location.replace("/unauthorize");
+  }
   if (ref.isError) {
     return /* @__PURE__ */ jsx(Center, { style: { height: 300 }, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconCircleX, { size: 20 }), title: `Error ${ref.error.code}`, color: "red", children: ref.error.message }) });
   }
@@ -7687,7 +8069,7 @@ var getCastedValue = (type, value) => {
   }
 };
 function FormatterForm({ formatterId, onEditEnd }) {
-  const localeDefault8 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
   const locales3 = useAppSelector((state) => state.status.locales);
   locales3.map((locale) => ({ value: locale, label: `${locale.toUpperCase()}` }));
   const opened = !!formatterId;
@@ -7751,7 +8133,7 @@ function FormatterForm({ formatterId, onEditEnd }) {
     if (formatter) {
       let results = "";
       try {
-        const newFunction = parse({ vars: ["n"], logic: formatter.content.logic }, {}, localeDefault8, {});
+        const newFunction = parse({ vars: ["n"], logic: formatter.content.logic }, {}, localeDefault9, {});
         const castedValue = getCastedValue(formatter.content.inputType, formatter.content.testValue);
         results = newFunction(castedValue);
         setIsValid(true);
@@ -8087,7 +8469,7 @@ var buildOptions = (options) => {
 function FilterSidebar2({ onChange, loading }) {
   const dispatch = useAppDispatch();
   const reportsNested = useAppSelector((state) => state.records.tree);
-  const localeDefault8 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
   const [query, setQuery] = useState("");
   const [loadingRegenerate, setLoadingRegenerate] = useState(false);
   const [debouncedQuery] = useDebouncedValue(query, 500);
@@ -8152,7 +8534,7 @@ function FilterSidebar2({ onChange, loading }) {
     /* @__PURE__ */ jsx(
       TextInput,
       {
-        label: `Search item by name (${localeDefault8.toUpperCase()})`,
+        label: `Search item by name (${localeDefault9.toUpperCase()})`,
         value: query,
         onChange: (event) => setQuery(event.currentTarget.value),
         disabled: loading
@@ -8491,11 +8873,11 @@ function ImagePreview2({
 }
 var ImagePreview_default = ImagePreview2;
 function MemberForm({ memberId, onEditEnd }) {
-  const localeDefault8 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
   const locales3 = useAppSelector((state) => state.status.locales);
   const localesItems = locales3.map((locale) => ({ value: locale, label: `${locale.toUpperCase()}` }));
   const opened = !!memberId;
-  const [selectedLocale, setSelectedLocale] = useState(localeDefault8);
+  const [selectedLocale, setSelectedLocale] = useState(localeDefault9);
   const [member, setMember] = useState(null);
   const [loading, setLoading] = useState(true);
   const [showImageSelector, setShowImageSelector] = useState(false);
@@ -8835,7 +9217,7 @@ function MembersTable({ members, onClickEdit, onSort }) {
   useEffect(() => {
     setRecords(members);
   }, []);
-  const localeDefault8 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
   const cols = [
     {
       title: "",
@@ -8872,12 +9254,12 @@ function MembersTable({ members, onClickEdit, onSort }) {
       ] })
     },
     {
-      title: `Name ${localeDefault8.toUpperCase()}`,
+      title: `Name ${localeDefault9.toUpperCase()}`,
       sortable: true,
       accessor: "name",
       render: ({ contentByLocale }) => {
-        const defaultLocalized = contentByLocale.find((item) => item.locale === localeDefault8);
-        const othersLocalized = contentByLocale.filter((item) => item.locale !== localeDefault8);
+        const defaultLocalized = contentByLocale.find((item) => item.locale === localeDefault9);
+        const othersLocalized = contentByLocale.filter((item) => item.locale !== localeDefault9);
         const nameTooltipContent = othersLocalized.reduce((acc, item) => {
           const extraName = `${item.locale.toUpperCase()}: ${item.name}`;
           const newLine2 = acc !== "" ? "\n" : "";
@@ -8893,11 +9275,11 @@ function MembersTable({ members, onClickEdit, onSort }) {
       }
     },
     {
-      title: `Keywords ${localeDefault8.toUpperCase()}`,
+      title: `Keywords ${localeDefault9.toUpperCase()}`,
       accessor: "keywords",
       render: ({ contentByLocale }) => {
-        const defaultLocalized = contentByLocale.find((item) => item.locale === localeDefault8);
-        const othersLocalized = contentByLocale.filter((item) => item.locale !== localeDefault8);
+        const defaultLocalized = contentByLocale.find((item) => item.locale === localeDefault9);
+        const othersLocalized = contentByLocale.filter((item) => item.locale !== localeDefault9);
         const keywords = (defaultLocalized.keywords ? defaultLocalized.keywords : []).map((k) => /* @__PURE__ */ jsx(Badge, { children: k }, k));
         const keywordsTooltipContent = othersLocalized.reduce((acc, item) => {
           const otherKeywords = item.keywords || [];
@@ -9006,7 +9388,7 @@ init_esm_shims();
 init_esm_shims();
 init_store2();
 function ReportCard(props) {
-  const { for: report } = props;
+  const { for: report, enabled } = props;
   const theme = useMantineTheme();
   const location = useManagerLocation();
   const secondaryColor = theme.colorScheme === "dark" ? theme.colors.dark[1] : theme.colors.gray[7];
@@ -9022,8 +9404,8 @@ function ReportCard(props) {
     /* @__PURE__ */ jsx(Text, { size: "sm", style: { color: secondaryColor, lineHeight: 2 }, children: "Description of report will go here" }),
     /* @__PURE__ */ jsx(Space, { w: "xs" }),
     /* @__PURE__ */ jsxs(Group, { position: "apart", children: [
-      /* @__PURE__ */ jsx(Link, { href: location.href("reports", report.id), passHref: true, children: /* @__PURE__ */ jsx(Button, { component: "a", leftIcon: /* @__PURE__ */ jsx(IconPencil, {}), compact: true, children: "Edit" }) }),
-      /* @__PURE__ */ jsx(EntityDeleteButton, { type: "report", id: report.id })
+      /* @__PURE__ */ jsx(Link, { href: location.href("reports", report.id), passHref: true, children: /* @__PURE__ */ jsx(Button, { leftIcon: /* @__PURE__ */ jsx(IconPencil, {}), compact: true, children: "Edit" }) }),
+      /* @__PURE__ */ jsx(EntityDeleteButton, { type: "report", id: report.id, disabled: !enabled })
     ] })
   ] });
 }
@@ -9034,9 +9416,22 @@ init_store2();
 init_hooks();
 function ReportPicker() {
   const dispatch = useAppDispatch();
+  const [createLoading, setCreateLoading] = useState(false);
+  const { user } = useUser();
+  const reportAccess = getReportAccess(user);
   const ref = useReportList();
   const createHandler = useCallback((value) => {
-    dispatch(actions_exports.createEntity("report", 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 {
+        setCreateLoading(false);
+      }
+    });
   }, []);
   const content = useMemo(() => {
     if (ref.isUninitialized || ref.isFetching) {
@@ -9048,11 +9443,23 @@ function ReportPicker() {
     if (ref.data.length === 0) {
       return /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconFileAnalytics, { size: 22 }), title: "No Saved Reports", children: "Please use the button below to create your first report." });
     }
-    return ref.data.map((report) => /* @__PURE__ */ jsx(ReportCard, { for: report }, report.id));
-  }, [ref.data, ref.error, ref.status]);
-  return /* @__PURE__ */ jsxs(Center, { style: { flexDirection: "column", height: "100vh" }, children: [
+    return ref.data.map(
+      (report) => /* @__PURE__ */ jsx(
+        ReportCard,
+        {
+          for: report,
+          enabled: reportAccess.length === 0 || reportAccess.includes(report.id) ? true : false
+        },
+        report.id
+      )
+    );
+  }, [ref.data, ref.error, ref.status, reportAccess]);
+  return /* @__PURE__ */ jsxs(Center, { style: { flexDirection: "column", height: "100vh", position: "relative" }, children: [
     /* @__PURE__ */ jsx("h1", { children: "Reports" }),
-    /* @__PURE__ */ jsx(Group, { position: "center", style: { width: "100%" }, children: content }),
+    /* @__PURE__ */ jsxs(Group, { position: "center", style: { width: "100%" }, children: [
+      /* @__PURE__ */ jsx(LoadingOverlay, { visible: createLoading, overlayBlur: 2, overlayOpacity: 50 }),
+      content
+    ] }),
     /* @__PURE__ */ jsx(Space, { h: "xl", w: "xl" }),
     /* @__PURE__ */ jsx(
       EntityCreateButton,
@@ -9069,73 +9476,747 @@ function ReportPicker() {
     )
   ] });
 }
-function BespokeManager(options) {
-  const {
-    title = "Bespoke CMS",
-    pathSegment = "path"
-  } = options;
-  const notifications = {
-    position: "bottom-center",
-    ...options.notifications
-  };
-  return BespokeManagerPage;
-  function BespokeManagerPage() {
-    return /* @__PURE__ */ jsxs(ResourceProvider, { pathSegment, children: [
-      /* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx("title", { children: title }) }),
-      /* @__PURE__ */ jsx(MantineProvider, { children: /* @__PURE__ */ jsx(NotificationsProvider, { ...notifications, children: /* @__PURE__ */ jsx(DialogProvider, { children: /* @__PURE__ */ jsx(BespokeManagerShell, {}) }) }) })
-    ] });
-  }
+
+// views/UnathorizeView.tsx
+init_esm_shims();
+function UnauthorizeView() {
+  const { user } = useUser();
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      mih: "100vh",
+      gap: "md",
+      justify: "center",
+      align: "center",
+      direction: "column",
+      wrap: "wrap",
+      children: [
+        /* @__PURE__ */ jsx(Title, { children: "Unauthorize or forbidden access." }),
+        /* @__PURE__ */ jsxs(Title, { order: 2, children: [
+          "Sorry, ",
+          user?.name,
+          "!"
+        ] }),
+        /* @__PURE__ */ jsx(Text, { 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__ */ jsx(Button, { component: "a", href: "/", children: "Back to homepage" })
+      ]
+    }
+  );
 }
-function BespokeManagerShell(props) {
-  const [opened, { toggle: toggleOpened }] = useDisclosure(true);
-  const location = useManagerLocation();
-  const navbar = useMemo(() => {
-    const links = [{
-      icon: /* @__PURE__ */ jsx(IconBoxMargin, { size: 16 }),
-      color: "blue",
-      label: "Reports Builder",
-      href: "reports"
-    }, {
-      icon: /* @__PURE__ */ jsx(IconTable, { size: 16 }),
-      color: "teal",
-      label: "Metadata Editor",
-      href: "metadata"
-    }, {
-      icon: /* @__PURE__ */ jsx(IconMathFunction, { size: 16 }),
-      color: "violet",
-      label: "Formatters List",
-      href: "formatters"
-    }].map((item) => /* @__PURE__ */ jsx(Link, { href: location.href(item.href), passHref: true, children: /* @__PURE__ */ jsx(
-      UnstyledButton,
-      {
-        component: "a",
-        mt: "xs",
-        sx: (theme) => ({
-          border: "1px solid white",
-          borderColor: location.matches(item.href) ? "#ccc" : "transparent",
-          backgroundColor: "transparent",
-          display: "block",
-          width: "100%",
-          padding: theme.spacing.xs,
-          borderRadius: theme.radius.sm,
-          "&:hover": {
-            backgroundColor: "#f9f9f9"
-          }
-        }),
-        children: /* @__PURE__ */ jsxs(Group, { children: [
-          /* @__PURE__ */ jsx(ThemeIcon, { color: item.color, variant: "light", children: item.icon }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: item.label })
-        ] })
-      }
-    ) }, item.label));
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Burger,
-        {
-          style: {
-            position: "fixed",
-            top: opened && location.page === "reports" && location.params.length > 0 ? 60 : 10,
-            left: opened ? 215 : 10,
+
+// views/NotFoundView.tsx
+init_esm_shims();
+function NotFoundView() {
+  const { user } = useUser();
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      mih: "100vh",
+      gap: "md",
+      justify: "center",
+      align: "center",
+      direction: "column",
+      wrap: "wrap",
+      children: [
+        /* @__PURE__ */ jsx(Title, { children: "Not found." }),
+        /* @__PURE__ */ jsxs(Title, { order: 2, children: [
+          "Sorry, ",
+          user?.name,
+          "!"
+        ] }),
+        /* @__PURE__ */ jsx(Text, { children: "The page you are looking for is not here." }),
+        /* @__PURE__ */ jsx(Button, { component: "a", href: "/", children: "Back to homepage" })
+      ]
+    }
+  );
+}
+
+// views/UsersEditor.tsx
+init_esm_shims();
+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);
+  };
+  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 localeDefault9 = 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: localeDefault9
+      }
+    ) }, 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: 145
+        }
+      )
+    }
+  ) });
+}
+
+// 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: "",
+      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/HelloView.tsx
+init_esm_shims();
+function HelloView() {
+  const { user } = useUser();
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      mih: "100vh",
+      gap: "md",
+      justify: "center",
+      align: "center",
+      direction: "column",
+      wrap: "wrap",
+      children: [
+        /* @__PURE__ */ jsxs(Title, { children: [
+          "Hi, ",
+          user.name,
+          "!"
+        ] }),
+        /* @__PURE__ */ jsx(Text, { children: "Welcome to Bespoke CMS. Have fun creating some amazing automated reports here!" })
+      ]
+    }
+  );
+}
+function BespokeManagerPanel(options) {
+  const {
+    title = "Bespoke CMS",
+    pathSegment = "path"
+  } = options;
+  const notifications = {
+    position: "bottom-center",
+    ...options.notifications
+  };
+  return BespokeManagerPage;
+  function BespokeManagerPage() {
+    return /* @__PURE__ */ jsxs(ResourceProvider, { pathSegment, children: [
+      /* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx("title", { children: title }) }),
+      /* @__PURE__ */ jsx(MantineProvider, { children: /* @__PURE__ */ jsx(NotificationsProvider, { ...notifications, children: /* @__PURE__ */ jsx(DialogProvider, { children: /* @__PURE__ */ jsx(BespokeManagerShell, {}) }) }) })
+    ] });
+  }
+}
+function MainLink({ item, disabled }) {
+  const { page } = useManagerLocation();
+  return /* @__PURE__ */ jsx(Link, { href: item.href, passHref: true, children: /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      disabled,
+      mt: "xs",
+      sx: (theme) => ({
+        border: "1px solid white",
+        borderColor: page && page.includes(item.href) ? "#ccc" : "transparent",
+        backgroundColor: "transparent",
+        display: "block",
+        width: "100%",
+        padding: theme.spacing.xs,
+        borderRadius: theme.radius.sm,
+        "&:hover": {
+          backgroundColor: "#f9f9f9"
+        }
+      }),
+      children: /* @__PURE__ */ jsxs(Group, { children: [
+        /* @__PURE__ */ jsx(ThemeIcon, { color: disabled ? "gray" : item.color, variant: "light", children: item.icon }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", children: item.label })
+      ] })
+    }
+  ) }, item.label);
+}
+function BespokeManagerShell(props) {
+  const [opened, { toggle: toggleOpened }] = useDisclosure(true);
+  const { user, error, isLoading } = useUser();
+  const location = useManagerLocation();
+  const links = useMemo(() => {
+    return [
+      {
+        icon: /* @__PURE__ */ jsx(IconBoxMargin, { size: 16 }),
+        color: "blue",
+        label: "Reports Builder",
+        href: "reports",
+        roleRequired: CMS_ROLES.EDITOR
+      },
+      {
+        icon: /* @__PURE__ */ jsx(IconTable, { size: 16 }),
+        color: "teal",
+        label: "Metadata Editor",
+        href: "metadata",
+        roleRequired: CMS_ROLES.EDITOR
+      },
+      {
+        icon: /* @__PURE__ */ jsx(IconMathFunction, { size: 16 }),
+        color: "violet",
+        label: "Formatters List",
+        href: "formatters",
+        roleRequired: CMS_ROLES.EDITOR
+      },
+      {
+        icon: /* @__PURE__ */ jsx(IconUsers, { size: 16 }),
+        color: "pink",
+        label: "Users Management",
+        href: "users",
+        roleRequired: CMS_ROLES.ADMIN
+      }
+    ];
+  }, []);
+  const buildLinks = useCallback((user2) => {
+    let pastRole;
+    const menuLinks = [];
+    links.forEach((link) => {
+      if (pastRole !== link.roleRequired) {
+        menuLinks.push(/* @__PURE__ */ jsx(Divider, { my: "xs", label: link.roleRequired, labelPosition: "center" }, link.roleRequired));
+      }
+      menuLinks.push(
+        /* @__PURE__ */ jsx(MainLink, { item: link, disabled: !user2.bespoke_roles.includes(link.roleRequired) }, link.label)
+      );
+      pastRole = link.roleRequired;
+    });
+    return menuLinks;
+  }, [links]);
+  const navbar = useMemo(() => {
+    const linkButtons = buildLinks(user);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Burger,
+        {
+          style: {
+            position: "fixed",
+            top: opened && location.page === "reports" && location.params.length > 0 ? 60 : 10,
+            left: opened ? 215 : 10,
             zIndex: 101
           },
           opened,
@@ -9151,31 +10232,79 @@ function BespokeManagerShell(props) {
           hiddenBreakpoint: 1e5,
           hidden: !opened,
           children: [
-            /* @__PURE__ */ jsx(Navbar.Section, { style: { position: "relative" }, children: /* @__PURE__ */ jsx(BespokeLogo, { href: location.href("reports") }) }),
-            /* @__PURE__ */ jsx(Navbar.Section, { grow: true, children: links })
+            /* @__PURE__ */ jsx(Navbar.Section, { style: { position: "relative" }, children: /* @__PURE__ */ jsx(BespokeLogo, { href: location.href("") }) }),
+            /* @__PURE__ */ jsx(Navbar.Section, { grow: true, component: ScrollArea, children: linkButtons }),
+            /* @__PURE__ */ jsx(Navbar.Section, { children: user && !error && !isLoading && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+              /* @__PURE__ */ jsxs(Group, { children: [
+                /* @__PURE__ */ jsx(
+                  Avatar,
+                  {
+                    src: user.picture,
+                    radius: "xl"
+                  }
+                ),
+                /* @__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 })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  component: "a",
+                  href: "/api/auth/logout",
+                  compact: true,
+                  size: "xs",
+                  variant: "outline",
+                  leftIcon: /* @__PURE__ */ jsx(IconLogout, { size: 14 }),
+                  children: "Disconnect"
+                }
+              )
+            ] }) }) })
           ]
         }
       )
     ] });
-  }, [location, opened]);
+  }, [location, opened, user]);
   const route = useMemo(() => {
-    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 report_id = Number.parseInt(location.params[0]);
-        return /* @__PURE__ */ jsx(ReportEditor2, { id: report_id });
+    const item = links.find((page) => page.href.includes(location.page));
+    if (location.page === void 0) {
+      return /* @__PURE__ */ jsx(HelloView, {});
+    }
+    if (item) {
+      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 report_id = Number.parseInt(location.params[0]);
+            return /* @__PURE__ */ jsx(ReportEditor2, { id: report_id });
+          }
+          return /* @__PURE__ */ jsx(ReportPicker, {});
+        }
+        if (location.page === "users") {
+          return /* @__PURE__ */ jsx(UsersEditor, {});
+        }
+      } else {
+        return /* @__PURE__ */ jsx(UnauthorizeView, {});
       }
-      return /* @__PURE__ */ jsx(ReportPicker, {});
     }
-    return null;
-  }, [location]);
+    return /* @__PURE__ */ jsx(NotFoundView, {});
+  }, [location, user]);
   return /* @__PURE__ */ jsx(AppShell, { fixed: true, padding: 0, navbar, children: route });
 }
+function BespokeManager(params) {
+  return withPageRoleAuthRequired(
+    BespokeManagerPanel(params),
+    [CMS_ROLES.ADMIN, CMS_ROLES.EDITOR, CMS_ROLES.WRITER],
+    () => /* @__PURE__ */ jsx(UnauthorizeView, {}),
+    {}
+  );
+}
 
 // views/BespokeRenderer.tsx
 init_esm_shims();
@@ -9183,4 +10312,4 @@ function BespokeRenderer() {
   return /* @__PURE__ */ jsx("div", { children: "Report COMING SOON" });
 }
 
-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 };
+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 };