1113439055

Committed 19 Dec 2023 09:01PM UTC coverage: 82.752% (-17.2%) from 99.964%

Build # 1113439055

Build Type

Pull #4258

gitlab-ci

Committed by

mender-test-bot

Commit Message

chore: Types update

Signed-off-by: Mender Test Bot <mender@northern.tech>

Pull Request Pull Request #4258: chore: Types update

Run Details

4326 of 6319 branches covered (0.0%)

8348 of 10088 relevant lines covered (82.75%)

189.39 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

88.89

/src/js/components/settings/settings.js

// Copyright 2017 Northern.tech AS
//
//    Licensed under the Apache License, Version 2.0 (the "License");
//    you may not use this file except in compliance with the License.
//    You may obtain a copy of the License at
//
//        http://www.apache.org/licenses/LICENSE-2.0
//
//    Unless required by applicable law or agreed to in writing, software
//    distributed under the License is distributed on an "AS IS" BASIS,
//    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//    See the License for the specific language governing permissions and
//    limitations under the License.
import React, { useEffect, useState } from 'react';
import { useSelector } from 'react-redux';
import { Navigate, useParams } from 'react-router-dom';

// material ui
import { Payment as PaymentIcon } from '@mui/icons-material';

import { Elements } from '@stripe/react-stripe-js';

import { TIMEOUTS, canAccess } from '../../constants/appConstants';
import { getCurrentUser, getFeatures, getOrganization, getTenantCapabilities, getUserCapabilities, getUserRoles } from '../../selectors';
import LeftNav from '../common/left-nav';
import SelfUserManagement from '../settings/user-management/selfusermanagement';
import UserManagement from '../settings/user-management/usermanagement';
import Global from './global';
import Integrations from './integrations';
import Organization from './organization/organization';
import Roles from './roles';
import Upgrade from './upgrade';

let stripePromise = null;

const sectionMap = {
  'global-settings': { component: Global, text: () => 'Global settings', canAccess },
  'my-profile': { component: SelfUserManagement, text: () => 'My profile', canAccess },
  'organization-and-billing': {
    component: Organization,
    text: () => 'Organization and billing',
    canAccess: ({ hasMultitenancy }) => hasMultitenancy
  },
  'user-management': {
    component: UserManagement,
    text: () => 'User management',
    canAccess: ({ userCapabilities: { canManageUsers } }) => canManageUsers
  },
  'role-management': {
    component: Roles,
    text: () => 'Roles',
    canAccess: ({ currentUser, userRoles: { isAdmin } }) => currentUser && isAdmin
  },
  integrations: {
    component: Integrations,
    text: () => 'Integrations',
    canAccess: ({ userRoles: { isAdmin } }) => isAdmin
  },
  upgrade: {
    component: Upgrade,
    icon: <PaymentIcon />,
    text: ({ isTrial }) => (isTrial ? 'Upgrade to a plan' : 'Upgrades and add-ons'),
    canAccess: ({ hasMultitenancy }) => hasMultitenancy
  }
};

