Блок Subscription upgrade

Блок Subscription upgrade — это подблок, вкладываемый в Cart items. Он предлагает покупателям переключить подходящую разовую строку на подписку прямо из корзины, превращая разовую покупку в регулярную выручку в момент принятия решения, и позволяет уже подписанным покупателям изменить или отменить план на этой строке.

• Появляется только на подходящих строках. Блок читает selling plans товара и ничего не отображает на строке, у товара которой нет планов подписки.
• Никогда не предлагается на подарках-наградах. Подписка на автоматически выданный бесплатный подарок лишила бы его статуса награды, поэтому предложение подавляется на таких строках.
• На разовой строке он показывает призыв к переходу на подписку.
• На уже подписанной строке он показывает селектор плана плюс опцию «понизить до разовой покупки».

• Родитель: вкладывается только в Cart items.
• Максимум: 1 на корзину.
• Не добавляется по умолчанию. Не заблокирован, поэтому вы можете удалить или скрыть его.

function CustomTemplate(props) {
  const { view } = props;

  if (view.state === 'upgrade') {
    return (
      <button type="button" onClick={() => props.selectPlan(view.planId)} disabled={props.busy}>
        {view.buttonText}
      </button>
    );
  }

  return (
    <div>
      <select
        aria-label={`Subscription plan — ${props.title}`}
        value={String(view.activePlanId)}
        onChange={props.onChange}
        disabled={props.busy}
      >
        {view.plans.map((plan) => (
          <option key={plan.id} value={String(plan.id)}>
            {plan.name}{plan.discountPercent > 0 ? ` (${plan.discountPercent}% off)` : ''}
          </option>
        ))}
        <option value={props.oneTimeValue}>{props.unsubscribeText}</option>
      </select>
    </div>
  );
}