@evenicanpm/storefront-core 1.0.1 → 1.0.3

package/src/components-v2/icons/user.tsx

@@ -0,0 +1,13 @@
+import createSvgIcon from "@mui/material/utils/createSvgIcon";
+
+const User = createSvgIcon(
+  <svg viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M12 13.3718H8.00002C3.95002 13.3718 0.666687 16.6551 0.666687 20.7051C0.666687 21.4414 1.26377 22.0385 2.00002 22.0385H18C18.7363 22.0385 19.3334 21.4414 19.3334 20.7051C19.3334 16.6551 16.05 13.3718 12 13.3718ZM2.70794 20.0385C3.0371 17.4093 5.28335 15.3718 8.00002 15.3718H12C14.715 15.3718 16.9625 17.4114 17.2917 20.0385H2.70794ZM10 11.3718C12.9454 11.3718 15.3334 8.98389 15.3334 6.03847C15.3334 3.09306 12.9454 0.705139 10 0.705139C7.0546 0.705139 4.66669 3.09306 4.66669 6.03847C4.66669 8.98431 7.05419 11.3718 10 11.3718ZM10 2.70514C11.8379 2.70514 13.3334 4.20056 13.3334 6.03847C13.3334 7.87639 11.8379 9.37181 10 9.37181C8.1621 9.37181 6.66669 7.87597 6.66669 6.03847C6.66669 4.20056 8.16252 2.70514 10 2.70514Z"
+      fill="currentColor"
+    />
+  </svg>,
+  "User",
+);
+
+export default User;

package/src/components-v2/icons/user2.tsx

@@ -0,0 +1,14 @@
+import createSvgIcon from "@mui/material/utils/createSvgIcon";
+
+const User2 = createSvgIcon(
+  <svg fill="currentColor" viewBox="0 0 24 24">
+    <path
+      d="M6.65 7.5C6.65 9.21452 7.46395 10.7392 8.72162 11.7184C4.89924 13.0726 2.15 16.7186 2.15 21C2.15 21.47 2.53084 21.85 3 21.85H21C21.4692 21.85 21.85 21.47 21.85 21C21.85 16.7186 19.1008 13.0726 15.2784 11.7184C16.536 10.7392 17.35 9.21452 17.35 7.5C17.35 4.55053 14.9502 2.15 12 2.15C9.04976 2.15 6.65 4.55053 6.65 7.5ZM8.35 7.5C8.35 5.48748 9.98748 3.85 12 3.85C14.0125 3.85 15.65 5.48748 15.65 7.5C15.65 9.51252 14.0125 11.15 12 11.15C9.98748 11.15 8.35 9.51252 8.35 7.5ZM20.106 20.15H3.89395C4.32041 16.0538 7.79275 12.85 12 12.85C16.2072 12.85 19.6796 16.0538 20.106 20.15Z"
+      stroke="#395589"
+      strokeWidth="0.2"
+    />
+  </svg>,
+  "User2",
+);
+
+export default User2;

package/src/components-v2/mini-cart/__tests__/cart-item.test.tsx

