@magento/venia-ui 11.5.0 → 11.6.0-alpha.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/lib/RootComponents/Category/__tests__/__snapshots__/categoryContent.shimmer.spec.js.snap +12 -12
  2. package/lib/RootComponents/Category/categoryContent.js +2 -1
  3. package/lib/components/AuthBar/authBar.js +6 -4
  4. package/lib/components/ButtonTab/button.module.css +123 -0
  5. package/lib/components/ButtonTab/buttonTab.js +99 -0
  6. package/lib/components/ButtonTab/index.js +1 -0
  7. package/lib/components/CartPage/PriceSummary/__tests__/__snapshots__/priceSummary.spec.js.snap +0 -2
  8. package/lib/components/CartPage/PriceSummary/priceSummary.js +1 -0
  9. package/lib/components/CartPage/ProductListing/EditModal/__tests__/__snapshots__/productForm.spec.js.snap +2 -2
  10. package/lib/components/CartPage/__tests__/__snapshots__/cartPage.spec.js.snap +12 -6
  11. package/lib/components/CartPage/cartPage.js +12 -6
  12. package/lib/components/CheckoutPage/ItemsReview/__tests__/__snapshots__/itemsReview.spec.js.snap +3 -3
  13. package/lib/components/CheckoutPage/ItemsReview/itemsReview.js +1 -16
  14. package/lib/components/CheckoutPage/OrderConfirmationPage/__fixtures__/cartItems.js +33 -0
  15. package/lib/components/CheckoutPage/OrderConfirmationPage/__tests__/__snapshots__/orderConfirmationPage.spec.js.snap +135 -1
  16. package/lib/components/CheckoutPage/OrderConfirmationPage/__tests__/orderConfirmationPage.spec.js +40 -3
  17. package/lib/components/CheckoutPage/OrderConfirmationPage/orderConfirmationPage.js +118 -103
  18. package/lib/components/CheckoutPage/ShippingInformation/AddressForm/__tests__/__snapshots__/guestForm.spec.js.snap +12 -36
  19. package/lib/components/CheckoutPage/ShippingInformation/AddressForm/guestForm.js +1 -1
  20. package/lib/components/CheckoutPage/ShippingMethod/__tests__/__snapshots__/shippingMethod.spec.js.snap +8 -16
  21. package/lib/components/CheckoutPage/ShippingMethod/shippingMethod.js +1 -1
  22. package/lib/components/CheckoutPage/__tests__/__snapshots__/checkoutPage.spec.js.snap +1 -1
  23. package/lib/components/CheckoutPage/checkoutPage.js +16 -7
  24. package/lib/components/CreateAccount/__tests__/createAccount.spec.js +30 -0
  25. package/lib/components/CreateAccount/createAccount.js +2 -2
  26. package/lib/components/FilterModal/CurrentFilters/__tests__/currentFilter.spec.js +6 -1
  27. package/lib/components/FilterModal/CurrentFilters/currentFilter.js +12 -2
  28. package/lib/components/FilterModal/FilterList/__tests__/filterList.spec.js +16 -3
  29. package/lib/components/FilterModal/FilterList/filterList.js +81 -31
  30. package/lib/components/FilterModal/filterBlock.js +2 -1
  31. package/lib/components/FilterSidebar/__tests__/filterSidebar.spec.js +51 -19
  32. package/lib/components/FilterSidebar/filterSidebar.js +36 -2
  33. package/lib/components/Gallery/__tests__/__snapshots__/gallery.spec.js.snap +2 -2
  34. package/lib/components/Gallery/__tests__/__snapshots__/item.spec.js.snap +3 -3
  35. package/lib/components/MiniCart/ProductList/__tests__/__snapshots__/item.spec.js.snap +4 -4
  36. package/lib/components/MiniCart/miniCart.js +16 -12
  37. package/lib/components/Newsletter/__tests__/__snapshots__/newsletter.spec.js.snap +4 -4
  38. package/lib/components/Newsletter/newsletter.js +2 -2
  39. package/lib/components/OrderHistoryPage/OrderDetails/__tests__/__snapshots__/item.spec.js.snap +1 -1
  40. package/lib/components/OrderHistoryPage/collapsedImageGallery.js +3 -0
  41. package/lib/components/ProductImageCarousel/__tests__/__snapshots__/carousel.spec.js.snap +7 -7
  42. package/lib/components/ProductImageCarousel/__tests__/__snapshots__/thumbnail.spec.js.snap +4 -4
  43. package/lib/components/RangeSlider/rangeSlider.js +127 -0
  44. package/lib/components/RangeSlider/rangeSlider.module.css +76 -0
  45. package/lib/components/SearchBar/__tests__/__snapshots__/suggestedProduct.spec.js.snap +1 -1
  46. package/lib/components/SignIn/__tests__/__snapshots__/signIn.spec.js.snap +6 -6
  47. package/lib/components/SignIn/__tests__/signIn.spec.js +31 -0
  48. package/lib/components/SignIn/signIn.js +3 -5
  49. package/lib/components/WishlistPage/__tests__/__snapshots__/wishlistItem.spec.js.snap +2 -2
  50. package/lib/defaultRoutes.json +6 -0
  51. package/package.json +4 -4
  52. package/upward.yml +31 -1
