From 9fff10eb503b84b26e60c4faeb765eff222baf83 Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Fri, 8 Nov 2019 11:43:45 +0100
Subject: [PATCH] Update stories

---
 .../__snapshots__/Stories.test.ts.snap        | 832 +++++++++++++-----
 1 file changed, 603 insertions(+), 229 deletions(-)

diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index ef3360572..9b17eea50 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -78529,6 +78529,18 @@ exports[`Storyshots Views / Pages / Page list no data 1`] = `
 </div>
 `;
 
+exports[`Storyshots Views / Plugins / Edit secret field password 1`] = `
+<div
+  style="padding:24px"
+/>
+`;
+
+exports[`Storyshots Views / Plugins / Edit secret field secret key 1`] = `
+<div
+  style="padding:24px"
+/>
+`;
+
 exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
 <div
   style="padding:24px"
@@ -78565,7 +78577,7 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
           <div
             class="MuiTypography-root-id MuiTypography-body1-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.
+            These are general information about your store. They define what is the URL of your store and what is shown in browsers taskbar.
           </div>
         </div>
         <div
@@ -78646,6 +78658,9 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
             </label>
           </div>
         </div>
+        <hr
+          class="makeStyles-root-id PluginsDetailsPage-spacer-id"
+        />
         <div>
           <div
             class="MuiTypography-root-id MuiTypography-h6-id"
@@ -78658,142 +78673,277 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
             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.
           </div>
         </div>
-        <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
-        >
+        <div>
           <div
-            class="makeStyles-root-id"
+            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
           >
-            <span
-              class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
-            >
-              Plugin Settings
-            </span>
             <div
-              class="makeStyles-toolbar-id"
+              class="makeStyles-root-id"
+            >
+              <span
+                class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
+              >
+                Plugin Settings
+              </span>
+              <div
+                class="makeStyles-toolbar-id"
+              />
+            </div>
+            <div
+              class="makeStyles-children-id"
             />
+            <hr
+              class="makeStyles-hr-id"
+            />
+            <div
+              class="MuiCardContent-root-id"
+            >
+              <div
+                class="makeStyles-item-id"
+              >
+                <div
+                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
+                >
+                  <label
+                    class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
+                    data-shrink="true"
+                  >
+                    Username or account
+                  </label>
+                  <div
+                    class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+                  >
+                    <input
+                      aria-invalid="false"
+                      class="MuiInputBase-input-id MuiOutlinedInput-input-id"
+                      name="Username or account"
+                      type="text"
+                      value="avatax_user"
+                    />
+                    <fieldset
+                      aria-hidden="true"
+                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                      style="padding-left:8px"
+                    >
+                      <legend
+                        class="PrivateNotchedOutline-legend-id"
+                        style="width:0"
+                      >
+                        <span>
+                          ​
+                        </span>
+                      </legend>
+                    </fieldset>
+                  </div>
+                  <p
+                    class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-filled-id"
+                  >
+                    Provide user or account details
+                  </p>
+                </div>
+              </div>
+              <div
+                class="makeStyles-item-id"
+              >
+                <div
+                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
+                >
+                  <label
+                    class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
+                    data-shrink="true"
+                  >
+                    Password or license
+                  </label>
+                  <div
+                    class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+                  >
+                    <input
+                      aria-invalid="false"
+                      class="MuiInputBase-input-id MuiOutlinedInput-input-id"
+                      name="Password or license"
+                      type="text"
+                      value="TEM8S2-2ET83-CGKP1-DPSI2-EPZO1"
+                    />
+                    <fieldset
+                      aria-hidden="true"
+                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                      style="padding-left:8px"
+                    >
+                      <legend
+                        class="PrivateNotchedOutline-legend-id"
+                        style="width:0"
+                      >
+                        <span>
+                          ​
+                        </span>
+                      </legend>
+                    </fieldset>
+                  </div>
+                  <p
+                    class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-filled-id"
+                  >
+                    Provide password or license details
+                  </p>
+                </div>
+              </div>
+              <div
+                class="makeStyles-item-id"
+              >
+                <label
+                  class="MuiFormControlLabel-root-id"
+                >
+                  <button
+                    class="MuiButtonBase-root-id makeStyles-root-id"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <input
+                      class="makeStyles-box-id makeStyles-checked-id"
+                      name="Use sandbox"
+                      type="checkbox"
+                      value="true"
+                    />
+                  </button>
+                  <span
+                    class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
+                  >
+                    Use sandbox
+                  </span>
+                </label>
+              </div>
+            </div>
           </div>
           <div
