@agilant/toga-blox 1.0.315-sandbox-dev.1 → 1.0.316-beta.108

package/dist/api/apiFunctions.d.ts

@@ -1,6 +1,6 @@
-import { AxiosInstance } from "axios";
-export declare const setAxiosInstance: (axiosInstance: AxiosInstance) => void;
-export declare const apiGet: <TData = unknown>(route: string, options?: {}, params?: {}) => Promise<TData>;
-export declare const apiPost: <TData = unknown>(route: string, data: Record<string, any>, options?: {}, params?: {}) => Promise<TData>;
-export declare const apiPut: <TData = unknown>(route: string, data?: {}, options?: {}, params?: {}) => Promise<TData>;
-export declare const apiDelete: <TData = unknown>(route: string, data?: {}, options?: {}, params?: {}) => Promise<TData>;
+export declare const apiGet: <TData = unknown>(route: string, options?: Record<string, any>, params?: {}) => Promise<TData>;
+export declare const apiPost: <TData = unknown>(route: string, data: {
+    [key: string]: any;
+}, options?: Record<string, any>, params?: {}) => Promise<TData>;
+export declare const apiPut: <TData = unknown>(route: string, data?: {}, options?: Record<string, any>, params?: {}) => Promise<TData>;
+export declare const apiDelete: <TData = unknown>(route: string, data?: {}, options?: Record<string, any>, params?: {}) => Promise<TData>;

package/dist/api/apiFunctions.js

@@ -1,32 +1,47 @@
-import { assembleOptions } from "../reactQuery/queryHelpers.js";
-let instance = null;
-export const setAxiosInstance = (axiosInstance) => {
-    instance = axiosInstance;
-};
-const getAxiosInstance = () => {
-    if (!instance)
-        throw new Error("[blox] No axios instance registered. Call setAxiosInstance before using API helpers.");
-    return instance;
-};
-const buildUrl = (route, options = {}) => {
-    const optionsString = assembleOptions(options);
-    if (!optionsString)
-        return route;
-    return route + (route.includes("?") ? "&" : "?") + optionsString;
-};
+import { assembleOptions } from "../reactQuery/queryHelpers";
+import axiosInstance from "./axiosInstance";
+// Note: The transactionId is now added automatically via the axios interceptor.
 export const apiGet = async (route, options = {}, params = {}) => {
-    const response = await getAxiosInstance().get(buildUrl(route, options), { params });
+    let url = route;
+    const optionsString = assembleOptions(options);
+    if (optionsString) {
+        url += route.includes("?") ? "&" : "?";
+        url += optionsString;
+    }
+    const response = await axiosInstance.get(url, { params });
     return response.data;
 };
 export const apiPost = async (route, data, options = {}, params = {}) => {
-    const response = await getAxiosInstance().post(buildUrl(route, options), data, { params });
+    let url = route;
+    const optionsString = assembleOptions(options);
+    if (optionsString) {
+        url += route.includes("?") ? "&" : "?";
+        url += optionsString;
+    }
+    const response = await axiosInstance.post(url, data, { params });
     return response.data;
 };
 export const apiPut = async (route, data = {}, options = {}, params = {}) => {
-    const response = await getAxiosInstance().put(buildUrl(route, options), data, { params });
+    let url = route;
+    const optionsString = assembleOptions(options);
+    if (optionsString) {
+        url += route.includes("?") ? "&" : "?";
+        url += optionsString;
+    }
+    const response = await axiosInstance.put(url, data, { params });
     return response.data;
 };
 export const apiDelete = async (route, data = {}, options = {}, params = {}) => {
-    const response = await getAxiosInstance().delete(buildUrl(route, options), { data, params, validateStatus: (status) => status < 500 });
+    let url = route;
+    const optionsString = assembleOptions(options);
+    if (optionsString) {
+        url += route.includes("?") ? "&" : "?";
+        url += optionsString;
+    }
+    const response = await axiosInstance.delete(url, {
+        data,
+        params,
+        validateStatus: (status) => status < 500,
+    });
     return response.data;
 };

package/dist/api/auth.d.ts

