npm - @niftykit/widgets - Versions diffs - 0.2.5 → 0.2.6 - Mend

@niftykit/widgets 0.2.5 → 0.2.6

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.

Files changed (23) hide show

package/dist/cjs/nk-drop-mint-crossmint-button.cjs.entry.js CHANGED Viewed

@@ -113,7 +113,7 @@ const NKDropMintCrossmintButton = class {
     }
   }
   render() {
-    return (index.h(index.Host, null, index.h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), index.h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, index.h("crossmint-pay-button", { exportparts: "button", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), index.h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
+    return (index.h(index.Host, null, index.h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), index.h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, index.h("crossmint-pay-button", { exportparts: "button, contentParagraph", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), index.h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
   }
 };
 NKDropMintCrossmintButton.style = nkDropMintCrossmintButtonCss;

package/dist/cjs/nk-drop-mint-crossmint-button.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nk-drop-mint-crossmint-button.entry.cjs.js","mappings":"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~~QAAQ~~,~~EACpB~~,GAAG,EAAE,CAAC,EAAe,MAAM,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EACrD,KAAK,EAAC,eAAe,EACrB,QAAQ,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,EACvC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,GACnB,CACE,EACNA,uBAAW,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAC5D,IAAI,CAAC,aAAa,CACT,CACP,EACP;GACH;;;;;;","names":["watchBlockNumber","state","ethers.utils.formatEther","h","Host"],"sources":["src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.scss?tag=nk-drop-mint-crossmint-button&encapsulation=shadow","src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-drop-mint-crossmint-button',\n styleUrl: 'nk-drop-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKDropMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() saleActive: boolean;\n\n @State() presaleActive: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [saleActive, presaleActive, price] = await Promise.all([\n state.diamond.apps.drop.saleActive(),\n state.diamond.apps.drop.presaleActive(),\n state.diamond.apps.drop.price(),\n ]);\n this.mintTo = address;\n this.saleActive = saleActive;\n this.presaleActive = presaleActive;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !(this.saleActive \|\| this.presaleActive);\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"nk-drop-mint-crossmint-button.entry.cjs.js","mappings":"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","names":["watchBlockNumber","state","ethers.utils.formatEther","h","Host"],"sources":["src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.scss?tag=nk-drop-mint-crossmint-button&encapsulation=shadow","src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-drop-mint-crossmint-button',\n styleUrl: 'nk-drop-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKDropMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() saleActive: boolean;\n\n @State() presaleActive: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [saleActive, presaleActive, price] = await Promise.all([\n state.diamond.apps.drop.saleActive(),\n state.diamond.apps.drop.presaleActive(),\n state.diamond.apps.drop.price(),\n ]);\n this.mintTo = address;\n this.saleActive = saleActive;\n this.presaleActive = presaleActive;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !(this.saleActive \|\| this.presaleActive);\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button, contentParagraph\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/nk-edition-mint-crossmint-button.cjs.entry.js CHANGED Viewed

@@ -73,10 +73,14 @@ const NKEditionMintCrossmintButton = class {
         wallet.state.diamond.apps.edition.getEdition(this.editionId),
         wallet.state.diamond.apps.edition.getEditionPrice(this.editionId),
       ]);
-      const verify = await wallet.state.diamond.verifyForEdition(address, this.editionId);
+      let proof = [];
+      if (address) {
+        const verify = await wallet.state.diamond.verifyForEdition(address, this.editionId);
+        proof = (_a = verify === null || verify === void 0 ? void 0 : verify.proof) !== null && _a !== void 0 ? _a : [];
+      }
       this.mintTo = address;
       this.active = edition.active;
-      this.mintConfig = Object.assign(Object.assign({}, this.mintConfig), { totalPrice: index$1.formatEther(price), proof: (_a = verify === null || verify === void 0 ? void 0 : verify.proof) !== null && _a !== void 0 ? _a : [] });
+      this.mintConfig = Object.assign(Object.assign({}, this.mintConfig), { totalPrice: index$1.formatEther(price), proof });
       this.loading = false;
       // sale not active then disable widget
       this.disabled = !this.active;
@@ -115,7 +119,7 @@ const NKEditionMintCrossmintButton = class {
     }
   }
   render() {
-    return (index.h(index.Host, null, index.h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), index.h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, index.h("crossmint-pay-button", { exportparts: "button", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), index.h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
+    return (index.h(index.Host, null, index.h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), index.h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, index.h("crossmint-pay-button", { exportparts: "button, contentParagraph", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), index.h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
   }
 };
 NKEditionMintCrossmintButton.style = nkEditionMintCrossmintButtonCss;

package/dist/cjs/nk-edition-mint-crossmint-button.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nk-edition-mint-crossmint-button.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,+BAA+B,GAAG,wzrBAAwzrB;;MCUn1rB,4BAA4B;;;~~IAkH~~/B,sBAAiB,GAAG,CAAC,CAA6B;MACxD,MAAM,EACJ,IAAI,EAAE,EAAE,IAAI,EAAE,GACf,GAAG,CAAC,CAAC;MAEN,MAAM,aAAa,GAAG;QACpB,+BAA+B;QAC/B,yBAAyB;OAC1B,CAAC;MACF,MAAM,aAAa,GAAG,CAAC,2BAA2B,CAAC,CAAC;MACpD,MAAM,YAAY,GAAG;QACnB,kBAAkB;QAClB,4BAA4B;QAC5B,0BAA0B;OAC3B,CAAC;MAEF,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;OACrB;MAED,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC;QACrC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC;QACzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;OACtB;MAED,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC/B,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;QAC3B,IAAI,CAAC,aAAa,GAAG,gBAAgB,CAAC;QACtC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;OACtB;KACF,CAAC;;;;~~wBAhIqB~~,SAAS;0BAKP,4BAA4B;oBAEjC,IAAI;mBAEL,IAAI;kBAEG,IAAI;;kBAIZ,KAAK;sBAED,KAAK;sBAGzB;MACE,IAAI,EAAE,SAAS;MACf,QAAQ,EAAE,GAAG;MACb,UAAU,EAAE,GAAG;MACf,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;MACpC,KAAK,EAAE,EAAE;KACV;;EAUH,gBAAgB;IACd,IAAI,CAAC,eAAe,EAAE,CAAC;GACxB;EAED,kBAAkB;IAChB,IAAI,CAAC,eAAe,EAAE,CAAC;GACxB;EAED,iBAAiB;IACf,IAAI,CAAC,UAAU,GAAGA,8BAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;;MACnD,MAAM,EAAE,OAAO,EAAE,GAAGC,YAAK,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;MAC9C,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QACzCA,YAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC;QACrDA,YAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC;OAC3D,CAAC,CAAC;MACH,MAAM,MAAM,GAAG,MAAMA,YAAK,CAAC,OAAO,CAAC,gBAAgB,CACjD,OAAO,EACP,IAAI,CAAC,SAAS,CACf,CAAC;~~MACF~~,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC;MACtB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;MAC7B,IAAI,CAAC,UAAU,mCACV,IAAI,CAAC,UAAU,KAClB,UAAU,EAAEC,mBAAwB,CAAC,KAAK,CAAC,EAC3C,KAAK,~~EAAE~~,~~MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,EAAE,GAC3B,~~CAAC;MACF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;;MAGrB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;KAC9B,CAAC,CAAC;IAEH,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;MACjC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;KAC5D;GACF;EAED,oBAAoB;IAClB,IAAI,CAAC,UAAU,EAAE,CAAC;IAElB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;MACjC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;KAC/D;GACF;EAEO,eAAe;IACrB,IAAI,CAAC,eAAe,CAAC,YAAY,CAC/B,YAAY,EACZ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CACzC,CAAC;IACF,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;IACnD,IAAI,UAAU,EAAE;MACd,MAAM,GAAG,GAAG,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;MAC5C,IAAI,GAAG,EAAE;QACP,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;OAC5B;KACF;GACF;EAsCD,MAAM,SAAS;IACb,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI;MACF,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;KACpB;IAAC,OAAO,CAAC,EAAE;MACV,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;MAEpB,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;MAC3B,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,OAAO,CAAC;MAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;KACxB;GACF;EAED,MAAM;IACJ,QACEC,QAACC,UAAI,QACHD,oBAAQ,GAAG,EAAC,sFAAsF,GAAU,EAC5GA,iBAAK,IAAI,EAAC,yBAAyB,EAAC,KAAK,EAAC,0BAA0B,IAClEA,kCACE,WAAW,EAAC,~~QAAQ~~,~~EACpB~~,GAAG,EAAE,CAAC,EAAe,MAAM,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EACrD,KAAK,EAAC,eAAe,EACrB,QAAQ,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,EACvC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,GACnB,CACE,EACNA,uBAAW,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAC5D,IAAI,CAAC,aAAa,CACT,CACP,EACP;GACH;;;;;;","names":["watchBlockNumber","state","ethers.utils.formatEther","h","Host"],"sources":["src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.scss?tag=nk-edition-mint-crossmint-button&encapsulation=shadow","src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-edition-mint-crossmint-button',\n styleUrl: 'nk-edition-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKEditionMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Edition Id\n /\n @Prop() editionId!: number;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() active: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n editionId: this.editionId.toString(),\n proof: [],\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [edition, price] = await Promise.all([\n state.diamond.apps.edition.getEdition(this.editionId),\n state.diamond.apps.edition.getEditionPrice(this.editionId),\n ]);\n const verify = await state.diamond.verifyForEdition(\n address,\n this.editionId\n );\n this.mintTo = address;\n this.active = edition.active;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n proof~~: verify?.proof ?? []~~,\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !this.active;\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"nk-edition-mint-crossmint-button.entry.cjs.js","mappings":"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","names":["watchBlockNumber","state","ethers.utils.formatEther","h","Host"],"sources":["src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.scss?tag=nk-edition-mint-crossmint-button&encapsulation=shadow","src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-edition-mint-crossmint-button',\n styleUrl: 'nk-edition-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKEditionMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Edition Id\n /\n @Prop() editionId!: number;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() active: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n editionId: this.editionId.toString(),\n proof: [],\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [edition, price] = await Promise.all([\n state.diamond.apps.edition.getEdition(this.editionId),\n state.diamond.apps.edition.getEditionPrice(this.editionId),\n ]);\n let proof: string[] = [];\n if (address) {\n const verify = await state.diamond.verifyForEdition(\n address,\n this.editionId\n );\n proof = verify?.proof ?? [];\n }\n this.mintTo = address;\n this.active = edition.active;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n proof,\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !this.active;\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button, contentParagraph\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/collection/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.js CHANGED Viewed

@@ -105,7 +105,7 @@ export class NKDropMintCrossmintButton {
     }
   }
   render() {
-    return (h(Host, null, h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, h("crossmint-pay-button", { exportparts: "button", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
+    return (h(Host, null, h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, h("crossmint-pay-button", { exportparts: "button, contentParagraph", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
   }
   static get is() { return "nk-drop-mint-crossmint-button"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nk-drop-mint-crossmint-button.js","sourceRoot":"","sources":["../../../src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.tsx"],"names":[],"mappings":"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~~QAAQ~~,~~EACpB~~,GAAG,EAAE,CAAC,EAAe,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EACrD,KAAK,EAAC,eAAe,EACrB,QAAQ,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,EACvC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,GACnB,CACE;MACN,iBAAW,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAC5D,IAAI,CAAC,aAAa,CACT,CACP,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-drop-mint-crossmint-button',\n styleUrl: 'nk-drop-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKDropMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() saleActive: boolean;\n\n @State() presaleActive: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [saleActive, presaleActive, price] = await Promise.all([\n state.diamond.apps.drop.saleActive(),\n state.diamond.apps.drop.presaleActive(),\n state.diamond.apps.drop.price(),\n ]);\n this.mintTo = address;\n this.saleActive = saleActive;\n this.presaleActive = presaleActive;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !(this.saleActive \|\| this.presaleActive);\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"nk-drop-mint-crossmint-button.js","sourceRoot":"","sources":["../../../src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-drop-mint-crossmint-button',\n styleUrl: 'nk-drop-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKDropMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() saleActive: boolean;\n\n @State() presaleActive: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [saleActive, presaleActive, price] = await Promise.all([\n state.diamond.apps.drop.saleActive(),\n state.diamond.apps.drop.presaleActive(),\n state.diamond.apps.drop.price(),\n ]);\n this.mintTo = address;\n this.saleActive = saleActive;\n this.presaleActive = presaleActive;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !(this.saleActive \|\| this.presaleActive);\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button, contentParagraph\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.js CHANGED Viewed

@@ -65,10 +65,14 @@ export class NKEditionMintCrossmintButton {
         state.diamond.apps.edition.getEdition(this.editionId),
         state.diamond.apps.edition.getEditionPrice(this.editionId),
       ]);
-      const verify = await state.diamond.verifyForEdition(address, this.editionId);
+      let proof = [];
+      if (address) {
+        const verify = await state.diamond.verifyForEdition(address, this.editionId);
+        proof = (_a = verify === null || verify === void 0 ? void 0 : verify.proof) !== null && _a !== void 0 ? _a : [];
+      }
       this.mintTo = address;
       this.active = edition.active;
-      this.mintConfig = Object.assign(Object.assign({}, this.mintConfig), { totalPrice: ethers.utils.formatEther(price), proof: (_a = verify === null || verify === void 0 ? void 0 : verify.proof) !== null && _a !== void 0 ? _a : [] });
+      this.mintConfig = Object.assign(Object.assign({}, this.mintConfig), { totalPrice: ethers.utils.formatEther(price), proof });
       this.loading = false;
       // sale not active then disable widget
       this.disabled = !this.active;
@@ -107,7 +111,7 @@ export class NKEditionMintCrossmintButton {
     }
   }
   render() {
-    return (h(Host, null, h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, h("crossmint-pay-button", { exportparts: "button", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
+    return (h(Host, null, h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, h("crossmint-pay-button", { exportparts: "button, contentParagraph", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
   }
   static get is() { return "nk-edition-mint-crossmint-button"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nk-edition-mint-crossmint-button.js","sourceRoot":"","sources":["../../../src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAOxC,MAAM,OAAO,4BAA4B;;~~IAkH~~/B,sBAAiB,GAAG,CAAC,CAA6B,EAAE,EAAE;MAC5D,MAAM,EACJ,IAAI,EAAE,EAAE,IAAI,EAAE,GACf,GAAG,CAAC,CAAC;MAEN,MAAM,aAAa,GAAG;QACpB,+BAA+B;QAC/B,yBAAyB;OAC1B,CAAC;MACF,MAAM,aAAa,GAAG,CAAC,2BAA2B,CAAC,CAAC;MACpD,MAAM,YAAY,GAAG;QACnB,kBAAkB;QAClB,4BAA4B;QAC5B,0BAA0B;OAC3B,CAAC;MAEF,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;OACrB;MAED,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC;QACrC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC;QACzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;OACtB;MAED,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC/B,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;QAC3B,IAAI,CAAC,aAAa,GAAG,gBAAgB,CAAC;QACtC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;OACtB;IACH,CAAC,CAAC;;;;~~wBAhIqB~~,SAAS;0BAKP,4BAA4B;oBAEjC,IAAI;mBAEL,IAAI;kBAEG,IAAI;;kBAIZ,KAAK;sBAED,KAAK;sBAGzB;MACE,IAAI,EAAE,SAAS;MACf,QAAQ,EAAE,GAAG;MACb,UAAU,EAAE,GAAG;MACf,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;MACpC,KAAK,EAAE,EAAE;KACV;;EAUH,gBAAgB;IACd,IAAI,CAAC,eAAe,EAAE,CAAC;EACzB,CAAC;EAED,kBAAkB;IAChB,IAAI,CAAC,eAAe,EAAE,CAAC;EACzB,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,KAAK,IAAI,EAAE;;MAC9D,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;MAC9C,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QACzC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC;QACrD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC;OAC3D,CAAC,CAAC;MACH,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,gBAAgB,CACjD,OAAO,EACP,IAAI,CAAC,SAAS,CACf,CAAC;~~MACF~~,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC;MACtB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;MAC7B,IAAI,CAAC,UAAU,mCACV,IAAI,CAAC,UAAU,KAClB,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,KAAK,~~EAAE~~,~~MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,EAAE,GAC3B,~~CAAC;MACF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MAErB,sCAAsC;MACtC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;MACjC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;KAC5D;EACH,CAAC;EAED,oBAAoB;IAClB,IAAI,CAAC,UAAU,EAAE,CAAC;IAElB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;MACjC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;KAC/D;EACH,CAAC;EAEO,eAAe;IACrB,IAAI,CAAC,eAAe,CAAC,YAAY,CAC/B,YAAY,EACZ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CACzC,CAAC;IACF,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;IACnD,IAAI,UAAU,EAAE;MACd,MAAM,GAAG,GAAG,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;MAC5C,IAAI,GAAG,EAAE;QACP,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;OAC5B;KACF;EACH,CAAC;EAsCD,KAAK,CAAC,SAAS;IACb,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI;MACF,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;KACpB;IAAC,OAAO,CAAC,EAAE;MACV,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;MAEpB,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;MAC3B,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,OAAO,CAAC;MAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;KACxB;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,cAAQ,GAAG,EAAC,sFAAsF,GAAU;MAC5G,WAAK,IAAI,EAAC,yBAAyB,EAAC,KAAK,EAAC,0BAA0B;QAClE,4BACE,WAAW,EAAC,~~QAAQ~~,~~EACpB~~,GAAG,EAAE,CAAC,EAAe,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EACrD,KAAK,EAAC,eAAe,EACrB,QAAQ,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,EACvC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,GACnB,CACE;MACN,iBAAW,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAC5D,IAAI,CAAC,aAAa,CACT,CACP,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-edition-mint-crossmint-button',\n styleUrl: 'nk-edition-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKEditionMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Edition Id\n /\n @Prop() editionId!: number;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() active: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n editionId: this.editionId.toString(),\n proof: [],\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [edition, price] = await Promise.all([\n state.diamond.apps.edition.getEdition(this.editionId),\n state.diamond.apps.edition.getEditionPrice(this.editionId),\n ]);\n const verify = await state.diamond.verifyForEdition(\n address,\n this.editionId\n );\n this.mintTo = address;\n this.active = edition.active;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n proof~~: verify?.proof ?? []~~,\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !this.active;\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"nk-edition-mint-crossmint-button.js","sourceRoot":"","sources":["../../../src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-edition-mint-crossmint-button',\n styleUrl: 'nk-edition-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKEditionMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Edition Id\n /\n @Prop() editionId!: number;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() active: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n editionId: this.editionId.toString(),\n proof: [],\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [edition, price] = await Promise.all([\n state.diamond.apps.edition.getEdition(this.editionId),\n state.diamond.apps.edition.getEditionPrice(this.editionId),\n ]);\n let proof: string[] = [];\n if (address) {\n const verify = await state.diamond.verifyForEdition(\n address,\n this.editionId\n );\n proof = verify?.proof ?? [];\n }\n this.mintTo = address;\n this.active = edition.active;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n proof,\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !this.active;\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button, contentParagraph\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"]}

package/dist/components/nk-drop-mint-crossmint-button.js CHANGED Viewed

@@ -112,7 +112,7 @@ const NKDropMintCrossmintButton = /*@__PURE__*/ proxyCustomElement(class NKDropM
     }
   }
   render() {
-    return (h(Host, null, h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, h("crossmint-pay-button", { exportparts: "button", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
+    return (h(Host, null, h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, h("crossmint-pay-button", { exportparts: "button, contentParagraph", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
   }
   static get style() { return nkDropMintCrossmintButtonCss; }
 }, [1, "nk-drop-mint-crossmint-button", {

package/dist/components/nk-drop-mint-crossmint-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nk-drop-mint-crossmint-button.js","mappings":"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~~QAAQ~~,~~EACpB~~,GAAG,EAAE,CAAC,EAAe,MAAM,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EACrD,KAAK,EAAC,eAAe,EACrB,QAAQ,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,EACvC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,GACnB,CACE,EACN,iBAAW,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAC5D,IAAI,CAAC,aAAa,CACT,CACP,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ethers.utils.formatEther"],"sources":["src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.scss?tag=nk-drop-mint-crossmint-button&encapsulation=shadow","src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-drop-mint-crossmint-button',\n styleUrl: 'nk-drop-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKDropMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() saleActive: boolean;\n\n @State() presaleActive: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [saleActive, presaleActive, price] = await Promise.all([\n state.diamond.apps.drop.saleActive(),\n state.diamond.apps.drop.presaleActive(),\n state.diamond.apps.drop.price(),\n ]);\n this.mintTo = address;\n this.saleActive = saleActive;\n this.presaleActive = presaleActive;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !(this.saleActive \|\| this.presaleActive);\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"nk-drop-mint-crossmint-button.js","mappings":"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","names":["ethers.utils.formatEther"],"sources":["src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.scss?tag=nk-drop-mint-crossmint-button&encapsulation=shadow","src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-drop-mint-crossmint-button',\n styleUrl: 'nk-drop-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKDropMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() saleActive: boolean;\n\n @State() presaleActive: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [saleActive, presaleActive, price] = await Promise.all([\n state.diamond.apps.drop.saleActive(),\n state.diamond.apps.drop.presaleActive(),\n state.diamond.apps.drop.price(),\n ]);\n this.mintTo = address;\n this.saleActive = saleActive;\n this.presaleActive = presaleActive;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !(this.saleActive \|\| this.presaleActive);\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button, contentParagraph\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/nk-edition-mint-crossmint-button.js CHANGED Viewed

@@ -72,10 +72,14 @@ const NKEditionMintCrossmintButton = /*@__PURE__*/ proxyCustomElement(class NKEd
         state.diamond.apps.edition.getEdition(this.editionId),
         state.diamond.apps.edition.getEditionPrice(this.editionId),
       ]);
-      const verify = await state.diamond.verifyForEdition(address, this.editionId);
+      let proof = [];
+      if (address) {
+        const verify = await state.diamond.verifyForEdition(address, this.editionId);
+        proof = (_a = verify === null || verify === void 0 ? void 0 : verify.proof) !== null && _a !== void 0 ? _a : [];
+      }
       this.mintTo = address;
       this.active = edition.active;
-      this.mintConfig = Object.assign(Object.assign({}, this.mintConfig), { totalPrice: formatEther(price), proof: (_a = verify === null || verify === void 0 ? void 0 : verify.proof) !== null && _a !== void 0 ? _a : [] });
+      this.mintConfig = Object.assign(Object.assign({}, this.mintConfig), { totalPrice: formatEther(price), proof });
       this.loading = false;
       // sale not active then disable widget
       this.disabled = !this.active;
@@ -114,7 +118,7 @@ const NKEditionMintCrossmintButton = /*@__PURE__*/ proxyCustomElement(class NKEd
     }
   }
   render() {
-    return (h(Host, null, h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, h("crossmint-pay-button", { exportparts: "button", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
+    return (h(Host, null, h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, h("crossmint-pay-button", { exportparts: "button, contentParagraph", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
   }
   static get style() { return nkEditionMintCrossmintButtonCss; }
 }, [1, "nk-edition-mint-crossmint-button", {

package/dist/components/nk-edition-mint-crossmint-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nk-edition-mint-crossmint-button.js","mappings":";;;;;;AAAA,MAAM,+BAA+B,GAAG,wzrBAAwzrB;;MCUn1rB,4BAA4B;;;;;~~IAkH~~/B,sBAAiB,GAAG,CAAC,CAA6B;MACxD,MAAM,EACJ,IAAI,EAAE,EAAE,IAAI,EAAE,GACf,GAAG,CAAC,CAAC;MAEN,MAAM,aAAa,GAAG;QACpB,+BAA+B;QAC/B,yBAAyB;OAC1B,CAAC;MACF,MAAM,aAAa,GAAG,CAAC,2BAA2B,CAAC,CAAC;MACpD,MAAM,YAAY,GAAG;QACnB,kBAAkB;QAClB,4BAA4B;QAC5B,0BAA0B;OAC3B,CAAC;MAEF,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;OACrB;MAED,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC;QACrC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC;QACzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;OACtB;MAED,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC/B,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;QAC3B,IAAI,CAAC,aAAa,GAAG,gBAAgB,CAAC;QACtC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;OACtB;KACF,CAAC;;;;~~wBAhIqB~~,SAAS;0BAKP,4BAA4B;oBAEjC,IAAI;mBAEL,IAAI;kBAEG,IAAI;;kBAIZ,KAAK;sBAED,KAAK;sBAGzB;MACE,IAAI,EAAE,SAAS;MACf,QAAQ,EAAE,GAAG;MACb,UAAU,EAAE,GAAG;MACf,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;MACpC,KAAK,EAAE,EAAE;KACV;;EAUH,gBAAgB;IACd,IAAI,CAAC,eAAe,EAAE,CAAC;GACxB;EAED,kBAAkB;IAChB,IAAI,CAAC,eAAe,EAAE,CAAC;GACxB;EAED,iBAAiB;IACf,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;;MACnD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;MAC9C,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QACzC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC;QACrD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC;OAC3D,CAAC,CAAC;MACH,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,gBAAgB,CACjD,OAAO,EACP,IAAI,CAAC,SAAS,CACf,CAAC;~~MACF~~,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC;MACtB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;MAC7B,IAAI,CAAC,UAAU,mCACV,IAAI,CAAC,UAAU,KAClB,UAAU,EAAEA,WAAwB,CAAC,KAAK,CAAC,EAC3C,KAAK,~~EAAE~~,~~MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,EAAE,GAC3B,~~CAAC;MACF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;;MAGrB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;KAC9B,CAAC,CAAC;IAEH,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;MACjC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;KAC5D;GACF;EAED,oBAAoB;IAClB,IAAI,CAAC,UAAU,EAAE,CAAC;IAElB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;MACjC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;KAC/D;GACF;EAEO,eAAe;IACrB,IAAI,CAAC,eAAe,CAAC,YAAY,CAC/B,YAAY,EACZ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CACzC,CAAC;IACF,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;IACnD,IAAI,UAAU,EAAE;MACd,MAAM,GAAG,GAAG,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;MAC5C,IAAI,GAAG,EAAE;QACP,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;OAC5B;KACF;GACF;EAsCD,MAAM,SAAS;IACb,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI;MACF,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;KACpB;IAAC,OAAO,CAAC,EAAE;MACV,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;MAEpB,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;MAC3B,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,OAAO,CAAC;MAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;KACxB;GACF;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,cAAQ,GAAG,EAAC,sFAAsF,GAAU,EAC5G,WAAK,IAAI,EAAC,yBAAyB,EAAC,KAAK,EAAC,0BAA0B,IAClE,4BACE,WAAW,EAAC,~~QAAQ~~,~~EACpB~~,GAAG,EAAE,CAAC,EAAe,MAAM,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EACrD,KAAK,EAAC,eAAe,EACrB,QAAQ,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,EACvC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,GACnB,CACE,EACN,iBAAW,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAC5D,IAAI,CAAC,aAAa,CACT,CACP,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ethers.utils.formatEther"],"sources":["src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.scss?tag=nk-edition-mint-crossmint-button&encapsulation=shadow","src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-edition-mint-crossmint-button',\n styleUrl: 'nk-edition-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKEditionMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Edition Id\n /\n @Prop() editionId!: number;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() active: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n editionId: this.editionId.toString(),\n proof: [],\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [edition, price] = await Promise.all([\n state.diamond.apps.edition.getEdition(this.editionId),\n state.diamond.apps.edition.getEditionPrice(this.editionId),\n ]);\n const verify = await state.diamond.verifyForEdition(\n address,\n this.editionId\n );\n this.mintTo = address;\n this.active = edition.active;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n proof~~: verify?.proof ?? []~~,\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !this.active;\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"nk-edition-mint-crossmint-button.js","mappings":"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","names":["ethers.utils.formatEther"],"sources":["src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.scss?tag=nk-edition-mint-crossmint-button&encapsulation=shadow","src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-edition-mint-crossmint-button',\n styleUrl: 'nk-edition-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKEditionMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Edition Id\n /\n @Prop() editionId!: number;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() active: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n editionId: this.editionId.toString(),\n proof: [],\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [edition, price] = await Promise.all([\n state.diamond.apps.edition.getEdition(this.editionId),\n state.diamond.apps.edition.getEditionPrice(this.editionId),\n ]);\n let proof: string[] = [];\n if (address) {\n const verify = await state.diamond.verifyForEdition(\n address,\n this.editionId\n );\n proof = verify?.proof ?? [];\n }\n this.mintTo = address;\n this.active = edition.active;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n proof,\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !this.active;\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button, contentParagraph\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/nk-drop-mint-crossmint-button.entry.js CHANGED Viewed

@@ -109,7 +109,7 @@ const NKDropMintCrossmintButton = class {
     }
   }
   render() {
-    return (h(Host, null, h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, h("crossmint-pay-button", { exportparts: "button", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
+    return (h(Host, null, h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, h("crossmint-pay-button", { exportparts: "button, contentParagraph", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
   }
 };
 NKDropMintCrossmintButton.style = nkDropMintCrossmintButtonCss;

package/dist/esm/nk-drop-mint-crossmint-button.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nk-drop-mint-crossmint-button.entry.js","mappings":"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~~QAAQ~~,~~EACpB~~,GAAG,EAAE,CAAC,EAAe,MAAM,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EACrD,KAAK,EAAC,eAAe,EACrB,QAAQ,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,EACvC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,GACnB,CACE,EACN,iBAAW,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAC5D,IAAI,CAAC,aAAa,CACT,CACP,EACP;GACH;;;;;;","names":["ethers.utils.formatEther"],"sources":["src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.scss?tag=nk-drop-mint-crossmint-button&encapsulation=shadow","src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-drop-mint-crossmint-button',\n styleUrl: 'nk-drop-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKDropMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() saleActive: boolean;\n\n @State() presaleActive: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [saleActive, presaleActive, price] = await Promise.all([\n state.diamond.apps.drop.saleActive(),\n state.diamond.apps.drop.presaleActive(),\n state.diamond.apps.drop.price(),\n ]);\n this.mintTo = address;\n this.saleActive = saleActive;\n this.presaleActive = presaleActive;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !(this.saleActive \|\| this.presaleActive);\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"nk-drop-mint-crossmint-button.entry.js","mappings":"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","names":["ethers.utils.formatEther"],"sources":["src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.scss?tag=nk-drop-mint-crossmint-button&encapsulation=shadow","src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-drop-mint-crossmint-button',\n styleUrl: 'nk-drop-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKDropMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() saleActive: boolean;\n\n @State() presaleActive: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [saleActive, presaleActive, price] = await Promise.all([\n state.diamond.apps.drop.saleActive(),\n state.diamond.apps.drop.presaleActive(),\n state.diamond.apps.drop.price(),\n ]);\n this.mintTo = address;\n this.saleActive = saleActive;\n this.presaleActive = presaleActive;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !(this.saleActive \|\| this.presaleActive);\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button, contentParagraph\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/nk-edition-mint-crossmint-button.entry.js CHANGED Viewed

@@ -69,10 +69,14 @@ const NKEditionMintCrossmintButton = class {
         state.diamond.apps.edition.getEdition(this.editionId),
         state.diamond.apps.edition.getEditionPrice(this.editionId),
       ]);
-      const verify = await state.diamond.verifyForEdition(address, this.editionId);
+      let proof = [];
+      if (address) {
+        const verify = await state.diamond.verifyForEdition(address, this.editionId);
+        proof = (_a = verify === null || verify === void 0 ? void 0 : verify.proof) !== null && _a !== void 0 ? _a : [];
+      }
       this.mintTo = address;
       this.active = edition.active;
-      this.mintConfig = Object.assign(Object.assign({}, this.mintConfig), { totalPrice: formatEther(price), proof: (_a = verify === null || verify === void 0 ? void 0 : verify.proof) !== null && _a !== void 0 ? _a : [] });
+      this.mintConfig = Object.assign(Object.assign({}, this.mintConfig), { totalPrice: formatEther(price), proof });
       this.loading = false;
       // sale not active then disable widget
       this.disabled = !this.active;
@@ -111,7 +115,7 @@ const NKEditionMintCrossmintButton = class {
     }
   }
   render() {
-    return (h(Host, null, h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, h("crossmint-pay-button", { exportparts: "button", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
+    return (h(Host, null, h("script", { src: "https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js" }), h("div", { part: "crossmint-btn-container", class: "mdc-touch-target-wrapper" }, h("crossmint-pay-button", { exportparts: "button, contentParagraph", ref: (el) => (this.crossmintButton = el), class: "crossmint-btn", disabled: this.loading || this.disabled, projectId: this.projectId, collectionId: this.collectionId, mintTo: this.mintTo })), h("nk-dialog", { open: this.dialogOpen, dialogTitle: this.dialogTitle }, this.dialogMessage)));
   }
 };
 NKEditionMintCrossmintButton.style = nkEditionMintCrossmintButtonCss;

package/dist/esm/nk-edition-mint-crossmint-button.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nk-edition-mint-crossmint-button.entry.js","mappings":";;;;;AAAA,MAAM,+BAA+B,GAAG,wzrBAAwzrB;;MCUn1rB,4BAA4B;;;~~IAkH~~/B,sBAAiB,GAAG,CAAC,CAA6B;MACxD,MAAM,EACJ,IAAI,EAAE,EAAE,IAAI,EAAE,GACf,GAAG,CAAC,CAAC;MAEN,MAAM,aAAa,GAAG;QACpB,+BAA+B;QAC/B,yBAAyB;OAC1B,CAAC;MACF,MAAM,aAAa,GAAG,CAAC,2BAA2B,CAAC,CAAC;MACpD,MAAM,YAAY,GAAG;QACnB,kBAAkB;QAClB,4BAA4B;QAC5B,0BAA0B;OAC3B,CAAC;MAEF,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;OACrB;MAED,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC;QACrC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC;QACzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;OACtB;MAED,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC/B,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;QAC3B,IAAI,CAAC,aAAa,GAAG,gBAAgB,CAAC;QACtC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;OACtB;KACF,CAAC;;;;~~wBAhIqB~~,SAAS;0BAKP,4BAA4B;oBAEjC,IAAI;mBAEL,IAAI;kBAEG,IAAI;;kBAIZ,KAAK;sBAED,KAAK;sBAGzB;MACE,IAAI,EAAE,SAAS;MACf,QAAQ,EAAE,GAAG;MACb,UAAU,EAAE,GAAG;MACf,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;MACpC,KAAK,EAAE,EAAE;KACV;;EAUH,gBAAgB;IACd,IAAI,CAAC,eAAe,EAAE,CAAC;GACxB;EAED,kBAAkB;IAChB,IAAI,CAAC,eAAe,EAAE,CAAC;GACxB;EAED,iBAAiB;IACf,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;;MACnD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;MAC9C,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QACzC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC;QACrD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC;OAC3D,CAAC,CAAC;MACH,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,gBAAgB,CACjD,OAAO,EACP,IAAI,CAAC,SAAS,CACf,CAAC;~~MACF~~,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC;MACtB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;MAC7B,IAAI,CAAC,UAAU,mCACV,IAAI,CAAC,UAAU,KAClB,UAAU,EAAEA,WAAwB,CAAC,KAAK,CAAC,EAC3C,KAAK,~~EAAE~~,~~MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,EAAE,GAC3B,~~CAAC;MACF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;;MAGrB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;KAC9B,CAAC,CAAC;IAEH,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;MACjC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;KAC5D;GACF;EAED,oBAAoB;IAClB,IAAI,CAAC,UAAU,EAAE,CAAC;IAElB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;MACjC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;KAC/D;GACF;EAEO,eAAe;IACrB,IAAI,CAAC,eAAe,CAAC,YAAY,CAC/B,YAAY,EACZ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CACzC,CAAC;IACF,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;IACnD,IAAI,UAAU,EAAE;MACd,MAAM,GAAG,GAAG,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;MAC5C,IAAI,GAAG,EAAE;QACP,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;OAC5B;KACF;GACF;EAsCD,MAAM,SAAS;IACb,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI;MACF,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;KACpB;IAAC,OAAO,CAAC,EAAE;MACV,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;MAEpB,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;MAC3B,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,OAAO,CAAC;MAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;KACxB;GACF;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,cAAQ,GAAG,EAAC,sFAAsF,GAAU,EAC5G,WAAK,IAAI,EAAC,yBAAyB,EAAC,KAAK,EAAC,0BAA0B,IAClE,4BACE,WAAW,EAAC,~~QAAQ~~,~~EACpB~~,GAAG,EAAE,CAAC,EAAe,MAAM,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EACrD,KAAK,EAAC,eAAe,EACrB,QAAQ,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,EACvC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,GACnB,CACE,EACN,iBAAW,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAC5D,IAAI,CAAC,aAAa,CACT,CACP,EACP;GACH;;;;;;","names":["ethers.utils.formatEther"],"sources":["src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.scss?tag=nk-edition-mint-crossmint-button&encapsulation=shadow","src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-edition-mint-crossmint-button',\n styleUrl: 'nk-edition-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKEditionMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Edition Id\n /\n @Prop() editionId!: number;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() active: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n editionId: this.editionId.toString(),\n proof: [],\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [edition, price] = await Promise.all([\n state.diamond.apps.edition.getEdition(this.editionId),\n state.diamond.apps.edition.getEditionPrice(this.editionId),\n ]);\n const verify = await state.diamond.verifyForEdition(\n address,\n this.editionId\n );\n this.mintTo = address;\n this.active = edition.active;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n proof~~: verify?.proof ?? []~~,\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !this.active;\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"nk-edition-mint-crossmint-button.entry.js","mappings":"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","names":["ethers.utils.formatEther"],"sources":["src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.scss?tag=nk-edition-mint-crossmint-button&encapsulation=shadow","src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-edition-mint-crossmint-button',\n styleUrl: 'nk-edition-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKEditionMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Edition Id\n /\n @Prop() editionId!: number;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() active: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n editionId: this.editionId.toString(),\n proof: [],\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [edition, price] = await Promise.all([\n state.diamond.apps.edition.getEdition(this.editionId),\n state.diamond.apps.edition.getEditionPrice(this.editionId),\n ]);\n let proof: string[] = [];\n if (address) {\n const verify = await state.diamond.verifyForEdition(\n address,\n this.editionId\n );\n proof = verify?.proof ?? [];\n }\n this.mintTo = address;\n this.active = edition.active;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n proof,\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !this.active;\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button, contentParagraph\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/widgets/{p-173741a1.entry.js → p-1a4fdb74.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as o,H as e}from"./p-a8cad770.js";import{b as r}from"./p-3c0f264f.js";import{s as n}from"./p-317b4eec.js";import{f as d}from"./p-9a0ad071.js";const i='@import url("https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap"); .mdc-touch-target-wrapper{display:inline}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:transparent}.mdc-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:none}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{cursor:default;pointer-events:none}.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;position:relative;vertical-align:top}[dir=rtl] .mdc-button .mdc-button__icon,.mdc-button .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:0;}.mdc-button .mdc-button__label{position:relative}.mdc-button .mdc-button__focus-ring{display:none}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n      100% + 4px\n    );width:calc(\n      100% + 4px\n    );display:block}}@media screen and (forced-colors: active) and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active) and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{border-color:CanvasText}}.mdc-button .mdc-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:0}[dir=rtl] .mdc-button__label+.mdc-button__icon,.mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:0;margin-right:8px;}svg.mdc-button__icon{fill:currentColor}.mdc-button--touch{margin-top:6px;margin-bottom:6px}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif));text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none)}.mdc-button{padding:0 8px 0 8px}.mdc-button--unelevated{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--unelevated.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--unelevated.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--raised{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--raised.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--raised.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--outlined{border-style:solid;transition:border 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-button--outlined .mdc-button__ripple{border-style:solid;border-color:transparent}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-button .mdc-button__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-button .mdc-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-button__ripple{position:absolute;box-sizing:content-box;overflow:hidden;z-index:0;top:0;left:0;bottom:0;right:0}.mdc-button{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-text-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-text-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-text-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-text-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-text-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-text-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button:not(:disabled){color:#000;color:var(--mdc-text-button-label-text-color, var(--mdc-theme-primary, #000))}.mdc-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-text-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-text-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-text-button-with-icon-icon-size, 1.125rem)}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{background-color:#000;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-theme-primary, #000))}.mdc-button:hover .mdc-button__ripple::before,.mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, 0.04)}.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, 0.12)}.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-filled-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-filled-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-filled-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-filled-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-filled-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-filled-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated:not(:disabled){background-color:#000;background-color:var(--mdc-filled-button-container-color, var(--mdc-theme-primary, #000))}.mdc-button--unelevated:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-filled-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--unelevated .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-filled-button-with-icon-icon-size, 1.125rem)}.mdc-button--unelevated .mdc-button__ripple::before,.mdc-button--unelevated .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-filled-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:hover .mdc-button__ripple::before,.mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-filled-button-hover-state-layer-opacity, 0.08)}.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-focus-state-layer-opacity, 0.24)}.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-protected-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-protected-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-protected-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-protected-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-protected-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-protected-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));--mdc-elevation-box-shadow-for-gss:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:not(:disabled){background-color:#000;background-color:var(--mdc-protected-button-container-color, var(--mdc-theme-primary, #000))}.mdc-button--raised:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--raised:not(:disabled){color:#fff;color:var(--mdc-protected-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--raised .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-protected-button-with-icon-icon-size, 1.125rem)}.mdc-button--raised .mdc-button__ripple::before,.mdc-button--raised .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-protected-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:hover .mdc-button__ripple::before,.mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-protected-button-hover-state-layer-opacity, 0.08)}.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-focus-state-layer-opacity, 0.24)}.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised.mdc-ripple-upgraded--background-focused,.mdc-button--raised:not(.mdc-ripple-upgraded):focus{--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-focus-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:hover{--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-hover-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:not(:disabled):active{--mdc-elevation-box-shadow-for-gss:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-pressed-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:disabled{--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-disabled-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--outlined{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-outlined-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-outlined-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined:not(:disabled){color:#000;color:var(--mdc-outlined-button-label-text-color, var(--mdc-theme-primary, #000))}.mdc-button--outlined:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--outlined .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem)}.mdc-button--outlined .mdc-button__ripple::before,.mdc-button--outlined .mdc-button__ripple::after{background-color:#000;background-color:var(--mdc-outlined-button-hover-state-layer-color, var(--mdc-theme-primary, #000))}.mdc-button--outlined:hover .mdc-button__ripple::before,.mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, 0.04)}.mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, 0.12)}.mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--outlined:not(:disabled){border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined:disabled{border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined.mdc-button--icon-trailing{padding:0 11px 0 15px}.mdc-button--outlined.mdc-button--icon-leading{padding:0 15px 0 11px}.mdc-button--outlined .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width, 1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px))}.mdc-button--raised .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon,.mdc-button--outlined .mdc-button__icon{margin-left:-4px;margin-right:8px}[dir=rtl] .mdc-button--raised .mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__icon,.mdc-button--raised .mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:-4px;}.mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__label+.mdc-button__icon,.mdc-button--outlined .mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:-4px}[dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon,.mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:-4px;margin-right:8px;}:host{display:block;font-family:"Chivo", sans-serif;font-weight:400}.crossmint-btn::part(contentParagraph){display:none}.crossmint-btn::part(button):after{content:"Mint With Credit Card"}.crossmint-btn::part(button){font-family:"Chivo", sans-serif;font-weight:400;text-transform:uppercase;font-size:0.9375rem;font-weight:bold;line-height:1.75;letter-spacing:0.4px;box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);border-radius:28px;min-width:212px;min-height:36px}';const a=class{constructor(o){t(this,o);this.handleWindowEvent=t=>{const{data:{type:o}}=t;const e=["payment:preparation.succeeded","payment:process.started"];const r=["payment:process.succeeded"];const n=["payment:rejected","payment:preparation.failed","quote:status.invalidated"];if(e.includes(o)){this.loading=true}if(r.includes(o)){this.dialogTitle=this.successTitle;this.dialogMessage=this.successMessage;this.dialogOpen=true;this.loading=false}if(n.includes(o)){this.dialogTitle="Error";this.dialogMessage="Payment failed";this.dialogOpen=true;this.loading=false}};this.projectId=undefined;this.collectionId=undefined;this.editionId=undefined;this.successTitle="Success";this.successMessage="Successfully minted an NFT";this.disabled=true;this.loading=true;this.mintTo=null;this.active=undefined;this.isOpen=false;this.dialogOpen=false;this.mintConfig={type:"erc-721",quantity:"1",totalPrice:"0",editionId:this.editionId.toString(),proof:[]}}componentDidLoad(){this.crossmintUpdate()}componentDidUpdate(){this.crossmintUpdate()}componentWillLoad(){this.disconnect=r({listen:true},(async()=>{var t;const{address:o}=n.client.getAccount();const[e,r]=await Promise.all([n.diamond.apps.edition.getEdition(this.editionId),n.diamond.apps.edition.getEditionPrice(this.editionId)]);const i=await n.diamond.verifyForEdition(o,this.editionId);this.mintTo=o;this.active=e.active;this.mintConfig=Object.assign(Object.assign({},this.mintConfig),{totalPrice:d(r),proof:(t=i===null||i===void 0?void 0:i.proof)!==null&&t!==void 0?t:[]});this.loading=false;this.disabled=!this.active}));if(typeof window!=="undefined"){window.addEventListener("message",this.handleWindowEvent)}}disconnectedCallback(){this.disconnect();if(typeof window!=="undefined"){window.removeEventListener("message",this.handleWindowEvent)}}crossmintUpdate(){this.crossmintButton.setAttribute("mintConfig",JSON.stringify(this.mintConfig,null,2));const t=this.crossmintButton.shadowRoot;if(t){const o=t.querySelector("img");if(o){o.style.display="none"}}}async openModal(){this.loading=true;try{this.isOpen=true}catch(t){this.loading=false;this.isOpen=false;this.dialogTitle="Error";this.dialogMessage=t.message;this.dialogOpen=true}}render(){return o(e,null,o("script",{src:"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js"}),o("div",{part:"crossmint-btn-container",class:"mdc-touch-target-wrapper"},o("crossmint-pay-button",{exportparts:"button",ref:t=>this.crossmintButton=t,class:"crossmint-btn",disabled:this.loading||this.disabled,projectId:this.projectId,collectionId:this.collectionId,mintTo:this.mintTo})),o("nk-dialog",{open:this.dialogOpen,dialogTitle:this.dialogTitle},this.dialogMessage))}};a.style=i;export{a as nk_edition_mint_crossmint_button};
-//# sourceMappingURL=p-173741a1.entry.js.map
+import{r as t,h as o,H as e}from"./p-a8cad770.js";import{b as r}from"./p-3c0f264f.js";import{s as n}from"./p-317b4eec.js";import{f as d}from"./p-9a0ad071.js";const i='@import url("https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap"); .mdc-touch-target-wrapper{display:inline}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:transparent}.mdc-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:none}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{cursor:default;pointer-events:none}.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;position:relative;vertical-align:top}[dir=rtl] .mdc-button .mdc-button__icon,.mdc-button .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:0;}.mdc-button .mdc-button__label{position:relative}.mdc-button .mdc-button__focus-ring{display:none}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n      100% + 4px\n    );width:calc(\n      100% + 4px\n    );display:block}}@media screen and (forced-colors: active) and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active) and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{border-color:CanvasText}}.mdc-button .mdc-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:0}[dir=rtl] .mdc-button__label+.mdc-button__icon,.mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:0;margin-right:8px;}svg.mdc-button__icon{fill:currentColor}.mdc-button--touch{margin-top:6px;margin-bottom:6px}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif));text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none)}.mdc-button{padding:0 8px 0 8px}.mdc-button--unelevated{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--unelevated.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--unelevated.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--raised{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--raised.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--raised.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--outlined{border-style:solid;transition:border 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-button--outlined .mdc-button__ripple{border-style:solid;border-color:transparent}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-button .mdc-button__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-button .mdc-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-button__ripple{position:absolute;box-sizing:content-box;overflow:hidden;z-index:0;top:0;left:0;bottom:0;right:0}.mdc-button{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-text-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-text-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-text-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-text-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-text-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-text-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button:not(:disabled){color:#000;color:var(--mdc-text-button-label-text-color, var(--mdc-theme-primary, #000))}.mdc-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-text-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-text-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-text-button-with-icon-icon-size, 1.125rem)}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{background-color:#000;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-theme-primary, #000))}.mdc-button:hover .mdc-button__ripple::before,.mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, 0.04)}.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, 0.12)}.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-filled-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-filled-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-filled-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-filled-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-filled-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-filled-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated:not(:disabled){background-color:#000;background-color:var(--mdc-filled-button-container-color, var(--mdc-theme-primary, #000))}.mdc-button--unelevated:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-filled-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--unelevated .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-filled-button-with-icon-icon-size, 1.125rem)}.mdc-button--unelevated .mdc-button__ripple::before,.mdc-button--unelevated .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-filled-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:hover .mdc-button__ripple::before,.mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-filled-button-hover-state-layer-opacity, 0.08)}.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-focus-state-layer-opacity, 0.24)}.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-protected-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-protected-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-protected-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-protected-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-protected-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-protected-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));--mdc-elevation-box-shadow-for-gss:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:not(:disabled){background-color:#000;background-color:var(--mdc-protected-button-container-color, var(--mdc-theme-primary, #000))}.mdc-button--raised:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--raised:not(:disabled){color:#fff;color:var(--mdc-protected-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--raised .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-protected-button-with-icon-icon-size, 1.125rem)}.mdc-button--raised .mdc-button__ripple::before,.mdc-button--raised .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-protected-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:hover .mdc-button__ripple::before,.mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-protected-button-hover-state-layer-opacity, 0.08)}.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-focus-state-layer-opacity, 0.24)}.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised.mdc-ripple-upgraded--background-focused,.mdc-button--raised:not(.mdc-ripple-upgraded):focus{--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-focus-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:hover{--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-hover-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:not(:disabled):active{--mdc-elevation-box-shadow-for-gss:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-pressed-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:disabled{--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-disabled-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--outlined{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-outlined-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-outlined-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined:not(:disabled){color:#000;color:var(--mdc-outlined-button-label-text-color, var(--mdc-theme-primary, #000))}.mdc-button--outlined:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--outlined .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem)}.mdc-button--outlined .mdc-button__ripple::before,.mdc-button--outlined .mdc-button__ripple::after{background-color:#000;background-color:var(--mdc-outlined-button-hover-state-layer-color, var(--mdc-theme-primary, #000))}.mdc-button--outlined:hover .mdc-button__ripple::before,.mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, 0.04)}.mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, 0.12)}.mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--outlined:not(:disabled){border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined:disabled{border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined.mdc-button--icon-trailing{padding:0 11px 0 15px}.mdc-button--outlined.mdc-button--icon-leading{padding:0 15px 0 11px}.mdc-button--outlined .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width, 1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px))}.mdc-button--raised .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon,.mdc-button--outlined .mdc-button__icon{margin-left:-4px;margin-right:8px}[dir=rtl] .mdc-button--raised .mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__icon,.mdc-button--raised .mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:-4px;}.mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__label+.mdc-button__icon,.mdc-button--outlined .mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:-4px}[dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon,.mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:-4px;margin-right:8px;}:host{display:block;font-family:"Chivo", sans-serif;font-weight:400}.crossmint-btn::part(contentParagraph){display:none}.crossmint-btn::part(button):after{content:"Mint With Credit Card"}.crossmint-btn::part(button){font-family:"Chivo", sans-serif;font-weight:400;text-transform:uppercase;font-size:0.9375rem;font-weight:bold;line-height:1.75;letter-spacing:0.4px;box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);border-radius:28px;min-width:212px;min-height:36px}';const a=class{constructor(o){t(this,o);this.handleWindowEvent=t=>{const{data:{type:o}}=t;const e=["payment:preparation.succeeded","payment:process.started"];const r=["payment:process.succeeded"];const n=["payment:rejected","payment:preparation.failed","quote:status.invalidated"];if(e.includes(o)){this.loading=true}if(r.includes(o)){this.dialogTitle=this.successTitle;this.dialogMessage=this.successMessage;this.dialogOpen=true;this.loading=false}if(n.includes(o)){this.dialogTitle="Error";this.dialogMessage="Payment failed";this.dialogOpen=true;this.loading=false}};this.projectId=undefined;this.collectionId=undefined;this.editionId=undefined;this.successTitle="Success";this.successMessage="Successfully minted an NFT";this.disabled=true;this.loading=true;this.mintTo=null;this.active=undefined;this.isOpen=false;this.dialogOpen=false;this.mintConfig={type:"erc-721",quantity:"1",totalPrice:"0",editionId:this.editionId.toString(),proof:[]}}componentDidLoad(){this.crossmintUpdate()}componentDidUpdate(){this.crossmintUpdate()}componentWillLoad(){this.disconnect=r({listen:true},(async()=>{var t;const{address:o}=n.client.getAccount();const[e,r]=await Promise.all([n.diamond.apps.edition.getEdition(this.editionId),n.diamond.apps.edition.getEditionPrice(this.editionId)]);let i=[];if(o){const e=await n.diamond.verifyForEdition(o,this.editionId);i=(t=e===null||e===void 0?void 0:e.proof)!==null&&t!==void 0?t:[]}this.mintTo=o;this.active=e.active;this.mintConfig=Object.assign(Object.assign({},this.mintConfig),{totalPrice:d(r),proof:i});this.loading=false;this.disabled=!this.active}));if(typeof window!=="undefined"){window.addEventListener("message",this.handleWindowEvent)}}disconnectedCallback(){this.disconnect();if(typeof window!=="undefined"){window.removeEventListener("message",this.handleWindowEvent)}}crossmintUpdate(){this.crossmintButton.setAttribute("mintConfig",JSON.stringify(this.mintConfig,null,2));const t=this.crossmintButton.shadowRoot;if(t){const o=t.querySelector("img");if(o){o.style.display="none"}}}async openModal(){this.loading=true;try{this.isOpen=true}catch(t){this.loading=false;this.isOpen=false;this.dialogTitle="Error";this.dialogMessage=t.message;this.dialogOpen=true}}render(){return o(e,null,o("script",{src:"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js"}),o("div",{part:"crossmint-btn-container",class:"mdc-touch-target-wrapper"},o("crossmint-pay-button",{exportparts:"button, contentParagraph",ref:t=>this.crossmintButton=t,class:"crossmint-btn",disabled:this.loading||this.disabled,projectId:this.projectId,collectionId:this.collectionId,mintTo:this.mintTo})),o("nk-dialog",{open:this.dialogOpen,dialogTitle:this.dialogTitle},this.dialogMessage))}};a.style=i;export{a as nk_edition_mint_crossmint_button};
+//# sourceMappingURL=p-1a4fdb74.entry.js.map

package/dist/widgets/p-1a4fdb74.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["nkEditionMintCrossmintButtonCss","NKEditionMintCrossmintButton","this","handleWindowEvent","e","data","type","loadingEvents","successEvents","failedEvents","includes","loading","dialogTitle","successTitle","dialogMessage","successMessage","dialogOpen","quantity","totalPrice","editionId","toString","proof","componentDidLoad","crossmintUpdate","componentDidUpdate","componentWillLoad","disconnect","watchBlockNumber","listen","async","address","state","client","getAccount","edition","price","Promise","all","diamond","apps","getEdition","getEditionPrice","verify","verifyForEdition","_a","mintTo","active","mintConfig","Object","assign","ethers.utils.formatEther","disabled","window","addEventListener","disconnectedCallback","removeEventListener","crossmintButton","setAttribute","JSON","stringify","shadowRoot","img","querySelector","style","display","openModal","isOpen","message","render","h","Host","src","part","class","exportparts","ref","el","projectId","collectionId","open"],"sources":["src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.scss?tag=nk-edition-mint-crossmint-button&encapsulation=shadow","src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-edition-mint-crossmint-button',\n styleUrl: 'nk-edition-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKEditionMintCrossmintButton {\n /**\n * Crossmint Project Id\n */\n @Prop() projectId!: string;\n\n /**\n * Crossmint Collection Id\n */\n @Prop() collectionId!: string;\n\n /**\n * Edition Id\n */\n @Prop() editionId!: number;\n\n /**\n * Title on the success modal\n */\n @Prop() successTitle = 'Success';\n\n /**\n * Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() active: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string | number | string[] | undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n editionId: this.editionId.toString(),\n proof: [],\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [edition, price] = await Promise.all([\n state.diamond.apps.edition.getEdition(this.editionId),\n state.diamond.apps.edition.getEditionPrice(this.editionId),\n ]);\n let proof: string[] = [];\n if (address) {\n const verify = await state.diamond.verifyForEdition(\n address,\n this.editionId\n );\n proof = verify?.proof ?? [];\n }\n this.mintTo = address;\n this.active = edition.active;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n proof,\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !this.active;\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button, contentParagraph\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading || this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/widgets/{p-5bdf651c.entry.js → p-39db5442.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as o,H as e}from"./p-a8cad770.js";import{b as r}from"./p-3c0f264f.js";import{s as n}from"./p-317b4eec.js";import{f as d}from"./p-9a0ad071.js";const a='@import url("https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap"); .mdc-touch-target-wrapper{display:inline}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:transparent}.mdc-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:none}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{cursor:default;pointer-events:none}.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;position:relative;vertical-align:top}[dir=rtl] .mdc-button .mdc-button__icon,.mdc-button .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:0;}.mdc-button .mdc-button__label{position:relative}.mdc-button .mdc-button__focus-ring{display:none}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n      100% + 4px\n    );width:calc(\n      100% + 4px\n    );display:block}}@media screen and (forced-colors: active) and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active) and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{border-color:CanvasText}}.mdc-button .mdc-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:0}[dir=rtl] .mdc-button__label+.mdc-button__icon,.mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:0;margin-right:8px;}svg.mdc-button__icon{fill:currentColor}.mdc-button--touch{margin-top:6px;margin-bottom:6px}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif));text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none)}.mdc-button{padding:0 8px 0 8px}.mdc-button--unelevated{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--unelevated.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--unelevated.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--raised{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--raised.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--raised.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--outlined{border-style:solid;transition:border 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-button--outlined .mdc-button__ripple{border-style:solid;border-color:transparent}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-button .mdc-button__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-button .mdc-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-button__ripple{position:absolute;box-sizing:content-box;overflow:hidden;z-index:0;top:0;left:0;bottom:0;right:0}.mdc-button{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-text-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-text-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-text-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-text-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-text-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-text-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button:not(:disabled){color:#000;color:var(--mdc-text-button-label-text-color, var(--mdc-theme-primary, #000))}.mdc-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-text-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-text-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-text-button-with-icon-icon-size, 1.125rem)}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{background-color:#000;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-theme-primary, #000))}.mdc-button:hover .mdc-button__ripple::before,.mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, 0.04)}.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, 0.12)}.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-filled-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-filled-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-filled-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-filled-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-filled-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-filled-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated:not(:disabled){background-color:#000;background-color:var(--mdc-filled-button-container-color, var(--mdc-theme-primary, #000))}.mdc-button--unelevated:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-filled-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--unelevated .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-filled-button-with-icon-icon-size, 1.125rem)}.mdc-button--unelevated .mdc-button__ripple::before,.mdc-button--unelevated .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-filled-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:hover .mdc-button__ripple::before,.mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-filled-button-hover-state-layer-opacity, 0.08)}.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-focus-state-layer-opacity, 0.24)}.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-protected-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-protected-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-protected-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-protected-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-protected-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-protected-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));--mdc-elevation-box-shadow-for-gss:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:not(:disabled){background-color:#000;background-color:var(--mdc-protected-button-container-color, var(--mdc-theme-primary, #000))}.mdc-button--raised:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--raised:not(:disabled){color:#fff;color:var(--mdc-protected-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--raised .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-protected-button-with-icon-icon-size, 1.125rem)}.mdc-button--raised .mdc-button__ripple::before,.mdc-button--raised .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-protected-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:hover .mdc-button__ripple::before,.mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-protected-button-hover-state-layer-opacity, 0.08)}.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-focus-state-layer-opacity, 0.24)}.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised.mdc-ripple-upgraded--background-focused,.mdc-button--raised:not(.mdc-ripple-upgraded):focus{--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-focus-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:hover{--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-hover-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:not(:disabled):active{--mdc-elevation-box-shadow-for-gss:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-pressed-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:disabled{--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-disabled-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--outlined{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-outlined-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-outlined-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined:not(:disabled){color:#000;color:var(--mdc-outlined-button-label-text-color, var(--mdc-theme-primary, #000))}.mdc-button--outlined:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--outlined .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem)}.mdc-button--outlined .mdc-button__ripple::before,.mdc-button--outlined .mdc-button__ripple::after{background-color:#000;background-color:var(--mdc-outlined-button-hover-state-layer-color, var(--mdc-theme-primary, #000))}.mdc-button--outlined:hover .mdc-button__ripple::before,.mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, 0.04)}.mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, 0.12)}.mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--outlined:not(:disabled){border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined:disabled{border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined.mdc-button--icon-trailing{padding:0 11px 0 15px}.mdc-button--outlined.mdc-button--icon-leading{padding:0 15px 0 11px}.mdc-button--outlined .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width, 1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px))}.mdc-button--raised .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon,.mdc-button--outlined .mdc-button__icon{margin-left:-4px;margin-right:8px}[dir=rtl] .mdc-button--raised .mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__icon,.mdc-button--raised .mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:-4px;}.mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__label+.mdc-button__icon,.mdc-button--outlined .mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:-4px}[dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon,.mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:-4px;margin-right:8px;}:host{display:block;font-family:"Chivo", sans-serif;font-weight:400}.crossmint-btn::part(contentParagraph){display:none}.crossmint-btn::part(button):after{content:"Mint With Credit Card"}.crossmint-btn::part(button){font-family:"Chivo", sans-serif;font-weight:400;text-transform:uppercase;font-size:0.9375rem;font-weight:bold;line-height:1.75;letter-spacing:0.4px;box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);border-radius:28px;min-width:212px;min-height:36px}';const i=class{constructor(o){t(this,o);this.handleWindowEvent=t=>{const{data:{type:o}}=t;const e=["payment:preparation.succeeded","payment:process.started"];const r=["payment:process.succeeded"];const n=["payment:rejected","payment:preparation.failed","quote:status.invalidated"];if(e.includes(o)){this.loading=true}if(r.includes(o)){this.dialogTitle=this.successTitle;this.dialogMessage=this.successMessage;this.dialogOpen=true;this.loading=false}if(n.includes(o)){this.dialogTitle="Error";this.dialogMessage="Payment failed";this.dialogOpen=true;this.loading=false}};this.projectId=undefined;this.collectionId=undefined;this.successTitle="Success";this.successMessage="Successfully minted an NFT";this.disabled=true;this.loading=true;this.mintTo=null;this.saleActive=undefined;this.presaleActive=undefined;this.isOpen=false;this.dialogOpen=false;this.mintConfig={type:"erc-721",quantity:"1",totalPrice:"0"}}componentDidLoad(){this.crossmintUpdate()}componentDidUpdate(){this.crossmintUpdate()}componentWillLoad(){this.disconnect=r({listen:true},(async()=>{const{address:t}=n.client.getAccount();const[o,e,r]=await Promise.all([n.diamond.apps.drop.saleActive(),n.diamond.apps.drop.presaleActive(),n.diamond.apps.drop.price()]);this.mintTo=t;this.saleActive=o;this.presaleActive=e;this.mintConfig=Object.assign(Object.assign({},this.mintConfig),{totalPrice:d(r)});this.loading=false;this.disabled=!(this.saleActive||this.presaleActive)}));if(typeof window!=="undefined"){window.addEventListener("message",this.handleWindowEvent)}}disconnectedCallback(){this.disconnect();if(typeof window!=="undefined"){window.removeEventListener("message",this.handleWindowEvent)}}crossmintUpdate(){this.crossmintButton.setAttribute("mintConfig",JSON.stringify(this.mintConfig,null,2));const t=this.crossmintButton.shadowRoot;if(t){const o=t.querySelector("img");if(o){o.style.display="none"}}}async openModal(){this.loading=true;try{this.isOpen=true}catch(t){this.loading=false;this.isOpen=false;this.dialogTitle="Error";this.dialogMessage=t.message;this.dialogOpen=true}}render(){return o(e,null,o("script",{src:"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js"}),o("div",{part:"crossmint-btn-container",class:"mdc-touch-target-wrapper"},o("crossmint-pay-button",{exportparts:"button",ref:t=>this.crossmintButton=t,class:"crossmint-btn",disabled:this.loading||this.disabled,projectId:this.projectId,collectionId:this.collectionId,mintTo:this.mintTo})),o("nk-dialog",{open:this.dialogOpen,dialogTitle:this.dialogTitle},this.dialogMessage))}};i.style=a;export{i as nk_drop_mint_crossmint_button};
-//# sourceMappingURL=p-5bdf651c.entry.js.map
+import{r as t,h as o,H as e}from"./p-a8cad770.js";import{b as r}from"./p-3c0f264f.js";import{s as n}from"./p-317b4eec.js";import{f as d}from"./p-9a0ad071.js";const a='@import url("https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap"); .mdc-touch-target-wrapper{display:inline}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:transparent}.mdc-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:none}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{cursor:default;pointer-events:none}.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;position:relative;vertical-align:top}[dir=rtl] .mdc-button .mdc-button__icon,.mdc-button .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:0;}.mdc-button .mdc-button__label{position:relative}.mdc-button .mdc-button__focus-ring{display:none}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n      100% + 4px\n    );width:calc(\n      100% + 4px\n    );display:block}}@media screen and (forced-colors: active) and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active) and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{border-color:CanvasText}}.mdc-button .mdc-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:0}[dir=rtl] .mdc-button__label+.mdc-button__icon,.mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:0;margin-right:8px;}svg.mdc-button__icon{fill:currentColor}.mdc-button--touch{margin-top:6px;margin-bottom:6px}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif));text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none)}.mdc-button{padding:0 8px 0 8px}.mdc-button--unelevated{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--unelevated.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--unelevated.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--raised{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--raised.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--raised.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--outlined{border-style:solid;transition:border 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-button--outlined .mdc-button__ripple{border-style:solid;border-color:transparent}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-button .mdc-button__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-button .mdc-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-button__ripple{position:absolute;box-sizing:content-box;overflow:hidden;z-index:0;top:0;left:0;bottom:0;right:0}.mdc-button{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-text-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-text-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-text-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-text-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-text-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-text-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button:not(:disabled){color:#000;color:var(--mdc-text-button-label-text-color, var(--mdc-theme-primary, #000))}.mdc-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-text-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-text-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-text-button-with-icon-icon-size, 1.125rem)}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{background-color:#000;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-theme-primary, #000))}.mdc-button:hover .mdc-button__ripple::before,.mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, 0.04)}.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, 0.12)}.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-filled-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-filled-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-filled-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-filled-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-filled-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-filled-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated:not(:disabled){background-color:#000;background-color:var(--mdc-filled-button-container-color, var(--mdc-theme-primary, #000))}.mdc-button--unelevated:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-filled-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--unelevated .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-filled-button-with-icon-icon-size, 1.125rem)}.mdc-button--unelevated .mdc-button__ripple::before,.mdc-button--unelevated .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-filled-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:hover .mdc-button__ripple::before,.mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-filled-button-hover-state-layer-opacity, 0.08)}.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-focus-state-layer-opacity, 0.24)}.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-protected-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-protected-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-protected-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-protected-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-protected-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-protected-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));--mdc-elevation-box-shadow-for-gss:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:not(:disabled){background-color:#000;background-color:var(--mdc-protected-button-container-color, var(--mdc-theme-primary, #000))}.mdc-button--raised:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--raised:not(:disabled){color:#fff;color:var(--mdc-protected-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--raised .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-protected-button-with-icon-icon-size, 1.125rem)}.mdc-button--raised .mdc-button__ripple::before,.mdc-button--raised .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-protected-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:hover .mdc-button__ripple::before,.mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-protected-button-hover-state-layer-opacity, 0.08)}.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-focus-state-layer-opacity, 0.24)}.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised.mdc-ripple-upgraded--background-focused,.mdc-button--raised:not(.mdc-ripple-upgraded):focus{--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-focus-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:hover{--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-hover-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:not(:disabled):active{--mdc-elevation-box-shadow-for-gss:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-pressed-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:disabled{--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-disabled-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--outlined{font-family:Chivo, Roboto, sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Chivo, Roboto, sans-serif)));font-size:0.9375rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, 0.9375rem));letter-spacing:0.4px;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.4px));font-weight:bold;font-weight:var(--mdc-outlined-button-label-text-weight, var(--mdc-typography-button-font-weight, bold));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-outlined-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined:not(:disabled){color:#000;color:var(--mdc-outlined-button-label-text-color, var(--mdc-theme-primary, #000))}.mdc-button--outlined:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--outlined .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem)}.mdc-button--outlined .mdc-button__ripple::before,.mdc-button--outlined .mdc-button__ripple::after{background-color:#000;background-color:var(--mdc-outlined-button-hover-state-layer-color, var(--mdc-theme-primary, #000))}.mdc-button--outlined:hover .mdc-button__ripple::before,.mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, 0.04)}.mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, 0.12)}.mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--outlined:not(:disabled){border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined:disabled{border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined.mdc-button--icon-trailing{padding:0 11px 0 15px}.mdc-button--outlined.mdc-button--icon-leading{padding:0 15px 0 11px}.mdc-button--outlined .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width, 1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px))}.mdc-button--raised .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon,.mdc-button--outlined .mdc-button__icon{margin-left:-4px;margin-right:8px}[dir=rtl] .mdc-button--raised .mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__icon,.mdc-button--raised .mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:-4px;}.mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__label+.mdc-button__icon,.mdc-button--outlined .mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:-4px}[dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon,.mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:-4px;margin-right:8px;}:host{display:block;font-family:"Chivo", sans-serif;font-weight:400}.crossmint-btn::part(contentParagraph){display:none}.crossmint-btn::part(button):after{content:"Mint With Credit Card"}.crossmint-btn::part(button){font-family:"Chivo", sans-serif;font-weight:400;text-transform:uppercase;font-size:0.9375rem;font-weight:bold;line-height:1.75;letter-spacing:0.4px;box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);border-radius:28px;min-width:212px;min-height:36px}';const i=class{constructor(o){t(this,o);this.handleWindowEvent=t=>{const{data:{type:o}}=t;const e=["payment:preparation.succeeded","payment:process.started"];const r=["payment:process.succeeded"];const n=["payment:rejected","payment:preparation.failed","quote:status.invalidated"];if(e.includes(o)){this.loading=true}if(r.includes(o)){this.dialogTitle=this.successTitle;this.dialogMessage=this.successMessage;this.dialogOpen=true;this.loading=false}if(n.includes(o)){this.dialogTitle="Error";this.dialogMessage="Payment failed";this.dialogOpen=true;this.loading=false}};this.projectId=undefined;this.collectionId=undefined;this.successTitle="Success";this.successMessage="Successfully minted an NFT";this.disabled=true;this.loading=true;this.mintTo=null;this.saleActive=undefined;this.presaleActive=undefined;this.isOpen=false;this.dialogOpen=false;this.mintConfig={type:"erc-721",quantity:"1",totalPrice:"0"}}componentDidLoad(){this.crossmintUpdate()}componentDidUpdate(){this.crossmintUpdate()}componentWillLoad(){this.disconnect=r({listen:true},(async()=>{const{address:t}=n.client.getAccount();const[o,e,r]=await Promise.all([n.diamond.apps.drop.saleActive(),n.diamond.apps.drop.presaleActive(),n.diamond.apps.drop.price()]);this.mintTo=t;this.saleActive=o;this.presaleActive=e;this.mintConfig=Object.assign(Object.assign({},this.mintConfig),{totalPrice:d(r)});this.loading=false;this.disabled=!(this.saleActive||this.presaleActive)}));if(typeof window!=="undefined"){window.addEventListener("message",this.handleWindowEvent)}}disconnectedCallback(){this.disconnect();if(typeof window!=="undefined"){window.removeEventListener("message",this.handleWindowEvent)}}crossmintUpdate(){this.crossmintButton.setAttribute("mintConfig",JSON.stringify(this.mintConfig,null,2));const t=this.crossmintButton.shadowRoot;if(t){const o=t.querySelector("img");if(o){o.style.display="none"}}}async openModal(){this.loading=true;try{this.isOpen=true}catch(t){this.loading=false;this.isOpen=false;this.dialogTitle="Error";this.dialogMessage=t.message;this.dialogOpen=true}}render(){return o(e,null,o("script",{src:"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js"}),o("div",{part:"crossmint-btn-container",class:"mdc-touch-target-wrapper"},o("crossmint-pay-button",{exportparts:"button, contentParagraph",ref:t=>this.crossmintButton=t,class:"crossmint-btn",disabled:this.loading||this.disabled,projectId:this.projectId,collectionId:this.collectionId,mintTo:this.mintTo})),o("nk-dialog",{open:this.dialogOpen,dialogTitle:this.dialogTitle},this.dialogMessage))}};i.style=a;export{i as nk_drop_mint_crossmint_button};
+//# sourceMappingURL=p-39db5442.entry.js.map

package/dist/widgets/{p-5bdf651c.entry.js.map → p-39db5442.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["nkDropMintCrossmintButtonCss","NKDropMintCrossmintButton","this","handleWindowEvent","e","data","type","loadingEvents","successEvents","failedEvents","includes","loading","dialogTitle","successTitle","dialogMessage","successMessage","dialogOpen","quantity","totalPrice","componentDidLoad","crossmintUpdate","componentDidUpdate","componentWillLoad","disconnect","watchBlockNumber","listen","async","address","state","client","getAccount","saleActive","presaleActive","price","Promise","all","diamond","apps","drop","mintTo","mintConfig","Object","assign","ethers.utils.formatEther","disabled","window","addEventListener","disconnectedCallback","removeEventListener","crossmintButton","setAttribute","JSON","stringify","shadowRoot","img","querySelector","style","display","openModal","isOpen","message","render","h","Host","src","part","class","exportparts","ref","el","projectId","collectionId","open"],"sources":["src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.scss?tag=nk-drop-mint-crossmint-button&encapsulation=shadow","src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-drop-mint-crossmint-button',\n styleUrl: 'nk-drop-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKDropMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() saleActive: boolean;\n\n @State() presaleActive: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [saleActive, presaleActive, price] = await Promise.all([\n state.diamond.apps.drop.saleActive(),\n state.diamond.apps.drop.presaleActive(),\n state.diamond.apps.drop.price(),\n ]);\n this.mintTo = address;\n this.saleActive = saleActive;\n this.presaleActive = presaleActive;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !(this.saleActive \|\| this.presaleActive);\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"mappings":"8JAAA,MAAMA,EAA+B,6yrB,MCUxBC,EAAyB,M,yBA0G5BC,KAAAC,kBAAqBC,IAC3B,MACEC,MAAMC,KAAEA,IACNF,EAEJ,MAAMG,EAAgB,CACpB,gCACA,2BAEF,MAAMC,EAAgB,CAAC,6BACvB,MAAMC,EAAe,CACnB,mBACA,6BACA,4BAGF,GAAIF,EAAcG,SAASJ,GAAO,CAChCJ,KAAKS,QAAU,I,CAGjB,GAAIH,EAAcE,SAASJ,GAAO,CAChCJ,KAAKU,YAAcV,KAAKW,aACxBX,KAAKY,cAAgBZ,KAAKa,eAC1Bb,KAAKc,WAAa,KAClBd,KAAKS,QAAU,K,CAGjB,GAAIF,EAAaC,SAASJ,GAAO,CAC/BJ,KAAKU,YAAc,QACnBV,KAAKY,cAAgB,iBACrBZ,KAAKc,WAAa,KAClBd,KAAKS,QAAU,K,0EA3HI,U,oBAKE,6B,cAEL,K,aAED,K,YAEO,K,mEAMR,M,gBAEI,M,gBAGpB,CACEL,KAAM,UACNW,SAAU,IACVC,WAAY,I,CAWhB,gBAAAC,GACEjB,KAAKkB,iB,CAGP,kBAAAC,GACEnB,KAAKkB,iB,CAGP,iBAAAE,GACEpB,KAAKqB,WAAaC,EAAiB,CAAEC,OAAQ,OAAQC,UACnD,MAAMC,QAAEA,GAAYC,EAAMC,OAAOC,aACjC,MAAOC,EAAYC,EAAeC,SAAeC,QAAQC,IAAI,CAC3DP,EAAMQ,QAAQC,KAAKC,KAAKP,aACxBH,EAAMQ,QAAQC,KAAKC,KAAKN,gBACxBJ,EAAMQ,QAAQC,KAAKC,KAAKL,UAE1B/B,KAAKqC,OAASZ,EACdzB,KAAK6B,WAAaA,EAClB7B,KAAK8B,cAAgBA,EACrB9B,KAAKsC,WAAUC,OAAAC,OAAAD,OAAAC,OAAA,GACVxC,KAAKsC,YAAU,CAClBtB,WAAYyB,EAAyBV,KAEvC/B,KAAKS,QAAU,MAGfT,KAAK0C,WAAa1C,KAAK6B,YAAc7B,KAAK8B,cAAc,IAG1D,UAAWa,SAAW,YAAa,CACjCA,OAAOC,iBAAiB,UAAW5C,KAAKC,kB,EAI5C,oBAAA4C,GACE7C,KAAKqB,aAEL,UAAWsB,SAAW,YAAa,CACjCA,OAAOG,oBAAoB,UAAW9C,KAAKC,kB,EAIvC,eAAAiB,GACNlB,KAAK+C,gBAAgBC,aACnB,aACAC,KAAKC,UAAUlD,KAAKsC,WAAY,KAAM,IAExC,MAAMa,EAAanD,KAAK+C,gBAAgBI,WACxC,GAAIA,EAAY,CACd,MAAMC,EAAMD,EAAWE,cAAc,OACrC,GAAID,EAAK,CACPA,EAAIE,MAAMC,QAAU,M,GAyC1B,eAAMC,GACJxD,KAAKS,QAAU,KACf,IACET,KAAKyD,OAAS,I,CACd,MAAOvD,GACPF,KAAKS,QAAU,MACfT,KAAKyD,OAAS,MAEdzD,KAAKU,YAAc,QACnBV,KAAKY,cAAgBV,EAAEwD,QACvB1D,KAAKc,WAAa,I,EAItB,MAAA6C,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,UAAQE,IAAI,yFACZF,EAAA,OAAKG,KAAK,0BAA0BC,MAAM,4BACxCJ,EAAA,wBACEK,YAAY,~~SACZC~~,IAAMC,GAAqBnE,KAAK+C,gBAAkBoB,EAClDH,MAAM,gBACNtB,SAAU1C,KAAKS,SAAWT,KAAK0C,SAC/B0B,UAAWpE,KAAKoE,UAChBC,aAAcrE,KAAKqE,aACnBhC,OAAQrC,KAAKqC,UAGjBuB,EAAA,aAAWU,KAAMtE,KAAKc,WAAYJ,YAAaV,KAAKU,aACjDV,KAAKY,e"}
1	+ {"version":3,"names":["nkDropMintCrossmintButtonCss","NKDropMintCrossmintButton","this","handleWindowEvent","e","data","type","loadingEvents","successEvents","failedEvents","includes","loading","dialogTitle","successTitle","dialogMessage","successMessage","dialogOpen","quantity","totalPrice","componentDidLoad","crossmintUpdate","componentDidUpdate","componentWillLoad","disconnect","watchBlockNumber","listen","async","address","state","client","getAccount","saleActive","presaleActive","price","Promise","all","diamond","apps","drop","mintTo","mintConfig","Object","assign","ethers.utils.formatEther","disabled","window","addEventListener","disconnectedCallback","removeEventListener","crossmintButton","setAttribute","JSON","stringify","shadowRoot","img","querySelector","style","display","openModal","isOpen","message","render","h","Host","src","part","class","exportparts","ref","el","projectId","collectionId","open"],"sources":["src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.scss?tag=nk-drop-mint-crossmint-button&encapsulation=shadow","src/components/nk-drop-mint-crossmint-button/nk-drop-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-drop-mint-crossmint-button',\n styleUrl: 'nk-drop-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKDropMintCrossmintButton {\n /*\n Crossmint Project Id\n /\n @Prop() projectId!: string;\n\n /\n Crossmint Collection Id\n /\n @Prop() collectionId!: string;\n\n /\n Title on the success modal\n /\n @Prop() successTitle = 'Success';\n\n /\n Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() saleActive: boolean;\n\n @State() presaleActive: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string \| number \| string[] \| undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [saleActive, presaleActive, price] = await Promise.all([\n state.diamond.apps.drop.saleActive(),\n state.diamond.apps.drop.presaleActive(),\n state.diamond.apps.drop.price(),\n ]);\n this.mintTo = address;\n this.saleActive = saleActive;\n this.presaleActive = presaleActive;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !(this.saleActive \|\| this.presaleActive);\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button, contentParagraph\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading \|\| this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"mappings":"8JAAA,MAAMA,EAA+B,6yrB,MCUxBC,EAAyB,M,yBA0G5BC,KAAAC,kBAAqBC,IAC3B,MACEC,MAAMC,KAAEA,IACNF,EAEJ,MAAMG,EAAgB,CACpB,gCACA,2BAEF,MAAMC,EAAgB,CAAC,6BACvB,MAAMC,EAAe,CACnB,mBACA,6BACA,4BAGF,GAAIF,EAAcG,SAASJ,GAAO,CAChCJ,KAAKS,QAAU,I,CAGjB,GAAIH,EAAcE,SAASJ,GAAO,CAChCJ,KAAKU,YAAcV,KAAKW,aACxBX,KAAKY,cAAgBZ,KAAKa,eAC1Bb,KAAKc,WAAa,KAClBd,KAAKS,QAAU,K,CAGjB,GAAIF,EAAaC,SAASJ,GAAO,CAC/BJ,KAAKU,YAAc,QACnBV,KAAKY,cAAgB,iBACrBZ,KAAKc,WAAa,KAClBd,KAAKS,QAAU,K,0EA3HI,U,oBAKE,6B,cAEL,K,aAED,K,YAEO,K,mEAMR,M,gBAEI,M,gBAGpB,CACEL,KAAM,UACNW,SAAU,IACVC,WAAY,I,CAWhB,gBAAAC,GACEjB,KAAKkB,iB,CAGP,kBAAAC,GACEnB,KAAKkB,iB,CAGP,iBAAAE,GACEpB,KAAKqB,WAAaC,EAAiB,CAAEC,OAAQ,OAAQC,UACnD,MAAMC,QAAEA,GAAYC,EAAMC,OAAOC,aACjC,MAAOC,EAAYC,EAAeC,SAAeC,QAAQC,IAAI,CAC3DP,EAAMQ,QAAQC,KAAKC,KAAKP,aACxBH,EAAMQ,QAAQC,KAAKC,KAAKN,gBACxBJ,EAAMQ,QAAQC,KAAKC,KAAKL,UAE1B/B,KAAKqC,OAASZ,EACdzB,KAAK6B,WAAaA,EAClB7B,KAAK8B,cAAgBA,EACrB9B,KAAKsC,WAAUC,OAAAC,OAAAD,OAAAC,OAAA,GACVxC,KAAKsC,YAAU,CAClBtB,WAAYyB,EAAyBV,KAEvC/B,KAAKS,QAAU,MAGfT,KAAK0C,WAAa1C,KAAK6B,YAAc7B,KAAK8B,cAAc,IAG1D,UAAWa,SAAW,YAAa,CACjCA,OAAOC,iBAAiB,UAAW5C,KAAKC,kB,EAI5C,oBAAA4C,GACE7C,KAAKqB,aAEL,UAAWsB,SAAW,YAAa,CACjCA,OAAOG,oBAAoB,UAAW9C,KAAKC,kB,EAIvC,eAAAiB,GACNlB,KAAK+C,gBAAgBC,aACnB,aACAC,KAAKC,UAAUlD,KAAKsC,WAAY,KAAM,IAExC,MAAMa,EAAanD,KAAK+C,gBAAgBI,WACxC,GAAIA,EAAY,CACd,MAAMC,EAAMD,EAAWE,cAAc,OACrC,GAAID,EAAK,CACPA,EAAIE,MAAMC,QAAU,M,GAyC1B,eAAMC,GACJxD,KAAKS,QAAU,KACf,IACET,KAAKyD,OAAS,I,CACd,MAAOvD,GACPF,KAAKS,QAAU,MACfT,KAAKyD,OAAS,MAEdzD,KAAKU,YAAc,QACnBV,KAAKY,cAAgBV,EAAEwD,QACvB1D,KAAKc,WAAa,I,EAItB,MAAA6C,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,UAAQE,IAAI,yFACZF,EAAA,OAAKG,KAAK,0BAA0BC,MAAM,4BACxCJ,EAAA,wBACEK,YAAY,2BACZC,IAAMC,GAAqBnE,KAAK+C,gBAAkBoB,EAClDH,MAAM,gBACNtB,SAAU1C,KAAKS,SAAWT,KAAK0C,SAC/B0B,UAAWpE,KAAKoE,UAChBC,aAAcrE,KAAKqE,aACnBhC,OAAQrC,KAAKqC,UAGjBuB,EAAA,aAAWU,KAAMtE,KAAKc,WAAYJ,YAAaV,KAAKU,aACjDV,KAAKY,e"}

package/dist/widgets/widgets.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,b as t}from"./p-a8cad770.js";export{s as setNonce}from"./p-a8cad770.js";const i=()=>{const s=import.meta.url;const t={};if(s!==""){t.resourcesUrl=new URL(".",s).href}return e(t)};i().then((e=>t([["p-96091f16",[[1,"nk-drop-mint-winter-button",{projectId:[1,"project-id"],successTitle:[1,"success-title"],successMessage:[1,"success-message"],disabled:[32],loading:[32],saleActive:[32],presaleActive:[32],isOpen:[32],dialogOpen:[32],extraMintParams:[32],openModal:[64]}],[1,"nk-drop-mint-button",{successTitle:[1,"success-title"],successMessage:[1,"success-message"],disabled:[32],loading:[32],supply:[32],maxAmount:[32],maxPerMint:[32],price:[32],saleActive:[32],presaleActive:[32],selections:[32],dialogOpen:[32],selectedValue:[32],mint:[64]}],[1,"nk-connect-wallet-button",{isConnected:[32],isWrongNetwork:[32],address:[32],ensName:[32]}],[1,"nk-diamond",{collectionId:[1,"collection-id"],isDev:[4,"is-dev"],loading:[32]}],[1,"nk-drop-price-text",{price:[32]}],[1,"nk-drop-supply-text",{supply:[32],maxAmount:[32]}],[1,"nk-is-connected",{isConnected:[32]}],[1,"nk-is-holder",{tokenId:[1,"token-id"],isHolder:[32]}],[1,"nk-loading"],[1,"nk-dialog",{dialogTitle:[1,"dialog-title"],open:[4],buttonText:[1,"button-text"]}]]],["p-5bdf651c",[[1,"nk-drop-mint-crossmint-button",{projectId:[1,"project-id"],collectionId:[1,"collection-id"],successTitle:[1,"success-title"],successMessage:[1,"success-message"],disabled:[32],loading:[32],mintTo:[32],saleActive:[32],presaleActive:[32],isOpen:[32],dialogOpen:[32],mintConfig:[32],openModal:[64]}]]],["p-88a605b5",[[1,"nk-edition-mint-button",{editionId:[2,"edition-id"],successTitle:[1,"success-title"],successMessage:[1,"success-message"],disabled:[32],loading:[32],quantity:[32],maxQuantity:[32],maxPerWallet:[32],maxPerMint:[32],price:[32],active:[32],selections:[32],dialogOpen:[32],selectedValue:[32],mint:[64]}]]],["p-173741a1",[[1,"nk-edition-mint-crossmint-button",{projectId:[1,"project-id"],collectionId:[1,"collection-id"],editionId:[2,"edition-id"],successTitle:[1,"success-title"],successMessage:[1,"success-message"],disabled:[32],loading:[32],mintTo:[32],active:[32],isOpen:[32],dialogOpen:[32],mintConfig:[32],openModal:[64]}]]],["p-0c6c99b8",[[1,"nk-edition-price-text",{editionId:[2,"edition-id"],price:[32]}]]],["p-bc0f7e2e",[[1,"nk-edition-supply-text",{editionId:[2,"edition-id"],quantity:[32],maxQuantity:[32]}]]],["p-42cc4efd",[[1,"nk-is-not-connected",{isNotConnected:[32]}]]]],e)));
+import{p as e,b as t}from"./p-a8cad770.js";export{s as setNonce}from"./p-a8cad770.js";const i=()=>{const s=import.meta.url;const t={};if(s!==""){t.resourcesUrl=new URL(".",s).href}return e(t)};i().then((e=>t([["p-96091f16",[[1,"nk-drop-mint-winter-button",{projectId:[1,"project-id"],successTitle:[1,"success-title"],successMessage:[1,"success-message"],disabled:[32],loading:[32],saleActive:[32],presaleActive:[32],isOpen:[32],dialogOpen:[32],extraMintParams:[32],openModal:[64]}],[1,"nk-drop-mint-button",{successTitle:[1,"success-title"],successMessage:[1,"success-message"],disabled:[32],loading:[32],supply:[32],maxAmount:[32],maxPerMint:[32],price:[32],saleActive:[32],presaleActive:[32],selections:[32],dialogOpen:[32],selectedValue:[32],mint:[64]}],[1,"nk-connect-wallet-button",{isConnected:[32],isWrongNetwork:[32],address:[32],ensName:[32]}],[1,"nk-diamond",{collectionId:[1,"collection-id"],isDev:[4,"is-dev"],loading:[32]}],[1,"nk-drop-price-text",{price:[32]}],[1,"nk-drop-supply-text",{supply:[32],maxAmount:[32]}],[1,"nk-is-connected",{isConnected:[32]}],[1,"nk-is-holder",{tokenId:[1,"token-id"],isHolder:[32]}],[1,"nk-loading"],[1,"nk-dialog",{dialogTitle:[1,"dialog-title"],open:[4],buttonText:[1,"button-text"]}]]],["p-39db5442",[[1,"nk-drop-mint-crossmint-button",{projectId:[1,"project-id"],collectionId:[1,"collection-id"],successTitle:[1,"success-title"],successMessage:[1,"success-message"],disabled:[32],loading:[32],mintTo:[32],saleActive:[32],presaleActive:[32],isOpen:[32],dialogOpen:[32],mintConfig:[32],openModal:[64]}]]],["p-88a605b5",[[1,"nk-edition-mint-button",{editionId:[2,"edition-id"],successTitle:[1,"success-title"],successMessage:[1,"success-message"],disabled:[32],loading:[32],quantity:[32],maxQuantity:[32],maxPerWallet:[32],maxPerMint:[32],price:[32],active:[32],selections:[32],dialogOpen:[32],selectedValue:[32],mint:[64]}]]],["p-1a4fdb74",[[1,"nk-edition-mint-crossmint-button",{projectId:[1,"project-id"],collectionId:[1,"collection-id"],editionId:[2,"edition-id"],successTitle:[1,"success-title"],successMessage:[1,"success-message"],disabled:[32],loading:[32],mintTo:[32],active:[32],isOpen:[32],dialogOpen:[32],mintConfig:[32],openModal:[64]}]]],["p-0c6c99b8",[[1,"nk-edition-price-text",{editionId:[2,"edition-id"],price:[32]}]]],["p-bc0f7e2e",[[1,"nk-edition-supply-text",{editionId:[2,"edition-id"],quantity:[32],maxQuantity:[32]}]]],["p-42cc4efd",[[1,"nk-is-not-connected",{isNotConnected:[32]}]]]],e)));
 //# sourceMappingURL=widgets.esm.js.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@niftykit/widgets",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "NiftyKit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -69,5 +69,5 @@
   "author": "NiftyKit <hello@niftykit.com>",
   "license": "MIT",
   "homepage": "https://github.com/niftykit-inc/niftykit-sdk",
-  "gitHead": "08f8ad509101d89a0c5a6000c0c740bd68b831f8"
+  "gitHead": "0ad87d7f020a0e825ccdab6e612523d5ede35ecc"
 }

package/dist/widgets/p-173741a1.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["nkEditionMintCrossmintButtonCss","NKEditionMintCrossmintButton","this","handleWindowEvent","e","data","type","loadingEvents","successEvents","failedEvents","includes","loading","dialogTitle","successTitle","dialogMessage","successMessage","dialogOpen","quantity","totalPrice","editionId","toString","proof","componentDidLoad","crossmintUpdate","componentDidUpdate","componentWillLoad","disconnect","watchBlockNumber","listen","async","address","state","client","getAccount","edition","price","Promise","all","diamond","apps","getEdition","getEditionPrice","verify","verifyForEdition","mintTo","active","mintConfig","Object","assign","ethers.utils.formatEther","_a","disabled","window","addEventListener","disconnectedCallback","removeEventListener","crossmintButton","setAttribute","JSON","stringify","shadowRoot","img","querySelector","style","display","openModal","isOpen","message","render","h","Host","src","part","class","exportparts","ref","el","projectId","collectionId","open"],"sources":["src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.scss?tag=nk-edition-mint-crossmint-button&encapsulation=shadow","src/components/nk-edition-mint-crossmint-button/nk-edition-mint-crossmint-button.tsx"],"sourcesContent":["@use \"@material/theme\"with ($primary: #000,\n);\n@use \"@material/typography\"with ($font-family: unquote(\"Chivo, Roboto, sans-serif\"),\n $styles-button: (text-transform: uppercase,\n font-size: 0.9375rem,\n font-weight: bold,\n line-height: 1.75,\n letter-spacing: 0.4px,\n ));\n\n@use \"@material/button/styles\";\n\n@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap');\n\n:host {\n display: block;\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n}\n\n.crossmint-btn::part(contentParagraph) {\n display: none;\n}\n\n.crossmint-btn::part(button):after {\n content: \"Mint With Credit Card\";\n}\n\n.crossmint-btn::part(button) {\n font-family: 'Chivo', sans-serif;\n font-weight: 400;\n text-transform: uppercase;\n font-size: 0.9375rem;\n font-weight: bold;\n line-height: 1.75;\n letter-spacing: 0.4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);\n border-radius: 28px;\n min-width: 212px;\n min-height: 36px;\n}\n","import { Component, h, Method, State, Prop, Host } from '@stencil/core';\nimport { ethers } from 'ethers';\nimport { watchBlockNumber } from '@wagmi/core';\nimport state from '../../stores/wallet';\n\n@Component({\n tag: 'nk-edition-mint-crossmint-button',\n styleUrl: 'nk-edition-mint-crossmint-button.scss',\n shadow: true,\n})\nexport class NKEditionMintCrossmintButton {\n /**\n * Crossmint Project Id\n */\n @Prop() projectId!: string;\n\n /**\n * Crossmint Collection Id\n */\n @Prop() collectionId!: string;\n\n /**\n * Edition Id\n */\n @Prop() editionId!: number;\n\n /**\n * Title on the success modal\n */\n @Prop() successTitle = 'Success';\n\n /**\n * Body message on the success modal\n */\n @Prop() successMessage = 'Successfully minted an NFT';\n\n @State() disabled = true;\n\n @State() loading = true;\n\n @State() mintTo: string = null;\n\n @State() active: boolean;\n\n @State() isOpen = false;\n\n @State() dialogOpen = false;\n\n @State() mintConfig: Record<string, string | number | string[] | undefined> =\n {\n type: 'erc-721',\n quantity: '1',\n totalPrice: '0',\n editionId: this.editionId.toString(),\n proof: [],\n };\n\n crossmintButton!: HTMLElement;\n\n dialogTitle: string;\n\n dialogMessage: string;\n\n disconnect: () => void;\n\n componentDidLoad() {\n this.crossmintUpdate();\n }\n\n componentDidUpdate() {\n this.crossmintUpdate();\n }\n\n componentWillLoad() {\n this.disconnect = watchBlockNumber({ listen: true }, async () => {\n const { address } = state.client.getAccount();\n const [edition, price] = await Promise.all([\n state.diamond.apps.edition.getEdition(this.editionId),\n state.diamond.apps.edition.getEditionPrice(this.editionId),\n ]);\n const verify = await state.diamond.verifyForEdition(\n address,\n this.editionId\n );\n this.mintTo = address;\n this.active = edition.active;\n this.mintConfig = {\n ...this.mintConfig,\n totalPrice: ethers.utils.formatEther(price),\n proof: verify?.proof ?? [],\n };\n this.loading = false;\n\n // sale not active then disable widget\n this.disabled = !this.active;\n });\n\n if (typeof window !== 'undefined') {\n window.addEventListener('message', this.handleWindowEvent);\n }\n }\n\n disconnectedCallback() {\n this.disconnect();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('message', this.handleWindowEvent);\n }\n }\n\n private crossmintUpdate() {\n this.crossmintButton.setAttribute(\n 'mintConfig',\n JSON.stringify(this.mintConfig, null, 2)\n );\n const shadowRoot = this.crossmintButton.shadowRoot;\n if (shadowRoot) {\n const img = shadowRoot.querySelector('img');\n if (img) {\n img.style.display = 'none';\n }\n }\n }\n\n private handleWindowEvent = (e: { data: { type: string } }) => {\n const {\n data: { type },\n } = e;\n\n const loadingEvents = [\n 'payment:preparation.succeeded',\n 'payment:process.started',\n ];\n const successEvents = ['payment:process.succeeded'];\n const failedEvents = [\n 'payment:rejected',\n 'payment:preparation.failed',\n 'quote:status.invalidated',\n ];\n\n if (loadingEvents.includes(type)) {\n this.loading = true;\n }\n\n if (successEvents.includes(type)) {\n this.dialogTitle = this.successTitle;\n this.dialogMessage = this.successMessage;\n this.dialogOpen = true;\n this.loading = false;\n }\n\n if (failedEvents.includes(type)) {\n this.dialogTitle = 'Error';\n this.dialogMessage = 'Payment failed';\n this.dialogOpen = true;\n this.loading = false;\n }\n };\n\n @Method()\n async openModal(): Promise<void> {\n this.loading = true;\n try {\n this.isOpen = true;\n } catch (e) {\n this.loading = false;\n this.isOpen = false;\n\n this.dialogTitle = 'Error';\n this.dialogMessage = e.message;\n this.dialogOpen = true;\n }\n }\n\n render() {\n return (\n <Host>\n <script src=\"https://unpkg.com/@crossmint/client-sdk-vanilla-ui@1.0.1-alpha.4/lib/index.global.js\"></script>\n <div part=\"crossmint-btn-container\" class=\"mdc-touch-target-wrapper\">\n <crossmint-pay-button\n exportparts=\"button\"\n ref={(el: HTMLElement) => (this.crossmintButton = el)}\n class=\"crossmint-btn\"\n disabled={this.loading || this.disabled}\n projectId={this.projectId}\n collectionId={this.collectionId}\n mintTo={this.mintTo}\n />\n </div>\n <nk-dialog open={this.dialogOpen} dialogTitle={this.dialogTitle}>\n {this.dialogMessage}\n </nk-dialog>\n </Host>\n );\n }\n}\n"],"mappings":"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"}