# packeta/trunk/src/PacketaWidget/useView.js

Packeta, version trunk. 209 lines.

- Page: https://pluginprobe.com/plugins/packeta/trunk/code/src/PacketaWidget/useView.js
- Raw: https://pluginprobe.com/plugins/packeta/trunk/raw/src/PacketaWidget/useView.js
- Modified: 2025-11-07T08:59:28+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/packeta/trunk/code/src/PacketaWidget/useView.js#L10-L20`.

```javascript
import { useEffect, useState, useRef } from 'react';

import { useSelect } from '@wordpress/data';
import { getSetting } from '@woocommerce/settings';

import { usePacketaShippingRate } from "./usePacketaShippingRate";
import { useDynamicSettings } from "./useDynamicSettings";
import { useOnWidgetButtonClicked } from "./useOnWidgetButtonClicked";
import { useOnHDWidgetButtonClicked } from "./useOnHDWidgetButtonClicked";
import { getShippingMethodOptionId } from "./getShippingMethodOptionId";

const { PAYMENT_STORE_KEY } = window.wc.wcBlocksData;

export const useView = ( cart ) => {
	const [ viewState, setViewState ] = useState( null );
	const { shippingRates, shippingAddress, cartItemsWeight } = cart;
	const paymentStore = useSelect( ( select ) => {
		return select( PAYMENT_STORE_KEY );
	}, [] );

	const settings = getSetting( 'packeta-widget_data' );
	const {
		carrierConfig,
		translations,
		showLogo,
		logo,
		widgetAutoOpen,
		adminAjaxUrl,
	} = settings;

	const filteredShippingRates = usePacketaShippingRate(
		shippingRates,
		carrierConfig
	);
	const {
		packetaPickupPointShippingRate = null,
		packetaHomeDeliveryShippingRate = null,
		chosenShippingRate = null,
	} = filteredShippingRates || {};

	const previousRateIdRef = useRef();
	useEffect( () => {
		const previousRateId = previousRateIdRef.current;

		if (
			previousRateId !== undefined &&
			previousRateId !== chosenShippingRate?.rate_id
		) {
			setViewState( null );
		}

		previousRateIdRef.current = chosenShippingRate?.rate_id;
	}, [ chosenShippingRate, setViewState ] );

	const [ dynamicSettings, setDynamicSettings, loading ] = useDynamicSettings( adminAjaxUrl );

	useEffect( () => {
		if ( ! dynamicSettings ) {
			return;
		}

		const activePaymentMethod = paymentStore.getActivePaymentMethod();
		const rateId = chosenShippingRate?.rate_id || null;

		let shippingSaved = false;
		let paymentSaved = false;
		if (
			( ! dynamicSettings.shippingSaved && rateId ) ||
			( ! dynamicSettings.paymentSaved && activePaymentMethod !== '' )
		) {
			if ( rateId ) {
				shippingSaved = true;
			}
			if ( activePaymentMethod !== '' ) {
				paymentSaved = true;
			}

			wp.hooks.doAction( 'packetery_save_shipping_and_payment_methods', rateId, activePaymentMethod );

			setDynamicSettings( {
				...dynamicSettings,
				shippingSaved,
				paymentSaved,
			} );
		}
	}, [ paymentStore, chosenShippingRate, dynamicSettings, setDynamicSettings, wp ] );

	useEffect( () => {
		if ( ! dynamicSettings ) {
			return;
		}

		const shippingCountry = shippingAddress.country.toLowerCase();

		if ( ! dynamicSettings.lastCountry ) {
			setDynamicSettings( {
				...dynamicSettings,
				lastCountry: shippingCountry,
			} );
		} else if ( dynamicSettings.lastCountry !== shippingCountry ) {
			if ( viewState ) {
				setViewState( null );
			}
			setDynamicSettings( {
				...dynamicSettings,
				lastCountry: shippingCountry,
			} );
		}
	}, [ dynamicSettings, setDynamicSettings, viewState, setViewState, shippingAddress ] );

	const onWidgetButtonClicked = useOnWidgetButtonClicked(
		packetaPickupPointShippingRate,
		settings,
		dynamicSettings,
		setViewState,
		shippingAddress,
		cartItemsWeight,
	);

	const onHDWidgetButtonClicked = useOnHDWidgetButtonClicked(
		packetaHomeDeliveryShippingRate,
		settings,
		dynamicSettings,
		setViewState,
		shippingAddress,
	);

	useEffect( () => {
		if (
			packetaPickupPointShippingRate &&
			dynamicSettings &&
			! viewState &&
			widgetAutoOpen
		) {
			onWidgetButtonClicked();
		}
	}, [ packetaPickupPointShippingRate, widgetAutoOpen, onWidgetButtonClicked ] );

	const getPickupPointErrorMessage = function ( viewState ) {
		if ( viewState && viewState.pickupPoint ) {
			return null;
		} else {
			return translations.pickupPointNotChosen;
		}
	};

	const getHomeDeliveryErrorMessage = function ( viewState, addressValidationSetting ) {
		if ( addressValidationSetting === 'optional' || ( viewState && viewState.deliveryAddressInfo ) ) {
			return null;
		} else if ( viewState && viewState.deliveryAddressError ) {
			return viewState.deliveryAddressError;
		} else {
			return translations.addressIsNotValidatedAndRequiredByCarrier;
		}
	};

	let skipView = false;
	let inputRequired = true;

	if ( packetaPickupPointShippingRate ) {
		const buttonPlace =
			viewState && viewState.pickupPoint.pickupPointType === 'internal' ? viewState.pickupPoint.place : '';

		const buttonInfo = viewState && viewState.pickupPoint
			? [viewState.pickupPoint.street, `${viewState.pickupPoint.city} ${viewState.pickupPoint.zip}`].filter(Boolean).join(', ')
			: '';

		return {
			buttonCallback: onWidgetButtonClicked,
			buttonLabel: translations.choosePickupPoint,
			buttonPlace: buttonPlace,
			buttonInfo: buttonInfo,
			inputValue: viewState && viewState.pickupPoint ? viewState.pickupPoint.name : '',
			inputRequired,
			errorMessage: getPickupPointErrorMessage( viewState ),
			showLogo,
			logo,
			translations,
			loading,
		};
	}

	if ( packetaHomeDeliveryShippingRate ) {
		const rateId = getShippingMethodOptionId( packetaHomeDeliveryShippingRate.rate_id );
		const rateCarrierConfig = carrierConfig[ rateId ];
		const addressValidationSetting = rateCarrierConfig.address_validation || 'none';
		if ( addressValidationSetting === 'none' ) {
			return null;
		} else if ( addressValidationSetting === 'optional' ) {
			inputRequired = false;
		}

		return {
			buttonCallback: onHDWidgetButtonClicked,
			buttonLabel: translations.chooseAddress,
			buttonInfo: viewState && viewState.deliveryAddressInfo,
			inputValue: viewState && viewState.deliveryAddressInfo ? viewState.deliveryAddressInfo : '',
			inputRequired,
			errorMessage: getHomeDeliveryErrorMessage( viewState, addressValidationSetting ),
			showLogo,
			logo,
			translations,
			loading,
		};
	}

	return null;
};

```