Change Details

**Acceptance Criteria** * The banners are based on the **(control | variant) banner** of **mobile-de-05**. * Screenshots of the banners are uploaded to Shutterbug. * If the mini banner is too high for the viewport, * it's not displayed. * an event is triggered in `WMDEBannerSizeIssue`. * Variant banner: * If a user chooses to make a one-time donation and didn't select Sofortüberweisung, * the submit button label changes to just "Weiter". * the banner shows a 2nd form page asking to switch to a yearly recurring donation. * the 2nd form page impression is logged as an event in `WMDEBannerSizeIssue`. * The design of the 2nd form page is taken from the [Figma file](https://www.figma.com/file/1bJiGeXM5eKC3X6LeaqFhu/Banners-2022?node-id=350%3A448). * When displaying the 2nd form page the browser scrolls to the top of the form. * The first button * leaves the input data as is * triggers an event named `submit-non-recurring` in `WMDEBannerSizeIssue`. * sends the input data to the Fundraising Application. * The second button * changes the payment interval to yearly. * triggers an event named `submit-recurring` in `WMDEBannerSizeIssue`. * sends the data to the Fundraising Application. * The link below the buttons * changes the payment interval to yearly. * triggers an event named `changed-to-yearly` in `WMDEBannerSizeIssue`. * displays the first form page again. **Implementation details** * Use the multi step donation form component from wikipedia.de desktop banners, but apply different styles, add events. * Use the payment type fix for Sofortüberweisung created for mobile-de-05 (hook `use_disabled_form_values`).

**Acceptance Criteria** * The banners are based on the **(control | variant) banner** of **mobile-de-05**. * Screenshots of the banners are uploaded to Shutterbug. * If the mini banner is too high for the viewport, * it's not displayed. * an event is triggered in `WMDEBannerSizeIssue`. * Variant banner: * If a user chooses to make a one-time donation and didn't select Sofortüberweisung, * the submit button label changes to just "Weiter". * the banner shows a 2nd form page asking to switch to a yearly recurring donation. * the 2nd form page impression is logged as an event in `WMDEBannerSizeIssue`. * The design of the 2nd form page is taken from the [Figma file](https://www.figma.com/file/1bJiGeXM5eKC3X6LeaqFhu/Banners-2022?node-id=350%3A448). * When displaying the 2nd form page the browser scrolls to the top of the form. * The first button * leaves the input data as is * triggers an event named `submit-non-recurring` in `WMDEBannerEvents`. * sends the input data to the Fundraising Application. * The second button * changes the payment interval to yearly. * triggers an event named `submit-recurring` in `WMDEBannerEvents`. * sends the data to the Fundraising Application. * The link below the buttons * changes the payment interval to yearly. * triggers an event named `changed-to-yearly` in `WMDEBannerEvents`. * displays the first form page again. **Implementation details** * Use the multi step donation form component from wikipedia.de desktop banners, but apply different styles, add events. * Use the payment type fix for Sofortüberweisung created for mobile-de-05 (hook `use_disabled_form_values`). * Make sure that the submit event is not logged in both schemas.

**Acceptance Criteria** * The banners are based on the **(control | variant) banner** of **mobile-de-05**. * Screenshots of the banners are uploaded to Shutterbug. * If the mini banner is too high for the viewport, * it's not displayed. * an event is triggered in `WMDEBannerSizeIssue`. * Variant banner: * If a user chooses to make a one-time donation and didn't select Sofortüberweisung, * the submit button label changes to just "Weiter". * the banner shows a 2nd form page asking to switch to a yearly recurring donation. * the 2nd form page impression is logged as an event in `WMDEBannerSizeIssue`. * The design of the 2nd form page is taken from the [Figma file](https://www.figma.com/file/1bJiGeXM5eKC3X6LeaqFhu/Banners-2022?node-id=350%3A448). * When displaying the 2nd form page the browser scrolls to the top of the form. * The first button * leaves the input data as is * triggers an event named `submit-non-recurring` in `WMDEBannerSizeIssue`Events`. * sends the input data to the Fundraising Application. * The second button * changes the payment interval to yearly. * triggers an event named `submit-recurring` in `WMDEBannerSizeIssue`Events`. * sends the data to the Fundraising Application. * The link below the buttons * changes the payment interval to yearly. * triggers an event named `changed-to-yearly` in `WMDEBannerSizeIssue`Events`. * displays the first form page again. **Implementation details** * Use the multi step donation form component from wikipedia.de desktop banners, but apply different styles, add events. * Use the payment type fix for Sofortüberweisung created for mobile-de-05 (hook `use_disabled_form_values`). * Make sure that the submit event is not logged in both schemas.