@springmicro/cart 0.3.4 → 0.3.5

package/src/checkout/components/Order.tsx

@@ -1,95 +0,0 @@
-import React from "react";
-import {
-  Container,
-  Typography,
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableHead,
-  TableRow,
-  Paper,
-} from "@mui/material";
-
-const Order = ({ order, invoiceId }) => {
-  // Formatter for currency in USD
-  const formatter = new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency: "USD",
-  });
-
-  console.log("ORDER", order);
-
-  return (
-    <Container>
-      <Typography variant="h4" gutterBottom>
-        {invoiceId ? `Invoice #${invoiceId}` : "Order"}
-      </Typography>
-      <Typography variant="subtitle1">Reference: {order.reference}</Typography>
-      <Typography variant="subtitle1">
-        Date: {new Date(order.date).toLocaleDateString()}
-      </Typography>
-      <Typography variant="subtitle1">Status: {order.status}</Typography>
-      {order.customer ? (
-        <Typography variant="subtitle1">
-          {order.customer.first_name} {order.customer.last_name}
-        </Typography>
-      ) : (
-        <Typography variant="subtitle1">
-          Customer ID: {order.customer_id}
-        </Typography>
-      )}
-
-      <TableContainer component={Paper} sx={{ my: 2 }}>
-        <Table>
-          <TableHead>
-            <TableRow>
-              <TableCell>Item ID</TableCell>
-              <TableCell>Name</TableCell>
-              <TableCell>Description</TableCell>
-              <TableCell>Quantity</TableCell>
-              <TableCell>Unit Price</TableCell>
-              <TableCell>Total Price</TableCell>
-            </TableRow>
-          </TableHead>
-          <TableBody>
-            {order.basket.map((item) => (
-              <TableRow key={item.item_id}>
-                <TableCell>{item.item_id}</TableCell>
-                <TableCell>{item.name}</TableCell>
-                <TableCell>{item.description || "-"}</TableCell>
-                <TableCell>{item.quantity}</TableCell>
-                <TableCell>
-                  {formatter.format(item.unit_price_cents / 100)}
-                </TableCell>
-                <TableCell>
-                  {formatter.format(
-                    (item.quantity * item.unit_price_cents) / 100
-                  )}
-                </TableCell>
-              </TableRow>
-            ))}
-          </TableBody>
-        </Table>
-      </TableContainer>
-
-      <Typography variant="h6" gutterBottom>
-        Subtotal (excl. taxes): {formatter.format(order.subtotal / 100)}
-      </Typography>
-      <Typography variant="h6" gutterBottom>
-        Taxes: {formatter.format(order.taxes / 100)}
-      </Typography>
-      <Typography variant="h6" gutterBottom>
-        Delivery Fees:{" "}
-        {formatter.format(
-          order.delivery_fees ? order.delivery_fees / 100 : 0.0
-        )}
-      </Typography>
-      <Typography variant="h5" gutterBottom sx={{ mb: 4 }}>
-        Total: {formatter.format(order.total / 100)}
-      </Typography>
-    </Container>
-  );
-};
-
-export default Order;

package/src/checkout/components/index.tsx

@@ -1,104 +0,0 @@
-import { AddCard, type AddCardProps } from "./Billing";
-import Order from "./Order";
-import { postCheckout } from "../../utils/api";
-import React from "react";
-import { Alert, Container, Typography, CircularProgress } from "@mui/material";
-
-type CheckoutProps = AddCardProps & {
-  order: any;
-  apiBaseUrl: string;
-  invoiceId?: string;
-  onPlacement?: () => void;
-};
-
-export default function Checkout({
-  order,
-  apiBaseUrl,
-  invoiceId,
-  onPlacement,
-}: CheckoutProps) {
-  const currentUrl = new URL(window.location.href);
-  const [isSubmitting, setIsSubmitting] = React.useState(false);
-  const [successData, setSuccessData] = React.useState<any | null>(null);
-  const onSubmit = async (values: any) => {
-    setIsSubmitting(true);
-    const data = await postCheckout(
-      apiBaseUrl,
-      order.id,
-      order.reference,
-      values,
-      "stripe",
-      invoiceId
-    );
-
-    if (data instanceof Response) {
-      alert(JSON.stringify(data));
-    } else {
-      // success
-      setSuccessData(data);
-      onPlacement && onPlacement();
-      // Get the current URL
-      const currentUrl = new URL(window.location.href);
-      // Set the query parameter 'showReceipt' to '1'
-      currentUrl.searchParams.set("showReceipt", "1");
-      currentUrl.searchParams.set("orderId", order.id);
-      currentUrl.searchParams.set("orderRef", order.reference);
-
-      // Update the browser's URL and history without refreshing the page
-      window.history.pushState({}, "", currentUrl);
-    }
-    setIsSubmitting(false);
-  };
-
-  if (
-    successData !== null ||
-    // currentUrl.searchParams.get("showReceipt")
-    order.charge_id ||
-    !["pending", "awaiting_payment"].includes(order.status)
-  ) {
-    const print = (
-      <a
-        href="#"
-        onClick={() => {
-          window.print();
-          return false;
-        }}
-        style={{ textDecoration: "underline" }}
-      >
-        print
-      </a>
-    );
-    const text =
-      successData !== null ? (
-        <>
-          Payment received! An email was sent to{" "}
-          <strong>{successData.billing_information.email}</strong>. You can also{" "}
-          {print} this page for your records.
-        </>
-      ) : (
-        <>Payment received! You can {print} this page for your records.</>
-      );
-    return (
-      <>
-        <Container>
-          <Alert severity="success">{text}</Alert>
-        </Container>
-        <Order order={order} invoiceId={invoiceId} />
-      </>
-    );
-  }
-  return (
-    <>
-      <Order order={order} invoiceId={invoiceId} />
-      {isSubmitting ? (
-        <Container>
-          <Typography>
-            <CircularProgress color="primary" /> Submitting...
-          </Typography>
-        </Container>
-      ) : (
-        <AddCard contact={order.customer} onSubmit={onSubmit} />
-      )}
-    </>
-  );
-}