fix: simplify EmployeeQuestionnaireNew to use invite-only flow

- Remove all authentication and org context dependencies - Simplify component to work only with invite codes from URL - Remove complex user/employee matching logic - Keep exact Figma UI components and styling - Use only submitViaInvite function for API submissions - Employees never need to log in, only use invite link
2025-08-25 14:42:33 -07:00
parent daa89b6cbf
commit 0d7b8d104b
13 changed files with 311 additions and 357 deletions
--- a/index.css
+++ b/index.css
@@ -14,6 +14,125 @@
    }
 }

+@keyframes blinkLightGreen {
+
+    0%,
+    33% {
+        box-shadow: inset 1px 0px 3px 0px rgba(255, 255, 255, 0.329),
+            inset -1px 0px 3px 0px rgba(78, 78, 78, 0.301),
+            0px 0px 0px 2px #a5ffc075;
+
+    }
+
+    33%,
+    66% {
+        box-shadow: inset 1px 0px 3px 0px rgba(255, 255, 255, 0.329),
+            inset -1px 0px 3px 0px rgba(78, 78, 78, 0.301);
+    }
+}
+
+@keyframes blinkLightYellow {
+
+    0%,
+    33% {
+        box-shadow: inset 1px 0px 3px 0px rgba(255, 255, 255, 0.329),
+            inset -1px 0px 3px 0px rgba(78, 78, 78, 0.301),
+            0px 0px 0px 2px #f7f3c275;
+    }
+
+    33%,
+    66% {
+        box-shadow: inset 1px 0px 3px 0px rgba(255, 255, 255, 0.329),
+            inset -1px 0px 3px 0px rgba(78, 78, 78, 0.301);
+    }
+}
+
+@keyframes blinkLightBlue {
+
+    0%,
+    33% {
+        box-shadow: inset 1px 0px 3px 0px rgba(255, 255, 255, 0.329),
+            inset -1px 0px 3px 0px rgba(78, 78, 78, 0.301),
+            0px 0px 0px 2px #a5d8ff75;
+    }
+
+    33%,
+    66% {
+        box-shadow: inset 1px 0px 3px 0px rgba(255, 255, 255, 0.329),
+            inset -1px 0px 3px 0px rgba(78, 78, 78, 0.301);
+    }
+}
+
+@keyframes blinkLightRed {
+
+    0%,
+    33% {
+        box-shadow: inset 1px 0px 3px 0px rgba(255, 255, 255, 0.329),
+            inset -1px 0px 3px 0px rgba(78, 78, 78, 0.301),
+            0px 0px 0px 2px #f63d6875;
+    }
+
+    33%,
+    66% {
+        box-shadow: inset 1px 0px 3px 0px rgba(255, 255, 255, 0.329),
+            inset -1px 0px 3px 0px rgba(78, 78, 78, 0.301);
+    }
+}
+
+.blinkLightBlue,
+.blinkLightGreen,
+.blinkLightRed,
+.blinkLightYellow {
+    animation-duration       : 5s;
+    animation-timing-function: ease-in-out;
+    animation-iteration-count: infinite;
+    border                   : solid 1px transparent;
+}
+
+.blinkLightBlue {
+    animation-name: blinkLightBlue;
+    box-shadow    : inset 1px 0px 3px 0px rgba(255, 255, 255, 0.329),
+        inset -1px 0px 3px 0px rgba(78, 78, 78, 0.301),
+        0px 0px 0px 2px #a5d8ff75;
+    border: solid 1px #54c2e456;
+}
+
+.blinkLightGreen {
+    animation-name: blinkLightGreen;
+    box-shadow    : inset 1px 0px 3px 0px rgba(255, 255, 255, 0.329),
+        inset -1px 0px 3px 0px rgba(78, 78, 78, 0.301),
+        0px 0px 0px 2px #a5ffc075;
+    border: solid 1px rgba(187, 248, 185, 0.31);
+}
+
+.blinkLightRed {
+    animation-name: blinkLightRed;
+    box-shadow    : inset 1px 0px 3px 0px rgba(255, 255, 255, 0.329),
+        inset -1px 0px 3px 0px rgba(78, 78, 78, 0.301),
+        0px 0px 0px 2px #f63d6875;
+    border: solid 1px #e4547656;
+}
+
+.blinkLightYellow {
+    animation-name: blinkLightYellow;
+    box-shadow    : inset 1px 0px 3px 0px rgba(255, 255, 255, 0.329),
+        inset -1px 0px 3px 0px rgba(78, 78, 78, 0.301),
+        0px 0px 0px 2px #f7f3c275;
+    border: solid 1px #e4e25456;
+}
+
+.blinkLightActive {
+    animation: none !important;
+}
+
+.blinkLightEmpty {
+    box-shadow: inset 1px 0px 3px 0px rgba(255, 255, 255, 0.329),
+        inset -1px 0px 3px 0px rgba(78, 78, 78, 0.301);
+    animation       : none !important;
+    border          : none !important;
+    background-color: var(--Neutrals-NeutralSlate400)
+}
+
 :root {