@syzy/apphost 1.0.16 → 1.0.18

package/dist/App.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const componentMap: Record<string, React.ComponentType<any>>;
-declare function App({ isSessionReady }: any): import("react/jsx-runtime").JSX.Element;
-export default App;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/App.js

@@ -1,12 +1,18 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// import { configureAmplify } from "./config/amplifyConfig.ts";
+import { Route, Routes } from 'react-router-dom';
+import { useCurrentUser } from './hooks/useCurrentUser';
+import { withSyzyAuth } from './hoc/withSyzyAuth';
+import React, { useState } from 'react';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import LoadingSpinner from './components/Loader/Loader';
-import Home from './components/Home/Home';
 import BranchMapping from './components/Mappings/BranchMapping/Branch';
 import MappingFormBranchUser from './components/Mappings/BranchMapping/MappingFormBranchUser';
 import ComponentRoleMapping from './components/Mappings/ComponentMapping/ComponentRoleMapping';
 import MappingFormUserRole from './components/Mappings/RoleMapping/MappingFormUserRole';
+import Home from './components/Home/Home';
+import LoadingSpinner from './components/Loader/Loader';
+// import { isHostedInContainer } from "./util/hostedinContainer.ts";
+// configureAmplify();
 export const componentMap = {
     BranchMapping,
     MappingFormBranchUser,
@@ -14,7 +20,43 @@ export const componentMap = {
     ComponentRoleMapping,
     Home,
 };
+const flattenRoutes = (items) => {
+    const flat = [];
+    const walk = (arr) => {
+        arr.forEach(item => {
+            if (item.path && item.requiredComponent) {
+                flat.push(item);
+            }
+            if (item.children) {
+                walk(item.children);
+            }
+        });
+    };
+    walk(items);
+    return flat;
+};
+const withAccessControl = (Component, props, requiredComponent, allowedComponents) => {
+    // Check if the user has access
+    const isAllowed = !requiredComponent || (allowedComponents?.includes(requiredComponent));
+    if (!isAllowed) {
+        return () => (_jsx("div", { className: "text-center mt-5", children: _jsx("h3", { className: "text-danger", children: "You are not allowed to see this page." }) }));
+    }
+    return () => _jsx(Component, { ...props });
+};
 function App({ isSessionReady }) {
-    return (_jsxs(_Fragment, { children: [_jsx("div", { style: { display: "flex", width: "100%" }, children: _jsx("div", { style: { flex: 1, padding: "10px" }, children: !isSessionReady ? (_jsx(LoadingSpinner, {})) : (_jsx(React.Fragment, {})) }) }), _jsx(ReactQueryDevtools, { initialIsOpen: false })] }));
+    const { user } = useCurrentUser();
+    const [routes, setRoutes] = useState([]);
+    const flatRoutes = flattenRoutes(routes);
+    // useEffect(() => {
+    //   isHostedInContainer();
+    //   configureAmplify();
+    // }, []);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { style: { display: "flex", width: "100%" }, children: _jsx("div", { style: { flex: 1, padding: "10px" }, children: !isSessionReady ? (_jsx(LoadingSpinner, {})) : (_jsx(React.Fragment, { children: _jsxs(Routes, { children: [flatRoutes.map(({ path, requiredComponent, props }) => {
+                                    const PageComponent = componentMap[requiredComponent];
+                                    if (!PageComponent)
+                                        return null;
+                                    const ProtectedComponent = withAccessControl(PageComponent, props, requiredComponent, user.allowedComponents);
+                                    return _jsx(Route, { path: path, element: _jsx(ProtectedComponent, {}) }, path);
+                                }), _jsx(Route, { path: "*", element: _jsx("h3", { className: "text-danger", children: "Page Not Found" }) })] }) })) }) }), _jsx(ReactQueryDevtools, { initialIsOpen: false })] }));
 }
-export default App;
+export default withSyzyAuth(App);

package/dist/components/Login/Login.js

@@ -9,14 +9,12 @@ import { FaEye, FaEyeSlash } from "react-icons/fa";
 // import logo from "../../../src/assets/images/Hotel-Logo.jpg"
 import { signIn, signUp, confirmSignUp, confirmResetPassword, getCurrentUser, confirmSignIn, resetPassword } from "aws-amplify/auth";
 import { signInSchema, registerSchema, confirmSignUpSchema, resetPasswordSchema, forceResetSchema, forgotPasswordSchema, } from "./loginSchema";
