@licklist/design 0.78.5-dev.88 → 0.78.5-dev.9

package/.storybook/main.cjs

@@ -1,139 +1,44 @@
-const path = require('path');
-
 module.exports = {
-  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
+  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
     '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/preset-scss',
+    '@storybook/addon-knobs',
     '@storybook/addon-a11y',
-    '@storybook/addon-docs',
   ],
-  framework: {
-    name: '@storybook/react-webpack5',
-    options: {},
-  },
-  staticDirs: ['../src/assets'],
-
-  webpackFinal: async (config) => {
-    const webpack = require('webpack');
-
-    // Define import.meta.env to prevent errors when accessing VITE_SENTRY_DSN
-    // This replaces import.meta.env at build time
-    // Note: DefinePlugin uses exact string matching, so we define both the object and the property
-    const envVars = {
-      VITE_SENTRY_DSN: process.env.VITE_SENTRY_DSN || '',
-      // add other env vars your components need here
-    };
-
-    // DefinePlugin with multiple patterns to catch different access patterns
-    // This replaces import.meta.env references at build time
-    config.plugins.push(
-      new webpack.DefinePlugin({
-        'import.meta.env': JSON.stringify(envVars),
-        'import.meta.env.VITE_SENTRY_DSN': JSON.stringify(envVars.VITE_SENTRY_DSN),
-        'import.meta.env["VITE_SENTRY_DSN"]': JSON.stringify(envVars.VITE_SENTRY_DSN),
-        'import.meta.env[\'VITE_SENTRY_DSN\']': JSON.stringify(envVars.VITE_SENTRY_DSN),
-      })
-    );
-
-    // Add resolve alias for 'src' imports
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      'src': path.resolve(__dirname, '../src'),
-    };
-
-    // Add fallback for import.meta.env if DefinePlugin doesn't catch it
-    config.resolve.fallback = {
-      ...config.resolve.fallback,
-    };
+  // Export a function. Accept the base config as the only param.
+  webpackFinal: async (config, { configType }) => {
+    // `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
+    // You can change the configuration based on that.
+    // 'PRODUCTION' is used when building the static version of storybook.
+    const assetRule = config.module.rules.find(({ test }) => test.test('.svg'))
+    const gifRule = config.module.rules.find(({ test }) => test.test('.gif'))
+
+    const assetLoader = {
+      loader: assetRule.loader,
+      options: assetRule.options || assetRule.query,
+    }
 
-    // Add JSX/TSX support with Babel
-    config.module.rules.push({
-      test: /\.(js|jsx)$/,
-      exclude: /node_modules/,
-      use: {
-        loader: 'babel-loader',
-        options: {
-          presets: [
-            '@babel/preset-env',
-            ['@babel/preset-react', { runtime: 'automatic' }],
-          ],
-        },
-      },
-    });
+    const gifLoader = {
+      loader: gifRule.loader,
+      options: gifRule.options || gifRule.query,
+    }
 
-    // Add TypeScript support
-    config.module.rules.push({
-      test: /\.(ts|tsx)$/,
+    // Make whatever fine-grained changes you need
+    config.module.rules.unshift({
+      test: /\.gif$/,
       exclude: /node_modules/,
-      use: [
-        {
-          loader: require.resolve('ts-loader'),
-          options: {
-            transpileOnly: true,
-          },
-        },
-      ],
-    });
-
-    config.resolve.extensions.push('.ts', '.tsx', '.js', '.jsx');
-
-    // Add SCSS/SASS support
-    config.module.rules.push({
-      test: /\.scss$/,
-      use: [
-        'style-loader',
-        'css-loader',
-        {
-          loader: 'sass-loader',
-          options: {
-            implementation: require('sass'),
-          },
-        },
-      ],
-    });
+      use: ['url-loader', gifLoader],
+    })
 
-    // Handle SVG files with @svgr/webpack
-    // First, exclude SVG from the default file loader
-    const fileLoaderRule = config.module.rules.find(rule => rule.test?.test?.('.svg'));
-    if (fileLoaderRule) {
-      fileLoaderRule.exclude = /\.svg$/;
-    }
-
-    // Configure SVG handling
-    // CSS imports need URLs, JS/TS imports need ReactComponent
-    config.module.rules.push({
+    config.module.rules.unshift({
       test: /\.svg$/,
-      oneOf: [
-        // For imports with ?url query, provide URL
-        {
-          resourceQuery: /url/,
-          type: 'asset/resource',
-        },
-        // For CSS/SCSS files, provide URL (not React component)
-        {
-          issuer: /\.(css|scss|sass)$/,
-          type: 'asset/resource',
-        },
-        // For JS/TS files, use SVGR to export ReactComponent as named export
-        {
-          issuer: /\.(js|jsx|ts|tsx)$/,
-          use: [
-            {
-              loader: '@svgr/webpack',
-              options: {
-                exportType: 'named',
-                namedExport: 'ReactComponent',
-              },
-            },
-          ],
-        },
-        // Default fallback - provide URL
-        {
-          type: 'asset/resource',
-        },
-      ],
-    });
+      exclude: /node_modules/,
+      use: ['@svgr/webpack', assetLoader],
+    })
 
-    return config;
+    // Return the altered config
+    return config
   },
