From 59e87ca45b0ee6fbd2516bcbc93584167ddbfd6b Mon Sep 17 00:00:00 2001
From: gioelecerati <gioele@cerati.org>
Date: Fri, 28 Jul 2023 02:50:42 +0200
Subject: [PATCH] billing: update pay as you go prices

---
 packages/api/src/config.js                    |  42 ++--
 packages/www/components/Plans/index.tsx       |  12 +-
 .../components/UpcomingInvoiceTable/index.tsx | 233 +++++++++---------
 3 files changed, 140 insertions(+), 147 deletions(-)

diff --git a/packages/api/src/config.js b/packages/api/src/config.js
index d967da72e3..32fc2d71d4 100644
--- a/packages/api/src/config.js
+++ b/packages/api/src/config.js
@@ -35,19 +35,19 @@ exports.products = {
       {
         name: "Transcoding",
         description: "Transcoding (minutes)",
-        price: 0.005,
+        price: 0.0055,
         limit: 3_000,
       },
       {
         name: "Delivery",
         description: "Delivery (minutes)",
-        price: 0.0004,
+        price: 0.0005,
         limit: 100_000,
       },
       {
         name: "Storage",
         description: "Storage (minutes)",
-        price: 0.003,
+        price: 0.0035,
         limit: 10_000,
       },
     ],
@@ -102,19 +102,19 @@ exports.products = {
       {
         name: "Transcoding",
         description: "Transcoding (minutes)",
-        price: 0.005,
+        price: 0.0055,
         limit: 3_000,
       },
       {
         name: "Delivery",
         description: "Delivery (minutes)",
-        price: 0.0004,
+        price: 0.0005,
         limit: 100_000,
       },
       {
         name: "Storage",
         description: "Storage (minutes)",
-        price: 0.003,
+        price: 0.0035,
         limit: 10_000,
       },
     ],
@@ -129,19 +129,19 @@ exports.products = {
       {
         name: "Transcoding",
         description: "Transcoding (minutes)",
-        price: 0.005,
+        price: 0.0055,
         limit: 20_000,
       },
       {
         name: "Delivery",
         description: "Delivery (minutes)",
-        price: 0.0004,
+        price: 0.0005,
         limit: 500_000,
       },
       {
         name: "Storage",
         description: "Storage (minutes)",
-        price: 0.003,
+        price: 0.0035,
         limit: 50_000,
       },
     ],
@@ -156,17 +156,17 @@ exports.products = {
       {
         name: "Transcoding",
         description: "Transcoding (minutes)",
-        price: 0.005,
+        price: 0.0055,
       },
       {
         name: "Delivery",
         description: "Delivery (minutes)",
-        price: 0.0004,
+        price: 0.0005,
       },
       {
         name: "Storage",
         description: "Storage (minutes)",
-        price: 0.003,
+        price: 0.0035,
       },
     ],
     monthlyPrice: 0,
@@ -229,19 +229,19 @@ exports.products = {
       {
         name: "Transcoding",
         description: "Transcoding (minutes)",
-        price: 0.005,
+        price: 0.0055,
         limit: 3_000,
       },
       {
         name: "Delivery",
         description: "Delivery (minutes)",
-        price: 0.0004,
+        price: 0.0005,
         limit: 100_000,
       },
       {
         name: "Storage",
         description: "Storage (minutes)",
-        price: 0.003,
+        price: 0.0035,
         limit: 10_000,
       },
     ],
@@ -256,19 +256,19 @@ exports.products = {
       {
         name: "Transcoding",
         description: "Transcoding (minutes)",
-        price: 0.005,
+        price: 0.0055,
         limit: 20_000,
       },
       {
         name: "Delivery",
         description: "Delivery (minutes)",
-        price: 0.0004,
+        price: 0.0005,
         limit: 500_000,
       },
       {
         name: "Storage",
         description: "Storage (minutes)",
-        price: 0.003,
+        price: 0.0035,
         limit: 50_000,
       },
     ],
@@ -283,17 +283,17 @@ exports.products = {
       {
         name: "Transcoding",
         description: "Transcoding (minutes)",
-        price: 0.005,
+        price: 0.0055,
       },
       {
         name: "Delivery",
         description: "Delivery (minutes)",
-        price: 0.0004,
+        price: 0.0005,
       },
       {
         name: "Storage",
         description: "Storage (minutes)",
-        price: 0.003,
+        price: 0.0035,
       },
     ],
     monthlyPrice: 0,
