From 37bfd7b85549bb8f895725916d11c6080ba245de Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Tue, 12 Nov 2019 13:36:07 +0100
Subject: [PATCH] Update stories

---
 .../__snapshots__/Stories.test.ts.snap        | 1271 ++++++++++-------
 1 file changed, 786 insertions(+), 485 deletions(-)

diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 9b17eea50..108699494 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -31787,11 +31787,11 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
               <span
                 class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
               >
-                General Informations
+                elizabeth.vaughn@example.com
                 <div
-                  class="MuiTypography-root-id MuiTypography-caption-id"
+                  class="MuiTypography-root-id makeStyles-subtitle-id MuiTypography-caption-id"
                 >
-                  Customer since: May 2017
+                  Active member since May 2017
                 </div>
               </span>
               <div
@@ -31805,10 +31805,10 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
               class="makeStyles-hr-id"
             />
             <div
-              class="MuiCardContent-root-id"
+              class="MuiCardContent-root-id makeStyles-content-id"
             >
               <label
-                class="MuiFormControlLabel-root-id"
+                class="MuiFormControlLabel-root-id makeStyles-checkbox-id"
               >
                 <button
                   class="MuiButtonBase-root-id makeStyles-root-id"
@@ -31829,10 +31829,82 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
                 </span>
               </label>
               <div
-                class="makeStyles-spacer-id"
-              />
+                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-outlined-id"
+                  data-shrink="false"
+                >
+                  Note
+                </label>
+                <div
+                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
+                >
+                  <textarea
+                    aria-invalid="false"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    name="note"
+                    rows="1"
+                  />
+                  <textarea
+                    aria-hidden="true"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    readonly=""
+                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
+                    tabindex="-1"
+                  />
+                  <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>
+              </div>
+            </div>
+          </div>
+          <div
+            class="makeStyles-spacer-id"
+          />
+          <div
+            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          >
+            <div
+              class="makeStyles-root-id"
+            >
+              <span
+                class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
+              >
+                Personal Informations
+              </span>
               <div
-                class="makeStyles-root-id"
+                class="makeStyles-toolbar-id"
+              />
+            </div>
+            <div
+              class="makeStyles-children-id"
+            />
+            <hr
+              class="makeStyles-hr-id"
+            />
+            <div
+              class="MuiCardContent-root-id makeStyles-content-id"
+            >
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                General Informations
+              </div>
+              <div
+                class="makeStyles-root-id makeStyles-uniform-id"
               >
                 <div
                   class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
@@ -31905,9 +31977,14 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
                   </div>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-id"
+              <hr
+                class="makeStyles-root-id makeStyles-hr-id"
               />
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                Contact Informations
+              </div>
               <div
                 class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
               >
@@ -31943,50 +32020,6 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
                   </fieldset>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-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-outlined-id"
-                  data-shrink="false"
-                >
-                  Note
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                >
-                  <textarea
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    name="note"
-                    rows="1"
-                  />
-                  <textarea
-                    aria-hidden="true"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    readonly=""
-                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                    tabindex="-1"
-                  />
-                  <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>
-              </div>
             </div>
           </div>
           <div
@@ -32282,11 +32315,11 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
               <span
                 class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
               >
-                General Informations
+                elizabeth.vaughn@example.com
                 <div
-                  class="MuiTypography-root-id MuiTypography-caption-id"
+                  class="MuiTypography-root-id makeStyles-subtitle-id MuiTypography-caption-id"
                 >
-                  Customer since: May 2017
+                  Active member since May 2017
                 </div>
               </span>
               <div
@@ -32300,10 +32333,10 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
               class="makeStyles-hr-id"
             />
             <div
-              class="MuiCardContent-root-id"
+              class="MuiCardContent-root-id makeStyles-content-id"
             >
               <label
-                class="MuiFormControlLabel-root-id"
+                class="MuiFormControlLabel-root-id makeStyles-checkbox-id"
               >
                 <button
                   class="MuiButtonBase-root-id makeStyles-root-id"
@@ -32324,10 +32357,82 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
                 </span>
               </label>
               <div
