@7365admin1/layer-common 4.2.0 → 4.2.1-staging.258

package/components/EntryPassMain.vue

@@ -418,6 +418,42 @@
 
             <v-divider />
 
+            <!-- Invitation Note -->
+            <v-col cols="12">
+              <div class="mt-5 pb-5">
+                <div class="d-flex pr-5">
+                  <p class="mr-6 font-weight-medium flex-grow-1">
+                    Invitation Note
+                    <span class="d-block text-caption screen-hint mt-1">
+                      Turning this on appends the text message below as a note
+                      within the contractor's invitation link.
+                    </span>
+                  </p>
+                  <v-switch
+                    color="success"
+                    hide-details
+                    v-model="currentEntryPassSettings.onboardingInvitationNoteEnabled"
+                    @update:modelValue="updateInvitationNoteEnabled()"
+                  />
+                </div>
+                <v-textarea
+                  placeholder="Enter note here"
+                  variant="outlined"
+                  density="comfortable"
+                  rows="4"
+                  no-resize
+                  class="mt-3"
+                  :disabled="!currentEntryPassSettings.onboardingInvitationNoteEnabled"
+                  :error-messages="invitationNoteError"
+                  v-model="currentEntryPassSettings.onboardingInvitationNoteText"
+                  @update:modelValue="invitationNoteError = ''"
+                  @blur="saveInvitationNote()"
+                />
+              </div>
+            </v-col>
+
+            <v-divider />
+
             <!-- Printer Setup -->
             <v-col cols="12">
               <div class="mt-5 pb-5">
@@ -609,6 +645,8 @@ const currentEntryPassSettings = ref<Record<string, any>>({
   onboardingSubText: "",
   onboardingPrinterVendorId: "",
   onboardingPrinterProductId: "",
+  onboardingInvitationNoteEnabled: false,
+  onboardingInvitationNoteText: "",
   status: "",
   createdBy: "",
   updatedBy: "",
@@ -799,6 +837,10 @@ watchEffect(() => {
       onboardingPrinterProductId: data.settings?.onboarding?.printer?.productId
         ? String(data.settings.onboarding.printer.productId)
         : "",
+      onboardingInvitationNoteEnabled:
+        data.settings?.onboarding?.invitationNote?.isEnabled ?? false,
+      onboardingInvitationNoteText:
+        data.settings?.onboarding?.invitationNote?.text ?? "",
       createdAt: data.createdAt ?? "",
       updatedAt: data.updatedAt ?? "",
     };
@@ -844,6 +886,14 @@ function buildPayload() {
           vendorId: Number(currentEntryPassSettings.value.onboardingPrinterVendorId) || null,
           productId: Number(currentEntryPassSettings.value.onboardingPrinterProductId) || null,
         },
+        invitationNote: {
+          isEnabled:
+            currentEntryPassSettings.value.onboardingInvitationNoteEnabled ?? false,
+          // Kept even while the toggle is off - flipping it off is "stop
+          // appending this", not "throw away what I typed", so turning it
+          // back on restores the same note rather than a blank box.
+          text: (currentEntryPassSettings.value.onboardingInvitationNoteText || "").trim(),
+        },
       },
     },
   };
@@ -893,6 +943,43 @@ async function updateOnboardingEnabled() {
   getSiteEntryPassSettings();
 }
 
+/** Blank while the toggle is on means every contractor registration would
+    get an empty note appended - flagged on the field rather than silently
+    saved, mirroring the resident-contractor settings screen. */
+const invitationNoteError = ref("");
+
+function invitationNoteIsValid() {
+  const enabled = currentEntryPassSettings.value.onboardingInvitationNoteEnabled;
+  const text = (currentEntryPassSettings.value.onboardingInvitationNoteText || "").trim();
+  if (enabled && !text) {
+    invitationNoteError.value = "Enter the note to append to the invitation link.";
+    return false;
+  }
+  invitationNoteError.value = "";
+  return true;
+}
+
+async function updateInvitationNoteEnabled() {
+  if (!invitationNoteIsValid()) return;
+  await _save(buildPayload());
+  showMessage("Invitation note updated!", "success");
+  getSiteEntryPassSettings();
+}
+
+// This section has no Save button of its own (the one below it belongs to
+// Printer Setup), so the note text persists on blur - otherwise a site
+// could type a note, flip nothing else, and lose it on navigation.
+async function saveInvitationNote() {
+  if (!invitationNoteIsValid()) return;
+  const saved = getSiteEntryPassSettingsReq.value?.data?.settings?.onboarding
+    ?.invitationNote?.text ?? "";
+  const current = (currentEntryPassSettings.value.onboardingInvitationNoteText || "").trim();
+  if (saved === current) return;
+  await _save(buildPayload());
+  showMessage("Invitation note saved!", "success");
+  getSiteEntryPassSettings();
+}
+
 async function scanOnboardingPrinter() {
   if (!isWebUsbSupported.value) {
     showMessage("Web USB is not supported in this browser", "error");

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "4.2.0",
+  "version": "4.2.1-staging.258",
   "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.",