// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`SaleDetailsPanel accepted 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>
        <AvatarMedium
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "TT",
                  "displayName": "customer1 display name",
                },
              },
              "id": UUID {
                "uuid": "customer1",
              },
              "type": "user",
            }
          }
        />
      </div>
      <div>
        <AvatarLarge
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "TT",
                  "displayName": "customer1 display name",
                },
              },
              "id": UUID {
                "uuid": "customer1",
              },
              "type": "user",
            }
          }
        />
      </div>
      <h1>
        <FormattedMessage
          id="SaleDetailsPanel.listingAcceptedTitle"
          values={
            Object {
              "customerName": "customer1 display name",
              "listingLink": <NamedLink
                name="ListingPage"
                params={
                    Object {
                        "id": "listing1",
                        "slug": "listing1-title",
                      }
                }
            >
                listing1 title
            </NamedLink>,
            }
          }
        />
      </h1>
      <div>
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.bookingBreakdownTitle"
            values={Object {}}
          />
        </h3>
        <BookingBreakdown
          booking={
            Object {
              "attributes": Object {
                "end": 2017-06-13T00:00:00.000Z,
                "start": 2017-06-10T00:00:00.000Z,
              },
              "id": UUID {
                "uuid": "booking1",
              },
              "type": "booking",
            }
          }
          transaction={
            Object {
              "attributes": Object {
                "createdAt": 2017-05-01T00:00:00.000Z,
                "lastTransition": "transition/accept",
                "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-accepted",
              },
              "listing": Object {
                "attributes": Object {
                  "address": "listing1 address",
                  "closed": false,
                  "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,
              "type": "transaction",
            }
          }
          userRole="provider"
        />
      </div>
      <div
        className=""
      >
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.activityHeading"
            values={Object {}}
          />
        </h3>
        <InjectIntl(Component)
          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",
            }
          }
          fetchMessagesInProgress={false}
          hasOlderMessages={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",
              },
            ]
          }
          onShowOlderMessages={[Function]}
          transaction={
            Object {
              "attributes": Object {
                "createdAt": 2017-05-01T00:00:00.000Z,
                "lastTransition": "transition/accept",
                "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-accepted",
              },
              "listing": Object {
                "attributes": Object {
                  "address": "listing1 address",
                  "closed": false,
                  "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,
              "type": "transaction",
            }
          }
        />
      </div>
      <SendMessageForm
        form="SaleDetailsPanel.SendMessageForm"
        inProgress={false}
        messagePlaceholder="SaleDetailsPanel.sendMessagePlaceholder"
        onBlur={[Function]}
        onFocus={[Function]}
        onSubmit={[Function]}
        rootClassName=""
        sendMessageError={null}
      />
      <div />
    </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>
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.bookingBreakdownTitle"
            values={Object {}}
          />
        </h3>
        <div>
          <BookingBreakdown
            booking={
              Object {
                "attributes": Object {
                  "end": 2017-06-13T00:00:00.000Z,
                  "start": 2017-06-10T00:00:00.000Z,
                },
                "id": UUID {
                  "uuid": "booking1",
                },
                "type": "booking",
              }
            }
            transaction={
              Object {
                "attributes": Object {
                  "createdAt": 2017-05-01T00:00:00.000Z,
                  "lastTransition": "transition/accept",
                  "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-accepted",
                },
                "listing": Object {
                  "attributes": Object {
                    "address": "listing1 address",
                    "closed": false,
                    "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,
                "type": "transaction",
              }
            }
            userRole="provider"
          />
        </div>
        <div />
      </div>
    </div>
  </div>
</div>
`;

exports[`SaleDetailsPanel autodeclined 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>
        <AvatarMedium
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "TT",
                  "displayName": "customer1 display name",
                },
              },
              "id": UUID {
                "uuid": "customer1",
              },
              "type": "user",
            }
          }
        />
      </div>
      <div>
        <AvatarLarge
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "TT",
                  "displayName": "customer1 display name",
                },
              },
              "id": UUID {
                "uuid": "customer1",
              },
              "type": "user",
            }
          }
        />
      </div>
      <h1>
        <FormattedMessage
          id="SaleDetailsPanel.listingDeclinedTitle"
          values={
            Object {
              "customerName": "customer1 display name",
              "listingLink": <NamedLink
                name="ListingPage"
                params={
                    Object {
                        "id": "listing1",
                        "slug": "listing1-title",
                      }
                }
            >
                listing1 title
            </NamedLink>,
            }
          }
        />
      </h1>
      <div>
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.bookingBreakdownTitle"
            values={Object {}}
          />
        </h3>
        <BookingBreakdown
          booking={
            Object {
              "attributes": Object {
                "end": 2017-06-13T00:00:00.000Z,
                "start": 2017-06-10T00:00:00.000Z,
              },
              "id": UUID {
                "uuid": "booking1",
              },
              "type": "booking",
            }
          }
          transaction={
            Object {
              "attributes": Object {
                "createdAt": 2017-05-01T00:00:00.000Z,
                "lastTransition": "transition/auto-decline",
                "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-autodeclined",
              },
              "listing": Object {
                "attributes": Object {
                  "address": "listing1 address",
                  "closed": false,
                  "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,
              "type": "transaction",
            }
          }
          userRole="provider"
        />
      </div>
      <div
        className=""
      >
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.activityHeading"
            values={Object {}}
          />
        </h3>
        <InjectIntl(Component)
          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",
            }
          }
          fetchMessagesInProgress={false}
          hasOlderMessages={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",
              },
            ]
          }
          onShowOlderMessages={[Function]}
          transaction={
            Object {
              "attributes": Object {
                "createdAt": 2017-05-01T00:00:00.000Z,
                "lastTransition": "transition/auto-decline",
                "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-autodeclined",
              },
              "listing": Object {
                "attributes": Object {
                  "address": "listing1 address",
                  "closed": false,
                  "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,
              "type": "transaction",
            }
          }
        />
      </div>
      <SendMessageForm
        form="SaleDetailsPanel.SendMessageForm"
        inProgress={false}
        messagePlaceholder="SaleDetailsPanel.sendMessagePlaceholder"
        onBlur={[Function]}
        onFocus={[Function]}
        onSubmit={[Function]}
        rootClassName=""
        sendMessageError={null}
      />
      <div />
    </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>
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.bookingBreakdownTitle"
            values={Object {}}
          />
        </h3>
        <div>
          <BookingBreakdown
            booking={
              Object {
                "attributes": Object {
                  "end": 2017-06-13T00:00:00.000Z,
                  "start": 2017-06-10T00:00:00.000Z,
                },
                "id": UUID {
                  "uuid": "booking1",
                },
                "type": "booking",
              }
            }
            transaction={
              Object {
                "attributes": Object {
                  "createdAt": 2017-05-01T00:00:00.000Z,
                  "lastTransition": "transition/auto-decline",
                  "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-autodeclined",
                },
                "listing": Object {
                  "attributes": Object {
                    "address": "listing1 address",
                    "closed": false,
                    "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,
                "type": "transaction",
              }
            }
            userRole="provider"
          />
        </div>
        <div />
      </div>
    </div>
  </div>
</div>
`;

exports[`SaleDetailsPanel canceled 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>
        <AvatarMedium
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "TT",
                  "displayName": "customer1 display name",
                },
              },
              "id": UUID {
                "uuid": "customer1",
              },
              "type": "user",
            }
          }
        />
      </div>
      <div>
        <AvatarLarge
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "TT",
                  "displayName": "customer1 display name",
                },
              },
              "id": UUID {
                "uuid": "customer1",
              },
              "type": "user",
            }
          }
        />
      </div>
      <h1>
        <FormattedMessage
          id="SaleDetailsPanel.listingAcceptedTitle"
          values={
            Object {
              "customerName": "customer1 display name",
              "listingLink": <NamedLink
                name="ListingPage"
                params={
                    Object {
                        "id": "listing1",
                        "slug": "listing1-title",
                      }
                }
            >
                listing1 title
            </NamedLink>,
            }
          }
        />
      </h1>
      <div>
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.bookingBreakdownTitle"
            values={Object {}}
          />
        </h3>
        <BookingBreakdown
          booking={
            Object {
              "attributes": Object {
                "end": 2017-06-13T00:00:00.000Z,
                "start": 2017-06-10T00:00:00.000Z,
              },
              "id": UUID {
                "uuid": "booking1",
              },
              "type": "booking",
            }
          }
          transaction={
            Object {
              "attributes": Object {
                "createdAt": 2017-05-01T00:00:00.000Z,
                "lastTransition": "transition/accept",
                "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-canceled",
              },
              "listing": Object {
                "attributes": Object {
                  "address": "listing1 address",
                  "closed": false,
                  "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,
              "type": "transaction",
            }
          }
          userRole="provider"
        />
      </div>
      <div
        className=""
      >
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.activityHeading"
            values={Object {}}
          />
        </h3>
        <InjectIntl(Component)
          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",
            }
          }
          fetchMessagesInProgress={false}
          hasOlderMessages={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",
              },
            ]
          }
          onShowOlderMessages={[Function]}
          transaction={
            Object {
              "attributes": Object {
                "createdAt": 2017-05-01T00:00:00.000Z,
                "lastTransition": "transition/accept",
                "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-canceled",
              },
              "listing": Object {
                "attributes": Object {
                  "address": "listing1 address",
                  "closed": false,
                  "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,
              "type": "transaction",
            }
          }
        />
      </div>
      <SendMessageForm
        form="SaleDetailsPanel.SendMessageForm"
        inProgress={false}
        messagePlaceholder="SaleDetailsPanel.sendMessagePlaceholder"
        onBlur={[Function]}
        onFocus={[Function]}
        onSubmit={[Function]}
        rootClassName=""
        sendMessageError={null}
      />
      <div />
    </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>
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.bookingBreakdownTitle"
            values={Object {}}
          />
        </h3>
        <div>
          <BookingBreakdown
            booking={
              Object {
                "attributes": Object {
                  "end": 2017-06-13T00:00:00.000Z,
                  "start": 2017-06-10T00:00:00.000Z,
                },
                "id": UUID {
                  "uuid": "booking1",
                },
                "type": "booking",
              }
            }
            transaction={
              Object {
                "attributes": Object {
                  "createdAt": 2017-05-01T00:00:00.000Z,
                  "lastTransition": "transition/accept",
                  "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-canceled",
                },
                "listing": Object {
                  "attributes": Object {
                    "address": "listing1 address",
                    "closed": false,
                    "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,
                "type": "transaction",
              }
            }
            userRole="provider"
          />
        </div>
        <div />
      </div>
    </div>
  </div>
</div>
`;

exports[`SaleDetailsPanel declined 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>
        <AvatarMedium
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "TT",
                  "displayName": "customer1 display name",
                },
              },
              "id": UUID {
                "uuid": "customer1",
              },
              "type": "user",
            }
          }
        />
      </div>
      <div>
        <AvatarLarge
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "TT",
                  "displayName": "customer1 display name",
                },
              },
              "id": UUID {
                "uuid": "customer1",
              },
              "type": "user",
            }
          }
        />
      </div>
      <h1>
        <FormattedMessage
          id="SaleDetailsPanel.listingDeclinedTitle"
          values={
            Object {
              "customerName": "customer1 display name",
              "listingLink": <NamedLink
                name="ListingPage"
                params={
                    Object {
                        "id": "listing1",
                        "slug": "listing1-title",
                      }
                }
            >
                listing1 title
            </NamedLink>,
            }
          }
        />
      </h1>
      <div>
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.bookingBreakdownTitle"
            values={Object {}}
          />
        </h3>
        <BookingBreakdown
          booking={
            Object {
              "attributes": Object {
                "end": 2017-06-13T00:00:00.000Z,
                "start": 2017-06-10T00:00:00.000Z,
              },
              "id": UUID {
                "uuid": "booking1",
              },
              "type": "booking",
            }
          }
          transaction={
            Object {
              "attributes": Object {
                "createdAt": 2017-05-01T00:00:00.000Z,
                "lastTransition": "transition/decline",
                "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-declined",
              },
              "listing": Object {
                "attributes": Object {
                  "address": "listing1 address",
                  "closed": false,
                  "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,
              "type": "transaction",
            }
          }
          userRole="provider"
        />
      </div>
      <div
        className=""
      >
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.activityHeading"
            values={Object {}}
          />
        </h3>
        <InjectIntl(Component)
          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",
            }
          }
          fetchMessagesInProgress={false}
          hasOlderMessages={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",
              },
            ]
          }
          onShowOlderMessages={[Function]}
          transaction={
            Object {
              "attributes": Object {
                "createdAt": 2017-05-01T00:00:00.000Z,
                "lastTransition": "transition/decline",
                "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-declined",
              },
              "listing": Object {
                "attributes": Object {
                  "address": "listing1 address",
                  "closed": false,
                  "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,
              "type": "transaction",
            }
          }
        />
      </div>
      <SendMessageForm
        form="SaleDetailsPanel.SendMessageForm"
        inProgress={false}
        messagePlaceholder="SaleDetailsPanel.sendMessagePlaceholder"
        onBlur={[Function]}
        onFocus={[Function]}
        onSubmit={[Function]}
        rootClassName=""
        sendMessageError={null}
      />
      <div />
    </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>
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.bookingBreakdownTitle"
            values={Object {}}
          />
        </h3>
        <div>
          <BookingBreakdown
            booking={
              Object {
                "attributes": Object {
                  "end": 2017-06-13T00:00:00.000Z,
                  "start": 2017-06-10T00:00:00.000Z,
                },
                "id": UUID {
                  "uuid": "booking1",
                },
                "type": "booking",
              }
            }
            transaction={
              Object {
                "attributes": Object {
                  "createdAt": 2017-05-01T00:00:00.000Z,
                  "lastTransition": "transition/decline",
                  "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-declined",
                },
                "listing": Object {
                  "attributes": Object {
                    "address": "listing1 address",
                    "closed": false,
                    "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,
                "type": "transaction",
              }
            }
            userRole="provider"
          />
        </div>
        <div />
      </div>
    </div>
  </div>
</div>
`;

exports[`SaleDetailsPanel delivered 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>
        <AvatarMedium
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "TT",
                  "displayName": "customer1 display name",
                },
              },
              "id": UUID {
                "uuid": "customer1",
              },
              "type": "user",
            }
          }
        />
      </div>
      <div>
        <AvatarLarge
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "TT",
                  "displayName": "customer1 display name",
                },
              },
              "id": UUID {
                "uuid": "customer1",
              },
              "type": "user",
            }
          }
        />
      </div>
      <h1>
        <FormattedMessage
          id="SaleDetailsPanel.listingDeliveredTitle"
          values={
            Object {
              "customerName": "customer1 display name",
              "listingLink": <NamedLink
                name="ListingPage"
                params={
                    Object {
                        "id": "listing1",
                        "slug": "listing1-title",
                      }
                }
            >
                listing1 title
            </NamedLink>,
            }
          }
        />
      </h1>
      <div>
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.bookingBreakdownTitle"
            values={Object {}}
          />
        </h3>
        <BookingBreakdown
          booking={
            Object {
              "attributes": Object {
                "end": 2017-06-13T00:00:00.000Z,
                "start": 2017-06-10T00:00:00.000Z,
              },
              "id": UUID {
                "uuid": "booking1",
              },
              "type": "booking",
            }
          }
          transaction={
            Object {
              "attributes": Object {
                "createdAt": 2017-05-01T00:00:00.000Z,
                "lastTransition": "transition/mark-delivered",
                "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-delivered",
              },
              "listing": Object {
                "attributes": Object {
                  "address": "listing1 address",
                  "closed": false,
                  "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,
              "type": "transaction",
            }
          }
          userRole="provider"
        />
      </div>
      <div
        className=""
      >
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.activityHeading"
            values={Object {}}
          />
        </h3>
        <InjectIntl(Component)
          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",
            }
          }
          fetchMessagesInProgress={false}
          hasOlderMessages={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",
              },
            ]
          }
          onShowOlderMessages={[Function]}
          transaction={
            Object {
              "attributes": Object {
                "createdAt": 2017-05-01T00:00:00.000Z,
                "lastTransition": "transition/mark-delivered",
                "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-delivered",
              },
              "listing": Object {
                "attributes": Object {
                  "address": "listing1 address",
                  "closed": false,
                  "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,
              "type": "transaction",
            }
          }
        />
      </div>
      <SendMessageForm
        form="SaleDetailsPanel.SendMessageForm"
        inProgress={false}
        messagePlaceholder="SaleDetailsPanel.sendMessagePlaceholder"
        onBlur={[Function]}
        onFocus={[Function]}
        onSubmit={[Function]}
        rootClassName=""
        sendMessageError={null}
      />
      <div />
    </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>
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.bookingBreakdownTitle"
            values={Object {}}
          />
        </h3>
        <div>
          <BookingBreakdown
            booking={
              Object {
                "attributes": Object {
                  "end": 2017-06-13T00:00:00.000Z,
                  "start": 2017-06-10T00:00:00.000Z,
                },
                "id": UUID {
                  "uuid": "booking1",
                },
                "type": "booking",
              }
            }
            transaction={
              Object {
                "attributes": Object {
                  "createdAt": 2017-05-01T00:00:00.000Z,
                  "lastTransition": "transition/mark-delivered",
                  "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-delivered",
                },
                "listing": Object {
                  "attributes": Object {
                    "address": "listing1 address",
                    "closed": false,
                    "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,
                "type": "transaction",
              }
            }
            userRole="provider"
          />
        </div>
        <div />
      </div>
    </div>
  </div>
</div>
`;

exports[`SaleDetailsPanel preauthorized 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>
        <AvatarMedium
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "TT",
                  "displayName": "customer1 display name",
                },
              },
              "id": UUID {
                "uuid": "customer1",
              },
              "type": "user",
            }
          }
        />
      </div>
      <div>
        <AvatarLarge
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "TT",
                  "displayName": "customer1 display name",
                },
              },
              "id": UUID {
                "uuid": "customer1",
              },
              "type": "user",
            }
          }
        />
      </div>
      <h1>
        <FormattedMessage
          id="SaleDetailsPanel.listingRequestedTitle"
          values={
            Object {
              "customerName": "customer1 display name",
              "listingLink": <NamedLink
                name="ListingPage"
                params={
                    Object {
                        "id": "listing1",
                        "slug": "listing1-title",
                      }
                }
            >
                listing1 title
            </NamedLink>,
            }
          }
        />
      </h1>
      <p>
        <FormattedMessage
          id="SaleDetailsPanel.saleRequestedStatus"
          values={
            Object {
              "customerName": "customer1 display name",
            }
          }
        />
      </p>
      <div>
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.bookingBreakdownTitle"
            values={Object {}}
          />
        </h3>
        <BookingBreakdown
          booking={
            Object {
              "attributes": Object {
                "end": 2017-06-13T00:00:00.000Z,
                "start": 2017-06-10T00:00:00.000Z,
              },
              "id": UUID {
                "uuid": "booking1",
              },
              "type": "booking",
            }
          }
          transaction={
            Object {
              "attributes": Object {
                "createdAt": 2017-05-01T00:00:00.000Z,
                "lastTransition": "transition/preauthorize",
                "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-preauthorized",
              },
              "listing": Object {
                "attributes": Object {
                  "address": "listing1 address",
                  "closed": false,
                  "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,
              "type": "transaction",
            }
          }
          userRole="provider"
        />
      </div>
      <div
        className="undefined"
      >
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.activityHeading"
            values={Object {}}
          />
        </h3>
        <InjectIntl(Component)
          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",
            }
          }
          fetchMessagesInProgress={false}
          hasOlderMessages={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",
              },
            ]
          }
          onShowOlderMessages={[Function]}
          transaction={
            Object {
              "attributes": Object {
                "createdAt": 2017-05-01T00:00:00.000Z,
                "lastTransition": "transition/preauthorize",
                "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-preauthorized",
              },
              "listing": Object {
                "attributes": Object {
                  "address": "listing1 address",
                  "closed": false,
                  "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,
              "type": "transaction",
            }
          }
        />
      </div>
      <SendMessageForm
        form="SaleDetailsPanel.SendMessageForm"
        inProgress={false}
        messagePlaceholder="SaleDetailsPanel.sendMessagePlaceholder"
        onBlur={[Function]}
        onFocus={[Function]}
        onSubmit={[Function]}
        rootClassName=""
        sendMessageError={null}
      />
      <div>
        <div
          className=""
        >
          <div />
          <div>
            <SecondaryButton
              disabled={false}
              inProgress={false}
              onClick={[Function]}
            >
              <FormattedMessage
                id="SalePage.declineButton"
                values={Object {}}
              />
            </SecondaryButton>
            <PrimaryButton
              disabled={false}
              inProgress={false}
              onClick={[Function]}
            >
              <FormattedMessage
                id="SalePage.acceptButton"
                values={Object {}}
              />
            </PrimaryButton>
          </div>
        </div>
      </div>
    </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>
        <h3>
          <FormattedMessage
            id="SaleDetailsPanel.bookingBreakdownTitle"
            values={Object {}}
          />
        </h3>
        <div>
          <BookingBreakdown
            booking={
              Object {
                "attributes": Object {
                  "end": 2017-06-13T00:00:00.000Z,
                  "start": 2017-06-10T00:00:00.000Z,
                },
                "id": UUID {
                  "uuid": "booking1",
                },
                "type": "booking",
              }
            }
            transaction={
              Object {
                "attributes": Object {
                  "createdAt": 2017-05-01T00:00:00.000Z,
                  "lastTransition": "transition/preauthorize",
                  "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-preauthorized",
                },
                "listing": Object {
                  "attributes": Object {
                    "address": "listing1 address",
                    "closed": false,
                    "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,
                "type": "transaction",
              }
            }
            userRole="provider"
          />
        </div>
        <div>
          <div
            className=""
          >
            <div />
            <div>
              <SecondaryButton
                disabled={false}
                inProgress={false}
                onClick={[Function]}
              >
                <FormattedMessage
                  id="SalePage.declineButton"
                  values={Object {}}
                />
              </SecondaryButton>
              <PrimaryButton
                disabled={false}
                inProgress={false}
                onClick={[Function]}
              >
                <FormattedMessage
                  id="SalePage.acceptButton"
                  values={Object {}}
                />
              </PrimaryButton>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;