-            class="makeStyles-children-id"
-          />
-          <hr
-            class="makeStyles-hr-id"
+            class="makeStyles-spacer-id"
           />
           <div
-            class="MuiCardContent-root-id"
+            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
           >
             <div
-              class="makeStyles-item-id"
+              class="makeStyles-root-id"
             >
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
+              <span
+                class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-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"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    name="Username or account"
-                    type="text"
-                    value=""
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
-                    >
-                      <span>
-                        ​
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-                <p
-                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
-                >
-                  Provide user or account details
-                </p>
-              </div>
+                Authorization
+              </span>
+              <div
+                class="makeStyles-toolbar-id"
+              />
             </div>
             <div
-              class="makeStyles-item-id"
+              class="makeStyles-children-id"
+            />
+            <hr
+              class="makeStyles-hr-id"
+            />
+            <div
+              class="MuiCardContent-root-id"
             >
               <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
+                class="makeStyles-item-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"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    name="Password or license"
-                    type="text"
-                    value=""
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
+                <div>
+                  <div
+                    class="MuiTypography-root-id MuiTypography-body1-id"
                   >
-                    <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
-                    >
-                      <span>
-                        ​
-                      </span>
-                    </legend>
-                  </fieldset>
+                    API key
+                  </div>
+                  <div
+                    class="MuiTypography-root-id MuiTypography-body1-id"
+                  >
+                    **** 9ab9
+                  </div>
                 </div>
-                <p
-                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
-                >
-                  Provide password or license details
-                </p>
-              </div>
-            </div>
-            <div
-              class="makeStyles-item-id"
-            >
-              <label
-                class="MuiFormControlLabel-root-id"
-              >
+                <div
+                  class="makeStyles-spacer-id"
+                />
                 <button
-                  class="MuiButtonBase-root-id makeStyles-root-id"
+                  class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
                   tabindex="0"
                   type="button"
                 >
-                  <input
-                    class="makeStyles-box-id makeStyles-checked-id"
-                    name="Use sandbox"
-                    type="checkbox"
-                    value="true"
-                  />
+                  <span
+                    class="MuiButton-label-id"
+                  >
+                    Clear
+                  </span>
                 </button>
-                <span
-                  class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
+                <button
+                  class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id makeStyles-button-id MuiButton-textPrimary-id"
+                  tabindex="0"
+                  type="button"
                 >
-                  Use sandbox
-                </span>
-              </label>
+                  <span
+                    class="MuiButton-label-id"
+                  >
+                    Edit
+                  </span>
+                </button>
+              </div>
+              <hr
+                class="makeStyles-root-id makeStyles-hr-id"
+              />
+              <div
+                class="makeStyles-item-id"
+              >
+                <div
+                  class="MuiTypography-root-id MuiTypography-body1-id"
+                >
+                  Password
+                </div>
+                <div
+                  class="makeStyles-spacer-id"
+                />
+                <button
+                  class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                  tabindex="0"
+                  type="button"
+                >
+                  <span
+                    class="MuiButton-label-id"
+                  >
+                    Clear
+                  </span>
+                </button>
+                <button
+                  class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id makeStyles-button-id MuiButton-textPrimary-id"
+                  tabindex="0"
+                  type="button"
+                >
+                  <span
+                    class="MuiButton-label-id"
+                  >
+                    Edit
+                  </span>
+                </button>
+              </div>
+              <hr
+                class="makeStyles-root-id makeStyles-hr-id"
+              />
+              <div
+                class="makeStyles-item-id"
+              >
+                <div
+                  class="MuiTypography-root-id MuiTypography-body1-id"
+                >
+                  Empty Password
+                </div>
+                <div
+                  class="makeStyles-spacer-id"
+                />
+                <button
+                  class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id makeStyles-button-id MuiButton-textPrimary-id"
+                  tabindex="0"
+                  type="button"
+                >
+                  <span
+                    class="MuiButton-label-id"
+                  >
+                    Create
+                  </span>
+                </button>
+              </div>
             </div>
           </div>
         </div>