-                class="makeStyles-spacer-id"
-              />
+                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-outlined-id"
+                  data-shrink="false"
+                >
+                  Note
+                </label>
+                <div
+                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
+                >
+                  <textarea
+                    aria-invalid="false"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    name="note"
+                    rows="1"
+                  />
+                  <textarea
+                    aria-hidden="true"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    readonly=""
+                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
+                    tabindex="-1"
+                  />
+                  <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>
+              </div>
+            </div>
+          </div>
+          <div
+            class="makeStyles-spacer-id"
+          />
+          <div
+            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          >
+            <div
+              class="makeStyles-root-id"
+            >
+              <span
+                class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
+              >
+                Personal Informations
+              </span>
               <div
-                class="makeStyles-root-id"
+                class="makeStyles-toolbar-id"
+              />
+            </div>
+            <div
+              class="makeStyles-children-id"
+            />
+            <hr
+              class="makeStyles-hr-id"
+            />
+            <div
+              class="MuiCardContent-root-id makeStyles-content-id"
+            >
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                General Informations
+              </div>
+              <div
+                class="makeStyles-root-id makeStyles-uniform-id"
               >
                 <div
                   class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
@@ -32400,9 +32505,14 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
                   </div>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-id"
+              <hr
+                class="makeStyles-root-id makeStyles-hr-id"
               />
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                Contact Informations
+              </div>
               <div
                 class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
               >
@@ -32438,50 +32548,6 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
                   </fieldset>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-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-outlined-id"
-                  data-shrink="false"
-                >
-                  Note
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                >
-                  <textarea
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    name="note"
-                    rows="1"
-                  />
-                  <textarea
-                    aria-hidden="true"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    readonly=""
-                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                    tabindex="-1"
-                  />
-                  <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>
-              </div>
             </div>
           </div>
           <div
@@ -32814,11 +32880,11 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
               <span
                 class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
               >
-                General Informations
+                elizabeth.vaughn@example.com
                 <div
-                  class="MuiTypography-root-id MuiTypography-caption-id"
+                  class="MuiTypography-root-id makeStyles-subtitle-id MuiTypography-caption-id"
                 >
-                  Customer since: May 2017
+                  Active member since May 2017
                 </div>
               </span>
               <div
@@ -32832,10 +32898,10 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
               class="makeStyles-hr-id"
             />
             <div
-              class="MuiCardContent-root-id"
+              class="MuiCardContent-root-id makeStyles-content-id"
             >
               <label
-                class="MuiFormControlLabel-root-id"
+                class="MuiFormControlLabel-root-id makeStyles-checkbox-id"
               >
                 <button
                   class="MuiButtonBase-root-id makeStyles-root-id"
@@ -32856,10 +32922,82 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
                 </span>
               </label>
               <div
-                class="makeStyles-spacer-id"
-              />
+                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-outlined-id"
+                  data-shrink="false"
+                >
+                  Note
+                </label>
+                <div
+                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
+                >
+                  <textarea
+                    aria-invalid="false"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    name="note"
+                    rows="1"
+                  />
+                  <textarea
+                    aria-hidden="true"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    readonly=""
+                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
+                    tabindex="-1"
+                  />
+                  <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>
+              </div>
+            </div>
+          </div>
+          <div
+            class="makeStyles-spacer-id"
+          />
+          <div
+            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          >
+            <div
+              class="makeStyles-root-id"
+            >
+              <span
+                class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
+              >
+                Personal Informations
+              </span>
               <div
-                class="makeStyles-root-id"
+                class="makeStyles-toolbar-id"
+              />
+            </div>
+            <div
+              class="makeStyles-children-id"
+            />
+            <hr
+              class="makeStyles-hr-id"
+            />
+            <div
+              class="MuiCardContent-root-id makeStyles-content-id"
+            >
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                General Informations
+              </div>
+              <div
+                class="makeStyles-root-id makeStyles-uniform-id"
               >
                 <div
                   class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
@@ -32942,9 +33080,14 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
                   </p>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-id"
+              <hr
+                class="makeStyles-root-id makeStyles-hr-id"
               />
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                Contact Informations
+              </div>
               <div
                 class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
               >
@@ -32985,50 +33128,6 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
                   Generic form error
                 </p>
               </div>
