@niftykit/widgets 0.2.9 → 0.2.10

package/dist/cjs/nk-connect-wallet-button_10.cjs.entry.js

@@ -1314,7 +1314,7 @@ const NKDropMintButton = class {
     componentWillLoad() {
         var _a;
         this.disconnect = chunkTSH6VVF4.watchBlockNumber({ listen: true, chainId: (_a = wallet.state.chain) === null || _a === void 0 ? void 0 : _a.id }, async () => {
-            const [supply, maxAmount, maxPerMint, price, saleActive, presaleActive,] = await Promise.all([
+            const [supplyValue, maxAmountValue, maxPerMintValue, priceValue, saleActiveValue, presaleActiveValue,] = await Promise.all([
                 wallet.state.diamond.base.totalSupply(),
                 wallet.state.diamond.apps.drop.maxAmount(),
                 wallet.state.diamond.apps.drop.maxPerMint(),
@@ -1322,38 +1322,43 @@ const NKDropMintButton = class {
                 wallet.state.diamond.apps.drop.saleActive(),
                 wallet.state.diamond.apps.drop.presaleActive(),
             ]);
-            // common values
-            this.supply = Number(supply);
-            this.maxAmount = Number(maxAmount);
-            this.maxPerMint = Number(maxPerMint);
-            this.price = price;
-            this.saleActive = saleActive;
-            this.presaleActive = presaleActive;
-            this.selections = Array(this.maxPerMint).fill('');
+            let erc20Price = BigInt(0);
+            let mintFee = wallet.BigNumber.from(0);
+            let erc20SaleActive = false;
+            let erc20PresaleActive = false;
             if (wallet.state.diamond.apps.erc20) {
-                const [erc20Price, erc20MintFee, erc20SaleActive, erc20PresaleActive,] = await Promise.all([
+                const [erc20PriceValue, erc20MintFeeValue, erc20SaleActiveValue, erc20PresaleActiveValue,] = await Promise.all([
                     wallet.state.diamond.apps.erc20.erc20Price(),
                     wallet.state.diamond.apps.erc20.erc20MintFee(),
                     wallet.state.diamond.apps.erc20.erc20SaleActive(),
                     wallet.state.diamond.apps.erc20.erc20PresaleActive(),
                 ]);
-                this.erc20Price = BigInt(Number(erc20Price));
-                this.mintFee = erc20MintFee;
-                this.saleActive = erc20SaleActive;
-                this.presaleActive = erc20PresaleActive;
+                erc20Price = BigInt(Number(erc20PriceValue));
+                mintFee = erc20MintFeeValue;
+                erc20SaleActive = erc20SaleActiveValue;
+                erc20PresaleActive = erc20PresaleActiveValue;
             }
             else if (wallet.state.diamond.apps.ape) {
-                const [apePrice, apeMintFee, apeSaleActive, apePresaleActive] = await Promise.all([
+                const [apePriceValue, apeMintFeeValue, apeSaleActiveValue, apePresaleActiveValue,] = await Promise.all([
                     wallet.state.diamond.apps.ape.apePrice(),
                     wallet.state.diamond.apps.ape.apeMintFee(),
                     wallet.state.diamond.apps.ape.apeSaleActive(),
                     wallet.state.diamond.apps.ape.apePresaleActive(),
                 ]);
-                this.erc20Price = BigInt(Number(apePrice));
-                this.mintFee = apeMintFee;
-                this.saleActive = apeSaleActive;
-                this.presaleActive = apePresaleActive;
+                erc20Price = BigInt(Number(apePriceValue));
+                mintFee = apeMintFeeValue;
+                erc20SaleActive = apeSaleActiveValue;
+                erc20PresaleActive = apePresaleActiveValue;
             }
+            this.erc20Price = erc20Price;
+            this.mintFee = mintFee;
+            this.supply = Number(supplyValue);
+            this.maxAmount = Number(maxAmountValue);
+            this.maxPerMint = Number(maxPerMintValue);
+            this.price = priceValue;
+            this.saleActive = saleActiveValue || erc20SaleActive;
+            this.presaleActive = presaleActiveValue || erc20PresaleActive;
+            this.selections = Array.from({ length: this.maxPerMint }, (_, i) => i + 1);
             this.loading = false;
             // sale not active then disable widget
             this.disabled = !(this.saleActive || this.presaleActive);
@@ -1501,7 +1506,7 @@ const NKDropMintButton = class {
         return `mdc-deprecated-list-item ${this.selectedValue === value ? 'mdc-deprecated-list-item--selected' : ''}`;
     }
     render() {
-        return (index.h("div", { part: "mint-btn-container", class: `mdc-select mdc-select--filled mdc-select--no-label ${this.disabled ? 'mdc-select--disabled' : ''}`, ref: (el) => (this.container = el) }, index.h("div", { part: "mint-btn", class: "mdc-select__anchor", role: "button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-labelledby": "mint-selected-text" }, index.h("span", { class: "mdc-select__ripple" }), index.h("span", { class: "mdc-select__selected-text-container" }, index.h("span", { part: "mint-text", id: "mint-selected-text", class: "mdc-select__selected-text", ref: (el) => (this.selectedText = el) })), index.h("span", { part: "mint-dropdown-icon", class: "mdc-select__dropdown-icon" }, index.h("svg", { class: "mdc-select__dropdown-icon-graphic", viewBox: "7 10 10 5", focusable: "false" }, index.h("polygon", { class: "mdc-select__dropdown-icon-inactive", stroke: "none", "fill-rule": "evenodd", points: "7 10 12 15 17 10" }), index.h("polygon", { class: "mdc-select__dropdown-icon-active", stroke: "none", "fill-rule": "evenodd", points: "7 15 12 10 17 15" })))), index.h("div", { class: "mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth" }, index.h("ul", { class: "mdc-deprecated-list", role: "listbox", "aria-label": "Quantity Picker listbox" }, this.selections.map((_, value) => (index.h("li", { class: this.optionClasses(value + 1), "aria-selected": value + 1 === this.selectedValue, "data-value": value + 1, role: "option" }, index.h("span", { class: "mdc-deprecated-list-item__ripple" }), index.h("span", { class: "mdc-deprecated-list-item__text" }, value + 1)))))), index.h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
+        return (index.h("div", { part: "mint-btn-container", class: `mdc-select mdc-select--filled mdc-select--no-label ${this.disabled ? 'mdc-select--disabled' : ''}`, ref: (el) => (this.container = el) }, index.h("div", { part: "mint-btn", class: "mdc-select__anchor", role: "button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-labelledby": "mint-selected-text" }, index.h("span", { class: "mdc-select__ripple" }), index.h("span", { class: "mdc-select__selected-text-container" }, index.h("span", { part: "mint-text", id: "mint-selected-text", class: "mdc-select__selected-text", ref: (el) => (this.selectedText = el) })), index.h("span", { part: "mint-dropdown-icon", class: "mdc-select__dropdown-icon" }, index.h("svg", { class: "mdc-select__dropdown-icon-graphic", viewBox: "7 10 10 5", focusable: "false" }, index.h("polygon", { class: "mdc-select__dropdown-icon-inactive", stroke: "none", "fill-rule": "evenodd", points: "7 10 12 15 17 10" }), index.h("polygon", { class: "mdc-select__dropdown-icon-active", stroke: "none", "fill-rule": "evenodd", points: "7 15 12 10 17 15" })))), index.h("div", { class: "mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth" }, index.h("ul", { class: "mdc-deprecated-list", role: "listbox", "aria-label": "Quantity Picker listbox" }, this.selections.map((value) => (index.h("li", { class: this.optionClasses(value), "aria-selected": value === this.selectedValue, "data-value": value, role: "option" }, index.h("span", { class: "mdc-deprecated-list-item__ripple" }), index.h("span", { class: "mdc-deprecated-list-item__text" }, value)))))), index.h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
     }
 };
 NKDropMintButton.style = nkDropMintButtonCss;