@@ -0,0 +1,174 @@
+/*
+import { Cart, CartLine } from "@/schemas/cart.schema";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { fireEvent, render, screen } from "@testing-library/react";
+import { setupServer } from "msw/node";
+import React from "react";
+import cartData from "./test-cart-with-itemon";
+import { NextIntlClientProvider } from "next-intl";
+import ENUS from "../../../../../messages/en-USon";
+import fr from "../../../../../messages/fron";
+import CartItem from "../components/cart-item";
+import { vi } from "vitest";
+import { NotificationProvider } from "@evenicanpm/storefront-core/src/components-v2/Notifications/notification-context";
+
+// @ts-expect-error - We don't use the dates from this json and its not worth parsin
+const cart: Cart = cartData;
+const server = setupServer();
+beforeAll(() => server.listen());
+afterEach(() => server.resetHandlers());
+afterAll(() => server.close());
+
+const queryClient = new QueryClient();
+const fn = vi.fn;
+
+const Wrapper = ({ children }: React.PropsWithChildren) => (
+  <NextIntlClientProvider locale={"en-US"} messages={ENUS}>
+    <NotificationProvider>
+      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+    </NotificationProvider>
+  </NextIntlClientProvider>
+);
+
+const Wrapper2 = ({ children }: React.PropsWithChildren) => (
+  <NextIntlClientProvider locale={"fr"} messages={fr}>
+    <NotificationProvider>
+      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+    </NotificationProvider>
+  </NextIntlClientProvider>
+);
+
+describe("cart-item", () => {
+  it("Renders the name and price", () => {
+    render(
+      <Wrapper>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={false}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={(cartline: CartLine) => {
+            cartline;
+          }}
+        />
+      </Wrapper>,
+    );
+
+    expect(screen.getByText(/Leather Dress Coat/)).toBeInTheDocument();
+    expect(screen.getByText(/410.00 x 1/)).toBeInTheDocument();
+  });
+  it("Renders Cart Line Control buttons", () => {
+    render(
+      <Wrapper>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={false}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={(cartline: CartLine) => {
+            cartline;
+          }}
+        />
+      </Wrapper>,
+    );
+    expect(screen.getByTitle("Increase Quantity")).toBeInTheDocument();
+    expect(screen.getByTitle("Decrease Quantity")).toBeInTheDocument();
+    expect(screen.getByTitle("Remove Item")).toBeInTheDocument();
+  });
+  it("Translates to French", () => {
+    const testClick = vi.fn();
+    render(
+      <Wrapper2>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={false}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={testClick}
+        />
+      </Wrapper2>,
+    );
+    // screen.debug(undefined, 100000)
+    expect(screen.getByTitle("Augmenter la quantité")).toBeInTheDocument();
+    expect(screen.getByTitle("Diminuer la quantité")).toBeInTheDocument();
+    expect(screen.getByTitle("Supprimer")).toBeInTheDocument();
+  });
+  it("Hides Buttons while loading", () => {
+    render(
+      <Wrapper>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={true}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={(cartline: CartLine) => {
+            cartline;
+          }}
+        />
+      </Wrapper>,
+    );
+    expect(() => screen.getByTitle("Increase Quantity")).toThrow();
+    expect(() => screen.getByTitle("Decrease Quantity")).toThrow();
+  });
+  it("Does allow increase", () => {
+    const testClick = vi.fn();
+    render(
+      <Wrapper>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={false}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={testClick}
+        />
+      </Wrapper>,
+    );
+    // screen.debug(undefined, 100000)
+    const button = screen.getByTitle("Increase Quantity");
+    fireEvent.click(button);
+    expect(testClick).toHaveBeenCalled();
+  });
+  it("Does not allow decrease", () => {
+    const testClick = vi.fn();
+    render(
+      <Wrapper>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={false}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={testClick}
+        />
+      </Wrapper>,
+    );
+    // screen.debug(undefined, 100000)
+    const button = screen.getByTitle("Decrease Quantity");
+    fireEvent.click(button);
+    expect(testClick).not.toHaveBeenCalled();
+  });
+  it("Allows Remove", () => {
+    const testClick = vi.fn();
+    render(
+      <Wrapper>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={false}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={testClick}
+        />
+      </Wrapper>,
+    );
+    // screen.debug(undefined, 100000)
+    const button = screen.getByTitle("Remove Item");
+    fireEvent.click(button);
+    expect(testClick).toHaveBeenCalled();
+  });
+});*/

package/src/components-v2/mini-cart/__tests__/mini-cart.test.tsx

