@rpg-engine/long-bow 0.8.179 → 0.8.180
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Store/CartView.d.ts +2 -0
- package/dist/components/Store/Store.d.ts +2 -0
- package/dist/components/Store/StoreItemDetails.d.ts +1 -0
- package/dist/components/Store/StoreItemRow.d.ts +2 -0
- package/dist/components/Store/sections/StoreItemsSection.d.ts +2 -0
- package/dist/components/Store/sections/StorePacksSection.d.ts +2 -0
- package/dist/long-bow.cjs.development.js +56 -31
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +56 -31
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Store/CartView.tsx +9 -6
- package/src/components/Store/Store.tsx +10 -2
- package/src/components/Store/StoreItemDetails.tsx +3 -1
- package/src/components/Store/StoreItemRow.tsx +5 -2
- package/src/components/Store/hooks/useStoreCart.ts +1 -2
- package/src/components/Store/sections/StoreItemsSection.tsx +5 -0
- package/src/components/Store/sections/StorePacksSection.tsx +9 -3
- package/src/stories/Features/store/Store.stories.tsx +286 -1
|
@@ -32,6 +32,8 @@ export interface ICartViewProps {
|
|
|
32
32
|
}>, total: number) => void;
|
|
33
33
|
/** Fires when a purchase fails */
|
|
34
34
|
onPurchaseError?: (error: string) => void;
|
|
35
|
+
/** Currency symbol to display (e.g. "$" for USD, "R$" for BRL). Defaults to "$". */
|
|
36
|
+
currencySymbol?: string;
|
|
35
37
|
}
|
|
36
38
|
export declare const CartView: React.FC<ICartViewProps>;
|
|
37
39
|
export {};
|
|
@@ -70,6 +70,8 @@ export interface IStoreProps {
|
|
|
70
70
|
onPurchaseError?: (error: string) => void;
|
|
71
71
|
/** Called when the DC nudge in CartView is tapped — open the DC purchase flow. */
|
|
72
72
|
onBuyDC?: () => void;
|
|
73
|
+
/** Currency symbol to display (e.g. "$" for USD, "R$" for BRL). Defaults to "$". */
|
|
74
|
+
currencySymbol?: string;
|
|
73
75
|
}
|
|
74
76
|
export type { IFeaturedItem };
|
|
75
77
|
export declare const Store: React.FC<IStoreProps>;
|
|
@@ -18,6 +18,8 @@ interface IStoreItemRowProps {
|
|
|
18
18
|
/** Fires once on mount — use for store_item_viewed analytics. */
|
|
19
19
|
onView?: (item: IProductBlueprint, position: number) => void;
|
|
20
20
|
positionInList?: number;
|
|
21
|
+
/** Currency symbol to display (e.g. "$" for USD, "R$" for BRL). Defaults to "$". */
|
|
22
|
+
currencySymbol?: string;
|
|
21
23
|
}
|
|
22
24
|
export declare const StoreItemRow: React.FC<IStoreItemRowProps>;
|
|
23
25
|
export {};
|
|
@@ -20,6 +20,8 @@ interface IStoreItemsSectionProps {
|
|
|
20
20
|
onItemView?: (item: IProductBlueprint, position: number) => void;
|
|
21
21
|
/** Fires when the category filter changes. Passes new category and item count. */
|
|
22
22
|
onCategoryChange?: (category: string, itemsShown: number) => void;
|
|
23
|
+
/** Currency symbol to display (e.g. "$" for USD, "R$" for BRL). Defaults to "$". */
|
|
24
|
+
currencySymbol?: string;
|
|
23
25
|
}
|
|
24
26
|
export declare const StoreItemsSection: React.FC<IStoreItemsSectionProps>;
|
|
25
27
|
export {};
|
|
@@ -17,6 +17,8 @@ interface IStorePacksSectionProps {
|
|
|
17
17
|
}>;
|
|
18
18
|
/** Fires once on mount per pack row — use for pack_viewed analytics. */
|
|
19
19
|
onPackView?: (pack: IItemPack, position: number) => void;
|
|
20
|
+
/** Currency symbol to display (e.g. "$" for USD, "R$" for BRL). Defaults to "$". */
|
|
21
|
+
currencySymbol?: string;
|
|
20
22
|
}
|
|
21
23
|
export declare const StorePacksSection: React.FC<IStorePacksSectionProps>;
|
|
22
24
|
export {};
|
|
@@ -69787,7 +69787,9 @@ var CartView = function CartView(_ref2) {
|
|
|
69787
69787
|
onBuyDC = _ref2.onBuyDC,
|
|
69788
69788
|
onCheckoutStart = _ref2.onCheckoutStart,
|
|
69789
69789
|
onPurchaseSuccess = _ref2.onPurchaseSuccess,
|
|
69790
|
-
onPurchaseError = _ref2.onPurchaseError
|
|
69790
|
+
onPurchaseError = _ref2.onPurchaseError,
|
|
69791
|
+
_ref2$currencySymbol = _ref2.currencySymbol,
|
|
69792
|
+
currencySymbol = _ref2$currencySymbol === void 0 ? '$' : _ref2$currencySymbol;
|
|
69791
69793
|
var _useState = React.useState(false),
|
|
69792
69794
|
isLoading = _useState[0],
|
|
69793
69795
|
setIsLoading = _useState[1];
|
|
@@ -69798,7 +69800,8 @@ var CartView = function CartView(_ref2) {
|
|
|
69798
69800
|
purchasedItems = _useState3[0],
|
|
69799
69801
|
setPurchasedItems = _useState3[1];
|
|
69800
69802
|
var total = cartItems.reduce(function (sum, cartItem) {
|
|
69801
|
-
|
|
69803
|
+
var _cartItem$item$region;
|
|
69804
|
+
return sum + ((_cartItem$item$region = cartItem.item.regionalPrice) != null ? _cartItem$item$region : cartItem.item.price) * cartItem.quantity;
|
|
69802
69805
|
}, 0);
|
|
69803
69806
|
var dcTotal = cartItems.reduce(function (sum, ci) {
|
|
69804
69807
|
var _ci$item$dcPrice;
|
|
@@ -69890,7 +69893,7 @@ var CartView = function CartView(_ref2) {
|
|
|
69890
69893
|
}, 0), ")"), React__default.createElement(CloseButton$e, {
|
|
69891
69894
|
onPointerDown: onClose
|
|
69892
69895
|
}, 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) {
|
|
69893
|
-
var _cartItem$metadata, _cartItem$metadata2;
|
|
69896
|
+
var _cartItem$metadata, _cartItem$metadata2, _cartItem$item$region2, _cartItem$item$region3;
|
|
69894
69897
|
console.log('Item metadataType: , texturePath:', cartItem.item.metadataType, cartItem.item.texturePath);
|
|
69895
69898
|
var getSpriteKey = function getSpriteKey(textureKey) {
|
|
69896
69899
|
return textureKey + '/down/standing/0.png';
|
|
@@ -69905,7 +69908,7 @@ var CartView = function CartView(_ref2) {
|
|
|
69905
69908
|
height: 24,
|
|
69906
69909
|
imgScale: 1.5,
|
|
69907
69910
|
centered: true
|
|
69908
|
-
})), 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,
|
|
69911
|
+
})), 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, {
|
|
69909
69912
|
type: cartItem.item.metadataType,
|
|
69910
69913
|
metadata: cartItem.metadata
|
|
69911
69914
|
})), React__default.createElement(CTAButton, {
|
|
@@ -69919,11 +69922,11 @@ var CartView = function CartView(_ref2) {
|
|
|
69919
69922
|
onPointerDown: onBuyDC
|
|
69920
69923
|
}, 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, {
|
|
69921
69924
|
signals: trustSignals
|
|
69922
|
-
}), 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,
|
|
69925
|
+
}), 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, {
|
|
69923
69926
|
"$isTotal": true
|
|
69924
|
-
}, React__default.createElement("span", null, "Total:"), React__default.createElement("span", null,
|
|
69927
|
+
}, 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, {
|
|
69925
69928
|
icon: React__default.createElement(fa.FaShoppingBag, null),
|
|
69926
|
-
label: isLoading ? 'Processing...' : "Pay
|
|
69929
|
+
label: isLoading ? 'Processing...' : "Pay " + currencySymbol + formatPrice(total),
|
|
69927
69930
|
onClick: handlePurchase,
|
|
69928
69931
|
fullWidth: true,
|
|
69929
69932
|
disabled: cartItems.length === 0 || isLoading
|
|
@@ -70433,7 +70436,8 @@ var useStoreCart = function useStoreCart() {
|
|
|
70433
70436
|
};
|
|
70434
70437
|
var getTotalPrice = function getTotalPrice() {
|
|
70435
70438
|
return Number(cartItems.reduce(function (sum, item) {
|
|
70436
|
-
|
|
70439
|
+
var _item$item$regionalPr;
|
|
70440
|
+
return sum + ((_item$item$regionalPr = item.item.regionalPrice) != null ? _item$item$regionalPr : item.item.price) * item.quantity;
|
|
70437
70441
|
}, 0).toFixed(2));
|
|
70438
70442
|
};
|
|
70439
70443
|
return {
|
|
@@ -71068,7 +71072,7 @@ var ViewersPill = /*#__PURE__*/styled__default.span.withConfig({
|
|
|
71068
71072
|
})(["animation:", " 2s ease-in-out infinite;"], pulse$2);
|
|
71069
71073
|
|
|
71070
71074
|
var StoreItemRow = function StoreItemRow(_ref) {
|
|
71071
|
-
var _item$requiredAccount, _item$store;
|
|
71075
|
+
var _item$requiredAccount, _item$store, _item$regionalPrice;
|
|
71072
71076
|
var item = _ref.item,
|
|
71073
71077
|
atlasJSON = _ref.atlasJSON,
|
|
71074
71078
|
atlasIMG = _ref.atlasIMG,
|
|
@@ -71086,7 +71090,9 @@ var StoreItemRow = function StoreItemRow(_ref) {
|
|
|
71086
71090
|
originalPrice = _ref.originalPrice,
|
|
71087
71091
|
onView = _ref.onView,
|
|
71088
71092
|
_ref$positionInList = _ref.positionInList,
|
|
71089
|
-
positionInList = _ref$positionInList === void 0 ? 0 : _ref$positionInList
|
|
71093
|
+
positionInList = _ref$positionInList === void 0 ? 0 : _ref$positionInList,
|
|
71094
|
+
_ref$currencySymbol = _ref.currencySymbol,
|
|
71095
|
+
currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol;
|
|
71090
71096
|
var _useState = React.useState(''),
|
|
71091
71097
|
textInputValue = _useState[0],
|
|
71092
71098
|
setTextInputValue = _useState[1];
|
|
@@ -71147,7 +71153,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
|
|
|
71147
71153
|
atlasJSON: atlasJSON,
|
|
71148
71154
|
spriteKey: "others/definya-coin.png",
|
|
71149
71155
|
imgScale: 0.8
|
|
71150
|
-
})), originalPrice.toLocaleString()) : "
|
|
71156
|
+
})), originalPrice.toLocaleString()) : "" + currencySymbol + originalPrice.toFixed(2)), item.currency === 'DC' ? React__default.createElement(ItemPrice$1, {
|
|
71151
71157
|
"$onSale": originalPrice != null,
|
|
71152
71158
|
style: {
|
|
71153
71159
|
display: 'flex',
|
|
@@ -71169,7 +71175,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
|
|
|
71169
71175
|
alignItems: 'center',
|
|
71170
71176
|
gap: '2px'
|
|
71171
71177
|
}
|
|
71172
|
-
},
|
|
71178
|
+
}, 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", {
|
|
71173
71179
|
style: {
|
|
71174
71180
|
margin: '0 4px'
|
|
71175
71181
|
}
|
|
@@ -71343,7 +71349,9 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
|
|
|
71343
71349
|
_ref$itemBadges = _ref.itemBadges,
|
|
71344
71350
|
itemBadges = _ref$itemBadges === void 0 ? {} : _ref$itemBadges,
|
|
71345
71351
|
onItemView = _ref.onItemView,
|
|
71346
|
-
onCategoryChange = _ref.onCategoryChange
|
|
71352
|
+
onCategoryChange = _ref.onCategoryChange,
|
|
71353
|
+
_ref$currencySymbol = _ref.currencySymbol,
|
|
71354
|
+
currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol;
|
|
71347
71355
|
var _useStoreFiltering = useStoreFiltering(items),
|
|
71348
71356
|
searchQuery = _useStoreFiltering.searchQuery,
|
|
71349
71357
|
setSearchQuery = _useStoreFiltering.setSearchQuery,
|
|
@@ -71381,7 +71389,8 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
|
|
|
71381
71389
|
userAccountType: userAccountType || shared.UserAccountTypes.Free,
|
|
71382
71390
|
showTextInput: true,
|
|
71383
71391
|
onView: onItemView,
|
|
71384
|
-
positionInList: position
|
|
71392
|
+
positionInList: position,
|
|
71393
|
+
currencySymbol: currencySymbol
|
|
71385
71394
|
}, meta));
|
|
71386
71395
|
}
|
|
71387
71396
|
// Fallback to standard arrow-based row
|
|
@@ -71394,7 +71403,8 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
|
|
|
71394
71403
|
onQuickBuy: onQuickBuy,
|
|
71395
71404
|
userAccountType: userAccountType || shared.UserAccountTypes.Free,
|
|
71396
71405
|
onView: onItemView,
|
|
71397
|
-
positionInList: position
|
|
71406
|
+
positionInList: position,
|
|
71407
|
+
currencySymbol: currencySymbol
|
|
71398
71408
|
}, meta));
|
|
71399
71409
|
};
|
|
71400
71410
|
return React__default.createElement(StoreContainer, null, React__default.createElement(SearchHeader$2, null, React__default.createElement(SearchBarContainer$1, null, React__default.createElement(SearchBar, {
|
|
@@ -71461,7 +71471,9 @@ var PackRowItem = function PackRowItem(_ref) {
|
|
|
71461
71471
|
originalPrice = _ref.originalPrice,
|
|
71462
71472
|
onPackView = _ref.onPackView,
|
|
71463
71473
|
_ref$positionInList = _ref.positionInList,
|
|
71464
|
-
positionInList = _ref$positionInList === void 0 ? 0 : _ref$positionInList
|
|
71474
|
+
positionInList = _ref$positionInList === void 0 ? 0 : _ref$positionInList,
|
|
71475
|
+
_ref$currencySymbol = _ref.currencySymbol,
|
|
71476
|
+
currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol;
|
|
71465
71477
|
var _useQuantityControl = useQuantityControl(),
|
|
71466
71478
|
quantity = _useQuantityControl.quantity,
|
|
71467
71479
|
handleQuantityChange = _useQuantityControl.handleQuantityChange,
|
|
@@ -71480,9 +71492,9 @@ var PackRowItem = function PackRowItem(_ref) {
|
|
|
71480
71492
|
onQuickBuy == null ? void 0 : onQuickBuy(pack, quantity);
|
|
71481
71493
|
resetQuantity();
|
|
71482
71494
|
};
|
|
71483
|
-
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,
|
|
71495
|
+
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, {
|
|
71484
71496
|
"$onSale": originalPrice != null
|
|
71485
|
-
},
|
|
71497
|
+
}, currencySymbol, pack.priceUSD)), pack.description && React__default.createElement(PackDescription, null, pack.description), React__default.createElement(StoreBadges, {
|
|
71486
71498
|
badges: badges,
|
|
71487
71499
|
buyCount: buyCount,
|
|
71488
71500
|
viewersCount: viewersCount,
|
|
@@ -71524,7 +71536,9 @@ var StorePacksSection = function StorePacksSection(_ref2) {
|
|
|
71524
71536
|
atlasIMG = _ref2.atlasIMG,
|
|
71525
71537
|
_ref2$packBadges = _ref2.packBadges,
|
|
71526
71538
|
packBadges = _ref2$packBadges === void 0 ? {} : _ref2$packBadges,
|
|
71527
|
-
onPackView = _ref2.onPackView
|
|
71539
|
+
onPackView = _ref2.onPackView,
|
|
71540
|
+
_ref2$currencySymbol = _ref2.currencySymbol,
|
|
71541
|
+
currencySymbol = _ref2$currencySymbol === void 0 ? '$' : _ref2$currencySymbol;
|
|
71528
71542
|
var _usePackFiltering = usePackFiltering(packs),
|
|
71529
71543
|
searchQuery = _usePackFiltering.searchQuery,
|
|
71530
71544
|
setSearchQuery = _usePackFiltering.setSearchQuery,
|
|
@@ -71562,9 +71576,10 @@ var StorePacksSection = function StorePacksSection(_ref2) {
|
|
|
71562
71576
|
onQuickBuy: onQuickBuy,
|
|
71563
71577
|
renderPackIcon: renderPackIcon,
|
|
71564
71578
|
onPackView: onPackView,
|
|
71565
|
-
positionInList: position
|
|
71579
|
+
positionInList: position,
|
|
71580
|
+
currencySymbol: currencySymbol
|
|
71566
71581
|
}, meta));
|
|
71567
|
-
}, [onAddToCart, onQuickBuy, renderPackIcon, packBadges, onPackView, filteredPacks]);
|
|
71582
|
+
}, [onAddToCart, onQuickBuy, renderPackIcon, packBadges, onPackView, filteredPacks, currencySymbol]);
|
|
71568
71583
|
return React__default.createElement(ScrollableContent, {
|
|
71569
71584
|
items: filteredPacks,
|
|
71570
71585
|
renderItem: renderPack,
|
|
@@ -71630,10 +71645,13 @@ var QuantityInput$1 = /*#__PURE__*/styled__default.input.withConfig({
|
|
|
71630
71645
|
})(["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;}"]);
|
|
71631
71646
|
|
|
71632
71647
|
var StoreItemDetails = function StoreItemDetails(_ref) {
|
|
71648
|
+
var _item$regionalPrice;
|
|
71633
71649
|
var item = _ref.item,
|
|
71634
71650
|
onBack = _ref.onBack,
|
|
71635
71651
|
onAddToCart = _ref.onAddToCart,
|
|
71636
|
-
imageUrl = _ref.imageUrl
|
|
71652
|
+
imageUrl = _ref.imageUrl,
|
|
71653
|
+
_ref$currencySymbol = _ref.currencySymbol,
|
|
71654
|
+
currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol;
|
|
71637
71655
|
var getImageSrc = function getImageSrc() {
|
|
71638
71656
|
if (!imageUrl) return '/placeholder-thumbnail.png';
|
|
71639
71657
|
if (typeof imageUrl === 'string') return imageUrl;
|
|
@@ -71644,7 +71662,7 @@ var StoreItemDetails = function StoreItemDetails(_ref) {
|
|
|
71644
71662
|
}, 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", {
|
|
71645
71663
|
src: getImageSrc(),
|
|
71646
71664
|
alt: item.name
|
|
71647
|
-
})), React__default.createElement(ItemInfo$3, null, React__default.createElement(ItemName$8, null, item.name), React__default.createElement(ItemPrice$2, null,
|
|
71665
|
+
})), 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, {
|
|
71648
71666
|
icon: React__default.createElement(fa.FaCartPlus, null),
|
|
71649
71667
|
label: "Add to Cart",
|
|
71650
71668
|
onClick: function onClick() {
|
|
@@ -71740,7 +71758,9 @@ var Store = function Store(_ref) {
|
|
|
71740
71758
|
onCheckoutStart = _ref.onCheckoutStart,
|
|
71741
71759
|
onPurchaseSuccess = _ref.onPurchaseSuccess,
|
|
71742
71760
|
onPurchaseError = _ref.onPurchaseError,
|
|
71743
|
-
onBuyDC = _ref.onBuyDC
|
|
71761
|
+
onBuyDC = _ref.onBuyDC,
|
|
71762
|
+
_ref$currencySymbol = _ref.currencySymbol,
|
|
71763
|
+
currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol;
|
|
71744
71764
|
var _useState = React.useState(null),
|
|
71745
71765
|
selectedPack = _useState[0],
|
|
71746
71766
|
setSelectedPack = _useState[1];
|
|
@@ -71917,7 +71937,8 @@ var Store = function Store(_ref) {
|
|
|
71917
71937
|
atlasJSON: atlasJSON,
|
|
71918
71938
|
atlasIMG: atlasIMG,
|
|
71919
71939
|
packBadges: packBadges,
|
|
71920
|
-
onPackView: onPackView
|
|
71940
|
+
onPackView: onPackView,
|
|
71941
|
+
currencySymbol: currencySymbol
|
|
71921
71942
|
})
|
|
71922
71943
|
},
|
|
71923
71944
|
packs: {
|
|
@@ -71974,7 +71995,8 @@ var Store = function Store(_ref) {
|
|
|
71974
71995
|
atlasJSON: atlasJSON,
|
|
71975
71996
|
atlasIMG: atlasIMG,
|
|
71976
71997
|
packBadges: packBadges,
|
|
71977
|
-
onPackView: onPackView
|
|
71998
|
+
onPackView: onPackView,
|
|
71999
|
+
currencySymbol: currencySymbol
|
|
71978
72000
|
})
|
|
71979
72001
|
},
|
|
71980
72002
|
items: {
|
|
@@ -71996,7 +72018,8 @@ var Store = function Store(_ref) {
|
|
|
71996
72018
|
textInputItemKeys: textInputItemKeys,
|
|
71997
72019
|
itemBadges: itemBadges,
|
|
71998
72020
|
onItemView: onItemView,
|
|
71999
|
-
onCategoryChange: onCategoryChange
|
|
72021
|
+
onCategoryChange: onCategoryChange,
|
|
72022
|
+
currencySymbol: currencySymbol
|
|
72000
72023
|
})
|
|
72001
72024
|
},
|
|
72002
72025
|
wallet: {
|
|
@@ -72068,7 +72091,8 @@ var Store = function Store(_ref) {
|
|
|
72068
72091
|
onCheckoutStart: onCheckoutStart,
|
|
72069
72092
|
onPurchaseSuccess: onPurchaseSuccess,
|
|
72070
72093
|
onPurchaseError: onPurchaseError,
|
|
72071
|
-
onBuyDC: onBuyDC
|
|
72094
|
+
onBuyDC: onBuyDC,
|
|
72095
|
+
currencySymbol: currencySymbol
|
|
72072
72096
|
}) : selectedPack ? React__default.createElement(StoreItemDetails, {
|
|
72073
72097
|
item: _extends({}, selectedPack, {
|
|
72074
72098
|
name: selectedPack.title,
|
|
@@ -72080,7 +72104,8 @@ var Store = function Store(_ref) {
|
|
|
72080
72104
|
},
|
|
72081
72105
|
onAddToCart: function onAddToCart() {
|
|
72082
72106
|
return handleAddPackToCart(selectedPack);
|
|
72083
|
-
}
|
|
72107
|
+
},
|
|
72108
|
+
currencySymbol: currencySymbol
|
|
72084
72109
|
}) : React__default.createElement(Container$P, null, featuredItems && featuredItems.length > 0 && React__default.createElement(FeaturedBanner, {
|
|
72085
72110
|
items: featuredItems,
|
|
72086
72111
|
atlasJSON: atlasJSON,
|
|
@@ -72156,9 +72181,9 @@ var Store = function Store(_ref) {
|
|
|
72156
72181
|
}), React__default.createElement(CartButtonWrapper, null, React__default.createElement(CTAButton, {
|
|
72157
72182
|
icon: React__default.createElement(fa.FaShoppingCart, null),
|
|
72158
72183
|
onClick: handleOpenCart
|
|
72159
|
-
}), 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,
|
|
72184
|
+
}), 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, {
|
|
72160
72185
|
icon: React__default.createElement(fa.FaShoppingCart, null),
|
|
72161
|
-
label: "Proceed to Checkout (
|
|
72186
|
+
label: "Proceed to Checkout (" + currencySymbol + getTotalPrice().toFixed(2) + ")",
|
|
72162
72187
|
onClick: handleOpenCart,
|
|
72163
72188
|
fullWidth: true
|
|
72164
72189
|
}))));
|