fix: use onboarding/help components & composable from frappe-ui/frappe

frappe-ui

@@ -1 +1 @@
-Subproject commit 4c01c299d3b1b7200cfba8b36d572df459989460
+Subproject commit 096d9d95e8693ff3245c93510b6fa85a84fee4d1

frontend/src/components/CommunicationArea.vue

@@ -96,7 +96,7 @@ import { capture } from '@/telemetry'
 import { usersStore } from '@/stores/users'
 import { useStorage } from '@vueuse/core'
 import { call, createResource } from 'frappe-ui'
-import { useOnboarding } from 'frappe-ui/src/frappe'
+import { useOnboarding } from 'frappe-ui/frappe'
 import { ref, watch, computed } from 'vue'
 
 const props = defineProps({

frontend/src/components/Layouts/AppSidebar.vue

@@ -155,14 +155,15 @@ import {
   notificationsStore,
 } from '@/stores/notifications'
 import { showSettings, activeSettingsPage } from '@/composables/settings'
-import { FeatherIcon, TrialBanner, call } from 'frappe-ui'
+import { FeatherIcon, call } from 'frappe-ui'
 import {
+  TrialBanner,
   HelpModal,
   GettingStartedBanner,
   useOnboarding,
   showHelpModal,
   minimize,
-} from 'frappe-ui/src/frappe'
+} from 'frappe-ui/frappe'
 import { capture } from '@/telemetry'
 import router from '@/router'
 import { useStorage } from '@vueuse/core'

frontend/src/components/Modals/LeadModal.vue

@@ -49,7 +49,7 @@ import { statusesStore } from '@/stores/statuses'
 import { isMobileView } from '@/composables/settings'
 import { capture } from '@/telemetry'
 import { createResource } from 'frappe-ui'
-import { useOnboarding } from 'frappe-ui/src/frappe'
+import { useOnboarding } from 'frappe-ui/frappe'
 import { computed, onMounted, ref, reactive, nextTick } from 'vue'
 import { useRouter } from 'vue-router'
 

frontend/src/components/Modals/NoteModal.vue

@@ -66,7 +66,7 @@
 import ArrowUpRightIcon from '@/components/Icons/ArrowUpRightIcon.vue'
 import { capture } from '@/telemetry'
 import { TextEditor, call } from 'frappe-ui'
-import { useOnboarding } from 'frappe-ui/src/frappe'
+import { useOnboarding } from 'frappe-ui/frappe'
 import { ref, nextTick, watch } from 'vue'
 import { useRouter } from 'vue-router'
 

frontend/src/components/Modals/TaskModal.vue

@@ -119,7 +119,7 @@ import { taskStatusOptions, taskPriorityOptions, getFormat } from '@/utils'
 import { usersStore } from '@/stores/users'
 import { capture } from '@/telemetry'
 import { TextEditor, Dropdown, Tooltip, call, DateTimePicker } from 'frappe-ui'
-import { useOnboarding } from 'frappe-ui/src/frappe'
+import { useOnboarding } from 'frappe-ui/frappe'
 import { ref, watch, nextTick, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 

frontend/src/components/Settings/InviteMemberPage.vue

@@ -87,7 +87,7 @@ import {
   FormControl,
   Tooltip,
 } from 'frappe-ui'
-import { useOnboarding } from 'frappe-ui/src/frappe'
+import { useOnboarding } from 'frappe-ui/frappe'
 import { ref, computed } from 'vue'
 
 const { updateOnboardingStep } = useOnboarding('frappecrm')

frontend/src/pages/Deal.vue

@@ -341,7 +341,7 @@ import {
   call,
   usePageMeta,
 } from 'frappe-ui'
-import { useOnboarding } from 'frappe-ui/src/frappe'
+import { useOnboarding } from 'frappe-ui/frappe'
 import { ref, computed, h, onMounted, onBeforeUnmount } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useActiveTabManager } from '@/composables/useActiveTabManager'

frontend/src/pages/Lead.vue

@@ -361,7 +361,7 @@ import {
   call,
   usePageMeta,
 } from 'frappe-ui'
-import { useOnboarding } from 'frappe-ui/src/frappe'
+import { useOnboarding } from 'frappe-ui/frappe'
 import { ref, reactive, computed, onMounted, watch } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { useActiveTabManager } from '@/composables/useActiveTabManager'

frontend/tailwind.config.js

@@ -5,6 +5,8 @@ module.exports = {
     './src/**/*.{vue,js,ts,jsx,tsx}',
     './node_modules/frappe-ui/src/**/*.{vue,js,ts,jsx,tsx}',
     '../node_modules/frappe-ui/src/**/*.{vue,js,ts,jsx,tsx}',
+    './node_modules/frappe-ui/frappe/**/*.{vue,js,ts,jsx,tsx}',
+    '../node_modules/frappe-ui/frappe/**/*.{vue,js,ts,jsx,tsx}',
   ],
   safelist: [{ pattern: /!(text|bg)-/, variants: ['hover', 'active'] }],
   theme: {