opendesk

1<template>
2  <SidebarBanner
3    banner="customer_portal_permission"
4    :title="__('Customer portal update')"
5    :description="__('We have changed how customer portal permissions work')"
6    :dialog-title="__('Customer portal permissions have changed')"
7    :confirm-label="__('Confirm')"
8    :before-dismiss="restoreTicketAccess"
9    :is-sidebar-collapsed="isSidebarCollapsed"
10    @update:open="clearChoiceOnClose"
11  >
12    <p>
13      {{
14        __(
15          "Earlier, every contact could see all the tickets of their company. Now, contacts only see the tickets they raised themselves."
16        )
17      }}
18    </p>
19    <p>
20      {{ __("Only users with the role of ") }}
21      <span class="font-semibold text-ink-gray-8"
22        >'{{ __("Customer Manager") }}'
23      </span>
24      {{ __("can see every ticket of their company and manage its contacts.") }}
25      {{ __("Learn more in the") }}
26      <a
27        href="https://github.com/ikhsanddy/opendesk"
28        target="_blank"
29        class="underline"
30        >{{ __("documentation") }}</a
31      >.
32    </p>
33    <FormControl
34      v-model="restoreOldBehaviour"
35      type="checkbox"
36      :label="__('Make all existing contacts customer managers')"
37    />
38  </SidebarBanner>
39</template>
40
41<script setup lang="ts">
42import { __ } from "@/translation";
43import { createResource, toast } from "frappe-ui";
44import { ref } from "vue";
45import SidebarBanner from "./SidebarBanner.vue";
46
47defineProps<{ isSidebarCollapsed: boolean }>();
48
49const restoreOldBehaviour = ref(false);
50
51const restoreResource = createResource({
52  url: "opendesk.api.customer_portal_notice.restore_ticket_access",
53  onSuccess: () => {
54    toast.success(
55      __("Existing contacts are being made customer managers in the background")
56    );
57  },
58});
59
60function clearChoiceOnClose(open: boolean) {
61  if (!open) restoreOldBehaviour.value = false;
62}
63
64async function restoreTicketAccess() {
65  if (restoreOldBehaviour.value) await restoreResource.submit();
66}
67</script>
68