@7365admin1/layer-common 4.107.0 → 4.108.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @iservice365/layer-common
 
+## 4.108.0
+
+### Minor Changes
+
+- 6b9abd5: Online forms: an application whose form template was deleted can still be reviewed - new `definitionFromSubmission()` builds a read-only form from the submitted answers (keys turned into readable labels), and `OnlineFormFill` takes a `notice` shown above the form.
+
 ## 4.107.0
 
 ### Minor Changes

package/components/OnlineFormFill.vue

@@ -9,6 +9,15 @@
       <slot name="title-actions" />
     </v-card-title>
 
+    <v-alert
+      v-if="notice"
+      type="info"
+      variant="tonal"
+      density="compact"
+      class="mx-6 mt-2"
+      data-test="online-form-notice"
+    >{{ notice }}</v-alert>
+
     <!-- Submission metadata bar (readonly only). Shown for an actual
          submission (submissionStatus) OR a pure template preview that
          requires payment — a preview has no submission yet, but should
@@ -481,6 +490,8 @@ const props = defineProps({
   submissionStatus: { type: String, default: "" },
   submissionUnit: { type: String, default: "" },
   approvalMode: { type: Boolean, default: false },
+  /** A short note above the form, e.g. that its template was deleted. */
+  notice: { type: String, default: "" },
   initialManagementValues: { type: Object as PropType<Record<string, string>>, default: () => ({}) },
   formType: { type: String, default: "" },
   paymentAmount: { type: Number, default: 0 },

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "4.107.0",
+  "version": "4.108.0",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "//files": "What a consumer extending this layer actually loads. Without this npm ships the whole working tree - the changesets, the CI workflows, the render harness in tools/ and any scratch directory that happened to exist at publish time. Nuxt resolves a layer by directory, so every runtime directory below has to stay listed; adding a new top-level runtime directory means adding it here too.",

package/utils/online-form-submission.ts

@@ -0,0 +1,48 @@
+/**
+ * An application whose form template was deleted (owner 2026-10-06, option A):
+ * the review screen still shows what the resident sent, built from the
+ * submission alone. The submission stores answers by key only, so each key is
+ * turned into a readable label ("unitOwnerName" -> "Unit Owner Name").
+ */
+
+/** Shown in the meta bar already, or a machine value - not repeated as an answer. */
+const SKIP = new Set(["formDate", "formTo", "block", "level"]);
+
+export function readableKey(key: string): string {
+  return key
+    .replace(/([a-z0-9])([A-Z])/g, "$1 $2")
+    .replace(/[_-]+/g, " ")
+    .replace(/\s+/g, " ")
+    .trim()
+    .replace(/\b\w/g, (c) => c.toUpperCase());
+}
+
+const isImage = (v: unknown) =>
+  typeof v === "string" && (/^data:image\//.test(v) || /^https?:\/\/\S+\.(png|jpe?g|webp)(\?|$)/i.test(v));
+
+function asText(v: unknown): string {
+  if (v === true) return "Yes";
+  if (v === false) return "No";
+  if (Array.isArray(v)) return v.map(asText).join(", ");
+  if (v && typeof v === "object") return Object.entries(v).map(([k, x]) => `${readableKey(k)}: ${asText(x)}`).join(", ");
+  return v == null ? "" : String(v);
+}
+
+/** A read-only form definition + display values made from the submitted answers. */
+export function definitionFromSubmission(title: string, fields: Record<string, unknown> = {}) {
+  const blocks: Array<Record<string, any>> = [];
+  const values: Record<string, unknown> = { ...fields };
+  for (const [key, value] of Object.entries(fields)) {
+    if (SKIP.has(key) || value === "" || value == null) continue;
+    if (isImage(value)) {
+      blocks.push({ type: "signature-row", label: readableKey(key), key });
+      continue;
+    }
+    const text = asText(value);
+    values[key] = text;
+    blocks.push({ type: "field", field: { key, label: readableKey(key), fieldType: text.length > 80 ? "textarea" : "text" } });
+  }
+  return { definition: { title, blocks }, values };
+}
+
+export const DELETED_TEMPLATE_NOTICE = "This form has since been deleted - showing the answers as submitted.";