-              <div
-                class="makeStyles-spacer-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-outlined-id"
-                  data-shrink="false"
-                >
-                  Note
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                >
-                  <textarea
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    name="note"
-                    rows="1"
-                  />
-                  <textarea
-                    aria-hidden="true"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    readonly=""
-                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                    tabindex="-1"
-                  />
-                  <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>
-              </div>
             </div>
           </div>
           <div
@@ -33329,7 +33428,11 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
               <span
                 class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
               >
-                General Informations
+                <span
+                  class="makeStyles-skeleton-id"
+                >
+                  ‌
+                </span>
                 <span
                   class="makeStyles-skeleton-id"
                   style="width:10rem"
@@ -33348,10 +33451,10 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
               class="makeStyles-hr-id"
             />
             <div
-              class="MuiCardContent-root-id"
+              class="MuiCardContent-root-id makeStyles-content-id"
             >
               <label
-                class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
+                class="MuiFormControlLabel-root-id makeStyles-checkbox-id MuiFormControlLabel-disabled-id"
               >
                 <button
                   class="MuiButtonBase-root-id makeStyles-root-id MuiButtonBase-disabled-id"
@@ -33374,10 +33477,83 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
                 </span>
               </label>
               <div
-                class="makeStyles-spacer-id"
-              />
+                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-outlined-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id"
+                  data-shrink="false"
+                >
+                  Note
+                </label>
+                <div
+                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
+                >
+                  <textarea
+                    aria-invalid="false"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    disabled=""
+                    name="note"
+                    rows="1"
+                  />
+                  <textarea
+                    aria-hidden="true"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    readonly=""
+                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
+                    tabindex="-1"
+                  />
+                  <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>
+              </div>
+            </div>
+          </div>
+          <div
+            class="makeStyles-spacer-id"
+          />
+          <div
+            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          >
+            <div
+              class="makeStyles-root-id"
+            >
+              <span
+                class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
+              >
+                Personal Informations
+              </span>
               <div
-                class="makeStyles-root-id"
+                class="makeStyles-toolbar-id"
+              />
+            </div>
+            <div
+              class="makeStyles-children-id"
+            />
+            <hr
+              class="makeStyles-hr-id"
+            />
+            <div
+              class="MuiCardContent-root-id makeStyles-content-id"
+            >
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                General Informations
+              </div>
+              <div
+                class="makeStyles-root-id makeStyles-uniform-id"
               >
                 <div
                   class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
@@ -33452,9 +33628,14 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
                   </div>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-id"
+              <hr
+                class="makeStyles-root-id makeStyles-hr-id"
               />
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                Contact Informations
+              </div>
               <div
                 class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
               >
@@ -33491,51 +33672,6 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
                   </fieldset>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-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-outlined-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id"
-                  data-shrink="false"
-                >
-                  Note
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                >
-                  <textarea
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    disabled=""
-                    name="note"
-                    rows="1"
-                  />
-                  <textarea
-                    aria-hidden="true"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    readonly=""
-                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                    tabindex="-1"
-                  />
-                  <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>
-              </div>
             </div>
           </div>
           <div
@@ -33806,11 +33942,11 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
               <span
                 class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
               >
-                General Informations
+                elizabeth.vaughn@example.com
                 <div
-                  class="MuiTypography-root-id MuiTypography-caption-id"
+                  class="MuiTypography-root-id makeStyles-subtitle-id MuiTypography-caption-id"
                 >
-                  Customer since: May 2017
+                  Active member since May 2017
                 </div>
               </span>
               <div
@@ -33824,10 +33960,10 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
               class="makeStyles-hr-id"
             />
             <div
-              class="MuiCardContent-root-id"
+              class="MuiCardContent-root-id makeStyles-content-id"
             >
               <label
-                class="MuiFormControlLabel-root-id"
+                class="MuiFormControlLabel-root-id makeStyles-checkbox-id"
               >
                 <button
                   class="MuiButtonBase-root-id makeStyles-root-id"
@@ -33848,10 +33984,82 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
                 </span>
               </label>
               <div
-                class="makeStyles-spacer-id"
-              />
+                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-outlined-id"
+                  data-shrink="false"
+                >
+                  Note
+                </label>
+                <div
+                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
+                >
+                  <textarea
+                    aria-invalid="false"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    name="note"
+                    rows="1"
+                  />
+                  <textarea
+                    aria-hidden="true"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    readonly=""
+                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
+                    tabindex="-1"
+                  />
+                  <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>
+              </div>
+            </div>
+          </div>
+          <div
+            class="makeStyles-spacer-id"
+          />
+          <div
+            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          >
+            <div
+              class="makeStyles-root-id"
+            >
+              <span
+                class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
+              >
+                Personal Informations
+              </span>
               <div
