woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-06 18:16:38 +08:00
Code Issues Projects Packages Wiki Activity Actions

New Settings UI: Apply feedback

Browse source
This commit is contained in:
Himad M 2024-12-03 15:24:49 -04:00
parent a06a74004c
commit 4f0f71f5e0
No known key found for this signature in database
GPG key ID: 5FC769E9888A7B98
5 changed files with 37 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

13
modules/ppcp-settings/resources/js/data/common/hooks.js
View file

@ -43,7 +43,11 @@ const useHooks = () => {
const clientSecret = usePersistent( 'clientSecret' );
const isSandboxMode = usePersistent( 'useSandbox' );
const isManualConnectionMode = usePersistent( 'useManualConnection' );
const flags = usePersistent( 'flags' );
const wooSettings = useSelect(
( select ) => select( STORE_NAME ).wooSettings(),
[]
);
const savePersistent = async ( setter, value ) => {
setter( value );
@ -70,7 +74,7 @@ const useHooks = () => {
},
connectViaSandbox,
connectViaIdAndSecret,
flags,
wooSettings,
};
};
@ -113,7 +117,6 @@ export const useManualConnection = () => {
};
export const useWooSettings = () => {
const { flags = {} } = useHooks();
const { country, currency } = flags;
return { storeCountry: country, storeCurrency: currency };
const { wooSettings } = useHooks();
return wooSettings;
};

21
modules/ppcp-settings/resources/js/data/common/reducer.js
View file

@ -22,10 +22,6 @@ const defaultPersistent = {
useManualConnection: false,
clientId: '',
clientSecret: '',
flags: {
country: '',
currency: '',
},
};
// Reducer logic.
@ -42,11 +38,18 @@ const commonReducer = createReducer( defaultTransient, defaultPersistent, {
[ ACTION_TYPES.SET_PERSISTENT ]: ( state, action ) =>
setPersistent( state, action ),
[ ACTION_TYPES.HYDRATE ]: ( state, payload ) =>
setPersistent( state, {
...payload.data,
flags: payload.flags,
} ),
[ ACTION_TYPES.HYDRATE ]: ( state, payload ) => {
const newState = setPersistent( state, payload.data );
if ( payload.wooSettings ) {
newState.wooSettings = {
...newState.wooSettings,
...payload.wooSettings,
};
}
return newState;
},
} );
export default commonReducer;

6
modules/ppcp-settings/resources/js/data/common/selectors.js
View file

@ -16,6 +16,10 @@ export const persistentData = ( state ) => {
};
export const transientData = ( state ) => {
const { data, ...transientState } = getState( state );
const { data, wooSettings, ...transientState } = getState( state ); // ← extract the wooSettings, to ensure they are not part of the "transientState" collection.
return transientState || EMPTY_OBJ;
};
export const wooSettings = ( state ) => {
return getState( state ).wooSettings || EMPTY_OBJ;
};

10
modules/ppcp-settings/src/Data/CommonSettings.php
View file

@ -34,7 +34,7 @@ class CommonSettings extends AbstractDataModel {
*
* @var array
*/
protected array $flags = array();
protected array $woo_settings = array();
/**
* Constructor.
@ -44,8 +44,8 @@ class CommonSettings extends AbstractDataModel {
*/
public function __construct( string $country, string $currency ) {
parent::__construct();
$this->flags['country'] = $country;
$this->flags['currency'] = $currency;
$this->woo_settings['country'] = $country;
$this->woo_settings['currency'] = $currency;
}
/**
@ -141,7 +141,7 @@ class CommonSettings extends AbstractDataModel {
*
* @return array
*/
public function get_flags() : array {
return $this->flags;
public function get_woo_settings() : array {
return $this->woo_settings;
}
}

14
modules/ppcp-settings/src/Endpoint/CommonRestEndpoint.php
View file

@ -65,12 +65,12 @@ class CommonRestEndpoint extends RestEndpoint {
*
* @var array
*/
private array $flag_map = array(
private array $woo_settings_map = array(
'country' => array(
'js_name' => 'country',
'js_name' => 'storeCountry',
),
'currency' => array(
'js_name' => 'currency',
'js_name' => 'storeCurrency',
),
);
@ -123,15 +123,15 @@ class CommonRestEndpoint extends RestEndpoint {
$this->field_map
);
$js_flags = $this->sanitize_for_javascript(
$this->settings->get_flags(),
$this->flag_map
$js_woo_settings = $this->sanitize_for_javascript(
$this->settings->get_woo_settings(),
$this->woo_settings_map
);
return $this->return_success(
$js_data,
array(
'flags' => $js_flags,
'wooSettings' => $js_woo_settings,
)
);
}