+
+ {product.name} Plan |
+ |
+ |
+ |
+ ${price} / month |
+ {usage && `$${price}`} |
+
+
+ Overage |
+ |
+ Usage |
+ Plan Usage Limit |
+ |
+
+ {usage &&
+ `$${(
+ overUsageBill.transcodingBill.total +
+ overUsageBill.deliveryBill.total +
+ overUsageBill.storageBill.total
+ ).toFixed(2)}`}
+ |
+
+
+ |
+ Transcoding |
+
+ {usage && parseInt(usage.TotalUsageMins).toLocaleString()} minutes
+ |
+ {product.usage[0].limit.toLocaleString()} minutes |
+ ${product.usage[0].price} / min |
-
- {overUsageBill &&
- `$${overUsageBill.transcodingBill.total.toFixed(2)}`}
- |
-
-
- |
- Delivery |
-
- {usage && parseInt(usage.DeliveryUsageMins).toLocaleString()}{" "}
- minutes
- |
- {product.usage[1].limit.toLocaleString()} minutes |
- ${product.usage[1].price} / min |
+
+ {overUsageBill &&
+ `$${overUsageBill.transcodingBill.total.toFixed(2)}`}
+ |
+
+
+ |
+ Delivery |
+
+ {usage && parseInt(usage.DeliveryUsageMins).toLocaleString()}{" "}
+ minutes
+ |
+ {product.usage[1].limit.toLocaleString()} minutes |
+ ${product.usage[1].price} / min |
-
- {overUsageBill &&
- `$${overUsageBill.deliveryBill.total.toFixed(2)}`}
- |
-
-
- |
- Storage |
-
- {usage && parseInt(usage.StorageUsageMins).toLocaleString()}{" "}
- minutes
- |
- {product.usage[2].limit.toLocaleString()} minutes |
- ${product.usage[2].price} / min |
+
+ {overUsageBill && `$${overUsageBill.deliveryBill.total.toFixed(2)}`}
+ |
+
+
+ |
+ Storage |
+
+ {usage && parseInt(usage.StorageUsageMins).toLocaleString()} minutes
+ |
+ {product.usage[2].limit.toLocaleString()} minutes |
+ ${product.usage[2].price} / min |
-
- {overUsageBill &&
- `$${overUsageBill.storageBill.total.toFixed(2)}`}
- |
-
-
-
- Total
- |
-
- Due on{" "}
- {new Date(
- subscription.current_period_end * 1000
- ).toLocaleDateString("en-US", {
- year: "numeric",
- month: "long",
- day: "numeric",
- })}
- |
- |
- |
- |
-
- {usage &&
- `$${(
- price +
- overUsageBill.transcodingBill.total +
- overUsageBill.deliveryBill.total +
- overUsageBill.storageBill.total
- ).toFixed(2)}`}
- |
-
-
-