@frontegg/redux-store 6.96.0-alpha.0 → 6.96.0-alpha.1

package/auth/CustomLoginState/index.d.ts

@@ -0,0 +1,113 @@
+import { CustomLoginState, UpdateTenantMetadataRequest } from './interfaces';
+import { WithCallback } from '../../interfaces';
+declare const customLoginState: CustomLoginState;
+declare const reducers: {
+    setCustomLoginState: {
+        prepare: (payload: Partial<CustomLoginState>) => {
+            payload: Partial<CustomLoginState>;
+        };
+        reducer: (state: import("..").AuthState, { payload }: {
+            payload: Partial<CustomLoginState>;
+            type: string;
+        }) => {
+            onRedirectTo: (path: string, opts?: import("@frontegg/rest-api").RedirectOptions | undefined) => void;
+            error?: any;
+            isAuthenticated: boolean;
+            userIp?: string | undefined;
+            isLoading: boolean;
+            keepSessionAlive?: boolean | undefined;
+            user?: import("..").User | null | undefined;
+            isSSOAuth: boolean;
+            ssoACS?: string | undefined;
+            includeQueryParam?: boolean | undefined;
+            loginState: import("..").LoginState;
+            activateState: import("..").ActivateAccountState;
+            acceptInvitationState: import("..").AcceptInvitationState;
+            forgotPasswordState: import("..").ForgotPasswordState;
+            resetPhoneNumberState: import("..").ResetPhoneNumberState;
+            ssoState: import("..").SSOState;
+            profileState: import("..").ProfileState;
+            mfaState: import("..").MFAState;
+            teamState: import("..").TeamState;
+            groupsState: import("..").GroupsState;
+            groupsDialogsState: import("..").GroupsDialogsState;
+            socialLoginState: import("..").SocialLoginState;
+            signUpState: import("..").SignUpState;
+            apiTokensState: import("..").ApiTokensState;
+            securityPolicyState: import("..").SecurityPolicyState;
+            restrictionsState: import("..").RestrictionsState;
+            provisioningState: import("..").ProvisioningState;
+            accountSettingsState: import("..").AccountSettingsState;
+            tenantsState: import("..").TenantsState;
+            rolesState: import("..").RolesState;
+            sessionsState: import("..").SessionsState;
+            hostedLoginBox?: boolean | undefined;
+            disableSilentRefresh?: boolean | undefined;
+            sessionsPolicyState: import("..").SessionsPolicyState;
+            impersonateState?: import("..").ImpersonateState | undefined;
+            passkeysState?: import("..").PasskeysState | undefined;
+            customLoginState?: CustomLoginState | undefined;
+            routes: import("..").AuthPageRoutes;
+            header?: any;
+            loaderComponent?: any;
+        };
+    };
+    resetCustomLoginState: (state: import("..").AuthState) => {
+        onRedirectTo: (path: string, opts?: import("@frontegg/rest-api").RedirectOptions | undefined) => void;
+        error?: any;
+        isAuthenticated: boolean;
+        userIp?: string | undefined;
+        isLoading: boolean;
+        keepSessionAlive?: boolean | undefined;
+        user?: import("..").User | null | undefined;
+        isSSOAuth: boolean;
+        ssoACS?: string | undefined;
+        includeQueryParam?: boolean | undefined;
+        loginState: import("..").LoginState;
+        activateState: import("..").ActivateAccountState;
+        acceptInvitationState: import("..").AcceptInvitationState;
+        forgotPasswordState: import("..").ForgotPasswordState;
+        resetPhoneNumberState: import("..").ResetPhoneNumberState;
+        ssoState: import("..").SSOState;
+        profileState: import("..").ProfileState;
+        mfaState: import("..").MFAState;
+        teamState: import("..").TeamState;
+        groupsState: import("..").GroupsState;
+        groupsDialogsState: import("..").GroupsDialogsState;
+        socialLoginState: import("..").SocialLoginState;
+        signUpState: import("..").SignUpState;
+        apiTokensState: import("..").ApiTokensState;
+        securityPolicyState: import("..").SecurityPolicyState;
+        restrictionsState: import("..").RestrictionsState;
+        provisioningState: import("..").ProvisioningState;
+        accountSettingsState: import("..").AccountSettingsState;
+        tenantsState: import("..").TenantsState;
+        rolesState: import("..").RolesState;
+        sessionsState: import("..").SessionsState;
+        hostedLoginBox?: boolean | undefined;
+        disableSilentRefresh?: boolean | undefined;
+        sessionsPolicyState: import("..").SessionsPolicyState;
+        impersonateState?: import("..").ImpersonateState | undefined;
+        passkeysState?: import("..").PasskeysState | undefined;
+        customLoginState?: CustomLoginState | undefined;
+        routes: import("..").AuthPageRoutes;
+        header?: any;
+        loaderComponent?: any;
+    };
+};
+declare const actions: {
+    loadTenantMetadata: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    updateTenantMetadata: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[WithCallback<Partial<UpdateTenantMetadataRequest>, boolean>], WithCallback<Partial<UpdateTenantMetadataRequest>, boolean>, string, never, never>;
+};
+/**
+ *  To be used for actions types after dispatch, and should contains
+ *  the reducers and actions as standalone function
+ */
+declare type DispatchedActions = {
+    setCustomLoginState: (state: Partial<CustomLoginState>) => void;
+    resetCustomLoginState: () => void;
+    loadTenantMetadata: () => void;
+    updateTenantMetadata: (payload: WithCallback<Partial<UpdateTenantMetadataRequest>>) => void;
+};
+export declare type CustomLoginActions = DispatchedActions;
+export { customLoginState, reducers as customLoginReducers, actions as customLoginActions };

