feat: add compiled application javascript

public/assets/js/password-validation.js

@@ -0,0 +1,77 @@
+/**
+ * GLOBAL PASSWORD VALIDATION
+ * ----------------------------------
+ * - Min 12 characters
+ * - Uppercase, lowercase
+ * - Number & symbol
+ */
+
+window.PasswordValidator = (function () {
+    let states = {};
+
+    function validate(value) {
+        const errors = [];
+
+        if (value.length < 12) errors.push("Minimum 12 characters");
+        if (!/[a-z]/.test(value)) errors.push("At least 1 lowercase letter");
+        if (!/[A-Z]/.test(value)) errors.push("At least 1 uppercase letter");
+        if (!/[0-9]/.test(value)) errors.push("At least 1 number");
+        if (!/[@$!%*#?&^()_\-+=]/.test(value)) errors.push("At least 1 symbol");
+
+        return errors;
+    }
+
+    function bind(options) {
+        const { inputId, errorId, formSelector, required = true } = options;
+
+        const input = document.getElementById(inputId);
+        const errorBox = document.getElementById(errorId);
+        const form = document.querySelector(formSelector);
+
+        if (!input || !errorBox || !form) return;
+
+        states[inputId] = !required;
+
+        input.addEventListener("input", () => {
+            const value = input.value.trim();
+
+            if (!required && value === "") {
+                reset(input, errorBox);
+                states[inputId] = true;
+                return;
+            }
+
+            const errors = validate(value);
+
+            if (errors.length) {
+                input.classList.add("is-invalid");
+                errorBox.classList.remove("d-none");
+                errorBox.innerHTML = errors.map((e) => `• ${e}`).join("<br>");
+                states[inputId] = false;
+            } else {
+                reset(input, errorBox);
+                states[inputId] = true;
+            }
+        });
+
+        form.addEventListener("submit", (e) => {
+            if (!states[inputId]) {
+                e.preventDefault();
+                Swal.fire({
+                    icon: "error",
+                    title: "Invalid Password",
+                    text: "Password does not meet the required criteria.",
+                });
+            }
+        });
+    }
+
+    function reset(input, errorBox) {
+        input.classList.remove("is-invalid");
+        errorBox.classList.add("d-none");
+    }
+
+    return {
+        bind,
+    };
+})();