-};
+}

package/.storybook/manager.js

@@ -0,0 +1,4 @@
+import { withKnobs } from '@storybook/addon-knobs'
+import { addDecorator } from '@storybook/react'
+
+addDecorator(withKnobs())

package/.storybook/preview.js

@@ -0,0 +1,77 @@
+import React, { useEffect } from 'react'
+import { I18nextProvider } from 'react-i18next'
+import { BrowserRouter } from 'react-router-dom'
+import i18n, { IntlProvider } from '@licklist/core/dist/Translation'
+import AuthProvider from '@licklist/plugins/dist/context/user/providers/AuthProvider'
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+}
+
+const themeController = (() => {
+  const themes = ['bookedit', 'licklist']
+  const defaultTheme = themes[0]
+  let activeTheme
+
+  const styles = Object.fromEntries(
+    themes.map((theme) => [
+      theme,
+      require(
+        `!style-loader?injectType=lazyStyleTag!css-loader!sass-loader!../src/styles/themes/${theme}/_index.scss`,
+      ).default,
+    ]),
+  )
+
+  const setTheme = (theme) => {
+    if (theme === activeTheme) return
+    styles[theme].use()
+    if (activeTheme) styles[activeTheme].unuse()
+    activeTheme = theme
+  }
+
+  setTheme(defaultTheme)
+
+  return { themes, defaultTheme, setTheme }
+})()
+
+export const globalTypes = {
+  theme: {
+    name: 'Theme',
+    description: 'Global theme for components',
+    defaultValue: themeController.defaultTheme,
+    toolbar: {
+      icon: 'paintbrush',
+      items: themeController.themes,
+    },
+  },
+}
+
+const withI18n = (Story, context) => (
+  <I18nextProvider i18n={i18n}>
+    <IntlProvider>
+      <Story {...context} />
+    </IntlProvider>
+  </I18nextProvider>
+)
+
+const withTheme = (Story, context) => {
+  useEffect(() => {
+    themeController.setTheme(context.globals.theme)
+  }, [context.globals.theme])
+
+  return <Story {...context} />
+}
+
+const withRouter = (Story, context) => (
+  <BrowserRouter>
+    <Story {...context} />
+  </BrowserRouter>
+)
+
+const withAuth = (Story, context) => (
+  <AuthProvider>
+    <Story {...context} />
+  </AuthProvider>
+)
+
+export const decorators = [withI18n, withTheme, withRouter, withAuth]

package/bitbucket-pipelines.yml

@@ -62,9 +62,9 @@ pipelines:
           name: Publish to NPM
           script:
             - printf "//`node -p \"require('url').parse(process.env.NPM_REGISTRY_URL || 'https://registry.npmjs.org').host\"`/:_authToken=${NPM_TOKEN}\nregistry=${NPM_REGISTRY_URL:-https://registry.npmjs.org}\n" >> ~/.npmrc
