@rpg-engine/long-bow 0.8.178 → 0.8.180

package/dist/components/Store/CartView.d.ts

@@ -32,6 +32,8 @@ export interface ICartViewProps {
     }>, total: number) => void;
     /** Fires when a purchase fails */
     onPurchaseError?: (error: string) => void;
+    /** Currency symbol to display (e.g. "$" for USD, "R$" for BRL). Defaults to "$". */
+    currencySymbol?: string;
 }
 export declare const CartView: React.FC<ICartViewProps>;
 export {};

package/dist/components/Store/PaymentMethodModal.d.ts

@@ -4,6 +4,8 @@ export interface IPaymentMethodModalProps {
     dcRequired?: number;
     onPayWithDC: () => void;
     onPayWithCard: () => void;
+    onPayWithPix: () => void;
     onClose: () => void;
+    showPix?: boolean;
 }
 export declare const PaymentMethodModal: React.FC<IPaymentMethodModalProps>;

package/dist/components/Store/Store.d.ts

@@ -70,6 +70,8 @@ export interface IStoreProps {
     onPurchaseError?: (error: string) => void;
     /** Called when the DC nudge in CartView is tapped — open the DC purchase flow. */
     onBuyDC?: () => void;
+    /** Currency symbol to display (e.g. "$" for USD, "R$" for BRL). Defaults to "$". */
+    currencySymbol?: string;
 }
 export type { IFeaturedItem };
 export declare const Store: React.FC<IStoreProps>;

package/dist/components/Store/StoreItemDetails.d.ts

@@ -11,6 +11,7 @@ interface IStoreItemDetailsProps {
     };
     onBack: () => void;
     onAddToCart: (item: IProductBlueprint) => void;
+    currencySymbol?: string;
 }
 export declare const StoreItemDetails: React.FC<IStoreItemDetailsProps>;
 export {};

package/dist/components/Store/StoreItemRow.d.ts

@@ -18,6 +18,8 @@ interface IStoreItemRowProps {
     /** Fires once on mount — use for store_item_viewed analytics. */
     onView?: (item: IProductBlueprint, position: number) => void;
     positionInList?: number;
+    /** Currency symbol to display (e.g. "$" for USD, "R$" for BRL). Defaults to "$". */
+    currencySymbol?: string;
 }
 export declare const StoreItemRow: React.FC<IStoreItemRowProps>;
 export {};

package/dist/components/Store/sections/StoreItemsSection.d.ts

@@ -20,6 +20,8 @@ interface IStoreItemsSectionProps {
     onItemView?: (item: IProductBlueprint, position: number) => void;
     /** Fires when the category filter changes. Passes new category and item count. */
     onCategoryChange?: (category: string, itemsShown: number) => void;
+    /** Currency symbol to display (e.g. "$" for USD, "R$" for BRL). Defaults to "$". */
+    currencySymbol?: string;
 }
 export declare const StoreItemsSection: React.FC<IStoreItemsSectionProps>;
 export {};

package/dist/components/Store/sections/StorePacksSection.d.ts

@@ -17,6 +17,8 @@ interface IStorePacksSectionProps {
     }>;
     /** Fires once on mount per pack row — use for pack_viewed analytics. */
     onPackView?: (pack: IItemPack, position: number) => void;
+    /** Currency symbol to display (e.g. "$" for USD, "R$" for BRL). Defaults to "$". */
+    currencySymbol?: string;
 }
 export declare const StorePacksSection: React.FC<IStorePacksSectionProps>;
 export {};

package/dist/long-bow.cjs.development.js

@@ -69787,7 +69787,9 @@ var CartView = function CartView(_ref2) {
     onBuyDC = _ref2.onBuyDC,
     onCheckoutStart = _ref2.onCheckoutStart,
     onPurchaseSuccess = _ref2.onPurchaseSuccess,
-    onPurchaseError = _ref2.onPurchaseError;
+    onPurchaseError = _ref2.onPurchaseError,
+    _ref2$currencySymbol = _ref2.currencySymbol,
+    currencySymbol = _ref2$currencySymbol === void 0 ? '$' : _ref2$currencySymbol;
   var _useState = React.useState(false),
     isLoading = _useState[0],
     setIsLoading = _useState[1];
@@ -69798,7 +69800,8 @@ var CartView = function CartView(_ref2) {
     purchasedItems = _useState3[0],
     setPurchasedItems = _useState3[1];
   var total = cartItems.reduce(function (sum, cartItem) {
-    return sum + cartItem.item.price * cartItem.quantity;
+    var _cartItem$item$region;
+    return sum + ((_cartItem$item$region = cartItem.item.regionalPrice) != null ? _cartItem$item$region : cartItem.item.price) * cartItem.quantity;
   }, 0);
   var dcTotal = cartItems.reduce(function (sum, ci) {
     var _ci$item$dcPrice;
@@ -69890,7 +69893,7 @@ var CartView = function CartView(_ref2) {
   }, 0), ")"), React__default.createElement(CloseButton$e, {
     onPointerDown: onClose
   }, React__default.createElement(fa.FaTimes, null))), React__default.createElement(CartItems, null, cartItems.length === 0 ? React__default.createElement(EmptyCart, null, "Your cart is empty") : cartItems.map(function (cartItem) {
-    var _cartItem$metadata, _cartItem$metadata2;
+    var _cartItem$metadata, _cartItem$metadata2, _cartItem$item$region2, _cartItem$item$region3;
     console.log('Item metadataType: , texturePath:', cartItem.item.metadataType, cartItem.item.texturePath);
     var getSpriteKey = function getSpriteKey(textureKey) {
       return textureKey + '/down/standing/0.png';
@@ -69905,7 +69908,7 @@ var CartView = function CartView(_ref2) {
       height: 24,
       imgScale: 1.5,
       centered: true
-    })), React__default.createElement(ItemDetails$3, null, React__default.createElement(ItemName$5, null, cartItem.item.name), ((_cartItem$metadata2 = cartItem.metadata) == null ? void 0 : _cartItem$metadata2.inputValue) && React__default.createElement(CartMeta, null, cartItem.metadata.inputValue), React__default.createElement(ItemInfo$2, null, React__default.createElement("span", null, "$", formatPrice(cartItem.item.price)), React__default.createElement("span", null, "\xD7"), React__default.createElement("span", null, cartItem.quantity), React__default.createElement("span", null, "="), React__default.createElement("span", null, "$", formatPrice(cartItem.item.price * cartItem.quantity))), cartItem.metadata && cartItem.item.metadataType && React__default.createElement(MetadataDisplay, {
+    })), React__default.createElement(ItemDetails$3, null, React__default.createElement(ItemName$5, null, cartItem.item.name), ((_cartItem$metadata2 = cartItem.metadata) == null ? void 0 : _cartItem$metadata2.inputValue) && React__default.createElement(CartMeta, null, cartItem.metadata.inputValue), React__default.createElement(ItemInfo$2, null, React__default.createElement("span", null, currencySymbol, formatPrice((_cartItem$item$region2 = cartItem.item.regionalPrice) != null ? _cartItem$item$region2 : cartItem.item.price)), React__default.createElement("span", null, "\xD7"), React__default.createElement("span", null, cartItem.quantity), React__default.createElement("span", null, "="), React__default.createElement("span", null, currencySymbol, formatPrice(((_cartItem$item$region3 = cartItem.item.regionalPrice) != null ? _cartItem$item$region3 : cartItem.item.price) * cartItem.quantity))), cartItem.metadata && cartItem.item.metadataType && React__default.createElement(MetadataDisplay, {
       type: cartItem.item.metadataType,
       metadata: cartItem.metadata
     })), React__default.createElement(CTAButton, {
@@ -69919,11 +69922,11 @@ var CartView = function CartView(_ref2) {
     onPointerDown: onBuyDC
   }, React__default.createElement(fa.FaCoins, null), React__default.createElement("span", null, "Save more with DC \u2014 volume discounts available"), React__default.createElement(DCNudgeLink, null, "Buy DC \u2192")), React__default.createElement(TrustBar, {
     signals: trustSignals
-  }), React__default.createElement(TotalInfo, null, React__default.createElement(OrderSummaryLabel, null, "Order Summary"), React__default.createElement(TotalRow, null, React__default.createElement("span", null, "Subtotal:"), React__default.createElement("span", null, "$", formatPrice(total))), dcTotal > 0 && React__default.createElement(TotalRow, null, React__default.createElement("span", null, "DC:"), React__default.createElement("span", null, dcTotal.toLocaleString(), " DC")), React__default.createElement(TotalRow, {
+  }), React__default.createElement(TotalInfo, null, React__default.createElement(OrderSummaryLabel, null, "Order Summary"), React__default.createElement(TotalRow, null, React__default.createElement("span", null, "Subtotal:"), React__default.createElement("span", null, currencySymbol, formatPrice(total))), dcTotal > 0 && React__default.createElement(TotalRow, null, React__default.createElement("span", null, "DC:"), React__default.createElement("span", null, dcTotal.toLocaleString(), " DC")), React__default.createElement(TotalRow, {
     "$isTotal": true
-  }, React__default.createElement("span", null, "Total:"), React__default.createElement("span", null, "$", formatPrice(total))), paymentMethodLabel && React__default.createElement(PaymentMethodRow, null, React__default.createElement("span", null, "Paying with:"), React__default.createElement("span", null, paymentMethodLabel)), error && React__default.createElement(ErrorMessage$2, null, error)), React__default.createElement(CTAButton, {
+  }, React__default.createElement("span", null, "Total:"), React__default.createElement("span", null, currencySymbol, formatPrice(total))), paymentMethodLabel && React__default.createElement(PaymentMethodRow, null, React__default.createElement("span", null, "Paying with:"), React__default.createElement("span", null, paymentMethodLabel)), error && React__default.createElement(ErrorMessage$2, null, error)), React__default.createElement(CTAButton, {
     icon: React__default.createElement(fa.FaShoppingBag, null),
-    label: isLoading ? 'Processing...' : "Pay $" + formatPrice(total),
+    label: isLoading ? 'Processing...' : "Pay " + currencySymbol + formatPrice(total),
     onClick: handlePurchase,
     fullWidth: true,
     disabled: cartItems.length === 0 || isLoading
@@ -70433,7 +70436,8 @@ var useStoreCart = function useStoreCart() {
   };
   var getTotalPrice = function getTotalPrice() {
     return Number(cartItems.reduce(function (sum, item) {
-      return sum + item.item.price * item.quantity;
+      var _item$item$regionalPr;
+      return sum + ((_item$item$regionalPr = item.item.regionalPrice) != null ? _item$item$regionalPr : item.item.price) * item.quantity;
     }, 0).toFixed(2));
   };
   return {
@@ -70513,7 +70517,10 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     dcRequired = _ref.dcRequired,
     onPayWithDC = _ref.onPayWithDC,
     onPayWithCard = _ref.onPayWithCard,
-    onClose = _ref.onClose;
+    onPayWithPix = _ref.onPayWithPix,
+    onClose = _ref.onClose,
+    _ref$showPix = _ref.showPix,
+    showPix = _ref$showPix === void 0 ? false : _ref$showPix;
   var _useState = React.useState('card'),
     selected = _useState[0],
     setSelected = _useState[1];
@@ -70529,10 +70536,12 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
   var handleConfirm = React.useCallback(function () {
     if (selected === 'dc' && !dcDisabled) {
       onPayWithDC();
+    } else if (selected === 'pix') {
+      onPayWithPix();
     } else {
       onPayWithCard();
     }
-  }, [selected, dcDisabled, onPayWithDC, onPayWithCard]);
+  }, [selected, dcDisabled, onPayWithDC, onPayWithCard, onPayWithPix]);
   var dcSubText = dcRequired !== undefined ? dcBalance.toLocaleString() + " DC available \xB7 " + dcRequired.toLocaleString() + " DC needed" : dcBalance.toLocaleString() + " DC available";
   return React__default.createElement(ModalPortal, null, React__default.createElement(Overlay$8, {
     onPointerDown: onClose
@@ -70550,7 +70559,14 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     }
   }, React__default.createElement(RadioCircle$1, {
     "$selected": selected === 'card'
-  }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Credit Card"), React__default.createElement(OptionSub$1, null, "Stripe secure checkout"))), React__default.createElement(RadioOption$1, {
+  }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Credit Card"), React__default.createElement(OptionSub$1, null, "Stripe secure checkout"))), showPix && React__default.createElement(RadioOption$1, {
+    "$selected": selected === 'pix',
+    onPointerDown: function onPointerDown() {
+      return setSelected('pix');
+    }
+  }, React__default.createElement(RadioCircle$1, {
+    "$selected": selected === 'pix'
+  }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Pix"), React__default.createElement(OptionSub$1, null, "Instant payment via Pix"))), React__default.createElement(RadioOption$1, {
     "$selected": selected === 'dc',
     "$disabled": dcDisabled,
     onPointerDown: dcDisabled ? undefined : function () {
@@ -71056,7 +71072,7 @@ var ViewersPill = /*#__PURE__*/styled__default.span.withConfig({
 })(["animation:", " 2s ease-in-out infinite;"], pulse$2);
 
 var StoreItemRow = function StoreItemRow(_ref) {
-  var _item$requiredAccount, _item$store;
+  var _item$requiredAccount, _item$store, _item$regionalPrice;
   var item = _ref.item,
     atlasJSON = _ref.atlasJSON,
     atlasIMG = _ref.atlasIMG,
@@ -71074,7 +71090,9 @@ var StoreItemRow = function StoreItemRow(_ref) {
     originalPrice = _ref.originalPrice,
     onView = _ref.onView,
     _ref$positionInList = _ref.positionInList,
-    positionInList = _ref$positionInList === void 0 ? 0 : _ref$positionInList;
+    positionInList = _ref$positionInList === void 0 ? 0 : _ref$positionInList,
+    _ref$currencySymbol = _ref.currencySymbol,
+    currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol;
   var _useState = React.useState(''),
     textInputValue = _useState[0],
     setTextInputValue = _useState[1];
@@ -71135,7 +71153,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
     atlasJSON: atlasJSON,
     spriteKey: "others/definya-coin.png",
     imgScale: 0.8
-  })), originalPrice.toLocaleString()) : "$" + originalPrice.toFixed(2)), item.currency === 'DC' ? React__default.createElement(ItemPrice$1, {
+  })), originalPrice.toLocaleString()) : "" + currencySymbol + originalPrice.toFixed(2)), item.currency === 'DC' ? React__default.createElement(ItemPrice$1, {
     "$onSale": originalPrice != null,
     style: {
       display: 'flex',
@@ -71157,7 +71175,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
       alignItems: 'center',
       gap: '2px'
     }
-  }, "$", item.price.toFixed(2), item.dcPrice ? React__default.createElement(React__default.Fragment, null, React__default.createElement("span", {
+  }, currencySymbol, ((_item$regionalPrice = item.regionalPrice) != null ? _item$regionalPrice : item.price).toFixed(2), item.dcPrice ? React__default.createElement(React__default.Fragment, null, React__default.createElement("span", {
     style: {
       margin: '0 4px'
     }
@@ -71331,7 +71349,9 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
     _ref$itemBadges = _ref.itemBadges,
     itemBadges = _ref$itemBadges === void 0 ? {} : _ref$itemBadges,
     onItemView = _ref.onItemView,
-    onCategoryChange = _ref.onCategoryChange;
+    onCategoryChange = _ref.onCategoryChange,
+    _ref$currencySymbol = _ref.currencySymbol,
+    currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol;
   var _useStoreFiltering = useStoreFiltering(items),
     searchQuery = _useStoreFiltering.searchQuery,
     setSearchQuery = _useStoreFiltering.setSearchQuery,
@@ -71369,7 +71389,8 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
         userAccountType: userAccountType || shared.UserAccountTypes.Free,
         showTextInput: true,
         onView: onItemView,
-        positionInList: position
+        positionInList: position,
+        currencySymbol: currencySymbol
       }, meta));
     }
     // Fallback to standard arrow-based row
@@ -71382,7 +71403,8 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
       onQuickBuy: onQuickBuy,
       userAccountType: userAccountType || shared.UserAccountTypes.Free,
       onView: onItemView,
-      positionInList: position
+      positionInList: position,
+      currencySymbol: currencySymbol
     }, meta));
   };
   return React__default.createElement(StoreContainer, null, React__default.createElement(SearchHeader$2, null, React__default.createElement(SearchBarContainer$1, null, React__default.createElement(SearchBar, {
@@ -71449,7 +71471,9 @@ var PackRowItem = function PackRowItem(_ref) {
     originalPrice = _ref.originalPrice,
     onPackView = _ref.onPackView,
     _ref$positionInList = _ref.positionInList,
-    positionInList = _ref$positionInList === void 0 ? 0 : _ref$positionInList;
+    positionInList = _ref$positionInList === void 0 ? 0 : _ref$positionInList,
+    _ref$currencySymbol = _ref.currencySymbol,
+    currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol;
   var _useQuantityControl = useQuantityControl(),
     quantity = _useQuantityControl.quantity,
     handleQuantityChange = _useQuantityControl.handleQuantityChange,
@@ -71468,9 +71492,9 @@ var PackRowItem = function PackRowItem(_ref) {
     onQuickBuy == null ? void 0 : onQuickBuy(pack, quantity);
     resetQuantity();
   };
-  return React__default.createElement(PackRow, null, React__default.createElement(LeftSection$1, null, React__default.createElement(PackIconContainer, null, renderPackIcon(pack)), React__default.createElement(PackDetails, null, React__default.createElement(PackName, null, pack.title), React__default.createElement(PackPriceRow, null, originalPrice != null && React__default.createElement(PackOriginalPrice, null, "$", originalPrice.toFixed(2)), React__default.createElement(PackPrice, {
+  return React__default.createElement(PackRow, null, React__default.createElement(LeftSection$1, null, React__default.createElement(PackIconContainer, null, renderPackIcon(pack)), React__default.createElement(PackDetails, null, React__default.createElement(PackName, null, pack.title), React__default.createElement(PackPriceRow, null, originalPrice != null && React__default.createElement(PackOriginalPrice, null, currencySymbol, originalPrice.toFixed(2)), React__default.createElement(PackPrice, {
     "$onSale": originalPrice != null
-  }, "$", pack.priceUSD)), pack.description && React__default.createElement(PackDescription, null, pack.description), React__default.createElement(StoreBadges, {
+  }, currencySymbol, pack.priceUSD)), pack.description && React__default.createElement(PackDescription, null, pack.description), React__default.createElement(StoreBadges, {
     badges: badges,
     buyCount: buyCount,
     viewersCount: viewersCount,
@@ -71512,7 +71536,9 @@ var StorePacksSection = function StorePacksSection(_ref2) {
     atlasIMG = _ref2.atlasIMG,
     _ref2$packBadges = _ref2.packBadges,
     packBadges = _ref2$packBadges === void 0 ? {} : _ref2$packBadges,
-    onPackView = _ref2.onPackView;
+    onPackView = _ref2.onPackView,
+    _ref2$currencySymbol = _ref2.currencySymbol,
+    currencySymbol = _ref2$currencySymbol === void 0 ? '$' : _ref2$currencySymbol;
   var _usePackFiltering = usePackFiltering(packs),
     searchQuery = _usePackFiltering.searchQuery,
     setSearchQuery = _usePackFiltering.setSearchQuery,
@@ -71550,9 +71576,10 @@ var StorePacksSection = function StorePacksSection(_ref2) {
       onQuickBuy: onQuickBuy,
       renderPackIcon: renderPackIcon,
       onPackView: onPackView,
-      positionInList: position
+      positionInList: position,
+      currencySymbol: currencySymbol
     }, meta));
-  }, [onAddToCart, onQuickBuy, renderPackIcon, packBadges, onPackView, filteredPacks]);
+  }, [onAddToCart, onQuickBuy, renderPackIcon, packBadges, onPackView, filteredPacks, currencySymbol]);
   return React__default.createElement(ScrollableContent, {
     items: filteredPacks,
     renderItem: renderPack,
@@ -71618,10 +71645,13 @@ var QuantityInput$1 = /*#__PURE__*/styled__default.input.withConfig({
 })(["width:40px;text-align:center;margin:0 auto;font-size:0.875rem;background:rgba(0,0,0,0.2);color:#ffffff;border:none;padding:0.25rem;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}"]);
 
 var StoreItemDetails = function StoreItemDetails(_ref) {
+  var _item$regionalPrice;
   var item = _ref.item,
     onBack = _ref.onBack,
     onAddToCart = _ref.onAddToCart,
-    imageUrl = _ref.imageUrl;
+    imageUrl = _ref.imageUrl,
+    _ref$currencySymbol = _ref.currencySymbol,
+    currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol;
   var getImageSrc = function getImageSrc() {
     if (!imageUrl) return '/placeholder-thumbnail.png';
     if (typeof imageUrl === 'string') return imageUrl;
@@ -71632,7 +71662,7 @@ var StoreItemDetails = function StoreItemDetails(_ref) {
   }, React__default.createElement(fa.FaArrowLeft, null), React__default.createElement("span", null, "Back"))), React__default.createElement(Content$5, null, React__default.createElement(DetailsGrid, null, React__default.createElement(ItemIcon, null, React__default.createElement("img", {
     src: getImageSrc(),
     alt: item.name
-  })), React__default.createElement(ItemInfo$3, null, React__default.createElement(ItemName$8, null, item.name), React__default.createElement(ItemPrice$2, null, "$", 'priceUSD' in item ? item.priceUSD : item.price, item.dcPrice ? " \xB7 " + item.dcPrice.toLocaleString() + " DC" : ''), React__default.createElement(Description$6, null, item.description))), React__default.createElement(Actions$1, null, React__default.createElement(CTAButton, {
+  })), React__default.createElement(ItemInfo$3, null, React__default.createElement(ItemName$8, null, item.name), React__default.createElement(ItemPrice$2, null, currencySymbol, 'priceUSD' in item ? item.priceUSD : (_item$regionalPrice = item.regionalPrice) != null ? _item$regionalPrice : item.price, item.dcPrice ? " \xB7 " + item.dcPrice.toLocaleString() + " DC" : ''), React__default.createElement(Description$6, null, item.description))), React__default.createElement(Actions$1, null, React__default.createElement(CTAButton, {
     icon: React__default.createElement(fa.FaCartPlus, null),
     label: "Add to Cart",
     onClick: function onClick() {
@@ -71728,7 +71758,9 @@ var Store = function Store(_ref) {
     onCheckoutStart = _ref.onCheckoutStart,
     onPurchaseSuccess = _ref.onPurchaseSuccess,
     onPurchaseError = _ref.onPurchaseError,
-    onBuyDC = _ref.onBuyDC;
+    onBuyDC = _ref.onBuyDC,
+    _ref$currencySymbol = _ref.currencySymbol,
+    currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol;
   var _useState = React.useState(null),
     selectedPack = _useState[0],
     setSelectedPack = _useState[1];
@@ -71905,7 +71937,8 @@ var Store = function Store(_ref) {
         atlasJSON: atlasJSON,
         atlasIMG: atlasIMG,
         packBadges: packBadges,
-        onPackView: onPackView
+        onPackView: onPackView,
+        currencySymbol: currencySymbol
       })
     },
     packs: {
@@ -71962,7 +71995,8 @@ var Store = function Store(_ref) {
         atlasJSON: atlasJSON,
         atlasIMG: atlasIMG,
         packBadges: packBadges,
-        onPackView: onPackView
+        onPackView: onPackView,
+        currencySymbol: currencySymbol
       })
     },
     items: {
@@ -71984,7 +72018,8 @@ var Store = function Store(_ref) {
         textInputItemKeys: textInputItemKeys,
         itemBadges: itemBadges,
         onItemView: onItemView,
-        onCategoryChange: onCategoryChange
+        onCategoryChange: onCategoryChange,
+        currencySymbol: currencySymbol
       })
     },
     wallet: {
@@ -72056,7 +72091,8 @@ var Store = function Store(_ref) {
     onCheckoutStart: onCheckoutStart,
     onPurchaseSuccess: onPurchaseSuccess,
     onPurchaseError: onPurchaseError,
-    onBuyDC: onBuyDC
+    onBuyDC: onBuyDC,
+    currencySymbol: currencySymbol
   }) : selectedPack ? React__default.createElement(StoreItemDetails, {
     item: _extends({}, selectedPack, {
       name: selectedPack.title,
@@ -72068,7 +72104,8 @@ var Store = function Store(_ref) {
     },
     onAddToCart: function onAddToCart() {
       return handleAddPackToCart(selectedPack);
-    }
+    },
+    currencySymbol: currencySymbol
   }) : React__default.createElement(Container$P, null, featuredItems && featuredItems.length > 0 && React__default.createElement(FeaturedBanner, {
     items: featuredItems,
     atlasJSON: atlasJSON,
@@ -72144,9 +72181,9 @@ var Store = function Store(_ref) {
   }), React__default.createElement(CartButtonWrapper, null, React__default.createElement(CTAButton, {
     icon: React__default.createElement(fa.FaShoppingCart, null),
     onClick: handleOpenCart
-  }), getTotalItems() > 0 && React__default.createElement(CartBadge, null, getTotalItems()))), React__default.createElement(TabContent, null, (_tabsMap$activeTab = tabsMap[activeTab]) == null ? void 0 : _tabsMap$activeTab.content)), cartItems.length > 0 && React__default.createElement(Footer$2, null, React__default.createElement(CartSummary, null, React__default.createElement(CartInfo, null, React__default.createElement("span", null, "Items in cart:"), React__default.createElement("span", null, getTotalItems())), React__default.createElement(CartInfo, null, React__default.createElement("span", null, "Total:"), React__default.createElement("span", null, "$", getTotalPrice().toFixed(2)))), React__default.createElement(CTAButton, {
+  }), getTotalItems() > 0 && React__default.createElement(CartBadge, null, getTotalItems()))), React__default.createElement(TabContent, null, (_tabsMap$activeTab = tabsMap[activeTab]) == null ? void 0 : _tabsMap$activeTab.content)), cartItems.length > 0 && React__default.createElement(Footer$2, null, React__default.createElement(CartSummary, null, React__default.createElement(CartInfo, null, React__default.createElement("span", null, "Items in cart:"), React__default.createElement("span", null, getTotalItems())), React__default.createElement(CartInfo, null, React__default.createElement("span", null, "Total:"), React__default.createElement("span", null, currencySymbol, getTotalPrice().toFixed(2)))), React__default.createElement(CTAButton, {
     icon: React__default.createElement(fa.FaShoppingCart, null),
-    label: "Proceed to Checkout ($" + getTotalPrice().toFixed(2) + ")",
+    label: "Proceed to Checkout (" + currencySymbol + getTotalPrice().toFixed(2) + ")",
     onClick: handleOpenCart,
     fullWidth: true
   }))));