fix the webapp blocking account name if exists in anohter SP (#229)

* fix the webapp blocking account name if exists in anohter SP

* hard reload when changing SP

* password settings enhance special chars

---------

Co-authored-by: eglehelms <e.helms@cognigy.com>

src/containers/internal/navi/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useMemo } from "react";
 import { classNames, M, Icon, Button } from "@jambonz/ui-kit";
-import { Link, useLocation } from "react-router-dom";
+import { Link, useLocation, useNavigate } from "react-router-dom";
 
 import { Icons, ModalForm } from "src/components";
 import { naviTop, naviByo } from "./items";
@@ -20,6 +20,7 @@ import "./styles.scss";
 import { ScopedAccess } from "src/components/scoped-access";
 import { Scope, UserData } from "src/store/types";
 import { USER_ADMIN } from "src/api/constants";
+import { ROUTE_LOGIN } from "src/router/routes";
 
 type CommonProps = {
   handleMenu: () => void;
@@ -61,6 +62,7 @@ export const Navi = ({
   handleLogout,
 }: NaviProps) => {
   const dispatch = useDispatch();
+  const navigate = useNavigate();
   const user = useSelectState("user");
   const accessControl = useSelectState("accessControl");
   const serviceProviders = useSelectState("serviceProviders");
@@ -160,6 +162,7 @@ export const Navi = ({
                 onChange={(e) => {
                   setSid(e.target.value);
                   setActiveSP(e.target.value);
+                  navigate(ROUTE_LOGIN);
                 }}
                 disabled={user?.scope !== USER_ADMIN}
               >

src/containers/internal/views/accounts/form.tsx

@@ -158,7 +158,14 @@ export const AccountForm = ({ apps, limits, account }: AccountFormProps) => {
           ? accounts.filter((a) => a.account_sid !== account.data!.account_sid)
           : accounts;
 
-      if (filtered.find((a) => a.name === name)) {
+      if (
+        account &&
+        filtered.find(
+          (a) =>
+            a.service_provider_sid !== account.data!.service_provider_sid &&
+            a.name === name
+        )
+      ) {
         setMessage(
           "The name you have entered is already in use on another one of your accounts."
         );

src/utils/index.ts

@@ -55,7 +55,7 @@ export const isValidPasswd = (
       password.length >= passwordSettings?.min_password_length &&
       (passwordSettings?.require_digit ? /\d/.test(password) : true) &&
       (passwordSettings?.require_special_character
-        ? /[!@#$%^&*(),.?"';:{}|<>+~]/.test(password)
+        ? /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(password)
         : true)
     );
   }