@samline/forms 2.9.0 → 2.11.0

package/dist/browser/index.cjs

@@ -240,12 +240,37 @@ var restoreCursor = (field, position) => {
 var state = null;
 var MISSING_MESSAGE = "[samline/forms] The `format()` and `formatAll()` methods require the @samline/formatter package. Install it with: npm i @samline/formatter (or pnpm/bun/yarn equivalent).";
 var warned = false;
+var phonePromise = null;
+var PHONE_MESSAGE = "[samline/forms] Phone formatting needs `@samline/formatter/phone` (@samline/formatter >= 3.0.0 makes phones opt-in) and it could not be loaded.";
 var warnOnce = () => {
   if (warned) return;
   warned = true;
   console.error(MISSING_MESSAGE);
 };
-var loadFormatter = () => {
+var ensurePhone = (formatter) => {
+  if (typeof formatter.isPhoneRegistered !== "function") return Promise.resolve(true);
+  if (formatter.isPhoneRegistered()) return Promise.resolve(true);
+  if (!phonePromise) {
+    phonePromise = (async () => {
+      try {
+        const mod = await import("@samline/formatter/phone");
+        mod.registerPhone();
+        return true;
+      } catch {
+        console.error(PHONE_MESSAGE);
+        phonePromise = null;
+        return false;
+      }
+    })();
+  }
+  return phonePromise;
+};
+var loadFormatter = async (options = {}) => {
+  const formatter = await loadFormatterModule();
+  if (!formatter || !options.phone) return formatter;
+  return await ensurePhone(formatter) ? formatter : null;
+};
+var loadFormatterModule = () => {
   if (state && state.status === "resolved") {
     if (!state.module) warnOnce();
     return Promise.resolve(state.module);
@@ -380,7 +405,7 @@ var applyFormat = async (state2, helpers, config) => {
       phase1Entries.push(entry);
     }
   }
-  const formatter = await loadFormatter();
+  const formatter = await loadFormatter({ phone: formatType === "phone" });
   if (state2.isDestroyed) {
     rollbackPhase1(phase1Entries, bucket, state2.formattedFields);
     return;
@@ -1482,6 +1507,10 @@ var createFormController = (target, options = {}) => {
   };
   const handleSubmitEvent = (event) => {
     if (!state2.element || state2.isDestroyed || !state2.api) return;
+    if (!state2.isAutoSubmitting && state2.autoSubmitTimer) {
+      clearTimeout(state2.autoSubmitTimer);
+      state2.autoSubmitTimer = null;
+    }
     if (normalizedOptions.clearErrorsOnSubmit) state2.manualErrors = {};
     const validation = state2.api.validate();
     const handlers = Array.from(state2.submitHandlers);