TT-7510 BOLD members can add prompts and users (#413)

- add item to user menu to enable these admin functions

Co-authored-by: Greg Trihus <gtryus@gmail.com>

Author: gtryus

localization/TranscriberAdmin-en-1.2.xliff

@@ -4945,6 +4945,13 @@
                <context context-type="sourcefile">apphead.tsx</context>
             </context-group>
          </trans-unit>
+         <trans-unit id="main.addSectionOrPassage">
+            <source>Add {0} or Passage</source>
+            <target/>
+            <context-group>
+               <context context-type="sourcefile">UserMenu.tsx</context>
+            </context-group>
+         </trans-unit>
          <trans-unit id="main.admin">
             <source>Admin</source>
             <target/>

localization/TranscriberAdmin-en.xlf

@@ -4240,6 +4240,12 @@
             <target/>
          </segment>
       </unit>
+      <unit id="main.addSectionOrPassage">
+         <segment>
+            <source>Add {0} or Passage</source>
+            <target/>
+         </segment>
+      </unit>
       <unit id="main.admin">
          <segment>
             <source>Admin</source>

src/renderer/public/localization/stringsb51f6841.json

@@ -1,5 +1,6 @@
 import { useRole } from '../../../crud/useRole';
 import { useStepPermissions } from '../../../utils/useStepPermission';
+import { useGlobal } from '../../../context/useGlobal';
 import usePassageDetailContext from '../../../context/usePassageDetailContext';
 import PassageDetailPromptAdmin from './PassageDetailPromptAdmin';
 import PassageDetailPromptMember from './PassageDetailPromptMember';
@@ -12,9 +13,14 @@ export default function PassageDetailPrompt(props: IProps) {
   const { userIsAdmin } = useRole();
   const { canDoSectionStep, permissionsOn } = useStepPermissions();
   const { section, currentstep } = usePassageDetailContext();
+  // Bold-workflow members can record the prompt when the session-only
+  // "Add {Story} or Passage" flag is set (see UserMenu).
+  const [addStoryOrPassage] = useGlobal('addStoryOrPassage');
 
   const showAdmin =
-    userIsAdmin || (permissionsOn && canDoSectionStep(currentstep, section));
+    userIsAdmin ||
+    addStoryOrPassage ||
+    (permissionsOn && canDoSectionStep(currentstep, section));
 
   if (showAdmin) {
     return <PassageDetailPromptAdmin width={props.width} />;

src/renderer/public/localization/stringsd868efcb.json

@@ -28,6 +28,12 @@ import { useOrbitData } from '../hoc/useOrbitData';
 import { shallowEqual, useSelector } from 'react-redux';
 import { mainSelector, sharedSelector } from '../selector';
 import ProfileDialog from './ProfileDialog';
+import { useRole } from '../crud/useRole';
+import { useOrganizedBy } from '../crud';
+import {
+  useTeamWorkflowProcess,
+  BOLD_WORKFLOW_PROCESS,
+} from '../crud/useTeamWorkflowProcess';
 
 const TermsItem = styled(StyledMenuItem)<MenuItemProps>(() => ({
   textAlign: 'center',
@@ -54,6 +60,13 @@ export function UserMenu(props: IProps) {
   const [developer] = useGlobal('developer');
   const [user] = useGlobal('user');
   const [, setMobileView] = useGlobal('mobileView');
+  const [org] = useGlobal('organization');
+  const [addStoryOrPassage, setAddStoryOrPassage] =
+    useGlobal('addStoryOrPassage');
+  const { userIsAdmin } = useRole();
+  const { getOrganizedBy } = useOrganizedBy();
+  const isBoldWorkflow =
+    useTeamWorkflowProcess(org) === BOLD_WORKFLOW_PROCESS;
   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
   const [shift, setShift] = React.useState(false);
   const [userRec, setUserRec] = React.useState<UserD | undefined>(undefined);
@@ -94,6 +107,12 @@ export function UserMenu(props: IProps) {
     setAnchorEl(null);
   };
 
+  const handleAddStoryOrPassageToggle = () => {
+    // session-only flag; intentionally not persisted to localStorage
+    setAddStoryOrPassage(!addStoryOrPassage);
+    setAnchorEl(null);
+  };
+
   return (
     <div>
       <IconButton
@@ -142,6 +161,23 @@ export function UserMenu(props: IProps) {
             <ListItemText primary={t.mobileView} />
           </StyledMenuItem>
         )}
+        {isBoldWorkflow && !userIsAdmin && (
+          <StyledMenuItem
+            id="addStoryOrPassage"
+            onClick={handleAddStoryOrPassageToggle}
+          >
+            <ListItemIcon>
+              <Checkbox
+                checked={addStoryOrPassage}
+                size="small"
+                sx={{ padding: 0 }}
+              />
+            </ListItemIcon>
+            <ListItemText
+              primary={t.addSectionOrPassage.replace('{0}', getOrganizedBy(true))}
+            />
+          </StyledMenuItem>
+        )}
         {shift && !isElectron && (
           <StyledMenuItem id="clearCache" onClick={handleAction('Clear')}>
             <ListItemIcon>

src/renderer/src/components/PassageDetail/Prompt/PassageDetailPrompt.tsx

@@ -47,6 +47,7 @@ export interface GlobalState {
   snackMessage: React.JSX.Element; //verified //SnackBar
   offline: boolean;
   mobileView: boolean; //verified //UserMenu - toggle mobile view
+  addStoryOrPassage: boolean; //UserMenu - session-only, bold member can add sections/passages + record prompt
 }
 
 export type GlobalKey = keyof GlobalState;

src/renderer/src/components/UserMenu.tsx

@@ -67,7 +67,13 @@ const PlanProvider = (props: IProps) => {
   const [isDeveloper] = useGlobal('developer');
   const getPlanType = usePlanType();
   const { setProjectDefault, getProjectDefault } = useProjectDefaults();
-  const { canEditSheet, canPublish } = useProjectPermissions();
+  const { canEditSheet: canEditSheetPerm, canPublish } =
+    useProjectPermissions();
+  const [addStoryOrPassage] = useGlobal('addStoryOrPassage');
+  // Bold-workflow members can add sections/passages when the session-only
+  // "Add {Story} or Passage" flag is set (see UserMenu). The flag can only be
+  // set in a bold context, so no extra workflow guard is needed here.
+  const canEditSheet = canEditSheetPerm || addStoryOrPassage;
   const [state, setState] = useState({
     ...initState,
     mediafiles,

src/renderer/src/context/GlobalContext.tsx

@@ -72,6 +72,7 @@ const renderApp = (fingerprint: string, projectsLoaded: string[] = []) => {
     playingMediaId: '',
     mobileView:
       localStorage.getItem(localUserKey(LocalKey.mobileView)) === 'true',
+    addStoryOrPassage: false, //session-only, not persisted (cleared on exit)
   };
 
   const root = createRoot(document.getElementById('root') as HTMLElement);

src/renderer/src/context/PlanContext.tsx

@@ -1 +1 @@
-{ "stringsName": "stringsb51f6841.json" }
+{ "stringsName": "stringsd868efcb.json" }