package/auth/CustomLoginState/index.js

@@ -0,0 +1,32 @@
+import { createAction } from '@reduxjs/toolkit';
+import { resetStateByKey, typeReducerForKey } from '../utils';
+import { authStoreName } from '../../constants';
+const customLoginState = {
+  loading: false,
+  error: null
+};
+const reducers = {
+  setCustomLoginState: typeReducerForKey('customLoginState'),
+  resetCustomLoginState: resetStateByKey('customLoginState', {
+    customLoginState
+  })
+};
+const actions = {
+  loadTenantMetadata: createAction(`${authStoreName}/loadTenantMetadata`),
+  updateTenantMetadata: createAction(`${authStoreName}/updateTenantMetadata`, payload => ({
+    payload
+  }))
+};
+
+/**
+ *  To be used for actions types after dispatch, and should contains
+ *  the reducers and actions as standalone function
+ */
+
+// noinspection JSUnusedLocalSymbols
+/**
+ *  if you see error in matcher that's mean the DispatchAction does not
+ *  contains the same functions in reducers and actions
+ */
+const Matcher = {};
+export { customLoginState, reducers as customLoginReducers, actions as customLoginActions };

package/auth/CustomLoginState/interfaces.d.ts

@@ -1,3 +1,29 @@
 export interface CustomLoginState {
-    customLoginEnabled: boolean;
+    error?: string | null;
+    loading?: boolean;
+    saving?: boolean;
+    customLoginEnabled?: boolean;
+    tenantMetadata?: any;
+}
+export interface UpdateTenantMetadataRequest {
+    loginBox: {
+        logo?: {
+            image: string;
+        };
+        palette?: {
+            primary?: {
+                main: string;
+                dark: string;
+                light: string;
+                hover: string;
+                active: string;
+                contrastText: string;
+            };
+        };
+        socialLogins?: {
+            socialLoginsLayout: {
+                placement: string;
+            };
+        };
+    };
 }

package/auth/CustomLoginState/saga.d.ts

