@graphcommerce/magento-product-configurable 4.0.4 → 4.0.7

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 +190 -294
  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 +8 -5
  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 +16 -17
  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,16 +1,65 @@
1
1
  # Change Log
2
2
 
3
+ ## 4.0.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [#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
8
+
9
+ - 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)]:
10
+ - @graphcommerce/graphql@3.0.6
11
+ - @graphcommerce/next-ui@4.5.0
12
+ - @graphcommerce/image@3.1.2
13
+ - @graphcommerce/magento-cart@4.2.2
14
+ - @graphcommerce/magento-cart-items@3.0.6
15
+ - @graphcommerce/magento-category@4.0.6
16
+ - @graphcommerce/magento-customer@4.2.0
17
+ - @graphcommerce/magento-product@4.1.3
18
+ - @graphcommerce/magento-product-simple@4.0.5
19
+ - @graphcommerce/magento-store@4.1.4
20
+ - @graphcommerce/react-hook-form@3.0.6
21
+
22
+ ## 4.0.6
23
+
24
+ ### Patch Changes
25
+
26
+ - [#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.
27
+
28
+ * [#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
29
+
30
+ * 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)]:
31
+ - @graphcommerce/next-ui@4.2.4
32
+ - @graphcommerce/graphql@3.0.4
33
+ - @graphcommerce/image@3.1.1
34
+ - @graphcommerce/magento-cart@4.1.4
35
+ - @graphcommerce/magento-cart-items@3.0.5
36
+ - @graphcommerce/magento-category@4.0.4
37
+ - @graphcommerce/magento-customer@4.1.4
38
+ - @graphcommerce/magento-product@4.0.6
39
+ - @graphcommerce/magento-product-simple@4.0.4
40
+ - @graphcommerce/magento-store@4.1.2
41
+ - @graphcommerce/react-hook-form@3.0.4
42
+
43
+ ## 4.0.5
44
+
45
+ ### Patch Changes
46
+
47
+ - [#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
48
+
49
+ - 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)]:
50
+ - @graphcommerce/magento-cart@4.1.3
51
+ - @graphcommerce/magento-cart-items@3.0.4
52
+ - @graphcommerce/magento-customer@4.1.3
53
+ - @graphcommerce/magento-product@4.0.5
54
+ - @graphcommerce/next-ui@4.2.0
55
+
3
56
  ## 4.0.4
4
57
 
5
58
  ### Patch Changes
6
59
 
