@strapi/admin 4.6.0-beta.2 → 4.6.0

package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js

@@ -5,8 +5,8 @@ import {
   useAppInfos,
   SettingsPageTitle,
   useFocusWhenNavigate,
-  CheckPermissions,
   useNotification,
+  useRBAC,
   useTracking,
 } from '@strapi/helper-plugin';
 import { HeaderLayout, Layout, ContentLayout } from '@strapi/design-system/Layout';
@@ -19,13 +19,12 @@ import { Button } from '@strapi/design-system/Button';
 import { Link } from '@strapi/design-system/v2/Link';
 import ExternalLink from '@strapi/icons/ExternalLink';
 import Check from '@strapi/icons/Check';
+import adminPermissions from '../../../../permissions';
 import { useConfigurations } from '../../../../hooks';
-import Form from './components/Form';
+import CustomizationInfos from './components/CustomizationInfos';
 import { fetchProjectSettings, postProjectSettings } from './utils/api';
 import getFormData from './utils/getFormData';
 
-const permissions = [{ action: 'admin::project-settings.update', subject: null }];
-
 const ApplicationInfosPage = () => {
   const inputsRef = useRef();
   const toggleNotification = useNotification();
@@ -37,30 +36,52 @@ const ApplicationInfosPage = () => {
   const { shouldUpdateStrapi, latestStrapiReleaseTag, strapiVersion } = appInfos;
   const { updateProjectSettings } = useConfigurations();
 
-  const { data } = useQuery('project-settings', fetchProjectSettings);
+  const {
+    allowedActions: { canRead, canUpdate },
+  } = useRBAC(adminPermissions.settings['project-settings']);
+  const canSubmit = canRead && canUpdate;
+
+  const { data } = useQuery('project-settings', fetchProjectSettings, { enabled: canRead });
 
   const currentPlan = appInfos.communityEdition
     ? 'app.components.UpgradePlanModal.text-ce'
     : 'app.components.UpgradePlanModal.text-ee';
 
   const submitMutation = useMutation((body) => postProjectSettings(body), {
-    async onSuccess({ menuLogo }) {
+    async onSuccess({ menuLogo, authLogo }) {
       await queryClient.invalidateQueries('project-settings', { refetchActive: true });
-      updateProjectSettings({ menuLogo: menuLogo?.url });
+      updateProjectSettings({ menuLogo: menuLogo?.url, authLogo: authLogo?.url });
     },
   });
 
-  const handleSubmit = () => {
+  const handleSubmit = (e) => {
+    e.preventDefault();
+
+    if (!canUpdate) return;
+
     const inputValues = inputsRef.current.getValues();
     const formData = getFormData(inputValues);
 
     submitMutation.mutate(formData, {
       onSuccess() {
-        const { menuLogo } = inputValues;
+        const { menuLogo, authLogo } = inputValues;
 
         if (menuLogo.rawFile) {
-          trackUsage('didChangeLogo');
+          trackUsage('didChangeLogo', {
+            logo: 'menu',
+          });
         }
+
+        if (authLogo.rawFile) {
+          trackUsage('didChangeLogo', {
+            logo: 'auth',
+          });
+        }
+
+        toggleNotification({
+          type: 'success',
+          message: formatMessage({ id: 'app', defaultMessage: 'Saved' }),
+        });
       },
       onError() {
         toggleNotification({
@@ -75,30 +96,33 @@ const ApplicationInfosPage = () => {
     <Layout>
       <SettingsPageTitle name="Application" />
       <Main>
-        <HeaderLayout
-          title={formatMessage({ id: 'Settings.application.title', defaultMessage: 'Overview' })}
-          subtitle={formatMessage({
-            id: 'Settings.application.description',
-            defaultMessage: 'Administration panel’s global information',
-          })}
-          primaryAction={
-            <Button onClick={handleSubmit} startIcon={<Check />}>
-              {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}
-            </Button>
-          }
-        />
-        <ContentLayout>
-          <Stack spacing={6}>
-            <Box
-              hasRadius
-              background="neutral0"
-              shadow="tableShadow"
-              paddingTop={6}
-              paddingBottom={6}
-              paddingRight={7}
-              paddingLeft={7}
-            >
-              <Stack spacing={5}>
+        <form onSubmit={handleSubmit}>
+          <HeaderLayout
+            title={formatMessage({ id: 'Settings.application.title', defaultMessage: 'Overview' })}
+            subtitle={formatMessage({
+              id: 'Settings.application.description',
+              defaultMessage: 'Administration panel’s global information',
+            })}
+            primaryAction={
+              canSubmit && (
+                <Button type="submit" startIcon={<Check />}>
+                  {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}
+                </Button>
+              )
+            }
+          />
+          <ContentLayout>
+            <Stack spacing={6}>
+              <Stack
+                spacing={5}
+                hasRadius
+                background="neutral0"
+                shadow="tableShadow"
+                paddingTop={6}
+                paddingBottom={6}
+                paddingRight={7}
+                paddingLeft={7}
+              >
                 <Typography variant="delta" as="h3">
                   {formatMessage({
                     id: 'global.details',
@@ -187,14 +211,16 @@ const ApplicationInfosPage = () => {
                   <Typography as="p">{appInfos.nodeVersion}</Typography>
                 </Box>
               </Stack>
-            </Box>
-            {data && (
-              <CheckPermissions permissions={permissions}>
-                <Form ref={inputsRef} projectSettingsStored={data} />
-              </CheckPermissions>
-            )}
-          </Stack>
-        </ContentLayout>
+              {canRead && data && (
+                <CustomizationInfos
+                  canUpdate={canUpdate}
+                  ref={inputsRef}
+                  projectSettingsStored={data}
+                />
+              )}
+            </Stack>
+          </ContentLayout>
+        </form>
       </Main>
     </Layout>
   );

package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/utils/api.js

@@ -8,7 +8,11 @@ const fetchProjectSettings = async () => {
 };
 
 const postProjectSettings = async (body) => {
-  const { data } = await axiosInstance.post('/admin/project-settings', body);
+  const { data } = await axiosInstance.post('/admin/project-settings', body, {
+    headers: {
+      'Content-Type': 'multipart/form-data',
+    },
+  });
 
   return prefixAllUrls(data);
 };

package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/index.js

@@ -118,7 +118,7 @@ const EventInput = ({ isDraftAndPublish }) => {
                     title={formatMessage({
                       id: 'Settings.webhooks.event.publish-tooltip',
                       defaultMessage:
-                        'This event only exists for contents with Draft/Publish system enabled',
+                        'This event only exists for content with draft & publish enabled',
                     })}
                   >
                     <Typography variant="sigma" textColor="neutral600">

package/admin/src/pages/SettingsPage/utils/defaultRoutes.js

@@ -57,17 +57,6 @@ const defaultRoutes = [
     to: '/settings/users/:id',
     exact: true,
   },
-  {
-    async Component() {
-      const component = await import(
-        /* webpackChunkName: "admin-audit-logs" */ '../pages/AuditLogs/ProtectedListPage'
-      );
-
-      return component;
-    },
-    to: '/settings/audit-logs',
-    exact: true,
-  },
   {
     async Component() {
       const component = await import(

package/admin/src/permissions/defaultPermissions.js

@@ -87,6 +87,10 @@ const permissions = {
       update: [{ action: 'admin::api-tokens.update', subject: null }],
       regenerate: [{ action: 'admin::api-tokens.regenerate', subject: null }],
     },
+    'project-settings': {
+      read: [{ action: 'admin::project-settings.read', subject: null }],
+      update: [{ action: 'admin::project-settings.update', subject: null }],
+    },
   },
 };
 

package/admin/src/translations/en.json

@@ -119,11 +119,14 @@
   "Settings.application.strapiVersion": "strapi version",
   "Settings.application.title": "Overview",
   "Settings.application.customization": "Customization",
-  "Settings.application.customization.carousel.title": "Logo",
+  "Settings.application.customization.size-details": "Max dimension: {dimension}×{dimension}, Max file size: {size}KB",
+  "Settings.application.customization.carousel.menu-logo.title": "Menu logo",
+  "Settings.application.customization.carousel.auth-logo.title": "Auth logo",
   "Settings.application.customization.carousel.change-action": "Change logo",
   "Settings.application.customization.carousel.reset-action": "Reset logo",
   "Settings.application.customization.carousel-slide.label": "Logo slide",
-  "Settings.application.customization.carousel-hint": "Change the admin panel logo (Max dimension: {dimension}x{dimension}, Max file size: {size}KB)",
+  "Settings.application.customization.menu-logo.carousel-hint": "Replace the logo in the main navigation",
+  "Settings.application.customization.auth-logo.carousel-hint": "Replace the logo in the authentication pages",
   "Settings.application.customization.modal.cancel": "Cancel",
   "Settings.application.customization.modal.upload": "Upload logo",
   "Settings.application.customization.modal.tab.label": "How do you want to upload your assets?",
@@ -495,7 +498,7 @@
   "clearLabel": "Clear",
   "selectButtonTitle": "Select",
   "coming.soon": "This content is currently under construction and will be back in a few weeks!",
-  "component.Input.error.validation.integer": "The value must be an integer",
+  "component.Input.error.validation.integer": "Value must be an integer",
   "components.AutoReloadBlocker.description": "Run Strapi with one of the following commands:",
   "components.AutoReloadBlocker.header": "Reload feature is required for this plugin.",
   "components.ErrorBoundary.title": "Something went wrong...",
@@ -511,26 +514,26 @@
   "components.FilterOptions.FILTER_TYPES.$notNull": "is not null",
   "components.FilterOptions.FILTER_TYPES.$null": "is null",
   "components.FilterOptions.FILTER_TYPES.$startsWith": "starts with",
-  "components.Input.error.attribute.key.taken": "This value already exists",
+  "components.Input.error.attribute.key.taken": "Value already exists",
   "components.Input.error.attribute.sameKeyAndName": "Can't be equal",
-  "components.Input.error.attribute.taken": "This field name already exists",
+  "components.Input.error.attribute.taken": "Field name already exists",
   "components.Input.error.contain.lowercase": "Password must contain at least one lowercase character",
   "components.Input.error.contain.number": "Password must contain at least one number",
   "components.Input.error.contain.uppercase": "Password must contain at least one uppercase character",
-  "components.Input.error.contentTypeName.taken": "This name already exists",
+  "components.Input.error.contentTypeName.taken": "Name already exists",
   "components.Input.error.custom-error": "{errorMessage} ",
   "components.Input.error.password.noMatch": "Passwords do not match",
-  "components.Input.error.validation.email": "This is an invalid email",
-  "components.Input.error.validation.json": "This doesn't match the JSON format",
+  "components.Input.error.validation.email": "Value is an invalid email",
+  "components.Input.error.validation.json": "Value is invalid JSON",
   "components.Input.error.validation.lowercase": "The value must be a lowercase string",
-  "components.Input.error.validation.max": "The value is too high.",
-  "components.Input.error.validation.maxLength": "The value is too long.",
-  "components.Input.error.validation.min": "The value is too low.",
-  "components.Input.error.validation.minLength": "The value is too short.",
-  "components.Input.error.validation.minSupMax": "Can't be superior",
-  "components.Input.error.validation.regex": "The value does not match the regex.",
-  "components.Input.error.validation.required": "This value is required.",
-  "components.Input.error.validation.unique": "This value is already used.",
+  "components.Input.error.validation.max": "Value is larger than the maximum",
+  "components.Input.error.validation.maxLength": "Value is longer than the maximum",
+  "components.Input.error.validation.min": "Value is smaller than the minimum",
+  "components.Input.error.validation.minLength": "Value is shorter than the minimum",
+  "components.Input.error.validation.minSupMax": "Value cannot be superior",
+  "components.Input.error.validation.regex": "Value does not match the required pattern",
+  "components.Input.error.validation.required": "Value is required",
+  "components.Input.error.validation.unique": "Value is already used",
   "components.InputSelect.option.placeholder": "Choose here",
   "components.ListRow.empty": "There is no data to be shown.",
   "components.NotAllowedInput.text": "No permissions to see this field",
@@ -729,6 +732,9 @@
   "content-manager.form.Input.sort.field": "Enable sort on this field",
   "content-manager.form.Input.sort.order": "Default sort order",
   "content-manager.form.Input.wysiwyg": "Display as WYSIWYG",
+  "content-manager.form.Input.hint.text": "{min, select, undefined {} other {min. {min}}}{divider}{max, select, undefined {} other {max. {max}}}{unit}{br}{description}",
+  "content-manager.form.Input.hint.minMaxDivider": " / ",
+  "content-manager.form.Input.hint.character.unit": "{maxValue, plural, one { character} other { characters}}",
   "content-manager.global.displayedFields": "Displayed Fields",
   "content-manager.groups": "Groups",
   "content-manager.groups.numbered": "Groups ({number})",

package/build/2607.ce06608e.chunk.js

@@ -0,0 +1,66 @@
+(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[2607],{88058:function(c,l,t){var e=t(87650);function n(r,v){var h=r==null?0:r.length;return!!h&&e(r,v,0)>-1}c.exports=n},37431:function(c){function l(t,e,n){for(var r=-1,v=t==null?0:t.length;++r<v;)if(n(e,t[r]))return!0;return!1}c.exports=l},23089:function(c,l,t){var e=t(61712),n=e("length");c.exports=n},60528:function(c){function l(t,e,n,r){for(var v=t.length,h=n+(r?1:-1);r?h--:++h<v;)if(e(t[h],h,t))return h;return-1}c.exports=l},87650:function(c,l,t){var e=t(60528),n=t(25556),r=t(54256);function v(h,E,_){return E===E?r(h,E,_):e(h,n,_)}c.exports=v},25556:function(c){function l(t){return t!==t}c.exports=l},84351:function(c,l,t){var e=t(61124),n=t(88058),r=t(37431),v=t(30555),h=t(58491),E=t(66350),_=200;function x(w,M,m){var o=-1,a=n,i=w.length,g=!0,s=[],f=s;if(m)g=!1,a=r;else if(i>=_){var d=M?null:h(w);if(d)return E(d);g=!1,a=v,f=new e}else f=M?[]:s;e:for(;++o<i;){var u=w[o],p=M?M(u):u;if(u=m||u!==0?u:0,g&&p===p){for(var C=f.length;C--;)if(f[C]===p)continue e;M&&f.push(p),s.push(u)}else a(f,p,m)||(f!==s&&f.push(p),s.push(u))}return s}c.exports=x},58491:function(c,l,t){var e=t(69902),n=t(13581),r=t(66350),v=1/0,h=e&&1/r(new e([,-0]))[1]==v?function(E){return new e(E)}:n;c.exports=h},54256:function(c){function l(t,e,n){for(var r=n-1,v=t.length;++r<v;)if(t[r]===e)return r;return-1}c.exports=l},38788:function(c,l,t){var e=t(23089),n=t(34327),r=t(71286);function v(h){return n(h)?r(h):e(h)}c.exports=v},71286:function(c){var l="\\ud800-\\udfff",t="\\u0300-\\u036f",e="\\ufe20-\\ufe2f",n="\\u20d0-\\u20ff",r=t+e+n,v="\\ufe0e\\ufe0f",h="["+l+"]",E="["+r+"]",_="\\ud83c[\\udffb-\\udfff]",x="(?:"+E+"|"+_+")",w="[^"+l+"]",M="(?:\\ud83c[\\udde6-\\uddff]){2}",m="[\\ud800-\\udbff][\\udc00-\\udfff]",o="\\u200d",a=x+"?",i="["+v+"]?",g="(?:"+o+"(?:"+[w,M,m].join("|")+")"+i+a+")*",s=i+a+g,f="(?:"+[w+E+"?",E,M,m,h].join("|")+")",d=RegExp(_+"(?="+_+")|"+f+s,"g");function u(p){for(var C=d.lastIndex=0;d.test(p);)++C;return C}c.exports=u},13581:function(c){function l(){}c.exports=l},98178:function(c,l,t){"use strict";t.d(l,{P1:function(){return w}});var e="NOT_FOUND";function n(m){var o;return{get:function(i){return o&&m(o.key,i)?o.value:e},put:function(i,g){o={key:i,value:g}},getEntries:function(){return o?[o]:[]},clear:function(){o=void 0}}}function r(m,o){var a=[];function i(d){var u=a.findIndex(function(C){return o(d,C.key)});if(u>-1){var p=a[u];return u>0&&(a.splice(u,1),a.unshift(p)),p.value}return e}function g(d,u){i(d)===e&&(a.unshift({key:d,value:u}),a.length>m&&a.pop())}function s(){return a}function f(){a=[]}return{get:i,put:g,getEntries:s,clear:f}}var v=function(o,a){return o===a};function h(m){return function(a,i){if(a===null||i===null||a.length!==i.length)return!1;for(var g=a.length,s=0;s<g;s++)if(!m(a[s],i[s]))return!1;return!0}}function E(m,o){var a=typeof o=="object"?o:{equalityCheck:o},i=a.equalityCheck,g=i===void 0?v:i,s=a.maxSize,f=s===void 0?1:s,d=a.resultEqualityCheck,u=h(g),p=f===1?n(u):r(f,u);function C(){var z=p.get(arguments);if(z===e){if(z=m.apply(null,arguments),d){var b=p.getEntries(),R=b.find(function(D){return d(D.value,z)});R&&(z=R.value)}p.put(arguments,z)}return z}return C.clearCache=function(){return p.clear()},C}function _(m){var o=Array.isArray(m[0])?m[0]:m;if(!o.every(function(i){return typeof i=="function"})){var a=o.map(function(i){return typeof i=="function"?"function "+(i.name||"unnamed")+"()":typeof i}).join(", ");throw new Error("createSelector expects all input-selectors to be functions, but received the following types: ["+a+"]")}return o}function x(m){for(var o=arguments.length,a=new Array(o>1?o-1:0),i=1;i<o;i++)a[i-1]=arguments[i];var g=function(){for(var f=arguments.length,d=new Array(f),u=0;u<f;u++)d[u]=arguments[u];var p=0,C,z={memoizeOptions:void 0},b=d.pop();if(typeof b=="object"&&(z=b,b=d.pop()),typeof b!="function")throw new Error("createSelector expects an output function after the inputs, but received: ["+typeof b+"]");var R=z,D=R.memoizeOptions,y=D===void 0?a:D,A=Array.isArray(y)?y:[y],P=_(d),S=m.apply(void 0,[function(){return p++,b.apply(null,arguments)}].concat(A)),j=m(function(){for(var T=[],L=P.length,F=0;F<L;F++)T.push(P[F].apply(null,arguments));return C=S.apply(null,T),C});return Object.assign(j,{resultFunc:b,memoizedResultFunc:S,dependencies:P,lastResult:function(){return C},recomputations:function(){return p},resetRecomputations:function(){return p=0}}),j};return g}var w=x(E),M=function(o,a){if(a===void 0&&(a=w),typeof o!="object")throw new Error("createStructuredSelector expects first argument to be an object "+("where each property is a selector, instead received a "+typeof o));var i=Object.keys(o),g=a(i.map(function(s){return o[s]}),function(){for(var s=arguments.length,f=new Array(s),d=0;d<s;d++)f[d]=arguments[d];return f.reduce(function(u,p,C){return u[i[C]]=p,u},{})});return g}},90700:function(c,l,t){"use strict";t.d(l,{m:function(){return _}});var e=t(32735),n=t(83292),r=t(60216),v=t(15335);const h=`${232/16}rem`,E=(0,n.default)(v.r)`
+  width: ${h};
+  background: ${({theme:x})=>x.colors.neutral100};
+  position: sticky;
+  top: 0;
+  height: 100vh;
+  overflow-y: auto;
+  border-right: 1px solid ${({theme:x})=>x.colors.neutral200};
+  z-index: 1;
+`,_=({ariaLabel:x,...w})=>e.createElement(E,{"aria-label":x,as:"nav",...w});_.propTypes={ariaLabel:r.string.isRequired}},8598:function(c,l,t){"use strict";t.d(l,{p:function(){return s}});var e=t(32735),n=t(60216),r=t(83292),v=t(57269),h=t(87933),E=t(49372),_=t(50563),x=t(72850),w=t(9026),M=t(61774),m=t(89252),o=t(59002);const a=f=>{const d=(0,e.useRef)();return(0,e.useEffect)(()=>{d.current=f}),d.current};var i=t(94486);const g=(0,r.default)(w.i)`
+  width: ${24/16}rem;
+  background-color: ${({theme:f})=>f.colors.neutral200};
+`,s=({as:f,label:d,searchLabel:u,searchable:p,onChange:C,value:z,onClear:b,onSubmit:R,id:D})=>{const[y,A]=(0,e.useState)(!1),P=a(y),S=(0,o.M)("subnav-searchbar-clear",D),j=(0,e.useRef)(),O=(0,e.useRef)();(0,e.useEffect)(()=>{y&&j.current&&j.current.focus(),P&&!y&&O.current&&O.current.focus()},[y,P]);const T=()=>{A(B=>!B)},L=B=>{b(B),j.current.focus()},F=B=>{B.relatedTarget?.id!==S&&A(!1)},I=B=>{B.key===i.y.ESCAPE&&A(!1)};return y?e.createElement(x.x,{paddingLeft:4,paddingTop:5,paddingBottom:2,paddingRight:4},e.createElement(m.U,null,e.createElement(M.w,{name:"searchbar",value:z,onChange:C,placeholder:"e.g: strapi-plugin-abcd",onKeyDown:I,ref:j,onBlur:F,onClear:L,onSubmit:R,clearLabel:"Clear",size:"S"},u)),e.createElement(x.x,{paddingLeft:2,paddingTop:4},e.createElement(g,null))):e.createElement(x.x,{paddingLeft:6,paddingTop:6,paddingBottom:2,paddingRight:4},e.createElement(h.k,{justifyContent:"space-between",alignItems:"flex-start"},e.createElement(E.Z,{variant:"beta",as:f},d),p&&e.createElement(_.h,{ref:O,onClick:T,label:u,icon:e.createElement(v.Search,null)})),e.createElement(x.x,{paddingTop:4},e.createElement(g,null)))};s.defaultProps={as:"h2",searchable:!1,onChange(){},onClear(){},onSubmit(){},value:"",searchLabel:"",id:void 0},s.propTypes={as:n.string,id:n.string,label:n.string.isRequired,onChange:n.func,onClear:n.func,onSubmit:n.func,searchLabel:n.string,searchable:n.bool,value:n.string}},66618:function(c,l,t){"use strict";t.d(l,{E:function(){return o}});var e=t(32735),n=t(60216),r=t(83292),v=t(57269),h=t(72850),E=t(49372),_=t(87933),x=t(62499);const w=(0,r.default)(h.x)`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  text-decoration: none;
+  color: ${({theme:a})=>a.colors.neutral800};
+  svg > * {
+    fill: ${({theme:a})=>a.colors.neutral600};
+  }
+
+  &.active {
+    ${({theme:a})=>`
+      background-color: ${a.colors.primary100};
+      border-right: 2px solid ${a.colors.primary600};
+      svg > * {
+        fill: ${a.colors.primary700};
+      }
+      ${E.Z} {
+        color: ${a.colors.primary700};
+        font-weight: 500;
+      }
+      `}
+  }
+
+  &:focus-visible {
+    outline-offset: -2px;
+  }
+`,M=(0,r.default)(v.Dot)`
+  width: ${12/16}rem;
+  height: ${4/16}rem;
+  * {
+    fill: ${({theme:a,$active:i})=>i?a.colors.primary600:a.colors.neutral600};
+  }
+`,m=r.default.div`
+  svg {
+    height: ${12/16}rem;
+    width: ${12/16}rem;
+  }
+`,o=e.forwardRef(({children:a,icon:i,withBullet:g,as:s,isSubSectionChild:f,...d},u)=>e.createElement(w,{as:s,icon:i,background:"neutral100",paddingLeft:f?9:7,paddingBottom:2,paddingTop:2,ref:u,...d},e.createElement(_.k,null,i?e.createElement(m,null,i):e.createElement(M,null),e.createElement(h.x,{paddingLeft:2},e.createElement(E.Z,{as:"span"},a))),g&&e.createElement(h.x,{as:_.k,paddingRight:4},e.createElement(M,{$active:!0}))));o.displayName="SubNavLink",o.defaultProps={as:x.f,icon:null,isSubSectionChild:!1,withBullet:!1},o.propTypes={as:n.elementType,children:n.node.isRequired,icon:n.element,isSubSectionChild:n.bool,withBullet:n.bool}},79318:function(c,l,t){"use strict";t.d(l,{D:function(){return g}});var e=t(32735),n=t(60216),r=t(83292),v=t(72850),h=t(6518),E=t(27677),_=t(57269),x=t(49372),w=t(87933);const M=(0,r.default)(w.k)`
+  border: none;
+  padding: 0;
+  background: transparent;
+`,m=r.default.div`
+  display: flex;
+  align-items: center;
+  transform: rotateX(${({rotated:s})=>s?"0deg":"180deg"});
+`,o=({collapsable:s,label:f,onClick:d,ariaExpanded:u,ariaControls:p})=>s?e.createElement(M,{as:"button",onClick:d,"aria-expanded":u,"aria-controls":p,textAlign:"left"},e.createElement(v.x,{paddingRight:1},e.createElement(x.Z,{variant:"sigma",textColor:"neutral600"},f)),s&&e.createElement(m,{rotated:u},e.createElement(_.CarretDown,{"aria-hidden":!0}))):e.createElement(M,null,e.createElement(v.x,{paddingRight:1},e.createElement(x.Z,{variant:"sigma",textColor:"neutral600"},f)));o.defaultProps={ariaControls:null,ariaExpanded:null,collapsable:!1,onClick(){}},o.propTypes={ariaControls:n.string,ariaExpanded:n.bool,collapsable:n.bool,label:n.string.isRequired,onClick:n.func};var a=t(59002);const i=(0,r.default)(v.x)`
+  svg {
+    height: ${4/16}rem;
+    path {
+      fill: ${({theme:s})=>s.colors.neutral500};
+    }
+  }
+`,g=({collapsable:s,label:f,badgeLabel:d,children:u,id:p})=>{const[C,z]=(0,e.useState)(!0),b=(0,a.M)("subnav-list",p),R=()=>{z(D=>!D)};return e.createElement(E.K,{spacing:1},e.createElement(i,{paddingLeft:6,paddingTop:2,paddingBottom:2,paddingRight:4},e.createElement(v.x,{position:"relative",paddingRight:d?6:0},e.createElement(o,{onClick:R,ariaExpanded:C,ariaControls:b,collapsable:s,label:f}),d&&e.createElement(h.C,{backgroundColor:"neutral150",textColor:"neutral600",position:"absolute",right:0,top:"50%",transform:"translateY(-50%)"},d))),(!s||C)&&e.createElement("ol",{id:b},e.Children.map(u,(D,y)=>e.createElement("li",{key:y},D))))};g.defaultProps={badgeLabel:null,collapsable:!1,id:void 0},g.propTypes={badgeLabel:n.string,children:n.node.isRequired,collapsable:n.bool,id:n.string,label:n.string.isRequired}},77013:function(c,l,t){"use strict";t.d(l,{Z:function(){return h}});var e=t(32735),n=t(60216),r=t(27677),v=t(72850);const h=({children:E,..._})=>e.createElement(v.x,{paddingTop:2,paddingBottom:4},e.createElement(r.K,{as:"ol",spacing:2,..._},e.Children.map(E,(x,w)=>e.createElement("li",{key:w},x))));h.propTypes={children:n.node.isRequired}},73779:function(c,l,t){"use strict";t.d(l,{Z:function(){return n}});var e=t(74512);function n(r){return(0,e.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,e.jsx)("rect",{x:.5,y:.5,width:31,height:23,rx:2.5,fill:"#EAFBE7",stroke:"#C6F0C2"}),(0,e.jsx)("path",{d:"M19.5 7h-7A4.505 4.505 0 008 11.5c0 2.481 2.019 4.5 4.5 4.5h7c2.481 0 4.5-2.019 4.5-4.5S21.981 7 19.5 7zm0 8a3.5 3.5 0 110-7 3.5 3.5 0 010 7z",fill:"#328048"})]})}},1176:function(c,l,t){"use strict";t.d(l,{Z:function(){return n}});var e=t(74512);function n(r){return(0,e.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,e.jsx)("rect",{x:.5,y:.5,width:31,height:23,rx:2.5,fill:"#F6F6F9",stroke:"#DCDCE4"}),(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.535 8.768c0 .116-.011.229-.032.339l3.013 1.776 2.985-1.76a1.768 1.768 0 11.519.93l-2.982 1.757v2.477a1.768 1.768 0 11-1.048-.044v-2.435l-2.997-1.767a1.768 1.768 0 11.542-1.274z",fill:"#666687"}),(0,e.jsx)("path",{d:"M13.503 9.107l-.05-.01-.006.035.03.018.026-.043zm3.013 1.776l-.025.043.025.014.025-.014-.025-.043zm2.985-1.76l.025.044.031-.018-.007-.035-.05.01zm.518.93l.035-.036-.027-.026-.033.02.026.042zm-2.98 1.757l-.026-.043-.025.014v.029h.05zm0 2.477h-.05v.035l.032.012.017-.047zm-1.049-.044l.013.048.037-.01v-.038h-.05zm0-2.435h.05v-.029l-.024-.014-.026.043zm-2.997-1.767l.025-.043-.033-.019-.027.027.035.035zm.559-.925c.022-.113.033-.23.033-.348h-.1c0 .112-.01.223-.031.33l.098.018zm2.99 1.723l-3.014-1.775-.05.086 3.013 1.775.05-.086zm2.933-1.758l-2.984 1.758.05.086 2.985-1.758-.05-.086zm-.06-.313c0 .125.013.247.037.366l.098-.02a1.723 1.723 0 01-.035-.346h-.1zm1.818-1.818a1.818 1.818 0 00-1.818 1.818h.1c0-.949.769-1.718 1.718-1.718v-.1zm1.817 1.818a1.818 1.818 0 00-1.817-1.818v.1c.948 0 1.717.769 1.717 1.718h.1zm-1.817 1.817a1.818 1.818 0 001.817-1.817h-.1c0 .948-.769 1.717-1.717 1.717v.1zm-1.248-.495c.326.307.765.495 1.248.495v-.1c-.457 0-.872-.178-1.18-.468l-.068.073zm-2.921 1.763l2.98-1.757-.05-.086-2.981 1.757.05.086zm.024 2.434V11.81h-.1v2.477h.1zm-.067.047a1.718 1.718 0 011.14 1.618h.1c0-.79-.503-1.46-1.206-1.712l-.034.094zm1.14 1.618c0 .948-.77 1.717-1.718 1.717v.1a1.817 1.817 0 001.817-1.817h-.1zm-1.718 1.717a1.718 1.718 0 01-1.718-1.717h-.1c0 1.004.814 1.817 1.818 1.817v-.1zm-1.718-1.717c0-.797.543-1.467 1.278-1.66l-.026-.098a1.818 1.818 0 00-1.352 1.758h.1zm1.215-4.144v2.435h.1v-2.435h-.1zm-2.973-1.723l2.998 1.766.05-.086-2.997-1.767-.05.087zm-1.2.5c.49 0 .934-.193 1.26-.507l-.069-.072c-.309.296-.728.48-1.19.48v.1zM9.95 8.768c0 1.003.814 1.817 1.818 1.817v-.1a1.718 1.718 0 01-1.718-1.717h-.1zm1.818-1.818A1.818 1.818 0 009.95 8.768h.1c0-.949.769-1.718 1.717-1.718v-.1zm1.817 1.818a1.818 1.818 0 00-1.818-1.818v.1c.95 0 1.718.769 1.718 1.718h.1z",fill:"#666687"})]})}},88675:function(c,l,t){"use strict";t.d(l,{Z:function(){return n}});var e=t(74512);function n(r){return(0,e.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,e.jsx)("path",{d:"M.5 3A2.5 2.5 0 013 .5h26A2.5 2.5 0 0131.5 3v18a2.5 2.5 0 01-2.5 2.5H3A2.5 2.5 0 01.5 21V3z",fill:"#FDF4DC",stroke:"#FAE7B9"}),(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.934 7.495V6h1.45v1.495h5.232V6h1.45v1.495h.314c1.385 0 1.602.249 1.62 1.463V16.5c0 1.062-.096 1.5-1.4 1.5h-9.19c-1.306 0-1.41-.318-1.41-1.607V9.105c.018-1.025.117-1.61 1.5-1.61h.434zm-.774 8.687c0 .406.123.433.388.433h8.953c.265 0 .34-.007.34-.413v-6.087c-.008-.314-.11-.369-.316-.369h-9.072c-.206 0-.296.045-.293.287v6.15z",fill:"#D9822F"})]})}},15431:function(c,l,t){"use strict";t.d(l,{Z:function(){return n}});var e=t(74512);function n(r){return(0,e.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,e.jsx)("rect",{x:.5,y:.5,width:31,height:23,rx:2.5,fill:"#F6F6F9",stroke:"#DCDCE4"}),(0,e.jsx)("path",{d:"M20.573 8c-1.484 0-2.666.745-3.397 1.37l-.026.023-.416.452.919 1.51.68-.682c.711-.6 1.506-.93 2.24-.93 1.48 0 2.685 1.171 2.685 2.612 0 1.44-1.205 2.613-2.685 2.613-2.25 0-3.78-2.974-3.795-3.004C16.69 11.784 14.75 8 11.428 8 8.985 8 7 9.954 7 12.355c0 2.401 1.986 4.355 4.427 4.355 1.196 0 2.373-.476 3.404-1.376l.022-.02.413-.45-.919-1.51-.683.686c-.712.616-1.465.928-2.237.928-1.48 0-2.685-1.172-2.685-2.613 0-1.44 1.205-2.613 2.685-2.613 2.25 0 3.78 2.974 3.795 3.004.088.18 2.028 3.964 5.35 3.964 2.442 0 4.428-1.954 4.428-4.355C25 9.954 23.014 8 20.573 8z",fill:"#666687"})]})}},22348:function(c,l,t){"use strict";t.d(l,{Z:function(){return n}});var e=t(74512);function n(r){return(0,e.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,e.jsx)("rect",{x:.5,y:.5,width:31,height:23,rx:2.5,fill:"#FCECEA",stroke:"#F5C0B8"}),(0,e.jsx)("path",{d:"M16.767 17.49c.724 0 1.428-.089 1.962-.253v-1.093c-.383.143-1.128.239-1.86.239-2.905 0-4.744-1.764-4.744-4.546v-.014c0-2.734 1.839-4.641 4.484-4.641 2.598 0 4.307 1.62 4.307 4.088v.013c0 1.402-.444 2.304-1.135 2.304-.417 0-.656-.287-.656-.772V9.157h-1.38v.82h-.124c-.273-.608-.868-.97-1.6-.97-1.367 0-2.296 1.135-2.296 2.789v.014c0 1.73.943 2.884 2.365 2.884.793 0 1.353-.362 1.64-1.052h.123l.007.04c.158.636.78 1.033 1.62 1.033 1.655 0 2.687-1.367 2.687-3.534v-.014c0-3.008-2.242-5.072-5.517-5.072-3.418 0-5.776 2.324-5.776 5.694v.014c0 3.431 2.331 5.687 5.893 5.687zm-.342-4.053c-.718 0-1.149-.602-1.149-1.586v-.014c0-.991.431-1.586 1.156-1.586.724 0 1.182.608 1.182 1.586v.014c0 .977-.458 1.585-1.19 1.585z",fill:"#D02B20"})]})}},7184:function(c,l,t){"use strict";t.d(l,{Z:function(){return n}});var e=t(74512);function n(r){return(0,e.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,e.jsx)("rect",{x:.5,y:.5,width:31,height:23,rx:2.5,fill:"#F6ECFC",stroke:"#E0C1F4"}),(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.167 7a1.167 1.167 0 100 2.333 1.167 1.167 0 000-2.333zm0 4.03a1.167 1.167 0 100 2.334 1.167 1.167 0 000-2.334zM9 16.23a1.167 1.167 0 112.333 0 1.167 1.167 0 01-2.333 0zm4.005-9.02a.4.4 0 00-.4.4v1.11c0 .22.18.4.4.4H22.6a.4.4 0 00.4-.4V7.61a.4.4 0 00-.4-.4h-9.594zm-.399 4.432a.4.4 0 01.4-.4H22.6c.22 0 .4.18.4.4v1.11a.4.4 0 01-.4.4h-9.594a.4.4 0 01-.4-.4v-1.11zm.4 3.63a.4.4 0 00-.4.4v1.11c0 .22.18.4.4.4H22.6a.4.4 0 00.4-.4v-1.11a.4.4 0 00-.4-.4h-9.594z",fill:"#9736E8"})]})}},872:function(c,l,t){"use strict";t.d(l,{Z:function(){return n}});var e=t(74512);function n(r){return(0,e.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,e.jsx)("rect",{x:.5,y:.5,width:31,height:23,rx:2.5,fill:"#EAF5FF",stroke:"#B8E1FF"}),(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.243 11.907v.157c.835.093 1.287.516 1.287 1.223V14.5c0 .693.236.959.855.959h.216V16.5h-.364c-1.459 0-2.078-.56-2.078-1.857v-.973c0-.722-.314-.992-1.159-1.002v-1.366c.84-.005 1.16-.275 1.16-1.002v-.968c0-1.282.618-1.832 2.077-1.832h.364v1.041h-.216c-.624 0-.855.266-.855.958v1.184c0 .713-.452 1.135-1.287 1.224zm15.804.181v-.157c-.835-.088-1.287-.51-1.287-1.223V9.495c0-.693-.236-.954-.855-.954h-.216V7.5h.363c1.454 0 2.073.56 2.073 1.852v.973c0 .722.32.997 1.165 1.002v1.366c-.845.005-1.165.28-1.165 1.002v.973c0 1.282-.613 1.832-2.073 1.832h-.363v-1.046h.216c.619 0 .855-.26.855-.954v-1.188c0-.708.452-1.13 1.287-1.224zM13.15 13a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0zm2 1a1 1 0 100-2 1 1 0 000 2z",fill:"#0C75AF"})]})}},43475:function(c,l,t){"use strict";t.d(l,{Z:function(){return n}});var e=t(74512);function n(r){return(0,e.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,e.jsx)("rect",{x:.5,y:.5,width:31,height:23,rx:2.5,fill:"#F6ECFC",stroke:"#E0C1F4"}),(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22 8.759a2 2 0 00-2-2h-8c-1.105 0-2 .902-2 2.006v6.068a2 2 0 00.985 1.724l3.66-3.74 3.31 3.381 1.471-1.502 1.731 1.769c.51-.363.843-.958.843-1.632V8.76zM18.5 9c-.84 0-1.5.66-1.5 1.5s.66 1.5 1.5 1.5 1.5-.66 1.5-1.5S19.34 9 18.5 9z",fill:"#9736E8"})]})}},32031:function(c,l,t){"use strict";t.d(l,{Z:function(){return n}});var e=t(74512);function n(r){return(0,e.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,e.jsx)("rect",{x:.5,y:.5,width:31,height:23,rx:2.5,fill:"#FCECEA",stroke:"#F5C0B8"}),(0,e.jsx)("path",{d:"M9.815 16h1.475V8.954H9.82L8 10.22v1.328l1.729-1.201h.087V16zm3.394 0h5.083v-1.187h-3.106v-.112l1.304-1.216c1.284-1.186 1.7-1.85 1.7-2.651v-.015c0-1.215-1.016-2.046-2.466-2.046-1.543 0-2.598.928-2.598 2.28l.005.02h1.362v-.024c0-.67.474-1.128 1.162-1.128.674 0 1.084.42 1.084 1.02v.015c0 .493-.268.85-1.26 1.812l-2.27 2.24V16zm9.067.156c1.646 0 2.744-.864 2.744-2.143v-.01c0-.957-.683-1.563-1.733-1.66v-.03c.825-.17 1.47-.742 1.47-1.62v-.01c0-1.123-.977-1.885-2.49-1.885-1.48 0-2.471.82-2.574 2.08l-.005.059h1.358l.005-.044c.058-.586.522-.962 1.216-.962.693 0 1.098.361 1.098.947v.01c0 .571-.478.962-1.22.962h-.787v1.05h.806c.855 0 1.357.37 1.357 1.044v.01c0 .596-.493 1.016-1.245 1.016-.761 0-1.264-.39-1.328-.938l-.005-.053h-1.41l.004.063c.098 1.26 1.148 2.114 2.74 2.114z",fill:"#D02B20"})]})}},82512:function(c,l,t){"use strict";t.d(l,{Z:function(){return n}});var e=t(74512);function n(r){return(0,e.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,e.jsx)("path",{d:"M.5 3A2.5 2.5 0 013 .5h26A2.5 2.5 0 0131.5 3v18a2.5 2.5 0 01-2.5 2.5H3A2.5 2.5 0 01.5 21V3z",fill:"#F0F0FF",stroke:"#D9D8FF"}),(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.375 16.316c.417-.407.625-.904.625-1.492 0-.589-.206-1.089-.618-1.5l-1.53-1.53a2.042 2.042 0 00-1.5-.617 2.06 2.06 0 00-1.529.646l-.646-.646c.43-.422.646-.934.646-1.537a2.03 2.03 0 00-.61-1.493l-1.515-1.522a2.014 2.014 0 00-1.5-.625 2.03 2.03 0 00-1.492.61l-1.081 1.074A2.006 2.006 0 0010 9.176c0 .589.206 1.089.618 1.5l1.53 1.53c.41.412.91.617 1.5.617a2.06 2.06 0 001.529-.646l.646.646a2.069 2.069 0 00-.646 1.537c0 .588.203 1.086.61 1.493l1.514 1.522c.407.417.907.625 1.5.625a2.03 2.03 0 001.493-.61l1.081-1.074zm-5.956-6.678a.68.68 0 00-.205-.5l-1.515-1.522a.68.68 0 00-.5-.206.71.71 0 00-.5.199l-1.081 1.073a.672.672 0 00-.206.493.68.68 0 00.206.5l1.53 1.53a.678.678 0 00.5.198.71.71 0 00.529-.228l-.14-.136a4.46 4.46 0 01-.158-.158 1.756 1.756 0 01-.11-.14.593.593 0 01-.122-.39.68.68 0 01.206-.5.68.68 0 01.5-.206.59.59 0 01.39.121c.064.047.11.084.14.111.03.027.082.08.158.158l.136.14a.713.713 0 00.242-.537zm5.168 5.187a.68.68 0 00-.206-.5l-1.529-1.53a.68.68 0 00-.5-.205.7.7 0 00-.53.235l.14.136c.079.076.132.129.159.158.027.03.063.076.11.14a.591.591 0 01.121.39.681.681 0 01-.206.5.681.681 0 01-.5.206.591.591 0 01-.39-.121 1.746 1.746 0 01-.14-.111 4.395 4.395 0 01-.157-.158 20.642 20.642 0 00-.136-.14.714.714 0 00-.037 1.037l1.515 1.522a.678.678 0 00.5.198.708.708 0 00.5-.19l1.08-1.074a.672.672 0 00.206-.493z",fill:"#4945FF"})]})}},83218:function(c,l,t){"use strict";t.d(l,{Z:function(){return n}});var e=t(74512);function n(r){return(0,e.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,e.jsx)("rect",{x:.5,y:.5,width:31,height:23,rx:2.5,fill:"#EAFBE7",stroke:"#C6F0C2"}),(0,e.jsx)("path",{d:"M8.62 16h1.857l.627-2.05h2.982l.627 2.05h1.863l-2.941-8.455h-2.08L8.619 16zm3.925-6.768h.105l1.032 3.393h-2.174l1.037-3.393zM21.65 16.1c1.612 0 2.62-1.26 2.62-3.323v-.011c0-2.075-.985-3.323-2.62-3.323-.884 0-1.605.434-1.933 1.137h-.106V7.082h-1.71V16h1.71v-1.002h.106c.334.697 1.02 1.102 1.933 1.102zm-.585-1.418c-.903 0-1.471-.715-1.471-1.899v-.011c0-1.184.574-1.91 1.47-1.91.903 0 1.465.726 1.465 1.904v.011c0 1.19-.556 1.905-1.465 1.905z",fill:"#328048"})]})}},17757:function(c,l,t){"use strict";t.d(l,{Z:function(){return n}});var e=t(74512);function n(r){return(0,e.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,e.jsx)("path",{d:"M.5 3A2.5 2.5 0 013 .5h26A2.5 2.5 0 0131.5 3v18a2.5 2.5 0 01-2.5 2.5H3A2.5 2.5 0 01.5 21V3z",fill:"#F0F0FF",stroke:"#D9D8FF"}),(0,e.jsx)("path",{d:"M14.907 9.438c0 .375 0 .738.118 1.078-1.243 1.46-4.526 5.317-4.832 5.611a.582.582 0 00-.193.433c0 .245.15.481.277.614.19.2 1.004.952 1.154.808.444-.433.533-.548.715-.727.274-.268-.029-.816.066-1.039.096-.222.197-.265.361-.3.165-.034.456.084.684.087.24.003.369-.098.548-.265.144-.133.248-.257.25-.45.007-.26-.368-.603-.089-.877.28-.274.684.178.981.144.297-.035.658-.447.695-.623.038-.176-.337-.629-.28-.886.02-.086.197-.288.33-.317.132-.029.72.199.853.17.162-.034.35-.205.502-.3.447.193.854.271 1.376.271C20.4 12.87 22 11.33 22 9.432 22 7.534 20.399 6 18.423 6s-3.516 1.54-3.516 3.438zm5.247-.669a.923.923 0 11-1.847 0 .923.923 0 011.847 0z",fill:"#4945FF"})]})}}}]);