@@ -0,0 +1,7 @@
+import { CustomLoginState } from './interfaces';
+export declare function loadTenantMetadata(): Generator<import("redux-saga/effects").CallEffect<any> | import("redux-saga/effects").PutEffect<{
+    payload: Partial<CustomLoginState>;
+    type: string;
+}>, void, any>;
+export declare function customLoginSagas(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;
+export declare function customLoginSagasMock(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;

package/auth/CustomLoginState/saga.js

@@ -0,0 +1,150 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["callback"],
+  _excluded2 = ["callback"];
+import { api } from '@frontegg/rest-api';
+import { getAdminBoxMetadata, updateAdminBoxMetadata } from '@frontegg/rest-api/metadata';
+import { call, put, takeLeading } from 'redux-saga/effects';
+import { actions } from '../reducer';
+import { delay } from '../utils';
+import { base64ToFormData } from '../ProfileState/saga';
+export function* loadTenantMetadata() {
+  yield put(actions.setCustomLoginState({
+    loading: true
+  }));
+  try {
+    const tenantMetadata = yield call(getAdminBoxMetadata);
+    yield put(actions.setCustomLoginState({
+      tenantMetadata,
+      loading: false
+    }));
+  } catch (e) {
+    yield put(actions.setCustomLoginState({
+      loading: false,
+      error: e.message
+    }));
+  }
+}
+const mapObjectToActions = (obj, path = []) => {
+  return Object.entries(obj).reduce((acc, [key, value]) => {
+    if (typeof value === 'object') {
+      return [...acc, ...mapObjectToActions(value, [...path, key])];
+    }
+    return [...acc, {
+      type: [...path, key].join('/'),
+      payload: value
+    }];
+  }, []);
+};
+function* uploadLogo(logo) {
+  const isLogoInBase64 = logo.match(/^data:image\/([A-Za-z-+\/]+);base64,(.+)$/);
+  if (isLogoInBase64) {
+    const logoFormData = base64ToFormData(logo, 'image');
+    if (logoFormData) {
+      // TODO: replace updateProfileImage with new backend upload logo route (not implemented yet)
+      let logoUrl = yield call(api.teams.updateProfileImage, logoFormData);
+      if (logoUrl) {
+        const imageTimeStamp = Date.now().toString();
+        const urlTemplate = new URL(logoUrl);
+        urlTemplate.searchParams.set('t', imageTimeStamp);
+        logoUrl = urlTemplate.href;
+        return logoUrl;
+      }
+    }
+  }
+}
+function* updateTenantMetadata(_ref) {
+  let {
+      payload: {
+        callback
+      }
+    } = _ref,
+    state = _objectWithoutPropertiesLoose(_ref.payload, _excluded);
+  try {
+    var _loginBox$logo;
+    yield put(actions.setCustomLoginState({
+      error: null,
+      saving: true
+    }));
+    const {
+      loginBox
+    } = state;
+    if (!loginBox) {
+      throw new Error('no changes to update');
+    }
+    let calculatedState = state;
+    if ((_loginBox$logo = loginBox.logo) != null && _loginBox$logo.image) {
+      const logoUrl = yield uploadLogo(loginBox.logo.image);
+      if (logoUrl) {
+        calculatedState = {
+          loginBox: _extends({}, calculatedState.loginBox, {
+            logo: {
+              image: logoUrl
+            }
+          })
+        };
+      } else {
+        throw new Error('could not upload logo');
+      }
+    }
+    const requestActions = mapObjectToActions(calculatedState);
+    if (requestActions.length === 0) {
+      throw new Error('no changes to update');
+    }
+    yield call(updateAdminBoxMetadata, {
+      actions: requestActions
+    });
+    const tenantMetadata = yield call(getAdminBoxMetadata);
+    yield put(actions.setCustomLoginState({
+      tenantMetadata,
+      saving: false
+    }));
+    callback == null ? void 0 : callback(true);
+  } catch (e) {
+    yield put(actions.setCustomLoginState({
+      error: e.message,
+      saving: false
+    }));
+    callback == null ? void 0 : callback(null, e);
+  }
+}
+export function* customLoginSagas() {
+  yield takeLeading(actions.loadTenantMetadata, loadTenantMetadata);
+  yield takeLeading(actions.updateTenantMetadata, updateTenantMetadata);
+}
+
+// /*********************************
+//  *  Preview Sagas
+//  *********************************/
+
+function* loadCustomLoginStateMock() {
+  yield put(actions.setCustomLoginState({
+    loading: true
+  }));
+  yield delay();
+  yield put(actions.setCustomLoginState({
+    loading: false
+  }));
+}
+function* updateCustomLoginMetadataMock(_ref2) {
+  let {
+      payload: {
+        callback
+      }
+    } = _ref2,
+    payload = _objectWithoutPropertiesLoose(_ref2.payload, _excluded2);
+  yield put(actions.setCustomLoginState({
+    loading: true,
+    error: null
+  }));
+  yield delay();
+  yield put(actions.setCustomLoginState({
+    loading: false,
+    error: null
+  }));
+  callback == null ? void 0 : callback(true);
+}
+export function* customLoginSagasMock() {
+  yield takeLeading(actions.loadTenantMetadata, loadCustomLoginStateMock);
+  yield takeLeading(actions.updateTenantMetadata, updateCustomLoginMetadataMock);
+}

package/auth/ProfileState/saga.d.ts

@@ -1,2 +1,3 @@
+export declare function base64ToFormData(base64: string, key?: string): FormData | null;
 export declare function profileSagas(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;
 export declare function profileSagasMock(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;

package/auth/ProfileState/saga.js

@@ -42,7 +42,7 @@ function b64toBlob(base64, contentType) {
     type: contentType
   });
 }
-function base64ToFormData(base64, key = 'file') {
+export function base64ToFormData(base64, key = 'file') {
   const matchResult = base64.match(/^data:image\/([A-Za-z-+\/]+);base64,(.+)$/);
   if (matchResult == null) {
     return null;

package/auth/index.d.ts

@@ -50,6 +50,7 @@ export * from './Provisioning';
 export * from './Provisioning/interfaces';
 export * from './PasskeysState';
 export * from './PasskeysState/interfaces';
+export * from './CustomLoginState';
 export * from './CustomLoginState/interfaces';
 export * from './Helpers';
 export type { AuthActions } from './reducer';
@@ -398,6 +399,8 @@ declare const _default: {
         }, boolean>, string, never, never>;
         createSamlGroup: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import("..").WithCallback<import("@frontegg/rest-api").ICreateSamlGroup, boolean>], import("..").WithCallback<import("@frontegg/rest-api").ICreateSamlGroup, boolean>, string, never, never>;
         oidcPostlogin: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import("@frontegg/rest-api").IOidcPostLogin], import("@frontegg/rest-api").IOidcPostLogin, string, never, never>;
+        loadTenantMetadata: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+        updateTenantMetadata: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import("..").WithCallback<Partial<import("./CustomLoginState/interfaces").UpdateTenantMetadataRequest>, boolean>], import("..").WithCallback<Partial<import("./CustomLoginState/interfaces").UpdateTenantMetadataRequest>, boolean>, string, never, never>;
         loadProfile: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
         saveProfile: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("..").WithCallback<import("@frontegg/rest-api").IUserProfile, import("@frontegg/rest-api").IUserProfile>>], Partial<import("..").WithCallback<import("@frontegg/rest-api").IUserProfile, import("@frontegg/rest-api").IUserProfile>>, string, never, never>;
         changePassword: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import("..").WithCallback<import("@frontegg/rest-api").IChangePassword, boolean>], import("..").WithCallback<import("@frontegg/rest-api").IChangePassword, boolean>, string, never, never>;
@@ -597,6 +600,8 @@ declare const _default: {
         setSSOError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import("./SSOState/interfaces").SSOStateIndicator], import("./SSOState/interfaces").SSOStateIndicator, string, never, never>;
         setSSOState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("./SSOState/interfaces").SSOState>], Partial<import("./SSOState/interfaces").SSOState>, string, never, never>;
         resetSSOState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+        setCustomLoginState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("./CustomLoginState/interfaces").CustomLoginState>], Partial<import("./CustomLoginState/interfaces").CustomLoginState>, string, never, never>;
+        resetCustomLoginState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
         setProfileState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("./ProfileState/interfaces").ProfileState>], Partial<import("./ProfileState/interfaces").ProfileState>, string, never, never>;
         resetProfileState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
         setSignUpState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("./SignUp/interfaces").SignUpState>], Partial<import("./SignUp/interfaces").SignUpState>, string, never, never>;

