Bloco Subscription upgrade

O bloco Subscription upgrade é um sub-bloco que fica aninhado dentro de Cart items. Ele convida os compradores a trocar um item de linha elegível de compra única por uma assinatura direto do carrinho, transformando uma compra única em receita recorrente no momento da decisão, e permite que compradores que já assinaram mudem ou cancelem o plano naquela linha.

• Só aparece em linhas elegíveis. O bloco lê os selling plans do produto e não renderiza nada em uma linha cujo produto não tem planos de assinatura.
• Nunca oferecido em brindes de recompensa. Assinar um brinde concedido automaticamente removeria seu status de recompensa, então o convite é suprimido nessas linhas.
• Em uma linha de compra única, ele mostra a chamada para upgrade.
• Em uma linha já assinada, ele mostra um seletor de planos mais a opção de “voltar para compra única”.

• Pai: aninha somente dentro de Cart items.
• Máximo: 1 por carrinho.
• Não adicionado por padrão. Não bloqueado, então você pode removê-lo ou ocultá-lo.

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