onairos 0.1.243 → 0.1.246

package/dist/components/SecuritySetup.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SecuritySetup;
+var _react = _interopRequireWildcard(require("react"));
+var _framerMotion = require("framer-motion");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function SecuritySetup(_ref) {
+  let {
+    onComplete
+  } = _ref;
+  const [pin, setPin] = (0, _react.useState)('');
+  const [securityMethod, setSecurityMethod] = (0, _react.useState)(null);
+  const [pinRequirements, setPinRequirements] = (0, _react.useState)({
+    length: false,
+    capital: false,
+    number: false,
+    symbol: false
+  });
+  (0, _react.useEffect)(() => {
+    // Check PIN requirements
+    setPinRequirements({
+      length: pin.length >= 8,
+      capital: /[A-Z]/.test(pin),
+      number: /[0-9]/.test(pin),
+      symbol: /[!@#$%^&*(),.?":{}|<>]/.test(pin)
+    });
+  }, [pin]);
+  const allRequirementsMet = Object.values(pinRequirements).every(req => req);
+  const handlePinSubmit = async () => {
+    if (allRequirementsMet) {
+      // Here you would typically hash the PIN and store it
+      onComplete({
+        method: 'pin',
+        value: pin
+      });
+    }
+  };
+  const handleOthentSetup = () => {
+    onComplete({
+      method: 'othent'
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_framerMotion.motion.div, {
+    initial: {
+      opacity: 0,
+      y: 20
+    },
+    animate: {
+      opacity: 1,
+      y: 0
+    },
+    className: "flex flex-col items-center space-y-6 p-6",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+      className: "text-xl font-semibold text-gray-900",
+      children: "Secure Your Account"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: "text-gray-600 text-center",
+      children: "Choose how you want to secure your data"
+    }), !securityMethod ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "grid grid-cols-1 gap-4 w-full max-w-md",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_framerMotion.motion.button, {
+        whileHover: {
+          scale: 1.02
+        },
+        whileTap: {
+          scale: 0.98
+        },
+        onClick: () => setSecurityMethod('othent'),
+        className: "flex items-center justify-center p-6 rounded-lg border border-gray-300 hover:border-blue-500 bg-white",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: "https://onairos.sirv.com/Images/othent-icon.png",
+          alt: "Othent",
+          className: "w-8 h-8 mr-3"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "text-gray-700",
+          children: "Secure with Google (Othent)"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_framerMotion.motion.button, {
+        whileHover: {
+          scale: 1.02
+        },
+        whileTap: {
+          scale: 0.98
+        },
+        onClick: () => setSecurityMethod('pin'),
+        className: "flex items-center justify-center p-6 rounded-lg border border-gray-300 hover:border-blue-500 bg-white",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "material-icons mr-3",
+          children: "lock"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "text-gray-700",
+          children: "Set up PIN"
+        })]
+      })]
+    }) : securityMethod === 'pin' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_framerMotion.motion.div, {
+      initial: {
+        opacity: 0
+      },
+      animate: {
+        opacity: 1
+      },
+      className: "w-full max-w-md space-y-4",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "password",
+        value: pin,
+        onChange: e => setPin(e.target.value),
+        placeholder: "Enter your PIN",
+        className: "w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "space-y-2",
+        children: Object.entries(pinRequirements).map(_ref2 => {
+          let [req, met] = _ref2;
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "flex items-center",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: `material-icons text-sm ${met ? 'text-green-500' : 'text-gray-400'}`,
+              children: met ? 'check_circle' : 'radio_button_unchecked'
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: `ml-2 text-sm ${met ? 'text-green-600' : 'text-gray-600'}`,
+              children: req === 'length' ? 'At least 8 characters' : req === 'capital' ? 'One capital letter' : req === 'number' ? 'One number' : 'One special character'
+            })]
+          }, req);
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        onClick: handlePinSubmit,
+        disabled: !allRequirementsMet,
+        className: `w-full py-3 px-4 rounded-lg font-semibold ${allRequirementsMet ? 'bg-blue-500 text-white hover:bg-blue-600' : 'bg-gray-300 text-gray-500 cursor-not-allowed'}`,
+        children: "Set PIN"
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
+      initial: {
+        opacity: 0
+      },
+      animate: {
+        opacity: 1
+      },
+      className: "w-full max-w-md",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        onClick: handleOthentSetup,
+        className: "w-full py-3 px-4 rounded-lg font-semibold bg-blue-500 text-white hover:bg-blue-600",
+        children: "Continue with Othent"
+      })
+    })]
+  });
+}

