powr-sdk-web 1.4.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/activities/index.js +209 -0
- package/dist/auth/index.js +633 -0
- package/dist/index.js +28 -0
- package/dist/invoice/index.js +140 -0
- package/dist/waitlists/index.js +165 -0
- package/package.json +1 -1
- package/public/logo.png +0 -0
|
@@ -0,0 +1,209 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
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); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = PowrBaseActivities;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _navigation = require("next/navigation");
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
11
|
+
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
12
|
+
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."); }
|
|
13
|
+
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
14
|
+
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
15
|
+
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) && (c = i[4] || 3, u = i[5] === e ? i[3] : i[5], i[4] = 3, 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 }; })(); }
|
|
16
|
+
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
|
|
17
|
+
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); }
|
|
18
|
+
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); }); }; }
|
|
19
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
20
|
+
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."); }
|
|
21
|
+
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; } }
|
|
22
|
+
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; }
|
|
23
|
+
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; } }
|
|
24
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
25
|
+
function PowrBaseActivities(_ref) {
|
|
26
|
+
var projectId = _ref.projectId,
|
|
27
|
+
contentId = _ref.contentId;
|
|
28
|
+
var _useState = (0, _react.useState)([]),
|
|
29
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
30
|
+
activities = _useState2[0],
|
|
31
|
+
setActivities = _useState2[1];
|
|
32
|
+
var _useState3 = (0, _react.useState)(null),
|
|
33
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
34
|
+
editingTaskId = _useState4[0],
|
|
35
|
+
setEditingTaskId = _useState4[1];
|
|
36
|
+
var _useState5 = (0, _react.useState)(""),
|
|
37
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
38
|
+
editedTaskText = _useState6[0],
|
|
39
|
+
setEditedTaskText = _useState6[1];
|
|
40
|
+
var _useState7 = (0, _react.useState)(true),
|
|
41
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
42
|
+
loading = _useState8[0],
|
|
43
|
+
setLoading = _useState8[1];
|
|
44
|
+
var _useState9 = (0, _react.useState)(null),
|
|
45
|
+
_useState0 = _slicedToArray(_useState9, 2),
|
|
46
|
+
error = _useState0[0],
|
|
47
|
+
setError = _useState0[1];
|
|
48
|
+
var router = (0, _navigation.useRouter)();
|
|
49
|
+
(0, _react.useEffect)(function () {
|
|
50
|
+
var fetchActivities = /*#__PURE__*/function () {
|
|
51
|
+
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
|
|
52
|
+
var response, data, _t;
|
|
53
|
+
return _regenerator().w(function (_context) {
|
|
54
|
+
while (1) switch (_context.n) {
|
|
55
|
+
case 0:
|
|
56
|
+
setLoading(true);
|
|
57
|
+
setError(null);
|
|
58
|
+
_context.p = 1;
|
|
59
|
+
_context.n = 2;
|
|
60
|
+
return fetch("https://api.powrbase.cloud/activities?projectId=".concat(projectId));
|
|
61
|
+
case 2:
|
|
62
|
+
response = _context.v;
|
|
63
|
+
_context.n = 3;
|
|
64
|
+
return response.json();
|
|
65
|
+
case 3:
|
|
66
|
+
data = _context.v;
|
|
67
|
+
if (data.success && Array.isArray(data.activities)) {
|
|
68
|
+
setActivities(data.activities);
|
|
69
|
+
} else {
|
|
70
|
+
setError("Failed to load activities");
|
|
71
|
+
}
|
|
72
|
+
_context.n = 5;
|
|
73
|
+
break;
|
|
74
|
+
case 4:
|
|
75
|
+
_context.p = 4;
|
|
76
|
+
_t = _context.v;
|
|
77
|
+
setError("Error fetching activities");
|
|
78
|
+
case 5:
|
|
79
|
+
_context.p = 5;
|
|
80
|
+
setLoading(false);
|
|
81
|
+
return _context.f(5);
|
|
82
|
+
case 6:
|
|
83
|
+
return _context.a(2);
|
|
84
|
+
}
|
|
85
|
+
}, _callee, null, [[1, 4, 5, 6]]);
|
|
86
|
+
}));
|
|
87
|
+
return function fetchActivities() {
|
|
88
|
+
return _ref2.apply(this, arguments);
|
|
89
|
+
};
|
|
90
|
+
}();
|
|
91
|
+
fetchActivities();
|
|
92
|
+
}, [projectId]);
|
|
93
|
+
var handleEdit = function handleEdit(task) {
|
|
94
|
+
setEditingTaskId(task.id);
|
|
95
|
+
setEditedTaskText(task.task);
|
|
96
|
+
};
|
|
97
|
+
var handleSave = function handleSave(taskId) {
|
|
98
|
+
setEditingTaskId(null);
|
|
99
|
+
};
|
|
100
|
+
var getStatusDot = function getStatusDot(status) {
|
|
101
|
+
return status && status.toLowerCase() === "completed" ? "bg-cyan-500" : "bg-yellow-400";
|
|
102
|
+
};
|
|
103
|
+
var updatedActivity = null;
|
|
104
|
+
var createdActivity = null;
|
|
105
|
+
if (activities.length > 0) {
|
|
106
|
+
var sorted = _toConsumableArray(activities).sort(function (a, b) {
|
|
107
|
+
return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
|
|
108
|
+
});
|
|
109
|
+
updatedActivity = sorted[0];
|
|
110
|
+
createdActivity = sorted[sorted.length - 1];
|
|
111
|
+
}
|
|
112
|
+
if (loading) {
|
|
113
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
114
|
+
className: "p-6"
|
|
115
|
+
}, "Loading activities...");
|
|
116
|
+
}
|
|
117
|
+
if (error) {
|
|
118
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
119
|
+
className: "p-6 text-red-500"
|
|
120
|
+
}, error);
|
|
121
|
+
}
|
|
122
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
123
|
+
className: "rounded-xl shadow p-6"
|
|
124
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
125
|
+
className: "flex flex-col gap-3"
|
|
126
|
+
}, activities.map(function (item) {
|
|
127
|
+
var _item$activity, _item$activity2, _item$activity3;
|
|
128
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
129
|
+
key: item._id,
|
|
130
|
+
className: "rounded-lg px-4 py-4 flex flex-col mb-2 shadow-sm",
|
|
131
|
+
style: {
|
|
132
|
+
background: "linear-gradient(90deg, #fff7f0 0%, #f6fbfc 100%)"
|
|
133
|
+
}
|
|
134
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
135
|
+
className: "text-gray-500 text-xs font-semibold mb-1"
|
|
136
|
+
}, createdActivity && /*#__PURE__*/_react["default"].createElement("div", {
|
|
137
|
+
className: "flex items-center gap-3 mb-2"
|
|
138
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
139
|
+
className: "px-2 py-0.5 rounded-md border border-green-200 bg-green-50 text-green-600 text-xs font-semibold"
|
|
140
|
+
}, createdActivity.createdAt ? new Date(createdActivity.createdAt).toLocaleString(undefined, {
|
|
141
|
+
year: "numeric",
|
|
142
|
+
month: "long",
|
|
143
|
+
day: "numeric",
|
|
144
|
+
hour: "2-digit",
|
|
145
|
+
minute: "2-digit"
|
|
146
|
+
}) : "-"))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
147
|
+
className: "flex flex-wrap items-center text-sm gap-4"
|
|
148
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
149
|
+
className: "flex items-center gap-1"
|
|
150
|
+
}, /*#__PURE__*/_react["default"].createElement("svg", {
|
|
151
|
+
className: "w-4 h-4 text-blue-400",
|
|
152
|
+
fill: "none",
|
|
153
|
+
stroke: "currentColor",
|
|
154
|
+
strokeWidth: "2",
|
|
155
|
+
viewBox: "0 0 24 24"
|
|
156
|
+
}, /*#__PURE__*/_react["default"].createElement("circle", {
|
|
157
|
+
cx: "12",
|
|
158
|
+
cy: "12",
|
|
159
|
+
r: "10",
|
|
160
|
+
stroke: "currentColor",
|
|
161
|
+
strokeWidth: "2",
|
|
162
|
+
fill: "none"
|
|
163
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
164
|
+
strokeLinecap: "round",
|
|
165
|
+
strokeLinejoin: "round",
|
|
166
|
+
d: "M12 8v4l3 3"
|
|
167
|
+
})), /*#__PURE__*/_react["default"].createElement("span", {
|
|
168
|
+
className: "font-semibold text-gray-600"
|
|
169
|
+
}, "Activity:")), /*#__PURE__*/_react["default"].createElement("span", {
|
|
170
|
+
className: "mr-2 font-medium text-gray-800"
|
|
171
|
+
}, ((_item$activity = item.activity) === null || _item$activity === void 0 ? void 0 : _item$activity.activity) || "-"), /*#__PURE__*/_react["default"].createElement("span", {
|
|
172
|
+
className: "flex items-center gap-1"
|
|
173
|
+
}, /*#__PURE__*/_react["default"].createElement("svg", {
|
|
174
|
+
className: "w-4 h-4 text-orange-400",
|
|
175
|
+
fill: "none",
|
|
176
|
+
stroke: "currentColor",
|
|
177
|
+
strokeWidth: "2",
|
|
178
|
+
viewBox: "0 0 24 24"
|
|
179
|
+
}, /*#__PURE__*/_react["default"].createElement("circle", {
|
|
180
|
+
cx: "12",
|
|
181
|
+
cy: "7",
|
|
182
|
+
r: "4"
|
|
183
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
184
|
+
strokeLinecap: "round",
|
|
185
|
+
strokeLinejoin: "round",
|
|
186
|
+
d: "M5.5 21a7.5 7.5 0 0113 0"
|
|
187
|
+
})), /*#__PURE__*/_react["default"].createElement("span", {
|
|
188
|
+
className: "font-semibold text-gray-600"
|
|
189
|
+
}, "Done by:")), /*#__PURE__*/_react["default"].createElement("span", {
|
|
190
|
+
className: "mr-2 font-medium text-gray-800"
|
|
191
|
+
}, ((_item$activity2 = item.activity) === null || _item$activity2 === void 0 ? void 0 : _item$activity2.actor) || "-"), /*#__PURE__*/_react["default"].createElement("span", {
|
|
192
|
+
className: "flex items-center gap-1"
|
|
193
|
+
}, /*#__PURE__*/_react["default"].createElement("svg", {
|
|
194
|
+
className: "w-4 h-4 text-green-500",
|
|
195
|
+
fill: "none",
|
|
196
|
+
stroke: "currentColor",
|
|
197
|
+
strokeWidth: "2",
|
|
198
|
+
viewBox: "0 0 24 24"
|
|
199
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
200
|
+
strokeLinecap: "round",
|
|
201
|
+
strokeLinejoin: "round",
|
|
202
|
+
d: "M5 13l4 4L19 7"
|
|
203
|
+
})), /*#__PURE__*/_react["default"].createElement("span", {
|
|
204
|
+
className: "font-semibold text-gray-600"
|
|
205
|
+
}, "Action:")), /*#__PURE__*/_react["default"].createElement("span", {
|
|
206
|
+
className: "font-medium text-green-700"
|
|
207
|
+
}, ((_item$activity3 = item.activity) === null || _item$activity3 === void 0 ? void 0 : _item$activity3.action) || "-")));
|
|
208
|
+
})));
|
|
209
|
+
}
|
|
@@ -0,0 +1,633 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _ai = require("react-icons/ai");
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
10
|
+
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) && (c = i[4] || 3, u = i[5] === e ? i[3] : i[5], i[4] = 3, 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 }; })(); }
|
|
11
|
+
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
|
|
12
|
+
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); }
|
|
13
|
+
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); }
|
|
14
|
+
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); }); }; }
|
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
18
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
19
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
20
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
21
|
+
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."); }
|
|
22
|
+
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; } }
|
|
23
|
+
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; }
|
|
24
|
+
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; } }
|
|
25
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
26
|
+
var baseUrl = 'https://api.powrbase.cloud';
|
|
27
|
+
var PowrLogin = function PowrLogin(_ref) {
|
|
28
|
+
var onLogin = _ref.onLogin,
|
|
29
|
+
onRegister = _ref.onRegister,
|
|
30
|
+
_ref$loginApiUrl = _ref.loginApiUrl,
|
|
31
|
+
loginApiUrl = _ref$loginApiUrl === void 0 ? "".concat(baseUrl, "/auth/login") : _ref$loginApiUrl,
|
|
32
|
+
_ref$registerApiUrl = _ref.registerApiUrl,
|
|
33
|
+
registerApiUrl = _ref$registerApiUrl === void 0 ? "".concat(baseUrl, "/auth/register") : _ref$registerApiUrl,
|
|
34
|
+
_ref$subtitle = _ref.subtitle,
|
|
35
|
+
subtitle = _ref$subtitle === void 0 ? 'Sign in to your account' : _ref$subtitle;
|
|
36
|
+
var _useState = (0, _react.useState)(true),
|
|
37
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
38
|
+
isLogin = _useState2[0],
|
|
39
|
+
setIsLogin = _useState2[1];
|
|
40
|
+
var _useState3 = (0, _react.useState)({
|
|
41
|
+
username: '',
|
|
42
|
+
password: '',
|
|
43
|
+
confirmPassword: '',
|
|
44
|
+
fullName: ''
|
|
45
|
+
}),
|
|
46
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
47
|
+
formData = _useState4[0],
|
|
48
|
+
setFormData = _useState4[1];
|
|
49
|
+
var _useState5 = (0, _react.useState)(false),
|
|
50
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
51
|
+
loading = _useState6[0],
|
|
52
|
+
setLoading = _useState6[1];
|
|
53
|
+
var _useState7 = (0, _react.useState)(''),
|
|
54
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
55
|
+
error = _useState8[0],
|
|
56
|
+
setError = _useState8[1];
|
|
57
|
+
var _useState9 = (0, _react.useState)(''),
|
|
58
|
+
_useState0 = _slicedToArray(_useState9, 2),
|
|
59
|
+
success = _useState0[0],
|
|
60
|
+
setSuccess = _useState0[1];
|
|
61
|
+
var _useState1 = (0, _react.useState)({}),
|
|
62
|
+
_useState10 = _slicedToArray(_useState1, 2),
|
|
63
|
+
fieldErrors = _useState10[0],
|
|
64
|
+
setFieldErrors = _useState10[1];
|
|
65
|
+
var _useState11 = (0, _react.useState)(false),
|
|
66
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
67
|
+
showPassword = _useState12[0],
|
|
68
|
+
setShowPassword = _useState12[1];
|
|
69
|
+
var _useState13 = (0, _react.useState)(false),
|
|
70
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
71
|
+
showConfirmPassword = _useState14[0],
|
|
72
|
+
setShowConfirmPassword = _useState14[1];
|
|
73
|
+
var handleInputChange = function handleInputChange(e) {
|
|
74
|
+
var _e$target = e.target,
|
|
75
|
+
name = _e$target.name,
|
|
76
|
+
value = _e$target.value;
|
|
77
|
+
setFormData(function (prev) {
|
|
78
|
+
return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, name, value));
|
|
79
|
+
});
|
|
80
|
+
setError('');
|
|
81
|
+
if (fieldErrors[name]) {
|
|
82
|
+
setFieldErrors(function (prev) {
|
|
83
|
+
return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, name, ''));
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
var handleSubmit = /*#__PURE__*/function () {
|
|
88
|
+
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {
|
|
89
|
+
var errors, url, payload, response, data, _t;
|
|
90
|
+
return _regenerator().w(function (_context) {
|
|
91
|
+
while (1) switch (_context.n) {
|
|
92
|
+
case 0:
|
|
93
|
+
e.preventDefault();
|
|
94
|
+
setLoading(true);
|
|
95
|
+
setError('');
|
|
96
|
+
setSuccess('');
|
|
97
|
+
setFieldErrors({});
|
|
98
|
+
errors = {};
|
|
99
|
+
if (!formData.username.trim()) {
|
|
100
|
+
errors.username = 'Username is required';
|
|
101
|
+
}
|
|
102
|
+
if (!formData.password.trim()) {
|
|
103
|
+
errors.password = 'Password is required';
|
|
104
|
+
}
|
|
105
|
+
if (!isLogin && !formData.fullName.trim()) {
|
|
106
|
+
errors.fullName = 'Full name is required';
|
|
107
|
+
}
|
|
108
|
+
if (!isLogin && formData.password !== formData.confirmPassword) {
|
|
109
|
+
errors.confirmPassword = 'Passwords do not match';
|
|
110
|
+
}
|
|
111
|
+
if (!(Object.keys(errors).length > 0)) {
|
|
112
|
+
_context.n = 1;
|
|
113
|
+
break;
|
|
114
|
+
}
|
|
115
|
+
setFieldErrors(errors);
|
|
116
|
+
setLoading(false);
|
|
117
|
+
return _context.a(2);
|
|
118
|
+
case 1:
|
|
119
|
+
_context.p = 1;
|
|
120
|
+
url = isLogin ? loginApiUrl : registerApiUrl;
|
|
121
|
+
payload = isLogin ? {
|
|
122
|
+
username: formData.username,
|
|
123
|
+
password: formData.password
|
|
124
|
+
} : {
|
|
125
|
+
fullName: formData.fullName,
|
|
126
|
+
username: formData.username,
|
|
127
|
+
password: formData.password
|
|
128
|
+
};
|
|
129
|
+
_context.n = 2;
|
|
130
|
+
return fetch(url, {
|
|
131
|
+
method: 'POST',
|
|
132
|
+
headers: {
|
|
133
|
+
'Content-Type': 'application/json'
|
|
134
|
+
},
|
|
135
|
+
body: JSON.stringify(payload)
|
|
136
|
+
});
|
|
137
|
+
case 2:
|
|
138
|
+
response = _context.v;
|
|
139
|
+
_context.n = 3;
|
|
140
|
+
return response.json();
|
|
141
|
+
case 3:
|
|
142
|
+
data = _context.v;
|
|
143
|
+
console.log('API Response:', {
|
|
144
|
+
status: response.status,
|
|
145
|
+
data: data
|
|
146
|
+
});
|
|
147
|
+
if (response.ok) {
|
|
148
|
+
setSuccess(isLogin ? 'Login successful!' : 'Registration successful!');
|
|
149
|
+
if (isLogin && onLogin) {
|
|
150
|
+
onLogin(data);
|
|
151
|
+
} else if (!isLogin && onRegister) {
|
|
152
|
+
onRegister(data);
|
|
153
|
+
}
|
|
154
|
+
setFormData({
|
|
155
|
+
username: '',
|
|
156
|
+
password: '',
|
|
157
|
+
confirmPassword: '',
|
|
158
|
+
fullName: ''
|
|
159
|
+
});
|
|
160
|
+
} else {
|
|
161
|
+
if (data.message) {
|
|
162
|
+
setError(data.message);
|
|
163
|
+
} else if (data.error) {
|
|
164
|
+
setError(data.error);
|
|
165
|
+
} else if (data.errors) {
|
|
166
|
+
if (_typeof(data.errors) === 'object') {
|
|
167
|
+
setFieldErrors(data.errors);
|
|
168
|
+
} else {
|
|
169
|
+
setError(data.errors);
|
|
170
|
+
}
|
|
171
|
+
} else {
|
|
172
|
+
setError("".concat(isLogin ? 'Login' : 'Registration', " failed. Please try again."));
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
_context.n = 5;
|
|
176
|
+
break;
|
|
177
|
+
case 4:
|
|
178
|
+
_context.p = 4;
|
|
179
|
+
_t = _context.v;
|
|
180
|
+
setError('Network error. Please try again.');
|
|
181
|
+
case 5:
|
|
182
|
+
_context.p = 5;
|
|
183
|
+
setLoading(false);
|
|
184
|
+
return _context.f(5);
|
|
185
|
+
case 6:
|
|
186
|
+
return _context.a(2);
|
|
187
|
+
}
|
|
188
|
+
}, _callee, null, [[1, 4, 5, 6]]);
|
|
189
|
+
}));
|
|
190
|
+
return function handleSubmit(_x) {
|
|
191
|
+
return _ref2.apply(this, arguments);
|
|
192
|
+
};
|
|
193
|
+
}();
|
|
194
|
+
var toggleMode = function toggleMode() {
|
|
195
|
+
setIsLogin(!isLogin);
|
|
196
|
+
setError('');
|
|
197
|
+
setSuccess('');
|
|
198
|
+
setFieldErrors({});
|
|
199
|
+
setFormData({
|
|
200
|
+
username: '',
|
|
201
|
+
password: '',
|
|
202
|
+
confirmPassword: '',
|
|
203
|
+
fullName: ''
|
|
204
|
+
});
|
|
205
|
+
};
|
|
206
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
207
|
+
style: styles.container
|
|
208
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
209
|
+
style: styles.card
|
|
210
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
211
|
+
style: styles.header
|
|
212
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
|
|
213
|
+
src: "/logo.png",
|
|
214
|
+
alt: "Logo",
|
|
215
|
+
style: styles.logoImage
|
|
216
|
+
})), /*#__PURE__*/_react["default"].createElement("h1", {
|
|
217
|
+
style: styles.title
|
|
218
|
+
}, "Welcome to PowrLogin"), /*#__PURE__*/_react["default"].createElement("p", {
|
|
219
|
+
style: styles.subtitle
|
|
220
|
+
}, isLogin ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, subtitle, /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("span", {
|
|
221
|
+
style: styles.text
|
|
222
|
+
}, "or"), ' ', /*#__PURE__*/_react["default"].createElement("button", {
|
|
223
|
+
type: "button",
|
|
224
|
+
onClick: toggleMode,
|
|
225
|
+
style: styles.createAccountLink
|
|
226
|
+
}, "create a new account")) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Create your account", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("span", {
|
|
227
|
+
style: styles.text
|
|
228
|
+
}, "Already have an account?"), ' ', /*#__PURE__*/_react["default"].createElement("button", {
|
|
229
|
+
type: "button",
|
|
230
|
+
onClick: toggleMode,
|
|
231
|
+
style: styles.createAccountLink
|
|
232
|
+
}, "Sign in")))), /*#__PURE__*/_react["default"].createElement("form", {
|
|
233
|
+
onSubmit: handleSubmit,
|
|
234
|
+
style: styles.form
|
|
235
|
+
}, !isLogin && /*#__PURE__*/_react["default"].createElement("div", {
|
|
236
|
+
style: styles.formGroup
|
|
237
|
+
}, /*#__PURE__*/_react["default"].createElement("label", {
|
|
238
|
+
htmlFor: "fullName",
|
|
239
|
+
style: styles.label
|
|
240
|
+
}, "Full Name"), /*#__PURE__*/_react["default"].createElement("input", {
|
|
241
|
+
type: "text",
|
|
242
|
+
id: "fullName",
|
|
243
|
+
name: "fullName",
|
|
244
|
+
value: formData.fullName,
|
|
245
|
+
onChange: handleInputChange,
|
|
246
|
+
style: _objectSpread(_objectSpread({}, styles.input), fieldErrors.fullName ? styles.inputError : {}),
|
|
247
|
+
placeholder: "Enter your full name",
|
|
248
|
+
required: true
|
|
249
|
+
}), fieldErrors.fullName && /*#__PURE__*/_react["default"].createElement("div", {
|
|
250
|
+
style: styles.fieldError
|
|
251
|
+
}, fieldErrors.fullName)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
252
|
+
style: styles.formGroup
|
|
253
|
+
}, /*#__PURE__*/_react["default"].createElement("label", {
|
|
254
|
+
htmlFor: "username",
|
|
255
|
+
style: styles.label
|
|
256
|
+
}, "Username"), /*#__PURE__*/_react["default"].createElement("input", {
|
|
257
|
+
type: "text",
|
|
258
|
+
id: "username",
|
|
259
|
+
name: "username",
|
|
260
|
+
value: formData.username,
|
|
261
|
+
onChange: handleInputChange,
|
|
262
|
+
style: _objectSpread(_objectSpread({}, styles.input), fieldErrors.username ? styles.inputError : {}),
|
|
263
|
+
placeholder: "Enter your username",
|
|
264
|
+
required: true
|
|
265
|
+
}), fieldErrors.username && /*#__PURE__*/_react["default"].createElement("div", {
|
|
266
|
+
style: styles.fieldError
|
|
267
|
+
}, fieldErrors.username)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
268
|
+
style: styles.formGroup
|
|
269
|
+
}, /*#__PURE__*/_react["default"].createElement("label", {
|
|
270
|
+
htmlFor: "password",
|
|
271
|
+
style: styles.label
|
|
272
|
+
}, "Password"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
273
|
+
style: styles.passwordContainer
|
|
274
|
+
}, /*#__PURE__*/_react["default"].createElement("input", {
|
|
275
|
+
type: showPassword ? "text" : "password",
|
|
276
|
+
id: "password",
|
|
277
|
+
name: "password",
|
|
278
|
+
value: formData.password,
|
|
279
|
+
onChange: handleInputChange,
|
|
280
|
+
style: _objectSpread(_objectSpread(_objectSpread({}, styles.input), styles.passwordInput), fieldErrors.password ? styles.inputError : {}),
|
|
281
|
+
placeholder: "Enter your password",
|
|
282
|
+
required: true
|
|
283
|
+
}), /*#__PURE__*/_react["default"].createElement("button", {
|
|
284
|
+
type: "button",
|
|
285
|
+
onClick: function onClick() {
|
|
286
|
+
return setShowPassword(!showPassword);
|
|
287
|
+
},
|
|
288
|
+
style: styles.eyeButton,
|
|
289
|
+
tabIndex: -1
|
|
290
|
+
}, showPassword ? /*#__PURE__*/_react["default"].createElement(_ai.AiOutlineEyeInvisible, {
|
|
291
|
+
style: styles.eyeIcon
|
|
292
|
+
}) : /*#__PURE__*/_react["default"].createElement(_ai.AiOutlineEye, {
|
|
293
|
+
style: styles.eyeIcon
|
|
294
|
+
}))), fieldErrors.password && /*#__PURE__*/_react["default"].createElement("div", {
|
|
295
|
+
style: styles.fieldError
|
|
296
|
+
}, fieldErrors.password)), !isLogin && /*#__PURE__*/_react["default"].createElement("div", {
|
|
297
|
+
style: styles.formGroup
|
|
298
|
+
}, /*#__PURE__*/_react["default"].createElement("label", {
|
|
299
|
+
htmlFor: "confirmPassword",
|
|
300
|
+
style: styles.label
|
|
301
|
+
}, "Confirm Password"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
302
|
+
style: styles.passwordContainer
|
|
303
|
+
}, /*#__PURE__*/_react["default"].createElement("input", {
|
|
304
|
+
type: showConfirmPassword ? "text" : "password",
|
|
305
|
+
id: "confirmPassword",
|
|
306
|
+
name: "confirmPassword",
|
|
307
|
+
value: formData.confirmPassword,
|
|
308
|
+
onChange: handleInputChange,
|
|
309
|
+
style: _objectSpread(_objectSpread(_objectSpread({}, styles.input), styles.passwordInput), fieldErrors.confirmPassword ? styles.inputError : {}),
|
|
310
|
+
placeholder: "Confirm your password",
|
|
311
|
+
required: true
|
|
312
|
+
}), /*#__PURE__*/_react["default"].createElement("button", {
|
|
313
|
+
type: "button",
|
|
314
|
+
onClick: function onClick() {
|
|
315
|
+
return setShowConfirmPassword(!showConfirmPassword);
|
|
316
|
+
},
|
|
317
|
+
style: styles.eyeButton,
|
|
318
|
+
tabIndex: -1
|
|
319
|
+
}, showConfirmPassword ? /*#__PURE__*/_react["default"].createElement(_ai.AiOutlineEyeInvisible, {
|
|
320
|
+
style: styles.eyeIcon
|
|
321
|
+
}) : /*#__PURE__*/_react["default"].createElement(_ai.AiOutlineEye, {
|
|
322
|
+
style: styles.eyeIcon
|
|
323
|
+
}))), fieldErrors.confirmPassword && /*#__PURE__*/_react["default"].createElement("div", {
|
|
324
|
+
style: styles.fieldError
|
|
325
|
+
}, fieldErrors.confirmPassword)), isLogin && /*#__PURE__*/_react["default"].createElement("div", {
|
|
326
|
+
style: styles.rememberSection
|
|
327
|
+
}, /*#__PURE__*/_react["default"].createElement("label", {
|
|
328
|
+
style: styles.checkboxLabel
|
|
329
|
+
}, /*#__PURE__*/_react["default"].createElement("input", {
|
|
330
|
+
type: "checkbox",
|
|
331
|
+
style: styles.checkbox
|
|
332
|
+
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
333
|
+
style: styles.checkboxText
|
|
334
|
+
}, "Remember me"))), error && /*#__PURE__*/_react["default"].createElement("div", {
|
|
335
|
+
style: styles.errorMessage
|
|
336
|
+
}, error), success && /*#__PURE__*/_react["default"].createElement("div", {
|
|
337
|
+
style: styles.successMessage
|
|
338
|
+
}, success), /*#__PURE__*/_react["default"].createElement("button", {
|
|
339
|
+
type: "submit",
|
|
340
|
+
disabled: loading,
|
|
341
|
+
style: _objectSpread(_objectSpread({}, styles.button), loading ? styles.buttonDisabled : {})
|
|
342
|
+
}, loading ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
343
|
+
style: _objectSpread(_objectSpread({}, styles.spinner), {}, {
|
|
344
|
+
animation: 'spin 1s linear infinite'
|
|
345
|
+
})
|
|
346
|
+
}) : isLogin ? 'Sign In' : 'Sign Up'))));
|
|
347
|
+
};
|
|
348
|
+
var styles = {
|
|
349
|
+
container: {
|
|
350
|
+
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
|
|
351
|
+
padding: '20px'
|
|
352
|
+
},
|
|
353
|
+
card: {
|
|
354
|
+
borderRadius: '16px',
|
|
355
|
+
padding: '40px',
|
|
356
|
+
width: '100%',
|
|
357
|
+
maxWidth: '400px'
|
|
358
|
+
},
|
|
359
|
+
header: {
|
|
360
|
+
textAlign: 'center',
|
|
361
|
+
marginBottom: '32px'
|
|
362
|
+
},
|
|
363
|
+
icon: {
|
|
364
|
+
width: '64px',
|
|
365
|
+
height: '64px',
|
|
366
|
+
margin: '0 auto 16px',
|
|
367
|
+
background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
|
|
368
|
+
borderRadius: '16px',
|
|
369
|
+
display: 'flex',
|
|
370
|
+
alignItems: 'center',
|
|
371
|
+
justifyContent: 'center',
|
|
372
|
+
color: 'white'
|
|
373
|
+
},
|
|
374
|
+
logoImage: {
|
|
375
|
+
width: '80px',
|
|
376
|
+
height: '80px',
|
|
377
|
+
objectFit: 'contain',
|
|
378
|
+
padding: '0 0 16px 0'
|
|
379
|
+
},
|
|
380
|
+
title: {
|
|
381
|
+
fontSize: '32px',
|
|
382
|
+
fontWeight: '800',
|
|
383
|
+
color: '#1f2937',
|
|
384
|
+
margin: '0 0 8px 0',
|
|
385
|
+
lineHeight: '1.2'
|
|
386
|
+
},
|
|
387
|
+
subtitle: _defineProperty({
|
|
388
|
+
fontSize: '24px',
|
|
389
|
+
color: '#666',
|
|
390
|
+
fontWeight: '600',
|
|
391
|
+
margin: '0'
|
|
392
|
+
}, "fontWeight", '600'),
|
|
393
|
+
text: {
|
|
394
|
+
fontSize: '16px',
|
|
395
|
+
margin: '0',
|
|
396
|
+
color: '#666',
|
|
397
|
+
fontWeight: '400'
|
|
398
|
+
},
|
|
399
|
+
form: {
|
|
400
|
+
display: 'flex',
|
|
401
|
+
flexDirection: 'column',
|
|
402
|
+
gap: '20px'
|
|
403
|
+
},
|
|
404
|
+
formGroup: {
|
|
405
|
+
display: 'flex',
|
|
406
|
+
flexDirection: 'column',
|
|
407
|
+
gap: '8px'
|
|
408
|
+
},
|
|
409
|
+
label: {
|
|
410
|
+
fontSize: '14px',
|
|
411
|
+
fontWeight: '600',
|
|
412
|
+
color: '#374151',
|
|
413
|
+
margin: '0'
|
|
414
|
+
},
|
|
415
|
+
input: {
|
|
416
|
+
width: '100%',
|
|
417
|
+
padding: '12px 16px',
|
|
418
|
+
border: '2px solid #e5e7eb',
|
|
419
|
+
borderRadius: '8px',
|
|
420
|
+
fontSize: '16px',
|
|
421
|
+
transition: 'border-color 0.2s ease, box-shadow 0.2s ease',
|
|
422
|
+
background: '#fff',
|
|
423
|
+
boxSizing: 'border-box',
|
|
424
|
+
outline: 'none'
|
|
425
|
+
},
|
|
426
|
+
inputFocus: {
|
|
427
|
+
borderColor: '#667eea',
|
|
428
|
+
boxShadow: '0 0 0 3px rgba(102, 126, 234, 0.1)'
|
|
429
|
+
},
|
|
430
|
+
button: {
|
|
431
|
+
width: '100%',
|
|
432
|
+
padding: '14px 20px',
|
|
433
|
+
background: '#ff6b35',
|
|
434
|
+
color: 'white',
|
|
435
|
+
border: 'none',
|
|
436
|
+
borderRadius: '8px',
|
|
437
|
+
fontSize: '16px',
|
|
438
|
+
fontWeight: '600',
|
|
439
|
+
cursor: 'pointer',
|
|
440
|
+
transition: 'transform 0.2s ease, box-shadow 0.2s ease',
|
|
441
|
+
display: 'flex',
|
|
442
|
+
alignItems: 'center',
|
|
443
|
+
justifyContent: 'center',
|
|
444
|
+
minHeight: '48px'
|
|
445
|
+
},
|
|
446
|
+
buttonDisabled: {
|
|
447
|
+
opacity: '0.7',
|
|
448
|
+
cursor: 'not-allowed',
|
|
449
|
+
transform: 'none'
|
|
450
|
+
},
|
|
451
|
+
spinner: {
|
|
452
|
+
width: '20px',
|
|
453
|
+
height: '20px',
|
|
454
|
+
border: '2px solid rgba(255, 255, 255, 0.3)',
|
|
455
|
+
borderTop: '2px solid white',
|
|
456
|
+
borderRadius: '50%',
|
|
457
|
+
animation: 'spin 1s linear infinite'
|
|
458
|
+
},
|
|
459
|
+
errorMessage: {
|
|
460
|
+
background: '#fef2f2',
|
|
461
|
+
color: '#dc2626',
|
|
462
|
+
padding: '12px 16px',
|
|
463
|
+
borderRadius: '8px',
|
|
464
|
+
border: '1px solid #fecaca',
|
|
465
|
+
fontSize: '14px',
|
|
466
|
+
fontWeight: '500'
|
|
467
|
+
},
|
|
468
|
+
successMessage: {
|
|
469
|
+
background: '#f0fdf4',
|
|
470
|
+
color: '#16a34a',
|
|
471
|
+
padding: '12px 16px',
|
|
472
|
+
borderRadius: '8px',
|
|
473
|
+
border: '1px solid #bbf7d0',
|
|
474
|
+
fontSize: '14px',
|
|
475
|
+
fontWeight: '500'
|
|
476
|
+
},
|
|
477
|
+
toggleSection: {
|
|
478
|
+
marginTop: '24px',
|
|
479
|
+
textAlign: 'center',
|
|
480
|
+
paddingTop: '20px',
|
|
481
|
+
borderTop: '1px solid #e5e7eb'
|
|
482
|
+
},
|
|
483
|
+
toggleText: {
|
|
484
|
+
fontSize: '14px',
|
|
485
|
+
color: '#6b7280',
|
|
486
|
+
margin: '0'
|
|
487
|
+
},
|
|
488
|
+
toggleButton: {
|
|
489
|
+
background: 'none',
|
|
490
|
+
border: 'none',
|
|
491
|
+
color: '#667eea',
|
|
492
|
+
fontWeight: '600',
|
|
493
|
+
cursor: 'pointer',
|
|
494
|
+
textDecoration: 'none',
|
|
495
|
+
marginLeft: '4px',
|
|
496
|
+
fontSize: '14px',
|
|
497
|
+
transition: 'color 0.2s ease'
|
|
498
|
+
},
|
|
499
|
+
createAccountLink: {
|
|
500
|
+
background: 'none',
|
|
501
|
+
border: 'none',
|
|
502
|
+
color: '#ff6b35',
|
|
503
|
+
fontWeight: '400',
|
|
504
|
+
cursor: 'pointer',
|
|
505
|
+
textDecoration: 'none',
|
|
506
|
+
fontSize: '16px',
|
|
507
|
+
transition: 'color 0.2s ease',
|
|
508
|
+
padding: '0'
|
|
509
|
+
},
|
|
510
|
+
rememberSection: {
|
|
511
|
+
display: 'flex',
|
|
512
|
+
justifyContent: 'flex-end',
|
|
513
|
+
alignItems: 'center',
|
|
514
|
+
margin: '0px 0'
|
|
515
|
+
},
|
|
516
|
+
checkboxLabel: {
|
|
517
|
+
display: 'flex',
|
|
518
|
+
alignItems: 'center',
|
|
519
|
+
cursor: 'pointer',
|
|
520
|
+
fontSize: '14px',
|
|
521
|
+
color: '#374151'
|
|
522
|
+
},
|
|
523
|
+
checkbox: {
|
|
524
|
+
marginRight: '8px',
|
|
525
|
+
cursor: 'pointer',
|
|
526
|
+
width: '16px',
|
|
527
|
+
height: '16px'
|
|
528
|
+
},
|
|
529
|
+
checkboxText: {
|
|
530
|
+
fontSize: '14px',
|
|
531
|
+
color: '#374151',
|
|
532
|
+
fontWeight: '400'
|
|
533
|
+
},
|
|
534
|
+
fieldError: {
|
|
535
|
+
color: '#dc2626',
|
|
536
|
+
fontSize: '12px',
|
|
537
|
+
marginTop: '4px',
|
|
538
|
+
fontWeight: '400'
|
|
539
|
+
},
|
|
540
|
+
inputError: {
|
|
541
|
+
borderColor: '#dc2626 !important',
|
|
542
|
+
boxShadow: '0 0 0 3px rgba(220, 38, 38, 0.1) !important'
|
|
543
|
+
},
|
|
544
|
+
passwordContainer: {
|
|
545
|
+
position: 'relative',
|
|
546
|
+
display: 'flex',
|
|
547
|
+
alignItems: 'center'
|
|
548
|
+
},
|
|
549
|
+
passwordInput: {
|
|
550
|
+
paddingRight: '45px'
|
|
551
|
+
},
|
|
552
|
+
eyeButton: {
|
|
553
|
+
position: 'absolute',
|
|
554
|
+
right: '12px',
|
|
555
|
+
background: 'none',
|
|
556
|
+
border: 'none',
|
|
557
|
+
cursor: 'pointer',
|
|
558
|
+
padding: '4px',
|
|
559
|
+
display: 'flex',
|
|
560
|
+
alignItems: 'center',
|
|
561
|
+
justifyContent: 'center',
|
|
562
|
+
color: '#9ca3af',
|
|
563
|
+
transition: 'color 0.2s ease'
|
|
564
|
+
},
|
|
565
|
+
eyeIcon: {
|
|
566
|
+
width: '20px',
|
|
567
|
+
height: '20px'
|
|
568
|
+
},
|
|
569
|
+
modalOverlay: {
|
|
570
|
+
position: 'fixed',
|
|
571
|
+
top: 0,
|
|
572
|
+
left: 0,
|
|
573
|
+
right: 0,
|
|
574
|
+
bottom: 0,
|
|
575
|
+
backgroundColor: 'rgba(0, 0, 0, 0.5)',
|
|
576
|
+
display: 'flex',
|
|
577
|
+
alignItems: 'center',
|
|
578
|
+
justifyContent: 'center',
|
|
579
|
+
zIndex: 1000
|
|
580
|
+
},
|
|
581
|
+
modalContent: {
|
|
582
|
+
background: 'white',
|
|
583
|
+
borderRadius: '16px',
|
|
584
|
+
padding: '30px',
|
|
585
|
+
width: '90%',
|
|
586
|
+
maxWidth: '400px',
|
|
587
|
+
boxShadow: '0 20px 40px rgba(0, 0, 0, 0.15)',
|
|
588
|
+
position: 'relative'
|
|
589
|
+
},
|
|
590
|
+
modalHeader: {
|
|
591
|
+
display: 'flex',
|
|
592
|
+
justifyContent: 'space-between',
|
|
593
|
+
alignItems: 'center',
|
|
594
|
+
marginBottom: '24px'
|
|
595
|
+
},
|
|
596
|
+
modalTitle: {
|
|
597
|
+
fontSize: '24px',
|
|
598
|
+
fontWeight: '700',
|
|
599
|
+
color: '#1f2937',
|
|
600
|
+
margin: 0
|
|
601
|
+
},
|
|
602
|
+
closeButton: {
|
|
603
|
+
background: 'none',
|
|
604
|
+
border: 'none',
|
|
605
|
+
fontSize: '24px',
|
|
606
|
+
cursor: 'pointer',
|
|
607
|
+
color: '#6b7280',
|
|
608
|
+
padding: '0',
|
|
609
|
+
width: '30px',
|
|
610
|
+
height: '30px',
|
|
611
|
+
display: 'flex',
|
|
612
|
+
alignItems: 'center',
|
|
613
|
+
justifyContent: 'center'
|
|
614
|
+
},
|
|
615
|
+
modalButtons: {
|
|
616
|
+
display: 'flex',
|
|
617
|
+
gap: '12px',
|
|
618
|
+
marginTop: '24px'
|
|
619
|
+
},
|
|
620
|
+
cancelButton: {
|
|
621
|
+
flex: 1,
|
|
622
|
+
padding: '12px 20px',
|
|
623
|
+
background: '#f3f4f6',
|
|
624
|
+
color: '#374151',
|
|
625
|
+
border: 'none',
|
|
626
|
+
borderRadius: '8px',
|
|
627
|
+
fontSize: '16px',
|
|
628
|
+
fontWeight: '600',
|
|
629
|
+
cursor: 'pointer',
|
|
630
|
+
transition: 'background-color 0.2s ease'
|
|
631
|
+
}
|
|
632
|
+
};
|
|
633
|
+
var _default = exports["default"] = PowrLogin;
|
package/dist/index.js
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "PowrBaseActivities", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _activities["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
Object.defineProperty(exports, "PowrBaseComments", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function get() {
|
|
@@ -27,8 +33,30 @@ Object.defineProperty(exports, "PowrBaseUploader", {
|
|
|
27
33
|
return _uploader["default"];
|
|
28
34
|
}
|
|
29
35
|
});
|
|
36
|
+
Object.defineProperty(exports, "PowrBaseWaitlist", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _waitlists["default"];
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "PowrLogin", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _auth["default"];
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "PowrbaseInvoice", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _invoice["default"];
|
|
52
|
+
}
|
|
53
|
+
});
|
|
30
54
|
var _swiper = _interopRequireDefault(require("./swiper"));
|
|
31
55
|
var _reviews = _interopRequireDefault(require("./reviews"));
|
|
32
56
|
var _uploader = _interopRequireDefault(require("./uploader"));
|
|
33
57
|
var _comments = _interopRequireDefault(require("./comments"));
|
|
58
|
+
var _invoice = _interopRequireDefault(require("./invoice"));
|
|
59
|
+
var _waitlists = _interopRequireDefault(require("./waitlists"));
|
|
60
|
+
var _activities = _interopRequireDefault(require("./activities"));
|
|
61
|
+
var _auth = _interopRequireDefault(require("./auth"));
|
|
34
62
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
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); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
10
|
+
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) && (c = i[4] || 3, u = i[5] === e ? i[3] : i[5], i[4] = 3, 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 }; })(); }
|
|
11
|
+
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
|
|
12
|
+
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); }
|
|
13
|
+
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); }); }; }
|
|
14
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
15
|
+
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."); }
|
|
16
|
+
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; } }
|
|
17
|
+
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; }
|
|
18
|
+
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; } }
|
|
19
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
20
|
+
var PowrBaseInvoice = function PowrBaseInvoice(_ref) {
|
|
21
|
+
var _invoice$customerInfo, _invoice$customerInfo2, _invoice$customerInfo3, _invoice$customerInfo4, _invoice$serviceSecti, _invoice$serviceSecti2, _invoice$serviceSecti3, _invoice$paymentSecti, _invoice$paymentSecti2, _invoice$paymentSecti3, _invoice$paymentSecti4, _invoice$serviceSecti4, _invoice$serviceSecti5;
|
|
22
|
+
var projectId = _ref.projectId,
|
|
23
|
+
invoiceId = _ref.invoiceId;
|
|
24
|
+
var _useState = (0, _react.useState)(null),
|
|
25
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
26
|
+
invoice = _useState2[0],
|
|
27
|
+
setInvoice = _useState2[1];
|
|
28
|
+
var _useState3 = (0, _react.useState)(true),
|
|
29
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
30
|
+
loading = _useState4[0],
|
|
31
|
+
setLoading = _useState4[1];
|
|
32
|
+
(0, _react.useEffect)(function () {
|
|
33
|
+
var fetchInvoice = /*#__PURE__*/function () {
|
|
34
|
+
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
|
|
35
|
+
var response, data, _t;
|
|
36
|
+
return _regenerator().w(function (_context) {
|
|
37
|
+
while (1) switch (_context.n) {
|
|
38
|
+
case 0:
|
|
39
|
+
_context.p = 0;
|
|
40
|
+
_context.n = 1;
|
|
41
|
+
return fetch("https://api.powrbase.cloud/invoice/".concat(invoiceId, "?projectId=").concat(projectId));
|
|
42
|
+
case 1:
|
|
43
|
+
response = _context.v;
|
|
44
|
+
_context.n = 2;
|
|
45
|
+
return response.json();
|
|
46
|
+
case 2:
|
|
47
|
+
data = _context.v;
|
|
48
|
+
setInvoice(data === null || data === void 0 ? void 0 : data.invoice);
|
|
49
|
+
_context.n = 4;
|
|
50
|
+
break;
|
|
51
|
+
case 3:
|
|
52
|
+
_context.p = 3;
|
|
53
|
+
_t = _context.v;
|
|
54
|
+
console.error("Error fetching invoice:", _t);
|
|
55
|
+
case 4:
|
|
56
|
+
_context.p = 4;
|
|
57
|
+
setLoading(false);
|
|
58
|
+
return _context.f(4);
|
|
59
|
+
case 5:
|
|
60
|
+
return _context.a(2);
|
|
61
|
+
}
|
|
62
|
+
}, _callee, null, [[0, 3, 4, 5]]);
|
|
63
|
+
}));
|
|
64
|
+
return function fetchInvoice() {
|
|
65
|
+
return _ref2.apply(this, arguments);
|
|
66
|
+
};
|
|
67
|
+
}();
|
|
68
|
+
fetchInvoice();
|
|
69
|
+
}, [invoiceId, projectId]);
|
|
70
|
+
if (loading) return /*#__PURE__*/_react["default"].createElement("div", null, "Loading...");
|
|
71
|
+
if (!invoice) return /*#__PURE__*/_react["default"].createElement("div", null, "No invoice found.");
|
|
72
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
73
|
+
className: "z-50 flex items-center justify-center"
|
|
74
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
75
|
+
className: "bg-white rounded-lg shadow-lg max-w-3xl w-full p-4 md:p-8 relative flex flex-col md:flex-row gap-8",
|
|
76
|
+
style: {
|
|
77
|
+
maxHeight: "90vh",
|
|
78
|
+
overflowY: "auto",
|
|
79
|
+
margin: "5vw",
|
|
80
|
+
boxSizing: "border-box"
|
|
81
|
+
}
|
|
82
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
83
|
+
className: "flex-1 min-w-0"
|
|
84
|
+
}, /*#__PURE__*/_react["default"].createElement("h2", {
|
|
85
|
+
className: "text-2xl font-bold mb-6"
|
|
86
|
+
}, "Invoice Details"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
87
|
+
className: "mb-4"
|
|
88
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
89
|
+
className: "text-lg font-semibold"
|
|
90
|
+
}, invoice.invoiceNumber), /*#__PURE__*/_react["default"].createElement("div", {
|
|
91
|
+
className: "text-gray-500 text-sm"
|
|
92
|
+
}, "Issued: ", invoice.dateOfIssue), /*#__PURE__*/_react["default"].createElement("div", {
|
|
93
|
+
className: "text-sm mt-2"
|
|
94
|
+
}, "Status:", " ", /*#__PURE__*/_react["default"].createElement("span", {
|
|
95
|
+
className: invoice.paymentStatus === "Paid" ? "text-green-600" : "text-yellow-600"
|
|
96
|
+
}, invoice.paymentStatus))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
97
|
+
className: "mb-4"
|
|
98
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
99
|
+
className: "font-semibold mb-1"
|
|
100
|
+
}, "Customer"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
101
|
+
className: "text-sm"
|
|
102
|
+
}, (_invoice$customerInfo = invoice.customerInfo) === null || _invoice$customerInfo === void 0 ? void 0 : _invoice$customerInfo.name), /*#__PURE__*/_react["default"].createElement("div", {
|
|
103
|
+
className: "text-sm text-gray-500"
|
|
104
|
+
}, (_invoice$customerInfo2 = invoice.customerInfo) === null || _invoice$customerInfo2 === void 0 ? void 0 : _invoice$customerInfo2.email), /*#__PURE__*/_react["default"].createElement("div", {
|
|
105
|
+
className: "text-sm text-gray-500"
|
|
106
|
+
}, "Phone: ", (_invoice$customerInfo3 = invoice.customerInfo) === null || _invoice$customerInfo3 === void 0 ? void 0 : _invoice$customerInfo3.phoneNumber), /*#__PURE__*/_react["default"].createElement("div", {
|
|
107
|
+
className: "text-sm text-gray-500"
|
|
108
|
+
}, "Customer ID: ", (_invoice$customerInfo4 = invoice.customerInfo) === null || _invoice$customerInfo4 === void 0 ? void 0 : _invoice$customerInfo4.customerId)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
109
|
+
className: "mb-4"
|
|
110
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
111
|
+
className: "font-semibold mb-1"
|
|
112
|
+
}, "Service"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
113
|
+
className: "text-sm"
|
|
114
|
+
}, (_invoice$serviceSecti = invoice.serviceSection) === null || _invoice$serviceSecti === void 0 ? void 0 : _invoice$serviceSecti.serviceTitle), /*#__PURE__*/_react["default"].createElement("div", {
|
|
115
|
+
className: "text-sm text-gray-500"
|
|
116
|
+
}, "Provider: ", (_invoice$serviceSecti2 = invoice.serviceSection) === null || _invoice$serviceSecti2 === void 0 ? void 0 : _invoice$serviceSecti2.providerName), /*#__PURE__*/_react["default"].createElement("div", {
|
|
117
|
+
className: "text-sm text-gray-500"
|
|
118
|
+
}, "Duration: ", (_invoice$serviceSecti3 = invoice.serviceSection) === null || _invoice$serviceSecti3 === void 0 ? void 0 : _invoice$serviceSecti3.duration))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
119
|
+
className: "w-full md:w-80 flex-shrink-0 bg-gray-50 rounded-lg p-6 flex flex-col justify-between"
|
|
120
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
121
|
+
className: "font-semibold mb-2"
|
|
122
|
+
}, "Payment Summary"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
123
|
+
className: "flex justify-between text-sm mb-1"
|
|
124
|
+
}, /*#__PURE__*/_react["default"].createElement("span", null, "Base Amount"), /*#__PURE__*/_react["default"].createElement("span", null, "\u20B9", (_invoice$paymentSecti = invoice.paymentSection) === null || _invoice$paymentSecti === void 0 || (_invoice$paymentSecti = _invoice$paymentSecti.baseAmount) === null || _invoice$paymentSecti === void 0 ? void 0 : _invoice$paymentSecti.toLocaleString())), /*#__PURE__*/_react["default"].createElement("div", {
|
|
125
|
+
className: "flex justify-between text-sm mb-1"
|
|
126
|
+
}, /*#__PURE__*/_react["default"].createElement("span", null, "Tax"), /*#__PURE__*/_react["default"].createElement("span", null, "\u20B9", (_invoice$paymentSecti2 = invoice.paymentSection) === null || _invoice$paymentSecti2 === void 0 || (_invoice$paymentSecti2 = _invoice$paymentSecti2.tax) === null || _invoice$paymentSecti2 === void 0 ? void 0 : _invoice$paymentSecti2.toLocaleString())), /*#__PURE__*/_react["default"].createElement("div", {
|
|
127
|
+
className: "flex justify-between text-sm mb-1"
|
|
128
|
+
}, /*#__PURE__*/_react["default"].createElement("span", null, "Discount"), /*#__PURE__*/_react["default"].createElement("span", null, "-\u20B9", (_invoice$paymentSecti3 = invoice.paymentSection) === null || _invoice$paymentSecti3 === void 0 || (_invoice$paymentSecti3 = _invoice$paymentSecti3.discount) === null || _invoice$paymentSecti3 === void 0 ? void 0 : _invoice$paymentSecti3.toLocaleString())), /*#__PURE__*/_react["default"].createElement("div", {
|
|
129
|
+
className: "flex justify-between text-base font-bold border-t pt-2 mt-2"
|
|
130
|
+
}, /*#__PURE__*/_react["default"].createElement("span", null, "Total"), /*#__PURE__*/_react["default"].createElement("span", null, "\u20B9", (_invoice$paymentSecti4 = invoice.paymentSection) === null || _invoice$paymentSecti4 === void 0 || (_invoice$paymentSecti4 = _invoice$paymentSecti4.totalAmount) === null || _invoice$paymentSecti4 === void 0 ? void 0 : _invoice$paymentSecti4.toLocaleString()))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
131
|
+
className: "mt-8"
|
|
132
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
133
|
+
className: "font-semibold mb-1"
|
|
134
|
+
}, "Schedule"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
135
|
+
className: "text-sm"
|
|
136
|
+
}, (_invoice$serviceSecti4 = invoice.serviceSection) === null || _invoice$serviceSecti4 === void 0 ? void 0 : _invoice$serviceSecti4.schedule), /*#__PURE__*/_react["default"].createElement("div", {
|
|
137
|
+
className: "text-sm text-gray-500"
|
|
138
|
+
}, "Mode: ", (_invoice$serviceSecti5 = invoice.serviceSection) === null || _invoice$serviceSecti5 === void 0 ? void 0 : _invoice$serviceSecti5.deliveryMode)))));
|
|
139
|
+
};
|
|
140
|
+
var _default = exports["default"] = PowrBaseInvoice;
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
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); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
10
|
+
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) && (c = i[4] || 3, u = i[5] === e ? i[3] : i[5], i[4] = 3, 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 }; })(); }
|
|
11
|
+
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
|
|
12
|
+
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); }
|
|
13
|
+
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); }); }; }
|
|
14
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
15
|
+
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."); }
|
|
16
|
+
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; } }
|
|
17
|
+
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; }
|
|
18
|
+
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; } }
|
|
19
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
20
|
+
var PowrWaitList = function PowrWaitList(_ref) {
|
|
21
|
+
var projectId = _ref.projectId;
|
|
22
|
+
var _useState = (0, _react.useState)(''),
|
|
23
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
24
|
+
email = _useState2[0],
|
|
25
|
+
setEmail = _useState2[1];
|
|
26
|
+
var _useState3 = (0, _react.useState)(false),
|
|
27
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
28
|
+
submitted = _useState4[0],
|
|
29
|
+
setSubmitted = _useState4[1];
|
|
30
|
+
var _useState5 = (0, _react.useState)(false),
|
|
31
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
32
|
+
loading = _useState6[0],
|
|
33
|
+
setLoading = _useState6[1];
|
|
34
|
+
var _useState7 = (0, _react.useState)(''),
|
|
35
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
36
|
+
error = _useState8[0],
|
|
37
|
+
setError = _useState8[1];
|
|
38
|
+
var _useState9 = (0, _react.useState)(''),
|
|
39
|
+
_useState0 = _slicedToArray(_useState9, 2),
|
|
40
|
+
successMsg = _useState0[0],
|
|
41
|
+
setSuccessMsg = _useState0[1];
|
|
42
|
+
var handleSubmit = /*#__PURE__*/function () {
|
|
43
|
+
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {
|
|
44
|
+
var response, data, _t;
|
|
45
|
+
return _regenerator().w(function (_context) {
|
|
46
|
+
while (1) switch (_context.n) {
|
|
47
|
+
case 0:
|
|
48
|
+
e.preventDefault();
|
|
49
|
+
setLoading(true);
|
|
50
|
+
setError('');
|
|
51
|
+
setSuccessMsg('');
|
|
52
|
+
_context.p = 1;
|
|
53
|
+
_context.n = 2;
|
|
54
|
+
return fetch('https://api.powrbase.cloud/waitlists', {
|
|
55
|
+
method: 'POST',
|
|
56
|
+
headers: {
|
|
57
|
+
'Content-Type': 'application/json'
|
|
58
|
+
},
|
|
59
|
+
body: JSON.stringify({
|
|
60
|
+
email: email,
|
|
61
|
+
projectId: projectId
|
|
62
|
+
})
|
|
63
|
+
});
|
|
64
|
+
case 2:
|
|
65
|
+
response = _context.v;
|
|
66
|
+
_context.n = 3;
|
|
67
|
+
return response.json();
|
|
68
|
+
case 3:
|
|
69
|
+
data = _context.v;
|
|
70
|
+
console.log('Waitlist response:', data);
|
|
71
|
+
if (response.ok) {
|
|
72
|
+
_context.n = 4;
|
|
73
|
+
break;
|
|
74
|
+
}
|
|
75
|
+
setError(data.message || 'Something went wrong.');
|
|
76
|
+
return _context.a(2);
|
|
77
|
+
case 4:
|
|
78
|
+
setSuccessMsg(data.message || "Thank you! You're on the waitlist.");
|
|
79
|
+
setSubmitted(true);
|
|
80
|
+
_context.n = 6;
|
|
81
|
+
break;
|
|
82
|
+
case 5:
|
|
83
|
+
_context.p = 5;
|
|
84
|
+
_t = _context.v;
|
|
85
|
+
setError(_t.message || 'Something went wrong.');
|
|
86
|
+
case 6:
|
|
87
|
+
_context.p = 6;
|
|
88
|
+
setLoading(false);
|
|
89
|
+
return _context.f(6);
|
|
90
|
+
case 7:
|
|
91
|
+
return _context.a(2);
|
|
92
|
+
}
|
|
93
|
+
}, _callee, null, [[1, 5, 6, 7]]);
|
|
94
|
+
}));
|
|
95
|
+
return function handleSubmit(_x) {
|
|
96
|
+
return _ref2.apply(this, arguments);
|
|
97
|
+
};
|
|
98
|
+
}();
|
|
99
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
100
|
+
style: {
|
|
101
|
+
maxWidth: 550,
|
|
102
|
+
margin: '40px auto',
|
|
103
|
+
background: '#fff',
|
|
104
|
+
borderRadius: 18,
|
|
105
|
+
boxShadow: '0 2px 12px rgba(0,0,0,0.07)',
|
|
106
|
+
padding: '40px 32px',
|
|
107
|
+
textAlign: 'center'
|
|
108
|
+
}
|
|
109
|
+
}, /*#__PURE__*/_react["default"].createElement("h2", {
|
|
110
|
+
style: {
|
|
111
|
+
fontSize: 22,
|
|
112
|
+
fontWeight: 700,
|
|
113
|
+
marginBottom: 24,
|
|
114
|
+
color: '#23272F'
|
|
115
|
+
}
|
|
116
|
+
}, "Request an Invite"), submitted ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
117
|
+
style: {
|
|
118
|
+
color: '#27ae60',
|
|
119
|
+
fontWeight: 500
|
|
120
|
+
}
|
|
121
|
+
}, successMsg) : /*#__PURE__*/_react["default"].createElement("form", {
|
|
122
|
+
onSubmit: handleSubmit
|
|
123
|
+
}, /*#__PURE__*/_react["default"].createElement("input", {
|
|
124
|
+
type: "email",
|
|
125
|
+
placeholder: "Enter your email",
|
|
126
|
+
value: email,
|
|
127
|
+
onChange: function onChange(e) {
|
|
128
|
+
return setEmail(e.target.value);
|
|
129
|
+
},
|
|
130
|
+
required: true,
|
|
131
|
+
style: {
|
|
132
|
+
width: '100%',
|
|
133
|
+
padding: '12px 14px',
|
|
134
|
+
border: '1px solid #d1d5db',
|
|
135
|
+
borderRadius: 6,
|
|
136
|
+
fontSize: 16,
|
|
137
|
+
marginBottom: 18,
|
|
138
|
+
outline: 'none',
|
|
139
|
+
boxSizing: 'border-box'
|
|
140
|
+
},
|
|
141
|
+
disabled: loading
|
|
142
|
+
}), /*#__PURE__*/_react["default"].createElement("button", {
|
|
143
|
+
type: "submit",
|
|
144
|
+
style: {
|
|
145
|
+
width: '100%',
|
|
146
|
+
background: '#FF4B00',
|
|
147
|
+
color: '#fff',
|
|
148
|
+
border: 'none',
|
|
149
|
+
borderRadius: 6,
|
|
150
|
+
padding: '12px 0',
|
|
151
|
+
fontSize: 16,
|
|
152
|
+
fontWeight: 500,
|
|
153
|
+
cursor: loading ? 'not-allowed' : 'pointer',
|
|
154
|
+
transition: 'background 0.2s',
|
|
155
|
+
opacity: loading ? 0.7 : 1
|
|
156
|
+
},
|
|
157
|
+
disabled: loading
|
|
158
|
+
}, loading ? 'Joining...' : 'Join Waitlist'), error && /*#__PURE__*/_react["default"].createElement("div", {
|
|
159
|
+
style: {
|
|
160
|
+
color: '#e74c3c',
|
|
161
|
+
marginTop: 12
|
|
162
|
+
}
|
|
163
|
+
}, error)));
|
|
164
|
+
};
|
|
165
|
+
var _default = exports["default"] = PowrWaitList;
|
package/package.json
CHANGED
package/public/logo.png
ADDED
|
Binary file
|