package/auth/index.js

@@ -52,6 +52,7 @@ export * from './Provisioning';
 export * from './Provisioning/interfaces';
 export * from './PasskeysState';
 export * from './PasskeysState/interfaces';
+export * from './CustomLoginState';
 export * from './CustomLoginState/interfaces';
 export * from './Helpers';
 export { sagas as authSagas, mockSagas as authMockSagas, reducer as authReducers, actions as authActions, initialState as authInitialState, storeName as authStoreName };

package/auth/initialState.js

@@ -22,6 +22,7 @@ import { provisioningState } from './Provisioning';
 import { passkeysState } from './PasskeysState';
 import { groupsState } from './GroupsState';
 import { groupsDialogsState } from './GroupsState/groupsDialogsState';
+import { customLoginState } from './CustomLoginState';
 export const reinitializeState = {
   isAuthenticated: false,
   isLoading: true,
@@ -34,6 +35,7 @@ export const reinitializeState = {
   forgotPasswordState,
   ssoState,
   profileState,
+  customLoginState,
   mfaState,
   teamState,
   groupsState,

package/auth/reducer.d.ts

@@ -22,6 +22,7 @@ import { ImpersonateActions } from './ImpersonationState';
 import { PasskeysActions } from './PasskeysState';
 import { GroupsActions } from './GroupsState';
 import { GroupsDialogsActions } from './GroupsState/groupsDialogsState';
+import { CustomLoginActions } from './CustomLoginState';
 declare const reducer: import("redux").Reducer<AuthState, import("redux").AnyAction>;
 declare const actions: {
     loadWebAuthnDevices: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
@@ -361,6 +362,8 @@ declare const actions: {
     }, boolean>, string, never, never>;
     createSamlGroup: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import("..").WithCallback<import("@frontegg/rest-api").ICreateSamlGroup, boolean>], import("..").WithCallback<import("@frontegg/rest-api").ICreateSamlGroup, boolean>, string, never, never>;
     oidcPostlogin: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import("@frontegg/rest-api").IOidcPostLogin], import("@frontegg/rest-api").IOidcPostLogin, string, never, never>;
+    loadTenantMetadata: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    updateTenantMetadata: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import("..").WithCallback<Partial<import(".").UpdateTenantMetadataRequest>, boolean>], import("..").WithCallback<Partial<import(".").UpdateTenantMetadataRequest>, boolean>, string, never, never>;
     loadProfile: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
     saveProfile: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("..").WithCallback<import("@frontegg/rest-api").IUserProfile, import("@frontegg/rest-api").IUserProfile>>], Partial<import("..").WithCallback<import("@frontegg/rest-api").IUserProfile, import("@frontegg/rest-api").IUserProfile>>, string, never, never>;
     changePassword: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import("..").WithCallback<import("@frontegg/rest-api").IChangePassword, boolean>], import("..").WithCallback<import("@frontegg/rest-api").IChangePassword, boolean>, string, never, never>;
@@ -560,6 +563,8 @@ declare const actions: {
     setSSOError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import(".").SSOStateIndicator], import(".").SSOStateIndicator, string, never, never>;
     setSSOState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import(".").SSOState>], Partial<import(".").SSOState>, string, never, never>;
     resetSSOState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    setCustomLoginState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import(".").CustomLoginState>], Partial<import(".").CustomLoginState>, string, never, never>;
+    resetCustomLoginState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
     setProfileState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import(".").ProfileState>], Partial<import(".").ProfileState>, string, never, never>;
     resetProfileState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
     setSignUpState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import(".").SignUpState>], Partial<import(".").SignUpState>, string, never, never>;
@@ -588,5 +593,5 @@ export declare type RootActions = {
     resetState: () => void;
     setUser: (user: User) => void;
 };
-export declare type AuthActions = RootActions & LoginActions & SocialLoginActions & ActivateAccountActions & ImpersonateActions & AcceptInvitationActions & ForgotPasswordActions & ResetPhoneNumberActions & SignUpActions & ProfileActions & SSOActions & MfaActions & TeamActions & GroupsActions & GroupsDialogsActions & ApiTokensActions & SecurityPolicyActions & AccountSettingsActions & TenantsActions & RolesActions & SessionsActions & RestrictionsActions & ProvisioningActions & PasskeysActions;
+export declare type AuthActions = RootActions & LoginActions & SocialLoginActions & ActivateAccountActions & ImpersonateActions & AcceptInvitationActions & ForgotPasswordActions & ResetPhoneNumberActions & SignUpActions & ProfileActions & CustomLoginActions & SSOActions & MfaActions & TeamActions & GroupsActions & GroupsDialogsActions & ApiTokensActions & SecurityPolicyActions & AccountSettingsActions & TenantsActions & RolesActions & SessionsActions & RestrictionsActions & ProvisioningActions & PasskeysActions;
 export { reducer, actions };

package/auth/reducer.js

@@ -27,6 +27,7 @@ import { impersonateActions, impersonateReducers } from './ImpersonationState';
 import { passkeysActions, passkeysReducers } from './PasskeysState';
 import { groupsActions, groupsReducers } from './GroupsState';
 import { groupsDialogsActions, groupsDialogsReducers } from './GroupsState/groupsDialogsState';
