@eka-care/abha-stg 0.0.0

package/README.md

@@ -0,0 +1,114 @@
+# Login Frontend App for Eka Care
+
+This application is in early development mode.
+
+## How to Use Login Frontend App
+
+Follow these steps to use the `window.initAuthApp` function from the `main.tsx` file:
+
+1. **Include the Required Scripts and Styles**:
+   Ensure that you have included the necessary scripts and styles in your HTML file.
+
+   ```html
+   <link rel="stylesheet" href="https://login.eka.care/assets/css/index.css" />
+   <script type="module" src="https://login.eka.care/assets/js/lo-fe-main.js"></script>
+   ```
+
+2. **Prepare the Container Element**:
+   Create a container element in your HTML where the React app will be mounted.
+
+   ```html
+   <div id="lofe_root"></div>
+   ```
+
+3. **Implement Callback Functions**:
+   Define the `onSuccess` and `onError` callback functions to handle authentication outcomes.
+
+   **onSuccess**: This function is called when the authentication is successful. Use it to process the authenticated user's data or redirect them within your application.
+
+   ```javascript
+   function onSuccess(params) {
+     // Handle successful authentication
+     console.log('Authentication successful:', params);
+     // Redirect user or update UI accordingly
+   }
+   ```
+
+   - @param params - An object containing authentication tokens and the user's profile information.
+
+     ```javascript
+       {
+          response: {
+            txn_id: "Transaction id string",
+            skip_state: 1,
+            method: 2,
+            data: {
+              tokens: {
+                sess: "A string representing the session token.",
+                refresh: "A string representing the refresh token.",
+              },
+              profile: "The user's profile.",
+            }
+          }
+       }
+     ```
+
+   **onError**: This function is invoked when there is an error during authentication. Use it to handle errors, display error messages, or perform logging.
+
+   ```javascript
+   function onError(params) {
+     // Handle authentication error
+     console.error('Authentication error:', params);
+     // Display error message to the user or take corrective action
+   }
+   ```
+
+   - @param params - An object containing authentication error.
+
+     ```javascript
+     {
+       error: 'Error message';
+       response: {
+            txn_id: "Transaction id string",
+            skip_state: 1,
+            method: 2,
+            error: 'error message from api'
+          }
+     }
+     ```
+
+4. **Initialize the App**:
+   Call the `window.initAuthApp` function with the required parameters.
+
+   ```html
+   <script>
+     window.onload = function () {
+       window.initAuthApp({
+         clientId: 'your_client_id',
+         containerId: 'lofe_root',
+         workspaceName: 'your_workspace_name', // Optional
+         urlParams: { next_url: 'next_url' }, // Optional
+         method: 'email_mobile', // Optional
+         onSuccess: function (params) {
+           // Handle success
+         },
+         onError: function (params) {
+           // Handle error
+         },
+       });
+     };
+   </script>
+   ```
+
+   `window.initAuthApp` returns an unmount function to remove the Login app.
+
+5. **Close the App**:
+   To unmount the Lofe app and clear the store, call the `window.closeAuthApp` function or the function that is returned by `window.initAuthApp`
+
+   ```html
+   <script>
+     window.closeAuthApp();
+   </script>
+   ```
+
+By following these steps, you can successfully initialize and use the login frontend app for Eka Care.

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@eka-care/abha-stg",
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "VITE_APP_MODE=DEBUG vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@elixir/icons": "*",
+    "@elixir/utils": "*",
+    "@node-minify/clean-css": "^9.0.1",
+    "@node-minify/core": "^9.0.2",
+    "@tanstack/react-query": "^5.63.0",
+    "apis": "*",
+    "glob-all": "^3.3.1",
+    "purgecss": "^7.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.28.0",
+    "ui": "*",
+    "zustand": "^5.0.1"
+  },
+  "devDependencies": {
+    "@elixir/tailwind-config": "*",
+    "@eslint/js": "^9.13.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.13.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "globals": "^15.11.0",
+    "postcss": "^8.4.49",
+    "prettier": "^3.3.3",
+    "tailwindcss": "^3.4.15",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.11.0",
+    "vite": "^5.4.10"
+  }
+}