diff --git a/static/js/brand-store/components/Snaps/Snaps.js b/static/js/brand-store/components/Snaps/Snaps.tsx
similarity index 87%
rename from static/js/brand-store/components/Snaps/Snaps.js
rename to static/js/brand-store/components/Snaps/Snaps.tsx
index 3ca371bec3..164cbc3119 100644
--- a/static/js/brand-store/components/Snaps/Snaps.js
+++ b/static/js/brand-store/components/Snaps/Snaps.tsx
@@ -27,24 +27,30 @@ import SnapsSearch from "./SnapsSearch";
 import SectionNav from "../SectionNav";
 import StoreNotFound from "../StoreNotFound";
 
+import type { BrandStores, Snap, Snaps, Members } from "../../types/shared";
+
 function Snaps() {
   const brandStoresList = useSelector(brandStoresListSelector);
   const snaps = useSelector(snapsSelector);
   const members = useSelector(membersSelector);
-  const snapsLoading = useSelector((state) => state.snaps.loading);
-  const storesLoading = useSelector((state) => state.brandStores.loading);
-  const membersLoading = useSelector((state) => state.members.loading);
-  const snapsNotFound = useSelector((state) => state.snaps.notFound);
-  const membersNotFound = useSelector((state) => state.members.notFound);
+  const snapsLoading = useSelector((state: Snaps) => state.snaps.loading);
+  const storesLoading = useSelector(
+    (state: BrandStores) => state.brandStores.loading
+  );
+  const membersLoading = useSelector((state: Members) => state.members.loading);
+  const snapsNotFound = useSelector((state: Snaps) => state.snaps.notFound);
+  const membersNotFound = useSelector(
+    (state: Members) => state.members.notFound
+  );
   const dispatch = useDispatch();
   const { id } = useParams();
-  const [snapsInStore, setSnapsInStore] = useState([]);
-  const [otherStoreIds, setOtherStoreIds] = useState([]);
+  const [snapsInStore, setSnapsInStore]: any = useState([]);
+  const [otherStoreIds, setOtherStoreIds]: any = useState([]);
   const [otherStores, setOtherStores] = useState([]);
   const [selectedSnaps, setSelectedSnaps] = useState([]);
   const [sidePanelOpen, setSidePanelOpen] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
-  const [snapsToRemove, setSnapsToRemove] = useState([]);
+  const [snapsToRemove, setSnapsToRemove]: any = useState([]);
   const [showAddSuccessNotification, setShowAddSuccessNotification] = useState(
     false
   );
@@ -54,10 +60,10 @@ function Snaps() {
     setShowRemoveSuccessNotification,
   ] = useState(false);
   const [removeSnapSaving, setRemoveSnapSaving] = useState(false);
-  const [nonEssentialSnapIds, setNonEssentialSnapIds] = useState([]);
+  const [nonEssentialSnapIds, setNonEssentialSnapIds]: any = useState([]);
   const [isReloading, setIsReloading] = useState(false);
-  const [currentMember, setCurrentMember] = useState(null);
-  const [currentStore, setCurrentStore] = useState(null);
+  const [currentMember, setCurrentMember]: any = useState(null);
+  const [currentStore, setCurrentStore]: any = useState(null);
   const [isPublisherOnly, setIsPublisherOnly] = useState(false);
   const [isReviewerOnly, setIsReviewerOnly] = useState(false);
   const [isReviewerAndPublisherOnly, setIsReviewerAndPublisherOnly] = useState(
@@ -67,10 +73,10 @@ function Snaps() {
     showRemoveSnapsConfirmation,
     setShowRemoveSnapsConfirmation,
   ] = useState(false);
-  const [globalStore, setGlobalStore] = useState(null);
+  const [globalStore, setGlobalStore]: any = useState(null);
   let location = useLocation();
 
-  const getStoreName = (storeId) => {
+  const getStoreName = (storeId: string) => {
     const store = brandStoresList.find((item) => item.id === storeId);
 
     if (store) {
@@ -80,13 +86,11 @@ function Snaps() {
     }
   };
 
-  const addSnaps = (e) => {
-    e.preventDefault();
-
+  const addSnaps = () => {
     setIsSaving(true);
 
     const snapsToAdd = {
-      add: selectedSnaps.map((item) => {
+      add: selectedSnaps.map((item: Snap) => {
         return { name: item.name };
       }),
     };
@@ -107,7 +111,7 @@ function Snaps() {
         }
       })
       .then((data) => {
-        dispatch(fetchSnaps(id));
+        dispatch(fetchSnaps(id as string) as any);
 
         // Add timeout so that the user has time to notice the save action
         // in the event of it happening very fast
@@ -147,7 +151,7 @@ function Snaps() {
     setRemoveSnapSaving(true);
 
     const removingSnaps = {
-      remove: snapsToRemove.map((item) => {
+      remove: snapsToRemove.map((item: Snap) => {
         return { name: item.name };
       }),
     };
@@ -168,7 +172,7 @@ function Snaps() {
         }
       })
       .then(() => {
-        dispatch(fetchSnaps(id));
+        dispatch(fetchSnaps(id as string) as any);
 
         // Add timeout so that the user has time to notice the save action
         // in the event of it happening very fast
@@ -191,10 +195,10 @@ function Snaps() {
     currentMember?.roles.length === 1 && currentMember?.roles.includes("view");
 
   const getOtherStoreIds = () => {
-    const storeIds = [];
+    const storeIds: Array<string> = [];
 
     snaps.forEach((snap) => {
-      if (snaps["other-stores"] && snap["other-stores"].length) {
+      if (snap["other-stores"] && snap["other-stores"].length) {
         snap["other-stores"].forEach((otherStoreId) => {
           if (otherStoreId !== id && !storeIds.includes(otherStoreId)) {
             storeIds.push(otherStoreId);
@@ -211,8 +215,8 @@ function Snaps() {
     .map((snap) => snap["included-stores"][0]);
 
   useEffect(() => {
-    dispatch(fetchMembers(id));
-    dispatch(fetchSnaps(id));
+    dispatch(fetchMembers(id as string) as any);
+    dispatch(fetchSnaps(id as string) as any);
   }, [id]);
 
   useEffect(() => {
@@ -238,7 +242,7 @@ function Snaps() {
     });
 
     setOtherStores(
-      otherStoreIds.map((storeId) => {
+      otherStoreIds.map((storeId: string) => {
         return {
           id: storeId,
           name: getStoreName(storeId),
@@ -312,10 +316,10 @@ function Snaps() {
                   )}
                 {!isReloading && (
                   <Row>
-                    <Col size="6">
+                    <Col size={6}>
                       {isOnlyViewer() && (
                         <h2 className="p-heading--4">
-                          Snaps in {getStoreName(id)}
+                          Snaps in {getStoreName(id || "")}
                         </h2>
                       )}
 
@@ -347,7 +351,7 @@ function Snaps() {
                         </>
                       )}
                     </Col>
-                    <Col size="6">
+                    <Col size={6}>
                       <SnapsFilter
                         setSnapsInStore={setSnapsInStore}
                         snapsInStore={snapsInStore}
@@ -355,7 +359,7 @@ function Snaps() {
                         otherStoreIds={otherStoreIds}
                         getStoreName={getStoreName}
                         snaps={snaps}
-                        id={id}
+                        id={id || ""}
                       />
                     </Col>
                   </Row>
@@ -366,14 +370,13 @@ function Snaps() {
                   ) : (
                     <SnapsTable
                       snaps={snapsInStore}
-                      storeName={getStoreName(id)}
+                      storeName={getStoreName(id || "")}
                       otherStores={otherStores}
                       snapsToRemove={snapsToRemove}
                       setSnapsToRemove={setSnapsToRemove}
                       nonEssentialSnapIds={nonEssentialSnapIds}
                       isOnlyViewer={isOnlyViewer}
                       globalStore={globalStore}
-                      includedStores={includedStores}
                     />
                   )}
                 </div>
@@ -382,10 +385,11 @@ function Snaps() {
                     <h4>Fully included stores</h4>
                     <p>
                       In addition to the snaps listed above, all snaps from the
-                      following stores are also included in {getStoreName(id)}.
+                      following stores are also included in{" "}
+                      {getStoreName(id || "")}.
                     </p>
                     <ul>
-                      {includedStores.map((store) => (
+                      {includedStores.map((store: any) => (
                         <li key={store.id}>
                           {store.userHasAccess ? (
                             <Link to={`/admin/${store.id}/snaps`}>
@@ -418,22 +422,23 @@ function Snaps() {
       >
         <div className="p-panel is-flex-column">
           <div className="p-panel__header">
-            <h4 className="p-panel__title">Add a snap to {getStoreName(id)}</h4>
+            <h4 className="p-panel__title">
+              Add a snap to {getStoreName(id || "")}
+            </h4>
           </div>
           <div className="p-panel__content u-no-padding--top">
             <div className="u-fixed-width">
               <SnapsSearch
                 selectedSnaps={selectedSnaps}
                 setSelectedSnaps={setSelectedSnaps}
-                getStoreName={getStoreName}
-                storeId={id}
+                storeId={id || ""}
                 nonEssentialSnapIds={nonEssentialSnapIds}
               />
               {selectedSnaps.length ? (
                 <ul>
-                  {selectedSnaps.map((snap) => {
-                    <li key={snap.id}>{snap.name}</li>;
-                  })}
+                  {selectedSnaps.map((snap: Snap) => (
+                    <li key={snap.id}>{snap.name}</li>
+                  ))}
                 </ul>
               ) : null}
             </div>
@@ -453,7 +458,10 @@ function Snaps() {
               <Button
                 appearance="positive"
                 disabled={selectedSnaps.length < 1 || isSaving}
-                onClick={addSnaps}
+                onClick={(e) => {
+                  e.preventDefault();
+                  addSnaps();
+                }}
                 className={`u-no-margin--bottom u-no-margin--right ${
                   isSaving ? "has-icon is-dark" : ""
                 }`}
@@ -539,7 +547,7 @@ function Snaps() {
         >
           {snapsToRemove.length > 1 && (
             <ul>
-              {snapsToRemove.map((snapToRemove) => (
+              {snapsToRemove.map((snapToRemove: Snap) => (
                 <li key={snapToRemove.id}>
                   <strong>{snapToRemove.name}</strong>
                 </li>
diff --git a/static/js/brand-store/components/Snaps/SnapsFilter.js b/static/js/brand-store/components/Snaps/SnapsFilter.tsx
similarity index 78%
rename from static/js/brand-store/components/Snaps/SnapsFilter.js
rename to static/js/brand-store/components/Snaps/SnapsFilter.tsx
index a1635fe3a8..a6f751f8d1 100644
--- a/static/js/brand-store/components/Snaps/SnapsFilter.js
+++ b/static/js/brand-store/components/Snaps/SnapsFilter.tsx
@@ -1,5 +1,16 @@
-import React from "react";
-import PropTypes from "prop-types";
+import React, { KeyboardEvent } from "react";
+
+import type { SnapsList } from "../../types/shared";
+
+type Props = {
+  setSnapsInStore: Function;
+  snapsInStore: SnapsList;
+  setOtherStores: Function;
+  otherStoreIds: Array<string>;
+  getStoreName: Function;
+  snaps: SnapsList;
+  id: string;
+};
 
 function SnapsFilter({
   setSnapsInStore,
@@ -9,7 +20,7 @@ function SnapsFilter({
   getStoreName,
   snaps,
   id,
-}) {
+}: Props) {
   return (
     <div className="p-search-box">
       <input
@@ -19,7 +30,11 @@ function SnapsFilter({
         id="search-snaps"
         placeholder="Search snaps"
         autoComplete="off"
-        onKeyUp={(e) => {
+        onKeyUp={(
+          e: KeyboardEvent<HTMLInputElement> & {
+            target: HTMLInputElement;
+          }
+        ) => {
           if (e.target.value) {
             setSnapsInStore(
               snapsInStore.filter((snap) =>
@@ -60,14 +75,4 @@ function SnapsFilter({
   );
 }
 
-SnapsFilter.propTypes = {
-  setSnapsInStore: PropTypes.func.isRequired,
-  snapsInStore: PropTypes.array.isRequired,
-  setOtherStores: PropTypes.func.isRequired,
-  otherStoreIds: PropTypes.array.isRequired,
-  getStoreName: PropTypes.func.isRequired,
-  snaps: PropTypes.array.isRequired,
-  id: PropTypes.string.isRequired,
-};
-
 export default SnapsFilter;
diff --git a/static/js/brand-store/components/Snaps/SnapsSearch.js b/static/js/brand-store/components/Snaps/SnapsSearch.tsx
similarity index 65%
rename from static/js/brand-store/components/Snaps/SnapsSearch.js
rename to static/js/brand-store/components/Snaps/SnapsSearch.tsx
index 51c13a576b..e1eefa4e9a 100644
--- a/static/js/brand-store/components/Snaps/SnapsSearch.js
+++ b/static/js/brand-store/components/Snaps/SnapsSearch.tsx
@@ -1,16 +1,24 @@
-import React, { useState } from "react";
-import PropTypes from "prop-types";
+import React, { useState, KeyboardEvent } from "react";
 import Downshift from "downshift";
 import { Spinner } from "@canonical/react-components";
 
 import debounce from "../../../libs/debounce";
 
+import type { SnapsList, Snap } from "../../types/shared";
+
+type Props = {
+  storeId: string;
+  selectedSnaps: SnapsList;
+  setSelectedSnaps: Function;
+  nonEssentialSnapIds: Array<string>;
+};
+
 function SnapsSearch({
   storeId,
   selectedSnaps,
   setSelectedSnaps,
   nonEssentialSnapIds,
-}) {
+}: Props) {
   const [suggestions, setSuggestions] = useState([]);
   const [isSearching, setIsSearching] = useState(false);
 
@@ -21,7 +29,7 @@ function SnapsSearch({
           setSuggestions([]);
 
           if (!selectedSnaps.find((item) => item.id === selection.id)) {
-            setSelectedSnaps([].concat(selectedSnaps, [selection]));
+            setSelectedSnaps([...selectedSnaps, selection]);
           }
         }}
         itemToString={() => ""}
@@ -46,44 +54,52 @@ function SnapsSearch({
                 placeholder="Search available snaps"
                 autoComplete="off"
                 {...getInputProps({
-                  onKeyUp: debounce((e) => {
-                    if (e.target.value.length < 2) {
-                      return;
-                    }
+                  onKeyUp: debounce(
+                    (
+                      e: KeyboardEvent<HTMLInputElement> & {
+                        target: HTMLInputElement;
+                      }
+                    ) => {
+                      if (e.target.value.length < 2) {
+                        return;
+                      }
 
-                    setIsSearching(true);
+                      setIsSearching(true);
 
-                    fetch(
-                      `/admin/${storeId}/snaps/search?q=${e.target.value}&allowed_for_inclusion=${storeId}`
-                    )
-                      .then((response) => {
-                        if (response.status !== 200) {
-                          throw Error(response.statusText);
-                        }
+                      fetch(
+                        `/admin/${storeId}/snaps/search?q=${e.target.value}&allowed_for_inclusion=${storeId}`
+                      )
+                        .then((response) => {
+                          if (response.status !== 200) {
+                            throw Error(response.statusText);
+                          }
 
-                        return response.json();
-                      })
-                      .then((data) => {
-                        const selectionIds = selectedSnaps.map(
-                          (item) => item.id
-                        );
+                          return response.json();
+                        })
+                        .then((data) => {
+                          const selectionIds = selectedSnaps.map(
+                            (item) => item.id
+                          );
 
-                        setSuggestions(
-                          data.filter((item) => {
-                            return (
-                              !selectionIds.includes(item.id) &&
-                              !nonEssentialSnapIds.includes(item.id)
-                            );
-                          })
-                        );
+                          setSuggestions(
+                            data.filter((item: Snap) => {
+                              return (
+                                !selectionIds.includes(item.id) &&
+                                !nonEssentialSnapIds.includes(item.id)
+                              );
+                            })
+                          );
 
-                        setIsSearching(false);
-                      })
-                      .catch((error) => {
-                        setIsSearching(false);
-                        console.error(error);
-                      });
-                  }, 200),
+                          setIsSearching(false);
+                        })
+                        .catch((error) => {
+                          setIsSearching(false);
+                          console.error(error);
+                        });
+                    },
+                    200,
+                    false
+                  ),
                 })}
               />
               {isSearching && <Spinner text="" />}
@@ -106,7 +122,7 @@ function SnapsSearch({
                 className="p-list p-card--highlighted u-no-padding u-no-margin--bottom p-autocomplete__suggestions"
                 {...getMenuProps()}
               >
-                {suggestions.map((item, index) => (
+                {suggestions.map((item: Snap, index: number) => (
                   <li
                     className="p-list__item"
                     key={item.id}
@@ -168,11 +184,4 @@ function SnapsSearch({
   );
 }
 
-SnapsSearch.propTypes = {
-  storeId: PropTypes.string.isRequired,
-  selectedSnaps: PropTypes.array.isRequired,
-  setSelectedSnaps: PropTypes.func.isRequired,
-  nonEssentialSnapIds: PropTypes.array.isRequired,
-};
-
 export default SnapsSearch;
diff --git a/static/js/brand-store/components/Snaps/SnapsTable.js b/static/js/brand-store/components/Snaps/SnapsTable.tsx
similarity index 89%
rename from static/js/brand-store/components/Snaps/SnapsTable.js
rename to static/js/brand-store/components/Snaps/SnapsTable.tsx
index 6ad98d3d0e..db8971898b 100644
--- a/static/js/brand-store/components/Snaps/SnapsTable.js
+++ b/static/js/brand-store/components/Snaps/SnapsTable.tsx
@@ -1,10 +1,22 @@
 import React, { useState, useEffect } from "react";
-import PropTypes from "prop-types";
 import { useParams } from "react-router-dom";
 
 import SnapsTableRow from "./SnapsTableRow";
 import { Input } from "@canonical/react-components";
 
+import type { SnapsList, Store, Stores, Snap } from "../../types/shared";
+
+type Props = {
+  storeName: string;
+  snaps: SnapsList;
+  otherStores: Stores;
+  snapsToRemove: SnapsList;
+  setSnapsToRemove: Function;
+  nonEssentialSnapIds: SnapsList;
+  isOnlyViewer: Function;
+  globalStore: Store;
+};
+
 function SnapsTable({
   storeName,
   snaps,
@@ -14,7 +26,7 @@ function SnapsTable({
   nonEssentialSnapIds,
   isOnlyViewer,
   globalStore,
-}) {
+}: Props) {
   const { id } = useParams();
 
   const [isChecked, setIsChecked] = useState(false);
@@ -69,6 +81,7 @@ function SnapsTable({
                 disabled={!nonEssentialSnapIds.length}
                 label="Name"
                 checked={isChecked}
+                // @ts-ignore
                 indeterminate={isIndeterminate}
               />
             ) : (
@@ -85,7 +98,7 @@ function SnapsTable({
           <SnapsTableRow
             key={snap.id}
             storeName={storeName}
-            storeId={id}
+            storeId={id ? id : globalStore.id}
             snap={snap}
             snapsCount={snaps.length}
             index={index}
@@ -111,7 +124,7 @@ function SnapsTable({
             ));
           })}
         {globalStore &&
-          globalStore.snaps.map((snap, index) => (
+          globalStore.snaps.map((snap: Snap, index: number) => (
             <SnapsTableRow
               key={snap.id}
               storeName={globalStore.name}
@@ -129,15 +142,4 @@ function SnapsTable({
   );
 }
 
-SnapsTable.propTypes = {
-  storeName: PropTypes.string.isRequired,
-  snaps: PropTypes.array.isRequired,
-  otherStores: PropTypes.array,
-  snapsToRemove: PropTypes.array,
-  setSnapsToRemove: PropTypes.func,
-  nonEssentialSnapIds: PropTypes.array.isRequired,
-  isOnlyViewer: PropTypes.func.isRequired,
-  globalStore: PropTypes.object,
-};
-
 export default SnapsTable;
diff --git a/static/js/brand-store/components/Snaps/SnapsTableRow.js b/static/js/brand-store/components/Snaps/SnapsTableRow.tsx
similarity index 78%
rename from static/js/brand-store/components/Snaps/SnapsTableRow.js
rename to static/js/brand-store/components/Snaps/SnapsTableRow.tsx
index cfb739dffc..927d8360cc 100644
--- a/static/js/brand-store/components/Snaps/SnapsTableRow.js
+++ b/static/js/brand-store/components/Snaps/SnapsTableRow.tsx
@@ -1,9 +1,21 @@
 import React, { useState, useEffect } from "react";
-import PropTypes from "prop-types";
 import { useParams } from "react-router-dom";
 import { format } from "date-fns";
 import { Input } from "@canonical/react-components";
 
+import type { Snap, SnapsList } from "../../types/shared";
+
+type Props = {
+  storeName: string;
+  storeId: string;
+  snap: Snap;
+  snapsCount: number;
+  index: number;
+  snapsToRemove: SnapsList;
+  setSnapsToRemove: Function;
+  isOnlyViewer: Function;
+};
+
 function SnapsTableRow({
   storeName,
   storeId,
@@ -13,7 +25,7 @@ function SnapsTableRow({
   snapsToRemove,
   setSnapsToRemove,
   isOnlyViewer,
-}) {
+}: Props) {
   const { id } = useParams();
 
   const [isChecked, setIsChecked] = useState(false);
@@ -29,7 +41,7 @@ function SnapsTableRow({
 
   useEffect(() => {
     setIsChecked(
-      snapsToRemove.find((item) => item.id === snap.id) ? true : false
+      snapsToRemove.find((item: Snap) => item.id === snap.id) ? true : false
     );
   }, [snapsToRemove]);
 
@@ -49,7 +61,7 @@ function SnapsTableRow({
             type="checkbox"
             onChange={(e) => {
               if (e.target.checked) {
-                setSnapsToRemove([].concat(snapsToRemove, [snap]));
+                setSnapsToRemove([...snapsToRemove, snap]);
               } else {
                 setSnapsToRemove([
                   ...snapsToRemove.filter((item) => item.id !== snap.id),
@@ -74,15 +86,4 @@ function SnapsTableRow({
   );
 }
 
-SnapsTableRow.propTypes = {
-  storeName: PropTypes.string.isRequired,
-  storeId: PropTypes.string.isRequired,
-  snap: PropTypes.object.isRequired,
-  snapsCount: PropTypes.number.isRequired,
-  index: PropTypes.number.isRequired,
-  snapsToRemove: PropTypes.array,
-  setSnapsToRemove: PropTypes.func,
-  isOnlyViewer: PropTypes.func.isRequired,
-};
-
 export default SnapsTableRow;
diff --git a/static/js/brand-store/components/Snaps/index.js b/static/js/brand-store/components/Snaps/index.js
deleted file mode 100644
index 420e0953ad..0000000000
--- a/static/js/brand-store/components/Snaps/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from "./Snaps";
diff --git a/static/js/brand-store/components/Snaps/index.ts b/static/js/brand-store/components/Snaps/index.ts
new file mode 100644
index 0000000000..68193e8270
--- /dev/null
+++ b/static/js/brand-store/components/Snaps/index.ts
@@ -0,0 +1,2 @@
+import Snaps from "./Snaps";
+export default Snaps;
diff --git a/static/js/brand-store/types/shared.ts b/static/js/brand-store/types/shared.ts
index ceff846cdf..6d9834b376 100644
--- a/static/js/brand-store/types/shared.ts
+++ b/static/js/brand-store/types/shared.ts
@@ -2,6 +2,9 @@ export type RouteParams = {
   id: string;
 };
 
+export type Status = "Pending" | "Expired" | "Revoked";
+
+// Slices
 export type BrandStores = {
   brandStores: {
     brandStoresList: Stores;
@@ -20,12 +23,6 @@ export type CurrentStore = {
   };
 };
 
-export type Snaps = {
-  snaps: {
-    snaps: Array<{}>;
-  };
-};
-
 export type InvitesSelector = {
   invites: {
     invites: Invites;
@@ -34,8 +31,29 @@ export type InvitesSelector = {
   };
 };
 
+export type Members = {
+  members: {
+    members: MembersList;
+    loading: boolean;
+    notFound: boolean;
+  };
+};
+
+export type Snaps = {
+  snaps: {
+    snaps: SnapsList;
+    loading: boolean;
+    notFound: boolean;
+  };
+};
+
+// Item lists
 export type Invites = Array<Invite>;
+export type MembersList = Array<Member>;
+export type SnapsList = Array<Snap>;
+export type Stores = Array<Store>;
 
+// Entities
 export type Invite = {
   status: "Pending" | "Expired" | "Revoked";
   email: string;
@@ -43,16 +61,6 @@ export type Invite = {
   "expiration-date": string;
 };
 
-export type MembersList = Array<Member>;
-
-export type Members = {
-  members: {
-    members: MembersList;
-    loading: boolean;
-    notFound: boolean;
-  };
-};
-
 export type Member = {
   displayname: string;
   email: string;
@@ -62,11 +70,27 @@ export type Member = {
   current_user: boolean;
 };
 
-export type Store = {
-  id?: string;
-  name?: string;
+export type Snap = {
+  essential: boolean;
+  id: string;
+  "included-stores": Array<string>;
+  "latest-release": {
+    channel: string;
+    revision: number;
+    timestamp: string;
+    version: string;
+  };
+  name: string;
+  "other-stores": Array<string>;
+  private: boolean;
+  store: string;
+  users: Array<Member>;
 };
 
-export type Stores = Array<Store>;
-
-export type Status = "Pending" | "Expired" | "Revoked";
+export type Store = {
+  id: string;
+  name: string;
+  roles: Array<"admin" | "review" | "view" | "access">;
+  snaps: SnapsList;
+  userHasAccess: boolean;
+};