-                class="makeStyles-root-id"
+                class="makeStyles-toolbar-id"
+              />
+            </div>
+            <div
+              class="makeStyles-children-id"
+            />
+            <hr
+              class="makeStyles-hr-id"
+            />
+            <div
+              class="MuiCardContent-root-id makeStyles-content-id"
+            >
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                General Informations
+              </div>
+              <div
+                class="makeStyles-root-id makeStyles-uniform-id"
               >
                 <div
                   class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
@@ -33924,9 +34132,14 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
                   </div>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-id"
+              <hr
+                class="makeStyles-root-id makeStyles-hr-id"
               />
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                Contact Informations
+              </div>
               <div
                 class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
               >
@@ -33962,50 +34175,6 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
                   </fieldset>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-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-outlined-id"
-                  data-shrink="false"
-                >
-                  Note
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                >
-                  <textarea
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    name="note"
-                    rows="1"
-                  />
-                  <textarea
-                    aria-hidden="true"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    readonly=""
-                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                    tabindex="-1"
-                  />
-                  <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>
-              </div>
             </div>
           </div>
           <div
@@ -34295,11 +34464,11 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
               <span
                 class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
               >
-                General Informations
+                elizabeth.vaughn@example.com
                 <div
-                  class="MuiTypography-root-id MuiTypography-caption-id"
+                  class="MuiTypography-root-id makeStyles-subtitle-id MuiTypography-caption-id"
                 >
-                  Customer since: May 2017
+                  Active member since May 2017
                 </div>
               </span>
               <div
@@ -34313,10 +34482,10 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
               class="makeStyles-hr-id"
             />
             <div
-              class="MuiCardContent-root-id"
+              class="MuiCardContent-root-id makeStyles-content-id"
             >
               <label
-                class="MuiFormControlLabel-root-id"
+                class="MuiFormControlLabel-root-id makeStyles-checkbox-id"
               >
                 <button
                   class="MuiButtonBase-root-id makeStyles-root-id"
@@ -34337,10 +34506,82 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
                 </span>
               </label>
               <div
-                class="makeStyles-spacer-id"
-              />
+                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-outlined-id"
+                  data-shrink="false"
+                >
+                  Note
+                </label>
+                <div
+                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
+                >
+                  <textarea
+                    aria-invalid="false"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    name="note"
+                    rows="1"
+                  />
+                  <textarea
+                    aria-hidden="true"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    readonly=""
+                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
+                    tabindex="-1"
+                  />
+                  <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>
+              </div>
+            </div>
+          </div>
+          <div
+            class="makeStyles-spacer-id"
+          />
+          <div
+            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          >
+            <div
+              class="makeStyles-root-id"
+            >
+              <span
+                class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
+              >
+                Personal Informations
+              </span>
               <div
-                class="makeStyles-root-id"
+                class="makeStyles-toolbar-id"
+              />
+            </div>
+            <div
+              class="makeStyles-children-id"
+            />
+            <hr
+              class="makeStyles-hr-id"
+            />
+            <div
+              class="MuiCardContent-root-id makeStyles-content-id"
+            >
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                General Informations
+              </div>
+              <div
+                class="makeStyles-root-id makeStyles-uniform-id"
               >
                 <div
                   class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
@@ -34413,9 +34654,14 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
                   </div>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-id"
+              <hr
+                class="makeStyles-root-id makeStyles-hr-id"
               />
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                Contact Informations
+              </div>
               <div
                 class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
               >
@@ -34451,50 +34697,6 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
                   </fieldset>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-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-outlined-id"
-                  data-shrink="false"
-                >
-                  Note
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                >
-                  <textarea
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    name="note"
-                    rows="1"
-                  />
-                  <textarea
-                    aria-hidden="true"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    readonly=""
-                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                    tabindex="-1"
-                  />
-                  <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>
-              </div>
             </div>
           </div>
           <div