@@ -0,0 +1,121 @@
+/*
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { NextIntlClientProvider } from "next-intl";
+import cartData from "./test-cart-with-itemon";
+import cartDataEmpty from "./test-cart-emptyon";
+import ENUS from "../../../../../messages/en-USon";
+import fr from "../../../../../messages/fron";
+import { fireEvent, render, screen } from "@testing-library/react";
+import MiniCart from "../mini-cart";
+import { vi } from "vitest";
+import { Cart } from "@msdyn365-commerce/retail-proxy";
+import { NotificationProvider } from "@evenicanpm/storefront-core/src/components-v2/Notifications/notification-context";
+
+const { useRouter, mockedRouterPush } = vi.hoisted(() => {
+  const mockedRouterPush = vi.fn();
+  return {
+    useRouter: () => ({ push: mockedRouterPush }),
+    mockedRouterPush,
+  };
+});
+
+vi.mock("next/navigation", async () => {
+  const actual = await vi.importActual("next/navigation");
+  return {
+    ...actual,
+    useRouter,
+  };
+});
+
+const emptyFunc = vi.fn();
+
+// @ts-expect-error - We don't use the dates from this json and its not worth parsing
+const cart: Cart = cartData;
+// @ts-expect-error - We don't use the dates from this json and its not worth parsing
+const emptyCart: Cart = cartDataEmpty;
+const queryClient = new QueryClient();
+
+const Wrapper = ({ children }: React.PropsWithChildren) => (
+  <NotificationProvider>
+    <NextIntlClientProvider locale={"en-US"} messages={ENUS}>
+      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+    </NextIntlClientProvider>
+  </NotificationProvider>
+);
+
+const Wrapper2 = ({ children }: React.PropsWithChildren) => (
+  <NotificationProvider>
+    <NextIntlClientProvider locale={"fr"} messages={fr}>
+      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+    </NextIntlClientProvider>
+  </NotificationProvider>
+);
+
+const ensureCartLinesNotNull = (cartObject: Cart) => ({
+  ...cartObject,
+  CartLines: cartObject.CartLines || [],
+});
+
+describe("Mini Cart", () => {
+  it("Displays one item in bag", () => {
+    render(
+      <Wrapper>
+        <MiniCart cart={ensureCartLinesNotNull(cart)} closeDrawer={emptyFunc} />
+      </Wrapper>,
+    );
+
+    expect(screen.getByText("1 Item in Bag")).toBeInTheDocument();
+  });
+  it("Displays Empty Bag", () => {
+    render(
+      <Wrapper>
+        <MiniCart
+          cart={ensureCartLinesNotNull(emptyCart)}
+          closeDrawer={emptyFunc}
+        />
+      </Wrapper>,
+    );
+
+    expect(screen.getByText("No Items in Bag")).toBeInTheDocument();
+    expect(
+      screen.getByText("There is nothing in your shopping bag yet!"),
+    ).toBeInTheDocument();
+  });
+
+  it("Translates to French", () => {
+    render(
+      <Wrapper2>
+        <MiniCart
+          cart={ensureCartLinesNotNull(emptyCart)}
+          closeDrawer={emptyFunc}
+        />
+      </Wrapper2>,
+    );
+
+    expect(
+      screen.getByText("Il n'y a encore rien dans votre sac à provisions!"),
+    ).toBeInTheDocument();
+  });
+
+  it("Routes to new page", () => {
+    render(
+      <Wrapper>
+        <MiniCart cart={ensureCartLinesNotNull(cart)} closeDrawer={emptyFunc} />
+      </Wrapper>,
+    );
+    //Test navigation to cart page
+    fireEvent.click(screen.getByText("View Bag ($410.00)"));
+    expect(mockedRouterPush).toHaveBeenCalledWith("/cart");
+  });
+  it("Closes Mini cart", () => {
+    const testClick = vi.fn();
+    render(
+      <Wrapper>
+        <MiniCart cart={ensureCartLinesNotNull(cart)} closeDrawer={testClick} />
+      </Wrapper>,
+    );
+    //Test navigation to cart page
+    fireEvent.click(screen.getByTitle("Close"));
+    expect(testClick).toHaveBeenCalled();
+  });
+});*/

package/src/components-v2/mini-cart/__tests__/test-cart-empty.json

