@graphcommerce/magento-product-configurable 4.0.5 → 4.0.8

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 (17) hide show
  1. package/CHANGELOG.md +198 -302
  2. package/ConfigurableCartItem/{index.tsx → ConfigurableCartItem.tsx} +2 -2
  3. package/ConfigurableCartItem/OptionsList.tsx +1 -1
  4. package/ConfigurableContext/{index.tsx → ConfigurableContext.tsx} +26 -22
  5. package/ConfigurableContext/cheapestVariant.ts +3 -1
  6. package/ConfigurableOptions/{index.tsx → ConfigurableOptions.tsx} +4 -3
  7. package/ConfigurableProductAddToCart/ConfigurableProductAddToCart.tsx +6 -3
  8. package/ProductListItemConfigurable.tsx +5 -4
  9. package/SwatchList.tsx +2 -2
  10. package/Swatches/ColorSwatchData.tsx +1 -1
  11. package/Swatches/ImageSwatchData.tsx +1 -1
  12. package/Swatches/TextSwatchData.tsx +1 -1
  13. package/Swatches/{index.tsx → types.ts} +0 -0
  14. package/index.ts +4 -5
  15. package/package.json +18 -19
  16. package/{_playwright/addConfigurableProductToCart.spec.ts → test/addConfigurableProductToCart.playwright.ts} +5 -1
  17. package/{_playwright → test}/addConfigurableProductToCart.ts +1 -1
package/CHANGELOG.md CHANGED
@@ -1,18 +1,71 @@
1
1
  # Change Log
2
2
 
