@automattic/jetpack-connection 0.30.7 → 0.30.8

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ### This is a list detailing changes for the Jetpack RNA Connection Component releases.
 
+## [0.30.8] - 2023-11-20
+### Added
+- Add optional quantity to product checkout workflow hook. [#34177]
+
 ## [0.30.7] - 2023-11-14
 ### Changed
 - Updated package dependencies. [#34093]
@@ -660,6 +664,7 @@
 - `Main` and `ConnectUser` components added.
 - `JetpackRestApiClient` API client added.
 
+[0.30.8]: https://github.com/Automattic/jetpack-connection-js/compare/v0.30.7...v0.30.8
 [0.30.7]: https://github.com/Automattic/jetpack-connection-js/compare/v0.30.6...v0.30.7
 [0.30.6]: https://github.com/Automattic/jetpack-connection-js/compare/v0.30.5...v0.30.6
 [0.30.5]: https://github.com/Automattic/jetpack-connection-js/compare/v0.30.4...v0.30.5

package/hooks/use-product-checkout-workflow/index.jsx

@@ -21,15 +21,16 @@ const defaultAdminUrl =
  * Custom hook that performs the needed steps
  * to concrete the checkout workflow.
  *
- * @param {object} props              - The props passed to the hook.
- * @param {string} props.productSlug  - The WordPress product slug.
- * @param {string} props.redirectUrl  - The URI to redirect to after checkout.
- * @param {string} [props.siteSuffix] - The site suffix.
- * @param {string} [props.adminUrl]   - The site wp-admin url.
- * @param {boolean} props.connectAfterCheckout - Whether or not to conect after checkout if not connected (default false - connect before).
+ * @param {object} props                                  - The props passed to the hook.
+ * @param {string} props.productSlug                      - The WordPress product slug.
+ * @param {string} props.redirectUrl                      - The URI to redirect to after checkout.
+ * @param {string} [props.siteSuffix]                     - The site suffix.
+ * @param {string} [props.adminUrl]                       - The site wp-admin url.
+ * @param {boolean} props.connectAfterCheckout            - Whether or not to conect after checkout if not connected (default false - connect before).
  * @param {Function} props.siteProductAvailabilityHandler - The function used to check whether the site already has the requested product. This will be checked after registration and the checkout page will be skipped if the promise returned resloves true.
- * @param {Function} props.from       - The plugin slug initiated the flow.
- * @returns {Function}				  - The useEffect hook.
+ * @param {Function} props.from                           - The plugin slug initiated the flow.
+ * @param {number} [props.quantity]                       - The quantity of the product to purchase.
+ * @returns {Function}                                      The useEffect hook.
  */
 export default function useProductCheckoutWorkflow( {
 	productSlug,
@@ -38,6 +39,7 @@ export default function useProductCheckoutWorkflow( {
 	adminUrl = defaultAdminUrl,
 	connectAfterCheckout = false,
 	siteProductAvailabilityHandler = null,
+	quantity = null,
 	from,
 } = {} ) {
 	debug( 'productSlug is %s', productSlug );
@@ -61,7 +63,11 @@ export default function useProductCheckoutWorkflow( {
 			? 'checkout/jetpack/'
 			: `checkout/${ siteSuffix }/`;
 
-		const productCheckoutUrl = new URL( `${ origin }${ checkoutPath }${ productSlug }` );
+		const quantitySuffix = quantity != null ? `:-q-${ quantity }` : '';
+
+		const productCheckoutUrl = new URL(
+			`${ origin }${ checkoutPath }${ productSlug }${ quantitySuffix }`
+		);
 
 		if ( shouldConnectAfterCheckout ) {
 			productCheckoutUrl.searchParams.set( 'connect_after_checkout', true );
@@ -87,14 +93,15 @@ export default function useProductCheckoutWorkflow( {
 
 		return productCheckoutUrl;
 	}, [
-		connectAfterCheckout,
 		isRegistered,
+		isUserConnected,
+		connectAfterCheckout,
 		siteSuffix,
+		quantity,
 		productSlug,
-		adminUrl,
 		from,
 		redirectUrl,
-		isUserConnected,
+		adminUrl,
 	] );
 
 	debug( 'isRegistered is %s', isRegistered );

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-connection",
-	"version": "0.30.7",
+	"version": "0.30.8",
 	"description": "Jetpack Connection Component",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/connection/#readme",
 	"bugs": {
@@ -14,10 +14,10 @@
 	"author": "Automattic",
 	"license": "GPL-2.0-or-later",
 	"dependencies": {
-		"@automattic/jetpack-analytics": "^0.1.27",
-		"@automattic/jetpack-api": "^0.16.5",
-		"@automattic/jetpack-components": "^0.45.1",
-		"@automattic/jetpack-config": "^0.1.22",
+		"@automattic/jetpack-analytics": "^0.1.28",
+		"@automattic/jetpack-api": "^0.16.6",
+		"@automattic/jetpack-components": "^0.45.2",
+		"@automattic/jetpack-config": "^0.1.23",
 		"@wordpress/base-styles": "4.36.0",
 		"@wordpress/browserslist-config": "5.28.0",
 		"@wordpress/components": "25.11.0",
@@ -30,7 +30,7 @@
 		"prop-types": "^15.7.2"
 	},
 	"devDependencies": {
-		"@automattic/jetpack-base-styles": "^0.6.12",
+		"@automattic/jetpack-base-styles": "^0.6.13",
 		"@babel/core": "7.23.2",
 		"@babel/preset-react": "7.22.15",
 		"@storybook/addon-actions": "7.4.6",