@@ -78839,7 +78989,7 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
           <div
             class="MuiTypography-root-id MuiTypography-body1-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.
+            These are general information about your store. They define what is the URL of your store and what is shown in browsers taskbar.
           </div>
         </div>
         <div
@@ -78920,6 +79070,9 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
             </label>
           </div>
         </div>
+        <hr
+          class="makeStyles-root-id PluginsDetailsPage-spacer-id"
+        />
         <div>
           <div
             class="MuiTypography-root-id MuiTypography-h6-id"
@@ -78932,142 +79085,277 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
             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.
           </div>
         </div>
-        <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
-        >
+        <div>
           <div
-            class="makeStyles-root-id"
+            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
           >
-            <span
-              class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
-            >
-              Plugin Settings
-            </span>
             <div
-              class="makeStyles-toolbar-id"
+              class="makeStyles-root-id"
+            >
+              <span
+                class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
+              >
+                Plugin Settings
+              </span>
+              <div
+                class="makeStyles-toolbar-id"
+              />
+            </div>
+            <div
+              class="makeStyles-children-id"
             />
+            <hr
+              class="makeStyles-hr-id"
+            />
+            <div
+              class="MuiCardContent-root-id"
+            >
+              <div
+                class="makeStyles-item-id"
+              >
+                <div
+                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
+                >
+                  <label
+                    class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
+                    data-shrink="true"
+                  >
+                    Username or account
+                  </label>
+                  <div
+                    class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+                  >
+                    <input
+                      aria-invalid="false"
+                      class="MuiInputBase-input-id MuiOutlinedInput-input-id"
+                      name="Username or account"
+                      type="text"
+                      value="avatax_user"
+                    />
+                    <fieldset
+                      aria-hidden="true"
+                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                      style="padding-left:8px"
+                    >
+                      <legend
+                        class="PrivateNotchedOutline-legend-id"
+                        style="width:0"
+                      >
+                        <span>
+                          ​
+                        </span>
+                      </legend>
+                    </fieldset>
+                  </div>
+                  <p
+                    class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-filled-id"
+                  >
+                    Provide user or account details
+                  </p>
+                </div>
+              </div>
+              <div
+                class="makeStyles-item-id"
+              >
+                <div
+                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
+                >
+                  <label
+                    class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
+                    data-shrink="true"
+                  >
+                    Password or license
+                  </label>
+                  <div
+                    class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+                  >
+                    <input
+                      aria-invalid="false"
+                      class="MuiInputBase-input-id MuiOutlinedInput-input-id"
+                      name="Password or license"
+                      type="text"
+                      value="TEM8S2-2ET83-CGKP1-DPSI2-EPZO1"
+                    />
+                    <fieldset
+                      aria-hidden="true"
+                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                      style="padding-left:8px"
+                    >
+                      <legend
+                        class="PrivateNotchedOutline-legend-id"
+                        style="width:0"
+                      >
+                        <span>
+                          ​
+                        </span>
+                      </legend>
+                    </fieldset>
+                  </div>
+                  <p
+                    class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-filled-id"
+                  >
+                    Provide password or license details
+                  </p>
+                </div>
+              </div>
+              <div
+                class="makeStyles-item-id"
+              >
+                <label
+                  class="MuiFormControlLabel-root-id"
+                >
+                  <button
+                    class="MuiButtonBase-root-id makeStyles-root-id"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <input
+                      class="makeStyles-box-id makeStyles-checked-id"
+                      name="Use sandbox"
+                      type="checkbox"
+                      value="true"
+                    />
+                  </button>
+                  <span
+                    class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
+                  >
+                    Use sandbox
+                  </span>
+                </label>
+              </div>
+            </div>
           </div>
           <div
