injast-core 1.0.78

package/dist/libs/index.js

@@ -0,0 +1,142 @@
+"use client";
+
+// src/libs/create-api-request.ts
+import axios from "axios";
+var createApiRequest = (baseConfig, onRequestFulfilled, onRequestRejected, onResponseFulfilled, onResponseRejected, disableAuthHeader) => {
+  const pathname = typeof window !== "undefined" ? window.location.pathname : "";
+  const isPanelClient = /^\/([^\/]+\/)?panel(\/|$)/.test(pathname);
+  if (!baseConfig) baseConfig = {};
+  const { redirect: defaultRedirect, ...axiosDefaults } = baseConfig;
+  const axiosInstance = axios.create({
+    ...axiosDefaults,
+    withCredentials: axiosDefaults.withCredentials ?? true
+  });
+  axiosInstance.defaults.headers.common.Accept = "application/json";
+  axiosInstance.defaults.headers.common["Content-Type"] = "application/json";
+  if (typeof window !== "undefined" && !disableAuthHeader) {
+    if (isPanelClient) {
+      axiosInstance.defaults.headers.common.Authorization = localStorage.getItem("panel_auth_token");
+    } else {
+      axiosInstance.defaults.headers.common.Authorization = localStorage.getItem("auth_token");
+    }
+  }
+  axiosInstance.interceptors.request.use(
+    async (config) => {
+      if (onRequestFulfilled) config = onRequestFulfilled(config);
+      return config;
+    },
+    (error) => {
+      console.log("\u{1F680} ~ apiRequest.interceptors.request. error:", error);
+      return Promise.reject(error);
+    }
+  );
+  axiosInstance.interceptors.response.use(
+    async (response) => {
+      if (onResponseFulfilled) response = await onResponseFulfilled(response);
+      return response;
+    },
+    (error) => {
+      console.log(
+        "\u{1F680} ~ Axios original error in apiRequest.interceptors.response: ",
+        error
+      );
+      if (onResponseRejected) {
+        const e = onResponseRejected(error);
+        if (e) return Promise.reject(e);
+      }
+      if (error.status === 401) {
+        if (typeof window !== "undefined") {
+          const host = localStorage.getItem("host_app");
+          console.log("\u{1F680} ~ createApiRequest ~ host:", host);
+          console.log("client 401, redirect to auth");
+          if (host === "ios" || host === "ios_wrapper") {
+            console.log("logout ios");
+            window.webkit.messageHandlers.logout.postMessage("");
+          } else if (host === "android" || host === "android_wrapper") {
+            console.log("logout android");
+            window.injast_android_app.logout();
+          } else {
+            localStorage.clear();
+            const requestRedirect = error.config?.redirect ?? defaultRedirect;
+            let href = isPanelClient ? "/panel/auth/login" : "/auth/login";
+            if (requestRedirect) {
+              href += `?redirect=${requestRedirect}`;
+            }
+            window.location.href = href;
+          }
+          return;
+        } else {
+          console.log("401, throw 401 error");
+          const e = JSON.stringify({ message: "401" });
+          return Promise.reject(e);
+        }
+      } else {
+        error.response.data.error_status = error.status;
+        console.log(
+          "\u{1F680} ~ axios on response => error.response.data: ",
+          error?.response?.data
+        );
+        const errorString = JSON.stringify(error?.response?.data || "");
+        const e = new Error(errorString);
+        return Promise.reject(e);
+      }
+    }
+  );
+  return axiosInstance;
+};
+
+// src/libs/create-sentry-instrument.ts
+import * as Sentry from "@sentry/react";
+function initSentry({ dsn, appName, release, environment }) {
+  Sentry.init({
+    dsn,
+    environment,
+    release: `${appName}@${release ?? "dev"}`,
+    tracesSampleRate: 1
+  });
+}
+
+// src/libs/create-logger.ts
+function formatTimestamp() {
+  const date = /* @__PURE__ */ new Date();
+  const pad = (n) => n.toString().padStart(2, "0");
+  const year = date.getFullYear();
+  const month = pad(date.getMonth() + 1);
+  const day = pad(date.getDate());
+  const hours = pad(date.getHours());
+  const minutes = pad(date.getMinutes());
+  const seconds = pad(date.getSeconds());
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+}
+function createLogger(options, message, ...optionalParams) {
+  if (!options.enabled) return;
+  const prefix = options.prefix ?? "[AppLog]";
+  const timestamp = options.timestamp ? `[${formatTimestamp()}]` : "";
+  const consoleParts = [prefix];
+  if (timestamp) consoleParts.push(timestamp + ":");
+  console.log(...consoleParts, message, ...optionalParams);
+  if (typeof window !== "undefined") {
+    if (window.webkit?.messageHandlers?.consoleLog) {
+      try {
+        const serialized = JSON.stringify({ message, optionalParams });
+        window.webkit.messageHandlers.consoleLog.postMessage(
+          `${prefix} ${timestamp} ${serialized}`
+        );
+      } catch (err) {
+        console.warn("Failed to post message to iOS webkit handler:", err);
+      }
+    }
+  } else {
+    if (typeof process !== "undefined") {
+      const text = [prefix, timestamp, message, ...optionalParams].map(String).join(" ") + "\n";
+      process.stdout.write(text);
+    }
+  }
+}
+export {
+  Sentry,
+  createApiRequest,
+  createApiRequest as createApiRequestV2,
+  createLogger,
+  initSentry
+};