diff --git a/packages/www/components/Plans/index.tsx b/packages/www/components/Plans/index.tsx
index 0c5fdb7d50..b7a2a560bc 100644
--- a/packages/www/components/Plans/index.tsx
+++ b/packages/www/components/Plans/index.tsx
@@ -370,7 +370,7 @@ const Plans = ({
                     <span>3,000 minutes</span>
                     <Tooltip
                       multiline
-                      content="Then $5 for every additional 1,000 minutes">
+                      content="Then $5.50 for every additional 1,000 minutes">
                       <Flex
                         css={{
                           borderRadius: 1000,
@@ -398,7 +398,7 @@ const Plans = ({
                     <span>10,000 minutes</span>
                     <Tooltip
                       multiline
-                      content="Then $3 for every additional 1,000 minutes">
+                      content="Then $3.50 for every additional 1,000 minutes">
                       <Flex
                         css={{
                           borderRadius: 1000,
@@ -427,7 +427,7 @@ const Plans = ({
                     <Tooltip
                       multiline
                       css={{ float: "right" }}
-                      content="Then $0.40 for every additional 1,000 minutes">
+                      content="Then $0.50 for every additional 1,000 minutes">
                       <Flex
                         css={{
                           borderRadius: 1000,
@@ -517,7 +517,7 @@ const Plans = ({
                     <span>20,000 minutes</span>
                     <Tooltip
                       multiline
-                      content="Then $5 for every additional 1,000 minutes">
+                      content="Then $5.50 for every additional 1,000 minutes">
                       <Flex
                         css={{
                           borderRadius: 1000,
@@ -545,7 +545,7 @@ const Plans = ({
                     <span>50,000 minutes</span>
                     <Tooltip
                       multiline
-                      content="Then $3 for every additional 1,000 minutes">
+                      content="Then $3.50 for every additional 1,000 minutes">
                       <Flex
                         css={{
                           borderRadius: 1000,
@@ -573,7 +573,7 @@ const Plans = ({
                     <span>500,000 minutes</span>
                     <Tooltip
                       multiline
-                      content="Then $0.40 for every additional 1,000 minutes">
+                      content="Then $0.50 for every additional 1,000 minutes">
                       <Flex
                         css={{
                           borderRadius: 1000,
diff --git a/packages/www/components/UpcomingInvoiceTable/index.tsx b/packages/www/components/UpcomingInvoiceTable/index.tsx
index aa94a83982..21103261d3 100644
--- a/packages/www/components/UpcomingInvoiceTable/index.tsx
+++ b/packages/www/components/UpcomingInvoiceTable/index.tsx
@@ -13,129 +13,122 @@ const UpcomingInvoiceTable = ({
   const storagePrice = product.usage[2].price;
 
   return (
-    <>
-      <Table
-        css={{
-          minWidth: "100%",
-          borderCollapse: "separate",
-          borderSpacing: 0,
-          tableLayout: "initial",
-        }}>
-        <Thead>
-          <Tr>
-            <Th>Item</Th>
-            <Td></Td>
-            <Td></Td>
-            <Td></Td>
-            <Td>Unit Price</Td>
-            <Td>Amount Due</Td>
-          </Tr>
-        </Thead>
-        <Tbody>
-          <Tr>
-            <Th css={{ fontSize: "$2", fontWeight: 600 }}>
-              {product.name} Plan
-            </Th>
-            <Td></Td>
-            <Td></Td>
-            <Td></Td>
-            <Td>${price} / month</Td>
-            <Td>{usage && `$${price}`}</Td>
-          </Tr>
-          <Tr>
-            <Th css={{ fontSize: "$2", fontWeight: 600 }}>Overage</Th>
-            <Td></Td>
-            <Td css={{ fontSize: "$2", fontWeight: 600 }}>Usage</Td>
-            <Td css={{ fontSize: "$2", fontWeight: 600 }}>Plan Usage Limit</Td>
-            <Td></Td>
-            <Td>
-              {usage &&
-                `$${(
-                  overUsageBill.transcodingBill.total +
-                  overUsageBill.deliveryBill.total +
-                  overUsageBill.storageBill.total
-                ).toFixed(2)}`}
-            </Td>
-          </Tr>
-          <Tr>
-            <Th></Th>
-            <Td>Transcoding</Td>
-            <Td>
-              {usage && parseInt(usage.TotalUsageMins).toLocaleString()} minutes
-            </Td>
-            <Td>{product.usage[0].limit.toLocaleString()} minutes</Td>
-            <Td>${product.usage[0].price} / min</Td>
+    <Table
+      css={{
+        minWidth: "100%",
+        borderCollapse: "separate",
+        borderSpacing: 0,
+        tableLayout: "initial",
+      }}>
+      <Thead>
+        <Tr>
+          <Th>Item</Th>
+          <Td></Td>
+          <Td></Td>
+          <Td></Td>
+          <Td>Unit Price</Td>
+          <Td>Amount Due</Td>
+        </Tr>
+      </Thead>
+      <Tbody>
+        <Tr>
+          <Th css={{ fontSize: "$2", fontWeight: 600 }}>{product.name} Plan</Th>
+          <Td></Td>
+          <Td></Td>
+          <Td></Td>
+          <Td>${price} / month</Td>
+          <Td>{usage && `$${price}`}</Td>
+        </Tr>
+        <Tr>
+          <Th css={{ fontSize: "$2", fontWeight: 600 }}>Overage</Th>
+          <Td></Td>
+          <Td css={{ fontSize: "$2", fontWeight: 600 }}>Usage</Td>
+          <Td css={{ fontSize: "$2", fontWeight: 600 }}>Plan Usage Limit</Td>
+          <Td></Td>
+          <Td>
+            {usage &&
+              `$${(
+                overUsageBill.transcodingBill.total +
+                overUsageBill.deliveryBill.total +
+                overUsageBill.storageBill.total
+              ).toFixed(2)}`}
+          </Td>
+        </Tr>
+        <Tr>
+          <Th></Th>
+          <Td>Transcoding</Td>
+          <Td>
+            {usage && parseInt(usage.TotalUsageMins).toLocaleString()} minutes
+          </Td>
+          <Td>{product.usage[0].limit.toLocaleString()} minutes</Td>
+          <Td>${product.usage[0].price} / min</Td>
 
-            <Td>
-              {overUsageBill &&
-                `$${overUsageBill.transcodingBill.total.toFixed(2)}`}
-            </Td>
-          </Tr>
-          <Tr>
-            <Th></Th>
-            <Td>Delivery</Td>
-            <Td>
-              {usage && parseInt(usage.DeliveryUsageMins).toLocaleString()}{" "}
-              minutes
-            </Td>
-            <Td>{product.usage[1].limit.toLocaleString()} minutes</Td>
-            <Td>${product.usage[1].price} / min</Td>
+          <Td>
+            {overUsageBill &&
+              `$${overUsageBill.transcodingBill.total.toFixed(2)}`}
+          </Td>
+        </Tr>
+        <Tr>
+          <Th></Th>
+          <Td>Delivery</Td>
+          <Td>
+            {usage && parseInt(usage.DeliveryUsageMins).toLocaleString()}{" "}
+            minutes
+          </Td>
+          <Td>{product.usage[1].limit.toLocaleString()} minutes</Td>
+          <Td>${product.usage[1].price} / min</Td>
 
-            <Td>
-              {overUsageBill &&
-                `$${overUsageBill.deliveryBill.total.toFixed(2)}`}
-            </Td>
-          </Tr>
-          <Tr>
-            <Th></Th>
-            <Td>Storage</Td>
-            <Td>
-              {usage && parseInt(usage.StorageUsageMins).toLocaleString()}{" "}
-              minutes
-            </Td>
-            <Td>{product.usage[2].limit.toLocaleString()} minutes</Td>
-            <Td>${product.usage[2].price} / min</Td>
+          <Td>
+            {overUsageBill && `$${overUsageBill.deliveryBill.total.toFixed(2)}`}
+          </Td>
+        </Tr>
+        <Tr>
+          <Th></Th>
+          <Td>Storage</Td>
+          <Td>
+            {usage && parseInt(usage.StorageUsageMins).toLocaleString()} minutes
+          </Td>
+          <Td>{product.usage[2].limit.toLocaleString()} minutes</Td>
+          <Td>${product.usage[2].price} / min</Td>
 
-            <Td>
-              {overUsageBill &&
-                `$${overUsageBill.storageBill.total.toFixed(2)}`}
-            </Td>
-          </Tr>
-          <Tr>
-            <Th
-              css={{
-                textTransform: "uppercase",
-                fontSize: "$2",
-                fontWeight: 600,
-              }}>
-              Total
-            </Th>
-            <Td css={{ fontSize: "$2" }}>
-              Due on{" "}
-              {new Date(
-                subscription.current_period_end * 1000
-              ).toLocaleDateString("en-US", {
-                year: "numeric",
-                month: "long",
-                day: "numeric",
-              })}
-            </Td>
-            <Td></Td>
-            <Td></Td>
-            <Td></Td>
-            <Td css={{ fontSize: "$2", fontWeight: 600 }}>
-              {usage &&
-                `$${(
-                  price +
-                  overUsageBill.transcodingBill.total +
-                  overUsageBill.deliveryBill.total +
-                  overUsageBill.storageBill.total
-                ).toFixed(2)}`}
-            </Td>
-          </Tr>
-        </Tbody>
-      </Table>
-    </>
+          <Td>
+            {overUsageBill && `$${overUsageBill.storageBill.total.toFixed(2)}`}
+          </Td>
+        </Tr>
+        <Tr>
+          <Th
+            css={{
+              textTransform: "uppercase",
+              fontSize: "$2",
+              fontWeight: 600,
+            }}>
+            Total
+          </Th>
+          <Td css={{ fontSize: "$2" }}>
+            Due on{" "}
+            {new Date(
+              subscription.current_period_end * 1000
+            ).toLocaleDateString("en-US", {
+              year: "numeric",
+              month: "long",
+              day: "numeric",
+            })}
+          </Td>
+          <Td></Td>
+          <Td></Td>
+          <Td></Td>
+          <Td css={{ fontSize: "$2", fontWeight: 600 }}>
+            {usage &&
+              `$${(
+                price +
+                overUsageBill.transcodingBill.total +
+                overUsageBill.deliveryBill.total +
+                overUsageBill.storageBill.total
+              ).toFixed(2)}`}
+          </Td>
+        </Tr>
+      </Tbody>
+    </Table>
   );
 };