@solidxai/core-ui 0.0.1

package/dist/components/auth/AuthLayout.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "../common/Link";
+import { usePathname } from "../../hooks/usePathname";
+import { useRouter } from "../../hooks/useRouter";
+import { Button } from "primereact/button";
+import { Dialog } from "primereact/dialog";
+import { useEffect, useState } from "react";
+import Image from "../common/Image";
+import SolidLogo from '../../resources/images/SolidXLogo.svg';
+import { Divider } from "primereact/divider";
+import AuthScreenRightBackgroundImage from '../../resources/images/auth/solid-left-layout-bg.png';
+import AuthScreenLeftBackgroundImage from '../../resources/images/auth/solid-right-layout-bg.png';
+import AuthScreenCenterBackgroundImage from '../../resources/images/auth/solid-login-light.png';
+import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
+import { env } from "../../adapters/env";
+export var AuthLayout = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21;
+    var children = _a.children;
+    var _22 = useLazyGetAuthSettingsQuery(), trigger = _22[0], solidSettingsData = _22[1].data;
+    var _23 = useState(null), allowRegistration = _23[0], setAllowRegistration = _23[1];
+    var _24 = useState(false), isRestricted = _24[0], setIsRestricted = _24[1];
+    var pathname = usePathname();
+    var router = useRouter();
+    // const { changeTheme } = useContext(PrimeReactContext);
+    // const { layoutConfig, setLayoutConfig } = useContext(LayoutContext);
+    // const dispatch = useDispatch();
+    // const _changeTheme = (theme: string, colorScheme: string) => {
+    //     changeTheme?.(layoutConfig.theme, theme, 'theme-css', () => {
+    //         setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, theme, colorScheme }));
+    //     });
+    // };
+    // useEffect(() => {
+    //     const theme = solidSettingsData?.data?.authPagesTheme; // 'dark' or 'light'
+    //     if (theme) {
+    //         dispatch(toggleTheme()); // Dispatch Redux action
+    //         _changeTheme(
+    //             theme === "dark" ? "solid-dark-purple" : "solid-light-purple",
+    //             theme
+    //         );
+    //     }
+    // }, [solidSettingsData]);
+    useEffect(function () {
+        var _a;
+        // Fetch settings if not already available
+        trigger("");
+        var allowPublicRegistration = (_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.allowPublicRegistration;
+        if (allowPublicRegistration === false) {
+            setAllowRegistration(false);
+            if (pathname === "/auth/register") {
+                setIsRestricted(true);
+            }
+            else {
+                setIsRestricted(false);
+            }
+        }
+        else if (allowPublicRegistration === true) {
+            setAllowRegistration(true);
+            setIsRestricted(false);
+        }
+    }, [solidSettingsData, pathname, trigger]);
+    if (allowRegistration === null && pathname === "/auth/register") {
+        console.log("AuthLayout returning null because allowRegistration is null for register route");
+        return null;
+    }
+    var authChildren = allowRegistration || pathname !== "/auth/register" ? children : null;
+    var handleRegistration = function () {
+        router.push("/auth/login");
+        setIsRestricted(false);
+    };
+    var solidSideBanner = function () {
+        var _a, _b, _c, _d;
+        var layout = (_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.authPagesLayout;
+        var src = '';
+        if (layout === 'left') {
+            src = ((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.authScreenLeftBackgroundImage) || AuthScreenLeftBackgroundImage.src || AuthScreenLeftBackgroundImage;
+        }
+        else if (layout === 'right') {
+            src = ((_c = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _c === void 0 ? void 0 : _c.authScreenRightBackgroundImage) || AuthScreenRightBackgroundImage.src || AuthScreenRightBackgroundImage;
+        }
+        else if (layout === 'center') {
+            src = ((_d = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _d === void 0 ? void 0 : _d.authScreenCenterBackgroundImage) || AuthScreenCenterBackgroundImage.src || AuthScreenCenterBackgroundImage;
+        }
+        // Normalize image path if coming from API
+        var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) || (src === null || src === void 0 ? void 0 : src.startsWith("http"));
+        if (!isBlobOrAbsolute && !(src === null || src === void 0 ? void 0 : src.startsWith("/"))) {
+            src = "".concat(env("API_URL"), "/").concat(src);
+        }
+        return src;
+    };
+    return (_jsxs("div", { className: "solid-auth-theme-wrapper ".concat(((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.authPagesLayout) || 'center'), style: ((_c = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _c === void 0 ? void 0 : _c.authPagesLayout) === 'center' ? { backgroundImage: "url(".concat(((_d = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _d === void 0 ? void 0 : _d.authScreenCenterBackgroundImage) || (AuthScreenCenterBackgroundImage === null || AuthScreenCenterBackgroundImage === void 0 ? void 0 : AuthScreenCenterBackgroundImage.src) || AuthScreenCenterBackgroundImage, ")") } : {}, children: [_jsxs("div", { className: "".concat(((_e = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _e === void 0 ? void 0 : _e.authPagesLayout) !== 'center' ? 'grid w-full h-full m-0' : ''), children: [((_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.authPagesLayout) === 'left' &&
+                        _jsx("div", { className: 'col-12 lg:col-7 xl:col-6  flex align-items-center justify-content-center solid-login-dark-bg', children: _jsxs("div", { className: "w-full", children: [((_g = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _g === void 0 ? void 0 : _g.appLogoPosition) === "in_form_view" &&
+                                        _jsx("div", { className: "flex justify-content-center", children: _jsx("div", { className: "solid-logo flex align-items-center ".concat((_h = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _h === void 0 ? void 0 : _h.appLogoPosition), children: _jsx(Image, { alt: "solid logo", src: ((_j = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _j === void 0 ? void 0 : _j.appLogo) || SolidLogo, className: "relative", fill: true }) }) }), authChildren] }) }), _jsxs("div", { className: "hidden lg:flex ".concat(((_k = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _k === void 0 ? void 0 : _k.authPagesLayout) !== 'center' ? 'col-5 xl:col-6 position-relative' : '', " \n                                ").concat(((_l = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _l === void 0 ? void 0 : _l.authPagesLayout) === 'left' ? 'solid-left-layout' : '', " \n                                ").concat(((_m = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _m === void 0 ? void 0 : _m.authPagesLayout) === 'right' ? 'solid-right-layout' : '').trim(), style: { backgroundImage: "url(".concat(solidSideBanner(), ")") }, children: [((_o = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _o === void 0 ? void 0 : _o.appLogoPosition) === "in_image_view" && ((_p = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _p === void 0 ? void 0 : _p.authPagesLayout) !== 'center' &&
+                                _jsx("div", { className: "solid-logo flex align-items-center gap-3 ".concat((_q = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _q === void 0 ? void 0 : _q.appLogoPosition), children: _jsx(Image, { alt: "solid logo", src: ((_r = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _r === void 0 ? void 0 : _r.appLogo) || SolidLogo, className: "relative", fill: true }) }), ((_s = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _s === void 0 ? void 0 : _s.showAuthContent) && ((_t = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _t === void 0 ? void 0 : _t.authPagesLayout) !== 'center' &&
+                                _jsx("div", { className: "w-full", style: { zIndex: 1 }, children: _jsx("div", { className: "grid", children: _jsxs("div", { className: "col-8 mx-auto", children: [((_u = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _u === void 0 ? void 0 : _u.appSubtitle) && _jsx("h1", { className: "solid-auth-image-subtitle m-0", children: (_v = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _v === void 0 ? void 0 : _v.appSubtitle }), ((_w = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _w === void 0 ? void 0 : _w.appTitle) && _jsx("h1", { className: "solid-auth-image-title mt-0", children: (_x = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _x === void 0 ? void 0 : _x.appTitle }), ((_y = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _y === void 0 ? void 0 : _y.appDescription) && _jsx("p", { className: "solid-auth-image-helper-text", children: (_z = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _z === void 0 ? void 0 : _z.appDescription })] }) }) })] }), ((_0 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _0 === void 0 ? void 0 : _0.authPagesLayout) === 'center' && _jsx("div", { className: "solid-center-layout", children: authChildren }), ((_1 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _1 === void 0 ? void 0 : _1.authPagesLayout) === 'right' &&
+                        _jsx("div", { className: 'col-12 lg:col-7 xl:col-6 flex align-items-center justify-content-center solid-login-dark-bg', children: _jsxs("div", { className: "w-full", children: [((_2 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _2 === void 0 ? void 0 : _2.appLogoPosition) === "in_form_view" &&
+                                        _jsx("div", { className: "flex justify-content-center", children: _jsx("div", { className: "solid-logo flex align-items-center gap-3 ".concat((_3 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _3 === void 0 ? void 0 : _3.appLogoPosition), children: _jsx(Image, { alt: "solid logo", src: ((_4 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _4 === void 0 ? void 0 : _4.appLogo) || SolidLogo, className: "relative", fill: true }) }) }), authChildren] }) })] }), _jsxs("div", { className: "absolute hidden md:flex ".concat(((_5 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _5 === void 0 ? void 0 : _5.authPagesLayout) === 'center' ? 'solid-auth-footer flex flex-column sm:flex-row align-items-center justify-content-between' : 'solid-auth-footer-2 grid'), children: [((_6 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _6 === void 0 ? void 0 : _6.authPagesLayout) !== 'left' &&
+                        _jsx("div", { className: ((_7 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _7 === void 0 ? void 0 : _7.authPagesLayout) !== 'center' ? 'col-6 lg:col-5  xl:col-6 flex justify-content-center' : '', children: ((_8 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _8 === void 0 ? void 0 : _8.showLegalLinks) === true &&
+                                _jsxs("p", { className: "solid-auth-input-label text-sm m-0 ".concat((_9 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _9 === void 0 ? void 0 : _9.authPagesLayout), children: ["Made with ", _jsxs("svg", { className: "mx-1", width: "12px", height: "12px", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }), _jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), _jsxs("g", { id: "SVGRepo_iconCarrier", children: [" ", _jsx("path", { d: "M1.24264 8.24264L8 15L14.7574 8.24264C15.553 7.44699 16 6.36786 16 5.24264V5.05234C16 2.8143 14.1857 1 11.9477 1C10.7166 1 9.55233 1.55959 8.78331 2.52086L8 3.5L7.21669 2.52086C6.44767 1.55959 5.28338 1 4.05234 1C1.8143 1 0 2.8143 0 5.05234V5.24264C0 6.36786 0.44699 7.44699 1.24264 8.24264Z", fill: "#ff0000" }), " "] })] }), " in Mumbai"] }) }), _jsxs("div", { className: ((_10 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _10 === void 0 ? void 0 : _10.authPagesLayout) !== 'center' ? 'col-6 flex justify-content-center' : '', children: [((_11 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _11 === void 0 ? void 0 : _11.showLegalLinks) === true && _jsxs("div", { className: "flex flex-column sm:flex-row align-items-center gap-1 sm:gap-5 solid-auth-subtitle mr-3 ".concat(((_12 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _12 === void 0 ? void 0 : _12.authPagesLayout) === 'left' ? 'left' : ''), children: [((_13 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _13 === void 0 ? void 0 : _13.appTnc) !== "" && _jsxs("p", { className: "m-0 ", children: [" ", _jsx(Link, { className: "text-sm no-underline font-normal", href: (_14 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _14 === void 0 ? void 0 : _14.appTnc, children: "Terms of Service" })] }), ((_15 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _15 === void 0 ? void 0 : _15.appPrivacyPolicy) !== "" && _jsxs("p", { className: "m-0 ", children: [" ", _jsx(Link, { className: "text-sm no-underline font-normal", href: (_16 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _16 === void 0 ? void 0 : _16.appPrivacyPolicy, children: "Privacy Policy." })] })] }), ((_17 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _17 === void 0 ? void 0 : _17.copyright) !== "" &&
+                                _jsx("div", { className: "mt-1", children: _jsx("p", { className: "m-0 text-sm font-normal", children: (_18 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _18 === void 0 ? void 0 : _18.copyright }) })] }), ((_19 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _19 === void 0 ? void 0 : _19.authPagesLayout) === 'left' &&
+                        _jsx("div", { className: ((_20 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _20 === void 0 ? void 0 : _20.authPagesLayout) !== 'center' ? 'col-6 lg:col-5 xl:col-6  flex justify-content-center' : '', children: ((_21 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _21 === void 0 ? void 0 : _21.showLegalLinks) === true &&
+                                _jsxs("p", { className: "solid-auth-input-label text-sm m-0 right", children: ["Made with ", _jsxs("svg", { className: "mx-1", width: "12px", height: "12px", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }), _jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), _jsxs("g", { id: "SVGRepo_iconCarrier", children: [" ", _jsx("path", { d: "M1.24264 8.24264L8 15L14.7574 8.24264C15.553 7.44699 16 6.36786 16 5.24264V5.05234C16 2.8143 14.1857 1 11.9477 1C10.7166 1 9.55233 1.55959 8.78331 2.52086L8 3.5L7.21669 2.52086C6.44767 1.55959 5.28338 1 4.05234 1C1.8143 1 0 2.8143 0 5.05234V5.24264C0 6.36786 0.44699 7.44699 1.24264 8.24264Z", fill: "#ff0000" }), " "] })] }), " in Mumbai"] }) })] }), _jsxs(Dialog, { visible: isRestricted, onHide: handleRegistration, header: "Access Restricted", headerClassName: "py-2", contentClassName: "px-0 pb-0", className: "solid-confirm-dialog ", footer: _jsx("div", { className: "flex align-items-center justify-content-start", children: _jsx(Button, { label: "Close", onClick: handleRegistration, size: "small" }) }), draggable: false, children: [_jsx(Divider, { className: "m-0" }), _jsx("div", { className: "p-4", children: _jsx("p", { children: "Sign-up is not available. Please contact the admin." }) })] })] }));
+};
+//# sourceMappingURL=AuthLayout.js.map

package/dist/components/auth/AuthLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthLayout.js","sourceRoot":"","sources":["../../../src/components/auth/AuthLayout.tsx"],"names":[],"mappings":"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"}

package/dist/components/auth/AuthLayout.tsx

@@ -0,0 +1,226 @@
+import Link from "../common/Link";
+import { usePathname } from "../../hooks/usePathname";
+import { useRouter } from "../../hooks/useRouter";
+import { PrimeReactContext } from "primereact/api";
+import { Button } from "primereact/button";
+import { Dialog } from "primereact/dialog";
+import { useEffect, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import Image from "../common/Image";
+import SolidLogo from '../../resources/images/SolidXLogo.svg'
+import { Divider } from "primereact/divider";
+import AuthScreenRightBackgroundImage from '../../resources/images/auth/solid-left-layout-bg.png';
+import AuthScreenLeftBackgroundImage from '../../resources/images/auth/solid-right-layout-bg.png';
+import AuthScreenCenterBackgroundImage from '../../resources/images/auth/solid-login-light.png';
+import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
+import { env } from "../../adapters/env";
+
+
+export const AuthLayout = ({ children }: { children: React.ReactNode }) => {
+    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery()
+
+    const [allowRegistration, setAllowRegistration] = useState<boolean | null>(null);
+    const [isRestricted, setIsRestricted] = useState(false);
+    const pathname = usePathname();
+    const router = useRouter();
+
+    // const { changeTheme } = useContext(PrimeReactContext);
+    // const { layoutConfig, setLayoutConfig } = useContext(LayoutContext);
+    // const dispatch = useDispatch();
+    // const _changeTheme = (theme: string, colorScheme: string) => {
+    //     changeTheme?.(layoutConfig.theme, theme, 'theme-css', () => {
+    //         setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, theme, colorScheme }));
+    //     });
+    // };
+    // useEffect(() => {
+    //     const theme = solidSettingsData?.data?.authPagesTheme; // 'dark' or 'light'
+    //     if (theme) {
+    //         dispatch(toggleTheme()); // Dispatch Redux action
+    //         _changeTheme(
+    //             theme === "dark" ? "solid-dark-purple" : "solid-light-purple",
+    //             theme
+    //         );
+    //     }
+    // }, [solidSettingsData]);
+    useEffect(() => {
+        // Fetch settings if not already available
+        trigger("");
+
+        const allowPublicRegistration = solidSettingsData?.data?.allowPublicRegistration;
+        if (allowPublicRegistration === false) {
+            setAllowRegistration(false);
+            if (pathname === "/auth/register") {
+                setIsRestricted(true);
+            } else {
+                setIsRestricted(false);
+            }
+        } else if (allowPublicRegistration === true) {
+            setAllowRegistration(true);
+            setIsRestricted(false);
+        }
+    }, [solidSettingsData, pathname, trigger]);
+
+    if (allowRegistration === null && pathname === "/auth/register") {
+        console.log(`AuthLayout returning null because allowRegistration is null for register route`);
+        return null;
+    }
+
+    const authChildren = allowRegistration || pathname !== "/auth/register" ? children : null;
+    const handleRegistration = () => {
+        router.push("/auth/login");
+        setIsRestricted(false);
+    }
+
+    const solidSideBanner = () => {
+        const layout = solidSettingsData?.data?.authPagesLayout;
+
+        let src = '';
+
+        if (layout === 'left') {
+            src = solidSettingsData?.data?.authScreenLeftBackgroundImage || (AuthScreenLeftBackgroundImage as any).src || AuthScreenLeftBackgroundImage;
+        } else if (layout === 'right') {
+            src = solidSettingsData?.data?.authScreenRightBackgroundImage || (AuthScreenRightBackgroundImage as any).src || AuthScreenRightBackgroundImage;
+        } else if (layout === 'center') {
+            src = solidSettingsData?.data?.authScreenCenterBackgroundImage || (AuthScreenCenterBackgroundImage as any).src || AuthScreenCenterBackgroundImage;
+        }
+
+        // Normalize image path if coming from API
+        const isBlobOrAbsolute = src?.startsWith("blob:") || src?.startsWith("http");
+        if (!isBlobOrAbsolute && !src?.startsWith("/")) {
+            src = `${env("API_URL")}/${src}`;
+        }
+
+        return src;
+    };
+
+    return (
+        <div className={`solid-auth-theme-wrapper ${solidSettingsData?.data?.authPagesLayout || 'center'}`}
+            style={
+                solidSettingsData?.data?.authPagesLayout === 'center' ? { backgroundImage: `url(${solidSettingsData?.data?.authScreenCenterBackgroundImage || (AuthScreenCenterBackgroundImage as any)?.src || AuthScreenCenterBackgroundImage})` } : {}
+            }
+        >
+            <div className={`${solidSettingsData?.data?.authPagesLayout !== 'center' ? 'grid w-full h-full m-0' : ''}`}>
+                {solidSettingsData?.data?.authPagesLayout === 'left' &&
+                    <div className='col-12 lg:col-7 xl:col-6  flex align-items-center justify-content-center solid-login-dark-bg'>
+                        <div className="w-full">
+                            {solidSettingsData?.data?.appLogoPosition === "in_form_view" &&
+                                <div className="flex justify-content-center">
+                                    <div className={`solid-logo flex align-items-center ${solidSettingsData?.data?.appLogoPosition}`}>
+                                        <Image
+                                            alt="solid logo"
+                                            src={solidSettingsData?.data?.appLogo || SolidLogo}
+                                            className="relative"
+                                            fill
+                                        />
+                                    </div>
+                                </div>
+                            }
+                            {authChildren}
+                        </div>
+                    </div>
+                }
+
+                <div
+                    className={`hidden lg:flex ${solidSettingsData?.data?.authPagesLayout !== 'center' ? 'col-5 xl:col-6 position-relative' : ''} 
+                                ${solidSettingsData?.data?.authPagesLayout === 'left' ? 'solid-left-layout' : ''} 
+                                ${solidSettingsData?.data?.authPagesLayout === 'right' ? 'solid-right-layout' : ''}`.trim()}
+                    style={{ backgroundImage: `url(${solidSideBanner()})` }}
+                >
+                    {solidSettingsData?.data?.appLogoPosition === "in_image_view" && solidSettingsData?.data?.authPagesLayout !== 'center' &&
+                        <div className={`solid-logo flex align-items-center gap-3 ${solidSettingsData?.data?.appLogoPosition}`}>
+                            <Image
+                                alt="solid logo"
+                                src={solidSettingsData?.data?.appLogo || SolidLogo}
+                                className="relative"
+                                fill
+                            />
+                        </div>
+                    }
+                    {solidSettingsData?.data?.showAuthContent && solidSettingsData?.data?.authPagesLayout !== 'center' &&
+                        <div className="w-full" style={{ zIndex: 1 }}>
+                            <div className="grid">
+                                <div className="col-8 mx-auto">
+                                    {solidSettingsData?.data?.appSubtitle && <h1 className="solid-auth-image-subtitle m-0">{solidSettingsData?.data?.appSubtitle}</h1>}
+                                    {solidSettingsData?.data?.appTitle && <h1 className="solid-auth-image-title mt-0">{solidSettingsData?.data?.appTitle}</h1>}
+                                    {solidSettingsData?.data?.appDescription && <p className="solid-auth-image-helper-text">{solidSettingsData?.data?.appDescription}</p>}
+                                </div>
+                            </div>
+                        </div>
+                    }
+                </div>
+                {solidSettingsData?.data?.authPagesLayout === 'center' && <div className="solid-center-layout">
+                    {authChildren}
+                </div>}
+                {solidSettingsData?.data?.authPagesLayout === 'right' &&
+                    <div className='col-12 lg:col-7 xl:col-6 flex align-items-center justify-content-center solid-login-dark-bg'>
+                        <div className="w-full">
+                            {solidSettingsData?.data?.appLogoPosition === "in_form_view" &&
+                                <div className="flex justify-content-center">
+                                    <div className={`solid-logo flex align-items-center gap-3 ${solidSettingsData?.data?.appLogoPosition}`}>
+                                        <Image
+                                            alt="solid logo"
+                                            src={solidSettingsData?.data?.appLogo || SolidLogo}
+                                            className="relative"
+                                            fill
+                                        />
+                                    </div>
+                                </div>
+                            }
+                            {authChildren}
+                        </div>
+                    </div>
+                }
+            </div>
+            {/* {solidSettingsData?.data?.showLegalLinks === true && */}
+            <div className={`absolute hidden md:flex ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'solid-auth-footer flex flex-column sm:flex-row align-items-center justify-content-between' : 'solid-auth-footer-2 grid'}`}>
+                {solidSettingsData?.data?.authPagesLayout !== 'left' &&
+                    <div className={solidSettingsData?.data?.authPagesLayout !== 'center' ? 'col-6 lg:col-5  xl:col-6 flex justify-content-center' : ''}>
+                        {solidSettingsData?.data?.showLegalLinks === true &&
+                            <p className={`solid-auth-input-label text-sm m-0 ${solidSettingsData?.data?.authPagesLayout}`}>Made with <svg className="mx-1" width="12px" height="12px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" strokeLinecap="round" strokeLinejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M1.24264 8.24264L8 15L14.7574 8.24264C15.553 7.44699 16 6.36786 16 5.24264V5.05234C16 2.8143 14.1857 1 11.9477 1C10.7166 1 9.55233 1.55959 8.78331 2.52086L8 3.5L7.21669 2.52086C6.44767 1.55959 5.28338 1 4.05234 1C1.8143 1 0 2.8143 0 5.05234V5.24264C0 6.36786 0.44699 7.44699 1.24264 8.24264Z" fill="#ff0000"></path> </g></svg> in Mumbai</p>
+                        }
+                    </div>
+                }
+                <div className={solidSettingsData?.data?.authPagesLayout !== 'center' ? 'col-6 flex justify-content-center' : ''}>
+                    {solidSettingsData?.data?.showLegalLinks === true && <div className={`flex flex-column sm:flex-row align-items-center gap-1 sm:gap-5 solid-auth-subtitle mr-3 ${solidSettingsData?.data?.authPagesLayout === 'left' ? 'left' : ''}`}>
+                        {solidSettingsData?.data?.appTnc !== "" && <p className="m-0 "> <Link className="text-sm no-underline font-normal" href={solidSettingsData?.data?.appTnc}>Terms of Service</Link></p>}
+                        {solidSettingsData?.data?.appPrivacyPolicy !== "" && <p className="m-0 "> <Link className="text-sm no-underline font-normal" href={solidSettingsData?.data?.appPrivacyPolicy}>Privacy Policy.</Link></p>}
+                    </div>
+                    }
+                    {solidSettingsData?.data?.copyright !== "" &&
+                        <div className="mt-1">
+                            <p className="m-0 text-sm font-normal">{solidSettingsData?.data?.copyright}</p>
+                        </div>
+                    }
+                </div>
+                {
+                    solidSettingsData?.data?.authPagesLayout === 'left' &&
+                    <div className={solidSettingsData?.data?.authPagesLayout !== 'center' ? 'col-6 lg:col-5 xl:col-6  flex justify-content-center' : ''}>
+                        {solidSettingsData?.data?.showLegalLinks === true &&
+                            <p className={`solid-auth-input-label text-sm m-0 right`}>Made with <svg className="mx-1" width="12px" height="12px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" strokeLinecap="round" strokeLinejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M1.24264 8.24264L8 15L14.7574 8.24264C15.553 7.44699 16 6.36786 16 5.24264V5.05234C16 2.8143 14.1857 1 11.9477 1C10.7166 1 9.55233 1.55959 8.78331 2.52086L8 3.5L7.21669 2.52086C6.44767 1.55959 5.28338 1 4.05234 1C1.8143 1 0 2.8143 0 5.05234V5.24264C0 6.36786 0.44699 7.44699 1.24264 8.24264Z" fill="#ff0000"></path> </g></svg> in Mumbai</p>
+                        }
+                    </div>
+                }
+            </div >
+
+            {/* } */}
+            < Dialog
+                visible={isRestricted}
+                onHide={handleRegistration}
+                header="Access Restricted"
+                headerClassName="py-2" contentClassName="px-0 pb-0"
+                className="solid-confirm-dialog "
+                footer={
+                    < div className="flex align-items-center justify-content-start" >
+                        <Button label="Close" onClick={handleRegistration} size="small" />
+                    </div >
+                }
+                draggable={false}
+            >
+                <Divider className="m-0" />
+                <div className="p-4">
+                    <p>Sign-up is not available. Please contact the admin.</p>
+                </div>
+            </Dialog >
+        </div >
+    )
+}

package/dist/components/auth/ForgotPasswordThankYou.d.ts

@@ -0,0 +1,2 @@
+export declare const ForgotPasswordThankYou: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ForgotPasswordThankYou.d.ts.map

package/dist/components/auth/ForgotPasswordThankYou.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordThankYou.d.ts","sourceRoot":"","sources":["../../../src/components/auth/ForgotPasswordThankYou.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,sBAAsB,+CAwBlC,CAAA"}

package/dist/components/auth/ForgotPasswordThankYou.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "../common/Link";
+import { useSearchParams } from "../../hooks/useSearchParams";
+import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
+import { useEffect } from "react";
+export var ForgotPasswordThankYou = function () {
+    var _a;
+    var _b = useLazyGetAuthSettingsQuery(), trigger = _b[0], solidSettingsData = _b[1].data;
+    useEffect(function () {
+        trigger(""); // Fetch settings on mount
+    }, [trigger]);
+    var searchParams = useSearchParams();
+    var email = searchParams.get('email');
+    var decodedEmail = email ? decodeURIComponent(email) : '';
+    return (_jsx("div", { children: _jsxs("div", { className: "auth-container ".concat(((_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.authPagesLayout) === 'center' ? 'center' : 'side'), children: [_jsx("h5", { className: 'text-center font-bold', children: "We have sent an email to your registered email address" }), _jsx("p", { className: 'font-bold text-center', children: decodedEmail }), _jsx("p", { className: 'text-center', children: "Please follow the instructions in the email" }), _jsx("div", { className: 'text-center', children: _jsx(Link, { href: "/", className: 'btn', children: "Back to Home" }) })] }) }));
+};
+//# sourceMappingURL=ForgotPasswordThankYou.js.map

package/dist/components/auth/ForgotPasswordThankYou.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordThankYou.js","sourceRoot":"","sources":["../../../src/components/auth/ForgotPasswordThankYou.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,CAAC,IAAM,sBAAsB,GAAG;;IAC5B,IAAA,KAAyC,2BAA2B,EAAE,EAArE,OAAO,QAAA,EAAU,iBAAiB,aAAmC,CAAA;IAE5E,SAAS,CAAC;QACN,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC,0BAA0B;IAC1C,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACxC,IAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5D,OAAO,CACH,wBACI,eAAK,SAAS,EAAE,yBAAkB,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,eAAe,MAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAE,aACzG,aAAI,SAAS,EAAC,uBAAuB,uEAA4D,EACjG,YAAG,SAAS,EAAC,uBAAuB,YAAE,YAAY,GAAK,EACvD,YAAG,SAAS,EAAC,aAAa,4DAEtB,EACJ,cAAK,SAAS,EAAC,aAAa,YACxB,KAAC,IAAI,IAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,KAAK,6BAAoB,GAClD,IACJ,GACJ,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/auth/ForgotPasswordThankYou.tsx

@@ -0,0 +1,31 @@
+import Link from "../common/Link";
+import { useSearchParams } from "../../hooks/useSearchParams";
+import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
+import { useEffect } from "react";
+
+
+export const ForgotPasswordThankYou = () => {
+    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery()
+
+    useEffect(() => {
+        trigger("") // Fetch settings on mount
+    }, [trigger])
+
+    const searchParams = useSearchParams();
+    const email = searchParams.get('email');
+    const decodedEmail = email ? decodeURIComponent(email) : '';
+    return (
+        <div>
+            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>
+                <h5 className='text-center font-bold'>We have sent an email to your registered email address</h5>
+                <p className='font-bold text-center'>{decodedEmail}</p>
+                <p className='text-center'>
+                    Please follow the instructions in the email
+                </p>
+                <div className='text-center'>
+                    <Link href={"/"} className='btn'>Back to Home</Link>
+                </div>
+            </div>
+        </div>
+    )
+}

package/dist/components/auth/GoogleAuthChecking.d.ts

@@ -0,0 +1,2 @@
+export declare const GoogleAuthChecking: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GoogleAuthChecking.d.ts.map

package/dist/components/auth/GoogleAuthChecking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleAuthChecking.d.ts","sourceRoot":"","sources":["../../../src/components/auth/GoogleAuthChecking.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB,+CAiD9B,CAAA"}

package/dist/components/auth/GoogleAuthChecking.js

@@ -0,0 +1,98 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ERROR_MESSAGES } from '../../constants/error-messages';
+import { signInWithOAuthAccessCode } from "../../adapters/auth/index";
+import { useRouter } from "../../hooks/useRouter";
+import { useSearchParams } from "../../hooks/useSearchParams";
+import { ProgressSpinner } from 'primereact/progressspinner';
+import { Toast } from 'primereact/toast';
+import { useEffect, useRef, useState } from 'react';
+import { env } from "../../adapters/env";
+import showToast from "../../helpers/showToast";
+export var GoogleAuthChecking = function () {
+    var searchParams = useSearchParams();
+    var accessCode = searchParams.get("accessCode");
+    var router = useRouter();
+    var _a = useState(null), error = _a[0], setError = _a[1];
+    var toast = useRef(null);
+    useEffect(function () {
+        var handleOAuthAuthentication = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var response, redirectUrl, err_1;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!accessCode) {
+                            showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, ERROR_MESSAGES.AUTHENICATION__FAILED);
+                            setError(ERROR_MESSAGES.AUTHENICATION__FAILED);
+                            return [2 /*return*/];
+                        }
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, signInWithOAuthAccessCode({
+                                accessCode: accessCode,
+                            })];
+                    case 2:
+                        response = _b.sent();
+                        if (response === null || response === void 0 ? void 0 : response.error) {
+                            showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
+                            setError(ERROR_MESSAGES.AUTHENICATION__FAILED);
+                        }
+                        else {
+                            showToast(toast, "success", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);
+                            redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL") || "/admin";
+                            router.push(redirectUrl);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_1 = _b.sent();
+                        showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, ((_a = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _a === void 0 ? void 0 : _a.message) || ERROR_MESSAGES.AUTHENICATION__FAILED);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        handleOAuthAuthentication();
+    }, [accessCode, router]);
+    if (error) {
+        return (_jsx("div", { className: "flex items-center justify-center min-h-screen", children: _jsx("h2", { className: "text-red-500 text-xl font-semibold", children: error }) }));
+    }
+    return (_jsxs("div", { children: [_jsx(Toast, { ref: toast }), _jsx(ProgressSpinner, {})] }));
+};
+//# sourceMappingURL=GoogleAuthChecking.js.map

package/dist/components/auth/GoogleAuthChecking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleAuthChecking.js","sourceRoot":"","sources":["../../../src/components/auth/GoogleAuthChecking.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAC9B,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAElD,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IACrB,IAAA,KAAoB,QAAQ,CAAgB,IAAI,CAAC,EAAhD,KAAK,QAAA,EAAE,QAAQ,QAAiC,CAAC;IACxD,IAAM,KAAK,GAAG,MAAM,CAAQ,IAAI,CAAC,CAAC;IAClC,SAAS,CAAC;QACN,IAAM,yBAAyB,GAAG;;;;;;wBAC9B,IAAI,CAAC,UAAU,EAAE;4BACb,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAC;4BAC5F,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;4BAC/C,sBAAO;yBACV;;;;wBAGoB,qBAAM,yBAAyB,CAAC;gCAC7C,UAAU,EAAE,UAAU;6BACzB,CAAC,EAAA;;wBAFI,QAAQ,GAAG,SAEf;wBAEF,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE;4BACjB,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;4BACtE,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAA;yBACjD;6BAAM;4BACH,SAAS,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,aAAa,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAC;4BAC1F,WAAW,GAAG,GAAG,CAAC,gCAAgC,CAAC,IAAI,QAAQ,CAAC;4BACtE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;yBAC5B;;;;wBAED,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,CAAA,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,OAAO,KAAI,cAAc,CAAC,qBAAqB,CAAC,CAAC;;;;;aAEzH,CAAC;QAEF,yBAAyB,EAAE,CAAC;IAChC,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzB,IAAI,KAAK,EAAE;QACP,OAAO,CACH,cAAK,SAAS,EAAC,+CAA+C,YAC1D,aAAI,SAAS,EAAC,oCAAoC,YAAE,KAAK,GAAM,GAC7D,CACT,CAAC;KACL;IACD,OAAO,CACH,0BACI,KAAC,KAAK,IAAC,GAAG,EAAE,KAAK,GAAI,EACrB,KAAC,eAAe,KAAG,IACjB,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/auth/GoogleAuthChecking.tsx

@@ -0,0 +1,60 @@
+import { ERROR_MESSAGES } from '../../constants/error-messages';
+import { signInWithOAuthAccessCode } from "../../adapters/auth/index";
+import { useRouter } from "../../hooks/useRouter";
+import { useSearchParams } from "../../hooks/useSearchParams";
+import { ProgressSpinner } from 'primereact/progressspinner';
+import { Toast } from 'primereact/toast';
+import { useEffect, useRef, useState } from 'react'
+import { env } from "../../adapters/env";
+import showToast from "../../helpers/showToast";
+
+export const GoogleAuthChecking = () => {
+    const searchParams = useSearchParams();
+    const accessCode = searchParams.get("accessCode");
+
+    const router = useRouter();
+    const [error, setError] = useState<string | null>(null);
+    const toast = useRef<Toast>(null);
+    useEffect(() => {
+        const handleOAuthAuthentication = async () => {
+            if (!accessCode) {
+                showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, ERROR_MESSAGES.AUTHENICATION__FAILED);
+                setError(ERROR_MESSAGES.AUTHENICATION__FAILED);
+                return;
+            }
+
+            try {
+                const response = await signInWithOAuthAccessCode({
+                    accessCode: accessCode,
+                });
+
+                if (response?.error) {
+                    showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
+                    setError(ERROR_MESSAGES.AUTHENICATION__FAILED)
+                } else {
+                    showToast(toast, "success", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);
+                    const redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL") || "/admin";
+                    router.push(redirectUrl);
+                }
+            } catch (err: any) {
+                showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, err?.data?.message || ERROR_MESSAGES.AUTHENICATION__FAILED);
+            }
+        };
+
+        handleOAuthAuthentication();
+    }, [accessCode, router]);
+
+    if (error) {
+        return (
+            <div className="flex items-center justify-center min-h-screen">
+                <h2 className="text-red-500 text-xl font-semibold">{error}</h2>
+            </div>
+        );
+    }
+    return (
+        <div>
+            <Toast ref={toast} />
+            <ProgressSpinner />
+        </div>
+    )
+}

package/dist/components/auth/SolidChangeForcePassword.d.ts

@@ -0,0 +1,3 @@
+declare const SolidChangeForcePassword: () => import("react/jsx-runtime").JSX.Element;
+export default SolidChangeForcePassword;
+//# sourceMappingURL=SolidChangeForcePassword.d.ts.map

package/dist/components/auth/SolidChangeForcePassword.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidChangeForcePassword.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SolidChangeForcePassword.tsx"],"names":[],"mappings":"AAcA,QAAA,MAAM,wBAAwB,+CAqM7B,CAAA;AACD,eAAe,wBAAwB,CAAA"}