-import { ALL, HIDE_SIGN_UP, HIDE_SIGN_UP_IS_NO } from "../../static/constants";
-import { useGetSettingsByPkAndSk } from "../api/settings-api";
 const LoginForm = ({ login }) => {
     const [authMode, setAuthMode] = useState("signin");
     const navigate = useNavigate();
     const [tempUsername, setTempUsername] = useState("");
     const [showPassword, setShowPassword] = useState(false);
-    const { settingsByPkAndSk } = useGetSettingsByPkAndSk(ALL, HIDE_SIGN_UP);
+    // const { settingsByPkAndSk } = useGetSettingsByPkAndSk(ALL, HIDE_SIGN_UP);
     const getSchema = () => {
         switch (authMode) {
             case "signin":
@@ -143,7 +141,6 @@ const LoginForm = ({ login }) => {
         const isPassword = type === "password";
         return (_jsxs("div", { className: "mb-3 position-relative", children: [_jsxs("div", { className: "input-group", children: [_jsx("input", { type: isPassword ? (showPassword ? "text" : "password") : type, placeholder: label, ...register(name), className: `form-control ${errors[name] ? "is-invalid" : ""}` }), isPassword && (_jsx("span", { className: "input-group-text bg-white", style: { cursor: "pointer" }, onClick: () => setShowPassword((prev) => !prev), children: showPassword ? _jsx(FaEye, { size: 18 }) : _jsx(FaEyeSlash, { size: 18 }) }))] }), errors[name] && (_jsx("div", { className: "invalid-feedback d-block", children: errors[name]?.message }))] }));
     };
-    return (_jsx("div", { className: "d-flex justify-content-center align-items-center vh-100 bg-light", children: _jsx("div", { className: "card shadow-sm p-4 p-md-5 w-100", style: { maxWidth: "420px" }, children: _jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [_jsx("div", { className: "d-flex justify-content-center", children: _jsx("img", { className: "w-75 mx-auto mb-4", src: "logo" }) }), _jsxs("h4", { className: "text-center mb-4 fw-bold", children: [authMode === "signin" && "Sign in to your account", authMode === "register" && "Create a new account", authMode === "confirm" && "Verify your email", authMode === "forgot" && "Forgot Password?", authMode === "reset" && "Reset Password", authMode === "forceReset" && "Set New Password"] }), authMode === "signin" && (_jsxs(_Fragment, { children: [renderInput("Username", "text", "username"), renderInput("Password", "password", "password"), _jsx("button", { type: "submit", className: "btn btn-primary w-100 mb-2", children: "Sign In" }), _jsxs("div", { className: "d-flex justify-content-between", children: [(settingsByPkAndSk && settingsByPkAndSk?.value === HIDE_SIGN_UP_IS_NO) &&
-                                        _jsx("button", { type: "button", className: "btn btn-link p-0", onClick: () => setAuthMode("register"), children: "Create Account" }), _jsx("button", { type: "button", className: "btn btn-link p-0", onClick: () => setAuthMode("forgot"), children: "Forgot Password?" })] })] })), authMode === "register" && (_jsxs(_Fragment, { children: [renderInput("Username", "text", "username"), renderInput("Email", "email", "email"), renderInput("Password", "password", "password"), renderInput("Confirm Password", "password", "confirmPassword"), _jsx("button", { type: "submit", className: "btn btn-success w-100 mb-2", children: "Register" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] })), authMode === "confirm" && (_jsxs(_Fragment, { children: [renderInput("Verification Code", "text", "confirmationCode"), _jsx("button", { type: "submit", className: "btn btn-primary w-100 mb-2", children: "Confirm" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] })), authMode === "forgot" && (_jsxs(_Fragment, { children: [renderInput("Username", "text", "username"), _jsx("button", { type: "submit", className: "btn btn-warning w-100 mb-2", children: "Send Reset Code" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] })), authMode === "reset" && (_jsxs(_Fragment, { children: [renderInput("Verification Code", "text", "confirmationCode"), renderInput("New Password", "password", "password"), renderInput("Confirm New Password", "password", "confirmPassword"), _jsx("button", { type: "submit", className: "btn btn-success w-100 mb-2", children: "Reset Password" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] })), authMode === "forceReset" && (_jsxs(_Fragment, { children: [renderInput("New Password", "password", "password"), renderInput("Confirm New Password", "password", "confirmPassword"), _jsx("button", { type: "submit", className: "btn btn-success w-100 mb-2", children: "Update Password" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] }))] }) }) }));
+    return (_jsx("div", { className: "d-flex justify-content-center align-items-center vh-100 bg-light", children: _jsx("div", { className: "card shadow-sm p-4 p-md-5 w-100", style: { maxWidth: "420px" }, children: _jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [_jsx("div", { className: "d-flex justify-content-center", children: _jsx("img", { className: "w-75 mx-auto mb-4", src: "logo" }) }), _jsxs("h4", { className: "text-center mb-4 fw-bold", children: [authMode === "signin" && "Sign in to your account", authMode === "register" && "Create a new account", authMode === "confirm" && "Verify your email", authMode === "forgot" && "Forgot Password?", authMode === "reset" && "Reset Password", authMode === "forceReset" && "Set New Password"] }), authMode === "signin" && (_jsxs(_Fragment, { children: [renderInput("Username", "text", "username"), renderInput("Password", "password", "password"), _jsx("button", { type: "submit", className: "btn btn-primary w-100 mb-2", children: "Sign In" }), _jsx("div", { className: "d-flex justify-content-between", children: _jsx("button", { type: "button", className: "btn btn-link p-0", onClick: () => setAuthMode("forgot"), children: "Forgot Password?" }) })] })), authMode === "register" && (_jsxs(_Fragment, { children: [renderInput("Username", "text", "username"), renderInput("Email", "email", "email"), renderInput("Password", "password", "password"), renderInput("Confirm Password", "password", "confirmPassword"), _jsx("button", { type: "submit", className: "btn btn-success w-100 mb-2", children: "Register" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] })), authMode === "confirm" && (_jsxs(_Fragment, { children: [renderInput("Verification Code", "text", "confirmationCode"), _jsx("button", { type: "submit", className: "btn btn-primary w-100 mb-2", children: "Confirm" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] })), authMode === "forgot" && (_jsxs(_Fragment, { children: [renderInput("Username", "text", "username"), _jsx("button", { type: "submit", className: "btn btn-warning w-100 mb-2", children: "Send Reset Code" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] })), authMode === "reset" && (_jsxs(_Fragment, { children: [renderInput("Verification Code", "text", "confirmationCode"), renderInput("New Password", "password", "password"), renderInput("Confirm New Password", "password", "confirmPassword"), _jsx("button", { type: "submit", className: "btn btn-success w-100 mb-2", children: "Reset Password" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] })), authMode === "forceReset" && (_jsxs(_Fragment, { children: [renderInput("New Password", "password", "password"), renderInput("Confirm New Password", "password", "confirmPassword"), _jsx("button", { type: "submit", className: "btn btn-success w-100 mb-2", children: "Update Password" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] }))] }) }) }));
 };
 export default LoginForm;

package/dist/components/Mappings/ComponentMapping/ComponentRoleMapping.js

@@ -1,15 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
+import { useContext, useMemo, useState } from "react";
 import MappingForm from "../MappingForm/MappingForm";
 import FormModal from "../../common/Modal/Modal";
 import ListTable from "../../common/ListTable/ListTable";
 import { toast } from "react-toastify";
 import { MappingTypes } from "../../../domain/type/MappingTypes";
-import { getCompoMappingByRoleIdAndCompoIdFun, useCreateMappingMutation, useListComponentRoleMappings, useListProfiles, useUpdateMappingMutation, } from "../../../api/mapping-api";
+import { getCompoMappingByRoleIdAndCompoIdFun, useCreateMappingMutation, useListComponentRoleMappings, useUpdateMappingMutation, } from "../../../api/mapping-api";
 import { EntityTypes } from "../../../domain/type/EntityTypes";
 import { Status } from "../../../domain/type/StatusEnum";
 import { SyzyDate } from "../../../util/SyzyDate";
 import { DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM_SS } from "../../../util/dateUtils";
+import AppContext from "../../../store/AppContext";
 import { logger } from "../../../util/Logger";
 import { componentMap } from "../../../App";
 import { roles } from "../RoleMapping/MappingFormUserRole";
@@ -18,7 +19,8 @@ import ListHeader from "../../common/ListTable/ListHeader";
 import { ToastContainer } from "react-toastify";
 /* ---------------- Component Role Mapping ---------------- */
 const ComponentRoleMappingPage = () => {
-    const [users, setUsers] = useState([]);
+    const { user } = useContext(AppContext) || {};
+    const loggedInUserName = user?.userName;
     const [showModal, setShowModal] = useState(false);
     const [editingRow, setEditingRow] = useState();
     const currentISODate = new SyzyDate().toDateFormatString(DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM_SS);
@@ -26,12 +28,6 @@ const ComponentRoleMappingPage = () => {
     const createMappingMutation = useCreateMappingMutation();
     const updateMappingMutation = useUpdateMappingMutation();
     const tableLoading = isLoading || createMappingMutation.isPending || updateMappingMutation.isPending;
-    const { data: profiles } = useListProfiles();
-    useEffect(() => {
-        if (profiles) {
-            setUsers(profiles.map((p) => ({ id: p.sk, name: p.name })));
-        }
-    }, [profiles]);
     /* ---------------- Component Options ---------------- */
     const components = useMemo(() => Object.keys(componentMap).map((key, index) => ({
         id: `Component#${String(index + 1).padStart(2, "0")}`,
@@ -50,10 +46,9 @@ const ComponentRoleMappingPage = () => {
     const handleSubmit = async (mappings) => {
         try {
             for (const map of mappings) {
-                const user = users.find(u => u.id === map.sourceId);
                 const role = roles.find(r => r.id === map.targetId);
                 const component = components.find(c => c.id === map.sourceId);
-                if (!user || !role || !component)
+                if (!role || !component || !loggedInUserName)
                     continue;
                 const payload = {
                     pk: role.id,
@@ -67,7 +62,7 @@ const ComponentRoleMappingPage = () => {
                     componentTitle: component.name,
                     status: map.status,
                     createdDt: editingRow?.createdDt || currentISODate,
-                    createdBy: `${user.id}#${user.name}`,
+                    createdBy: loggedInUserName,
                     disabledDt: map.status === Status.Inactive ? currentISODate : "",
                 };
                 const existing = await getCompoMappingByRoleIdAndCompoIdFun(payload.pk, payload.sk);

package/dist/config/EnvConfig.d.ts

@@ -1,7 +1,7 @@
 export declare const EnvConfig: {
     env: any;
     bookingAPi: any;
-    hmsAPi: any;
+    hmsapi: any;
     region: any;
     userPoolId: any;
     userPoolClientId: any;

package/dist/config/EnvConfig.js

@@ -1,7 +1,7 @@
 export const EnvConfig = {
     env: import.meta.env.VITE_SERVER_ENV || "local",
     bookingAPi: import.meta.env.VITE_BOOKING_SERVICE_SERVER_URL || "",
-    hmsAPi: import.meta.env.VITE_HMS_SERVICE_SERVER_URL || "",
+    hmsapi: import.meta.env.VITE_HMS_SERVICE_SERVER_URL || "",
     region: import.meta.env.VITE_AWS_REGION || "",
     userPoolId: import.meta.env.VITE_USERPOOL_ID || "",
     userPoolClientId: import.meta.env.VITE_USERPOOL_CLIENT_ID || "",

package/dist/hoc/withSyzyAuth.d.ts

@@ -0,0 +1 @@
+export declare function withSyzyAuth<P extends object>(WrappedComponent: React.ComponentType<P>): (props: P) => import("react/jsx-runtime").JSX.Element;

package/dist/hoc/withSyzyAuth.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useEffect, useState } from "react";
+import AppContext from "../store/AppContext";
+import LoginForm from "../components/Login/Login";
+import { getCurrentUser } from "aws-amplify/auth";
+import { AppActionEnum } from "../store/AppAction";
+import { Client } from "../services/Client.Service";
+import { fetchAuthSession } from 'aws-amplify/auth';
+import { getComponentsByRoleOnly, getRolesMappingByUserIdAndEntityFun, useGetUserMappingByUserId } from "../api/mapping-api";
+import { EntityTypes } from "../domain/type/EntityTypes";
+import { Status } from "../domain/type/StatusEnum";
+export function withSyzyAuth(WrappedComponent) {
+    const ComponentWithAuthenticator = (props) => {
+        const [currentUser, setCurrentUser] = useState();
+        const { user, dispatch } = useContext(AppContext) || { user: undefined, allowedComponents: undefined, dispatch: undefined };
+        const [_isLoggedIn, setIsLoggedIn] = useState(false);
+        const [_emailVerifiedStatus, setEmailVerifiedStatus] = useState("");
+        const [isSessionReady, setIsSessionReady] = useState(false);
+        useEffect(() => {
+            if (!user?.userName) {
+                setCurrentUser(null);
+                setIsSessionReady(false);
+            }
+        }, [user]);
+        const fetchSession = async () => {
+            try {
+                const session = await getCurrentUser();
+                const userInfo = await fetchAuthSession({ forceRefresh: true });
+                setEmailVerifiedStatus(userInfo.tokens?.idToken?.payload.email_verified?.toString() ?? "");
+                if (session) {
+                    const userId = session.signInDetails?.loginId ?? session.username;
+                    setCurrentUser(userId);
+                }
+                else {
+                    setCurrentUser(null);
+                }
+            }
+            catch (err) {
+                setCurrentUser(null);
+            }
+        };
+        useEffect(() => {
+            fetchSession();
+        }, []);
+        useEffect(() => {
+            const stopResetScheduler = Client.startClientResetScheduler();
+            return () => stopResetScheduler();
+        }, []);
+        useEffect(() => {
+            setIsLoggedIn(!!user?.userName);
+        }, [user]);
+        const { userMappingByUserId } = useGetUserMappingByUserId(currentUser ?? "");
+        useEffect(() => {
+            const updateSession = async () => {
+                if (!currentUser)
+                    return;
+                const branchId = userMappingByUserId?.pk ?? "";
+                // Fetch roles of this user
+                const roleData = await getRolesMappingByUserIdAndEntityFun(branchId, currentUser, EntityTypes.ROLE);
+                const activeRoles = roleData.filter(r => r.status === Status.Active);
+                const roleNames = activeRoles.map(r => r.roleName);
+                // Fetch components for each active role
+                const compData = await Promise.all(activeRoles.map(role => getComponentsByRoleOnly(role.roleId)));
+                const allowedComponents = compData.flat().map(c => c.componentTitle);
+                // Build and dispatch user session
+                const userSession = {
+                    userName: currentUser,
+                    branchId,
+                    roles: roleNames,
+                    allowedComponents: [...new Set(allowedComponents)],
+                };
+                dispatch?.({ session: userSession, type: AppActionEnum.SignIn });
+                setIsSessionReady(true);
+            };
+            updateSession();
+        }, [currentUser, userMappingByUserId]);
+        // Login handler
+        const login = (loggedIn) => {
+            setIsLoggedIn(loggedIn);
+            if (loggedIn)
+                fetchSession();
+        };
+        return (_jsx("div", { children: currentUser === null ? _jsx(LoginForm, { login: login }) : _jsx(WrappedComponent, { ...props, isSessionReady: isSessionReady }) }));
+    };
+    return ComponentWithAuthenticator;
+}

package/dist/hooks/useCurrentUser.d.ts

@@ -0,0 +1,3 @@
+export declare const useCurrentUser: () => {
+    user: import("../store/AppContextType").AppSession;
+};

package/dist/hooks/useCurrentUser.js

@@ -0,0 +1,6 @@
+import { useContext } from "react";
+import AppContext from "../store/AppContext";
+export const useCurrentUser = () => {
+    const { user } = useContext(AppContext);
+    return { user };
+};

package/dist/hooks/useDispatch.d.ts

@@ -0,0 +1,3 @@
+export declare const useDispatch: () => {
+    dispatch: import("react").Dispatch<import("../store/AppAction").AppAction> | undefined;
+};

package/dist/hooks/useDispatch.js

@@ -0,0 +1,7 @@
+import { useContext } from "react";
+import AppContext from "../store/AppContext";
+import { defaultSession } from "../store/AppContextType";
+export const useDispatch = () => {
+    const { dispatch } = useContext(AppContext) || { user: defaultSession };
+    return { dispatch };
+};

package/dist/hooks/usePermission.d.ts

@@ -0,0 +1 @@
+export declare function AmIPermitted(componentName: string): boolean;

package/dist/hooks/usePermission.js

@@ -0,0 +1,7 @@
+// hooks/usePermissions.ts
+import { useContext } from "react";
+import AppContext from "../store/AppContext";
+export function AmIPermitted(componentName) {
+    const { user } = useContext(AppContext) || {};
+    return user?.allowedComponents?.includes(componentName) ?? false;
+}

package/dist/store/AppAction.d.ts

@@ -0,0 +1,11 @@
+import { AppSession } from "./AppContextType";
+export declare enum AppActionEnum {
+    SignIn = "SIGNIN",
+    SignOut = "SIGNOUT"
+}
+export type AppAction = {
+    type: AppActionEnum.SignIn;
+    session: AppSession;
+} | {
+    type: AppActionEnum.SignOut;
+};

package/dist/store/AppAction.js

@@ -0,0 +1,5 @@
+export var AppActionEnum;
+(function (AppActionEnum) {
+    AppActionEnum["SignIn"] = "SIGNIN";
+    AppActionEnum["SignOut"] = "SIGNOUT";
+})(AppActionEnum || (AppActionEnum = {}));

package/dist/store/AppContext.d.ts

@@ -0,0 +1,3 @@
+import { AppContextProps } from './AppContextType';
+declare const AppContext: import("react").Context<AppContextProps | undefined>;
+export default AppContext;

package/dist/store/AppContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+const AppContext = createContext(undefined);
+export default AppContext;

package/dist/store/AppContextType.d.ts

@@ -0,0 +1,12 @@
+import { AppAction } from "./AppAction";
+export interface AppSession {
+    userName: string;
+    branchId?: string;
+    roles: string[];
+    allowedComponents?: string[];
+}
+export declare const defaultSession: AppSession;
+export interface AppContextProps {
+    user: AppSession;
+    dispatch: React.Dispatch<AppAction>;
+}

package/dist/store/AppContextType.js

@@ -0,0 +1,6 @@
+export const defaultSession = {
+    userName: '',
+    branchId: undefined,
+    roles: [],
+    allowedComponents: [],
+};

package/dist/store/AppProvider.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";
+import 'react-toastify/dist/ReactToastify.css';
+interface AppProviderProps {
+    children: ReactNode;
+}
+declare const AppProvider: React.FC<AppProviderProps>;
+export default AppProvider;

package/dist/store/AppProvider.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { defaultSession } from "./AppContextType";
+import AppContext from "./AppContext";
+import { ToastContainer } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+import { AppActionEnum } from "./AppAction";
+import { sessionStorage } from "aws-amplify/utils";
+import { APPHOSTSESSION_KEY, useSessionReducer } from "./SesssionReducer";
+import { logger } from "../util/Logger";
+const appContextReducer = (state, action) => {
+    logger.debug("Action:", action);
+    let newState = state;
+    switch (action.type) {
+        case AppActionEnum.SignIn:
+            newState = {
+                ...action.session,
+            };
+            break;
+        case AppActionEnum.SignOut:
+            newState = { ...defaultSession };
+            sessionStorage.clear();
+            break;
+        default:
+            newState = state;
+    }
+    return newState;
+};
+const AppProvider = ({ children }) => {
+    const [state, dispatch] = useSessionReducer(appContextReducer, defaultSession, APPHOSTSESSION_KEY);
+    return (_jsxs(_Fragment, { children: [_jsx(ToastContainer, { position: "top-right", autoClose: 5000 }), _jsx(AppContext.Provider, { value: { user: state, dispatch }, children: children })] }));
+};
+export default AppProvider;

package/dist/store/HostedInContainerContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const HostedInContainerProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useHostedInContainer: () => boolean;

package/dist/store/HostedInContainerContext.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const HostedInContainerContext = createContext(false);
+export const HostedInContainerProvider = ({ children }) => {
+    const isHosted = (() => {
+        const urlParams = new URLSearchParams(window.location.search);
+        return urlParams.get('hosted_in_container') === 'true';
+    })();
+    return (_jsx(HostedInContainerContext.Provider, { value: isHosted, children: children }));
+};
+export const useHostedInContainer = () => useContext(HostedInContainerContext);

package/dist/store/SesssionReducer.d.ts

@@ -0,0 +1,4 @@
+import { Reducer, Dispatch } from 'react';
+import { AppSession } from './AppContextType';
+export declare const APPHOSTSESSION_KEY = "AppHostSession";
+export declare const useSessionReducer: <T extends AppSession, A>(reducer: Reducer<T, A>, initialState: T, storageKey: string) => [T, Dispatch<A>];

package/dist/store/SesssionReducer.js

@@ -0,0 +1,16 @@
+import { useReducer, useEffect } from 'react';
+export const APPHOSTSESSION_KEY = 'AppHostSession';
+export const useSessionReducer = (reducer, initialState, storageKey) => {
+    const [state, dispatch] = useReducer(reducer, initialState, () => {
+        const value = localStorage.getItem(storageKey); // use storageKey here
+        let retState = { ...initialState };
+        if (value) {
+            retState = JSON.parse(value);
+        }
+        return retState;
+    });
+    useEffect(() => {
+        localStorage.setItem(storageKey, JSON.stringify(state)); // same key
+    }, [storageKey, state]);
+    return [state, dispatch];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syzy/apphost",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "private": false,
   "type": "module",
   "main": "dist/index.js",

package/dist/components/api/settings-api.d.ts

@@ -1,26 +0,0 @@
-import { SettingsDto } from "../../domain/model/SettingsDto";
-import { UndefinedString } from "../../domain/type/Nullable";
-import { PrefixDescription } from "../../domain/model/PrefixDescriptionDto";
-export declare const GET_SETTINGS_BY_PK: string;
-export declare const GET_SETTINGS_BY_PK_AND_SK: string;
-export declare const listSettings = "query listSettings(\n  $pk: ID\n  $sk: ModelStringKeyConditionInput\n  $filter: ModelSettingsFilterInput\n) {\n  listSettings(pk: $pk, sk: $sk, filter: $filter) {\n    pk\n    sk\n    value\n    description\n    createdDt\n    __typename\n  }\n}";
-export declare const updateSettings = "mutation updateSettings($input: SettingsInput!) {\n  updateSettings(input: $input) {\n    pk\n    sk\n    value\n    description\n    createdDt\n    __typename\n  }\n}";
-export declare const transformtoSettingsDto: (interviewProspectData: any) => SettingsDto;
-export declare const transformdToPrefixDescription: (description: string) => PrefixDescription;
-export declare const getSettingsByPkFun: (pk: UndefinedString) => Promise<SettingsDto[]>;
-export declare const useGetSettingsByPk: (pk: string) => {
-    settingsByPK: SettingsDto[] | undefined;
-    settingsByPKError: Error | null;
-    settingsByPKLoading: boolean;
-    settingsByPKFetching: boolean;
-    settingsByPKSuccess: boolean;
-};
-export declare const getSettingsByPkAndSKFun: (pk: UndefinedString, sk: UndefinedString) => Promise<SettingsDto>;
-export declare const useGetSettingsByPkAndSk: (pk: string, sk: string) => {
-    settingsByPkAndSk: SettingsDto | undefined;
-    settingsByPkAndSkError: Error | null;
-    settingsByPkAndSkLoading: boolean;
-    settingsByPkAndSkFetching: boolean;
-    settingsByPkAndSkSuccess: boolean;
-};
-export declare const useUpdateSettingsMutation: () => import("@tanstack/react-query").UseMutationResult<any, Error, SettingsDto, unknown>;

package/dist/components/api/settings-api.js

@@ -1,129 +0,0 @@
-import { keepPreviousData, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { initSettings } from "../../domain/model/SettingsDto";
-import { transformToData } from "../../util/transformToData";
-import { logger } from "../../util/Logger";
-import { ALL } from "../../static/constants";
-export const GET_SETTINGS_BY_PK = "settingsbypk";
-export const GET_SETTINGS_BY_PK_AND_SK = "settingsbypkandsk";
-const endpoint = EnvConfig.appHostAPi;
-export const listSettings = `query listSettings(
-  $pk: ID
-  $sk: ModelStringKeyConditionInput
-  $filter: ModelSettingsFilterInput
-) {
-  listSettings(pk: $pk, sk: $sk, filter: $filter) {
-    pk
-    sk
-    value
-    description
-    createdDt
-    __typename
-  }
-}`;
-export const updateSettings = `mutation updateSettings($input: SettingsInput!) {
-  updateSettings(input: $input) {
-    pk
-    sk
-    value
-    description
-    createdDt
-    __typename
-  }
-}`;
-export const transformtoSettingsDto = (interviewProspectData) => transformToData(interviewProspectData);
-export const transformdToPrefixDescription = (description) => {
-    return JSON.parse(description);
-};
-export const getSettingsByPkFun = async (pk) => {
-    try {
-        const client = await Client.getCustomGraphqlClient(endpoint);
-        const variables = {
-            filter: {
-                or: [
-                    { pk: { eq: pk } },
-                    { pk: { eq: ALL } }
-                ]
-            }
-        };
-        const response = await client.request(listSettings, variables);
-        const settingsData = response.listSettings;
-        return (settingsData && settingsData.length > 0) ? settingsData.map((eventSchedule) => transformtoSettingsDto(eventSchedule)) : [];
-    }
-    catch (error) {
-        return [];
-    }
-};
-export const useGetSettingsByPk = (pk) => {
-    const { data, isLoading, error, isFetching, isSuccess } = useQuery({
-        queryKey: [GET_SETTINGS_BY_PK, pk],
-        queryFn: () => getSettingsByPkFun(pk),
-        placeholderData: keepPreviousData,
-        staleTime: 1000 * 5 * 60,
-        enabled: pk !== "" && pk !== undefined,
-    });
-    return {
-        settingsByPK: data,
-        settingsByPKError: error,
-        settingsByPKLoading: isLoading,
-        settingsByPKFetching: isFetching,
-        settingsByPKSuccess: isSuccess,
-    };
-};
-export const getSettingsByPkAndSKFun = async (pk, sk) => {
-    try {
-        const client = await Client.getCustomGraphqlClient(endpoint);
-        const variables = {
-            pk: pk,
-            sk: {
-                eq: sk
-            }
-        };
-        const response = await client.request(listSettings, variables);
-        const settingsData = response.listSettings;
-        return (settingsData && settingsData.length > 0) ? transformtoSettingsDto(settingsData[0]) : initSettings;
-    }
-    catch (error) {
-        return initSettings;
-    }
-};
-export const useGetSettingsByPkAndSk = (pk, sk) => {
-    const { data, isLoading, error, isFetching, isSuccess } = useQuery({
-        queryKey: [GET_SETTINGS_BY_PK_AND_SK, pk, sk],
-        queryFn: () => getSettingsByPkAndSKFun(pk, sk),
-        placeholderData: keepPreviousData,
-        staleTime: 1000 * 5 * 60,
-        enabled: pk !== "" && pk !== undefined && sk !== "" && sk !== undefined,
-    });
-    return {
-        settingsByPkAndSk: data,
-        settingsByPkAndSkError: error,
-        settingsByPkAndSkLoading: isLoading,
-        settingsByPkAndSkFetching: isFetching,
-        settingsByPkAndSkSuccess: isSuccess,
-    };
-};
-export const useUpdateSettingsMutation = () => {
-    async function createVersionFn(settingsData) {
-        const client = await Client.getClient();
-        const response = await client.graphql({
-            query: updateSettings,
-            variables: {
-                input: settingsData
-            },
-        });
-        return response;
-    }
-    const queryClient = useQueryClient();
-    return useMutation({
-        mutationFn: createVersionFn,
-        onSuccess: (_data, variables) => {
-            const settingsByPKQueryKey = [GET_SETTINGS_BY_PK, variables.pk];
-            queryClient.invalidateQueries({ queryKey: settingsByPKQueryKey });
-            const settingsByPKAndSKQueryKey = [GET_SETTINGS_BY_PK_AND_SK, variables.pk, variables.sk];
-            queryClient.invalidateQueries({ queryKey: settingsByPKAndSKQueryKey });
-        },
-        onError: (err) => {
-            logger.error("Error while settings updating", err);
-        }
-    });
-};

package/dist/services/Storage-service.d.ts

@@ -1,2 +0,0 @@
-export declare const getImageUrl: (imageKey: string | undefined | null) => Promise<string | undefined>;
-export declare const uploadImage: (imageKey: string, image: File) => Promise<void>;

package/dist/services/Storage-service.js

@@ -1,26 +0,0 @@
-import { uploadData } from 'aws-amplify/storage';
-import { LogCategoryEnum } from '../util/LogEnum';
-import { logger } from '../util/Logger';
-import { EnvConfig } from '../config/EnvConfig';
-export const getImageUrl = async (imageKey) => {
-    logger.debug(LogCategoryEnum.Info, "imageKey passed", imageKey);
-    let returnString = undefined;
-    if (imageKey) {
-        //Below for hms-ck-dev env image bucket url  -------------
-        returnString = `${EnvConfig.imageStorageBucketUrl}/${imageKey}`;
-    }
-    return returnString;
-};
-export const uploadImage = async (imageKey, image) => {
-    logger.debug(LogCategoryEnum.Info, "inside upload image function", imageKey);
-    logger.debug(LogCategoryEnum.Info, "inside upload image function", image);
-    await uploadData({
-        key: imageKey,
-        data: image,
-        options: {
-            accessLevel: 'guest',
-            contentType: image.type,
-        }
-    });
-    logger.debug(LogCategoryEnum.Info, "image key", imageKey);
-};