-            - pipe: atlassian/npm-publish:1.1.1
+            - pipe: atlassian/npm-publish:0.2.0
               variables:
-                NPM_TOKEN: $NPM_TOKEN 
+                NPM_TOKEN: $NPM_TOKEN
 
   branches:
     master:
@@ -86,4 +86,4 @@ pipelines:
   pull-requests:
     '**':
       - step: *install
-      - step: *build
+      - step: *build

package/dist/CustomAlertTypes/AlertBox.d.ts

@@ -0,0 +1,22 @@
+import { alertThemes } from "./alertThemes";
+export interface AlertConfig {
+    type: keyof typeof alertThemes;
+    title?: string;
+    subTitle?: string;
+    message?: string | string[];
+    description?: string;
+    actionText?: string;
+    secondaryActionText?: string;
+    onAction?: (() => void) | null;
+    onSecondaryAction?: (() => void) | null;
+    timeout?: number;
+    closable?: boolean;
+    titleColor?: string;
+    subTitleColor?: string;
+    showArrow?: boolean;
+    showSecondaryArrow?: boolean;
+    alignActionsRight?: boolean;
+    mount?: "container" | "global";
+}
+export declare function showAlert(config: AlertConfig): void;
+//# sourceMappingURL=AlertBox.d.ts.map

package/dist/CustomAlertTypes/AlertBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBox.d.ts","sourceRoot":"","sources":["../../src/CustomAlertTypes/AlertBox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,OAAO,WAAW,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;CAChC;AAqDD,wBAAgB,SAAS,CAAC,MAAM,EAAE,WAAW,QAW5C"}

package/dist/CustomAlertTypes/AlertRender.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { AlertConfig } from './AlertBox';
+export declare class AlertRenderer {
+    static createAlert(config: AlertConfig, onClose: () => void): React.DetailedReactHTMLElement<{
+        style: {
+            backgroundColor: string;
+            border: string;
+            borderRadius: string;
+            padding: string;
+            width: string;
+            maxWidth: string;
+            margin: string;
+            pointerEvents: "auto";
+            fontFamily: string;
+            position: "relative";
+            overflow: "hidden";
+            boxSizing: "border-box";
+        };
+    }, HTMLElement>;
+}
+//# sourceMappingURL=AlertRender.d.ts.map

package/dist/CustomAlertTypes/AlertRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertRender.d.ts","sourceRoot":"","sources":["../../src/CustomAlertTypes/AlertRender.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,qBAAa,aAAa;IACxB,MAAM,CAAC,WAAW,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,IAAI;;;;;;;;;;;;;;;;CAoR5D"}

package/dist/CustomAlertTypes/alertThemes.d.ts

@@ -0,0 +1,41 @@
+import React from "react";
+export declare const ErrorIcon: () => React.ReactSVGElement;
+export declare const SuccessIcon: () => React.ReactSVGElement;
+export declare const InfoIcon: () => React.ReactSVGElement;
+export declare const WarningIcon: () => React.ReactSVGElement;
+export declare const commonStyle: {
+    fontFamily: string;
+    color: string;
+    borderRad: string;
+};
+export declare const alertThemes: {
+    error: {
+        bg: string;
+        border: string;
+        icon: string;
+        IconComponent: () => React.ReactSVGElement;
+        defaultTitle: string;
+    };
+    success: {
+        bg: string;
+        border: string;
+        icon: string;
+        IconComponent: () => React.ReactSVGElement;
+        defaultTitle: string;
+    };
+    warning: {
+        bg: string;
+        border: string;
+        icon: string;
+        IconComponent: () => React.ReactSVGElement;
+        defaultTitle: string;
+    };
+    info: {
+        bg: string;
+        border: string;
+        icon: string;
+        IconComponent: () => React.ReactSVGElement;
+        defaultTitle: string;
+    };
+};
+//# sourceMappingURL=alertThemes.d.ts.map

