@arudovwen/form-builder-react 1.4.31 → 1.4.33

package/dist/form-builder.es.js

@@ -286,13 +286,13 @@ function ko() {
       } finally {
         ti = !1, V.current = X, H(), Error.prepareStackTrace = Z;
       }
-      var Li = b ? b.displayName || b.name : "", Mi = Li ? Q(Li) : "";
-      return typeof b == "function" && oi.set(b, Mi), Mi;
+      var Li = b ? b.displayName || b.name : "", Ti = Li ? Q(Li) : "";
+      return typeof b == "function" && oi.set(b, Ti), Ti;
     }
     function ki(b, k, M) {
       return fi(b, !1);
     }
-    function Ci(b) {
+    function Mi(b) {
       var k = b.prototype;
       return !!(k && k.isReactComponent);
     }
@@ -300,7 +300,7 @@ function ko() {
       if (b == null)
         return "";
       if (typeof b == "function")
-        return fi(b, Ci(b));
+        return fi(b, Mi(b));
       if (typeof b == "string")
         return Q(b);
       switch (b) {
@@ -609,17 +609,17 @@ Check the top-level render call using <` + M + ">.");
               Zn(xi, b);
         }
         if (Di.call(k, "key")) {
-          var Mi = B(b), bi = Object.keys(k).filter(function(to) {
+          var Ti = B(b), bi = Object.keys(k).filter(function(to) {
             return to !== "key";
           }), rn = bi.length > 0 ? "{key: someKey, " + bi.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!qn[Mi + rn]) {
+          if (!qn[Ti + rn]) {
             var co = bi.length > 0 ? "{" + bi.join(": ..., ") + ": ...}" : "{}";
             A(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, rn, Mi, co, Mi), qn[Mi + rn] = !0;
+  <%s key={someKey} {...props} />`, rn, Ti, co, Ti), qn[Ti + rn] = !0;
           }
         }
         return b === s ? oo(li) : eo(li), li;