+import { customLoginActions, customLoginReducers } from './CustomLoginState';
 const {
   reducer,
   actions: sliceActions
@@ -39,7 +40,7 @@ const {
       payload
     }) => _extends({}, state, payload),
     setUser: typeReducer('user')
-  }, loginReducers, socialLoginsReducer, activateAccountReducers, impersonateReducers, acceptInvitationReducers, forgotPasswordReducers, resetPhoneNumberReducers, signUpReducers, profileReducers, ssoReducers, mfaReducers, teamReducers, groupsReducers, groupsDialogsReducers, apiTokensReducers, securityPolicyReducers, accountSettingsReducers, tenantsReducers, rolesReducers, sessionsReducers, sessionsPolicyReducers, restrictionsReducers, provisioningReducers, passkeysReducers)
+  }, loginReducers, socialLoginsReducer, activateAccountReducers, impersonateReducers, acceptInvitationReducers, forgotPasswordReducers, resetPhoneNumberReducers, signUpReducers, profileReducers, customLoginReducers, ssoReducers, mfaReducers, teamReducers, groupsReducers, groupsDialogsReducers, apiTokensReducers, securityPolicyReducers, accountSettingsReducers, tenantsReducers, rolesReducers, sessionsReducers, sessionsPolicyReducers, restrictionsReducers, provisioningReducers, passkeysReducers)
 });
-const actions = _extends({}, sliceActions, loginActions, socialLoginsActions, activateAccountActions, acceptInvitationActions, forgotPasswordActions, resetPhoneNumberActions, signUpActions, profileActions, ssoActions, mfaActions, teamActions, groupsActions, groupsDialogsActions, apiTokensActions, securityPolicyActions, accountSettingsActions, tenantsActions, rolesActions, sessionsActions, sessionsPolicyActions, restrictionsActions, provisioningActions, impersonateActions, passkeysActions);
+const actions = _extends({}, sliceActions, loginActions, socialLoginsActions, activateAccountActions, acceptInvitationActions, forgotPasswordActions, resetPhoneNumberActions, signUpActions, profileActions, customLoginActions, ssoActions, mfaActions, teamActions, groupsActions, groupsDialogsActions, apiTokensActions, securityPolicyActions, accountSettingsActions, tenantsActions, rolesActions, sessionsActions, sessionsPolicyActions, restrictionsActions, provisioningActions, impersonateActions, passkeysActions);
 export { reducer, actions };

package/auth/saga.js

@@ -23,8 +23,9 @@ import { provisionSagas } from './Provisioning/saga';
 import { impersonateSagas } from './ImpersonationState/saga';
 import { passkeysSagas } from './PasskeysState/saga';
 import { groupsSagas, groupsSagasMock } from './GroupsState/saga';