package/dist/components/SignUp.js

@@ -0,0 +1,126 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SignUp;
+var _react = _interopRequireWildcard(require("react"));
+var _google = require("@react-oauth/google");
+var _AuthButtons = _interopRequireDefault(require("./AuthButtons"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function SignUp(_ref) {
+  let {
+    onSignUpSuccess,
+    setOthent,
+    setHashedOthentSub,
+    setEncryptedPin
+  } = _ref;
+  const [formData, setFormData] = (0, _react.useState)({
+    email: '',
+    username: '',
+    password: '',
+    confirmPassword: ''
+  });
+  const [error, setError] = (0, _react.useState)(null);
+  const handleInputChange = e => {
+    setFormData({
+      ...formData,
+      [e.target.name]: e.target.value
+    });
+  };
+  const handleSubmit = async e => {
+    e.preventDefault();
+    if (formData.password !== formData.confirmPassword) {
+      setError("Passwords don't match");
+      return;
+    }
+    try {
+      const response = await fetch('https://api2.onairos.uk/signup', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+          email: formData.email,
+          username: formData.username,
+          password: formData.password
+        })
+      });
+      const data = await response.json();
+      if (response.ok) {
+        localStorage.setItem('onairosToken', data.token);
+        localStorage.setItem('username', formData.username);
+        onSignUpSuccess(formData.username);
+      } else {
+        setError(data.message || 'Sign up failed');
+      }
+    } catch (error) {
+      setError('Sign up failed. Please try again.');
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "flex flex-col items-center justify-start max-w-sm mx-auto space-y-6 pt-4",
+    children: [error && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "w-full bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded-lg",
+      children: error
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AuthButtons.default, {
+      onLoginSuccess: onSignUpSuccess,
+      setOthent: setOthent,
+      setHashedOthentSub: setHashedOthentSub,
+      setEncryptedPin: setEncryptedPin
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "w-full flex items-center justify-center space-x-4",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
+        className: "flex-grow border-gray-300"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "text-gray-500",
+        children: "or"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
+        className: "flex-grow border-gray-300"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
+      onSubmit: handleSubmit,
+      className: "w-full space-y-4",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "email",
+        name: "email",
+        value: formData.email,
+        onChange: handleInputChange,
+        placeholder: "Email",
+        className: "w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500",
+        required: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "text",
+        name: "username",
+        value: formData.username,
+        onChange: handleInputChange,
+        placeholder: "Username",
+        className: "w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500",
+        required: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "password",
+        name: "password",
+        value: formData.password,
+        onChange: handleInputChange,
+        placeholder: "Password",
+        className: "w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500",
+        required: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "password",
+        name: "confirmPassword",
+        value: formData.confirmPassword,
+        onChange: handleInputChange,
+        placeholder: "Confirm Password",
+        className: "w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500",
+        required: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "submit",
+        className: "w-full bg-blue-500 text-white font-semibold py-3 px-4 rounded-lg hover:bg-blue-600 transition-colors",
+        children: "Sign Up"
+      })]
+    })]
+  });
+}

package/dist/components/UniversalOnboarding.js