package/dist/providers/index.js

@@ -0,0 +1,305 @@
+"use client";
+
+// src/providers/ThemeProvider.tsx
+import { ThemeProvider as MUIThemeProvider } from "@mui/material/styles";
+import { CacheProvider } from "@emotion/react";
+import createCache from "@emotion/cache";
+import rtlPlugin from "stylis-plugin-rtl";
+import { prefixer } from "stylis";
+import { createTheme } from "@mui/material/styles";
+
+// src/constants/colors.ts
+var defaultColors = {
+  neutral: {
+    50: "#F8FAFD",
+    100: "#F4F6FA",
+    200: "#E8EAEE",
+    300: "#D6D9DF",
+    400: "#B1B7C2",
+    500: "#91969F",
+    600: "#6B7079",
+    700: "#4F545E",
+    800: "#363C46",
+    900: "#242933",
+    main: "#4F545E",
+    light: "#91969F",
+    dark: "#242933",
+    contrastText: "#fff"
+  },
+  success: {
+    dark: "#0B8922",
+    main: "#18AB33",
+    light: "#EAF9EC"
+  },
+  danger: {
+    dark: "#B9141F",
+    main: "#ED2C3A",
+    light: "#FEEAEC"
+  },
+  warning: {
+    dark: "#CB620A",
+    main: "#FD7E14",
+    light: "#FFEFE1"
+  },
+  info: {
+    dark: "#168EA1",
+    main: "#24ADC2",
+    light: "#E5F8FB"
+  },
+  yellow: {
+    100: "#FFF3CD",
+    200: "#FFDA6A",
+    300: "#FFC107",
+    400: "#DCA000",
+    dark: "#DCA000",
+    main: "#FFC107",
+    light: "#FFF3CD",
+    transparent: "#FFC1071A"
+  },
+  red: {
+    100: "#FDEAEB",
+    200: "#FF606F",
+    300: "#ED2C3A",
+    400: "#AC2633",
+    dark: "#AC2633",
+    main: "#ED2C3A",
+    light: "#FDEAEB",
+    transparent: "#ED2C3A1A"
+  },
+  indigo: {
+    100: "#EEE3FF",
+    200: "#8540F5",
+    300: "#6610F2",
+    400: "#3D0A91",
+    dark: "#3D0A91",
+    main: "#6610F2",
+    light: "#EEE3FF",
+    transparent: "#6610F21A"
+  },
+  cyan: {
+    100: "#E5F8FB",
+    200: "#6EDFF6",
+    300: "#0DCAF0",
+    400: "#24ADC2",
+    dark: "#24ADC2",
+    main: "#0DCAF0",
+    light: "#E5F8FB",
+    transparent: "#0DCAF01A"
+  },
+  pink: {
+    100: "#FDECF0",
+    200: "#FF6C88",
+    300: "#EF4465",
+    400: "#CC2C4B",
+    dark: "#CC2C4B",
+    main: "#EF4465",
+    light: "#FDECF0",
+    transparent: "#EF44651A"
+  },
+  orange: {
+    100: "#FFEFE1",
+    200: "#FD9843",
+    300: "#FD7E14",
+    400: "#A34A00",
+    dark: "#A34A00",
+    main: "#FD7E14",
+    light: "#FFEFE1",
+    transparent: "#FFC1071A"
+  },
+  magenta: {
+    100: "#FCE3EF",
+    200: "#DE5C9D",
+    300: "#D63384",
+    400: "#801F4F",
+    dark: "#801F4F",
+    main: "#D63384",
+    light: "#FCE3EF",
+    transparent: "#D633841A"
+  },
+  blue: {
+    100: "#E3F2FF",
+    200: "#5A9DFF",
+    300: "#0D6EFD",
+    400: "#084298",
+    dark: "#084298",
+    main: "#0D6EFD",
+    light: "#E3F2FF",
+    transparent: "#0D6EFD1A"
+  },
+  teal: {
+    100: "#E5FAF4",
+    200: "#79DFC1",
+    300: "#20C997",
+    400: "#179D76",
+    dark: "#179D76",
+    main: "#20C997",
+    light: "#E5FAF4",
+    transparent: "#20C9971A"
+  }
+};
+
+// src/constants/typography.ts
+var uiTypography = {
+  display1: {
+    fontSize: "32px",
+    fontWeight: 700
+  },
+  display2: {
+    fontSize: "24px",
+    fontWeight: 700
+  },
+  display3: {
+    fontSize: "20px",
+    fontWeight: 700
+  },
+  h1: {
+    fontSize: "18px",
+    fontWeight: 500
+  },
+  h2: {
+    fontSize: "16px",
+    fontWeight: 500
+  },
+  h3: {
+    fontSize: "14px",
+    fontWeight: 500
+  },
+  title1: {
+    fontSize: "16px",
+    fontWeight: 500
+  },
+  title2: {
+    fontSize: "14px",
+    fontWeight: 500
+  },
+  title3: {
+    fontSize: "12px",
+    fontWeight: 500
+  },
+  title4: {
+    fontSize: "10px",
+    fontWeight: 500
+  },
+  input1: {
+    fontSize: "16px",
+    fontWeight: 500
+  },
+  input2: {
+    fontSize: "14px",
+    fontWeight: 500
+  },
+  input3: {
+    fontSize: "12px",
+    fontWeight: 500
+  },
+  button1: {
+    fontSize: "16px",
+    fontWeight: 700
+  },
+  button2: {
+    fontSize: "14px",
+    fontWeight: 700
+  },
+  button3: {
+    fontSize: "12px",
+    fontWeight: 700
+  },
+  body1: {
+    fontSize: "14px",
+    fontWeight: 500
+  },
+  body2: {
+    fontSize: "12px",
+    fontWeight: 500
+  },
+  label1: {
+    fontSize: "12px",
+    fontWeight: 400
+  },
+  label2: {
+    fontSize: "10px",
+    fontWeight: 400
+  }
+};
+
+// src/providers/ThemeProvider.tsx
+import { jsx } from "react/jsx-runtime";
+var ThemeProvider = ({
+  children,
+  appColors,
+  dir
+}) => {
+  const cacheRtl = createCache({
+    key: "muirtl",
+    stylisPlugins: [prefixer, rtlPlugin]
+  });
+  const cacheLtr = createCache({
+    key: "muiltr",
+    stylisPlugins: [prefixer]
+  });
+  const themeOptions = {
+    // colorSchemes: {
+    //   dark: false,
+    // },
+    palette: {
+      ...appColors,
+      ...defaultColors
+    },
+    typography: {
+      fontFamily: '"IRANYekanX", sans-serif',
+      ...uiTypography
+    },
+    spacing: 4
+  };
+  const theme = createTheme(themeOptions);
+  return /* @__PURE__ */ jsx(CacheProvider, { value: dir === "rtl" ? cacheRtl : cacheLtr, children: /* @__PURE__ */ jsx(MUIThemeProvider, { theme, children }) });
+};
+var ThemeProvider_default = ThemeProvider;
+
+// src/providers/SPAThemeProvider.tsx
+import { ThemeProvider as MUIThemeProvider2 } from "@mui/material/styles";
+import { createTheme as createTheme2 } from "@mui/material/styles";
+import rtlPlugin2 from "stylis-plugin-rtl";
+import { prefixer as prefixer2 } from "stylis";
+import { CacheProvider as CacheProvider2 } from "@emotion/react";
+import createCache2 from "@emotion/cache";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SPAThemeProvider = ({
+  children,
+  appColors,
+  dir,
+  defaultColors: defaultColorsProp,
+  themeOptions
+}) => {
+  const paletteDefaults = defaultColorsProp ?? defaultColors;
+  const theme = createTheme2({
+    direction: dir,
+    colorSchemes: {
+      dark: true
+    },
+    palette: {
+      ...appColors,
+      ...paletteDefaults
+    },
+    typography: {
+      fontFamily: '"IRANYekanXFaNum", sans-serif',
+      ...uiTypography
+    },
+    spacing: 4,
+    ...themeOptions
+  });
+  const cacheRtl = createCache2({
+    key: "muirtl",
+    stylisPlugins: [prefixer2, rtlPlugin2]
+  });
+  const cacheLtr = createCache2({
+    key: "muiltr",
+    stylisPlugins: [prefixer2]
+  });
+  return /* @__PURE__ */ jsx2(CacheProvider2, { value: dir === "rtl" ? cacheRtl : cacheLtr, children: /* @__PURE__ */ jsx2(MUIThemeProvider2, { theme, defaultMode: "light", children }) });
+};
+var SPAThemeProvider_default = SPAThemeProvider;
+export {
+  SPAThemeProvider_default as SPAThemeProvider,
+  ThemeProvider_default as ThemeProvider
+};