-            class="makeStyles-children-id"
-          />
-          <hr
-            class="makeStyles-hr-id"
+            class="makeStyles-spacer-id"
           />
           <div
-            class="MuiCardContent-root-id"
+            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
           >
             <div
-              class="makeStyles-item-id"
+              class="makeStyles-root-id"
             >
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
+              <span
+                class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-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"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    name="Username or account"
-                    type="text"
-                    value=""
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
-                    >
-                      <span>
-                        ​
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-                <p
-                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
-                >
-                  Provide user or account details
-                </p>
-              </div>
+                Authorization
+              </span>
+              <div
+                class="makeStyles-toolbar-id"
+              />
             </div>
             <div
-              class="makeStyles-item-id"
+              class="makeStyles-children-id"
+            />
+            <hr
+              class="makeStyles-hr-id"
+            />
+            <div
+              class="MuiCardContent-root-id"
             >
               <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
+                class="makeStyles-item-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"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    name="Password or license"
-                    type="text"
-                    value=""
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
+                <div>
+                  <div
+                    class="MuiTypography-root-id MuiTypography-body1-id"
                   >
-                    <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
-                    >
-                      <span>
-                        ​
-                      </span>
-                    </legend>
-                  </fieldset>
+                    API key
+                  </div>
+                  <div
+                    class="MuiTypography-root-id MuiTypography-body1-id"
+                  >
+                    **** 9ab9
+                  </div>
                 </div>
-                <p
-                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
-                >
-                  Provide password or license details
-                </p>
-              </div>
-            </div>
-            <div
-              class="makeStyles-item-id"
-            >
-              <label
-                class="MuiFormControlLabel-root-id"
-              >
+                <div
+                  class="makeStyles-spacer-id"
+                />
                 <button
-                  class="MuiButtonBase-root-id makeStyles-root-id"
+                  class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
                   tabindex="0"
                   type="button"
                 >
-                  <input
-                    class="makeStyles-box-id makeStyles-checked-id"
-                    name="Use sandbox"
-                    type="checkbox"
-                    value="true"
-                  />
+                  <span
+                    class="MuiButton-label-id"
+                  >
+                    Clear
+                  </span>
                 </button>
-                <span
-                  class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
+                <button
+                  class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id makeStyles-button-id MuiButton-textPrimary-id"
+                  tabindex="0"
+                  type="button"
                 >
-                  Use sandbox
-                </span>
-              </label>
+                  <span
+                    class="MuiButton-label-id"
+                  >
+                    Edit
+                  </span>
+                </button>
+              </div>
+              <hr
+                class="makeStyles-root-id makeStyles-hr-id"
+              />
+              <div
+                class="makeStyles-item-id"
+              >
+                <div
+                  class="MuiTypography-root-id MuiTypography-body1-id"
+                >
+                  Password
+                </div>
+                <div
+                  class="makeStyles-spacer-id"
+                />
+                <button
+                  class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                  tabindex="0"
+                  type="button"
+                >
+                  <span
+                    class="MuiButton-label-id"
+                  >
+                    Clear
+                  </span>
+                </button>
+                <button
+                  class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id makeStyles-button-id MuiButton-textPrimary-id"
+                  tabindex="0"
+                  type="button"
+                >
+                  <span
+                    class="MuiButton-label-id"
+                  >
+                    Edit
+                  </span>
+                </button>
+              </div>
+              <hr
+                class="makeStyles-root-id makeStyles-hr-id"
+              />
+              <div
+                class="makeStyles-item-id"
+              >
+                <div
+                  class="MuiTypography-root-id MuiTypography-body1-id"
+                >
+                  Empty Password
+                </div>
+                <div
+                  class="makeStyles-spacer-id"
+                />
+                <button
+                  class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id makeStyles-button-id MuiButton-textPrimary-id"
+                  tabindex="0"
+                  type="button"
+                >
+                  <span
+                    class="MuiButton-label-id"
+                  >
+                    Create
+                  </span>
+                </button>
+              </div>
             </div>
           </div>
         </div>