@@ -0,0 +1,190 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = UniversalOnboarding;
+var _react = _interopRequireWildcard(require("react"));
+var _framerMotion = require("framer-motion");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const socialPlatforms = [{
+  name: 'YouTube',
+  icon: 'https://onairos.sirv.com/Images/youtube-icon.png',
+  connected: false
+}, {
+  name: 'Reddit',
+  icon: 'https://onairos.sirv.com/Images/reddit-icon.png',
+  connected: false
+}, {
+  name: 'Instagram',
+  icon: 'https://onairos.sirv.com/Images/instagram-icon.png',
+  connected: false
+}, {
+  name: 'Pinterest',
+  icon: 'https://onairos.sirv.com/Images/pinterest-icon.png',
+  connected: false
+}];
+function UniversalOnboarding(_ref) {
+  let {
+    onComplete
+  } = _ref;
+  const [platforms, setPlatforms] = (0, _react.useState)(socialPlatforms);
+  const [isUnifying, setIsUnifying] = (0, _react.useState)(false);
+  const [unifyProgress, setUnifyProgress] = (0, _react.useState)(0);
+  (0, _react.useEffect)(() => {
+    if (isUnifying) {
+      const interval = setInterval(() => {
+        setUnifyProgress(prev => {
+          if (prev >= 100) {
+            clearInterval(interval);
+            setIsUnifying(false);
+            onComplete();
+            return 100;
+          }
+          return prev + 2;
+        });
+      }, 100);
+      return () => clearInterval(interval);
+    }
+  }, [isUnifying, onComplete]);
+  const handleConnect = async platformName => {
+    // Implement OAuth flow for each platform
+    try {
+      const response = await fetch(`https://api2.onairos.uk/connect/${platformName.toLowerCase()}`, {
+        method: 'POST',
+        headers: {
+          'Authorization': `Bearer ${localStorage.getItem('onairosToken')}`,
+          'Content-Type': 'application/json'
+        }
+      });
+      if (response.ok) {
+        setPlatforms(platforms.map(p => p.name === platformName ? {
+          ...p,
+          connected: true
+        } : p));
+      }
+    } catch (error) {
+      console.error(`Failed to connect to ${platformName}:`, error);
+    }
+  };
+  const handleUnify = async () => {
+    if (platforms.some(p => p.connected)) {
+      setIsUnifying(true);
+      try {
+        const response = await fetch('https://api2.onairos.uk/unify', {
+          method: 'POST',
+          headers: {
+            'Authorization': `Bearer ${localStorage.getItem('onairosToken')}`,
+            'Content-Type': 'application/json'
+          }
+        });
+        if (response.ok) {
+          onComplete();
+        }
+      } catch (error) {
+        console.error('Failed to unify data:', error);
+      }
+    }
+  };
+  if (isUnifying) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_framerMotion.motion.div, {
+      initial: {
+        opacity: 0
+      },
+      animate: {
+        opacity: 1
+      },
+      className: "flex flex-col items-center justify-center space-y-6 p-6",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+        className: "text-xl font-semibold text-gray-900",
+        children: "Unifying Your Data"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "text-gray-600 text-center",
+        children: "Please wait while we process your information"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "w-full max-w-md",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "relative pt-1",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "flex mb-2 items-center justify-between",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: "text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blue-600 bg-blue-200",
+                children: "Progress"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "text-right",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+                className: "text-xs font-semibold inline-block text-blue-600",
+                children: [unifyProgress, "%"]
+              })
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
+            className: "overflow-hidden h-2 mb-4 text-xs flex rounded bg-blue-200",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
+              initial: {
+                width: 0
+              },
+              animate: {
+                width: `${unifyProgress}%`
+              },
+              transition: {
+                duration: 0.5
+              },
+              className: "shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500"
+            })
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
+        animate: {
+          rotate: 360
+        },
+        transition: {
+          duration: 2,
+          repeat: Infinity,
+          ease: "linear"
+        },
+        className: "w-12 h-12",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+          className: "w-full h-full text-blue-500",
+          viewBox: "0 0 24 24",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+            fill: "currentColor",
+            d: "M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z"
+          })
+        })
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "flex flex-col items-center space-y-6 p-6",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+      className: "text-xl font-semibold text-gray-900",
+      children: "Connect Your Accounts"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: "text-gray-600 text-center",
+      children: "Connect at least one account to create your personality model"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "grid grid-cols-2 gap-4 w-full max-w-md",
+      children: platforms.map(platform => /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+        onClick: () => handleConnect(platform.name),
+        className: `flex items-center justify-center p-4 rounded-lg border ${platform.connected ? 'bg-green-50 border-green-500' : 'border-gray-300 hover:border-blue-500'}`,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: platform.icon,
+          alt: platform.name,
+          className: "w-8 h-8 mr-2"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: platform.connected ? 'text-green-600' : 'text-gray-700',
+          children: platform.connected ? 'Connected' : `Connect ${platform.name}`
+        })]
+      }, platform.name))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      onClick: handleUnify,
+      disabled: !platforms.some(p => p.connected),
+      className: `w-full max-w-md py-3 px-4 rounded-lg font-semibold ${platforms.some(p => p.connected) ? 'bg-blue-500 text-white hover:bg-blue-600' : 'bg-gray-300 text-gray-500 cursor-not-allowed'}`,
+      children: "Unify and Create Model"
+    })]
+  });
+}