Blok Subscription upgrade

Blok Subscription upgrade to pod-blok zagnieżdżony wewnątrz Cart items. Zachęca kupujących do zmiany kwalifikującej się jednorazowej pozycji na subskrypcję bezpośrednio z koszyka, zamieniając jednorazowy zakup w przychód cykliczny w momencie decyzji, i pozwala już zasubskrybowanym kupującym zmienić lub anulować plan na tej pozycji.

• Pojawia się tylko na kwalifikujących się pozycjach. Blok odczytuje plany sprzedaży produktu i nie renderuje niczego na pozycji, której produkt nie ma planów subskrypcji.
• Nigdy nie jest oferowany na prezentach z nagród. Zasubskrybowanie automatycznie przyznanego darmowego prezentu odebrałoby mu status nagrody, więc zachęta jest wyłączona na tych pozycjach.
• Na pozycji jednorazowej pokazuje wezwanie do ulepszenia.
• Na pozycji już zasubskrybowanej pokazuje selektor planu oraz opcję „powrotu do zakupu jednorazowego”.

• Rodzic: zagnieżdża się tylko w Cart items.
• Maksimum: 1 na koszyk.
• Niedodawany domyślnie. Niezablokowany, więc możesz go usunąć lub ukryć.

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>
  );
}