+import { customLoginSagas } from './CustomLoginState/saga';
 export function* sagas() {
-  yield all([call(loginSagas), call(activateSagas), call(acceptInvitationSagas), call(forgotPasswordSagas), call(resetPhoneNumberSagas), call(ssoSagas), call(ssoSagasV2), call(profileSagas), call(mfaSagas), call(teamSagas), call(groupsSagas), call(socialLoginsSaga), call(signUpSaga), call(apiTokensSaga), call(securityPolicySagas), call(accountSettingsSaga), call(tenantsSagas), call(rolesSagas), call(sessionsSaga), call(sessionsPolicySaga), call(restrictionsSagas), call(provisionSagas), call(impersonateSagas), call(passkeysSagas)]);
+  yield all([call(loginSagas), call(activateSagas), call(acceptInvitationSagas), call(forgotPasswordSagas), call(resetPhoneNumberSagas), call(ssoSagas), call(ssoSagasV2), call(profileSagas), call(customLoginSagas), call(mfaSagas), call(teamSagas), call(groupsSagas), call(socialLoginsSaga), call(signUpSaga), call(apiTokensSaga), call(securityPolicySagas), call(accountSettingsSaga), call(tenantsSagas), call(rolesSagas), call(sessionsSaga), call(sessionsPolicySaga), call(restrictionsSagas), call(provisionSagas), call(impersonateSagas), call(passkeysSagas)]);
 }
 export function* mockSagas() {
   yield all([call(loginSagasMock),

package/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.96.0-alpha.0
+/** @license Frontegg v6.96.0-alpha.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/auth/CustomLoginState/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.customLoginState = exports.customLoginReducers = exports.customLoginActions = void 0;
+var _toolkit = require("@reduxjs/toolkit");
+var _utils = require("../utils");
+var _constants = require("../../constants");
+const customLoginState = {
+  loading: false,
+  error: null
+};
+exports.customLoginState = customLoginState;
+const reducers = {
+  setCustomLoginState: (0, _utils.typeReducerForKey)('customLoginState'),
+  resetCustomLoginState: (0, _utils.resetStateByKey)('customLoginState', {
+    customLoginState
+  })
+};
+exports.customLoginReducers = reducers;
+const actions = {
+  loadTenantMetadata: (0, _toolkit.createAction)(`${_constants.authStoreName}/loadTenantMetadata`),
+  updateTenantMetadata: (0, _toolkit.createAction)(`${_constants.authStoreName}/updateTenantMetadata`, payload => ({
+    payload
+  }))
+};
+
+/**
+ *  To be used for actions types after dispatch, and should contains
+ *  the reducers and actions as standalone function
+ */
+exports.customLoginActions = actions;
+// noinspection JSUnusedLocalSymbols
+/**
+ *  if you see error in matcher that's mean the DispatchAction does not
+ *  contains the same functions in reducers and actions
+ */
+const Matcher = {};

package/node/auth/CustomLoginState/saga.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.customLoginSagas = customLoginSagas;
+exports.customLoginSagasMock = customLoginSagasMock;
+exports.loadTenantMetadata = loadTenantMetadata;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _restApi = require("@frontegg/rest-api");
+var _metadata = require("@frontegg/rest-api/metadata");
+var _effects = require("redux-saga/effects");
+var _reducer = require("../reducer");
+var _utils = require("../utils");
+var _saga = require("../ProfileState/saga");
+const _excluded = ["callback"],
+  _excluded2 = ["callback"];
+function* loadTenantMetadata() {
+  yield (0, _effects.put)(_reducer.actions.setCustomLoginState({
+    loading: true
+  }));
+  try {
+    const tenantMetadata = yield (0, _effects.call)(_metadata.getAdminBoxMetadata);
+    yield (0, _effects.put)(_reducer.actions.setCustomLoginState({
+      tenantMetadata,
+      loading: false
+    }));
+  } catch (e) {
+    yield (0, _effects.put)(_reducer.actions.setCustomLoginState({
+      loading: false,
+      error: e.message
+    }));
+  }
+}
+const mapObjectToActions = (obj, path = []) => {
+  return Object.entries(obj).reduce((acc, [key, value]) => {
+    if (typeof value === 'object') {
+      return [...acc, ...mapObjectToActions(value, [...path, key])];
+    }
+    return [...acc, {
+      type: [...path, key].join('/'),
+      payload: value
+    }];
+  }, []);
+};
+function* uploadLogo(logo) {
+  const isLogoInBase64 = logo.match(/^data:image\/([A-Za-z-+\/]+);base64,(.+)$/);
+  if (isLogoInBase64) {
+    const logoFormData = (0, _saga.base64ToFormData)(logo, 'image');
+    if (logoFormData) {
+      // TODO: replace updateProfileImage with new backend upload logo route (not implemented yet)
+      let logoUrl = yield (0, _effects.call)(_restApi.api.teams.updateProfileImage, logoFormData);
+      if (logoUrl) {
+        const imageTimeStamp = Date.now().toString();
+        const urlTemplate = new URL(logoUrl);
+        urlTemplate.searchParams.set('t', imageTimeStamp);
+        logoUrl = urlTemplate.href;
+        return logoUrl;
+      }
+    }
+  }
+}
+function* updateTenantMetadata(_ref) {
+  let {
+      payload: {
+        callback
+      }
+    } = _ref,
+    state = (0, _objectWithoutPropertiesLoose2.default)(_ref.payload, _excluded);
+  try {
+    var _loginBox$logo;
+    yield (0, _effects.put)(_reducer.actions.setCustomLoginState({
+      error: null,
+      saving: true
+    }));
+    const {
+      loginBox
+    } = state;
+    if (!loginBox) {
+      throw new Error('no changes to update');
+    }
+    let calculatedState = state;
+    if ((_loginBox$logo = loginBox.logo) != null && _loginBox$logo.image) {
+      const logoUrl = yield uploadLogo(loginBox.logo.image);
+      if (logoUrl) {
+        calculatedState = {
+          loginBox: (0, _extends2.default)({}, calculatedState.loginBox, {
+            logo: {
+              image: logoUrl
+            }
+          })
+        };
+      } else {
+        throw new Error('could not upload logo');
+      }
+    }
+    const requestActions = mapObjectToActions(calculatedState);
+    if (requestActions.length === 0) {
+      throw new Error('no changes to update');
+    }
+    yield (0, _effects.call)(_metadata.updateAdminBoxMetadata, {
+      actions: requestActions
+    });
+    const tenantMetadata = yield (0, _effects.call)(_metadata.getAdminBoxMetadata);
+    yield (0, _effects.put)(_reducer.actions.setCustomLoginState({
+      tenantMetadata,
+      saving: false
+    }));
+    callback == null ? void 0 : callback(true);
+  } catch (e) {
+    yield (0, _effects.put)(_reducer.actions.setCustomLoginState({
+      error: e.message,
+      saving: false
+    }));
+    callback == null ? void 0 : callback(null, e);
+  }
+}
+function* customLoginSagas() {
+  yield (0, _effects.takeLeading)(_reducer.actions.loadTenantMetadata, loadTenantMetadata);
+  yield (0, _effects.takeLeading)(_reducer.actions.updateTenantMetadata, updateTenantMetadata);
+}
+
+// /*********************************
+//  *  Preview Sagas
+//  *********************************/
+
+function* loadCustomLoginStateMock() {
+  yield (0, _effects.put)(_reducer.actions.setCustomLoginState({
+    loading: true
+  }));
+  yield (0, _utils.delay)();
+  yield (0, _effects.put)(_reducer.actions.setCustomLoginState({
+    loading: false
+  }));
+}
+function* updateCustomLoginMetadataMock(_ref2) {
+  let {
+      payload: {
+        callback
+      }
+    } = _ref2,
+    payload = (0, _objectWithoutPropertiesLoose2.default)(_ref2.payload, _excluded2);
+  yield (0, _effects.put)(_reducer.actions.setCustomLoginState({
+    loading: true,
+    error: null
+  }));
+  yield (0, _utils.delay)();
+  yield (0, _effects.put)(_reducer.actions.setCustomLoginState({
+    loading: false,
+    error: null
+  }));
+  callback == null ? void 0 : callback(true);
+}
+function* customLoginSagasMock() {
+  yield (0, _effects.takeLeading)(_reducer.actions.loadTenantMetadata, loadCustomLoginStateMock);
+  yield (0, _effects.takeLeading)(_reducer.actions.updateTenantMetadata, updateCustomLoginMetadataMock);
+}

package/node/auth/ProfileState/saga.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.base64ToFormData = base64ToFormData;
 exports.profileSagas = profileSagas;
 exports.profileSagasMock = profileSagasMock;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

package/node/auth/index.js

@@ -628,6 +628,18 @@ Object.keys(_interfaces24).forEach(function (key) {
     }
   });
 });
