powr-sdk-web 5.6.12 → 5.6.13

package/dist/forms/admin.js

@@ -70,6 +70,7 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
       formName: '',
       formId: '',
       description: '',
+      imageUrl: '',
       fields: []
     }),
     _useState16 = _slicedToArray(_useState15, 2),
@@ -84,6 +85,7 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
       formName: '',
       formId: '',
       description: '',
+      imageUrl: '',
       fields: []
     }),
     _useState20 = _slicedToArray(_useState19, 2),
@@ -306,6 +308,7 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
       formName: '',
       formId: '',
       description: '',
+      imageUrl: '',
       fields: []
     });
   };
@@ -315,6 +318,7 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
       formName: form.formName || '',
       formId: form.formId || '',
       description: form.description || '',
+      imageUrl: form.imageUrl || '',
       fields: (form.fields || []).map(function (field, index) {
         return _objectSpread({
           id: "".concat(field.name || 'field', "-").concat(index),
@@ -529,6 +533,7 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
               formName: validation.trimmedName,
               formId: validation.trimmedId,
               description: formDraft.description.trim(),
+              imageUrl: formDraft.imageUrl.trim(),
               fields: validation.normalizedFields
             };
             _context4.n = 4;
@@ -601,6 +606,7 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
               formTitle: validation.trimmedTitle,
               formId: validation.trimmedId,
               description: editDraft.description.trim(),
+              imageUrl: editDraft.imageUrl.trim(),
               fields: validation.normalizedFields
             };
             _context5.n = 4;
@@ -949,7 +955,25 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
     placeholder: "Instructions or context shown at the top of the public form",
     rows: 3,
     className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-  })), renderFieldBuilder(formDraft, {
+  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("label", {
+    htmlFor: "formImageUrl",
+    className: "block text-sm font-medium text-gray-700 mb-1"
+  }, "Banner / share image URL (optional)"), /*#__PURE__*/_react["default"].createElement("input", {
+    id: "formImageUrl",
+    type: "url",
+    value: formDraft.imageUrl,
+    onChange: function onChange(e) {
+      return setFormDraft(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          imageUrl: e.target.value
+        });
+      });
+    },
+    placeholder: "https://www.excelrs.dev/bannar1.jpg",
+    className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+  }), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "text-xs text-gray-500 mt-1"
+  }, "Used for the form banner and link previews (Open Graph / Twitter).")), renderFieldBuilder(formDraft, {
     addFieldFn: addField,
     updateFieldFn: updateField,
     removeFieldFn: removeField
@@ -1047,7 +1071,13 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
     className: "font-medium text-gray-700"
   }, "Description:"), /*#__PURE__*/_react["default"].createElement("p", {
     className: "text-gray-900 whitespace-pre-wrap"
-  }, selectedForm.description))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", {
+  }, selectedForm.description)), selectedForm.imageUrl && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "md:col-span-2"
+  }, /*#__PURE__*/_react["default"].createElement("p", {
+    className: "font-medium text-gray-700"
+  }, "Banner / share image:"), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "text-gray-900 break-all"
+  }, selectedForm.imageUrl))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", {
     className: "font-medium text-gray-700 mb-2"
   }, "Form Fields:"), /*#__PURE__*/_react["default"].createElement("div", {
     className: "bg-gray-50 p-4 rounded-lg"
@@ -1201,7 +1231,25 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
     placeholder: "Instructions or context shown at the top of the public form",
     rows: 3,
     className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-  })), renderFieldBuilder(editDraft, {
+  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("label", {
+    htmlFor: "editFormImageUrl",
+    className: "block text-sm font-medium text-gray-700 mb-1"
+  }, "Banner / share image URL (optional)"), /*#__PURE__*/_react["default"].createElement("input", {
+    id: "editFormImageUrl",
+    type: "url",
+    value: editDraft.imageUrl,
+    onChange: function onChange(e) {
+      return setEditDraft(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          imageUrl: e.target.value
+        });
+      });
+    },
+    placeholder: "https://www.excelrs.dev/bannar1.jpg",
+    className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+  }), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "text-xs text-gray-500 mt-1"
+  }, "Used for the form banner and link previews (Open Graph / Twitter).")), renderFieldBuilder(editDraft, {
     addFieldFn: addEditField,
     updateFieldFn: updateEditField,
     removeFieldFn: removeEditField

package/package.json

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