@@ -79113,7 +79401,7 @@ exports[`Storyshots Views / Plugins / Plugin details loading 1`] = `
           <div
             class="MuiTypography-root-id MuiTypography-body1-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.
+            These are general information about your store. They define what is the URL of your store and what is shown in browsers taskbar.
           </div>
         </div>
         <div
@@ -79182,16 +79470,49 @@ exports[`Storyshots Views / Plugins / Plugin details loading 1`] = `
             </label>
           </div>
         </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`Storyshots Views / Plugins / Plugin details not configurable 1`] = `
+<div
+  style="padding:24px"
+>
+  <form>
+    <div
+      class="makeStyles-root-id"
+    >
+      <div
+        class="makeStyles-root-id"
+      >
+        <div
+          class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
+        >
+          Username or account Details
+        </div>
+        <div
+          class="makeStyles-action-id"
+        >
+          <div
+            class="makeStyles-root-id"
+          />
+        </div>
+      </div>
+      <div
+        class="makeStyles-root-id makeStyles-inverted-id"
+      >
         <div>
           <div
             class="MuiTypography-root-id MuiTypography-h6-id"
           >
-            Plugin Settings
+            Plugin Information and Status
           </div>
           <div
             class="MuiTypography-root-id MuiTypography-body1-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.
+            These are general information about your store. They define what is the URL of your store and what is shown in browsers taskbar.
           </div>
         </div>
         <div
@@ -79203,7 +79524,7 @@ exports[`Storyshots Views / Plugins / Plugin details loading 1`] = `
             <span
               class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
             >
-              Plugin Settings
+              Plugin Information and Status
             </span>
             <div
               class="makeStyles-toolbar-id"
@@ -79217,7 +79538,60 @@ exports[`Storyshots Views / Plugins / Plugin details loading 1`] = `
           />
           <div
             class="MuiCardContent-root-id"
-          />
+          >
+            <div
+              class="MuiTypography-root-id makeStyles-title-id MuiTypography-h6-id"
+            >
+              Plugin Name
+            </div>
+            <div
+              class="MuiTypography-root-id MuiTypography-body1-id"
+            >
+              Username or account
+            </div>
+            <div
+              class="MuiTypography-root-id makeStyles-title-id MuiTypography-h6-id"
+            >
+              Description
+            </div>
+            <div
+              class="MuiTypography-root-id MuiTypography-body1-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.
+            </div>
+            <div
+              class="makeStyles-spacer-id"
+            />
+            <hr
+              class="makeStyles-root-id"
+            />
+            <div
+              class="MuiTypography-root-id makeStyles-status-id MuiTypography-body1-id"
+            >
+              Status
+            </div>
+            <label
+              class="MuiFormControlLabel-root-id"
+            >
+              <button
+                class="MuiButtonBase-root-id makeStyles-root-id"
+                tabindex="0"
+                type="button"
+              >
+                <input
+                  class="makeStyles-box-id makeStyles-checked-id"
+                  name="active"
+                  type="checkbox"
+                  value="true"
+                />
+              </button>
+              <span
+                class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
+              >
+                Set plugin as Active
+              </span>
+            </label>
+          </div>
         </div>
       </div>
     </div>