package/dist/types/components/Accordion.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { AccordionProps } from "@mui/material";
+declare const Accordion: FC<AccordionProps>;
+export default Accordion;

package/dist/types/components/AccordionDetails.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { AccordionDetailsProps } from "@mui/material";
+declare const AccordionDetails: FC<AccordionDetailsProps>;
+export default AccordionDetails;

package/dist/types/components/AccordionSummary.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { AccordionSummaryProps } from "@mui/material";
+declare const AccordionSummary: FC<AccordionSummaryProps>;
+export default AccordionSummary;

package/dist/types/components/Autocomplete.d.ts

@@ -0,0 +1,3 @@
+import { AutocompleteProps as MuiMuiAutocompleteProps } from "@mui/material";
+declare const Autocomplete: <Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: MuiMuiAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo>) => import("react/jsx-runtime").JSX.Element;
+export default Autocomplete;

package/dist/types/components/Box.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { BoxProps } from "@mui/material";
+declare const Box: FC<BoxProps>;
+export default Box;

package/dist/types/components/Button.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { ButtonProps as MuiButtonProps } from "@mui/material";
+interface ButtonProps extends MuiButtonProps {
+    buttonSize?: "L" | "M" | "S" | "XS";
+    loading?: boolean;
+    loadingColor?: string;
+}
+declare const Button: FC<ButtonProps>;
+export default Button;

