Shipping Method Selection Conflict with Local Pickup Block

[mikejolley]

Describe the bug

WooCommerce Blocks has a dedicated block for selecting Local Pickup during checkout. There is a dedicated P2 about this functionality here for reference.

Due to the way subscriptions splits carts into multiple carts to handle recurring billing, there is a conflict when it comes to shipping method selection. This screenshot shows the behaviour you see:

To Reproduce

1. Go to Settings > Shipping > Local Pickup. Enable it and create some pickup locations.
2. Ensure another shipping method, such as a flat rate, is also enabled.
3. Add both subscription and regular products to your cart.
4. Go to checkout.
5. Select Local Pickup.
6. See how the rates are not updated for recurring carts (see above screenshot).

Expected behavior

When you select Local Pickup, the shipping method for the recurring carts should also switch to Local Pickup.

Actual behavior

When you select Local Pickup, the shipping method for the recurring carts remains as default and cannot be changed.

Product impact

• [x] Does this issue affect WooCommerce Subscriptions? yes/no/tbc, add issue ref
• [ ] Does this issue affect WooCommerce Payments? yes/no/tbc, add issue ref

Additional context

A potential/partial solution to keep recurring and regular carts in sync was created here https://github.com/Automattic/woocommerce-subscriptions-core/pull/264 however this is no longer applicable because we're not passing a null package ID. The action would receive package ID 0 (when local pickup is used, only one package is supported).

Therefore the logic in subscriptions needs to be either:

1. A local pickup rate ID was returned, so set all recurring carts to local pickup.

or

2. Create (via slot fills) an interface to select shipping methods (or pickup) for each recurring package separately.

cc @senadir

[opr]

Hey folks, I have pushed some changes on add/blocks-local-pickup which can be used to kick start the work on integrating with WC blocks.

Please note the PR in WC blocks to add LocalPickupSelect is still under review, so no guarantee it will be merged yet.

To summarise the changes so far on that branch:

• ef832a0bb491566daa9c368755493e80dfd86324 - this commit introduces a new component, PickupControl which is used to render the pickup options for a package. It is a wrapper for LocalPickupSelect from WC Blocks which allows you to add your own class name and styling for anything rendered in this slot/fill.
• 70923e9fb3d17799d955bb7aa58f3628e74367a3 - adds SubscriptionsPickupRecurringPackages which is an analogue to SubscriptionsRecurringPackages (you may want to rename the SubscriptionsRecurringPackages component in index.js to make it more obvious that one refers to shipping and one refers to local pickup) - it renders a PickupControl, described above.
• dd1b65278c4cc7027a624190d9ae22d6194ba661 - prevents collectable rates showing up in the regular recurring shipping selector.
• a56a514fd5d722a3b4801c524b2e17dda5ee6dee - ensures the SubscriptionsPickupRecurringPackages is rendered in the WC Blocks local pickup section.

Let me know if this is a good approach, or if you need help with anything, I'll be happy to assist.