fix: use useOnboading composable from frappe-ui

frontend/src/components/CommunicationArea.vue

@@ -94,9 +94,8 @@ import CommentIcon from '@/components/Icons/CommentIcon.vue'
 import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import { capture } from '@/telemetry'
 import { usersStore } from '@/stores/users'
-import { useOnboarding } from '@/composables/onboarding'
 import { useStorage } from '@vueuse/core'
-import { call, createResource } from 'frappe-ui'
+import { call, createResource, useOnboarding } from 'frappe-ui'
 import { ref, watch, computed } from 'vue'
 
 const props = defineProps({
@@ -112,7 +111,7 @@ const reload = defineModel('reload')
 const emit = defineEmits(['scroll'])
 
 const { getUser } = usersStore()
-const { updateOnboardingStep } = useOnboarding()
+const { updateOnboardingStep } = useOnboarding('frappecrm')
 
 const showEmailBox = ref(false)
 const showCommentBox = ref(false)

frontend/src/components/Layouts/AppSidebar.vue

@@ -149,6 +149,7 @@ import {
   useOnboarding,
   showHelpModal,
   minimize,
+  call,
 } from 'frappe-ui'
 import router from '@/router'
 import { useStorage } from '@vueuse/core'

frontend/src/components/Modals/LeadModal.vue

@@ -47,9 +47,8 @@ import FieldLayout from '@/components/FieldLayout/FieldLayout.vue'
 import { usersStore } from '@/stores/users'
 import { statusesStore } from '@/stores/statuses'
 import { isMobileView } from '@/composables/settings'
-import { useOnboarding } from '@/composables/onboarding'
 import { capture } from '@/telemetry'
-import { createResource } from 'frappe-ui'
+import { createResource, useOnboarding } from 'frappe-ui'
 import { computed, onMounted, ref, reactive, nextTick } from 'vue'
 import { useRouter } from 'vue-router'
 
@@ -59,7 +58,7 @@ const props = defineProps({
 
 const { getUser, isManager } = usersStore()
 const { getLeadStatus, statusOptions } = statusesStore()
-const { updateOnboardingStep } = useOnboarding()
+const { updateOnboardingStep } = useOnboarding('frappecrm')
 
 const show = defineModel()
 const router = useRouter()

frontend/src/components/Modals/NoteModal.vue

@@ -65,8 +65,7 @@
 <script setup>
 import ArrowUpRightIcon from '@/components/Icons/ArrowUpRightIcon.vue'
 import { capture } from '@/telemetry'
-import { useOnboarding } from '@/composables/onboarding'
+import { TextEditor, call, useOnboarding } from 'frappe-ui'
-import { TextEditor, call } from 'frappe-ui'
 import { ref, nextTick, watch } from 'vue'
 import { useRouter } from 'vue-router'
 
@@ -92,7 +91,7 @@ const emit = defineEmits(['after'])
 
 const router = useRouter()
 
-const { updateOnboardingStep } = useOnboarding()
+const { updateOnboardingStep } = useOnboarding('frappecrm')
 
 const title = ref(null)
 const editMode = ref(false)

frontend/src/components/Modals/TaskModal.vue

@@ -117,9 +117,15 @@ import UserAvatar from '@/components/UserAvatar.vue'
 import Link from '@/components/Controls/Link.vue'
 import { taskStatusOptions, taskPriorityOptions, getFormat } from '@/utils'
 import { usersStore } from '@/stores/users'
-import { useOnboarding } from '@/composables/onboarding'
 import { capture } from '@/telemetry'
-import { TextEditor, Dropdown, Tooltip, call, DateTimePicker } from 'frappe-ui'
+import {
+  TextEditor,
+  Dropdown,
+  Tooltip,
+  call,
+  DateTimePicker,
+  useOnboarding,
+} from 'frappe-ui'
 import { ref, watch, nextTick, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 
@@ -145,7 +151,7 @@ const emit = defineEmits(['updateTask', 'after'])
 
 const router = useRouter()
 const { getUser } = usersStore()
-const { updateOnboardingStep } = useOnboarding()
+const { updateOnboardingStep } = useOnboarding('frappecrm')
 
 const title = ref(null)
 const editMode = ref(false)

frontend/src/components/Settings/InviteMemberPage.vue

@@ -80,17 +80,17 @@
 </template>
 <script setup>
 import MultiValueInput from '@/components/Controls/MultiValueInput.vue'
-import { useOnboarding } from '@/composables/onboarding'
 import { validateEmail, convertArrayToString } from '@/utils'
 import {
   createListResource,
   createResource,
   FormControl,
   Tooltip,
+  useOnboarding,
 } from 'frappe-ui'
 import { ref, computed } from 'vue'
 
-const { updateOnboardingStep } = useOnboarding()
+const { updateOnboardingStep } = useOnboarding('frappecrm')
 
 const invitees = ref([])
 const role = ref('Sales User')

frontend/src/pages/Deal.vue

@@ -331,10 +331,6 @@ import { globalStore } from '@/stores/global'
 import { statusesStore } from '@/stores/statuses'
 import { getMeta } from '@/stores/meta'
 import { whatsappEnabled, callEnabled } from '@/composables/settings'
-import {
-  isOnboardingStepsCompleted,
-  useOnboarding,
-} from '@/composables/onboarding'
 import {
   createResource,
   Dropdown,
@@ -344,6 +340,8 @@ import {
   Breadcrumbs,
   call,
   usePageMeta,
+  isOnboardingStepsCompleted,
+  useOnboarding,
 } from 'frappe-ui'
 import { ref, computed, h, onMounted, onBeforeUnmount } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
@@ -354,7 +352,7 @@ const { $dialog, $socket, makeCall } = globalStore()
 const { statusOptions, getDealStatus } = statusesStore()
 const { doctypeMeta } = getMeta('CRM Deal')
 
-const { updateOnboardingStep } = useOnboarding()
+const { updateOnboardingStep } = useOnboarding('frappecrm')
 
 const route = useRoute()
 const router = useRouter()

frontend/src/pages/Lead.vue

@@ -348,7 +348,6 @@ import {
   callEnabled,
   isMobileView,
 } from '@/composables/settings'
-import { useOnboarding } from '@/composables/onboarding'
 import { capture } from '@/telemetry'
 import {
   createResource,
@@ -361,6 +360,7 @@ import {
   Breadcrumbs,
   call,
   usePageMeta,
+  useOnboarding,
 } from 'frappe-ui'
 import { ref, reactive, computed, onMounted, watch } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
@@ -372,7 +372,7 @@ const { $dialog, $socket, makeCall } = globalStore()
 const { statusOptions, getLeadStatus, getDealStatus } = statusesStore()
 const { doctypeMeta } = getMeta('CRM Lead')
 
-const { updateOnboardingStep } = useOnboarding()
+const { updateOnboardingStep } = useOnboarding('frappecrm')
 
 const route = useRoute()
 const router = useRouter()