@lmnto/h-mall-shared 1.0.1

package/shared/utils/user-session.util.ts

@@ -0,0 +1,171 @@
+"use server";
+
+import { ResponseCookie } from "next/dist/compiled/@edge-runtime/cookies";
+import { cookies } from "next/headers";
+
+import { COOKIES_NAME } from "../constants/app";
+
+let cookieOptions:
+  | Partial<ResponseCookie>
+  | undefined
+  | [options: ResponseCookie] = {
+  httpOnly: true,
+  secure: false, // Only send over HTTPS
+  sameSite: "strict", // Prevent cross-site request forgery (CSRF)
+  maxAge: 3600, // 1 hour in seconds
+};
+
+const getJwExpiredTimeInSeconds = (tokenPayload: string) => {
+  const decodedPayload: any = JSON.parse(
+    Buffer.from(tokenPayload, "base64").toString(),
+  );
+  if (decodedPayload?.exp) {
+    return decodedPayload?.exp - decodedPayload?.iat;
+  }
+
+  return 0;
+};
+
+export const setJwtCookie = async ({
+  id,
+  token,
+}: {
+  id: string;
+  token: string;
+}): Promise<boolean> => {
+  return new Promise(async (resolve) => {
+    // Asynchronous operation here
+    try {
+      const { set } = await cookies();
+      if (!set) return;
+
+      const tokenParts: string[] = token.split(".");
+
+      if (tokenParts.length == 3) {
+        const tokenPayload: string = tokenParts[1];
+
+        cookieOptions = {
+          ...cookieOptions,
+          maxAge: getJwExpiredTimeInSeconds(tokenPayload),
+        };
+
+        set(COOKIES_NAME.authToken, token, cookieOptions);
+        set(COOKIES_NAME.userSessionId, id, cookieOptions);
+
+        return resolve(true);
+      }
+
+      resolve(false);
+    } catch {
+      resolve(false);
+    }
+  });
+};
+
+export const isTokenExpired = async (): Promise<boolean> => {
+  try {
+    const { get } = await cookies();
+    if (!get) return;
+
+    const token = get(COOKIES_NAME.authToken)?.value;
+    if (!token) return true;
+
+    const tokenParts: string[] = token.split(".");
+    const tokenPayload: string = tokenParts?.[1];
+    if (!tokenPayload) return true;
+
+    const decodedPayload: any = JSON.parse(
+      Buffer.from(tokenPayload, "base64").toString(),
+    );
+
+    if ((decodedPayload?.exp ?? 0) > Date.now() / 1000) {
+      return false;
+    }
+
+    // await deleteToken();
+
+    return true;
+  } catch {
+    return true;
+  }
+};
+
+export const getToken = async (): Promise<string> => {
+  try {
+    const { get } = await cookies();
+    if (!get) return;
+
+    const token = get(COOKIES_NAME.authToken)?.value;
+    if (!token) return "";
+
+    return token;
+  } catch {
+    return "";
+  }
+};
+
+export const deleteToken = async (): Promise<boolean> => {
+  try {
+    const { delete: deleteCookie } = await cookies();
+
+    deleteCookie(COOKIES_NAME.authToken);
+    deleteCookie(COOKIES_NAME.userSessionId);
+    deleteCookie(COOKIES_NAME.aletaPaymentToken);
+
+    return true;
+  } catch {
+    return false;
+  }
+};
+
+export const getTokenExpiredTime = async (): Promise<number> => {
+  try {
+    const { get } = await cookies();
+    if (!get) return;
+
+    const token = get(COOKIES_NAME.authToken)?.value;
+    if (!token) return 0;
+
+    const tokenParts: string[] = token.split(".");
+    const tokenPayload: string = tokenParts?.[1];
+    if (!tokenPayload) return 0;
+
+    const decodedPayload: any = JSON.parse(
+      Buffer.from(tokenPayload, "base64").toString(),
+    );
+
+    if (decodedPayload?.exp) {
+      return parseInt(decodedPayload.exp, 10);
+    }
+
+    return 0;
+  } catch (error) {
+    console.log("🚀 ~ getTokenExpiredTime ~ error:", error);
+    return 0;
+  }
+};
+
+export const getTokenRemainingTime = async () => {
+  const expiryTime = await getTokenExpiredTime();
+  const now = Date.now() / 1000;
+
+  const remainingSeconds = expiryTime - now;
+
+  return remainingSeconds;
+};
+
+export const saveCookie = async (key: string, value: string) => {
+  const { set } = await cookies();
+  if (!set) return;
+
+  set(key, value, {
+    maxAge: 300,
+  });
+};
+
+export const getCookie = async (key: string) => {
+  const { get } = await cookies();
+  if (!get) return;
+
+  return get(key)?.value ?? null;
+};

package/tailwind.config.ts

