Subscription upgrade-blok

Subscription upgrade-blokken er en underblok, der indlejres i Cart items. Den opfordrer kunder til at skifte en kvalificeret engangslinje til et abonnement direkte fra kurven, hvilket forvandler et engangskøb til tilbagevendende omsætning på beslutningsøjeblikket, og lader kunder, der allerede abonnerer, ændre eller annullere deres plan på den linje.

• Vises kun på kvalificerede linjer. Blokken læser produktets selling plans og renderer intet på en linje, hvis produkt ikke har abonnementsplaner.
• Tilbydes aldrig på reward-gaver. At abonnere på en automatisk tildelt gratis gave ville fjerne dens reward-status, så opfordringen undertrykkes på de linjer.
• På en engangslinje viser den opgraderings-call-to-action.
• På en allerede abonneret linje viser den en planvælger plus muligheden “nedgradér til engangskøb”.

• Forælder: indlejres kun i Cart items.
• Maksimum: 1 pr. kurv.
• Tilføjes ikke som standard. Ikke låst, så du kan fjerne eller skjule den.

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