7
- - [#1285](https://github.com/ho-nl/m2-pwa/pull/1285)
8
- [`c85294ba6`](https://github.com/ho-nl/m2-pwa/commit/c85294ba6d742ce78c074559a1e95409b25a5017)
9
- Thanks [@paales](https://github.com/paales)! - upgraded dependencies
60
+ - [#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
10
61
 
11
- - Updated dependencies
12
- [[`ed9703b06`](https://github.com/ho-nl/m2-pwa/commit/ed9703b062d23ee01b1605ff9917c0ac3247fc25),
13
- [`c85294ba6`](https://github.com/ho-nl/m2-pwa/commit/c85294ba6d742ce78c074559a1e95409b25a5017)]:
62
+ - Updated dependencies [[`ed9703b06`](https://github.com/ho-nl/m2-pwa/commit/ed9703b062d23ee01b1605ff9917c0ac3247fc25), [`c85294ba6`](https://github.com/ho-nl/m2-pwa/commit/c85294ba6d742ce78c074559a1e95409b25a5017)]:
14
63
  - @graphcommerce/magento-store@4.1.0
15
64
  - @graphcommerce/magento-product@4.0.4
16
65
  - @graphcommerce/next-ui@4.1.3
@@ -19,18 +68,11 @@
19
68
 
20
69
  ### Patch Changes
21
70
 
22
- - [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96)
23
- Thanks [@paales](https://github.com/paales)! - made packages public
71
+ - [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96) Thanks [@paales](https://github.com/paales)! - made packages public
24
72
 
25
- * [#1278](https://github.com/ho-nl/m2-pwa/pull/1278)
26
- [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20)
27
- Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Upgraded dependencies to the latest version
73
+ * [#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
28
74
 
29
- * Updated dependencies
30
- [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96),
31
- [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20),
32
- [`3a719c88c`](https://github.com/ho-nl/m2-pwa/commit/3a719c88cad1eab58602de28c41adc0fc4827e1d),
33
- [`5ffcb56bf`](https://github.com/ho-nl/m2-pwa/commit/5ffcb56bfcbe49ebeaf24f9341e819a145ab9a14)]:
75
+ * 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)]:
34
76
  - @graphcommerce/graphql@3.0.3
35
77
  - @graphcommerce/image@3.1.0
36
78
  - @graphcommerce/magento-cart@4.1.2
@@ -47,35 +89,15 @@
47
89
 
48
90
  ### Patch Changes
49
91
 
50
- - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
51
- [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2)
52
- Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from
53
- `dependencies` to `peerDependencies`. The result of this is that there will be significantly less
54
- duplicate packages in the node_modules folders.
55
-
56
- * [#1274](https://github.com/ho-nl/m2-pwa/pull/1274)
57
- [`b08a8eb1d`](https://github.com/ho-nl/m2-pwa/commit/b08a8eb1d024b9d3e7712ef034029151670db275)
58
- Thanks [@paales](https://github.com/paales)! - Fixed extraction of translations and updated
59
- various translations for english 🇺🇸🇬🇧 and dutch 🇳🇱
60
-
61
- - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
62
- [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)
63
- Thanks [@paales](https://github.com/paales)! - Upgraded to
64
- [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be
65
- implementing
66
- [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta)
67
- soon.
68
-
69
- This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the
70
- frontend to be able to revalidate pages manually.
71
-
72
- - Updated dependencies
73
- [[`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7),
74
- [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
75
- [`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b),
76
- [`b08a8eb1d`](https://github.com/ho-nl/m2-pwa/commit/b08a8eb1d024b9d3e7712ef034029151670db275),
77
- [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d),
78
- [`5a4809b1a`](https://github.com/ho-nl/m2-pwa/commit/5a4809b1a705aa32f620f520085df48ee25f9949)]:
92
+ - [#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.
93
+
94
+ * [#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 🇳🇱
95
+
96
+ - [#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.
97
+
98
+ 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.
99
+
100
+ - 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)]:
79
101
  - @graphcommerce/magento-cart@4.1.1
80
102
  - @graphcommerce/magento-customer@4.1.1
81
103
  - @graphcommerce/next-ui@4.1.1
@@ -92,11 +114,8 @@
92
114
 
93
115
  ### Patch Changes
94
116
 
95
- - [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)
96
- Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files,
97
- so that the packages link to back to the website and repository
98
- - Updated dependencies
99
- [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
117
+ - [`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
118
+ - Updated dependencies [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
100
119
  - @graphcommerce/graphql@3.0.1
101
120
  - @graphcommerce/image@3.0.1
102
121
  - @graphcommerce/magento-cart@4.0.1
@@ -113,14 +132,11 @@
113
132
 
114
133
  ### Major Changes
115
134
 
116
- - [#1258](https://github.com/ho-nl/m2-pwa/pull/1258)
117
- [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)
118
- Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
135
+ - [#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
119
136
 
120
137
  ### Patch Changes
121
138
 
122
- - Updated dependencies
123
- [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
139
+ - Updated dependencies [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
124
140
  - @graphcommerce/graphql@3.0.0
125
141
  - @graphcommerce/image@3.0.0
126
142
  - @graphcommerce/magento-cart@4.0.0
@@ -133,82 +149,67 @@
133
149
  - @graphcommerce/next-ui@4.0.0
134
150
  - @graphcommerce/react-hook-form@3.0.0
135
151
 
136
- All notable changes to this project will be documented in this file. See
137
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
152
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
138
153
 
139
154
  # [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)
140
155
 
141
156
  ### Bug Fixes
142
157
 
143
- - color swatch styling
144
- ([8cc1e2c](https://github.com/ho-nl/m2-pwa/commit/8cc1e2c1dcf58227d50cebca8794e3ca96c4c469))
145
- - prevent layout shift helperText
146
- ([8ed0ad9](https://github.com/ho-nl/m2-pwa/commit/8ed0ad9589b742e456decb9b194091caf60e5db9))
158
+ - color swatch styling ([8cc1e2c](https://github.com/ho-nl/m2-pwa/commit/8cc1e2c1dcf58227d50cebca8794e3ca96c4c469))
159
+ - prevent layout shift helperText ([8ed0ad9](https://github.com/ho-nl/m2-pwa/commit/8ed0ad9589b742e456decb9b194091caf60e5db9))
147
160
 
148
161
  ### Features
149
162
 
150
- - introduce borderRadius
151
- ([183afbc](https://github.com/ho-nl/m2-pwa/commit/183afbc8ee269f6694c372b06afdf41302f86c09))
163
+ - introduce borderRadius ([183afbc](https://github.com/ho-nl/m2-pwa/commit/183afbc8ee269f6694c372b06afdf41302f86c09))
152
164
 
153
165
  # [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)
154
166
 
155
167
  ### Features
156
168
 
157
- - added tons of translations
158
- ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
169
+ - added tons of translations ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
159
170
 
160
171
  # [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)
161
172
 
162
173
  ### Features
163
174
 
164
- - **configurable-product:** disable invalid product options
165
- ([018a20e](https://github.com/ho-nl/m2-pwa/commit/018a20e1259863549c033dcc5c30deaae6625af9))
175
+ - **configurable-product:** disable invalid product options ([018a20e](https://github.com/ho-nl/m2-pwa/commit/018a20e1259863549c033dcc5c30deaae6625af9))
166
176
 
167
177
  # [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)
168
178
 
169
179
  ### Bug Fixes
170
180
 
171
- - darkMode
172
- ([c7573de](https://github.com/ho-nl/m2-pwa/commit/c7573de6bb80643b26931c35ac61735539e7fbf0))
173
- - darkTheme
174
- ([ae017c1](https://github.com/ho-nl/m2-pwa/commit/ae017c1a1e82f86ee5eb2f67106dac8174950c45))
175
- - remove text='bold', make contained button text stronger by default
176
- ([cd277c9](https://github.com/ho-nl/m2-pwa/commit/cd277c9f434a4a765eac372467e5a05c822d5512))
181
+ - darkMode ([c7573de](https://github.com/ho-nl/m2-pwa/commit/c7573de6bb80643b26931c35ac61735539e7fbf0))
182
+ - darkTheme ([ae017c1](https://github.com/ho-nl/m2-pwa/commit/ae017c1a1e82f86ee5eb2f67106dac8174950c45))
183
+ - remove text='bold', make contained button text stronger by default ([cd277c9](https://github.com/ho-nl/m2-pwa/commit/cd277c9f434a4a765eac372467e5a05c822d5512))
177
184
 
178
185
  ### Features
179
186
 
180
- - darkTheme
181
- ([968f4f1](https://github.com/ho-nl/m2-pwa/commit/968f4f1360417bf7daa36454c19e6bc5cf53ae90))
182
- - darkTheme
183
- ([3ed6647](https://github.com/ho-nl/m2-pwa/commit/3ed664714670315bc9f20542549724f66cb5052d))
187
+ - darkTheme ([968f4f1](https://github.com/ho-nl/m2-pwa/commit/968f4f1360417bf7daa36454c19e6bc5cf53ae90))
188
+ - darkTheme ([3ed6647](https://github.com/ho-nl/m2-pwa/commit/3ed664714670315bc9f20542549724f66cb5052d))
184
189
 
185
190
  ## [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)
186
191
 
187
192
  ### Bug Fixes
188
193
 
189
- - small design changes
190
- ([d9936e9](https://github.com/ho-nl/m2-pwa/commit/d9936e90baab3694066d73216c9ad2941fdbaaa8))
194
+ - small design changes ([d9936e9](https://github.com/ho-nl/m2-pwa/commit/d9936e90baab3694066d73216c9ad2941fdbaaa8))
191
195
 
192
196
  # [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)
193
197
 
194
198
  ### Features
195
199
 
196
- - **nextjs:** upgraded to nextjs 12
197
- ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
200
+ - **nextjs:** upgraded to nextjs 12 ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
198
201
 
199
202
  ## [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)
200
203
 
201
204
  ### Bug Fixes
202
205
 
203
- - build didn't succeed because of an unknown prop on MessageSnackbar
204
- ([4def2d1](https://github.com/ho-nl/m2-pwa/commit/4def2d16ad722e9dc9ae0fc63785107df2d83eab))
206
+ - build didn't succeed because of an unknown prop on MessageSnackbar ([4def2d1](https://github.com/ho-nl/m2-pwa/commit/4def2d16ad722e9dc9ae0fc63785107df2d83eab))
205
207
 
206
208
  # [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)
207
209
 
208
210
  ### Features
209
211
 
210
- - **message-snackbar:** severity props
211
- ([c7be8a5](https://github.com/ho-nl/m2-pwa/commit/c7be8a51faf7a5937b7fab5bb352df2089ae4eea))
212
+ - **message-snackbar:** severity props ([c7be8a5](https://github.com/ho-nl/m2-pwa/commit/c7be8a51faf7a5937b7fab5bb352df2089ae4eea))
212
213
 
213
214
  ## [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)
214
215
 
@@ -218,197 +219,108 @@ All notable changes to this project will be documented in this file. See
218
219
 
219
220
  ### Bug Fixes
220
221
 
221
- - account tweaks
222
- ([26ca295](https://github.com/ho-nl/m2-pwa/commit/26ca2955fe7a3ed509aaa7df98cbb4854d636179))
223
- - add configurable product to cart
224
- ([5b0f6fe](https://github.com/ho-nl/m2-pwa/commit/5b0f6fee6a59ff0b228c47bb124378cd23047adf))
225
- - add correct configurable product to cart
226
- ([0982a6a](https://github.com/ho-nl/m2-pwa/commit/0982a6a548414e2159dab101870f495dffeedda8))
227
- - add error message to configurable product
228
- ([1d0be27](https://github.com/ho-nl/m2-pwa/commit/1d0be2710fbf7e3186d119ccc53606b526858d43))
229
- - add to cart error margin bottom
230
- ([0fa1672](https://github.com/ho-nl/m2-pwa/commit/0fa167258d2eae8199a04035f29858b81df67e6a))
231
- - address fragments
232
- ([96e68c3](https://github.com/ho-nl/m2-pwa/commit/96e68c3f96e40dded50ec5859909a7326b47e37b))
233
- - cart item styling
234
- ([1def7f4](https://github.com/ho-nl/m2-pwa/commit/1def7f49ad4dd621aff6cfd058acc489e522650f))
235
- - category children and swatch renderer
236
- ([1ee008d](https://github.com/ho-nl/m2-pwa/commit/1ee008d9ecf3bf5ec4b2d82243e4bcbbec384411))
237
- - **configurable-product-add-to-cart:** don't show success message when add to cart fails
238
- ([1095581](https://github.com/ho-nl/m2-pwa/commit/10955819d720b84c85b7870dc6cd2d7bc34f7dc5))
239
- - **configurable:** fall back to text swatch when no swatch_data is set
240
- ([8cdc6e6](https://github.com/ho-nl/m2-pwa/commit/8cdc6e61c273601eff8486aecbfc9b9bd6adefad))
241
- - correct pdp swatch selected color
242
- ([d3c9285](https://github.com/ho-nl/m2-pwa/commit/d3c9285fb1ba3a0b99ba52a04b0dda3b5870dede))
243
- - don't show store label if it is the same als the swatch value
244
- ([03d5449](https://github.com/ho-nl/m2-pwa/commit/03d5449e36f70379c2f55d363f0ff382d60f5d64))
245
- - dynamic configurable cart item options
246
- ([d2cc538](https://github.com/ho-nl/m2-pwa/commit/d2cc5383800ca19baa267da7808005c910dfbf62))
247
- - formatting of text swatch label
248
- ([ee8f8fd](https://github.com/ho-nl/m2-pwa/commit/ee8f8fd6351ca82bf1b33514e4b1fcab4a04afa9))
249
- - icon alignments & sizes
250
- ([3b349c9](https://github.com/ho-nl/m2-pwa/commit/3b349c96f08f25cad892cf224ee76e937fb338b8))
251
- - ignore md files from triggering version updates
252
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
253
- - implement next-ui barrel imports
254
- ([75bea70](https://github.com/ho-nl/m2-pwa/commit/75bea703dba898f18a2a1dfa3243ebd0a4e6f0e1))
255
- - make sure an empty cart gets initialized properly
256
- ([12df845](https://github.com/ho-nl/m2-pwa/commit/12df8456117393cc7c387ba6e072190a831b7a58))
257
- - messagesnackbar text alignment
258
- ([1314d64](https://github.com/ho-nl/m2-pwa/commit/1314d642a776707462709df380f6fa7fee40ca9d))
259
- - missing NoOrdersFound export
260
- ([81e1177](https://github.com/ho-nl/m2-pwa/commit/81e1177dfa6347b310ec5cf4a7085edec7c86497))
261
- - **next-ui:** toggle button stylign
262
- ([c806d35](https://github.com/ho-nl/m2-pwa/commit/c806d358aed030c54d568275ee497f8cb9b01359))
263
- - only cart should be fixed on scroll
264
- ([9c8f536](https://github.com/ho-nl/m2-pwa/commit/9c8f5366c53798b377dcf397822b0945774b1dce))
265
- - option list left marge
266
- ([e6603f1](https://github.com/ho-nl/m2-pwa/commit/e6603f197ea1a5583a1874bd11d0984653237cd6))
267
- - optionslist options aligment
268
- ([9c59f98](https://github.com/ho-nl/m2-pwa/commit/9c59f988a52886cfafddbb755a1bae1abb539510))
269
- - paymentDone removed in favor of a more simple clearCart method
270
- ([5314f77](https://github.com/ho-nl/m2-pwa/commit/5314f7752c2f75a55dcd926bfc26607124561e5d))
271
- - price display when selection gets too deep
272
- ([df85ba9](https://github.com/ho-nl/m2-pwa/commit/df85ba98112ed4f12881ae8bfe44cb63503560fe))
273
- - product specs on product pages
274
- ([098798a](https://github.com/ho-nl/m2-pwa/commit/098798aec353a8a571928faae02a303fed395977))
275
- - remove conflicting files
276
- ([0c17ae4](https://github.com/ho-nl/m2-pwa/commit/0c17ae46be62b775ac83b35f11c532ce2d9401a3))
277
- - remove incorrectly cased copy of file
278
- ([8efe3d5](https://github.com/ho-nl/m2-pwa/commit/8efe3d53ab6ee8926791aeb03af0a8647563c3bf))
279
- - remove magento-category package from magento-product solving a circular dependency
280
- ([7379e6e](https://github.com/ho-nl/m2-pwa/commit/7379e6ede4829392b35008c17743181d9cac0636))
281
- - remove popover from configurable cart items
282
- ([90866a0](https://github.com/ho-nl/m2-pwa/commit/90866a07d43fae8fac1c633f123fb4c4d910a2a9))
283
- - rename NextButton to Button, change imports
284
- ([976adb0](https://github.com/ho-nl/m2-pwa/commit/976adb0bf906310d1efce888dcc9be1e28ce0f1b))
285
- - rename optionSectionLabels
286
- ([9aea1bc](https://github.com/ho-nl/m2-pwa/commit/9aea1bc7f12eca93ed5acc7d58ec7376d539a346))
287
- - rename product prop to name
288
- ([9b7ed5a](https://github.com/ho-nl/m2-pwa/commit/9b7ed5a03747211c3f93d2628110ab6bfac4d552))
289
- - since all links are of next/link we need to add passHref for custom components
290
- ([16fb931](https://github.com/ho-nl/m2-pwa/commit/16fb93100d367203ea79bb4f93357221253f2ecd))
291
- - unused swatches should not show up
292
- ([86a06fb](https://github.com/ho-nl/m2-pwa/commit/86a06fb3a7e0232611b8bb4971cadbcfd94ae525))
293
- - update magento-product imports
294
- ([63621b4](https://github.com/ho-nl/m2-pwa/commit/63621b44be7149014f4a5af8ac87ad1c4b0327be))
295
- - use label instead of attribute_code
296
- ([99cecc9](https://github.com/ho-nl/m2-pwa/commit/99cecc9aa5dfa41c7b375cb7e36e0d69fdcf6aed))
297
- - wrong casing
298
- ([ba64fc1](https://github.com/ho-nl/m2-pwa/commit/ba64fc182033b19ce4fc9294bd14eb457de05d48))
299
- - wrong casing
300
- ([1507860](https://github.com/ho-nl/m2-pwa/commit/1507860a0b0917f8a139b17f82b8bf9e03146603))
301
- - yarn workspace packages hot reload
302
- ([d03fc9f](https://github.com/ho-nl/m2-pwa/commit/d03fc9fdda3486476761786f2b56a934cc92befc))
222
+ - account tweaks ([26ca295](https://github.com/ho-nl/m2-pwa/commit/26ca2955fe7a3ed509aaa7df98cbb4854d636179))
223
+ - add configurable product to cart ([5b0f6fe](https://github.com/ho-nl/m2-pwa/commit/5b0f6fee6a59ff0b228c47bb124378cd23047adf))
224
+ - add correct configurable product to cart ([0982a6a](https://github.com/ho-nl/m2-pwa/commit/0982a6a548414e2159dab101870f495dffeedda8))
225
+ - add error message to configurable product ([1d0be27](https://github.com/ho-nl/m2-pwa/commit/1d0be2710fbf7e3186d119ccc53606b526858d43))
226
+ - add to cart error margin bottom ([0fa1672](https://github.com/ho-nl/m2-pwa/commit/0fa167258d2eae8199a04035f29858b81df67e6a))
227
+ - address fragments ([96e68c3](https://github.com/ho-nl/m2-pwa/commit/96e68c3f96e40dded50ec5859909a7326b47e37b))
228
+ - cart item styling ([1def7f4](https://github.com/ho-nl/m2-pwa/commit/1def7f49ad4dd621aff6cfd058acc489e522650f))
229
+ - category children and swatch renderer ([1ee008d](https://github.com/ho-nl/m2-pwa/commit/1ee008d9ecf3bf5ec4b2d82243e4bcbbec384411))
230
+ - **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))
231
+ - **configurable:** fall back to text swatch when no swatch_data is set ([8cdc6e6](https://github.com/ho-nl/m2-pwa/commit/8cdc6e61c273601eff8486aecbfc9b9bd6adefad))
232
+ - correct pdp swatch selected color ([d3c9285](https://github.com/ho-nl/m2-pwa/commit/d3c9285fb1ba3a0b99ba52a04b0dda3b5870dede))
233
+ - don't show store label if it is the same als the swatch value ([03d5449](https://github.com/ho-nl/m2-pwa/commit/03d5449e36f70379c2f55d363f0ff382d60f5d64))
234
+ - dynamic configurable cart item options ([d2cc538](https://github.com/ho-nl/m2-pwa/commit/d2cc5383800ca19baa267da7808005c910dfbf62))
235
+ - formatting of text swatch label ([ee8f8fd](https://github.com/ho-nl/m2-pwa/commit/ee8f8fd6351ca82bf1b33514e4b1fcab4a04afa9))
236
+ - icon alignments & sizes ([3b349c9](https://github.com/ho-nl/m2-pwa/commit/3b349c96f08f25cad892cf224ee76e937fb338b8))
237
+ - ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
238
+ - implement next-ui barrel imports ([75bea70](https://github.com/ho-nl/m2-pwa/commit/75bea703dba898f18a2a1dfa3243ebd0a4e6f0e1))
239
+ - make sure an empty cart gets initialized properly ([12df845](https://github.com/ho-nl/m2-pwa/commit/12df8456117393cc7c387ba6e072190a831b7a58))
240
+ - messagesnackbar text alignment ([1314d64](https://github.com/ho-nl/m2-pwa/commit/1314d642a776707462709df380f6fa7fee40ca9d))
241
+ - missing NoOrdersFound export ([81e1177](https://github.com/ho-nl/m2-pwa/commit/81e1177dfa6347b310ec5cf4a7085edec7c86497))
242
+ - **next-ui:** toggle button stylign ([c806d35](https://github.com/ho-nl/m2-pwa/commit/c806d358aed030c54d568275ee497f8cb9b01359))
243
+ - only cart should be fixed on scroll ([9c8f536](https://github.com/ho-nl/m2-pwa/commit/9c8f5366c53798b377dcf397822b0945774b1dce))
244
+ - option list left marge ([e6603f1](https://github.com/ho-nl/m2-pwa/commit/e6603f197ea1a5583a1874bd11d0984653237cd6))
245
+ - optionslist options aligment ([9c59f98](https://github.com/ho-nl/m2-pwa/commit/9c59f988a52886cfafddbb755a1bae1abb539510))
246
+ - paymentDone removed in favor of a more simple clearCart method ([5314f77](https://github.com/ho-nl/m2-pwa/commit/5314f7752c2f75a55dcd926bfc26607124561e5d))
247
+ - price display when selection gets too deep ([df85ba9](https://github.com/ho-nl/m2-pwa/commit/df85ba98112ed4f12881ae8bfe44cb63503560fe))
248
+ - product specs on product pages ([098798a](https://github.com/ho-nl/m2-pwa/commit/098798aec353a8a571928faae02a303fed395977))
249
+ - remove conflicting files ([0c17ae4](https://github.com/ho-nl/m2-pwa/commit/0c17ae46be62b775ac83b35f11c532ce2d9401a3))
250
+ - remove incorrectly cased copy of file ([8efe3d5](https://github.com/ho-nl/m2-pwa/commit/8efe3d53ab6ee8926791aeb03af0a8647563c3bf))
251
+ - remove magento-category package from magento-product solving a circular dependency ([7379e6e](https://github.com/ho-nl/m2-pwa/commit/7379e6ede4829392b35008c17743181d9cac0636))
252
+ - remove popover from configurable cart items ([90866a0](https://github.com/ho-nl/m2-pwa/commit/90866a07d43fae8fac1c633f123fb4c4d910a2a9))
253
+ - rename NextButton to Button, change imports ([976adb0](https://github.com/ho-nl/m2-pwa/commit/976adb0bf906310d1efce888dcc9be1e28ce0f1b))
254
+ - rename optionSectionLabels ([9aea1bc](https://github.com/ho-nl/m2-pwa/commit/9aea1bc7f12eca93ed5acc7d58ec7376d539a346))
255
+ - rename product prop to name ([9b7ed5a](https://github.com/ho-nl/m2-pwa/commit/9b7ed5a03747211c3f93d2628110ab6bfac4d552))
256
+ - 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))
257
+ - unused swatches should not show up ([86a06fb](https://github.com/ho-nl/m2-pwa/commit/86a06fb3a7e0232611b8bb4971cadbcfd94ae525))
258
+ - update magento-product imports ([63621b4](https://github.com/ho-nl/m2-pwa/commit/63621b44be7149014f4a5af8ac87ad1c4b0327be))
259
+ - use label instead of attribute_code ([99cecc9](https://github.com/ho-nl/m2-pwa/commit/99cecc9aa5dfa41c7b375cb7e36e0d69fdcf6aed))
260
+ - wrong casing ([ba64fc1](https://github.com/ho-nl/m2-pwa/commit/ba64fc182033b19ce4fc9294bd14eb457de05d48))
261
+ - wrong casing ([1507860](https://github.com/ho-nl/m2-pwa/commit/1507860a0b0917f8a139b17f82b8bf9e03146603))
262
+ - yarn workspace packages hot reload ([d03fc9f](https://github.com/ho-nl/m2-pwa/commit/d03fc9fdda3486476761786f2b56a934cc92befc))
303
263
 
304
264
  ### Features
305
265
 
306
- - add add-to-cart snackbar message
307
- ([0644de5](https://github.com/ho-nl/m2-pwa/commit/0644de5acccada024eda2b5c92b52536a1da5385))
308
- - add add-to-cart snackbar to all products
309
- ([e9570fd](https://github.com/ho-nl/m2-pwa/commit/e9570fdb55331b2a790f8910c0722dba83480f64))
310
- - add barrel file for magento-category
311
- ([c5ba8c9](https://github.com/ho-nl/m2-pwa/commit/c5ba8c98cbb8192f1c1c85242ff6efa83b1fbdcc))
312
- - add barrel file for magento-customer
313
- ([02fb7f0](https://github.com/ho-nl/m2-pwa/commit/02fb7f004de968ee968b00e364b2b370f4f7d4f1))
314
- - add finalprice & as-low-as price to sidebar
315
- ([0c2e8d6](https://github.com/ho-nl/m2-pwa/commit/0c2e8d6a93bb557ad7c0ad417021758f90f112ea))
316
- - add optional end labels for sectionheaders
317
- ([a224170](https://github.com/ho-nl/m2-pwa/commit/a22417047afaa91dc1a337edbc0bdb1ba9c2e248))
318
- - add product review summary to config-product
319
- ([30e17a6](https://github.com/ho-nl/m2-pwa/commit/30e17a6a6c72cb4cc9fb92e9c0f6da2cd346280e))
320
- - add product-review to renderers and products
321
- ([1a9b84b](https://github.com/ho-nl/m2-pwa/commit/1a9b84b6b7de213e82f0c86106eea4b79f38f864))
322
- - add review swatch to grid view
323
- ([6e22427](https://github.com/ho-nl/m2-pwa/commit/6e224276a3253f86f4da028cbd76b29e2e2f7884))
324
- - add sectioncontainer to configurableoptions
325
- ([9ed8419](https://github.com/ho-nl/m2-pwa/commit/9ed841972361cab81699d827ee80cf5dd73c1fd7))
326
- - added PaymentModule API and persistent selection of form fields
327
- ([b67f735](https://github.com/ho-nl/m2-pwa/commit/b67f7358f62edd56a8232d625ecee56af350bfb8))
328
- - barrel files for magento-product pages
329
- ([c8fdcf2](https://github.com/ho-nl/m2-pwa/commit/c8fdcf2f5b98821dffe2c47f5ea4e1847bd3bb1e))
330
- - better 404 handling and simplified getStaticProps
331
- ([321ace1](https://github.com/ho-nl/m2-pwa/commit/321ace1850642ee3eddfa674c37e6fca8adcdb74))
332
- - **cart:** when a cart is not active anymore show a clear cart button
333
- ([5d04a14](https://github.com/ho-nl/m2-pwa/commit/5d04a14726c040b20b34c0b88f923aee1dff22e5))
334
- - configurable product form
335
- ([dae6f10](https://github.com/ho-nl/m2-pwa/commit/dae6f10e4b8655761900c7ce3028605efe8e154a))
336
- - configurable product page
337
- ([486d5b4](https://github.com/ho-nl/m2-pwa/commit/486d5b448b854b5c9482b1313b7888b7f0743502))
338
- - created stacked-pages package
339
- ([d86008e](https://github.com/ho-nl/m2-pwa/commit/d86008ee659ccb25b194a41d624b394a1ddbd088))
340
- - form styling consistency
341
- ([87cba85](https://github.com/ho-nl/m2-pwa/commit/87cba85e828fa42a02dfe74ac841aa2b39a60f4e))
342
- - function to get correct prices for selection
343
- ([569654e](https://github.com/ho-nl/m2-pwa/commit/569654e98147da3f6f26217e70cbc2dbc6b56355))
344
- - **graphql:** introduced new graphql package that holds all generated files
345
- ([a3e7aa0](https://github.com/ho-nl/m2-pwa/commit/a3e7aa05540540533b5ced9a95f1f802ecbe499f))
346
- - groundwork for complete reimplementation of product pages
347
- ([b224da8](https://github.com/ho-nl/m2-pwa/commit/b224da8273eb5c8173ad30d006391b2291331623))
348
- - **image:** introduced completely rewritten Image component
349
- ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
350
- - implemented checkmo payment method
351
- ([18525b2](https://github.com/ho-nl/m2-pwa/commit/18525b2f4efe9bd0eea12a7a992d284f341e0c68))
352
- - introduced magento-product-types package
353
- ([1a0932b](https://github.com/ho-nl/m2-pwa/commit/1a0932b5d882608dcf8fd2e3b17ee9868f5f5776))
354
- - introduces framer-next-pages and framer-sheet to next-ui and soxbase package
355
- ([e04ad8a](https://github.com/ho-nl/m2-pwa/commit/e04ad8a94cd1fd5a7c5575c9db7916b6e8a88f16))
356
- - introducing useAutoSubmit for useForm to handle shipping address step
357
- ([d375a12](https://github.com/ho-nl/m2-pwa/commit/d375a123d5ba88285703fc1706a43c21c5a248d5))
358
- - **magento-graphql:** added core magentoTypePolicies
359
- ([bdf15d0](https://github.com/ho-nl/m2-pwa/commit/bdf15d0d3c04e88339a8385d76f3b1ab9589fde3))
360
- - make action optional in snackbar
361
- ([70cf9a4](https://github.com/ho-nl/m2-pwa/commit/70cf9a456e483040b2aad087a9cc01ecf85fe4c8))
362
- - **next-ui:** SectionContainer/SectionHeader now accepts variantLeft/variantRight as prop
363
- ([a58f8f2](https://github.com/ho-nl/m2-pwa/commit/a58f8f2962e74c9aaa41142524d42d9c8f662b8d))
364
- - next.js 11
365
- ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
366
- - **playwright:** add github action
367
- ([0ef1094](https://github.com/ho-nl/m2-pwa/commit/0ef109400488869b40e1cc973effeb5976a2adb9))
368
- - **playwright:** added new playwright package to enable browser testing
369
- ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
370
- - product delivery component for sidebar
371
- ([caa9809](https://github.com/ho-nl/m2-pwa/commit/caa9809d6c10570cb47e58c5e8191c40f20f1dbe))
372
- - renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of
373
- [@reachdigital](https://github.com/reachdigital)
374
- ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
375
- - schema.org data on products
376
- ([5f158a9](https://github.com/ho-nl/m2-pwa/commit/5f158a93eef2407249b881ec804e45b07b0caab9))
377
- - Setup textswatch to show prices and delivery
378
- ([10eddf9](https://github.com/ho-nl/m2-pwa/commit/10eddf91875265a9ea605d9bca5c29645d66c535))
379
- - svgimage component
380
- ([f369605](https://github.com/ho-nl/m2-pwa/commit/f3696051e381a24c543fd24e199da5b17f9e124f))
381
- - **theme:** restructured fonts and applied to home and category page
382
- ([6adf5f1](https://github.com/ho-nl/m2-pwa/commit/6adf5f11321bdfbf499125f1161c5abf5a1bfe4a))
383
- - **theme:** restructured typography
384
- ([6fcddae](https://github.com/ho-nl/m2-pwa/commit/6fcddae6b1b54d071475c59c80a9f8d8a36294d5))
385
- - upgrade to node 14
386
- ([d079a75](https://github.com/ho-nl/m2-pwa/commit/d079a751e9bfd8dc7f5009d2c9f31c336a0c96ab))
387
- - upgraded to nextjs 11
388
- ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
389
- - useFormMutationCart and simpler imports
390
- ([012f090](https://github.com/ho-nl/m2-pwa/commit/012f090e8f54d09f35d393c61ad1e2319f5a90ff))
391
- - useFormPersist, useFormAutoSubmit, useFormGqlMutation everywhere
392
- ([e591285](https://github.com/ho-nl/m2-pwa/commit/e5912854babee87c8efc5b7c00455d61b301aad3))
266
+ - add add-to-cart snackbar message ([0644de5](https://github.com/ho-nl/m2-pwa/commit/0644de5acccada024eda2b5c92b52536a1da5385))
267
+ - add add-to-cart snackbar to all products ([e9570fd](https://github.com/ho-nl/m2-pwa/commit/e9570fdb55331b2a790f8910c0722dba83480f64))
268
+ - add barrel file for magento-category ([c5ba8c9](https://github.com/ho-nl/m2-pwa/commit/c5ba8c98cbb8192f1c1c85242ff6efa83b1fbdcc))
269
+ - add barrel file for magento-customer ([02fb7f0](https://github.com/ho-nl/m2-pwa/commit/02fb7f004de968ee968b00e364b2b370f4f7d4f1))
270
+ - add finalprice & as-low-as price to sidebar ([0c2e8d6](https://github.com/ho-nl/m2-pwa/commit/0c2e8d6a93bb557ad7c0ad417021758f90f112ea))
271
+ - add optional end labels for sectionheaders ([a224170](https://github.com/ho-nl/m2-pwa/commit/a22417047afaa91dc1a337edbc0bdb1ba9c2e248))
272
+ - add product review summary to config-product ([30e17a6](https://github.com/ho-nl/m2-pwa/commit/30e17a6a6c72cb4cc9fb92e9c0f6da2cd346280e))
273
+ - add product-review to renderers and products ([1a9b84b](https://github.com/ho-nl/m2-pwa/commit/1a9b84b6b7de213e82f0c86106eea4b79f38f864))
274
+ - add review swatch to grid view ([6e22427](https://github.com/ho-nl/m2-pwa/commit/6e224276a3253f86f4da028cbd76b29e2e2f7884))
275
+ - add sectioncontainer to configurableoptions ([9ed8419](https://github.com/ho-nl/m2-pwa/commit/9ed841972361cab81699d827ee80cf5dd73c1fd7))
276
+ - added PaymentModule API and persistent selection of form fields ([b67f735](https://github.com/ho-nl/m2-pwa/commit/b67f7358f62edd56a8232d625ecee56af350bfb8))
277
+ - barrel files for magento-product pages ([c8fdcf2](https://github.com/ho-nl/m2-pwa/commit/c8fdcf2f5b98821dffe2c47f5ea4e1847bd3bb1e))
278
+ - better 404 handling and simplified getStaticProps ([321ace1](https://github.com/ho-nl/m2-pwa/commit/321ace1850642ee3eddfa674c37e6fca8adcdb74))
279
+ - **cart:** when a cart is not active anymore show a clear cart button ([5d04a14](https://github.com/ho-nl/m2-pwa/commit/5d04a14726c040b20b34c0b88f923aee1dff22e5))
280
+ - configurable product form ([dae6f10](https://github.com/ho-nl/m2-pwa/commit/dae6f10e4b8655761900c7ce3028605efe8e154a))
281
+ - configurable product page ([486d5b4](https://github.com/ho-nl/m2-pwa/commit/486d5b448b854b5c9482b1313b7888b7f0743502))
282
+ - created stacked-pages package ([d86008e](https://github.com/ho-nl/m2-pwa/commit/d86008ee659ccb25b194a41d624b394a1ddbd088))
283
+ - form styling consistency ([87cba85](https://github.com/ho-nl/m2-pwa/commit/87cba85e828fa42a02dfe74ac841aa2b39a60f4e))
284
+ - function to get correct prices for selection ([569654e](https://github.com/ho-nl/m2-pwa/commit/569654e98147da3f6f26217e70cbc2dbc6b56355))
285
+ - **graphql:** introduced new graphql package that holds all generated files ([a3e7aa0](https://github.com/ho-nl/m2-pwa/commit/a3e7aa05540540533b5ced9a95f1f802ecbe499f))
286
+ - groundwork for complete reimplementation of product pages ([b224da8](https://github.com/ho-nl/m2-pwa/commit/b224da8273eb5c8173ad30d006391b2291331623))
287
+ - **image:** introduced completely rewritten Image component ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
288
+ - implemented checkmo payment method ([18525b2](https://github.com/ho-nl/m2-pwa/commit/18525b2f4efe9bd0eea12a7a992d284f341e0c68))
289
+ - introduced magento-product-types package ([1a0932b](https://github.com/ho-nl/m2-pwa/commit/1a0932b5d882608dcf8fd2e3b17ee9868f5f5776))
290
+ - introduces framer-next-pages and framer-sheet to next-ui and soxbase package ([e04ad8a](https://github.com/ho-nl/m2-pwa/commit/e04ad8a94cd1fd5a7c5575c9db7916b6e8a88f16))
291
+ - introducing useAutoSubmit for useForm to handle shipping address step ([d375a12](https://github.com/ho-nl/m2-pwa/commit/d375a123d5ba88285703fc1706a43c21c5a248d5))
292
+ - **magento-graphql:** added core magentoTypePolicies ([bdf15d0](https://github.com/ho-nl/m2-pwa/commit/bdf15d0d3c04e88339a8385d76f3b1ab9589fde3))
293
+ - make action optional in snackbar ([70cf9a4](https://github.com/ho-nl/m2-pwa/commit/70cf9a456e483040b2aad087a9cc01ecf85fe4c8))
294
+ - **next-ui:** SectionContainer/SectionHeader now accepts variantLeft/variantRight as prop ([a58f8f2](https://github.com/ho-nl/m2-pwa/commit/a58f8f2962e74c9aaa41142524d42d9c8f662b8d))
295
+ - next.js 11 ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
296
+ - **playwright:** add github action ([0ef1094](https://github.com/ho-nl/m2-pwa/commit/0ef109400488869b40e1cc973effeb5976a2adb9))
297
+ - **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
298
+ - product delivery component for sidebar ([caa9809](https://github.com/ho-nl/m2-pwa/commit/caa9809d6c10570cb47e58c5e8191c40f20f1dbe))
299
+ - 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))
300
+ - schema.org data on products ([5f158a9](https://github.com/ho-nl/m2-pwa/commit/5f158a93eef2407249b881ec804e45b07b0caab9))
301
+ - Setup textswatch to show prices and delivery ([10eddf9](https://github.com/ho-nl/m2-pwa/commit/10eddf91875265a9ea605d9bca5c29645d66c535))
302
+ - svgimage component ([f369605](https://github.com/ho-nl/m2-pwa/commit/f3696051e381a24c543fd24e199da5b17f9e124f))
303
+ - **theme:** restructured fonts and applied to home and category page ([6adf5f1](https://github.com/ho-nl/m2-pwa/commit/6adf5f11321bdfbf499125f1161c5abf5a1bfe4a))
304
+ - **theme:** restructured typography ([6fcddae](https://github.com/ho-nl/m2-pwa/commit/6fcddae6b1b54d071475c59c80a9f8d8a36294d5))
305
+ - upgrade to node 14 ([d079a75](https://github.com/ho-nl/m2-pwa/commit/d079a751e9bfd8dc7f5009d2c9f31c336a0c96ab))
306
+ - upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
307
+ - useFormMutationCart and simpler imports ([012f090](https://github.com/ho-nl/m2-pwa/commit/012f090e8f54d09f35d393c61ad1e2319f5a90ff))
308
+ - useFormPersist, useFormAutoSubmit, useFormGqlMutation everywhere ([e591285](https://github.com/ho-nl/m2-pwa/commit/e5912854babee87c8efc5b7c00455d61b301aad3))
393
309
 
394
310
  ### Reverts
395
311
 
396
- - Revert "chore: upgrade @apollo/client"
397
- ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
312
+ - Revert "chore: upgrade @apollo/client" ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
398
313
 
399
314
  ## 2.0.8 (2020-10-28)
400
315
 
401
316
  ### Bug Fixes
402
317
 
403
- - make sure themes extensions are found
404
- ([5aa18db](https://github.com/ho-nl/m2-pwa/commit/5aa18db514fd2e2f50681367e39523f8e742ece0))
318
+ - make sure themes extensions are found ([5aa18db](https://github.com/ho-nl/m2-pwa/commit/5aa18db514fd2e2f50681367e39523f8e742ece0))
405
319
 
406
320
  ### Features
407
321
 
408
- - added generated graphql.ts files
409
- ([3e44415](https://github.com/ho-nl/m2-pwa/commit/3e44415b018e74b502e9e98479aa5e84041f337d))
410
- - split into packages
411
- ([2ee7fd6](https://github.com/ho-nl/m2-pwa/commit/2ee7fd6c0056f467d114f04d92c6c0ddf622d151))
322
+ - added generated graphql.ts files ([3e44415](https://github.com/ho-nl/m2-pwa/commit/3e44415b018e74b502e9e98479aa5e84041f337d))
323
+ - split into packages ([2ee7fd6](https://github.com/ho-nl/m2-pwa/commit/2ee7fd6c0056f467d114f04d92c6c0ddf622d151))
412
324
 
413
325
  ### BREAKING CHANGES
414
326
 
@@ -416,15 +328,13 @@ All notable changes to this project will be documented in this file. See
416
328
 
417
329
  # Change Log
418
330
 
419
- All notable changes to this project will be documented in this file. See
420
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
331
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
421
332
 
422
333
  ## [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)
423
334
 
424
335
  ### Bug Fixes
425
336
 
426
- - remove popover from configurable cart items
427
- ([90866a0](https://github.com/ho-nl/m2-pwa/commit/90866a07d43fae8fac1c633f123fb4c4d910a2a9))
337
+ - remove popover from configurable cart items ([90866a0](https://github.com/ho-nl/m2-pwa/commit/90866a07d43fae8fac1c633f123fb4c4d910a2a9))
428
338
 
429
339
  ## [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)
430
340
 
@@ -432,81 +342,67 @@ All notable changes to this project will be documented in this file. See
432
342
 
433
343
  ### Bug Fixes
434
344
 
435
- - unused swatches should not show up
436
- ([86a06fb](https://github.com/ho-nl/m2-pwa/commit/86a06fb3a7e0232611b8bb4971cadbcfd94ae525))
345
+ - unused swatches should not show up ([86a06fb](https://github.com/ho-nl/m2-pwa/commit/86a06fb3a7e0232611b8bb4971cadbcfd94ae525))
437
346
 
438
347
  ## [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)
439
348
 
440
349
  ### Bug Fixes
441
350
 
442
- - account tweaks
443
- ([26ca295](https://github.com/ho-nl/m2-pwa/commit/26ca2955fe7a3ed509aaa7df98cbb4854d636179))
351
+ - account tweaks ([26ca295](https://github.com/ho-nl/m2-pwa/commit/26ca2955fe7a3ed509aaa7df98cbb4854d636179))
444
352
 
445
353
  # [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)
446
354
 
447
355
  ### Features
448
356
 
449
- - upgraded to nextjs 11
450
- ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
357
+ - upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
451
358
 
452
359
  ## [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)
453
360
 
454
361
  ### Reverts
455
362
 
456
- - Revert "chore: upgrade @apollo/client"
457
- ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
363
+ - Revert "chore: upgrade @apollo/client" ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
458
364
 
459
365
  # [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)
460
366
 
461
367
  ### Features
462
368
 
463
- - **theme:** restructured fonts and applied to home and category page
464
- ([6adf5f1](https://github.com/ho-nl/m2-pwa/commit/6adf5f11321bdfbf499125f1161c5abf5a1bfe4a))
465
- - **theme:** restructured typography
466
- ([6fcddae](https://github.com/ho-nl/m2-pwa/commit/6fcddae6b1b54d071475c59c80a9f8d8a36294d5))
369
+ - **theme:** restructured fonts and applied to home and category page ([6adf5f1](https://github.com/ho-nl/m2-pwa/commit/6adf5f11321bdfbf499125f1161c5abf5a1bfe4a))
370
+ - **theme:** restructured typography ([6fcddae](https://github.com/ho-nl/m2-pwa/commit/6fcddae6b1b54d071475c59c80a9f8d8a36294d5))
467
371
 
468
372
  ## [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)
469
373
 
470
374
  ### Bug Fixes
471
375
 
472
- - remove magento-category package from magento-product solving a circular dependency
473
- ([7379e6e](https://github.com/ho-nl/m2-pwa/commit/7379e6ede4829392b35008c17743181d9cac0636))
376
+ - remove magento-category package from magento-product solving a circular dependency ([7379e6e](https://github.com/ho-nl/m2-pwa/commit/7379e6ede4829392b35008c17743181d9cac0636))
474
377
 
475
378
  ## [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)
476
379
 
477
380
  ### Bug Fixes
478
381
 
479
- - paymentDone removed in favor of a more simple clearCart method
480
- ([5314f77](https://github.com/ho-nl/m2-pwa/commit/5314f7752c2f75a55dcd926bfc26607124561e5d))
382
+ - paymentDone removed in favor of a more simple clearCart method ([5314f77](https://github.com/ho-nl/m2-pwa/commit/5314f7752c2f75a55dcd926bfc26607124561e5d))
481
383
 
482
384
  # [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)
483
385
 
484
386
  ### Features
485
387
 
486
- - **playwright:** add github action
487
- ([0ef1094](https://github.com/ho-nl/m2-pwa/commit/0ef109400488869b40e1cc973effeb5976a2adb9))
488
- - **playwright:** added new playwright package to enable browser testing
489
- ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
388
+ - **playwright:** add github action ([0ef1094](https://github.com/ho-nl/m2-pwa/commit/0ef109400488869b40e1cc973effeb5976a2adb9))
389
+ - **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
490
390
 
491
391
  ## [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)
492
392
 
493
393
  ### Bug Fixes
494
394
 
495
- - missing NoOrdersFound export
496
- ([81e1177](https://github.com/ho-nl/m2-pwa/commit/81e1177dfa6347b310ec5cf4a7085edec7c86497))
395
+ - missing NoOrdersFound export ([81e1177](https://github.com/ho-nl/m2-pwa/commit/81e1177dfa6347b310ec5cf4a7085edec7c86497))
497
396
 
498
397
  ## [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)
499
398
 
500
399
  ### Bug Fixes
501
400
 
502
- - only cart should be fixed on scroll
503
- ([9c8f536](https://github.com/ho-nl/m2-pwa/commit/9c8f5366c53798b377dcf397822b0945774b1dce))
401
+ - only cart should be fixed on scroll ([9c8f536](https://github.com/ho-nl/m2-pwa/commit/9c8f5366c53798b377dcf397822b0945774b1dce))
504
402
 
505
403
  ## [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)
506
404
 
507
405
  ### Bug Fixes
508
406
 
509
- - **configurable-product-add-to-cart:** don't show success message when add to cart fails
510
- ([1095581](https://github.com/ho-nl/m2-pwa/commit/10955819d720b84c85b7870dc6cd2d7bc34f7dc5))
511
- - ignore md files from triggering version updates
512
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
407
+ - **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))
408
+ - 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
@@ -6,7 +6,7 @@ import {
6
6
  extendableComponent,
7
7
  iconChevronRight,
8
8
  MessageSnackbar,
9
- SvgIcon,
9
+ IconSvg,
10
10
  TextInputNumber,
11
11
  } from '@graphcommerce/next-ui'
12
12
  import { Trans } from '@lingui/macro'
@@ -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
 
@@ -137,7 +140,7 @@ export default function ConfigurableProductAddToCart(props: ConfigurableProductA
137
140
  size='medium'
138
141
  variant='pill'
139
142
  color='secondary'
140
- endIcon={<SvgIcon src={iconChevronRight} />}
143
+ endIcon={<IconSvg src={iconChevronRight} />}
141
144
  >
142
145
  <Trans>View shopping cart</Trans>
143
146
  </Button>
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.4",
5
+ "version": "4.0.7",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -12,25 +12,24 @@
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.3",
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.2",
25
- "@graphcommerce/magento-cart-items": "^3.0.3",
26
- "@graphcommerce/magento-category": "^4.0.3",
27
- "@graphcommerce/magento-customer": "^4.1.2",
28
- "@graphcommerce/magento-product": "^4.0.4",
29
- "@graphcommerce/magento-product-simple": "^4.0.3",
30
- "@graphcommerce/magento-store": "^4.1.0",
31
- "@graphcommerce/next-ui": "^4.1.3",
32
- "@graphcommerce/react-hook-form": "^3.0.3",
33
- "type-fest": "^2.12.0"
22
+ "@graphcommerce/graphql": "^3.0.6",
23
+ "@graphcommerce/image": "^3.1.2",
24
+ "@graphcommerce/magento-cart": "^4.2.2",
25
+ "@graphcommerce/magento-cart-items": "^3.0.6",
26
+ "@graphcommerce/magento-category": "^4.0.6",
27
+ "@graphcommerce/magento-customer": "^4.2.0",
28
+ "@graphcommerce/magento-product": "^4.1.3",
29
+ "@graphcommerce/magento-product-simple": "^4.0.5",
30
+ "@graphcommerce/magento-store": "^4.1.4",
31
+ "@graphcommerce/next-ui": "^4.5.0",
32
+ "@graphcommerce/react-hook-form": "^3.0.6"
34
33
  },
35
34
  "peerDependencies": {
36
35
  "@lingui/macro": "^3.13.2",
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'