export const Settings = () => {
  const currentUser = useSelector(getCurrentUser);
  const { hasMultitenancy } = useSelector(getFeatures);
  const { trial: isTrial = false } = useSelector(getOrganization);
  const stripeAPIKey = useSelector(state => state.app.stripeAPIKey);
  const tenantCapabilities = useSelector(getTenantCapabilities);
  const userCapabilities = useSelector(getUserCapabilities);
  const userRoles = useSelector(getUserRoles);
  const [loadingFinished, setLoadingFinished] = useState(!stripeAPIKey);
  const { section: sectionParam } = useParams();

  useEffect(() => {
    // Make sure to call `loadStripe` outside of a component’s render to avoid recreating
    // the `Stripe` object on every render - but don't initialize twice.
    if (!stripePromise) {
      import(/* webpackChunkName: "stripe" */ '@stripe/stripe-js').then(({ loadStripe }) => {
        if (stripeAPIKey) {
          stripePromise = loadStripe(stripeAPIKey).finally(() => setLoadingFinished(true));
        }
      });
    } else {
      const notStripePromise = new Promise(resolve => setTimeout(resolve, TIMEOUTS.debounceDefault));
      Promise.race([stripePromise, notStripePromise]).then(result => setLoadingFinished(result !== notStripePromise));
    }
  }, [stripeAPIKey]);

  const checkDenyAccess = item => currentUser.id && !item.canAccess({ currentUser, hasMultitenancy, isTrial, tenantCapabilities, userCapabilities, userRoles });

  const getCurrentSection = (sections, section = sectionParam) => {
    if (!sections.hasOwnProperty(section) || checkDenyAccess(sections[section])) {
      return;
    }
    return sections[section];
  };

  const links = Object.entries(sectionMap).reduce((accu, [key, item]) => {
    if (!checkDenyAccess(item)) {
      accu.push({
        path: `/settings/${key}`,
        icon: item.icon,
        title: item.text({ isTrial })
      });
    }
    return accu;
  }, []);

  const section = getCurrentSection(sectionMap, sectionParam);
  if (!section) {
    return <Navigate to="/settings/my-profile" replace />;
  }
  const Component = section.component;
  return (
    <div className="tab-container with-sub-panels" style={{ minHeight: '95%' }}>
      <LeftNav sections={[{ itemClass: 'settingsNav', items: links, title: 'Settings' }]} />
      <div className="rightFluid padding-right" style={{ paddingBottom: '15%' }}>
        {loadingFinished && (
          <Elements stripe={stripePromise}>
            <Component />
          </Elements>
        )}
      </div>
    </div>
  );
};

export default Settings;