@@ -1,23 +1,3 @@
-interface Tokens {
-    access: string;
-    refresh: string;
-}
-interface User {
-    firstName: string;
-    lastName: string;
-    uuid: string;
-}
-export interface AuthResponse {
-    data: {
-        tokens: Tokens;
-        user: User;
-    };
-    messages?: string[];
-}
 export declare const performLogout: () => void;
 export declare const fetchPublicToken: (baseURL: string) => Promise<string | null>;
 export declare const refreshAccessToken: (baseURL: string) => Promise<string | null>;
-export declare function validateEmailDomain(email: string): Promise<boolean>;
-export declare function submitLoginPassword<T = AuthResponse>(email: string, password: string, fields: string[]): Promise<T>;
-export declare function handleClientAuthentication(uuid: string): Promise<object | null>;
-export {};

package/dist/api/auth.js

@@ -1,5 +1,4 @@
 import axios from "axios";
-import { apiGet, apiPost } from "./apiFunctions.js";
 export const performLogout = () => {
     localStorage.removeItem("accessToken");
     localStorage.removeItem("user");
@@ -41,76 +40,3 @@ export const refreshAccessToken = async (baseURL) => {
     }
     return null;
 };
-export async function validateEmailDomain(email) {
-    const domain = email.split("@")[1];
-    const protocol = window.location.protocol;
-    const hostname = window.location.hostname;
-    const domainName = `${protocol}//${hostname}`;
-    let environment = import.meta.env.MODE;
-    if (environment === "development")
-        environment = "DEV";
-    else if (environment === "production")
-        environment = "PRODUCTION";
-    else if (environment === "alpha")
-        environment = "ALPHA";
-    const response = await apiGet("/domains", {
-        fields: ["domain"],
-        join: [
-            {
-                ClientEmailDomains: {
-                    "ClientEmailDomains.clientId": "Domains.clientId",
-                },
-            },
-            {
-                ["Domains@SelfDomains"]: {
-                    "SelfDomains.appId": "Domains.appId",
-                },
-            },
-            {
-                Environments: {
-                    "Domains.environmentId": "Environments.id",
-                },
-            },
-        ],
-        where: {
-            and: [
-                { "ClientEmailDomains.domain": { like: domain } },
-                { "Environments.slug": { like: environment } },
-                { "SelfDomains.domain": { like: domainName } },
-            ],
-        },
-    });
-    if (response?.data?.domains && response.data.domains.length > 0) {
-        return true;
-    }
-    console.error("Failed to fetch domain validation or domain not found.");
-    return false;
-}
-export async function submitLoginPassword(email, password, fields) {
-    const response = await apiPost("/auth/login", { email, password }, {
-        fields: [
-            {
-                user: fields,
-            },
-        ],
-    });
-    return response;
-}
-export async function handleClientAuthentication(uuid) {
-    const saml = {
-        auth: "encrypted-user-uuid",
-        payload: { client: "", user: "" },
-    };
-    const response = await apiPost(`/auth/${saml.auth}`, saml.payload);
-    if (!response) {
-        console.error("Authentication failed:", response?.messages);
-        return null;
-    }
-    const { access: accessToken, refresh: refreshToken } = response.data.tokens;
-    localStorage.setItem("accessToken", accessToken);
-    localStorage.setItem("refreshToken", refreshToken);
-    const userData = await apiGet("/users", {
-        where: { and: [{ "Users.uuid": { "=": uuid } }] },
-    });
-    return userData;
-}

package/dist/api/axiosInstance.d.ts

@@ -1,5 +1,2 @@
-export interface AxiosInstanceConfig {
-    baseURL: string;
-    onLogout?: () => void;
-}
-export declare const createAxiosInstance: ({ baseURL, onLogout, }: AxiosInstanceConfig) => import("axios").AxiosInstance;
+declare const axiosInstance: import("axios").AxiosInstance;
+export default axiosInstance;

package/dist/api/axiosInstance.js

@@ -1,44 +1,58 @@
 import axios from "axios";
 import { v4 as uuidv4 } from "uuid";
