@strapi/admin 4.0.0-beta.12 → 4.0.0-beta.16

package/admin/src/pages/SettingsPage/pages/Webhooks/ListView/index.js

@@ -25,7 +25,7 @@ import { Stack } from '@strapi/design-system/Stack';
 import { IconButton } from '@strapi/design-system/IconButton';
 import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox';
 import { Table, Thead, Tr, Th, Tbody, Td, TFooter } from '@strapi/design-system/Table';
-import { Text, TableLabel, Subtitle } from '@strapi/design-system/Text';
+import { Typography } from '@strapi/design-system/Typography';
 import { Button } from '@strapi/design-system/Button';
 import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden';
 import { Switch } from '@strapi/design-system/Switch';
@@ -243,236 +243,229 @@ const ListView = () => {
     <Layout>
       <SettingsPageTitle name="Webhooks" />
       <Main aria-busy={isLoading || loadingWebhooks}>
-        <>
-          <HeaderLayout
-            title={formatMessage({ id: 'Settings.webhooks.title', defaultMessage: 'Webhooks' })}
-            subtitle={formatMessage({
-              id: 'Settings.webhooks.list.description',
-              defaultMessage: 'Get POST changes notifications.',
-            })}
-            primaryAction={
-              canCreate &&
-              !loadingWebhooks && (
-                <LinkButton
-                  startIcon={<Plus />}
-                  variant="default"
-                  to={`${pathname}/create`}
+        <HeaderLayout
+          title={formatMessage({ id: 'Settings.webhooks.title', defaultMessage: 'Webhooks' })}
+          subtitle={formatMessage({
+            id: 'Settings.webhooks.list.description',
+            defaultMessage: 'Get POST changes notifications.',
+          })}
+          primaryAction={
+            canCreate &&
+            !loadingWebhooks && (
+              <LinkButton startIcon={<Plus />} variant="default" to={`${pathname}/create`} size="L">
+                {formatMessage({
+                  id: 'Settings.webhooks.list.button.add',
+                  defaultMessage: 'Add new webhook',
+                })}
+              </LinkButton>
+            )
+          }
+        />
+        {webhooksToDeleteLength > 0 && canDelete && (
+          <ActionLayout
+            startActions={
+              <>
+                <Typography variant="epsilon" textColor="neutral600">
+                  {formatMessage(
+                    {
+                      id: 'Settings.webhooks.to.delete',
+                      defaultMessage:
+                        '{webhooksToDeleteLength, plural, one {# asset} other {# assets}} selected',
+                    },
+                    { webhooksToDeleteLength }
+                  )}
+                </Typography>
+                <Button
+                  onClick={() => handleDeleteClick('all')}
+                  startIcon={<Trash />}
                   size="L"
+                  variant="danger-light"
                 >
-                  {formatMessage({
-                    id: 'Settings.webhooks.list.button.add',
-                    defaultMessage: 'Add new webhook',
-                  })}
-                </LinkButton>
-              )
+                  Delete
+                </Button>
+              </>
             }
           />
-          {webhooksToDeleteLength > 0 && canDelete && (
-            <ActionLayout
-              startActions={
-                <>
-                  <Subtitle textColor="neutral600">
-                    {formatMessage(
-                      {
-                        id: 'Settings.webhooks.to.delete',
-                        defaultMessage:
-                          '{webhooksToDeleteLength, plural, one {# asset} other {# assets}} selected',
-                      },
-                      { webhooksToDeleteLength }
-                    )}
-                  </Subtitle>
-                  <Button
-                    onClick={() => handleDeleteClick('all')}
-                    startIcon={<Trash />}
-                    size="L"
-                    variant="danger-light"
-                  >
-                    Delete
-                  </Button>
-                </>
-              }
-            />
-          )}
-          <ContentLayout>
-            {isLoading || loadingWebhooks ? (
-              <Box background="neutral0" padding={6} shadow="filterShadow" hasRadius>
-                <LoadingIndicatorPage />
-              </Box>
-            ) : (
-              <>
-                {rowsCount > 0 ? (
-                  <Table
-                    colCount={5}
-                    rowCount={rowsCount + 1}
-                    footer={
-                      <TFooter
-                        onClick={() => (canCreate ? handleGoTo('create') : {})}
-                        icon={<Plus />}
-                      >
-                        {formatMessage({
-                          id: 'Settings.webhooks.list.button.add',
-                          defaultMessage: 'Add new webhook',
+        )}
+        <ContentLayout>
+          {isLoading || loadingWebhooks ? (
+            <Box background="neutral0" padding={6} shadow="filterShadow" hasRadius>
+              <LoadingIndicatorPage />
+            </Box>
+          ) : (
+            <>
+              {rowsCount > 0 ? (
+                <Table
+                  colCount={5}
+                  rowCount={rowsCount + 1}
+                  footer={
+                    <TFooter
+                      onClick={() => (canCreate ? handleGoTo('create') : {})}
+                      icon={<Plus />}
+                    >
+                      {formatMessage({
+                        id: 'Settings.webhooks.list.button.add',
+                        defaultMessage: 'Add new webhook',
+                      })}
+                    </TFooter>
+                  }
+                >
+                  <Thead>
+                    <Tr>
+                      <Th>
+                        <BaseCheckbox
+                          aria-label={formatMessage({
+                            id: 'Settings.webhooks.list.all-entries.select',
+                            defaultMessage: 'Select all entries',
+                          })}
+                          indeterminate={
+                            webhooksToDeleteLength > 0 && webhooksToDeleteLength < rowsCount
+                          }
+                          value={webhooksToDeleteLength === rowsCount}
+                          onValueChange={handleSelectAllCheckbox}
+                        />
+                      </Th>
+                      <Th width="20%">
+                        <Typography variant="sigma" textColor="neutral600">
+                          {formatMessage({
+                            id: 'Settings.webhooks.form.name',
+                            defaultMessage: 'Name',
+                          })}
+                        </Typography>
+                      </Th>
+                      <Th width="60%">
+                        <Typography variant="sigma" textColor="neutral600">
+                          {formatMessage({
+                            id: 'Settings.webhooks.form.url',
+                            defaultMessage: 'URL',
+                          })}
+                        </Typography>
+                      </Th>
+                      <Th width="20%">
+                        <Typography variant="sigma" textColor="neutral600">
+                          {formatMessage({
+                            id: 'Settings.webhooks.list.th.status',
+                            defaultMessage: 'Status',
+                          })}
+                        </Typography>
+                      </Th>
+                      <Th>
+                        <VisuallyHidden>
+                          {formatMessage({
+                            id: 'Settings.webhooks.list.th.actions',
+                            defaultMessage: 'Actions',
+                          })}
+                        </VisuallyHidden>
+                      </Th>
+                    </Tr>
+                  </Thead>
+                  <Tbody>
+                    {webhooks.map(webhook => (
+                      <Tr
+                        key={webhook.id}
+                        {...onRowClick({
+                          fn: () => handleGoTo(webhook.id),
+                          condition: canUpdate,
                         })}
-                      </TFooter>
-                    }
-                  >
-                    <Thead>
-                      <Tr>
-                        <Th>
+                      >
+                        <Td {...stopPropagation}>
                           <BaseCheckbox
-                            aria-label={formatMessage({
-                              id: 'Settings.webhooks.list.all-entries.select',
-                              defaultMessage: 'Select all entries',
-                            })}
-                            indeterminate={
-                              webhooksToDeleteLength > 0 && webhooksToDeleteLength < rowsCount
-                            }
-                            value={webhooksToDeleteLength === rowsCount}
-                            onValueChange={handleSelectAllCheckbox}
+                            aria-label={`${formatMessage({
+                              id: 'Settings.webhooks.list.select',
+                              defaultMessage: 'Select',
+                            })} ${webhook.name}`}
+                            value={webhooksToDelete?.includes(webhook.id)}
+                            onValueChange={value => handleSelectOneCheckbox(value, webhook.id)}
+                            id="select"
+                            name="select"
                           />
-                        </Th>
-                        <Th width="20%">
-                          <TableLabel textColor="neutral600">
-                            {formatMessage({
-                              id: 'Settings.webhooks.form.name',
-                              defaultMessage: 'Name',
-                            })}
-                          </TableLabel>
-                        </Th>
-                        <Th width="60%">
-                          <TableLabel textColor="neutral600">
-                            {formatMessage({
-                              id: 'Settings.webhooks.form.url',
-                              defaultMessage: 'URL',
-                            })}
-                          </TableLabel>
-                        </Th>
-                        <Th width="20%">
-                          <TableLabel textColor="neutral600">
-                            {formatMessage({
-                              id: 'Settings.webhooks.list.th.status',
-                              defaultMessage: 'Status',
-                            })}
-                          </TableLabel>
-                        </Th>
-                        <Th>
-                          <VisuallyHidden>
-                            {formatMessage({
-                              id: 'Settings.webhooks.list.th.actions',
-                              defaultMessage: 'Actions',
-                            })}
-                          </VisuallyHidden>
-                        </Th>
-                      </Tr>
-                    </Thead>
-                    <Tbody>
-                      {webhooks.map(webhook => (
-                        <Tr
-                          key={webhook.id}
-                          {...onRowClick({
-                            fn: () => handleGoTo(webhook.id),
-                            condition: canUpdate,
-                          })}
-                        >
-                          <Td {...stopPropagation}>
-                            <BaseCheckbox
-                              aria-label={`${formatMessage({
-                                id: 'Settings.webhooks.list.select',
-                                defaultMessage: 'Select',
-                              })} ${webhook.name}`}
-                              value={webhooksToDelete?.includes(webhook.id)}
-                              onValueChange={value => handleSelectOneCheckbox(value, webhook.id)}
-                              id="select"
-                              name="select"
+                        </Td>
+                        <Td>
+                          <Typography fontWeight="semiBold" textColor="neutral800">
+                            {webhook.name}
+                          </Typography>
+                        </Td>
+                        <Td>
+                          <Typography textColor="neutral800">{webhook.url}</Typography>
+                        </Td>
+                        <Td>
+                          <Flex {...stopPropagation}>
+                            <Switch
+                              onLabel={formatMessage({
+                                id: 'Settings.webhooks.enabled',
+                                defaultMessage: 'Enabled',
+                              })}
+                              offLabel={formatMessage({
+                                id: 'Settings.webhooks.disabled',
+                                defaultMessage: 'Disabled',
+                              })}
+                              label={`${webhook.name} ${formatMessage({
+                                id: 'Settings.webhooks.list.th.status',
+                                defaultMessage: 'Status',
+                              })}`}
+                              selected={webhook.isEnabled}
+                              onChange={() => handleEnabledChange(!webhook.isEnabled, webhook.id)}
+                              visibleLabels
                             />
-                          </Td>
-                          <Td>
-                            <Text bold textColor="neutral800">
-                              {webhook.name}
-                            </Text>
-                          </Td>
-                          <Td>
-                            <Text textColor="neutral800">{webhook.url}</Text>
-                          </Td>
-                          <Td>
-                            <Flex {...stopPropagation}>
-                              <Switch
-                                onLabel={formatMessage({
-                                  id: 'Settings.webhooks.enabled',
-                                  defaultMessage: 'Enabled',
+                          </Flex>
+                        </Td>
+                        <Td>
+                          <Stack horizontal size={1} {...stopPropagation}>
+                            {canUpdate && (
+                              <IconButton
+                                onClick={() => {
+                                  handleGoTo(webhook.id);
+                                }}
+                                label={formatMessage({
+                                  id: 'Settings.webhooks.events.update',
+                                  defaultMessage: 'Update',
                                 })}
-                                offLabel={formatMessage({
-                                  id: 'Settings.webhooks.disabled',
-                                  defaultMessage: 'Disabled',
+                                icon={<Pencil />}
+                                noBorder
+                              />
+                            )}
+                            {canDelete && (
+                              <IconButton
+                                onClick={() => handleDeleteClick(webhook.id)}
+                                label={formatMessage({
+                                  id: 'Settings.webhooks.events.delete',
+                                  defaultMessage: 'Delete',
                                 })}
-                                label={`${webhook.name} ${formatMessage({
-                                  id: 'Settings.webhooks.list.th.status',
-                                  defaultMessage: 'Status',
-                                })}`}
-                                selected={webhook.isEnabled}
-                                onChange={() => handleEnabledChange(!webhook.isEnabled, webhook.id)}
-                                visibleLabels
+                                icon={<Trash />}
+                                noBorder
+                                id={`delete-${webhook.id}`}
                               />
-                            </Flex>
-                          </Td>
-                          <Td>
-                            <Stack horizontal size={1} {...stopPropagation}>
-                              {canUpdate && (
-                                <IconButton
-                                  onClick={() => {
-                                    handleGoTo(webhook.id);
-                                  }}
-                                  label={formatMessage({
-                                    id: 'Settings.webhooks.events.update',
-                                    defaultMessage: 'Update',
-                                  })}
-                                  icon={<Pencil />}
-                                  noBorder
-                                />
-                              )}
-                              {canDelete && (
-                                <IconButton
-                                  onClick={() => handleDeleteClick(webhook.id)}
-                                  label={formatMessage({
-                                    id: 'Settings.webhooks.events.delete',
-                                    defaultMessage: 'Delete',
-                                  })}
-                                  icon={<Trash />}
-                                  noBorder
-                                  id={`delete-${webhook.id}`}
-                                />
-                              )}
-                            </Stack>
-                          </Td>
-                        </Tr>
-                      ))}
-                    </Tbody>
-                  </Table>
-                ) : (
-                  <EmptyStateLayout
-                    icon={<EmptyDocuments width="160px" />}
-                    content={formatMessage({
-                      id: 'Settings.webhooks.list.empty.description',
-                      defaultMessage: 'Add your first webhook',
-                    })}
-                    action={
-                      <Button
-                        variant="secondary"
-                        startIcon={<Plus />}
-                        onClick={() => (canCreate ? handleGoTo('create') : {})}
-                      >
-                        {formatMessage({
-                          id: 'Settings.webhooks.list.button.add',
-                          defaultMessage: 'Add new webhook',
-                        })}
-                      </Button>
-                    }
-                  />
-                )}
-              </>
-            )}
-          </ContentLayout>
-        </>
+                            )}
+                          </Stack>
+                        </Td>
+                      </Tr>
+                    ))}
+                  </Tbody>
+                </Table>
+              ) : (
+                <EmptyStateLayout
+                  icon={<EmptyDocuments width="160px" />}
+                  content={formatMessage({
+                    id: 'Settings.webhooks.list.empty.description',
+                    defaultMessage: 'Add your first webhook',
+                  })}
+                  action={
+                    <Button
+                      variant="secondary"
+                      startIcon={<Plus />}
+                      onClick={() => (canCreate ? handleGoTo('create') : {})}
+                    >
+                      {formatMessage({
+                        id: 'Settings.webhooks.list.button.add',
+                        defaultMessage: 'Add new webhook',
+                      })}
+                    </Button>
+                  }
+                />
+              )}
+            </>
+          )}
+        </ContentLayout>
       </Main>
       <ConfirmDialog
         isOpen={showModal}

package/admin/src/plugins.js

@@ -1,22 +1,18 @@
-// // TODO temp file
-import documentationPlugin from '../../../../plugins/documentation/admin/src';
-// import graphqlPlugin from '../../../../plugins/graphql/admin/src';
-// import sentryPlugin from '../../../../plugins/sentry/admin/src';
-import i18nPlugin from '../../../../plugins/i18n/strapi-admin';
-import usersPermissionsPlugin from '../../../../plugins/users-permissions/strapi-admin';
-import ctbPlugin from '../../../content-type-builder/strapi-admin';
-import emailPlugin from '../../../email/strapi-admin';
-import uploadPlugin from '../../../upload/strapi-admin';
+
+// To override this file create a plugins-dev.js one and copy the content of the plugin.js one.
+// When starting the app the script will copy the plugins-dev.js into this one instead.
+import contentTypeBuilder from '../../../content-type-builder/admin/src';
+import email from '../../../email/admin/src';
+import upload from '../../../upload/admin/src';
+import i18N from '../../../../plugins/i18n/admin/src';
+import usersPermissions from '../../../../plugins/users-permissions/admin/src';
 
 const plugins = {
-  '@strapi/plugin-content-type-builder': ctbPlugin,
-  '@strapi/plugin-i18n': i18nPlugin,
-  '@strapi/plugin-email': emailPlugin,
-  '@strapi/plugin-upload': uploadPlugin,
-  '@strapi/plugin-users-permissions': usersPermissionsPlugin,
-  '@strapi/plugin-documentation': documentationPlugin,
-  // '@strapi/plugin-graphql': graphqlPlugin,
-  // '@strapi/plugin-sentry': sentryPlugin,
+  'content-type-builder': contentTypeBuilder,
+  'email': email,
+  'upload': upload,
+  'i18n': i18N,
+  'users-permissions': usersPermissions,
 };
-
+  
 export default plugins;

package/admin/src/translations/en.json

@@ -58,6 +58,15 @@
   "Auth.privacy-policy-agreement.policy": "privacy policy",
   "Auth.privacy-policy-agreement.terms": "terms",
   "Auth.reset-password.title": "Reset password",
+  "admin.pages.MarketPlacePage.helmet": "Marketplace - Plugins",
+  "admin.pages.MarketPlacePage.illustration": "marketplace illustration",
+  "admin.pages.MarketPlacePage.title": "Marketplace",
+  "admin.pages.MarketPlacePage.subtitle": "Get more out of Strapi",
+  "admin.pages.MarketPlacePage.coming-soon.1": "A new way to make Strapi awesome.",
+  "admin.pages.MarketPlacePage.coming-soon.2": "Coming soon.",
+  "admin.pages.MarketPlacePage.content.subtitle": "The new marketplace will help you get more out of Strapi. We are working hard to offer the best experience to discover and install plugins.",
+  "admin.pages.MarketPlacePage.submit.plugin.link": "Submit your plugin",
+  "admin.pages.MarketPlacePage.blog.link": "Read our blog post",
   "Content Manager": "Content Manager",
   "Content Type Builder": "Content-Types Builder",
   "Documentation": "Documentation",
@@ -174,6 +183,7 @@
   "Settings.sso.form.defaultRole.label": "Default role",
   "Settings.sso.form.registration.description": "Create new user on SSO login if no account exists",
   "Settings.sso.form.registration.label": "Auto-registration",
+  "Settings.sso.form.settings.title": "Settings",
   "Settings.sso.title": "Single Sign-On",
   "Settings.webhooks.create": "Create a webhook",
   "Settings.webhooks.create.header": "Create a new header",
@@ -265,8 +275,6 @@
   "app.components.InstallPluginPage.Download.description": "It might take a few seconds to download and install the plugin.",
   "app.components.InstallPluginPage.Download.title": "Downloading...",
   "app.components.InstallPluginPage.description": "Extend your app effortlessly.",
-  "app.components.InstallPluginPage.helmet": "Marketplace - Plugins",
-  "app.components.InstallPluginPage.title": "Marketplace - Plugins",
   "app.components.LeftMenu.collapse": "Collapse the navbar",
   "app.components.LeftMenu.expand": "Expand the navbar",
   "app.components.LeftMenu.logout": "Logout",
@@ -454,6 +462,7 @@
   "content-manager.components.DynamicZone.ComponentPicker-label": "Pick one component",
   "content-manager.components.DynamicZone.add-component": "Add a component to {componentName}",
   "content-manager.components.DynamicZone.delete-label": "Delete {name}",
+  "content-manager.components.DynamicZone.error-message": "The component contains error(s)",
   "content-manager.components.DynamicZone.missing-components": "There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}",
   "content-manager.components.DynamicZone.move-down-label": "Move component down",
   "content-manager.components.DynamicZone.move-up-label": "Move component up",
@@ -474,6 +483,7 @@
   "content-manager.components.LeftMenu.single-types": "{number, plural, =0 {Single Types} one {Single Type } other {Single Types}}",
   "content-manager.components.LimitSelect.itemsPerPage": "Items per page",
   "content-manager.components.NotAllowedInput.text": "No permissions to see this field",
+  "content-manager.components.RepeatableComponent.error-message": "The component(s) contain error(s)",
   "content-manager.components.Search.placeholder": "Search for an entry...",
   "content-manager.components.Select.draft-info-title": "State: Draft",
   "content-manager.components.Select.publish-info-title": "State: Published",

package/admin/src/utils/getFullName.js

@@ -0,0 +1,9 @@
+/**
+ * Get fullname from firstname+lastname joined with a space
+ * Handle missing lastname
+ * @param {string} firstname
+ * @param {string} lastname
+ */
+export default (firstname, lastname = '') => {
+  return [firstname, lastname].filter(str => str).join(' ');
+};

package/admin/src/utils/index.js

@@ -5,5 +5,5 @@ export { default as getAttributesToDisplay } from './getAttributesToDisplay';
 export { default as makeUniqueRoutes } from './makeUniqueRoutes';
 export { default as sortLinks } from './sortLinks';
 export { default as getExistingActions } from './getExistingActions';
-
 export { default as getRequestUrl } from './getRequestUrl';
+export { default as getFullName } from './getFullName';

package/build/1024.1b15fbb5.chunk.js

@@ -0,0 +1 @@
+(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[1024],{58434:(n,e,t)=>{"use strict";n.exports=t(67390)},67390:function(n,e,t){var r,o,i,a;n.exports=(r=t(32735),o=t(19615),i=t(60530),a=t(82372),function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=114)}({0:function(n,e,t){n.exports=t(16)()},1:function(n,e){n.exports=r},10:function(n,e,t){var r=t(22),o=t(23),i=t(19),a=t(24);n.exports=function(n,e){return r(n)||o(n,e)||i(n,e)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},114:function(n,e,t){"use strict";t.r(e),t.d(e,"Link",(function(){return z}));var r,o,i=t(5),a=t.n(i),u=t(6),c=t.n(u),s=t(3),f=t.n(s),l=t(1),d=t.n(l),p=t(0),h=t.n(p),v=t(2),g=t.n(v),m=t(85),b=t.n(m),x=t(34),y=t(8),O=t(4),w=t(13),_=["href","to","children","disabled","startIcon","endIcon"],j=g.a.a(r||(r=f()(["\n  display: inline-flex;\n  align-items: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  pointer-events: ",";\n\n  svg path {\n    fill: ",";\n  }\n\n  svg {\n    font-size: ","rem;\n  }\n\n  &:hover,\n  &:active {\n    color: ",";\n  }\n\n  ",";\n"])),(function(n){return n.disabled?"none":void 0}),(function(n){var e=n.disabled,t=n.theme;return e?t.colors.neutral600:t.colors.primary600}),.625,(function(n){return n.theme.colors.primary800}),w.a),S=g()(O.Box)(o||(o=f()(["\n  display: flex;\n"]))),z=function(n){var e=n.href,t=n.to,r=n.children,o=n.disabled,i=n.startIcon,u=n.endIcon,s=c()(n,_),f=e?"_blank":void 0,l=e?"noreferrer noopener":void 0;return d.a.createElement(j,a()({as:t&&!o?x.NavLink:"a",target:f,rel:l,to:o?void 0:t,href:o?"#":e,disabled:o},s),i&&d.a.createElement(S,{as:"span","aria-hidden":!0,paddingRight:2},i),d.a.createElement(y.Typography,{variant:"sigma",textColor:o?"neutral600":"primary600"},r),u&&!e&&d.a.createElement(S,{as:"span","aria-hidden":!0,paddingLeft:2},u),e&&d.a.createElement(S,{as:"span","aria-hidden":!0,paddingLeft:2},d.a.createElement(b.a,null)))};z.displayName="Link",z.defaultProps={href:void 0,to:void 0,disabled:!1},z.propTypes={children:h.a.node.isRequired,disabled:h.a.bool,endIcon:h.a.element,href:function(n){if(!n.disabled&&!n.to&&!n.href)return new Error("href must be defined")},startIcon:h.a.element,to:function(n){if(!n.disabled&&!n.href&&!n.to)return new Error("to must be defined")}}},13:function(n,e,t){"use strict";t.d(e,"b",(function(){return r})),t.d(e,"c",(function(){return o})),t.d(e,"a",(function(){return i}));var r=function(n){return function(e){var t=e.theme,r=e.size;return t.sizes[n][r]}},o=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"&";return function(e){var t=e.theme,r=e.hasError;return"\n      outline: none;\n      box-shadow: 0;\n      transition-property: border-color, box-shadow, fill;\n      transition-duration: 0.2s;\n\n      ".concat(n,":focus-within {\n        border: 1px solid ").concat(r?t.colors.danger600:t.colors.primary600,";\n        box-shadow: ").concat(r?t.colors.danger600:t.colors.primary600," 0px 0px 0px 2px;\n      }\n    ")}},i=function(n){var e=n.theme;return"\n  position: relative;\n  outline: none;\n  \n  &:after {\n    transition-property: all;\n    transition-duration: 0.2s;\n    border-radius: 8px;\n    content: '';\n    position: absolute;\n    top: -4px;\n    bottom: -4px;\n    left: -4px;\n    right: -4px;\n    border: 2px solid transparent;\n  }\n\n  &:focus-visible {\n    outline: none;\n    &:after {\n      border-radius: 8px;\n      content: '';\n      position: absolute;\n      top: -5px;\n      bottom: -5px;\n      left: -5px;\n      right: -5px;\n      border: 2px solid ".concat(e.colors.primary600,";\n    }\n  }\n")}},16:function(n,e,t){"use strict";var r=t(17);function o(){}function i(){}i.resetWarningCache=o,n.exports=function(){function n(n,e,t,o,i,a){if(a!==r){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}function e(){return n}n.isRequired=n;var t={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},17:function(n,e,t){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},18:function(n,e){n.exports=function(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r},n.exports.default=n.exports,n.exports.__esModule=!0},19:function(n,e,t){var r=t(18);n.exports=function(n,e){if(n){if("string"==typeof n)return r(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(n,e):void 0}},n.exports.default=n.exports,n.exports.__esModule=!0},2:function(n,e){n.exports=o},21:function(n,e){n.exports=function(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||(o[t]=n[t]);return o},n.exports.default=n.exports,n.exports.__esModule=!0},22:function(n,e){n.exports=function(n){if(Array.isArray(n))return n},n.exports.default=n.exports,n.exports.__esModule=!0},23:function(n,e){n.exports=function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],a=!0,u=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){u=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(u)throw o}}return i}},n.exports.default=n.exports,n.exports.__esModule=!0},24:function(n,e){n.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},n.exports.default=n.exports,n.exports.__esModule=!0},3:function(n,e){n.exports=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))},n.exports.default=n.exports,n.exports.__esModule=!0},34:function(n,e){n.exports=i},4:function(n,e,t){"use strict";t.r(e),t.d(e,"Box",(function(){return d}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),c=t(2),s=t.n(c),f=t(7),l={color:!0},d=s.a.div.withConfig({shouldForwardProp:function(n,e){return!l[n]&&e(n)}})(r||(r=i()(["\n  // Font\n  font-size: ",";\n\n  // Colors\n  background: ",";\n  color: ",";\n\n  // Spaces\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n\n  // Responsive hiding\n  ","\n  ","\n  \n\n  // Borders\n  border-radius: ",";\n  border-style: ",";\n  border-width: ",";\n  border-color: ",";\n  border: ",";\n\n  // Shadows\n  box-shadow: ",";\n\n  // Handlers\n  pointer-events: ",";\n  &:hover {\n    ","\n  }\n\n  // Display\n  display: ",";\n\n  // Position\n  position: ",";\n  left: ",";\n  right: ",";\n  top: ",";\n  bottom: ",";\n  z-index: ",";\n  overflow: ",";\n  cursor: ",";\n\n  // Size\n  width: ",";\n  max-width: ",";\n  min-width: ",";\n  height: ",";\n  max-height: ",";\n  min-height: ",";\n\n  // Animation\n  transition: ",";\n  transform: ",";\n  animation: ",";\n\n  //Flexbox children props\n  flex-shrink: ",";\n  flex-grow: ",";\n  flex-basis: ",";\n  flex: ",";\n\n  // Text\n  text-align: ",";\n  text-transform: ",";\n  line-height: ",";\n\n  // Cursor\n  cursor: ",";\n"])),(function(n){var e=n.fontSize;return n.theme.fontSizes[e]||e}),(function(n){var e=n.theme,t=n.background;return e.colors[t]}),(function(n){var e=n.theme,t=n.color;return e.colors[t]}),(function(n){var e=n.theme,t=n.padding;return Object(f.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(f.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(f.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(f.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(f.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(f.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(f.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(f.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(f.a)("margin-bottom",t,e)}),(function(n){var e=n.theme;return n.hiddenS?"".concat(e.mediaQueries.tablet," { display: none; }"):void 0}),(function(n){var e=n.theme;return n.hiddenXS?"".concat(e.mediaQueries.mobile," { display: none; }"):void 0}),(function(n){var e=n.theme,t=n.hasRadius,r=n.borderRadius;return t?e.borderRadius:r}),(function(n){return n.borderStyle}),(function(n){return n.borderWidth}),(function(n){var e=n.borderColor;return n.theme.colors[e]}),(function(n){var e=n.theme,t=n.borderColor,r=n.borderStyle,o=n.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(e.colors[t])}),(function(n){var e=n.theme,t=n.shadow;return e.shadows[t]}),(function(n){return n.pointerEvents}),(function(n){var e=n._hover,t=n.theme;return e?e(t):void 0}),(function(n){return n.display}),(function(n){return n.position}),(function(n){var e=n.left;return n.theme.spaces[e]||e}),(function(n){var e=n.right;return n.theme.spaces[e]||e}),(function(n){var e=n.top;return n.theme.spaces[e]||e}),(function(n){var e=n.bottom;return n.theme.spaces[e]||e}),(function(n){return n.zIndex}),(function(n){return n.overflow}),(function(n){return n.cursor}),(function(n){var e=n.width;return n.theme.sizes[e]||e}),(function(n){var e=n.maxWidth;return n.theme.sizes[e]||e}),(function(n){var e=n.minWidth;return n.theme.sizes[e]||e}),(function(n){var e=n.height;return n.theme.sizes[e]||e}),(function(n){var e=n.maxHeight;return n.theme.sizes[e]||e}),(function(n){var e=n.minHeight;return n.theme.sizes[e]||e}),(function(n){return n.transition}),(function(n){return n.transform}),(function(n){return n.animation}),(function(n){return n.shrink}),(function(n){return n.grow}),(function(n){return n.basis}),(function(n){return n.flex}),(function(n){return n.textAlign}),(function(n){return n.textTransform}),(function(n){return n.lineHeight}),(function(n){return n.cursor}));d.displayName="Box",d.defaultProps={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:function(){}},d.propTypes={_hover:u.a.func,background:u.a.string,basis:u.a.oneOfType([u.a.string,u.a.string]),borderColor:u.a.string,children:u.a.oneOfType([u.a.node,u.a.string]),color:u.a.string,flex:u.a.oneOfType([u.a.string,u.a.string]),grow:u.a.oneOfType([u.a.string,u.a.string]),hasRadius:u.a.bool,hiddenS:u.a.bool,hiddenXS:u.a.bool,padding:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingBottom:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingLeft:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingRight:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingTop:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),shadow:u.a.string,shrink:u.a.oneOfType([u.a.string,u.a.string])}},5:function(n,e){function t(){return n.exports=t=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},n.exports.default=n.exports,n.exports.__esModule=!0,t.apply(this,arguments)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},6:function(n,e,t){var r=t(21);n.exports=function(n,e){if(null==n)return{};var t,o,i=r(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)t=a[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i},n.exports.default=n.exports,n.exports.__esModule=!0},7:function(n,e,t){"use strict";var r=t(10),o=t.n(r);e.a=function(n,e,t){if(void 0!==e){if(Array.isArray(e)){var r=o()(e,3),i=r[0],a=r[1],u=r[2],c="".concat(n,": ").concat(t.spaces[i],";");return void 0!==a&&(c+="".concat(t.mediaQueries.tablet,"{\n          ").concat(n,": ").concat(t.spaces[a],";\n        }")),void 0!==u&&(c+="".concat(t.mediaQueries.mobile,"{\n          ").concat(n,": ").concat(t.spaces[u],";\n        }")),c}var s=t.spaces[e]||e;return"".concat(n,": ").concat(s,";")}}},8:function(n,e,t){"use strict";t.r(e),t.d(e,"Typography",(function(){return l}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),c=t(2),s=["alpha","beta","delta","epsilon","omega","pi","sigma"],f={fontSize:!0,fontWeight:!0},l=t.n(c).a.span.withConfig({shouldForwardProp:function(n,e){return!f[n]&&e(n)}})(r||(r=i()(["\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  text-transform: ",";\n  ","\n  ","\n"])),(function(n){var e=n.theme,t=n.fontWeight;return e.fontWeights[t]}),(function(n){var e=n.theme,t=n.fontSize;return e.fontSizes[t]}),(function(n){var e=n.theme,t=n.lineHeight;return e.lineHeights[t]}),(function(n){var e=n.theme,t=n.textColor;return e.colors[t||"neutral800"]}),(function(n){return n.textTransform}),(function(n){return n.ellipsis&&"\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "}),(function(n){var e=n.variant,t=n.theme;switch(e){case"alpha":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[5],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case"beta":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[4],";\n        line-height: ").concat(t.lineHeights[1],";\n      ");case"delta":return"\n        font-weight: ".concat(t.fontWeights.semiBold,";\n        font-size: ").concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case"epsilon":return"\n        font-size: ".concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[6],";\n      ");case"omega":return"\n        font-size: ".concat(t.fontSizes[2],";\n        line-height: ").concat(t.lineHeights[4],";\n      ");case"pi":return"\n        font-size: ".concat(t.fontSizes[1],";\n        line-height: ").concat(t.lineHeights[3],";\n      ");case"sigma":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[0],";\n        line-height: ").concat(t.lineHeights[5],";\n        text-transform: uppercase;\n      ");default:return"\n        font-size: ".concat(t.fontSizes[2],";\n      ")}}));l.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0,variant:"omega"},l.propTypes={fontSize:u.a.oneOfType([u.a.number,u.a.string]),fontWeight:u.a.string,lineHeight:u.a.oneOfType([u.a.number,u.a.string]),textColor:u.a.string,textTransform:u.a.string,variant:u.a.oneOf(s)}},85:function(n,e){n.exports=a}}))},98599:function(n,e,t){var r;n.exports=(r=t(32735),function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=3)}([function(n,e){n.exports=r},,,function(n,e,t){"use strict";t.r(e);var r=t(0);function o(){return(o=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(this,arguments)}e.default=function(n){return r.createElement("svg",o({width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),r.createElement("path",{d:"M24 13.3a.2.2 0 01-.2.2H5.74l8.239 8.239a.2.2 0 010 .282L12.14 23.86a.2.2 0 01-.282 0L.14 12.14a.2.2 0 010-.282L11.86.14a.2.2 0 01.282 0L13.98 1.98a.2.2 0 010 .282L5.74 10.5H23.8c.11 0 .2.09.2.2v2.6z",fill:"#212134"}))}}]))},82372:function(n,e,t){var r;n.exports=(r=t(32735),function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=49)}({0:function(n,e){n.exports=r},49:function(n,e,t){"use strict";t.r(e);var r=t(0);function o(){return(o=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(this,arguments)}e.default=function(n){return r.createElement("svg",o({width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),r.createElement("path",{d:"M16.235 2.824a1.412 1.412 0 010-2.824h6.353C23.368 0 24 .633 24 1.412v6.353a1.412 1.412 0 01-2.823 0V4.82l-8.179 8.178a1.412 1.412 0 01-1.996-1.996l8.178-8.178h-2.945zm4.942 10.588a1.412 1.412 0 012.823 0v9.176c0 .78-.632 1.412-1.412 1.412H1.412C.632 24 0 23.368 0 22.588V1.412C0 .632.632 0 1.412 0h9.176a1.412 1.412 0 010 2.824H2.824v18.353h18.353v-7.765z",fill:"#32324D"}))}}}))},70404:function(n,e,t){var r;n.exports=(r=t(32735),function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=68)}({0:function(n,e){n.exports=r},68:function(n,e,t){"use strict";t.r(e);var r=t(0);function o(){return(o=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(this,arguments)}e.default=function(n){return r.createElement("svg",o({width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),r.createElement("path",{d:"M4.8.2c0-.11.09-.2.2-.2h18.8c.11 0 .2.09.2.2v4.4a.2.2 0 01-.2.2H5a.2.2 0 01-.2-.2V.2zM0 9.8c0-.11.09-.2.2-.2H19c.11 0 .2.09.2.2v4.4a.2.2 0 01-.2.2H.2a.2.2 0 01-.2-.2V9.8zM5 19.2a.2.2 0 00-.2.2v4.4c0 .11.09.2.2.2h18.8a.2.2 0 00.2-.2v-4.4a.2.2 0 00-.2-.2H5z",fill:"#212134"}))}}}))}}]);