{#if loading || isCheckoutPolling} {#if isCheckoutPolling}

{/if} {:else if currentTier === undefined}

{#if usageInfo !== null}

{/if}

{:else}

{#if currentSubscription?.status === 'active'}

{/if}

{#if currentSubscription?.amount}

${currentSubscription?.amount / 100}

{/if}

{#if usageInfo !== null}

{/if}

{#if currentSubscription?.periodEnd} {@const date = formatEndDate(currentSubscription.periodEnd)} {#if isCurrentCanceled}

{:else}

{/if} {/if} {#if !isCurrentCanceled}

{/if}

{#each tiers as tier} {@const color = tier.color !== null && tier.color !== undefined && tier.color.length > 0 ? getPlatformColorByName(tier.color, $themeStore.dark) : null} {@const bgAttr = $themeStore.dark ? 'background' : 'background-color'}

${tier.priceMonthly}

{#if !isReadOnly && (currentTier === undefined || currentTier._id !== tier._id)}

{/each}