@rpg-engine/long-bow 0.8.198 → 0.8.199
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/Store.d.ts +11 -1
- package/dist/components/Store/sections/StoreRedeemSection.d.ts +11 -0
- package/dist/index.d.ts +1 -0
- package/dist/long-bow.cjs.development.js +200 -17
- 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 +201 -19
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Store/Store.tsx +25 -2
- package/src/components/Store/__test__/StoreRedeemSection.spec.tsx +232 -0
- package/src/components/Store/sections/StoreRedeemSection.tsx +258 -0
- package/src/index.tsx +1 -0
package/dist/long-bow.esm.js
CHANGED
|
@@ -6,7 +6,7 @@ import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemConta
|
|
|
6
6
|
export { MarketplaceAcceptedCurrency } from '@rpg-engine/shared';
|
|
7
7
|
import dayjs from 'dayjs';
|
|
8
8
|
import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
|
|
9
|
-
import { FaTimes, FaDiscord, FaWhatsapp, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight, FaClipboardList, FaPaperPlane, FaShoppingCart, FaChevronUp, FaChevronDown, FaReddit, FaLock, FaRocket, FaHeadset, FaStar, FaShoppingBag, FaTrash, FaCoins, FaInfoCircle, FaBolt, FaCartPlus, FaArrowLeft, FaWallet, FaHistory } from 'react-icons/fa';
|
|
9
|
+
import { FaTimes, FaDiscord, FaWhatsapp, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight, FaClipboardList, FaPaperPlane, FaShoppingCart, FaChevronUp, FaChevronDown, FaReddit, FaLock, FaRocket, FaHeadset, FaStar, FaShoppingBag, FaTrash, FaCoins, FaInfoCircle, FaBolt, FaCartPlus, FaCheckCircle, FaTicketAlt, FaExclamationCircle, FaArrowLeft, FaWallet, FaHistory } from 'react-icons/fa';
|
|
10
10
|
import { RxMagnifyingGlass, RxCross2 } from 'react-icons/rx';
|
|
11
11
|
import { IoMdContract, IoMdExpand } from 'react-icons/io';
|
|
12
12
|
import ReactDOM, { createPortal } from 'react-dom';
|
|
@@ -73178,6 +73178,173 @@ var QuantityInput$1 = /*#__PURE__*/styled.input.withConfig({
|
|
|
73178
73178
|
componentId: "sc-ulazq3-11"
|
|
73179
73179
|
})(["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;}"]);
|
|
73180
73180
|
|
|
73181
|
+
var StoreRedeemSection = function StoreRedeemSection(_ref) {
|
|
73182
|
+
var onRedeem = _ref.onRedeem,
|
|
73183
|
+
onInputFocus = _ref.onInputFocus,
|
|
73184
|
+
onInputBlur = _ref.onInputBlur;
|
|
73185
|
+
var _useState = useState(''),
|
|
73186
|
+
code = _useState[0],
|
|
73187
|
+
setCode = _useState[1];
|
|
73188
|
+
var _useState2 = useState('idle'),
|
|
73189
|
+
status = _useState2[0],
|
|
73190
|
+
setStatus = _useState2[1];
|
|
73191
|
+
var _useState3 = useState(),
|
|
73192
|
+
dcAmount = _useState3[0],
|
|
73193
|
+
setDcAmount = _useState3[1];
|
|
73194
|
+
var _useState4 = useState(''),
|
|
73195
|
+
errorMessage = _useState4[0],
|
|
73196
|
+
setErrorMessage = _useState4[1];
|
|
73197
|
+
var canSubmit = code.trim().length > 0 && status !== 'loading';
|
|
73198
|
+
var handleSubmit = /*#__PURE__*/function () {
|
|
73199
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
73200
|
+
var normalizedCode, result, _result$error;
|
|
73201
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
73202
|
+
while (1) switch (_context.prev = _context.next) {
|
|
73203
|
+
case 0:
|
|
73204
|
+
if (canSubmit) {
|
|
73205
|
+
_context.next = 2;
|
|
73206
|
+
break;
|
|
73207
|
+
}
|
|
73208
|
+
return _context.abrupt("return");
|
|
73209
|
+
case 2:
|
|
73210
|
+
normalizedCode = code.trim().toUpperCase();
|
|
73211
|
+
setStatus('loading');
|
|
73212
|
+
setErrorMessage('');
|
|
73213
|
+
_context.prev = 5;
|
|
73214
|
+
_context.next = 8;
|
|
73215
|
+
return onRedeem(normalizedCode);
|
|
73216
|
+
case 8:
|
|
73217
|
+
result = _context.sent;
|
|
73218
|
+
if (result.success) {
|
|
73219
|
+
setStatus('success');
|
|
73220
|
+
setDcAmount(result.dcAmount);
|
|
73221
|
+
} else {
|
|
73222
|
+
setStatus('error');
|
|
73223
|
+
setErrorMessage((_result$error = result.error) != null ? _result$error : 'Redemption failed. Please try again.');
|
|
73224
|
+
}
|
|
73225
|
+
_context.next = 16;
|
|
73226
|
+
break;
|
|
73227
|
+
case 12:
|
|
73228
|
+
_context.prev = 12;
|
|
73229
|
+
_context.t0 = _context["catch"](5);
|
|
73230
|
+
setStatus('error');
|
|
73231
|
+
setErrorMessage('Something went wrong. Please try again.');
|
|
73232
|
+
case 16:
|
|
73233
|
+
case "end":
|
|
73234
|
+
return _context.stop();
|
|
73235
|
+
}
|
|
73236
|
+
}, _callee, null, [[5, 12]]);
|
|
73237
|
+
}));
|
|
73238
|
+
return function handleSubmit() {
|
|
73239
|
+
return _ref2.apply(this, arguments);
|
|
73240
|
+
};
|
|
73241
|
+
}();
|
|
73242
|
+
var handleReset = function handleReset() {
|
|
73243
|
+
setCode('');
|
|
73244
|
+
setStatus('idle');
|
|
73245
|
+
setDcAmount(undefined);
|
|
73246
|
+
setErrorMessage('');
|
|
73247
|
+
};
|
|
73248
|
+
var handleKeyDown = function handleKeyDown(e) {
|
|
73249
|
+
if (e.key === 'Enter') {
|
|
73250
|
+
void handleSubmit();
|
|
73251
|
+
}
|
|
73252
|
+
};
|
|
73253
|
+
if (status === 'success') {
|
|
73254
|
+
return React.createElement(Container$O, null, React.createElement(ResultContainer, null, React.createElement(SuccessIcon, null, React.createElement(FaCheckCircle, {
|
|
73255
|
+
size: 32
|
|
73256
|
+
})), React.createElement(SuccessTitle, null, "Code Redeemed!"), dcAmount != null && React.createElement(DCAmountDisplay, null, "+", dcAmount.toLocaleString(), " DC"), React.createElement(SuccessHint, null, "Your wallet balance has been updated."), React.createElement(ButtonWrapper$3, null, React.createElement(CTAButton, {
|
|
73257
|
+
icon: React.createElement(FaTicketAlt, null),
|
|
73258
|
+
label: "Redeem Another",
|
|
73259
|
+
onClick: handleReset
|
|
73260
|
+
}))));
|
|
73261
|
+
}
|
|
73262
|
+
if (status === 'error') {
|
|
73263
|
+
return React.createElement(Container$O, null, React.createElement(ResultContainer, null, React.createElement(ErrorIcon, null, React.createElement(FaExclamationCircle, {
|
|
73264
|
+
size: 32
|
|
73265
|
+
})), React.createElement(ErrorTitle, null, errorMessage), React.createElement(ButtonWrapper$3, null, React.createElement(CTAButton, {
|
|
73266
|
+
icon: React.createElement(FaTicketAlt, null),
|
|
73267
|
+
label: "Try Again",
|
|
73268
|
+
onClick: handleReset
|
|
73269
|
+
}))));
|
|
73270
|
+
}
|
|
73271
|
+
return React.createElement(Container$O, null, React.createElement(Title$p, null, "Redeem a Voucher Code"), React.createElement(Description$7, null, "Enter your voucher code below to receive Definya Coins."), React.createElement(InputRow, null, React.createElement(CodeInput, {
|
|
73272
|
+
type: "text",
|
|
73273
|
+
value: code,
|
|
73274
|
+
onChange: function onChange(e) {
|
|
73275
|
+
return setCode(e.target.value);
|
|
73276
|
+
},
|
|
73277
|
+
onFocus: onInputFocus,
|
|
73278
|
+
onBlur: onInputBlur,
|
|
73279
|
+
onKeyDown: handleKeyDown,
|
|
73280
|
+
placeholder: "Enter code...",
|
|
73281
|
+
disabled: status === 'loading',
|
|
73282
|
+
autoComplete: "off",
|
|
73283
|
+
spellCheck: false
|
|
73284
|
+
})), React.createElement(ButtonWrapper$3, null, React.createElement(CTAButton, {
|
|
73285
|
+
icon: React.createElement(FaTicketAlt, null),
|
|
73286
|
+
label: status === 'loading' ? 'Redeeming...' : 'Redeem Code',
|
|
73287
|
+
onClick: function onClick() {
|
|
73288
|
+
void handleSubmit();
|
|
73289
|
+
},
|
|
73290
|
+
disabled: !canSubmit,
|
|
73291
|
+
fullWidth: true
|
|
73292
|
+
})));
|
|
73293
|
+
};
|
|
73294
|
+
var Container$O = /*#__PURE__*/styled.div.withConfig({
|
|
73295
|
+
displayName: "StoreRedeemSection__Container",
|
|
73296
|
+
componentId: "sc-1pzosml-0"
|
|
73297
|
+
})(["display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;max-width:420px;margin:0 auto;gap:1rem;"]);
|
|
73298
|
+
var Title$p = /*#__PURE__*/styled.h3.withConfig({
|
|
73299
|
+
displayName: "StoreRedeemSection__Title",
|
|
73300
|
+
componentId: "sc-1pzosml-1"
|
|
73301
|
+
})(["font-family:'Press Start 2P',cursive;font-size:0.85rem;color:", ";margin:0;text-align:center;"], uiColors.white);
|
|
73302
|
+
var Description$7 = /*#__PURE__*/styled.p.withConfig({
|
|
73303
|
+
displayName: "StoreRedeemSection__Description",
|
|
73304
|
+
componentId: "sc-1pzosml-2"
|
|
73305
|
+
})(["font-family:'Press Start 2P',cursive;font-size:0.55rem;color:", ";margin:0;text-align:center;line-height:1.6;"], uiColors.lightGray);
|
|
73306
|
+
var InputRow = /*#__PURE__*/styled.div.withConfig({
|
|
73307
|
+
displayName: "StoreRedeemSection__InputRow",
|
|
73308
|
+
componentId: "sc-1pzosml-3"
|
|
73309
|
+
})(["width:100%;"]);
|
|
73310
|
+
var CodeInput = /*#__PURE__*/styled.input.withConfig({
|
|
73311
|
+
displayName: "StoreRedeemSection__CodeInput",
|
|
73312
|
+
componentId: "sc-1pzosml-4"
|
|
73313
|
+
})(["width:100%;padding:12px 14px;font-family:'Press Start 2P',cursive;font-size:0.75rem;color:", ";background:rgba(0,0,0,0.4);border:2px solid #f59e0b;border-radius:4px;text-transform:uppercase;letter-spacing:2px;text-align:center;box-sizing:border-box;outline:none;&::placeholder{color:", ";text-transform:none;letter-spacing:0;}&:focus{border-color:#fbbf24;box-shadow:0 0 8px rgba(251,191,36,0.3);}&:disabled{opacity:0.5;cursor:not-allowed;}"], uiColors.white, uiColors.lightGray);
|
|
73314
|
+
var ButtonWrapper$3 = /*#__PURE__*/styled.div.withConfig({
|
|
73315
|
+
displayName: "StoreRedeemSection__ButtonWrapper",
|
|
73316
|
+
componentId: "sc-1pzosml-5"
|
|
73317
|
+
})(["width:100%;margin-top:0.5rem;"]);
|
|
73318
|
+
var ResultContainer = /*#__PURE__*/styled.div.withConfig({
|
|
73319
|
+
displayName: "StoreRedeemSection__ResultContainer",
|
|
73320
|
+
componentId: "sc-1pzosml-6"
|
|
73321
|
+
})(["display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;"]);
|
|
73322
|
+
var glowPulse$1 = /*#__PURE__*/keyframes(["0%,100%{opacity:1;}50%{opacity:0.7;}"]);
|
|
73323
|
+
var SuccessIcon = /*#__PURE__*/styled.div.withConfig({
|
|
73324
|
+
displayName: "StoreRedeemSection__SuccessIcon",
|
|
73325
|
+
componentId: "sc-1pzosml-7"
|
|
73326
|
+
})(["color:", ";animation:", " 1.5s ease-in-out infinite;"], uiColors.green, glowPulse$1);
|
|
73327
|
+
var SuccessTitle = /*#__PURE__*/styled.h3.withConfig({
|
|
73328
|
+
displayName: "StoreRedeemSection__SuccessTitle",
|
|
73329
|
+
componentId: "sc-1pzosml-8"
|
|
73330
|
+
})(["font-family:'Press Start 2P',cursive;font-size:0.85rem;color:", ";margin:0;"], uiColors.green);
|
|
73331
|
+
var DCAmountDisplay = /*#__PURE__*/styled.div.withConfig({
|
|
73332
|
+
displayName: "StoreRedeemSection__DCAmountDisplay",
|
|
73333
|
+
componentId: "sc-1pzosml-9"
|
|
73334
|
+
})(["font-family:'Press Start 2P',cursive;font-size:1.2rem;color:#fef08a;text-shadow:0 0 10px rgba(254,240,138,0.5);"]);
|
|
73335
|
+
var SuccessHint = /*#__PURE__*/styled.p.withConfig({
|
|
73336
|
+
displayName: "StoreRedeemSection__SuccessHint",
|
|
73337
|
+
componentId: "sc-1pzosml-10"
|
|
73338
|
+
})(["font-family:'Press Start 2P',cursive;font-size:0.5rem;color:", ";margin:0;"], uiColors.lightGray);
|
|
73339
|
+
var ErrorIcon = /*#__PURE__*/styled.div.withConfig({
|
|
73340
|
+
displayName: "StoreRedeemSection__ErrorIcon",
|
|
73341
|
+
componentId: "sc-1pzosml-11"
|
|
73342
|
+
})(["color:", ";"], uiColors.red);
|
|
73343
|
+
var ErrorTitle = /*#__PURE__*/styled.p.withConfig({
|
|
73344
|
+
displayName: "StoreRedeemSection__ErrorTitle",
|
|
73345
|
+
componentId: "sc-1pzosml-12"
|
|
73346
|
+
})(["font-family:'Press Start 2P',cursive;font-size:0.65rem;color:", ";margin:0;text-align:center;line-height:1.6;"], uiColors.red);
|
|
73347
|
+
|
|
73181
73348
|
var StoreItemDetails = function StoreItemDetails(_ref) {
|
|
73182
73349
|
var _item$regionalPrice;
|
|
73183
73350
|
var item = _ref.item,
|
|
@@ -73191,12 +73358,12 @@ var StoreItemDetails = function StoreItemDetails(_ref) {
|
|
|
73191
73358
|
if (typeof imageUrl === 'string') return imageUrl;
|
|
73192
73359
|
return imageUrl["default"] || imageUrl.src;
|
|
73193
73360
|
};
|
|
73194
|
-
return React.createElement(Container$
|
|
73361
|
+
return React.createElement(Container$P, null, React.createElement(Header$j, null, React.createElement(BackButton, {
|
|
73195
73362
|
onClick: onBack
|
|
73196
73363
|
}, 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", {
|
|
73197
73364
|
src: getImageSrc(),
|
|
73198
73365
|
alt: item.name
|
|
73199
|
-
})), React.createElement(ItemInfo$3, null, React.createElement(ItemName$9, 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$
|
|
73366
|
+
})), React.createElement(ItemInfo$3, null, React.createElement(ItemName$9, 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$8, null, item.description))), React.createElement(Actions$1, null, React.createElement(CTAButton, {
|
|
73200
73367
|
icon: React.createElement(FaCartPlus, null),
|
|
73201
73368
|
label: "Add to Cart",
|
|
73202
73369
|
onClick: function onClick() {
|
|
@@ -73205,7 +73372,7 @@ var StoreItemDetails = function StoreItemDetails(_ref) {
|
|
|
73205
73372
|
fullWidth: true
|
|
73206
73373
|
}))));
|
|
73207
73374
|
};
|
|
73208
|
-
var Container$
|
|
73375
|
+
var Container$P = /*#__PURE__*/styled.div.withConfig({
|
|
73209
73376
|
displayName: "StoreItemDetails__Container",
|
|
73210
73377
|
componentId: "sc-k3ho5z-0"
|
|
73211
73378
|
})(["display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;height:100%;"]);
|
|
@@ -73241,7 +73408,7 @@ var ItemPrice$2 = /*#__PURE__*/styled.div.withConfig({
|
|
|
73241
73408
|
displayName: "StoreItemDetails__ItemPrice",
|
|
73242
73409
|
componentId: "sc-k3ho5z-8"
|
|
73243
73410
|
})(["font-family:'Press Start 2P',cursive;font-size:1rem;color:#fef08a;"]);
|
|
73244
|
-
var Description$
|
|
73411
|
+
var Description$8 = /*#__PURE__*/styled.p.withConfig({
|
|
73245
73412
|
displayName: "StoreItemDetails__Description",
|
|
73246
73413
|
componentId: "sc-k3ho5z-9"
|
|
73247
73414
|
})(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.875rem;line-height:1.6;color:#ffffff;"]);
|
|
@@ -73294,7 +73461,10 @@ var Store = function Store(_ref) {
|
|
|
73294
73461
|
onPurchaseError = _ref.onPurchaseError,
|
|
73295
73462
|
onBuyDC = _ref.onBuyDC,
|
|
73296
73463
|
_ref$currencySymbol = _ref.currencySymbol,
|
|
73297
|
-
currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol
|
|
73464
|
+
currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol,
|
|
73465
|
+
onRedeem = _ref.onRedeem,
|
|
73466
|
+
onRedeemInputFocus = _ref.onRedeemInputFocus,
|
|
73467
|
+
onRedeemInputBlur = _ref.onRedeemInputBlur;
|
|
73298
73468
|
var _useState = useState(null),
|
|
73299
73469
|
selectedPack = _useState[0],
|
|
73300
73470
|
setSelectedPack = _useState[1];
|
|
@@ -73416,7 +73586,7 @@ var Store = function Store(_ref) {
|
|
|
73416
73586
|
return React.createElement(ErrorMessage$3, null, error);
|
|
73417
73587
|
}
|
|
73418
73588
|
// Build tabs dynamically based on props
|
|
73419
|
-
var tabIds = [].concat(tabOrder != null ? tabOrder : ['premium', 'packs', 'items'], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
|
|
73589
|
+
var tabIds = [].concat(tabOrder != null ? tabOrder : ['premium', 'packs', 'items'], onRedeem ? ['redeem'] : [], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
|
|
73420
73590
|
var availableTabIds = Array.from(new Set(tabIds.filter(function (id) {
|
|
73421
73591
|
return !(hidePremiumTab && id === 'premium');
|
|
73422
73592
|
})));
|
|
@@ -73556,6 +73726,18 @@ var Store = function Store(_ref) {
|
|
|
73556
73726
|
currencySymbol: currencySymbol
|
|
73557
73727
|
})
|
|
73558
73728
|
},
|
|
73729
|
+
redeem: {
|
|
73730
|
+
id: 'redeem',
|
|
73731
|
+
title: 'Redeem',
|
|
73732
|
+
icon: React.createElement(FaTicketAlt, {
|
|
73733
|
+
size: 16
|
|
73734
|
+
}),
|
|
73735
|
+
content: onRedeem ? React.createElement(StoreRedeemSection, {
|
|
73736
|
+
onRedeem: onRedeem,
|
|
73737
|
+
onInputFocus: onRedeemInputFocus,
|
|
73738
|
+
onInputBlur: onRedeemInputBlur
|
|
73739
|
+
}) : null
|
|
73740
|
+
},
|
|
73559
73741
|
wallet: {
|
|
73560
73742
|
id: 'wallet',
|
|
73561
73743
|
title: walletLabel != null ? walletLabel : 'Wallet',
|
|
@@ -73640,7 +73822,7 @@ var Store = function Store(_ref) {
|
|
|
73640
73822
|
return handleAddPackToCart(selectedPack);
|
|
73641
73823
|
},
|
|
73642
73824
|
currencySymbol: currencySymbol
|
|
73643
|
-
}) : React.createElement(Container$
|
|
73825
|
+
}) : React.createElement(Container$Q, null, featuredItems && featuredItems.length > 0 && React.createElement(FeaturedBanner, {
|
|
73644
73826
|
items: featuredItems,
|
|
73645
73827
|
atlasJSON: atlasJSON,
|
|
73646
73828
|
atlasIMG: atlasIMG,
|
|
@@ -73722,7 +73904,7 @@ var Store = function Store(_ref) {
|
|
|
73722
73904
|
fullWidth: true
|
|
73723
73905
|
}))));
|
|
73724
73906
|
};
|
|
73725
|
-
var Container$
|
|
73907
|
+
var Container$Q = /*#__PURE__*/styled.div.withConfig({
|
|
73726
73908
|
displayName: "Store__Container",
|
|
73727
73909
|
componentId: "sc-64dj00-0"
|
|
73728
73910
|
})(["display:flex;flex-direction:column;width:100%;height:100%;gap:0.5rem;position:relative;"]);
|
|
@@ -74105,7 +74287,7 @@ var TradingMenu = function TradingMenu(_ref) {
|
|
|
74105
74287
|
width: "500px",
|
|
74106
74288
|
cancelDrag: "#TraderContainer",
|
|
74107
74289
|
scale: scale
|
|
74108
|
-
}, React.createElement(Container$
|
|
74290
|
+
}, React.createElement(Container$R, null, React.createElement(Title$q, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React.createElement("hr", {
|
|
74109
74291
|
className: "golden"
|
|
74110
74292
|
}), React.createElement(ScrollWrapper, {
|
|
74111
74293
|
id: "TraderContainer"
|
|
@@ -74122,7 +74304,7 @@ var TradingMenu = function TradingMenu(_ref) {
|
|
|
74122
74304
|
scale: scale,
|
|
74123
74305
|
isBuy: isBuy()
|
|
74124
74306
|
});
|
|
74125
|
-
})), React.createElement(InfoSection$2, null, React.createElement(GoldInfo, null, React.createElement("p", null, "Available Gold:"), React.createElement("p", null, "$", characterAvailableGold.toFixed(2))), React.createElement(GoldInfo, null, React.createElement("p", null, "Total:"), React.createElement("p", null, "$", sum)), !hasGoldForSale() ? React.createElement(AlertText, null, "Sorry, not enough money.") : React.createElement(GoldInfo, null, React.createElement("p", null, "Final Gold:"), React.createElement("p", null, "$", getFinalGold().toFixed(2)))), React.createElement(ButtonWrapper$
|
|
74307
|
+
})), React.createElement(InfoSection$2, null, React.createElement(GoldInfo, null, React.createElement("p", null, "Available Gold:"), React.createElement("p", null, "$", characterAvailableGold.toFixed(2))), React.createElement(GoldInfo, null, React.createElement("p", null, "Total:"), React.createElement("p", null, "$", sum)), !hasGoldForSale() ? React.createElement(AlertText, null, "Sorry, not enough money.") : React.createElement(GoldInfo, null, React.createElement("p", null, "Final Gold:"), React.createElement("p", null, "$", getFinalGold().toFixed(2)))), React.createElement(ButtonWrapper$4, null, React.createElement(Button, {
|
|
74126
74308
|
buttonType: ButtonTypes.RPGUIButton,
|
|
74127
74309
|
disabled: !hasGoldForSale(),
|
|
74128
74310
|
onPointerDown: function onPointerDown() {
|
|
@@ -74133,11 +74315,11 @@ var TradingMenu = function TradingMenu(_ref) {
|
|
|
74133
74315
|
onPointerDown: onClose
|
|
74134
74316
|
}, "Cancel"))));
|
|
74135
74317
|
};
|
|
74136
|
-
var Container$
|
|
74318
|
+
var Container$R = /*#__PURE__*/styled.div.withConfig({
|
|
74137
74319
|
displayName: "TradingMenu__Container",
|
|
74138
74320
|
componentId: "sc-1wjsz1l-0"
|
|
74139
74321
|
})(["width:100%;"]);
|
|
74140
|
-
var Title$
|
|
74322
|
+
var Title$q = /*#__PURE__*/styled.h1.withConfig({
|
|
74141
74323
|
displayName: "TradingMenu__Title",
|
|
74142
74324
|
componentId: "sc-1wjsz1l-1"
|
|
74143
74325
|
})(["font-size:0.7rem !important;color:yellow !important;text-align:center;"]);
|
|
@@ -74157,7 +74339,7 @@ var AlertText = /*#__PURE__*/styled.p.withConfig({
|
|
|
74157
74339
|
displayName: "TradingMenu__AlertText",
|
|
74158
74340
|
componentId: "sc-1wjsz1l-5"
|
|
74159
74341
|
})(["color:red !important;text-align:center;margin:0.3rem 0;font-size:0.5rem;"]);
|
|
74160
|
-
var ButtonWrapper$
|
|
74342
|
+
var ButtonWrapper$4 = /*#__PURE__*/styled.div.withConfig({
|
|
74161
74343
|
displayName: "TradingMenu__ButtonWrapper",
|
|
74162
74344
|
componentId: "sc-1wjsz1l-6"
|
|
74163
74345
|
})(["display:flex;justify-content:space-around;width:100%;margin-top:1rem;"]);
|
|
@@ -74167,11 +74349,11 @@ var Truncate = function Truncate(_ref) {
|
|
|
74167
74349
|
var _ref$maxLines = _ref.maxLines,
|
|
74168
74350
|
maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
|
|
74169
74351
|
children = _ref.children;
|
|
74170
|
-
return React.createElement(Container$
|
|
74352
|
+
return React.createElement(Container$S, {
|
|
74171
74353
|
maxLines: maxLines
|
|
74172
74354
|
}, children);
|
|
74173
74355
|
};
|
|
74174
|
-
var Container$
|
|
74356
|
+
var Container$S = /*#__PURE__*/styled.div.withConfig({
|
|
74175
74357
|
displayName: "Truncate__Container",
|
|
74176
74358
|
componentId: "sc-6x00qb-0"
|
|
74177
74359
|
})(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
|
|
@@ -74280,7 +74462,7 @@ var TutorialStepper = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
74280
74462
|
};
|
|
74281
74463
|
});
|
|
74282
74464
|
}, [lessons, imageStyle]);
|
|
74283
|
-
return React.createElement(Container$
|
|
74465
|
+
return React.createElement(Container$T, null, React.createElement(Stepper, {
|
|
74284
74466
|
steps: generateLessons,
|
|
74285
74467
|
finalCTAButton: {
|
|
74286
74468
|
label: 'Close',
|
|
@@ -74298,7 +74480,7 @@ var LessonBody = /*#__PURE__*/styled.div.withConfig({
|
|
|
74298
74480
|
displayName: "TutorialStepper__LessonBody",
|
|
74299
74481
|
componentId: "sc-7tgzv2-1"
|
|
74300
74482
|
})([""]);
|
|
74301
|
-
var Container$
|
|
74483
|
+
var Container$T = /*#__PURE__*/styled.div.withConfig({
|
|
74302
74484
|
displayName: "TutorialStepper__Container",
|
|
74303
74485
|
componentId: "sc-7tgzv2-2"
|
|
74304
74486
|
})(["width:80%;max-width:600px;@media (max-width:600px){width:95%;}"]);
|
|
@@ -74319,5 +74501,5 @@ var LessonContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
74319
74501
|
componentId: "sc-7tgzv2-6"
|
|
74320
74502
|
})(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;p{font-size:0.7rem !important;}"]);
|
|
74321
74503
|
|
|
74322
|
-
export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterDetailModal, CharacterListingForm, CharacterListingModal, CharacterMarketplacePanel, CharacterMarketplaceRows, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, ConfirmModal, CountdownTimer, CraftBook, DCRateStrip, DCWalletContent, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FeaturedBanner, FriendList, GemSelector, GroupedBuyOrderRow, GroupedCharacterMarketplaceRow, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, MyCharacterListingsPanel, NPCDialog, NPCDialogType, NPCMultiDialog, Pagination, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, PurchaseSuccess, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RadioCircle$2 as RadioCircle, RadioOption$1 as RadioOption, RadioOptionLabel, RadioOptionSub, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, StoreBadges, TRANSACTION_TYPE_FILTER_ALL, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer$1 as TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TrustBar, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
|
|
74504
|
+
export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterDetailModal, CharacterListingForm, CharacterListingModal, CharacterMarketplacePanel, CharacterMarketplaceRows, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, ConfirmModal, CountdownTimer, CraftBook, DCRateStrip, DCWalletContent, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FeaturedBanner, FriendList, GemSelector, GroupedBuyOrderRow, GroupedCharacterMarketplaceRow, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, MyCharacterListingsPanel, NPCDialog, NPCDialogType, NPCMultiDialog, Pagination, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, PurchaseSuccess, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RadioCircle$2 as RadioCircle, RadioOption$1 as RadioOption, RadioOptionLabel, RadioOptionSub, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, StoreBadges, StoreRedeemSection, TRANSACTION_TYPE_FILTER_ALL, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer$1 as TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TrustBar, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
|
|
74323
74505
|
//# sourceMappingURL=long-bow.esm.js.map
|