@@ -0,0 +1,84 @@
+{
+  "AffiliationLines": [],
+  "IsRequiredAmountPaid": false,
+  "IsDiscountFullyCalculated": true,
+  "IgnoreDiscountCalculation": false,
+  "AmountDue": 0,
+  "AmountPaid": 0,
+  "AttributeValues": [],
+  "IsTaxIncludedInPrice": false,
+  "BeginDateTime": "2025-03-06T19:42:33.915Z",
+  "CartLines": [],
+  "CartTypeValue": 2,
+  "ChannelId": 68719478279,
+  "ChargeAmount": 0,
+  "CustomerOrderRemainingBalance": 0,
+  "ChargeLines": [],
+  "TaxViewLines": [],
+  "Comment": "",
+  "InvoiceComment": "",
+  "Coupons": [],
+  "CustomerOrderModeValue": 0,
+  "DeliveryMode": "",
+  "DiscountAmount": 0,
+  "DiscountAmountWithoutTax": 0,
+  "DiscountCodes": [],
+  "Id": "8o-erTuzbvZDYi20UBbuhT4tnuBzWI7i",
+  "TransactionTypeValue": -1,
+  "CustomerAccountDepositLines": [],
+  "IncomeExpenseLines": [],
+  "IncomeExpenseTotalAmount": 0,
+  "IsReturnByReceipt": false,
+  "ReturnTransactionHasLoyaltyPayment": false,
+  "IsFavorite": false,
+  "IsRecurring": false,
+  "IsSuspended": false,
+  "LoyaltyCardId": "",
+  "ModifiedDateTime": "2025-03-06T19:42:49.043Z",
+  "AvailableDepositAmount": 0,
+  "PrepaymentAmountPaid": 0,
+  "PrepaymentRoundingDifference": 0,
+  "PrepaymentAppliedOnPickup": 0,
+  "PrepaymentAmountInvoiced": 0,
+  "PromotionLines": [],
+  "ReasonCodeLines": [],
+  "RequiredDepositAmount": 0,
+  "RequiredDepositWithoutCarryoutAmount": 0,
+  "StaffId": "",
+  "SubtotalAmount": 0,
+  "SubtotalAmountWithoutTax": 0,
+  "NetPrice": 0,
+  "SubtotalSalesAmount": 0,
+  "TaxAmount": 0,
+  "TaxOnCancellationCharge": 0,
+  "TaxOnShippingCharge": 0,
+  "TaxOnNonShippingCharges": 0,
+  "TenderLines": [],
+  "RefundableTenderLines": [],
+  "TerminalId": "",
+  "TotalAmount": 0,
+  "TotalSalesAmount": 0,
+  "TotalReturnAmount": 0,
+  "TotalCarryoutSalesAmount": 0,
+  "TotalCustomerOrderSalesAmount": 0,
+  "TotalManualDiscountAmount": 0,
+  "TotalManualDiscountPercentage": 0,
+  "WarehouseId": "DC-CENTRAL",
+  "IsCreatedOffline": false,
+  "CartStatusValue": 1,
+  "ReceiptTransactionTypeValue": 0,
+  "CommissionSalesGroup": "",
+  "Version": 71314473,
+  "TotalItems": 1,
+  "HasTaxCalculationTriggered": true,
+  "MerchantProperties": [],
+  "HasChargeCalculationTriggered": true,
+  "FiscalTransactions": [],
+  "ShippingChargeAmount": 0,
+  "OtherChargeAmount": 0,
+  "PeriodicDiscountsCalculateScopeValue": 0,
+  "TaxCalculationTypeValue": 0,
+  "Notes": [],
+  "CustomerRequisition": "",
+  "ExtensionProperties": []
+}

package/src/components-v2/mini-cart/__tests__/test-cart-with-item.json

