diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap
new file mode 100644
index 0000000000..1b3fa54990
--- /dev/null
+++ b/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap
@@ -0,0 +1,3921 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Marketplace page renders and matches the plugin tab snapshot 1`] = `
+.c17 {
+ padding-bottom: 16px;
+ width: 25%;
+}
+
+.c29 {
+ padding-bottom: 16px;
+}
+
+.c40 {
+ border-radius: 4px;
+ width: 64px;
+ height: 64px;
+}
+
+.c41 {
+ padding-top: 16px;
+}
+
+.c44 {
+ padding-top: 8px;
+}
+
+.c60 {
+ margin-left: 4px;
+ width: 24px;
+ height: auto;
+}
+
+.c61 {
+ padding-left: 16px;
+}
+
+.c64 {
+ padding-top: 32px;
+}
+
+.c57 {
+ font-weight: 600;
+ color: #32324d;
+ font-size: 0.75rem;
+ line-height: 1.33;
+}
+
+.c54 {
+ padding-right: 8px;
+}
+
+.c51 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ cursor: pointer;
+ padding: 8px;
+ border-radius: 4px;
+ background: #ffffff;
+ border: 1px solid #dcdce4;
+ position: relative;
+ outline: none;
+}
+
+.c51 svg {
+ height: 12px;
+ width: 12px;
+}
+
+.c51 svg > g,
+.c51 svg path {
+ fill: #ffffff;
+}
+
+.c51[aria-disabled='true'] {
+ pointer-events: none;
+}
+
+.c51:after {
+ -webkit-transition-property: all;
+ transition-property: all;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ border-radius: 8px;
+ content: '';
+ position: absolute;
+ top: -4px;
+ bottom: -4px;
+ left: -4px;
+ right: -4px;
+ border: 2px solid transparent;
+}
+
+.c51:focus-visible {
+ outline: none;
+}
+
+.c51:focus-visible:after {
+ border-radius: 8px;
+ content: '';
+ position: absolute;
+ top: -5px;
+ bottom: -5px;
+ left: -5px;
+ right: -5px;
+ border: 2px solid #4945ff;
+}
+
+.c55 {
+ height: 100%;
+}
+
+.c52 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 8px 16px;
+ background: #4945ff;
+ border: 1px solid #4945ff;
+ border: 1px solid #d9d8ff;
+ background: #f0f0ff;
+}
+
+.c52 .c53 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c52 .c56 {
+ color: #ffffff;
+}
+
+.c52[aria-disabled='true'] {
+ border: 1px solid #dcdce4;
+ background: #eaeaef;
+}
+
+.c52[aria-disabled='true'] .c56 {
+ color: #666687;
+}
+
+.c52[aria-disabled='true'] svg > g,
+.c52[aria-disabled='true'] svg path {
+ fill: #666687;
+}
+
+.c52[aria-disabled='true']:active {
+ border: 1px solid #dcdce4;
+ background: #eaeaef;
+}
+
+.c52[aria-disabled='true']:active .c56 {
+ color: #666687;
+}
+
+.c52[aria-disabled='true']:active svg > g,
+.c52[aria-disabled='true']:active svg path {
+ fill: #666687;
+}
+
+.c52:hover {
+ background-color: #ffffff;
+}
+
+.c52:active {
+ background-color: #ffffff;
+ border: 1px solid #4945ff;
+}
+
+.c52:active .c56 {
+ color: #4945ff;
+}
+
+.c52:active svg > g,
+.c52:active svg path {
+ fill: #4945ff;
+}
+
+.c52 .c56 {
+ color: #271fe0;
+}
+
+.c52 svg > g,
+.c52 svg path {
+ fill: #271fe0;
+}
+
+.c38 {
+ background: #ffffff;
+ padding-top: 16px;
+ padding-right: 16px;
+ padding-bottom: 16px;
+ padding-left: 16px;
+ border-radius: 4px;
+ box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+ height: 100%;
+}
+
+.c65 {
+ background: #ffffff;
+ padding: 24px;
+ border-radius: 4px;
+ box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+}
+
+.c66 {
+ background: #f6ecfc;
+ padding: 12px;
+ border-radius: 4px;
+}
+
+.c39 {
+ -webkit-align-items: normal;
+ -webkit-box-align: normal;
+ -ms-flex-align: normal;
+ align-items: normal;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+
+.c43 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+
+.c58 {
+ color: #328048;
+ margin-left: 8px;
+}
+
+.c62 {
+ color: #328048;
+ margin-right: 8px;
+ width: 12;
+ height: 12;
+}
+
+.c72 {
+ color: #666687;
+ margin-left: 8px;
+ width: 12px;
+ height: 12px;
+}
+
+.c59 path {
+ fill: #328048;
+}
+
+.c73 path {
+ fill: #666687;
+}
+
+.c25 {
+ padding-right: 8px;
+ padding-left: 12px;
+}
+
+.c21 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+
+.c23 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+
+.c20 {
+ font-weight: 600;
+ color: #32324d;
+ font-size: 0.75rem;
+ line-height: 1.33;
+}
+
+.c28 {
+ border: none;
+ border-radius: 4px;
+ padding-bottom: 0.65625rem;
+ padding-left: 0;
+ padding-right: 16px;
+ padding-top: 0.65625rem;
+ color: #32324d;
+ font-weight: 400;
+ font-size: 0.875rem;
+ display: block;
+ width: 100%;
+ background: inherit;
+}
+
+.c28::-webkit-input-placeholder {
+ color: #8e8ea9;
+ opacity: 1;
+}
+
+.c28::-moz-placeholder {
+ color: #8e8ea9;
+ opacity: 1;
+}
+
+.c28:-ms-input-placeholder {
+ color: #8e8ea9;
+ opacity: 1;
+}
+
+.c28::placeholder {
+ color: #8e8ea9;
+ opacity: 1;
+}
+
+.c28[aria-disabled='true'] {
+ color: inherit;
+}
+
+.c28:focus {
+ outline: none;
+ box-shadow: none;
+}
+
+.c24 {
+ border: 1px solid #dcdce4;
+ border-radius: 4px;
+ background: #ffffff;
+ outline: none;
+ box-shadow: 0;
+ -webkit-transition-property: border-color,box-shadow,fill;
+ transition-property: border-color,box-shadow,fill;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+}
+
+.c24:focus-within {
+ border: 1px solid #4945ff;
+ box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c19 {
+ border: 0;
+ -webkit-clip: rect(0 0 0 0);
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
+
+.c27 {
+ font-size: 0.8rem;
+}
+
+.c27 svg path {
+ fill: #32324d;
+}
+
+.c18 {
+ border-radius: 4px;
+ box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+ outline: none;
+ box-shadow: 0;
+ -webkit-transition-property: border-color,box-shadow,fill;
+ transition-property: border-color,box-shadow,fill;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+}
+
+.c18:focus-within .c26 svg path {
+ fill: #4945ff;
+}
+
+.c18 .c22 {
+ border: 1px solid transparent;
+}
+
+.c18 .c22:focus-within {
+ border: 1px solid #4945ff;
+ box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c47 {
+ padding-top: 24px;
+}
+
+.c48 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+
+.c68 {
+ -webkit-align-items: stretch;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+
+.c69 > * {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.c49 > * {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.c49 > * + * {
+ margin-left: 8px;
+}
+
+.c42 {
+ color: #32324d;
+ font-weight: 500;
+ font-size: 1rem;
+ line-height: 1.25;
+}
+
+.c45 {
+ color: #666687;
+ font-size: 0.875rem;
+ line-height: 1.43;
+}
+
+.c63 {
+ font-weight: 600;
+ color: #328048;
+ font-size: 0.875rem;
+ line-height: 1.43;
+}
+
+.c70 {
+ font-weight: 500;
+ color: #32324d;
+ font-size: 0.75rem;
+ line-height: 1.33;
+}
+
+.c14 {
+ font-weight: 600;
+ color: #32324d;
+ font-size: 0.75rem;
+ line-height: 1.33;
+}
+
+.c12 {
+ padding-right: 8px;
+}
+
+.c50 {
+ padding-left: 8px;
+}
+
+.c9 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ cursor: pointer;
+ padding: 8px;
+ border-radius: 4px;
+ background: #ffffff;
+ border: 1px solid #dcdce4;
+ position: relative;
+ outline: none;
+}
+
+.c9 svg {
+ height: 12px;
+ width: 12px;
+}
+
+.c9 svg > g,
+.c9 svg path {
+ fill: #ffffff;
+}
+
+.c9[aria-disabled='true'] {
+ pointer-events: none;
+}
+
+.c9:after {
+ -webkit-transition-property: all;
+ transition-property: all;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ border-radius: 8px;
+ content: '';
+ position: absolute;
+ top: -4px;
+ bottom: -4px;
+ left: -4px;
+ right: -4px;
+ border: 2px solid transparent;
+}
+
+.c9:focus-visible {
+ outline: none;
+}
+
+.c9:focus-visible:after {
+ border-radius: 8px;
+ content: '';
+ position: absolute;
+ top: -5px;
+ bottom: -5px;
+ left: -5px;
+ right: -5px;
+ border: 2px solid #4945ff;
+}
+
+.c8 {
+ cursor: pointer;
+}
+
+.c10 {
+ padding: 8px 16px;
+ background: #4945ff;
+ border: 1px solid #4945ff;
+ border-radius: 4px;
+ border: 1px solid #dcdce4;
+ background: #ffffff;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c10 .c11 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c10 .c13 {
+ color: #ffffff;
+}
+
+.c10[aria-disabled='true'] {
+ border: 1px solid #dcdce4;
+ background: #eaeaef;
+}
+
+.c10[aria-disabled='true'] .c13 {
+ color: #666687;
+}
+
+.c10[aria-disabled='true'] svg > g,
+.c10[aria-disabled='true'] svg path {
+ fill: #666687;
+}
+
+.c10[aria-disabled='true']:active {
+ border: 1px solid #dcdce4;
+ background: #eaeaef;
+}
+
+.c10[aria-disabled='true']:active .c13 {
+ color: #666687;
+}
+
+.c10[aria-disabled='true']:active svg > g,
+.c10[aria-disabled='true']:active svg path {
+ fill: #666687;
+}
+
+.c10:hover {
+ background-color: #f6f6f9;
+}
+
+.c10:active {
+ background-color: #eaeaef;
+}
+
+.c10 .c13 {
+ color: #32324d;
+}
+
+.c10 svg > g,
+.c10 svg path {
+ fill: #32324d;
+}
+
+.c67 {
+ margin-right: 24px;
+}
+
+.c67 svg {
+ width: 2rem;
+ height: 2rem;
+}
+
+.c71 {
+ word-break: break-all;
+}
+
+.c1 {
+ padding-bottom: 56px;
+}
+
+.c4 {
+ background: #f6f6f9;
+ padding-top: 40px;
+ padding-right: 56px;
+ padding-bottom: 40px;
+ padding-left: 56px;
+}
+
+.c16 {
+ padding-right: 56px;
+ padding-left: 56px;
+}
+
+.c0 {
+ display: grid;
+ grid-template-columns: 1fr;
+}
+
+.c2 {
+ overflow-x: hidden;
+}
+
+.c5 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+
+.c6 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+
+.c7 {
+ color: #32324d;
+ font-weight: 600;
+ font-size: 2rem;
+ line-height: 1.25;
+}
+
+.c15 {
+ color: #666687;
+ font-size: 1rem;
+ line-height: 1.5;
+}
+
+.c3:focus-visible {
+ outline: none;
+}
+
+.c33 {
+ color: #4945ff;
+ font-weight: 600;
+ font-size: 0.6875rem;
+ line-height: 1.45;
+ text-transform: uppercase;
+}
+
+.c35 {
+ color: #666687;
+ font-weight: 600;
+ font-size: 0.6875rem;
+ line-height: 1.45;
+ text-transform: uppercase;
+}
+
+.c31 {
+ padding: 16px;
+}
+
+.c32 {
+ border-bottom: 2px solid #4945ff;
+}
+
+.c34 {
+ border-bottom: 2px solid transparent;
+}
+
+.c30[aria-disabled='true'] {
+ cursor: not-allowed;
+}
+
+.c36 {
+ display: grid;
+ grid-template-columns: repeat(12,1fr);
+ gap: 16px;
+}
+
+.c37 {
+ grid-column: span 4;
+ max-width: 100%;
+}
+
+.c46 {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ overflow: hidden;
+}
+
+@media (max-width:68.75rem) {
+ .c37 {
+ grid-column: span 6;
+ }
+}
+
+@media (max-width:34.375rem) {
+ .c37 {
+ grid-column: span 12;
+ }
+}
+
+
+
+
+
+
+
+
+ Get more out of Strapi
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ Powerful Strapi based comments moderation tool for you and your users
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ Migrate your config data across environments using the CLI or Strapi admin panel.
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ Content Versioning
+
+
+
+
+
+ This plugin enables you to versioning Content Types. It allows multiple draft versions✅ Keeps history of all changes (with time travel) ✅
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ Documentation
+
+
+

+
+
+
+
+
+
+
+ Create an OpenAPI Document and visualize your API with SWAGGER UI
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ A plugin for Strapi Headless CMS that provides the ability to transform the API response.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Marketplace page renders and matches the provider tab snapshot 1`] = `
+.c17 {
+ padding-bottom: 16px;
+ width: 25%;
+}
+
+.c29 {
+ padding-bottom: 16px;
+}
+
+.c40 {
+ border-radius: 4px;
+ width: 64px;
+ height: 64px;
+}
+
+.c41 {
+ padding-top: 16px;
+}
+
+.c45 {
+ padding-top: 8px;
+}
+
+.c44 {
+ margin-left: 4px;
+ width: 24px;
+ height: auto;
+}
+
+.c59 {
+ padding-top: 32px;
+}
+
+.c58 {
+ font-weight: 600;
+ color: #32324d;
+ font-size: 0.75rem;
+ line-height: 1.33;
+}
+
+.c55 {
+ padding-right: 8px;
+}
+
+.c52 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ cursor: pointer;
+ padding: 8px;
+ border-radius: 4px;
+ background: #ffffff;
+ border: 1px solid #dcdce4;
+ position: relative;
+ outline: none;
+}
+
+.c52 svg {
+ height: 12px;
+ width: 12px;
+}
+
+.c52 svg > g,
+.c52 svg path {
+ fill: #ffffff;
+}
+
+.c52[aria-disabled='true'] {
+ pointer-events: none;
+}
+
+.c52:after {
+ -webkit-transition-property: all;
+ transition-property: all;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ border-radius: 8px;
+ content: '';
+ position: absolute;
+ top: -4px;
+ bottom: -4px;
+ left: -4px;
+ right: -4px;
+ border: 2px solid transparent;
+}
+
+.c52:focus-visible {
+ outline: none;
+}
+
+.c52:focus-visible:after {
+ border-radius: 8px;
+ content: '';
+ position: absolute;
+ top: -5px;
+ bottom: -5px;
+ left: -5px;
+ right: -5px;
+ border: 2px solid #4945ff;
+}
+
+.c56 {
+ height: 100%;
+}
+
+.c53 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 8px 16px;
+ background: #4945ff;
+ border: 1px solid #4945ff;
+ border: 1px solid #d9d8ff;
+ background: #f0f0ff;
+}
+
+.c53 .c54 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c53 .c57 {
+ color: #ffffff;
+}
+
+.c53[aria-disabled='true'] {
+ border: 1px solid #dcdce4;
+ background: #eaeaef;
+}
+
+.c53[aria-disabled='true'] .c57 {
+ color: #666687;
+}
+
+.c53[aria-disabled='true'] svg > g,
+.c53[aria-disabled='true'] svg path {
+ fill: #666687;
+}
+
+.c53[aria-disabled='true']:active {
+ border: 1px solid #dcdce4;
+ background: #eaeaef;
+}
+
+.c53[aria-disabled='true']:active .c57 {
+ color: #666687;
+}
+
+.c53[aria-disabled='true']:active svg > g,
+.c53[aria-disabled='true']:active svg path {
+ fill: #666687;
+}
+
+.c53:hover {
+ background-color: #ffffff;
+}
+
+.c53:active {
+ background-color: #ffffff;
+ border: 1px solid #4945ff;
+}
+
+.c53:active .c57 {
+ color: #4945ff;
+}
+
+.c53:active svg > g,
+.c53:active svg path {
+ fill: #4945ff;
+}
+
+.c53 .c57 {
+ color: #271fe0;
+}
+
+.c53 svg > g,
+.c53 svg path {
+ fill: #271fe0;
+}
+
+.c38 {
+ background: #ffffff;
+ padding-top: 16px;
+ padding-right: 16px;
+ padding-bottom: 16px;
+ padding-left: 16px;
+ border-radius: 4px;
+ box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+ height: 100%;
+}
+
+.c60 {
+ background: #ffffff;
+ padding: 24px;
+ border-radius: 4px;
+ box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+}
+
+.c61 {
+ background: #f6ecfc;
+ padding: 12px;
+ border-radius: 4px;
+}
+
+.c39 {
+ -webkit-align-items: normal;
+ -webkit-box-align: normal;
+ -ms-flex-align: normal;
+ align-items: normal;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+
+.c43 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+
+.c67 {
+ color: #666687;
+ margin-left: 8px;
+ width: 12px;
+ height: 12px;
+}
+
+.c68 path {
+ fill: #666687;
+}
+
+.c25 {
+ padding-right: 8px;
+ padding-left: 12px;
+}
+
+.c21 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+
+.c23 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+
+.c20 {
+ font-weight: 600;
+ color: #32324d;
+ font-size: 0.75rem;
+ line-height: 1.33;
+}
+
+.c28 {
+ border: none;
+ border-radius: 4px;
+ padding-bottom: 0.65625rem;
+ padding-left: 0;
+ padding-right: 16px;
+ padding-top: 0.65625rem;
+ color: #32324d;
+ font-weight: 400;
+ font-size: 0.875rem;
+ display: block;
+ width: 100%;
+ background: inherit;
+}
+
+.c28::-webkit-input-placeholder {
+ color: #8e8ea9;
+ opacity: 1;
+}
+
+.c28::-moz-placeholder {
+ color: #8e8ea9;
+ opacity: 1;
+}
+
+.c28:-ms-input-placeholder {
+ color: #8e8ea9;
+ opacity: 1;
+}
+
+.c28::placeholder {
+ color: #8e8ea9;
+ opacity: 1;
+}
+
+.c28[aria-disabled='true'] {
+ color: inherit;
+}
+
+.c28:focus {
+ outline: none;
+ box-shadow: none;
+}
+
+.c24 {
+ border: 1px solid #dcdce4;
+ border-radius: 4px;
+ background: #ffffff;
+ outline: none;
+ box-shadow: 0;
+ -webkit-transition-property: border-color,box-shadow,fill;
+ transition-property: border-color,box-shadow,fill;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+}
+
+.c24:focus-within {
+ border: 1px solid #4945ff;
+ box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c19 {
+ border: 0;
+ -webkit-clip: rect(0 0 0 0);
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
+
+.c27 {
+ font-size: 0.8rem;
+}
+
+.c27 svg path {
+ fill: #32324d;
+}
+
+.c18 {
+ border-radius: 4px;
+ box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+ outline: none;
+ box-shadow: 0;
+ -webkit-transition-property: border-color,box-shadow,fill;
+ transition-property: border-color,box-shadow,fill;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+}
+
+.c18:focus-within .c26 svg path {
+ fill: #4945ff;
+}
+
+.c18 .c22 {
+ border: 1px solid transparent;
+}
+
+.c18 .c22:focus-within {
+ border: 1px solid #4945ff;
+ box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c48 {
+ padding-top: 24px;
+}
+
+.c49 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+
+.c63 {
+ -webkit-align-items: stretch;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+
+.c64 > * {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.c50 > * {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.c50 > * + * {
+ margin-left: 8px;
+}
+
+.c42 {
+ color: #32324d;
+ font-weight: 500;
+ font-size: 1rem;
+ line-height: 1.25;
+}
+
+.c46 {
+ color: #666687;
+ font-size: 0.875rem;
+ line-height: 1.43;
+}
+
+.c65 {
+ font-weight: 500;
+ color: #32324d;
+ font-size: 0.75rem;
+ line-height: 1.33;
+}
+
+.c14 {
+ font-weight: 600;
+ color: #32324d;
+ font-size: 0.75rem;
+ line-height: 1.33;
+}
+
+.c12 {
+ padding-right: 8px;
+}
+
+.c51 {
+ padding-left: 8px;
+}
+
+.c9 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ cursor: pointer;
+ padding: 8px;
+ border-radius: 4px;
+ background: #ffffff;
+ border: 1px solid #dcdce4;
+ position: relative;
+ outline: none;
+}
+
+.c9 svg {
+ height: 12px;
+ width: 12px;
+}
+
+.c9 svg > g,
+.c9 svg path {
+ fill: #ffffff;
+}
+
+.c9[aria-disabled='true'] {
+ pointer-events: none;
+}
+
+.c9:after {
+ -webkit-transition-property: all;
+ transition-property: all;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ border-radius: 8px;
+ content: '';
+ position: absolute;
+ top: -4px;
+ bottom: -4px;
+ left: -4px;
+ right: -4px;
+ border: 2px solid transparent;
+}
+
+.c9:focus-visible {
+ outline: none;
+}
+
+.c9:focus-visible:after {
+ border-radius: 8px;
+ content: '';
+ position: absolute;
+ top: -5px;
+ bottom: -5px;
+ left: -5px;
+ right: -5px;
+ border: 2px solid #4945ff;
+}
+
+.c8 {
+ cursor: pointer;
+}
+
+.c10 {
+ padding: 8px 16px;
+ background: #4945ff;
+ border: 1px solid #4945ff;
+ border-radius: 4px;
+ border: 1px solid #dcdce4;
+ background: #ffffff;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c10 .c11 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c10 .c13 {
+ color: #ffffff;
+}
+
+.c10[aria-disabled='true'] {
+ border: 1px solid #dcdce4;
+ background: #eaeaef;
+}
+
+.c10[aria-disabled='true'] .c13 {
+ color: #666687;
+}
+
+.c10[aria-disabled='true'] svg > g,
+.c10[aria-disabled='true'] svg path {
+ fill: #666687;
+}
+
+.c10[aria-disabled='true']:active {
+ border: 1px solid #dcdce4;
+ background: #eaeaef;
+}
+
+.c10[aria-disabled='true']:active .c13 {
+ color: #666687;
+}
+
+.c10[aria-disabled='true']:active svg > g,
+.c10[aria-disabled='true']:active svg path {
+ fill: #666687;
+}
+
+.c10:hover {
+ background-color: #f6f6f9;
+}
+
+.c10:active {
+ background-color: #eaeaef;
+}
+
+.c10 .c13 {
+ color: #32324d;
+}
+
+.c10 svg > g,
+.c10 svg path {
+ fill: #32324d;
+}
+
+.c62 {
+ margin-right: 24px;
+}
+
+.c62 svg {
+ width: 2rem;
+ height: 2rem;
+}
+
+.c66 {
+ word-break: break-all;
+}
+
+.c1 {
+ padding-bottom: 56px;
+}
+
+.c4 {
+ background: #f6f6f9;
+ padding-top: 40px;
+ padding-right: 56px;
+ padding-bottom: 40px;
+ padding-left: 56px;
+}
+
+.c16 {
+ padding-right: 56px;
+ padding-left: 56px;
+}
+
+.c0 {
+ display: grid;
+ grid-template-columns: 1fr;
+}
+
+.c2 {
+ overflow-x: hidden;
+}
+
+.c5 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+
+.c6 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+
+.c7 {
+ color: #32324d;
+ font-weight: 600;
+ font-size: 2rem;
+ line-height: 1.25;
+}
+
+.c15 {
+ color: #666687;
+ font-size: 1rem;
+ line-height: 1.5;
+}
+
+.c3:focus-visible {
+ outline: none;
+}
+
+.c35 {
+ color: #4945ff;
+ font-weight: 600;
+ font-size: 0.6875rem;
+ line-height: 1.45;
+ text-transform: uppercase;
+}
+
+.c33 {
+ color: #666687;
+ font-weight: 600;
+ font-size: 0.6875rem;
+ line-height: 1.45;
+ text-transform: uppercase;
+}
+
+.c31 {
+ padding: 16px;
+}
+
+.c34 {
+ border-bottom: 2px solid #4945ff;
+}
+
+.c32 {
+ border-bottom: 2px solid transparent;
+}
+
+.c30[aria-disabled='true'] {
+ cursor: not-allowed;
+}
+
+.c36 {
+ display: grid;
+ grid-template-columns: repeat(12,1fr);
+ gap: 16px;
+}
+
+.c37 {
+ grid-column: span 4;
+ max-width: 100%;
+}
+
+.c47 {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ overflow: hidden;
+}
+
+@media (max-width:68.75rem) {
+ .c37 {
+ grid-column: span 6;
+ }
+}
+
+@media (max-width:34.375rem) {
+ .c37 {
+ grid-column: span 12;
+ }
+}
+
+
+
+
+
+
+
+
+ Get more out of Strapi
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ Amazon Ses
+
+
+

+
+
+
+
+
+
+
+ Amazon Ses provider for Strapi
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ AWS S3
+
+
+

+
+
+
+
+
+
+
+ AWS S3 provider for Strapi uploads
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ Cloudinary
+
+
+

+
+
+
+
+
+
+
+ Cloudinary provider for Strapi uploads
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ Local Upload
+
+
+

+
+
+
+
+
+
+
+ Local upload provider for Strapi
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ Mailgun
+
+
+

+
+
+
+
+
+
+
+ Mailgun provider for Strapi
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ Nodemailer
+
+
+

+
+
+
+
+
+
+
+ Nodemailer provider for Strapi
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ Rackspace
+
+
+

+
+
+
+
+
+
+
+ Rackspace provider for Strapi uploads
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ SendGrid
+
+
+

+
+
+
+
+
+
+
+ SendGrid provider for Strapi
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+ Sendmail
+
+
+

+
+
+
+
+
+
+
+ Sendmail provider for Strapi
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js b/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js
index 3e42addd7c..f62ec4b939 100644
--- a/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js
@@ -57,1698 +57,21 @@ describe('Marketplace page', () => {
afterAll(() => server.close());
- it('renders and matches the snapshot', async () => {
+ it('renders and matches the plugin tab snapshot', async () => {
const { container, getByTestId, getByRole } = render(App);
await waitForElementToBeRemoved(() => getByTestId('loader'));
await waitFor(() => expect(getByRole('heading', { name: /marketplace/i })).toBeInTheDocument());
- expect(container.firstChild).toMatchInlineSnapshot(`
- .c17 {
- padding-bottom: 16px;
- width: 25%;
- }
+ expect(container.firstChild).toMatchSnapshot();
+ });
- .c29 {
- padding-bottom: 16px;
- }
+ it('renders and matches the provider tab snapshot', async () => {
+ const { container, getByRole } = render(App);
+ await waitFor(() => expect(getByRole('heading', { name: /marketplace/i })).toBeInTheDocument());
+ const providersTab = screen.getByRole('tab', { selected: false });
+ fireEvent.click(providersTab);
- .c40 {
- border-radius: 4px;
- width: 64px;
- height: 64px;
- }
-
- .c41 {
- padding-top: 16px;
- }
-
- .c44 {
- padding-top: 8px;
- }
-
- .c60 {
- margin-left: 4px;
- width: 24px;
- height: auto;
- }
-
- .c61 {
- padding-left: 16px;
- }
-
- .c64 {
- padding-top: 32px;
- }
-
- .c57 {
- font-weight: 600;
- color: #32324d;
- font-size: 0.75rem;
- line-height: 1.33;
- }
-
- .c54 {
- padding-right: 8px;
- }
-
- .c51 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- cursor: pointer;
- padding: 8px;
- border-radius: 4px;
- background: #ffffff;
- border: 1px solid #dcdce4;
- position: relative;
- outline: none;
- }
-
- .c51 svg {
- height: 12px;
- width: 12px;
- }
-
- .c51 svg > g,
- .c51 svg path {
- fill: #ffffff;
- }
-
- .c51[aria-disabled='true'] {
- pointer-events: none;
- }
-
- .c51:after {
- -webkit-transition-property: all;
- transition-property: all;
- -webkit-transition-duration: 0.2s;
- transition-duration: 0.2s;
- border-radius: 8px;
- content: '';
- position: absolute;
- top: -4px;
- bottom: -4px;
- left: -4px;
- right: -4px;
- border: 2px solid transparent;
- }
-
- .c51:focus-visible {
- outline: none;
- }
-
- .c51:focus-visible:after {
- border-radius: 8px;
- content: '';
- position: absolute;
- top: -5px;
- bottom: -5px;
- left: -5px;
- right: -5px;
- border: 2px solid #4945ff;
- }
-
- .c55 {
- height: 100%;
- }
-
- .c52 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 8px 16px;
- background: #4945ff;
- border: 1px solid #4945ff;
- border: 1px solid #d9d8ff;
- background: #f0f0ff;
- }
-
- .c52 .c53 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
-
- .c52 .c56 {
- color: #ffffff;
- }
-
- .c52[aria-disabled='true'] {
- border: 1px solid #dcdce4;
- background: #eaeaef;
- }
-
- .c52[aria-disabled='true'] .c56 {
- color: #666687;
- }
-
- .c52[aria-disabled='true'] svg > g,
- .c52[aria-disabled='true'] svg path {
- fill: #666687;
- }
-
- .c52[aria-disabled='true']:active {
- border: 1px solid #dcdce4;
- background: #eaeaef;
- }
-
- .c52[aria-disabled='true']:active .c56 {
- color: #666687;
- }
-
- .c52[aria-disabled='true']:active svg > g,
- .c52[aria-disabled='true']:active svg path {
- fill: #666687;
- }
-
- .c52:hover {
- background-color: #ffffff;
- }
-
- .c52:active {
- background-color: #ffffff;
- border: 1px solid #4945ff;
- }
-
- .c52:active .c56 {
- color: #4945ff;
- }
-
- .c52:active svg > g,
- .c52:active svg path {
- fill: #4945ff;
- }
-
- .c52 .c56 {
- color: #271fe0;
- }
-
- .c52 svg > g,
- .c52 svg path {
- fill: #271fe0;
- }
-
- .c38 {
- background: #ffffff;
- padding-top: 16px;
- padding-right: 16px;
- padding-bottom: 16px;
- padding-left: 16px;
- border-radius: 4px;
- box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
- height: 100%;
- }
-
- .c65 {
- background: #ffffff;
- padding: 24px;
- border-radius: 4px;
- box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
- }
-
- .c66 {
- background: #f6ecfc;
- padding: 12px;
- border-radius: 4px;
- }
-
- .c39 {
- -webkit-align-items: normal;
- -webkit-box-align: normal;
- -ms-flex-align: normal;
- align-items: normal;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-
- .c43 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- }
-
- .c58 {
- color: #328048;
- margin-left: 8px;
- }
-
- .c62 {
- color: #328048;
- margin-right: 8px;
- width: 12;
- height: 12;
- }
-
- .c72 {
- color: #666687;
- margin-left: 8px;
- width: 12px;
- height: 12px;
- }
-
- .c59 path {
- fill: #328048;
- }
-
- .c73 path {
- fill: #666687;
- }
-
- .c25 {
- padding-right: 8px;
- padding-left: 12px;
- }
-
- .c21 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- }
-
- .c23 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-
- .c20 {
- font-weight: 600;
- color: #32324d;
- font-size: 0.75rem;
- line-height: 1.33;
- }
-
- .c28 {
- border: none;
- border-radius: 4px;
- padding-bottom: 0.65625rem;
- padding-left: 0;
- padding-right: 16px;
- padding-top: 0.65625rem;
- color: #32324d;
- font-weight: 400;
- font-size: 0.875rem;
- display: block;
- width: 100%;
- background: inherit;
- }
-
- .c28::-webkit-input-placeholder {
- color: #8e8ea9;
- opacity: 1;
- }
-
- .c28::-moz-placeholder {
- color: #8e8ea9;
- opacity: 1;
- }
-
- .c28:-ms-input-placeholder {
- color: #8e8ea9;
- opacity: 1;
- }
-
- .c28::placeholder {
- color: #8e8ea9;
- opacity: 1;
- }
-
- .c28[aria-disabled='true'] {
- color: inherit;
- }
-
- .c28:focus {
- outline: none;
- box-shadow: none;
- }
-
- .c24 {
- border: 1px solid #dcdce4;
- border-radius: 4px;
- background: #ffffff;
- outline: none;
- box-shadow: 0;
- -webkit-transition-property: border-color,box-shadow,fill;
- transition-property: border-color,box-shadow,fill;
- -webkit-transition-duration: 0.2s;
- transition-duration: 0.2s;
- }
-
- .c24:focus-within {
- border: 1px solid #4945ff;
- box-shadow: #4945ff 0px 0px 0px 2px;
- }
-
- .c19 {
- border: 0;
- -webkit-clip: rect(0 0 0 0);
- clip: rect(0 0 0 0);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- }
-
- .c27 {
- font-size: 0.8rem;
- }
-
- .c27 svg path {
- fill: #32324d;
- }
-
- .c18 {
- border-radius: 4px;
- box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
- outline: none;
- box-shadow: 0;
- -webkit-transition-property: border-color,box-shadow,fill;
- transition-property: border-color,box-shadow,fill;
- -webkit-transition-duration: 0.2s;
- transition-duration: 0.2s;
- }
-
- .c18:focus-within .c26 svg path {
- fill: #4945ff;
- }
-
- .c18 .c22 {
- border: 1px solid transparent;
- }
-
- .c18 .c22:focus-within {
- border: 1px solid #4945ff;
- box-shadow: #4945ff 0px 0px 0px 2px;
- }
-
- .c47 {
- padding-top: 24px;
- }
-
- .c48 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- }
-
- .c68 {
- -webkit-align-items: stretch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- }
-
- .c69 > * {
- margin-top: 0;
- margin-bottom: 0;
- }
-
- .c49 > * {
- margin-left: 0;
- margin-right: 0;
- }
-
- .c49 > * + * {
- margin-left: 8px;
- }
-
- .c42 {
- color: #32324d;
- font-weight: 500;
- font-size: 1rem;
- line-height: 1.25;
- }
-
- .c45 {
- color: #666687;
- font-size: 0.875rem;
- line-height: 1.43;
- }
-
- .c63 {
- font-weight: 600;
- color: #328048;
- font-size: 0.875rem;
- line-height: 1.43;
- }
-
- .c70 {
- font-weight: 500;
- color: #32324d;
- font-size: 0.75rem;
- line-height: 1.33;
- }
-
- .c14 {
- font-weight: 600;
- color: #32324d;
- font-size: 0.75rem;
- line-height: 1.33;
- }
-
- .c12 {
- padding-right: 8px;
- }
-
- .c50 {
- padding-left: 8px;
- }
-
- .c9 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- cursor: pointer;
- padding: 8px;
- border-radius: 4px;
- background: #ffffff;
- border: 1px solid #dcdce4;
- position: relative;
- outline: none;
- }
-
- .c9 svg {
- height: 12px;
- width: 12px;
- }
-
- .c9 svg > g,
- .c9 svg path {
- fill: #ffffff;
- }
-
- .c9[aria-disabled='true'] {
- pointer-events: none;
- }
-
- .c9:after {
- -webkit-transition-property: all;
- transition-property: all;
- -webkit-transition-duration: 0.2s;
- transition-duration: 0.2s;
- border-radius: 8px;
- content: '';
- position: absolute;
- top: -4px;
- bottom: -4px;
- left: -4px;
- right: -4px;
- border: 2px solid transparent;
- }
-
- .c9:focus-visible {
- outline: none;
- }
-
- .c9:focus-visible:after {
- border-radius: 8px;
- content: '';
- position: absolute;
- top: -5px;
- bottom: -5px;
- left: -5px;
- right: -5px;
- border: 2px solid #4945ff;
- }
-
- .c8 {
- cursor: pointer;
- }
-
- .c10 {
- padding: 8px 16px;
- background: #4945ff;
- border: 1px solid #4945ff;
- border-radius: 4px;
- border: 1px solid #dcdce4;
- background: #ffffff;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-text-decoration: none;
- text-decoration: none;
- }
-
- .c10 .c11 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
-
- .c10 .c13 {
- color: #ffffff;
- }
-
- .c10[aria-disabled='true'] {
- border: 1px solid #dcdce4;
- background: #eaeaef;
- }
-
- .c10[aria-disabled='true'] .c13 {
- color: #666687;
- }
-
- .c10[aria-disabled='true'] svg > g,
- .c10[aria-disabled='true'] svg path {
- fill: #666687;
- }
-
- .c10[aria-disabled='true']:active {
- border: 1px solid #dcdce4;
- background: #eaeaef;
- }
-
- .c10[aria-disabled='true']:active .c13 {
- color: #666687;
- }
-
- .c10[aria-disabled='true']:active svg > g,
- .c10[aria-disabled='true']:active svg path {
- fill: #666687;
- }
-
- .c10:hover {
- background-color: #f6f6f9;
- }
-
- .c10:active {
- background-color: #eaeaef;
- }
-
- .c10 .c13 {
- color: #32324d;
- }
-
- .c10 svg > g,
- .c10 svg path {
- fill: #32324d;
- }
-
- .c67 {
- margin-right: 24px;
- }
-
- .c67 svg {
- width: 2rem;
- height: 2rem;
- }
-
- .c71 {
- word-break: break-all;
- }
-
- .c1 {
- padding-bottom: 56px;
- }
-
- .c4 {
- background: #f6f6f9;
- padding-top: 40px;
- padding-right: 56px;
- padding-bottom: 40px;
- padding-left: 56px;
- }
-
- .c16 {
- padding-right: 56px;
- padding-left: 56px;
- }
-
- .c0 {
- display: grid;
- grid-template-columns: 1fr;
- }
-
- .c2 {
- overflow-x: hidden;
- }
-
- .c5 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-
- .c6 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- }
-
- .c7 {
- color: #32324d;
- font-weight: 600;
- font-size: 2rem;
- line-height: 1.25;
- }
-
- .c15 {
- color: #666687;
- font-size: 1rem;
- line-height: 1.5;
- }
-
- .c3:focus-visible {
- outline: none;
- }
-
- .c33 {
- color: #4945ff;
- font-weight: 600;
- font-size: 0.6875rem;
- line-height: 1.45;
- text-transform: uppercase;
- }
-
- .c35 {
- color: #666687;
- font-weight: 600;
- font-size: 0.6875rem;
- line-height: 1.45;
- text-transform: uppercase;
- }
-
- .c31 {
- padding: 16px;
- }
-
- .c32 {
- border-bottom: 2px solid #4945ff;
- }
-
- .c34 {
- border-bottom: 2px solid transparent;
- }
-
- .c30[aria-disabled='true'] {
- cursor: not-allowed;
- }
-
- .c36 {
- display: grid;
- grid-template-columns: repeat(12,1fr);
- gap: 16px;
- }
-
- .c37 {
- grid-column: span 4;
- max-width: 100%;
- }
-
- .c46 {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- overflow: hidden;
- }
-
- @media (max-width:68.75rem) {
- .c37 {
- grid-column: span 6;
- }
- }
-
- @media (max-width:34.375rem) {
- .c37 {
- grid-column: span 12;
- }
- }
-
-
-
-
-
-
-
-
- Get more out of Strapi
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

-
-
-
- Powerful Strapi based comments moderation tool for you and your users
-
-
-
-
-
-
-
-
-
-
-
-

-
-
-
- Migrate your config data across environments using the CLI or Strapi admin panel.
-
-
-
-
-
-
-
-
-
-
-
-

-
-
-
- Content Versioning
-
-
-
-
-
- This plugin enables you to versioning Content Types. It allows multiple draft versions✅ Keeps history of all changes (with time travel) ✅
-
-
-
-
-
-
-
-
-
-
-
-

-
-
-
- Documentation
-
-
-

-
-
-
-
-
-
-
- Create an OpenAPI Document and visualize your API with SWAGGER UI
-
-
-
-
-
-
-
-
-
-
-
-

-
-
-
- A plugin for Strapi Headless CMS that provides the ability to transform the API response.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- `);
+ expect(container.firstChild).toMatchSnapshot();
});
it('sends a single tracking event when the user enters the marketplace', () => {