@@ -19,7 +19,6 @@ import GoogleRecaptcha from '../GoogleReCaptcha';
19
19
  const SignIn = props => {
20
20
  const classes = useStyle(defaultClasses, props.classes);
21
21
  const {
22
- handleTriggerClick,
23
22
  setDefaultUsername,
24
23
  showCreateAccount,
25
24
  showForgotPassword,
@@ -28,7 +27,6 @@ const SignIn = props => {
28
27
 
29
28
  const { formatMessage } = useIntl();
30
29
  const talonProps = useSignIn({
31
- handleTriggerClick,
32
30
  getCartDetailsQuery: GET_CART_DETAILS_QUERY,
33
31
  setDefaultUsername,
34
32
  showCreateAccount,
@@ -69,14 +67,14 @@ const SignIn = props => {
69
67
  initialValues={initialValues && initialValues}
70
68
  >
71
69
  <Field
72
- id="email"
70
+ id="emailSignIn"
73
71
  label={formatMessage({
74
72
  id: 'signIn.emailAddressText',
75
73
  defaultMessage: 'Email address'
76
74
  })}
77
75
  >
78
76
  <TextInput
79
- id="email"
77
+ id="emailSignIn"
80
78
  data-cy="SignIn-email"
81
79
  autoComplete="email"
82
80
  field="email"
@@ -126,7 +124,7 @@ const SignIn = props => {
126
124
  type="submit"
127
125
  onKeyDown={signinHandleEnterKeyPress}
128
126
  data-cy="SignInButton-root_highPriority"
129
- disabled={isBusy}
127
+ disabled={Boolean(isBusy)}
130
128
  >
131
129
  <FormattedMessage
132
130
  id={'signIn.signInText'}
@@ -20,7 +20,7 @@ exports[`it renders a configurable wishlist item 1`] = `
20
20
  aria-hidden="true"
21
21
  className="image placeholder"
22
22
  loading="eager"
23
- src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzUnPjxyZWN0IHdpZHRoPSc0JyBoZWlnaHQ9JzUnIHN0eWxlPSdmaWxsOiBub25lJyAvPjwvc3ZnPg=="
23
+ src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjUiIHZpZXdCb3g9Ii0yNSAtMjUgMzEyIDMxMiI+CiAgICA8ZyBpZD0iTGF5ZXJfMi0yIj4KICAgICAgICA8cGF0aCBjbGFzcz0ic3QwIiBzdHlsZT0iZmlsbDogI2YwZjBmMDsgZmlsbC1ydWxlOiBldmVub2RkOyIgZD0iTTM2LDE4OS40di0xMDkuMWMwLTAuNywwLjQtMS42LDEuMS0ybDk0LjctNTcuMWMwLjctMC41LDEuNy0wLjUsMi41LDBsOTEuNSw1N2MwLjcsMC40LDEuMSwxLjEsMS4xLDJ2MTA3LjljMCwwLjctMC40LDEuNS0xLjEsMmwtMTkuMywxMi42Yy0xLjUsMS0zLjYsMC0zLjYtMnYtMTA1LjljMC0wLjctMC40LTEuNi0xLjEtMmwtNjcuNS00MS4zYy0wLjctMC41LTEuNi0wLjUtMi4zLDBsLTY5LjYsNDEuM2MtMC43LDAuNC0xLjEsMS4xLTEuMSwydjEwNS45YzAsMS45LTIsMy0zLjYsMmwtMjEuNS0xMy41aDB2LjJaTTg2LDExMC45djEwNi4zYzAsMC45LDAuNCwxLjYsMS4xLDJsNDQuNSwyNi43YzAuNywwLjUsMS43LDAuNCwyLjUsMGw0Mi41LTI2LjdjMC43LTAuNCwxLjEtMS4xLDEuMS0ydi0xMDUuOGMwLTAuNy0wLjQtMS41LTEuMS0ybC0yOC43LTE3LjljLTEuNS0xLTMuNiwwLjEtMy42LDJ2MTIxLjZjMCwwLjctMC40LDEuNS0xLjEsMmwtOS4zLDUuOWMtMC43LDAuNS0xLjYsMC41LTIuMywwbC0xMS4xLTUuOWMtMC43LTAuNC0xLjItMS4yLTEuMi0yLjF2LTEyMS43YzAtMS43LTItMy0zLjUtMmwtMjguOCwxNi4yYy0wLjcsMC40LTEuMSwxLjEtMS4xLDJ2MS41aC4xWiIvPgogICAgPC9nPgo8L3N2Zz4K"
24
24
  style={
25
25
  Object {
26
26
  "--width": "400px",
@@ -137,7 +137,7 @@ exports[`it renders a simple wishlist item 1`] = `
137
137
  aria-hidden="true"
138
138
  className="image placeholder"
139
139
  loading="eager"
140
- src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzUnPjxyZWN0IHdpZHRoPSc0JyBoZWlnaHQ9JzUnIHN0eWxlPSdmaWxsOiBub25lJyAvPjwvc3ZnPg=="
140
+ src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjUiIHZpZXdCb3g9Ii0yNSAtMjUgMzEyIDMxMiI+CiAgICA8ZyBpZD0iTGF5ZXJfMi0yIj4KICAgICAgICA8cGF0aCBjbGFzcz0ic3QwIiBzdHlsZT0iZmlsbDogI2YwZjBmMDsgZmlsbC1ydWxlOiBldmVub2RkOyIgZD0iTTM2LDE4OS40di0xMDkuMWMwLTAuNywwLjQtMS42LDEuMS0ybDk0LjctNTcuMWMwLjctMC41LDEuNy0wLjUsMi41LDBsOTEuNSw1N2MwLjcsMC40LDEuMSwxLjEsMS4xLDJ2MTA3LjljMCwwLjctMC40LDEuNS0xLjEsMmwtMTkuMywxMi42Yy0xLjUsMS0zLjYsMC0zLjYtMnYtMTA1LjljMC0wLjctMC40LTEuNi0xLjEtMmwtNjcuNS00MS4zYy0wLjctMC41LTEuNi0wLjUtMi4zLDBsLTY5LjYsNDEuM2MtMC43LDAuNC0xLjEsMS4xLTEuMSwydjEwNS45YzAsMS45LTIsMy0zLjYsMmwtMjEuNS0xMy41aDB2LjJaTTg2LDExMC45djEwNi4zYzAsMC45LDAuNCwxLjYsMS4xLDJsNDQuNSwyNi43YzAuNywwLjUsMS43LDAuNCwyLjUsMGw0Mi41LTI2LjdjMC43LTAuNCwxLjEtMS4xLDEuMS0ydi0xMDUuOGMwLTAuNy0wLjQtMS41LTEuMS0ybC0yOC43LTE3LjljLTEuNS0xLTMuNiwwLjEtMy42LDJ2MTIxLjZjMCwwLjctMC40LDEuNS0xLjEsMmwtOS4zLDUuOWMtMC43LDAuNS0xLjYsMC41LTIuMywwbC0xMS4xLTUuOWMtMC43LTAuNC0xLjItMS4yLTEuMi0yLjF2LTEyMS43YzAtMS43LTItMy0zLjUtMmwtMjguOCwxNi4yYy0wLjcsMC40LTEuMSwxLjEtMS4xLDJ2MS41aC4xWiIvPgogICAgPC9nPgo8L3N2Zz4K"
141
141
  style={
142
142
  Object {
143
143
  "--width": "400px",
@@ -53,6 +53,12 @@
53
53
  "exact": true,
54
54
  "path": "../ForgotPasswordPage"
55
55
  },
56
+ {
57
+ "name": "OrderConfirmation",
58
+ "pattern": "/order-confirmation",
59
+ "exact": true,
60
+ "path": "../CheckoutPage/OrderConfirmationPage"
61
+ },
56
62
  {
57
63
  "name": "OrderHistory",
58
64
  "pattern": "/order-history",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@magento/venia-ui",
3
- "version": "11.5.0",
3
+ "version": "11.6.0-alpha.13",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -80,10 +80,10 @@
80
80
  "peerDependencies": {
81
81
  "@apollo/client": "~3.5.0",
82
82
  "@magento/babel-preset-peregrine": "~1.3.3",
83
- "@magento/peregrine": "~14.4.1",
84
- "@magento/pwa-buildpack": "~11.5.3",
83
+ "@magento/peregrine": "14.5.1-alpha.13",
84
+ "@magento/pwa-buildpack": "11.5.4-alpha.13",
85
85
  "apollo-cache-persist": "~0.1.1",
86
- "braintree-web-drop-in": "~1.33.3",
86
+ "braintree-web-drop-in": "~1.43.0",
87
87
  "graphql": "~15.5.0",
88
88
  "react": "~17.0.1",
89
89
  "react-intl": "~5.20.0",
package/upward.yml CHANGED
@@ -23,6 +23,12 @@ veniaResponse:
23
23
  - matches: urlResolver.redirect_code
24
24
  pattern: '(301|302)'
25
25
  use: dynamicRedirect
26
+ - matches: request.url.pathname
27
+ pattern: '^/(account-information|address-book|cart|checkout|communications|sign-in|contact-us|create-account|forgot-password|order-confirmation|order-history|customer/account/createPassword|saved-payments|search\.html|wishlist)$'
28
+ use: veniaAppShell
29
+ - matches: urlResolver.redirect_code
30
+ pattern: '(404)'
31
+ use: notFoundResponse
26
32
  default: veniaAppShell
27
33
 
28
34
  # A FileResolver for serving certain files directly from document root,
@@ -255,4 +261,28 @@ dynamicRedirect:
255
261
  resolver: file
256
262
  file:
257
263
  resolver: inline
258
- inline: './index.html'
264
+ inline: './index.html'
265
+
266
+ notFoundResponse:
267
+ resolver: inline
268
+ inline:
269
+ status: urlResolver.redirect_code
270
+ headers:
271
+ resolver: inline
272
+ inline:
273
+ content-type:
274
+ inline: text/html
275
+ cache-control:
276
+ inline: s-maxage=60
277
+ body:
278
+ resolver: template
279
+ engine: mustache
280
+ provide:
281
+ pageType: veniaPageType.data
282
+ pageTypeNonce: veniaPageTypeNonce.nonce
283
+ webpackChunks: veniaWebpackChunks.scripts
284
+ template:
285
+ resolver: file
286
+ file:
287
+ resolver: inline
288
+ inline: './index.html'