@salifbiaye/create-boutique 0.2.1 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salifbiaye/create-boutique",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Usine à Boutiques : génère un projet complet (backend Medusa + une boutique Next.js par campagne) prêt pour docker compose",
   "type": "module",
   "repository": { "type": "git", "url": "git+https://github.com/salifbiaye/create-boutique.git" },

package/templates/storefront/locales/en.json

@@ -302,5 +302,6 @@
   "account.keepShopping": "Shop the deals",
   "account.profileDone": "Profile completed",
   "account.completeProfile": "Complete your profile (phone, billing address) to check out faster.",
-  "nav.menu": "Menu"
+  "nav.menu": "Menu",
+  "cart.variant": "Variant:"
 }

package/templates/storefront/locales/fr.json

@@ -302,5 +302,6 @@
   "account.keepShopping": "Voir les offres",
   "account.profileDone": "Profil complété",
   "account.completeProfile": "Complétez votre profil (téléphone, adresse de facturation) pour commander plus vite.",
-  "nav.menu": "Menu"
+  "nav.menu": "Menu",
+  "cart.variant": "Variante :"
 }

package/templates/storefront/src/modules/account/components/order-card/index.tsx

@@ -1,4 +1,5 @@
 import { T } from "@lib/boutique/i18n-client"
+import LocalDate from "@modules/common/components/local-date"
 import { Button } from "@medusajs/ui"
 import { useMemo } from "react"
 
@@ -31,7 +32,7 @@ const OrderCard = ({ order }: OrderCardProps) => {
       </div>
       <div className="flex items-center divide-x divide-gray-200 text-small-regular text-ui-fg-base">
         <span className="pr-2" data-testid="order-created-at">
-          {new Date(order.created_at).toDateString()}
+          <LocalDate iso={order.created_at} style="medium" />
         </span>
         <span className="px-2" data-testid="order-amount">
           {convertToLocale({

package/templates/storefront/src/modules/checkout/components/payment-wrapper/index.tsx

@@ -14,7 +14,7 @@ type PaymentWrapperProps = {
 }
 
 const PaymentWrapper: React.FC<PaymentWrapperProps> = ({ cart, stripeKey, children }) => {
-  const stripePromise = useMemo(() => (stripeKey ? loadStripe(stripeKey) : null), [stripeKey])
+  const stripePromise = useMemo(() => (stripeKey ? loadStripe(stripeKey, { developerTools: { assistant: { enabled: false } } }) : null), [stripeKey])
 
   const paymentSession = cart.payment_collection?.payment_sessions?.find(
     (s) => s.status === "pending"

package/templates/storefront/src/modules/common/components/line-item-options/index.tsx

@@ -1,3 +1,4 @@
+import { T } from "@lib/boutique/i18n-client"
 import { HttpTypes } from "@medusajs/types"
 import { Text } from "@medusajs/ui"
 
@@ -18,7 +19,7 @@ const LineItemOptions = ({
       data-value={dataValue}
       className="inline-block txt-medium text-ui-fg-subtle w-full overflow-hidden text-ellipsis"
     >
-      Variant: {variant?.title}
+      <T k="cart.variant" /> {variant?.title}
     </Text>
   )
 }

package/templates/storefront/src/modules/common/components/local-date/index.tsx

@@ -0,0 +1,9 @@
+"use client"
+
+import { useLocale } from "@lib/boutique/i18n-client"
+
+/** Date formatée dans la langue et le pays de la boutique (ex. « 29 septembre 2026 » en fr-FR). */
+export default function LocalDate({ iso, style = "long" }: { iso: string | Date; style?: "long" | "medium" | "short" }) {
+  const locale = useLocale()
+  return <>{new Date(iso).toLocaleDateString(locale, { dateStyle: style })}</>
+}

package/templates/storefront/src/modules/order/components/order-details/index.tsx

@@ -1,4 +1,5 @@
 import { T } from "@lib/boutique/i18n-client"
+import LocalDate from "@modules/common/components/local-date"
 import { HttpTypes } from "@medusajs/types"
 import { Text } from "@medusajs/ui"
 
@@ -29,7 +30,7 @@ const OrderDetails = ({ order, showStatus }: OrderDetailsProps) => {
       <Text className="mt-2">
         <T k="order.date" />{" "}
         <span data-testid="order-date">
-          {new Date(order.created_at).toLocaleDateString(undefined, { dateStyle: "long" })}
+          <LocalDate iso={order.created_at} />
         </span>
       </Text>
       <Text className="mt-2 text-ui-fg-interactive">

package/templates/storefront/src/modules/order/components/shipping-details/index.tsx

@@ -55,7 +55,7 @@ const ShippingDetails = ({ order }: ShippingDetailsProps) => {
           className="flex flex-col w-1/3"
           data-testid="shipping-method-summary"
         >
-          <Text className="txt-medium-plus text-ui-fg-base mb-1">Method</Text>
+          <Text className="txt-medium-plus text-ui-fg-base mb-1"><T k="order.method" /></Text>
           <Text className="txt-medium text-ui-fg-subtle">
             {(order as any).shipping_methods[0]?.name} (
             {convertToLocale({