From ed6d0aebe6ad61e6f64396de88f230c43dca419f Mon Sep 17 00:00:00 2001
From: Vesa Luusua <vesa.luusua@gmail.com>
Date: Wed, 3 Jan 2018 18:01:46 +0200
Subject: [PATCH] Add TransactionPanel test: enquiry

---
 .../TransactionPanel/TransactionPanel.test.js |   30 +
 .../TransactionPanel.test.js.snap             | 1582 +++++++++++++++++
 2 files changed, 1612 insertions(+)

diff --git a/src/components/TransactionPanel/TransactionPanel.test.js b/src/components/TransactionPanel/TransactionPanel.test.js
index d4b7633c..bd1a8fd0 100644
--- a/src/components/TransactionPanel/TransactionPanel.test.js
+++ b/src/components/TransactionPanel/TransactionPanel.test.js
@@ -31,6 +31,13 @@ describe('TransactionPanel - Sale', () => {
     customer: createUser('customer1'),
     lastTransitionedAt: new Date(Date.UTC(2017, 5, 10)),
   };
+
+  const txEnquired = createTransaction({
+    id: 'sale-enquired',
+    lastTransition: propTypes.TX_TRANSITION_ENQUIRE,
+    ...baseTxAttrs,
+  });
+
   const txPreauthorized = createTransaction({
     id: 'sale-preauthorized',
     lastTransition: propTypes.TX_TRANSITION_PREAUTHORIZE,
@@ -93,6 +100,14 @@ describe('TransactionPanel - Sale', () => {
     intl: fakeIntl,
   };
 
+  it('enquired matches snapshot', () => {
+    const props = {
+      ...panelBaseProps,
+      transaction: txEnquired,
+    };
+    const tree = renderShallow(<TransactionPanelComponent {...props} />);
+    expect(tree).toMatchSnapshot();
+  });
   it('preauthorized matches snapshot', () => {
     const props = {
       ...panelBaseProps,
@@ -182,6 +197,12 @@ describe('TransactionPanel - Order', () => {
     customer: createUser('customer'),
   };
 
+  const txEnquired = createTransaction({
+    id: 'order-enquired',
+    lastTransition: propTypes.TX_TRANSITION_ENQUIRE,
+    ...baseTxAttrs,
+  });
+
   const txPreauthorized = createTransaction({
     id: 'order-preauthorized',
     lastTransition: propTypes.TX_TRANSITION_PREAUTHORIZE,
@@ -244,6 +265,15 @@ describe('TransactionPanel - Order', () => {
     declineInProgress: false,
   };
 
+  it('enquired matches snapshot', () => {
+    const props = {
+      ...panelBaseProps,
+      transaction: txEnquired,
+    };
+
+    const tree = renderShallow(<TransactionPanelComponent {...props} />);
+    expect(tree).toMatchSnapshot();
+  });
   it('preauthorized matches snapshot', () => {
     const props = {
       ...panelBaseProps,
diff --git a/src/components/TransactionPanel/__snapshots__/TransactionPanel.test.js.snap b/src/components/TransactionPanel/__snapshots__/TransactionPanel.test.js.snap
index 19db7a76..a5a484d8 100644
--- a/src/components/TransactionPanel/__snapshots__/TransactionPanel.test.js.snap
+++ b/src/components/TransactionPanel/__snapshots__/TransactionPanel.test.js.snap
@@ -4125,6 +4125,831 @@ exports[`TransactionPanel - Order delivered matches snapshot 1`] = `
 </div>
 `;
 
+exports[`TransactionPanel - Order enquired matches snapshot 1`] = `
+<div
+  className=""
+>
+  <div>
+    <div>
+      <div>
+        <div>
+          <ResponsiveImage
+            alt="listing1 title"
+            className={null}
+            image={null}
+            nameSet={
+              Array [
+                Object {
+                  "name": "landscape-crop",
+                  "size": "400w",
+                },
+                Object {
+                  "name": "landscape-crop2x",
+                  "size": "800w",
+                },
+              ]
+            }
+            noImageMessage={null}
+            rootClassName={null}
+            sizes="100vw"
+          />
+        </div>
+      </div>
+      <div
+        className=""
+      >
+        <AvatarMedium
+          user={
+            Object {
+              "attributes": Object {
+                "banned": false,
+                "profile": Object {
+                  "abbreviatedName": "TT",
+                  "displayName": "provider display name",
+                },
+              },
+              "id": UUID {
+                "uuid": "provider",
+              },
+              "type": "user",
+            }
+          }
+        />
+      </div>
+      <Component
+        currentListing={
+          Object {
+            "attributes": Object {
+              "address": "listing1 address",
+              "closed": false,
+              "customAttributes": Object {},
+              "deleted": false,
+              "description": "listing1 description",
+              "geolocation": LatLng {
+                "lat": 40,
+                "lng": 60,
+              },
+              "price": Money {
+                "amount": 5500,
+                "currency": "USD",
+              },
+              "title": "listing1 title",
+            },
+            "id": UUID {
+              "uuid": "listing1",
+            },
+            "images": Array [],
+            "type": "listing",
+          }
+        }
+        customerDisplayName="customer display name"
+        listingTitle="listing1 title"
+        transaction={
+          Object {
+            "attributes": Object {
+              "createdAt": 2017-05-01T00:00:00.000Z,
+              "lastTransition": "transition/enquire",
+              "lastTransitionedAt": 2017-06-01T00:00:00.000Z,
+              "lineItems": Array [
+                Object {
+                  "code": "line-item/night",
+                  "lineTotal": Money {
+                    "amount": 16500,
+                    "currency": "USD",
+                  },
+                  "quantity": "3",
+                  "reversal": false,
+                  "unitPrice": Money {
+                    "amount": 5500,
+                    "currency": "USD",
+                  },
+                },
+                Object {
+                  "code": "line-item/provider-commission",
+                  "lineTotal": Money {
+                    "amount": -100,
+                    "currency": "USD",
+                  },
+                  "reversal": false,
+                  "unitPrice": Money {
+                    "amount": -100,
+                    "currency": "USD",
+                  },
+                },
+              ],
+              "payinTotal": Money {
+                "amount": 16500,
+                "currency": "USD",
+              },
+              "payoutTotal": Money {
+                "amount": 16400,
+                "currency": "USD",
+              },
+              "transitions": Array [
+                Object {
+                  "at": 2017-05-01T00:00:00.000Z,
+                  "by": "customer",
+                  "transition": "transition/preauthorize",
+                },
+                Object {
+                  "at": 2017-06-01T00:00:00.000Z,
+                  "by": "provider",
+                  "transition": "transition/accept",
+                },
+              ],
+            },
+            "booking": Object {
+              "attributes": Object {
+                "end": 2017-06-13T00:00:00.000Z,
+                "start": 2017-06-10T00:00:00.000Z,
+              },
+              "id": UUID {
+                "uuid": "booking1",
+              },
+              "type": "booking",
+            },
+            "customer": Object {
+              "attributes": Object {
+                "banned": false,
+                "profile": Object {
+                  "abbreviatedName": "TT",
+                  "displayName": "customer display name",
+                },
+              },
+              "id": UUID {
+                "uuid": "customer",
+              },
+              "type": "user",
+            },
+            "id": UUID {
+              "uuid": "order-enquired",
+            },
+            "listing": Object {
+              "attributes": Object {
+                "address": "listing1 address",
+                "closed": false,
+                "customAttributes": Object {},
+                "deleted": false,
+                "description": "listing1 description",
+                "geolocation": LatLng {
+                  "lat": 40,
+                  "lng": 60,
+                },
+                "price": Money {
+                  "amount": 5500,
+                  "currency": "USD",
+                },
+                "title": "listing1 title",
+              },
+              "id": UUID {
+                "uuid": "listing1",
+              },
+              "type": "listing",
+            },
+            "provider": Object {
+              "attributes": Object {
+                "banned": false,
+                "profile": Object {
+                  "abbreviatedName": "TT",
+                  "displayName": "provider display name",
+                },
+              },
+              "id": UUID {
+                "uuid": "provider",
+              },
+              "type": "user",
+            },
+            "reviews": Array [],
+            "type": "transaction",
+          }
+        }
+      />
+      <Component
+        authorDisplayName="provider display name"
+        customerDisplayName="customer display name"
+        isCustomerBanned={false}
+        listingDeleted={false}
+        transaction={
+          Object {
+            "attributes": Object {
+              "createdAt": 2017-05-01T00:00:00.000Z,
+              "lastTransition": "transition/enquire",
+              "lastTransitionedAt": 2017-06-01T00:00:00.000Z,
+              "lineItems": Array [
+                Object {
+                  "code": "line-item/night",
+                  "lineTotal": Money {
+                    "amount": 16500,
+                    "currency": "USD",
+                  },
+                  "quantity": "3",
+                  "reversal": false,
+                  "unitPrice": Money {
+                    "amount": 5500,
+                    "currency": "USD",
+                  },
+                },
+                Object {
+                  "code": "line-item/provider-commission",
+                  "lineTotal": Money {
+                    "amount": -100,
+                    "currency": "USD",
+                  },
+                  "reversal": false,
+                  "unitPrice": Money {
+                    "amount": -100,
+                    "currency": "USD",
+                  },
+                },
+              ],
+              "payinTotal": Money {
+                "amount": 16500,
+                "currency": "USD",
+              },
+              "payoutTotal": Money {
+                "amount": 16400,
+                "currency": "USD",
+              },
+              "transitions": Array [
+                Object {
+                  "at": 2017-05-01T00:00:00.000Z,
+                  "by": "customer",
+                  "transition": "transition/preauthorize",
+                },
+                Object {
+                  "at": 2017-06-01T00:00:00.000Z,
+                  "by": "provider",
+                  "transition": "transition/accept",
+                },
+              ],
+            },
+            "booking": Object {
+              "attributes": Object {
+                "end": 2017-06-13T00:00:00.000Z,
+                "start": 2017-06-10T00:00:00.000Z,
+              },
+              "id": UUID {
+                "uuid": "booking1",
+              },
+              "type": "booking",
+            },
+            "customer": Object {
+              "attributes": Object {
+                "banned": false,
+                "profile": Object {
+                  "abbreviatedName": "TT",
+                  "displayName": "customer display name",
+                },
+              },
+              "id": UUID {
+                "uuid": "customer",
+              },
+              "type": "user",
+            },
+            "id": UUID {
+              "uuid": "order-enquired",
+            },
+            "listing": Object {
+              "attributes": Object {
+                "address": "listing1 address",
+                "closed": false,
+                "customAttributes": Object {},
+                "deleted": false,
+                "description": "listing1 description",
+                "geolocation": LatLng {
+                  "lat": 40,
+                  "lng": 60,
+                },
+                "price": Money {
+                  "amount": 5500,
+                  "currency": "USD",
+                },
+                "title": "listing1 title",
+              },
+              "id": UUID {
+                "uuid": "listing1",
+              },
+              "type": "listing",
+            },
+            "provider": Object {
+              "attributes": Object {
+                "banned": false,
+                "profile": Object {
+                  "abbreviatedName": "TT",
+                  "displayName": "provider display name",
+                },
+              },
+              "id": UUID {
+                "uuid": "provider",
+              },
+              "type": "user",
+            },
+            "reviews": Array [],
+            "type": "transaction",
+          }
+        }
+      />
+      <div>
+        <Component
+          transaction={
+            Object {
+              "attributes": Object {
+                "createdAt": 2017-05-01T00:00:00.000Z,
+                "lastTransition": "transition/enquire",
+                "lastTransitionedAt": 2017-06-01T00:00:00.000Z,
+                "lineItems": Array [
+                  Object {
+                    "code": "line-item/night",
+                    "lineTotal": Money {
+                      "amount": 16500,
+                      "currency": "USD",
+                    },
+                    "quantity": "3",
+                    "reversal": false,
+                    "unitPrice": Money {
+                      "amount": 5500,
+                      "currency": "USD",
+                    },
+                  },
+                  Object {
+                    "code": "line-item/provider-commission",
+                    "lineTotal": Money {
+                      "amount": -100,
+                      "currency": "USD",
+                    },
+                    "reversal": false,
+                    "unitPrice": Money {
+                      "amount": -100,
+                      "currency": "USD",
+                    },
+                  },
+                ],
+                "payinTotal": Money {
+                  "amount": 16500,
+                  "currency": "USD",
+                },
+                "payoutTotal": Money {
+                  "amount": 16400,
+                  "currency": "USD",
+                },
+                "transitions": Array [
+                  Object {
+                    "at": 2017-05-01T00:00:00.000Z,
+                    "by": "customer",
+                    "transition": "transition/preauthorize",
+                  },
+                  Object {
+                    "at": 2017-06-01T00:00:00.000Z,
+                    "by": "provider",
+                    "transition": "transition/accept",
+                  },
+                ],
+              },
+              "booking": Object {
+                "attributes": Object {
+                  "end": 2017-06-13T00:00:00.000Z,
+                  "start": 2017-06-10T00:00:00.000Z,
+                },
+                "id": UUID {
+                  "uuid": "booking1",
+                },
+                "type": "booking",
+              },
+              "customer": Object {
+                "attributes": Object {
+                  "banned": false,
+                  "profile": Object {
+                    "abbreviatedName": "TT",
+                    "displayName": "customer display name",
+                  },
+                },
+                "id": UUID {
+                  "uuid": "customer",
+                },
+                "type": "user",
+              },
+              "id": UUID {
+                "uuid": "order-enquired",
+              },
+              "listing": Object {
+                "attributes": Object {
+                  "address": "listing1 address",
+                  "closed": false,
+                  "customAttributes": Object {},
+                  "deleted": false,
+                  "description": "listing1 description",
+                  "geolocation": LatLng {
+                    "lat": 40,
+                    "lng": 60,
+                  },
+                  "price": Money {
+                    "amount": 5500,
+                    "currency": "USD",
+                  },
+                  "title": "listing1 title",
+                },
+                "id": UUID {
+                  "uuid": "listing1",
+                },
+                "type": "listing",
+              },
+              "provider": Object {
+                "attributes": Object {
+                  "banned": false,
+                  "profile": Object {
+                    "abbreviatedName": "TT",
+                    "displayName": "provider display name",
+                  },
+                },
+                "id": UUID {
+                  "uuid": "provider",
+                },
+                "type": "user",
+              },
+              "reviews": Array [],
+              "type": "transaction",
+            }
+          }
+        />
+      </div>
+      <Component
+        currentTransaction={
+          Object {
+            "attributes": Object {
+              "createdAt": 2017-05-01T00:00:00.000Z,
+              "lastTransition": "transition/enquire",
+              "lastTransitionedAt": 2017-06-01T00:00:00.000Z,
+              "lineItems": Array [
+                Object {
+                  "code": "line-item/night",
+                  "lineTotal": Money {
+                    "amount": 16500,
+                    "currency": "USD",
+                  },
+                  "quantity": "3",
+                  "reversal": false,
+                  "unitPrice": Money {
+                    "amount": 5500,
+                    "currency": "USD",
+                  },
+                },
+                Object {
+                  "code": "line-item/provider-commission",
+                  "lineTotal": Money {
+                    "amount": -100,
+                    "currency": "USD",
+                  },
+                  "reversal": false,
+                  "unitPrice": Money {
+                    "amount": -100,
+                    "currency": "USD",
+                  },
+                },
+              ],
+              "payinTotal": Money {
+                "amount": 16500,
+                "currency": "USD",
+              },
+              "payoutTotal": Money {
+                "amount": 16400,
+                "currency": "USD",
+              },
+              "transitions": Array [
+                Object {
+                  "at": 2017-05-01T00:00:00.000Z,
+                  "by": "customer",
+                  "transition": "transition/preauthorize",
+                },
+                Object {
+                  "at": 2017-06-01T00:00:00.000Z,
+                  "by": "provider",
+                  "transition": "transition/accept",
+                },
+              ],
+            },
+            "booking": Object {
+              "attributes": Object {
+                "end": 2017-06-13T00:00:00.000Z,
+                "start": 2017-06-10T00:00:00.000Z,
+              },
+              "id": UUID {
+                "uuid": "booking1",
+              },
+              "type": "booking",
+            },
+            "customer": Object {
+              "attributes": Object {
+                "banned": false,
+                "profile": Object {
+                  "abbreviatedName": "TT",
+                  "displayName": "customer display name",
+                },
+              },
+              "id": UUID {
+                "uuid": "customer",
+              },
+              "type": "user",
+            },
+            "id": UUID {
+              "uuid": "order-enquired",
+            },
+            "listing": Object {
+              "attributes": Object {
+                "address": "listing1 address",
+                "closed": false,
+                "customAttributes": Object {},
+                "deleted": false,
+                "description": "listing1 description",
+                "geolocation": LatLng {
+                  "lat": 40,
+                  "lng": 60,
+                },
+                "price": Money {
+                  "amount": 5500,
+                  "currency": "USD",
+                },
+                "title": "listing1 title",
+              },
+              "id": UUID {
+                "uuid": "listing1",
+              },
+              "type": "listing",
+            },
+            "provider": Object {
+              "attributes": Object {
+                "banned": false,
+                "profile": Object {
+                  "abbreviatedName": "TT",
+                  "displayName": "provider display name",
+                },
+              },
+              "id": UUID {
+                "uuid": "provider",
+              },
+              "type": "user",
+            },
+            "reviews": Array [],
+            "type": "transaction",
+          }
+        }
+        currentUser={
+          Object {
+            "attributes": Object {
+              "banned": false,
+              "email": "user2@example.com",
+              "emailVerified": true,
+              "profile": Object {
+                "abbreviatedName": "user2 abbreviated name",
+                "displayName": "user2 display name",
+                "firstName": "user2 first name",
+                "lastName": "user2 last name",
+              },
+              "stripeConnected": true,
+            },
+            "id": UUID {
+              "uuid": "user2",
+            },
+            "type": "currentUser",
+          }
+        }
+        fetchMessagesError={null}
+        fetchMessagesInProgress={false}
+        initialMessageFailed={false}
+        messages={
+          Array [
+            Object {
+              "attributes": Object {
+                "at": 2017-11-09T08:12:00.000Z,
+                "content": "Message msg1
+          
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+              },
+              "id": UUID {
+                "uuid": "msg1",
+              },
+              "sender": Object {
+                "attributes": Object {
+                  "banned": false,
+                  "profile": Object {
+                    "abbreviatedName": "TT",
+                    "displayName": "user1 display name",
+                  },
+                },
+                "id": UUID {
+                  "uuid": "user1",
+                },
+                "type": "user",
+              },
+              "type": "message",
+            },
+            Object {
+              "attributes": Object {
+                "at": 2017-11-09T08:12:00.000Z,
+                "content": "Message msg2
+          
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+              },
+              "id": UUID {
+                "uuid": "msg2",
+              },
+              "sender": Object {
+                "attributes": Object {
+                  "banned": false,
+                  "profile": Object {
+                    "abbreviatedName": "TT",
+                    "displayName": "user2 display name",
+                  },
+                },
+                "id": UUID {
+                  "uuid": "user2",
+                },
+                "type": "user",
+              },
+              "type": "message",
+            },
+          ]
+        }
+        oldestMessagePageFetched={1}
+        onOpenReviewModal={[Function]}
+        onShowMoreMessages={[Function]}
+        rootClassName=""
+        totalMessagePages={1}
+      />
+      <SendMessageForm
+        form="TransactionPanel.SendMessageForm"
+        inProgress={false}
+        messagePlaceholder="TransactionPanel.sendMessagePlaceholder"
+        onBlur={[Function]}
+        onFocus={[Function]}
+        onSubmit={[Function]}
+        rootClassName=""
+        sendMessageError={null}
+      />
+    </div>
+    <div>
+      <div>
+        <div>
+          <div>
+            <ResponsiveImage
+              alt="listing1 title"
+              className={null}
+              image={null}
+              nameSet={
+                Array [
+                  Object {
+                    "name": "landscape-crop",
+                    "size": "400w",
+                  },
+                  Object {
+                    "name": "landscape-crop2x",
+                    "size": "800w",
+                  },
+                ]
+              }
+              noImageMessage={null}
+              rootClassName={null}
+              sizes="100%"
+            />
+          </div>
+        </div>
+        <Component
+          transaction={
+            Object {
+              "attributes": Object {
+                "createdAt": 2017-05-01T00:00:00.000Z,
+                "lastTransition": "transition/enquire",
+                "lastTransitionedAt": 2017-06-01T00:00:00.000Z,
+                "lineItems": Array [
+                  Object {
+                    "code": "line-item/night",
+                    "lineTotal": Money {
+                      "amount": 16500,
+                      "currency": "USD",
+                    },
+                    "quantity": "3",
+                    "reversal": false,
+                    "unitPrice": Money {
+                      "amount": 5500,
+                      "currency": "USD",
+                    },
+                  },
+                  Object {
+                    "code": "line-item/provider-commission",
+                    "lineTotal": Money {
+                      "amount": -100,
+                      "currency": "USD",
+                    },
+                    "reversal": false,
+                    "unitPrice": Money {
+                      "amount": -100,
+                      "currency": "USD",
+                    },
+                  },
+                ],
+                "payinTotal": Money {
+                  "amount": 16500,
+                  "currency": "USD",
+                },
+                "payoutTotal": Money {
+                  "amount": 16400,
+                  "currency": "USD",
+                },
+                "transitions": Array [
+                  Object {
+                    "at": 2017-05-01T00:00:00.000Z,
+                    "by": "customer",
+                    "transition": "transition/preauthorize",
+                  },
+                  Object {
+                    "at": 2017-06-01T00:00:00.000Z,
+                    "by": "provider",
+                    "transition": "transition/accept",
+                  },
+                ],
+              },
+              "booking": Object {
+                "attributes": Object {
+                  "end": 2017-06-13T00:00:00.000Z,
+                  "start": 2017-06-10T00:00:00.000Z,
+                },
+                "id": UUID {
+                  "uuid": "booking1",
+                },
+                "type": "booking",
+              },
+              "customer": Object {
+                "attributes": Object {
+                  "banned": false,
+                  "profile": Object {
+                    "abbreviatedName": "TT",
+                    "displayName": "customer display name",
+                  },
+                },
+                "id": UUID {
+                  "uuid": "customer",
+                },
+                "type": "user",
+              },
+              "id": UUID {
+                "uuid": "order-enquired",
+              },
+              "listing": Object {
+                "attributes": Object {
+                  "address": "listing1 address",
+                  "closed": false,
+                  "customAttributes": Object {},
+                  "deleted": false,
+                  "description": "listing1 description",
+                  "geolocation": LatLng {
+                    "lat": 40,
+                    "lng": 60,
+                  },
+                  "price": Money {
+                    "amount": 5500,
+                    "currency": "USD",
+                  },
+                  "title": "listing1 title",
+                },
+                "id": UUID {
+                  "uuid": "listing1",
+                },
+                "type": "listing",
+              },
+              "provider": Object {
+                "attributes": Object {
+                  "banned": false,
+                  "profile": Object {
+                    "abbreviatedName": "TT",
+                    "displayName": "provider display name",
+                  },
+                },
+                "id": UUID {
+                  "uuid": "provider",
+                },
+                "type": "user",
+              },
+              "reviews": Array [],
+              "type": "transaction",
+            }
+          }
+        />
+      </div>
+    </div>
+  </div>
+  <InjectIntl(ReviewModal)
+    id="ReviewOrderModal"
+    isOpen={false}
+    onCloseModal={[Function]}
+    onManageDisableScrolling={[Function]}
+    onSubmitReview={[Function]}
+    reviewSent={false}
+    revieweeName="provider display name"
+    sendReviewError={null}
+    sendReviewInProgress={false}
+  />
+</div>
+`;
+
 exports[`TransactionPanel - Order preauthorized matches snapshot 1`] = `
 <div
   className=""
@@ -8735,6 +9560,763 @@ exports[`TransactionPanel - Sale delivered matches snapshot 1`] = `
 </div>
 `;
 
+exports[`TransactionPanel - Sale enquired matches snapshot 1`] = `
+<div
+  className=""
+>
+  <div>
+    <div>
+      <div>
+        <div>
+          <ResponsiveImage
+            alt="listing1 title"
+            className={null}
+            image={null}
+            nameSet={
+              Array [
+                Object {
+                  "name": "landscape-crop",
+                  "size": "400w",
+                },
+                Object {
+                  "name": "landscape-crop2x",
+                  "size": "800w",
+                },
+              ]
+            }
+            noImageMessage={null}
+            rootClassName={null}
+            sizes="100vw"
+          />
+        </div>
+      </div>
+      <div
+        className=""
+      >
+        <AvatarMedium
+          user={
+            Object {
+              "attributes": Object {
+                "profile": Object {},
+              },
+              "id": null,
+              "type": "user",
+            }
+          }
+        />
+      </div>
+      <Component
+        currentListing={
+          Object {
+            "attributes": Object {
+              "address": "listing1 address",
+              "closed": false,
+              "customAttributes": Object {},
+              "deleted": false,
+              "description": "listing1 description",
+              "geolocation": LatLng {
+                "lat": 40,
+                "lng": 60,
+              },
+              "price": Money {
+                "amount": 5500,
+                "currency": "USD",
+              },
+              "title": "listing1 title",
+            },
+            "id": UUID {
+              "uuid": "listing1",
+            },
+            "images": Array [],
+            "type": "listing",
+          }
+        }
+        customerDisplayName="customer1 display name"
+        listingTitle="listing1 title"
+        transaction={
+          Object {
+            "attributes": Object {
+              "createdAt": 2017-05-01T00:00:00.000Z,
+              "lastTransition": "transition/enquire",
+              "lastTransitionedAt": 2017-06-10T00:00:00.000Z,
+              "lineItems": Array [
+                Object {
+                  "code": "line-item/night",
+                  "lineTotal": Money {
+                    "amount": 16500,
+                    "currency": "USD",
+                  },
+                  "quantity": "3",
+                  "reversal": false,
+                  "unitPrice": Money {
+                    "amount": 5500,
+                    "currency": "USD",
+                  },
+                },
+                Object {
+                  "code": "line-item/provider-commission",
+                  "lineTotal": Money {
+                    "amount": -1000,
+                    "currency": "USD",
+                  },
+                  "reversal": false,
+                  "unitPrice": Money {
+                    "amount": -1000,
+                    "currency": "USD",
+                  },
+                },
+              ],
+              "payinTotal": Money {
+                "amount": 16500,
+                "currency": "USD",
+              },
+              "payoutTotal": Money {
+                "amount": 15500,
+                "currency": "USD",
+              },
+              "transitions": Array [
+                Object {
+                  "at": 2017-05-01T00:00:00.000Z,
+                  "by": "customer",
+                  "transition": "transition/preauthorize",
+                },
+                Object {
+                  "at": 2017-06-01T00:00:00.000Z,
+                  "by": "provider",
+                  "transition": "transition/accept",
+                },
+              ],
+            },
+            "booking": Object {
+              "attributes": Object {
+                "end": 2017-06-13T00:00:00.000Z,
+                "start": 2017-06-10T00:00:00.000Z,
+              },
+              "id": UUID {
+                "uuid": "booking1",
+              },
+              "type": "booking",
+            },
+            "customer": Object {
+              "attributes": Object {
+                "banned": false,
+                "profile": Object {
+                  "abbreviatedName": "TT",
+                  "displayName": "customer1 display name",
+                },
+              },
+              "id": UUID {
+                "uuid": "customer1",
+              },
+              "type": "user",
+            },
+            "id": UUID {
+              "uuid": "sale-enquired",
+            },
+            "listing": Object {
+              "attributes": Object {
+                "address": "listing1 address",
+                "closed": false,
+                "customAttributes": Object {},
+                "deleted": false,
+                "description": "listing1 description",
+                "geolocation": LatLng {
+                  "lat": 40,
+                  "lng": 60,
+                },
+                "price": Money {
+                  "amount": 5500,
+                  "currency": "USD",
+                },
+                "title": "listing1 title",
+              },
+              "id": UUID {
+                "uuid": "listing1",
+              },
+              "type": "listing",
+            },
+            "provider": null,
+            "reviews": Array [],
+            "type": "transaction",
+          }
+        }
+      />
+      <Component
+        customerDisplayName="customer1 display name"
+        isCustomerBanned={false}
+        listingDeleted={false}
+        transaction={
+          Object {
+            "attributes": Object {
+              "createdAt": 2017-05-01T00:00:00.000Z,
+              "lastTransition": "transition/enquire",
+              "lastTransitionedAt": 2017-06-10T00:00:00.000Z,
+              "lineItems": Array [
+                Object {
+                  "code": "line-item/night",
+                  "lineTotal": Money {
+                    "amount": 16500,
+                    "currency": "USD",
+                  },
+                  "quantity": "3",
+                  "reversal": false,
+                  "unitPrice": Money {
+                    "amount": 5500,
+                    "currency": "USD",
+                  },
+                },
+                Object {
+                  "code": "line-item/provider-commission",
+                  "lineTotal": Money {
+                    "amount": -1000,
+                    "currency": "USD",
+                  },
+                  "reversal": false,
+                  "unitPrice": Money {
+                    "amount": -1000,
+                    "currency": "USD",
+                  },
+                },
+              ],
+              "payinTotal": Money {
+                "amount": 16500,
+                "currency": "USD",
+              },
+              "payoutTotal": Money {
+                "amount": 15500,
+                "currency": "USD",
+              },
+              "transitions": Array [
+                Object {
+                  "at": 2017-05-01T00:00:00.000Z,
+                  "by": "customer",
+                  "transition": "transition/preauthorize",
+                },
+                Object {
+                  "at": 2017-06-01T00:00:00.000Z,
+                  "by": "provider",
+                  "transition": "transition/accept",
+                },
+              ],
+            },
+            "booking": Object {
+              "attributes": Object {
+                "end": 2017-06-13T00:00:00.000Z,
+                "start": 2017-06-10T00:00:00.000Z,
+              },
+              "id": UUID {
+                "uuid": "booking1",
+              },
+              "type": "booking",
+            },
+            "customer": Object {
+              "attributes": Object {
+                "banned": false,
+                "profile": Object {
+                  "abbreviatedName": "TT",
+                  "displayName": "customer1 display name",
+                },
+              },
+              "id": UUID {
+                "uuid": "customer1",
+              },
+              "type": "user",
+            },
+            "id": UUID {
+              "uuid": "sale-enquired",
+            },
+            "listing": Object {
+              "attributes": Object {
+                "address": "listing1 address",
+                "closed": false,
+                "customAttributes": Object {},
+                "deleted": false,
+                "description": "listing1 description",
+                "geolocation": LatLng {
+                  "lat": 40,
+                  "lng": 60,
+                },
+                "price": Money {
+                  "amount": 5500,
+                  "currency": "USD",
+                },
+                "title": "listing1 title",
+              },
+              "id": UUID {
+                "uuid": "listing1",
+              },
+              "type": "listing",
+            },
+            "provider": null,
+            "reviews": Array [],
+            "type": "transaction",
+          }
+        }
+      />
+      <div>
+        <Component
+          transaction={
+            Object {
+              "attributes": Object {
+                "createdAt": 2017-05-01T00:00:00.000Z,
+                "lastTransition": "transition/enquire",
+                "lastTransitionedAt": 2017-06-10T00:00:00.000Z,
+                "lineItems": Array [
+                  Object {
+                    "code": "line-item/night",
+                    "lineTotal": Money {
+                      "amount": 16500,
+                      "currency": "USD",
+                    },
+                    "quantity": "3",
+                    "reversal": false,
+                    "unitPrice": Money {
+                      "amount": 5500,
+                      "currency": "USD",
+                    },
+                  },
+                  Object {
+                    "code": "line-item/provider-commission",
+                    "lineTotal": Money {
+                      "amount": -1000,
+                      "currency": "USD",
+                    },
+                    "reversal": false,
+                    "unitPrice": Money {
+                      "amount": -1000,
+                      "currency": "USD",
+                    },
+                  },
+                ],
+                "payinTotal": Money {
+                  "amount": 16500,
+                  "currency": "USD",
+                },
+                "payoutTotal": Money {
+                  "amount": 15500,
+                  "currency": "USD",
+                },
+                "transitions": Array [
+                  Object {
+                    "at": 2017-05-01T00:00:00.000Z,
+                    "by": "customer",
+                    "transition": "transition/preauthorize",
+                  },
+                  Object {
+                    "at": 2017-06-01T00:00:00.000Z,
+                    "by": "provider",
+                    "transition": "transition/accept",
+                  },
+                ],
+              },
+              "booking": Object {
+                "attributes": Object {
+                  "end": 2017-06-13T00:00:00.000Z,
+                  "start": 2017-06-10T00:00:00.000Z,
+                },
+                "id": UUID {
+                  "uuid": "booking1",
+                },
+                "type": "booking",
+              },
+              "customer": Object {
+                "attributes": Object {
+                  "banned": false,
+                  "profile": Object {
+                    "abbreviatedName": "TT",
+                    "displayName": "customer1 display name",
+                  },
+                },
+                "id": UUID {
+                  "uuid": "customer1",
+                },
+                "type": "user",
+              },
+              "id": UUID {
+                "uuid": "sale-enquired",
+              },
+              "listing": Object {
+                "attributes": Object {
+                  "address": "listing1 address",
+                  "closed": false,
+                  "customAttributes": Object {},
+                  "deleted": false,
+                  "description": "listing1 description",
+                  "geolocation": LatLng {
+                    "lat": 40,
+                    "lng": 60,
+                  },
+                  "price": Money {
+                    "amount": 5500,
+                    "currency": "USD",
+                  },
+                  "title": "listing1 title",
+                },
+                "id": UUID {
+                  "uuid": "listing1",
+                },
+                "type": "listing",
+              },
+              "provider": null,
+              "reviews": Array [],
+              "type": "transaction",
+            }
+          }
+        />
+      </div>
+      <Component
+        currentTransaction={
+          Object {
+            "attributes": Object {
+              "createdAt": 2017-05-01T00:00:00.000Z,
+              "lastTransition": "transition/enquire",
+              "lastTransitionedAt": 2017-06-10T00:00:00.000Z,
+              "lineItems": Array [
+                Object {
+                  "code": "line-item/night",
+                  "lineTotal": Money {
+                    "amount": 16500,
+                    "currency": "USD",
+                  },
+                  "quantity": "3",
+                  "reversal": false,
+                  "unitPrice": Money {
+                    "amount": 5500,
+                    "currency": "USD",
+                  },
+                },
+                Object {
+                  "code": "line-item/provider-commission",
+                  "lineTotal": Money {
+                    "amount": -1000,
+                    "currency": "USD",
+                  },
+                  "reversal": false,
+                  "unitPrice": Money {
+                    "amount": -1000,
+                    "currency": "USD",
+                  },
+                },
+              ],
+              "payinTotal": Money {
+                "amount": 16500,
+                "currency": "USD",
+              },
+              "payoutTotal": Money {
+                "amount": 15500,
+                "currency": "USD",
+              },
+              "transitions": Array [
+                Object {
+                  "at": 2017-05-01T00:00:00.000Z,
+                  "by": "customer",
+                  "transition": "transition/preauthorize",
+                },
+                Object {
+                  "at": 2017-06-01T00:00:00.000Z,
+                  "by": "provider",
+                  "transition": "transition/accept",
+                },
+              ],
+            },
+            "booking": Object {
+              "attributes": Object {
+                "end": 2017-06-13T00:00:00.000Z,
+                "start": 2017-06-10T00:00:00.000Z,
+              },
+              "id": UUID {
+                "uuid": "booking1",
+              },
+              "type": "booking",
+            },
+            "customer": Object {
+              "attributes": Object {
+                "banned": false,
+                "profile": Object {
+                  "abbreviatedName": "TT",
+                  "displayName": "customer1 display name",
+                },
+              },
+              "id": UUID {
+                "uuid": "customer1",
+              },
+              "type": "user",
+            },
+            "id": UUID {
+              "uuid": "sale-enquired",
+            },
+            "listing": Object {
+              "attributes": Object {
+                "address": "listing1 address",
+                "closed": false,
+                "customAttributes": Object {},
+                "deleted": false,
+                "description": "listing1 description",
+                "geolocation": LatLng {
+                  "lat": 40,
+                  "lng": 60,
+                },
+                "price": Money {
+                  "amount": 5500,
+                  "currency": "USD",
+                },
+                "title": "listing1 title",
+              },
+              "id": UUID {
+                "uuid": "listing1",
+              },
+              "type": "listing",
+            },
+            "provider": null,
+            "reviews": Array [],
+            "type": "transaction",
+          }
+        }
+        currentUser={
+          Object {
+            "attributes": Object {
+              "banned": false,
+              "email": "user1@example.com",
+              "emailVerified": true,
+              "profile": Object {
+                "abbreviatedName": "user1 abbreviated name",
+                "displayName": "user1 display name",
+                "firstName": "user1 first name",
+                "lastName": "user1 last name",
+              },
+              "stripeConnected": true,
+            },
+            "id": UUID {
+              "uuid": "user1",
+            },
+            "type": "currentUser",
+          }
+        }
+        fetchMessagesError={null}
+        fetchMessagesInProgress={false}
+        initialMessageFailed={false}
+        messages={
+          Array [
+            Object {
+              "attributes": Object {
+                "at": 2017-11-09T08:12:00.000Z,
+                "content": "Message msg1
+          
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+              },
+              "id": UUID {
+                "uuid": "msg1",
+              },
+              "sender": Object {
+                "attributes": Object {
+                  "banned": false,
+                  "profile": Object {
+                    "abbreviatedName": "TT",
+                    "displayName": "user1 display name",
+                  },
+                },
+                "id": UUID {
+                  "uuid": "user1",
+                },
+                "type": "user",
+              },
+              "type": "message",
+            },
+            Object {
+              "attributes": Object {
+                "at": 2017-11-09T08:12:00.000Z,
+                "content": "Message msg2
+          
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+              },
+              "id": UUID {
+                "uuid": "msg2",
+              },
+              "sender": Object {
+                "attributes": Object {
+                  "banned": false,
+                  "profile": Object {
+                    "abbreviatedName": "TT",
+                    "displayName": "user2 display name",
+                  },
+                },
+                "id": UUID {
+                  "uuid": "user2",
+                },
+                "type": "user",
+              },
+              "type": "message",
+            },
+          ]
+        }
+        oldestMessagePageFetched={1}
+        onOpenReviewModal={[Function]}
+        onShowMoreMessages={[Function]}
+        rootClassName=""
+        totalMessagePages={1}
+      />
+      <SendMessageForm
+        form="TransactionPanel.SendMessageForm"
+        inProgress={false}
+        messagePlaceholder="TransactionPanel.sendMessagePlaceholder"
+        onBlur={[Function]}
+        onFocus={[Function]}
+        onSubmit={[Function]}
+        rootClassName=""
+        sendMessageError={null}
+      />
+    </div>
+    <div>
+      <div>
+        <div>
+          <div>
+            <ResponsiveImage
+              alt="listing1 title"
+              className={null}
+              image={null}
+              nameSet={
+                Array [
+                  Object {
+                    "name": "landscape-crop",
+                    "size": "400w",
+                  },
+                  Object {
+                    "name": "landscape-crop2x",
+                    "size": "800w",
+                  },
+                ]
+              }
+              noImageMessage={null}
+              rootClassName={null}
+              sizes="100%"
+            />
+          </div>
+        </div>
+        <Component
+          transaction={
+            Object {
+              "attributes": Object {
+                "createdAt": 2017-05-01T00:00:00.000Z,
+                "lastTransition": "transition/enquire",
+                "lastTransitionedAt": 2017-06-10T00:00:00.000Z,
+                "lineItems": Array [
+                  Object {
+                    "code": "line-item/night",
+                    "lineTotal": Money {
+                      "amount": 16500,
+                      "currency": "USD",
+                    },
+                    "quantity": "3",
+                    "reversal": false,
+                    "unitPrice": Money {
+                      "amount": 5500,
+                      "currency": "USD",
+                    },
+                  },
+                  Object {
+                    "code": "line-item/provider-commission",
+                    "lineTotal": Money {
+                      "amount": -1000,
+                      "currency": "USD",
+                    },
+                    "reversal": false,
+                    "unitPrice": Money {
+                      "amount": -1000,
+                      "currency": "USD",
+                    },
+                  },
+                ],
+                "payinTotal": Money {
+                  "amount": 16500,
+                  "currency": "USD",
+                },
+                "payoutTotal": Money {
+                  "amount": 15500,
+                  "currency": "USD",
+                },
+                "transitions": Array [
+                  Object {
+                    "at": 2017-05-01T00:00:00.000Z,
+                    "by": "customer",
+                    "transition": "transition/preauthorize",
+                  },
+                  Object {
+                    "at": 2017-06-01T00:00:00.000Z,
+                    "by": "provider",
+                    "transition": "transition/accept",
+                  },
+                ],
+              },
+              "booking": Object {
+                "attributes": Object {
+                  "end": 2017-06-13T00:00:00.000Z,
+                  "start": 2017-06-10T00:00:00.000Z,
+                },
+                "id": UUID {
+                  "uuid": "booking1",
+                },
+                "type": "booking",
+              },
+              "customer": Object {
+                "attributes": Object {
+                  "banned": false,
+                  "profile": Object {
+                    "abbreviatedName": "TT",
+                    "displayName": "customer1 display name",
+                  },
+                },
+                "id": UUID {
+                  "uuid": "customer1",
+                },
+                "type": "user",
+              },
+              "id": UUID {
+                "uuid": "sale-enquired",
+              },
+              "listing": Object {
+                "attributes": Object {
+                  "address": "listing1 address",
+                  "closed": false,
+                  "customAttributes": Object {},
+                  "deleted": false,
+                  "description": "listing1 description",
+                  "geolocation": LatLng {
+                    "lat": 40,
+                    "lng": 60,
+                  },
+                  "price": Money {
+                    "amount": 5500,
+                    "currency": "USD",
+                  },
+                  "title": "listing1 title",
+                },
+                "id": UUID {
+                  "uuid": "listing1",
+                },
+                "type": "listing",
+              },
+              "provider": null,
+              "reviews": Array [],
+              "type": "transaction",
+            }
+          }
+        />
+      </div>
+    </div>
+  </div>
+  <InjectIntl(ReviewModal)
+    id="ReviewOrderModal"
+    isOpen={false}
+    onCloseModal={[Function]}
+    onManageDisableScrolling={[Function]}
+    onSubmitReview={[Function]}
+    reviewSent={false}
+    sendReviewError={null}
+    sendReviewInProgress={false}
+  />
+</div>
+`;
+
 exports[`TransactionPanel - Sale preauthorized matches snapshot 1`] = `
 <div
   className=""