3
+ ## 4.0.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [#1378](https://github.com/graphcommerce-org/graphcommerce/pull/1378) [`b610a6e40`](https://github.com/graphcommerce-org/graphcommerce/commit/b610a6e4049e8c9e8b5d2aeff31b8e1bfc24abe5) Thanks [@paales](https://github.com/paales)! - Pin all versions internally so we can’t end up in an unfixable state for the user
8
+
9
+ - Updated dependencies [[`b610a6e40`](https://github.com/graphcommerce-org/graphcommerce/commit/b610a6e4049e8c9e8b5d2aeff31b8e1bfc24abe5), [`22ff9df16`](https://github.com/graphcommerce-org/graphcommerce/commit/22ff9df1677742ae8e07d9b7e5b12fbb487580dc)]:
10
+ - @graphcommerce/graphql@3.0.7
11
+ - @graphcommerce/image@3.1.3
12
+ - @graphcommerce/magento-cart@4.2.3
13
+ - @graphcommerce/magento-cart-items@3.0.7
14
+ - @graphcommerce/magento-category@4.0.7
15
+ - @graphcommerce/magento-customer@4.2.1
16
+ - @graphcommerce/magento-product@4.1.4
17
+ - @graphcommerce/magento-product-simple@4.0.6
18
+ - @graphcommerce/magento-store@4.1.5
19
+ - @graphcommerce/next-ui@4.5.1
20
+ - @graphcommerce/react-hook-form@3.0.7
21
+
22
+ ## 4.0.7
23
+
24
+ ### Patch Changes
25
+
26
+ - [#1369](https://github.com/graphcommerce-org/graphcommerce/pull/1369) [`ae6449502`](https://github.com/graphcommerce-org/graphcommerce/commit/ae64495024a455bbe5188588604368c1542840c9) Thanks [@paales](https://github.com/paales)! - Upgraded dependencies
27
+
28
+ - Updated dependencies [[`892018809`](https://github.com/graphcommerce-org/graphcommerce/commit/8920188093d0422ec50580e408dc28ac5f93e46a), [`892018809`](https://github.com/graphcommerce-org/graphcommerce/commit/8920188093d0422ec50580e408dc28ac5f93e46a), [`ae6449502`](https://github.com/graphcommerce-org/graphcommerce/commit/ae64495024a455bbe5188588604368c1542840c9), [`892018809`](https://github.com/graphcommerce-org/graphcommerce/commit/8920188093d0422ec50580e408dc28ac5f93e46a), [`892018809`](https://github.com/graphcommerce-org/graphcommerce/commit/8920188093d0422ec50580e408dc28ac5f93e46a), [`6213f0b0f`](https://github.com/graphcommerce-org/graphcommerce/commit/6213f0b0f5f53d622b993d9f7ea96cbbeb5bd670), [`892018809`](https://github.com/graphcommerce-org/graphcommerce/commit/8920188093d0422ec50580e408dc28ac5f93e46a)]:
29
+ - @graphcommerce/graphql@3.0.6
30
+ - @graphcommerce/next-ui@4.5.0
31
+ - @graphcommerce/image@3.1.2
32
+ - @graphcommerce/magento-cart@4.2.2
33
+ - @graphcommerce/magento-cart-items@3.0.6
34
+ - @graphcommerce/magento-category@4.0.6
35
+ - @graphcommerce/magento-customer@4.2.0
36
+ - @graphcommerce/magento-product@4.1.3
37
+ - @graphcommerce/magento-product-simple@4.0.5
38
+ - @graphcommerce/magento-store@4.1.4
39
+ - @graphcommerce/react-hook-form@3.0.6
40
+
41
+ ## 4.0.6
42
+
43
+ ### Patch Changes
44
+
45
+ - [#1307](https://github.com/ho-nl/m2-pwa/pull/1307) [`bd10506d3`](https://github.com/ho-nl/m2-pwa/commit/bd10506d32fdbc91d01dadc29a12ebd1e0943655) Thanks [@paales](https://github.com/paales)! - All default exports are now named exports internally and all `index.tsx` are renamed to the component name.
46
+
47
+ * [#1307](https://github.com/ho-nl/m2-pwa/pull/1307) [`27cb1f2d8`](https://github.com/ho-nl/m2-pwa/commit/27cb1f2d8dbfb8f1b301ce56fb6a2b6c1fc6a5ef) Thanks [@paales](https://github.com/paales)! - upgrade dependencies
48
+
49
+ * Updated dependencies [[`3d63b39f7`](https://github.com/ho-nl/m2-pwa/commit/3d63b39f7e330d1827a32dba782667d7b21adaba), [`bd10506d3`](https://github.com/ho-nl/m2-pwa/commit/bd10506d32fdbc91d01dadc29a12ebd1e0943655), [`27cb1f2d8`](https://github.com/ho-nl/m2-pwa/commit/27cb1f2d8dbfb8f1b301ce56fb6a2b6c1fc6a5ef)]:
50
+ - @graphcommerce/next-ui@4.2.4
51
+ - @graphcommerce/graphql@3.0.4
52
+ - @graphcommerce/image@3.1.1
53
+ - @graphcommerce/magento-cart@4.1.4
54
+ - @graphcommerce/magento-cart-items@3.0.5
55
+ - @graphcommerce/magento-category@4.0.4
56
+ - @graphcommerce/magento-customer@4.1.4
57
+ - @graphcommerce/magento-product@4.0.6
58
+ - @graphcommerce/magento-product-simple@4.0.4
59
+ - @graphcommerce/magento-store@4.1.2
60
+ - @graphcommerce/react-hook-form@3.0.4
61
+
3
62
  ## 4.0.5
4
63
 
5
64
  ### Patch Changes
6
65
 
7
- - [#1292](https://github.com/ho-nl/m2-pwa/pull/1292)
8
- [`5a1ba9e66`](https://github.com/ho-nl/m2-pwa/commit/5a1ba9e664abbac89c4f5f71f7d6d6ed1aefa5c0)
9
- Thanks [@paales](https://github.com/paales)! - Renamed SvgIcon to IconSvg to prevent collisions
10
- with MUI
66
+ - [#1292](https://github.com/ho-nl/m2-pwa/pull/1292) [`5a1ba9e66`](https://github.com/ho-nl/m2-pwa/commit/5a1ba9e664abbac89c4f5f71f7d6d6ed1aefa5c0) Thanks [@paales](https://github.com/paales)! - Renamed SvgIcon to IconSvg to prevent collisions with MUI
11
67
 
12
- - Updated dependencies
13
- [[`5a1ba9e66`](https://github.com/ho-nl/m2-pwa/commit/5a1ba9e664abbac89c4f5f71f7d6d6ed1aefa5c0),
14
- [`990df655b`](https://github.com/ho-nl/m2-pwa/commit/990df655b73b469718d6cb5837ee65dfe2ad6a1d),
15
- [`63f9b56eb`](https://github.com/ho-nl/m2-pwa/commit/63f9b56eb68ba790567ff1427e599fd2c3c8f1ee)]:
68
+ - Updated dependencies [[`5a1ba9e66`](https://github.com/ho-nl/m2-pwa/commit/5a1ba9e664abbac89c4f5f71f7d6d6ed1aefa5c0), [`990df655b`](https://github.com/ho-nl/m2-pwa/commit/990df655b73b469718d6cb5837ee65dfe2ad6a1d), [`63f9b56eb`](https://github.com/ho-nl/m2-pwa/commit/63f9b56eb68ba790567ff1427e599fd2c3c8f1ee)]:
16
69
  - @graphcommerce/magento-cart@4.1.3
17
70
  - @graphcommerce/magento-cart-items@3.0.4
18
71
  - @graphcommerce/magento-customer@4.1.3
@@ -23,13 +76,9 @@
23
76
 
24
77
  ### Patch Changes
25
78
 
26
- - [#1285](https://github.com/ho-nl/m2-pwa/pull/1285)
27
- [`c85294ba6`](https://github.com/ho-nl/m2-pwa/commit/c85294ba6d742ce78c074559a1e95409b25a5017)
28
- Thanks [@paales](https://github.com/paales)! - upgraded dependencies
79
+ - [#1285](https://github.com/ho-nl/m2-pwa/pull/1285) [`c85294ba6`](https://github.com/ho-nl/m2-pwa/commit/c85294ba6d742ce78c074559a1e95409b25a5017) Thanks [@paales](https://github.com/paales)! - upgraded dependencies
29
80
 
30
- - Updated dependencies
31
- [[`ed9703b06`](https://github.com/ho-nl/m2-pwa/commit/ed9703b062d23ee01b1605ff9917c0ac3247fc25),
32
- [`c85294ba6`](https://github.com/ho-nl/m2-pwa/commit/c85294ba6d742ce78c074559a1e95409b25a5017)]:
81
+ - Updated dependencies [[`ed9703b06`](https://github.com/ho-nl/m2-pwa/commit/ed9703b062d23ee01b1605ff9917c0ac3247fc25), [`c85294ba6`](https://github.com/ho-nl/m2-pwa/commit/c85294ba6d742ce78c074559a1e95409b25a5017)]:
33
82
  - @graphcommerce/magento-store@4.1.0
34
83
  - @graphcommerce/magento-product@4.0.4
35
84
  - @graphcommerce/next-ui@4.1.3
@@ -38,18 +87,11 @@
38
87
 
39
88
  ### Patch Changes
40
89
 
41
- - [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96)
42
- Thanks [@paales](https://github.com/paales)! - made packages public
90
+ - [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96) Thanks [@paales](https://github.com/paales)! - made packages public
43
91
 
44
- * [#1278](https://github.com/ho-nl/m2-pwa/pull/1278)
45
- [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20)
46
- Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Upgraded dependencies to the latest version
92
+ * [#1278](https://github.com/ho-nl/m2-pwa/pull/1278) [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Upgraded dependencies to the latest version
47
93
 
48
- * Updated dependencies
49
- [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96),
50
- [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20),
51
- [`3a719c88c`](https://github.com/ho-nl/m2-pwa/commit/3a719c88cad1eab58602de28c41adc0fc4827e1d),
52
- [`5ffcb56bf`](https://github.com/ho-nl/m2-pwa/commit/5ffcb56bfcbe49ebeaf24f9341e819a145ab9a14)]:
94
+ * Updated dependencies [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96), [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20), [`3a719c88c`](https://github.com/ho-nl/m2-pwa/commit/3a719c88cad1eab58602de28c41adc0fc4827e1d), [`5ffcb56bf`](https://github.com/ho-nl/m2-pwa/commit/5ffcb56bfcbe49ebeaf24f9341e819a145ab9a14)]:
53
95
  - @graphcommerce/graphql@3.0.3
54
96
  - @graphcommerce/image@3.1.0
55
97
  - @graphcommerce/magento-cart@4.1.2
@@ -66,35 +108,15 @@
66
108
 
67
109
  ### Patch Changes
68
110
 
69
- - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
70
- [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2)
71
- Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from
72
- `dependencies` to `peerDependencies`. The result of this is that there will be significantly less
73
- duplicate packages in the node_modules folders.
74
-
75
- * [#1274](https://github.com/ho-nl/m2-pwa/pull/1274)
76
- [`b08a8eb1d`](https://github.com/ho-nl/m2-pwa/commit/b08a8eb1d024b9d3e7712ef034029151670db275)
77
- Thanks [@paales](https://github.com/paales)! - Fixed extraction of translations and updated
78
- various translations for english 🇺🇸🇬🇧 and dutch 🇳🇱
79
-
80
- - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
81
- [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)
82
- Thanks [@paales](https://github.com/paales)! - Upgraded to
83
- [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be
84
- implementing
85
- [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta)
86
- soon.
87
-
88
- This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the
89
- frontend to be able to revalidate pages manually.
90
-
91
- - Updated dependencies
92
- [[`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7),
93
- [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
94
- [`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b),
95
- [`b08a8eb1d`](https://github.com/ho-nl/m2-pwa/commit/b08a8eb1d024b9d3e7712ef034029151670db275),
96
- [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d),
97
- [`5a4809b1a`](https://github.com/ho-nl/m2-pwa/commit/5a4809b1a705aa32f620f520085df48ee25f9949)]:
111
+ - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276) [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2) Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from `dependencies` to `peerDependencies`. The result of this is that there will be significantly less duplicate packages in the node_modules folders.
112
+
113
+ * [#1274](https://github.com/ho-nl/m2-pwa/pull/1274) [`b08a8eb1d`](https://github.com/ho-nl/m2-pwa/commit/b08a8eb1d024b9d3e7712ef034029151670db275) Thanks [@paales](https://github.com/paales)! - Fixed extraction of translations and updated various translations for english 🇺🇸🇬🇧 and dutch 🇳🇱
114
+
115
+ - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276) [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d) Thanks [@paales](https://github.com/paales)! - Upgraded to [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be implementing [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta) soon.
116
+
117
+ This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the frontend to be able to revalidate pages manually.
118
+
119
+ - Updated dependencies [[`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7), [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2), [`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b), [`b08a8eb1d`](https://github.com/ho-nl/m2-pwa/commit/b08a8eb1d024b9d3e7712ef034029151670db275), [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d), [`5a4809b1a`](https://github.com/ho-nl/m2-pwa/commit/5a4809b1a705aa32f620f520085df48ee25f9949)]:
98
120
  - @graphcommerce/magento-cart@4.1.1
99
121
  - @graphcommerce/magento-customer@4.1.1
100
122
  - @graphcommerce/next-ui@4.1.1
@@ -111,11 +133,8 @@
111
133
 
112
134
  ### Patch Changes
113
135
 
114
- - [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)
115
- Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files,
116
- so that the packages link to back to the website and repository
117
- - Updated dependencies
118
- [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
136
+ - [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514) Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files, so that the packages link to back to the website and repository
137
+ - Updated dependencies [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
119
138
  - @graphcommerce/graphql@3.0.1
120
139
  - @graphcommerce/image@3.0.1
121
140
  - @graphcommerce/magento-cart@4.0.1
@@ -132,14 +151,11 @@
132
151
 
133
152
  ### Major Changes
134
153
 
135
- - [#1258](https://github.com/ho-nl/m2-pwa/pull/1258)
136
- [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)
137
- Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
154
+ - [#1258](https://github.com/ho-nl/m2-pwa/pull/1258) [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05) Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
138
155
 
139
156
  ### Patch Changes
140
157
 
141
- - Updated dependencies
142
- [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
158
+ - Updated dependencies [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
143
159
  - @graphcommerce/graphql@3.0.0
144
160
  - @graphcommerce/image@3.0.0
145
161
  - @graphcommerce/magento-cart@4.0.0
@@ -152,82 +168,67 @@
152
168
  - @graphcommerce/next-ui@4.0.0
153
169
  - @graphcommerce/react-hook-form@3.0.0
154
170
 
155
- All notable changes to this project will be documented in this file. See
156
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
171
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
157
172
 
158
173
  # [3.6.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@3.5.4...@graphcommerce/magento-product-configurable@3.6.0) (2021-12-01)
159
174
 
160
175
  ### Bug Fixes
161
176
 
162
- - color swatch styling
163
- ([8cc1e2c](https://github.com/ho-nl/m2-pwa/commit/8cc1e2c1dcf58227d50cebca8794e3ca96c4c469))
164
- - prevent layout shift helperText
165
- ([8ed0ad9](https://github.com/ho-nl/m2-pwa/commit/8ed0ad9589b742e456decb9b194091caf60e5db9))
177
+ - color swatch styling ([8cc1e2c](https://github.com/ho-nl/m2-pwa/commit/8cc1e2c1dcf58227d50cebca8794e3ca96c4c469))
178
+ - prevent layout shift helperText ([8ed0ad9](https://github.com/ho-nl/m2-pwa/commit/8ed0ad9589b742e456decb9b194091caf60e5db9))
166
179
 
167
180
  ### Features
168
181
 
169
- - introduce borderRadius
170
- ([183afbc](https://github.com/ho-nl/m2-pwa/commit/183afbc8ee269f6694c372b06afdf41302f86c09))
182
+ - introduce borderRadius ([183afbc](https://github.com/ho-nl/m2-pwa/commit/183afbc8ee269f6694c372b06afdf41302f86c09))
171
183
 
172
184
  # [3.5.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@3.4.7...@graphcommerce/magento-product-configurable@3.5.0) (2021-11-12)
173
185
 
174
186
  ### Features
175
187
 
176
- - added tons of translations
177
- ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
188
+ - added tons of translations ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
178
189
 
179
190
  # [3.4.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@3.3.15...@graphcommerce/magento-product-configurable@3.4.0) (2021-11-09)
180
191
 
181
192
  ### Features
182
193
 
183
- - **configurable-product:** disable invalid product options
184
- ([018a20e](https://github.com/ho-nl/m2-pwa/commit/018a20e1259863549c033dcc5c30deaae6625af9))
194
+ - **configurable-product:** disable invalid product options ([018a20e](https://github.com/ho-nl/m2-pwa/commit/018a20e1259863549c033dcc5c30deaae6625af9))
185
195
 
186
196
  # [3.3.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@3.2.8...@graphcommerce/magento-product-configurable@3.3.0) (2021-11-02)
187
197
 
188
198
  ### Bug Fixes
189
199
 
190
- - darkMode
191
- ([c7573de](https://github.com/ho-nl/m2-pwa/commit/c7573de6bb80643b26931c35ac61735539e7fbf0))
192
- - darkTheme
193
- ([ae017c1](https://github.com/ho-nl/m2-pwa/commit/ae017c1a1e82f86ee5eb2f67106dac8174950c45))
194
- - remove text='bold', make contained button text stronger by default
195
- ([cd277c9](https://github.com/ho-nl/m2-pwa/commit/cd277c9f434a4a765eac372467e5a05c822d5512))
200
+ - darkMode ([c7573de](https://github.com/ho-nl/m2-pwa/commit/c7573de6bb80643b26931c35ac61735539e7fbf0))
201
+ - darkTheme ([ae017c1](https://github.com/ho-nl/m2-pwa/commit/ae017c1a1e82f86ee5eb2f67106dac8174950c45))
202
+ - remove text='bold', make contained button text stronger by default ([cd277c9](https://github.com/ho-nl/m2-pwa/commit/cd277c9f434a4a765eac372467e5a05c822d5512))
196
203
 
197
204
  ### Features
198
205
 
199
- - darkTheme
200
- ([968f4f1](https://github.com/ho-nl/m2-pwa/commit/968f4f1360417bf7daa36454c19e6bc5cf53ae90))
201
- - darkTheme
202
- ([3ed6647](https://github.com/ho-nl/m2-pwa/commit/3ed664714670315bc9f20542549724f66cb5052d))
206
+ - darkTheme ([968f4f1](https://github.com/ho-nl/m2-pwa/commit/968f4f1360417bf7daa36454c19e6bc5cf53ae90))
207
+ - darkTheme ([3ed6647](https://github.com/ho-nl/m2-pwa/commit/3ed664714670315bc9f20542549724f66cb5052d))
203
208
 
204
209
  ## [3.2.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@3.2.2...@graphcommerce/magento-product-configurable@3.2.3) (2021-10-28)
205
210
 
206
211
  ### Bug Fixes
207
212
 
208
- - small design changes
209
- ([d9936e9](https://github.com/ho-nl/m2-pwa/commit/d9936e90baab3694066d73216c9ad2941fdbaaa8))
213
+ - small design changes ([d9936e9](https://github.com/ho-nl/m2-pwa/commit/d9936e90baab3694066d73216c9ad2941fdbaaa8))
210
214
 
211
215
  # [3.2.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@3.1.8...@graphcommerce/magento-product-configurable@3.2.0) (2021-10-27)
212
216
 
213
217
  ### Features
214
218
 
215
- - **nextjs:** upgraded to nextjs 12
216
- ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
219
+ - **nextjs:** upgraded to nextjs 12 ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
217
220
 
218
221
  ## [3.1.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@3.1.1...@graphcommerce/magento-product-configurable@3.1.2) (2021-10-19)
219
222
 
220
223
  ### Bug Fixes
221
224
 
222
- - build didn't succeed because of an unknown prop on MessageSnackbar
223
- ([4def2d1](https://github.com/ho-nl/m2-pwa/commit/4def2d16ad722e9dc9ae0fc63785107df2d83eab))
225
+ - build didn't succeed because of an unknown prop on MessageSnackbar ([4def2d1](https://github.com/ho-nl/m2-pwa/commit/4def2d16ad722e9dc9ae0fc63785107df2d83eab))
224
226
 
225
227
  # [3.1.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@3.0.29...@graphcommerce/magento-product-configurable@3.1.0) (2021-10-18)
226
228
 
227
229
  ### Features
228
230
 
229
- - **message-snackbar:** severity props
230
- ([c7be8a5](https://github.com/ho-nl/m2-pwa/commit/c7be8a51faf7a5937b7fab5bb352df2089ae4eea))
231
+ - **message-snackbar:** severity props ([c7be8a5](https://github.com/ho-nl/m2-pwa/commit/c7be8a51faf7a5937b7fab5bb352df2089ae4eea))
231
232
 
232
233
  ## [3.0.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@3.0.0...@graphcommerce/magento-product-configurable@3.0.1) (2021-09-27)
233
234
 
@@ -237,197 +238,108 @@ All notable changes to this project will be documented in this file. See
237
238
 
238
239
  ### Bug Fixes
239
240
 
240
- - account tweaks
241
- ([26ca295](https://github.com/ho-nl/m2-pwa/commit/26ca2955fe7a3ed509aaa7df98cbb4854d636179))
242
- - add configurable product to cart
243
- ([5b0f6fe](https://github.com/ho-nl/m2-pwa/commit/5b0f6fee6a59ff0b228c47bb124378cd23047adf))
244
- - add correct configurable product to cart
245
- ([0982a6a](https://github.com/ho-nl/m2-pwa/commit/0982a6a548414e2159dab101870f495dffeedda8))
246
- - add error message to configurable product
247
- ([1d0be27](https://github.com/ho-nl/m2-pwa/commit/1d0be2710fbf7e3186d119ccc53606b526858d43))
248
- - add to cart error margin bottom
249
- ([0fa1672](https://github.com/ho-nl/m2-pwa/commit/0fa167258d2eae8199a04035f29858b81df67e6a))
250
- - address fragments
251
- ([96e68c3](https://github.com/ho-nl/m2-pwa/commit/96e68c3f96e40dded50ec5859909a7326b47e37b))
252
- - cart item styling
253
- ([1def7f4](https://github.com/ho-nl/m2-pwa/commit/1def7f49ad4dd621aff6cfd058acc489e522650f))
254
- - category children and swatch renderer
255
- ([1ee008d](https://github.com/ho-nl/m2-pwa/commit/1ee008d9ecf3bf5ec4b2d82243e4bcbbec384411))
256
- - **configurable-product-add-to-cart:** don't show success message when add to cart fails
257
- ([1095581](https://github.com/ho-nl/m2-pwa/commit/10955819d720b84c85b7870dc6cd2d7bc34f7dc5))
258
- - **configurable:** fall back to text swatch when no swatch_data is set
259
- ([8cdc6e6](https://github.com/ho-nl/m2-pwa/commit/8cdc6e61c273601eff8486aecbfc9b9bd6adefad))
260
- - correct pdp swatch selected color
261
- ([d3c9285](https://github.com/ho-nl/m2-pwa/commit/d3c9285fb1ba3a0b99ba52a04b0dda3b5870dede))
262
- - don't show store label if it is the same als the swatch value
263
- ([03d5449](https://github.com/ho-nl/m2-pwa/commit/03d5449e36f70379c2f55d363f0ff382d60f5d64))
264
- - dynamic configurable cart item options
265
- ([d2cc538](https://github.com/ho-nl/m2-pwa/commit/d2cc5383800ca19baa267da7808005c910dfbf62))
266
- - formatting of text swatch label
267
- ([ee8f8fd](https://github.com/ho-nl/m2-pwa/commit/ee8f8fd6351ca82bf1b33514e4b1fcab4a04afa9))
268
- - icon alignments & sizes
269
- ([3b349c9](https://github.com/ho-nl/m2-pwa/commit/3b349c96f08f25cad892cf224ee76e937fb338b8))
270
- - ignore md files from triggering version updates
271
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
272
- - implement next-ui barrel imports
273
- ([75bea70](https://github.com/ho-nl/m2-pwa/commit/75bea703dba898f18a2a1dfa3243ebd0a4e6f0e1))
274
- - make sure an empty cart gets initialized properly
275
- ([12df845](https://github.com/ho-nl/m2-pwa/commit/12df8456117393cc7c387ba6e072190a831b7a58))
276
- - messagesnackbar text alignment
277
- ([1314d64](https://github.com/ho-nl/m2-pwa/commit/1314d642a776707462709df380f6fa7fee40ca9d))
278
- - missing NoOrdersFound export
279
- ([81e1177](https://github.com/ho-nl/m2-pwa/commit/81e1177dfa6347b310ec5cf4a7085edec7c86497))
280
- - **next-ui:** toggle button stylign
281
- ([c806d35](https://github.com/ho-nl/m2-pwa/commit/c806d358aed030c54d568275ee497f8cb9b01359))
282
- - only cart should be fixed on scroll
283
- ([9c8f536](https://github.com/ho-nl/m2-pwa/commit/9c8f5366c53798b377dcf397822b0945774b1dce))
284
- - option list left marge
285
- ([e6603f1](https://github.com/ho-nl/m2-pwa/commit/e6603f197ea1a5583a1874bd11d0984653237cd6))
286
- - optionslist options aligment
287
- ([9c59f98](https://github.com/ho-nl/m2-pwa/commit/9c59f988a52886cfafddbb755a1bae1abb539510))
288
- - paymentDone removed in favor of a more simple clearCart method
289
- ([5314f77](https://github.com/ho-nl/m2-pwa/commit/5314f7752c2f75a55dcd926bfc26607124561e5d))
290
- - price display when selection gets too deep
291
- ([df85ba9](https://github.com/ho-nl/m2-pwa/commit/df85ba98112ed4f12881ae8bfe44cb63503560fe))
292
- - product specs on product pages
293
- ([098798a](https://github.com/ho-nl/m2-pwa/commit/098798aec353a8a571928faae02a303fed395977))
294
- - remove conflicting files
295
- ([0c17ae4](https://github.com/ho-nl/m2-pwa/commit/0c17ae46be62b775ac83b35f11c532ce2d9401a3))
296
- - remove incorrectly cased copy of file
297
- ([8efe3d5](https://github.com/ho-nl/m2-pwa/commit/8efe3d53ab6ee8926791aeb03af0a8647563c3bf))
298
- - remove magento-category package from magento-product solving a circular dependency
299
- ([7379e6e](https://github.com/ho-nl/m2-pwa/commit/7379e6ede4829392b35008c17743181d9cac0636))
300
- - remove popover from configurable cart items
301
- ([90866a0](https://github.com/ho-nl/m2-pwa/commit/90866a07d43fae8fac1c633f123fb4c4d910a2a9))
302
- - rename NextButton to Button, change imports
303
- ([976adb0](https://github.com/ho-nl/m2-pwa/commit/976adb0bf906310d1efce888dcc9be1e28ce0f1b))
304
- - rename optionSectionLabels
305
- ([9aea1bc](https://github.com/ho-nl/m2-pwa/commit/9aea1bc7f12eca93ed5acc7d58ec7376d539a346))
306
- - rename product prop to name
307
- ([9b7ed5a](https://github.com/ho-nl/m2-pwa/commit/9b7ed5a03747211c3f93d2628110ab6bfac4d552))
308
- - since all links are of next/link we need to add passHref for custom components
309
- ([16fb931](https://github.com/ho-nl/m2-pwa/commit/16fb93100d367203ea79bb4f93357221253f2ecd))
310
- - unused swatches should not show up
311
- ([86a06fb](https://github.com/ho-nl/m2-pwa/commit/86a06fb3a7e0232611b8bb4971cadbcfd94ae525))
312
- - update magento-product imports
313
- ([63621b4](https://github.com/ho-nl/m2-pwa/commit/63621b44be7149014f4a5af8ac87ad1c4b0327be))
314
- - use label instead of attribute_code
315
- ([99cecc9](https://github.com/ho-nl/m2-pwa/commit/99cecc9aa5dfa41c7b375cb7e36e0d69fdcf6aed))
316
- - wrong casing
317
- ([ba64fc1](https://github.com/ho-nl/m2-pwa/commit/ba64fc182033b19ce4fc9294bd14eb457de05d48))
318
- - wrong casing
319
- ([1507860](https://github.com/ho-nl/m2-pwa/commit/1507860a0b0917f8a139b17f82b8bf9e03146603))
320
- - yarn workspace packages hot reload
321
- ([d03fc9f](https://github.com/ho-nl/m2-pwa/commit/d03fc9fdda3486476761786f2b56a934cc92befc))
241
+ - account tweaks ([26ca295](https://github.com/ho-nl/m2-pwa/commit/26ca2955fe7a3ed509aaa7df98cbb4854d636179))
242
+ - add configurable product to cart ([5b0f6fe](https://github.com/ho-nl/m2-pwa/commit/5b0f6fee6a59ff0b228c47bb124378cd23047adf))
243
+ - add correct configurable product to cart ([0982a6a](https://github.com/ho-nl/m2-pwa/commit/0982a6a548414e2159dab101870f495dffeedda8))
244
+ - add error message to configurable product ([1d0be27](https://github.com/ho-nl/m2-pwa/commit/1d0be2710fbf7e3186d119ccc53606b526858d43))
245
+ - add to cart error margin bottom ([0fa1672](https://github.com/ho-nl/m2-pwa/commit/0fa167258d2eae8199a04035f29858b81df67e6a))
246
+ - address fragments ([96e68c3](https://github.com/ho-nl/m2-pwa/commit/96e68c3f96e40dded50ec5859909a7326b47e37b))
247
+ - cart item styling ([1def7f4](https://github.com/ho-nl/m2-pwa/commit/1def7f49ad4dd621aff6cfd058acc489e522650f))
248
+ - category children and swatch renderer ([1ee008d](https://github.com/ho-nl/m2-pwa/commit/1ee008d9ecf3bf5ec4b2d82243e4bcbbec384411))
249
+ - **configurable-product-add-to-cart:** don't show success message when add to cart fails ([1095581](https://github.com/ho-nl/m2-pwa/commit/10955819d720b84c85b7870dc6cd2d7bc34f7dc5))
250
+ - **configurable:** fall back to text swatch when no swatch_data is set ([8cdc6e6](https://github.com/ho-nl/m2-pwa/commit/8cdc6e61c273601eff8486aecbfc9b9bd6adefad))
251
+ - correct pdp swatch selected color ([d3c9285](https://github.com/ho-nl/m2-pwa/commit/d3c9285fb1ba3a0b99ba52a04b0dda3b5870dede))
252
+ - don't show store label if it is the same als the swatch value ([03d5449](https://github.com/ho-nl/m2-pwa/commit/03d5449e36f70379c2f55d363f0ff382d60f5d64))
253
+ - dynamic configurable cart item options ([d2cc538](https://github.com/ho-nl/m2-pwa/commit/d2cc5383800ca19baa267da7808005c910dfbf62))
254
+ - formatting of text swatch label ([ee8f8fd](https://github.com/ho-nl/m2-pwa/commit/ee8f8fd6351ca82bf1b33514e4b1fcab4a04afa9))
255
+ - icon alignments & sizes ([3b349c9](https://github.com/ho-nl/m2-pwa/commit/3b349c96f08f25cad892cf224ee76e937fb338b8))
256
+ - ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
257
+ - implement next-ui barrel imports ([75bea70](https://github.com/ho-nl/m2-pwa/commit/75bea703dba898f18a2a1dfa3243ebd0a4e6f0e1))
258
+ - make sure an empty cart gets initialized properly ([12df845](https://github.com/ho-nl/m2-pwa/commit/12df8456117393cc7c387ba6e072190a831b7a58))
259
+ - messagesnackbar text alignment ([1314d64](https://github.com/ho-nl/m2-pwa/commit/1314d642a776707462709df380f6fa7fee40ca9d))
260
+ - missing NoOrdersFound export ([81e1177](https://github.com/ho-nl/m2-pwa/commit/81e1177dfa6347b310ec5cf4a7085edec7c86497))
261
+ - **next-ui:** toggle button stylign ([c806d35](https://github.com/ho-nl/m2-pwa/commit/c806d358aed030c54d568275ee497f8cb9b01359))
262
+ - only cart should be fixed on scroll ([9c8f536](https://github.com/ho-nl/m2-pwa/commit/9c8f5366c53798b377dcf397822b0945774b1dce))
263
+ - option list left marge ([e6603f1](https://github.com/ho-nl/m2-pwa/commit/e6603f197ea1a5583a1874bd11d0984653237cd6))
264
+ - optionslist options aligment ([9c59f98](https://github.com/ho-nl/m2-pwa/commit/9c59f988a52886cfafddbb755a1bae1abb539510))
265
+ - paymentDone removed in favor of a more simple clearCart method ([5314f77](https://github.com/ho-nl/m2-pwa/commit/5314f7752c2f75a55dcd926bfc26607124561e5d))
266
+ - price display when selection gets too deep ([df85ba9](https://github.com/ho-nl/m2-pwa/commit/df85ba98112ed4f12881ae8bfe44cb63503560fe))
267
+ - product specs on product pages ([098798a](https://github.com/ho-nl/m2-pwa/commit/098798aec353a8a571928faae02a303fed395977))
268
+ - remove conflicting files ([0c17ae4](https://github.com/ho-nl/m2-pwa/commit/0c17ae46be62b775ac83b35f11c532ce2d9401a3))
269
+ - remove incorrectly cased copy of file ([8efe3d5](https://github.com/ho-nl/m2-pwa/commit/8efe3d53ab6ee8926791aeb03af0a8647563c3bf))
270
+ - remove magento-category package from magento-product solving a circular dependency ([7379e6e](https://github.com/ho-nl/m2-pwa/commit/7379e6ede4829392b35008c17743181d9cac0636))
271
+ - remove popover from configurable cart items ([90866a0](https://github.com/ho-nl/m2-pwa/commit/90866a07d43fae8fac1c633f123fb4c4d910a2a9))
272
+ - rename NextButton to Button, change imports ([976adb0](https://github.com/ho-nl/m2-pwa/commit/976adb0bf906310d1efce888dcc9be1e28ce0f1b))
273
+ - rename optionSectionLabels ([9aea1bc](https://github.com/ho-nl/m2-pwa/commit/9aea1bc7f12eca93ed5acc7d58ec7376d539a346))
274
+ - rename product prop to name ([9b7ed5a](https://github.com/ho-nl/m2-pwa/commit/9b7ed5a03747211c3f93d2628110ab6bfac4d552))
275
+ - since all links are of next/link we need to add passHref for custom components ([16fb931](https://github.com/ho-nl/m2-pwa/commit/16fb93100d367203ea79bb4f93357221253f2ecd))
276
+ - unused swatches should not show up ([86a06fb](https://github.com/ho-nl/m2-pwa/commit/86a06fb3a7e0232611b8bb4971cadbcfd94ae525))
277
+ - update magento-product imports ([63621b4](https://github.com/ho-nl/m2-pwa/commit/63621b44be7149014f4a5af8ac87ad1c4b0327be))
278
+ - use label instead of attribute_code ([99cecc9](https://github.com/ho-nl/m2-pwa/commit/99cecc9aa5dfa41c7b375cb7e36e0d69fdcf6aed))
279
+ - wrong casing ([ba64fc1](https://github.com/ho-nl/m2-pwa/commit/ba64fc182033b19ce4fc9294bd14eb457de05d48))
280
+ - wrong casing ([1507860](https://github.com/ho-nl/m2-pwa/commit/1507860a0b0917f8a139b17f82b8bf9e03146603))
281
+ - yarn workspace packages hot reload ([d03fc9f](https://github.com/ho-nl/m2-pwa/commit/d03fc9fdda3486476761786f2b56a934cc92befc))
322
282
 
323
283
  ### Features
324
284
 
325
- - add add-to-cart snackbar message
326
- ([0644de5](https://github.com/ho-nl/m2-pwa/commit/0644de5acccada024eda2b5c92b52536a1da5385))
327
- - add add-to-cart snackbar to all products
328
- ([e9570fd](https://github.com/ho-nl/m2-pwa/commit/e9570fdb55331b2a790f8910c0722dba83480f64))
329
- - add barrel file for magento-category
330
- ([c5ba8c9](https://github.com/ho-nl/m2-pwa/commit/c5ba8c98cbb8192f1c1c85242ff6efa83b1fbdcc))
331
- - add barrel file for magento-customer
332
- ([02fb7f0](https://github.com/ho-nl/m2-pwa/commit/02fb7f004de968ee968b00e364b2b370f4f7d4f1))
333
- - add finalprice & as-low-as price to sidebar
334
- ([0c2e8d6](https://github.com/ho-nl/m2-pwa/commit/0c2e8d6a93bb557ad7c0ad417021758f90f112ea))
335
- - add optional end labels for sectionheaders
336
- ([a224170](https://github.com/ho-nl/m2-pwa/commit/a22417047afaa91dc1a337edbc0bdb1ba9c2e248))
337
- - add product review summary to config-product
338
- ([30e17a6](https://github.com/ho-nl/m2-pwa/commit/30e17a6a6c72cb4cc9fb92e9c0f6da2cd346280e))
339
- - add product-review to renderers and products
340
- ([1a9b84b](https://github.com/ho-nl/m2-pwa/commit/1a9b84b6b7de213e82f0c86106eea4b79f38f864))
341
- - add review swatch to grid view
342
- ([6e22427](https://github.com/ho-nl/m2-pwa/commit/6e224276a3253f86f4da028cbd76b29e2e2f7884))
343
- - add sectioncontainer to configurableoptions
344
- ([9ed8419](https://github.com/ho-nl/m2-pwa/commit/9ed841972361cab81699d827ee80cf5dd73c1fd7))
345
- - added PaymentModule API and persistent selection of form fields
346
- ([b67f735](https://github.com/ho-nl/m2-pwa/commit/b67f7358f62edd56a8232d625ecee56af350bfb8))
347
- - barrel files for magento-product pages
348
- ([c8fdcf2](https://github.com/ho-nl/m2-pwa/commit/c8fdcf2f5b98821dffe2c47f5ea4e1847bd3bb1e))
349
- - better 404 handling and simplified getStaticProps
350
- ([321ace1](https://github.com/ho-nl/m2-pwa/commit/321ace1850642ee3eddfa674c37e6fca8adcdb74))
351
- - **cart:** when a cart is not active anymore show a clear cart button
352
- ([5d04a14](https://github.com/ho-nl/m2-pwa/commit/5d04a14726c040b20b34c0b88f923aee1dff22e5))
353
- - configurable product form
354
- ([dae6f10](https://github.com/ho-nl/m2-pwa/commit/dae6f10e4b8655761900c7ce3028605efe8e154a))
355
- - configurable product page
356
- ([486d5b4](https://github.com/ho-nl/m2-pwa/commit/486d5b448b854b5c9482b1313b7888b7f0743502))
357
- - created stacked-pages package
358
- ([d86008e](https://github.com/ho-nl/m2-pwa/commit/d86008ee659ccb25b194a41d624b394a1ddbd088))
359
- - form styling consistency
360
- ([87cba85](https://github.com/ho-nl/m2-pwa/commit/87cba85e828fa42a02dfe74ac841aa2b39a60f4e))
361
- - function to get correct prices for selection
362
- ([569654e](https://github.com/ho-nl/m2-pwa/commit/569654e98147da3f6f26217e70cbc2dbc6b56355))
363
- - **graphql:** introduced new graphql package that holds all generated files
364
- ([a3e7aa0](https://github.com/ho-nl/m2-pwa/commit/a3e7aa05540540533b5ced9a95f1f802ecbe499f))
365
- - groundwork for complete reimplementation of product pages
366
- ([b224da8](https://github.com/ho-nl/m2-pwa/commit/b224da8273eb5c8173ad30d006391b2291331623))
367
- - **image:** introduced completely rewritten Image component
368
- ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
369
- - implemented checkmo payment method
370
- ([18525b2](https://github.com/ho-nl/m2-pwa/commit/18525b2f4efe9bd0eea12a7a992d284f341e0c68))
371
- - introduced magento-product-types package
372
- ([1a0932b](https://github.com/ho-nl/m2-pwa/commit/1a0932b5d882608dcf8fd2e3b17ee9868f5f5776))
373
- - introduces framer-next-pages and framer-sheet to next-ui and soxbase package
374
- ([e04ad8a](https://github.com/ho-nl/m2-pwa/commit/e04ad8a94cd1fd5a7c5575c9db7916b6e8a88f16))
375
- - introducing useAutoSubmit for useForm to handle shipping address step
376
- ([d375a12](https://github.com/ho-nl/m2-pwa/commit/d375a123d5ba88285703fc1706a43c21c5a248d5))
377
- - **magento-graphql:** added core magentoTypePolicies
378
- ([bdf15d0](https://github.com/ho-nl/m2-pwa/commit/bdf15d0d3c04e88339a8385d76f3b1ab9589fde3))
379
- - make action optional in snackbar
380
- ([70cf9a4](https://github.com/ho-nl/m2-pwa/commit/70cf9a456e483040b2aad087a9cc01ecf85fe4c8))
381
- - **next-ui:** SectionContainer/SectionHeader now accepts variantLeft/variantRight as prop
382
- ([a58f8f2](https://github.com/ho-nl/m2-pwa/commit/a58f8f2962e74c9aaa41142524d42d9c8f662b8d))
383
- - next.js 11
384
- ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
385
- - **playwright:** add github action
386
- ([0ef1094](https://github.com/ho-nl/m2-pwa/commit/0ef109400488869b40e1cc973effeb5976a2adb9))
387
- - **playwright:** added new playwright package to enable browser testing
388
- ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
389
- - product delivery component for sidebar
390
- ([caa9809](https://github.com/ho-nl/m2-pwa/commit/caa9809d6c10570cb47e58c5e8191c40f20f1dbe))
391
- - renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of
392
- [@reachdigital](https://github.com/reachdigital)
393
- ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
394
- - schema.org data on products
395
- ([5f158a9](https://github.com/ho-nl/m2-pwa/commit/5f158a93eef2407249b881ec804e45b07b0caab9))
396
- - Setup textswatch to show prices and delivery
397
- ([10eddf9](https://github.com/ho-nl/m2-pwa/commit/10eddf91875265a9ea605d9bca5c29645d66c535))
398
- - svgimage component
399
- ([f369605](https://github.com/ho-nl/m2-pwa/commit/f3696051e381a24c543fd24e199da5b17f9e124f))
400
- - **theme:** restructured fonts and applied to home and category page
401
- ([6adf5f1](https://github.com/ho-nl/m2-pwa/commit/6adf5f11321bdfbf499125f1161c5abf5a1bfe4a))
402
- - **theme:** restructured typography
403
- ([6fcddae](https://github.com/ho-nl/m2-pwa/commit/6fcddae6b1b54d071475c59c80a9f8d8a36294d5))
404
- - upgrade to node 14
405
- ([d079a75](https://github.com/ho-nl/m2-pwa/commit/d079a751e9bfd8dc7f5009d2c9f31c336a0c96ab))
406
- - upgraded to nextjs 11
407
- ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
408
- - useFormMutationCart and simpler imports
409
- ([012f090](https://github.com/ho-nl/m2-pwa/commit/012f090e8f54d09f35d393c61ad1e2319f5a90ff))
410
- - useFormPersist, useFormAutoSubmit, useFormGqlMutation everywhere
411
- ([e591285](https://github.com/ho-nl/m2-pwa/commit/e5912854babee87c8efc5b7c00455d61b301aad3))
285
+ - add add-to-cart snackbar message ([0644de5](https://github.com/ho-nl/m2-pwa/commit/0644de5acccada024eda2b5c92b52536a1da5385))
286
+ - add add-to-cart snackbar to all products ([e9570fd](https://github.com/ho-nl/m2-pwa/commit/e9570fdb55331b2a790f8910c0722dba83480f64))
287
+ - add barrel file for magento-category ([c5ba8c9](https://github.com/ho-nl/m2-pwa/commit/c5ba8c98cbb8192f1c1c85242ff6efa83b1fbdcc))
288
+ - add barrel file for magento-customer ([02fb7f0](https://github.com/ho-nl/m2-pwa/commit/02fb7f004de968ee968b00e364b2b370f4f7d4f1))
289
+ - add finalprice & as-low-as price to sidebar ([0c2e8d6](https://github.com/ho-nl/m2-pwa/commit/0c2e8d6a93bb557ad7c0ad417021758f90f112ea))
290
+ - add optional end labels for sectionheaders ([a224170](https://github.com/ho-nl/m2-pwa/commit/a22417047afaa91dc1a337edbc0bdb1ba9c2e248))
291
+ - add product review summary to config-product ([30e17a6](https://github.com/ho-nl/m2-pwa/commit/30e17a6a6c72cb4cc9fb92e9c0f6da2cd346280e))
292
+ - add product-review to renderers and products ([1a9b84b](https://github.com/ho-nl/m2-pwa/commit/1a9b84b6b7de213e82f0c86106eea4b79f38f864))
293
+ - add review swatch to grid view ([6e22427](https://github.com/ho-nl/m2-pwa/commit/6e224276a3253f86f4da028cbd76b29e2e2f7884))
294
+ - add sectioncontainer to configurableoptions ([9ed8419](https://github.com/ho-nl/m2-pwa/commit/9ed841972361cab81699d827ee80cf5dd73c1fd7))
295
+ - added PaymentModule API and persistent selection of form fields ([b67f735](https://github.com/ho-nl/m2-pwa/commit/b67f7358f62edd56a8232d625ecee56af350bfb8))
296
+ - barrel files for magento-product pages ([c8fdcf2](https://github.com/ho-nl/m2-pwa/commit/c8fdcf2f5b98821dffe2c47f5ea4e1847bd3bb1e))
297
+ - better 404 handling and simplified getStaticProps ([321ace1](https://github.com/ho-nl/m2-pwa/commit/321ace1850642ee3eddfa674c37e6fca8adcdb74))
298
+ - **cart:** when a cart is not active anymore show a clear cart button ([5d04a14](https://github.com/ho-nl/m2-pwa/commit/5d04a14726c040b20b34c0b88f923aee1dff22e5))
299
+ - configurable product form ([dae6f10](https://github.com/ho-nl/m2-pwa/commit/dae6f10e4b8655761900c7ce3028605efe8e154a))
300
+ - configurable product page ([486d5b4](https://github.com/ho-nl/m2-pwa/commit/486d5b448b854b5c9482b1313b7888b7f0743502))
301
+ - created stacked-pages package ([d86008e](https://github.com/ho-nl/m2-pwa/commit/d86008ee659ccb25b194a41d624b394a1ddbd088))
302
+ - form styling consistency ([87cba85](https://github.com/ho-nl/m2-pwa/commit/87cba85e828fa42a02dfe74ac841aa2b39a60f4e))
303
+ - function to get correct prices for selection ([569654e](https://github.com/ho-nl/m2-pwa/commit/569654e98147da3f6f26217e70cbc2dbc6b56355))
304
+ - **graphql:** introduced new graphql package that holds all generated files ([a3e7aa0](https://github.com/ho-nl/m2-pwa/commit/a3e7aa05540540533b5ced9a95f1f802ecbe499f))
305
+ - groundwork for complete reimplementation of product pages ([b224da8](https://github.com/ho-nl/m2-pwa/commit/b224da8273eb5c8173ad30d006391b2291331623))
306
+ - **image:** introduced completely rewritten Image component ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
307
+ - implemented checkmo payment method ([18525b2](https://github.com/ho-nl/m2-pwa/commit/18525b2f4efe9bd0eea12a7a992d284f341e0c68))
308
+ - introduced magento-product-types package ([1a0932b](https://github.com/ho-nl/m2-pwa/commit/1a0932b5d882608dcf8fd2e3b17ee9868f5f5776))
309
+ - introduces framer-next-pages and framer-sheet to next-ui and soxbase package ([e04ad8a](https://github.com/ho-nl/m2-pwa/commit/e04ad8a94cd1fd5a7c5575c9db7916b6e8a88f16))
310
+ - introducing useAutoSubmit for useForm to handle shipping address step ([d375a12](https://github.com/ho-nl/m2-pwa/commit/d375a123d5ba88285703fc1706a43c21c5a248d5))
311
+ - **magento-graphql:** added core magentoTypePolicies ([bdf15d0](https://github.com/ho-nl/m2-pwa/commit/bdf15d0d3c04e88339a8385d76f3b1ab9589fde3))
312
+ - make action optional in snackbar ([70cf9a4](https://github.com/ho-nl/m2-pwa/commit/70cf9a456e483040b2aad087a9cc01ecf85fe4c8))
313
+ - **next-ui:** SectionContainer/SectionHeader now accepts variantLeft/variantRight as prop ([a58f8f2](https://github.com/ho-nl/m2-pwa/commit/a58f8f2962e74c9aaa41142524d42d9c8f662b8d))
314
+ - next.js 11 ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
315
+ - **playwright:** add github action ([0ef1094](https://github.com/ho-nl/m2-pwa/commit/0ef109400488869b40e1cc973effeb5976a2adb9))
316
+ - **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
317
+ - product delivery component for sidebar ([caa9809](https://github.com/ho-nl/m2-pwa/commit/caa9809d6c10570cb47e58c5e8191c40f20f1dbe))
318
+ - renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of [@reachdigital](https://github.com/reachdigital) ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
319
+ - schema.org data on products ([5f158a9](https://github.com/ho-nl/m2-pwa/commit/5f158a93eef2407249b881ec804e45b07b0caab9))
320
+ - Setup textswatch to show prices and delivery ([10eddf9](https://github.com/ho-nl/m2-pwa/commit/10eddf91875265a9ea605d9bca5c29645d66c535))
321
+ - svgimage component ([f369605](https://github.com/ho-nl/m2-pwa/commit/f3696051e381a24c543fd24e199da5b17f9e124f))
322
+ - **theme:** restructured fonts and applied to home and category page ([6adf5f1](https://github.com/ho-nl/m2-pwa/commit/6adf5f11321bdfbf499125f1161c5abf5a1bfe4a))
323
+ - **theme:** restructured typography ([6fcddae](https://github.com/ho-nl/m2-pwa/commit/6fcddae6b1b54d071475c59c80a9f8d8a36294d5))
324
+ - upgrade to node 14 ([d079a75](https://github.com/ho-nl/m2-pwa/commit/d079a751e9bfd8dc7f5009d2c9f31c336a0c96ab))
325
+ - upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
326
+ - useFormMutationCart and simpler imports ([012f090](https://github.com/ho-nl/m2-pwa/commit/012f090e8f54d09f35d393c61ad1e2319f5a90ff))
327
+ - useFormPersist, useFormAutoSubmit, useFormGqlMutation everywhere ([e591285](https://github.com/ho-nl/m2-pwa/commit/e5912854babee87c8efc5b7c00455d61b301aad3))
412
328
 
413
329
  ### Reverts
414
330
 
415
- - Revert "chore: upgrade @apollo/client"
416
- ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
331
+ - Revert "chore: upgrade @apollo/client" ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
417
332
 
418
333
  ## 2.0.8 (2020-10-28)
419
334
 
420
335
  ### Bug Fixes
421
336
 
422
- - make sure themes extensions are found
423
- ([5aa18db](https://github.com/ho-nl/m2-pwa/commit/5aa18db514fd2e2f50681367e39523f8e742ece0))
337
+ - make sure themes extensions are found ([5aa18db](https://github.com/ho-nl/m2-pwa/commit/5aa18db514fd2e2f50681367e39523f8e742ece0))
424
338
 
425
339
  ### Features
426
340
 
427
- - added generated graphql.ts files
428
- ([3e44415](https://github.com/ho-nl/m2-pwa/commit/3e44415b018e74b502e9e98479aa5e84041f337d))
429
- - split into packages
430
- ([2ee7fd6](https://github.com/ho-nl/m2-pwa/commit/2ee7fd6c0056f467d114f04d92c6c0ddf622d151))
341
+ - added generated graphql.ts files ([3e44415](https://github.com/ho-nl/m2-pwa/commit/3e44415b018e74b502e9e98479aa5e84041f337d))
342
+ - split into packages ([2ee7fd6](https://github.com/ho-nl/m2-pwa/commit/2ee7fd6c0056f467d114f04d92c6c0ddf622d151))
431
343
 
432
344
  ### BREAKING CHANGES
433
345
 
@@ -435,15 +347,13 @@ All notable changes to this project will be documented in this file. See
435
347
 
436
348
  # Change Log
437
349
 
438
- All notable changes to this project will be documented in this file. See
439
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
350
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
440
351
 
441
352
  ## [2.103.19](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@2.103.18...@graphcommerce/magento-product-configurable@2.103.19) (2021-09-24)
442
353
 
443
354
  ### Bug Fixes
444
355
 
445
- - remove popover from configurable cart items
446
- ([90866a0](https://github.com/ho-nl/m2-pwa/commit/90866a07d43fae8fac1c633f123fb4c4d910a2a9))
356
+ - remove popover from configurable cart items ([90866a0](https://github.com/ho-nl/m2-pwa/commit/90866a07d43fae8fac1c633f123fb4c4d910a2a9))
447
357
 
448
358
  ## [2.103.7](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@2.103.6...@graphcommerce/magento-product-configurable@2.103.7) (2021-08-17)
449
359
 
@@ -451,81 +361,67 @@ All notable changes to this project will be documented in this file. See
451
361
 
452
362
  ### Bug Fixes
453
363
 
454
- - unused swatches should not show up
455
- ([86a06fb](https://github.com/ho-nl/m2-pwa/commit/86a06fb3a7e0232611b8bb4971cadbcfd94ae525))
364
+ - unused swatches should not show up ([86a06fb](https://github.com/ho-nl/m2-pwa/commit/86a06fb3a7e0232611b8bb4971cadbcfd94ae525))
456
365
 
457
366
  ## [2.103.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@2.103.0...@graphcommerce/magento-product-configurable@2.103.1) (2021-08-12)
458
367
 
459
368
  ### Bug Fixes
460
369
 
461
- - account tweaks
462
- ([26ca295](https://github.com/ho-nl/m2-pwa/commit/26ca2955fe7a3ed509aaa7df98cbb4854d636179))
370
+ - account tweaks ([26ca295](https://github.com/ho-nl/m2-pwa/commit/26ca2955fe7a3ed509aaa7df98cbb4854d636179))
463
371
 
464
372
  # [2.103.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@2.102.3...@graphcommerce/magento-product-configurable@2.103.0) (2021-08-12)
465
373
 
466
374
  ### Features
467
375
 
468
- - upgraded to nextjs 11
469
- ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
376
+ - upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
470
377
 
471
378
  ## [2.102.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@2.102.1...@graphcommerce/magento-product-configurable@2.102.2) (2021-08-09)
472
379
 
473
380
  ### Reverts
474
381
 
475
- - Revert "chore: upgrade @apollo/client"
476
- ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
382
+ - Revert "chore: upgrade @apollo/client" ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
477
383
 
478
384
  # [2.102.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@2.101.6...@graphcommerce/magento-product-configurable@2.102.0) (2021-08-06)
479
385
 
480
386
  ### Features
481
387
 
482
- - **theme:** restructured fonts and applied to home and category page
483
- ([6adf5f1](https://github.com/ho-nl/m2-pwa/commit/6adf5f11321bdfbf499125f1161c5abf5a1bfe4a))
484
- - **theme:** restructured typography
485
- ([6fcddae](https://github.com/ho-nl/m2-pwa/commit/6fcddae6b1b54d071475c59c80a9f8d8a36294d5))
388
+ - **theme:** restructured fonts and applied to home and category page ([6adf5f1](https://github.com/ho-nl/m2-pwa/commit/6adf5f11321bdfbf499125f1161c5abf5a1bfe4a))
389
+ - **theme:** restructured typography ([6fcddae](https://github.com/ho-nl/m2-pwa/commit/6fcddae6b1b54d071475c59c80a9f8d8a36294d5))
486
390
 
487
391
  ## [2.101.5](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@2.101.4...@graphcommerce/magento-product-configurable@2.101.5) (2021-08-03)
488
392
 
489
393
  ### Bug Fixes
490
394
 
491
- - remove magento-category package from magento-product solving a circular dependency
492
- ([7379e6e](https://github.com/ho-nl/m2-pwa/commit/7379e6ede4829392b35008c17743181d9cac0636))
395
+ - remove magento-category package from magento-product solving a circular dependency ([7379e6e](https://github.com/ho-nl/m2-pwa/commit/7379e6ede4829392b35008c17743181d9cac0636))
493
396
 
494
397
  ## [2.101.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@2.101.2...@graphcommerce/magento-product-configurable@2.101.3) (2021-07-29)
495
398
 
496
399
  ### Bug Fixes
497
400
 
498
- - paymentDone removed in favor of a more simple clearCart method
499
- ([5314f77](https://github.com/ho-nl/m2-pwa/commit/5314f7752c2f75a55dcd926bfc26607124561e5d))
401
+ - paymentDone removed in favor of a more simple clearCart method ([5314f77](https://github.com/ho-nl/m2-pwa/commit/5314f7752c2f75a55dcd926bfc26607124561e5d))
500
402
 
501
403
  # [2.101.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@2.100.20...@graphcommerce/magento-product-configurable@2.101.0) (2021-07-26)
502
404
 
503
405
  ### Features
504
406
 
505
- - **playwright:** add github action
506
- ([0ef1094](https://github.com/ho-nl/m2-pwa/commit/0ef109400488869b40e1cc973effeb5976a2adb9))
507
- - **playwright:** added new playwright package to enable browser testing
508
- ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
407
+ - **playwright:** add github action ([0ef1094](https://github.com/ho-nl/m2-pwa/commit/0ef109400488869b40e1cc973effeb5976a2adb9))
408
+ - **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
509
409
 
510
410
  ## [2.100.18](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@2.100.17...@graphcommerce/magento-product-configurable@2.100.18) (2021-07-23)
511
411
 
512
412
  ### Bug Fixes
513
413
 
514
- - missing NoOrdersFound export
515
- ([81e1177](https://github.com/ho-nl/m2-pwa/commit/81e1177dfa6347b310ec5cf4a7085edec7c86497))
414
+ - missing NoOrdersFound export ([81e1177](https://github.com/ho-nl/m2-pwa/commit/81e1177dfa6347b310ec5cf4a7085edec7c86497))
516
415
 
517
416
  ## [2.100.12](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@2.100.11...@graphcommerce/magento-product-configurable@2.100.12) (2021-07-20)
518
417
 
519
418
  ### Bug Fixes
520
419
 
521
- - only cart should be fixed on scroll
522
- ([9c8f536](https://github.com/ho-nl/m2-pwa/commit/9c8f5366c53798b377dcf397822b0945774b1dce))
420
+ - only cart should be fixed on scroll ([9c8f536](https://github.com/ho-nl/m2-pwa/commit/9c8f5366c53798b377dcf397822b0945774b1dce))
523
421
 
524
422
  ## [2.100.11](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-configurable@2.100.10...@graphcommerce/magento-product-configurable@2.100.11) (2021-07-20)
525
423
 
526
424
  ### Bug Fixes
527
425
 
528
- - **configurable-product-add-to-cart:** don't show success message when add to cart fails
529
- ([1095581](https://github.com/ho-nl/m2-pwa/commit/10955819d720b84c85b7870dc6cd2d7bc34f7dc5))
530
- - ignore md files from triggering version updates
531
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
426
+ - **configurable-product-add-to-cart:** don't show success message when add to cart fails ([1095581](https://github.com/ho-nl/m2-pwa/commit/10955819d720b84c85b7870dc6cd2d7bc34f7dc5))
427
+ - ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
package/ConfigurableCartItem/{index.tsx → ConfigurableCartItem.tsx} RENAMED
@@ -1,8 +1,8 @@
1
1
  import { CartItem, CartItemProps } from '@graphcommerce/magento-cart-items'
2
2
  import { ConfigurableCartItemFragment } from './ConfigurableCartItem.gql'
3
- import OptionsList from './OptionsList'
3
+ import { OptionsList } from './OptionsList'
4
4
 
5
- export default function ConfigurableCartItem(props: ConfigurableCartItemFragment & CartItemProps) {
5
+ export function ConfigurableCartItem(props: ConfigurableCartItemFragment & CartItemProps) {
6
6
  const { configurable_options, ...cartItemProps } = props
7
7
  return (
8
8
  <CartItem {...cartItemProps} withOptions>
package/ConfigurableCartItem/OptionsList.tsx CHANGED
@@ -10,7 +10,7 @@ const name = 'ColorSwatchData' as const
10
10
  const parts = ['root', 'option'] as const
11
11
  const { classes } = extendableComponent(name, parts)
12
12
 
13
- export default function OptionsList(props: CartItemOptionsListProps) {
13
+ export function OptionsList(props: CartItemOptionsListProps) {
14
14
  const { configurable_options, sx = [] } = props
15
15
 
16
16
  return (
package/ConfigurableContext/{index.tsx → ConfigurableContext.tsx} RENAMED
@@ -7,10 +7,9 @@ import {
7
7
  Dispatch,
8
8
  SetStateAction,
9
9
  useMemo,
10
+ useCallback,
10
11
  } from 'react'
11
12
  import { ConfigurableProductFormFragment } from './ConfigurableProductForm.gql'
12
-
13
- // todo: fix dependency cycle
14
13
  import cheapestVariant from './cheapestVariant'
15
14
 
16
15
  type ConfigurableProductFormProps = ConfigurableProductFormFragment & { sku: string }
@@ -115,7 +114,7 @@ function traverseAttrTree(selection: Selected, attrTree: AttributeTree | undefin
115
114
  return variantList
116
115
  }
117
116
 
118
- export default function ConfigurableContextProvider(
117
+ export function ConfigurableContextProvider(
119
118
  props: PropsWithChildren<ConfigurableProductFormProps>,
120
119
  ) {
121
120
  const { children, sku, configurable_options, variants: providedVariants } = props
@@ -129,31 +128,36 @@ export default function ConfigurableContextProvider(
129
128
  [configurable_options, providedVariants],
130
129
  )
131
130
 
132
- const getVariants: GetVariants = (options: Selected = {}) => traverseAttrTree(options, lookupTree)
131
+ const getVariants: GetVariants = useCallback(
132
+ (options: Selected = {}) => traverseAttrTree(options, lookupTree),
133
+ [lookupTree],
134
+ )
133
135
 
134
- const getUids: GetUids = (options: Selected = {}) =>
135
- (getVariants(options as unknown as Selected) ?? [])
136
- .map((variant) => (variant?.attributes?.map((attr) => attr?.uid) ?? []) as string[])
137
- .flat()
136
+ const getUids: GetUids = useCallback(
137
+ (options: Selected = {}) =>
138
+ (getVariants(options as unknown as Selected) ?? [])
139
+ .map((variant) => (variant?.attributes?.map((attr) => attr?.uid) ?? []) as string[])
140
+ .flat(),
141
+ [getVariants],
142
+ )
138
143
 
139
144
  const context = configurableContext(sku)
140
145
  const variants = getVariants(selection)
141
146
 
142
- return (
143
- <context.Provider
144
- value={{
145
- selection,
146
- variants,
147
- cheapest: cheapestVariant(variants),
148
- select,
149
- getVariants,
150
- getUids,
151
- options: configurable_options,
152
- }}
153
- >
154
- {children}
155
- </context.Provider>
147
+ const value = useMemo(
148
+ () => ({
149
+ selection,
150
+ variants,
151
+ cheapest: cheapestVariant(variants),
152
+ select,
153
+ getVariants,
154
+ getUids,
155
+ options: configurable_options,
156
+ }),
157
+ [configurable_options, getUids, getVariants, selection, variants],
156
158
  )
159
+
160
+ return <context.Provider value={value}>{children}</context.Provider>
157
161
  }
158
162
 
159
163
  export function useConfigurableContext(sku: string): ConfigurableContext {
package/ConfigurableContext/cheapestVariant.ts CHANGED
@@ -1,4 +1,6 @@
1
- import { Variants } from '.'
1
+ import { ConfigurableProductFormFragment } from './ConfigurableProductForm.gql'
2
+
3
+ type Variants = NonNullable<ConfigurableProductFormFragment['variants']>
2
4
 
3
5
  export default function cheapestVariant(variants: Variants): Variants[0] {
4
6
  if (!variants.length) return null
package/ConfigurableOptions/{index.tsx → ConfigurableOptions.tsx} RENAMED
@@ -8,16 +8,17 @@ import {
8
8
  import { Controller, FieldErrors, UseControllerProps } from '@graphcommerce/react-hook-form'
9
9
  import { BaseTextFieldProps, FormHelperText } from '@mui/material'
10
10
  import React from 'react'
11
- import { Selected, useConfigurableContext } from '../ConfigurableContext'
12
- import { SwatchTypeRenderer, SwatchSize } from '../Swatches'
11
+ import { Selected, useConfigurableContext } from '../ConfigurableContext/ConfigurableContext'
13
12
  import { ColorSwatchData } from '../Swatches/ColorSwatchData'
14
13
  import { ImageSwatchData } from '../Swatches/ImageSwatchData'
15
14
  import { TextSwatchData } from '../Swatches/TextSwatchData'
15
+ import { SwatchTypeRenderer, SwatchSize } from '../Swatches/types'
16
16
 
17
17
  export type ConfigurableOptionsInputProps = {
18
18
  sku: string
19
19
  errors?: FieldErrors
20
20
  size?: SwatchSize
21
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
21
22
  } & UseControllerProps<any> &
22
23
  Pick<BaseTextFieldProps, 'FormHelperTextProps' | 'helperText'> & {
23
24
  optionEndLabels?: Record<string, React.ReactNode>
@@ -29,7 +30,7 @@ const compName = 'ConfigurableOptionsInput' as const
29
30
  const parts = ['buttonGroup', 'button', 'helperText'] as const
30
31
  const { classes } = extendableComponent(compName, parts)
31
32
 
32
- export default function ConfigurableOptionsInput(props: ConfigurableOptionsInputProps) {
33
+ export function ConfigurableOptionsInput(props: ConfigurableOptionsInputProps) {
33
34
  const {
34
35
  sku,
35
36
  FormHelperTextProps,
package/ConfigurableProductAddToCart/ConfigurableProductAddToCart.tsx CHANGED
@@ -14,9 +14,12 @@ import { Divider, Typography, Alert, Box } from '@mui/material'
14
14
  import { AnimatePresence } from 'framer-motion'
15
15
  import PageLink from 'next/link'
16
16
  import React from 'react'
17
- import { Selected, useConfigurableContext } from '../ConfigurableContext'
17
+ import { Selected, useConfigurableContext } from '../ConfigurableContext/ConfigurableContext'
18
18
  import cheapestVariant from '../ConfigurableContext/cheapestVariant'
19
- import ConfigurableOptionsInput, { ConfigurableOptionsInputProps } from '../ConfigurableOptions'
19
+ import {
20
+ ConfigurableOptionsInput,
21
+ ConfigurableOptionsInputProps,
22
+ } from '../ConfigurableOptions/ConfigurableOptions'
20
23
  import {
21
24
  ConfigurableProductAddToCartDocument,
22
25
  ConfigurableProductAddToCartMutationVariables,
@@ -37,7 +40,7 @@ const compName = 'ConfigurableOptionsInput' as const
37
40
  const parts = ['form', 'button', 'finalPrice', 'quantity', 'divider'] as const
38
41
  const { classes } = extendableComponent(compName, parts)
39
42
 
40
- export default function ConfigurableProductAddToCart(props: ConfigurableProductAddToCartProps) {
43
+ export function ConfigurableProductAddToCart(props: ConfigurableProductAddToCartProps) {
41
44
  const { name, children, variables, optionEndLabels, optionsProps, ...buttonProps } = props
42
45
  const { getUids, getVariants, selection } = useConfigurableContext(variables.sku)
43
46
 
package/ProductListItemConfigurable.tsx CHANGED
@@ -7,7 +7,7 @@ import {
7
7
  } from '@graphcommerce/magento-product'
8
8
  import React from 'react'
9
9
  import { ProductListItemConfigurableFragment } from './ProductListItemConfigurable.gql'
10
- import SwatchList from './SwatchList'
10
+ import { SwatchList } from './SwatchList'
11
11
 
12
12
  export type ProductListItemConfigurableActionProps = ProductListItemConfigurableFragment & {
13
13
  variant?: NonNullable<ProductListItemConfigurableFragment['variants']>[0]
@@ -19,7 +19,7 @@ export type ProdustListItemConfigurableProps = ProductListItemConfigurableFragme
19
19
  swatchLocations?: Record<OverlayAreaKeys, string[]>
20
20
  }
21
21
 
22
- export default function ProductListItemConfigurable(props: ProdustListItemConfigurableProps) {
22
+ export function ProductListItemConfigurable(props: ProdustListItemConfigurableProps) {
23
23
  const {
24
24
  Actions,
25
25
  variants,
@@ -38,8 +38,9 @@ export default function ProductListItemConfigurable(props: ProdustListItemConfig
38
38
  configurable_options
39
39
  ?.filter(
40
40
  (option) =>
41
- params.filters[option?.attribute_code ?? ''] &&
42
- isFilterTypeEqual(params.filters[option?.attribute_code ?? '']),
41
+ option?.attribute_code &&
42
+ params.filters[option.attribute_code] &&
43
+ isFilterTypeEqual(params.filters[option.attribute_code]),
43
44
  )
44
45
  .map((option) => {
45
46
  const filter = params.filters[option?.attribute_code ?? '']
package/SwatchList.tsx CHANGED
@@ -2,10 +2,10 @@ import { Maybe } from '@graphcommerce/graphql'
2
2
  import { RenderType } from '@graphcommerce/next-ui'
3
3
  import React from 'react'
4
4
  import { ProductListItemConfigurableFragment } from './ProductListItemConfigurable.gql'
5
- import { SwatchSize, SwatchTypeRenderer } from './Swatches'
6
5
  import { ColorSwatchData } from './Swatches/ColorSwatchData'
7
6
  import { ImageSwatchData } from './Swatches/ImageSwatchData'
8
7
  import { TextSwatchData } from './Swatches/TextSwatchData'
8
+ import { SwatchSize, SwatchTypeRenderer } from './Swatches/types'
9
9
 
10
10
  type SwatchListProps = {
11
11
  attributes: string[]
@@ -18,7 +18,7 @@ const renderer: SwatchTypeRenderer = {
18
18
  ColorSwatchData,
19
19
  }
20
20
 
21
- export default function SwatchList({ attributes, configurable_options }: SwatchListProps) {
21
+ export function SwatchList({ attributes, configurable_options }: SwatchListProps) {
22
22
  const options =
23
23
  configurable_options?.filter((option) => attributes.includes(option?.attribute_code ?? '')) ??
24
24
  []
package/Swatches/ColorSwatchData.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import { responsiveVal, extendableComponent } from '@graphcommerce/next-ui'
2
2
  import { Box, SxProps, Theme } from '@mui/material'
3
3
  import { ColorSwatchDataFragment } from './ColorSwatchData.gql'
4
- import { SwatchDataProps } from '.'
4
+ import { SwatchDataProps } from './types'
5
5
 
6
6
  type ColorSwatchDataProps = ColorSwatchDataFragment &
7
7
  SwatchDataProps & {
package/Swatches/ImageSwatchData.tsx CHANGED
@@ -2,7 +2,7 @@ import { Image } from '@graphcommerce/image'
2
2
  import { responsiveVal, extendableComponent } from '@graphcommerce/next-ui'
3
3
  import { Box, SxProps, Theme } from '@mui/material'
4
4
  import { ImageSwatchDataFragment } from './ImageSwatchData.gql'
5
- import { SwatchDataProps } from '.'
5
+ import { SwatchDataProps } from './types'
6
6
 
7
7
  type ImageSwatchDataProps = ImageSwatchDataFragment & SwatchDataProps & { sx?: SxProps<Theme> }
8
8
 
package/Swatches/TextSwatchData.tsx CHANGED
@@ -2,7 +2,7 @@ import { Money } from '@graphcommerce/magento-store'
2
2
  import { extendableComponent } from '@graphcommerce/next-ui'
3
3
  import { Box, SxProps, Theme } from '@mui/material'
4
4
  import { TextSwatchDataFragment } from './TextSwatchData.gql'
5
- import { SwatchDataProps } from '.'
5
+ import { SwatchDataProps } from './types'
6
6
 
7
7
  type TextSwatchDataProps = TextSwatchDataFragment & SwatchDataProps & { sx?: SxProps<Theme> }
8
8
 
package/Swatches/{index.tsx → types.ts} RENAMED
File without changes
package/index.ts CHANGED
@@ -1,6 +1,5 @@
1
- export { default as ProductListItemConfigurable } from './ProductListItemConfigurable'
2
- export { default as ConfigurableCartItem } from './ConfigurableCartItem'
3
- export { default as ConfigurableContextProvider } from './ConfigurableContext'
4
-
5
- export { default as ConfigurableProductAddToCart } from './ConfigurableProductAddToCart/ConfigurableProductAddToCart'
1
+ export * from './ConfigurableCartItem/ConfigurableCartItem'
2
+ export * from './ConfigurableContext/ConfigurableContext'
3
+ export * from './ConfigurableProductAddToCart/ConfigurableProductAddToCart'
6
4
  export * from './ConfigurableProductPage.gql'
5
+ export * from './ProductListItemConfigurable'
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/magento-product-configurable",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "4.0.5",
5
+ "version": "4.0.8",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -12,31 +12,30 @@
12
12
  }
13
13
  },
14
14
  "devDependencies": {
15
- "@graphcommerce/eslint-config-pwa": "^4.0.4",
16
- "@graphcommerce/prettier-config-pwa": "^4.0.2",
15
+ "@graphcommerce/eslint-config-pwa": "^4.1.4",
16
+ "@graphcommerce/prettier-config-pwa": "^4.0.5",
17
17
  "@graphcommerce/typescript-config-pwa": "^4.0.2",
18
- "@playwright/test": "^1.19.1",
19
- "react": "^17.0.1"
18
+ "@playwright/test": "^1.20.1",
19
+ "type-fest": "2.12.1"
20
20
  },
21
21
  "dependencies": {
22
- "@graphcommerce/graphql": "^3.0.3",
23
- "@graphcommerce/image": "^3.1.0",
24
- "@graphcommerce/magento-cart": "^4.1.3",
25
- "@graphcommerce/magento-cart-items": "^3.0.4",
26
- "@graphcommerce/magento-category": "^4.0.3",
27
- "@graphcommerce/magento-customer": "^4.1.3",
28
- "@graphcommerce/magento-product": "^4.0.5",
29
- "@graphcommerce/magento-product-simple": "^4.0.3",
30
- "@graphcommerce/magento-store": "^4.1.0",
31
- "@graphcommerce/next-ui": "^4.2.0",
32
- "@graphcommerce/react-hook-form": "^3.0.3",
33
- "type-fest": "^2.12.0"
22
+ "@graphcommerce/graphql": "3.0.7",
23
+ "@graphcommerce/image": "3.1.3",
24
+ "@graphcommerce/magento-cart": "4.2.3",
25
+ "@graphcommerce/magento-cart-items": "3.0.7",
26
+ "@graphcommerce/magento-category": "4.0.7",
27
+ "@graphcommerce/magento-customer": "4.2.1",
28
+ "@graphcommerce/magento-product": "4.1.4",
29
+ "@graphcommerce/magento-product-simple": "4.0.6",
30
+ "@graphcommerce/magento-store": "4.1.5",
31
+ "@graphcommerce/next-ui": "4.5.1",
32
+ "@graphcommerce/react-hook-form": "3.0.7"
34
33
  },
35
34
  "peerDependencies": {
36
35
  "@lingui/macro": "^3.13.2",
37
- "@mui/material": "^5.4.1",
36
+ "@mui/material": "5.5.3",
38
37
  "framer-motion": "^6.2.4",
39
- "next": "^12.0.10",
38
+ "next": "12.1.2",
40
39
  "react": "^17.0.2",
41
40
  "react-dom": "^17.0.2"
42
41
  }
package/{_playwright/addConfigurableProductToCart.spec.ts → test/addConfigurableProductToCart.playwright.ts} RENAMED
@@ -1,9 +1,13 @@
1
- import { test } from '@graphcommerce/magento-product/_playwright/productURL.fixture'
1
+ import { test } from '@graphcommerce/magento-product/test/productURL.fixture'
2
2
  import { expect } from '@playwright/test'
3
3
  import { addConfigurableProductToCart } from './addConfigurableProductToCart'
4
4
 
5
5
  test('add configurable to cart', async ({ page, productURL }) => {
6
6
  expect(productURL.ConfigurableProduct).toBeDefined()
7
7
  await addConfigurableProductToCart(page, productURL.ConfigurableProduct)
8
+
8
9
  expect(await page.waitForSelector('text=has been added to your shopping cart')).toBeDefined()
10
+
11
+ await Promise.all([page.waitForNavigation(), page.locator('text=View shopping cart').click()])
12
+ expect(await page.locator('h1:has-text("Cart Total")').innerText()).toBeDefined()
9
13
  })
package/{_playwright → test}/addConfigurableProductToCart.ts RENAMED
@@ -1,4 +1,4 @@
1
- import { waitForGraphQlResponse } from '@graphcommerce/graphql/_playwright/apolloClient.fixture'
1
+ import { waitForGraphQlResponse } from '@graphcommerce/graphql/test/apolloClient.fixture'
2
2
  import { CreateEmptyCartDocument } from '@graphcommerce/magento-cart/hooks/CreateEmptyCart.gql'
3
3
  import { Page, expect } from '@playwright/test'
4
4
  import { ConfigurableProductAddToCartDocument } from '../ConfigurableProductAddToCart/ConfigurableProductAddToCart.gql'