From 5f7836183b87ea8e1b509625983d0ca02e730421 Mon Sep 17 00:00:00 2001
From: Sam Seay <samueljseay@gmail.com>
Date: Wed, 29 Nov 2023 13:27:59 +0800
Subject: [PATCH] Adjust the store config for Dropdown to keep selectors in
 state portion. (https://github.com/woocommerce/woocommerce-blocks/pull/11968)

---
 .../packages/interactivity-components/dropdown/index.ts    | 7 +++----
 .../src/InteractivityComponents/Dropdown.php               | 6 +++---
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/plugins/woocommerce-blocks/packages/interactivity-components/dropdown/index.ts b/plugins/woocommerce-blocks/packages/interactivity-components/dropdown/index.ts
index 1285048ac2b..0aae0bedff6 100644
--- a/plugins/woocommerce-blocks/packages/interactivity-components/dropdown/index.ts
+++ b/plugins/woocommerce-blocks/packages/interactivity-components/dropdown/index.ts
@@ -20,15 +20,14 @@ export type DropdownContext = {
 };
 
 store( 'woocommerce/interactivity-dropdown', {
-	state: {},
-	selectors: {
-		placeholderText: () => {
+	state: {
+		get placeholderText() {
 			const context = getContext< DropdownContext >();
 			const { selectedItem } = context;
 
 			return selectedItem.label || 'Select an option';
 		},
-		isSelected: () => {
+		get isSelected() {
 			const context = getContext< DropdownContext >();
 
 			const {
diff --git a/plugins/woocommerce-blocks/src/InteractivityComponents/Dropdown.php b/plugins/woocommerce-blocks/src/InteractivityComponents/Dropdown.php
index a6893c76272..f3be2426d7e 100644
--- a/plugins/woocommerce-blocks/src/InteractivityComponents/Dropdown.php
+++ b/plugins/woocommerce-blocks/src/InteractivityComponents/Dropdown.php
@@ -47,7 +47,7 @@ class Dropdown {
 									tabindex="-1" 
 									data-wc-on--click="actions.toggleIsOpen" 
 							>
-							<input id="components-form-token-input-1" type="text" autocomplete="off" data-wc-bind--placeholder="selectors.placeholderText" class="components-form-token-field__input" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-describedby="components-form-token-suggestions-howto-1" value="">
+							<input id="components-form-token-input-1" type="text" autocomplete="off" data-wc-bind--placeholder="state.placeholderText" class="components-form-token-field__input" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-describedby="components-form-token-suggestions-howto-1" value="">
 							<ul hidden data-wc-bind--hidden="!context.isOpen" class="components-form-token-field__suggestions-list" id="components-form-token-suggestions-1" role="listbox">
 								<?php
 								foreach ( $items as $item ) :
@@ -59,12 +59,12 @@ class Dropdown {
 										role="option" 
 										data-wc-on--click--select-item="actions.selectDropdownItem" 
 										data-wc-on--click--parent-action="<?php echo esc_attr( $action ); ?>" 
-										data-wc-class--is-selected="selectors.isSelected" 
+										data-wc-class--is-selected="state.isSelected" 
 										data-wc-on--mouseover="actions.addHoverClass" 
 										data-wc-on--mouseout="actions.removeHoverClass" 
 										data-wc-context='<?php echo wp_json_encode( $context ); ?>' 
 										class="components-form-token-field__suggestion" 
-										data-wc-bind--aria-selected="selectors.isSelected"
+										data-wc-bind--aria-selected="state.isSelected"
 									>
 									<?php echo esc_html( $item['label'] ); ?>
 									</li>