-import { performLogout, fetchPublicToken, refreshAccessToken } from "./auth.js";
-export const createAxiosInstance = ({ baseURL, onLogout, }) => {
-    const instance = axios.create({
-        baseURL,
-        headers: { "Content-Type": "application/json" },
-        timeout: 180000,
-    });
-    instance.interceptors.request.use((config) => {
-        config.params = config.params || {};
-        config.params.transactionId = uuidv4();
-        return config;
-    });
-    instance.interceptors.request.use(async (config) => {
-        const userString = localStorage.getItem("user");
-        const token = userString
-            ? localStorage.getItem("accessToken")
-            : await fetchPublicToken(baseURL);
-        if (token)
-            config.headers["Authorization"] = `Bearer ${token}`;
-        return config;
-    });
-    instance.interceptors.response.use((response) => response, async (error) => {
-        const originalRequest = error.config;
-        if (originalRequest &&
-            error.response?.status === 401 &&
-            !originalRequest._retry) {
-            originalRequest._retry = true;
-            const newToken = await refreshAccessToken(baseURL);
-            if (newToken) {
-                originalRequest.headers["Authorization"] = `Bearer ${newToken}`;
-                return instance(originalRequest);
-            }
-            else {
-                const handleLogout = onLogout ?? performLogout;
-                if (localStorage.getItem("user"))
-                    handleLogout();
-            }
+import { performLogout, fetchPublicToken, refreshAccessToken } from "./auth";
+// Build base URL from environment
+const fullHostName = window.location.hostname.toUpperCase();
+const hostName = fullHostName.split(".");
+const host = "VITE_API_" + hostName[0];
+const baseURL = import.meta.env[host] || import.meta.env.VITE_API;
+const axiosInstance = axios.create({
+    baseURL,
+    headers: { "Content-Type": "application/json" },
+    timeout: 180000,
+});
+// Add transactionId to requests
+axiosInstance.interceptors.request.use((config) => {
+    config.params = config.params || {};
+    config.params.transactionId = uuidv4();
+    return config;
+});
+// Add Authorization header
+axiosInstance.interceptors.request.use(async (config) => {
+    let token;
+    const userString = localStorage.getItem("user");
+    if (userString) {
+        token = localStorage.getItem("accessToken");
+    }
+    else {
+        token = await fetchPublicToken(baseURL);
+    }
+    if (token) {
+        config.headers["Authorization"] = `Bearer ${token}`;
+    }
+    return config;
+});
+// Delay (optional)
+const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+axiosInstance.interceptors.request.use(async (config) => {
+    await delay(1);
+    return config;
+});
+// Handle 401
+axiosInstance.interceptors.response.use((response) => response, async (error) => {
+    const originalRequest = error.config;
+    if (error.response?.status === 401 && !originalRequest._retry) {
+        originalRequest._retry = true;
+        const newToken = await refreshAccessToken(baseURL);
+        if (newToken) {
+            originalRequest.headers["Authorization"] = `Bearer ${newToken}`;
+            return axiosInstance(originalRequest);
         }
-        return Promise.reject(error);
-    });
-    return instance;
-};
+        else {
+            if (localStorage.getItem("user"))
+                performLogout();
+        }
+    }
+    return Promise.reject(error);
+});
+export default axiosInstance;

package/dist/api/checkSsoAuth.js

@@ -1,5 +1,5 @@
 import { useMutation } from "@tanstack/react-query";
-import { apiGet } from "./apiFunctions.js";
+import { apiGet } from "./apiFunctions";
 const useCheckSsoAuth = () => useMutation({
     mutationFn: async ({ protocol, hostname, environment, }) => {
         const domainName = `${protocol}//${hostname}`;

package/dist/api/genericApi.js

@@ -1,5 +1,5 @@
-import { apiGet, apiPost, apiPut, apiDelete } from "./apiFunctions.js";
-import { toCamelCase } from "../reactQuery/queryHelpers.js";
+import { apiGet, apiPost, apiPut, apiDelete } from "./apiFunctions";
+import { toCamelCase } from "../reactQuery/queryHelpers";
 import * as Sentry from "@sentry/react";
 //Generic component to get all the data from Api based on slug and fields requested for
 export async function getData(slug, fields) {

package/dist/api/handleSamlAuth.d.ts

@@ -1,4 +1,4 @@
-import { Options } from "./types.js";
+import { Options } from "./types";
 declare const useHandleSamlAuth: () => import("@tanstack/react-query").UseMutationResult<any, Error, {
     samlEncoded: string;
     extraParams?: Record<string, any>;

package/dist/api/handleSamlAuth.js

@@ -1,5 +1,5 @@
 import { useMutation } from "@tanstack/react-query";
-import { apiPost } from "../api/apiFunctions.js";
+import { apiPost } from "../api/apiFunctions";
 function decodeBase64ToUtf8(b64) {
     // Browser path
     if (typeof globalThis.atob === "function") {

package/dist/api/index.d.ts

@@ -1,8 +0,0 @@
-export * from "./types.js";
-export * from "./axiosInstance.js";
-export * from "./apiFunctions.js";
-export { getDataTableData } from "./tableData/getDataTableData.js";
-export { getDataTableMeta } from "./tableData/getDataTableMeta.js";
-export { getColumnFieldFilterOptions } from "./tableData/getColumnFieldFilterOptions.js";
-export { apiGet, apiPost, apiPut, apiDelete } from "./apiFunctions.js";
-export { performLogout, fetchPublicToken, validateEmailDomain, submitLoginPassword, handleClientAuthentication, AuthResponse, } from "./auth.js";

package/dist/api/index.js

@@ -1,8 +0,0 @@
-export * from "./types.js";
-export * from "./axiosInstance.js";
-export * from "./apiFunctions.js";
-export { getDataTableData } from "./tableData/getDataTableData.js";
-export { getDataTableMeta } from "./tableData/getDataTableMeta.js";
-export { getColumnFieldFilterOptions } from "./tableData/getColumnFieldFilterOptions.js";
-export { apiGet, apiPost, apiPut, apiDelete } from "./apiFunctions.js";
-export { performLogout, fetchPublicToken, validateEmailDomain, submitLoginPassword, handleClientAuthentication, } from "./auth.js";

package/dist/api/types.d.ts

@@ -1,5 +1,5 @@
 export interface Options {
-    fields?: string[] | [];
+    fields?: any;
     where?: any;
     join?: any;
     ojoin?: any;
@@ -11,122 +11,3 @@ export interface SamlData {
     payload: any;
     options?: Options;
 }
-export interface Field {
-    [key: string]: string | string[] | Field;
-}
-export type ApiResponse<T = any> = {
-    transactionId: string;
-    timestamp: string;
-    authority: string;
-    audience: {
-        client: string;
-        user: string;
-        app: string;
-    };
-    isSuccess: boolean;
-    status: number;
-    error: any;
-    messages: any[];
-    meta: {
-        depth: number;
-    };
-    data: T;
-};
-export interface OptionsType {
-    transactionId?: string;
-    fields?: (string | Field | {
-        location: string[];
-        shipToAddress: string[];
-    })[];
-    sort?: any;
-    slug?: string;
-    id?: string;
-    join?: any;
-    ojoin?: any;
-    where?: {
-        [key: string]: any;
-        and?: (string | Record<string, any>)[];
-        or?: (string | Record<string, any>)[];
-    };
-    recordsPerPage?: number;
-    page?: number;
-}
-export interface TableViewField {
-    index: number;
-    slug: string;
-    tableViewField: string;
-    filterOptions?: {
-        slug: string;
-        name: string;
-        uuid: string;
-        hexColor?: string;
-    }[];
-    isVisible: boolean;
-    label: string | null;
-    isEditable: boolean;
-    isCopyable: boolean;
-    isSortable: boolean;
-    isFilterable: boolean;
-    isExpandableCell: boolean;
-    hyperlinkField: string | null;
-    imageUrlField: string | null;
-    settings: {
-        table: string;
-        field: string;
-        contextTable: string | null;
-        contextField: string | null;
-    };
-    type: "STRING" | "BOOLEAN" | "NUMBER" | "DATE" | "DATETIME" | "SELECT" | "MULTISELECT" | "IMAGE" | "HYPERLINK" | "STATUS" | "CURRENCY" | "AVATAR" | "LINK" | "URGENCY" | "CLIENT" | "STATUS_BADGE" | null;
-    precision: number | null;
-    recordRoute: string | null;
-    casing?: "title" | "upper" | "lower" | "none";
-    width?: number;
-    sticky: "left" | "right" | null;
-    selectIdentifierField: string | null;
-    selectNameField: string | null;
-}
-export interface DataTableMetaFormatted {
-    table: {
-        joins: {
-            table: string;
-            alias: string;
-            type: string;
-            onA: string;
-            onB: string;
-        }[];
-        fields: TableViewField[];
-        sort: {
-            slug: string;
-            dir: string;
-        }[];
-        route: string;
-        table: string;
-        slug: string;
-        recordsPerPage: number;
-        apiWhereClause: null;
-        isPaginationEnabled: boolean;
-        isInfiniteScrollingEnabled: boolean;
-    } | null;
-    nestedTable: null;
-}
-export interface DataTableMetaProp {
-    joins: {
-        table: string;
-        alias: string;
-        type: string;
-        onA: string;
-        onB: string;
-    }[];
-    fields: TableViewField[];
-    sort: {
-        slug: string;
-        dir: string;
-    }[];
-    route: string;
-    table: string;
-    slug: string;
-    recordsPerPage: number;
-    apiWhereClause: null;
-    isPaginationEnabled: boolean;
-    isInfiniteScrollingEnabled: boolean;
-}

package/dist/components/Badge/Badge.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { BadgeTypes } from "./Badge.types.js";
+import { BadgeTypes } from "./Badge.types";
 declare const Badge: React.FC<BadgeTypes>;
 export default Badge;

package/dist/components/Badge/Badge.js

@@ -1,13 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import styles from "./Badge.module.css";
-const Badge = ({ cssMode = false, textStyle, borderColor, borderWidth, borderRadius, backgroundColor, iconSize, iconStyle, hasRightIcon, icon, image, imageStyle, text, badgeContainerClasses, onClick, }) => {
-    const iconClasses = cssMode
-        ? iconStyle
-        : `${iconSize}`;
-    const badgeClasses = cssMode
-        ? clsx(styles.badge, badgeContainerClasses)
-        : ` inline-flex items-center ${borderWidth} ${borderColor} ${borderRadius} ${backgroundColor} ${badgeContainerClasses}`;
-    return (_jsxs("span", { onClick: onClick, "data-testid": "badge-test-id", className: clsx(badgeClasses, hasRightIcon && styles.reverse), children: [image && _jsx("span", { className: imageStyle, children: image }), icon && (_jsx("span", { className: iconClasses, children: icon })), text && (_jsx("p", { className: textStyle, children: text }))] }));
+const Badge = ({ borderColor, borderWidth, borderRadius, backgroundColor, hasMobileStyle, mobileIcon, mobileIconLabel, iconSize, hasLeftIcon, hasRightIcon, icon, image, text, badgeContainerClasses, styles, onClick, }) => {
+    const iconClasses = `${iconSize}`;
+    const badgeBackgroundClasses = `${backgroundColor}`;
+    const badgeBorderClasses = `${borderWidth} ${borderColor} ${borderRadius}`;
+    const badgeClasses = ` inline-flex items-center ${badgeBorderClasses} ${badgeBackgroundClasses} ${badgeContainerClasses}`;
+    return (_jsxs("span", { onClick: onClick, "data-testid": "badge-test-id", className: badgeClasses, style: styles, children: [image && _jsx("span", { className: "mr-2", children: image }), icon && hasLeftIcon && (_jsx("span", { className: `${iconClasses} max-md:hidden mr-2`, children: icon })), mobileIcon && hasMobileStyle && (_jsx("span", { className: `${iconClasses} hidden max-md:flex max-md:p-0 mr-2`, "aria-hidden": "false", "aria-label": mobileIconLabel, children: mobileIcon })), _jsx("div", { className: `${hasMobileStyle ? "max-md:hidden" : ""}`, children: text }), icon && hasRightIcon && (_jsx("span", { className: `${iconClasses} ${hasMobileStyle ? "max-md:hidden" : ""} ml-2`, children: icon }))] }));
 };
 export default Badge;

package/dist/components/Badge/Badge.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const Default: any;
+export declare const BadgeWithLeftIcon: any;
+export declare const BadgeWithRightIcon: any;
+export declare const CommerceBadge: any;
+export declare const DeskBadge: any;
+export declare const SupplyBadge: any;
+export declare const StylesBadgeWithClick: any;