powr-sdk-web 6.14.2 → 6.15.1

package/dist/admin/index.js

@@ -62,7 +62,7 @@ var AdminDashboard = function AdminDashboard(_ref2) {
   var apiUrl = _ref2.apiUrl,
     projectId = _ref2.projectId,
     _ref2$sections = _ref2.sections,
-    sections = _ref2$sections === void 0 ? [] : _ref2$sections,
+    sections = _ref2$sections === void 0 ? ['Users', 'Pageviews', 'Feedbacks', 'Forms'] : _ref2$sections,
     formPublicBaseUrl = _ref2.formPublicBaseUrl,
     _ref2$theme = _ref2.theme,
     theme = _ref2$theme === void 0 ? 'default' : _ref2$theme,

package/dist/forms/admin.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _auth = require("../utils/auth");
 var cache;
 function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var r, c, a = Object.defineProperty, n = { __proto__: null, "default": e }; if (Object(e) !== e) return n; if (cache || "function" != typeof WeakMap || (cache = new WeakMap()), cache) { if (cache.has(e)) return cache.get(e); cache.set(e, n); } for (c in e) "default" !== c && {}.hasOwnProperty.call(e, c) && ((r = a && Object.getOwnPropertyDescriptor(e, c)) && (r.get || r.set) ? a(n, c, r) : n[c] = e[c]); return n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
@@ -1057,34 +1057,67 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
   }, "Responses (", responseCount, ")"))), activeTab === 'structure' && /*#__PURE__*/_react["default"].createElement("div", {
     className: "space-y-4"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "grid grid-cols-2 gap-4 text-sm"
+    className: "grid grid-cols-1 md:grid-cols-2 gap-4 text-sm bg-gray-50 p-4 rounded-lg border border-gray-200"
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", {
-    className: "font-medium text-gray-700"
-  }, "Form ID:"), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "text-gray-900"
+    className: "font-medium text-gray-500"
+  }, "Form ID"), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "text-gray-900 font-semibold mt-0.5"
   }, selectedForm.formId)), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", {
-    className: "font-medium text-gray-700"
-  }, "Form Name:"), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "text-gray-900"
+    className: "font-medium text-gray-500"
+  }, "Form Name (Slug)"), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "text-gray-900 font-mono mt-0.5"
   }, selectedForm.formName)), selectedForm.description && /*#__PURE__*/_react["default"].createElement("div", {
     className: "md:col-span-2"
   }, /*#__PURE__*/_react["default"].createElement("p", {
-    className: "font-medium text-gray-700"
-  }, "Description:"), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "text-gray-900 whitespace-pre-wrap"
+    className: "font-medium text-gray-500"
+  }, "Description"), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "text-gray-900 whitespace-pre-wrap mt-0.5"
   }, 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"