+var _CustomLoginState = require("./CustomLoginState");
+Object.keys(_CustomLoginState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CustomLoginState[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CustomLoginState[key];
+    }
+  });
+});
 var _interfaces25 = require("./CustomLoginState/interfaces");
 Object.keys(_interfaces25).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/auth/initialState.js

@@ -29,6 +29,7 @@ var _Provisioning = require("./Provisioning");
 var _PasskeysState = require("./PasskeysState");
 var _GroupsState = require("./GroupsState");
 var _groupsDialogsState = require("./GroupsState/groupsDialogsState");
+var _CustomLoginState = require("./CustomLoginState");
 const reinitializeState = {
   isAuthenticated: false,
   isLoading: true,
@@ -41,6 +42,7 @@ const reinitializeState = {
   forgotPasswordState: _ForgotPasswordState.forgotPasswordState,
   ssoState: _SSOState.ssoState,
   profileState: _ProfileState.profileState,
+  customLoginState: _CustomLoginState.customLoginState,
   mfaState: _MfaState.mfaState,
   teamState: _TeamState.teamState,
   groupsState: _GroupsState.groupsState,

package/node/auth/reducer.js

@@ -34,6 +34,7 @@ var _ImpersonationState = require("./ImpersonationState");
 var _PasskeysState = require("./PasskeysState");
 var _GroupsState = require("./GroupsState");
 var _groupsDialogsState = require("./GroupsState/groupsDialogsState");
+var _CustomLoginState = require("./CustomLoginState");
 const {
   reducer,
   actions: sliceActions
@@ -46,8 +47,8 @@ const {
       payload
     }) => (0, _extends2.default)({}, state, payload),
     setUser: (0, _utils.typeReducer)('user')
-  }, _LoginState.loginReducers, _SocialLogins.socialLoginsReducer, _ActivateState.activateAccountReducers, _ImpersonationState.impersonateReducers, _AcceptInvitationState.acceptInvitationReducers, _ForgotPasswordState.forgotPasswordReducers, _ResetPhoneNumberState.resetPhoneNumberReducers, _SignUp.signUpReducers, _ProfileState.profileReducers, _SSOState.ssoReducers, _MfaState.mfaReducers, _TeamState.teamReducers, _GroupsState.groupsReducers, _groupsDialogsState.groupsDialogsReducers, _ApiTokensState.apiTokensReducers, _SecurityPolicyState.securityPolicyReducers, _AccountSettingsState.accountSettingsReducers, _TenantsState.tenantsReducers, _RolesState.rolesReducers, _SessionsState.sessionsReducers, _SessionsPolicyState.sessionsPolicyReducers, _RestrictionsState.restrictionsReducers, _Provisioning.provisioningReducers, _PasskeysState.passkeysReducers)
+  }, _LoginState.loginReducers, _SocialLogins.socialLoginsReducer, _ActivateState.activateAccountReducers, _ImpersonationState.impersonateReducers, _AcceptInvitationState.acceptInvitationReducers, _ForgotPasswordState.forgotPasswordReducers, _ResetPhoneNumberState.resetPhoneNumberReducers, _SignUp.signUpReducers, _ProfileState.profileReducers, _CustomLoginState.customLoginReducers, _SSOState.ssoReducers, _MfaState.mfaReducers, _TeamState.teamReducers, _GroupsState.groupsReducers, _groupsDialogsState.groupsDialogsReducers, _ApiTokensState.apiTokensReducers, _SecurityPolicyState.securityPolicyReducers, _AccountSettingsState.accountSettingsReducers, _TenantsState.tenantsReducers, _RolesState.rolesReducers, _SessionsState.sessionsReducers, _SessionsPolicyState.sessionsPolicyReducers, _RestrictionsState.restrictionsReducers, _Provisioning.provisioningReducers, _PasskeysState.passkeysReducers)
 });
 exports.reducer = reducer;
