/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/OSL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
 */
import SpecificPriceMap from '@pages/product/specific-price/specific-price-map';
import EntitySearchInput from '@components/entity-search-input';

export default class CustomerSelector {
  constructor() {
    this.init();
  }

  private init(): void {
    let searchInputOptions: OptionsObject = {
      responseTransformer: (response: any) => {
        if (!response || response.customers.length === 0) {
          return [];
        }

        return Object.values(response.customers);
      },
    };

    // This check is here for when the multishop is not enabled.
    // The selector returned by the this.getShopIdSelect does not exist when multishop is not enabled.
    if (this.getShopIdSelect() !== null) {
      searchInputOptions = {
        ...searchInputOptions,
        extraQueryParams: () => ({
          shopId: Number(this.getShopIdSelect().value) ?? null,
        }),
      };
      const customerSearchInput = this.initCustomerSearchInput(searchInputOptions);
      // clear selected customers whenever shop is changed, because customers may differ between shops
      this.getShopIdSelect().addEventListener('change', () => customerSearchInput.setValues([]));
    } else {
      this.initCustomerSearchInput(searchInputOptions);
    }
  }

  private initCustomerSearchInput(options: OptionsObject): EntitySearchInput {
    return new EntitySearchInput($(SpecificPriceMap.customerSearchContainer), options);
  }

  private getShopIdSelect(): HTMLSelectElement {
    return <HTMLSelectElement> document.querySelector(
      `${SpecificPriceMap.formContainer} ${SpecificPriceMap.shopIdSelect}`,
    );
  }
}