Update Work Templates content and images (#22716)

* Enabled Work templates by default

* Remove board as product condition

* Removed playbook as a plugin condition

* Removed backend condition for playbook plugin/board product

* remove boards from templates

* Removed unnecessary translations after booards templates removal

* Removed template with no playbook or integration

* Updated entrypoint wording

* update texts

* update thumbnails

* update bigger pictures

* reorder i18n

* Copy updates. Add menu order

* Remove changed translations

* Updated casing for add menu

* Restored boards

* fix i18n

* Fix missing capital in text

* Added missing boards in template

* Updated feature release playbook image

* Updated channel preview for create a project

* Update title copy

* Updated create project thumbnail

* Generate updated work templates

* Updating snapshot

---------

Co-authored-by: Julien Tant <julien@craftyx.fr>
Co-authored-by: Julian Mondragon <bugshoo+github@gmail.com>

webapp/channels/src/components/onboarding_tasks/onboarding_tasks_manager.tsx

@@ -65,7 +65,7 @@ const useGetTaskDetails = () => {
             svg: Newspaper,
             message: formatMessage({
                 id: 'onboardingTask.checklist.task_create_from_work_template',
-                defaultMessage: 'Create from a template - set up a channel with linked boards and playbooks.',
+                defaultMessage: 'Create from a template',
             }),
         },
         [OnboardingTasksName.CHANNELS_TOUR]: {

webapp/channels/src/components/sidebar/__snapshots__/add_channels_cta_button.test.tsx.snap

@@ -32,13 +32,13 @@ exports[`components/new_channel_modal should match snapshot 1`] = `
         id="showNewChannel"
         onClick={[Function]}
         show={true}
-        text="Create New Channel"
+        text="Create new channel"
       />
       <MenuItemAction
         id="showMoreChannels"
         onClick={[Function]}
         show={true}
-        text="Browse Channels"
+        text="Browse channels"
       />
     </MenuGroup>
   </Menu>

webapp/channels/src/components/sidebar/add_channel_dropdown.tsx

@@ -59,7 +59,7 @@ const AddChannelDropdown = ({
                     id='invitePeople'
                     onClick={invitePeopleModal}
                     icon={<i className='icon-account-plus-outline'/>}
-                    text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.invitePeople', defaultMessage: 'Invite People'})}
+                    text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.invitePeople', defaultMessage: 'Invite people'})}
                     extraText={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.invitePeopleExtraText', defaultMessage: 'Add people to the team'})}
                 />
                 {showInviteTutorialTip && <InvitePeopleTour/>}
@@ -74,7 +74,7 @@ const AddChannelDropdown = ({
                     modalId={ModalIdentifiers.WORK_TEMPLATE}
                     dialogType={WorkTemplateModal}
                     text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.work_template', defaultMessage: 'Create from a template'})}
-                    extraText={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.work_template_extra', defaultMessage: 'Set up a channel with linked boards, and playbooks'})}
+                    extraText={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.work_template_extra', defaultMessage: 'Link channels, boards, and playbooks together'})}
                     icon={<i className='icon-layers-outline'/>}
                     className='work-template'
                 />
@@ -88,7 +88,7 @@ const AddChannelDropdown = ({
                     id='showMoreChannels'
                     onClick={showMoreChannelsModal}
                     icon={<i className='icon-globe'/>}
-                    text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.browseChannels', defaultMessage: 'Browse Channels'})}
+                    text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.browseChannels', defaultMessage: 'Browse channels'})}
                 />
             );
         }
@@ -100,7 +100,7 @@ const AddChannelDropdown = ({
                     id='showNewChannel'
                     onClick={showNewChannelModal}
                     icon={<i className='icon-plus'/>}
-                    text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.createNewChannel', defaultMessage: 'Create New Channel'})}
+                    text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.createNewChannel', defaultMessage: 'Create new channel'})}
                 />
             );
         }
@@ -113,7 +113,7 @@ const AddChannelDropdown = ({
                         id='createCategory'
                         onClick={showCreateCategoryModal}
                         icon={<i className='icon-folder-plus-outline'/>}
-                        text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.createCategory', defaultMessage: 'Create New Category'})}
+                        text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.createCategory', defaultMessage: 'Create new category'})}
                     />
                 </Menu.Group>);
         }
@@ -143,8 +143,8 @@ const AddChannelDropdown = ({
             <>
                 <Menu.Group>
                     {workTemplate}
-                    {joinPublicChannel}
                     {createChannel}
+                    {joinPublicChannel}
                     {createDirectMessage}
                     {showCreateTutorialTip && <CreateAndJoinChannelsTour/>}
                     {createUserGroup}

webapp/channels/src/components/sidebar/add_channels_cta_button.tsx

@@ -80,7 +80,7 @@ const AddChannelsCtaButton = (): JSX.Element | null => {
                 <Menu.ItemAction
                     id='showMoreChannels'
                     onClick={showMoreChannelsModal}
-                    text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.browseChannels', defaultMessage: 'Browse Channels'})}
+                    text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.browseChannels', defaultMessage: 'Browse channels'})}
                 />
             );
         }
@@ -91,7 +91,7 @@ const AddChannelsCtaButton = (): JSX.Element | null => {
                 <Menu.ItemAction
                     id='showNewChannel'
                     onClick={showNewChannelModal}
-                    text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.createNewChannel', defaultMessage: 'Create New Channel'})}
+                    text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.createNewChannel', defaultMessage: 'Create new channel'})}
                 />
             );
         }

webapp/channels/src/components/work_templates/index.tsx

@@ -298,7 +298,7 @@ const WorkTemplateModal = () => {
     let confirmButtonAction;
     switch (modalState) {
     case ModalState.Menu:
-        title = formatMessage({id: 'work_templates.menu.modal_title', defaultMessage: 'Start from a template'});
+        title = formatMessage({id: 'work_templates.menu.modal_title', defaultMessage: 'Create from a template'});
         break;
     case ModalState.Preview:
         title = formatMessage({id: 'work_templates.preview.modal_title', defaultMessage: 'Preview {useCase}'}, {useCase: selectedTemplate?.useCase});

webapp/channels/src/i18n/en.json

@@ -4311,7 +4311,7 @@
   "onboardingTask.checklist.no_tanks": "No, thanks",
   "onboardingTask.checklist.start_enterprise_now": "Start your free Enterprise trial now!",
   "onboardingTask.checklist.task_complete_your_profile": "Complete your profile.",
-  "onboardingTask.checklist.task_create_from_work_template": "Create from a template - set up a channel with linked boards and playbooks.",
+  "onboardingTask.checklist.task_create_from_work_template": "Create from a template",
   "onboardingTask.checklist.task_download_mm_apps": "Download the Desktop and Mobile Apps.",
   "onboardingTask.checklist.task_explore_other_tools_in_platform": "Explore other tools in the platform.",
   "onboardingTask.checklist.task_invite_team_members": "Invite team members to the workspace.",
@@ -4859,15 +4859,15 @@
   "shortcuts.team_nav.switcher": "Navigate to a specific team:\tCtrl|Alt|[1-9]",
   "shortcuts.team_nav.switcher.mac": "Navigate to a specific team:\t⌘|⌥|[1-9]",
   "sidebar_left.add_channel_cta_dropdown.dropdownAriaLabel": "Add Channel Dropdown",
-  "sidebar_left.add_channel_dropdown.browseChannels": "Browse Channels",
+  "sidebar_left.add_channel_dropdown.browseChannels": "Browse channels",
   "sidebar_left.add_channel_dropdown.browseOrCreateChannels": "Browse or create channels",
-  "sidebar_left.add_channel_dropdown.createCategory": "Create New Category",
-  "sidebar_left.add_channel_dropdown.createNewChannel": "Create New Channel",
+  "sidebar_left.add_channel_dropdown.createCategory": "Create new category",
+  "sidebar_left.add_channel_dropdown.createNewChannel": "Create new channel",
   "sidebar_left.add_channel_dropdown.dropdownAriaLabel": "Add Channel Dropdown",
-  "sidebar_left.add_channel_dropdown.invitePeople": "Invite People",
+  "sidebar_left.add_channel_dropdown.invitePeople": "Invite people",
   "sidebar_left.add_channel_dropdown.invitePeopleExtraText": "Add people to the team",
   "sidebar_left.add_channel_dropdown.work_template": "Create from a template",
-  "sidebar_left.add_channel_dropdown.work_template_extra": "Set up a channel with linked boards, and playbooks",
+  "sidebar_left.add_channel_dropdown.work_template_extra": "Link channels, boards, and playbooks together",
   "sidebar_left.addChannelsCta": "Add channels",
   "sidebar_left.channel_filter.filterByUnread": "Filter by unread",
   "sidebar_left.channel_filter.filterUnreadAria": "unreads filter",
@@ -4919,7 +4919,7 @@
   "sidebar.directchannel.you": "{displayname} (you)",
   "sidebar.menu.item.notSelected": "not selected",
   "sidebar.menu.item.selected": "selected",
-  "sidebar.openDirectMessage": "Open a Direct Message",
+  "sidebar.openDirectMessage": "Open a direct message",
   "sidebar.show": "Show",
   "sidebar.sort": "Sort",
   "sidebar.sortedByRecencyLabel": "Recent activity",
@@ -5694,7 +5694,7 @@
   "work_templates.customize.name_label_channels_playbooks": "Name your channel and playbook",
   "work_templates.customize.private_playbook_license_issue": "Private playbooks requires an Enterprise license.",
   "work_templates.customize.visibility_title": "Who should have access to this?",
-  "work_templates.menu.modal_title": "Start from a template",
+  "work_templates.menu.modal_title": "Create from a template",
   "work_templates.menu.quick_use": "Quick use",
   "work_templates.menu.template_title": "TEMPLATE",
   "work_templates.menu.usecase_boards_count": "{boardsCount, plural, =1 {# board} other {# boards}}",

webapp/channels/src/i18n/en_AU.json

@@ -4280,7 +4280,7 @@
   "onboardingTask.checklist.main_subtitle": "Let's get up and running.",
   "onboardingTask.checklist.start_enterprise_now": "Start your free Enterprise trial now!",
   "onboardingTask.checklist.task_complete_your_profile": "Complete your profile",
-  "onboardingTask.checklist.task_create_from_work_template": "Create from a template - set up a channel with linked boards and playbooks.",
+  "onboardingTask.checklist.task_create_from_work_template": "Create from a template",
   "onboardingTask.checklist.task_download_mm_apps": "Download the Desktop and Mobile Apps",
   "onboardingTask.checklist.task_explore_other_tools_in_platform": "Explore other tools in the platform.",
   "onboardingTask.checklist.task_invite_team_members": "Invite team members to the workspace",
@@ -4831,7 +4831,7 @@
   "sidebar.directchannel.you": "{displayname} (you)",
   "sidebar.menu.item.notSelected": "not selected",
   "sidebar.menu.item.selected": "selected",
-  "sidebar.openDirectMessage": "Open a Direct Message",
+  "sidebar.openDirectMessage": "Open a direct message",
   "sidebar.show": "Show",
   "sidebar.sort": "Sort",
   "sidebar.sortedByRecencyLabel": "Recent activity",
@@ -4846,15 +4846,15 @@
   "sidebar.types.favorites": "FAVOURITES",
   "sidebar.types.unreads": "UNREADS",
   "sidebar.unreads": "More unreads",
-  "sidebar_left.add_channel_dropdown.browseChannels": "Browse Channels",
+  "sidebar_left.add_channel_dropdown.browseChannels": "Browse channels",
   "sidebar_left.add_channel_dropdown.browseOrCreateChannels": "Browse or create channels",
-  "sidebar_left.add_channel_dropdown.createCategory": "Create New Category",
-  "sidebar_left.add_channel_dropdown.createNewChannel": "Create New Channel",
+  "sidebar_left.add_channel_dropdown.createCategory": "Create new category",
+  "sidebar_left.add_channel_dropdown.createNewChannel": "Create new channel",
   "sidebar_left.add_channel_dropdown.dropdownAriaLabel": "Add Channel Dropdown",
-  "sidebar_left.add_channel_dropdown.invitePeople": "Invite People",
+  "sidebar_left.add_channel_dropdown.invitePeople": "Invite people",
   "sidebar_left.add_channel_dropdown.invitePeopleExtraText": "Add people to the team",
   "sidebar_left.add_channel_dropdown.work_template": "Create from a template",
-  "sidebar_left.add_channel_dropdown.work_template_extra": "Set up a channel with linked boards, and playbooks",
+  "sidebar_left.add_channel_dropdown.work_template_extra": "Link channels, boards, and playbooks together",
   "sidebar_left.channel_filter.filterByUnread": "Filter by unread",
   "sidebar_left.channel_filter.filterUnreadAria": "unreads filter",
   "sidebar_left.channel_filter.showAllChannels": "Show all channels",
@@ -5650,7 +5650,7 @@
   "work_templates.customize.name_label_channels_playbooks": "Name your channel and playbook",
   "work_templates.customize.private_playbook_license_issue": "Private playbooks requires an Enterprise license.",
   "work_templates.customize.visibility_title": "Who should have access to this?",
-  "work_templates.menu.modal_title": "Start from a template",
+  "work_templates.menu.modal_title": "Create from a template",
   "work_templates.menu.quick_use": "Quick use",
   "work_templates.menu.template_title": "TEMPLATE",
   "work_templates.menu.usecase_boards_count": "{boardsCount, plural, =1 {# board} other {# boards}}",

webapp/channels/src/selectors/work_template.ts

@@ -9,10 +9,8 @@ import {GlobalState} from 'types/store';
 export const areWorkTemplatesEnabled = createSelector(
     'areWorktemplatesEnabled',
     (state: GlobalState) => getFeatureFlagValue(state, 'WorkTemplate') === 'true',
-    (state: GlobalState) => getFeatureFlagValue(state, 'BoardsProduct') === 'true',
-    (state: GlobalState) => Boolean(state.plugins.plugins?.playbooks),
-    (workTemplateFF, boardProductEnabled, pluginPlaybooksInstalled) => {
-        return workTemplateFF && boardProductEnabled && pluginPlaybooksInstalled;
+    (workTemplateFF) => {
+        return workTemplateFF;
     },
 );