diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0f5bf9dbb..bd0bb9153 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,3 +10,4 @@ All notable, unreleased changes to this project will be documented in this file.
 - Add switch to make attribute available in product list as a column - #99 by @dominik-zeglen
 - Add tc tags for E2E testing - #134 by @dominik-zeglen
 - Use react-intl - #105 by @dominik-zeglen
+- Add dynamic dashboard settings - #135 by @benekex2
diff --git a/package-lock.json b/package-lock.json
index 8bf2228c5..cdfa829e5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9409,7 +9409,8 @@
         },
         "ansi-regex": {
           "version": "2.1.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -9427,11 +9428,13 @@
         },
         "balanced-match": {
           "version": "1.0.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -9444,15 +9447,18 @@
         },
         "code-point-at": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -9555,7 +9561,8 @@
         },
         "inherits": {
           "version": "2.0.3",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -9565,6 +9572,7 @@
         "is-fullwidth-code-point": {
           "version": "1.0.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -9577,17 +9585,20 @@
         "minimatch": {
           "version": "3.0.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
         },
         "minimist": {
           "version": "0.0.8",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.3.5",
           "bundled": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -9604,6 +9615,7 @@
         "mkdirp": {
           "version": "0.5.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -9676,7 +9688,8 @@
         },
         "number-is-nan": {
           "version": "1.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -9686,6 +9699,7 @@
         "once": {
           "version": "1.4.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -9761,7 +9775,8 @@
         },
         "safe-buffer": {
           "version": "5.1.2",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -9791,6 +9806,7 @@
         "string-width": {
           "version": "1.0.2",
           "bundled": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -9808,6 +9824,7 @@
         "strip-ansi": {
           "version": "3.0.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -9846,11 +9863,13 @@
         },
         "wrappy": {
           "version": "1.0.2",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.3",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         }
       }
     },
diff --git a/schema.graphql b/schema.graphql
index 5490d13e7..8b13a6034 100644
--- a/schema.graphql
+++ b/schema.graphql
@@ -143,8 +143,8 @@ type AssignNavigation {
 
 type Attribute implements Node {
   id: ID!
-  productTypes(before: String, after: String, first: Int, last: Int): ProductTypeCountableConnection
-  productVariantTypes(before: String, after: String, first: Int, last: Int): ProductTypeCountableConnection
+  productTypes(before: String, after: String, first: Int, last: Int): ProductTypeCountableConnection!
+  productVariantTypes(before: String, after: String, first: Int, last: Int): ProductTypeCountableConnection!
   privateMeta: [MetaStore]!
   meta: [MetaStore]!
   inputType: AttributeInputTypeEnum
@@ -228,6 +228,7 @@ input AttributeFilterInput {
   filterableInDashboard: Boolean
   availableInGrid: Boolean
   search: String
+  ids: [ID]
 }
 
 input AttributeInput {
@@ -518,7 +519,8 @@ type Checkout implements Node {
   shippingAddress: Address
   shippingMethod: ShippingMethod
   note: String!
-  discountAmount: Money
+  discountAmount: Money @deprecated(reason: "Use discount instead.")
+  discount: Money
   discountName: String
   translatedDiscountName: String
   voucherCode: String
@@ -969,7 +971,6 @@ enum CountryCode {
   LT
   LU
   MO
-  MK
   MG
   MW
   MY
@@ -1003,6 +1004,7 @@ enum CountryCode {
   NU
   NF
   KP
+  MK
   MP
   NO
   OM
@@ -1867,6 +1869,7 @@ type Mutations {
   paymentCapture(amount: Decimal, paymentId: ID!): PaymentCapture
   paymentRefund(amount: Decimal, paymentId: ID!): PaymentRefund
   paymentVoid(paymentId: ID!): PaymentVoid
+  paymentSecureConfirm(paymentId: ID!): PaymentSecureConfirm
   pageCreate(input: PageInput!): PageCreate
   pageDelete(id: ID!): PageDelete
   pageBulkDelete(ids: [ID]!): PageBulkDelete
@@ -1909,7 +1912,7 @@ type Mutations {
   giftCardCreate(input: GiftCardCreateInput!): GiftCardCreate
   giftCardDeactivate(id: ID!): GiftCardDeactivate
   giftCardUpdate(id: ID!, input: GiftCardUpdateInput!): GiftCardUpdate
-  pluginConfigurationUpdate(id: ID!, input: PluginConfigurationUpdateInput!): PluginConfigurationUpdate
+  pluginUpdate(id: ID!, input: PluginUpdateInput!): PluginUpdate
   saleCreate(input: SaleInput!): SaleCreate
   saleDelete(id: ID!): SaleDelete
   saleBulkDelete(ids: [ID]!): SaleBulkDelete
@@ -1946,8 +1949,9 @@ type Mutations {
   checkoutClearMetadata(id: ID!, input: MetaPath!): CheckoutClearStoredMeta
   checkoutUpdatePrivateMetadata(id: ID!, input: MetaInput!): CheckoutUpdatePrivateMeta
   checkoutClearPrivateMetadata(id: ID!, input: MetaPath!): CheckoutClearStoredPrivateMeta
-  requestPasswordReset(email: String!): RequestPasswordReset
-  setPassword(id: ID!, input: SetPasswordInput!): SetPassword
+  requestPasswordReset(email: String!, redirectUrl: String!): RequestPasswordReset
+  setPassword(token: String!, email: String!, password: String!): SetPassword
+  passwordChange(newPassword: String!, oldPassword: String!): PasswordChange
   userUpdateMetadata(id: ID!, input: MetaInput!): UserUpdateMeta
   userClearStoredMetadata(id: ID!, input: MetaPath!): UserClearStoredMeta
   accountAddressCreate(input: AddressInput!, type: AddressTypeEnum): AccountAddressCreate
@@ -1956,7 +1960,7 @@ type Mutations {
   accountSetDefaultAddress(id: ID!, type: AddressTypeEnum!): AccountSetDefaultAddress
   accountRegister(input: AccountRegisterInput!): AccountRegister
   accountUpdate(input: AccountInput!): AccountUpdate
-  accountRequestDeletion: AccountRequestDeletion
+  accountRequestDeletion(redirectUrl: String!): AccountRequestDeletion
   accountDelete(token: String!): AccountDelete
   customerPasswordReset(input: CustomerPasswordResetInput!): CustomerPasswordReset
   customerAddressCreate(input: AddressInput!, type: AddressTypeEnum): CustomerAddressCreate
@@ -2011,12 +2015,12 @@ type Order implements Node {
   billingAddress: Address
   shippingAddress: Address
   shippingMethod: ShippingMethod
-  shippingPrice: TaxedMoney
   shippingMethodName: String
+  shippingPrice: TaxedMoney
   token: String!
   voucher: Voucher
   giftCards: [GiftCard]
-  discountAmount: Money
+  discount: Money
   discountName: String!
   translatedDiscountName: String!
   displayGrossPrices: Boolean!
@@ -2041,6 +2045,7 @@ type Order implements Node {
   totalBalance: Money!
   userEmail: String
   isShippingRequired: Boolean!
+  discountAmount: Money! @deprecated(reason: "Deprecated: use discount instead.")
 }
 
 enum OrderAction {
@@ -2341,6 +2346,11 @@ type PageUpdate {
   page: Page
 }
 
+type PasswordChange {
+  errors: [Error!]
+  user: User
+}
+
 type PasswordReset {
   errors: [Error!]
 }
@@ -2404,6 +2414,11 @@ type PaymentRefund {
   payment: Payment
 }
 
+type PaymentSecureConfirm {
+  errors: [Error!]
+  payment: Payment
+}
+
 type PaymentSource {
   gateway: String!
   creditCardInfo: CreditCard
@@ -2435,7 +2450,7 @@ enum PermissionEnum {
   MANAGE_TRANSLATIONS
 }
 
-type PluginConfiguration implements Node {
+type Plugin implements Node {
   name: String!
   description: String!
   active: Boolean!
@@ -2443,23 +2458,23 @@ type PluginConfiguration implements Node {
   id: ID!
 }
 
-type PluginConfigurationCountableConnection {
+type PluginCountableConnection {
   pageInfo: PageInfo!
-  edges: [PluginConfigurationCountableEdge!]!
+  edges: [PluginCountableEdge!]!
   totalCount: Int
 }
 
-type PluginConfigurationCountableEdge {
-  node: PluginConfiguration!
+type PluginCountableEdge {
+  node: Plugin!
   cursor: String!
 }
 
-type PluginConfigurationUpdate {
+type PluginUpdate {
   errors: [Error!]
-  pluginConfiguration: PluginConfiguration
+  plugin: Plugin
 }
 
-input PluginConfigurationUpdateInput {
+input PluginUpdateInput {
   active: Boolean
   configuration: [ConfigurationItemInput]
 }
@@ -2493,6 +2508,7 @@ type Product implements Node {
   isAvailable: Boolean
   basePrice: Money
   price: Money @deprecated(reason: "Has been replaced by 'basePrice'")
+  minimalVariantPrice: Money
   taxRate: TaxRateType @deprecated(reason: "taxRate is deprecated. Use taxType to obtain taxCode for given tax gateway")
   taxType: TaxType
   attributes: [SelectedAttribute!]!
@@ -2579,6 +2595,7 @@ input ProductFilterInput {
   stockAvailability: StockAvailability
   productType: ID
   search: String
+  minimalPrice: PriceRangeInput
 }
 
 type ProductImage implements Node {
@@ -2656,6 +2673,7 @@ input ProductOrder {
 enum ProductOrderField {
   NAME
   PRICE
+  MINIMAL_PRICE
   DATE
 }
 
@@ -2748,6 +2766,7 @@ enum ProductTypeEnum {
 }
 
 input ProductTypeFilterInput {
+  search: String
   configurable: ProductTypeConfigurable
   productType: ProductTypeEnum
 }
@@ -2925,7 +2944,7 @@ type Query {
   product(id: ID!): Product
   products(filter: ProductFilterInput, attributes: [AttributeScalar], categories: [ID], collections: [ID], priceLte: Float, priceGte: Float, sortBy: ProductOrder, stockAvailability: StockAvailability, query: String, before: String, after: String, first: Int, last: Int): ProductCountableConnection
   productType(id: ID!): ProductType
-  productTypes(filter: ProductTypeFilterInput, before: String, after: String, first: Int, last: Int): ProductTypeCountableConnection
+  productTypes(filter: ProductTypeFilterInput, query: String, before: String, after: String, first: Int, last: Int): ProductTypeCountableConnection
   productVariant(id: ID!): ProductVariant
   productVariants(ids: [ID], before: String, after: String, first: Int, last: Int): ProductVariantCountableConnection
   reportProductSales(period: ReportingPeriod!, before: String, after: String, first: Int, last: Int): ProductVariantCountableConnection
@@ -2946,8 +2965,8 @@ type Query {
   menuItems(query: String, before: String, after: String, first: Int, last: Int): MenuItemCountableConnection
   giftCard(id: ID!): GiftCard
   giftCards(before: String, after: String, first: Int, last: Int): GiftCardCountableConnection
-  pluginConfiguration(id: ID!): PluginConfiguration
-  pluginConfigurations(before: String, after: String, first: Int, last: Int): PluginConfigurationCountableConnection
+  plugin(id: ID!): Plugin
+  plugins(before: String, after: String, first: Int, last: Int): PluginCountableConnection
   sale(id: ID!): Sale
   sales(filter: SaleFilterInput, query: String, before: String, after: String, first: Int, last: Int): SaleCountableConnection
   voucher(id: ID!): Voucher
@@ -2957,7 +2976,7 @@ type Query {
   checkouts(before: String, after: String, first: Int, last: Int): CheckoutCountableConnection
   checkoutLine(id: ID): CheckoutLine
   checkoutLines(before: String, after: String, first: Int, last: Int): CheckoutLineCountableConnection
-  addressValidationRules(countryCode: CountryCode, countryArea: String, cityArea: String): AddressValidationData
+  addressValidationRules(countryCode: CountryCode!, countryArea: String, city: String, cityArea: String): AddressValidationData
   customers(filter: CustomerFilterInput, query: String, before: String, after: String, first: Int, last: Int): UserCountableConnection
   me: User
   staffUsers(filter: StaffUserInput, query: String, before: String, after: String, first: Int, last: Int): UserCountableConnection
@@ -3089,15 +3108,11 @@ input SeoInput {
 }
 
 type SetPassword {
-  errors: [Error!]
+  token: String
+  errors: [Error]!
   user: User
 }
 
-input SetPasswordInput {
-  token: String!
-  password: String!
-}
-
 type ShippingMethod implements Node {
   id: ID!
   name: String!
@@ -3418,6 +3433,7 @@ enum TransactionKind {
   REFUND
   CAPTURE
   VOID
+  CONFIRM
 }
 
 union TranslatableItem = Product | Category | Collection | Attribute | AttributeValue | ProductVariant | Page | ShippingMethod | Sale | Voucher | MenuItem
@@ -3466,7 +3482,6 @@ type User implements Node {
   firstName: String!
   lastName: String!
   isStaff: Boolean!
-  token: UUID!
   isActive: Boolean!
   note: String
   dateJoined: DateTime!
@@ -3592,13 +3607,14 @@ type Voucher implements Node {
   applyOncePerCustomer: Boolean!
   discountValueType: DiscountValueTypeEnum!
   discountValue: Float!
-  minAmountSpent: Money
+  minSpent: Money
   minCheckoutItemsQuantity: Int
   categories(before: String, after: String, first: Int, last: Int): CategoryCountableConnection
   collections(before: String, after: String, first: Int, last: Int): CollectionCountableConnection
   products(before: String, after: String, first: Int, last: Int): ProductCountableConnection
   countries: [CountryDisplay]
   translation(languageCode: LanguageCodeEnum!): VoucherTranslation
+  minAmountSpent: Money @deprecated(reason: "Use the minSpent field instead.")
 }
 
 type VoucherAddCatalogues {
diff --git a/src/components/TableHead/TableHead.tsx b/src/components/TableHead/TableHead.tsx
index 9305e263f..0ee28e0ec 100644
--- a/src/components/TableHead/TableHead.tsx
+++ b/src/components/TableHead/TableHead.tsx
@@ -23,10 +23,10 @@ export interface TableHeadProps extends MuiTableHeadProps {
   colSpan: number;
   disabled: boolean;
   dragRows?: boolean;
-  selected: number;
+  selected?: number;
   items: Node[];
-  toolbar: React.ReactNode | React.ReactNodeArray;
-  toggleAll: (items: Node[], selected: number) => void;
+  toolbar?: React.ReactNode | React.ReactNodeArray;
+  toggleAll?: (items: Node[], selected: number) => void;
 }
 
 const styles = (theme: Theme) =>
@@ -101,25 +101,26 @@ const TableHead = withStyles(styles, {
               })}
             />
           )}
-          {(items === undefined || items.length > 0) && (
-            <TableCell
-              padding="checkbox"
-              className={classNames({
-                [classes.checkboxSelected]: selected,
-                [classes.dragRows]: dragRows
-              })}
-            >
-              <Checkbox
+          {(items === undefined || items.length > 0) &&
+            (selected && (
+              <TableCell
+                padding="checkbox"
                 className={classNames({
-                  [classes.checkboxPartialSelect]:
-                    items && items.length > selected && selected > 0
+                  [classes.checkboxSelected]: selected,
+                  [classes.dragRows]: dragRows
                 })}
-                checked={selected === 0 ? false : true}
-                disabled={disabled}
-                onChange={() => toggleAll(items, selected)}
-              />
-            </TableCell>
-          )}
+              >
+                <Checkbox
+                  className={classNames({
+                    [classes.checkboxPartialSelect]:
+                      items && items.length > selected && selected > 0
+                  })}
+                  checked={selected === 0 ? false : true}
+                  disabled={disabled}
+                  onChange={() => toggleAll(items, selected)}
+                />
+              </TableCell>
+            ))}
           {selected ? (
             <>
               <TableCell
@@ -138,7 +139,7 @@ const TableHead = withStyles(styles, {
                     </Typography>
                   )}
                   <div className={classes.spacer} />
-                  <div className={classes.toolbar}>{toolbar}</div>
+                  {toolbar && <div className={classes.toolbar}>{toolbar}</div>}
                 </div>
               </TableCell>
             </>
diff --git a/src/config.ts b/src/config.ts
index ac5f694cd..7737bfe0d 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -21,6 +21,7 @@ export interface AppListViewSettings {
   [ListViews.NAVIGATION_LIST]: ListSettings;
   [ListViews.ORDER_LIST]: ListSettings;
   [ListViews.PAGES_LIST]: ListSettings;
+  [ListViews.PLUGINS_LIST]: ListSettings;
   [ListViews.PRODUCT_LIST]: ListSettings<ProductListColumns>;
   [ListViews.SALES_LIST]: ListSettings;
   [ListViews.SHIPPING_METHODS_LIST]: ListSettings;
@@ -49,6 +50,9 @@ export const defaultListSettings: AppListViewSettings = {
   [ListViews.PAGES_LIST]: {
     rowNumber: PAGINATE_BY
   },
+  [ListViews.PLUGINS_LIST]: {
+    rowNumber: PAGINATE_BY
+  },
   [ListViews.PRODUCT_LIST]: {
     columns: ["isPublished", "price", "productType"],
     rowNumber: PAGINATE_BY
diff --git a/src/configuration/index.tsx b/src/configuration/index.tsx
index 1c991472a..ac23f5bce 100644
--- a/src/configuration/index.tsx
+++ b/src/configuration/index.tsx
@@ -7,6 +7,7 @@ import useNavigator from "@saleor/hooks/useNavigator";
 import useUser from "@saleor/hooks/useUser";
 import Navigation from "@saleor/icons/Navigation";
 import Pages from "@saleor/icons/Pages";
+import Plugins from "@saleor/icons/Plugins";
 import ProductTypes from "@saleor/icons/ProductTypes";
 import ShippingMethods from "@saleor/icons/ShippingMethods";
 import SiteSettings from "@saleor/icons/SiteSettings";
@@ -16,6 +17,7 @@ import { sectionNames } from "@saleor/intl";
 import { maybe } from "@saleor/misc";
 import { menuListUrl } from "@saleor/navigation/urls";
 import { pageListUrl } from "@saleor/pages/urls";
+import { pluginsListUrl } from "@saleor/plugins/urls";
 import { productTypeListUrl } from "@saleor/productTypes/urls";
 import { shippingZonesListUrl } from "@saleor/shipping/urls";
 import { siteSettingsUrl } from "@saleor/siteSettings/urls";
@@ -105,6 +107,22 @@ export function createConfigurationMenu(intl: IntlShape): MenuItem[] {
       permission: PermissionEnum.MANAGE_PAGES,
       title: intl.formatMessage(sectionNames.pages),
       url: pageListUrl()
+    },
+    {
+      description: intl.formatMessage({
+        defaultMessage: "View and update your plugins and their settings.",
+        id: "configurationPluginsPages"
+      }),
+      icon: (
+        <Plugins
+          fontSize="inherit"
+          viewBox="-8 -5 44 44"
+          preserveAspectRatio="xMinYMin meet"
+        />
+      ),
+      permission: PermissionEnum.MANAGE_SETTINGS,
+      title: intl.formatMessage(sectionNames.plugins),
+      url: pluginsListUrl()
     }
   ];
 }
diff --git a/src/icons/Plugins.tsx b/src/icons/Plugins.tsx
new file mode 100644
index 000000000..4f67c5b5a
--- /dev/null
+++ b/src/icons/Plugins.tsx
@@ -0,0 +1,17 @@
+import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import React from "react";
+
+export const Plugins = createSvgIcon(
+  <>
+    <g>
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M7.12891 6.10352e-05H12.9999V7.80006H18.7418V6.10352e-05H24.6128V7.80006H31.9999V14.6751H29.0967V29.7876H20.7418V33.6876H16.8708V40.0001H14.8708V33.6876H10.9999V29.7876H2.9031V14.6751H-0.00012207V7.80006H7.12891V6.10352e-05ZM9.12891 7.80006H10.9999V2.00006H9.12891V7.80006ZM4.9031 14.6751V27.7876H27.0967V14.6751H4.9031ZM12.9999 29.7876V31.6876H18.7418V29.7876H12.9999ZM22.6128 7.80006V2.00006H20.7418V7.80006H22.6128ZM1.99988 9.80006V12.6751H29.9999V9.80006H1.99988Z"
+        fill="#06847B"
+      />
+    </g>
+  </>
+);
+Plugins.displayName = "Plugins";
+export default Plugins;
diff --git a/src/index.tsx b/src/index.tsx
index 48e1bb36a..02ec5af46 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -39,6 +39,7 @@ import { navigationSection } from "./navigation/urls";
 import { NotFound } from "./NotFound";
 import OrdersSection from "./orders";
 import PageSection from "./pages";
+import PluginsSection from "./plugins";
 import ProductSection from "./products";
 import ProductTypesSection from "./productTypes";
 import ShippingSection from "./shipping";
@@ -171,6 +172,11 @@ const Routes: React.FC = () => {
                 path="/pages"
                 component={PageSection}
               />
+              <SectionRoute
+                permissions={[PermissionEnum.MANAGE_PLUGINS]}
+                path="/plugins"
+                component={PluginsSection}
+              />
               <SectionRoute
                 permissions={[PermissionEnum.MANAGE_ORDERS]}
                 path="/orders"
diff --git a/src/intl.ts b/src/intl.ts
index 41d827359..0934376b4 100644
--- a/src/intl.ts
+++ b/src/intl.ts
@@ -152,6 +152,10 @@ export const sectionNames = defineMessages({
     defaultMessage: "Pages",
     description: "pages section name"
   },
+  plugins: {
+    defaultMessage: "Plugins",
+    description: "plugins section name"
+  },
   productTypes: {
     defaultMessage: "Product Types",
     description: "product types section name"
diff --git a/src/plugins/components/PluginInfo/PluginInfo.tsx b/src/plugins/components/PluginInfo/PluginInfo.tsx
new file mode 100644
index 000000000..6a82c79a4
--- /dev/null
+++ b/src/plugins/components/PluginInfo/PluginInfo.tsx
@@ -0,0 +1,88 @@
+import Card from "@material-ui/core/Card";
+import CardContent from "@material-ui/core/CardContent";
+import Typography from "@material-ui/core/Typography";
+import makeStyles from "@material-ui/styles/makeStyles";
+import React from "react";
+import { useIntl } from "react-intl";
+
+import CardTitle from "@saleor/components/CardTitle";
+import ControlledSwitch from "@saleor/components/ControlledSwitch";
+import FormSpacer from "@saleor/components/FormSpacer";
+import Hr from "@saleor/components/Hr";
+import { FormData } from "../PluginsDetailsPage";
+
+interface PluginInfoProps {
+  data: FormData;
+  description: string;
+  name: string;
+  onChange: (event: React.ChangeEvent<any>) => void;
+}
+
+const useStyles = makeStyles(() => ({
+  status: {
+    paddingTop: 20
+  },
+  title: {
+    fontSize: 14,
+    paddingTop: 10
+  }
+}));
+
+const PluginInfo: React.StatelessComponent<PluginInfoProps> = ({
+  data,
+  description,
+  name,
+  onChange
+}) => {
+  const classes = useStyles({});
+  const intl = useIntl();
+  return (
+    <Card>
+      <CardTitle
+        title={intl.formatMessage({
+          defaultMessage: "Plugin Information and Status",
+          description: "plugin title"
+        })}
+      />
+      <CardContent>
+        <Typography className={classes.title} variant="h6">
+          {intl.formatMessage({
+            defaultMessage: "Plugin Name",
+            description: "plugin name"
+          })}
+        </Typography>
+        <Typography>{name}</Typography>
+        {description && (
+          <>
+            <Typography className={classes.title} variant="h6">
+              {intl.formatMessage({
+                defaultMessage: "Plugin Description",
+                description: "plugin description"
+              })}
+            </Typography>
+            <Typography>{description}</Typography>
+          </>
+        )}
+        <FormSpacer />
+        <Hr />
+        <Typography className={classes.status}>
+          {intl.formatMessage({
+            defaultMessage: "Status",
+            description: "plugin status"
+          })}
+        </Typography>
+        <ControlledSwitch
+          checked={data.active}
+          label={intl.formatMessage({
+            defaultMessage: "Set plugin as Active",
+            description: "plugin active label"
+          })}
+          name={"active" as keyof FormData}
+          onChange={onChange}
+        />
+      </CardContent>
+    </Card>
+  );
+};
+PluginInfo.displayName = "PluginInfo";
+export default PluginInfo;
diff --git a/src/plugins/components/PluginInfo/index.ts b/src/plugins/components/PluginInfo/index.ts
new file mode 100644
index 000000000..f2a38dc4e
--- /dev/null
+++ b/src/plugins/components/PluginInfo/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./PluginInfo";
+export * from "./PluginInfo";
diff --git a/src/plugins/components/PluginSettings/PluginSettings.tsx b/src/plugins/components/PluginSettings/PluginSettings.tsx
new file mode 100644
index 000000000..44d5b4735
--- /dev/null
+++ b/src/plugins/components/PluginSettings/PluginSettings.tsx
@@ -0,0 +1,87 @@
+import Card from "@material-ui/core/Card";
+import CardContent from "@material-ui/core/CardContent";
+import TextField from "@material-ui/core/TextField";
+import makeStyles from "@material-ui/styles/makeStyles";
+import CardTitle from "@saleor/components/CardTitle";
+import ControlledSwitch from "@saleor/components/ControlledSwitch";
+import { FormErrors } from "@saleor/types";
+import { ConfigurationTypeFieldEnum } from "@saleor/types/globalTypes";
+import React from "react";
+import { useIntl } from "react-intl";
+
+import { FormData } from "../PluginsDetailsPage";
+
+interface PluginSettingsProps {
+  data: FormData;
+  errors: FormErrors<"name" | "configuration">;
+  disabled: boolean;
+  onChange: (event: React.ChangeEvent<any>) => void;
+  fields: Array<{
+    name: string;
+    type: ConfigurationTypeFieldEnum | null;
+    value: string;
+    helpText: string | null;
+    label: string | null;
+  }>;
+}
+
+const useStyles = makeStyles(() => ({
+  item: {
+    paddingBottom: 10,
+    paddingTop: 10
+  }
+}));
+
+const PluginSettings: React.StatelessComponent<PluginSettingsProps> = ({
+  data,
+  disabled,
+  errors,
+  onChange,
+  fields
+}) => {
+  const classes = useStyles({});
+  const intl = useIntl();
+  return (
+    <Card>
+      <CardTitle
+        title={intl.formatMessage({
+          defaultMessage: "Plugin Settings",
+          description: "plugin section title"
+        })}
+      />
+      <CardContent>
+        {data.configuration.map((configuration, index) => (
+          <div className={classes.item} key={index}>
+            {fields[index].type === ConfigurationTypeFieldEnum.STRING && (
+              <TextField
+                disabled={disabled}
+                error={!!errors.name}
+                helperText={fields[index].helpText}
+                label={fields[index].label}
+                name={configuration.name}
+                fullWidth
+                value={configuration.value}
+                onChange={onChange}
+              />
+            )}
+            {fields[index].type === ConfigurationTypeFieldEnum.BOOLEAN && (
+              <ControlledSwitch
+                checked={
+                  typeof configuration.value !== "boolean"
+                    ? configuration.value === "true"
+                    : configuration.value
+                }
+                disabled={disabled}
+                label={fields[index].label}
+                name={configuration.name}
+                onChange={onChange}
+              />
+            )}
+          </div>
+        ))}
+      </CardContent>
+    </Card>
+  );
+};
+PluginSettings.displayName = "PluginSettings";
+export default PluginSettings;
diff --git a/src/plugins/components/PluginSettings/index.ts b/src/plugins/components/PluginSettings/index.ts
new file mode 100644
index 000000000..422ec9e3c
--- /dev/null
+++ b/src/plugins/components/PluginSettings/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./PluginSettings";
+export * from "./PluginSettings";
diff --git a/src/plugins/components/PluginsDetailsPage/PluginsDetailsPage.tsx b/src/plugins/components/PluginsDetailsPage/PluginsDetailsPage.tsx
new file mode 100644
index 000000000..c1f3cc8c4
--- /dev/null
+++ b/src/plugins/components/PluginsDetailsPage/PluginsDetailsPage.tsx
@@ -0,0 +1,143 @@
+import Typography from "@material-ui/core/Typography";
+import AppHeader from "@saleor/components/AppHeader";
+import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
+import Container from "@saleor/components/Container";
+import Form from "@saleor/components/Form";
+import Grid from "@saleor/components/Grid";
+import PageHeader from "@saleor/components/PageHeader";
+import SaveButtonBar from "@saleor/components/SaveButtonBar";
+import { sectionNames } from "@saleor/intl";
+import { maybe } from "@saleor/misc";
+import { UserError } from "@saleor/types";
+import { ConfigurationItemInput } from "@saleor/types/globalTypes";
+import React from "react";
+import { useIntl } from "react-intl";
+
+import { Plugin_plugin } from "../../types/Plugin";
+import PluginInfo from "../PluginInfo";
+import PluginSettings from "../PluginSettings";
+
+export interface FormData {
+  active: boolean;
+  configuration: ConfigurationItemInput[];
+}
+
+export interface PluginsDetailsPageProps {
+  disabled: boolean;
+  errors: UserError[];
+  plugin: Plugin_plugin;
+  saveButtonBarState: ConfirmButtonTransitionState;
+  onBack: () => void;
+  onSubmit: (data: FormData) => void;
+}
+
+const PluginsDetailsPage: React.StatelessComponent<PluginsDetailsPageProps> = ({
+  disabled,
+  errors,
+  plugin,
+  saveButtonBarState,
+  onBack,
+  onSubmit
+}) => {
+  const intl = useIntl();
+  const initialForm: FormData = {
+    active: maybe(() => plugin.active, false),
+    configuration: maybe(() => plugin.configuration, [])
+  };
+
+  return (
+    <Form errors={errors} initial={initialForm} onSubmit={onSubmit}>
+      {({ data, errors, hasChanged, submit, set, triggerChange }) => {
+        const onChange = event => {
+          const newData = {
+            active: data.active,
+            configuration: data.configuration
+          };
+          const { name, value } = event.target;
+          name === "active"
+            ? (newData.active = value)
+            : (newData.active = data.active);
+          if (newData.configuration) {
+            newData.configuration.map(item => {
+              if (item.name === name) {
+                item.value = value;
+              }
+            });
+          }
+          triggerChange();
+          set(newData);
+        };
+        return (
+          <Container>
+            <AppHeader onBack={onBack}>
+              {intl.formatMessage(sectionNames.plugins)}
+            </AppHeader>
+            <PageHeader
+              title={`${maybe(() => plugin.name, "")} ${intl.formatMessage({
+                defaultMessage: "Details",
+                description: "plugin page title"
+              })}`}
+            />
+            <Grid variant="inverted">
+              <div>
+                <Typography variant="h6">
+                  {intl.formatMessage({
+                    defaultMessage: "Plugin Information and Status",
+                    description: "plugin section title"
+                  })}
+                </Typography>
+                <Typography>
+                  {intl.formatMessage({
+                    defaultMessage:
+                      "These are general information about your store. They define what is the URL of your store and what is shown in brow sers taskbar.",
+                    description: "plugin section description"
+                  })}
+                </Typography>
+              </div>
+              <PluginInfo
+                data={data}
+                description={maybe(() => plugin.description, "")}
+                name={maybe(() => plugin.name, "")}
+                onChange={onChange}
+              />
+              {data.configuration && (
+                <>
+                  <div>
+                    <Typography variant="h6">
+                      {intl.formatMessage({
+                        defaultMessage: "Plugin Settings",
+                        description: "plugin section title"
+                      })}
+                    </Typography>
+                    <Typography>
+                      {intl.formatMessage({
+                        defaultMessage:
+                          "This adress will be used to generate invoices and calculate shipping rates. Email adress you provide here will be used as a contact adress for your customers.",
+                        description: "plugin section description"
+                      })}
+                    </Typography>
+                  </div>
+                  <PluginSettings
+                    data={data}
+                    fields={maybe(() => plugin.configuration, [])}
+                    errors={errors}
+                    disabled={disabled}
+                    onChange={onChange}
+                  />
+                </>
+              )}
+            </Grid>
+            <SaveButtonBar
+              disabled={disabled || !hasChanged}
+              state={saveButtonBarState}
+              onCancel={onBack}
+              onSave={submit}
+            />
+          </Container>
+        );
+      }}
+    </Form>
+  );
+};
+PluginsDetailsPage.displayName = "PluginsDetailsPage";
+export default PluginsDetailsPage;
diff --git a/src/plugins/components/PluginsDetailsPage/index.ts b/src/plugins/components/PluginsDetailsPage/index.ts
new file mode 100644
index 000000000..f38ee22f8
--- /dev/null
+++ b/src/plugins/components/PluginsDetailsPage/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./PluginsDetailsPage";
+export * from "./PluginsDetailsPage";
diff --git a/src/plugins/components/PluginsList/PluginsList.tsx b/src/plugins/components/PluginsList/PluginsList.tsx
new file mode 100644
index 000000000..a3b6c9714
--- /dev/null
+++ b/src/plugins/components/PluginsList/PluginsList.tsx
@@ -0,0 +1,160 @@
+import Card from "@material-ui/core/Card";
+import {
+  createStyles,
+  Theme,
+  withStyles,
+  WithStyles
+} from "@material-ui/core/styles";
+import Table from "@material-ui/core/Table";
+import TableBody from "@material-ui/core/TableBody";
+import TableCell from "@material-ui/core/TableCell";
+import TableFooter from "@material-ui/core/TableFooter";
+import TableRow from "@material-ui/core/TableRow";
+import EditIcon from "@material-ui/icons/Edit";
+import React from "react";
+import { useIntl } from "react-intl";
+
+import Skeleton from "@saleor/components/Skeleton";
+import StatusLabel from "@saleor/components/StatusLabel";
+import TableHead from "@saleor/components/TableHead";
+import TablePagination from "@saleor/components/TablePagination";
+import { translateBoolean } from "@saleor/intl";
+import { maybe, renderCollection } from "@saleor/misc";
+import { ListProps } from "@saleor/types";
+import { Plugins_plugins_edges_node } from "../../types/Plugins";
+
+export interface PluginListProps extends ListProps {
+  plugins: Plugins_plugins_edges_node[];
+}
+
+const styles = (theme: Theme) =>
+  createStyles({
+    [theme.breakpoints.up("lg")]: {
+      colAction: {
+        "& svg": {
+          color: theme.palette.primary.main
+        },
+        textAlign: "right"
+      },
+      colActive: {},
+      colName: {}
+    },
+    colAction: {},
+    colActive: {},
+    colName: {},
+    link: {
+      cursor: "pointer"
+    }
+  });
+
+const numberOfColumns = 4;
+
+const PluginList = withStyles(styles, { name: "PluginList" })(
+  ({
+    classes,
+    settings,
+    plugins,
+    disabled,
+    onNextPage,
+    pageInfo,
+    onRowClick,
+    onUpdateListSettings,
+    onPreviousPage
+  }: PluginListProps & WithStyles<typeof styles>) => {
+    const intl = useIntl();
+    return (
+      <Card>
+        <Table>
+          <TableHead
+            colSpan={numberOfColumns}
+            disabled={disabled}
+            items={plugins}
+          >
+            <TableCell className={classes.colName} padding="dense">
+              {intl.formatMessage({
+                defaultMessage: "Name",
+                description: "plugin list table header"
+              })}
+            </TableCell>
+            <TableCell className={classes.colActive} padding="dense">
+              {intl.formatMessage({
+                defaultMessage: "Active",
+                description: "plugin list table header"
+              })}
+            </TableCell>
+            <TableCell className={classes.colAction} padding="dense">
+              {intl.formatMessage({
+                defaultMessage: "Action",
+                description: "plugin list table header"
+              })}
+            </TableCell>
+          </TableHead>
+          <TableFooter>
+            <TableRow>
+              <TablePagination
+                colSpan={numberOfColumns}
+                settings={settings}
+                hasNextPage={
+                  pageInfo && !disabled ? pageInfo.hasNextPage : false
+                }
+                onNextPage={onNextPage}
+                onUpdateListSettings={onUpdateListSettings}
+                hasPreviousPage={
+                  pageInfo && !disabled ? pageInfo.hasPreviousPage : false
+                }
+                onPreviousPage={onPreviousPage}
+              />
+            </TableRow>
+          </TableFooter>
+          <TableBody>
+            {renderCollection(
+              plugins,
+              plugin => {
+                return (
+                  <TableRow
+                    hover={!!plugin}
+                    className={!!plugin ? classes.link : undefined}
+                    onClick={plugin ? onRowClick(plugin.id) : undefined}
+                    key={plugin ? plugin.id : "skeleton"}
+                  >
+                    <TableCell className={classes.colName}>
+                      {maybe<React.ReactNode>(() => plugin.name, <Skeleton />)}
+                    </TableCell>
+                    <TableCell className={classes.colActive}>
+                      {maybe<React.ReactNode>(
+                        () => (
+                          <StatusLabel
+                            label={translateBoolean(plugin.active, intl)}
+                            status={plugin.active ? "success" : "error"}
+                          />
+                        ),
+                        <Skeleton />
+                      )}
+                    </TableCell>
+                    <TableCell className={classes.colAction}>
+                      <div onClick={plugin ? onRowClick(plugin.id) : undefined}>
+                        <EditIcon />
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                );
+              },
+              () => (
+                <TableRow>
+                  <TableCell colSpan={numberOfColumns}>
+                    {intl.formatMessage({
+                      defaultMessage: "No plugins found",
+                      description: "plugin no found"
+                    })}
+                  </TableCell>
+                </TableRow>
+              )
+            )}
+          </TableBody>
+        </Table>
+      </Card>
+    );
+  }
+);
+PluginList.displayName = "PluginList";
+export default PluginList;
diff --git a/src/plugins/components/PluginsList/index.ts b/src/plugins/components/PluginsList/index.ts
new file mode 100644
index 000000000..f8d1b14d3
--- /dev/null
+++ b/src/plugins/components/PluginsList/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./PluginsList";
+export * from "./PluginsList";
diff --git a/src/plugins/components/PluginsListPage/PluginsListPage.tsx b/src/plugins/components/PluginsListPage/PluginsListPage.tsx
new file mode 100644
index 000000000..7ff0735ad
--- /dev/null
+++ b/src/plugins/components/PluginsListPage/PluginsListPage.tsx
@@ -0,0 +1,52 @@
+import React from "react";
+import { useIntl } from "react-intl";
+
+import AppHeader from "@saleor/components/AppHeader";
+import Container from "@saleor/components/Container";
+import PageHeader from "@saleor/components/PageHeader";
+import { sectionNames } from "@saleor/intl";
+import { PageListProps } from "@saleor/types";
+import { Plugins_plugins_edges_node } from "../../types/Plugins";
+import PluginsList from "../PluginsList/PluginsList";
+
+export interface PluginsListPageProps extends PageListProps {
+  plugins: Plugins_plugins_edges_node[];
+  onBack: () => void;
+}
+
+const PluginsListPage: React.StatelessComponent<PluginsListPageProps> = ({
+  disabled,
+  settings,
+  onBack,
+  onNextPage,
+  onPreviousPage,
+  onRowClick,
+  onUpdateListSettings,
+  pageInfo,
+  plugins
+}) => {
+  const intl = useIntl();
+  return (
+    <Container>
+      <AppHeader onBack={onBack}>
+        {intl.formatMessage({
+          defaultMessage: "Configuration",
+          description: "plugin back button"
+        })}
+      </AppHeader>
+      <PageHeader title={intl.formatMessage(sectionNames.plugins)} />
+      <PluginsList
+        disabled={disabled}
+        settings={settings}
+        plugins={plugins}
+        onNextPage={onNextPage}
+        onPreviousPage={onPreviousPage}
+        onUpdateListSettings={onUpdateListSettings}
+        onRowClick={onRowClick}
+        pageInfo={pageInfo}
+      />
+    </Container>
+  );
+};
+PluginsListPage.displayName = "PluginsListPage";
+export default PluginsListPage;
diff --git a/src/plugins/components/PluginsListPage/index.ts b/src/plugins/components/PluginsListPage/index.ts
new file mode 100644
index 000000000..37ed6f973
--- /dev/null
+++ b/src/plugins/components/PluginsListPage/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./PluginsListPage";
+export * from "./PluginsListPage";
diff --git a/src/plugins/fixtures.ts b/src/plugins/fixtures.ts
new file mode 100644
index 000000000..4da3ce27b
--- /dev/null
+++ b/src/plugins/fixtures.ts
@@ -0,0 +1,57 @@
+import { ConfigurationTypeFieldEnum } from "@saleor/types/globalTypes";
+import { Plugin_plugin } from "./types/Plugin";
+import { Plugins_plugins_edges_node } from "./types/Plugins";
+
+export const pluginList: Plugins_plugins_edges_node[] = [
+  {
+    __typename: "Plugin",
+    active: true,
+    description:
+      "Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.",
+    id: "Jzx123sEt==",
+    name: "Avalara"
+  },
+  {
+    __typename: "Plugin",
+    active: false,
+    description:
+      "Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.",
+    id: "Jzx123sEt==",
+    name: "VatLayer"
+  }
+];
+export const plugin: Plugin_plugin = {
+  __typename: "Plugin",
+  active: true,
+  configuration: [
+    {
+      __typename: "ConfigurationItem",
+      helpText: "Provide user or account details",
+      label: "Username or account",
+      name: "Username or account",
+      type: ConfigurationTypeFieldEnum.STRING,
+      value: ""
+    },
+    {
+      __typename: "ConfigurationItem",
+      helpText: "Provide password or license details",
+      label: "Password or license",
+      name: "Password or license",
+      type: ConfigurationTypeFieldEnum.STRING,
+      value: ""
+    },
+    {
+      __typename: "ConfigurationItem",
+      helpText: "Determines if Saleor should use Avatax sandbox API.",
+      label: "Use sandbox",
+      name: "Use sandbox",
+      type: ConfigurationTypeFieldEnum.BOOLEAN,
+      value: "true"
+    }
+  ],
+  description:
+    "Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.",
+
+  id: "UGx1Z2luQ29uZmlndXJhdGlvbjoy",
+  name: "Username or account"
+};
diff --git a/src/plugins/index.tsx b/src/plugins/index.tsx
new file mode 100644
index 000000000..4f2276264
--- /dev/null
+++ b/src/plugins/index.tsx
@@ -0,0 +1,51 @@
+import { parse as parseQs } from "qs";
+import React from "react";
+import { useIntl } from "react-intl";
+import { Route, RouteComponentProps, Switch } from "react-router-dom";
+
+import { sectionNames } from "@saleor/intl";
+import { WindowTitle } from "../components/WindowTitle";
+import {
+  pluginsListPath,
+  PluginsListUrlQueryParams,
+  pluginsPath
+} from "./urls";
+import PluginsDetailsComponent from "./views/PluginsDetails";
+import PluginsListComponent from "./views/PluginsList";
+
+const PluginList: React.StatelessComponent<RouteComponentProps<any>> = ({
+  location
+}) => {
+  const qs = parseQs(location.search.substr(1));
+  const params: PluginsListUrlQueryParams = qs;
+  return <PluginsListComponent params={params} />;
+};
+
+const PageDetails: React.StatelessComponent<RouteComponentProps<any>> = ({
+  match
+}) => {
+  const qs = parseQs(location.search.substr(1));
+  const params: PluginsListUrlQueryParams = qs;
+
+  return (
+    <PluginsDetailsComponent
+      id={decodeURIComponent(match.params.id)}
+      params={params}
+    />
+  );
+};
+
+const Component = () => {
+  const intl = useIntl();
+  return (
+    <>
+      <WindowTitle title={intl.formatMessage(sectionNames.plugins)} />
+      <Switch>
+        <Route exact path={pluginsListPath} component={PluginList} />
+        <Route path={pluginsPath(":id")} component={PageDetails} />
+      </Switch>
+    </>
+  );
+};
+
+export default Component;
diff --git a/src/plugins/mutations.ts b/src/plugins/mutations.ts
new file mode 100644
index 000000000..9a23fada4
--- /dev/null
+++ b/src/plugins/mutations.ts
@@ -0,0 +1,24 @@
+import gql from "graphql-tag";
+
+import { TypedMutation } from "../mutations";
+import { pluginsDetailsFragment } from "./queries";
+import { PluginUpdate, PluginUpdateVariables } from "./types/PluginUpdate";
+
+const pluginUpdate = gql`
+  ${pluginsDetailsFragment}
+  mutation PluginUpdate($id: ID!, $input: PluginUpdateInput!) {
+    pluginUpdate(id: $id, input: $input) {
+      errors {
+        field
+        message
+      }
+      plugin {
+        ...PluginsDetailsFragment
+      }
+    }
+  }
+`;
+export const TypedPluginUpdate = TypedMutation<
+  PluginUpdate,
+  PluginUpdateVariables
+>(pluginUpdate);
diff --git a/src/plugins/queries.ts b/src/plugins/queries.ts
new file mode 100644
index 000000000..ec3ae773a
--- /dev/null
+++ b/src/plugins/queries.ts
@@ -0,0 +1,62 @@
+import gql from "graphql-tag";
+
+import { TypedQuery } from "../queries";
+import { Plugin, PluginVariables } from "./types/Plugin";
+import { Plugins, PluginsVariables } from "./types/Plugins";
+
+export const pluginsFragment = gql`
+  fragment PluginFragment on Plugin {
+    id
+    name
+    description
+    active
+  }
+`;
+
+export const pluginsDetailsFragment = gql`
+  ${pluginsFragment}
+  fragment PluginsDetailsFragment on Plugin {
+    ...PluginFragment
+    configuration {
+      name
+      type
+      value
+      helpText
+      label
+    }
+  }
+`;
+
+const pluginsList = gql`
+  ${pluginsFragment}
+  query Plugins($first: Int, $after: String, $last: Int, $before: String) {
+    plugins(before: $before, after: $after, first: $first, last: $last) {
+      edges {
+        node {
+          ...PluginFragment
+        }
+      }
+      pageInfo {
+        hasPreviousPage
+        hasNextPage
+        startCursor
+        endCursor
+      }
+    }
+  }
+`;
+export const TypedPluginsListQuery = TypedQuery<Plugins, PluginsVariables>(
+  pluginsList
+);
+
+const pluginsDetails = gql`
+  ${pluginsDetailsFragment}
+  query Plugin($id: ID!) {
+    plugin(id: $id) {
+      ...PluginsDetailsFragment
+    }
+  }
+`;
+export const TypedPluginsDetailsQuery = TypedQuery<Plugin, PluginVariables>(
+  pluginsDetails
+);
diff --git a/src/plugins/types/Plugin.ts b/src/plugins/types/Plugin.ts
new file mode 100644
index 000000000..66fc7b47f
--- /dev/null
+++ b/src/plugins/types/Plugin.ts
@@ -0,0 +1,35 @@
+/* tslint:disable */
+/* eslint-disable */
+// This file was automatically generated and should not be edited.
+
+import { ConfigurationTypeFieldEnum } from "./../../types/globalTypes";
+
+// ====================================================
+// GraphQL query operation: Plugin
+// ====================================================
+
+export interface Plugin_plugin_configuration {
+  __typename: "ConfigurationItem";
+  name: string;
+  type: ConfigurationTypeFieldEnum | null;
+  value: string;
+  helpText: string | null;
+  label: string | null;
+}
+
+export interface Plugin_plugin {
+  __typename: "Plugin";
+  id: string;
+  name: string;
+  description: string;
+  active: boolean;
+  configuration: (Plugin_plugin_configuration | null)[] | null;
+}
+
+export interface Plugin {
+  plugin: Plugin_plugin | null;
+}
+
+export interface PluginVariables {
+  id: string;
+}
diff --git a/src/plugins/types/PluginUpdate.ts b/src/plugins/types/PluginUpdate.ts
new file mode 100644
index 000000000..90337d98d
--- /dev/null
+++ b/src/plugins/types/PluginUpdate.ts
@@ -0,0 +1,48 @@
+/* tslint:disable */
+/* eslint-disable */
+// This file was automatically generated and should not be edited.
+
+import { PluginUpdateInput, ConfigurationTypeFieldEnum } from "./../../types/globalTypes";
+
+// ====================================================
+// GraphQL mutation operation: PluginUpdate
+// ====================================================
+
+export interface PluginUpdate_pluginUpdate_errors {
+  __typename: "Error";
+  field: string | null;
+  message: string | null;
+}
+
+export interface PluginUpdate_pluginUpdate_plugin_configuration {
+  __typename: "ConfigurationItem";
+  name: string;
+  type: ConfigurationTypeFieldEnum | null;
+  value: string;
+  helpText: string | null;
+  label: string | null;
+}
+
+export interface PluginUpdate_pluginUpdate_plugin {
+  __typename: "Plugin";
+  id: string;
+  name: string;
+  description: string;
+  active: boolean;
+  configuration: (PluginUpdate_pluginUpdate_plugin_configuration | null)[] | null;
+}
+
+export interface PluginUpdate_pluginUpdate {
+  __typename: "PluginUpdate";
+  errors: PluginUpdate_pluginUpdate_errors[] | null;
+  plugin: PluginUpdate_pluginUpdate_plugin | null;
+}
+
+export interface PluginUpdate {
+  pluginUpdate: PluginUpdate_pluginUpdate | null;
+}
+
+export interface PluginUpdateVariables {
+  id: string;
+  input: PluginUpdateInput;
+}
diff --git a/src/plugins/types/Plugins.ts b/src/plugins/types/Plugins.ts
new file mode 100644
index 000000000..c8861ad45
--- /dev/null
+++ b/src/plugins/types/Plugins.ts
@@ -0,0 +1,45 @@
+/* tslint:disable */
+/* eslint-disable */
+// This file was automatically generated and should not be edited.
+
+// ====================================================
+// GraphQL query operation: Plugins
+// ====================================================
+
+export interface Plugins_plugins_edges_node {
+  __typename: "Plugin";
+  id: string;
+  name: string;
+  description: string;
+  active: boolean;
+}
+
+export interface Plugins_plugins_edges {
+  __typename: "PluginCountableEdge";
+  node: Plugins_plugins_edges_node;
+}
+
+export interface Plugins_plugins_pageInfo {
+  __typename: "PageInfo";
+  hasPreviousPage: boolean;
+  hasNextPage: boolean;
+  startCursor: string | null;
+  endCursor: string | null;
+}
+
+export interface Plugins_plugins {
+  __typename: "PluginCountableConnection";
+  edges: Plugins_plugins_edges[];
+  pageInfo: Plugins_plugins_pageInfo;
+}
+
+export interface Plugins {
+  plugins: Plugins_plugins | null;
+}
+
+export interface PluginsVariables {
+  first?: number | null;
+  after?: string | null;
+  last?: number | null;
+  before?: string | null;
+}
diff --git a/src/plugins/types/pluginFragment.ts b/src/plugins/types/pluginFragment.ts
new file mode 100644
index 000000000..52d893eb5
--- /dev/null
+++ b/src/plugins/types/pluginFragment.ts
@@ -0,0 +1,15 @@
+/* tslint:disable */
+/* eslint-disable */
+// This file was automatically generated and should not be edited.
+
+// ====================================================
+// GraphQL fragment: pluginFragment
+// ====================================================
+
+export interface pluginFragment {
+  __typename: "Plugin";
+  id: string;
+  name: string;
+  description: string;
+  active: boolean;
+}
diff --git a/src/plugins/types/pluginsDetailsFragment.ts b/src/plugins/types/pluginsDetailsFragment.ts
new file mode 100644
index 000000000..35158f77f
--- /dev/null
+++ b/src/plugins/types/pluginsDetailsFragment.ts
@@ -0,0 +1,27 @@
+/* tslint:disable */
+/* eslint-disable */
+// This file was automatically generated and should not be edited.
+
+import { ConfigurationTypeFieldEnum } from "./../../types/globalTypes";
+
+// ====================================================
+// GraphQL fragment: pluginsDetailsFragment
+// ====================================================
+
+export interface pluginsDetailsFragment_configuration {
+  __typename: "ConfigurationItem";
+  name: string;
+  type: ConfigurationTypeFieldEnum | null;
+  value: string;
+  helpText: string | null;
+  label: string | null;
+}
+
+export interface pluginsDetailsFragment {
+  __typename: "Plugin";
+  id: string;
+  name: string;
+  description: string;
+  active: boolean;
+  configuration: (pluginsDetailsFragment_configuration | null)[] | null;
+}
diff --git a/src/plugins/urls.ts b/src/plugins/urls.ts
new file mode 100644
index 000000000..e1362170d
--- /dev/null
+++ b/src/plugins/urls.ts
@@ -0,0 +1,16 @@
+import { stringify as stringifyQs } from "qs";
+import urlJoin from "url-join";
+
+import { Pagination, SingleAction } from "../types";
+
+export const pluginsSection = "/plugins/";
+
+export const pluginsListPath = pluginsSection;
+export type PluginsListUrlQueryParams = Pagination & SingleAction;
+export const pluginsListUrl = (params?: PluginsListUrlQueryParams) =>
+  pluginsListPath + "?" + stringifyQs(params);
+
+export const pluginsPath = (id: string) => urlJoin(pluginsSection, id);
+export type PluginsUrlQueryParams = SingleAction;
+export const pluginsUrl = (id: string, params?: PluginsUrlQueryParams) =>
+  pluginsPath(encodeURIComponent(id)) + "?" + stringifyQs(params);
diff --git a/src/plugins/views/PluginsDetails.tsx b/src/plugins/views/PluginsDetails.tsx
new file mode 100644
index 000000000..69e136351
--- /dev/null
+++ b/src/plugins/views/PluginsDetails.tsx
@@ -0,0 +1,100 @@
+import { WindowTitle } from "@saleor/components/WindowTitle";
+import useNavigator from "@saleor/hooks/useNavigator";
+import useNotifier from "@saleor/hooks/useNotifier";
+import React from "react";
+import { useIntl } from "react-intl";
+
+import { getMutationState, maybe } from "../../misc";
+import PluginsDetailsPage from "../components/PluginsDetailsPage";
+import { TypedPluginUpdate } from "../mutations";
+import { TypedPluginsDetailsQuery } from "../queries";
+import { pluginsListUrl, PluginsListUrlQueryParams } from "../urls";
+
+export interface PluginsDetailsProps {
+  id: string;
+  params: PluginsListUrlQueryParams;
+}
+
+export const PluginsDetails: React.StatelessComponent<PluginsDetailsProps> = ({
+  id
+}) => {
+  const navigate = useNavigator();
+  const notify = useNotifier();
+  const intl = useIntl();
+
+  return (
+    <TypedPluginUpdate>
+      {(pluginUpdate, pluginUpdateOpts) => (
+        <TypedPluginsDetailsQuery variables={{ id }}>
+          {PluginDetails => {
+            const formTransitionState = getMutationState(
+              pluginUpdateOpts.called,
+              pluginUpdateOpts.loading,
+              maybe(() => pluginUpdateOpts.data.pluginUpdate.errors)
+            );
+
+            const formErrors = maybe(
+              () => pluginUpdateOpts.data.pluginUpdate.errors,
+              []
+            );
+
+            if (formErrors.length) {
+              formErrors.map(error => {
+                notify({
+                  text: error.message
+                });
+              });
+            } else {
+              if (pluginUpdateOpts.data) {
+                notify({
+                  text: intl.formatMessage({
+                    defaultMessage: "Succesfully updated plugin settings",
+                    description: "plugin success message"
+                  })
+                });
+              }
+            }
+
+            return (
+              <>
+                <WindowTitle
+                  title={maybe(() => PluginDetails.data.plugin.name)}
+                />
+                <PluginsDetailsPage
+                  disabled={PluginDetails.loading}
+                  errors={formErrors}
+                  saveButtonBarState={formTransitionState}
+                  plugin={maybe(() => PluginDetails.data.plugin)}
+                  onBack={() => navigate(pluginsListUrl())}
+                  onSubmit={formData => {
+                    const configurationInput =
+                      formData.configuration &&
+                      formData.configuration.map(item => {
+                        return {
+                          name: item.name,
+                          value: item.value.toString()
+                        };
+                      });
+                    pluginUpdate({
+                      variables: {
+                        id,
+                        input: {
+                          active: formData.active,
+                          configuration: configurationInput
+                            ? configurationInput
+                            : null
+                        }
+                      }
+                    });
+                  }}
+                />
+              </>
+            );
+          }}
+        </TypedPluginsDetailsQuery>
+      )}
+    </TypedPluginUpdate>
+  );
+};
+PluginsDetails.displayName = "PluginsDetails";
+export default PluginsDetails;
diff --git a/src/plugins/views/PluginsList.tsx b/src/plugins/views/PluginsList.tsx
new file mode 100644
index 000000000..848904d5a
--- /dev/null
+++ b/src/plugins/views/PluginsList.tsx
@@ -0,0 +1,58 @@
+import { configurationMenuUrl } from "@saleor/configuration";
+import useListSettings from "@saleor/hooks/useListSettings";
+import useNavigator from "@saleor/hooks/useNavigator";
+import usePaginator, {
+  createPaginationState
+} from "@saleor/hooks/usePaginator";
+import { maybe } from "@saleor/misc";
+import { ListViews } from "@saleor/types";
+import React from "react";
+
+import PluginsListPage from "../components/PluginsListPage/PluginsListPage";
+import { TypedPluginsListQuery } from "../queries";
+import { PluginsListUrlQueryParams, pluginsUrl } from "../urls";
+
+interface PluginsListProps {
+  params: PluginsListUrlQueryParams;
+}
+
+export const PluginsList: React.StatelessComponent<PluginsListProps> = ({
+  params
+}) => {
+  const navigate = useNavigator();
+  const paginate = usePaginator();
+  const { updateListSettings, settings } = useListSettings(
+    ListViews.PLUGINS_LIST
+  );
+  const paginationState = createPaginationState(settings.rowNumber, params);
+
+  return (
+    <TypedPluginsListQuery displayLoader variables={paginationState}>
+      {({ data, loading }) => {
+        const { loadNextPage, loadPreviousPage, pageInfo } = paginate(
+          maybe(() => data.plugins.pageInfo),
+          paginationState,
+          params
+        );
+        return (
+          <>
+            <PluginsListPage
+              disabled={loading}
+              settings={settings}
+              plugins={maybe(() => data.plugins.edges.map(edge => edge.node))}
+              pageInfo={pageInfo}
+              onAdd={() => navigate(configurationMenuUrl)}
+              onBack={() => navigate(configurationMenuUrl)}
+              onNextPage={loadNextPage}
+              onPreviousPage={loadPreviousPage}
+              onUpdateListSettings={updateListSettings}
+              onRowClick={id => () => navigate(pluginsUrl(id))}
+            />
+          </>
+        );
+      }}
+    </TypedPluginsListQuery>
+  );
+};
+
+export default PluginsList;
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 0b6f69afe..d7be04135 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -10729,6 +10729,7 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -10738,22 +10739,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id Hook-colSlug-id"
               scope="col"
@@ -11454,6 +11439,7 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -11463,24 +11449,6 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                disabled=""
-                tabindex="-1"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id Checkbox-disabled-id"
-                  disabled=""
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id Hook-colSlug-id"
               scope="col"
@@ -12409,6 +12377,7 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -12418,22 +12387,6 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id CategoryList-colName-id"
               scope="col"
@@ -13057,6 +13010,7 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -13066,22 +13020,6 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id CategoryList-colName-id"
               scope="col"
@@ -15739,6 +15677,7 @@ Ctrl + K"
         <hr
           class="CardTitle-hr-id"
         />
+        0
         <table
           class="MuiTable-root-id"
         >
@@ -15748,24 +15687,6 @@ Ctrl + K"
             <tr
               class="MuiTableRow-root-id MuiTableRow-head-id"
             >
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                scope="col"
-              >
-                <button
-                  class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                  disabled=""
-                  tabindex="-1"
-                  type="button"
-                >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
-              </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id CategoryList-colName-id"
                 scope="col"
@@ -19785,6 +19706,7 @@ Ctrl + K"
         <div
           class="ProductList-tableContainer-id"
         >
+          0
           <table
             class="MuiTable-root-id ProductList-table-id"
           >
@@ -19809,22 +19731,6 @@ Ctrl + K"
               <tr
                 class="MuiTableRow-root-id MuiTableRow-head-id"
               >
-                <th
-                  class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                  scope="col"
-                >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
-                  >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
-                </th>
                 <th
                   class="MuiTableCell-root-id MuiTableCell-head-id ProductList-colName-id"
                   scope="col"
@@ -21345,6 +21251,7 @@ Ctrl + K"
             <hr
               class="CardTitle-hr-id"
             />
+            0
             <table
               class="MuiTable-root-id CollectionProducts-table-id"
             >
@@ -21354,22 +21261,6 @@ Ctrl + K"
                 <tr
                   class="MuiTableRow-root-id MuiTableRow-head-id"
                 >
-                  <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                    scope="col"
-                  >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
-                    >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
-                  </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id CollectionProducts-colName-id"
                     scope="col"
@@ -22493,6 +22384,7 @@ Ctrl + K"
             <hr
               class="CardTitle-hr-id"
             />
+            0
             <table
               class="MuiTable-root-id CollectionProducts-table-id"
             >
@@ -22502,24 +22394,6 @@ Ctrl + K"
                 <tr
                   class="MuiTableRow-root-id MuiTableRow-head-id"
                 >
-                  <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                    scope="col"
-                  >
-                    <button
-                      class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                      disabled=""
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <input
-                        class="Checkbox-box-id Checkbox-disabled-id"
-                        disabled=""
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
-                  </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id CollectionProducts-colName-id"
                     scope="col"
@@ -24111,6 +23985,7 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -24120,22 +23995,6 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id CollectionList-colName-id"
               scope="col"
@@ -24565,6 +24424,7 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -24574,24 +24434,6 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                disabled=""
-                tabindex="-1"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id Checkbox-disabled-id"
-                  disabled=""
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id CollectionList-colName-id"
               scope="col"
@@ -26660,6 +26502,47 @@ exports[`Storyshots Views / Configuration default 1`] = `
           </div>
         </div>
       </div>
+      <div
+        class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id ConfigurationPage-card-id"
+      >
+        <div
+          class="MuiCardContent-root-id ConfigurationPage-cardContent-id"
+        >
+          <div
+            class="ConfigurationPage-icon-id"
+          >
+            <svg
+              aria-hidden="true"
+              class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
+              focusable="false"
+              preserveAspectRatio="xMinYMin meet"
+              role="presentation"
+              viewBox="-8 -5 44 44"
+            >
+              <g>
+                <path
+                  clip-rule="evenodd"
+                  d="M7.12891 6.10352e-05H12.9999V7.80006H18.7418V6.10352e-05H24.6128V7.80006H31.9999V14.6751H29.0967V29.7876H20.7418V33.6876H16.8708V40.0001H14.8708V33.6876H10.9999V29.7876H2.9031V14.6751H-0.00012207V7.80006H7.12891V6.10352e-05ZM9.12891 7.80006H10.9999V2.00006H9.12891V7.80006ZM4.9031 14.6751V27.7876H27.0967V14.6751H4.9031ZM12.9999 29.7876V31.6876H18.7418V29.7876H12.9999ZM22.6128 7.80006V2.00006H20.7418V7.80006H22.6128ZM1.99988 9.80006V12.6751H29.9999V9.80006H1.99988Z"
+                  fill="#06847B"
+                  fill-rule="evenodd"
+                />
+              </g>
+            </svg>
+          </div>
+          <div>
+            <p
+              class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorPrimary-id ConfigurationPage-sectionTitle-id"
+            >
+              Plugins
+            </p>
+            <p
+              class="MuiTypography-root-id MuiTypography-body2-id ConfigurationPage-sectionDescription-id"
+            >
+              View and update your plugins and their settings.
+            </p>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </div>
@@ -34340,6 +34223,7 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -34349,22 +34233,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id CustomerList-colName-id"
               scope="col"
@@ -35382,6 +35250,7 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -35391,24 +35260,6 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                disabled=""
-                tabindex="-1"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id Checkbox-disabled-id"
-                  disabled=""
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id CustomerList-colName-id"
               scope="col"
@@ -36961,6 +36812,7 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
             <hr
               class="CardTitle-hr-id"
             />
+            0
             <table
               class="MuiTable-root-id"
             >
@@ -36970,22 +36822,6 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                 <tr
                   class="MuiTableRow-root-id MuiTableRow-head-id"
                 >
-                  <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                    scope="col"
-                  >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
-                    >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
-                  </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id DiscountCollections-wideColumn-id"
                     scope="col"
@@ -37553,6 +37389,7 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
             <hr
               class="CardTitle-hr-id"
             />
+            0
             <table
               class="MuiTable-root-id"
             >
@@ -37562,22 +37399,6 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                 <tr
                   class="MuiTableRow-root-id MuiTableRow-head-id"
                 >
-                  <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                    scope="col"
-                  >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
-                    >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
-                  </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-wideColumn-id"
                     scope="col"
@@ -38165,6 +37986,7 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
             <hr
               class="CardTitle-hr-id"
             />
+            0
             <table
               class="MuiTable-root-id"
             >
@@ -38174,22 +37996,6 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                 <tr
                   class="MuiTableRow-root-id MuiTableRow-head-id"
                 >
-                  <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                    scope="col"
-                  >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
-                    >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
-                  </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-wideColumn-id"
                     scope="col"
@@ -38766,6 +38572,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
             <hr
               class="CardTitle-hr-id"
             />
+            0
             <table
               class="MuiTable-root-id"
             >
@@ -38775,24 +38582,6 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                 <tr
                   class="MuiTableRow-root-id MuiTableRow-head-id"
                 >
-                  <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                    scope="col"
-                  >
-                    <button
-                      class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                      disabled=""
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <input
-                        class="Checkbox-box-id Checkbox-disabled-id"
-                        disabled=""
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
-                  </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-wideColumn-id"
                     scope="col"
@@ -39388,6 +39177,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
             <hr
               class="CardTitle-hr-id"
             />
+            0
             <table
               class="MuiTable-root-id"
             >
@@ -39397,22 +39187,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                 <tr
                   class="MuiTableRow-root-id MuiTableRow-head-id"
                 >
-                  <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                    scope="col"
-                  >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
-                    >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
-                  </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id DiscountProducts-colName-id"
                     scope="col"
@@ -39999,6 +39773,7 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -40008,22 +39783,6 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id SaleList-colName-id"
               scope="col"
@@ -40455,6 +40214,7 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -40464,22 +40224,6 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id SaleList-colName-id"
               scope="col"
@@ -45364,6 +45108,7 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -45373,22 +45118,6 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id VoucherList-colName-id"
               scope="col"
@@ -45717,6 +45446,7 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -45726,22 +45456,6 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id VoucherList-colName-id"
               scope="col"
@@ -48934,6 +48648,7 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -48943,22 +48658,6 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id MenuList-colTitle-id"
               scope="col"
@@ -49270,6 +48969,7 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -49279,24 +48979,6 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                disabled=""
-                tabindex="-1"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id Checkbox-disabled-id"
-                  disabled=""
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id MenuList-colTitle-id"
               scope="col"
@@ -49828,6 +49510,7 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -49837,22 +49520,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id OrderDraftList-colNumber-id"
               scope="col"
@@ -50960,6 +50627,7 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -50969,24 +50637,6 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                disabled=""
-                tabindex="-1"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id Checkbox-disabled-id"
-                  disabled=""
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id OrderDraftList-colNumber-id"
               scope="col"
@@ -66625,6 +66275,7 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
       <hr
         class="Hr-root-id"
       />
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -66634,22 +66285,6 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id OrderList-colNumber-id"
               scope="col"
@@ -68250,6 +67885,7 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
       <hr
         class="Hr-root-id"
       />
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -68259,24 +67895,6 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                disabled=""
-                tabindex="-1"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id Checkbox-disabled-id"
-                  disabled=""
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id OrderList-colNumber-id"
               scope="col"
@@ -69512,6 +69130,7 @@ exports[`Storyshots Views / Orders / Order list with custom filters 1`] = `
           Delete Search
         </a>
       </div>
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -69521,22 +69140,6 @@ exports[`Storyshots Views / Orders / Order list with custom filters 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id OrderList-colNumber-id"
               scope="col"
@@ -73345,6 +72948,7 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -73354,22 +72958,6 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id PageList-colTitle-id"
               scope="col"
@@ -73723,6 +73311,7 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -73732,24 +73321,6 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                disabled=""
-                tabindex="-1"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id Checkbox-disabled-id"
-                  disabled=""
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id PageList-colTitle-id"
               scope="col"
@@ -74165,6 +73736,1484 @@ exports[`Storyshots Views / Pages / Page list no data 1`] = `
 </div>
 `;
 
+exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
+<div
+  style="padding:24px"
+>
+  <form>
+    <div
+      class="Container-root-id"
+    >
+      <div
+        class="ExtendedPageHeader-root-id"
+      >
+        <h5
+          class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
+        >
+          Username or account Details
+        </h5>
+        <div
+          class="ExtendedPageHeader-action-id"
+        >
+          <div
+            class="Component-root-id"
+          />
+        </div>
+      </div>
+      <div
+        class="Grid-root-id Grid-inverted-id"
+      >
+        <div>
+          <h6
+            class="MuiTypography-root-id MuiTypography-h6-id"
+          >
+            Plugin Information and Status
+          </h6>
+          <p
+            class="MuiTypography-root-id MuiTypography-body2-id"
+          >
+            These are general information about your store. They define what is the URL of your store and what is shown in brow sers taskbar.
+          </p>
+        </div>
+        <div
+          class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
+        >
+          <div
+            class="CardTitle-root-id"
+          >
+            <span
+              class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
+            >
+              Plugin Information and Status
+            </span>
+            <div
+              class="CardTitle-toolbar-id"
+            />
+          </div>
+          <div
+            class="CardTitle-children-id"
+          />
+          <hr
+            class="CardTitle-hr-id"
+          />
+          <div
+            class="MuiCardContent-root-id"
+          >
+            <h6
+              class="MuiTypography-root-id MuiTypography-h6-id Hook-title-id"
+            >
+              Plugin Name
+            </h6>
+            <p
+              class="MuiTypography-root-id MuiTypography-body2-id"
+            >
+              Username or account
+            </p>
+            <h6
+              class="MuiTypography-root-id MuiTypography-h6-id Hook-title-id"
+            >
+              Plugin Description
+            </h6>
+            <p
+              class="MuiTypography-root-id MuiTypography-body2-id"
+            >
+              Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.
+            </p>
+            <div
+              class="FormSpacer-spacer-id"
+            />
+            <hr
+              class="Hr-root-id"
+            />
+            <p
+              class="MuiTypography-root-id MuiTypography-body2-id Hook-status-id"
+            >
+              Status
+            </p>
+            <label
+              class="MuiFormControlLabel-root-id"
+            >
+              <span
+                class="MuiSwitch-root-id"
+              >
+                <span
+                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiPrivateSwitchBase-root-id MuiSwitch-switchBase-id MuiSwitch-colorPrimary-id MuiPrivateSwitchBase-checked-id MuiSwitch-checked-id"
+                >
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <span
+                      class="MuiSwitch-icon-id MuiSwitch-iconChecked-id"
+                    />
+                    <input
+                      checked=""
+                      class="MuiPrivateSwitchBase-input-id"
+                      name="active"
+                      type="checkbox"
+                    />
+                  </span>
+                </span>
+                <span
+                  class="MuiSwitch-bar-id"
+                />
+              </span>
+              <span
+                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+              >
+                <div
+                  class="ControlledSwitch-label-id"
+                >
+                  <span
+                    class="ControlledSwitch-labelText-id"
+                  >
+                    Set plugin as Active
+                  </span>
+                  <div />
+                </div>
+              </span>
+            </label>
+          </div>
+        </div>
+        <div>
+          <h6
+            class="MuiTypography-root-id MuiTypography-h6-id"
+          >
+            Plugin Settings
+          </h6>
+          <p
+            class="MuiTypography-root-id MuiTypography-body2-id"
+          >
+            This adress will be used to generate invoices and calculate shipping rates. Email adress you provide here will be used as a contact adress for your customers.
+          </p>
+        </div>
+        <div
+          class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
+        >
+          <div
+            class="CardTitle-root-id"
+          >
+            <span
+              class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
+            >
+              Plugin Settings
+            </span>
+            <div
+              class="CardTitle-toolbar-id"
+            />
+          </div>
+          <div
+            class="CardTitle-children-id"
+          />
+          <hr
+            class="CardTitle-hr-id"
+          />
+          <div
+            class="MuiCardContent-root-id"
+          >
+            <div
+              class="Hook-item-id"
+            >
+              <div
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+              >
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
+                  data-shrink="false"
+                >
+                  Username or account
+                </label>
+                <div
+                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+                >
+                  <fieldset
+                    aria-hidden="true"
+                    class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                    style="padding-left:8px"
+                  >
+                    <legend
+                      class="MuiPrivateNotchedOutline-legend-id"
+                      style="width:0.01px"
+                    >
+                      <span>
+                        ​
+                      </span>
+                    </legend>
+                  </fieldset>
+                  <input
+                    aria-invalid="false"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
+                    name="Username or account"
+                    type="text"
+                    value=""
+                  />
+                </div>
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                >
+                  Provide user or account details
+                </p>
+              </div>
+            </div>
+            <div
+              class="Hook-item-id"
+            >
+              <div
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+              >
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
+                  data-shrink="false"
+                >
+                  Password or license
+                </label>
+                <div
+                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+                >
+                  <fieldset
+                    aria-hidden="true"
+                    class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                    style="padding-left:8px"
+                  >
+                    <legend
+                      class="MuiPrivateNotchedOutline-legend-id"
+                      style="width:0.01px"
+                    >
+                      <span>
+                        ​
+                      </span>
+                    </legend>
+                  </fieldset>
+                  <input
+                    aria-invalid="false"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
+                    name="Password or license"
+                    type="text"
+                    value=""
+                  />
+                </div>
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                >
+                  Provide password or license details
+                </p>
+              </div>
+            </div>
+            <div
+              class="Hook-item-id"
+            >
+              <label
+                class="MuiFormControlLabel-root-id"
+              >
+                <span
+                  class="MuiSwitch-root-id"
+                >
+                  <span
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiPrivateSwitchBase-root-id MuiSwitch-switchBase-id MuiSwitch-colorPrimary-id MuiPrivateSwitchBase-checked-id MuiSwitch-checked-id"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <span
+                        class="MuiSwitch-icon-id MuiSwitch-iconChecked-id"
+                      />
+                      <input
+                        checked=""
+                        class="MuiPrivateSwitchBase-input-id"
+                        name="Use sandbox"
+                        type="checkbox"
+                      />
+                    </span>
+                  </span>
+                  <span
+                    class="MuiSwitch-bar-id"
+                  />
+                </span>
+                <span
+                  class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+                >
+                  <div
+                    class="ControlledSwitch-label-id"
+                  >
+                    <span
+                      class="ControlledSwitch-labelText-id"
+                    >
+                      Use sandbox
+                    </span>
+                    <div />
+                  </div>
+                </span>
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
+<div
+  style="padding:24px"
+>
+  <form>
+    <div
+      class="Container-root-id"
+    >
+      <div
+        class="ExtendedPageHeader-root-id"
+      >
+        <h5
+          class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
+        >
+          Username or account Details
+        </h5>
+        <div
+          class="ExtendedPageHeader-action-id"
+        >
+          <div
+            class="Component-root-id"
+          />
+        </div>
+      </div>
+      <div
+        class="Grid-root-id Grid-inverted-id"
+      >
+        <div>
+          <h6
+            class="MuiTypography-root-id MuiTypography-h6-id"
+          >
+            Plugin Information and Status
+          </h6>
+          <p
+            class="MuiTypography-root-id MuiTypography-body2-id"
+          >
+            These are general information about your store. They define what is the URL of your store and what is shown in brow sers taskbar.
+          </p>
+        </div>
+        <div
+          class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
+        >
+          <div
+            class="CardTitle-root-id"
+          >
+            <span
+              class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
+            >
+              Plugin Information and Status
+            </span>
+            <div
+              class="CardTitle-toolbar-id"
+            />
+          </div>
+          <div
+            class="CardTitle-children-id"
+          />
+          <hr
+            class="CardTitle-hr-id"
+          />
+          <div
+            class="MuiCardContent-root-id"
+          >
+            <h6
+              class="MuiTypography-root-id MuiTypography-h6-id Hook-title-id"
+            >
+              Plugin Name
+            </h6>
+            <p
+              class="MuiTypography-root-id MuiTypography-body2-id"
+            >
+              Username or account
+            </p>
+            <h6
+              class="MuiTypography-root-id MuiTypography-h6-id Hook-title-id"
+            >
+              Plugin Description
+            </h6>
+            <p
+              class="MuiTypography-root-id MuiTypography-body2-id"
+            >
+              Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.
+            </p>
+            <div
+              class="FormSpacer-spacer-id"
+            />
+            <hr
+              class="Hr-root-id"
+            />
+            <p
+              class="MuiTypography-root-id MuiTypography-body2-id Hook-status-id"
+            >
+              Status
+            </p>
+            <label
+              class="MuiFormControlLabel-root-id"
+            >
+              <span
+                class="MuiSwitch-root-id"
+              >
+                <span
+                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiPrivateSwitchBase-root-id MuiSwitch-switchBase-id MuiSwitch-colorPrimary-id MuiPrivateSwitchBase-checked-id MuiSwitch-checked-id"
+                >
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <span
+                      class="MuiSwitch-icon-id MuiSwitch-iconChecked-id"
+                    />
+                    <input
+                      checked=""
+                      class="MuiPrivateSwitchBase-input-id"
+                      name="active"
+                      type="checkbox"
+                    />
+                  </span>
+                </span>
+                <span
+                  class="MuiSwitch-bar-id"
+                />
+              </span>
+              <span
+                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+              >
+                <div
+                  class="ControlledSwitch-label-id"
+                >
+                  <span
+                    class="ControlledSwitch-labelText-id"
+                  >
+                    Set plugin as Active
+                  </span>
+                  <div />
+                </div>
+              </span>
+            </label>
+          </div>
+        </div>
+        <div>
+          <h6
+            class="MuiTypography-root-id MuiTypography-h6-id"
+          >
+            Plugin Settings
+          </h6>
+          <p
+            class="MuiTypography-root-id MuiTypography-body2-id"
+          >
+            This adress will be used to generate invoices and calculate shipping rates. Email adress you provide here will be used as a contact adress for your customers.
+          </p>
+        </div>
+        <div
+          class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
+        >
+          <div
+            class="CardTitle-root-id"
+          >
+            <span
+              class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
+            >
+              Plugin Settings
+            </span>
+            <div
+              class="CardTitle-toolbar-id"
+            />
+          </div>
+          <div
+            class="CardTitle-children-id"
+          />
+          <hr
+            class="CardTitle-hr-id"
+          />
+          <div
+            class="MuiCardContent-root-id"
+          >
+            <div
+              class="Hook-item-id"
+            >
+              <div
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+              >
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
+                  data-shrink="false"
+                >
+                  Username or account
+                </label>
+                <div
+                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+                >
+                  <fieldset
+                    aria-hidden="true"
+                    class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                    style="padding-left:8px"
+                  >
+                    <legend
+                      class="MuiPrivateNotchedOutline-legend-id"
+                      style="width:0.01px"
+                    >
+                      <span>
+                        ​
+                      </span>
+                    </legend>
+                  </fieldset>
+                  <input
+                    aria-invalid="false"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
+                    name="Username or account"
+                    type="text"
+                    value=""
+                  />
+                </div>
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                >
+                  Provide user or account details
+                </p>
+              </div>
+            </div>
+            <div
+              class="Hook-item-id"
+            >
+              <div
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+              >
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
+                  data-shrink="false"
+                >
+                  Password or license
+                </label>
+                <div
+                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+                >
+                  <fieldset
+                    aria-hidden="true"
+                    class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                    style="padding-left:8px"
+                  >
+                    <legend
+                      class="MuiPrivateNotchedOutline-legend-id"
+                      style="width:0.01px"
+                    >
+                      <span>
+                        ​
+                      </span>
+                    </legend>
+                  </fieldset>
+                  <input
+                    aria-invalid="false"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
+                    name="Password or license"
+                    type="text"
+                    value=""
+                  />
+                </div>
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                >
+                  Provide password or license details
+                </p>
+              </div>
+            </div>
+            <div
+              class="Hook-item-id"
+            >
+              <label
+                class="MuiFormControlLabel-root-id"
+              >
+                <span
+                  class="MuiSwitch-root-id"
+                >
+                  <span
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiPrivateSwitchBase-root-id MuiSwitch-switchBase-id MuiSwitch-colorPrimary-id MuiPrivateSwitchBase-checked-id MuiSwitch-checked-id"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <span
+                        class="MuiSwitch-icon-id MuiSwitch-iconChecked-id"
+                      />
+                      <input
+                        checked=""
+                        class="MuiPrivateSwitchBase-input-id"
+                        name="Use sandbox"
+                        type="checkbox"
+                      />
+                    </span>
+                  </span>
+                  <span
+                    class="MuiSwitch-bar-id"
+                  />
+                </span>
+                <span
+                  class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+                >
+                  <div
+                    class="ControlledSwitch-label-id"
+                  >
+                    <span
+                      class="ControlledSwitch-labelText-id"
+                    >
+                      Use sandbox
+                    </span>
+                    <div />
+                  </div>
+                </span>
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`Storyshots Views / Plugins / Plugin details loading 1`] = `
+<div
+  style="padding:24px"
+>
+  <form>
+    <div
+      class="Container-root-id"
+    >
+      <div
+        class="ExtendedPageHeader-root-id"
+      >
+        <h5
+          class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
+        >
+           Details
+        </h5>
+        <div
+          class="ExtendedPageHeader-action-id"
+        >
+          <div
+            class="Component-root-id"
+          />
+        </div>
+      </div>
+      <div
+        class="Grid-root-id Grid-inverted-id"
+      >
+        <div>
+          <h6
+            class="MuiTypography-root-id MuiTypography-h6-id"
+          >
+            Plugin Information and Status
+          </h6>
+          <p
+            class="MuiTypography-root-id MuiTypography-body2-id"
+          >
+            These are general information about your store. They define what is the URL of your store and what is shown in brow sers taskbar.
+          </p>
+        </div>
+        <div
+          class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
+        >
+          <div
+            class="CardTitle-root-id"
+          >
+            <span
+              class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
+            >
+              Plugin Information and Status
+            </span>
+            <div
+              class="CardTitle-toolbar-id"
+            />
+          </div>
+          <div
+            class="CardTitle-children-id"
+          />
+          <hr
+            class="CardTitle-hr-id"
+          />
+          <div
+            class="MuiCardContent-root-id"
+          >
+            <h6
+              class="MuiTypography-root-id MuiTypography-h6-id Hook-title-id"
+            >
+              Plugin Name
+            </h6>
+            <p
+              class="MuiTypography-root-id MuiTypography-body2-id"
+            />
+            <div
+              class="FormSpacer-spacer-id"
+            />
+            <hr
+              class="Hr-root-id"
+            />
+            <p
+              class="MuiTypography-root-id MuiTypography-body2-id Hook-status-id"
+            >
+              Status
+            </p>
+            <label
+              class="MuiFormControlLabel-root-id"
+            >
+              <span
+                class="MuiSwitch-root-id"
+              >
+                <span
+                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiPrivateSwitchBase-root-id MuiSwitch-switchBase-id MuiSwitch-colorPrimary-id"
+                >
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <span
+                      class="MuiSwitch-icon-id"
+                    />
+                    <input
+                      class="MuiPrivateSwitchBase-input-id"
+                      name="active"
+                      type="checkbox"
+                    />
+                  </span>
+                </span>
+                <span
+                  class="MuiSwitch-bar-id"
+                />
+              </span>
+              <span
+                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+              >
+                <div
+                  class="ControlledSwitch-label-id"
+                >
+                  <span
+                    class="ControlledSwitch-labelText-id"
+                  >
+                    Set plugin as Active
+                  </span>
+                  <div />
+                </div>
+              </span>
+            </label>
+          </div>
+        </div>
+        <div>
+          <h6
+            class="MuiTypography-root-id MuiTypography-h6-id"
+          >
+            Plugin Settings
+          </h6>
+          <p
+            class="MuiTypography-root-id MuiTypography-body2-id"
+          >
+            This adress will be used to generate invoices and calculate shipping rates. Email adress you provide here will be used as a contact adress for your customers.
+          </p>
+        </div>
+        <div
+          class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
+        >
+          <div
+            class="CardTitle-root-id"
+          >
+            <span
+              class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
+            >
+              Plugin Settings
+            </span>
+            <div
+              class="CardTitle-toolbar-id"
+            />
+          </div>
+          <div
+            class="CardTitle-children-id"
+          />
+          <hr
+            class="CardTitle-hr-id"
+          />
+          <div
+            class="MuiCardContent-root-id"
+          />
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
+<div
+  style="padding:24px"
+>
+  <div
+    class="Container-root-id"
+  >
+    <div
+      class="ExtendedPageHeader-root-id"
+    >
+      <h5
+        class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
+      >
+        Plugins
+      </h5>
+      <div
+        class="ExtendedPageHeader-action-id"
+      >
+        <div
+          class="Component-root-id"
+        />
+      </div>
+    </div>
+    <div
+      class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
+    >
+      <table
+        class="MuiTable-root-id"
+      >
+        <thead
+          class="MuiTableHead-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id MuiTableRow-head-id"
+          >
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id PluginList-colName-id"
+              scope="col"
+            >
+              Name
+            </th>
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id PluginList-colActive-id"
+              scope="col"
+            >
+              Active
+            </th>
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id PluginList-colAction-id"
+              scope="col"
+            >
+              Action
+            </th>
+          </tr>
+        </thead>
+        <tfoot
+          class="MuiTableFooter-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id MuiTableRow-footer-id"
+          >
+            <td
+              class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
+              colspan="4"
+            >
+              <div
+                class="MuiToolbar-root-id MuiToolbar-regular-id MuiToolbar-gutters-id TablePagination-toolbar-id"
+              >
+                <div
+                  class="TablePagination-spacer-id"
+                >
+                  <div>
+                    <span
+                      class="RowNumberSelect-label-id"
+                    >
+                      No of Rows:
+                    </span>
+                    <div
+                      class="MuiInputBase-root-id MuiInput-root-id MuiInput-underline-id RowNumberSelect-select-id"
+                    >
+                      <div
+                        class="MuiSelect-root-id"
+                      >
+                        <div
+                          aria-haspopup="true"
+                          aria-pressed="false"
+                          class="MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
+                          role="button"
+                          tabindex="0"
+                        >
+                          20
+                        </div>
+                        <input
+                          type="hidden"
+                          value="20"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id MuiSelect-icon-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            d="M7 10l5 5 5-5z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="TablePaginationActions-root-id"
+                >
+                  <button
+                    class="MuiButtonBase-root-id MuiButtonBase-disabled-id MuiIconButton-root-id MuiIconButton-disabled-id TablePaginationActions-iconButton-id TablePaginationActions-disabled-id"
+                    data-tc="button-pagination-back"
+                    disabled=""
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M14 7l-5 5 5 5V7z"
+                        />
+                        <path
+                          d="M24 0v24H0V0h24z"
+                          fill="none"
+                        />
+                      </svg>
+                    </span>
+                  </button>
+                  <button
+                    class="MuiButtonBase-root-id MuiIconButton-root-id TablePaginationActions-iconButton-id"
+                    data-tc="button-pagination-next"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M10 17l5-5-5-5v10z"
+                        />
+                        <path
+                          d="M0 24V0h24v24H0z"
+                          fill="none"
+                        />
+                      </svg>
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </td>
+          </tr>
+        </tfoot>
+        <tbody
+          class="MuiTableBody-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id MuiTableRow-hover-id PluginList-link-id"
+          >
+            <td
+              class="MuiTableCell-root-id MuiTableCell-body-id PluginList-colName-id"
+            >
+              Avalara
+            </td>
+            <td
+              class="MuiTableCell-root-id MuiTableCell-body-id PluginList-colActive-id"
+            >
+              <div
+                class="StatusLabel-root-id undefined StatusLabel-successDot-id"
+              >
+                Yes
+              </div>
+            </td>
+            <td
+              class="MuiTableCell-root-id MuiTableCell-body-id PluginList-colAction-id"
+            >
+              <div>
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
+                  />
+                  <path
+                    d="M0 0h24v24H0z"
+                    fill="none"
+                  />
+                </svg>
+              </div>
+            </td>
+          </tr>
+          <tr
+            class="MuiTableRow-root-id MuiTableRow-hover-id PluginList-link-id"
+          >
+            <td
+              class="MuiTableCell-root-id MuiTableCell-body-id PluginList-colName-id"
+            >
+              VatLayer
+            </td>
+            <td
+              class="MuiTableCell-root-id MuiTableCell-body-id PluginList-colActive-id"
+            >
+              <div
+                class="StatusLabel-root-id undefined StatusLabel-errorDot-id"
+              >
+                No
+              </div>
+            </td>
+            <td
+              class="MuiTableCell-root-id MuiTableCell-body-id PluginList-colAction-id"
+            >
+              <div>
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
+                  />
+                  <path
+                    d="M0 0h24v24H0z"
+                    fill="none"
+                  />
+                </svg>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
+<div
+  style="padding:24px"
+>
+  <div
+    class="Container-root-id"
+  >
+    <div
+      class="ExtendedPageHeader-root-id"
+    >
+      <h5
+        class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
+      >
+        Plugins
+      </h5>
+      <div
+        class="ExtendedPageHeader-action-id"
+      >
+        <div
+          class="Component-root-id"
+        />
+      </div>
+    </div>
+    <div
+      class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
+    >
+      <table
+        class="MuiTable-root-id"
+      >
+        <thead
+          class="MuiTableHead-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id MuiTableRow-head-id"
+          >
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id PluginList-colName-id"
+              scope="col"
+            >
+              Name
+            </th>
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id PluginList-colActive-id"
+              scope="col"
+            >
+              Active
+            </th>
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id PluginList-colAction-id"
+              scope="col"
+            >
+              Action
+            </th>
+          </tr>
+        </thead>
+        <tfoot
+          class="MuiTableFooter-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id MuiTableRow-footer-id"
+          >
+            <td
+              class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
+              colspan="4"
+            >
+              <div
+                class="MuiToolbar-root-id MuiToolbar-regular-id MuiToolbar-gutters-id TablePagination-toolbar-id"
+              >
+                <div
+                  class="TablePagination-spacer-id"
+                >
+                  <div>
+                    <span
+                      class="RowNumberSelect-label-id"
+                    >
+                      No of Rows:
+                    </span>
+                    <div
+                      class="MuiInputBase-root-id MuiInput-root-id MuiInput-underline-id RowNumberSelect-select-id"
+                    >
+                      <div
+                        class="MuiSelect-root-id"
+                      >
+                        <div
+                          aria-haspopup="true"
+                          aria-pressed="false"
+                          class="MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
+                          role="button"
+                          tabindex="0"
+                        >
+                          20
+                        </div>
+                        <input
+                          type="hidden"
+                          value="20"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id MuiSelect-icon-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            d="M7 10l5 5 5-5z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="TablePaginationActions-root-id"
+                >
+                  <button
+                    class="MuiButtonBase-root-id MuiButtonBase-disabled-id MuiIconButton-root-id MuiIconButton-disabled-id TablePaginationActions-iconButton-id TablePaginationActions-disabled-id"
+                    data-tc="button-pagination-back"
+                    disabled=""
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M14 7l-5 5 5 5V7z"
+                        />
+                        <path
+                          d="M24 0v24H0V0h24z"
+                          fill="none"
+                        />
+                      </svg>
+                    </span>
+                  </button>
+                  <button
+                    class="MuiButtonBase-root-id MuiButtonBase-disabled-id MuiIconButton-root-id MuiIconButton-disabled-id TablePaginationActions-iconButton-id TablePaginationActions-disabled-id"
+                    data-tc="button-pagination-next"
+                    disabled=""
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M10 17l5-5-5-5v10z"
+                        />
+                        <path
+                          d="M0 24V0h24v24H0z"
+                          fill="none"
+                        />
+                      </svg>
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </td>
+          </tr>
+        </tfoot>
+        <tbody
+          class="MuiTableBody-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id"
+          >
+            <td
+              class="MuiTableCell-root-id MuiTableCell-body-id PluginList-colName-id"
+            >
+              <span
+                class="Skeleton-skeleton-id"
+              >
+                ‌
+              </span>
+            </td>
+            <td
+              class="MuiTableCell-root-id MuiTableCell-body-id PluginList-colActive-id"
+            >
+              <span
+                class="Skeleton-skeleton-id"
+              >
+                ‌
+              </span>
+            </td>
+            <td
+              class="MuiTableCell-root-id MuiTableCell-body-id PluginList-colAction-id"
+            >
+              <div>
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
+                  />
+                  <path
+                    d="M0 0h24v24H0z"
+                    fill="none"
+                  />
+                </svg>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
+<div
+  style="padding:24px"
+>
+  <div
+    class="Container-root-id"
+  >
+    <div
+      class="ExtendedPageHeader-root-id"
+    >
+      <h5
+        class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
+      >
+        Plugins
+      </h5>
+      <div
+        class="ExtendedPageHeader-action-id"
+      >
+        <div
+          class="Component-root-id"
+        />
+      </div>
+    </div>
+    <div
+      class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
+    >
+      <table
+        class="MuiTable-root-id"
+      >
+        <thead
+          class="MuiTableHead-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id MuiTableRow-head-id"
+          >
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id PluginList-colName-id"
+              scope="col"
+            >
+              Name
+            </th>
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id PluginList-colActive-id"
+              scope="col"
+            >
+              Active
+            </th>
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingDense-id PluginList-colAction-id"
+              scope="col"
+            >
+              Action
+            </th>
+          </tr>
+        </thead>
+        <tfoot
+          class="MuiTableFooter-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id MuiTableRow-footer-id"
+          >
+            <td
+              class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
+              colspan="4"
+            >
+              <div
+                class="MuiToolbar-root-id MuiToolbar-regular-id MuiToolbar-gutters-id TablePagination-toolbar-id"
+              >
+                <div
+                  class="TablePagination-spacer-id"
+                >
+                  <div>
+                    <span
+                      class="RowNumberSelect-label-id"
+                    >
+                      No of Rows:
+                    </span>
+                    <div
+                      class="MuiInputBase-root-id MuiInput-root-id MuiInput-underline-id RowNumberSelect-select-id"
+                    >
+                      <div
+                        class="MuiSelect-root-id"
+                      >
+                        <div
+                          aria-haspopup="true"
+                          aria-pressed="false"
+                          class="MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
+                          role="button"
+                          tabindex="0"
+                        >
+                          20
+                        </div>
+                        <input
+                          type="hidden"
+                          value="20"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id MuiSelect-icon-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            d="M7 10l5 5 5-5z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="TablePaginationActions-root-id"
+                >
+                  <button
+                    class="MuiButtonBase-root-id MuiButtonBase-disabled-id MuiIconButton-root-id MuiIconButton-disabled-id TablePaginationActions-iconButton-id TablePaginationActions-disabled-id"
+                    data-tc="button-pagination-back"
+                    disabled=""
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M14 7l-5 5 5 5V7z"
+                        />
+                        <path
+                          d="M24 0v24H0V0h24z"
+                          fill="none"
+                        />
+                      </svg>
+                    </span>
+                  </button>
+                  <button
+                    class="MuiButtonBase-root-id MuiIconButton-root-id TablePaginationActions-iconButton-id"
+                    data-tc="button-pagination-next"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M10 17l5-5-5-5v10z"
+                        />
+                        <path
+                          d="M0 24V0h24v24H0z"
+                          fill="none"
+                        />
+                      </svg>
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </td>
+          </tr>
+        </tfoot>
+        <tbody
+          class="MuiTableBody-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id"
+          >
+            <td
+              class="MuiTableCell-root-id MuiTableCell-body-id"
+              colspan="4"
+            >
+              No plugins found
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`Storyshots Views / Product types / Create product type default 1`] = `
 <div
   style="padding:24px"
@@ -75091,6 +76140,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
             <hr
               class="CardTitle-hr-id"
             />
+            0
             <table
               class="MuiTable-root-id"
             >
@@ -75104,22 +76154,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                     class="MuiTableCell-root-id MuiTableCell-head-id"
                     scope="col"
                   />
-                  <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id TableHead-dragRows-id"
-                    scope="col"
-                  >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
-                    >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
-                  </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id ProductTypeAttributes-colName-id"
                     scope="col"
@@ -75727,6 +76761,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
             <hr
               class="CardTitle-hr-id"
             />
+            0
             <table
               class="MuiTable-root-id"
             >
@@ -75740,22 +76775,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                     class="MuiTableCell-root-id MuiTableCell-head-id"
                     scope="col"
                   />
-                  <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id TableHead-dragRows-id"
-                    scope="col"
-                  >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
-                    >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
-                  </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id ProductTypeAttributes-colName-id"
                     scope="col"
@@ -76364,6 +77383,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
             <hr
               class="CardTitle-hr-id"
             />
+            0
             <table
               class="MuiTable-root-id"
             >
@@ -76377,24 +77397,6 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                     class="MuiTableCell-root-id MuiTableCell-head-id"
                     scope="col"
                   />
-                  <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id TableHead-dragRows-id"
-                    scope="col"
-                  >
-                    <button
-                      class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                      disabled=""
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <input
-                        class="Checkbox-box-id Checkbox-disabled-id"
-                        disabled=""
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
-                  </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id ProductTypeAttributes-colName-id"
                     scope="col"
@@ -76997,6 +77999,7 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -77006,22 +78009,6 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id ProductTypeList-colName-id"
               scope="col"
@@ -77378,6 +78365,7 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      0
       <table
         class="MuiTable-root-id"
       >
@@ -77387,24 +78375,6 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
           <tr
             class="MuiTableRow-root-id MuiTableRow-head-id"
           >
-            <th
-              class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-              scope="col"
-            >
-              <button
-                class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                disabled=""
-                tabindex="-1"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id Checkbox-disabled-id"
-                  disabled=""
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-            </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id ProductTypeList-colName-id"
               scope="col"
@@ -83967,6 +84937,7 @@ Ctrl + K"
                 Use variants for products that come in a variety of versions for example different sizes or colors
               </p>
             </div>
+            0
             <table
               class="MuiTable-root-id ProductVariants-denseTable-id"
             >
@@ -83976,22 +84947,6 @@ Ctrl + K"
                 <tr
                   class="MuiTableRow-root-id MuiTableRow-head-id"
                 >
-                  <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                    scope="col"
-                  >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
-                    >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
-                  </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id ProductVariants-colName-id"
                     scope="col"
@@ -86703,6 +87658,7 @@ Ctrl + K"
                 Use variants for products that come in a variety of versions for example different sizes or colors
               </p>
             </div>
+            0
             <table
               class="MuiTable-root-id ProductVariants-denseTable-id"
             >
@@ -86712,22 +87668,6 @@ Ctrl + K"
                 <tr
                   class="MuiTableRow-root-id MuiTableRow-head-id"
                 >
-                  <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                    scope="col"
-                  >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
-                    >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
-                  </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id ProductVariants-colName-id"
                     scope="col"
@@ -89488,6 +90428,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
       <div
         class="ProductList-tableContainer-id"
       >
+        0
         <table
           class="MuiTable-root-id ProductList-table-id"
         >
@@ -89512,22 +90453,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             <tr
               class="MuiTableRow-root-id MuiTableRow-head-id"
             >
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                scope="col"
-              >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
-                >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
-              </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id ProductList-colName-id"
                 scope="col"
@@ -90495,6 +91420,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
       <div
         class="ProductList-tableContainer-id"
       >
+        0
         <table
           class="MuiTable-root-id ProductList-table-id"
         >
@@ -90519,24 +91445,6 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
             <tr
               class="MuiTableRow-root-id MuiTableRow-head-id"
             >
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                scope="col"
-              >
-                <button
-                  class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                  disabled=""
-                  tabindex="-1"
-                  type="button"
-                >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
-              </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id ProductList-colName-id"
                 scope="col"
@@ -91850,6 +92758,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
       <div
         class="ProductList-tableContainer-id"
       >
+        0
         <table
           class="MuiTable-root-id ProductList-table-id"
         >
@@ -91874,22 +92783,6 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             <tr
               class="MuiTableRow-root-id MuiTableRow-head-id"
             >
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                scope="col"
-              >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
-                >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
-              </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id ProductList-colName-id"
                 scope="col"
@@ -96711,6 +97604,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
           <hr
             class="CardTitle-hr-id"
           />
+          0
           <table
             class="MuiTable-root-id"
           >
@@ -96720,22 +97614,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
               <tr
                 class="MuiTableRow-root-id MuiTableRow-head-id"
               >
-                <th
-                  class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                  scope="col"
-                >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
-                  >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
-                </th>
                 <th
                   class="MuiTableCell-root-id MuiTableCell-head-id ShippingZonesList-colName-id"
                   scope="col"
@@ -97330,6 +98208,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
           <hr
             class="CardTitle-hr-id"
           />
+          0
           <table
             class="MuiTable-root-id"
           >
@@ -97339,24 +98218,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
               <tr
                 class="MuiTableRow-root-id MuiTableRow-head-id"
               >
-                <th
-                  class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
-                  scope="col"
-                >
-                  <button
-                    class="MuiButtonBase-root-id MuiButtonBase-disabled-id Checkbox-root-id"
-                    disabled=""
-                    tabindex="-1"
-                    type="button"
-                  >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
-                </th>
                 <th
                   class="MuiTableCell-root-id MuiTableCell-head-id ShippingZonesList-colName-id"
                   scope="col"
diff --git a/src/storybook/config.js b/src/storybook/config.js
index 48c108661..78aff494a 100644
--- a/src/storybook/config.js
+++ b/src/storybook/config.js
@@ -101,6 +101,10 @@ function loadStories() {
   require("./stories/pages/PageDetailsPage");
   require("./stories/pages/PageListPage");
 
+  // Plugins
+  require("./stories/plugins/PluginDetailsPage");
+  require("./stories/plugins/PluginsListPage");
+
   // Products
   require("./stories/products/ProductCreatePage");
   require("./stories/products/ProductImagePage");
diff --git a/src/storybook/stories/plugins/PluginDetailsPage.tsx b/src/storybook/stories/plugins/PluginDetailsPage.tsx
new file mode 100644
index 000000000..18aced41b
--- /dev/null
+++ b/src/storybook/stories/plugins/PluginDetailsPage.tsx
@@ -0,0 +1,36 @@
+import { storiesOf } from "@storybook/react";
+import React from "react";
+
+import PluginsDetailsPage, {
+  FormData,
+  PluginsDetailsPageProps
+} from "../../../plugins/components/PluginsDetailsPage";
+import { plugin } from "../../../plugins/fixtures";
+import Decorator from "../../Decorator";
+import { formError } from "../../misc";
+
+const props: PluginsDetailsPageProps = {
+  disabled: false,
+  errors: [],
+  onBack: () => undefined,
+  onSubmit: () => undefined,
+  plugin,
+  saveButtonBarState: "default"
+};
+
+storiesOf("Views / Plugins / Plugin details", module)
+  .addDecorator(Decorator)
+  .add("default", () => <PluginsDetailsPage {...props} />)
+  .add("loading", () => (
+    <PluginsDetailsPage {...props} disabled={true} plugin={undefined} />
+  ))
+  .add("form errors", () => (
+    <PluginsDetailsPage
+      {...props}
+      errors={([
+        "active",
+        "Username or account",
+        "Password or license"
+      ] as Array<keyof FormData>).map(formError)}
+    />
+  ));
diff --git a/src/storybook/stories/plugins/PluginsListPage.tsx b/src/storybook/stories/plugins/PluginsListPage.tsx
new file mode 100644
index 000000000..fd82f58c9
--- /dev/null
+++ b/src/storybook/stories/plugins/PluginsListPage.tsx
@@ -0,0 +1,23 @@
+import { storiesOf } from "@storybook/react";
+import React from "react";
+
+import { pageListProps } from "../../../fixtures";
+import PluginsListPage, {
+  PluginsListPageProps
+} from "../../../plugins/components/PluginsListPage";
+import { pluginList } from "../../../plugins/fixtures";
+import Decorator from "../../Decorator";
+
+const props: PluginsListPageProps = {
+  ...pageListProps.default,
+  onBack: () => undefined,
+  plugins: pluginList
+};
+
+storiesOf("Views / Plugins / Plugin list", module)
+  .addDecorator(Decorator)
+  .add("default", () => <PluginsListPage {...props} />)
+  .add("loading", () => (
+    <PluginsListPage {...props} disabled={true} plugins={undefined} />
+  ))
+  .add("no data", () => <PluginsListPage {...props} plugins={[]} />);
diff --git a/src/types.ts b/src/types.ts
index dad6b8952..8a6b01353 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -23,6 +23,7 @@ export enum ListViews {
   NAVIGATION_LIST = "NAVIGATION_LIST",
   ORDER_LIST = "ORDER_LIST",
   PAGES_LIST = "PAGES_LIST",
+  PLUGINS_LIST = "PLUGIN_LIST",
   PRODUCT_LIST = "PRODUCT_LIST",
   SALES_LIST = "SALES_LIST",
   SHIPPING_METHODS_LIST = "SHIPPING_METHODS_LIST",
diff --git a/src/types/globalTypes.ts b/src/types/globalTypes.ts
index ee1d14bb7..6fa1712cc 100644
--- a/src/types/globalTypes.ts
+++ b/src/types/globalTypes.ts
@@ -33,6 +33,11 @@ export enum AuthorizationKeyType {
   GOOGLE_OAUTH2 = "GOOGLE_OAUTH2",
 }
 
+export enum ConfigurationTypeFieldEnum {
+  BOOLEAN = "BOOLEAN",
+  STRING = "STRING",
+}
+
 export enum DiscountValueTypeEnum {
   FIXED = "FIXED",
   PERCENTAGE = "PERCENTAGE",
@@ -340,6 +345,11 @@ export interface CollectionInput {
   publicationDate?: any | null;
 }
 
+export interface ConfigurationItemInput {
+  name: string;
+  value: string;
+}
+
 export interface CustomerInput {
   defaultBillingAddress?: AddressInput | null;
   defaultShippingAddress?: AddressInput | null;
@@ -466,6 +476,11 @@ export interface PageTranslationInput {
   contentJson?: any | null;
 }
 
+export interface PluginUpdateInput {
+  active?: boolean | null;
+  configuration?: (ConfigurationItemInput | null)[] | null;
+}
+
 export interface PriceRangeInput {
   gte?: number | null;
   lte?: number | null;
@@ -480,6 +495,7 @@ export interface ProductFilterInput {
   stockAvailability?: StockAvailability | null;
   productType?: string | null;
   search?: string | null;
+  minimalPrice?: PriceRangeInput | null;
 }
 
 export interface ProductTypeInput {