package/dist/types/components/CardNumberInput.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface CardNumberInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    error?: boolean;
+    helperText?: string;
+    hasClearButton?: boolean;
+    onReset?: () => void;
+    bankLogo?: string;
+}
+export declare const getPanNumber: (pan: string) => string;
+declare const CardNumberInput: React.FC<CardNumberInputProps>;
+export default CardNumberInput;

package/dist/types/components/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { CheckboxProps as MuiCheckboxProps } from "@mui/material";
+interface CheckboxProps extends MuiCheckboxProps {
+    iconSize?: number;
+    borderColor?: string;
+    checkedBorderColor?: string;
+    backgroundColor?: string;
+    tickColor?: string;
+}
+declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

package/dist/types/components/CircularProgress.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { CircularProgressProps } from "@mui/material";
+declare const CircularProgress: FC<CircularProgressProps>;
+export default CircularProgress;

package/dist/types/components/Container.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { ContainerProps } from "@mui/material";
+declare const Container: FC<ContainerProps>;
+export default Container;

package/dist/types/components/CounterBoxInput.d.ts

@@ -0,0 +1,23 @@
+import { FC } from "react";
+type CounterBoxInputProps = {
+    min?: number;
+    max?: number;
+    step?: number;
+    defaultValue?: number;
+    value?: number;
+    onChange: (_value: number) => void;
+    unit?: string;
+    iconColor?: string;
+    iconBackgroundColor?: string;
+    error?: boolean;
+    helperText?: string;
+    fullWidth?: boolean;
+    allowFloat?: boolean;
+    minErrText?: string;
+    maxErrText?: string;
+    mb?: number;
+    disabledInput?: boolean;
+    maxAvailable?: number;
+};
+declare const CounterBoxInput: FC<CounterBoxInputProps>;
+export default CounterBoxInput;

package/dist/types/components/DataGrid.d.ts