+    className: "font-medium text-gray-500"
+  }, "Banner / share image"), /*#__PURE__*/_react["default"].createElement("a", {
+    href: selectedForm.imageUrl,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: "text-blue-600 hover:text-blue-800 underline break-all inline-block mt-0.5"
   }, 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"
-  }, /*#__PURE__*/_react["default"].createElement("pre", {
-    className: "text-sm overflow-x-auto"
-  }, JSON.stringify(selectedForm.fields, null, 2))))), activeTab === 'responses' && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "font-medium text-gray-700 mb-3"
+  }, "Form Fields (", (selectedForm.fields || []).length, ")"), !selectedForm.fields || selectedForm.fields.length === 0 ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "text-center py-6 bg-gray-50 rounded-lg border border-dashed border-gray-300 text-sm text-gray-500"
+  }, "No fields configured on this form.") : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "space-y-3"
+  }, selectedForm.fields.map(function (field, idx) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: field.name || idx,
+      className: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "flex flex-wrap items-center justify-between gap-2"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "flex items-center gap-2"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "text-xs font-semibold text-gray-400"
+    }, "#", idx + 1), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "text-sm font-semibold text-gray-900"
+    }, field.label || field.name), field.required && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "rounded-full bg-red-50 px-2 py-0.5 text-xs font-medium text-red-700 border border-red-200"
+    }, "Required")), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "flex items-center gap-2"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "rounded bg-gray-100 px-2 py-0.5 text-xs font-mono text-gray-600"
+    }, field.name), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "rounded-full bg-blue-50 px-2.5 py-0.5 text-xs font-medium text-blue-700 capitalize border border-blue-200"
+    }, field.type || 'text'))), field.description && /*#__PURE__*/_react["default"].createElement("p", {
+      className: "mt-1.5 text-xs text-gray-500"
+    }, field.description), field.type === 'radio' && Array.isArray(field.options) && field.options.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "mt-2 flex flex-wrap gap-1.5"
+    }, field.options.map(function (opt, optIdx) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        key: optIdx,
+        className: "rounded-md bg-gray-50 border border-gray-200 px-2 py-0.5 text-xs text-gray-700"
+      }, opt);
+    })));
+  })))), activeTab === 'responses' && /*#__PURE__*/_react["default"].createElement("div", {
     className: "space-y-4"
   }, loadingResponses ? /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex items-center justify-center h-32"
@@ -1097,88 +1130,126 @@ var PowrFormsAdmin = function PowrFormsAdmin(_ref) {
   }, "Share your form to start collecting responses")) : /*#__PURE__*/_react["default"].createElement("div", {
     className: "space-y-4"
   }, formResponses.map(function (response, index) {
+    var schemaFields = Array.isArray(selectedForm.fields) ? selectedForm.fields : [];
+    var schemaFieldNames = new Set(schemaFields.map(function (f) {
+      return f.name;
+    }).filter(Boolean));
+    var metaKeys = new Set(['_id', 'id', 'projectId', 'formName', 'formTitle', 'formId', 'submittedAt', 'createdAt', 'updatedAt', 'userId', 'paymentProofUrls']);
+    var extraEntries = Object.entries(response || {}).filter(function (_ref9) {
+      var _ref0 = _slicedToArray(_ref9, 2),
+        key = _ref0[0],
+        val = _ref0[1];
+      return !schemaFieldNames.has(key) && !metaKeys.has(key) && val !== undefined && val !== null && String(val).trim() !== '';
+    });
+    var formatKeyLabel = function formatKeyLabel(key) {
+      return String(key).replace(/_/g, ' ').replace(/([a-z])([A-Z])/g, '$1 $2').replace(/\b\w/g, function (c) {
+        return c.toUpperCase();
+      });
+    };
+    var isUrlValue = function isUrlValue(val) {
+      return typeof val === 'string' && (val.startsWith('http://') || val.startsWith('https://'));
+    };
+    var isImageUrl = function isImageUrl(val) {
+      return isUrlValue(val) && /\.(png|jpe?g|gif|webp|svg)(\?.*)?$/i.test(val);
+    };
+    var renderValueBox = function renderValueBox(val, fieldType, label) {
+      if (val === undefined || val === null || String(val).trim() === '') {
+        return /*#__PURE__*/_react["default"].createElement("p", {
+          className: "text-sm text-gray-400 italic bg-gray-50 p-2.5 rounded border border-gray-100"
+        }, "Not provided");
+      }
+      if (fieldType === 'photo' || isImageUrl(val)) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: "space-y-1.5"
+        }, /*#__PURE__*/_react["default"].createElement("a", {
+          href: val,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "inline-block"
+        }, /*#__PURE__*/_react["default"].createElement("img", {
+          src: val,
+          alt: label,
+          className: "max-h-44 rounded-lg border border-gray-200 bg-gray-50 object-contain"
+        })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("a", {
+          href: val,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-xs text-blue-600 hover:text-blue-800 underline break-all"
+        }, "Open image in new tab")));
+      }
+      if (fieldType === 'fileUploader' || isUrlValue(val)) {
+        return /*#__PURE__*/_react["default"].createElement("a", {
+          href: val,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "inline-flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 underline bg-blue-50 border border-blue-100 px-3 py-2 rounded-md break-all"
+        }, "Open uploaded file");
+      }
+      if (_typeof(val) === 'object') {
+        return /*#__PURE__*/_react["default"].createElement("p", {
+          className: "text-sm text-gray-900 bg-gray-50 p-2.5 rounded border border-gray-100 whitespace-pre-wrap break-words"
+        }, Array.isArray(val) ? val.join(', ') : Object.entries(val).map(function (_ref1) {
+          var _ref10 = _slicedToArray(_ref1, 2),
+            k = _ref10[0],
+            v = _ref10[1];
+          return "".concat(k, ": ").concat(v);
+        }).join('\n'));
+      }
+      return /*#__PURE__*/_react["default"].createElement("p", {
+        className: "text-sm text-gray-900 bg-gray-50 p-2.5 rounded border border-gray-100 whitespace-pre-wrap break-words"
+      }, String(val));
+    };
+    var respondentSubtitle = response.respondent_name || response.person_name || response.name || response.whatsapp || response.email || '';
     return /*#__PURE__*/_react["default"].createElement("div", {
-      key: index,
-      className: "border rounded-lg p-6 bg-white"
+      key: response._id || index,
+      className: "border border-gray-200 rounded-xl p-6 bg-white shadow-sm"
     }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "flex items-center justify-between mb-4"
-    }, /*#__PURE__*/_react["default"].createElement("h3", {
-      className: "text-lg font-semibold text-gray-900"
-    }, "Response #", index + 1), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "text-sm text-gray-500"
+      className: "flex flex-wrap items-center justify-between gap-2 mb-4 pb-3 border-b border-gray-100"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", {
+      className: "text-base font-semibold text-gray-900"
+    }, "Response #", index + 1, respondentSubtitle ? /*#__PURE__*/_react["default"].createElement("span", {
+      className: "ml-2 text-sm font-normal text-gray-600"
+    }, "\xB7 ", respondentSubtitle) : null)), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "text-xs text-gray-500"
     }, response.submittedAt ? new Date(response.submittedAt).toLocaleString() : 'No date')), /*#__PURE__*/_react["default"].createElement("div", {
       className: "grid grid-cols-1 md:grid-cols-2 gap-4"
-    }, response.name && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "space-y-1"
-    }, /*#__PURE__*/_react["default"].createElement("label", {
-      className: "text-sm font-medium text-gray-700"
-    }, "Name"), /*#__PURE__*/_react["default"].createElement("p", {
-      className: "text-gray-900 bg-gray-50 p-2 rounded"
-    }, response.name)), response.email && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "space-y-1"
-    }, /*#__PURE__*/_react["default"].createElement("label", {
-      className: "text-sm font-medium text-gray-700"
-    }, "Email"), /*#__PURE__*/_react["default"].createElement("p", {
-      className: "text-gray-900 bg-gray-50 p-2 rounded"
-    }, response.email)), response.whatsapp && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "space-y-1"
-    }, /*#__PURE__*/_react["default"].createElement("label", {
-      className: "text-sm font-medium text-gray-700"
-    }, "WhatsApp"), /*#__PURE__*/_react["default"].createElement("p", {
-      className: "text-gray-900 bg-gray-50 p-2 rounded"
-    }, response.whatsapp)), response.subject && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "space-y-1"
-    }, /*#__PURE__*/_react["default"].createElement("label", {
-      className: "text-sm font-medium text-gray-700"
-    }, "Subject"), /*#__PURE__*/_react["default"].createElement("p", {
-      className: "text-gray-900 bg-gray-50 p-2 rounded"
-    }, response.subject)), response.message && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "space-y-1 md:col-span-2"
-    }, /*#__PURE__*/_react["default"].createElement("label", {
-      className: "text-sm font-medium text-gray-700"
-    }, "Message"), /*#__PURE__*/_react["default"].createElement("p", {
-      className: "text-gray-900 bg-gray-50 p-3 rounded whitespace-pre-wrap"
-    }, response.message)), (selectedForm.fields || []).filter(function (field) {
-      return field.type === 'photo' && response[field.name];
-    }).map(function (field) {
+    }, schemaFields.map(function (field) {
+      var val = response[field.name];
+      var wide = field.type === 'textarea' || field.type === 'photo' || field.type === 'fileUploader' || typeof val === 'string' && val.length > 80;
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: field.name,
-        className: "space-y-1"
+        className: "space-y-1 ".concat(wide ? 'md:col-span-2' : '')
       }, /*#__PURE__*/_react["default"].createElement("label", {
-        className: "text-sm font-medium text-gray-700"
-      }, field.label), /*#__PURE__*/_react["default"].createElement("a", {
-        href: response[field.name],
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "block"
-      }, /*#__PURE__*/_react["default"].createElement("img", {
-        src: response[field.name],
-        alt: field.label,
-        className: "max-h-40 rounded border border-gray-200 bg-gray-50"
-      })));
-    }), response.paymentProofUrls && response.paymentProofUrls.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+        className: "text-xs font-semibold uppercase tracking-wide text-gray-500"
+      }, field.label || formatKeyLabel(field.name)), renderValueBox(val, field.type, field.label || field.name));
+    }), extraEntries.map(function (_ref11) {
+      var _ref12 = _slicedToArray(_ref11, 2),
+        key = _ref12[0],
+        val = _ref12[1];
+      var wide = typeof val === 'string' && val.length > 80;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: key,
+        className: "space-y-1 ".concat(wide ? 'md:col-span-2' : '')
+      }, /*#__PURE__*/_react["default"].createElement("label", {
+        className: "text-xs font-semibold uppercase tracking-wide text-gray-500"
+      }, formatKeyLabel(key)), renderValueBox(val, 'text', formatKeyLabel(key)));
+    }), Array.isArray(response.paymentProofUrls) && response.paymentProofUrls.length > 0 && !schemaFields.some(function (f) {
+      return f.type === 'fileUploader' && response[f.name];
+    }) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "space-y-1 md:col-span-2"
     }, /*#__PURE__*/_react["default"].createElement("label", {
-      className: "text-sm font-medium text-gray-700"
-    }, "Payment Proof"), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "space-y-2"
+      className: "text-xs font-semibold uppercase tracking-wide text-gray-500"
+    }, "Uploaded Files / Proofs"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "flex flex-wrap gap-2"
     }, response.paymentProofUrls.map(function (url, urlIndex) {
       return /*#__PURE__*/_react["default"].createElement("a", {
         key: urlIndex,
         href: url,
         target: "_blank",
         rel: "noopener noreferrer",
-        className: "text-blue-600 hover:text-blue-800 underline block bg-gray-50 p-2 rounded"
-      }, "View Payment Proof #", urlIndex + 1);
-    })))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "mt-4 pt-4 border-t border-gray-200"
-    }, /*#__PURE__*/_react["default"].createElement("details", {
-      className: "group"
-    }, /*#__PURE__*/_react["default"].createElement("summary", {
-      className: "cursor-pointer text-sm font-medium text-gray-700 hover:text-gray-900"
-    }, "View Raw Data"), /*#__PURE__*/_react["default"].createElement("pre", {
-      className: "mt-2 text-xs bg-gray-50 p-3 rounded overflow-x-auto"
-    }, JSON.stringify(response, null, 2)))));
+        className: "text-sm text-blue-600 hover:text-blue-800 underline bg-blue-50 border border-blue-100 px-3 py-2 rounded-md"
+      }, "Open file #", urlIndex + 1);
+    })))));
   }))))), showEditModal && /*#__PURE__*/_react["default"].createElement("div", {
     className: "fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-[60] p-4"
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/dist/forms/page.js

@@ -0,0 +1,225 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = PowrFormsPage;
+exports.getPowrFormSchema = getPowrFormSchema;
+exports.resolvePowrFormImageUrl = resolvePowrFormImageUrl;
+var _react = _interopRequireWildcard(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _config = require("../config");
+var _session = require("../session");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var cache;
+function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var r, c, a = Object.defineProperty, n = { __proto__: null, "default": e }; if (Object(e) !== e) return n; if (cache || "function" != typeof WeakMap || (cache = new WeakMap()), cache) { if (cache.has(e)) return cache.get(e); cache.set(e, n); } for (c in e) "default" !== c && {}.hasOwnProperty.call(e, c) && ((r = a && Object.getOwnPropertyDescriptor(e, c)) && (r.get || r.set) ? a(n, c, r) : n[c] = e[c]); return n; }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function resolvePowrFormImageUrl(imageUrl) {
+  if (!imageUrl || typeof imageUrl !== "string") return null;
+  var trimmed = imageUrl.trim();
+  if (!trimmed) return null;
+  if (trimmed.startsWith("http://") || trimmed.startsWith("https://")) return trimmed;
+  if (trimmed.startsWith("/")) return trimmed;
+  return "/".concat(trimmed);
+}
+function getPowrFormSchema(_x) {
+  return _getPowrFormSchema.apply(this, arguments);
+}
+function _getPowrFormSchema() {
+  _getPowrFormSchema = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(formName) {
+    var _ref,
+      projectId,
+      _ref$apiUrl,
+      apiUrl,
+      slug,
+      pid,
+      _json$data,
+      url,
+      res,
+      json,
+      _args = arguments,
+      _t;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.p = _context.n) {
+        case 0:
+          _ref = _args.length > 1 && _args[1] !== undefined ? _args[1] : {}, projectId = _ref.projectId, _ref$apiUrl = _ref.apiUrl, apiUrl = _ref$apiUrl === void 0 ? _config.DEFAULT_API_URL : _ref$apiUrl;
+          slug = String(formName || "").trim();
+          pid = String(projectId || "").trim();
+          if (!(!slug || !pid)) {
+            _context.n = 1;
+            break;
+          }
+          return _context.a(2, null);
+        case 1:
+          _context.p = 1;
+          url = "".concat(String(apiUrl).replace(/\/$/, ""), "/forms/").concat(encodeURIComponent(slug), "?projectId=").concat(encodeURIComponent(pid));
+          _context.n = 2;
+          return fetch(url, {
+            cache: "no-store",
+            credentials: "omit"
+          });
+        case 2:
+          res = _context.v;
+          if (res.ok) {
+            _context.n = 3;
+            break;
+          }
+          return _context.a(2, null);
+        case 3:
+          _context.n = 4;
+          return res.json();
+        case 4:
+          json = _context.v;
+          return _context.a(2, (_json$data = json === null || json === void 0 ? void 0 : json.data) !== null && _json$data !== void 0 ? _json$data : null);
+        case 5:
+          _context.p = 5;
+          _t = _context.v;
+          return _context.a(2, null);
+      }
+    }, _callee, null, [[1, 5]]);
+  }));
+  return _getPowrFormSchema.apply(this, arguments);
+}
+function PowrFormsPage(_ref2) {
+  var _schema$formTitle, _schema$description;
+  var formName = _ref2.formName,
+    _ref2$defaultFormName = _ref2.defaultFormName,
+    defaultFormName = _ref2$defaultFormName === void 0 ? "" : _ref2$defaultFormName,
+    projectId = _ref2.projectId,
+    _ref2$apiUrl = _ref2.apiUrl,
+    apiUrl = _ref2$apiUrl === void 0 ? _config.DEFAULT_API_URL : _ref2$apiUrl,
+    _ref2$theme = _ref2.theme,
+    theme = _ref2$theme === void 0 ? "purple" : _ref2$theme,
+    _ref2$fallbackTitle = _ref2.fallbackTitle,
+    fallbackTitle = _ref2$fallbackTitle === void 0 ? "Form" : _ref2$fallbackTitle,
+    _ref2$loginPath = _ref2.loginPath,
+    loginPath = _ref2$loginPath === void 0 ? "/login" : _ref2$loginPath,
+    _ref2$formsPath = _ref2.formsPath,
+    formsPath = _ref2$formsPath === void 0 ? "/forms" : _ref2$formsPath,
+    onNavigate = _ref2.onNavigate,
+    onReplace = _ref2.onReplace,
+    _ref2$className = _ref2.className,
+    className = _ref2$className === void 0 ? "" : _ref2$className,
+    _ref2$cardClassName = _ref2.cardClassName,
+    cardClassName = _ref2$cardClassName === void 0 ? "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-6 text-slate-900 shadow-sm sm:px-6" : _ref2$cardClassName;
+  var session = (0, _session.usePowrSession)();
+  var _useState = (0, _react.useState)(function () {
+      var explicit = String(formName || "").trim();
+      if (explicit) return explicit;
+      if (typeof window !== "undefined") {
+        var sp = new URLSearchParams(window.location.search);
+        var id = (sp.get("id") || "").trim();
+        if (id) return id;
+      }
+      return String(defaultFormName || "").trim();
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    resolvedName = _useState2[0],
+    setResolvedName = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    schema = _useState4[0],
+    setSchema = _useState4[1];
+  (0, _react.useEffect)(function () {
+    var explicit = String(formName || "").trim();
+    if (explicit) {
+      setResolvedName(explicit);
+      return;
+    }
+    if (typeof window !== "undefined") {
+      var sp = new URLSearchParams(window.location.search);
+      var id = (sp.get("id") || "").trim();
+      if (id) {
+        setResolvedName(id);
+        return;
+      }
+      var def = String(defaultFormName || "").trim();
+      if (def) {
+        setResolvedName(def);
+        var target = "".concat(formsPath, "?id=").concat(encodeURIComponent(def));
+        if (typeof onReplace === "function") {
+          onReplace(target);
+        } else if (window.history && typeof window.history.replaceState === "function") {
+          window.history.replaceState(null, "", target);
+        }
+      }
+    }
+  }, [formName, defaultFormName, formsPath, onReplace]);
+  (0, _react.useEffect)(function () {
+    var cancelled = false;
+    if (!resolvedName || !projectId) {
+      setSchema(null);
+      return undefined;
+    }
+    getPowrFormSchema(resolvedName, {
+      projectId: projectId,
+      apiUrl: apiUrl
+    }).then(function (data) {
+      if (!cancelled) setSchema(data);
+    });
+    return function () {
+      cancelled = true;
+    };
+  }, [resolvedName, projectId, apiUrl]);
+  var isAuthenticated = Boolean(session && session.hydrated && session.user);
+  var user = session ? session.user : null;
+  var signedAs = (user === null || user === void 0 ? void 0 : user.fullName) || (user === null || user === void 0 ? void 0 : user.name) || (user === null || user === void 0 ? void 0 : user.phoneNumber) || "you";
+  var extraFields = user ? {
+    userId: user.userId || user._id,
+    respondent_name: user.fullName || user.name || "",
+    whatsapp: user.phoneNumber || undefined,
+    email: user.email || undefined
+  } : undefined;
+  var handleNeedLogin = function handleNeedLogin() {
+    var next = "".concat(formsPath, "?id=").concat(encodeURIComponent(resolvedName));
+    var target = "".concat(loginPath, "?next=").concat(encodeURIComponent(next));
+    if (typeof onNavigate === "function") {
+      onNavigate(target);
+    } else if (typeof window !== "undefined") {
+      window.location.href = target;
+    }
+  };
+  var title = (schema === null || schema === void 0 || (_schema$formTitle = schema.formTitle) === null || _schema$formTitle === void 0 ? void 0 : _schema$formTitle.trim()) || fallbackTitle;
+  var description = (schema === null || schema === void 0 || (_schema$description = schema.description) === null || _schema$description === void 0 ? void 0 : _schema$description.trim()) || "";
+  var bannerUrl = resolvePowrFormImageUrl(schema === null || schema === void 0 ? void 0 : schema.imageUrl);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex flex-col gap-6 ".concat(className).trim()
+  }, bannerUrl ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "h-40 overflow-hidden rounded-lg bg-slate-100 bg-cover bg-center",
+    style: {
+      backgroundImage: "url('".concat(bannerUrl, "')")
+    },
+    role: "img",
+    "aria-label": ""
+  }) : null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h1", {
+    className: "font-display text-3xl font-bold sm:text-4xl"
+  }, title), description ? /*#__PURE__*/_react["default"].createElement("p", {
+    className: "mt-2 whitespace-pre-line text-sm leading-relaxed text-slate-600"
+  }, description) : null), !projectId ? /*#__PURE__*/_react["default"].createElement("p", {
+    className: "text-sm text-slate-500"
+  }, "Form is not configured. Set NEXT_PUBLIC_PROJECT_ID.") : !resolvedName ? /*#__PURE__*/_react["default"].createElement("p", {
+    className: "text-sm text-slate-500"
+  }, "No form selected. Open ", formsPath, "?id=<formName>.") : /*#__PURE__*/_react["default"].createElement("div", {
+    className: cardClassName
+  }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
+    formName: resolvedName,
+    apiUrl: apiUrl,
+    projectId: projectId,
+    embed: true,
+    showHeader: false,
+    isAuthenticated: isAuthenticated,
+    onNeedLogin: handleNeedLogin,
+    extraFields: extraFields,
+    authenticatedLabel: isAuthenticated ? "Submitting as ".concat(signedAs) : undefined,
+    theme: theme
+  })));
+}

