diff --git a/services-js/registry-certs/client/__snapshots__/Storyshots.test.ts.snap b/services-js/registry-certs/client/__snapshots__/Storyshots.test.ts.snap index 2652b64ae..a050929e2 100644 --- a/services-js/registry-certs/client/__snapshots__/Storyshots.test.ts.snap +++ b/services-js/registry-certs/client/__snapshots__/Storyshots.test.ts.snap @@ -1,81359 +1,5354 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots Birth/CheckoutPage confirmation 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - +exports[`Storyshots Common Components/Nav default 1`] = ` .emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 54px; } -.emotion-3 span { - font-style: italic; +.emotion-1 { + display: block !important; + text-align: right; } -@media screen and (max-width:840px) { - .emotion-5 { - display: none; - } +.emotion-1:after { + display: none !important; } -.emotion-4 { - fill: #fff; +.emotion-0 { + display: inline-block; + position: relative; + background: #fff; color: #091f2f; - stroke: currentColor; - stroke-width: 3; -} - -.emotion-4 .frame { - stroke-width: 3.5; -} - -.emotion-4 .lines { - stroke-width: 3.75; -} - -.emotion-4 .birth { - stroke: none; + padding: 0.5em 0; + margin-right: 1.25rem; + margin-left: 1.25rem; + width: 3em; + text-align: center; + font-style: italic; + font-family: Lora,Georgia,serif; + font-size: 1rem; } -.emotion-4 .marriage { - stroke: none; +.emotion-0:before { + content: ''; + display: block; + border-color: transparent #fff transparent transparent; + border-width: 5px 10px; + border-style: solid; + position: absolute; + width: 0; + height: 0; + left: -20px; + top: 12px; }
- - Jump to content - -
-
- - -
-", - } - } - /> -
- -
-
- - - - Toggle Menu -
- - - - - \\"Home - - - - -
-
- -
- - -
-
-
- ", - } - } - role="banner" - /> -
- -
-
-
-
-

- Request a birth certificate -

-
- - Step 8 of 8 - - -
-
-
-
-
-
-
- -
-
-
-

- Thank you -

-

- We received your request and sent an email confirmation to: - - - ttoe@squirrelzone.net - -

-

- Your order number is - - # - RG-BC201901-414211 - -

-

- - Please allow 2–3 business days for us to process your order. - - - Your order will be shipped via U.S. Postal Service to the shipping address you provided. -

-

- We - - will not charge - - your card until we’ve processed your request. If we request more information from you and do not hear back from you within 3 business days, we will cancel the transaction. -

-

- Have any questions? Email the Registry Department at - - - birth@boston.gov - - . -

-

- Order a new - - - birth - - , - - - marriage - - , or - - - death - - - certificate. -

-
-
-
-
-
-
-
-", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> + + `; -exports[`Storyshots Birth/CheckoutPage no birth certificate request 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - +exports[`Storyshots Email/Birth/Expired HTML 1`] = `
- - Jump to content - - -
-
- + + + + + + + + + + + + + + + + + + + + + + + -
-", + + + + + + + + + + + +
-
+ + + + + +
+ + -

- Request a birth certificate -

-
-
- Your birth certificate request is incomplete. -
-
+
+ + + + +
+ + +
+ + + + + + + +
- Back to Start - - - - - - - -
- - - - -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Birth/CheckoutPage payment 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-7 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-6 { - padding: 0; -} - -
- - Jump to content - - -
+
-
 
- - -", - } - } - /> -
-
- -
-
- - - - Toggle Menu -
- - - - - \\"Home - - - - -
-
- -
- - -
-
-
- ", - } - } - role="banner" - /> -
+
+ + + + + + +
+ + + + + +
+ + - + + + +
- - › - - - -
  • - + + + + + + + + + + + + + + + + + +
    - Registry: Birth, death, and marriage and marriage intention - -
    + + + +
    + + + + + + + + + + + +
    - - › - - - -
  • + + + + + + + +
    - + +
    + + + + + + + + + + +
    - Birth certificates - - - - - +
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 7 of 8 - - -
    -
    -

    - Payment -

    -
    -
    - -
    -
    -
    -
    -
    -
    -
    - Shipping Address - -  –  - - - edit - - - -
    -
    -
    - Dorm Hall, Apt 5, 10 College Avenue, New York NY 12345 -
    -
    - -
    -
    -
    - - Payment method - -
    - - -
    -
    - -
    -
    - We accept Visa, MasterCard, and Discover. -
    -
    -
    -
    - - Billing Address - -
    -
    - - -
    -
    -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    - - - - -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Birth/CheckoutPage review 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-7 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-6 { - padding: 0; -} - -.emotion-15:after { - content: ''; - display: table; - clear: both; -} - -.emotion-8 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-10 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-14 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-13 { - font-size: 80%; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> -
    +
    + +

    -

    + +
    + + +
    + + + + + + + +
    + + + + + + +
    - - › - - - -
  • + + + + + + + + +
    - - Birth certificates - - - - - + +
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 8 of 8 - - -
    -
    -

    - Review Order -

    -
    - Your order is not yet complete. Please check the information below, then click the - - Submit Order - - button. -
    -
    -
    -
    -
    - Order Details -
    -
    -
    - -
    -
    -
    -
    -
    -
    - Contact Information - -  —  - - - edit - - - -
    -
    -
    - - squirrel.girl@avengers.org - -
    - (555) 123-9999 -
    -
    -
    -
    -
    - Shipping Address - -  —  - - - edit - - - -
    -
    -
    - Doreen Green -
    - Empire State University -
    - Dorm Hall, Apt 5 -
    - 10 College Avenue -
    - New York, NY 12345 -
    -
    -
    -
    -
    - Payment Information - -  —  - - - edit - - - -
    -
    -
    - Nancy Whitehead -
    - •••• •••• •••• - 4040 -
    - 3 Avengers Towers -
    - New York - , - NY - - 12223 -
    -
    -
    + +
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - + +
    + Date: 1/8/2018 2:05PM
    + Order #: RG-BC201801-100001 +
    + + + + +
    - Cost Summary -
    - Item - - Amount -
    - 4 - - certificates - × - - $14.00 - - $ - 56.00 -
    - - Credit card service fee - - * - - - - $ - 1.46 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 57.46 -
    + +
    + + +
    + -
     
    - - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    - - -
    - - -
    - -
    - ", - } - } - role="banner" - /> -
    +
  • + +
  • + + - + + +
    + + + +
    + + - + + + +
    - - › - - - -
  • + + + + + + + +
    - + +
    + + + + + + + + + + +
    - Birth certificates - - - - - +
    -
    -
    -

    - Request a birth certificate -

    -
    -
    -
    -
    - -
    - Birth certificates - - - - - +
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 6 of 8 - - -
    -
    -

    - Shipping -

    -
    -
    - -
    -
    -
    -
    -
    - - Contact Information - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    -
    - - Shipping Address - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - -
    -
    -
    - -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    - - - - -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Birth/Question Components/BornInBoston initial question 1`] = ` -.emotion-9 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-9 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-9 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-8 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-8 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-8 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-11 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-11 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-11 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-11 > div.ta-r > button { - margin-left: auto; - } - - .emotion-11 .lnk { - padding-left: 0; - } -} - -.emotion-10 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-7 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-7 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-7 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    -
    -
    boston.gov/birth. +
    + +
    + +
    + + +
    + + + + + +
  • + +
    + + + + + +
    + + - - -
    + + + + + + +
    - - + +
    + +
    - + + + + + + + +
    + + + + + + + +
    + + \\"\\" + +
    + +
    +
    + + +
    - + + + + + + + +
    + +
    + Have any questions? Contact the Registry at birth@boston.gov.
    - - - -`; - -exports[`Storyshots Birth/Question Components/BornInBoston may not have record 1`] = ` -.emotion-18 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-18 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-18 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-8 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-8 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-8 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-20 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-20 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-20 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-20 > div.ta-r > button { - margin-left: auto; - } - - .emotion-20 .lnk { - padding-left: 0; - } -} - -.emotion-19 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-7 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-7 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-7 label { - padding-left: 1rem; - padding-right: 1rem; - } -} + +
    + +
    + + +
    + + +
    + +
    + + + + + + + + + + ", + } + } + /> + +`; -.emotion-1 { - width: 80px; - height: 80px; -} +exports[`Storyshots Email/Birth/Expired text 1`] = ` +
    +
    +    City of Boston
     
    -.emotion-1 ellipse {
    -  stroke: currentColor;
    -  stroke-width: 5;
    -  fill: #fff;
    -}
    +Your order has been canceled
     
    -.emotion-1.checkMark,
    -.emotion-1.xSymbol {
    -  fill: none;
    -  stroke-width: 7;
    -  stroke-linecap: round;
    -}
    +Date: 1/8/2018 2:05PM
    +Order ID: RG-BC201801-100001
     
    -.emotion-1.checkMark {
    -  stroke: #62A744;
    -}
    +We have canceled your birth certificate request and removed 
    +the hold from your card. Your card will not be charged.
     
    -.emotion-1.xSymbol {
    -  stroke: #f04f46;
    -}
    +If you would like to place a new order, visit 
    +https://www.boston.gov/birth
     
    -.emotion-1.questionMark path {
    -  fill: #091f2f;
    -  stroke: none;
    -}
    +Have any questions? Contact the Registry at 
    +birth@boston.gov.
    +  
    +
    +`; +exports[`Storyshots Email/Birth/Receipt HTML 1`] = `
    -
    -
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    - -

    - Were - they - born in Boston? -

    -
    -
    - - - -
    -
    -
    + - -

    - Did - their - parents live in Boston at the time of - their - birth? -

    -
    -
    +
    + + + +
    + + + +
    + + - - -
    + + + + + + +
    - - - - - - - - - No - - - - + +
    -

    - We might not have their record -

    -

    - We only have records for people born in the City of Boston, or people whose parents were married and living in Boston at the time of the birth. -

    -

    - You can still place this order, and we’ll do our best to help you out. -

    -
    - -
    -
    - -
    -
    +
    + + - + + + + + +
    + + \\"City + +
    + +
    +
    - - - -`; - -exports[`Storyshots Birth/Question Components/BornInBoston secondary question 1`] = ` -.emotion-18 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-18 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-18 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-8 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-8 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-8 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-20 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-20 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-20 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-20 > div.ta-r > button { - margin-left: auto; - } - - .emotion-20 .lnk { - padding-left: 0; - } -} - -.emotion-19 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-7 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-7 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-7 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    -
    -
    +
    + +
    + + + + + + + +
    + + - - -
    + + + + + +
    - - - - - - - No - - - - -
    - -

    - Did - their - parents live in Boston at the time of - their - birth? -

    -
    -
    +
    + + + +
    + + - - -
    + + + + + + + +
    - - + +
    + + + + + + + + + + +
    - - - - - - - No - - - - - -
    +
    - + Thank you for your order!
    -
    +
    + +

    -

    +
    - - - -`; - -exports[`Storyshots Birth/Question Components/BornInBoston will not have record 1`] = ` -.emotion-18 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-18 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-18 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-8 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-8 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-8 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-20 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-20 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-20 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-20 > div.ta-r > button { - margin-left: auto; - } - - .emotion-20 .lnk { - padding-left: 0; - } -} - -.emotion-19 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-7 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-7 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-7 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    -
    -
    - -

    - Were - they - born in Boston? -

    -
    -
    - - -
    + +
    + +
    + + + + + +
    + + - - -
    + + + + + + + +
    - - - - - - - - - No - - - - + +
    -

    - Sorry, we don’t have their record -

    -

    - We only have records for people born in the City of Boston, or people whose parents were married and living in Boston at the time of the birth. -

    -

    - Please contact the town, city, state, or country where - - they - were born to find the record. -

    -
    - -
    -
    - -
    + +
    +
    - + Date: 1/8/2018 2:05PM
    + Order #: RG-BC201801-100001
    - - - -`; - -exports[`Storyshots Birth/Question Components/ClientInstructions default 1`] = ` -.emotion-1 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-1 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-1 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-3 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-3 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-3 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-3 > div.ta-r > button { - margin-left: auto; - } - - .emotion-3 .lnk { - padding-left: 0; - } -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -
    -
    -
    + +
    + +
    + + +
    -

    - You must complete this process in person or by mail -

    -
    -

    - If you are an attorney making a request for a client, you need these items to get a record: -

    -
      -
    1. - A letter on letterhead stating you legally represent the person for whom you are requesting a record -
    2. -
    3. - A photocopy of your ID (state-issued ID, driver’s license, or government-issued ID), and -
    4. -
    5. - A copy of your BAR card (must be in good standing and not expired) -
    6. -
    -

    - You must complete this process in person at Boston City Hall or by mail. In person, the cost per request is $12. We take cash, credit or debit cards, checks, or money orders. By mail, the cost per request is $14. We accept checks or money orders payable to the City of Boston. -

    -

    - For more information, you can email us at - - - birth - @boston.gov - - . -

    -

    - - Please note: - - If you are a legal representative and making a mail request, we will only return the record to your address. -

    -
    -
    - -
    + + + + + + +
    +
    - + Shipping information:
    + Nancy Whitehead
    + + 123 Fake St.
    + + Boston, MA 02141
    -
    -
    - - -`; - -exports[`Storyshots Birth/Question Components/ForWhom default 1`] = ` -.emotion-7 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-7 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-7 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-6 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-6 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-6 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-5 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-5 > * { - margin: 1rem; - } -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-1 { - width: 100px; - fill: #fff; - stroke: currentColor; - stroke-miterlimit: 10; - stroke-width: 3; -} - -.emotion-1.forOther { - width: 140px; -} - -.emotion-1.spouse ellipse { - fill: none; - stroke: #fff; - stroke-width: 8; -} - -.emotion-1.spouse line { - stroke-linecap: round; -} - -@media screen and (min-width:480px) { - .emotion-1.spouse { - height: 90px; - } -} - -.emotion-1.child { - stroke-linejoin: round; - stroke-linecap: round; -} - -.emotion-1.heavier { - stroke-width: 3.5; -} - -.emotion-8 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-8 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-8 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-8 > div.ta-r > button { - margin-left: auto; - } - - .emotion-8 .lnk { - padding-left: 0; - } -} - -
    -
    -
    -
    +
    + +
    + + +
    + +
    + + + + + +
    + + - -
    + + + + + + + + + + + + + + + + + + +
    +
    - + Order:
    - - - -`; - -exports[`Storyshots Birth/Question Components/ForWhom someone else’s 1`] = ` -.emotion-22 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-22 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-22 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-6 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-6 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-6 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-5 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-5 > * { - margin: 1rem; - } -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-1 { - width: 100px; - fill: #fff; - stroke: currentColor; - stroke-miterlimit: 10; - stroke-width: 3; -} - -.emotion-1.forOther { - width: 140px; -} - -.emotion-1.spouse ellipse { - fill: none; - stroke: #fff; - stroke-width: 8; -} - -.emotion-1.spouse line { - stroke-linecap: round; -} - -@media screen and (min-width:480px) { - .emotion-1.spouse { - height: 90px; - } -} - -.emotion-1.child { - stroke-linejoin: round; - stroke-linecap: round; -} - -.emotion-1.heavier { - stroke-width: 3.5; -} - -.emotion-23 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-23 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-23 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-23 > div.ta-r > button { - margin-left: auto; - } - - .emotion-23 .lnk { - padding-left: 0; - } -} - -.emotion-20 { - margin-top: 2rem; -} - -.emotion-20 label { - -webkit-align-items: flex-end; - -webkit-box-align: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; - margin-bottom: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-20 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - - .emotion-20 label { - -webkit-flex: 0 1 50%; - -ms-flex: 0 1 50%; - flex: 0 1 50%; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 3rem; - } - - .emotion-20 label:last-of-type span { - white-space: nowrap; - } -} - -@media screen and (min-width:768px) { - .emotion-20 label { - -webkit-flex: 0 1 32%; - -ms-flex: 0 1 32%; - flex: 0 1 32%; - } -} - -@media screen and (min-width:840px) { - .emotion-20 label { - margin-bottom: 4rem; - } -} - -@supports (display:grid) { - .emotion-20.birth { - display: grid; - grid-row-gap: 2rem; - } - - .emotion-20.birth label { - margin-bottom: 0; - } - -@media screen and (min-width:480px) { - .emotion-20.birth { - grid-template-columns: 1fr 1fr; - grid-row-gap: 4rem; - } -} - -@media screen and (min-width:768px) { - .emotion-20.birth { - grid-template-columns: 1fr 1fr 1fr; - } -} -} - -
    -
    -
    -
    - -

    - Whose birth certificate are you ordering? -

    -
    -
    - - -
    -
    -
    - -

    - I’m ordering the birth certificate of my… -

    -
    -
    - - - -
    - - - - +
    + 1 × Certified birth certificate for Carol Danvers (10/6/1976)$14.00
    Card service fee*$0.00
    Total$14.56
    + +
    - - - - - - - Family member - - - - - - - -
    -
    +
    - + We have received your order. You will be charged when the certificate ships.
    -
    -
    - -`; - -exports[`Storyshots Birth/Question Components/ParentalInformation default 1`] = ` -.emotion-17 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-17 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-17 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-7 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-7 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-7 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-10 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-10 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-10 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-10 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-10 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-10 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-10 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-10 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-10.selected span { - background-color: #e0e0e0; -} - -.emotion-10.inactive { - opacity: 0.25; -} - -.emotion-19 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-19 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-19 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-19 > div.ta-r > button { - margin-left: auto; - } - - .emotion-19 .lnk { - padding-left: 0; - } -} - -.emotion-18 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-15 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-15 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-15 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-15 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-9 { - width: 80px; - height: 80px; -} - -.emotion-9 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-9.checkMark, -.emotion-9.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-9.checkMark { - stroke: #62A744; -} - -.emotion-9.xSymbol { - stroke: #f04f46; -} - -.emotion-9.questionMark path { - fill: #091f2f; - stroke: none; -} - -@media screen and (min-width:768px) { - .emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin-left: auto; - margin-right: auto; - } -} - -.emotion-2 > div { - text-align: left; -} - -@media screen and (min-width:768px) { - .emotion-2 > div { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - } -} - -.emotion-3 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-3 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-3 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -
    -
    -
    -
    - -

    - What were - your - parents’ names at the time of - your - birth? -

    -
    -

    - Please use the names - your - parents used at the time of - your - birth. If only one parent is listed on - your - record, you only need to include that name. -

    -
    - -

    - Parent 1 - - (Example: Mother) - -

    -
    -
    -
    - - -
    -   -
    -
    -
    - - -
    -   -
    -
    -
    -
    -
    - -

    - Parent 2 -

    -
    -
    -
    - - -
    -   -
    -
    -
    - - -
    -   -
    -
    -
    -
    -
    -
    - -

    - Were - your - parents married at the time of - your - birth? -

    -
    -
    - - -
    - - - - - - - No - - - - - -
    +
    - + We will contact you if we need more information to fulfill the order. If we contact you but do not hear back within 3 business days, we will cancel the order without charge.
    + +
    +
    - + * You are charged an extra service fee of not more than + $0.25 plus 2.15%. This fee goes directly to a third party to + pay for the cost of card processing. Learn more about card service fees at the City + of Boston.
    - - - -`; - -exports[`Storyshots Birth/Question Components/ParentalInformation may be restricted (other) 1`] = ` -.emotion-17 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-17 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-17 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-7 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-7 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-7 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-10 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-10 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-10 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-10 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-10 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-10 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-10 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-10 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-10.selected span { - background-color: #e0e0e0; -} - -.emotion-10.inactive { - opacity: 0.25; -} - -.emotion-19 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-19 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-19 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-19 > div.ta-r > button { - margin-left: auto; - } - - .emotion-19 .lnk { - padding-left: 0; - } -} - -.emotion-18 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-15 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-15 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-15 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-15 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-9 { - width: 80px; - height: 80px; -} - -.emotion-9 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-9.checkMark, -.emotion-9.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-9.checkMark { - stroke: #62A744; -} - -.emotion-9.xSymbol { - stroke: #f04f46; -} - -.emotion-9.questionMark path { - fill: #091f2f; - stroke: none; -} - -@media screen and (min-width:768px) { - .emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin-left: auto; - margin-right: auto; - } -} - -.emotion-2 > div { - text-align: left; -} - -@media screen and (min-width:768px) { - .emotion-2 > div { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - } -} - -.emotion-3 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-3 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-3 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -
    -
    -
    -
    +
    + + + + +
  • + +
    + + + + + + + + +
    + + + + + +
    + + - -

    - Parent 1 - - (Example: Mother) - -

    -
    -
    -
    - - -
    -   -
    -
    -
    - - -
    +
    + + + +
    -   - - - - -
    - -

    + + + + + + +
    - Parent 2 - - -
    -
    - - -
    -   -
    -
    -
    - - -
    -   -
    -
    -
    - - -
    + +
    - -

    - Were - Stacy’s - parents married at the time of - their - birth? -

    -
    -
    - - -
    -
    - + + + + + + + + + + ", + } + } + /> `; -exports[`Storyshots Birth/Question Components/PersonalInformation birth too recent 1`] = ` -.emotion-6 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-6 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-6 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-2 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-2 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-2 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-8 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-8 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-8 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-8 > div.ta-r > button { - margin-left: auto; - } - - .emotion-8 .lnk { - padding-left: 0; - } -} - -.emotion-7 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -@media screen and (min-width:768px) { - .emotion-1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin-left: auto; - margin-right: auto; - } -} - -.emotion-1 > div { - text-align: left; -} - -@media screen and (min-width:768px) { - .emotion-1 > div { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - } -} - -.emotion-5 { - border: none; - padding: 0; - margin: 0; -} - -.emotion-5 legend { - padding-left: 0; - font-size: 120%; -} - -.emotion-4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-transition: opacity 0.1s; - transition: opacity 0.1s; -} +exports[`Storyshots Email/Birth/Receipt text 1`] = ` +
    +
    +    City of Boston
     
    -.emotion-4 > div {
    -  -webkit-flex: 0 0 24%;
    -  -ms-flex: 0 0 24%;
    -  flex: 0 0 24%;
    -}
    +Thank you for your order!
     
    -.emotion-4 > div:last-of-type {
    -  -webkit-flex: 0 0 50%;
    -  -ms-flex: 0 0 50%;
    -  flex: 0 0 50%;
    -}
    +Date: 1/8/2018 2:05PM
    +Order ID: RG-BC201801-100001
     
    -.emotion-4 input {
    -  -moz-appearance: textfield;
    -}
    +Your shipping information:
    +Nancy Whitehead
    +123 Fake St.
    +Boston, MA 02141
     
    -.emotion-4 input::-webkit-inner-spin-button {
    -  -webkit-appearance: none;
    -}
    +Your order:
    +  1 x Certified birth certificate for Carol Danvers (10/6/1976) $14.00
    +  Card processing fee*  $0.00
    +  Total  $14.56
     
    -.emotion-4 input::-ms-clear {
    -  display: none;
    -}
    +We have received your order. You will be charged when the 
    +certificate ships.
     
    -.emotion-4 label {
    -  margin-top: 0.5rem;
    -}
    +We will contact you if we need more information to fulfill 
    +the order. If we contact you but do not hear back within 3 
    +business days, we will cancel the order without charge.
     
    -.emotion-4.disabled {
    -  opacity: 0.4;
    -}
    +* You are charged an extra service fee of not more than 
    +$0.25 plus 2.15%. This fee goes directly to a third party to 
    +pay for the cost of card processing. Learn more about card 
    +service fees at the City of Boston. 
    +[https://www.boston.gov/common-questions-about-online-payments]
     
    -.emotion-4.disabled * {
    -  cursor: not-allowed;
    -}
    +Have any questions? Contact the Registry at 
    +birth@boston.gov.
    +  
    +
    +`; +exports[`Storyshots Email/Birth/Shipped HTML 1`] = `
    -
    -
    - -

    - What was - their - name at birth? -

    -
    -

    - If - they - changed - their - - name at some point, please use the name - they - - were given at birth. If - they - were adopted, use - - their - post-adoption name. Please note, we do not need - their - middle name to process your request. -

    -
    -
    - - -
    -   -
    -
    -
    - - -
    -   -
    -
    -
    -
    -
    - - -
    -   -
    -
    -
    -
    -
    -
    -
    - -

    - When were - they - born? -

    -
    -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    -
    -
    -
    + + + + + + + + + + + + + + + + + + + + + + -.emotion-4.disabled * { - cursor: not-allowed; -} + + + + + + + + + + + +
    -
    + + + + + +
    + + + +
    + + -
    - -

    +

    + + + + +
    - When were - they - born? - - -
    + + + + + + + + +
    -
    - - -
    -
    - - -
    -
    - - -
    - - - - - -
    + +
    - -
    -
    - + +
    + + + + + + + +
    + + \\"City + +
    + +
    +
    - - - -`; - -exports[`Storyshots Birth/Question Components/VerifyIdentification default 1`] = ` -.emotion-13 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-18 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-18 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-18 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-16 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-16 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-16 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-20 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-20 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-20 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-20 > div.ta-r > button { - margin-left: auto; - } - - .emotion-20 .lnk { - padding-left: 0; - } -} - -.emotion-19 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-6 { - position: relative; - overflow: hidden; -} - -.emotion-4:focus > div { - outline: 4px solid #000; - outline-offset: -5px; -} - -.emotion-3 { - position: relative; - cursor: pointer; - overflow: hidden; - background-color: currentColor; -} - -.emotion-2 { - background-color: #288be4; - color: #000; -} - -.emotion-2.id { - padding: 2rem 4rem; -} - -.emotion-5:focus { - outline: 3px solid #000; - outline-offset: -4px; -} - -.emotion-15 { - padding-left: 0; - color: #091f2f; -} - -.emotion-15 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-15 li { - margin-left: 1rem; - } -} - -.emotion-15 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-15 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -
    -
    -
    -

    - Verify your identity -

    -

    - Under state law, the record you’re ordering may have an access restriction. You must upload a valid form of identification before we can process your request. -

    -

    - - Please note - - : You must be - - a person or parent - listed on the record to get a copy of the certificate. If you are not listed on the record, you will not be able to get a copy. We will cancel your request and will not charge your card. Contact - - - birth - @boston.gov - - - with questions. -

    -

    - Upload ID images -

    -

    - We accept the following forms of ID: -

    -
      -
    • - Driver’s License -
    • -
    • - State ID -
    • -
    • - Passport -
    • -
    • - Military ID -
    • -
    -
    +
    + +
    + +
    + + + + + +
    + + -
    -
    - -
    +
    + + + +
    -
    -
    - -
    -
    - - -
    -
    + + + + + +
    + + - Review request - - - - - -`; - -exports[`Storyshots Birth/QuestionsFlowPage 1. Who is this for? 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-11 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-11 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-11 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-10 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-10 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-10 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-9 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-9 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-9 > * { - margin: 1rem; - } -} - -.emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-6 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-6 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-6 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-6 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-6 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-6 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-6 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-6 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-6.selected span { - background-color: #e0e0e0; -} - -.emotion-6.inactive { - opacity: 0.25; -} - -.emotion-5 { - width: 100px; - fill: #fff; - stroke: currentColor; - stroke-miterlimit: 10; - stroke-width: 3; -} - -.emotion-5.forOther { - width: 140px; -} - -.emotion-5.spouse ellipse { - fill: none; - stroke: #fff; - stroke-width: 8; -} - -.emotion-5.spouse line { - stroke-linecap: round; -} - -@media screen and (min-width:480px) { - .emotion-5.spouse { - height: 90px; - } -} - -.emotion-5.child { - stroke-linejoin: round; - stroke-linecap: round; -} - -.emotion-5.heavier { - stroke-width: 3.5; -} - -.emotion-12 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-12 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-12 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-12 > div.ta-r > button { - margin-left: auto; - } - - .emotion-12 .lnk { - padding-left: 0; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    - -
    - ", - } - } - role="banner" - /> -
    + + + +
    - - › - - - -
  • + + + + + + + + +
    - - Birth certificates - - - - - + +
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 1 of 8 - - -
    -
    -
    -
    + +
    - -

    - Whose birth certificate are you ordering? -

    -
    -
    - - -
    - - -
    + Date: 1/8/2018 2:05PM
    + Order #: RG-BC201801-100001 +
    + +
    + + + + + +
    + + + + + + + +
    - - - - + +
    + +
    + + +
  • + +
    + + + + + +
    + + - + + + +
    - - › - - - -
  • + + + + + + + + + + + + + + + + + + + +
    - + +
    + + + + + + + + + + + + + + + + + + + + + +
    - Registry: Birth, death, and marriage and marriage intention - -
    - - › - - - -
  • - +
  • + 1 × Certified birth certificate for Carol Danvers (10/6/1976)$14.00
    Card service fee*$0.00
    Total$14.56
    + +
    - Birth certificates - - - - - +
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 2 of 2 - - -
    -
    -
    -
    -

    - You must complete this process in person or by mail -

    -
    -

    - If you are an attorney making a request for a client, you need these items to get a record: -

    -
      -
    1. - A letter on letterhead stating you legally represent the person for whom you are requesting a record -
    2. -
    3. - A photocopy of your ID (state-issued ID, driver’s license, or government-issued ID), and -
    4. -
    5. - A copy of your BAR card (must be in good standing and not expired) -
    6. -
    -

    - You must complete this process in person at Boston City Hall or by mail. In person, the cost per request is $12. We take cash, credit or debit cards, checks, or money orders. By mail, the cost per request is $14. We accept checks or money orders payable to the City of Boston. -

    -

    - For more information, you can email us at - - - birth - @boston.gov - - . -

    -

    - - Please note: - - If you are a legal representative and making a mail request, we will only return the record to your address. -

    -
    -
    -
    -
    -
    + +
    - - -
    -
    - + +
    - birth@boston.gov - - . - - - - - - -
    - - - - -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Birth/QuestionsFlowPage 2. Born in Boston? 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-13 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-13 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-13 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-12 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-12 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-12 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-6 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-6 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-6 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-6 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-6 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-6 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-6 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-6 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-6.selected span { - background-color: #e0e0e0; -} - -.emotion-6.inactive { - opacity: 0.25; -} - -.emotion-15 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-15 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-15 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-15 > div.ta-r > button { - margin-left: auto; - } - - .emotion-15 .lnk { - padding-left: 0; - } -} - -.emotion-14 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-11 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-11 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-11 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-11 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-5 { - width: 80px; - height: 80px; -} - -.emotion-5 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-5.checkMark, -.emotion-5.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-5.checkMark { - stroke: #62A744; -} - -.emotion-5.xSymbol { - stroke: #f04f46; -} - -.emotion-5.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> +
    - + * You are charged an extra service fee of not more than + $0.25 plus 2.15%. This fee goes directly to a third party to + pay for the cost of card processing. Learn more about card service fees at the City + of Boston.
    -
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 2 of 8 - - -
    -
    -
    -
    - -

    - Were - you - born in Boston? -

    -
    -
    - - - -
    -
    - -
    -
    -
    - -
    -
    - -
    -
    -
    - Questions? Email the Registry Department at - - - birth@boston.gov - - . -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Birth/QuestionsFlowPage 3. Personal information 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-10 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-10 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-10 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-6 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-6 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-6 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-12 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-12 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-12 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-12 > div.ta-r > button { - margin-left: auto; - } - - .emotion-12 .lnk { - padding-left: 0; - } -} - -.emotion-11 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -@media screen and (min-width:768px) { - .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin-left: auto; - margin-right: auto; - } -} - -.emotion-5 > div { - text-align: left; -} - -@media screen and (min-width:768px) { - .emotion-5 > div { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - } -} - -.emotion-9 { - border: none; - padding: 0; - margin: 0; -} - -.emotion-9 legend { - padding-left: 0; - font-size: 120%; -} - -.emotion-8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-transition: opacity 0.1s; - transition: opacity 0.1s; -} - -.emotion-8 > div { - -webkit-flex: 0 0 24%; - -ms-flex: 0 0 24%; - flex: 0 0 24%; -} - -.emotion-8 > div:last-of-type { - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; -} - -.emotion-8 input { - -moz-appearance: textfield; -} - -.emotion-8 input::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -.emotion-8 input::-ms-clear { - display: none; -} - -.emotion-8 label { - margin-top: 0.5rem; -} - -.emotion-8.disabled { - opacity: 0.4; -} - -.emotion-8.disabled * { - cursor: not-allowed; -} - -
    + -
     
    - - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 3 of 8 - - -
    -
    -
    -
    - -

    - What was - your - name at birth? -

    -
    -

    - If - you - changed - your - - name at some point, please use the name - you - - were given at birth. If - you - were adopted, use - - your - post-adoption name. Please note, we do not need - your - middle name to process your request. -

    -
    -
    - - -
    -   -
    -
    -
    - - -
    -   -
    -
    -
    -
    -
    - - -
    -   -
    -
    -
    -
    -
    -
    -
    - -

    - When were - you - born? -

    -
    -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    - Questions? Email the Registry Department at - - - birth@boston.gov - - . -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Birth/QuestionsFlowPage 4. Parental information 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-21 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-21 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-21 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-11 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-11 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-11 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-14 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-14 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-14 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-14 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-14 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-14 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-14 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-14 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-14 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-14.selected span { - background-color: #e0e0e0; -} - -.emotion-14.inactive { - opacity: 0.25; -} - -.emotion-23 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-23 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-23 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-23 > div.ta-r > button { - margin-left: auto; - } - - .emotion-23 .lnk { - padding-left: 0; - } -} - -.emotion-22 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-19 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-19 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-19 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-19 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-13 { - width: 80px; - height: 80px; -} - -.emotion-13 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-13.checkMark, -.emotion-13.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-13.checkMark { - stroke: #62A744; -} - -.emotion-13.xSymbol { - stroke: #f04f46; -} - -.emotion-13.questionMark path { - fill: #091f2f; - stroke: none; -} - -@media screen and (min-width:768px) { - .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin-left: auto; - margin-right: auto; - } -} - -.emotion-6 > div { - text-align: left; -} - -@media screen and (min-width:768px) { - .emotion-6 > div { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - } -} - -.emotion-7 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-7 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-7 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -
  • +
    -
     
    - - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> -
    +
    -
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 4 of 8 - - -
    -
    -
    -
    - -

    - What were - their - parents’ names at the time of - the - birth? -

    -
    -

    - Please use the names - their - parents used at the time of - the - birth. If only one parent is listed on - the - record, you only need to include that name. -

    -
    - -

    - Parent 1 - - (Example: Mother) - -

    -
    -
    -
    - - -
    -   -
    -
    -
    - - -
    -   -
    -
    -
    -
    -
    - -

    - Parent 2 -

    -
    -
    -
    - - -
    -   -
    -
    -
    - - -
    -   -
    -
    -
    -
    -
    -
    - -

    - Were - Stacy’s - parents married at the time of - their - birth? -

    -
    -
    - - - -
    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    - Questions? Email the Registry Department at - - - birth@boston.gov - - . -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Birth/QuestionsFlowPage 5. Identity verification 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-17 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-22 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-22 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-22 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-20 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-20 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-20 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-24 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-24 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-24 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-24 > div.ta-r > button { - margin-left: auto; - } - - .emotion-24 .lnk { - padding-left: 0; - } -} - -.emotion-23 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-10 { - position: relative; - overflow: hidden; -} - -.emotion-8:focus > div { - outline: 4px solid #000; - outline-offset: -5px; -} - -.emotion-7 { - position: relative; - cursor: pointer; - overflow: hidden; - background-color: currentColor; -} - -.emotion-6 { - background-color: #288be4; - color: #000; -} - -.emotion-6.id { - padding: 2rem 4rem; -} - -.emotion-9:focus { - outline: 3px solid #000; - outline-offset: -4px; -} - -.emotion-19 { - padding-left: 0; - color: #091f2f; -} - -.emotion-19 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-19 li { - margin-left: 1rem; - } -} - -.emotion-19 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-19 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 5 of 9 - - -
    -
    -
    -

    - Verify your identity -

    -

    - Under state law, the record you’re ordering may have an access restriction. You must upload a valid form of identification before we can process your request. -

    -

    - - Please note - - : You must be - - a person or parent - listed on the record to get a copy of the certificate. If you are not listed on the record, you will not be able to get a copy. We will cancel your request and will not charge your card. Contact - - - birth - @boston.gov - - - with questions. -

    -

    - Upload ID images -

    -

    - We accept the following forms of ID: -

    -
      -
    • - Driver’s License -
    • -
    • - State ID -
    • -
    • - Passport -
    • -
    • - Military ID -
    • -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    - -

    - Have you had a legal name change or do you have court guardianship? -

    -
    -
    -
    - - -
    - Files should be PDF format, and under 10MB each. -
    -
      -
    -
    -
    -

    - No ID? -

    -

    - We can help explain your options. - - - Request help - - -

    -
    -
    -
    - -
    -
    - -
    -
    -
    - Questions? Email the Registry Department at - - - birth@boston.gov - - . -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Birth/ReviewRequestPage default page 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-23:after { - content: ''; - display: table; - clear: both; -} - -.emotion-13 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-15 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-22 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-21 { - font-size: 80%; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-24 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-5 ol li { - padding-bottom: 0.7em; -} - -.emotion-12 { - border-bottom: 1px solid #e0e0e0; - border-top: 1px solid #e0e0e0; - padding-bottom: 0.5em; - padding-top: 0.5em; - margin-bottom: 1em; - margin-top: 3em; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-12 > div:first-of-type { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; -} - -.emotion-8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.emotion-6 { - -moz-appearance: textfield; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.emotion-6::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -@media screen and (min-width:480px) { - .emotion-6 { - width: 70px; - border-right: 0; - } -} - -.emotion-7 { - display: none; -} - -@media screen and (min-width:480px) { - .emotion-7 { - display: block; - } -} - -.emotion-7:after { - content: 'Qty'; -} - -.emotion-11 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin-left: 1.25rem; -} - -@media screen and (min-width:768px) { - .emotion-11 { - margin-left: 0.75rem; - } -} - -.emotion-9 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-10 { - color: #091f2f; - font-family: Lora,Georgia,serif; - font-style: italic; -} - -.emotion-10 > span { - display: block; -} - -.emotion-18 { - line-height: 1; - display: inline-block; -} - -.emotion-17:after { - width: 2rem; -} - -.emotion-16 { - height: 2rem; - line-height: initial; - padding-right: 3rem; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 5 of 8 - - -
    -
    -

    - Review your record request -

    -
    -

    - You can only order copies of one person's birth certificate at a time. Want to order copies of a certificate for another person? Please put in a separate request. -

    -

    - Do you need a certificate for international use that requires an Apostille from the Massachusetts Secretary of State's Office? Follow these steps: -

    -
      -
    1. - Request a certified birth certificate from the City of Boston Registry. You don’t need extra information or paperwork. -
    2. -
    3. - Submit the certificate to the - - Massachusetts Secretary of State's Office - - . -
    4. -
    -
    -
    -
    - - -
    -
    -
    - Carol Danvers -
    -
    - - Birth - Certificate (Certified paper copy) - - - Born: 3/1/1968 - -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 1 - - certificate - × - - $14.00 - - $ - 14.00 -
    -
    -
    -
    - -
    -
    - - service fee - - - * - -
    -
    - $ - 0.56 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 14.56 -
    -
    -
    -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    - * - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/CheckoutPage server-side render 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/OrderConfirmationContent birth 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -@media screen and (max-width:840px) { - .emotion-5 { - display: none; - } -} - -.emotion-4 { - fill: #fff; - color: #091f2f; - stroke: currentColor; - stroke-width: 3; -} - -.emotion-4 .frame { - stroke-width: 3.5; -} - -.emotion-4 .lines { - stroke-width: 3.75; -} - -.emotion-4 .birth { - stroke: none; -} - -.emotion-4 .marriage { - stroke: none; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 8 of 8 - - -
    -
    -
    -
    -
    -
    -
    - -
    -
    -
    -

    - Thank you -

    -

    - We received your request and sent an email confirmation to: - - - me@email.com - -

    -

    - Your order number is - - # - 12345 - -

    -

    - - Please allow 2–3 business days for us to process your order. - - - Your order will be shipped via U.S. Postal Service to the shipping address you provided. -

    -

    - We - - will not charge - - your card until we’ve processed your request. If we request more information from you and do not hear back from you within 3 business days, we will cancel the transaction. -

    -

    - Have any questions? Email the Registry Department at - - - birth@boston.gov - - . -

    -

    - Order a new - - - birth - - , - - - marriage - - , or - - - death - - - certificate. -

    -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/OrderConfirmationContent marriage 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -@media screen and (max-width:840px) { - .emotion-5 { - display: none; - } -} - -.emotion-4 { - fill: #fff; - color: #091f2f; - stroke: currentColor; - stroke-width: 3; -} - -.emotion-4 .frame { - stroke-width: 3.5; -} - -.emotion-4 .lines { - stroke-width: 3.75; -} - -.emotion-4 .birth { - stroke: none; -} - -.emotion-4 .marriage { - stroke: none; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 34px; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a marriage certificate -

    -
    - - Step 8 of 8 - - -
    -
    -
    -
    -
    -
    -
    - -
    -
    -
    -

    - Thank you -

    -

    - We received your request and sent an email confirmation to: - - - me@email.com - -

    -

    - Your order number is - - # - 12345 - -

    -

    - - Please allow 2–3 business days for us to process your order. - - - Your order will be shipped via U.S. Postal Service to the shipping address you provided. -

    -

    - We - - will not charge - - your card until we’ve processed your request. If we request more information from you and do not hear back from you within 3 business days, we will cancel the transaction. -

    -

    - Have any questions? Email the Registry Department at - - - marriage@boston.gov - - . -

    -

    - Order a new - - - birth - - , - - - marriage - - , or - - - death - - - certificate. -

    -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/PaymentContent Stripe error 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -.emotion-5 { - padding-top: 0; - max-width: 500px; - top: 15%; - margin-right: auto; - margin-left: auto; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Payment -

    -
    -
    -
    - -
    -
    -
    -
    -
    -
    -
    - Shipping Address - -  –  - - - edit - - - -
    -
    -
    - Dorm Hall, Apt 5, 10 College Avenue, New York NY 12345 -
    -
    - -
    -
    -
    - - Payment method - -
    - - -
    -
    - - - •••• •••• •••• - 4040 - - -
    -
    -
    - - Billing Address - -
    -
    - - -
    -
    -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - There’s a problem: The card could not be tokenized -
    -
    - You can try again. If this keeps happening, please email - - - digital@boston.gov - - . -
    -
    - -
    -
    -
    -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/PaymentContent ZIP code error 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Payment -

    -
    -
    -
    - -
    -
    -
    -
    -
    -
    -
    - Shipping Address - -  –  - - - edit - - - -
    -
    -
    - Dorm Hall, Apt 5, 10 College Avenue, New York NY 12345 -
    -
    - -
    -
    -
    - - Payment method - -
    - - -
    -
    - - - •••• •••• •••• - 4040 - - -
    -
    -
    - - Billing Address - -
    -
    - - -
    -
    -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - -
    -
    - -
    -
    -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/PaymentContent birth certificate 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-7 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-6 { - padding: 0; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 7 of 8 - - -
    -
    -

    - Payment -

    -
    -
    - -
    -
    -
    -
    -
    -
    -
    - Shipping Address - -  –  - - - edit - - - -
    -
    -
    - Dorm Hall, Apt 5, 10 College Avenue, New York NY 12345 -
    -
    - -
    -
    -
    - - Payment method - -
    - - -
    -
    - - - •••• •••• •••• - 4040 - - -
    -
    -
    - - Billing Address - -
    -
    - - -
    -
    -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - -
    -
    - -
    -
    -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/PaymentContent credit card error 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Payment -

    -
    -
    -
    - -
    -
    -
    -
    -
    -
    -
    - Shipping Address - -  –  - - - edit - - - -
    -
    -
    - Dorm Hall, Apt 5, 10 College Avenue, New York NY 12345 -
    -
    - -
    -
    -
    - - Payment method - -
    - - -
    -
    - -
    -
    - - Your card number is incomplete. - -
    -
    -
    -
    - - Billing Address - -
    -
    - - -
    -
    -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/PaymentContent default 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Payment -

    -
    -
    -
    - -
    -
    -
    -
    -
    -
    -
    - Shipping Address - -  –  - - - edit - - - -
    -
    -
    - Dorm Hall, Apt 5, 10 College Avenue, New York NY 12345 -
    -
    - -
    -
    -
    - - Payment method - -
    - - -
    -
    - -
    -
    - We accept Visa, MasterCard, and Discover. -
    -
    -
    -
    - - Billing Address - -
    -
    - - -
    -
    -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/PaymentContent existing billing 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Payment -

    -
    -
    -
    - -
    -
    -
    -
    -
    -
    -
    - Shipping Address - -  –  - - - edit - - - -
    -
    -
    - Dorm Hall, Apt 5, 10 College Avenue, New York NY 12345 -
    -
    - -
    -
    -
    - - Payment method - -
    - - -
    -
    - - - •••• •••• •••• - 4040 - - -
    -
    -
    - - Billing Address - -
    -
    - - -
    -
    -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - -
    -
    - -
    -
    -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/PaymentContent marriage certificate 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-7 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-6 { - padding: 0; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 34px; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a marriage certificate -

    -
    - - Step 7 of 8 - - -
    -
    -

    - Payment -

    -
    -
    - -
    -
    -
    -
    -
    -
    -
    - Shipping Address - -  –  - - - edit - - - -
    -
    -
    - Dorm Hall, Apt 5, 10 College Avenue, New York NY 12345 -
    -
    - -
    -
    -
    - - Payment method - -
    - - -
    -
    - - - •••• •••• •••• - 4040 - - -
    -
    -
    - - Billing Address - -
    -
    - - -
    -
    -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - -
    -
    - -
    -
    -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ReviewContent birth certificate 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-7 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-6 { - padding: 0; -} - -.emotion-15:after { - content: ''; - display: table; - clear: both; -} - -.emotion-8 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-10 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-14 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-13 { - font-size: 80%; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 8 of 8 - - -
    -
    -

    - Review Order -

    -
    - Your order is not yet complete. Please check the information below, then click the - - Submit Order - - button. -
    -
    -
    -
    -
    - Order Details -
    -
    -
    - -
    -
    -
    -
    -
    -
    - Contact Information - -  —  - - - edit - - - -
    -
    -
    - - squirrel.girl@avengers.org - -
    - (555) 123-9999 -
    -
    -
    -
    -
    - Shipping Address - -  —  - - - edit - - - -
    -
    -
    - Doreen Green -
    - Empire State University -
    - Dorm Hall, Apt 5 -
    - 10 College Avenue -
    - New York, NY 12345 -
    -
    -
    -
    -
    - Payment Information - -  —  - - - edit - - - -
    -
    -
    - Nancy Whitehead -
    - •••• •••• •••• - 4040 -
    - 3 Avengers Towers -
    - New York - , - NY - - 12223 -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 4 - - certificates - × - - $14.00 - - $ - 56.00 -
    - - Credit card service fee - - * - - - - $ - 1.46 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 57.46 -
    -
    -
    -
    -
    - You have to read and accept this checkbox before you place your order: -
    -
    - -
    -
    -
    - Pressing the “Submit Order” button will put a hold for the total amount on your card and place an order with the Registry. You will be charged when the Registry mails your order. -
    -
    - -
    - -
    -
    -
    -
    - * You are charged an extra service fee of not more than - - $0.25 - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of credit card processing. Learn more about - - - credit card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ReviewContent cart has pending certs 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -.emotion-12:after { - content: ''; - display: table; - clear: both; -} - -.emotion-5 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-7 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-11 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-10 { - font-size: 80%; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Review Order -

    -
    -
    - Your order is not yet complete. Please check the information below, then click the - - Submit Order - - button. -
    -
    -
    -
    -
    - Order Details - -  —  - - - edit - - - -
    -
    -
    - -
    -
    -
    -
    -
    -
    - Contact Information - -  —  - - - edit - - - -
    -
    -
    - - squirrel.girl@avengers.org - -
    - (555) 123-9999 -
    -
    -
    -
    -
    - Shipping Address - -  —  - - - edit - - - -
    -
    -
    - Doreen Green -
    - Empire State University -
    - Dorm Hall, Apt 5 -
    - 10 College Avenue -
    - New York, NY 12345 -
    -
    -
    -
    -
    - Payment Information - -  —  - - - edit - - - -
    -
    -
    - Nancy Whitehead -
    - •••• •••• •••• - 4040 -
    - 3 Avengers Towers -
    - New York - , - NY - - 12223 -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 8 - - certificates - × - - $14.00 - - $ - 112.00 -
    - - Credit card service fee - - * - - - - $ - 2.66 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 114.66 -
    -
    -
    -
    -
    - You have to read and accept these checkboxes before you place your order: -
    -
    - -
    -
    - -
    -
    -
    - Pressing the “Submit Order” button will charge the total amount to your card and place an order with the Registry. -
    -
    - -
    - - -
    -
    -
    - * You are charged an extra service fee of not more than - - $0.25 - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of credit card processing. Learn more about - - - credit card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ReviewContent default 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -.emotion-12:after { - content: ''; - display: table; - clear: both; -} - -.emotion-5 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-7 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-11 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-10 { - font-size: 80%; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Review Order -

    -
    -
    - Your order is not yet complete. Please check the information below, then click the - - Submit Order - - button. -
    -
    -
    -
    -
    - Order Details - -  —  - - - edit - - - -
    -
    -
    - -
    -
    -
    -
    -
    -
    - Contact Information - -  —  - - - edit - - - -
    -
    -
    - - squirrel.girl@avengers.org - -
    - (555) 123-9999 -
    -
    -
    -
    -
    - Shipping Address - -  —  - - - edit - - - -
    -
    -
    - Doreen Green -
    - Empire State University -
    - Dorm Hall, Apt 5 -
    - 10 College Avenue -
    - New York, NY 12345 -
    -
    -
    -
    -
    - Payment Information - -  —  - - - edit - - - -
    -
    -
    - Nancy Whitehead -
    - •••• •••• •••• - 4040 -
    - 3 Avengers Towers -
    - New York - , - NY - - 12223 -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 6 - - certificates - × - - $14.00 - - $ - 84.00 -
    - - Credit card service fee - - * - - - - $ - 2.06 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 86.06 -
    -
    -
    -
    -
    - You have to read and accept this checkbox before you place your order: -
    -
    - -
    -
    -
    - Pressing the “Submit Order” button will charge the total amount to your card and place an order with the Registry. -
    -
    - -
    - - -
    -
    -
    - * You are charged an extra service fee of not more than - - $0.25 - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of credit card processing. Learn more about - - - credit card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ReviewContent empty cart 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -.emotion-12:after { - content: ''; - display: table; - clear: both; -} - -.emotion-5 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-7 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-11 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-10 { - font-size: 80%; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Review Order -

    -
    -
    - Your order is not yet complete. Please check the information below, then click the - - Submit Order - - button. -
    -
    -
    -
    -
    - Order Details - -  —  - - - edit - - - -
    -
    -
    - -
    -
    -
    -
    -
    -
    - Contact Information - -  —  - - - edit - - - -
    -
    -
    - - squirrel.girl@avengers.org - -
    - (555) 123-9999 -
    -
    -
    -
    -
    - Shipping Address - -  —  - - - edit - - - -
    -
    -
    - Doreen Green -
    - Empire State University -
    - Dorm Hall, Apt 5 -
    - 10 College Avenue -
    - New York, NY 12345 -
    -
    -
    -
    -
    - Payment Information - -  —  - - - edit - - - -
    -
    -
    - Nancy Whitehead -
    - •••• •••• •••• - 4040 -
    - 3 Avengers Towers -
    - New York - , - NY - - 12223 -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 0 - - certificates - × - - $14.00 - - $ - 0.00 -
    - - Credit card service fee - - * - - - - $ - 0.26 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 0.26 -
    -
    -
    -
    -
    - You have to read and accept this checkbox before you place your order: -
    -
    - -
    -
    -
    - Pressing the “Submit Order” button will charge the total amount to your card and place an order with the Registry. -
    -
    - -
    - - -
    -
    -
    - * You are charged an extra service fee of not more than - - $0.25 - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of credit card processing. Learn more about - - - credit card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ReviewContent invalid order 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -.emotion-12:after { - content: ''; - display: table; - clear: both; -} - -.emotion-5 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-7 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-11 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-10 { - font-size: 80%; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Review Order -

    -
    -
    - Your order is not yet complete. Please check the information below, then click the - - Submit Order - - button. -
    -
    -
    -
    -
    - Order Details - -  —  - - - edit - - - -
    -
    -
    - -
    -
    -
    -
    -
    -
    - Contact Information - -  —  - - - edit - - - -
    -
    -
    - - - -
    - -
    -
    -
    -
    -
    - Shipping Address - -  —  - - - edit - - - -
    -
    -
    - You need to edit your shipping info to fix some errors -
    -
    -
    -
    -
    - Payment Information - -  —  - - - edit - - - -
    -
    -
    - You need to edit your payment info to fix some errors -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 6 - - certificates - × - - $14.00 - - $ - 84.00 -
    - - Credit card service fee - - * - - - - $ - 2.06 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 86.06 -
    -
    -
    -
    -
    - You have to read and accept this checkbox before you place your order: -
    -
    - -
    -
    -
    - Pressing the “Submit Order” button will charge the total amount to your card and place an order with the Registry. -
    -
    - -
    - - -
    -
    -
    - * You are charged an extra service fee of not more than - - $0.25 - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of credit card processing. Learn more about - - - credit card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ReviewContent marriage certificate 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-7 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-6 { - padding: 0; -} - -.emotion-15:after { - content: ''; - display: table; - clear: both; -} - -.emotion-8 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-10 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-14 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-13 { - font-size: 80%; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 34px; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a marriage certificate -

    -
    - - Step 8 of 8 - - -
    -
    -

    - Review Order -

    -
    - Your order is not yet complete. Please check the information below, then click the - - Submit Order - - button. -
    -
    -
    -
    -
    - Order Details -
    -
    -
    - -
    -
    -
    -
    -
    -
    - Contact Information - -  —  - - - edit - - - -
    -
    -
    - - squirrel.girl@avengers.org - -
    - (555) 123-9999 -
    -
    -
    -
    -
    - Shipping Address - -  —  - - - edit - - - -
    -
    -
    - Doreen Green -
    - Empire State University -
    - Dorm Hall, Apt 5 -
    - 10 College Avenue -
    - New York, NY 12345 -
    -
    -
    -
    -
    - Payment Information - -  —  - - - edit - - - -
    -
    -
    - Nancy Whitehead -
    - •••• •••• •••• - 4040 -
    - 3 Avengers Towers -
    - New York - , - NY - - 12223 -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 1 - - certificate - × - - $14.00 - - $ - 14.00 -
    - - Credit card service fee - - * - - - - $ - 0.56 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 14.56 -
    -
    -
    -
    -
    - You have to read and accept this checkbox before you place your order: -
    -
    - -
    -
    -
    - -
    - -
    -
    -
    -
    - * You are charged an extra service fee of not more than - - $0.25 - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of credit card processing. Learn more about - - - credit card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ReviewContent payment error 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -.emotion-12:after { - content: ''; - display: table; - clear: both; -} - -.emotion-5 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-7 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-11 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-10 { - font-size: 80%; -} - -.emotion-13 { - padding-top: 0; - max-width: 500px; - top: 15%; - margin-right: auto; - margin-left: auto; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Review Order -

    -
    -
    - Your order is not yet complete. Please check the information below, then click the - - Submit Order - - button. -
    -
    -
    -
    -
    - Order Details - -  —  - - - edit - - - -
    -
    -
    - -
    -
    -
    -
    -
    -
    - Contact Information - -  —  - - - edit - - - -
    -
    -
    - - squirrel.girl@avengers.org - -
    - (555) 123-9999 -
    -
    -
    -
    -
    - Shipping Address - -  —  - - - edit - - - -
    -
    -
    - Doreen Green -
    - Empire State University -
    - Dorm Hall, Apt 5 -
    - 10 College Avenue -
    - New York, NY 12345 -
    -
    -
    -
    -
    - Payment Information - -  —  - - - edit - - - -
    -
    -
    - Nancy Whitehead -
    - •••• •••• •••• - 4040 -
    - 3 Avengers Towers -
    - New York - , - NY - - 12223 -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 6 - - certificates - × - - $14.00 - - $ - 84.00 -
    - - Credit card service fee - - * - - - - $ - 2.06 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 86.06 -
    -
    -
    -
    -
    - You have to read and accept this checkbox before you place your order: -
    -
    - -
    -
    -
    - Pressing the “Submit Order” button will charge the total amount to your card and place an order with the Registry. -
    -
    -
    -
    -
    - This charge failed. -
    -
    - Your card's security code is incorrect. - Update your payment information to submit your order. -
    - -
    -
    -
    -
    - -
    - - -
    -
    -
    - * You are charged an extra service fee of not more than - - $0.25 - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of credit card processing. Learn more about - - - credit card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ReviewContent submission error 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -.emotion-12:after { - content: ''; - display: table; - clear: both; -} - -.emotion-5 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-7 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-11 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-10 { - font-size: 80%; -} - -.emotion-13 { - padding-top: 0; - max-width: 500px; - top: 15%; - margin-right: auto; - margin-left: auto; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Review Order -

    -
    -
    - Your order is not yet complete. Please check the information below, then click the - - Submit Order - - button. -
    -
    -
    -
    -
    - Order Details - -  —  - - - edit - - - -
    -
    -
    - -
    -
    -
    -
    -
    -
    - Contact Information - -  —  - - - edit - - - -
    -
    -
    - - squirrel.girl@avengers.org - -
    - (555) 123-9999 -
    -
    -
    -
    -
    - Shipping Address - -  —  - - - edit - - - -
    -
    -
    - Doreen Green -
    - Empire State University -
    - Dorm Hall, Apt 5 -
    - 10 College Avenue -
    - New York, NY 12345 -
    -
    -
    -
    -
    - Payment Information - -  —  - - - edit - - - -
    -
    -
    - Nancy Whitehead -
    - •••• •••• •••• - 4040 -
    - 3 Avengers Towers -
    - New York - , - NY - - 12223 -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 6 - - certificates - × - - $14.00 - - $ - 84.00 -
    - - Credit card service fee - - * - - - - $ - 2.06 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 86.06 -
    -
    -
    -
    -
    - You have to read and accept this checkbox before you place your order: -
    -
    - -
    -
    -
    - Pressing the “Submit Order” button will charge the total amount to your card and place an order with the Registry. -
    -
    -
    -
    -
    - There’s a problem: The order could not be processed. -
    -
    - You can try again. If this keeps happening, please email - - - digital@boston.gov - - . -
    -
    - -
    -
    -
    -
    -
    - -
    - - -
    -
    -
    - * You are charged an extra service fee of not more than - - $0.25 - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of credit card processing. Learn more about - - - credit card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ReviewContent submitting 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -.emotion-12:after { - content: ''; - display: table; - clear: both; -} - -.emotion-5 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-7 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-11 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-10 { - font-size: 80%; -} - -.emotion-13 { - padding-top: 0; - max-width: 500px; - top: 15%; - margin-right: auto; - margin-left: auto; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Review Order -

    -
    -
    - Your order is not yet complete. Please check the information below, then click the - - Submit Order - - button. -
    -
    -
    -
    -
    - Order Details - -  —  - - - edit - - - -
    -
    -
    - -
    -
    -
    -
    -
    -
    - Contact Information - -  —  - - - edit - - - -
    -
    -
    - - squirrel.girl@avengers.org - -
    - (555) 123-9999 -
    -
    -
    -
    -
    - Shipping Address - -  —  - - - edit - - - -
    -
    -
    - Doreen Green -
    - Empire State University -
    - Dorm Hall, Apt 5 -
    - 10 College Avenue -
    - New York, NY 12345 -
    -
    -
    -
    -
    - Payment Information - -  —  - - - edit - - - -
    -
    -
    - Nancy Whitehead -
    - •••• •••• •••• - 4040 -
    - 3 Avengers Towers -
    - New York - , - NY - - 12223 -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 6 - - certificates - × - - $14.00 - - $ - 84.00 -
    - - Credit card service fee - - * - - - - $ - 2.06 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 86.06 -
    -
    -
    -
    -
    - You have to read and accept this checkbox before you place your order: -
    -
    - -
    -
    -
    - Pressing the “Submit Order” button will charge the total amount to your card and place an order with the Registry. -
    -
    -
    -
    -
    - Submitting your order… -
    -
    - Please be patient and don’t refresh your browser. This might take a bit. -
    -
    -
    -
    -
    - -
    - - -
    -
    -
    - * You are charged an extra service fee of not more than - - $0.25 - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of credit card processing. Learn more about - - - credit card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ShippingContent birth certificate 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 38px; - } -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-7 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-6 { - padding: 0; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a birth certificate -

    -
    - - Step 6 of 8 - - -
    -
    -

    - Shipping -

    -
    -
    - -
    -
    -
    -
    -
    - - Contact Information - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    -
    - - Shipping Address - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - -
    -
    -
    - -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ShippingContent default 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Checkout -

    -
    -
    -
    - -
    -
    -
    -
    -
    - - Contact Information - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    -
    - - Shipping Address - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - -
    -
    -
    - -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ShippingContent email error 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Checkout -

    -
    -
    -
    - -
    -
    -
    -
    -
    - - Contact Information - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    -
    - - Shipping Address - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - -
    -
    -
    - -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ShippingContent existing address 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-4 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-3 { - padding: 0; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -
    -

    - Checkout -

    -
    -
    -
    - -
    -
    -
    -
    -
    - - Contact Information - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    -
    - - Shipping Address - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - -
    -
    -
    - -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/Checkout/ShippingContent marriage certificate 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-7 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-6 { - padding: 0; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 34px; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a marriage certificate -

    -
    - - Step 6 of 8 - - -
    -
    -

    - Shipping -

    -
    -
    - -
    -
    -
    -
    -
    - - Contact Information - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    -
    - - Shipping Address - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - -
    -
    -
    - -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Common Components/CostSummary default credit card 1`] = ` -.emotion-10:after { - content: ''; - display: table; - clear: both; -} - -.emotion-0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-9 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-8 { - font-size: 80%; -} - -.emotion-5 { - line-height: 1; - display: inline-block; -} - -.emotion-4:after { - width: 2rem; -} - -.emotion-3 { - height: 2rem; - line-height: initial; - padding-right: 3rem; -} - -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 5 - - certificates - × - - $14.00 - - $ - 70.00 -
    -
    -
    -
    - -
    -
    - - service fee - - - * - -
    -
    - $ - 1.76 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 71.76 -
    -
    -
    -`; - -exports[`Storyshots Common Components/CostSummary default debit card 1`] = ` -.emotion-10:after { - content: ''; - display: table; - clear: both; -} - -.emotion-0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-9 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-8 { - font-size: 80%; -} - -.emotion-5 { - line-height: 1; - display: inline-block; -} - -.emotion-4:after { - width: 2rem; -} - -.emotion-3 { - height: 2rem; - line-height: initial; - padding-right: 3rem; -} - -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 5 - - certificates - × - - $14.00 - - $ - 70.00 -
    -
    -
    -
    - -
    -
    - - service fee - - - * - -
    -
    - $ - 1.32 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 71.32 -
    -
    -
    -`; - -exports[`Storyshots Common Components/CostSummary only credit card 1`] = ` -.emotion-7:after { - content: ''; - display: table; - clear: both; -} - -.emotion-0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-6 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-5 { - font-size: 80%; -} - -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 5 - - certificates - × - - $14.00 - - $ - 70.00 -
    - - Credit card service fee - - * - - - - $ - 1.76 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 71.76 -
    -
    -
    -`; - -exports[`Storyshots Common Components/CostSummary only debit card 1`] = ` -.emotion-7:after { - content: ''; - display: table; - clear: both; -} - -.emotion-0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-6 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-5 { - font-size: 80%; -} - -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 5 - - certificates - × - - $14.00 - - $ - 70.00 -
    - - Debit card service fee - - * - - - - $ - 1.32 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 71.32 -
    -
    -
    -`; - -exports[`Storyshots Common Components/CostSummary with research fee 1`] = ` -.emotion-11:after { - content: ''; - display: table; - clear: both; -} - -.emotion-0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-10 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-9 { - font-size: 80%; -} - -.emotion-6 { - line-height: 1; - display: inline-block; -} - -.emotion-5:after { - width: 2rem; -} - -.emotion-4 { - height: 2rem; - line-height: initial; - padding-right: 3rem; -} - -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 1 - - certificate - × - - $14.00 - - $ - 14.00 -
    - Research fee - - $ - 10.00 -
    -
    -
    -
    - -
    -
    - - service fee - - - * - -
    -
    - $ - 0.62 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 24.62 -
    -
    -
    -`; - -exports[`Storyshots Common Components/DateRangePicker default 1`] = ` -@media screen and (min-width:768px) { - .emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } - - .emotion-2 > .to { - -webkit-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; - } - - .emotion-2 > .date-component { - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; - } -} - -.emotion-2 > .to { - margin-top: 2.25rem; - font-size: 120%; - font-style: italic; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} - -.emotion-2.range-invalid .year-field { - border-color: #fb4d42; -} - -.emotion-0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.emotion-0 > div { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; -} - -.emotion-0 > div:last-of-type { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; -} - -.emotion-0 input { - -moz-appearance: textfield; -} - -.emotion-0 input::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -.emotion-0 input::-ms-clear { - display: none; -} - -
    -
    -
    -
    -
    -
    - - -
    -
    - - -
    -
    -
    -   -
    -
    -
    - to -
    -
    -
    -
    - - -
    -
    - - -
    -
    -
    -   -
    -
    -
    -
    -
    -`; - -exports[`Storyshots Common Components/DateRangePicker range too vast 1`] = ` -@media screen and (min-width:768px) { - .emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } - - .emotion-2 > .to { - -webkit-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; - } - - .emotion-2 > .date-component { - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; - } -} - -.emotion-2 > .to { - margin-top: 2.25rem; - font-size: 120%; - font-style: italic; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} - -.emotion-2.range-invalid .year-field { - border-color: #fb4d42; -} - -.emotion-0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.emotion-0 > div { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; -} - -.emotion-0 > div:last-of-type { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; -} - -.emotion-0 input { - -moz-appearance: textfield; -} - -.emotion-0 input::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -.emotion-0 input::-ms-clear { - display: none; -} - -
    -
    -
    -
    -
    -
    - - -
    -
    - - -
    -
    -
    -   -
    -
    -
    - to -
    -
    -
    -
    - - -
    -
    - - -
    -
    -
    -   -
    -
    -
    -
    -
    -`; - -exports[`Storyshots Common Components/DateRangePicker with values 1`] = ` -@media screen and (min-width:768px) { - .emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } - - .emotion-2 > .to { - -webkit-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; - } - - .emotion-2 > .date-component { - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; - } -} - -.emotion-2 > .to { - margin-top: 2.25rem; - font-size: 120%; - font-style: italic; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} - -.emotion-2.range-invalid .year-field { - border-color: #fb4d42; -} - -.emotion-0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.emotion-0 > div { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; -} - -.emotion-0 > div:last-of-type { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; -} - -.emotion-0 input { - -moz-appearance: textfield; -} - -.emotion-0 input::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -.emotion-0 input::-ms-clear { - display: none; -} - -
    -
    -
    -
    -
    -
    - - -
    -
    - - -
    -
    -
    -   -
    -
    -
    - to -
    -
    -
    -
    - - -
    -
    - - -
    -
    -
    -   -
    -
    -
    -
    -
    -`; - -exports[`Storyshots Common Components/DateRangePicker/DateComponent default 1`] = ` -.emotion-0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.emotion-0 > div { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; -} - -.emotion-0 > div:last-of-type { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; -} - -.emotion-0 input { - -moz-appearance: textfield; -} - -.emotion-0 input::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -.emotion-0 input::-ms-clear { - display: none; -} - -
    -
    -
    -
    -
    - - -
    -
    - - -
    -
    -
    -   -
    -
    -
    -
    -`; - -exports[`Storyshots Common Components/DateRangePicker/DateComponent with values 1`] = ` -.emotion-0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.emotion-0 > div { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; -} - -.emotion-0 > div:last-of-type { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; -} - -.emotion-0 input { - -moz-appearance: textfield; -} - -.emotion-0 input::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -.emotion-0 input::-ms-clear { - display: none; -} - -
    -
    -
    -
    -
    - - -
    -
    - - -
    -
    -
    -   -
    -
    -
    -
    -`; - -exports[`Storyshots Common Components/Fee Disclosures ServiceFeeDisclosure component 1`] = ` -
    -
    -
    - * - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -
    -
    -
    -`; - -exports[`Storyshots Common Components/Fee Disclosures researchFeeDisclosure text string 1`] = ` -
    -

    - If you are requesting a certificate that is dated before 1870, there is an additional $10 research fee. -

    -
    -`; - -exports[`Storyshots Common Components/Fee Disclosures serviceFeeDisclosure text string 1`] = ` -
    -

    - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -

    -
    -`; - -exports[`Storyshots Common Components/Nav default 1`] = ` -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 54px; -} - -.emotion-1 { - display: block !important; - text-align: right; -} - -.emotion-1:after { - display: none !important; -} - -.emotion-0 { - display: inline-block; - position: relative; - background: #fff; - color: #091f2f; - padding: 0.5em 0; - margin-right: 1.25rem; - margin-left: 1.25rem; - width: 3em; - text-align: center; - font-style: italic; - font-family: Lora,Georgia,serif; - font-size: 1rem; -} - -.emotion-0:before { - content: ''; - display: block; - border-color: transparent #fff transparent transparent; - border-width: 5px 10px; - border-style: solid; - position: absolute; - width: 0; - height: 0; - left: -20px; - top: 12px; -} - - -`; - -exports[`Storyshots Common Components/Order Details OrderDetails: birth 1`] = ` -.emotion-1 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-4 { - border-color: #e0e0e0; - border-left-width: 0; - border-right-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-3 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-0 span { - white-space: nowrap; -} - -.emotion-0 span:first-of-type { - margin-right: 0.4em; -} - -.emotion-2 { - color: #091f2f; - font-style: italic; -} - -
    -
    -
    -
    - - 4 - - × -
    -
    -
    - - - Carol - - Danvers - - - - (Certified paper copy) - - -
    -
    - Born: 3/5/1968 -
    -
    -
    -
    -
    -`; - -exports[`Storyshots Common Components/Order Details OrderDetails: death 1`] = ` -.emotion-1 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-4 { - border-color: #e0e0e0; - border-left-width: 0; - border-right-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-3 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-0 span { - white-space: nowrap; -} - -.emotion-0 span:first-of-type { - margin-right: 0.4em; -} - -.emotion-2 { - color: #091f2f; - font-style: italic; -} - -
    -
    -
    -
    - - 1 - - × -
    -
    -
    - - - BRUCE - - BANNER - - -
    -
    - Died: 3/4/2016 — Age: 53 -
    -
    -
    -
    -
    - - 3 - - × -
    -
    -
    - - - JAMES - - HOWLETT (LOGAN) - - - - — - - pending - - -
    -
    - Died: 4/15/2014 — Age: 44 yrs. 2 mos. 10 dys -
    -
    -
    -
    -
    - - 1 - - × -
    -
    -
    - - - MONKEY - - JOE - - -
    -
    - Died: 2004 — Age: 6 -
    -
    -
    -
    -
    -`; - -exports[`Storyshots Common Components/Order Details OrderDetails: marriage 1`] = ` -.emotion-1 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-4 { - border-color: #e0e0e0; - border-left-width: 0; - border-right-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-3 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-0 span { - white-space: nowrap; -} - -.emotion-0 span:first-of-type { - margin-right: 0.4em; -} - -.emotion-2 { - color: #091f2f; - font-style: italic; -} - -
    -
    -
    -
    - - 1 - - × -
    -
    -
    - - - Laurel Johnson (Laurel Smith) & Terry Johnson (Terry Doe) - - - - (Certified paper copy) - - -
    -
    - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots Common Components/Order Details OrderDetailsDropdown: birth open 1`] = ` -.emotion-1 { - padding: 0; -} - -.emotion-3 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-8 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-8 .dr-h { - background-color: #f3f3f3; - color: #091f2f; -} - -.emotion-8 .dr-i { - fill: #1871bd !important; -} - -.emotion-7 { - padding: 0; - display: block; -} - -.emotion-6 { - border-color: #e0e0e0; - border-left-width: 0; - border-right-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-5 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-2 span { - white-space: nowrap; -} - -.emotion-2 span:first-of-type { - margin-right: 0.4em; -} - -.emotion-4 { - color: #091f2f; - font-style: italic; -} - -
    -
    - -
    -
    -
    -
    -
    - - 4 - - × -
    -
    -
    - - - Carol - - Danvers - - - - (Certified paper copy) - - -
    -
    - Born: 3/5/1968 -
    -
    -
    -
    -
    - * - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -`; - -exports[`Storyshots Common Components/Order Details OrderDetailsDropdown: death closed 1`] = ` -.emotion-2 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-1 { - padding: 0; -} - -
    -
    - -
    -
    -
    -`; - -exports[`Storyshots Common Components/Order Details OrderDetailsDropdown: death open 1`] = ` -.emotion-1 { - padding: 0; -} - -.emotion-3 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-18 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-18 .dr-h { - background-color: #f3f3f3; - color: #091f2f; -} - -.emotion-18 .dr-i { - fill: #1871bd !important; -} - -.emotion-17 { - padding: 0; - display: block; -} - -.emotion-6 { - border-color: #e0e0e0; - border-left-width: 0; - border-right-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-5 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-2 span { - white-space: nowrap; -} - -.emotion-2 span:first-of-type { - margin-right: 0.4em; -} - -.emotion-4 { - color: #091f2f; - font-style: italic; -} - -
    -
    - -
    -
    -
    -
    -
    - - 1 - - × -
    -
    -
    - - - BRUCE - - BANNER - - -
    -
    - Died: 3/4/2016 — Age: 53 -
    -
    -
    -
    -
    - - 3 - - × -
    -
    -
    - - - JAMES - - HOWLETT (LOGAN) - - - - — - - pending - - -
    -
    - Died: 4/15/2014 — Age: 44 yrs. 2 mos. 10 dys -
    -
    -
    -
    -
    - - 1 - - × -
    -
    -
    - - - MONKEY - - JOE - - -
    -
    - Died: 2004 — Age: 6 -
    -
    -
    -
    -
    - * - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -
    - -
    -
    -
    -
    -`; - -exports[`Storyshots Common Components/Order Details OrderDetailsDropdown: loading 1`] = ` -.emotion-2 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-1 { - padding: 0; -} - -
    -
    - -
    -
    -
    -`; - -exports[`Storyshots Common Components/Order Details OrderDetailsDropdown: marriage open 1`] = ` -.emotion-1 { - padding: 0; -} - -.emotion-3 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-8 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-8 .dr-h { - background-color: #f3f3f3; - color: #091f2f; -} - -.emotion-8 .dr-i { - fill: #1871bd !important; -} - -.emotion-7 { - padding: 0; - display: block; -} - -.emotion-6 { - border-color: #e0e0e0; - border-left-width: 0; - border-right-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-5 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-2 span { - white-space: nowrap; -} - -.emotion-2 span:first-of-type { - margin-right: 0.4em; -} - -.emotion-4 { - color: #091f2f; - font-style: italic; -} - -
    -
    - -
    -
    -
    -
    -
    - - 1 - - × -
    -
    -
    - - - Laurel Johnson (Laurel Smith) & Terry Johnson (Terry Doe) - - - - (Certified paper copy) - - -
    -
    - -
    -
    -
    -
    -
    - * - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -`; - -exports[`Storyshots Common Components/Pagination 2 pages 1`] = ` -
    - -
    -`; - -exports[`Storyshots Common Components/Pagination 7 pages 1`] = ` -
    - -
    -`; - -exports[`Storyshots Common Components/Pagination 20 pages 1`] = ` -
    - -
    -`; - -exports[`Storyshots Common Components/QuantityDropdown default 1`] = ` -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.emotion-0 { - -moz-appearance: textfield; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.emotion-0::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -@media screen and (min-width:480px) { - .emotion-0 { - width: 70px; - border-right: 0; - } -} - -.emotion-1 { - display: none; -} - -@media screen and (min-width:480px) { - .emotion-1 { - display: block; - } -} - -.emotion-1:after { - content: 'Qty'; -} - -
    -
    -
    -
    - - -
    -
    -
    -
    -`; - -exports[`Storyshots Common Components/Question Components/AltSpellings default 1`] = ` -.emotion-0 { - padding-left: 0; - margin-top: 0; - list-style: none; -} - -.emotion-0 li { - position: relative; -} - -.emotion-0 svg { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translate(0,-50%); - -ms-transform: translate(0,-50%); - transform: translate(0,-50%); -} - -.emotion-2 { - border: none; - background-color: transparent; - padding: 0; - font-family: inherit; - font-size: inherit; - color: #1871bd; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-2 svg { - height: 1.5em; - width: 1.5em; - margin-right: 0.5em; -} - -.emotion-2:disabled { - opacity: 0.5; - cursor: default; -} - -.emotion-1 circle { - fill: currentColor; -} - -.emotion-1 line { - stroke: #fff; -} - -
    -
    -

    - Alternate spellings - - (if any) - -

    -
      -
    • - -
    • -
    - -
    -
    -`; - -exports[`Storyshots Common Components/Question Components/AltSpellings with existing values 1`] = ` -.emotion-0 { - padding-left: 0; - margin-top: 0; - list-style: none; -} - -.emotion-0 li { - position: relative; -} - -.emotion-0 svg { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translate(0,-50%); - -ms-transform: translate(0,-50%); - transform: translate(0,-50%); -} - -.emotion-2 { - border: none; - background-color: transparent; - padding: 0; - font-family: inherit; - font-size: inherit; - color: #1871bd; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-2 svg { - height: 1.5em; - width: 1.5em; - margin-right: 0.5em; -} - -.emotion-2:disabled { - opacity: 0.5; - cursor: default; -} - -.emotion-1 circle { - fill: currentColor; -} - -.emotion-1 line { - stroke: #fff; -} - -
    -
    -

    - Alternate spellings - - (if any) - -

    -
      -
    • - -
    • -
    - -
    -
    -`; - -exports[`Storyshots Common Components/Question Components/AnswerIcon check mark 1`] = ` -.emotion-0 { - width: 80px; - height: 80px; -} - -.emotion-0 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-0.checkMark, -.emotion-0.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-0.checkMark { - stroke: #62A744; -} - -.emotion-0.xSymbol { - stroke: #f04f46; -} - -.emotion-0.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    -
    - -
    -
    -
    -`; - -exports[`Storyshots Common Components/Question Components/AnswerIcon exclamation point 1`] = ` -.emotion-0 { - width: 80px; - height: 80px; -} - -.emotion-0 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-0.checkMark, -.emotion-0.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-0.checkMark { - stroke: #62A744; -} - -.emotion-0.xSymbol { - stroke: #f04f46; -} - -.emotion-0.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    -
    - -
    -
    -
    -`; - -exports[`Storyshots Common Components/Question Components/AnswerIcon question mark 1`] = ` -.emotion-0 { - width: 80px; - height: 80px; -} - -.emotion-0 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-0.checkMark, -.emotion-0.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-0.checkMark { - stroke: #62A744; -} - -.emotion-0.xSymbol { - stroke: #f04f46; -} - -.emotion-0.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    -
    - -
    -
    -
    -`; - -exports[`Storyshots Common Components/Question Components/AnswerIcon x symbol 1`] = ` -.emotion-0 { - width: 80px; - height: 80px; -} - -.emotion-0 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-0.checkMark, -.emotion-0.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-0.checkMark { - stroke: #62A744; -} - -.emotion-0.xSymbol { - stroke: #f04f46; -} - -.emotion-0.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    -
    - -
    -
    -
    -`; - -exports[`Storyshots Common Components/Question Components/BackButton default 1`] = ` -.emotion-0 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -
    -
    -
    - -
    -
    -
    -`; - -exports[`Storyshots Common Components/Question Components/QuestionComponent default 1`] = ` -.emotion-9 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-9 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-9 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-8 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-8 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-8 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-10 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-10 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-10 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-10 > div.ta-r > button { - margin-left: auto; - } - - .emotion-10 .lnk { - padding-left: 0; - } -} - -.emotion-7 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-7 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-7 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    -
    - -

    - Question text? -

    -
    -
    - - - -
    -
    -
    -
    -
    -
    - -
    -
    -
    -`; - -exports[`Storyshots Common Components/Question Components/QuestionComponent with back button 1`] = ` -.emotion-9 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-9 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-9 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-8 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-8 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-8 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-11 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-11 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-11 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-11 > div.ta-r > button { - margin-left: auto; - } - - .emotion-11 .lnk { - padding-left: 0; - } -} - -.emotion-10 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-7 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-7 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-7 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    -
    - -

    - Question text? -

    -
    -
    - - - -
    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -`; - -exports[`Storyshots Common Components/Question Components/QuestionComponent with reset button 1`] = ` -.emotion-9 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-9 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-9 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-8 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-8 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-8 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-11 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-11 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-11 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-11 > div.ta-r > button { - margin-left: auto; - } - - .emotion-11 .lnk { - padding-left: 0; - } -} - -.emotion-10 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-7 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-7 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-7 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    -
    - -

    - Question text? -

    -
    -
    - - - -
    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -`; - -exports[`Storyshots Common Components/Question Components/RadioItemComponent multiple answers 1`] = ` -.emotion-0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-0 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-0 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-0 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-0 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-0 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-0 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-0 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-0 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-0.selected span { - background-color: #e0e0e0; -} - -.emotion-0.inactive { - opacity: 0.25; -} - -
    -
      -
    • - -
    • -
    • - -
    • -
    • - -
    • -
    -
    -`; - -exports[`Storyshots Common Components/Question Components/RadioItemComponent single item 1`] = ` -.emotion-0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-0 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-0 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-0 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-0 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-0 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-0 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-0 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-0 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-0.selected span { - background-color: #e0e0e0; -} - -.emotion-0.inactive { - opacity: 0.25; -} - -
    -
    - -
    -
    -`; - -exports[`Storyshots Common Components/Question Components/VerifyIdentificationComponent default 1`] = ` -.emotion-13 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-16 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-16 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-16 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-6 { - position: relative; - overflow: hidden; -} - -.emotion-4:focus > div { - outline: 4px solid #000; - outline-offset: -5px; -} - -.emotion-3 { - position: relative; - cursor: pointer; - overflow: hidden; - background-color: currentColor; -} - -.emotion-2 { - background-color: #288be4; - color: #000; -} - -.emotion-2.id { - padding: 2rem 4rem; -} - -.emotion-5:focus { - outline: 3px solid #000; - outline-offset: -4px; -} - -.emotion-15 { - padding-left: 0; - color: #091f2f; -} - -.emotion-15 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-15 li { - margin-left: 1rem; - } -} - -.emotion-15 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-15 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -
    -

    - Verify your identity -

    -

    - Under state law, the record you’re ordering may have an access restriction. You must upload a valid form of identification before we can process your request. -

    -

    - - Please note - - : You must be - - a person or parent - listed on the record to get a copy of the certificate. If you are not listed on the record, you will not be able to get a copy. We will cancel your request and will not charge your card. Contact - - - birth - @boston.gov - - - with questions. -

    -

    - Upload ID images -

    -

    - We accept the following forms of ID: -

    -
      -
    • - Driver’s License -
    • -
    • - State ID -
    • -
    • - Passport -
    • -
    • - Military ID -
    • -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    - -

    - Have you had a legal name change or do you have court guardianship? -

    -
    -
    -
    - - -
    - Files should be PDF format, and under 10MB each. -
    -
      -
    -
    -
    -

    - No ID? -

    -

    - We can help explain your options. - - - Request help - - -

    -
    -`; - -exports[`Storyshots Common Components/Question Components/VerifyIdentificationComponent existing images and files 1`] = ` -.emotion-14 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-19 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-19 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-19 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-7 { - position: relative; - overflow: hidden; -} - -.emotion-5:focus > div { - outline: 4px solid #000; - outline-offset: -5px; -} - -.emotion-4 { - position: relative; - cursor: pointer; - overflow: hidden; - background-color: currentColor; -} - -.emotion-2 { - background-color: #288be4; - color: #000; -} - -.emotion-2.id { - padding: 2rem 4rem; -} - -.emotion-6:focus { - outline: 3px solid #000; - outline-offset: -4px; -} - -.emotion-18 { - padding-left: 0; - color: #091f2f; -} - -.emotion-18 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-18 li { - margin-left: 1rem; - } -} - -.emotion-18 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-18 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -.emotion-16 { - border: none; - background-color: transparent; - cursor: pointer; - padding: 0; - opacity: 0.8; - -webkit-transition: opacity 0.15s; - transition: opacity 0.15s; - opacity: 0.6; - -webkit-transition: opacity 0.15s; - transition: opacity 0.15s; -} - -.emotion-16:hover { - opacity: 1; -} - -.emotion-16:hover { - opacity: 1; -} - -.emotion-3 { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-size: contain; - background-repeat: no-repeat; - background-position: center center; -} - -
    -

    - Verify your identity -

    -

    - Under state law, the record you’re ordering may have an access restriction. You must upload a valid form of identification before we can process your request. -

    -

    - - Please note - - : You must be - - listed on the record to get a copy of the certificate. If you are not listed on the record, you will not be able to get a copy. We will cancel your request and will not charge your card. Contact - - - registry - @boston.gov - - - with questions. -

    -

    - Upload ID images -

    -

    - We accept the following forms of ID: -

    -
      -
    • - Driver’s License -
    • -
    • - State ID -
    • -
    • - Passport -
    • -
    • - Military ID -
    • -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    - -

    - Have you had a legal name change or do you have court guardianship? -

    -
    -
    -
    - - -
    - Files should be PDF format, and under 10MB each. -
    -
      -
    • - - - - Deadname to Finnegan change.pdf - - - -
    • -
    • - - - - Finnegan to Fiona name change.pdf - - - -
    • -
    -
    -
    -
    -

    - No ID? -

    -

    - We can help explain your options. - - - Request help - - -

    -
    -`; - -exports[`Storyshots Common Components/Question Components/VerifyIdentificationComponent reloaded images 1`] = ` -.emotion-14 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-19 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-19 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-19 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-7 { - position: relative; - overflow: hidden; -} - -.emotion-5:focus > div { - outline: 4px solid #000; - outline-offset: -5px; -} - -.emotion-4 { - position: relative; - cursor: pointer; - overflow: hidden; - background-color: currentColor; -} - -.emotion-2 { - background-color: #288be4; - color: #000; -} - -.emotion-2.id { - padding: 2rem 4rem; -} - -.emotion-6:focus { - outline: 3px solid #000; - outline-offset: -4px; -} - -.emotion-18 { - padding-left: 0; - color: #091f2f; -} - -.emotion-18 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-18 li { - margin-left: 1rem; - } -} - -.emotion-18 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-18 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -.emotion-16 { - border: none; - background-color: transparent; - cursor: pointer; - padding: 0; - opacity: 0.8; - -webkit-transition: opacity 0.15s; - transition: opacity 0.15s; - opacity: 0.6; - -webkit-transition: opacity 0.15s; - transition: opacity 0.15s; -} - -.emotion-16:hover { - opacity: 1; -} - -.emotion-16:hover { - opacity: 1; -} - -.emotion-3 { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-size: contain; - background-repeat: no-repeat; - background-position: center center; -} - -
    -

    - Verify your identity -

    -

    - Under state law, the record you’re ordering may have an access restriction. You must upload a valid form of identification before we can process your request. -

    -

    - - Please note - - : You must be - - listed on the record to get a copy of the certificate. If you are not listed on the record, you will not be able to get a copy. We will cancel your request and will not charge your card. Contact - - - registry - @boston.gov - - - with questions. -

    -

    - Upload ID images -

    -

    - We accept the following forms of ID: -

    -
      -
    • - Driver’s License -
    • -
    • - State ID -
    • -
    • - Passport -
    • -
    • - Military ID -
    • -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    - -

    - Have you had a legal name change or do you have court guardianship? -

    -
    -
    -
    - - -
    - Files should be PDF format, and under 10MB each. -
    -
      -
    • - - - - Deadname to Finnegan change.pdf - - - -
    • -
    • - - - - Finnegan to Fiona name change.pdf - - - -
    • -
    -
    -
    -
    -

    - No ID? -

    -

    - We can help explain your options. - - - Request help - - -

    -
    -`; - -exports[`Storyshots Common Components/Question Components/VerifyIdentificationComponent upload error 1`] = ` -.emotion-14 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-22 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-22 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-22 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-17 { - width: 80px; - height: 80px; -} - -.emotion-17 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-17.checkMark, -.emotion-17.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-17.checkMark { - stroke: #62A744; -} - -.emotion-17.xSymbol { - stroke: #f04f46; -} - -.emotion-17.questionMark path { - fill: #091f2f; - stroke: none; -} - -.emotion-7 { - position: relative; - overflow: hidden; -} - -.emotion-5:focus > div { - outline: 4px solid #000; - outline-offset: -5px; -} - -.emotion-4 { - position: relative; - cursor: pointer; - overflow: hidden; - background-color: currentColor; -} - -.emotion-2 { - background-color: #288be4; - color: #000; -} - -.emotion-2.id { - padding: 2rem 4rem; -} - -.emotion-11:focus { - outline: 3px solid #000; - outline-offset: -4px; -} - -.emotion-21 { - padding-left: 0; - color: #091f2f; -} - -.emotion-21 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-21 li { - margin-left: 1rem; - } -} - -.emotion-21 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-21 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -.emotion-18 { - padding: 0; - background-color: transparent; - border: none; - font-size: inherit; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-family: Lora,Georgia,serif; - font-style: italic; - color: #d22d23; -} - -.emotion-18 svg { - height: 1.2em; - width: 1.2em; - margin-right: 0.5rem; -} - -.emotion-16 { - text-transform: capitalize; - font-style: italic; - color: #d22d23; -} - -.emotion-3 { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-size: contain; - background-repeat: no-repeat; - background-position: center center; -} - -.emotion-6 { - color: #d22d23; -} - -.emotion-6:focus { - outline: 3px solid #000; - outline-offset: -4px; -} - -
    -

    - Verify your identity -

    -

    - Under state law, the record you’re ordering may have an access restriction. You must upload a valid form of identification before we can process your request. -

    -

    - - Please note - - : You must be - - listed on the record to get a copy of the certificate. If you are not listed on the record, you will not be able to get a copy. We will cancel your request and will not charge your card. Contact - - - registry - @boston.gov - - - with questions. -

    -

    - Upload ID images -

    -

    - We accept the following forms of ID: -

    -
      -
    • - Driver’s License -
    • -
    • - State ID -
    • -
    • - Passport -
    • -
    • - Military ID -
    • -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    - -

    - Have you had a legal name change or do you have court guardianship? -

    -
    -
    -
    - - -
    - Files should be PDF format, and under 10MB each. -
    -
      -
    • - - - - Deadname to Finnegan change.pdf - - - - canceling - … - -
    • -
    • - - - - Finnegan to Fiona name change.pdf - - - -
    • -
    • - - - - cats on cats on cats.jpg - - - -
    • -
    -
    -
    -
    -

    - No ID? -

    -

    - We can help explain your options. - - - Request help - - -

    -
    -`; - -exports[`Storyshots Common Components/Question Components/YesNoUnsureComponent default 1`] = ` -.emotion-1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-1 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-1 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-1 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-1 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-1 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-1 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-1 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-1 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-1.selected span { - background-color: #e0e0e0; -} - -.emotion-1.inactive { - opacity: 0.25; -} - -.emotion-6 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-6 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-6 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-0 { - width: 80px; - height: 80px; -} - -.emotion-0 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-0.checkMark, -.emotion-0.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-0.checkMark { - stroke: #62A744; -} - -.emotion-0.xSymbol { - stroke: #f04f46; -} - -.emotion-0.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    - - - -
    -
    -`; - -exports[`Storyshots Common Components/ReviewCertificateRequest birth 1`] = ` -.emotion-17:after { - content: ''; - display: table; - clear: both; -} - -.emotion-7 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-9 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-16 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-15 { - font-size: 80%; -} - -.emotion-18 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-6 { - border-bottom: 1px solid #e0e0e0; - border-top: 1px solid #e0e0e0; - padding-bottom: 0.5em; - padding-top: 0.5em; - margin-bottom: 1em; - margin-top: 3em; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-6 > div:first-of-type { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.emotion-0 { - -moz-appearance: textfield; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.emotion-0::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -@media screen and (min-width:480px) { - .emotion-0 { - width: 70px; - border-right: 0; - } -} - -.emotion-1 { - display: none; -} - -@media screen and (min-width:480px) { - .emotion-1 { - display: block; - } -} - -.emotion-1:after { - content: 'Qty'; -} - -.emotion-5 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin-left: 1.25rem; -} - -@media screen and (min-width:768px) { - .emotion-5 { - margin-left: 0.75rem; - } -} - -.emotion-3 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-4 { - color: #091f2f; - font-family: Lora,Georgia,serif; - font-style: italic; -} - -.emotion-4 > span { - display: block; -} - -.emotion-12 { - line-height: 1; - display: inline-block; -} - -.emotion-11:after { - width: 2rem; -} - -.emotion-10 { - height: 2rem; - line-height: initial; - padding-right: 3rem; -} - -
    -

    -

    -
    - - -
    -
    -
    - Carol Danvers -
    -
    - - Birth - Certificate (Certified paper copy) - - - Born: 3/1/1968 - -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 1 - - certificate - × - - $14.00 - - $ - 14.00 -
    -
    -
    -
    - -
    -
    - - service fee - - - * - -
    -
    - $ - 0.56 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 14.56 -
    -
    -
    -
    - -
    - -
    -
    - -
    -
    -`; - -exports[`Storyshots Common Components/ReviewCertificateRequest marriage 1`] = ` -.emotion-17:after { - content: ''; - display: table; - clear: both; -} - -.emotion-7 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-9 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-16 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-15 { - font-size: 80%; -} - -.emotion-18 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-6 { - border-bottom: 1px solid #e0e0e0; - border-top: 1px solid #e0e0e0; - padding-bottom: 0.5em; - padding-top: 0.5em; - margin-bottom: 1em; - margin-top: 3em; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-6 > div:first-of-type { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.emotion-0 { - -moz-appearance: textfield; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.emotion-0::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -@media screen and (min-width:480px) { - .emotion-0 { - width: 70px; - border-right: 0; - } -} - -.emotion-1 { - display: none; -} - -@media screen and (min-width:480px) { - .emotion-1 { - display: block; - } -} - -.emotion-1:after { - content: 'Qty'; -} - -.emotion-5 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin-left: 1.25rem; -} - -@media screen and (min-width:768px) { - .emotion-5 { - margin-left: 0.75rem; - } -} - -.emotion-3 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-4 { - color: #091f2f; - font-family: Lora,Georgia,serif; - font-style: italic; -} - -.emotion-4 > span { - display: block; -} - -.emotion-12 { - line-height: 1; - display: inline-block; -} - -.emotion-11:after { - width: 2rem; -} - -.emotion-10 { - height: 2rem; - line-height: initial; - padding-right: 3rem; -} - -
    -

    -

    -
    - - -
    -
    -
    - Laurel Johnson (Laurel Smith) & Terry Johnson (Terry Doe) -
    -
    - - Marriage - Certificate (Certified paper copy) - - - Date: 6/10/2015 - -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 1 - - certificate - × - - $14.00 - - $ - 14.00 -
    -
    -
    -
    - -
    -
    - - service fee - - - * - -
    -
    - $ - 0.56 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 14.56 -
    -
    -
    -
    - -
    - -
    -
    - -
    -
    -`; - -exports[`Storyshots Common Components/SupportingDocumentsInput all three statuses 1`] = ` -.emotion-0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-6 { - width: 80px; - height: 80px; -} - -.emotion-6 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-6.checkMark, -.emotion-6.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-6.checkMark { - stroke: #62A744; -} - -.emotion-6.xSymbol { - stroke: #f04f46; -} - -.emotion-6.questionMark path { - fill: #091f2f; - stroke: none; -} - -.emotion-8 { - padding-left: 0; - color: #091f2f; -} - -.emotion-8 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-8 li { - margin-left: 1rem; - } -} - -.emotion-8 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-8 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -.emotion-4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-2 { - margin-right: 0.5rem; - height: 0.5rem; - border: 1px solid #091f2f; - background-color: #fff; -} - -.emotion-2::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-2::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-2::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-2::-ms-fill { - background-color: #288be4; -} - -.emotion-3 { - border: none; - background-color: transparent; - cursor: pointer; - padding: 0; - opacity: 0.8; - -webkit-transition: opacity 0.15s; - transition: opacity 0.15s; - opacity: 0.6; - -webkit-transition: opacity 0.15s; - transition: opacity 0.15s; -} - -.emotion-3:hover { - opacity: 1; -} - -.emotion-3:hover { - opacity: 1; -} - -.emotion-7 { - padding: 0; - background-color: transparent; - border: none; - font-size: inherit; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-family: Lora,Georgia,serif; - font-style: italic; - color: #d22d23; -} - -.emotion-7 svg { - height: 1.2em; - width: 1.2em; - margin-right: 0.5rem; -} - -
    -
    - - -
    - Files should be PDF format, and under 10MB each. -
    -
      -
    • - - - - sample-uploading.pdf - - -
      -
      -
    • -
    • - - - - sample-success.pdf - - - -
    • -
    • - - - - sample-uploadError.pdf - - - -
    • -
    -
    -
    -`; - -exports[`Storyshots Common Components/SupportingDocumentsInput cancel in progress 1`] = ` -.emotion-0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-3 { - padding-left: 0; - color: #091f2f; -} - -.emotion-3 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-3 li { - margin-left: 1rem; - } -} - -.emotion-3 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-3 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -.emotion-2 { - text-transform: capitalize; - font-style: italic; - color: #d22d23; -} - -
    -
    - - -
    - Files should be PDF format, and under 10MB each. -
    -
      -
    • - - - - sample-canceling.pdf - - - - canceling - … - -
    • -
    -
    -
    -`; - -exports[`Storyshots Common Components/SupportingDocumentsInput delete in progress 1`] = ` -.emotion-0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-3 { - padding-left: 0; - color: #091f2f; -} - -.emotion-3 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-3 li { - margin-left: 1rem; - } -} - -.emotion-3 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-3 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -.emotion-2 { - text-transform: capitalize; - font-style: italic; - color: #d22d23; -} - -
    -
    - - -
    - Files should be PDF format, and under 10MB each. -
    -
      -
    • - - - - sample-deleting.pdf - - - - deleting - … - -
    • -
    -
    -
    -`; - -exports[`Storyshots Common Components/SupportingDocumentsInput documents successfully uploaded 1`] = ` -.emotion-0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-3 { - padding-left: 0; - color: #091f2f; -} - -.emotion-3 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-3 li { - margin-left: 1rem; - } -} - -.emotion-3 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-3 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -.emotion-2 { - border: none; - background-color: transparent; - cursor: pointer; - padding: 0; - opacity: 0.8; - -webkit-transition: opacity 0.15s; - transition: opacity 0.15s; - opacity: 0.6; - -webkit-transition: opacity 0.15s; - transition: opacity 0.15s; -} - -.emotion-2:hover { - opacity: 1; -} - -.emotion-2:hover { - opacity: 1; -} - -
    -
    - - -
    - Files should be PDF format, and under 10MB each. -
    -
      -
    • - - - - sample-success.pdf - - - -
    • -
    -
    -
    -`; - -exports[`Storyshots Common Components/SupportingDocumentsInput documents uploading 1`] = ` -.emotion-0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-5 { - padding-left: 0; - color: #091f2f; -} - -.emotion-5 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-5 li { - margin-left: 1rem; - } -} - -.emotion-5 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-5 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -.emotion-4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-2 { - margin-right: 0.5rem; - height: 0.5rem; - border: 1px solid #091f2f; - background-color: #fff; -} - -.emotion-2::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-2::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-2::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-2::-ms-fill { - background-color: #288be4; -} - -.emotion-3 { - border: none; - background-color: transparent; - cursor: pointer; - padding: 0; - opacity: 0.8; - -webkit-transition: opacity 0.15s; - transition: opacity 0.15s; - opacity: 0.6; - -webkit-transition: opacity 0.15s; - transition: opacity 0.15s; -} - -.emotion-3:hover { - opacity: 1; -} - -.emotion-3:hover { - opacity: 1; -} - -
    -
    - - -
    - Files should be PDF format, and under 10MB each. -
    -
      -
    • - - - - sample-uploading.pdf - - -
      -
      -
    • -
    -
    -
    -`; - -exports[`Storyshots Common Components/SupportingDocumentsInput empty 1`] = ` -.emotion-0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 { - padding-left: 0; - color: #091f2f; -} - -.emotion-2 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-2 li { - margin-left: 1rem; - } -} - -.emotion-2 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-2 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -
    -
    - - -
    - Files should be PDF format, and under 10MB each. -
    -
      -
    -
    -`; - -exports[`Storyshots Common Components/SupportingDocumentsInput error deleting document 1`] = ` -.emotion-0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 { - width: 80px; - height: 80px; -} - -.emotion-2 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-2.checkMark, -.emotion-2.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-2.checkMark { - stroke: #62A744; -} - -.emotion-2.xSymbol { - stroke: #f04f46; -} - -.emotion-2.questionMark path { - fill: #091f2f; - stroke: none; -} - -.emotion-4 { - padding-left: 0; - color: #091f2f; -} - -.emotion-4 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-4 li { - margin-left: 1rem; - } -} - -.emotion-4 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-4 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -.emotion-3 { - padding: 0; - background-color: transparent; - border: none; - font-size: inherit; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-family: Lora,Georgia,serif; - font-style: italic; - color: #d22d23; -} - -.emotion-3 svg { - height: 1.2em; - width: 1.2em; - margin-right: 0.5rem; -} - -
    -
    - - -
    - Files should be PDF format, and under 10MB each. -
    -
      -
    • - - - - sample-deletionError.pdf - - - -
    • -
    -
    -
    -`; - -exports[`Storyshots Common Components/SupportingDocumentsInput error uploading one document 1`] = ` -.emotion-0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 { - width: 80px; - height: 80px; -} - -.emotion-2 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-2.checkMark, -.emotion-2.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-2.checkMark { - stroke: #62A744; -} - -.emotion-2.xSymbol { - stroke: #f04f46; -} - -.emotion-2.questionMark path { - fill: #091f2f; - stroke: none; -} - -.emotion-4 { - padding-left: 0; - color: #091f2f; -} - -.emotion-4 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-4 li { - margin-left: 1rem; - } -} - -.emotion-4 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-4 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -.emotion-3 { - padding: 0; - background-color: transparent; - border: none; - font-size: inherit; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-family: Lora,Georgia,serif; - font-style: italic; - color: #d22d23; -} - -.emotion-3 svg { - height: 1.2em; - width: 1.2em; - margin-right: 0.5rem; -} - -
    -
    - - -
    - Files should be PDF format, and under 10MB each. -
    -
      -
    • - - - - sample-uploadError.pdf - - - -
    • -
    -
    -
    -`; - -exports[`Storyshots Death/CartItem certificate without death date 1`] = ` -.emotion-2 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-6 { - border-color: #e0e0e0; - border-left-width: 0; - border-right-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-4 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-1 span { - white-space: nowrap; -} - -.emotion-1 span:first-of-type { - margin-right: 0.4em; -} - -.emotion-3 { - color: #091f2f; - font-style: italic; -} - -.emotion-0 { - width: 2.5rem; - height: 2.5rem; - margin-right: 1rem; - font-family: inherit; - font-style: italic; - font-size: 1rem; - background: #1871bd; - color: #fff; - text-align: right; - padding: 0.5rem; -} - -.emotion-5 { - border: none; - background: transparent; - color: #d22d23; - font-size: 2.5rem; - vertical-align: middle; - cursor: pointer; - padding: 0 0 0.2em; -} - -
    -
    -
    - -
    -
    - - - MONKEY - - JOE - - -
    -
    - Died: 2004 — Age: 6 -
    -
    - -
    -
    -
    -`; - -exports[`Storyshots Death/CartItem pending certificate 1`] = ` -.emotion-2 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-6 { - border-color: #e0e0e0; - border-left-width: 0; - border-right-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-4 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-1 span { - white-space: nowrap; -} - -.emotion-1 span:first-of-type { - margin-right: 0.4em; -} - -.emotion-3 { - color: #091f2f; - font-style: italic; -} - -.emotion-0 { - width: 2.5rem; - height: 2.5rem; - margin-right: 1rem; - font-family: inherit; - font-style: italic; - font-size: 1rem; - background: #1871bd; - color: #fff; - text-align: right; - padding: 0.5rem; -} - -.emotion-5 { - border: none; - background: transparent; - color: #d22d23; - font-size: 2.5rem; - vertical-align: middle; - cursor: pointer; - padding: 0 0 0.2em; -} - -
    -
    -
    - -
    -
    - - - JAMES - - HOWLETT (LOGAN) - - - - — - - pending - - -
    -
    - Died: 4/15/2014 — Age: 44 yrs. 2 mos. 10 dys -
    -
    - -
    -
    -
    -`; - -exports[`Storyshots Death/CartItem typical certificate 1`] = ` -.emotion-2 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-6 { - border-color: #e0e0e0; - border-left-width: 0; - border-right-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-4 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-1 span { - white-space: nowrap; -} - -.emotion-1 span:first-of-type { - margin-right: 0.4em; -} - -.emotion-3 { - color: #091f2f; - font-style: italic; -} - -.emotion-0 { - width: 2.5rem; - height: 2.5rem; - margin-right: 1rem; - font-family: inherit; - font-style: italic; - font-size: 1rem; - background: #1871bd; - color: #fff; - text-align: right; - padding: 0.5rem; -} - -.emotion-5 { - border: none; - background: transparent; - color: #d22d23; - font-size: 2.5rem; - vertical-align: middle; - cursor: pointer; - padding: 0 0 0.2em; -} - -
    -
    -
    - -
    -
    - - - BRUCE - - BANNER - - -
    -
    - Died: 3/4/2016 — Age: 53 -
    -
    - -
    -
    -
    -`; - -exports[`Storyshots Death/CartPage empty cart 1`] = ` -.emotion-4 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-3 { - color: #d22d23; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 54px; -} - -.emotion-1 { - display: block !important; - text-align: right; -} - -.emotion-1:after { - display: none !important; -} - -.emotion-0 { - display: inline-block; - position: relative; - background: #fff; - color: #091f2f; - padding: 0.5em 0; - margin-right: 1.25rem; - margin-left: 1.25rem; - width: 3em; - text-align: center; - font-style: italic; - font-family: Lora,Georgia,serif; - font-size: 1rem; -} - -.emotion-0:before { - content: ''; - display: block; - border-color: transparent #fff transparent transparent; - border-width: 5px 10px; - border-style: solid; - position: absolute; - width: 0; - height: 0; - left: -20px; - top: 12px; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - - -
    -
    -
    -
    - -
    -
    -
    -
    - There’s nothing here yet! -
    -

    - Search for death certificates and add them to your cart. -

    -
    -
    -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Death/CartPage loading 1`] = ` -.emotion-4 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-3 { - color: #d22d23; -} - -.emotion-15:after { - content: ''; - display: table; - clear: both; -} - -.emotion-5 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-7 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-14 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-13 { - font-size: 80%; -} - -.emotion-10 { - line-height: 1; - display: inline-block; -} - -.emotion-9:after { - width: 2rem; -} - -.emotion-8 { - height: 2rem; - line-height: initial; - padding-right: 3rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 54px; -} - -.emotion-1 { - display: block !important; - text-align: right; -} - -.emotion-1:after { - display: none !important; -} - -.emotion-0 { - display: inline-block; - position: relative; - background: #fff; - color: #091f2f; - padding: 0.5em 0; - margin-right: 1.25rem; - margin-left: 1.25rem; - width: 3em; - text-align: center; - font-style: italic; - font-family: Lora,Georgia,serif; - font-size: 1rem; -} - -.emotion-0:before { - content: ''; - display: block; - border-color: transparent #fff transparent transparent; - border-width: 5px 10px; - border-style: solid; - position: absolute; - width: 0; - height: 0; - left: -20px; - top: 12px; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - - -
    -
    -
    -
    - -
    -
    -
    - Loading your cart… -
    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 8 - - certificates - × - - $14.00 - - $ - 112.00 -
    -
    -
    -
    - -
    -
    - - service fee - - - * - -
    -
    - $ - 2.66 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 114.66 -
    -
    - -
    -
    -
    - * - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Death/CartPage normal page 1`] = ` -.emotion-4 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-3 { - color: #d22d23; -} - -.emotion-36:after { - content: ''; - display: table; - clear: both; -} - -.emotion-26 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-28 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-35 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-34 { - font-size: 80%; -} - -.emotion-7 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-31 { - line-height: 1; - display: inline-block; -} - -.emotion-30:after { - width: 2rem; -} - -.emotion-29 { - height: 2rem; - line-height: initial; - padding-right: 3rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 54px; -} - -.emotion-1 { - display: block !important; - text-align: right; -} - -.emotion-1:after { - display: none !important; -} - -.emotion-0 { - display: inline-block; - position: relative; - background: #fff; - color: #091f2f; - padding: 0.5em 0; - margin-right: 1.25rem; - margin-left: 1.25rem; - width: 3em; - text-align: center; - font-style: italic; - font-family: Lora,Georgia,serif; - font-size: 1rem; -} - -.emotion-0:before { - content: ''; - display: block; - border-color: transparent #fff transparent transparent; - border-width: 5px 10px; - border-style: solid; - position: absolute; - width: 0; - height: 0; - left: -20px; - top: 12px; -} - -.emotion-11 { - border-color: #e0e0e0; - border-left-width: 0; - border-right-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-9 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-6 span { - white-space: nowrap; -} - -.emotion-6 span:first-of-type { - margin-right: 0.4em; -} - -.emotion-8 { - color: #091f2f; - font-style: italic; -} - -.emotion-5 { - width: 2.5rem; - height: 2.5rem; - margin-right: 1rem; - font-family: inherit; - font-style: italic; - font-size: 1rem; - background: #1871bd; - color: #fff; - text-align: right; - padding: 0.5rem; -} - -.emotion-10 { - border: none; - background: transparent; - color: #d22d23; - font-size: 2.5rem; - vertical-align: middle; - cursor: pointer; - padding: 0 0 0.2em; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - - -
    -
    -
    -
    - -
    -
    -
    -
    - -
    -
    - - - BRUCE - - BANNER - - -
    -
    - Died: 3/4/2016 — Age: 53 -
    -
    - -
    -
    -
    -
    - -
    -
    - - - JAMES - - HOWLETT (LOGAN) - - - - — - - pending - - -
    -
    - Died: 4/15/2014 — Age: 44 yrs. 2 mos. 10 dys -
    -
    - -
    -
    -
    -
    - -
    -
    - - - MONKEY - - JOE - - -
    -
    - Died: 2004 — Age: 6 -
    -
    - -
    -
    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 5 - - certificates - × - - $14.00 - - $ - 70.00 -
    -
    -
    -
    - -
    -
    - - service fee - - - * - -
    -
    - $ - 1.76 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 71.76 -
    -
    - -
    -
    -
    - * - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Death/CertificatePage certificate in cart 1`] = ` -.emotion-4 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-3 { - color: #d22d23; -} - -.emotion-23 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.emotion-21 { - -moz-appearance: textfield; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.emotion-21::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -@media screen and (min-width:480px) { - .emotion-21 { - width: 70px; - border-right: 0; - } -} - -.emotion-22 { - display: none; -} - -@media screen and (min-width:480px) { - .emotion-22 { - display: block; - } -} - -.emotion-22:after { - content: 'Qty'; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 54px; -} - -.emotion-1 { - display: block !important; - text-align: right; -} - -.emotion-1:after { - display: none !important; -} - -.emotion-0 { - display: inline-block; - position: relative; - background: #fff; - color: #091f2f; - padding: 0.5em 0; - margin-right: 1.25rem; - margin-left: 1.25rem; - width: 3em; - text-align: center; - font-style: italic; - font-family: Lora,Georgia,serif; - font-size: 1rem; -} - -.emotion-0:before { - content: ''; - display: block; - border-color: transparent #fff transparent transparent; - border-width: 5px 10px; - border-style: solid; - position: absolute; - width: 0; - height: 0; - left: -20px; - top: 12px; -} - -.emotion-20 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} - -.emotion-5 { - line-height: 1rem; - vertical-align: center; - padding-right: 1em; - width: 30%; -} - -.emotion-6 { - line-height: 1rem; - vertical-align: center; -} - -.emotion-24 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-24 > div { - -webkit-flex-basis: 30%; - -ms-flex-preferred-size: 30%; - flex-basis: 30%; - margin-right: 1.25rem; -} - -@media screen and (min-width:768px) { - .emotion-24 > div { - margin-right: 0.75rem; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - - -
    -
    -
    -
    -
    -

    - BRUCE BANNER -

    -
    -
    -
    -
      -
    • - - First name - - - BRUCE - -
    • -
    • - - Last name - - - BANNER - -
    • -
    • - - Date of birth - - - 5/1/1962 - -
    • -
    • - - Date of death - - - 3/4/2016 - -
    • -
    • - - Age - - - 53 - -
    • -
    -
    -
    -
    -
    -
    -
    - - -
    - -
    -
    - -
    -
    -
    -
    - Death certificates cost - $14.00 - each. That price includes shipping. - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Death/CertificatePage missing certificate 1`] = ` -.emotion-4 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-3 { - color: #d22d23; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 54px; -} - -.emotion-1 { - display: block !important; - text-align: right; -} - -.emotion-1:after { - display: none !important; -} - -.emotion-0 { - display: inline-block; - position: relative; - background: #fff; - color: #091f2f; - padding: 0.5em 0; - margin-right: 1.25rem; - margin-left: 1.25rem; - width: 3em; - text-align: center; - font-style: italic; - font-family: Lora,Georgia,serif; - font-size: 1rem; -} - -.emotion-0:before { - content: ''; - display: block; - border-color: transparent #fff transparent transparent; - border-width: 5px 10px; - border-style: solid; - position: absolute; - width: 0; - height: 0; - left: -20px; - top: 12px; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - - -
    -
    -
    -
    -
    -

    - Certificate not found -

    -
    -
    -
    - We could not find a certificate with ID # - 200001 - . -
    -
    - -
    -
    - Death certificates cost - $14.00 - each. That price includes shipping. - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Death/CertificatePage normal certificate 1`] = ` -.emotion-4 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-3 { - color: #d22d23; -} - -.emotion-23 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.emotion-21 { - -moz-appearance: textfield; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.emotion-21::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -@media screen and (min-width:480px) { - .emotion-21 { - width: 70px; - border-right: 0; - } -} - -.emotion-22 { - display: none; -} - -@media screen and (min-width:480px) { - .emotion-22 { - display: block; - } -} - -.emotion-22:after { - content: 'Qty'; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 54px; -} - -.emotion-1 { - display: block !important; - text-align: right; -} - -.emotion-1:after { - display: none !important; -} - -.emotion-0 { - display: inline-block; - position: relative; - background: #fff; - color: #091f2f; - padding: 0.5em 0; - margin-right: 1.25rem; - margin-left: 1.25rem; - width: 3em; - text-align: center; - font-style: italic; - font-family: Lora,Georgia,serif; - font-size: 1rem; -} - -.emotion-0:before { - content: ''; - display: block; - border-color: transparent #fff transparent transparent; - border-width: 5px 10px; - border-style: solid; - position: absolute; - width: 0; - height: 0; - left: -20px; - top: 12px; -} - -.emotion-20 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} - -.emotion-5 { - line-height: 1rem; - vertical-align: center; - padding-right: 1em; - width: 30%; -} - -.emotion-6 { - line-height: 1rem; - vertical-align: center; -} - -.emotion-24 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-24 > div { - -webkit-flex-basis: 30%; - -ms-flex-preferred-size: 30%; - flex-basis: 30%; - margin-right: 1.25rem; -} - -@media screen and (min-width:768px) { - .emotion-24 > div { - margin-right: 0.75rem; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - - -
    -
    -
    -
    -
    -

    - BRUCE BANNER -

    -
    -
    -
    -
      -
    • - - First name - - - BRUCE - -
    • -
    • - - Last name - - - BANNER - -
    • -
    • - - Date of birth - - - 5/1/1962 - -
    • -
    • - - Date of death - - - 3/4/2016 - -
    • -
    • - - Age - - - 53 - -
    • -
    -
    -
    -
    -
    -
    -
    - - -
    - -
    -
    - -
    -
    -
    -
    - Death certificates cost - $14.00 - each. That price includes shipping. - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Death/CertificatePage normal certificate — not from search 1`] = ` -.emotion-4 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-3 { - color: #d22d23; -} - -.emotion-23 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.emotion-21 { - -moz-appearance: textfield; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.emotion-21::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -@media screen and (min-width:480px) { - .emotion-21 { - width: 70px; - border-right: 0; - } -} - -.emotion-22 { - display: none; -} - -@media screen and (min-width:480px) { - .emotion-22 { - display: block; - } -} - -.emotion-22:after { - content: 'Qty'; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 54px; -} - -.emotion-1 { - display: block !important; - text-align: right; -} - -.emotion-1:after { - display: none !important; -} - -.emotion-0 { - display: inline-block; - position: relative; - background: #fff; - color: #091f2f; - padding: 0.5em 0; - margin-right: 1.25rem; - margin-left: 1.25rem; - width: 3em; - text-align: center; - font-style: italic; - font-family: Lora,Georgia,serif; - font-size: 1rem; -} - -.emotion-0:before { - content: ''; - display: block; - border-color: transparent #fff transparent transparent; - border-width: 5px 10px; - border-style: solid; - position: absolute; - width: 0; - height: 0; - left: -20px; - top: 12px; -} - -.emotion-20 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} - -.emotion-5 { - line-height: 1rem; - vertical-align: center; - padding-right: 1em; - width: 30%; -} - -.emotion-6 { - line-height: 1rem; - vertical-align: center; -} - -.emotion-24 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-24 > div { - -webkit-flex-basis: 30%; - -ms-flex-preferred-size: 30%; - flex-basis: 30%; - margin-right: 1.25rem; -} - -@media screen and (min-width:768px) { - .emotion-24 > div { - margin-right: 0.75rem; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - - -
    -
    -
    -
    -
    -

    - BRUCE BANNER -

    -
    -
    -
    -
      -
    • - - First name - - - BRUCE - -
    • -
    • - - Last name - - - BANNER - -
    • -
    • - - Date of birth - - - 5/1/1962 - -
    • -
    • - - Date of death - - - 3/4/2016 - -
    • -
    • - - Age - - - 53 - -
    • -
    -
    -
    -
    -
    -
    -
    - - -
    - -
    -
    - -
    -
    -
    -
    - Death certificates cost - $14.00 - each. That price includes shipping. - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Death/CertificatePage pending certificate 1`] = ` -.emotion-4 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-3 { - color: #d22d23; -} - -.emotion-20 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.emotion-18 { - -moz-appearance: textfield; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.emotion-18::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -@media screen and (min-width:480px) { - .emotion-18 { - width: 70px; - border-right: 0; - } -} - -.emotion-19 { - display: none; -} - -@media screen and (min-width:480px) { - .emotion-19 { - display: block; - } -} - -.emotion-19:after { - content: 'Qty'; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 54px; -} - -.emotion-1 { - display: block !important; - text-align: right; -} - -.emotion-1:after { - display: none !important; -} - -.emotion-0 { - display: inline-block; - position: relative; - background: #fff; - color: #091f2f; - padding: 0.5em 0; - margin-right: 1.25rem; - margin-left: 1.25rem; - width: 3em; - text-align: center; - font-style: italic; - font-family: Lora,Georgia,serif; - font-size: 1rem; -} - -.emotion-0:before { - content: ''; - display: block; - border-color: transparent #fff transparent transparent; - border-width: 5px 10px; - border-style: solid; - position: absolute; - width: 0; - height: 0; - left: -20px; - top: 12px; -} - -.emotion-17 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} - -.emotion-5 { - line-height: 1rem; - vertical-align: center; - padding-right: 1em; - width: 30%; -} - -.emotion-6 { - line-height: 1rem; - vertical-align: center; -} - -.emotion-21 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-21 > div { - -webkit-flex-basis: 30%; - -ms-flex-preferred-size: 30%; - flex-basis: 30%; - margin-right: 1.25rem; -} - -@media screen and (min-width:768px) { - .emotion-21 > div { - margin-right: 0.75rem; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - - -
    -
    -
    -
    -
    -

    - JAMES HOWLETT (LOGAN) -

    -
    -
    - This certificate is - - pending - - and will not include the cause of death. Some insurance and banking companies won’t accept a death certificate if it is still pending. -
    -
    -
    -
      -
    • - - First name - - - JAMES - -
    • -
    • - - Last name - - - HOWLETT (LOGAN) - -
    • -
    • - - Date of death - - - 4/15/2014 - -
    • -
    • - - Age - - - 44 yrs. 2 mos. 10 dys - -
    • -
    -
    -
    -
    -
    -
    -
    - - -
    - -
    -
    - -
    -
    -
    -
    - Death certificates cost - $14.00 - each. That price includes shipping. - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Death/ConfirmationContent default 1`] = ` -.emotion-4 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-3 { - color: #d22d23; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 54px; -} - -.emotion-1 { - display: block !important; - text-align: right; -} - -.emotion-1:after { - display: none !important; -} - -.emotion-0 { - display: inline-block; - position: relative; - background: #fff; - color: #091f2f; - padding: 0.5em 0; - margin-right: 1.25rem; - margin-left: 1.25rem; - width: 3em; - text-align: center; - font-style: italic; - font-family: Lora,Georgia,serif; - font-size: 1rem; -} - -.emotion-0:before { - content: ''; - display: block; - border-color: transparent #fff transparent transparent; - border-width: 5px 10px; - border-style: solid; - position: absolute; - width: 0; - height: 0; - left: -20px; - top: 12px; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - - -
    -
    -
    -
    -

    - Order submitted -

    -
    -
    - Thank you for your order! Your order number is - - - # - 123-4444-5 - - . -
    - -

    - A copy of your receipt has been sent to - - - ttoe@squirrelzone.net - - . We will mail out your order in 1–2 business days via the U.S. Postal Service. -

    -

    - Have any questions? Contact the Registry on weekdays from 9 a.m. – 4 p.m. at - - 617-635-4175 - - , or email - - - registry@boston.gov - - . You can also order a - - - birth - - - or - - - marriage - - - certificate online. -

    - -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Death/ReceiptPage default 1`] = ` -@media print { - .emotion-18 * { - color: #000 !important; - } -} - -@media print { - .emotion-17 { - min-width: 100% !important; - padding: 0 !important; - } -} - -.emotion-1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.emotion-0 { - font-style: italic; -} - -@media print { - .emotion-0 { - display: none; - } -} - -@media print { - .emotion-15 { - background-color: #fff !important; - } -} - -.emotion-2 { - font-weight: bold; - line-height: 1.4; -} - -.emotion-3 { - font-style: italic; - line-height: 1.4; -} - -.emotion-13 { - width: 100%; - line-height: 1.4; -} - -.emotion-16 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -
    -
    -
    - -
    -
    -
    -

    - Thank you for your order -

    -
    -
    -
    -
    -
    - - Date: - - - - 1/8/2018 2:05PM - -
    -
    - - Order #: - - - - RG-DC201801-360926 - -
    -
    -
    -
    - Shipping information: -
    -
    - Squirrel Girl -
    - US Avengers -
    - Avengers Tower -
    - New York, NY 10001 -
    -
    -
    -
    -
    - Order: -
    - - - - - - - - - - - - - - - - - - - -
    - 7 - × Death certificate for - - JAMES - - HOWLETT (LOGAN) - - $ - 98.00 -
    - 1 - × Death certificate for - - BRUCE - - BANNER - - $ - 14.00 -
    - Subtotal - - $ - 112.00 -
    - Card service fee* - - $ - 2.66 -
    -
    -
    -
    -
    - - - - - - - -
    - Total - - $ - 114.66 -
    -
    -
    -
    - Your order will be shipped within 1–2 business days via the U.S. Postal Service. -
    -
    - * You are charged an extra service fee to pay for the cost of card processing. This fee goes directly to a third party, not the City of Boston. -
    -
    -
    -
    - -
    - Have any questions? Contact the Registry on weekdays from 9 a.m. – 4 p.m. at - - 617-635-4175 - - , or email - - - registry@boston.gov - - . -
    -
    -
    -
    -
    -`; - -exports[`Storyshots Death/SearchPage no results 1`] = ` -.emotion-4 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-3 { - color: #d22d23; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 54px; -} - -.emotion-1 { - display: block !important; - text-align: right; -} - -.emotion-1:after { - display: none !important; -} - -.emotion-0 { - display: inline-block; - position: relative; - background: #fff; - color: #091f2f; - padding: 0.5em 0; - margin-right: 1.25rem; - margin-left: 1.25rem; - width: 3em; - text-align: center; - font-style: italic; - font-family: Lora,Georgia,serif; - font-size: 1rem; -} - -.emotion-0:before { - content: ''; - display: block; - border-color: transparent #fff transparent transparent; - border-width: 5px 10px; - border-style: solid; - position: absolute; - width: 0; - height: 0; - left: -20px; - top: 12px; -} - -.emotion-5 { - font-style: normal; -} - -.emotion-5>li { - margin-top: 0.5em; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - - -
    -
    -
    -
    -
    -

    - Search results -

    -
    -
    -
    - -
    - - -
    -
    - Examples: “j doe” “robert frost 1963” “johnson 1956-1957” -
    -
    -
    -
    -
    -
    - No results found for this search. -
    -
    -
      -
    • - We only have death records for people who either died in the City of Boston or who had Boston as their residence on their death certificate. -
    • -
    • - This site has all deaths from 1956 on, but only a few records before then. You can - - - request a death certificate from before 1956 - - . -
    • -
    • - Search for both formal names and nicknames. For example, if there are no results for “Elizabeth,” try “Betty.” -
    • -
    • - You can also search for a partial name. For example, “Jo” matches “Joe” and “Joseph.” -
    • -
    • - If the decedent had a hyphenated first or last name, try searching for only one of the parts. -
    • -
    • - Add a 4-digit year of death. You can also search for a range of death years, like “smith 1960–1965” -
    • -
    -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Death/SearchPage no search 1`] = ` -.emotion-4 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-3 { - color: #d22d23; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 54px; -} - -.emotion-1 { - display: block !important; - text-align: right; -} - -.emotion-1:after { - display: none !important; -} - -.emotion-0 { - display: inline-block; - position: relative; - background: #fff; - color: #091f2f; - padding: 0.5em 0; - margin-right: 1.25rem; - margin-left: 1.25rem; - width: 3em; - text-align: center; - font-style: italic; - font-family: Lora,Georgia,serif; - font-size: 1rem; -} - -.emotion-0:before { - content: ''; - display: block; - border-color: transparent #fff transparent transparent; - border-width: 5px 10px; - border-style: solid; - position: absolute; - width: 0; - height: 0; - left: -20px; - top: 12px; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - - -
    -
    -
    -
    -
    -

    - Death certificates -

    -
    -
    -

    - To order a death certificate for someone, start by searching for their name: -

    -
    -
    -
    - -
    - - -
    -
    - Examples: “j doe” “robert frost 1963” “johnson 1956-1957” -
    -
    -
    -
    -

    - We have death certificates from 1956 to the present for anyone who died in Boston or listed Boston as their home. If you need a death certificate from before 1956, you will need to order - - - by mail - - - or - - - in person - - . -

    -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Death/SearchPage with results 1`] = ` -.emotion-4 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-3 { - color: #d22d23; -} - -.emotion-6 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 54px; -} - -.emotion-1 { - display: block !important; - text-align: right; -} - -.emotion-1:after { - display: none !important; -} - -.emotion-0 { - display: inline-block; - position: relative; - background: #fff; - color: #091f2f; - padding: 0.5em 0; - margin-right: 1.25rem; - margin-left: 1.25rem; - width: 3em; - text-align: center; - font-style: italic; - font-family: Lora,Georgia,serif; - font-size: 1rem; -} - -.emotion-0:before { - content: ''; - display: block; - border-color: transparent #fff transparent transparent; - border-width: 5px 10px; - border-style: solid; - position: absolute; - width: 0; - height: 0; - left: -20px; - top: 12px; -} - -.emotion-9 { - border-color: #e0e0e0; - border-left-width: 0; - border-right-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-8 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-5 span { - white-space: nowrap; -} - -.emotion-5 span:first-of-type { - margin-right: 0.4em; -} - -.emotion-7 { - color: #091f2f; - font-style: italic; -} - -.emotion-20 { - font-style: normal; -} - -.emotion-20>li { - margin-top: 0.5em; -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - - -
    -
    -
    -
    -
    -

    - Search results -

    -
    -
    -
    - -
    - - -
    -
    - Examples: “j doe” “robert frost 1963” “johnson 1956-1957” -
    -
    -
    -
    -
    - -
    -
    -
    - Not finding who you’re looking for? -
    -
      -
    • - We only have death records for people who either died in the City of Boston or who had Boston as their residence on their death certificate. -
    • -
    • - This site has all deaths from 1956 on, but only a few records before then. You can - - - request a death certificate from before 1956 - - . -
    • -
    • - Search for both formal names and nicknames. For example, if there are no results for “Elizabeth,” try “Betty.” -
    • -
    • - You can also search for a partial name. For example, “Jo” matches “Joe” and “Joseph.” -
    • -
    • - If the decedent had a hyphenated first or last name, try searching for only one of the parts. -
    • -
    • - Add a 4-digit year of death. You can also search for a range of death years, like “smith 1960–1965” -
    • -
    -
    -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Death/SearchResult certificate without death date 1`] = ` -.emotion-1 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-4 { - border-color: #e0e0e0; - border-left-width: 0; - border-right-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-3 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-0 span { - white-space: nowrap; -} - -.emotion-0 span:first-of-type { - margin-right: 0.4em; -} - -.emotion-2 { - color: #091f2f; - font-style: italic; -} - - -`; - -exports[`Storyshots Death/SearchResult typical certificate 1`] = ` -.emotion-1 { - font-style: normal; - font-weight: bold; - -webkit-letter-spacing: 1.4px; - -moz-letter-spacing: 1.4px; - -ms-letter-spacing: 1.4px; - letter-spacing: 1.4px; -} - -.emotion-4 { - border-color: #e0e0e0; - border-left-width: 0; - border-right-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-3 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-0 span { - white-space: nowrap; -} - -.emotion-0 span:first-of-type { - margin-right: 0.4em; -} - -.emotion-2 { - color: #091f2f; - font-style: italic; -} - - -`; - -exports[`Storyshots Email/Birth/Expired HTML 1`] = ` -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"City - -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - -
    - -
    - Your order has been canceled -
    - -
    - -

    -

    - - - - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - -
    - Date: 1/8/2018 2:05PM
    - Order #: RG-BC201801-100001 -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - -
    - -
    - We have canceled your birth certificate request and removed the hold - from your card. Your card will not be charged. -
    - -
    - -
    - If you would like to place a new order, visit - boston.gov/birth. -
    - -
    - -
    - - -
    - -
    - - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"\\" - -
    - -
    - -
    - - - -
    - - - - - - - -
    - -
    - Have any questions? Contact the Registry at birth@boston.gov. -
    - -
    - -
    - - -
    - - -
    - -
    - - - - - -
    - - - - ", - } - } - /> -
    -`; - -exports[`Storyshots Email/Birth/Expired text 1`] = ` -
    -
    -    City of Boston
    -
    -Your order has been canceled
    -
    -Date: 1/8/2018 2:05PM
    -Order ID: RG-BC201801-100001
    -
    -We have canceled your birth certificate request and removed 
    -the hold from your card. Your card will not be charged.
    -
    -If you would like to place a new order, visit 
    -https://www.boston.gov/birth
    -
    -Have any questions? Contact the Registry at 
    -birth@boston.gov.
    -  
    -
    -`; - -exports[`Storyshots Email/Birth/Receipt HTML 1`] = ` -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"City - -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - -
    - -
    - Thank you for your order! -
    - -
    - -

    -

    - - - - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - -
    - Date: 1/8/2018 2:05PM
    - Order #: RG-BC201801-100001 -
    - -
    - -
    - - - -
    - - - - - - - -
    - -
    - Shipping information:
    - Nancy Whitehead
    - - 123 Fake St.
    - - Boston, MA 02141
    -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - - - - - - - - - - - - - -
    - -
    - Order: -
    - -
    - - - - - - - - - - - - - - - -
    - 1 × Certified birth certificate for Carol Danvers (10/6/1976)$14.00
    Card service fee*$0.00
    Total$14.56
    - -
    - -
    - We have received your order. You will be charged when the certificate ships. -
    - -
    - -
    - We will contact you if we need more information to fulfill the order. If we contact you but do not hear back within 3 business days, we will cancel the order without charge. -
    - -
    - -
    - * You are charged an extra service fee of not more than - $0.25 plus 2.15%. This fee goes directly to a third party to - pay for the cost of card processing. Learn more about card service fees at the City - of Boston. -
    - -
    - -
    - - -
    - -
    - - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"\\" - -
    - -
    - -
    - - - -
    - - - - - - - -
    - -
    - Have any questions? Contact the Registry at birth@boston.gov. -
    - -
    - -
    - - -
    - - -
    - -
    - - - - - -
    - - - - ", - } - } - /> -
    -`; - -exports[`Storyshots Email/Birth/Receipt text 1`] = ` -
    -
    -    City of Boston
    -
    -Thank you for your order!
    -
    -Date: 1/8/2018 2:05PM
    -Order ID: RG-BC201801-100001
    -
    -Your shipping information:
    -Nancy Whitehead
    -123 Fake St.
    -Boston, MA 02141
    -
    -Your order:
    -  1 x Certified birth certificate for Carol Danvers (10/6/1976) $14.00
    -  Card processing fee*  $0.00
    -  Total  $14.56
    -
    -We have received your order. You will be charged when the 
    -certificate ships.
    -
    -We will contact you if we need more information to fulfill 
    -the order. If we contact you but do not hear back within 3 
    -business days, we will cancel the order without charge.
    -
    -* You are charged an extra service fee of not more than 
    -$0.25 plus 2.15%. This fee goes directly to a third party to 
    -pay for the cost of card processing. Learn more about card 
    -service fees at the City of Boston. 
    -[https://www.boston.gov/common-questions-about-online-payments]
    -
    -Have any questions? Contact the Registry at 
    -birth@boston.gov.
    -  
    -
    -`; - -exports[`Storyshots Email/Birth/Shipped HTML 1`] = ` -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"City - -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - -
    - -
    - Thank you for your order! -
    - -
    - -

    -

    - - - - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - -
    - Date: 1/8/2018 2:05PM
    - Order #: RG-BC201801-100001 -
    - -
    - -
    - - - -
    - - - - - - - -
    - -
    - Shipping information:
    - Nancy Whitehead
    - - 123 Fake St.
    - - Boston, MA 02141
    -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - - - - - - - - - - - - - -
    - -
    - Order: -
    - -
    - - - - - - - - - - - - - - - -
    - 1 × Certified birth certificate for Carol Danvers (10/6/1976)$14.00
    Card service fee*$0.00
    Total$14.56
    - -
    - -
    - We have received your order. You will be charged when the certificate ships. -
    - -
    - -
    - We will contact you if we need more information to fulfill the order. If we contact you but do not hear back within 3 business days, we will cancel the order without charge. -
    - -
    - -
    - * You are charged an extra service fee of not more than - $0.25 plus 2.15%. This fee goes directly to a third party to - pay for the cost of card processing. Learn more about card service fees at the City - of Boston. -
    - -
    - -
    - - -
    - -
    - - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"\\" - -
    - -
    - -
    - - - -
    - - - - - - - -
    - -
    - Have any questions? Contact the Registry at birth@boston.gov. -
    - -
    - -
    - - -
    - - -
    - -
    - - - - - -
    - - - - ", - } - } - /> -
    -`; - -exports[`Storyshots Email/Birth/Shipped text 1`] = ` -
    -
    -    City of Boston
    -
    -Thank you for your order!
    -
    -Date: 1/8/2018 2:05PM
    -Order ID: RG-BC201801-100001
    -
    -Your shipping information:
    -Nancy Whitehead
    -123 Fake St.
    -Boston, MA 02141
    -
    -Your order:
    -  1 x Certified birth certificate for Carol Danvers (10/6/1976) $14.00
    -  Card processing fee*  $0.00
    -  Total  $14.56
    -
    -We have received your order. You will be charged when the 
    -certificate ships.
    -
    -We will contact you if we need more information to fulfill 
    -the order. If we contact you but do not hear back within 3 
    -business days, we will cancel the order without charge.
    -
    -* You are charged an extra service fee of not more than 
    -$0.25 plus 2.15%. This fee goes directly to a third party to 
    -pay for the cost of card processing. Learn more about card 
    -service fees at the City of Boston. 
    -[https://www.boston.gov/common-questions-about-online-payments]
    -
    -Have any questions? Contact the Registry at 
    -birth@boston.gov.
    -  
    -
    -`; - -exports[`Storyshots Email/Death/Receipt HTML 1`] = ` -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"City - -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - -
    - -
    - Thank you for your order! -
    - -
    - -

    -

    - - - - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - -
    - Date: 1/8/2018 2:05PM
    - Order #: RG-DC201801-100001 -
    - -
    - -
    - - - -
    - - - - - - - -
    - -
    - Shipping information:
    - Nancy Whitehead
    - - 123 Fake St.
    - - Boston, MA 02141
    -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - - - - - - - - - -
    - -
    - Order: -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - -
    - 4 × Death certificate for Monkey Joe$56.00
    - 6 × Death certificate for Bruce Banner$84.00
    Subtotal$140.00
    Card service fee*$1.32
    Total$141.32
    - -
    - -
    - Your order will be shipped within 1–2 business days via the U.S. Postal Service. -
    - -
    - -
    - * You are charged an extra service fee of not more than - $0.25 plus 2.15%. This fee goes directly to a third party to - pay for the cost of card processing. Learn more about card service fees at the City - of Boston. -
    - -
    - -
    - - -
    - -
    - - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"\\" - -
    - -
    - -
    - - - -
    - - - - - - - -
    - -
    - Have any questions? Contact the Registry at registry@boston.gov. -
    - -
    - -
    - - -
    - - -
    - -
    - - - - - -
    - - - - ", - } - } - /> -
    -`; - -exports[`Storyshots Email/Death/Receipt text 1`] = ` -
    -
    -    City of Boston
    -
    -Thank you for your order!
    -
    -Date: 1/8/2018 2:05PM
    -Order ID: RG-DC201801-100001
    -
    -Your shipping information:
    -Nancy Whitehead
    -123 Fake St.
    -Boston, MA 02141
    -
    -Your order:
    -  4 x Death certificate for Monkey Joe $56.00
    -  6 x Death certificate for Bruce Banner $84.00
    -  Subtotal  $140.00
    -  Card processing fee*  $1.32
    -  Total  $141.32
    -
    -Your order will be shipped within 1–2 business days via the 
    -U.S. Postal Service.
    -
    -* You are charged an extra service fee of not more than 
    -$0.25 plus 2.15%. This fee goes directly to a third party to 
    -pay for the cost of card processing. Learn more about card 
    -service fees at the City of Boston. 
    -[https://www.boston.gov/common-questions-about-online-payments]
    -
    -Have any questions? Contact the Registry at 
    -registry@boston.gov.
    -  
    -
    -`; - -exports[`Storyshots Email/Marriage/Expired HTML 1`] = ` -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"City - -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - -
    - -
    - Your order has been canceled -
    - -
    - -

    -

    - - - - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - -
    - Date: 1/8/2018 2:05PM
    - Order #: RG-MC201801-100001 -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - -
    - -
    - We have canceled your marriage certificate request and removed the hold - from your card. Your card will not be charged. -
    - -
    - -
    - If you would like to place a new order, visit - boston.gov/marriage. -
    - -
    - -
    - - -
    - -
    - - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"\\" - -
    - -
    - -
    - - - -
    - - - - - - - -
    - -
    - Have any questions? Contact the Registry at marriage@boston.gov. -
    - -
    - -
    - - -
    - - -
    - -
    - - - - - -
    - - - - ", - } - } - /> -
    -`; - -exports[`Storyshots Email/Marriage/Expired text 1`] = ` -
    -
    -    City of Boston
    -
    -Your order has been canceled
    -
    -Date: 1/8/2018 2:05PM
    -Order ID: RG-MC201801-100001
    -
    -We have canceled your marriage certificate request and 
    -removed the hold from your card. Your card will not be 
    -charged.
    -
    -If you would like to place a new order, visit 
    -https://www.boston.gov/marriage
    -
    -Have any questions? Contact the Registry at 
    -marriage@boston.gov.
    -  
    -
    -`; - -exports[`Storyshots Email/Marriage/Receipt HTML 1`] = ` -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"City - -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - -
    - -
    - Thank you for your order! -
    - -
    - -

    -

    - - - - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - -
    - Date: 1/8/2018 2:05PM
    - Order #: RG-MC201801-100001 -
    - -
    - -
    - - - -
    - - - - - - - -
    - -
    - Shipping information:
    - Nancy Whitehead
    - - 123 Fake St.
    - - Boston, MA 02141
    -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - - - - - - - - - - - - - -
    - -
    - Order: -
    - -
    - - - - - - - - - - - - - - - -
    - 1 × Certified marriage certificate $14.00
    Card service fee*$0.00
    Total$14.56
    - -
    - -
    - We have received your order. You will be charged when the certificate ships. -
    - -
    - -
    - We will contact you if we need more information to fulfill the order. If we contact you but do not hear back within 3 business days, we will cancel the order without charge. -
    - -
    - -
    - * You are charged an extra service fee of not more than - $0.25 plus 2.15%. This fee goes directly to a third party to - pay for the cost of card processing. Learn more about card service fees at the City - of Boston. -
    - -
    - -
    - - -
    - -
    - - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"\\" - -
    - -
    - -
    - - - -
    - - - - - - - -
    - -
    - Have any questions? Contact the Registry at marriage@boston.gov. -
    - -
    - -
    - - -
    - - -
    - -
    - - - - - -
    - - - - ", - } - } - /> -
    -`; - -exports[`Storyshots Email/Marriage/Receipt text 1`] = ` -
    -
    -    City of Boston
    -
    -Thank you for your order!
    -
    -Date: 1/8/2018 2:05PM
    -Order ID: RG-MC201801-100001
    -
    -Your shipping information:
    -Nancy Whitehead
    -123 Fake St.
    -Boston, MA 02141
    -
    -Your order:
    -  1 x Certified marriage certificate  $14.00
    -  Card processing fee*  $0.00
    -  Total  $14.56
    -
    -We have received your order. You will be charged when the 
    -certificate ships.
    -
    -We will contact you if we need more information to fulfill 
    -the order. If we contact you but do not hear back within 3 
    -business days, we will cancel the order without charge.
    -
    -* You are charged an extra service fee of not more than 
    -$0.25 plus 2.15%. This fee goes directly to a third party to 
    -pay for the cost of card processing. Learn more about card 
    -service fees at the City of Boston. 
    -[https://www.boston.gov/common-questions-about-online-payments]
    -
    -Have any questions? Contact the Registry at 
    -marriage@boston.gov.
    -  
    -
    -`; - -exports[`Storyshots Email/Marriage/Shipped HTML 1`] = ` -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"City - -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - -
    - -
    - Thank you for your order! -
    - -
    - -

    -

    - - - - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - -
    - -
    - Date: 1/8/2018 2:05PM
    - Order #: RG-MC201801-100001 -
    - -
    - -
    - - - -
    - - - - - - - -
    - -
    - Shipping information:
    - Nancy Whitehead
    - - 123 Fake St.
    - - Boston, MA 02141
    -
    - -
    - -
    - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - - - - - - - - - - - - - - - - - - - - - - -
    - -
    - Order: -
    - -
    - - - - - - - - - - - - - - - -
    - 1 × Certified marriage certificate $14.00
    Card service fee*$0.00
    Total$14.56
    - -
    - -
    - We have received your order. You will be charged when the certificate ships. -
    - -
    - -
    - We will contact you if we need more information to fulfill the order. If we contact you but do not hear back within 3 business days, we will cancel the order without charge. -
    - -
    - -
    - * You are charged an extra service fee of not more than - $0.25 plus 2.15%. This fee goes directly to a third party to - pay for the cost of card processing. Learn more about card service fees at the City - of Boston. -
    - -
    - -
    - - -
    - -
    - - - -
    - -
    - - - - - -
    - - - - - - - -
    - - -
    - - -
    - - - - - - - -
    - - - - - - - -
    - - \\"\\" - -
    - -
    - -
    - - - -
    - - - - - - - -
    - -
    - Have any questions? Contact the Registry at marriage@boston.gov. -
    - -
    - -
    - - -
    - - -
    - -
    - - - - - -
    - - - - ", - } - } - /> -
    -`; - -exports[`Storyshots Email/Marriage/Shipped text 1`] = ` -
    -
    -    City of Boston
    -
    -Thank you for your order!
    -
    -Date: 1/8/2018 2:05PM
    -Order ID: RG-MC201801-100001
    -
    -Your shipping information:
    -Nancy Whitehead
    -123 Fake St.
    -Boston, MA 02141
    -
    -Your order:
    -  1 x Certified marriage certificate  $14.00
    -  Card processing fee*  $0.00
    -  Total  $14.56
    -
    -We have received your order. You will be charged when the 
    -certificate ships.
    -
    -We will contact you if we need more information to fulfill 
    -the order. If we contact you but do not hear back within 3 
    -business days, we will cancel the order without charge.
    -
    -* You are charged an extra service fee of not more than 
    -$0.25 plus 2.15%. This fee goes directly to a third party to 
    -pay for the cost of card processing. Learn more about card 
    -service fees at the City of Boston. 
    -[https://www.boston.gov/common-questions-about-online-payments]
    -
    -Have any questions? Contact the Registry at 
    -marriage@boston.gov.
    -  
    -
    -`; - -exports[`Storyshots Marriage/CheckoutPage confirmation 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -@media screen and (max-width:840px) { - .emotion-5 { - display: none; - } -} - -.emotion-4 { - fill: #fff; - color: #091f2f; - stroke: currentColor; - stroke-width: 3; -} - -.emotion-4 .frame { - stroke-width: 3.5; -} - -.emotion-4 .lines { - stroke-width: 3.75; -} - -.emotion-4 .birth { - stroke: none; -} - -.emotion-4 .marriage { - stroke: none; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 34px; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a marriage certificate -

    -
    - - Step 8 of 8 - - -
    -
    -
    -
    -
    -
    -
    - -
    -
    -
    -

    - Thank you -

    -

    - We received your request and sent an email confirmation to: - - - ttoe@squirrelzone.net - -

    -

    - Your order number is - - # - RG-BC201901-414211 - -

    -

    - - Please allow 2–3 business days for us to process your order. - - - Your order will be shipped via U.S. Postal Service to the shipping address you provided. -

    -

    - We - - will not charge - - your card until we’ve processed your request. If we request more information from you and do not hear back from you within 3 business days, we will cancel the transaction. -

    -

    - Have any questions? Email the Registry Department at - - - marriage@boston.gov - - . -

    -

    - Order a new - - - birth - - , - - - marriage - - , or - - - death - - - certificate. -

    -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Marriage/CheckoutPage no marriage certificate request 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 34px; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a marriage certificate -

    -
    -
    - Your marriage certificate request is incomplete. -
    - -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Marriage/CheckoutPage payment 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-7 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-6 { - padding: 0; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 34px; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a marriage certificate -

    -
    - - Step 8 of 9 - - -
    -
    -

    - Payment -

    -
    -
    - -
    -
    -
    -
    -
    -
    -
    - Shipping Address - -  –  - - - edit - - - -
    -
    -
    - Dorm Hall, Apt 5, 10 College Avenue, New York NY 12345 -
    -
    - -
    -
    -
    - - Payment method - -
    - - -
    -
    - -
    -
    - We accept Visa, MasterCard, and Discover. -
    -
    -
    -
    - - Billing Address - -
    -
    - - -
    -
    -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Marriage/CheckoutPage review 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-7 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-6 { - padding: 0; -} - -.emotion-15:after { - content: ''; - display: table; - clear: both; -} - -.emotion-8 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-10 { - width: 5em; - vertical-align: bottom; - line-height: 1.75; -} - -.emotion-14 { - padding: 0; - line-height: 1; - font-style: normal; -} - -.emotion-13 { - font-size: 80%; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 34px; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a marriage certificate -

    -
    - - Step 9 of 9 - - -
    -
    -

    - Review Order -

    -
    - Your order is not yet complete. Please check the information below, then click the - - Submit Order - - button. -
    -
    -
    -
    -
    - Order Details -
    -
    -
    - -
    -
    -
    -
    -
    -
    - Contact Information - -  —  - - - edit - - - -
    -
    -
    - - squirrel.girl@avengers.org - -
    - (555) 123-9999 -
    -
    -
    -
    -
    - Shipping Address - -  —  - - - edit - - - -
    -
    -
    - Doreen Green -
    - Empire State University -
    - Dorm Hall, Apt 5 -
    - 10 College Avenue -
    - New York, NY 12345 -
    -
    -
    -
    -
    - Payment Information - -  —  - - - edit - - - -
    -
    -
    - Nancy Whitehead -
    - •••• •••• •••• - 4040 -
    - 3 Avengers Towers -
    - New York - , - NY - - 12223 -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Cost Summary -
    - Item - - Amount -
    - 1 - - certificate - × - - $14.00 - - $ - 14.00 -
    - - Credit card service fee - - * - - - - $ - 0.56 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 14.56 -
    -
    -
    -
    -
    - You have to read and accept this checkbox before you place your order: -
    -
    - -
    -
    -
    - -
    - -
    -
    -
    -
    - * You are charged an extra service fee of not more than - - $0.25 - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of credit card processing. Learn more about - - - credit card service fees - - at the City of Boston. -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Marriage/CheckoutPage server-side render 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 34px; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a marriage certificate -

    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Marriage/CheckoutPage shipping 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-7 { - background-color: #f3f3f3; - margin-top: 0 !important; -} - -.emotion-6 { - padding: 0; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 34px; - } -} - -
    - - Jump to content - - -
    - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> - -
    -
    -
    -

    - Request a marriage certificate -

    -
    - - Step 7 of 9 - - -
    -
    -

    - Shipping -

    -
    -
    - -
    -
    -
    -
    -
    - - Contact Information - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    -
    - - Shipping Address - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - -
    -
    -
    - -
    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -
    -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> -
    -`; - -exports[`Storyshots Marriage/Question Components/ClientInstructions default 1`] = ` -.emotion-1 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-1 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-1 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-3 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-3 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-3 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-3 > div.ta-r > button { - margin-left: auto; - } - - .emotion-3 .lnk { - padding-left: 0; - } -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -
    -
    -
    -
    -

    - You must complete this process in person or by mail -

    -
    -

    - If you are an attorney making a request for a client, you need these items to get a record: -

    -
      -
    1. - A letter on letterhead stating you legally represent the person for whom you are requesting a record -
    2. -
    3. - A photocopy of your ID (state-issued ID, driver’s license, or government-issued ID), and -
    4. -
    5. - A copy of your BAR card (must be in good standing and not expired) -
    6. -
    -

    - You must complete this process in person at Boston City Hall or by mail. In person, the cost per request is $12. We take cash, credit or debit cards, checks, or money orders. By mail, the cost per request is $14. We accept checks or money orders payable to the City of Boston. -

    -

    - For more information, you can email us at - - - registry - @boston.gov - - . -

    -

    - - Please note: - - If you are a legal representative and making a mail request, we will only return the record to your address. -

    -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots Marriage/Question Components/DateOfMarriage date range too vast 1`] = ` -.emotion-10 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-10 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-10 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-12 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-12 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-12 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-12 > div.ta-r > button { - margin-left: auto; - } - - .emotion-12 .lnk { - padding-left: 0; - } -} - -.emotion-11 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -@media screen and (min-width:768px) { - .emotion-9 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } - - .emotion-9 > .to { - -webkit-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; - } - - .emotion-9 > .date-component { - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; - } -} - -.emotion-9 > .to { - margin-top: 2.25rem; - font-size: 120%; - font-style: italic; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} - -.emotion-9.range-invalid .year-field { - border-color: #fb4d42; -} - -.emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.emotion-7 > div { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; -} - -.emotion-7 > div:last-of-type { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; -} - -.emotion-7 input { - -moz-appearance: textfield; -} - -.emotion-7 input::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -.emotion-7 input::-ms-clear { - display: none; -} - -.emotion-5 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-5 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-5 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -
    -
    -
    -

    - Do you know the exact date of the marriage? -

    -
    - - -
    -
    -

    - Please enter a date range. -

    -

    - The two dates should be within a five year period. -

    -
    -
    -
    -
    - - -
    -
    - - -
    -
    -
    -   -
    -
    -
    - to -
    -
    -
    -
    - - -
    -
    - - -
    -
    -
    -   -
    -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -
    -`; - -exports[`Storyshots Marriage/Question Components/DateOfMarriage default 1`] = ` -.emotion-6 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-6 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-6 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-8 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-8 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-8 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-8 > div.ta-r > button { - margin-left: auto; - } - - .emotion-8 .lnk { - padding-left: 0; - } -} - -.emotion-7 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -.emotion-5 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-5 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-5 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -
    -
    -
    -

    - Do you know the exact date of the marriage? -

    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -
    -`; - -exports[`Storyshots Marriage/Question Components/DateOfMarriage knows exact date 1`] = ` -.emotion-9 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-9 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-9 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-11 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-11 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-11 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-11 > div.ta-r > button { - margin-left: auto; - } - - .emotion-11 .lnk { - padding-left: 0; - } -} - -.emotion-10 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -.emotion-8 { - border: none; - padding: 0; - margin: 0; -} - -.emotion-8 legend { - padding-left: 0; - font-size: 120%; -} - -.emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-transition: opacity 0.1s; - transition: opacity 0.1s; -} - -.emotion-7 > div { - -webkit-flex: 0 0 24%; - -ms-flex: 0 0 24%; - flex: 0 0 24%; -} - -.emotion-7 > div:last-of-type { - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; -} - -.emotion-7 input { - -moz-appearance: textfield; -} - -.emotion-7 input::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -.emotion-7 input::-ms-clear { - display: none; -} - -.emotion-7 label { - margin-top: 0.5rem; -} - -.emotion-7.disabled { - opacity: 0.4; -} - -.emotion-7.disabled * { - cursor: not-allowed; -} - -.emotion-5 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-5 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-5 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -
    -
    -
    -

    - Do you know the exact date of the marriage? -

    -
    - - -
    -
    -
    -
    - -

    - What was the date of the marriage? -

    -
    -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -
    -`; - -exports[`Storyshots Marriage/Question Components/DateOfMarriage marriage too recent 1`] = ` -.emotion-9 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-9 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-9 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-11 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-11 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-11 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-11 > div.ta-r > button { - margin-left: auto; - } - - .emotion-11 .lnk { - padding-left: 0; - } -} - -.emotion-10 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -.emotion-8 { - border: none; - padding: 0; - margin: 0; -} - -.emotion-8 legend { - padding-left: 0; - font-size: 120%; -} - -.emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-transition: opacity 0.1s; - transition: opacity 0.1s; -} - -.emotion-7 > div { - -webkit-flex: 0 0 24%; - -ms-flex: 0 0 24%; - flex: 0 0 24%; -} - -.emotion-7 > div:last-of-type { - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; -} - -.emotion-7 input { - -moz-appearance: textfield; -} - -.emotion-7 input::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -.emotion-7 input::-ms-clear { - display: none; -} - -.emotion-7 label { - margin-top: 0.5rem; -} - -.emotion-7.disabled { - opacity: 0.4; -} - -.emotion-7.disabled * { - cursor: not-allowed; -} - -.emotion-5 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-5 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-5 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -
    -
    -
    -

    - Do you know the exact date of the marriage? -

    -
    - - -
    -
    -
    -
    - -

    - What was the date of the marriage? -

    -
    -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - -
    -
    -
    -
    -

    - We might not have the marriage certificate yet -

    -

    - - We recommend waiting at least two weeks before you request a marriage certificate. - - - Once a marriage license has been filed, it generally takes two weeks for the marriage certificate to be issued. -

    -

    - If you order too early, we can only hold your request for seven days while we wait for the marriage certificate. If we don’t receive the record in time, your request will be canceled automatically and your card will not be charged. You’ll have to resubmit your request. -

    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -
    -`; - -exports[`Storyshots Marriage/Question Components/DateOfMarriage unsure of date 1`] = ` -.emotion-10 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-10 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-10 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-12 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-12 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-12 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-12 > div.ta-r > button { - margin-left: auto; - } - - .emotion-12 .lnk { - padding-left: 0; - } -} - -.emotion-11 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -@media screen and (min-width:768px) { - .emotion-9 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } - - .emotion-9 > .to { - -webkit-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; - } - - .emotion-9 > .date-component { - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; - } -} - -.emotion-9 > .to { - margin-top: 2.25rem; - font-size: 120%; - font-style: italic; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} - -.emotion-9.range-invalid .year-field { - border-color: #fb4d42; -} - -.emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.emotion-7 > div { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; -} - -.emotion-7 > div:last-of-type { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; -} - -.emotion-7 input { - -moz-appearance: textfield; -} - -.emotion-7 input::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -.emotion-7 input::-ms-clear { - display: none; -} - -.emotion-5 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-5 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-5 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -
    -
    -
    -

    - Do you know the exact date of the marriage? -

    -
    - - -
    -
    -

    - Please enter a date range. -

    -

    - The two dates should be within a five year period. -

    -
    -
    -
    -
    - - -
    -
    - - -
    -
    -
    -   -
    -
    -
    - to -
    -
    -
    -
    - - -
    -
    - - -
    -
    -
    -   -
    -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -
    -`; - -exports[`Storyshots Marriage/Question Components/FiledInBoston default 1`] = ` -.emotion-9 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-9 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-9 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-8 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-8 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-8 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-11 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-11 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-11 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-11 > div.ta-r > button { - margin-left: auto; - } - - .emotion-11 .lnk { - padding-left: 0; - } -} - -.emotion-10 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-7 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-7 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-7 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    -
    -
    - -

    - Was - your - marriage license filed at Boston City Hall? -

    -
    -

    - This refers to where the paperwork was filed, - - not - - where the marriage took place. -

    -
    - - - -
    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -
    -`; - -exports[`Storyshots Marriage/Question Components/FiledInBoston user has selected “no” 1`] = ` -.emotion-9 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-9 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-9 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-8 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-8 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-8 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-11 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-11 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-11 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-11 > div.ta-r > button { - margin-left: auto; - } - - .emotion-11 .lnk { - padding-left: 0; - } -} - -.emotion-10 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-7 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-7 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-7 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    -
    -
    - -

    - Was - your - marriage license filed at Boston City Hall? -

    -
    -

    - This refers to where the paperwork was filed, - - not - - where the marriage took place. -

    -
    - - - -
    -
    -
    -

    - Sorry, we don’t have your record -

    -

    - We only have records for marriages filed at Boston City Hall. It’s possible to have a wedding in Boston with a marriage license issued by any city or town in Massachusetts. -

    -

    - Please contact the town, city, state, or country where - - your - marriage was filed to find the record. -

    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -
    -`; - -exports[`Storyshots Marriage/Question Components/FiledInBoston user is not sure 1`] = ` -.emotion-9 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-9 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-9 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-8 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-8 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-8 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-11 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-11 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-11 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-11 > div.ta-r > button { - margin-left: auto; - } - - .emotion-11 .lnk { - padding-left: 0; - } -} - -.emotion-10 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-7 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-7 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-7 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-1 { - width: 80px; - height: 80px; -} - -.emotion-1 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-1.checkMark, -.emotion-1.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-1.checkMark { - stroke: #62A744; -} - -.emotion-1.xSymbol { - stroke: #f04f46; -} - -.emotion-1.questionMark path { - fill: #091f2f; - stroke: none; -} - -
    -
    -
    -
    - -

    - Was - your - marriage license filed at Boston City Hall? -

    -
    -

    - This refers to where the paperwork was filed, - - not - - where the marriage took place. -

    -
    - - - -
    -
    -
    -

    - We might not have your record -

    -

    - We only have records for marriages filed at Boston City Hall. It’s possible to have a wedding in Boston with a marriage license issued by any city or town in Massachusetts. -

    -

    - You can still place this order, and we’ll do our best to help you out. -

    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -
    -`; - -exports[`Storyshots Marriage/Question Components/ForWhom default 1`] = ` -.emotion-9 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-9 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-9 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-8 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-8 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-8 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-7 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-7 > * { - margin: 1rem; - } -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-1 { - width: 100px; - fill: #fff; - stroke: currentColor; - stroke-miterlimit: 10; - stroke-width: 3; -} - -.emotion-1.forOther { - width: 140px; -} - -.emotion-1.spouse ellipse { - fill: none; - stroke: #fff; - stroke-width: 8; -} - -.emotion-1.spouse line { - stroke-linecap: round; -} - -@media screen and (min-width:480px) { - .emotion-1.spouse { - height: 90px; - } -} - -.emotion-1.child { - stroke-linejoin: round; - stroke-linecap: round; -} - -.emotion-1.heavier { - stroke-width: 3.5; -} - -.emotion-10 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-10 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-10 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-10 > div.ta-r > button { - margin-left: auto; - } - - .emotion-10 .lnk { - padding-left: 0; - } -} - -
    -
    -
    -
    - -

    - Whose marriage certificate are you ordering? -

    -
    -
    - - - -
    -
    -
    -
    -
    -
    - -
    -
    -
    -
    -`; - -exports[`Storyshots Marriage/Question Components/ForWhom someone else’s 1`] = ` -.emotion-9 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-9 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-9 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-8 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-8 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-8 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-7 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-7 > * { - margin: 1rem; - } -} - -.emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-2 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-2 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-2 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-2 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-2 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-2 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-2 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-2 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-2.selected span { - background-color: #e0e0e0; -} - -.emotion-2.inactive { - opacity: 0.25; -} - -.emotion-1 { - width: 100px; - fill: #fff; - stroke: currentColor; - stroke-miterlimit: 10; - stroke-width: 3; -} - -.emotion-1.forOther { - width: 140px; -} - -.emotion-1.spouse ellipse { - fill: none; - stroke: #fff; - stroke-width: 8; -} - -.emotion-1.spouse line { - stroke-linecap: round; -} - -@media screen and (min-width:480px) { - .emotion-1.spouse { - height: 90px; - } -} - -.emotion-1.child { - stroke-linejoin: round; - stroke-linecap: round; -} - -.emotion-1.heavier { - stroke-width: 3.5; -} - -.emotion-10 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-10 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-10 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-10 > div.ta-r > button { - margin-left: auto; - } - - .emotion-10 .lnk { - padding-left: 0; - } -} - -
    -
    -
    -
    - -

    - Whose marriage certificate are you ordering? -

    -
    -
    - - - -
    -
    -
    -
    -
    -
    - -
    -
    -
    -
    -`; - -exports[`Storyshots Marriage/Question Components/PersonOnRecord person 1 1`] = ` -.emotion-15 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-15 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-15 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-5 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-5 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-5 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-8 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-8 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-8 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-8 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-8 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-8 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-8 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-8 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-8.selected span { - background-color: #e0e0e0; -} - -.emotion-8.inactive { - opacity: 0.25; -} - -.emotion-17 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-17 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-17 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-17 > div.ta-r > button { - margin-left: auto; - } - - .emotion-17 .lnk { - padding-left: 0; - } -} - -.emotion-16 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-13 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-13 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-13 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-13 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-7 { - width: 80px; - height: 80px; -} - -.emotion-7 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-7.checkMark, -.emotion-7.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-7.checkMark { - stroke: #62A744; -} - -.emotion-7.xSymbol { - stroke: #f04f46; -} - -.emotion-7.questionMark path { - fill: #091f2f; - stroke: none; -} - -.emotion-4 { - border: none; - background-color: transparent; - padding: 0; - font-family: inherit; - font-size: inherit; - color: #1871bd; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-4 svg { - height: 1.5em; - width: 1.5em; - margin-right: 0.5em; -} - -.emotion-4:disabled { - opacity: 0.5; - cursor: default; -} - -.emotion-3 circle { - fill: currentColor; -} - -.emotion-3 line { - stroke: #fff; -} - -@media screen and (min-width:480px) { - .emotion-1 { - width: 50%; - } -} - -.emotion-2 { - padding-left: 0; - margin-top: 0; - list-style: none; -} - -.emotion-2 li { - position: relative; -} - -.emotion-2 svg { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translate(0,-50%); - -ms-transform: translate(0,-50%); - transform: translate(0,-50%); -} - -@media screen and (min-width:480px) { - .emotion-2 { - width: 50%; - } -} - -
    -
    -
    -
    - -

    - What is the name of the first person on the certificate? -

    -
    -

    - It doesn’t matter which person comes first on the marriage certificate. -

    -
    - - -
    -   -
    -
    -
    - - -
    -   -
    -
    -

    - Alternate spellings - - (if any) - -

    -
      -
    • - -
    • -
    - -
    -
    +
    + + - -

    - Were - their - parents married at the time of - their - birth? -

    -
    -
    +
    + + +
    + + + +
    + + - - -
    + + + + + + +
    - - + +
    + +
    - + + + + + + + +
    + + + + + + + +
    + + \\"\\" + +
    + +
    +
    + + +
    - + + + + + + + +
    + +
    + Have any questions? Contact the Registry at birth@boston.gov.
    - - + +
    + +
    + + +
    + + +
    + +
    + + + + + + + + + + ", + } + } + /> `; -exports[`Storyshots Marriage/Question Components/PersonOnRecord person 2 1`] = ` -.emotion-15 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-15 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-15 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-5 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-5 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-5 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-8 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-8 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-8 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-8 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-8 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-8 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-8 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-8 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-8.selected span { - background-color: #e0e0e0; -} - -.emotion-8.inactive { - opacity: 0.25; -} - -.emotion-17 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-17 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-17 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-17 > div.ta-r > button { - margin-left: auto; - } - - .emotion-17 .lnk { - padding-left: 0; - } -} - -.emotion-16 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-13 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-13 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-13 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-13 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-7 { - width: 80px; - height: 80px; -} - -.emotion-7 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-7.checkMark, -.emotion-7.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-7.checkMark { - stroke: #62A744; -} - -.emotion-7.xSymbol { - stroke: #f04f46; -} - -.emotion-7.questionMark path { - fill: #091f2f; - stroke: none; -} - -.emotion-4 { - border: none; - background-color: transparent; - padding: 0; - font-family: inherit; - font-size: inherit; - color: #1871bd; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-4 svg { - height: 1.5em; - width: 1.5em; - margin-right: 0.5em; -} +exports[`Storyshots Email/Birth/Shipped text 1`] = ` +
    +
    +    City of Boston
     
    -.emotion-4:disabled {
    -  opacity: 0.5;
    -  cursor: default;
    -}
    +Thank you for your order!
     
    -.emotion-3 circle {
    -  fill: currentColor;
    -}
    +Date: 1/8/2018 2:05PM
    +Order ID: RG-BC201801-100001
     
    -.emotion-3 line {
    -  stroke: #fff;
    -}
    +Your shipping information:
    +Nancy Whitehead
    +123 Fake St.
    +Boston, MA 02141
     
    -@media screen and (min-width:480px) {
    -  .emotion-1 {
    -    width: 50%;
    -  }
    -}
    +Your order:
    +  1 x Certified birth certificate for Carol Danvers (10/6/1976) $14.00
    +  Card processing fee*  $0.00
    +  Total  $14.56
     
    -.emotion-2 {
    -  padding-left: 0;
    -  margin-top: 0;
    -  list-style: none;
    -}
    +We have received your order. You will be charged when the 
    +certificate ships.
     
    -.emotion-2 li {
    -  position: relative;
    -}
    +We will contact you if we need more information to fulfill 
    +the order. If we contact you but do not hear back within 3 
    +business days, we will cancel the order without charge.
     
    -.emotion-2 svg {
    -  position: absolute;
    -  right: 0;
    -  top: 50%;
    -  -webkit-transform: translate(0,-50%);
    -  -ms-transform: translate(0,-50%);
    -  transform: translate(0,-50%);
    -}
    +* You are charged an extra service fee of not more than 
    +$0.25 plus 2.15%. This fee goes directly to a third party to 
    +pay for the cost of card processing. Learn more about card 
    +service fees at the City of Boston. 
    +[https://www.boston.gov/common-questions-about-online-payments]
     
    -@media screen and (min-width:480px) {
    -  .emotion-2 {
    -    width: 50%;
    -  }
    -}
    +Have any questions? Contact the Registry at 
    +birth@boston.gov.
    +  
    +
    +`; +exports[`Storyshots Email/Death/Receipt HTML 1`] = `
    -
    -
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    - -

    - What is the name of the other person on the certificate? -

    -
    -
    - - -
    -   -
    -
    -
    + + + + + +
    + + + +
    + + - + + + +
    + + +
    + + + + + + + +
    + + + + + + + +
    + + \\"City + +
    + +
    + +
    + + +
    + +
    + + + + + +
    + + - - - Add another option - - - -
    +
    + + + +
    + + + +
    + + - - -
    + + + + + + + +
    - - + +
    + + + + + + + + + + +
    - - - - - - - No - - - - - -
    +
    - + Thank you for your order!
    -
    +
    + +

    -

    +
    - - - -`; - -exports[`Storyshots Marriage/Question Components/PersonOnRecord self 1`] = ` -.emotion-15 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-15 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-15 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-5 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-5 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-5 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-8 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-8 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-8 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-8 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-8 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-8 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-8 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-8 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-8.selected span { - background-color: #e0e0e0; -} - -.emotion-8.inactive { - opacity: 0.25; -} - -.emotion-17 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-17 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-17 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-17 > div.ta-r > button { - margin-left: auto; - } - - .emotion-17 .lnk { - padding-left: 0; - } -} - -.emotion-16 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-13 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-13 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-13 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-13 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-7 { - width: 80px; - height: 80px; -} - -.emotion-7 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-7.checkMark, -.emotion-7.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-7.checkMark { - stroke: #62A744; -} - -.emotion-7.xSymbol { - stroke: #f04f46; -} - -.emotion-7.questionMark path { - fill: #091f2f; - stroke: none; -} - -.emotion-4 { - border: none; - background-color: transparent; - padding: 0; - font-family: inherit; - font-size: inherit; - color: #1871bd; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-4 svg { - height: 1.5em; - width: 1.5em; - margin-right: 0.5em; -} - -.emotion-4:disabled { - opacity: 0.5; - cursor: default; -} - -.emotion-3 circle { - fill: currentColor; -} - -.emotion-3 line { - stroke: #fff; -} - -@media screen and (min-width:480px) { - .emotion-1 { - width: 50%; - } -} - -.emotion-2 { - padding-left: 0; - margin-top: 0; - list-style: none; -} - -.emotion-2 li { - position: relative; -} - -.emotion-2 svg { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translate(0,-50%); - -ms-transform: translate(0,-50%); - transform: translate(0,-50%); -} - -@media screen and (min-width:480px) { - .emotion-2 { - width: 50%; - } -} - -
    -
    -
    -
    +
    + +
    + +
    + + + + + +
    + + - + + + +
    + + +
    - -

    - Were - your - parents married at the time of - your - birth? -

    -
    -
    - - -
    + +
    + +
    + + + +
    + + + + + + +
    - - - - - - - No - - - - - -
    +
    - + Shipping information:
    + Nancy Whitehead
    + + 123 Fake St.
    + + Boston, MA 02141
    -
    +
    + +
    + + +
    + +
    + + + + + +
    + + - Next question - - - - - -`; - -exports[`Storyshots Marriage/Question Components/VerifyIdentification default 1`] = ` -.emotion-13 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-18 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-18 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-18 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-16 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-16 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-16 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-0 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-0.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-0.secondary em { - font-size: 1rem; -} - -.emotion-20 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-20 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-20 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-20 > div.ta-r > button { - margin-left: auto; - } - - .emotion-20 .lnk { - padding-left: 0; - } -} - -.emotion-19 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-6 { - position: relative; - overflow: hidden; -} - -.emotion-4:focus > div { - outline: 4px solid #000; - outline-offset: -5px; -} - -.emotion-3 { - position: relative; - cursor: pointer; - overflow: hidden; - background-color: currentColor; -} - -.emotion-2 { - background-color: #288be4; - color: #000; -} - -.emotion-2.id { - padding: 2rem 4rem; -} - -.emotion-5:focus { - outline: 3px solid #000; - outline-offset: -4px; -} - -.emotion-15 { - padding-left: 0; - color: #091f2f; -} - -.emotion-15 li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 1rem; - margin-left: 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-15 li { - margin-left: 1rem; - } -} - -.emotion-15 li .name > span:last-of-type { - margin: 0 0.5rem; -} - -@media screen and (min-width:480px) { - .emotion-15 li .name > span:last-of-type { - margin: 0 1rem; - } -} - -
    -
    -
    -

    +

    + + + + + + + + + + + + + + + +
    + + +
    - Verify your identity - -

    - Under state law, the record you’re ordering may have an access restriction. You must upload a valid form of identification before we can process your request. -

    -

    +

    + +
    - - Please note - - : You must be - - listed on the record to get a copy of the certificate. If you are not listed on the record, you will not be able to get a copy. We will cancel your request and will not charge your card. Contact - - - registry - @boston.gov - - - with questions. -

    -

    Order: +

    + +
    + + - Upload ID images - -

    - We accept the following forms of ID: -

    -
      +
    + + + + + + + + + + + + + + + + + + + +
    + 4 × Death certificate for Monkey Joe$56.00
    + 6 × Death certificate for Bruce Banner$84.00
    Subtotal$140.00
    Card service fee*$1.32
    Total$141.32
    + +
    + +
    -
  • - Driver’s License -
  • -
  • - State ID -
  • -
  • - Passport -
  • -
  • - Military ID -
  • - + Your order will be shipped within 1–2 business days via the U.S. Postal Service. +
    + +
    +
    + * You are charged an extra service fee of not more than + $0.25 plus 2.15%. This fee goes directly to a third party to + pay for the cost of card processing. Learn more about card service fees at the City + of Boston. +
    + +
    + +
    + + +
    + + + + + +

    + +
    + + + + + +
    + + -
    -
    - -
    +
    + + + +
    -
    -
    - -
    -
    - - -
    + + + + + + + +
    - + + - We can help explain your options. - - - Request help - - -

    - -
    +
    + + + + +
    + + \\"\\" + +
    + +
    + +
    + + +
    - -
    + + + + + + + +
    +
    - + Have any questions? Contact the Registry at registry@boston.gov.
    - - - -`; - -exports[`Storyshots Marriage/QuestionsFlowPage 1. Who is this for? 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-13 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-13 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-13 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-12 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-12 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-12 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-11 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-11 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-11 > * { - margin: 1rem; - } -} - -.emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-6 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-6 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-6 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-6 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-6 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-6 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-6 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-6 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-6.selected span { - background-color: #e0e0e0; -} - -.emotion-6.inactive { - opacity: 0.25; -} - -.emotion-5 { - width: 100px; - fill: #fff; - stroke: currentColor; - stroke-miterlimit: 10; - stroke-width: 3; -} - -.emotion-5.forOther { - width: 140px; -} - -.emotion-5.spouse ellipse { - fill: none; - stroke: #fff; - stroke-width: 8; -} - -.emotion-5.spouse line { - stroke-linecap: round; -} - -@media screen and (min-width:480px) { - .emotion-5.spouse { - height: 90px; - } -} - -.emotion-5.child { - stroke-linejoin: round; - stroke-linecap: round; -} + +
    + + + + + + + +
    + +
    + + + + + + + + + + ", + } + } + /> + +`; -.emotion-5.heavier { - stroke-width: 3.5; -} +exports[`Storyshots Email/Death/Receipt text 1`] = ` +
    +
    +    City of Boston
     
    -.emotion-14 {
    -  text-align: center;
    -}
    +Thank you for your order!
     
    -@media screen and (min-width:480px) {
    -  .emotion-14 {
    -    margin-top: 2.5rem;
    -    text-align: left;
    -  }
    +Date: 1/8/2018 2:05PM
    +Order ID: RG-DC201801-100001
     
    -  .emotion-14 > div {
    -    display: -webkit-box;
    -    display: -webkit-flex;
    -    display: -ms-flexbox;
    -    display: flex;
    -  }
    +Your shipping information:
    +Nancy Whitehead
    +123 Fake St.
    +Boston, MA 02141
     
    -  .emotion-14 > div.ta-r > button {
    -    margin-left: auto;
    -  }
    +Your order:
    +  4 x Death certificate for Monkey Joe $56.00
    +  6 x Death certificate for Bruce Banner $84.00
    +  Subtotal  $140.00
    +  Card processing fee*  $1.32
    +  Total  $141.32
     
    -  .emotion-14 .lnk {
    -    padding-left: 0;
    -  }
    -}
    +Your order will be shipped within 1–2 business days via the 
    +U.S. Postal Service.
     
    -.emotion-2 {
    -  padding-right: 0;
    -}
    +* You are charged an extra service fee of not more than 
    +$0.25 plus 2.15%. This fee goes directly to a third party to 
    +pay for the cost of card processing. Learn more about card 
    +service fees at the City of Boston. 
    +[https://www.boston.gov/common-questions-about-online-payments]
     
    -@media screen and (min-width:980px) {
    -  .emotion-2 {
    -    font-size: 34px;
    -  }
    -}
    +Have any questions? Contact the Registry at 
    +registry@boston.gov.
    +  
    +
    +`; +exports[`Storyshots Email/Marriage/Expired HTML 1`] = `
    - - Jump to content - - -
    -
    - + + + + + + + + + + + + + + + + + + + + + + + -
    -", + + + + + + + + + + + +
    + + + + + +
    + + - + + + +
    - - › - - - -
  • + + + + + + + +
    - + +
    + + + + + + + + + +
    - Departments - -
    + + \\"City + +
    + +
    + + + + +
  • + +
    + + + + + +
    + + + + +
    - - › - - - -
  • - + + + + + + + +
    - Registry: Birth, death, and marriage and marriage intention - -
    + + + +
    + + + + + + + + + + + +
    - - › - - - -
  • + + + + + + + +
    - + +
    + + + + + + + + + + + +
    - Marriage certificates - - - - - +
    -
    + Your order has been canceled +
    + +
    + +

    -

    + + + + +
    + +
    + + +
    + + + + + + + +
    + + + + + + +
    - - - -
    + + + + + + + +
    - Questions? Email the Registry Department at - - + +
    + + + + + + + +
    - marriage@boston.gov - - . - - - - - - -
    - - - - -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Marriage/QuestionsFlowPage 1a. Client instructions 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-5 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-5 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-5 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-7 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-7 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-7 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-7 > div.ta-r > button { - margin-left: auto; - } - - .emotion-7 .lnk { - padding-left: 0; - } -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-6 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 34px; - } -} - -
    - - Jump to content - - -
    + +
    + + +
    +
    -
     
    - - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> -
    +
    + +
  • + + - + +
    + + + +
    + + - + + + +
    - - › - - - -
  • + + + + + + + + + + + + +
    - - Marriage certificates - - - - - + +
    -
    -
    -

    - Request a marriage certificate -

    -
    - - Step 2 of 2 - - -
    -
    -
    -
    -

    - You must complete this process in person or by mail -

    -
    -

    - If you are an attorney making a request for a client, you need these items to get a record: -

    -
      -
    1. - A letter on letterhead stating you legally represent the person for whom you are requesting a record -
    2. -
    3. - A photocopy of your ID (state-issued ID, driver’s license, or government-issued ID), and -
    4. -
    5. - A copy of your BAR card (must be in good standing and not expired) -
    6. -
    -

    - You must complete this process in person at Boston City Hall or by mail. In person, the cost per request is $12. We take cash, credit or debit cards, checks, or money orders. By mail, the cost per request is $14. We accept checks or money orders payable to the City of Boston. -

    -

    - For more information, you can email us at - - - registry - @boston.gov - - . -

    -

    - - Please note: - - If you are a legal representative and making a mail request, we will only return the record to your address. -

    -
    -
    -
    -
    -
    + +
    - - -
    -
    - + +
    - marriage@boston.gov - - . - - - - - - -
    - - - - -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Marriage/QuestionsFlowPage 2. Filed in Boston? 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-13 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-13 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-13 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-12 { - margin: 0; - padding: 0; - border: none; -} - -.emotion-12 legend { - padding-left: 0; - padding-right: 0; - width: 100%; -} - -.emotion-12 h2 { - margin-bottom: 0; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - color: #091f2f; -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-6 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-6 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-6 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-6 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-6 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-6 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-6 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-6 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-6.selected span { - background-color: #e0e0e0; -} - -.emotion-6.inactive { - opacity: 0.25; -} - -.emotion-15 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-15 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-15 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-15 > div.ta-r > button { - margin-left: auto; - } - - .emotion-15 .lnk { - padding-left: 0; - } -} - -.emotion-14 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-11 { - margin: 2rem 0 3rem; -} - -@media screen and (min-width:768px) { - .emotion-11 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin-bottom: 0; - } -} - -@media screen and (min-width:840px) { - .emotion-11 > * { - margin: 1rem; - } -} - -@media screen and (min-width:480px) { - .emotion-11 label { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.emotion-5 { - width: 80px; - height: 80px; -} - -.emotion-5 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-5.checkMark, -.emotion-5.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-5.checkMark { - stroke: #62A744; -} - -.emotion-5.xSymbol { - stroke: #f04f46; -} - -.emotion-5.questionMark path { - fill: #091f2f; - stroke: none; -} - -.emotion-2 { - padding-right: 0; -} - -@media screen and (min-width:980px) { - .emotion-2 { - font-size: 34px; - } -} - -
    - - Jump to content - - -
    + + + + +
  • +
    -
     
    - - -", - } - } - /> -
    -
    - -
    -
    - - - - Toggle Menu -
    - - - - - \\"Home - - - - -
    -
    - -
    - - -
    -
    -
    - ", - } - } - role="banner" - /> -
    +
    + +
    + +
    + + + + + + + +
    + + - +
    - - › - - - -
  • + + + + + + + +
    - - Marriage certificates - - - - - + +
    -
    -
    -

    - Request a marriage certificate -

    -
    - - Step 2 of 9 - - -
    -
    -
    -
    + + + + + + +
    - -

    - Was - your - marriage license filed at Boston City Hall? -

    -
    -

    - This refers to where the paperwork was filed, - - not - - where the marriage took place. -

    -
    - - - -
    - - -
    -
    + +
    + + + + + + + + + +
    - - -
    +
    + + \\"\\" + +
    + +
    + +
    + + + +
    + + + + + + + +
    - marriage@boston.gov - - . - - - - - - -
    - - - - -", - } - } - style={ - Object { - "position": "relative", - "zIndex": 2, - } - } - /> - -`; - -exports[`Storyshots Marriage/QuestionsFlowPage 3. Date of marriage? 1`] = ` -.emotion-1 { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.emotion-0 { - color: #d22d23; -} - -.emotion-3 progress { - margin: 1rem 0 0.25rem; - width: 100%; - height: 1rem; - border: 2px solid #091f2f; - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-bar { - background-color: #fff; -} - -.emotion-3 progress::-webkit-progress-value { - -webkit-transition: width 0.5s; - transition: width 0.5s; - background-color: #288be4; -} - -.emotion-3 progress::-moz-progress-bar { - background-color: #288be4; -} - -.emotion-3 progress::-ms-fill { - background-color: #288be4; -} - -.emotion-3 span { - font-style: italic; -} - -.emotion-10 fieldset + fieldset { - margin-top: 2rem; -} - -@media screen and (min-width:480px) { - .emotion-10 fieldset + fieldset { - margin-top: 4rem; - } - - .emotion-10 fieldset + fieldset .lnk { - padding-left: 0; - } -} - -.emotion-4 { - padding-bottom: 0.25rem; - margin-bottom: 0; - font-family: Lora,Georgia,serif !important; - font-weight: 700; - font-size: 1.5rem; - color: #091f2f; - border-bottom: 4px solid #091f2f; -} - -.emotion-4.secondary { - margin-bottom: 1rem; - font-size: 1.25rem; - border-width: 3px; -} - -.emotion-4.secondary em { - font-size: 1rem; -} - -.emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - margin-bottom: 2rem; - color: #091f2f; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -@media screen and (min-width:768px) { - .emotion-6 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} - -.emotion-6 input { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.emotion-6 input:focus + span { - outline: 4px solid #288be4; - outline-offset: 1px; -} - -.emotion-6 svg { - -webkit-flex-basis: 20%; - -ms-flex-preferred-size: 20%; - flex-basis: 20%; -} - -@media screen and (max-width:768px) { - .emotion-6 svg { - height: 100%; - } -} - -@media screen and (min-width:768px) { - .emotion-6 svg { - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} - -.emotion-6 span { - margin-left: 1rem; - padding: 0.8rem 1.5rem; - font-family: Montserrat,Arial,sans-serif; - font-weight: 700; - text-transform: uppercase; - border: 4px solid #091f2f; -} - -@media screen and (min-width:768px) { - .emotion-6 span { - margin-top: 1.75rem; - margin-left: 0; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - white-space: nowrap; - } -} - -.emotion-6.selected span { - background-color: #e0e0e0; -} - -.emotion-6.inactive { - opacity: 0.25; -} - -.emotion-12 { - text-align: center; -} - -@media screen and (min-width:480px) { - .emotion-12 { - margin-top: 2.5rem; - text-align: left; - } - - .emotion-12 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - - .emotion-12 > div.ta-r > button { - margin-left: auto; - } - - .emotion-12 .lnk { - padding-left: 0; - } -} - -.emotion-11 { - padding: 1.25rem !important; - padding-left: 0 !important; -} - -.emotion-5 { - width: 80px; - height: 80px; -} - -.emotion-5 ellipse { - stroke: currentColor; - stroke-width: 5; - fill: #fff; -} - -.emotion-5.checkMark, -.emotion-5.xSymbol { - fill: none; - stroke-width: 7; - stroke-linecap: round; -} - -.emotion-5.checkMark { - stroke: #62A744; -} - -.emotion-5.xSymbol { - stroke: #f04f46; -} - -.emotion-5.questionMark path { - fill: #091f2f; - stroke: none; -} + +
    + Have any questions? Contact the Registry at marriage@boston.gov. +
    + +
    + +
    + + +
    + + +
    + + + + + + + + + + + + ", + } + } + /> + +`; -.emotion-2 { - padding-right: 0; -} +exports[`Storyshots Email/Marriage/Expired text 1`] = ` +
    +
    +    City of Boston
     
    -@media screen and (min-width:980px) {
    -  .emotion-2 {
    -    font-size: 34px;
    -  }
    -}
    +Your order has been canceled
     
    -.emotion-9 {
    -  margin: 2rem 0 3rem;
    -}
    +Date: 1/8/2018 2:05PM
    +Order ID: RG-MC201801-100001
     
    -@media screen and (min-width:768px) {
    -  .emotion-9 {
    -    display: -webkit-box;
    -    display: -webkit-flex;
    -    display: -ms-flexbox;
    -    display: flex;
    -    -webkit-box-pack: center;
    -    -webkit-justify-content: center;
    -    -ms-flex-pack: center;
    -    justify-content: center;
    -    -webkit-align-items: baseline;
    -    -webkit-box-align: baseline;
    -    -ms-flex-align: baseline;
    -    align-items: baseline;
    -    margin-bottom: 0;
    -  }
    -}
    +We have canceled your marriage certificate request and 
    +removed the hold from your card. Your card will not be 
    +charged.
     
    -@media screen and (min-width:840px) {
    -  .emotion-9 > * {
    -    margin: 1rem;
    -  }
    -}
    +If you would like to place a new order, visit 
    +https://www.boston.gov/marriage
     
    -@media screen and (min-width:480px) {
    -  .emotion-9 label {
    -    padding-left: 1rem;
    -    padding-right: 1rem;
    -  }
    -}
    +Have any questions? Contact the Registry at 
    +marriage@boston.gov.
    +  
    +
    +`; +exports[`Storyshots Email/Marriage/Receipt HTML 1`] = `
    - - Jump to content - - -
    -
    - + + + + + + + + + + + + + + + + + + + + + + + -
    -", + + + + + + + + + + + + +
    + + + + + +
    + + + + + + + +
    + +
    + + + + + + + +
    + + + + + + + +
    + + \\"City + +
    + +
    + +
    + + +
    + +
    + + + + + +
    + + - +
    + + + +
    + + + + +
    - - › - - - -
  • + + + + + + + +
    - + +
    + + + + + + + + + + + +
    - Departments - -
    - - › - - - -
  • - +

    + + + + +
  • + +
    + + +
    + + + + + + + +
    + + + + + + + +
    - Registry: Birth, death, and marriage and marriage intention - -
    + +
    + + + + + +
    + + - + + + +
    - - › - - - -
  • + + + + + + + +
    - - Marriage certificates - - - - - + +
    -
    -
    -

    - Request a marriage certificate -

    -
    - - Step 6 of 9 - - -
    -
    -

    - Review your record request -

    -
    -

    - You can only order copies of a marriage certificate for one couple at a time. Want to order copies of a certificate for a different marriage? Please put in a separate request. -

    -

    - Do you need a certificate for international use that requires an Apostille from the Massachusetts Secretary of State's Office? Follow these steps: -

    -
      -
    1. - Request a certified birth certificate from the City of Boston Registry. You don’t need extra information or paperwork. -
    2. -
    3. - Submit the certificate to the - - Massachusetts Secretary of State's Office - - . -
    4. -
    -
    -
    -
    - - -
    -
    -
    - Laurel Johnson (Laurel Smith) & Terry Johnson (Terry Doe) -
    -
    - - Marriage - Certificate (Certified paper copy) - - - Date: 6/10/2015 - -
    -
    -
    -
    - +
    + + + - - - - - - - - - - - - - - - - - - - - - - - - -
    -
    - Cost Summary -
    - Item - - Amount -
    - 1 - - certificate - × - - $14.00 - - $ - 14.00 -
    -
    -
    -
    - -
    -
    - - service fee - - - * - -
    -
    - $ - 0.56 -
    - U.S. shipping included - - - $0.00 - -
    - - Total - - - $ - 14.56 -
    -
    -
    -
    + +
    + + + + + + + + + +
    - - -
    + + \\"\\" + +
    + +
    + + + + + +
    + + + + + + + +
    - Cancel and start over - - - - -
    -
    - * - You will be charged an extra service fee of no more than - $0.25 - - plus - 2.15% - . This fee goes directly to a third party to pay for the cost of card processing. Learn more about - - - card service fees - - at the City of Boston. -
    -
    - - - -
    + +
    + + + + + +
  • + +
    + + + + + + + + + + ", } } /> `; + +exports[`Storyshots Email/Marriage/Shipped text 1`] = ` +
    +
    +    City of Boston
    +
    +Thank you for your order!
    +
    +Date: 1/8/2018 2:05PM
    +Order ID: RG-MC201801-100001
    +
    +Your shipping information:
    +Nancy Whitehead
    +123 Fake St.
    +Boston, MA 02141
    +
    +Your order:
    +  1 x Certified marriage certificate  $14.00
    +  Card processing fee*  $0.00
    +  Total  $14.56
    +
    +We have received your order. You will be charged when the 
    +certificate ships.
    +
    +We will contact you if we need more information to fulfill 
    +the order. If we contact you but do not hear back within 3 
    +business days, we will cancel the order without charge.
    +
    +* You are charged an extra service fee of not more than 
    +$0.25 plus 2.15%. This fee goes directly to a third party to 
    +pay for the cost of card processing. Learn more about card 
    +service fees at the City of Boston. 
    +[https://www.boston.gov/common-questions-about-online-payments]
    +
    +Have any questions? Contact the Registry at 
    +marriage@boston.gov.
    +  
    +
    +`; diff --git a/services-js/registry-certs/client/birth/CheckoutPage.stories.tsx b/services-js/registry-certs/client/birth/CheckoutPage.stories.tsx deleted file mode 100644 index 761e1ed4f..000000000 --- a/services-js/registry-certs/client/birth/CheckoutPage.stories.tsx +++ /dev/null @@ -1,152 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import { GaSiteAnalytics } from '@cityofboston/next-client-common'; - -import CheckoutDao from '../dao/CheckoutDao'; -import Order, { OrderInfo } from '../models/Order'; -import OrderProvider from '../store/OrderProvider'; -import BirthCertificateRequest from '../store/BirthCertificateRequest'; - -import CheckoutPage from './CheckoutPage'; - -import { TYPICAL_REQUEST as birthCertRequest } from '../../fixtures/client/birth-certificates'; - -const makeStripe = () => - typeof Stripe !== 'undefined' ? Stripe('fake-secret-key') : null; - -function makeBirthCertificateRequest() { - const request = new BirthCertificateRequest(); - - request.quantity = 4; - - request.answerQuestion(birthCertRequest); - - return request; -} - -function makeShippingCompleteOrder(overrides: Partial = {}) { - return new Order({ - storeContactAndShipping: true, - storeBilling: false, - - contactName: 'Squirrel Girl', - contactEmail: 'squirrel.girl@avengers.org', - confirmContactEmail: 'squirrel.girl@avengers.org', - contactPhone: '(555) 123-9999', - - shippingName: 'Doreen Green', - shippingCompanyName: 'Empire State University', - shippingAddress1: 'Dorm Hall, Apt 5', - shippingAddress2: '10 College Avenue', - shippingCity: 'New York', - shippingState: 'NY', - shippingZip: '12345', - - cardholderName: 'Nancy Whitehead', - cardLast4: '', - cardToken: null, - cardFunding: 'unknown', - - billingAddressSameAsShippingAddress: true, - - billingAddress1: '', - billingAddress2: '', - billingCity: '', - billingState: '', - billingZip: '', - - ...overrides, - }); -} - -function makeBillingCompleteOrder(overrides = {}) { - return makeShippingCompleteOrder({ - cardLast4: '4040', - cardToken: 'tok_12345', - cardFunding: 'credit', - - billingAddressSameAsShippingAddress: false, - - billingAddress1: '3 Avengers Towers', - billingAddress2: '', - billingCity: 'New York', - billingState: 'NY', - billingZip: '12223', - ...overrides, - }); -} - -storiesOf('Birth/CheckoutPage', module) - .add('server-side render', () => ( - new Promise(() => {}) } as any} - /> - )) - .add('no birth certificate request', () => ( - - )) - .add('shipping', () => ( - - )) - .add('payment', () => ( - - )) - .add('review', () => ( - - )) - .add('confirmation', () => ( - - )); diff --git a/services-js/registry-certs/client/birth/QuestionsPage.stories.tsx b/services-js/registry-certs/client/birth/QuestionsPage.stories.tsx deleted file mode 100644 index c83d090ef..000000000 --- a/services-js/registry-certs/client/birth/QuestionsPage.stories.tsx +++ /dev/null @@ -1,88 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import { BirthCertificateRequestInformation } from '../types'; -import BirthCertificateRequest from '../store/BirthCertificateRequest'; - -import QuestionsPage from './QuestionsPage'; - -function makeBirthCertificateRequest( - answers: Partial = {} -): BirthCertificateRequest { - const birthCertificateRequest = new BirthCertificateRequest(); - birthCertificateRequest.answerQuestion(answers); - return birthCertificateRequest; -} - -storiesOf('Birth/QuestionsFlowPage', module).add('1. Who is this for?', () => ( - -)); - -storiesOf('Birth/QuestionsFlowPage', module).add( - '1a. Client instructions', - () => ( - - ) -); - -storiesOf('Birth/QuestionsFlowPage', module).add('2. Born in Boston?', () => ( - -)); - -storiesOf('Birth/QuestionsFlowPage', module).add( - '3. Personal information', - () => ( - - ) -); - -storiesOf('Birth/QuestionsFlowPage', module).add( - '4. Parental information', - () => ( - - ) -); - -storiesOf('Birth/QuestionsFlowPage', module).add( - '5. Identity verification', - () => ( - - ) -); diff --git a/services-js/registry-certs/client/birth/ReviewRequestPage.stories.tsx b/services-js/registry-certs/client/birth/ReviewRequestPage.stories.tsx deleted file mode 100644 index 15fa3aafc..000000000 --- a/services-js/registry-certs/client/birth/ReviewRequestPage.stories.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import { GaSiteAnalytics } from '@cityofboston/next-client-common'; - -import BirthCertificateRequest from '../store/BirthCertificateRequest'; - -import ReviewRequestPage from './ReviewRequestPage'; - -import { TYPICAL_REQUEST as birthCertRequest } from '../../fixtures/client/birth-certificates'; - -const birthCertificateRequest = new BirthCertificateRequest(); - -birthCertificateRequest.setRequestInformation(birthCertRequest); - -storiesOf('Birth/ReviewRequestPage', module).add('default page', () => ( - -)); diff --git a/services-js/registry-certs/client/birth/questions/BornInBoston.stories.tsx b/services-js/registry-certs/client/birth/questions/BornInBoston.stories.tsx deleted file mode 100644 index 8e296b89c..000000000 --- a/services-js/registry-certs/client/birth/questions/BornInBoston.stories.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import BirthCertificateRequest from '../../store/BirthCertificateRequest'; -import { BirthCertificateRequestInformation } from '../../types'; - -import BornInBoston from './BornInBoston'; - -function makeBirthCertificateRequest( - answers: Partial = {} -): BirthCertificateRequest { - const birthCertificateRequest = new BirthCertificateRequest(); - birthCertificateRequest.answerQuestion(answers); - return birthCertificateRequest; -} - -const commonAttributes = { - handleProceed: () => {}, - handleStepBack: () => {}, - handleUserReset: () => {}, -}; - -storiesOf('Birth/Question Components/BornInBoston', module) - .add('initial question', () => ( -
    - -
    - )) - .add('secondary question', () => ( -
    - -
    - )) - .add('may not have record', () => ( -
    - -
    - )) - .add('will not have record', () => ( -
    - -
    - )); diff --git a/services-js/registry-certs/client/birth/questions/ClientInstructions.stories.tsx b/services-js/registry-certs/client/birth/questions/ClientInstructions.stories.tsx deleted file mode 100644 index 8c5c7546e..000000000 --- a/services-js/registry-certs/client/birth/questions/ClientInstructions.stories.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import ClientInstructions from './ClientInstructions'; - -storiesOf('Birth/Question Components/ClientInstructions', module).add( - 'default', - () => ( -
    - {}} /> -
    - ) -); diff --git a/services-js/registry-certs/client/birth/questions/ForWhom.stories.tsx b/services-js/registry-certs/client/birth/questions/ForWhom.stories.tsx deleted file mode 100644 index ca0f6d54d..000000000 --- a/services-js/registry-certs/client/birth/questions/ForWhom.stories.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import BirthCertificateRequest from '../../store/BirthCertificateRequest'; -import { BirthCertificateRequestInformation } from '../../types'; - -import ForWhom from './ForWhom'; - -function makeBirthCertificateRequest( - answers: Partial = {} -): BirthCertificateRequest { - const birthCertificateRequest = new BirthCertificateRequest(); - birthCertificateRequest.answerQuestion(answers); - return birthCertificateRequest; -} - -storiesOf('Birth/Question Components/ForWhom', module) - .add('default', () => ( -
    - {}} - /> -
    - )) - .add('someone else’s', () => ( -
    - {}} - /> -
    - )); diff --git a/services-js/registry-certs/client/birth/questions/ParentalInformation.stories.tsx b/services-js/registry-certs/client/birth/questions/ParentalInformation.stories.tsx deleted file mode 100644 index 748e9234c..000000000 --- a/services-js/registry-certs/client/birth/questions/ParentalInformation.stories.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import BirthCertificateRequest from '../../store/BirthCertificateRequest'; -import { BirthCertificateRequestInformation } from '../../types'; - -import ParentalInformation from './ParentalInformation'; - -function makeBirthCertificateRequest( - answers: Partial = {} -): BirthCertificateRequest { - const birthCertificateRequest = new BirthCertificateRequest(); - birthCertificateRequest.answerQuestion(answers); - return birthCertificateRequest; -} - -const commonAttributes = { - handleProceed: () => {}, - handleStepBack: () => {}, -}; - -storiesOf('Birth/Question Components/ParentalInformation', module) - .add('default', () => ( -
    - -
    - )) - .add('may be restricted (self)', () => ( -
    - -
    - )) - .add('may be restricted (other)', () => ( -
    - -
    - )); diff --git a/services-js/registry-certs/client/birth/questions/PersonalInformation.stories.tsx b/services-js/registry-certs/client/birth/questions/PersonalInformation.stories.tsx deleted file mode 100644 index bf22ff20c..000000000 --- a/services-js/registry-certs/client/birth/questions/PersonalInformation.stories.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import BirthCertificateRequest from '../../store/BirthCertificateRequest'; -import { BirthCertificateRequestInformation } from '../../types'; - -import PersonalInformation from './PersonalInformation'; - -function makeBirthCertificateRequest( - answers: Partial = {} -): BirthCertificateRequest { - const birthCertificateRequest = new BirthCertificateRequest(); - birthCertificateRequest.answerQuestion(answers); - - return birthCertificateRequest; -} - -const commonAttributes = { - handleProceed: () => {}, - handleStepBack: () => {}, - birthCertificateRequest: makeBirthCertificateRequest(), -}; - -storiesOf('Birth/Question Components/PersonalInformation', module) - .add('default', () => ( -
    - -
    - )) - .add('birth too recent', () => ( -
    - -
    - )); diff --git a/services-js/registry-certs/client/birth/questions/VerifyIdentification.stories.tsx b/services-js/registry-certs/client/birth/questions/VerifyIdentification.stories.tsx deleted file mode 100644 index e9ded3210..000000000 --- a/services-js/registry-certs/client/birth/questions/VerifyIdentification.stories.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import BirthCertificateRequest from '../../store/BirthCertificateRequest'; -import { BirthCertificateRequestInformation } from '../../types'; - -import VerifyIdentification from './VerifyIdentification'; - -function makeBirthCertificateRequest( - answers: Partial = {} -): BirthCertificateRequest { - const birthCertificateRequest = new BirthCertificateRequest(); - - birthCertificateRequest.answerQuestion(answers); - - return birthCertificateRequest; -} - -const commonAttributes = { - siteAnalytics: {} as any, - handleProceed: () => {}, - handleStepBack: () => {}, -}; - -storiesOf('Birth/Question Components/VerifyIdentification', module).add( - 'default', - () => ( -
    - -
    - ) -); diff --git a/services-js/registry-certs/client/common/CostSummary.stories.tsx b/services-js/registry-certs/client/common/CostSummary.stories.tsx deleted file mode 100644 index f643be797..000000000 --- a/services-js/registry-certs/client/common/CostSummary.stories.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import DeathCertificateCart from '../store/DeathCertificateCart'; - -import CostSummary from './CostSummary'; - -import { - TYPICAL_CERTIFICATE, - PENDING_CERTIFICATE, - NO_DATE_CERTIFICATE, -} from '../../fixtures/client/death-certificates'; - -function makeCart() { - const cart = new DeathCertificateCart(); - - cart.setQuantity(TYPICAL_CERTIFICATE, 1); - cart.setQuantity(PENDING_CERTIFICATE, 3); - cart.setQuantity(NO_DATE_CERTIFICATE, 1); - - return cart; -} - -storiesOf('Common Components/CostSummary', module) - .add('default credit card', () => ( - - )) - .add('default debit card', () => ( - - )) - .add('only credit card', () => ( - - )) - .add('only debit card', () => ( - - )) - .add('with research fee', () => ( - - )); diff --git a/services-js/registry-certs/client/common/DateRangePicker.stories.tsx b/services-js/registry-certs/client/common/DateRangePicker.stories.tsx deleted file mode 100644 index 200bdc4dd..000000000 --- a/services-js/registry-certs/client/common/DateRangePicker.stories.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import React from 'react'; - -import { storiesOf } from '@storybook/react'; - -import { NarrowWrapper } from '@cityofboston/storybook-common'; - -import DateRangePicker, { DateComponent } from './DateRangePicker'; - -storiesOf('Common Components/DateRangePicker', module) - .add('default', () => ( - - {}} /> - - )) - .add('with values', () => ( - - {}} dateRange="12/2001 - 11/2004" /> - - )) - .add('range too vast', () => ( - - {}} dateRange="12/1990 - 11/2004" /> - - )); - -storiesOf('Common Components/DateRangePicker/DateComponent', module) - .add('default', () => ( - - {}} dateName="date1" /> - - )) - .add('with values', () => ( - - {}} - dateName="date2" - initialDate={[2, 2013]} - /> - - )); diff --git a/services-js/registry-certs/client/common/FeeDisclosures.stories.tsx b/services-js/registry-certs/client/common/FeeDisclosures.stories.tsx deleted file mode 100644 index 21bd4ffe3..000000000 --- a/services-js/registry-certs/client/common/FeeDisclosures.stories.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import { - researchFeeDisclosureText, - ServiceFeeDisclosure, - serviceFeeDisclosureText, -} from './FeeDisclosures'; - -storiesOf('Common Components/Fee Disclosures', module) - .add('ServiceFeeDisclosure component', () => ) - .add('serviceFeeDisclosure text string', () => ( -

    {serviceFeeDisclosureText()}

    - )) - .add('researchFeeDisclosure text string', () => ( -

    {researchFeeDisclosureText()}

    - )); diff --git a/services-js/registry-certs/client/common/Pagination.stories.tsx b/services-js/registry-certs/client/common/Pagination.stories.tsx deleted file mode 100644 index 327d6c59e..000000000 --- a/services-js/registry-certs/client/common/Pagination.stories.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import Pagination from './Pagination'; - -storiesOf('Common Components/Pagination', module) - .add('2 pages', () => ( - ''} /> - )) - .add('7 pages', () => ( - ''} /> - )) - .add('20 pages', () => ( - ''} /> - )); diff --git a/services-js/registry-certs/client/common/QuantityDropdown.stories.tsx b/services-js/registry-certs/client/common/QuantityDropdown.stories.tsx deleted file mode 100644 index 60eb9ed35..000000000 --- a/services-js/registry-certs/client/common/QuantityDropdown.stories.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; - -import { storiesOf } from '@storybook/react'; - -import { CenterWrapper } from '@cityofboston/storybook-common'; - -import QuantityDropdown from './QuantityDropdown'; - -storiesOf('Common Components/QuantityDropdown', module).add('default', () => ( -
    - - {}} quantity={0} /> - -
    -)); diff --git a/services-js/registry-certs/client/common/ReviewCertificateRequest.stories.tsx b/services-js/registry-certs/client/common/ReviewCertificateRequest.stories.tsx deleted file mode 100644 index b1e7c51e7..000000000 --- a/services-js/registry-certs/client/common/ReviewCertificateRequest.stories.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; - -import { storiesOf } from '@storybook/react'; - -import { GaSiteAnalytics } from '@cityofboston/next-client-common'; - -import BirthCertificateRequest from '../store/BirthCertificateRequest'; -import MarriageCertificateRequest from '../store/MarriageCertificateRequest'; - -import ReviewCertificateRequest from './ReviewCertificateRequest'; - -import { TYPICAL_REQUEST as birthCertRequest } from '../../fixtures/client/birth-certificates'; -import { TYPICAL_REQUEST as marriageCertRequest } from '../../fixtures/client/marriage-certificates'; - -const birthCertificateRequest = new BirthCertificateRequest(); -const marriageCertificateRequest = new MarriageCertificateRequest(); - -birthCertificateRequest.setRequestInformation(birthCertRequest); -marriageCertificateRequest.setRequestInformation(marriageCertRequest); - -storiesOf('Common Components/ReviewCertificateRequest', module) - .add('birth', () => ( - -

    - - )) - .add('marriage', () => ( - -

    - - )); diff --git a/services-js/registry-certs/client/common/SupportingDocumentsInput.stories.tsx b/services-js/registry-certs/client/common/SupportingDocumentsInput.stories.tsx deleted file mode 100644 index 3375f6e07..000000000 --- a/services-js/registry-certs/client/common/SupportingDocumentsInput.stories.tsx +++ /dev/null @@ -1,96 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import SupportingDocumentsInput from './SupportingDocumentsInput'; -import UploadableFile, { Status } from '../models/UploadableFile'; - -function sampleFile(status: Status, progress: number = 0) { - return Object.assign( - new UploadableFile( - new File([], `sample-${status}.pdf`, { type: 'application/pdf' }), - 'sampleId' - ), - { - status, - progress, - } - ); -} - -storiesOf('Common Components/SupportingDocumentsInput', module) - .add('empty', () => ( - {}} - acceptTypes="application/pdf" - certificateType="birth" - /> - )) - .add('documents uploading', () => ( - {}} - acceptTypes="application/pdf" - certificateType="birth" - /> - )) - .add('documents successfully uploaded', () => ( - {}} - acceptTypes="application/pdf" - certificateType="birth" - /> - )) - .add('error uploading one document', () => ( - {}} - acceptTypes="application/pdf" - certificateType="birth" - /> - )) - .add('error deleting document', () => ( - {}} - acceptTypes="application/pdf" - certificateType="birth" - /> - )) - .add('cancel in progress', () => ( - {}} - acceptTypes="application/pdf" - certificateType="birth" - /> - )) - .add('delete in progress', () => ( - {}} - acceptTypes="application/pdf" - certificateType="birth" - /> - )) - .add('all three statuses', () => ( - {}} - acceptTypes="application/pdf" - certificateType="birth" - /> - )); diff --git a/services-js/registry-certs/client/common/checkout/OrderConfirmationContent.stories.tsx b/services-js/registry-certs/client/common/checkout/OrderConfirmationContent.stories.tsx deleted file mode 100644 index 8344c346b..000000000 --- a/services-js/registry-certs/client/common/checkout/OrderConfirmationContent.stories.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import OrderConfirmationContent from './OrderConfirmationContent'; - -storiesOf('Common Components/Checkout/OrderConfirmationContent', module) - .add('birth', () => ( - - )) - .add('marriage', () => ( - - )); diff --git a/services-js/registry-certs/client/common/checkout/OrderDetails.stories.tsx b/services-js/registry-certs/client/common/checkout/OrderDetails.stories.tsx deleted file mode 100644 index 4ab4fdf6e..000000000 --- a/services-js/registry-certs/client/common/checkout/OrderDetails.stories.tsx +++ /dev/null @@ -1,136 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import { runInAction } from 'mobx'; - -import DeathCertificateCart from '../../store/DeathCertificateCart'; - -import { OrderDetails, OrderDetailsDropdown } from './OrderDetails'; - -import { - TYPICAL_CERTIFICATE, - PENDING_CERTIFICATE, - NO_DATE_CERTIFICATE, -} from '../../../fixtures/client/death-certificates'; -import { TYPICAL_REQUEST as marriageCertRequest } from '../../../fixtures/client/marriage-certificates'; - -import BirthCertificateRequest from '../../store/BirthCertificateRequest'; -import MarriageCertificateRequest from '../../store/MarriageCertificateRequest'; - -function makeCart(loading: boolean): any { - const cart = new DeathCertificateCart(); - - if (loading) { - runInAction(() => { - cart.pendingFetches = 2; - cart.entries = [ - { - id: TYPICAL_CERTIFICATE.id, - cert: null, - quantity: 5, - }, - { - id: PENDING_CERTIFICATE.id, - cert: null, - quantity: 3, - }, - ] as any; - }); - } else { - cart.setQuantity(TYPICAL_CERTIFICATE, 1); - cart.setQuantity(PENDING_CERTIFICATE, 3); - cart.setQuantity(NO_DATE_CERTIFICATE, 1); - } - - return cart; -} - -function makeBirthCertificateRequest(): BirthCertificateRequest { - const request = new BirthCertificateRequest(); - - request.quantity = 4; - request.answerQuestion({ - firstName: 'Carol', - lastName: 'Danvers', - birthDate: new Date(1968, 2, 5), - }); - - return request; -} - -function makeMarriageCertificateRequest(): MarriageCertificateRequest { - const request = new MarriageCertificateRequest(); - - request.quantity = 1; - request.answerQuestion(marriageCertRequest); - - return request; -} - -const loadingCart = makeCart(true); -const deathCart = makeCart(false); - -storiesOf('Common Components/Order Details', module) - .add('OrderDetailsDropdown: loading', () => ( - - - - )) - .add('OrderDetailsDropdown: death closed', () => ( - - - - )) - .add('OrderDetailsDropdown: death open', () => ( - - - - )) - .add('OrderDetailsDropdown: birth open', () => ( - - - - )) - .add('OrderDetailsDropdown: marriage open', () => ( - - - - )) - .add('OrderDetails: death', () => ( - - )) - .add('OrderDetails: birth', () => ( - - )) - .add('OrderDetails: marriage', () => ( - - )); diff --git a/services-js/registry-certs/client/common/checkout/PaymentContent.stories.tsx b/services-js/registry-certs/client/common/checkout/PaymentContent.stories.tsx deleted file mode 100644 index 21c86cdf1..000000000 --- a/services-js/registry-certs/client/common/checkout/PaymentContent.stories.tsx +++ /dev/null @@ -1,167 +0,0 @@ -/* global Stripe */ - -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import { action } from '@storybook/addon-actions'; - -import Cart from '../../store/DeathCertificateCart'; - -import Order, { OrderInfo } from '../../models/Order'; - -import PaymentContent from './PaymentContent'; - -import { - TYPICAL_CERTIFICATE, - PENDING_CERTIFICATE, - NO_DATE_CERTIFICATE, -} from '../../../fixtures/client/death-certificates'; - -import { - makeBirthCertificateRequest, - makeMarriageCertificateRequest, -} from './ShippingContent.stories'; - -const makeStripe = () => - typeof Stripe !== 'undefined' ? Stripe('fake-secret-key') : null; - -function makeCart() { - const cart = new Cart(); - - cart.setQuantity(TYPICAL_CERTIFICATE, 1); - cart.setQuantity(PENDING_CERTIFICATE, 3); - cart.setQuantity(NO_DATE_CERTIFICATE, 1); - - return cart; -} - -function makeShippingCompleteOrder(overrides: Partial = {}) { - return new Order({ - storeContactAndShipping: true, - storeBilling: false, - - contactName: 'Squirrel Girl', - contactEmail: 'squirrel.girl@avengers.org', - confirmContactEmail: 'squirrel.girl@avengers.org', - contactPhone: '(555) 123-9999', - - shippingName: 'Doreen Green', - shippingCompanyName: 'Empire State University', - shippingAddress1: 'Dorm Hall, Apt 5', - shippingAddress2: '10 College Avenue', - shippingCity: 'New York', - shippingState: 'NY', - shippingZip: '12345', - - cardholderName: 'Nancy Whitehead', - cardLast4: '', - cardToken: null, - cardFunding: 'unknown', - - billingAddressSameAsShippingAddress: true, - - billingAddress1: '', - billingAddress2: '', - billingCity: '', - billingState: '', - billingZip: '', - - ...overrides, - }); -} - -function makeBillingCompleteOrder(overrides = {}) { - return makeShippingCompleteOrder({ - cardLast4: '4040', - cardToken: 'tok_12345', - cardFunding: 'credit', - - billingAddressSameAsShippingAddress: false, - - billingAddress1: '3 Avengers Towers', - billingAddress2: '', - billingCity: 'New York', - billingState: 'NY', - billingZip: '12223', - ...overrides, - }); -} - -storiesOf('Common Components/Checkout/PaymentContent', module) - .add('default', () => ( - - )) - .add('credit card error', () => ( - - )) - .add('ZIP code error', () => ( - - )) - .add('Stripe error', () => ( - - )) - .add('existing billing', () => ( - - )) - .add('birth certificate', () => ( - - )) - .add('marriage certificate', () => ( - - )); diff --git a/services-js/registry-certs/client/common/checkout/ReviewContent.stories.tsx b/services-js/registry-certs/client/common/checkout/ReviewContent.stories.tsx deleted file mode 100644 index aff54d1e6..000000000 --- a/services-js/registry-certs/client/common/checkout/ReviewContent.stories.tsx +++ /dev/null @@ -1,171 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import { action } from '@storybook/addon-actions'; - -import { DeathCertificate } from '../../types'; -import Cart from '../../store/DeathCertificateCart'; -import Order, { OrderInfo } from '../../models/Order'; - -import { SubmissionError } from '../../dao/CheckoutDao'; -import { OrderErrorCause } from '../../queries/graphql-types'; - -import ReviewContent from './ReviewContent'; - -import { - TYPICAL_CERTIFICATE, - PENDING_CERTIFICATE, - NO_DATE_CERTIFICATE, -} from '../../../fixtures/client/death-certificates'; - -import { - makeBirthCertificateRequest, - makeMarriageCertificateRequest, -} from './ShippingContent.stories'; - -function makeCart(extraCerts?: Array) { - const cart = new Cart(); - - cart.setQuantity(TYPICAL_CERTIFICATE, 1); - cart.setQuantity(NO_DATE_CERTIFICATE, 5); - - (extraCerts || []).forEach(cert => cart.setQuantity(cert, 2)); - - return cart; -} - -function makeOrder(overrides: Partial = {}) { - return new Order({ - storeContactAndShipping: true, - storeBilling: false, - - contactName: 'Squirrel Girl', - contactEmail: 'squirrel.girl@avengers.org', - confirmContactEmail: 'squirrel.girl@avengers.org', - contactPhone: '(555) 123-9999', - - shippingName: 'Doreen Green', - shippingCompanyName: 'Empire State University', - shippingAddress1: 'Dorm Hall, Apt 5', - shippingAddress2: '10 College Avenue', - shippingCity: 'New York', - shippingState: 'NY', - shippingZip: '12345', - - cardholderName: 'Nancy Whitehead', - cardLast4: '4040', - cardToken: 'tok_12345', - cardFunding: 'credit', - - billingAddressSameAsShippingAddress: false, - - billingAddress1: '3 Avengers Towers', - billingAddress2: '', - billingCity: 'New York', - billingState: 'NY', - billingZip: '12223', - - ...overrides, - }); -} - -storiesOf('Common Components/Checkout/ReviewContent', module) - .add('default', () => ( - - )) - .add('cart has pending certs', () => ( - - )) - .add('empty cart', () => ( - - )) - .add('invalid order', () => ( - - )) - .add('submitting', () => ( - { - const order = makeOrder(); - order.processing = true; - - return order; - })()} - submit={action('submit') as any} - showErrorsForTest - /> - )) - .add('submission error', () => ( - - )) - .add('payment error', () => ( - - )) - .add('birth certificate', () => ( - - )) - .add('marriage certificate', () => ( - - )); diff --git a/services-js/registry-certs/client/common/checkout/ShippingContent.stories.tsx b/services-js/registry-certs/client/common/checkout/ShippingContent.stories.tsx deleted file mode 100644 index bc87c3fca..000000000 --- a/services-js/registry-certs/client/common/checkout/ShippingContent.stories.tsx +++ /dev/null @@ -1,137 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import { action } from '@storybook/addon-actions'; - -import Cart from '../../store/DeathCertificateCart'; -import BirthCertificateRequest from '../../store/BirthCertificateRequest'; -import MarriageCertificateRequest from '../../store/MarriageCertificateRequest'; -import Order, { OrderInfo } from '../../models/Order'; - -import ShippingContent from './ShippingContent'; - -import { - TYPICAL_CERTIFICATE, - PENDING_CERTIFICATE, - NO_DATE_CERTIFICATE, -} from '../../../fixtures/client/death-certificates'; -import { TYPICAL_REQUEST as marriageCertRequest } from '../../../fixtures/client/marriage-certificates'; - -function makeCart() { - const cart = new Cart(); - - cart.setQuantity(TYPICAL_CERTIFICATE, 1); - cart.setQuantity(PENDING_CERTIFICATE, 3); - cart.setQuantity(NO_DATE_CERTIFICATE, 1); - - return cart; -} - -function makeOrder(overrides: Partial = {}) { - return new Order({ - storeContactAndShipping: true, - storeBilling: false, - - contactName: 'Squirrel Girl', - contactEmail: 'squirrel.girl@avengers.org', - confirmContactEmail: 'squirrel.girl@avengers.org', - contactPhone: '(555) 123-9999', - - shippingName: 'Doreen Green', - shippingCompanyName: 'Empire State University', - shippingAddress1: 'Dorm Hall, Apt 5', - shippingAddress2: '10 College Avenue', - shippingCity: 'New York', - shippingState: 'NY', - shippingZip: '12345', - - cardholderName: 'Nancy Whitehead', - cardLast4: '4040', - cardToken: null, - cardFunding: 'unknown', - - billingAddressSameAsShippingAddress: true, - - billingAddress1: '', - billingAddress2: '', - billingCity: '', - billingState: '', - billingZip: '', - - ...overrides, - }); -} - -export function makeBirthCertificateRequest() { - const request = new BirthCertificateRequest(); - - request.quantity = 4; - request.answerQuestion({ - firstName: 'Carol', - lastName: 'Danvers', - birthDate: new Date(1968, 2, 5), - }); - - return request; -} - -export function makeMarriageCertificateRequest() { - const request = new MarriageCertificateRequest(); - - request.quantity = 1; - - request.answerQuestion(marriageCertRequest); - - return request; -} - -storiesOf('Common Components/Checkout/ShippingContent', module) - .add('default', () => ( - - )) - .add('email error', () => ( - - )) - .add('existing address', () => ( - - )) - .add('birth certificate', () => ( - - )) - .add('marriage certificate', () => ( - - )); diff --git a/services-js/registry-certs/client/common/icons/AnswerIcon.stories.tsx b/services-js/registry-certs/client/common/icons/AnswerIcon.stories.tsx deleted file mode 100644 index b6ccd7fe2..000000000 --- a/services-js/registry-certs/client/common/icons/AnswerIcon.stories.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from 'react'; - -import { storiesOf } from '@storybook/react'; - -import { CenterWrapper } from '@cityofboston/storybook-common'; - -import AnswerIcon from './AnswerIcon'; - -storiesOf('Common Components/Question Components/AnswerIcon', module) - .addDecorator(storyFn => ( -

    - {storyFn()} -
    - )) - - .add('question mark', () => ) - .add('check mark', () => ) - .add('x symbol', () => ) - .add('exclamation point', () => ); diff --git a/services-js/registry-certs/client/common/question-components/AltSpellings.stories.tsx b/services-js/registry-certs/client/common/question-components/AltSpellings.stories.tsx deleted file mode 100644 index d6111c890..000000000 --- a/services-js/registry-certs/client/common/question-components/AltSpellings.stories.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import React from 'react'; - -import { storiesOf } from '@storybook/react'; - -import { NarrowWrapper } from '@cityofboston/storybook-common'; - -import AltSpellings from './AltSpellings'; - -storiesOf('Common Components/Question Components/AltSpellings', module) - .addDecorator(storyFn => {storyFn()}) - - .add('default', () => ( - {}} person="person1" values="" /> - )) - .add('with existing values', () => ( - {}} - person="person1" - values="Robert, Roberts, Roberto" - /> - )); diff --git a/services-js/registry-certs/client/common/question-components/BackButton.stories.tsx b/services-js/registry-certs/client/common/question-components/BackButton.stories.tsx deleted file mode 100644 index b8b31a75e..000000000 --- a/services-js/registry-certs/client/common/question-components/BackButton.stories.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; - -import { storiesOf } from '@storybook/react'; - -import { CenterWrapper } from '@cityofboston/storybook-common'; - -import BackButton from './BackButton'; - -storiesOf('Common Components/Question Components/BackButton', module) - .addDecorator(storyFn => ( -
    - {storyFn()} -
    - )) - - .add('default', () => {}} />); diff --git a/services-js/registry-certs/client/common/question-components/QuestionComponent.stories.tsx b/services-js/registry-certs/client/common/question-components/QuestionComponent.stories.tsx deleted file mode 100644 index 46a1493d8..000000000 --- a/services-js/registry-certs/client/common/question-components/QuestionComponent.stories.tsx +++ /dev/null @@ -1,75 +0,0 @@ -/** @jsx jsx */ - -import { jsx } from '@emotion/core'; - -import { Component } from 'react'; - -import { storiesOf } from '@storybook/react'; - -import { YesNoUnknownAnswer } from '../../types'; - -import QuestionComponent from './QuestionComponent'; -import FieldsetComponent from './FieldsetComponent'; -import YesNoUnsureComponent from './YesNoUnsureComponent'; - -import { SECTION_HEADING_STYLING } from './styling'; - -interface Props {} -interface State { - answer: YesNoUnknownAnswer; -} - -class PlaceholderQuestion extends Component { - constructor(props) { - super(props); - - this.state = { - answer: '', - }; - } - - handleClick = event => this.setState({ answer: event.target.value }); - - render() { - return ( - - Question text? - - } - > - - - ); - } -} - -storiesOf('Common Components/Question Components/QuestionComponent', module) - .add('default', () => ( - {}} allowProceed={true}> - - - )) - .add('with back button', () => ( - {}} - allowProceed={true} - handleStepBack={() => {}} - > - - - )) - .add('with reset button', () => ( - {}} - handleReset={() => {}} - startOver={true} - > - - - )); diff --git a/services-js/registry-certs/client/common/question-components/RadioItemComponent.stories.tsx b/services-js/registry-certs/client/common/question-components/RadioItemComponent.stories.tsx deleted file mode 100644 index 96ef9ed4d..000000000 --- a/services-js/registry-certs/client/common/question-components/RadioItemComponent.stories.tsx +++ /dev/null @@ -1,110 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import RadioItemComponent from './RadioItemComponent'; - -const iconStyle = { - width: 170, - stroke: 'currentColor', - strokeWidth: '0.5', - fill: 'none', -}; - -const itemStyle = { margin: '1rem' }; - -function icon() { - return ( - - - - - - - ); -} - -interface Props {} - -interface State { - answer: string; -} - -class SampleQuestion extends React.Component { - constructor(props) { - super(props); - - this.state = { - answer: '', - }; - } - - handleChange = event => { - this.setState({ answer: event.target.value }); - }; - - render() { - return ( -
      -
    • - - {icon()} - -
    • - -
    • - - {icon()} - -
    • -
    • - - {icon()} - -
    • -
    - ); - } -} - -storiesOf('Common Components/Question Components/RadioItemComponent', module) - .add('single item', () => ( -
    - {}} - > - {icon()} - -
    - )) - .add('multiple answers', () => ); diff --git a/services-js/registry-certs/client/common/question-components/VerifyIdentificationComponent.stories.tsx b/services-js/registry-certs/client/common/question-components/VerifyIdentificationComponent.stories.tsx deleted file mode 100644 index facbe4755..000000000 --- a/services-js/registry-certs/client/common/question-components/VerifyIdentificationComponent.stories.tsx +++ /dev/null @@ -1,118 +0,0 @@ -/** @jsx jsx */ - -import { jsx } from '@emotion/core'; - -import { storiesOf } from '@storybook/react'; - -import VerifyIdentificationComponent from './VerifyIdentificationComponent'; -import UploadableFile from '../../models/UploadableFile'; - -const commonAttributes = { - siteAnalytics: {} as any, - uploadSessionId: '.', - supportingDocuments: [], - updateSupportingDocuments: () => {}, - updateIdImages: () => {}, -}; - -storiesOf( - 'Common Components/Question Components/VerifyIdentificationComponent', - module -) - .add('default', () => ( - - )) - .add('existing images and files', () => ( - - )) - .add('reloaded images', () => ( - - )) - .add('upload error', () => ( - - )); - -const SVG_IMAGE = ` - - - - - - -`; - -const SAMPLE_FILE = new File([SVG_IMAGE], 'id.svg', { - type: 'image/svg+xml', -}); diff --git a/services-js/registry-certs/client/common/question-components/YesNoUnsureComponent.stories.tsx b/services-js/registry-certs/client/common/question-components/YesNoUnsureComponent.stories.tsx deleted file mode 100644 index 5066359ed..000000000 --- a/services-js/registry-certs/client/common/question-components/YesNoUnsureComponent.stories.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import React from 'react'; - -import { storiesOf } from '@storybook/react'; - -import { YesNoUnknownAnswer } from '../../types'; - -import YesNoUnsureComponent from './YesNoUnsureComponent'; - -interface Props {} - -interface State { - answer: YesNoUnknownAnswer; -} - -class YesNoUnsureComponentStories extends React.Component { - constructor(props) { - super(props); - - this.state = { - answer: '', - }; - } - - handleChange = event => { - this.setState({ answer: event.target.value }); - }; - - render() { - return ( - - ); - } -} - -storiesOf( - 'Common Components/Question Components/YesNoUnsureComponent', - module -).add('default', () => ); diff --git a/services-js/registry-certs/client/death/cart/CartItem.stories.tsx b/services-js/registry-certs/client/death/cart/CartItem.stories.tsx deleted file mode 100644 index 016f59923..000000000 --- a/services-js/registry-certs/client/death/cart/CartItem.stories.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import { GaSiteAnalytics } from '@cityofboston/next-client-common'; - -import DeathCertificateCart from '../../store/DeathCertificateCart'; - -import { - TYPICAL_CERTIFICATE, - PENDING_CERTIFICATE, - NO_DATE_CERTIFICATE, -} from '../../../fixtures/client/death-certificates'; - -import CartItem from './CartItem'; - -function makeProps(certificate) { - const cart = new DeathCertificateCart(); - const siteAnalytics = new GaSiteAnalytics(); - - cart.setQuantity(certificate, 1); - const entry = cart.entries[0]; - - return { - cart, - entry, - siteAnalytics, - }; -} - -storiesOf('Death/CartItem', module) - .add('typical certificate', () => ( - - )) - .add('pending certificate', () => ( - - )) - .add('certificate without death date', () => ( - - )); diff --git a/services-js/registry-certs/client/death/cart/CartPage.stories.tsx b/services-js/registry-certs/client/death/cart/CartPage.stories.tsx deleted file mode 100644 index c22e0f312..000000000 --- a/services-js/registry-certs/client/death/cart/CartPage.stories.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import { runInAction } from 'mobx'; - -import { GaSiteAnalytics } from '@cityofboston/next-client-common'; - -import DeathCertificateCart from '../../store/DeathCertificateCart'; - -import CartPage from './CartPage'; - -import { - TYPICAL_CERTIFICATE, - PENDING_CERTIFICATE, - NO_DATE_CERTIFICATE, -} from '../../../fixtures/client/death-certificates'; - -function makeCart(loading: boolean) { - const cart = new DeathCertificateCart(); - - if (loading) { - runInAction(() => { - cart.pendingFetches = 2; - cart.entries = [ - { - id: TYPICAL_CERTIFICATE.id, - cert: null, - quantity: 5, - }, - { - id: PENDING_CERTIFICATE.id, - cert: null, - quantity: 3, - }, - ] as any; - }); - } else { - cart.setQuantity(TYPICAL_CERTIFICATE, 1); - cart.setQuantity(PENDING_CERTIFICATE, 3); - cart.setQuantity(NO_DATE_CERTIFICATE, 1); - } - - return cart; -} - -storiesOf('Death/CartPage', module) - .add('loading', () => ( - - )) - .add('normal page', () => ( - - )) - .add('empty cart', () => ( - - )); diff --git a/services-js/registry-certs/client/death/certificate/CertificatePage.stories.tsx b/services-js/registry-certs/client/death/certificate/CertificatePage.stories.tsx deleted file mode 100644 index 5ef29af81..000000000 --- a/services-js/registry-certs/client/death/certificate/CertificatePage.stories.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import { GaSiteAnalytics } from '@cityofboston/next-client-common'; - -import DeathCertificateCart from '../../store/DeathCertificateCart'; - -import CertificatePage from './CertificatePage'; - -import { - TYPICAL_CERTIFICATE, - PENDING_CERTIFICATE, -} from '../../../fixtures/client/death-certificates'; - -const makeCart = (quantity: number) => { - const cart = new DeathCertificateCart(); - - if (quantity) { - cart.setQuantity(TYPICAL_CERTIFICATE, quantity); - } - - return cart; -}; - -storiesOf('Death/CertificatePage', module) - .add('normal certificate', () => ( - - )) - .add('certificate in cart', () => ( - - )) - .add('normal certificate — not from search', () => ( - - )) - .add('pending certificate', () => ( - - )) - .add('missing certificate', () => ( - - )); diff --git a/services-js/registry-certs/client/death/checkout/CheckoutPage.stories.tsx b/services-js/registry-certs/client/death/checkout/CheckoutPage.stories.tsx deleted file mode 100644 index a6724d017..000000000 --- a/services-js/registry-certs/client/death/checkout/CheckoutPage.stories.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import CheckoutPage from './CheckoutPage'; -import Cart from '../../store/DeathCertificateCart'; -import { GaSiteAnalytics } from '@cityofboston/next-client-common'; -import CheckoutDao from '../../dao/CheckoutDao'; - -storiesOf('Common Components/Checkout/CheckoutPage', module).add( - 'server-side render', - () => ( - new Promise(() => {}) } as any} - /> - ) -); diff --git a/services-js/registry-certs/client/death/checkout/ConfirmationContent.stories.tsx b/services-js/registry-certs/client/death/checkout/ConfirmationContent.stories.tsx deleted file mode 100644 index bfe2acfb5..000000000 --- a/services-js/registry-certs/client/death/checkout/ConfirmationContent.stories.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import ConfirmationContent from './ConfirmationContent'; -import Cart from '../../store/DeathCertificateCart'; - -storiesOf('Death/ConfirmationContent', module).add('default', () => ( - -)); diff --git a/services-js/registry-certs/client/death/receipt/ReceiptPage.stories.tsx b/services-js/registry-certs/client/death/receipt/ReceiptPage.stories.tsx deleted file mode 100644 index 205587cf9..000000000 --- a/services-js/registry-certs/client/death/receipt/ReceiptPage.stories.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import ReceiptPage from './ReceiptPage'; - -import { TYPICAL_ORDER } from '../../../fixtures/client/death-certificate-orders'; - -storiesOf('Death/ReceiptPage', module).add('default', () => ( - -)); diff --git a/services-js/registry-certs/client/death/search/SearchPage.stories.tsx b/services-js/registry-certs/client/death/search/SearchPage.stories.tsx deleted file mode 100644 index b8b5f287d..000000000 --- a/services-js/registry-certs/client/death/search/SearchPage.stories.tsx +++ /dev/null @@ -1,58 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import { GaSiteAnalytics } from '@cityofboston/next-client-common'; - -import DeathCertificateCart from '../../store/DeathCertificateCart'; -import SearchPage from './SearchPage'; - -import { - TYPICAL_CERTIFICATE, - PENDING_CERTIFICATE, - NO_DATE_CERTIFICATE, -} from '../../../fixtures/client/death-certificates'; - -storiesOf('Death/SearchPage', module) - .add('no search', () => ( - - )) - .add('no results', () => ( - - )) - .add('with results', () => ( - - )); diff --git a/services-js/registry-certs/client/death/search/SearchResult.stories.tsx b/services-js/registry-certs/client/death/search/SearchResult.stories.tsx deleted file mode 100644 index 24e6e394c..000000000 --- a/services-js/registry-certs/client/death/search/SearchResult.stories.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import SearchResult from './SearchResult'; - -import { - TYPICAL_CERTIFICATE, - NO_DATE_CERTIFICATE, -} from '../../../fixtures/client/death-certificates'; - -storiesOf('Death/SearchResult', module) - .add('typical certificate', () => ( - - )) - .add('certificate without death date', () => ( - - )); diff --git a/services-js/registry-certs/client/marriage/CheckoutPage.stories.tsx b/services-js/registry-certs/client/marriage/CheckoutPage.stories.tsx deleted file mode 100644 index e7283b0dc..000000000 --- a/services-js/registry-certs/client/marriage/CheckoutPage.stories.tsx +++ /dev/null @@ -1,144 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import CheckoutDao from '../dao/CheckoutDao'; -import Order, { OrderInfo } from '../models/Order'; -import OrderProvider from '../store/OrderProvider'; -import MarriageCertificateRequest from '../store/MarriageCertificateRequest'; - -import { TYPICAL_REQUEST as marriageCertRequest } from '../../fixtures/client/marriage-certificates'; - -import CheckoutPage from './CheckoutPage'; - -const makeStripe = () => - typeof Stripe !== 'undefined' ? Stripe('fake-secret-key') : null; - -function makeMarriageCertificateRequest() { - const request = new MarriageCertificateRequest(); - - request.quantity = 1; - - request.answerQuestion(marriageCertRequest); - - return request; -} - -function makeShippingCompleteOrder(overrides: Partial = {}) { - return new Order({ - storeContactAndShipping: true, - storeBilling: false, - - contactName: 'Squirrel Girl', - contactEmail: 'squirrel.girl@avengers.org', - confirmContactEmail: 'squirrel.girl@avengers.org', - contactPhone: '(555) 123-9999', - - shippingName: 'Doreen Green', - shippingCompanyName: 'Empire State University', - shippingAddress1: 'Dorm Hall, Apt 5', - shippingAddress2: '10 College Avenue', - shippingCity: 'New York', - shippingState: 'NY', - shippingZip: '12345', - - cardholderName: 'Nancy Whitehead', - cardLast4: '', - cardToken: null, - cardFunding: 'unknown', - - billingAddressSameAsShippingAddress: true, - - billingAddress1: '', - billingAddress2: '', - billingCity: '', - billingState: '', - billingZip: '', - - ...overrides, - }); -} - -function makeBillingCompleteOrder(overrides = {}) { - return makeShippingCompleteOrder({ - cardLast4: '4040', - cardToken: 'tok_12345', - cardFunding: 'credit', - - billingAddressSameAsShippingAddress: false, - - billingAddress1: '3 Avengers Towers', - billingAddress2: '', - billingCity: 'New York', - billingState: 'NY', - billingZip: '12223', - ...overrides, - }); -} - -storiesOf('Marriage/CheckoutPage', module) - .add('server-side render', () => ( - new Promise(() => {}) } as any} - /> - )) - .add('no marriage certificate request', () => ( - - )) - .add('shipping', () => ( - - )) - .add('payment', () => ( - - )) - .add('review', () => ( - - )) - .add('confirmation', () => ( - - )); diff --git a/services-js/registry-certs/client/marriage/QuestionsPage.stories.tsx b/services-js/registry-certs/client/marriage/QuestionsPage.stories.tsx deleted file mode 100644 index f92b36d56..000000000 --- a/services-js/registry-certs/client/marriage/QuestionsPage.stories.tsx +++ /dev/null @@ -1,75 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import { MarriageCertificateRequestInformation } from '../types'; -import MarriageCertificateRequest from '../store/MarriageCertificateRequest'; - -import QuestionsPage from './QuestionsPage'; - -function makeMarriageCertificateRequest( - answers: Partial = {} -): MarriageCertificateRequest { - const marriageCertificateRequest = new MarriageCertificateRequest(); - - marriageCertificateRequest.answerQuestion(answers); - - return marriageCertificateRequest; -} - -storiesOf('Marriage/QuestionsFlowPage', module) - .add('1. Who is this for?', () => ( - - )) - .add('1a. Client instructions', () => ( - - )) - .add('2. Filed in Boston?', () => ( - - )) - .add('3. Date of marriage?', () => ( - - )) - .add('4. Person on record (1)', () => ( - - )) - .add('5. Person on record (2)', () => ( - - )) - .add('6. Identity verification', () => ( - - )); diff --git a/services-js/registry-certs/client/marriage/ReviewRequestPage.stories.tsx b/services-js/registry-certs/client/marriage/ReviewRequestPage.stories.tsx deleted file mode 100644 index 335c27161..000000000 --- a/services-js/registry-certs/client/marriage/ReviewRequestPage.stories.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import MarriageCertificateRequest from '../store/MarriageCertificateRequest'; - -import ReviewRequestPage from './ReviewRequestPage'; - -import { TYPICAL_REQUEST as marriageCertRequest } from '../../fixtures/client/marriage-certificates'; - -const marriageCertificateRequest = new MarriageCertificateRequest(); - -marriageCertificateRequest.setRequestInformation(marriageCertRequest); - -storiesOf('Marriage/ReviewRequestPage', module).add('default page', () => ( - -)); diff --git a/services-js/registry-certs/client/marriage/questions/ClientInstructions.stories.tsx b/services-js/registry-certs/client/marriage/questions/ClientInstructions.stories.tsx deleted file mode 100644 index cfee5f3ac..000000000 --- a/services-js/registry-certs/client/marriage/questions/ClientInstructions.stories.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import ClientInstructions from './ClientInstructions'; - -storiesOf('Marriage/Question Components/ClientInstructions', module).add( - 'default', - () => ( -
    - {}} /> -
    - ) -); diff --git a/services-js/registry-certs/client/marriage/questions/DateOfMarriage.stories.tsx b/services-js/registry-certs/client/marriage/questions/DateOfMarriage.stories.tsx deleted file mode 100644 index 50f96a44c..000000000 --- a/services-js/registry-certs/client/marriage/questions/DateOfMarriage.stories.tsx +++ /dev/null @@ -1,72 +0,0 @@ -import React from 'react'; - -import { storiesOf } from '@storybook/react'; - -import MarriageCertificateRequest from '../../store/MarriageCertificateRequest'; -import { MarriageCertificateRequestInformation } from '../../types'; - -import DateOfMarriage from './DateOfMarriage'; - -function makeMarriageCertificateRequest( - answers: Partial = {} -): MarriageCertificateRequest { - const marriageCertificateRequest = new MarriageCertificateRequest(); - marriageCertificateRequest.answerQuestion(answers); - return marriageCertificateRequest; -} - -const commonAttributes = { - handleProceed: () => {}, - handleStepBack: () => {}, -}; - -storiesOf('Marriage/Question Components/DateOfMarriage', module) - .add('default', () => ( -
    - -
    - )) - .add('knows exact date', () => ( -
    - -
    - )) - .add('unsure of date', () => ( -
    - -
    - )) - .add('marriage too recent', () => ( -
    - -
    - )) - .add('date range too vast', () => ( -
    - -
    - )); diff --git a/services-js/registry-certs/client/marriage/questions/FiledInBoston.stories.tsx b/services-js/registry-certs/client/marriage/questions/FiledInBoston.stories.tsx deleted file mode 100644 index 50124f641..000000000 --- a/services-js/registry-certs/client/marriage/questions/FiledInBoston.stories.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import MarriageCertificateRequest from '../../store/MarriageCertificateRequest'; -import { MarriageCertificateRequestInformation } from '../../types'; - -import FiledInBoston from './FiledInBoston'; - -function makeMarriageCertificateRequest( - answers: Partial = {} -): MarriageCertificateRequest { - const marriageCertificateRequest = new MarriageCertificateRequest(); - marriageCertificateRequest.answerQuestion(answers); - return marriageCertificateRequest; -} - -const commonAttributes = { - handleProceed: () => {}, - handleStepBack: () => {}, - handleUserReset: () => {}, -}; - -storiesOf('Marriage/Question Components/FiledInBoston', module) - .add('default', () => ( -
    - -
    - )) - .add('user has selected “no”', () => ( -
    - -
    - )) - .add('user is not sure', () => ( -
    - -
    - )); diff --git a/services-js/registry-certs/client/marriage/questions/ForWhom.stories.tsx b/services-js/registry-certs/client/marriage/questions/ForWhom.stories.tsx deleted file mode 100644 index ae127a67a..000000000 --- a/services-js/registry-certs/client/marriage/questions/ForWhom.stories.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import MarriageCertificateRequest from '../../store/MarriageCertificateRequest'; -import { MarriageCertificateRequestInformation } from '../../types'; - -import ForWhom from './ForWhom'; - -function makeMarriageCertificateRequest( - answers: Partial = {} -): MarriageCertificateRequest { - const marriageCertificateRequest = new MarriageCertificateRequest(); - marriageCertificateRequest.answerQuestion(answers); - return marriageCertificateRequest; -} - -storiesOf('Marriage/Question Components/ForWhom', module) - .add('default', () => ( -
    - {}} - /> -
    - )) - .add('someone else’s', () => ( -
    - {}} - /> -
    - )); diff --git a/services-js/registry-certs/client/marriage/questions/PersonOnRecord.stories.tsx b/services-js/registry-certs/client/marriage/questions/PersonOnRecord.stories.tsx deleted file mode 100644 index 151470938..000000000 --- a/services-js/registry-certs/client/marriage/questions/PersonOnRecord.stories.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import MarriageCertificateRequest from '../../store/MarriageCertificateRequest'; -import { MarriageCertificateRequestInformation } from '../../types'; - -import PersonOnRecord, { Person } from './PersonOnRecord'; - -function makeMarriageCertificateRequest( - answers: Partial = {} -): MarriageCertificateRequest { - const marriageCertificateRequest = new MarriageCertificateRequest(); - - marriageCertificateRequest.answerQuestion(answers); - - return marriageCertificateRequest; -} - -const commonAttributes = { - handleProceed: () => {}, - handleStepBack: () => {}, - person: 'person1' as Person, - marriageCertificateRequest: makeMarriageCertificateRequest(), -}; - -storiesOf('Marriage/Question Components/PersonOnRecord', module) - .add('person 1', () => ( -
    - -
    - )) - .add('person 2', () => ( -
    - -
    - )) - .add('self', () => ( -
    - -
    - )); diff --git a/services-js/registry-certs/client/marriage/questions/VerifyIdentification.stories.tsx b/services-js/registry-certs/client/marriage/questions/VerifyIdentification.stories.tsx deleted file mode 100644 index be007e390..000000000 --- a/services-js/registry-certs/client/marriage/questions/VerifyIdentification.stories.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -import MarriageCertificateRequest from '../../store/MarriageCertificateRequest'; -import { MarriageCertificateRequestInformation } from '../../types'; - -import VerifyIdentification from './VerifyIdentification'; - -function makeMarriageCertificateRequest( - answers: Partial = {} -): MarriageCertificateRequest { - const marriageCertificateRequest = new MarriageCertificateRequest(); - - marriageCertificateRequest.answerQuestion(answers); - - return marriageCertificateRequest; -} - -const commonAttributes = { - handleProceed: () => {}, - handleStepBack: () => {}, -}; - -storiesOf('Marriage/Question Components/VerifyIdentification', module).add( - 'default', - () => ( -
    - -
    - ) -); diff --git a/services-js/registry-certs/next.config.js b/services-js/registry-certs/next.config.js index 2d661803b..fe4a01cf2 100644 --- a/services-js/registry-certs/next.config.js +++ b/services-js/registry-certs/next.config.js @@ -1,18 +1,21 @@ const path = require('path'); - -const withSourceMaps = require('@zeit/next-source-maps')(); const withPolyfill = require('@cityofboston/next-client-common/with-polyfill')(); -module.exports = withSourceMaps( - withPolyfill({ - distDir: path.join('build', '.next'), - webpack: function(config) { - config.module.rules.push({ - test: /\.html$/, - use: 'raw-loader', - }); +module.exports = withPolyfill({ + distDir: path.join('..', 'build', '.next'), +}); + +// const withSourceMaps = require('@zeit/next-source-maps')(); +// module.exports = withSourceMaps( +// withPolyfill({ +// distDir: path.join('build', '.next'), +// webpack: function(config) { +// config.module.rules.push({ +// test: /\.html$/, +// use: 'raw-loader', +// }); - return config; - }, - }) -); +// return config; +// }, +// }) +// ); diff --git a/services-js/registry-certs/package.json b/services-js/registry-certs/package.json index 8dbfd4011..d964b9a8c 100644 --- a/services-js/registry-certs/package.json +++ b/services-js/registry-certs/package.json @@ -150,6 +150,6 @@ "rimraf": "^2.6.2", "ts-node": "^6.0.5", "tsc-watch": "^1.0.26", - "typescript": "^4.4.2" + "typescript": "^3.5.1" } }