@@ -34784,11 +34986,11 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
               <span
                 class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
               >
-                General Informations
+                elizabeth.vaughn@example.com
                 <div
-                  class="MuiTypography-root-id MuiTypography-caption-id"
+                  class="MuiTypography-root-id makeStyles-subtitle-id MuiTypography-caption-id"
                 >
-                  Customer since: May 2017
+                  Active member since May 2017
                 </div>
               </span>
               <div
@@ -34802,10 +35004,10 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
               class="makeStyles-hr-id"
             />
             <div
-              class="MuiCardContent-root-id"
+              class="MuiCardContent-root-id makeStyles-content-id"
             >
               <label
-                class="MuiFormControlLabel-root-id"
+                class="MuiFormControlLabel-root-id makeStyles-checkbox-id"
               >
                 <button
                   class="MuiButtonBase-root-id makeStyles-root-id"
@@ -34826,10 +35028,82 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
                 </span>
               </label>
               <div
-                class="makeStyles-spacer-id"
-              />
+                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-outlined-id"
+                  data-shrink="false"
+                >
+                  Note
+                </label>
+                <div
+                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
+                >
+                  <textarea
+                    aria-invalid="false"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    name="note"
+                    rows="1"
+                  />
+                  <textarea
+                    aria-hidden="true"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    readonly=""
+                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
+                    tabindex="-1"
+                  />
+                  <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>
+              </div>
+            </div>
+          </div>
+          <div
+            class="makeStyles-spacer-id"
+          />
+          <div
+            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          >
+            <div
+              class="makeStyles-root-id"
+            >
+              <span
+                class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
+              >
+                Personal Informations
+              </span>
               <div
-                class="makeStyles-root-id"
+                class="makeStyles-toolbar-id"
+              />
+            </div>
+            <div
+              class="makeStyles-children-id"
+            />
+            <hr
+              class="makeStyles-hr-id"
+            />
+            <div
+              class="MuiCardContent-root-id makeStyles-content-id"
+            >
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                General Informations
+              </div>
+              <div
+                class="makeStyles-root-id makeStyles-uniform-id"
               >
                 <div
                   class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
@@ -34902,9 +35176,14 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
                   </div>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-id"
+              <hr
+                class="makeStyles-root-id makeStyles-hr-id"
               />
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                Contact Informations
+              </div>
               <div
                 class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
               >
@@ -34940,50 +35219,6 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
                   </fieldset>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-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-outlined-id"
-                  data-shrink="false"
-                >
-                  Note
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                >
-                  <textarea
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    name="note"
-                    rows="1"
-                  />
-                  <textarea
-                    aria-hidden="true"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    readonly=""
-                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                    tabindex="-1"
-                  />
-                  <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>
-              </div>
             </div>
           </div>
           <div
@@ -35254,11 +35489,11 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
               <span
                 class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
               >
-                General Informations
+                elizabeth.vaughn@example.com
                 <div
-                  class="MuiTypography-root-id MuiTypography-caption-id"
+                  class="MuiTypography-root-id makeStyles-subtitle-id MuiTypography-caption-id"
                 >
-                  Customer since: May 2017
+                  Active member since May 2017
                 </div>
               </span>
               <div
@@ -35272,10 +35507,10 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
               class="makeStyles-hr-id"
             />
             <div
-              class="MuiCardContent-root-id"
+              class="MuiCardContent-root-id makeStyles-content-id"
             >
               <label
-                class="MuiFormControlLabel-root-id"
+                class="MuiFormControlLabel-root-id makeStyles-checkbox-id"
               >
                 <button
                   class="MuiButtonBase-root-id makeStyles-root-id"
@@ -35296,10 +35531,82 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
                 </span>
               </label>
               <div
-                class="makeStyles-spacer-id"
-              />
+                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-outlined-id"
+                  data-shrink="false"
+                >
+                  Note
+                </label>
+                <div
+                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
+                >
+                  <textarea
+                    aria-invalid="false"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    name="note"
+                    rows="1"
+                  />
+                  <textarea
+                    aria-hidden="true"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    readonly=""
+                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
+                    tabindex="-1"
+                  />
+                  <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>
+              </div>
+            </div>
+          </div>
+          <div
+            class="makeStyles-spacer-id"
+          />
+          <div
+            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          >
+            <div
+              class="makeStyles-root-id"
+            >
+              <span
+                class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
+              >
+                Personal Informations
+              </span>
               <div
