powr-sdk-web 5.6.9 → 5.6.10

package/dist/forms/admin.js

@@ -225,12 +225,19 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
     return candidate;
   };
   var addField = function addField(type) {
-    var index = formDraft.fields.length + 1;
     setFormDraft(function (prev) {
+      var index = prev.fields.length + 1;
+      var defaults = type === 'mobile' ? {
+        name: 'whatsapp',
+        label: 'Mobile Number'
+      } : {
+        name: "field".concat(index),
+        label: "Field ".concat(index)
+      };
       return _objectSpread(_objectSpread({}, prev), {}, {
-        fields: [].concat(_toConsumableArray(prev.fields), [_objectSpread({
-          name: "field".concat(index),
-          label: "Field ".concat(index),
+        fields: [].concat(_toConsumableArray(prev.fields), [_objectSpread(_objectSpread({
+          id: "".concat(Date.now(), "-").concat(index)
+        }, defaults), {}, {
           type: type,
           required: false
         }, type === 'radio' ? {
@@ -259,7 +266,7 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
   };
   var createForm = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
-      var trimmedTitle, trimmedName, trimmedId, hasInvalidField, fieldNames, duplicateNames, payload, _yield$apiCall3, result, ok, errorMessage, _t3;
+      var trimmedTitle, trimmedName, trimmedId, hasInvalidField, fieldNames, duplicateNames, usedNames, normalizedFields, payload, _yield$apiCall3, result, ok, errorMessage, _t3;
       return _regenerator().w(function (_context3) {
         while (1) switch (_context3.p = _context3.n) {
           case 0:
@@ -314,20 +321,34 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
           case 5:
             setIsSaving(true);
             _context3.p = 6;
+            usedNames = new Set();
+            normalizedFields = formDraft.fields.map(function (field, index, allFields) {
+              var _field$name2;
+              var others = allFields.filter(function (_, i) {
+                return i !== index;
+              });
+              var name = ((_field$name2 = field.name) === null || _field$name2 === void 0 ? void 0 : _field$name2.trim()) || uniqueFieldName(field.label, index, others);
+              var candidate = name;
+              var suffix = 2;
+              while (usedNames.has(candidate)) {
+                candidate = "".concat(name).concat(suffix);
+                suffix += 1;
+              }
+              usedNames.add(candidate);
+              return _objectSpread({
+                name: candidate,
+                label: field.label.trim(),
+                type: field.type,
+                required: !!field.required
+              }, field.type === 'radio' ? {
+                options: field.options || []
+              } : {});
+            });
             payload = {
               formTitle: trimmedTitle,
               formName: trimmedName,
               formId: trimmedId,
-              fields: formDraft.fields.map(function (field) {
-                return _objectSpread({
-                  name: field.name.trim(),
-                  label: field.label.trim(),
-                  type: field.type,
-                  required: !!field.required
-                }, field.type === 'radio' ? {
-                  options: field.options || []
-                } : {});
-              })
+              fields: normalizedFields
             };
             _context3.n = 7;
             return (0, _auth.apiCall)(apiUrl, "/forms/create-form", projectId, {
@@ -535,7 +556,7 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
     className: "text-sm font-semibold text-gray-900"
   }, "Fields"), /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex flex-wrap gap-2"
-  }, ['text', 'email', 'textarea', 'radio', 'fileUploader'].map(function (type) {
+  }, ['text', 'email', 'mobile', 'textarea', 'radio', 'fileUploader'].map(function (type) {
     return /*#__PURE__*/_react["default"].createElement("button", {
       key: type,
       type: "button",
@@ -550,7 +571,7 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
     className: "space-y-4"
   }, formDraft.fields.map(function (field, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
-      key: "".concat(field.name, "-").concat(index),
+      key: field.id || index,
       className: "rounded-lg border border-gray-200 p-4 space-y-3"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "flex items-center justify-between"
@@ -568,12 +589,8 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
       type: "text",
       value: field.label,
       onChange: function onChange(e) {
-        var label = e.target.value;
-        updateField(index, {
-          label: label,
-          name: uniqueFieldName(label, index, formDraft.fields.filter(function (_, i) {
-            return i !== index;
-          }))
+        return updateField(index, {
+          label: e.target.value
         });
       },
       placeholder: "Label",

package/dist/forms/index.js

@@ -202,6 +202,26 @@ var PowrForm = function PowrForm(_ref) {
         }), {
           className: inputClass
         })));
+      case "mobile":
+        return /*#__PURE__*/_react["default"].createElement(InputField, {
+          key: field.name,
+          label: field.label,
+          required: field.required,
+          error: errors[field.name],
+          theme: theme
+        }, /*#__PURE__*/_react["default"].createElement("input", _extends({
+          type: "tel",
+          inputMode: "tel",
+          autoComplete: "tel"
+        }, register(field.name, {
+          required: field.required,
+          pattern: {
+            value: /^[0-9+\-\s()]{8,15}$/,
+            message: "Invalid mobile number"
+          }
+        }), {
+          className: inputClass
+        })));
       case "textarea":
         return /*#__PURE__*/_react["default"].createElement(InputField, {
           key: field.name,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "powr-sdk-web",
-    "version": "5.6.9",
+    "version": "5.6.10",
     "main": "dist/index.js",
     "scripts": {
         "build": "babel src -d dist --copy-files",