powr-sdk-web 1.9.8 → 1.9.9

package/dist/auth/index.js

@@ -83,6 +83,10 @@ var PowrLogin = function PowrLogin(_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     showConfirmPassword = _useState14[0],
     setShowConfirmPassword = _useState14[1];
+  var _useState15 = (0, _react.useState)(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    showTooltip = _useState16[0],
+    setShowTooltip = _useState16[1];
   var shouldShowToggle = mode === 'toggle';
   var handleInputChange = function handleInputChange(e) {
     var _e$target = e.target,
@@ -227,9 +231,21 @@ var PowrLogin = function PowrLogin(_ref) {
     style: styles.logoImage
   })), /*#__PURE__*/_react["default"].createElement("h1", {
     style: styles.title
-  }, isLogin ? 'Welcome to' : 'Join', " ", appName), /*#__PURE__*/_react["default"].createElement("p", {
+  }, isLogin ? 'Welcome to' : 'Join', " ", appName), /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.subtitleContainer
+  }, /*#__PURE__*/_react["default"].createElement("p", {
     style: styles.subtitle
-  }, isLogin ? 'Sign in to your account' : 'Create your account')), /*#__PURE__*/_react["default"].createElement("form", {
+  }, isLogin ? 'Sign in to your ' : 'Create your ', /*#__PURE__*/_react["default"].createElement("span", {
+    style: styles.powrAccountText,
+    onMouseEnter: function onMouseEnter() {
+      return setShowTooltip(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setShowTooltip(false);
+    }
+  }, "PowrAccount")), showTooltip && /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.tooltip
+  }, "Secure authentication powered by Lawazia Tech"))), /*#__PURE__*/_react["default"].createElement("form", {
     onSubmit: handleSubmit,
     style: styles.form
   }, !isLogin && /*#__PURE__*/_react["default"].createElement("div", {
@@ -361,11 +377,7 @@ var PowrLogin = function PowrLogin(_ref) {
   }, "Sign in here") : /*#__PURE__*/_react["default"].createElement("a", {
     href: "/login",
     style: styles.navigationLink
-  }, "Sign in here")))), /*#__PURE__*/_react["default"].createElement("div", {
-    style: styles.poweredBySection
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: styles.poweredByText
-  }, "Secured by PowrLogin"))));
+  }, "Sign in here"))))));
 };
 var styles = {
   container: {
@@ -691,6 +703,30 @@ var styles = {
     fontWeight: '600',
     cursor: 'pointer',
     transition: 'background-color 0.2s ease'
+  },
+  subtitleContainer: {
+    position: 'relative',
+    display: 'inline-block'
+  },
+  powrAccountText: {
+    color: '#ff6b35',
+    fontWeight: '600',
+    cursor: 'help'
+  },
+  tooltip: {
+    position: 'absolute',
+    top: '100%',
+    left: '50%',
+    transform: 'translateX(-50%)',
+    background: '#333',
+    color: 'white',
+    padding: '8px 12px',
+    borderRadius: '6px',
+    fontSize: '12px',
+    whiteSpace: 'nowrap',
+    zIndex: 1001,
+    marginTop: '8px',
+    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)'
   }
 };
 var _default = exports["default"] = PowrLogin;

package/package.json

@@ -1,34 +1,34 @@
-{
-    "name": "powr-sdk-web",
-    "version": "1.9.8",
-    "main": "dist/index.js",
-    "scripts": {
-        "build": "babel src -d dist --copy-files",
-        "prepublishOnly": "npm run build"
-    },
-    "keywords": [
-        "react",
-        "component",
-        "npm",
-        "file-upload",
-        "powrbase",
-        "comments"
-    ],
-    "author": "Lawazia Tech",
-    "license": "MIT",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/lawaziatech/react-byto.git"
-    },
-    "peerDependencies": {
-        "react": "*",
-        "react-dom": "*"
-    },
-    "devDependencies": {
-        "@babel/cli": "^7.24.1",
-        "@babel/core": "^7.24.4",
-        "@babel/preset-env": "^7.24.4",
-        "@babel/preset-react": "^7.24.1",
-        "prop-types": "^15.8.1"
-    }
-}
+{
+    "name": "powr-sdk-web",
+    "version": "1.9.9",
+    "main": "dist/index.js",
+    "scripts": {
+        "build": "babel src -d dist --copy-files",
+        "prepublishOnly": "npm run build"
+    },
+    "keywords": [
+        "react",
+        "component",
+        "npm",
+        "file-upload",
+        "powrbase",
+        "comments"
+    ],
+    "author": "Lawazia Tech",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/lawaziatech/react-byto.git"
+    },
+    "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.24.1",
+        "@babel/core": "^7.24.4",
+        "@babel/preset-env": "^7.24.4",
+        "@babel/preset-react": "^7.24.1",
+        "prop-types": "^15.8.1"
+    }
+}