@shift-software/survey-web-component 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shift-software/survey-web-component",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Custom-element wrapper around @shift-software/survey-renderer. Exposes <shift-survey> so non-React hosts (Blazor live-preview, plain HTML embeds, Stencil apps) can mount a survey without pulling React into the host. Ships React + renderer inside the bundle.",
   "type": "module",
   "main": "./dist/index.js",
@@ -32,7 +32,7 @@
     "test.watch": "vitest"
   },
   "dependencies": {
-    "@shift-software/survey-renderer": "^0.1.1",
+    "@shift-software/survey-renderer": "^0.1.2",
     "@shift-software/survey-sdk": "^0.1.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"

package/src/ShiftSurveyElement.tsx

@@ -1,6 +1,6 @@
 import { createElement } from 'react';
 import { createRoot, type Root } from 'react-dom/client';
-import { SurveyRenderer } from '@shift-software/survey-renderer';
+import { SurveyRenderer, resolveLocaleConfig } from '@shift-software/survey-renderer';
 // Relative path on purpose — the renderer's `exports` map is strict and doesn't
 // whitelist `?inline`; reaching through the workspace path is the most robust
 // way to inline the stylesheet at build time.
@@ -197,6 +197,34 @@ export class ShiftSurveyElement extends HTMLElement {
     const schema = this.#schema ?? this.#apiSchema;
 
     if (this.#apiError && !schema) {
+      // An answered or closed link is an end state for whoever opened it, not a fault:
+      // say so in their language instead of showing the API's wording.
+      const code = (this.#apiError as { code?: unknown }).code;
+      if (code === 'conflict' || code === 'gone') {
+        const ui = resolveLocaleConfig(locale ?? 'en', undefined);
+        const answered = code === 'conflict';
+        this.#root.render(
+          createElement(
+            'div',
+            { className: 'survey-root survey-root--done', dir: ui.direction, lang: locale },
+            createElement(
+              'div',
+              { className: 'survey-screen survey-screen--enter', role: 'status' },
+              createElement(
+                'h2',
+                { className: 'survey-screen__title' },
+                answered ? ui.strings.alreadyAnsweredTitle : ui.strings.surveyClosedTitle,
+              ),
+              createElement(
+                'p',
+                { className: 'survey-screen__description' },
+                answered ? ui.strings.alreadyAnsweredBody : ui.strings.surveyClosedBody,
+              ),
+            ),
+          ),
+        );
+        return;
+      }
       this.#root.render(
         createElement(
           'div',