package/dist/CustomAlertTypes/alertThemes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alertThemes.d.ts","sourceRoot":"","sources":["../../src/CustomAlertTypes/alertThemes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8B1B,eAAO,MAAM,SAAS,6BAA0C,CAAC;AACjE,eAAO,MAAM,WAAW,6BAA4C,CAAC;AACrE,eAAO,MAAM,QAAQ,6BAAyC,CAAC;AAC/D,eAAO,MAAM,WAAW,6BAA4C,CAAC;AAErE,eAAO,MAAM,WAAW;;;;CAIvB,CAAA;AAGD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BvB,CAAC"}

package/dist/CustomAlertTypes/utils/textWrapperUtils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Wraps text into multiple lines by word count limit.
+ * @param text - The input string
+ * @param limit - Max characters per line
+ * @returns Wrapped text as a single string with newlines
+ */
+export declare function wrapText(text: string, limit: number): string;
+//# sourceMappingURL=textWrapperUtils.d.ts.map

package/dist/CustomAlertTypes/utils/textWrapperUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textWrapperUtils.d.ts","sourceRoot":"","sources":["../../../src/CustomAlertTypes/utils/textWrapperUtils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAmB5D"}

package/dist/affiliate/form/AffiliateControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AffiliateControl.d.ts","sourceRoot":"","sources":["../../../src/affiliate/form/AffiliateControl.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAuB,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEpE,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,oBAAoB,CAAA;CACnC;AAED,eAAO,MAAM,gBAAgB,GAAI,8BAG9B,qBAAqB,4CA6EvB,CAAA"}
+{"version":3,"file":"AffiliateControl.d.ts","sourceRoot":"","sources":["../../../src/affiliate/form/AffiliateControl.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAuB,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEpE,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,oBAAoB,CAAA;CACnC;AAED,eAAO,MAAM,gBAAgB,iCAG1B,qBAAqB,4CA6EvB,CAAA"}

package/dist/affiliate/form/AffiliateForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AffiliateForm.d.ts","sourceRoot":"","sources":["../../../src/affiliate/form/AffiliateForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,4DAA4D,CAAA;AAGtF,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGpE,MAAM,WAAW,kBAAkB;IACjC,aAAa,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IAChC,YAAY,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;IACnD,YAAY,EAAE,oBAAoB,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,GAAI,2DAK3B,kBAAkB,4CAgGpB,CAAA"}
+{"version":3,"file":"AffiliateForm.d.ts","sourceRoot":"","sources":["../../../src/affiliate/form/AffiliateForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,4DAA4D,CAAA;AAGtF,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGpE,MAAM,WAAW,kBAAkB;IACjC,aAAa,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IAChC,YAAY,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;IACnD,YAAY,EAAE,oBAAoB,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,8DAKvB,kBAAkB,4CAgGpB,CAAA"}

package/dist/auth/Authorizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Authorizer.d.ts","sourceRoot":"","sources":["../../src/auth/Authorizer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwD,MAAM,OAAO,CAAA;AAYvF,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CACnC;AAID,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAyGzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"Authorizer.d.ts","sourceRoot":"","sources":["../../src/auth/Authorizer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAA;AASnE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CACnC;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAgFzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/auth/Authorizer.js

@@ -1,13 +1,11 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { useContext, useRef, useState, useCallback, useEffect } from 'react';
-import { useLocation, useNavigate, matchPath } from 'react-router-dom';
+import { useState, useCallback, useEffect } from 'react';
+import { useLocation, matchPath } from 'react-router-dom';
 import useUser from '@licklist/plugins/dist/context/user/hooks/useUser';
 import { MATCH_ROUTE_PATTERNS, ROUTES } from '@licklist/core/dist/Config';
 import useAuthApi from '@licklist/plugins/dist/hooks/Api/useAuthApi';
 import useAuth from '@licklist/plugins/dist/context/user/hooks/useAuth';
 import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
-import StorageContext from '@licklist/plugins/dist/context/app/StorageContext';
-import JsonService from '@licklist/plugins/dist/services/Json/JsonService';
 import { BlockLoader } from '../static/loader/BlockLoader.js';
 
 function _array_like_to_array(arr, len) {
@@ -68,16 +66,12 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-var AUTH_CONTEXT_KEY = 'auth';
 function Authorizer(props) {
     var children = props.children;
     var auth = useAuth();
     var user = useUser();
     var useProfile = useAuthApi().useProfile;
-    var storage = useContext(StorageContext);
-    var isLoggingOut = useRef(false);
     var pathname = useLocation().pathname;
-    var navigate = useNavigate();
     // This will re-fetch user's profile
     var profile = useProfile();
     var _useState = _sliced_to_array(useState(false), 2), isValidated = _useState[0], setIsValidated = _useState[1];
@@ -90,32 +84,6 @@ function Authorizer(props) {
             return matched.pathname;
         });
     }, []);
-    // Check auth on every route change - if storage was cleared, logout immediately
-    useEffect(function() {
-        if (isLoggingOut.current) return;
-        var storedAuth = storage.get(AUTH_CONTEXT_KEY);
-        var parsedAuth = storedAuth ? JsonService.decode(storedAuth) : null;
-        // If we have auth in memory but not in storage, session was cleared
-        if (auth.secrets !== null && !parsedAuth) {
-            isLoggingOut.current = true;
-            auth.setSecrets(null);
-            user.setProfile(null);
-            var route = RouteService.getCurrentRoute();
-            navigate([
-                ROUTES.LOGIN_PAGE,
-                "returnUrl=".concat(escape(route))
-            ].join('?'), {
-                replace: true
-            });
-        }
-    }, [
-        pathname,
-        auth.secrets,
-        storage,
-        navigate,
-        auth,
-        user
-    ]);
     useEffect(function() {
         if (profile.isLoading || profile.isFetching) {
             return;
@@ -126,7 +94,7 @@ function Authorizer(props) {
             });
             return;
         }
-        var publicRoutes = [
+        if ([
             ROUTES.LOGIN_PAGE,
             ROUTES.REGISTER_PAGE,
             ROUTES.PRIVACY_PAGE,
@@ -134,31 +102,27 @@ function Authorizer(props) {
             ROUTES.PRIVACY_FACTS_PAGE,
             ROUTES.CHANGE_PASSWORD,
             ROUTES.FORGOT_PASSWORD,
-            ROUTES.SSO_LOGIN,
-            ROUTES.MAINTENANCE_PAGE
-        ].concat(_to_consumable_array(matchedPathPatternUrls()));
-        // If we're on a public route (e.g. /login), mark as validated and never redirect
-        if (publicRoutes.includes(pathname)) {
-            setIsValidated(true);
+            ROUTES.SSO_LOGIN
+        ].concat(_to_consumable_array(matchedPathPatternUrls())).includes(pathname)) {
+            setIsValidated(function() {
+                return true;
+            });
             return;
         }
         var route = RouteService.getCurrentRoute();
-        navigate([
+        RouteService.cleanRedirect([
             ROUTES.LOGIN_PAGE,
             "returnUrl=".concat(escape(route))
-        ].join('?'), {
-            replace: true
-        });
+        ].join('?'));
     }, [
         auth.secrets,
         user.profile,
         profile.data,
+        matchedPathPatternUrls,
         profile.isError,
         profile.isLoading,
         profile.isFetching,
-        pathname,
-        matchedPathPatternUrls,
-        navigate
+        pathname
     ]);
     if (profile.isFetching || profile.isLoading || !isValidated) return /*#__PURE__*/ jsx(BlockLoader, {});
     return /*#__PURE__*/ jsx(Fragment, {

package/dist/auth/ChangePassword/ChangePasswordComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChangePasswordComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/ChangePassword/ChangePasswordComponent.tsx"],"names":[],"mappings":"AAeA,iBAAS,uBAAuB,4CAkE/B;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"ChangePasswordComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/ChangePassword/ChangePasswordComponent.tsx"],"names":[],"mappings":"AAeA,iBAAS,uBAAuB,4CAmE/B;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAA"}