@@ -0,0 +1,244 @@
+{
+  "AffiliationLines": [],
+  "IsRequiredAmountPaid": false,
+  "IsDiscountFullyCalculated": true,
+  "IgnoreDiscountCalculation": false,
+  "AmountDue": 410,
+  "AmountPaid": 0,
+  "AttributeValues": [],
+  "IsTaxIncludedInPrice": false,
+  "BeginDateTime": "2025-03-06T19:42:33.915Z",
+  "CartLines": [
+    {
+      "LineId": "cd2e64b1c445434eb38c24eb40ee1d90",
+      "ItemId": "92040",
+      "Barcode": "",
+      "EntryMethodTypeValue": 0,
+      "Description": "",
+      "InventoryDimensionId": "#0000001000006DC7",
+      "Comment": "",
+      "ProductId": 68719492920,
+      "WarehouseId": "DC-CENTRAL",
+      "Quantity": 1,
+      "Price": 410,
+      "ExtendedPrice": 410,
+      "TaxAmount": 0,
+      "ItemTaxGroupId": "RP",
+      "TotalAmount": 410,
+      "NetAmountWithoutTax": 410,
+      "NetPrice": 410,
+      "DiscountAmountWithoutTax": 0,
+      "DiscountAmount": 0,
+      "LineDiscount": 0,
+      "LinePercentageDiscount": 0,
+      "LineManualDiscountPercentage": 0,
+      "LineManualDiscountAmount": 0,
+      "UnitOfMeasureSymbol": "ea",
+      "DeliveryMode": "",
+      "IsWarrantyLine": false,
+      "WarrantableTransactionId": "",
+      "WarrantableSalesId": "",
+      "WarrantableLineNumber": 0,
+      "WarrantableSerialNumber": "",
+      "ReturnTransactionId": "",
+      "ReturnLineNumber": 0,
+      "ReturnInventTransId": "",
+      "ReturnStore": "",
+      "ReturnTerminalId": "",
+      "IsVoided": false,
+      "IsTaxOverideCodeTaxExempt": false,
+      "IsGiftCardLine": false,
+      "IsPriceKeyedIn": false,
+      "GiftCardId": "",
+      "GiftCardCurrencyCode": "",
+      "GiftCardOperationValue": 0,
+      "GiftCardTypeValue": 0,
+      "SalesStatusValue": 1,
+      "QuantityCanceled": 0,
+      "FulfillmentStoreId": "",
+      "SerialNumber": "",
+      "ElectronicDeliveryEmail": "",
+      "ElectronicDeliveryEmailContent": "",
+      "IsPriceOverridden": false,
+      "IsInvoiceLine": false,
+      "InvoiceId": "",
+      "InvoiceAmount": 0,
+      "GiftCardBalance": 0,
+      "LineVersion": 0,
+      "PromotionLines": [],
+      "PriceLines": [
+        {
+          "RecordId": 68719489596,
+          "Value": 410,
+          "PriceMethod": "Fixed",
+          "OriginId": "92040",
+          "PriceChangedByExtensions": false,
+          "ExtensionProperties": [],
+          "@odata.type": "#Microsoft.Dynamics.Commerce.Runtime.DataModel.BasePriceLine"
+        }
+      ],
+      "DiscountLines": [],
+      "RelatedDiscountedLineIds": [],
+      "ReasonCodeLines": [],
+      "ChargeLines": [],
+      "TaxLines": [],
+      "ReturnTaxLines": [],
+      "TaxRatePercent": 0,
+      "IsCustomerAccountDeposit": false,
+      "ExtensionProperties": [],
+      "LineNumber": 1,
+      "CommissionSalesGroup": "",
+      "StaffId": "",
+      "CatalogId": 0,
+      "AttributeValues": [],
+      "ThirdPartyGiftCardInfo": {
+        "Amount": 0,
+        "Authorization": "",
+        "ExtensionProperties": []
+      },
+      "BarcodeEmbeddedPrice": 0,
+      "PriceInBarcode": false,
+      "InvoiceTypeValue": 0,
+      "DetailedLineStatusValue": 0,
+      "SalesAgreementLineRecordId": 0,
+      "Product": {
+        "RecordId": 68719492920,
+        "ItemId": "92040",
+        "Name": "Leather Dress Coat",
+        "Description": "Black leather dress coat completed with a collar for a classy look.",
+        "ProductTypeValue": 5,
+        "DefaultUnitOfMeasure": "ea",
+        "BasePrice": 410,
+        "Price": 410,
+        "AdjustedPrice": 410,
+        "MasterProductId": 68719492919,
+        "Components": [],
+        "IsGiftCard": false,
+        "ProductNumber": "92040 :  : M :  :",
+        "Dimensions": [
+          {
+            "DimensionTypeValue": 3,
+            "DimensionValue": {
+              "RecordId": 22565421233,
+              "Value": "M",
+              "DimensionId": "M",
+              "ExtensionProperties": []
+            },
+            "ExtensionProperties": []
+          }
+        ],
+        "Behavior": {
+          "HasSerialNumber": false,
+          "IsDiscountAllowed": true,
+          "IsManualDiscountAllowed": true,
+          "IsKitDisassemblyAllowed": false,
+          "IsNegativeQuantityAllowed": false,
+          "IsReturnAllowed": true,
+          "IsSaleAtPhysicalStoresAllowed": true,
+          "IsZeroSalePriceAllowed": false,
+          "KeyInPriceValue": 4,
+          "KeyInQuantityValue": 0,
+          "MustKeyInComment": false,
+          "MustPrintIndividualShelfLabelsForVariants": false,
+          "MustPromptForSerialNumberOnlyAtSale": false,
+          "MustWeighProductAtSale": false,
+          "ValidFromDateForSaleAtPhysicalStores": "1900-01-01T00:00:00.000Z",
+          "ValidToDateForSaleAtPhysicalStores": "2154-12-31T00:00:00.000Z",
+          "IsStorageDimensionGroupLocationActive": true,
+          "IsStorageDimensionGroupLocationAllowBlankReceiptEnabled": false,
+          "AllowNegativePhysicalInventory": true,
+          "IsStockedProduct": true,
+          "IsBlankSerialNumberAllowed": false,
+          "IsBlankSerialNumberReceiptAllowed": false,
+          "IsSerialNumberControlEnabled": false,
+          "IsStorageDimensionGroupLocationBlankIssueAllowed": false,
+          "IsSerialNumberRequired": false,
+          "DefaultQuantity": 0,
+          "MaximumQuantity": 0,
+          "MinimumQuantity": 0,
+          "MultipleOfQuantity": 0,
+          "InventoryLocationId": "",
+          "IsSaleAtSelfCheckoutRegistersAllowed": true,
+          "ExtensionProperties": []
+        },
+        "LinkedProducts": [],
+        "PrimaryImageUrl": "https://images-us-prod.cms.commerce.dynamics.com/cms/api/lmrndcmtsl/imageFileData/search?fileName=/Products/92040 ^  ^ M ^  ^_000_001.png",
+        "ItemTypeValue": 0,
+        "ItemServiceTypeValue": 0,
+        "ExtensionProperties": []
+      }
+    }
+  ],
+  "CartTypeValue": 2,
+  "ChannelId": 68719478279,
+  "ChargeAmount": 0,
+  "CustomerOrderRemainingBalance": 0,
+  "ChargeLines": [],
+  "TaxViewLines": [],
+  "Comment": "",
+  "InvoiceComment": "",
+  "Coupons": [],
+  "CustomerOrderModeValue": 0,
+  "DeliveryMode": "",
+  "DiscountAmount": 0,
+  "DiscountAmountWithoutTax": 0,
+  "DiscountCodes": [],
+  "Id": "8o-erTuzbvZDYi20UBbuhT4tnuBzWI7i",
+  "TransactionTypeValue": -1,
+  "CustomerAccountDepositLines": [],
+  "IncomeExpenseLines": [],
+  "IncomeExpenseTotalAmount": 0,
+  "IsReturnByReceipt": false,
+  "ReturnTransactionHasLoyaltyPayment": false,
+  "IsFavorite": false,
+  "IsRecurring": false,
+  "IsSuspended": false,
+  "LoyaltyCardId": "",
+  "ModifiedDateTime": "2025-03-06T19:42:49.043Z",
+  "AvailableDepositAmount": 0,
+  "PrepaymentAmountPaid": 0,
+  "PrepaymentRoundingDifference": 0,
+  "PrepaymentAppliedOnPickup": 0,
+  "PrepaymentAmountInvoiced": 0,
+  "PromotionLines": [],
+  "ReasonCodeLines": [],
+  "RequiredDepositAmount": 0,
+  "RequiredDepositWithoutCarryoutAmount": 0,
+  "StaffId": "",
+  "SubtotalAmount": 410,
+  "SubtotalAmountWithoutTax": 410,
+  "NetPrice": 410,
+  "SubtotalSalesAmount": 410,
+  "TaxAmount": 0,
+  "TaxOnCancellationCharge": 0,
+  "TaxOnShippingCharge": 0,
+  "TaxOnNonShippingCharges": 0,
+  "TenderLines": [],
+  "RefundableTenderLines": [],
+  "TerminalId": "",
+  "TotalAmount": 410,
+  "TotalSalesAmount": 410,
+  "TotalReturnAmount": 0,
+  "TotalCarryoutSalesAmount": 0,
+  "TotalCustomerOrderSalesAmount": 0,
+  "TotalManualDiscountAmount": 0,
+  "TotalManualDiscountPercentage": 0,
+  "WarehouseId": "DC-CENTRAL",
+  "IsCreatedOffline": false,
+  "CartStatusValue": 1,
+  "ReceiptTransactionTypeValue": 0,
+  "CommissionSalesGroup": "",
+  "Version": 71314473,
+  "TotalItems": 1,
+  "HasTaxCalculationTriggered": true,
+  "MerchantProperties": [],
+  "HasChargeCalculationTriggered": true,
+  "FiscalTransactions": [],
+  "ShippingChargeAmount": 0,
+  "OtherChargeAmount": 0,
+  "PeriodicDiscountsCalculateScopeValue": 0,
+  "TaxCalculationTypeValue": 0,
+  "Notes": [],
+  "CustomerRequisition": "",
+  "ExtensionProperties": []
+}

package/src/components-v2/mini-cart/components/bottom-actions.tsx

@@ -0,0 +1,27 @@
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import { useTranslations } from "next-intl";
+
+// ==============================================================
+interface Props {
+  total: string;
+  handleNavigate: (path: string) => () => void;
+}
+// ==============================================================
+
+export default function BottomActions({ total, handleNavigate }: Props) {
+  const t = useTranslations("Cart");
+  return (
+    <Box p={2.5}>
+      <Button
+        fullWidth
+        color="primary"
+        variant="outlined"
+        sx={{ height: 40 }}
+        onClick={handleNavigate("/cart")}
+      >
+        {t("viewCartBtn", { total })}
+      </Button>
+    </Box>
+  );
+}