@@ -3218,11 +3218,11 @@ const Fa = ({
     allowYearPicker: !1
   }),
   ei({
-    type: "link",
+    type: "url",
     label: "Link",
     icon: "iconamoon:link",
     inputLabel: "Url Link",
-    inputType: "text"
+    inputType: "url"
   }),
   ei({
     type: "password",
@@ -3354,8 +3354,8 @@ const Fa = ({
     "phoneField",
     "email",
     "validateInput",
-    "link"
-    /* LINK */
+    "url"
+    /* URL */
   ],
   selectionFields: [
     "selectField",
@@ -6232,7 +6232,9 @@ function Ps({
                   j(B);
                 },
                 placeholder: e,
-                className: "w-full px-3 outline-none"
+                className: "w-full px-3 outline-none",
+                maxLength: w,
+                minLength: C
               }
             ),
             /* @__PURE__ */ n.jsx("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !D && y.length > 0 && !r && /* @__PURE__ */ n.jsx("span", { className: "text-green-500", children: /* @__PURE__ */ n.jsx(W, { icon: "bi:check-lg" }) }) })
@@ -6268,7 +6270,7 @@ function ws({
       readOnly: l,
       disabled: l,
       onError: (r) => {
-        r ? d == null || d(i.id, { type: "manual", message: r }) : c(i.id);
+        r ? d == null || d(i.id, { type: "manual", message: r }) : c == null || c(i.id);
       },
       onChange: (r) => {
         r && (s == null || s(i.id, r));
@@ -6338,7 +6340,7 @@ const He = {
   country: ge,
   bank: ge,
   document: Ls,
-  link: Rs
+  url: Rs
 }, fe = "edit", xe = (i, e) => {
   const o = He[i.type];
   return o ? /* @__PURE__ */ n.jsx(On, { element: i, state: fe, children: /* @__PURE__ */ n.jsxs("div", { className: "relative w-full", children: [
@@ -6912,7 +6914,7 @@ const yn = [
       ] }, x);
     }) }) })
   ] });
-}, Us = an(Ws), Ti = ({
+}, Us = an(Ws), Bi = ({
   text: i = "",
   isDisabled: e = !1,
   isLoading: o = !1,
@@ -7140,7 +7142,7 @@ function Ys({
     ),
     /* @__PURE__ */ n.jsxs("div", { className: "flex justify-end text-xs gap-x-3", children: [
       /* @__PURE__ */ n.jsx(
-        Ti,
+        Bi,
         {
           onClick: () => t(!0),
           text: "Preview",
@@ -7153,7 +7155,7 @@ function Ys({
         }
       ),
       /* @__PURE__ */ n.jsx(
-        Ti,
+        Bi,
         {
           onClick: m,
           text: "Save",
@@ -7166,7 +7168,7 @@ function Ys({
         }
       ),
       /* @__PURE__ */ n.jsx(
-        Ti,
+        Bi,
         {
           onClick: f,
           text: "Publish",
@@ -7257,9 +7259,10 @@ const fl = ({
     onTitleChange: h,
     uploadUrl: v
   }
-)), Bi = {
+)), Ci = {
   required: "This field is required",
   email: "Invalid email format",
+  url: "Invalid url format",
   minLength: (i) => `Minimum length is ${i}`,
   maxLength: (i) => `Maximum length is ${i}`,
   minAmount: (i) => `Minimum amount is ${i}`,
@@ -7267,34 +7270,44 @@ const fl = ({
 }, qs = (i) => ({
   textField: E.string().nullable(),
   longText: E.string().nullable(),
-  numberField: E.number().nullable().transform(
-    (o) => isNaN(o) ? null : o
-  ),
-  amountField: E.number().nullable().transform(
-    (o) => isNaN(o) ? null : o
-  ),
+  numberField: E.number().nullable().transform((o) => isNaN(o) ? null : o),
+  amountField: E.number().nullable().transform((o) => isNaN(o) ? null : o),
   selectField: E.string().nullable(),
   checkbox: E.mixed().nullable(),
   radio: E.mixed().nullable(),
-  email: E.string().nullable().email(Bi.email),
-  date: E.date().typeError("Invalid date").nullable()
-})[i] || E.mixed().nullable(), $s = (i, e, o) => e ? i.type === "boolean" ? i.oneOf([!0], o || Bi.required) : i.required(o || Bi.required) : i, Qs = (i, { minLength: e, maxLength: o, minLengthMessage: s, maxLengthMessage: a }) => {
+  email: E.string().nullable().matches(
+    /^[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$/,
+    Ci.email
+  ),
+  date: E.date().typeError("Invalid date").nullable(),
+  url: E.string().nullable().url(Ci.url)
+})[i] || E.mixed().nullable(), $s = (i, e, o) => e ? i.type === "boolean" ? i.oneOf([!0], o || Ci.required) : i.required(o || Ci.required) : i, Qs = (i, {
+  minLength: e,
+  maxLength: o,
+  minLengthMessage: s,
+  maxLengthMessage: a
+}) => {
   let l = i;
   return e && (l = l.min(
     e,
-    s || Bi.minLength(e)
+    s || Ci.minLength(e)
   )), o && (l = l.max(
     o,
-    a || Bi.maxLength(o)
+    a || Ci.maxLength(o)
   )), l;
-}, Xs = (i, { minAmount: e, maxAmount: o, minAmountMessage: s, maxAmountMessage: a }) => {
+}, Xs = (i, {
+  minAmount: e,
+  maxAmount: o,
+  minAmountMessage: s,
+  maxAmountMessage: a
+}) => {
   let l = i;
   return e && (l = l.min(
     parseFloat(String(e)),
-    s || Bi.minAmount(e)
+    s || Ci.minAmount(e)
   )), o && (l = l.max(
     parseFloat(String(o)),
-    a || Bi.maxAmount(o)
+    a || Ci.maxAmount(o)
   )), l;
 };
 function il(i) {
@@ -7303,7 +7316,17 @@ function il(i) {
     o == null || o.forEach((s) => {
       const { id: a, type: l, isRequired: d, requiredMessage: c } = s;
       let u = qs(l);
-      u = $s(u, d, c), l === "textField" || l === "longText" || l === "email" ? u = Qs(u, s) : (l === "numberField" || l === "amountField") && (u = Xs(u, s)), e[a] = u;
+      u = $s(
+        u,
+        d,
+        c
+      ), l === "textField" || l === "longText" || l === "email" || l === "url" ? u = Qs(
+        u,
+        s
+      ) : (l === "numberField" || l === "amountField") && (u = Xs(
+        u,
+        s
+      )), e[a] = u;
     });
   }), E.object().shape(e);
 }
@@ -7536,11 +7559,11 @@ const al = ({
       const ji = x.flatMap(
         (fi) => {
           var ki;
-          return (ki = fi.questionData) == null ? void 0 : ki.map((Ci) => ({
-            id: Ci.id,
-            value: oi[Ci.id],
+          return (ki = fi.questionData) == null ? void 0 : ki.map((Mi) => ({
+            id: Mi.id,
+            value: oi[Mi.id],
             sectionId: fi.id,
-            type: Ci.type
+            type: Mi.type
           }));
         }
       );
@@ -7551,7 +7574,7 @@ const al = ({
     var oi, ji;
     if (!o) {
       const fi = (ji = (oi = x == null ? void 0 : x[v]) == null ? void 0 : oi.questionData) == null ? void 0 : ji.map(
-        (Ci) => Ci.id
+        (Mi) => Mi.id
       );
       if (!await T(fi)) return;
     }
@@ -7619,7 +7642,7 @@ const al = ({
         ) }),
         !u && /* @__PURE__ */ n.jsx("footer", { className: "flex items-center justify-end gap-4 footer", children: d === "multi" ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
           v > 0 && /* @__PURE__ */ n.jsx(
-            Ti,
+            Bi,
             {
               type: "button",
               text: "Back",
@@ -7628,7 +7651,7 @@ const al = ({
             }
           ),
           v < g - 1 ? /* @__PURE__ */ n.jsx(
-            Ti,
+            Bi,
             {
               type: "button",
               text: "Continue",
@@ -7637,7 +7660,7 @@ const al = ({
               btnClass: "text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"
             }
           ) : !o && (c != null ? c : /* @__PURE__ */ n.jsx(
-            Ti,
+            Bi,
             {
               isDisabled: D || Object.keys(J).length > 0,
               isLoading: D,
@@ -7648,7 +7671,7 @@ const al = ({
             }
           ))
         ] }) : !o && (c != null ? c : /* @__PURE__ */ n.jsx(
-          Ti,
+          Bi,
           {
             isDisabled: D || Object.keys(J).length > 0,
             isLoading: D,