diff --git a/packages/components/pages/f-checkout/CHANGELOG.md b/packages/components/pages/f-checkout/CHANGELOG.md index 5cdac6fdb3..c0c46f38c7 100644 --- a/packages/components/pages/f-checkout/CHANGELOG.md +++ b/packages/components/pages/f-checkout/CHANGELOG.md @@ -3,6 +3,17 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/) and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html). + +v4.12.0 +------------------------------ +*February 5, 2024* + +### Added +- Address alert to remind customers to check that their address is correctly entered. +- `showAddressAlert` prop to control the alert. + - It will only be shown if the prop is `true`, the delivery form is shown and the translations are present (currently `en-GB` only). + + v4.11.0 ------------------------------ *August 17, 2023* @@ -18,6 +29,7 @@ v4.10.0 ### Changed - Added "no allergen" copy on the Split Notes Web UK. + v4.9.1 ------------------------------ *April 28, 2023* diff --git a/packages/components/pages/f-checkout/README.md b/packages/components/pages/f-checkout/README.md index 5d937d2397..3b7df9b04a 100644 --- a/packages/components/pages/f-checkout/README.md +++ b/packages/components/pages/f-checkout/README.md @@ -88,6 +88,7 @@ The props that can be defined are as follows: | `getNoteConfigUrl` | `String` | - | URL for the API called to get the note configuration for split notes | | `checkoutFeatures` | `Object` | - | Object containing relevant feature flags | | `shouldLoadAddressFromLocalStorage` | `Boolean` | true | Flag to control where to retrieve the address from storage (local storage/cookies) | +| `showAddressAlert` | `Boolean` | false | If true, displays an alert on the checkout page for delivery orders reminding customers to check that their address is entered correctly. | ### Events diff --git a/packages/components/pages/f-checkout/package.json b/packages/components/pages/f-checkout/package.json index d99fa31f02..9a67082129 100644 --- a/packages/components/pages/f-checkout/package.json +++ b/packages/components/pages/f-checkout/package.json @@ -1,7 +1,7 @@ { "name": "@justeat/f-checkout", "description": "Fozzie Checkout - Fozzie Checkout Component", - "version": "4.11.0", + "version": "4.12.0", "main": "dist/f-checkout.umd.min.js", "maxBundleSize": "100kB", "files": [ diff --git a/packages/components/pages/f-checkout/src/components/AddressAlert.vue b/packages/components/pages/f-checkout/src/components/AddressAlert.vue new file mode 100644 index 0000000000..32d5c894a8 --- /dev/null +++ b/packages/components/pages/f-checkout/src/components/AddressAlert.vue @@ -0,0 +1,46 @@ + + + + + diff --git a/packages/components/pages/f-checkout/src/components/Checkout.vue b/packages/components/pages/f-checkout/src/components/Checkout.vue index 9007339bcb..571e013602 100644 --- a/packages/components/pages/f-checkout/src/components/Checkout.vue +++ b/packages/components/pages/f-checkout/src/components/Checkout.vue @@ -13,6 +13,9 @@ + +