bhl-forms 0.0.15 → 0.0.18

package/dist/bhl-forms.es.js

@@ -10638,6 +10638,15 @@ function dbg() {
     return;
   console.debug(...arguments);
 }
+function rollbar(type, msg) {
+  if (window.Rollbar) {
+    try {
+      window.Rollbar[type](msg);
+    } catch (err) {
+      console.warn("error calling rollbar:", err);
+    }
+  }
+}
 function chooseVariant(exp) {
   let variant = null, active = {}, fromCache = false;
   active = C(EXPERIMENT_KEY) || {};
@@ -10693,6 +10702,11 @@ const fireStepEvent = (formNode) => (stepResult, stepHistory2, stepQueue2) => {
   if (!stepResult) {
     return;
   }
+  if (formNode.id) {
+    const form2 = document.getElementById(formNode.id);
+    if (form2)
+      form2.scrollIntoView(true);
+  }
   const form_id = formNode.attrs.formId || window.location.hostname + "-" + formNode.id;
   if (typeof window._analytics !== "undefined") {
     try {
@@ -10707,69 +10721,71 @@ const fireStepEvent = (formNode) => (stepResult, stepHistory2, stepQueue2) => {
         }
       });
     } catch (err) {
-      console.warn("failed to fire step event:", err);
+      const msg = "failed to fire step event: " + err.toString();
+      console.warn(msg);
+      rollbar("warning", msg);
     }
   }
 };
 const textClassification = {
-  label: "block mb-1 font-bold text-sm formkit-invalid:text-red-500",
+  label: "t-block t-mb-1 t-font-bold t-text-sm formkit-invalid:t-text-red-500",
   inner: `
-    max-w-lg
-    border
-    border-gray-400
-    formkit-invalid:border-red-500
-    rounded-lg mb-1
-    overflow-hidden
-    focus-within:border-blue-500
+    t-max-w-lg
+    t-border
+    t-border-gray-400
+    formkit-invalid:t-border-red-500
+    t-rounded-lg t-mb-1
+    t-overflow-hidden
+    focus-within:t-border-blue-500
   `,
-  input: "w-full h-10 px-3 border-none text-base text-gray-700 placeholder-gray-400"
+  input: "t-w-full t-h-10 t-px-3 t-border-none t-text-base t-text-gray-700 t-placeholder-gray-400"
 };
 const boxClassification = {
-  fieldset: "max-w-md border border-gray-400 rounded-md px-2 pb-1",
-  legend: "font-bold text-sm",
-  wrapper: "flex items-center mb-1 cursor-pointer",
-  help: "mb-2",
-  input: "form-check-input appearance-none h-5 w-5 mr-2 border border-gray-500 rounded-sm bg-white checked:bg-blue-500 focus:outline-none focus:ring-0 transition duration-100",
-  label: "text-sm text-gray-700"
+  fieldset: "t-max-w-md t-border t-border-gray-400 t-rounded-md t-px-2 t-pb-1",
+  legend: "t-font-bold t-text-sm",
+  wrapper: "t-flex t-items-center t-mb-1 t-cursor-pointer",
+  help: "t-mb-2",
+  input: "t-form-check-input t-appearance-none t-h-5 t-w-5 t-mr-2 t-border t-border-gray-500 t-rounded-sm t-bg-white checked:t-bg-blue-500 focus:t-outline-none focus:t-ring-0 t-transition t-duration-100",
+  label: "t-text-sm t-text-gray-700"
 };
 const buttonClassification = {
-  wrapper: "mb-1",
-  input: "bg-red-500 hover:bg-blue-700 text-white text-lg font-normal py-4 px-10 rounded",
-  outer: "mb-0"
+  wrapper: "t-mb-1",
+  input: "t-bg-red-500 hover:t-bg-red-600 t-text-white t-text-lg t-font-normal t-py-4 t-px-7 sm:t-px-10 t-rounded",
+  outer: "t-mb-0"
 };
 var theme = {
   global: {
-    outer: "mb-5 formkit-disabled:opacity-50",
-    help: "text-xs text-gray-500",
-    messages: "list-none p-0 mt-1 mb-0",
-    message: "text-red-500 mb-1 text-xs"
+    outer: "t-mb-5 formkit-disabled:t-opacity-50",
+    help: "t-text-xs t-text-gray-500",
+    messages: "t-list-none t-p-0 t-mt-1 t-mb-0",
+    message: "t-text-red-500 t-mb-1 t-text-xs"
   },
   button: buttonClassification,
   color: {
-    label: "block mb-1 font-bold text-sm",
-    input: "w-16 h-8 appearance-none cursor-pointer border border-gray-300 rounded-md mb-2 p-1"
+    label: "t-block t-mb-1 t-font-bold t-text-sm",
+    input: "t-w-16 t-h-8 t-appearance-none t-cursor-pointer t-border t-border-gray-300 t-rounded-md t-mb-2 t-p-1"
   },
   date: textClassification,
   "datetime-local": textClassification,
   checkbox: boxClassification,
   email: textClassification,
   file: {
-    label: "block mb-1 font-bold text-sm",
-    inner: "max-w-md cursor-pointer",
-    input: "text-gray-600 text-sm mb-1 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:bg-blue-500 file:text-white hover:file:bg-blue-600",
-    noFiles: "block text-gray-800 text-sm mb-1",
-    fileItem: "block flex text-gray-800 text-sm mb-1",
-    removeFiles: "ml-auto text-blue-500 text-sm"
+    label: "t-block t-mb-1 t-font-bold t-text-sm",
+    inner: "t-max-w-md t-cursor-pointer",
+    input: "t-text-gray-600 t-text-sm t-mb-1 file:t-mr-4 file:t-py-2 file:t-px-4 file:t-rounded-full file:t-border-0 file:t-text-sm file:t-bg-blue-500 file:t-text-white hover:file:t-bg-blue-600",
+    noFiles: "t-block t-text-gray-800 t-text-sm t-mb-1",
+    fileItem: "t-block t-flex t-text-gray-800 t-text-sm mb-1",
+    removeFiles: "t-ml-auto t-text-blue-500 t-text-sm"
   },
   month: textClassification,
   number: textClassification,
   password: textClassification,
   radio: __spreadProps(__spreadValues({}, boxClassification), {
-    input: boxClassification.input.replace("rounded-sm", "rounded-full")
+    input: boxClassification.input.replace("t-rounded-sm", "t-rounded-full")
   }),
   range: {
-    inner: "max-w-md",
-    input: "form-range appearance-none w-full h-2 p-0 bg-gray-200 rounded-full focus:outline-none focus:ring-0 focus:shadow-none"
+    inner: "t-max-w-md",
+    input: "t-form-range t-appearance-none t-w-full t-h-2 t-p-0 t-bg-gray-200 t-rounded-full focus:t-outline-none focus:t-ring-0 focus:t-shadow-none"
   },
   search: textClassification,
   select: textClassification,
@@ -10777,7 +10793,7 @@ var theme = {
   tel: textClassification,
   text: textClassification,
   textarea: __spreadProps(__spreadValues({}, textClassification), {
-    input: "block w-full h-32 px-3 pt-1 border-none text-base text-gray-700 placeholder-gray-400 placeholder:text-sm focus:shadow-outline"
+    input: "t-block t-w-full t-h-32 t-px-3 t-pt-1 t-border-none t-text-base t-text-gray-700 t-placeholder-gray-400 placeholder:t-text-sm focus:t-shadow-outline"
   }),
   time: textClassification,
   url: textClassification,