rogee/gochat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(HH-550): scope assignment upgrade prompts to cloud (#129)

Browse Source 
Co-authored-by: Rogee <rogee@ipao.vip>
This commit is contained in:
Rogee
2026-08-23 20:38:01 +08:00
committed by GitHub
co-authored by rogee
parent 8d5d019bb5
commit e11f478c1a
3 changed files with 45 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/app/javascript/dashboard/routes/dashboard/settings/assignmentPolicy/advancedAssignmentPaywall.spec.js
+23
View File
@@ -0,0 +1,23 @@
import { readFileSync } from 'node:fs';
describe('advanced assignment paywalls', () => {
it.each([
[
'../inbox/settingsPage/CollaboratorsPage.vue',
'v-if="showAdvancedAssignmentPaywall"',
],
[
'./pages/components/AgentAssignmentPolicyForm.vue',
'disabled && showAdvancedAssignmentPaywall.value',
],
])('uses the deployment-aware paywall policy in %s', (path, condition) => {
const source = readFileSync(
`app/javascript/dashboard/routes/dashboard/settings/assignmentPolicy/${path}`,
'utf8'
);
expect(source).toContain('shouldShowPaywall');
expect(source).toContain('showAdvancedAssignmentPaywall');
expect(source).toContain(condition);
});
});
frontend/app/javascript/dashboard/routes/dashboard/settings/assignmentPolicy/pages/components/AgentAssignmentPolicyForm.vue
+14 -6
View File
@@ -3,6 +3,8 @@ import { computed, reactive, ref, watch } from 'vue';
import { useI18n } from 'vue-i18n';
import { useRoute } from 'vue-router';
import { useMapGetter } from 'dashboard/composables/store';
import { usePolicy } from 'dashboard/composables/usePolicy';
import { FEATURE_FLAGS } from 'dashboard/featureFlags';
import BaseInfo from 'dashboard/components-next/AssignmentPolicy/components/BaseInfo.vue';
import RadioCard from 'dashboard/components-next/radioCard/RadioCard.vue';
import FairDistribution from 'dashboard/components-next/AssignmentPolicy/components/FairDistribution.vue';
@@ -67,6 +69,7 @@ const emit = defineEmits([
const { t } = useI18n();
const route = useRoute();
const { shouldShowPaywall } = usePolicy();
const accountId = computed(() => Number(route.params.accountId));
const isFeatureEnabledonAccount = useMapGetter(
@@ -74,6 +77,9 @@ const isFeatureEnabledonAccount = useMapGetter(
);
const BASE_KEY = 'ASSIGNMENT_POLICY.AGENT_ASSIGNMENT_POLICY';
const showAdvancedAssignmentPaywall = computed(() =>
shouldShowPaywall(FEATURE_FLAGS.ADVANCED_ASSIGNMENT)
);
const state = reactive({
name: '',
@@ -115,12 +121,14 @@ const assignmentOrderOptions = computed(() => {
return OPTIONS.ORDER.map(key => {
const isBalanced = key === 'balanced';
const disabled = isBalanced && !hasAdvancedAssignment;
const disabledMessage = disabled
? t(`${BASE_KEY}.FORM.ASSIGNMENT_ORDER.BALANCED.PREMIUM_MESSAGE`)
: '';
const disabledLabel = disabled
? t(`${BASE_KEY}.FORM.ASSIGNMENT_ORDER.BALANCED.PREMIUM_BADGE`)
: '';
const disabledMessage =
disabled && showAdvancedAssignmentPaywall.value
? t(`${BASE_KEY}.FORM.ASSIGNMENT_ORDER.BALANCED.PREMIUM_MESSAGE`)
: '';
const disabledLabel =
disabled && showAdvancedAssignmentPaywall.value
? t(`${BASE_KEY}.FORM.ASSIGNMENT_ORDER.BALANCED.PREMIUM_BADGE`)
: '';
return createOption(
'ASSIGNMENT_ORDER',
frontend/app/javascript/dashboard/routes/dashboard/settings/inbox/settingsPage/CollaboratorsPage.vue
+8 -2
View File
@@ -14,6 +14,8 @@ import DropdownMenu from 'dashboard/components-next/dropdown-menu/DropdownMenu.v
import Icon from 'dashboard/components-next/icon/Icon.vue';
import TagInput from 'dashboard/components-next/taginput/TagInput.vue';
import assignmentPoliciesAPI from 'dashboard/api/assignmentPolicies';
import { usePolicy } from 'dashboard/composables/usePolicy';
import { FEATURE_FLAGS } from 'dashboard/featureFlags';
import { useI18n } from 'vue-i18n';
const props = defineProps({
@@ -27,6 +29,7 @@ const store = useStore();
const route = useRoute();
const router = useRouter();
const { t } = useI18n();
const { shouldShowPaywall } = usePolicy();
const selectedAgentIds = ref([]);
const isAgentListUpdating = ref(false);
@@ -90,6 +93,10 @@ const showAdvancedAssignmentUI = computed(() => {
return hasAdvancedAssignment.value && hasAssignmentV2.value;
});
const showAdvancedAssignmentPaywall = computed(() =>
shouldShowPaywall(FEATURE_FLAGS.ADVANCED_ASSIGNMENT)
);
const assignmentOrderLabel = computed(() => {
if (!assignmentPolicy.value) return '';
const priority = assignmentPolicy.value.conversation_priority;
@@ -613,8 +620,7 @@ onMounted(() => {
<div class="w-full h-px bg-n-weak my-4" />
<!-- Upgrade prompt when advanced_assignment is not enabled -->
<div v-if="!hasAdvancedAssignment">
<div v-if="showAdvancedAssignmentPaywall">
<p class="text-body-main text-n-slate-11 mb-1">
{{ $t('INBOX_MGMT.ASSIGNMENT.UPGRADE_PROMPT') }}
</p>