@conduction/nextcloud-vue 2.100.0 → 2.102.0

package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue.js

@@ -0,0 +1,9 @@
+import script from './CnSavedViewAlertWidget.vue2.js';
+import { render } from './CnSavedViewAlertWidget.vue3.js';
+
+script.render = render;
+script.__scopeId = "data-v-4439a3f3";
+const __sfc_main = script;
+
+export { __sfc_main as default };
+//# sourceMappingURL=CnSavedViewAlertWidget.vue.js.map

package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CnSavedViewAlertWidget.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue2.js

@@ -0,0 +1,175 @@
+import { getCurrentUser } from '@nextcloud/auth';
+import { translatePlural, translate } 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" } } }
+ * ```
+ */
+var script = {
+	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 translatePlural('nextcloud-vue', '%n result', '%n results', total)
+		},
+
+		/** @return {string} The line under the switch. */
+		hintText() {
+			return translate('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) : translate('nextcloud-vue', 'Save this search or open a saved one to set an alert on it.')
+		},
+	},
+
+	methods: {
+		t: translate,
+
+		/**
+		 * 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) || translate('nextcloud-vue', 'The alert could not be saved.');
+			} finally {
+				this.saving = false;
+			}
+		},
+	},
+};
+
+export { script as default };
+//# sourceMappingURL=CnSavedViewAlertWidget.vue2.js.map

package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue2.js.map

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

package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue3.js

@@ -0,0 +1,77 @@
+import { resolveComponent, openBlock, createElementBlock, toDisplayString, Fragment, createElementVNode, createCommentVNode, createVNode, withCtx, createBlock } from 'vue';
+
+const _hoisted_1 = {
+  class: "cn-saved-view-alert",
+  "data-testid": "cn-saved-view-alert"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "cn-saved-view-alert__empty",
+  "data-testid": "cn-saved-view-alert-empty"
+};
+const _hoisted_3 = { class: "cn-saved-view-alert__facts" };
+const _hoisted_4 = { "data-testid": "cn-saved-view-alert-name" };
+const _hoisted_5 = { "data-testid": "cn-saved-view-alert-count" };
+const _hoisted_6 = { class: "cn-saved-view-alert__switch-text" };
+const _hoisted_7 = { class: "cn-saved-view-alert__hint" };
+const _hoisted_8 = {
+  key: 1,
+  class: "cn-saved-view-alert__error",
+  role: "alert",
+  "data-testid": "cn-saved-view-alert-error"
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_NcCheckboxRadioSwitch = resolveComponent("NcCheckboxRadioSwitch");
+  const _component_NcTextField = resolveComponent("NcTextField");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    (!$options.view)
+      ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString($options.emptyText), 1 /* TEXT */))
+      : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createElementVNode("dl", _hoisted_3, [
+            createElementVNode("dt", null, toDisplayString($options.t('nextcloud-vue', 'Name')), 1 /* TEXT */),
+            createElementVNode("dd", _hoisted_4, toDisplayString($options.view.name), 1 /* TEXT */),
+            ($options.countText)
+              ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createElementVNode("dt", null, toDisplayString($options.t('nextcloud-vue', 'Now')), 1 /* TEXT */),
+                  createElementVNode("dd", _hoisted_5, toDisplayString($options.countText), 1 /* TEXT */)
+                ], 64 /* STABLE_FRAGMENT */))
+              : createCommentVNode("v-if", true)
+          ]),
+          createVNode(_component_NcCheckboxRadioSwitch, {
+            type: "switch",
+            modelValue: $options.enabled,
+            disabled: $data.saving || !$options.canEdit,
+            "data-testid": "cn-saved-view-alert-switch",
+            "onUpdate:modelValue": $options.onToggle
+          }, {
+            default: withCtx(() => [
+              createElementVNode("span", _hoisted_6, [
+                createElementVNode("span", null, toDisplayString($options.t('nextcloud-vue', 'Tell me above a number')), 1 /* TEXT */),
+                createElementVNode("span", _hoisted_7, toDisplayString($options.hintText), 1 /* TEXT */)
+              ])
+            ]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["modelValue", "disabled", "onUpdate:modelValue"]),
+          ($options.enabled)
+            ? (openBlock(), createBlock(_component_NcTextField, {
+                key: 0,
+                modelValue: String($options.threshold),
+                type: "number",
+                min: "0",
+                label: $options.t('nextcloud-vue', 'Threshold'),
+                disabled: $data.saving || !$options.canEdit,
+                "data-testid": "cn-saved-view-alert-threshold",
+                "onUpdate:modelValue": $options.onThreshold
+              }, null, 8 /* PROPS */, ["modelValue", "label", "disabled", "onUpdate:modelValue"]))
+            : createCommentVNode("v-if", true),
+          ($data.error)
+            ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString($data.error), 1 /* TEXT */))
+            : createCommentVNode("v-if", true)
+        ], 64 /* STABLE_FRAGMENT */))
+  ]))
+}
+
+export { render };
+//# sourceMappingURL=CnSavedViewAlertWidget.vue3.js.map

package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CnSavedViewAlertWidget.vue3.js","sources":["../../../../src/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue?vue&type=template&id=4439a3f3&lang.js"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<div class=\"cn-saved-view-alert\" data-testid=\"cn-saved-view-alert\">\n\t\t<p v-if=\"!view\" class=\"cn-saved-view-alert__empty\" data-testid=\"cn-saved-view-alert-empty\">\n\t\t\t{{ emptyText }}\n\t\t</p>\n\t\t<template v-else>\n\t\t\t<dl class=\"cn-saved-view-alert__facts\">\n\t\t\t\t<dt>{{ t('nextcloud-vue', 'Name') }}</dt>\n\t\t\t\t<dd data-testid=\"cn-saved-view-alert-name\">\n\t\t\t\t\t{{ view.name }}\n\t\t\t\t</dd>\n\t\t\t\t<template v-if=\"countText\">\n\t\t\t\t\t<dt>{{ t('nextcloud-vue', 'Now') }}</dt>\n\t\t\t\t\t<dd data-testid=\"cn-saved-view-alert-count\">\n\t\t\t\t\t\t{{ countText }}\n\t\t\t\t\t</dd>\n\t\t\t\t</template>\n\t\t\t</dl>\n\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\ttype=\"switch\"\n\t\t\t\t:modelValue=\"enabled\"\n\t\t\t\t:disabled=\"saving || !canEdit\"\n\t\t\t\tdata-testid=\"cn-saved-view-alert-switch\"\n\t\t\t\t@update:modelValue=\"onToggle\">\n\t\t\t\t<span class=\"cn-saved-view-alert__switch-text\">\n\t\t\t\t\t<span>{{ t('nextcloud-vue', 'Tell me above a number') }}</span>\n\t\t\t\t\t<span class=\"cn-saved-view-alert__hint\">{{ hintText }}</span>\n\t\t\t\t</span>\n\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t<NcTextField v-if=\"enabled\"\n\t\t\t\t:modelValue=\"String(threshold)\"\n\t\t\t\ttype=\"number\"\n\t\t\t\tmin=\"0\"\n\t\t\t\t:label=\"t('nextcloud-vue', 'Threshold')\"\n\t\t\t\t:disabled=\"saving || !canEdit\"\n\t\t\t\tdata-testid=\"cn-saved-view-alert-threshold\"\n\t\t\t\t@update:modelValue=\"onThreshold\" />\n\t\t\t<p v-if=\"error\"\n\t\t\t\tclass=\"cn-saved-view-alert__error\"\n\t\t\t\trole=\"alert\"\n\t\t\t\tdata-testid=\"cn-saved-view-alert-error\">\n\t\t\t\t{{ error }}\n\t\t\t</p>\n\t\t</template>\n\t</div>\n</template>\n\n<script>\nimport { getCurrentUser } from '@nextcloud/auth'\nimport { translatePlural as n, translate as t } from '@nextcloud/l10n'\nimport { NcCheckboxRadioSwitch, NcTextField } from '@nextcloud/vue'\nimport { useSavedViewsApi } from '../../composables/useSavedViewsApi.js'\n\n/**\n * CnSavedViewAlertWidget — the saved view an index page has applied, with its\n * count alert (DqZoekresultaten \"Opgeslagen zoekopdracht\"): its name, how many\n * rows it holds now, and a switch that asks OpenRegister to tell the reader\n * when the count reaches a threshold.\n *\n * The alert is the view's own `alert` (`{ operator: 'gte', threshold,\n * recipients }`), saved with a PATCH on the view; OpenRegister evaluates it on\n * its sweep and fires on the crossing, not on the state. Switching it off\n * clears it. The widget reads the page through the `cnIndexList` CnIndexPage\n * provides, so it belongs in an index page's `sidePanel`\n * (`type: \"saved-view-alert\"`).\n *\n * Example (manifest):\n * ```json\n * { \"id\": \"alert\", \"type\": \"saved-view-alert\", \"title\": \"Saved search\", \"content\": { \"noun\": { \"one\": \"case\", \"other\": \"cases\" } } }\n * ```\n */\nexport default {\n\tname: 'CnSavedViewAlertWidget',\n\n\tcomponents: { NcCheckboxRadioSwitch, NcTextField },\n\n\tinject: {\n\t\t/** The index page's list: its applied saved view and its total. */\n\t\tcnIndexList: { default: null },\n\t\t/** Host translate function provided by CnAppRoot. */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * The widget content: `{ noun?: { one, other }, emptyText? }`. `noun`\n\t\t * names what is counted (\"9 zaken\"); `emptyText` shows while no saved\n\t\t * view is applied. Both are translated with the app's catalogue.\n\t\t */\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn { saving: false, error: '', draft: null }\n\t},\n\n\tcomputed: {\n\t\t/** @return {object|null} The applied saved view, or null. */\n\t\tview() {\n\t\t\treturn (this.cnIndexList && this.cnIndexList.appliedView) || null\n\t\t},\n\n\t\t/** @return {boolean} Whether the view carries an alert. */\n\t\tenabled() {\n\t\t\tconst alert = this.view && this.view.alert\n\t\t\treturn Boolean(alert && typeof alert === 'object' && Number.isFinite(Number(alert.threshold)))\n\t\t},\n\n\t\t/** @return {number} The threshold being edited, else the view's, else 10. */\n\t\tthreshold() {\n\t\t\tif (this.draft !== null) {\n\t\t\t\treturn this.draft\n\t\t\t}\n\t\t\tconst value = this.enabled ? Number(this.view.alert.threshold) : 10\n\t\t\treturn Number.isFinite(value) ? value : 10\n\t\t},\n\n\t\t/** @return {boolean} Whether the reader may change the view: its owner, or when the view says nothing. */\n\t\tcanEdit() {\n\t\t\tconst owner = this.view && this.view.owner\n\t\t\tif (!owner) {\n\t\t\t\treturn true\n\t\t\t}\n\t\t\tconst user = getCurrentUser()\n\t\t\treturn Boolean(user && user.uid === owner)\n\t\t},\n\n\t\t/** @return {string} \"9 zaken\", or '' while the total is unknown. */\n\t\tcountText() {\n\t\t\tconst total = this.cnIndexList ? this.cnIndexList.total : undefined\n\t\t\tif (typeof total !== 'number') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst noun = this.content && this.content.noun\n\t\t\tif (noun && typeof noun === 'object' && noun.one && noun.other) {\n\t\t\t\treturn `${total} ${this.cnTranslate(total === 1 ? noun.one : noun.other)}`\n\t\t\t}\n\t\t\treturn n('nextcloud-vue', '%n result', '%n results', total)\n\t\t},\n\n\t\t/** @return {string} The line under the switch. */\n\t\thintText() {\n\t\t\treturn t('nextcloud-vue', 'A message to you when there are {threshold} or more', { threshold: this.threshold })\n\t\t},\n\n\t\t/** @return {string} What shows while no saved view is applied. */\n\t\temptyText() {\n\t\t\tconst own = this.content && this.content.emptyText\n\t\t\treturn own ? this.cnTranslate(own) : t('nextcloud-vue', 'Save this search or open a saved one to set an alert on it.')\n\t\t},\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\t/**\n\t\t * Switch the alert on (at the shown threshold) or off.\n\t\t *\n\t\t * @param {boolean} on The new state.\n\t\t * @return {Promise<void>}\n\t\t */\n\t\tasync onToggle(on) {\n\t\t\tawait this.save(on ? this.alertFor(this.threshold) : null)\n\t\t},\n\n\t\t/**\n\t\t * Save a new threshold, when the alert is on.\n\t\t *\n\t\t * @param {string} value The typed value.\n\t\t * @return {Promise<void>}\n\t\t */\n\t\tasync onThreshold(value) {\n\t\t\tconst number = Math.max(0, Math.floor(Number(value)))\n\t\t\tif (!Number.isFinite(number)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.draft = number\n\t\t\tawait this.save(this.alertFor(number))\n\t\t\tthis.draft = null\n\t\t},\n\n\t\t/**\n\t\t * The alert the view stores: reaching the threshold tells the reader.\n\t\t *\n\t\t * @param {number} threshold The threshold.\n\t\t * @return {{operator: string, threshold: number, recipients: Array<string>}}\n\t\t */\n\t\talertFor(threshold) {\n\t\t\tconst user = getCurrentUser()\n\t\t\treturn { operator: 'gte', threshold, recipients: user && user.uid ? [user.uid] : [] }\n\t\t},\n\n\t\t/**\n\t\t * PATCH the view's alert and hand the saved view back to the page.\n\t\t *\n\t\t * @param {object|null} alert The alert, or null to clear it.\n\t\t * @return {Promise<void>}\n\t\t */\n\t\tasync save(alert) {\n\t\t\tif (!this.view) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.saving = true\n\t\t\tthis.error = ''\n\t\t\ttry {\n\t\t\t\tconst saved = await useSavedViewsApi().patchView(this.view.uuid || this.view.id, { alert })\n\t\t\t\tif (saved && this.cnIndexList && typeof this.cnIndexList.replaceSavedView === 'function') {\n\t\t\t\t\tthis.cnIndexList.replaceSavedView(saved)\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tthis.error = (error && error.response && error.response.data && error.response.data.error) || t('nextcloud-vue', 'The alert could not be saved.')\n\t\t\t} finally {\n\t\t\t\tthis.saving = false\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-saved-view-alert {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\tfont-size: 14px;\n}\n\n.cn-saved-view-alert__facts {\n\tdisplay: grid;\n\tgrid-template-columns: max-content 1fr;\n\tgap: 6px 16px;\n\tmargin: 0;\n}\n\n.cn-saved-view-alert__facts dt {\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-saved-view-alert__facts dd {\n\tmargin: 0;\n\tfont-weight: 500;\n}\n\n.cn-saved-view-alert__switch-text {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 2px;\n}\n\n.cn-saved-view-alert__hint,\n.cn-saved-view-alert__empty {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n}\n\n.cn-saved-view-alert__empty,\n.cn-saved-view-alert__error {\n\tmargin: 0;\n}\n\n.cn-saved-view-alert__error {\n\tcolor: var(--color-error-text, var(--color-error));\n\tfont-size: 13px;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_toDisplayString","_createElementVNode","_Fragment","_createVNode","_createBlock"],"mappings":";;;AASM,EAAA,KAAI,EAAE,qBAAM;AAAA,EAAA,aAAA,EAAA,qBAAA;;;;AACA,EAAA,KAAK,EAAC,4BAAiB;AAAA,EAAA,aAAA,EAAA,2BAAA;;AAIlC,MAAA,UAAA,GAAA,EAAA,KAAC,EAAA,4BAAA,GAAA;AAEA,MAAA,UAAA,GAAA,EAAA,aAAW,EAAC,0BAAwB,GAAA;AAKrC,MAAA,UAAA,GAAA,EAAA,aAAA,EAAA,2BAAA,GAAA;AAWG,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,kCAAU,GAAA;AAEf,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,2BAAiB,GAAA;;;AAY9B,EAAA,KAAE,EAAA,4BAAA;AACF,EAAA,IAAI,EAAC,OAAG;AACR,EAAA,aAAE,EAAA,2BAAA;;;;;;;AAvCJ,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,QAAA;MACU,QAAI,CAAA,IAAA;sBAAbA,kBAEG,CAAA,GAAA,EAFH,UAEG,EAAAC,eAAA,CADA,QAAS,CAAA,SAAA,CAAA,EAAA,CAAA,YAAA;;6BAcP,gBAAA,EAAA;AAVJ,YAAAC,kBAAA,CAA0B,4BAAnB,QAAC,CAAA,CAAA,CAAA,eAAA,EAAA,MAAA,CAAA,CAAA,EAAA,CAAA,YAAA;AACP,YAAAA,kBAAA,CAEI,IAFJ,EAAA,UAEI,EADAD,eAAA,CAAA,QAAA,CAAA,IAAG,CAAC,IAAI,CAAA,EAAA,CAAA,YAAA;aAER,QAAA,CAAA,SAAA;gDAKM,CAAAE,QAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAJV,kBAAAD,kBAAA,CAAS,4BAAF,QAAC,CAAA,CAAA,CAAA,eAAA,EAAA,KAAA,CAAA,CAAA,EAAA,CAAA,YAAA;kBACRA,kBAEK,CAAA,IAAA,EAFL,UAEK,EAAAD,eAAA,CADD,QAAS,CAAA,SAAA,CAAA,EAAA,CAAA,YAAA;;;;UAIdG,WAUM,CAAA,gCAAA,EAAA;AATN,YAAA,IAAI,EAAC,QAAQ;AACZ,YAAA,UAAU,EAAE,QAAO,CAAA,OAAA;YACnB,QAAS,EAAC,KAAM,CAAA,MAAA,IAAA,CAAK,QAAO,CAAA,OAAA;yBAClB,EAAC,4BAA4B;AACvC,YAAA,qBAAK,EAAA,QAAA,CAAA,QAAA;;6BACN,MAGO;AAHP,cAAAF,kBAAA,CAGO,QAHP,UAGO,EAAA;AAFN,gBAAAA,kBAAA,CAAwB,8BAAf,QAAA,CAAA,CAAA,CAAA,eAAA,EAAA,wBAAA,CAAA,CAAA,EAAA,CAAA,YAAA;gBACTA,kBAA6B,CAAA,MAAA,EAA7B,UAA6B,EAAAD,eAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,CAAA,YAAA;;;;;WAGZ,QAAO,CAAA,OAAA;4BAAzBI,WAOmC,CAAA,sBAAA,EAAA;;gBANlC,UAAU,EAAE,MAAM,CAAE,QAAQ,CAAA,SAAA,CAAA;AAC7B,gBAAA,IAAI,EAAC,QAAQ;AACb,gBAAA,GAAG,EAAC,GAAG;AACP,gBAAA,KAAM,EAAE,QAAC,CAAA,CAAA,CAAA,eAAA,EAAA,WAAA,CAAA;gBACR,QAAQ,EAAE,KAAM,CAAA,MAAA,IAAA,CAAK,QAAO,CAAA,OAAA;AAC7B,gBAAA,aAAW,EAAA,+BAAA;AACV,gBAAA,qBAAiB,EAAE,QAAW,CAAA,WAAA;;;gBACrB,CAAA,KAAA;4BAAVL,wBAAA;;;;;;;;"}

package/dist/esm/components/CnSetupWizard/CnSetupWizard.vue.js

@@ -2,7 +2,7 @@ import script from './CnSetupWizard.vue2.js';
 import { render } from './CnSetupWizard.vue3.js';
 
 script.render = render;
-script.__scopeId = "data-v-32874a44";
+script.__scopeId = "data-v-44988d3d";
 const __sfc_main = script;
 
 export { __sfc_main as default };

package/dist/esm/components/CnSetupWizard/CnSetupWizard.vue2.js

@@ -223,7 +223,7 @@ var script = {
 	 */
 	setup(props) {
 		const { isBoard } = useLook();
-		const wantsSource = (props.steps || []).some((s) => s && s.optionsSource);
+		const wantsSource = (props.steps || []).some((s) => s && (s.optionsSource || s.visibleWhen));
 		if (!wantsSource) {
 			return { isBoard }
 		}
@@ -291,7 +291,7 @@ var script = {
 
 		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))
 		},
 
 		/**
@@ -654,6 +654,39 @@ var script = {
 			})
 		},
 
+		/**
+		 * 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.