@cartbase/storefront 0.1.0

package/src/checkout/gift-card-section.tsx

@@ -0,0 +1,224 @@
+"use client"
+
+import { useState } from "react"
+
+import type { StorefrontClient } from "../api/http"
+import type { Cart } from "../api/carts"
+import { applyGiftCard, removeGiftCard } from "../api/gift-cards"
+import { DualPrice } from "../lib/dual-price"
+import { cn } from "../lib/utils"
+import { useCheckoutLabels } from "./context"
+import { translateGiftCardError } from "./payment-error-copy"
+
+/**
+ * GiftCardSection — collapsible gift-card input shown inside the order
+ * summary card, plus the applied-cards chip list (masked `last4`, per-card
+ * coverage, remove).
+ *
+ * NEW in the barter port (no @1click equivalent — gift-card tender is a
+ * barter feature, docs/storefront/gift-cards.md). Built in the
+ * DiscountSection idiom so the two summary widgets read as one family.
+ *
+ * Contract discipline baked in:
+ *  - Redemption is TENDER, never a discount: totals/VAT don't move. This
+ *    component renders `cart.gift_cards[]` / `gift_card_total` /
+ *    `gift_card_remainder` straight off the cart decoration — SERVER
+ *    truth, zero client math.
+ *  - Apply/remove via `@cartbase/storefront/api/gift-cards`
+ *    (POST/DELETE /api/store/carts/:id/gift-cards). Both return the
+ *    decorated cart — handed to `onCartChange`.
+ *  - The API deliberately answers unknown/disabled/expired/depleted codes
+ *    with ONE generic `invalid_gift_card` (no code-existence oracle) and
+ *    rate-limits attempts (`rate_limited`). The error copy mirrors that:
+ *    one honest generic message per code — never branch on failure reasons
+ *    the API hides (`translateGiftCardError`).
+ *  - The confirmation is MASKED — only `last4` renders; the code is shown
+ *    nowhere after submit.
+ *
+ * After apply/remove, the checkout must re-sync any pending provider
+ * session (`syncPaymentAmount`) — the orchestration hook exposes it; wire
+ * `onCartChange` to call it (see CheckoutClient).
+ */
+
+type GiftCardSectionProps = {
+  /** The SDK transport — apply/remove go through it. */
+  client: StorefrontClient
+  cart: Cart
+  /** Receives the decorated cart returned by a successful apply/remove. */
+  onCartChange?: (cart: Cart) => void
+}
+
+export function GiftCardSection({
+  client,
+  cart,
+  onCartChange,
+}: GiftCardSectionProps) {
+  const labels = useCheckoutLabels()
+  const [code, setCode] = useState("")
+  const [loading, setLoading] = useState(false)
+  const [removingId, setRemovingId] = useState<string | null>(null)
+  const [error, setError] = useState("")
+  const [open, setOpen] = useState(false)
+
+  const appliedCards = cart.gift_cards ?? []
+
+  const handleApply = async () => {
+    if (!code.trim()) return
+    setLoading(true)
+    setError("")
+    try {
+      const { cart: updated } = await applyGiftCard(client, cart.id, {
+        code: code.trim(),
+      })
+      onCartChange?.(updated)
+      setCode("")
+    } catch (e: unknown) {
+      // Generic-oracle discipline: one clean message per code family.
+      setError(translateGiftCardError(e))
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  const handleRemove = async (giftCardId: string) => {
+    setRemovingId(giftCardId)
+    setError("")
+    try {
+      const { cart: updated } = await removeGiftCard(client, cart.id, {
+        gift_card_id: giftCardId,
+      })
+      onCartChange?.(updated)
+    } catch (e: unknown) {
+      setError(translateGiftCardError(e))
+    } finally {
+      setRemovingId(null)
+    }
+  }
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => setOpen(!open)}
+        className="flex items-center gap-3 w-full p-4 rounded-xl border border-border bg-muted/50 hover:bg-muted transition-colors"
+      >
+        <div className="w-10 h-10 rounded-full bg-gradient-to-br from-primary to-primary/70 flex items-center justify-center flex-shrink-0">
+          {/* Gift icon */}
+          <svg
+            className="w-5 h-5 text-card"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+            strokeWidth={2}
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              d="M21 11.25v8.25a1.5 1.5 0 01-1.5 1.5H4.5a1.5 1.5 0 01-1.5-1.5v-8.25M12 4.875A2.625 2.625 0 109.375 7.5H12m0-2.625V7.5m0-2.625A2.625 2.625 0 1114.625 7.5H12m0 0V21m-8.625-9.75h18c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z"
+            />
+          </svg>
+        </div>
+        <div className="flex-1 text-left">
+          <p className="text-sm font-semibold text-foreground">
+            {labels.giftCard}
+          </p>
+          <p className="text-xs text-muted-foreground">{labels.giftCardSub}</p>
+        </div>
+        <span className="text-sm font-medium text-foreground flex items-center gap-1.5">
+          {labels.addCode}
+          <svg
+            className={cn(
+              "w-4 h-4 text-muted-foreground transition-transform duration-200",
+              open && "rotate-180"
+            )}
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+            strokeWidth={2}
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              d="M19.5 8.25l-7.5 7.5-7.5-7.5"
+            />
+          </svg>
+        </span>
+      </button>
+
+      {open && (
+        <div className="mt-3 flex gap-2">
+          <input
+            type="text"
+            value={code}
+            onChange={(e) => setCode(e.target.value.toUpperCase())}
+            placeholder={labels.giftCardPlaceholder}
+            className="flex-1 h-11 px-4 text-sm bg-card border border-border rounded-xl focus:outline-none focus:border-primary focus:ring-2 focus:ring-primary/20 transition-all"
+          />
+          <button
+            type="button"
+            onClick={handleApply}
+            disabled={loading || !code.trim()}
+            className="px-5 h-11 text-sm font-semibold bg-foreground text-card rounded-xl hover:bg-foreground/90 transition-all disabled:opacity-40"
+          >
+            {labels.addCode}
+          </button>
+        </div>
+      )}
+
+      {error && <p className="text-xs text-destructive mt-2">{error}</p>}
+
+      {appliedCards.length > 0 && (
+        <div className="mt-3 space-y-1.5">
+          {appliedCards.map((gc) => (
+            <div
+              key={gc.id}
+              className={cn(
+                "flex items-center justify-between px-4 py-2.5 bg-success/10 border border-success/20 rounded-lg transition-opacity",
+                removingId === gc.id && "opacity-40 pointer-events-none"
+              )}
+            >
+              <div className="flex items-center gap-2 min-w-0">
+                <svg
+                  className="w-4 h-4 text-success flex-shrink-0"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                  strokeWidth={2}
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                  />
+                </svg>
+                <span className="text-sm font-semibold text-success truncate">
+                  {labels.giftCardEnding} ••••{gc.last4}
+                </span>
+              </div>
+              <div className="flex items-center gap-3 flex-shrink-0">
+                {/* Per-card coverage — server-derived; a depleted/disabled
+                    card stays listed at 0 so the shopper sees WHY the
+                    remainder didn't shrink. */}
+                <span className="text-sm font-medium text-success">
+                  -
+                  <DualPrice
+                    amount={gc.amount}
+                    currencyCode={cart.currency_code}
+                  />
+                </span>
+                <button
+                  type="button"
+                  onClick={() => handleRemove(gc.id)}
+                  disabled={removingId !== null}
+                  className="text-xs text-muted-foreground hover:text-destructive hover:underline transition-colors"
+                >
+                  {labels.remove}
+                </button>
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  )
+}

package/src/checkout/index.ts

@@ -0,0 +1,74 @@
+// @cartbase/storefront/checkout — barrel export.
+//
+// Ported from `@1click/ui/src/checkout/index.ts` (v2.3.1). Not ported in
+// this batch: CheckoutLineItem's standalone file (its flat row lives inside
+// order-summary.tsx and is re-exported below) and the Mobile* bars (out of
+// the pre-declared file list; stores compose their own from the hook).
+// Extra modules beyond the pre-declared export list (geocode,
+// compare-addresses) are exported from here only.
+
+export {
+  CheckoutProvider,
+  useCheckoutLabels,
+  useOrderConfirmedPath,
+} from "./context"
+export { defaultCheckoutLabels, type CheckoutLabels } from "./labels"
+export { bulgarianCheckoutLabels } from "./labels-bg"
+export { ErrorMessage } from "./error-message"
+export {
+  StripeContext,
+  StripeScopeProvider,
+  StripeElementsScope,
+  useStripeScope,
+} from "./stripe-wrapper"
+export { PaymentWrapper } from "./payment-wrapper"
+export { PaymentButton } from "./payment-button"
+export {
+  EcontOfficeSelector,
+  type EcontOffice,
+} from "./econt-office-selector"
+export {
+  BoxNowLockerSelector,
+  type BoxNowLocker,
+} from "./boxnow-locker-selector"
+export { AddressSelect } from "./address-select"
+export { CompanyDetails } from "./company-details"
+export { DiscountSection } from "./discount-section"
+export { GiftCardSection } from "./gift-card-section"
+export { LineItemCard } from "./line-item-card"
+export { OrderSummary, CheckoutLineItem } from "./order-summary"
+export { CheckoutAddressForm } from "./address-form"
+export { CheckoutShippingMethodList } from "./shipping-method-list"
+export { CheckoutPaymentMethodList } from "./payment-method-list"
+export { CheckoutClient } from "./checkout-client"
+export {
+  useCheckoutOrchestration,
+  resolveOrderConfirmedPath,
+  type UseCheckoutOrchestrationOptions,
+  type CheckoutCodConfig,
+  type CheckoutLogError,
+  type PaymentProviderLike,
+} from "./use-checkout-orchestration"
+export {
+  translatePaymentError,
+  translateGiftCardError,
+  PAYMENT_ERROR_CODE_COPY,
+  GIFT_CARD_ERROR_CODE_COPY,
+} from "./payment-error-copy"
+export {
+  translateAddressError,
+  ADDRESS_ERROR_CODE_COPY,
+} from "./address-error-copy"
+export {
+  translatePromotionError,
+  PROMOTION_ERROR_CODE_COPY,
+} from "./promotion-error-copy"
+export { default as compareAddresses } from "./compare-addresses"
+export {
+  transliterateBgToLatin,
+  normalizeForMatch,
+  distanceMeters,
+  formatDistance,
+  cleanAddress,
+  geocodeAddress,
+} from "./geocode"

package/src/checkout/labels-bg.ts

@@ -0,0 +1,128 @@
+import type { CheckoutLabels } from "./labels"
+
+/**
+ * Bulgarian translations for the checkout.
+ *
+ * Ported from `@1click/ui/src/checkout/labels-bg.ts` (v2.3.1) + the barter
+ * gift-card keys. Strings match the originals from mindpages-storefront's
+ * checkout-client monolith.
+ *
+ * Usage in a store's checkout page:
+ *
+ *   import {
+ *     CheckoutProvider,
+ *     bulgarianCheckoutLabels,
+ *   } from "@cartbase/storefront/checkout"
+ *
+ *   <CheckoutProvider labels={bulgarianCheckoutLabels}>
+ *     <CheckoutClient ... />
+ *   </CheckoutProvider>
+ */
+
+export const bulgarianCheckoutLabels: CheckoutLabels = {
+  deliveryInfo: "Информация за доставка",
+  shippingServices: "Начин на доставка",
+  paymentMethod: "Начин на плащане",
+  orderSummary: "Обобщение на поръчката",
+
+  email: "Имейл",
+  country: "Държава",
+  singleCountryName: "България",
+  firstName: "Собствено име",
+  lastName: "Фамилно име",
+  address: "Адрес",
+  apartment: "Етаж, апартамент и т.н. (незадължително)",
+  city: "Град",
+  postalCode: "Пощенски код",
+  phone: "Телефон",
+  province: "Област",
+
+  saveAddress: "Запази и продължи",
+  updateAddress: "Обнови адреса",
+  addToOrder: "+ Добави към поръчката",
+  addCode: "Приложи",
+
+  deliveryDisabled:
+    "Въведете адреса си за доставка, за да видите наличните варианти за доставяне.",
+  noShippingOptions: "Няма налични опции за доставка за вашия адрес.",
+  paymentDisabled: "Изберете начин на доставка, за да продължите.",
+  deliveryPreviewHint: "Въведете адрес, за да изберете доставка.",
+  buyNeedsAddress: "Въведете адрес за доставка",
+  buyNeedsDelivery: "Изберете начин на доставка",
+
+  codNote: "Плащане при доставка. Възможна е допълнителна такса.",
+  payOnline: "Плащане онлайн",
+  cashOnDelivery: "Наложен платеж",
+  termsText:
+    "С поръчката си приемате нашите Общи условия и Политика за поверителност.",
+
+  useSavedAddress: "Използвайте запазен адрес?",
+  saveInfo: "Запазване на тази информация за следващия път",
+
+  chooseAddress: "Изберете адрес",
+
+  items: "артикула",
+  qty: "Кол.",
+  subtotal: "Междинна сума",
+  shipping: "Доставка",
+  shippingCalc: "Ще бъде изчислена",
+  shippingFree: "Безплатна",
+  tax: "Вкл. ДДС",
+  taxTooltip: "ДДС 20% е включен в цените",
+  total: "Обща сума",
+  discount: "Отстъпка",
+  discountCode: "Код за отстъпка",
+  discountSub: "Спестете с промо код",
+  codFee: "Такса наложен платеж",
+  recommended: "Препоръчано за вас",
+  recommendedSoon: "Скоро тук",
+  recommendedSoonSub: "Персонализирани предложения за вас",
+  remove: "Премахни",
+  secureCheckout: "Защитено плащане",
+
+  giftCard: "Карта за подарък",
+  giftCardSub: "Използвайте карта за подарък",
+  giftCardPlaceholder: "GIFT-XXXX-XXXX",
+  giftCardApplied: "Карти за подарък",
+  giftCardRemaining: "Остава за плащане",
+  giftCardEnding: "Карта, завършваща на",
+
+  companyInvoice: "Фактура за фирма",
+  companyName: "Име на фирма",
+  companyVat: "ЕИК / Булстат",
+  companyMol: "МОЛ (материално отговорно лице)",
+  companyAddress: "Адрес на фирма",
+
+  placeOrder: "Поръчай",
+  selectPaymentMethod: "Изберете начин на плащане",
+
+  processingCard: [
+    "Свързваме се с банката...",
+    "Потвърждаваме плащането...",
+    "Записваме поръчката...",
+    "Внимаваме за всеки детайл...",
+  ],
+  processingCod: [
+    "Резервираме доставката...",
+    "Подготвяме поръчката...",
+    "Внимаваме за всеки детайл...",
+  ],
+
+  econtLoadingOffices: "Зареждане на офиси...",
+  econtNearestOffices: "Най-близки офиси",
+  econtSearchAnother: "Търси друг офис",
+  econtSearchPlaceholder: "Търси по име, град или адрес...",
+  econtNoResults: "Няма намерени офиси за",
+  econtChange: "Промени",
+
+  boxnowLoadingLockers: "Зареждане на автомати...",
+  boxnowNearestLockers: "Най-близки автомати",
+  boxnowSearchAnother: "Търси друг автомат",
+  boxnowSearchPlaceholder: "Търси по име, адрес или пощенски код...",
+  boxnowNoResults: "Няма намерени автомати за",
+  boxnowChange: "Промени",
+  boxnowUnavailable:
+    "BoxNow временно е недостъпен, моля изберете друг метод за доставка.",
+  boxnowNoLockersInCity:
+    "Няма BoxNow автомати във вашия град. Моля изберете друг метод за доставка.",
+}

package/src/checkout/labels.ts

@@ -0,0 +1,263 @@
+/**
+ * Checkout labels — default English copy.
+ *
+ * Ported from `@1click/ui/src/checkout/labels.ts` (v2.3.1) with the
+ * barter additions: gift-card tender labels (`giftCard*`) for the new
+ * GiftCardSection (gift cards are a barter feature with no @1click
+ * equivalent — docs/storefront/gift-cards.md).
+ *
+ * Every user-facing string in the checkout module comes from a
+ * `CheckoutLabels` object. Stores override strings by passing a partial
+ * labels object to `CheckoutProvider`. English is the baseline; stores
+ * wanting Bulgarian, German, etc. pass their own translations.
+ */
+
+export type CheckoutLabels = {
+  // Section headings
+  deliveryInfo: string
+  shippingServices: string
+  paymentMethod: string
+  orderSummary: string
+
+  // Form fields
+  email: string
+  country: string
+  /**
+   * Localized name of the single-region country (e.g. "България"). When
+   * the checkout renders with exactly one country, the country select
+   * collapses to a readonly field showing this name instead of the
+   * dropdown's English `display_name`. Optional — falls back to the
+   * country's `display_name` when omitted.
+   */
+  singleCountryName?: string
+  firstName: string
+  lastName: string
+  address: string
+  apartment: string
+  city: string
+  postalCode: string
+  phone: string
+  province: string
+
+  // Buttons
+  saveAddress: string
+  updateAddress: string
+  addToOrder: string
+  addCode: string
+
+  // States / empty / disabled
+  deliveryDisabled: string
+  noShippingOptions: string
+  paymentDisabled: string
+  /** Shown above the shipping options when they render as a read-only
+   * price preview before the address is entered (stores that opt into
+   * `previewWhenAddressNotReady`). */
+  deliveryPreviewHint: string
+  /** Hint under the disabled Buy button explaining what's still missing. */
+  buyNeedsAddress: string
+  buyNeedsDelivery: string
+
+  // Payment tabs
+  codNote: string
+  /** Online-payment radio label. Covers every Stripe-enabled method
+   * (card + Apple Pay + Google Pay + Link + whatever else is turned on
+   * in the Stripe Dashboard). Replaces the old `payByCard`. */
+  payOnline: string
+  cashOnDelivery: string
+  termsText: string
+
+  // Address reuse
+  useSavedAddress: string
+  saveInfo: string
+
+  // Saved address picker
+  chooseAddress: string
+
+  // Order summary
+  items: string
+  qty: string
+  subtotal: string
+  shipping: string
+  shippingCalc: string
+  shippingFree: string
+  tax: string
+  taxTooltip: string
+  total: string
+  discount: string
+  discountCode: string
+  discountSub: string
+  /** Default label for the cash-on-delivery fee row. Used as the third-
+   *  level fallback when neither the cart's `cod_fee_label` (barter
+   *  server truth) nor a per-store override is available. */
+  codFee: string
+  recommended: string
+  recommendedSoon: string
+  recommendedSoonSub: string
+  remove: string
+  secureCheckout: string
+
+  // Gift cards (barter gift-card tender — docs/storefront/gift-cards.md)
+  giftCard: string
+  giftCardSub: string
+  giftCardPlaceholder: string
+  /** Row label for the summary's gift-card tender line ("Gift cards −X"). */
+  giftCardApplied: string
+  /** Label for the remainder row ("Remaining to pay"). Rendered only when
+   * gift cards cover part of the total (`gift_card_total > 0`). */
+  giftCardRemaining: string
+  /** Prefix for an applied card chip, followed by the masked last4
+   * (e.g. "Gift card ••••1234"). */
+  giftCardEnding: string
+
+  // Company invoice
+  companyInvoice: string
+  companyName: string
+  companyVat: string
+  companyMol: string
+  companyAddress: string
+
+  // Place order button
+  placeOrder: string
+  selectPaymentMethod: string
+
+  /**
+   * Processing-state messages shown beneath the spinning Buy button
+   * while `performBuyClick` is in flight. Cycle through with a fade
+   * transition every ~1.8s; on long flows (3DS challenges, slow
+   * networks) the cycle loops back to index 0.
+   *
+   * Two arrays so card and COD show different micro-narratives — card
+   * mentions the bank handshake (the slow part), COD jumps straight
+   * to delivery + order. The closing entry should be a brand-flavored
+   * line that's still honest to the "processing" moment (don't say
+   * "packing" — nothing is being packed yet).
+   */
+  processingCard: string[]
+  processingCod: string[]
+
+  // Econt office selector
+  econtLoadingOffices: string
+  econtNearestOffices: string
+  econtSearchAnother: string
+  econtSearchPlaceholder: string
+  econtNoResults: string
+  econtChange: string
+
+  // BoxNow locker selector
+  boxnowLoadingLockers: string
+  boxnowNearestLockers: string
+  boxnowSearchAnother: string
+  boxnowSearchPlaceholder: string
+  boxnowNoResults: string
+  boxnowChange: string
+  boxnowUnavailable: string
+  boxnowNoLockersInCity: string
+}
+
+export const defaultCheckoutLabels: CheckoutLabels = {
+  deliveryInfo: "Delivery information",
+  shippingServices: "Shipping method",
+  paymentMethod: "Payment method",
+  orderSummary: "Order summary",
+
+  email: "Email",
+  country: "Country",
+  singleCountryName: undefined,
+  firstName: "First name",
+  lastName: "Last name",
+  address: "Address",
+  apartment: "Apartment, suite, etc. (optional)",
+  city: "City",
+  postalCode: "Postal code",
+  phone: "Phone",
+  province: "State / province",
+
+  saveAddress: "Save and continue",
+  updateAddress: "Update address",
+  addToOrder: "+ Add to order",
+  addCode: "Apply",
+
+  deliveryDisabled:
+    "Enter your delivery address to see available shipping options.",
+  noShippingOptions: "No shipping options available for your address.",
+  paymentDisabled: "Select a shipping method to continue.",
+  deliveryPreviewHint: "Enter your address to choose a delivery method.",
+  buyNeedsAddress: "Enter your delivery address",
+  buyNeedsDelivery: "Choose a delivery method",
+
+  codNote: "Cash on delivery. Additional fees may apply.",
+  payOnline: "Pay online",
+  cashOnDelivery: "Cash on delivery",
+  termsText:
+    "By placing your order you accept our Terms and Privacy Policy.",
+
+  useSavedAddress: "Use a saved address?",
+  saveInfo: "Save this information for next time",
+
+  chooseAddress: "Choose an address",
+
+  items: "items",
+  qty: "Qty",
+  subtotal: "Subtotal",
+  shipping: "Shipping",
+  shippingCalc: "Calculated at checkout",
+  shippingFree: "Free",
+  tax: "VAT incl.",
+  taxTooltip: "20% VAT is included in prices",
+  total: "Total",
+  discount: "Discount",
+  discountCode: "Discount code",
+  discountSub: "Save with a promo code",
+  codFee: "Cash on delivery fee",
+  recommended: "Recommended for you",
+  recommendedSoon: "Coming soon",
+  recommendedSoonSub: "Personalized recommendations",
+  remove: "Remove",
+  secureCheckout: "Secure checkout",
+
+  giftCard: "Gift card",
+  giftCardSub: "Redeem a gift card",
+  giftCardPlaceholder: "GIFT-XXXX-XXXX",
+  giftCardApplied: "Gift cards",
+  giftCardRemaining: "Remaining to pay",
+  giftCardEnding: "Gift card ending in",
+
+  companyInvoice: "Company invoice",
+  companyName: "Company name",
+  companyVat: "VAT / Company number",
+  companyMol: "Responsible person",
+  companyAddress: "Company address",
+
+  placeOrder: "Place order",
+  selectPaymentMethod: "Select a payment method",
+
+  processingCard: [
+    "Connecting to the bank...",
+    "Confirming the payment...",
+    "Recording the order...",
+    "Attending to every detail...",
+  ],
+  processingCod: [
+    "Reserving the delivery...",
+    "Preparing the order...",
+    "Attending to every detail...",
+  ],
+
+  econtLoadingOffices: "Loading offices...",
+  econtNearestOffices: "Nearest offices",
+  econtSearchAnother: "Search for another office",
+  econtSearchPlaceholder: "Search by name, city, or address...",
+  econtNoResults: "No offices found for",
+  econtChange: "Change",
+
+  boxnowLoadingLockers: "Loading lockers...",
+  boxnowNearestLockers: "Nearest lockers",
+  boxnowSearchAnother: "Search for another locker",
+  boxnowSearchPlaceholder: "Search by name, address, or postal code...",
+  boxnowNoResults: "No lockers found for",
+  boxnowChange: "Change",
+  boxnowUnavailable:
+    "BoxNow is temporarily unavailable, please choose a different shipping method.",
+  boxnowNoLockersInCity:
+    "No BoxNow lockers found in your city. Please choose a different shipping method.",
+}