package/dist/index.js

@@ -297,6 +297,12 @@ Object.defineProperty(exports, "PowrCalendarStrip", {
     return _calendar["default"];
   }
 });
+Object.defineProperty(exports, "PowrFormsPage", {
+  enumerable: true,
+  get: function get() {
+    return _page["default"];
+  }
+});
 Object.defineProperty(exports, "PowrImpersonationBar", {
   enumerable: true,
   get: function get() {
@@ -483,6 +489,12 @@ Object.defineProperty(exports, "getPhoneLookupVariants", {
     return _phone.getPhoneLookupVariants;
   }
 });
+Object.defineProperty(exports, "getPowrFormSchema", {
+  enumerable: true,
+  get: function get() {
+    return _page.getPowrFormSchema;
+  }
+});
 Object.defineProperty(exports, "getPowrUserId", {
   enumerable: true,
   get: function get() {
@@ -645,6 +657,12 @@ Object.defineProperty(exports, "resolveCountry", {
     return _phone.resolveCountry;
   }
 });
+Object.defineProperty(exports, "resolvePowrFormImageUrl", {
+  enumerable: true,
+  get: function get() {
+    return _page.resolvePowrFormImageUrl;
+  }
+});
 Object.defineProperty(exports, "resolvePowrTokens", {
   enumerable: true,
   get: function get() {
@@ -713,6 +731,7 @@ var _likes = _interopRequireDefault(require("./likes"));
 var _auth = _interopRequireDefault(require("./auth"));
 var _sso = _interopRequireWildcard(require("./sso"));
 var _forms = _interopRequireDefault(require("./forms"));
+var _page = _interopRequireWildcard(require("./forms/page"));
 var _feedback = _interopRequireDefault(require("./feedback"));
 var _chat = _interopRequireDefault(require("./chat"));
 var _feeds = _interopRequireDefault(require("./feeds"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "powr-sdk-web",
-    "version": "6.14.2",
+    "version": "6.15.1",
     "main": "dist/index.js",
     "files": [
         "dist"