chore(examples): update dinero.js from v2.0.0-alpha.8 to v2.0.0 (#648)

Author: sarahdayan

examples/nextjs-response-streaming/package-lock.json

@@ -18,7 +18,7 @@
     "autoprefixer": "10.4.14",
     "clsx": "1.2.1",
     "date-fns": "2.29.3",
-    "dinero.js": "2.0.0-alpha.8",
+    "dinero.js": "2.0.0",
     "eslint": "8.37.0",
     "eslint-config-next": "14.2.2",
     "ms": "3.0.0-canary.1",

examples/nextjs-response-streaming/package.json

@@ -57,4 +57,4 @@ export const ProductCard = ({
             </div>
         </Link>
     )
-}
+}

examples/nextjs-response-streaming/ui/product-card.tsx

@@ -1,12 +1,13 @@
-import { toFormat, type Dinero } from 'dinero.js';
+import { toSnapshot, type Dinero } from 'dinero.js';
 
 export const ProductCurrencySymbol = ({
     dinero,
 }: {
     dinero: Dinero<number>;
 }) => {
+    const snapshot = toSnapshot(dinero);
     let symbol = '';
-    switch (toFormat(dinero, ({ currency }) => currency.code)) {
+    switch (snapshot.currency.code) {
         case 'GBP': {
             symbol = '£';
             break;

examples/nextjs-response-streaming/ui/product-currency-symbol.tsx

@@ -1,5 +1,5 @@
 import { ProductCurrencySymbol } from '@/ui/product-currency-symbol';
-import { toUnit, type Dinero } from 'dinero.js';
+import { toDecimal, type Dinero } from 'dinero.js';
 
 export const ProductDeal = ({
     price: priceRaw,
@@ -10,8 +10,8 @@ export const ProductDeal = ({
         amount: Dinero<number>;
     };
 }) => {
-    const discount = toUnit(discountRaw.amount);
-    const price = toUnit(priceRaw);
+    const discount = Number(toDecimal(discountRaw.amount));
+    const price = Number(toDecimal(priceRaw));
     const percent = Math.round(100 - (discount / price) * 100);
 
     return (

examples/nextjs-response-streaming/ui/product-deal.tsx

@@ -1,5 +1,5 @@
 import { Product } from "@/app/api/products/product";
-import { Dinero, multiply, toUnit } from "dinero.js";
+import { Dinero, multiply, toDecimal } from "dinero.js";
 import { ProductCurrencySymbol } from "./product-currency-symbol";
 import { ProductDeal } from "./product-deal";
 import { ProductLighteningDeal } from "./product-lightening-deal";
@@ -45,8 +45,8 @@ export const ProductPrice = ({
                 <ProductCurrencySymbol dinero={price} />
             </div>
             <div className="text-lg font-bold leading-snug text-white">
-                {toUnit(price)}
+                {Number(toDecimal(price))}
             </div>
         </div>
     );
-}
+}

examples/nextjs-response-streaming/ui/product-price.tsx

@@ -1,5 +1,5 @@
 import { Product } from '@/app/api/products/product';
-import { dinero, toUnit, up, type DineroSnapshot } from 'dinero.js';
+import { dinero, toDecimal, type DineroSnapshot } from 'dinero.js';
 
 export const ProductUsedPrice = ({
     usedPrice: usedPriceRaw,
@@ -12,7 +12,7 @@ export const ProductUsedPrice = ({
         <div className="text-sm">
             <div className="text-gray-400">More buying choices</div>
             <div className="text-gray-200">
-                ${toUnit(usedPrice, { digits: 0, round: up })} (used)
+                ${Math.ceil(Number(toDecimal(usedPrice)))} (used)
             </div>
         </div>
     );