@conduction/nextcloud-vue 2.99.0 → 2.101.0

package/src/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue

@@ -0,0 +1,272 @@
+<!--
+  - SPDX-FileCopyrightText: 2026 Conduction B.V.
+  - SPDX-License-Identifier: EUPL-1.2
+-->
+<template>
+	<div class="cn-saved-view-alert" data-testid="cn-saved-view-alert">
+		<p v-if="!view" class="cn-saved-view-alert__empty" data-testid="cn-saved-view-alert-empty">
+			{{ emptyText }}
+		</p>
+		<template v-else>
+			<dl class="cn-saved-view-alert__facts">
+				<dt>{{ t('nextcloud-vue', 'Name') }}</dt>
+				<dd data-testid="cn-saved-view-alert-name">
+					{{ view.name }}
+				</dd>
+				<template v-if="countText">
+					<dt>{{ t('nextcloud-vue', 'Now') }}</dt>
+					<dd data-testid="cn-saved-view-alert-count">
+						{{ countText }}
+					</dd>
+				</template>
+			</dl>
+			<NcCheckboxRadioSwitch
+				type="switch"
+				:modelValue="enabled"
+				:disabled="saving || !canEdit"
+				data-testid="cn-saved-view-alert-switch"
+				@update:modelValue="onToggle">
+				<span class="cn-saved-view-alert__switch-text">
+					<span>{{ t('nextcloud-vue', 'Tell me above a number') }}</span>
+					<span class="cn-saved-view-alert__hint">{{ hintText }}</span>
+				</span>
+			</NcCheckboxRadioSwitch>
+			<NcTextField v-if="enabled"
+				:modelValue="String(threshold)"
+				type="number"
+				min="0"
+				:label="t('nextcloud-vue', 'Threshold')"
+				:disabled="saving || !canEdit"
+				data-testid="cn-saved-view-alert-threshold"
+				@update:modelValue="onThreshold" />
+			<p v-if="error"
+				class="cn-saved-view-alert__error"
+				role="alert"
+				data-testid="cn-saved-view-alert-error">
+				{{ error }}
+			</p>
+		</template>
+	</div>
+</template>
+
+<script>
+import { getCurrentUser } from '@nextcloud/auth'
+import { translatePlural as n, translate as t } from '@nextcloud/l10n'
+import { NcCheckboxRadioSwitch, NcTextField } from '@nextcloud/vue'
+import { useSavedViewsApi } from '../../composables/useSavedViewsApi.js'
+
+/**
+ * CnSavedViewAlertWidget — the saved view an index page has applied, with its
+ * count alert (DqZoekresultaten "Opgeslagen zoekopdracht"): its name, how many
+ * rows it holds now, and a switch that asks OpenRegister to tell the reader
+ * when the count reaches a threshold.
+ *
+ * The alert is the view's own `alert` (`{ operator: 'gte', threshold,
+ * recipients }`), saved with a PATCH on the view; OpenRegister evaluates it on
+ * its sweep and fires on the crossing, not on the state. Switching it off
+ * clears it. The widget reads the page through the `cnIndexList` CnIndexPage
+ * provides, so it belongs in an index page's `sidePanel`
+ * (`type: "saved-view-alert"`).
+ *
+ * Example (manifest):
+ * ```json
+ * { "id": "alert", "type": "saved-view-alert", "title": "Saved search", "content": { "noun": { "one": "case", "other": "cases" } } }
+ * ```
+ */
+export default {
+	name: 'CnSavedViewAlertWidget',
+
+	components: { NcCheckboxRadioSwitch, NcTextField },
+
+	inject: {
+		/** The index page's list: its applied saved view and its total. */
+		cnIndexList: { default: null },
+		/** Host translate function provided by CnAppRoot. */
+		cnTranslate: { default: () => (key) => key },
+	},
+
+	props: {
+		/**
+		 * The widget content: `{ noun?: { one, other }, emptyText? }`. `noun`
+		 * names what is counted ("9 zaken"); `emptyText` shows while no saved
+		 * view is applied. Both are translated with the app's catalogue.
+		 */
+		content: {
+			type: Object,
+			default: () => ({}),
+		},
+	},
+
+	data() {
+		return { saving: false, error: '', draft: null }
+	},
+
+	computed: {
+		/** @return {object|null} The applied saved view, or null. */
+		view() {
+			return (this.cnIndexList && this.cnIndexList.appliedView) || null
+		},
+
+		/** @return {boolean} Whether the view carries an alert. */
+		enabled() {
+			const alert = this.view && this.view.alert
+			return Boolean(alert && typeof alert === 'object' && Number.isFinite(Number(alert.threshold)))
+		},
+
+		/** @return {number} The threshold being edited, else the view's, else 10. */
+		threshold() {
+			if (this.draft !== null) {
+				return this.draft
+			}
+			const value = this.enabled ? Number(this.view.alert.threshold) : 10
+			return Number.isFinite(value) ? value : 10
+		},
+
+		/** @return {boolean} Whether the reader may change the view: its owner, or when the view says nothing. */
+		canEdit() {
+			const owner = this.view && this.view.owner
+			if (!owner) {
+				return true
+			}
+			const user = getCurrentUser()
+			return Boolean(user && user.uid === owner)
+		},
+
+		/** @return {string} "9 zaken", or '' while the total is unknown. */
+		countText() {
+			const total = this.cnIndexList ? this.cnIndexList.total : undefined
+			if (typeof total !== 'number') {
+				return ''
+			}
+			const noun = this.content && this.content.noun
+			if (noun && typeof noun === 'object' && noun.one && noun.other) {
+				return `${total} ${this.cnTranslate(total === 1 ? noun.one : noun.other)}`
+			}
+			return n('nextcloud-vue', '%n result', '%n results', total)
+		},
+
+		/** @return {string} The line under the switch. */
+		hintText() {
+			return t('nextcloud-vue', 'A message to you when there are {threshold} or more', { threshold: this.threshold })
+		},
+
+		/** @return {string} What shows while no saved view is applied. */
+		emptyText() {
+			const own = this.content && this.content.emptyText
+			return own ? this.cnTranslate(own) : t('nextcloud-vue', 'Save this search or open a saved one to set an alert on it.')
+		},
+	},
+
+	methods: {
+		t,
+
+		/**
+		 * Switch the alert on (at the shown threshold) or off.
+		 *
+		 * @param {boolean} on The new state.
+		 * @return {Promise<void>}
+		 */
+		async onToggle(on) {
+			await this.save(on ? this.alertFor(this.threshold) : null)
+		},
+
+		/**
+		 * Save a new threshold, when the alert is on.
+		 *
+		 * @param {string} value The typed value.
+		 * @return {Promise<void>}
+		 */
+		async onThreshold(value) {
+			const number = Math.max(0, Math.floor(Number(value)))
+			if (!Number.isFinite(number)) {
+				return
+			}
+			this.draft = number
+			await this.save(this.alertFor(number))
+			this.draft = null
+		},
+
+		/**
+		 * The alert the view stores: reaching the threshold tells the reader.
+		 *
+		 * @param {number} threshold The threshold.
+		 * @return {{operator: string, threshold: number, recipients: Array<string>}}
+		 */
+		alertFor(threshold) {
+			const user = getCurrentUser()
+			return { operator: 'gte', threshold, recipients: user && user.uid ? [user.uid] : [] }
+		},
+
+		/**
+		 * PATCH the view's alert and hand the saved view back to the page.
+		 *
+		 * @param {object|null} alert The alert, or null to clear it.
+		 * @return {Promise<void>}
+		 */
+		async save(alert) {
+			if (!this.view) {
+				return
+			}
+			this.saving = true
+			this.error = ''
+			try {
+				const saved = await useSavedViewsApi().patchView(this.view.uuid || this.view.id, { alert })
+				if (saved && this.cnIndexList && typeof this.cnIndexList.replaceSavedView === 'function') {
+					this.cnIndexList.replaceSavedView(saved)
+				}
+			} catch (error) {
+				this.error = (error && error.response && error.response.data && error.response.data.error) || t('nextcloud-vue', 'The alert could not be saved.')
+			} finally {
+				this.saving = false
+			}
+		},
+	},
+}
+</script>
+
+<style scoped>
+.cn-saved-view-alert {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	font-size: 14px;
+}
+
+.cn-saved-view-alert__facts {
+	display: grid;
+	grid-template-columns: max-content 1fr;
+	gap: 6px 16px;
+	margin: 0;
+}
+
+.cn-saved-view-alert__facts dt {
+	color: var(--color-text-maxcontrast);
+}
+
+.cn-saved-view-alert__facts dd {
+	margin: 0;
+	font-weight: 500;
+}
+
+.cn-saved-view-alert__switch-text {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+}
+
+.cn-saved-view-alert__hint,
+.cn-saved-view-alert__empty {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+
+.cn-saved-view-alert__empty,
+.cn-saved-view-alert__error {
+	margin: 0;
+}
+
+.cn-saved-view-alert__error {
+	color: var(--color-error-text, var(--color-error));
+	font-size: 13px;
+}
+</style>

package/src/components/CnSavedViewAlertWidget/index.js

@@ -0,0 +1,7 @@
+// SPDX-FileCopyrightText: 2026 Conduction B.V.
+// SPDX-License-Identifier: EUPL-1.2
+
+import CnSavedViewAlertWidget from './CnSavedViewAlertWidget.vue'
+
+export default CnSavedViewAlertWidget
+export { CnSavedViewAlertWidget }

package/src/components/CnSettingsFieldsSection/CnSettingsFieldsSection.vue

@@ -68,6 +68,32 @@ import { serverErrorMessage } from '../../utils/serverErrorMessage.js'
 import { CnSettingsField } from '../CnSettingsField/index.js'
 import { CnSettingsSection } from '../CnSettingsSection/index.js'
 
+/**
+ * A value by key: the key as written when the object holds it (a flat map
+ * with dotted keys such as `integration.brk.mode`), else as a dotted path.
+ *
+ * @param {object} data The object.
+ * @param {string} key The key or dotted path.
+ * @return {unknown}
+ */
+function literalFirst(data, key) {
+	if (data && typeof data === 'object' && Object.hasOwn(data, key)) {
+		return data[key]
+	}
+	return readPath(data, key)
+}
+
+/**
+ * The request options for a target: an OCS endpoint (`/ocs/...`) needs the
+ * `OCS-APIRequest` header; `prefixUrl` already serves it outside index.php.
+ *
+ * @param {string} url The target.
+ * @return {object}
+ */
+function ocsConfig(url) {
+	return /^\/ocs\//.test(String(url)) ? { headers: { 'OCS-APIRequest': 'true' } } : {}
+}
+
 /**
  * Up to two initials of a name, for an image field without an image.
  *
@@ -146,15 +172,16 @@ export default {
 		 * The fields: `[{ key, label, type?, hint?, placeholder?, required?,
 		 * pattern?, patternMessage?, min?, max?, rows?, options?, optionsUrl?,
 		 * optionsPath?, optionLabel?, optionValue?, default?, readOnly?, wide?,
-		 * url?, valuePath?, saveUrl?, saveMethod?, saveKey?, uploadUrl?,
+		 * url?, valuePath?, saveUrl?, saveMethod?, saveKey?, saveParams?, uploadUrl?,
 		 * uploadField?, uploadParams?, uploadValuePath?, initials?, initialsFrom? }]`.
 		 * `type` is `text` (default), `textarea`, `number`, `switch`, `select`,
 		 * `secret` or `image`. `key` names the setting; a dotted key reads a
 		 * nested value and is written as written. A field with its own `url`
 		 * is read there (at `valuePath`, default its key) and saved to its
 		 * `saveUrl` (default that `url`) with `saveMethod` (default POST) under
-		 * `saveKey` (default its key), so one section can hold the settings of
-		 * several apps. An `image` uploads at once to `uploadUrl`. Labels,
+		 * `saveKey` (default its key), with `saveParams` merged into the body,
+		 * so one section can hold the settings of several apps. A target under
+		 * `/ocs/` is sent the `OCS-APIRequest` header. An `image` uploads at once to `uploadUrl`. Labels,
 		 * hints, placeholders and messages go through the app's translate
 		 * function.
 		 *
@@ -343,7 +370,7 @@ export default {
 				const failures = {}
 				await Promise.all(targets.map(async (target) => {
 					try {
-						const response = await axios.get(prefixUrl(target))
+						const response = await axios.get(prefixUrl(target), ocsConfig(target))
 						answers[target] = response?.data ?? {}
 					} catch (error) {
 						failures[target] = error
@@ -396,7 +423,8 @@ export default {
 
 		/**
 		 * A field's value in its read answer: at its `valuePath` (a field with its
-		 * own `url`), else at the section's `valuesPath`, then its `key`.
+		 * own `url`), else at the section's `valuesPath`, then its `key`. A key
+		 * the answer holds as written wins over reading it as a dotted path.
 		 *
 		 * @param {object} field The field.
 		 * @param {object|null} data The answer of the field's read target.
@@ -407,10 +435,10 @@ export default {
 				return undefined
 			}
 			if (field.url) {
-				return readPath(data, field.valuePath || field.key)
+				return literalFirst(data, field.valuePath || field.key)
 			}
-			const values = (this.valuesPath ? readPath(data, this.valuesPath) : data) || {}
-			return Object.hasOwn(values, field.key) ? values[field.key] : readPath(values, field.key)
+			const values = (this.valuesPath ? literalFirst(data, this.valuesPath) : data) || {}
+			return literalFirst(values, field.key)
 		},
 
 		/**
@@ -494,6 +522,7 @@ export default {
 				}
 				const group = groups.get(id)
 				group.fields.push(field)
+				Object.assign(group.data, field.saveParams || {})
 				group.data[field.saveKey || field.key] = value
 			}
 			this.saving = true
@@ -502,7 +531,7 @@ export default {
 			const sent = {}
 			for (const group of groups.values()) {
 				try {
-					await axios.request({ url: prefixUrl(group.url), method: group.method, data: group.data })
+					await axios.request({ url: prefixUrl(group.url), method: group.method, data: group.data, ...ocsConfig(group.url) })
 					Object.assign(sent, group.data)
 					this.acceptSaved(group.fields)
 				} catch (error) {

package/src/components/CnSetupWizard/CnSetupWizard.vue

@@ -69,7 +69,12 @@
 
 				<!-- choice -->
 				<template v-else-if="step.type === 'choice'">
-					<NcNoteCard v-if="step.body" type="info">
+					<!-- The board sets the intro as a plain paragraph above the
+					     cards (DqInstellen); the Nextcloud look keeps the note. -->
+					<p v-if="step.body && isBoard" class="cn-setup-step__intro" data-testid="cn-setup-step-intro">
+						{{ stepBody(step) }}
+					</p>
+					<NcNoteCard v-else-if="step.body" type="info">
 						{{ stepBody(step) }}
 					</NcNoteCard>
 					<CnChoiceCards
@@ -119,6 +124,9 @@
 					<NcNoteCard v-if="isChoiceDisabled(step)" type="warning">
 						{{ dependsOnHint(step) }}
 					</NcNoteCard>
+					<p v-if="stepNote(step)" class="cn-setup-step__note" data-testid="cn-setup-step-note">
+						{{ stepNote(step) }}
+					</p>
 				</template>
 
 				<!-- config-fields -->
@@ -212,6 +220,7 @@ import CnChoiceCards from '../CnChoiceCards/CnChoiceCards.vue'
 import CnLeafDependencySettings from '../CnLeafDependencySettings/CnLeafDependencySettings.vue'
 import CnWizardDialog from '../CnWizardDialog/CnWizardDialog.vue'
 import { checkDependencies, isDependencyResolved, missingRequiredApps, readServerAppStatuses } from '../../composables/useDependencyCheck.js'
+import { useLook } from '../../composables/useLook.js'
 import { useSetupStatus } from '../../composables/useSetupStatus.js'
 import { fieldsFromSchema } from '../../utils/schema.js'
 
@@ -428,12 +437,13 @@ export default {
 	 * @return {object} `setupStatus` / `setupStatusLoading` for the option resolver.
 	 */
 	setup(props) {
-		const wantsSource = (props.steps || []).some((s) => s && s.optionsSource)
+		const { isBoard } = useLook()
+		const wantsSource = (props.steps || []).some((s) => s && (s.optionsSource || s.visibleWhen))
 		if (!wantsSource) {
-			return {}
+			return { isBoard }
 		}
 		const { status, loading } = useSetupStatus(props.appId, { setup: { steps: props.steps } })
-		return { setupStatus: status, setupStatusLoading: loading }
+		return { isBoard, setupStatus: status, setupStatusLoading: loading }
 	},
 
 	data() {
@@ -496,7 +506,7 @@ export default {
 
 		setupSteps() {
 			const skipped = new Set(this.skippedSteps.map((entry) => entry.step.id))
-			return this.declaredSteps.filter((s) => !skipped.has(s.id))
+			return this.declaredSteps.filter((s) => !skipped.has(s.id) && this.stepConditionHolds(s))
 		},
 
 		/**
@@ -793,6 +803,18 @@ export default {
 			return raw === '' ? '' : this.cnTranslate(raw)
 		},
 
+		/**
+		 * The footnote under a choice step's options, from the step's `note`
+		 * (or `footnote`), translated like the body.
+		 *
+		 * @param {object} step The step declaration.
+		 * @return {string} The translated footnote, or ''.
+		 */
+		stepNote(step) {
+			const raw = (step && (step.note || step.footnote)) || ''
+			return raw === '' ? '' : this.cnTranslate(raw)
+		},
+
 		stepSlot(step) {
 			return 'step-' + step.id
 		},
@@ -847,6 +869,39 @@ export default {
 			})
 		},
 
+		/**
+		 * Whether a step's `visibleWhen` holds: the value at that path in the
+		 * setup status (`"flags.hasPayouts"`, dots walk into objects) is truthy,
+		 * or equals `equals` when the step gives `{ path, equals }`. A step
+		 * without `visibleWhen` always shows; one with it stays hidden until the
+		 * status says so, also while the status loads (DqInstellen: the dwangsom
+		 * step only when the app pays penalties).
+		 *
+		 * @param {object} step The step declaration.
+		 * @return {boolean}
+		 */
+		stepConditionHolds(step) {
+			const when = step && step.visibleWhen
+			if (when === undefined || when === null || when === '') {
+				return true
+			}
+			const path = typeof when === 'string' ? when : when.path
+			if (typeof path !== 'string' || path === '') {
+				return true
+			}
+			let node = this.setupStatus
+			for (const key of path.split('.')) {
+				if (node === null || node === undefined || typeof node !== 'object') {
+					return false
+				}
+				node = node[key]
+			}
+			if (typeof when === 'object' && Object.hasOwn(when, 'equals')) {
+				return node === when.equals
+			}
+			return Boolean(node)
+		},
+
 		/**
 		 * The option list a `choice` step declares `optionsSource` for, read
 		 * from the setup status document the app already serves.
@@ -1338,6 +1393,18 @@ export default {
 	gap: 12px;
 }
 
+.cn-setup-step__intro {
+	margin: 0;
+	font-size: 15px;
+	line-height: 1.5;
+}
+
+.cn-setup-step__note {
+	margin: 0;
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+
 .cn-setup-step__nav {
 	display: flex;
 	justify-content: flex-end;

package/src/components/CnWidgetGrid/builtInWidgets.js

@@ -17,6 +17,7 @@
 import CnAuditTrailWidget from '../CnAuditTrailWidget/CnAuditTrailWidget.vue'
 import CnBannerWidget from '../CnBannerWidget/CnBannerWidget.vue'
 import CnDividerWidget from '../CnDividerWidget/CnDividerWidget.vue'
+import CnExportsWidget from '../CnExportsWidget/CnExportsWidget.vue'
 import CnHeaderWidget from '../CnHeaderWidget/CnHeaderWidget.vue'
 import CnIntegrationWidget from '../CnIntegrationWidget/CnIntegrationWidget.vue'
 import CnNavCardGrid from '../CnNavCardGrid/CnNavCardGrid.vue'
@@ -24,6 +25,7 @@ import CnObjectDataWidget from '../CnObjectDataWidget/CnObjectDataWidget.vue'
 import CnObjectGeoWidget from '../CnObjectGeoWidget/CnObjectGeoWidget.vue'
 import CnObjectMetadataWidget from '../CnObjectMetadataWidget/CnObjectMetadataWidget.vue'
 import CnRelatedObjectsWidget from '../CnRelatedObjectsWidget/CnRelatedObjectsWidget.vue'
+import CnSavedViewAlertWidget from '../CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue'
 import CnTextWidget from '../CnTextWidget/CnTextWidget.vue'
 import CnTimelineWidget from '../CnTimelineWidget/CnTimelineWidget.vue'
 import CnWidgetCardGrid from '../CnWidgetCardGrid/CnWidgetCardGrid.vue'
@@ -89,4 +91,6 @@ export const BUILT_IN_WIDGETS = {
 	header: CnHeaderWidget,
 	text: CnTextWidget,
 	divider: CnDividerWidget,
+	'saved-view-alert': CnSavedViewAlertWidget,
+	exports: CnExportsWidget,
 }

package/src/components/CnWidgetGrid/registerDashboardWidgets.js

@@ -75,6 +75,7 @@ import '../CnTasksWidget/index.js'
 import '../CnSectionsWidget/index.js'
 import '../CnFactsWidget/index.js'
 import '../CnDeviceFramesWidget/index.js'
+import '../CnGroupedCardsWidget/index.js'
 import '../CnChecklistRunWidget/index.js'
 import '../CnWorkingCalendarWidget/index.js'
 import '../CnPartyActionsWidget/index.js'

package/src/components/CnWizardDialog/CnWizardDialog.vue

@@ -208,7 +208,7 @@ export default {
 		 */
 		dialogTitle: {
 			type: String,
-			default: 'Wizard',
+			default: () => t('nextcloud-vue', 'Wizard'),
 		},
 
 		/**
@@ -279,17 +279,17 @@ export default {
 		submitIcon: { type: [Object, Function], default: null },
 
 		/** Cancel-button label (wizard phase). */
-		cancelLabel: { type: String, default: 'Cancel' },
+		cancelLabel: { type: String, default: () => t('nextcloud-vue', 'Cancel') },
 		/** Back-button label. */
-		backLabel: { type: String, default: 'Back' },
+		backLabel: { type: String, default: () => t('nextcloud-vue', 'Back') },
 		/** Next-button label (intermediate steps). */
-		nextLabel: { type: String, default: 'Next' },
+		nextLabel: { type: String, default: () => t('nextcloud-vue', 'Next') },
 		/** Submit-button label (last step). */
-		submitLabel: { type: String, default: 'Submit' },
+		submitLabel: { type: String, default: () => t('nextcloud-vue', 'Submit') },
 		/** Close-button label (result phase). */
-		closeLabel: { type: String, default: 'Close' },
+		closeLabel: { type: String, default: () => t('nextcloud-vue', 'Close') },
 		/** Success banner default text when result.message is empty. */
-		successText: { type: String, default: 'Done.' },
+		successText: { type: String, default: () => t('nextcloud-vue', 'Done.') },
 		/**
 		 * Whether the dialog can be dismissed (Cancel button, ESC, backdrop
 		 * click) before reaching the result phase. `false` hides Cancel and

package/src/components/index.js

@@ -30,6 +30,8 @@ export { CnDateAxisView } from './CnDateAxisView/index.js'
 export { CnObjectRow } from './CnObjectRow/index.js'
 export { CnObjectList } from './CnObjectList/index.js'
 export { CnOrderedListField } from './CnOrderedListField/index.js'
+export { CnExportsWidget } from './CnExportsWidget/index.js'
+export { CnSavedViewAlertWidget } from './CnSavedViewAlertWidget/index.js'
 export { CnObjectKanban } from './CnObjectKanban/index.js'
 export { CnObjectCalendar } from './CnObjectCalendar/index.js'
 export { CnFolderTree } from './CnFolderTree/index.js'
@@ -224,6 +226,7 @@ export { CnTasksWidgetForm } from './CnTasksWidgetForm/index.js'
 export { CnSectionsWidget } from './CnSectionsWidget/index.js'
 export { CnFactsWidget } from './CnFactsWidget/index.js'
 export { CnDeviceFramesWidget } from './CnDeviceFramesWidget/index.js'
+export { CnGroupedCardsWidget } from './CnGroupedCardsWidget/index.js'
 export { CnChecklistRunWidget } from './CnChecklistRunWidget/index.js'
 export { CnWorkingCalendarWidget } from './CnWorkingCalendarWidget/index.js'
 export { CnPartyActionsWidget } from './CnPartyActionsWidget/index.js'