@@ -0,0 +1,234 @@
+import withMT from "@material-tailwind/react/utils/withMT";
+import type { Config } from "tailwindcss";
+
+export const sharedConfig: Config = {
+  content: ["../h-mall-shared/shared/**/*.{js,ts,jsx,tsx,mdx}"],
+  safelist: [
+    "bg-yellow-50",
+    "bg-red-100",
+    "text-info-500",
+    "bg-info-100",
+    "text-[#DC9700]",
+  ],
+
+  theme: {
+    // fontSize: {
+    //     xs: '0.75rem',
+    //     sm: '0.875rem',
+    //     base: '0.875rem', // Adjust the base font size here
+    // },
+    screens: {
+      cxs: {
+        min: "320px",
+        max: "768px",
+      },
+
+      "min-sm": { min: "640px" },
+
+      "max-xs": { min: "20px", max: "768px" },
+
+      sm: "640px",
+      // => @media (min-width: 640px) { ... }
+
+      md: "768px",
+      // => @media (min-width: 768px) { ... }
+
+      lg: "1024px",
+      // => @media (min-width: 1024px) { ... }
+
+      xl: "1280px",
+      // => @media (min-width: 1280px) { ... }
+
+      "2xl": "1536px",
+      // => @media (min-width: 1536px) { ... }
+    },
+    radio: {
+      styles: {
+        base: {
+          label: {
+            color: "text-black-700",
+            fontWeight: "font-light",
+            userSelect: "select-none",
+            cursor: "cursor-pointer",
+            mt: "mt-0",
+            flex: "flex-1",
+          },
+        },
+      },
+    },
+    drawer: {
+      defaultProps: {
+        size: 500,
+      },
+    },
+    extend: {
+      breadcrumbs: {
+        styles: {
+          base: {
+            root: {
+              initial: {
+                width: "w-fit",
+              },
+            },
+          },
+        },
+      },
+      fontFamily: {
+        sans: ["var(--font-Roboto)", "sans-serif"], // injected using next/font, check layout.jsx
+      },
+      colors: {
+        white: "#ffffff",
+        offWhite: "#FBFBFB",
+        slateBG: "#E3E9F6",
+        sushiGreen: "#01c9a7",
+
+        black: {
+          50: "#E8E9EA",
+          100: "#B9BABE",
+          200: "#97999F",
+          300: "#676B73",
+          400: "#494E58",
+          500: "#1C222E",
+          600: "#191F2A",
+          700: "#141821",
+          800: "#0F1319",
+          900: "#0C0E13",
+        },
+        gray: {
+          50: "#F9F9F9",
+          100: "#D1D3D8",
+          200: "#D0D3D9",
+          300: "#B3B8C3",
+          400: "#ADB2BD",
+          500: "#757D8D",
+          600: "#6B7382",
+          700: "#4C515B",
+          800: "#3B3F46",
+          900: "#2D3036",
+        },
+        slate: {
+          50: "#E3E9F6",
+          100: "#CFD4DB",
+          200: "#B8BFCA",
+          300: "#97A2B1",
+          400: "#8390A2",
+          500: "#64748B",
+          600: "#5B6A7E",
+          700: "#475263",
+          800: "#37404C",
+          900: "#2A313A",
+        },
+
+        orange: {
+          50: "#fff9ef",
+          100: "#fff1ea",
+          200: "#feebe0",
+          300: "#fdd5bf",
+          400: "#e16b2c",
+          500: "#fa7731",
+          600: "#c85f27",
+          700: "#bc5925",
+          800: "#96471d",
+          900: "#582a11",
+        },
+        red: {
+          100: "#FDECE9",
+          200: "#F8A69B",
+          300: "#F47D6D",
+          400: "#F26451",
+          500: "#DC2828", // ← NEW PRIMARY
+          600: "#B12C2C",
+          700: "#AA2B1A",
+          800: "#832214",
+          900: "#641A10",
+        },
+        yellow: {
+          50: "#FFF8E8",
+          100: "#FFEAB8",
+          200: "#FFE095",
+          300: "#FED165",
+          400: "#FEC947",
+          500: "#FEBB19",
+          600: "#E7AA17",
+          700: "#B48512",
+          800: "#8C670E",
+          900: "#6B4F0B",
+        },
+        info: {
+          100: "#eaf4ff",
+          200: "#e0eefe",
+          300: "#bfddfd",
+          400: "#2a82e1",
+          500: "#2f90fa",
+          600: "#2673c8",
+          700: "#236cbc",
+          800: "#1c5696",
+          900: "#103258",
+        },
+        green: {
+          100: "#c6f6ee",
+          200: "#98ebdd",
+          300: "#6adfcb",
+          400: "#3cd4ba",
+          500: "#01c9a7", // Main degree
+          600: "#01b596",
+          700: "#019f83",
+          800: "#018c74",
+          900: "#00735e",
+        },
+        purple: {
+          50: "#E6F6FD",
+          100: "#BAE8FB",
+          200: "#8DD9F8",
+          300: "#5BC6ED",
+          400: "#29B4E4",
+          500: "#0094E3",
+          600: "#0072B4",
+          700: "#005487",
+          800: "#003D61",
+          900: "#002941",
+        },
+        blue: {
+          50: "#e6f0ff",
+          100: "#b3d1ff",
+          200: "#80b2ff",
+          300: "#4d93ff",
+          400: "#1a74ff",
+          500: "#1a74ff",
+          600: "#002ec9",
+          700: "#002395",
+          800: "#001861",
+          900: "#000d2d",
+        },
+      },
+      keyframes: {
+        "bg-sweep": {
+          "0%": {
+            backgroundSize: "0% 100%",
+            backgroundPosition: "50% 0%",
+          },
+          "100%": {
+            backgroundSize: "200% 100%",
+            backgroundPosition: "0% 0%",
+          },
+        },
+        jiggleScale: {
+          "0%, 100%": { transform: "scale(1) rotate(0deg)" },
+          "25%": { transform: "scale(1.1) rotate(-8deg)" },
+          "50%": { transform: "scale(1.3) rotate(8deg)" },
+          "75%": { transform: "scale(1.1) rotate(-8deg)" },
+        },
+      },
+      animation: {
+        "bg-sweep": "bg-sweep 0.5s ease-out forwards",
+        jiggleScale: "jiggleScale 1s infinite",
+      },
+      zIndex: {
+        tooltip: "999999999",
+      },
+    },
+  },
+  plugins: [require("@material-tailwind/react/utils/withMT")],
+};
+
+export const sharedWithMT = withMT;