onairos 0.0.6 → 0.0.8

package/README.md

@@ -48,13 +48,12 @@ Individual Request Information:
 
 Then instantiate the Onairos object from the Onairos package - passing in your Onairos Developer ID and your Request Object
 ```jsx
-<Onairos requestData={requestData} onairosID={onairosID} access_token={access_token} webpageName={webpageName} proofMode={proofMode} />
+<Onairos requestData={requestData} onairosID={onairosID} webpageName={webpageName} proofMode={proofMode} />
 ```
 
 Onairos Object fields:
  - `requestData` - Request Object - Json
  - `onairosID` - App Assigned Onairos ID - String
- - `access_token` - App Assigned Access Token - String
  - `webpageName` - App Display Name - String 
  - `proofMode` - Wish to recieve ZK proof after recieving Data , default FALSE - boolean
 
@@ -97,6 +96,8 @@ Send a POST request to the API endpoint with a JSON payload containing a set of
 - `category`: The category to which the content belongs (String) - required
 - `img_url`: The URL of an image associated with the content (String) - optional
 
+You should also send the access token as part of this request, from your **backend**
+ - `access_token` - App Assigned Access Token - String     
 Example JSON body for the POST request:
 
 ```json
@@ -116,7 +117,8 @@ Example JSON body for the POST request:
       "text": "Example text input 3",
       "category": "Example Category 3",
       "img_url": "http://example.com/image3.jpg"
-    }
+    },
+    "AccessToken":"access_token"
   }
     // Additional entries can be added here
   
@@ -195,22 +197,23 @@ function App() {
       
     }}
 
-  const sendData = {
-    interestModel: {
-      title:'Interest',
+  const sendData = { 
+    Small: {
+      type:"Personality",
       descriptions:"Insight into your Interests",
       reward:"10% Discount"
     },
-    personalityModel:{
-      title:'Personality',
+    Medium:{
+      type:"Personality",
       descriptions:"Insight into your Interests",
       reward:"2 USDC"
     },
-    intelectModel:{
-      title:'Intellect',
+    Large:{
+      type:"Personality",
       descriptions:"Insight into your Interests",
       reward:"2 USDC"
     },
+    AccessToken:access_token
   };
   useEffect(() => {
     window.addEventListener('message', UseAPIURL);

package/dist/onairos.js

@@ -41,12 +41,14 @@ function Onairos(_ref) {
     });
   };
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
-    className: "OnairosConnect flex flex-col items-center justify-center text-white font-bold py-2 px-4 rounded cursor-pointer",
+    className: "OnairosConnect w-20 h-20 flex flex-col items-center justify-center text-white font-bold py-2 px-4 rounded cursor-pointer",
     onClick: OnairosAnime
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: _OnairosBlack.default,
     alt: "Onairos Logo",
-    className: "w-5 h-5 max-w-10 object-scale-down mb-2"
-  }), /*#__PURE__*/_react.default.createElement("span", null, "Connect to Onairos")));
+    className: "w-16 h-16 object-contain mb-2"
+  }), " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "whitespace-nowrap"
+  }, "Connect to Onairos"), " "));
 }
 var _default = exports.default = Onairos;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "onairos",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "dependencies": {
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",

package/src/onairos.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import onairosLogo from "./OnairosBlack.png";
 
-function Onairos( {requestData, onairosID, access_token, proofMode=false,webpageName}) {
+function Onairos( {requestData, onairosID, proofMode=false,webpageName}) {
   const OnairosAnime = async () => {
     try {
       console.log("Clicked Onairos Connect")
@@ -21,7 +21,7 @@ function Onairos( {requestData, onairosID, access_token, proofMode=false,webpage
       type: 'GET_API_URL',
       webpageName: webpageName,
       onairosID:onairosID,
-      access_token:access_token,
+      access_token:"access_token",
       account:"ConnectedAccountRef.current", //No Longer needed, REMOVE
       requestData: requestData,
       proofMode:proofMode
@@ -31,11 +31,11 @@ function Onairos( {requestData, onairosID, access_token, proofMode=false,webpage
   return (
     <div>
       <button
-        className="OnairosConnect flex flex-col items-center justify-center text-white font-bold py-2 px-4 rounded cursor-pointer"
+        className="OnairosConnect w-20 h-20 flex flex-col items-center justify-center text-white font-bold py-2 px-4 rounded cursor-pointer"
         onClick={OnairosAnime}
       >
-        <img src={onairosLogo} alt="Onairos Logo" className="w-5 h-5 max-w-10 object-scale-down mb-2" />
-        <span>Connect to Onairos</span>
+        <img src={onairosLogo} alt="Onairos Logo" className="w-16 h-16 object-contain mb-2" /> {/* Adjust size as needed */}
+        <span className="whitespace-nowrap">Connect to Onairos</span> {/* Prevent text from wrapping */}
       </button>
     </div>
   );