-const actions = (0, _extends2.default)({}, sliceActions, _LoginState.loginActions, _SocialLogins.socialLoginsActions, _ActivateState.activateAccountActions, _AcceptInvitationState.acceptInvitationActions, _ForgotPasswordState.forgotPasswordActions, _ResetPhoneNumberState.resetPhoneNumberActions, _SignUp.signUpActions, _ProfileState.profileActions, _SSOState.ssoActions, _MfaState.mfaActions, _TeamState.teamActions, _GroupsState.groupsActions, _groupsDialogsState.groupsDialogsActions, _ApiTokensState.apiTokensActions, _SecurityPolicyState.securityPolicyActions, _AccountSettingsState.accountSettingsActions, _TenantsState.tenantsActions, _RolesState.rolesActions, _SessionsState.sessionsActions, _SessionsPolicyState.sessionsPolicyActions, _RestrictionsState.restrictionsActions, _Provisioning.provisioningActions, _ImpersonationState.impersonateActions, _PasskeysState.passkeysActions);
+const actions = (0, _extends2.default)({}, sliceActions, _LoginState.loginActions, _SocialLogins.socialLoginsActions, _ActivateState.activateAccountActions, _AcceptInvitationState.acceptInvitationActions, _ForgotPasswordState.forgotPasswordActions, _ResetPhoneNumberState.resetPhoneNumberActions, _SignUp.signUpActions, _ProfileState.profileActions, _CustomLoginState.customLoginActions, _SSOState.ssoActions, _MfaState.mfaActions, _TeamState.teamActions, _GroupsState.groupsActions, _groupsDialogsState.groupsDialogsActions, _ApiTokensState.apiTokensActions, _SecurityPolicyState.securityPolicyActions, _AccountSettingsState.accountSettingsActions, _TenantsState.tenantsActions, _RolesState.rolesActions, _SessionsState.sessionsActions, _SessionsPolicyState.sessionsPolicyActions, _RestrictionsState.restrictionsActions, _Provisioning.provisioningActions, _ImpersonationState.impersonateActions, _PasskeysState.passkeysActions);
 exports.actions = actions;

package/node/auth/saga.js

@@ -30,8 +30,9 @@ var _saga21 = require("./Provisioning/saga");
 var _saga22 = require("./ImpersonationState/saga");
 var _saga23 = require("./PasskeysState/saga");
 var _saga24 = require("./GroupsState/saga");
+var _saga25 = require("./CustomLoginState/saga");
 function* sagas() {
-  yield (0, _effects.all)([(0, _effects.call)(_saga8.loginSagas), (0, _effects.call)(_saga6.activateSagas), (0, _effects.call)(_saga7.acceptInvitationSagas), (0, _effects.call)(_saga5.forgotPasswordSagas), (0, _effects.call)(_saga17.resetPhoneNumberSagas), (0, _effects.call)(_saga.ssoSagas), (0, _effects.call)(_saga2.ssoSagas), (0, _effects.call)(_saga3.profileSagas), (0, _effects.call)(_saga4.mfaSagas), (0, _effects.call)(_saga9.teamSagas), (0, _effects.call)(_saga24.groupsSagas), (0, _effects.call)(_saga10.socialLoginsSaga), (0, _effects.call)(_saga11.signUpSaga), (0, _effects.call)(_saga12.apiTokensSaga), (0, _effects.call)(_saga13.securityPolicySagas), (0, _effects.call)(_saga14.accountSettingsSaga), (0, _effects.call)(_saga15.tenantsSagas), (0, _effects.call)(_saga16.rolesSagas), (0, _effects.call)(_saga18.sessionsSaga), (0, _effects.call)(_saga19.sessionsPolicySaga), (0, _effects.call)(_saga20.restrictionsSagas), (0, _effects.call)(_saga21.provisionSagas), (0, _effects.call)(_saga22.impersonateSagas), (0, _effects.call)(_saga23.passkeysSagas)]);
+  yield (0, _effects.all)([(0, _effects.call)(_saga8.loginSagas), (0, _effects.call)(_saga6.activateSagas), (0, _effects.call)(_saga7.acceptInvitationSagas), (0, _effects.call)(_saga5.forgotPasswordSagas), (0, _effects.call)(_saga17.resetPhoneNumberSagas), (0, _effects.call)(_saga.ssoSagas), (0, _effects.call)(_saga2.ssoSagas), (0, _effects.call)(_saga3.profileSagas), (0, _effects.call)(_saga25.customLoginSagas), (0, _effects.call)(_saga4.mfaSagas), (0, _effects.call)(_saga9.teamSagas), (0, _effects.call)(_saga24.groupsSagas), (0, _effects.call)(_saga10.socialLoginsSaga), (0, _effects.call)(_saga11.signUpSaga), (0, _effects.call)(_saga12.apiTokensSaga), (0, _effects.call)(_saga13.securityPolicySagas), (0, _effects.call)(_saga14.accountSettingsSaga), (0, _effects.call)(_saga15.tenantsSagas), (0, _effects.call)(_saga16.rolesSagas), (0, _effects.call)(_saga18.sessionsSaga), (0, _effects.call)(_saga19.sessionsPolicySaga), (0, _effects.call)(_saga20.restrictionsSagas), (0, _effects.call)(_saga21.provisionSagas), (0, _effects.call)(_saga22.impersonateSagas), (0, _effects.call)(_saga23.passkeysSagas)]);
 }
 function* mockSagas() {
   yield (0, _effects.all)([(0, _effects.call)(_saga8.loginSagasMock),

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.96.0-alpha.0
+/** @license Frontegg v6.96.0-alpha.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@frontegg/redux-store",
-  "version": "6.96.0-alpha.0",
+  "version": "6.96.0-alpha.1",
   "main": "./node/index.js",
   "license": "MIT",
   "author": "Frontegg LTD",
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@frontegg/rest-api": "^3.0.96",
+    "@frontegg/rest-api": "^3.0.98",
     "@reduxjs/toolkit": "1.8.5",
     "redux-saga": "^1.2.1",
     "uuid": "^8.3.2"