@campxdev/campx-web-utils 0.1.0 → 0.1.1

package/export.ts

@@ -0,0 +1 @@
+export * from "./src/config/axios";

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@campxdev/campx-web-utils",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "main": "./exports.ts",
   "private": false,
   "dependencies": {
+    "@campxdev/react-blueprint": "^0.1.41",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^13.0.0",
     "@testing-library/user-event": "^13.2.1",
@@ -11,12 +12,18 @@
     "@types/node": "^16.7.13",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
+    "axios": "^1.7.2",
+    "cookie-js": "^0.0.1",
+    "pullstate": "^1.25.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-scripts": "5.0.1",
     "typescript": "^4.4.2",
     "web-vitals": "^2.1.0"
   },
+  "devDependencies": {
+    "@types/js-cookie": "^3.0.2"
+  },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",

package/src/config/axios.ts

@@ -0,0 +1,22 @@
+import Axios from "axios";
+import Cookies from "js-cookie";
+
+const isDevelopment = process.env.NODE_ENV == "development";
+
+const sessionKey = Cookies.get("campx_session_key");
+const tenantCode = isDevelopment
+  ? window.location.pathname.split("/")[1]
+  : window.location.hostname.split(".")[0];
+const institutionCode = isDevelopment
+  ? window.location.pathname.split("/")[2]
+  : window.location.pathname.split("/")[1];
+
+export const axios = Axios.create({
+  baseURL: process.env.REACT_APP_API_HOST,
+  withCredentials: true,
+  headers: {
+    "x-tenant-id": tenantCode,
+    "x-institution-code": institutionCode,
+    ...(isDevelopment && sessionKey ? { campx_session_key: sessionKey } : {}),
+  },
+});

package/src/context/LoginDialogProvider.tsx

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+
+const LoginContext = createContext<{ openLoginDialog: () => void }>({
+  openLoginDialog: () => {},
+});

package/src/context/application-store.ts

@@ -0,0 +1,12 @@
+import { Store } from "pullstate";
+
+export type ApplicationStoreType = {
+  isLoginDialogOpen: boolean;
+};
+
+export const initialApplicationState: ApplicationStoreType = {
+  isLoginDialogOpen: false,
+};
+export const ApplicationStore = new Store<ApplicationStoreType>(
+  initialApplicationState
+);