-                class="makeStyles-root-id"
+                class="makeStyles-toolbar-id"
+              />
+            </div>
+            <div
+              class="makeStyles-children-id"
+            />
+            <hr
+              class="makeStyles-hr-id"
+            />
+            <div
+              class="MuiCardContent-root-id makeStyles-content-id"
+            >
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                General Informations
+              </div>
+              <div
+                class="makeStyles-root-id makeStyles-uniform-id"
               >
                 <div
                   class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
@@ -35372,9 +35679,14 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
                   </div>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-id"
+              <hr
+                class="makeStyles-root-id makeStyles-hr-id"
               />
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                Contact Informations
+              </div>
               <div
                 class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
               >
@@ -35410,50 +35722,6 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
                   </fieldset>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-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-outlined-id"
-                  data-shrink="false"
-                >
-                  Note
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                >
-                  <textarea
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    name="note"
-                    rows="1"
-                  />
-                  <textarea
-                    aria-hidden="true"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    readonly=""
-                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                    tabindex="-1"
-                  />
-                  <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>
-              </div>
             </div>
           </div>
           <div
@@ -35749,11 +36017,11 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
               <span
                 class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
               >
-                General Informations
+                elizabeth.vaughn@example.com
                 <div
-                  class="MuiTypography-root-id MuiTypography-caption-id"
+                  class="MuiTypography-root-id makeStyles-subtitle-id MuiTypography-caption-id"
                 >
-                  Customer since: May 2017
+                  Active member since May 2017
                 </div>
               </span>
               <div
@@ -35767,10 +36035,10 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
               class="makeStyles-hr-id"
             />
             <div
-              class="MuiCardContent-root-id"
+              class="MuiCardContent-root-id makeStyles-content-id"
             >
               <label
-                class="MuiFormControlLabel-root-id"
+                class="MuiFormControlLabel-root-id makeStyles-checkbox-id"
               >
                 <button
                   class="MuiButtonBase-root-id makeStyles-root-id"
@@ -35791,10 +36059,82 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
                 </span>
               </label>
               <div
-                class="makeStyles-spacer-id"
-              />
+                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-outlined-id"
+                  data-shrink="false"
+                >
+                  Note
+                </label>
+                <div
+                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
+                >
+                  <textarea
+                    aria-invalid="false"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    name="note"
+                    rows="1"
+                  />
+                  <textarea
+                    aria-hidden="true"
+                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
+                    readonly=""
+                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
+                    tabindex="-1"
+                  />
+                  <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>
+              </div>
+            </div>
+          </div>
+          <div
+            class="makeStyles-spacer-id"
+          />
+          <div
+            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          >
+            <div
+              class="makeStyles-root-id"
+            >
+              <span
+                class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
+              >
+                Personal Informations
+              </span>
               <div
-                class="makeStyles-root-id"
+                class="makeStyles-toolbar-id"
+              />
+            </div>
+            <div
+              class="makeStyles-children-id"
+            />
+            <hr
+              class="makeStyles-hr-id"
+            />
+            <div
+              class="MuiCardContent-root-id makeStyles-content-id"
+            >
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                General Informations
+              </div>
+              <div
+                class="makeStyles-root-id makeStyles-uniform-id"
               >
                 <div
                   class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
@@ -35867,9 +36207,14 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
                   </div>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-id"
+              <hr
+                class="makeStyles-root-id makeStyles-hr-id"
               />
+              <div
+                class="MuiTypography-root-id makeStyles-sectionHeader-id MuiTypography-body1-id"
+              >
+                Contact Informations
+              </div>
               <div
                 class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
               >
@@ -35905,50 +36250,6 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
                   </fieldset>
                 </div>
               </div>
-              <div
-                class="makeStyles-spacer-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-outlined-id"
-                  data-shrink="false"
-                >
-                  Note
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                >
-                  <textarea
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    name="note"
-                    rows="1"
-                  />
-                  <textarea
-                    aria-hidden="true"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                    readonly=""
-                    style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                    tabindex="-1"
-                  />
-                  <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>
-              </div>
             </div>
           </div>
           <div