@@ -0,0 +1,57 @@
+import { type MRT_ColumnDef, type MRT_RowData, type MRT_TableOptions, type MRT_TableInstance, type MRT_Row } from 'material-react-table';
+import { MRT_Localization_FA } from 'material-react-table/locales/fa';
+export type { MRT_ColumnDef, MRT_RowData, MRT_TableOptions, MRT_TableInstance, MRT_Row, };
+/**
+ * DataGrid Props - Thin wrapper around Material React Table
+ *
+ * All MRT options can be passed directly. This component adds:
+ * - RTL support with sensible defaults
+ * - Persian localization by default
+ * - Automatic direction handling
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <DataGrid columns={columns} data={data} />
+ *
+ * // With MRT options
+ * <DataGrid
+ *   columns={columns}
+ *   data={data}
+ *   enableRowSelection
+ *   enableSorting
+ *   enableColumnFilters
+ *   renderRowActions={({ row }) => <button>Edit</button>}
+ *   initialState={{ density: 'compact' }}
+ * />
+ *
+ * // Full MRT API access
+ * <DataGrid
+ *   columns={columns}
+ *   data={data}
+ *   enableExpanding
+ *   enableColumnPinning
+ *   muiTableContainerProps={{ sx: { maxHeight: '500px' }}}
+ *   renderTopToolbar={({ table }) => <CustomToolbar table={table} />}
+ * />
+ * ```
+ */
+export interface DataGridProps<TData extends MRT_RowData> extends Omit<MRT_TableOptions<TData>, 'columns' | 'data' | 'localization'> {
+    /** Column definitions (required) */
+    columns: MRT_ColumnDef<TData>[];
+    /** Data array (required) */
+    data: TData[];
+    /** Localization - defaults to Persian (FA) */
+    localization?: Partial<typeof MRT_Localization_FA>;
+}
+/**
+ * DataGrid Component - RTL-first wrapper for Material React Table
+ *
+ * A fully dynamic data grid that exposes the complete MRT API while providing
+ * RTL support and Persian localization out of the box.
+ *
+ * All MRT props are supported - see https://www.material-react-table.com/docs/api/table-options
+ */
+export declare const DataGrid: <TData extends MRT_RowData>({ columns, data, localization, layoutMode, enableRowActions, initialState, displayColumnDefOptions, muiTablePaperProps, muiTableContainerProps, muiTableHeadCellProps, muiTableBodyCellProps, muiTableBodyRowProps, muiSelectCheckboxProps, ...mrtOptions }: DataGridProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export { useMaterialReactTable } from 'material-react-table';
+export default DataGrid;

package/dist/types/components/Dialog.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { DialogProps } from "@mui/material";
+declare const Dialog: FC<DialogProps>;
+export default Dialog;

package/dist/types/components/Divider.d.ts

@@ -0,0 +1,4 @@
+import { DividerProps } from "@mui/material";
+import { FC } from "react";
+declare const Divider: FC<DividerProps>;
+export default Divider;

package/dist/types/components/Drawer.d.ts

@@ -0,0 +1,9 @@
+import { DrawerProps as MuiDrawerProp } from "@mui/material";
+import React, { FC } from "react";
+interface DrawerProps {
+    isDrawerOpen: boolean;
+    onClose?: () => void;
+    children: React.ReactNode;
+}
+declare const Drawer: FC<DrawerProps & MuiDrawerProp>;
+export default Drawer;

package/dist/types/components/Fab.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { FabProps } from "@mui/material";
+declare const Fab: FC<FabProps>;
+export default Fab;

package/dist/types/components/FormControl.d.ts

@@ -0,0 +1,4 @@
+import { FormControlProps } from "@mui/material";
+import { FC } from "react";
+declare const FormControl: FC<FormControlProps>;
+export default FormControl;

package/dist/types/components/FormControlLabel.d.ts

@@ -0,0 +1,4 @@
+import { FormControlLabelProps } from "@mui/material";
+import { FC } from "react";
+declare const FormControlLabel: FC<FormControlLabelProps>;
+export default FormControlLabel;

package/dist/types/components/Grid.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { Grid2Props } from "@mui/material";
+declare const Grid: FC<Grid2Props>;
+export default Grid;

package/dist/types/components/IconButton.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { IconButtonProps } from "@mui/material";
+declare const IconButton: FC<IconButtonProps>;
+export default IconButton;

package/dist/types/components/Image.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface ImageProps {
+    src: string;
+    width: number | string;
+    height: number | string;
+    alt?: string;
+    objectFit?: React.CSSProperties["objectFit"];
+    style?: React.CSSProperties;
+    fallbackSrc?: string;
+}
+declare const Image: React.FC<ImageProps>;
+export default Image;

package/dist/types/components/InputLabel.d.ts

@@ -0,0 +1,4 @@
+import { InputLabelProps } from "@mui/material";
+import { FC } from "react";
+declare const InputLabel: FC<InputLabelProps>;
+export default InputLabel;