1	// Copyright 2017 Northern.tech AS
2	//
3	// Licensed under the Apache License, Version 2.0 (the "License");
4	// you may not use this file except in compliance with the License.
5	// You may obtain a copy of the License at
6	//
7	// http://www.apache.org/licenses/LICENSE-2.0
8	//
9	// Unless required by applicable law or agreed to in writing, software
10	// distributed under the License is distributed on an "AS IS" BASIS,
11	// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12	// See the License for the specific language governing permissions and
13	// limitations under the License.
14	import React, { useEffect, useState } from 'react';
15	import { useSelector } from 'react-redux';
16	import { Navigate, useParams } from 'react-router-dom';
17
18	// material ui
19	import { Payment as PaymentIcon } from '@mui/icons-material';
20
21	import { Elements } from '@stripe/react-stripe-js';
22
23	import { TIMEOUTS, canAccess } from '../../constants/appConstants';
24	import { getCurrentUser, getFeatures, getOrganization, getTenantCapabilities, getUserCapabilities, getUserRoles } from '../../selectors';
25	import LeftNav from '../common/left-nav';
26	import SelfUserManagement from '../settings/user-management/selfusermanagement';
27	import UserManagement from '../settings/user-management/usermanagement';
28	import Global from './global';
29	import Integrations from './integrations';
30	import Organization from './organization/organization';
31	import Roles from './roles';
32	import Upgrade from './upgrade';
33
34	let stripePromise = null;	3✔
35
36	const sectionMap = {	3✔
37	'global-settings': { component: Global, text: () => 'Global settings', canAccess },	1✔
38	'my-profile': { component: SelfUserManagement, text: () => 'My profile', canAccess },	1✔
39	'organization-and-billing': {
40	component: Organization,
41	text: () => 'Organization and billing',	1✔
42	canAccess: ({ hasMultitenancy }) => hasMultitenancy	1✔
43	},
44	'user-management': {
45	component: UserManagement,
46	text: () => 'User management',	1✔
47	canAccess: ({ userCapabilities: { canManageUsers } }) => canManageUsers	1✔
48	},
49	'role-management': {
50	component: Roles,
51	text: () => 'Roles',	1✔
52	canAccess: ({ currentUser, userRoles: { isAdmin } }) => currentUser && isAdmin	1✔
53	},
54	integrations: {
55	component: Integrations,
56	text: () => 'Integrations',	1✔
57	canAccess: ({ userRoles: { isAdmin } }) => isAdmin	1✔
58	},
59	upgrade: {
60	component: Upgrade,
61	icon: <PaymentIcon />,
62	text: ({ isTrial }) => (isTrial ? 'Upgrade to a plan' : 'Upgrades and add-ons'),	1!
63	canAccess: ({ hasMultitenancy }) => hasMultitenancy	1✔
64	}
65	};
66
67	export const Settings = () => {	3✔
68	const currentUser = useSelector(getCurrentUser);	1✔
69	const { hasMultitenancy } = useSelector(getFeatures);	1✔
70	const { trial: isTrial = false } = useSelector(getOrganization);	1✔
71	const stripeAPIKey = useSelector(state => state.app.stripeAPIKey);	2✔
72	const tenantCapabilities = useSelector(getTenantCapabilities);	1✔
73	const userCapabilities = useSelector(getUserCapabilities);	1✔
74	const userRoles = useSelector(getUserRoles);	1✔
75	const [loadingFinished, setLoadingFinished] = useState(!stripeAPIKey);	1✔
76	const { section: sectionParam } = useParams();	1✔
77
78	useEffect(() => {	1✔
79	// Make sure to call `loadStripe` outside of a component’s render to avoid recreating
80	// the `Stripe` object on every render - but don't initialize twice.
81	if (!stripePromise) {	1!
82	import(/* webpackChunkName: "stripe" */ '@stripe/stripe-js').then(({ loadStripe }) => {	1✔
83	if (stripeAPIKey) {	1!
84	stripePromise = loadStripe(stripeAPIKey).finally(() => setLoadingFinished(true));	×
85	}
86	});
87	} else {
88	const notStripePromise = new Promise(resolve => setTimeout(resolve, TIMEOUTS.debounceDefault));	×
89	Promise.race([stripePromise, notStripePromise]).then(result => setLoadingFinished(result !== notStripePromise));	×
90	}
91	}, [stripeAPIKey]);
92
93	const checkDenyAccess = item => currentUser.id && !item.canAccess({ currentUser, hasMultitenancy, isTrial, tenantCapabilities, userCapabilities, userRoles });	8✔
94
95	const getCurrentSection = (sections, section = sectionParam) => {	1!
96	if (!sections.hasOwnProperty(section) \|\| checkDenyAccess(sections[section])) {	1!
97	return;	×
98	}
99	return sections[section];	1✔
100	};
101
102	const links = Object.entries(sectionMap).reduce((accu, [key, item]) => {	1✔
103	if (!checkDenyAccess(item)) {	7!
104	accu.push({	7✔
105	path: `/settings/${key}`,
106	icon: item.icon,
107	title: item.text({ isTrial })
108	});
109	}
110	return accu;	7✔
111	}, []);
112
113	const section = getCurrentSection(sectionMap, sectionParam);	1✔
114	if (!section) {	1!
115	return <Navigate to="/settings/my-profile" replace />;	×
116	}
117	const Component = section.component;	1✔
118	return (	1✔
119	<div className="tab-container with-sub-panels" style={{ minHeight: '95%' }}>
120	<LeftNav sections={[{ itemClass: 'settingsNav', items: links, title: 'Settings' }]} />
121	<div className="rightFluid padding-right" style={{ paddingBottom: '15%' }}>
122	{loadingFinished && (	2✔
123	<Elements stripe={stripePromise}>
124	<Component />
125	</Elements>
126	)}
127	</div>
128	</div>
129	);
130	};
131
132	export default Settings;

mendersoftware / gui / 1113439055

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous