@rpg-engine/long-bow 0.8.178 → 0.8.180

package/dist/long-bow.esm.js

@@ -69785,7 +69785,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 = useState(false),
     isLoading = _useState[0],
     setIsLoading = _useState[1];
@@ -69796,7 +69798,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;
@@ -69888,7 +69891,7 @@ var CartView = function CartView(_ref2) {
   }, 0), ")"), React.createElement(CloseButton$e, {
     onPointerDown: onClose
   }, React.createElement(FaTimes, null))), React.createElement(CartItems, null, cartItems.length === 0 ? React.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';
@@ -69903,7 +69906,7 @@ var CartView = function CartView(_ref2) {
       height: 24,
       imgScale: 1.5,
       centered: true
-    })), React.createElement(ItemDetails$3, null, React.createElement(ItemName$5, null, cartItem.item.name), ((_cartItem$metadata2 = cartItem.metadata) == null ? void 0 : _cartItem$metadata2.inputValue) && React.createElement(CartMeta, null, cartItem.metadata.inputValue), React.createElement(ItemInfo$2, null, React.createElement("span", null, "$", formatPrice(cartItem.item.price)), React.createElement("span", null, "\xD7"), React.createElement("span", null, cartItem.quantity), React.createElement("span", null, "="), React.createElement("span", null, "$", formatPrice(cartItem.item.price * cartItem.quantity))), cartItem.metadata && cartItem.item.metadataType && React.createElement(MetadataDisplay, {
+    })), React.createElement(ItemDetails$3, null, React.createElement(ItemName$5, null, cartItem.item.name), ((_cartItem$metadata2 = cartItem.metadata) == null ? void 0 : _cartItem$metadata2.inputValue) && React.createElement(CartMeta, null, cartItem.metadata.inputValue), React.createElement(ItemInfo$2, null, React.createElement("span", null, currencySymbol, formatPrice((_cartItem$item$region2 = cartItem.item.regionalPrice) != null ? _cartItem$item$region2 : cartItem.item.price)), React.createElement("span", null, "\xD7"), React.createElement("span", null, cartItem.quantity), React.createElement("span", null, "="), React.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.createElement(MetadataDisplay, {
       type: cartItem.item.metadataType,
       metadata: cartItem.metadata
     })), React.createElement(CTAButton, {
@@ -69917,11 +69920,11 @@ var CartView = function CartView(_ref2) {
     onPointerDown: onBuyDC
   }, React.createElement(FaCoins, null), React.createElement("span", null, "Save more with DC \u2014 volume discounts available"), React.createElement(DCNudgeLink, null, "Buy DC \u2192")), React.createElement(TrustBar, {
     signals: trustSignals
-  }), React.createElement(TotalInfo, null, React.createElement(OrderSummaryLabel, null, "Order Summary"), React.createElement(TotalRow, null, React.createElement("span", null, "Subtotal:"), React.createElement("span", null, "$", formatPrice(total))), dcTotal > 0 && React.createElement(TotalRow, null, React.createElement("span", null, "DC:"), React.createElement("span", null, dcTotal.toLocaleString(), " DC")), React.createElement(TotalRow, {
+  }), React.createElement(TotalInfo, null, React.createElement(OrderSummaryLabel, null, "Order Summary"), React.createElement(TotalRow, null, React.createElement("span", null, "Subtotal:"), React.createElement("span", null, currencySymbol, formatPrice(total))), dcTotal > 0 && React.createElement(TotalRow, null, React.createElement("span", null, "DC:"), React.createElement("span", null, dcTotal.toLocaleString(), " DC")), React.createElement(TotalRow, {
     "$isTotal": true
-  }, React.createElement("span", null, "Total:"), React.createElement("span", null, "$", formatPrice(total))), paymentMethodLabel && React.createElement(PaymentMethodRow, null, React.createElement("span", null, "Paying with:"), React.createElement("span", null, paymentMethodLabel)), error && React.createElement(ErrorMessage$2, null, error)), React.createElement(CTAButton, {
+  }, React.createElement("span", null, "Total:"), React.createElement("span", null, currencySymbol, formatPrice(total))), paymentMethodLabel && React.createElement(PaymentMethodRow, null, React.createElement("span", null, "Paying with:"), React.createElement("span", null, paymentMethodLabel)), error && React.createElement(ErrorMessage$2, null, error)), React.createElement(CTAButton, {
     icon: React.createElement(FaShoppingBag, null),
-    label: isLoading ? 'Processing...' : "Pay $" + formatPrice(total),
+    label: isLoading ? 'Processing...' : "Pay " + currencySymbol + formatPrice(total),
     onClick: handlePurchase,
     fullWidth: true,
     disabled: cartItems.length === 0 || isLoading
@@ -70431,7 +70434,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 {
@@ -70511,7 +70515,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 = useState('card'),
     selected = _useState[0],
     setSelected = _useState[1];
@@ -70527,10 +70534,12 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
   var handleConfirm = 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.createElement(ModalPortal, null, React.createElement(Overlay$8, {
     onPointerDown: onClose
@@ -70548,7 +70557,14 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     }
   }, React.createElement(RadioCircle$1, {
     "$selected": selected === 'card'
-  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Credit Card"), React.createElement(OptionSub$1, null, "Stripe secure checkout"))), React.createElement(RadioOption$1, {
+  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Credit Card"), React.createElement(OptionSub$1, null, "Stripe secure checkout"))), showPix && React.createElement(RadioOption$1, {
+    "$selected": selected === 'pix',
+    onPointerDown: function onPointerDown() {
+      return setSelected('pix');
+    }
+  }, React.createElement(RadioCircle$1, {
+    "$selected": selected === 'pix'
+  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Pix"), React.createElement(OptionSub$1, null, "Instant payment via Pix"))), React.createElement(RadioOption$1, {
     "$selected": selected === 'dc',
     "$disabled": dcDisabled,
     onPointerDown: dcDisabled ? undefined : function () {
@@ -71054,7 +71070,7 @@ var ViewersPill = /*#__PURE__*/styled.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,
@@ -71072,7 +71088,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 = useState(''),
     textInputValue = _useState[0],
     setTextInputValue = _useState[1];
@@ -71133,7 +71151,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.createElement(ItemPrice$1, {
+  })), originalPrice.toLocaleString()) : "" + currencySymbol + originalPrice.toFixed(2)), item.currency === 'DC' ? React.createElement(ItemPrice$1, {
     "$onSale": originalPrice != null,
     style: {
       display: 'flex',
@@ -71155,7 +71173,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
       alignItems: 'center',
       gap: '2px'
     }
-  }, "$", item.price.toFixed(2), item.dcPrice ? React.createElement(React.Fragment, null, React.createElement("span", {
+  }, currencySymbol, ((_item$regionalPrice = item.regionalPrice) != null ? _item$regionalPrice : item.price).toFixed(2), item.dcPrice ? React.createElement(React.Fragment, null, React.createElement("span", {
     style: {
       margin: '0 4px'
     }
@@ -71329,7 +71347,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,
@@ -71367,7 +71387,8 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
         userAccountType: userAccountType || UserAccountTypes.Free,
         showTextInput: true,
         onView: onItemView,
-        positionInList: position
+        positionInList: position,
+        currencySymbol: currencySymbol
       }, meta));
     }
     // Fallback to standard arrow-based row
@@ -71380,7 +71401,8 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
       onQuickBuy: onQuickBuy,
       userAccountType: userAccountType || UserAccountTypes.Free,
       onView: onItemView,
-      positionInList: position
+      positionInList: position,
+      currencySymbol: currencySymbol
     }, meta));
   };
   return React.createElement(StoreContainer, null, React.createElement(SearchHeader$2, null, React.createElement(SearchBarContainer$1, null, React.createElement(SearchBar, {
@@ -71447,7 +71469,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,
@@ -71466,9 +71490,9 @@ var PackRowItem = function PackRowItem(_ref) {
     onQuickBuy == null ? void 0 : onQuickBuy(pack, quantity);
     resetQuantity();
   };
-  return React.createElement(PackRow, null, React.createElement(LeftSection$1, null, React.createElement(PackIconContainer, null, renderPackIcon(pack)), React.createElement(PackDetails, null, React.createElement(PackName, null, pack.title), React.createElement(PackPriceRow, null, originalPrice != null && React.createElement(PackOriginalPrice, null, "$", originalPrice.toFixed(2)), React.createElement(PackPrice, {
+  return React.createElement(PackRow, null, React.createElement(LeftSection$1, null, React.createElement(PackIconContainer, null, renderPackIcon(pack)), React.createElement(PackDetails, null, React.createElement(PackName, null, pack.title), React.createElement(PackPriceRow, null, originalPrice != null && React.createElement(PackOriginalPrice, null, currencySymbol, originalPrice.toFixed(2)), React.createElement(PackPrice, {
     "$onSale": originalPrice != null
-  }, "$", pack.priceUSD)), pack.description && React.createElement(PackDescription, null, pack.description), React.createElement(StoreBadges, {
+  }, currencySymbol, pack.priceUSD)), pack.description && React.createElement(PackDescription, null, pack.description), React.createElement(StoreBadges, {
     badges: badges,
     buyCount: buyCount,
     viewersCount: viewersCount,
@@ -71510,7 +71534,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,
@@ -71548,9 +71574,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.createElement(ScrollableContent, {
     items: filteredPacks,
     renderItem: renderPack,
@@ -71616,10 +71643,13 @@ var QuantityInput$1 = /*#__PURE__*/styled.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;
@@ -71630,7 +71660,7 @@ var StoreItemDetails = function StoreItemDetails(_ref) {
   }, React.createElement(FaArrowLeft, null), React.createElement("span", null, "Back"))), React.createElement(Content$5, null, React.createElement(DetailsGrid, null, React.createElement(ItemIcon, null, React.createElement("img", {
     src: getImageSrc(),
     alt: item.name
-  })), React.createElement(ItemInfo$3, null, React.createElement(ItemName$8, null, item.name), React.createElement(ItemPrice$2, null, "$", 'priceUSD' in item ? item.priceUSD : item.price, item.dcPrice ? " \xB7 " + item.dcPrice.toLocaleString() + " DC" : ''), React.createElement(Description$6, null, item.description))), React.createElement(Actions$1, null, React.createElement(CTAButton, {
+  })), React.createElement(ItemInfo$3, null, React.createElement(ItemName$8, null, item.name), React.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.createElement(Description$6, null, item.description))), React.createElement(Actions$1, null, React.createElement(CTAButton, {
     icon: React.createElement(FaCartPlus, null),
     label: "Add to Cart",
     onClick: function onClick() {
@@ -71726,7 +71756,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 = useState(null),
     selectedPack = _useState[0],
     setSelectedPack = _useState[1];
@@ -71903,7 +71935,8 @@ var Store = function Store(_ref) {
         atlasJSON: atlasJSON,
         atlasIMG: atlasIMG,
         packBadges: packBadges,
-        onPackView: onPackView
+        onPackView: onPackView,
+        currencySymbol: currencySymbol
       })
     },
     packs: {
@@ -71960,7 +71993,8 @@ var Store = function Store(_ref) {
         atlasJSON: atlasJSON,
         atlasIMG: atlasIMG,
         packBadges: packBadges,
-        onPackView: onPackView
+        onPackView: onPackView,
+        currencySymbol: currencySymbol
       })
     },
     items: {
@@ -71982,7 +72016,8 @@ var Store = function Store(_ref) {
         textInputItemKeys: textInputItemKeys,
         itemBadges: itemBadges,
         onItemView: onItemView,
-        onCategoryChange: onCategoryChange
+        onCategoryChange: onCategoryChange,
+        currencySymbol: currencySymbol
       })
     },
     wallet: {
@@ -72054,7 +72089,8 @@ var Store = function Store(_ref) {
     onCheckoutStart: onCheckoutStart,
     onPurchaseSuccess: onPurchaseSuccess,
     onPurchaseError: onPurchaseError,
-    onBuyDC: onBuyDC
+    onBuyDC: onBuyDC,
+    currencySymbol: currencySymbol
   }) : selectedPack ? React.createElement(StoreItemDetails, {
     item: _extends({}, selectedPack, {
       name: selectedPack.title,
@@ -72066,7 +72102,8 @@ var Store = function Store(_ref) {
     },
     onAddToCart: function onAddToCart() {
       return handleAddPackToCart(selectedPack);
-    }
+    },
+    currencySymbol: currencySymbol
   }) : React.createElement(Container$P, null, featuredItems && featuredItems.length > 0 && React.createElement(FeaturedBanner, {
     items: featuredItems,
     atlasJSON: atlasJSON,
@@ -72142,9 +72179,9 @@ var Store = function Store(_ref) {
   }), React.createElement(CartButtonWrapper, null, React.createElement(CTAButton, {
     icon: React.createElement(FaShoppingCart, null),
     onClick: handleOpenCart
-  }), getTotalItems() > 0 && React.createElement(CartBadge, null, getTotalItems()))), React.createElement(TabContent, null, (_tabsMap$activeTab = tabsMap[activeTab]) == null ? void 0 : _tabsMap$activeTab.content)), cartItems.length > 0 && React.createElement(Footer$2, null, React.createElement(CartSummary, null, React.createElement(CartInfo, null, React.createElement("span", null, "Items in cart:"), React.createElement("span", null, getTotalItems())), React.createElement(CartInfo, null, React.createElement("span", null, "Total:"), React.createElement("span", null, "$", getTotalPrice().toFixed(2)))), React.createElement(CTAButton, {
+  }), getTotalItems() > 0 && React.createElement(CartBadge, null, getTotalItems()))), React.createElement(TabContent, null, (_tabsMap$activeTab = tabsMap[activeTab]) == null ? void 0 : _tabsMap$activeTab.content)), cartItems.length > 0 && React.createElement(Footer$2, null, React.createElement(CartSummary, null, React.createElement(CartInfo, null, React.createElement("span", null, "Items in cart:"), React.createElement("span", null, getTotalItems())), React.createElement(CartInfo, null, React.createElement("span", null, "Total:"), React.createElement("span", null, currencySymbol, getTotalPrice().toFixed(2)))), React.createElement(CTAButton, {
     icon: React.createElement(FaShoppingCart, null),
-    label: "Proceed to Checkout ($" + getTotalPrice().toFixed(2) + ")",
+    label: "Proceed to Checkout (" + currencySymbol + getTotalPrice().toFixed(2) + ")",
     onClick: handleOpenCart,
     fullWidth: true
   }))));